@telesign/boreal-web-components 0.1.0-alpha.5 → 0.1.0-alpha.6
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/components-build/bds-avatar.js +1 -1
- package/components-build/bds-breadcrumb-item.d.ts +11 -0
- package/components-build/bds-breadcrumb-item.js +1 -0
- package/components-build/bds-breadcrumb.d.ts +11 -0
- package/components-build/bds-breadcrumb.js +1 -0
- package/components-build/bds-button-group.js +1 -1
- package/components-build/bds-button.js +1 -1
- package/components-build/bds-checkbox-button.d.ts +11 -0
- package/components-build/bds-checkbox-button.js +1 -0
- package/components-build/bds-checkbox-card.js +1 -1
- package/components-build/bds-checkbox-group.d.ts +11 -0
- package/components-build/bds-checkbox-group.js +1 -0
- package/components-build/bds-checkbox.js +1 -1
- package/components-build/bds-dialog.js +1 -1
- package/components-build/bds-divider.js +1 -1
- package/components-build/bds-flag.js +1 -1
- package/components-build/bds-grid-item.js +1 -1
- package/components-build/bds-grid.js +1 -1
- package/components-build/bds-list-menu-item.js +1 -1
- package/components-build/bds-list-menu.js +1 -1
- package/components-build/bds-popover.js +1 -1
- package/components-build/bds-radio-button.js +1 -1
- package/components-build/bds-radio-card.js +1 -1
- package/components-build/bds-radio-group.js +1 -1
- package/components-build/bds-radio.js +1 -1
- package/components-build/bds-select.d.ts +11 -0
- package/components-build/bds-select.js +1 -0
- package/components-build/bds-slider.d.ts +11 -0
- package/components-build/bds-slider.js +1 -0
- package/components-build/bds-tag.js +1 -1
- package/components-build/bds-text-field.js +1 -1
- package/components-build/bds-toggle.js +1 -1
- package/components-build/bds-tooltip.js +1 -1
- package/components-build/bds-typography.js +1 -1
- package/components-build/p-B6e9eIHB.js +1 -0
- package/components-build/p-CJBdGD_4.js +1 -0
- package/components-build/p-DcR7mHFE.js +1 -0
- package/components-build/p-DdOPD9wW.js +1 -0
- package/components-build/{p-BSlaf0ff.js → p-DoNZM78n.js} +1 -1
- package/components-build/p-DrkDx75U.js +1 -0
- package/components-build/p-DuBzr05c.js +1 -0
- package/components-build/p-PmjPRW8X.js +1 -0
- package/components-build/p-cgdh1LO-.js +1 -0
- package/components-build/p-yLNcMg2E.js +1 -0
- package/custom-elements.json +2723 -841
- package/dist/boreal-web-components/boreal-web-components.esm.js +1 -1
- package/dist/boreal-web-components/css/boreal.css +60 -0
- package/dist/boreal-web-components/css/theme-connect.css +15 -0
- package/dist/boreal-web-components/css/theme-engage.css +15 -0
- package/dist/boreal-web-components/css/theme-protect.css +15 -0
- package/dist/boreal-web-components/css/theme-proximus.css +15 -0
- package/dist/boreal-web-components/{p-7bb88855.entry.js → p-02e53626.entry.js} +1 -1
- package/dist/boreal-web-components/p-0357450d.system.entry.js +1 -0
- package/dist/boreal-web-components/{p-efe159aa.entry.js → p-1250ba53.entry.js} +1 -1
- package/dist/boreal-web-components/p-1911b978.entry.js +1 -0
- package/dist/boreal-web-components/p-1mOd23lT.system.js +1 -0
- package/dist/boreal-web-components/{p-48ebbfbe.system.entry.js → p-25823f7d.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-2db71382.system.entry.js +1 -0
- package/dist/boreal-web-components/p-367e40f9.entry.js +1 -0
- package/dist/boreal-web-components/p-3946d587.entry.js +1 -0
- package/dist/boreal-web-components/{p-4dc01078.system.entry.js → p-44b6fe6c.system.entry.js} +1 -1
- package/dist/boreal-web-components/{p-024d90b0.system.entry.js → p-48712a63.system.entry.js} +1 -1
- package/dist/boreal-web-components/{p-2adf2cd5.entry.js → p-49ea207a.entry.js} +1 -1
- package/dist/boreal-web-components/{p-7aff4c78.entry.js → p-4b028406.entry.js} +1 -1
- package/dist/boreal-web-components/p-4b615de8.system.entry.js +1 -0
- package/dist/boreal-web-components/{p-e0a41cab.system.entry.js → p-4f431941.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-524421f7.system.entry.js +1 -0
- package/dist/boreal-web-components/p-530c8c7f.entry.js +1 -0
- package/dist/boreal-web-components/p-55aeff0c.system.entry.js +1 -0
- package/dist/boreal-web-components/p-5c8650b3.system.entry.js +1 -0
- package/dist/boreal-web-components/p-5e590291.system.entry.js +1 -0
- package/dist/boreal-web-components/p-5ee0841f.entry.js +1 -0
- package/dist/boreal-web-components/{p-93066db4.system.entry.js → p-65923619.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-66ec16d9.entry.js +1 -0
- package/dist/boreal-web-components/{p-e55f2a8b.entry.js → p-714bf70d.entry.js} +1 -1
- package/dist/boreal-web-components/p-7626338e.system.entry.js +1 -0
- package/dist/boreal-web-components/p-7G4h4DI7.js +1 -0
- package/dist/boreal-web-components/p-800fc096.system.entry.js +1 -0
- package/dist/boreal-web-components/p-824485ad.entry.js +1 -0
- package/dist/boreal-web-components/p-8dfe3a9f.entry.js +1 -0
- package/dist/boreal-web-components/p-90022071.entry.js +1 -0
- package/dist/boreal-web-components/{p-7ebc67c9.entry.js → p-9d02057d.entry.js} +1 -1
- package/dist/boreal-web-components/{p-wREMI3WA.js → p-CcENtewr.js} +1 -1
- package/dist/boreal-web-components/p-Dk9dfU9-.system.js +1 -0
- package/dist/boreal-web-components/p-K7DvMlRo.system.js +1 -0
- package/dist/boreal-web-components/{p-DYlZcFrB.system.js → p-UEj9YHof.system.js} +1 -1
- package/dist/boreal-web-components/{p-147d6652.system.entry.js → p-b54fe67f.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-bbcd3a30.system.entry.js +1 -0
- package/dist/boreal-web-components/p-bea25d3d.system.entry.js +1 -0
- package/dist/boreal-web-components/p-bed506d3.entry.js +1 -0
- package/dist/boreal-web-components/p-bfd62034.system.entry.js +1 -0
- package/dist/boreal-web-components/p-c07d6b82.system.entry.js +1 -0
- package/dist/boreal-web-components/{p-7d3a8f61.entry.js → p-cc5c359f.entry.js} +1 -1
- package/dist/boreal-web-components/p-cgdh1LO-.js +1 -0
- package/dist/boreal-web-components/p-d2b6ae79.entry.js +1 -0
- package/dist/boreal-web-components/p-e21b8416.entry.js +1 -0
- package/dist/boreal-web-components/p-e4364a44.system.entry.js +1 -0
- package/dist/boreal-web-components/p-e51407b2.system.entry.js +1 -0
- package/dist/boreal-web-components/p-e8cde179.system.entry.js +1 -0
- package/dist/boreal-web-components/p-eecc3028.system.entry.js +1 -0
- package/dist/boreal-web-components/p-f3bd824d.system.entry.js +1 -0
- package/dist/boreal-web-components/p-f6eabb16.entry.js +1 -0
- package/dist/boreal-web-components/p-f7acf6e5.system.entry.js +1 -0
- package/dist/boreal-web-components/{p-6629be14.entry.js → p-f9560509.entry.js} +1 -1
- package/dist/boreal-web-components/p-fa128cad.system.entry.js +1 -0
- package/dist/boreal-web-components/p-fab1a01d.entry.js +1 -0
- package/dist/boreal-web-components/p-fb9ba833.entry.js +1 -0
- package/dist/boreal-web-components/p-fbe0c9f2.entry.js +1 -0
- package/dist/boreal-web-components/p-fbe88555.entry.js +1 -0
- package/dist/boreal-web-components/p-fc1fa966.system.entry.js +1 -0
- package/dist/boreal-web-components/p-fc4ffa0e.entry.js +1 -0
- package/dist/boreal-web-components/p-fef13445.entry.js +1 -0
- package/dist/boreal-web-components/p-qGhMe8Hk.js +1 -0
- package/dist/boreal-web-components/p-vzZJGcYF.system.js +1 -1
- package/dist/boreal-web-components/scss/maps/_theme-connect.scss +16 -1
- package/dist/boreal-web-components/scss/maps/_theme-engage.scss +16 -1
- package/dist/boreal-web-components/scss/maps/_theme-protect.scss +16 -1
- package/dist/boreal-web-components/scss/maps/_theme-proximus.scss +16 -1
- package/dist/boreal-web-components/scss/variables/_theme-connect.scss +16 -1
- package/dist/boreal-web-components/scss/variables/_theme-engage.scss +16 -1
- package/dist/boreal-web-components/scss/variables/_theme-protect.scss +16 -1
- package/dist/boreal-web-components/scss/variables/_theme-proximus.scss +16 -1
- package/dist/cjs/KeyboardController-B_g3peyB.js +1067 -0
- package/dist/cjs/Keys-DXn16dlA.js +34 -0
- package/dist/cjs/bds-avatar.cjs.entry.js +1 -1
- package/dist/cjs/bds-breadcrumb-item.cjs.entry.js +106 -0
- package/dist/cjs/bds-breadcrumb.cjs.entry.js +127 -0
- package/dist/cjs/bds-button-group.cjs.entry.js +23 -2
- package/dist/cjs/bds-button.cjs.entry.js +33 -6
- package/dist/cjs/bds-checkbox-button.cjs.entry.js +119 -0
- package/dist/cjs/bds-checkbox-card.cjs.entry.js +37 -23
- package/dist/cjs/bds-checkbox-group.cjs.entry.js +292 -0
- package/dist/cjs/bds-checkbox.cjs.entry.js +62 -31
- package/dist/cjs/bds-dialog.cjs.entry.js +3 -3
- package/dist/cjs/bds-divider.cjs.entry.js +1 -1
- package/dist/cjs/bds-flag.cjs.entry.js +1 -1
- package/dist/cjs/bds-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/bds-grid.cjs.entry.js +1 -1
- package/dist/cjs/bds-list-menu-item.cjs.entry.js +19 -8
- package/dist/cjs/bds-list-menu.cjs.entry.js +42 -7
- package/dist/cjs/bds-popover.cjs.entry.js +13 -5
- package/dist/cjs/bds-radio-button.cjs.entry.js +2 -2
- package/dist/cjs/bds-radio-card.cjs.entry.js +2 -2
- package/dist/cjs/bds-radio-group.cjs.entry.js +14 -8
- package/dist/cjs/bds-radio.cjs.entry.js +2 -2
- package/dist/cjs/bds-select.cjs.entry.js +394 -0
- package/dist/cjs/bds-slider.cjs.entry.js +655 -0
- package/dist/cjs/bds-tag.cjs.entry.js +1 -1
- package/dist/cjs/bds-text-field.cjs.entry.js +8 -3
- package/dist/cjs/bds-toggle.cjs.entry.js +1 -1
- package/dist/cjs/bds-tooltip_2.cjs.entry.js +7 -5
- package/dist/cjs/boreal-web-components.cjs.js +1 -1
- package/dist/cjs/checkbox-form-association-DTEpHXUD.js +43 -0
- package/dist/cjs/{getOffset-k4ezB-eT.js → getOffset-CsDHFjPW.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +16 -10
- package/dist/collection/components/actions/bds-button/bds-button.css +36 -36
- package/dist/collection/components/actions/bds-button/bds-button.js +29 -5
- package/dist/collection/components/actions/bds-button-group/bds-button-group.css +1 -1
- package/dist/collection/components/actions/bds-button-group/bds-button-group.js +21 -2
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.js +136 -3
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.css +5 -2
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.js +20 -7
- package/dist/collection/components/actions/bds-toggle/bds-toggle.css +3 -3
- package/dist/collection/components/feedback/bds-tag/bds-tag.css +6 -6
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox/bds-checkbox.css +132 -0
- package/dist/collection/components/forms/bds-checkbox/{bds-checkbox.js → bds-checkbox/bds-checkbox.js} +135 -38
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-button/bds-checkbox-button.css +113 -0
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-button/bds-checkbox-button.js +382 -0
- package/dist/collection/components/forms/{bds-checkbox-card → bds-checkbox/bds-checkbox-card}/bds-checkbox-card.css +15 -3
- package/dist/collection/components/forms/{bds-checkbox-card → bds-checkbox/bds-checkbox-card}/bds-checkbox-card.js +97 -51
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-group/bds-checkbox-group.css +55 -0
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-group/bds-checkbox-group.js +648 -0
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-group/types/enum.js +5 -0
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-group/types/index.js +3 -0
- package/dist/collection/components/forms/bds-checkbox/utils/checkbox-form-association.js +39 -0
- package/dist/collection/components/forms/bds-checkbox/utils/index.js +1 -0
- package/dist/collection/components/forms/bds-flag/bds-flag.js +1 -1
- package/dist/collection/components/forms/bds-radio/{bds-radio.css → bds-radio/bds-radio.css} +3 -3
- package/dist/collection/components/forms/bds-radio/{bds-radio.js → bds-radio/bds-radio.js} +2 -2
- package/dist/collection/components/forms/{bds-radio-button → bds-radio/bds-radio-button}/bds-radio-button.css +12 -8
- package/dist/collection/components/forms/{bds-radio-button → bds-radio/bds-radio-button}/bds-radio-button.js +2 -2
- package/dist/collection/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/bds-radio-card.css +2 -2
- package/dist/collection/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/bds-radio-card.js +9 -9
- package/dist/collection/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/bds-radio-group.js +51 -23
- package/dist/collection/components/forms/bds-select/bds-select.css +23 -0
- package/dist/collection/components/forms/bds-select/bds-select.js +431 -0
- package/dist/collection/components/forms/bds-slider/bds-slider.css +213 -0
- package/dist/collection/components/forms/bds-slider/bds-slider.js +847 -0
- package/dist/collection/components/forms/bds-slider/helpers/SliderDOMController.js +61 -0
- package/dist/collection/components/forms/bds-slider/helpers/SliderService.js +93 -0
- package/dist/collection/components/forms/bds-slider/helpers/index.js +3 -0
- package/dist/collection/components/forms/bds-slider/helpers/parseValues.js +43 -0
- package/dist/collection/components/forms/bds-slider/types/ISlider.js +1 -0
- package/dist/collection/components/forms/bds-slider/types/ISliderOptions.js +1 -0
- package/dist/collection/components/forms/bds-slider/types/enum.js +16 -0
- package/dist/collection/components/forms/bds-slider/types/index.js +5 -0
- package/dist/collection/components/forms/bds-slider/types/types.js +1 -0
- package/dist/collection/components/forms/bds-text-field/bds-text-field.css +10 -3
- package/dist/collection/components/forms/bds-text-field/bds-text-field.js +47 -2
- package/dist/collection/components/helpers/bds-divider/bds-divider.js +1 -1
- package/dist/collection/components/images-icons/bds-avatar/bds-avatar.js +1 -1
- package/dist/collection/components/layouts/bds-grid/{grid → bds-grid}/bds-grid.js +3 -3
- package/dist/collection/components/layouts/bds-grid/bds-grid/types/IGrid.js +1 -0
- package/dist/collection/components/layouts/bds-grid/bds-grid/types/types.js +1 -0
- package/dist/collection/components/layouts/bds-grid/{grid-item → bds-grid-item}/bds-grid-item.js +9 -9
- package/dist/collection/components/layouts/bds-grid/bds-grid-item/types/IGridItem.js +1 -0
- package/dist/collection/components/layouts/bds-grid/bds-grid-item/types/types.js +1 -0
- package/dist/collection/components/navigation/bds-breadcrumb/bds-breadcrumb.css +21 -0
- package/dist/collection/components/navigation/bds-breadcrumb/bds-breadcrumb.js +292 -0
- package/dist/collection/components/navigation/bds-breadcrumb/types/IBreadcrumb.js +1 -0
- package/dist/collection/components/navigation/bds-breadcrumb-item/bds-breadcrumb-item.css +64 -0
- package/dist/collection/components/navigation/bds-breadcrumb-item/bds-breadcrumb-item.js +369 -0
- package/dist/collection/components/navigation/bds-breadcrumb-item/types/IBreadcrumbItem.js +1 -0
- package/dist/collection/components/overlays/bds-dialog/bds-dialog.css +1 -1
- package/dist/collection/components/overlays/bds-dialog/bds-dialog.js +2 -2
- package/dist/collection/components/overlays/bds-popover/bds-popover.js +49 -3
- package/dist/collection/components/overlays/bds-tooltip/bds-tooltip.js +1 -1
- package/dist/collection/components/titles-text/bds-typography/bds-typography.js +30 -47
- package/dist/collection/components/titles-text/bds-typography/utils/bds-typography-utils.js +1 -1
- package/dist/collection/css/boreal.css +60 -0
- package/dist/collection/css/theme-connect.css +15 -0
- package/dist/collection/css/theme-engage.css +15 -0
- package/dist/collection/css/theme-protect.css +15 -0
- package/dist/collection/css/theme-proximus.css +15 -0
- package/dist/collection/mixins/menu-behavior.mixin.js +1 -1
- package/dist/collection/scss/maps/_theme-connect.scss +16 -1
- package/dist/collection/scss/maps/_theme-engage.scss +16 -1
- package/dist/collection/scss/maps/_theme-protect.scss +16 -1
- package/dist/collection/scss/maps/_theme-proximus.scss +16 -1
- package/dist/collection/scss/variables/_theme-connect.scss +16 -1
- package/dist/collection/scss/variables/_theme-engage.scss +16 -1
- package/dist/collection/scss/variables/_theme-protect.scss +16 -1
- package/dist/collection/scss/variables/_theme-proximus.scss +16 -1
- package/dist/collection/types/index.js +0 -1
- package/dist/collection/utils/a11y/index.js +4 -0
- package/dist/collection/utils/a11y/keyboard/KeyboardController.js +566 -0
- package/dist/collection/utils/a11y/keyboard/_constants.js +30 -0
- package/dist/collection/utils/a11y/keyboard/focus/aria-activedescendant.js +41 -0
- package/dist/collection/utils/a11y/keyboard/focus/resolve.js +48 -0
- package/dist/collection/utils/a11y/keyboard/focus/roving-tabindex.js +55 -0
- package/dist/collection/utils/a11y/keyboard/navigation/grid-navigation.js +194 -0
- package/dist/collection/utils/a11y/keyboard/navigation/linear-navigation.js +137 -0
- package/dist/collection/utils/a11y/keyboard/types/IKeyboardController.js +1 -0
- package/dist/collection/utils/a11y/keyboard/types/index.js +2 -0
- package/dist/collection/utils/a11y/keyboard/types/types.js +1 -0
- package/dist/collection/utils/constants/common/Keys.js +25 -6
- package/dist/collection/utils/dom/elements.js +63 -0
- package/dist/css/boreal.css +60 -0
- package/dist/css/theme-connect.css +15 -0
- package/dist/css/theme-engage.css +15 -0
- package/dist/css/theme-protect.css +15 -0
- package/dist/css/theme-proximus.css +15 -0
- package/dist/esm/KeyboardController-DcnXb5F5.js +1064 -0
- package/dist/esm/Keys-7G4h4DI7.js +31 -0
- package/dist/esm/bds-avatar.entry.js +1 -1
- package/dist/esm/bds-breadcrumb-item.entry.js +104 -0
- package/dist/esm/bds-breadcrumb.entry.js +125 -0
- package/dist/esm/bds-button-group.entry.js +23 -2
- package/dist/esm/bds-button.entry.js +33 -6
- package/dist/esm/bds-checkbox-button.entry.js +117 -0
- package/dist/esm/bds-checkbox-card.entry.js +37 -23
- package/dist/esm/bds-checkbox-group.entry.js +290 -0
- package/dist/esm/bds-checkbox.entry.js +62 -31
- package/dist/esm/bds-dialog.entry.js +3 -3
- package/dist/esm/bds-divider.entry.js +1 -1
- package/dist/esm/bds-flag.entry.js +1 -1
- package/dist/esm/bds-grid-item.entry.js +1 -1
- package/dist/esm/bds-grid.entry.js +1 -1
- package/dist/esm/bds-list-menu-item.entry.js +19 -8
- package/dist/esm/bds-list-menu.entry.js +38 -3
- package/dist/esm/bds-popover.entry.js +13 -5
- package/dist/esm/bds-radio-button.entry.js +2 -2
- package/dist/esm/bds-radio-card.entry.js +2 -2
- package/dist/esm/bds-radio-group.entry.js +14 -8
- package/dist/esm/bds-radio.entry.js +2 -2
- package/dist/esm/bds-select.entry.js +392 -0
- package/dist/esm/bds-slider.entry.js +653 -0
- package/dist/esm/bds-tag.entry.js +1 -1
- package/dist/esm/bds-text-field.entry.js +8 -3
- package/dist/esm/bds-toggle.entry.js +1 -1
- package/dist/esm/bds-tooltip_2.entry.js +7 -5
- package/dist/esm/boreal-web-components.js +1 -1
- package/dist/esm/checkbox-form-association-cgdh1LO-.js +41 -0
- package/dist/esm/{getOffset-BYS3c13B.js → getOffset-DCLpJBcp.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm-es5/KeyboardController-DcnXb5F5.js +1 -0
- package/dist/esm-es5/Keys-7G4h4DI7.js +1 -0
- package/dist/esm-es5/bds-avatar.entry.js +1 -1
- package/dist/esm-es5/bds-breadcrumb-item.entry.js +1 -0
- package/dist/esm-es5/bds-breadcrumb.entry.js +1 -0
- package/dist/esm-es5/bds-button-group.entry.js +1 -1
- package/dist/esm-es5/bds-button.entry.js +1 -1
- package/dist/esm-es5/bds-checkbox-button.entry.js +1 -0
- package/dist/esm-es5/bds-checkbox-card.entry.js +1 -1
- package/dist/esm-es5/bds-checkbox-group.entry.js +1 -0
- package/dist/esm-es5/bds-checkbox.entry.js +1 -1
- package/dist/esm-es5/bds-dialog.entry.js +1 -1
- package/dist/esm-es5/bds-divider.entry.js +1 -1
- package/dist/esm-es5/bds-flag.entry.js +1 -1
- package/dist/esm-es5/bds-grid-item.entry.js +1 -1
- package/dist/esm-es5/bds-grid.entry.js +1 -1
- package/dist/esm-es5/bds-list-menu-item.entry.js +1 -1
- package/dist/esm-es5/bds-list-menu.entry.js +1 -1
- package/dist/esm-es5/bds-popover.entry.js +1 -1
- package/dist/esm-es5/bds-radio-button.entry.js +1 -1
- package/dist/esm-es5/bds-radio-card.entry.js +1 -1
- package/dist/esm-es5/bds-radio-group.entry.js +1 -1
- package/dist/esm-es5/bds-radio.entry.js +1 -1
- package/dist/esm-es5/bds-select.entry.js +1 -0
- package/dist/esm-es5/bds-slider.entry.js +1 -0
- package/dist/esm-es5/bds-tag.entry.js +1 -1
- package/dist/esm-es5/bds-text-field.entry.js +1 -1
- package/dist/esm-es5/bds-toggle.entry.js +1 -1
- package/dist/esm-es5/bds-tooltip_2.entry.js +1 -1
- package/dist/esm-es5/boreal-web-components.js +1 -1
- package/dist/esm-es5/checkbox-form-association-cgdh1LO-.js +1 -0
- package/dist/esm-es5/{getOffset-BYS3c13B.js → getOffset-DCLpJBcp.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/scss/maps/_theme-connect.scss +16 -1
- package/dist/scss/maps/_theme-engage.scss +16 -1
- package/dist/scss/maps/_theme-protect.scss +16 -1
- package/dist/scss/maps/_theme-proximus.scss +16 -1
- package/dist/scss/variables/_theme-connect.scss +16 -1
- package/dist/scss/variables/_theme-engage.scss +16 -1
- package/dist/scss/variables/_theme-protect.scss +16 -1
- package/dist/scss/variables/_theme-proximus.scss +16 -1
- package/dist/types/components/actions/bds-button/bds-button.d.ts +4 -0
- package/dist/types/components/actions/bds-button-group/bds-button-group.d.ts +4 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.d.ts +13 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu/types/IListMenu.d.ts +3 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.d.ts +4 -1
- package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/IListMenuItem.d.ts +1 -0
- package/dist/types/components/actions/bds-toggle/types/IToggle.d.ts +1 -1
- package/dist/types/components/forms/bds-checkbox/{bds-checkbox.d.ts → bds-checkbox/bds-checkbox.d.ts} +23 -10
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-button/bds-checkbox-button.d.ts +68 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-button/types/ICheckboxButton.d.ts +15 -0
- package/dist/types/components/forms/{bds-checkbox-card → bds-checkbox/bds-checkbox-card}/bds-checkbox-card.d.ts +15 -22
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-card/types/ICheckboxCard.d.ts +9 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/bds-checkbox-group.d.ts +86 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/types/ICheckboxGroup.d.ts +27 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/types/enum.d.ts +6 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/types/index.d.ts +4 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/types/types.d.ts +4 -0
- package/dist/types/components/forms/bds-checkbox/types/ICheckbox.d.ts +7 -22
- package/dist/types/components/forms/bds-checkbox/utils/checkbox-form-association.d.ts +10 -0
- package/dist/types/components/forms/bds-checkbox/utils/index.d.ts +2 -0
- package/dist/types/components/forms/bds-radio/{bds-radio.d.ts → bds-radio/bds-radio.d.ts} +1 -1
- package/dist/types/components/forms/{bds-radio-button → bds-radio/bds-radio-button}/bds-radio-button.d.ts +1 -1
- package/dist/types/components/forms/{bds-radio-button → bds-radio/bds-radio-button}/types/IRadioButton.d.ts +1 -0
- package/dist/types/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/bds-radio-card.d.ts +1 -1
- package/dist/types/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/bds-radio-group.d.ts +13 -10
- package/dist/types/components/forms/bds-radio/bds-radio-group/types/IRadioGroup.d.ts +20 -0
- package/dist/types/components/forms/bds-select/bds-select.d.ts +98 -0
- package/dist/types/components/forms/bds-select/types/ISelect.d.ts +6 -0
- package/dist/types/components/forms/bds-slider/bds-slider.d.ts +176 -0
- package/dist/types/components/forms/bds-slider/helpers/SliderDOMController.d.ts +38 -0
- package/dist/types/components/forms/bds-slider/helpers/SliderService.d.ts +44 -0
- package/dist/types/components/forms/bds-slider/helpers/index.d.ts +4 -0
- package/dist/types/components/forms/bds-slider/helpers/parseValues.d.ts +18 -0
- package/dist/types/components/forms/bds-slider/types/ChangeDetail.d.ts +9 -0
- package/dist/types/components/forms/bds-slider/types/ISlider.d.ts +17 -0
- package/dist/types/components/forms/bds-slider/types/ISliderOptions.d.ts +31 -0
- package/dist/types/components/forms/bds-slider/types/enum.d.ts +17 -0
- package/dist/types/components/forms/bds-slider/types/index.d.ts +6 -0
- package/dist/types/components/forms/bds-slider/types/types.d.ts +5 -0
- package/dist/types/components/forms/bds-text-field/bds-text-field.d.ts +4 -0
- package/dist/types/components/navigation/bds-breadcrumb/bds-breadcrumb.d.ts +57 -0
- package/dist/types/components/navigation/bds-breadcrumb/types/IBreadcrumb.d.ts +17 -0
- package/dist/types/components/navigation/bds-breadcrumb-item/bds-breadcrumb-item.d.ts +83 -0
- package/dist/types/components/navigation/bds-breadcrumb-item/types/IBreadcrumbItem.d.ts +20 -0
- package/dist/types/components/overlays/bds-popover/bds-popover.d.ts +4 -0
- package/dist/types/components/titles-text/bds-typography/bds-typography.d.ts +2 -46
- package/dist/types/components/titles-text/bds-typography/types/ITypography.d.ts +1 -0
- package/dist/types/components.d.ts +1136 -277
- package/dist/types/types/form.d.ts +24 -0
- package/dist/types/types/index.d.ts +0 -1
- package/dist/types/utils/a11y/index.d.ts +4 -0
- package/dist/types/utils/a11y/keyboard/KeyboardController.d.ts +321 -0
- package/dist/types/utils/a11y/keyboard/_constants.d.ts +28 -0
- package/dist/types/utils/a11y/keyboard/focus/aria-activedescendant.d.ts +17 -0
- package/dist/types/utils/a11y/keyboard/focus/resolve.d.ts +23 -0
- package/dist/types/utils/a11y/keyboard/focus/roving-tabindex.d.ts +20 -0
- package/dist/types/utils/a11y/keyboard/navigation/grid-navigation.d.ts +9 -0
- package/dist/types/utils/a11y/keyboard/navigation/linear-navigation.d.ts +13 -0
- package/dist/types/utils/a11y/keyboard/types/IKeyboardController.d.ts +125 -0
- package/dist/types/utils/a11y/keyboard/types/index.d.ts +3 -0
- package/dist/types/utils/a11y/keyboard/types/types.d.ts +6 -0
- package/dist/types/utils/constants/common/Keys.d.ts +23 -6
- package/dist/types/utils/dom/elements.d.ts +41 -0
- package/package.json +1 -1
- package/components-build/p-Cbibqaz0.js +0 -1
- package/components-build/p-ClR-wgiT.js +0 -1
- package/components-build/p-N_tqtRV2.js +0 -1
- package/components-build/p-bAMuJ4Jx.js +0 -1
- package/components-build/p-c2z3tneT.js +0 -1
- package/components-build/p-dz9-Q2N8.js +0 -1
- package/components-build/p-iq2UuV7c.js +0 -1
- package/dist/boreal-web-components/p-06DrzEMB.system.js +0 -1
- package/dist/boreal-web-components/p-11e4c0ec.system.entry.js +0 -1
- package/dist/boreal-web-components/p-148d510f.entry.js +0 -1
- package/dist/boreal-web-components/p-277f142e.system.entry.js +0 -1
- package/dist/boreal-web-components/p-2be4aa3a.system.entry.js +0 -1
- package/dist/boreal-web-components/p-340896b2.entry.js +0 -1
- package/dist/boreal-web-components/p-3d4ce8eb.system.entry.js +0 -1
- package/dist/boreal-web-components/p-44a8fde5.entry.js +0 -1
- package/dist/boreal-web-components/p-5681b294.system.entry.js +0 -1
- package/dist/boreal-web-components/p-5ed75075.entry.js +0 -1
- package/dist/boreal-web-components/p-635f676b.system.entry.js +0 -1
- package/dist/boreal-web-components/p-68b83680.system.entry.js +0 -1
- package/dist/boreal-web-components/p-6a60d134.system.entry.js +0 -1
- package/dist/boreal-web-components/p-7e672cce.entry.js +0 -1
- package/dist/boreal-web-components/p-81401e2a.system.entry.js +0 -1
- package/dist/boreal-web-components/p-8289e506.entry.js +0 -1
- package/dist/boreal-web-components/p-82d15372.entry.js +0 -1
- package/dist/boreal-web-components/p-851c06f2.entry.js +0 -1
- package/dist/boreal-web-components/p-8a3716ec.entry.js +0 -1
- package/dist/boreal-web-components/p-8f4f8af0.system.entry.js +0 -1
- package/dist/boreal-web-components/p-DlYG-OVB.js +0 -1
- package/dist/boreal-web-components/p-DpnBDSUm.system.js +0 -1
- package/dist/boreal-web-components/p-a73659ac.system.entry.js +0 -1
- package/dist/boreal-web-components/p-b2ad9535.system.entry.js +0 -1
- package/dist/boreal-web-components/p-d4c30d2b.entry.js +0 -1
- package/dist/boreal-web-components/p-db0c10b9.system.entry.js +0 -1
- package/dist/boreal-web-components/p-dca16a3d.entry.js +0 -1
- package/dist/boreal-web-components/p-de846c43.system.entry.js +0 -1
- package/dist/boreal-web-components/p-df087e23.system.entry.js +0 -1
- package/dist/boreal-web-components/p-dfb4854e.entry.js +0 -1
- package/dist/boreal-web-components/p-dz9-Q2N8.js +0 -1
- package/dist/boreal-web-components/p-e09b4d14.system.entry.js +0 -1
- package/dist/boreal-web-components/p-e7af1e1a.entry.js +0 -1
- package/dist/boreal-web-components/p-f792aa74.entry.js +0 -1
- package/dist/cjs/Keys-rKl2za5q.js +0 -18
- package/dist/cjs/menu-BxKaEajh.js +0 -8
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox.css +0 -91
- package/dist/esm/Keys-DlYG-OVB.js +0 -16
- package/dist/esm/menu-dz9-Q2N8.js +0 -6
- package/dist/esm-es5/Keys-DlYG-OVB.js +0 -1
- package/dist/esm-es5/menu-dz9-Q2N8.js +0 -1
- package/dist/types/components/forms/bds-checkbox-card/types/ICheckboxCard.d.ts +0 -8
- package/dist/types/components/forms/bds-radio-group/types/IRadioGroup.d.ts +0 -19
- package/dist/types/types/IFormProps.d.ts +0 -25
- /package/dist/collection/components/forms/{bds-checkbox-card/types/ICheckboxCard.js → bds-checkbox/bds-checkbox-button/types/ICheckboxButton.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-button/types/IRadioButton.js → bds-checkbox/bds-checkbox-card/types/ICheckboxCard.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-card/types/IRadioCard.js → bds-checkbox/bds-checkbox-group/types/ICheckboxGroup.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-group → bds-checkbox/bds-checkbox-group}/types/types.js +0 -0
- /package/dist/collection/components/{layouts/bds-grid/grid/types/IGrid.js → forms/bds-radio/bds-radio/types/IRadio.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-group/types/IRadioGroup.js → bds-radio/bds-radio-button/types/IRadioButton.js} +0 -0
- /package/dist/collection/components/forms/bds-radio/{types/IRadio.js → bds-radio-card/types/IRadioCard.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/bds-radio-group.css +0 -0
- /package/dist/collection/components/{layouts/bds-grid/grid-item/types/IGridItem.js → forms/bds-radio/bds-radio-group/types/IRadioGroup.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/types/enum.js +0 -0
- /package/dist/collection/components/{layouts/bds-grid/grid-item → forms/bds-radio/bds-radio-group}/types/types.js +0 -0
- /package/dist/collection/components/{layouts/bds-grid/grid/types/types.js → forms/bds-select/types/ISelect.js} +0 -0
- /package/dist/collection/{types/IFormProps.js → components/forms/bds-slider/types/ChangeDetail.js} +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid → bds-grid}/bds-grid.css +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid → bds-grid}/types/enum.js +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid → bds-grid}/types/index.js +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid-item → bds-grid-item}/bds-grid-item.css +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/enum.js +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/index.js +0 -0
- /package/dist/types/components/forms/bds-radio/{types → bds-radio/types}/IRadio.d.ts +0 -0
- /package/dist/types/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/types/IRadioCard.d.ts +0 -0
- /package/dist/types/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/types/enum.d.ts +0 -0
- /package/dist/types/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/types/types.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/bds-grid.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/types/IGrid.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/types/enum.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/types/index.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/types/types.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/bds-grid-item.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/IGridItem.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/enum.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/index.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/types.d.ts +0 -0
package/custom-elements.json
CHANGED
|
@@ -441,6 +441,398 @@
|
|
|
441
441
|
}
|
|
442
442
|
]
|
|
443
443
|
},
|
|
444
|
+
{
|
|
445
|
+
"kind": "javascript-module",
|
|
446
|
+
"path": "src/components/navigation/bds-breadcrumb/bds-breadcrumb.tsx",
|
|
447
|
+
"declarations": [
|
|
448
|
+
{
|
|
449
|
+
"kind": "class",
|
|
450
|
+
"customElement": true,
|
|
451
|
+
"tagName": "bds-breadcrumb",
|
|
452
|
+
"name": "BdsBreadcrumb",
|
|
453
|
+
"attributes": [
|
|
454
|
+
{
|
|
455
|
+
"name": "items-after-collapse",
|
|
456
|
+
"description": "Number of items visible at the end after collapse occurs.",
|
|
457
|
+
"type": {
|
|
458
|
+
"text": "number"
|
|
459
|
+
},
|
|
460
|
+
"default": "1",
|
|
461
|
+
"fieldName": "itemsAfterCollapse"
|
|
462
|
+
},
|
|
463
|
+
{
|
|
464
|
+
"name": "items-before-collapse",
|
|
465
|
+
"description": "Number of items visible at the start before collapse occurs.",
|
|
466
|
+
"type": {
|
|
467
|
+
"text": "number"
|
|
468
|
+
},
|
|
469
|
+
"default": "1",
|
|
470
|
+
"fieldName": "itemsBeforeCollapse"
|
|
471
|
+
},
|
|
472
|
+
{
|
|
473
|
+
"name": "max-items",
|
|
474
|
+
"description": "Maximum number of breadcrumb items visible before collapsing.\nIf set to 0 or undefined, no collapsing is applied.",
|
|
475
|
+
"type": {
|
|
476
|
+
"text": "number"
|
|
477
|
+
},
|
|
478
|
+
"default": "0",
|
|
479
|
+
"fieldName": "maxItems"
|
|
480
|
+
},
|
|
481
|
+
{
|
|
482
|
+
"name": "separator",
|
|
483
|
+
"description": "Separator rendered between breadcrumb items.",
|
|
484
|
+
"type": {
|
|
485
|
+
"text": "string"
|
|
486
|
+
},
|
|
487
|
+
"default": "'/'",
|
|
488
|
+
"fieldName": "separator"
|
|
489
|
+
}
|
|
490
|
+
],
|
|
491
|
+
"members": [
|
|
492
|
+
{
|
|
493
|
+
"kind": "field",
|
|
494
|
+
"name": "itemsAfterCollapse",
|
|
495
|
+
"description": "Number of items visible at the end after collapse occurs.",
|
|
496
|
+
"type": {
|
|
497
|
+
"text": "number"
|
|
498
|
+
},
|
|
499
|
+
"default": "1",
|
|
500
|
+
"readonly": true,
|
|
501
|
+
"attribute": "items-after-collapse"
|
|
502
|
+
},
|
|
503
|
+
{
|
|
504
|
+
"kind": "field",
|
|
505
|
+
"name": "itemsBeforeCollapse",
|
|
506
|
+
"description": "Number of items visible at the start before collapse occurs.",
|
|
507
|
+
"type": {
|
|
508
|
+
"text": "number"
|
|
509
|
+
},
|
|
510
|
+
"default": "1",
|
|
511
|
+
"readonly": true,
|
|
512
|
+
"attribute": "items-before-collapse"
|
|
513
|
+
},
|
|
514
|
+
{
|
|
515
|
+
"kind": "field",
|
|
516
|
+
"name": "maxItems",
|
|
517
|
+
"description": "Maximum number of breadcrumb items visible before collapsing.\nIf set to 0 or undefined, no collapsing is applied.",
|
|
518
|
+
"type": {
|
|
519
|
+
"text": "number"
|
|
520
|
+
},
|
|
521
|
+
"default": "0",
|
|
522
|
+
"readonly": true,
|
|
523
|
+
"attribute": "max-items"
|
|
524
|
+
},
|
|
525
|
+
{
|
|
526
|
+
"kind": "field",
|
|
527
|
+
"name": "separator",
|
|
528
|
+
"description": "Separator rendered between breadcrumb items.",
|
|
529
|
+
"type": {
|
|
530
|
+
"text": "string"
|
|
531
|
+
},
|
|
532
|
+
"default": "'/'",
|
|
533
|
+
"readonly": true,
|
|
534
|
+
"attribute": "separator"
|
|
535
|
+
}
|
|
536
|
+
],
|
|
537
|
+
"events": [
|
|
538
|
+
{
|
|
539
|
+
"name": "bdsClickBreadcrumb",
|
|
540
|
+
"description": "Emitted when a breadcrumb item is clicked.",
|
|
541
|
+
"type": {
|
|
542
|
+
"text": "CustomEvent<{ element: HTMLElement; index?: number; href?: string; router?: boolean; }>",
|
|
543
|
+
"references": [
|
|
544
|
+
{
|
|
545
|
+
"name": "BdsClickBreadcrumbEvent",
|
|
546
|
+
"module": "./types/IBreadcrumb"
|
|
547
|
+
}
|
|
548
|
+
]
|
|
549
|
+
}
|
|
550
|
+
},
|
|
551
|
+
{
|
|
552
|
+
"name": "bdsClickCollapsed",
|
|
553
|
+
"description": "Emitted when the collapse indicator (\"...\") is clicked.\nReturns a reference to the clicked element and the list of collapsed breadcrumb items.",
|
|
554
|
+
"type": {
|
|
555
|
+
"text": "CustomEvent<{ element: HTMLElement; collapsedBreadcrumbs: HTMLBdsBreadcrumbItemElement[]; }>",
|
|
556
|
+
"references": [
|
|
557
|
+
{
|
|
558
|
+
"name": "BdsClickCollapsedEvent",
|
|
559
|
+
"module": "./types/IBreadcrumb"
|
|
560
|
+
}
|
|
561
|
+
]
|
|
562
|
+
}
|
|
563
|
+
}
|
|
564
|
+
],
|
|
565
|
+
"slots": [
|
|
566
|
+
{
|
|
567
|
+
"name": "",
|
|
568
|
+
"description": "The content of the bds-breadcrumb group. It's meant for multiple `<bds-breadcrumb-item>` elements."
|
|
569
|
+
}
|
|
570
|
+
]
|
|
571
|
+
}
|
|
572
|
+
],
|
|
573
|
+
"exports": [
|
|
574
|
+
{
|
|
575
|
+
"kind": "js",
|
|
576
|
+
"name": "BdsBreadcrumb",
|
|
577
|
+
"declaration": {
|
|
578
|
+
"name": "BdsBreadcrumb"
|
|
579
|
+
}
|
|
580
|
+
},
|
|
581
|
+
{
|
|
582
|
+
"kind": "custom-element-definition",
|
|
583
|
+
"name": "bds-breadcrumb",
|
|
584
|
+
"declaration": {
|
|
585
|
+
"name": "BdsBreadcrumb"
|
|
586
|
+
}
|
|
587
|
+
}
|
|
588
|
+
]
|
|
589
|
+
},
|
|
590
|
+
{
|
|
591
|
+
"kind": "javascript-module",
|
|
592
|
+
"path": "src/components/navigation/bds-breadcrumb-item/bds-breadcrumb-item.tsx",
|
|
593
|
+
"declarations": [
|
|
594
|
+
{
|
|
595
|
+
"kind": "class",
|
|
596
|
+
"customElement": true,
|
|
597
|
+
"tagName": "bds-breadcrumb-item",
|
|
598
|
+
"name": "BdsBreadcrumbItem",
|
|
599
|
+
"attributes": [
|
|
600
|
+
{
|
|
601
|
+
"name": "active",
|
|
602
|
+
"description": "Marks this breadcrumb item as the current page.\n\nWhen true, the item is non-interactive and has aria-current=\"page\".",
|
|
603
|
+
"type": {
|
|
604
|
+
"text": "boolean"
|
|
605
|
+
},
|
|
606
|
+
"default": "false",
|
|
607
|
+
"fieldName": "active"
|
|
608
|
+
},
|
|
609
|
+
{
|
|
610
|
+
"name": "collapsed",
|
|
611
|
+
"description": "Internal prop controlled by the parent breadcrumb.\nIndicates that this item is part of a collapsed range.",
|
|
612
|
+
"type": {
|
|
613
|
+
"text": "boolean"
|
|
614
|
+
},
|
|
615
|
+
"default": "false",
|
|
616
|
+
"fieldName": "collapsed"
|
|
617
|
+
},
|
|
618
|
+
{
|
|
619
|
+
"name": "downloadable",
|
|
620
|
+
"description": "Enables download behavior for the link.",
|
|
621
|
+
"type": {
|
|
622
|
+
"text": "boolean"
|
|
623
|
+
},
|
|
624
|
+
"default": "false",
|
|
625
|
+
"fieldName": "downloadable"
|
|
626
|
+
},
|
|
627
|
+
{
|
|
628
|
+
"name": "filename",
|
|
629
|
+
"description": "Suggested filename for the downloaded file.",
|
|
630
|
+
"type": {
|
|
631
|
+
"text": "string"
|
|
632
|
+
},
|
|
633
|
+
"default": "'filename'",
|
|
634
|
+
"fieldName": "filename"
|
|
635
|
+
},
|
|
636
|
+
{
|
|
637
|
+
"name": "href",
|
|
638
|
+
"description": "URL for the breadcrumb link.",
|
|
639
|
+
"type": {
|
|
640
|
+
"text": "string"
|
|
641
|
+
},
|
|
642
|
+
"default": "''",
|
|
643
|
+
"fieldName": "href"
|
|
644
|
+
},
|
|
645
|
+
{
|
|
646
|
+
"name": "rel",
|
|
647
|
+
"description": "Relationship between the current document and the linked resource.",
|
|
648
|
+
"type": {
|
|
649
|
+
"text": "string"
|
|
650
|
+
},
|
|
651
|
+
"default": "''",
|
|
652
|
+
"fieldName": "rel"
|
|
653
|
+
},
|
|
654
|
+
{
|
|
655
|
+
"name": "router",
|
|
656
|
+
"description": "Enables router-based navigation instead of native link navigation.",
|
|
657
|
+
"type": {
|
|
658
|
+
"text": "boolean"
|
|
659
|
+
},
|
|
660
|
+
"default": "false",
|
|
661
|
+
"fieldName": "router"
|
|
662
|
+
},
|
|
663
|
+
{
|
|
664
|
+
"name": "show-collapse",
|
|
665
|
+
"description": "Internal prop controlled by the parent breadcrumb.\nRenders the collapse indicator (\"...\") for hidden items.",
|
|
666
|
+
"type": {
|
|
667
|
+
"text": "boolean"
|
|
668
|
+
},
|
|
669
|
+
"default": "false",
|
|
670
|
+
"fieldName": "showCollapse"
|
|
671
|
+
},
|
|
672
|
+
{
|
|
673
|
+
"name": "target",
|
|
674
|
+
"description": "Specifies where to open the linked document.",
|
|
675
|
+
"type": {
|
|
676
|
+
"text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
|
|
677
|
+
},
|
|
678
|
+
"default": "'_self'",
|
|
679
|
+
"fieldName": "target"
|
|
680
|
+
}
|
|
681
|
+
],
|
|
682
|
+
"members": [
|
|
683
|
+
{
|
|
684
|
+
"kind": "field",
|
|
685
|
+
"name": "active",
|
|
686
|
+
"description": "Marks this breadcrumb item as the current page.\n\nWhen true, the item is non-interactive and has aria-current=\"page\".",
|
|
687
|
+
"type": {
|
|
688
|
+
"text": "boolean"
|
|
689
|
+
},
|
|
690
|
+
"default": "false",
|
|
691
|
+
"readonly": true,
|
|
692
|
+
"attribute": "active"
|
|
693
|
+
},
|
|
694
|
+
{
|
|
695
|
+
"kind": "field",
|
|
696
|
+
"name": "collapsed",
|
|
697
|
+
"description": "Internal prop controlled by the parent breadcrumb.\nIndicates that this item is part of a collapsed range.",
|
|
698
|
+
"type": {
|
|
699
|
+
"text": "boolean"
|
|
700
|
+
},
|
|
701
|
+
"default": "false",
|
|
702
|
+
"readonly": true,
|
|
703
|
+
"attribute": "collapsed"
|
|
704
|
+
},
|
|
705
|
+
{
|
|
706
|
+
"kind": "field",
|
|
707
|
+
"name": "downloadable",
|
|
708
|
+
"description": "Enables download behavior for the link.",
|
|
709
|
+
"type": {
|
|
710
|
+
"text": "boolean"
|
|
711
|
+
},
|
|
712
|
+
"default": "false",
|
|
713
|
+
"readonly": true,
|
|
714
|
+
"attribute": "downloadable"
|
|
715
|
+
},
|
|
716
|
+
{
|
|
717
|
+
"kind": "field",
|
|
718
|
+
"name": "filename",
|
|
719
|
+
"description": "Suggested filename for the downloaded file.",
|
|
720
|
+
"type": {
|
|
721
|
+
"text": "string"
|
|
722
|
+
},
|
|
723
|
+
"default": "'filename'",
|
|
724
|
+
"readonly": true,
|
|
725
|
+
"attribute": "filename"
|
|
726
|
+
},
|
|
727
|
+
{
|
|
728
|
+
"kind": "field",
|
|
729
|
+
"name": "href",
|
|
730
|
+
"description": "URL for the breadcrumb link.",
|
|
731
|
+
"type": {
|
|
732
|
+
"text": "string"
|
|
733
|
+
},
|
|
734
|
+
"default": "''",
|
|
735
|
+
"readonly": true,
|
|
736
|
+
"attribute": "href"
|
|
737
|
+
},
|
|
738
|
+
{
|
|
739
|
+
"kind": "field",
|
|
740
|
+
"name": "rel",
|
|
741
|
+
"description": "Relationship between the current document and the linked resource.",
|
|
742
|
+
"type": {
|
|
743
|
+
"text": "string"
|
|
744
|
+
},
|
|
745
|
+
"default": "''",
|
|
746
|
+
"readonly": true,
|
|
747
|
+
"attribute": "rel"
|
|
748
|
+
},
|
|
749
|
+
{
|
|
750
|
+
"kind": "field",
|
|
751
|
+
"name": "router",
|
|
752
|
+
"description": "Enables router-based navigation instead of native link navigation.",
|
|
753
|
+
"type": {
|
|
754
|
+
"text": "boolean"
|
|
755
|
+
},
|
|
756
|
+
"default": "false",
|
|
757
|
+
"readonly": true,
|
|
758
|
+
"attribute": "router"
|
|
759
|
+
},
|
|
760
|
+
{
|
|
761
|
+
"kind": "field",
|
|
762
|
+
"name": "showCollapse",
|
|
763
|
+
"description": "Internal prop controlled by the parent breadcrumb.\nRenders the collapse indicator (\"...\") for hidden items.",
|
|
764
|
+
"type": {
|
|
765
|
+
"text": "boolean"
|
|
766
|
+
},
|
|
767
|
+
"default": "false",
|
|
768
|
+
"readonly": true,
|
|
769
|
+
"attribute": "show-collapse"
|
|
770
|
+
},
|
|
771
|
+
{
|
|
772
|
+
"kind": "field",
|
|
773
|
+
"name": "target",
|
|
774
|
+
"description": "Specifies where to open the linked document.",
|
|
775
|
+
"type": {
|
|
776
|
+
"text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
|
|
777
|
+
},
|
|
778
|
+
"default": "'_self'",
|
|
779
|
+
"readonly": true,
|
|
780
|
+
"attribute": "target"
|
|
781
|
+
}
|
|
782
|
+
],
|
|
783
|
+
"events": [
|
|
784
|
+
{
|
|
785
|
+
"name": "bdsClick",
|
|
786
|
+
"description": "Emitted when a breadcrumb item is clicked.",
|
|
787
|
+
"type": {
|
|
788
|
+
"text": "CustomEvent<{ element: HTMLBdsBreadcrumbItemElement; href?: string; router: boolean; }>",
|
|
789
|
+
"references": [
|
|
790
|
+
{
|
|
791
|
+
"name": "BdsClickItemEvent",
|
|
792
|
+
"module": "./types/IBreadcrumbItem"
|
|
793
|
+
}
|
|
794
|
+
]
|
|
795
|
+
}
|
|
796
|
+
},
|
|
797
|
+
{
|
|
798
|
+
"name": "bdsClickCollapse",
|
|
799
|
+
"description": "Emitted when the collapse indicator (\"...\") is activated.",
|
|
800
|
+
"type": {
|
|
801
|
+
"text": "CustomEvent<{ element: HTMLElement; }>",
|
|
802
|
+
"references": [
|
|
803
|
+
{
|
|
804
|
+
"name": "BdsClickCollapseEvent",
|
|
805
|
+
"module": "./types/IBreadcrumbItem"
|
|
806
|
+
}
|
|
807
|
+
]
|
|
808
|
+
}
|
|
809
|
+
}
|
|
810
|
+
],
|
|
811
|
+
"slots": [
|
|
812
|
+
{
|
|
813
|
+
"name": "",
|
|
814
|
+
"description": "The text content of the breadcrumb item, can include simple text or text with icons."
|
|
815
|
+
}
|
|
816
|
+
]
|
|
817
|
+
}
|
|
818
|
+
],
|
|
819
|
+
"exports": [
|
|
820
|
+
{
|
|
821
|
+
"kind": "js",
|
|
822
|
+
"name": "BdsBreadcrumbItem",
|
|
823
|
+
"declaration": {
|
|
824
|
+
"name": "BdsBreadcrumbItem"
|
|
825
|
+
}
|
|
826
|
+
},
|
|
827
|
+
{
|
|
828
|
+
"kind": "custom-element-definition",
|
|
829
|
+
"name": "bds-breadcrumb-item",
|
|
830
|
+
"declaration": {
|
|
831
|
+
"name": "BdsBreadcrumbItem"
|
|
832
|
+
}
|
|
833
|
+
}
|
|
834
|
+
]
|
|
835
|
+
},
|
|
444
836
|
{
|
|
445
837
|
"kind": "javascript-module",
|
|
446
838
|
"path": "src/components/actions/bds-button/bds-button.tsx",
|
|
@@ -465,9 +857,149 @@
|
|
|
465
857
|
]
|
|
466
858
|
},
|
|
467
859
|
"default": "CORE_COLORS.DEFAULT",
|
|
468
|
-
"fieldName": "color"
|
|
860
|
+
"fieldName": "color"
|
|
861
|
+
},
|
|
862
|
+
{
|
|
863
|
+
"name": "disabled",
|
|
864
|
+
"description": "disabled is a boolean attribute. Disables the button when true, preventing user interaction and applying disabled styles.",
|
|
865
|
+
"type": {
|
|
866
|
+
"text": "boolean",
|
|
867
|
+
"references": [
|
|
868
|
+
{
|
|
869
|
+
"name": "IButton",
|
|
870
|
+
"module": "./types/IButton"
|
|
871
|
+
}
|
|
872
|
+
]
|
|
873
|
+
},
|
|
874
|
+
"default": "false",
|
|
875
|
+
"fieldName": "disabled"
|
|
876
|
+
},
|
|
877
|
+
{
|
|
878
|
+
"name": "disclosure",
|
|
879
|
+
"description": "disclosure is a boolean attribute. Used to show a chevron down at the of the content",
|
|
880
|
+
"type": {
|
|
881
|
+
"text": "boolean",
|
|
882
|
+
"references": [
|
|
883
|
+
{
|
|
884
|
+
"name": "IButton",
|
|
885
|
+
"module": "./types/IButton"
|
|
886
|
+
}
|
|
887
|
+
]
|
|
888
|
+
},
|
|
889
|
+
"default": "false",
|
|
890
|
+
"fieldName": "disclosure"
|
|
891
|
+
},
|
|
892
|
+
{
|
|
893
|
+
"name": "label",
|
|
894
|
+
"description": "The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.",
|
|
895
|
+
"type": {
|
|
896
|
+
"text": "string",
|
|
897
|
+
"references": [
|
|
898
|
+
{
|
|
899
|
+
"name": "IButton",
|
|
900
|
+
"module": "./types/IButton"
|
|
901
|
+
}
|
|
902
|
+
]
|
|
903
|
+
},
|
|
904
|
+
"default": "''",
|
|
905
|
+
"fieldName": "label"
|
|
906
|
+
},
|
|
907
|
+
{
|
|
908
|
+
"name": "loading",
|
|
909
|
+
"description": "loading is a boolean attribute. Indicates whether the button is in a loading state, which can be used to show a loading spinner and disable the button. Default is false.",
|
|
910
|
+
"type": {
|
|
911
|
+
"text": "boolean",
|
|
912
|
+
"references": [
|
|
913
|
+
{
|
|
914
|
+
"name": "IButton",
|
|
915
|
+
"module": "./types/IButton"
|
|
916
|
+
}
|
|
917
|
+
]
|
|
918
|
+
},
|
|
919
|
+
"default": "false",
|
|
920
|
+
"fieldName": "loading"
|
|
921
|
+
},
|
|
922
|
+
{
|
|
923
|
+
"name": "name",
|
|
924
|
+
"description": "name is a string attribute. The name attribute for the button, useful for form submissions.",
|
|
925
|
+
"type": {
|
|
926
|
+
"text": "string",
|
|
927
|
+
"references": [
|
|
928
|
+
{
|
|
929
|
+
"name": "IButton",
|
|
930
|
+
"module": "./types/IButton"
|
|
931
|
+
}
|
|
932
|
+
]
|
|
933
|
+
},
|
|
934
|
+
"default": "''",
|
|
935
|
+
"fieldName": "name"
|
|
936
|
+
},
|
|
937
|
+
{
|
|
938
|
+
"name": "size",
|
|
939
|
+
"description": "size is a string attribute. The size of the button, which can be 'sm', 'md', or 'lg'. Default is 'md'.",
|
|
940
|
+
"type": {
|
|
941
|
+
"text": "\"lg\" | \"md\" | \"sm\"",
|
|
942
|
+
"references": [
|
|
943
|
+
{
|
|
944
|
+
"name": "IButton",
|
|
945
|
+
"module": "./types/IButton"
|
|
946
|
+
}
|
|
947
|
+
]
|
|
948
|
+
},
|
|
949
|
+
"default": "BUTTON_SIZES.MEDIUM",
|
|
950
|
+
"fieldName": "size"
|
|
951
|
+
},
|
|
952
|
+
{
|
|
953
|
+
"name": "type",
|
|
954
|
+
"description": "type is a string attribute. The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.",
|
|
955
|
+
"type": {
|
|
956
|
+
"text": "\"button\" | \"reset\" | \"submit\"",
|
|
957
|
+
"references": [
|
|
958
|
+
{
|
|
959
|
+
"name": "IButton",
|
|
960
|
+
"module": "./types/IButton"
|
|
961
|
+
}
|
|
962
|
+
]
|
|
963
|
+
},
|
|
964
|
+
"default": "BUTTON_TYPES.BUTTON",
|
|
965
|
+
"fieldName": "type"
|
|
966
|
+
},
|
|
967
|
+
{
|
|
968
|
+
"name": "variant",
|
|
969
|
+
"description": "variant is a string attribute. The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.",
|
|
970
|
+
"type": {
|
|
971
|
+
"text": "\"default\" | \"outline\" | \"plain\"",
|
|
972
|
+
"references": [
|
|
973
|
+
{
|
|
974
|
+
"name": "IButton",
|
|
975
|
+
"module": "./types/IButton"
|
|
976
|
+
}
|
|
977
|
+
]
|
|
978
|
+
},
|
|
979
|
+
"default": "BUTTON_VARIANTS.DEFAULT",
|
|
980
|
+
"fieldName": "variant"
|
|
981
|
+
}
|
|
982
|
+
],
|
|
983
|
+
"members": [
|
|
984
|
+
{
|
|
985
|
+
"kind": "field",
|
|
986
|
+
"name": "color",
|
|
987
|
+
"description": "color is a string attribute. The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.",
|
|
988
|
+
"type": {
|
|
989
|
+
"text": "\"default\" | \"error\" | \"primary\" | \"success\"",
|
|
990
|
+
"references": [
|
|
991
|
+
{
|
|
992
|
+
"name": "IButton",
|
|
993
|
+
"module": "./types/IButton"
|
|
994
|
+
}
|
|
995
|
+
]
|
|
996
|
+
},
|
|
997
|
+
"default": "CORE_COLORS.DEFAULT",
|
|
998
|
+
"readonly": true,
|
|
999
|
+
"attribute": "color"
|
|
469
1000
|
},
|
|
470
1001
|
{
|
|
1002
|
+
"kind": "field",
|
|
471
1003
|
"name": "disabled",
|
|
472
1004
|
"description": "disabled is a boolean attribute. Disables the button when true, preventing user interaction and applying disabled styles.",
|
|
473
1005
|
"type": {
|
|
@@ -480,9 +1012,11 @@
|
|
|
480
1012
|
]
|
|
481
1013
|
},
|
|
482
1014
|
"default": "false",
|
|
483
|
-
"
|
|
1015
|
+
"readonly": true,
|
|
1016
|
+
"attribute": "disabled"
|
|
484
1017
|
},
|
|
485
1018
|
{
|
|
1019
|
+
"kind": "field",
|
|
486
1020
|
"name": "disclosure",
|
|
487
1021
|
"description": "disclosure is a boolean attribute. Used to show a chevron down at the of the content",
|
|
488
1022
|
"type": {
|
|
@@ -495,9 +1029,11 @@
|
|
|
495
1029
|
]
|
|
496
1030
|
},
|
|
497
1031
|
"default": "false",
|
|
498
|
-
"
|
|
1032
|
+
"readonly": true,
|
|
1033
|
+
"attribute": "disclosure"
|
|
499
1034
|
},
|
|
500
1035
|
{
|
|
1036
|
+
"kind": "field",
|
|
501
1037
|
"name": "label",
|
|
502
1038
|
"description": "The accessible name for the button, used for screen readers. It should be provided by the user for accessibility purposes.",
|
|
503
1039
|
"type": {
|
|
@@ -510,9 +1046,11 @@
|
|
|
510
1046
|
]
|
|
511
1047
|
},
|
|
512
1048
|
"default": "''",
|
|
513
|
-
"
|
|
1049
|
+
"readonly": true,
|
|
1050
|
+
"attribute": "label"
|
|
514
1051
|
},
|
|
515
1052
|
{
|
|
1053
|
+
"kind": "field",
|
|
516
1054
|
"name": "loading",
|
|
517
1055
|
"description": "loading is a boolean attribute. Indicates whether the button is in a loading state, which can be used to show a loading spinner and disable the button. Default is false.",
|
|
518
1056
|
"type": {
|
|
@@ -525,9 +1063,11 @@
|
|
|
525
1063
|
]
|
|
526
1064
|
},
|
|
527
1065
|
"default": "false",
|
|
528
|
-
"
|
|
1066
|
+
"readonly": true,
|
|
1067
|
+
"attribute": "loading"
|
|
529
1068
|
},
|
|
530
1069
|
{
|
|
1070
|
+
"kind": "field",
|
|
531
1071
|
"name": "name",
|
|
532
1072
|
"description": "name is a string attribute. The name attribute for the button, useful for form submissions.",
|
|
533
1073
|
"type": {
|
|
@@ -539,48 +1079,190 @@
|
|
|
539
1079
|
}
|
|
540
1080
|
]
|
|
541
1081
|
},
|
|
542
|
-
"default": "''",
|
|
543
|
-
"
|
|
1082
|
+
"default": "''",
|
|
1083
|
+
"readonly": true,
|
|
1084
|
+
"attribute": "name"
|
|
1085
|
+
},
|
|
1086
|
+
{
|
|
1087
|
+
"kind": "field",
|
|
1088
|
+
"name": "size",
|
|
1089
|
+
"description": "size is a string attribute. The size of the button, which can be 'sm', 'md', or 'lg'. Default is 'md'.",
|
|
1090
|
+
"type": {
|
|
1091
|
+
"text": "\"lg\" | \"md\" | \"sm\"",
|
|
1092
|
+
"references": [
|
|
1093
|
+
{
|
|
1094
|
+
"name": "IButton",
|
|
1095
|
+
"module": "./types/IButton"
|
|
1096
|
+
}
|
|
1097
|
+
]
|
|
1098
|
+
},
|
|
1099
|
+
"default": "BUTTON_SIZES.MEDIUM",
|
|
1100
|
+
"readonly": true,
|
|
1101
|
+
"attribute": "size"
|
|
1102
|
+
},
|
|
1103
|
+
{
|
|
1104
|
+
"kind": "field",
|
|
1105
|
+
"name": "type",
|
|
1106
|
+
"description": "type is a string attribute. The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.",
|
|
1107
|
+
"type": {
|
|
1108
|
+
"text": "\"button\" | \"reset\" | \"submit\"",
|
|
1109
|
+
"references": [
|
|
1110
|
+
{
|
|
1111
|
+
"name": "IButton",
|
|
1112
|
+
"module": "./types/IButton"
|
|
1113
|
+
}
|
|
1114
|
+
]
|
|
1115
|
+
},
|
|
1116
|
+
"default": "BUTTON_TYPES.BUTTON",
|
|
1117
|
+
"readonly": true,
|
|
1118
|
+
"attribute": "type"
|
|
1119
|
+
},
|
|
1120
|
+
{
|
|
1121
|
+
"kind": "field",
|
|
1122
|
+
"name": "variant",
|
|
1123
|
+
"description": "variant is a string attribute. The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.",
|
|
1124
|
+
"type": {
|
|
1125
|
+
"text": "\"default\" | \"outline\" | \"plain\"",
|
|
1126
|
+
"references": [
|
|
1127
|
+
{
|
|
1128
|
+
"name": "IButton",
|
|
1129
|
+
"module": "./types/IButton"
|
|
1130
|
+
}
|
|
1131
|
+
]
|
|
1132
|
+
},
|
|
1133
|
+
"default": "BUTTON_VARIANTS.DEFAULT",
|
|
1134
|
+
"readonly": true,
|
|
1135
|
+
"attribute": "variant"
|
|
1136
|
+
}
|
|
1137
|
+
],
|
|
1138
|
+
"events": [
|
|
1139
|
+
{
|
|
1140
|
+
"name": "bdsClick",
|
|
1141
|
+
"description": "emit event to click",
|
|
1142
|
+
"type": {
|
|
1143
|
+
"text": "CustomEvent<UIEvent>",
|
|
1144
|
+
"references": [
|
|
1145
|
+
{
|
|
1146
|
+
"name": "UIEvent",
|
|
1147
|
+
"package": "global:"
|
|
1148
|
+
}
|
|
1149
|
+
]
|
|
1150
|
+
}
|
|
1151
|
+
}
|
|
1152
|
+
],
|
|
1153
|
+
"slots": [
|
|
1154
|
+
{
|
|
1155
|
+
"name": "",
|
|
1156
|
+
"description": "The content of the button, typically text or an icon."
|
|
1157
|
+
},
|
|
1158
|
+
{
|
|
1159
|
+
"name": "badge",
|
|
1160
|
+
"description": "Slot to place a badge component"
|
|
1161
|
+
},
|
|
1162
|
+
{
|
|
1163
|
+
"name": "icon",
|
|
1164
|
+
"description": "Content to show an icon at the begining of the button"
|
|
1165
|
+
}
|
|
1166
|
+
]
|
|
1167
|
+
}
|
|
1168
|
+
],
|
|
1169
|
+
"exports": [
|
|
1170
|
+
{
|
|
1171
|
+
"kind": "js",
|
|
1172
|
+
"name": "BdsButton",
|
|
1173
|
+
"declaration": {
|
|
1174
|
+
"name": "BdsButton"
|
|
1175
|
+
}
|
|
1176
|
+
},
|
|
1177
|
+
{
|
|
1178
|
+
"kind": "custom-element-definition",
|
|
1179
|
+
"name": "bds-button",
|
|
1180
|
+
"declaration": {
|
|
1181
|
+
"name": "BdsButton"
|
|
1182
|
+
}
|
|
1183
|
+
}
|
|
1184
|
+
]
|
|
1185
|
+
},
|
|
1186
|
+
{
|
|
1187
|
+
"kind": "javascript-module",
|
|
1188
|
+
"path": "src/components/actions/bds-button-group/bds-button-group.tsx",
|
|
1189
|
+
"declarations": [
|
|
1190
|
+
{
|
|
1191
|
+
"kind": "class",
|
|
1192
|
+
"customElement": true,
|
|
1193
|
+
"tagName": "bds-button-group",
|
|
1194
|
+
"name": "BdsButtonGroup",
|
|
1195
|
+
"description": "Button group component for grouping related buttons together in a unified visual unit.",
|
|
1196
|
+
"attributes": [
|
|
1197
|
+
{
|
|
1198
|
+
"name": "color",
|
|
1199
|
+
"description": "Controls the color applied to all child `<bds-button>` elements. Accepted values: see `CoreColors`. Default is `default`.",
|
|
1200
|
+
"type": {
|
|
1201
|
+
"text": "\"default\" | \"error\" | \"primary\" | \"success\"",
|
|
1202
|
+
"references": [
|
|
1203
|
+
{
|
|
1204
|
+
"name": "IButtonGroup",
|
|
1205
|
+
"module": "./types/IButtonGroup"
|
|
1206
|
+
}
|
|
1207
|
+
]
|
|
1208
|
+
},
|
|
1209
|
+
"default": "CORE_COLORS.DEFAULT",
|
|
1210
|
+
"fieldName": "color"
|
|
1211
|
+
},
|
|
1212
|
+
{
|
|
1213
|
+
"name": "label",
|
|
1214
|
+
"description": "Provides an accessible label for the button group.",
|
|
1215
|
+
"type": {
|
|
1216
|
+
"text": "string",
|
|
1217
|
+
"references": [
|
|
1218
|
+
{
|
|
1219
|
+
"name": "IButtonGroup",
|
|
1220
|
+
"module": "./types/IButtonGroup"
|
|
1221
|
+
}
|
|
1222
|
+
]
|
|
1223
|
+
},
|
|
1224
|
+
"default": "'Button group'",
|
|
1225
|
+
"fieldName": "label"
|
|
1226
|
+
},
|
|
1227
|
+
{
|
|
1228
|
+
"name": "orientation",
|
|
1229
|
+
"description": "Controls the layout direction of the grouped buttons. Accepted values: `'horizontal'`, `'vertical'`. Default is `'horizontal'`.",
|
|
1230
|
+
"type": {
|
|
1231
|
+
"text": "\"horizontal\" | \"vertical\"",
|
|
1232
|
+
"references": [
|
|
1233
|
+
{
|
|
1234
|
+
"name": "IButtonGroup",
|
|
1235
|
+
"module": "./types/IButtonGroup"
|
|
1236
|
+
}
|
|
1237
|
+
]
|
|
1238
|
+
},
|
|
1239
|
+
"default": "ORIENTATIONS.HORIZONTAL",
|
|
1240
|
+
"fieldName": "orientation"
|
|
544
1241
|
},
|
|
545
1242
|
{
|
|
546
1243
|
"name": "size",
|
|
547
|
-
"description": "
|
|
1244
|
+
"description": "Controls the size applied to all child `<bds-button>` elements. Accepted values: `'sm'`, `'md'`, `'lg'`. Default is `'md'`.",
|
|
548
1245
|
"type": {
|
|
549
1246
|
"text": "\"lg\" | \"md\" | \"sm\"",
|
|
550
1247
|
"references": [
|
|
551
1248
|
{
|
|
552
|
-
"name": "
|
|
553
|
-
"module": "./types/
|
|
1249
|
+
"name": "IButtonGroup",
|
|
1250
|
+
"module": "./types/IButtonGroup"
|
|
554
1251
|
}
|
|
555
1252
|
]
|
|
556
1253
|
},
|
|
557
1254
|
"default": "BUTTON_SIZES.MEDIUM",
|
|
558
1255
|
"fieldName": "size"
|
|
559
1256
|
},
|
|
560
|
-
{
|
|
561
|
-
"name": "type",
|
|
562
|
-
"description": "type is a string attribute. The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.",
|
|
563
|
-
"type": {
|
|
564
|
-
"text": "\"button\" | \"reset\" | \"submit\"",
|
|
565
|
-
"references": [
|
|
566
|
-
{
|
|
567
|
-
"name": "IButton",
|
|
568
|
-
"module": "./types/IButton"
|
|
569
|
-
}
|
|
570
|
-
]
|
|
571
|
-
},
|
|
572
|
-
"default": "BUTTON_TYPES.BUTTON",
|
|
573
|
-
"fieldName": "type"
|
|
574
|
-
},
|
|
575
1257
|
{
|
|
576
1258
|
"name": "variant",
|
|
577
|
-
"description": "
|
|
1259
|
+
"description": "Controls the variant applied to all child `<bds-button>` elements. Accepted values: `'default'`, `'outline'`, `'plain'`. Default is `'default'`.",
|
|
578
1260
|
"type": {
|
|
579
1261
|
"text": "\"default\" | \"outline\" | \"plain\"",
|
|
580
1262
|
"references": [
|
|
581
1263
|
{
|
|
582
|
-
"name": "
|
|
583
|
-
"module": "./types/
|
|
1264
|
+
"name": "IButtonGroup",
|
|
1265
|
+
"module": "./types/IButtonGroup"
|
|
584
1266
|
}
|
|
585
1267
|
]
|
|
586
1268
|
},
|
|
@@ -592,13 +1274,13 @@
|
|
|
592
1274
|
{
|
|
593
1275
|
"kind": "field",
|
|
594
1276
|
"name": "color",
|
|
595
|
-
"description": "
|
|
1277
|
+
"description": "Controls the color applied to all child `<bds-button>` elements. Accepted values: see `CoreColors`. Default is `default`.",
|
|
596
1278
|
"type": {
|
|
597
1279
|
"text": "\"default\" | \"error\" | \"primary\" | \"success\"",
|
|
598
1280
|
"references": [
|
|
599
1281
|
{
|
|
600
|
-
"name": "
|
|
601
|
-
"module": "./types/
|
|
1282
|
+
"name": "IButtonGroup",
|
|
1283
|
+
"module": "./types/IButtonGroup"
|
|
602
1284
|
}
|
|
603
1285
|
]
|
|
604
1286
|
},
|
|
@@ -608,168 +1290,355 @@
|
|
|
608
1290
|
},
|
|
609
1291
|
{
|
|
610
1292
|
"kind": "field",
|
|
611
|
-
"name": "
|
|
612
|
-
"description": "
|
|
1293
|
+
"name": "label",
|
|
1294
|
+
"description": "Provides an accessible label for the button group.",
|
|
613
1295
|
"type": {
|
|
614
|
-
"text": "
|
|
1296
|
+
"text": "string",
|
|
615
1297
|
"references": [
|
|
616
1298
|
{
|
|
617
|
-
"name": "
|
|
618
|
-
"module": "./types/
|
|
1299
|
+
"name": "IButtonGroup",
|
|
1300
|
+
"module": "./types/IButtonGroup"
|
|
619
1301
|
}
|
|
620
1302
|
]
|
|
621
1303
|
},
|
|
622
|
-
"default": "
|
|
1304
|
+
"default": "'Button group'",
|
|
623
1305
|
"readonly": true,
|
|
624
|
-
"attribute": "
|
|
1306
|
+
"attribute": "label"
|
|
625
1307
|
},
|
|
626
1308
|
{
|
|
627
1309
|
"kind": "field",
|
|
628
|
-
"name": "
|
|
629
|
-
"description": "
|
|
1310
|
+
"name": "orientation",
|
|
1311
|
+
"description": "Controls the layout direction of the grouped buttons. Accepted values: `'horizontal'`, `'vertical'`. Default is `'horizontal'`.",
|
|
630
1312
|
"type": {
|
|
631
|
-
"text": "
|
|
1313
|
+
"text": "\"horizontal\" | \"vertical\"",
|
|
632
1314
|
"references": [
|
|
633
1315
|
{
|
|
634
|
-
"name": "
|
|
635
|
-
"module": "./types/
|
|
1316
|
+
"name": "IButtonGroup",
|
|
1317
|
+
"module": "./types/IButtonGroup"
|
|
636
1318
|
}
|
|
637
1319
|
]
|
|
638
1320
|
},
|
|
639
|
-
"default": "
|
|
1321
|
+
"default": "ORIENTATIONS.HORIZONTAL",
|
|
640
1322
|
"readonly": true,
|
|
641
|
-
"attribute": "
|
|
1323
|
+
"attribute": "orientation"
|
|
642
1324
|
},
|
|
643
1325
|
{
|
|
644
1326
|
"kind": "field",
|
|
645
|
-
"name": "
|
|
646
|
-
"description": "
|
|
1327
|
+
"name": "size",
|
|
1328
|
+
"description": "Controls the size applied to all child `<bds-button>` elements. Accepted values: `'sm'`, `'md'`, `'lg'`. Default is `'md'`.",
|
|
647
1329
|
"type": {
|
|
648
|
-
"text": "
|
|
1330
|
+
"text": "\"lg\" | \"md\" | \"sm\"",
|
|
649
1331
|
"references": [
|
|
650
1332
|
{
|
|
651
|
-
"name": "
|
|
652
|
-
"module": "./types/
|
|
1333
|
+
"name": "IButtonGroup",
|
|
1334
|
+
"module": "./types/IButtonGroup"
|
|
653
1335
|
}
|
|
654
1336
|
]
|
|
655
1337
|
},
|
|
656
|
-
"default": "
|
|
1338
|
+
"default": "BUTTON_SIZES.MEDIUM",
|
|
657
1339
|
"readonly": true,
|
|
658
|
-
"attribute": "
|
|
1340
|
+
"attribute": "size"
|
|
659
1341
|
},
|
|
660
1342
|
{
|
|
661
1343
|
"kind": "field",
|
|
662
|
-
"name": "
|
|
663
|
-
"description": "
|
|
1344
|
+
"name": "variant",
|
|
1345
|
+
"description": "Controls the variant applied to all child `<bds-button>` elements. Accepted values: `'default'`, `'outline'`, `'plain'`. Default is `'default'`.",
|
|
664
1346
|
"type": {
|
|
665
|
-
"text": "
|
|
1347
|
+
"text": "\"default\" | \"outline\" | \"plain\"",
|
|
666
1348
|
"references": [
|
|
667
1349
|
{
|
|
668
|
-
"name": "
|
|
669
|
-
"module": "./types/
|
|
1350
|
+
"name": "IButtonGroup",
|
|
1351
|
+
"module": "./types/IButtonGroup"
|
|
670
1352
|
}
|
|
671
1353
|
]
|
|
672
1354
|
},
|
|
673
|
-
"default": "
|
|
1355
|
+
"default": "BUTTON_VARIANTS.DEFAULT",
|
|
1356
|
+
"readonly": true,
|
|
1357
|
+
"attribute": "variant"
|
|
1358
|
+
}
|
|
1359
|
+
],
|
|
1360
|
+
"slots": [
|
|
1361
|
+
{
|
|
1362
|
+
"name": "",
|
|
1363
|
+
"description": "The content of the button group, typically multiple `<bds-button>` elements."
|
|
1364
|
+
}
|
|
1365
|
+
]
|
|
1366
|
+
}
|
|
1367
|
+
],
|
|
1368
|
+
"exports": [
|
|
1369
|
+
{
|
|
1370
|
+
"kind": "js",
|
|
1371
|
+
"name": "BdsButtonGroup",
|
|
1372
|
+
"declaration": {
|
|
1373
|
+
"name": "BdsButtonGroup"
|
|
1374
|
+
}
|
|
1375
|
+
},
|
|
1376
|
+
{
|
|
1377
|
+
"kind": "custom-element-definition",
|
|
1378
|
+
"name": "bds-button-group",
|
|
1379
|
+
"declaration": {
|
|
1380
|
+
"name": "BdsButtonGroup"
|
|
1381
|
+
}
|
|
1382
|
+
}
|
|
1383
|
+
]
|
|
1384
|
+
},
|
|
1385
|
+
{
|
|
1386
|
+
"kind": "javascript-module",
|
|
1387
|
+
"path": "src/components/forms/bds-checkbox/bds-checkbox/bds-checkbox.tsx",
|
|
1388
|
+
"declarations": [
|
|
1389
|
+
{
|
|
1390
|
+
"kind": "class",
|
|
1391
|
+
"customElement": true,
|
|
1392
|
+
"tagName": "bds-checkbox",
|
|
1393
|
+
"name": "BdsCheckbox",
|
|
1394
|
+
"description": "Checkbox component for boolean selection with three visual states.",
|
|
1395
|
+
"attributes": [
|
|
1396
|
+
{
|
|
1397
|
+
"name": "checked",
|
|
1398
|
+
"description": "Whether the checkbox is selected.",
|
|
1399
|
+
"type": {
|
|
1400
|
+
"text": "boolean"
|
|
1401
|
+
},
|
|
1402
|
+
"default": "false",
|
|
1403
|
+
"fieldName": "checked"
|
|
1404
|
+
},
|
|
1405
|
+
{
|
|
1406
|
+
"name": "disabled",
|
|
1407
|
+
"description": "Disables the checkbox.",
|
|
1408
|
+
"type": {
|
|
1409
|
+
"text": "boolean"
|
|
1410
|
+
},
|
|
1411
|
+
"default": "false",
|
|
1412
|
+
"fieldName": "disabled"
|
|
1413
|
+
},
|
|
1414
|
+
{
|
|
1415
|
+
"name": "error",
|
|
1416
|
+
"description": "Shows error styling on the checkbox.",
|
|
1417
|
+
"type": {
|
|
1418
|
+
"text": "boolean"
|
|
1419
|
+
},
|
|
1420
|
+
"default": "false",
|
|
1421
|
+
"fieldName": "error"
|
|
1422
|
+
},
|
|
1423
|
+
{
|
|
1424
|
+
"name": "indeterminate",
|
|
1425
|
+
"description": "Whether the checkbox shows an indeterminate (\"mixed\") visual state.",
|
|
1426
|
+
"type": {
|
|
1427
|
+
"text": "boolean"
|
|
1428
|
+
},
|
|
1429
|
+
"default": "false",
|
|
1430
|
+
"fieldName": "indeterminate"
|
|
1431
|
+
},
|
|
1432
|
+
{
|
|
1433
|
+
"name": "info",
|
|
1434
|
+
"description": "Tooltip text for the checkbox.",
|
|
1435
|
+
"type": {
|
|
1436
|
+
"text": "string"
|
|
1437
|
+
},
|
|
1438
|
+
"default": "''",
|
|
1439
|
+
"fieldName": "info"
|
|
1440
|
+
},
|
|
1441
|
+
{
|
|
1442
|
+
"name": "label",
|
|
1443
|
+
"description": "Label displayed next to the checkbox. If not provided, the default slot is used.",
|
|
1444
|
+
"type": {
|
|
1445
|
+
"text": "string"
|
|
1446
|
+
},
|
|
1447
|
+
"default": "''",
|
|
1448
|
+
"fieldName": "label"
|
|
1449
|
+
},
|
|
1450
|
+
{
|
|
1451
|
+
"name": "name",
|
|
1452
|
+
"description": "Name of the form control, submitted as a key in the form data.",
|
|
1453
|
+
"type": {
|
|
1454
|
+
"text": "string"
|
|
1455
|
+
},
|
|
1456
|
+
"default": "''",
|
|
1457
|
+
"fieldName": "name"
|
|
1458
|
+
},
|
|
1459
|
+
{
|
|
1460
|
+
"name": "required",
|
|
1461
|
+
"description": "Marks the checkbox as required for form submission.",
|
|
1462
|
+
"type": {
|
|
1463
|
+
"text": "boolean"
|
|
1464
|
+
},
|
|
1465
|
+
"default": "false",
|
|
1466
|
+
"fieldName": "required"
|
|
1467
|
+
},
|
|
1468
|
+
{
|
|
1469
|
+
"name": "value",
|
|
1470
|
+
"description": "Value submitted with the form data when checked.",
|
|
1471
|
+
"type": {
|
|
1472
|
+
"text": "string"
|
|
1473
|
+
},
|
|
1474
|
+
"default": "'on'",
|
|
1475
|
+
"fieldName": "value"
|
|
1476
|
+
}
|
|
1477
|
+
],
|
|
1478
|
+
"members": [
|
|
1479
|
+
{
|
|
1480
|
+
"kind": "field",
|
|
1481
|
+
"name": "checked",
|
|
1482
|
+
"description": "Whether the checkbox is selected.",
|
|
1483
|
+
"type": {
|
|
1484
|
+
"text": "boolean"
|
|
1485
|
+
},
|
|
1486
|
+
"default": "false",
|
|
1487
|
+
"attribute": "checked",
|
|
1488
|
+
"reflects": true
|
|
1489
|
+
},
|
|
1490
|
+
{
|
|
1491
|
+
"kind": "field",
|
|
1492
|
+
"name": "disabled",
|
|
1493
|
+
"description": "Disables the checkbox.",
|
|
1494
|
+
"type": {
|
|
1495
|
+
"text": "boolean"
|
|
1496
|
+
},
|
|
1497
|
+
"default": "false",
|
|
1498
|
+
"readonly": true,
|
|
1499
|
+
"attribute": "disabled",
|
|
1500
|
+
"reflects": true
|
|
1501
|
+
},
|
|
1502
|
+
{
|
|
1503
|
+
"kind": "field",
|
|
1504
|
+
"name": "error",
|
|
1505
|
+
"description": "Shows error styling on the checkbox.",
|
|
1506
|
+
"type": {
|
|
1507
|
+
"text": "boolean"
|
|
1508
|
+
},
|
|
1509
|
+
"default": "false",
|
|
1510
|
+
"readonly": true,
|
|
1511
|
+
"attribute": "error",
|
|
1512
|
+
"reflects": true
|
|
1513
|
+
},
|
|
1514
|
+
{
|
|
1515
|
+
"kind": "field",
|
|
1516
|
+
"name": "indeterminate",
|
|
1517
|
+
"description": "Whether the checkbox shows an indeterminate (\"mixed\") visual state.",
|
|
1518
|
+
"type": {
|
|
1519
|
+
"text": "boolean"
|
|
1520
|
+
},
|
|
1521
|
+
"default": "false",
|
|
1522
|
+
"attribute": "indeterminate",
|
|
1523
|
+
"reflects": true
|
|
1524
|
+
},
|
|
1525
|
+
{
|
|
1526
|
+
"kind": "field",
|
|
1527
|
+
"name": "info",
|
|
1528
|
+
"description": "Tooltip text for the checkbox.",
|
|
1529
|
+
"type": {
|
|
1530
|
+
"text": "string"
|
|
1531
|
+
},
|
|
1532
|
+
"default": "''",
|
|
674
1533
|
"readonly": true,
|
|
675
|
-
"attribute": "
|
|
1534
|
+
"attribute": "info",
|
|
1535
|
+
"reflects": true
|
|
676
1536
|
},
|
|
677
1537
|
{
|
|
678
1538
|
"kind": "field",
|
|
679
|
-
"name": "
|
|
680
|
-
"description": "
|
|
1539
|
+
"name": "label",
|
|
1540
|
+
"description": "Label displayed next to the checkbox. If not provided, the default slot is used.",
|
|
681
1541
|
"type": {
|
|
682
|
-
"text": "string"
|
|
683
|
-
"references": [
|
|
684
|
-
{
|
|
685
|
-
"name": "IButton",
|
|
686
|
-
"module": "./types/IButton"
|
|
687
|
-
}
|
|
688
|
-
]
|
|
1542
|
+
"text": "string"
|
|
689
1543
|
},
|
|
690
1544
|
"default": "''",
|
|
691
1545
|
"readonly": true,
|
|
692
|
-
"attribute": "
|
|
1546
|
+
"attribute": "label"
|
|
693
1547
|
},
|
|
694
1548
|
{
|
|
695
1549
|
"kind": "field",
|
|
696
|
-
"name": "
|
|
697
|
-
"description": "
|
|
1550
|
+
"name": "name",
|
|
1551
|
+
"description": "Name of the form control, submitted as a key in the form data.",
|
|
698
1552
|
"type": {
|
|
699
|
-
"text": "
|
|
700
|
-
"references": [
|
|
701
|
-
{
|
|
702
|
-
"name": "IButton",
|
|
703
|
-
"module": "./types/IButton"
|
|
704
|
-
}
|
|
705
|
-
]
|
|
1553
|
+
"text": "string"
|
|
706
1554
|
},
|
|
707
|
-
"default": "
|
|
1555
|
+
"default": "''",
|
|
708
1556
|
"readonly": true,
|
|
709
|
-
"attribute": "
|
|
1557
|
+
"attribute": "name",
|
|
1558
|
+
"reflects": true
|
|
710
1559
|
},
|
|
711
1560
|
{
|
|
712
1561
|
"kind": "field",
|
|
713
|
-
"name": "
|
|
714
|
-
"description": "
|
|
1562
|
+
"name": "required",
|
|
1563
|
+
"description": "Marks the checkbox as required for form submission.",
|
|
715
1564
|
"type": {
|
|
716
|
-
"text": "
|
|
717
|
-
"references": [
|
|
718
|
-
{
|
|
719
|
-
"name": "IButton",
|
|
720
|
-
"module": "./types/IButton"
|
|
721
|
-
}
|
|
722
|
-
]
|
|
1565
|
+
"text": "boolean"
|
|
723
1566
|
},
|
|
724
|
-
"default": "
|
|
1567
|
+
"default": "false",
|
|
725
1568
|
"readonly": true,
|
|
726
|
-
"attribute": "
|
|
1569
|
+
"attribute": "required",
|
|
1570
|
+
"reflects": true
|
|
727
1571
|
},
|
|
728
1572
|
{
|
|
729
1573
|
"kind": "field",
|
|
730
|
-
"name": "
|
|
731
|
-
"description": "
|
|
1574
|
+
"name": "value",
|
|
1575
|
+
"description": "Value submitted with the form data when checked.",
|
|
732
1576
|
"type": {
|
|
733
|
-
"text": "
|
|
734
|
-
"references": [
|
|
735
|
-
{
|
|
736
|
-
"name": "IButton",
|
|
737
|
-
"module": "./types/IButton"
|
|
738
|
-
}
|
|
739
|
-
]
|
|
1577
|
+
"text": "string"
|
|
740
1578
|
},
|
|
741
|
-
"default": "
|
|
1579
|
+
"default": "'on'",
|
|
742
1580
|
"readonly": true,
|
|
743
|
-
"attribute": "
|
|
1581
|
+
"attribute": "value"
|
|
1582
|
+
},
|
|
1583
|
+
{
|
|
1584
|
+
"kind": "method",
|
|
1585
|
+
"name": "checkValidity",
|
|
1586
|
+
"description": "Reports the group's validity state to the user, showing native validation UI if invalid.",
|
|
1587
|
+
"return": {
|
|
1588
|
+
"type": {
|
|
1589
|
+
"text": "Promise<boolean>",
|
|
1590
|
+
"references": [
|
|
1591
|
+
{
|
|
1592
|
+
"name": "Promise",
|
|
1593
|
+
"package": "global:"
|
|
1594
|
+
}
|
|
1595
|
+
]
|
|
1596
|
+
}
|
|
1597
|
+
}
|
|
1598
|
+
},
|
|
1599
|
+
{
|
|
1600
|
+
"kind": "method",
|
|
1601
|
+
"name": "reportValidity",
|
|
1602
|
+
"description": "Reports the group's validity state to the user, showing native validation UI if invalid.",
|
|
1603
|
+
"return": {
|
|
1604
|
+
"type": {
|
|
1605
|
+
"text": "Promise<boolean>",
|
|
1606
|
+
"references": [
|
|
1607
|
+
{
|
|
1608
|
+
"name": "Promise",
|
|
1609
|
+
"package": "global:"
|
|
1610
|
+
}
|
|
1611
|
+
]
|
|
1612
|
+
}
|
|
1613
|
+
}
|
|
744
1614
|
}
|
|
745
1615
|
],
|
|
746
1616
|
"events": [
|
|
747
1617
|
{
|
|
748
|
-
"name": "
|
|
749
|
-
"description": "
|
|
1618
|
+
"name": "bdsChange",
|
|
1619
|
+
"description": "Emitted when the user toggles the checkbox.",
|
|
750
1620
|
"type": {
|
|
751
|
-
"text": "CustomEvent<
|
|
1621
|
+
"text": "CustomEvent<CheckboxChangeDetail>",
|
|
752
1622
|
"references": [
|
|
753
1623
|
{
|
|
754
|
-
"name": "
|
|
755
|
-
"
|
|
1624
|
+
"name": "CheckboxChangeDetail",
|
|
1625
|
+
"module": "../types/ICheckbox"
|
|
756
1626
|
}
|
|
757
1627
|
]
|
|
758
1628
|
}
|
|
1629
|
+
},
|
|
1630
|
+
{
|
|
1631
|
+
"name": "valueChange",
|
|
1632
|
+
"description": "Emitted when the checked state changes (for 2-way binding / v-model).",
|
|
1633
|
+
"type": {
|
|
1634
|
+
"text": "CustomEvent<boolean>"
|
|
1635
|
+
}
|
|
759
1636
|
}
|
|
760
1637
|
],
|
|
761
1638
|
"slots": [
|
|
762
1639
|
{
|
|
763
1640
|
"name": "",
|
|
764
|
-
"description": "
|
|
765
|
-
},
|
|
766
|
-
{
|
|
767
|
-
"name": "badge",
|
|
768
|
-
"description": "Slot to place a badge component"
|
|
769
|
-
},
|
|
770
|
-
{
|
|
771
|
-
"name": "icon",
|
|
772
|
-
"description": "Content to show an icon at the begining of the button"
|
|
1641
|
+
"description": "Default slot for label content when no `label` prop is provided."
|
|
773
1642
|
}
|
|
774
1643
|
]
|
|
775
1644
|
}
|
|
@@ -777,198 +1646,260 @@
|
|
|
777
1646
|
"exports": [
|
|
778
1647
|
{
|
|
779
1648
|
"kind": "js",
|
|
780
|
-
"name": "
|
|
1649
|
+
"name": "BdsCheckbox",
|
|
781
1650
|
"declaration": {
|
|
782
|
-
"name": "
|
|
1651
|
+
"name": "BdsCheckbox"
|
|
783
1652
|
}
|
|
784
1653
|
},
|
|
785
1654
|
{
|
|
786
1655
|
"kind": "custom-element-definition",
|
|
787
|
-
"name": "bds-
|
|
1656
|
+
"name": "bds-checkbox",
|
|
788
1657
|
"declaration": {
|
|
789
|
-
"name": "
|
|
1658
|
+
"name": "BdsCheckbox"
|
|
790
1659
|
}
|
|
791
1660
|
}
|
|
792
1661
|
]
|
|
793
1662
|
},
|
|
794
1663
|
{
|
|
795
1664
|
"kind": "javascript-module",
|
|
796
|
-
"path": "src/components/
|
|
1665
|
+
"path": "src/components/forms/bds-checkbox/bds-checkbox-button/bds-checkbox-button.tsx",
|
|
797
1666
|
"declarations": [
|
|
798
1667
|
{
|
|
799
1668
|
"kind": "class",
|
|
800
1669
|
"customElement": true,
|
|
801
|
-
"tagName": "bds-button
|
|
802
|
-
"name": "
|
|
803
|
-
"description": "Button
|
|
1670
|
+
"tagName": "bds-checkbox-button",
|
|
1671
|
+
"name": "BdsCheckboxButton",
|
|
1672
|
+
"description": "Button-shaped checkbox option that toggles independently on each interaction.\nRenders as a pill-button with the same visual language as `bds-radio-button`, but uses\n`role=\"checkbox\"` and multi-select semantics — toggling one button has no effect on others.\n\nCan be used standalone (with `name` and optional `required`) or inside a `bds-checkbox-group`,\nwhich is the recommended approach for coordinated form state and group-level validation.",
|
|
804
1673
|
"attributes": [
|
|
805
1674
|
{
|
|
806
|
-
"name": "
|
|
807
|
-
"description": "
|
|
1675
|
+
"name": "checked",
|
|
1676
|
+
"description": "Toggle state of this button. Flips on every interaction when not disabled.",
|
|
808
1677
|
"type": {
|
|
809
|
-
"text": "
|
|
810
|
-
"references": [
|
|
811
|
-
{
|
|
812
|
-
"name": "IButtonGroup",
|
|
813
|
-
"module": "./types/IButtonGroup"
|
|
814
|
-
}
|
|
815
|
-
]
|
|
1678
|
+
"text": "boolean"
|
|
816
1679
|
},
|
|
817
|
-
"default": "
|
|
818
|
-
"fieldName": "
|
|
1680
|
+
"default": "false",
|
|
1681
|
+
"fieldName": "checked"
|
|
1682
|
+
},
|
|
1683
|
+
{
|
|
1684
|
+
"name": "disabled",
|
|
1685
|
+
"description": "Disables the button, preventing interaction. Propagated by `bds-checkbox-group` when the group is disabled.",
|
|
1686
|
+
"type": {
|
|
1687
|
+
"text": "boolean"
|
|
1688
|
+
},
|
|
1689
|
+
"default": "false",
|
|
1690
|
+
"fieldName": "disabled"
|
|
1691
|
+
},
|
|
1692
|
+
{
|
|
1693
|
+
"name": "error",
|
|
1694
|
+
"description": "Shows error styling on the button.",
|
|
1695
|
+
"type": {
|
|
1696
|
+
"text": "boolean"
|
|
1697
|
+
},
|
|
1698
|
+
"default": "false",
|
|
1699
|
+
"fieldName": "error"
|
|
1700
|
+
},
|
|
1701
|
+
{
|
|
1702
|
+
"name": "info",
|
|
1703
|
+
"description": "Tooltip text shown on an info icon next to the label.",
|
|
1704
|
+
"type": {
|
|
1705
|
+
"text": "string"
|
|
1706
|
+
},
|
|
1707
|
+
"default": "''",
|
|
1708
|
+
"fieldName": "info"
|
|
819
1709
|
},
|
|
820
1710
|
{
|
|
821
1711
|
"name": "label",
|
|
822
|
-
"description": "
|
|
1712
|
+
"description": "Label text displayed inside the button. Falls back to the default slot when empty.",
|
|
823
1713
|
"type": {
|
|
824
|
-
"text": "string"
|
|
825
|
-
"references": [
|
|
826
|
-
{
|
|
827
|
-
"name": "IButtonGroup",
|
|
828
|
-
"module": "./types/IButtonGroup"
|
|
829
|
-
}
|
|
830
|
-
]
|
|
1714
|
+
"text": "string"
|
|
831
1715
|
},
|
|
832
|
-
"default": "'
|
|
1716
|
+
"default": "''",
|
|
833
1717
|
"fieldName": "label"
|
|
834
1718
|
},
|
|
835
1719
|
{
|
|
836
|
-
"name": "
|
|
837
|
-
"description": "
|
|
1720
|
+
"name": "name",
|
|
1721
|
+
"description": "Name of the form control, submitted as a key in the form data.",
|
|
838
1722
|
"type": {
|
|
839
|
-
"text": "
|
|
840
|
-
"references": [
|
|
841
|
-
{
|
|
842
|
-
"name": "IButtonGroup",
|
|
843
|
-
"module": "./types/IButtonGroup"
|
|
844
|
-
}
|
|
845
|
-
]
|
|
1723
|
+
"text": "string"
|
|
846
1724
|
},
|
|
847
|
-
"default": "
|
|
848
|
-
"fieldName": "
|
|
1725
|
+
"default": "''",
|
|
1726
|
+
"fieldName": "name"
|
|
849
1727
|
},
|
|
850
1728
|
{
|
|
851
|
-
"name": "
|
|
852
|
-
"description": "
|
|
1729
|
+
"name": "required",
|
|
1730
|
+
"description": "Marks this button as required for form submission. Has no effect when used inside `bds-checkbox-group`.",
|
|
853
1731
|
"type": {
|
|
854
|
-
"text": "
|
|
855
|
-
"references": [
|
|
856
|
-
{
|
|
857
|
-
"name": "IButtonGroup",
|
|
858
|
-
"module": "./types/IButtonGroup"
|
|
859
|
-
}
|
|
860
|
-
]
|
|
1732
|
+
"text": "boolean"
|
|
861
1733
|
},
|
|
862
|
-
"default": "
|
|
863
|
-
"fieldName": "
|
|
1734
|
+
"default": "false",
|
|
1735
|
+
"fieldName": "required"
|
|
1736
|
+
},
|
|
1737
|
+
{
|
|
1738
|
+
"name": "value",
|
|
1739
|
+
"description": "Value associated with this button; submitted with form data when checked.",
|
|
1740
|
+
"type": {
|
|
1741
|
+
"text": "string"
|
|
1742
|
+
},
|
|
1743
|
+
"default": "'on'",
|
|
1744
|
+
"fieldName": "value"
|
|
1745
|
+
}
|
|
1746
|
+
],
|
|
1747
|
+
"members": [
|
|
1748
|
+
{
|
|
1749
|
+
"kind": "field",
|
|
1750
|
+
"name": "checked",
|
|
1751
|
+
"description": "Toggle state of this button. Flips on every interaction when not disabled.",
|
|
1752
|
+
"type": {
|
|
1753
|
+
"text": "boolean"
|
|
1754
|
+
},
|
|
1755
|
+
"default": "false",
|
|
1756
|
+
"attribute": "checked",
|
|
1757
|
+
"reflects": true
|
|
1758
|
+
},
|
|
1759
|
+
{
|
|
1760
|
+
"kind": "field",
|
|
1761
|
+
"name": "disabled",
|
|
1762
|
+
"description": "Disables the button, preventing interaction. Propagated by `bds-checkbox-group` when the group is disabled.",
|
|
1763
|
+
"type": {
|
|
1764
|
+
"text": "boolean"
|
|
1765
|
+
},
|
|
1766
|
+
"default": "false",
|
|
1767
|
+
"readonly": true,
|
|
1768
|
+
"attribute": "disabled",
|
|
1769
|
+
"reflects": true
|
|
864
1770
|
},
|
|
865
1771
|
{
|
|
866
|
-
"
|
|
867
|
-
"
|
|
1772
|
+
"kind": "field",
|
|
1773
|
+
"name": "error",
|
|
1774
|
+
"description": "Shows error styling on the button.",
|
|
868
1775
|
"type": {
|
|
869
|
-
"text": "
|
|
870
|
-
"references": [
|
|
871
|
-
{
|
|
872
|
-
"name": "IButtonGroup",
|
|
873
|
-
"module": "./types/IButtonGroup"
|
|
874
|
-
}
|
|
875
|
-
]
|
|
1776
|
+
"text": "boolean"
|
|
876
1777
|
},
|
|
877
|
-
"default": "
|
|
878
|
-
"
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
1778
|
+
"default": "false",
|
|
1779
|
+
"readonly": true,
|
|
1780
|
+
"attribute": "error",
|
|
1781
|
+
"reflects": true
|
|
1782
|
+
},
|
|
882
1783
|
{
|
|
883
1784
|
"kind": "field",
|
|
884
|
-
"name": "
|
|
885
|
-
"description": "
|
|
1785
|
+
"name": "info",
|
|
1786
|
+
"description": "Tooltip text shown on an info icon next to the label.",
|
|
886
1787
|
"type": {
|
|
887
|
-
"text": "
|
|
888
|
-
"references": [
|
|
889
|
-
{
|
|
890
|
-
"name": "IButtonGroup",
|
|
891
|
-
"module": "./types/IButtonGroup"
|
|
892
|
-
}
|
|
893
|
-
]
|
|
1788
|
+
"text": "string"
|
|
894
1789
|
},
|
|
895
|
-
"default": "
|
|
1790
|
+
"default": "''",
|
|
896
1791
|
"readonly": true,
|
|
897
|
-
"attribute": "
|
|
1792
|
+
"attribute": "info"
|
|
898
1793
|
},
|
|
899
1794
|
{
|
|
900
1795
|
"kind": "field",
|
|
901
1796
|
"name": "label",
|
|
902
|
-
"description": "
|
|
1797
|
+
"description": "Label text displayed inside the button. Falls back to the default slot when empty.",
|
|
903
1798
|
"type": {
|
|
904
|
-
"text": "string"
|
|
905
|
-
"references": [
|
|
906
|
-
{
|
|
907
|
-
"name": "IButtonGroup",
|
|
908
|
-
"module": "./types/IButtonGroup"
|
|
909
|
-
}
|
|
910
|
-
]
|
|
1799
|
+
"text": "string"
|
|
911
1800
|
},
|
|
912
|
-
"default": "'
|
|
1801
|
+
"default": "''",
|
|
913
1802
|
"readonly": true,
|
|
914
1803
|
"attribute": "label"
|
|
915
1804
|
},
|
|
916
1805
|
{
|
|
917
1806
|
"kind": "field",
|
|
918
|
-
"name": "
|
|
919
|
-
"description": "
|
|
1807
|
+
"name": "name",
|
|
1808
|
+
"description": "Name of the form control, submitted as a key in the form data.",
|
|
920
1809
|
"type": {
|
|
921
|
-
"text": "
|
|
922
|
-
"references": [
|
|
923
|
-
{
|
|
924
|
-
"name": "IButtonGroup",
|
|
925
|
-
"module": "./types/IButtonGroup"
|
|
926
|
-
}
|
|
927
|
-
]
|
|
1810
|
+
"text": "string"
|
|
928
1811
|
},
|
|
929
|
-
"default": "
|
|
1812
|
+
"default": "''",
|
|
930
1813
|
"readonly": true,
|
|
931
|
-
"attribute": "
|
|
1814
|
+
"attribute": "name",
|
|
1815
|
+
"reflects": true
|
|
932
1816
|
},
|
|
933
1817
|
{
|
|
934
1818
|
"kind": "field",
|
|
935
|
-
"name": "
|
|
936
|
-
"description": "
|
|
1819
|
+
"name": "required",
|
|
1820
|
+
"description": "Marks this button as required for form submission. Has no effect when used inside `bds-checkbox-group`.",
|
|
937
1821
|
"type": {
|
|
938
|
-
"text": "
|
|
939
|
-
"references": [
|
|
940
|
-
{
|
|
941
|
-
"name": "IButtonGroup",
|
|
942
|
-
"module": "./types/IButtonGroup"
|
|
943
|
-
}
|
|
944
|
-
]
|
|
1822
|
+
"text": "boolean"
|
|
945
1823
|
},
|
|
946
|
-
"default": "
|
|
1824
|
+
"default": "false",
|
|
947
1825
|
"readonly": true,
|
|
948
|
-
"attribute": "
|
|
1826
|
+
"attribute": "required",
|
|
1827
|
+
"reflects": true
|
|
949
1828
|
},
|
|
950
1829
|
{
|
|
951
1830
|
"kind": "field",
|
|
952
|
-
"name": "
|
|
953
|
-
"description": "
|
|
1831
|
+
"name": "value",
|
|
1832
|
+
"description": "Value associated with this button; submitted with form data when checked.",
|
|
954
1833
|
"type": {
|
|
955
|
-
"text": "
|
|
1834
|
+
"text": "string"
|
|
1835
|
+
},
|
|
1836
|
+
"default": "'on'",
|
|
1837
|
+
"readonly": true,
|
|
1838
|
+
"attribute": "value"
|
|
1839
|
+
},
|
|
1840
|
+
{
|
|
1841
|
+
"kind": "method",
|
|
1842
|
+
"name": "checkValidity",
|
|
1843
|
+
"description": "Returns whether this button satisfies its validation constraints.",
|
|
1844
|
+
"return": {
|
|
1845
|
+
"type": {
|
|
1846
|
+
"text": "Promise<boolean>",
|
|
1847
|
+
"references": [
|
|
1848
|
+
{
|
|
1849
|
+
"name": "Promise",
|
|
1850
|
+
"package": "global:"
|
|
1851
|
+
}
|
|
1852
|
+
]
|
|
1853
|
+
}
|
|
1854
|
+
}
|
|
1855
|
+
},
|
|
1856
|
+
{
|
|
1857
|
+
"kind": "method",
|
|
1858
|
+
"name": "reportValidity",
|
|
1859
|
+
"description": "Reports validity to the user, showing native validation UI if invalid.",
|
|
1860
|
+
"return": {
|
|
1861
|
+
"type": {
|
|
1862
|
+
"text": "Promise<boolean>",
|
|
1863
|
+
"references": [
|
|
1864
|
+
{
|
|
1865
|
+
"name": "Promise",
|
|
1866
|
+
"package": "global:"
|
|
1867
|
+
}
|
|
1868
|
+
]
|
|
1869
|
+
}
|
|
1870
|
+
}
|
|
1871
|
+
}
|
|
1872
|
+
],
|
|
1873
|
+
"events": [
|
|
1874
|
+
{
|
|
1875
|
+
"name": "bdsChange",
|
|
1876
|
+
"description": "Emitted on every toggle — both when the button becomes checked and when it becomes unchecked.\nPayload: `{ checked: boolean, value: string }`.",
|
|
1877
|
+
"type": {
|
|
1878
|
+
"text": "CustomEvent<CheckboxButtonChangeDetail>",
|
|
956
1879
|
"references": [
|
|
957
1880
|
{
|
|
958
|
-
"name": "
|
|
959
|
-
"module": "./types/
|
|
1881
|
+
"name": "CheckboxButtonChangeDetail",
|
|
1882
|
+
"module": "./types/ICheckboxButton"
|
|
960
1883
|
}
|
|
961
1884
|
]
|
|
962
|
-
}
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
"
|
|
1885
|
+
}
|
|
1886
|
+
},
|
|
1887
|
+
{
|
|
1888
|
+
"name": "valueChange",
|
|
1889
|
+
"description": "Emitted when the checked state changes. Used for `v-model` two-way binding in Vue. Payload: `boolean`.",
|
|
1890
|
+
"type": {
|
|
1891
|
+
"text": "CustomEvent<boolean>"
|
|
1892
|
+
}
|
|
966
1893
|
}
|
|
967
1894
|
],
|
|
968
1895
|
"slots": [
|
|
969
1896
|
{
|
|
970
1897
|
"name": "",
|
|
971
|
-
"description": "
|
|
1898
|
+
"description": "Label content rendered when no `label` prop is provided."
|
|
1899
|
+
},
|
|
1900
|
+
{
|
|
1901
|
+
"name": "icon",
|
|
1902
|
+
"description": "Optional icon displayed to the left of the label."
|
|
972
1903
|
}
|
|
973
1904
|
]
|
|
974
1905
|
}
|
|
@@ -976,36 +1907,41 @@
|
|
|
976
1907
|
"exports": [
|
|
977
1908
|
{
|
|
978
1909
|
"kind": "js",
|
|
979
|
-
"name": "
|
|
1910
|
+
"name": "BdsCheckboxButton",
|
|
980
1911
|
"declaration": {
|
|
981
|
-
"name": "
|
|
1912
|
+
"name": "BdsCheckboxButton"
|
|
982
1913
|
}
|
|
983
1914
|
},
|
|
984
1915
|
{
|
|
985
1916
|
"kind": "custom-element-definition",
|
|
986
|
-
"name": "bds-button
|
|
1917
|
+
"name": "bds-checkbox-button",
|
|
987
1918
|
"declaration": {
|
|
988
|
-
"name": "
|
|
1919
|
+
"name": "BdsCheckboxButton"
|
|
989
1920
|
}
|
|
990
1921
|
}
|
|
991
1922
|
]
|
|
992
1923
|
},
|
|
993
1924
|
{
|
|
994
1925
|
"kind": "javascript-module",
|
|
995
|
-
"path": "src/components/forms/bds-checkbox/bds-checkbox.tsx",
|
|
1926
|
+
"path": "src/components/forms/bds-checkbox/bds-checkbox-card/bds-checkbox-card.tsx",
|
|
996
1927
|
"declarations": [
|
|
997
1928
|
{
|
|
998
1929
|
"kind": "class",
|
|
999
1930
|
"customElement": true,
|
|
1000
|
-
"tagName": "bds-checkbox",
|
|
1001
|
-
"name": "
|
|
1002
|
-
"description": "Checkbox component for boolean selection with three visual states.",
|
|
1931
|
+
"tagName": "bds-checkbox-card",
|
|
1932
|
+
"name": "BdsCheckboxCard",
|
|
1003
1933
|
"attributes": [
|
|
1004
1934
|
{
|
|
1005
1935
|
"name": "checked",
|
|
1006
|
-
"description": "Whether
|
|
1936
|
+
"description": "Whether this checkbox card is selected.",
|
|
1007
1937
|
"type": {
|
|
1008
|
-
"text": "boolean"
|
|
1938
|
+
"text": "boolean",
|
|
1939
|
+
"references": [
|
|
1940
|
+
{
|
|
1941
|
+
"name": "ICheckboxCard",
|
|
1942
|
+
"module": "./types/ICheckboxCard"
|
|
1943
|
+
}
|
|
1944
|
+
]
|
|
1009
1945
|
},
|
|
1010
1946
|
"default": "false",
|
|
1011
1947
|
"fieldName": "checked"
|
|
@@ -1014,34 +1950,58 @@
|
|
|
1014
1950
|
"name": "disabled",
|
|
1015
1951
|
"description": "Disables the control.",
|
|
1016
1952
|
"type": {
|
|
1017
|
-
"text": "boolean"
|
|
1953
|
+
"text": "boolean",
|
|
1954
|
+
"references": [
|
|
1955
|
+
{
|
|
1956
|
+
"name": "ICheckboxCard",
|
|
1957
|
+
"module": "./types/ICheckboxCard"
|
|
1958
|
+
}
|
|
1959
|
+
]
|
|
1018
1960
|
},
|
|
1019
1961
|
"default": "false",
|
|
1020
1962
|
"fieldName": "disabled"
|
|
1021
1963
|
},
|
|
1022
1964
|
{
|
|
1023
1965
|
"name": "error",
|
|
1024
|
-
"description": "
|
|
1966
|
+
"description": "Whether the checkbox card is in an error state.",
|
|
1025
1967
|
"type": {
|
|
1026
|
-
"text": "boolean"
|
|
1968
|
+
"text": "boolean",
|
|
1969
|
+
"references": [
|
|
1970
|
+
{
|
|
1971
|
+
"name": "ICheckboxCard",
|
|
1972
|
+
"module": "./types/ICheckboxCard"
|
|
1973
|
+
}
|
|
1974
|
+
]
|
|
1027
1975
|
},
|
|
1028
1976
|
"default": "false",
|
|
1029
1977
|
"fieldName": "error"
|
|
1030
1978
|
},
|
|
1031
1979
|
{
|
|
1032
1980
|
"name": "indeterminate",
|
|
1033
|
-
"description": "Whether the checkbox shows an indeterminate
|
|
1981
|
+
"description": "Whether the checkbox card shows an indeterminate visual state.",
|
|
1034
1982
|
"type": {
|
|
1035
|
-
"text": "boolean"
|
|
1983
|
+
"text": "boolean",
|
|
1984
|
+
"references": [
|
|
1985
|
+
{
|
|
1986
|
+
"name": "ICheckboxCard",
|
|
1987
|
+
"module": "./types/ICheckboxCard"
|
|
1988
|
+
}
|
|
1989
|
+
]
|
|
1036
1990
|
},
|
|
1037
1991
|
"default": "false",
|
|
1038
1992
|
"fieldName": "indeterminate"
|
|
1039
1993
|
},
|
|
1040
1994
|
{
|
|
1041
1995
|
"name": "label",
|
|
1042
|
-
"description": "Label displayed next to the checkbox.
|
|
1996
|
+
"description": "Label text displayed next to the checkbox indicator. Falls back to the default slot when empty.",
|
|
1043
1997
|
"type": {
|
|
1044
|
-
"text": "string"
|
|
1998
|
+
"text": "string",
|
|
1999
|
+
"references": [
|
|
2000
|
+
{
|
|
2001
|
+
"name": "ICheckboxCard",
|
|
2002
|
+
"module": "./types/ICheckboxCard"
|
|
2003
|
+
}
|
|
2004
|
+
]
|
|
1045
2005
|
},
|
|
1046
2006
|
"default": "''",
|
|
1047
2007
|
"fieldName": "label"
|
|
@@ -1050,7 +2010,13 @@
|
|
|
1050
2010
|
"name": "name",
|
|
1051
2011
|
"description": "Name of the form control, submitted as a key in the form data.",
|
|
1052
2012
|
"type": {
|
|
1053
|
-
"text": "string"
|
|
2013
|
+
"text": "string",
|
|
2014
|
+
"references": [
|
|
2015
|
+
{
|
|
2016
|
+
"name": "ICheckboxCard",
|
|
2017
|
+
"module": "./types/ICheckboxCard"
|
|
2018
|
+
}
|
|
2019
|
+
]
|
|
1054
2020
|
},
|
|
1055
2021
|
"fieldName": "name"
|
|
1056
2022
|
},
|
|
@@ -1058,16 +2024,28 @@
|
|
|
1058
2024
|
"name": "required",
|
|
1059
2025
|
"description": "Marks the control as required for form submission.",
|
|
1060
2026
|
"type": {
|
|
1061
|
-
"text": "boolean"
|
|
2027
|
+
"text": "boolean",
|
|
2028
|
+
"references": [
|
|
2029
|
+
{
|
|
2030
|
+
"name": "ICheckboxCard",
|
|
2031
|
+
"module": "./types/ICheckboxCard"
|
|
2032
|
+
}
|
|
2033
|
+
]
|
|
1062
2034
|
},
|
|
1063
2035
|
"default": "false",
|
|
1064
2036
|
"fieldName": "required"
|
|
1065
2037
|
},
|
|
1066
2038
|
{
|
|
1067
2039
|
"name": "value",
|
|
1068
|
-
"description": "Value submitted with the form
|
|
2040
|
+
"description": "Value submitted with the form when this checkbox is selected.",
|
|
1069
2041
|
"type": {
|
|
1070
|
-
"text": "string"
|
|
2042
|
+
"text": "string",
|
|
2043
|
+
"references": [
|
|
2044
|
+
{
|
|
2045
|
+
"name": "ICheckboxCard",
|
|
2046
|
+
"module": "./types/ICheckboxCard"
|
|
2047
|
+
}
|
|
2048
|
+
]
|
|
1071
2049
|
},
|
|
1072
2050
|
"default": "'on'",
|
|
1073
2051
|
"fieldName": "value"
|
|
@@ -1077,9 +2055,15 @@
|
|
|
1077
2055
|
{
|
|
1078
2056
|
"kind": "field",
|
|
1079
2057
|
"name": "checked",
|
|
1080
|
-
"description": "Whether
|
|
2058
|
+
"description": "Whether this checkbox card is selected.",
|
|
1081
2059
|
"type": {
|
|
1082
|
-
"text": "boolean"
|
|
2060
|
+
"text": "boolean",
|
|
2061
|
+
"references": [
|
|
2062
|
+
{
|
|
2063
|
+
"name": "ICheckboxCard",
|
|
2064
|
+
"module": "./types/ICheckboxCard"
|
|
2065
|
+
}
|
|
2066
|
+
]
|
|
1083
2067
|
},
|
|
1084
2068
|
"default": "false",
|
|
1085
2069
|
"attribute": "checked",
|
|
@@ -1090,7 +2074,13 @@
|
|
|
1090
2074
|
"name": "disabled",
|
|
1091
2075
|
"description": "Disables the control.",
|
|
1092
2076
|
"type": {
|
|
1093
|
-
"text": "boolean"
|
|
2077
|
+
"text": "boolean",
|
|
2078
|
+
"references": [
|
|
2079
|
+
{
|
|
2080
|
+
"name": "ICheckboxCard",
|
|
2081
|
+
"module": "./types/ICheckboxCard"
|
|
2082
|
+
}
|
|
2083
|
+
]
|
|
1094
2084
|
},
|
|
1095
2085
|
"default": "false",
|
|
1096
2086
|
"readonly": true,
|
|
@@ -1100,9 +2090,15 @@
|
|
|
1100
2090
|
{
|
|
1101
2091
|
"kind": "field",
|
|
1102
2092
|
"name": "error",
|
|
1103
|
-
"description": "
|
|
2093
|
+
"description": "Whether the checkbox card is in an error state.",
|
|
1104
2094
|
"type": {
|
|
1105
|
-
"text": "boolean"
|
|
2095
|
+
"text": "boolean",
|
|
2096
|
+
"references": [
|
|
2097
|
+
{
|
|
2098
|
+
"name": "ICheckboxCard",
|
|
2099
|
+
"module": "./types/ICheckboxCard"
|
|
2100
|
+
}
|
|
2101
|
+
]
|
|
1106
2102
|
},
|
|
1107
2103
|
"default": "false",
|
|
1108
2104
|
"readonly": true,
|
|
@@ -1112,20 +2108,33 @@
|
|
|
1112
2108
|
{
|
|
1113
2109
|
"kind": "field",
|
|
1114
2110
|
"name": "indeterminate",
|
|
1115
|
-
"description": "Whether the checkbox shows an indeterminate
|
|
2111
|
+
"description": "Whether the checkbox card shows an indeterminate visual state.",
|
|
1116
2112
|
"type": {
|
|
1117
|
-
"text": "boolean"
|
|
2113
|
+
"text": "boolean",
|
|
2114
|
+
"references": [
|
|
2115
|
+
{
|
|
2116
|
+
"name": "ICheckboxCard",
|
|
2117
|
+
"module": "./types/ICheckboxCard"
|
|
2118
|
+
}
|
|
2119
|
+
]
|
|
1118
2120
|
},
|
|
1119
2121
|
"default": "false",
|
|
2122
|
+
"readonly": true,
|
|
1120
2123
|
"attribute": "indeterminate",
|
|
1121
2124
|
"reflects": true
|
|
1122
2125
|
},
|
|
1123
2126
|
{
|
|
1124
2127
|
"kind": "field",
|
|
1125
2128
|
"name": "label",
|
|
1126
|
-
"description": "Label displayed next to the checkbox.
|
|
2129
|
+
"description": "Label text displayed next to the checkbox indicator. Falls back to the default slot when empty.",
|
|
1127
2130
|
"type": {
|
|
1128
|
-
"text": "string"
|
|
2131
|
+
"text": "string",
|
|
2132
|
+
"references": [
|
|
2133
|
+
{
|
|
2134
|
+
"name": "ICheckboxCard",
|
|
2135
|
+
"module": "./types/ICheckboxCard"
|
|
2136
|
+
}
|
|
2137
|
+
]
|
|
1129
2138
|
},
|
|
1130
2139
|
"default": "''",
|
|
1131
2140
|
"readonly": true,
|
|
@@ -1136,7 +2145,13 @@
|
|
|
1136
2145
|
"name": "name",
|
|
1137
2146
|
"description": "Name of the form control, submitted as a key in the form data.",
|
|
1138
2147
|
"type": {
|
|
1139
|
-
"text": "string"
|
|
2148
|
+
"text": "string",
|
|
2149
|
+
"references": [
|
|
2150
|
+
{
|
|
2151
|
+
"name": "ICheckboxCard",
|
|
2152
|
+
"module": "./types/ICheckboxCard"
|
|
2153
|
+
}
|
|
2154
|
+
]
|
|
1140
2155
|
},
|
|
1141
2156
|
"readonly": true,
|
|
1142
2157
|
"attribute": "name",
|
|
@@ -1147,7 +2162,13 @@
|
|
|
1147
2162
|
"name": "required",
|
|
1148
2163
|
"description": "Marks the control as required for form submission.",
|
|
1149
2164
|
"type": {
|
|
1150
|
-
"text": "boolean"
|
|
2165
|
+
"text": "boolean",
|
|
2166
|
+
"references": [
|
|
2167
|
+
{
|
|
2168
|
+
"name": "ICheckboxCard",
|
|
2169
|
+
"module": "./types/ICheckboxCard"
|
|
2170
|
+
}
|
|
2171
|
+
]
|
|
1151
2172
|
},
|
|
1152
2173
|
"default": "false",
|
|
1153
2174
|
"readonly": true,
|
|
@@ -1157,41 +2178,82 @@
|
|
|
1157
2178
|
{
|
|
1158
2179
|
"kind": "field",
|
|
1159
2180
|
"name": "value",
|
|
1160
|
-
"description": "Value submitted with the form
|
|
2181
|
+
"description": "Value submitted with the form when this checkbox is selected.",
|
|
1161
2182
|
"type": {
|
|
1162
|
-
"text": "string"
|
|
2183
|
+
"text": "string",
|
|
2184
|
+
"references": [
|
|
2185
|
+
{
|
|
2186
|
+
"name": "ICheckboxCard",
|
|
2187
|
+
"module": "./types/ICheckboxCard"
|
|
2188
|
+
}
|
|
2189
|
+
]
|
|
1163
2190
|
},
|
|
1164
2191
|
"default": "'on'",
|
|
1165
2192
|
"readonly": true,
|
|
1166
|
-
"attribute": "value"
|
|
2193
|
+
"attribute": "value",
|
|
2194
|
+
"reflects": true
|
|
2195
|
+
},
|
|
2196
|
+
{
|
|
2197
|
+
"kind": "method",
|
|
2198
|
+
"name": "checkValidity",
|
|
2199
|
+
"description": "Reports the group's validity state to the user, showing native validation UI if invalid.",
|
|
2200
|
+
"return": {
|
|
2201
|
+
"type": {
|
|
2202
|
+
"text": "Promise<boolean>",
|
|
2203
|
+
"references": [
|
|
2204
|
+
{
|
|
2205
|
+
"name": "Promise",
|
|
2206
|
+
"package": "global:"
|
|
2207
|
+
}
|
|
2208
|
+
]
|
|
2209
|
+
}
|
|
2210
|
+
}
|
|
2211
|
+
},
|
|
2212
|
+
{
|
|
2213
|
+
"kind": "method",
|
|
2214
|
+
"name": "reportValidity",
|
|
2215
|
+
"description": "Reports the group's validity state to the user, showing native validation UI if invalid.",
|
|
2216
|
+
"return": {
|
|
2217
|
+
"type": {
|
|
2218
|
+
"text": "Promise<boolean>",
|
|
2219
|
+
"references": [
|
|
2220
|
+
{
|
|
2221
|
+
"name": "Promise",
|
|
2222
|
+
"package": "global:"
|
|
2223
|
+
}
|
|
2224
|
+
]
|
|
2225
|
+
}
|
|
2226
|
+
}
|
|
1167
2227
|
}
|
|
1168
2228
|
],
|
|
1169
2229
|
"events": [
|
|
1170
2230
|
{
|
|
1171
2231
|
"name": "bdsChange",
|
|
1172
|
-
"description": "Emitted when the user toggles
|
|
2232
|
+
"description": "Emitted when the user toggles this checkbox card.",
|
|
1173
2233
|
"type": {
|
|
1174
|
-
"text": "CustomEvent<
|
|
1175
|
-
"references": [
|
|
1176
|
-
{
|
|
1177
|
-
"name": "CheckboxChangeDetail",
|
|
1178
|
-
"module": "./types/ICheckbox"
|
|
1179
|
-
}
|
|
1180
|
-
]
|
|
2234
|
+
"text": "CustomEvent<any>"
|
|
1181
2235
|
}
|
|
1182
2236
|
},
|
|
1183
2237
|
{
|
|
1184
2238
|
"name": "valueChange",
|
|
1185
|
-
"description": "Emitted when the checked state changes
|
|
2239
|
+
"description": "Emitted when the checked state changes. Useful for 2-way binding / v-model.",
|
|
1186
2240
|
"type": {
|
|
1187
|
-
"text": "CustomEvent<
|
|
2241
|
+
"text": "CustomEvent<any>"
|
|
1188
2242
|
}
|
|
1189
2243
|
}
|
|
1190
2244
|
],
|
|
1191
2245
|
"slots": [
|
|
1192
2246
|
{
|
|
1193
2247
|
"name": "",
|
|
1194
|
-
"description": "
|
|
2248
|
+
"description": "Label content when no `label` prop is provided."
|
|
2249
|
+
},
|
|
2250
|
+
{
|
|
2251
|
+
"name": "description",
|
|
2252
|
+
"description": "Optional descriptive text rendered below the label."
|
|
2253
|
+
},
|
|
2254
|
+
{
|
|
2255
|
+
"name": "icon",
|
|
2256
|
+
"description": "Optional icon rendered to the left of the label."
|
|
1195
2257
|
}
|
|
1196
2258
|
]
|
|
1197
2259
|
}
|
|
@@ -1199,181 +2261,149 @@
|
|
|
1199
2261
|
"exports": [
|
|
1200
2262
|
{
|
|
1201
2263
|
"kind": "js",
|
|
1202
|
-
"name": "
|
|
2264
|
+
"name": "BdsCheckboxCard",
|
|
1203
2265
|
"declaration": {
|
|
1204
|
-
"name": "
|
|
2266
|
+
"name": "BdsCheckboxCard"
|
|
1205
2267
|
}
|
|
1206
2268
|
},
|
|
1207
2269
|
{
|
|
1208
2270
|
"kind": "custom-element-definition",
|
|
1209
|
-
"name": "bds-checkbox",
|
|
2271
|
+
"name": "bds-checkbox-card",
|
|
1210
2272
|
"declaration": {
|
|
1211
|
-
"name": "
|
|
2273
|
+
"name": "BdsCheckboxCard"
|
|
1212
2274
|
}
|
|
1213
2275
|
}
|
|
1214
2276
|
]
|
|
1215
2277
|
},
|
|
1216
2278
|
{
|
|
1217
2279
|
"kind": "javascript-module",
|
|
1218
|
-
"path": "src/components/forms/bds-checkbox-
|
|
2280
|
+
"path": "src/components/forms/bds-checkbox/bds-checkbox-group/bds-checkbox-group.tsx",
|
|
1219
2281
|
"declarations": [
|
|
1220
2282
|
{
|
|
1221
2283
|
"kind": "class",
|
|
1222
2284
|
"customElement": true,
|
|
1223
|
-
"tagName": "bds-checkbox-
|
|
1224
|
-
"name": "
|
|
1225
|
-
"description": "Checkbox
|
|
2285
|
+
"tagName": "bds-checkbox-group",
|
|
2286
|
+
"name": "BdsCheckboxGroup",
|
|
2287
|
+
"description": "Checkbox group component that orchestrates multi-selection across a set of `bds-checkbox`, `bds-checkbox-button`, `bds-checkbox-card` children.",
|
|
1226
2288
|
"attributes": [
|
|
1227
|
-
{
|
|
1228
|
-
"name": "checked",
|
|
1229
|
-
"description": "Whether this checkbox card is selected.",
|
|
1230
|
-
"type": {
|
|
1231
|
-
"text": "boolean",
|
|
1232
|
-
"references": [
|
|
1233
|
-
{
|
|
1234
|
-
"name": "ICheckboxCard",
|
|
1235
|
-
"module": "./types/ICheckboxCard"
|
|
1236
|
-
}
|
|
1237
|
-
]
|
|
1238
|
-
},
|
|
1239
|
-
"default": "false",
|
|
1240
|
-
"fieldName": "checked"
|
|
1241
|
-
},
|
|
1242
2289
|
{
|
|
1243
2290
|
"name": "disabled",
|
|
1244
|
-
"description": "Disables
|
|
2291
|
+
"description": "Disables all child checkboxes and prevents selection. Also mirrored to isDisabled",
|
|
1245
2292
|
"type": {
|
|
1246
|
-
"text": "boolean"
|
|
1247
|
-
"references": [
|
|
1248
|
-
{
|
|
1249
|
-
"name": "ICheckboxCard",
|
|
1250
|
-
"module": "./types/ICheckboxCard"
|
|
1251
|
-
}
|
|
1252
|
-
]
|
|
2293
|
+
"text": "boolean"
|
|
1253
2294
|
},
|
|
1254
2295
|
"default": "false",
|
|
1255
2296
|
"fieldName": "disabled"
|
|
1256
2297
|
},
|
|
1257
2298
|
{
|
|
1258
2299
|
"name": "error",
|
|
1259
|
-
"description": "
|
|
2300
|
+
"description": "Shows error styling on the group helper text. Propagated to all child checkboxes.",
|
|
1260
2301
|
"type": {
|
|
1261
|
-
"text": "boolean"
|
|
1262
|
-
"references": [
|
|
1263
|
-
{
|
|
1264
|
-
"name": "ICheckboxCard",
|
|
1265
|
-
"module": "./types/ICheckboxCard"
|
|
1266
|
-
}
|
|
1267
|
-
]
|
|
2302
|
+
"text": "boolean"
|
|
1268
2303
|
},
|
|
1269
2304
|
"default": "false",
|
|
1270
2305
|
"fieldName": "error"
|
|
1271
2306
|
},
|
|
1272
2307
|
{
|
|
1273
|
-
"name": "
|
|
1274
|
-
"description": "
|
|
2308
|
+
"name": "error-message",
|
|
2309
|
+
"description": "Error message rendered below the checkbox options when error is true. Replaces helperText.",
|
|
1275
2310
|
"type": {
|
|
1276
|
-
"text": "
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
2311
|
+
"text": "string"
|
|
2312
|
+
},
|
|
2313
|
+
"default": "''",
|
|
2314
|
+
"fieldName": "errorMessage"
|
|
2315
|
+
},
|
|
2316
|
+
{
|
|
2317
|
+
"name": "helper-text",
|
|
2318
|
+
"description": "Helper text rendered below the checkbox options. Shown in default state; replaced by errorMessage in error state.",
|
|
2319
|
+
"type": {
|
|
2320
|
+
"text": "string"
|
|
2321
|
+
},
|
|
2322
|
+
"default": "''",
|
|
2323
|
+
"fieldName": "helperText"
|
|
2324
|
+
},
|
|
2325
|
+
{
|
|
2326
|
+
"name": "info",
|
|
2327
|
+
"description": "Tooltip text shown on the group label info icon.",
|
|
2328
|
+
"type": {
|
|
2329
|
+
"text": "string"
|
|
2330
|
+
},
|
|
2331
|
+
"default": "''",
|
|
2332
|
+
"fieldName": "info"
|
|
2333
|
+
},
|
|
2334
|
+
{
|
|
2335
|
+
"name": "joined",
|
|
2336
|
+
"description": "Hides the divider between checkbox buttons when type is 'checkboxbutton'.",
|
|
2337
|
+
"type": {
|
|
2338
|
+
"text": "boolean"
|
|
1283
2339
|
},
|
|
1284
2340
|
"default": "false",
|
|
1285
|
-
"fieldName": "
|
|
2341
|
+
"fieldName": "joined"
|
|
1286
2342
|
},
|
|
1287
2343
|
{
|
|
1288
2344
|
"name": "label",
|
|
1289
|
-
"description": "
|
|
2345
|
+
"description": "Group label rendered above the checkbox options.",
|
|
1290
2346
|
"type": {
|
|
1291
|
-
"text": "string"
|
|
1292
|
-
"references": [
|
|
1293
|
-
{
|
|
1294
|
-
"name": "ICheckboxCard",
|
|
1295
|
-
"module": "./types/ICheckboxCard"
|
|
1296
|
-
}
|
|
1297
|
-
]
|
|
2347
|
+
"text": "string"
|
|
1298
2348
|
},
|
|
1299
2349
|
"default": "''",
|
|
1300
2350
|
"fieldName": "label"
|
|
1301
2351
|
},
|
|
1302
2352
|
{
|
|
1303
2353
|
"name": "name",
|
|
1304
|
-
"description": "Name of the form control
|
|
2354
|
+
"description": "Name of the form control; submitted as the field key in FormData.",
|
|
1305
2355
|
"type": {
|
|
1306
|
-
"text": "string"
|
|
1307
|
-
"references": [
|
|
1308
|
-
{
|
|
1309
|
-
"name": "ICheckboxCard",
|
|
1310
|
-
"module": "./types/ICheckboxCard"
|
|
1311
|
-
}
|
|
1312
|
-
]
|
|
2356
|
+
"text": "string"
|
|
1313
2357
|
},
|
|
1314
2358
|
"fieldName": "name"
|
|
1315
2359
|
},
|
|
1316
2360
|
{
|
|
1317
|
-
"name": "
|
|
1318
|
-
"description": "
|
|
2361
|
+
"name": "orientation",
|
|
2362
|
+
"description": "Layout direction of the checkbox options.",
|
|
1319
2363
|
"type": {
|
|
1320
|
-
"text": "
|
|
2364
|
+
"text": "\"horizontal\" | \"vertical\"",
|
|
1321
2365
|
"references": [
|
|
1322
2366
|
{
|
|
1323
|
-
"name": "
|
|
1324
|
-
"module": "
|
|
2367
|
+
"name": "Orientation",
|
|
2368
|
+
"module": "@/types"
|
|
1325
2369
|
}
|
|
1326
2370
|
]
|
|
1327
2371
|
},
|
|
2372
|
+
"default": "'horizontal'",
|
|
2373
|
+
"fieldName": "orientation"
|
|
2374
|
+
},
|
|
2375
|
+
{
|
|
2376
|
+
"name": "required",
|
|
2377
|
+
"description": "Marks the group as required for form submission. Triggers validity error when no checkboxes are selected.",
|
|
2378
|
+
"type": {
|
|
2379
|
+
"text": "boolean"
|
|
2380
|
+
},
|
|
1328
2381
|
"default": "false",
|
|
1329
2382
|
"fieldName": "required"
|
|
1330
2383
|
},
|
|
1331
2384
|
{
|
|
1332
|
-
"name": "
|
|
1333
|
-
"description": "
|
|
2385
|
+
"name": "type",
|
|
2386
|
+
"description": "Identifies this group variant. 'checkbox' renders bds-checkbox children; 'checkboxbutton' renders bds-checkbox-button segmented control; 'checkboxcard' renders bds-checkbox-card element.",
|
|
1334
2387
|
"type": {
|
|
1335
|
-
"text": "
|
|
2388
|
+
"text": "\"checkbox\" | \"checkboxbutton\" | \"checkboxcard\"",
|
|
1336
2389
|
"references": [
|
|
1337
2390
|
{
|
|
1338
|
-
"name": "
|
|
1339
|
-
"module": "./types
|
|
2391
|
+
"name": "CheckboxGroupType",
|
|
2392
|
+
"module": "./types"
|
|
1340
2393
|
}
|
|
1341
2394
|
]
|
|
1342
2395
|
},
|
|
1343
|
-
"default": "'
|
|
1344
|
-
"fieldName": "
|
|
2396
|
+
"default": "'checkbox'",
|
|
2397
|
+
"fieldName": "type"
|
|
1345
2398
|
}
|
|
1346
2399
|
],
|
|
1347
2400
|
"members": [
|
|
1348
2401
|
{
|
|
1349
2402
|
"kind": "field",
|
|
1350
|
-
"name": "
|
|
1351
|
-
"description": "
|
|
1352
|
-
"type": {
|
|
1353
|
-
"text": "boolean"
|
|
1354
|
-
"references": [
|
|
1355
|
-
{
|
|
1356
|
-
"name": "ICheckboxCard",
|
|
1357
|
-
"module": "./types/ICheckboxCard"
|
|
1358
|
-
}
|
|
1359
|
-
]
|
|
1360
|
-
},
|
|
1361
|
-
"default": "false",
|
|
1362
|
-
"attribute": "checked",
|
|
1363
|
-
"reflects": true
|
|
1364
|
-
},
|
|
1365
|
-
{
|
|
1366
|
-
"kind": "field",
|
|
1367
|
-
"name": "disabled",
|
|
1368
|
-
"description": "Disables the control.",
|
|
1369
|
-
"type": {
|
|
1370
|
-
"text": "boolean",
|
|
1371
|
-
"references": [
|
|
1372
|
-
{
|
|
1373
|
-
"name": "ICheckboxCard",
|
|
1374
|
-
"module": "./types/ICheckboxCard"
|
|
1375
|
-
}
|
|
1376
|
-
]
|
|
2403
|
+
"name": "disabled",
|
|
2404
|
+
"description": "Disables all child checkboxes and prevents selection. Also mirrored to isDisabled",
|
|
2405
|
+
"type": {
|
|
2406
|
+
"text": "boolean"
|
|
1377
2407
|
},
|
|
1378
2408
|
"default": "false",
|
|
1379
2409
|
"readonly": true,
|
|
@@ -1383,15 +2413,9 @@
|
|
|
1383
2413
|
{
|
|
1384
2414
|
"kind": "field",
|
|
1385
2415
|
"name": "error",
|
|
1386
|
-
"description": "
|
|
2416
|
+
"description": "Shows error styling on the group helper text. Propagated to all child checkboxes.",
|
|
1387
2417
|
"type": {
|
|
1388
|
-
"text": "boolean"
|
|
1389
|
-
"references": [
|
|
1390
|
-
{
|
|
1391
|
-
"name": "ICheckboxCard",
|
|
1392
|
-
"module": "./types/ICheckboxCard"
|
|
1393
|
-
}
|
|
1394
|
-
]
|
|
2418
|
+
"text": "boolean"
|
|
1395
2419
|
},
|
|
1396
2420
|
"default": "false",
|
|
1397
2421
|
"readonly": true,
|
|
@@ -1400,33 +2424,55 @@
|
|
|
1400
2424
|
},
|
|
1401
2425
|
{
|
|
1402
2426
|
"kind": "field",
|
|
1403
|
-
"name": "
|
|
1404
|
-
"description": "
|
|
2427
|
+
"name": "errorMessage",
|
|
2428
|
+
"description": "Error message rendered below the checkbox options when error is true. Replaces helperText.",
|
|
1405
2429
|
"type": {
|
|
1406
|
-
"text": "
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
2430
|
+
"text": "string"
|
|
2431
|
+
},
|
|
2432
|
+
"default": "''",
|
|
2433
|
+
"readonly": true,
|
|
2434
|
+
"attribute": "error-message"
|
|
2435
|
+
},
|
|
2436
|
+
{
|
|
2437
|
+
"kind": "field",
|
|
2438
|
+
"name": "helperText",
|
|
2439
|
+
"description": "Helper text rendered below the checkbox options. Shown in default state; replaced by errorMessage in error state.",
|
|
2440
|
+
"type": {
|
|
2441
|
+
"text": "string"
|
|
2442
|
+
},
|
|
2443
|
+
"default": "''",
|
|
2444
|
+
"readonly": true,
|
|
2445
|
+
"attribute": "helper-text"
|
|
2446
|
+
},
|
|
2447
|
+
{
|
|
2448
|
+
"kind": "field",
|
|
2449
|
+
"name": "info",
|
|
2450
|
+
"description": "Tooltip text shown on the group label info icon.",
|
|
2451
|
+
"type": {
|
|
2452
|
+
"text": "string"
|
|
2453
|
+
},
|
|
2454
|
+
"default": "''",
|
|
2455
|
+
"readonly": true,
|
|
2456
|
+
"attribute": "info"
|
|
2457
|
+
},
|
|
2458
|
+
{
|
|
2459
|
+
"kind": "field",
|
|
2460
|
+
"name": "joined",
|
|
2461
|
+
"description": "Hides the divider between checkbox buttons when type is 'checkboxbutton'.",
|
|
2462
|
+
"type": {
|
|
2463
|
+
"text": "boolean"
|
|
1413
2464
|
},
|
|
1414
2465
|
"default": "false",
|
|
1415
|
-
"
|
|
2466
|
+
"readonly": true,
|
|
2467
|
+
"attribute": "joined",
|
|
1416
2468
|
"reflects": true
|
|
1417
2469
|
},
|
|
1418
2470
|
{
|
|
1419
2471
|
"kind": "field",
|
|
1420
2472
|
"name": "label",
|
|
1421
|
-
"description": "
|
|
2473
|
+
"description": "Group label rendered above the checkbox options.",
|
|
1422
2474
|
"type": {
|
|
1423
|
-
"text": "string"
|
|
1424
|
-
"references": [
|
|
1425
|
-
{
|
|
1426
|
-
"name": "ICheckboxCard",
|
|
1427
|
-
"module": "./types/ICheckboxCard"
|
|
1428
|
-
}
|
|
1429
|
-
]
|
|
2475
|
+
"text": "string"
|
|
1430
2476
|
},
|
|
1431
2477
|
"default": "''",
|
|
1432
2478
|
"readonly": true,
|
|
@@ -1435,15 +2481,9 @@
|
|
|
1435
2481
|
{
|
|
1436
2482
|
"kind": "field",
|
|
1437
2483
|
"name": "name",
|
|
1438
|
-
"description": "Name of the form control
|
|
2484
|
+
"description": "Name of the form control; submitted as the field key in FormData.",
|
|
1439
2485
|
"type": {
|
|
1440
|
-
"text": "string"
|
|
1441
|
-
"references": [
|
|
1442
|
-
{
|
|
1443
|
-
"name": "ICheckboxCard",
|
|
1444
|
-
"module": "./types/ICheckboxCard"
|
|
1445
|
-
}
|
|
1446
|
-
]
|
|
2486
|
+
"text": "string"
|
|
1447
2487
|
},
|
|
1448
2488
|
"readonly": true,
|
|
1449
2489
|
"attribute": "name",
|
|
@@ -1451,17 +2491,29 @@
|
|
|
1451
2491
|
},
|
|
1452
2492
|
{
|
|
1453
2493
|
"kind": "field",
|
|
1454
|
-
"name": "
|
|
1455
|
-
"description": "
|
|
2494
|
+
"name": "orientation",
|
|
2495
|
+
"description": "Layout direction of the checkbox options.",
|
|
1456
2496
|
"type": {
|
|
1457
|
-
"text": "
|
|
2497
|
+
"text": "\"horizontal\" | \"vertical\"",
|
|
1458
2498
|
"references": [
|
|
1459
2499
|
{
|
|
1460
|
-
"name": "
|
|
1461
|
-
"module": "
|
|
2500
|
+
"name": "Orientation",
|
|
2501
|
+
"module": "@/types"
|
|
1462
2502
|
}
|
|
1463
2503
|
]
|
|
1464
2504
|
},
|
|
2505
|
+
"default": "'horizontal'",
|
|
2506
|
+
"readonly": true,
|
|
2507
|
+
"attribute": "orientation",
|
|
2508
|
+
"reflects": true
|
|
2509
|
+
},
|
|
2510
|
+
{
|
|
2511
|
+
"kind": "field",
|
|
2512
|
+
"name": "required",
|
|
2513
|
+
"description": "Marks the group as required for form submission. Triggers validity error when no checkboxes are selected.",
|
|
2514
|
+
"type": {
|
|
2515
|
+
"text": "boolean"
|
|
2516
|
+
},
|
|
1465
2517
|
"default": "false",
|
|
1466
2518
|
"readonly": true,
|
|
1467
2519
|
"attribute": "required",
|
|
@@ -1469,51 +2521,96 @@
|
|
|
1469
2521
|
},
|
|
1470
2522
|
{
|
|
1471
2523
|
"kind": "field",
|
|
1472
|
-
"name": "
|
|
1473
|
-
"description": "
|
|
2524
|
+
"name": "type",
|
|
2525
|
+
"description": "Identifies this group variant. 'checkbox' renders bds-checkbox children; 'checkboxbutton' renders bds-checkbox-button segmented control; 'checkboxcard' renders bds-checkbox-card element.",
|
|
1474
2526
|
"type": {
|
|
1475
|
-
"text": "
|
|
2527
|
+
"text": "\"checkbox\" | \"checkboxbutton\" | \"checkboxcard\"",
|
|
1476
2528
|
"references": [
|
|
1477
2529
|
{
|
|
1478
|
-
"name": "
|
|
1479
|
-
"module": "./types
|
|
2530
|
+
"name": "CheckboxGroupType",
|
|
2531
|
+
"module": "./types"
|
|
1480
2532
|
}
|
|
1481
2533
|
]
|
|
1482
2534
|
},
|
|
1483
|
-
"default": "'
|
|
2535
|
+
"default": "'checkbox'",
|
|
1484
2536
|
"readonly": true,
|
|
1485
|
-
"attribute": "
|
|
2537
|
+
"attribute": "type",
|
|
1486
2538
|
"reflects": true
|
|
2539
|
+
},
|
|
2540
|
+
{
|
|
2541
|
+
"kind": "field",
|
|
2542
|
+
"name": "value",
|
|
2543
|
+
"description": "Currently selected checkbox values. Synced to children on change.",
|
|
2544
|
+
"type": {
|
|
2545
|
+
"text": "string[]"
|
|
2546
|
+
},
|
|
2547
|
+
"default": "[]"
|
|
2548
|
+
},
|
|
2549
|
+
{
|
|
2550
|
+
"kind": "method",
|
|
2551
|
+
"name": "checkValidity",
|
|
2552
|
+
"description": "Returns whether the group's current value satisfies the browser's built-in constraint validation.",
|
|
2553
|
+
"return": {
|
|
2554
|
+
"type": {
|
|
2555
|
+
"text": "Promise<boolean>",
|
|
2556
|
+
"references": [
|
|
2557
|
+
{
|
|
2558
|
+
"name": "Promise",
|
|
2559
|
+
"package": "global:"
|
|
2560
|
+
}
|
|
2561
|
+
]
|
|
2562
|
+
}
|
|
2563
|
+
}
|
|
2564
|
+
},
|
|
2565
|
+
{
|
|
2566
|
+
"kind": "method",
|
|
2567
|
+
"name": "reportValidity",
|
|
2568
|
+
"description": "Reports the group's validity state to the user, showing native validation UI if invalid.",
|
|
2569
|
+
"return": {
|
|
2570
|
+
"type": {
|
|
2571
|
+
"text": "Promise<boolean>",
|
|
2572
|
+
"references": [
|
|
2573
|
+
{
|
|
2574
|
+
"name": "Promise",
|
|
2575
|
+
"package": "global:"
|
|
2576
|
+
}
|
|
2577
|
+
]
|
|
2578
|
+
}
|
|
2579
|
+
}
|
|
1487
2580
|
}
|
|
1488
2581
|
],
|
|
1489
2582
|
"events": [
|
|
1490
2583
|
{
|
|
1491
2584
|
"name": "bdsChange",
|
|
1492
|
-
"description": "Emitted when the
|
|
2585
|
+
"description": "Emitted when any checkbox is toggled. Payload includes the complete updated values array.",
|
|
1493
2586
|
"type": {
|
|
1494
|
-
"text": "CustomEvent<
|
|
2587
|
+
"text": "CustomEvent<CheckboxGroupChangeDetail>",
|
|
2588
|
+
"references": [
|
|
2589
|
+
{
|
|
2590
|
+
"name": "CheckboxGroupChangeDetail",
|
|
2591
|
+
"module": "./types"
|
|
2592
|
+
}
|
|
2593
|
+
]
|
|
1495
2594
|
}
|
|
1496
2595
|
},
|
|
1497
2596
|
{
|
|
1498
2597
|
"name": "valueChange",
|
|
1499
|
-
"description": "Emitted when
|
|
2598
|
+
"description": "Emitted when any checkbox is toggled. Used for v-model two-way binding in Vue.",
|
|
1500
2599
|
"type": {
|
|
1501
|
-
"text": "CustomEvent<
|
|
2600
|
+
"text": "CustomEvent<string[]>"
|
|
1502
2601
|
}
|
|
1503
2602
|
}
|
|
1504
2603
|
],
|
|
1505
2604
|
"slots": [
|
|
1506
2605
|
{
|
|
1507
2606
|
"name": "",
|
|
1508
|
-
"description": "
|
|
1509
|
-
}
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
"description": "Optional descriptive text rendered below the label."
|
|
1513
|
-
},
|
|
2607
|
+
"description": "Default slot for `bds-checkbox`, `bds-checkbox-button`, `bds-checkbox-card` child elements."
|
|
2608
|
+
}
|
|
2609
|
+
],
|
|
2610
|
+
"cssProperties": [
|
|
1514
2611
|
{
|
|
1515
|
-
"name": "
|
|
1516
|
-
"description": "
|
|
2612
|
+
"name": "--layout-count",
|
|
2613
|
+
"description": "Defines the number of columns for horizontal orientation. Default is 1."
|
|
1517
2614
|
}
|
|
1518
2615
|
]
|
|
1519
2616
|
}
|
|
@@ -1521,16 +2618,16 @@
|
|
|
1521
2618
|
"exports": [
|
|
1522
2619
|
{
|
|
1523
2620
|
"kind": "js",
|
|
1524
|
-
"name": "
|
|
2621
|
+
"name": "BdsCheckboxGroup",
|
|
1525
2622
|
"declaration": {
|
|
1526
|
-
"name": "
|
|
2623
|
+
"name": "BdsCheckboxGroup"
|
|
1527
2624
|
}
|
|
1528
2625
|
},
|
|
1529
2626
|
{
|
|
1530
2627
|
"kind": "custom-element-definition",
|
|
1531
|
-
"name": "bds-checkbox-
|
|
2628
|
+
"name": "bds-checkbox-group",
|
|
1532
2629
|
"declaration": {
|
|
1533
|
-
"name": "
|
|
2630
|
+
"name": "BdsCheckboxGroup"
|
|
1534
2631
|
}
|
|
1535
2632
|
}
|
|
1536
2633
|
]
|
|
@@ -2405,7 +3502,7 @@
|
|
|
2405
3502
|
},
|
|
2406
3503
|
{
|
|
2407
3504
|
"kind": "javascript-module",
|
|
2408
|
-
"path": "src/components/layouts/bds-grid/grid/bds-grid.tsx",
|
|
3505
|
+
"path": "src/components/layouts/bds-grid/bds-grid/bds-grid.tsx",
|
|
2409
3506
|
"declarations": [
|
|
2410
3507
|
{
|
|
2411
3508
|
"kind": "class",
|
|
@@ -2512,7 +3609,7 @@
|
|
|
2512
3609
|
},
|
|
2513
3610
|
{
|
|
2514
3611
|
"kind": "javascript-module",
|
|
2515
|
-
"path": "src/components/layouts/bds-grid/grid-item/bds-grid-item.tsx",
|
|
3612
|
+
"path": "src/components/layouts/bds-grid/bds-grid-item/bds-grid-item.tsx",
|
|
2516
3613
|
"declarations": [
|
|
2517
3614
|
{
|
|
2518
3615
|
"kind": "class",
|
|
@@ -2812,6 +3909,51 @@
|
|
|
2812
3909
|
"name": "BdsListMenu",
|
|
2813
3910
|
"description": "Container component that manages a list of menu items.\nIt handles selection logic (single/multiple) and maintains the data state.",
|
|
2814
3911
|
"attributes": [
|
|
3912
|
+
{
|
|
3913
|
+
"name": "checkable",
|
|
3914
|
+
"description": "Prop to show in all items a checkbox",
|
|
3915
|
+
"type": {
|
|
3916
|
+
"text": "boolean",
|
|
3917
|
+
"references": [
|
|
3918
|
+
{
|
|
3919
|
+
"name": "IListMenu",
|
|
3920
|
+
"module": "./types/IListMenu"
|
|
3921
|
+
}
|
|
3922
|
+
]
|
|
3923
|
+
},
|
|
3924
|
+
"default": "false",
|
|
3925
|
+
"fieldName": "checkable"
|
|
3926
|
+
},
|
|
3927
|
+
{
|
|
3928
|
+
"name": "empty",
|
|
3929
|
+
"description": "is empty state item",
|
|
3930
|
+
"type": {
|
|
3931
|
+
"text": "boolean",
|
|
3932
|
+
"references": [
|
|
3933
|
+
{
|
|
3934
|
+
"name": "IListMenu",
|
|
3935
|
+
"module": "./types/IListMenu"
|
|
3936
|
+
}
|
|
3937
|
+
]
|
|
3938
|
+
},
|
|
3939
|
+
"default": "false",
|
|
3940
|
+
"fieldName": "empty"
|
|
3941
|
+
},
|
|
3942
|
+
{
|
|
3943
|
+
"name": "empty-text",
|
|
3944
|
+
"description": "Prop to show empty text",
|
|
3945
|
+
"type": {
|
|
3946
|
+
"text": "string",
|
|
3947
|
+
"references": [
|
|
3948
|
+
{
|
|
3949
|
+
"name": "IListMenu",
|
|
3950
|
+
"module": "./types/IListMenu"
|
|
3951
|
+
}
|
|
3952
|
+
]
|
|
3953
|
+
},
|
|
3954
|
+
"default": "'No options available'",
|
|
3955
|
+
"fieldName": "emptyText"
|
|
3956
|
+
},
|
|
2815
3957
|
{
|
|
2816
3958
|
"name": "menu-role",
|
|
2817
3959
|
"description": "Defines the ARIA role of the menu. Can be 'menu' or 'listbox'. Default is 'menu'.",
|
|
@@ -2859,6 +4001,58 @@
|
|
|
2859
4001
|
}
|
|
2860
4002
|
],
|
|
2861
4003
|
"members": [
|
|
4004
|
+
{
|
|
4005
|
+
"kind": "field",
|
|
4006
|
+
"name": "checkable",
|
|
4007
|
+
"description": "Prop to show in all items a checkbox",
|
|
4008
|
+
"type": {
|
|
4009
|
+
"text": "boolean",
|
|
4010
|
+
"references": [
|
|
4011
|
+
{
|
|
4012
|
+
"name": "IListMenu",
|
|
4013
|
+
"module": "./types/IListMenu"
|
|
4014
|
+
}
|
|
4015
|
+
]
|
|
4016
|
+
},
|
|
4017
|
+
"default": "false",
|
|
4018
|
+
"readonly": true,
|
|
4019
|
+
"attribute": "checkable"
|
|
4020
|
+
},
|
|
4021
|
+
{
|
|
4022
|
+
"kind": "field",
|
|
4023
|
+
"name": "empty",
|
|
4024
|
+
"description": "is empty state item",
|
|
4025
|
+
"type": {
|
|
4026
|
+
"text": "boolean",
|
|
4027
|
+
"references": [
|
|
4028
|
+
{
|
|
4029
|
+
"name": "IListMenu",
|
|
4030
|
+
"module": "./types/IListMenu"
|
|
4031
|
+
}
|
|
4032
|
+
]
|
|
4033
|
+
},
|
|
4034
|
+
"default": "false",
|
|
4035
|
+
"readonly": true,
|
|
4036
|
+
"attribute": "empty",
|
|
4037
|
+
"reflects": true
|
|
4038
|
+
},
|
|
4039
|
+
{
|
|
4040
|
+
"kind": "field",
|
|
4041
|
+
"name": "emptyText",
|
|
4042
|
+
"description": "Prop to show empty text",
|
|
4043
|
+
"type": {
|
|
4044
|
+
"text": "string",
|
|
4045
|
+
"references": [
|
|
4046
|
+
{
|
|
4047
|
+
"name": "IListMenu",
|
|
4048
|
+
"module": "./types/IListMenu"
|
|
4049
|
+
}
|
|
4050
|
+
]
|
|
4051
|
+
},
|
|
4052
|
+
"default": "'No options available'",
|
|
4053
|
+
"readonly": true,
|
|
4054
|
+
"attribute": "empty-text"
|
|
4055
|
+
},
|
|
2862
4056
|
{
|
|
2863
4057
|
"kind": "field",
|
|
2864
4058
|
"name": "menuRole",
|
|
@@ -2874,7 +4068,8 @@
|
|
|
2874
4068
|
},
|
|
2875
4069
|
"default": "MENU_ROLES.MENU",
|
|
2876
4070
|
"readonly": true,
|
|
2877
|
-
"attribute": "menu-role"
|
|
4071
|
+
"attribute": "menu-role",
|
|
4072
|
+
"reflects": true
|
|
2878
4073
|
},
|
|
2879
4074
|
{
|
|
2880
4075
|
"kind": "field",
|
|
@@ -2910,6 +4105,26 @@
|
|
|
2910
4105
|
"readonly": true,
|
|
2911
4106
|
"attribute": "selection-mode"
|
|
2912
4107
|
},
|
|
4108
|
+
{
|
|
4109
|
+
"kind": "method",
|
|
4110
|
+
"name": "getAllItems",
|
|
4111
|
+
"description": "Retrieves all child menu items.",
|
|
4112
|
+
"return": {
|
|
4113
|
+
"type": {
|
|
4114
|
+
"text": "Promise<HTMLBdsListMenuItemElement[]>",
|
|
4115
|
+
"references": [
|
|
4116
|
+
{
|
|
4117
|
+
"name": "Promise",
|
|
4118
|
+
"package": "global:"
|
|
4119
|
+
},
|
|
4120
|
+
{
|
|
4121
|
+
"name": "HTMLBdsListMenuItemElement",
|
|
4122
|
+
"package": "global:"
|
|
4123
|
+
}
|
|
4124
|
+
]
|
|
4125
|
+
}
|
|
4126
|
+
}
|
|
4127
|
+
},
|
|
2913
4128
|
{
|
|
2914
4129
|
"kind": "method",
|
|
2915
4130
|
"name": "getSelectedValues",
|
|
@@ -3313,6 +4528,7 @@
|
|
|
3313
4528
|
]
|
|
3314
4529
|
},
|
|
3315
4530
|
"default": "false",
|
|
4531
|
+
"readonly": true,
|
|
3316
4532
|
"attribute": "selected",
|
|
3317
4533
|
"reflects": true
|
|
3318
4534
|
},
|
|
@@ -3513,67 +4729,300 @@
|
|
|
3513
4729
|
"type": {
|
|
3514
4730
|
"text": "boolean"
|
|
3515
4731
|
},
|
|
3516
|
-
"default": "false",
|
|
4732
|
+
"default": "false",
|
|
4733
|
+
"readonly": true,
|
|
4734
|
+
"attribute": "footer"
|
|
4735
|
+
},
|
|
4736
|
+
{
|
|
4737
|
+
"kind": "field",
|
|
4738
|
+
"name": "header",
|
|
4739
|
+
"description": "If true, displays the header section with icon and title slots.",
|
|
4740
|
+
"type": {
|
|
4741
|
+
"text": "boolean"
|
|
4742
|
+
},
|
|
4743
|
+
"default": "false",
|
|
4744
|
+
"readonly": true,
|
|
4745
|
+
"attribute": "header"
|
|
4746
|
+
},
|
|
4747
|
+
{
|
|
4748
|
+
"kind": "field",
|
|
4749
|
+
"name": "width",
|
|
4750
|
+
"description": "Width of the popover content.\n- number: width in pixels (e.g. 320 → \"320px\")\n- 'full': 100% of the trigger/parent width\n- 'auto': fits the content",
|
|
4751
|
+
"type": {
|
|
4752
|
+
"text": "\"auto\" | \"full\" | number",
|
|
4753
|
+
"references": [
|
|
4754
|
+
{
|
|
4755
|
+
"name": "IPopover",
|
|
4756
|
+
"module": "./types/IPopover"
|
|
4757
|
+
}
|
|
4758
|
+
]
|
|
4759
|
+
},
|
|
4760
|
+
"default": "320",
|
|
4761
|
+
"readonly": true,
|
|
4762
|
+
"attribute": "width"
|
|
4763
|
+
},
|
|
4764
|
+
{
|
|
4765
|
+
"kind": "method",
|
|
4766
|
+
"name": "closePopover",
|
|
4767
|
+
"description": "Programmatically closes the popover, running the full hide lifecycle.",
|
|
4768
|
+
"return": {
|
|
4769
|
+
"type": {
|
|
4770
|
+
"text": "Promise<void>",
|
|
4771
|
+
"references": [
|
|
4772
|
+
{
|
|
4773
|
+
"name": "Promise",
|
|
4774
|
+
"package": "global:"
|
|
4775
|
+
}
|
|
4776
|
+
]
|
|
4777
|
+
}
|
|
4778
|
+
}
|
|
4779
|
+
},
|
|
4780
|
+
{
|
|
4781
|
+
"kind": "method",
|
|
4782
|
+
"name": "openPopover",
|
|
4783
|
+
"description": "Programmatically opens the popover, running the full show lifecycle.",
|
|
4784
|
+
"return": {
|
|
4785
|
+
"type": {
|
|
4786
|
+
"text": "Promise<void>",
|
|
4787
|
+
"references": [
|
|
4788
|
+
{
|
|
4789
|
+
"name": "Promise",
|
|
4790
|
+
"package": "global:"
|
|
4791
|
+
}
|
|
4792
|
+
]
|
|
4793
|
+
}
|
|
4794
|
+
}
|
|
4795
|
+
}
|
|
4796
|
+
],
|
|
4797
|
+
"slots": [
|
|
4798
|
+
{
|
|
4799
|
+
"name": "",
|
|
4800
|
+
"description": "Default slot for the popover body content."
|
|
4801
|
+
},
|
|
4802
|
+
{
|
|
4803
|
+
"name": "footer-button",
|
|
4804
|
+
"description": "Slot for footer actions."
|
|
4805
|
+
},
|
|
4806
|
+
{
|
|
4807
|
+
"name": "footer-helper",
|
|
4808
|
+
"description": "Slot for footer helper content."
|
|
4809
|
+
},
|
|
4810
|
+
{
|
|
4811
|
+
"name": "header-icon",
|
|
4812
|
+
"description": "Slot for header icon."
|
|
4813
|
+
},
|
|
4814
|
+
{
|
|
4815
|
+
"name": "header-title",
|
|
4816
|
+
"description": "Slot for header title."
|
|
4817
|
+
}
|
|
4818
|
+
],
|
|
4819
|
+
"cssParts": [
|
|
4820
|
+
{
|
|
4821
|
+
"name": "arrow"
|
|
4822
|
+
},
|
|
4823
|
+
{
|
|
4824
|
+
"name": "popover-content"
|
|
4825
|
+
}
|
|
4826
|
+
]
|
|
4827
|
+
}
|
|
4828
|
+
],
|
|
4829
|
+
"exports": [
|
|
4830
|
+
{
|
|
4831
|
+
"kind": "js",
|
|
4832
|
+
"name": "BdsPopover",
|
|
4833
|
+
"declaration": {
|
|
4834
|
+
"name": "BdsPopover"
|
|
4835
|
+
}
|
|
4836
|
+
},
|
|
4837
|
+
{
|
|
4838
|
+
"kind": "custom-element-definition",
|
|
4839
|
+
"name": "bds-popover",
|
|
4840
|
+
"declaration": {
|
|
4841
|
+
"name": "BdsPopover"
|
|
4842
|
+
}
|
|
4843
|
+
}
|
|
4844
|
+
]
|
|
4845
|
+
},
|
|
4846
|
+
{
|
|
4847
|
+
"kind": "javascript-module",
|
|
4848
|
+
"path": "src/components/forms/bds-radio/bds-radio/bds-radio.tsx",
|
|
4849
|
+
"declarations": [
|
|
4850
|
+
{
|
|
4851
|
+
"kind": "class",
|
|
4852
|
+
"customElement": true,
|
|
4853
|
+
"tagName": "bds-radio",
|
|
4854
|
+
"name": "BdsRadio",
|
|
4855
|
+
"description": "Radio button component for single-selection within a group.\nUse inside `bds-radio-group` for managed selection and form binding.\nCan also be used standalone with the `name`, `value`, and `checked` props.",
|
|
4856
|
+
"attributes": [
|
|
4857
|
+
{
|
|
4858
|
+
"name": "checked",
|
|
4859
|
+
"description": "Whether this radio is selected. Managed by bds-radio-group; can be set directly when used standalone.",
|
|
4860
|
+
"type": {
|
|
4861
|
+
"text": "boolean"
|
|
4862
|
+
},
|
|
4863
|
+
"default": "false",
|
|
4864
|
+
"fieldName": "checked"
|
|
4865
|
+
},
|
|
4866
|
+
{
|
|
4867
|
+
"name": "disabled",
|
|
4868
|
+
"description": "Disables the radio, preventing interaction and selection.",
|
|
4869
|
+
"type": {
|
|
4870
|
+
"text": "boolean"
|
|
4871
|
+
},
|
|
4872
|
+
"default": "false",
|
|
4873
|
+
"fieldName": "disabled"
|
|
4874
|
+
},
|
|
4875
|
+
{
|
|
4876
|
+
"name": "error",
|
|
4877
|
+
"description": "Shows error styling on the radio indicator. Propagated by bds-radio-group.",
|
|
4878
|
+
"type": {
|
|
4879
|
+
"text": "boolean"
|
|
4880
|
+
},
|
|
4881
|
+
"default": "false",
|
|
4882
|
+
"fieldName": "error"
|
|
4883
|
+
},
|
|
4884
|
+
{
|
|
4885
|
+
"name": "info",
|
|
4886
|
+
"description": "Tooltip text shown on an info icon next to the label.",
|
|
4887
|
+
"type": {
|
|
4888
|
+
"text": "string"
|
|
4889
|
+
},
|
|
4890
|
+
"default": "''",
|
|
4891
|
+
"fieldName": "info"
|
|
4892
|
+
},
|
|
4893
|
+
{
|
|
4894
|
+
"name": "label",
|
|
4895
|
+
"description": "Label text displayed next to the radio indicator. Falls back to the default slot when empty.",
|
|
4896
|
+
"type": {
|
|
4897
|
+
"text": "string"
|
|
4898
|
+
},
|
|
4899
|
+
"default": "''",
|
|
4900
|
+
"fieldName": "label"
|
|
4901
|
+
},
|
|
4902
|
+
{
|
|
4903
|
+
"name": "name",
|
|
4904
|
+
"description": "Name attribute stamped by the parent bds-radio-group via setAttribute. Set directly when used standalone.",
|
|
4905
|
+
"type": {
|
|
4906
|
+
"text": "string"
|
|
4907
|
+
},
|
|
4908
|
+
"default": "''",
|
|
4909
|
+
"fieldName": "name"
|
|
4910
|
+
},
|
|
4911
|
+
{
|
|
4912
|
+
"name": "value",
|
|
4913
|
+
"description": "Value submitted with the form when this radio is selected.",
|
|
4914
|
+
"type": {
|
|
4915
|
+
"text": "string"
|
|
4916
|
+
},
|
|
4917
|
+
"default": "'on'",
|
|
4918
|
+
"fieldName": "value"
|
|
4919
|
+
}
|
|
4920
|
+
],
|
|
4921
|
+
"members": [
|
|
4922
|
+
{
|
|
4923
|
+
"kind": "field",
|
|
4924
|
+
"name": "checked",
|
|
4925
|
+
"description": "Whether this radio is selected. Managed by bds-radio-group; can be set directly when used standalone.",
|
|
4926
|
+
"type": {
|
|
4927
|
+
"text": "boolean"
|
|
4928
|
+
},
|
|
4929
|
+
"default": "false",
|
|
4930
|
+
"attribute": "checked",
|
|
4931
|
+
"reflects": true
|
|
4932
|
+
},
|
|
4933
|
+
{
|
|
4934
|
+
"kind": "field",
|
|
4935
|
+
"name": "disabled",
|
|
4936
|
+
"description": "Disables the radio, preventing interaction and selection.",
|
|
4937
|
+
"type": {
|
|
4938
|
+
"text": "boolean"
|
|
4939
|
+
},
|
|
4940
|
+
"default": "false",
|
|
4941
|
+
"readonly": true,
|
|
4942
|
+
"attribute": "disabled",
|
|
4943
|
+
"reflects": true
|
|
4944
|
+
},
|
|
4945
|
+
{
|
|
4946
|
+
"kind": "field",
|
|
4947
|
+
"name": "error",
|
|
4948
|
+
"description": "Shows error styling on the radio indicator. Propagated by bds-radio-group.",
|
|
4949
|
+
"type": {
|
|
4950
|
+
"text": "boolean"
|
|
4951
|
+
},
|
|
4952
|
+
"default": "false",
|
|
4953
|
+
"readonly": true,
|
|
4954
|
+
"attribute": "error",
|
|
4955
|
+
"reflects": true
|
|
4956
|
+
},
|
|
4957
|
+
{
|
|
4958
|
+
"kind": "field",
|
|
4959
|
+
"name": "info",
|
|
4960
|
+
"description": "Tooltip text shown on an info icon next to the label.",
|
|
4961
|
+
"type": {
|
|
4962
|
+
"text": "string"
|
|
4963
|
+
},
|
|
4964
|
+
"default": "''",
|
|
4965
|
+
"readonly": true,
|
|
4966
|
+
"attribute": "info"
|
|
4967
|
+
},
|
|
4968
|
+
{
|
|
4969
|
+
"kind": "field",
|
|
4970
|
+
"name": "label",
|
|
4971
|
+
"description": "Label text displayed next to the radio indicator. Falls back to the default slot when empty.",
|
|
4972
|
+
"type": {
|
|
4973
|
+
"text": "string"
|
|
4974
|
+
},
|
|
4975
|
+
"default": "''",
|
|
4976
|
+
"readonly": true,
|
|
4977
|
+
"attribute": "label"
|
|
4978
|
+
},
|
|
4979
|
+
{
|
|
4980
|
+
"kind": "field",
|
|
4981
|
+
"name": "name",
|
|
4982
|
+
"description": "Name attribute stamped by the parent bds-radio-group via setAttribute. Set directly when used standalone.",
|
|
4983
|
+
"type": {
|
|
4984
|
+
"text": "string"
|
|
4985
|
+
},
|
|
4986
|
+
"default": "''",
|
|
3517
4987
|
"readonly": true,
|
|
3518
|
-
"attribute": "
|
|
4988
|
+
"attribute": "name",
|
|
4989
|
+
"reflects": true
|
|
3519
4990
|
},
|
|
3520
4991
|
{
|
|
3521
4992
|
"kind": "field",
|
|
3522
|
-
"name": "
|
|
3523
|
-
"description": "
|
|
4993
|
+
"name": "value",
|
|
4994
|
+
"description": "Value submitted with the form when this radio is selected.",
|
|
3524
4995
|
"type": {
|
|
3525
|
-
"text": "
|
|
4996
|
+
"text": "string"
|
|
3526
4997
|
},
|
|
3527
|
-
"default": "
|
|
4998
|
+
"default": "'on'",
|
|
3528
4999
|
"readonly": true,
|
|
3529
|
-
"attribute": "
|
|
3530
|
-
}
|
|
5000
|
+
"attribute": "value"
|
|
5001
|
+
}
|
|
5002
|
+
],
|
|
5003
|
+
"events": [
|
|
3531
5004
|
{
|
|
3532
|
-
"
|
|
3533
|
-
"
|
|
3534
|
-
"description": "Width of the popover content.\n- number: width in pixels (e.g. 320 → \"320px\")\n- 'full': 100% of the trigger/parent width\n- 'auto': fits the content",
|
|
5005
|
+
"name": "bdsChange",
|
|
5006
|
+
"description": "Emitted when the user selects this radio. Listened to by the parent bds-radio-group to enforce single selection.",
|
|
3535
5007
|
"type": {
|
|
3536
|
-
"text": "
|
|
5008
|
+
"text": "CustomEvent<RadioChangeDetail>",
|
|
3537
5009
|
"references": [
|
|
3538
5010
|
{
|
|
3539
|
-
"name": "
|
|
3540
|
-
"module": "./types/
|
|
5011
|
+
"name": "RadioChangeDetail",
|
|
5012
|
+
"module": "./types/IRadio"
|
|
3541
5013
|
}
|
|
3542
5014
|
]
|
|
3543
|
-
}
|
|
3544
|
-
"default": "320",
|
|
3545
|
-
"readonly": true,
|
|
3546
|
-
"attribute": "width"
|
|
5015
|
+
}
|
|
3547
5016
|
}
|
|
3548
5017
|
],
|
|
3549
5018
|
"slots": [
|
|
3550
5019
|
{
|
|
3551
5020
|
"name": "",
|
|
3552
|
-
"description": "
|
|
3553
|
-
},
|
|
3554
|
-
{
|
|
3555
|
-
"name": "footer-button",
|
|
3556
|
-
"description": "Slot for footer actions."
|
|
3557
|
-
},
|
|
3558
|
-
{
|
|
3559
|
-
"name": "footer-helper",
|
|
3560
|
-
"description": "Slot for footer helper content."
|
|
3561
|
-
},
|
|
3562
|
-
{
|
|
3563
|
-
"name": "header-icon",
|
|
3564
|
-
"description": "Slot for header icon."
|
|
3565
|
-
},
|
|
3566
|
-
{
|
|
3567
|
-
"name": "header-title",
|
|
3568
|
-
"description": "Slot for header title."
|
|
3569
|
-
}
|
|
3570
|
-
],
|
|
3571
|
-
"cssParts": [
|
|
3572
|
-
{
|
|
3573
|
-
"name": "arrow"
|
|
5021
|
+
"description": "Label content when no `label` prop is provided."
|
|
3574
5022
|
},
|
|
3575
5023
|
{
|
|
3576
|
-
"name": "
|
|
5024
|
+
"name": "icon",
|
|
5025
|
+
"description": "Optional icon rendered to the left of the label."
|
|
3577
5026
|
}
|
|
3578
5027
|
]
|
|
3579
5028
|
}
|
|
@@ -3581,34 +5030,34 @@
|
|
|
3581
5030
|
"exports": [
|
|
3582
5031
|
{
|
|
3583
5032
|
"kind": "js",
|
|
3584
|
-
"name": "
|
|
5033
|
+
"name": "BdsRadio",
|
|
3585
5034
|
"declaration": {
|
|
3586
|
-
"name": "
|
|
5035
|
+
"name": "BdsRadio"
|
|
3587
5036
|
}
|
|
3588
5037
|
},
|
|
3589
5038
|
{
|
|
3590
5039
|
"kind": "custom-element-definition",
|
|
3591
|
-
"name": "bds-
|
|
5040
|
+
"name": "bds-radio",
|
|
3592
5041
|
"declaration": {
|
|
3593
|
-
"name": "
|
|
5042
|
+
"name": "BdsRadio"
|
|
3594
5043
|
}
|
|
3595
5044
|
}
|
|
3596
5045
|
]
|
|
3597
5046
|
},
|
|
3598
5047
|
{
|
|
3599
5048
|
"kind": "javascript-module",
|
|
3600
|
-
"path": "src/components/forms/bds-radio/bds-radio.tsx",
|
|
5049
|
+
"path": "src/components/forms/bds-radio/bds-radio-button/bds-radio-button.tsx",
|
|
3601
5050
|
"declarations": [
|
|
3602
5051
|
{
|
|
3603
5052
|
"kind": "class",
|
|
3604
5053
|
"customElement": true,
|
|
3605
|
-
"tagName": "bds-radio",
|
|
3606
|
-
"name": "
|
|
3607
|
-
"description": "
|
|
5054
|
+
"tagName": "bds-radio-button",
|
|
5055
|
+
"name": "BdsRadioButton",
|
|
5056
|
+
"description": "Button-shaped radio option for use inside `bds-radio-group[type=\"radiobutton\"]`.\nCreates a segmented control appearance when grouped. Not form-associated — the parent\n`bds-radio-group` owns form state and single-selection enforcement.",
|
|
3608
5057
|
"attributes": [
|
|
3609
5058
|
{
|
|
3610
5059
|
"name": "checked",
|
|
3611
|
-
"description": "Whether this
|
|
5060
|
+
"description": "Whether this button is selected. Managed by bds-radio-group; can be set directly when used standalone.",
|
|
3612
5061
|
"type": {
|
|
3613
5062
|
"text": "boolean"
|
|
3614
5063
|
},
|
|
@@ -3617,7 +5066,7 @@
|
|
|
3617
5066
|
},
|
|
3618
5067
|
{
|
|
3619
5068
|
"name": "disabled",
|
|
3620
|
-
"description": "Disables the
|
|
5069
|
+
"description": "Disables the button, preventing interaction and selection.",
|
|
3621
5070
|
"type": {
|
|
3622
5071
|
"text": "boolean"
|
|
3623
5072
|
},
|
|
@@ -3626,7 +5075,7 @@
|
|
|
3626
5075
|
},
|
|
3627
5076
|
{
|
|
3628
5077
|
"name": "error",
|
|
3629
|
-
"description": "Shows error styling on the
|
|
5078
|
+
"description": "Shows error styling on the button. Propagated by bds-radio-group.",
|
|
3630
5079
|
"type": {
|
|
3631
5080
|
"text": "boolean"
|
|
3632
5081
|
},
|
|
@@ -3644,7 +5093,7 @@
|
|
|
3644
5093
|
},
|
|
3645
5094
|
{
|
|
3646
5095
|
"name": "label",
|
|
3647
|
-
"description": "Label text displayed
|
|
5096
|
+
"description": "Label text displayed inside the button. Falls back to the default slot when empty.",
|
|
3648
5097
|
"type": {
|
|
3649
5098
|
"text": "string"
|
|
3650
5099
|
},
|
|
@@ -3662,7 +5111,7 @@
|
|
|
3662
5111
|
},
|
|
3663
5112
|
{
|
|
3664
5113
|
"name": "value",
|
|
3665
|
-
"description": "Value submitted with the form when this
|
|
5114
|
+
"description": "Value submitted with the form when this button is selected.",
|
|
3666
5115
|
"type": {
|
|
3667
5116
|
"text": "string"
|
|
3668
5117
|
},
|
|
@@ -3674,7 +5123,7 @@
|
|
|
3674
5123
|
{
|
|
3675
5124
|
"kind": "field",
|
|
3676
5125
|
"name": "checked",
|
|
3677
|
-
"description": "Whether this
|
|
5126
|
+
"description": "Whether this button is selected. Managed by bds-radio-group; can be set directly when used standalone.",
|
|
3678
5127
|
"type": {
|
|
3679
5128
|
"text": "boolean"
|
|
3680
5129
|
},
|
|
@@ -3685,7 +5134,7 @@
|
|
|
3685
5134
|
{
|
|
3686
5135
|
"kind": "field",
|
|
3687
5136
|
"name": "disabled",
|
|
3688
|
-
"description": "Disables the
|
|
5137
|
+
"description": "Disables the button, preventing interaction and selection.",
|
|
3689
5138
|
"type": {
|
|
3690
5139
|
"text": "boolean"
|
|
3691
5140
|
},
|
|
@@ -3697,7 +5146,7 @@
|
|
|
3697
5146
|
{
|
|
3698
5147
|
"kind": "field",
|
|
3699
5148
|
"name": "error",
|
|
3700
|
-
"description": "Shows error styling on the
|
|
5149
|
+
"description": "Shows error styling on the button. Propagated by bds-radio-group.",
|
|
3701
5150
|
"type": {
|
|
3702
5151
|
"text": "boolean"
|
|
3703
5152
|
},
|
|
@@ -3720,7 +5169,7 @@
|
|
|
3720
5169
|
{
|
|
3721
5170
|
"kind": "field",
|
|
3722
5171
|
"name": "label",
|
|
3723
|
-
"description": "Label text displayed
|
|
5172
|
+
"description": "Label text displayed inside the button. Falls back to the default slot when empty.",
|
|
3724
5173
|
"type": {
|
|
3725
5174
|
"text": "string"
|
|
3726
5175
|
},
|
|
@@ -3743,7 +5192,7 @@
|
|
|
3743
5192
|
{
|
|
3744
5193
|
"kind": "field",
|
|
3745
5194
|
"name": "value",
|
|
3746
|
-
"description": "Value submitted with the form when this
|
|
5195
|
+
"description": "Value submitted with the form when this button is selected.",
|
|
3747
5196
|
"type": {
|
|
3748
5197
|
"text": "string"
|
|
3749
5198
|
},
|
|
@@ -3755,13 +5204,13 @@
|
|
|
3755
5204
|
"events": [
|
|
3756
5205
|
{
|
|
3757
5206
|
"name": "bdsChange",
|
|
3758
|
-
"description": "Emitted when the user selects this
|
|
5207
|
+
"description": "Emitted when the user selects this button. Listened to by the parent bds-radio-group to enforce single selection.",
|
|
3759
5208
|
"type": {
|
|
3760
|
-
"text": "CustomEvent<
|
|
5209
|
+
"text": "CustomEvent<RadioButtonChangeDetail>",
|
|
3761
5210
|
"references": [
|
|
3762
5211
|
{
|
|
3763
|
-
"name": "
|
|
3764
|
-
"module": "./types/
|
|
5212
|
+
"name": "RadioButtonChangeDetail",
|
|
5213
|
+
"module": "./types/IRadioButton"
|
|
3765
5214
|
}
|
|
3766
5215
|
]
|
|
3767
5216
|
}
|
|
@@ -3782,90 +5231,132 @@
|
|
|
3782
5231
|
"exports": [
|
|
3783
5232
|
{
|
|
3784
5233
|
"kind": "js",
|
|
3785
|
-
"name": "
|
|
5234
|
+
"name": "BdsRadioButton",
|
|
3786
5235
|
"declaration": {
|
|
3787
|
-
"name": "
|
|
5236
|
+
"name": "BdsRadioButton"
|
|
3788
5237
|
}
|
|
3789
5238
|
},
|
|
3790
5239
|
{
|
|
3791
5240
|
"kind": "custom-element-definition",
|
|
3792
|
-
"name": "bds-radio",
|
|
5241
|
+
"name": "bds-radio-button",
|
|
3793
5242
|
"declaration": {
|
|
3794
|
-
"name": "
|
|
5243
|
+
"name": "BdsRadioButton"
|
|
3795
5244
|
}
|
|
3796
5245
|
}
|
|
3797
5246
|
]
|
|
3798
5247
|
},
|
|
3799
5248
|
{
|
|
3800
5249
|
"kind": "javascript-module",
|
|
3801
|
-
"path": "src/components/forms/bds-radio-
|
|
5250
|
+
"path": "src/components/forms/bds-radio/bds-radio-card/bds-radio-card.tsx",
|
|
3802
5251
|
"declarations": [
|
|
3803
5252
|
{
|
|
3804
5253
|
"kind": "class",
|
|
3805
5254
|
"customElement": true,
|
|
3806
|
-
"tagName": "bds-radio-
|
|
3807
|
-
"name": "
|
|
3808
|
-
"description": "
|
|
5255
|
+
"tagName": "bds-radio-card",
|
|
5256
|
+
"name": "BdsRadioCard",
|
|
5257
|
+
"description": "Radio card component is a selectable card-based radio option.\nIt presents a mutually exclusive choice with optional descriptive text and icon,\ndesigned for integration with bds-radio-group for orchestration.\nCan also be used standalone with the `name`, `value`, and `checked` props.",
|
|
3809
5258
|
"attributes": [
|
|
3810
5259
|
{
|
|
3811
5260
|
"name": "checked",
|
|
3812
|
-
"description": "Whether this
|
|
5261
|
+
"description": "Whether this radio card is selected. Managed by bds-radio-group; can be set directly when used standalone.",
|
|
3813
5262
|
"type": {
|
|
3814
|
-
"text": "boolean"
|
|
5263
|
+
"text": "boolean",
|
|
5264
|
+
"references": [
|
|
5265
|
+
{
|
|
5266
|
+
"name": "IRadioCard",
|
|
5267
|
+
"module": "./types/IRadioCard"
|
|
5268
|
+
}
|
|
5269
|
+
]
|
|
3815
5270
|
},
|
|
3816
5271
|
"default": "false",
|
|
3817
5272
|
"fieldName": "checked"
|
|
3818
5273
|
},
|
|
3819
5274
|
{
|
|
3820
5275
|
"name": "disabled",
|
|
3821
|
-
"description": "Disables the
|
|
5276
|
+
"description": "Disables the radio card, preventing it from being selected and interacted with.",
|
|
3822
5277
|
"type": {
|
|
3823
|
-
"text": "boolean"
|
|
5278
|
+
"text": "boolean",
|
|
5279
|
+
"references": [
|
|
5280
|
+
{
|
|
5281
|
+
"name": "IRadioCard",
|
|
5282
|
+
"module": "./types/IRadioCard"
|
|
5283
|
+
}
|
|
5284
|
+
]
|
|
3824
5285
|
},
|
|
3825
5286
|
"default": "false",
|
|
3826
5287
|
"fieldName": "disabled"
|
|
3827
5288
|
},
|
|
3828
5289
|
{
|
|
3829
5290
|
"name": "error",
|
|
3830
|
-
"description": "
|
|
5291
|
+
"description": "Whether the radio card is in an error state.",
|
|
3831
5292
|
"type": {
|
|
3832
|
-
"text": "boolean"
|
|
5293
|
+
"text": "boolean",
|
|
5294
|
+
"references": [
|
|
5295
|
+
{
|
|
5296
|
+
"name": "IRadioCard",
|
|
5297
|
+
"module": "./types/IRadioCard"
|
|
5298
|
+
}
|
|
5299
|
+
]
|
|
3833
5300
|
},
|
|
3834
5301
|
"default": "false",
|
|
3835
5302
|
"fieldName": "error"
|
|
3836
5303
|
},
|
|
3837
5304
|
{
|
|
3838
5305
|
"name": "info",
|
|
3839
|
-
"description": "Tooltip
|
|
5306
|
+
"description": "Tooltip content attached to the radio card content. If empty, the info icon will not be rendered.",
|
|
3840
5307
|
"type": {
|
|
3841
|
-
"text": "string"
|
|
5308
|
+
"text": "string",
|
|
5309
|
+
"references": [
|
|
5310
|
+
{
|
|
5311
|
+
"name": "IRadioCard",
|
|
5312
|
+
"module": "./types/IRadioCard"
|
|
5313
|
+
}
|
|
5314
|
+
]
|
|
3842
5315
|
},
|
|
3843
5316
|
"default": "''",
|
|
3844
5317
|
"fieldName": "info"
|
|
3845
5318
|
},
|
|
3846
5319
|
{
|
|
3847
5320
|
"name": "label",
|
|
3848
|
-
"description": "Label text displayed
|
|
5321
|
+
"description": "Label text displayed next to the radio indicator. Falls back to the default slot when empty.",
|
|
3849
5322
|
"type": {
|
|
3850
|
-
"text": "string"
|
|
5323
|
+
"text": "string",
|
|
5324
|
+
"references": [
|
|
5325
|
+
{
|
|
5326
|
+
"name": "IRadioCard",
|
|
5327
|
+
"module": "./types/IRadioCard"
|
|
5328
|
+
}
|
|
5329
|
+
]
|
|
3851
5330
|
},
|
|
3852
5331
|
"default": "''",
|
|
3853
5332
|
"fieldName": "label"
|
|
3854
5333
|
},
|
|
3855
5334
|
{
|
|
3856
5335
|
"name": "name",
|
|
3857
|
-
"description": "Name attribute stamped by the parent bds-radio-group
|
|
5336
|
+
"description": "Name attribute stamped by the parent bds-radio-group. Set directly when used standalone.",
|
|
3858
5337
|
"type": {
|
|
3859
|
-
"text": "string"
|
|
5338
|
+
"text": "string",
|
|
5339
|
+
"references": [
|
|
5340
|
+
{
|
|
5341
|
+
"name": "IRadioCard",
|
|
5342
|
+
"module": "./types/IRadioCard"
|
|
5343
|
+
}
|
|
5344
|
+
]
|
|
3860
5345
|
},
|
|
3861
5346
|
"default": "''",
|
|
3862
5347
|
"fieldName": "name"
|
|
3863
5348
|
},
|
|
3864
5349
|
{
|
|
3865
5350
|
"name": "value",
|
|
3866
|
-
"description": "Value submitted with the form when this
|
|
5351
|
+
"description": "Value submitted with the form when this radio is selected.",
|
|
3867
5352
|
"type": {
|
|
3868
|
-
"text": "string"
|
|
5353
|
+
"text": "string",
|
|
5354
|
+
"references": [
|
|
5355
|
+
{
|
|
5356
|
+
"name": "IRadioCard",
|
|
5357
|
+
"module": "./types/IRadioCard"
|
|
5358
|
+
}
|
|
5359
|
+
]
|
|
3869
5360
|
},
|
|
3870
5361
|
"default": "'on'",
|
|
3871
5362
|
"fieldName": "value"
|
|
@@ -3875,9 +5366,15 @@
|
|
|
3875
5366
|
{
|
|
3876
5367
|
"kind": "field",
|
|
3877
5368
|
"name": "checked",
|
|
3878
|
-
"description": "Whether this
|
|
5369
|
+
"description": "Whether this radio card is selected. Managed by bds-radio-group; can be set directly when used standalone.",
|
|
3879
5370
|
"type": {
|
|
3880
|
-
"text": "boolean"
|
|
5371
|
+
"text": "boolean",
|
|
5372
|
+
"references": [
|
|
5373
|
+
{
|
|
5374
|
+
"name": "IRadioCard",
|
|
5375
|
+
"module": "./types/IRadioCard"
|
|
5376
|
+
}
|
|
5377
|
+
]
|
|
3881
5378
|
},
|
|
3882
5379
|
"default": "false",
|
|
3883
5380
|
"attribute": "checked",
|
|
@@ -3886,9 +5383,15 @@
|
|
|
3886
5383
|
{
|
|
3887
5384
|
"kind": "field",
|
|
3888
5385
|
"name": "disabled",
|
|
3889
|
-
"description": "Disables the
|
|
5386
|
+
"description": "Disables the radio card, preventing it from being selected and interacted with.",
|
|
3890
5387
|
"type": {
|
|
3891
|
-
"text": "boolean"
|
|
5388
|
+
"text": "boolean",
|
|
5389
|
+
"references": [
|
|
5390
|
+
{
|
|
5391
|
+
"name": "IRadioCard",
|
|
5392
|
+
"module": "./types/IRadioCard"
|
|
5393
|
+
}
|
|
5394
|
+
]
|
|
3892
5395
|
},
|
|
3893
5396
|
"default": "false",
|
|
3894
5397
|
"readonly": true,
|
|
@@ -3898,9 +5401,15 @@
|
|
|
3898
5401
|
{
|
|
3899
5402
|
"kind": "field",
|
|
3900
5403
|
"name": "error",
|
|
3901
|
-
"description": "
|
|
5404
|
+
"description": "Whether the radio card is in an error state.",
|
|
3902
5405
|
"type": {
|
|
3903
|
-
"text": "boolean"
|
|
5406
|
+
"text": "boolean",
|
|
5407
|
+
"references": [
|
|
5408
|
+
{
|
|
5409
|
+
"name": "IRadioCard",
|
|
5410
|
+
"module": "./types/IRadioCard"
|
|
5411
|
+
}
|
|
5412
|
+
]
|
|
3904
5413
|
},
|
|
3905
5414
|
"default": "false",
|
|
3906
5415
|
"readonly": true,
|
|
@@ -3910,9 +5419,15 @@
|
|
|
3910
5419
|
{
|
|
3911
5420
|
"kind": "field",
|
|
3912
5421
|
"name": "info",
|
|
3913
|
-
"description": "Tooltip
|
|
5422
|
+
"description": "Tooltip content attached to the radio card content. If empty, the info icon will not be rendered.",
|
|
3914
5423
|
"type": {
|
|
3915
|
-
"text": "string"
|
|
5424
|
+
"text": "string",
|
|
5425
|
+
"references": [
|
|
5426
|
+
{
|
|
5427
|
+
"name": "IRadioCard",
|
|
5428
|
+
"module": "./types/IRadioCard"
|
|
5429
|
+
}
|
|
5430
|
+
]
|
|
3916
5431
|
},
|
|
3917
5432
|
"default": "''",
|
|
3918
5433
|
"readonly": true,
|
|
@@ -3921,9 +5436,15 @@
|
|
|
3921
5436
|
{
|
|
3922
5437
|
"kind": "field",
|
|
3923
5438
|
"name": "label",
|
|
3924
|
-
"description": "Label text displayed
|
|
5439
|
+
"description": "Label text displayed next to the radio indicator. Falls back to the default slot when empty.",
|
|
3925
5440
|
"type": {
|
|
3926
|
-
"text": "string"
|
|
5441
|
+
"text": "string",
|
|
5442
|
+
"references": [
|
|
5443
|
+
{
|
|
5444
|
+
"name": "IRadioCard",
|
|
5445
|
+
"module": "./types/IRadioCard"
|
|
5446
|
+
}
|
|
5447
|
+
]
|
|
3927
5448
|
},
|
|
3928
5449
|
"default": "''",
|
|
3929
5450
|
"readonly": true,
|
|
@@ -3932,37 +5453,49 @@
|
|
|
3932
5453
|
{
|
|
3933
5454
|
"kind": "field",
|
|
3934
5455
|
"name": "name",
|
|
3935
|
-
"description": "Name attribute stamped by the parent bds-radio-group
|
|
5456
|
+
"description": "Name attribute stamped by the parent bds-radio-group. Set directly when used standalone.",
|
|
3936
5457
|
"type": {
|
|
3937
|
-
"text": "string"
|
|
5458
|
+
"text": "string",
|
|
5459
|
+
"references": [
|
|
5460
|
+
{
|
|
5461
|
+
"name": "IRadioCard",
|
|
5462
|
+
"module": "./types/IRadioCard"
|
|
5463
|
+
}
|
|
5464
|
+
]
|
|
3938
5465
|
},
|
|
3939
5466
|
"default": "''",
|
|
3940
5467
|
"readonly": true,
|
|
3941
|
-
"attribute": "name"
|
|
3942
|
-
"reflects": true
|
|
5468
|
+
"attribute": "name"
|
|
3943
5469
|
},
|
|
3944
5470
|
{
|
|
3945
5471
|
"kind": "field",
|
|
3946
5472
|
"name": "value",
|
|
3947
|
-
"description": "Value submitted with the form when this
|
|
5473
|
+
"description": "Value submitted with the form when this radio is selected.",
|
|
3948
5474
|
"type": {
|
|
3949
|
-
"text": "string"
|
|
5475
|
+
"text": "string",
|
|
5476
|
+
"references": [
|
|
5477
|
+
{
|
|
5478
|
+
"name": "IRadioCard",
|
|
5479
|
+
"module": "./types/IRadioCard"
|
|
5480
|
+
}
|
|
5481
|
+
]
|
|
3950
5482
|
},
|
|
3951
5483
|
"default": "'on'",
|
|
3952
5484
|
"readonly": true,
|
|
3953
|
-
"attribute": "value"
|
|
5485
|
+
"attribute": "value",
|
|
5486
|
+
"reflects": true
|
|
3954
5487
|
}
|
|
3955
5488
|
],
|
|
3956
5489
|
"events": [
|
|
3957
5490
|
{
|
|
3958
5491
|
"name": "bdsChange",
|
|
3959
|
-
"description": "Emitted when the user selects this
|
|
5492
|
+
"description": "Emitted when the user selects this radio. Listened to by the parent bds-radio-group to enforce single selection.",
|
|
3960
5493
|
"type": {
|
|
3961
|
-
"text": "CustomEvent<
|
|
5494
|
+
"text": "CustomEvent<RadioCardChangeDetail>",
|
|
3962
5495
|
"references": [
|
|
3963
5496
|
{
|
|
3964
|
-
"name": "
|
|
3965
|
-
"module": "./types/
|
|
5497
|
+
"name": "RadioCardChangeDetail",
|
|
5498
|
+
"module": "./types/IRadioCard"
|
|
3966
5499
|
}
|
|
3967
5500
|
]
|
|
3968
5501
|
}
|
|
@@ -3973,247 +5506,455 @@
|
|
|
3973
5506
|
"name": "",
|
|
3974
5507
|
"description": "Label content when no `label` prop is provided."
|
|
3975
5508
|
},
|
|
5509
|
+
{
|
|
5510
|
+
"name": "description",
|
|
5511
|
+
"description": "Optional descriptive text rendered below the label."
|
|
5512
|
+
},
|
|
3976
5513
|
{
|
|
3977
5514
|
"name": "icon",
|
|
3978
5515
|
"description": "Optional icon rendered to the left of the label."
|
|
3979
5516
|
}
|
|
5517
|
+
],
|
|
5518
|
+
"cssProperties": [
|
|
5519
|
+
{
|
|
5520
|
+
"name": "--bds-radio-button-size - The size of the radio button. Default is 18px."
|
|
5521
|
+
},
|
|
5522
|
+
{
|
|
5523
|
+
"name": "--bds-radio-dot-size - The size of the dot inside the radio button. Default is 10px."
|
|
5524
|
+
}
|
|
3980
5525
|
]
|
|
3981
5526
|
}
|
|
3982
5527
|
],
|
|
3983
5528
|
"exports": [
|
|
3984
5529
|
{
|
|
3985
5530
|
"kind": "js",
|
|
3986
|
-
"name": "
|
|
5531
|
+
"name": "BdsRadioCard",
|
|
3987
5532
|
"declaration": {
|
|
3988
|
-
"name": "
|
|
5533
|
+
"name": "BdsRadioCard"
|
|
3989
5534
|
}
|
|
3990
5535
|
},
|
|
3991
5536
|
{
|
|
3992
5537
|
"kind": "custom-element-definition",
|
|
3993
|
-
"name": "bds-radio-
|
|
5538
|
+
"name": "bds-radio-card",
|
|
3994
5539
|
"declaration": {
|
|
3995
|
-
"name": "
|
|
5540
|
+
"name": "BdsRadioCard"
|
|
3996
5541
|
}
|
|
3997
5542
|
}
|
|
3998
5543
|
]
|
|
3999
5544
|
},
|
|
4000
5545
|
{
|
|
4001
5546
|
"kind": "javascript-module",
|
|
4002
|
-
"path": "src/components/forms/bds-radio-
|
|
5547
|
+
"path": "src/components/forms/bds-radio/bds-radio-group/bds-radio-group.tsx",
|
|
4003
5548
|
"declarations": [
|
|
4004
5549
|
{
|
|
4005
5550
|
"kind": "class",
|
|
4006
5551
|
"customElement": true,
|
|
4007
|
-
"tagName": "bds-radio-
|
|
4008
|
-
"name": "
|
|
4009
|
-
"description": "Radio
|
|
5552
|
+
"tagName": "bds-radio-group",
|
|
5553
|
+
"name": "BdsRadioGroup",
|
|
5554
|
+
"description": "Radio group component that orchestrates single-selection across a set of `bds-radio` children.",
|
|
4010
5555
|
"attributes": [
|
|
4011
|
-
{
|
|
4012
|
-
"name": "checked",
|
|
4013
|
-
"description": "Whether this radio card is selected. Managed by bds-radio-group; can be set directly when used standalone.",
|
|
4014
|
-
"type": {
|
|
4015
|
-
"text": "boolean",
|
|
4016
|
-
"references": [
|
|
4017
|
-
{
|
|
4018
|
-
"name": "IRadioCard",
|
|
4019
|
-
"module": "./types/IRadioCard"
|
|
4020
|
-
}
|
|
4021
|
-
]
|
|
4022
|
-
},
|
|
4023
|
-
"default": "false",
|
|
4024
|
-
"fieldName": "checked"
|
|
4025
|
-
},
|
|
4026
5556
|
{
|
|
4027
5557
|
"name": "disabled",
|
|
4028
|
-
"description": "Disables
|
|
5558
|
+
"description": "Disables all child radios and prevents selection. Also mirrored to isDisabled",
|
|
4029
5559
|
"type": {
|
|
4030
|
-
"text": "boolean"
|
|
4031
|
-
"references": [
|
|
4032
|
-
{
|
|
4033
|
-
"name": "IRadioCard",
|
|
4034
|
-
"module": "./types/IRadioCard"
|
|
4035
|
-
}
|
|
4036
|
-
]
|
|
5560
|
+
"text": "boolean"
|
|
4037
5561
|
},
|
|
4038
5562
|
"default": "false",
|
|
4039
5563
|
"fieldName": "disabled"
|
|
4040
5564
|
},
|
|
4041
5565
|
{
|
|
4042
5566
|
"name": "error",
|
|
4043
|
-
"description": "
|
|
5567
|
+
"description": "Shows error styling on the group helper text. Propagated to all child radios.",
|
|
4044
5568
|
"type": {
|
|
4045
|
-
"text": "boolean"
|
|
4046
|
-
"references": [
|
|
4047
|
-
{
|
|
4048
|
-
"name": "IRadioCard",
|
|
4049
|
-
"module": "./types/IRadioCard"
|
|
4050
|
-
}
|
|
4051
|
-
]
|
|
5569
|
+
"text": "boolean"
|
|
4052
5570
|
},
|
|
4053
5571
|
"default": "false",
|
|
4054
5572
|
"fieldName": "error"
|
|
4055
5573
|
},
|
|
5574
|
+
{
|
|
5575
|
+
"name": "error-message",
|
|
5576
|
+
"description": "Error message rendered below the radio options when error is true. Replaces helperText.",
|
|
5577
|
+
"type": {
|
|
5578
|
+
"text": "string"
|
|
5579
|
+
},
|
|
5580
|
+
"default": "''",
|
|
5581
|
+
"fieldName": "errorMessage"
|
|
5582
|
+
},
|
|
5583
|
+
{
|
|
5584
|
+
"name": "helper-text",
|
|
5585
|
+
"description": "Helper text rendered below the radio options. Shown in default state; replaced by errorMessage in error state.",
|
|
5586
|
+
"type": {
|
|
5587
|
+
"text": "string"
|
|
5588
|
+
},
|
|
5589
|
+
"default": "''",
|
|
5590
|
+
"fieldName": "helperText"
|
|
5591
|
+
},
|
|
4056
5592
|
{
|
|
4057
5593
|
"name": "info",
|
|
4058
|
-
"description": "Tooltip
|
|
5594
|
+
"description": "Tooltip text shown on the group label info icon.",
|
|
4059
5595
|
"type": {
|
|
4060
|
-
"text": "string"
|
|
4061
|
-
"references": [
|
|
4062
|
-
{
|
|
4063
|
-
"name": "IRadioCard",
|
|
4064
|
-
"module": "./types/IRadioCard"
|
|
4065
|
-
}
|
|
4066
|
-
]
|
|
5596
|
+
"text": "string"
|
|
4067
5597
|
},
|
|
4068
5598
|
"default": "''",
|
|
4069
5599
|
"fieldName": "info"
|
|
4070
5600
|
},
|
|
5601
|
+
{
|
|
5602
|
+
"name": "joined",
|
|
5603
|
+
"description": "Hides the divider between radio buttons when type is 'radiobutton'.",
|
|
5604
|
+
"type": {
|
|
5605
|
+
"text": "boolean"
|
|
5606
|
+
},
|
|
5607
|
+
"default": "false",
|
|
5608
|
+
"fieldName": "joined"
|
|
5609
|
+
},
|
|
4071
5610
|
{
|
|
4072
5611
|
"name": "label",
|
|
4073
|
-
"description": "
|
|
5612
|
+
"description": "Group label rendered above the radio options.",
|
|
4074
5613
|
"type": {
|
|
4075
|
-
"text": "string"
|
|
4076
|
-
"references": [
|
|
4077
|
-
{
|
|
4078
|
-
"name": "IRadioCard",
|
|
4079
|
-
"module": "./types/IRadioCard"
|
|
4080
|
-
}
|
|
4081
|
-
]
|
|
5614
|
+
"text": "string"
|
|
4082
5615
|
},
|
|
4083
5616
|
"default": "''",
|
|
4084
5617
|
"fieldName": "label"
|
|
4085
5618
|
},
|
|
4086
5619
|
{
|
|
4087
5620
|
"name": "name",
|
|
4088
|
-
"description": "Name
|
|
5621
|
+
"description": "Name of the form control; submitted as the field key in FormData.",
|
|
4089
5622
|
"type": {
|
|
4090
|
-
"text": "string"
|
|
5623
|
+
"text": "string"
|
|
5624
|
+
},
|
|
5625
|
+
"fieldName": "name"
|
|
5626
|
+
},
|
|
5627
|
+
{
|
|
5628
|
+
"name": "orientation",
|
|
5629
|
+
"description": "Layout direction of the radio options.",
|
|
5630
|
+
"type": {
|
|
5631
|
+
"text": "\"horizontal\" | \"vertical\"",
|
|
4091
5632
|
"references": [
|
|
4092
5633
|
{
|
|
4093
|
-
"name": "
|
|
4094
|
-
"module": "
|
|
5634
|
+
"name": "Orientation",
|
|
5635
|
+
"module": "@/types"
|
|
4095
5636
|
}
|
|
4096
5637
|
]
|
|
4097
5638
|
},
|
|
4098
|
-
"default": "''",
|
|
4099
|
-
"fieldName": "
|
|
5639
|
+
"default": "'vertical'",
|
|
5640
|
+
"fieldName": "orientation"
|
|
4100
5641
|
},
|
|
4101
5642
|
{
|
|
4102
|
-
"name": "
|
|
4103
|
-
"description": "
|
|
5643
|
+
"name": "required",
|
|
5644
|
+
"description": "Marks the group as required for form submission. Triggers validity error when no radio is selected.",
|
|
4104
5645
|
"type": {
|
|
4105
|
-
"text": "
|
|
5646
|
+
"text": "boolean"
|
|
5647
|
+
},
|
|
5648
|
+
"default": "false",
|
|
5649
|
+
"fieldName": "required"
|
|
5650
|
+
},
|
|
5651
|
+
{
|
|
5652
|
+
"name": "type",
|
|
5653
|
+
"description": "Identifies this group variant. 'radio' renders circular bds-radio children; 'radiobutton' renders bds-radio-button segmented control; 'radiocard' renders bds-radio-card element.",
|
|
5654
|
+
"type": {
|
|
5655
|
+
"text": "\"radio\" | \"radiobutton\" | \"radiocard\"",
|
|
4106
5656
|
"references": [
|
|
4107
5657
|
{
|
|
4108
|
-
"name": "
|
|
4109
|
-
"module": "./types/
|
|
5658
|
+
"name": "RadioGroupType",
|
|
5659
|
+
"module": "./types/types"
|
|
4110
5660
|
}
|
|
4111
5661
|
]
|
|
4112
5662
|
},
|
|
4113
|
-
"default": "'
|
|
5663
|
+
"default": "'radio'",
|
|
5664
|
+
"fieldName": "type"
|
|
5665
|
+
},
|
|
5666
|
+
{
|
|
5667
|
+
"name": "value",
|
|
5668
|
+
"description": "Currently selected radio value. Synced to children on change.",
|
|
5669
|
+
"type": {
|
|
5670
|
+
"text": "string"
|
|
5671
|
+
},
|
|
5672
|
+
"default": "''",
|
|
4114
5673
|
"fieldName": "value"
|
|
4115
5674
|
}
|
|
4116
5675
|
],
|
|
4117
5676
|
"members": [
|
|
4118
5677
|
{
|
|
4119
5678
|
"kind": "field",
|
|
4120
|
-
"name": "
|
|
4121
|
-
"description": "
|
|
5679
|
+
"name": "disabled",
|
|
5680
|
+
"description": "Disables all child radios and prevents selection. Also mirrored to isDisabled",
|
|
5681
|
+
"type": {
|
|
5682
|
+
"text": "boolean"
|
|
5683
|
+
},
|
|
5684
|
+
"default": "false",
|
|
5685
|
+
"readonly": true,
|
|
5686
|
+
"attribute": "disabled",
|
|
5687
|
+
"reflects": true
|
|
5688
|
+
},
|
|
5689
|
+
{
|
|
5690
|
+
"kind": "field",
|
|
5691
|
+
"name": "error",
|
|
5692
|
+
"description": "Shows error styling on the group helper text. Propagated to all child radios.",
|
|
5693
|
+
"type": {
|
|
5694
|
+
"text": "boolean"
|
|
5695
|
+
},
|
|
5696
|
+
"default": "false",
|
|
5697
|
+
"readonly": true,
|
|
5698
|
+
"attribute": "error",
|
|
5699
|
+
"reflects": true
|
|
5700
|
+
},
|
|
5701
|
+
{
|
|
5702
|
+
"kind": "field",
|
|
5703
|
+
"name": "errorMessage",
|
|
5704
|
+
"description": "Error message rendered below the radio options when error is true. Replaces helperText.",
|
|
5705
|
+
"type": {
|
|
5706
|
+
"text": "string"
|
|
5707
|
+
},
|
|
5708
|
+
"default": "''",
|
|
5709
|
+
"readonly": true,
|
|
5710
|
+
"attribute": "error-message"
|
|
5711
|
+
},
|
|
5712
|
+
{
|
|
5713
|
+
"kind": "field",
|
|
5714
|
+
"name": "helperText",
|
|
5715
|
+
"description": "Helper text rendered below the radio options. Shown in default state; replaced by errorMessage in error state.",
|
|
5716
|
+
"type": {
|
|
5717
|
+
"text": "string"
|
|
5718
|
+
},
|
|
5719
|
+
"default": "''",
|
|
5720
|
+
"readonly": true,
|
|
5721
|
+
"attribute": "helper-text"
|
|
5722
|
+
},
|
|
5723
|
+
{
|
|
5724
|
+
"kind": "field",
|
|
5725
|
+
"name": "info",
|
|
5726
|
+
"description": "Tooltip text shown on the group label info icon.",
|
|
5727
|
+
"type": {
|
|
5728
|
+
"text": "string"
|
|
5729
|
+
},
|
|
5730
|
+
"default": "''",
|
|
5731
|
+
"readonly": true,
|
|
5732
|
+
"attribute": "info"
|
|
5733
|
+
},
|
|
5734
|
+
{
|
|
5735
|
+
"kind": "field",
|
|
5736
|
+
"name": "joined",
|
|
5737
|
+
"description": "Hides the divider between radio buttons when type is 'radiobutton'.",
|
|
5738
|
+
"type": {
|
|
5739
|
+
"text": "boolean"
|
|
5740
|
+
},
|
|
5741
|
+
"default": "false",
|
|
5742
|
+
"readonly": true,
|
|
5743
|
+
"attribute": "joined",
|
|
5744
|
+
"reflects": true
|
|
5745
|
+
},
|
|
5746
|
+
{
|
|
5747
|
+
"kind": "field",
|
|
5748
|
+
"name": "label",
|
|
5749
|
+
"description": "Group label rendered above the radio options.",
|
|
5750
|
+
"type": {
|
|
5751
|
+
"text": "string"
|
|
5752
|
+
},
|
|
5753
|
+
"default": "''",
|
|
5754
|
+
"readonly": true,
|
|
5755
|
+
"attribute": "label"
|
|
5756
|
+
},
|
|
5757
|
+
{
|
|
5758
|
+
"kind": "field",
|
|
5759
|
+
"name": "name",
|
|
5760
|
+
"description": "Name of the form control; submitted as the field key in FormData.",
|
|
5761
|
+
"type": {
|
|
5762
|
+
"text": "string"
|
|
5763
|
+
},
|
|
5764
|
+
"readonly": true,
|
|
5765
|
+
"attribute": "name",
|
|
5766
|
+
"reflects": true
|
|
5767
|
+
},
|
|
5768
|
+
{
|
|
5769
|
+
"kind": "field",
|
|
5770
|
+
"name": "orientation",
|
|
5771
|
+
"description": "Layout direction of the radio options.",
|
|
4122
5772
|
"type": {
|
|
4123
|
-
"text": "
|
|
5773
|
+
"text": "\"horizontal\" | \"vertical\"",
|
|
4124
5774
|
"references": [
|
|
4125
5775
|
{
|
|
4126
|
-
"name": "
|
|
4127
|
-
"module": "
|
|
5776
|
+
"name": "Orientation",
|
|
5777
|
+
"module": "@/types"
|
|
4128
5778
|
}
|
|
4129
5779
|
]
|
|
4130
5780
|
},
|
|
4131
|
-
"default": "
|
|
4132
|
-
"
|
|
5781
|
+
"default": "'vertical'",
|
|
5782
|
+
"readonly": true,
|
|
5783
|
+
"attribute": "orientation",
|
|
4133
5784
|
"reflects": true
|
|
4134
5785
|
},
|
|
4135
5786
|
{
|
|
4136
5787
|
"kind": "field",
|
|
4137
|
-
"name": "
|
|
4138
|
-
"description": "
|
|
5788
|
+
"name": "required",
|
|
5789
|
+
"description": "Marks the group as required for form submission. Triggers validity error when no radio is selected.",
|
|
4139
5790
|
"type": {
|
|
4140
|
-
"text": "boolean"
|
|
4141
|
-
"references": [
|
|
4142
|
-
{
|
|
4143
|
-
"name": "IRadioCard",
|
|
4144
|
-
"module": "./types/IRadioCard"
|
|
4145
|
-
}
|
|
4146
|
-
]
|
|
5791
|
+
"text": "boolean"
|
|
4147
5792
|
},
|
|
4148
5793
|
"default": "false",
|
|
4149
5794
|
"readonly": true,
|
|
4150
|
-
"attribute": "
|
|
5795
|
+
"attribute": "required",
|
|
4151
5796
|
"reflects": true
|
|
4152
5797
|
},
|
|
4153
5798
|
{
|
|
4154
5799
|
"kind": "field",
|
|
4155
|
-
"name": "
|
|
4156
|
-
"description": "
|
|
5800
|
+
"name": "type",
|
|
5801
|
+
"description": "Identifies this group variant. 'radio' renders circular bds-radio children; 'radiobutton' renders bds-radio-button segmented control; 'radiocard' renders bds-radio-card element.",
|
|
4157
5802
|
"type": {
|
|
4158
|
-
"text": "
|
|
5803
|
+
"text": "\"radio\" | \"radiobutton\" | \"radiocard\"",
|
|
4159
5804
|
"references": [
|
|
4160
5805
|
{
|
|
4161
|
-
"name": "
|
|
4162
|
-
"module": "./types/
|
|
5806
|
+
"name": "RadioGroupType",
|
|
5807
|
+
"module": "./types/types"
|
|
4163
5808
|
}
|
|
4164
5809
|
]
|
|
4165
5810
|
},
|
|
4166
|
-
"default": "
|
|
5811
|
+
"default": "'radio'",
|
|
4167
5812
|
"readonly": true,
|
|
4168
|
-
"attribute": "
|
|
5813
|
+
"attribute": "type",
|
|
4169
5814
|
"reflects": true
|
|
4170
5815
|
},
|
|
4171
5816
|
{
|
|
4172
5817
|
"kind": "field",
|
|
4173
|
-
"name": "
|
|
4174
|
-
"description": "
|
|
5818
|
+
"name": "value",
|
|
5819
|
+
"description": "Currently selected radio value. Synced to children on change.",
|
|
4175
5820
|
"type": {
|
|
4176
|
-
"text": "string"
|
|
4177
|
-
"references": [
|
|
4178
|
-
{
|
|
4179
|
-
"name": "IRadioCard",
|
|
4180
|
-
"module": "./types/IRadioCard"
|
|
4181
|
-
}
|
|
4182
|
-
]
|
|
5821
|
+
"text": "string"
|
|
4183
5822
|
},
|
|
4184
5823
|
"default": "''",
|
|
4185
|
-
"
|
|
4186
|
-
"attribute": "info"
|
|
5824
|
+
"attribute": "value"
|
|
4187
5825
|
},
|
|
4188
5826
|
{
|
|
4189
|
-
"kind": "
|
|
4190
|
-
"name": "
|
|
4191
|
-
"description": "
|
|
5827
|
+
"kind": "method",
|
|
5828
|
+
"name": "checkValidity",
|
|
5829
|
+
"description": "Returns whether the group's current value satisfies the browser's built-in constraint validation.",
|
|
5830
|
+
"return": {
|
|
5831
|
+
"type": {
|
|
5832
|
+
"text": "Promise<boolean>",
|
|
5833
|
+
"references": [
|
|
5834
|
+
{
|
|
5835
|
+
"name": "Promise",
|
|
5836
|
+
"package": "global:"
|
|
5837
|
+
}
|
|
5838
|
+
]
|
|
5839
|
+
}
|
|
5840
|
+
}
|
|
5841
|
+
},
|
|
5842
|
+
{
|
|
5843
|
+
"kind": "method",
|
|
5844
|
+
"name": "reportValidity",
|
|
5845
|
+
"description": "Reports the group's validity state to the user, showing native validation UI if invalid.",
|
|
5846
|
+
"return": {
|
|
5847
|
+
"type": {
|
|
5848
|
+
"text": "Promise<boolean>",
|
|
5849
|
+
"references": [
|
|
5850
|
+
{
|
|
5851
|
+
"name": "Promise",
|
|
5852
|
+
"package": "global:"
|
|
5853
|
+
}
|
|
5854
|
+
]
|
|
5855
|
+
}
|
|
5856
|
+
}
|
|
5857
|
+
}
|
|
5858
|
+
],
|
|
5859
|
+
"events": [
|
|
5860
|
+
{
|
|
5861
|
+
"name": "bdsChange",
|
|
5862
|
+
"description": "Emitted when the selected radio changes. Payload includes the new value.",
|
|
4192
5863
|
"type": {
|
|
4193
|
-
"text": "
|
|
5864
|
+
"text": "CustomEvent<RadioGroupChangeDetail>",
|
|
4194
5865
|
"references": [
|
|
4195
5866
|
{
|
|
4196
|
-
"name": "
|
|
4197
|
-
"module": "./types/
|
|
5867
|
+
"name": "RadioGroupChangeDetail",
|
|
5868
|
+
"module": "./types/IRadioGroup"
|
|
4198
5869
|
}
|
|
4199
5870
|
]
|
|
5871
|
+
}
|
|
5872
|
+
},
|
|
5873
|
+
{
|
|
5874
|
+
"name": "valueChange",
|
|
5875
|
+
"description": "Emitted when the selected radio changes. Used for v-model two-way binding in Vue.",
|
|
5876
|
+
"type": {
|
|
5877
|
+
"text": "CustomEvent<string>"
|
|
5878
|
+
}
|
|
5879
|
+
}
|
|
5880
|
+
],
|
|
5881
|
+
"slots": [
|
|
5882
|
+
{
|
|
5883
|
+
"name": "",
|
|
5884
|
+
"description": "Default slot for `bds-radio` child elements."
|
|
5885
|
+
}
|
|
5886
|
+
],
|
|
5887
|
+
"cssProperties": [
|
|
5888
|
+
{
|
|
5889
|
+
"name": "--layout-count",
|
|
5890
|
+
"description": "Defines the number of columns for horizontal orientation. Default is 1."
|
|
5891
|
+
}
|
|
5892
|
+
]
|
|
5893
|
+
}
|
|
5894
|
+
],
|
|
5895
|
+
"exports": [
|
|
5896
|
+
{
|
|
5897
|
+
"kind": "js",
|
|
5898
|
+
"name": "BdsRadioGroup",
|
|
5899
|
+
"declaration": {
|
|
5900
|
+
"name": "BdsRadioGroup"
|
|
5901
|
+
}
|
|
5902
|
+
},
|
|
5903
|
+
{
|
|
5904
|
+
"kind": "custom-element-definition",
|
|
5905
|
+
"name": "bds-radio-group",
|
|
5906
|
+
"declaration": {
|
|
5907
|
+
"name": "BdsRadioGroup"
|
|
5908
|
+
}
|
|
5909
|
+
}
|
|
5910
|
+
]
|
|
5911
|
+
},
|
|
5912
|
+
{
|
|
5913
|
+
"kind": "javascript-module",
|
|
5914
|
+
"path": "src/components/forms/bds-select/bds-select.tsx",
|
|
5915
|
+
"declarations": [
|
|
5916
|
+
{
|
|
5917
|
+
"kind": "class",
|
|
5918
|
+
"customElement": true,
|
|
5919
|
+
"tagName": "bds-select",
|
|
5920
|
+
"name": "BdsSelect",
|
|
5921
|
+
"description": "Component representing a select dropdown, allowing users to choose an option from a list.\nIt consists of a text field that triggers the dropdown and a list menu that contains the options.\nThe component supports both single selection and searchable functionality.",
|
|
5922
|
+
"attributes": [
|
|
5923
|
+
{
|
|
5924
|
+
"name": "name",
|
|
5925
|
+
"description": "Name to assign in form",
|
|
5926
|
+
"type": {
|
|
5927
|
+
"text": "string"
|
|
4200
5928
|
},
|
|
4201
5929
|
"default": "''",
|
|
4202
|
-
"
|
|
4203
|
-
|
|
5930
|
+
"fieldName": "name"
|
|
5931
|
+
},
|
|
5932
|
+
{
|
|
5933
|
+
"name": "searchable",
|
|
5934
|
+
"description": "Prop to define if its searchable. It allows to write and filter the options",
|
|
5935
|
+
"type": {
|
|
5936
|
+
"text": "boolean"
|
|
5937
|
+
},
|
|
5938
|
+
"default": "false",
|
|
5939
|
+
"fieldName": "searchable"
|
|
4204
5940
|
},
|
|
5941
|
+
{
|
|
5942
|
+
"name": "value",
|
|
5943
|
+
"description": "The value of the select component.",
|
|
5944
|
+
"type": {
|
|
5945
|
+
"text": "string"
|
|
5946
|
+
},
|
|
5947
|
+
"default": "''",
|
|
5948
|
+
"fieldName": "value"
|
|
5949
|
+
}
|
|
5950
|
+
],
|
|
5951
|
+
"members": [
|
|
4205
5952
|
{
|
|
4206
5953
|
"kind": "field",
|
|
4207
5954
|
"name": "name",
|
|
4208
|
-
"description": "Name
|
|
5955
|
+
"description": "Name to assign in form",
|
|
4209
5956
|
"type": {
|
|
4210
|
-
"text": "string"
|
|
4211
|
-
"references": [
|
|
4212
|
-
{
|
|
4213
|
-
"name": "IRadioCard",
|
|
4214
|
-
"module": "./types/IRadioCard"
|
|
4215
|
-
}
|
|
4216
|
-
]
|
|
5957
|
+
"text": "string"
|
|
4217
5958
|
},
|
|
4218
5959
|
"default": "''",
|
|
4219
5960
|
"readonly": true,
|
|
@@ -4221,19 +5962,23 @@
|
|
|
4221
5962
|
},
|
|
4222
5963
|
{
|
|
4223
5964
|
"kind": "field",
|
|
4224
|
-
"name": "
|
|
4225
|
-
"description": "
|
|
5965
|
+
"name": "searchable",
|
|
5966
|
+
"description": "Prop to define if its searchable. It allows to write and filter the options",
|
|
4226
5967
|
"type": {
|
|
4227
|
-
"text": "
|
|
4228
|
-
"references": [
|
|
4229
|
-
{
|
|
4230
|
-
"name": "IRadioCard",
|
|
4231
|
-
"module": "./types/IRadioCard"
|
|
4232
|
-
}
|
|
4233
|
-
]
|
|
5968
|
+
"text": "boolean"
|
|
4234
5969
|
},
|
|
4235
|
-
"default": "
|
|
5970
|
+
"default": "false",
|
|
4236
5971
|
"readonly": true,
|
|
5972
|
+
"attribute": "searchable"
|
|
5973
|
+
},
|
|
5974
|
+
{
|
|
5975
|
+
"kind": "field",
|
|
5976
|
+
"name": "value",
|
|
5977
|
+
"description": "The value of the select component.",
|
|
5978
|
+
"type": {
|
|
5979
|
+
"text": "string"
|
|
5980
|
+
},
|
|
5981
|
+
"default": "''",
|
|
4237
5982
|
"attribute": "value",
|
|
4238
5983
|
"reflects": true
|
|
4239
5984
|
}
|
|
@@ -4241,38 +5986,27 @@
|
|
|
4241
5986
|
"events": [
|
|
4242
5987
|
{
|
|
4243
5988
|
"name": "bdsChange",
|
|
4244
|
-
"description": "Emitted when the
|
|
5989
|
+
"description": "Emitted when the selection change the value",
|
|
4245
5990
|
"type": {
|
|
4246
|
-
"text": "CustomEvent<
|
|
4247
|
-
"references": [
|
|
4248
|
-
{
|
|
4249
|
-
"name": "RadioCardChangeDetail",
|
|
4250
|
-
"module": "./types/IRadioCard"
|
|
4251
|
-
}
|
|
4252
|
-
]
|
|
5991
|
+
"text": "CustomEvent<string>"
|
|
4253
5992
|
}
|
|
4254
|
-
}
|
|
4255
|
-
],
|
|
4256
|
-
"slots": [
|
|
4257
|
-
{
|
|
4258
|
-
"name": "",
|
|
4259
|
-
"description": "Label content when no `label` prop is provided."
|
|
4260
|
-
},
|
|
4261
|
-
{
|
|
4262
|
-
"name": "description",
|
|
4263
|
-
"description": "Optional descriptive text rendered below the label."
|
|
4264
5993
|
},
|
|
4265
5994
|
{
|
|
4266
|
-
"name": "
|
|
4267
|
-
"description": "
|
|
5995
|
+
"name": "valueChange",
|
|
5996
|
+
"description": "Emit value Change for vue implementation",
|
|
5997
|
+
"type": {
|
|
5998
|
+
"text": "CustomEvent<string>"
|
|
5999
|
+
}
|
|
4268
6000
|
}
|
|
4269
6001
|
],
|
|
4270
|
-
"
|
|
6002
|
+
"slots": [
|
|
4271
6003
|
{
|
|
4272
|
-
"name": "
|
|
6004
|
+
"name": "field",
|
|
6005
|
+
"description": "The text field element that triggers the select dropdown. It should be a `bds-text-field` component."
|
|
4273
6006
|
},
|
|
4274
6007
|
{
|
|
4275
|
-
"name": "
|
|
6008
|
+
"name": "list",
|
|
6009
|
+
"description": "The list menu element that contains the options for the select dropdown. It should be a `bds-list-menu` component."
|
|
4276
6010
|
}
|
|
4277
6011
|
]
|
|
4278
6012
|
}
|
|
@@ -4280,34 +6014,34 @@
|
|
|
4280
6014
|
"exports": [
|
|
4281
6015
|
{
|
|
4282
6016
|
"kind": "js",
|
|
4283
|
-
"name": "
|
|
6017
|
+
"name": "BdsSelect",
|
|
4284
6018
|
"declaration": {
|
|
4285
|
-
"name": "
|
|
6019
|
+
"name": "BdsSelect"
|
|
4286
6020
|
}
|
|
4287
6021
|
},
|
|
4288
6022
|
{
|
|
4289
6023
|
"kind": "custom-element-definition",
|
|
4290
|
-
"name": "bds-
|
|
6024
|
+
"name": "bds-select",
|
|
4291
6025
|
"declaration": {
|
|
4292
|
-
"name": "
|
|
6026
|
+
"name": "BdsSelect"
|
|
4293
6027
|
}
|
|
4294
6028
|
}
|
|
4295
6029
|
]
|
|
4296
6030
|
},
|
|
4297
6031
|
{
|
|
4298
6032
|
"kind": "javascript-module",
|
|
4299
|
-
"path": "src/components/forms/bds-
|
|
6033
|
+
"path": "src/components/forms/bds-slider/bds-slider.tsx",
|
|
4300
6034
|
"declarations": [
|
|
4301
6035
|
{
|
|
4302
6036
|
"kind": "class",
|
|
4303
6037
|
"customElement": true,
|
|
4304
|
-
"tagName": "bds-
|
|
4305
|
-
"name": "
|
|
4306
|
-
"description": "
|
|
6038
|
+
"tagName": "bds-slider",
|
|
6039
|
+
"name": "BdsSlider",
|
|
6040
|
+
"description": "Slider component for selecting a numeric value or a range of values.",
|
|
4307
6041
|
"attributes": [
|
|
4308
6042
|
{
|
|
4309
6043
|
"name": "disabled",
|
|
4310
|
-
"description": "Disables
|
|
6044
|
+
"description": "Disables the slider, preventing all user interaction. Defaults to `false`.",
|
|
4311
6045
|
"type": {
|
|
4312
6046
|
"text": "boolean"
|
|
4313
6047
|
},
|
|
@@ -4315,104 +6049,126 @@
|
|
|
4315
6049
|
"fieldName": "disabled"
|
|
4316
6050
|
},
|
|
4317
6051
|
{
|
|
4318
|
-
"name": "
|
|
4319
|
-
"description": "
|
|
6052
|
+
"name": "disabled-handlers",
|
|
6053
|
+
"description": "JSON string array of handle values that should be individually disabled.\nEach number must match a value present in the `value` prop.\nAccepts `number`, `number[]`, or JSON string: `\"[5, 30]\"`.\nDefaults to `\"[]\"`.",
|
|
6054
|
+
"type": {
|
|
6055
|
+
"text": "number[] | string",
|
|
6056
|
+
"references": [
|
|
6057
|
+
{
|
|
6058
|
+
"name": "SliderRawValue",
|
|
6059
|
+
"module": "./types"
|
|
6060
|
+
}
|
|
6061
|
+
]
|
|
6062
|
+
},
|
|
6063
|
+
"default": "'[]'",
|
|
6064
|
+
"fieldName": "disabledHandlers"
|
|
6065
|
+
},
|
|
6066
|
+
{
|
|
6067
|
+
"name": "discrete",
|
|
6068
|
+
"description": "When `true`, renders discrete tick marks along the track\nat every step position between `min` and `max`.\nDefaults to `false`.",
|
|
4320
6069
|
"type": {
|
|
4321
6070
|
"text": "boolean"
|
|
4322
6071
|
},
|
|
4323
6072
|
"default": "false",
|
|
4324
|
-
"fieldName": "
|
|
6073
|
+
"fieldName": "discrete"
|
|
6074
|
+
},
|
|
6075
|
+
{
|
|
6076
|
+
"name": "label",
|
|
6077
|
+
"description": "Label for the slider. Defaults to `\"\"`.",
|
|
6078
|
+
"type": {
|
|
6079
|
+
"text": "string"
|
|
6080
|
+
},
|
|
6081
|
+
"default": "''",
|
|
6082
|
+
"fieldName": "label"
|
|
4325
6083
|
},
|
|
4326
6084
|
{
|
|
4327
|
-
"name": "
|
|
4328
|
-
"description": "
|
|
6085
|
+
"name": "max",
|
|
6086
|
+
"description": "Maximum selectable value. Defaults to `100`.",
|
|
4329
6087
|
"type": {
|
|
4330
|
-
"text": "
|
|
6088
|
+
"text": "number"
|
|
4331
6089
|
},
|
|
4332
|
-
"default": "
|
|
4333
|
-
"fieldName": "
|
|
6090
|
+
"default": "100",
|
|
6091
|
+
"fieldName": "max"
|
|
4334
6092
|
},
|
|
4335
6093
|
{
|
|
4336
|
-
"name": "
|
|
4337
|
-
"description": "
|
|
6094
|
+
"name": "min",
|
|
6095
|
+
"description": "Minimum selectable value. Defaults to `0`.",
|
|
4338
6096
|
"type": {
|
|
4339
|
-
"text": "
|
|
6097
|
+
"text": "number"
|
|
4340
6098
|
},
|
|
4341
|
-
"default": "
|
|
4342
|
-
"fieldName": "
|
|
6099
|
+
"default": "0",
|
|
6100
|
+
"fieldName": "min"
|
|
4343
6101
|
},
|
|
4344
6102
|
{
|
|
4345
|
-
"name": "
|
|
4346
|
-
"description": "
|
|
6103
|
+
"name": "name",
|
|
6104
|
+
"description": "Name of the form control, submitted as a key in the form data.",
|
|
4347
6105
|
"type": {
|
|
4348
|
-
"text": "
|
|
6106
|
+
"text": "string"
|
|
4349
6107
|
},
|
|
4350
6108
|
"default": "''",
|
|
4351
|
-
"fieldName": "
|
|
6109
|
+
"fieldName": "name"
|
|
4352
6110
|
},
|
|
4353
6111
|
{
|
|
4354
|
-
"name": "
|
|
4355
|
-
"description": "
|
|
6112
|
+
"name": "show-limits",
|
|
6113
|
+
"description": "Shows the min and max values of the slider.\nDefaults to `false`.",
|
|
4356
6114
|
"type": {
|
|
4357
|
-
"text": "
|
|
6115
|
+
"text": "boolean"
|
|
4358
6116
|
},
|
|
4359
|
-
"default": "
|
|
4360
|
-
"fieldName": "
|
|
6117
|
+
"default": "false",
|
|
6118
|
+
"fieldName": "showLimits"
|
|
4361
6119
|
},
|
|
4362
6120
|
{
|
|
4363
|
-
"name": "
|
|
4364
|
-
"description": "
|
|
6121
|
+
"name": "step",
|
|
6122
|
+
"description": "Step size for each increment/decrement.\nMust be a positive number. Defaults to `1`.",
|
|
4365
6123
|
"type": {
|
|
4366
|
-
"text": "
|
|
6124
|
+
"text": "number"
|
|
4367
6125
|
},
|
|
4368
|
-
"
|
|
6126
|
+
"default": "1",
|
|
6127
|
+
"fieldName": "step"
|
|
4369
6128
|
},
|
|
4370
6129
|
{
|
|
4371
|
-
"name": "
|
|
4372
|
-
"description": "
|
|
6130
|
+
"name": "tooltip",
|
|
6131
|
+
"description": "Controls tooltip visibility on each handle.\n- `\"never\"` — tooltip is hidden.\n- `\"focus\"` — tooltip appears only when the handle is active/focused.\nDefa ults to `\"focus\"`.",
|
|
4373
6132
|
"type": {
|
|
4374
|
-
"text": "\"
|
|
6133
|
+
"text": "\"focus\" | \"never\"",
|
|
4375
6134
|
"references": [
|
|
4376
6135
|
{
|
|
4377
|
-
"name": "
|
|
4378
|
-
"module": "
|
|
6136
|
+
"name": "SliderTooltipType",
|
|
6137
|
+
"module": "./types"
|
|
4379
6138
|
}
|
|
4380
6139
|
]
|
|
4381
6140
|
},
|
|
4382
|
-
"default": "
|
|
4383
|
-
"fieldName": "
|
|
4384
|
-
},
|
|
4385
|
-
{
|
|
4386
|
-
"name": "required",
|
|
4387
|
-
"description": "Marks the group as required for form submission. Triggers validity error when no radio is selected.",
|
|
4388
|
-
"type": {
|
|
4389
|
-
"text": "boolean"
|
|
4390
|
-
},
|
|
4391
|
-
"default": "false",
|
|
4392
|
-
"fieldName": "required"
|
|
6141
|
+
"default": "SLIDER_TOOLTIP.FOCUS",
|
|
6142
|
+
"fieldName": "tooltip"
|
|
4393
6143
|
},
|
|
4394
6144
|
{
|
|
4395
6145
|
"name": "type",
|
|
4396
|
-
"description": "
|
|
6146
|
+
"description": "Slider type that defines the slider behavior. Defaults to `single`.",
|
|
4397
6147
|
"type": {
|
|
4398
|
-
"text": "\"
|
|
6148
|
+
"text": "\"range\" | \"single\"",
|
|
4399
6149
|
"references": [
|
|
4400
6150
|
{
|
|
4401
|
-
"name": "
|
|
4402
|
-
"module": "./types
|
|
6151
|
+
"name": "SliderType",
|
|
6152
|
+
"module": "./types"
|
|
4403
6153
|
}
|
|
4404
6154
|
]
|
|
4405
6155
|
},
|
|
4406
|
-
"default": "
|
|
6156
|
+
"default": "SLIDER_TYPE.SINGLE",
|
|
4407
6157
|
"fieldName": "type"
|
|
4408
6158
|
},
|
|
4409
6159
|
{
|
|
4410
6160
|
"name": "value",
|
|
4411
|
-
"description": "
|
|
6161
|
+
"description": "Current value(s) of the slider.\nAccepts `number`, `number[]`, or a JSON string for HTML vanilla usage.\n- Single handle: `50` or `\"50\"`\n- Multi-handle: `[10, 50, 80]` or `\"[10, 50, 80]\"`\n- Defaults to `0`.",
|
|
4412
6162
|
"type": {
|
|
4413
|
-
"text": "string"
|
|
6163
|
+
"text": "number[] | string",
|
|
6164
|
+
"references": [
|
|
6165
|
+
{
|
|
6166
|
+
"name": "SliderRawValue",
|
|
6167
|
+
"module": "./types"
|
|
6168
|
+
}
|
|
6169
|
+
]
|
|
4414
6170
|
},
|
|
4415
|
-
"default": "
|
|
6171
|
+
"default": "[0]",
|
|
4416
6172
|
"fieldName": "value"
|
|
4417
6173
|
}
|
|
4418
6174
|
],
|
|
@@ -4420,7 +6176,7 @@
|
|
|
4420
6176
|
{
|
|
4421
6177
|
"kind": "field",
|
|
4422
6178
|
"name": "disabled",
|
|
4423
|
-
"description": "Disables
|
|
6179
|
+
"description": "Disables the slider, preventing all user interaction. Defaults to `false`.",
|
|
4424
6180
|
"type": {
|
|
4425
6181
|
"text": "boolean"
|
|
4426
6182
|
},
|
|
@@ -4431,115 +6187,138 @@
|
|
|
4431
6187
|
},
|
|
4432
6188
|
{
|
|
4433
6189
|
"kind": "field",
|
|
4434
|
-
"name": "
|
|
4435
|
-
"description": "
|
|
6190
|
+
"name": "disabledHandlers",
|
|
6191
|
+
"description": "JSON string array of handle values that should be individually disabled.\nEach number must match a value present in the `value` prop.\nAccepts `number`, `number[]`, or JSON string: `\"[5, 30]\"`.\nDefaults to `\"[]\"`.",
|
|
4436
6192
|
"type": {
|
|
4437
|
-
"text": "
|
|
6193
|
+
"text": "number[] | string",
|
|
6194
|
+
"references": [
|
|
6195
|
+
{
|
|
6196
|
+
"name": "SliderRawValue",
|
|
6197
|
+
"module": "./types"
|
|
6198
|
+
}
|
|
6199
|
+
]
|
|
4438
6200
|
},
|
|
4439
|
-
"default": "
|
|
6201
|
+
"default": "'[]'",
|
|
4440
6202
|
"readonly": true,
|
|
4441
|
-
"attribute": "
|
|
6203
|
+
"attribute": "disabled-handlers",
|
|
4442
6204
|
"reflects": true
|
|
4443
6205
|
},
|
|
4444
6206
|
{
|
|
4445
6207
|
"kind": "field",
|
|
4446
|
-
"name": "
|
|
4447
|
-
"description": "
|
|
6208
|
+
"name": "discrete",
|
|
6209
|
+
"description": "When `true`, renders discrete tick marks along the track\nat every step position between `min` and `max`.\nDefaults to `false`.",
|
|
4448
6210
|
"type": {
|
|
4449
|
-
"text": "
|
|
6211
|
+
"text": "boolean"
|
|
4450
6212
|
},
|
|
4451
|
-
"default": "
|
|
6213
|
+
"default": "false",
|
|
4452
6214
|
"readonly": true,
|
|
4453
|
-
"attribute": "
|
|
6215
|
+
"attribute": "discrete",
|
|
6216
|
+
"reflects": true
|
|
4454
6217
|
},
|
|
4455
6218
|
{
|
|
4456
6219
|
"kind": "field",
|
|
4457
|
-
"name": "
|
|
4458
|
-
"description": "
|
|
6220
|
+
"name": "label",
|
|
6221
|
+
"description": "Label for the slider. Defaults to `\"\"`.",
|
|
4459
6222
|
"type": {
|
|
4460
|
-
"text": "
|
|
6223
|
+
"text": "string"
|
|
4461
6224
|
},
|
|
4462
6225
|
"default": "''",
|
|
4463
6226
|
"readonly": true,
|
|
4464
|
-
"attribute": "
|
|
6227
|
+
"attribute": "label",
|
|
6228
|
+
"reflects": true
|
|
4465
6229
|
},
|
|
4466
6230
|
{
|
|
4467
6231
|
"kind": "field",
|
|
4468
|
-
"name": "
|
|
4469
|
-
"description": "
|
|
6232
|
+
"name": "max",
|
|
6233
|
+
"description": "Maximum selectable value. Defaults to `100`.",
|
|
4470
6234
|
"type": {
|
|
4471
|
-
"text": "
|
|
6235
|
+
"text": "number"
|
|
4472
6236
|
},
|
|
4473
|
-
"default": "
|
|
6237
|
+
"default": "100",
|
|
4474
6238
|
"readonly": true,
|
|
4475
|
-
"attribute": "
|
|
6239
|
+
"attribute": "max",
|
|
6240
|
+
"reflects": true
|
|
4476
6241
|
},
|
|
4477
6242
|
{
|
|
4478
6243
|
"kind": "field",
|
|
4479
|
-
"name": "
|
|
4480
|
-
"description": "
|
|
6244
|
+
"name": "min",
|
|
6245
|
+
"description": "Minimum selectable value. Defaults to `0`.",
|
|
4481
6246
|
"type": {
|
|
4482
|
-
"text": "
|
|
6247
|
+
"text": "number"
|
|
4483
6248
|
},
|
|
4484
|
-
"default": "
|
|
6249
|
+
"default": "0",
|
|
4485
6250
|
"readonly": true,
|
|
4486
|
-
"attribute": "
|
|
6251
|
+
"attribute": "min",
|
|
6252
|
+
"reflects": true
|
|
4487
6253
|
},
|
|
4488
6254
|
{
|
|
4489
6255
|
"kind": "field",
|
|
4490
6256
|
"name": "name",
|
|
4491
|
-
"description": "Name of the form control
|
|
6257
|
+
"description": "Name of the form control, submitted as a key in the form data.",
|
|
4492
6258
|
"type": {
|
|
4493
6259
|
"text": "string"
|
|
4494
6260
|
},
|
|
6261
|
+
"default": "''",
|
|
4495
6262
|
"readonly": true,
|
|
4496
6263
|
"attribute": "name",
|
|
4497
6264
|
"reflects": true
|
|
4498
6265
|
},
|
|
4499
6266
|
{
|
|
4500
6267
|
"kind": "field",
|
|
4501
|
-
"name": "
|
|
4502
|
-
"description": "
|
|
6268
|
+
"name": "showLimits",
|
|
6269
|
+
"description": "Shows the min and max values of the slider.\nDefaults to `false`.",
|
|
4503
6270
|
"type": {
|
|
4504
|
-
"text": "
|
|
4505
|
-
"references": [
|
|
4506
|
-
{
|
|
4507
|
-
"name": "Orientation",
|
|
4508
|
-
"module": "@/types"
|
|
4509
|
-
}
|
|
4510
|
-
]
|
|
6271
|
+
"text": "boolean"
|
|
4511
6272
|
},
|
|
4512
|
-
"default": "
|
|
6273
|
+
"default": "false",
|
|
4513
6274
|
"readonly": true,
|
|
4514
|
-
"attribute": "
|
|
6275
|
+
"attribute": "show-limits",
|
|
4515
6276
|
"reflects": true
|
|
4516
6277
|
},
|
|
4517
6278
|
{
|
|
4518
6279
|
"kind": "field",
|
|
4519
|
-
"name": "
|
|
4520
|
-
"description": "
|
|
6280
|
+
"name": "step",
|
|
6281
|
+
"description": "Step size for each increment/decrement.\nMust be a positive number. Defaults to `1`.",
|
|
4521
6282
|
"type": {
|
|
4522
|
-
"text": "
|
|
6283
|
+
"text": "number"
|
|
4523
6284
|
},
|
|
4524
|
-
"default": "
|
|
6285
|
+
"default": "1",
|
|
4525
6286
|
"readonly": true,
|
|
4526
|
-
"attribute": "
|
|
6287
|
+
"attribute": "step",
|
|
6288
|
+
"reflects": true
|
|
6289
|
+
},
|
|
6290
|
+
{
|
|
6291
|
+
"kind": "field",
|
|
6292
|
+
"name": "tooltip",
|
|
6293
|
+
"description": "Controls tooltip visibility on each handle.\n- `\"never\"` — tooltip is hidden.\n- `\"focus\"` — tooltip appears only when the handle is active/focused.\nDefa ults to `\"focus\"`.",
|
|
6294
|
+
"type": {
|
|
6295
|
+
"text": "\"focus\" | \"never\"",
|
|
6296
|
+
"references": [
|
|
6297
|
+
{
|
|
6298
|
+
"name": "SliderTooltipType",
|
|
6299
|
+
"module": "./types"
|
|
6300
|
+
}
|
|
6301
|
+
]
|
|
6302
|
+
},
|
|
6303
|
+
"default": "SLIDER_TOOLTIP.FOCUS",
|
|
6304
|
+
"readonly": true,
|
|
6305
|
+
"attribute": "tooltip",
|
|
4527
6306
|
"reflects": true
|
|
4528
6307
|
},
|
|
4529
6308
|
{
|
|
4530
6309
|
"kind": "field",
|
|
4531
6310
|
"name": "type",
|
|
4532
|
-
"description": "
|
|
6311
|
+
"description": "Slider type that defines the slider behavior. Defaults to `single`.",
|
|
4533
6312
|
"type": {
|
|
4534
|
-
"text": "\"
|
|
6313
|
+
"text": "\"range\" | \"single\"",
|
|
4535
6314
|
"references": [
|
|
4536
6315
|
{
|
|
4537
|
-
"name": "
|
|
4538
|
-
"module": "./types
|
|
6316
|
+
"name": "SliderType",
|
|
6317
|
+
"module": "./types"
|
|
4539
6318
|
}
|
|
4540
6319
|
]
|
|
4541
6320
|
},
|
|
4542
|
-
"default": "
|
|
6321
|
+
"default": "SLIDER_TYPE.SINGLE",
|
|
4543
6322
|
"readonly": true,
|
|
4544
6323
|
"attribute": "type",
|
|
4545
6324
|
"reflects": true
|
|
@@ -4547,20 +6326,27 @@
|
|
|
4547
6326
|
{
|
|
4548
6327
|
"kind": "field",
|
|
4549
6328
|
"name": "value",
|
|
4550
|
-
"description": "
|
|
6329
|
+
"description": "Current value(s) of the slider.\nAccepts `number`, `number[]`, or a JSON string for HTML vanilla usage.\n- Single handle: `50` or `\"50\"`\n- Multi-handle: `[10, 50, 80]` or `\"[10, 50, 80]\"`\n- Defaults to `0`.",
|
|
4551
6330
|
"type": {
|
|
4552
|
-
"text": "string"
|
|
6331
|
+
"text": "number[] | string",
|
|
6332
|
+
"references": [
|
|
6333
|
+
{
|
|
6334
|
+
"name": "SliderRawValue",
|
|
6335
|
+
"module": "./types"
|
|
6336
|
+
}
|
|
6337
|
+
]
|
|
4553
6338
|
},
|
|
4554
|
-
"default": "
|
|
6339
|
+
"default": "[0]",
|
|
6340
|
+
"readonly": true,
|
|
4555
6341
|
"attribute": "value"
|
|
4556
6342
|
},
|
|
4557
6343
|
{
|
|
4558
6344
|
"kind": "method",
|
|
4559
|
-
"name": "
|
|
4560
|
-
"description": "Returns
|
|
6345
|
+
"name": "getValues",
|
|
6346
|
+
"description": "Returns the current value(s) of the slider.\n- Single-handle → `number`\n- Multi-handle → `number[]`",
|
|
4561
6347
|
"return": {
|
|
4562
6348
|
"type": {
|
|
4563
|
-
"text": "Promise<
|
|
6349
|
+
"text": "Promise<number[]>",
|
|
4564
6350
|
"references": [
|
|
4565
6351
|
{
|
|
4566
6352
|
"name": "Promise",
|
|
@@ -4572,15 +6358,38 @@
|
|
|
4572
6358
|
},
|
|
4573
6359
|
{
|
|
4574
6360
|
"kind": "method",
|
|
4575
|
-
"name": "
|
|
4576
|
-
"description": "
|
|
6361
|
+
"name": "setValues",
|
|
6362
|
+
"description": "Programmatically sets the slider value(s).",
|
|
6363
|
+
"parameters": [
|
|
6364
|
+
{
|
|
6365
|
+
"name": "next",
|
|
6366
|
+
"description": "- A single `number` or an array of `number[]` matching the number of handles.",
|
|
6367
|
+
"type": {
|
|
6368
|
+
"text": "string | number[]",
|
|
6369
|
+
"references": [
|
|
6370
|
+
{
|
|
6371
|
+
"name": "Promise",
|
|
6372
|
+
"package": "global:"
|
|
6373
|
+
},
|
|
6374
|
+
{
|
|
6375
|
+
"name": "SliderRawValue",
|
|
6376
|
+
"module": "./types"
|
|
6377
|
+
}
|
|
6378
|
+
]
|
|
6379
|
+
}
|
|
6380
|
+
}
|
|
6381
|
+
],
|
|
4577
6382
|
"return": {
|
|
4578
6383
|
"type": {
|
|
4579
|
-
"text": "Promise<
|
|
6384
|
+
"text": "Promise<void>",
|
|
4580
6385
|
"references": [
|
|
4581
6386
|
{
|
|
4582
6387
|
"name": "Promise",
|
|
4583
6388
|
"package": "global:"
|
|
6389
|
+
},
|
|
6390
|
+
{
|
|
6391
|
+
"name": "SliderRawValue",
|
|
6392
|
+
"module": "./types"
|
|
4584
6393
|
}
|
|
4585
6394
|
]
|
|
4586
6395
|
}
|
|
@@ -4590,35 +6399,36 @@
|
|
|
4590
6399
|
"events": [
|
|
4591
6400
|
{
|
|
4592
6401
|
"name": "bdsChange",
|
|
4593
|
-
"description": "Emitted
|
|
6402
|
+
"description": "Emitted whenever the slider value(s) change due to user interaction.\nPayload: `{ value: number }` for single handle, `{ value: number[] }` for multi-handle.",
|
|
4594
6403
|
"type": {
|
|
4595
|
-
"text": "CustomEvent<
|
|
6404
|
+
"text": "CustomEvent<SliderChangeDetail>",
|
|
4596
6405
|
"references": [
|
|
4597
6406
|
{
|
|
4598
|
-
"name": "
|
|
4599
|
-
"module": "./types
|
|
6407
|
+
"name": "SliderChangeDetail",
|
|
6408
|
+
"module": "./types"
|
|
4600
6409
|
}
|
|
4601
6410
|
]
|
|
4602
6411
|
}
|
|
4603
6412
|
},
|
|
4604
6413
|
{
|
|
4605
|
-
"name": "
|
|
4606
|
-
"description": "Emitted when the
|
|
6414
|
+
"name": "bdsClick",
|
|
6415
|
+
"description": "Emitted when the user clicks on the slider.\nPayload: `{ target: HTMLElement }` and `{ value: number[] }` for multi-handle.",
|
|
4607
6416
|
"type": {
|
|
4608
|
-
"text": "CustomEvent<
|
|
6417
|
+
"text": "CustomEvent<{ target: HTMLElement; value: number[]; }>",
|
|
6418
|
+
"references": [
|
|
6419
|
+
{
|
|
6420
|
+
"name": "HTMLElement",
|
|
6421
|
+
"package": "global:"
|
|
6422
|
+
}
|
|
6423
|
+
]
|
|
4609
6424
|
}
|
|
4610
|
-
}
|
|
4611
|
-
],
|
|
4612
|
-
"slots": [
|
|
4613
|
-
{
|
|
4614
|
-
"name": "",
|
|
4615
|
-
"description": "Default slot for `bds-radio` child elements."
|
|
4616
|
-
}
|
|
4617
|
-
],
|
|
4618
|
-
"cssProperties": [
|
|
6425
|
+
},
|
|
4619
6426
|
{
|
|
4620
|
-
"name": "
|
|
4621
|
-
"description": "
|
|
6427
|
+
"name": "valueChange",
|
|
6428
|
+
"description": "Native-style alias of `bdsChange`. Emitted simultaneously.\nPayload: `{ value: number[] }` for multi-handle.",
|
|
6429
|
+
"type": {
|
|
6430
|
+
"text": "CustomEvent<number[]>"
|
|
6431
|
+
}
|
|
4622
6432
|
}
|
|
4623
6433
|
]
|
|
4624
6434
|
}
|
|
@@ -4626,16 +6436,16 @@
|
|
|
4626
6436
|
"exports": [
|
|
4627
6437
|
{
|
|
4628
6438
|
"kind": "js",
|
|
4629
|
-
"name": "
|
|
6439
|
+
"name": "BdsSlider",
|
|
4630
6440
|
"declaration": {
|
|
4631
|
-
"name": "
|
|
6441
|
+
"name": "BdsSlider"
|
|
4632
6442
|
}
|
|
4633
6443
|
},
|
|
4634
6444
|
{
|
|
4635
6445
|
"kind": "custom-element-definition",
|
|
4636
|
-
"name": "bds-
|
|
6446
|
+
"name": "bds-slider",
|
|
4637
6447
|
"declaration": {
|
|
4638
|
-
"name": "
|
|
6448
|
+
"name": "BdsSlider"
|
|
4639
6449
|
}
|
|
4640
6450
|
}
|
|
4641
6451
|
]
|
|
@@ -5217,6 +7027,15 @@
|
|
|
5217
7027
|
"default": "''",
|
|
5218
7028
|
"fieldName": "icon"
|
|
5219
7029
|
},
|
|
7030
|
+
{
|
|
7031
|
+
"name": "icon-right",
|
|
7032
|
+
"description": "Icon rendered on the right side of the input, on the actions containers. (e.g., 'bds-icon-settings')",
|
|
7033
|
+
"type": {
|
|
7034
|
+
"text": "string"
|
|
7035
|
+
},
|
|
7036
|
+
"default": "''",
|
|
7037
|
+
"fieldName": "iconRight"
|
|
7038
|
+
},
|
|
5220
7039
|
{
|
|
5221
7040
|
"name": "info",
|
|
5222
7041
|
"description": "Tooltip content attached to the label. Rendered via `bds-typography` `tooltipText` prop.",
|
|
@@ -5298,6 +7117,15 @@
|
|
|
5298
7117
|
"default": "false",
|
|
5299
7118
|
"fieldName": "required"
|
|
5300
7119
|
},
|
|
7120
|
+
{
|
|
7121
|
+
"name": "selectable",
|
|
7122
|
+
"description": "Set mode readonly to use in selects",
|
|
7123
|
+
"type": {
|
|
7124
|
+
"text": "boolean"
|
|
7125
|
+
},
|
|
7126
|
+
"default": "false",
|
|
7127
|
+
"fieldName": "selectable"
|
|
7128
|
+
},
|
|
5301
7129
|
{
|
|
5302
7130
|
"name": "sublabel",
|
|
5303
7131
|
"description": "Sublabel rendered inside the input container, before the text area.",
|
|
@@ -5502,6 +7330,17 @@
|
|
|
5502
7330
|
"readonly": true,
|
|
5503
7331
|
"attribute": "icon"
|
|
5504
7332
|
},
|
|
7333
|
+
{
|
|
7334
|
+
"kind": "field",
|
|
7335
|
+
"name": "iconRight",
|
|
7336
|
+
"description": "Icon rendered on the right side of the input, on the actions containers. (e.g., 'bds-icon-settings')",
|
|
7337
|
+
"type": {
|
|
7338
|
+
"text": "string"
|
|
7339
|
+
},
|
|
7340
|
+
"default": "''",
|
|
7341
|
+
"readonly": true,
|
|
7342
|
+
"attribute": "icon-right"
|
|
7343
|
+
},
|
|
5505
7344
|
{
|
|
5506
7345
|
"kind": "field",
|
|
5507
7346
|
"name": "info",
|
|
@@ -5603,6 +7442,17 @@
|
|
|
5603
7442
|
"attribute": "required",
|
|
5604
7443
|
"reflects": true
|
|
5605
7444
|
},
|
|
7445
|
+
{
|
|
7446
|
+
"kind": "field",
|
|
7447
|
+
"name": "selectable",
|
|
7448
|
+
"description": "Set mode readonly to use in selects",
|
|
7449
|
+
"type": {
|
|
7450
|
+
"text": "boolean"
|
|
7451
|
+
},
|
|
7452
|
+
"default": "false",
|
|
7453
|
+
"readonly": true,
|
|
7454
|
+
"attribute": "selectable"
|
|
7455
|
+
},
|
|
5606
7456
|
{
|
|
5607
7457
|
"kind": "field",
|
|
5608
7458
|
"name": "sublabel",
|
|
@@ -6517,6 +8367,21 @@
|
|
|
6517
8367
|
"default": "1",
|
|
6518
8368
|
"fieldName": "maxLines"
|
|
6519
8369
|
},
|
|
8370
|
+
{
|
|
8371
|
+
"name": "rel",
|
|
8372
|
+
"description": "Relationship between the current document and the linked resource.",
|
|
8373
|
+
"type": {
|
|
8374
|
+
"text": "string",
|
|
8375
|
+
"references": [
|
|
8376
|
+
{
|
|
8377
|
+
"name": "ITypography",
|
|
8378
|
+
"module": "./types/ITypography"
|
|
8379
|
+
}
|
|
8380
|
+
]
|
|
8381
|
+
},
|
|
8382
|
+
"default": "''",
|
|
8383
|
+
"fieldName": "rel"
|
|
8384
|
+
},
|
|
6520
8385
|
{
|
|
6521
8386
|
"name": "required",
|
|
6522
8387
|
"description": "Marks the field as required.",
|
|
@@ -6756,6 +8621,23 @@
|
|
|
6756
8621
|
"readonly": true,
|
|
6757
8622
|
"attribute": "max-lines"
|
|
6758
8623
|
},
|
|
8624
|
+
{
|
|
8625
|
+
"kind": "field",
|
|
8626
|
+
"name": "rel",
|
|
8627
|
+
"description": "Relationship between the current document and the linked resource.",
|
|
8628
|
+
"type": {
|
|
8629
|
+
"text": "string",
|
|
8630
|
+
"references": [
|
|
8631
|
+
{
|
|
8632
|
+
"name": "ITypography",
|
|
8633
|
+
"module": "./types/ITypography"
|
|
8634
|
+
}
|
|
8635
|
+
]
|
|
8636
|
+
},
|
|
8637
|
+
"default": "''",
|
|
8638
|
+
"readonly": true,
|
|
8639
|
+
"attribute": "rel"
|
|
8640
|
+
},
|
|
6759
8641
|
{
|
|
6760
8642
|
"kind": "field",
|
|
6761
8643
|
"name": "required",
|