@ui5/webcomponents 0.0.0-037d08c67

package/dist/RadioButton.js

@@ -0,0 +1,371 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var RadioButton_1;
+import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
+import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
+import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js";
+import { isSpace, isEnter, isDown, isLeft, isUp, isRight, } from "@ui5/webcomponents-base/dist/Keys.js";
+import RadioButtonGroup from "./RadioButtonGroup.js";
+// Template
+import RadioButtonTemplate from "./RadioButtonTemplate.js";
+// i18n
+import { VALUE_STATE_ERROR, VALUE_STATE_WARNING, VALUE_STATE_SUCCESS, VALUE_STATE_INFORMATION, FORM_SELECTABLE_REQUIRED2, } from "./generated/i18n/i18n-defaults.js";
+// Styles
+import radioButtonCss from "./generated/themes/RadioButton.css.js";
+let isGlobalHandlerAttached = false;
+let activeRadio;
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * The `ui5-radio-button` component enables users to select a single option from a set of options.
+ * When a `ui5-radio-button` is selected by the user, the
+ * `change` event is fired.
+ * When a `ui5-radio-button` that is within a group is selected, the one
+ * that was previously selected gets automatically deselected. You can group radio buttons by using the `name` property.
+ *
+ * **Note:** If `ui5-radio-button` is not part of a group, it can be selected once, but can not be deselected back.
+ *
+ * ### Keyboard Handling
+ *
+ * Once the `ui5-radio-button` is on focus, it might be selected by pressing the Space and Enter keys.
+ *
+ * The Arrow Down/Arrow Up and Arrow Left/Arrow Right keys can be used to change selection between next/previous radio buttons in one group,
+ * while TAB and SHIFT + TAB can be used to enter or leave the radio button group.
+ *
+ * **Note:** On entering radio button group, the focus goes to the currently selected radio button.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/RadioButton";`
+ * @constructor
+ * @extends UI5Element
+ * @public
+ * @csspart outer-ring - Used to style the outer ring of the `ui5-radio-button`.
+ * @csspart inner-ring - Used to style the inner ring of the `ui5-radio-button`.
+ */
+let RadioButton = RadioButton_1 = class RadioButton extends UI5Element {
+    get formValidityMessage() {
+        return RadioButton_1.i18nBundle.getText(FORM_SELECTABLE_REQUIRED2);
+    }
+    get formValidity() {
+        return { valueMissing: this._groupRequired && !this._groupChecked };
+    }
+    async formElementAnchor() {
+        return this.getFocusDomRefAsync();
+    }
+    get formFormattedValue() {
+        return this.checked ? (this.value || "on") : null;
+    }
+    constructor() {
+        super();
+        /**
+         * Defines whether the component is disabled.
+         *
+         * **Note:** A disabled component is completely noninteractive.
+         * @default false
+         * @public
+         */
+        this.disabled = false;
+        /**
+         * Defines whether the component is read-only.
+         *
+         * **Note:** A read-only component isn't editable or selectable.
+         * However, because it's focusable, it still provides visual feedback upon user interaction.
+         * @default false
+         * @public
+         */
+        this.readonly = false;
+        /**
+         * Defines whether the component is required.
+         * @default false
+         * @public
+         * @since 1.9.0
+         */
+        this.required = false;
+        /**
+         * Defines whether the component is checked or not.
+         *
+         * **Note:** The property value can be changed with user interaction,
+         * either by clicking/tapping on the component,
+         * or by using the Space or Enter key.
+         *
+         * **Note:** Only enabled radio buttons can be checked.
+         * Read-only radio buttons are not selectable, and therefore are always unchecked.
+         * @default false
+         * @formEvents change
+         * @formProperty
+         * @public
+         * @since 1.0.0-rc.15
+         */
+        this.checked = false;
+        /**
+         * Defines the value state of the component.
+         * @default "None"
+         * @public
+         */
+        this.valueState = "None";
+        /**
+         * Defines the form value of the component.
+         * When a form with a radio button group is submitted, the group's value
+         * will be the value of the currently selected radio button.
+         * @default ""
+         * @public
+         */
+        this.value = "";
+        /**
+         * Defines whether the component text wraps when there is not enough space.
+         *
+         * **Note:** for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
+         * @default "Normal"
+         * @public
+         */
+        this.wrappingType = "Normal";
+        /**
+         * Defines the active state (pressed or not) of the component.
+         * @default false
+         * @private
+         */
+        this.active = false;
+        /**
+         * Defines if the component is selected in specific group
+         * @default false
+         * @private
+         */
+        this._groupChecked = false;
+        this._groupRequired = false;
+        this._name = "";
+        this._checked = false;
+        this._deactivate = () => {
+            if (activeRadio) {
+                activeRadio.active = false;
+            }
+        };
+        if (!isGlobalHandlerAttached) {
+            document.addEventListener("mouseup", this._deactivate);
+            isGlobalHandlerAttached = true;
+        }
+    }
+    onAfterRendering() {
+        this.syncGroup();
+    }
+    onEnterDOM() {
+        if (isDesktop()) {
+            this.setAttribute("desktop", "");
+        }
+    }
+    onExitDOM() {
+        this.syncGroup(true);
+    }
+    syncGroup(forceRemove) {
+        const oldGroup = this._name;
+        const currentGroup = this.name;
+        const oldChecked = this._checked;
+        const currentChecked = this.checked;
+        if (forceRemove) {
+            RadioButtonGroup.removeFromGroup(this, oldGroup);
+        }
+        if (currentGroup !== oldGroup) {
+            if (oldGroup) {
+                // remove the control from the previous group
+                RadioButtonGroup.removeFromGroup(this, oldGroup);
+            }
+            if (currentGroup) {
+                // add the control to the existing group
+                RadioButtonGroup.addToGroup(this, currentGroup);
+            }
+        }
+        else if (currentGroup && this.isConnected) {
+            RadioButtonGroup.enforceSingleSelection(this, currentGroup);
+        }
+        if (this.name && currentChecked !== oldChecked) {
+            RadioButtonGroup.updateTabOrder(this.name);
+        }
+        this._name = this.name || "";
+        this._checked = this.checked;
+    }
+    _onclick() {
+        return this.toggle();
+    }
+    _handleDown(e) {
+        const currentGroup = this.name;
+        if (!currentGroup) {
+            return;
+        }
+        e.preventDefault();
+        RadioButtonGroup.selectNextItem(this, currentGroup);
+    }
+    _handleUp(e) {
+        const currentGroup = this.name;
+        if (!currentGroup) {
+            return;
+        }
+        e.preventDefault();
+        RadioButtonGroup.selectPreviousItem(this, currentGroup);
+    }
+    _onkeydown(e) {
+        if (isSpace(e)) {
+            this.active = true;
+            return e.preventDefault();
+        }
+        if (isEnter(e)) {
+            this.active = true;
+            return this.toggle();
+        }
+        const isRTL = this.effectiveDir === "rtl";
+        if (isDown(e) || (!isRTL && isRight(e)) || (isRTL && isLeft(e))) {
+            this._handleDown(e);
+        }
+        if (isUp(e) || (!isRTL && isLeft(e)) || (isRTL && isRight(e))) {
+            this._handleUp(e);
+        }
+    }
+    _onkeyup(e) {
+        if (isSpace(e)) {
+            this.toggle();
+        }
+        this.active = false;
+    }
+    _onmousedown() {
+        this.active = true;
+        activeRadio = this; // eslint-disable-line
+    }
+    _onmouseup() {
+        this.active = false;
+    }
+    _onfocusout() {
+        this.active = false;
+    }
+    toggle() {
+        if (!this.canToggle()) {
+            return this;
+        }
+        if (!this.name) {
+            this.checked = !this.checked;
+            this.fireDecoratorEvent("change");
+            return this;
+        }
+        RadioButtonGroup.selectItem(this, this.name);
+        return this;
+    }
+    canToggle() {
+        return !(this.disabled || this.readonly || this.checked);
+    }
+    get effectiveAriaDisabled() {
+        return (this.disabled || this.readonly) ? true : undefined;
+    }
+    get ariaLabelText() {
+        return [getEffectiveAriaLabelText(this), this.text].filter(Boolean).join(" ");
+    }
+    get effectiveAriaDescribedBy() {
+        return this.hasValueState ? `${this._id}-descr` : undefined;
+    }
+    get hasValueState() {
+        return this.valueState !== ValueState.None;
+    }
+    get valueStateText() {
+        switch (this.valueState) {
+            case ValueState.Negative:
+                return RadioButton_1.i18nBundle.getText(VALUE_STATE_ERROR);
+            case ValueState.Critical:
+                return RadioButton_1.i18nBundle.getText(VALUE_STATE_WARNING);
+            case ValueState.Positive:
+                return RadioButton_1.i18nBundle.getText(VALUE_STATE_SUCCESS);
+            case ValueState.Information:
+                return RadioButton_1.i18nBundle.getText(VALUE_STATE_INFORMATION);
+            default:
+                return "";
+        }
+    }
+    get effectiveTabIndex() {
+        const tabindex = this.getAttribute("tabindex");
+        if (this.disabled) {
+            return -1;
+        }
+        if (this.name) {
+            return this._tabIndex;
+        }
+        return tabindex ? parseInt(tabindex) : 0;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], RadioButton.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], RadioButton.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean })
+], RadioButton.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean })
+], RadioButton.prototype, "checked", void 0);
+__decorate([
+    property()
+], RadioButton.prototype, "text", void 0);
+__decorate([
+    property()
+], RadioButton.prototype, "valueState", void 0);
+__decorate([
+    property()
+], RadioButton.prototype, "name", void 0);
+__decorate([
+    property()
+], RadioButton.prototype, "value", void 0);
+__decorate([
+    property()
+], RadioButton.prototype, "wrappingType", void 0);
+__decorate([
+    property()
+], RadioButton.prototype, "accessibleName", void 0);
+__decorate([
+    property()
+], RadioButton.prototype, "accessibleNameRef", void 0);
+__decorate([
+    property({ type: Number })
+], RadioButton.prototype, "_tabIndex", void 0);
+__decorate([
+    property({ type: Boolean })
+], RadioButton.prototype, "active", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], RadioButton.prototype, "_groupChecked", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], RadioButton.prototype, "_groupRequired", void 0);
+__decorate([
+    i18n("@ui5/webcomponents")
+], RadioButton, "i18nBundle", void 0);
+RadioButton = RadioButton_1 = __decorate([
+    customElement({
+        tag: "ui5-radio-button",
+        languageAware: true,
+        formAssociated: true,
+        renderer: jsxRenderer,
+        template: RadioButtonTemplate,
+        styles: radioButtonCss,
+    })
+    /**
+     * Fired when the component checked state changes.
+     * @public
+     * @since 1.0.0-rc.15
+     */
+    ,
+    event("change", {
+        bubbles: true,
+    })
+], RadioButton);
+RadioButton.define();
+export default RadioButton;
+//# sourceMappingURL=RadioButton.js.map

