@db-ux/wc-core-components 4.10.2 → 4.11.0
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/CHANGELOG.md +12 -0
- package/bundle/db-accordion-item.js +1 -1
- package/bundle/db-accordion.js +1 -1
- package/bundle/db-badge.js +1 -1
- package/bundle/db-brand.js +1 -1
- package/bundle/db-button.js +1 -1
- package/bundle/db-card.js +1 -1
- package/bundle/db-checkbox.js +1 -1
- package/bundle/db-custom-button.js +1 -1
- package/bundle/db-custom-select-dropdown.js +1 -1
- package/bundle/db-custom-select-form-field.js +1 -1
- package/bundle/db-custom-select-list-item.js +1 -1
- package/bundle/db-custom-select-list.js +1 -1
- package/bundle/db-custom-select.js +1 -1
- package/bundle/db-divider.js +1 -1
- package/bundle/db-drawer.js +1 -1
- package/bundle/db-header.js +1 -1
- package/bundle/db-icon.js +1 -1
- package/bundle/db-infotext.js +1 -1
- package/bundle/db-input.js +1 -1
- package/bundle/db-link.js +1 -1
- package/bundle/db-navigation-item.js +1 -1
- package/bundle/db-navigation.js +1 -1
- package/bundle/db-notification.js +1 -1
- package/bundle/db-page.js +1 -1
- package/bundle/db-popover.js +1 -1
- package/bundle/db-radio.js +1 -1
- package/bundle/db-section.js +1 -1
- package/bundle/db-select.js +1 -1
- package/bundle/db-stack.js +1 -1
- package/bundle/db-switch.js +1 -1
- package/bundle/db-tab-item.js +1 -1
- package/bundle/db-tab-list.js +1 -1
- package/bundle/db-tab-panel.js +1 -1
- package/bundle/db-table-body.d.ts +11 -0
- package/bundle/db-table-body.js +1 -0
- package/bundle/db-table-caption.d.ts +11 -0
- package/bundle/db-table-caption.js +1 -0
- package/bundle/db-table-data-cell.d.ts +11 -0
- package/bundle/db-table-data-cell.js +1 -0
- package/bundle/db-table-footer.d.ts +11 -0
- package/bundle/db-table-footer.js +1 -0
- package/bundle/db-table-head.d.ts +11 -0
- package/bundle/db-table-head.js +1 -0
- package/bundle/db-table-header-cell.d.ts +11 -0
- package/bundle/db-table-header-cell.js +1 -0
- package/bundle/db-table-row.d.ts +11 -0
- package/bundle/db-table-row.js +1 -0
- package/bundle/db-table.d.ts +11 -0
- package/bundle/db-table.js +1 -0
- package/bundle/db-tabs.js +1 -1
- package/bundle/db-tag.js +1 -1
- package/bundle/db-textarea.js +1 -1
- package/bundle/db-tooltip.js +1 -1
- package/bundle/index.js +1 -1
- package/bundle/{p-BGVLpaFn.js → p-B5ANMEnQ.js} +1 -1
- package/bundle/p-BJwvv-yT.js +1 -0
- package/bundle/{p-B5E_0kTi.js → p-BNiKxu3y.js} +1 -1
- package/bundle/p-B_bPnncM.js +1 -0
- package/bundle/p-BnLhi6Lz.js +1 -0
- package/bundle/p-BrBlnLrn.js +1 -0
- package/bundle/p-CByFfoSH.js +1 -0
- package/bundle/{p-LbPYp2oP.js → p-CQo0C7QE.js} +1 -1
- package/bundle/p-CR2ZbfYe.js +1 -0
- package/bundle/p-CYYSsu3p.js +1 -0
- package/bundle/p-CeDu282h.js +1 -0
- package/bundle/p-CfLPOLHz.js +1 -0
- package/bundle/p-CoOxyQb2.js +1 -0
- package/bundle/p-CqED0CfD.js +1 -0
- package/bundle/p-Cr_z1Jfi.js +1 -0
- package/bundle/{p-DisehhY5.js → p-D-XzX0R7.js} +1 -1
- package/{dist/db-ux/p-D5mInaY7.js → bundle/p-D6L0n3gO.js} +1 -1
- package/bundle/p-DJTpgiBy.js +1 -0
- package/bundle/p-DMSIvqcA.js +1 -0
- package/bundle/p-DUiroUyR.js +1 -0
- package/bundle/p-DdyMClpj.js +1 -0
- package/bundle/p-DjVjS2Tb.js +1 -0
- package/bundle/p-in4Kv88F.js +1 -0
- package/dist/cjs/db-accordion-item.cjs.entry.js +4 -4
- package/dist/cjs/db-accordion.cjs.entry.js +3 -3
- package/dist/cjs/db-badge.cjs.entry.js +4 -4
- package/dist/cjs/db-brand.cjs.entry.js +4 -4
- package/dist/cjs/db-button.cjs.entry.js +6 -5
- package/dist/cjs/db-card.cjs.entry.js +4 -4
- package/dist/cjs/db-checkbox.cjs.entry.js +5 -5
- package/dist/cjs/db-custom-button.cjs.entry.js +6 -5
- package/dist/cjs/db-custom-select-dropdown_5.cjs.entry.js +18 -17
- package/dist/cjs/db-custom-select-form-field.cjs.entry.js +4 -4
- package/dist/cjs/db-custom-select.cjs.entry.js +10 -10
- package/dist/cjs/db-divider.cjs.entry.js +3 -3
- package/dist/cjs/db-drawer.cjs.entry.js +5 -5
- package/dist/cjs/db-header.cjs.entry.js +4 -4
- package/dist/cjs/db-icon.cjs.entry.js +4 -4
- package/dist/cjs/db-infotext.cjs.entry.js +4 -4
- package/dist/cjs/db-link_4.cjs.entry.js +248 -0
- package/dist/cjs/db-navigation-item.cjs.entry.js +4 -4
- package/dist/cjs/db-navigation.cjs.entry.js +4 -4
- package/dist/cjs/db-notification.cjs.entry.js +4 -4
- package/dist/cjs/db-page.cjs.entry.js +4 -4
- package/dist/cjs/db-popover.cjs.entry.js +5 -5
- package/dist/cjs/db-radio.cjs.entry.js +5 -5
- package/dist/cjs/db-section.cjs.entry.js +4 -4
- package/dist/cjs/db-select.cjs.entry.js +6 -6
- package/dist/cjs/db-stack.cjs.entry.js +4 -4
- package/dist/cjs/db-switch.cjs.entry.js +5 -5
- package/dist/cjs/db-tab-item_3.cjs.entry.js +12 -11
- package/dist/cjs/db-table-body_3.cjs.entry.js +194 -0
- package/dist/cjs/{db-link.cjs.entry.js → db-table-caption.cjs.entry.js} +7 -8
- package/dist/cjs/db-table.cjs.entry.js +158 -0
- package/dist/cjs/db-tabs.cjs.entry.js +4 -4
- package/dist/cjs/db-textarea.cjs.entry.js +5 -5
- package/dist/cjs/db-tooltip.cjs.entry.js +5 -5
- package/dist/cjs/db-ux.cjs.js +2 -2
- package/dist/cjs/{document-click-listener-B2-xKJv3.js → document-click-listener-DdNXbErU.js} +1 -1
- package/dist/cjs/{document-scroll-listener-ChQ7XZRk.js → document-scroll-listener-CvAZ6uPr.js} +1 -1
- package/dist/cjs/{form-components-_ncB_U2D.js → form-components-CmQlkARp.js} +1 -1
- package/dist/cjs/{index-HN8AqU2e.js → index-C313bRqJ.js} +21 -0
- package/dist/cjs/{index-2_9ESkQu.js → index-spuu3sXz.js} +13 -8
- package/dist/cjs/index.cjs.js +23 -4
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +8 -0
- package/dist/collection/components/accordion/accordion.js +1 -1
- package/dist/collection/components/accordion-item/accordion-item.js +2 -2
- package/dist/collection/components/badge/badge.js +2 -2
- package/dist/collection/components/brand/brand.js +3 -3
- package/dist/collection/components/button/button.js +7 -6
- package/dist/collection/components/card/card.js +2 -2
- package/dist/collection/components/checkbox/checkbox.js +3 -3
- package/dist/collection/components/custom-button/custom-button.js +7 -6
- package/dist/collection/components/custom-select/custom-select.js +7 -7
- package/dist/collection/components/custom-select-dropdown/custom-select-dropdown.js +2 -2
- package/dist/collection/components/custom-select-form-field/custom-select-form-field.js +2 -2
- package/dist/collection/components/custom-select-list/custom-select-list.js +2 -2
- package/dist/collection/components/custom-select-list-item/custom-select-list-item.js +3 -3
- package/dist/collection/components/divider/divider.js +1 -1
- package/dist/collection/components/drawer/drawer.js +3 -3
- package/dist/collection/components/header/header.js +2 -2
- package/dist/collection/components/icon/icon.js +3 -3
- package/dist/collection/components/infotext/infotext.js +3 -3
- package/dist/collection/components/input/input.js +11 -10
- package/dist/collection/components/link/link.js +2 -2
- package/dist/collection/components/navigation/navigation.js +2 -2
- package/dist/collection/components/navigation-item/navigation-item.js +3 -3
- package/dist/collection/components/notification/notification.js +3 -3
- package/dist/collection/components/page/page.js +2 -2
- package/dist/collection/components/popover/popover.js +2 -2
- package/dist/collection/components/radio/radio.js +2 -2
- package/dist/collection/components/section/section.js +2 -2
- package/dist/collection/components/select/select.js +5 -5
- package/dist/collection/components/stack/stack.js +2 -2
- package/dist/collection/components/switch/switch.js +6 -6
- package/dist/collection/components/tab-item/tab-item.js +9 -8
- package/dist/collection/components/tab-list/tab-list.js +2 -2
- package/dist/collection/components/tab-panel/tab-panel.js +2 -2
- package/dist/collection/components/table/examples/data.js +258 -0
- package/dist/collection/components/table/index.js +2 -0
- package/dist/collection/components/table/model.js +6 -0
- package/dist/collection/components/table/table.js +478 -0
- package/dist/collection/components/table-body/index.js +2 -0
- package/dist/collection/components/table-body/model.js +1 -0
- package/dist/collection/components/table-body/table-body.js +144 -0
- package/dist/collection/components/table-caption/index.js +2 -0
- package/dist/collection/components/table-caption/model.js +1 -0
- package/dist/collection/components/table-caption/table-caption.js +116 -0
- package/dist/collection/components/table-data-cell/index.js +2 -0
- package/dist/collection/components/table-data-cell/model.js +1 -0
- package/dist/collection/components/table-data-cell/table-data-cell.js +298 -0
- package/dist/collection/components/table-footer/index.js +2 -0
- package/dist/collection/components/table-footer/model.js +1 -0
- package/dist/collection/components/table-footer/table-footer.js +144 -0
- package/dist/collection/components/table-head/index.js +2 -0
- package/dist/collection/components/table-head/model.js +1 -0
- package/dist/collection/components/table-head/table-head.js +147 -0
- package/dist/collection/components/table-header-cell/index.js +2 -0
- package/dist/collection/components/table-header-cell/model.js +1 -0
- package/dist/collection/components/table-header-cell/table-header-cell.js +376 -0
- package/dist/collection/components/table-row/index.js +2 -0
- package/dist/collection/components/table-row/model.js +1 -0
- package/dist/collection/components/table-row/table-row.js +202 -0
- package/dist/collection/components/tabs/tabs.js +2 -2
- package/dist/collection/components/tag/tag.js +3 -3
- package/dist/collection/components/textarea/textarea.js +3 -3
- package/dist/collection/components/tooltip/tooltip.js +2 -2
- package/dist/collection/index.js +16 -0
- package/dist/collection/shared/model.js +1 -1
- package/dist/collection/utils/index.js +13 -8
- package/dist/custom-elements.json +6998 -3826
- package/dist/db-ux/db-ux.esm.js +1 -1
- package/dist/db-ux/index.esm.js +1 -1
- package/dist/db-ux/{p-2461e08a.entry.js → p-08271c80.entry.js} +1 -1
- package/dist/db-ux/{p-0f524f6c.entry.js → p-105ffa74.entry.js} +1 -1
- package/dist/db-ux/p-15adca91.entry.js +1 -0
- package/dist/db-ux/{p-db71c251.entry.js → p-1a322a0c.entry.js} +1 -1
- package/dist/db-ux/{p-46e3033b.entry.js → p-1f7232c0.entry.js} +1 -1
- package/dist/db-ux/p-27e2f6f2.entry.js +1 -0
- package/dist/db-ux/p-2907f214.entry.js +1 -0
- package/dist/db-ux/p-2ff958e4.entry.js +1 -0
- package/dist/db-ux/p-3423b7af.entry.js +1 -0
- package/dist/db-ux/p-365e6edf.entry.js +1 -0
- package/dist/db-ux/{p-fd334f14.entry.js → p-42516007.entry.js} +1 -1
- package/dist/db-ux/p-5045182c.entry.js +1 -0
- package/dist/db-ux/{p-26b7e21f.entry.js → p-5e1d42e5.entry.js} +1 -1
- package/dist/db-ux/{p-94de5791.entry.js → p-61b28212.entry.js} +1 -1
- package/dist/db-ux/p-6850a53c.entry.js +1 -0
- package/dist/db-ux/p-6bff55b4.entry.js +1 -0
- package/dist/db-ux/p-6e7c5e42.entry.js +1 -0
- package/dist/db-ux/p-76adf385.entry.js +1 -0
- package/dist/db-ux/p-78f7b353.entry.js +1 -0
- package/dist/db-ux/p-7fa5d304.entry.js +1 -0
- package/dist/db-ux/p-95b69e71.entry.js +1 -0
- package/dist/db-ux/p-99ebe6ec.entry.js +1 -0
- package/dist/db-ux/p-BihrW11j.js +1 -0
- package/dist/db-ux/p-BlbKvvUv.js +2 -0
- package/{bundle/p-BLyvxOmU.js → dist/db-ux/p-BtImZ8Nt.js} +1 -1
- package/dist/db-ux/p-OOIf-5XP.js +1 -0
- package/dist/db-ux/p-a5dc355d.entry.js +1 -0
- package/dist/db-ux/{p-4d5201a3.entry.js → p-a6113789.entry.js} +1 -1
- package/dist/db-ux/p-b9c0feaf.entry.js +1 -0
- package/dist/db-ux/p-c14fa91a.entry.js +1 -0
- package/dist/db-ux/p-c65b807e.entry.js +1 -0
- package/dist/db-ux/{p-d173eace.entry.js → p-dd9cedbe.entry.js} +1 -1
- package/dist/db-ux/{p-652739e4.entry.js → p-e3f705fd.entry.js} +1 -1
- package/dist/db-ux/{p-5eae34e7.entry.js → p-e4cddc9f.entry.js} +1 -1
- package/dist/db-ux/p-e7a8612c.entry.js +1 -0
- package/dist/db-ux/{p-4c3a8823.entry.js → p-ee8c3243.entry.js} +1 -1
- package/dist/db-ux/p-f0d0acfc.entry.js +1 -0
- package/dist/db-ux/{p-e2740857.entry.js → p-f15748ea.entry.js} +1 -1
- package/dist/db-ux/p-fumiz06Y.js +1 -0
- package/dist/esm/db-accordion-item.entry.js +4 -4
- package/dist/esm/db-accordion.entry.js +3 -3
- package/dist/esm/db-badge.entry.js +4 -4
- package/dist/esm/db-brand.entry.js +4 -4
- package/dist/esm/db-button.entry.js +6 -5
- package/dist/esm/db-card.entry.js +4 -4
- package/dist/esm/db-checkbox.entry.js +5 -5
- package/dist/esm/db-custom-button.entry.js +6 -5
- package/dist/esm/db-custom-select-dropdown_5.entry.js +18 -17
- package/dist/esm/db-custom-select-form-field.entry.js +4 -4
- package/dist/esm/db-custom-select.entry.js +10 -10
- package/dist/esm/db-divider.entry.js +3 -3
- package/dist/esm/db-drawer.entry.js +5 -5
- package/dist/esm/db-header.entry.js +4 -4
- package/dist/esm/db-icon.entry.js +4 -4
- package/dist/esm/db-infotext.entry.js +4 -4
- package/dist/esm/db-link_4.entry.js +243 -0
- package/dist/esm/db-navigation-item.entry.js +4 -4
- package/dist/esm/db-navigation.entry.js +4 -4
- package/dist/esm/db-notification.entry.js +4 -4
- package/dist/esm/db-page.entry.js +4 -4
- package/dist/esm/db-popover.entry.js +5 -5
- package/dist/esm/db-radio.entry.js +5 -5
- package/dist/esm/db-section.entry.js +4 -4
- package/dist/esm/db-select.entry.js +6 -6
- package/dist/esm/db-stack.entry.js +4 -4
- package/dist/esm/db-switch.entry.js +5 -5
- package/dist/esm/db-tab-item_3.entry.js +12 -11
- package/dist/esm/db-table-body_3.entry.js +190 -0
- package/dist/esm/{db-link.entry.js → db-table-caption.entry.js} +7 -8
- package/dist/esm/db-table.entry.js +156 -0
- package/dist/esm/db-tabs.entry.js +4 -4
- package/dist/esm/db-textarea.entry.js +5 -5
- package/dist/esm/db-tooltip.entry.js +5 -5
- package/dist/esm/db-ux.js +3 -3
- package/dist/esm/{document-click-listener-D7W_VE5O.js → document-click-listener-9wJfRcvz.js} +1 -1
- package/dist/esm/{document-scroll-listener-DOBe3Oa9.js → document-scroll-listener-4F0ZAg9p.js} +1 -1
- package/dist/esm/{form-components-D6LQfJvq.js → form-components-ZV7IN0oG.js} +1 -1
- package/dist/esm/{index-BGaQ0Bx8.js → index-BlbKvvUv.js} +21 -0
- package/dist/esm/{index-xkoBSP8R.js → index-fumiz06Y.js} +13 -8
- package/dist/esm/index.js +16 -5
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/table/examples/data.d.ts +9 -0
- package/dist/types/components/table/index.d.ts +2 -0
- package/dist/types/components/table/model.d.ts +74 -0
- package/dist/types/components/table/table.d.ts +38 -0
- package/dist/types/components/table-body/index.d.ts +2 -0
- package/dist/types/components/table-body/model.d.ts +8 -0
- package/dist/types/components/table-body/table-body.d.ts +20 -0
- package/dist/types/components/table-caption/index.d.ts +2 -0
- package/dist/types/components/table-caption/model.d.ts +5 -0
- package/dist/types/components/table-caption/table-caption.d.ts +19 -0
- package/dist/types/components/table-data-cell/index.d.ts +2 -0
- package/dist/types/components/table-data-cell/model.d.ts +5 -0
- package/dist/types/components/table-data-cell/table-data-cell.d.ts +26 -0
- package/dist/types/components/table-footer/index.d.ts +2 -0
- package/dist/types/components/table-footer/model.d.ts +8 -0
- package/dist/types/components/table-footer/table-footer.d.ts +20 -0
- package/dist/types/components/table-head/index.d.ts +2 -0
- package/dist/types/components/table-head/model.d.ts +10 -0
- package/dist/types/components/table-head/table-head.d.ts +59 -0
- package/dist/types/components/table-header-cell/index.d.ts +2 -0
- package/dist/types/components/table-header-cell/model.d.ts +24 -0
- package/dist/types/components/table-header-cell/table-header-cell.d.ts +29 -0
- package/dist/types/components/table-row/index.d.ts +2 -0
- package/dist/types/components/table-row/model.d.ts +30 -0
- package/dist/types/components/table-row/table-row.d.ts +24 -0
- package/dist/types/components.d.ts +278 -0
- package/dist/types/index.d.ts +16 -0
- package/dist/types/shared/figma.d.ts +70 -18
- package/dist/types/shared/model.d.ts +44 -2
- package/dist/types/utils/index.d.ts +9 -4
- package/dist/vscode.html-custom-data.json +400 -2
- package/dist/web-types.json +744 -5
- package/package.json +4 -4
- package/bundle/p--qzKkpB9.js +0 -1
- package/bundle/p-9fgrfYbf.js +0 -1
- package/bundle/p-BChikMGc.js +0 -1
- package/bundle/p-BPxBqqlc.js +0 -1
- package/bundle/p-C6_y8Tot.js +0 -1
- package/bundle/p-CKfRqzsn.js +0 -1
- package/bundle/p-CnYMRGX1.js +0 -1
- package/bundle/p-CwzdaLE3.js +0 -1
- package/bundle/p-CyxQfbGC.js +0 -1
- package/bundle/p-DstwggLZ.js +0 -1
- package/bundle/p-suxDlmXD.js +0 -1
- package/dist/db-ux/p-11211f1a.entry.js +0 -1
- package/dist/db-ux/p-1a4881de.entry.js +0 -1
- package/dist/db-ux/p-21e5f6d0.entry.js +0 -1
- package/dist/db-ux/p-272bdffc.entry.js +0 -1
- package/dist/db-ux/p-32c359a9.entry.js +0 -1
- package/dist/db-ux/p-33606da9.entry.js +0 -1
- package/dist/db-ux/p-44391c06.entry.js +0 -1
- package/dist/db-ux/p-4b99f205.entry.js +0 -1
- package/dist/db-ux/p-4c238643.entry.js +0 -1
- package/dist/db-ux/p-93a6b1ee.entry.js +0 -1
- package/dist/db-ux/p-9728504d.entry.js +0 -1
- package/dist/db-ux/p-BGaQ0Bx8.js +0 -2
- package/dist/db-ux/p-CHLgQ9vn.js +0 -1
- package/dist/db-ux/p-D_roHmuC.js +0 -1
- package/dist/db-ux/p-a6c3ceaa.entry.js +0 -1
- package/dist/db-ux/p-cd3cfb4e.entry.js +0 -1
- package/dist/db-ux/p-cf045f35.entry.js +0 -1
- package/dist/db-ux/p-d3ada4cb.entry.js +0 -1
- package/dist/db-ux/p-d858f147.entry.js +0 -1
- package/dist/db-ux/p-ed5b3877.entry.js +0 -1
- package/dist/db-ux/p-fed0fc42.entry.js +0 -1
- package/dist/db-ux/p-xkoBSP8R.js +0 -1
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@db-ux/wc-core-components",
|
|
4
|
-
"version": "4.
|
|
4
|
+
"version": "4.11.0",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -5257,6 +5257,566 @@
|
|
|
5257
5257
|
"events": []
|
|
5258
5258
|
}
|
|
5259
5259
|
},
|
|
5260
|
+
{
|
|
5261
|
+
"name": "db-table-data-cell",
|
|
5262
|
+
"description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
|
|
5263
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-data-cell/properties",
|
|
5264
|
+
"attributes": [
|
|
5265
|
+
{
|
|
5266
|
+
"name": "id",
|
|
5267
|
+
"value": { "type": "DBTableDataCellProps[\"id\"]" }
|
|
5268
|
+
},
|
|
5269
|
+
{
|
|
5270
|
+
"name": "classname",
|
|
5271
|
+
"value": { "type": "DBTableDataCellProps[\"className\"]" }
|
|
5272
|
+
},
|
|
5273
|
+
{
|
|
5274
|
+
"name": "horizontal-alignment",
|
|
5275
|
+
"description": "Set the horizontal alignment of the cell content.",
|
|
5276
|
+
"value": { "type": "\"start\" | \"center\" | \"end\"" }
|
|
5277
|
+
},
|
|
5278
|
+
{
|
|
5279
|
+
"name": "vertical-alignment",
|
|
5280
|
+
"description": "Set the vertical alignment of the cell content.",
|
|
5281
|
+
"value": { "type": "\"start\" | \"center\" | \"end\"" }
|
|
5282
|
+
},
|
|
5283
|
+
{
|
|
5284
|
+
"name": "col-span",
|
|
5285
|
+
"description": "The **`colSpan`** read-only property of the HTMLTableCellElement interface represents the number of columns this cell must span; this lets the cell occupy space across multiple columns of the table.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)",
|
|
5286
|
+
"value": { "type": "number | string" }
|
|
5287
|
+
},
|
|
5288
|
+
{
|
|
5289
|
+
"name": "colspan",
|
|
5290
|
+
"description": "Lowercase HTML attribute alternative to `colSpan`. Use this in template languages that require lowercase attributes (e.g. Angular, Vue).\nIf both `colSpan` and `colspan` are provided, `colSpan` takes precedence.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)",
|
|
5291
|
+
"value": { "type": "number | string" }
|
|
5292
|
+
},
|
|
5293
|
+
{
|
|
5294
|
+
"name": "row-span",
|
|
5295
|
+
"description": "The **`rowSpan`** read-only property of the HTMLTableCellElement interface represents the number of rows this cell must span; this lets the cell occupy space across multiple rows of the table.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)",
|
|
5296
|
+
"value": { "type": "number | string" }
|
|
5297
|
+
},
|
|
5298
|
+
{
|
|
5299
|
+
"name": "rowspan",
|
|
5300
|
+
"description": "Lowercase HTML attribute alternative to `rowSpan`. Use this in template languages that require lowercase attributes (e.g. Angular, Vue).\nIf both `rowSpan` and `rowspan` are provided, `rowSpan` takes precedence.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)",
|
|
5301
|
+
"value": { "type": "number | string" }
|
|
5302
|
+
},
|
|
5303
|
+
{
|
|
5304
|
+
"name": "headers",
|
|
5305
|
+
"description": "The **`headers`** property of the HTMLTableCellElement interface contains a list of IDs of th elements that are _headers_ for this specific cell.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/headers)",
|
|
5306
|
+
"value": { "type": "string" }
|
|
5307
|
+
}
|
|
5308
|
+
],
|
|
5309
|
+
"slots": [
|
|
5310
|
+
{
|
|
5311
|
+
"name": "children",
|
|
5312
|
+
"description": "This is a default/unnamed slot"
|
|
5313
|
+
}
|
|
5314
|
+
],
|
|
5315
|
+
"events": [],
|
|
5316
|
+
"js": {
|
|
5317
|
+
"properties": [
|
|
5318
|
+
{ "name": "rootElement", "type": "HTMLElement" },
|
|
5319
|
+
{ "name": "id", "type": "DBTableDataCellProps[\"id\"]" },
|
|
5320
|
+
{
|
|
5321
|
+
"name": "className",
|
|
5322
|
+
"type": "DBTableDataCellProps[\"className\"]"
|
|
5323
|
+
},
|
|
5324
|
+
{
|
|
5325
|
+
"name": "horizontalAlignment",
|
|
5326
|
+
"description": "Set the horizontal alignment of the cell content.",
|
|
5327
|
+
"type": "\"start\" | \"center\" | \"end\""
|
|
5328
|
+
},
|
|
5329
|
+
{
|
|
5330
|
+
"name": "verticalAlignment",
|
|
5331
|
+
"description": "Set the vertical alignment of the cell content.",
|
|
5332
|
+
"type": "\"start\" | \"center\" | \"end\""
|
|
5333
|
+
},
|
|
5334
|
+
{
|
|
5335
|
+
"name": "colSpan",
|
|
5336
|
+
"description": "The **`colSpan`** read-only property of the HTMLTableCellElement interface represents the number of columns this cell must span; this lets the cell occupy space across multiple columns of the table.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)",
|
|
5337
|
+
"type": "number | string"
|
|
5338
|
+
},
|
|
5339
|
+
{
|
|
5340
|
+
"name": "colspan",
|
|
5341
|
+
"description": "Lowercase HTML attribute alternative to `colSpan`. Use this in template languages that require lowercase attributes (e.g. Angular, Vue).\nIf both `colSpan` and `colspan` are provided, `colSpan` takes precedence.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)",
|
|
5342
|
+
"type": "number | string"
|
|
5343
|
+
},
|
|
5344
|
+
{
|
|
5345
|
+
"name": "rowSpan",
|
|
5346
|
+
"description": "The **`rowSpan`** read-only property of the HTMLTableCellElement interface represents the number of rows this cell must span; this lets the cell occupy space across multiple rows of the table.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)",
|
|
5347
|
+
"type": "number | string"
|
|
5348
|
+
},
|
|
5349
|
+
{
|
|
5350
|
+
"name": "rowspan",
|
|
5351
|
+
"description": "Lowercase HTML attribute alternative to `rowSpan`. Use this in template languages that require lowercase attributes (e.g. Angular, Vue).\nIf both `rowSpan` and `rowspan` are provided, `rowSpan` takes precedence.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)",
|
|
5352
|
+
"type": "number | string"
|
|
5353
|
+
},
|
|
5354
|
+
{
|
|
5355
|
+
"name": "headers",
|
|
5356
|
+
"description": "The **`headers`** property of the HTMLTableCellElement interface contains a list of IDs of th elements that are _headers_ for this specific cell.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/headers)",
|
|
5357
|
+
"type": "string"
|
|
5358
|
+
}
|
|
5359
|
+
],
|
|
5360
|
+
"events": []
|
|
5361
|
+
}
|
|
5362
|
+
},
|
|
5363
|
+
{
|
|
5364
|
+
"name": "db-table-header-cell",
|
|
5365
|
+
"description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
|
|
5366
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-header-cell/properties",
|
|
5367
|
+
"attributes": [
|
|
5368
|
+
{
|
|
5369
|
+
"name": "id",
|
|
5370
|
+
"value": { "type": "DBTableHeaderCellProps[\"id\"]" }
|
|
5371
|
+
},
|
|
5372
|
+
{
|
|
5373
|
+
"name": "classname",
|
|
5374
|
+
"value": { "type": "DBTableHeaderCellProps[\"className\"]" }
|
|
5375
|
+
},
|
|
5376
|
+
{
|
|
5377
|
+
"name": "horizontal-alignment",
|
|
5378
|
+
"description": "Set the horizontal alignment of the cell content.",
|
|
5379
|
+
"value": { "type": "\"start\" | \"center\" | \"end\"" }
|
|
5380
|
+
},
|
|
5381
|
+
{
|
|
5382
|
+
"name": "vertical-alignment",
|
|
5383
|
+
"description": "Set the vertical alignment of the cell content.",
|
|
5384
|
+
"value": { "type": "\"start\" | \"center\" | \"end\"" }
|
|
5385
|
+
},
|
|
5386
|
+
{
|
|
5387
|
+
"name": "no-text",
|
|
5388
|
+
"description": "Hide the text content of the cell.",
|
|
5389
|
+
"value": { "type": "boolean | string" }
|
|
5390
|
+
},
|
|
5391
|
+
{
|
|
5392
|
+
"name": "scope",
|
|
5393
|
+
"description": "The **`scope`** property of the HTMLTableCellElement interface indicates the scope of a th cell.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/scope)",
|
|
5394
|
+
"value": {
|
|
5395
|
+
"type": "\"row\" | \"col\" | \"rowgroup\" | \"colgroup\""
|
|
5396
|
+
}
|
|
5397
|
+
},
|
|
5398
|
+
{
|
|
5399
|
+
"name": "col-span",
|
|
5400
|
+
"description": "The **`colSpan`** read-only property of the HTMLTableCellElement interface represents the number of columns this cell must span; this lets the cell occupy space across multiple columns of the table.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)",
|
|
5401
|
+
"value": { "type": "number | string" }
|
|
5402
|
+
},
|
|
5403
|
+
{
|
|
5404
|
+
"name": "colspan",
|
|
5405
|
+
"description": "Lowercase HTML attribute alternative to `colSpan`. Use this in template languages that require lowercase attributes (e.g. Angular, Vue).\nIf both `colSpan` and `colspan` are provided, `colSpan` takes precedence.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)",
|
|
5406
|
+
"value": { "type": "number | string" }
|
|
5407
|
+
},
|
|
5408
|
+
{
|
|
5409
|
+
"name": "row-span",
|
|
5410
|
+
"description": "The **`rowSpan`** read-only property of the HTMLTableCellElement interface represents the number of rows this cell must span; this lets the cell occupy space across multiple rows of the table.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)",
|
|
5411
|
+
"value": { "type": "number | string" }
|
|
5412
|
+
},
|
|
5413
|
+
{
|
|
5414
|
+
"name": "rowspan",
|
|
5415
|
+
"description": "Lowercase HTML attribute alternative to `rowSpan`. Use this in template languages that require lowercase attributes (e.g. Angular, Vue).\nIf both `rowSpan` and `rowspan` are provided, `rowSpan` takes precedence.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)",
|
|
5416
|
+
"value": { "type": "number | string" }
|
|
5417
|
+
},
|
|
5418
|
+
{
|
|
5419
|
+
"name": "headers",
|
|
5420
|
+
"description": "The **`headers`** property of the HTMLTableCellElement interface contains a list of IDs of th elements that are _headers_ for this specific cell.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/headers)",
|
|
5421
|
+
"value": { "type": "string" }
|
|
5422
|
+
},
|
|
5423
|
+
{
|
|
5424
|
+
"name": "abbr",
|
|
5425
|
+
"description": "The **`abbr`** property of the HTMLTableCellElement interface indicates an abbreviation associated with the cell.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/abbr)",
|
|
5426
|
+
"value": { "type": "string" }
|
|
5427
|
+
}
|
|
5428
|
+
],
|
|
5429
|
+
"slots": [
|
|
5430
|
+
{
|
|
5431
|
+
"name": "children",
|
|
5432
|
+
"description": "This is a default/unnamed slot"
|
|
5433
|
+
}
|
|
5434
|
+
],
|
|
5435
|
+
"events": [],
|
|
5436
|
+
"js": {
|
|
5437
|
+
"properties": [
|
|
5438
|
+
{ "name": "rootElement", "type": "HTMLElement" },
|
|
5439
|
+
{ "name": "id", "type": "DBTableHeaderCellProps[\"id\"]" },
|
|
5440
|
+
{
|
|
5441
|
+
"name": "className",
|
|
5442
|
+
"type": "DBTableHeaderCellProps[\"className\"]"
|
|
5443
|
+
},
|
|
5444
|
+
{
|
|
5445
|
+
"name": "horizontalAlignment",
|
|
5446
|
+
"description": "Set the horizontal alignment of the cell content.",
|
|
5447
|
+
"type": "\"start\" | \"center\" | \"end\""
|
|
5448
|
+
},
|
|
5449
|
+
{
|
|
5450
|
+
"name": "verticalAlignment",
|
|
5451
|
+
"description": "Set the vertical alignment of the cell content.",
|
|
5452
|
+
"type": "\"start\" | \"center\" | \"end\""
|
|
5453
|
+
},
|
|
5454
|
+
{
|
|
5455
|
+
"name": "noText",
|
|
5456
|
+
"description": "Hide the text content of the cell.",
|
|
5457
|
+
"type": "boolean | string"
|
|
5458
|
+
},
|
|
5459
|
+
{
|
|
5460
|
+
"name": "scope",
|
|
5461
|
+
"description": "The **`scope`** property of the HTMLTableCellElement interface indicates the scope of a th cell.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/scope)",
|
|
5462
|
+
"type": "\"row\" | \"col\" | \"rowgroup\" | \"colgroup\""
|
|
5463
|
+
},
|
|
5464
|
+
{
|
|
5465
|
+
"name": "colSpan",
|
|
5466
|
+
"description": "The **`colSpan`** read-only property of the HTMLTableCellElement interface represents the number of columns this cell must span; this lets the cell occupy space across multiple columns of the table.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)",
|
|
5467
|
+
"type": "number | string"
|
|
5468
|
+
},
|
|
5469
|
+
{
|
|
5470
|
+
"name": "colspan",
|
|
5471
|
+
"description": "Lowercase HTML attribute alternative to `colSpan`. Use this in template languages that require lowercase attributes (e.g. Angular, Vue).\nIf both `colSpan` and `colspan` are provided, `colSpan` takes precedence.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)",
|
|
5472
|
+
"type": "number | string"
|
|
5473
|
+
},
|
|
5474
|
+
{
|
|
5475
|
+
"name": "rowSpan",
|
|
5476
|
+
"description": "The **`rowSpan`** read-only property of the HTMLTableCellElement interface represents the number of rows this cell must span; this lets the cell occupy space across multiple rows of the table.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)",
|
|
5477
|
+
"type": "number | string"
|
|
5478
|
+
},
|
|
5479
|
+
{
|
|
5480
|
+
"name": "rowspan",
|
|
5481
|
+
"description": "Lowercase HTML attribute alternative to `rowSpan`. Use this in template languages that require lowercase attributes (e.g. Angular, Vue).\nIf both `rowSpan` and `rowspan` are provided, `rowSpan` takes precedence.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)",
|
|
5482
|
+
"type": "number | string"
|
|
5483
|
+
},
|
|
5484
|
+
{
|
|
5485
|
+
"name": "headers",
|
|
5486
|
+
"description": "The **`headers`** property of the HTMLTableCellElement interface contains a list of IDs of th elements that are _headers_ for this specific cell.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/headers)",
|
|
5487
|
+
"type": "string"
|
|
5488
|
+
},
|
|
5489
|
+
{
|
|
5490
|
+
"name": "abbr",
|
|
5491
|
+
"description": "The **`abbr`** property of the HTMLTableCellElement interface indicates an abbreviation associated with the cell.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/abbr)",
|
|
5492
|
+
"type": "string"
|
|
5493
|
+
}
|
|
5494
|
+
],
|
|
5495
|
+
"events": []
|
|
5496
|
+
}
|
|
5497
|
+
},
|
|
5498
|
+
{
|
|
5499
|
+
"name": "db-table-row",
|
|
5500
|
+
"description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
|
|
5501
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-row/properties",
|
|
5502
|
+
"attributes": [
|
|
5503
|
+
{ "name": "id", "value": { "type": "DBTableRowProps[\"id\"]" } },
|
|
5504
|
+
{
|
|
5505
|
+
"name": "classname",
|
|
5506
|
+
"value": { "type": "DBTableRowProps[\"className\"]" }
|
|
5507
|
+
},
|
|
5508
|
+
{
|
|
5509
|
+
"name": "interactive",
|
|
5510
|
+
"description": "If true marks the row as interactive, which checks for child with data-table-row-trigger=\"true\"",
|
|
5511
|
+
"value": { "type": "boolean | string" }
|
|
5512
|
+
},
|
|
5513
|
+
{
|
|
5514
|
+
"name": "sub-header-emphasis",
|
|
5515
|
+
"description": "Change styling of row only if it is inside thead",
|
|
5516
|
+
"value": { "type": "\"none\" | \"weak\" | \"strong\"" }
|
|
5517
|
+
},
|
|
5518
|
+
{
|
|
5519
|
+
"name": "cells",
|
|
5520
|
+
"description": "All cells of the row",
|
|
5521
|
+
"value": { "type": "DBTableRowCell[]" }
|
|
5522
|
+
}
|
|
5523
|
+
],
|
|
5524
|
+
"slots": [
|
|
5525
|
+
{
|
|
5526
|
+
"name": "children",
|
|
5527
|
+
"description": "This is a default/unnamed slot"
|
|
5528
|
+
}
|
|
5529
|
+
],
|
|
5530
|
+
"events": [],
|
|
5531
|
+
"js": {
|
|
5532
|
+
"properties": [
|
|
5533
|
+
{ "name": "rootElement", "type": "HTMLElement" },
|
|
5534
|
+
{ "name": "id", "type": "DBTableRowProps[\"id\"]" },
|
|
5535
|
+
{ "name": "className", "type": "DBTableRowProps[\"className\"]" },
|
|
5536
|
+
{
|
|
5537
|
+
"name": "interactive",
|
|
5538
|
+
"description": "If true marks the row as interactive, which checks for child with data-table-row-trigger=\"true\"",
|
|
5539
|
+
"type": "boolean | string"
|
|
5540
|
+
},
|
|
5541
|
+
{
|
|
5542
|
+
"name": "subHeaderEmphasis",
|
|
5543
|
+
"description": "Change styling of row only if it is inside thead",
|
|
5544
|
+
"type": "\"none\" | \"weak\" | \"strong\""
|
|
5545
|
+
},
|
|
5546
|
+
{
|
|
5547
|
+
"name": "cells",
|
|
5548
|
+
"description": "All cells of the row",
|
|
5549
|
+
"type": "DBTableRowCell[]"
|
|
5550
|
+
}
|
|
5551
|
+
],
|
|
5552
|
+
"events": []
|
|
5553
|
+
}
|
|
5554
|
+
},
|
|
5555
|
+
{
|
|
5556
|
+
"name": "db-table-body",
|
|
5557
|
+
"description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
|
|
5558
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-body/properties",
|
|
5559
|
+
"attributes": [
|
|
5560
|
+
{ "name": "id", "value": { "type": "DBTableBodyProps[\"id\"]" } },
|
|
5561
|
+
{
|
|
5562
|
+
"name": "classname",
|
|
5563
|
+
"value": { "type": "DBTableBodyProps[\"className\"]" }
|
|
5564
|
+
},
|
|
5565
|
+
{ "name": "rows", "value": { "type": "DBTableRowProps[]" } }
|
|
5566
|
+
],
|
|
5567
|
+
"slots": [
|
|
5568
|
+
{
|
|
5569
|
+
"name": "children",
|
|
5570
|
+
"description": "This is a default/unnamed slot"
|
|
5571
|
+
}
|
|
5572
|
+
],
|
|
5573
|
+
"events": [],
|
|
5574
|
+
"js": {
|
|
5575
|
+
"properties": [
|
|
5576
|
+
{ "name": "rootElement", "type": "HTMLElement" },
|
|
5577
|
+
{ "name": "id", "type": "DBTableBodyProps[\"id\"]" },
|
|
5578
|
+
{
|
|
5579
|
+
"name": "className",
|
|
5580
|
+
"type": "DBTableBodyProps[\"className\"]"
|
|
5581
|
+
},
|
|
5582
|
+
{ "name": "rows", "type": "DBTableRowProps[]" }
|
|
5583
|
+
],
|
|
5584
|
+
"events": []
|
|
5585
|
+
}
|
|
5586
|
+
},
|
|
5587
|
+
{
|
|
5588
|
+
"name": "db-table-footer",
|
|
5589
|
+
"description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
|
|
5590
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-footer/properties",
|
|
5591
|
+
"attributes": [
|
|
5592
|
+
{ "name": "id", "value": { "type": "DBTableFooterProps[\"id\"]" } },
|
|
5593
|
+
{
|
|
5594
|
+
"name": "classname",
|
|
5595
|
+
"value": { "type": "DBTableFooterProps[\"className\"]" }
|
|
5596
|
+
},
|
|
5597
|
+
{ "name": "rows", "value": { "type": "DBTableRowProps[]" } }
|
|
5598
|
+
],
|
|
5599
|
+
"slots": [
|
|
5600
|
+
{
|
|
5601
|
+
"name": "children",
|
|
5602
|
+
"description": "This is a default/unnamed slot"
|
|
5603
|
+
}
|
|
5604
|
+
],
|
|
5605
|
+
"events": [],
|
|
5606
|
+
"js": {
|
|
5607
|
+
"properties": [
|
|
5608
|
+
{ "name": "rootElement", "type": "HTMLElement" },
|
|
5609
|
+
{ "name": "id", "type": "DBTableFooterProps[\"id\"]" },
|
|
5610
|
+
{
|
|
5611
|
+
"name": "className",
|
|
5612
|
+
"type": "DBTableFooterProps[\"className\"]"
|
|
5613
|
+
},
|
|
5614
|
+
{ "name": "rows", "type": "DBTableRowProps[]" }
|
|
5615
|
+
],
|
|
5616
|
+
"events": []
|
|
5617
|
+
}
|
|
5618
|
+
},
|
|
5619
|
+
{
|
|
5620
|
+
"name": "db-table-head",
|
|
5621
|
+
"description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
|
|
5622
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-head/properties",
|
|
5623
|
+
"attributes": [
|
|
5624
|
+
{ "name": "id", "value": { "type": "DBTableHeadProps[\"id\"]" } },
|
|
5625
|
+
{
|
|
5626
|
+
"name": "classname",
|
|
5627
|
+
"value": { "type": "DBTableHeadProps[\"className\"]" }
|
|
5628
|
+
},
|
|
5629
|
+
{ "name": "rows", "value": { "type": "DBTableRowProps[]" } }
|
|
5630
|
+
],
|
|
5631
|
+
"slots": [
|
|
5632
|
+
{
|
|
5633
|
+
"name": "children",
|
|
5634
|
+
"description": "This is a default/unnamed slot"
|
|
5635
|
+
}
|
|
5636
|
+
],
|
|
5637
|
+
"events": [],
|
|
5638
|
+
"js": {
|
|
5639
|
+
"properties": [
|
|
5640
|
+
{ "name": "rootElement", "type": "HTMLElement" },
|
|
5641
|
+
{ "name": "id", "type": "DBTableHeadProps[\"id\"]" },
|
|
5642
|
+
{
|
|
5643
|
+
"name": "className",
|
|
5644
|
+
"type": "DBTableHeadProps[\"className\"]"
|
|
5645
|
+
},
|
|
5646
|
+
{ "name": "rows", "type": "DBTableRowProps[]" }
|
|
5647
|
+
],
|
|
5648
|
+
"events": []
|
|
5649
|
+
}
|
|
5650
|
+
},
|
|
5651
|
+
{
|
|
5652
|
+
"name": "db-table",
|
|
5653
|
+
"description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **caption** - Slot for table caption",
|
|
5654
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table/properties",
|
|
5655
|
+
"attributes": [
|
|
5656
|
+
{
|
|
5657
|
+
"name": "data",
|
|
5658
|
+
"description": "Table data if you don't use default slot/children",
|
|
5659
|
+
"value": { "type": "DBTableData | string" }
|
|
5660
|
+
},
|
|
5661
|
+
{
|
|
5662
|
+
"name": "mobile-variant",
|
|
5663
|
+
"description": "Change the layout of the table on mobile\nlist: list style\ntable: classic table",
|
|
5664
|
+
"value": { "type": "\"table\" | \"list\"" }
|
|
5665
|
+
},
|
|
5666
|
+
{
|
|
5667
|
+
"name": "column-sizes",
|
|
5668
|
+
"description": "Set the width of the columns based in their index.\nAlternative: Use `--db-table-column-size-$index` inside CSS to control it.\nSee: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/grid-template-columns",
|
|
5669
|
+
"value": { "type": "Record" }
|
|
5670
|
+
},
|
|
5671
|
+
{
|
|
5672
|
+
"name": "classname",
|
|
5673
|
+
"value": { "type": "DBTableProps[\"className\"]" }
|
|
5674
|
+
},
|
|
5675
|
+
{
|
|
5676
|
+
"name": "width",
|
|
5677
|
+
"description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
|
|
5678
|
+
"value": { "type": "\"full\" | \"auto\" | string" }
|
|
5679
|
+
},
|
|
5680
|
+
{
|
|
5681
|
+
"name": "size",
|
|
5682
|
+
"description": "Size of the table rows",
|
|
5683
|
+
"value": {
|
|
5684
|
+
"type": "\"x-small\" | \"small\" | \"medium\" | \"large\""
|
|
5685
|
+
}
|
|
5686
|
+
},
|
|
5687
|
+
{
|
|
5688
|
+
"name": "divider",
|
|
5689
|
+
"description": "Show the divider between the rows and cells",
|
|
5690
|
+
"value": {
|
|
5691
|
+
"type": "\"none\" | \"both\" | \"horizontal\" | \"vertical\""
|
|
5692
|
+
}
|
|
5693
|
+
},
|
|
5694
|
+
{
|
|
5695
|
+
"name": "variant",
|
|
5696
|
+
"description": "Change the layout of the table\nspaced: card style table\nflat: classic table",
|
|
5697
|
+
"value": { "type": "\"flat\" | \"zebra\" | \"spaced\"" }
|
|
5698
|
+
},
|
|
5699
|
+
{
|
|
5700
|
+
"name": "show-caption",
|
|
5701
|
+
"description": "Show caption above table default is hidden",
|
|
5702
|
+
"value": { "type": "boolean | string" }
|
|
5703
|
+
},
|
|
5704
|
+
{
|
|
5705
|
+
"name": "sticky-header",
|
|
5706
|
+
"description": "Change the header cells to be sticky when scrolling the table",
|
|
5707
|
+
"value": {
|
|
5708
|
+
"type": "\"none\" | \"both\" | \"horizontal\" | \"vertical\""
|
|
5709
|
+
}
|
|
5710
|
+
},
|
|
5711
|
+
{ "name": "id", "value": { "type": "DBTableProps[\"id\"]" } },
|
|
5712
|
+
{
|
|
5713
|
+
"name": "caption-plain",
|
|
5714
|
+
"description": "String alternative for table caption slot",
|
|
5715
|
+
"value": { "type": "string" }
|
|
5716
|
+
}
|
|
5717
|
+
],
|
|
5718
|
+
"slots": [
|
|
5719
|
+
{
|
|
5720
|
+
"name": "children",
|
|
5721
|
+
"description": "This is a default/unnamed slot"
|
|
5722
|
+
},
|
|
5723
|
+
{ "name": "caption", "description": "Slot for table caption" }
|
|
5724
|
+
],
|
|
5725
|
+
"events": [],
|
|
5726
|
+
"js": {
|
|
5727
|
+
"properties": [
|
|
5728
|
+
{ "name": "rootElement", "type": "HTMLElement" },
|
|
5729
|
+
{
|
|
5730
|
+
"name": "data",
|
|
5731
|
+
"description": "Table data if you don't use default slot/children",
|
|
5732
|
+
"type": "DBTableData | string"
|
|
5733
|
+
},
|
|
5734
|
+
{
|
|
5735
|
+
"name": "mobileVariant",
|
|
5736
|
+
"description": "Change the layout of the table on mobile\nlist: list style\ntable: classic table",
|
|
5737
|
+
"type": "\"table\" | \"list\""
|
|
5738
|
+
},
|
|
5739
|
+
{
|
|
5740
|
+
"name": "columnSizes",
|
|
5741
|
+
"description": "Set the width of the columns based in their index.\nAlternative: Use `--db-table-column-size-$index` inside CSS to control it.\nSee: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/grid-template-columns",
|
|
5742
|
+
"type": "Record"
|
|
5743
|
+
},
|
|
5744
|
+
{ "name": "className", "type": "DBTableProps[\"className\"]" },
|
|
5745
|
+
{
|
|
5746
|
+
"name": "width",
|
|
5747
|
+
"description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
|
|
5748
|
+
"type": "\"full\" | \"auto\" | string"
|
|
5749
|
+
},
|
|
5750
|
+
{
|
|
5751
|
+
"name": "size",
|
|
5752
|
+
"description": "Size of the table rows",
|
|
5753
|
+
"type": "\"x-small\" | \"small\" | \"medium\" | \"large\""
|
|
5754
|
+
},
|
|
5755
|
+
{
|
|
5756
|
+
"name": "divider",
|
|
5757
|
+
"description": "Show the divider between the rows and cells",
|
|
5758
|
+
"type": "\"none\" | \"both\" | \"horizontal\" | \"vertical\""
|
|
5759
|
+
},
|
|
5760
|
+
{
|
|
5761
|
+
"name": "variant",
|
|
5762
|
+
"description": "Change the layout of the table\nspaced: card style table\nflat: classic table",
|
|
5763
|
+
"type": "\"flat\" | \"zebra\" | \"spaced\""
|
|
5764
|
+
},
|
|
5765
|
+
{
|
|
5766
|
+
"name": "showCaption",
|
|
5767
|
+
"description": "Show caption above table default is hidden",
|
|
5768
|
+
"type": "boolean | string"
|
|
5769
|
+
},
|
|
5770
|
+
{
|
|
5771
|
+
"name": "stickyHeader",
|
|
5772
|
+
"description": "Change the header cells to be sticky when scrolling the table",
|
|
5773
|
+
"type": "\"none\" | \"both\" | \"horizontal\" | \"vertical\""
|
|
5774
|
+
},
|
|
5775
|
+
{ "name": "id", "type": "DBTableProps[\"id\"]" },
|
|
5776
|
+
{
|
|
5777
|
+
"name": "captionPlain",
|
|
5778
|
+
"description": "String alternative for table caption slot",
|
|
5779
|
+
"type": "string"
|
|
5780
|
+
},
|
|
5781
|
+
{ "name": "_data" },
|
|
5782
|
+
{ "name": "_style" }
|
|
5783
|
+
],
|
|
5784
|
+
"events": []
|
|
5785
|
+
}
|
|
5786
|
+
},
|
|
5787
|
+
{
|
|
5788
|
+
"name": "db-table-caption",
|
|
5789
|
+
"description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
|
|
5790
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-caption/properties",
|
|
5791
|
+
"attributes": [
|
|
5792
|
+
{
|
|
5793
|
+
"name": "id",
|
|
5794
|
+
"value": { "type": "DBTableCaptionProps[\"id\"]" }
|
|
5795
|
+
},
|
|
5796
|
+
{
|
|
5797
|
+
"name": "classname",
|
|
5798
|
+
"value": { "type": "DBTableCaptionProps[\"className\"]" }
|
|
5799
|
+
}
|
|
5800
|
+
],
|
|
5801
|
+
"slots": [
|
|
5802
|
+
{
|
|
5803
|
+
"name": "children",
|
|
5804
|
+
"description": "This is a default/unnamed slot"
|
|
5805
|
+
}
|
|
5806
|
+
],
|
|
5807
|
+
"events": [],
|
|
5808
|
+
"js": {
|
|
5809
|
+
"properties": [
|
|
5810
|
+
{ "name": "rootElement", "type": "HTMLElement" },
|
|
5811
|
+
{ "name": "id", "type": "DBTableCaptionProps[\"id\"]" },
|
|
5812
|
+
{
|
|
5813
|
+
"name": "className",
|
|
5814
|
+
"type": "DBTableCaptionProps[\"className\"]"
|
|
5815
|
+
}
|
|
5816
|
+
],
|
|
5817
|
+
"events": []
|
|
5818
|
+
}
|
|
5819
|
+
},
|
|
5260
5820
|
{
|
|
5261
5821
|
"name": "db-tabs",
|
|
5262
5822
|
"description": "\n---\n\n\n### **Events:**\n - **indexChange**\n- **tabSelect**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
|
|
@@ -5308,8 +5868,8 @@
|
|
|
5308
5868
|
},
|
|
5309
5869
|
{
|
|
5310
5870
|
"name": "alignment",
|
|
5311
|
-
"description": "Define the content alignment
|
|
5312
|
-
"value": { "type": "\"start\" | \"center\" | string" }
|
|
5871
|
+
"description": "Define the content alignment",
|
|
5872
|
+
"value": { "type": "\"start\" | \"center\" | \"end\" | string" }
|
|
5313
5873
|
},
|
|
5314
5874
|
{
|
|
5315
5875
|
"name": "width",
|
|
@@ -5379,8 +5939,8 @@
|
|
|
5379
5939
|
{ "name": "className", "type": "DBTabsProps[\"className\"]" },
|
|
5380
5940
|
{
|
|
5381
5941
|
"name": "alignment",
|
|
5382
|
-
"description": "Define the content alignment
|
|
5383
|
-
"type": "\"start\" | \"center\" | string"
|
|
5942
|
+
"description": "Define the content alignment",
|
|
5943
|
+
"type": "\"start\" | \"center\" | \"end\" | string"
|
|
5384
5944
|
},
|
|
5385
5945
|
{
|
|
5386
5946
|
"name": "width",
|
|
@@ -8627,6 +9187,185 @@
|
|
|
8627
9187
|
"events": []
|
|
8628
9188
|
}
|
|
8629
9189
|
},
|
|
9190
|
+
{
|
|
9191
|
+
"name": "table-complex",
|
|
9192
|
+
"description": "\n---\n",
|
|
9193
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-complex/properties",
|
|
9194
|
+
"attributes": [],
|
|
9195
|
+
"events": [],
|
|
9196
|
+
"js": {
|
|
9197
|
+
"properties": [
|
|
9198
|
+
{ "name": "rootElement", "type": "HTMLElement" },
|
|
9199
|
+
{ "name": "columnSizes", "type": "object" }
|
|
9200
|
+
],
|
|
9201
|
+
"events": []
|
|
9202
|
+
}
|
|
9203
|
+
},
|
|
9204
|
+
{
|
|
9205
|
+
"name": "table-content",
|
|
9206
|
+
"description": "\n---\n",
|
|
9207
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-content/properties",
|
|
9208
|
+
"attributes": [],
|
|
9209
|
+
"events": [],
|
|
9210
|
+
"js": {
|
|
9211
|
+
"properties": [{ "name": "rootElement", "type": "HTMLElement" }],
|
|
9212
|
+
"events": []
|
|
9213
|
+
}
|
|
9214
|
+
},
|
|
9215
|
+
{
|
|
9216
|
+
"name": "table-density",
|
|
9217
|
+
"description": "\n---\n",
|
|
9218
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-density/properties",
|
|
9219
|
+
"attributes": [],
|
|
9220
|
+
"events": [],
|
|
9221
|
+
"js": {
|
|
9222
|
+
"properties": [{ "name": "rootElement", "type": "HTMLElement" }],
|
|
9223
|
+
"events": []
|
|
9224
|
+
}
|
|
9225
|
+
},
|
|
9226
|
+
{
|
|
9227
|
+
"name": "table-divider",
|
|
9228
|
+
"description": "\n---\n",
|
|
9229
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-divider/properties",
|
|
9230
|
+
"attributes": [],
|
|
9231
|
+
"events": [],
|
|
9232
|
+
"js": {
|
|
9233
|
+
"properties": [{ "name": "rootElement", "type": "HTMLElement" }],
|
|
9234
|
+
"events": []
|
|
9235
|
+
}
|
|
9236
|
+
},
|
|
9237
|
+
{
|
|
9238
|
+
"name": "table-horizontal-alignment",
|
|
9239
|
+
"description": "\n---\n",
|
|
9240
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-horizontal-alignment/properties",
|
|
9241
|
+
"attributes": [],
|
|
9242
|
+
"events": [],
|
|
9243
|
+
"js": {
|
|
9244
|
+
"properties": [{ "name": "rootElement", "type": "HTMLElement" }],
|
|
9245
|
+
"events": []
|
|
9246
|
+
}
|
|
9247
|
+
},
|
|
9248
|
+
{
|
|
9249
|
+
"name": "table-interactive-row",
|
|
9250
|
+
"description": "\n---\n",
|
|
9251
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-interactive-row/properties",
|
|
9252
|
+
"attributes": [],
|
|
9253
|
+
"events": [],
|
|
9254
|
+
"js": {
|
|
9255
|
+
"properties": [{ "name": "rootElement", "type": "HTMLElement" }],
|
|
9256
|
+
"events": []
|
|
9257
|
+
}
|
|
9258
|
+
},
|
|
9259
|
+
{
|
|
9260
|
+
"name": "table-mobile-variant",
|
|
9261
|
+
"description": "\n---\n",
|
|
9262
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-mobile-variant/properties",
|
|
9263
|
+
"attributes": [],
|
|
9264
|
+
"events": [],
|
|
9265
|
+
"js": {
|
|
9266
|
+
"properties": [{ "name": "rootElement", "type": "HTMLElement" }],
|
|
9267
|
+
"events": []
|
|
9268
|
+
}
|
|
9269
|
+
},
|
|
9270
|
+
{
|
|
9271
|
+
"name": "table-show-caption",
|
|
9272
|
+
"description": "\n---\n",
|
|
9273
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-show-caption/properties",
|
|
9274
|
+
"attributes": [],
|
|
9275
|
+
"events": [],
|
|
9276
|
+
"js": {
|
|
9277
|
+
"properties": [{ "name": "rootElement", "type": "HTMLElement" }],
|
|
9278
|
+
"events": []
|
|
9279
|
+
}
|
|
9280
|
+
},
|
|
9281
|
+
{
|
|
9282
|
+
"name": "table-size",
|
|
9283
|
+
"description": "\n---\n",
|
|
9284
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-size/properties",
|
|
9285
|
+
"attributes": [],
|
|
9286
|
+
"events": [],
|
|
9287
|
+
"js": {
|
|
9288
|
+
"properties": [{ "name": "rootElement", "type": "HTMLElement" }],
|
|
9289
|
+
"events": []
|
|
9290
|
+
}
|
|
9291
|
+
},
|
|
9292
|
+
{
|
|
9293
|
+
"name": "table-sticky-header",
|
|
9294
|
+
"description": "\n---\n",
|
|
9295
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-sticky-header/properties",
|
|
9296
|
+
"attributes": [],
|
|
9297
|
+
"events": [],
|
|
9298
|
+
"js": {
|
|
9299
|
+
"properties": [{ "name": "rootElement", "type": "HTMLElement" }],
|
|
9300
|
+
"events": []
|
|
9301
|
+
}
|
|
9302
|
+
},
|
|
9303
|
+
{
|
|
9304
|
+
"name": "table-sub-header-emphasis",
|
|
9305
|
+
"description": "\n---\n",
|
|
9306
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-sub-header-emphasis/properties",
|
|
9307
|
+
"attributes": [],
|
|
9308
|
+
"events": [],
|
|
9309
|
+
"js": {
|
|
9310
|
+
"properties": [{ "name": "rootElement", "type": "HTMLElement" }],
|
|
9311
|
+
"events": []
|
|
9312
|
+
}
|
|
9313
|
+
},
|
|
9314
|
+
{
|
|
9315
|
+
"name": "table-variant",
|
|
9316
|
+
"description": "\n---\n",
|
|
9317
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-variant/properties",
|
|
9318
|
+
"attributes": [],
|
|
9319
|
+
"events": [],
|
|
9320
|
+
"js": {
|
|
9321
|
+
"properties": [{ "name": "rootElement", "type": "HTMLElement" }],
|
|
9322
|
+
"events": []
|
|
9323
|
+
}
|
|
9324
|
+
},
|
|
9325
|
+
{
|
|
9326
|
+
"name": "table-vertical-alignment",
|
|
9327
|
+
"description": "\n---\n",
|
|
9328
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-vertical-alignment/properties",
|
|
9329
|
+
"attributes": [],
|
|
9330
|
+
"events": [],
|
|
9331
|
+
"js": {
|
|
9332
|
+
"properties": [{ "name": "rootElement", "type": "HTMLElement" }],
|
|
9333
|
+
"events": []
|
|
9334
|
+
}
|
|
9335
|
+
},
|
|
9336
|
+
{
|
|
9337
|
+
"name": "table-width",
|
|
9338
|
+
"description": "\n---\n",
|
|
9339
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-width/properties",
|
|
9340
|
+
"attributes": [],
|
|
9341
|
+
"events": [],
|
|
9342
|
+
"js": {
|
|
9343
|
+
"properties": [{ "name": "rootElement", "type": "HTMLElement" }],
|
|
9344
|
+
"events": []
|
|
9345
|
+
}
|
|
9346
|
+
},
|
|
9347
|
+
{
|
|
9348
|
+
"name": "table-showcase",
|
|
9349
|
+
"description": "\n---\n",
|
|
9350
|
+
"doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/table-showcase/properties",
|
|
9351
|
+
"attributes": [
|
|
9352
|
+
{
|
|
9353
|
+
"name": "is-patternhub",
|
|
9354
|
+
"value": { "type": "PatternhubProps[\"isPatternhub\"]" }
|
|
9355
|
+
}
|
|
9356
|
+
],
|
|
9357
|
+
"events": [],
|
|
9358
|
+
"js": {
|
|
9359
|
+
"properties": [
|
|
9360
|
+
{ "name": "rootElement", "type": "HTMLElement" },
|
|
9361
|
+
{
|
|
9362
|
+
"name": "isPatternhub",
|
|
9363
|
+
"type": "PatternhubProps[\"isPatternhub\"]"
|
|
9364
|
+
}
|
|
9365
|
+
],
|
|
9366
|
+
"events": []
|
|
9367
|
+
}
|
|
9368
|
+
},
|
|
8630
9369
|
{
|
|
8631
9370
|
"name": "tabs-density",
|
|
8632
9371
|
"description": "\n---\n",
|