@fluentui/web-components 3.0.0-rc.3 → 3.0.0-rc.30

package/dist/esm/radio-group/radio-group.js

@@ -1,508 +1,37 @@
-import { __decorate } from "tslib";
-import { attr, FASTElement, Observable, observable, Updates } from '@microsoft/fast-element';
-import { findLastIndex } from '@microsoft/fast-web-utilities';
-import { Radio } from '../radio/radio.js';
-import { getDirection } from '../utils/direction.js';
-import { getRootActiveElement } from '../utils/root-active-element.js';
-import { RadioGroupOrientation } from './radio-group.options.js';
+import { FocusGroup } from '@microsoft/focusgroup-polyfill/shadowless';
+import { ArrayItemCollection } from '../utils/focusgroup.js';
+import { BaseRadioGroup } from './radio-group.base.js';
 /**
  * A Radio Group Custom HTML Element.
  * Implements the {@link https://w3c.github.io/aria/#radiogroup | ARIA `radiogroup` role}.
  *
  * @tag fluent-radio-group
  *
- * @public
- *
  * @slot - The default slot for the radio group
+ * @fires { Event } change - Fired when the selected radio changes.
+ *
+ * @public
  */
-export class RadioGroup extends FASTElement {
-    /**
-     * Sets the checked state of the nearest enabled radio when the `checkedIndex` changes.
-     *
-     * @param prev - the previous index
-     * @param next - the current index
-     * @internal
-     */
-    checkedIndexChanged(prev, next) {
-        if (!this.enabledRadios) {
-            return;
-        }
-        this.checkRadio(next);
-    }
-    /**
-     * Sets the `disabled` attribute on all child radios when the `disabled` property changes.
-     *
-     * @param prev - the previous disabled value
-     * @param next - the current disabled value
-     * @internal
-     */
-    disabledChanged(prev, next) {
-        if (this.$fastController.isConnected) {
-            this.checkedIndex = -1;
-            this.radios?.forEach(radio => {
-                radio.disabled = !!radio.disabledAttribute || !!this.disabled;
-            });
-            this.restrictFocus();
-        }
-    }
-    /**
-     * Sets the matching radio to checked when the value changes. If no radio matches the value, no radio will be checked.
-     *
-     * @param prev - the previous value
-     * @param next - the current value
-     */
-    initialValueChanged(prev, next) {
-        this.value = next ?? '';
+export class RadioGroup extends BaseRadioGroup {
+    disconnectedCallback() {
+        this.fg?.disconnect();
+        super.disconnectedCallback();
     }
-    /**
-     * Sets the `name` attribute on all child radios when the `name` property changes.
-     *
-     * @internal
-     */
-    nameChanged(prev, next) {
-        if (this.isConnected && next) {
-            this.radios?.forEach(radio => {
-                radio.name = this.name;
-            });
-        }
-    }
-    /**
-     * Sets the ariaOrientation attribute when the orientation changes.
-     *
-     * @param prev - the previous orientation
-     * @param next - the current orientation
-     * @internal
-     */
-    orientationChanged(prev, next) {
-        this.elementInternals.ariaOrientation = this.orientation ?? RadioGroupOrientation.horizontal;
-    }
-    /**
-     * Updates the enabled radios collection when properties on the child radios change.
-     *
-     * @param prev - the previous radios
-     * @param next - the current radios
-     */
     radiosChanged(prev, next) {
-        const setSize = next?.length;
-        if (!setSize) {
-            return;
-        }
-        if (!this.name && next.every(x => x.name === next[0].name)) {
-            this.name = next[0].name;
-        }
-        const checkedIndex = findLastIndex(this.enabledRadios, x => x.initialChecked);
-        next.forEach((radio, index) => {
-            radio.ariaPosInSet = `${index + 1}`;
-            radio.ariaSetSize = `${setSize}`;
-            if (this.initialValue && !this.dirtyState) {
-                radio.checked = radio.value === this.initialValue;
-            }
-            else {
-                radio.checked = index === checkedIndex;
-            }
-            radio.name = this.name ?? radio.name;
-            radio.disabled = !!this.disabled || !!radio.disabledAttribute;
-        });
-        if (!this.dirtyState && this.initialValue) {
-            this.value = this.initialValue;
-        }
-        if (!this.value ||
-            // This logic covers the case when the RadioGroup doesn't have a `value`
-            // attribute, but does have a checked child Radio. Without this condition,
-            // the checked Radio's value will be assigned to `this.value`, and
-            // `checkedIndex` will be the checked Radio's index, but `this.checkedIndex`
-            // will remain `undefined`, which would cause the RadioGroup to add
-            // `tabindex=-1` to the checked Radio, and effectively makes the whole
-            // RadioGroup unfocusable.
-            (this.value && typeof this.checkedIndex !== 'number' && checkedIndex >= 0)) {
-            // TODO: Switch to standard `Array.findLastIndex` when TypeScript 5 is available
-            this.checkedIndex = checkedIndex;
-        }
-        // prettier-ignore
-        const radioIds = next.map(radio => radio.id).join(' ').trim();
-        if (radioIds) {
-            this.setAttribute('aria-owns', radioIds);
-        }
-        Updates.enqueue(() => {
-            this.restrictFocus();
-        });
-    }
-    /**
-     *
-     * @param prev - the previous required value
-     * @param next - the current required value
-     */
-    requiredChanged(prev, next) {
-        this.elementInternals.ariaRequired = next ? 'true' : null;
-        this.setValidity();
-    }
-    /**
-     * A collection of child radios that are not disabled.
-     *
-     * @internal
-     */
-    get enabledRadios() {
-        if (this.disabled) {
-            return [];
-        }
-        return this.radios?.filter(x => !x.disabled) ?? [];
-    }
-    /**
-     * The form-associated flag.
-     * @see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example | Form-associated custom elements}
-     *
-     * @public
-     */
-    static { this.formAssociated = true; }
-    /**
-     * The validation message. Uses the browser's default validation message for native checkboxes if not otherwise
-     * specified (e.g., via `setCustomValidity`).
-     *
-     * @internal
-     */
-    get validationMessage() {
-        if (this.elementInternals.validationMessage) {
-            return this.elementInternals.validationMessage;
-        }
-        if (this.enabledRadios?.[0]?.validationMessage) {
-            return this.enabledRadios[0].validationMessage;
-        }
-        if (!this._validationFallbackMessage) {
-            const validationMessageFallbackControl = document.createElement('input');
-            validationMessageFallbackControl.type = 'radio';
-            validationMessageFallbackControl.required = true;
-            validationMessageFallbackControl.checked = false;
-            this._validationFallbackMessage = validationMessageFallbackControl.validationMessage;
-        }
-        return this._validationFallbackMessage;
-    }
-    /**
-     * The element's validity state.
-     *
-     * @public
-     * @remarks
-     * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/validity | `ElementInternals.validity`} property.
-     */
-    get validity() {
-        return this.elementInternals.validity;
-    }
-    /**
-     * The current value of the checked radio.
-     *
-     * @public
-     */
-    get value() {
-        Observable.notify(this, 'value');
-        return this.enabledRadios.find(x => x.checked)?.value ?? null;
-    }
-    set value(next) {
-        const index = this.enabledRadios.findIndex(x => x.value === next);
-        this.checkedIndex = index;
-        if (this.$fastController.isConnected) {
-            this.setFormValue(next);
-            this.setValidity();
-        }
-        Observable.track(this, 'value');
-    }
-    /**
-     * Sets the checked state of all radios when any radio emits a `change` event.
-     *
-     * @param e - the change event
-     */
-    changeHandler(e) {
-        if (this === e.target) {
-            return true;
-        }
-        this.dirtyState = true;
-        const radioIndex = this.enabledRadios.indexOf(e.target);
-        this.checkRadio(radioIndex);
-        this.radios
-            ?.filter(x => x.disabled)
-            ?.forEach(item => {
-            item.checked = false;
-        });
-        return true;
-    }
-    /**
-     * Checks the radio at the specified index.
-     *
-     * @param index - the index of the radio to check
-     * @internal
-     */
-    checkRadio(index = this.checkedIndex, shouldEmit = false) {
-        let checkedIndex = this.checkedIndex;
-        this.enabledRadios.forEach((item, i) => {
-            const shouldCheck = i === index;
-            item.checked = shouldCheck;
-            if (shouldCheck) {
-                checkedIndex = i;
-                if (shouldEmit) {
-                    item.$emit('change');
-                }
-            }
-        });
-        this.checkedIndex = checkedIndex;
-        this.setFormValue(this.value);
-        this.setValidity();
-    }
-    /**
-     * Checks the validity of the element and returns the result.
-     *
-     * @public
-     * @remarks
-     * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/checkValidity | `HTMLInputElement.checkValidity()`} method.
-     */
-    checkValidity() {
-        return this.elementInternals.checkValidity();
-    }
-    /**
-     * Handles click events for the radio group.
-     *
-     * @param e - the click event
-     * @internal
-     */
-    clickHandler(e) {
-        if (this === e.target) {
-            this.enabledRadios[Math.max(0, this.checkedIndex)]?.focus();
-        }
-        return true;
-    }
-    constructor() {
-        super();
-        /**
-         * Indicates that the value has been changed by the user.
-         */
-        this.dirtyState = false;
-        /**
-         * Disables the radio group and child radios.
-         *
-         * @public
-         * @remarks
-         * HTML Attribute: `disabled`
-         */
-        this.disabled = false;
-        /**
-         * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-         *
-         * @internal
-         */
-        this.elementInternals = this.attachInternals();
-        this.elementInternals.role = 'radiogroup';
-        this.elementInternals.ariaOrientation = this.orientation ?? RadioGroupOrientation.horizontal;
-    }
-    /**
-     * Focuses the checked radio or the first enabled radio.
-     *
-     * @internal
-     */
-    focus() {
-        this.enabledRadios[Math.max(0, this.checkedIndex)]?.focus();
-    }
-    /**
-     * Enables tabbing through the radio group when the group receives focus.
-     *
-     * @param e - the focus event
-     * @internal
-     */
-    focusinHandler(e) {
-        if (!this.disabled) {
-            this.enabledRadios.forEach(radio => {
-                radio.tabIndex = 0;
+        super.radiosChanged(prev, next);
+        this.fgItems ??= new ArrayItemCollection(() => this.enabledRadios?.filter(r => !r.hidden) ?? [], () => this.enabledRadios?.find(r => r.checked) ?? null);
+        if (!this.fg) {
+            this.fg = new FocusGroup(this, this.fgItems, {
+                definition: {
+                    behavior: 'radiogroup',
+                    axis: undefined,
+                    wrap: true,
+                },
             });
         }
-        return true;
-    }
-    /**
-     * Sets the tabindex of the radios based on the checked state when the radio group loses focus.
-     *
-     * @param e - the focusout event
-     * @internal
-     */
-    focusoutHandler(e) {
-        if (this.radios?.includes(e.relatedTarget) && this.radios?.some(x => x.checked)) {
-            this.restrictFocus();
-        }
-        return true;
-    }
-    formResetCallback() {
-        this.dirtyState = false;
-        this.checkedIndex = -1;
-        this.setFormValue(this.value);
-        this.setValidity();
-    }
-    getEnabledIndexInBounds(index, upperBound = this.enabledRadios.length) {
-        if (upperBound === 0) {
-            return -1;
+        else {
+            this.fg.update();
         }
-        return (index + upperBound) % upperBound;
-    }
-    /**
-     * Handles keydown events for the radio group.
-     *
-     * @param e - the keyboard event
-     * @internal
-     */
-    keydownHandler(e) {
-        const isRtl = getDirection(this) === 'rtl';
-        const checkedIndex = this.enabledRadios.findIndex(x => x === getRootActiveElement(this)) ?? this.checkedIndex;
-        let increment = 0;
-        switch (e.key) {
-            case 'ArrowLeft': {
-                increment = isRtl ? 1 : -1;
-                break;
-            }
-            case 'ArrowUp': {
-                increment = -1;
-                break;
-            }
-            case 'ArrowRight': {
-                increment = isRtl ? -1 : 1;
-                break;
-            }
-            case 'ArrowDown': {
-                increment = 1;
-                break;
-            }
-            case 'Tab': {
-                this.restrictFocus();
-                break;
-            }
-            case ' ': {
-                this.checkRadio();
-                break;
-            }
-        }
-        if (!increment) {
-            return true;
-        }
-        const nextIndex = checkedIndex + increment;
-        this.checkRadio(this.getEnabledIndexInBounds(nextIndex), true);
-        this.enabledRadios[this.checkedIndex]?.focus();
-    }
-    /**
-     *
-     * @param e - the disabled event
-     */
-    disabledRadioHandler(e) {
-        if (e.detail === true && e.target.checked) {
-            this.checkedIndex = -1;
-        }
-    }
-    /**
-     * Reports the validity of the element.
-     *
-     * @public
-     * @remarks
-     * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/reportValidity | `HTMLInputElement.reportValidity()`} method.
-     */
-    reportValidity() {
-        return this.elementInternals.reportValidity();
-    }
-    /**
-     * Resets the `tabIndex` for all child radios when the radio group loses focus.
-     *
-     * @internal
-     */
-    restrictFocus() {
-        let activeIndex = Math.max(this.checkedIndex, 0);
-        const focusedRadioIndex = this.enabledRadios.indexOf(getRootActiveElement(this));
-        if (focusedRadioIndex !== -1) {
-            activeIndex = focusedRadioIndex;
-        }
-        activeIndex = this.getEnabledIndexInBounds(activeIndex);
-        this.enabledRadios.forEach((item, index) => {
-            item.tabIndex = index === activeIndex ? 0 : -1;
-        });
-    }
-    /**
-     * Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/setFormValue | `ElementInternals.setFormValue()`} method.
-     *
-     * @internal
-     */
-    setFormValue(value, state) {
-        this.elementInternals.setFormValue(value, value ?? state);
-    }
-    /**
-     * Sets the validity of the element.
-     *
-     * @param flags - Validity flags to set.
-     * @param message - Optional message to supply. If not provided, the element's `validationMessage` will be used.
-     * @param anchor - Optional anchor to use for the validation message.
-     *
-     * @internal
-     * @remarks
-     * RadioGroup validation is reported through the individual Radio elements rather than the RadioGroup itself.
-     * This is necessary because:
-     * 1. Each Radio is form-associated (extends BaseCheckbox which has `formAssociated = true`)
-     * 2. Browser validation UIs and screen readers announce validation against individual form controls
-     * 3. For groups like RadioGroup, the browser needs to report the error on a specific member of the group
-     * 4. We anchor the error to the first Radio so it receives focus and announcement
-     *
-     * When the group is invalid (required but no selection):
-     * - Only the first Radio gets the invalid state with the validation message
-     * - Other Radios are kept valid since selecting any of them would satisfy the requirement
-     *
-     * When the group becomes valid (user selects any Radio):
-     * - All Radios are cleared back to valid state
-     * - This allows form submission to proceed
-     */
-    setValidity(flags, message, anchor) {
-        if (this.$fastController.isConnected) {
-            // Always check if still required and has no value
-            const isInvalid = this.required && !this.value && !this.disabled;
-            if (!isInvalid) {
-                // Clear validity on all radios when group is valid
-                this.enabledRadios?.forEach(radio => {
-                    radio.elementInternals.setValidity({});
-                });
-                return;
-            }
-            // Group is invalid - set error only on first enabled radio for announcement
-            const validationFlags = { valueMissing: true, ...flags };
-            const validationMessage = message ?? this.validationMessage;
-            this.enabledRadios?.forEach((radio, index) => {
-                if (index === 0) {
-                    // Only the first radio shows the validation error for screen reader announcement
-                    radio.elementInternals.setValidity(validationFlags, validationMessage, radio);
-                }
-                else {
-                    // Other radios are valid (they're just not selected yet)
-                    radio.elementInternals.setValidity({});
-                }
-            });
-        }
-    }
-    /**
-     * Updates the collection of child radios when the slot changes.
-     *
-     * @param e - the slot change event
-     * @internal
-     */
-    slotchangeHandler(e) {
-        Updates.enqueue(() => {
-            this.radios = [...this.querySelectorAll('*')].filter(x => x instanceof Radio);
-        });
     }
 }
-__decorate([
-    observable
-], RadioGroup.prototype, "checkedIndex", void 0);
-__decorate([
-    attr({ attribute: 'disabled', mode: 'boolean' })
-], RadioGroup.prototype, "disabled", void 0);
-__decorate([
-    attr({ attribute: 'value', mode: 'fromView' })
-], RadioGroup.prototype, "initialValue", void 0);
-__decorate([
-    attr
-], RadioGroup.prototype, "name", void 0);
-__decorate([
-    attr
-], RadioGroup.prototype, "orientation", void 0);
-__decorate([
-    observable
-], RadioGroup.prototype, "radios", void 0);
-__decorate([
-    attr({ mode: 'boolean' })
-], RadioGroup.prototype, "required", void 0);
 //# sourceMappingURL=radio-group.js.map

package/dist/esm/radio-group/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;GAUG;AACH,MAAM,OAAO,UAAW,SAAQ,cAAc;IAK5C,oBAAoB;QAClB,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC;QACtB,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAEM,aAAa,CAAC,IAAyB,EAAE,IAAyB;QACvE,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAEhC,IAAI,CAAC,OAAO,KAAK,IAAI,mBAAmB,CACtC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,EACtD,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,CACvD,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YACb,IAAI,CAAC,EAAE,GAAG,IAAI,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE;gBAC3C,UAAU,EAAE;oBACV,QAAQ,EAAE,YAAY;oBACtB,IAAI,EAAE,SAAS;oBACf,IAAI,EAAE,IAAI;iBACX;aACF,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC;QACnB,CAAC;IACH,CAAC;CACF"}

package/dist/esm/radio-group/radio-group.options.d.ts

@@ -1,4 +1,4 @@
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 /**
  * Radio Group orientation
  * @public
@@ -12,3 +12,9 @@ export declare const RadioGroupOrientation: {
  * @public
  */
 export type RadioGroupOrientation = ValuesOf<typeof RadioGroupOrientation>;
+/**
+ * The tag name for the radio group element.
+ *
+ * @public
+ */
+export declare const tagName: "fluent-radio-group";

package/dist/esm/radio-group/radio-group.options.js

@@ -1,7 +1,14 @@
-import { Orientation } from '@microsoft/fast-web-utilities';
+import { Orientation } from '../utils/orientation.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 /**
  * Radio Group orientation
  * @public
  */
 export const RadioGroupOrientation = Orientation;
+/**
+ * The tag name for the radio group element.
+ *
+ * @public
+ */
+export const tagName = `${FluentDesignSystem.prefix}-radio-group`;
 //# sourceMappingURL=radio-group.options.js.map

package/dist/esm/radio-group/radio-group.options.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.options.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAG5D;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC"}
+{"version":3,"file":"radio-group.options.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC;AAQjD;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,kBAAkB,CAAC,MAAM,cAAuB,CAAC"}

package/dist/esm/radio-group/radio-group.styles.css

@@ -0,0 +1,45 @@
+:host([hidden]) {
+  display: none;
+}
+:host {
+  display: flex;
+}
+
+:host {
+  -webkit-tap-highlight-color: transparent;
+  cursor: pointer;
+  gap: var(--spacingVerticalL);
+}
+
+:host([orientation='vertical']) {
+  flex-direction: column;
+  justify-content: flex-start;
+}
+
+:host([orientation='horizontal']) {
+  flex-direction: row;
+}
+
+::slotted(*) {
+  color: var(--colorNeutralForeground3);
+}
+
+::slotted(:hover) {
+  color: var(--colorNeutralForeground2);
+}
+
+::slotted(:active) {
+  color: var(--colorNeutralForeground1);
+}
+
+::slotted(:state(disabled)) {
+  color: var(--colorNeutralForegroundDisabled);
+}
+
+::slotted(:state(checked)) {
+  color: var(--colorNeutralForeground1);
+}
+
+:host([slot='input']) {
+  margin: var(--spacingVerticalS) var(--spacingHorizontalS);
+}

package/dist/esm/radio-group/radio-group.styles.js

@@ -1,7 +1,7 @@
 import { css } from '@microsoft/fast-element';
 import { checkedState, disabledState } from '../styles/states/index.js';
 import { colorNeutralForeground1, colorNeutralForeground2, colorNeutralForeground3, colorNeutralForegroundDisabled, spacingHorizontalS, spacingVerticalL, spacingVerticalS, } from '../theme/design-tokens.js';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 /** RadioGroup styles
  * @public
  */

package/dist/esm/radio-group/radio-group.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.styles.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;WAKR,gBAAgB;;;;;;;;;;;;;aAad,uBAAuB;;;;aAIvB,uBAAuB;;;;aAIvB,uBAAuB;;;cAGtB,aAAa;aACd,8BAA8B;;;cAG7B,YAAY;aACb,uBAAuB;;;;cAItB,gBAAgB,IAAI,kBAAkB;;CAEnD,CAAC"}
+{"version":3,"file":"radio-group.styles.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;WAKR,gBAAgB;;;;;;;;;;;;;aAad,uBAAuB;;;;aAIvB,uBAAuB;;;;aAIvB,uBAAuB;;;cAGtB,aAAa;aACd,8BAA8B;;;cAG7B,YAAY;aACb,uBAAuB;;;;cAItB,gBAAgB,IAAI,kBAAkB;;CAEnD,CAAC"}

package/dist/esm/radio-group/radio-group.template.html

@@ -0,0 +1,13 @@
+<f-template name="fluent-radio-group" shadowrootmode="open">
+  <template
+    focusgroup="radiogroup wrap"
+    @disabled="{disabledRadioHandler($e)}"
+    @change="{changeHandler($e)}"
+    @click="{clickHandler($e)}"
+    @focusin="{focusinHandler($e)}"
+    @keydown="{keydownHandler($e)}"
+  >
+    {{styles}}
+    <slot f-slotted="{slottedRadios}"></slot>
+  </template>
+</f-template>