package/dist/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../src/RadioButton.ts"],"names":[],"mappings":"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","sourcesContent":["import { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js\";\nimport type { IFormInputElement } from \"@ui5/webcomponents-base/dist/features/InputElementsFormSupport.js\";\nimport {\n\tisSpace,\n\tisEnter,\n\tisDown,\n\tisLeft,\n\tisUp,\n\tisRight,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport RadioButtonGroup from \"./RadioButtonGroup.js\";\nimport type WrappingType from \"./types/WrappingType.js\";\n\n// Template\nimport RadioButtonTemplate from \"./RadioButtonTemplate.js\";\n\n// i18n\nimport {\n\tVALUE_STATE_ERROR,\n\tVALUE_STATE_WARNING,\n\tVALUE_STATE_SUCCESS,\n\tVALUE_STATE_INFORMATION,\n\tFORM_SELECTABLE_REQUIRED2,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport radioButtonCss from \"./generated/themes/RadioButton.css.js\";\n\nlet isGlobalHandlerAttached = false;\nlet activeRadio: RadioButton;\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-radio-button` component enables users to select a single option from a set of options.\n * When a `ui5-radio-button` is selected by the user, the\n * `change` event is fired.\n * When a `ui5-radio-button` that is within a group is selected, the one\n * that was previously selected gets automatically deselected. You can group radio buttons by using the `name` property.\n *\n * **Note:** If `ui5-radio-button` is not part of a group, it can be selected once, but can not be deselected back.\n *\n * ### Keyboard Handling\n *\n * Once the `ui5-radio-button` is on focus, it might be selected by pressing the Space and Enter keys.\n *\n * The Arrow Down/Arrow Up and Arrow Left/Arrow Right keys can be used to change selection between next/previous radio buttons in one group,\n * while TAB and SHIFT + TAB can be used to enter or leave the radio button group.\n *\n * **Note:** On entering radio button group, the focus goes to the currently selected radio button.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/RadioButton\";`\n * @constructor\n * @extends UI5Element\n * @public\n * @csspart outer-ring - Used to style the outer ring of the `ui5-radio-button`.\n * @csspart inner-ring - Used to style the inner ring of the `ui5-radio-button`.\n */\n@customElement({\n\ttag: \"ui5-radio-button\",\n\tlanguageAware: true,\n\tformAssociated: true,\n\trenderer: jsxRenderer,\n\ttemplate: RadioButtonTemplate,\n\tstyles: radioButtonCss,\n})\n/**\n * Fired when the component checked state changes.\n * @public\n * @since 1.0.0-rc.15\n */\n@event(\"change\", {\n\tbubbles: true,\n})\n\nclass RadioButton extends UI5Element implements IFormInputElement {\n\teventDetails!: {\n\t\tchange: void,\n\t}\n\t/**\n\t * Defines whether the component is disabled.\n\t *\n\t * **Note:** A disabled component is completely noninteractive.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled = false;\n\n\t/**\n\t * Defines whether the component is read-only.\n\t *\n\t * **Note:** A read-only component isn't editable or selectable.\n\t * However, because it's focusable, it still provides visual feedback upon user interaction.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\treadonly = false;\n\n\t/**\n\t * Defines whether the component is required.\n\t * @default false\n\t * @public\n\t * @since 1.9.0\n\t */\n\t@property({ type: Boolean })\n\trequired = false;\n\n\t/**\n\t * Defines whether the component is checked or not.\n\t *\n\t * **Note:** The property value can be changed with user interaction,\n\t * either by clicking/tapping on the component,\n\t * or by using the Space or Enter key.\n\t *\n\t * **Note:** Only enabled radio buttons can be checked.\n\t * Read-only radio buttons are not selectable, and therefore are always unchecked.\n\t * @default false\n\t * @formEvents change\n\t * @formProperty\n\t * @public\n\t * @since 1.0.0-rc.15\n\t */\n\t@property({ type: Boolean })\n\tchecked = false;\n\n\t/**\n\t * Defines the text of the component.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\ttext?: string;\n\n\t/**\n\t * Defines the value state of the component.\n\t * @default \"None\"\n\t * @public\n\t */\n\t@property()\n\tvalueState: `${ValueState}` = \"None\";\n\n\t/**\n\t * Determines the name by which the component will be identified upon submission in an HTML form.\n\t *\n\t * Radio buttons with the same `name` will form a radio button group.\n\t *\n\t * **Note:** By this name the component will be identified upon submission in an HTML form.\n\t *\n\t * **Note:** The selection can be changed with `ARROW_UP/DOWN` and `ARROW_LEFT/RIGHT` keys between radio buttons in same group.\n\t *\n\t * **Note:** Only one radio button can be selected per group.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tname?: string;\n\n\t/**\n\t * Defines the form value of the component.\n\t * When a form with a radio button group is submitted, the group's value\n\t * will be the value of the currently selected radio button.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tvalue = \"\";\n\n\t/**\n\t * Defines whether the component text wraps when there is not enough space.\n\t *\n\t * **Note:** for option \"Normal\" the text will wrap and the words will not be broken based on hyphenation.\n\t * @default \"Normal\"\n\t * @public\n\t */\n\t@property()\n\twrappingType: `${WrappingType}` = \"Normal\";\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t * @default undefined\n\t * @public\n\t * @since 1.6.0\n\t */\n\t@property()\n\taccessibleName?: string;\n\n\t/**\n\t * Defines the IDs of the elements that label the component.\n\t * @default undefined\n\t * @public\n\t * @since 1.1.0\n\t */\n\t@property()\n\taccessibleNameRef?: string;\n\n\t@property({ type: Number })\n\t_tabIndex?: number;\n\n\t/**\n\t * Defines the active state (pressed or not) of the component.\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tactive = false;\n\n\t/**\n\t * Defines if the component is selected in specific group\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean, noAttribute: true })\n\t_groupChecked = false;\n\t@property({ type: Boolean, noAttribute: true })\n\t_groupRequired = false;\n\n\t_deactivate: () => void;\n\t_name = \"\";\n\t_checked = false;\n\n\tget formValidityMessage() {\n\t\treturn RadioButton.i18nBundle.getText(FORM_SELECTABLE_REQUIRED2);\n\t}\n\n\tget formValidity(): ValidityStateFlags {\n\t\treturn { valueMissing: this._groupRequired && !this._groupChecked };\n\t}\n\n\tasync formElementAnchor() {\n\t\treturn this.getFocusDomRefAsync();\n\t}\n\n\tget formFormattedValue() {\n\t\treturn this.checked ? (this.value || \"on\") : null;\n\t}\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._deactivate = () => {\n\t\t\tif (activeRadio) {\n\t\t\t\tactiveRadio.active = false;\n\t\t\t}\n\t\t};\n\n\t\tif (!isGlobalHandlerAttached) {\n\t\t\tdocument.addEventListener(\"mouseup\", this._deactivate);\n\t\t\tisGlobalHandlerAttached = true;\n\t\t}\n\t}\n\n\tonAfterRendering() {\n\t\tthis.syncGroup();\n\t}\n\n\tonEnterDOM() {\n\t\tif (isDesktop()) {\n\t\t\tthis.setAttribute(\"desktop\", \"\");\n\t\t}\n\t}\n\n\tonExitDOM() {\n\t\tthis.syncGroup(true);\n\t}\n\n\tsyncGroup(forceRemove?: boolean) {\n\t\tconst oldGroup = this._name;\n\t\tconst currentGroup = this.name;\n\t\tconst oldChecked = this._checked;\n\t\tconst currentChecked = this.checked;\n\n\t\tif (forceRemove) {\n\t\t\tRadioButtonGroup.removeFromGroup(this, oldGroup);\n\t\t}\n\n\t\tif (currentGroup !== oldGroup) {\n\t\t\tif (oldGroup) {\n\t\t\t\t// remove the control from the previous group\n\t\t\t\tRadioButtonGroup.removeFromGroup(this, oldGroup);\n\t\t\t}\n\n\t\t\tif (currentGroup) {\n\t\t\t\t// add the control to the existing group\n\t\t\t\tRadioButtonGroup.addToGroup(this, currentGroup);\n\t\t\t}\n\t\t} else if (currentGroup && this.isConnected) {\n\t\t\tRadioButtonGroup.enforceSingleSelection(this, currentGroup);\n\t\t}\n\n\t\tif (this.name && currentChecked !== oldChecked) {\n\t\t\tRadioButtonGroup.updateTabOrder(this.name);\n\t\t}\n\n\t\tthis._name = this.name || \"\";\n\t\tthis._checked = this.checked;\n\t}\n\n\t_onclick() {\n\t\treturn this.toggle();\n\t}\n\n\t_handleDown(e: KeyboardEvent) {\n\t\tconst currentGroup = this.name;\n\n\t\tif (!currentGroup) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\t\tRadioButtonGroup.selectNextItem(this, currentGroup);\n\t}\n\n\t_handleUp(e: KeyboardEvent) {\n\t\tconst currentGroup = this.name;\n\n\t\tif (!currentGroup) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\t\tRadioButtonGroup.selectPreviousItem(this, currentGroup);\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis.active = true;\n\t\t\treturn e.preventDefault();\n\t\t}\n\n\t\tif (isEnter(e)) {\n\t\t\tthis.active = true;\n\t\t\treturn this.toggle();\n\t\t}\n\n\t\tconst isRTL = this.effectiveDir === \"rtl\";\n\n\t\tif (isDown(e) || (!isRTL && isRight(e)) || (isRTL && isLeft(e))) {\n\t\t\tthis._handleDown(e);\n\t\t}\n\n\t\tif (isUp(e) || (!isRTL && isLeft(e)) || (isRTL && isRight(e))) {\n\t\t\tthis._handleUp(e);\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis.toggle();\n\t\t}\n\n\t\tthis.active = false;\n\t}\n\n\t_onmousedown() {\n\t\tthis.active = true;\n\t\tactiveRadio = this; // eslint-disable-line\n\t}\n\n\t_onmouseup() {\n\t\tthis.active = false;\n\t}\n\n\t_onfocusout() {\n\t\tthis.active = false;\n\t}\n\n\ttoggle() {\n\t\tif (!this.canToggle()) {\n\t\t\treturn this;\n\t\t}\n\n\t\tif (!this.name) {\n\t\t\tthis.checked = !this.checked;\n\t\t\tthis.fireDecoratorEvent(\"change\");\n\t\t\treturn this;\n\t\t}\n\n\t\tRadioButtonGroup.selectItem(this, this.name);\n\t\treturn this;\n\t}\n\n\tcanToggle() {\n\t\treturn !(this.disabled || this.readonly || this.checked);\n\t}\n\n\tget effectiveAriaDisabled() {\n\t\treturn (this.disabled || this.readonly) ? true : undefined;\n\t}\n\n\tget ariaLabelText() {\n\t\treturn [getEffectiveAriaLabelText(this), this.text].filter(Boolean).join(\" \");\n\t}\n\n\tget effectiveAriaDescribedBy() {\n\t\treturn this.hasValueState ? `${this._id}-descr` : undefined;\n\t}\n\n\tget hasValueState() {\n\t\treturn this.valueState !== ValueState.None;\n\t}\n\n\tget valueStateText() {\n\t\tswitch (this.valueState) {\n\t\tcase ValueState.Negative:\n\t\t\treturn RadioButton.i18nBundle.getText(VALUE_STATE_ERROR);\n\t\tcase ValueState.Critical:\n\t\t\treturn RadioButton.i18nBundle.getText(VALUE_STATE_WARNING);\n\t\tcase ValueState.Positive:\n\t\t\treturn RadioButton.i18nBundle.getText(VALUE_STATE_SUCCESS);\n\t\tcase ValueState.Information:\n\t\t\treturn RadioButton.i18nBundle.getText(VALUE_STATE_INFORMATION);\n\t\tdefault:\n\t\t\treturn \"\";\n\t\t}\n\t}\n\n\tget effectiveTabIndex() {\n\t\tconst tabindex = this.getAttribute(\"tabindex\");\n\n\t\tif (this.disabled) {\n\t\t\treturn -1;\n\t\t}\n\n\t\tif (this.name) {\n\t\t\treturn this._tabIndex;\n\t\t}\n\n\t\treturn tabindex ? parseInt(tabindex) : 0;\n\t}\n}\n\nRadioButton.define();\n\nexport default RadioButton;\n"]}

