@trendyol/baklava 3.4.0 → 3.4.2
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/baklava-react.d.ts +112 -29
- package/dist/baklava-react.d.ts.map +1 -1
- package/dist/baklava-react.js +1 -1
- package/dist/baklava-react.js.map +2 -2
- package/package.json +1 -1
package/dist/baklava-react.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { type EventName } from "@lit-labs/react";
|
|
2
3
|
export type BlIcon = import("./components/icon/bl-icon").default;
|
|
3
4
|
export type BlIconLoad = CustomEvent<string>;
|
|
4
5
|
export type BlIconError = CustomEvent<string>;
|
|
@@ -10,10 +11,15 @@ export type BlIconError = CustomEvent<string>;
|
|
|
10
11
|
* @cssproperty [font-size] Setting size of icon. Default is current font size in DOM place
|
|
11
12
|
* @cssproperty [color=currentColor] Setting color of icon
|
|
12
13
|
*/
|
|
13
|
-
export declare const BlIcon: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/icon/bl-icon").default, {
|
|
14
|
+
export declare const BlIcon: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/icon/bl-icon").default, {
|
|
15
|
+
onBlLoad: EventName<BlIconLoad>;
|
|
16
|
+
onBlError: EventName<BlIconError>;
|
|
17
|
+
}>>;
|
|
14
18
|
export type BlAccordion = import("./components/accordion-group/accordion/bl-accordion").default;
|
|
15
19
|
export type BlAccordionToggle = CustomEvent<boolean>;
|
|
16
|
-
export declare const BlAccordion: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/accordion-group/accordion/bl-accordion").default, {
|
|
20
|
+
export declare const BlAccordion: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/accordion-group/accordion/bl-accordion").default, {
|
|
21
|
+
onBlToggle: EventName<BlAccordionToggle>;
|
|
22
|
+
}>>;
|
|
17
23
|
export type BlSpinner = import("./components/spinner/bl-spinner").default;
|
|
18
24
|
/**
|
|
19
25
|
* @tag bl-spinner
|
|
@@ -31,14 +37,18 @@ export type BlButtonClick = CustomEvent<string>;
|
|
|
31
37
|
* @cssproperty [--bl-button-justify=center] Sets the justify-content property of button
|
|
32
38
|
*
|
|
33
39
|
*/
|
|
34
|
-
export declare const BlButton: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/button/bl-button").default, {
|
|
40
|
+
export declare const BlButton: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/button/bl-button").default, {
|
|
41
|
+
onBlClick: EventName<BlButtonClick>;
|
|
42
|
+
}>>;
|
|
35
43
|
export type BlAlert = import("./components/alert/bl-alert").default;
|
|
36
44
|
export type BlAlertClose = CustomEvent<boolean>;
|
|
37
45
|
/**
|
|
38
46
|
* @tag bl-alert
|
|
39
47
|
* @summary Baklava Alert component
|
|
40
48
|
*/
|
|
41
|
-
export declare const BlAlert: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/alert/bl-alert").default, {
|
|
49
|
+
export declare const BlAlert: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/alert/bl-alert").default, {
|
|
50
|
+
onBlClose: EventName<BlAlertClose>;
|
|
51
|
+
}>>;
|
|
42
52
|
export type BlBadge = import("./components/badge/bl-badge").default;
|
|
43
53
|
/**
|
|
44
54
|
* @tag bl-badge
|
|
@@ -54,7 +64,9 @@ export type BlCalendarCalendarChange = CustomEvent<Date[]>;
|
|
|
54
64
|
* @tag bl-calendar
|
|
55
65
|
* @summary Baklava Calendar component
|
|
56
66
|
**/
|
|
57
|
-
export declare const BlCalendar: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/calendar/bl-calendar").default, {
|
|
67
|
+
export declare const BlCalendar: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/calendar/bl-calendar").default, {
|
|
68
|
+
onBlCalendarChange: EventName<BlCalendarCalendarChange>;
|
|
69
|
+
}>>;
|
|
58
70
|
export type BlCheckbox = import("./components/checkbox-group/checkbox/bl-checkbox").default;
|
|
59
71
|
export type BlCheckboxCheckboxChange = CustomEvent<boolean>;
|
|
60
72
|
export type BlCheckboxFocus = CustomEvent<string>;
|
|
@@ -64,7 +76,12 @@ export type BlCheckboxCheckboxInvalid = CustomEvent<ValidityState>;
|
|
|
64
76
|
* @tag bl-checkbox
|
|
65
77
|
* @summary Baklava Checkbox component
|
|
66
78
|
*/
|
|
67
|
-
export declare const BlCheckbox: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/checkbox-group/checkbox/bl-checkbox").default, {
|
|
79
|
+
export declare const BlCheckbox: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/checkbox-group/checkbox/bl-checkbox").default, {
|
|
80
|
+
onBlCheckboxChange: EventName<BlCheckboxCheckboxChange>;
|
|
81
|
+
onBlFocus: EventName<BlCheckboxFocus>;
|
|
82
|
+
onBlBlur: EventName<BlCheckboxBlur>;
|
|
83
|
+
onBlCheckboxInvalid: EventName<BlCheckboxCheckboxInvalid>;
|
|
84
|
+
}>>;
|
|
68
85
|
export type BlCheckboxGroup = import("./components/checkbox-group/bl-checkbox-group").default;
|
|
69
86
|
export type BlCheckboxGroupCheckboxGroupChange = CustomEvent<string[]>;
|
|
70
87
|
export type BlCheckboxGroupCheckboxGroupInvalid = CustomEvent<ValidityState>;
|
|
@@ -74,7 +91,10 @@ export type BlCheckboxGroupCheckboxGroupInvalid = CustomEvent<ValidityState>;
|
|
|
74
91
|
*
|
|
75
92
|
* @cssproperty [--bl-checkbox-direction=row] Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`
|
|
76
93
|
*/
|
|
77
|
-
export declare const BlCheckboxGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/checkbox-group/bl-checkbox-group").default, {
|
|
94
|
+
export declare const BlCheckboxGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/checkbox-group/bl-checkbox-group").default, {
|
|
95
|
+
onBlCheckboxGroupChange: EventName<BlCheckboxGroupCheckboxGroupChange>;
|
|
96
|
+
onBlCheckboxGroupInvalid: EventName<BlCheckboxGroupCheckboxGroupInvalid>;
|
|
97
|
+
}>>;
|
|
78
98
|
export type BlInput = import("./components/input/bl-input").default;
|
|
79
99
|
export type BlInputChange = CustomEvent<string>;
|
|
80
100
|
export type BlInputInput = CustomEvent<string>;
|
|
@@ -86,7 +106,11 @@ export type BlInputInvalid = CustomEvent<ValidityState>;
|
|
|
86
106
|
* @cssproperty [--bl-input-padding-start] Sets the padding start
|
|
87
107
|
* @cssproperty [--bl-input-padding-end] Sets the padding end
|
|
88
108
|
*/
|
|
89
|
-
export declare const BlInput: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/input/bl-input").default, {
|
|
109
|
+
export declare const BlInput: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/input/bl-input").default, {
|
|
110
|
+
onBlChange: EventName<BlInputChange>;
|
|
111
|
+
onBlInput: EventName<BlInputInput>;
|
|
112
|
+
onBlInvalid: EventName<BlInputInvalid>;
|
|
113
|
+
}>>;
|
|
90
114
|
export type BlPopover = import("./components/popover/bl-popover").default;
|
|
91
115
|
export type BlPopoverPopoverShow = CustomEvent<string>;
|
|
92
116
|
export type BlPopoverPopoverHide = CustomEvent<string>;
|
|
@@ -103,7 +127,10 @@ export type BlPopoverPopoverHide = CustomEvent<string>;
|
|
|
103
127
|
* @cssproperty [--bl-popover-max-width=100vw] - Sets the maximum width of the popover (including border and padding).
|
|
104
128
|
* @cssproperty [--bl-popover-position=fixed] - Sets the position of popover. You can set it to `absolute` if parent element is a fixed positioned element like drawer or dialog.
|
|
105
129
|
*/
|
|
106
|
-
export declare const BlPopover: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/popover/bl-popover").default, {
|
|
130
|
+
export declare const BlPopover: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/popover/bl-popover").default, {
|
|
131
|
+
onBlPopoverShow: EventName<BlPopoverPopoverShow>;
|
|
132
|
+
onBlPopoverHide: EventName<BlPopoverPopoverHide>;
|
|
133
|
+
}>>;
|
|
107
134
|
export type BlTooltip = import("./components/tooltip/bl-tooltip").default;
|
|
108
135
|
export type BlTooltipTooltipShow = CustomEvent<string>;
|
|
109
136
|
export type BlTooltipTooltipHide = CustomEvent<string>;
|
|
@@ -114,7 +141,10 @@ export type BlTooltipTooltipHide = CustomEvent<string>;
|
|
|
114
141
|
*
|
|
115
142
|
* @cssproperty [--bl-tooltip-trigger-display=inline-flex] Set the display of the tooltip trigger.
|
|
116
143
|
*/
|
|
117
|
-
export declare const BlTooltip: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tooltip/bl-tooltip").default, {
|
|
144
|
+
export declare const BlTooltip: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tooltip/bl-tooltip").default, {
|
|
145
|
+
onBlTooltipShow: EventName<BlTooltipTooltipShow>;
|
|
146
|
+
onBlTooltipHide: EventName<BlTooltipTooltipHide>;
|
|
147
|
+
}>>;
|
|
118
148
|
export type BlDatepicker = import("./components/datepicker/bl-datepicker").default;
|
|
119
149
|
export type BlDatepickerDatepickerChange = CustomEvent<Date[]>;
|
|
120
150
|
/**
|
|
@@ -123,7 +153,9 @@ export type BlDatepickerDatepickerChange = CustomEvent<Date[]>;
|
|
|
123
153
|
*
|
|
124
154
|
* @cssproperty [--bl-datepicker-input-width] - Sets the width of datepicker input
|
|
125
155
|
**/
|
|
126
|
-
export declare const BlDatepicker: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/datepicker/bl-datepicker").default, {
|
|
156
|
+
export declare const BlDatepicker: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/datepicker/bl-datepicker").default, {
|
|
157
|
+
onBlDatepickerChange: EventName<BlDatepickerDatepickerChange>;
|
|
158
|
+
}>>;
|
|
127
159
|
export type BlDialog = import("./components/dialog/bl-dialog").default;
|
|
128
160
|
export type BlDialogDialogOpen = CustomEvent<object>;
|
|
129
161
|
export type BlDialogDialogRequestClose = CustomEvent<{
|
|
@@ -137,7 +169,11 @@ export type BlDialogDialogClose = CustomEvent<object>;
|
|
|
137
169
|
* @cssproperty [--bl-dialog-width=auto] Sets the width of the dialog content
|
|
138
170
|
* @cssproperty [--bl-dialog-caption-line-clamp=1] Sets the line clamp of the caption
|
|
139
171
|
*/
|
|
140
|
-
export declare const BlDialog: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dialog/bl-dialog").default, {
|
|
172
|
+
export declare const BlDialog: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dialog/bl-dialog").default, {
|
|
173
|
+
onBlDialogOpen: EventName<BlDialogDialogOpen>;
|
|
174
|
+
onBlDialogRequestClose: EventName<BlDialogDialogRequestClose>;
|
|
175
|
+
onBlDialogClose: EventName<BlDialogDialogClose>;
|
|
176
|
+
}>>;
|
|
141
177
|
export type BlDrawer = import("./components/drawer/bl-drawer").default;
|
|
142
178
|
export type BlDrawerDrawerOpen = CustomEvent<string>;
|
|
143
179
|
export type BlDrawerDrawerClose = CustomEvent<string>;
|
|
@@ -147,7 +183,10 @@ export type BlDrawerDrawerClose = CustomEvent<string>;
|
|
|
147
183
|
*
|
|
148
184
|
* @cssproperty [--bl-drawer-animation-duration=250ms] Drawer slide in animation duration
|
|
149
185
|
*/
|
|
150
|
-
export declare const BlDrawer: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/drawer/bl-drawer").default, {
|
|
186
|
+
export declare const BlDrawer: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/drawer/bl-drawer").default, {
|
|
187
|
+
onBlDrawerOpen: EventName<BlDrawerDrawerOpen>;
|
|
188
|
+
onBlDrawerClose: EventName<BlDrawerDrawerClose>;
|
|
189
|
+
}>>;
|
|
151
190
|
export type BlSplitButton = import("./components/split-button/bl-split-button").default;
|
|
152
191
|
export type BlSplitButtonDropdownOpen = CustomEvent<string>;
|
|
153
192
|
export type BlSplitButtonDropdownClose = CustomEvent<string>;
|
|
@@ -156,7 +195,11 @@ export type BlSplitButtonClick = CustomEvent<string>;
|
|
|
156
195
|
* @tag bl-split-button
|
|
157
196
|
* @summary Baklava Split Button component
|
|
158
197
|
*/
|
|
159
|
-
export declare const BlSplitButton: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/split-button/bl-split-button").default, {
|
|
198
|
+
export declare const BlSplitButton: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/split-button/bl-split-button").default, {
|
|
199
|
+
onBlDropdownOpen: EventName<BlSplitButtonDropdownOpen>;
|
|
200
|
+
onBlDropdownClose: EventName<BlSplitButtonDropdownClose>;
|
|
201
|
+
onBlClick: EventName<BlSplitButtonClick>;
|
|
202
|
+
}>>;
|
|
160
203
|
export type BlDropdownGroup = import("./components/dropdown/group/bl-dropdown-group").default;
|
|
161
204
|
/**
|
|
162
205
|
* @tag bl-dropdown-group
|
|
@@ -169,7 +212,9 @@ export type BlDropdownItemDropdownItemClick = CustomEvent<string>;
|
|
|
169
212
|
* @tag bl-dropdown-item
|
|
170
213
|
* @summary Baklava Dropdown Item component
|
|
171
214
|
*/
|
|
172
|
-
export declare const BlDropdownItem: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dropdown/item/bl-dropdown-item").default, {
|
|
215
|
+
export declare const BlDropdownItem: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dropdown/item/bl-dropdown-item").default, {
|
|
216
|
+
onBlDropdownItemClick: EventName<BlDropdownItemDropdownItemClick>;
|
|
217
|
+
}>>;
|
|
173
218
|
export type BlDropdown = import("./components/dropdown/bl-dropdown").default;
|
|
174
219
|
export type BlDropdownDropdownOpen = CustomEvent<string>;
|
|
175
220
|
export type BlDropdownDropdownClose = CustomEvent<string>;
|
|
@@ -177,7 +222,10 @@ export type BlDropdownDropdownClose = CustomEvent<string>;
|
|
|
177
222
|
* @tag bl-dropdown
|
|
178
223
|
* @summary Baklava Dropdown component
|
|
179
224
|
*/
|
|
180
|
-
export declare const BlDropdown: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dropdown/bl-dropdown").default, {
|
|
225
|
+
export declare const BlDropdown: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dropdown/bl-dropdown").default, {
|
|
226
|
+
onBlDropdownOpen: EventName<BlDropdownDropdownOpen>;
|
|
227
|
+
onBlDropdownClose: EventName<BlDropdownDropdownClose>;
|
|
228
|
+
}>>;
|
|
181
229
|
export type BlLink = import("./components/link/bl-link").default;
|
|
182
230
|
/**
|
|
183
231
|
* @tag bl-link
|
|
@@ -201,7 +249,10 @@ export type BlNotificationCardNotificationCardClose = CustomEvent<{
|
|
|
201
249
|
* @tag bl-notification-card
|
|
202
250
|
* @summary Baklava Notification Card component
|
|
203
251
|
*/
|
|
204
|
-
export declare const BlNotificationCard: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/notification/card/bl-notification-card").default, {
|
|
252
|
+
export declare const BlNotificationCard: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/notification/card/bl-notification-card").default, {
|
|
253
|
+
onBlNotificationCardRequestClose: EventName<BlNotificationCardNotificationCardRequestClose>;
|
|
254
|
+
onBlNotificationCardClose: EventName<BlNotificationCardNotificationCardClose>;
|
|
255
|
+
}>>;
|
|
205
256
|
export type BlNotification = import("./components/notification/bl-notification").default;
|
|
206
257
|
/**
|
|
207
258
|
* @tag bl-notification
|
|
@@ -212,7 +263,11 @@ export type BlSelectOption = import("./components/select/option/bl-select-option
|
|
|
212
263
|
export type BlSelectOptionSelectOption = CustomEvent<string | null>;
|
|
213
264
|
export type BlSelectOptionFocus = CustomEvent<string | null>;
|
|
214
265
|
export type BlSelectOptionBlur = CustomEvent<string | null>;
|
|
215
|
-
export declare const BlSelectOption: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/select/option/bl-select-option").default<string>, {
|
|
266
|
+
export declare const BlSelectOption: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/select/option/bl-select-option").default<string>, {
|
|
267
|
+
onBlSelectOption: EventName<BlSelectOptionSelectOption>;
|
|
268
|
+
onBlFocus: EventName<BlSelectOptionFocus>;
|
|
269
|
+
onBlBlur: EventName<BlSelectOptionBlur>;
|
|
270
|
+
}>>;
|
|
216
271
|
export type BlSelect = import("./components/select/bl-select").default;
|
|
217
272
|
export type BlSelectSelect = CustomEvent<import("./components/select/bl-select").ISelectOption<string>[] | import("./components/select/bl-select").ISelectOption<string>>;
|
|
218
273
|
export type BlSelectSearch = CustomEvent<string>;
|
|
@@ -222,7 +277,10 @@ export type BlSelectSearch = CustomEvent<string>;
|
|
|
222
277
|
*
|
|
223
278
|
* @cssproperty [--bl-popover-position=fixed] Sets the positioning strategy of select popover. You can set it as `absolute` if you need to show popover relative to its trigger element.
|
|
224
279
|
*/
|
|
225
|
-
export declare const BlSelect: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/select/bl-select").default<string>, {
|
|
280
|
+
export declare const BlSelect: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/select/bl-select").default<string>, {
|
|
281
|
+
onBlSelect: EventName<BlSelectSelect>;
|
|
282
|
+
onBlSearch: EventName<BlSelectSearch>;
|
|
283
|
+
}>>;
|
|
226
284
|
export type BlPagination = import("./components/pagination/bl-pagination").default;
|
|
227
285
|
export type BlPaginationChange = CustomEvent<{
|
|
228
286
|
selectedPage: number;
|
|
@@ -233,7 +291,9 @@ export type BlPaginationChange = CustomEvent<{
|
|
|
233
291
|
* @tag bl-pagination
|
|
234
292
|
* @summary Baklava Pagination component
|
|
235
293
|
*/
|
|
236
|
-
export declare const BlPagination: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/pagination/bl-pagination").default, {
|
|
294
|
+
export declare const BlPagination: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/pagination/bl-pagination").default, {
|
|
295
|
+
onBlChange: EventName<BlPaginationChange>;
|
|
296
|
+
}>>;
|
|
237
297
|
export type BlProgressIndicator = import("./components/progress-indicator/bl-progress-indicator").default;
|
|
238
298
|
/**
|
|
239
299
|
* @tag bl-progress-indicator
|
|
@@ -254,7 +314,11 @@ export type BlRadioBlur = CustomEvent<string>;
|
|
|
254
314
|
*
|
|
255
315
|
* @cssprop [--bl-radio-align-items=center] Align items of radio option
|
|
256
316
|
*/
|
|
257
|
-
export declare const BlRadio: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/radio-group/radio/bl-radio").default, {
|
|
317
|
+
export declare const BlRadio: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/radio-group/radio/bl-radio").default, {
|
|
318
|
+
onBlChecked: EventName<BlRadioChecked>;
|
|
319
|
+
onBlFocus: EventName<BlRadioFocus>;
|
|
320
|
+
onBlBlur: EventName<BlRadioBlur>;
|
|
321
|
+
}>>;
|
|
258
322
|
export type BlRadioGroup = import("./components/radio-group/bl-radio-group").default;
|
|
259
323
|
export type BlRadioGroupRadioChange = CustomEvent<string>;
|
|
260
324
|
/**
|
|
@@ -266,7 +330,9 @@ export type BlRadioGroupRadioChange = CustomEvent<string>;
|
|
|
266
330
|
* @cssproperty [--bl-radio-group-cross-axis-content-alignment=normal] Can be used for aligning radio group content on cross axis. Acts same with align-content
|
|
267
331
|
* @cssproperty [--bl-radio-group-main-axis-content-alignment=normal] Can be used for aligning radio group content on main axis. Acts same with justify-content
|
|
268
332
|
*/
|
|
269
|
-
export declare const BlRadioGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/radio-group/bl-radio-group").default, {
|
|
333
|
+
export declare const BlRadioGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/radio-group/bl-radio-group").default, {
|
|
334
|
+
onBlRadioChange: EventName<BlRadioGroupRadioChange>;
|
|
335
|
+
}>>;
|
|
270
336
|
export type BlStepperItem = import("./components/stepper/bl-stepper-item").default;
|
|
271
337
|
export type BlStepperItemStepperItemClick = CustomEvent<string>;
|
|
272
338
|
/**
|
|
@@ -275,7 +341,9 @@ export type BlStepperItemStepperItemClick = CustomEvent<string>;
|
|
|
275
341
|
*
|
|
276
342
|
* @slot default - Step content (title and description)
|
|
277
343
|
*/
|
|
278
|
-
export declare const BlStepperItem: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/stepper/bl-stepper-item").default, {
|
|
344
|
+
export declare const BlStepperItem: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/stepper/bl-stepper-item").default, {
|
|
345
|
+
onBlStepperItemClick: EventName<BlStepperItemStepperItemClick>;
|
|
346
|
+
}>>;
|
|
279
347
|
export type BlStepper = import("./components/stepper/bl-stepper").default;
|
|
280
348
|
export type BlStepperStepperChange = CustomEvent<{
|
|
281
349
|
activeStep: number;
|
|
@@ -287,7 +355,9 @@ export type BlStepperStepperChange = CustomEvent<{
|
|
|
287
355
|
*
|
|
288
356
|
* @slot default - Stepper items
|
|
289
357
|
*/
|
|
290
|
-
export declare const BlStepper: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/stepper/bl-stepper").default, {
|
|
358
|
+
export declare const BlStepper: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/stepper/bl-stepper").default, {
|
|
359
|
+
onBlStepperChange: EventName<BlStepperStepperChange>;
|
|
360
|
+
}>>;
|
|
291
361
|
export type BlSwitch = import("./components/switch/bl-switch").default;
|
|
292
362
|
export type BlSwitchSwitchToggle = CustomEvent<boolean>;
|
|
293
363
|
/**
|
|
@@ -298,7 +368,9 @@ export type BlSwitchSwitchToggle = CustomEvent<boolean>;
|
|
|
298
368
|
* @cssproperty [--bl-switch-color-off=--bl-color-neutral-lighter] Set the unchecked color
|
|
299
369
|
* @cssproperty [--bl-switch-animation-duration=300ms] Set the animation duration of switch toggle
|
|
300
370
|
*/
|
|
301
|
-
export declare const BlSwitch: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/switch/bl-switch").default, {
|
|
371
|
+
export declare const BlSwitch: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/switch/bl-switch").default, {
|
|
372
|
+
onBlSwitchToggle: EventName<BlSwitchSwitchToggle>;
|
|
373
|
+
}>>;
|
|
302
374
|
export type BlTabPanel = import("./components/tab-group/tab-panel/bl-tab-panel").default;
|
|
303
375
|
/**
|
|
304
376
|
* @tag bl-tab-panel
|
|
@@ -311,7 +383,9 @@ export type BlTabTabSelected = CustomEvent<string>;
|
|
|
311
383
|
* @tag bl-tab
|
|
312
384
|
* @summary Baklava Tab component
|
|
313
385
|
*/
|
|
314
|
-
export declare const BlTab: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tab-group/tab/bl-tab").default, {
|
|
386
|
+
export declare const BlTab: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tab-group/tab/bl-tab").default, {
|
|
387
|
+
onBlTabSelected: EventName<BlTabTabSelected>;
|
|
388
|
+
}>>;
|
|
315
389
|
export type BlTabGroup = import("./components/tab-group/bl-tab-group").default;
|
|
316
390
|
/**
|
|
317
391
|
* @tag bl-tab-group
|
|
@@ -361,7 +435,10 @@ export type BlTableRowSelect = CustomEvent<string[]>;
|
|
|
361
435
|
* @summary Baklava Table component
|
|
362
436
|
*
|
|
363
437
|
*/
|
|
364
|
-
export declare const BlTable: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/table/bl-table").default, {
|
|
438
|
+
export declare const BlTable: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/table/bl-table").default, {
|
|
439
|
+
onBlSort: EventName<BlTableSort>;
|
|
440
|
+
onBlRowSelect: EventName<BlTableRowSelect>;
|
|
441
|
+
}>>;
|
|
365
442
|
export type BlTag = import("./components/tag/bl-tag").default;
|
|
366
443
|
export type BlTagTagClick = CustomEvent<{
|
|
367
444
|
value: string;
|
|
@@ -371,7 +448,9 @@ export type BlTagTagClick = CustomEvent<{
|
|
|
371
448
|
* @tag bl-tag
|
|
372
449
|
* @summary Baklava Tag component
|
|
373
450
|
*/
|
|
374
|
-
export declare const BlTag: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tag/bl-tag").default, {
|
|
451
|
+
export declare const BlTag: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tag/bl-tag").default, {
|
|
452
|
+
onBlTagClick: EventName<BlTagTagClick>;
|
|
453
|
+
}>>;
|
|
375
454
|
export type BlTextarea = import("./components/textarea/bl-textarea").default;
|
|
376
455
|
export type BlTextareaInput = CustomEvent<string>;
|
|
377
456
|
export type BlTextareaChange = CustomEvent<string>;
|
|
@@ -380,7 +459,11 @@ export type BlTextareaInvalid = CustomEvent<ValidityState>;
|
|
|
380
459
|
* @tag bl-textarea
|
|
381
460
|
* @summary Baklava Textarea component
|
|
382
461
|
*/
|
|
383
|
-
export declare const BlTextarea: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/textarea/bl-textarea").default, {
|
|
462
|
+
export declare const BlTextarea: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/textarea/bl-textarea").default, {
|
|
463
|
+
onBlInput: EventName<BlTextareaInput>;
|
|
464
|
+
onBlChange: EventName<BlTextareaChange>;
|
|
465
|
+
onBlInvalid: EventName<BlTextareaInvalid>;
|
|
466
|
+
}>>;
|
|
384
467
|
export type BlAccordionGroup = import("./components/accordion-group/bl-accordion-group").default;
|
|
385
468
|
export declare const BlAccordionGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/accordion-group/bl-accordion-group").default, {}>>;
|
|
386
469
|
//# sourceMappingURL=baklava-react.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"baklava-react.d.ts","sourceRoot":"","sources":["../src/baklava-react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"baklava-react.d.ts","sourceRoot":"","sources":["../src/baklava-react.ts"],"names":[],"mappings":"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"}
|
package/dist/baklava-react.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"./chunk-BWWXE4SL.js";import e from"react";var y=new Set(["children","localName","ref","style","className"]),f=new WeakMap,C=(n,c,s,i,u)=>{let d=u==null?void 0:u[c];d===void 0||s===i?(n[c]=s,s==null&&c in HTMLElement.prototype&&n.removeAttribute(c)):((m,a,p)=>{let r=f.get(m);r===void 0&&f.set(m,r=new Map);let l=r.get(a);p!==void 0?l===void 0?(r.set(a,l={handleEvent:p}),m.addEventListener(a,l)):l.handleEvent=p:l!==void 0&&(r.delete(a),m.removeEventListener(a,l))})(n,d,s)},t=({react:n,tagName:c,elementClass:s,events:i,displayName:u})=>{let d=new Set(Object.keys(i!=null?i:{})),m=n.forwardRef((a,p)=>{let r=n.useRef(null),l=n.useRef(null),b={},g={};for(let[o,B]of Object.entries(a))y.has(o)?b[o==="className"?"class":o]=B:d.has(o)||o in s.prototype?g[o]=B:b[o]=B;return n.useLayoutEffect(()=>{if(l.current!==null){for(let o in g)C(l.current,o,a[o],r.current?r.current[o]:void 0,i);r.current=a}}),n.useLayoutEffect(()=>{var o;(o=l.current)===null||o===void 0||o.removeAttribute("defer-hydration")},[]),b.suppressHydrationWarning=!0,n.createElement(c,{...b,ref:o=>{l.current=o,typeof p=="function"?p(o):p!==null&&(p.current=o)}})});return m.displayName=u!=null?u:s.name,m};var v=e.lazy(()=>customElements.whenDefined("bl-icon").then(()=>({default:t({react:e,displayName:"BlIcon",tagName:"bl-icon",elementClass:customElements.get("BlIcon")})}))),D=e.lazy(()=>customElements.whenDefined("bl-accordion").then(()=>({default:t({react:e,displayName:"BlAccordion",tagName:"bl-accordion",elementClass:customElements.get("BlAccordion")})}))),T=e.lazy(()=>customElements.whenDefined("bl-spinner").then(()=>({default:t({react:e,displayName:"BlSpinner",tagName:"bl-spinner",elementClass:customElements.get("BlSpinner")})}))),k=e.lazy(()=>customElements.whenDefined("bl-button").then(()=>({default:t({react:e,displayName:"BlButton",tagName:"bl-button",elementClass:customElements.get("BlButton")})}))),S=e.lazy(()=>customElements.whenDefined("bl-alert").then(()=>({default:t({react:e,displayName:"BlAlert",tagName:"bl-alert",elementClass:customElements.get("BlAlert")})}))),z=e.lazy(()=>customElements.whenDefined("bl-badge").then(()=>({default:t({react:e,displayName:"BlBadge",tagName:"bl-badge",elementClass:customElements.get("BlBadge")})}))),I=e.lazy(()=>customElements.whenDefined("bl-calendar").then(()=>({default:t({react:e,displayName:"BlCalendar",tagName:"bl-calendar",elementClass:customElements.get("BlCalendar")})}))),G=e.lazy(()=>customElements.whenDefined("bl-checkbox").then(()=>({default:t({react:e,displayName:"BlCheckbox",tagName:"bl-checkbox",elementClass:customElements.get("BlCheckbox")})}))),P=e.lazy(()=>customElements.whenDefined("bl-checkbox-group").then(()=>({default:t({react:e,displayName:"BlCheckboxGroup",tagName:"bl-checkbox-group",elementClass:customElements.get("BlCheckboxGroup")})}))),R=e.lazy(()=>customElements.whenDefined("bl-input").then(()=>({default:t({react:e,displayName:"BlInput",tagName:"bl-input",elementClass:customElements.get("BlInput")})}))),A=e.lazy(()=>customElements.whenDefined("bl-popover").then(()=>({default:t({react:e,displayName:"BlPopover",tagName:"bl-popover",elementClass:customElements.get("BlPopover")})}))),O=e.lazy(()=>customElements.whenDefined("bl-tooltip").then(()=>({default:t({react:e,displayName:"BlTooltip",tagName:"bl-tooltip",elementClass:customElements.get("BlTooltip")})}))),H=e.lazy(()=>customElements.whenDefined("bl-datepicker").then(()=>({default:t({react:e,displayName:"BlDatepicker",tagName:"bl-datepicker",elementClass:customElements.get("BlDatepicker")})}))),L=e.lazy(()=>customElements.whenDefined("bl-dialog").then(()=>({default:t({react:e,displayName:"BlDialog",tagName:"bl-dialog",elementClass:customElements.get("BlDialog")})}))),j=e.lazy(()=>customElements.whenDefined("bl-drawer").then(()=>({default:t({react:e,displayName:"BlDrawer",tagName:"bl-drawer",elementClass:customElements.get("BlDrawer")})}))),V=e.lazy(()=>customElements.whenDefined("bl-split-button").then(()=>({default:t({react:e,displayName:"BlSplitButton",tagName:"bl-split-button",elementClass:customElements.get("BlSplitButton")})}))),F=e.lazy(()=>customElements.whenDefined("bl-dropdown-group").then(()=>({default:t({react:e,displayName:"BlDropdownGroup",tagName:"bl-dropdown-group",elementClass:customElements.get("BlDropdownGroup")})}))),M=e.lazy(()=>customElements.whenDefined("bl-dropdown-item").then(()=>({default:t({react:e,displayName:"BlDropdownItem",tagName:"bl-dropdown-item",elementClass:customElements.get("BlDropdownItem")})}))),q=e.lazy(()=>customElements.whenDefined("bl-dropdown").then(()=>({default:t({react:e,displayName:"BlDropdown",tagName:"bl-dropdown",elementClass:customElements.get("BlDropdown")})}))),W=e.lazy(()=>customElements.whenDefined("bl-link").then(()=>({default:t({react:e,displayName:"BlLink",tagName:"bl-link",elementClass:customElements.get("BlLink")})}))),J=e.lazy(()=>customElements.whenDefined("bl-notification-card").then(()=>({default:t({react:e,displayName:"BlNotificationCard",tagName:"bl-notification-card",elementClass:customElements.get("BlNotificationCard")})}))),K=e.lazy(()=>customElements.whenDefined("bl-notification").then(()=>({default:t({react:e,displayName:"BlNotification",tagName:"bl-notification",elementClass:customElements.get("BlNotification")})}))),Q=e.lazy(()=>customElements.whenDefined("bl-select-option").then(()=>({default:t({react:e,displayName:"BlSelectOption",tagName:"bl-select-option",elementClass:customElements.get("BlSelectOption")})}))),U=e.lazy(()=>customElements.whenDefined("bl-select").then(()=>({default:t({react:e,displayName:"BlSelect",tagName:"bl-select",elementClass:customElements.get("BlSelect")})}))),X=e.lazy(()=>customElements.whenDefined("bl-pagination").then(()=>({default:t({react:e,displayName:"BlPagination",tagName:"bl-pagination",elementClass:customElements.get("BlPagination")})}))),Y=e.lazy(()=>customElements.whenDefined("bl-progress-indicator").then(()=>({default:t({react:e,displayName:"BlProgressIndicator",tagName:"bl-progress-indicator",elementClass:customElements.get("BlProgressIndicator")})}))),Z=e.lazy(()=>customElements.whenDefined("bl-radio").then(()=>({default:t({react:e,displayName:"BlRadio",tagName:"bl-radio",elementClass:customElements.get("BlRadio")})}))),_=e.lazy(()=>customElements.whenDefined("bl-radio-group").then(()=>({default:t({react:e,displayName:"BlRadioGroup",tagName:"bl-radio-group",elementClass:customElements.get("BlRadioGroup")})}))),$=e.lazy(()=>customElements.whenDefined("bl-stepper-item").then(()=>({default:t({react:e,displayName:"BlStepperItem",tagName:"bl-stepper-item",elementClass:customElements.get("BlStepperItem")})}))),ee=e.lazy(()=>customElements.whenDefined("bl-stepper").then(()=>({default:t({react:e,displayName:"BlStepper",tagName:"bl-stepper",elementClass:customElements.get("BlStepper")})}))),te=e.lazy(()=>customElements.whenDefined("bl-switch").then(()=>({default:t({react:e,displayName:"BlSwitch",tagName:"bl-switch",elementClass:customElements.get("BlSwitch")})}))),oe=e.lazy(()=>customElements.whenDefined("bl-tab-panel").then(()=>({default:t({react:e,displayName:"BlTabPanel",tagName:"bl-tab-panel",elementClass:customElements.get("BlTabPanel")})}))),le=e.lazy(()=>customElements.whenDefined("bl-tab").then(()=>({default:t({react:e,displayName:"BlTab",tagName:"bl-tab",elementClass:customElements.get("BlTab")})}))),ne=e.lazy(()=>customElements.whenDefined("bl-tab-group").then(()=>({default:t({react:e,displayName:"BlTabGroup",tagName:"bl-tab-group",elementClass:customElements.get("BlTabGroup")})}))),ae=e.lazy(()=>customElements.whenDefined("bl-table-body").then(()=>({default:t({react:e,displayName:"BlTableBody",tagName:"bl-table-body",elementClass:customElements.get("BlTableBody")})}))),re=e.lazy(()=>customElements.whenDefined("bl-table-header-cell").then(()=>({default:t({react:e,displayName:"BlTableHeaderCell",tagName:"bl-table-header-cell",elementClass:customElements.get("BlTableHeaderCell")})}))),pe=e.lazy(()=>customElements.whenDefined("bl-table-header").then(()=>({default:t({react:e,displayName:"BlTableHeader",tagName:"bl-table-header",elementClass:customElements.get("BlTableHeader")})}))),se=e.lazy(()=>customElements.whenDefined("bl-table-row").then(()=>({default:t({react:e,displayName:"BlTableRow",tagName:"bl-table-row",elementClass:customElements.get("BlTableRow")})}))),me=e.lazy(()=>customElements.whenDefined("bl-table-cell").then(()=>({default:t({react:e,displayName:"BlTableCell",tagName:"bl-table-cell",elementClass:customElements.get("BlTableCell")})}))),ce=e.lazy(()=>customElements.whenDefined("bl-table").then(()=>({default:t({react:e,displayName:"BlTable",tagName:"bl-table",elementClass:customElements.get("BlTable")})}))),ie=e.lazy(()=>customElements.whenDefined("bl-tag").then(()=>({default:t({react:e,displayName:"BlTag",tagName:"bl-tag",elementClass:customElements.get("BlTag")})}))),ue=e.lazy(()=>customElements.whenDefined("bl-textarea").then(()=>({default:t({react:e,displayName:"BlTextarea",tagName:"bl-textarea",elementClass:customElements.get("BlTextarea")})}))),de=e.lazy(()=>customElements.whenDefined("bl-accordion-group").then(()=>({default:t({react:e,displayName:"BlAccordionGroup",tagName:"bl-accordion-group",elementClass:customElements.get("BlAccordionGroup")})})));export{D as BlAccordion,de as BlAccordionGroup,S as BlAlert,z as BlBadge,k as BlButton,I as BlCalendar,G as BlCheckbox,P as BlCheckboxGroup,H as BlDatepicker,L as BlDialog,j as BlDrawer,q as BlDropdown,F as BlDropdownGroup,M as BlDropdownItem,v as BlIcon,R as BlInput,W as BlLink,K as BlNotification,J as BlNotificationCard,X as BlPagination,A as BlPopover,Y as BlProgressIndicator,Z as BlRadio,_ as BlRadioGroup,U as BlSelect,Q as BlSelectOption,T as BlSpinner,V as BlSplitButton,ee as BlStepper,$ as BlStepperItem,te as BlSwitch,le as BlTab,ne as BlTabGroup,oe as BlTabPanel,ce as BlTable,ae as BlTableBody,me as BlTableCell,pe as BlTableHeader,re as BlTableHeaderCell,se as BlTableRow,ie as BlTag,ue as BlTextarea,O as BlTooltip};
|
|
1
|
+
import"./chunk-BWWXE4SL.js";import e from"react";var f=new Set(["children","localName","ref","style","className"]),C=new WeakMap,h=(n,i,p,m,d)=>{let u=d==null?void 0:d[i];u===void 0||p===m?(n[i]=p,p==null&&i in HTMLElement.prototype&&n.removeAttribute(i)):((c,a,s)=>{let r=C.get(c);r===void 0&&C.set(c,r=new Map);let l=r.get(a);s!==void 0?l===void 0?(r.set(a,l={handleEvent:s}),c.addEventListener(a,l)):l.handleEvent=s:l!==void 0&&(r.delete(a),c.removeEventListener(a,l))})(n,u,p)},t=({react:n,tagName:i,elementClass:p,events:m,displayName:d})=>{let u=new Set(Object.keys(m!=null?m:{})),c=n.forwardRef((a,s)=>{let r=n.useRef(null),l=n.useRef(null),b={},g={};for(let[o,B]of Object.entries(a))f.has(o)?b[o==="className"?"class":o]=B:u.has(o)||o in p.prototype?g[o]=B:b[o]=B;return n.useLayoutEffect(()=>{if(l.current!==null){for(let o in g)h(l.current,o,a[o],r.current?r.current[o]:void 0,m);r.current=a}}),n.useLayoutEffect(()=>{var o;(o=l.current)===null||o===void 0||o.removeAttribute("defer-hydration")},[]),b.suppressHydrationWarning=!0,n.createElement(i,{...b,ref:o=>{l.current=o,typeof s=="function"?s(o):s!==null&&(s.current=o)}})});return c.displayName=d!=null?d:p.name,c};var N=e.lazy(()=>customElements.whenDefined("bl-icon").then(()=>({default:t({react:e,displayName:"BlIcon",tagName:"bl-icon",elementClass:customElements.get("bl-icon"),events:{onBlLoad:"bl-load",onBlError:"bl-error"}})}))),D=e.lazy(()=>customElements.whenDefined("bl-accordion").then(()=>({default:t({react:e,displayName:"BlAccordion",tagName:"bl-accordion",elementClass:customElements.get("bl-accordion"),events:{onBlToggle:"bl-toggle"}})}))),k=e.lazy(()=>customElements.whenDefined("bl-spinner").then(()=>({default:t({react:e,displayName:"BlSpinner",tagName:"bl-spinner",elementClass:customElements.get("bl-spinner")})}))),S=e.lazy(()=>customElements.whenDefined("bl-button").then(()=>({default:t({react:e,displayName:"BlButton",tagName:"bl-button",elementClass:customElements.get("bl-button"),events:{onBlClick:"bl-click"}})}))),T=e.lazy(()=>customElements.whenDefined("bl-alert").then(()=>({default:t({react:e,displayName:"BlAlert",tagName:"bl-alert",elementClass:customElements.get("bl-alert"),events:{onBlClose:"bl-close"}})}))),I=e.lazy(()=>customElements.whenDefined("bl-badge").then(()=>({default:t({react:e,displayName:"BlBadge",tagName:"bl-badge",elementClass:customElements.get("bl-badge")})}))),z=e.lazy(()=>customElements.whenDefined("bl-calendar").then(()=>({default:t({react:e,displayName:"BlCalendar",tagName:"bl-calendar",elementClass:customElements.get("bl-calendar"),events:{onBlCalendarChange:"bl-calendar-change"}})}))),R=e.lazy(()=>customElements.whenDefined("bl-checkbox").then(()=>({default:t({react:e,displayName:"BlCheckbox",tagName:"bl-checkbox",elementClass:customElements.get("bl-checkbox"),events:{onBlCheckboxChange:"bl-checkbox-change",onBlFocus:"bl-focus",onBlBlur:"bl-blur",onBlCheckboxInvalid:"bl-checkbox-invalid"}})}))),O=e.lazy(()=>customElements.whenDefined("bl-checkbox-group").then(()=>({default:t({react:e,displayName:"BlCheckboxGroup",tagName:"bl-checkbox-group",elementClass:customElements.get("bl-checkbox-group"),events:{onBlCheckboxGroupChange:"bl-checkbox-group-change",onBlCheckboxGroupInvalid:"bl-checkbox-group-invalid"}})}))),P=e.lazy(()=>customElements.whenDefined("bl-input").then(()=>({default:t({react:e,displayName:"BlInput",tagName:"bl-input",elementClass:customElements.get("bl-input"),events:{onBlChange:"bl-change",onBlInput:"bl-input",onBlInvalid:"bl-invalid"}})}))),G=e.lazy(()=>customElements.whenDefined("bl-popover").then(()=>({default:t({react:e,displayName:"BlPopover",tagName:"bl-popover",elementClass:customElements.get("bl-popover"),events:{onBlPopoverShow:"bl-popover-show",onBlPopoverHide:"bl-popover-hide"}})}))),A=e.lazy(()=>customElements.whenDefined("bl-tooltip").then(()=>({default:t({react:e,displayName:"BlTooltip",tagName:"bl-tooltip",elementClass:customElements.get("bl-tooltip"),events:{onBlTooltipShow:"bl-tooltip-show",onBlTooltipHide:"bl-tooltip-hide"}})}))),H=e.lazy(()=>customElements.whenDefined("bl-datepicker").then(()=>({default:t({react:e,displayName:"BlDatepicker",tagName:"bl-datepicker",elementClass:customElements.get("bl-datepicker"),events:{onBlDatepickerChange:"bl-datepicker-change"}})}))),L=e.lazy(()=>customElements.whenDefined("bl-dialog").then(()=>({default:t({react:e,displayName:"BlDialog",tagName:"bl-dialog",elementClass:customElements.get("bl-dialog"),events:{onBlDialogOpen:"bl-dialog-open",onBlDialogRequestClose:"bl-dialog-request-close",onBlDialogClose:"bl-dialog-close"}})}))),F=e.lazy(()=>customElements.whenDefined("bl-drawer").then(()=>({default:t({react:e,displayName:"BlDrawer",tagName:"bl-drawer",elementClass:customElements.get("bl-drawer"),events:{onBlDrawerOpen:"bl-drawer-open",onBlDrawerClose:"bl-drawer-close"}})}))),q=e.lazy(()=>customElements.whenDefined("bl-split-button").then(()=>({default:t({react:e,displayName:"BlSplitButton",tagName:"bl-split-button",elementClass:customElements.get("bl-split-button"),events:{onBlDropdownOpen:"bl-dropdown-open",onBlDropdownClose:"bl-dropdown-close",onBlClick:"bl-click"}})}))),j=e.lazy(()=>customElements.whenDefined("bl-dropdown-group").then(()=>({default:t({react:e,displayName:"BlDropdownGroup",tagName:"bl-dropdown-group",elementClass:customElements.get("bl-dropdown-group")})}))),V=e.lazy(()=>customElements.whenDefined("bl-dropdown-item").then(()=>({default:t({react:e,displayName:"BlDropdownItem",tagName:"bl-dropdown-item",elementClass:customElements.get("bl-dropdown-item"),events:{onBlDropdownItemClick:"bl-dropdown-item-click"}})}))),M=e.lazy(()=>customElements.whenDefined("bl-dropdown").then(()=>({default:t({react:e,displayName:"BlDropdown",tagName:"bl-dropdown",elementClass:customElements.get("bl-dropdown"),events:{onBlDropdownOpen:"bl-dropdown-open",onBlDropdownClose:"bl-dropdown-close"}})}))),W=e.lazy(()=>customElements.whenDefined("bl-link").then(()=>({default:t({react:e,displayName:"BlLink",tagName:"bl-link",elementClass:customElements.get("bl-link")})}))),J=e.lazy(()=>customElements.whenDefined("bl-notification-card").then(()=>({default:t({react:e,displayName:"BlNotificationCard",tagName:"bl-notification-card",elementClass:customElements.get("bl-notification-card"),events:{onBlNotificationCardRequestClose:"bl-notification-card-request-close",onBlNotificationCardClose:"bl-notification-card-close"}})}))),K=e.lazy(()=>customElements.whenDefined("bl-notification").then(()=>({default:t({react:e,displayName:"BlNotification",tagName:"bl-notification",elementClass:customElements.get("bl-notification")})}))),Q=e.lazy(()=>customElements.whenDefined("bl-select-option").then(()=>({default:t({react:e,displayName:"BlSelectOption",tagName:"bl-select-option",elementClass:customElements.get("bl-select-option"),events:{onBlSelectOption:"bl-select-option",onBlFocus:"bl-focus",onBlBlur:"bl-blur"}})}))),U=e.lazy(()=>customElements.whenDefined("bl-select").then(()=>({default:t({react:e,displayName:"BlSelect",tagName:"bl-select",elementClass:customElements.get("bl-select"),events:{onBlSelect:"bl-select",onBlSearch:"bl-search"}})}))),X=e.lazy(()=>customElements.whenDefined("bl-pagination").then(()=>({default:t({react:e,displayName:"BlPagination",tagName:"bl-pagination",elementClass:customElements.get("bl-pagination"),events:{onBlChange:"bl-change"}})}))),Y=e.lazy(()=>customElements.whenDefined("bl-progress-indicator").then(()=>({default:t({react:e,displayName:"BlProgressIndicator",tagName:"bl-progress-indicator",elementClass:customElements.get("bl-progress-indicator")})}))),Z=e.lazy(()=>customElements.whenDefined("bl-radio").then(()=>({default:t({react:e,displayName:"BlRadio",tagName:"bl-radio",elementClass:customElements.get("bl-radio"),events:{onBlChecked:"bl-checked",onBlFocus:"bl-focus",onBlBlur:"bl-blur"}})}))),_=e.lazy(()=>customElements.whenDefined("bl-radio-group").then(()=>({default:t({react:e,displayName:"BlRadioGroup",tagName:"bl-radio-group",elementClass:customElements.get("bl-radio-group"),events:{onBlRadioChange:"bl-radio-change"}})}))),$=e.lazy(()=>customElements.whenDefined("bl-stepper-item").then(()=>({default:t({react:e,displayName:"BlStepperItem",tagName:"bl-stepper-item",elementClass:customElements.get("bl-stepper-item"),events:{onBlStepperItemClick:"bl-stepper-item-click"}})}))),ee=e.lazy(()=>customElements.whenDefined("bl-stepper").then(()=>({default:t({react:e,displayName:"BlStepper",tagName:"bl-stepper",elementClass:customElements.get("bl-stepper"),events:{onBlStepperChange:"bl-stepper-change"}})}))),te=e.lazy(()=>customElements.whenDefined("bl-switch").then(()=>({default:t({react:e,displayName:"BlSwitch",tagName:"bl-switch",elementClass:customElements.get("bl-switch"),events:{onBlSwitchToggle:"bl-switch-toggle"}})}))),oe=e.lazy(()=>customElements.whenDefined("bl-tab-panel").then(()=>({default:t({react:e,displayName:"BlTabPanel",tagName:"bl-tab-panel",elementClass:customElements.get("bl-tab-panel")})}))),le=e.lazy(()=>customElements.whenDefined("bl-tab").then(()=>({default:t({react:e,displayName:"BlTab",tagName:"bl-tab",elementClass:customElements.get("bl-tab"),events:{onBlTabSelected:"bl-tab-selected"}})}))),ne=e.lazy(()=>customElements.whenDefined("bl-tab-group").then(()=>({default:t({react:e,displayName:"BlTabGroup",tagName:"bl-tab-group",elementClass:customElements.get("bl-tab-group")})}))),ae=e.lazy(()=>customElements.whenDefined("bl-table-body").then(()=>({default:t({react:e,displayName:"BlTableBody",tagName:"bl-table-body",elementClass:customElements.get("bl-table-body")})}))),re=e.lazy(()=>customElements.whenDefined("bl-table-header-cell").then(()=>({default:t({react:e,displayName:"BlTableHeaderCell",tagName:"bl-table-header-cell",elementClass:customElements.get("bl-table-header-cell")})}))),se=e.lazy(()=>customElements.whenDefined("bl-table-header").then(()=>({default:t({react:e,displayName:"BlTableHeader",tagName:"bl-table-header",elementClass:customElements.get("bl-table-header")})}))),pe=e.lazy(()=>customElements.whenDefined("bl-table-row").then(()=>({default:t({react:e,displayName:"BlTableRow",tagName:"bl-table-row",elementClass:customElements.get("bl-table-row")})}))),ce=e.lazy(()=>customElements.whenDefined("bl-table-cell").then(()=>({default:t({react:e,displayName:"BlTableCell",tagName:"bl-table-cell",elementClass:customElements.get("bl-table-cell")})}))),ie=e.lazy(()=>customElements.whenDefined("bl-table").then(()=>({default:t({react:e,displayName:"BlTable",tagName:"bl-table",elementClass:customElements.get("bl-table"),events:{onBlSort:"bl-sort",onBlRowSelect:"bl-row-select"}})}))),me=e.lazy(()=>customElements.whenDefined("bl-tag").then(()=>({default:t({react:e,displayName:"BlTag",tagName:"bl-tag",elementClass:customElements.get("bl-tag"),events:{onBlTagClick:"bl-tag-click"}})}))),de=e.lazy(()=>customElements.whenDefined("bl-textarea").then(()=>({default:t({react:e,displayName:"BlTextarea",tagName:"bl-textarea",elementClass:customElements.get("bl-textarea"),events:{onBlInput:"bl-input",onBlChange:"bl-change",onBlInvalid:"bl-invalid"}})}))),ue=e.lazy(()=>customElements.whenDefined("bl-accordion-group").then(()=>({default:t({react:e,displayName:"BlAccordionGroup",tagName:"bl-accordion-group",elementClass:customElements.get("bl-accordion-group")})})));export{D as BlAccordion,ue as BlAccordionGroup,T as BlAlert,I as BlBadge,S as BlButton,z as BlCalendar,R as BlCheckbox,O as BlCheckboxGroup,H as BlDatepicker,L as BlDialog,F as BlDrawer,M as BlDropdown,j as BlDropdownGroup,V as BlDropdownItem,N as BlIcon,P as BlInput,W as BlLink,K as BlNotification,J as BlNotificationCard,X as BlPagination,G as BlPopover,Y as BlProgressIndicator,Z as BlRadio,_ as BlRadioGroup,U as BlSelect,Q as BlSelectOption,k as BlSpinner,q as BlSplitButton,ee as BlStepper,$ as BlStepperItem,te as BlSwitch,le as BlTab,ne as BlTabGroup,oe as BlTabPanel,ie as BlTable,ae as BlTableBody,ce as BlTableCell,se as BlTableHeader,re as BlTableHeaderCell,pe as BlTableRow,me as BlTag,de as BlTextarea,A as BlTooltip};
|
|
2
2
|
/*! Bundled license information:
|
|
3
3
|
|
|
4
4
|
@lit-labs/react/create-component.js:
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/baklava-react.ts", "../node_modules/@lit-labs/react/src/create-component.ts"],
|
|
4
|
-
"sourcesContent": ["import React from \"react\";\nimport { createComponent } from \"@lit-labs/react\";\n\ntype Constructor<T> = { new (): T };\n\nexport type BlIcon = import(\"./components/icon/bl-icon\").default;\nexport type BlIconLoad = CustomEvent<string>;\nexport type BlIconError = CustomEvent<string>;\n\n/**\n * @tag bl-icon\n * @summary Baklava Icon component\n *\n * @attr [name] Name of the icon to show\n * @cssproperty [font-size] Setting size of icon. Default is current font size in DOM place\n * @cssproperty [color=currentColor] Setting color of icon\n */\nexport const BlIcon = React.lazy(() =>\n customElements.whenDefined(\"bl-icon\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlIcon\",\n tagName: \"bl-icon\",\n elementClass: customElements.get(\"BlIcon\") as Constructor<\n import(\"./components/icon/bl-icon\").default\n >,\n }),\n }))\n);\n\nexport type BlAccordion = import(\"./components/accordion-group/accordion/bl-accordion\").default;\nexport type BlAccordionToggle = CustomEvent<boolean>;\n\nexport const BlAccordion = React.lazy(() =>\n customElements.whenDefined(\"bl-accordion\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlAccordion\",\n tagName: \"bl-accordion\",\n elementClass: customElements.get(\"BlAccordion\") as Constructor<\n import(\"./components/accordion-group/accordion/bl-accordion\").default\n >,\n }),\n }))\n);\n\nexport type BlSpinner = import(\"./components/spinner/bl-spinner\").default;\n\n/**\n * @tag bl-spinner\n * @summary Baklava Spinner component\n *\n */\nexport const BlSpinner = React.lazy(() =>\n customElements.whenDefined(\"bl-spinner\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSpinner\",\n tagName: \"bl-spinner\",\n elementClass: customElements.get(\"BlSpinner\") as Constructor<\n import(\"./components/spinner/bl-spinner\").default\n >,\n }),\n }))\n);\n\nexport type BlButton = import(\"./components/button/bl-button\").default;\nexport type BlButtonClick = CustomEvent<string>;\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-button-display=inline-block] Sets the display property of button\n * @cssproperty [--bl-button-justify=center] Sets the justify-content property of button\n *\n */\nexport const BlButton = React.lazy(() =>\n customElements.whenDefined(\"bl-button\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlButton\",\n tagName: \"bl-button\",\n elementClass: customElements.get(\"BlButton\") as Constructor<\n import(\"./components/button/bl-button\").default\n >,\n }),\n }))\n);\n\nexport type BlAlert = import(\"./components/alert/bl-alert\").default;\nexport type BlAlertClose = CustomEvent<boolean>;\n\n/**\n * @tag bl-alert\n * @summary Baklava Alert component\n */\nexport const BlAlert = React.lazy(() =>\n customElements.whenDefined(\"bl-alert\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlAlert\",\n tagName: \"bl-alert\",\n elementClass: customElements.get(\"BlAlert\") as Constructor<\n import(\"./components/alert/bl-alert\").default\n >,\n }),\n }))\n);\n\nexport type BlBadge = import(\"./components/badge/bl-badge\").default;\n\n/**\n * @tag bl-badge\n * @summary Baklava Badge component\n *\n * @cssproperty [--bl-badge-bg-color=--bl-color-primary-contrast] Sets the background color of badge\n * @cssproperty [--bl-badge-color=--bl-color-primary] Sets the color of badge\n */\nexport const BlBadge = React.lazy(() =>\n customElements.whenDefined(\"bl-badge\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlBadge\",\n tagName: \"bl-badge\",\n elementClass: customElements.get(\"BlBadge\") as Constructor<\n import(\"./components/badge/bl-badge\").default\n >,\n }),\n }))\n);\n\nexport type BlCalendar = import(\"./components/calendar/bl-calendar\").default;\nexport type BlCalendarCalendarChange = CustomEvent<Date[]>;\n\n/**\n * @tag bl-calendar\n * @summary Baklava Calendar component\n **/\nexport const BlCalendar = React.lazy(() =>\n customElements.whenDefined(\"bl-calendar\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlCalendar\",\n tagName: \"bl-calendar\",\n elementClass: customElements.get(\"BlCalendar\") as Constructor<\n import(\"./components/calendar/bl-calendar\").default\n >,\n }),\n }))\n);\n\nexport type BlCheckbox = import(\"./components/checkbox-group/checkbox/bl-checkbox\").default;\nexport type BlCheckboxCheckboxChange = CustomEvent<boolean>;\nexport type BlCheckboxFocus = CustomEvent<string>;\nexport type BlCheckboxBlur = CustomEvent<string>;\nexport type BlCheckboxCheckboxInvalid = CustomEvent<ValidityState>;\n\n/**\n * @tag bl-checkbox\n * @summary Baklava Checkbox component\n */\nexport const BlCheckbox = React.lazy(() =>\n customElements.whenDefined(\"bl-checkbox\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlCheckbox\",\n tagName: \"bl-checkbox\",\n elementClass: customElements.get(\"BlCheckbox\") as Constructor<\n import(\"./components/checkbox-group/checkbox/bl-checkbox\").default\n >,\n }),\n }))\n);\n\nexport type BlCheckboxGroup = import(\"./components/checkbox-group/bl-checkbox-group\").default;\nexport type BlCheckboxGroupCheckboxGroupChange = CustomEvent<string[]>;\nexport type BlCheckboxGroupCheckboxGroupInvalid = CustomEvent<ValidityState>;\n\n/**\n * @tag bl-checkbox-group\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-checkbox-direction=row] Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`\n */\nexport const BlCheckboxGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-checkbox-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlCheckboxGroup\",\n tagName: \"bl-checkbox-group\",\n elementClass: customElements.get(\"BlCheckboxGroup\") as Constructor<\n import(\"./components/checkbox-group/bl-checkbox-group\").default\n >,\n }),\n }))\n);\n\nexport type BlInput = import(\"./components/input/bl-input\").default;\nexport type BlInputChange = CustomEvent<string>;\nexport type BlInputInput = CustomEvent<string>;\nexport type BlInputInvalid = CustomEvent<ValidityState>;\n\n/**\n * @tag bl-input\n * @summary Baklava Input component\n *\n * @cssproperty [--bl-input-padding-start] Sets the padding start\n * @cssproperty [--bl-input-padding-end] Sets the padding end\n */\nexport const BlInput = React.lazy(() =>\n customElements.whenDefined(\"bl-input\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlInput\",\n tagName: \"bl-input\",\n elementClass: customElements.get(\"BlInput\") as Constructor<\n import(\"./components/input/bl-input\").default\n >,\n }),\n }))\n);\n\nexport type BlPopover = import(\"./components/popover/bl-popover\").default;\nexport type BlPopoverPopoverShow = CustomEvent<string>;\nexport type BlPopoverPopoverHide = CustomEvent<string>;\n\n/**\n * @tag bl-popover\n * @summary Baklava Popover component\n *\n * @cssproperty [--bl-popover-arrow-display=none] - Sets the display of popovers arrow. Set as `block` to make arrow visible.\n * @cssproperty [--bl-popover-background-color=--bl-color-neutral-full] - Sets the background color of popover.\n * @cssproperty [--bl-popover-border-color=--bl-color-primary-highlight] - Sets the border color of popover.\n * @cssproperty [--bl-popover-border-size=1px] - Sets the border size of popover. You can set it to `0px` to not have a border (if you use a custom background color). Always use with a length unit.\n * @cssproperty [--bl-popover-padding=--bl-size-m] - Sets the padding of popover.\n * @cssproperty [--bl-popbover-border-radius=--bl-size-3xs] - Sets the border radius of popover.\n * @cssproperty [--bl-popover-max-width=100vw] - Sets the maximum width of the popover (including border and padding).\n * @cssproperty [--bl-popover-position=fixed] - Sets the position of popover. You can set it to `absolute` if parent element is a fixed positioned element like drawer or dialog.\n */\nexport const BlPopover = React.lazy(() =>\n customElements.whenDefined(\"bl-popover\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlPopover\",\n tagName: \"bl-popover\",\n elementClass: customElements.get(\"BlPopover\") as Constructor<\n import(\"./components/popover/bl-popover\").default\n >,\n }),\n }))\n);\n\nexport type BlTooltip = import(\"./components/tooltip/bl-tooltip\").default;\nexport type BlTooltipTooltipShow = CustomEvent<string>;\nexport type BlTooltipTooltipHide = CustomEvent<string>;\n\n/**\n * @tag bl-tooltip\n * @summary Baklava Tooltip component\n * @dependency bl-popover\n *\n * @cssproperty [--bl-tooltip-trigger-display=inline-flex] Set the display of the tooltip trigger.\n */\nexport const BlTooltip = React.lazy(() =>\n customElements.whenDefined(\"bl-tooltip\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTooltip\",\n tagName: \"bl-tooltip\",\n elementClass: customElements.get(\"BlTooltip\") as Constructor<\n import(\"./components/tooltip/bl-tooltip\").default\n >,\n }),\n }))\n);\n\nexport type BlDatepicker = import(\"./components/datepicker/bl-datepicker\").default;\nexport type BlDatepickerDatepickerChange = CustomEvent<Date[]>;\n\n/**\n * @tag bl-datepicker\n * @summary Baklava DatePicker component\n *\n * @cssproperty [--bl-datepicker-input-width] - Sets the width of datepicker input\n **/\nexport const BlDatepicker = React.lazy(() =>\n customElements.whenDefined(\"bl-datepicker\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDatepicker\",\n tagName: \"bl-datepicker\",\n elementClass: customElements.get(\"BlDatepicker\") as Constructor<\n import(\"./components/datepicker/bl-datepicker\").default\n >,\n }),\n }))\n);\n\nexport type BlDialog = import(\"./components/dialog/bl-dialog\").default;\nexport type BlDialogDialogOpen = CustomEvent<object>;\nexport type BlDialogDialogRequestClose = CustomEvent<{\n source: \"close-button\" | \"keyboard\" | \"backdrop\";\n}>;\nexport type BlDialogDialogClose = CustomEvent<object>;\n\n/**\n * @tag bl-dialog\n * @summary Baklava Dialog component\n *\n * @cssproperty [--bl-dialog-width=auto] Sets the width of the dialog content\n * @cssproperty [--bl-dialog-caption-line-clamp=1] Sets the line clamp of the caption\n */\nexport const BlDialog = React.lazy(() =>\n customElements.whenDefined(\"bl-dialog\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDialog\",\n tagName: \"bl-dialog\",\n elementClass: customElements.get(\"BlDialog\") as Constructor<\n import(\"./components/dialog/bl-dialog\").default\n >,\n }),\n }))\n);\n\nexport type BlDrawer = import(\"./components/drawer/bl-drawer\").default;\nexport type BlDrawerDrawerOpen = CustomEvent<string>;\nexport type BlDrawerDrawerClose = CustomEvent<string>;\n\n/**\n * @tag bl-drawer\n * @summary Baklava Drawer component\n *\n * @cssproperty [--bl-drawer-animation-duration=250ms] Drawer slide in animation duration\n */\nexport const BlDrawer = React.lazy(() =>\n customElements.whenDefined(\"bl-drawer\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDrawer\",\n tagName: \"bl-drawer\",\n elementClass: customElements.get(\"BlDrawer\") as Constructor<\n import(\"./components/drawer/bl-drawer\").default\n >,\n }),\n }))\n);\n\nexport type BlSplitButton = import(\"./components/split-button/bl-split-button\").default;\nexport type BlSplitButtonDropdownOpen = CustomEvent<string>;\nexport type BlSplitButtonDropdownClose = CustomEvent<string>;\nexport type BlSplitButtonClick = CustomEvent<string>;\n\n/**\n * @tag bl-split-button\n * @summary Baklava Split Button component\n */\nexport const BlSplitButton = React.lazy(() =>\n customElements.whenDefined(\"bl-split-button\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSplitButton\",\n tagName: \"bl-split-button\",\n elementClass: customElements.get(\"BlSplitButton\") as Constructor<\n import(\"./components/split-button/bl-split-button\").default\n >,\n }),\n }))\n);\n\nexport type BlDropdownGroup = import(\"./components/dropdown/group/bl-dropdown-group\").default;\n\n/**\n * @tag bl-dropdown-group\n * @summary Baklava Dropdown Group component\n */\nexport const BlDropdownGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDropdownGroup\",\n tagName: \"bl-dropdown-group\",\n elementClass: customElements.get(\"BlDropdownGroup\") as Constructor<\n import(\"./components/dropdown/group/bl-dropdown-group\").default\n >,\n }),\n }))\n);\n\nexport type BlDropdownItem = import(\"./components/dropdown/item/bl-dropdown-item\").default;\nexport type BlDropdownItemDropdownItemClick = CustomEvent<string>;\n\n/**\n * @tag bl-dropdown-item\n * @summary Baklava Dropdown Item component\n */\nexport const BlDropdownItem = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown-item\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDropdownItem\",\n tagName: \"bl-dropdown-item\",\n elementClass: customElements.get(\"BlDropdownItem\") as Constructor<\n import(\"./components/dropdown/item/bl-dropdown-item\").default\n >,\n }),\n }))\n);\n\nexport type BlDropdown = import(\"./components/dropdown/bl-dropdown\").default;\nexport type BlDropdownDropdownOpen = CustomEvent<string>;\nexport type BlDropdownDropdownClose = CustomEvent<string>;\n\n/**\n * @tag bl-dropdown\n * @summary Baklava Dropdown component\n */\nexport const BlDropdown = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDropdown\",\n tagName: \"bl-dropdown\",\n elementClass: customElements.get(\"BlDropdown\") as Constructor<\n import(\"./components/dropdown/bl-dropdown\").default\n >,\n }),\n }))\n);\n\nexport type BlLink = import(\"./components/link/bl-link\").default;\n\n/**\n * @tag bl-link\n * @summary Baklava Link component for navigation\n *\n * @slot icon - Custom icon slot for non-standalone variants\n *\n * @cssproperty [--bl-link-color=--bl-color-primary] Sets the color of link\n * @cssproperty [--bl-link-hover-color=--bl-color-primary-hover] Sets the hover color of link\n * @cssproperty [--bl-link-active-color=--bl-color-primary-active] Sets the active color of link\n */\nexport const BlLink = React.lazy(() =>\n customElements.whenDefined(\"bl-link\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlLink\",\n tagName: \"bl-link\",\n elementClass: customElements.get(\"BlLink\") as Constructor<\n import(\"./components/link/bl-link\").default\n >,\n }),\n }))\n);\n\nexport type BlNotificationCard =\n import(\"./components/notification/card/bl-notification-card\").default;\nexport type BlNotificationCardNotificationCardRequestClose = CustomEvent<{\n source: \"close-button\" | \"duration-ended\";\n}>;\nexport type BlNotificationCardNotificationCardClose = CustomEvent<{\n source: \"close-button\" | \"duration-ended\";\n}>;\n\n/**\n * @tag bl-notification-card\n * @summary Baklava Notification Card component\n */\nexport const BlNotificationCard = React.lazy(() =>\n customElements.whenDefined(\"bl-notification-card\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlNotificationCard\",\n tagName: \"bl-notification-card\",\n elementClass: customElements.get(\"BlNotificationCard\") as Constructor<\n import(\"./components/notification/card/bl-notification-card\").default\n >,\n }),\n }))\n);\n\nexport type BlNotification = import(\"./components/notification/bl-notification\").default;\n\n/**\n * @tag bl-notification\n * @summary Baklava Notification component\n */\nexport const BlNotification = React.lazy(() =>\n customElements.whenDefined(\"bl-notification\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlNotification\",\n tagName: \"bl-notification\",\n elementClass: customElements.get(\"BlNotification\") as Constructor<\n import(\"./components/notification/bl-notification\").default\n >,\n }),\n }))\n);\n\nexport type BlSelectOption = import(\"./components/select/option/bl-select-option\").default;\nexport type BlSelectOptionSelectOption = CustomEvent<string | null>;\nexport type BlSelectOptionFocus = CustomEvent<string | null>;\nexport type BlSelectOptionBlur = CustomEvent<string | null>;\n\nexport const BlSelectOption = React.lazy(() =>\n customElements.whenDefined(\"bl-select-option\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSelectOption\",\n tagName: \"bl-select-option\",\n elementClass: customElements.get(\"BlSelectOption\") as Constructor<\n import(\"./components/select/option/bl-select-option\").default\n >,\n }),\n }))\n);\n\nexport type BlSelect = import(\"./components/select/bl-select\").default;\nexport type BlSelectSelect = CustomEvent<\n | import(\"./components/select/bl-select\").ISelectOption<string>[]\n | import(\"./components/select/bl-select\").ISelectOption<string>\n>;\nexport type BlSelectSearch = CustomEvent<string>;\n\n/**\n * @tag bl-select\n * @summary Baklava Select component\n *\n * @cssproperty [--bl-popover-position=fixed] Sets the positioning strategy of select popover. You can set it as `absolute` if you need to show popover relative to its trigger element.\n */\nexport const BlSelect = React.lazy(() =>\n customElements.whenDefined(\"bl-select\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSelect\",\n tagName: \"bl-select\",\n elementClass: customElements.get(\"BlSelect\") as Constructor<\n import(\"./components/select/bl-select\").default\n >,\n }),\n }))\n);\n\nexport type BlPagination = import(\"./components/pagination/bl-pagination\").default;\nexport type BlPaginationChange = CustomEvent<{\n selectedPage: number;\n prevPage: number;\n itemsPerPage: number;\n}>;\n\n/**\n * @tag bl-pagination\n * @summary Baklava Pagination component\n */\nexport const BlPagination = React.lazy(() =>\n customElements.whenDefined(\"bl-pagination\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlPagination\",\n tagName: \"bl-pagination\",\n elementClass: customElements.get(\"BlPagination\") as Constructor<\n import(\"./components/pagination/bl-pagination\").default\n >,\n }),\n }))\n);\n\nexport type BlProgressIndicator =\n import(\"./components/progress-indicator/bl-progress-indicator\").default;\n\n/**\n * @tag bl-progress-indicator\n * @summary Baklava Progress Indicator component\n *\n * @cssproperty [--bl-progress-indicator-transition-duration=.2s] Duration of the transition of progress bar\n * @property {max} [max=100]\n * @property {number} [value=0]\n */\nexport const BlProgressIndicator = React.lazy(() =>\n customElements.whenDefined(\"bl-progress-indicator\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlProgressIndicator\",\n tagName: \"bl-progress-indicator\",\n elementClass: customElements.get(\"BlProgressIndicator\") as Constructor<\n import(\"./components/progress-indicator/bl-progress-indicator\").default\n >,\n }),\n }))\n);\n\nexport type BlRadio = import(\"./components/radio-group/radio/bl-radio\").default;\nexport type BlRadioChecked = CustomEvent<string>;\nexport type BlRadioFocus = CustomEvent<string>;\nexport type BlRadioBlur = CustomEvent<string>;\n\n/**\n * @tag bl-radio\n * @summary Baklava Radio Option component\n *\n * @cssprop [--bl-radio-align-items=center] Align items of radio option\n */\nexport const BlRadio = React.lazy(() =>\n customElements.whenDefined(\"bl-radio\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlRadio\",\n tagName: \"bl-radio\",\n elementClass: customElements.get(\"BlRadio\") as Constructor<\n import(\"./components/radio-group/radio/bl-radio\").default\n >,\n }),\n }))\n);\n\nexport type BlRadioGroup = import(\"./components/radio-group/bl-radio-group\").default;\nexport type BlRadioGroupRadioChange = CustomEvent<string>;\n\n/**\n * @tag bl-radio-group\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-radio-direction=row] Can be used for showing radio options as columns instead of rows. Options are `row` or `column`\n * @cssproperty [--bl-radio-group-cross-axis-item-alignment=normal] Can be used for aligning radio items on cross axis. Acts same with align-item\n * @cssproperty [--bl-radio-group-cross-axis-content-alignment=normal] Can be used for aligning radio group content on cross axis. Acts same with align-content\n * @cssproperty [--bl-radio-group-main-axis-content-alignment=normal] Can be used for aligning radio group content on main axis. Acts same with justify-content\n */\nexport const BlRadioGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-radio-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlRadioGroup\",\n tagName: \"bl-radio-group\",\n elementClass: customElements.get(\"BlRadioGroup\") as Constructor<\n import(\"./components/radio-group/bl-radio-group\").default\n >,\n }),\n }))\n);\n\nexport type BlStepperItem = import(\"./components/stepper/bl-stepper-item\").default;\nexport type BlStepperItemStepperItemClick = CustomEvent<string>;\n\n/**\n * @tag bl-stepper-item\n * @summary Baklava Stepper Item component for individual steps in a stepper\n *\n * @slot default - Step content (title and description)\n */\nexport const BlStepperItem = React.lazy(() =>\n customElements.whenDefined(\"bl-stepper-item\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlStepperItem\",\n tagName: \"bl-stepper-item\",\n elementClass: customElements.get(\"BlStepperItem\") as Constructor<\n import(\"./components/stepper/bl-stepper-item\").default\n >,\n }),\n }))\n);\n\nexport type BlStepper = import(\"./components/stepper/bl-stepper\").default;\nexport type BlStepperStepperChange = CustomEvent<{ activeStep: number; totalSteps: number }>;\n\n/**\n * @tag bl-stepper\n * @summary Baklava Stepper component for displaying progress through a sequence of steps\n *\n * @slot default - Stepper items\n */\nexport const BlStepper = React.lazy(() =>\n customElements.whenDefined(\"bl-stepper\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlStepper\",\n tagName: \"bl-stepper\",\n elementClass: customElements.get(\"BlStepper\") as Constructor<\n import(\"./components/stepper/bl-stepper\").default\n >,\n }),\n }))\n);\n\nexport type BlSwitch = import(\"./components/switch/bl-switch\").default;\nexport type BlSwitchSwitchToggle = CustomEvent<boolean>;\n\n/**\n * @tag bl-switch\n * @summary Baklava Switch component\n *\n * @cssproperty [--bl-switch-color-on=--bl-color-primary] Set the checked color\n * @cssproperty [--bl-switch-color-off=--bl-color-neutral-lighter] Set the unchecked color\n * @cssproperty [--bl-switch-animation-duration=300ms] Set the animation duration of switch toggle\n */\nexport const BlSwitch = React.lazy(() =>\n customElements.whenDefined(\"bl-switch\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSwitch\",\n tagName: \"bl-switch\",\n elementClass: customElements.get(\"BlSwitch\") as Constructor<\n import(\"./components/switch/bl-switch\").default\n >,\n }),\n }))\n);\n\nexport type BlTabPanel = import(\"./components/tab-group/tab-panel/bl-tab-panel\").default;\n\n/**\n * @tag bl-tab-panel\n * @summary Baklava Tab panel component\n */\nexport const BlTabPanel = React.lazy(() =>\n customElements.whenDefined(\"bl-tab-panel\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTabPanel\",\n tagName: \"bl-tab-panel\",\n elementClass: customElements.get(\"BlTabPanel\") as Constructor<\n import(\"./components/tab-group/tab-panel/bl-tab-panel\").default\n >,\n }),\n }))\n);\n\nexport type BlTab = import(\"./components/tab-group/tab/bl-tab\").default;\nexport type BlTabTabSelected = CustomEvent<string>;\n\n/**\n * @tag bl-tab\n * @summary Baklava Tab component\n */\nexport const BlTab = React.lazy(() =>\n customElements.whenDefined(\"bl-tab\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTab\",\n tagName: \"bl-tab\",\n elementClass: customElements.get(\"BlTab\") as Constructor<\n import(\"./components/tab-group/tab/bl-tab\").default\n >,\n }),\n }))\n);\n\nexport type BlTabGroup = import(\"./components/tab-group/bl-tab-group\").default;\n\n/**\n * @tag bl-tab-group\n * @summary Baklava Tab group component\n */\nexport const BlTabGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-tab-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTabGroup\",\n tagName: \"bl-tab-group\",\n elementClass: customElements.get(\"BlTabGroup\") as Constructor<\n import(\"./components/tab-group/bl-tab-group\").default\n >,\n }),\n }))\n);\n\nexport type BlTableBody = import(\"./components/table/table-body/bl-table-body\").default;\n\n/**\n * @tag bl-table-body\n * @summary Baklava Table component\n *\n * @slot no-data - Content to display when no data is available\n */\nexport const BlTableBody = React.lazy(() =>\n customElements.whenDefined(\"bl-table-body\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTableBody\",\n tagName: \"bl-table-body\",\n elementClass: customElements.get(\"BlTableBody\") as Constructor<\n import(\"./components/table/table-body/bl-table-body\").default\n >,\n }),\n }))\n);\n\nexport type BlTableHeaderCell =\n import(\"./components/table/table-header-cell/bl-table-header-cell\").default;\n\n/**\n * @tag bl-table-header-cell\n * @summary Baklava Table component\n *\n * @cssproperty [--bl-table-header-cell-width] Set the column width\n * @cssproperty [--bl-table-header-cell-min-width] Set the column min width\n */\nexport const BlTableHeaderCell = React.lazy(() =>\n customElements.whenDefined(\"bl-table-header-cell\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTableHeaderCell\",\n tagName: \"bl-table-header-cell\",\n elementClass: customElements.get(\"BlTableHeaderCell\") as Constructor<\n import(\"./components/table/table-header-cell/bl-table-header-cell\").default\n >,\n }),\n }))\n);\n\nexport type BlTableHeader = import(\"./components/table/table-header/bl-table-header\").default;\n\n/**\n * @tag bl-table-header\n * @summary Baklava Table component\n */\nexport const BlTableHeader = React.lazy(() =>\n customElements.whenDefined(\"bl-table-header\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTableHeader\",\n tagName: \"bl-table-header\",\n elementClass: customElements.get(\"BlTableHeader\") as Constructor<\n import(\"./components/table/table-header/bl-table-header\").default\n >,\n }),\n }))\n);\n\nexport type BlTableRow = import(\"./components/table/table-row/bl-table-row\").default;\n\n/**\n * @tag bl-table-row\n * @summary Baklava Table component\n */\nexport const BlTableRow = React.lazy(() =>\n customElements.whenDefined(\"bl-table-row\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTableRow\",\n tagName: \"bl-table-row\",\n elementClass: customElements.get(\"BlTableRow\") as Constructor<\n import(\"./components/table/table-row/bl-table-row\").default\n >,\n }),\n }))\n);\n\nexport type BlTableCell = import(\"./components/table/table-cell/bl-table-cell\").default;\n\n/**\n * @tag bl-table-cell\n * @summary Baklava Table component\n */\nexport const BlTableCell = React.lazy(() =>\n customElements.whenDefined(\"bl-table-cell\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTableCell\",\n tagName: \"bl-table-cell\",\n elementClass: customElements.get(\"BlTableCell\") as Constructor<\n import(\"./components/table/table-cell/bl-table-cell\").default\n >,\n }),\n }))\n);\n\nexport type BlTable = import(\"./components/table/bl-table\").default;\nexport type BlTableSort = CustomEvent<string[]>;\nexport type BlTableRowSelect = CustomEvent<string[]>;\n\n/**\n * @tag bl-table\n * @summary Baklava Table component\n *\n */\nexport const BlTable = React.lazy(() =>\n customElements.whenDefined(\"bl-table\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTable\",\n tagName: \"bl-table\",\n elementClass: customElements.get(\"BlTable\") as Constructor<\n import(\"./components/table/bl-table\").default\n >,\n }),\n }))\n);\n\nexport type BlTag = import(\"./components/tag/bl-tag\").default;\nexport type BlTagTagClick = CustomEvent<{ value: string; selected: boolean }>;\n\n/**\n * @tag bl-tag\n * @summary Baklava Tag component\n */\nexport const BlTag = React.lazy(() =>\n customElements.whenDefined(\"bl-tag\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTag\",\n tagName: \"bl-tag\",\n elementClass: customElements.get(\"BlTag\") as Constructor<\n import(\"./components/tag/bl-tag\").default\n >,\n }),\n }))\n);\n\nexport type BlTextarea = import(\"./components/textarea/bl-textarea\").default;\nexport type BlTextareaInput = CustomEvent<string>;\nexport type BlTextareaChange = CustomEvent<string>;\nexport type BlTextareaInvalid = CustomEvent<ValidityState>;\n\n/**\n * @tag bl-textarea\n * @summary Baklava Textarea component\n */\nexport const BlTextarea = React.lazy(() =>\n customElements.whenDefined(\"bl-textarea\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTextarea\",\n tagName: \"bl-textarea\",\n elementClass: customElements.get(\"BlTextarea\") as Constructor<\n import(\"./components/textarea/bl-textarea\").default\n >,\n }),\n }))\n);\n\nexport type BlAccordionGroup = import(\"./components/accordion-group/bl-accordion-group\").default;\n\nexport const BlAccordionGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-accordion-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlAccordionGroup\",\n tagName: \"bl-accordion-group\",\n elementClass: customElements.get(\"BlAccordionGroup\") as Constructor<\n import(\"./components/accordion-group/bl-accordion-group\").default\n >,\n }),\n }))\n);\n", "/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport type React from 'react';\n\nconst NODE_MODE = false;\nconst DEV_MODE = true;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DistributiveOmit<T, K extends string | number | symbol> = T extends any\n ? K extends keyof T\n ? Omit<T, K>\n : T\n : T;\ntype PropsWithoutRef<T> = DistributiveOmit<T, 'ref'>;\n\n/**\n * Creates a type to be used for the props of a web component used directly in\n * React JSX.\n *\n * Example:\n *\n * ```ts\n * declare module \"react\" {\n * namespace JSX {\n * interface IntrinsicElements {\n * 'x-foo': WebComponentProps<XFoo>;\n * }\n * }\n * }\n * ```\n */\nexport type WebComponentProps<I extends HTMLElement> = React.DetailedHTMLProps<\n React.HTMLAttributes<I>,\n I\n> &\n ElementProps<I>;\n\n/**\n * Type of the React component wrapping the web component. This is the return\n * type of `createComponent`.\n */\nexport type ReactWebComponent<\n I extends HTMLElement,\n E extends EventNames = {}\n> = React.ForwardRefExoticComponent<\n // TODO(augustjk): Remove and use `React.PropsWithoutRef` when\n // https://github.com/preactjs/preact/issues/4124 is fixed.\n PropsWithoutRef<ComponentProps<I, E>> & React.RefAttributes<I>\n>;\n\n// Props derived from custom element class. Currently has limitations of making\n// all properties optional and also surfaces life cycle methods in autocomplete.\n// TODO(augustjk) Consider omitting keyof LitElement to remove \"internal\"\n// lifecycle methods or allow user to explicitly provide props.\ntype ElementProps<I> = Partial<Omit<I, keyof HTMLElement>>;\n\n// Acceptable props to the React component.\ntype ComponentProps<I, E extends EventNames = {}> = Omit<\n React.HTMLAttributes<I>,\n // Omit keyof E to prefer provided event handler mapping over React's\n // built-in event handler props.\n keyof E\n> &\n EventListeners<E> &\n ElementProps<I>;\n\n/**\n * Type used to cast an event name with an event type when providing the\n * `events` option to `createComponent` for better typing of the event handler\n * prop.\n *\n * Example:\n *\n * ```ts\n * const FooComponent = createCompoennt({\n * ...\n * events: {\n * onfoo: 'foo' as EventName<FooEvent>,\n * }\n * });\n * ```\n *\n * `onfoo` prop will have the type `(e: FooEvent) => void`.\n */\nexport type EventName<T extends Event = Event> = string & {\n __eventType: T;\n};\n\n// A key value map matching React prop names to event names.\ntype EventNames = Record<string, EventName | string>;\n\n// A map of expected event listener types based on EventNames.\ntype EventListeners<R extends EventNames> = {\n [K in keyof R]?: R[K] extends EventName\n ? (e: R[K]['__eventType']) => void\n : (e: Event) => void;\n};\n\ninterface Options<I extends HTMLElement, E extends EventNames = {}> {\n react: typeof React;\n tagName: string;\n elementClass: Constructor<I>;\n events?: E;\n displayName?: string;\n}\n\ntype Constructor<T> = {new (): T};\n\nconst reservedReactProperties = new Set([\n 'children',\n 'localName',\n 'ref',\n 'style',\n 'className',\n]);\n\nconst listenedEvents: WeakMap<\n Element,\n Map<string, EventListenerObject>\n> = new WeakMap();\n\n/**\n * Adds an event listener for the specified event to the given node. In the\n * React setup, there should only ever be one event listener. Thus, for\n * efficiency only one listener is added and the handler for that listener is\n * updated to point to the given listener function.\n */\nconst addOrUpdateEventListener = (\n node: Element,\n event: string,\n listener: (event?: Event) => void\n) => {\n let events = listenedEvents.get(node);\n if (events === undefined) {\n listenedEvents.set(node, (events = new Map()));\n }\n let handler = events.get(event);\n if (listener !== undefined) {\n // If necessary, add listener and track handler\n if (handler === undefined) {\n events.set(event, (handler = {handleEvent: listener}));\n node.addEventListener(event, handler);\n // Otherwise just update the listener with new value\n } else {\n handler.handleEvent = listener;\n }\n // Remove listener if one exists and value is undefined\n } else if (handler !== undefined) {\n events.delete(event);\n node.removeEventListener(event, handler);\n }\n};\n\n/**\n * Sets properties and events on custom elements. These properties and events\n * have been pre-filtered so we know they should apply to the custom element.\n */\nconst setProperty = <E extends Element>(\n node: E,\n name: string,\n value: unknown,\n old: unknown,\n events?: EventNames\n) => {\n const event = events?.[name];\n // Dirty check event value.\n if (event !== undefined && value !== old) {\n addOrUpdateEventListener(node, event, value as (e?: Event) => void);\n return;\n }\n // But don't dirty check properties; elements are assumed to do this.\n node[name as keyof E] = value as E[keyof E];\n\n // This block is to replicate React's behavior for attributes of native\n // elements where `undefined` or `null` values result in attributes being\n // removed.\n // https://github.com/facebook/react/blob/899cb95f52cc83ab5ca1eb1e268c909d3f0961e7/packages/react-dom-bindings/src/client/DOMPropertyOperations.js#L107-L141\n //\n // It's only needed here for native HTMLElement properties that reflect\n // attributes of the same name but don't have that behavior like \"id\" or\n // \"draggable\".\n if (\n (value === undefined || value === null) &&\n name in HTMLElement.prototype\n ) {\n node.removeAttribute(name);\n }\n};\n\n/**\n * Creates a React component for a custom element. Properties are distinguished\n * from attributes automatically, and events can be configured so they are added\n * to the custom element as event listeners.\n *\n * @param options An options bag containing the parameters needed to generate a\n * wrapped web component.\n *\n * @param options.react The React module, typically imported from the `react`\n * npm package.\n * @param options.tagName The custom element tag name registered via\n * `customElements.define`.\n * @param options.elementClass The custom element class registered via\n * `customElements.define`.\n * @param options.events An object listing events to which the component can\n * listen. The object keys are the event property names passed in via React\n * props and the object values are the names of the corresponding events\n * generated by the custom element. For example, given `{onactivate:\n * 'activate'}` an event function may be passed via the component's `onactivate`\n * prop and will be called when the custom element fires its `activate` event.\n * @param options.displayName A React component display name, used in debugging\n * messages. Default value is inferred from the name of custom element class\n * registered via `customElements.define`.\n */\nexport const createComponent = <\n I extends HTMLElement,\n E extends EventNames = {}\n>({\n react: React,\n tagName,\n elementClass,\n events,\n displayName,\n}: Options<I, E>): ReactWebComponent<I, E> => {\n const eventProps = new Set(Object.keys(events ?? {}));\n\n if (DEV_MODE) {\n for (const p of reservedReactProperties) {\n if (p in elementClass.prototype && !(p in HTMLElement.prototype)) {\n // Note, this effectively warns only for `ref` since the other\n // reserved props are on HTMLElement.prototype. To address this\n // would require crawling down the prototype, which doesn't feel worth\n // it since implementing these properties on an element is extremely\n // rare.\n console.warn(\n `${tagName} contains property ${p} which is a React reserved ` +\n `property. It will be used by React and not set on the element.`\n );\n }\n }\n }\n\n type Props = ComponentProps<I, E>;\n\n const ReactComponent = React.forwardRef<I, Props>((props, ref) => {\n const prevPropsRef = React.useRef<Props | null>(null);\n const elementRef = React.useRef<I | null>(null);\n\n // Props to be passed to React.createElement\n const reactProps: Record<string, unknown> = {};\n // Props to be set on element with setProperty\n const elementProps: Record<string, unknown> = {};\n\n for (const [k, v] of Object.entries(props)) {\n if (reservedReactProperties.has(k)) {\n // React does *not* handle `className` for custom elements so\n // coerce it to `class` so it's handled correctly.\n reactProps[k === 'className' ? 'class' : k] = v;\n continue;\n }\n\n if (eventProps.has(k) || k in elementClass.prototype) {\n elementProps[k] = v;\n continue;\n }\n\n reactProps[k] = v;\n }\n\n // useLayoutEffect produces warnings during server rendering.\n if (!NODE_MODE) {\n // This one has no dependency array so it'll run on every re-render.\n React.useLayoutEffect(() => {\n if (elementRef.current === null) {\n return;\n }\n for (const prop in elementProps) {\n setProperty(\n elementRef.current,\n prop,\n props[prop],\n prevPropsRef.current ? prevPropsRef.current[prop] : undefined,\n events\n );\n }\n // Note, the spirit of React might be to \"unset\" any old values that\n // are no longer included; however, there's no reasonable value to set\n // them to so we just leave the previous state as is.\n\n prevPropsRef.current = props;\n });\n\n // Empty dependency array so this will only run once after first render.\n React.useLayoutEffect(() => {\n elementRef.current?.removeAttribute('defer-hydration');\n }, []);\n }\n\n if (NODE_MODE) {\n // If component is to be server rendered with `@lit-labs/ssr-react`, pass\n // element properties in a special bag to be set by the server-side\n // element renderer.\n if (\n React.createElement.name === 'litPatchedCreateElement' &&\n Object.keys(elementProps).length\n ) {\n // This property needs to remain unminified.\n reactProps['_$litProps$'] = elementProps;\n }\n } else {\n // Suppress hydration warning for server-rendered attributes.\n // This property needs to remain unminified.\n reactProps['suppressHydrationWarning'] = true;\n }\n\n return React.createElement(tagName, {\n ...reactProps,\n ref: (node: I) => {\n elementRef.current = node;\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref !== null) {\n ref.current = node;\n }\n },\n });\n });\n\n ReactComponent.displayName = displayName ?? elementClass.name;\n\n return ReactComponent;\n};\n"],
|
|
5
|
-
"mappings": "4BAAA,OAAOA,MAAW,QCgHlB,IAAMC,EAA0B,IAAIC,IAAI,CACtC,WACA,YACA,MACA,QACA,WAAA,CAAA,EAGIC,EAGF,IAAIC,QAsCFC,EAAc,CAClBC,EACAC,EACAC,EACAC,EACAC,IAAAA,CAEA,IAAMC,EAAQD,GAAAA,KAAAA,OAAAA,EAASH,CAAAA,EAEnBI,IAFmBJ,QAEIC,IAAUC,GAKrCH,EAAKC,CAAAA,EAAmBC,EAWrBA,GAAD,MACAD,KAAQK,YAAYC,WAEpBP,EAAKQ,gBAAgBP,CAAAA,IA1DQ,CAC/BD,EACAK,EACAI,IAAAA,CAEA,IAAIL,EAASP,EAAea,IAAIV,CAAAA,EAC5BI,IAD4BJ,QAE9BH,EAAec,IAAIX,EAAOI,EAAS,IAAIQ,GAAAA,EAEzC,IAAIC,EAAUT,EAAOM,IAAIL,CAAAA,EACrBI,IADqBJ,OAGnBQ,IAFFJ,QAGAL,EAAOO,IAAIN,EAAQQ,EAAU,CAACC,YAAaL,CAAAA,CAAAA,EAC3CT,EAAKe,iBAAiBV,EAAOQ,CAAAA,GAG7BA,EAAQC,YAAcL,EAGfI,IAHeJ,SAIxBL,EAAOY,OAAOX,CAAAA,EACdL,EAAKiB,oBAAoBZ,EAAOQ,CAAAA,EACjC,GAiB0Bb,EAAMK,EAAOH,CAAAA,CAmBvC,EA2BUgB,EAAkB,CAAA,CAI7BC,MAAOC,EACPC,QAAAA,EACAC,aAAAA,EACAlB,OAAAA,EACAmB,YAAAA,CAAAA,IAAAA,CAEA,IAAMC,EAAa,IAAI5B,IAAI6B,OAAOC,KAAKtB,GAAAA,KAAAA,EAAU,CAAA,CAAA,CAAA,EAoB3CuB,EAAiBP,EAAMQ,WAAqB,CAACC,EAAOC,IAAAA,CACxD,IAAMC,EAAeX,EAAMY,OAAqB,IAAA,EAC1CC,EAAab,EAAMY,OAAiB,IAAA,EAGpCE,EAAsC,CAAA,EAEtCC,EAAwC,CAAA,EAE9C,OAAK,CAAOC,EAAGC,CAAAA,IAAMZ,OAAOa,QAAQT,CAAAA,EAC9BlC,EAAwB4C,IAAIH,CAAAA,EAG9BF,EAAWE,IAAM,YAAc,QAAUA,CAAAA,EAAKC,EAI5Cb,EAAWe,IAAIH,CAAAA,GAAMA,KAAKd,EAAaf,UACzC4B,EAAaC,CAAAA,EAAKC,EAIpBH,EAAWE,CAAAA,EAAKC,EAiDlB,OA3CEjB,EAAMoB,gBAAgB,IAAA,CACpB,GAAIP,EAAWQ,UAAY,KAA3B,CAGA,QAAWC,KAAQP,EACjBpC,EACEkC,EAAWQ,QACXC,EACAb,EAAMa,CAAAA,EACNX,EAAaU,QAAUV,EAAaU,QAAQC,CAAAA,EAAAA,OAC5CtC,CAAAA,EAOJ2B,EAAaU,QAAUZ,EAAK,CAAA,EAI9BT,EAAMoB,gBAAgB,IAAA,CAAA,IAAAG,GACpBC,EAAAX,EAAWQ,WAAO,MAAAG,IAAPH,QAAOG,EAAEpC,gBAAgB,iBAAA,CAAkB,EACrD,CAAA,CAAA,EAiBH0B,EAAqC,yBAAA,GAGhCd,EAAMyB,cAAcxB,EAAS,CAAA,GAC/Ba,EACHJ,IAAM9B,GAAAA,CACJiC,EAAWQ,QAAUzC,EACF,OAAR8B,GAAQ,WACjBA,EAAI9B,CAAAA,EACK8B,IAAQ,OACjBA,EAAIW,QAAUzC,EACf,CAAA,CAAA,CAEH,CAAA,EAKJ,OAFA2B,EAAeJ,YAAcA,GAAAA,KAAAA,EAAeD,EAAarB,KAElD0B,CAAc,ED5ThB,IAAMmB,EAASC,EAAM,KAAK,IAC/B,eAAe,YAAY,SAAS,EAAE,KAAK,KAAO,CAChD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,SACb,QAAS,UACT,aAAc,eAAe,IAAI,
|
|
4
|
+
"sourcesContent": ["import React from \"react\";\nimport { type EventName, createComponent } from \"@lit-labs/react\";\n\ntype Constructor<T> = { new (): T };\n\nexport type BlIcon = import(\"./components/icon/bl-icon\").default;\nexport type BlIconLoad = CustomEvent<string>;\nexport type BlIconError = CustomEvent<string>;\n\n/**\n * @tag bl-icon\n * @summary Baklava Icon component\n *\n * @attr [name] Name of the icon to show\n * @cssproperty [font-size] Setting size of icon. Default is current font size in DOM place\n * @cssproperty [color=currentColor] Setting color of icon\n */\nexport const BlIcon = React.lazy(() =>\n customElements.whenDefined(\"bl-icon\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlIcon\",\n tagName: \"bl-icon\",\n elementClass: customElements.get(\"bl-icon\") as Constructor<\n import(\"./components/icon/bl-icon\").default\n >,\n events: {\n onBlLoad: \"bl-load\" as EventName<BlIconLoad>,\n onBlError: \"bl-error\" as EventName<BlIconError>,\n },\n }),\n }))\n);\n\nexport type BlAccordion = import(\"./components/accordion-group/accordion/bl-accordion\").default;\nexport type BlAccordionToggle = CustomEvent<boolean>;\n\nexport const BlAccordion = React.lazy(() =>\n customElements.whenDefined(\"bl-accordion\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlAccordion\",\n tagName: \"bl-accordion\",\n elementClass: customElements.get(\"bl-accordion\") as Constructor<\n import(\"./components/accordion-group/accordion/bl-accordion\").default\n >,\n events: { onBlToggle: \"bl-toggle\" as EventName<BlAccordionToggle> },\n }),\n }))\n);\n\nexport type BlSpinner = import(\"./components/spinner/bl-spinner\").default;\n\n/**\n * @tag bl-spinner\n * @summary Baklava Spinner component\n *\n */\nexport const BlSpinner = React.lazy(() =>\n customElements.whenDefined(\"bl-spinner\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSpinner\",\n tagName: \"bl-spinner\",\n elementClass: customElements.get(\"bl-spinner\") as Constructor<\n import(\"./components/spinner/bl-spinner\").default\n >,\n }),\n }))\n);\n\nexport type BlButton = import(\"./components/button/bl-button\").default;\nexport type BlButtonClick = CustomEvent<string>;\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-button-display=inline-block] Sets the display property of button\n * @cssproperty [--bl-button-justify=center] Sets the justify-content property of button\n *\n */\nexport const BlButton = React.lazy(() =>\n customElements.whenDefined(\"bl-button\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlButton\",\n tagName: \"bl-button\",\n elementClass: customElements.get(\"bl-button\") as Constructor<\n import(\"./components/button/bl-button\").default\n >,\n events: { onBlClick: \"bl-click\" as EventName<BlButtonClick> },\n }),\n }))\n);\n\nexport type BlAlert = import(\"./components/alert/bl-alert\").default;\nexport type BlAlertClose = CustomEvent<boolean>;\n\n/**\n * @tag bl-alert\n * @summary Baklava Alert component\n */\nexport const BlAlert = React.lazy(() =>\n customElements.whenDefined(\"bl-alert\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlAlert\",\n tagName: \"bl-alert\",\n elementClass: customElements.get(\"bl-alert\") as Constructor<\n import(\"./components/alert/bl-alert\").default\n >,\n events: { onBlClose: \"bl-close\" as EventName<BlAlertClose> },\n }),\n }))\n);\n\nexport type BlBadge = import(\"./components/badge/bl-badge\").default;\n\n/**\n * @tag bl-badge\n * @summary Baklava Badge component\n *\n * @cssproperty [--bl-badge-bg-color=--bl-color-primary-contrast] Sets the background color of badge\n * @cssproperty [--bl-badge-color=--bl-color-primary] Sets the color of badge\n */\nexport const BlBadge = React.lazy(() =>\n customElements.whenDefined(\"bl-badge\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlBadge\",\n tagName: \"bl-badge\",\n elementClass: customElements.get(\"bl-badge\") as Constructor<\n import(\"./components/badge/bl-badge\").default\n >,\n }),\n }))\n);\n\nexport type BlCalendar = import(\"./components/calendar/bl-calendar\").default;\nexport type BlCalendarCalendarChange = CustomEvent<Date[]>;\n\n/**\n * @tag bl-calendar\n * @summary Baklava Calendar component\n **/\nexport const BlCalendar = React.lazy(() =>\n customElements.whenDefined(\"bl-calendar\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlCalendar\",\n tagName: \"bl-calendar\",\n elementClass: customElements.get(\"bl-calendar\") as Constructor<\n import(\"./components/calendar/bl-calendar\").default\n >,\n events: { onBlCalendarChange: \"bl-calendar-change\" as EventName<BlCalendarCalendarChange> },\n }),\n }))\n);\n\nexport type BlCheckbox = import(\"./components/checkbox-group/checkbox/bl-checkbox\").default;\nexport type BlCheckboxCheckboxChange = CustomEvent<boolean>;\nexport type BlCheckboxFocus = CustomEvent<string>;\nexport type BlCheckboxBlur = CustomEvent<string>;\nexport type BlCheckboxCheckboxInvalid = CustomEvent<ValidityState>;\n\n/**\n * @tag bl-checkbox\n * @summary Baklava Checkbox component\n */\nexport const BlCheckbox = React.lazy(() =>\n customElements.whenDefined(\"bl-checkbox\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlCheckbox\",\n tagName: \"bl-checkbox\",\n elementClass: customElements.get(\"bl-checkbox\") as Constructor<\n import(\"./components/checkbox-group/checkbox/bl-checkbox\").default\n >,\n events: {\n onBlCheckboxChange: \"bl-checkbox-change\" as EventName<BlCheckboxCheckboxChange>,\n onBlFocus: \"bl-focus\" as EventName<BlCheckboxFocus>,\n onBlBlur: \"bl-blur\" as EventName<BlCheckboxBlur>,\n onBlCheckboxInvalid: \"bl-checkbox-invalid\" as EventName<BlCheckboxCheckboxInvalid>,\n },\n }),\n }))\n);\n\nexport type BlCheckboxGroup = import(\"./components/checkbox-group/bl-checkbox-group\").default;\nexport type BlCheckboxGroupCheckboxGroupChange = CustomEvent<string[]>;\nexport type BlCheckboxGroupCheckboxGroupInvalid = CustomEvent<ValidityState>;\n\n/**\n * @tag bl-checkbox-group\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-checkbox-direction=row] Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`\n */\nexport const BlCheckboxGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-checkbox-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlCheckboxGroup\",\n tagName: \"bl-checkbox-group\",\n elementClass: customElements.get(\"bl-checkbox-group\") as Constructor<\n import(\"./components/checkbox-group/bl-checkbox-group\").default\n >,\n events: {\n onBlCheckboxGroupChange:\n \"bl-checkbox-group-change\" as EventName<BlCheckboxGroupCheckboxGroupChange>,\n onBlCheckboxGroupInvalid:\n \"bl-checkbox-group-invalid\" as EventName<BlCheckboxGroupCheckboxGroupInvalid>,\n },\n }),\n }))\n);\n\nexport type BlInput = import(\"./components/input/bl-input\").default;\nexport type BlInputChange = CustomEvent<string>;\nexport type BlInputInput = CustomEvent<string>;\nexport type BlInputInvalid = CustomEvent<ValidityState>;\n\n/**\n * @tag bl-input\n * @summary Baklava Input component\n *\n * @cssproperty [--bl-input-padding-start] Sets the padding start\n * @cssproperty [--bl-input-padding-end] Sets the padding end\n */\nexport const BlInput = React.lazy(() =>\n customElements.whenDefined(\"bl-input\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlInput\",\n tagName: \"bl-input\",\n elementClass: customElements.get(\"bl-input\") as Constructor<\n import(\"./components/input/bl-input\").default\n >,\n events: {\n onBlChange: \"bl-change\" as EventName<BlInputChange>,\n onBlInput: \"bl-input\" as EventName<BlInputInput>,\n onBlInvalid: \"bl-invalid\" as EventName<BlInputInvalid>,\n },\n }),\n }))\n);\n\nexport type BlPopover = import(\"./components/popover/bl-popover\").default;\nexport type BlPopoverPopoverShow = CustomEvent<string>;\nexport type BlPopoverPopoverHide = CustomEvent<string>;\n\n/**\n * @tag bl-popover\n * @summary Baklava Popover component\n *\n * @cssproperty [--bl-popover-arrow-display=none] - Sets the display of popovers arrow. Set as `block` to make arrow visible.\n * @cssproperty [--bl-popover-background-color=--bl-color-neutral-full] - Sets the background color of popover.\n * @cssproperty [--bl-popover-border-color=--bl-color-primary-highlight] - Sets the border color of popover.\n * @cssproperty [--bl-popover-border-size=1px] - Sets the border size of popover. You can set it to `0px` to not have a border (if you use a custom background color). Always use with a length unit.\n * @cssproperty [--bl-popover-padding=--bl-size-m] - Sets the padding of popover.\n * @cssproperty [--bl-popbover-border-radius=--bl-size-3xs] - Sets the border radius of popover.\n * @cssproperty [--bl-popover-max-width=100vw] - Sets the maximum width of the popover (including border and padding).\n * @cssproperty [--bl-popover-position=fixed] - Sets the position of popover. You can set it to `absolute` if parent element is a fixed positioned element like drawer or dialog.\n */\nexport const BlPopover = React.lazy(() =>\n customElements.whenDefined(\"bl-popover\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlPopover\",\n tagName: \"bl-popover\",\n elementClass: customElements.get(\"bl-popover\") as Constructor<\n import(\"./components/popover/bl-popover\").default\n >,\n events: {\n onBlPopoverShow: \"bl-popover-show\" as EventName<BlPopoverPopoverShow>,\n onBlPopoverHide: \"bl-popover-hide\" as EventName<BlPopoverPopoverHide>,\n },\n }),\n }))\n);\n\nexport type BlTooltip = import(\"./components/tooltip/bl-tooltip\").default;\nexport type BlTooltipTooltipShow = CustomEvent<string>;\nexport type BlTooltipTooltipHide = CustomEvent<string>;\n\n/**\n * @tag bl-tooltip\n * @summary Baklava Tooltip component\n * @dependency bl-popover\n *\n * @cssproperty [--bl-tooltip-trigger-display=inline-flex] Set the display of the tooltip trigger.\n */\nexport const BlTooltip = React.lazy(() =>\n customElements.whenDefined(\"bl-tooltip\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTooltip\",\n tagName: \"bl-tooltip\",\n elementClass: customElements.get(\"bl-tooltip\") as Constructor<\n import(\"./components/tooltip/bl-tooltip\").default\n >,\n events: {\n onBlTooltipShow: \"bl-tooltip-show\" as EventName<BlTooltipTooltipShow>,\n onBlTooltipHide: \"bl-tooltip-hide\" as EventName<BlTooltipTooltipHide>,\n },\n }),\n }))\n);\n\nexport type BlDatepicker = import(\"./components/datepicker/bl-datepicker\").default;\nexport type BlDatepickerDatepickerChange = CustomEvent<Date[]>;\n\n/**\n * @tag bl-datepicker\n * @summary Baklava DatePicker component\n *\n * @cssproperty [--bl-datepicker-input-width] - Sets the width of datepicker input\n **/\nexport const BlDatepicker = React.lazy(() =>\n customElements.whenDefined(\"bl-datepicker\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDatepicker\",\n tagName: \"bl-datepicker\",\n elementClass: customElements.get(\"bl-datepicker\") as Constructor<\n import(\"./components/datepicker/bl-datepicker\").default\n >,\n events: {\n onBlDatepickerChange: \"bl-datepicker-change\" as EventName<BlDatepickerDatepickerChange>,\n },\n }),\n }))\n);\n\nexport type BlDialog = import(\"./components/dialog/bl-dialog\").default;\nexport type BlDialogDialogOpen = CustomEvent<object>;\nexport type BlDialogDialogRequestClose = CustomEvent<{\n source: \"close-button\" | \"keyboard\" | \"backdrop\";\n}>;\nexport type BlDialogDialogClose = CustomEvent<object>;\n\n/**\n * @tag bl-dialog\n * @summary Baklava Dialog component\n *\n * @cssproperty [--bl-dialog-width=auto] Sets the width of the dialog content\n * @cssproperty [--bl-dialog-caption-line-clamp=1] Sets the line clamp of the caption\n */\nexport const BlDialog = React.lazy(() =>\n customElements.whenDefined(\"bl-dialog\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDialog\",\n tagName: \"bl-dialog\",\n elementClass: customElements.get(\"bl-dialog\") as Constructor<\n import(\"./components/dialog/bl-dialog\").default\n >,\n events: {\n onBlDialogOpen: \"bl-dialog-open\" as EventName<BlDialogDialogOpen>,\n onBlDialogRequestClose: \"bl-dialog-request-close\" as EventName<BlDialogDialogRequestClose>,\n onBlDialogClose: \"bl-dialog-close\" as EventName<BlDialogDialogClose>,\n },\n }),\n }))\n);\n\nexport type BlDrawer = import(\"./components/drawer/bl-drawer\").default;\nexport type BlDrawerDrawerOpen = CustomEvent<string>;\nexport type BlDrawerDrawerClose = CustomEvent<string>;\n\n/**\n * @tag bl-drawer\n * @summary Baklava Drawer component\n *\n * @cssproperty [--bl-drawer-animation-duration=250ms] Drawer slide in animation duration\n */\nexport const BlDrawer = React.lazy(() =>\n customElements.whenDefined(\"bl-drawer\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDrawer\",\n tagName: \"bl-drawer\",\n elementClass: customElements.get(\"bl-drawer\") as Constructor<\n import(\"./components/drawer/bl-drawer\").default\n >,\n events: {\n onBlDrawerOpen: \"bl-drawer-open\" as EventName<BlDrawerDrawerOpen>,\n onBlDrawerClose: \"bl-drawer-close\" as EventName<BlDrawerDrawerClose>,\n },\n }),\n }))\n);\n\nexport type BlSplitButton = import(\"./components/split-button/bl-split-button\").default;\nexport type BlSplitButtonDropdownOpen = CustomEvent<string>;\nexport type BlSplitButtonDropdownClose = CustomEvent<string>;\nexport type BlSplitButtonClick = CustomEvent<string>;\n\n/**\n * @tag bl-split-button\n * @summary Baklava Split Button component\n */\nexport const BlSplitButton = React.lazy(() =>\n customElements.whenDefined(\"bl-split-button\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSplitButton\",\n tagName: \"bl-split-button\",\n elementClass: customElements.get(\"bl-split-button\") as Constructor<\n import(\"./components/split-button/bl-split-button\").default\n >,\n events: {\n onBlDropdownOpen: \"bl-dropdown-open\" as EventName<BlSplitButtonDropdownOpen>,\n onBlDropdownClose: \"bl-dropdown-close\" as EventName<BlSplitButtonDropdownClose>,\n onBlClick: \"bl-click\" as EventName<BlSplitButtonClick>,\n },\n }),\n }))\n);\n\nexport type BlDropdownGroup = import(\"./components/dropdown/group/bl-dropdown-group\").default;\n\n/**\n * @tag bl-dropdown-group\n * @summary Baklava Dropdown Group component\n */\nexport const BlDropdownGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDropdownGroup\",\n tagName: \"bl-dropdown-group\",\n elementClass: customElements.get(\"bl-dropdown-group\") as Constructor<\n import(\"./components/dropdown/group/bl-dropdown-group\").default\n >,\n }),\n }))\n);\n\nexport type BlDropdownItem = import(\"./components/dropdown/item/bl-dropdown-item\").default;\nexport type BlDropdownItemDropdownItemClick = CustomEvent<string>;\n\n/**\n * @tag bl-dropdown-item\n * @summary Baklava Dropdown Item component\n */\nexport const BlDropdownItem = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown-item\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDropdownItem\",\n tagName: \"bl-dropdown-item\",\n elementClass: customElements.get(\"bl-dropdown-item\") as Constructor<\n import(\"./components/dropdown/item/bl-dropdown-item\").default\n >,\n events: {\n onBlDropdownItemClick:\n \"bl-dropdown-item-click\" as EventName<BlDropdownItemDropdownItemClick>,\n },\n }),\n }))\n);\n\nexport type BlDropdown = import(\"./components/dropdown/bl-dropdown\").default;\nexport type BlDropdownDropdownOpen = CustomEvent<string>;\nexport type BlDropdownDropdownClose = CustomEvent<string>;\n\n/**\n * @tag bl-dropdown\n * @summary Baklava Dropdown component\n */\nexport const BlDropdown = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDropdown\",\n tagName: \"bl-dropdown\",\n elementClass: customElements.get(\"bl-dropdown\") as Constructor<\n import(\"./components/dropdown/bl-dropdown\").default\n >,\n events: {\n onBlDropdownOpen: \"bl-dropdown-open\" as EventName<BlDropdownDropdownOpen>,\n onBlDropdownClose: \"bl-dropdown-close\" as EventName<BlDropdownDropdownClose>,\n },\n }),\n }))\n);\n\nexport type BlLink = import(\"./components/link/bl-link\").default;\n\n/**\n * @tag bl-link\n * @summary Baklava Link component for navigation\n *\n * @slot icon - Custom icon slot for non-standalone variants\n *\n * @cssproperty [--bl-link-color=--bl-color-primary] Sets the color of link\n * @cssproperty [--bl-link-hover-color=--bl-color-primary-hover] Sets the hover color of link\n * @cssproperty [--bl-link-active-color=--bl-color-primary-active] Sets the active color of link\n */\nexport const BlLink = React.lazy(() =>\n customElements.whenDefined(\"bl-link\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlLink\",\n tagName: \"bl-link\",\n elementClass: customElements.get(\"bl-link\") as Constructor<\n import(\"./components/link/bl-link\").default\n >,\n }),\n }))\n);\n\nexport type BlNotificationCard =\n import(\"./components/notification/card/bl-notification-card\").default;\nexport type BlNotificationCardNotificationCardRequestClose = CustomEvent<{\n source: \"close-button\" | \"duration-ended\";\n}>;\nexport type BlNotificationCardNotificationCardClose = CustomEvent<{\n source: \"close-button\" | \"duration-ended\";\n}>;\n\n/**\n * @tag bl-notification-card\n * @summary Baklava Notification Card component\n */\nexport const BlNotificationCard = React.lazy(() =>\n customElements.whenDefined(\"bl-notification-card\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlNotificationCard\",\n tagName: \"bl-notification-card\",\n elementClass: customElements.get(\"bl-notification-card\") as Constructor<\n import(\"./components/notification/card/bl-notification-card\").default\n >,\n events: {\n onBlNotificationCardRequestClose:\n \"bl-notification-card-request-close\" as EventName<BlNotificationCardNotificationCardRequestClose>,\n onBlNotificationCardClose:\n \"bl-notification-card-close\" as EventName<BlNotificationCardNotificationCardClose>,\n },\n }),\n }))\n);\n\nexport type BlNotification = import(\"./components/notification/bl-notification\").default;\n\n/**\n * @tag bl-notification\n * @summary Baklava Notification component\n */\nexport const BlNotification = React.lazy(() =>\n customElements.whenDefined(\"bl-notification\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlNotification\",\n tagName: \"bl-notification\",\n elementClass: customElements.get(\"bl-notification\") as Constructor<\n import(\"./components/notification/bl-notification\").default\n >,\n }),\n }))\n);\n\nexport type BlSelectOption = import(\"./components/select/option/bl-select-option\").default;\nexport type BlSelectOptionSelectOption = CustomEvent<string | null>;\nexport type BlSelectOptionFocus = CustomEvent<string | null>;\nexport type BlSelectOptionBlur = CustomEvent<string | null>;\n\nexport const BlSelectOption = React.lazy(() =>\n customElements.whenDefined(\"bl-select-option\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSelectOption\",\n tagName: \"bl-select-option\",\n elementClass: customElements.get(\"bl-select-option\") as Constructor<\n import(\"./components/select/option/bl-select-option\").default\n >,\n events: {\n onBlSelectOption: \"bl-select-option\" as EventName<BlSelectOptionSelectOption>,\n onBlFocus: \"bl-focus\" as EventName<BlSelectOptionFocus>,\n onBlBlur: \"bl-blur\" as EventName<BlSelectOptionBlur>,\n },\n }),\n }))\n);\n\nexport type BlSelect = import(\"./components/select/bl-select\").default;\nexport type BlSelectSelect = CustomEvent<\n | import(\"./components/select/bl-select\").ISelectOption<string>[]\n | import(\"./components/select/bl-select\").ISelectOption<string>\n>;\nexport type BlSelectSearch = CustomEvent<string>;\n\n/**\n * @tag bl-select\n * @summary Baklava Select component\n *\n * @cssproperty [--bl-popover-position=fixed] Sets the positioning strategy of select popover. You can set it as `absolute` if you need to show popover relative to its trigger element.\n */\nexport const BlSelect = React.lazy(() =>\n customElements.whenDefined(\"bl-select\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSelect\",\n tagName: \"bl-select\",\n elementClass: customElements.get(\"bl-select\") as Constructor<\n import(\"./components/select/bl-select\").default\n >,\n events: {\n onBlSelect: \"bl-select\" as EventName<BlSelectSelect>,\n onBlSearch: \"bl-search\" as EventName<BlSelectSearch>,\n },\n }),\n }))\n);\n\nexport type BlPagination = import(\"./components/pagination/bl-pagination\").default;\nexport type BlPaginationChange = CustomEvent<{\n selectedPage: number;\n prevPage: number;\n itemsPerPage: number;\n}>;\n\n/**\n * @tag bl-pagination\n * @summary Baklava Pagination component\n */\nexport const BlPagination = React.lazy(() =>\n customElements.whenDefined(\"bl-pagination\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlPagination\",\n tagName: \"bl-pagination\",\n elementClass: customElements.get(\"bl-pagination\") as Constructor<\n import(\"./components/pagination/bl-pagination\").default\n >,\n events: { onBlChange: \"bl-change\" as EventName<BlPaginationChange> },\n }),\n }))\n);\n\nexport type BlProgressIndicator =\n import(\"./components/progress-indicator/bl-progress-indicator\").default;\n\n/**\n * @tag bl-progress-indicator\n * @summary Baklava Progress Indicator component\n *\n * @cssproperty [--bl-progress-indicator-transition-duration=.2s] Duration of the transition of progress bar\n * @property {max} [max=100]\n * @property {number} [value=0]\n */\nexport const BlProgressIndicator = React.lazy(() =>\n customElements.whenDefined(\"bl-progress-indicator\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlProgressIndicator\",\n tagName: \"bl-progress-indicator\",\n elementClass: customElements.get(\"bl-progress-indicator\") as Constructor<\n import(\"./components/progress-indicator/bl-progress-indicator\").default\n >,\n }),\n }))\n);\n\nexport type BlRadio = import(\"./components/radio-group/radio/bl-radio\").default;\nexport type BlRadioChecked = CustomEvent<string>;\nexport type BlRadioFocus = CustomEvent<string>;\nexport type BlRadioBlur = CustomEvent<string>;\n\n/**\n * @tag bl-radio\n * @summary Baklava Radio Option component\n *\n * @cssprop [--bl-radio-align-items=center] Align items of radio option\n */\nexport const BlRadio = React.lazy(() =>\n customElements.whenDefined(\"bl-radio\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlRadio\",\n tagName: \"bl-radio\",\n elementClass: customElements.get(\"bl-radio\") as Constructor<\n import(\"./components/radio-group/radio/bl-radio\").default\n >,\n events: {\n onBlChecked: \"bl-checked\" as EventName<BlRadioChecked>,\n onBlFocus: \"bl-focus\" as EventName<BlRadioFocus>,\n onBlBlur: \"bl-blur\" as EventName<BlRadioBlur>,\n },\n }),\n }))\n);\n\nexport type BlRadioGroup = import(\"./components/radio-group/bl-radio-group\").default;\nexport type BlRadioGroupRadioChange = CustomEvent<string>;\n\n/**\n * @tag bl-radio-group\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-radio-direction=row] Can be used for showing radio options as columns instead of rows. Options are `row` or `column`\n * @cssproperty [--bl-radio-group-cross-axis-item-alignment=normal] Can be used for aligning radio items on cross axis. Acts same with align-item\n * @cssproperty [--bl-radio-group-cross-axis-content-alignment=normal] Can be used for aligning radio group content on cross axis. Acts same with align-content\n * @cssproperty [--bl-radio-group-main-axis-content-alignment=normal] Can be used for aligning radio group content on main axis. Acts same with justify-content\n */\nexport const BlRadioGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-radio-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlRadioGroup\",\n tagName: \"bl-radio-group\",\n elementClass: customElements.get(\"bl-radio-group\") as Constructor<\n import(\"./components/radio-group/bl-radio-group\").default\n >,\n events: { onBlRadioChange: \"bl-radio-change\" as EventName<BlRadioGroupRadioChange> },\n }),\n }))\n);\n\nexport type BlStepperItem = import(\"./components/stepper/bl-stepper-item\").default;\nexport type BlStepperItemStepperItemClick = CustomEvent<string>;\n\n/**\n * @tag bl-stepper-item\n * @summary Baklava Stepper Item component for individual steps in a stepper\n *\n * @slot default - Step content (title and description)\n */\nexport const BlStepperItem = React.lazy(() =>\n customElements.whenDefined(\"bl-stepper-item\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlStepperItem\",\n tagName: \"bl-stepper-item\",\n elementClass: customElements.get(\"bl-stepper-item\") as Constructor<\n import(\"./components/stepper/bl-stepper-item\").default\n >,\n events: {\n onBlStepperItemClick: \"bl-stepper-item-click\" as EventName<BlStepperItemStepperItemClick>,\n },\n }),\n }))\n);\n\nexport type BlStepper = import(\"./components/stepper/bl-stepper\").default;\nexport type BlStepperStepperChange = CustomEvent<{ activeStep: number; totalSteps: number }>;\n\n/**\n * @tag bl-stepper\n * @summary Baklava Stepper component for displaying progress through a sequence of steps\n *\n * @slot default - Stepper items\n */\nexport const BlStepper = React.lazy(() =>\n customElements.whenDefined(\"bl-stepper\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlStepper\",\n tagName: \"bl-stepper\",\n elementClass: customElements.get(\"bl-stepper\") as Constructor<\n import(\"./components/stepper/bl-stepper\").default\n >,\n events: { onBlStepperChange: \"bl-stepper-change\" as EventName<BlStepperStepperChange> },\n }),\n }))\n);\n\nexport type BlSwitch = import(\"./components/switch/bl-switch\").default;\nexport type BlSwitchSwitchToggle = CustomEvent<boolean>;\n\n/**\n * @tag bl-switch\n * @summary Baklava Switch component\n *\n * @cssproperty [--bl-switch-color-on=--bl-color-primary] Set the checked color\n * @cssproperty [--bl-switch-color-off=--bl-color-neutral-lighter] Set the unchecked color\n * @cssproperty [--bl-switch-animation-duration=300ms] Set the animation duration of switch toggle\n */\nexport const BlSwitch = React.lazy(() =>\n customElements.whenDefined(\"bl-switch\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSwitch\",\n tagName: \"bl-switch\",\n elementClass: customElements.get(\"bl-switch\") as Constructor<\n import(\"./components/switch/bl-switch\").default\n >,\n events: { onBlSwitchToggle: \"bl-switch-toggle\" as EventName<BlSwitchSwitchToggle> },\n }),\n }))\n);\n\nexport type BlTabPanel = import(\"./components/tab-group/tab-panel/bl-tab-panel\").default;\n\n/**\n * @tag bl-tab-panel\n * @summary Baklava Tab panel component\n */\nexport const BlTabPanel = React.lazy(() =>\n customElements.whenDefined(\"bl-tab-panel\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTabPanel\",\n tagName: \"bl-tab-panel\",\n elementClass: customElements.get(\"bl-tab-panel\") as Constructor<\n import(\"./components/tab-group/tab-panel/bl-tab-panel\").default\n >,\n }),\n }))\n);\n\nexport type BlTab = import(\"./components/tab-group/tab/bl-tab\").default;\nexport type BlTabTabSelected = CustomEvent<string>;\n\n/**\n * @tag bl-tab\n * @summary Baklava Tab component\n */\nexport const BlTab = React.lazy(() =>\n customElements.whenDefined(\"bl-tab\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTab\",\n tagName: \"bl-tab\",\n elementClass: customElements.get(\"bl-tab\") as Constructor<\n import(\"./components/tab-group/tab/bl-tab\").default\n >,\n events: { onBlTabSelected: \"bl-tab-selected\" as EventName<BlTabTabSelected> },\n }),\n }))\n);\n\nexport type BlTabGroup = import(\"./components/tab-group/bl-tab-group\").default;\n\n/**\n * @tag bl-tab-group\n * @summary Baklava Tab group component\n */\nexport const BlTabGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-tab-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTabGroup\",\n tagName: \"bl-tab-group\",\n elementClass: customElements.get(\"bl-tab-group\") as Constructor<\n import(\"./components/tab-group/bl-tab-group\").default\n >,\n }),\n }))\n);\n\nexport type BlTableBody = import(\"./components/table/table-body/bl-table-body\").default;\n\n/**\n * @tag bl-table-body\n * @summary Baklava Table component\n *\n * @slot no-data - Content to display when no data is available\n */\nexport const BlTableBody = React.lazy(() =>\n customElements.whenDefined(\"bl-table-body\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTableBody\",\n tagName: \"bl-table-body\",\n elementClass: customElements.get(\"bl-table-body\") as Constructor<\n import(\"./components/table/table-body/bl-table-body\").default\n >,\n }),\n }))\n);\n\nexport type BlTableHeaderCell =\n import(\"./components/table/table-header-cell/bl-table-header-cell\").default;\n\n/**\n * @tag bl-table-header-cell\n * @summary Baklava Table component\n *\n * @cssproperty [--bl-table-header-cell-width] Set the column width\n * @cssproperty [--bl-table-header-cell-min-width] Set the column min width\n */\nexport const BlTableHeaderCell = React.lazy(() =>\n customElements.whenDefined(\"bl-table-header-cell\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTableHeaderCell\",\n tagName: \"bl-table-header-cell\",\n elementClass: customElements.get(\"bl-table-header-cell\") as Constructor<\n import(\"./components/table/table-header-cell/bl-table-header-cell\").default\n >,\n }),\n }))\n);\n\nexport type BlTableHeader = import(\"./components/table/table-header/bl-table-header\").default;\n\n/**\n * @tag bl-table-header\n * @summary Baklava Table component\n */\nexport const BlTableHeader = React.lazy(() =>\n customElements.whenDefined(\"bl-table-header\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTableHeader\",\n tagName: \"bl-table-header\",\n elementClass: customElements.get(\"bl-table-header\") as Constructor<\n import(\"./components/table/table-header/bl-table-header\").default\n >,\n }),\n }))\n);\n\nexport type BlTableRow = import(\"./components/table/table-row/bl-table-row\").default;\n\n/**\n * @tag bl-table-row\n * @summary Baklava Table component\n */\nexport const BlTableRow = React.lazy(() =>\n customElements.whenDefined(\"bl-table-row\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTableRow\",\n tagName: \"bl-table-row\",\n elementClass: customElements.get(\"bl-table-row\") as Constructor<\n import(\"./components/table/table-row/bl-table-row\").default\n >,\n }),\n }))\n);\n\nexport type BlTableCell = import(\"./components/table/table-cell/bl-table-cell\").default;\n\n/**\n * @tag bl-table-cell\n * @summary Baklava Table component\n */\nexport const BlTableCell = React.lazy(() =>\n customElements.whenDefined(\"bl-table-cell\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTableCell\",\n tagName: \"bl-table-cell\",\n elementClass: customElements.get(\"bl-table-cell\") as Constructor<\n import(\"./components/table/table-cell/bl-table-cell\").default\n >,\n }),\n }))\n);\n\nexport type BlTable = import(\"./components/table/bl-table\").default;\nexport type BlTableSort = CustomEvent<string[]>;\nexport type BlTableRowSelect = CustomEvent<string[]>;\n\n/**\n * @tag bl-table\n * @summary Baklava Table component\n *\n */\nexport const BlTable = React.lazy(() =>\n customElements.whenDefined(\"bl-table\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTable\",\n tagName: \"bl-table\",\n elementClass: customElements.get(\"bl-table\") as Constructor<\n import(\"./components/table/bl-table\").default\n >,\n events: {\n onBlSort: \"bl-sort\" as EventName<BlTableSort>,\n onBlRowSelect: \"bl-row-select\" as EventName<BlTableRowSelect>,\n },\n }),\n }))\n);\n\nexport type BlTag = import(\"./components/tag/bl-tag\").default;\nexport type BlTagTagClick = CustomEvent<{ value: string; selected: boolean }>;\n\n/**\n * @tag bl-tag\n * @summary Baklava Tag component\n */\nexport const BlTag = React.lazy(() =>\n customElements.whenDefined(\"bl-tag\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTag\",\n tagName: \"bl-tag\",\n elementClass: customElements.get(\"bl-tag\") as Constructor<\n import(\"./components/tag/bl-tag\").default\n >,\n events: { onBlTagClick: \"bl-tag-click\" as EventName<BlTagTagClick> },\n }),\n }))\n);\n\nexport type BlTextarea = import(\"./components/textarea/bl-textarea\").default;\nexport type BlTextareaInput = CustomEvent<string>;\nexport type BlTextareaChange = CustomEvent<string>;\nexport type BlTextareaInvalid = CustomEvent<ValidityState>;\n\n/**\n * @tag bl-textarea\n * @summary Baklava Textarea component\n */\nexport const BlTextarea = React.lazy(() =>\n customElements.whenDefined(\"bl-textarea\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTextarea\",\n tagName: \"bl-textarea\",\n elementClass: customElements.get(\"bl-textarea\") as Constructor<\n import(\"./components/textarea/bl-textarea\").default\n >,\n events: {\n onBlInput: \"bl-input\" as EventName<BlTextareaInput>,\n onBlChange: \"bl-change\" as EventName<BlTextareaChange>,\n onBlInvalid: \"bl-invalid\" as EventName<BlTextareaInvalid>,\n },\n }),\n }))\n);\n\nexport type BlAccordionGroup = import(\"./components/accordion-group/bl-accordion-group\").default;\n\nexport const BlAccordionGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-accordion-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlAccordionGroup\",\n tagName: \"bl-accordion-group\",\n elementClass: customElements.get(\"bl-accordion-group\") as Constructor<\n import(\"./components/accordion-group/bl-accordion-group\").default\n >,\n }),\n }))\n);\n", "/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport type React from 'react';\n\nconst NODE_MODE = false;\nconst DEV_MODE = true;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DistributiveOmit<T, K extends string | number | symbol> = T extends any\n ? K extends keyof T\n ? Omit<T, K>\n : T\n : T;\ntype PropsWithoutRef<T> = DistributiveOmit<T, 'ref'>;\n\n/**\n * Creates a type to be used for the props of a web component used directly in\n * React JSX.\n *\n * Example:\n *\n * ```ts\n * declare module \"react\" {\n * namespace JSX {\n * interface IntrinsicElements {\n * 'x-foo': WebComponentProps<XFoo>;\n * }\n * }\n * }\n * ```\n */\nexport type WebComponentProps<I extends HTMLElement> = React.DetailedHTMLProps<\n React.HTMLAttributes<I>,\n I\n> &\n ElementProps<I>;\n\n/**\n * Type of the React component wrapping the web component. This is the return\n * type of `createComponent`.\n */\nexport type ReactWebComponent<\n I extends HTMLElement,\n E extends EventNames = {}\n> = React.ForwardRefExoticComponent<\n // TODO(augustjk): Remove and use `React.PropsWithoutRef` when\n // https://github.com/preactjs/preact/issues/4124 is fixed.\n PropsWithoutRef<ComponentProps<I, E>> & React.RefAttributes<I>\n>;\n\n// Props derived from custom element class. Currently has limitations of making\n// all properties optional and also surfaces life cycle methods in autocomplete.\n// TODO(augustjk) Consider omitting keyof LitElement to remove \"internal\"\n// lifecycle methods or allow user to explicitly provide props.\ntype ElementProps<I> = Partial<Omit<I, keyof HTMLElement>>;\n\n// Acceptable props to the React component.\ntype ComponentProps<I, E extends EventNames = {}> = Omit<\n React.HTMLAttributes<I>,\n // Omit keyof E to prefer provided event handler mapping over React's\n // built-in event handler props.\n keyof E\n> &\n EventListeners<E> &\n ElementProps<I>;\n\n/**\n * Type used to cast an event name with an event type when providing the\n * `events` option to `createComponent` for better typing of the event handler\n * prop.\n *\n * Example:\n *\n * ```ts\n * const FooComponent = createCompoennt({\n * ...\n * events: {\n * onfoo: 'foo' as EventName<FooEvent>,\n * }\n * });\n * ```\n *\n * `onfoo` prop will have the type `(e: FooEvent) => void`.\n */\nexport type EventName<T extends Event = Event> = string & {\n __eventType: T;\n};\n\n// A key value map matching React prop names to event names.\ntype EventNames = Record<string, EventName | string>;\n\n// A map of expected event listener types based on EventNames.\ntype EventListeners<R extends EventNames> = {\n [K in keyof R]?: R[K] extends EventName\n ? (e: R[K]['__eventType']) => void\n : (e: Event) => void;\n};\n\ninterface Options<I extends HTMLElement, E extends EventNames = {}> {\n react: typeof React;\n tagName: string;\n elementClass: Constructor<I>;\n events?: E;\n displayName?: string;\n}\n\ntype Constructor<T> = {new (): T};\n\nconst reservedReactProperties = new Set([\n 'children',\n 'localName',\n 'ref',\n 'style',\n 'className',\n]);\n\nconst listenedEvents: WeakMap<\n Element,\n Map<string, EventListenerObject>\n> = new WeakMap();\n\n/**\n * Adds an event listener for the specified event to the given node. In the\n * React setup, there should only ever be one event listener. Thus, for\n * efficiency only one listener is added and the handler for that listener is\n * updated to point to the given listener function.\n */\nconst addOrUpdateEventListener = (\n node: Element,\n event: string,\n listener: (event?: Event) => void\n) => {\n let events = listenedEvents.get(node);\n if (events === undefined) {\n listenedEvents.set(node, (events = new Map()));\n }\n let handler = events.get(event);\n if (listener !== undefined) {\n // If necessary, add listener and track handler\n if (handler === undefined) {\n events.set(event, (handler = {handleEvent: listener}));\n node.addEventListener(event, handler);\n // Otherwise just update the listener with new value\n } else {\n handler.handleEvent = listener;\n }\n // Remove listener if one exists and value is undefined\n } else if (handler !== undefined) {\n events.delete(event);\n node.removeEventListener(event, handler);\n }\n};\n\n/**\n * Sets properties and events on custom elements. These properties and events\n * have been pre-filtered so we know they should apply to the custom element.\n */\nconst setProperty = <E extends Element>(\n node: E,\n name: string,\n value: unknown,\n old: unknown,\n events?: EventNames\n) => {\n const event = events?.[name];\n // Dirty check event value.\n if (event !== undefined && value !== old) {\n addOrUpdateEventListener(node, event, value as (e?: Event) => void);\n return;\n }\n // But don't dirty check properties; elements are assumed to do this.\n node[name as keyof E] = value as E[keyof E];\n\n // This block is to replicate React's behavior for attributes of native\n // elements where `undefined` or `null` values result in attributes being\n // removed.\n // https://github.com/facebook/react/blob/899cb95f52cc83ab5ca1eb1e268c909d3f0961e7/packages/react-dom-bindings/src/client/DOMPropertyOperations.js#L107-L141\n //\n // It's only needed here for native HTMLElement properties that reflect\n // attributes of the same name but don't have that behavior like \"id\" or\n // \"draggable\".\n if (\n (value === undefined || value === null) &&\n name in HTMLElement.prototype\n ) {\n node.removeAttribute(name);\n }\n};\n\n/**\n * Creates a React component for a custom element. Properties are distinguished\n * from attributes automatically, and events can be configured so they are added\n * to the custom element as event listeners.\n *\n * @param options An options bag containing the parameters needed to generate a\n * wrapped web component.\n *\n * @param options.react The React module, typically imported from the `react`\n * npm package.\n * @param options.tagName The custom element tag name registered via\n * `customElements.define`.\n * @param options.elementClass The custom element class registered via\n * `customElements.define`.\n * @param options.events An object listing events to which the component can\n * listen. The object keys are the event property names passed in via React\n * props and the object values are the names of the corresponding events\n * generated by the custom element. For example, given `{onactivate:\n * 'activate'}` an event function may be passed via the component's `onactivate`\n * prop and will be called when the custom element fires its `activate` event.\n * @param options.displayName A React component display name, used in debugging\n * messages. Default value is inferred from the name of custom element class\n * registered via `customElements.define`.\n */\nexport const createComponent = <\n I extends HTMLElement,\n E extends EventNames = {}\n>({\n react: React,\n tagName,\n elementClass,\n events,\n displayName,\n}: Options<I, E>): ReactWebComponent<I, E> => {\n const eventProps = new Set(Object.keys(events ?? {}));\n\n if (DEV_MODE) {\n for (const p of reservedReactProperties) {\n if (p in elementClass.prototype && !(p in HTMLElement.prototype)) {\n // Note, this effectively warns only for `ref` since the other\n // reserved props are on HTMLElement.prototype. To address this\n // would require crawling down the prototype, which doesn't feel worth\n // it since implementing these properties on an element is extremely\n // rare.\n console.warn(\n `${tagName} contains property ${p} which is a React reserved ` +\n `property. It will be used by React and not set on the element.`\n );\n }\n }\n }\n\n type Props = ComponentProps<I, E>;\n\n const ReactComponent = React.forwardRef<I, Props>((props, ref) => {\n const prevPropsRef = React.useRef<Props | null>(null);\n const elementRef = React.useRef<I | null>(null);\n\n // Props to be passed to React.createElement\n const reactProps: Record<string, unknown> = {};\n // Props to be set on element with setProperty\n const elementProps: Record<string, unknown> = {};\n\n for (const [k, v] of Object.entries(props)) {\n if (reservedReactProperties.has(k)) {\n // React does *not* handle `className` for custom elements so\n // coerce it to `class` so it's handled correctly.\n reactProps[k === 'className' ? 'class' : k] = v;\n continue;\n }\n\n if (eventProps.has(k) || k in elementClass.prototype) {\n elementProps[k] = v;\n continue;\n }\n\n reactProps[k] = v;\n }\n\n // useLayoutEffect produces warnings during server rendering.\n if (!NODE_MODE) {\n // This one has no dependency array so it'll run on every re-render.\n React.useLayoutEffect(() => {\n if (elementRef.current === null) {\n return;\n }\n for (const prop in elementProps) {\n setProperty(\n elementRef.current,\n prop,\n props[prop],\n prevPropsRef.current ? prevPropsRef.current[prop] : undefined,\n events\n );\n }\n // Note, the spirit of React might be to \"unset\" any old values that\n // are no longer included; however, there's no reasonable value to set\n // them to so we just leave the previous state as is.\n\n prevPropsRef.current = props;\n });\n\n // Empty dependency array so this will only run once after first render.\n React.useLayoutEffect(() => {\n elementRef.current?.removeAttribute('defer-hydration');\n }, []);\n }\n\n if (NODE_MODE) {\n // If component is to be server rendered with `@lit-labs/ssr-react`, pass\n // element properties in a special bag to be set by the server-side\n // element renderer.\n if (\n React.createElement.name === 'litPatchedCreateElement' &&\n Object.keys(elementProps).length\n ) {\n // This property needs to remain unminified.\n reactProps['_$litProps$'] = elementProps;\n }\n } else {\n // Suppress hydration warning for server-rendered attributes.\n // This property needs to remain unminified.\n reactProps['suppressHydrationWarning'] = true;\n }\n\n return React.createElement(tagName, {\n ...reactProps,\n ref: (node: I) => {\n elementRef.current = node;\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref !== null) {\n ref.current = node;\n }\n },\n });\n });\n\n ReactComponent.displayName = displayName ?? elementClass.name;\n\n return ReactComponent;\n};\n"],
|
|
5
|
+
"mappings": "4BAAA,OAAOA,MAAW,QCgHlB,IAAMC,EAA0B,IAAIC,IAAI,CACtC,WACA,YACA,MACA,QACA,WAAA,CAAA,EAGIC,EAGF,IAAIC,QAsCFC,EAAc,CAClBC,EACAC,EACAC,EACAC,EACAC,IAAAA,CAEA,IAAMC,EAAQD,GAAAA,KAAAA,OAAAA,EAASH,CAAAA,EAEnBI,IAFmBJ,QAEIC,IAAUC,GAKrCH,EAAKC,CAAAA,EAAmBC,EAWrBA,GAAD,MACAD,KAAQK,YAAYC,WAEpBP,EAAKQ,gBAAgBP,CAAAA,IA1DQ,CAC/BD,EACAK,EACAI,IAAAA,CAEA,IAAIL,EAASP,EAAea,IAAIV,CAAAA,EAC5BI,IAD4BJ,QAE9BH,EAAec,IAAIX,EAAOI,EAAS,IAAIQ,GAAAA,EAEzC,IAAIC,EAAUT,EAAOM,IAAIL,CAAAA,EACrBI,IADqBJ,OAGnBQ,IAFFJ,QAGAL,EAAOO,IAAIN,EAAQQ,EAAU,CAACC,YAAaL,CAAAA,CAAAA,EAC3CT,EAAKe,iBAAiBV,EAAOQ,CAAAA,GAG7BA,EAAQC,YAAcL,EAGfI,IAHeJ,SAIxBL,EAAOY,OAAOX,CAAAA,EACdL,EAAKiB,oBAAoBZ,EAAOQ,CAAAA,EACjC,GAiB0Bb,EAAMK,EAAOH,CAAAA,CAmBvC,EA2BUgB,EAAkB,CAAA,CAI7BC,MAAOC,EACPC,QAAAA,EACAC,aAAAA,EACAlB,OAAAA,EACAmB,YAAAA,CAAAA,IAAAA,CAEA,IAAMC,EAAa,IAAI5B,IAAI6B,OAAOC,KAAKtB,GAAAA,KAAAA,EAAU,CAAA,CAAA,CAAA,EAoB3CuB,EAAiBP,EAAMQ,WAAqB,CAACC,EAAOC,IAAAA,CACxD,IAAMC,EAAeX,EAAMY,OAAqB,IAAA,EAC1CC,EAAab,EAAMY,OAAiB,IAAA,EAGpCE,EAAsC,CAAA,EAEtCC,EAAwC,CAAA,EAE9C,OAAK,CAAOC,EAAGC,CAAAA,IAAMZ,OAAOa,QAAQT,CAAAA,EAC9BlC,EAAwB4C,IAAIH,CAAAA,EAG9BF,EAAWE,IAAM,YAAc,QAAUA,CAAAA,EAAKC,EAI5Cb,EAAWe,IAAIH,CAAAA,GAAMA,KAAKd,EAAaf,UACzC4B,EAAaC,CAAAA,EAAKC,EAIpBH,EAAWE,CAAAA,EAAKC,EAiDlB,OA3CEjB,EAAMoB,gBAAgB,IAAA,CACpB,GAAIP,EAAWQ,UAAY,KAA3B,CAGA,QAAWC,KAAQP,EACjBpC,EACEkC,EAAWQ,QACXC,EACAb,EAAMa,CAAAA,EACNX,EAAaU,QAAUV,EAAaU,QAAQC,CAAAA,EAAAA,OAC5CtC,CAAAA,EAOJ2B,EAAaU,QAAUZ,EAAK,CAAA,EAI9BT,EAAMoB,gBAAgB,IAAA,CAAA,IAAAG,GACpBC,EAAAX,EAAWQ,WAAO,MAAAG,IAAPH,QAAOG,EAAEpC,gBAAgB,iBAAA,CAAkB,EACrD,CAAA,CAAA,EAiBH0B,EAAqC,yBAAA,GAGhCd,EAAMyB,cAAcxB,EAAS,CAAA,GAC/Ba,EACHJ,IAAM9B,GAAAA,CACJiC,EAAWQ,QAAUzC,EACF,OAAR8B,GAAQ,WACjBA,EAAI9B,CAAAA,EACK8B,IAAQ,OACjBA,EAAIW,QAAUzC,EACf,CAAA,CAAA,CAEH,CAAA,EAKJ,OAFA2B,EAAeJ,YAAcA,GAAAA,KAAAA,EAAeD,EAAarB,KAElD0B,CAAc,ED5ThB,IAAMmB,EAASC,EAAM,KAAK,IAC/B,eAAe,YAAY,SAAS,EAAE,KAAK,KAAO,CAChD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,SACb,QAAS,UACT,aAAc,eAAe,IAAI,SAAS,EAG1C,OAAQ,CACN,SAAU,UACV,UAAW,UACb,CACF,CAAC,CACH,EAAE,CACJ,EAKaC,EAAcD,EAAM,KAAK,IACpC,eAAe,YAAY,cAAc,EAAE,KAAK,KAAO,CACrD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,cACb,QAAS,eACT,aAAc,eAAe,IAAI,cAAc,EAG/C,OAAQ,CAAE,WAAY,WAA4C,CACpE,CAAC,CACH,EAAE,CACJ,EASaE,EAAYF,EAAM,KAAK,IAClC,eAAe,YAAY,YAAY,EAAE,KAAK,KAAO,CACnD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,YACb,QAAS,aACT,aAAc,eAAe,IAAI,YAAY,CAG/C,CAAC,CACH,EAAE,CACJ,EAaaG,EAAWH,EAAM,KAAK,IACjC,eAAe,YAAY,WAAW,EAAE,KAAK,KAAO,CAClD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,WACb,QAAS,YACT,aAAc,eAAe,IAAI,WAAW,EAG5C,OAAQ,CAAE,UAAW,UAAuC,CAC9D,CAAC,CACH,EAAE,CACJ,EASaI,EAAUJ,EAAM,KAAK,IAChC,eAAe,YAAY,UAAU,EAAE,KAAK,KAAO,CACjD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,UACb,QAAS,WACT,aAAc,eAAe,IAAI,UAAU,EAG3C,OAAQ,CAAE,UAAW,UAAsC,CAC7D,CAAC,CACH,EAAE,CACJ,EAWaK,EAAUL,EAAM,KAAK,IAChC,eAAe,YAAY,UAAU,EAAE,KAAK,KAAO,CACjD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,UACb,QAAS,WACT,aAAc,eAAe,IAAI,UAAU,CAG7C,CAAC,CACH,EAAE,CACJ,EASaM,EAAaN,EAAM,KAAK,IACnC,eAAe,YAAY,aAAa,EAAE,KAAK,KAAO,CACpD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,aACb,QAAS,cACT,aAAc,eAAe,IAAI,aAAa,EAG9C,OAAQ,CAAE,mBAAoB,oBAA4D,CAC5F,CAAC,CACH,EAAE,CACJ,EAYaO,EAAaP,EAAM,KAAK,IACnC,eAAe,YAAY,aAAa,EAAE,KAAK,KAAO,CACpD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,aACb,QAAS,cACT,aAAc,eAAe,IAAI,aAAa,EAG9C,OAAQ,CACN,mBAAoB,qBACpB,UAAW,WACX,SAAU,UACV,oBAAqB,qBACvB,CACF,CAAC,CACH,EAAE,CACJ,EAYaQ,EAAkBR,EAAM,KAAK,IACxC,eAAe,YAAY,mBAAmB,EAAE,KAAK,KAAO,CAC1D,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,kBACb,QAAS,oBACT,aAAc,eAAe,IAAI,mBAAmB,EAGpD,OAAQ,CACN,wBACE,2BACF,yBACE,2BACJ,CACF,CAAC,CACH,EAAE,CACJ,EAcaS,EAAUT,EAAM,KAAK,IAChC,eAAe,YAAY,UAAU,EAAE,KAAK,KAAO,CACjD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,UACb,QAAS,WACT,aAAc,eAAe,IAAI,UAAU,EAG3C,OAAQ,CACN,WAAY,YACZ,UAAW,WACX,YAAa,YACf,CACF,CAAC,CACH,EAAE,CACJ,EAmBaU,EAAYV,EAAM,KAAK,IAClC,eAAe,YAAY,YAAY,EAAE,KAAK,KAAO,CACnD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,YACb,QAAS,aACT,aAAc,eAAe,IAAI,YAAY,EAG7C,OAAQ,CACN,gBAAiB,kBACjB,gBAAiB,iBACnB,CACF,CAAC,CACH,EAAE,CACJ,EAaaW,EAAYX,EAAM,KAAK,IAClC,eAAe,YAAY,YAAY,EAAE,KAAK,KAAO,CACnD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,YACb,QAAS,aACT,aAAc,eAAe,IAAI,YAAY,EAG7C,OAAQ,CACN,gBAAiB,kBACjB,gBAAiB,iBACnB,CACF,CAAC,CACH,EAAE,CACJ,EAWaY,EAAeZ,EAAM,KAAK,IACrC,eAAe,YAAY,eAAe,EAAE,KAAK,KAAO,CACtD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,eACb,QAAS,gBACT,aAAc,eAAe,IAAI,eAAe,EAGhD,OAAQ,CACN,qBAAsB,sBACxB,CACF,CAAC,CACH,EAAE,CACJ,EAgBaa,EAAWb,EAAM,KAAK,IACjC,eAAe,YAAY,WAAW,EAAE,KAAK,KAAO,CAClD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,WACb,QAAS,YACT,aAAc,eAAe,IAAI,WAAW,EAG5C,OAAQ,CACN,eAAgB,iBAChB,uBAAwB,0BACxB,gBAAiB,iBACnB,CACF,CAAC,CACH,EAAE,CACJ,EAYac,EAAWd,EAAM,KAAK,IACjC,eAAe,YAAY,WAAW,EAAE,KAAK,KAAO,CAClD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,WACb,QAAS,YACT,aAAc,eAAe,IAAI,WAAW,EAG5C,OAAQ,CACN,eAAgB,iBAChB,gBAAiB,iBACnB,CACF,CAAC,CACH,EAAE,CACJ,EAWae,EAAgBf,EAAM,KAAK,IACtC,eAAe,YAAY,iBAAiB,EAAE,KAAK,KAAO,CACxD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,gBACb,QAAS,kBACT,aAAc,eAAe,IAAI,iBAAiB,EAGlD,OAAQ,CACN,iBAAkB,mBAClB,kBAAmB,oBACnB,UAAW,UACb,CACF,CAAC,CACH,EAAE,CACJ,EAQagB,EAAkBhB,EAAM,KAAK,IACxC,eAAe,YAAY,mBAAmB,EAAE,KAAK,KAAO,CAC1D,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,kBACb,QAAS,oBACT,aAAc,eAAe,IAAI,mBAAmB,CAGtD,CAAC,CACH,EAAE,CACJ,EASaiB,EAAiBjB,EAAM,KAAK,IACvC,eAAe,YAAY,kBAAkB,EAAE,KAAK,KAAO,CACzD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,iBACb,QAAS,mBACT,aAAc,eAAe,IAAI,kBAAkB,EAGnD,OAAQ,CACN,sBACE,wBACJ,CACF,CAAC,CACH,EAAE,CACJ,EAUakB,EAAalB,EAAM,KAAK,IACnC,eAAe,YAAY,aAAa,EAAE,KAAK,KAAO,CACpD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,aACb,QAAS,cACT,aAAc,eAAe,IAAI,aAAa,EAG9C,OAAQ,CACN,iBAAkB,mBAClB,kBAAmB,mBACrB,CACF,CAAC,CACH,EAAE,CACJ,EAcamB,EAASnB,EAAM,KAAK,IAC/B,eAAe,YAAY,SAAS,EAAE,KAAK,KAAO,CAChD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,SACb,QAAS,UACT,aAAc,eAAe,IAAI,SAAS,CAG5C,CAAC,CACH,EAAE,CACJ,EAeaoB,EAAqBpB,EAAM,KAAK,IAC3C,eAAe,YAAY,sBAAsB,EAAE,KAAK,KAAO,CAC7D,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,qBACb,QAAS,uBACT,aAAc,eAAe,IAAI,sBAAsB,EAGvD,OAAQ,CACN,iCACE,qCACF,0BACE,4BACJ,CACF,CAAC,CACH,EAAE,CACJ,EAQaqB,EAAiBrB,EAAM,KAAK,IACvC,eAAe,YAAY,iBAAiB,EAAE,KAAK,KAAO,CACxD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,iBACb,QAAS,kBACT,aAAc,eAAe,IAAI,iBAAiB,CAGpD,CAAC,CACH,EAAE,CACJ,EAOasB,EAAiBtB,EAAM,KAAK,IACvC,eAAe,YAAY,kBAAkB,EAAE,KAAK,KAAO,CACzD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,iBACb,QAAS,mBACT,aAAc,eAAe,IAAI,kBAAkB,EAGnD,OAAQ,CACN,iBAAkB,mBAClB,UAAW,WACX,SAAU,SACZ,CACF,CAAC,CACH,EAAE,CACJ,EAeauB,EAAWvB,EAAM,KAAK,IACjC,eAAe,YAAY,WAAW,EAAE,KAAK,KAAO,CAClD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,WACb,QAAS,YACT,aAAc,eAAe,IAAI,WAAW,EAG5C,OAAQ,CACN,WAAY,YACZ,WAAY,WACd,CACF,CAAC,CACH,EAAE,CACJ,EAaawB,EAAexB,EAAM,KAAK,IACrC,eAAe,YAAY,eAAe,EAAE,KAAK,KAAO,CACtD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,eACb,QAAS,gBACT,aAAc,eAAe,IAAI,eAAe,EAGhD,OAAQ,CAAE,WAAY,WAA6C,CACrE,CAAC,CACH,EAAE,CACJ,EAaayB,EAAsBzB,EAAM,KAAK,IAC5C,eAAe,YAAY,uBAAuB,EAAE,KAAK,KAAO,CAC9D,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,sBACb,QAAS,wBACT,aAAc,eAAe,IAAI,uBAAuB,CAG1D,CAAC,CACH,EAAE,CACJ,EAaa0B,EAAU1B,EAAM,KAAK,IAChC,eAAe,YAAY,UAAU,EAAE,KAAK,KAAO,CACjD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,UACb,QAAS,WACT,aAAc,eAAe,IAAI,UAAU,EAG3C,OAAQ,CACN,YAAa,aACb,UAAW,WACX,SAAU,SACZ,CACF,CAAC,CACH,EAAE,CACJ,EAca2B,EAAe3B,EAAM,KAAK,IACrC,eAAe,YAAY,gBAAgB,EAAE,KAAK,KAAO,CACvD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,eACb,QAAS,iBACT,aAAc,eAAe,IAAI,gBAAgB,EAGjD,OAAQ,CAAE,gBAAiB,iBAAwD,CACrF,CAAC,CACH,EAAE,CACJ,EAWa4B,EAAgB5B,EAAM,KAAK,IACtC,eAAe,YAAY,iBAAiB,EAAE,KAAK,KAAO,CACxD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,gBACb,QAAS,kBACT,aAAc,eAAe,IAAI,iBAAiB,EAGlD,OAAQ,CACN,qBAAsB,uBACxB,CACF,CAAC,CACH,EAAE,CACJ,EAWa6B,GAAY7B,EAAM,KAAK,IAClC,eAAe,YAAY,YAAY,EAAE,KAAK,KAAO,CACnD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,YACb,QAAS,aACT,aAAc,eAAe,IAAI,YAAY,EAG7C,OAAQ,CAAE,kBAAmB,mBAAyD,CACxF,CAAC,CACH,EAAE,CACJ,EAaa8B,GAAW9B,EAAM,KAAK,IACjC,eAAe,YAAY,WAAW,EAAE,KAAK,KAAO,CAClD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,WACb,QAAS,YACT,aAAc,eAAe,IAAI,WAAW,EAG5C,OAAQ,CAAE,iBAAkB,kBAAsD,CACpF,CAAC,CACH,EAAE,CACJ,EAQa+B,GAAa/B,EAAM,KAAK,IACnC,eAAe,YAAY,cAAc,EAAE,KAAK,KAAO,CACrD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,aACb,QAAS,eACT,aAAc,eAAe,IAAI,cAAc,CAGjD,CAAC,CACH,EAAE,CACJ,EASagC,GAAQhC,EAAM,KAAK,IAC9B,eAAe,YAAY,QAAQ,EAAE,KAAK,KAAO,CAC/C,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,QACb,QAAS,SACT,aAAc,eAAe,IAAI,QAAQ,EAGzC,OAAQ,CAAE,gBAAiB,iBAAiD,CAC9E,CAAC,CACH,EAAE,CACJ,EAQaiC,GAAajC,EAAM,KAAK,IACnC,eAAe,YAAY,cAAc,EAAE,KAAK,KAAO,CACrD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,aACb,QAAS,eACT,aAAc,eAAe,IAAI,cAAc,CAGjD,CAAC,CACH,EAAE,CACJ,EAUakC,GAAclC,EAAM,KAAK,IACpC,eAAe,YAAY,eAAe,EAAE,KAAK,KAAO,CACtD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,cACb,QAAS,gBACT,aAAc,eAAe,IAAI,eAAe,CAGlD,CAAC,CACH,EAAE,CACJ,EAYamC,GAAoBnC,EAAM,KAAK,IAC1C,eAAe,YAAY,sBAAsB,EAAE,KAAK,KAAO,CAC7D,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,oBACb,QAAS,uBACT,aAAc,eAAe,IAAI,sBAAsB,CAGzD,CAAC,CACH,EAAE,CACJ,EAQaoC,GAAgBpC,EAAM,KAAK,IACtC,eAAe,YAAY,iBAAiB,EAAE,KAAK,KAAO,CACxD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,gBACb,QAAS,kBACT,aAAc,eAAe,IAAI,iBAAiB,CAGpD,CAAC,CACH,EAAE,CACJ,EAQaqC,GAAarC,EAAM,KAAK,IACnC,eAAe,YAAY,cAAc,EAAE,KAAK,KAAO,CACrD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,aACb,QAAS,eACT,aAAc,eAAe,IAAI,cAAc,CAGjD,CAAC,CACH,EAAE,CACJ,EAQasC,GAActC,EAAM,KAAK,IACpC,eAAe,YAAY,eAAe,EAAE,KAAK,KAAO,CACtD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,cACb,QAAS,gBACT,aAAc,eAAe,IAAI,eAAe,CAGlD,CAAC,CACH,EAAE,CACJ,EAWauC,GAAUvC,EAAM,KAAK,IAChC,eAAe,YAAY,UAAU,EAAE,KAAK,KAAO,CACjD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,UACb,QAAS,WACT,aAAc,eAAe,IAAI,UAAU,EAG3C,OAAQ,CACN,SAAU,UACV,cAAe,eACjB,CACF,CAAC,CACH,EAAE,CACJ,EASawC,GAAQxC,EAAM,KAAK,IAC9B,eAAe,YAAY,QAAQ,EAAE,KAAK,KAAO,CAC/C,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,QACb,QAAS,SACT,aAAc,eAAe,IAAI,QAAQ,EAGzC,OAAQ,CAAE,aAAc,cAA2C,CACrE,CAAC,CACH,EAAE,CACJ,EAWayC,GAAazC,EAAM,KAAK,IACnC,eAAe,YAAY,aAAa,EAAE,KAAK,KAAO,CACpD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,aACb,QAAS,cACT,aAAc,eAAe,IAAI,aAAa,EAG9C,OAAQ,CACN,UAAW,WACX,WAAY,YACZ,YAAa,YACf,CACF,CAAC,CACH,EAAE,CACJ,EAIa0C,GAAmB1C,EAAM,KAAK,IACzC,eAAe,YAAY,oBAAoB,EAAE,KAAK,KAAO,CAC3D,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,mBACb,QAAS,qBACT,aAAc,eAAe,IAAI,oBAAoB,CAGvD,CAAC,CACH,EAAE,CACJ",
|
|
6
6
|
"names": ["React", "reservedReactProperties", "Set", "listenedEvents", "WeakMap", "setProperty", "node", "name", "value", "old", "events", "event", "HTMLElement", "prototype", "removeAttribute", "listener", "get", "set", "Map", "handler", "handleEvent", "addEventListener", "delete", "removeEventListener", "createComponent", "react", "React", "tagName", "elementClass", "displayName", "eventProps", "Object", "keys", "ReactComponent", "forwardRef", "props", "ref", "prevPropsRef", "useRef", "elementRef", "reactProps", "elementProps", "k", "v", "entries", "has", "useLayoutEffect", "current", "prop", "e", "_a", "createElement", "BlIcon", "React", "BlAccordion", "BlSpinner", "BlButton", "BlAlert", "BlBadge", "BlCalendar", "BlCheckbox", "BlCheckboxGroup", "BlInput", "BlPopover", "BlTooltip", "BlDatepicker", "BlDialog", "BlDrawer", "BlSplitButton", "BlDropdownGroup", "BlDropdownItem", "BlDropdown", "BlLink", "BlNotificationCard", "BlNotification", "BlSelectOption", "BlSelect", "BlPagination", "BlProgressIndicator", "BlRadio", "BlRadioGroup", "BlStepperItem", "BlStepper", "BlSwitch", "BlTabPanel", "BlTab", "BlTabGroup", "BlTableBody", "BlTableHeaderCell", "BlTableHeader", "BlTableRow", "BlTableCell", "BlTable", "BlTag", "BlTextarea", "BlAccordionGroup"]
|
|
7
7
|
}
|