@trendyol/baklava 3.4.0-beta.11 → 3.4.0-beta.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/baklava-react.d.ts +27 -106
  2. package/dist/baklava-react.d.ts.map +1 -1
  3. package/dist/baklava-react.js +1 -1
  4. package/dist/baklava-react.js.map +2 -2
  5. package/dist/baklava.js +1 -1
  6. package/dist/chunk-ETFCJRBG.js +59 -0
  7. package/dist/chunk-ETFCJRBG.js.map +7 -0
  8. package/dist/components/datepicker/bl-datepicker.js +1 -1
  9. package/dist/components/input/bl-input.js +1 -1
  10. package/dist/components/pagination/bl-pagination.js +1 -1
  11. package/package.json +1 -1
  12. package/dist/chunk-7KND5OUR.js +0 -59
  13. package/dist/chunk-7KND5OUR.js.map +0 -7
package/dist/baklava-react.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import React from "react";
2
- import { type EventName } from "@lit-labs/react";
3
2
  export type BlIcon = import("./components/icon/bl-icon").default;
4
3
  export type BlIconLoad = CustomEvent<string>;
5
4
  export type BlIconError = CustomEvent<string>;
@@ -11,15 +10,10 @@ export type BlIconError = CustomEvent<string>;
11
10
  * @cssproperty [font-size] Setting size of icon. Default is current font size in DOM place
12
11
  * @cssproperty [color=currentColor] Setting color of icon
13
12
  */
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
- }>>;
13
+ export declare const BlIcon: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/icon/bl-icon").default, {}>>;
18
14
  export type BlAccordion = import("./components/accordion-group/accordion/bl-accordion").default;
19
15
  export type BlAccordionToggle = CustomEvent<boolean>;
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
- }>>;
16
+ export declare const BlAccordion: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/accordion-group/accordion/bl-accordion").default, {}>>;
23
17
  export type BlSpinner = import("./components/spinner/bl-spinner").default;
24
18
  /**
25
19
  * @tag bl-spinner
@@ -37,18 +31,14 @@ export type BlButtonClick = CustomEvent<string>;
37
31
  * @cssproperty [--bl-button-justify=center] Sets the justify-content property of button
38
32
  *
39
33
  */
40
- export declare const BlButton: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/button/bl-button").default, {
41
- onBlClick: EventName<BlButtonClick>;
42
- }>>;
34
+ export declare const BlButton: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/button/bl-button").default, {}>>;
43
35
  export type BlAlert = import("./components/alert/bl-alert").default;
44
36
  export type BlAlertClose = CustomEvent<boolean>;
45
37
  /**
46
38
  * @tag bl-alert
47
39
  * @summary Baklava Alert component
48
40
  */
49
- export declare const BlAlert: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/alert/bl-alert").default, {
50
- onBlClose: EventName<BlAlertClose>;
51
- }>>;
41
+ export declare const BlAlert: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/alert/bl-alert").default, {}>>;
52
42
  export type BlBadge = import("./components/badge/bl-badge").default;
53
43
  /**
54
44
  * @tag bl-badge
@@ -67,12 +57,7 @@ export type BlCheckboxCheckboxInvalid = CustomEvent<ValidityState>;
67
57
  * @tag bl-checkbox
68
58
  * @summary Baklava Checkbox component
69
59
  */
70
- export declare const BlCheckbox: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/checkbox-group/checkbox/bl-checkbox").default, {
71
- onBlCheckboxChange: EventName<BlCheckboxCheckboxChange>;
72
- onBlFocus: EventName<BlCheckboxFocus>;
73
- onBlBlur: EventName<BlCheckboxBlur>;
74
- onBlCheckboxInvalid: EventName<BlCheckboxCheckboxInvalid>;
75
- }>>;
60
+ export declare const BlCheckbox: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/checkbox-group/checkbox/bl-checkbox").default, {}>>;
76
61
  export type BlCheckboxGroup = import("./components/checkbox-group/bl-checkbox-group").default;
77
62
  export type BlCheckboxGroupCheckboxGroupChange = CustomEvent<string[]>;
78
63
  export type BlCheckboxGroupCheckboxGroupInvalid = CustomEvent<ValidityState>;
@@ -82,10 +67,7 @@ export type BlCheckboxGroupCheckboxGroupInvalid = CustomEvent<ValidityState>;
82
67
  *
