@esri/calcite-components 2.2.0-next.15 → 2.2.0-next.17

package/dist/collection/components/tabs/tabs.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Thu, 11 Jan 2024 00:21:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Thu, 11 Jan 2024 00:21:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Thu, 11 Jan 2024 00:21:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Thu, 11 Jan 2024 00:21:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:10 GMT
+ * Generated on Thu, 11 Jan 2024 00:21:47 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/tabs/tabs.e2e.js

@@ -1,11 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.17
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { html } from "../../../support/formatting";
 import { accessible, defaults, hidden, reflects, renders } from "../../tests/commonTests";
+import { CSS as TabTitleCSS } from "../tab-title/resources";
 describe("calcite-tabs", () => {
     const tabsContent = html `
     <calcite-tab-nav slot="title-group">
@@ -294,5 +295,63 @@ describe("calcite-tabs", () => {
         const selectedTitleOnEmit = await page.evaluate(() => window.selectedTitleTab);
         expect(selectedTitleOnEmit).toBe("boats");
     });
+    describe("closing tabs", () => {
+        let page;
+        let tabsActivateSpy;
+        let tabChangeSpy;
+        let allTabTitles;
+        let allTabs;
+        beforeEach(async () => {
+            page = await newE2EPage();
+            await page.setContent(html `
+        <calcite-tabs>
+          <calcite-tab-nav slot="title-group">
+            <calcite-tab-title id="tab-title-1" closable>Tab 1 Title</calcite-tab-title>
+            <calcite-tab-title id="tab-title-2" closable>Tab 2 Title</calcite-tab-title>
+            <calcite-tab-title id="tab-title-3" closable>Tab 3 Title</calcite-tab-title>
+            <calcite-tab-title id="tab-title-4" closable selected>Tab 4 Title</calcite-tab-title>
+          </calcite-tab-nav>
+          <calcite-tab id="tab-1">Tab 1 Content</calcite-tab>
+          <calcite-tab id="tab-2">Tab 2 Content</calcite-tab>
+          <calcite-tab id="tab-3">Tab 3 Content</calcite-tab>
+          <calcite-tab id="tab-4" selected>Tab 4 Content</calcite-tab>
+        </calcite-tabs>
+      `);
+            allTabTitles = await page.findAll("calcite-tab-title");
+            allTabs = await page.findAll("calcite-tab");
+            const tabNav = await page.find("calcite-tab-nav");
+            const tabs = await page.find("calcite-tabs");
+            tabsActivateSpy = await tabNav.spyOnEvent("calciteTabsActivate");
+            tabChangeSpy = await tabs.spyOnEvent("calciteTabChange");
+        });
+        it("should emit tab change events when closing affects selected tab", async () => {
+            await page.click(`#tab-title-4 >>> .${TabTitleCSS.closeButton}`);
+            await page.waitForChanges();
+            expect(tabsActivateSpy).toHaveReceivedEventTimes(1);
+            expect(tabChangeSpy).toHaveReceivedEventTimes(1);
+            expect(await allTabTitles[0].isVisible()).toBe(true);
+            expect(await allTabTitles[1].isVisible()).toBe(true);
+            expect(await allTabTitles[2].isVisible()).toBe(true);
+            expect(await allTabTitles[3].isVisible()).toBe(false);
+            expect(await allTabs[0].isVisible()).toBe(false);
+            expect(await allTabs[1].isVisible()).toBe(false);
+            expect(await allTabs[2].isVisible()).toBe(true);
+            expect(await allTabs[3].isVisible()).toBe(false);
+        });
+        it("should NOT emit tab change events when closing does not affect selected tab", async () => {
+            await page.click(`#tab-title-1 >>> .${TabTitleCSS.closeButton}`);
+            await page.waitForChanges();
+            expect(tabsActivateSpy).toHaveReceivedEventTimes(0);
+            expect(tabChangeSpy).toHaveReceivedEventTimes(0);
+            expect(await allTabTitles[0].isVisible()).toBe(false);
+            expect(await allTabTitles[1].isVisible()).toBe(true);
+            expect(await allTabTitles[2].isVisible()).toBe(true);
+            expect(await allTabTitles[3].isVisible()).toBe(true);
+            expect(await allTabs[0].isVisible()).toBe(false);
+            expect(await allTabs[1].isVisible()).toBe(false);
+            expect(await allTabs[2].isVisible()).toBe(false);
+            expect(await allTabs[3].isVisible()).toBe(true);
+        });
+    });
 });
 //# sourceMappingURL=tabs.e2e.js.map

