@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
|
@@ -22,6 +22,12 @@ export declare class BdsListMenu {
|
|
|
22
22
|
readonly menuRole: IListMenu['menuRole'];
|
|
23
23
|
/** Determines if the menu items have selectall/deselectall controls */
|
|
24
24
|
readonly selectControls: IListMenu['selectControls'];
|
|
25
|
+
/** is empty state item */
|
|
26
|
+
readonly empty: IListMenu['empty'];
|
|
27
|
+
/** Prop to show in all items a checkbox */
|
|
28
|
+
readonly checkable: IListMenu['checkable'];
|
|
29
|
+
/** Prop to show empty text */
|
|
30
|
+
readonly emptyText: IListMenu['emptyText'];
|
|
25
31
|
/** State to manage selected values */
|
|
26
32
|
selectedValues: string[];
|
|
27
33
|
/** Emitted when the selection changes, providing the current selected value(s). */
|
|
@@ -43,6 +49,8 @@ export declare class BdsListMenu {
|
|
|
43
49
|
* @param {string | string[]} values - The value or values to be marked as selected.
|
|
44
50
|
*/
|
|
45
51
|
setSelectedValues(values: string | string[]): Promise<void>;
|
|
52
|
+
/** Retrieves all child menu items. */
|
|
53
|
+
getAllItems(): Promise<HTMLBdsListMenuItemElement[]>;
|
|
46
54
|
/** Handles the click event on a menu item, updating the selection state accordingly. */
|
|
47
55
|
handleItemClick(event: CustomEvent): void;
|
|
48
56
|
/** Initializes the selected values based on the child menu items that have the 'selected' attribute set. */
|
|
@@ -51,7 +59,10 @@ export declare class BdsListMenu {
|
|
|
51
59
|
get childItems(): HTMLBdsListMenuItemElement[];
|
|
52
60
|
/** First clickable element */
|
|
53
61
|
get firstEnabledItem(): HTMLBdsListMenuItemElement;
|
|
62
|
+
/** Checks if the menu is in multiple selection mode */
|
|
54
63
|
get isMultiple(): boolean;
|
|
64
|
+
/** Send default props to items */
|
|
65
|
+
private setDefaultProps;
|
|
55
66
|
/** Updates the active state of the menu items based on the current selection. */
|
|
56
67
|
private updateActiveState;
|
|
57
68
|
/** Handles selection logic for multiple selection mode. */
|
|
@@ -68,6 +79,8 @@ export declare class BdsListMenu {
|
|
|
68
79
|
private handleToggleSelect;
|
|
69
80
|
/** Renders the select/deselect all controls if applicable based on the props. */
|
|
70
81
|
private renderSelectControls;
|
|
82
|
+
/** Renders the empty state message if the 'empty' prop is true. */
|
|
83
|
+
private renderEmptyState;
|
|
71
84
|
/** Renders the component with a slot for menu items. */
|
|
72
85
|
render(): any;
|
|
73
86
|
}
|
|
@@ -4,6 +4,9 @@ export interface IListMenu {
|
|
|
4
4
|
menuRole: MenuRole;
|
|
5
5
|
selectionMode: ListMenuSelectionMode;
|
|
6
6
|
selectControls: boolean;
|
|
7
|
+
empty: boolean;
|
|
8
|
+
checkable: boolean;
|
|
9
|
+
emptyText: string;
|
|
7
10
|
}
|
|
8
11
|
export interface ListMenuChangeDetail {
|
|
9
12
|
value: string | string[] | undefined;
|
package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.d.ts
CHANGED
|
@@ -78,7 +78,7 @@ export declare class BdsListMenuItem extends BdsListMenuItem_base implements ILi
|
|
|
78
78
|
/** Disabled state item */
|
|
79
79
|
readonly disabled: IListMenuItem['disabled'];
|
|
80
80
|
/** Selected item state */
|
|
81
|
-
selected: IListMenuItem['selected'];
|
|
81
|
+
readonly selected: IListMenuItem['selected'];
|
|
82
82
|
/** Value associated with the menu item */
|
|
83
83
|
readonly value: IListMenuItem['value'];
|
|
84
84
|
/** Checkable state item, if is activated should be visible a checkbox */
|
|
@@ -93,9 +93,12 @@ export declare class BdsListMenuItem extends BdsListMenuItem_base implements ILi
|
|
|
93
93
|
readonly download: IListMenuItem['download'];
|
|
94
94
|
/** State to manage click and keyboard interaction states */
|
|
95
95
|
currentState: ComponentState;
|
|
96
|
+
/** State to manage checked box */
|
|
97
|
+
boxChecked: boolean;
|
|
96
98
|
/** Event handler for activation */
|
|
97
99
|
readonly bdsSelectItem: EventEmitter<IListMenuItemEvent>;
|
|
98
100
|
checkPropsVariant(): void;
|
|
101
|
+
handleSelectedChange(newValue: boolean): void;
|
|
99
102
|
/** Lifecycle method called before the component is loaded */
|
|
100
103
|
componentWillLoad(): void;
|
|
101
104
|
/** Improve aria resolve for checkable items */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComponentInterface } from '../../../../stencil-public-runtime';
|
|
2
2
|
import { TogglePlacementType } from './types';
|
|
3
|
-
import { IFormProps } from "../../../../types/
|
|
3
|
+
import { IFormProps } from "../../../../types/index";
|
|
4
4
|
export interface IToggle extends ComponentInterface, IFormProps {
|
|
5
5
|
name: string;
|
|
6
6
|
disabled: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { EventEmitter } from '
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
1
|
+
import { EventEmitter } from '../../../../stencil-public-runtime';
|
|
2
|
+
import { type IFormControl } from "../../../../mixins/form-associated.mixin";
|
|
3
|
+
import { CheckboxChangeDetail, ICheckbox } from '../types/ICheckbox';
|
|
4
4
|
declare const BdsCheckbox_base: abstract new (...args: any[]) => {
|
|
5
5
|
formDisabledCallback(disabled: boolean): void;
|
|
6
6
|
};
|
|
@@ -22,15 +22,21 @@ declare const BdsCheckbox_base: abstract new (...args: any[]) => {
|
|
|
22
22
|
*/
|
|
23
23
|
export declare class BdsCheckbox extends BdsCheckbox_base implements ICheckbox, IFormControl<boolean> {
|
|
24
24
|
private inheritedAttributes;
|
|
25
|
+
private readonly _keyboard;
|
|
26
|
+
private readonly _id;
|
|
25
27
|
/** Internal mirror of the `disabled` prop, kept in sync via `@Watch` and `formDisabledCallback`. */
|
|
26
|
-
|
|
28
|
+
isDisabled: boolean;
|
|
29
|
+
/** Set to true when native form validation fires the `invalid` event; cleared on reset or when value becomes valid. */
|
|
30
|
+
isInvalid: boolean;
|
|
27
31
|
el: HTMLBdsCheckboxElement;
|
|
28
32
|
internals: ElementInternals;
|
|
29
33
|
/** Name of the form control, submitted as a key in the form data. */
|
|
30
34
|
readonly name: string;
|
|
31
|
-
/**
|
|
35
|
+
/** Tooltip text for the checkbox. */
|
|
36
|
+
readonly info: string;
|
|
37
|
+
/** Disables the checkbox. */
|
|
32
38
|
readonly disabled: boolean;
|
|
33
|
-
/** Marks the
|
|
39
|
+
/** Marks the checkbox as required for form submission. */
|
|
34
40
|
readonly required: boolean;
|
|
35
41
|
/** Whether the checkbox is selected. */
|
|
36
42
|
checked: boolean;
|
|
@@ -42,25 +48,32 @@ export declare class BdsCheckbox extends BdsCheckbox_base implements ICheckbox,
|
|
|
42
48
|
readonly value: string;
|
|
43
49
|
/** Label displayed next to the checkbox. If not provided, the default slot is used. */
|
|
44
50
|
readonly label: string;
|
|
51
|
+
private formCheckbox;
|
|
45
52
|
/** Emitted when the checked state changes (for 2-way binding / v-model). */
|
|
46
53
|
valueChange: EventEmitter<boolean>;
|
|
47
54
|
/** Emitted when the user toggles the checkbox. */
|
|
48
55
|
bdsChange: EventEmitter<CheckboxChangeDetail>;
|
|
49
56
|
componentWillLoad(): void;
|
|
57
|
+
componentDidLoad(): void;
|
|
58
|
+
disconnectedCallback(): void;
|
|
50
59
|
onCheckedChange(): void;
|
|
51
60
|
onDisabledChange(next: boolean): void;
|
|
52
61
|
formAssociatedCallback(): void;
|
|
53
62
|
formResetCallback(): void;
|
|
54
|
-
formStateRestoreCallback(state:
|
|
63
|
+
formStateRestoreCallback(state: string): void;
|
|
55
64
|
formDisabledCallback(disabled: boolean): void;
|
|
56
|
-
|
|
65
|
+
/** Reports the group's validity state to the user, showing native validation UI if invalid. */
|
|
66
|
+
checkValidity(): Promise<boolean>;
|
|
67
|
+
/** Reports the group's validity state to the user, showing native validation UI if invalid. */
|
|
68
|
+
reportValidity(): Promise<boolean>;
|
|
69
|
+
handleInvalid(event: Event): void;
|
|
57
70
|
private toggle;
|
|
58
71
|
private handleClick;
|
|
59
|
-
private
|
|
72
|
+
private get isError();
|
|
60
73
|
private getAriaChecked;
|
|
61
74
|
private get hideFromScreenReaders();
|
|
62
75
|
private renderCheckIcon;
|
|
63
|
-
private
|
|
76
|
+
private getClasses;
|
|
64
77
|
render(): any;
|
|
65
78
|
}
|
|
66
79
|
export {};
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { EventEmitter } from '../../../../stencil-public-runtime';
|
|
2
|
+
import type { CheckboxButtonChangeDetail, ICheckboxButton } from './types/ICheckboxButton';
|
|
3
|
+
import { type IFormControl } from "../../../../mixins/index";
|
|
4
|
+
declare const BdsCheckboxButton_base: abstract new (...args: any[]) => {
|
|
5
|
+
formDisabledCallback(disabled: boolean): void;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* Button-shaped checkbox option that toggles independently on each interaction.
|
|
9
|
+
* Renders as a pill-button with the same visual language as `bds-radio-button`, but uses
|
|
10
|
+
* `role="checkbox"` and multi-select semantics — toggling one button has no effect on others.
|
|
11
|
+
*
|
|
12
|
+
* Can be used standalone (with `name` and optional `required`) or inside a `bds-checkbox-group`,
|
|
13
|
+
* which is the recommended approach for coordinated form state and group-level validation.
|
|
14
|
+
*
|
|
15
|
+
* @slot - Label content rendered when no `label` prop is provided.
|
|
16
|
+
* @slot icon - Optional icon displayed to the left of the label.
|
|
17
|
+
*/
|
|
18
|
+
export declare class BdsCheckboxButton extends BdsCheckboxButton_base implements ICheckboxButton, IFormControl<boolean> {
|
|
19
|
+
isDisabled: boolean;
|
|
20
|
+
isInvalid: boolean;
|
|
21
|
+
el: HTMLBdsCheckboxButtonElement;
|
|
22
|
+
internals: ElementInternals;
|
|
23
|
+
/** Name of the form control, submitted as a key in the form data. */
|
|
24
|
+
readonly name: string;
|
|
25
|
+
/** Disables the button, preventing interaction. Propagated by `bds-checkbox-group` when the group is disabled. */
|
|
26
|
+
readonly disabled: boolean;
|
|
27
|
+
/** Marks this button as required for form submission. Has no effect when used inside `bds-checkbox-group`. */
|
|
28
|
+
readonly required: boolean;
|
|
29
|
+
/** Toggle state of this button. Flips on every interaction when not disabled. */
|
|
30
|
+
checked: boolean;
|
|
31
|
+
/** Shows error styling on the button. */
|
|
32
|
+
readonly error: boolean;
|
|
33
|
+
/** Value associated with this button; submitted with form data when checked. */
|
|
34
|
+
readonly value: string;
|
|
35
|
+
/** Label text displayed inside the button. Falls back to the default slot when empty. */
|
|
36
|
+
readonly label: string;
|
|
37
|
+
/** Tooltip text shown on an info icon next to the label. */
|
|
38
|
+
readonly info: string;
|
|
39
|
+
private formCheckbox;
|
|
40
|
+
/** Emitted when the checked state changes. Used for `v-model` two-way binding in Vue. Payload: `boolean`. */
|
|
41
|
+
valueChange: EventEmitter<boolean>;
|
|
42
|
+
/**
|
|
43
|
+
* Emitted on every toggle — both when the button becomes checked and when it becomes unchecked.
|
|
44
|
+
* Payload: `{ checked: boolean, value: string }`.
|
|
45
|
+
*/
|
|
46
|
+
bdsChange: EventEmitter<CheckboxButtonChangeDetail>;
|
|
47
|
+
componentWillLoad(): void;
|
|
48
|
+
componentDidLoad(): void;
|
|
49
|
+
onCheckedChange(): void;
|
|
50
|
+
onDisabledChange(next: boolean): void;
|
|
51
|
+
formAssociatedCallback(): void;
|
|
52
|
+
formResetCallback(): void;
|
|
53
|
+
formStateRestoreCallback(state: string): void;
|
|
54
|
+
formDisabledCallback(disabled: boolean): void;
|
|
55
|
+
handleInvalid(event: Event): void;
|
|
56
|
+
/** Returns whether this button satisfies its validation constraints. */
|
|
57
|
+
checkValidity(): Promise<boolean>;
|
|
58
|
+
/** Reports validity to the user, showing native validation UI if invalid. */
|
|
59
|
+
reportValidity(): Promise<boolean>;
|
|
60
|
+
private toggle;
|
|
61
|
+
private handleClick;
|
|
62
|
+
private handleKeyDown;
|
|
63
|
+
private get isError();
|
|
64
|
+
private get classMap();
|
|
65
|
+
render(): any;
|
|
66
|
+
}
|
|
67
|
+
export {};
|
|
68
|
+
//# sourceMappingURL=bds-checkbox-button.d.ts.map
|
package/dist/types/components/forms/bds-checkbox/bds-checkbox-button/types/ICheckboxButton.d.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export interface CheckboxButtonChangeDetail {
|
|
2
|
+
checked: boolean;
|
|
3
|
+
value: string;
|
|
4
|
+
}
|
|
5
|
+
export interface ICheckboxButton {
|
|
6
|
+
name: string;
|
|
7
|
+
value: string;
|
|
8
|
+
label: string;
|
|
9
|
+
info: string;
|
|
10
|
+
checked: boolean;
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
error: boolean;
|
|
13
|
+
required: boolean;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=ICheckboxButton.d.ts.map
|
|
@@ -1,34 +1,20 @@
|
|
|
1
|
-
import { IFormControl } from "
|
|
1
|
+
import { IFormControl } from "../../../../mixins/index";
|
|
2
2
|
import { ICheckboxCard } from './types/ICheckboxCard';
|
|
3
3
|
declare const BdsCheckboxCard_base: abstract new (...args: any[]) => {
|
|
4
4
|
formDisabledCallback(disabled: boolean): void;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
|
-
* Checkbox card component is a selectable card-based checkbox option.
|
|
8
|
-
* It presents a non-exclusive choice with optional descriptive text and icon,
|
|
9
|
-
* supporting checked, indeterminate, disabled, and error states.
|
|
10
|
-
* Can be used standalone or within a checkbox group for orchestration.
|
|
7
|
+
* @summary Checkbox card component is a selectable card-based checkbox option.
|
|
11
8
|
*
|
|
12
9
|
* @slot - Label content when no `label` prop is provided.
|
|
13
10
|
* @slot icon - Optional icon rendered to the left of the label.
|
|
14
11
|
* @slot description - Optional descriptive text rendered below the label.
|
|
15
|
-
*
|
|
16
|
-
* @property {string} name - Name of the form control, submitted as a key in the form data.
|
|
17
|
-
* @property {boolean} disabled - Disables the control. Defaults to `false`.
|
|
18
|
-
* @property {boolean} required - Marks the control as required for form submission. Defaults to `false`.
|
|
19
|
-
* @property {string} value - Value submitted with the form data when checked. Defaults to `"on"`.
|
|
20
|
-
* @property {string} label - Label displayed next to the checkbox. If not provided, the default slot is used.
|
|
21
|
-
* @property {boolean} checked - Whether the checkbox card is selected. Defaults to `false`.
|
|
22
|
-
* @property {boolean} indeterminate - Whether the checkbox card shows an indeterminate ("mixed") visual state. Defaults to `false`.
|
|
23
|
-
* @property {boolean} error - Whether the checkbox card is in an error state. Defaults to `false`.
|
|
24
|
-
*
|
|
25
|
-
* @fires valueChange - Emitted when the checked state changes (for 2-way binding / v-model). Payload: `boolean`.
|
|
26
|
-
* @fires bdsChange - Emitted when the user toggles the checkbox card. Payload: `{ checked: boolean, value: string }`.
|
|
27
12
|
*/
|
|
28
13
|
export declare class BdsCheckboxCard extends BdsCheckboxCard_base implements ICheckboxCard, IFormControl<boolean> {
|
|
29
|
-
private
|
|
14
|
+
private checkboxElement;
|
|
15
|
+
isDisabled: boolean;
|
|
16
|
+
isInvalid: boolean;
|
|
30
17
|
private isIndeterminate;
|
|
31
|
-
private isChecked;
|
|
32
18
|
el: HTMLBdsCheckboxCardElement;
|
|
33
19
|
internals: ElementInternals;
|
|
34
20
|
/** Name of the form control, submitted as a key in the form data. */
|
|
@@ -44,26 +30,33 @@ export declare class BdsCheckboxCard extends BdsCheckboxCard_base implements ICh
|
|
|
44
30
|
/** Whether this checkbox card is selected. */
|
|
45
31
|
checked: ICheckboxCard['checked'];
|
|
46
32
|
/** Whether the checkbox card shows an indeterminate visual state. */
|
|
47
|
-
indeterminate: ICheckboxCard['indeterminate'];
|
|
33
|
+
readonly indeterminate: ICheckboxCard['indeterminate'];
|
|
48
34
|
/** Whether the checkbox card is in an error state. */
|
|
49
35
|
readonly error: ICheckboxCard['error'];
|
|
36
|
+
private formCheckbox;
|
|
50
37
|
/** Emitted when the checked state changes. Useful for 2-way binding / v-model. */
|
|
51
38
|
valueChange: ICheckboxCard['valueChange'];
|
|
52
39
|
/** Emitted when the user toggles this checkbox card. */
|
|
53
40
|
bdsChange: ICheckboxCard['bdsChange'];
|
|
54
41
|
componentWillLoad(): void;
|
|
42
|
+
componentDidLoad(): void;
|
|
55
43
|
onDisabledChange(next: boolean): void;
|
|
56
44
|
onIndeterminateChange(next: boolean): void;
|
|
57
45
|
onCheckedChange(next: boolean): void;
|
|
46
|
+
/** Reports the group's validity state to the user, showing native validation UI if invalid. */
|
|
47
|
+
checkValidity(): Promise<boolean>;
|
|
48
|
+
/** Reports the group's validity state to the user, showing native validation UI if invalid. */
|
|
49
|
+
reportValidity(): Promise<boolean>;
|
|
50
|
+
handleInvalid(_event: Event): void;
|
|
58
51
|
private toggle;
|
|
59
52
|
private handleClick;
|
|
60
53
|
private handleKeyDown;
|
|
61
54
|
private get hostClasses();
|
|
62
|
-
private syncFormValue;
|
|
63
55
|
formAssociatedCallback(): void;
|
|
64
56
|
formResetCallback(): void;
|
|
65
|
-
formStateRestoreCallback(state:
|
|
57
|
+
formStateRestoreCallback(state: string): void;
|
|
66
58
|
formDisabledCallback(disabled: boolean): void;
|
|
59
|
+
private get isError();
|
|
67
60
|
render(): any;
|
|
68
61
|
}
|
|
69
62
|
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentInterface } from '../../../../../stencil-public-runtime';
|
|
2
|
+
import { ICheckbox } from '../../types/ICheckbox';
|
|
3
|
+
export interface ICheckboxCard extends ComponentInterface, ICheckbox {
|
|
4
|
+
name: string;
|
|
5
|
+
disabled: boolean;
|
|
6
|
+
required: boolean;
|
|
7
|
+
indeterminate: boolean;
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=ICheckboxCard.d.ts.map
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { EventEmitter } from '../../../../stencil-public-runtime';
|
|
2
|
+
import type { ICheckboxGroup, CheckboxGroupChangeDetail, CheckboxGroupType } from './types';
|
|
3
|
+
import { type IFormControl } from "../../../../mixins/index";
|
|
4
|
+
import { type Orientation } from "../../../../types/index";
|
|
5
|
+
declare const BdsCheckboxGroup_base: abstract new (...args: any[]) => {
|
|
6
|
+
formDisabledCallback(disabled: boolean): void;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Checkbox group component that orchestrates multi-selection across a set of `bds-checkbox`, `bds-checkbox-button`, `bds-checkbox-card` children.
|
|
10
|
+
*
|
|
11
|
+
* @slot - Default slot for `bds-checkbox`, `bds-checkbox-button`, `bds-checkbox-card` child elements.
|
|
12
|
+
*/
|
|
13
|
+
export declare class BdsCheckboxGroup extends BdsCheckboxGroup_base implements ICheckboxGroup, IFormControl<string[]> {
|
|
14
|
+
private readonly _id;
|
|
15
|
+
internals: ElementInternals;
|
|
16
|
+
el: HTMLBdsCheckboxGroupElement;
|
|
17
|
+
/** Internal mirror of the `disabled` prop, kept in sync via `@Watch` and `formDisabledCallback`. */
|
|
18
|
+
private isDisabled;
|
|
19
|
+
/** Set to true when native form validation fires the `invalid` event; cleared on reset or when value becomes valid. */
|
|
20
|
+
private isInvalid;
|
|
21
|
+
/** Disables all child checkboxes and prevents selection. Also mirrored to isDisabled @State for form-level disable support. */
|
|
22
|
+
readonly disabled: boolean;
|
|
23
|
+
/** Shows error styling on the group helper text. Propagated to all child checkboxes. */
|
|
24
|
+
readonly error: boolean;
|
|
25
|
+
/** Error message rendered below the checkbox options when error is true. Replaces helperText. */
|
|
26
|
+
readonly errorMessage: string;
|
|
27
|
+
/** Helper text rendered below the checkbox options. Shown in default state; replaced by errorMessage in error state. */
|
|
28
|
+
readonly helperText: string;
|
|
29
|
+
/** Tooltip text shown on the group label info icon. */
|
|
30
|
+
readonly info: string;
|
|
31
|
+
/** Group label rendered above the checkbox options. */
|
|
32
|
+
readonly label: string;
|
|
33
|
+
/** Name of the form control; submitted as the field key in FormData. */
|
|
34
|
+
readonly name: string;
|
|
35
|
+
/** Layout direction of the checkbox options. */
|
|
36
|
+
readonly orientation: Orientation;
|
|
37
|
+
/** Marks the group as required for form submission. Triggers validity error when no checkboxes are selected. */
|
|
38
|
+
readonly required: boolean;
|
|
39
|
+
/** Identifies this group variant. 'checkbox' renders bds-checkbox children; 'checkboxbutton' renders bds-checkbox-button segmented control; 'checkboxcard' renders bds-checkbox-card element. */
|
|
40
|
+
readonly type: CheckboxGroupType;
|
|
41
|
+
/** Currently selected checkbox values. Synced to children on change. */
|
|
42
|
+
value: string[];
|
|
43
|
+
/** Hides the divider between checkbox buttons when type is 'checkboxbutton'. */
|
|
44
|
+
readonly joined = false;
|
|
45
|
+
onJoinedChange(): void;
|
|
46
|
+
checkPropValues(): void;
|
|
47
|
+
onDisabledChange(next: boolean): void;
|
|
48
|
+
onErrorChange(val: boolean): void;
|
|
49
|
+
onValuesChange(vals: string[]): void;
|
|
50
|
+
/** Emitted when any checkbox is toggled. Payload includes the complete updated values array. */
|
|
51
|
+
bdsChange: EventEmitter<CheckboxGroupChangeDetail>;
|
|
52
|
+
/** Emitted when any checkbox is toggled. Used for v-model two-way binding in Vue. */
|
|
53
|
+
valueChange: EventEmitter<string[]>;
|
|
54
|
+
componentWillLoad(): void;
|
|
55
|
+
componentDidLoad(): void;
|
|
56
|
+
formAssociatedCallback(): void;
|
|
57
|
+
formResetCallback(): void;
|
|
58
|
+
formStateRestoreCallback(state: unknown, _mode: string): void;
|
|
59
|
+
formDisabledCallback(disabled: boolean): void;
|
|
60
|
+
handleCheckboxChange(event: CustomEvent<{
|
|
61
|
+
checked: boolean;
|
|
62
|
+
value: string;
|
|
63
|
+
}>): void;
|
|
64
|
+
handleInvalid(event: Event): void;
|
|
65
|
+
handleValueChange(event: Event): void;
|
|
66
|
+
/** Returns whether the group's current value satisfies the browser's built-in constraint validation. */
|
|
67
|
+
checkValidity(): Promise<boolean>;
|
|
68
|
+
/** Reports the group's validity state to the user, showing native validation UI if invalid. */
|
|
69
|
+
reportValidity(): Promise<boolean>;
|
|
70
|
+
private handleKeyDown;
|
|
71
|
+
private insertDividers;
|
|
72
|
+
private navigateTo;
|
|
73
|
+
private updateCheckboxSelection;
|
|
74
|
+
private syncCheckboxStates;
|
|
75
|
+
private get checkboxElements();
|
|
76
|
+
private propagatePropertyToCheckboxes;
|
|
77
|
+
private updateFormValue;
|
|
78
|
+
private syncFormValue;
|
|
79
|
+
private updateFormValidity;
|
|
80
|
+
private updateLayoutCount;
|
|
81
|
+
private get isError();
|
|
82
|
+
private get classMap();
|
|
83
|
+
render(): any;
|
|
84
|
+
}
|
|
85
|
+
export {};
|
|
86
|
+
//# sourceMappingURL=bds-checkbox-group.d.ts.map
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Orientation } from "../../../../../types/index";
|
|
2
|
+
import { CheckboxGroupType } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* Event detail emitted when checkbox selection changes.
|
|
5
|
+
* Contains the updated array of selected values.
|
|
6
|
+
*/
|
|
7
|
+
export interface CheckboxGroupChangeDetail {
|
|
8
|
+
value: string[];
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Public API surface for the checkbox group component.
|
|
12
|
+
* Defines all configurable properties for checkbox group behavior and presentation.
|
|
13
|
+
*/
|
|
14
|
+
export interface ICheckboxGroup {
|
|
15
|
+
name: string;
|
|
16
|
+
value: string[];
|
|
17
|
+
label: string;
|
|
18
|
+
helperText: string;
|
|
19
|
+
errorMessage: string;
|
|
20
|
+
info: string;
|
|
21
|
+
orientation: Orientation;
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
required: boolean;
|
|
24
|
+
error: boolean;
|
|
25
|
+
type: CheckboxGroupType;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=ICheckboxGroup.d.ts.map
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { CHECKBOX_GROUP_TYPES } from './enum';
|
|
2
|
+
export type CheckboxGroupType = (typeof CHECKBOX_GROUP_TYPES)[keyof typeof CHECKBOX_GROUP_TYPES];
|
|
3
|
+
export type LeafElement = HTMLBdsCheckboxElement | HTMLBdsCheckboxCardElement | HTMLBdsCheckboxButtonElement;
|
|
4
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1,36 +1,21 @@
|
|
|
1
1
|
import type { EventEmitter } from '../../../../stencil-public-runtime';
|
|
2
|
-
/**
|
|
3
|
-
* Payload emitted by the `bdsChange` event when the user toggles the checkbox.
|
|
4
|
-
*
|
|
5
|
-
* Exported so consumers can type their event handlers:
|
|
6
|
-
* ```typescript
|
|
7
|
-
* import type { CheckboxChangeDetail } from '@telesign/boreal-web-components';
|
|
8
|
-
*
|
|
9
|
-
* checkbox.addEventListener('bdsChange', (e: CustomEvent<CheckboxChangeDetail>) => {
|
|
10
|
-
* console.log(e.detail.checked, e.detail.value);
|
|
11
|
-
* });
|
|
12
|
-
* ```
|
|
13
|
-
*/
|
|
14
2
|
export interface CheckboxChangeDetail {
|
|
15
|
-
/** Whether the checkbox is now checked. */
|
|
16
3
|
checked: boolean;
|
|
17
|
-
/** The value associated with the checkbox. */
|
|
18
4
|
value: string;
|
|
19
5
|
}
|
|
20
6
|
export interface ICheckbox {
|
|
21
|
-
|
|
7
|
+
name: string;
|
|
22
8
|
checked: boolean;
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
/** Shows error styling. */
|
|
9
|
+
indeterminate?: boolean;
|
|
10
|
+
required: boolean;
|
|
26
11
|
error: boolean;
|
|
27
|
-
/** Value submitted with the form when checked. */
|
|
28
12
|
value: string;
|
|
29
|
-
/** Label text. If not provided, use the default slot. */
|
|
30
13
|
label: string;
|
|
31
|
-
/** Emitted on every checked change. */
|
|
32
14
|
valueChange: EventEmitter<boolean>;
|
|
33
|
-
/** Emitted when the user toggles the checkbox. */
|
|
34
15
|
bdsChange: EventEmitter<CheckboxChangeDetail>;
|
|
16
|
+
isInvalid?: boolean;
|
|
17
|
+
isDisabled?: boolean;
|
|
18
|
+
el: HTMLBdsCheckboxElement | HTMLBdsCheckboxCardElement | HTMLBdsCheckboxButtonElement;
|
|
19
|
+
internals: ElementInternals;
|
|
35
20
|
}
|
|
36
21
|
//# sourceMappingURL=ICheckbox.d.ts.map
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IFormControl } from "../../../../mixins/index";
|
|
2
|
+
import { ICheckbox } from '../types/ICheckbox';
|
|
3
|
+
export declare function useFormCheckbox(component: ICheckbox & IFormControl<boolean>, value: string): {
|
|
4
|
+
syncFormValue: () => void;
|
|
5
|
+
formAssociatedCallback: () => void;
|
|
6
|
+
formResetCallback: () => void;
|
|
7
|
+
formStateRestoreCallback: (restoreState: string) => void;
|
|
8
|
+
formDisabledCallback: (disabled: boolean) => void;
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=checkbox-form-association.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { EventEmitter } from '
|
|
1
|
+
import { EventEmitter } from '../../../../stencil-public-runtime';
|
|
2
2
|
import type { IRadioButton, RadioButtonChangeDetail } from './types/IRadioButton';
|
|
3
3
|
/**
|
|
4
4
|
* Button-shaped radio option for use inside `bds-radio-group[type="radiobutton"]`.
|
package/dist/types/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/bds-radio-card.d.ts
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { EventEmitter } from '
|
|
1
|
+
import { EventEmitter } from '../../../../stencil-public-runtime';
|
|
2
2
|
import { IRadioCard, RadioCardChangeDetail } from './types/IRadioCard';
|
|
3
3
|
/**
|
|
4
4
|
* Radio card component is a selectable card-based radio option.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { EventEmitter } from '
|
|
1
|
+
import { EventEmitter } from '../../../../stencil-public-runtime';
|
|
2
2
|
import type { IRadioGroup, RadioGroupChangeDetail } from './types/IRadioGroup';
|
|
3
|
-
import { type IFormControl } from "
|
|
4
|
-
import {
|
|
3
|
+
import { type IFormControl } from "../../../../mixins/form-associated.mixin";
|
|
4
|
+
import { Orientation } from "../../../../types/index";
|
|
5
5
|
import { RadioGroupType } from './types/types';
|
|
6
6
|
declare const BdsRadioGroup_base: abstract new (...args: any[]) => {
|
|
7
7
|
formDisabledCallback(disabled: boolean): void;
|
|
@@ -20,27 +20,30 @@ export declare class BdsRadioGroup extends BdsRadioGroup_base implements IRadioG
|
|
|
20
20
|
/** Set to true when native form validation fires the `invalid` event; cleared on reset or when value becomes valid. */
|
|
21
21
|
private isInvalid;
|
|
22
22
|
/** Disables all child radios and prevents selection. Also mirrored to isDisabled @State for form-level disable support. */
|
|
23
|
-
readonly disabled
|
|
23
|
+
readonly disabled: boolean;
|
|
24
24
|
/** Shows error styling on the group helper text. Propagated to all child radios. */
|
|
25
|
-
readonly error
|
|
25
|
+
readonly error: boolean;
|
|
26
26
|
/** Error message rendered below the radio options when error is true. Replaces helperText. */
|
|
27
|
-
readonly errorMessage
|
|
27
|
+
readonly errorMessage: string;
|
|
28
28
|
/** Helper text rendered below the radio options. Shown in default state; replaced by errorMessage in error state. */
|
|
29
|
-
readonly helperText
|
|
29
|
+
readonly helperText: string;
|
|
30
30
|
/** Tooltip text shown on the group label info icon. */
|
|
31
|
-
readonly info
|
|
31
|
+
readonly info: string;
|
|
32
32
|
/** Group label rendered above the radio options. */
|
|
33
|
-
readonly label
|
|
33
|
+
readonly label: string;
|
|
34
34
|
/** Name of the form control; submitted as the field key in FormData. */
|
|
35
35
|
readonly name: string;
|
|
36
36
|
/** Layout direction of the radio options. */
|
|
37
37
|
readonly orientation: Orientation;
|
|
38
38
|
/** Marks the group as required for form submission. Triggers validity error when no radio is selected. */
|
|
39
|
-
readonly required
|
|
39
|
+
readonly required: boolean;
|
|
40
40
|
/** Identifies this group variant. 'radio' renders circular bds-radio children; 'radiobutton' renders bds-radio-button segmented control; 'radiocard' renders bds-radio-card element. */
|
|
41
41
|
readonly type: RadioGroupType;
|
|
42
42
|
/** Currently selected radio value. Synced to children on change. */
|
|
43
43
|
value: string;
|
|
44
|
+
/** Hides the divider between radio buttons when type is 'radiobutton'. */
|
|
45
|
+
readonly joined: boolean;
|
|
46
|
+
onJoinedChange(): void;
|
|
44
47
|
checkPropValues(): void;
|
|
45
48
|
onDisabledChange(next: boolean): void;
|
|
46
49
|
onErrorChange(val: boolean): void;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Orientation } from "../../../../../types/index";
|
|
2
|
+
import { RadioGroupType } from './types';
|
|
3
|
+
export interface RadioGroupChangeDetail {
|
|
4
|
+
value: string;
|
|
5
|
+
}
|
|
6
|
+
export interface IRadioGroup {
|
|
7
|
+
name: string;
|
|
8
|
+
value?: string;
|
|
9
|
+
label?: string;
|
|
10
|
+
helperText?: string;
|
|
11
|
+
errorMessage?: string;
|
|
12
|
+
info?: string;
|
|
13
|
+
joined?: boolean;
|
|
14
|
+
orientation?: Orientation;
|
|
15
|
+
type?: RadioGroupType;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
required?: boolean;
|
|
18
|
+
error?: boolean;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=IRadioGroup.d.ts.map
|