@ukic/web-components 2.8.0 → 2.9.0

package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-accordion.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-accordion/test/basic/ic-accordion.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Accordion } from \"../../ic-accordion\";\n\ndescribe(\"ic-accordion snapshots\", () => {\n  it(\"should match default snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>\n      `,\n    });\n    expect(page.root).toMatchSnapshot(\"renders as default\");\n  });\n\n  it(\"should match light snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders as light\");\n  });\n\n  it(\"should match with icon snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\">\n        <svg\n          slot=\"icon\"\n          width=\"20\"\n          height=\"1em\"\n          viewBox=\"0 0 512 512\"\n          fill=\"currentColor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z\"\n          />\n        </svg>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders with icon\");\n  });\n\n  it(\"should render with slot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\" size=\"small\">\n        <slot>This is an example of the main body text.</slot>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders small accordion\");\n  });\n\n  it(\"should match small snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\" size=\"small\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders small accordion\");\n  });\n\n  it(\"should match large snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion size=\"large\" heading=\"Accordion 1\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders large accordion\");\n  });\n\n  it(\"should render with a heading slot when supplied\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `  \n      <ic-accordion>\n        <slot name=\"heading\"/></slot>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders with heading slot\");\n  });\n\n  it(\"should render in a disabled state\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\" disabled>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"disabled\");\n  });\n\n  describe(\"ic-accordion component\", () => {\n    it(\"it should test the toggleExpanded function\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n\n      expect(page.root.expanded).toBe(false);\n      await page.rootInstance.toggleExpanded();\n      await page.waitForChanges();\n      expect(page.root.expanded).toBe(true);\n    });\n\n    it(\"tests id number is added to accordion\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n      const eventSpy = jest.fn();\n\n      const accordionId = page.root.id;\n      page.root.addEventListener(\"accordionClicked\", eventSpy);\n      await page.waitForChanges();\n      await page.rootInstance.toggleExpanded();\n      await page.waitForChanges();\n\n      expect(eventSpy).toHaveBeenCalledWith(\n        expect.objectContaining({\n          detail: expect.objectContaining({\n            id: accordionId,\n          }),\n        })\n      );\n    });\n\n    it(\"it should test the disabled function\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" disabled>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n      expect(page.root.disabled).toBe(true);\n    });\n\n    it(\"it should add transition styling to the element\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" disabled>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n      const div = document.createElement(\"div\");\n      page.rootInstance.setAccordionAnimation(div, \"300\", \"height\", \"ease-out\");\n      expect(div.style.transitionDuration).toBe(\"300ms\");\n      expect(div.style.transitionProperty).toBe(\"height\");\n      expect(div.style.transitionDelay).toBe(\"ease-out\");\n    });\n\n    it(\"it should call setAccordionAnimation if scroll height > 0 and expanded = true\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" expanded>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n\n      const spySetAccordionAnimation = jest.spyOn(\n        page.rootInstance,\n        \"setAccordionAnimation\"\n      );\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      Object.defineProperty(\n        page.rootInstance.expandedContentEl,\n        \"scrollHeight\",\n        { configurable: true, value: 500 }\n      );\n      page.rootInstance.animateExpandedContent();\n\n      expect(spySetAccordionAnimation).toHaveBeenCalled();\n    });\n\n    it(\"it should call setAccordionAnimation if scroll height = '500' and expanded = 'false'\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" >\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n      const spySetAccordionAnimation = jest.spyOn(\n        page.rootInstance,\n        \"setAccordionAnimation\"\n      );\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n\n      Object.defineProperty(\n        page.rootInstance.expandedContentEl,\n        \"scrollHeight\",\n        { configurable: true, value: 500 }\n      );\n      page.rootInstance.animateExpandedContent();\n      expect(spySetAccordionAnimation).toHaveBeenCalled();\n    });\n\n    it(\"should set height and .expanded-content-opened on expanded content\", async () => {\n      const transitionEvent = {\n        propertyName: \"height\",\n      } as TransitionEvent;\n\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" >\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.clientHeight = 50;\n\n      await page.rootInstance.setExpandedContentStyle(\n        transitionEvent,\n        page.rootInstance.expandedContentEl\n      );\n\n      expect(\n        page.rootInstance.expandedContentEl.className.split(\" \")\n      ).toContain(\"expanded-content-opened\");\n      expect(page.rootInstance.expandedContentEl.style.height).toBe(\"auto\");\n    });\n\n    it(\"should not set height and .expanded-content-opened on expanded content\", async () => {\n      const transitionEvent = {\n        propertyName: \"height\",\n      } as TransitionEvent;\n\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" >\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.clientHeight = 0;\n\n      await page.rootInstance.setExpandedContentStyle(\n        transitionEvent,\n        page.rootInstance.expandedContentEl\n      );\n\n      expect(\n        page.rootInstance.expandedContentEl.className.split(\" \")\n      ).not.toContain(\"expanded-content-opened\");\n      expect(page.rootInstance.expandedContentEl.style.height).toBe(\"\");\n\n      await page.rootInstance.disconnectedCallback();\n    });\n\n    it(\"should set visibility on expanded content to hidden\", async () => {\n      const transitionEvent = {\n        propertyName: \"height\",\n      } as TransitionEvent;\n\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n        <ic-accordion heading=\"Accordion 1\" >\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>`,\n      });\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.clientHeight = 0;\n\n      await page.rootInstance.hideExpandedContent(\n        transitionEvent,\n        page.rootInstance.expandedContentEl\n      );\n\n      expect(\n        (\n          page.rootInstance.expandedContentEl as HTMLDivElement\n        ).style.getPropertyValue(\"--ic-expanded-content-visiblity\")\n      ).toBe(\"hidden\");\n    });\n\n    it(\"should set visibility to undefined if client height is greater than 0\", async () => {\n      const transitionEvent = {\n        propertyName: \"height\",\n      } as TransitionEvent;\n\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n        <ic-accordion heading=\"Accordion 1\" >\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>`,\n      });\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.clientHeight = 50;\n\n      await page.rootInstance.hideExpandedContent(\n        transitionEvent,\n        page.rootInstance.expandedContentEl\n      );\n\n      expect(\n        (\n          page.rootInstance.expandedContentEl as HTMLDivElement\n        ).style.getPropertyValue(\"--ic-expanded-content-visiblity\")\n      ).toBe(\"\");\n    });\n\n    it(\"should call 'setFocus' when accordion can be focused\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n        <ic-accordion heading=\"Accordion 1\" >\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>`,\n      });\n\n      //Can't expect anything in this test - this is to increase code coverage only\n      await page.rootInstance.setFocus().toHaveBeenCalled;\n    });\n\n    it(\"should call setExpandedContentStyle when transitionend in animateExpandedContent and expanded is true\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n        <ic-accordion heading=\"Accordion 1\" >\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>`,\n      });\n\n      const setExpandedContentStyleSpy = jest.spyOn(\n        page.rootInstance,\n        \"setExpandedContentStyle\"\n      );\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.scrollHeight = 50;\n      page.rootInstance.expanded = true;\n\n      await page.rootInstance.animateExpandedContent();\n\n      const event = new Event(\"transitionend\");\n      page.rootInstance.expandedContentEl.dispatchEvent(event);\n\n      expect(setExpandedContentStyleSpy).toHaveBeenCalled();\n    });\n\n    it(\"should call hideExpandedContent when transitionend in animateExpandedContent and expanded is false\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n        <ic-accordion heading=\"Accordion 1\" >\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>`,\n      });\n\n      const hideExpandedContentSpy = jest.spyOn(\n        page.rootInstance,\n        \"hideExpandedContent\"\n      );\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.scrollHeight = 50;\n      page.rootInstance.expanded = false;\n\n      await page.rootInstance.animateExpandedContent();\n\n      const event = new Event(\"transitionend\");\n      page.rootInstance.expandedContentEl.dispatchEvent(event);\n\n      expect(hideExpandedContentSpy).toHaveBeenCalled();\n    });\n  });\n});\n"]}
+{"version":3,"file":"ic-accordion.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-accordion/test/basic/ic-accordion.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Accordion } from \"../../ic-accordion\";\n\ndescribe(\"ic-accordion snapshots\", () => {\n  it(\"should match default snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>\n      `,\n    });\n    expect(page.root).toMatchSnapshot(\"renders as default\");\n  });\n\n  it(\"should match light snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders as light\");\n  });\n\n  it(\"should match with icon snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\">\n        <svg\n          slot=\"icon\"\n          width=\"20\"\n          height=\"1em\"\n          viewBox=\"0 0 512 512\"\n          fill=\"currentColor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z\"\n          />\n        </svg>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders with icon\");\n  });\n\n  it(\"should render with slot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\" size=\"small\">\n        <slot>This is an example of the main body text.</slot>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders small accordion\");\n  });\n\n  it(\"should match small snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\" size=\"small\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders small accordion\");\n  });\n\n  it(\"should match large snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion size=\"large\" heading=\"Accordion 1\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders large accordion\");\n  });\n\n  it(\"should render with a heading slot when supplied\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `  \n      <ic-accordion>\n        <slot name=\"heading\"/></slot>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders with heading slot\");\n  });\n\n  it(\"should render in a disabled state\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\" disabled>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"disabled\");\n  });\n\n  describe(\"ic-accordion component\", () => {\n    it(\"it should test the toggleExpanded function\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n\n      expect(page.root.expanded).toBe(false);\n      await page.rootInstance.toggleExpanded();\n      await page.waitForChanges();\n      expect(page.root.expanded).toBe(true);\n    });\n\n    it(\"tests id number is added to accordion\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n      const eventSpy = jest.fn();\n\n      const accordionId = page.root.id;\n      page.root.addEventListener(\"accordionClicked\", eventSpy);\n      await page.waitForChanges();\n      await page.rootInstance.toggleExpanded();\n      await page.waitForChanges();\n\n      expect(eventSpy).toHaveBeenCalledWith(\n        expect.objectContaining({\n          detail: expect.objectContaining({\n            id: accordionId,\n          }),\n        })\n      );\n    });\n\n    it(\"it should test the disabled function\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" disabled>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n      expect(page.root.disabled).toBe(true);\n    });\n\n    it(\"it should add transition styling to the element\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" disabled>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n      const div = document.createElement(\"div\");\n      page.rootInstance.setAccordionAnimation(div, \"300\", \"height\", \"ease-out\");\n      expect(div.style.transitionDuration).toBe(\"300ms\");\n      expect(div.style.transitionProperty).toBe(\"height\");\n      expect(div.style.transitionDelay).toBe(\"ease-out\");\n    });\n\n    it(\"it should call setAccordionAnimation if scroll height > 0 and expanded = true\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" expanded>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n\n      const spySetAccordionAnimation = jest.spyOn(\n        page.rootInstance,\n        \"setAccordionAnimation\"\n      );\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      Object.defineProperty(\n        page.rootInstance.expandedContentEl,\n        \"scrollHeight\",\n        { configurable: true, value: 500 }\n      );\n      page.rootInstance.animateExpandedContent();\n\n      expect(spySetAccordionAnimation).toHaveBeenCalled();\n    });\n\n    it(\"it should call setAccordionAnimation if scroll height = '500' and expanded = 'false'\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" >\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n      const spySetAccordionAnimation = jest.spyOn(\n        page.rootInstance,\n        \"setAccordionAnimation\"\n      );\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n\n      Object.defineProperty(\n        page.rootInstance.expandedContentEl,\n        \"scrollHeight\",\n        { configurable: true, value: 500 }\n      );\n      page.rootInstance.animateExpandedContent();\n      expect(spySetAccordionAnimation).toHaveBeenCalled();\n    });\n\n    it(\"should set height and .expanded-content-opened on expanded content\", async () => {\n      const transitionEvent = {\n        propertyName: \"height\",\n      } as TransitionEvent;\n\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" >\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.clientHeight = 50;\n\n      await page.rootInstance.setExpandedContentStyle(\n        transitionEvent,\n        page.rootInstance.expandedContentEl\n      );\n\n      expect(\n        page.rootInstance.expandedContentEl.className.split(\" \")\n      ).toContain(\"expanded-content-opened\");\n      expect(page.rootInstance.expandedContentEl.style.height).toBe(\"auto\");\n    });\n\n    it(\"should not set height and .expanded-content-opened on expanded content\", async () => {\n      const transitionEvent = {\n        propertyName: \"height\",\n      } as TransitionEvent;\n\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" >\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.clientHeight = 0;\n\n      await page.rootInstance.setExpandedContentStyle(\n        transitionEvent,\n        page.rootInstance.expandedContentEl\n      );\n\n      expect(\n        page.rootInstance.expandedContentEl.className.split(\" \")\n      ).not.toContain(\"expanded-content-opened\");\n      expect(page.rootInstance.expandedContentEl.style.height).toBe(\"\");\n\n      await page.rootInstance.disconnectedCallback();\n    });\n\n    it(\"should set visibility on expanded content to hidden\", async () => {\n      const transitionEvent = {\n        propertyName: \"height\",\n      } as TransitionEvent;\n\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n        <ic-accordion heading=\"Accordion 1\" >\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>`,\n      });\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.clientHeight = 0;\n\n      await page.rootInstance.hideExpandedContent(\n        transitionEvent,\n        page.rootInstance.expandedContentEl\n      );\n\n      expect(\n        (\n          page.rootInstance.expandedContentEl as HTMLDivElement\n        ).style.getPropertyValue(\"--ic-expanded-content-visiblity\")\n      ).toBe(\"hidden\");\n    });\n\n    it(\"should set visibility to undefined if client height is greater than 0\", async () => {\n      const transitionEvent = {\n        propertyName: \"height\",\n      } as TransitionEvent;\n\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n        <ic-accordion heading=\"Accordion 1\" >\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>`,\n      });\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.clientHeight = 50;\n\n      await page.rootInstance.hideExpandedContent(\n        transitionEvent,\n        page.rootInstance.expandedContentEl\n      );\n\n      expect(\n        (\n          page.rootInstance.expandedContentEl as HTMLDivElement\n        ).style.getPropertyValue(\"--ic-expanded-content-visiblity\")\n      ).toBe(\"\");\n    });\n\n    it(\"should call 'setFocus' when accordion can be focused\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n        <ic-accordion heading=\"Accordion 1\" >\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>`,\n      });\n\n      //Can't expect anything in this test - this is to increase code coverage only\n      await page.rootInstance.setFocus().toHaveBeenCalled;\n    });\n\n    it(\"should call setExpandedContentStyle when transitionend in animateExpandedContent and expanded is true\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n        <ic-accordion heading=\"Accordion 1\" >\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>`,\n      });\n\n      const setExpandedContentStyleSpy = jest.spyOn(\n        page.rootInstance,\n        \"setExpandedContentStyle\"\n      );\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.scrollHeight = 50;\n      page.rootInstance.expanded = true;\n\n      await page.rootInstance.animateExpandedContent();\n\n      const event = new Event(\"transitionend\");\n      page.rootInstance.expandedContentEl.dispatchEvent(event);\n\n      expect(setExpandedContentStyleSpy).toHaveBeenCalled();\n    });\n\n    it(\"should call hideExpandedContent when transitionend in animateExpandedContent and expanded is false\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n        <ic-accordion heading=\"Accordion 1\" >\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>`,\n      });\n\n      const hideExpandedContentSpy = jest.spyOn(\n        page.rootInstance,\n        \"hideExpandedContent\"\n      );\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.scrollHeight = 50;\n      page.rootInstance.expanded = false;\n\n      await page.rootInstance.animateExpandedContent();\n\n      const event = new Event(\"transitionend\");\n      page.rootInstance.expandedContentEl.dispatchEvent(event);\n\n      expect(hideExpandedContentSpy).toHaveBeenCalled();\n    });\n  });\n});\n"]}

package/dist/collection/components/ic-accordion-group/ic-accordion-group.js

@@ -1,215 +1,215 @@
 import { h, Host, } from "@stencil/core";
 let accordionGroupIds = 0;
 export class AccordionGroup {
-  constructor() {
-    this.accordionGroupId = `ic-accordion-group-${accordionGroupIds++}`;
-    this.handleExpanded = () => {
-      if (this.areAllAccordionsOpen) {
+    constructor() {
+        this.accordionGroupId = `ic-accordion-group-${accordionGroupIds++}`;
+        this.handleExpanded = () => {
+            if (this.areAllAccordionsOpen) {
+                this.expanded = false;
+                this.accordions.forEach((acc) => {
+                    acc.expanded = this.expanded;
+                });
+            }
+            else {
+                this.expanded = true;
+                this.accordions.forEach((acc) => {
+                    acc.expanded = this.expanded;
+                });
+            }
+            this.setExpandedToAreAllAccordionsOpen();
+        };
+        this.linkAccordions = () => {
+            this.accordions.forEach((accordion) => {
+                accordion.setAttribute("context-id", this.accordionGroupId);
+            });
+        };
+        this.setExpandedToAreAllAccordionsOpen = () => {
+            this.areAllAccordionsOpen = this.accordions.every((accordion) => !!accordion.expanded);
+        };
+        this.accordions = undefined;
+        this.areAllAccordionsOpen = undefined;
+        this.appearance = "default";
         this.expanded = false;
+        this.groupTitle = "";
+        this.singleExpansion = false;
+        this.size = "default";
+    }
+    componentDidLoad() {
+        const accordionDirectChildren = this.el.children;
+        this.accordions = Array.from(accordionDirectChildren).filter((child) => child.tagName === "IC-ACCORDION");
+        this.linkAccordions();
         this.accordions.forEach((acc) => {
-          acc.expanded = this.expanded;
+            acc.appearance = this.appearance;
         });
-      }
-      else {
-        this.expanded = true;
         this.accordions.forEach((acc) => {
-          acc.expanded = this.expanded;
+            acc.size = this.size;
         });
-      }
-      this.setExpandedToAreAllAccordionsOpen();
-    };
-    this.linkAccordions = () => {
-      this.accordions.forEach((accordion) => {
-        accordion.setAttribute("context-id", this.accordionGroupId);
-      });
-    };
-    this.setExpandedToAreAllAccordionsOpen = () => {
-      this.areAllAccordionsOpen = this.accordions.every((accordion) => !!accordion.expanded);
-    };
-    this.accordions = undefined;
-    this.areAllAccordionsOpen = undefined;
-    this.appearance = "default";
-    this.expanded = false;
-    this.groupTitle = "";
-    this.singleExpansion = false;
-    this.size = "default";
-  }
-  componentDidLoad() {
-    const accordionDirectChildren = this.el.children;
-    this.accordions = Array.from(accordionDirectChildren).filter((child) => child.tagName === "IC-ACCORDION");
-    this.linkAccordions();
-    this.accordions.forEach((acc) => {
-      acc.appearance = this.appearance;
-    });
-    this.accordions.forEach((acc) => {
-      acc.size = this.size;
-    });
-    if (this.expanded) {
-      this.accordions.forEach((acc) => {
-        acc.expanded = true;
-      });
-      this.setExpandedToAreAllAccordionsOpen();
+        if (this.expanded) {
+            this.accordions.forEach((acc) => {
+                acc.expanded = true;
+            });
+            this.setExpandedToAreAllAccordionsOpen();
+        }
+        else {
+            this.setExpandedToAreAllAccordionsOpen();
+            this.expanded = this.areAllAccordionsOpen;
+        }
     }
-    else {
-      this.setExpandedToAreAllAccordionsOpen();
-      this.expanded = this.areAllAccordionsOpen;
+    handleAccordionClicked(event) {
+        if (!this.singleExpansion) {
+            // 'See all' should be visible until all accordions are open, then 'Hide all' should be visible
+            this.setExpandedToAreAllAccordionsOpen();
+        }
+        else {
+            this.accordions.forEach((acc) => {
+                if (acc.expanded && event.detail.id !== acc.id) {
+                    acc.expanded = false;
+                }
+            });
+        }
     }
-  }
-  handleAccordionClicked(event) {
-    if (!this.singleExpansion) {
-      // 'See all' should be visible until all accordions are open, then 'Hide all' should be visible
-      this.setExpandedToAreAllAccordionsOpen();
+    render() {
+        const { appearance, size, groupTitle, singleExpansion } = this;
+        return (h(Host, { "context-id": this.accordionGroupId, class: {
+                [`${appearance}`]: true,
+                [`${size}`]: true,
+                ["accordion-group"]: true,
+            } }, h("div", { class: "group-title-container" }, h("ic-typography", { variant: "h4" }, h("h3", null, groupTitle)), !singleExpansion && (h("ic-button", { appearance: appearance === "light" ? "light" : "default", onClick: this.handleExpanded, variant: "tertiary" }, !this.areAllAccordionsOpen ? "See all" : "Hide all"))), h("slot", null)));
     }
-    else {
-      this.accordions.forEach((acc) => {
-        if (acc.expanded && event.detail.id !== acc.id) {
-          acc.expanded = false;
-        }
-      });
+    static get is() { return "ic-accordion-group"; }
+    static get encapsulation() { return "shadow"; }
+    static get delegatesFocus() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ic-accordion-group.css"]
+        };
     }
-  }
-  render() {
-    const { appearance, size, groupTitle, singleExpansion } = this;
-    return (h(Host, { "context-id": this.accordionGroupId, class: {
-        [`${appearance}`]: true,
-        [`${size}`]: true,
-        ["accordion-group"]: true,
-      } }, h("div", { class: "group-title-container" }, h("ic-typography", { variant: "h4" }, h("h3", null, groupTitle)), !singleExpansion && (h("ic-button", { appearance: appearance === "light" ? "light" : "default", onClick: this.handleExpanded, variant: "tertiary" }, !this.areAllAccordionsOpen ? "See all" : "Hide all"))), h("slot", null)));
-  }
-  static get is() { return "ic-accordion-group"; }
-  static get encapsulation() { return "shadow"; }
-  static get delegatesFocus() { return true; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ic-accordion-group.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ic-accordion-group.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "appearance": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "IcThemeForeground",
-          "resolved": "\"dark\" | \"default\" | \"light\"",
-          "references": {
-            "IcThemeForeground": {
-              "location": "import",
-              "path": "../../utils/types",
-              "id": "src/utils/types.ts::IcThemeForeground"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The appearance of the accordion group, e.g dark, or light."
-        },
-        "attribute": "appearance",
-        "reflect": false,
-        "defaultValue": "\"default\""
-      },
-      "expanded": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "If `true`, the accordion will load in an expanded state."
-        },
-        "attribute": "expanded",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "groupTitle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The header for the accordion group."
-        },
-        "attribute": "group-title",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "singleExpansion": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "If `true`, only one accordion will open at a time."
-        },
-        "attribute": "single-expansion",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "IcSizes",
-          "resolved": "\"default\" | \"large\" | \"small\"",
-          "references": {
-            "IcSizes": {
-              "location": "import",
-              "path": "../../utils/types",
-              "id": "src/utils/types.ts::IcSizes"
+    static get styleUrls() {
+        return {
+            "$": ["ic-accordion-group.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "appearance": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "IcThemeForeground",
+                    "resolved": "\"dark\" | \"default\" | \"light\"",
+                    "references": {
+                        "IcThemeForeground": {
+                            "location": "import",
+                            "path": "../../utils/types",
+                            "id": "src/utils/types.ts::IcThemeForeground"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The appearance of the accordion group, e.g dark, or light."
+                },
+                "attribute": "appearance",
+                "reflect": false,
+                "defaultValue": "\"default\""
+            },
+            "expanded": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If `true`, the accordion will load in an expanded state."
+                },
+                "attribute": "expanded",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "groupTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The header for the accordion group."
+                },
+                "attribute": "group-title",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "singleExpansion": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If `true`, only one accordion will open at a time."
+                },
+                "attribute": "single-expansion",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "IcSizes",
+                    "resolved": "\"default\" | \"large\" | \"small\"",
+                    "references": {
+                        "IcSizes": {
+                            "location": "import",
+                            "path": "../../utils/types",
+                            "id": "src/utils/types.ts::IcSizes"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The size of the accordion."
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "\"default\""
             }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The size of the accordion."
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "\"default\""
-      }
-    };
-  }
-  static get states() {
-    return {
-      "accordions": {},
-      "areAllAccordionsOpen": {}
-    };
-  }
-  static get elementRef() { return "el"; }
-  static get listeners() {
-    return [{
-        "name": "accordionClicked",
-        "method": "handleAccordionClicked",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
+        };
+    }
+    static get states() {
+        return {
+            "accordions": {},
+            "areAllAccordionsOpen": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "accordionClicked",
+                "method": "handleAccordionClicked",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
 //# sourceMappingURL=ic-accordion-group.js.map

package/dist/collection/components/ic-accordion-group/ic-accordion-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-accordion-group.js","sourceRoot":"","sources":["../../../src/components/ic-accordion-group/ic-accordion-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n} from \"@stencil/core\";\nimport { IcThemeForeground, IcSizes } from \"../../utils/types\";\n\nlet accordionGroupIds = 0;\n@Component({\n  tag: \"ic-accordion-group\",\n  styleUrl: \"ic-accordion-group.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class AccordionGroup {\n  private accordionGroupId = `ic-accordion-group-${accordionGroupIds++}`;\n\n  @Element() el: HTMLIcAccordionGroupElement;\n\n  @State() accordions: HTMLIcAccordionElement[];\n\n  @State() areAllAccordionsOpen: boolean;\n  /**\n   * The appearance of the accordion group, e.g dark, or light.\n   */\n  @Prop() appearance: IcThemeForeground = \"default\";\n\n  /**\n   * If `true`, the accordion will load in an expanded state.\n   */\n  @Prop({ mutable: true }) expanded: boolean = false;\n\n  /**\n   * The header for the accordion group.\n   */\n  @Prop() groupTitle: string = \"\";\n\n  /**\n   * If `true`, only one accordion will open at a time.\n   */\n  @Prop() singleExpansion: boolean = false;\n\n  /**\n   * The size of the accordion.\n   */\n  @Prop() size?: IcSizes = \"default\";\n\n  componentDidLoad(): void {\n    const accordionDirectChildren = (this.el as HTMLElement).children;\n    this.accordions = Array.from(accordionDirectChildren).filter(\n      (child) => child.tagName === \"IC-ACCORDION\"\n    ) as HTMLIcAccordionElement[];\n    this.linkAccordions();\n    this.accordions.forEach((acc) => {\n      acc.appearance = this.appearance;\n    });\n    this.accordions.forEach((acc) => {\n      acc.size = this.size;\n    });\n    if (this.expanded) {\n      this.accordions.forEach((acc) => {\n        acc.expanded = true;\n      });\n      this.setExpandedToAreAllAccordionsOpen();\n    } else {\n      this.setExpandedToAreAllAccordionsOpen();\n      this.expanded = this.areAllAccordionsOpen;\n    }\n  }\n\n  @Listen(\"accordionClicked\")\n  handleAccordionClicked(event: CustomEvent): void {\n    if (!this.singleExpansion) {\n      // 'See all' should be visible until all accordions are open, then 'Hide all' should be visible\n      this.setExpandedToAreAllAccordionsOpen();\n    } else {\n      this.accordions.forEach((acc) => {\n        if (acc.expanded && event.detail.id !== acc.id) {\n          acc.expanded = false;\n        }\n      });\n    }\n  }\n\n  private handleExpanded = () => {\n    if (this.areAllAccordionsOpen) {\n      this.expanded = false;\n      this.accordions.forEach((acc) => {\n        acc.expanded = this.expanded;\n      });\n    } else {\n      this.expanded = true;\n      this.accordions.forEach((acc) => {\n        acc.expanded = this.expanded;\n      });\n    }\n    this.setExpandedToAreAllAccordionsOpen();\n  };\n\n  private linkAccordions = () => {\n    this.accordions.forEach((accordion) => {\n      accordion.setAttribute(\"context-id\", this.accordionGroupId);\n    });\n  };\n\n  private setExpandedToAreAllAccordionsOpen = () => {\n    this.areAllAccordionsOpen = this.accordions.every(\n      (accordion) => !!accordion.expanded\n    );\n  };\n\n  render() {\n    const { appearance, size, groupTitle, singleExpansion } = this;\n    return (\n      <Host\n        context-id={this.accordionGroupId}\n        class={{\n          [`${appearance}`]: true,\n          [`${size}`]: true,\n          [\"accordion-group\"]: true,\n        }}\n      >\n        <div class=\"group-title-container\">\n          <ic-typography variant=\"h4\">\n            <h3>{groupTitle}</h3>\n          </ic-typography>\n          {!singleExpansion && (\n            <ic-button\n              appearance={appearance === \"light\" ? \"light\" : \"default\"}\n              onClick={this.handleExpanded}\n              variant=\"tertiary\"\n            >\n              {!this.areAllAccordionsOpen ? \"See all\" : \"Hide all\"}\n            </ic-button>\n          )}\n        </div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ic-accordion-group.js","sourceRoot":"","sources":["../../../src/components/ic-accordion-group/ic-accordion-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n} from \"@stencil/core\";\nimport { IcThemeForeground, IcSizes } from \"../../utils/types\";\n\nlet accordionGroupIds = 0;\n@Component({\n  tag: \"ic-accordion-group\",\n  styleUrl: \"ic-accordion-group.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class AccordionGroup {\n  private accordionGroupId = `ic-accordion-group-${accordionGroupIds++}`;\n\n  @Element() el: HTMLIcAccordionGroupElement;\n\n  @State() accordions: HTMLIcAccordionElement[];\n\n  @State() areAllAccordionsOpen: boolean;\n  /**\n   * The appearance of the accordion group, e.g dark, or light.\n   */\n  @Prop() appearance: IcThemeForeground = \"default\";\n\n  /**\n   * If `true`, the accordion will load in an expanded state.\n   */\n  @Prop({ mutable: true }) expanded: boolean = false;\n\n  /**\n   * The header for the accordion group.\n   */\n  @Prop() groupTitle: string = \"\";\n\n  /**\n   * If `true`, only one accordion will open at a time.\n   */\n  @Prop() singleExpansion: boolean = false;\n\n  /**\n   * The size of the accordion.\n   */\n  @Prop() size?: IcSizes = \"default\";\n\n  componentDidLoad(): void {\n    const accordionDirectChildren = (this.el as HTMLElement).children;\n    this.accordions = Array.from(accordionDirectChildren).filter(\n      (child) => child.tagName === \"IC-ACCORDION\"\n    ) as HTMLIcAccordionElement[];\n    this.linkAccordions();\n    this.accordions.forEach((acc) => {\n      acc.appearance = this.appearance;\n    });\n    this.accordions.forEach((acc) => {\n      acc.size = this.size;\n    });\n    if (this.expanded) {\n      this.accordions.forEach((acc) => {\n        acc.expanded = true;\n      });\n      this.setExpandedToAreAllAccordionsOpen();\n    } else {\n      this.setExpandedToAreAllAccordionsOpen();\n      this.expanded = this.areAllAccordionsOpen;\n    }\n  }\n\n  @Listen(\"accordionClicked\")\n  handleAccordionClicked(event: CustomEvent): void {\n    if (!this.singleExpansion) {\n      // 'See all' should be visible until all accordions are open, then 'Hide all' should be visible\n      this.setExpandedToAreAllAccordionsOpen();\n    } else {\n      this.accordions.forEach((acc) => {\n        if (acc.expanded && event.detail.id !== acc.id) {\n          acc.expanded = false;\n        }\n      });\n    }\n  }\n\n  private handleExpanded = () => {\n    if (this.areAllAccordionsOpen) {\n      this.expanded = false;\n      this.accordions.forEach((acc) => {\n        acc.expanded = this.expanded;\n      });\n    } else {\n      this.expanded = true;\n      this.accordions.forEach((acc) => {\n        acc.expanded = this.expanded;\n      });\n    }\n    this.setExpandedToAreAllAccordionsOpen();\n  };\n\n  private linkAccordions = () => {\n    this.accordions.forEach((accordion) => {\n      accordion.setAttribute(\"context-id\", this.accordionGroupId);\n    });\n  };\n\n  private setExpandedToAreAllAccordionsOpen = () => {\n    this.areAllAccordionsOpen = this.accordions.every(\n      (accordion) => !!accordion.expanded\n    );\n  };\n\n  render() {\n    const { appearance, size, groupTitle, singleExpansion } = this;\n    return (\n      <Host\n        context-id={this.accordionGroupId}\n        class={{\n          [`${appearance}`]: true,\n          [`${size}`]: true,\n          [\"accordion-group\"]: true,\n        }}\n      >\n        <div class=\"group-title-container\">\n          <ic-typography variant=\"h4\">\n            <h3>{groupTitle}</h3>\n          </ic-typography>\n          {!singleExpansion && (\n            <ic-button\n              appearance={appearance === \"light\" ? \"light\" : \"default\"}\n              onClick={this.handleExpanded}\n              variant=\"tertiary\"\n            >\n              {!this.areAllAccordionsOpen ? \"See all\" : \"Hide all\"}\n            </ic-button>\n          )}\n        </div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ic-accordion-group/test/a11y/ic-accordion-group.test.a11y.js

@@ -2,8 +2,8 @@ import { fixture } from "@open-wc/testing-helpers";
 import { axe } from "jest-axe";
 import { checkShadowElementRendersCorrectly } from "../../../../utils/testa11y.helpers";
 describe("ic-accordion-group", () => {
-  it("passes accessibility", async () => {
-    const el = await fixture(`
+    it("passes accessibility", async () => {
+        const el = await fixture(`
     <ic-accordion-group group-title="Title of the Accordion Group">
       <ic-accordion heading="Accordion 1">
         <svg
@@ -24,8 +24,8 @@ describe("ic-accordion-group", () => {
       </ic-accordion>
     </ic-accordion-group>
     `);
-    checkShadowElementRendersCorrectly(el);
-    expect(await axe(el)).toHaveNoViolations();
-  });
+        checkShadowElementRendersCorrectly(el);
+        expect(await axe(el)).toHaveNoViolations();
+    });
 });
 //# sourceMappingURL=ic-accordion-group.test.a11y.js.map

package/dist/collection/components/ic-accordion-group/test/a11y/ic-accordion-group.test.a11y.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-accordion-group.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-accordion-group/test/a11y/ic-accordion-group.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;EAClC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;IACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;KAoBxB,CAAC,CAAC;IACH,kCAAkC,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;EAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"ic-accordion-group\", () => {\n  it(\"passes accessibility\", async () => {\n    const el = await fixture(`\n    <ic-accordion-group group-title=\"Title of the Accordion Group\">\n      <ic-accordion heading=\"Accordion 1\">\n        <svg\n          slot=\"icon\"\n          width=\"20\"\n          height=\"1em\"\n          viewBox=\"0 0 512 512\"\n          fill=\"currentColor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z\"\n          />\n        </svg>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text\n        </ic-typography>\n      </ic-accordion>\n    </ic-accordion-group>\n    `);\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n});\n"]}
+{"version":3,"file":"ic-accordion-group.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-accordion-group/test/a11y/ic-accordion-group.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;KAoBxB,CAAC,CAAC;QACH,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"ic-accordion-group\", () => {\n  it(\"passes accessibility\", async () => {\n    const el = await fixture(`\n    <ic-accordion-group group-title=\"Title of the Accordion Group\">\n      <ic-accordion heading=\"Accordion 1\">\n        <svg\n          slot=\"icon\"\n          width=\"20\"\n          height=\"1em\"\n          viewBox=\"0 0 512 512\"\n          fill=\"currentColor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z\"\n          />\n        </svg>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text\n        </ic-typography>\n      </ic-accordion>\n    </ic-accordion-group>\n    `);\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n});\n"]}