package/dist/collection/components/tabs/tabs.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.e2e.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport { html } from \"../../../support/formatting\";\nimport { accessible, defaults, hidden, reflects, renders } from \"../../tests/commonTests\";\nimport { GlobalTestProps } from \"../../tests/utils\";\nimport { Scale } from \"../interfaces\";\nimport { TabPosition } from \"../tabs/interfaces\";\n\ndescribe(\"calcite-tabs\", () => {\n  const tabsContent = html`\n    <calcite-tab-nav slot=\"title-group\">\n      <calcite-tab-title selected>Tab 1 Title</calcite-tab-title>\n      <calcite-tab-title>Tab 2 Title</calcite-tab-title>\n      <calcite-tab-title>Tab 3 Title</calcite-tab-title>\n      <calcite-tab-title>Tab 4 Title</calcite-tab-title>\n    </calcite-tab-nav>\n    <calcite-tab selected>Tab 1 Content</calcite-tab>\n    <calcite-tab>Tab 2 Content</calcite-tab>\n    <calcite-tab>Tab 3 Content</calcite-tab>\n    <calcite-tab>Tab 4 Content</calcite-tab>\n  `;\n  const tabsSnippet = html`<calcite-tabs>${tabsContent}</calcite-tabs>`;\n\n  describe(\"renders\", () => {\n    renders(tabsSnippet, { display: \"flex\" });\n  });\n\n  describe(\"honors hidden attribute\", () => {\n    hidden(\"calcite-tabs\");\n  });\n\n  describe(\"defaults\", () => {\n    defaults(\"calcite-tabs\", [\n      { propertyName: \"layout\", defaultValue: \"inline\" },\n      { propertyName: \"position\", defaultValue: \"top\" },\n      { propertyName: \"scale\", defaultValue: \"m\" },\n    ]);\n  });\n\n  describe(\"reflects\", () => {\n    reflects(\"calcite-tabs\", [\n      { propertyName: \"layout\", value: \"inline\" },\n      { propertyName: \"position\", value: \"top\" },\n      { propertyName: \"scale\", value: \"m\" },\n    ]);\n  });\n\n  describe(\"accessible: checked\", () => {\n    accessible(`<calcite-tabs>${tabsContent}</calcite-tabs>`);\n  });\n\n  it(\"sets up basic aria attributes\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n      <calcite-tabs>\n        <calcite-tab-nav slot=\"title-group\">\n          <calcite-tab-title id=\"title-1\" selected>Tab 1 Title</calcite-tab-title>\n          <calcite-tab-title id=\"title-2\" >Tab 2 Title</calcite-tab-title>\n          <calcite-tab-title id=\"title-3\" >Tab 3 Title</calcite-tab-title>\n          <calcite-tab-title id=\"title-4\" >Tab 4 Title</calcite-tab-title>\n        </calcite-tab-nav>\n\n        <calcite-tab id=\"tab-1\" selected>Tab 1 Content</calcite-tab>\n        <calcite-tab id=\"tab-2\">Tab 2 Content</calcite-tab>\n        <calcite-tab id=\"tab-3\">Tab 3 Content</calcite-tab>\n        <calcite-tab id=\"tab-4\">Tab 4 Content</calcite-tab>\n      </calcite-tabs>\n    `);\n\n    await page.waitForChanges();\n\n    const tabs = await page.findAll(\"calcite-tab\");\n    const titles = await page.findAll(\"calcite-tab-title\");\n\n    expect(titles[0]).toEqualAttribute(\"aria-selected\", \"true\");\n    expect(titles[1]).toEqualAttribute(\"aria-selected\", \"false\");\n    expect(titles[2]).toEqualAttribute(\"aria-selected\", \"false\");\n    expect(titles[3]).toEqualAttribute(\"aria-selected\", \"false\");\n\n    for (let index = 0; index < tabs.length; index++) {\n      const tab = tabs[index];\n      const title = titles[index];\n      expect(title).toEqualAttribute(\"aria-controls\", tab.id);\n      expect(tab).toEqualAttribute(\"aria-labelledby\", title.id);\n    }\n  });\n\n  it(\"keeps aria attributes in sync across DOM mutations\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n      <calcite-tabs>\n        <calcite-tab-nav slot=\"title-group\">\n          <calcite-tab-title selected>Tab 1 Title</calcite-tab-title>\n          <calcite-tab-title id=\"insert-after-title\">Tab 2 Title</calcite-tab-title>\n          <calcite-tab-title>Tab 3 Title</calcite-tab-title>\n          <calcite-tab-title>Tab 4 Title</calcite-tab-title>\n        </calcite-tab-nav>\n\n        <calcite-tab selected>Tab 1 Content</calcite-tab>\n        <calcite-tab id=\"insert-after-tab\">Tab 2 Content</calcite-tab>\n        <calcite-tab>Tab 3 Content</calcite-tab>\n        <calcite-tab>Tab 4 Content</calcite-tab>\n      </calcite-tabs>\n    `);\n\n    await page.$eval(\"calcite-tabs\", (element: HTMLCalciteTabsElement) => {\n      element.ownerDocument\n        .getElementById(\"insert-after-title\")\n        .insertAdjacentHTML(\"afterend\", `<calcite-tab-title id=\"inserted-title\">Test</calcite-tab-title>`);\n\n      element.ownerDocument\n        .getElementById(\"insert-after-tab\")\n        .insertAdjacentHTML(\"afterend\", `<calcite-tab id=\"inserted-tab\">Test</calcite-tab>`);\n    });\n\n    await page.waitForChanges();\n\n    const tabs = await page.findAll(\"calcite-tab\");\n    const titles = await page.findAll(\"calcite-tab-title\");\n\n    for (let index = 0; index < tabs.length; index++) {\n      const tab = tabs[index];\n      const title = titles[index];\n      expect(title).toEqualAttribute(\"aria-controls\", tab.id);\n      expect(tab).toEqualAttribute(\"aria-labelledby\", title.id);\n    }\n  });\n\n  function testTabsScaleAndPosition(scale: Scale, position: TabPosition) {\n    const scaleName = scale === \"m\" ? \"default medium\" : scale;\n\n    it(`should render itself and child tab elements with corresponding scale (${scaleName}) and position (${position})`, async () => {\n      const page = await newE2EPage();\n      await page.setContent(html`<calcite-tabs scale=\"${scale}\" position=\"${position}\">${tabsContent}</calcite-tabs>`);\n      await page.waitForChanges();\n\n      const tabs = await page.find(\"calcite-tabs\");\n      const tab = await page.find(\"calcite-tab\");\n      const tabTitle = await page.find(\"calcite-tab-title\");\n      const tabNav = await page.find(\"calcite-tab-nav\");\n\n      expect(await tabs.getProperty(\"scale\")).toBe(scale);\n      expect(await tabs.getProperty(\"position\")).toBe(position);\n      expect(await tabNav.getProperty(\"scale\")).toBe(scale);\n      expect(await tabNav.getProperty(\"position\")).toBe(position);\n      expect(await tabTitle.getProperty(\"scale\")).toBe(scale);\n      expect(await tabTitle.getProperty(\"position\")).toBe(position);\n      expect(await tab.getProperty(\"scale\")).toBe(scale);\n    });\n  }\n\n  describe(\"calcite-tabs inheritable props\", () => {\n    const scales: Scale[] = [\"s\", \"m\", \"l\"];\n    const positions: TabPosition[] = [\"top\", \"bottom\"];\n\n    scales.forEach((scale) => {\n      positions.forEach((position) => {\n        testTabsScaleAndPosition(scale, position);\n      });\n    });\n  });\n\n  describe(\"when layout is inline and bordered is true\", () => {\n    it(\"should render tabs, tab-nav, and tab-title with bordered attribute\", async () => {\n      const page = await newE2EPage({\n        html: `<calcite-tabs bordered>${tabsContent}</calcite-tabs>`,\n      });\n      expect(await page.find(\"calcite-tabs\")).toEqualAttribute(\"bordered\", \"\");\n      expect(await page.find(\"calcite-tab-nav\")).toEqualAttribute(\"bordered\", \"\");\n      expect(await page.find(\"calcite-tab-title\")).toEqualAttribute(\"bordered\", \"\");\n      expect(await page.find(\"calcite-tab\")).toEqualAttribute(\"bordered\", null);\n    });\n\n    it(\"should render tab-nav's blue active indicator on top\", async () => {\n      const page = await newE2EPage({\n        html: `\n        <calcite-tabs bordered>\n          <calcite-tab-nav slot=\"title-group\">\n            <calcite-tab-title icon-start=\"arrow-left\" icon-end=\"arrow-right\">Tab 1 Title</calcite-tab-title>\n            <calcite-tab-title icon-start=\"arrow-left\" icon-end=\"arrow-right\" >Tab 2 Title</calcite-tab-title>\n          </calcite-tab-nav>\n          <calcite-tab>Tab 1 Content</calcite-tab>\n          <calcite-tab>Tab 2 Content</calcite-tab>\n        </calcite-tabs>\n        `,\n      });\n      const indicator = await page.find(\"calcite-tab-nav >>> .tab-nav-active-indicator-container\");\n      const indicatorStyles = await indicator.getComputedStyle();\n      expect(indicatorStyles.top).toEqual(\"0px\");\n      expect(indicatorStyles.bottom).not.toEqual(\"0px\");\n    });\n\n    it(\"should render tab-nav's blue active indicator on bottom when position is bottom\", async () => {\n      const page = await newE2EPage({\n        html: `\n        <calcite-tabs bordered position=\"bottom\">\n          <calcite-tab-nav slot=\"title-group\">\n            <calcite-tab-title icon-start=\"arrow-left\" icon-end=\"arrow-right\">Tab 1 Title</calcite-tab-title>\n            <calcite-tab-title icon-start=\"arrow-left\" icon-end=\"arrow-right\" >Tab 2 Title</calcite-tab-title>\n          </calcite-tab-nav>\n          <calcite-tab>Tab 1 Content</calcite-tab>\n          <calcite-tab>Tab 2 Content</calcite-tab>\n        </calcite-tabs>\n        `,\n      });\n      const indicator = await page.find(\"calcite-tab-nav >>> .tab-nav-active-indicator-container\");\n      const indicatorStyles = await indicator.getComputedStyle();\n      expect(indicatorStyles.bottom).toEqual(\"0px\");\n      expect(indicatorStyles.top).not.toEqual(\"0px\");\n    });\n  });\n\n  it(\"should not ignore bordered attribute when layout is center\", async () => {\n    const page = await newE2EPage({\n      html: `<calcite-tabs layout=\"center\" bordered>${tabsContent}</calcite-tabs>`,\n    });\n    expect(await page.find(\"calcite-tabs\")).toHaveAttribute(\"bordered\");\n  });\n\n  it(\"item selection should work when placed inside shadow DOM\", async () => {\n    const wrappedTabTemplateHTML = html`\n      <calcite-tabs>\n        <calcite-tab-nav slot=\"title-group\">\n          <calcite-tab-title id=\"title-1\" selected>Tab 1 Title</calcite-tab-title>\n          <calcite-tab-title id=\"title-2\">Tab 2 Title</calcite-tab-title>\n        </calcite-tab-nav>\n        <calcite-tab id=\"tab-1\" selected>Tab 1 Content</calcite-tab>\n        <calcite-tab id=\"tab-2\">Tab 2 Content</calcite-tab>\n      </calcite-tabs>\n    `;\n\n    const page = await newE2EPage({\n      // load page with the tab template,\n      // so they're available in the browser-evaluated fn below\n      html: wrappedTabTemplateHTML,\n    });\n\n    await page.waitForChanges();\n\n    const finalSelectedItem = await page.evaluate(\n      async (templateHTML: string): Promise<{ tabTitle: string; tab: string }> => {\n        const wrapperName = \"tab-wrapping-component\";\n\n        customElements.define(\n          wrapperName,\n          class extends HTMLElement {\n            constructor() {\n              super();\n            }\n\n            connectedCallback(): void {\n              this.attachShadow({ mode: \"open\" }).innerHTML = templateHTML;\n            }\n          },\n        );\n\n        document.body.innerHTML = `<${wrapperName}></${wrapperName}>`;\n\n        const wrapper = document.querySelector(wrapperName);\n\n        async function waitForAnimationFrames(count) {\n          async function frame() {\n            if (count > 0) {\n              await new Promise((resolve) => requestAnimationFrame(resolve));\n              count--;\n              await frame();\n            }\n          }\n\n          await frame();\n        }\n\n        wrapper.shadowRoot.querySelector<HTMLElement>(\"#title-2\").click();\n        await waitForAnimationFrames(4);\n\n        const tabTitle = wrapper.shadowRoot.querySelector(\"calcite-tab-title[selected]\").id;\n        await waitForAnimationFrames(2);\n\n        const tab = wrapper.shadowRoot.querySelector(\"calcite-tab[selected]\").id;\n        return { tabTitle, tab };\n      },\n      wrappedTabTemplateHTML,\n    );\n    expect(finalSelectedItem.tabTitle).toBe(\"title-2\");\n    expect(finalSelectedItem.tab).toBe(\"tab-2\");\n  });\n\n  it(\"item selection should work with nested tabs\", async () => {\n    const page = await newE2EPage({\n      html: html`\n        <calcite-tabs id=\"parentTabs\">\n          <calcite-tab-nav slot=\"title-group\">\n            <calcite-tab-title id=\"parentA\">Parent 1</calcite-tab-title>\n            <calcite-tab-title>Parent 2</calcite-tab-title>\n          </calcite-tab-nav>\n          <calcite-tab id=\"parentTabA\">\n            <calcite-tabs>\n              <calcite-tab-nav slot=\"title-group\">\n                <calcite-tab-title>Child 1</calcite-tab-title>\n                <calcite-tab-title id=\"kidB\">Child 2</calcite-tab-title>\n                <calcite-tab-title>Child 3</calcite-tab-title>\n              </calcite-tab-nav>\n              <calcite-tab>child content 1</calcite-tab>\n              <calcite-tab id=\"kidBTab\">child content 2</calcite-tab>\n              <calcite-tab>child content 3</calcite-tab>\n            </calcite-tabs>\n          </calcite-tab>\n          <calcite-tab>Parent content 2</calcite-tab>\n        </calcite-tabs>\n      `,\n    });\n\n    await page.waitForChanges();\n\n    const kidB = await page.find(\"#kidB\");\n    await kidB.click();\n    await page.waitForChanges();\n\n    const parentTabA = await page.find(\"#parentTabA\");\n    const childTitle = (await parentTabA.find(\"calcite-tab-title[selected]\")).getAttribute(\"id\");\n    const childContent = (await parentTabA.find(\"calcite-tab[selected]\")).getAttribute(\"id\");\n\n    const parentTabs = await page.find(\"#parentTabs\");\n    const parentTitle = (await parentTabs.find(\"calcite-tab-title[selected]\")).getAttribute(\"id\");\n    const parentContent = (await parentTabs.find(\"calcite-tab[selected]\")).getAttribute(\"id\");\n\n    expect(childTitle).toBe(\"kidB\");\n    expect(childContent).toBe(\"kidBTab\");\n    expect(parentTitle).toBe(\"parentA\");\n    expect(parentContent).toBe(\"parentTabA\");\n  });\n\n  it(\"should set selected title when tab change is emitted\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-tab-nav slot=\"title-group\">\n        <calcite-tab-title tab=\"boats\">Boats</calcite-tab-title>\n        <calcite-tab-title selected tab=\"ships\">Ships</calcite-tab-title>\n        <calcite-tab-title tab=\"yachts\">Yachts</calcite-tab-title>\n      </calcite-tab-nav>\n    `);\n\n    type TestWindow = GlobalTestProps<{ selectedTitleTab: string }>;\n\n    await page.evaluate(() =>\n      document.addEventListener(\n        \"calciteTabChange\",\n        (event) =>\n          ((window as TestWindow).selectedTitleTab = (event.target as HTMLCalciteTabNavElement).selectedTitle.tab),\n        { once: true },\n      ),\n    );\n\n    const tabChange = page.waitForEvent(\"calciteTabChange\");\n    await page.click(\"calcite-tab-title\");\n    await tabChange;\n\n    const selectedTitleOnEmit = await page.evaluate(() => (window as TestWindow).selectedTitleTab);\n\n    expect(selectedTitleOnEmit).toBe(\"boats\");\n  });\n});\n"]}
+{"version":3,"file":"tabs.e2e.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EElement, E2EPage, EventSpy, newE2EPage } from \"@stencil/core/testing\";\nimport { html } from \"../../../support/formatting\";\nimport { accessible, defaults, hidden, reflects, renders } from \"../../tests/commonTests\";\nimport { GlobalTestProps } from \"../../tests/utils\";\nimport { Scale } from \"../interfaces\";\nimport { TabPosition } from \"../tabs/interfaces\";\nimport { CSS as TabTitleCSS } from \"../tab-title/resources\";\n\ndescribe(\"calcite-tabs\", () => {\n  const tabsContent = html`\n    <calcite-tab-nav slot=\"title-group\">\n      <calcite-tab-title selected>Tab 1 Title</calcite-tab-title>\n      <calcite-tab-title>Tab 2 Title</calcite-tab-title>\n      <calcite-tab-title>Tab 3 Title</calcite-tab-title>\n      <calcite-tab-title>Tab 4 Title</calcite-tab-title>\n    </calcite-tab-nav>\n    <calcite-tab selected>Tab 1 Content</calcite-tab>\n    <calcite-tab>Tab 2 Content</calcite-tab>\n    <calcite-tab>Tab 3 Content</calcite-tab>\n    <calcite-tab>Tab 4 Content</calcite-tab>\n  `;\n  const tabsSnippet = html`<calcite-tabs>${tabsContent}</calcite-tabs>`;\n\n  describe(\"renders\", () => {\n    renders(tabsSnippet, { display: \"flex\" });\n  });\n\n  describe(\"honors hidden attribute\", () => {\n    hidden(\"calcite-tabs\");\n  });\n\n  describe(\"defaults\", () => {\n    defaults(\"calcite-tabs\", [\n      { propertyName: \"layout\", defaultValue: \"inline\" },\n      { propertyName: \"position\", defaultValue: \"top\" },\n      { propertyName: \"scale\", defaultValue: \"m\" },\n    ]);\n  });\n\n  describe(\"reflects\", () => {\n    reflects(\"calcite-tabs\", [\n      { propertyName: \"layout\", value: \"inline\" },\n      { propertyName: \"position\", value: \"top\" },\n      { propertyName: \"scale\", value: \"m\" },\n    ]);\n  });\n\n  describe(\"accessible: checked\", () => {\n    accessible(`<calcite-tabs>${tabsContent}</calcite-tabs>`);\n  });\n\n  it(\"sets up basic aria attributes\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n      <calcite-tabs>\n        <calcite-tab-nav slot=\"title-group\">\n          <calcite-tab-title id=\"title-1\" selected>Tab 1 Title</calcite-tab-title>\n          <calcite-tab-title id=\"title-2\" >Tab 2 Title</calcite-tab-title>\n          <calcite-tab-title id=\"title-3\" >Tab 3 Title</calcite-tab-title>\n          <calcite-tab-title id=\"title-4\" >Tab 4 Title</calcite-tab-title>\n        </calcite-tab-nav>\n\n        <calcite-tab id=\"tab-1\" selected>Tab 1 Content</calcite-tab>\n        <calcite-tab id=\"tab-2\">Tab 2 Content</calcite-tab>\n        <calcite-tab id=\"tab-3\">Tab 3 Content</calcite-tab>\n        <calcite-tab id=\"tab-4\">Tab 4 Content</calcite-tab>\n      </calcite-tabs>\n    `);\n\n    await page.waitForChanges();\n\n    const tabs = await page.findAll(\"calcite-tab\");\n    const titles = await page.findAll(\"calcite-tab-title\");\n\n    expect(titles[0]).toEqualAttribute(\"aria-selected\", \"true\");\n    expect(titles[1]).toEqualAttribute(\"aria-selected\", \"false\");\n    expect(titles[2]).toEqualAttribute(\"aria-selected\", \"false\");\n    expect(titles[3]).toEqualAttribute(\"aria-selected\", \"false\");\n\n    for (let index = 0; index < tabs.length; index++) {\n      const tab = tabs[index];\n      const title = titles[index];\n      expect(title).toEqualAttribute(\"aria-controls\", tab.id);\n      expect(tab).toEqualAttribute(\"aria-labelledby\", title.id);\n    }\n  });\n\n  it(\"keeps aria attributes in sync across DOM mutations\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n      <calcite-tabs>\n        <calcite-tab-nav slot=\"title-group\">\n          <calcite-tab-title selected>Tab 1 Title</calcite-tab-title>\n          <calcite-tab-title id=\"insert-after-title\">Tab 2 Title</calcite-tab-title>\n          <calcite-tab-title>Tab 3 Title</calcite-tab-title>\n          <calcite-tab-title>Tab 4 Title</calcite-tab-title>\n        </calcite-tab-nav>\n\n        <calcite-tab selected>Tab 1 Content</calcite-tab>\n        <calcite-tab id=\"insert-after-tab\">Tab 2 Content</calcite-tab>\n        <calcite-tab>Tab 3 Content</calcite-tab>\n        <calcite-tab>Tab 4 Content</calcite-tab>\n      </calcite-tabs>\n    `);\n\n    await page.$eval(\"calcite-tabs\", (element: HTMLCalciteTabsElement) => {\n      element.ownerDocument\n        .getElementById(\"insert-after-title\")\n        .insertAdjacentHTML(\"afterend\", `<calcite-tab-title id=\"inserted-title\">Test</calcite-tab-title>`);\n\n      element.ownerDocument\n        .getElementById(\"insert-after-tab\")\n        .insertAdjacentHTML(\"afterend\", `<calcite-tab id=\"inserted-tab\">Test</calcite-tab>`);\n    });\n\n    await page.waitForChanges();\n\n    const tabs = await page.findAll(\"calcite-tab\");\n    const titles = await page.findAll(\"calcite-tab-title\");\n\n    for (let index = 0; index < tabs.length; index++) {\n      const tab = tabs[index];\n      const title = titles[index];\n      expect(title).toEqualAttribute(\"aria-controls\", tab.id);\n      expect(tab).toEqualAttribute(\"aria-labelledby\", title.id);\n    }\n  });\n\n  function testTabsScaleAndPosition(scale: Scale, position: TabPosition) {\n    const scaleName = scale === \"m\" ? \"default medium\" : scale;\n\n    it(`should render itself and child tab elements with corresponding scale (${scaleName}) and position (${position})`, async () => {\n      const page = await newE2EPage();\n      await page.setContent(html`<calcite-tabs scale=\"${scale}\" position=\"${position}\">${tabsContent}</calcite-tabs>`);\n      await page.waitForChanges();\n\n      const tabs = await page.find(\"calcite-tabs\");\n      const tab = await page.find(\"calcite-tab\");\n      const tabTitle = await page.find(\"calcite-tab-title\");\n      const tabNav = await page.find(\"calcite-tab-nav\");\n\n      expect(await tabs.getProperty(\"scale\")).toBe(scale);\n      expect(await tabs.getProperty(\"position\")).toBe(position);\n      expect(await tabNav.getProperty(\"scale\")).toBe(scale);\n      expect(await tabNav.getProperty(\"position\")).toBe(position);\n      expect(await tabTitle.getProperty(\"scale\")).toBe(scale);\n      expect(await tabTitle.getProperty(\"position\")).toBe(position);\n      expect(await tab.getProperty(\"scale\")).toBe(scale);\n    });\n  }\n\n  describe(\"calcite-tabs inheritable props\", () => {\n    const scales: Scale[] = [\"s\", \"m\", \"l\"];\n    const positions: TabPosition[] = [\"top\", \"bottom\"];\n\n    scales.forEach((scale) => {\n      positions.forEach((position) => {\n        testTabsScaleAndPosition(scale, position);\n      });\n    });\n  });\n\n  describe(\"when layout is inline and bordered is true\", () => {\n    it(\"should render tabs, tab-nav, and tab-title with bordered attribute\", async () => {\n      const page = await newE2EPage({\n        html: `<calcite-tabs bordered>${tabsContent}</calcite-tabs>`,\n      });\n      expect(await page.find(\"calcite-tabs\")).toEqualAttribute(\"bordered\", \"\");\n      expect(await page.find(\"calcite-tab-nav\")).toEqualAttribute(\"bordered\", \"\");\n      expect(await page.find(\"calcite-tab-title\")).toEqualAttribute(\"bordered\", \"\");\n      expect(await page.find(\"calcite-tab\")).toEqualAttribute(\"bordered\", null);\n    });\n\n    it(\"should render tab-nav's blue active indicator on top\", async () => {\n      const page = await newE2EPage({\n        html: `\n        <calcite-tabs bordered>\n          <calcite-tab-nav slot=\"title-group\">\n            <calcite-tab-title icon-start=\"arrow-left\" icon-end=\"arrow-right\">Tab 1 Title</calcite-tab-title>\n            <calcite-tab-title icon-start=\"arrow-left\" icon-end=\"arrow-right\" >Tab 2 Title</calcite-tab-title>\n          </calcite-tab-nav>\n          <calcite-tab>Tab 1 Content</calcite-tab>\n          <calcite-tab>Tab 2 Content</calcite-tab>\n        </calcite-tabs>\n        `,\n      });\n      const indicator = await page.find(\"calcite-tab-nav >>> .tab-nav-active-indicator-container\");\n      const indicatorStyles = await indicator.getComputedStyle();\n      expect(indicatorStyles.top).toEqual(\"0px\");\n      expect(indicatorStyles.bottom).not.toEqual(\"0px\");\n    });\n\n    it(\"should render tab-nav's blue active indicator on bottom when position is bottom\", async () => {\n      const page = await newE2EPage({\n        html: `\n        <calcite-tabs bordered position=\"bottom\">\n          <calcite-tab-nav slot=\"title-group\">\n            <calcite-tab-title icon-start=\"arrow-left\" icon-end=\"arrow-right\">Tab 1 Title</calcite-tab-title>\n            <calcite-tab-title icon-start=\"arrow-left\" icon-end=\"arrow-right\" >Tab 2 Title</calcite-tab-title>\n          </calcite-tab-nav>\n          <calcite-tab>Tab 1 Content</calcite-tab>\n          <calcite-tab>Tab 2 Content</calcite-tab>\n        </calcite-tabs>\n        `,\n      });\n      const indicator = await page.find(\"calcite-tab-nav >>> .tab-nav-active-indicator-container\");\n      const indicatorStyles = await indicator.getComputedStyle();\n      expect(indicatorStyles.bottom).toEqual(\"0px\");\n      expect(indicatorStyles.top).not.toEqual(\"0px\");\n    });\n  });\n\n  it(\"should not ignore bordered attribute when layout is center\", async () => {\n    const page = await newE2EPage({\n      html: `<calcite-tabs layout=\"center\" bordered>${tabsContent}</calcite-tabs>`,\n    });\n    expect(await page.find(\"calcite-tabs\")).toHaveAttribute(\"bordered\");\n  });\n\n  it(\"item selection should work when placed inside shadow DOM\", async () => {\n    const wrappedTabTemplateHTML = html`\n      <calcite-tabs>\n        <calcite-tab-nav slot=\"title-group\">\n          <calcite-tab-title id=\"title-1\" selected>Tab 1 Title</calcite-tab-title>\n          <calcite-tab-title id=\"title-2\">Tab 2 Title</calcite-tab-title>\n        </calcite-tab-nav>\n        <calcite-tab id=\"tab-1\" selected>Tab 1 Content</calcite-tab>\n        <calcite-tab id=\"tab-2\">Tab 2 Content</calcite-tab>\n      </calcite-tabs>\n    `;\n\n    const page = await newE2EPage({\n      // load page with the tab template,\n      // so they're available in the browser-evaluated fn below\n      html: wrappedTabTemplateHTML,\n    });\n\n    await page.waitForChanges();\n\n    const finalSelectedItem = await page.evaluate(\n      async (templateHTML: string): Promise<{ tabTitle: string; tab: string }> => {\n        const wrapperName = \"tab-wrapping-component\";\n\n        customElements.define(\n          wrapperName,\n          class extends HTMLElement {\n            constructor() {\n              super();\n            }\n\n            connectedCallback(): void {\n              this.attachShadow({ mode: \"open\" }).innerHTML = templateHTML;\n            }\n          },\n        );\n\n        document.body.innerHTML = `<${wrapperName}></${wrapperName}>`;\n\n        const wrapper = document.querySelector(wrapperName);\n\n        async function waitForAnimationFrames(count) {\n          async function frame() {\n            if (count > 0) {\n              await new Promise((resolve) => requestAnimationFrame(resolve));\n              count--;\n              await frame();\n            }\n          }\n\n          await frame();\n        }\n\n        wrapper.shadowRoot.querySelector<HTMLElement>(\"#title-2\").click();\n        await waitForAnimationFrames(4);\n\n        const tabTitle = wrapper.shadowRoot.querySelector(\"calcite-tab-title[selected]\").id;\n        await waitForAnimationFrames(2);\n\n        const tab = wrapper.shadowRoot.querySelector(\"calcite-tab[selected]\").id;\n        return { tabTitle, tab };\n      },\n      wrappedTabTemplateHTML,\n    );\n    expect(finalSelectedItem.tabTitle).toBe(\"title-2\");\n    expect(finalSelectedItem.tab).toBe(\"tab-2\");\n  });\n\n  it(\"item selection should work with nested tabs\", async () => {\n    const page = await newE2EPage({\n      html: html`\n        <calcite-tabs id=\"parentTabs\">\n          <calcite-tab-nav slot=\"title-group\">\n            <calcite-tab-title id=\"parentA\">Parent 1</calcite-tab-title>\n            <calcite-tab-title>Parent 2</calcite-tab-title>\n          </calcite-tab-nav>\n          <calcite-tab id=\"parentTabA\">\n            <calcite-tabs>\n              <calcite-tab-nav slot=\"title-group\">\n                <calcite-tab-title>Child 1</calcite-tab-title>\n                <calcite-tab-title id=\"kidB\">Child 2</calcite-tab-title>\n                <calcite-tab-title>Child 3</calcite-tab-title>\n              </calcite-tab-nav>\n              <calcite-tab>child content 1</calcite-tab>\n              <calcite-tab id=\"kidBTab\">child content 2</calcite-tab>\n              <calcite-tab>child content 3</calcite-tab>\n            </calcite-tabs>\n          </calcite-tab>\n          <calcite-tab>Parent content 2</calcite-tab>\n        </calcite-tabs>\n      `,\n    });\n\n    await page.waitForChanges();\n\n    const kidB = await page.find(\"#kidB\");\n    await kidB.click();\n    await page.waitForChanges();\n\n    const parentTabA = await page.find(\"#parentTabA\");\n    const childTitle = (await parentTabA.find(\"calcite-tab-title[selected]\")).getAttribute(\"id\");\n    const childContent = (await parentTabA.find(\"calcite-tab[selected]\")).getAttribute(\"id\");\n\n    const parentTabs = await page.find(\"#parentTabs\");\n    const parentTitle = (await parentTabs.find(\"calcite-tab-title[selected]\")).getAttribute(\"id\");\n    const parentContent = (await parentTabs.find(\"calcite-tab[selected]\")).getAttribute(\"id\");\n\n    expect(childTitle).toBe(\"kidB\");\n    expect(childContent).toBe(\"kidBTab\");\n    expect(parentTitle).toBe(\"parentA\");\n    expect(parentContent).toBe(\"parentTabA\");\n  });\n\n  it(\"should set selected title when tab change is emitted\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-tab-nav slot=\"title-group\">\n        <calcite-tab-title tab=\"boats\">Boats</calcite-tab-title>\n        <calcite-tab-title selected tab=\"ships\">Ships</calcite-tab-title>\n        <calcite-tab-title tab=\"yachts\">Yachts</calcite-tab-title>\n      </calcite-tab-nav>\n    `);\n\n    type TestWindow = GlobalTestProps<{ selectedTitleTab: string }>;\n\n    await page.evaluate(() =>\n      document.addEventListener(\n        \"calciteTabChange\",\n        (event) =>\n          ((window as TestWindow).selectedTitleTab = (event.target as HTMLCalciteTabNavElement).selectedTitle.tab),\n        { once: true },\n      ),\n    );\n\n    const tabChange = page.waitForEvent(\"calciteTabChange\");\n    await page.click(\"calcite-tab-title\");\n    await tabChange;\n\n    const selectedTitleOnEmit = await page.evaluate(() => (window as TestWindow).selectedTitleTab);\n\n    expect(selectedTitleOnEmit).toBe(\"boats\");\n  });\n\n  describe(\"closing tabs\", () => {\n    let page: E2EPage;\n    let tabsActivateSpy: EventSpy;\n    let tabChangeSpy: EventSpy;\n    let allTabTitles: E2EElement[];\n    let allTabs: E2EElement[];\n\n    beforeEach(async (): Promise<void> => {\n      page = await newE2EPage();\n      await page.setContent(html`\n        <calcite-tabs>\n          <calcite-tab-nav slot=\"title-group\">\n            <calcite-tab-title id=\"tab-title-1\" closable>Tab 1 Title</calcite-tab-title>\n            <calcite-tab-title id=\"tab-title-2\" closable>Tab 2 Title</calcite-tab-title>\n            <calcite-tab-title id=\"tab-title-3\" closable>Tab 3 Title</calcite-tab-title>\n            <calcite-tab-title id=\"tab-title-4\" closable selected>Tab 4 Title</calcite-tab-title>\n          </calcite-tab-nav>\n          <calcite-tab id=\"tab-1\">Tab 1 Content</calcite-tab>\n          <calcite-tab id=\"tab-2\">Tab 2 Content</calcite-tab>\n          <calcite-tab id=\"tab-3\">Tab 3 Content</calcite-tab>\n          <calcite-tab id=\"tab-4\" selected>Tab 4 Content</calcite-tab>\n        </calcite-tabs>\n      `);\n\n      allTabTitles = await page.findAll(\"calcite-tab-title\");\n      allTabs = await page.findAll(\"calcite-tab\");\n\n      const tabNav = await page.find(\"calcite-tab-nav\");\n      const tabs = await page.find(\"calcite-tabs\");\n\n      tabsActivateSpy = await tabNav.spyOnEvent(\"calciteTabsActivate\");\n      tabChangeSpy = await tabs.spyOnEvent(\"calciteTabChange\");\n    });\n\n    it(\"should emit tab change events when closing affects selected tab\", async () => {\n      await page.click(`#tab-title-4 >>> .${TabTitleCSS.closeButton}`);\n      await page.waitForChanges();\n\n      expect(tabsActivateSpy).toHaveReceivedEventTimes(1);\n      expect(tabChangeSpy).toHaveReceivedEventTimes(1);\n\n      expect(await allTabTitles[0].isVisible()).toBe(true);\n      expect(await allTabTitles[1].isVisible()).toBe(true);\n      expect(await allTabTitles[2].isVisible()).toBe(true);\n      expect(await allTabTitles[3].isVisible()).toBe(false);\n\n      expect(await allTabs[0].isVisible()).toBe(false);\n      expect(await allTabs[1].isVisible()).toBe(false);\n      expect(await allTabs[2].isVisible()).toBe(true);\n      expect(await allTabs[3].isVisible()).toBe(false);\n    });\n\n    it(\"should NOT emit tab change events when closing does not affect selected tab\", async () => {\n      await page.click(`#tab-title-1 >>> .${TabTitleCSS.closeButton}`);\n      await page.waitForChanges();\n\n      expect(tabsActivateSpy).toHaveReceivedEventTimes(0);\n      expect(tabChangeSpy).toHaveReceivedEventTimes(0);\n\n      expect(await allTabTitles[0].isVisible()).toBe(false);\n      expect(await allTabTitles[1].isVisible()).toBe(true);\n      expect(await allTabTitles[2].isVisible()).toBe(true);\n      expect(await allTabTitles[3].isVisible()).toBe(true);\n\n      expect(await allTabs[0].isVisible()).toBe(false);\n      expect(await allTabs[1].isVisible()).toBe(false);\n      expect(await allTabs[2].isVisible()).toBe(false);\n      expect(await allTabs[3].isVisible()).toBe(true);\n    });\n  });\n});\n"]}

