@spectrum-web-components/radio 0.10.0-devmode.0 → 0.10.0

package/stories/radio.stories.js

@@ -1,139 +1,31 @@
-import { html } from "@spectrum-web-components/base";
-import "@spectrum-web-components/radio/sp-radio.js";
-import "@spectrum-web-components/radio/sp-radio-group.js";
-import { spreadProps } from "../../../test/lit-helpers.js";
-export default {
-  component: "sp-radio",
-  title: "Radio",
-  argTypes: {
-    checked: {
-      name: "checked",
-      type: { name: "boolean", required: false },
-      description: "Represents when the input is checked",
-      table: {
-        type: { summary: "boolean" },
-        defaultValue: { summary: false }
-      },
-      control: "boolean"
-    },
-    disabled: {
-      name: "disabled",
-      type: { name: "boolean", required: false },
-      description: "Disable this control. It will not receive focus or events.",
-      table: {
-        type: { summary: "boolean" },
-        defaultValue: { summary: false }
-      },
-      control: {
-        type: "boolean"
-      }
-    },
-    emphasized: {
-      name: "emphasized",
-      type: { name: "boolean", required: false },
-      description: "Set the button's state to emphasized.",
-      table: {
-        type: { summary: "boolean" },
-        defaultValue: { summary: false }
-      },
-      control: {
-        type: "boolean"
-      }
-    },
-    invalid: {
-      name: "invalid",
-      type: { name: "boolean", required: false },
-      table: {
-        type: { summary: "boolean" },
-        defaultValue: { summary: false }
-      },
-      control: {
-        type: "boolean"
-      }
-    }
-  },
-  args: {
-    checked: false,
-    disabled: false,
-    emphasized: false,
-    invalid: false
-  }
-};
-function renderRadio(args) {
-  return html`
-        <sp-radio ${spreadProps(args)}>Radio</sp-radio>
-    `;
-}
-export const Default = (args) => renderRadio(args);
-export const readonly = (args) => renderRadio({
-  ...args,
-  readonly: true
-});
-readonly.args = {
-  checked: true
-};
-export const Emphasized = (args) => renderRadio(args);
-Emphasized.args = {
-  checked: true,
-  emphasized: true
-};
-export const Autofocus = (args) => {
-  return html`
-        <sp-radio autofocus ${spreadProps(args)}>Radio</sp-radio>
-    `;
-};
-export const Invalid = (args) => renderRadio(args);
-Invalid.args = {
-  invalid: true
-};
-export const Disabled = (args) => renderRadio(args);
-Disabled.args = {
-  disabled: true
-};
-export const labelBelow = (args) => {
-  return html`
-        <sp-radio label-below ${spreadProps(args)}>Radio</sp-radio>
-    `;
-};
-labelBelow.storyName = "Label below";
-const values = {
-  first: 1,
-  second: 2,
-  third: 3,
-  fourth: 4
-};
-export const groupExample = () => {
-  return html`
+import{html as a}from"@spectrum-web-components/base";import"@spectrum-web-components/radio/sp-radio.js";import"@spectrum-web-components/radio/sp-radio-group.js";import{spreadProps as t}from"../../../test/lit-helpers.js";export default{component:"sp-radio",title:"Radio",argTypes:{checked:{name:"checked",type:{name:"boolean",required:!1},description:"Represents when the input is checked",table:{type:{summary:"boolean"},defaultValue:{summary:!1}},control:"boolean"},disabled:{name:"disabled",type:{name:"boolean",required:!1},description:"Disable this control. It will not receive focus or events.",table:{type:{summary:"boolean"},defaultValue:{summary:!1}},control:{type:"boolean"}},emphasized:{name:"emphasized",type:{name:"boolean",required:!1},description:"Set the button's state to emphasized.",table:{type:{summary:"boolean"},defaultValue:{summary:!1}},control:{type:"boolean"}},invalid:{name:"invalid",type:{name:"boolean",required:!1},table:{type:{summary:"boolean"},defaultValue:{summary:!1}},control:{type:"boolean"}}},args:{checked:!1,disabled:!1,emphasized:!1,invalid:!1}};function o(e){return a`
+        <sp-radio ${t(e)}>Radio</sp-radio>
+    `}export const Default=e=>o(e),readonly=e=>o({...e,readonly:!0});readonly.args={checked:!0};export const Emphasized=e=>o(e);Emphasized.args={checked:!0,emphasized:!0};export const Autofocus=e=>a`
+        <sp-radio autofocus ${t(e)}>Radio</sp-radio>
+    `,Invalid=e=>o(e);Invalid.args={invalid:!0};export const Disabled=e=>o(e);Disabled.args={disabled:!0};export const labelBelow=e=>a`
+        <sp-radio label-below ${t(e)}>Radio</sp-radio>
+    `;labelBelow.storyName="Label below";const r={first:1,second:2,third:3,fourth:4};export const groupExample=()=>a`
         <sp-radio-group vertical selected="1" name="group-example">
-            <sp-radio value=${values.first}>Option 1</sp-radio>
-            <sp-radio value=${values.second}>Option 2</sp-radio>
-            <sp-radio value=${values.third}>Option 3</sp-radio>
-            <sp-radio value=${values.fourth}>Option 4</sp-radio>
+            <sp-radio value=${r.first}>Option 1</sp-radio>
+            <sp-radio value=${r.second}>Option 2</sp-radio>
+            <sp-radio value=${r.third}>Option 3</sp-radio>
+            <sp-radio value=${r.fourth}>Option 4</sp-radio>
         </sp-radio-group>
-    `;
-};
-export const horizontalGroup = () => {
-  return html`
+    `,horizontalGroup=()=>a`
         <sp-radio-group horizontal selected="first" name="group-example">
             <sp-radio value="first">Option 1</sp-radio>
             <sp-radio value="second">Option 2</sp-radio>
             <sp-radio value="third">Option 3</sp-radio>
             <sp-radio value="fourth">Option 4</sp-radio>
         </sp-radio-group>
-    `;
-};
-export const horizontalLabelBelowGroup = () => {
-  return html`
+    `,horizontalLabelBelowGroup=()=>a`
         <sp-radio-group horizontal selected="first" name="group-example">
             <sp-radio value="first" label-below>Option 1</sp-radio>
             <sp-radio value="second" label-below>Option 2</sp-radio>
             <sp-radio value="third" label-below>Option 3</sp-radio>
             <sp-radio value="fourth" label-below>Option 4</sp-radio>
         </sp-radio-group>
-    `;
-};
-export const tabIndexExample = () => {
-  return html`
+    `,tabIndexExample=()=>a`
         <sp-radio-group vertical name="group-example">
             <sp-radio emphasized value="zero" tabindex="0">
                 Tab Index 0
@@ -143,10 +35,7 @@ export const tabIndexExample = () => {
             <sp-radio value="four" tabindex="4">Tab Index 4</sp-radio>
             <sp-radio invalid value="two" tabindex="2">Tab Index 2</sp-radio>
         </sp-radio-group>
-    `;
-};
-export const horizontalTabIndexExample = () => {
-  return html`
+    `,horizontalTabIndexExample=()=>a`
         <sp-radio-group horizontal name="group-example">
             <sp-radio emphasized value="zero" tabindex="0">
                 Tab Index 0
@@ -156,7 +45,5 @@ export const horizontalTabIndexExample = () => {
             <sp-radio value="four" tabindex="4">Tab Index 4</sp-radio>
             <sp-radio invalid value="two" tabindex="2">Tab Index 2</sp-radio>
         </sp-radio-group>
-    `;
-};
-tabIndexExample.storyName = "Tab index example";
+    `;tabIndexExample.storyName="Tab index example";
 //# sourceMappingURL=radio.stories.js.map

package/stories/radio.stories.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["radio.stories.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/radio/sp-radio.js';\nimport '@spectrum-web-components/radio/sp-radio-group.js';\nimport { spreadProps } from '../../../test/lit-helpers.js';\n\nexport default {\n    component: 'sp-radio',\n    title: 'Radio',\n    argTypes: {\n        checked: {\n            name: 'checked',\n            type: { name: 'boolean', required: false },\n            description: 'Represents when the input is checked',\n            table: {\n                type: { summary: 'boolean' },\n                defaultValue: { summary: false },\n            },\n            control: 'boolean',\n        },\n        disabled: {\n            name: 'disabled',\n            type: { name: 'boolean', required: false },\n            description:\n                'Disable this control. It will not receive focus or events.',\n            table: {\n                type: { summary: 'boolean' },\n                defaultValue: { summary: false },\n            },\n            control: {\n                type: 'boolean',\n            },\n        },\n        emphasized: {\n            name: 'emphasized',\n            type: { name: 'boolean', required: false },\n            description: \"Set the button's state to emphasized.\",\n            table: {\n                type: { summary: 'boolean' },\n                defaultValue: { summary: false },\n            },\n            control: {\n                type: 'boolean',\n            },\n        },\n        invalid: {\n            name: 'invalid',\n            type: { name: 'boolean', required: false },\n            table: {\n                type: { summary: 'boolean' },\n                defaultValue: { summary: false },\n            },\n            control: {\n                type: 'boolean',\n            },\n        },\n    },\n    args: {\n        checked: false,\n        disabled: false,\n        emphasized: false,\n        invalid: false,\n    },\n};\n\ninterface StoryArgs {\n    checked?: boolean;\n    disabled?: boolean;\n    emphasized?: boolean;\n    invalid?: boolean;\n    readonly?: boolean;\n    [prop: string]: unknown;\n}\n\nfunction renderRadio(args: StoryArgs): TemplateResult {\n    return html`\n        <sp-radio ${spreadProps(args)}>Radio</sp-radio>\n    `;\n}\nexport const Default = (args: StoryArgs): TemplateResult => renderRadio(args);\n\nexport const readonly = (args: StoryArgs): TemplateResult =>\n    renderRadio({\n        ...args,\n        readonly: true,\n    });\nreadonly.args = {\n    checked: true,\n};\n\nexport const Emphasized = (args: StoryArgs): TemplateResult =>\n    renderRadio(args);\nEmphasized.args = {\n    checked: true,\n    emphasized: true,\n};\n\nexport const Autofocus = (args: StoryArgs): TemplateResult => {\n    return html`\n        <sp-radio autofocus ${spreadProps(args)}>Radio</sp-radio>\n    `;\n};\n\nexport const Invalid = (args: StoryArgs): TemplateResult => renderRadio(args);\nInvalid.args = {\n    invalid: true,\n};\n\nexport const Disabled = (args: StoryArgs): TemplateResult => renderRadio(args);\nDisabled.args = {\n    disabled: true,\n};\n\nexport const labelBelow = (args: StoryArgs): TemplateResult => {\n    return html`\n        <sp-radio label-below ${spreadProps(args)}>Radio</sp-radio>\n    `;\n};\nlabelBelow.storyName = 'Label below';\n\nconst values = {\n    first: 1,\n    second: 2,\n    third: 3,\n    fourth: 4,\n};\n\nexport const groupExample = (): TemplateResult => {\n    return html`\n        <sp-radio-group vertical selected=\"1\" name=\"group-example\">\n            <sp-radio value=${values.first}>Option 1</sp-radio>\n            <sp-radio value=${values.second}>Option 2</sp-radio>\n            <sp-radio value=${values.third}>Option 3</sp-radio>\n            <sp-radio value=${values.fourth}>Option 4</sp-radio>\n        </sp-radio-group>\n    `;\n};\n\nexport const horizontalGroup = (): TemplateResult => {\n    return html`\n        <sp-radio-group horizontal selected=\"first\" name=\"group-example\">\n            <sp-radio value=\"first\">Option 1</sp-radio>\n            <sp-radio value=\"second\">Option 2</sp-radio>\n            <sp-radio value=\"third\">Option 3</sp-radio>\n            <sp-radio value=\"fourth\">Option 4</sp-radio>\n        </sp-radio-group>\n    `;\n};\n\nexport const horizontalLabelBelowGroup = (): TemplateResult => {\n    return html`\n        <sp-radio-group horizontal selected=\"first\" name=\"group-example\">\n            <sp-radio value=\"first\" label-below>Option 1</sp-radio>\n            <sp-radio value=\"second\" label-below>Option 2</sp-radio>\n            <sp-radio value=\"third\" label-below>Option 3</sp-radio>\n            <sp-radio value=\"fourth\" label-below>Option 4</sp-radio>\n        </sp-radio-group>\n    `;\n};\n\nexport const tabIndexExample = (): TemplateResult => {\n    return html`\n        <sp-radio-group vertical name=\"group-example\">\n            <sp-radio emphasized value=\"zero\" tabindex=\"0\">\n                Tab Index 0\n            </sp-radio>\n            <sp-radio disabled value=\"three\" tabindex=\"3\">Tab Index 3</sp-radio>\n            <sp-radio value=\"one\" tabindex=\"1\" autofocus>Tab Index 1</sp-radio>\n            <sp-radio value=\"four\" tabindex=\"4\">Tab Index 4</sp-radio>\n            <sp-radio invalid value=\"two\" tabindex=\"2\">Tab Index 2</sp-radio>\n        </sp-radio-group>\n    `;\n};\n\nexport const horizontalTabIndexExample = (): TemplateResult => {\n    return html`\n        <sp-radio-group horizontal name=\"group-example\">\n            <sp-radio emphasized value=\"zero\" tabindex=\"0\">\n                Tab Index 0\n            </sp-radio>\n            <sp-radio disabled value=\"three\" tabindex=\"3\">Tab Index 3</sp-radio>\n            <sp-radio value=\"one\" tabindex=\"1\" autofocus>Tab Index 1</sp-radio>\n            <sp-radio value=\"four\" tabindex=\"4\">Tab Index 4</sp-radio>\n            <sp-radio invalid value=\"two\" tabindex=\"2\">Tab Index 2</sp-radio>\n        </sp-radio-group>\n    `;\n};\n\ntabIndexExample.storyName = 'Tab index example';\n"],
-  "mappings": "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",
+  "mappings": "AAWA,qDAEA,mDACA,yDACA,2DAEA,cAAe,CACX,UAAW,WACX,MAAO,QACP,SAAU,CACN,QAAS,CACL,KAAM,UACN,KAAM,CAAE,KAAM,UAAW,SAAU,EAAM,EACzC,YAAa,uCACb,MAAO,CACH,KAAM,CAAE,QAAS,SAAU,EAC3B,aAAc,CAAE,QAAS,EAAM,CACnC,EACA,QAAS,SACb,EACA,SAAU,CACN,KAAM,WACN,KAAM,CAAE,KAAM,UAAW,SAAU,EAAM,EACzC,YACI,6DACJ,MAAO,CACH,KAAM,CAAE,QAAS,SAAU,EAC3B,aAAc,CAAE,QAAS,EAAM,CACnC,EACA,QAAS,CACL,KAAM,SACV,CACJ,EACA,WAAY,CACR,KAAM,aACN,KAAM,CAAE,KAAM,UAAW,SAAU,EAAM,EACzC,YAAa,wCACb,MAAO,CACH,KAAM,CAAE,QAAS,SAAU,EAC3B,aAAc,CAAE,QAAS,EAAM,CACnC,EACA,QAAS,CACL,KAAM,SACV,CACJ,EACA,QAAS,CACL,KAAM,UACN,KAAM,CAAE,KAAM,UAAW,SAAU,EAAM,EACzC,MAAO,CACH,KAAM,CAAE,QAAS,SAAU,EAC3B,aAAc,CAAE,QAAS,EAAM,CACnC,EACA,QAAS,CACL,KAAM,SACV,CACJ,CACJ,EACA,KAAM,CACF,QAAS,GACT,SAAU,GACV,WAAY,GACZ,QAAS,EACb,CACJ,EAWA,WAAqB,EAAiC,CAClD,MAAO;AAAA,oBACS,EAAY,CAAI;AAAA,KAEpC,CACO,YAAM,SAAU,AAAC,GAAoC,EAAY,CAAI,EAE/D,SAAW,AAAC,GACrB,EAAY,IACL,EACH,SAAU,EACd,CAAC,EACL,SAAS,KAAO,CACZ,QAAS,EACb,EAEO,YAAM,YAAa,AAAC,GACvB,EAAY,CAAI,EACpB,WAAW,KAAO,CACd,QAAS,GACT,WAAY,EAChB,EAEO,YAAM,WAAY,AAAC,GACf;AAAA,8BACmB,EAAY,CAAI;AAAA,MAIjC,QAAU,AAAC,GAAoC,EAAY,CAAI,EAC5E,QAAQ,KAAO,CACX,QAAS,EACb,EAEO,YAAM,UAAW,AAAC,GAAoC,EAAY,CAAI,EAC7E,SAAS,KAAO,CACZ,SAAU,EACd,EAEO,YAAM,YAAa,AAAC,GAChB;AAAA,gCACqB,EAAY,CAAI;AAAA,MAGhD,WAAW,UAAY,cAEvB,KAAM,GAAS,CACX,MAAO,EACP,OAAQ,EACR,MAAO,EACP,OAAQ,CACZ,EAEO,YAAM,cAAe,IACjB;AAAA;AAAA,8BAEmB,EAAO;AAAA,8BACP,EAAO;AAAA,8BACP,EAAO;AAAA,8BACP,EAAO;AAAA;AAAA,MAKxB,gBAAkB,IACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUE,0BAA4B,IAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUE,gBAAkB,IACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAaE,0BAA4B,IAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAaX,gBAAgB,UAAY",
   "names": []
 }

package/test/benchmark/test-basic.js

@@ -1,8 +1,4 @@
-import "@spectrum-web-components/radio/sp-radio-group.js";
-import "@spectrum-web-components/radio/sp-radio.js";
-import { html } from "lit";
-import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
-measureFixtureCreation(html`
+import"@spectrum-web-components/radio/sp-radio-group.js";import"@spectrum-web-components/radio/sp-radio.js";import{html as o}from"lit";import{measureFixtureCreation as r}from"../../../../test/benchmark/helpers.js";r(o`
     <sp-radio-group id="test-default">
         <sp-radio value="first" checked>Option 1</sp-radio>
         <sp-radio value="second">Option 2</sp-radio>

package/test/benchmark/test-basic.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["test-basic.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/radio/sp-radio-group.js';\nimport '@spectrum-web-components/radio/sp-radio.js';\nimport { html } from 'lit';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n    <sp-radio-group id=\"test-default\">\n        <sp-radio value=\"first\" checked>Option 1</sp-radio>\n        <sp-radio value=\"second\">Option 2</sp-radio>\n        <sp-radio value=\"third\">Option 3</sp-radio>\n    </sp-radio-group>\n`);\n"],
-  "mappings": "AAYA;AACA;AACA;AACA;AAEA,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAMtB;",
+  "mappings": "AAYA,yDACA,mDACA,2BACA,+EAEA,EAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAMtB",
   "names": []
 }

package/test/radio-group.test.js

@@ -1,80 +1,18 @@
-import "@spectrum-web-components/radio/sp-radio-group.js";
-import "@spectrum-web-components/radio/sp-radio.js";
-import { elementUpdated, expect, fixture, html } from "@open-wc/testing";
-import {
-  arrowDownEvent,
-  arrowLeftEvent,
-  arrowRightEvent,
-  arrowUpEvent,
-  endEvent,
-  enterEvent,
-  homeEvent
-} from "../../../test/testing-helpers.js";
-import {
-  a11ySnapshot,
-  findAccessibilityNode,
-  sendKeys
-} from "@web/test-runner-commands";
-import { sendMouse } from "../../../test/plugins/browser.js";
-import { spy } from "sinon";
-describe("Radio Group - focus control", () => {
-  it("does not accept focus when empty", async () => {
-    const el = await fixture(html`
+import"@spectrum-web-components/radio/sp-radio-group.js";import"@spectrum-web-components/radio/sp-radio.js";import{elementUpdated as i,expect as o,fixture as r,html as c}from"@open-wc/testing";import{arrowDownEvent as n,arrowLeftEvent as f,arrowRightEvent as k,arrowUpEvent as u,endEvent as h,enterEvent as m,homeEvent as v}from"../../../test/testing-helpers.js";import{a11ySnapshot as g,findAccessibilityNode as l,sendKeys as y}from"@web/test-runner-commands";import{sendMouse as q}from"../../../test/plugins/browser.js";import{spy as R}from"sinon";describe("Radio Group - focus control",()=>{it("does not accept focus when empty",async()=>{const t=await r(c`
                 <sp-radio-group></sp-radio-group>
-            `);
-    await elementUpdated(el);
-    expect(document.activeElement === el).to.be.false;
-    el.focus();
-    await elementUpdated(el);
-    expect(document.activeElement === el).to.be.false;
-  });
-  it("focuses selected before first", async () => {
-    const values = ["first", "second", "third"];
-    const el = await fixture(html`
+            `);await i(t),o(document.activeElement===t).to.be.false,t.focus(),await i(t),o(document.activeElement===t).to.be.false}),it("focuses selected before first",async()=>{const t=["first","second","third"],e=await r(c`
                 <sp-radio-group selected="second">
-                    <sp-radio value=${values[0]}>Option 1</sp-radio>
-                    <sp-radio value=${values[1]}>Option 2</sp-radio>
-                    <sp-radio value=${values[2]}>Option 3</sp-radio>
+                    <sp-radio value=${t[0]}>Option 1</sp-radio>
+                    <sp-radio value=${t[1]}>Option 2</sp-radio>
+                    <sp-radio value=${t[2]}>Option 3</sp-radio>
                 </sp-radio-group>
-            `);
-    await elementUpdated(el);
-    const selected = el.querySelector('[value="second"]');
-    expect(document.activeElement === el).to.be.false;
-    el.focus();
-    await elementUpdated(el);
-    expect(document.activeElement === selected).to.be.true;
-  });
-  it("focuses the child input not the root when [tabindex=-1]", async () => {
-    const values = ["first", "second", "third"];
-    const el = await fixture(html`
+            `);await i(e);const a=e.querySelector('[value="second"]');o(document.activeElement===e).to.be.false,e.focus(),await i(e),o(document.activeElement===a).to.be.true}),it("focuses the child input not the root when [tabindex=-1]",async()=>{const t=["first","second","third"],e=await r(c`
                 <sp-radio-group selected="second">
-                    <sp-radio value=${values[0]}>Option 1</sp-radio>
-                    <sp-radio value=${values[1]}>Option 2</sp-radio>
-                    <sp-radio value=${values[2]}>Option 3</sp-radio>
+                    <sp-radio value=${t[0]}>Option 1</sp-radio>
+                    <sp-radio value=${t[1]}>Option 2</sp-radio>
+                    <sp-radio value=${t[2]}>Option 3</sp-radio>
                 </sp-radio-group>
-            `);
-    await elementUpdated(el);
-    const first = el.querySelector('[value="first"]');
-    const selected = el.querySelector('[value="second"]');
-    expect(selected.tabIndex).to.equal(0);
-    expect(first.tabIndex).to.equal(-1);
-    const firstRect = first.getBoundingClientRect();
-    await sendMouse({
-      steps: [
-        {
-          type: "move",
-          position: [firstRect.x + 2, firstRect.y + 2]
-        },
-        {
-          type: "down"
-        }
-      ]
-    });
-    await elementUpdated(el);
-    expect(!first.matches(":focus") || first.matches(":focus-within"), "root should not").to.be.true;
-  });
-  it("does not select on focus", async () => {
-    const el = await fixture(html`
+            `);await i(e);const a=e.querySelector('[value="first"]'),d=e.querySelector('[value="second"]');o(d.tabIndex).to.equal(0),o(a.tabIndex).to.equal(-1);const s=a.getBoundingClientRect();await q({steps:[{type:"move",position:[s.x+2,s.y+2]},{type:"down"}]}),await i(e),o(!a.matches(":focus")||a.matches(":focus-within"),"root should not").to.be.true}),it("does not select on focus",async()=>{const t=await r(c`
                 <sp-radio-group>
                     <sp-radio value="1">Options 1</sp-radio>
                     <sp-radio value="2">Options 2</sp-radio>
@@ -82,25 +20,7 @@ describe("Radio Group - focus control", () => {
                     <sp-radio value="4">Options 4</sp-radio>
                     <sp-radio value="5">Options 5</sp-radio>
                 </sp-radio-group>
-            `);
-    await elementUpdated(el);
-    const radio1 = el.querySelector("sp-radio:nth-child(1)");
-    const radio2 = el.querySelector("sp-radio:nth-child(2)");
-    expect(el.selected).to.equal("");
-    radio1.focus();
-    await elementUpdated(el);
-    expect(el.selected).to.equal("");
-    el.selected = "1";
-    await elementUpdated(el);
-    expect(el.selected).to.equal("1");
-    expect(radio1.checked).to.be.true;
-    radio2.focus();
-    await elementUpdated(el);
-    expect(el.selected).to.equal("1");
-    expect(radio1.checked).to.be.true;
-  });
-  it("loads accepts keyboard events while focused", async () => {
-    const el = await fixture(html`
+            `);await i(t);const e=t.querySelector("sp-radio:nth-child(1)"),a=t.querySelector("sp-radio:nth-child(2)");o(t.selected).to.equal(""),e.focus(),await i(t),o(t.selected).to.equal(""),t.selected="1",await i(t),o(t.selected).to.equal("1"),o(e.checked).to.be.true,a.focus(),await i(t),o(t.selected).to.equal("1"),o(e.checked).to.be.true}),it("loads accepts keyboard events while focused",async()=>{const t=await r(c`
                 <sp-radio-group>
                     <sp-radio>Options 1</sp-radio>
                     <sp-radio>Options 2</sp-radio>
@@ -108,37 +28,7 @@ describe("Radio Group - focus control", () => {
                     <sp-radio>Options 4</sp-radio>
                     <sp-radio>Options 5</sp-radio>
                 </sp-radio-group>
-            `);
-    await elementUpdated(el);
-    const radio1 = el.querySelector("sp-radio:nth-child(1)");
-    const radio2 = el.querySelector("sp-radio:nth-child(2)");
-    const radio3 = el.querySelector("sp-radio:nth-child(3)");
-    const radio4 = el.querySelector("sp-radio:nth-child(4)");
-    const radio5 = el.querySelector("sp-radio:nth-child(5)");
-    radio1.focus();
-    await elementUpdated(el);
-    el.dispatchEvent(arrowRightEvent());
-    await elementUpdated(el);
-    expect(document.activeElement === radio2).to.be.true;
-    el.dispatchEvent(arrowDownEvent());
-    await elementUpdated(el);
-    expect(document.activeElement === radio3).to.be.true;
-    el.dispatchEvent(endEvent());
-    await elementUpdated(el);
-    expect(document.activeElement === radio5).to.be.true;
-    el.dispatchEvent(arrowLeftEvent());
-    await elementUpdated(el);
-    expect(document.activeElement === radio4).to.be.true;
-    el.dispatchEvent(arrowUpEvent());
-    await elementUpdated(el);
-    expect(document.activeElement === radio3).to.be.true;
-    el.dispatchEvent(homeEvent());
-    await elementUpdated(el);
-    expect(document.activeElement === radio1).to.be.true;
-    radio1.blur();
-  });
-  it("accepts keyboard interactions where `checked` and `calculateFocusInIndex` might conflict", async () => {
-    const el = await fixture(html`
+            `);await i(t);const e=t.querySelector("sp-radio:nth-child(1)"),a=t.querySelector("sp-radio:nth-child(2)"),d=t.querySelector("sp-radio:nth-child(3)"),s=t.querySelector("sp-radio:nth-child(4)"),p=t.querySelector("sp-radio:nth-child(5)");e.focus(),await i(t),t.dispatchEvent(k()),await i(t),o(document.activeElement===a).to.be.true,t.dispatchEvent(n()),await i(t),o(document.activeElement===d).to.be.true,t.dispatchEvent(h()),await i(t),o(document.activeElement===p).to.be.true,t.dispatchEvent(f()),await i(t),o(document.activeElement===s).to.be.true,t.dispatchEvent(u()),await i(t),o(document.activeElement===d).to.be.true,t.dispatchEvent(v()),await i(t),o(document.activeElement===e).to.be.true,e.blur()}),it("accepts keyboard interactions where `checked` and `calculateFocusInIndex` might conflict",async()=>{const t=await r(c`
                 <sp-radio-group>
                     <sp-radio>Options 1</sp-radio>
                     <sp-radio>Options 2</sp-radio>
@@ -146,23 +36,7 @@ describe("Radio Group - focus control", () => {
                     <sp-radio>Options 4</sp-radio>
                     <sp-radio>Options 5</sp-radio>
                 </sp-radio-group>
-            `);
-    await elementUpdated(el);
-    const radio1 = el.querySelector("sp-radio:nth-child(1)");
-    const radio5 = el.querySelector("sp-radio:nth-child(5)");
-    radio5.focus();
-    await elementUpdated(el);
-    expect(document.activeElement === radio5).to.be.true;
-    expect(radio5.checked).to.be.true;
-    await sendKeys({
-      press: "ArrowRight"
-    });
-    await elementUpdated(el);
-    expect(document.activeElement === radio1).to.be.true;
-    expect(radio1.checked).to.be.true;
-  });
-  it("acknowledges `disabled` and accepts keyboard events while focused", async () => {
-    const el = await fixture(html`
+            `);await i(t);const e=t.querySelector("sp-radio:nth-child(1)"),a=t.querySelector("sp-radio:nth-child(5)");a.focus(),await i(t),o(document.activeElement===a).to.be.true,o(a.checked).to.be.true,await y({press:"ArrowRight"}),await i(t),o(document.activeElement===e).to.be.true,o(e.checked).to.be.true}),it("acknowledges `disabled` and accepts keyboard events while focused",async()=>{const t=await r(c`
                 <sp-radio-group>
                     <sp-radio value="1" disabled>Option 1</sp-radio>
                     <sp-radio value="2">Option 2</sp-radio>
@@ -170,49 +44,13 @@ describe("Radio Group - focus control", () => {
                     <sp-radio value="4">Option 4</sp-radio>
                     <sp-radio value="5" disabled>Option 5</sp-radio>
                 </sp-radio-group>
-            `);
-    await elementUpdated(el);
-    const radio2 = el.querySelector("sp-radio:nth-child(2)");
-    const radio4 = el.querySelector("sp-radio:nth-child(4)");
-    radio2.focus();
-    await elementUpdated(el);
-    expect(document.activeElement === radio2, "start 2").to.be.true;
-    expect(el.selected).to.equal("");
-    el.dispatchEvent(enterEvent());
-    el.dispatchEvent(endEvent());
-    await elementUpdated(el);
-    expect(document.activeElement === radio4, "first 4").to.be.true;
-    expect(el.selected).to.equal("4");
-    el.dispatchEvent(homeEvent());
-    await elementUpdated(el);
-    expect(document.activeElement === radio2, "second 2").to.be.true;
-    el.dispatchEvent(arrowUpEvent());
-    await elementUpdated(el);
-    expect(document.activeElement === radio4, "third 4").to.be.true;
-    el.dispatchEvent(arrowDownEvent());
-    await elementUpdated(el);
-    expect(document.activeElement === radio2, "fourth 2").to.be.true;
-  });
-});
-describe("Group Accessibility", () => {
-  it("created the expected accessibility tree", async () => {
-    await fixture(html`
+            `);await i(t);const e=t.querySelector("sp-radio:nth-child(2)"),a=t.querySelector("sp-radio:nth-child(4)");e.focus(),await i(t),o(document.activeElement===e,"start 2").to.be.true,o(t.selected).to.equal(""),t.dispatchEvent(m()),t.dispatchEvent(h()),await i(t),o(document.activeElement===a,"first 4").to.be.true,o(t.selected).to.equal("4"),t.dispatchEvent(v()),await i(t),o(document.activeElement===e,"second 2").to.be.true,t.dispatchEvent(u()),await i(t),o(document.activeElement===a,"third 4").to.be.true,t.dispatchEvent(n()),await i(t),o(document.activeElement===e,"fourth 2").to.be.true})}),describe("Group Accessibility",()=>{it("created the expected accessibility tree",async()=>{await r(c`
             <sp-radio-group label="Testing Label" tabindex="0">
                 <sp-radio value="first">Option 1</sp-radio>
                 <sp-radio value="second" checked>Option 2</sp-radio>
                 <sp-radio value="third">Option 3</sp-radio>
             </sp-radio-group>
-        `);
-    const snapshot = await a11ySnapshot({});
-    expect(findAccessibilityNode(snapshot, (node) => (node.role === "radiogroup" || node.role === "group") && node.name === "Testing Label"), 'Has a "radiogroup" with the supplied name').to.not.be.null;
-    expect(findAccessibilityNode(snapshot, (node) => node.role === "radio" && node.checked && node.name === "Option 2"), 'Has a named and checked "radio" element').to.not.be.null;
-    expect(findAccessibilityNode(snapshot, (node) => node.name === "Option 2" && node.role.startsWith("text")), 'Does not have a text leaf named like the "radio" element').to.be.null;
-  });
-});
-describe("Radio Group", () => {
-  let testDiv;
-  beforeEach(async () => {
-    testDiv = await fixture(html`
+        `);const t=await g({});o(l(t,e=>(e.role==="radiogroup"||e.role==="group")&&e.name==="Testing Label"),'Has a "radiogroup" with the supplied name').to.not.be.null,o(l(t,e=>e.role==="radio"&&e.checked&&e.name==="Option 2"),'Has a named and checked "radio" element').to.not.be.null,o(l(t,e=>e.name==="Option 2"&&e.role.startsWith("text")),'Does not have a text leaf named like the "radio" element').to.be.null})}),describe("Radio Group",()=>{let t;beforeEach(async()=>{t=await r(c`
                 <div id="test-radio-group">
                     <sp-radio-group id="test-default">
                         <sp-radio value="first" checked>Option 1</sp-radio>
@@ -259,155 +97,11 @@ describe("Radio Group", () => {
                         <sp-radio value="third">Option 3</sp-radio>
                     </sp-radio-group>
                 </div>
-            `);
-  });
-  it("loads", () => {
-    const radioGroup = testDiv.querySelector("sp-radio-group#test-default");
-    const radioChildren = radioGroup.querySelectorAll("sp-radio");
-    expect(radioGroup).to.exist;
-    expect(radioChildren.length).to.equal(3);
-  });
-  it("loads accessibly", async () => {
-    await expect(testDiv).to.be.accessible();
-  });
-  it("validates selection", async () => {
-    const radioGroup = testDiv.querySelector("sp-radio-group#test-none-selected");
-    expect(radioGroup.selected).to.equal("");
-    radioGroup.selected = "missing";
-    await elementUpdated(radioGroup);
-    expect(radioGroup.selected).to.equal("");
-  });
-  it("can have selection prevented", async () => {
-    const el = testDiv.querySelector("sp-radio-group#test-default");
-    const secondRadio = el.querySelector("sp-radio[value=second]");
-    const thirdRadio = el.querySelector("sp-radio[value=third]");
-    await elementUpdated(el);
-    expect(el.selected).to.equal("first");
-    secondRadio.click();
-    await elementUpdated(el);
-    expect(el.selected).to.equal("second");
-    el.addEventListener("change", (event) => event.preventDefault());
-    thirdRadio.click();
-    await elementUpdated(el);
-    expect(el.selected).to.equal("second");
-  });
-  it("reflects checked radio with selected property", async () => {
-    const radioGroup = testDiv.querySelector("sp-radio-group#test-default");
-    const firstRadio = radioGroup.querySelector("sp-radio[value=first]");
-    const secondRadio = radioGroup.querySelector("sp-radio[value=second]");
-    const thirdRadio = radioGroup.querySelector("sp-radio[value=third]");
-    expect(firstRadio.checked).to.be.true;
-    expect(secondRadio.checked).to.be.false;
-    expect(thirdRadio.checked).to.be.false;
-    expect(radioGroup.selected).to.equal(firstRadio.value);
-    secondRadio.click();
-    await elementUpdated(radioGroup);
-    expect(firstRadio.checked).to.be.false;
-    expect(secondRadio.checked).to.be.true;
-    expect(thirdRadio.checked).to.be.false;
-    expect(radioGroup.selected).to.equal(secondRadio.value);
-    thirdRadio.click();
-    await elementUpdated(radioGroup);
-    expect(firstRadio.checked).to.be.false;
-    expect(secondRadio.checked).to.be.false;
-    expect(thirdRadio.checked).to.be.true;
-    expect(radioGroup.selected).to.equal(thirdRadio.value);
-  });
-  it("forces only one radio to be checked", () => {
-    const radioGroup = testDiv.querySelector("sp-radio-group#test-multiple-checked");
-    const checkedRadios = radioGroup.querySelectorAll("sp-radio[checked]");
-    expect(radioGroup.selected).to.equal("first");
-    expect(checkedRadios.length).to.equal(1);
-  });
-  it("respects clicking on disabled attribute causing nothing to happen", async () => {
-    const radioGroup = testDiv.querySelector("sp-radio-group#test-disabled");
-    const checkedRadio = radioGroup.querySelector("sp-radio[checked]");
-    const disabledRadio = radioGroup.querySelector("sp-radio[disabled]");
-    disabledRadio.click();
-    await elementUpdated(radioGroup);
-    expect(disabledRadio.checked).to.be.false;
-    expect(checkedRadio.checked).to.be.true;
-    expect(radioGroup.selected).to.equal(checkedRadio.value);
-  });
-  it("de-checks all but first checked radio if multiple checked", () => {
-    const radioGroup = testDiv.querySelector("sp-radio-group#test-multiple-checked");
-    const radio1 = radioGroup.querySelector("sp-radio[value=first]");
-    const radio2 = radioGroup.querySelector("sp-radio[value=second]");
-    expect(radioGroup.selected).to.equal("first");
-    expect(radio1.checked).to.be.true;
-    expect(radio2.checked).to.be.false;
-  });
-  it("ensures setting selection updates checked radio", async () => {
-    const radioGroup = testDiv.querySelector("sp-radio-group#test-selected");
-    const radio1 = radioGroup.querySelector("sp-radio[value=first]");
-    const radio2 = radioGroup.querySelector("sp-radio[value=second]");
-    const radio3 = radioGroup.querySelector("sp-radio[value=third]");
-    expect(radioGroup.selected).to.equal("third");
-    expect(radio1.checked).to.be.false;
-    expect(radio2.checked).to.be.false;
-    expect(radio3.checked, "initial").to.be.true;
-    radioGroup.selected = "second";
-    await elementUpdated(radioGroup);
-    expect(radioGroup.selected).to.equal("second");
-    expect(radio1.checked).to.be.false;
-    expect(radio2.checked, "second").to.be.true;
-    expect(radio3.checked).to.be.false;
-    radioGroup.selected = "first";
-    await elementUpdated(radioGroup);
-    expect(radioGroup.selected).to.equal("first");
-    expect(radio1.checked, "third").to.be.true;
-    expect(radio2.checked).to.be.false;
-    expect(radio3.checked).to.be.false;
-  });
-  it("ensures setting selected and clicking on radio both work together", async () => {
-    const radioGroup = testDiv.querySelector("sp-radio-group#test-selected-click");
-    const radio1 = radioGroup.querySelector("sp-radio[value=first]");
-    const radio2 = radioGroup.querySelector("sp-radio[value=second]");
-    const radio3 = radioGroup.querySelector("sp-radio[value=third]");
-    expect(radioGroup.selected).to.equal("third");
-    radio2.click();
-    await elementUpdated(radioGroup);
-    expect(radioGroup.selected).to.equal("second");
-    expect(radio1.checked).to.be.false;
-    expect(radio2.checked).to.be.true;
-    expect(radio3.checked).to.be.false;
-    radioGroup.selected = "first";
-    await elementUpdated(radioGroup);
-    expect(radioGroup.selected).to.equal("first");
-    expect(radio1.checked, "moved to checked").to.be.true;
-    expect(radio2.checked).to.be.false;
-    expect(radio3.checked).to.be.false;
-  });
-  it("prioritizes checked over selected on initialization when conflicting", () => {
-    const radioGroup = testDiv.querySelector("sp-radio-group#test-checked-prioritized");
-    const radio1 = radioGroup.querySelector("sp-radio[value=first]");
-    const radio2 = radioGroup.querySelector("sp-radio[value=second]");
-    expect(radioGroup.selected).to.equal("first");
-    expect(radio1.checked).to.be.true;
-    expect(radio2.checked).to.be.false;
-  });
-  it("handles integer values for radio buttons", () => {
-    const radioGroup = testDiv.querySelector("sp-radio-group#test-integer-value");
-    expect(radioGroup.selected).to.equal("5");
-  });
-  it("prevents `change` events from radio buttons", async () => {
-    const changeSpy = spy();
-    const onChange = (event) => {
-      changeSpy(event.target.selected);
-    };
-    const el = await fixture(html`
-            <sp-radio-group @change=${onChange}>
+            `)}),it("loads",()=>{const e=t.querySelector("sp-radio-group#test-default"),a=e.querySelectorAll("sp-radio");o(e).to.exist,o(a.length).to.equal(3)}),it("loads accessibly",async()=>{await o(t).to.be.accessible()}),it("validates selection",async()=>{const e=t.querySelector("sp-radio-group#test-none-selected");o(e.selected).to.equal(""),e.selected="missing",await i(e),o(e.selected).to.equal("")}),it("can have selection prevented",async()=>{const e=t.querySelector("sp-radio-group#test-default"),a=e.querySelector("sp-radio[value=second]"),d=e.querySelector("sp-radio[value=third]");await i(e),o(e.selected).to.equal("first"),a.click(),await i(e),o(e.selected).to.equal("second"),e.addEventListener("change",s=>s.preventDefault()),d.click(),await i(e),o(e.selected).to.equal("second")}),it("reflects checked radio with selected property",async()=>{const e=t.querySelector("sp-radio-group#test-default"),a=e.querySelector("sp-radio[value=first]"),d=e.querySelector("sp-radio[value=second]"),s=e.querySelector("sp-radio[value=third]");o(a.checked).to.be.true,o(d.checked).to.be.false,o(s.checked).to.be.false,o(e.selected).to.equal(a.value),d.click(),await i(e),o(a.checked).to.be.false,o(d.checked).to.be.true,o(s.checked).to.be.false,o(e.selected).to.equal(d.value),s.click(),await i(e),o(a.checked).to.be.false,o(d.checked).to.be.false,o(s.checked).to.be.true,o(e.selected).to.equal(s.value)}),it("forces only one radio to be checked",()=>{const e=t.querySelector("sp-radio-group#test-multiple-checked"),a=e.querySelectorAll("sp-radio[checked]");o(e.selected).to.equal("first"),o(a.length).to.equal(1)}),it("respects clicking on disabled attribute causing nothing to happen",async()=>{const e=t.querySelector("sp-radio-group#test-disabled"),a=e.querySelector("sp-radio[checked]"),d=e.querySelector("sp-radio[disabled]");d.click(),await i(e),o(d.checked).to.be.false,o(a.checked).to.be.true,o(e.selected).to.equal(a.value)}),it("de-checks all but first checked radio if multiple checked",()=>{const e=t.querySelector("sp-radio-group#test-multiple-checked"),a=e.querySelector("sp-radio[value=first]"),d=e.querySelector("sp-radio[value=second]");o(e.selected).to.equal("first"),o(a.checked).to.be.true,o(d.checked).to.be.false}),it("ensures setting selection updates checked radio",async()=>{const e=t.querySelector("sp-radio-group#test-selected"),a=e.querySelector("sp-radio[value=first]"),d=e.querySelector("sp-radio[value=second]"),s=e.querySelector("sp-radio[value=third]");o(e.selected).to.equal("third"),o(a.checked).to.be.false,o(d.checked).to.be.false,o(s.checked,"initial").to.be.true,e.selected="second",await i(e),o(e.selected).to.equal("second"),o(a.checked).to.be.false,o(d.checked,"second").to.be.true,o(s.checked).to.be.false,e.selected="first",await i(e),o(e.selected).to.equal("first"),o(a.checked,"third").to.be.true,o(d.checked).to.be.false,o(s.checked).to.be.false}),it("ensures setting selected and clicking on radio both work together",async()=>{const e=t.querySelector("sp-radio-group#test-selected-click"),a=e.querySelector("sp-radio[value=first]"),d=e.querySelector("sp-radio[value=second]"),s=e.querySelector("sp-radio[value=third]");o(e.selected).to.equal("third"),d.click(),await i(e),o(e.selected).to.equal("second"),o(a.checked).to.be.false,o(d.checked).to.be.true,o(s.checked).to.be.false,e.selected="first",await i(e),o(e.selected).to.equal("first"),o(a.checked,"moved to checked").to.be.true,o(d.checked).to.be.false,o(s.checked).to.be.false}),it("prioritizes checked over selected on initialization when conflicting",()=>{const e=t.querySelector("sp-radio-group#test-checked-prioritized"),a=e.querySelector("sp-radio[value=first]"),d=e.querySelector("sp-radio[value=second]");o(e.selected).to.equal("first"),o(a.checked).to.be.true,o(d.checked).to.be.false}),it("handles integer values for radio buttons",()=>{const e=t.querySelector("sp-radio-group#test-integer-value");o(e.selected).to.equal("5")}),it("prevents `change` events from radio buttons",async()=>{const e=R(),d=await r(c`
+            <sp-radio-group @change=${b=>{e(b.target.selected)}}>
                 <sp-radio value="bulbasaur">Bulbasaur</sp-radio>
                 <sp-radio value="squirtle">Squirtle</sp-radio>
                 <sp-radio value="charmander">Charmander</sp-radio>
             </sp-radio-group>
-        `);
-    const bulbasaur = el.querySelector('[value="bulbasaur"]');
-    const charmander = el.querySelector('[value="charmander"]');
-    bulbasaur.click();
-    bulbasaur.click();
-    charmander.click();
-    expect(changeSpy.calledWith(void 0)).to.be.false;
-  });
-});
+        `),s=d.querySelector('[value="bulbasaur"]'),p=d.querySelector('[value="charmander"]');s.click(),s.click(),p.click(),o(e.calledWith(void 0)).to.be.false})});
 //# sourceMappingURL=radio-group.test.js.map