@trendyol/baklava 3.0.0 → 3.2.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -3
- package/dist/baklava-react.d.ts +115 -27
- package/dist/baklava-react.d.ts.map +1 -1
- package/dist/baklava-react.js +1 -1
- package/dist/baklava-react.js.map +3 -3
- package/dist/baklava-vue.d.ts +11 -0
- package/dist/baklava.d.ts +11 -0
- package/dist/baklava.d.ts.map +1 -1
- package/dist/baklava.js +1 -1
- package/dist/{chunk-KR6AUZ77.js → chunk-2GQCCDR3.js} +2 -2
- package/dist/chunk-2LP7VYJJ.js +20 -0
- package/dist/chunk-2LP7VYJJ.js.map +7 -0
- package/dist/{chunk-SLY6IY2R.js → chunk-4BZSILLM.js} +2 -2
- package/dist/{chunk-RFUZBNM4.js → chunk-4T26H7PC.js} +2 -2
- package/dist/{chunk-X2KXJYXQ.js → chunk-5MOOXA2X.js} +6 -6
- package/dist/{chunk-X2KXJYXQ.js.map → chunk-5MOOXA2X.js.map} +2 -2
- package/dist/{chunk-6UTBN2XX.js → chunk-5TPDRTCU.js} +2 -2
- package/dist/chunk-6BSYS2G5.js +31 -0
- package/dist/chunk-6BSYS2G5.js.map +7 -0
- package/dist/{chunk-7QGSFS64.js → chunk-73RGV4UX.js} +2 -2
- package/dist/chunk-7QNX2GPS.js +24 -0
- package/dist/chunk-7QNX2GPS.js.map +7 -0
- package/dist/chunk-B7ZEUBIV.js +63 -0
- package/dist/chunk-B7ZEUBIV.js.map +7 -0
- package/dist/chunk-C4DOPHMG.js +2 -0
- package/dist/chunk-C4DOPHMG.js.map +7 -0
- package/dist/chunk-C4GIIUCS.js +26 -0
- package/dist/chunk-C4GIIUCS.js.map +7 -0
- package/dist/chunk-CYLRPJKP.js +6 -0
- package/dist/chunk-CYLRPJKP.js.map +7 -0
- package/dist/chunk-DIS2PGBH.js +2 -0
- package/dist/chunk-DIS2PGBH.js.map +7 -0
- package/dist/chunk-DNSU2ZXO.js +2 -0
- package/dist/chunk-DNSU2ZXO.js.map +7 -0
- package/dist/{chunk-FJTTJ5ZT.js → chunk-DZ77A43H.js} +6 -6
- package/dist/chunk-DZ77A43H.js.map +7 -0
- package/dist/chunk-EG7U7PM3.js +11 -0
- package/dist/chunk-EG7U7PM3.js.map +7 -0
- package/dist/{chunk-BEGAFK2I.js → chunk-FQBDGFMR.js} +4 -4
- package/dist/{chunk-AVMAZXZT.js → chunk-FVBGMXMC.js} +2 -2
- package/dist/chunk-GY5V7SRK.js +80 -0
- package/dist/chunk-GY5V7SRK.js.map +7 -0
- package/dist/chunk-HBPBDC7T.js +95 -0
- package/dist/chunk-HBPBDC7T.js.map +7 -0
- package/dist/{chunk-PCREGBBF.js → chunk-HSVSMABT.js} +2 -2
- package/dist/chunk-HYB2HRRX.js +11 -0
- package/dist/{chunk-JI2OEPG2.js.map → chunk-HYB2HRRX.js.map} +3 -3
- package/dist/chunk-HZ6A5QFC.js +2 -0
- package/dist/chunk-HZ6A5QFC.js.map +7 -0
- package/dist/chunk-IZ2LK5GK.js +2 -0
- package/dist/{chunk-MNNOI75G.js → chunk-IZTTP5LH.js} +2 -2
- package/dist/chunk-KPWKBI57.js +11 -0
- package/dist/chunk-KPWKBI57.js.map +7 -0
- package/dist/{chunk-OSNB4BPE.js → chunk-MND5TXTF.js} +2 -2
- package/dist/chunk-NGJM4NWA.js +4 -0
- package/dist/chunk-NGJM4NWA.js.map +7 -0
- package/dist/chunk-P7J47Z2J.js +107 -0
- package/dist/chunk-P7J47Z2J.js.map +7 -0
- package/dist/{chunk-VOYAVKU3.js → chunk-Q6MAW2EF.js} +2 -2
- package/dist/{chunk-LWG2UXQG.js → chunk-QF4LGACD.js} +2 -2
- package/dist/{chunk-X5MXYPRD.js → chunk-RQEU3SZQ.js} +4 -4
- package/dist/chunk-STMCW2R6.js +8 -0
- package/dist/chunk-STMCW2R6.js.map +7 -0
- package/dist/chunk-TRWCD65K.js +34 -0
- package/dist/chunk-TRWCD65K.js.map +7 -0
- package/dist/chunk-UCLJCOUS.js +5 -0
- package/dist/chunk-UCLJCOUS.js.map +7 -0
- package/dist/chunk-VJRVHJVZ.js +2 -0
- package/dist/chunk-VJRVHJVZ.js.map +7 -0
- package/dist/chunk-VU6LRFZR.js +26 -0
- package/dist/chunk-VU6LRFZR.js.map +7 -0
- package/dist/chunk-WEEGH2F4.js +2 -0
- package/dist/chunk-WEEGH2F4.js.map +7 -0
- package/dist/{chunk-XQUQIQBO.js → chunk-WQTBAXMP.js} +5 -5
- package/dist/{chunk-ILQVF4MN.js → chunk-WXWKIQAK.js} +2 -2
- package/dist/chunk-X67Z2G2H.js +50 -0
- package/dist/chunk-X67Z2G2H.js.map +7 -0
- package/dist/chunk-XDCNO7EY.js +2 -0
- package/dist/chunk-XDCNO7EY.js.map +7 -0
- package/dist/chunk-XDUIVR6I.js +2 -0
- package/dist/chunk-XDUIVR6I.js.map +7 -0
- package/dist/chunk-Y7B25ZG3.js +16 -0
- package/dist/chunk-Y7B25ZG3.js.map +7 -0
- package/dist/components/accordion-group/accordion/bl-accordion.d.ts +41 -0
- package/dist/components/accordion-group/accordion/bl-accordion.d.ts.map +1 -0
- package/dist/components/accordion-group/accordion/bl-accordion.js +2 -0
- package/dist/components/accordion-group/accordion/bl-accordion.js.map +7 -0
- package/dist/components/accordion-group/accordion/bl-accordion.test.d.ts +2 -0
- package/dist/components/accordion-group/accordion/bl-accordion.test.d.ts.map +1 -0
- package/dist/components/accordion-group/bl-accordion-group.d.ts +14 -0
- package/dist/components/accordion-group/bl-accordion-group.d.ts.map +1 -0
- package/dist/components/accordion-group/bl-accordion-group.js +2 -0
- package/dist/components/accordion-group/bl-accordion-group.js.map +7 -0
- package/dist/components/accordion-group/bl-accordion-group.test.d.ts +2 -0
- package/dist/components/accordion-group/bl-accordion-group.test.d.ts.map +1 -0
- package/dist/components/alert/bl-alert.d.ts +1 -1
- package/dist/components/alert/bl-alert.d.ts.map +1 -1
- package/dist/components/alert/bl-alert.js +1 -1
- package/dist/components/badge/bl-badge.d.ts +1 -1
- package/dist/components/badge/bl-badge.d.ts.map +1 -1
- package/dist/components/badge/bl-badge.js +1 -1
- package/dist/components/button/bl-button.d.ts +5 -4
- package/dist/components/button/bl-button.d.ts.map +1 -1
- package/dist/components/button/bl-button.js +1 -1
- package/dist/components/calendar/bl-calendar.constant.d.ts +13 -0
- package/dist/components/calendar/bl-calendar.constant.d.ts.map +1 -0
- package/dist/components/calendar/bl-calendar.constant.js +2 -0
- package/dist/components/calendar/bl-calendar.constant.js.map +7 -0
- package/dist/components/calendar/bl-calendar.d.ts +81 -0
- package/dist/components/calendar/bl-calendar.d.ts.map +1 -0
- package/dist/components/calendar/bl-calendar.js +2 -0
- package/dist/components/calendar/bl-calendar.js.map +7 -0
- package/dist/components/calendar/bl-calendar.types.d.ts +15 -0
- package/dist/components/calendar/bl-calendar.types.d.ts.map +1 -0
- package/dist/components/calendar/bl-calendar.types.js +1 -0
- package/dist/components/calendar/bl-calendar.types.js.map +7 -0
- package/dist/components/checkbox-group/bl-checkbox-group.d.ts +29 -2
- package/dist/components/checkbox-group/bl-checkbox-group.d.ts.map +1 -1
- package/dist/components/checkbox-group/bl-checkbox-group.js +1 -1
- package/dist/components/checkbox-group/checkbox/bl-checkbox.d.ts +15 -1
- package/dist/components/checkbox-group/checkbox/bl-checkbox.d.ts.map +1 -1
- package/dist/components/checkbox-group/checkbox/bl-checkbox.js +1 -1
- package/dist/components/dialog/bl-dialog.d.ts +7 -0
- package/dist/components/dialog/bl-dialog.d.ts.map +1 -1
- package/dist/components/dialog/bl-dialog.js +1 -1
- package/dist/components/dialog/bl-dialog.stories.d.ts +6 -1
- package/dist/components/dialog/bl-dialog.stories.d.ts.map +1 -1
- package/dist/components/dialog/bl-dialog.stories.js +46 -10
- package/dist/components/dialog/bl-dialog.stories.js.map +3 -3
- package/dist/components/drawer/bl-drawer.d.ts +7 -0
- package/dist/components/drawer/bl-drawer.d.ts.map +1 -1
- package/dist/components/drawer/bl-drawer.js +1 -1
- package/dist/components/dropdown/bl-dropdown.js +1 -1
- package/dist/components/dropdown/group/bl-dropdown-group.js +1 -1
- package/dist/components/dropdown/item/bl-dropdown-item.d.ts +1 -0
- package/dist/components/dropdown/item/bl-dropdown-item.d.ts.map +1 -1
- package/dist/components/dropdown/item/bl-dropdown-item.js +1 -1
- package/dist/components/icon/bl-icon.js +1 -1
- package/dist/components/icon/icon-list.d.ts +1 -2
- package/dist/components/icon/icon-list.d.ts.map +1 -1
- package/dist/components/icon/icon-list.js +1 -1
- package/dist/components/icon/icon-list.js.map +4 -4
- package/dist/components/input/bl-input.d.ts +6 -2
- package/dist/components/input/bl-input.d.ts.map +1 -1
- package/dist/components/input/bl-input.js +1 -1
- package/dist/components/notification/bl-notification.d.ts +3 -3
- package/dist/components/notification/bl-notification.d.ts.map +1 -1
- package/dist/components/notification/bl-notification.js +1 -1
- package/dist/components/notification/bl-notification.stories.d.ts +2 -2
- package/dist/components/notification/bl-notification.stories.d.ts.map +1 -1
- package/dist/components/notification/bl-notification.stories.js +1 -1
- package/dist/components/notification/bl-notification.stories.js.map +1 -1
- package/dist/components/notification/card/bl-notification-card.d.ts +1 -1
- package/dist/components/notification/card/bl-notification-card.d.ts.map +1 -1
- package/dist/components/notification/card/bl-notification-card.js +1 -1
- package/dist/components/pagination/bl-pagination.d.ts +2 -2
- package/dist/components/pagination/bl-pagination.d.ts.map +1 -1
- package/dist/components/pagination/bl-pagination.js +1 -1
- package/dist/components/popover/bl-popover.d.ts +2 -2
- package/dist/components/popover/bl-popover.d.ts.map +1 -1
- package/dist/components/popover/bl-popover.js +1 -1
- package/dist/components/progress-indicator/bl-progress-indicator.d.ts +1 -1
- package/dist/components/progress-indicator/bl-progress-indicator.d.ts.map +1 -1
- package/dist/components/progress-indicator/bl-progress-indicator.js +1 -1
- package/dist/components/radio-group/bl-radio-group.js +1 -1
- package/dist/components/radio-group/radio/bl-radio.js +1 -1
- package/dist/components/select/bl-select.d.ts +16 -9
- package/dist/components/select/bl-select.d.ts.map +1 -1
- package/dist/components/select/bl-select.js +1 -1
- package/dist/components/select/option/bl-select-option.js +1 -1
- package/dist/components/spinner/bl-spinner.d.ts +34 -0
- package/dist/components/spinner/bl-spinner.d.ts.map +1 -0
- package/dist/components/spinner/bl-spinner.js +2 -0
- package/dist/components/spinner/bl-spinner.js.map +7 -0
- package/dist/components/spinner/bl-spinner.test.d.ts +2 -0
- package/dist/components/spinner/bl-spinner.test.d.ts.map +1 -0
- package/dist/components/split-button/bl-split-button.d.ts +105 -0
- package/dist/components/split-button/bl-split-button.d.ts.map +1 -0
- package/dist/components/split-button/bl-split-button.js +2 -0
- package/dist/components/split-button/bl-split-button.js.map +7 -0
- package/dist/components/split-button/bl-split-button.test.d.ts +2 -0
- package/dist/components/split-button/bl-split-button.test.d.ts.map +1 -0
- package/dist/components/switch/bl-switch.js +1 -1
- package/dist/components/tab-group/bl-tab-group.js +1 -1
- package/dist/components/tab-group/tab/bl-tab.js +1 -1
- package/dist/components/tab-group/tab-panel/bl-tab-panel.js +1 -1
- package/dist/components/table/bl-table.d.ts +120 -0
- package/dist/components/table/bl-table.d.ts.map +1 -0
- package/dist/components/table/bl-table.js +2 -0
- package/dist/components/table/bl-table.js.map +7 -0
- package/dist/components/table/bl-table.test.d.ts +6 -0
- package/dist/components/table/bl-table.test.d.ts.map +1 -0
- package/dist/components/table/table-body/bl-table-body.d.ts +19 -0
- package/dist/components/table/table-body/bl-table-body.d.ts.map +1 -0
- package/dist/components/table/table-body/bl-table-body.js +2 -0
- package/dist/components/table/table-body/bl-table-body.js.map +7 -0
- package/dist/components/table/table-body/bl-table-body.test.d.ts +2 -0
- package/dist/components/table/table-body/bl-table-body.test.d.ts.map +1 -0
- package/dist/components/table/table-cell/bl-table-cell.d.ts +35 -0
- package/dist/components/table/table-cell/bl-table-cell.d.ts.map +1 -0
- package/dist/components/table/table-cell/bl-table-cell.js +2 -0
- package/dist/components/table/table-cell/bl-table-cell.js.map +7 -0
- package/dist/components/table/table-cell/bl-table-cell.test.d.ts +2 -0
- package/dist/components/table/table-cell/bl-table-cell.test.d.ts.map +1 -0
- package/dist/components/table/table-header/bl-table-header.d.ts +22 -0
- package/dist/components/table/table-header/bl-table-header.d.ts.map +1 -0
- package/dist/components/table/table-header/bl-table-header.js +2 -0
- package/dist/components/table/table-header/bl-table-header.js.map +7 -0
- package/dist/components/table/table-header/bl-table-header.test.d.ts +2 -0
- package/dist/components/table/table-header/bl-table-header.test.d.ts.map +1 -0
- package/dist/components/table/table-header-cell/bl-table-header-cell.d.ts +43 -0
- package/dist/components/table/table-header-cell/bl-table-header-cell.d.ts.map +1 -0
- package/dist/components/table/table-header-cell/bl-table-header-cell.js +2 -0
- package/dist/components/table/table-header-cell/bl-table-header-cell.js.map +7 -0
- package/dist/components/table/table-header-cell/bl-table-header-cell.test.d.ts +2 -0
- package/dist/components/table/table-header-cell/bl-table-header-cell.test.d.ts.map +1 -0
- package/dist/components/table/table-row/bl-table-row.d.ts +31 -0
- package/dist/components/table/table-row/bl-table-row.d.ts.map +1 -0
- package/dist/components/table/table-row/bl-table-row.js +2 -0
- package/dist/components/table/table-row/bl-table-row.js.map +7 -0
- package/dist/components/table/table-row/bl-table-row.test.d.ts +2 -0
- package/dist/components/table/table-row/bl-table-row.test.d.ts.map +1 -0
- package/dist/components/textarea/bl-textarea.d.ts +1 -1
- package/dist/components/textarea/bl-textarea.d.ts.map +1 -1
- package/dist/components/textarea/bl-textarea.js +1 -1
- package/dist/components/tooltip/bl-tooltip.d.ts +8 -2
- package/dist/components/tooltip/bl-tooltip.d.ts.map +1 -1
- package/dist/components/tooltip/bl-tooltip.js +1 -1
- package/dist/custom-elements.json +1878 -670
- package/dist/generated/locale-codes.d.ts +14 -0
- package/dist/generated/locale-codes.d.ts.map +1 -0
- package/dist/generated/locale-codes.js +2 -0
- package/dist/generated/locale-codes.js.map +7 -0
- package/dist/generated/locales/tr.d.ts +9 -0
- package/dist/generated/locales/tr.d.ts.map +1 -0
- package/dist/generated/locales/tr.js +2 -0
- package/dist/generated/locales/tr.js.map +7 -0
- package/dist/localization.d.ts +5 -0
- package/dist/localization.d.ts.map +1 -0
- package/dist/localization.js +2 -0
- package/dist/localization.js.map +7 -0
- package/dist/utilities/elements.d.ts +1 -0
- package/dist/utilities/elements.d.ts.map +1 -1
- package/dist/utilities/icon-mock.d.ts +1 -1
- package/dist/utilities/icon-mock.d.ts.map +1 -1
- package/dist/utilities/style-to-px-converter.test.d.ts +2 -0
- package/dist/utilities/style-to-px-converter.test.d.ts.map +1 -0
- package/dist/utilities/style-to-px.converter.d.ts +2 -0
- package/dist/utilities/style-to-px.converter.d.ts.map +1 -0
- package/package.json +19 -6
- package/dist/assets/academy.svg +0 -3
- package/dist/assets/account.svg +0 -3
- package/dist/assets/add_note.svg +0 -4
- package/dist/assets/add_part.svg +0 -6
- package/dist/assets/add_photo.svg +0 -4
- package/dist/assets/add_product.svg +0 -5
- package/dist/assets/alert.svg +0 -3
- package/dist/assets/announcement.svg +0 -4
- package/dist/assets/archive.svg +0 -3
- package/dist/assets/arrow_down.svg +0 -3
- package/dist/assets/arrow_left.svg +0 -3
- package/dist/assets/arrow_right.svg +0 -3
- package/dist/assets/arrow_up.svg +0 -3
- package/dist/assets/attach.svg +0 -3
- package/dist/assets/award.svg +0 -6
- package/dist/assets/back.svg +0 -3
- package/dist/assets/back_fill.svg +0 -3
- package/dist/assets/badge.svg +0 -5
- package/dist/assets/barcode.svg +0 -3
- package/dist/assets/bill.svg +0 -3
- package/dist/assets/book.svg +0 -3
- package/dist/assets/browser.svg +0 -3
- package/dist/assets/burger.svg +0 -3
- package/dist/assets/calendar.svg +0 -5
- package/dist/assets/camera.svg +0 -3
- package/dist/assets/camera_off.svg +0 -4
- package/dist/assets/campaign.svg +0 -3
- package/dist/assets/change.svg +0 -4
- package/dist/assets/change_fill.svg +0 -3
- package/dist/assets/chart.svg +0 -5
- package/dist/assets/chatbot.svg +0 -3
- package/dist/assets/check.svg +0 -3
- package/dist/assets/check_fill.svg +0 -3
- package/dist/assets/clock.svg +0 -3
- package/dist/assets/close.svg +0 -3
- package/dist/assets/close_fill.svg +0 -3
- package/dist/assets/code.svg +0 -3
- package/dist/assets/coin.svg +0 -3
- package/dist/assets/compass.svg +0 -3
- package/dist/assets/complain.svg +0 -3
- package/dist/assets/confetti.svg +0 -9
- package/dist/assets/copy.svg +0 -3
- package/dist/assets/copy_checked.svg +0 -3
- package/dist/assets/coupon.svg +0 -3
- package/dist/assets/delete.svg +0 -4
- package/dist/assets/desktop.svg +0 -3
- package/dist/assets/desktop_filled.svg +0 -4
- package/dist/assets/dialog.svg +0 -3
- package/dist/assets/disable.svg +0 -3
- package/dist/assets/dislike.svg +0 -3
- package/dist/assets/document.svg +0 -3
- package/dist/assets/document_search.svg +0 -4
- package/dist/assets/donation.svg +0 -4
- package/dist/assets/download.svg +0 -5
- package/dist/assets/drag_and_drop.svg +0 -3
- package/dist/assets/edit.svg +0 -4
- package/dist/assets/excel.svg +0 -3
- package/dist/assets/exit.svg +0 -5
- package/dist/assets/expand.svg +0 -8
- package/dist/assets/export.svg +0 -3
- package/dist/assets/express.svg +0 -3
- package/dist/assets/express_delivery.svg +0 -6
- package/dist/assets/express_furniture.svg +0 -6
- package/dist/assets/external_link.svg +0 -4
- package/dist/assets/external_share.svg +0 -7
- package/dist/assets/eye_off.svg +0 -4
- package/dist/assets/eye_on.svg +0 -3
- package/dist/assets/facebook.svg +0 -3
- package/dist/assets/filter.svg +0 -3
- package/dist/assets/finance_accounting.svg +0 -3
- package/dist/assets/fire.svg +0 -3
- package/dist/assets/flag.svg +0 -3
- package/dist/assets/flash.svg +0 -3
- package/dist/assets/flash_fill.svg +0 -3
- package/dist/assets/forward.svg +0 -3
- package/dist/assets/full_size.svg +0 -3
- package/dist/assets/gift.svg +0 -6
- package/dist/assets/global_export.svg +0 -3
- package/dist/assets/globe.svg +0 -5
- package/dist/assets/go_forward.svg +0 -3
- package/dist/assets/graphic.svg +0 -3
- package/dist/assets/graphic_decrease.svg +0 -3
- package/dist/assets/group_of_people.svg +0 -8
- package/dist/assets/growth.svg +0 -3
- package/dist/assets/hamburger_menu.svg +0 -5
- package/dist/assets/handshake.svg +0 -4
- package/dist/assets/happy.svg +0 -3
- package/dist/assets/heart.svg +0 -3
- package/dist/assets/heart_fill.svg +0 -3
- package/dist/assets/heartbeat.svg +0 -3
- package/dist/assets/help.svg +0 -3
- package/dist/assets/history.svg +0 -3
- package/dist/assets/home.svg +0 -3
- package/dist/assets/hourglass.svg +0 -3
- package/dist/assets/image.svg +0 -5
- package/dist/assets/incognito.svg +0 -4
- package/dist/assets/info.svg +0 -3
- package/dist/assets/instagram.svg +0 -3
- package/dist/assets/label.svg +0 -3
- package/dist/assets/left_sided_arrow.svg +0 -3
- package/dist/assets/light_bulb.svg +0 -3
- package/dist/assets/like.svg +0 -3
- package/dist/assets/link.svg +0 -3
- package/dist/assets/listing.svg +0 -3
- package/dist/assets/live_monitor.svg +0 -3
- package/dist/assets/live_support.svg +0 -3
- package/dist/assets/loading.svg +0 -4
- package/dist/assets/lock.svg +0 -4
- package/dist/assets/magic_wand.svg +0 -3
- package/dist/assets/mail.svg +0 -3
- package/dist/assets/mail_opened.svg +0 -3
- package/dist/assets/map.svg +0 -4
- package/dist/assets/market.svg +0 -13
- package/dist/assets/market_order_back.svg +0 -3
- package/dist/assets/market_order_cancel.svg +0 -3
- package/dist/assets/market_order_change.svg +0 -3
- package/dist/assets/market_order_check.svg +0 -3
- package/dist/assets/market_processing.svg +0 -7
- package/dist/assets/meal_bag.svg +0 -4
- package/dist/assets/medal.svg +0 -5
- package/dist/assets/message.svg +0 -3
- package/dist/assets/metric_decrease.svg +0 -4
- package/dist/assets/metric_increase.svg +0 -4
- package/dist/assets/metric_minus.svg +0 -4
- package/dist/assets/microphone.svg +0 -3
- package/dist/assets/microphone_off.svg +0 -12
- package/dist/assets/minus.svg +0 -3
- package/dist/assets/minus_fill.svg +0 -3
- package/dist/assets/mobile.svg +0 -3
- package/dist/assets/mobile_fill.svg +0 -3
- package/dist/assets/mobile_settings.svg +0 -5
- package/dist/assets/money.svg +0 -4
- package/dist/assets/money_transfer.svg +0 -3
- package/dist/assets/motorcycle.svg +0 -3
- package/dist/assets/motorcycle_check.svg +0 -3
- package/dist/assets/new_store.svg +0 -3
- package/dist/assets/normal.svg +0 -3
- package/dist/assets/notice.svg +0 -7
- package/dist/assets/notification.svg +0 -3
- package/dist/assets/offers.svg +0 -5
- package/dist/assets/order.svg +0 -3
- package/dist/assets/order_back.svg +0 -3
- package/dist/assets/order_box.svg +0 -3
- package/dist/assets/order_boxes.svg +0 -14
- package/dist/assets/order_cancel.svg +0 -4
- package/dist/assets/order_check.svg +0 -3
- package/dist/assets/order_return.svg +0 -6
- package/dist/assets/order_settings.svg +0 -6
- package/dist/assets/order_time.svg +0 -4
- package/dist/assets/order_tracking.svg +0 -3
- package/dist/assets/paper.svg +0 -3
- package/dist/assets/partial_approve.svg +0 -6
- package/dist/assets/pause.svg +0 -3
- package/dist/assets/pause_fill.svg +0 -3
- package/dist/assets/people.svg +0 -3
- package/dist/assets/phone.svg +0 -3
- package/dist/assets/phone_settings.svg +0 -4
- package/dist/assets/photo.svg +0 -3
- package/dist/assets/photo_off.svg +0 -3
- package/dist/assets/pie_chart.svg +0 -4
- package/dist/assets/pie_chart_report.svg +0 -3
- package/dist/assets/pin.svg +0 -3
- package/dist/assets/play.svg +0 -3
- package/dist/assets/play_fill.svg +0 -3
- package/dist/assets/plus.svg +0 -3
- package/dist/assets/plus_fill.svg +0 -3
- package/dist/assets/preview.svg +0 -4
- package/dist/assets/price_settings.svg +0 -4
- package/dist/assets/print.svg +0 -3
- package/dist/assets/product.svg +0 -3
- package/dist/assets/profile.svg +0 -3
- package/dist/assets/profile_check.svg +0 -5
- package/dist/assets/profile_star.svg +0 -3
- package/dist/assets/puzzle.svg +0 -3
- package/dist/assets/qr.svg +0 -6
- package/dist/assets/report.svg +0 -4
- package/dist/assets/review.svg +0 -3
- package/dist/assets/right_sided_arrow.svg +0 -3
- package/dist/assets/rocket.svg +0 -4
- package/dist/assets/rotate.svg +0 -3
- package/dist/assets/sad.svg +0 -3
- package/dist/assets/save.svg +0 -4
- package/dist/assets/search.svg +0 -8
- package/dist/assets/send.svg +0 -3
- package/dist/assets/send_mail.svg +0 -6
- package/dist/assets/services.svg +0 -4
- package/dist/assets/settings.svg +0 -7
- package/dist/assets/share.svg +0 -5
- package/dist/assets/shopping_bag.svg +0 -8
- package/dist/assets/shopping_bag_add.svg +0 -3
- package/dist/assets/shopping_bag_back.svg +0 -9
- package/dist/assets/shopping_bag_cancel.svg +0 -9
- package/dist/assets/shopping_bag_discount.svg +0 -3
- package/dist/assets/shopping_bag_return.svg +0 -10
- package/dist/assets/sorting.svg +0 -4
- package/dist/assets/sound_off.svg +0 -4
- package/dist/assets/sound_on.svg +0 -3
- package/dist/assets/split_money.svg +0 -4
- package/dist/assets/star.svg +0 -3
- package/dist/assets/star_double.svg +0 -4
- package/dist/assets/star_fill.svg +0 -3
- package/dist/assets/star_triple.svg +0 -3
- package/dist/assets/stop.svg +0 -3
- package/dist/assets/stop_fill.svg +0 -3
- package/dist/assets/store.svg +0 -3
- package/dist/assets/store_performance.svg +0 -4
- package/dist/assets/suitcase.svg +0 -3
- package/dist/assets/support.svg +0 -3
- package/dist/assets/target.svg +0 -5
- package/dist/assets/ticket.svg +0 -3
- package/dist/assets/translation.svg +0 -3
- package/dist/assets/truck.svg +0 -6
- package/dist/assets/turn_back.svg +0 -3
- package/dist/assets/turn_back_fill.svg +0 -3
- package/dist/assets/two_sided_arrow.svg +0 -3
- package/dist/assets/unlock.svg +0 -4
- package/dist/assets/upload.svg +0 -5
- package/dist/assets/user_management.svg +0 -3
- package/dist/assets/vacation_mode.svg +0 -4
- package/dist/assets/very_happy.svg +0 -3
- package/dist/assets/very_sad.svg +0 -3
- package/dist/assets/wallet.svg +0 -3
- package/dist/assets/warehouse.svg +0 -3
- package/dist/assets/warning.svg +0 -3
- package/dist/assets/youtube.svg +0 -3
- package/dist/assets/zoom_in.svg +0 -3
- package/dist/assets/zoom_out.svg +0 -3
- package/dist/chunk-3B64VOWB.js +0 -2
- package/dist/chunk-3B64VOWB.js.map +0 -7
- package/dist/chunk-AAGDUS7G.js +0 -11
- package/dist/chunk-AAGDUS7G.js.map +0 -7
- package/dist/chunk-CYCIT2TG.js +0 -2
- package/dist/chunk-DJOD4BTL.js +0 -2
- package/dist/chunk-DJOD4BTL.js.map +0 -7
- package/dist/chunk-EPFBV6RC.js +0 -20
- package/dist/chunk-EPFBV6RC.js.map +0 -7
- package/dist/chunk-FJTTJ5ZT.js.map +0 -7
- package/dist/chunk-JI2OEPG2.js +0 -11
- package/dist/chunk-KXWP6EDU.js +0 -26
- package/dist/chunk-KXWP6EDU.js.map +0 -7
- package/dist/chunk-L4XYDFNG.js +0 -5
- package/dist/chunk-L4XYDFNG.js.map +0 -7
- package/dist/chunk-LDGSM7XL.js +0 -106
- package/dist/chunk-LDGSM7XL.js.map +0 -7
- package/dist/chunk-MPKYBU46.js +0 -33
- package/dist/chunk-MPKYBU46.js.map +0 -7
- package/dist/chunk-RQG2GHCK.js +0 -23
- package/dist/chunk-RQG2GHCK.js.map +0 -7
- package/dist/chunk-TOJWQXBJ.js +0 -50
- package/dist/chunk-TOJWQXBJ.js.map +0 -7
- package/dist/chunk-V5OMCBVZ.js +0 -23
- package/dist/chunk-V5OMCBVZ.js.map +0 -7
- package/dist/chunk-WA7DDIST.js +0 -21
- package/dist/chunk-WA7DDIST.js.map +0 -7
- /package/dist/{chunk-KR6AUZ77.js.map → chunk-2GQCCDR3.js.map} +0 -0
- /package/dist/{chunk-SLY6IY2R.js.map → chunk-4BZSILLM.js.map} +0 -0
- /package/dist/{chunk-RFUZBNM4.js.map → chunk-4T26H7PC.js.map} +0 -0
- /package/dist/{chunk-6UTBN2XX.js.map → chunk-5TPDRTCU.js.map} +0 -0
- /package/dist/{chunk-7QGSFS64.js.map → chunk-73RGV4UX.js.map} +0 -0
- /package/dist/{chunk-BEGAFK2I.js.map → chunk-FQBDGFMR.js.map} +0 -0
- /package/dist/{chunk-AVMAZXZT.js.map → chunk-FVBGMXMC.js.map} +0 -0
- /package/dist/{chunk-PCREGBBF.js.map → chunk-HSVSMABT.js.map} +0 -0
- /package/dist/{chunk-CYCIT2TG.js.map → chunk-IZ2LK5GK.js.map} +0 -0
- /package/dist/{chunk-MNNOI75G.js.map → chunk-IZTTP5LH.js.map} +0 -0
- /package/dist/{chunk-OSNB4BPE.js.map → chunk-MND5TXTF.js.map} +0 -0
- /package/dist/{chunk-VOYAVKU3.js.map → chunk-Q6MAW2EF.js.map} +0 -0
- /package/dist/{chunk-LWG2UXQG.js.map → chunk-QF4LGACD.js.map} +0 -0
- /package/dist/{chunk-X5MXYPRD.js.map → chunk-RQEU3SZQ.js.map} +0 -0
- /package/dist/{chunk-XQUQIQBO.js.map → chunk-WQTBAXMP.js.map} +0 -0
- /package/dist/{chunk-ILQVF4MN.js.map → chunk-WXWKIQAK.js.map} +0 -0
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<h1 align="center">Baklava Design System</h1>
|
|
4
4
|
|
|
5
|
-
<p
|
|
5
|
+
<p style="display:flex;flex-direction:row;gap:10px;justify-content:center;">
|
|
6
6
|
<a href="https://www.npmjs.com/package/@trendyol/baklava">
|
|
7
7
|
<img src="https://img.shields.io/npm/v/@trendyol/baklava.svg" alt="NPM Package Stable" />
|
|
8
8
|
</a>
|
|
@@ -29,8 +29,8 @@ Web implementation of the design system is created as native web components so i
|
|
|
29
29
|
Preferred way of using Baklava is using it via CDN. Just import library JS and CSS files to your main document like below:
|
|
30
30
|
|
|
31
31
|
```html
|
|
32
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@trendyol/baklava@3.
|
|
33
|
-
<script type="module" src="https://cdn.jsdelivr.net/npm/@trendyol/baklava@3.
|
|
32
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@trendyol/baklava@3.1.0/dist/themes/default.css" />
|
|
33
|
+
<script type="module" src="https://cdn.jsdelivr.net/npm/@trendyol/baklava@3.1.0/dist/baklava.js"></script>
|
|
34
34
|
```
|
|
35
35
|
|
|
36
36
|
This way library will be served from a very high performant CDN and all of the Baklava web components will be ready to use inside your web project.
|
|
@@ -51,3 +51,4 @@ suggestions, code improvements, adding new features or fixing problems. For more
|
|
|
51
51
|
* [Project Board](https://github.com/orgs/Trendyol/projects/4)
|
|
52
52
|
* [Discussion Board](https://github.com/Trendyol/baklava/discussions)
|
|
53
53
|
* [Mobile (React-Native) Implementation](https://github.com/Trendyol/baklava-react-native)
|
|
54
|
+
* [Icons Library](https://github.com/Trendyol/baklava-icons)
|
package/dist/baklava-react.d.ts
CHANGED
|
@@ -1,36 +1,49 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { type EventName } from "@lit-labs/react";
|
|
3
3
|
import { ISelectOption } from "./components/select/bl-select";
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
10
|
-
export
|
|
11
|
-
export
|
|
12
|
-
export
|
|
13
|
-
export
|
|
14
|
-
export
|
|
15
|
-
export
|
|
16
|
-
export
|
|
17
|
-
export
|
|
18
|
-
export
|
|
19
|
-
export
|
|
20
|
-
export
|
|
21
|
-
export
|
|
22
|
-
export
|
|
23
|
-
export
|
|
24
|
-
export
|
|
25
|
-
export
|
|
26
|
-
export
|
|
27
|
-
export
|
|
28
|
-
export
|
|
29
|
-
export
|
|
30
|
-
export
|
|
4
|
+
export type BlAccordionGroup = import("./components/accordion-group/bl-accordion-group").default;
|
|
5
|
+
export type BlAlert = import("./components/alert/bl-alert").default;
|
|
6
|
+
export type BlBadge = import("./components/badge/bl-badge").default;
|
|
7
|
+
export type BlButton = import("./components/button/bl-button").default;
|
|
8
|
+
export type BlCalendar = import("./components/calendar/bl-calendar").default;
|
|
9
|
+
export type BlCheckboxGroup = import("./components/checkbox-group/bl-checkbox-group").default;
|
|
10
|
+
export type BlDialog = import("./components/dialog/bl-dialog").default;
|
|
11
|
+
export type BlDrawer = import("./components/drawer/bl-drawer").default;
|
|
12
|
+
export type BlDropdown = import("./components/dropdown/bl-dropdown").default;
|
|
13
|
+
export type BlIcon = import("./components/icon/bl-icon").default;
|
|
14
|
+
export type BlInput = import("./components/input/bl-input").default;
|
|
15
|
+
export type BlNotification = import("./components/notification/bl-notification").default;
|
|
16
|
+
export type BlPagination = import("./components/pagination/bl-pagination").default;
|
|
17
|
+
export type BlPopover = import("./components/popover/bl-popover").default;
|
|
18
|
+
export type BlProgressIndicator = import("./components/progress-indicator/bl-progress-indicator").default;
|
|
19
|
+
export type BlRadioGroup = import("./components/radio-group/bl-radio-group").default;
|
|
20
|
+
export type BlSelect = import("./components/select/bl-select").default;
|
|
21
|
+
export type BlSpinner = import("./components/spinner/bl-spinner").default;
|
|
22
|
+
export type BlSplitButton = import("./components/split-button/bl-split-button").default;
|
|
23
|
+
export type BlSwitch = import("./components/switch/bl-switch").default;
|
|
24
|
+
export type BlTabGroup = import("./components/tab-group/bl-tab-group").default;
|
|
25
|
+
export type BlTable = import("./components/table/bl-table").default;
|
|
26
|
+
export type BlTextarea = import("./components/textarea/bl-textarea").default;
|
|
27
|
+
export type BlTooltip = import("./components/tooltip/bl-tooltip").default;
|
|
28
|
+
export type BlAccordion = import("./components/accordion-group/accordion/bl-accordion").default;
|
|
29
|
+
export type BlCheckbox = import("./components/checkbox-group/checkbox/bl-checkbox").default;
|
|
30
|
+
export type BlDropdownGroup = import("./components/dropdown/group/bl-dropdown-group").default;
|
|
31
|
+
export type BlDropdownItem = import("./components/dropdown/item/bl-dropdown-item").default;
|
|
32
|
+
export type BlNotificationCard = import("./components/notification/card/bl-notification-card").default;
|
|
33
|
+
export type BlRadio = import("./components/radio-group/radio/bl-radio").default;
|
|
34
|
+
export type BlSelectOption = import("./components/select/option/bl-select-option").default;
|
|
35
|
+
export type BlTab = import("./components/tab-group/tab/bl-tab").default;
|
|
36
|
+
export type BlTabPanel = import("./components/tab-group/tab-panel/bl-tab-panel").default;
|
|
37
|
+
export type BlTableBody = import("./components/table/table-body/bl-table-body").default;
|
|
38
|
+
export type BlTableCell = import("./components/table/table-cell/bl-table-cell").default;
|
|
39
|
+
export type BlTableHeader = import("./components/table/table-header/bl-table-header").default;
|
|
40
|
+
export type BlTableHeaderCell = import("./components/table/table-header-cell/bl-table-header-cell").default;
|
|
41
|
+
export type BlTableRow = import("./components/table/table-row/bl-table-row").default;
|
|
31
42
|
export declare type BlAlertClose = CustomEvent<boolean>;
|
|
32
43
|
export declare type BlButtonClick = CustomEvent<string>;
|
|
44
|
+
export declare type BlCalendarCalendarChange = CustomEvent<Date[]>;
|
|
33
45
|
export declare type BlCheckboxGroupCheckboxGroupChange = CustomEvent<string[]>;
|
|
46
|
+
export declare type BlCheckboxGroupCheckboxGroupInvalid = CustomEvent<ValidityState>;
|
|
34
47
|
export declare type BlDialogDialogOpen = CustomEvent<object>;
|
|
35
48
|
export declare type BlDialogDialogRequestClose = CustomEvent<{
|
|
36
49
|
source: "close-button" | "keyboard" | "backdrop";
|
|
@@ -55,15 +68,22 @@ export declare type BlPopoverPopoverHide = CustomEvent<string>;
|
|
|
55
68
|
export declare type BlRadioGroupRadioChange = CustomEvent<string>;
|
|
56
69
|
export declare type BlSelectSelect = CustomEvent<ISelectOption[] | ISelectOption>;
|
|
57
70
|
export declare type BlSelectSearch = CustomEvent<string>;
|
|
71
|
+
export declare type BlSplitButtonDropdownOpen = CustomEvent<string>;
|
|
72
|
+
export declare type BlSplitButtonDropdownClose = CustomEvent<string>;
|
|
73
|
+
export declare type BlSplitButtonClick = CustomEvent<string>;
|
|
58
74
|
export declare type BlSwitchSwitchToggle = CustomEvent<boolean>;
|
|
75
|
+
export declare type BlTableSortChangeEventName = CustomEvent<string[]>;
|
|
76
|
+
export declare type BlTableRowSelectChangeEventName = CustomEvent<string[]>;
|
|
59
77
|
export declare type BlTextareaInput = CustomEvent<string>;
|
|
60
78
|
export declare type BlTextareaChange = CustomEvent<string>;
|
|
61
79
|
export declare type BlTextareaInvalid = CustomEvent<ValidityState>;
|
|
62
80
|
export declare type BlTooltipTooltipShow = CustomEvent<string>;
|
|
63
81
|
export declare type BlTooltipTooltipHide = CustomEvent<string>;
|
|
82
|
+
export declare type BlAccordionToggle = CustomEvent<boolean>;
|
|
64
83
|
export declare type BlCheckboxCheckboxChange = CustomEvent<boolean>;
|
|
65
84
|
export declare type BlCheckboxFocus = CustomEvent<string>;
|
|
66
85
|
export declare type BlCheckboxBlur = CustomEvent<string>;
|
|
86
|
+
export declare type BlCheckboxCheckboxInvalid = CustomEvent<ValidityState>;
|
|
67
87
|
export declare type BlDropdownItemDropdownItemClick = CustomEvent<string>;
|
|
68
88
|
export declare type BlNotificationCardNotificationCardRequestClose = CustomEvent<{
|
|
69
89
|
source: "duration-ended" | "close-button";
|
|
@@ -78,6 +98,7 @@ export declare type BlSelectOptionSelectOption = CustomEvent<string | null>;
|
|
|
78
98
|
export declare type BlSelectOptionFocus = CustomEvent<string | null>;
|
|
79
99
|
export declare type BlSelectOptionBlur = CustomEvent<string | null>;
|
|
80
100
|
export declare type BlTabTabSelected = CustomEvent<string>;
|
|
101
|
+
export declare const BlAccordionGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/accordion-group/bl-accordion-group").default, {}>>;
|
|
81
102
|
/**
|
|
82
103
|
* @tag bl-alert
|
|
83
104
|
* @summary Baklava Alert component
|
|
@@ -104,6 +125,13 @@ export declare const BlBadge: React.LazyExoticComponent<import("@lit-labs/react"
|
|
|
104
125
|
export declare const BlButton: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/button/bl-button").default, {
|
|
105
126
|
onBlClick: EventName<BlButtonClick>;
|
|
106
127
|
}>>;
|
|
128
|
+
/**
|
|
129
|
+
* @tag bl-calendar
|
|
130
|
+
* @summary Baklava Calendar component
|
|
131
|
+
**/
|
|
132
|
+
export declare const BlCalendar: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/calendar/bl-calendar").default, {
|
|
133
|
+
onBlCalendarChange: EventName<BlCalendarCalendarChange>;
|
|
134
|
+
}>>;
|
|
107
135
|
/**
|
|
108
136
|
* @tag bl-checkbox-group
|
|
109
137
|
* @summary Baklava Button component
|
|
@@ -112,10 +140,14 @@ export declare const BlButton: React.LazyExoticComponent<import("@lit-labs/react
|
|
|
112
140
|
*/
|
|
113
141
|
export declare const BlCheckboxGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/checkbox-group/bl-checkbox-group").default, {
|
|
114
142
|
onBlCheckboxGroupChange: EventName<BlCheckboxGroupCheckboxGroupChange>;
|
|
143
|
+
onBlCheckboxGroupInvalid: EventName<BlCheckboxGroupCheckboxGroupInvalid>;
|
|
115
144
|
}>>;
|
|
116
145
|
/**
|
|
117
146
|
* @tag bl-dialog
|
|
118
147
|
* @summary Baklava Dialog component
|
|
148
|
+
*
|
|
149
|
+
* @cssproperty [--bl-dialog-width=auto] Sets the width of the dialog content
|
|
150
|
+
* @cssproperty [--bl-dialog-caption-line-clamp=1] Sets the line clamp of the caption
|
|
119
151
|
*/
|
|
120
152
|
export declare const BlDialog: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/dialog/bl-dialog").default, {
|
|
121
153
|
onBlDialogOpen: EventName<BlDialogDialogOpen>;
|
|
@@ -223,6 +255,21 @@ export declare const BlSelect: React.LazyExoticComponent<import("@lit-labs/react
|
|
|
223
255
|
onBlSelect: EventName<BlSelectSelect>;
|
|
224
256
|
onBlSearch: EventName<BlSelectSearch>;
|
|
225
257
|
}>>;
|
|
258
|
+
/**
|
|
259
|
+
* @tag bl-spinner
|
|
260
|
+
* @summary Baklava Spinner component
|
|
261
|
+
*
|
|
262
|
+
*/
|
|
263
|
+
export declare const BlSpinner: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/spinner/bl-spinner").default, {}>>;
|
|
264
|
+
/**
|
|
265
|
+
* @tag bl-split-button
|
|
266
|
+
* @summary Baklava Split Button component
|
|
267
|
+
*/
|
|
268
|
+
export declare const BlSplitButton: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/split-button/bl-split-button").default, {
|
|
269
|
+
onBlDropdownOpen: EventName<BlSplitButtonDropdownOpen>;
|
|
270
|
+
onBlDropdownClose: EventName<BlSplitButtonDropdownClose>;
|
|
271
|
+
onBlClick: EventName<BlSplitButtonClick>;
|
|
272
|
+
}>>;
|
|
226
273
|
/**
|
|
227
274
|
* @tag bl-switch
|
|
228
275
|
* @summary Baklava Switch component
|
|
@@ -239,6 +286,15 @@ export declare const BlSwitch: React.LazyExoticComponent<import("@lit-labs/react
|
|
|
239
286
|
* @summary Baklava Tab group component
|
|
240
287
|
*/
|
|
241
288
|
export declare const BlTabGroup: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tab-group/bl-tab-group").default, {}>>;
|
|
289
|
+
/**
|
|
290
|
+
* @tag bl-table
|
|
291
|
+
* @summary Baklava Table component
|
|
292
|
+
*
|
|
293
|
+
*/
|
|
294
|
+
export declare const BlTable: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/table/bl-table").default, {
|
|
295
|
+
onBlSortChangeEventName: EventName<BlTableSortChangeEventName>;
|
|
296
|
+
onBlRowSelectChangeEventName: EventName<BlTableRowSelectChangeEventName>;
|
|
297
|
+
}>>;
|
|
242
298
|
/**
|
|
243
299
|
* @tag bl-textarea
|
|
244
300
|
* @summary Baklava Textarea component
|
|
@@ -259,6 +315,9 @@ export declare const BlTooltip: React.LazyExoticComponent<import("@lit-labs/reac
|
|
|
259
315
|
onBlTooltipShow: EventName<BlTooltipTooltipShow>;
|
|
260
316
|
onBlTooltipHide: EventName<BlTooltipTooltipHide>;
|
|
261
317
|
}>>;
|
|
318
|
+
export declare const BlAccordion: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/accordion-group/accordion/bl-accordion").default, {
|
|
319
|
+
onBlToggle: EventName<BlAccordionToggle>;
|
|
320
|
+
}>>;
|
|
262
321
|
/**
|
|
263
322
|
* @tag bl-checkbox
|
|
264
323
|
* @summary Baklava Checkbox component
|
|
@@ -267,6 +326,7 @@ export declare const BlCheckbox: React.LazyExoticComponent<import("@lit-labs/rea
|
|
|
267
326
|
onBlCheckboxChange: EventName<BlCheckboxCheckboxChange>;
|
|
268
327
|
onBlFocus: EventName<BlCheckboxFocus>;
|
|
269
328
|
onBlBlur: EventName<BlCheckboxBlur>;
|
|
329
|
+
onBlCheckboxInvalid: EventName<BlCheckboxCheckboxInvalid>;
|
|
270
330
|
}>>;
|
|
271
331
|
/**
|
|
272
332
|
* @tag bl-dropdown-group
|
|
@@ -316,4 +376,32 @@ export declare const BlTab: React.LazyExoticComponent<import("@lit-labs/react").
|
|
|
316
376
|
* @summary Baklava Tab panel component
|
|
317
377
|
*/
|
|
318
378
|
export declare const BlTabPanel: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/tab-group/tab-panel/bl-tab-panel").default, {}>>;
|
|
379
|
+
/**
|
|
380
|
+
* @tag bl-table-body
|
|
381
|
+
* @summary Baklava Table component
|
|
382
|
+
*/
|
|
383
|
+
export declare const BlTableBody: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/table/table-body/bl-table-body").default, {}>>;
|
|
384
|
+
/**
|
|
385
|
+
* @tag bl-table-cell
|
|
386
|
+
* @summary Baklava Table component
|
|
387
|
+
*/
|
|
388
|
+
export declare const BlTableCell: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/table/table-cell/bl-table-cell").default, {}>>;
|
|
389
|
+
/**
|
|
390
|
+
* @tag bl-table-header
|
|
391
|
+
* @summary Baklava Table component
|
|
392
|
+
*/
|
|
393
|
+
export declare const BlTableHeader: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/table/table-header/bl-table-header").default, {}>>;
|
|
394
|
+
/**
|
|
395
|
+
* @tag bl-table-header-cell
|
|
396
|
+
* @summary Baklava Table component
|
|
397
|
+
*
|
|
398
|
+
* @cssproperty [--bl-table-header-cell-width] Set the column width
|
|
399
|
+
* @cssproperty [--bl-table-header-cell-min-width] Set the column min width
|
|
400
|
+
*/
|
|
401
|
+
export declare const BlTableHeaderCell: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/table/table-header-cell/bl-table-header-cell").default, {}>>;
|
|
402
|
+
/**
|
|
403
|
+
* @tag bl-table-row
|
|
404
|
+
* @summary Baklava Table component
|
|
405
|
+
*/
|
|
406
|
+
export declare const BlTableRow: React.LazyExoticComponent<import("@lit-labs/react").ReactWebComponent<import("./components/table/table-row/bl-table-row").default, {}>>;
|
|
319
407
|
//# sourceMappingURL=baklava-react.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"baklava-react.d.ts","sourceRoot":"","sources":["../src/baklava-react.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,
|
|
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-CYCIT2TG.js";import e from"react";var v=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))v.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-alert").then(()=>({default:t({react:e,displayName:"BlAlert",tagName:"bl-alert",elementClass:customElements.get("bl-alert"),events:{onBlClose:"bl-close"}})}))),D=e.lazy(()=>customElements.whenDefined("bl-badge").then(()=>({default:t({react:e,displayName:"BlBadge",tagName:"bl-badge",elementClass:customElements.get("bl-badge"),events:{}})}))),S=e.lazy(()=>customElements.whenDefined("bl-button").then(()=>({default:t({react:e,displayName:"BlButton",tagName:"bl-button",elementClass:customElements.get("bl-button"),events:{onBlClick:"bl-click"}})}))),k=e.lazy(()=>customElements.whenDefined("bl-checkbox-group").then(()=>({default:t({react:e,displayName:"BlCheckboxGroup",tagName:"bl-checkbox-group",elementClass:customElements.get("bl-checkbox-group"),events:{onBlCheckboxGroupChange:"bl-checkbox-group-change"}})}))),T=e.lazy(()=>customElements.whenDefined("bl-dialog").then(()=>({default:t({react:e,displayName:"BlDialog",tagName:"bl-dialog",elementClass:customElements.get("bl-dialog"),events:{onBlDialogOpen:"bl-dialog-open",onBlDialogRequestClose:"bl-dialog-request-close",onBlDialogClose:"bl-dialog-close"}})}))),I=e.lazy(()=>customElements.whenDefined("bl-drawer").then(()=>({default:t({react:e,displayName:"BlDrawer",tagName:"bl-drawer",elementClass:customElements.get("bl-drawer"),events:{onBlDrawerOpen:"bl-drawer-open",onBlDrawerClose:"bl-drawer-close"}})}))),P=e.lazy(()=>customElements.whenDefined("bl-dropdown").then(()=>({default:t({react:e,displayName:"BlDropdown",tagName:"bl-dropdown",elementClass:customElements.get("bl-dropdown"),events:{onBlDropdownOpen:"bl-dropdown-open",onBlDropdownClose:"bl-dropdown-close"}})}))),R=e.lazy(()=>customElements.whenDefined("bl-icon").then(()=>({default:t({react:e,displayName:"BlIcon",tagName:"bl-icon",elementClass:customElements.get("bl-icon"),events:{onBlLoad:"bl-load",onBlError:"bl-error"}})}))),z=e.lazy(()=>customElements.whenDefined("bl-input").then(()=>({default:t({react:e,displayName:"BlInput",tagName:"bl-input",elementClass:customElements.get("bl-input"),events:{onBlChange:"bl-change",onBlInput:"bl-input",onBlInvalid:"bl-invalid"}})}))),O=e.lazy(()=>customElements.whenDefined("bl-notification").then(()=>({default:t({react:e,displayName:"BlNotification",tagName:"bl-notification",elementClass:customElements.get("bl-notification"),events:{}})}))),G=e.lazy(()=>customElements.whenDefined("bl-pagination").then(()=>({default:t({react:e,displayName:"BlPagination",tagName:"bl-pagination",elementClass:customElements.get("bl-pagination"),events:{onBlChange:"bl-change"}})}))),F=e.lazy(()=>customElements.whenDefined("bl-popover").then(()=>({default:t({react:e,displayName:"BlPopover",tagName:"bl-popover",elementClass:customElements.get("bl-popover"),events:{onBlPopoverShow:"bl-popover-show",onBlPopoverHide:"bl-popover-hide"}})}))),q=e.lazy(()=>customElements.whenDefined("bl-progress-indicator").then(()=>({default:t({react:e,displayName:"BlProgressIndicator",tagName:"bl-progress-indicator",elementClass:customElements.get("bl-progress-indicator"),events:{}})}))),A=e.lazy(()=>customElements.whenDefined("bl-radio-group").then(()=>({default:t({react:e,displayName:"BlRadioGroup",tagName:"bl-radio-group",elementClass:customElements.get("bl-radio-group"),events:{onBlRadioChange:"bl-radio-change"}})}))),H=e.lazy(()=>customElements.whenDefined("bl-select").then(()=>({default:t({react:e,displayName:"BlSelect",tagName:"bl-select",elementClass:customElements.get("bl-select"),events:{onBlSelect:"bl-select",onBlSearch:"bl-search"}})}))),L=e.lazy(()=>customElements.whenDefined("bl-switch").then(()=>({default:t({react:e,displayName:"BlSwitch",tagName:"bl-switch",elementClass:customElements.get("bl-switch"),events:{onBlSwitchToggle:"bl-switch-toggle"}})}))),j=e.lazy(()=>customElements.whenDefined("bl-tab-group").then(()=>({default:t({react:e,displayName:"BlTabGroup",tagName:"bl-tab-group",elementClass:customElements.get("bl-tab-group"),events:{}})}))),M=e.lazy(()=>customElements.whenDefined("bl-textarea").then(()=>({default:t({react:e,displayName:"BlTextarea",tagName:"bl-textarea",elementClass:customElements.get("bl-textarea"),events:{onBlInput:"bl-input",onBlChange:"bl-change",onBlInvalid:"bl-invalid"}})}))),V=e.lazy(()=>customElements.whenDefined("bl-tooltip").then(()=>({default:t({react:e,displayName:"BlTooltip",tagName:"bl-tooltip",elementClass:customElements.get("bl-tooltip"),events:{onBlTooltipShow:"bl-tooltip-show",onBlTooltipHide:"bl-tooltip-hide"}})}))),W=e.lazy(()=>customElements.whenDefined("bl-checkbox").then(()=>({default:t({react:e,displayName:"BlCheckbox",tagName:"bl-checkbox",elementClass:customElements.get("bl-checkbox"),events:{onBlCheckboxChange:"bl-checkbox-change",onBlFocus:"bl-focus",onBlBlur:"bl-blur"}})}))),J=e.lazy(()=>customElements.whenDefined("bl-dropdown-group").then(()=>({default:t({react:e,displayName:"BlDropdownGroup",tagName:"bl-dropdown-group",elementClass:customElements.get("bl-dropdown-group"),events:{}})}))),K=e.lazy(()=>customElements.whenDefined("bl-dropdown-item").then(()=>({default:t({react:e,displayName:"BlDropdownItem",tagName:"bl-dropdown-item",elementClass:customElements.get("bl-dropdown-item"),events:{onBlDropdownItemClick:"bl-dropdown-item-click"}})}))),Q=e.lazy(()=>customElements.whenDefined("bl-notification-card").then(()=>({default:t({react:e,displayName:"BlNotificationCard",tagName:"bl-notification-card",elementClass:customElements.get("bl-notification-card"),events:{onBlNotificationCardRequestClose:"bl-notification-card-request-close",onBlNotificationCardClose:"bl-notification-card-close"}})}))),U=e.lazy(()=>customElements.whenDefined("bl-radio").then(()=>({default:t({react:e,displayName:"BlRadio",tagName:"bl-radio",elementClass:customElements.get("bl-radio"),events:{onBlChecked:"bl-checked",onBlFocus:"bl-focus",onBlBlur:"bl-blur"}})}))),X=e.lazy(()=>customElements.whenDefined("bl-select-option").then(()=>({default:t({react:e,displayName:"BlSelectOption",tagName:"bl-select-option",elementClass:customElements.get("bl-select-option"),events:{onBlSelectOption:"bl-select-option",onBlFocus:"bl-focus",onBlBlur:"bl-blur"}})}))),Y=e.lazy(()=>customElements.whenDefined("bl-tab").then(()=>({default:t({react:e,displayName:"BlTab",tagName:"bl-tab",elementClass:customElements.get("bl-tab"),events:{onBlTabSelected:"bl-tab-selected"}})}))),Z=e.lazy(()=>customElements.whenDefined("bl-tab-panel").then(()=>({default:t({react:e,displayName:"BlTabPanel",tagName:"bl-tab-panel",elementClass:customElements.get("bl-tab-panel"),events:{}})})));export{N as BlAlert,D as BlBadge,S as BlButton,W as BlCheckbox,k as BlCheckboxGroup,T as BlDialog,I as BlDrawer,P as BlDropdown,J as BlDropdownGroup,K as BlDropdownItem,R as BlIcon,z as BlInput,O as BlNotification,Q as BlNotificationCard,G as BlPagination,F as BlPopover,q as BlProgressIndicator,U as BlRadio,A as BlRadioGroup,H as BlSelect,X as BlSelectOption,L as BlSwitch,Y as BlTab,j as BlTabGroup,Z as BlTabPanel,M as BlTextarea,V as BlTooltip};
|
|
1
|
+
import"./chunk-IZ2LK5GK.js";import e from"react";var h=new Set(["children","localName","ref","style","className"]),g=new WeakMap,v=(n,i,p,d,m)=>{let u=m==null?void 0:m[i];u===void 0||p===d?(n[i]=p,p==null&&i in HTMLElement.prototype&&n.removeAttribute(i)):((c,a,s)=>{let r=g.get(c);r===void 0&&g.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:d,displayName:m})=>{let u=new Set(Object.keys(d!=null?d:{})),c=n.forwardRef((a,s)=>{let r=n.useRef(null),l=n.useRef(null),b={},C={};for(let[o,B]of Object.entries(a))h.has(o)?b[o==="className"?"class":o]=B:u.has(o)||o in p.prototype?C[o]=B:b[o]=B;return n.useLayoutEffect(()=>{if(l.current!==null){for(let o in C)v(l.current,o,a[o],r.current?r.current[o]:void 0,d);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=m!=null?m:p.name,c};var w=e.lazy(()=>customElements.whenDefined("bl-accordion-group").then(()=>({default:t({react:e,displayName:"BlAccordionGroup",tagName:"bl-accordion-group",elementClass:customElements.get("bl-accordion-group"),events:{}})}))),D=e.lazy(()=>customElements.whenDefined("bl-alert").then(()=>({default:t({react:e,displayName:"BlAlert",tagName:"bl-alert",elementClass:customElements.get("bl-alert"),events:{onBlClose:"bl-close"}})}))),T=e.lazy(()=>customElements.whenDefined("bl-badge").then(()=>({default:t({react:e,displayName:"BlBadge",tagName:"bl-badge",elementClass:customElements.get("bl-badge"),events:{}})}))),S=e.lazy(()=>customElements.whenDefined("bl-button").then(()=>({default:t({react:e,displayName:"BlButton",tagName:"bl-button",elementClass:customElements.get("bl-button"),events:{onBlClick:"bl-click"}})}))),k=e.lazy(()=>customElements.whenDefined("bl-calendar").then(()=>({default:t({react:e,displayName:"BlCalendar",tagName:"bl-calendar",elementClass:customElements.get("bl-calendar"),events:{onBlCalendarChange:"bl-calendar-change"}})}))),I=e.lazy(()=>customElements.whenDefined("bl-checkbox-group").then(()=>({default:t({react:e,displayName:"BlCheckboxGroup",tagName:"bl-checkbox-group",elementClass:customElements.get("bl-checkbox-group"),events:{onBlCheckboxGroupChange:"bl-checkbox-group-change",onBlCheckboxGroupInvalid:"bl-checkbox-group-invalid"}})}))),z=e.lazy(()=>customElements.whenDefined("bl-dialog").then(()=>({default:t({react:e,displayName:"BlDialog",tagName:"bl-dialog",elementClass:customElements.get("bl-dialog"),events:{onBlDialogOpen:"bl-dialog-open",onBlDialogRequestClose:"bl-dialog-request-close",onBlDialogClose:"bl-dialog-close"}})}))),R=e.lazy(()=>customElements.whenDefined("bl-drawer").then(()=>({default:t({react:e,displayName:"BlDrawer",tagName:"bl-drawer",elementClass:customElements.get("bl-drawer"),events:{onBlDrawerOpen:"bl-drawer-open",onBlDrawerClose:"bl-drawer-close"}})}))),G=e.lazy(()=>customElements.whenDefined("bl-dropdown").then(()=>({default:t({react:e,displayName:"BlDropdown",tagName:"bl-dropdown",elementClass:customElements.get("bl-dropdown"),events:{onBlDropdownOpen:"bl-dropdown-open",onBlDropdownClose:"bl-dropdown-close"}})}))),P=e.lazy(()=>customElements.whenDefined("bl-icon").then(()=>({default:t({react:e,displayName:"BlIcon",tagName:"bl-icon",elementClass:customElements.get("bl-icon"),events:{onBlLoad:"bl-load",onBlError:"bl-error"}})}))),O=e.lazy(()=>customElements.whenDefined("bl-input").then(()=>({default:t({react:e,displayName:"BlInput",tagName:"bl-input",elementClass:customElements.get("bl-input"),events:{onBlChange:"bl-change",onBlInput:"bl-input",onBlInvalid:"bl-invalid"}})}))),A=e.lazy(()=>customElements.whenDefined("bl-notification").then(()=>({default:t({react:e,displayName:"BlNotification",tagName:"bl-notification",elementClass:customElements.get("bl-notification"),events:{}})}))),H=e.lazy(()=>customElements.whenDefined("bl-pagination").then(()=>({default:t({react:e,displayName:"BlPagination",tagName:"bl-pagination",elementClass:customElements.get("bl-pagination"),events:{onBlChange:"bl-change"}})}))),F=e.lazy(()=>customElements.whenDefined("bl-popover").then(()=>({default:t({react:e,displayName:"BlPopover",tagName:"bl-popover",elementClass:customElements.get("bl-popover"),events:{onBlPopoverShow:"bl-popover-show",onBlPopoverHide:"bl-popover-hide"}})}))),q=e.lazy(()=>customElements.whenDefined("bl-progress-indicator").then(()=>({default:t({react:e,displayName:"BlProgressIndicator",tagName:"bl-progress-indicator",elementClass:customElements.get("bl-progress-indicator"),events:{}})}))),L=e.lazy(()=>customElements.whenDefined("bl-radio-group").then(()=>({default:t({react:e,displayName:"BlRadioGroup",tagName:"bl-radio-group",elementClass:customElements.get("bl-radio-group"),events:{onBlRadioChange:"bl-radio-change"}})}))),j=e.lazy(()=>customElements.whenDefined("bl-select").then(()=>({default:t({react:e,displayName:"BlSelect",tagName:"bl-select",elementClass:customElements.get("bl-select"),events:{onBlSelect:"bl-select",onBlSearch:"bl-search"}})}))),V=e.lazy(()=>customElements.whenDefined("bl-spinner").then(()=>({default:t({react:e,displayName:"BlSpinner",tagName:"bl-spinner",elementClass:customElements.get("bl-spinner"),events:{}})}))),M=e.lazy(()=>customElements.whenDefined("bl-split-button").then(()=>({default:t({react:e,displayName:"BlSplitButton",tagName:"bl-split-button",elementClass:customElements.get("bl-split-button"),events:{onBlDropdownOpen:"bl-dropdown-open",onBlDropdownClose:"bl-dropdown-close",onBlClick:"bl-click"}})}))),W=e.lazy(()=>customElements.whenDefined("bl-switch").then(()=>({default:t({react:e,displayName:"BlSwitch",tagName:"bl-switch",elementClass:customElements.get("bl-switch"),events:{onBlSwitchToggle:"bl-switch-toggle"}})}))),J=e.lazy(()=>customElements.whenDefined("bl-tab-group").then(()=>({default:t({react:e,displayName:"BlTabGroup",tagName:"bl-tab-group",elementClass:customElements.get("bl-tab-group"),events:{}})}))),K=e.lazy(()=>customElements.whenDefined("bl-table").then(()=>({default:t({react:e,displayName:"BlTable",tagName:"bl-table",elementClass:customElements.get("bl-table"),events:{onBlSortChangeEventName:"blSortChangeEventName",onBlRowSelectChangeEventName:"blRowSelectChangeEventName"}})}))),Q=e.lazy(()=>customElements.whenDefined("bl-textarea").then(()=>({default:t({react:e,displayName:"BlTextarea",tagName:"bl-textarea",elementClass:customElements.get("bl-textarea"),events:{onBlInput:"bl-input",onBlChange:"bl-change",onBlInvalid:"bl-invalid"}})}))),U=e.lazy(()=>customElements.whenDefined("bl-tooltip").then(()=>({default:t({react:e,displayName:"BlTooltip",tagName:"bl-tooltip",elementClass:customElements.get("bl-tooltip"),events:{onBlTooltipShow:"bl-tooltip-show",onBlTooltipHide:"bl-tooltip-hide"}})}))),X=e.lazy(()=>customElements.whenDefined("bl-accordion").then(()=>({default:t({react:e,displayName:"BlAccordion",tagName:"bl-accordion",elementClass:customElements.get("bl-accordion"),events:{onBlToggle:"bl-toggle"}})}))),Y=e.lazy(()=>customElements.whenDefined("bl-checkbox").then(()=>({default:t({react:e,displayName:"BlCheckbox",tagName:"bl-checkbox",elementClass:customElements.get("bl-checkbox"),events:{onBlCheckboxChange:"bl-checkbox-change",onBlFocus:"bl-focus",onBlBlur:"bl-blur",onBlCheckboxInvalid:"bl-checkbox-invalid"}})}))),Z=e.lazy(()=>customElements.whenDefined("bl-dropdown-group").then(()=>({default:t({react:e,displayName:"BlDropdownGroup",tagName:"bl-dropdown-group",elementClass:customElements.get("bl-dropdown-group"),events:{}})}))),_=e.lazy(()=>customElements.whenDefined("bl-dropdown-item").then(()=>({default:t({react:e,displayName:"BlDropdownItem",tagName:"bl-dropdown-item",elementClass:customElements.get("bl-dropdown-item"),events:{onBlDropdownItemClick:"bl-dropdown-item-click"}})}))),$=e.lazy(()=>customElements.whenDefined("bl-notification-card").then(()=>({default:t({react:e,displayName:"BlNotificationCard",tagName:"bl-notification-card",elementClass:customElements.get("bl-notification-card"),events:{onBlNotificationCardRequestClose:"bl-notification-card-request-close",onBlNotificationCardClose:"bl-notification-card-close"}})}))),ee=e.lazy(()=>customElements.whenDefined("bl-radio").then(()=>({default:t({react:e,displayName:"BlRadio",tagName:"bl-radio",elementClass:customElements.get("bl-radio"),events:{onBlChecked:"bl-checked",onBlFocus:"bl-focus",onBlBlur:"bl-blur"}})}))),te=e.lazy(()=>customElements.whenDefined("bl-select-option").then(()=>({default:t({react:e,displayName:"BlSelectOption",tagName:"bl-select-option",elementClass:customElements.get("bl-select-option"),events:{onBlSelectOption:"bl-select-option",onBlFocus:"bl-focus",onBlBlur:"bl-blur"}})}))),oe=e.lazy(()=>customElements.whenDefined("bl-tab").then(()=>({default:t({react:e,displayName:"BlTab",tagName:"bl-tab",elementClass:customElements.get("bl-tab"),events:{onBlTabSelected:"bl-tab-selected"}})}))),le=e.lazy(()=>customElements.whenDefined("bl-tab-panel").then(()=>({default:t({react:e,displayName:"BlTabPanel",tagName:"bl-tab-panel",elementClass:customElements.get("bl-tab-panel"),events:{}})}))),ne=e.lazy(()=>customElements.whenDefined("bl-table-body").then(()=>({default:t({react:e,displayName:"BlTableBody",tagName:"bl-table-body",elementClass:customElements.get("bl-table-body"),events:{}})}))),ae=e.lazy(()=>customElements.whenDefined("bl-table-cell").then(()=>({default:t({react:e,displayName:"BlTableCell",tagName:"bl-table-cell",elementClass:customElements.get("bl-table-cell"),events:{}})}))),re=e.lazy(()=>customElements.whenDefined("bl-table-header").then(()=>({default:t({react:e,displayName:"BlTableHeader",tagName:"bl-table-header",elementClass:customElements.get("bl-table-header"),events:{}})}))),se=e.lazy(()=>customElements.whenDefined("bl-table-header-cell").then(()=>({default:t({react:e,displayName:"BlTableHeaderCell",tagName:"bl-table-header-cell",elementClass:customElements.get("bl-table-header-cell"),events:{}})}))),pe=e.lazy(()=>customElements.whenDefined("bl-table-row").then(()=>({default:t({react:e,displayName:"BlTableRow",tagName:"bl-table-row",elementClass:customElements.get("bl-table-row"),events:{}})})));export{X as BlAccordion,w as BlAccordionGroup,D as BlAlert,T as BlBadge,S as BlButton,k as BlCalendar,Y as BlCheckbox,I as BlCheckboxGroup,z as BlDialog,R as BlDrawer,G as BlDropdown,Z as BlDropdownGroup,_ as BlDropdownItem,P as BlIcon,O as BlInput,A as BlNotification,$ as BlNotificationCard,H as BlPagination,F as BlPopover,q as BlProgressIndicator,ee as BlRadio,L as BlRadioGroup,j as BlSelect,te as BlSelectOption,V as BlSpinner,M as BlSplitButton,W as BlSwitch,oe as BlTab,J as BlTabGroup,le as BlTabPanel,K as BlTable,ne as BlTableBody,ae as BlTableCell,re as BlTableHeader,se as BlTableHeaderCell,pe as BlTableRow,Q as BlTextarea,U as BlTooltip};
|
|
2
2
|
/*! Bundled license information:
|
|
3
3
|
|
|
4
4
|
@lit-labs/react/create-component.js:
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/baklava-react.ts", "../node_modules/@lit-labs/react/src/create-component.ts"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable @typescript-eslint/ban-ts-comment */\n// @ts-nocheck\nimport React from \"react\";\nimport { type EventName, createComponent } from \"@lit-labs/react\";\nimport { ISelectOption } from \"./components/select/bl-select\";\n\nexport type BlAlert = import(\"./components/alert/bl-alert\").default;\n\nexport type BlBadge = import(\"./components/badge/bl-badge\").default;\n\nexport type BlButton = import(\"./components/button/bl-button\").default;\n\nexport type BlCheckboxGroup = import(\"./components/checkbox-group/bl-checkbox-group\").default;\n\nexport type BlDialog = import(\"./components/dialog/bl-dialog\").default;\n\nexport type BlDrawer = import(\"./components/drawer/bl-drawer\").default;\n\nexport type BlDropdown = import(\"./components/dropdown/bl-dropdown\").default;\n\nexport type BlIcon = import(\"./components/icon/bl-icon\").default;\n\nexport type BlInput = import(\"./components/input/bl-input\").default;\n\nexport type BlNotification = import(\"./components/notification/bl-notification\").default;\n\nexport type BlPagination = import(\"./components/pagination/bl-pagination\").default;\n\nexport type BlPopover = import(\"./components/popover/bl-popover\").default;\n\nexport type BlProgressIndicator =\n import(\"./components/progress-indicator/bl-progress-indicator\").default;\n\nexport type BlRadioGroup = import(\"./components/radio-group/bl-radio-group\").default;\n\nexport type BlSelect = import(\"./components/select/bl-select\").default;\n\nexport type BlSwitch = import(\"./components/switch/bl-switch\").default;\n\nexport type BlTabGroup = import(\"./components/tab-group/bl-tab-group\").default;\n\nexport type BlTextarea = import(\"./components/textarea/bl-textarea\").default;\n\nexport type BlTooltip = import(\"./components/tooltip/bl-tooltip\").default;\n\nexport type BlCheckbox = import(\"./components/checkbox-group/checkbox/bl-checkbox\").default;\n\nexport type BlDropdownGroup = import(\"./components/dropdown/group/bl-dropdown-group\").default;\n\nexport type BlDropdownItem = import(\"./components/dropdown/item/bl-dropdown-item\").default;\n\nexport type BlNotificationCard =\n import(\"./components/notification/card/bl-notification-card\").default;\n\nexport type BlRadio = import(\"./components/radio-group/radio/bl-radio\").default;\n\nexport type BlSelectOption = import(\"./components/select/option/bl-select-option\").default;\n\nexport type BlTab = import(\"./components/tab-group/tab/bl-tab\").default;\n\nexport type BlTabPanel = import(\"./components/tab-group/tab-panel/bl-tab-panel\").default;\n\nexport declare type BlAlertClose = CustomEvent<boolean>;\n\nexport declare type BlButtonClick = CustomEvent<string>;\n\nexport declare type BlCheckboxGroupCheckboxGroupChange = CustomEvent<string[]>;\n\nexport declare type BlDialogDialogOpen = CustomEvent<object>;\n\nexport declare type BlDialogDialogRequestClose = CustomEvent<{\n source: \"close-button\" | \"keyboard\" | \"backdrop\";\n}>;\n\nexport declare type BlDialogDialogClose = CustomEvent<object>;\n\nexport declare type BlDrawerDrawerOpen = CustomEvent<string>;\n\nexport declare type BlDrawerDrawerClose = CustomEvent<string>;\n\nexport declare type BlDropdownDropdownOpen = CustomEvent<string>;\n\nexport declare type BlDropdownDropdownClose = CustomEvent<string>;\n\nexport declare type BlIconLoad = CustomEvent<string>;\n\nexport declare type BlIconError = CustomEvent<string>;\n\nexport declare type BlInputChange = CustomEvent<string>;\n\nexport declare type BlInputInput = CustomEvent<string>;\n\nexport declare type BlInputInvalid = CustomEvent<ValidityState>;\n\nexport declare type BlPaginationChange = CustomEvent<{\n selectedPage: number;\n prevPage: number;\n itemsPerPage: number;\n}>;\n\nexport declare type BlPopoverPopoverShow = CustomEvent<string>;\n\nexport declare type BlPopoverPopoverHide = CustomEvent<string>;\n\nexport declare type BlRadioGroupRadioChange = CustomEvent<string>;\n\nexport declare type BlSelectSelect = CustomEvent<ISelectOption[] | ISelectOption>;\n\nexport declare type BlSelectSearch = CustomEvent<string>;\n\nexport declare type BlSwitchSwitchToggle = CustomEvent<boolean>;\n\nexport declare type BlTextareaInput = CustomEvent<string>;\n\nexport declare type BlTextareaChange = CustomEvent<string>;\n\nexport declare type BlTextareaInvalid = CustomEvent<ValidityState>;\n\nexport declare type BlTooltipTooltipShow = CustomEvent<string>;\n\nexport declare type BlTooltipTooltipHide = CustomEvent<string>;\n\nexport declare type BlCheckboxCheckboxChange = CustomEvent<boolean>;\n\nexport declare type BlCheckboxFocus = CustomEvent<string>;\n\nexport declare type BlCheckboxBlur = CustomEvent<string>;\n\nexport declare type BlDropdownItemDropdownItemClick = CustomEvent<string>;\n\nexport declare type BlNotificationCardNotificationCardRequestClose = CustomEvent<{\n source: \"duration-ended\" | \"close-button\";\n}>;\n\nexport declare type BlNotificationCardNotificationCardClose = CustomEvent<{\n source: \"duration-ended\" | \"close-button\";\n}>;\n\nexport declare type BlRadioChecked = CustomEvent<string>;\n\nexport declare type BlRadioFocus = CustomEvent<string>;\n\nexport declare type BlRadioBlur = CustomEvent<string>;\n\nexport declare type BlSelectOptionSelectOption = CustomEvent<string | null>;\n\nexport declare type BlSelectOptionFocus = CustomEvent<string | null>;\n\nexport declare type BlSelectOptionBlur = CustomEvent<string | null>;\n\nexport declare type BlTabTabSelected = CustomEvent<string>;\n\ntype Constructor<T> = { new (): T };\n\n/**\n * @tag bl-alert\n * @summary Baklava Alert component\n */\nexport const BlAlert = React.lazy(() =>\n customElements.whenDefined(\"bl-alert\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlAlert\",\n tagName: \"bl-alert\",\n elementClass: customElements.get(\"bl-alert\") as Constructor<BlAlert>,\n events: {\n onBlClose: \"bl-close\" as EventName<BlAlertClose>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-badge\n * @summary Baklava Badge component\n *\n * @cssproperty [--bl-badge-bg-color=--bl-color-primary-contrast] Sets the background color of badge\n * @cssproperty [--bl-badge-color=--bl-color-primary] Sets the color of badge\n */\nexport const BlBadge = React.lazy(() =>\n customElements.whenDefined(\"bl-badge\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlBadge\",\n tagName: \"bl-badge\",\n elementClass: customElements.get(\"bl-badge\") as Constructor<BlBadge>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-button-display=inline-block] Sets the display property of button\n * @cssproperty [--bl-button-justify=center] Sets the justify-content property of button\n *\n */\nexport const BlButton = React.lazy(() =>\n customElements.whenDefined(\"bl-button\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlButton\",\n tagName: \"bl-button\",\n elementClass: customElements.get(\"bl-button\") as Constructor<BlButton>,\n events: {\n onBlClick: \"bl-click\" as EventName<BlButtonClick>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-checkbox-group\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-checkbox-direction=row] Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`\n */\nexport const BlCheckboxGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-checkbox-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlCheckboxGroup\",\n tagName: \"bl-checkbox-group\",\n elementClass: customElements.get(\"bl-checkbox-group\") as Constructor<BlCheckboxGroup>,\n events: {\n onBlCheckboxGroupChange:\n \"bl-checkbox-group-change\" as EventName<BlCheckboxGroupCheckboxGroupChange>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-dialog\n * @summary Baklava Dialog component\n */\nexport const BlDialog = React.lazy(() =>\n customElements.whenDefined(\"bl-dialog\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDialog\",\n tagName: \"bl-dialog\",\n elementClass: customElements.get(\"bl-dialog\") as Constructor<BlDialog>,\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\n/**\n * @tag bl-drawer\n * @summary Baklava Drawer component\n *\n * @cssproperty [--bl-drawer-animation-duration=250ms] Drawer slide in animation duration\n */\nexport const BlDrawer = React.lazy(() =>\n customElements.whenDefined(\"bl-drawer\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDrawer\",\n tagName: \"bl-drawer\",\n elementClass: customElements.get(\"bl-drawer\") as Constructor<BlDrawer>,\n events: {\n onBlDrawerOpen: \"bl-drawer-open\" as EventName<BlDrawerDrawerOpen>,\n onBlDrawerClose: \"bl-drawer-close\" as EventName<BlDrawerDrawerClose>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-dropdown\n * @summary Baklava Dropdown component\n */\nexport const BlDropdown = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDropdown\",\n tagName: \"bl-dropdown\",\n elementClass: customElements.get(\"bl-dropdown\") as Constructor<BlDropdown>,\n events: {\n onBlDropdownOpen: \"bl-dropdown-open\" as EventName<BlDropdownDropdownOpen>,\n onBlDropdownClose: \"bl-dropdown-close\" as EventName<BlDropdownDropdownClose>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-icon\n * @summary Baklava Icon component\n *\n * @cssproperty [font-size] Setting size of icon. Default is current font size in DOM place\n * @cssproperty [color=currentColor] Setting color of icon\n */\nexport const BlIcon = React.lazy(() =>\n customElements.whenDefined(\"bl-icon\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlIcon\",\n tagName: \"bl-icon\",\n elementClass: customElements.get(\"bl-icon\") as Constructor<BlIcon>,\n events: {\n onBlLoad: \"bl-load\" as EventName<BlIconLoad>,\n onBlError: \"bl-error\" as EventName<BlIconError>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-input\n * @summary Baklava Input component\n *\n * @cssproperty [--bl-input-padding-start] Sets the padding start\n * @cssproperty [--bl-input-padding-end] Sets the padding end\n */\nexport const BlInput = React.lazy(() =>\n customElements.whenDefined(\"bl-input\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlInput\",\n tagName: \"bl-input\",\n elementClass: customElements.get(\"bl-input\") as Constructor<BlInput>,\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\n/**\n * @tag bl-notification\n * @summary Baklava Notification component\n */\nexport const BlNotification = React.lazy(() =>\n customElements.whenDefined(\"bl-notification\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlNotification\",\n tagName: \"bl-notification\",\n elementClass: customElements.get(\"bl-notification\") as Constructor<BlNotification>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-pagination\n * @summary Baklava Pagination component\n */\nexport const BlPagination = React.lazy(() =>\n customElements.whenDefined(\"bl-pagination\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlPagination\",\n tagName: \"bl-pagination\",\n elementClass: customElements.get(\"bl-pagination\") as Constructor<BlPagination>,\n events: {\n onBlChange: \"bl-change\" as EventName<BlPaginationChange>,\n },\n }),\n }))\n);\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-popover-border-radius=--bl-size-3xs] - Sets the border radius of popover.\n * @cssproperty [--bl-popover-max-width=100vw] - Sets the maximum width of the popover (including border and padding).\n * @cssproperty [--bl-popover-position=fixed] - Sets the position of popover. You can set it to `absolute` if parent element is a fixed positioned element like drawer or dialog.\n */\nexport const BlPopover = React.lazy(() =>\n customElements.whenDefined(\"bl-popover\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlPopover\",\n tagName: \"bl-popover\",\n elementClass: customElements.get(\"bl-popover\") as Constructor<BlPopover>,\n events: {\n onBlPopoverShow: \"bl-popover-show\" as EventName<BlPopoverPopoverShow>,\n onBlPopoverHide: \"bl-popover-hide\" as EventName<BlPopoverPopoverHide>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-progress-indicator\n * @summary Baklava Progress Indicator component\n *\n * @cssproperty [--bl-progress-indicator-transition-duration=.2s] Duration of the transition of progress bar\n * @property {max} [max=100]\n * @property {number} [value=0]\n */\nexport const BlProgressIndicator = React.lazy(() =>\n customElements.whenDefined(\"bl-progress-indicator\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlProgressIndicator\",\n tagName: \"bl-progress-indicator\",\n elementClass: customElements.get(\"bl-progress-indicator\") as Constructor<BlProgressIndicator>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-radio-group\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-radio-direction=row] Can be used for showing radio options as columns instead of rows. Options are `row` or `column`\n * @cssproperty [--bl-radio-group-cross-axis-item-alignment=normal] Can be used for aligning radio items on cross axis. Acts same with align-item\n * @cssproperty [--bl-radio-group-cross-axis-content-alignment=normal] Can be used for aligning radio group content on cross axis. Acts same with align-content\n * @cssproperty [--bl-radio-group-main-axis-content-alignment=normal] Can be used for aligning radio group content on main axis. Acts same with justify-content\n */\nexport const BlRadioGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-radio-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlRadioGroup\",\n tagName: \"bl-radio-group\",\n elementClass: customElements.get(\"bl-radio-group\") as Constructor<BlRadioGroup>,\n events: {\n onBlRadioChange: \"bl-radio-change\" as EventName<BlRadioGroupRadioChange>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-select\n * @summary Baklava Select component\n *\n * @cssproperty [--bl-popover-position=fixed] Sets the positioning strategy of select popover. You can set it as `absolute` if you need to show popover relative to its trigger element.\n */\nexport const BlSelect = React.lazy(() =>\n customElements.whenDefined(\"bl-select\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSelect\",\n tagName: \"bl-select\",\n elementClass: customElements.get(\"bl-select\") as Constructor<BlSelect>,\n events: {\n onBlSelect: \"bl-select\" as EventName<BlSelectSelect>,\n onBlSearch: \"bl-search\" as EventName<BlSelectSearch>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-switch\n * @summary Baklava Switch component\n *\n * @cssproperty [--bl-switch-color-on=--bl-color-primary] Set the checked color\n * @cssproperty [--bl-switch-color-off=--bl-color-neutral-lighter] Set the unchecked color\n * @cssproperty [--bl-switch-animation-duration=300ms] Set the animation duration of switch toggle\n */\nexport const BlSwitch = React.lazy(() =>\n customElements.whenDefined(\"bl-switch\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSwitch\",\n tagName: \"bl-switch\",\n elementClass: customElements.get(\"bl-switch\") as Constructor<BlSwitch>,\n events: {\n onBlSwitchToggle: \"bl-switch-toggle\" as EventName<BlSwitchSwitchToggle>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-tab-group\n * @summary Baklava Tab group component\n */\nexport const BlTabGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-tab-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTabGroup\",\n tagName: \"bl-tab-group\",\n elementClass: customElements.get(\"bl-tab-group\") as Constructor<BlTabGroup>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-textarea\n * @summary Baklava Textarea component\n */\nexport const BlTextarea = React.lazy(() =>\n customElements.whenDefined(\"bl-textarea\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTextarea\",\n tagName: \"bl-textarea\",\n elementClass: customElements.get(\"bl-textarea\") as Constructor<BlTextarea>,\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\n/**\n * @tag bl-tooltip\n * @summary Baklava Tooltip component\n * @dependency bl-popover\n *\n * @cssproperty [--bl-tooltip-trigger-display=inline-flex] Set the display of the tooltip trigger.\n */\nexport const BlTooltip = React.lazy(() =>\n customElements.whenDefined(\"bl-tooltip\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTooltip\",\n tagName: \"bl-tooltip\",\n elementClass: customElements.get(\"bl-tooltip\") as Constructor<BlTooltip>,\n events: {\n onBlTooltipShow: \"bl-tooltip-show\" as EventName<BlTooltipTooltipShow>,\n onBlTooltipHide: \"bl-tooltip-hide\" as EventName<BlTooltipTooltipHide>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-checkbox\n * @summary Baklava Checkbox component\n */\nexport const BlCheckbox = React.lazy(() =>\n customElements.whenDefined(\"bl-checkbox\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlCheckbox\",\n tagName: \"bl-checkbox\",\n elementClass: customElements.get(\"bl-checkbox\") as Constructor<BlCheckbox>,\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 },\n }),\n }))\n);\n\n/**\n * @tag bl-dropdown-group\n * @summary Baklava Dropdown Group component\n */\nexport const BlDropdownGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDropdownGroup\",\n tagName: \"bl-dropdown-group\",\n elementClass: customElements.get(\"bl-dropdown-group\") as Constructor<BlDropdownGroup>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-dropdown-item\n * @summary Baklava Dropdown Item component\n */\nexport const BlDropdownItem = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown-item\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDropdownItem\",\n tagName: \"bl-dropdown-item\",\n elementClass: customElements.get(\"bl-dropdown-item\") as Constructor<BlDropdownItem>,\n events: {\n onBlDropdownItemClick:\n \"bl-dropdown-item-click\" as EventName<BlDropdownItemDropdownItemClick>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-notification-card\n * @summary Baklava Notification Card component\n */\nexport const BlNotificationCard = React.lazy(() =>\n customElements.whenDefined(\"bl-notification-card\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlNotificationCard\",\n tagName: \"bl-notification-card\",\n elementClass: customElements.get(\"bl-notification-card\") as Constructor<BlNotificationCard>,\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\n/**\n * @tag bl-radio\n * @summary Baklava Radio Option component\n *\n * @cssprop [--bl-radio-align-items=center] Align items of radio option\n */\nexport const BlRadio = React.lazy(() =>\n customElements.whenDefined(\"bl-radio\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlRadio\",\n tagName: \"bl-radio\",\n elementClass: customElements.get(\"bl-radio\") as Constructor<BlRadio>,\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 const BlSelectOption = React.lazy(() =>\n customElements.whenDefined(\"bl-select-option\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSelectOption\",\n tagName: \"bl-select-option\",\n elementClass: customElements.get(\"bl-select-option\") as Constructor<BlSelectOption>,\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\n/**\n * @tag bl-tab\n * @summary Baklava Tab component\n */\nexport const BlTab = React.lazy(() =>\n customElements.whenDefined(\"bl-tab\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTab\",\n tagName: \"bl-tab\",\n elementClass: customElements.get(\"bl-tab\") as Constructor<BlTab>,\n events: {\n onBlTabSelected: \"bl-tab-selected\" as EventName<BlTabTabSelected>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-tab-panel\n * @summary Baklava Tab panel component\n */\nexport const BlTabPanel = React.lazy(() =>\n customElements.whenDefined(\"bl-tab-panel\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTabPanel\",\n tagName: \"bl-tab-panel\",\n elementClass: customElements.get(\"bl-tab-panel\") as Constructor<BlTabPanel>,\n events: {},\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": "4BAEA,OAAOA,MAAW,QC8GlB,IAAMC,EAA0B,IAAIC,IAAI,CACtC,WACA,YACA,MACA,QACA,WAAA,CAAA,EAGIC,EAGF,IAAIC,QAsCFC,EAAc,CAClBC,EACAC,EACAC,EACAC,EACAC,IAAAA,CAEA,IAAMC,EAAQD,GAAAA,KAAAA,OAAAA,EAASH,CAAAA,EAEnBI,IAFmBJ,QAEIC,IAAUC,GAKrCH,EAAKC,CAAAA,EAAmBC,EAWrBA,GAAD,MACAD,KAAQK,YAAYC,WAEpBP,EAAKQ,gBAAgBP,CAAAA,IA1DQ,CAC/BD,EACAK,EACAI,IAAAA,CAEA,IAAIL,EAASP,EAAea,IAAIV,CAAAA,EAC5BI,IAD4BJ,QAE9BH,EAAec,IAAIX,EAAOI,EAAS,IAAIQ,GAAAA,EAEzC,IAAIC,EAAUT,EAAOM,IAAIL,CAAAA,EACrBI,IADqBJ,OAGnBQ,IAFFJ,QAGAL,EAAOO,IAAIN,EAAQQ,EAAU,CAACC,YAAaL,CAAAA,CAAAA,EAC3CT,EAAKe,iBAAiBV,EAAOQ,CAAAA,GAG7BA,EAAQC,YAAcL,EAGfI,IAHeJ,SAIxBL,EAAOY,OAAOX,CAAAA,EACdL,EAAKiB,oBAAoBZ,EAAOQ,CAAAA,EACjC,GAiB0Bb,EAAMK,EAAOH,CAAAA,CAmBvC,EA2BUgB,EAAkB,CAAA,CAI7BC,MAAOC,EACPC,QAAAA,EACAC,aAAAA,EACAlB,OAAAA,EACAmB,YAAAA,CAAAA,IAAAA,CAEA,IAAMC,EAAa,IAAI5B,IAAI6B,OAAOC,KAAKtB,GAAAA,KAAAA,EAAU,CAAA,CAAA,CAAA,EAoB3CuB,EAAiBP,EAAMQ,WAAqB,CAACC,EAAOC,IAAAA,CACxD,IAAMC,EAAeX,EAAMY,OAAqB,IAAA,EAC1CC,EAAab,EAAMY,OAAiB,IAAA,EAGpCE,EAAsC,CAAA,EAEtCC,EAAwC,CAAA,EAE9C,OAAK,CAAOC,EAAGC,CAAAA,IAAMZ,OAAOa,QAAQT,CAAAA,EAC9BlC,EAAwB4C,IAAIH,CAAAA,EAG9BF,EAAWE,IAAM,YAAc,QAAUA,CAAAA,EAAKC,EAI5Cb,EAAWe,IAAIH,CAAAA,GAAMA,KAAKd,EAAaf,UACzC4B,EAAaC,CAAAA,EAAKC,EAIpBH,EAAWE,CAAAA,EAAKC,EAiDlB,OA3CEjB,EAAMoB,gBAAgB,IAAA,CACpB,GAAIP,EAAWQ,UAAY,KAA3B,CAGA,QAAWC,KAAQP,EACjBpC,EACEkC,EAAWQ,QACXC,EACAb,EAAMa,CAAAA,EACNX,EAAaU,QAAUV,EAAaU,QAAQC,CAAAA,EAAAA,OAC5CtC,CAAAA,EAOJ2B,EAAaU,QAAUZ,EAAK,CAAA,EAI9BT,EAAMoB,gBAAgB,IAAA,CAAA,IAAAG,GACpBC,EAAAX,EAAWQ,WAAO,MAAAG,IAAPH,QAAOG,EAAEpC,gBAAgB,iBAAA,CAAkB,EACrD,CAAA,CAAA,EAiBH0B,EAAqC,yBAAA,GAGhCd,EAAMyB,cAAcxB,EAAS,CAAA,GAC/Ba,EACHJ,IAAM9B,GAAAA,CACJiC,EAAWQ,QAAUzC,EACF,OAAR8B,GAAQ,WACjBA,EAAI9B,CAAAA,EACK8B,IAAQ,OACjBA,EAAIW,QAAUzC,EACf,CAAA,CAAA,CAEH,CAAA,EAKJ,OAFA2B,EAAeJ,YAAcA,GAAAA,KAAAA,EAAeD,EAAarB,KAElD0B,CAAc,
|
|
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", "
|
|
4
|
+
"sourcesContent": ["/* eslint-disable @typescript-eslint/ban-ts-comment */\n// @ts-nocheck\nimport React from \"react\";\nimport { type EventName, createComponent } from \"@lit-labs/react\";\nimport { ISelectOption } from \"./components/select/bl-select\";\n\nexport type BlAccordionGroup = import(\"./components/accordion-group/bl-accordion-group\").default;\n\nexport type BlAlert = import(\"./components/alert/bl-alert\").default;\n\nexport type BlBadge = import(\"./components/badge/bl-badge\").default;\n\nexport type BlButton = import(\"./components/button/bl-button\").default;\n\nexport type BlCalendar = import(\"./components/calendar/bl-calendar\").default;\n\nexport type BlCheckboxGroup = import(\"./components/checkbox-group/bl-checkbox-group\").default;\n\nexport type BlDialog = import(\"./components/dialog/bl-dialog\").default;\n\nexport type BlDrawer = import(\"./components/drawer/bl-drawer\").default;\n\nexport type BlDropdown = import(\"./components/dropdown/bl-dropdown\").default;\n\nexport type BlIcon = import(\"./components/icon/bl-icon\").default;\n\nexport type BlInput = import(\"./components/input/bl-input\").default;\n\nexport type BlNotification = import(\"./components/notification/bl-notification\").default;\n\nexport type BlPagination = import(\"./components/pagination/bl-pagination\").default;\n\nexport type BlPopover = import(\"./components/popover/bl-popover\").default;\n\nexport type BlProgressIndicator =\n import(\"./components/progress-indicator/bl-progress-indicator\").default;\n\nexport type BlRadioGroup = import(\"./components/radio-group/bl-radio-group\").default;\n\nexport type BlSelect = import(\"./components/select/bl-select\").default;\n\nexport type BlSpinner = import(\"./components/spinner/bl-spinner\").default;\n\nexport type BlSplitButton = import(\"./components/split-button/bl-split-button\").default;\n\nexport type BlSwitch = import(\"./components/switch/bl-switch\").default;\n\nexport type BlTabGroup = import(\"./components/tab-group/bl-tab-group\").default;\n\nexport type BlTable = import(\"./components/table/bl-table\").default;\n\nexport type BlTextarea = import(\"./components/textarea/bl-textarea\").default;\n\nexport type BlTooltip = import(\"./components/tooltip/bl-tooltip\").default;\n\nexport type BlAccordion = import(\"./components/accordion-group/accordion/bl-accordion\").default;\n\nexport type BlCheckbox = import(\"./components/checkbox-group/checkbox/bl-checkbox\").default;\n\nexport type BlDropdownGroup = import(\"./components/dropdown/group/bl-dropdown-group\").default;\n\nexport type BlDropdownItem = import(\"./components/dropdown/item/bl-dropdown-item\").default;\n\nexport type BlNotificationCard =\n import(\"./components/notification/card/bl-notification-card\").default;\n\nexport type BlRadio = import(\"./components/radio-group/radio/bl-radio\").default;\n\nexport type BlSelectOption = import(\"./components/select/option/bl-select-option\").default;\n\nexport type BlTab = import(\"./components/tab-group/tab/bl-tab\").default;\n\nexport type BlTabPanel = import(\"./components/tab-group/tab-panel/bl-tab-panel\").default;\n\nexport type BlTableBody = import(\"./components/table/table-body/bl-table-body\").default;\n\nexport type BlTableCell = import(\"./components/table/table-cell/bl-table-cell\").default;\n\nexport type BlTableHeader = import(\"./components/table/table-header/bl-table-header\").default;\n\nexport type BlTableHeaderCell =\n import(\"./components/table/table-header-cell/bl-table-header-cell\").default;\n\nexport type BlTableRow = import(\"./components/table/table-row/bl-table-row\").default;\n\nexport declare type BlAlertClose = CustomEvent<boolean>;\n\nexport declare type BlButtonClick = CustomEvent<string>;\n\nexport declare type BlCalendarCalendarChange = CustomEvent<Date[]>;\n\nexport declare type BlCheckboxGroupCheckboxGroupChange = CustomEvent<string[]>;\n\nexport declare type BlCheckboxGroupCheckboxGroupInvalid = CustomEvent<ValidityState>;\n\nexport declare type BlDialogDialogOpen = CustomEvent<object>;\n\nexport declare type BlDialogDialogRequestClose = CustomEvent<{\n source: \"close-button\" | \"keyboard\" | \"backdrop\";\n}>;\n\nexport declare type BlDialogDialogClose = CustomEvent<object>;\n\nexport declare type BlDrawerDrawerOpen = CustomEvent<string>;\n\nexport declare type BlDrawerDrawerClose = CustomEvent<string>;\n\nexport declare type BlDropdownDropdownOpen = CustomEvent<string>;\n\nexport declare type BlDropdownDropdownClose = CustomEvent<string>;\n\nexport declare type BlIconLoad = CustomEvent<string>;\n\nexport declare type BlIconError = CustomEvent<string>;\n\nexport declare type BlInputChange = CustomEvent<string>;\n\nexport declare type BlInputInput = CustomEvent<string>;\n\nexport declare type BlInputInvalid = CustomEvent<ValidityState>;\n\nexport declare type BlPaginationChange = CustomEvent<{\n selectedPage: number;\n prevPage: number;\n itemsPerPage: number;\n}>;\n\nexport declare type BlPopoverPopoverShow = CustomEvent<string>;\n\nexport declare type BlPopoverPopoverHide = CustomEvent<string>;\n\nexport declare type BlRadioGroupRadioChange = CustomEvent<string>;\n\nexport declare type BlSelectSelect = CustomEvent<ISelectOption[] | ISelectOption>;\n\nexport declare type BlSelectSearch = CustomEvent<string>;\n\nexport declare type BlSplitButtonDropdownOpen = CustomEvent<string>;\n\nexport declare type BlSplitButtonDropdownClose = CustomEvent<string>;\n\nexport declare type BlSplitButtonClick = CustomEvent<string>;\n\nexport declare type BlSwitchSwitchToggle = CustomEvent<boolean>;\n\nexport declare type BlTableSortChangeEventName = CustomEvent<string[]>;\n\nexport declare type BlTableRowSelectChangeEventName = CustomEvent<string[]>;\n\nexport declare type BlTextareaInput = CustomEvent<string>;\n\nexport declare type BlTextareaChange = CustomEvent<string>;\n\nexport declare type BlTextareaInvalid = CustomEvent<ValidityState>;\n\nexport declare type BlTooltipTooltipShow = CustomEvent<string>;\n\nexport declare type BlTooltipTooltipHide = CustomEvent<string>;\n\nexport declare type BlAccordionToggle = CustomEvent<boolean>;\n\nexport declare type BlCheckboxCheckboxChange = CustomEvent<boolean>;\n\nexport declare type BlCheckboxFocus = CustomEvent<string>;\n\nexport declare type BlCheckboxBlur = CustomEvent<string>;\n\nexport declare type BlCheckboxCheckboxInvalid = CustomEvent<ValidityState>;\n\nexport declare type BlDropdownItemDropdownItemClick = CustomEvent<string>;\n\nexport declare type BlNotificationCardNotificationCardRequestClose = CustomEvent<{\n source: \"duration-ended\" | \"close-button\";\n}>;\n\nexport declare type BlNotificationCardNotificationCardClose = CustomEvent<{\n source: \"duration-ended\" | \"close-button\";\n}>;\n\nexport declare type BlRadioChecked = CustomEvent<string>;\n\nexport declare type BlRadioFocus = CustomEvent<string>;\n\nexport declare type BlRadioBlur = CustomEvent<string>;\n\nexport declare type BlSelectOptionSelectOption = CustomEvent<string | null>;\n\nexport declare type BlSelectOptionFocus = CustomEvent<string | null>;\n\nexport declare type BlSelectOptionBlur = CustomEvent<string | null>;\n\nexport declare type BlTabTabSelected = CustomEvent<string>;\n\ntype Constructor<T> = { new (): T };\n\nexport const BlAccordionGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-accordion-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlAccordionGroup\",\n tagName: \"bl-accordion-group\",\n elementClass: customElements.get(\"bl-accordion-group\") as Constructor<BlAccordionGroup>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-alert\n * @summary Baklava Alert component\n */\nexport const BlAlert = React.lazy(() =>\n customElements.whenDefined(\"bl-alert\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlAlert\",\n tagName: \"bl-alert\",\n elementClass: customElements.get(\"bl-alert\") as Constructor<BlAlert>,\n events: {\n onBlClose: \"bl-close\" as EventName<BlAlertClose>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-badge\n * @summary Baklava Badge component\n *\n * @cssproperty [--bl-badge-bg-color=--bl-color-primary-contrast] Sets the background color of badge\n * @cssproperty [--bl-badge-color=--bl-color-primary] Sets the color of badge\n */\nexport const BlBadge = React.lazy(() =>\n customElements.whenDefined(\"bl-badge\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlBadge\",\n tagName: \"bl-badge\",\n elementClass: customElements.get(\"bl-badge\") as Constructor<BlBadge>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-button\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-button-display=inline-block] Sets the display property of button\n * @cssproperty [--bl-button-justify=center] Sets the justify-content property of button\n *\n */\nexport const BlButton = React.lazy(() =>\n customElements.whenDefined(\"bl-button\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlButton\",\n tagName: \"bl-button\",\n elementClass: customElements.get(\"bl-button\") as Constructor<BlButton>,\n events: {\n onBlClick: \"bl-click\" as EventName<BlButtonClick>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-calendar\n * @summary Baklava Calendar component\n **/\nexport const BlCalendar = React.lazy(() =>\n customElements.whenDefined(\"bl-calendar\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlCalendar\",\n tagName: \"bl-calendar\",\n elementClass: customElements.get(\"bl-calendar\") as Constructor<BlCalendar>,\n events: {\n onBlCalendarChange: \"bl-calendar-change\" as EventName<BlCalendarCalendarChange>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-checkbox-group\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-checkbox-direction=row] Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`\n */\nexport const BlCheckboxGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-checkbox-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlCheckboxGroup\",\n tagName: \"bl-checkbox-group\",\n elementClass: customElements.get(\"bl-checkbox-group\") as Constructor<BlCheckboxGroup>,\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\n/**\n * @tag bl-dialog\n * @summary Baklava Dialog component\n *\n * @cssproperty [--bl-dialog-width=auto] Sets the width of the dialog content\n * @cssproperty [--bl-dialog-caption-line-clamp=1] Sets the line clamp of the caption\n */\nexport const BlDialog = React.lazy(() =>\n customElements.whenDefined(\"bl-dialog\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDialog\",\n tagName: \"bl-dialog\",\n elementClass: customElements.get(\"bl-dialog\") as Constructor<BlDialog>,\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\n/**\n * @tag bl-drawer\n * @summary Baklava Drawer component\n *\n * @cssproperty [--bl-drawer-animation-duration=250ms] Drawer slide in animation duration\n */\nexport const BlDrawer = React.lazy(() =>\n customElements.whenDefined(\"bl-drawer\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDrawer\",\n tagName: \"bl-drawer\",\n elementClass: customElements.get(\"bl-drawer\") as Constructor<BlDrawer>,\n events: {\n onBlDrawerOpen: \"bl-drawer-open\" as EventName<BlDrawerDrawerOpen>,\n onBlDrawerClose: \"bl-drawer-close\" as EventName<BlDrawerDrawerClose>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-dropdown\n * @summary Baklava Dropdown component\n */\nexport const BlDropdown = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDropdown\",\n tagName: \"bl-dropdown\",\n elementClass: customElements.get(\"bl-dropdown\") as Constructor<BlDropdown>,\n events: {\n onBlDropdownOpen: \"bl-dropdown-open\" as EventName<BlDropdownDropdownOpen>,\n onBlDropdownClose: \"bl-dropdown-close\" as EventName<BlDropdownDropdownClose>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-icon\n * @summary Baklava Icon component\n *\n * @cssproperty [font-size] Setting size of icon. Default is current font size in DOM place\n * @cssproperty [color=currentColor] Setting color of icon\n */\nexport const BlIcon = React.lazy(() =>\n customElements.whenDefined(\"bl-icon\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlIcon\",\n tagName: \"bl-icon\",\n elementClass: customElements.get(\"bl-icon\") as Constructor<BlIcon>,\n events: {\n onBlLoad: \"bl-load\" as EventName<BlIconLoad>,\n onBlError: \"bl-error\" as EventName<BlIconError>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-input\n * @summary Baklava Input component\n *\n * @cssproperty [--bl-input-padding-start] Sets the padding start\n * @cssproperty [--bl-input-padding-end] Sets the padding end\n */\nexport const BlInput = React.lazy(() =>\n customElements.whenDefined(\"bl-input\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlInput\",\n tagName: \"bl-input\",\n elementClass: customElements.get(\"bl-input\") as Constructor<BlInput>,\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\n/**\n * @tag bl-notification\n * @summary Baklava Notification component\n */\nexport const BlNotification = React.lazy(() =>\n customElements.whenDefined(\"bl-notification\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlNotification\",\n tagName: \"bl-notification\",\n elementClass: customElements.get(\"bl-notification\") as Constructor<BlNotification>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-pagination\n * @summary Baklava Pagination component\n */\nexport const BlPagination = React.lazy(() =>\n customElements.whenDefined(\"bl-pagination\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlPagination\",\n tagName: \"bl-pagination\",\n elementClass: customElements.get(\"bl-pagination\") as Constructor<BlPagination>,\n events: {\n onBlChange: \"bl-change\" as EventName<BlPaginationChange>,\n },\n }),\n }))\n);\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-popover-border-radius=--bl-size-3xs] - Sets the border radius of popover.\n * @cssproperty [--bl-popover-max-width=100vw] - Sets the maximum width of the popover (including border and padding).\n * @cssproperty [--bl-popover-position=fixed] - Sets the position of popover. You can set it to `absolute` if parent element is a fixed positioned element like drawer or dialog.\n */\nexport const BlPopover = React.lazy(() =>\n customElements.whenDefined(\"bl-popover\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlPopover\",\n tagName: \"bl-popover\",\n elementClass: customElements.get(\"bl-popover\") as Constructor<BlPopover>,\n events: {\n onBlPopoverShow: \"bl-popover-show\" as EventName<BlPopoverPopoverShow>,\n onBlPopoverHide: \"bl-popover-hide\" as EventName<BlPopoverPopoverHide>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-progress-indicator\n * @summary Baklava Progress Indicator component\n *\n * @cssproperty [--bl-progress-indicator-transition-duration=.2s] Duration of the transition of progress bar\n * @property {max} [max=100]\n * @property {number} [value=0]\n */\nexport const BlProgressIndicator = React.lazy(() =>\n customElements.whenDefined(\"bl-progress-indicator\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlProgressIndicator\",\n tagName: \"bl-progress-indicator\",\n elementClass: customElements.get(\"bl-progress-indicator\") as Constructor<BlProgressIndicator>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-radio-group\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-radio-direction=row] Can be used for showing radio options as columns instead of rows. Options are `row` or `column`\n * @cssproperty [--bl-radio-group-cross-axis-item-alignment=normal] Can be used for aligning radio items on cross axis. Acts same with align-item\n * @cssproperty [--bl-radio-group-cross-axis-content-alignment=normal] Can be used for aligning radio group content on cross axis. Acts same with align-content\n * @cssproperty [--bl-radio-group-main-axis-content-alignment=normal] Can be used for aligning radio group content on main axis. Acts same with justify-content\n */\nexport const BlRadioGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-radio-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlRadioGroup\",\n tagName: \"bl-radio-group\",\n elementClass: customElements.get(\"bl-radio-group\") as Constructor<BlRadioGroup>,\n events: {\n onBlRadioChange: \"bl-radio-change\" as EventName<BlRadioGroupRadioChange>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-select\n * @summary Baklava Select component\n *\n * @cssproperty [--bl-popover-position=fixed] Sets the positioning strategy of select popover. You can set it as `absolute` if you need to show popover relative to its trigger element.\n */\nexport const BlSelect = React.lazy(() =>\n customElements.whenDefined(\"bl-select\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSelect\",\n tagName: \"bl-select\",\n elementClass: customElements.get(\"bl-select\") as Constructor<BlSelect>,\n events: {\n onBlSelect: \"bl-select\" as EventName<BlSelectSelect>,\n onBlSearch: \"bl-search\" as EventName<BlSelectSearch>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-spinner\n * @summary Baklava Spinner component\n *\n */\nexport const BlSpinner = React.lazy(() =>\n customElements.whenDefined(\"bl-spinner\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSpinner\",\n tagName: \"bl-spinner\",\n elementClass: customElements.get(\"bl-spinner\") as Constructor<BlSpinner>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-split-button\n * @summary Baklava Split Button component\n */\nexport const BlSplitButton = React.lazy(() =>\n customElements.whenDefined(\"bl-split-button\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSplitButton\",\n tagName: \"bl-split-button\",\n elementClass: customElements.get(\"bl-split-button\") as Constructor<BlSplitButton>,\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\n/**\n * @tag bl-switch\n * @summary Baklava Switch component\n *\n * @cssproperty [--bl-switch-color-on=--bl-color-primary] Set the checked color\n * @cssproperty [--bl-switch-color-off=--bl-color-neutral-lighter] Set the unchecked color\n * @cssproperty [--bl-switch-animation-duration=300ms] Set the animation duration of switch toggle\n */\nexport const BlSwitch = React.lazy(() =>\n customElements.whenDefined(\"bl-switch\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSwitch\",\n tagName: \"bl-switch\",\n elementClass: customElements.get(\"bl-switch\") as Constructor<BlSwitch>,\n events: {\n onBlSwitchToggle: \"bl-switch-toggle\" as EventName<BlSwitchSwitchToggle>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-tab-group\n * @summary Baklava Tab group component\n */\nexport const BlTabGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-tab-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTabGroup\",\n tagName: \"bl-tab-group\",\n elementClass: customElements.get(\"bl-tab-group\") as Constructor<BlTabGroup>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-table\n * @summary Baklava Table component\n *\n */\nexport const BlTable = React.lazy(() =>\n customElements.whenDefined(\"bl-table\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTable\",\n tagName: \"bl-table\",\n elementClass: customElements.get(\"bl-table\") as Constructor<BlTable>,\n events: {\n onBlSortChangeEventName: \"blSortChangeEventName\" as EventName<BlTableSortChangeEventName>,\n onBlRowSelectChangeEventName:\n \"blRowSelectChangeEventName\" as EventName<BlTableRowSelectChangeEventName>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-textarea\n * @summary Baklava Textarea component\n */\nexport const BlTextarea = React.lazy(() =>\n customElements.whenDefined(\"bl-textarea\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTextarea\",\n tagName: \"bl-textarea\",\n elementClass: customElements.get(\"bl-textarea\") as Constructor<BlTextarea>,\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\n/**\n * @tag bl-tooltip\n * @summary Baklava Tooltip component\n * @dependency bl-popover\n *\n * @cssproperty [--bl-tooltip-trigger-display=inline-flex] Set the display of the tooltip trigger.\n */\nexport const BlTooltip = React.lazy(() =>\n customElements.whenDefined(\"bl-tooltip\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTooltip\",\n tagName: \"bl-tooltip\",\n elementClass: customElements.get(\"bl-tooltip\") as Constructor<BlTooltip>,\n events: {\n onBlTooltipShow: \"bl-tooltip-show\" as EventName<BlTooltipTooltipShow>,\n onBlTooltipHide: \"bl-tooltip-hide\" as EventName<BlTooltipTooltipHide>,\n },\n }),\n }))\n);\n\nexport const BlAccordion = React.lazy(() =>\n customElements.whenDefined(\"bl-accordion\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlAccordion\",\n tagName: \"bl-accordion\",\n elementClass: customElements.get(\"bl-accordion\") as Constructor<BlAccordion>,\n events: {\n onBlToggle: \"bl-toggle\" as EventName<BlAccordionToggle>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-checkbox\n * @summary Baklava Checkbox component\n */\nexport const BlCheckbox = React.lazy(() =>\n customElements.whenDefined(\"bl-checkbox\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlCheckbox\",\n tagName: \"bl-checkbox\",\n elementClass: customElements.get(\"bl-checkbox\") as Constructor<BlCheckbox>,\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\n/**\n * @tag bl-dropdown-group\n * @summary Baklava Dropdown Group component\n */\nexport const BlDropdownGroup = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown-group\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDropdownGroup\",\n tagName: \"bl-dropdown-group\",\n elementClass: customElements.get(\"bl-dropdown-group\") as Constructor<BlDropdownGroup>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-dropdown-item\n * @summary Baklava Dropdown Item component\n */\nexport const BlDropdownItem = React.lazy(() =>\n customElements.whenDefined(\"bl-dropdown-item\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlDropdownItem\",\n tagName: \"bl-dropdown-item\",\n elementClass: customElements.get(\"bl-dropdown-item\") as Constructor<BlDropdownItem>,\n events: {\n onBlDropdownItemClick:\n \"bl-dropdown-item-click\" as EventName<BlDropdownItemDropdownItemClick>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-notification-card\n * @summary Baklava Notification Card component\n */\nexport const BlNotificationCard = React.lazy(() =>\n customElements.whenDefined(\"bl-notification-card\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlNotificationCard\",\n tagName: \"bl-notification-card\",\n elementClass: customElements.get(\"bl-notification-card\") as Constructor<BlNotificationCard>,\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\n/**\n * @tag bl-radio\n * @summary Baklava Radio Option component\n *\n * @cssprop [--bl-radio-align-items=center] Align items of radio option\n */\nexport const BlRadio = React.lazy(() =>\n customElements.whenDefined(\"bl-radio\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlRadio\",\n tagName: \"bl-radio\",\n elementClass: customElements.get(\"bl-radio\") as Constructor<BlRadio>,\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 const BlSelectOption = React.lazy(() =>\n customElements.whenDefined(\"bl-select-option\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlSelectOption\",\n tagName: \"bl-select-option\",\n elementClass: customElements.get(\"bl-select-option\") as Constructor<BlSelectOption>,\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\n/**\n * @tag bl-tab\n * @summary Baklava Tab component\n */\nexport const BlTab = React.lazy(() =>\n customElements.whenDefined(\"bl-tab\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTab\",\n tagName: \"bl-tab\",\n elementClass: customElements.get(\"bl-tab\") as Constructor<BlTab>,\n events: {\n onBlTabSelected: \"bl-tab-selected\" as EventName<BlTabTabSelected>,\n },\n }),\n }))\n);\n\n/**\n * @tag bl-tab-panel\n * @summary Baklava Tab panel component\n */\nexport const BlTabPanel = React.lazy(() =>\n customElements.whenDefined(\"bl-tab-panel\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTabPanel\",\n tagName: \"bl-tab-panel\",\n elementClass: customElements.get(\"bl-tab-panel\") as Constructor<BlTabPanel>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-table-body\n * @summary Baklava Table component\n */\nexport const BlTableBody = React.lazy(() =>\n customElements.whenDefined(\"bl-table-body\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTableBody\",\n tagName: \"bl-table-body\",\n elementClass: customElements.get(\"bl-table-body\") as Constructor<BlTableBody>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-table-cell\n * @summary Baklava Table component\n */\nexport const BlTableCell = React.lazy(() =>\n customElements.whenDefined(\"bl-table-cell\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTableCell\",\n tagName: \"bl-table-cell\",\n elementClass: customElements.get(\"bl-table-cell\") as Constructor<BlTableCell>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-table-header\n * @summary Baklava Table component\n */\nexport const BlTableHeader = React.lazy(() =>\n customElements.whenDefined(\"bl-table-header\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTableHeader\",\n tagName: \"bl-table-header\",\n elementClass: customElements.get(\"bl-table-header\") as Constructor<BlTableHeader>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-table-header-cell\n * @summary Baklava Table component\n *\n * @cssproperty [--bl-table-header-cell-width] Set the column width\n * @cssproperty [--bl-table-header-cell-min-width] Set the column min width\n */\nexport const BlTableHeaderCell = React.lazy(() =>\n customElements.whenDefined(\"bl-table-header-cell\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTableHeaderCell\",\n tagName: \"bl-table-header-cell\",\n elementClass: customElements.get(\"bl-table-header-cell\") as Constructor<BlTableHeaderCell>,\n events: {},\n }),\n }))\n);\n\n/**\n * @tag bl-table-row\n * @summary Baklava Table component\n */\nexport const BlTableRow = React.lazy(() =>\n customElements.whenDefined(\"bl-table-row\").then(() => ({\n default: createComponent({\n react: React,\n displayName: \"BlTableRow\",\n tagName: \"bl-table-row\",\n elementClass: customElements.get(\"bl-table-row\") as Constructor<BlTableRow>,\n events: {},\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": "4BAEA,OAAOA,MAAW,QC8GlB,IAAMC,EAA0B,IAAIC,IAAI,CACtC,WACA,YACA,MACA,QACA,WAAA,CAAA,EAGIC,EAGF,IAAIC,QAsCFC,EAAc,CAClBC,EACAC,EACAC,EACAC,EACAC,IAAAA,CAEA,IAAMC,EAAQD,GAAAA,KAAAA,OAAAA,EAASH,CAAAA,EAEnBI,IAFmBJ,QAEIC,IAAUC,GAKrCH,EAAKC,CAAAA,EAAmBC,EAWrBA,GAAD,MACAD,KAAQK,YAAYC,WAEpBP,EAAKQ,gBAAgBP,CAAAA,IA1DQ,CAC/BD,EACAK,EACAI,IAAAA,CAEA,IAAIL,EAASP,EAAea,IAAIV,CAAAA,EAC5BI,IAD4BJ,QAE9BH,EAAec,IAAIX,EAAOI,EAAS,IAAIQ,GAAAA,EAEzC,IAAIC,EAAUT,EAAOM,IAAIL,CAAAA,EACrBI,IADqBJ,OAGnBQ,IAFFJ,QAGAL,EAAOO,IAAIN,EAAQQ,EAAU,CAACC,YAAaL,CAAAA,CAAAA,EAC3CT,EAAKe,iBAAiBV,EAAOQ,CAAAA,GAG7BA,EAAQC,YAAcL,EAGfI,IAHeJ,SAIxBL,EAAOY,OAAOX,CAAAA,EACdL,EAAKiB,oBAAoBZ,EAAOQ,CAAAA,EACjC,GAiB0Bb,EAAMK,EAAOH,CAAAA,CAmBvC,EA2BUgB,EAAkB,CAAA,CAI7BC,MAAOC,EACPC,QAAAA,EACAC,aAAAA,EACAlB,OAAAA,EACAmB,YAAAA,CAAAA,IAAAA,CAEA,IAAMC,EAAa,IAAI5B,IAAI6B,OAAOC,KAAKtB,GAAAA,KAAAA,EAAU,CAAA,CAAA,CAAA,EAoB3CuB,EAAiBP,EAAMQ,WAAqB,CAACC,EAAOC,IAAAA,CACxD,IAAMC,EAAeX,EAAMY,OAAqB,IAAA,EAC1CC,EAAab,EAAMY,OAAiB,IAAA,EAGpCE,EAAsC,CAAA,EAEtCC,EAAwC,CAAA,EAE9C,OAAK,CAAOC,EAAGC,CAAAA,IAAMZ,OAAOa,QAAQT,CAAAA,EAC9BlC,EAAwB4C,IAAIH,CAAAA,EAG9BF,EAAWE,IAAM,YAAc,QAAUA,CAAAA,EAAKC,EAI5Cb,EAAWe,IAAIH,CAAAA,GAAMA,KAAKd,EAAaf,UACzC4B,EAAaC,CAAAA,EAAKC,EAIpBH,EAAWE,CAAAA,EAAKC,EAiDlB,OA3CEjB,EAAMoB,gBAAgB,IAAA,CACpB,GAAIP,EAAWQ,UAAY,KAA3B,CAGA,QAAWC,KAAQP,EACjBpC,EACEkC,EAAWQ,QACXC,EACAb,EAAMa,CAAAA,EACNX,EAAaU,QAAUV,EAAaU,QAAQC,CAAAA,EAAAA,OAC5CtC,CAAAA,EAOJ2B,EAAaU,QAAUZ,EAAK,CAAA,EAI9BT,EAAMoB,gBAAgB,IAAA,CAAA,IAAAG,GACpBC,EAAAX,EAAWQ,WAAO,MAAAG,IAAPH,QAAOG,EAAEpC,gBAAgB,iBAAA,CAAkB,EACrD,CAAA,CAAA,EAiBH0B,EAAqC,yBAAA,GAGhCd,EAAMyB,cAAcxB,EAAS,CAAA,GAC/Ba,EACHJ,IAAM9B,GAAAA,CACJiC,EAAWQ,QAAUzC,EACF,OAAR8B,GAAQ,WACjBA,EAAI9B,CAAAA,EACK8B,IAAQ,OACjBA,EAAIW,QAAUzC,EACf,CAAA,CAAA,CAEH,CAAA,EAKJ,OAFA2B,EAAeJ,YAAcA,GAAAA,KAAAA,EAAeD,EAAarB,KAElD0B,CAAc,ED1IhB,IAAMmB,EAAmBC,EAAM,KAAK,IACzC,eAAe,YAAY,oBAAoB,EAAE,KAAK,KAAO,CAC3D,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,mBACb,QAAS,qBACT,aAAc,eAAe,IAAI,oBAAoB,EACrD,OAAQ,CAAC,CACX,CAAC,CACH,EAAE,CACJ,EAMaC,EAAUD,EAAM,KAAK,IAChC,eAAe,YAAY,UAAU,EAAE,KAAK,KAAO,CACjD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,UACb,QAAS,WACT,aAAc,eAAe,IAAI,UAAU,EAC3C,OAAQ,CACN,UAAW,UACb,CACF,CAAC,CACH,EAAE,CACJ,EASaE,EAAUF,EAAM,KAAK,IAChC,eAAe,YAAY,UAAU,EAAE,KAAK,KAAO,CACjD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,UACb,QAAS,WACT,aAAc,eAAe,IAAI,UAAU,EAC3C,OAAQ,CAAC,CACX,CAAC,CACH,EAAE,CACJ,EAUaG,EAAWH,EAAM,KAAK,IACjC,eAAe,YAAY,WAAW,EAAE,KAAK,KAAO,CAClD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,WACb,QAAS,YACT,aAAc,eAAe,IAAI,WAAW,EAC5C,OAAQ,CACN,UAAW,UACb,CACF,CAAC,CACH,EAAE,CACJ,EAMaI,EAAaJ,EAAM,KAAK,IACnC,eAAe,YAAY,aAAa,EAAE,KAAK,KAAO,CACpD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,aACb,QAAS,cACT,aAAc,eAAe,IAAI,aAAa,EAC9C,OAAQ,CACN,mBAAoB,oBACtB,CACF,CAAC,CACH,EAAE,CACJ,EAQaK,EAAkBL,EAAM,KAAK,IACxC,eAAe,YAAY,mBAAmB,EAAE,KAAK,KAAO,CAC1D,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,kBACb,QAAS,oBACT,aAAc,eAAe,IAAI,mBAAmB,EACpD,OAAQ,CACN,wBACE,2BACF,yBACE,2BACJ,CACF,CAAC,CACH,EAAE,CACJ,EASaM,EAAWN,EAAM,KAAK,IACjC,eAAe,YAAY,WAAW,EAAE,KAAK,KAAO,CAClD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,WACb,QAAS,YACT,aAAc,eAAe,IAAI,WAAW,EAC5C,OAAQ,CACN,eAAgB,iBAChB,uBAAwB,0BACxB,gBAAiB,iBACnB,CACF,CAAC,CACH,EAAE,CACJ,EAQaO,EAAWP,EAAM,KAAK,IACjC,eAAe,YAAY,WAAW,EAAE,KAAK,KAAO,CAClD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,WACb,QAAS,YACT,aAAc,eAAe,IAAI,WAAW,EAC5C,OAAQ,CACN,eAAgB,iBAChB,gBAAiB,iBACnB,CACF,CAAC,CACH,EAAE,CACJ,EAMaQ,EAAaR,EAAM,KAAK,IACnC,eAAe,YAAY,aAAa,EAAE,KAAK,KAAO,CACpD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,aACb,QAAS,cACT,aAAc,eAAe,IAAI,aAAa,EAC9C,OAAQ,CACN,iBAAkB,mBAClB,kBAAmB,mBACrB,CACF,CAAC,CACH,EAAE,CACJ,EASaS,EAAST,EAAM,KAAK,IAC/B,eAAe,YAAY,SAAS,EAAE,KAAK,KAAO,CAChD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,SACb,QAAS,UACT,aAAc,eAAe,IAAI,SAAS,EAC1C,OAAQ,CACN,SAAU,UACV,UAAW,UACb,CACF,CAAC,CACH,EAAE,CACJ,EASaU,EAAUV,EAAM,KAAK,IAChC,eAAe,YAAY,UAAU,EAAE,KAAK,KAAO,CACjD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,UACb,QAAS,WACT,aAAc,eAAe,IAAI,UAAU,EAC3C,OAAQ,CACN,WAAY,YACZ,UAAW,WACX,YAAa,YACf,CACF,CAAC,CACH,EAAE,CACJ,EAMaW,EAAiBX,EAAM,KAAK,IACvC,eAAe,YAAY,iBAAiB,EAAE,KAAK,KAAO,CACxD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,iBACb,QAAS,kBACT,aAAc,eAAe,IAAI,iBAAiB,EAClD,OAAQ,CAAC,CACX,CAAC,CACH,EAAE,CACJ,EAMaY,EAAeZ,EAAM,KAAK,IACrC,eAAe,YAAY,eAAe,EAAE,KAAK,KAAO,CACtD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,eACb,QAAS,gBACT,aAAc,eAAe,IAAI,eAAe,EAChD,OAAQ,CACN,WAAY,WACd,CACF,CAAC,CACH,EAAE,CACJ,EAeaa,EAAYb,EAAM,KAAK,IAClC,eAAe,YAAY,YAAY,EAAE,KAAK,KAAO,CACnD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,YACb,QAAS,aACT,aAAc,eAAe,IAAI,YAAY,EAC7C,OAAQ,CACN,gBAAiB,kBACjB,gBAAiB,iBACnB,CACF,CAAC,CACH,EAAE,CACJ,EAUac,EAAsBd,EAAM,KAAK,IAC5C,eAAe,YAAY,uBAAuB,EAAE,KAAK,KAAO,CAC9D,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,sBACb,QAAS,wBACT,aAAc,eAAe,IAAI,uBAAuB,EACxD,OAAQ,CAAC,CACX,CAAC,CACH,EAAE,CACJ,EAWae,EAAef,EAAM,KAAK,IACrC,eAAe,YAAY,gBAAgB,EAAE,KAAK,KAAO,CACvD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,eACb,QAAS,iBACT,aAAc,eAAe,IAAI,gBAAgB,EACjD,OAAQ,CACN,gBAAiB,iBACnB,CACF,CAAC,CACH,EAAE,CACJ,EAQagB,EAAWhB,EAAM,KAAK,IACjC,eAAe,YAAY,WAAW,EAAE,KAAK,KAAO,CAClD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,WACb,QAAS,YACT,aAAc,eAAe,IAAI,WAAW,EAC5C,OAAQ,CACN,WAAY,YACZ,WAAY,WACd,CACF,CAAC,CACH,EAAE,CACJ,EAOaiB,EAAYjB,EAAM,KAAK,IAClC,eAAe,YAAY,YAAY,EAAE,KAAK,KAAO,CACnD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,YACb,QAAS,aACT,aAAc,eAAe,IAAI,YAAY,EAC7C,OAAQ,CAAC,CACX,CAAC,CACH,EAAE,CACJ,EAMakB,EAAgBlB,EAAM,KAAK,IACtC,eAAe,YAAY,iBAAiB,EAAE,KAAK,KAAO,CACxD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,gBACb,QAAS,kBACT,aAAc,eAAe,IAAI,iBAAiB,EAClD,OAAQ,CACN,iBAAkB,mBAClB,kBAAmB,oBACnB,UAAW,UACb,CACF,CAAC,CACH,EAAE,CACJ,EAUamB,EAAWnB,EAAM,KAAK,IACjC,eAAe,YAAY,WAAW,EAAE,KAAK,KAAO,CAClD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,WACb,QAAS,YACT,aAAc,eAAe,IAAI,WAAW,EAC5C,OAAQ,CACN,iBAAkB,kBACpB,CACF,CAAC,CACH,EAAE,CACJ,EAMaoB,EAAapB,EAAM,KAAK,IACnC,eAAe,YAAY,cAAc,EAAE,KAAK,KAAO,CACrD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,aACb,QAAS,eACT,aAAc,eAAe,IAAI,cAAc,EAC/C,OAAQ,CAAC,CACX,CAAC,CACH,EAAE,CACJ,EAOaqB,EAAUrB,EAAM,KAAK,IAChC,eAAe,YAAY,UAAU,EAAE,KAAK,KAAO,CACjD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,UACb,QAAS,WACT,aAAc,eAAe,IAAI,UAAU,EAC3C,OAAQ,CACN,wBAAyB,wBACzB,6BACE,4BACJ,CACF,CAAC,CACH,EAAE,CACJ,EAMasB,EAAatB,EAAM,KAAK,IACnC,eAAe,YAAY,aAAa,EAAE,KAAK,KAAO,CACpD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,aACb,QAAS,cACT,aAAc,eAAe,IAAI,aAAa,EAC9C,OAAQ,CACN,UAAW,WACX,WAAY,YACZ,YAAa,YACf,CACF,CAAC,CACH,EAAE,CACJ,EASauB,EAAYvB,EAAM,KAAK,IAClC,eAAe,YAAY,YAAY,EAAE,KAAK,KAAO,CACnD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,YACb,QAAS,aACT,aAAc,eAAe,IAAI,YAAY,EAC7C,OAAQ,CACN,gBAAiB,kBACjB,gBAAiB,iBACnB,CACF,CAAC,CACH,EAAE,CACJ,EAEawB,EAAcxB,EAAM,KAAK,IACpC,eAAe,YAAY,cAAc,EAAE,KAAK,KAAO,CACrD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,cACb,QAAS,eACT,aAAc,eAAe,IAAI,cAAc,EAC/C,OAAQ,CACN,WAAY,WACd,CACF,CAAC,CACH,EAAE,CACJ,EAMayB,EAAazB,EAAM,KAAK,IACnC,eAAe,YAAY,aAAa,EAAE,KAAK,KAAO,CACpD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,aACb,QAAS,cACT,aAAc,eAAe,IAAI,aAAa,EAC9C,OAAQ,CACN,mBAAoB,qBACpB,UAAW,WACX,SAAU,UACV,oBAAqB,qBACvB,CACF,CAAC,CACH,EAAE,CACJ,EAMa0B,EAAkB1B,EAAM,KAAK,IACxC,eAAe,YAAY,mBAAmB,EAAE,KAAK,KAAO,CAC1D,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,kBACb,QAAS,oBACT,aAAc,eAAe,IAAI,mBAAmB,EACpD,OAAQ,CAAC,CACX,CAAC,CACH,EAAE,CACJ,EAMa2B,EAAiB3B,EAAM,KAAK,IACvC,eAAe,YAAY,kBAAkB,EAAE,KAAK,KAAO,CACzD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,iBACb,QAAS,mBACT,aAAc,eAAe,IAAI,kBAAkB,EACnD,OAAQ,CACN,sBACE,wBACJ,CACF,CAAC,CACH,EAAE,CACJ,EAMa4B,EAAqB5B,EAAM,KAAK,IAC3C,eAAe,YAAY,sBAAsB,EAAE,KAAK,KAAO,CAC7D,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,qBACb,QAAS,uBACT,aAAc,eAAe,IAAI,sBAAsB,EACvD,OAAQ,CACN,iCACE,qCACF,0BACE,4BACJ,CACF,CAAC,CACH,EAAE,CACJ,EAQa6B,GAAU7B,EAAM,KAAK,IAChC,eAAe,YAAY,UAAU,EAAE,KAAK,KAAO,CACjD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,UACb,QAAS,WACT,aAAc,eAAe,IAAI,UAAU,EAC3C,OAAQ,CACN,YAAa,aACb,UAAW,WACX,SAAU,SACZ,CACF,CAAC,CACH,EAAE,CACJ,EAEa8B,GAAiB9B,EAAM,KAAK,IACvC,eAAe,YAAY,kBAAkB,EAAE,KAAK,KAAO,CACzD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,iBACb,QAAS,mBACT,aAAc,eAAe,IAAI,kBAAkB,EACnD,OAAQ,CACN,iBAAkB,mBAClB,UAAW,WACX,SAAU,SACZ,CACF,CAAC,CACH,EAAE,CACJ,EAMa+B,GAAQ/B,EAAM,KAAK,IAC9B,eAAe,YAAY,QAAQ,EAAE,KAAK,KAAO,CAC/C,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,QACb,QAAS,SACT,aAAc,eAAe,IAAI,QAAQ,EACzC,OAAQ,CACN,gBAAiB,iBACnB,CACF,CAAC,CACH,EAAE,CACJ,EAMagC,GAAahC,EAAM,KAAK,IACnC,eAAe,YAAY,cAAc,EAAE,KAAK,KAAO,CACrD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,aACb,QAAS,eACT,aAAc,eAAe,IAAI,cAAc,EAC/C,OAAQ,CAAC,CACX,CAAC,CACH,EAAE,CACJ,EAMaiC,GAAcjC,EAAM,KAAK,IACpC,eAAe,YAAY,eAAe,EAAE,KAAK,KAAO,CACtD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,cACb,QAAS,gBACT,aAAc,eAAe,IAAI,eAAe,EAChD,OAAQ,CAAC,CACX,CAAC,CACH,EAAE,CACJ,EAMakC,GAAclC,EAAM,KAAK,IACpC,eAAe,YAAY,eAAe,EAAE,KAAK,KAAO,CACtD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,cACb,QAAS,gBACT,aAAc,eAAe,IAAI,eAAe,EAChD,OAAQ,CAAC,CACX,CAAC,CACH,EAAE,CACJ,EAMamC,GAAgBnC,EAAM,KAAK,IACtC,eAAe,YAAY,iBAAiB,EAAE,KAAK,KAAO,CACxD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,gBACb,QAAS,kBACT,aAAc,eAAe,IAAI,iBAAiB,EAClD,OAAQ,CAAC,CACX,CAAC,CACH,EAAE,CACJ,EASaoC,GAAoBpC,EAAM,KAAK,IAC1C,eAAe,YAAY,sBAAsB,EAAE,KAAK,KAAO,CAC7D,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,oBACb,QAAS,uBACT,aAAc,eAAe,IAAI,sBAAsB,EACvD,OAAQ,CAAC,CACX,CAAC,CACH,EAAE,CACJ,EAMaqC,GAAarC,EAAM,KAAK,IACnC,eAAe,YAAY,cAAc,EAAE,KAAK,KAAO,CACrD,QAAS,EAAgB,CACvB,MAAOA,EACP,YAAa,aACb,QAAS,eACT,aAAc,eAAe,IAAI,cAAc,EAC/C,OAAQ,CAAC,CACX,CAAC,CACH,EAAE,CACJ",
|
|
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", "BlAccordionGroup", "React", "BlAlert", "BlBadge", "BlButton", "BlCalendar", "BlCheckboxGroup", "BlDialog", "BlDrawer", "BlDropdown", "BlIcon", "BlInput", "BlNotification", "BlPagination", "BlPopover", "BlProgressIndicator", "BlRadioGroup", "BlSelect", "BlSpinner", "BlSplitButton", "BlSwitch", "BlTabGroup", "BlTable", "BlTextarea", "BlTooltip", "BlAccordion", "BlCheckbox", "BlDropdownGroup", "BlDropdownItem", "BlNotificationCard", "BlRadio", "BlSelectOption", "BlTab", "BlTabPanel", "BlTableBody", "BlTableCell", "BlTableHeader", "BlTableHeaderCell", "BlTableRow"]
|
|
7
7
|
}
|