package/dist/collection/components/tabs/tabs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.17
  */
 import { Fragment, h } from "@stencil/core";
 import { SLOTS } from "./resources";

package/dist/collection/components/text-area/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.17
  */
 export const CSS = {
     assistiveText: "assistive-text",

package/dist/collection/components/text-area/text-area.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Thu, 11 Jan 2024 00:21:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Thu, 11 Jan 2024 00:21:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Thu, 11 Jan 2024 00:21:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Thu, 11 Jan 2024 00:21:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:10 GMT
+ * Generated on Thu, 11 Jan 2024 00:21:47 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/text-area/text-area.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.17
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, defaults, disabled, focusable, formAssociated, hidden, labelable, reflects, renders, t9n, } from "../../tests/commonTests";
@@ -21,6 +21,18 @@ describe("calcite-text-area", () => {
                 propertyName: "scale",
                 defaultValue: "m",
             },
+            {
+                propertyName: "status",
+                defaultValue: "idle",
+            },
+            {
+                propertyName: "validationIcon",
+                defaultValue: undefined,
+            },
+            {
+                propertyName: "validationMessage",
+                defaultValue: undefined,
+            },
         ]);
     });
     describe("honors hidden attribute", () => {
@@ -46,6 +58,14 @@ describe("calcite-text-area", () => {
                 propertyName: "scale",
                 value: "s",
             },
+            {
+                propertyName: "status",
+                value: "invalid",
+            },
+            {
+                propertyName: "validationIcon",
+                value: true,
+            },
         ]);
     });
     describe("accessible", () => {

package/dist/collection/components/text-area/text-area.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.e2e.js","sourceRoot":"","sources":["../../../../src/components/text-area/text-area.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport {\n  accessible,\n  defaults,\n  disabled,\n  focusable,\n  formAssociated,\n  hidden,\n  labelable,\n  reflects,\n  renders,\n  t9n,\n} from \"../../tests/commonTests\";\nimport { CSS } from \"./resources\";\nimport { html } from \"../../../support/formatting\";\n\ndescribe(\"calcite-text-area\", () => {\n  describe(\"renders\", () => {\n    renders(\"calcite-text-area\", { display: \"inline-block\" });\n  });\n\n  describe(\"defaults\", () => {\n    defaults(\"calcite-text-area\", [\n      {\n        propertyName: \"wrap\",\n        defaultValue: \"soft\",\n      },\n      {\n        propertyName: \"scale\",\n        defaultValue: \"m\",\n      },\n    ]);\n  });\n\n  describe(\"honors hidden attribute\", () => {\n    hidden(\"calcite-text-area\");\n  });\n\n  describe(\"labelable\", () => {\n    labelable(\"calcite-text-area\");\n  });\n\n  describe(\"disabled\", () => {\n    disabled(\"calcite-text-area\");\n  });\n\n  describe(\"reflects\", () => {\n    reflects(\"calcite-text-area\", [\n      {\n        propertyName: \"columns\",\n        value: \"10\",\n      },\n      {\n        propertyName: \"rows\",\n        value: \"50\",\n      },\n      {\n        propertyName: \"scale\",\n        value: \"s\",\n      },\n    ]);\n  });\n\n  describe(\"accessible\", () => {\n    accessible(\n      html`<calcite-label>\n        add notes\n        <calcite-text-area max-length=\"50\" required name=\"something\"></calcite-text-area>\n      </calcite-label>`,\n    );\n  });\n\n  describe(\"is focusable\", () => {\n    focusable(\"calcite-text-area\");\n  });\n\n  describe(\"is form associated\", () => {\n    formAssociated(\"calcite-text-area\", {\n      testValue: \"zion national park\",\n      expectedSubmitValue: \"zion national park\",\n      submitsOnEnter: false,\n    });\n  });\n\n  it(\"should emit calciteTextAreaInput event when user type in the textarea and emit calciteTextAreaChange when users tabs out\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\"<calcite-text-area></calcite-text-area>\");\n\n    const element = await page.find(\"calcite-text-area\");\n    const inputEventSpy = await element.spyOnEvent(\"calciteTextAreaInput\");\n    const changeEventSpy = await element.spyOnEvent(\"calciteTextAreaChange\");\n    await page.waitForChanges();\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    await page.keyboard.type(\"rocky\");\n    await page.waitForChanges();\n\n    expect(inputEventSpy).toHaveReceivedEventTimes(5);\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    expect(changeEventSpy).toHaveReceivedEventTimes(1);\n  });\n\n  it(\"should not emit calciteTextAreaChange & calciteTextAreaInput event when user tabs out of the textarea without typing\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\"<calcite-text-area></calcite-text-area>\");\n\n    const element = await page.find(\"calcite-text-area\");\n    const changeEventSpy = await element.spyOnEvent(\"calciteTextAreaChange\");\n    const inputEventSpy = await element.spyOnEvent(\"calciteTextAreaInput\");\n    await page.waitForChanges();\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    expect(changeEventSpy).not.toHaveReceivedEvent();\n    expect(inputEventSpy).not.toHaveReceivedEvent();\n  });\n\n  it(\"should be able to enter characters beyond max-length\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\"<calcite-text-area></calcite-text-area>\");\n\n    const element = await page.find(\"calcite-text-area\");\n    element.setAttribute(\"max-length\", 5);\n    await page.waitForChanges();\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    await page.keyboard.type(\"rocky mountains\");\n    await page.waitForChanges();\n\n    expect(await element.getProperty(\"value\")).toBe(\"rocky mountains\");\n  });\n\n  it(\"should have footer--slotted class when slotted at both start and end\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<calcite-text-area>\n    <calcite-button slot=\"footer-start\">CLEAR</calcite-button>\n    <calcite-button slot=\"footer-end\">RESET</calcite-button></calcite-text-area>`);\n\n    const element = await page.find(\"calcite-text-area >>> textarea\");\n    await page.waitForChanges();\n\n    expect(element).toHaveClass(CSS.footerSlotted);\n  });\n\n  // todo: add a test to simulate dragging behavior for resize.\n  // currently we are assuming resize CSS property value determines the resize behavior.\n  describe(\"resize\", () => {\n    it(\"should set CSS resize property to horizontal\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(`<calcite-text-area resize=\"horizontal\"></calcite-text-area>`);\n\n      const element = await page.find(\"calcite-text-area >>> textarea\");\n      await page.waitForChanges();\n\n      expect((await element.getComputedStyle()).resize).toBe(\"horizontal\");\n    });\n\n    it(\"should set CSS resize property to vertical\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(`<calcite-text-area resize=\"vertical\"></calcite-text-area>`);\n\n      const element = await page.find(\"calcite-text-area >>> textarea\");\n      await page.waitForChanges();\n\n      expect((await element.getComputedStyle()).resize).toBe(\"vertical\");\n    });\n  });\n\n  describe(\"translation support\", () => {\n    t9n(\"calcite-text-area\");\n  });\n});\n"]}
+{"version":3,"file":"text-area.e2e.js","sourceRoot":"","sources":["../../../../src/components/text-area/text-area.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport {\n  accessible,\n  defaults,\n  disabled,\n  focusable,\n  formAssociated,\n  hidden,\n  labelable,\n  reflects,\n  renders,\n  t9n,\n} from \"../../tests/commonTests\";\nimport { CSS } from \"./resources\";\nimport { html } from \"../../../support/formatting\";\n\ndescribe(\"calcite-text-area\", () => {\n  describe(\"renders\", () => {\n    renders(\"calcite-text-area\", { display: \"inline-block\" });\n  });\n\n  describe(\"defaults\", () => {\n    defaults(\"calcite-text-area\", [\n      {\n        propertyName: \"wrap\",\n        defaultValue: \"soft\",\n      },\n      {\n        propertyName: \"scale\",\n        defaultValue: \"m\",\n      },\n      {\n        propertyName: \"status\",\n        defaultValue: \"idle\",\n      },\n      {\n        propertyName: \"validationIcon\",\n        defaultValue: undefined,\n      },\n      {\n        propertyName: \"validationMessage\",\n        defaultValue: undefined,\n      },\n    ]);\n  });\n\n  describe(\"honors hidden attribute\", () => {\n    hidden(\"calcite-text-area\");\n  });\n\n  describe(\"labelable\", () => {\n    labelable(\"calcite-text-area\");\n  });\n\n  describe(\"disabled\", () => {\n    disabled(\"calcite-text-area\");\n  });\n\n  describe(\"reflects\", () => {\n    reflects(\"calcite-text-area\", [\n      {\n        propertyName: \"columns\",\n        value: \"10\",\n      },\n      {\n        propertyName: \"rows\",\n        value: \"50\",\n      },\n      {\n        propertyName: \"scale\",\n        value: \"s\",\n      },\n      {\n        propertyName: \"status\",\n        value: \"invalid\",\n      },\n      {\n        propertyName: \"validationIcon\",\n        value: true,\n      },\n    ]);\n  });\n\n  describe(\"accessible\", () => {\n    accessible(\n      html`<calcite-label>\n        add notes\n        <calcite-text-area max-length=\"50\" required name=\"something\"></calcite-text-area>\n      </calcite-label>`,\n    );\n  });\n\n  describe(\"is focusable\", () => {\n    focusable(\"calcite-text-area\");\n  });\n\n  describe(\"is form associated\", () => {\n    formAssociated(\"calcite-text-area\", {\n      testValue: \"zion national park\",\n      expectedSubmitValue: \"zion national park\",\n      submitsOnEnter: false,\n    });\n  });\n\n  it(\"should emit calciteTextAreaInput event when user type in the textarea and emit calciteTextAreaChange when users tabs out\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\"<calcite-text-area></calcite-text-area>\");\n\n    const element = await page.find(\"calcite-text-area\");\n    const inputEventSpy = await element.spyOnEvent(\"calciteTextAreaInput\");\n    const changeEventSpy = await element.spyOnEvent(\"calciteTextAreaChange\");\n    await page.waitForChanges();\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    await page.keyboard.type(\"rocky\");\n    await page.waitForChanges();\n\n    expect(inputEventSpy).toHaveReceivedEventTimes(5);\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    expect(changeEventSpy).toHaveReceivedEventTimes(1);\n  });\n\n  it(\"should not emit calciteTextAreaChange & calciteTextAreaInput event when user tabs out of the textarea without typing\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\"<calcite-text-area></calcite-text-area>\");\n\n    const element = await page.find(\"calcite-text-area\");\n    const changeEventSpy = await element.spyOnEvent(\"calciteTextAreaChange\");\n    const inputEventSpy = await element.spyOnEvent(\"calciteTextAreaInput\");\n    await page.waitForChanges();\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    expect(changeEventSpy).not.toHaveReceivedEvent();\n    expect(inputEventSpy).not.toHaveReceivedEvent();\n  });\n\n  it(\"should be able to enter characters beyond max-length\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\"<calcite-text-area></calcite-text-area>\");\n\n    const element = await page.find(\"calcite-text-area\");\n    element.setAttribute(\"max-length\", 5);\n    await page.waitForChanges();\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    await page.keyboard.type(\"rocky mountains\");\n    await page.waitForChanges();\n\n    expect(await element.getProperty(\"value\")).toBe(\"rocky mountains\");\n  });\n\n  it(\"should have footer--slotted class when slotted at both start and end\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<calcite-text-area>\n    <calcite-button slot=\"footer-start\">CLEAR</calcite-button>\n    <calcite-button slot=\"footer-end\">RESET</calcite-button></calcite-text-area>`);\n\n    const element = await page.find(\"calcite-text-area >>> textarea\");\n    await page.waitForChanges();\n\n    expect(element).toHaveClass(CSS.footerSlotted);\n  });\n\n  // todo: add a test to simulate dragging behavior for resize.\n  // currently we are assuming resize CSS property value determines the resize behavior.\n  describe(\"resize\", () => {\n    it(\"should set CSS resize property to horizontal\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(`<calcite-text-area resize=\"horizontal\"></calcite-text-area>`);\n\n      const element = await page.find(\"calcite-text-area >>> textarea\");\n      await page.waitForChanges();\n\n      expect((await element.getComputedStyle()).resize).toBe(\"horizontal\");\n    });\n\n    it(\"should set CSS resize property to vertical\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(`<calcite-text-area resize=\"vertical\"></calcite-text-area>`);\n\n      const element = await page.find(\"calcite-text-area >>> textarea\");\n      await page.waitForChanges();\n\n      expect((await element.getComputedStyle()).resize).toBe(\"vertical\");\n    });\n  });\n\n  describe(\"translation support\", () => {\n    t9n(\"calcite-text-area\");\n  });\n});\n"]}