package/dist/RadioButtonGroup.d.ts

@@ -0,0 +1,26 @@
+import type RadioButton from "./RadioButton.js";
+declare class RadioButtonGroup {
+    static _groups: Map<string, Array<RadioButton>>;
+    static _checkedRadios: Map<string, RadioButton | null>;
+    static hasGroup(groupName: string): boolean;
+    static getGroup(groupName: string): RadioButton[] | undefined;
+    static getCheckedRadioFromGroup(groupName: string): RadioButton | null | undefined;
+    static removeGroup(groupName: string): boolean;
+    static addToGroup(radioBtn: RadioButton, groupName: string): void;
+    static removeFromGroup(radioBtn: RadioButton, groupName: string): void;
+    static createGroup(radioBtn: RadioButton, groupName: string): void;
+    static selectNextItem(item: RadioButton, groupName: string): void;
+    static updateFormValidity(groupName: string): void;
+    static updateTabOrder(groupName: string): void;
+    static selectPreviousItem(item: RadioButton, groupName: string): void;
+    static selectItem(item: RadioButton, groupName: string): void;
+    static updateSelectionInGroup(radioBtnToSelect: RadioButton, groupName: string): void;
+    static _deselectRadio(radioBtn: RadioButton): void;
+    static _selectRadio(radioBtn: RadioButton): void;
+    static _nextFocusable(pos: number, group: RadioButton[]): RadioButton | null;
+    static _previousFocusable(pos: number, group: RadioButton[]): RadioButton | null;
+    static enforceSingleSelection(radioBtn: RadioButton, groupName: string): void;
+    static get groups(): Map<string, RadioButton[]>;
+    static get checkedRadios(): Map<string, RadioButton | null>;
+}
+export default RadioButtonGroup;

