@brightspot/ui 6.7.1-pr.405.2026.10.26 → 6.8.1
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/dist/components/radio/Radio.d.ts +112 -0
- package/dist/components/radio/Radio.d.ts.map +1 -0
- package/dist/components/radio/Radio.js +228 -0
- package/dist/components/radio/Radio.js.map +1 -0
- package/dist/components/radio/RadioGroup.d.ts +94 -0
- package/dist/components/radio/RadioGroup.d.ts.map +1 -0
- package/dist/components/radio/RadioGroup.js +249 -0
- package/dist/components/radio/RadioGroup.js.map +1 -0
- package/dist/custom-elements.json +840 -0
- package/dist/storybook/assets/{ActionBar.stories-h4LZnjPi.js → ActionBar.stories-BOXYJYXy.js} +31 -28
- package/dist/storybook/assets/ActionItem-WoDvowFu.js +16 -0
- package/dist/storybook/assets/{ActionItem.stories-DrtiuK_q.js → ActionItem.stories-CVFoWP54.js} +2 -2
- package/dist/storybook/assets/AiSparkle.stories-Psv9jNpy.js +73 -0
- package/dist/storybook/assets/Avatar-CIQcHS8b.js +4 -0
- package/dist/storybook/assets/Avatar.stories-BE2Xn8fx.js +213 -0
- package/dist/storybook/assets/AvatarGroup-Chs0VKPg.js +1 -0
- package/dist/storybook/assets/AvatarGroup.stories-2ar6gCeX.js +225 -0
- package/dist/storybook/assets/Badge-AV20mCMJ.js +1 -0
- package/dist/storybook/assets/{Badge.stories-oHJYKBIM.js → Badge.stories-w9LqNw0A.js} +4 -4
- package/dist/storybook/assets/Banner-FSFX1AIb.css +1 -0
- package/dist/storybook/assets/{Banner.stories-BXYde1iZ.js → Banner.stories-Clhh1bBs.js} +14 -14
- package/dist/storybook/assets/Button-B7fn_wd5.js +10 -0
- package/dist/storybook/assets/Button.stories-5h4M8nd2.js +54 -0
- package/dist/storybook/assets/ButtonGroup-BmndBsBy.js +1 -0
- package/dist/storybook/assets/{ButtonGroup.stories-Ch1Tu6Kj.js → ButtonGroup.stories-CR1H4H7u.js} +7 -7
- package/dist/storybook/assets/Card-DyntwdY-.css +1 -0
- package/dist/storybook/assets/{Card.stories-Nl10FlTb.js → Card.stories-Bz5vXq5y.js} +60 -29
- package/dist/storybook/assets/{Celebrate.stories-Ds1-srNO.js → Celebrate.stories-Bu3CNw0k.js} +5 -5
- package/dist/storybook/assets/Checkbox-BALsanB1.js +30 -0
- package/dist/storybook/assets/{Checkbox.stories-Bk9fNdcL.js → Checkbox.stories-BdvCht5c.js} +10 -10
- package/dist/storybook/assets/CircularProgress-BeE2fWON.js +42 -0
- package/dist/storybook/assets/{CircularProgress.stories-DzhTWHYN.js → CircularProgress.stories-CL8Lc6eU.js} +2 -2
- package/dist/storybook/assets/ClipboardMixin-C6wcbXIO.js +1 -0
- package/dist/storybook/assets/{ClipboardMixin.stories-BnFXCiFJ.js → ClipboardMixin.stories-BsjzC7wd.js} +6 -6
- package/dist/storybook/assets/{Color-6BZIO3FS-BntnPWZM.js → Color-6BZIO3FS-Dsd6EVV9.js} +1 -1
- package/dist/storybook/assets/{Colors.stories-0AeeEVVw.js → Colors.stories-CkCdNN9Y.js} +1 -1
- package/dist/storybook/assets/{CombinedEffects.stories-kjjXfgj6.js → CombinedEffects.stories-QG78pIiG.js} +2 -2
- package/dist/storybook/assets/{ComponentStatesMixin-Bf5gvpXs.js → ComponentStatesMixin-CG-Dx_Vk.js} +1 -1
- package/dist/storybook/assets/{ComponentStatesMixin.stories-BwDY3N5N.js → ComponentStatesMixin.stories-B1yuAqua.js} +1 -1
- package/dist/storybook/assets/{CopyToClipboard.stories-DHz4lvAk.js → CopyToClipboard.stories-CyKcumJ9.js} +18 -10
- package/dist/storybook/assets/{Debounce.stories-3QSaZZAP.js → Debounce.stories-BuNskQ33.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-LL677BLK-DvuqJl5p.js → DocsRenderer-LL677BLK-BrPyc8XX.js} +3 -3
- package/dist/storybook/assets/{Dropdown.stories-B_SUX4kQ.js → Dropdown.stories-DHXeP07z.js} +2 -2
- package/dist/storybook/assets/DropdownMenu-WoWnJiQk.js +42 -0
- package/dist/storybook/assets/EmptyState-h0A4Qpiu.css +1 -0
- package/dist/storybook/assets/{EmptyState.stories-EL9oDdMl.js → EmptyState.stories-BRoVusey.js} +33 -21
- package/dist/storybook/assets/EscaAvatar.stories-CWAE-4Uz.js +140 -0
- package/dist/storybook/assets/{Events.stories-BijV4stG.js → Events.stories-D-npDwlx.js} +2 -2
- package/dist/storybook/assets/{Heading.stories-BEWjqFbE.js → Heading.stories-D7hmvFEN.js} +1 -1
- package/dist/storybook/assets/{HueRipple.stories-Z4lM_TPD.js → HueRipple.stories-Dx3ozdHi.js} +2 -2
- package/dist/storybook/assets/Icon-DPQKiWDz.js +34409 -0
- package/dist/storybook/assets/{Icon.stories-DAMHb2XQ.js → Icon.stories-CVsQvcwd.js} +10 -10
- package/dist/storybook/assets/IconButton-Dp4Z06bL.js +12 -0
- package/dist/storybook/assets/{IconButton.stories-DQ7WseyR.js → IconButton.stories-DTbfHfcQ.js} +2 -2
- package/dist/storybook/assets/LinearProgress-DG3tPlGH.js +25 -0
- package/dist/storybook/assets/{LinearProgress.stories-v9OOfaD3.js → LinearProgress.stories-VIU6OqYd.js} +2 -2
- package/dist/storybook/assets/Message-BzkpGg8z.js +28 -0
- package/dist/storybook/assets/Message-CM3eexdu.css +1 -0
- package/dist/storybook/assets/{Message.stories-0GFTbybz.js → Message.stories-C9bzoQes.js} +2 -2
- package/dist/storybook/assets/OnFindMixin-CeeYfx9k.js +1 -0
- package/dist/storybook/assets/{OnFindMixin.stories-DbGsd7N-.js → OnFindMixin.stories-Dq06nuVf.js} +9 -9
- package/dist/storybook/assets/Pagination-CnWa6AX5.js +88 -0
- package/dist/storybook/assets/{Pagination.stories-W-Fg9qDN.js → Pagination.stories-BsH2eN2W.js} +33 -33
- package/dist/storybook/assets/{Popover.stories-CvB5GueC.js → Popover.stories-CLnzpgEE.js} +16 -16
- package/dist/storybook/assets/ProgressMixin-D1atDw3n.js +1 -0
- package/dist/storybook/assets/Radio-B6Aq6K0V.js +25 -0
- package/dist/storybook/assets/Radio.stories-BCVbISmb.js +71 -0
- package/dist/storybook/assets/RadioGroup.stories-B-TGP_-v.js +221 -0
- package/dist/storybook/assets/{ReadyMixin-Br9owaZV.js → ReadyMixin-C8HW2nGE.js} +1 -1
- package/dist/storybook/assets/RovingTabindexMixin-DI5rmyR7.js +1 -0
- package/dist/storybook/assets/{RovingTabindexMixin.stories-anjAbAzC.js → RovingTabindexMixin.stories-DVKCC_R7.js} +5 -5
- package/dist/storybook/assets/{Rtc.stories-VHR68JiM.js → Rtc.stories-bBYHOszW.js} +1 -1
- package/dist/storybook/assets/{ScrollShadow.stories-D_D-r-JK.js → ScrollShadow.stories-BIK8YINt.js} +1 -1
- package/dist/storybook/assets/{Switch.stories-BBc3Ddok.js → Switch.stories-COEk74kM.js} +60 -27
- package/dist/storybook/assets/{Tab.stories-Co1bcV-c.js → Tab.stories-Dbt9JvSx.js} +7 -7
- package/dist/storybook/assets/Tabs-BIScOPS0.js +17 -0
- package/dist/storybook/assets/{Tabs.stories-uhbYgv3l.js → Tabs.stories-CodKgVf2.js} +6 -6
- package/dist/storybook/assets/{Throttle.stories-Lq5D5WmY.js → Throttle.stories-BhIqWWrQ.js} +1 -1
- package/dist/storybook/assets/Tooltip.stories-DKD8nBM1.js +143 -0
- package/dist/storybook/assets/TooltipMixin-CRNNusJ7.js +1 -0
- package/dist/storybook/assets/{Upload.stories-CLtYPw8U.js → Upload.stories-WTO15ST1.js} +102 -52
- package/dist/storybook/assets/UploadItem-DejgZ5A0.js +54 -0
- package/dist/storybook/assets/{UploadItem.stories-CsikX2BV.js → UploadItem.stories-Pk3ghOcI.js} +4 -4
- package/dist/storybook/assets/{Welcome.stories-Dgl9qFjv.js → Welcome.stories-DrNnxvt9.js} +9 -9
- package/dist/storybook/assets/Widget-elBzGg8w.css +1 -0
- package/dist/storybook/assets/Widget.stories-CYC5Qdac.js +279 -0
- package/dist/storybook/assets/{WithTooltip-65CFNBJE-tGrEodOE.js → WithTooltip-65CFNBJE-DK6PZNaa.js} +1 -1
- package/dist/storybook/assets/ai-sparkle-BZMJJAxY.js +1 -0
- package/dist/storybook/assets/aria-D5THOgos.js +1 -0
- package/dist/storybook/assets/{blocks-BXvz9yPY.js → blocks-Dzcxb014.js} +5 -5
- package/dist/storybook/assets/esca-glow-BwdhBvIX.js +2 -0
- package/dist/storybook/assets/esca-idle-B-fumiIb.js +1 -0
- package/dist/storybook/assets/esca-search-rwNfo19I.js +1 -0
- package/dist/storybook/assets/esca-task-complete-BAJP2dY2.js +1 -0
- package/dist/storybook/assets/esca-wave-Bjs4CUR7.js +1 -0
- package/dist/storybook/assets/{formatter-EIJCOSYU-D4wnoi50.js → formatter-EIJCOSYU-PioIuXjk.js} +1 -1
- package/dist/storybook/assets/i18n-BQ-Uj-0B.js +1 -0
- package/dist/storybook/assets/if-defined-DL7cQU7O.js +1 -0
- package/dist/storybook/assets/{iframe-BJAXLO__.js → iframe-Byo_x5o2.js} +158 -158
- package/dist/storybook/assets/{iframe-DM45AEWn.css → iframe-BzrT7trF.css} +1 -1
- package/dist/storybook/assets/{index-Vq-HO77I.js → index-gox-Wle0.js} +1 -1
- package/dist/storybook/assets/lottie_svg-3t2UJxjZ.js +2 -0
- package/dist/storybook/assets/{onFind-DvWzOs0i.js → onFind-BWiaccUj.js} +1 -1
- package/dist/storybook/assets/{onFind.stories-CYhYy57J.js → onFind.stories-CC_XTN2G.js} +1 -1
- package/dist/storybook/assets/{onRemove.stories-BGlN20MR.js → onRemove.stories-CXxpL4ud.js} +1 -1
- package/dist/storybook/assets/{onVisible.stories-g7Yr3k3S.js → onVisible.stories-DKA9cexx.js} +1 -1
- package/dist/storybook/assets/property-_few0Xe5.js +1 -0
- package/dist/storybook/assets/ref-BaIdO8Sk.js +1 -0
- package/dist/storybook/assets/state-BBcPmYaV.js +1 -0
- package/dist/storybook/assets/{style-map-B-NBwRI-.js → style-map-DxZm5Cj7.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-ED5Y7EFY-CiAkaRF_.js → syntaxhighlighter-ED5Y7EFY-B0_bSGZz.js} +1 -1
- package/dist/storybook/iframe.html +2 -2
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/tailwind-plugin-radio.d.ts +2 -0
- package/dist/tailwind-plugin-radio.d.ts.map +1 -0
- package/dist/tailwind-plugin-radio.js +264 -0
- package/dist/tailwind-plugin-radio.js.map +1 -0
- package/dist/tailwind-plugin-radio.ts +301 -0
- package/dist/tailwind.config.d.ts.map +1 -1
- package/dist/tailwind.config.js +2 -0
- package/dist/tailwind.config.js.map +1 -1
- package/dist/tailwind.config.ts +2 -0
- package/dist/util/EventEmitterMixin.d.ts +9 -0
- package/dist/util/EventEmitterMixin.d.ts.map +1 -1
- package/dist/util/EventEmitterMixin.js.map +1 -1
- package/docs/components/README.md +2 -0
- package/docs/components/Radio.md +105 -0
- package/docs/components/RadioGroup.md +63 -0
- package/package.json +2 -1
- package/src/legacy/tool-ui/src/AnalyticsWidget.ts +19 -9
- package/src/legacy/tool-ui/src/ContentInputGroup.ts +18 -13
- package/src/legacy/tool-ui/src/main/webapp/dist/{RTEProseMirror.e4f881c67b2f3865776b.js → RTEProseMirror.8773fe3756519d83608e.js} +4 -4
- package/src/legacy/tool-ui/src/main/webapp/dist/{v4.94878a2d8b5c7787df69.js → v4.5311585e2e77268a6386.js} +4 -4
- package/src/legacy/tool-ui/src/main/webapp/dist/v5.990bf181d01e0cbb18e8.css +140 -0
- package/src/legacy/tool-ui/src/main/webapp/dist/{v5.de9169aefaf9fc4323ff.js → v5.c96a164f24a2a102bde0.js} +4 -4
- package/dist/storybook/assets/AiSparkle.stories-vyk5EN2Y.js +0 -72
- package/dist/storybook/assets/Avatar.stories-y9T1MrQQ.js +0 -213
- package/dist/storybook/assets/AvatarGroup.stories-52-tqOb2.js +0 -225
- package/dist/storybook/assets/Button-CAMYBU_U.js +0 -10
- package/dist/storybook/assets/Button.stories-DSDjifLT.js +0 -54
- package/dist/storybook/assets/EscaAvatar.stories-CckR2oJo.js +0 -139
- package/dist/storybook/assets/LucideDynamicLoader-BuoNL33C.js +0 -1
- package/dist/storybook/assets/Tooltip.stories-CJ8sPHvm.js +0 -143
- package/dist/storybook/assets/Widget.stories-Dmg4GwlK.js +0 -233
- package/dist/storybook/assets/if-defined-BqGMNNFr.js +0 -1
- package/src/legacy/tool-ui/src/main/webapp/dist/v5.367effd3850ba2b3ccb2.css +0 -140
- /package/src/legacy/tool-ui/src/main/webapp/dist/{RTEProseMirror.e4f881c67b2f3865776b.js.LICENSE.txt → RTEProseMirror.8773fe3756519d83608e.js.LICENSE.txt} +0 -0
- /package/src/legacy/tool-ui/src/main/webapp/dist/{v4.94878a2d8b5c7787df69.js.LICENSE.txt → v4.5311585e2e77268a6386.js.LICENSE.txt} +0 -0
- /package/src/legacy/tool-ui/src/main/webapp/dist/{v5.de9169aefaf9fc4323ff.js.LICENSE.txt → v5.c96a164f24a2a102bde0.js.LICENSE.txt} +0 -0
|
@@ -0,0 +1,249 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { LitElement, html } from 'lit';
|
|
8
|
+
import { property } from 'lit/decorators.js';
|
|
9
|
+
import { EventEmitterMixin } from '../../util/EventEmitterMixin.js';
|
|
10
|
+
import { ReadyMixin } from '../../util/ReadyMixin.js';
|
|
11
|
+
import { RovingTabindexMixin } from '../../util/RovingTabindexMixin.js';
|
|
12
|
+
/**
|
|
13
|
+
* A container that groups `btu-radio` options into a single-select control.
|
|
14
|
+
*
|
|
15
|
+
* Owns the shared form `name`, the selected `value`, and keyboard navigation
|
|
16
|
+
* following the WAI-ARIA radio group pattern: a single roving tabstop, and
|
|
17
|
+
* arrow keys that move focus and select in one step. Selection state and the
|
|
18
|
+
* `disabled` / `size` properties are propagated down to child radios.
|
|
19
|
+
*
|
|
20
|
+
* @element btu-radio-group
|
|
21
|
+
*
|
|
22
|
+
* @fires {CustomEvent} btu-radio-group-ready - Fired after first render and initialization
|
|
23
|
+
* @fires {CustomEvent<{ value: string }>} btu-radio-group-change - Fired when the selected value changes
|
|
24
|
+
* @fires {CustomEvent} btu-radio-ready - Fired when a child radio finishes initialization (bubbles from btu-radio)
|
|
25
|
+
* @fires {CustomEvent<{ checked: boolean; value: string }>} btu-radio-change - Fired when a child radio is selected (bubbles from btu-radio)
|
|
26
|
+
*
|
|
27
|
+
* @example
|
|
28
|
+
* ```html
|
|
29
|
+
* <btu-radio-group name="plan" value="pro">
|
|
30
|
+
* <btu-radio value="free" label="Free"></btu-radio>
|
|
31
|
+
* <btu-radio value="pro" label="Pro"></btu-radio>
|
|
32
|
+
* <btu-radio value="team" label="Team" disabled></btu-radio>
|
|
33
|
+
* </btu-radio-group>
|
|
34
|
+
* ```
|
|
35
|
+
*/
|
|
36
|
+
export default class RadioGroup extends RovingTabindexMixin(EventEmitterMixin(ReadyMixin(LitElement))) {
|
|
37
|
+
constructor() {
|
|
38
|
+
super(...arguments);
|
|
39
|
+
/**
|
|
40
|
+
* Layout direction of the options.
|
|
41
|
+
* @attr
|
|
42
|
+
*/
|
|
43
|
+
this.orientation = 'vertical';
|
|
44
|
+
/**
|
|
45
|
+
* Controls the scale of every radio in the group.
|
|
46
|
+
* @attr
|
|
47
|
+
*/
|
|
48
|
+
this.size = 'sm';
|
|
49
|
+
/**
|
|
50
|
+
* Marks a selection as mandatory for form submission.
|
|
51
|
+
* @attr
|
|
52
|
+
*/
|
|
53
|
+
this.required = false;
|
|
54
|
+
/**
|
|
55
|
+
* Disables every option in the group.
|
|
56
|
+
* @attr
|
|
57
|
+
*/
|
|
58
|
+
this.disabled = false;
|
|
59
|
+
/** @internal */
|
|
60
|
+
this._initialClasses = [];
|
|
61
|
+
/** @internal */
|
|
62
|
+
this._initialClassesCaptured = false;
|
|
63
|
+
/** @internal */
|
|
64
|
+
this._boundHandleRadioChange = this._handleRadioChange.bind(this);
|
|
65
|
+
/** @internal */
|
|
66
|
+
this._boundHandleKeyDown = this._handleKeyDown.bind(this);
|
|
67
|
+
}
|
|
68
|
+
connectedCallback() {
|
|
69
|
+
super.connectedCallback();
|
|
70
|
+
if (!this._initialClassesCaptured) {
|
|
71
|
+
if (this.className) {
|
|
72
|
+
this._initialClasses = this.className.split(' ').filter(c => c.trim());
|
|
73
|
+
}
|
|
74
|
+
this._initialClassesCaptured = true;
|
|
75
|
+
}
|
|
76
|
+
this.setAttribute('role', 'radiogroup');
|
|
77
|
+
this.addEventListener('btu-radio-change', this._boundHandleRadioChange);
|
|
78
|
+
this.addEventListener('keydown', this._boundHandleKeyDown);
|
|
79
|
+
}
|
|
80
|
+
disconnectedCallback() {
|
|
81
|
+
super.disconnectedCallback();
|
|
82
|
+
this.removeEventListener('btu-radio-change', this._boundHandleRadioChange);
|
|
83
|
+
this.removeEventListener('keydown', this._boundHandleKeyDown);
|
|
84
|
+
}
|
|
85
|
+
createRenderRoot() {
|
|
86
|
+
return this;
|
|
87
|
+
}
|
|
88
|
+
willUpdate(changedProperties) {
|
|
89
|
+
super.willUpdate(changedProperties);
|
|
90
|
+
this.className = [
|
|
91
|
+
...this._initialClasses,
|
|
92
|
+
'btu-radio-group',
|
|
93
|
+
this.orientation === 'horizontal' && 'btu-radio-group-horizontal',
|
|
94
|
+
]
|
|
95
|
+
.filter(Boolean)
|
|
96
|
+
.join(' ');
|
|
97
|
+
this.setAttribute('aria-orientation', this.orientation);
|
|
98
|
+
if (this.required)
|
|
99
|
+
this.setAttribute('aria-required', 'true');
|
|
100
|
+
else
|
|
101
|
+
this.removeAttribute('aria-required');
|
|
102
|
+
}
|
|
103
|
+
firstUpdated(changedProperties) {
|
|
104
|
+
super.firstUpdated(changedProperties);
|
|
105
|
+
// Seed the selection from an authored `checked` option when no value is set,
|
|
106
|
+
// so `<btu-radio-group><btu-radio checked>` works without an explicit value.
|
|
107
|
+
if (this.value == null) {
|
|
108
|
+
this.value = this._getRadios().find(r => r.checked)?.value;
|
|
109
|
+
}
|
|
110
|
+
this._syncRadios();
|
|
111
|
+
const targets = this._getRovingTargets();
|
|
112
|
+
if (targets.length > 0) {
|
|
113
|
+
const selected = targets.findIndex(t => t.checked);
|
|
114
|
+
this._rovingFocus(selected >= 0 ? selected : 0, false);
|
|
115
|
+
}
|
|
116
|
+
this.emit('btu-radio-group-ready');
|
|
117
|
+
}
|
|
118
|
+
updated(changedProperties) {
|
|
119
|
+
super.updated(changedProperties);
|
|
120
|
+
if (changedProperties.has('value') ||
|
|
121
|
+
changedProperties.has('name') ||
|
|
122
|
+
changedProperties.has('size') ||
|
|
123
|
+
changedProperties.has('disabled') ||
|
|
124
|
+
changedProperties.has('required')) {
|
|
125
|
+
this._syncRadios();
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
/** @internal Focusable native inputs of enabled radios, in DOM order */
|
|
129
|
+
_getRovingTargets() {
|
|
130
|
+
if (this.disabled)
|
|
131
|
+
return [];
|
|
132
|
+
const inputs = [];
|
|
133
|
+
for (const radio of this._getRadios()) {
|
|
134
|
+
if (radio.disabled)
|
|
135
|
+
continue;
|
|
136
|
+
const input = radio.querySelector('.btu-radio-input');
|
|
137
|
+
if (input)
|
|
138
|
+
inputs.push(input);
|
|
139
|
+
}
|
|
140
|
+
return inputs;
|
|
141
|
+
}
|
|
142
|
+
/** @internal */
|
|
143
|
+
_getRadios() {
|
|
144
|
+
return Array.from(this.querySelectorAll('btu-radio'));
|
|
145
|
+
}
|
|
146
|
+
/** @internal Push group state down to each child radio */
|
|
147
|
+
_syncRadios() {
|
|
148
|
+
const hasSelection = this.value != null && this.value !== '';
|
|
149
|
+
// With no selection, the first enabled radio must hold the single tabstop.
|
|
150
|
+
// Set it here (not just via _rovingFocus) so the pending re-render below,
|
|
151
|
+
// which reads _tabindex, doesn't overwrite the focused radio back to -1.
|
|
152
|
+
let tabstopAssigned = hasSelection;
|
|
153
|
+
this._getRadios().forEach(radio => {
|
|
154
|
+
radio.name = this.name;
|
|
155
|
+
radio.size = this.size;
|
|
156
|
+
radio._groupDisabled = this.disabled;
|
|
157
|
+
radio._groupRequired = this.required;
|
|
158
|
+
radio.checked = hasSelection && radio.value === this.value;
|
|
159
|
+
if (hasSelection) {
|
|
160
|
+
radio._tabindex = radio.value === this.value ? 0 : -1;
|
|
161
|
+
}
|
|
162
|
+
else if (!tabstopAssigned && !radio.disabled) {
|
|
163
|
+
radio._tabindex = 0;
|
|
164
|
+
tabstopAssigned = true;
|
|
165
|
+
}
|
|
166
|
+
else {
|
|
167
|
+
radio._tabindex = -1;
|
|
168
|
+
}
|
|
169
|
+
radio.requestUpdate();
|
|
170
|
+
});
|
|
171
|
+
}
|
|
172
|
+
/** @internal Select a value, sync children, and announce the change */
|
|
173
|
+
_selectValue(value) {
|
|
174
|
+
const radio = this._getRadios().find(r => r.value === value);
|
|
175
|
+
if (!radio || radio.disabled || this.disabled || value === this.value)
|
|
176
|
+
return;
|
|
177
|
+
this.value = value;
|
|
178
|
+
this._syncRadios();
|
|
179
|
+
this.emit('btu-radio-group-change', { value });
|
|
180
|
+
}
|
|
181
|
+
/** @internal */
|
|
182
|
+
_handleRadioChange(event) {
|
|
183
|
+
this._selectValue(event.detail.value);
|
|
184
|
+
}
|
|
185
|
+
/** @internal Select whichever enabled radio currently holds focus */
|
|
186
|
+
_selectFocusedRadio() {
|
|
187
|
+
const active = document.activeElement;
|
|
188
|
+
const radio = this._getRadios().find(r => r.querySelector('.btu-radio-input') === active);
|
|
189
|
+
if (radio?.value == null || radio.value === this.value)
|
|
190
|
+
return;
|
|
191
|
+
this._selectValue(radio.value);
|
|
192
|
+
// Keyboard selection is user-initiated too — emit the same per-radio event the click path does
|
|
193
|
+
radio.emit('btu-radio-change', { checked: true, value: radio.value });
|
|
194
|
+
}
|
|
195
|
+
/** @internal WAI-ARIA radio group: arrows move focus and select together */
|
|
196
|
+
_handleKeyDown(event) {
|
|
197
|
+
if (this.disabled)
|
|
198
|
+
return;
|
|
199
|
+
const next = this.orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';
|
|
200
|
+
const prev = this.orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';
|
|
201
|
+
switch (event.key) {
|
|
202
|
+
case next:
|
|
203
|
+
event.preventDefault();
|
|
204
|
+
this._rovingNext();
|
|
205
|
+
this._selectFocusedRadio();
|
|
206
|
+
break;
|
|
207
|
+
case prev:
|
|
208
|
+
event.preventDefault();
|
|
209
|
+
this._rovingPrev();
|
|
210
|
+
this._selectFocusedRadio();
|
|
211
|
+
break;
|
|
212
|
+
case 'Home':
|
|
213
|
+
event.preventDefault();
|
|
214
|
+
this._rovingFirst();
|
|
215
|
+
this._selectFocusedRadio();
|
|
216
|
+
break;
|
|
217
|
+
case 'End':
|
|
218
|
+
event.preventDefault();
|
|
219
|
+
this._rovingLast();
|
|
220
|
+
this._selectFocusedRadio();
|
|
221
|
+
break;
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
render() {
|
|
225
|
+
return html ``;
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
__decorate([
|
|
229
|
+
property()
|
|
230
|
+
], RadioGroup.prototype, "name", void 0);
|
|
231
|
+
__decorate([
|
|
232
|
+
property()
|
|
233
|
+
], RadioGroup.prototype, "value", void 0);
|
|
234
|
+
__decorate([
|
|
235
|
+
property({ reflect: true })
|
|
236
|
+
], RadioGroup.prototype, "orientation", void 0);
|
|
237
|
+
__decorate([
|
|
238
|
+
property({ reflect: true })
|
|
239
|
+
], RadioGroup.prototype, "size", void 0);
|
|
240
|
+
__decorate([
|
|
241
|
+
property({ type: Boolean, reflect: true })
|
|
242
|
+
], RadioGroup.prototype, "required", void 0);
|
|
243
|
+
__decorate([
|
|
244
|
+
property({ type: Boolean, reflect: true })
|
|
245
|
+
], RadioGroup.prototype, "disabled", void 0);
|
|
246
|
+
if (!customElements.get('btu-radio-group')) {
|
|
247
|
+
customElements.define('btu-radio-group', RadioGroup);
|
|
248
|
+
}
|
|
249
|
+
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/radio/RadioGroup.ts"],"names":[],"mappings":"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"}
|