@ukic/web-components 2.19.0 → 2.21.0

package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js

@@ -3,7 +3,7 @@ beforeAll(() => {
     jest.spyOn(console, "warn").mockImplementation(jest.fn());
 });
 describe("ic-radio-group component", () => {
-    it("Should have tabIndex of first option 0, when no options are selected", async () => {
+    it("should have tabIndex of first option 0, when no options are selected", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-radio-group label="test label" name="test">
         <ic-radio-option value="test1" ></ic-radio-option>    
@@ -18,7 +18,7 @@ describe("ic-radio-group component", () => {
         expect(input1.tabIndex).toBe(0);
         expect(input2.tabIndex).toBe(-1);
     });
-    it("Should not be clickable when disabled", async () => {
+    it("should not be clickable when disabled", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-radio-group label="test label" name="test">
         <ic-radio-option value="test1" disabled></ic-radio-option>    
@@ -30,7 +30,7 @@ describe("ic-radio-group component", () => {
         await page.waitForChanges();
         expect(await radioButton.getProperty("selected")).toBe(false);
     });
-    it("Should be selected when clicked", async () => {
+    it("should be selected when clicked", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-radio-group label="test label" name="test">
         <ic-radio-option value="test1" ></ic-radio-option>    
@@ -45,7 +45,7 @@ describe("ic-radio-group component", () => {
         const input = radioButton.shadowRoot.querySelector("input");
         expect(input.tabIndex).toBe(0);
     });
-    it("Should enable textfield when associated option is selected when static", async () => {
+    it("should enable textfield when associated option is selected when static", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-radio-group label="test label" name="test">
         <ic-radio-option value="test1" ></ic-radio-option>    
@@ -64,7 +64,7 @@ describe("ic-radio-group component", () => {
         await page.waitForChanges();
         expect(textfield).toHaveAttribute("disabled");
     });
-    it("Should display textfield when associated option is selected when dynamic", async () => {
+    it("should display textfield when associated option is selected when dynamic", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-radio-group label="test label" name="test">
         <ic-radio-option value="test1" ></ic-radio-option>    
@@ -94,7 +94,7 @@ describe("ic-radio-group component", () => {
         });
         expect(additionalFieldDisplay).not.toBe("none");
     });
-    it("Should emit icChange event when radio option is selected", async () => {
+    it("should emit icChange event when radio option is selected", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-radio-group label="test label" name="test">
         <ic-radio-option value="test1" ></ic-radio-option>    
@@ -114,7 +114,7 @@ describe("ic-radio-group component", () => {
             value: "test2",
         });
     });
-    it("Should emit icCheck event when radio option is selected", async () => {
+    it("should emit icCheck event when radio option is selected", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-radio-group label="test label" name="test">
         <ic-radio-option value="test1" ></ic-radio-option>    
@@ -129,7 +129,7 @@ describe("ic-radio-group component", () => {
             value: "test2",
         });
     });
-    it("Should select when spacebar is pressed", async () => {
+    it("should select when spacebar is pressed", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-radio-group label="test label" name="test">
         <ic-radio-option value="test1" ></ic-radio-option>    
@@ -146,7 +146,7 @@ describe("ic-radio-group component", () => {
         const input = radioButton.shadowRoot.querySelector("input");
         expect(input.tabIndex).toBe(0);
     });
-    it("Should select next radio option down when arrow down is used", async () => {
+    it("should select next radio option down when arrow down is used", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-radio-group label="test label" name="test">
         <ic-radio-option value="test1" ></ic-radio-option>    
@@ -164,7 +164,7 @@ describe("ic-radio-group component", () => {
         const input = radioButton2.shadowRoot.querySelector("input");
         expect(input.tabIndex).toBe(0);
     });
-    it("Should select next radio option down when arrow right is used", async () => {
+    it("should select next radio option down when arrow right is used", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-radio-group label="test label" name="test">
         <ic-radio-option value="test1" ></ic-radio-option>    
@@ -182,7 +182,7 @@ describe("ic-radio-group component", () => {
         const input = radioButton2.shadowRoot.querySelector("input");
         expect(input.tabIndex).toBe(0);
     });
-    it("Should select next radio option down when arrow up is used", async () => {
+    it("should select next radio option down when arrow up is used", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-radio-group label="test label" name="test">
         <ic-radio-option value="test1" ></ic-radio-option>    
@@ -199,7 +199,7 @@ describe("ic-radio-group component", () => {
         const input = radioButton1.shadowRoot.querySelector("input");
         expect(input.tabIndex).toBe(0);
     });
-    it("Should select next radio option down when arrow left is used", async () => {
+    it("should select next radio option down when arrow left is used", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-radio-group label="test label" name="test">
         <ic-radio-option value="test1" ></ic-radio-option>    
@@ -216,7 +216,7 @@ describe("ic-radio-group component", () => {
         const input = radioButton1.shadowRoot.querySelector("input");
         expect(input.tabIndex).toBe(0);
     });
-    it("Works on a form", async () => {
+    it("shold works in a form", async () => {
         const page = await newE2EPage();
         await page.setContent(` <form>
           <ic-radio-group label="this is a label" name="1">
@@ -249,7 +249,7 @@ describe("ic-radio-group component", () => {
         const value = await (await page.find('input[name="1"]')).getProperty("value");
         expect(value).toBe("valueName1");
     });
-    it("Passes the value of radio button correctly when already selected", async () => {
+    it("should pass the value of radio button correctly when already selected", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-radio-group label="test label" name="test">
         <ic-radio-option value="test1" ></ic-radio-option>    
@@ -260,7 +260,7 @@ describe("ic-radio-group component", () => {
         const value = await (await page.find('input[name="test"]')).getProperty("value");
         expect(value).toBe("test2");
     });
-    it("Passes the value of radio button and textfield correctly when already selected", async () => {
+    it("should pass the value of radio button and textfield correctly when already selected", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-radio-group label="test label" name="test">
     <ic-radio-option value="test1" ></ic-radio-option>    
@@ -292,7 +292,7 @@ describe("ic-radio-group component", () => {
         value = await (await page.find('input[name="test"]')).getProperty("value");
         expect(value).toBe("test2");
     });
-    it("Passes the value of radio button and textfield correctly when already selected and has a value in texfield", async () => {
+    it("should pass the value of radio button and textfield correctly when already selected and has a value in texfield", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-radio-group label="test label" name="test">
     <ic-radio-option value="test1" ></ic-radio-option>    
@@ -311,7 +311,7 @@ describe("ic-radio-group component", () => {
         const value = await (await page.find('input[name="test"]')).getProperty("value");
         expect(value).toBe("testValue1");
     });
-    it("Should reset to initial state on form reset event", async () => {
+    it("should reset to initial state on form reset event", async () => {
         const page = await newE2EPage();
         await page.setContent(`<form><ic-radio-group label="test label" name="test">
         <ic-radio-option value="test1" ></ic-radio-option>    

package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-radio-group.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-radio-group/test/basic/ic-radio-group.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\nbeforeAll(() => {\n  jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n});\n\ndescribe(\"ic-radio-group component\", () => {\n  it(\"Should have tabIndex of first option 0, when no options are selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n    await page.waitForChanges();\n\n    const radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    const input1 = radioButton1.shadowRoot.querySelector(\"input\");\n\n    const radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n    const input2 = radioButton2.shadowRoot.querySelector(\"input\");\n\n    expect(input1.tabIndex).toBe(0);\n    expect(input2.tabIndex).toBe(-1);\n  });\n  it(\"Should not be clickable when disabled\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" disabled></ic-radio-option>    \n        <ic-radio-option value=\"test2\" disabled></ic-radio-option>    \n        </ic-radio-group>\n      `);\n\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n    await radioButton.click();\n    await page.waitForChanges();\n    expect(await radioButton.getProperty(\"selected\")).toBe(false);\n  });\n  it(\"Should be selected when clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n    let radioButton = await page.find(\"ic-radio-option[value='test2']\");\n    await radioButton.click();\n    await page.waitForChanges();\n\n    expect(await radioButton.getProperty(\"selected\")).toBe(true);\n\n    radioButton = await page.find(\"ic-radio-option[value='test2']\");\n    const input = radioButton.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"Should enable textfield when associated option is selected when static\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" selected>\n          <ic-text-field\n              slot=\"additional-field\"\n              label=\"Test label\"\n          ></ic-text-field>\n        </ic-radio-option>    \n        </ic-radio-group>\n      `);\n    const radioButton = await page.find(\"ic-radio-option[value='test1']\");\n    const textfield = await page.find(\"ic-text-field\");\n    expect(textfield).not.toHaveAttribute(\"disabled\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    expect(textfield).toHaveAttribute(\"disabled\");\n  });\n  it(\"Should display textfield when associated option is selected when dynamic\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" additional-field-display=\"dynamic\">\n          <ic-text-field\n              slot=\"additional-field\"\n              label=\"Test label\"\n          ></ic-text-field>\n        </ic-radio-option>    \n        </ic-radio-group>\n      `);\n\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n\n    let additionalFieldDisplay = await page.evaluate(() => {\n      const additionalField = document\n        .querySelector(\"ic-radio-option[value='test2']\")\n        .shadowRoot.querySelector(\".dynamic-container\");\n\n      return window.getComputedStyle(additionalField).display;\n    });\n    expect(additionalFieldDisplay).toBe(\"none\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    additionalFieldDisplay = await page.evaluate(() => {\n      const additionalField = document\n        .querySelector(\"ic-radio-option[value='test2']\")\n        .shadowRoot.querySelector(\".dynamic-container\");\n\n      return window.getComputedStyle(additionalField).display;\n    });\n    expect(additionalFieldDisplay).not.toBe(\"none\");\n  });\n  it(\"Should emit icChange event when radio option is selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" >\n        </ic-radio-option>    \n        </ic-radio-group>\n      `);\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n    const icChange = await page.spyOnEvent(\"icChange\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    const radioElement = await page.evaluate(\n      () =>\n        document.querySelector(\n          \"ic-radio-option[value='test2']\"\n        ) as HTMLIcRadioOptionElement\n    );\n\n    expect(icChange).toHaveReceivedEventDetail({\n      selectedOption: {\n        radio: radioElement,\n      },\n      value: \"test2\",\n    });\n  });\n  it(\"Should emit icCheck event when radio option is selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n    const icChecked = await page.spyOnEvent(\"icCheck\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    expect(icChecked).toHaveReceivedEventDetail({\n      value: \"test2\",\n    });\n  });\n  it(\"Should select when spacebar is pressed\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" >\n        </ic-radio-option>    \n        </ic-radio-group>\n      `);\n    const radioButton = await page.find(\"ic-radio-option[value='test1']\");\n    expect(await radioButton.getProperty(\"selected\")).toBe(false);\n\n    await page.keyboard.press(\"Tab\");\n    await radioButton.press(\" \");\n    await page.waitForChanges();\n\n    expect(await radioButton.getProperty(\"selected\")).toBe(true);\n    const input = radioButton.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"Should select next radio option down when arrow down is used\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        <ic-radio-option value=\"test3\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n    const radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    const radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    await page.keyboard.press(\"Tab\");\n    await radioButton1.press(\" \");\n    await page.waitForChanges();\n    await radioButton1.press(\"ArrowDown\");\n    await page.waitForChanges();\n\n    const input = radioButton2.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"Should select next radio option down when arrow right is used\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        <ic-radio-option value=\"test3\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n    const radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    const radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    await page.keyboard.press(\"Tab\");\n    await radioButton1.press(\" \");\n    await page.waitForChanges();\n    await radioButton1.press(\"ArrowRight\");\n    await page.waitForChanges();\n\n    const input = radioButton2.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"Should select next radio option down when arrow up is used\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        <ic-radio-option value=\"test3\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n\n    const radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    const radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n\n    await radioButton2.click();\n    await page.waitForChanges();\n    await radioButton2.press(\"ArrowUp\");\n    await page.waitForChanges();\n\n    const input = radioButton1.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"Should select next radio option down when arrow left is used\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        <ic-radio-option value=\"test3\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n\n    const radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    const radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n\n    await radioButton2.click();\n    await page.waitForChanges();\n    await radioButton2.press(\"ArrowLeft\");\n    await page.waitForChanges();\n\n    const input = radioButton1.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"Works on a form\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(` <form>\n          <ic-radio-group label=\"this is a label\" name=\"1\">\n          <ic-radio-option\n              value=\"valueName1\"\n              label=\"Unselected / Default\"\n          ></ic-radio-option>\n          <ic-radio-option\n              value=\"valueName2\"\n              label=\"Selected / Default\"\n              selected\n          ></ic-radio-option>\n          <ic-radio-option\n              value=\"valueName3\"\n              label=\"Unselected / Disabled\"\n              disabled\n          ></ic-radio-option>\n          </ic-radio-group>\n        <input type=\"submit\" value=\"Submit\">\n      </form>\n      <script>document.querySelector('form').addEventListener('submit', (ev) => {\n        ev.preventDefault();\n      })\n      </script>\n      `);\n    await page.waitForChanges();\n\n    const radioButton = await page.find(\"ic-radio-option[value='valueName1']\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n    const value = await (\n      await page.find('input[name=\"1\"]')\n    ).getProperty(\"value\");\n\n    expect(value).toBe(\"valueName1\");\n  });\n  it(\"Passes the value of radio button correctly when already selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" selected ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n\n    await page.waitForChanges();\n\n    const value = await (\n      await page.find('input[name=\"test\"]')\n    ).getProperty(\"value\");\n\n    expect(value).toBe(\"test2\");\n  });\n\n  it(\"Passes the value of radio button and textfield correctly when already selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n    <ic-radio-option value=\"test1\" ></ic-radio-option>    \n    <ic-radio-option value=\"test2\" additional-field-display=\"dynamic\" >\n      <ic-text-field\n          slot=\"additional-field\"\n          label=\"Test label\"\n      ></ic-text-field>\n    </ic-radio-option>    \n    </ic-radio-group>\n  `);\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    await page.keyboard.press(\"t\");\n    await page.keyboard.press(\"e\");\n    await page.keyboard.press(\"s\");\n    await page.keyboard.press(\"t\");\n\n    await page.waitForChanges();\n\n    let value = await (\n      await page.find('input[name=\"test\"]')\n    ).getProperty(\"value\");\n\n    expect(value).toBe(\"test\");\n\n    await page.keyboard.press(\"Backspace\");\n    await page.keyboard.press(\"Backspace\");\n    await page.keyboard.press(\"Backspace\");\n    await page.keyboard.press(\"Backspace\");\n\n    await page.waitForChanges();\n\n    value = await (await page.find('input[name=\"test\"]')).getProperty(\"value\");\n\n    expect(value).toBe(\"test2\");\n  });\n\n  it(\"Passes the value of radio button and textfield correctly when already selected and has a value in texfield\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n    <ic-radio-option value=\"test1\" ></ic-radio-option>    \n    <ic-radio-option value=\"test2\" additional-field-display=\"dynamic\" >\n      <ic-text-field\n          slot=\"additional-field\"\n          label=\"Test label\"\n          value=\"testValue1\"\n      ></ic-text-field>\n    </ic-radio-option>    \n    </ic-radio-group>\n  `);\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    const value = await (\n      await page.find('input[name=\"test\"]')\n    ).getProperty(\"value\");\n\n    expect(value).toBe(\"testValue1\");\n  });\n\n  it(\"Should reset to initial state on form reset event\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<form><ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" selected></ic-radio-option>    \n        </ic-radio-group>\n        <button type=\"reset\" id=\"resetButton\">Reset</button>\n        </form>\n      `);\n\n    await page.waitForChanges();\n\n    let radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    let radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    expect(await radioButton1.getProperty(\"selected\")).toBe(false);\n    expect(await radioButton2.getProperty(\"selected\")).toBe(true);\n\n    await radioButton1.click();\n    await page.waitForChanges();\n\n    radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    expect(await radioButton1.getProperty(\"selected\")).toBe(true);\n    expect(await radioButton2.getProperty(\"selected\")).toBe(false);\n\n    const resetButton = await page.find(\"#resetButton\");\n    await resetButton.click();\n\n    await page.waitForChanges();\n\n    radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    expect(await radioButton1.getProperty(\"selected\")).toBe(false);\n    expect(await radioButton2.getProperty(\"selected\")).toBe(true);\n  });\n});\n"]}
+{"version":3,"file":"ic-radio-group.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-radio-group/test/basic/ic-radio-group.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\nbeforeAll(() => {\n  jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n});\n\ndescribe(\"ic-radio-group component\", () => {\n  it(\"should have tabIndex of first option 0, when no options are selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n    await page.waitForChanges();\n\n    const radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    const input1 = radioButton1.shadowRoot.querySelector(\"input\");\n\n    const radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n    const input2 = radioButton2.shadowRoot.querySelector(\"input\");\n\n    expect(input1.tabIndex).toBe(0);\n    expect(input2.tabIndex).toBe(-1);\n  });\n  it(\"should not be clickable when disabled\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" disabled></ic-radio-option>    \n        <ic-radio-option value=\"test2\" disabled></ic-radio-option>    \n        </ic-radio-group>\n      `);\n\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n    await radioButton.click();\n    await page.waitForChanges();\n    expect(await radioButton.getProperty(\"selected\")).toBe(false);\n  });\n  it(\"should be selected when clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n    let radioButton = await page.find(\"ic-radio-option[value='test2']\");\n    await radioButton.click();\n    await page.waitForChanges();\n\n    expect(await radioButton.getProperty(\"selected\")).toBe(true);\n\n    radioButton = await page.find(\"ic-radio-option[value='test2']\");\n    const input = radioButton.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"should enable textfield when associated option is selected when static\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" selected>\n          <ic-text-field\n              slot=\"additional-field\"\n              label=\"Test label\"\n          ></ic-text-field>\n        </ic-radio-option>    \n        </ic-radio-group>\n      `);\n    const radioButton = await page.find(\"ic-radio-option[value='test1']\");\n    const textfield = await page.find(\"ic-text-field\");\n    expect(textfield).not.toHaveAttribute(\"disabled\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    expect(textfield).toHaveAttribute(\"disabled\");\n  });\n  it(\"should display textfield when associated option is selected when dynamic\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" additional-field-display=\"dynamic\">\n          <ic-text-field\n              slot=\"additional-field\"\n              label=\"Test label\"\n          ></ic-text-field>\n        </ic-radio-option>    \n        </ic-radio-group>\n      `);\n\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n\n    let additionalFieldDisplay = await page.evaluate(() => {\n      const additionalField = document\n        .querySelector(\"ic-radio-option[value='test2']\")\n        .shadowRoot.querySelector(\".dynamic-container\");\n\n      return window.getComputedStyle(additionalField).display;\n    });\n    expect(additionalFieldDisplay).toBe(\"none\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    additionalFieldDisplay = await page.evaluate(() => {\n      const additionalField = document\n        .querySelector(\"ic-radio-option[value='test2']\")\n        .shadowRoot.querySelector(\".dynamic-container\");\n\n      return window.getComputedStyle(additionalField).display;\n    });\n    expect(additionalFieldDisplay).not.toBe(\"none\");\n  });\n  it(\"should emit icChange event when radio option is selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" >\n        </ic-radio-option>    \n        </ic-radio-group>\n      `);\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n    const icChange = await page.spyOnEvent(\"icChange\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    const radioElement = await page.evaluate(\n      () =>\n        document.querySelector(\n          \"ic-radio-option[value='test2']\"\n        ) as HTMLIcRadioOptionElement\n    );\n\n    expect(icChange).toHaveReceivedEventDetail({\n      selectedOption: {\n        radio: radioElement,\n      },\n      value: \"test2\",\n    });\n  });\n  it(\"should emit icCheck event when radio option is selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n    const icChecked = await page.spyOnEvent(\"icCheck\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    expect(icChecked).toHaveReceivedEventDetail({\n      value: \"test2\",\n    });\n  });\n  it(\"should select when spacebar is pressed\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" >\n        </ic-radio-option>    \n        </ic-radio-group>\n      `);\n    const radioButton = await page.find(\"ic-radio-option[value='test1']\");\n    expect(await radioButton.getProperty(\"selected\")).toBe(false);\n\n    await page.keyboard.press(\"Tab\");\n    await radioButton.press(\" \");\n    await page.waitForChanges();\n\n    expect(await radioButton.getProperty(\"selected\")).toBe(true);\n    const input = radioButton.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"should select next radio option down when arrow down is used\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        <ic-radio-option value=\"test3\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n    const radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    const radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    await page.keyboard.press(\"Tab\");\n    await radioButton1.press(\" \");\n    await page.waitForChanges();\n    await radioButton1.press(\"ArrowDown\");\n    await page.waitForChanges();\n\n    const input = radioButton2.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"should select next radio option down when arrow right is used\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        <ic-radio-option value=\"test3\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n    const radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    const radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    await page.keyboard.press(\"Tab\");\n    await radioButton1.press(\" \");\n    await page.waitForChanges();\n    await radioButton1.press(\"ArrowRight\");\n    await page.waitForChanges();\n\n    const input = radioButton2.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"should select next radio option down when arrow up is used\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        <ic-radio-option value=\"test3\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n\n    const radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    const radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n\n    await radioButton2.click();\n    await page.waitForChanges();\n    await radioButton2.press(\"ArrowUp\");\n    await page.waitForChanges();\n\n    const input = radioButton1.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"should select next radio option down when arrow left is used\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        <ic-radio-option value=\"test3\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n\n    const radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    const radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n\n    await radioButton2.click();\n    await page.waitForChanges();\n    await radioButton2.press(\"ArrowLeft\");\n    await page.waitForChanges();\n\n    const input = radioButton1.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"shold works in a form\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(` <form>\n          <ic-radio-group label=\"this is a label\" name=\"1\">\n          <ic-radio-option\n              value=\"valueName1\"\n              label=\"Unselected / Default\"\n          ></ic-radio-option>\n          <ic-radio-option\n              value=\"valueName2\"\n              label=\"Selected / Default\"\n              selected\n          ></ic-radio-option>\n          <ic-radio-option\n              value=\"valueName3\"\n              label=\"Unselected / Disabled\"\n              disabled\n          ></ic-radio-option>\n          </ic-radio-group>\n        <input type=\"submit\" value=\"Submit\">\n      </form>\n      <script>document.querySelector('form').addEventListener('submit', (ev) => {\n        ev.preventDefault();\n      })\n      </script>\n      `);\n    await page.waitForChanges();\n\n    const radioButton = await page.find(\"ic-radio-option[value='valueName1']\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n    const value = await (\n      await page.find('input[name=\"1\"]')\n    ).getProperty(\"value\");\n\n    expect(value).toBe(\"valueName1\");\n  });\n  it(\"should pass the value of radio button correctly when already selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" selected ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n\n    await page.waitForChanges();\n\n    const value = await (\n      await page.find('input[name=\"test\"]')\n    ).getProperty(\"value\");\n\n    expect(value).toBe(\"test2\");\n  });\n\n  it(\"should pass the value of radio button and textfield correctly when already selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n    <ic-radio-option value=\"test1\" ></ic-radio-option>    \n    <ic-radio-option value=\"test2\" additional-field-display=\"dynamic\" >\n      <ic-text-field\n          slot=\"additional-field\"\n          label=\"Test label\"\n      ></ic-text-field>\n    </ic-radio-option>    \n    </ic-radio-group>\n  `);\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    await page.keyboard.press(\"t\");\n    await page.keyboard.press(\"e\");\n    await page.keyboard.press(\"s\");\n    await page.keyboard.press(\"t\");\n\n    await page.waitForChanges();\n\n    let value = await (\n      await page.find('input[name=\"test\"]')\n    ).getProperty(\"value\");\n\n    expect(value).toBe(\"test\");\n\n    await page.keyboard.press(\"Backspace\");\n    await page.keyboard.press(\"Backspace\");\n    await page.keyboard.press(\"Backspace\");\n    await page.keyboard.press(\"Backspace\");\n\n    await page.waitForChanges();\n\n    value = await (await page.find('input[name=\"test\"]')).getProperty(\"value\");\n\n    expect(value).toBe(\"test2\");\n  });\n\n  it(\"should pass the value of radio button and textfield correctly when already selected and has a value in texfield\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n    <ic-radio-option value=\"test1\" ></ic-radio-option>    \n    <ic-radio-option value=\"test2\" additional-field-display=\"dynamic\" >\n      <ic-text-field\n          slot=\"additional-field\"\n          label=\"Test label\"\n          value=\"testValue1\"\n      ></ic-text-field>\n    </ic-radio-option>    \n    </ic-radio-group>\n  `);\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    const value = await (\n      await page.find('input[name=\"test\"]')\n    ).getProperty(\"value\");\n\n    expect(value).toBe(\"testValue1\");\n  });\n\n  it(\"should reset to initial state on form reset event\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<form><ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" selected></ic-radio-option>    \n        </ic-radio-group>\n        <button type=\"reset\" id=\"resetButton\">Reset</button>\n        </form>\n      `);\n\n    await page.waitForChanges();\n\n    let radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    let radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    expect(await radioButton1.getProperty(\"selected\")).toBe(false);\n    expect(await radioButton2.getProperty(\"selected\")).toBe(true);\n\n    await radioButton1.click();\n    await page.waitForChanges();\n\n    radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    expect(await radioButton1.getProperty(\"selected\")).toBe(true);\n    expect(await radioButton2.getProperty(\"selected\")).toBe(false);\n\n    const resetButton = await page.find(\"#resetButton\");\n    await resetButton.click();\n\n    await page.waitForChanges();\n\n    radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    expect(await radioButton1.getProperty(\"selected\")).toBe(false);\n    expect(await radioButton2.getProperty(\"selected\")).toBe(true);\n  });\n});\n"]}

package/dist/collection/components/ic-radio-option/ic-radio-option.js

@@ -1,5 +1,7 @@
 import { Host, h, } from "@stencil/core";
-import { getSlotContent, onComponentRequiredPropUndefined, addFormResetListener, removeFormResetListener, removeDisabledFalse, isPropDefined, } from "../../utils/helpers";
+import { onComponentRequiredPropUndefined, addFormResetListener, removeFormResetListener, removeDisabledFalse, isPropDefined, isSlotUsed, } from "../../utils/helpers";
+const ADDITIONAL_FIELD = "additional-field";
+const TEXT_FIELD_SELECTOR = "ic-text-field";
 /**
  * @slot additional-field - Content to displayed alongside a radio option.
  */
@@ -15,9 +17,9 @@ export class RadioOption {
                 }
                 this.skipFocus = false;
                 if (this.hasAdditionalField) {
-                    const textfield = this.el.querySelector("ic-text-field");
                     this.value =
-                        textfield.value !== "" ? textfield.value : this.defaultRadioValue;
+                        this.el.querySelector(TEXT_FIELD_SELECTOR).value ||
+                            this.defaultRadioValue;
                 }
                 this.icCheck.emit({
                     value: this.value,
@@ -57,14 +59,11 @@ export class RadioOption {
         removeFormResetListener(this.el, this.handleFormReset);
     }
     componentWillLoad() {
-        const additionalFieldContent = getSlotContent(this.el, "additional-field");
-        if (additionalFieldContent !== null) {
+        if (isSlotUsed(this.el, ADDITIONAL_FIELD)) {
             this.hasAdditionalField = true;
-            const Element = additionalFieldContent[0];
-            if (Element.tagName === "IC-TEXT-FIELD") {
-                const textField = Element;
+            const textField = this.el.querySelector(TEXT_FIELD_SELECTOR);
+            if (textField)
                 textField.hiddenInput = false;
-            }
         }
         this.defaultRadioValue = this.value;
         addFormResetListener(this.el, this.handleFormReset);
@@ -73,38 +72,38 @@ export class RadioOption {
     componentDidLoad() {
         onComponentRequiredPropUndefined([{ prop: this.value, propName: "value" }], "Radio Option");
     }
+    componentWillRender() {
+        const hasSlot = isSlotUsed(this.el, ADDITIONAL_FIELD);
+        if (hasSlot && !this.hasAdditionalField) {
+            this.hasAdditionalField = true;
+            const textField = this.el.querySelector(TEXT_FIELD_SELECTOR);
+            if (textField)
+                textField.hiddenInput = false;
+        }
+        else if (!hasSlot && this.hasAdditionalField) {
+            this.hasAdditionalField = false;
+        }
+    }
     componentDidRender() {
         if (this.additionalFieldDisplay === "static") {
-            const textfield = this.el.querySelector("ic-text-field");
+            const textfield = this.el.querySelector(TEXT_FIELD_SELECTOR);
             if (!this.selected) {
-                textfield && textfield.setAttribute("disabled", "");
+                textfield === null || textfield === void 0 ? void 0 : textfield.setAttribute("disabled", "");
             }
             else {
-                textfield && textfield.removeAttribute("disabled");
+                textfield === null || textfield === void 0 ? void 0 : textfield.removeAttribute("disabled");
             }
         }
     }
     textfieldValueHandler(event) {
-        const textFieldValue = event.detail.value;
         if (this.selected) {
-            if (textFieldValue !== "") {
-                this.value = event.detail.value;
-                this.icCheck.emit({
-                    value: this.value,
-                });
-                this.radioOptionSelect.emit({
-                    value: this.value,
-                });
-            }
-            else {
-                this.value = this.defaultRadioValue;
-                this.icCheck.emit({
-                    value: this.defaultRadioValue,
-                });
-                this.radioOptionSelect.emit({
-                    value: this.defaultRadioValue,
-                });
-            }
+            this.value = event.detail.value || this.defaultRadioValue;
+            this.icCheck.emit({
+                value: this.value,
+            });
+            this.radioOptionSelect.emit({
+                value: this.value,
+            });
         }
         event.stopImmediatePropagation();
     }
@@ -122,13 +121,14 @@ export class RadioOption {
         this.radioElement.tabIndex = value;
     }
     render() {
-        const id = `ic-radio-option-${isPropDefined(this.label) ? this.label : this.value}-${this.groupLabel}`;
-        return (h(Host, { onClick: this.handleClick, class: { disabled: this.disabled } }, h("div", { class: { ["container"]: true, ["disabled"]: this.disabled } }, h("div", null, h("input", { role: "radio", tabindex: this.selected ? "0" : "-1", type: "radio", name: this.name, id: id, value: this.value, disabled: this.disabled ? true : null, checked: this.selected, ref: (el) => (this.radioElement = el), form: this.form, formaction: this.formaction, formenctype: this.formenctype, formmethod: this.formmethod, formnovalidate: this.formnovalidate, formtarget: this.formtarget }), h("span", { class: "checkmark" })), h("ic-typography", { class: "radio-label", variant: "body" }, h("label", { htmlFor: id }, this.label))), this.hasAdditionalField && (h("div", { onClick: this.swallowClick, class: {
+        const { additionalFieldDisplay, disabled, dynamicText, form, formaction, formenctype, formmethod, formnovalidate, formtarget, groupLabel, handleClick, hasAdditionalField, label, name, selected, swallowClick, value, } = this;
+        const id = `ic-radio-option-${isPropDefined(label) || value}-${groupLabel}`;
+        return (h(Host, { onClick: handleClick, class: { disabled } }, h("div", { class: { ["container"]: true, disabled } }, h("div", null, h("input", { role: "radio", tabindex: selected ? "0" : "-1", type: "radio", name: name, id: id, value: value, disabled: disabled ? true : null, checked: selected, ref: (el) => (this.radioElement = el), form: form, formaction: formaction, formenctype: formenctype, formmethod: formmethod, formnovalidate: formnovalidate, formtarget: formtarget }), h("span", { class: "checkmark" })), h("ic-typography", { class: "radio-label", variant: "body" }, h("label", { htmlFor: id }, label))), hasAdditionalField && (h("div", { onClick: swallowClick, class: {
                 "dynamic-container": true,
-                hidden: this.additionalFieldDisplay === "dynamic" && !this.selected,
-            } }, this.additionalFieldDisplay === "dynamic" && (h("div", { class: "branch-corner" })), h("div", null, this.additionalFieldDisplay === "dynamic" && (h("ic-typography", { variant: "caption" }, h("p", { class: "dynamic-text" }, this.dynamicText))), h("div", { class: {
-                "additional-field-wrapper": this.additionalFieldDisplay === "static",
-            } }, h("slot", { name: "additional-field" })))))));
+                hidden: additionalFieldDisplay === "dynamic" && !selected,
+            } }, additionalFieldDisplay === "dynamic" && (h("div", { class: "branch-corner" })), h("div", null, additionalFieldDisplay === "dynamic" && (h("ic-typography", { variant: "caption" }, h("p", { class: "dynamic-text" }, dynamicText))), h("div", { class: {
+                "additional-field-wrapper": additionalFieldDisplay === "static",
+            } }, h("slot", { name: ADDITIONAL_FIELD })))))));
     }
     static get is() { return "ic-radio-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ic-radio-option/ic-radio-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-radio-option.js","sourceRoot":"","sources":["../../../src/components/ic-radio-option/ic-radio-option.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  Listen,\n  State,\n  Method,\n  Watch,\n} from \"@stencil/core\";\nimport { IcAdditionalFieldTypes, IcValueEventDetail } from \"../../utils/types\";\nimport {\n  getSlotContent,\n  onComponentRequiredPropUndefined,\n  addFormResetListener,\n  removeFormResetListener,\n  removeDisabledFalse,\n  isPropDefined,\n} from \"../../utils/helpers\";\n\n/**\n * @slot additional-field - Content to displayed alongside a radio option.\n */\n@Component({\n  tag: \"ic-radio-option\",\n  styleUrl: \"ic-radio-option.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class RadioOption {\n  private defaultRadioValue: string = \"\";\n  private hasAdditionalField: boolean = false;\n  private radioElement: HTMLInputElement;\n  private skipFocus = false;\n\n  @Element() el: HTMLIcRadioOptionElement;\n\n  /**\n   * The style of additionalField that will be displayed if used.\n   */\n  @Prop({ reflect: true }) additionalFieldDisplay: IcAdditionalFieldTypes =\n    \"static\";\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * The text to be displayed when dynamic.\n   */\n  @Prop() dynamicText: string = \"This selection requires additional answers\";\n\n  /**\n   * The <form> element to associate the radio with.\n   */\n  @Prop() form?: string;\n\n  /**\n   * The URL that processes the information submitted by the radio. It overrides the action attribute of the radio's form owner. Does nothing if there is no form owner.\n   */\n  @Prop() formaction?: string;\n\n  /**\n   * The way the submitted form data is encoded.\n   */\n  @Prop() formenctype?: string;\n\n  /**\n   * The HTTP method used to submit the form.\n   */\n  @Prop() formmethod?: string;\n\n  /**\n   * If `true`, the form will not be validated when submitted.\n   */\n  @Prop() formnovalidate?: boolean;\n\n  /**\n   * The place to display the response from submitting the form. It overrides the target attribute of the radio's form owner.\n   */\n  @Prop() formtarget?: string;\n\n  /**\n   * The group label for the radio option.\n   */\n  @Prop() groupLabel: string;\n\n  /**\n   * The label for the radio option.\n   */\n  @Prop() label?: string;\n\n  /**\n   * The name for the radio option.\n   */\n  @Prop() name: string;\n\n  /**\n   * The value for the radio option.\n   */\n  @Prop({ mutable: true }) value!: string;\n\n  /**\n   * If `true`, the radio option will be displayed in a selected state.\n   */\n  @Prop({ reflect: true, mutable: true }) selected?: boolean = false;\n  @State() initiallySelected = this.selected;\n\n  @Watch(\"selected\")\n  watchSelectedHandler(): void {\n    this.icSelectedChange.emit();\n  }\n\n  /**\n   * Emitted when the radio option is selected.\n   */\n  @Event() icCheck: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * @deprecated This event should not be used anymore. Use icCheck instead.\n   */\n  @Event() radioOptionSelect: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when the radio option is selected or deselected.\n   */\n  @Event() icSelectedChange: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    removeFormResetListener(this.el, this.handleFormReset);\n  }\n\n  componentWillLoad(): void {\n    const additionalFieldContent = getSlotContent(this.el, \"additional-field\");\n\n    if (additionalFieldContent !== null) {\n      this.hasAdditionalField = true;\n      const Element = additionalFieldContent[0] as HTMLElement;\n      if (Element.tagName === \"IC-TEXT-FIELD\") {\n        const textField = Element as HTMLIcTextFieldElement;\n        textField.hiddenInput = false;\n      }\n    }\n\n    this.defaultRadioValue = this.value;\n\n    addFormResetListener(this.el, this.handleFormReset);\n\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.value, propName: \"value\" }],\n      \"Radio Option\"\n    );\n  }\n\n  componentDidRender(): void {\n    if (this.additionalFieldDisplay === \"static\") {\n      const textfield = this.el.querySelector(\"ic-text-field\");\n      if (!this.selected) {\n        textfield && textfield.setAttribute(\"disabled\", \"\");\n      } else {\n        textfield && textfield.removeAttribute(\"disabled\");\n      }\n    }\n  }\n\n  @Listen(\"icChange\")\n  textfieldValueHandler(event: CustomEvent<{ value: string }>): void {\n    const textFieldValue = event.detail.value;\n\n    if (this.selected) {\n      if (textFieldValue !== \"\") {\n        this.value = event.detail.value;\n        this.icCheck.emit({\n          value: this.value,\n        });\n        this.radioOptionSelect.emit({\n          value: this.value,\n        });\n      } else {\n        this.value = this.defaultRadioValue;\n        this.icCheck.emit({\n          value: this.defaultRadioValue,\n        });\n        this.radioOptionSelect.emit({\n          value: this.defaultRadioValue,\n        });\n      }\n    }\n\n    event.stopImmediatePropagation();\n  }\n\n  /**\n   * Sets focus on the radio option.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.radioElement?.focus();\n  }\n\n  /**\n   * @internal Sets the tabIndex of the radio option.\n   */\n  @Method()\n  async setTabIndex(value: number): Promise<void> {\n    this.radioElement.tabIndex = value;\n  }\n\n  private handleClick = () => {\n    if (!this.disabled) {\n      if (this.skipFocus === false) {\n        this.radioElement.focus();\n      }\n      this.skipFocus = false;\n\n      if (this.hasAdditionalField) {\n        const textfield = this.el.querySelector(\"ic-text-field\");\n        this.value =\n          textfield.value !== \"\" ? textfield.value : this.defaultRadioValue;\n      }\n\n      this.icCheck.emit({\n        value: this.value,\n      });\n\n      this.radioOptionSelect.emit({\n        value: this.value,\n      });\n    }\n  };\n\n  private swallowClick = (event: MouseEvent) => {\n    event.stopPropagation();\n  };\n\n  private handleFormReset = (): void => {\n    this.skipFocus = true;\n    this.selected = this.initiallySelected;\n  };\n\n  render() {\n    const id = `ic-radio-option-${\n      isPropDefined(this.label) ? this.label : this.value\n    }-${this.groupLabel}`;\n\n    return (\n      <Host onClick={this.handleClick} class={{ disabled: this.disabled }}>\n        <div class={{ [\"container\"]: true, [\"disabled\"]: this.disabled }}>\n          <div>\n            <input\n              role=\"radio\"\n              tabindex={this.selected ? \"0\" : \"-1\"}\n              type=\"radio\"\n              name={this.name}\n              id={id}\n              value={this.value}\n              disabled={this.disabled ? true : null}\n              checked={this.selected}\n              ref={(el) => (this.radioElement = el)}\n              form={this.form}\n              formaction={this.formaction}\n              formenctype={this.formenctype}\n              formmethod={this.formmethod}\n              formnovalidate={this.formnovalidate}\n              formtarget={this.formtarget}\n            ></input>\n            <span class=\"checkmark\"></span>\n          </div>\n          <ic-typography class=\"radio-label\" variant=\"body\">\n            <label htmlFor={id}>{this.label}</label>\n          </ic-typography>\n        </div>\n\n        {this.hasAdditionalField && (\n          <div\n            onClick={this.swallowClick}\n            class={{\n              \"dynamic-container\": true,\n              hidden:\n                this.additionalFieldDisplay === \"dynamic\" && !this.selected,\n            }}\n          >\n            {this.additionalFieldDisplay === \"dynamic\" && (\n              <div class=\"branch-corner\"></div>\n            )}\n            <div>\n              {this.additionalFieldDisplay === \"dynamic\" && (\n                <ic-typography variant=\"caption\">\n                  <p class=\"dynamic-text\">{this.dynamicText}</p>\n                </ic-typography>\n              )}\n              <div\n                class={{\n                  \"additional-field-wrapper\":\n                    this.additionalFieldDisplay === \"static\",\n                }}\n              >\n                <slot name=\"additional-field\"></slot>\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ic-radio-option.js","sourceRoot":"","sources":["../../../src/components/ic-radio-option/ic-radio-option.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  Listen,\n  State,\n  Method,\n  Watch,\n} from \"@stencil/core\";\nimport { IcAdditionalFieldTypes, IcValueEventDetail } from \"../../utils/types\";\nimport {\n  onComponentRequiredPropUndefined,\n  addFormResetListener,\n  removeFormResetListener,\n  removeDisabledFalse,\n  isPropDefined,\n  isSlotUsed,\n} from \"../../utils/helpers\";\n\nconst ADDITIONAL_FIELD = \"additional-field\";\nconst TEXT_FIELD_SELECTOR = \"ic-text-field\";\n\n/**\n * @slot additional-field - Content to displayed alongside a radio option.\n */\n@Component({\n  tag: \"ic-radio-option\",\n  styleUrl: \"ic-radio-option.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class RadioOption {\n  private defaultRadioValue: string = \"\";\n  private hasAdditionalField: boolean = false;\n  private radioElement: HTMLInputElement;\n  private skipFocus = false;\n\n  @Element() el: HTMLIcRadioOptionElement;\n\n  /**\n   * The style of additionalField that will be displayed if used.\n   */\n  @Prop({ reflect: true }) additionalFieldDisplay: IcAdditionalFieldTypes =\n    \"static\";\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * The text to be displayed when dynamic.\n   */\n  @Prop() dynamicText: string = \"This selection requires additional answers\";\n\n  /**\n   * The <form> element to associate the radio with.\n   */\n  @Prop() form?: string;\n\n  /**\n   * The URL that processes the information submitted by the radio. It overrides the action attribute of the radio's form owner. Does nothing if there is no form owner.\n   */\n  @Prop() formaction?: string;\n\n  /**\n   * The way the submitted form data is encoded.\n   */\n  @Prop() formenctype?: string;\n\n  /**\n   * The HTTP method used to submit the form.\n   */\n  @Prop() formmethod?: string;\n\n  /**\n   * If `true`, the form will not be validated when submitted.\n   */\n  @Prop() formnovalidate?: boolean;\n\n  /**\n   * The place to display the response from submitting the form. It overrides the target attribute of the radio's form owner.\n   */\n  @Prop() formtarget?: string;\n\n  /**\n   * The group label for the radio option.\n   */\n  @Prop() groupLabel: string;\n\n  /**\n   * The label for the radio option.\n   */\n  @Prop() label?: string;\n\n  /**\n   * The name for the radio option.\n   */\n  @Prop() name: string;\n\n  /**\n   * The value for the radio option.\n   */\n  @Prop({ mutable: true }) value!: string;\n\n  /**\n   * If `true`, the radio option will be displayed in a selected state.\n   */\n  @Prop({ reflect: true, mutable: true }) selected?: boolean = false;\n  @State() initiallySelected = this.selected;\n\n  @Watch(\"selected\")\n  watchSelectedHandler(): void {\n    this.icSelectedChange.emit();\n  }\n\n  /**\n   * Emitted when the radio option is selected.\n   */\n  @Event() icCheck: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * @deprecated This event should not be used anymore. Use icCheck instead.\n   */\n  @Event() radioOptionSelect: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when the radio option is selected or deselected.\n   */\n  @Event() icSelectedChange: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    removeFormResetListener(this.el, this.handleFormReset);\n  }\n\n  componentWillLoad(): void {\n    if (isSlotUsed(this.el, ADDITIONAL_FIELD)) {\n      this.hasAdditionalField = true;\n      const textField = this.el.querySelector(TEXT_FIELD_SELECTOR);\n      if (textField) textField.hiddenInput = false;\n    }\n\n    this.defaultRadioValue = this.value;\n\n    addFormResetListener(this.el, this.handleFormReset);\n\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.value, propName: \"value\" }],\n      \"Radio Option\"\n    );\n  }\n\n  componentWillRender(): void {\n    const hasSlot = isSlotUsed(this.el, ADDITIONAL_FIELD);\n    if (hasSlot && !this.hasAdditionalField) {\n      this.hasAdditionalField = true;\n      const textField = this.el.querySelector(TEXT_FIELD_SELECTOR);\n      if (textField) textField.hiddenInput = false;\n    } else if (!hasSlot && this.hasAdditionalField) {\n      this.hasAdditionalField = false;\n    }\n  }\n\n  componentDidRender(): void {\n    if (this.additionalFieldDisplay === \"static\") {\n      const textfield = this.el.querySelector(TEXT_FIELD_SELECTOR);\n      if (!this.selected) {\n        textfield?.setAttribute(\"disabled\", \"\");\n      } else {\n        textfield?.removeAttribute(\"disabled\");\n      }\n    }\n  }\n\n  @Listen(\"icChange\")\n  textfieldValueHandler(event: CustomEvent<{ value: string }>): void {\n    if (this.selected) {\n      this.value = event.detail.value || this.defaultRadioValue;\n      this.icCheck.emit({\n        value: this.value,\n      });\n      this.radioOptionSelect.emit({\n        value: this.value,\n      });\n    }\n\n    event.stopImmediatePropagation();\n  }\n\n  /**\n   * Sets focus on the radio option.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.radioElement?.focus();\n  }\n\n  /**\n   * @internal Sets the tabIndex of the radio option.\n   */\n  @Method()\n  async setTabIndex(value: number): Promise<void> {\n    this.radioElement.tabIndex = value;\n  }\n\n  private handleClick = () => {\n    if (!this.disabled) {\n      if (this.skipFocus === false) {\n        this.radioElement.focus();\n      }\n      this.skipFocus = false;\n\n      if (this.hasAdditionalField) {\n        this.value =\n          this.el.querySelector(TEXT_FIELD_SELECTOR).value ||\n          this.defaultRadioValue;\n      }\n\n      this.icCheck.emit({\n        value: this.value,\n      });\n\n      this.radioOptionSelect.emit({\n        value: this.value,\n      });\n    }\n  };\n\n  private swallowClick = (event: MouseEvent) => {\n    event.stopPropagation();\n  };\n\n  private handleFormReset = (): void => {\n    this.skipFocus = true;\n    this.selected = this.initiallySelected;\n  };\n\n  render() {\n    const {\n      additionalFieldDisplay,\n      disabled,\n      dynamicText,\n      form,\n      formaction,\n      formenctype,\n      formmethod,\n      formnovalidate,\n      formtarget,\n      groupLabel,\n      handleClick,\n      hasAdditionalField,\n      label,\n      name,\n      selected,\n      swallowClick,\n      value,\n    } = this;\n\n    const id = `ic-radio-option-${isPropDefined(label) || value}-${groupLabel}`;\n\n    return (\n      <Host onClick={handleClick} class={{ disabled }}>\n        <div class={{ [\"container\"]: true, disabled }}>\n          <div>\n            <input\n              role=\"radio\"\n              tabindex={selected ? \"0\" : \"-1\"}\n              type=\"radio\"\n              name={name}\n              id={id}\n              value={value}\n              disabled={disabled ? true : null}\n              checked={selected}\n              ref={(el) => (this.radioElement = el)}\n              form={form}\n              formaction={formaction}\n              formenctype={formenctype}\n              formmethod={formmethod}\n              formnovalidate={formnovalidate}\n              formtarget={formtarget}\n            ></input>\n            <span class=\"checkmark\"></span>\n          </div>\n          <ic-typography class=\"radio-label\" variant=\"body\">\n            <label htmlFor={id}>{label}</label>\n          </ic-typography>\n        </div>\n\n        {hasAdditionalField && (\n          <div\n            onClick={swallowClick}\n            class={{\n              \"dynamic-container\": true,\n              hidden: additionalFieldDisplay === \"dynamic\" && !selected,\n            }}\n          >\n            {additionalFieldDisplay === \"dynamic\" && (\n              <div class=\"branch-corner\"></div>\n            )}\n            <div>\n              {additionalFieldDisplay === \"dynamic\" && (\n                <ic-typography variant=\"caption\">\n                  <p class=\"dynamic-text\">{dynamicText}</p>\n                </ic-typography>\n              )}\n              <div\n                class={{\n                  \"additional-field-wrapper\":\n                    additionalFieldDisplay === \"static\",\n                }}\n              >\n                <slot name={ADDITIONAL_FIELD}></slot>\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js

@@ -347,7 +347,7 @@ describe("ic-search-bar", () => {
         await menu.press("Enter");
         expect(await searchBar.getProperty("value")).toBe("qux");
     });
-    it("menu should close on Escape", async () => {
+    it("should close menu on escape", async () => {
         const page = await newE2EPage();
         await page.setContent(`
       <ic-search-bar label="Test Label"></ic-search-bar>
@@ -365,7 +365,7 @@ describe("ic-search-bar", () => {
         menu = await page.find("ic-search-bar >>> ic-text-field ic-menu");
         expect(menu).toBeNull();
     });
-    it("menu should close when blurred and open when focused", async () => {
+    it("should close menu when blurred and open when focused", async () => {
         const page = await newE2EPage();
         await page.setContent(`
       <ic-search-bar label="Test Label"></ic-search-bar>
@@ -711,7 +711,7 @@ describe("ic-search-bar", () => {
         });
         expect(focusedElement).toBe("ic-search-bar-input-0");
     });
-    it("menu is still rendered when Shift is pressed while focus on input", async () => {
+    it("should render menu when shift is pressed while focus on input", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-search-bar label="Test Label"></ic-search-bar>`);
         const searchBar = await page.find("ic-search-bar");
@@ -723,7 +723,7 @@ describe("ic-search-bar", () => {
         const menu = await page.find("ic-search-bar >>> ic-menu");
         expect(await menu.isVisible()).toBeTruthy();
     });
-    it("displays tooltip on search buttons when enabled", async () => {
+    it("should display tooltip on search buttons when enabled", async () => {
         const page = await newE2EPage();
         await page.setContent(`<ic-search-bar label="Test Label"></ic-search-bar>`);
         await page.keyboard.press("Tab");
@@ -793,7 +793,7 @@ describe("ic-search-bar", () => {
         });
         expect(firstOptionFocused).toBeTruthy();
     });
-    it("focuses onto button from search bar", async () => {
+    it("should focus onto button from search bar", async () => {
         const page = await newE2EPage();
         await page.setContent(`
       <ic-search-bar label="Test Label"></ic-search-bar>