@trendyol/baklava 3.0.0-beta.2 → 3.0.0-beta.21
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 +3 -3
- package/dist/assets/credit_card.svg +4 -0
- package/dist/assets/door_open.svg +3 -0
- package/dist/assets/sorting_asc.svg +4 -0
- package/dist/assets/sorting_desc.svg +4 -0
- package/dist/baklava-react.d.ts +69 -0
- 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 +9 -0
- package/dist/baklava.d.ts +9 -0
- package/dist/baklava.d.ts.map +1 -1
- package/dist/baklava.js +1 -1
- package/dist/{chunk-MACM4RPG.js → chunk-2GQCCDR3.js} +2 -2
- package/dist/{chunk-3QXRSN5E.js → chunk-4BZSILLM.js} +2 -2
- package/dist/{chunk-JZ3S4JFA.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-LYOZ36IH.js → chunk-5TPDRTCU.js} +2 -2
- package/dist/chunk-73GEFGEG.js +2 -0
- package/dist/chunk-73GEFGEG.js.map +7 -0
- package/dist/{chunk-QXFCLEZB.js → chunk-73RGV4UX.js} +2 -2
- package/dist/chunk-7QNX2GPS.js +24 -0
- package/dist/chunk-7QNX2GPS.js.map +7 -0
- package/dist/chunk-ASB5S6J4.js +8 -0
- package/dist/chunk-ASB5S6J4.js.map +7 -0
- package/dist/chunk-EG7U7PM3.js +11 -0
- package/dist/chunk-EG7U7PM3.js.map +7 -0
- package/dist/{chunk-MG23TBA3.js → chunk-FQBDGFMR.js} +4 -4
- package/dist/{chunk-VXYXKLNG.js → chunk-FVBGMXMC.js} +2 -2
- package/dist/chunk-H5K6KEKD.js +20 -0
- package/dist/chunk-H5K6KEKD.js.map +7 -0
- package/dist/chunk-HZ6A5QFC.js +2 -0
- package/dist/chunk-HZ6A5QFC.js.map +7 -0
- package/dist/chunk-IWBCUOHE.js +34 -0
- package/dist/chunk-IWBCUOHE.js.map +7 -0
- package/dist/{chunk-PWZJTYMH.js → chunk-IZTTP5LH.js} +2 -2
- package/dist/chunk-LIW32ZGE.js +2 -0
- package/dist/chunk-LIW32ZGE.js.map +7 -0
- package/dist/chunk-LPHOBDYM.js +11 -0
- package/dist/chunk-LPHOBDYM.js.map +7 -0
- package/dist/{chunk-2YD3I4BZ.js → chunk-LXYK2N4C.js} +2 -2
- package/dist/{chunk-OSNB4BPE.js → chunk-MND5TXTF.js} +2 -2
- package/dist/{chunk-Q7LYRUYQ.js → chunk-N6FMS7MM.js} +4 -4
- package/dist/chunk-NGJM4NWA.js +4 -0
- package/dist/chunk-NGJM4NWA.js.map +7 -0
- package/dist/chunk-OB455JKN.js +30 -0
- package/dist/chunk-OB455JKN.js.map +7 -0
- package/dist/chunk-P4FHU5BE.js +16 -0
- package/dist/chunk-P4FHU5BE.js.map +7 -0
- package/dist/chunk-PACDVPAB.js +26 -0
- package/dist/chunk-PACDVPAB.js.map +7 -0
- package/dist/{chunk-YCHZB54C.js → chunk-Q6MAW2EF.js} +2 -2
- package/dist/{chunk-XLRX2X2I.js → chunk-QF4LGACD.js} +2 -2
- package/dist/{chunk-HULHLSIH.js → chunk-RQEU3SZQ.js} +4 -4
- package/dist/{chunk-L6BUT2FV.js → chunk-U752J5IG.js} +2 -2
- package/dist/chunk-UCLJCOUS.js +5 -0
- package/dist/chunk-UCLJCOUS.js.map +7 -0
- package/dist/chunk-WH6MQCKK.js +63 -0
- package/dist/chunk-WH6MQCKK.js.map +7 -0
- package/dist/{chunk-57IOXMBV.js → chunk-WQTBAXMP.js} +5 -5
- package/dist/{chunk-PLUCMBSD.js → chunk-WXWKIQAK.js} +2 -2
- package/dist/{chunk-UERDT3VQ.js → chunk-X67Z2G2H.js} +4 -4
- package/dist/chunk-XDJ3G3LW.js +111 -0
- package/dist/chunk-XDJ3G3LW.js.map +7 -0
- package/dist/chunk-XDUIVR6I.js +2 -0
- package/dist/chunk-XDUIVR6I.js.map +7 -0
- package/dist/chunk-Y3PONRYW.js +2 -0
- package/dist/chunk-Y3PONRYW.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.js +1 -1
- package/dist/components/badge/bl-badge.js +1 -1
- package/dist/components/button/bl-button.js +1 -1
- 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 +16 -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 +4 -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 +3 -0
- package/dist/components/dialog/bl-dialog.stories.d.ts.map +1 -1
- package/dist/components/dialog/bl-dialog.stories.js +11 -8
- package/dist/components/dialog/bl-dialog.stories.js.map +3 -3
- package/dist/components/drawer/bl-drawer.d.ts +6 -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 -1
- 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 +2 -2
- package/dist/components/input/bl-input.js +1 -1
- package/dist/components/notification/bl-notification.js +1 -1
- package/dist/components/notification/card/bl-notification-card.js +1 -1
- package/dist/components/pagination/bl-pagination.js +1 -1
- 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.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 +4 -0
- 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/split-button/bl-split-button.d.ts +103 -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.js +1 -1
- package/dist/components/tooltip/bl-tooltip.d.ts +7 -1
- 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 +972 -7
- package/dist/utilities/elements.d.ts +1 -0
- package/dist/utilities/elements.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 +1 -1
- package/dist/chunk-3B64VOWB.js +0 -2
- package/dist/chunk-3B64VOWB.js.map +0 -7
- package/dist/chunk-6H54TTNK.js +0 -20
- package/dist/chunk-6H54TTNK.js.map +0 -7
- package/dist/chunk-A4RJP5R7.js +0 -23
- package/dist/chunk-A4RJP5R7.js.map +0 -7
- package/dist/chunk-AAGDUS7G.js +0 -11
- package/dist/chunk-AAGDUS7G.js.map +0 -7
- package/dist/chunk-DJOD4BTL.js +0 -2
- package/dist/chunk-DJOD4BTL.js.map +0 -7
- package/dist/chunk-L42A6DU2.js +0 -107
- package/dist/chunk-L42A6DU2.js.map +0 -7
- package/dist/chunk-QY5DKRF5.js +0 -26
- package/dist/chunk-QY5DKRF5.js.map +0 -7
- package/dist/chunk-UP2BMLLI.js +0 -33
- package/dist/chunk-UP2BMLLI.js.map +0 -7
- package/dist/chunk-WPMIVZ4A.js +0 -23
- package/dist/chunk-WPMIVZ4A.js.map +0 -7
- package/dist/chunk-YML6L24Q.js +0 -5
- package/dist/chunk-YML6L24Q.js.map +0 -7
- /package/dist/{chunk-MACM4RPG.js.map → chunk-2GQCCDR3.js.map} +0 -0
- /package/dist/{chunk-3QXRSN5E.js.map → chunk-4BZSILLM.js.map} +0 -0
- /package/dist/{chunk-JZ3S4JFA.js.map → chunk-4T26H7PC.js.map} +0 -0
- /package/dist/{chunk-LYOZ36IH.js.map → chunk-5TPDRTCU.js.map} +0 -0
- /package/dist/{chunk-QXFCLEZB.js.map → chunk-73RGV4UX.js.map} +0 -0
- /package/dist/{chunk-MG23TBA3.js.map → chunk-FQBDGFMR.js.map} +0 -0
- /package/dist/{chunk-VXYXKLNG.js.map → chunk-FVBGMXMC.js.map} +0 -0
- /package/dist/{chunk-PWZJTYMH.js.map → chunk-IZTTP5LH.js.map} +0 -0
- /package/dist/{chunk-2YD3I4BZ.js.map → chunk-LXYK2N4C.js.map} +0 -0
- /package/dist/{chunk-OSNB4BPE.js.map → chunk-MND5TXTF.js.map} +0 -0
- /package/dist/{chunk-Q7LYRUYQ.js.map → chunk-N6FMS7MM.js.map} +0 -0
- /package/dist/{chunk-YCHZB54C.js.map → chunk-Q6MAW2EF.js.map} +0 -0
- /package/dist/{chunk-XLRX2X2I.js.map → chunk-QF4LGACD.js.map} +0 -0
- /package/dist/{chunk-HULHLSIH.js.map → chunk-RQEU3SZQ.js.map} +0 -0
- /package/dist/{chunk-L6BUT2FV.js.map → chunk-U752J5IG.js.map} +0 -0
- /package/dist/{chunk-57IOXMBV.js.map → chunk-WQTBAXMP.js.map} +0 -0
- /package/dist/{chunk-PLUCMBSD.js.map → chunk-WXWKIQAK.js.map} +0 -0
- /package/dist/{chunk-UERDT3VQ.js.map → chunk-X67Z2G2H.js.map} +0 -0
package/dist/baklava.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"baklava.d.ts","sourceRoot":"","sources":["../src/baklava.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6CAA6C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6CAA6C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC"}
|
|
1
|
+
{"version":3,"file":"baklava.d.ts","sourceRoot":"","sources":["../src/baklava.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6CAA6C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6CAA6C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iDAAiD,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2DAA2D,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC"}
|
package/dist/baklava.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{b as j}from"./chunk-P4FHU5BE.js";import{b as q}from"./chunk-LPHOBDYM.js";import{b as O}from"./chunk-Y3PONRYW.js";import{b as v}from"./chunk-LIW32ZGE.js";import{b as y}from"./chunk-73GEFGEG.js";import{b as H}from"./chunk-WQTBAXMP.js";import{b as R}from"./chunk-FQBDGFMR.js";import{a as P}from"./chunk-5TPDRTCU.js";import{a as I}from"./chunk-QF4LGACD.js";import{a as w}from"./chunk-Q6MAW2EF.js";import{d as N}from"./chunk-ASB5S6J4.js";import{a as g}from"./chunk-IZTTP5LH.js";import{a as C}from"./chunk-H5K6KEKD.js";import{a as r}from"./chunk-7QNX2GPS.js";import{b as k}from"./chunk-4T26H7PC.js";import{a as n}from"./chunk-X67Z2G2H.js";import{a as s}from"./chunk-LXYK2N4C.js";import"./chunk-MND5TXTF.js";import{b as h}from"./chunk-UCLJCOUS.js";import{a as c}from"./chunk-2GQCCDR3.js";import{c as b,f as T}from"./chunk-FVBGMXMC.js";import{a as i}from"./chunk-XDJ3G3LW.js";import{a as m}from"./chunk-WXWKIQAK.js";import"./chunk-EZSEQHRH.js";import{b as d,e as u}from"./chunk-IWBCUOHE.js";import"./chunk-EG7U7PM3.js";import"./chunk-AYJMIZZ3.js";import"./chunk-XDUIVR6I.js";import"./chunk-HZ6A5QFC.js";import{a as x}from"./chunk-OB455JKN.js";import{a as B}from"./chunk-PACDVPAB.js";import{b as D,d as S,f as A}from"./chunk-WH6MQCKK.js";import{b as G}from"./chunk-73RGV4UX.js";import{b as p}from"./chunk-N6FMS7MM.js";import"./chunk-6LT7O7T2.js";import"./chunk-HBPBDC7T.js";import{a as o}from"./chunk-NGJM4NWA.js";import{a as l}from"./chunk-RQEU3SZQ.js";import"./chunk-ECPWEUBG.js";import"./chunk-DINNT5P2.js";import{a as f}from"./chunk-4BZSILLM.js";import{a as e,b as a,c as t}from"./chunk-U752J5IG.js";import"./chunk-GRL4DWKG.js";import"./chunk-3USCFSFQ.js";import"./chunk-7GK5LKBV.js";import"./chunk-5MOOXA2X.js";import"./chunk-4OT5AMS5.js";import"./chunk-IZ2LK5GK.js";export{r as BlAccordion,o as BlAccordionGroup,l as BlAlert,f as BlBadge,p as BlButton,d as BlCheckbox,u as BlCheckboxGroup,x as BlDialog,B as BlDrawer,A as BlDropdown,G as BlDropdownGroup,S as BlDropdownItem,t as BlIcon,s as BlInput,k as BlNotification,H as BlNotificationCard,n as BlPagination,h as BlPopover,c as BlProgressIndicator,b as BlRadio,T as BlRadioGroup,i as BlSelect,m as BlSelectOption,D as BlSplitButton,R as BlSwitch,w as BlTab,P as BlTabGroup,I as BlTabPanel,N as BlTable,y as BlTableBody,q as BlTableCell,v as BlTableHeader,j as BlTableHeaderCell,O as BlTableRow,g as BlTextarea,C as BlTooltip,a as getIconPath,e as setIconPath};
|
|
2
2
|
//# sourceMappingURL=baklava.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{a as u,b as a,c as s,e as p}from"./chunk-
|
|
1
|
+
import{a as u,b as a,c as s,e as p}from"./chunk-5MOOXA2X.js";import{a as i,b as l,f as o}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-IZ2LK5GK.js";var m=i`.progress-indicator{--max:100;--value:0;--value-color:var(--bl-color-success);--height:var(--bl-size-2xs);--radius:var(--bl-border-radius-s);position:relative;background-color:var(--bl-color-neutral-lightest);height:var(--height);border-radius:var(--radius);width:100%}.progress-indicator::before{content:"";position:absolute;height:100%;width:calc(100% / var(--max) * var(--value));background-color:var(--value-color);border-radius:var(--radius);transition:width ease var(--bl-progress-indicator-transition-duration, 0.2s)}:host([size="small"]) .progress-indicator{--height:var(--bl-size-3xs);--radius:var(--bl-border-radius-xs)}:host([size="large"]) .progress-indicator{--height:var(--bl-size-xs);--radius:var(--bl-border-radius-m)}:host([failed]) .progress-indicator{--value-color:var(--bl-color-danger)}`,d=m;var e=class extends o{constructor(){super(...arguments);this.size="medium";this.failed=!1;this._max=100;this._value=0}static get styles(){return d}get max(){return this._max}set max(t){this._max=t,this.updateCssVariable()}get value(){return this._value}set value(t){this._value=t,this.updateCssVariable()}async updateCssVariable(){await this.updateComplete,this.wrapper.style.setProperty("--value",`${this.value}`),this.wrapper.style.setProperty("--max",`${this.max}`)}render(){return l`<div
|
|
2
2
|
class="progress-indicator"
|
|
3
3
|
role="progressbar"
|
|
4
4
|
aria-valuemax="${this._max}"
|
|
5
5
|
aria-valuenow="${this._value}"
|
|
6
6
|
></div>`}};r([p(".progress-indicator")],e.prototype,"wrapper",2),r([a({type:String,reflect:!0})],e.prototype,"size",2),r([a({type:Boolean,reflect:!0})],e.prototype,"failed",2),r([a({type:Number})],e.prototype,"max",1),r([a({type:Number})],e.prototype,"value",1),r([s()],e.prototype,"_max",2),r([s()],e.prototype,"_value",2),e=r([u("bl-progress-indicator")],e);export{e as a};
|
|
7
|
-
//# sourceMappingURL=chunk-
|
|
7
|
+
//# sourceMappingURL=chunk-2GQCCDR3.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{a as l,b as t}from"./chunk-
|
|
1
|
+
import{a as l,b as t}from"./chunk-5MOOXA2X.js";import{a as i,b as r,f as a}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-IZ2LK5GK.js";var c=i`:host{display:inline-block;max-width:100%}.badge{--bg-color:var(--bl-badge-bg-color, var(--bl-color-primary-contrast));--color:var(--bl-badge-color, var(--bl-color-primary));--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-4xs);--padding-horizontal:var(--bl-size-3xs);--margin-icon:var(--bl-size-3xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl);display:flex;gap:var(--margin-icon);justify-content:center;align-items:center;box-sizing:border-box;width:100%;border:none;border-radius:var(--bl-size-4xs);margin:0;padding:var(--padding-vertical) var(--padding-horizontal);background-color:var(--bg-color);color:var(--color, white);font:var(--font);font-kerning:none;height:var(--height)}:host([size="small"]) .badge{--font:var(--bl-font-caption);--height:var(--bl-size-m)}:host([size="large"]) .badge{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-2xs);--height:var(--bl-size-2xl);--icon-size:var(--bl-size-m)}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host([size="small"]) bl-icon{display:none}`,n=c;var e=class extends a{constructor(){super(...arguments);this.size="medium"}static get styles(){return[n]}render(){let s=this.icon?r`<bl-icon name=${this.icon}></bl-icon>`:"";return r`<span class="badge">
|
|
2
2
|
<slot name="icon">${s}</slot>
|
|
3
3
|
<slot></slot>
|
|
4
4
|
</span>`}};o([t({type:String,reflect:!0})],e.prototype,"size",2),o([t({type:String})],e.prototype,"icon",2),e=o([l("bl-badge")],e);export{e as a};
|
|
5
|
-
//# sourceMappingURL=chunk-
|
|
5
|
+
//# sourceMappingURL=chunk-4BZSILLM.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{b as y,c as g,d as D,e as H,f as $}from"./chunk-AYJMIZZ3.js";import{a as Y}from"./chunk-DINNT5P2.js";import{a as
|
|
1
|
+
import{b as y,c as g,d as D,e as H,f as $}from"./chunk-AYJMIZZ3.js";import{a as Y}from"./chunk-DINNT5P2.js";import{a as N,b as L,c as R}from"./chunk-7GK5LKBV.js";import{a as k,b as A,c as M,d as S}from"./chunk-5MOOXA2X.js";import{a as P,b as w,c as z,f as C}from"./chunk-4OT5AMS5.js";import{d as v}from"./chunk-IZ2LK5GK.js";var I=(s,f,t)=>{let o=new Map;for(let n=f;n<=t;n++)o.set(s[n],n);return o},V=L(class extends R{constructor(s){if(super(s),s.type!==N.CHILD)throw Error("repeat() can only be used in text expressions")}ct(s,f,t){let o;t===void 0?t=f:f!==void 0&&(o=f);let n=[],i=[],a=0;for(let c of s)n[a]=o?o(c,a):a,i[a]=t(c,a),a++;return{values:i,keys:n}}render(s,f,t){return this.ct(s,f,t).values}update(s,[f,t,o]){var n;let i=H(s),{values:a,keys:c}=this.ct(f,t,o);if(!Array.isArray(i))return this.ut=c,a;let p=(n=this.ut)!==null&&n!==void 0?n:this.ut=[],m=[],b,x,e=0,l=i.length-1,r=0,d=a.length-1;for(;e<=l&&r<=d;)if(i[e]===null)e++;else if(i[l]===null)l--;else if(p[e]===c[r])m[r]=g(i[e],a[r]),e++,r++;else if(p[l]===c[d])m[d]=g(i[l],a[d]),l--,d--;else if(p[e]===c[d])m[d]=g(i[e],a[d]),y(s,m[d+1],i[e]),e++,d--;else if(p[l]===c[r])m[r]=g(i[l],a[r]),y(s,i[e],i[l]),l--,r++;else if(b===void 0&&(b=I(c,r,d),x=I(p,e,l)),b.has(p[e]))if(b.has(p[l])){let h=x.get(c[r]),T=h!==void 0?i[h]:null;if(T===null){let E=y(s,i[e]);g(E,a[r]),m[r]=E}else m[r]=g(T,a[r]),y(s,i[e],T),i[h]=null;r++}else $(i[l]),l--;else $(i[e]),e++;for(;r<=d;){let h=y(s,m[d+1]);g(h,a[r]),m[r++]=h}for(;e<=l;){let h=i[e++];h!==null&&$(h)}return this.ut=c,D(s,m),z}});var G=P`:host{--bl-notification-width:396px;--bl-notification-gap:var(--bl-size-2xs);--bl-notification-animation-duration:0.3s}.wrapper{--margin:var(--bl-size-xl);display:flex;flex-direction:column-reverse;position:fixed;top:0;right:0;max-width:var(--bl-notification-width);margin:var(--margin);width:calc(100% - var(--margin) * 2);z-index:var(--bl-index-notification)}@media screen and (max-width: 480px){.wrapper{flex-direction:column;max-width:100%}}.notification{will-change:transform height margin;animation:slide-in-right var(--bl-notification-animation-duration) ease;margin-bottom:var(--bl-notification-gap);touch-action:none}.notification[data-slide="top"]{animation:slide-in-top var(--bl-notification-animation-duration) ease}:host([no-animation]) .notification{animation:none}.notification.removing{animation:slide-out-right var(--bl-notification-animation-duration) ease forwards,size-to-zero var(--bl-notification-animation-duration) ease var(--bl-notification-animation-duration) forwards}.notification[data-slide="top"].removing{animation:slide-out-top var(--bl-notification-animation-duration) ease forwards,size-to-zero var(--bl-notification-animation-duration) ease var(--bl-notification-animation-duration) forwards}:host([no-animation]) .notification.removing{animation:size-to-zero 0}@media (prefers-reduced-motion){.notification.removing{animation:size-to-zero 0}.notification{animation:none}}@keyframes slide-in-right{from{transform:translateX(var(--travel-distance, 10px));height:0;opacity:0;margin:0}}@keyframes slide-out-right{to{transform:translateX(var(--travel-distance, 10px));opacity:0}}@keyframes slide-in-top{from{transform:translateY(var(--travel-distance, -10px));height:0;opacity:0;margin:0}}@keyframes slide-out-top{to{transform:translateY(var(--travel-distance, -10px));opacity:0}}@keyframes size-to-zero{to{height:0;margin:0}}`,B=G;var O=-50,u=class extends C{constructor(){super(...arguments);this.noAnimation=!1;this.duration=7;this.notifications=[];this.touchStartY=0}static get styles(){return[B]}get notificationList(){return this.notifications}get touchStart(){return{y:this.touchStartY}}get isMobile(){return window.matchMedia("(max-width: 480px)").matches}addNotification(t){let o=Math.random().toString(36).substr(2,9),n={...t,id:o,duration:t.duration||this.duration,remove:()=>this.removeNotification(o)},i=[...this.notifications,n];return this.notifications=i,n}async removeNotification(t){return new Promise(o=>{var i;let n=(i=this.shadowRoot)==null?void 0:i.getElementById(t);if(!n){o(!1);return}n.style.height=`${n.clientHeight}px`,n.addEventListener("animationend",({animationName:a})=>{a==="size-to-zero"&&(this.notifications=this.notifications.filter(c=>c.id!==t),o(!0))}),n.classList.add("removing")})}handleTouchStart(t){this.isMobile&&(t.stopPropagation(),this.touchStartY=t.touches[0].clientY)}handleTouchMove(t){if(!this.isMobile)return;t.stopPropagation();let o=t.currentTarget,n=t.touches[0].clientY,i=Math.min(n-this.touchStartY,0);o.style.transform=`translateY(${i}px)`}handleTouchEnd(t){if(!this.isMobile)return;t.stopPropagation();let o=t.currentTarget,i=t.changedTouches[0].clientY-this.touchStartY;i<O?(o.style.setProperty("--travel-distance",`${i-10}px`),this.removeNotification(o.id)):(o.style.transition="transform 0.3s ease",o.style.transform="translateY(0px)",o.addEventListener("transitionend",()=>{o.style.transition="",o.style.transform=""})),this.touchStartY=0}renderActionSlot(t,o){let n=t==="primary-action"?o.primaryAction:o.secondaryAction;return!n||!n.label?"":w`<bl-button slot="${t}" @bl-click=${()=>n.onClick(o)}>
|
|
2
2
|
${n.label}
|
|
3
3
|
</bl-button>`}render(){return w`
|
|
4
4
|
<div class="wrapper">
|
|
@@ -31,4 +31,4 @@ lit-html/directives/repeat.js:
|
|
|
31
31
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
32
32
|
*)
|
|
33
33
|
*/
|
|
34
|
-
//# sourceMappingURL=chunk-
|
|
34
|
+
//# sourceMappingURL=chunk-4T26H7PC.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var f=t=>e=>typeof e=="function"?((r,o)=>(customElements.define(r,o),o))(t,e):((r,o)=>{let{kind:n,elements:i}=o;return{kind:n,elements:i,finisher(s){customElements.define(r,s)}}})(t,e);var p=(t,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(r){r.createProperty(e.key,t)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(r){r.createProperty(e.key,t)}};function u(t){return(e,r)=>r!==void 0?((o,n,i)=>{n.constructor.createProperty(i,o)})(t,e,r):p(t,e)}function x(t){return u({...t,state:!0})}var l=({finisher:t,descriptor:e})=>(r,o)=>{var n;if(o===void 0){let i=(n=r.originalKey)!==null&&n!==void 0?n:r.key,s=e!=null?{kind:"method",placement:"prototype",key:i,descriptor:e(r.key)}:{...r,key:i};return t!=null&&(s.finisher=function(d){t(d,i)}),s}{let i=r.constructor;e!==void 0&&Object.defineProperty(r,o,e(o)),t==null||t(i,o)}};function q(t){return l({finisher:(e,r)=>{Object.assign(e.prototype[r],t)}})}function A(t,e){return l({descriptor:r=>{let o={get(){var n,i;return(i=(n=this.renderRoot)===null||n===void 0?void 0:n.querySelector(t))!==null&&i!==void 0?i:null},enumerable:!0,configurable:!0};if(e){let n=typeof r=="symbol"?Symbol():"__"+r;o.get=function(){var i,s;return this[n]===void 0&&(this[n]=(s=(i=this.renderRoot)===null||i===void 0?void 0:i.querySelector(t))!==null&&s!==void 0?s:null),this[n]}}return o}})}function O(t){return l({descriptor:e=>({get(){var r,o;return(o=(r=this.renderRoot)===null||r===void 0?void 0:r.querySelectorAll(t))!==null&&o!==void 0?o:[]},enumerable:!0,configurable:!0})})}var a,m=((a=window.HTMLSlotElement)===null||a===void 0?void 0:a.prototype.assignedElements)!=null?(t,e)=>t.assignedElements(e):(t,e)=>t.assignedNodes(e).filter(r=>r.nodeType===Node.ELEMENT_NODE);function y(t){let{slot:e,selector:r}=t!=null?t:{};return l({descriptor:o=>({get(){var n;let i="slot"+(e?`[name=${e}]`:":not([name])"),s=(n=this.renderRoot)===null||n===void 0?void 0:n.querySelector(i),d=s!=null?m(s,t):[];return r?d.filter(c=>c.matches(r)):d},enumerable:!0,configurable:!0})})}export{f as a,u as b,x as c,q as d,A as e,O as f,y as g};
|
|
2
2
|
/*! Bundled license information:
|
|
3
3
|
|
|
4
4
|
@lit/reactive-element/decorators/custom-element.js:
|
|
@@ -50,17 +50,17 @@ var p=t=>e=>typeof e=="function"?((r,o)=>(customElements.define(r,o),o))(t,e):((
|
|
|
50
50
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
51
51
|
*)
|
|
52
52
|
|
|
53
|
-
@lit/reactive-element/decorators/query-
|
|
53
|
+
@lit/reactive-element/decorators/query-assigned-elements.js:
|
|
54
54
|
(**
|
|
55
55
|
* @license
|
|
56
|
-
* Copyright
|
|
56
|
+
* Copyright 2021 Google LLC
|
|
57
57
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
58
58
|
*)
|
|
59
59
|
|
|
60
|
-
@lit/reactive-element/decorators/query-
|
|
60
|
+
@lit/reactive-element/decorators/query-async.js:
|
|
61
61
|
(**
|
|
62
62
|
* @license
|
|
63
|
-
* Copyright
|
|
63
|
+
* Copyright 2017 Google LLC
|
|
64
64
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
65
65
|
*)
|
|
66
66
|
|
|
@@ -71,4 +71,4 @@ var p=t=>e=>typeof e=="function"?((r,o)=>(customElements.define(r,o),o))(t,e):((
|
|
|
71
71
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
72
72
|
*)
|
|
73
73
|
*/
|
|
74
|
-
//# sourceMappingURL=chunk-
|
|
74
|
+
//# sourceMappingURL=chunk-5MOOXA2X.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../node_modules/@lit/reactive-element/src/decorators/custom-element.ts", "../node_modules/@lit/reactive-element/src/decorators/property.ts", "../node_modules/@lit/reactive-element/src/decorators/state.ts", "../node_modules/@lit/reactive-element/src/decorators/base.ts", "../node_modules/@lit/reactive-element/src/decorators/event-options.ts", "../node_modules/@lit/reactive-element/src/decorators/query.ts", "../node_modules/@lit/reactive-element/src/decorators/query-all.ts", "../node_modules/@lit/reactive-element/src/decorators/query-assigned-elements.ts"],
|
|
4
4
|
"sourcesContent": ["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\nimport {Constructor, ClassDescriptor} from './base.js';\n\n/**\n * Allow for custom element classes with private constructors\n */\ntype CustomElementClass = Omit<typeof HTMLElement, 'new'>;\n\nconst legacyCustomElement = (tagName: string, clazz: CustomElementClass) => {\n customElements.define(tagName, clazz as CustomElementConstructor);\n // Cast as any because TS doesn't recognize the return type as being a\n // subtype of the decorated class when clazz is typed as\n // `Constructor<HTMLElement>` for some reason.\n // `Constructor<HTMLElement>` is helpful to make sure the decorator is\n // applied to elements however.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return clazz as any;\n};\n\nconst standardCustomElement = (\n tagName: string,\n descriptor: ClassDescriptor\n) => {\n const {kind, elements} = descriptor;\n return {\n kind,\n elements,\n // This callback is called once the class is otherwise fully defined\n finisher(clazz: Constructor<HTMLElement>) {\n customElements.define(tagName, clazz);\n },\n };\n};\n\n/**\n * Class decorator factory that defines the decorated class as a custom element.\n *\n * ```js\n * @customElement('my-element')\n * class MyElement extends LitElement {\n * render() {\n * return html``;\n * }\n * }\n * ```\n * @category Decorator\n * @param tagName The tag name of the custom element to define.\n */\nexport const customElement =\n (tagName: string) =>\n (classOrDescriptor: CustomElementClass | ClassDescriptor) =>\n typeof classOrDescriptor === 'function'\n ? legacyCustomElement(tagName, classOrDescriptor)\n : standardCustomElement(tagName, classOrDescriptor as ClassDescriptor);\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\nimport {PropertyDeclaration, ReactiveElement} from '../reactive-element.js';\nimport {ClassElement} from './base.js';\n\nconst standardProperty = (\n options: PropertyDeclaration,\n element: ClassElement\n) => {\n // When decorating an accessor, pass it through and add property metadata.\n // Note, the `hasOwnProperty` check in `createProperty` ensures we don't\n // stomp over the user's accessor.\n if (\n element.kind === 'method' &&\n element.descriptor &&\n !('value' in element.descriptor)\n ) {\n return {\n ...element,\n finisher(clazz: typeof ReactiveElement) {\n clazz.createProperty(element.key, options);\n },\n };\n } else {\n // createProperty() takes care of defining the property, but we still\n // must return some kind of descriptor, so return a descriptor for an\n // unused prototype field. The finisher calls createProperty().\n return {\n kind: 'field',\n key: Symbol(),\n placement: 'own',\n descriptor: {},\n // store the original key so subsequent decorators have access to it.\n originalKey: element.key,\n // When @babel/plugin-proposal-decorators implements initializers,\n // do this instead of the initializer below. See:\n // https://github.com/babel/babel/issues/9260 extras: [\n // {\n // kind: 'initializer',\n // placement: 'own',\n // initializer: descriptor.initializer,\n // }\n // ],\n initializer(this: {[key: string]: unknown}) {\n if (typeof element.initializer === 'function') {\n this[element.key as string] = element.initializer.call(this);\n }\n },\n finisher(clazz: typeof ReactiveElement) {\n clazz.createProperty(element.key, options);\n },\n };\n }\n};\n\nconst legacyProperty = (\n options: PropertyDeclaration,\n proto: Object,\n name: PropertyKey\n) => {\n (proto.constructor as typeof ReactiveElement).createProperty(name, options);\n};\n\n/**\n * A property decorator which creates a reactive property that reflects a\n * corresponding attribute value. When a decorated property is set\n * the element will update and render. A {@linkcode PropertyDeclaration} may\n * optionally be supplied to configure property features.\n *\n * This decorator should only be used for public fields. As public fields,\n * properties should be considered as primarily settable by element users,\n * either via attribute or the property itself.\n *\n * Generally, properties that are changed by the element should be private or\n * protected fields and should use the {@linkcode state} decorator.\n *\n * However, sometimes element code does need to set a public property. This\n * should typically only be done in response to user interaction, and an event\n * should be fired informing the user; for example, a checkbox sets its\n * `checked` property when clicked and fires a `changed` event. Mutating public\n * properties should typically not be done for non-primitive (object or array)\n * properties. In other cases when an element needs to manage state, a private\n * property decorated via the {@linkcode state} decorator should be used. When\n * needed, state properties can be initialized via public properties to\n * facilitate complex interactions.\n *\n * ```ts\n * class MyElement {\n * @property({ type: Boolean })\n * clicked = false;\n * }\n * ```\n * @category Decorator\n * @ExportDecoratedItems\n */\nexport function property(options?: PropertyDeclaration) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return (protoOrDescriptor: Object | ClassElement, name?: PropertyKey): any =>\n name !== undefined\n ? legacyProperty(options!, protoOrDescriptor as Object, name)\n : standardProperty(options!, protoOrDescriptor as ClassElement);\n}\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\n\nimport {property} from './property.js';\n\nexport interface InternalPropertyDeclaration<Type = unknown> {\n /**\n * A function that indicates if a property should be considered changed when\n * it is set. The function should take the `newValue` and `oldValue` and\n * return `true` if an update should be requested.\n */\n hasChanged?(value: Type, oldValue: Type): boolean;\n}\n\n/**\n * Declares a private or protected reactive property that still triggers\n * updates to the element when it changes. It does not reflect from the\n * corresponding attribute.\n *\n * Properties declared this way must not be used from HTML or HTML templating\n * systems, they're solely for properties internal to the element. These\n * properties may be renamed by optimization tools like closure compiler.\n * @category Decorator\n */\nexport function state(options?: InternalPropertyDeclaration) {\n return property({\n ...options,\n state: true,\n });\n}\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {ReactiveElement} from '../reactive-element.js';\n\nexport type Constructor<T> = {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n new (...args: any[]): T;\n};\n\n// From the TC39 Decorators proposal\nexport interface ClassDescriptor {\n kind: 'class';\n elements: ClassElement[];\n finisher?: <T>(clazz: Constructor<T>) => void | Constructor<T>;\n}\n\n// From the TC39 Decorators proposal\nexport interface ClassElement {\n kind: 'field' | 'method';\n key: PropertyKey;\n placement: 'static' | 'prototype' | 'own';\n initializer?: Function;\n extras?: ClassElement[];\n finisher?: <T>(clazz: Constructor<T>) => void | Constructor<T>;\n descriptor?: PropertyDescriptor;\n}\n\nexport const legacyPrototypeMethod = (\n descriptor: PropertyDescriptor,\n proto: Object,\n name: PropertyKey\n) => {\n Object.defineProperty(proto, name, descriptor);\n};\n\nexport const standardPrototypeMethod = (\n descriptor: PropertyDescriptor,\n element: ClassElement\n) => ({\n kind: 'method',\n placement: 'prototype',\n key: element.key,\n descriptor,\n});\n\n/**\n * Helper for decorating a property that is compatible with both TypeScript\n * and Babel decorators. The optional `finisher` can be used to perform work on\n * the class. The optional `descriptor` should return a PropertyDescriptor\n * to install for the given property.\n *\n * @param finisher {function} Optional finisher method; receives the element\n * constructor and property key as arguments and has no return value.\n * @param descriptor {function} Optional descriptor method; receives the\n * property key as an argument and returns a property descriptor to define for\n * the given property.\n * @returns {ClassElement|void}\n */\nexport const decorateProperty =\n ({\n finisher,\n descriptor,\n }: {\n finisher?:\n | ((ctor: typeof ReactiveElement, property: PropertyKey) => void)\n | null;\n descriptor?: (property: PropertyKey) => PropertyDescriptor;\n }) =>\n (\n protoOrDescriptor: ReactiveElement | ClassElement,\n name?: PropertyKey\n // Note TypeScript requires the return type to be `void|any`\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ): void | any => {\n // TypeScript / Babel legacy mode\n if (name !== undefined) {\n const ctor = (protoOrDescriptor as ReactiveElement)\n .constructor as typeof ReactiveElement;\n if (descriptor !== undefined) {\n Object.defineProperty(protoOrDescriptor, name, descriptor(name));\n }\n finisher?.(ctor, name!);\n // Babel standard mode\n } else {\n // Note, the @property decorator saves `key` as `originalKey`\n // so try to use it here.\n const key =\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (protoOrDescriptor as any).originalKey ??\n (protoOrDescriptor as ClassElement).key;\n const info: ClassElement =\n descriptor != undefined\n ? {\n kind: 'method',\n placement: 'prototype',\n key,\n descriptor: descriptor((protoOrDescriptor as ClassElement).key),\n }\n : {...(protoOrDescriptor as ClassElement), key};\n if (finisher != undefined) {\n info.finisher = function <ReactiveElement>(\n ctor: Constructor<ReactiveElement>\n ) {\n finisher(ctor as unknown as typeof ReactiveElement, key);\n };\n }\n return info;\n }\n };\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\n\nimport {ReactiveElement} from '../reactive-element.js';\nimport {decorateProperty} from './base.js';\n\n/**\n * Adds event listener options to a method used as an event listener in a\n * lit-html template.\n *\n * @param options An object that specifies event listener options as accepted by\n * `EventTarget#addEventListener` and `EventTarget#removeEventListener`.\n *\n * Current browsers support the `capture`, `passive`, and `once` options. See:\n * https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Parameters\n *\n * ```ts\n * class MyElement {\n * clicked = false;\n *\n * render() {\n * return html`\n * <div @click=${this._onClick}>\n * <button></button>\n * </div>\n * `;\n * }\n *\n * @eventOptions({capture: true})\n * _onClick(e) {\n * this.clicked = true;\n * }\n * }\n * ```\n * @category Decorator\n */\nexport function eventOptions(options: AddEventListenerOptions) {\n return decorateProperty({\n finisher: (ctor: typeof ReactiveElement, name: PropertyKey) => {\n Object.assign(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ctor.prototype[name as keyof ReactiveElement] as any,\n options\n );\n },\n });\n}\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\n\nimport {ReactiveElement} from '../reactive-element.js';\nimport {decorateProperty} from './base.js';\n\n/**\n * A property decorator that converts a class property into a getter that\n * executes a querySelector on the element's renderRoot.\n *\n * @param selector A DOMString containing one or more selectors to match.\n * @param cache An optional boolean which when true performs the DOM query only\n * once and caches the result.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector\n *\n * ```ts\n * class MyElement {\n * @query('#first')\n * first: HTMLDivElement;\n *\n * render() {\n * return html`\n * <div id=\"first\"></div>\n * <div id=\"second\"></div>\n * `;\n * }\n * }\n * ```\n * @category Decorator\n */\nexport function query(selector: string, cache?: boolean) {\n return decorateProperty({\n descriptor: (name: PropertyKey) => {\n const descriptor = {\n get(this: ReactiveElement) {\n return this.renderRoot?.querySelector(selector) ?? null;\n },\n enumerable: true,\n configurable: true,\n };\n if (cache) {\n const key = typeof name === 'symbol' ? Symbol() : `__${name}`;\n descriptor.get = function (this: ReactiveElement) {\n if (\n (this as unknown as {[key: string]: Element | null})[\n key as string\n ] === undefined\n ) {\n (this as unknown as {[key: string]: Element | null})[\n key as string\n ] = this.renderRoot?.querySelector(selector) ?? null;\n }\n return (this as unknown as {[key: string]: Element | null})[\n key as string\n ];\n };\n }\n return descriptor;\n },\n });\n}\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\n\nimport {ReactiveElement} from '../reactive-element.js';\nimport {decorateProperty} from './base.js';\n\n/**\n * A property decorator that converts a class property into a getter\n * that executes a querySelectorAll on the element's renderRoot.\n *\n * @param selector A DOMString containing one or more selectors to match.\n *\n * See:\n * https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll\n *\n * ```ts\n * class MyElement {\n * @queryAll('div')\n * divs: NodeListOf<HTMLDivElement>;\n *\n * render() {\n * return html`\n * <div id=\"first\"></div>\n * <div id=\"second\"></div>\n * `;\n * }\n * }\n * ```\n * @category Decorator\n */\nexport function queryAll(selector: string) {\n return decorateProperty({\n descriptor: (_name: PropertyKey) => ({\n get(this: ReactiveElement) {\n return this.renderRoot?.querySelectorAll(selector) ?? [];\n },\n enumerable: true,\n configurable: true,\n }),\n });\n}\n", "/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\n\nimport {decorateProperty} from './base.js';\n\nimport type {ReactiveElement} from '../reactive-element.js';\nimport type {QueryAssignedNodesOptions} from './query-assigned-nodes.js';\n\nconst NODE_MODE = false;\nconst global = NODE_MODE ? globalThis : window;\n\n/**\n * A tiny module scoped polyfill for HTMLSlotElement.assignedElements.\n */\nconst slotAssignedElements =\n global.HTMLSlotElement?.prototype.assignedElements != null\n ? (slot: HTMLSlotElement, opts?: AssignedNodesOptions) =>\n slot.assignedElements(opts)\n : (slot: HTMLSlotElement, opts?: AssignedNodesOptions) =>\n slot\n .assignedNodes(opts)\n .filter(\n (node): node is Element => node.nodeType === Node.ELEMENT_NODE\n );\n\n/**\n * Options for the {@linkcode queryAssignedElements} decorator. Extends the\n * options that can be passed into\n * [HTMLSlotElement.assignedElements](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement/assignedElements).\n */\nexport interface QueryAssignedElementsOptions\n extends QueryAssignedNodesOptions {\n /**\n * CSS selector used to filter the elements returned. For example, a selector\n * of `\".item\"` will only include elements with the `item` class.\n */\n selector?: string;\n}\n\n/**\n * A property decorator that converts a class property into a getter that\n * returns the `assignedElements` of the given `slot`. Provides a declarative\n * way to use\n * [`HTMLSlotElement.assignedElements`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement/assignedElements).\n *\n * Can be passed an optional {@linkcode QueryAssignedElementsOptions} object.\n *\n * Example usage:\n * ```ts\n * class MyElement {\n * @queryAssignedElements({ slot: 'list' })\n * listItems!: Array<HTMLElement>;\n * @queryAssignedElements()\n * unnamedSlotEls!: Array<HTMLElement>;\n *\n * render() {\n * return html`\n * <slot name=\"list\"></slot>\n * <slot></slot>\n * `;\n * }\n * }\n * ```\n *\n * Note, the type of this property should be annotated as `Array<HTMLElement>`.\n *\n * @category Decorator\n */\nexport function queryAssignedElements(options?: QueryAssignedElementsOptions) {\n const {slot, selector} = options ?? {};\n return decorateProperty({\n descriptor: (_name: PropertyKey) => ({\n get(this: ReactiveElement) {\n const slotSelector = `slot${slot ? `[name=${slot}]` : ':not([name])'}`;\n const slotEl =\n this.renderRoot?.querySelector<HTMLSlotElement>(slotSelector);\n const elements =\n slotEl != null ? slotAssignedElements(slotEl, options) : [];\n if (selector) {\n return elements.filter((node) => node.matches(selector));\n }\n return elements;\n },\n enumerable: true,\n configurable: true,\n }),\n });\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["customElement", "tagName", "classOrDescriptor", "clazz", "customElements", "define", "descriptor", "kind", "elements", "finisher", "standardProperty", "options", "element", "kind", "descriptor", "finisher", "clazz", "createProperty", "key", "Symbol", "placement", "originalKey", "initializer", "this", "call", "property", "protoOrDescriptor", "name", "proto", "constructor", "state", "options", "property", "decorateProperty", "finisher", "descriptor", "protoOrDescriptor", "name", "key", "_a", "originalKey", "info", "undefined", "kind", "placement", "ctor", "constructor", "Object", "defineProperty", "eventOptions", "options", "decorateProperty", "finisher", "ctor", "name", "Object", "assign", "prototype", "query", "selector", "cache", "decorateProperty", "descriptor", "name", "get", "_b", "_a", "this", "renderRoot", "querySelector", "enumerable", "configurable", "key", "Symbol", "o", "t", "queryAll", "selector", "decorateProperty", "descriptor", "_name", "get", "_b", "_a", "this", "renderRoot", "querySelectorAll", "enumerable", "configurable", "slotAssignedElements", "_a", "window", "HTMLSlotElement", "prototype", "assignedElements", "slot", "opts", "assignedNodes", "filter", "node", "nodeType", "Node", "ELEMENT_NODE"]
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["customElement", "tagName", "classOrDescriptor", "clazz", "customElements", "define", "descriptor", "kind", "elements", "finisher", "standardProperty", "options", "element", "kind", "descriptor", "finisher", "clazz", "createProperty", "key", "Symbol", "placement", "originalKey", "initializer", "this", "call", "property", "protoOrDescriptor", "name", "proto", "constructor", "state", "options", "property", "decorateProperty", "finisher", "descriptor", "protoOrDescriptor", "name", "key", "_a", "originalKey", "info", "undefined", "kind", "placement", "ctor", "constructor", "Object", "defineProperty", "eventOptions", "options", "decorateProperty", "finisher", "ctor", "name", "Object", "assign", "prototype", "query", "selector", "cache", "decorateProperty", "descriptor", "name", "get", "_b", "_a", "this", "renderRoot", "querySelector", "enumerable", "configurable", "key", "Symbol", "o", "t", "queryAll", "selector", "decorateProperty", "descriptor", "_name", "get", "_b", "_a", "this", "renderRoot", "querySelectorAll", "enumerable", "configurable", "slotAssignedElements", "_a", "window", "HTMLSlotElement", "prototype", "assignedElements", "slot", "opts", "assignedNodes", "filter", "node", "nodeType", "Node", "ELEMENT_NODE", "queryAssignedElements", "options", "selector", "decorateProperty", "descriptor", "_name", "get", "slotSelector", "slotEl", "this", "renderRoot", "querySelector", "elements", "matches", "enumerable", "configurable"]
|
|
7
7
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as d}from"./chunk-
|
|
1
|
+
import{a as d}from"./chunk-5MOOXA2X.js";import{a as l,b as n,f as r}from"./chunk-4OT5AMS5.js";import{d as i}from"./chunk-IZ2LK5GK.js";var b=l`.tabs{background-color:var(--bl-color-neutral-full);border-bottom:var(--bl-size-4xs) solid var(--bl-color-neutral-lightest);display:flex;flex-direction:row}.tabs-list{overflow-x:auto;border-radius:var(--bl-border-radius-m) var(--bl-border-radius-m) 0 0}.panels{border-radius:0 0 var(--bl-border-radius-m) var(--bl-border-radius-m)}`,o=b;var s=class extends r{constructor(){super(...arguments);this._connectedTabs=[];this._connectedPanels=[];this._tabFocus=0}static get styles(){return[o]}get tabs(){return this._connectedTabs}get panels(){return this._connectedPanels}registerTab(e){let t=this._connectedTabs.filter(a=>!a.disabled).length===0&&!e.disabled;this._connectedTabs.push(e),(!e.disabled&&e.selected||t)&&(this.selectedTabName=e.name,this._tabFocus=this._connectedTabs.length-1)}unregisterTab(e){var t;this._connectedTabs.splice(this._connectedTabs.indexOf(e),1),e.selected&&((t=this._connectedTabs.find(a=>!a.disabled))==null||t.select())}registerTabPanel(e){e.hidden=e.tab!==this.selectedTabName,e.tabIndex=0,this._connectedPanels.push(e)}unregisterTabPanel(e){this._connectedTabs.splice(this._connectedPanels.indexOf(e),1)}get selectedTabName(){return this._selectedTabName}set selectedTabName(e){this._selectedTabName=e,this._connectedTabs.forEach(t=>{t.selected=e===t.name}),this._connectedPanels.forEach(t=>{t.hidden=t.tab!==this._selectedTabName})}_handleTabSelected(e){this.selectedTabName=e.detail,this._tabFocus=this._connectedTabs.findIndex(t=>t.name===e.detail)}_handleTabListKeyDown(e){if(e.key==="ArrowRight"||e.key==="ArrowLeft"){if(e.key==="ArrowRight")do this._tabFocus++,this._tabFocus>=this._connectedTabs.length&&(this._tabFocus=0);while(this._connectedTabs[this._tabFocus].disabled);else if(e.key==="ArrowLeft")do this._tabFocus--,this._tabFocus<0&&(this._tabFocus=this._connectedTabs.length-1);while(this._connectedTabs[this._tabFocus].disabled);this._connectedTabs[this._tabFocus].focus()}}render(){return n` <div class="container" @bl-tab-selected="${this._handleTabSelected}">
|
|
2
2
|
<div role="tablist" @keydown=${this._handleTabListKeyDown} class="tabs-list">
|
|
3
3
|
<div class="tabs">
|
|
4
4
|
<slot name="tabs"></slot>
|
|
@@ -8,4 +8,4 @@ import{a as d}from"./chunk-X2KXJYXQ.js";import{a as l,b as n,f as r}from"./chunk
|
|
|
8
8
|
<slot></slot>
|
|
9
9
|
</div>
|
|
10
10
|
</div>`}};s=i([d("bl-tab-group")],s);export{s as a};
|
|
11
|
-
//# sourceMappingURL=chunk-
|
|
11
|
+
//# sourceMappingURL=chunk-5TPDRTCU.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a}from"./chunk-ASB5S6J4.js";import{a as s}from"./chunk-5MOOXA2X.js";import{a as l,b as o,f as r}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-IZ2LK5GK.js";var b=l`:host{display:table-row-group}`,m=b;var p="bl-table-body",e=class extends r{static get styles(){return[m]}connectedCallback(){super.connectedCallback(),this.closest(a)||console.warn("bl-table-body is designed to be used inside a bl-table",this)}render(){return o` <slot></slot> `}};e=t([s(p)],e);export{p as a,e as b};
|
|
2
|
+
//# sourceMappingURL=chunk-73GEFGEG.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/table/table-body/bl-table-body.css", "../src/components/table/table-body/bl-table-body.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:table-row-group}`;\nexport default styles;\n", "import { html, LitElement, TemplateResult } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { CSSResultGroup } from \"lit/development\";\nimport \"element-internals-polyfill\";\nimport { blTableTag } from \"../bl-table\";\nimport type BlTable from \"../bl-table\";\nimport style from \"../table-body/bl-table-body.css\";\n\nexport const blTableBodyTag = \"bl-table-body\";\n\n/**\n * @tag bl-table-body\n * @summary Baklava Table component\n */\n@customElement(blTableBodyTag)\nexport default class BlTableBody extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n connectedCallback(): void {\n super.connectedCallback();\n if (!this.closest<BlTable>(blTableTag)) {\n console.warn(\"bl-table-body is designed to be used inside a bl-table\", this);\n }\n }\n\n render(): TemplateResult {\n return html` <slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [blTableBodyTag]: BlTableBody;\n }\n}\n"],
|
|
5
|
+
"mappings": "yKACO,IAAMA,EAASC,kCACfC,EAAQF,ECMR,IAAMG,EAAiB,gBAOTC,EAArB,cAAyCC,CAAW,CAClD,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CACA,mBAA0B,CACxB,MAAM,kBAAkB,EACnB,KAAK,QAAiBC,CAAU,GACnC,QAAQ,KAAK,yDAA0D,IAAI,CAE/E,CAEA,QAAyB,CACvB,OAAOC,kBACT,CACF,EAdqBJ,EAArBK,EAAA,CADCC,EAAcP,CAAc,GACRC",
|
|
6
|
+
"names": ["styles", "i", "bl_table_body_default", "blTableBodyTag", "BlTableBody", "s", "bl_table_body_default", "blTableTag", "x", "__decorateClass", "e"]
|
|
7
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as s,b as i}from"./chunk-
|
|
1
|
+
import{a as s,b as i}from"./chunk-5MOOXA2X.js";import{a as e,b as l,f as r}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-IZ2LK5GK.js";var p=e`:host{display:block;position:relative;width:100%}.dropdown-group{display:flex;flex-direction:column;gap:var(--bl-size-xs)}.caption{font:var(--bl-font-caption);font-size:var(--bl-font-size-xs);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-s);color:var(--bl-color-neutral-dark)}:host(:not(:first-child)) .dropdown-group{border-top:1px solid var(--bl-color-neutral-lighter);padding-top:var(--bl-size-xs)}:host(:not(:last-child)) .dropdown-group{border-bottom:1px solid var(--bl-color-neutral-lighter);padding-bottom:var(--bl-size-xs)}/*
|
|
2
2
|
:host(:not([caption])) ::slotted(:first-child) {
|
|
3
3
|
padding-block: var(--bl-size-xs) 0;
|
|
4
4
|
}
|
|
@@ -13,4 +13,4 @@ import{a as s,b as i}from"./chunk-X2KXJYXQ.js";import{a as e,b as l,f as r}from"
|
|
|
13
13
|
${n}
|
|
14
14
|
<slot></slot>
|
|
15
15
|
</div>`}};o([i({type:String})],t.prototype,"caption",2),t=o([s(d)],t);export{d as a,t as b};
|
|
16
|
-
//# sourceMappingURL=chunk-
|
|
16
|
+
//# sourceMappingURL=chunk-73RGV4UX.js.map
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import{a as d}from"./chunk-6LT7O7T2.js";import{a as u}from"./chunk-ECPWEUBG.js";import{a as m}from"./chunk-GRL4DWKG.js";import{a as l,b as o,e as i}from"./chunk-5MOOXA2X.js";import{a as s,b as r,f as n}from"./chunk-4OT5AMS5.js";import{d as e}from"./chunk-IZ2LK5GK.js";var p=s`:host{display:block}.accordion{--border:1px solid var(--bl-color-neutral-lighter);--default-radius:var(--bl-size-2xs);--radius-top-left:var(--bl-accordion-radius-top-left, var(--default-radius));--radius-top-right:var(--bl-accordion-radius-top-right, var(--default-radius));--radius-bottom-right:var(--bl-accordion-radius-bottom-right, var(--default-radius));--radius-bottom-left:var(--bl-accordion-radius-bottom-left, var(--default-radius));width:100%}.summary{list-style:none;user-select:none;cursor:pointer;font:var(--bl-font-title-3-medium);display:flex;align-items:center;justify-content:space-between;gap:var(--bl-size-2xs);padding:var(--bl-size-m);background:var(--bl-color-neutral-full);color:var(--bl-color-neutral-darker);border:var(--border);border-bottom:var(--bl-accordion-border-bottom, var(--border));border-radius:var(--radius-top-left) var(--radius-top-right) var(--radius-bottom-right) var(--radius-bottom-left);transition:background-color 200ms}.summary::-webkit-details-marker{display:none}.summary.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__,.summary:hover{background:var(--bl-color-neutral-lightest)}.summary:focus-visible{outline:2px solid var(--bl-color-primary);outline-offset:-1px}.indicator{transition:transform 200ms}.accordion[open] .indicator{transform:rotate(180deg)}.accordion[open] .summary{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.caption{flex:1}.accordion-content{padding:var(--bl-size-m);background:var(--bl-color-neutral-full);border:var(--border);border-top:0;border-bottom:var(--bl-accordion-border-bottom, var(--border));border-bottom-left-radius:var(--radius-bottom-left);border-bottom-right-radius:var(--radius-bottom-right);font:var(--bl-font-body-text-2-regular)}.disabled .summary{cursor:not-allowed;background:var(--bl-color-neutral-lightest);color:var(--bl-color-neutral-light)}`,c=p;var t=class extends n{constructor(){super(...arguments);this.open=!1;this.disabled=!1;this.animationDuration=250;this._animationStatus=null}static get styles(){return[c]}_animate(a){this._animationStatus=a?0:1;let b=`${this.detailsEl.offsetHeight}px`,h=a?`${this.summaryEl.offsetHeight+this.contentEl.offsetHeight}px`:`${this.summaryEl.offsetHeight}px`;this._animation&&this._animation.cancel(),this._animation=this.detailsEl.animate({height:[b,h]},{duration:this.animationDuration,easing:"ease-out"}),this._animation.onfinish=()=>this._onAnimationFinish(a),this._animation.oncancel=()=>this._animationStatus=null}_onAnimationFinish(a){this.open=a,this._animation=null,this._animationStatus=null,this.detailsEl.style.height=this.detailsEl.style.overflow=""}expand(){this.detailsEl.style.overflow="hidden",this.detailsEl.style.height=`${this.detailsEl.offsetHeight}px`,this.open=!0,this._animate(!0)}collapse(){this._animate(!1)}_clickHandler(a){a.preventDefault(),!this.disabled&&(this._animationStatus===1||!this.open?this.expand():(this._animationStatus===0||this.open)&&this.collapse())}updated(a){if(a.has("open")){if(this.disabled&&this.open){this._onAnimationFinish(!1);return}this._onToggle(this.open)}}render(){let a=this.icon?r`<bl-icon class="icon" name=${this.icon===!0?"info":this.icon}></bl-icon>`:null;return r`<details
|
|
2
|
+
?open=${this.open}
|
|
3
|
+
class=${d({accordion:!0,disabled:this.disabled})}
|
|
4
|
+
>
|
|
5
|
+
<summary
|
|
6
|
+
class="summary"
|
|
7
|
+
@click="${this._clickHandler}"
|
|
8
|
+
aria-expanded=${this.open?"true":"false"}
|
|
9
|
+
aria-controls="content"
|
|
10
|
+
aria-disabled=${this.disabled?"true":"false"}
|
|
11
|
+
tabindex=${this.disabled?"-1":"0"}
|
|
12
|
+
>
|
|
13
|
+
${a}
|
|
14
|
+
<slot name="caption">
|
|
15
|
+
<span class="caption"> ${this.caption} </span>
|
|
16
|
+
</slot>
|
|
17
|
+
<bl-icon name="arrow_down" class="indicator"></bl-icon>
|
|
18
|
+
</summary>
|
|
19
|
+
|
|
20
|
+
<div class="accordion-content" role="region" aria-labelledby="header" id="content">
|
|
21
|
+
<slot></slot>
|
|
22
|
+
</div>
|
|
23
|
+
</details>`}};e([o({reflect:!0,type:Boolean})],t.prototype,"open",2),e([o({reflect:!0})],t.prototype,"caption",2),e([o({converter:u()})],t.prototype,"icon",2),e([o({reflect:!0,type:Boolean})],t.prototype,"disabled",2),e([m("bl-toggle")],t.prototype,"_onToggle",2),e([o({type:Number})],t.prototype,"animationDuration",2),e([i("details")],t.prototype,"detailsEl",2),e([i("summary")],t.prototype,"summaryEl",2),e([i(".accordion-content")],t.prototype,"contentEl",2),t=e([l("bl-accordion")],t);export{t as a};
|
|
24
|
+
//# sourceMappingURL=chunk-7QNX2GPS.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/accordion-group/accordion/bl-accordion.css", "../src/components/accordion-group/accordion/bl-accordion.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:block}.accordion{--border:1px solid var(--bl-color-neutral-lighter);--default-radius:var(--bl-size-2xs);--radius-top-left:var(--bl-accordion-radius-top-left, var(--default-radius));--radius-top-right:var(--bl-accordion-radius-top-right, var(--default-radius));--radius-bottom-right:var(--bl-accordion-radius-bottom-right, var(--default-radius));--radius-bottom-left:var(--bl-accordion-radius-bottom-left, var(--default-radius));width:100%}.summary{list-style:none;user-select:none;cursor:pointer;font:var(--bl-font-title-3-medium);display:flex;align-items:center;justify-content:space-between;gap:var(--bl-size-2xs);padding:var(--bl-size-m);background:var(--bl-color-neutral-full);color:var(--bl-color-neutral-darker);border:var(--border);border-bottom:var(--bl-accordion-border-bottom, var(--border));border-radius:var(--radius-top-left) var(--radius-top-right) var(--radius-bottom-right) var(--radius-bottom-left);transition:background-color 200ms}.summary::-webkit-details-marker{display:none}.summary.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__,.summary:hover{background:var(--bl-color-neutral-lightest)}.summary:focus-visible{outline:2px solid var(--bl-color-primary);outline-offset:-1px}.indicator{transition:transform 200ms}.accordion[open] .indicator{transform:rotate(180deg)}.accordion[open] .summary{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.caption{flex:1}.accordion-content{padding:var(--bl-size-m);background:var(--bl-color-neutral-full);border:var(--border);border-top:0;border-bottom:var(--bl-accordion-border-bottom, var(--border));border-bottom-left-radius:var(--radius-bottom-left);border-bottom-right-radius:var(--radius-bottom-right);font:var(--bl-font-body-text-2-regular)}.disabled .summary{cursor:not-allowed;background:var(--bl-color-neutral-lightest);color:var(--bl-color-neutral-light)}`;\nexport default styles;\n", "import { html, LitElement, PropertyValues, TemplateResult } from \"lit\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { CSSResultGroup } from \"lit/development\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { event, EventDispatcher } from \"../../../utilities/event\";\nimport { stringBooleanConverter } from \"../../../utilities/string-boolean.converter\";\nimport \"../../icon/bl-icon\";\nimport { BaklavaIcon } from \"../../icon/icon-list\";\nimport style from \"./bl-accordion.css\";\n\nenum AnimationStatus {\n EXPANDING,\n COLLAPSING,\n}\n\n@customElement(\"bl-accordion\")\nexport default class BlAccordion extends LitElement {\n /**\n * Whether the accordion is expanded\n */\n @property({ reflect: true, type: Boolean })\n open = false;\n\n /**\n * Sets accordion caption.\n */\n @property({ reflect: true })\n caption?: string;\n\n /**\n * Add icon to beginning of the title\n */\n @property({ converter: stringBooleanConverter() })\n icon?: boolean | BaklavaIcon;\n\n /**\n * Whether the accordion is disabled\n */\n @property({ reflect: true, type: Boolean })\n disabled = false;\n\n /**\n * Fires when accordion open state change.\n */\n @event(\"bl-toggle\") private _onToggle: EventDispatcher<boolean>;\n\n @property({ type: Number })\n animationDuration = 250;\n\n private _animation: Animation | null;\n private _animationStatus: AnimationStatus | null = null;\n\n @query(\"details\")\n detailsEl: HTMLDetailsElement;\n\n @query(\"summary\")\n summaryEl: HTMLElement;\n\n @query(\".accordion-content\")\n contentEl: HTMLElement;\n\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n _animate(isExpanding: boolean) {\n this._animationStatus = isExpanding ? AnimationStatus.EXPANDING : AnimationStatus.COLLAPSING;\n\n const startHeight = `${this.detailsEl.offsetHeight}px`;\n const endHeight = isExpanding\n ? `${this.summaryEl.offsetHeight + this.contentEl.offsetHeight}px`\n : `${this.summaryEl.offsetHeight}px`;\n\n if (this._animation) {\n this._animation.cancel();\n }\n\n this._animation = this.detailsEl.animate(\n {\n height: [startHeight, endHeight],\n },\n {\n duration: this.animationDuration,\n easing: \"ease-out\",\n }\n );\n\n this._animation.onfinish = () => this._onAnimationFinish(isExpanding);\n this._animation.oncancel = () => (this._animationStatus = null);\n }\n\n private _onAnimationFinish(open: boolean) {\n this.open = open;\n this._animation = null;\n this._animationStatus = null;\n this.detailsEl.style.height = this.detailsEl.style.overflow = \"\";\n }\n\n expand() {\n this.detailsEl.style.overflow = \"hidden\";\n this.detailsEl.style.height = `${this.detailsEl.offsetHeight}px`;\n this.open = true;\n this._animate(true);\n }\n\n collapse() {\n this._animate(false);\n }\n\n private _clickHandler(e: Event) {\n e.preventDefault();\n\n if (this.disabled) return;\n\n if (this._animationStatus === AnimationStatus.COLLAPSING || !this.open) {\n this.expand();\n } else if (this._animationStatus === AnimationStatus.EXPANDING || this.open) {\n this.collapse();\n }\n }\n\n protected updated(_changedProperties: PropertyValues) {\n if (_changedProperties.has(\"open\")) {\n if (this.disabled && this.open) {\n this._onAnimationFinish(false);\n return;\n }\n\n this._onToggle(this.open);\n }\n }\n\n render(): TemplateResult {\n const icon = this.icon\n ? html`<bl-icon class=\"icon\" name=${this.icon === true ? \"info\" : this.icon}></bl-icon>`\n : null;\n\n return html`<details\n ?open=${this.open}\n class=${classMap({\n accordion: true,\n disabled: this.disabled,\n })}\n >\n <summary\n class=\"summary\"\n @click=\"${this._clickHandler}\"\n aria-expanded=${this.open ? \"true\" : \"false\"}\n aria-controls=\"content\"\n aria-disabled=${this.disabled ? \"true\" : \"false\"}\n tabindex=${this.disabled ? \"-1\" : \"0\"}\n >\n ${icon}\n <slot name=\"caption\">\n <span class=\"caption\"> ${this.caption} </span>\n </slot>\n <bl-icon name=\"arrow_down\" class=\"indicator\"></bl-icon>\n </summary>\n\n <div class=\"accordion-content\" role=\"region\" aria-labelledby=\"header\" id=\"content\">\n <slot></slot>\n </div>\n </details>`;\n }\n}\n"],
|
|
5
|
+
"mappings": "4QACO,IAAMA,EAASC,q0DACfC,EAAQF,ECcf,IAAqBG,EAArB,cAAyCC,CAAW,CAApD,kCAKE,UAAO,GAkBP,cAAW,GAQX,uBAAoB,IAGpB,KAAQ,iBAA2C,KAWnD,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAEA,SAASC,EAAsB,CAC7B,KAAK,iBAAmBA,EAAc,EAA4B,EAElE,IAAMC,EAAc,GAAG,KAAK,UAAU,iBAChCC,EAAYF,EACd,GAAG,KAAK,UAAU,aAAe,KAAK,UAAU,iBAChD,GAAG,KAAK,UAAU,iBAElB,KAAK,YACP,KAAK,WAAW,OAAO,EAGzB,KAAK,WAAa,KAAK,UAAU,QAC/B,CACE,OAAQ,CAACC,EAAaC,CAAS,CACjC,EACA,CACE,SAAU,KAAK,kBACf,OAAQ,UACV,CACF,EAEA,KAAK,WAAW,SAAW,IAAM,KAAK,mBAAmBF,CAAW,EACpE,KAAK,WAAW,SAAW,IAAO,KAAK,iBAAmB,IAC5D,CAEQ,mBAAmBG,EAAe,CACxC,KAAK,KAAOA,EACZ,KAAK,WAAa,KAClB,KAAK,iBAAmB,KACxB,KAAK,UAAU,MAAM,OAAS,KAAK,UAAU,MAAM,SAAW,EAChE,CAEA,QAAS,CACP,KAAK,UAAU,MAAM,SAAW,SAChC,KAAK,UAAU,MAAM,OAAS,GAAG,KAAK,UAAU,iBAChD,KAAK,KAAO,GACZ,KAAK,SAAS,EAAI,CACpB,CAEA,UAAW,CACT,KAAK,SAAS,EAAK,CACrB,CAEQ,cAAcC,EAAU,CAC9BA,EAAE,eAAe,EAEb,MAAK,WAEL,KAAK,mBAAqB,GAA8B,CAAC,KAAK,KAChE,KAAK,OAAO,GACH,KAAK,mBAAqB,GAA6B,KAAK,OACrE,KAAK,SAAS,EAElB,CAEU,QAAQC,EAAoC,CACpD,GAAIA,EAAmB,IAAI,MAAM,EAAG,CAClC,GAAI,KAAK,UAAY,KAAK,KAAM,CAC9B,KAAK,mBAAmB,EAAK,EAC7B,OAGF,KAAK,UAAU,KAAK,IAAI,EAE5B,CAEA,QAAyB,CACvB,IAAMC,EAAO,KAAK,KACdC,+BAAkC,KAAK,OAAS,GAAO,OAAS,KAAK,kBACrE,KAEJ,OAAOA;AAAA,cACG,KAAK;AAAA,cACLC,EAAS,CACf,UAAW,GACX,SAAU,KAAK,QACjB,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIW,KAAK;AAAA,wBACC,KAAK,KAAO,OAAS;AAAA;AAAA,wBAErB,KAAK,SAAW,OAAS;AAAA,mBAC9B,KAAK,SAAW,KAAO;AAAA;AAAA,UAEhCF;AAAA;AAAA,mCAEyB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAStC,CACF,EA/IEG,EAAA,CADCL,EAAS,CAAE,QAAS,GAAM,KAAM,OAAQ,CAAC,GAJvBP,EAKnB,oBAMAY,EAAA,CADCL,EAAS,CAAE,QAAS,EAAK,CAAC,GAVRP,EAWnB,uBAMAY,EAAA,CADCL,EAAS,CAAE,UAAWM,EAAuB,CAAE,CAAC,GAhB9Bb,EAiBnB,oBAMAY,EAAA,CADCL,EAAS,CAAE,QAAS,GAAM,KAAM,OAAQ,CAAC,GAtBvBP,EAuBnB,wBAK4BY,EAAA,CAA3BE,EAAM,WAAW,GA5BCd,EA4BS,yBAG5BY,EAAA,CADCL,EAAS,CAAE,KAAM,MAAO,CAAC,GA9BPP,EA+BnB,iCAMAY,EAAA,CADC,EAAM,SAAS,GApCGZ,EAqCnB,yBAGAY,EAAA,CADC,EAAM,SAAS,GAvCGZ,EAwCnB,yBAGAY,EAAA,CADC,EAAM,oBAAoB,GA1CRZ,EA2CnB,yBA3CmBA,EAArBY,EAAA,CADCL,EAAc,cAAc,GACRP",
|
|
6
|
+
"names": ["styles", "i", "bl_accordion_default", "BlAccordion", "s", "bl_accordion_default", "isExpanding", "startHeight", "endHeight", "open", "e", "_changedProperties", "icon", "x", "o", "__decorateClass", "stringBooleanConverter", "event"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import{a}from"./chunk-GRL4DWKG.js";import{a as u,b as s,c as o}from"./chunk-5MOOXA2X.js";import{a as n,b as c,f as h}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-IZ2LK5GK.js";var p=n`:host{display:block;height:100%}.table-wrapper{overflow:auto;border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--bl-size-3xs);position:relative;max-height:100%}.table{width:100%;display:table;border-spacing:0}`,d=p;var b="bl-table",m="bl-sort",y="bl-row-select",t=class extends h{constructor(){super(...arguments);this.selectable=!1;this.multiple=!1;this.sortable=!1;this.stickyFirstColumn=!1;this.stickyLastColumn=!1;this._selectedValues=[];this._sortKey="";this._sortDirection=""}static get styles(){return[d]}get selected(){return this._selectedValues}set selected(e){this._selectedValues=e,this.updateComplete.then(()=>{this.querySelectorAll("bl-table-header-cell,bl-table-cell,bl-table-row").forEach(l=>{l.requestUpdate()})})}get sortKey(){return this._sortKey}set sortKey(e){this._sortKey=e}get sortDirection(){return this._sortDirection}set sortDirection(e){this._sortDirection=e}updated(e){(e.has("selectable")||e.has("multiple")||e.has("stickyFirstColumn")||e.has("stickyLastColumn")||e.has("sortable"))&&this.querySelectorAll("bl-table-header-cell,bl-table-cell,bl-table-row").forEach(l=>{l.requestUpdate()})}get tableRows(){return this.querySelectorAll("bl-table-body bl-table-row")}isFirstColumnSticky(){return this.stickyFirstColumn}isLastColumnSticky(){return this.stickyLastColumn}isSelectable(e=!1){return e?this.multiple&&this.selectable:this.selectable}isRowSelected(e){return this.selected.includes(e)}isAllSelected(){return Array.from(this.tableRows).every(e=>this.selected.includes(e.selectionKey))}isAnySelected(){return!this.isAllSelected()&&Array.from(this.tableRows).some(e=>!e.disabled&&this.selected.includes(e.selectionKey))}isAllUnselectedDisabled(){return Array.from(this.tableRows).filter(e=>!this.selected.includes(e.selectionKey)).every(e=>e.disabled)}onSelectionChange(e=!1,l,i){e?this.handleHeaderSelection(l):this.handleRowSelection(l,i),this.notifyRowSelectionChange()}handleHeaderSelection(e){this.selected=e?this.getSelectedValuesFromRows():[]}handleRowSelection(e,l){e?this.addSelection(l):this.removeSelection(l)}notifyRowSelectionChange(){this.onRowSelect(this.selected)}addSelection(e){this.selected.includes(e)||this.selected.push(e)}removeSelection(e){this.selected=this.selected.filter(l=>l!==e)}getSelectedValuesFromRows(){return Array.from(this.tableRows).filter(e=>!e.disabled).map(e=>e.selectionKey)}resetScrollPosition(){var l;let e=(l=this.shadowRoot)==null?void 0:l.querySelector(".table-wrapper");e&&e.scrollTo({behavior:"smooth",top:0})}onSortChange(e,l){this._sortKey=e,this._sortDirection=l,this.onSort([this.sortKey,this.sortDirection]),this.updateComplete.then(()=>{this.querySelectorAll("bl-table-header-cell").forEach(i=>{i.requestUpdate()})}),this.resetScrollPosition()}render(){return c` <div class="table-wrapper">
|
|
2
|
+
<div class="table">
|
|
3
|
+
<table>
|
|
4
|
+
<slot></slot>
|
|
5
|
+
</table>
|
|
6
|
+
</div>
|
|
7
|
+
</div>`}};r([s({type:Array,reflect:!0,attribute:"selected"})],t.prototype,"selected",1),r([s({type:Boolean,reflect:!0})],t.prototype,"selectable",2),r([s({type:Boolean,reflect:!0})],t.prototype,"multiple",2),r([s({type:Boolean,reflect:!0})],t.prototype,"sortable",2),r([s({type:Boolean,reflect:!0,attribute:"sticky-first-column"})],t.prototype,"stickyFirstColumn",2),r([s({type:Boolean,reflect:!0,attribute:"sticky-last-column"})],t.prototype,"stickyLastColumn",2),r([s({type:String,reflect:!0,attribute:"sort-key"})],t.prototype,"sortKey",1),r([s({type:String,reflect:!0,attribute:"sort-direction"})],t.prototype,"sortDirection",1),r([a(m)],t.prototype,"onSort",2),r([a(y)],t.prototype,"onRowSelect",2),r([o()],t.prototype,"_selectedValues",2),r([o()],t.prototype,"_sortKey",2),r([o()],t.prototype,"_sortDirection",2),t=r([u(b)],t);export{b as a,m as b,y as c,t as d};
|
|
8
|
+
//# sourceMappingURL=chunk-ASB5S6J4.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/table/bl-table.css", "../src/components/table/bl-table.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:block;height:100%}.table-wrapper{overflow:auto;border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--bl-size-3xs);position:relative;max-height:100%}.table{width:100%;display:table;border-spacing:0}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, PropertyValues, TemplateResult } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport \"element-internals-polyfill\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport style from \"./bl-table.css\";\nimport BlTableCell from \"./table-cell/bl-table-cell\";\nimport BlTableHeaderCell from \"./table-header-cell/bl-table-header-cell\";\nimport BlTableRow from \"./table-row/bl-table-row\";\n\nexport const blTableTag = \"bl-table\";\n\nexport const blSortChangeEventName = \"bl-sort\";\nexport const blRowSelectChangeEventName = \"bl-row-select\";\n\nexport type SortDirection = \"asc\" | \"desc\" | \"\";\n\n/**\n * @tag bl-table\n * @summary Baklava Table component\n *\n */\n@customElement(blTableTag)\nexport default class BlTable extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /**\n * Selected table row selection key list\n */\n @property({ type: Array, reflect: true, attribute: \"selected\" })\n get selected(): string[] {\n return this._selectedValues;\n }\n\n set selected(value: string[]) {\n this._selectedValues = value;\n this.updateComplete.then(() => {\n this.querySelectorAll(\"bl-table-header-cell,bl-table-cell,bl-table-row\").forEach(com => {\n (com as BlTableHeaderCell | BlTableCell | BlTableRow).requestUpdate();\n });\n });\n }\n\n /**\n * Sets table row as selectable\n */\n @property({ type: Boolean, reflect: true })\n selectable = false;\n\n /**\n * Sets table row multiple selection enable\n */\n @property({ type: Boolean, reflect: true })\n multiple = false;\n\n /**\n * Sets table as sortable\n */\n @property({ type: Boolean, reflect: true })\n sortable = false;\n /**\n * Sets table first column as sticky\n */\n @property({ type: Boolean, reflect: true, attribute: \"sticky-first-column\" })\n stickyFirstColumn = false;\n /**\n * Sets table last column as sticky\n */\n @property({ type: Boolean, reflect: true, attribute: \"sticky-last-column\" })\n stickyLastColumn = false;\n\n /**\n * Sets table sorted column key\n */\n @property({ type: String, reflect: true, attribute: \"sort-key\" })\n get sortKey(): string {\n return this._sortKey;\n }\n\n set sortKey(value: string) {\n this._sortKey = value;\n }\n\n /**\n * Sets table sorting direction\n */\n @property({ type: String, reflect: true, attribute: \"sort-direction\" })\n get sortDirection(): SortDirection {\n return this._sortDirection;\n }\n\n set sortDirection(value: SortDirection) {\n this._sortDirection = value;\n }\n\n /**\n * Fires when table sort options changed\n */\n @event(blSortChangeEventName) private onSort: EventDispatcher<string[]>;\n\n /**\n * Fires when selected table rows changed\n */\n @event(blRowSelectChangeEventName) private onRowSelect: EventDispatcher<string[]>;\n\n @state() private _selectedValues: string[] = [];\n\n @state() private _sortKey: string = \"\";\n\n @state() private _sortDirection: SortDirection = \"\";\n\n protected updated(_changedProperties: PropertyValues) {\n if (\n _changedProperties.has(\"selectable\") ||\n _changedProperties.has(\"multiple\") ||\n _changedProperties.has(\"stickyFirstColumn\") ||\n _changedProperties.has(\"stickyLastColumn\") ||\n _changedProperties.has(\"sortable\")\n ) {\n this.querySelectorAll(\"bl-table-header-cell,bl-table-cell,bl-table-row\").forEach(com => {\n (com as BlTableHeaderCell | BlTableCell | BlTableRow).requestUpdate();\n });\n }\n }\n\n get tableRows() {\n return this.querySelectorAll<BlTableRow>(\"bl-table-body bl-table-row\");\n }\n\n isFirstColumnSticky() {\n return this.stickyFirstColumn;\n }\n\n isLastColumnSticky() {\n return this.stickyLastColumn;\n }\n\n isSelectable(isHeaderCell = false) {\n return isHeaderCell ? this.multiple && this.selectable : this.selectable;\n }\n\n isRowSelected(selectionKey: string) {\n return this.selected.includes(selectionKey);\n }\n\n isAllSelected() {\n return Array.from(this.tableRows).every(tr => this.selected.includes(tr.selectionKey));\n }\n\n isAnySelected() {\n return (\n !this.isAllSelected() &&\n Array.from(this.tableRows).some(tr => !tr.disabled && this.selected.includes(tr.selectionKey))\n );\n }\n\n isAllUnselectedDisabled() {\n return Array.from(this.tableRows)\n .filter(tr => !this.selected.includes(tr.selectionKey))\n .every(tr => tr.disabled);\n }\n\n /**\n * Handles selection changes for both header and row selections.\n * @param isHeader - Indicates if the selection change is for the header.\n * @param isSelected - The selection state.\n * @param selectionKey - The key identifying the selected row. It must be there if it is not the header.\n */\n onSelectionChange(isHeader: boolean = false, isSelected: boolean, selectionKey: string) {\n if (isHeader) {\n this.handleHeaderSelection(isSelected);\n } else {\n this.handleRowSelection(isSelected, selectionKey);\n }\n\n this.notifyRowSelectionChange();\n }\n\n /**\n * Updates selected values based on header selection.\n * @param isSelected - The selection state.\n */\n private handleHeaderSelection(isSelected: boolean) {\n this.selected = isSelected ? this.getSelectedValuesFromRows() : [];\n }\n\n /**\n * Updates selected values based on row selection.\n * @param isSelected - The selection state.\n * @param selectionKey - The key identifying the selected row.\n */\n private handleRowSelection(isSelected: boolean, selectionKey: string) {\n if (isSelected) {\n this.addSelection(selectionKey);\n } else {\n this.removeSelection(selectionKey);\n }\n }\n\n /**\n * Notifies about the row selection change.\n */\n private notifyRowSelectionChange() {\n this.onRowSelect(this.selected);\n }\n\n /**\n * Adds a selection key to the selected values.\n * @param selectionKey - The key to add.\n */\n private addSelection(selectionKey: string) {\n if (!this.selected.includes(selectionKey)) {\n this.selected.push(selectionKey);\n }\n }\n\n /**\n * Removes a selection key from the selected values.\n * @param selectionKey - The key to remove.\n */\n private removeSelection(selectionKey: string) {\n this.selected = this.selected.filter(value => value !== selectionKey);\n }\n\n /**\n * Gets the selection keys from all selectable table rows.\n * @returns An array of selection keys.\n */\n private getSelectedValuesFromRows(): string[] {\n return Array.from(this.tableRows)\n .filter(tableRow => !tableRow.disabled)\n .map(tableRow => tableRow.selectionKey);\n }\n\n resetScrollPosition(): void {\n const tableWrapper = this.shadowRoot?.querySelector(\".table-wrapper\");\n\n if (tableWrapper) {\n tableWrapper.scrollTo({\n behavior: \"smooth\",\n top: 0,\n });\n }\n }\n\n onSortChange(sortKey: string, sortDirection: SortDirection) {\n this._sortKey = sortKey;\n this._sortDirection = sortDirection;\n this.onSort([this.sortKey, this.sortDirection]);\n this.updateComplete.then(() => {\n this.querySelectorAll(\"bl-table-header-cell\").forEach(com => {\n (com as BlTableHeaderCell).requestUpdate();\n });\n });\n this.resetScrollPosition();\n }\n\n render(): TemplateResult {\n return html` <div class=\"table-wrapper\">\n <div class=\"table\">\n <table>\n <slot></slot>\n </table>\n </div>\n </div>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [blTableTag]: BlTable;\n }\n\n interface HTMLElementEventMap {\n [blSortChangeEventName]: CustomEvent<string[]>;\n [blRowSelectChangeEventName]: CustomEvent<string[]>;\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["styles", "i", "bl_table_default", "blTableTag", "blSortChangeEventName", "blRowSelectChangeEventName", "BlTable", "s", "bl_table_default", "value", "com", "_changedProperties", "isHeaderCell", "selectionKey", "tr", "isHeader", "isSelected", "tableRow", "_a", "tableWrapper", "sortKey", "sortDirection", "x", "__decorateClass", "e", "event", "t"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{a as l,d as g}from"./chunk-AYJMIZZ3.js";import{a as n,b as o,c as u}from"./chunk-7GK5LKBV.js";import{c as a,d as s}from"./chunk-4OT5AMS5.js";var h={attribute:"required",key:"valueMissing",message:"Please fill out this field",isValid(e,t){let r=!0;return(e.hasAttribute("required")||e.required)&&!t&&(r=!1),r}};var m={attribute:"maxlength",key:"tooLong",message(e,t){let r=t||"";return`Please use no more than ${e.maxLength} characters (you are currently using ${r.length} characters).`},isValid(e,t){return e.maxLength?!(t&&e.maxLength<t.length):!0}};var x=o(class extends u{constructor(e){if(super(e),e.type!==n.PROPERTY&&e.type!==n.ATTRIBUTE&&e.type!==n.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!l(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===a||t===s)return t;let r=e.element,i=e.name;if(e.type===n.PROPERTY){if(t===r[i])return a}else if(e.type===n.BOOLEAN_ATTRIBUTE){if(!!t===r.hasAttribute(i))return a}else if(e.type===n.ATTRIBUTE&&r.getAttribute(i)===t+"")return a;return g(e),t}});export{h as a,m as b,x as c};
|
|
2
|
+
/*! Bundled license information:
|
|
3
|
+
|
|
4
|
+
lit-html/directives/live.js:
|
|
5
|
+
(**
|
|
6
|
+
* @license
|
|
7
|
+
* Copyright 2020 Google LLC
|
|
8
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
+
*)
|
|
10
|
+
*/
|
|
11
|
+
//# sourceMappingURL=chunk-EG7U7PM3.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../node_modules/@open-wc/form-control/src/validators.ts", "../node_modules/lit-html/src/directives/live.ts"],
|
|
4
|
+
"sourcesContent": ["import { Validator } from './index.js';\nimport { FormControlInterface, FormValue } from './types.js';\n\nexport const requiredValidator: Validator = {\n attribute: 'required',\n key: 'valueMissing',\n message: 'Please fill out this field',\n isValid(instance: HTMLElement & { required: boolean }, value: FormValue): boolean {\n let valid = true;\n\n if ((instance.hasAttribute('required') || instance.required) && !value) {\n valid = false;\n }\n\n return valid;\n }\n};\n\nexport const programmaticValidator: Validator = {\n attribute: 'error',\n message(instance: HTMLElement & { error: string }): string {\n return instance.error;\n },\n isValid(instance: HTMLElement & { error: string }): boolean {\n return !instance.error;\n }\n};\n\nexport const minLengthValidator: Validator = {\n attribute: 'minlength',\n key: 'tooShort',\n message(instance: FormControlInterface & { minLength: number }, value: FormValue): string {\n const _value = value as string || '';\n return `Please use at least ${instance.minLength} characters (you are currently using ${_value.length} characters).`;\n },\n isValid(instance: HTMLElement & { minLength: number }, value: string): boolean {\n /** If no value is provided, this validator should return true */\n if (!value) {\n return true;\n }\n\n if (!!value && instance.minLength > value.length) {\n return false;\n }\n\n return true;\n }\n};\n\nexport const maxLengthValidator: Validator = {\n attribute: 'maxlength',\n key: 'tooLong',\n message(\n instance: FormControlInterface & { maxLength: number },\n value: FormValue\n ): string {\n const _value = value as string || '';\n return `Please use no more than ${instance.maxLength} characters (you are currently using ${_value.length} characters).`;\n },\n isValid(\n instance: HTMLElement & { maxLength: number },\n value: string\n ): boolean {\n /** If maxLength isn't set, this is valid */\n if (!instance.maxLength) {\n return true;\n }\n\n if (!!value && instance.maxLength < value.length) {\n return false;\n }\n\n return true;\n }\n};\n\nexport const patternValidator: Validator = {\n attribute: 'pattern',\n key: 'patternMismatch',\n message: 'Please match the requested format',\n isValid(instance: HTMLElement & { pattern: string }, value: string): boolean {\n /** If no value is provided, this validator should return true */\n if (!value || !instance.pattern) {\n return true;\n }\n\n const regExp = new RegExp(instance.pattern);\n return !!regExp.exec(value);\n }\n};\n", "/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {AttributePart, noChange, nothing} from '../lit-html.js';\nimport {\n directive,\n Directive,\n DirectiveParameters,\n PartInfo,\n PartType,\n} from '../directive.js';\nimport {isSingleExpression, setCommittedValue} from '../directive-helpers.js';\n\nclass LiveDirective extends Directive {\n constructor(partInfo: PartInfo) {\n super(partInfo);\n if (\n !(\n partInfo.type === PartType.PROPERTY ||\n partInfo.type === PartType.ATTRIBUTE ||\n partInfo.type === PartType.BOOLEAN_ATTRIBUTE\n )\n ) {\n throw new Error(\n 'The `live` directive is not allowed on child or event bindings'\n );\n }\n if (!isSingleExpression(partInfo)) {\n throw new Error('`live` bindings can only contain a single expression');\n }\n }\n\n render(value: unknown) {\n return value;\n }\n\n override update(part: AttributePart, [value]: DirectiveParameters<this>) {\n if (value === noChange || value === nothing) {\n return value;\n }\n const element = part.element;\n const name = part.name;\n\n if (part.type === PartType.PROPERTY) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n if (value === (element as any)[name]) {\n return noChange;\n }\n } else if (part.type === PartType.BOOLEAN_ATTRIBUTE) {\n if (!!value === element.hasAttribute(name)) {\n return noChange;\n }\n } else if (part.type === PartType.ATTRIBUTE) {\n if (element.getAttribute(name) === String(value)) {\n return noChange;\n }\n }\n // Resets the part's value, causing its dirty-check to fail so that it\n // always sets the value.\n setCommittedValue(part);\n return value;\n }\n}\n\n/**\n * Checks binding values against live DOM values, instead of previously bound\n * values, when determining whether to update the value.\n *\n * This is useful for cases where the DOM value may change from outside of\n * lit-html, such as with a binding to an `<input>` element's `value` property,\n * a content editable elements text, or to a custom element that changes it's\n * own properties or attributes.\n *\n * In these cases if the DOM value changes, but the value set through lit-html\n * bindings hasn't, lit-html won't know to update the DOM value and will leave\n * it alone. If this is not what you want--if you want to overwrite the DOM\n * value with the bound value no matter what--use the `live()` directive:\n *\n * ```js\n * html`<input .value=${live(x)}>`\n * ```\n *\n * `live()` performs a strict equality check against the live DOM value, and if\n * the new value is equal to the live value, does nothing. This means that\n * `live()` should not be used when the binding will cause a type conversion. If\n * you use `live()` with an attribute binding, make sure that only strings are\n * passed in, or the binding will update every render.\n */\nexport const live = directive(LiveDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {LiveDirective};\n"],
|
|
5
|
+
"mappings": "oJAGO,IAAMA,EAA+B,CAC1C,UAAW,WACX,IAAK,eACL,QAAS,6BACT,QAAQC,EAA+CC,EAAgB,CACrE,IAAIC,EAAQ,GAEZ,OAAKF,EAAS,aAAa,UAAU,GAAKA,EAAS,WAAa,CAACC,IAC/DC,EAAQ,IAGHA,CACT,GAkCK,IAAMC,EAAgC,CAC3C,UAAW,YACX,IAAK,UACL,QACEC,EACAC,EAAgB,CAEhB,IAAMC,EAASD,GAAmB,GAClC,MAAO,2BAA2BD,EAAS,iDAAiDE,EAAO,qBACrG,EACA,QACEF,EACAC,EAAa,CAGb,OAAKD,EAAS,UAIV,EAAEC,GAASD,EAAS,UAAYC,EAAM,QAHjC,EAQX,OCkBWE,EAAOC,EA3EpB,cAA4BC,CAAAA,CAC1BC,YAAYC,EAAAA,CAEV,GADAC,MAAMD,CAAAA,EAGFA,EAASE,OAASC,EAASC,UAC3BJ,EAASE,OAASC,EAASE,WAC3BL,EAASE,OAASC,EAASG,kBAG7B,MAAUC,MACR,gEAAA,EAGJ,GAAA,CAAKC,EAAmBR,CAAAA,EACtB,MAAUO,MAAM,sDAAA,CAEnB,CAEDE,OAAOC,EAAAA,CACL,OAAOA,CACR,CAEQC,OAAOC,EAAAA,CAAsBF,CAAAA,EAAAA,CACpC,GAAIA,IAAUG,GAAYH,IAAUI,EAClC,OAAOJ,EAET,IAAMK,EAAUH,EAAKG,QACfC,EAAOJ,EAAKI,KAElB,GAAIJ,EAAKV,OAASC,EAASC,UAEzB,GAAIM,IAAWK,EAAgBC,CAAAA,EAC7B,OAAOH,UAEAD,EAAKV,OAASC,EAASG,mBAChC,GAAA,CAAA,CAAMI,IAAUK,EAAQE,aAAaD,CAAAA,EACnC,OAAOH,UAEAD,EAAKV,OAASC,EAASE,WAC5BU,EAAQG,aAAaF,CAAAA,IAAiBN,EAAPS,GACjC,OAAON,EAMX,OADAO,EAAkBR,CAAAA,EACXF,CACR,CAAA,CAAA",
|
|
6
|
+
"names": ["requiredValidator", "instance", "value", "valid", "maxLengthValidator", "instance", "value", "_value", "live", "directive", "Directive", "constructor", "partInfo", "super", "type", "PartType", "PROPERTY", "ATTRIBUTE", "BOOLEAN_ATTRIBUTE", "Error", "isSingleExpression", "render", "value", "update", "part", "noChange", "nothing", "element", "name", "hasAttribute", "getAttribute", "String", "setCommittedValue"]
|
|
7
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as b}from"./chunk-DINNT5P2.js";import{a as d}from"./chunk-GRL4DWKG.js";import{a as h,b as a}from"./chunk-5MOOXA2X.js";import{a as s,b as c,f as n}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-IZ2LK5GK.js";var p=s`:host{display:inline-block;cursor:pointer;vertical-align:middle}span{display:inline-block}.switch{--track-height:var(--bl-size-xl);--track-width:var(--bl-size-4xl);--thumb-offset:var(--bl-size-4xs);--thumb-height:calc(var(--track-height) - calc(2 * var(--thumb-offset)));--thumb-width:var(--thumb-height);/* TODO: use predefined animation duration once it is ready */--animation-duration:var(--bl-switch-animation-duration, 300ms);--switch-color:var(--bl-switch-color-off, var(--bl-color-neutral-lighter));background-color:var(--switch-color);border-radius:var(--bl-border-radius-pill);height:var(--track-height);transition-property:background-color;transition-duration:var(--animation-duration);width:var(--track-width)}.switch::before{content:"";display:inline-block;background-color:white;border-radius:var(--bl-border-radius-circle);height:var(--thumb-height);left:var(--thumb-offset);position:relative;top:var(--thumb-offset);transition:transform;transition-duration:var(--animation-duration);width:var(--thumb-width)}label{display:flex;gap:var(--bl-size-2xs);color:var(--bl-color-neutral-darker);font:var(--bl-font-title-3);cursor:pointer;user-select:none;line-height:normal;align-items:center;margin-block:0}.label{overflow-wrap:anywhere}:host([disabled]) .label{color:var(--bl-color-neutral-light);border:1px solid var(--bl-color-neutral-lighter)}:host([checked]) .label,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .label,:host(:hover) .label{color:var(--bl-color-primary)}:host([checked]) .switch{--switch-color:var(--bl-switch-color-on, var(--bl-switch-color, var(--bl-color-primary)))}:host([checked]) .switch::before{transform:translateX(
|
|
2
2
|
calc(var(--track-width) - var(--thumb-width) - calc(2 * var(--thumb-offset)))
|
|
3
3
|
)}:host([disabled]) .switch{opacity:0.5}:host([disabled]){cursor:not-allowed}.switch:focus-visible{position:relative;outline:none}.switch:focus-visible::after{border:2px solid var(--switch-color);border-radius:var(--bl-border-radius-pill);content:"";position:absolute;inset:-3px}`,u=p;var m="bl-switch",e=class extends n{constructor(){super(...arguments);this.checked=!1;this.disabled=!1}static get styles(){return[u]}toggle(){this.disabled||(this.checked=!this.checked,this.onToggle(this.checked))}handleKeyDown(t){(t.code==="Enter"||t.code==="Space")&&(this.toggle(),t.preventDefault())}render(){var o,i,l;let t=(l=(i=this.ariaLabel)!=null?i:(o=this.attributes.getNamedItem("aria-label"))==null?void 0:o.value)!=null?l:void 0;return c`
|
|
4
4
|
<label @click=${this.toggle}>
|
|
@@ -9,10 +9,10 @@ import{a as d}from"./chunk-DINNT5P2.js";import{a as b}from"./chunk-GRL4DWKG.js";
|
|
|
9
9
|
aria-checked=${this.checked}
|
|
10
10
|
aria-readonly=${!!this.disabled}
|
|
11
11
|
@keydown=${this.handleKeyDown}
|
|
12
|
-
aria-label=${
|
|
12
|
+
aria-label=${b(t)}
|
|
13
13
|
tabindex="0"
|
|
14
14
|
>
|
|
15
15
|
</span>
|
|
16
16
|
</label>
|
|
17
|
-
`}};r([a({type:Boolean,reflect:!0})],e.prototype,"checked",2),r([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),r([
|
|
18
|
-
//# sourceMappingURL=chunk-
|
|
17
|
+
`}};r([a({type:Boolean,reflect:!0})],e.prototype,"checked",2),r([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),r([d("bl-switch-toggle")],e.prototype,"onToggle",2),e=r([h(m)],e);export{m as a,e as b};
|
|
18
|
+
//# sourceMappingURL=chunk-FQBDGFMR.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as g}from"./chunk-
|
|
1
|
+
import{a as g}from"./chunk-XDUIVR6I.js";import{a as v}from"./chunk-6LT7O7T2.js";import{a as i}from"./chunk-GRL4DWKG.js";import{a as c,b as a,c as u,e as m}from"./chunk-5MOOXA2X.js";import{a as s,b as n,f as d}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-IZ2LK5GK.js";var y=s`:host{display:block}fieldset{border:none;padding:0}legend{font:var(--bl-font-title-3-medium);color:var(--bl-color-neutral-darker)}.options{display:flex;flex-flow:var(--bl-radio-direction, column) wrap;align-items:var(--bl-radio-group-cross-axis-item-alignment, normal);align-content:var(--bl-radio-group-cross-axis-content-alignment, normal);justify-content:var(--bl-radio-group-main-axis-content-alignment, normal);gap:var(--bl-size-m);margin-block:var(--bl-size-xs)}`,f=y;var h="bl-radio-group",p="bl-radio-change",r=class extends g(d){constructor(){super(...arguments);this.value="";this.required=!1;this.focusedOptionIndex=0}static get styles(){return[f]}get options(){return[...this.querySelectorAll(b)]}get availableOptions(){return this.options.filter(e=>!e.disabled)}updated(e){e.has("value")&&(this.setValue(this.value),this.onChange(this.value))}handleOptionChecked(e){let o=e.target;this.setValue(o.value),this.onChange(o.value)}handleKeyDown(e){if(["ArrowDown","ArrowRight"].includes(e.key))this.focusedOptionIndex++;else if(["ArrowUp","ArrowLeft"].includes(e.key))this.focusedOptionIndex--;else if([" "].includes(e.key)){this.availableOptions[this.focusedOptionIndex].select();return}else return;this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,this.availableOptions.length-1)),this.availableOptions[this.focusedOptionIndex].focus(),e.preventDefault()}connectedCallback(){super.connectedCallback(),this.tabIndex=0,this.addEventListener("focus",this.handleFocus),this.addEventListener("keydown",this.handleKeyDown)}handleFocus(){this.availableOptions[this.focusedOptionIndex].focus()}render(){return n`<fieldset role="radiogroup" aria-labelledby="label" aria-required=${this.required}>
|
|
2
2
|
<legend id="label">${this.label}</legend>
|
|
3
3
|
<div class="options" @bl-checked=${this.handleOptionChecked}>
|
|
4
4
|
<slot></slot>
|
|
@@ -14,4 +14,4 @@ import{a as g}from"./chunk-DJOD4BTL.js";import{a as v}from"./chunk-6LT7O7T2.js";
|
|
|
14
14
|
>
|
|
15
15
|
<p id="label"><slot></slot></p>
|
|
16
16
|
</div>`}};t([a()],l.prototype,"name",2),t([a()],l.prototype,"value",2),t([a({type:Boolean,reflect:!0})],l.prototype,"disabled",2),t([u()],l.prototype,"selected",2),t([i("bl-checked")],l.prototype,"onChecked",2),t([i("bl-focus")],l.prototype,"onFocus",2),t([i("bl-blur")],l.prototype,"onBlur",2),t([m("[role=radio]")],l.prototype,"radioElement",2),l=t([c(b)],l);export{b as a,W as b,l as c,h as d,p as e,r as f};
|
|
17
|
-
//# sourceMappingURL=chunk-
|
|
17
|
+
//# sourceMappingURL=chunk-FVBGMXMC.js.map
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import{a as p}from"./chunk-UCLJCOUS.js";import{a as d}from"./chunk-DINNT5P2.js";import{a as n}from"./chunk-GRL4DWKG.js";import{a as v,b as s,e as a}from"./chunk-5MOOXA2X.js";import{a as l,b as i,f as h}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-IZ2LK5GK.js";var m=l`:host{display:contents}.trigger{display:var(--bl-tooltip-trigger-display, inline-flex);cursor:pointer}bl-popover{--bl-popover-background-color:var(--bl-color-info);--bl-popover-arrow-display:block;--bl-popover-border-size:0px;--bl-popover-max-width:424px}.content{color:var(--bl-color-neutral-full)}`,c=m;var t=class extends h{constructor(){super(...arguments);this.placement="top"}static get styles(){return[c]}update(e){if(e.has("target")){let r=e.get("target");r&&this._removeEvents(r),this._addEvents()}super.update(e)}_addEvents(){let e=p(this.target);e&&(e.addEventListener("focus",this.show,{capture:!0}),e.addEventListener("mouseover",this.show),e.addEventListener("blur",this.hide,{capture:!0}),e.addEventListener("mouseleave",this.hide))}_removeEvents(e){let r=p(e);r&&(r.removeEventListener("focus",this.show,{capture:!0}),r.removeEventListener("mouseover",this.show),r.removeEventListener("blur",this.hide,{capture:!0}),r.removeEventListener("mouseleave",this.hide))}connectedCallback(){super.connectedCallback(),this.show=this.show.bind(this),this.hide=this.hide.bind(this),this._addEvents()}disconnectedCallback(){super.disconnectedCallback(),this._removeEvents(this.target)}show(){var e;this._popover.target=(e=this.target)!=null?e:this.trigger,this._popover.show(),this.onShow("")}hide(){this._popover.hide(),this.onHide("")}get visible(){return this._popover.visible}triggerTemplate(){return i`<slot
|
|
2
|
+
class="trigger"
|
|
3
|
+
name="tooltip-trigger"
|
|
4
|
+
aria-describedby="tooltip"
|
|
5
|
+
@focus=${{handleEvent:()=>this.show(),capture:!0}}
|
|
6
|
+
@blur=${{handleEvent:()=>this.hide(),capture:!0}}
|
|
7
|
+
@mouseover=${()=>this.show()}
|
|
8
|
+
@mouseleave=${()=>this.hide()}
|
|
9
|
+
>
|
|
10
|
+
</slot>`}render(){var e;return i`
|
|
11
|
+
${this.target?"":this.triggerTemplate()}
|
|
12
|
+
<bl-popover
|
|
13
|
+
.target="${(e=this.target)!=null?e:this.trigger}"
|
|
14
|
+
placement="${d(this.placement)}"
|
|
15
|
+
@bl-popover-hide="${()=>this.onHide("")}"
|
|
16
|
+
>
|
|
17
|
+
<slot class="content" id="tooltip" role="tooltip"></slot>
|
|
18
|
+
</bl-popover>
|
|
19
|
+
`}};o([a(".trigger")],t.prototype,"trigger",2),o([a("bl-popover")],t.prototype,"_popover",2),o([s({type:String})],t.prototype,"placement",2),o([n("bl-tooltip-show")],t.prototype,"onShow",2),o([n("bl-tooltip-hide")],t.prototype,"onHide",2),o([s()],t.prototype,"target",2),t=o([v("bl-tooltip")],t);export{t as a};
|
|
20
|
+
//# sourceMappingURL=chunk-H5K6KEKD.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/tooltip/bl-tooltip.css", "../src/components/tooltip/bl-tooltip.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:contents}.trigger{display:var(--bl-tooltip-trigger-display, inline-flex);cursor:pointer}bl-popover{--bl-popover-background-color:var(--bl-color-info);--bl-popover-arrow-display:block;--bl-popover-border-size:0px;--bl-popover-max-width:424px}.content{color:var(--bl-color-neutral-full)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, PropertyValues, TemplateResult } from \"lit\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { ReferenceElement } from \"@floating-ui/core\";\nimport { getTarget } from \"../../utilities/elements\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport \"../popover/bl-popover\";\nimport BlPopover, { Placement } from \"../popover/bl-popover\";\nimport style from \"./bl-tooltip.css\";\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 */\n@customElement(\"bl-tooltip\")\nexport default class BlTooltip extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n @query(\".trigger\") private trigger: ReferenceElement;\n @query(\"bl-popover\") private _popover: BlPopover;\n\n /**\n * Sets placement of the tooltip\n */\n @property({ type: String })\n placement: Placement = \"top\";\n\n /**\n * Fires when hovering over a trigger\n */\n @event(\"bl-tooltip-show\") private onShow: EventDispatcher<string>;\n\n /**\n * Fires when leaving over from trigger\n */\n @event(\"bl-tooltip-hide\") private onHide: EventDispatcher<string>;\n\n @property() target: string | Element;\n\n protected update(changedProperties: PropertyValues) {\n if (changedProperties.has(\"target\")) {\n const prev = changedProperties.get(\"target\");\n\n if (prev) {\n this._removeEvents(prev);\n }\n\n this._addEvents();\n }\n\n super.update(changedProperties);\n }\n\n private _addEvents() {\n const target = getTarget(this.target);\n\n if (target) {\n target.addEventListener(\"focus\", this.show, { capture: true });\n target.addEventListener(\"mouseover\", this.show);\n target.addEventListener(\"blur\", this.hide, { capture: true });\n target.addEventListener(\"mouseleave\", this.hide);\n }\n }\n\n private _removeEvents(value: string | Element) {\n const target = getTarget(value);\n\n if (target) {\n target.removeEventListener(\"focus\", this.show, { capture: true });\n target.removeEventListener(\"mouseover\", this.show);\n target.removeEventListener(\"blur\", this.hide, { capture: true });\n target.removeEventListener(\"mouseleave\", this.hide);\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.show = this.show.bind(this);\n this.hide = this.hide.bind(this);\n\n this._addEvents();\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n\n this._removeEvents(this.target);\n }\n\n /**\n * Shows tooltip\n */\n show() {\n this._popover.target = this.target ?? this.trigger;\n this._popover.show();\n this.onShow(\"\");\n }\n\n /**\n * Hides tooltip\n */\n hide() {\n this._popover.hide();\n this.onHide(\"\");\n }\n\n /**\n * Gives the visibility status of the tooltip\n */\n get visible(): boolean {\n return this._popover.visible;\n }\n\n private triggerTemplate() {\n return html`<slot\n class=\"trigger\"\n name=\"tooltip-trigger\"\n aria-describedby=\"tooltip\"\n @focus=${{ handleEvent: () => this.show(), capture: true }}\n @blur=${{ handleEvent: () => this.hide(), capture: true }}\n @mouseover=${() => this.show()}\n @mouseleave=${() => this.hide()}\n >\n </slot>`;\n }\n\n render(): TemplateResult {\n return html`\n ${this.target ? \"\" : this.triggerTemplate()}\n <bl-popover\n .target=\"${this.target ?? this.trigger}\"\n placement=\"${ifDefined(this.placement)}\"\n @bl-popover-hide=\"${() => this.onHide(\"\")}\"\n >\n <slot class=\"content\" id=\"tooltip\" role=\"tooltip\"></slot>\n </bl-popover>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"bl-tooltip\": BlTooltip;\n }\n}\n"],
|
|
5
|
+
"mappings": "4QACO,IAAMA,EAASC,+SACfC,EAAQF,ECgBf,IAAqBG,EAArB,cAAuCC,CAAW,CAAlD,kCAYE,eAAuB,MAXvB,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAuBU,OAAOC,EAAmC,CAClD,GAAIA,EAAkB,IAAI,QAAQ,EAAG,CACnC,IAAMC,EAAOD,EAAkB,IAAI,QAAQ,EAEvCC,GACF,KAAK,cAAcA,CAAI,EAGzB,KAAK,WAAW,EAGlB,MAAM,OAAOD,CAAiB,CAChC,CAEQ,YAAa,CACnB,IAAME,EAASC,EAAU,KAAK,MAAM,EAEhCD,IACFA,EAAO,iBAAiB,QAAS,KAAK,KAAM,CAAE,QAAS,EAAK,CAAC,EAC7DA,EAAO,iBAAiB,YAAa,KAAK,IAAI,EAC9CA,EAAO,iBAAiB,OAAQ,KAAK,KAAM,CAAE,QAAS,EAAK,CAAC,EAC5DA,EAAO,iBAAiB,aAAc,KAAK,IAAI,EAEnD,CAEQ,cAAcE,EAAyB,CAC7C,IAAMF,EAASC,EAAUC,CAAK,EAE1BF,IACFA,EAAO,oBAAoB,QAAS,KAAK,KAAM,CAAE,QAAS,EAAK,CAAC,EAChEA,EAAO,oBAAoB,YAAa,KAAK,IAAI,EACjDA,EAAO,oBAAoB,OAAQ,KAAK,KAAM,CAAE,QAAS,EAAK,CAAC,EAC/DA,EAAO,oBAAoB,aAAc,KAAK,IAAI,EAEtD,CAEA,mBAAoB,CAClB,MAAM,kBAAkB,EAExB,KAAK,KAAO,KAAK,KAAK,KAAK,IAAI,EAC/B,KAAK,KAAO,KAAK,KAAK,KAAK,IAAI,EAE/B,KAAK,WAAW,CAClB,CAEA,sBAAuB,CACrB,MAAM,qBAAqB,EAE3B,KAAK,cAAc,KAAK,MAAM,CAChC,CAKA,MAAO,CAlGT,IAAAG,EAmGI,KAAK,SAAS,QAASA,EAAA,KAAK,SAAL,KAAAA,EAAe,KAAK,QAC3C,KAAK,SAAS,KAAK,EACnB,KAAK,OAAO,EAAE,CAChB,CAKA,MAAO,CACL,KAAK,SAAS,KAAK,EACnB,KAAK,OAAO,EAAE,CAChB,CAKA,IAAI,SAAmB,CACrB,OAAO,KAAK,SAAS,OACvB,CAEQ,iBAAkB,CACxB,OAAOC;AAAA;AAAA;AAAA;AAAA,eAII,CAAE,YAAa,IAAM,KAAK,KAAK,EAAG,QAAS,EAAK;AAAA,cACjD,CAAE,YAAa,IAAM,KAAK,KAAK,EAAG,QAAS,EAAK;AAAA,mBAC3C,IAAM,KAAK,KAAK;AAAA,oBACf,IAAM,KAAK,KAAK;AAAA;AAAA,YAGlC,CAEA,QAAyB,CApI3B,IAAAD,EAqII,OAAOC;AAAA,QACH,KAAK,OAAS,GAAK,KAAK,gBAAgB;AAAA;AAAA,oBAE7BD,EAAA,KAAK,SAAL,KAAAA,EAAe,KAAK;AAAA,qBAClBE,EAAU,KAAK,SAAS;AAAA,4BACjB,IAAM,KAAK,OAAO,EAAE;AAAA;AAAA;AAAA;AAAA,KAK9C,CACF,EAzH6BC,EAAA,CAA1BC,EAAM,UAAU,GALEZ,EAKQ,uBACEW,EAAA,CAA5BC,EAAM,YAAY,GANAZ,EAMU,wBAM7BW,EAAA,CADCE,EAAS,CAAE,KAAM,MAAO,CAAC,GAXPb,EAYnB,yBAKkCW,EAAA,CAAjCG,EAAM,iBAAiB,GAjBLd,EAiBe,sBAKAW,EAAA,CAAjCG,EAAM,iBAAiB,GAtBLd,EAsBe,sBAEtBW,EAAA,CAAXE,EAAS,GAxBSb,EAwBP,sBAxBOA,EAArBW,EAAA,CADCE,EAAc,YAAY,GACNb",
|
|
6
|
+
"names": ["styles", "i", "bl_tooltip_default", "BlTooltip", "s", "bl_tooltip_default", "changedProperties", "prev", "target", "getTarget", "value", "_a", "x", "l", "__decorateClass", "i", "e", "event"]
|
|
7
|
+
}
|