@furystack/shades-common-components 10.0.35 → 12.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +496 -0
- package/esm/components/accordion/accordion-item.d.ts +31 -0
- package/esm/components/accordion/accordion-item.d.ts.map +1 -0
- package/esm/components/accordion/accordion-item.js +147 -0
- package/esm/components/accordion/accordion-item.js.map +1 -0
- package/esm/components/accordion/accordion.d.ts +27 -0
- package/esm/components/accordion/accordion.d.ts.map +1 -0
- package/esm/components/accordion/accordion.js +39 -0
- package/esm/components/accordion/accordion.js.map +1 -0
- package/esm/components/accordion/accordion.spec.d.ts +2 -0
- package/esm/components/accordion/accordion.spec.d.ts.map +1 -0
- package/esm/components/accordion/accordion.spec.js +284 -0
- package/esm/components/accordion/accordion.spec.js.map +1 -0
- package/esm/components/accordion/index.d.ts +3 -0
- package/esm/components/accordion/index.d.ts.map +1 -0
- package/esm/components/accordion/index.js +3 -0
- package/esm/components/accordion/index.js.map +1 -0
- package/esm/components/alert.d.ts +21 -0
- package/esm/components/alert.d.ts.map +1 -0
- package/esm/components/alert.js +131 -0
- package/esm/components/alert.js.map +1 -0
- package/esm/components/alert.spec.d.ts +2 -0
- package/esm/components/alert.spec.d.ts.map +1 -0
- package/esm/components/alert.spec.js +177 -0
- package/esm/components/alert.spec.js.map +1 -0
- package/esm/components/animations.spec.d.ts +2 -0
- package/esm/components/animations.spec.d.ts.map +1 -0
- package/esm/components/animations.spec.js +201 -0
- package/esm/components/animations.spec.js.map +1 -0
- package/esm/components/app-bar-link.d.ts +22 -2
- package/esm/components/app-bar-link.d.ts.map +1 -1
- package/esm/components/app-bar-link.js +36 -22
- package/esm/components/app-bar-link.js.map +1 -1
- package/esm/components/app-bar-link.spec.d.ts +2 -0
- package/esm/components/app-bar-link.spec.d.ts.map +1 -0
- package/esm/components/app-bar-link.spec.js +255 -0
- package/esm/components/app-bar-link.spec.js.map +1 -0
- package/esm/components/app-bar.d.ts +2 -0
- package/esm/components/app-bar.d.ts.map +1 -1
- package/esm/components/app-bar.js +28 -23
- package/esm/components/app-bar.js.map +1 -1
- package/esm/components/app-bar.spec.d.ts +2 -0
- package/esm/components/app-bar.spec.d.ts.map +1 -0
- package/esm/components/app-bar.spec.js +132 -0
- package/esm/components/app-bar.spec.js.map +1 -0
- package/esm/components/avatar.d.ts +2 -0
- package/esm/components/avatar.d.ts.map +1 -1
- package/esm/components/avatar.js +50 -51
- package/esm/components/avatar.js.map +1 -1
- package/esm/components/avatar.spec.d.ts +2 -0
- package/esm/components/avatar.spec.d.ts.map +1 -0
- package/esm/components/avatar.spec.js +114 -0
- package/esm/components/avatar.spec.js.map +1 -0
- package/esm/components/badge.d.ts +35 -0
- package/esm/components/badge.d.ts.map +1 -0
- package/esm/components/badge.js +68 -0
- package/esm/components/badge.js.map +1 -0
- package/esm/components/badge.spec.d.ts +2 -0
- package/esm/components/badge.spec.d.ts.map +1 -0
- package/esm/components/badge.spec.js +157 -0
- package/esm/components/badge.spec.js.map +1 -0
- package/esm/components/breadcrumb.d.ts +103 -0
- package/esm/components/breadcrumb.d.ts.map +1 -0
- package/esm/components/breadcrumb.js +121 -0
- package/esm/components/breadcrumb.js.map +1 -0
- package/esm/components/breadcrumb.spec.d.ts +2 -0
- package/esm/components/breadcrumb.spec.d.ts.map +1 -0
- package/esm/components/breadcrumb.spec.js +251 -0
- package/esm/components/breadcrumb.spec.js.map +1 -0
- package/esm/components/button-group.d.ts +85 -0
- package/esm/components/button-group.d.ts.map +1 -0
- package/esm/components/button-group.js +290 -0
- package/esm/components/button-group.js.map +1 -0
- package/esm/components/button-group.spec.d.ts +2 -0
- package/esm/components/button-group.spec.d.ts.map +1 -0
- package/esm/components/button-group.spec.js +502 -0
- package/esm/components/button-group.spec.js.map +1 -0
- package/esm/components/button.d.ts +44 -2
- package/esm/components/button.d.ts.map +1 -1
- package/esm/components/button.js +151 -153
- package/esm/components/button.js.map +1 -1
- package/esm/components/button.spec.d.ts +2 -0
- package/esm/components/button.spec.d.ts.map +1 -0
- package/esm/components/button.spec.js +310 -0
- package/esm/components/button.spec.js.map +1 -0
- package/esm/components/card.d.ts +117 -0
- package/esm/components/card.d.ts.map +1 -0
- package/esm/components/card.js +181 -0
- package/esm/components/card.js.map +1 -0
- package/esm/components/card.spec.d.ts +2 -0
- package/esm/components/card.spec.d.ts.map +1 -0
- package/esm/components/card.spec.js +278 -0
- package/esm/components/card.spec.js.map +1 -0
- package/esm/components/carousel.d.ts +50 -0
- package/esm/components/carousel.d.ts.map +1 -0
- package/esm/components/carousel.js +263 -0
- package/esm/components/carousel.js.map +1 -0
- package/esm/components/carousel.spec.d.ts +2 -0
- package/esm/components/carousel.spec.d.ts.map +1 -0
- package/esm/components/carousel.spec.js +677 -0
- package/esm/components/carousel.spec.js.map +1 -0
- package/esm/components/chip.d.ts +23 -0
- package/esm/components/chip.d.ts.map +1 -0
- package/esm/components/chip.js +139 -0
- package/esm/components/chip.js.map +1 -0
- package/esm/components/chip.spec.d.ts +2 -0
- package/esm/components/chip.spec.d.ts.map +1 -0
- package/esm/components/chip.spec.js +142 -0
- package/esm/components/chip.spec.js.map +1 -0
- package/esm/components/circular-progress.d.ts +37 -0
- package/esm/components/circular-progress.d.ts.map +1 -0
- package/esm/components/circular-progress.js +84 -0
- package/esm/components/circular-progress.js.map +1 -0
- package/esm/components/circular-progress.spec.d.ts +2 -0
- package/esm/components/circular-progress.spec.d.ts.map +1 -0
- package/esm/components/circular-progress.spec.js +228 -0
- package/esm/components/circular-progress.spec.js.map +1 -0
- package/esm/components/command-palette/command-palette-input.d.ts +3 -0
- package/esm/components/command-palette/command-palette-input.d.ts.map +1 -1
- package/esm/components/command-palette/command-palette-input.js +33 -23
- package/esm/components/command-palette/command-palette-input.js.map +1 -1
- package/esm/components/command-palette/command-palette-input.spec.d.ts +2 -0
- package/esm/components/command-palette/command-palette-input.spec.d.ts.map +1 -0
- package/esm/components/command-palette/command-palette-input.spec.js +244 -0
- package/esm/components/command-palette/command-palette-input.spec.js.map +1 -0
- package/esm/components/command-palette/command-palette-manager.spec.d.ts +2 -0
- package/esm/components/command-palette/command-palette-manager.spec.d.ts.map +1 -0
- package/esm/components/command-palette/command-palette-manager.spec.js +378 -0
- package/esm/components/command-palette/command-palette-manager.spec.js.map +1 -0
- package/esm/components/command-palette/command-palette-suggestion-list.d.ts +2 -0
- package/esm/components/command-palette/command-palette-suggestion-list.d.ts.map +1 -1
- package/esm/components/command-palette/command-palette-suggestion-list.js +53 -57
- package/esm/components/command-palette/command-palette-suggestion-list.js.map +1 -1
- package/esm/components/command-palette/command-palette-suggestion-list.spec.d.ts +2 -0
- package/esm/components/command-palette/command-palette-suggestion-list.spec.d.ts.map +1 -0
- package/esm/components/command-palette/command-palette-suggestion-list.spec.js +394 -0
- package/esm/components/command-palette/command-palette-suggestion-list.spec.js.map +1 -0
- package/esm/components/command-palette/index.d.ts +2 -0
- package/esm/components/command-palette/index.d.ts.map +1 -1
- package/esm/components/command-palette/index.js +41 -120
- package/esm/components/command-palette/index.js.map +1 -1
- package/esm/components/command-palette/index.spec.d.ts +2 -0
- package/esm/components/command-palette/index.spec.d.ts.map +1 -0
- package/esm/components/command-palette/index.spec.js +509 -0
- package/esm/components/command-palette/index.spec.js.map +1 -0
- package/esm/components/context-menu/context-menu-item.d.ts +9 -0
- package/esm/components/context-menu/context-menu-item.d.ts.map +1 -0
- package/esm/components/context-menu/context-menu-item.js +56 -0
- package/esm/components/context-menu/context-menu-item.js.map +1 -0
- package/esm/components/context-menu/context-menu-manager.d.ts +52 -0
- package/esm/components/context-menu/context-menu-manager.d.ts.map +1 -0
- package/esm/components/context-menu/context-menu-manager.js +128 -0
- package/esm/components/context-menu/context-menu-manager.js.map +1 -0
- package/esm/components/context-menu/context-menu-manager.spec.d.ts +2 -0
- package/esm/components/context-menu/context-menu-manager.spec.d.ts.map +1 -0
- package/esm/components/context-menu/context-menu-manager.spec.js +332 -0
- package/esm/components/context-menu/context-menu-manager.spec.js.map +1 -0
- package/esm/components/context-menu/context-menu.d.ts +8 -0
- package/esm/components/context-menu/context-menu.d.ts.map +1 -0
- package/esm/components/context-menu/context-menu.js +79 -0
- package/esm/components/context-menu/context-menu.js.map +1 -0
- package/esm/components/context-menu/context-menu.spec.d.ts +2 -0
- package/esm/components/context-menu/context-menu.spec.d.ts.map +1 -0
- package/esm/components/context-menu/context-menu.spec.js +282 -0
- package/esm/components/context-menu/context-menu.spec.js.map +1 -0
- package/esm/components/context-menu/index.d.ts +4 -0
- package/esm/components/context-menu/index.d.ts.map +1 -0
- package/esm/components/context-menu/index.js +4 -0
- package/esm/components/context-menu/index.js.map +1 -0
- package/esm/components/data-grid/body.js +1 -1
- package/esm/components/data-grid/body.js.map +1 -1
- package/esm/components/data-grid/body.spec.d.ts +2 -0
- package/esm/components/data-grid/body.spec.d.ts.map +1 -0
- package/esm/components/data-grid/body.spec.js +238 -0
- package/esm/components/data-grid/body.spec.js.map +1 -0
- package/esm/components/data-grid/data-grid-row.d.ts.map +1 -1
- package/esm/components/data-grid/data-grid-row.js +84 -96
- package/esm/components/data-grid/data-grid-row.js.map +1 -1
- package/esm/components/data-grid/data-grid-row.spec.d.ts +2 -0
- package/esm/components/data-grid/data-grid-row.spec.d.ts.map +1 -0
- package/esm/components/data-grid/data-grid-row.spec.js +328 -0
- package/esm/components/data-grid/data-grid-row.spec.js.map +1 -0
- package/esm/components/data-grid/data-grid.d.ts.map +1 -1
- package/esm/components/data-grid/data-grid.js +39 -31
- package/esm/components/data-grid/data-grid.js.map +1 -1
- package/esm/components/data-grid/data-grid.spec.d.ts +2 -0
- package/esm/components/data-grid/data-grid.spec.d.ts.map +1 -0
- package/esm/components/data-grid/data-grid.spec.js +569 -0
- package/esm/components/data-grid/data-grid.spec.js.map +1 -0
- package/esm/components/data-grid/footer.js +21 -15
- package/esm/components/data-grid/footer.js.map +1 -1
- package/esm/components/data-grid/footer.spec.d.ts +2 -0
- package/esm/components/data-grid/footer.spec.d.ts.map +1 -0
- package/esm/components/data-grid/footer.spec.js +276 -0
- package/esm/components/data-grid/footer.spec.js.map +1 -0
- package/esm/components/data-grid/header.d.ts +3 -1
- package/esm/components/data-grid/header.d.ts.map +1 -1
- package/esm/components/data-grid/header.js +94 -60
- package/esm/components/data-grid/header.js.map +1 -1
- package/esm/components/data-grid/header.spec.d.ts +2 -0
- package/esm/components/data-grid/header.spec.d.ts.map +1 -0
- package/esm/components/data-grid/header.spec.js +444 -0
- package/esm/components/data-grid/header.spec.js.map +1 -0
- package/esm/components/data-grid/selection-cell.d.ts +2 -0
- package/esm/components/data-grid/selection-cell.d.ts.map +1 -1
- package/esm/components/data-grid/selection-cell.js +15 -13
- package/esm/components/data-grid/selection-cell.js.map +1 -1
- package/esm/components/data-grid/selection-cell.spec.d.ts +2 -0
- package/esm/components/data-grid/selection-cell.spec.d.ts.map +1 -0
- package/esm/components/data-grid/selection-cell.spec.js +127 -0
- package/esm/components/data-grid/selection-cell.spec.js.map +1 -0
- package/esm/components/dialog.d.ts +46 -0
- package/esm/components/dialog.d.ts.map +1 -0
- package/esm/components/dialog.js +178 -0
- package/esm/components/dialog.js.map +1 -0
- package/esm/components/dialog.spec.d.ts +2 -0
- package/esm/components/dialog.spec.d.ts.map +1 -0
- package/esm/components/dialog.spec.js +113 -0
- package/esm/components/dialog.spec.js.map +1 -0
- package/esm/components/divider.d.ts +22 -0
- package/esm/components/divider.d.ts.map +1 -0
- package/esm/components/divider.js +113 -0
- package/esm/components/divider.js.map +1 -0
- package/esm/components/divider.spec.d.ts +2 -0
- package/esm/components/divider.spec.d.ts.map +1 -0
- package/esm/components/divider.spec.js +136 -0
- package/esm/components/divider.spec.js.map +1 -0
- package/esm/components/drawer/drawer-toggle-button.d.ts +36 -0
- package/esm/components/drawer/drawer-toggle-button.d.ts.map +1 -0
- package/esm/components/drawer/drawer-toggle-button.js +94 -0
- package/esm/components/drawer/drawer-toggle-button.js.map +1 -0
- package/esm/components/drawer/drawer-toggle-button.spec.d.ts +2 -0
- package/esm/components/drawer/drawer-toggle-button.spec.d.ts.map +1 -0
- package/esm/components/drawer/drawer-toggle-button.spec.js +306 -0
- package/esm/components/drawer/drawer-toggle-button.spec.js.map +1 -0
- package/esm/components/drawer/index.d.ts +56 -0
- package/esm/components/drawer/index.d.ts.map +1 -0
- package/esm/components/drawer/index.js +172 -0
- package/esm/components/drawer/index.js.map +1 -0
- package/esm/components/drawer/index.spec.d.ts +2 -0
- package/esm/components/drawer/index.spec.d.ts.map +1 -0
- package/esm/components/drawer/index.spec.js +538 -0
- package/esm/components/drawer/index.spec.js.map +1 -0
- package/esm/components/dropdown.d.ts +15 -0
- package/esm/components/dropdown.d.ts.map +1 -0
- package/esm/components/dropdown.js +262 -0
- package/esm/components/dropdown.js.map +1 -0
- package/esm/components/dropdown.spec.d.ts +2 -0
- package/esm/components/dropdown.spec.d.ts.map +1 -0
- package/esm/components/dropdown.spec.js +372 -0
- package/esm/components/dropdown.spec.js.map +1 -0
- package/esm/components/fab.d.ts +10 -1
- package/esm/components/fab.d.ts.map +1 -1
- package/esm/components/fab.js +32 -7
- package/esm/components/fab.js.map +1 -1
- package/esm/components/fab.spec.d.ts +2 -0
- package/esm/components/fab.spec.d.ts.map +1 -0
- package/esm/components/fab.spec.js +106 -0
- package/esm/components/fab.spec.js.map +1 -0
- package/esm/components/form.d.ts.map +1 -1
- package/esm/components/form.js +9 -7
- package/esm/components/form.js.map +1 -1
- package/esm/components/form.spec.d.ts +2 -0
- package/esm/components/form.spec.d.ts.map +1 -0
- package/esm/components/form.spec.js +324 -0
- package/esm/components/form.spec.js.map +1 -0
- package/esm/components/grid.d.ts.map +1 -1
- package/esm/components/grid.js +43 -40
- package/esm/components/grid.js.map +1 -1
- package/esm/components/grid.spec.d.ts +2 -0
- package/esm/components/grid.spec.d.ts.map +1 -0
- package/esm/components/grid.spec.js +340 -0
- package/esm/components/grid.spec.js.map +1 -0
- package/esm/components/icons/icon-definitions.d.ts +140 -0
- package/esm/components/icons/icon-definitions.d.ts.map +1 -0
- package/esm/components/icons/icon-definitions.js +432 -0
- package/esm/components/icons/icon-definitions.js.map +1 -0
- package/esm/components/icons/icon-definitions.spec.d.ts +2 -0
- package/esm/components/icons/icon-definitions.spec.d.ts.map +1 -0
- package/esm/components/icons/icon-definitions.spec.js +59 -0
- package/esm/components/icons/icon-definitions.spec.js.map +1 -0
- package/esm/components/icons/icon-types.d.ts +48 -0
- package/esm/components/icons/icon-types.d.ts.map +1 -0
- package/esm/components/icons/icon-types.js +2 -0
- package/esm/components/icons/icon-types.js.map +1 -0
- package/esm/components/icons/icon.d.ts +56 -0
- package/esm/components/icons/icon.d.ts.map +1 -0
- package/esm/components/icons/icon.js +61 -0
- package/esm/components/icons/icon.js.map +1 -0
- package/esm/components/icons/icon.spec.d.ts +2 -0
- package/esm/components/icons/icon.spec.d.ts.map +1 -0
- package/esm/components/icons/icon.spec.js +224 -0
- package/esm/components/icons/icon.spec.js.map +1 -0
- package/esm/components/icons/index.d.ts +5 -0
- package/esm/components/icons/index.d.ts.map +1 -0
- package/esm/components/icons/index.js +3 -0
- package/esm/components/icons/index.js.map +1 -0
- package/esm/components/image.d.ts +62 -0
- package/esm/components/image.d.ts.map +1 -0
- package/esm/components/image.js +348 -0
- package/esm/components/image.js.map +1 -0
- package/esm/components/image.spec.d.ts +2 -0
- package/esm/components/image.spec.d.ts.map +1 -0
- package/esm/components/image.spec.js +542 -0
- package/esm/components/image.spec.js.map +1 -0
- package/esm/components/index.d.ts +32 -4
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +32 -4
- package/esm/components/index.js.map +1 -1
- package/esm/components/inputs/autocomplete.d.ts +2 -0
- package/esm/components/inputs/autocomplete.d.ts.map +1 -1
- package/esm/components/inputs/autocomplete.js +10 -6
- package/esm/components/inputs/autocomplete.js.map +1 -1
- package/esm/components/inputs/autocomplete.spec.d.ts +2 -0
- package/esm/components/inputs/autocomplete.spec.d.ts.map +1 -0
- package/esm/components/inputs/autocomplete.spec.js +203 -0
- package/esm/components/inputs/autocomplete.spec.js.map +1 -0
- package/esm/components/inputs/checkbox.d.ts +50 -0
- package/esm/components/inputs/checkbox.d.ts.map +1 -0
- package/esm/components/inputs/checkbox.js +126 -0
- package/esm/components/inputs/checkbox.js.map +1 -0
- package/esm/components/inputs/checkbox.spec.d.ts +2 -0
- package/esm/components/inputs/checkbox.spec.d.ts.map +1 -0
- package/esm/components/inputs/checkbox.spec.js +287 -0
- package/esm/components/inputs/checkbox.spec.js.map +1 -0
- package/esm/components/inputs/index.d.ts +7 -0
- package/esm/components/inputs/index.d.ts.map +1 -1
- package/esm/components/inputs/index.js +7 -0
- package/esm/components/inputs/index.js.map +1 -1
- package/esm/components/inputs/input-number.d.ts +79 -0
- package/esm/components/inputs/input-number.d.ts.map +1 -0
- package/esm/components/inputs/input-number.js +232 -0
- package/esm/components/inputs/input-number.js.map +1 -0
- package/esm/components/inputs/input-number.spec.d.ts +2 -0
- package/esm/components/inputs/input-number.spec.d.ts.map +1 -0
- package/esm/components/inputs/input-number.spec.js +516 -0
- package/esm/components/inputs/input-number.spec.js.map +1 -0
- package/esm/components/inputs/input.d.ts +2 -1
- package/esm/components/inputs/input.d.ts.map +1 -1
- package/esm/components/inputs/input.js +179 -177
- package/esm/components/inputs/input.js.map +1 -1
- package/esm/components/inputs/input.spec.d.ts +2 -0
- package/esm/components/inputs/input.spec.d.ts.map +1 -0
- package/esm/components/inputs/input.spec.js +611 -0
- package/esm/components/inputs/input.spec.js.map +1 -0
- package/esm/components/inputs/radio-group.d.ts +38 -0
- package/esm/components/inputs/radio-group.d.ts.map +1 -0
- package/esm/components/inputs/radio-group.js +58 -0
- package/esm/components/inputs/radio-group.js.map +1 -0
- package/esm/components/inputs/radio-group.spec.d.ts +2 -0
- package/esm/components/inputs/radio-group.spec.d.ts.map +1 -0
- package/esm/components/inputs/radio-group.spec.js +201 -0
- package/esm/components/inputs/radio-group.spec.js.map +1 -0
- package/esm/components/inputs/radio.d.ts +42 -0
- package/esm/components/inputs/radio.d.ts.map +1 -0
- package/esm/components/inputs/radio.js +134 -0
- package/esm/components/inputs/radio.js.map +1 -0
- package/esm/components/inputs/radio.spec.d.ts +2 -0
- package/esm/components/inputs/radio.spec.d.ts.map +1 -0
- package/esm/components/inputs/radio.spec.js +211 -0
- package/esm/components/inputs/radio.spec.js.map +1 -0
- package/esm/components/inputs/select.d.ts +67 -0
- package/esm/components/inputs/select.d.ts.map +1 -0
- package/esm/components/inputs/select.js +581 -0
- package/esm/components/inputs/select.js.map +1 -0
- package/esm/components/inputs/select.spec.d.ts +2 -0
- package/esm/components/inputs/select.spec.d.ts.map +1 -0
- package/esm/components/inputs/select.spec.js +1009 -0
- package/esm/components/inputs/select.spec.js.map +1 -0
- package/esm/components/inputs/slider.d.ts +66 -0
- package/esm/components/inputs/slider.d.ts.map +1 -0
- package/esm/components/inputs/slider.js +526 -0
- package/esm/components/inputs/slider.js.map +1 -0
- package/esm/components/inputs/slider.spec.d.ts +2 -0
- package/esm/components/inputs/slider.spec.d.ts.map +1 -0
- package/esm/components/inputs/slider.spec.js +812 -0
- package/esm/components/inputs/slider.spec.js.map +1 -0
- package/esm/components/inputs/switch.d.ts +50 -0
- package/esm/components/inputs/switch.d.ts.map +1 -0
- package/esm/components/inputs/switch.js +138 -0
- package/esm/components/inputs/switch.js.map +1 -0
- package/esm/components/inputs/switch.spec.d.ts +2 -0
- package/esm/components/inputs/switch.spec.d.ts.map +1 -0
- package/esm/components/inputs/switch.spec.js +313 -0
- package/esm/components/inputs/switch.spec.js.map +1 -0
- package/esm/components/inputs/text-area.d.ts +2 -0
- package/esm/components/inputs/text-area.d.ts.map +1 -1
- package/esm/components/inputs/text-area.js +46 -58
- package/esm/components/inputs/text-area.js.map +1 -1
- package/esm/components/inputs/text-area.spec.d.ts +2 -0
- package/esm/components/inputs/text-area.spec.d.ts.map +1 -0
- package/esm/components/inputs/text-area.spec.js +229 -0
- package/esm/components/inputs/text-area.spec.js.map +1 -0
- package/esm/components/linear-progress.d.ts +32 -0
- package/esm/components/linear-progress.d.ts.map +1 -0
- package/esm/components/linear-progress.js +79 -0
- package/esm/components/linear-progress.js.map +1 -0
- package/esm/components/linear-progress.spec.d.ts +2 -0
- package/esm/components/linear-progress.spec.d.ts.map +1 -0
- package/esm/components/linear-progress.spec.js +251 -0
- package/esm/components/linear-progress.spec.js.map +1 -0
- package/esm/components/list/index.d.ts +3 -0
- package/esm/components/list/index.d.ts.map +1 -0
- package/esm/components/list/index.js +3 -0
- package/esm/components/list/index.js.map +1 -0
- package/esm/components/list/list-item.d.ts +13 -0
- package/esm/components/list/list-item.d.ts.map +1 -0
- package/esm/components/list/list-item.js +81 -0
- package/esm/components/list/list-item.js.map +1 -0
- package/esm/components/list/list.d.ts +18 -0
- package/esm/components/list/list.d.ts.map +1 -0
- package/esm/components/list/list.js +42 -0
- package/esm/components/list/list.js.map +1 -0
- package/esm/components/list/list.spec.d.ts +2 -0
- package/esm/components/list/list.spec.d.ts.map +1 -0
- package/esm/components/list/list.spec.js +540 -0
- package/esm/components/list/list.spec.js.map +1 -0
- package/esm/components/loader.d.ts +2 -0
- package/esm/components/loader.d.ts.map +1 -1
- package/esm/components/loader.js +19 -11
- package/esm/components/loader.js.map +1 -1
- package/esm/components/loader.spec.d.ts +2 -0
- package/esm/components/loader.spec.d.ts.map +1 -0
- package/esm/components/loader.spec.js +267 -0
- package/esm/components/loader.spec.js.map +1 -0
- package/esm/components/menu/index.d.ts +3 -0
- package/esm/components/menu/index.d.ts.map +1 -0
- package/esm/components/menu/index.js +3 -0
- package/esm/components/menu/index.js.map +1 -0
- package/esm/components/menu/menu-types.d.ts +27 -0
- package/esm/components/menu/menu-types.d.ts.map +1 -0
- package/esm/components/menu/menu-types.js +22 -0
- package/esm/components/menu/menu-types.js.map +1 -0
- package/esm/components/menu/menu-types.spec.d.ts +2 -0
- package/esm/components/menu/menu-types.spec.d.ts.map +1 -0
- package/esm/components/menu/menu-types.spec.js +103 -0
- package/esm/components/menu/menu-types.spec.js.map +1 -0
- package/esm/components/menu/menu.d.ts +17 -0
- package/esm/components/menu/menu.d.ts.map +1 -0
- package/esm/components/menu/menu.js +240 -0
- package/esm/components/menu/menu.js.map +1 -0
- package/esm/components/menu/menu.spec.d.ts +2 -0
- package/esm/components/menu/menu.spec.d.ts.map +1 -0
- package/esm/components/menu/menu.spec.js +427 -0
- package/esm/components/menu/menu.spec.js.map +1 -0
- package/esm/components/modal.d.ts +3 -2
- package/esm/components/modal.d.ts.map +1 -1
- package/esm/components/modal.js +19 -14
- package/esm/components/modal.js.map +1 -1
- package/esm/components/modal.spec.d.ts +2 -0
- package/esm/components/modal.spec.d.ts.map +1 -0
- package/esm/components/modal.spec.js +234 -0
- package/esm/components/modal.spec.js.map +1 -0
- package/esm/components/noty-list.d.ts +4 -0
- package/esm/components/noty-list.d.ts.map +1 -1
- package/esm/components/noty-list.js +87 -76
- package/esm/components/noty-list.js.map +1 -1
- package/esm/components/noty-list.spec.d.ts +2 -0
- package/esm/components/noty-list.spec.d.ts.map +1 -0
- package/esm/components/noty-list.spec.js +489 -0
- package/esm/components/noty-list.spec.js.map +1 -0
- package/esm/components/page-container/index.d.ts +54 -0
- package/esm/components/page-container/index.d.ts.map +1 -0
- package/esm/components/page-container/index.js +63 -0
- package/esm/components/page-container/index.js.map +1 -0
- package/esm/components/page-container/index.spec.d.ts +2 -0
- package/esm/components/page-container/index.spec.d.ts.map +1 -0
- package/esm/components/page-container/index.spec.js +217 -0
- package/esm/components/page-container/index.spec.js.map +1 -0
- package/esm/components/page-container/page-header.d.ts +57 -0
- package/esm/components/page-container/page-header.d.ts.map +1 -0
- package/esm/components/page-container/page-header.js +93 -0
- package/esm/components/page-container/page-header.js.map +1 -0
- package/esm/components/page-container/page-header.spec.d.ts +2 -0
- package/esm/components/page-container/page-header.spec.d.ts.map +1 -0
- package/esm/components/page-container/page-header.spec.js +230 -0
- package/esm/components/page-container/page-header.spec.js.map +1 -0
- package/esm/components/page-layout/index.d.ts +83 -0
- package/esm/components/page-layout/index.d.ts.map +1 -0
- package/esm/components/page-layout/index.js +288 -0
- package/esm/components/page-layout/index.js.map +1 -0
- package/esm/components/page-layout/index.spec.d.ts +2 -0
- package/esm/components/page-layout/index.spec.d.ts.map +1 -0
- package/esm/components/page-layout/index.spec.js +637 -0
- package/esm/components/page-layout/index.spec.js.map +1 -0
- package/esm/components/pagination.d.ts +43 -0
- package/esm/components/pagination.d.ts.map +1 -0
- package/esm/components/pagination.js +165 -0
- package/esm/components/pagination.js.map +1 -0
- package/esm/components/pagination.spec.d.ts +2 -0
- package/esm/components/pagination.spec.d.ts.map +1 -0
- package/esm/components/pagination.spec.js +195 -0
- package/esm/components/pagination.spec.js.map +1 -0
- package/esm/components/paper.d.ts +3 -1
- package/esm/components/paper.d.ts.map +1 -1
- package/esm/components/paper.js +20 -15
- package/esm/components/paper.js.map +1 -1
- package/esm/components/paper.spec.d.ts +2 -0
- package/esm/components/paper.spec.d.ts.map +1 -0
- package/esm/components/paper.spec.js +71 -0
- package/esm/components/paper.spec.js.map +1 -0
- package/esm/components/rating.d.ts +62 -0
- package/esm/components/rating.d.ts.map +1 -0
- package/esm/components/rating.js +201 -0
- package/esm/components/rating.js.map +1 -0
- package/esm/components/rating.spec.d.ts +2 -0
- package/esm/components/rating.spec.d.ts.map +1 -0
- package/esm/components/rating.spec.js +663 -0
- package/esm/components/rating.spec.js.map +1 -0
- package/esm/components/result.d.ts +37 -0
- package/esm/components/result.d.ts.map +1 -0
- package/esm/components/result.js +109 -0
- package/esm/components/result.js.map +1 -0
- package/esm/components/result.spec.d.ts +2 -0
- package/esm/components/result.spec.d.ts.map +1 -0
- package/esm/components/result.spec.js +159 -0
- package/esm/components/result.spec.js.map +1 -0
- package/esm/components/searchable-input-styles.d.ts +8 -0
- package/esm/components/searchable-input-styles.d.ts.map +1 -0
- package/esm/components/searchable-input-styles.js +71 -0
- package/esm/components/searchable-input-styles.js.map +1 -0
- package/esm/components/skeleton.d.ts +2 -0
- package/esm/components/skeleton.d.ts.map +1 -1
- package/esm/components/skeleton.js +20 -7
- package/esm/components/skeleton.js.map +1 -1
- package/esm/components/skeleton.spec.d.ts +2 -0
- package/esm/components/skeleton.spec.d.ts.map +1 -0
- package/esm/components/skeleton.spec.js +167 -0
- package/esm/components/skeleton.spec.js.map +1 -0
- package/esm/components/styles.d.ts.map +1 -1
- package/esm/components/styles.js +14 -13
- package/esm/components/styles.js.map +1 -1
- package/esm/components/styles.spec.d.ts +2 -0
- package/esm/components/styles.spec.d.ts.map +1 -0
- package/esm/components/styles.spec.js +57 -0
- package/esm/components/styles.spec.js.map +1 -0
- package/esm/components/suggest/index.d.ts.map +1 -1
- package/esm/components/suggest/index.js +32 -102
- package/esm/components/suggest/index.js.map +1 -1
- package/esm/components/suggest/index.spec.d.ts +2 -0
- package/esm/components/suggest/index.spec.d.ts.map +1 -0
- package/esm/components/suggest/index.spec.js +539 -0
- package/esm/components/suggest/index.spec.js.map +1 -0
- package/esm/components/suggest/suggest-input.d.ts +2 -0
- package/esm/components/suggest/suggest-input.d.ts.map +1 -1
- package/esm/components/suggest/suggest-input.js +24 -23
- package/esm/components/suggest/suggest-input.js.map +1 -1
- package/esm/components/suggest/suggest-input.spec.d.ts +2 -0
- package/esm/components/suggest/suggest-input.spec.d.ts.map +1 -0
- package/esm/components/suggest/suggest-input.spec.js +150 -0
- package/esm/components/suggest/suggest-input.spec.js.map +1 -0
- package/esm/components/suggest/suggest-manager.spec.d.ts +2 -0
- package/esm/components/suggest/suggest-manager.spec.d.ts.map +1 -0
- package/esm/components/suggest/suggest-manager.spec.js +318 -0
- package/esm/components/suggest/suggest-manager.spec.js.map +1 -0
- package/esm/components/suggest/suggestion-list.d.ts.map +1 -1
- package/esm/components/suggest/suggestion-list.js +52 -58
- package/esm/components/suggest/suggestion-list.js.map +1 -1
- package/esm/components/suggest/suggestion-list.spec.d.ts +2 -0
- package/esm/components/suggest/suggestion-list.spec.d.ts.map +1 -0
- package/esm/components/suggest/suggestion-list.spec.js +271 -0
- package/esm/components/suggest/suggestion-list.spec.js.map +1 -0
- package/esm/components/tabs.d.ts +18 -2
- package/esm/components/tabs.d.ts.map +1 -1
- package/esm/components/tabs.js +173 -19
- package/esm/components/tabs.js.map +1 -1
- package/esm/components/tabs.spec.d.ts +2 -0
- package/esm/components/tabs.spec.d.ts.map +1 -0
- package/esm/components/tabs.spec.js +475 -0
- package/esm/components/tabs.spec.js.map +1 -0
- package/esm/components/timeline.d.ts +53 -0
- package/esm/components/timeline.d.ts.map +1 -0
- package/esm/components/timeline.js +162 -0
- package/esm/components/timeline.js.map +1 -0
- package/esm/components/timeline.spec.d.ts +2 -0
- package/esm/components/timeline.spec.d.ts.map +1 -0
- package/esm/components/timeline.spec.js +209 -0
- package/esm/components/timeline.spec.js.map +1 -0
- package/esm/components/tooltip.d.ts +25 -0
- package/esm/components/tooltip.d.ts.map +1 -0
- package/esm/components/tooltip.js +113 -0
- package/esm/components/tooltip.js.map +1 -0
- package/esm/components/tooltip.spec.d.ts +2 -0
- package/esm/components/tooltip.spec.d.ts.map +1 -0
- package/esm/components/tooltip.spec.js +152 -0
- package/esm/components/tooltip.spec.js.map +1 -0
- package/esm/components/tree/index.d.ts +3 -0
- package/esm/components/tree/index.d.ts.map +1 -0
- package/esm/components/tree/index.js +3 -0
- package/esm/components/tree/index.js.map +1 -0
- package/esm/components/tree/tree-item.d.ts +14 -0
- package/esm/components/tree/tree-item.d.ts.map +1 -0
- package/esm/components/tree/tree-item.js +118 -0
- package/esm/components/tree/tree-item.js.map +1 -0
- package/esm/components/tree/tree.d.ts +20 -0
- package/esm/components/tree/tree.d.ts.map +1 -0
- package/esm/components/tree/tree.js +66 -0
- package/esm/components/tree/tree.js.map +1 -0
- package/esm/components/tree/tree.spec.d.ts +2 -0
- package/esm/components/tree/tree.spec.d.ts.map +1 -0
- package/esm/components/tree/tree.spec.js +427 -0
- package/esm/components/tree/tree.spec.js.map +1 -0
- package/esm/components/typography.d.ts +48 -0
- package/esm/components/typography.d.ts.map +1 -0
- package/esm/components/typography.js +223 -0
- package/esm/components/typography.js.map +1 -0
- package/esm/components/typography.spec.d.ts +2 -0
- package/esm/components/typography.spec.d.ts.map +1 -0
- package/esm/components/typography.spec.js +199 -0
- package/esm/components/typography.spec.js.map +1 -0
- package/esm/components/wizard/index.d.ts +2 -0
- package/esm/components/wizard/index.d.ts.map +1 -1
- package/esm/components/wizard/index.js +10 -7
- package/esm/components/wizard/index.js.map +1 -1
- package/esm/components/wizard/index.spec.d.ts +2 -0
- package/esm/components/wizard/index.spec.d.ts.map +1 -0
- package/esm/components/wizard/index.spec.js +185 -0
- package/esm/components/wizard/index.spec.js.map +1 -0
- package/esm/services/click-away-service.d.ts +5 -2
- package/esm/services/click-away-service.d.ts.map +1 -1
- package/esm/services/click-away-service.js +7 -1
- package/esm/services/click-away-service.js.map +1 -1
- package/esm/services/collection-service.spec.js +391 -2
- package/esm/services/collection-service.spec.js.map +1 -1
- package/esm/services/css-variable-theme.d.ts +167 -1
- package/esm/services/css-variable-theme.d.ts.map +1 -1
- package/esm/services/css-variable-theme.js +123 -1
- package/esm/services/css-variable-theme.js.map +1 -1
- package/esm/services/css-variable-theme.spec.d.ts +2 -0
- package/esm/services/css-variable-theme.spec.d.ts.map +1 -0
- package/esm/services/css-variable-theme.spec.js +299 -0
- package/esm/services/css-variable-theme.spec.js.map +1 -0
- package/esm/services/default-dark-theme.d.ts +107 -2
- package/esm/services/default-dark-theme.d.ts.map +1 -1
- package/esm/services/default-dark-theme.js +87 -1
- package/esm/services/default-dark-theme.js.map +1 -1
- package/esm/services/default-light-theme.d.ts +107 -2
- package/esm/services/default-light-theme.d.ts.map +1 -1
- package/esm/services/default-light-theme.js +86 -0
- package/esm/services/default-light-theme.js.map +1 -1
- package/esm/services/default-palette.d.ts +4 -0
- package/esm/services/default-palette.d.ts.map +1 -1
- package/esm/services/default-palette.js +22 -0
- package/esm/services/default-palette.js.map +1 -1
- package/esm/services/index.d.ts +6 -2
- package/esm/services/index.d.ts.map +1 -1
- package/esm/services/index.js +6 -2
- package/esm/services/index.js.map +1 -1
- package/esm/services/layout-service.d.ts +217 -0
- package/esm/services/layout-service.d.ts.map +1 -0
- package/esm/services/layout-service.js +331 -0
- package/esm/services/layout-service.js.map +1 -0
- package/esm/services/layout-service.spec.d.ts +2 -0
- package/esm/services/layout-service.spec.d.ts.map +1 -0
- package/esm/services/layout-service.spec.js +425 -0
- package/esm/services/layout-service.spec.js.map +1 -0
- package/esm/services/list-service.d.ts +31 -0
- package/esm/services/list-service.d.ts.map +1 -0
- package/esm/services/list-service.js +149 -0
- package/esm/services/list-service.js.map +1 -0
- package/esm/services/list-service.spec.d.ts +2 -0
- package/esm/services/list-service.spec.d.ts.map +1 -0
- package/esm/services/list-service.spec.js +254 -0
- package/esm/services/list-service.spec.js.map +1 -0
- package/esm/services/palette-css-vars.d.ts +12 -0
- package/esm/services/palette-css-vars.d.ts.map +1 -0
- package/esm/services/palette-css-vars.js +44 -0
- package/esm/services/palette-css-vars.js.map +1 -0
- package/esm/services/theme-provider-service.d.ts +445 -2
- package/esm/services/theme-provider-service.d.ts.map +1 -1
- package/esm/services/theme-provider-service.js.map +1 -1
- package/esm/services/theme-provider-service.spec.d.ts +2 -0
- package/esm/services/theme-provider-service.spec.d.ts.map +1 -0
- package/esm/services/theme-provider-service.spec.js +166 -0
- package/esm/services/theme-provider-service.spec.js.map +1 -0
- package/esm/services/tree-service.d.ts +61 -0
- package/esm/services/tree-service.d.ts.map +1 -0
- package/esm/services/tree-service.js +149 -0
- package/esm/services/tree-service.js.map +1 -0
- package/esm/services/tree-service.spec.d.ts +2 -0
- package/esm/services/tree-service.spec.d.ts.map +1 -0
- package/esm/services/tree-service.spec.js +307 -0
- package/esm/services/tree-service.spec.js.map +1 -0
- package/esm/utils/promisify-animation.d.ts.map +1 -1
- package/esm/utils/promisify-animation.js +6 -1
- package/esm/utils/promisify-animation.js.map +1 -1
- package/package.json +4 -4
- package/src/components/accordion/accordion-item.tsx +197 -0
- package/src/components/accordion/accordion.spec.tsx +418 -0
- package/src/components/accordion/accordion.tsx +50 -0
- package/src/components/accordion/index.ts +2 -0
- package/src/components/alert.spec.tsx +256 -0
- package/src/components/alert.tsx +186 -0
- package/src/components/animations.spec.ts +299 -0
- package/src/components/app-bar-link.spec.tsx +344 -0
- package/src/components/app-bar-link.tsx +44 -25
- package/src/components/app-bar.spec.tsx +157 -0
- package/src/components/app-bar.tsx +31 -24
- package/src/components/avatar.spec.tsx +146 -0
- package/src/components/avatar.tsx +56 -60
- package/src/components/badge.spec.tsx +228 -0
- package/src/components/badge.tsx +104 -0
- package/src/components/breadcrumb.spec.tsx +396 -0
- package/src/components/breadcrumb.tsx +188 -0
- package/src/components/button-group.spec.tsx +611 -0
- package/src/components/button-group.tsx +423 -0
- package/src/components/button.spec.tsx +383 -0
- package/src/components/button.tsx +211 -196
- package/src/components/card.spec.tsx +389 -0
- package/src/components/card.tsx +261 -0
- package/src/components/carousel.spec.tsx +894 -0
- package/src/components/carousel.tsx +376 -0
- package/src/components/chip.spec.tsx +200 -0
- package/src/components/chip.tsx +188 -0
- package/src/components/circular-progress.spec.tsx +289 -0
- package/src/components/circular-progress.tsx +145 -0
- package/src/components/command-palette/command-palette-input.spec.tsx +331 -0
- package/src/components/command-palette/command-palette-input.tsx +40 -27
- package/src/components/command-palette/command-palette-manager.spec.ts +485 -0
- package/src/components/command-palette/command-palette-suggestion-list.spec.tsx +517 -0
- package/src/components/command-palette/command-palette-suggestion-list.tsx +55 -57
- package/src/components/command-palette/index.spec.tsx +684 -0
- package/src/components/command-palette/index.tsx +42 -148
- package/src/components/context-menu/context-menu-item.tsx +85 -0
- package/src/components/context-menu/context-menu-manager.spec.ts +478 -0
- package/src/components/context-menu/context-menu-manager.ts +148 -0
- package/src/components/context-menu/context-menu.spec.tsx +352 -0
- package/src/components/context-menu/context-menu.tsx +116 -0
- package/src/components/context-menu/index.ts +3 -0
- package/src/components/data-grid/body.spec.tsx +354 -0
- package/src/components/data-grid/body.tsx +1 -1
- package/src/components/data-grid/data-grid-row.spec.tsx +407 -0
- package/src/components/data-grid/data-grid-row.tsx +87 -102
- package/src/components/data-grid/data-grid.spec.tsx +964 -0
- package/src/components/data-grid/data-grid.tsx +45 -38
- package/src/components/data-grid/footer.spec.tsx +356 -0
- package/src/components/data-grid/footer.tsx +19 -19
- package/src/components/data-grid/header.spec.tsx +586 -0
- package/src/components/data-grid/header.tsx +104 -76
- package/src/components/data-grid/selection-cell.spec.tsx +151 -0
- package/src/components/data-grid/selection-cell.tsx +14 -12
- package/src/components/dialog.spec.tsx +135 -0
- package/src/components/dialog.tsx +277 -0
- package/src/components/divider.spec.tsx +197 -0
- package/src/components/divider.tsx +147 -0
- package/src/components/drawer/drawer-toggle-button.spec.tsx +374 -0
- package/src/components/drawer/drawer-toggle-button.tsx +124 -0
- package/src/components/drawer/index.spec.tsx +748 -0
- package/src/components/drawer/index.tsx +227 -0
- package/src/components/dropdown.spec.tsx +445 -0
- package/src/components/dropdown.tsx +343 -0
- package/src/components/fab.spec.tsx +119 -0
- package/src/components/fab.tsx +40 -8
- package/src/components/form.spec.tsx +491 -0
- package/src/components/form.tsx +10 -7
- package/src/components/grid.spec.tsx +427 -0
- package/src/components/grid.tsx +60 -66
- package/src/components/icons/icon-definitions.spec.ts +68 -0
- package/src/components/icons/icon-definitions.ts +509 -0
- package/src/components/icons/icon-types.ts +48 -0
- package/src/components/icons/icon.spec.tsx +314 -0
- package/src/components/icons/icon.tsx +111 -0
- package/src/components/icons/index.ts +4 -0
- package/src/components/image.spec.tsx +748 -0
- package/src/components/image.tsx +520 -0
- package/src/components/index.ts +32 -4
- package/src/components/inputs/autocomplete.spec.tsx +267 -0
- package/src/components/inputs/autocomplete.tsx +13 -7
- package/src/components/inputs/checkbox.spec.tsx +377 -0
- package/src/components/inputs/checkbox.tsx +198 -0
- package/src/components/inputs/index.ts +7 -0
- package/src/components/inputs/input-number.spec.tsx +686 -0
- package/src/components/inputs/input-number.tsx +387 -0
- package/src/components/inputs/input.spec.tsx +844 -0
- package/src/components/inputs/input.tsx +191 -218
- package/src/components/inputs/radio-group.spec.tsx +281 -0
- package/src/components/inputs/radio-group.tsx +108 -0
- package/src/components/inputs/radio.spec.tsx +273 -0
- package/src/components/inputs/radio.tsx +199 -0
- package/src/components/inputs/select.spec.tsx +1237 -0
- package/src/components/inputs/select.tsx +775 -0
- package/src/components/inputs/slider.spec.tsx +1020 -0
- package/src/components/inputs/slider.tsx +696 -0
- package/src/components/inputs/switch.spec.tsx +410 -0
- package/src/components/inputs/switch.tsx +218 -0
- package/src/components/inputs/text-area.spec.tsx +300 -0
- package/src/components/inputs/text-area.tsx +47 -79
- package/src/components/linear-progress.spec.tsx +320 -0
- package/src/components/linear-progress.tsx +127 -0
- package/src/components/list/index.ts +2 -0
- package/src/components/list/list-item.tsx +106 -0
- package/src/components/list/list.spec.tsx +817 -0
- package/src/components/list/list.tsx +92 -0
- package/src/components/loader.spec.tsx +362 -0
- package/src/components/loader.tsx +18 -10
- package/src/components/menu/index.ts +2 -0
- package/src/components/menu/menu-types.spec.ts +122 -0
- package/src/components/menu/menu-types.ts +43 -0
- package/src/components/menu/menu.spec.tsx +483 -0
- package/src/components/menu/menu.tsx +326 -0
- package/src/components/modal.spec.tsx +314 -0
- package/src/components/modal.tsx +20 -15
- package/src/components/noty-list.spec.tsx +634 -0
- package/src/components/noty-list.tsx +98 -101
- package/src/components/page-container/index.spec.tsx +274 -0
- package/src/components/page-container/index.tsx +82 -0
- package/src/components/page-container/page-header.spec.tsx +308 -0
- package/src/components/page-container/page-header.tsx +127 -0
- package/src/components/page-layout/index.spec.tsx +882 -0
- package/src/components/page-layout/index.tsx +392 -0
- package/src/components/pagination.spec.tsx +275 -0
- package/src/components/pagination.tsx +249 -0
- package/src/components/paper.spec.tsx +80 -0
- package/src/components/paper.tsx +21 -17
- package/src/components/rating.spec.tsx +866 -0
- package/src/components/rating.tsx +286 -0
- package/src/components/result.spec.tsx +221 -0
- package/src/components/result.tsx +155 -0
- package/src/components/searchable-input-styles.ts +81 -0
- package/src/components/skeleton.spec.tsx +227 -0
- package/src/components/skeleton.tsx +24 -7
- package/src/components/styles.spec.ts +69 -0
- package/src/components/styles.tsx +15 -13
- package/src/components/suggest/index.spec.tsx +885 -0
- package/src/components/suggest/index.tsx +36 -130
- package/src/components/suggest/suggest-input.spec.tsx +195 -0
- package/src/components/suggest/suggest-input.tsx +23 -29
- package/src/components/suggest/suggest-manager.spec.ts +419 -0
- package/src/components/suggest/suggestion-list.spec.tsx +355 -0
- package/src/components/suggest/suggestion-list.tsx +54 -58
- package/src/components/tabs.spec.tsx +598 -0
- package/src/components/tabs.tsx +241 -26
- package/src/components/timeline.spec.tsx +294 -0
- package/src/components/timeline.tsx +221 -0
- package/src/components/tooltip.spec.tsx +223 -0
- package/src/components/tooltip.tsx +155 -0
- package/src/components/tree/index.ts +2 -0
- package/src/components/tree/tree-item.tsx +161 -0
- package/src/components/tree/tree.spec.tsx +677 -0
- package/src/components/tree/tree.tsx +111 -0
- package/src/components/typography.spec.tsx +235 -0
- package/src/components/typography.tsx +292 -0
- package/src/components/wizard/index.spec.tsx +233 -0
- package/src/components/wizard/index.tsx +10 -9
- package/src/services/click-away-service.ts +9 -3
- package/src/services/collection-service.spec.ts +492 -3
- package/src/services/css-variable-theme.spec.ts +372 -0
- package/src/services/css-variable-theme.ts +128 -3
- package/src/services/default-dark-theme.ts +89 -3
- package/src/services/default-light-theme.ts +88 -2
- package/src/services/default-palette.ts +22 -0
- package/src/services/index.ts +6 -2
- package/src/services/layout-service.spec.ts +535 -0
- package/src/services/layout-service.ts +391 -0
- package/src/services/list-service.spec.ts +364 -0
- package/src/services/list-service.ts +169 -0
- package/src/services/palette-css-vars.ts +46 -0
- package/src/services/theme-provider-service.spec.ts +195 -0
- package/src/services/theme-provider-service.ts +305 -2
- package/src/services/tree-service.spec.ts +428 -0
- package/src/services/tree-service.ts +179 -0
- package/src/utils/promisify-animation.ts +7 -1
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { ChildrenList } from '@furystack/shades';
|
|
2
|
+
import type { Palette } from '../../services/theme-provider-service.js';
|
|
3
|
+
export type RadioGroupProps = {
|
|
4
|
+
/**
|
|
5
|
+
* The name attribute shared by all radio buttons in the group
|
|
6
|
+
*/
|
|
7
|
+
name: string;
|
|
8
|
+
/**
|
|
9
|
+
* The currently selected value
|
|
10
|
+
*/
|
|
11
|
+
value?: string;
|
|
12
|
+
/**
|
|
13
|
+
* The default selected value (used for uncontrolled mode)
|
|
14
|
+
*/
|
|
15
|
+
defaultValue?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Whether all radio buttons in the group are disabled
|
|
18
|
+
*/
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Callback when the selected value changes
|
|
22
|
+
*/
|
|
23
|
+
onValueChange?: (value: string) => void;
|
|
24
|
+
/**
|
|
25
|
+
* The palette color applied to all radio buttons in the group
|
|
26
|
+
*/
|
|
27
|
+
color?: keyof Palette;
|
|
28
|
+
/**
|
|
29
|
+
* Label text or element displayed above the group
|
|
30
|
+
*/
|
|
31
|
+
labelTitle?: JSX.Element | string;
|
|
32
|
+
/**
|
|
33
|
+
* Layout direction of the radio buttons
|
|
34
|
+
*/
|
|
35
|
+
orientation?: 'horizontal' | 'vertical';
|
|
36
|
+
};
|
|
37
|
+
export declare const RadioGroup: (props: RadioGroupProps, children: ChildrenList) => JSX.Element;
|
|
38
|
+
//# sourceMappingURL=radio-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAA;AAEvE,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OAmE/E,CAAA"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { Shade, createComponent } from '@furystack/shades';
|
|
2
|
+
import { cssVariableTheme } from '../../services/css-variable-theme.js';
|
|
3
|
+
export const RadioGroup = Shade({
|
|
4
|
+
shadowDomName: 'shade-radio-group',
|
|
5
|
+
css: {
|
|
6
|
+
display: 'block',
|
|
7
|
+
'& .radio-group-label': {
|
|
8
|
+
display: 'block',
|
|
9
|
+
fontSize: cssVariableTheme.typography.fontSize.xs,
|
|
10
|
+
fontWeight: cssVariableTheme.typography.fontWeight.medium,
|
|
11
|
+
color: cssVariableTheme.text.secondary,
|
|
12
|
+
marginBottom: cssVariableTheme.spacing.sm,
|
|
13
|
+
},
|
|
14
|
+
'& .radio-group-items': {
|
|
15
|
+
display: 'flex',
|
|
16
|
+
gap: cssVariableTheme.spacing.sm,
|
|
17
|
+
},
|
|
18
|
+
'&[data-orientation="vertical"] .radio-group-items': {
|
|
19
|
+
flexDirection: 'column',
|
|
20
|
+
},
|
|
21
|
+
'&[data-orientation="horizontal"] .radio-group-items': {
|
|
22
|
+
flexDirection: 'row',
|
|
23
|
+
flexWrap: 'wrap',
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
render: ({ props, children, useDisposable, useHostProps, useRef }) => {
|
|
27
|
+
const wrapperRef = useRef('wrapper');
|
|
28
|
+
useDisposable('change-handler', () => {
|
|
29
|
+
const handleChange = (ev) => {
|
|
30
|
+
const target = ev.target;
|
|
31
|
+
if (target.type === 'radio' && target.checked) {
|
|
32
|
+
props.onValueChange?.(target.value);
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
let el = null;
|
|
36
|
+
queueMicrotask(() => {
|
|
37
|
+
el = wrapperRef.current;
|
|
38
|
+
el?.addEventListener('change', handleChange);
|
|
39
|
+
});
|
|
40
|
+
return { [Symbol.dispose]: () => el?.removeEventListener('change', handleChange) };
|
|
41
|
+
});
|
|
42
|
+
const orientation = props.orientation || 'vertical';
|
|
43
|
+
// Expose group-level props as data attributes so child Radio components
|
|
44
|
+
// can read them synchronously during their own render cycle.
|
|
45
|
+
useHostProps({
|
|
46
|
+
'data-orientation': orientation,
|
|
47
|
+
role: 'radiogroup',
|
|
48
|
+
'data-group-name': props.name,
|
|
49
|
+
'data-disabled': props.disabled ? '' : undefined,
|
|
50
|
+
'data-group-value': props.value !== undefined ? props.value : undefined,
|
|
51
|
+
'data-group-default-value': props.defaultValue !== undefined ? props.defaultValue : undefined,
|
|
52
|
+
});
|
|
53
|
+
return (createComponent("div", { ref: wrapperRef, style: { display: 'contents' } },
|
|
54
|
+
props.labelTitle ? createComponent("span", { className: "radio-group-label" }, props.labelTitle) : null,
|
|
55
|
+
createComponent("div", { className: "radio-group-items" }, children)));
|
|
56
|
+
},
|
|
57
|
+
});
|
|
58
|
+
//# sourceMappingURL=radio-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/inputs/radio-group.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.spec.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/radio-group.spec.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
import { Injector } from '@furystack/inject';
|
|
2
|
+
import { createComponent, initializeShadeRoot } from '@furystack/shades';
|
|
3
|
+
import { sleepAsync, usingAsync } from '@furystack/utils';
|
|
4
|
+
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
|
|
5
|
+
import { RadioGroup } from './radio-group.js';
|
|
6
|
+
import { Radio } from './radio.js';
|
|
7
|
+
describe('RadioGroup', () => {
|
|
8
|
+
beforeEach(() => {
|
|
9
|
+
document.body.innerHTML = '<div id="root"></div>';
|
|
10
|
+
});
|
|
11
|
+
afterEach(() => {
|
|
12
|
+
document.body.innerHTML = '';
|
|
13
|
+
vi.restoreAllMocks();
|
|
14
|
+
});
|
|
15
|
+
it('should render with shadow DOM', async () => {
|
|
16
|
+
await usingAsync(new Injector(), async (injector) => {
|
|
17
|
+
const rootElement = document.getElementById('root');
|
|
18
|
+
initializeShadeRoot({
|
|
19
|
+
injector,
|
|
20
|
+
rootElement,
|
|
21
|
+
jsxElement: (createComponent(RadioGroup, { name: "test-group" },
|
|
22
|
+
createComponent(Radio, { value: "option1", labelTitle: "Option 1" }),
|
|
23
|
+
createComponent(Radio, { value: "option2", labelTitle: "Option 2" }))),
|
|
24
|
+
});
|
|
25
|
+
await sleepAsync(50);
|
|
26
|
+
const group = document.querySelector('shade-radio-group');
|
|
27
|
+
expect(group).not.toBeNull();
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
it('should set the radiogroup role', async () => {
|
|
31
|
+
await usingAsync(new Injector(), async (injector) => {
|
|
32
|
+
const rootElement = document.getElementById('root');
|
|
33
|
+
initializeShadeRoot({
|
|
34
|
+
injector,
|
|
35
|
+
rootElement,
|
|
36
|
+
jsxElement: (createComponent(RadioGroup, { name: "test-group" },
|
|
37
|
+
createComponent(Radio, { value: "option1" }))),
|
|
38
|
+
});
|
|
39
|
+
await sleepAsync(50);
|
|
40
|
+
const group = document.querySelector('shade-radio-group');
|
|
41
|
+
expect(group.getAttribute('role')).toBe('radiogroup');
|
|
42
|
+
});
|
|
43
|
+
});
|
|
44
|
+
it('should render the label title', async () => {
|
|
45
|
+
await usingAsync(new Injector(), async (injector) => {
|
|
46
|
+
const rootElement = document.getElementById('root');
|
|
47
|
+
initializeShadeRoot({
|
|
48
|
+
injector,
|
|
49
|
+
rootElement,
|
|
50
|
+
jsxElement: (createComponent(RadioGroup, { name: "test-group", labelTitle: "Pick an option" },
|
|
51
|
+
createComponent(Radio, { value: "option1" }))),
|
|
52
|
+
});
|
|
53
|
+
await sleepAsync(50);
|
|
54
|
+
const label = document.querySelector('shade-radio-group .radio-group-label');
|
|
55
|
+
expect(label).not.toBeNull();
|
|
56
|
+
expect(label.textContent).toBe('Pick an option');
|
|
57
|
+
});
|
|
58
|
+
});
|
|
59
|
+
it('should not render label span when labelTitle is not provided', async () => {
|
|
60
|
+
await usingAsync(new Injector(), async (injector) => {
|
|
61
|
+
const rootElement = document.getElementById('root');
|
|
62
|
+
initializeShadeRoot({
|
|
63
|
+
injector,
|
|
64
|
+
rootElement,
|
|
65
|
+
jsxElement: (createComponent(RadioGroup, { name: "test-group" },
|
|
66
|
+
createComponent(Radio, { value: "option1" }))),
|
|
67
|
+
});
|
|
68
|
+
await sleepAsync(50);
|
|
69
|
+
const label = document.querySelector('shade-radio-group .radio-group-label');
|
|
70
|
+
expect(label).toBeNull();
|
|
71
|
+
});
|
|
72
|
+
});
|
|
73
|
+
describe('orientation', () => {
|
|
74
|
+
it('should default to vertical orientation', async () => {
|
|
75
|
+
await usingAsync(new Injector(), async (injector) => {
|
|
76
|
+
const rootElement = document.getElementById('root');
|
|
77
|
+
initializeShadeRoot({
|
|
78
|
+
injector,
|
|
79
|
+
rootElement,
|
|
80
|
+
jsxElement: (createComponent(RadioGroup, { name: "test-group" },
|
|
81
|
+
createComponent(Radio, { value: "option1" }))),
|
|
82
|
+
});
|
|
83
|
+
await sleepAsync(50);
|
|
84
|
+
const group = document.querySelector('shade-radio-group');
|
|
85
|
+
expect(group.getAttribute('data-orientation')).toBe('vertical');
|
|
86
|
+
});
|
|
87
|
+
});
|
|
88
|
+
it('should set horizontal orientation', async () => {
|
|
89
|
+
await usingAsync(new Injector(), async (injector) => {
|
|
90
|
+
const rootElement = document.getElementById('root');
|
|
91
|
+
initializeShadeRoot({
|
|
92
|
+
injector,
|
|
93
|
+
rootElement,
|
|
94
|
+
jsxElement: (createComponent(RadioGroup, { name: "test-group", orientation: "horizontal" },
|
|
95
|
+
createComponent(Radio, { value: "option1" }))),
|
|
96
|
+
});
|
|
97
|
+
await sleepAsync(50);
|
|
98
|
+
const group = document.querySelector('shade-radio-group');
|
|
99
|
+
expect(group.getAttribute('data-orientation')).toBe('horizontal');
|
|
100
|
+
});
|
|
101
|
+
});
|
|
102
|
+
});
|
|
103
|
+
describe('name propagation', () => {
|
|
104
|
+
it('should set the name attribute on child radio inputs', async () => {
|
|
105
|
+
await usingAsync(new Injector(), async (injector) => {
|
|
106
|
+
const rootElement = document.getElementById('root');
|
|
107
|
+
initializeShadeRoot({
|
|
108
|
+
injector,
|
|
109
|
+
rootElement,
|
|
110
|
+
jsxElement: (createComponent(RadioGroup, { name: "fruit-group" },
|
|
111
|
+
createComponent(Radio, { value: "apple", labelTitle: "Apple" }),
|
|
112
|
+
createComponent(Radio, { value: "banana", labelTitle: "Banana" }))),
|
|
113
|
+
});
|
|
114
|
+
await sleepAsync(100);
|
|
115
|
+
const inputs = document.querySelectorAll('shade-radio input[type="radio"]');
|
|
116
|
+
inputs.forEach((input) => {
|
|
117
|
+
expect(input.name).toBe('fruit-group');
|
|
118
|
+
});
|
|
119
|
+
});
|
|
120
|
+
});
|
|
121
|
+
});
|
|
122
|
+
describe('value selection', () => {
|
|
123
|
+
it('should set the correct radio as checked based on value prop', async () => {
|
|
124
|
+
await usingAsync(new Injector(), async (injector) => {
|
|
125
|
+
const rootElement = document.getElementById('root');
|
|
126
|
+
initializeShadeRoot({
|
|
127
|
+
injector,
|
|
128
|
+
rootElement,
|
|
129
|
+
jsxElement: (createComponent(RadioGroup, { name: "test-group", value: "option2" },
|
|
130
|
+
createComponent(Radio, { value: "option1", labelTitle: "Option 1" }),
|
|
131
|
+
createComponent(Radio, { value: "option2", labelTitle: "Option 2" }),
|
|
132
|
+
createComponent(Radio, { value: "option3", labelTitle: "Option 3" }))),
|
|
133
|
+
});
|
|
134
|
+
await sleepAsync(100);
|
|
135
|
+
const inputs = document.querySelectorAll('shade-radio input[type="radio"]');
|
|
136
|
+
expect(inputs[0].checked).toBe(false);
|
|
137
|
+
expect(inputs[1].checked).toBe(true);
|
|
138
|
+
expect(inputs[2].checked).toBe(false);
|
|
139
|
+
});
|
|
140
|
+
});
|
|
141
|
+
it('should set the correct radio as checked based on defaultValue prop', async () => {
|
|
142
|
+
await usingAsync(new Injector(), async (injector) => {
|
|
143
|
+
const rootElement = document.getElementById('root');
|
|
144
|
+
initializeShadeRoot({
|
|
145
|
+
injector,
|
|
146
|
+
rootElement,
|
|
147
|
+
jsxElement: (createComponent(RadioGroup, { name: "test-group", defaultValue: "option3" },
|
|
148
|
+
createComponent(Radio, { value: "option1", labelTitle: "Option 1" }),
|
|
149
|
+
createComponent(Radio, { value: "option2", labelTitle: "Option 2" }),
|
|
150
|
+
createComponent(Radio, { value: "option3", labelTitle: "Option 3" }))),
|
|
151
|
+
});
|
|
152
|
+
await sleepAsync(100);
|
|
153
|
+
const inputs = document.querySelectorAll('shade-radio input[type="radio"]');
|
|
154
|
+
expect(inputs[0].checked).toBe(false);
|
|
155
|
+
expect(inputs[1].checked).toBe(false);
|
|
156
|
+
expect(inputs[2].checked).toBe(true);
|
|
157
|
+
});
|
|
158
|
+
});
|
|
159
|
+
});
|
|
160
|
+
describe('disabled state', () => {
|
|
161
|
+
it('should disable all radio inputs when group is disabled', async () => {
|
|
162
|
+
await usingAsync(new Injector(), async (injector) => {
|
|
163
|
+
const rootElement = document.getElementById('root');
|
|
164
|
+
initializeShadeRoot({
|
|
165
|
+
injector,
|
|
166
|
+
rootElement,
|
|
167
|
+
jsxElement: (createComponent(RadioGroup, { name: "test-group", disabled: true },
|
|
168
|
+
createComponent(Radio, { value: "option1", labelTitle: "Option 1" }),
|
|
169
|
+
createComponent(Radio, { value: "option2", labelTitle: "Option 2" }))),
|
|
170
|
+
});
|
|
171
|
+
await sleepAsync(100);
|
|
172
|
+
const inputs = document.querySelectorAll('shade-radio input[type="radio"]');
|
|
173
|
+
inputs.forEach((input) => {
|
|
174
|
+
expect(input.disabled).toBe(true);
|
|
175
|
+
});
|
|
176
|
+
});
|
|
177
|
+
});
|
|
178
|
+
});
|
|
179
|
+
describe('onchange callback', () => {
|
|
180
|
+
it('should call onchange when a radio is selected', async () => {
|
|
181
|
+
await usingAsync(new Injector(), async (injector) => {
|
|
182
|
+
const rootElement = document.getElementById('root');
|
|
183
|
+
const onchange = vi.fn();
|
|
184
|
+
initializeShadeRoot({
|
|
185
|
+
injector,
|
|
186
|
+
rootElement,
|
|
187
|
+
jsxElement: (createComponent(RadioGroup, { name: "test-group", onValueChange: onchange },
|
|
188
|
+
createComponent(Radio, { value: "option1", labelTitle: "Option 1" }),
|
|
189
|
+
createComponent(Radio, { value: "option2", labelTitle: "Option 2" }))),
|
|
190
|
+
});
|
|
191
|
+
await sleepAsync(100);
|
|
192
|
+
const input = document.querySelectorAll('shade-radio input[type="radio"]')[1];
|
|
193
|
+
input.checked = true;
|
|
194
|
+
input.dispatchEvent(new Event('change', { bubbles: true }));
|
|
195
|
+
await sleepAsync(50);
|
|
196
|
+
expect(onchange).toHaveBeenCalledWith('option2');
|
|
197
|
+
});
|
|
198
|
+
});
|
|
199
|
+
});
|
|
200
|
+
});
|
|
201
|
+
//# sourceMappingURL=radio-group.spec.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.spec.js","sourceRoot":"","sources":["../../../src/components/inputs/radio-group.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,UAAU,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,uBAAuB,CAAA;IACnD,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAA;QAC5B,EAAE,CAAC,eAAe,EAAE,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;YAErE,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,WAAW;gBACX,UAAU,EAAE,CACV,gBAAC,UAAU,IAAC,IAAI,EAAC,YAAY;oBAC3B,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,UAAU,GAAG;oBAC/C,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,UAAU,GAAG,CACpC,CACd;aACF,CAAC,CAAA;YAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;YAEpB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAA;YACzD,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;QAC9B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;YAErE,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,WAAW;gBACX,UAAU,EAAE,CACV,gBAAC,UAAU,IAAC,IAAI,EAAC,YAAY;oBAC3B,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,GAAG,CACd,CACd;aACF,CAAC,CAAA;YAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;YAEpB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAgB,CAAA;YACxE,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QACvD,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;YAErE,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,WAAW;gBACX,UAAU,EAAE,CACV,gBAAC,UAAU,IAAC,IAAI,EAAC,YAAY,EAAC,UAAU,EAAC,gBAAgB;oBACvD,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,GAAG,CACd,CACd;aACF,CAAC,CAAA;YAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;YAEpB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,sCAAsC,CAAgB,CAAA;YAC3F,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;YAC5B,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;QAClD,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;QAC5E,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;YAErE,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,WAAW;gBACX,UAAU,EAAE,CACV,gBAAC,UAAU,IAAC,IAAI,EAAC,YAAY;oBAC3B,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,GAAG,CACd,CACd;aACF,CAAC,CAAA;YAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;YAEpB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,sCAAsC,CAAC,CAAA;YAC5E,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAA;QAC1B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;QAC3B,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;YACtD,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;gBAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;gBAErE,mBAAmB,CAAC;oBAClB,QAAQ;oBACR,WAAW;oBACX,UAAU,EAAE,CACV,gBAAC,UAAU,IAAC,IAAI,EAAC,YAAY;wBAC3B,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,GAAG,CACd,CACd;iBACF,CAAC,CAAA;gBAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;gBAEpB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAgB,CAAA;gBACxE,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YACjE,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;YACjD,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;gBAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;gBAErE,mBAAmB,CAAC;oBAClB,QAAQ;oBACR,WAAW;oBACX,UAAU,EAAE,CACV,gBAAC,UAAU,IAAC,IAAI,EAAC,YAAY,EAAC,WAAW,EAAC,YAAY;wBACpD,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,GAAG,CACd,CACd;iBACF,CAAC,CAAA;gBAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;gBAEpB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAgB,CAAA;gBACxE,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;YACnE,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAChC,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;YACnE,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;gBAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;gBAErE,mBAAmB,CAAC;oBAClB,QAAQ;oBACR,WAAW;oBACX,UAAU,EAAE,CACV,gBAAC,UAAU,IAAC,IAAI,EAAC,aAAa;wBAC5B,gBAAC,KAAK,IAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,OAAO,GAAG;wBAC1C,gBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,GAAG,CACjC,CACd;iBACF,CAAC,CAAA;gBAEF,MAAM,UAAU,CAAC,GAAG,CAAC,CAAA;gBAErB,MAAM,MAAM,GAAG,QAAQ,CAAC,gBAAgB,CAAC,iCAAiC,CAAC,CAAA;gBAC3E,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;oBACvB,MAAM,CAAE,KAA0B,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;gBAC9D,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;QAC/B,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;YAC3E,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;gBAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;gBAErE,mBAAmB,CAAC;oBAClB,QAAQ;oBACR,WAAW;oBACX,UAAU,EAAE,CACV,gBAAC,UAAU,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,SAAS;wBAC3C,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,UAAU,GAAG;wBAC/C,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,UAAU,GAAG;wBAC/C,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,UAAU,GAAG,CACpC,CACd;iBACF,CAAC,CAAA;gBAEF,MAAM,UAAU,CAAC,GAAG,CAAC,CAAA;gBAErB,MAAM,MAAM,GAAG,QAAQ,CAAC,gBAAgB,CAAC,iCAAiC,CAAC,CAAA;gBAC3E,MAAM,CAAE,MAAM,CAAC,CAAC,CAAsB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAC3D,MAAM,CAAE,MAAM,CAAC,CAAC,CAAsB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;gBAC1D,MAAM,CAAE,MAAM,CAAC,CAAC,CAAsB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YAC7D,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,oEAAoE,EAAE,KAAK,IAAI,EAAE;YAClF,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;gBAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;gBAErE,mBAAmB,CAAC;oBAClB,QAAQ;oBACR,WAAW;oBACX,UAAU,EAAE,CACV,gBAAC,UAAU,IAAC,IAAI,EAAC,YAAY,EAAC,YAAY,EAAC,SAAS;wBAClD,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,UAAU,GAAG;wBAC/C,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,UAAU,GAAG;wBAC/C,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,UAAU,GAAG,CACpC,CACd;iBACF,CAAC,CAAA;gBAEF,MAAM,UAAU,CAAC,GAAG,CAAC,CAAA;gBAErB,MAAM,MAAM,GAAG,QAAQ,CAAC,gBAAgB,CAAC,iCAAiC,CAAC,CAAA;gBAC3E,MAAM,CAAE,MAAM,CAAC,CAAC,CAAsB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAC3D,MAAM,CAAE,MAAM,CAAC,CAAC,CAAsB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAC3D,MAAM,CAAE,MAAM,CAAC,CAAC,CAAsB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAC5D,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;QAC9B,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;YACtE,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;gBAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;gBAErE,mBAAmB,CAAC;oBAClB,QAAQ;oBACR,WAAW;oBACX,UAAU,EAAE,CACV,gBAAC,UAAU,IAAC,IAAI,EAAC,YAAY,EAAC,QAAQ;wBACpC,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,UAAU,GAAG;wBAC/C,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,UAAU,GAAG,CACpC,CACd;iBACF,CAAC,CAAA;gBAEF,MAAM,UAAU,CAAC,GAAG,CAAC,CAAA;gBAErB,MAAM,MAAM,GAAG,QAAQ,CAAC,gBAAgB,CAAC,iCAAiC,CAAC,CAAA;gBAC3E,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;oBACvB,MAAM,CAAE,KAA0B,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;gBACzD,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;YAC7D,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;gBAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;gBACrE,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;gBAExB,mBAAmB,CAAC;oBAClB,QAAQ;oBACR,WAAW;oBACX,UAAU,EAAE,CACV,gBAAC,UAAU,IAAC,IAAI,EAAC,YAAY,EAAC,aAAa,EAAE,QAAQ;wBACnD,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,UAAU,GAAG;wBAC/C,gBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,UAAU,GAAG,CACpC,CACd;iBACF,CAAC,CAAA;gBAEF,MAAM,UAAU,CAAC,GAAG,CAAC,CAAA;gBAErB,MAAM,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,iCAAiC,CAAC,CAAC,CAAC,CAAqB,CAAA;gBACjG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAA;gBACpB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;gBAE3D,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;gBAEpB,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAA;YAClD,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import type { PartialElement } from '@furystack/shades';
|
|
2
|
+
import type { Palette } from '../../services/theme-provider-service.js';
|
|
3
|
+
export type RadioProps = {
|
|
4
|
+
/**
|
|
5
|
+
* The value attribute for the underlying input element
|
|
6
|
+
*/
|
|
7
|
+
value: string;
|
|
8
|
+
/**
|
|
9
|
+
* Whether the radio button is disabled
|
|
10
|
+
*/
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* The palette color for the radio button
|
|
14
|
+
*/
|
|
15
|
+
color?: keyof Palette;
|
|
16
|
+
/**
|
|
17
|
+
* Callback when the radio button is selected
|
|
18
|
+
*/
|
|
19
|
+
onchange?: (event: Event) => void;
|
|
20
|
+
/**
|
|
21
|
+
* Label text or element displayed next to the radio button
|
|
22
|
+
*/
|
|
23
|
+
labelTitle?: JSX.Element | string;
|
|
24
|
+
/**
|
|
25
|
+
* The name attribute for the underlying input element (set automatically by RadioGroup)
|
|
26
|
+
*/
|
|
27
|
+
name?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Whether the radio button is checked
|
|
30
|
+
*/
|
|
31
|
+
checked?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Optional props for the label element
|
|
34
|
+
*/
|
|
35
|
+
labelProps?: PartialElement<HTMLLabelElement>;
|
|
36
|
+
};
|
|
37
|
+
export declare const Radio: (props: RadioProps & Omit<Partial<HTMLElement>, "style"> & {
|
|
38
|
+
style?: Partial<CSSStyleDeclaration>;
|
|
39
|
+
} & {
|
|
40
|
+
ref?: import("@furystack/shades").RefObject<Element>;
|
|
41
|
+
}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
|
|
42
|
+
//# sourceMappingURL=radio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAA;AAIvE,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,OAAO,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,KAAK;;;;sEA4JhB,CAAA"}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import { Shade, createComponent } from '@furystack/shades';
|
|
2
|
+
import { cssVariableTheme } from '../../services/css-variable-theme.js';
|
|
3
|
+
import { ThemeProviderService } from '../../services/theme-provider-service.js';
|
|
4
|
+
import { FormService } from '../form.js';
|
|
5
|
+
export const Radio = Shade({
|
|
6
|
+
shadowDomName: 'shade-radio',
|
|
7
|
+
css: {
|
|
8
|
+
display: 'inline-flex',
|
|
9
|
+
alignItems: 'center',
|
|
10
|
+
'& label': {
|
|
11
|
+
display: 'inline-flex',
|
|
12
|
+
alignItems: 'center',
|
|
13
|
+
gap: cssVariableTheme.spacing.sm,
|
|
14
|
+
cursor: 'pointer',
|
|
15
|
+
fontSize: cssVariableTheme.typography.fontSize.sm,
|
|
16
|
+
color: cssVariableTheme.text.primary,
|
|
17
|
+
userSelect: 'none',
|
|
18
|
+
webkitUserSelect: 'none',
|
|
19
|
+
},
|
|
20
|
+
'& .radio-control': {
|
|
21
|
+
position: 'relative',
|
|
22
|
+
display: 'inline-flex',
|
|
23
|
+
alignItems: 'center',
|
|
24
|
+
justifyContent: 'center',
|
|
25
|
+
width: '20px',
|
|
26
|
+
height: '20px',
|
|
27
|
+
flexShrink: '0',
|
|
28
|
+
},
|
|
29
|
+
'& input[type="radio"]': {
|
|
30
|
+
appearance: 'none',
|
|
31
|
+
webkitAppearance: 'none',
|
|
32
|
+
width: '20px',
|
|
33
|
+
height: '20px',
|
|
34
|
+
margin: '0',
|
|
35
|
+
border: `2px solid ${cssVariableTheme.text.secondary}`,
|
|
36
|
+
borderRadius: cssVariableTheme.shape.borderRadius.full,
|
|
37
|
+
backgroundColor: 'transparent',
|
|
38
|
+
cursor: 'pointer',
|
|
39
|
+
transition: `all ${cssVariableTheme.transitions.duration.fast} ${cssVariableTheme.transitions.easing.default}`,
|
|
40
|
+
outline: 'none',
|
|
41
|
+
},
|
|
42
|
+
'& input[type="radio"]:hover:not(:disabled)': {
|
|
43
|
+
borderColor: 'var(--radio-color)',
|
|
44
|
+
},
|
|
45
|
+
'& input[type="radio"]:focus-visible': {
|
|
46
|
+
boxShadow: cssVariableTheme.action.focusRing,
|
|
47
|
+
},
|
|
48
|
+
'& input[type="radio"]:checked': {
|
|
49
|
+
borderColor: 'var(--radio-color)',
|
|
50
|
+
},
|
|
51
|
+
'& input[type="radio"]:checked::after': {
|
|
52
|
+
content: '""',
|
|
53
|
+
position: 'absolute',
|
|
54
|
+
left: '5px',
|
|
55
|
+
top: '5px',
|
|
56
|
+
width: '10px',
|
|
57
|
+
height: '10px',
|
|
58
|
+
borderRadius: cssVariableTheme.shape.borderRadius.full,
|
|
59
|
+
backgroundColor: 'var(--radio-color)',
|
|
60
|
+
pointerEvents: 'none',
|
|
61
|
+
},
|
|
62
|
+
'&[data-disabled] label': {
|
|
63
|
+
color: cssVariableTheme.text.disabled,
|
|
64
|
+
cursor: 'not-allowed',
|
|
65
|
+
},
|
|
66
|
+
'&[data-disabled] input[type="radio"]': {
|
|
67
|
+
opacity: cssVariableTheme.action.disabledOpacity,
|
|
68
|
+
cursor: 'not-allowed',
|
|
69
|
+
},
|
|
70
|
+
},
|
|
71
|
+
render: ({ props, injector, useDisposable, useHostProps, useRef }) => {
|
|
72
|
+
const inputRef = useRef('formInput');
|
|
73
|
+
useDisposable('form-registration', () => {
|
|
74
|
+
const formService = injector.cachedSingletons.has(FormService) ? injector.getInstance(FormService) : null;
|
|
75
|
+
queueMicrotask(() => {
|
|
76
|
+
if (inputRef.current && formService) {
|
|
77
|
+
formService.inputs.add(inputRef.current);
|
|
78
|
+
}
|
|
79
|
+
// Read group-level overrides from parent RadioGroup
|
|
80
|
+
const group = inputRef.current?.closest('shade-radio-group');
|
|
81
|
+
if (group && inputRef.current) {
|
|
82
|
+
const groupName = group.getAttribute('data-group-name');
|
|
83
|
+
if (groupName)
|
|
84
|
+
inputRef.current.name = groupName;
|
|
85
|
+
const groupDisabled = group.hasAttribute('data-disabled');
|
|
86
|
+
if (groupDisabled)
|
|
87
|
+
inputRef.current.disabled = true;
|
|
88
|
+
const groupValue = group.getAttribute('data-group-value');
|
|
89
|
+
if (groupValue !== null) {
|
|
90
|
+
inputRef.current.checked = props.value === groupValue;
|
|
91
|
+
}
|
|
92
|
+
else {
|
|
93
|
+
const groupDefaultValue = group.getAttribute('data-group-default-value');
|
|
94
|
+
if (groupDefaultValue !== null && props.checked === undefined) {
|
|
95
|
+
inputRef.current.checked = props.value === groupDefaultValue;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
});
|
|
100
|
+
return {
|
|
101
|
+
[Symbol.dispose]: () => {
|
|
102
|
+
if (inputRef.current && formService)
|
|
103
|
+
formService.inputs.delete(inputRef.current);
|
|
104
|
+
},
|
|
105
|
+
};
|
|
106
|
+
});
|
|
107
|
+
const themeProvider = injector.getInstance(ThemeProviderService);
|
|
108
|
+
// Read group-level overrides from parent RadioGroup (inputRef is set after first mount)
|
|
109
|
+
const group = inputRef.current ? inputRef.current.closest('shade-radio-group') : null;
|
|
110
|
+
const groupName = group?.getAttribute('data-group-name');
|
|
111
|
+
const groupDisabled = group?.hasAttribute('data-disabled') ?? false;
|
|
112
|
+
const groupValue = group?.getAttribute('data-group-value');
|
|
113
|
+
const groupDefaultValue = group?.getAttribute('data-group-default-value');
|
|
114
|
+
const effectiveName = groupName ?? props.name;
|
|
115
|
+
const isDisabled = props.disabled || groupDisabled;
|
|
116
|
+
let isChecked = props.checked;
|
|
117
|
+
if (groupValue !== undefined && groupValue !== null) {
|
|
118
|
+
isChecked = props.value === groupValue;
|
|
119
|
+
}
|
|
120
|
+
else if (groupDefaultValue !== undefined && groupDefaultValue !== null && isChecked === undefined) {
|
|
121
|
+
isChecked = props.value === groupDefaultValue;
|
|
122
|
+
}
|
|
123
|
+
const color = themeProvider.theme.palette[props.color || 'primary'].main;
|
|
124
|
+
useHostProps({
|
|
125
|
+
'data-disabled': isDisabled ? '' : undefined,
|
|
126
|
+
style: { '--radio-color': color },
|
|
127
|
+
});
|
|
128
|
+
return (createComponent("label", { ...props.labelProps },
|
|
129
|
+
createComponent("span", { className: "radio-control" },
|
|
130
|
+
createComponent("input", { ref: inputRef, type: "radio", value: props.value, checked: isChecked, disabled: isDisabled, name: effectiveName, onchange: props.onchange })),
|
|
131
|
+
props.labelTitle ? createComponent("span", { className: "radio-label" }, props.labelTitle) : null));
|
|
132
|
+
},
|
|
133
|
+
});
|
|
134
|
+
//# sourceMappingURL=radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/components/inputs/radio.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.spec.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/radio.spec.tsx"],"names":[],"mappings":""}
|