package/dist/RadioButtonGroup.js

@@ -0,0 +1,227 @@
+import getActiveElement from "@ui5/webcomponents-base/dist/util/getActiveElement.js";
+class RadioButtonGroup {
+    static hasGroup(groupName) {
+        return this.groups.has(groupName);
+    }
+    static getGroup(groupName) {
+        return this.groups.get(groupName);
+    }
+    static getCheckedRadioFromGroup(groupName) {
+        return this.checkedRadios.get(groupName);
+    }
+    static removeGroup(groupName) {
+        this.checkedRadios.delete(groupName);
+        return this.groups.delete(groupName);
+    }
+    static addToGroup(radioBtn, groupName) {
+        if (this.hasGroup(groupName)) {
+            this.enforceSingleSelection(radioBtn, groupName);
+            if (this.getGroup(groupName)) {
+                this.getGroup(groupName).push(radioBtn);
+            }
+        }
+        else {
+            this.createGroup(radioBtn, groupName);
+        }
+        this.updateTabOrder(groupName);
+    }
+    static removeFromGroup(radioBtn, groupName) {
+        const group = this.getGroup(groupName);
+        if (!group) {
+            return;
+        }
+        const checkedRadio = this.getCheckedRadioFromGroup(groupName);
+        // Remove the radio button from the given group
+        group.forEach((_radioBtn, idx, arr) => {
+            if (radioBtn._id === _radioBtn._id) {
+                return arr.splice(idx, 1);
+            }
+        });
+        if (checkedRadio === radioBtn) {
+            this.checkedRadios.set(groupName, null);
+        }
+        // Remove the group if it is empty
+        if (!group.length) {
+            this.removeGroup(groupName);
+        }
+        this.updateTabOrder(groupName);
+    }
+    static createGroup(radioBtn, groupName) {
+        if (radioBtn.checked) {
+            this.checkedRadios.set(groupName, radioBtn);
+        }
+        this.groups.set(groupName, [radioBtn]);
+    }
+    static selectNextItem(item, groupName) {
+        const group = this.getGroup(groupName);
+        if (!group) {
+            return;
+        }
+        const groupLength = group.length, currentItemPosition = group.indexOf(item);
+        if (groupLength <= 1) {
+            return;
+        }
+        const nextItemToFocus = this._nextFocusable(currentItemPosition, group);
+        if (!nextItemToFocus) {
+            return;
+        }
+        this.updateSelectionInGroup(nextItemToFocus, groupName);
+    }
+    static updateFormValidity(groupName) {
+        const group = this.getGroup(groupName);
+        if (!group) {
+            return;
+        }
+        const hasRequired = group.some(r => r.required);
+        const hasChecked = group.some(r => r.checked);
+        group.forEach(r => {
+            r._groupChecked = hasChecked;
+            r._groupRequired = hasRequired;
+        });
+    }
+    static updateTabOrder(groupName) {
+        const group = this.getGroup(groupName);
+        if (!group) {
+            return;
+        }
+        const hasCheckedRadio = group.some(radioBtn => radioBtn.checked);
+        group.filter(radioBtn => !radioBtn.disabled).forEach((radioBtn, idx) => {
+            let activeElement = getActiveElement();
+            if (activeElement?.classList.contains("ui5-radio-root")) {
+                activeElement = activeElement.getRootNode();
+                if (activeElement instanceof ShadowRoot) {
+                    activeElement = activeElement.host;
+                }
+            }
+            if (hasCheckedRadio) {
+                if (activeElement?.hasAttribute("ui5-radio-button") && activeElement.readonly) {
+                    radioBtn._tabIndex = activeElement === radioBtn && radioBtn.readonly ? 0 : -1;
+                }
+                else {
+                    radioBtn._tabIndex = radioBtn.checked ? 0 : -1;
+                }
+            }
+            else {
+                radioBtn._tabIndex = idx === 0 ? 0 : -1;
+            }
+        });
+    }
+    static selectPreviousItem(item, groupName) {
+        const group = this.getGroup(groupName);
+        if (!group) {
+            return;
+        }
+        const groupLength = group.length, currentItemPosition = group.indexOf(item);
+        if (groupLength <= 1) {
+            return;
+        }
+        const previousItemToFocus = this._previousFocusable(currentItemPosition, group);
+        if (!previousItemToFocus) {
+            return;
+        }
+        this.updateSelectionInGroup(previousItemToFocus, groupName);
+    }
+    static selectItem(item, groupName) {
+        this.updateSelectionInGroup(item, groupName);
+        this.updateTabOrder(groupName);
+        this.updateFormValidity(groupName);
+    }
+    static updateSelectionInGroup(radioBtnToSelect, groupName) {
+        const checkedRadio = this.getCheckedRadioFromGroup(groupName);
+        if (checkedRadio && !radioBtnToSelect.readonly) {
+            this._deselectRadio(checkedRadio);
+            this.checkedRadios.set(groupName, radioBtnToSelect);
+        }
+        // the focusable radio buttons are the enabled and the read-only ones, but only the enabled are selectable
+        if (radioBtnToSelect) {
+            radioBtnToSelect.focus();
+            if (!radioBtnToSelect.readonly) {
+                this._selectRadio(radioBtnToSelect);
+            }
+            else {
+                // Ensure updateTabOrder is called after focus
+                setTimeout(() => {
+                    this.updateTabOrder(groupName);
+                }, 0);
+            }
+        }
+    }
+    static _deselectRadio(radioBtn) {
+        if (radioBtn) {
+            radioBtn.checked = false;
+        }
+    }
+    static _selectRadio(radioBtn) {
+        radioBtn.checked = true;
+        radioBtn._checked = true;
+        radioBtn.fireDecoratorEvent("change");
+    }
+    static _nextFocusable(pos, group) {
+        if (!group) {
+            return null;
+        }
+        const groupLength = group.length;
+        let nextRadioToFocus = null;
+        if (pos === groupLength - 1) {
+            if (group[0].disabled) {
+                return this._nextFocusable(1, group);
+            }
+            nextRadioToFocus = group[0];
+        }
+        else if (group[pos + 1].disabled) {
+            return this._nextFocusable(pos + 1, group);
+        }
+        else {
+            nextRadioToFocus = group[pos + 1];
+        }
+        return nextRadioToFocus;
+    }
+    static _previousFocusable(pos, group) {
+        const groupLength = group.length;
+        let previousRadioToFocus = null;
+        if (pos === 0) {
+            if (group[groupLength - 1].disabled) {
+                return this._previousFocusable(groupLength - 1, group);
+            }
+            previousRadioToFocus = group[groupLength - 1];
+        }
+        else if (group[pos - 1].disabled) {
+            return this._previousFocusable(pos - 1, group);
+        }
+        else {
+            previousRadioToFocus = group[pos - 1];
+        }
+        return previousRadioToFocus;
+    }
+    static enforceSingleSelection(radioBtn, groupName) {
+        const checkedRadio = this.getCheckedRadioFromGroup(groupName);
+        if (radioBtn.checked) {
+            if (!checkedRadio) {
+                this.checkedRadios.set(groupName, radioBtn);
+            }
+            else if (radioBtn !== checkedRadio) {
+                this._deselectRadio(checkedRadio);
+                this.checkedRadios.set(groupName, radioBtn);
+            }
+        }
+        else if (radioBtn === checkedRadio) {
+            this.checkedRadios.set(groupName, null);
+        }
+        this.updateTabOrder(groupName);
+        this.updateFormValidity(groupName);
+    }
+    static get groups() {
+        if (!this._groups) {
+            this._groups = new Map();
+        }
+        return this._groups;
+    }
+    static get checkedRadios() {
+        if (!this._checkedRadios) {
+            this._checkedRadios = new Map();
+        }
+        return this._checkedRadios;
+    }
+}
+export default RadioButtonGroup;
+//# sourceMappingURL=RadioButtonGroup.js.map