83
68
  * @cssproperty [--bl-checkbox-direction=row] Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`
84
69
  */
85
- export declare const BlCheckboxGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/checkbox-group/bl-checkbox-group").default, {
86
- onBlCheckboxGroupChange: EventName<BlCheckboxGroupCheckboxGroupChange>;
87
- onBlCheckboxGroupInvalid: EventName<BlCheckboxGroupCheckboxGroupInvalid>;
88
- }>>;
70
+ export declare const BlCheckboxGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/checkbox-group/bl-checkbox-group").default, {}>>;
89
71
  export type BlDialog = import("./components/dialog/bl-dialog").default;
90
72
  export type BlDialogDialogOpen = CustomEvent<object>;
91
73
  export type BlDialogDialogRequestClose = CustomEvent<{
@@ -99,11 +81,7 @@ export type BlDialogDialogClose = CustomEvent<object>;
99
81
  * @cssproperty [--bl-dialog-width=auto] Sets the width of the dialog content
100
82
  * @cssproperty [--bl-dialog-caption-line-clamp=1] Sets the line clamp of the caption
101
83
  */
102
- export declare const BlDialog: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dialog/bl-dialog").default, {
103
- onBlDialogOpen: EventName<BlDialogDialogOpen>;
104
- onBlDialogRequestClose: EventName<BlDialogDialogRequestClose>;
105
- onBlDialogClose: EventName<BlDialogDialogClose>;
106
- }>>;
84
+ export declare const BlDialog: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dialog/bl-dialog").default, {}>>;
107
85
  export type BlDrawer = import("./components/drawer/bl-drawer").default;
108
86
  export type BlDrawerDrawerOpen = CustomEvent<string>;
109
87
  export type BlDrawerDrawerClose = CustomEvent<string>;
@@ -113,10 +91,7 @@ export type BlDrawerDrawerClose = CustomEvent<string>;
113
91
  *
114
92
  * @cssproperty [--bl-drawer-animation-duration=250ms] Drawer slide in animation duration
115
93
  */
116
- export declare const BlDrawer: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/drawer/bl-drawer").default, {
117
- onBlDrawerOpen: EventName<BlDrawerDrawerOpen>;
118
- onBlDrawerClose: EventName<BlDrawerDrawerClose>;
119
- }>>;
94
+ export declare const BlDrawer: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/drawer/bl-drawer").default, {}>>;
120
95
  export type BlInput = import("./components/input/bl-input").default;
121
96
  export type BlInputChange = CustomEvent<string>;
122
97
  export type BlInputInput = CustomEvent<string>;
@@ -128,11 +103,7 @@ export type BlInputInvalid = CustomEvent<ValidityState>;
128
103
  * @cssproperty [--bl-input-padding-start] Sets the padding start
129
104
  * @cssproperty [--bl-input-padding-end] Sets the padding end
130
105
  */
131
- export declare const BlInput: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/input/bl-input").default, {
132
- onBlChange: EventName<BlInputChange>;
133
- onBlInput: EventName<BlInputInput>;
134
- onBlInvalid: EventName<BlInputInvalid>;
135
- }>>;
106
+ export declare const BlInput: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/input/bl-input").default, {}>>;
136
107
  export type BlLink = import("./components/link/bl-link").default;
137
108
  /**
138
109
  * @tag bl-link
@@ -149,11 +120,7 @@ export type BlSelectOption = import("./components/select/option/bl-select-option
149
120
  export type BlSelectOptionSelectOption = CustomEvent<string | null>;
150
121
  export type BlSelectOptionFocus = CustomEvent<string | null>;
151
122
  export type BlSelectOptionBlur = CustomEvent<string | null>;
152
- export declare const BlSelectOption: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/select/option/bl-select-option").default<string>, {
153
- onBlSelectOption: EventName<BlSelectOptionSelectOption>;
154
- onBlFocus: EventName<BlSelectOptionFocus>;
155
- onBlBlur: EventName<BlSelectOptionBlur>;
156
- }>>;
123
+ export declare const BlSelectOption: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/select/option/bl-select-option").default<string>, {}>>;
157
124
  export type BlSelect = import("./components/select/bl-select").default;
158
125
  export type BlSelectSelect = CustomEvent<import("./components/select/bl-select").ISelectOption<string>[] | import("./components/select/bl-select").ISelectOption<string>>;
159
126
  export type BlSelectSearch = CustomEvent<string>;
@@ -163,10 +130,7 @@ export type BlSelectSearch = CustomEvent<string>;
163
130
  *
164
131
  * @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.
165
132
  */
166
- export declare const BlSelect: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/select/bl-select").default<string>, {
167
- onBlSelect: EventName<BlSelectSelect>;
168
- onBlSearch: EventName<BlSelectSearch>;
169
- }>>;
133
+ export declare const BlSelect: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/select/bl-select").default<string>, {}>>;
170
134
  export type BlPagination = import("./components/pagination/bl-pagination").default;
171
135
  export type BlPaginationChange = CustomEvent<{
172
136
  selectedPage: number;
@@ -177,9 +141,7 @@ export type BlPaginationChange = CustomEvent<{
177
141
  * @tag bl-pagination
178
142
  * @summary Baklava Pagination component
179
143
  */
180
- export declare const BlPagination: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/pagination/bl-pagination").default, {
181
- onBlChange: EventName<BlPaginationChange>;
182
- }>>;
144
+ export declare const BlPagination: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/pagination/bl-pagination").default, {}>>;
183
145
  export type BlProgressIndicator = import("./components/progress-indicator/bl-progress-indicator").default;
184
146
  /**
185
147
  * @tag bl-progress-indicator
@@ -200,11 +162,7 @@ export type BlRadioBlur = CustomEvent<string>;
200
162
  *
201
163
  * @cssprop [--bl-radio-align-items=center] Align items of radio option
202
164
  */
203
- export declare const BlRadio: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/radio-group/radio/bl-radio").default, {
204
- onBlChecked: EventName<BlRadioChecked>;
205
- onBlFocus: EventName<BlRadioFocus>;
206
- onBlBlur: EventName<BlRadioBlur>;
207
- }>>;
165
+ export declare const BlRadio: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/radio-group/radio/bl-radio").default, {}>>;
208
166
  export type BlRadioGroup = import("./components/radio-group/bl-radio-group").default;
209
167
  export type BlRadioGroupRadioChange = CustomEvent<string>;
210
168
  /**
@@ -216,9 +174,7 @@ export type BlRadioGroupRadioChange = CustomEvent<string>;
216
174
  * @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
217
175
  * @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
218
176
  */
219
- export declare const BlRadioGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/radio-group/bl-radio-group").default, {
220
- onBlRadioChange: EventName<BlRadioGroupRadioChange>;
221
- }>>;
177
+ export declare const BlRadioGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/radio-group/bl-radio-group").default, {}>>;
222
178
  export type BlTabPanel = import("./components/tab-group/tab-panel/bl-tab-panel").default;
223
179
  /**
224
180
  * @tag bl-tab-panel
@@ -237,9 +193,7 @@ export type BlTabTabSelected = CustomEvent<string>;
237
193
  * @tag bl-tab
238
194
  * @summary Baklava Tab component
239
195
  */
240
- export declare const BlTab: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tab-group/tab/bl-tab").default, {
241
- onBlTabSelected: EventName<BlTabTabSelected>;
242
- }>>;
196
+ export declare const BlTab: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tab-group/tab/bl-tab").default, {}>>;
243
197
  export type BlTextarea = import("./components/textarea/bl-textarea").default;
244
198
  export type BlTextareaInput = CustomEvent<string>;
245
199
  export type BlTextareaChange = CustomEvent<string>;
@@ -248,11 +202,7 @@ export type BlTextareaInvalid = CustomEvent<ValidityState>;
248
202
  * @tag bl-textarea
249
203
  * @summary Baklava Textarea component
250
204
  */
251
- export declare const BlTextarea: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/textarea/bl-textarea").default, {
252
- onBlInput: EventName<BlTextareaInput>;
253
- onBlChange: EventName<BlTextareaChange>;
254
- onBlInvalid: EventName<BlTextareaInvalid>;
255
- }>>;
205
+ export declare const BlTextarea: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/textarea/bl-textarea").default, {}>>;
256
206
  export type BlPopover = import("./components/popover/bl-popover").default;
257
207
  export type BlPopoverPopoverShow = CustomEvent<string>;
258
208
  export type BlPopoverPopoverHide = CustomEvent<string>;
@@ -269,10 +219,7 @@ export type BlPopoverPopoverHide = CustomEvent<string>;
269
219
  * @cssproperty [--bl-popover-max-width=100vw] - Sets the maximum width of the popover (including border and padding).
270
220
  * @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.
271
221
  */
272
- export declare const BlPopover: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/popover/bl-popover").default, {
273
- onBlPopoverShow: EventName<BlPopoverPopoverShow>;
274
- onBlPopoverHide: EventName<BlPopoverPopoverHide>;
275
- }>>;
222
+ export declare const BlPopover: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/popover/bl-popover").default, {}>>;
276
223
  export type BlTooltip = import("./components/tooltip/bl-tooltip").default;
277
224
  export type BlTooltipTooltipShow = CustomEvent<string>;
278
225
  export type BlTooltipTooltipHide = CustomEvent<string>;
@@ -283,10 +230,7 @@ export type BlTooltipTooltipHide = CustomEvent<string>;
283
230
  *
284
231
  * @cssproperty [--bl-tooltip-trigger-display=inline-flex] Set the display of the tooltip trigger.
285
232
  */
286
- export declare const BlTooltip: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tooltip/bl-tooltip").default, {
287
- onBlTooltipShow: EventName<BlTooltipTooltipShow>;
288
- onBlTooltipHide: EventName<BlTooltipTooltipHide>;
289
- }>>;
233
+ export declare const BlTooltip: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tooltip/bl-tooltip").default, {}>>;
290
234
  export type BlSplitButton = import("./components/split-button/bl-split-button").default;
291
235
  export type BlSplitButtonDropdownOpen = CustomEvent<string>;
292
236
  export type BlSplitButtonDropdownClose = CustomEvent<string>;
@@ -295,11 +239,7 @@ export type BlSplitButtonClick = CustomEvent<string>;
295
239
  * @tag bl-split-button
296
240
  * @summary Baklava Split Button component
297
241
  */
298
- export declare const BlSplitButton: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/split-button/bl-split-button").default, {
299
- onBlDropdownOpen: EventName<BlSplitButtonDropdownOpen>;
300
- onBlDropdownClose: EventName<BlSplitButtonDropdownClose>;
301
- onBlClick: EventName<BlSplitButtonClick>;
302
- }>>;
242
+ export declare const BlSplitButton: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/split-button/bl-split-button").default, {}>>;
303
243
  export type BlDropdownGroup = import("./components/dropdown/group/bl-dropdown-group").default;
304
244
  /**
305
245
  * @tag bl-dropdown-group
@@ -312,9 +252,7 @@ export type BlDropdownItemDropdownItemClick = CustomEvent<string>;
312
252
  * @tag bl-dropdown-item
313
253
  * @summary Baklava Dropdown Item component
314
254
  */
315
- export declare const BlDropdownItem: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dropdown/item/bl-dropdown-item").default, {
316
- onBlDropdownItemClick: EventName<BlDropdownItemDropdownItemClick>;
317
- }>>;
255
+ export declare const BlDropdownItem: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dropdown/item/bl-dropdown-item").default, {}>>;
318
256
  export type BlDropdown = import("./components/dropdown/bl-dropdown").default;
319
257
  export type BlDropdownDropdownOpen = CustomEvent<string>;
320
258
  export type BlDropdownDropdownClose = CustomEvent<string>;
@@ -322,10 +260,7 @@ export type BlDropdownDropdownClose = CustomEvent<string>;
322
260
  * @tag bl-dropdown
323
261
  * @summary Baklava Dropdown component
324
262
  */
325
- export declare const BlDropdown: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dropdown/bl-dropdown").default, {
326
- onBlDropdownOpen: EventName<BlDropdownDropdownOpen>;
327
- onBlDropdownClose: EventName<BlDropdownDropdownClose>;
328
- }>>;
263
+ export declare const BlDropdown: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dropdown/bl-dropdown").default, {}>>;
329
264
  export type BlSwitch = import("./components/switch/bl-switch").default;
330
265
  export type BlSwitchSwitchToggle = CustomEvent<boolean>;
331
266
  /**
@@ -336,9 +271,7 @@ export type BlSwitchSwitchToggle = CustomEvent<boolean>;
336
271
  * @cssproperty [--bl-switch-color-off=--bl-color-neutral-lighter] Set the unchecked color
337
272
  * @cssproperty [--bl-switch-animation-duration=300ms] Set the animation duration of switch toggle
338
273
  */
339
- export declare const BlSwitch: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/switch/bl-switch").default, {
340
- onBlSwitchToggle: EventName<BlSwitchSwitchToggle>;
341
- }>>;
274
+ export declare const BlSwitch: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/switch/bl-switch").default, {}>>;
342
275
  export type BlNotificationCard = import("./components/notification/card/bl-notification-card").default;
343
276
  export type BlNotificationCardNotificationCardRequestClose = CustomEvent<{
344
277
  source: "close-button" | "duration-ended";
@@ -350,10 +283,7 @@ export type BlNotificationCardNotificationCardClose = CustomEvent<{
350
283
  * @tag bl-notification-card
351
284
  * @summary Baklava Notification Card component
352
285
  */
353
- export declare const BlNotificationCard: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/notification/card/bl-notification-card").default, {
354
- onBlNotificationCardRequestClose: EventName<BlNotificationCardNotificationCardRequestClose>;
355
- onBlNotificationCardClose: EventName<BlNotificationCardNotificationCardClose>;
356
- }>>;
286
+ export declare const BlNotificationCard: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/notification/card/bl-notification-card").default, {}>>;
357
287
  export type BlNotification = import("./components/notification/bl-notification").default;
358
288
  /**
359
289
  * @tag bl-notification
@@ -403,19 +333,14 @@ export type BlTableRowSelect = CustomEvent<string[]>;
403
333
  * @summary Baklava Table component
404
334
  *
405
335
  */
406
- export declare const BlTable: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/table/bl-table").default, {
407
- onBlSort: EventName<BlTableSort>;
408
- onBlRowSelect: EventName<BlTableRowSelect>;
409
- }>>;
336
+ export declare const BlTable: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/table/bl-table").default, {}>>;
410
337
  export type BlCalendar = import("./components/calendar/bl-calendar").default;
411
338
  export type BlCalendarCalendarChange = CustomEvent<Date[]>;
412
339
  /**
413
340
  * @tag bl-calendar
414
341
  * @summary Baklava Calendar component
415
342
  **/
416
- export declare const BlCalendar: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/calendar/bl-calendar").default, {
417
- onBlCalendarChange: EventName<BlCalendarCalendarChange>;
418
- }>>;
343
+ export declare const BlCalendar: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/calendar/bl-calendar").default, {}>>;
419
344
  export type BlTag = import("./components/tag/bl-tag").default;
420
345
  export type BlTagTagClick = CustomEvent<{
421
346
  value: string;
@@ -425,9 +350,7 @@ export type BlTagTagClick = CustomEvent<{
425
350
  * @tag bl-tag
426
351
  * @summary Baklava Tag component
427
352
  */
428
- export declare const BlTag: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tag/bl-tag").default, {
429
- onBlTagClick: EventName<BlTagTagClick>;
430
- }>>;
353
+ export declare const BlTag: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tag/bl-tag").default, {}>>;
431
354
  export type BlDatepicker = import("./components/datepicker/bl-datepicker").default;
432
355
  export type BlDatepickerDatepickerChange = CustomEvent<Date[]>;
433
356
  /**
@@ -436,9 +359,7 @@ export type BlDatepickerDatepickerChange = CustomEvent<Date[]>;
436
359
  *
437
360
  * @cssproperty [--bl-datepicker-input-width] - Sets the width of datepicker input
438
361
  **/
439
- export declare const BlDatepicker: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/datepicker/bl-datepicker").default, {
440
- onBlDatepickerChange: EventName<BlDatepickerDatepickerChange>;
441
- }>>;
362
+ export declare const BlDatepicker: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/datepicker/bl-datepicker").default, {}>>;
442
363
  export type BlAccordionGroup = import("./components/accordion-group/bl-accordion-group").default;
443
364
  export declare const BlAccordionGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/accordion-group/bl-accordion-group").default, {}>>;
444
365
  //# sourceMappingURL=baklava-react.d.ts.map
package/dist/baklava-react.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"baklava-react.d.ts","sourceRoot":"","sources":["../src/baklava-react.ts"],"names":[],"mappings":"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"}
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 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("BlIcon"),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("BlAccordion"),events:{onBlToggle:"bl-toggle"}})}))),k=e.lazy(()=>customElements.whenDefined("bl-spinner").then(()=>({default:t({react:e,displayName:"BlSpinner",tagName:"bl-spinner",elementClass:customElements.get("BlSpinner")})}))),T=e.lazy(()=>customElements.whenDefined("bl-button").then(()=>({default:t({react:e,displayName:"BlButton",tagName:"bl-button",elementClass:customElements.get("BlButton"),events:{onBlClick:"bl-click"}})}))),S=e.lazy(()=>customElements.whenDefined("bl-alert").then(()=>({default:t({react:e,displayName:"BlAlert",tagName:"bl-alert",elementClass:customElements.get("BlAlert"),events:{onBlClose:"bl-close"}})}))),I=e.lazy(()=>customElements.whenDefined("bl-badge").then(()=>({default:t({react:e,displayName:"BlBadge",tagName:"bl-badge",elementClass:customElements.get("BlBadge")})}))),z=e.lazy(()=>customElements.whenDefined("bl-checkbox").then(()=>({default:t({react:e,displayName:"BlCheckbox",tagName:"bl-checkbox",elementClass:customElements.get("BlCheckbox"),events:{onBlCheckboxChange:"bl-checkbox-change",onBlFocus:"bl-focus",onBlBlur:"bl-blur",onBlCheckboxInvalid:"bl-checkbox-invalid"}})}))),R=e.lazy(()=>customElements.whenDefined("bl-checkbox-group").then(()=>({default:t({react:e,displayName:"BlCheckboxGroup",tagName:"bl-checkbox-group",elementClass:customElements.get("BlCheckboxGroup"),events:{onBlCheckboxGroupChange:"bl-checkbox-group-change",onBlCheckboxGroupInvalid:"bl-checkbox-group-invalid"}})}))),G=e.lazy(()=>customElements.whenDefined("bl-dialog").then(()=>({default:t({react:e,displayName:"BlDialog",tagName:"bl-dialog",elementClass:customElements.get("BlDialog"),events:{onBlDialogOpen:"bl-dialog-open",onBlDialogRequestClose:"bl-dialog-request-close",onBlDialogClose:"bl-dialog-close"}})}))),P=e.lazy(()=>customElements.whenDefined("bl-drawer").then(()=>({default:t({react:e,displayName:"BlDrawer",tagName:"bl-drawer",elementClass:customElements.get("BlDrawer"),events:{onBlDrawerOpen:"bl-drawer-open",onBlDrawerClose:"bl-drawer-close"}})}))),O=e.lazy(()=>customElements.whenDefined("bl-input").then(()=>({default:t({react:e,displayName:"BlInput",tagName:"bl-input",elementClass:customElements.get("BlInput"),events:{onBlChange:"bl-change",onBlInput:"bl-input",onBlInvalid:"bl-invalid"}})}))),A=e.lazy(()=>customElements.whenDefined("bl-link").then(()=>({default:t({react:e,displayName:"BlLink",tagName:"bl-link",elementClass:customElements.get("BlLink")})}))),H=e.lazy(()=>customElements.whenDefined("bl-select-option").then(()=>({default:t({react:e,displayName:"BlSelectOption",tagName:"bl-select-option",elementClass:customElements.get("BlSelectOption"),events:{onBlSelectOption:"bl-select-option",onBlFocus:"bl-focus",onBlBlur:"bl-blur"}})}))),L=e.lazy(()=>customElements.whenDefined("bl-select").then(()=>({default:t({react:e,displayName:"BlSelect",tagName:"bl-select",elementClass:customElements.get("BlSelect"),events:{onBlSelect:"bl-select",onBlSearch:"bl-search"}})}))),F=e.lazy(()=>customElements.whenDefined("bl-pagination").then(()=>({default:t({react:e,displayName:"BlPagination",tagName:"bl-pagination",elementClass:customElements.get("BlPagination"),events:{onBlChange:"bl-change"}})}))),q=e.lazy(()=>customElements.whenDefined("bl-progress-indicator").then(()=>({default:t({react:e,displayName:"BlProgressIndicator",tagName:"bl-progress-indicator",elementClass:customElements.get("BlProgressIndicator")})}))),j=e.lazy(()=>customElements.whenDefined("bl-radio").then(()=>({default:t({react:e,displayName:"BlRadio",tagName:"bl-radio",elementClass:customElements.get("BlRadio"),events:{onBlChecked:"bl-checked",onBlFocus:"bl-focus",onBlBlur:"bl-blur"}})}))),V=e.lazy(()=>customElements.whenDefined("bl-radio-group").then(()=>({default:t({react:e,displayName:"BlRadioGroup",tagName:"bl-radio-group",elementClass:customElements.get("BlRadioGroup"),events:{onBlRadioChange:"bl-radio-change"}})}))),M=e.lazy(()=>customElements.whenDefined("bl-tab-panel").then(()=>({default:t({react:e,displayName:"BlTabPanel",tagName:"bl-tab-panel",elementClass:customElements.get("BlTabPanel")})}))),W=e.lazy(()=>customElements.whenDefined("bl-tab-group").then(()=>({default:t({react:e,displayName:"BlTabGroup",tagName:"bl-tab-group",elementClass:customElements.get("BlTabGroup")})}))),J=e.lazy(()=>customElements.whenDefined("bl-tab").then(()=>({default:t({react:e,displayName:"BlTab",tagName:"bl-tab",elementClass:customElements.get("BlTab"),events:{onBlTabSelected:"bl-tab-selected"}})}))),K=e.lazy(()=>customElements.whenDefined("bl-textarea").then(()=>({default:t({react:e,displayName:"BlTextarea",tagName:"bl-textarea",elementClass:customElements.get("BlTextarea"),events:{onBlInput:"bl-input",onBlChange:"bl-change",onBlInvalid:"bl-invalid"}})}))),Q=e.lazy(()=>customElements.whenDefined("bl-popover").then(()=>({default:t({react:e,displayName:"BlPopover",tagName:"bl-popover",elementClass:customElements.get("BlPopover"),events:{onBlPopoverShow:"bl-popover-show",onBlPopoverHide:"bl-popover-hide"}})}))),U=e.lazy(()=>customElements.whenDefined("bl-tooltip").then(()=>({default:t({react:e,displayName:"BlTooltip",tagName:"bl-tooltip",elementClass:customElements.get("BlTooltip"),events:{onBlTooltipShow:"bl-tooltip-show",onBlTooltipHide:"bl-tooltip-hide"}})}))),X=e.lazy(()=>customElements.whenDefined("bl-split-button").then(()=>({default:t({react:e,displayName:"BlSplitButton",tagName:"bl-split-button",elementClass:customElements.get("BlSplitButton"),events:{onBlDropdownOpen:"bl-dropdown-open",onBlDropdownClose:"bl-dropdown-close",onBlClick:"bl-click"}})}))),Y=e.lazy(()=>customElements.whenDefined("bl-dropdown-group").then(()=>({default:t({react:e,displayName:"BlDropdownGroup",tagName:"bl-dropdown-group",elementClass:customElements.get("BlDropdownGroup")})}))),Z=e.lazy(()=>customElements.whenDefined("bl-dropdown-item").then(()=>({default:t({react:e,displayName:"BlDropdownItem",tagName:"bl-dropdown-item",elementClass:customElements.get("BlDropdownItem"),events:{onBlDropdownItemClick:"bl-dropdown-item-click"}})}))),_=e.lazy(()=>customElements.whenDefined("bl-dropdown").then(()=>({default:t({react:e,displayName:"BlDropdown",tagName:"bl-dropdown",elementClass:customElements.get("BlDropdown"),events:{onBlDropdownOpen:"bl-dropdown-open",onBlDropdownClose:"bl-dropdown-close"}})}))),$=e.lazy(()=>customElements.whenDefined("bl-switch").then(()=>({default:t({react:e,displayName:"BlSwitch",tagName:"bl-switch",elementClass:customElements.get("BlSwitch"),events:{onBlSwitchToggle:"bl-switch-toggle"}})}))),ee=e.lazy(()=>customElements.whenDefined("bl-notification-card").then(()=>({default:t({react:e,displayName:"BlNotificationCard",tagName:"bl-notification-card",elementClass:customElements.get("BlNotificationCard"),events:{onBlNotificationCardRequestClose:"bl-notification-card-request-close",onBlNotificationCardClose:"bl-notification-card-close"}})}))),te=e.lazy(()=>customElements.whenDefined("bl-notification").then(()=>({default:t({react:e,displayName:"BlNotification",tagName:"bl-notification",elementClass:customElements.get("BlNotification")})}))),oe=e.lazy(()=>customElements.whenDefined("bl-table-body").then(()=>({default:t({react:e,displayName:"BlTableBody",tagName:"bl-table-body",elementClass:customElements.get("BlTableBody")})}))),le=e.lazy(()=>customElements.whenDefined("bl-table-header-cell").then(()=>({default:t({react:e,displayName:"BlTableHeaderCell",tagName:"bl-table-header-cell",elementClass:customElements.get("BlTableHeaderCell")})}))),ne=e.lazy(()=>customElements.whenDefined("bl-table-header").then(()=>({default:t({react:e,displayName:"BlTableHeader",tagName:"bl-table-header",elementClass:customElements.get("BlTableHeader")})}))),ae=e.lazy(()=>customElements.whenDefined("bl-table-row").then(()=>({default:t({react:e,displayName:"BlTableRow",tagName:"bl-table-row",elementClass:customElements.get("BlTableRow")})}))),re=e.lazy(()=>customElements.whenDefined("bl-table-cell").then(()=>({default:t({react:e,displayName:"BlTableCell",tagName:"bl-table-cell",elementClass:customElements.get("BlTableCell")})}))),se=e.lazy(()=>customElements.whenDefined("bl-table").then(()=>({default:t({react:e,displayName:"BlTable",tagName:"bl-table",elementClass:customElements.get("BlTable"),events:{onBlSort:"bl-sort",onBlRowSelect:"bl-row-select"}})}))),pe=e.lazy(()=>customElements.whenDefined("bl-calendar").then(()=>({default:t({react:e,displayName:"BlCalendar",tagName:"bl-calendar",elementClass:customElements.get("BlCalendar"),events:{onBlCalendarChange:"bl-calendar-change"}})}))),ce=e.lazy(()=>customElements.whenDefined("bl-tag").then(()=>({default:t({react:e,displayName:"BlTag",tagName:"bl-tag",elementClass:customElements.get("BlTag"),events:{onBlTagClick:"bl-tag-click"}})}))),ie=e.lazy(()=>customElements.whenDefined("bl-datepicker").then(()=>({default:t({react:e,displayName:"BlDatepicker",tagName:"bl-datepicker",elementClass:customElements.get("BlDatepicker"),events:{onBlDatepickerChange:"bl-datepicker-change"}})}))),me=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,me as BlAccordionGroup,S as BlAlert,I as BlBadge,T as BlButton,pe as BlCalendar,z as BlCheckbox,R as BlCheckboxGroup,ie as BlDatepicker,G as BlDialog,P as BlDrawer,_ as BlDropdown,Y as BlDropdownGroup,Z as BlDropdownItem,N as BlIcon,O as BlInput,A as BlLink,te as BlNotification,ee as BlNotificationCard,F as BlPagination,Q as BlPopover,q as BlProgressIndicator,j as BlRadio,V as BlRadioGroup,L as BlSelect,H as BlSelectOption,k as BlSpinner,X as BlSplitButton,$ as BlSwitch,J as BlTab,W as BlTabGroup,M as BlTabPanel,se as BlTable,oe as BlTableBody,re as BlTableCell,ne as BlTableHeader,le as BlTableHeaderCell,ae as BlTableRow,ce as BlTag,K as BlTextarea,U as BlTooltip};
1
+ import"./chunk-BWWXE4SL.js";import e from"react";var y=new Set(["children","localName","ref","style","className"]),f=new WeakMap,C=(n,m,p,i,u)=>{let d=u==null?void 0:u[m];d===void 0||p===i?(n[m]=p,p==null&&m in HTMLElement.prototype&&n.removeAttribute(m)):((c,a,s)=>{let r=f.get(c);r===void 0&&f.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,d,p)},t=({react:n,tagName:m,elementClass:p,events:i,displayName:u})=>{let d=new Set(Object.keys(i!=null?i:{})),c=n.forwardRef((a,s)=>{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 p.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(m,{...b,ref:o=>{l.current=o,typeof s=="function"?s(o):s!==null&&(s.current=o)}})});return c.displayName=u!=null?u:p.name,c};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-checkbox").then(()=>({default:t({react:e,displayName:"BlCheckbox",tagName:"bl-checkbox",elementClass:customElements.get("BlCheckbox")})}))),G=e.lazy(()=>customElements.whenDefined("bl-checkbox-group").then(()=>({default:t({react:e,displayName:"BlCheckboxGroup",tagName:"bl-checkbox-group",elementClass:customElements.get("BlCheckboxGroup")})}))),P=e.lazy(()=>customElements.whenDefined("bl-dialog").then(()=>({default:t({react:e,displayName:"BlDialog",tagName:"bl-dialog",elementClass:customElements.get("BlDialog")})}))),R=e.lazy(()=>customElements.whenDefined("bl-drawer").then(()=>({default:t({react:e,displayName:"BlDrawer",tagName:"bl-drawer",elementClass:customElements.get("BlDrawer")})}))),A=e.lazy(()=>customElements.whenDefined("bl-input").then(()=>({default:t({react:e,displayName:"BlInput",tagName:"bl-input",elementClass:customElements.get("BlInput")})}))),O=e.lazy(()=>customElements.whenDefined("bl-link").then(()=>({default:t({react:e,displayName:"BlLink",tagName:"bl-link",elementClass:customElements.get("BlLink")})}))),H=e.lazy(()=>customElements.whenDefined("bl-select-option").then(()=>({default:t({react:e,displayName:"BlSelectOption",tagName:"bl-select-option",elementClass:customElements.get("BlSelectOption")})}))),L=e.lazy(()=>customElements.whenDefined("bl-select").then(()=>({default:t({react:e,displayName:"BlSelect",tagName:"bl-select",elementClass:customElements.get("BlSelect")})}))),j=e.lazy(()=>customElements.whenDefined("bl-pagination").then(()=>({default:t({react:e,displayName:"BlPagination",tagName:"bl-pagination",elementClass:customElements.get("BlPagination")})}))),V=e.lazy(()=>customElements.whenDefined("bl-progress-indicator").then(()=>({default:t({react:e,displayName:"BlProgressIndicator",tagName:"bl-progress-indicator",elementClass:customElements.get("BlProgressIndicator")})}))),F=e.lazy(()=>customElements.whenDefined("bl-radio").then(()=>({default:t({react:e,displayName:"BlRadio",tagName:"bl-radio",elementClass:customElements.get("BlRadio")})}))),M=e.lazy(()=>customElements.whenDefined("bl-radio-group").then(()=>({default:t({react:e,displayName:"BlRadioGroup",tagName:"bl-radio-group",elementClass:customElements.get("BlRadioGroup")})}))),q=e.lazy(()=>customElements.whenDefined("bl-tab-panel").then(()=>({default:t({react:e,displayName:"BlTabPanel",tagName:"bl-tab-panel",elementClass:customElements.get("BlTabPanel")})}))),W=e.lazy(()=>customElements.whenDefined("bl-tab-group").then(()=>({default:t({react:e,displayName:"BlTabGroup",tagName:"bl-tab-group",elementClass:customElements.get("BlTabGroup")})}))),J=e.lazy(()=>customElements.whenDefined("bl-tab").then(()=>({default:t({react:e,displayName:"BlTab",tagName:"bl-tab",elementClass:customElements.get("BlTab")})}))),K=e.lazy(()=>customElements.whenDefined("bl-textarea").then(()=>({default:t({react:e,displayName:"BlTextarea",tagName:"bl-textarea",elementClass:customElements.get("BlTextarea")})}))),Q=e.lazy(()=>customElements.whenDefined("bl-popover").then(()=>({default:t({react:e,displayName:"BlPopover",tagName:"bl-popover",elementClass:customElements.get("BlPopover")})}))),U=e.lazy(()=>customElements.whenDefined("bl-tooltip").then(()=>({default:t({react:e,displayName:"BlTooltip",tagName:"bl-tooltip",elementClass:customElements.get("BlTooltip")})}))),X=e.lazy(()=>customElements.whenDefined("bl-split-button").then(()=>({default:t({react:e,displayName:"BlSplitButton",tagName:"bl-split-button",elementClass:customElements.get("BlSplitButton")})}))),Y=e.lazy(()=>customElements.whenDefined("bl-dropdown-group").then(()=>({default:t({react:e,displayName:"BlDropdownGroup",tagName:"bl-dropdown-group",elementClass:customElements.get("BlDropdownGroup")})}))),Z=e.lazy(()=>customElements.whenDefined("bl-dropdown-item").then(()=>({default:t({react:e,displayName:"BlDropdownItem",tagName:"bl-dropdown-item",elementClass:customElements.get("BlDropdownItem")})}))),_=e.lazy(()=>customElements.whenDefined("bl-dropdown").then(()=>({default:t({react:e,displayName:"BlDropdown",tagName:"bl-dropdown",elementClass:customElements.get("BlDropdown")})}))),$=e.lazy(()=>customElements.whenDefined("bl-switch").then(()=>({default:t({react:e,displayName:"BlSwitch",tagName:"bl-switch",elementClass:customElements.get("BlSwitch")})}))),ee=e.lazy(()=>customElements.whenDefined("bl-notification-card").then(()=>({default:t({react:e,displayName:"BlNotificationCard",tagName:"bl-notification-card",elementClass:customElements.get("BlNotificationCard")})}))),te=e.lazy(()=>customElements.whenDefined("bl-notification").then(()=>({default:t({react:e,displayName:"BlNotification",tagName:"bl-notification",elementClass:customElements.get("BlNotification")})}))),oe=e.lazy(()=>customElements.whenDefined("bl-table-body").then(()=>({default:t({react:e,displayName:"BlTableBody",tagName:"bl-table-body",elementClass:customElements.get("BlTableBody")})}))),le=e.lazy(()=>customElements.whenDefined("bl-table-header-cell").then(()=>({default:t({react:e,displayName:"BlTableHeaderCell",tagName:"bl-table-header-cell",elementClass:customElements.get("BlTableHeaderCell")})}))),ne=e.lazy(()=>customElements.whenDefined("bl-table-header").then(()=>({default:t({react:e,displayName:"BlTableHeader",tagName:"bl-table-header",elementClass:customElements.get("BlTableHeader")})}))),ae=e.lazy(()=>customElements.whenDefined("bl-table-row").then(()=>({default:t({react:e,displayName:"BlTableRow",tagName:"bl-table-row",elementClass:customElements.get("BlTableRow")})}))),re=e.lazy(()=>customElements.whenDefined("bl-table-cell").then(()=>({default:t({react:e,displayName:"BlTableCell",tagName:"bl-table-cell",elementClass:customElements.get("BlTableCell")})}))),se=e.lazy(()=>customElements.whenDefined("bl-table").then(()=>({default:t({react:e,displayName:"BlTable",tagName:"bl-table",elementClass:customElements.get("BlTable")})}))),pe=e.lazy(()=>customElements.whenDefined("bl-calendar").then(()=>({default:t({react:e,displayName:"BlCalendar",tagName:"bl-calendar",elementClass:customElements.get("BlCalendar")})}))),ce=e.lazy(()=>customElements.whenDefined("bl-tag").then(()=>({default:t({react:e,displayName:"BlTag",tagName:"bl-tag",elementClass:customElements.get("BlTag")})}))),me=e.lazy(()=>customElements.whenDefined("bl-datepicker").then(()=>({default:t({react:e,displayName:"BlDatepicker",tagName:"bl-datepicker",elementClass:customElements.get("BlDatepicker")})}))),ie=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,ie as BlAccordionGroup,S as BlAlert,z as BlBadge,k as BlButton,pe as BlCalendar,I as BlCheckbox,G as BlCheckboxGroup,me as BlDatepicker,P as BlDialog,R as BlDrawer,_ as BlDropdown,Y as BlDropdownGroup,Z as BlDropdownItem,v as BlIcon,A as BlInput,O as BlLink,te as BlNotification,ee as BlNotificationCard,j as BlPagination,Q as BlPopover,V as BlProgressIndicator,F as BlRadio,M as BlRadioGroup,L as BlSelect,H as BlSelectOption,T as BlSpinner,X as BlSplitButton,$ as BlSwitch,J as BlTab,W as BlTabGroup,q as BlTabPanel,se as BlTable,oe as BlTableBody,re as BlTableCell,ne as BlTableHeader,le as BlTableHeaderCell,ae as BlTableRow,ce as BlTag,K as BlTextarea,U as BlTooltip};
2
2
  /*! Bundled license information:
3
3
 
4
4
  @lit-labs/react/create-component.js:
package/dist/baklava-react.js.map CHANGED
@@ -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 { 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(\"BlIcon\") 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(\"BlAccordion\") 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(\"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 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(\"BlAlert\") 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(\"BlBadge\") as Constructor<\n import(\"./components/badge/bl-badge\").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 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(\"BlCheckboxGroup\") 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 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 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(\"BlDrawer\") 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 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 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 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 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 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(\"BlSelect\") 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(\"BlPagination\") 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(\"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 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(\"BlRadioGroup\") 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 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 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 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 events: { onBlTabSelected: \"bl-tab-selected\" as EventName<BlTabTabSelected> },\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 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 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 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(\"BlTooltip\") 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 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 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(\"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 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(\"BlDropdown\") 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 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 events: { onBlSwitchToggle: \"bl-switch-toggle\" as EventName<BlSwitchSwitchToggle> },\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 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(\"BlNotification\") as Constructor<\n import(\"./components/notification/bl-notification\").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 events: {\n onBlSort: \"bl-sort\" as EventName<BlTableSort>,\n onBlRowSelect: \"bl-row-select\" as EventName<BlTableRowSelect>,\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 events: { onBlCalendarChange: \"bl-calendar-change\" as EventName<BlCalendarCalendarChange> },\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 events: { onBlTagClick: \"bl-tag-click\" as EventName<BlTagTagClick> },\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 events: {\n onBlDatepickerChange: \"bl-datepicker-change\" as EventName<BlDatepickerDatepickerChange>,\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": "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",
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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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": "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",
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", "BlCheckbox", "BlCheckboxGroup", "BlDialog", "BlDrawer", "BlInput", "BlLink", "BlSelectOption", "BlSelect", "BlPagination", "BlProgressIndicator", "BlRadio", "BlRadioGroup", "BlTabPanel", "BlTabGroup", "BlTab", "BlTextarea", "BlPopover", "BlTooltip", "BlSplitButton", "BlDropdownGroup", "BlDropdownItem", "BlDropdown", "BlSwitch", "BlNotificationCard", "BlNotification", "BlTableBody", "BlTableHeaderCell", "BlTableHeader", "BlTableRow", "BlTableCell", "BlTable", "BlCalendar", "BlTag", "BlDatepicker", "BlAccordionGroup"]
7
7
  }
package/dist/baklava.js CHANGED
@@ -1,2 +1,2 @@
1
- import{b as E}from"./chunk-TKTRDALH.js";import{b as z}from"./chunk-2EK4TAKQ.js";import{b as q}from"./chunk-QKUMEP5P.js";import{b as j}from"./chunk-JN5BKKQZ.js";import{b as O}from"./chunk-DPKNQOJX.js";import{a as l}from"./chunk-EXUCTLBU.js";import{b as y}from"./chunk-7HEDOM2M.js";import{b as N}from"./chunk-NW7MDZJB.js";import{a as D}from"./chunk-3MLXIDOD.js";import{a as C}from"./chunk-WZBUJ4ER.js";import{a as w}from"./chunk-YH3MSMXL.js";import{b as L}from"./chunk-FCOVZEHC.js";import{a as J}from"./chunk-Z2AZS34W.js";import{a as I}from"./chunk-UF5VCR36.js";import{a as i}from"./chunk-7N7YHRPA.js";import{b as v}from"./chunk-23AVKNCC.js";import{a as b}from"./chunk-P4S537UY.js";import{a as P}from"./chunk-UK2ZEQBN.js";import{c as g,f as h}from"./chunk-FS3MTRC3.js";import{a as T}from"./chunk-2Q566BEQ.js";import{a as c}from"./chunk-H6EUN6QV.js";import{a as s}from"./chunk-UV7BOOVA.js";import{a as B}from"./chunk-D7VPTSSK.js";import{b as k,d as A,f as H}from"./chunk-LIUATY6B.js";import{b as R}from"./chunk-FANRUDPK.js";import{a as f}from"./chunk-LCAPXVGE.js";import"./chunk-ECPWEUBG.js";import{a as p}from"./chunk-UGRBWOQE.js";import{b as m,e as x}from"./chunk-6XM52E7W.js";import{a as K}from"./chunk-4BO66Y63.js";import{a as S}from"./chunk-BCRV6HG6.js";import{b as G}from"./chunk-RCHKJINV.js";import"./chunk-EZSEQHRH.js";import{a as n}from"./chunk-7KND5OUR.js";import"./chunk-23PSWIUF.js";import{b as F}from"./chunk-2P3LD4HV.js";import"./chunk-IPYZIIRV.js";import{b as u}from"./chunk-NM74WWXQ.js";import{b as d}from"./chunk-OYHUG47P.js";import"./chunk-WEEGH2F4.js";import"./chunk-EG7U7PM3.js";import"./chunk-AYJMIZZ3.js";import"./chunk-XDUIVR6I.js";import"./chunk-HZ6A5QFC.js";import"./chunk-6LT7O7T2.js";import"./chunk-DINNT5P2.js";import{a,b as r,c as t}from"./chunk-3OQA4BKQ.js";import"./chunk-GRL4DWKG.js";import"./chunk-3USCFSFQ.js";import"./chunk-7GK5LKBV.js";import"./chunk-HBPBDC7T.js";import{a as e}from"./chunk-HD7EU6S5.js";import"./chunk-5MOOXA2X.js";import{b as o}from"./chunk-4OT5AMS5.js";import"./chunk-BWWXE4SL.js";export{l as BlAccordion,e as BlAccordionGroup,f as BlAlert,p as BlBadge,u as BlButton,F as BlCalendar,m as BlCheckbox,x as BlCheckboxGroup,K as BlDatePicker,s as BlDialog,B as BlDrawer,H as BlDropdown,R as BlDropdownGroup,A as BlDropdownItem,t as BlIcon,n as BlInput,i as BlLink,v as BlNotification,y as BlNotificationCard,b as BlPagination,G as BlPopover,P as BlProgressIndicator,g as BlRadio,h as BlRadioGroup,T as BlSelect,c as BlSelectOption,d as BlSpinner,k as BlSplitButton,N as BlSwitch,w as BlTab,D as BlTabGroup,C as BlTabPanel,L as BlTable,j as BlTableBody,E as BlTableCell,O as BlTableHeader,z as BlTableHeaderCell,q as BlTableRow,J as BlTag,I as BlTextarea,S as BlTooltip,r as getIconPath,o as litHtmlRenderer,a as setIconPath};
1
+ import{b as E}from"./chunk-TKTRDALH.js";import{b as z}from"./chunk-2EK4TAKQ.js";import{b as q}from"./chunk-QKUMEP5P.js";import{b as j}from"./chunk-JN5BKKQZ.js";import{b as O}from"./chunk-DPKNQOJX.js";import{a as l}from"./chunk-EXUCTLBU.js";import{b as y}from"./chunk-7HEDOM2M.js";import{b as N}from"./chunk-NW7MDZJB.js";import{a as D}from"./chunk-3MLXIDOD.js";import{a as C}from"./chunk-WZBUJ4ER.js";import{a as w}from"./chunk-YH3MSMXL.js";import{b as L}from"./chunk-FCOVZEHC.js";import{a as J}from"./chunk-Z2AZS34W.js";import{a as I}from"./chunk-UF5VCR36.js";import{a as i}from"./chunk-7N7YHRPA.js";import{b as v}from"./chunk-23AVKNCC.js";import{a as b}from"./chunk-P4S537UY.js";import{a as P}from"./chunk-UK2ZEQBN.js";import{c as g,f as h}from"./chunk-FS3MTRC3.js";import{a as T}from"./chunk-2Q566BEQ.js";import{a as c}from"./chunk-H6EUN6QV.js";import{a as s}from"./chunk-UV7BOOVA.js";import{a as B}from"./chunk-D7VPTSSK.js";import{b as k,d as A,f as H}from"./chunk-LIUATY6B.js";import{b as R}from"./chunk-FANRUDPK.js";import{a as f}from"./chunk-LCAPXVGE.js";import"./chunk-ECPWEUBG.js";import{a as p}from"./chunk-UGRBWOQE.js";import{b as m,e as x}from"./chunk-6XM52E7W.js";import{a as K}from"./chunk-4BO66Y63.js";import{a as S}from"./chunk-BCRV6HG6.js";import{b as G}from"./chunk-RCHKJINV.js";import"./chunk-EZSEQHRH.js";import{a as n}from"./chunk-ETFCJRBG.js";import"./chunk-23PSWIUF.js";import{b as F}from"./chunk-2P3LD4HV.js";import"./chunk-IPYZIIRV.js";import{b as u}from"./chunk-NM74WWXQ.js";import{b as d}from"./chunk-OYHUG47P.js";import"./chunk-WEEGH2F4.js";import"./chunk-EG7U7PM3.js";import"./chunk-AYJMIZZ3.js";import"./chunk-XDUIVR6I.js";import"./chunk-HZ6A5QFC.js";import"./chunk-6LT7O7T2.js";import"./chunk-DINNT5P2.js";import{a,b as r,c as t}from"./chunk-3OQA4BKQ.js";import"./chunk-GRL4DWKG.js";import"./chunk-3USCFSFQ.js";import"./chunk-7GK5LKBV.js";import"./chunk-HBPBDC7T.js";import{a as e}from"./chunk-HD7EU6S5.js";import"./chunk-5MOOXA2X.js";import{b as o}from"./chunk-4OT5AMS5.js";import"./chunk-BWWXE4SL.js";export{l as BlAccordion,e as BlAccordionGroup,f as BlAlert,p as BlBadge,u as BlButton,F as BlCalendar,m as BlCheckbox,x as BlCheckboxGroup,K as BlDatePicker,s as BlDialog,B as BlDrawer,H as BlDropdown,R as BlDropdownGroup,A as BlDropdownItem,t as BlIcon,n as BlInput,i as BlLink,v as BlNotification,y as BlNotificationCard,b as BlPagination,G as BlPopover,P as BlProgressIndicator,g as BlRadio,h as BlRadioGroup,T as BlSelect,c as BlSelectOption,d as BlSpinner,k as BlSplitButton,N as BlSwitch,w as BlTab,D as BlTabGroup,C as BlTabPanel,L as BlTable,j as BlTableBody,E as BlTableCell,O as BlTableHeader,z as BlTableHeaderCell,q as BlTableRow,J as BlTag,I as BlTextarea,S as BlTooltip,r as getIconPath,o as litHtmlRenderer,a as setIconPath};
2
2
  //# sourceMappingURL=baklava.js.map
package/dist/chunk-ETFCJRBG.js ADDED
@@ -0,0 +1,59 @@
1
+ import{a as x}from"./chunk-23PSWIUF.js";import{a as b}from"./chunk-NM74WWXQ.js";import{c as m}from"./chunk-EG7U7PM3.js";import{a as g}from"./chunk-XDUIVR6I.js";import{a as p}from"./chunk-6LT7O7T2.js";import{a as l}from"./chunk-DINNT5P2.js";import{a as n}from"./chunk-GRL4DWKG.js";import{a as f,c as y}from"./chunk-HBPBDC7T.js";import{a as u,b as i,c,e as v}from"./chunk-5MOOXA2X.js";import{a as h,b as r,f as d}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-BWWXE4SL.js";var M=h`:host{display:inline-block;width:200px;position:relative}.wrapper{--border-color:var(--bl-color-neutral-lighter);--icon-color:var(--bl-color-neutral-light);--text-color:var(--bl-color-neutral-darker);--height:var(--bl-size-2xl);--input-font:var(--bl-font-body-text-2);--line-height:var(--bl-font-body-text-2-line-height);--icon-size:var(--line-height);--icon-gap:var(--bl-size-4xs);--padding-vertical:calc((var(--height) - var(--line-height)) / 2);--padding-horizontal:var(--bl-size-xs);--autofill-bg-color:var(--bl-color-primary-contrast);--label-padding:var(--bl-size-2xs);--background-color:var(--bl-color-neutral-full);display:grid;position:relative;gap:var(--bl-size-3xs)}.wrapper:focus-within{--border-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}.wrapper.dirty.invalid{--border-color:var(--bl-color-danger);--icon-color:var(--bl-color-danger)}:host([size=large]) .wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size=small]) .wrapper{--height:var(--bl-size-xl);--input-font:var(--bl-font-body-text-3);--padding-vertical:var(--bl-size-3xs)}.input-wrapper{--border-size:1px;outline:0;display:flex;box-sizing:border-box;gap:var(--padding-vertical);height:var(--height);border:solid var(--border-size) var(--border-color);padding:0 calc(var(--bl-input-padding-end,var(--padding-horizontal)) - var(--label-padding) - var(--border-size)) 0 calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding) - var(--border-size));background-color:var(--background-color);border-radius:var(--bl-size-3xs);margin:0;width:0;min-width:100%}:host([disabled]) .wrapper{cursor:not-allowed;--background-color:var(--bl-color-neutral-lightest);--text-color:var(--bl-color-neutral-light)}.wrapper:has(input:autofill){--background-color:var(--autofill-bg-color)}.wrapper:has(input:-webkit-autofill){--background-color:var(--autofill-bg-color)}.input-wrapper legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{position:absolute;max-width:max-content;transition:.1s ease-in;font:var(--input-font);top:var(--padding-vertical);inset-inline-start:var(--bl-input-padding-start,var(--padding-horizontal));inset-inline-end:var(--bl-input-padding-end,var(--padding-horizontal));pointer-events:none;color:var(--bl-color-neutral-light)}.has-icon label{inset-inline-end:calc(var(--bl-input-padding-end,var(--padding-horizontal)) + var(--icon-size) + var(--padding-vertical))}.input-wrapper legend{height:0;visibility:hidden;display:none}.input-wrapper legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}input{width:100%;align-self:stretch;outline:0;border:0;padding:0 0 0 var(--label-padding);font:var(--input-font);color:var(--text-color);-webkit-text-fill-color:var(--text-color);background-color:transparent;cursor:var(--bl-input-cursor,unset)}input::-webkit-credentials-auto-fill-button{color:red}:where(.wrapper:focus-within,.wrapper.has-value) input{padding-inline-start:var(--label-padding)}input:disabled{cursor:not-allowed}input::-webkit-calendar-picker-indicator{display:none}input::-webkit-search-cancel-button{display:none}input::-moz-calendar-picker-indicator{display:none}input:autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}input:-webkit-autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}.icon{display:flex;align-items:center;gap:var(--icon-gap);flex-basis:var(--icon-size);align-self:center;height:var(--icon-size);margin-inline-end:var(--label-padding)}.icon:has(.clear-icon){gap:var(--bl-size-3xs)}::slotted(bl-icon),bl-icon:not(.reveal-icon,.clear-icon){font-size:var(--icon-size);color:var(--icon-color);height:var(--icon-size)}.reveal-button bl-icon{display:none}bl-icon[name=eye_on]{display:inline-block}.password-visible bl-icon[name=eye_on]{display:none}.password-visible bl-icon[name=eye_off]{display:inline-block}.wrapper:not(.has-icon) .icon{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}::placeholder{color:var(--bl-color-neutral-light);-webkit-text-fill-color:var(--bl-color-neutral-light)}:host([label]) ::placeholder{color:transparent;-webkit-text-fill-color:transparent;transition:color .4s ease-out}:host :focus-within ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-neutral-light);-webkit-text-fill-color:var(--bl-color-neutral-light)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);padding:0}:host([label-fixed]) legend{display:none}:host(:not([label-fixed])) .has-value label,:host(:not([label-fixed])) :focus-within label{top:0;inset-inline-start:calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding));inset-inline-end:calc(var(--bl-input-padding-end,var(--padding-horizontal)) - var(--label-padding));transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);padding:0 var(--label-padding);pointer-events:initial;z-index:var(--bl-index-base)}:host([label]:not([label-fixed])) :where(:focus-within,.has-value) legend{max-width:100%;font:var(--bl-font-caption);display:block}.error-icon,.invalid-text{display:none}.dirty.invalid label,.error-icon,.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}.dirty.invalid .hint,:host([help-text]) .hint{display:block}.dirty.invalid .invalid-text{display:block}.dirty.invalid .help-text{display:none}.dirty.invalid .error-icon{display:inline-block}.split-divider{display:block;height:1rem;width:1px;background-color:var(--bl-color-neutral-lighter)}slot[name=icon] bl-icon{margin-inline-start:var(--bl-size-3xs);font-size:var(--bl-font-size-m)}`,w=M;var H={date:"calendar","datetime-local":"calendar",month:"calendar",week:"calendar",time:"clock",search:"search"},e=class extends g(d){constructor(){super(...arguments);this.type="text";this.value="";this.required=!1;this.loading=!1;this.autocomplete="on";this.autofocus=!1;this.size="medium";this.disabled=!1;this.readonly=!1;this.labelFixed=!1;this.onKeydown=a=>{a.code==="Enter"&&this.form&&setTimeout(()=>{a.defaultPrevented||b(this.form)})};this.dirty=!1;this.passwordVisible=!1;this.inputId=Math.random().toString(36).substring(2)}static get styles(){return[w]}set customInvalidText(a){this._customInvalidText=a,this.setValue(this.value)}get customInvalidText(){return this._customInvalidText}connectedCallback(){var a;super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),(a=this.form)==null||a.addEventListener("submit",()=>{this.reportValidity()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown)}textVisibilityToggle(){this.passwordVisible=!this.passwordVisible}async handleSearchClear(){this.value="",this.setValue(this.value),this.onInput(this.value),await this.clearCustomError(),this.validationTarget.focus()}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.validationTarget.showPicker()}validityCallback(){var a;return this.onInvalid(this.internals.validity),this.customInvalidText||((a=this.validationTarget)==null?void 0:a.validationMessage)}setCustomValidity(a){this.validationTarget.setCustomValidity(a)}async forceCustomError(){await this.updateComplete,this.setCustomValidity(this.customInvalidText||y("An error occurred",{desc:"bl-input: default custom error message"})),this.setValue(this.value),this.reportValidity()}async clearCustomError(){await this.updateComplete,this.setCustomValidity(""),this.setValue(this.value),this.reportValidity()}reportValidity(){return this.dirty=!0,this.requestUpdate(),this.checkValidity()}inputHandler(a){let o=a.target.value;this.value=o,this.setValue(this.value),this.onInput(o)}changeHandler(a){let o=a.target.value;this.dirty=!0,this.value=o,this.setValue(this.value),this.onChange(o)}firstUpdated(){this.setValue(this.value),this.icon||(this.icon=H[this.type])}async updated(a){a.size>0&&(this.setValue(this.value),await this.validationComplete,this.requestUpdate()),a.has("error")&&this.error&&!this.dirty&&this.reportValidity()}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}render(){let a=this.checkValidity()?"":r`<p id="errorMessage" aria-live="polite" class="invalid-text">
2
+ ${this.validationMessage}
3
+ </p>`,o=this.helpText?r`<p id="helpText" class="help-text">${this.helpText}</p>`:"",k=r`
4
+ <slot name="icon">
5
+ ${this.loading&&this.type==="search"&&this.value!==""&&this.value!==null?r`<bl-spinner></bl-spinner>`:this.icon?r`<bl-icon name="${this.icon}"></bl-icon>`:r`<bl-icon class="error-icon" name="alert"></bl-icon>`}
6
+ </slot>
7
+ `,z=this.label?r`<label for=${this.inputId}>${this.label}</label>`:"",s=this.type==="password",T=s?r`<bl-button
8
+ size="small"
9
+ kind="neutral"
10
+ variant="tertiary"
11
+ class="${p({"reveal-button":!0,"password-visible":this.passwordVisible})}"
12
+ aria-label="Toggle password reveal"
13
+ @bl-click="${this.textVisibilityToggle}"
14
+ >
15
+ <bl-icon class="reveal-icon" slot="icon" name="eye_on"></bl-icon>
16
+ <bl-icon class="reveal-icon" slot="icon" name="eye_off"></bl-icon>
17
+ </bl-button>`:"",$=this.type==="search"&&this.value!==""&&this.value!==null?r`
18
+ <bl-button
19
+ size="small"
20
+ kind="neutral"
21
+ variant="tertiary"
22
+ aria-label="Clear search"
23
+ icon="close"
24
+ @bl-click=${this.handleSearchClear}
25
+ >
26
+ </bl-button>
27
+ <div class="split-divider"></div>
28
+ `:"",V=this.icon||this._hasIconSlot,C={wrapper:!0,dirty:this.dirty,invalid:!this.checkValidity(),"has-icon":s||V||this.dirty&&!this.checkValidity(),"has-value":this.value!==null&&this.value!==""},E=this.passwordVisible?"text":"password",S=s?E:this.type;return r`<div class=${p(C)}>
29
+ ${z}
30
+ <fieldset class="input-wrapper">
31
+ <legend><span>${this.label}</span></legend>
32
+ <input
33
+ id=${this.inputId}
34
+ type=${S}
35
+ .value=${m(this.value)}
36
+ inputmode="${l(this.inputmode)}"
37
+ ?autofocus=${this.autofocus}
38
+ .autocomplete="${this.autocomplete}"
39
+ placeholder="${l(this.placeholder)}"
40
+ minlength="${l(this.minlength)}"
41
+ maxlength="${l(this.maxlength)}"
42
+ min="${l(this.min)}"
43
+ max="${l(this.max)}"
44
+ pattern="${l(this.pattern)}"
45
+ step="${l(this.step)}"
46
+ ?required=${this.required}
47
+ ?disabled=${this.disabled}
48
+ ?readonly=${this.readonly}
49
+ @change=${this.changeHandler}
50
+ @input=${this.inputHandler}
51
+ aria-invalid=${this.checkValidity()?"false":"true"}
52
+ aria-describedby=${l(this.helpText?"helpText":void 0)}
53
+ aria-errormessage=${l(this.checkValidity()?void 0:"errorMessage")}
54
+ />
55
+ <div class="icon">${T} ${$} ${k}</div>
56
+ </fieldset>
57
+ <div class="hint">${a} ${o}</div>
58
+ </div>`}};e.shadowRootOptions={...d.shadowRootOptions,delegatesFocus:!0},e.formControlValidators=x,t([v("input")],e.prototype,"validationTarget",2),t([i({reflect:!0})],e.prototype,"name",2),t([i({reflect:!0})],e.prototype,"type",2),t([i({reflect:!0})],e.prototype,"label",2),t([i({reflect:!0})],e.prototype,"placeholder",2),t([i({reflect:!0})],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"required",2),t([i({type:Number,reflect:!0})],e.prototype,"minlength",2),t([i({type:Number,reflect:!0})],e.prototype,"maxlength",2),t([i({reflect:!0})],e.prototype,"min",2),t([i({type:Boolean,reflect:!0})],e.prototype,"loading",2),t([i({reflect:!0})],e.prototype,"max",2),t([i({type:String,reflect:!0})],e.prototype,"pattern",2),t([i({type:Number,reflect:!0})],e.prototype,"step",2),t([i({type:String,reflect:!0})],e.prototype,"autocomplete",2),t([i({type:String,reflect:!0})],e.prototype,"inputmode",2),t([i({type:Boolean,reflect:!0})],e.prototype,"autofocus",2),t([i({type:String,reflect:!0})],e.prototype,"icon",2),t([i({type:String,reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,reflect:!0})],e.prototype,"readonly",2),t([i({type:Boolean,attribute:"label-fixed",reflect:!0})],e.prototype,"labelFixed",2),t([i({type:String,attribute:"invalid-text",reflect:!0})],e.prototype,"customInvalidText",1),t([i({reflect:!0,type:String})],e.prototype,"error",2),t([i({type:String,attribute:"help-text",reflect:!0})],e.prototype,"helpText",2),t([n("bl-change")],e.prototype,"onChange",2),t([n("bl-input")],e.prototype,"onInput",2),t([n("bl-invalid")],e.prototype,"onInvalid",2),t([c()],e.prototype,"dirty",2),t([c()],e.prototype,"passwordVisible",2),e=t([u("bl-input"),f()],e);export{e as a};
59
+ //# sourceMappingURL=chunk-ETFCJRBG.js.map
package/dist/chunk-ETFCJRBG.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/components/input/bl-input.css", "../src/components/input/bl-input.ts"],
4
+ "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;width:200px;position:relative}.wrapper{--border-color:var(--bl-color-neutral-lighter);--icon-color:var(--bl-color-neutral-light);--text-color:var(--bl-color-neutral-darker);--height:var(--bl-size-2xl);--input-font:var(--bl-font-body-text-2);--line-height:var(--bl-font-body-text-2-line-height);--icon-size:var(--line-height);--icon-gap:var(--bl-size-4xs);--padding-vertical:calc((var(--height) - var(--line-height)) / 2);--padding-horizontal:var(--bl-size-xs);--autofill-bg-color:var(--bl-color-primary-contrast);--label-padding:var(--bl-size-2xs);--background-color:var(--bl-color-neutral-full);display:grid;position:relative;gap:var(--bl-size-3xs)}.wrapper:focus-within{--border-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}.wrapper.dirty.invalid{--border-color:var(--bl-color-danger);--icon-color:var(--bl-color-danger)}:host([size=large]) .wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size=small]) .wrapper{--height:var(--bl-size-xl);--input-font:var(--bl-font-body-text-3);--padding-vertical:var(--bl-size-3xs)}.input-wrapper{--border-size:1px;outline:0;display:flex;box-sizing:border-box;gap:var(--padding-vertical);height:var(--height);border:solid var(--border-size) var(--border-color);padding:0 calc(var(--bl-input-padding-end,var(--padding-horizontal)) - var(--label-padding) - var(--border-size)) 0 calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding) - var(--border-size));background-color:var(--background-color);border-radius:var(--bl-size-3xs);margin:0;width:0;min-width:100%}:host([disabled]) .wrapper{cursor:not-allowed;--background-color:var(--bl-color-neutral-lightest);--text-color:var(--bl-color-neutral-light)}.wrapper:has(input:autofill){--background-color:var(--autofill-bg-color)}.wrapper:has(input:-webkit-autofill){--background-color:var(--autofill-bg-color)}.input-wrapper legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{position:absolute;max-width:max-content;transition:.1s ease-in;font:var(--input-font);top:var(--padding-vertical);inset-inline-start:var(--bl-input-padding-start,var(--padding-horizontal));inset-inline-end:var(--bl-input-padding-end,var(--padding-horizontal));pointer-events:none;color:var(--bl-color-neutral-light)}.has-icon label{inset-inline-end:calc(var(--bl-input-padding-end,var(--padding-horizontal)) + var(--icon-size) + var(--padding-vertical))}.input-wrapper legend{height:0;visibility:hidden;display:none}.input-wrapper legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}input{width:100%;align-self:stretch;outline:0;border:0;padding:0 0 0 var(--label-padding);font:var(--input-font);color:var(--text-color);-webkit-text-fill-color:var(--text-color);background-color:transparent;cursor:var(--bl-input-cursor,unset)}input::-webkit-credentials-auto-fill-button{color:red}:where(.wrapper:focus-within,.wrapper.has-value) input{padding-inline-start:var(--label-padding)}input:disabled{cursor:not-allowed}input::-webkit-calendar-picker-indicator{display:none}input::-webkit-search-cancel-button{display:none}input::-moz-calendar-picker-indicator{display:none}input:autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}input:-webkit-autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}.icon{display:flex;align-items:center;gap:var(--icon-gap);flex-basis:var(--icon-size);align-self:center;height:var(--icon-size);margin-inline-end:var(--label-padding)}.icon:has(.clear-icon){gap:var(--bl-size-3xs)}::slotted(bl-icon),bl-icon:not(.reveal-icon,.clear-icon){font-size:var(--icon-size);color:var(--icon-color);height:var(--icon-size)}.reveal-button bl-icon{display:none}bl-icon[name=eye_on]{display:inline-block}.password-visible bl-icon[name=eye_on]{display:none}.password-visible bl-icon[name=eye_off]{display:inline-block}.wrapper:not(.has-icon) .icon{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}::placeholder{color:var(--bl-color-neutral-light);-webkit-text-fill-color:var(--bl-color-neutral-light)}:host([label]) ::placeholder{color:transparent;-webkit-text-fill-color:transparent;transition:color .4s ease-out}:host :focus-within ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-neutral-light);-webkit-text-fill-color:var(--bl-color-neutral-light)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);padding:0}:host([label-fixed]) legend{display:none}:host(:not([label-fixed])) .has-value label,:host(:not([label-fixed])) :focus-within label{top:0;inset-inline-start:calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding));inset-inline-end:calc(var(--bl-input-padding-end,var(--padding-horizontal)) - var(--label-padding));transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);padding:0 var(--label-padding);pointer-events:initial;z-index:var(--bl-index-base)}:host([label]:not([label-fixed])) :where(:focus-within,.has-value) legend{max-width:100%;font:var(--bl-font-caption);display:block}.error-icon,.invalid-text{display:none}.dirty.invalid label,.error-icon,.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}.dirty.invalid .hint,:host([help-text]) .hint{display:block}.dirty.invalid .invalid-text{display:block}.dirty.invalid .help-text{display:none}.dirty.invalid .error-icon{display:inline-block}.split-divider{display:block;height:1rem;width:1px;background-color:var(--bl-color-neutral-lighter)}slot[name=icon] bl-icon{margin-inline-start:var(--bl-size-3xs);font-size:var(--bl-font-size-m)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, PropertyValues, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { localized, msg } from \"@lit/localize\";\nimport { FormControlMixin } from \"@open-wc/form-control\";\nimport { submit } from \"@open-wc/form-helpers\";\nimport \"element-internals-polyfill\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport { innerInputValidators } from \"../../utilities/form-control\";\nimport \"../button/bl-button\";\nimport \"../icon/bl-icon\";\nimport { BaklavaIcon } from \"../icon/icon-list\";\nimport style from \"./bl-input.css\";\n\nexport type InputType =\n | \"text\"\n | \"email\"\n | \"date\"\n | \"time\"\n | \"datetime-local\"\n | \"month\"\n | \"week\"\n | \"password\"\n | \"number\"\n | \"tel\"\n | \"url\"\n | \"search\";\n\nconst inputTypeIcons: Partial<Record<InputType, BaklavaIcon>> = {\n \"date\": \"calendar\",\n \"datetime-local\": \"calendar\",\n \"month\": \"calendar\",\n \"week\": \"calendar\",\n \"time\": \"clock\",\n \"search\": \"search\",\n};\n\nexport type InputSize = \"small\" | \"medium\" | \"large\";\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 */\n@customElement(\"bl-input\")\n@localized()\nexport default class BlInput extends FormControlMixin(LitElement) {\n static get styles(): CSSResultGroup {\n return [style];\n }\n static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true };\n\n static formControlValidators = innerInputValidators;\n\n @query(\"input\")\n validationTarget: HTMLInputElement;\n\n /**\n * Sets name of the input\n */\n @property({ reflect: true })\n name?: string;\n\n /**\n * Type of the input. It's used to set `type` attribute of native input inside.\n */\n @property({ reflect: true })\n type: InputType = \"text\";\n\n /**\n * Sets label of the input\n */\n @property({ reflect: true })\n label?: string;\n\n /**\n * Sets placeholder of the input\n */\n @property({ reflect: true })\n placeholder?: string;\n\n /**\n * Sets initial value of the input\n */\n @property({ reflect: true })\n value = \"\";\n\n /**\n * Makes input a mandatory field\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * Sets minimum length of the input\n */\n @property({ type: Number, reflect: true })\n minlength?: number;\n\n /**\n * Sets maximum length of the input\n */\n @property({ type: Number, reflect: true })\n maxlength?: number;\n\n /**\n * Sets the minimum acceptable value for the input\n */\n @property({ reflect: true })\n min?: number | string;\n\n /**\n * Sets the loading value for the input\n */\n @property({ type: Boolean, reflect: true })\n loading = false;\n\n /**\n * Sets the maximum acceptable value for the input\n */\n @property({ reflect: true })\n max?: number | string;\n\n /**\n * Sets a regex pattern form the input validation\n */\n @property({ type: String, reflect: true })\n pattern?: string;\n\n /**\n * Sets the increase and decrease step to a `number` input\n */\n @property({ type: Number, reflect: true })\n step?: number;\n\n /**\n * Hints browser to autocomplete this field.\n */\n @property({ type: String, reflect: true })\n autocomplete: HTMLInputElement[\"autocomplete\"] = \"on\";\n\n /**\n * Sets the input mode of the field for asking browser to show the desired keyboard.\n */\n @property({ type: String, reflect: true })\n inputmode: HTMLInputElement[\"inputMode\"];\n\n /**\n * Sets input to get keyboard focus automatically\n */\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /**\n * Sets the custom icon name. `bl-icon` component is used to show an icon\n */\n @property({ type: String, reflect: true })\n icon?: BaklavaIcon;\n\n /**\n * Sets input size.\n */\n @property({ type: String, reflect: true })\n size?: InputSize = \"medium\";\n\n /**\n * Disables the input\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Makes the input readonly.\n */\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /**\n * Makes label as fixed positioned\n */\n @property({ type: Boolean, attribute: \"label-fixed\", reflect: true })\n labelFixed = false;\n\n /**\n * Overrides error message. This message will override default error messages\n * @deprecated use setCustomValidity instead\n */\n @property({ type: String, attribute: \"invalid-text\", reflect: true })\n set customInvalidText(value: string) {\n this._customInvalidText = value;\n this.setValue(this.value);\n }\n\n /**\n * @deprecated\n */\n get customInvalidText(): string {\n return this._customInvalidText;\n }\n\n @property({ reflect: true, type: String })\n error: string;\n\n private _customInvalidText: string;\n\n /**\n * Adds help text\n */\n @property({ type: String, attribute: \"help-text\", reflect: true })\n helpText?: string;\n\n /**\n * Fires when an alteration to the element's value is committed by the user. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.\n */\n @event(\"bl-change\") private onChange: EventDispatcher<string>;\n\n /**\n * Fires when the value of an input element has been changed.\n */\n @event(\"bl-input\") private onInput: EventDispatcher<string>;\n\n /**\n * Fires when the value of an input element has been changed.\n */\n @event(\"bl-invalid\") private onInvalid: EventDispatcher<ValidityState>;\n\n connectedCallback(): void {\n super.connectedCallback();\n this.addEventListener(\"keydown\", this.onKeydown);\n\n this.form?.addEventListener(\"submit\", () => {\n this.reportValidity();\n });\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this.removeEventListener(\"keydown\", this.onKeydown);\n }\n\n private onKeydown = (event: KeyboardEvent): void => {\n if (event.code === \"Enter\" && this.form) {\n setTimeout(() => {\n if (!event.defaultPrevented) {\n submit(this.form);\n }\n });\n }\n };\n\n @state() private dirty = false;\n\n @state() private passwordVisible = false;\n\n private textVisibilityToggle() {\n this.passwordVisible = !this.passwordVisible;\n }\n\n private async handleSearchClear() {\n this.value = \"\";\n this.setValue(this.value);\n this.onInput(this.value);\n\n await this.clearCustomError();\n this.validationTarget.focus();\n }\n\n showPicker() {\n if (\"showPicker\" in HTMLInputElement.prototype) {\n this.validationTarget.showPicker();\n }\n }\n\n validityCallback(): string | void {\n this.onInvalid(this.internals.validity);\n return this.customInvalidText || this.validationTarget?.validationMessage;\n }\n\n /**\n * Sets a custom validity on the form element.\n * @param message\n */\n setCustomValidity(message: string) {\n this.validationTarget.setCustomValidity(message);\n }\n\n /**\n * Force to set input as in invalid state.\n * @deprecated use error attribute instead\n */\n async forceCustomError() {\n await this.updateComplete;\n this.setCustomValidity(\n this.customInvalidText ||\n msg(\"An error occurred\", { desc: \"bl-input: default custom error message\" })\n );\n this.setValue(this.value);\n this.reportValidity();\n }\n\n /**\n * Clear forced invalid state\n * @deprecated use error attribute instead\n */\n async clearCustomError() {\n await this.updateComplete;\n this.setCustomValidity(\"\");\n this.setValue(this.value);\n this.reportValidity();\n }\n\n reportValidity() {\n this.dirty = true;\n this.requestUpdate();\n return this.checkValidity();\n }\n\n private inputHandler(event: Event) {\n const value = (event.target as HTMLInputElement).value;\n\n this.value = value;\n this.setValue(this.value);\n this.onInput(value);\n }\n\n private changeHandler(event: Event) {\n const value = (event.target as HTMLInputElement).value;\n\n this.dirty = true;\n this.value = value;\n this.setValue(this.value);\n this.onChange(value);\n }\n\n firstUpdated() {\n this.setValue(this.value);\n if (!this.icon) this.icon = inputTypeIcons[this.type];\n }\n\n protected async updated(changedProperties: PropertyValues) {\n if (changedProperties.size > 0) {\n this.setValue(this.value);\n\n await this.validationComplete;\n\n this.requestUpdate();\n }\n\n if (changedProperties.has(\"error\") && this.error && !this.dirty) {\n this.reportValidity();\n }\n }\n\n private inputId = Math.random().toString(36).substring(2);\n\n private get _hasIconSlot() {\n return this.querySelector(':scope > [slot=\"icon\"]') !== null;\n }\n\n render(): TemplateResult {\n const invalidMessage = !this.checkValidity()\n ? html`<p id=\"errorMessage\" aria-live=\"polite\" class=\"invalid-text\">\n ${this.validationMessage}\n </p>`\n : \"\";\n const helpMessage = this.helpText\n ? html`<p id=\"helpText\" class=\"help-text\">${this.helpText}</p>`\n : \"\";\n\n const icon = html`\n <slot name=\"icon\">\n ${this.loading && this.type === \"search\" && this.value !== \"\" && this.value !== null\n ? html`<bl-spinner></bl-spinner>`\n : this.icon\n ? html`<bl-icon name=\"${this.icon}\"></bl-icon>`\n : html`<bl-icon class=\"error-icon\" name=\"alert\"></bl-icon>`}\n </slot>\n `;\n\n const label = this.label ? html`<label for=${this.inputId}>${this.label}</label>` : \"\";\n const passwordInput = this.type === \"password\";\n\n const revealButton = passwordInput\n ? html`<bl-button\n size=\"small\"\n kind=\"neutral\"\n variant=\"tertiary\"\n class=\"${classMap({\n \"reveal-button\": true,\n \"password-visible\": this.passwordVisible,\n })}\"\n aria-label=\"Toggle password reveal\"\n @bl-click=\"${this.textVisibilityToggle}\"\n >\n <bl-icon class=\"reveal-icon\" slot=\"icon\" name=\"eye_on\"></bl-icon>\n <bl-icon class=\"reveal-icon\" slot=\"icon\" name=\"eye_off\"></bl-icon>\n </bl-button>`\n : \"\";\n\n const clearSearchButton =\n this.type === \"search\" && this.value !== \"\" && this.value !== null\n ? html`\n <bl-button\n size=\"small\"\n kind=\"neutral\"\n variant=\"tertiary\"\n aria-label=\"Clear search\"\n icon=\"close\"\n @bl-click=${this.handleSearchClear}\n >\n </bl-button>\n <div class=\"split-divider\"></div>\n `\n : \"\";\n\n const hasCustomIcon = this.icon || this._hasIconSlot;\n const classes = {\n \"wrapper\": true,\n \"dirty\": this.dirty,\n \"invalid\": !this.checkValidity(),\n \"has-icon\": passwordInput || hasCustomIcon || (this.dirty && !this.checkValidity()),\n \"has-value\": this.value !== null && this.value !== \"\",\n };\n\n const passwordType = this.passwordVisible ? \"text\" : \"password\";\n const inputType = passwordInput ? passwordType : this.type;\n\n return html`<div class=${classMap(classes)}>\n ${label}\n <fieldset class=\"input-wrapper\">\n <legend><span>${this.label}</span></legend>\n <input\n id=${this.inputId}\n type=${inputType}\n .value=${live(this.value)}\n inputmode=\"${ifDefined(this.inputmode)}\"\n ?autofocus=${this.autofocus}\n .autocomplete=\"${this.autocomplete}\"\n placeholder=\"${ifDefined(this.placeholder)}\"\n minlength=\"${ifDefined(this.minlength)}\"\n maxlength=\"${ifDefined(this.maxlength)}\"\n min=\"${ifDefined(this.min)}\"\n max=\"${ifDefined(this.max)}\"\n pattern=\"${ifDefined(this.pattern)}\"\n step=\"${ifDefined(this.step)}\"\n ?required=${this.required}\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n @change=${this.changeHandler}\n @input=${this.inputHandler}\n aria-invalid=${this.checkValidity() ? \"false\" : \"true\"}\n aria-describedby=${ifDefined(this.helpText ? \"helpText\" : undefined)}\n aria-errormessage=${ifDefined(this.checkValidity() ? undefined : \"errorMessage\")}\n />\n <div class=\"icon\">${revealButton} ${clearSearchButton} ${icon}</div>\n </fieldset>\n <div class=\"hint\">${invalidMessage} ${helpMessage}</div>\n </div>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"bl-input\": BlInput;\n }\n}\n"],
5
+ "mappings": "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",
6
+ "names": ["styles", "i", "bl_input_default", "inputTypeIcons", "BlInput", "FormControlMixin", "s", "event", "submit", "bl_input_default", "value", "_a", "message", "msg", "changedProperties", "invalidMessage", "x", "helpMessage", "icon", "label", "passwordInput", "revealButton", "o", "clearSearchButton", "hasCustomIcon", "classes", "passwordType", "inputType", "l", "innerInputValidators", "__decorateClass", "i", "e", "t", "localized"]
7
+ }
package/dist/components/datepicker/bl-datepicker.js CHANGED
@@ -1,2 +1,2 @@
1
- import{a}from"../../chunk-4BO66Y63.js";import"../../chunk-BCRV6HG6.js";import"../../chunk-RCHKJINV.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-7KND5OUR.js";import"../../chunk-23PSWIUF.js";import"../../chunk-2P3LD4HV.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-WEEGH2F4.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
1
+ import{a}from"../../chunk-4BO66Y63.js";import"../../chunk-BCRV6HG6.js";import"../../chunk-RCHKJINV.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-ETFCJRBG.js";import"../../chunk-23PSWIUF.js";import"../../chunk-2P3LD4HV.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-WEEGH2F4.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
2
2
  //# sourceMappingURL=bl-datepicker.js.map