package/dist/collection/components/text-area/text-area.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.17
  */
 import { h, Host, } from "@stencil/core";
 import { connectForm, disconnectForm, HiddenFormInputSlot } from "../../utils/form";
@@ -321,7 +321,7 @@ export class TextArea {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The ID of the form that will be associated with the component.\n\nWhen not set, the component will be associated with its ancestor form element, if any."
+                    "text": "The `id` of the form that will be associated with the component.\n\nWhen not set, the component will be associated with its ancestor form element, if any."
                 },
                 "attribute": "form",
                 "reflect": true
@@ -437,7 +437,7 @@ export class TextArea {
                     "text": "Specifies the validation icon to display under the component."
                 },
                 "attribute": "validation-icon",
-                "reflect": false
+                "reflect": true
             },
             "name": {
                 "type": "string",

package/dist/collection/components/text-area/text-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../../../src/components/text-area/text-area.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  VNode,\n  Watch,\n  Method,\n  Host,\n  State,\n} from \"@stencil/core\";\nimport { connectForm, disconnectForm, FormComponent, HiddenFormInputSlot } from \"../../utils/form\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport { slotChangeHasAssignedElement, toAriaBoolean } from \"../../utils/dom\";\nimport { CSS, SLOTS, RESIZE_TIMEOUT } from \"./resources\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  componentFocusable,\n  componentLoaded,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { TextAreaMessages } from \"./assets/text-area/t9n\";\nimport { throttle } from \"lodash-es\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { CharacterLengthObj } from \"./interfaces\";\nimport { guid } from \"../../utils/guid\";\nimport { Status } from \"../interfaces\";\nimport { Validation } from \"../functional/Validation\";\n\n/**\n * @slot - A slot for adding text.\n * @slot footer-start - A slot for adding content to the start of the component's footer.\n * @slot footer-end - A slot for adding content to the end of the component's footer.\n */\n\n@Component({\n  tag: \"calcite-text-area\",\n  styleUrl: \"text-area.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TextArea\n  implements\n    FormComponent,\n    LabelableComponent,\n    LocalizedComponent,\n    LoadableComponent,\n    T9nComponent,\n    InteractiveComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.\n   *\n   * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)\n   */\n  @Prop({ reflect: true }) autofocus = false;\n\n  /**\n   * Specifies the component's number of columns.\n   *\n   * @mdn [cols](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols)\n   */\n  @Prop({ reflect: true }) columns: number;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   *\n   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The ID of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /**\n   * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n   */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop() label: string;\n\n  /**\n   * Specifies the maximum number of characters allowed.\n   *\n   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-maxlength)\n   */\n  @Prop({ reflect: true }) maxLength: number;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TextAreaMessages;\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop() validationIcon: string | boolean;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-name)\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /**\n   * Specifies the placeholder text for the component.\n   *\n   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-placeholder)\n   */\n  @Prop() placeholder: string;\n\n  /**\n   * When `true`, the component's `value` can be read, but cannot be modified.\n   *\n   * @readonly\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @mdn [required]https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies if the component is resizable. */\n  @Prop({ reflect: true }) resize: \"both\" | \"horizontal\" | \"vertical\" | \"none\" = \"both\";\n\n  /**\n   * Specifies the component's number of rows.\n   *\n   * @mdn [rows](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows)\n   */\n  @Prop({ reflect: true }) rows: number;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: \"l\" | \"m\" | \"s\" = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /** The component's value. */\n  @Prop({ mutable: true }) value: string;\n\n  /**\n   * Specifies the wrapping mechanism for the text.\n   *\n   * @mdn [wrap](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-wrap)\n   */\n  @Prop({ reflect: true }) wrap: \"soft\" | \"hard\" = \"soft\";\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TextAreaMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Emitters\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Fires each time a new `value` is typed.\n   */\n  @Event() calciteTextAreaInput: EventEmitter<void>;\n\n  /**\n   * Fires each time a new `value` is typed and committed.\n   */\n  @Event() calciteTextAreaChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n    this.setTextAreaHeight();\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <textarea\n            aria-describedby={this.guid}\n            aria-invalid={toAriaBoolean(this.isCharacterLimitExceeded())}\n            aria-label={getLabelText(this)}\n            autofocus={this.autofocus}\n            class={{\n              [CSS.readOnly]: this.readOnly,\n              [CSS.textAreaInvalid]: this.isCharacterLimitExceeded(),\n              [CSS.footerSlotted]: this.endSlotHasElements && this.startSlotHasElements,\n              [CSS.blockSizeFull]: !hasFooter,\n              [CSS.borderColor]: !hasFooter,\n            }}\n            cols={this.columns}\n            disabled={this.disabled}\n            name={this.name}\n            onChange={this.handleChange}\n            onInput={this.handleInput}\n            placeholder={this.placeholder}\n            readonly={this.readOnly}\n            required={this.required}\n            rows={this.rows}\n            value={this.value}\n            wrap={this.wrap}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.setTextAreaEl}\n          />\n          <span class={{ [CSS.content]: true }}>\n            <slot onSlotchange={this.contentSlotChangeHandler} />\n          </span>\n          <footer\n            class={{\n              [CSS.footer]: true,\n              [CSS.readOnly]: this.readOnly,\n              [CSS.hide]: !hasFooter,\n            }}\n            ref={(el) => (this.footerEl = el as HTMLElement)}\n          >\n            <div\n              class={{\n                [CSS.container]: true,\n                [CSS.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,\n              }}\n            >\n              <slot\n                name={SLOTS.footerStart}\n                onSlotchange={(event) =>\n                  (this.startSlotHasElements = slotChangeHasAssignedElement(event))\n                }\n              />\n              <slot\n                name={SLOTS.footerEnd}\n                onSlotchange={(event) =>\n                  (this.endSlotHasElements = slotChangeHasAssignedElement(event))\n                }\n              />\n            </div>\n            {this.renderCharacterLimit()}\n          </footer>\n          <HiddenFormInputSlot component={this} />\n          {this.isCharacterLimitExceeded() && (\n            <span aria-hidden={true} aria-live=\"polite\" class={CSS.assistiveText} id={this.guid}>\n              {this.replacePlaceHoldersInMessages()}\n            </span>\n          )}\n          {this.validationMessage ? (\n            <Validation\n              icon={this.validationIcon}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.textAreaEl.focus();\n  }\n\n  /** Selects the text of the component's `value`. */\n  @Method()\n  async selectText(): Promise<void> {\n    await componentLoaded(this);\n    this.textAreaEl.select();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties/ State\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTextAreaElement;\n\n  defaultValue: TextArea[\"value\"];\n\n  footerEl: HTMLElement;\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  textAreaEl: HTMLTextAreaElement;\n\n  @State() defaultMessages: TextAreaMessages;\n\n  @State() endSlotHasElements: boolean;\n\n  @State() startSlotHasElements: boolean;\n\n  @State() effectiveLocale = \"\";\n\n  @State() localizedCharacterLengthObj: CharacterLengthObj;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private guid = guid();\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onFormReset(): void {\n    this.value = this.defaultValue;\n  }\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  handleInput = (event: InputEvent): void => {\n    this.value = event.target[\"value\"];\n    this.calciteTextAreaInput.emit();\n  };\n\n  handleChange = (): void => {\n    this.calciteTextAreaChange.emit();\n  };\n\n  contentSlotChangeHandler = (): void => {\n    if (!this.value) {\n      const nodes = this.el.childNodes;\n      nodes.forEach((el) => {\n        if (el.nodeName === \"#text\") {\n          this.value = el.nodeValue.trim();\n        }\n      });\n    }\n  };\n\n  renderCharacterLimit = (): VNode | null => {\n    if (this.maxLength) {\n      this.localizedCharacterLengthObj = this.getLocalizedCharacterLength();\n      return (\n        <span class={CSS.characterLimit}>\n          <span class={{ [CSS.characterOverLimit]: this.isCharacterLimitExceeded() }}>\n            {this.localizedCharacterLengthObj.currentLength}\n          </span>\n          {\"/\"}\n          {this.localizedCharacterLengthObj.maxLength}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  getLocalizedCharacterLength(): CharacterLengthObj {\n    const currentLength = this.value ? this.value.length.toString() : \"0\";\n    const maxLength = this.maxLength.toString();\n    if (this.numberingSystem === \"latn\") {\n      return { currentLength, maxLength };\n    }\n\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"never\",\n      useGrouping: this.groupSeparator,\n    };\n    return {\n      currentLength: numberStringFormatter.localize(currentLength),\n      maxLength: numberStringFormatter.localize(maxLength),\n    };\n  }\n\n  resizeObserver = createObserver(\"resize\", async () => {\n    await componentLoaded(this);\n    const { textAreaHeight, textAreaWidth, elHeight, elWidth, footerHeight, footerWidth } =\n      this.getHeightAndWidthOfElements();\n    if (footerWidth > 0 && footerWidth !== textAreaWidth) {\n      this.footerEl.style.width = `${textAreaWidth}px`;\n    }\n    if (elWidth !== textAreaWidth || elHeight !== textAreaHeight + (footerHeight || 0)) {\n      this.setHeightAndWidthToAuto();\n    }\n  });\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.setCustomValidity(\"\");\n    if (this.isCharacterLimitExceeded()) {\n      input.setCustomValidity(this.replacePlaceHoldersInMessages());\n    }\n  }\n\n  setTextAreaEl = (el: HTMLTextAreaElement): void => {\n    this.textAreaEl = el;\n    this.resizeObserver.observe(el);\n  };\n\n  setTextAreaHeight(): void {\n    const { textAreaHeight, elHeight, footerHeight } = this.getHeightAndWidthOfElements();\n    if (footerHeight > 0 && textAreaHeight + footerHeight != elHeight) {\n      this.textAreaEl.style.height = `${elHeight - footerHeight}px`;\n    }\n  }\n\n  getHeightAndWidthOfElements(): {\n    textAreaHeight: number;\n    textAreaWidth: number;\n    elHeight: number;\n    elWidth: number;\n    footerHeight: number;\n    footerWidth: number;\n  } {\n    const { height: textAreaHeight, width: textAreaWidth } =\n      this.textAreaEl.getBoundingClientRect();\n    const { height: elHeight, width: elWidth } = this.el.getBoundingClientRect();\n    const { height: footerHeight, width: footerWidth } = this.footerEl?.getBoundingClientRect();\n\n    return {\n      textAreaHeight,\n      textAreaWidth,\n      elHeight,\n      elWidth,\n      footerHeight,\n      footerWidth,\n    };\n  }\n\n  private replacePlaceHoldersInMessages(): string {\n    return this.messages.tooLong\n      .replace(\"{maxLength}\", this.localizedCharacterLengthObj.maxLength)\n      .replace(\"{currentLength}\", this.localizedCharacterLengthObj.currentLength);\n  }\n\n  // height and width are set to auto here to avoid overlapping on to neighboring elements in the layout when user starts resizing.\n  // throttle is used to avoid flashing of textarea when user resizes.\n  private setHeightAndWidthToAuto = throttle(\n    (): void => {\n      if (this.resize === \"vertical\" || this.resize === \"both\") {\n        this.el.style.height = \"auto\";\n      }\n      if (this.resize === \"horizontal\" || this.resize === \"both\") {\n        this.el.style.width = \"auto\";\n      }\n    },\n    RESIZE_TIMEOUT,\n    { leading: false },\n  );\n\n  private isCharacterLimitExceeded(): boolean {\n    return this.value?.length > this.maxLength;\n  }\n}\n"]}
+{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../../../src/components/text-area/text-area.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  VNode,\n  Watch,\n  Method,\n  Host,\n  State,\n} from \"@stencil/core\";\nimport { connectForm, disconnectForm, FormComponent, HiddenFormInputSlot } from \"../../utils/form\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport { slotChangeHasAssignedElement, toAriaBoolean } from \"../../utils/dom\";\nimport { CSS, SLOTS, RESIZE_TIMEOUT } from \"./resources\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  componentFocusable,\n  componentLoaded,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { TextAreaMessages } from \"./assets/text-area/t9n\";\nimport { throttle } from \"lodash-es\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { CharacterLengthObj } from \"./interfaces\";\nimport { guid } from \"../../utils/guid\";\nimport { Status } from \"../interfaces\";\nimport { Validation } from \"../functional/Validation\";\n\n/**\n * @slot - A slot for adding text.\n * @slot footer-start - A slot for adding content to the start of the component's footer.\n * @slot footer-end - A slot for adding content to the end of the component's footer.\n */\n\n@Component({\n  tag: \"calcite-text-area\",\n  styleUrl: \"text-area.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TextArea\n  implements\n    FormComponent,\n    LabelableComponent,\n    LocalizedComponent,\n    LoadableComponent,\n    T9nComponent,\n    InteractiveComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.\n   *\n   * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)\n   */\n  @Prop({ reflect: true }) autofocus = false;\n\n  /**\n   * Specifies the component's number of columns.\n   *\n   * @mdn [cols](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols)\n   */\n  @Prop({ reflect: true }) columns: number;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   *\n   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /**\n   * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n   */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop() label: string;\n\n  /**\n   * Specifies the maximum number of characters allowed.\n   *\n   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-maxlength)\n   */\n  @Prop({ reflect: true }) maxLength: number;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TextAreaMessages;\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: string | boolean;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-name)\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /**\n   * Specifies the placeholder text for the component.\n   *\n   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-placeholder)\n   */\n  @Prop() placeholder: string;\n\n  /**\n   * When `true`, the component's `value` can be read, but cannot be modified.\n   *\n   * @readonly\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @mdn [required]https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies if the component is resizable. */\n  @Prop({ reflect: true }) resize: \"both\" | \"horizontal\" | \"vertical\" | \"none\" = \"both\";\n\n  /**\n   * Specifies the component's number of rows.\n   *\n   * @mdn [rows](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows)\n   */\n  @Prop({ reflect: true }) rows: number;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: \"l\" | \"m\" | \"s\" = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /** The component's value. */\n  @Prop({ mutable: true }) value: string;\n\n  /**\n   * Specifies the wrapping mechanism for the text.\n   *\n   * @mdn [wrap](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-wrap)\n   */\n  @Prop({ reflect: true }) wrap: \"soft\" | \"hard\" = \"soft\";\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TextAreaMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Emitters\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Fires each time a new `value` is typed.\n   */\n  @Event() calciteTextAreaInput: EventEmitter<void>;\n\n  /**\n   * Fires each time a new `value` is typed and committed.\n   */\n  @Event() calciteTextAreaChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n    this.setTextAreaHeight();\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <textarea\n            aria-describedby={this.guid}\n            aria-invalid={toAriaBoolean(this.isCharacterLimitExceeded())}\n            aria-label={getLabelText(this)}\n            autofocus={this.autofocus}\n            class={{\n              [CSS.readOnly]: this.readOnly,\n              [CSS.textAreaInvalid]: this.isCharacterLimitExceeded(),\n              [CSS.footerSlotted]: this.endSlotHasElements && this.startSlotHasElements,\n              [CSS.blockSizeFull]: !hasFooter,\n              [CSS.borderColor]: !hasFooter,\n            }}\n            cols={this.columns}\n            disabled={this.disabled}\n            name={this.name}\n            onChange={this.handleChange}\n            onInput={this.handleInput}\n            placeholder={this.placeholder}\n            readonly={this.readOnly}\n            required={this.required}\n            rows={this.rows}\n            value={this.value}\n            wrap={this.wrap}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.setTextAreaEl}\n          />\n          <span class={{ [CSS.content]: true }}>\n            <slot onSlotchange={this.contentSlotChangeHandler} />\n          </span>\n          <footer\n            class={{\n              [CSS.footer]: true,\n              [CSS.readOnly]: this.readOnly,\n              [CSS.hide]: !hasFooter,\n            }}\n            ref={(el) => (this.footerEl = el as HTMLElement)}\n          >\n            <div\n              class={{\n                [CSS.container]: true,\n                [CSS.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,\n              }}\n            >\n              <slot\n                name={SLOTS.footerStart}\n                onSlotchange={(event) =>\n                  (this.startSlotHasElements = slotChangeHasAssignedElement(event))\n                }\n              />\n              <slot\n                name={SLOTS.footerEnd}\n                onSlotchange={(event) =>\n                  (this.endSlotHasElements = slotChangeHasAssignedElement(event))\n                }\n              />\n            </div>\n            {this.renderCharacterLimit()}\n          </footer>\n          <HiddenFormInputSlot component={this} />\n          {this.isCharacterLimitExceeded() && (\n            <span aria-hidden={true} aria-live=\"polite\" class={CSS.assistiveText} id={this.guid}>\n              {this.replacePlaceHoldersInMessages()}\n            </span>\n          )}\n          {this.validationMessage ? (\n            <Validation\n              icon={this.validationIcon}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.textAreaEl.focus();\n  }\n\n  /** Selects the text of the component's `value`. */\n  @Method()\n  async selectText(): Promise<void> {\n    await componentLoaded(this);\n    this.textAreaEl.select();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties/ State\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTextAreaElement;\n\n  defaultValue: TextArea[\"value\"];\n\n  footerEl: HTMLElement;\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  textAreaEl: HTMLTextAreaElement;\n\n  @State() defaultMessages: TextAreaMessages;\n\n  @State() endSlotHasElements: boolean;\n\n  @State() startSlotHasElements: boolean;\n\n  @State() effectiveLocale = \"\";\n\n  @State() localizedCharacterLengthObj: CharacterLengthObj;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private guid = guid();\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onFormReset(): void {\n    this.value = this.defaultValue;\n  }\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  handleInput = (event: InputEvent): void => {\n    this.value = event.target[\"value\"];\n    this.calciteTextAreaInput.emit();\n  };\n\n  handleChange = (): void => {\n    this.calciteTextAreaChange.emit();\n  };\n\n  contentSlotChangeHandler = (): void => {\n    if (!this.value) {\n      const nodes = this.el.childNodes;\n      nodes.forEach((el) => {\n        if (el.nodeName === \"#text\") {\n          this.value = el.nodeValue.trim();\n        }\n      });\n    }\n  };\n\n  renderCharacterLimit = (): VNode | null => {\n    if (this.maxLength) {\n      this.localizedCharacterLengthObj = this.getLocalizedCharacterLength();\n      return (\n        <span class={CSS.characterLimit}>\n          <span class={{ [CSS.characterOverLimit]: this.isCharacterLimitExceeded() }}>\n            {this.localizedCharacterLengthObj.currentLength}\n          </span>\n          {\"/\"}\n          {this.localizedCharacterLengthObj.maxLength}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  getLocalizedCharacterLength(): CharacterLengthObj {\n    const currentLength = this.value ? this.value.length.toString() : \"0\";\n    const maxLength = this.maxLength.toString();\n    if (this.numberingSystem === \"latn\") {\n      return { currentLength, maxLength };\n    }\n\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"never\",\n      useGrouping: this.groupSeparator,\n    };\n    return {\n      currentLength: numberStringFormatter.localize(currentLength),\n      maxLength: numberStringFormatter.localize(maxLength),\n    };\n  }\n\n  resizeObserver = createObserver(\"resize\", async () => {\n    await componentLoaded(this);\n    const { textAreaHeight, textAreaWidth, elHeight, elWidth, footerHeight, footerWidth } =\n      this.getHeightAndWidthOfElements();\n    if (footerWidth > 0 && footerWidth !== textAreaWidth) {\n      this.footerEl.style.width = `${textAreaWidth}px`;\n    }\n    if (elWidth !== textAreaWidth || elHeight !== textAreaHeight + (footerHeight || 0)) {\n      this.setHeightAndWidthToAuto();\n    }\n  });\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.setCustomValidity(\"\");\n    if (this.isCharacterLimitExceeded()) {\n      input.setCustomValidity(this.replacePlaceHoldersInMessages());\n    }\n  }\n\n  setTextAreaEl = (el: HTMLTextAreaElement): void => {\n    this.textAreaEl = el;\n    this.resizeObserver.observe(el);\n  };\n\n  setTextAreaHeight(): void {\n    const { textAreaHeight, elHeight, footerHeight } = this.getHeightAndWidthOfElements();\n    if (footerHeight > 0 && textAreaHeight + footerHeight != elHeight) {\n      this.textAreaEl.style.height = `${elHeight - footerHeight}px`;\n    }\n  }\n\n  getHeightAndWidthOfElements(): {\n    textAreaHeight: number;\n    textAreaWidth: number;\n    elHeight: number;\n    elWidth: number;\n    footerHeight: number;\n    footerWidth: number;\n  } {\n    const { height: textAreaHeight, width: textAreaWidth } =\n      this.textAreaEl.getBoundingClientRect();\n    const { height: elHeight, width: elWidth } = this.el.getBoundingClientRect();\n    const { height: footerHeight, width: footerWidth } = this.footerEl?.getBoundingClientRect();\n\n    return {\n      textAreaHeight,\n      textAreaWidth,\n      elHeight,\n      elWidth,\n      footerHeight,\n      footerWidth,\n    };\n  }\n\n  private replacePlaceHoldersInMessages(): string {\n    return this.messages.tooLong\n      .replace(\"{maxLength}\", this.localizedCharacterLengthObj.maxLength)\n      .replace(\"{currentLength}\", this.localizedCharacterLengthObj.currentLength);\n  }\n\n  // height and width are set to auto here to avoid overlapping on to neighboring elements in the layout when user starts resizing.\n  // throttle is used to avoid flashing of textarea when user resizes.\n  private setHeightAndWidthToAuto = throttle(\n    (): void => {\n      if (this.resize === \"vertical\" || this.resize === \"both\") {\n        this.el.style.height = \"auto\";\n      }\n      if (this.resize === \"horizontal\" || this.resize === \"both\") {\n        this.el.style.width = \"auto\";\n      }\n    },\n    RESIZE_TIMEOUT,\n    { leading: false },\n  );\n\n  private isCharacterLimitExceeded(): boolean {\n    return this.value?.length > this.maxLength;\n  }\n}\n"]}

package/dist/collection/components/tile/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.17
  */
 export const SLOTS = {
     contentStart: "content-start",

package/dist/collection/components/tile/tile.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Thu, 11 Jan 2024 00:21:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Thu, 11 Jan 2024 00:21:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Thu, 11 Jan 2024 00:21:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:12 GMT
+ * Generated on Thu, 11 Jan 2024 00:21:50 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 16:49:10 GMT
+ * Generated on Thu, 11 Jan 2024 00:21:47 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/tile/tile.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
+ * v2.2.0-next.17
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, defaults, disabled, reflects, renders, slots, hidden } from "../../tests/commonTests";