package/dist/components/input/bl-input.js CHANGED
@@ -1,2 +1,2 @@
1
- import{a}from"../../chunk-7KND5OUR.js";import"../../chunk-23PSWIUF.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
1
+ import{a}from"../../chunk-ETFCJRBG.js";import"../../chunk-23PSWIUF.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
2
2
  //# sourceMappingURL=bl-input.js.map
package/dist/components/pagination/bl-pagination.js CHANGED
@@ -1,2 +1,2 @@
1
- import{a}from"../../chunk-P4S537UY.js";import"../../chunk-2Q566BEQ.js";import"../../chunk-H6EUN6QV.js";import"../../chunk-ECPWEUBG.js";import"../../chunk-6XM52E7W.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-7KND5OUR.js";import"../../chunk-23PSWIUF.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
1
+ import{a}from"../../chunk-P4S537UY.js";import"../../chunk-2Q566BEQ.js";import"../../chunk-H6EUN6QV.js";import"../../chunk-ECPWEUBG.js";import"../../chunk-6XM52E7W.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-ETFCJRBG.js";import"../../chunk-23PSWIUF.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
2
2
  //# sourceMappingURL=bl-pagination.js.map
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@trendyol/baklava",
3
3
  "type": "module",
4
- "version": "3.4.0-beta.11",
4
+ "version": "3.4.0-beta.12",
5
5
  "description": "Trendyol Baklava Design System",
6
6
  "main": "dist/baklava.js",
7
7
  "module": "dist/baklava.js",
package/dist/chunk-7KND5OUR.js DELETED
@@ -1,59 +0,0 @@
1
- import{a as x}from"./chunk-23PSWIUF.js";import{a as b}from"./chunk-NM74WWXQ.js";import{c as m}from"./chunk-EG7U7PM3.js";import{a as g}from"./chunk-XDUIVR6I.js";import{a as p}from"./chunk-6LT7O7T2.js";import{a as l}from"./chunk-DINNT5P2.js";import{a as n}from"./chunk-GRL4DWKG.js";import{a as f,c as y}from"./chunk-HBPBDC7T.js";import{a as u,b as i,c,e as v}from"./chunk-5MOOXA2X.js";import{a as h,b as r,f as d}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-BWWXE4SL.js";var M=h`:host{display:inline-block;width:200px;position:relative}.wrapper{--border-color:var(--bl-color-neutral-lighter);--icon-color:var(--bl-color-neutral-light);--text-color:var(--bl-color-neutral-darker);--height:var(--bl-size-2xl);--input-font:var(--bl-font-body-text-2);--line-height:var(--bl-font-body-text-2-line-height);--icon-size:var(--line-height);--icon-gap:var(--bl-size-xs);--padding-vertical:calc((var(--height) - var(--line-height)) / 2);--padding-horizontal:var(--bl-size-xs);--autofill-bg-color:var(--bl-color-primary-contrast);--label-padding:var(--bl-size-3xs);--background-color:var(--bl-color-neutral-full);display:grid;position:relative;gap:var(--bl-size-3xs)}.wrapper:focus-within{--border-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}.wrapper.dirty.invalid{--border-color:var(--bl-color-danger);--icon-color:var(--bl-color-danger)}:host([size=large]) .wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m);--icon-gap:var(--bl-size-m)}:host([size=small]) .wrapper{--height:var(--bl-size-xl);--input-font:var(--bl-font-body-text-3);--padding-vertical:var(--bl-size-3xs);--icon-size:var(--bl-font-body-text-3-line-height);--icon-gap:var(--bl-size-2xs)}.input-wrapper{--border-size:1px;outline:0;display:flex;box-sizing:border-box;gap:var(--padding-vertical);height:var(--height);border:solid var(--border-size) var(--border-color);padding:0 calc(var(--bl-input-padding-end,var(--padding-horizontal)) - var(--label-padding) - var(--border-size)) 0 calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding) - var(--border-size));background-color:var(--background-color);border-radius:var(--bl-size-3xs);margin:0;width:0;min-width:100%}:host([disabled]) .wrapper{cursor:not-allowed;--background-color:var(--bl-color-neutral-lightest);--text-color:var(--bl-color-neutral-light)}.wrapper:has(input:autofill){--background-color:var(--autofill-bg-color)}.wrapper:has(input:-webkit-autofill){--background-color:var(--autofill-bg-color)}.input-wrapper legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{position:absolute;max-width:max-content;transition:.1s ease-in;font:var(--input-font);top:var(--padding-vertical);inset-inline-start:var(--bl-input-padding-start,var(--padding-horizontal));inset-inline-end:var(--bl-input-padding-end,var(--padding-horizontal));pointer-events:none;color:var(--bl-color-neutral-light)}.has-icon label{inset-inline-end:calc(var(--bl-input-padding-end,var(--padding-horizontal)) + var(--icon-size) + var(--padding-vertical))}.input-wrapper legend{height:0;visibility:hidden;display:none}.input-wrapper legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}input{width:100%;align-self:stretch;outline:0;border:0;padding:0 0 0 var(--label-padding);font:var(--input-font);color:var(--text-color);-webkit-text-fill-color:var(--text-color);background-color:transparent;cursor:var(--bl-input-cursor,unset)}input::-webkit-credentials-auto-fill-button{color:red}:where(.wrapper:focus-within,.wrapper.has-value) input{padding-inline-start:var(--label-padding)}input:disabled{cursor:not-allowed}input::-webkit-calendar-picker-indicator{display:none}input::-webkit-search-cancel-button{display:none}input::-moz-calendar-picker-indicator{display:none}input:autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}input:-webkit-autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}.icon{display:flex;align-items:center;gap:var(--icon-gap);flex-basis:var(--icon-size);align-self:center;height:var(--icon-size);margin-inline-end:var(--label-padding)}.icon:has(.clear-icon){gap:var(--bl-size-3xs)}::slotted(bl-icon),bl-icon:not(.reveal-icon,.clear-icon){font-size:var(--icon-size);color:var(--icon-color);height:var(--icon-size)}.reveal-button bl-icon{display:none}bl-icon[name=eye_on]{display:inline-block}.password-visible bl-icon[name=eye_on]{display:none}.password-visible bl-icon[name=eye_off]{display:inline-block}.wrapper:not(.has-icon) .icon{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}::placeholder{color:var(--bl-color-neutral-light);-webkit-text-fill-color:var(--bl-color-neutral-light)}:host([label]) ::placeholder{color:transparent;-webkit-text-fill-color:transparent;transition:color .4s ease-out}:host :focus-within ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-neutral-light);-webkit-text-fill-color:var(--bl-color-neutral-light)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);padding:0}:host([label-fixed]) legend{display:none}:host(:not([label-fixed])) .has-value label,:host(:not([label-fixed])) :focus-within label{top:0;inset-inline-start:calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding));inset-inline-end:calc(var(--bl-input-padding-end,var(--padding-horizontal)) - var(--label-padding));transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);padding:0 var(--label-padding);pointer-events:initial;z-index:var(--bl-index-base)}:host([label]:not([label-fixed])) :where(:focus-within,.has-value) legend{max-width:100%;font:var(--bl-font-caption);display:block}.error-icon,.invalid-text{display:none}.dirty.invalid label,.error-icon,.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}.dirty.invalid .hint,:host([help-text]) .hint{display:block}.dirty.invalid .invalid-text{display:block}.dirty.invalid .help-text{display:none}.dirty.invalid .error-icon{display:inline-block}.split-divider{display:block;height:1rem;width:1px;background-color:var(--bl-color-neutral-lighter)}`,w=M;var H={date:"calendar","datetime-local":"calendar",month:"calendar",week:"calendar",time:"clock",search:"search"},e=class extends g(d){constructor(){super(...arguments);this.type="text";this.value="";this.required=!1;this.loading=!1;this.autocomplete="on";this.autofocus=!1;this.size="medium";this.disabled=!1;this.readonly=!1;this.labelFixed=!1;this.onKeydown=a=>{a.code==="Enter"&&this.form&&setTimeout(()=>{a.defaultPrevented||b(this.form)})};this.dirty=!1;this.passwordVisible=!1;this.inputId=Math.random().toString(36).substring(2)}static get styles(){return[w]}set customInvalidText(a){this._customInvalidText=a,this.setValue(this.value)}get customInvalidText(){return this._customInvalidText}connectedCallback(){var a;super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),(a=this.form)==null||a.addEventListener("submit",()=>{this.reportValidity()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown)}textVisibilityToggle(){this.passwordVisible=!this.passwordVisible}async handleSearchClear(){this.value="",this.setValue(this.value),this.onInput(this.value),await this.clearCustomError(),this.validationTarget.focus()}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.validationTarget.showPicker()}validityCallback(){var a;return this.onInvalid(this.internals.validity),this.customInvalidText||((a=this.validationTarget)==null?void 0:a.validationMessage)}setCustomValidity(a){this.validationTarget.setCustomValidity(a)}async forceCustomError(){await this.updateComplete,this.setCustomValidity(this.customInvalidText||y("An error occurred",{desc:"bl-input: default custom error message"})),this.setValue(this.value),this.reportValidity()}async clearCustomError(){await this.updateComplete,this.setCustomValidity(""),this.setValue(this.value),this.reportValidity()}reportValidity(){return this.dirty=!0,this.requestUpdate(),this.checkValidity()}inputHandler(a){let o=a.target.value;this.value=o,this.setValue(this.value),this.onInput(o)}changeHandler(a){let o=a.target.value;this.dirty=!0,this.value=o,this.setValue(this.value),this.onChange(o)}firstUpdated(){this.setValue(this.value),this.icon||(this.icon=H[this.type])}async updated(a){a.size>0&&(this.setValue(this.value),await this.validationComplete,this.requestUpdate()),a.has("error")&&this.error&&!this.dirty&&this.reportValidity()}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}render(){let a=this.checkValidity()?"":r`<p id="errorMessage" aria-live="polite" class="invalid-text">
2
- ${this.validationMessage}
3
- </p>`,o=this.helpText?r`<p id="helpText" class="help-text">${this.helpText}</p>`:"",k=r`
4
- <slot name="icon">
5
- ${this.loading&&this.type==="search"&&this.value!==""&&this.value!==null?r`<bl-spinner></bl-spinner>`:this.icon?r`<bl-icon name="${this.icon}"></bl-icon>`:r`<bl-icon class="error-icon" name="alert"></bl-icon>`}
6
- </slot>
7
- `,z=this.label?r`<label for=${this.inputId}>${this.label}</label>`:"",s=this.type==="password",T=s?r`<bl-button
8
- size="small"
9
- kind="neutral"
10
- variant="tertiary"
11
- class="${p({"reveal-button":!0,"password-visible":this.passwordVisible})}"
12
- aria-label="Toggle password reveal"
13
- @bl-click="${this.textVisibilityToggle}"
14
- >
15
- <bl-icon class="reveal-icon" slot="icon" name="eye_on"></bl-icon>
16
- <bl-icon class="reveal-icon" slot="icon" name="eye_off"></bl-icon>
17
- </bl-button>`:"",$=this.type==="search"&&this.value!==""&&this.value!==null?r`
18
- <bl-button
19
- size="small"
20
- kind="neutral"
21
- variant="tertiary"
22
- aria-label="Clear search"
23
- @bl-click=${this.handleSearchClear}
24
- >
25
- <bl-icon class="clear-icon" slot="icon" name="close"></bl-icon>
26
- </bl-button>
27
- <div class="split-divider"></div>
28
- `:"",V=this.icon||this._hasIconSlot,C={wrapper:!0,dirty:this.dirty,invalid:!this.checkValidity(),"has-icon":s||V||this.dirty&&!this.checkValidity(),"has-value":this.value!==null&&this.value!==""},E=this.passwordVisible?"text":"password",S=s?E:this.type;return r`<div class=${p(C)}>
29
- ${z}
30
- <fieldset class="input-wrapper">
31
- <legend><span>${this.label}</span></legend>
32
- <input
33
- id=${this.inputId}
34
- type=${S}
35
- .value=${m(this.value)}
36
- inputmode="${l(this.inputmode)}"
37
- ?autofocus=${this.autofocus}
38
- .autocomplete="${this.autocomplete}"
39
- placeholder="${l(this.placeholder)}"
40
- minlength="${l(this.minlength)}"
41
- maxlength="${l(this.maxlength)}"
42
- min="${l(this.min)}"
43
- max="${l(this.max)}"
44
- pattern="${l(this.pattern)}"
45
- step="${l(this.step)}"
46
- ?required=${this.required}
47
- ?disabled=${this.disabled}
48
- ?readonly=${this.readonly}
49
- @change=${this.changeHandler}
50
- @input=${this.inputHandler}
51
- aria-invalid=${this.checkValidity()?"false":"true"}
52
- aria-describedby=${l(this.helpText?"helpText":void 0)}
53
- aria-errormessage=${l(this.checkValidity()?void 0:"errorMessage")}
54
- />
55
- <div class="icon">${T} ${$} ${k}</div>
56
- </fieldset>
57
- <div class="hint">${a} ${o}</div>
58
- </div>`}};e.shadowRootOptions={...d.shadowRootOptions,delegatesFocus:!0},e.formControlValidators=x,t([v("input")],e.prototype,"validationTarget",2),t([i({reflect:!0})],e.prototype,"name",2),t([i({reflect:!0})],e.prototype,"type",2),t([i({reflect:!0})],e.prototype,"label",2),t([i({reflect:!0})],e.prototype,"placeholder",2),t([i({reflect:!0})],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"required",2),t([i({type:Number,reflect:!0})],e.prototype,"minlength",2),t([i({type:Number,reflect:!0})],e.prototype,"maxlength",2),t([i({reflect:!0})],e.prototype,"min",2),t([i({type:Boolean,reflect:!0})],e.prototype,"loading",2),t([i({reflect:!0})],e.prototype,"max",2),t([i({type:String,reflect:!0})],e.prototype,"pattern",2),t([i({type:Number,reflect:!0})],e.prototype,"step",2),t([i({type:String,reflect:!0})],e.prototype,"autocomplete",2),t([i({type:String,reflect:!0})],e.prototype,"inputmode",2),t([i({type:Boolean,reflect:!0})],e.prototype,"autofocus",2),t([i({type:String,reflect:!0})],e.prototype,"icon",2),t([i({type:String,reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,reflect:!0})],e.prototype,"readonly",2),t([i({type:Boolean,attribute:"label-fixed",reflect:!0})],e.prototype,"labelFixed",2),t([i({type:String,attribute:"invalid-text",reflect:!0})],e.prototype,"customInvalidText",1),t([i({reflect:!0,type:String})],e.prototype,"error",2),t([i({type:String,attribute:"help-text",reflect:!0})],e.prototype,"helpText",2),t([n("bl-change")],e.prototype,"onChange",2),t([n("bl-input")],e.prototype,"onInput",2),t([n("bl-invalid")],e.prototype,"onInvalid",2),t([c()],e.prototype,"dirty",2),t([c()],e.prototype,"passwordVisible",2),e=t([u("bl-input"),f()],e);export{e as a};
59
- //# sourceMappingURL=chunk-7KND5OUR.js.map
package/dist/chunk-7KND5OUR.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/components/input/bl-input.css", "../src/components/input/bl-input.ts"],
4
- "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;width:200px;position:relative}.wrapper{--border-color:var(--bl-color-neutral-lighter);--icon-color:var(--bl-color-neutral-light);--text-color:var(--bl-color-neutral-darker);--height:var(--bl-size-2xl);--input-font:var(--bl-font-body-text-2);--line-height:var(--bl-font-body-text-2-line-height);--icon-size:var(--line-height);--icon-gap:var(--bl-size-xs);--padding-vertical:calc((var(--height) - var(--line-height)) / 2);--padding-horizontal:var(--bl-size-xs);--autofill-bg-color:var(--bl-color-primary-contrast);--label-padding:var(--bl-size-3xs);--background-color:var(--bl-color-neutral-full);display:grid;position:relative;gap:var(--bl-size-3xs)}.wrapper:focus-within{--border-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}.wrapper.dirty.invalid{--border-color:var(--bl-color-danger);--icon-color:var(--bl-color-danger)}:host([size=large]) .wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m);--icon-gap:var(--bl-size-m)}:host([size=small]) .wrapper{--height:var(--bl-size-xl);--input-font:var(--bl-font-body-text-3);--padding-vertical:var(--bl-size-3xs);--icon-size:var(--bl-font-body-text-3-line-height);--icon-gap:var(--bl-size-2xs)}.input-wrapper{--border-size:1px;outline:0;display:flex;box-sizing:border-box;gap:var(--padding-vertical);height:var(--height);border:solid var(--border-size) var(--border-color);padding:0 calc(var(--bl-input-padding-end,var(--padding-horizontal)) - var(--label-padding) - var(--border-size)) 0 calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding) - var(--border-size));background-color:var(--background-color);border-radius:var(--bl-size-3xs);margin:0;width:0;min-width:100%}:host([disabled]) .wrapper{cursor:not-allowed;--background-color:var(--bl-color-neutral-lightest);--text-color:var(--bl-color-neutral-light)}.wrapper:has(input:autofill){--background-color:var(--autofill-bg-color)}.wrapper:has(input:-webkit-autofill){--background-color:var(--autofill-bg-color)}.input-wrapper legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{position:absolute;max-width:max-content;transition:.1s ease-in;font:var(--input-font);top:var(--padding-vertical);inset-inline-start:var(--bl-input-padding-start,var(--padding-horizontal));inset-inline-end:var(--bl-input-padding-end,var(--padding-horizontal));pointer-events:none;color:var(--bl-color-neutral-light)}.has-icon label{inset-inline-end:calc(var(--bl-input-padding-end,var(--padding-horizontal)) + var(--icon-size) + var(--padding-vertical))}.input-wrapper legend{height:0;visibility:hidden;display:none}.input-wrapper legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}input{width:100%;align-self:stretch;outline:0;border:0;padding:0 0 0 var(--label-padding);font:var(--input-font);color:var(--text-color);-webkit-text-fill-color:var(--text-color);background-color:transparent;cursor:var(--bl-input-cursor,unset)}input::-webkit-credentials-auto-fill-button{color:red}:where(.wrapper:focus-within,.wrapper.has-value) input{padding-inline-start:var(--label-padding)}input:disabled{cursor:not-allowed}input::-webkit-calendar-picker-indicator{display:none}input::-webkit-search-cancel-button{display:none}input::-moz-calendar-picker-indicator{display:none}input:autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}input:-webkit-autofill{background-color:var(--autofill-bg-color);box-shadow:0 0 0 40rem var(--autofill-bg-color) inset}.icon{display:flex;align-items:center;gap:var(--icon-gap);flex-basis:var(--icon-size);align-self:center;height:var(--icon-size);margin-inline-end:var(--label-padding)}.icon:has(.clear-icon){gap:var(--bl-size-3xs)}::slotted(bl-icon),bl-icon:not(.reveal-icon,.clear-icon){font-size:var(--icon-size);color:var(--icon-color);height:var(--icon-size)}.reveal-button bl-icon{display:none}bl-icon[name=eye_on]{display:inline-block}.password-visible bl-icon[name=eye_on]{display:none}.password-visible bl-icon[name=eye_off]{display:inline-block}.wrapper:not(.has-icon) .icon{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}::placeholder{color:var(--bl-color-neutral-light);-webkit-text-fill-color:var(--bl-color-neutral-light)}:host([label]) ::placeholder{color:transparent;-webkit-text-fill-color:transparent;transition:color .4s ease-out}:host :focus-within ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-neutral-light);-webkit-text-fill-color:var(--bl-color-neutral-light)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);padding:0}:host([label-fixed]) legend{display:none}:host(:not([label-fixed])) .has-value label,:host(:not([label-fixed])) :focus-within label{top:0;inset-inline-start:calc(var(--bl-input-padding-start,var(--padding-horizontal)) - var(--label-padding));inset-inline-end:calc(var(--bl-input-padding-end,var(--padding-horizontal)) - var(--label-padding));transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);padding:0 var(--label-padding);pointer-events:initial;z-index:var(--bl-index-base)}:host([label]:not([label-fixed])) :where(:focus-within,.has-value) legend{max-width:100%;font:var(--bl-font-caption);display:block}.error-icon,.invalid-text{display:none}.dirty.invalid label,.error-icon,.invalid-text{color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}.dirty.invalid .hint,:host([help-text]) .hint{display:block}.dirty.invalid .invalid-text{display:block}.dirty.invalid .help-text{display:none}.dirty.invalid .error-icon{display:inline-block}.split-divider{display:block;height:1rem;width:1px;background-color:var(--bl-color-neutral-lighter)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, PropertyValues, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { localized, msg } from \"@lit/localize\";\nimport { FormControlMixin } from \"@open-wc/form-control\";\nimport { submit } from \"@open-wc/form-helpers\";\nimport \"element-internals-polyfill\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport { innerInputValidators } from \"../../utilities/form-control\";\nimport \"../button/bl-button\";\nimport \"../icon/bl-icon\";\nimport { BaklavaIcon } from \"../icon/icon-list\";\nimport style from \"./bl-input.css\";\n\nexport type InputType =\n | \"text\"\n | \"email\"\n | \"date\"\n | \"time\"\n | \"datetime-local\"\n | \"month\"\n | \"week\"\n | \"password\"\n | \"number\"\n | \"tel\"\n | \"url\"\n | \"search\";\n\nconst inputTypeIcons: Partial<Record<InputType, BaklavaIcon>> = {\n \"date\": \"calendar\",\n \"datetime-local\": \"calendar\",\n \"month\": \"calendar\",\n \"week\": \"calendar\",\n \"time\": \"clock\",\n \"search\": \"search\",\n};\n\nexport type InputSize = \"small\" | \"medium\" | \"large\";\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 */\n@customElement(\"bl-input\")\n@localized()\nexport default class BlInput extends FormControlMixin(LitElement) {\n static get styles(): CSSResultGroup {\n return [style];\n }\n static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true };\n\n static formControlValidators = innerInputValidators;\n\n @query(\"input\")\n validationTarget: HTMLInputElement;\n\n /**\n * Sets name of the input\n */\n @property({ reflect: true })\n name?: string;\n\n /**\n * Type of the input. It's used to set `type` attribute of native input inside.\n */\n @property({ reflect: true })\n type: InputType = \"text\";\n\n /**\n * Sets label of the input\n */\n @property({ reflect: true })\n label?: string;\n\n /**\n * Sets placeholder of the input\n */\n @property({ reflect: true })\n placeholder?: string;\n\n /**\n * Sets initial value of the input\n */\n @property({ reflect: true })\n value = \"\";\n\n /**\n * Makes input a mandatory field\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * Sets minimum length of the input\n */\n @property({ type: Number, reflect: true })\n minlength?: number;\n\n /**\n * Sets maximum length of the input\n */\n @property({ type: Number, reflect: true })\n maxlength?: number;\n\n /**\n * Sets the minimum acceptable value for the input\n */\n @property({ reflect: true })\n min?: number | string;\n\n /**\n * Sets the loading value for the input\n */\n @property({ type: Boolean, reflect: true })\n loading = false;\n\n /**\n * Sets the maximum acceptable value for the input\n */\n @property({ reflect: true })\n max?: number | string;\n\n /**\n * Sets a regex pattern form the input validation\n */\n @property({ type: String, reflect: true })\n pattern?: string;\n\n /**\n * Sets the increase and decrease step to a `number` input\n */\n @property({ type: Number, reflect: true })\n step?: number;\n\n /**\n * Hints browser to autocomplete this field.\n */\n @property({ type: String, reflect: true })\n autocomplete: HTMLInputElement[\"autocomplete\"] = \"on\";\n\n /**\n * Sets the input mode of the field for asking browser to show the desired keyboard.\n */\n @property({ type: String, reflect: true })\n inputmode: HTMLInputElement[\"inputMode\"];\n\n /**\n * Sets input to get keyboard focus automatically\n */\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /**\n * Sets the custom icon name. `bl-icon` component is used to show an icon\n */\n @property({ type: String, reflect: true })\n icon?: BaklavaIcon;\n\n /**\n * Sets input size.\n */\n @property({ type: String, reflect: true })\n size?: InputSize = \"medium\";\n\n /**\n * Disables the input\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Makes the input readonly.\n */\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /**\n * Makes label as fixed positioned\n */\n @property({ type: Boolean, attribute: \"label-fixed\", reflect: true })\n labelFixed = false;\n\n /**\n * Overrides error message. This message will override default error messages\n * @deprecated use setCustomValidity instead\n */\n @property({ type: String, attribute: \"invalid-text\", reflect: true })\n set customInvalidText(value: string) {\n this._customInvalidText = value;\n this.setValue(this.value);\n }\n\n /**\n * @deprecated\n */\n get customInvalidText(): string {\n return this._customInvalidText;\n }\n\n @property({ reflect: true, type: String })\n error: string;\n\n private _customInvalidText: string;\n\n /**\n * Adds help text\n */\n @property({ type: String, attribute: \"help-text\", reflect: true })\n helpText?: string;\n\n /**\n * Fires when an alteration to the element's value is committed by the user. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.\n */\n @event(\"bl-change\") private onChange: EventDispatcher<string>;\n\n /**\n * Fires when the value of an input element has been changed.\n */\n @event(\"bl-input\") private onInput: EventDispatcher<string>;\n\n /**\n * Fires when the value of an input element has been changed.\n */\n @event(\"bl-invalid\") private onInvalid: EventDispatcher<ValidityState>;\n\n connectedCallback(): void {\n super.connectedCallback();\n this.addEventListener(\"keydown\", this.onKeydown);\n\n this.form?.addEventListener(\"submit\", () => {\n this.reportValidity();\n });\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this.removeEventListener(\"keydown\", this.onKeydown);\n }\n\n private onKeydown = (event: KeyboardEvent): void => {\n if (event.code === \"Enter\" && this.form) {\n setTimeout(() => {\n if (!event.defaultPrevented) {\n submit(this.form);\n }\n });\n }\n };\n\n @state() private dirty = false;\n\n @state() private passwordVisible = false;\n\n private textVisibilityToggle() {\n this.passwordVisible = !this.passwordVisible;\n }\n\n private async handleSearchClear() {\n this.value = \"\";\n this.setValue(this.value);\n this.onInput(this.value);\n\n await this.clearCustomError();\n this.validationTarget.focus();\n }\n\n showPicker() {\n if (\"showPicker\" in HTMLInputElement.prototype) {\n this.validationTarget.showPicker();\n }\n }\n\n validityCallback(): string | void {\n this.onInvalid(this.internals.validity);\n return this.customInvalidText || this.validationTarget?.validationMessage;\n }\n\n /**\n * Sets a custom validity on the form element.\n * @param message\n */\n setCustomValidity(message: string) {\n this.validationTarget.setCustomValidity(message);\n }\n\n /**\n * Force to set input as in invalid state.\n * @deprecated use error attribute instead\n */\n async forceCustomError() {\n await this.updateComplete;\n this.setCustomValidity(\n this.customInvalidText ||\n msg(\"An error occurred\", { desc: \"bl-input: default custom error message\" })\n );\n this.setValue(this.value);\n this.reportValidity();\n }\n\n /**\n * Clear forced invalid state\n * @deprecated use error attribute instead\n */\n async clearCustomError() {\n await this.updateComplete;\n this.setCustomValidity(\"\");\n this.setValue(this.value);\n this.reportValidity();\n }\n\n reportValidity() {\n this.dirty = true;\n this.requestUpdate();\n return this.checkValidity();\n }\n\n private inputHandler(event: Event) {\n const value = (event.target as HTMLInputElement).value;\n\n this.value = value;\n this.setValue(this.value);\n this.onInput(value);\n }\n\n private changeHandler(event: Event) {\n const value = (event.target as HTMLInputElement).value;\n\n this.dirty = true;\n this.value = value;\n this.setValue(this.value);\n this.onChange(value);\n }\n\n firstUpdated() {\n this.setValue(this.value);\n if (!this.icon) this.icon = inputTypeIcons[this.type];\n }\n\n protected async updated(changedProperties: PropertyValues) {\n if (changedProperties.size > 0) {\n this.setValue(this.value);\n\n await this.validationComplete;\n\n this.requestUpdate();\n }\n\n if (changedProperties.has(\"error\") && this.error && !this.dirty) {\n this.reportValidity();\n }\n }\n\n private inputId = Math.random().toString(36).substring(2);\n\n private get _hasIconSlot() {\n return this.querySelector(':scope > [slot=\"icon\"]') !== null;\n }\n\n render(): TemplateResult {\n const invalidMessage = !this.checkValidity()\n ? html`<p id=\"errorMessage\" aria-live=\"polite\" class=\"invalid-text\">\n ${this.validationMessage}\n </p>`\n : \"\";\n const helpMessage = this.helpText\n ? html`<p id=\"helpText\" class=\"help-text\">${this.helpText}</p>`\n : \"\";\n\n const icon = html`\n <slot name=\"icon\">\n ${this.loading && this.type === \"search\" && this.value !== \"\" && this.value !== null\n ? html`<bl-spinner></bl-spinner>`\n : this.icon\n ? html`<bl-icon name=\"${this.icon}\"></bl-icon>`\n : html`<bl-icon class=\"error-icon\" name=\"alert\"></bl-icon>`}\n </slot>\n `;\n\n const label = this.label ? html`<label for=${this.inputId}>${this.label}</label>` : \"\";\n const passwordInput = this.type === \"password\";\n\n const revealButton = passwordInput\n ? html`<bl-button\n size=\"small\"\n kind=\"neutral\"\n variant=\"tertiary\"\n class=\"${classMap({\n \"reveal-button\": true,\n \"password-visible\": this.passwordVisible,\n })}\"\n aria-label=\"Toggle password reveal\"\n @bl-click=\"${this.textVisibilityToggle}\"\n >\n <bl-icon class=\"reveal-icon\" slot=\"icon\" name=\"eye_on\"></bl-icon>\n <bl-icon class=\"reveal-icon\" slot=\"icon\" name=\"eye_off\"></bl-icon>\n </bl-button>`\n : \"\";\n\n const clearSearchButton =\n this.type === \"search\" && this.value !== \"\" && this.value !== null\n ? html`\n <bl-button\n size=\"small\"\n kind=\"neutral\"\n variant=\"tertiary\"\n aria-label=\"Clear search\"\n @bl-click=${this.handleSearchClear}\n >\n <bl-icon class=\"clear-icon\" slot=\"icon\" name=\"close\"></bl-icon>\n </bl-button>\n <div class=\"split-divider\"></div>\n `\n : \"\";\n\n const hasCustomIcon = this.icon || this._hasIconSlot;\n const classes = {\n \"wrapper\": true,\n \"dirty\": this.dirty,\n \"invalid\": !this.checkValidity(),\n \"has-icon\": passwordInput || hasCustomIcon || (this.dirty && !this.checkValidity()),\n \"has-value\": this.value !== null && this.value !== \"\",\n };\n\n const passwordType = this.passwordVisible ? \"text\" : \"password\";\n const inputType = passwordInput ? passwordType : this.type;\n\n return html`<div class=${classMap(classes)}>\n ${label}\n <fieldset class=\"input-wrapper\">\n <legend><span>${this.label}</span></legend>\n <input\n id=${this.inputId}\n type=${inputType}\n .value=${live(this.value)}\n inputmode=\"${ifDefined(this.inputmode)}\"\n ?autofocus=${this.autofocus}\n .autocomplete=\"${this.autocomplete}\"\n placeholder=\"${ifDefined(this.placeholder)}\"\n minlength=\"${ifDefined(this.minlength)}\"\n maxlength=\"${ifDefined(this.maxlength)}\"\n min=\"${ifDefined(this.min)}\"\n max=\"${ifDefined(this.max)}\"\n pattern=\"${ifDefined(this.pattern)}\"\n step=\"${ifDefined(this.step)}\"\n ?required=${this.required}\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n @change=${this.changeHandler}\n @input=${this.inputHandler}\n aria-invalid=${this.checkValidity() ? \"false\" : \"true\"}\n aria-describedby=${ifDefined(this.helpText ? \"helpText\" : undefined)}\n aria-errormessage=${ifDefined(this.checkValidity() ? undefined : \"errorMessage\")}\n />\n <div class=\"icon\">${revealButton} ${clearSearchButton} ${icon}</div>\n </fieldset>\n <div class=\"hint\">${invalidMessage} ${helpMessage}</div>\n </div>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"bl-input\": BlInput;\n }\n}\n"],
5
- "mappings": "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",
6
- "names": ["styles", "i", "bl_input_default", "inputTypeIcons", "BlInput", "FormControlMixin", "s", "event", "submit", "bl_input_default", "value", "_a", "message", "msg", "changedProperties", "invalidMessage", "x", "helpMessage", "icon", "label", "passwordInput", "revealButton", "o", "clearSearchButton", "hasCustomIcon", "classes", "passwordType", "inputType", "l", "innerInputValidators", "__decorateClass", "i", "e", "t", "localized"]
7
- }