@esri/calcite-components 2.2.0-next.16 → 2.2.0-next.18

package/dist/collection/components/select/select.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:39 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:01 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -210,13 +210,21 @@ select:disabled {
 }
 
 .validation-container {
-  padding-block-start: 0.5rem;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   align-self: stretch;
 }
 
+:host([scale=m]) .validation-container,
+:host([scale=l]) .validation-container {
+  padding-block-start: 0.5rem;
+}
+
+:host([scale=s]) .validation-container {
+  padding-block-start: 0.25rem;
+}
+
 ::slotted(input[slot=hidden-form-input]) {
   margin: 0 !important;
   opacity: 0 !important;

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

@@ -1,10 +1,10 @@
 /*!
  * 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.16
+ * v2.2.0-next.18
  */
 import { newE2EPage } from "@stencil/core/testing";
-import { accessible, disabled, focusable, formAssociated, labelable, reflects, renders, hidden, } from "../../tests/commonTests";
+import { accessible, disabled, defaults, focusable, formAssociated, labelable, reflects, renders, hidden, } from "../../tests/commonTests";
 import { html } from "../../../support/formatting";
 import { CSS } from "./resources";
 describe("calcite-select", () => {
@@ -27,6 +27,14 @@ describe("calcite-select", () => {
     describe("is focusable", () => {
         focusable(simpleTestMarkup);
     });
+    describe("defaults", () => {
+        defaults("calcite-select", [
+            { propertyName: "scale", defaultValue: "m" },
+            { propertyName: "status", defaultValue: "idle" },
+            { propertyName: "validationIcon", defaultValue: undefined },
+            { propertyName: "validationMessage", defaultValue: undefined },
+        ]);
+    });
     describe("reflects", () => {
         reflects(simpleTestMarkup, [
             {
@@ -37,6 +45,14 @@ describe("calcite-select", () => {
                 propertyName: "scale",
                 value: "m",
             },
+            {
+                propertyName: "status",
+                value: "invalid",
+            },
+            {
+                propertyName: "validationIcon",
+                value: true,
+            },
         ]);
     });
     async function assertSelectedOption(page, selectedOption) {

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

@@ -1 +1 @@
-{"version":3,"file":"select.e2e.js","sourceRoot":"","sources":["../../../../src/components/select/select.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EElement, E2EPage, newE2EPage } from \"@stencil/core/testing\";\nimport {\n  accessible,\n  disabled,\n  focusable,\n  formAssociated,\n  labelable,\n  reflects,\n  renders,\n  hidden,\n} from \"../../tests/commonTests\";\nimport { html } from \"../../../support/formatting\";\nimport { CSS } from \"./resources\";\n\ndescribe(\"calcite-select\", () => {\n  const simpleTestMarkup = html`\n    <calcite-select label=\"required-for-a11y-test\">\n      <calcite-option>uno</calcite-option>\n      <calcite-option>dos</calcite-option>\n      <calcite-option>tres</calcite-option>\n    </calcite-select>\n  `;\n\n  describe(\"renders\", () => {\n    renders(simpleTestMarkup, { display: \"flex\" });\n  });\n\n  describe(\"honors hidden attribute\", () => {\n    hidden(\"calcite-select\");\n  });\n\n  describe(\"accessible\", () => {\n    accessible(simpleTestMarkup);\n  });\n\n  describe(\"is focusable\", () => {\n    focusable(simpleTestMarkup);\n  });\n\n  describe(\"reflects\", () => {\n    reflects(simpleTestMarkup, [\n      {\n        propertyName: \"disabled\",\n        value: true,\n      },\n      {\n        propertyName: \"scale\",\n        value: \"m\",\n      },\n    ]);\n  });\n\n  async function assertSelectedOption(page: E2EPage, selectedOption: E2EElement): Promise<void> {\n    const selectedOptionValue = await page.$eval(\n      \"calcite-select\",\n      (select: HTMLCalciteSelectElement): string => select.selectedOption.value,\n    );\n\n    expect(selectedOptionValue).toBe(await selectedOption.getProperty(\"value\"));\n  }\n\n  describe(\"labelable\", () => {\n    labelable(\"calcite-select\");\n  });\n\n  describe(\"disabled\", () => {\n    disabled(\"calcite-select\");\n  });\n\n  describe(\"flat options\", () => {\n    it(\"allows selecting items\", async () => {\n      const page = await newE2EPage({\n        html: html`\n          <calcite-select>\n            <calcite-option>uno</calcite-option>\n            <calcite-option>dos</calcite-option>\n            <calcite-option>tres</calcite-option>\n          </calcite-select>\n        `,\n      });\n      const select = await page.find(\"calcite-select\");\n      const spy = await select.spyOnEvent(\"calciteSelectChange\");\n\n      const internalSelect = await page.evaluateHandle(() =>\n        document.querySelector(\"calcite-select\").shadowRoot.querySelector(\"select\"),\n      );\n\n      await internalSelect.asElement().select(\"dos\");\n      await page.waitForChanges();\n\n      let selected = await page.findAll(\"calcite-option[selected]\");\n\n      await assertSelectedOption(page, selected[0]);\n      expect(selected.length).toBe(1);\n      expect(selected[0].innerText).toBe(\"dos\");\n      expect(spy).toHaveReceivedEventTimes(1);\n\n      const lastOption = await page.find(\"calcite-option:last-child\");\n      await lastOption.setProperty(\"selected\", true);\n      await page.waitForChanges();\n\n      selected = await page.findAll(\"calcite-option[selected]\");\n\n      await assertSelectedOption(page, selected[0]);\n      expect(selected.length).toBe(1);\n      expect(selected[0].innerText).toBe(\"tres\");\n      expect(spy).toHaveReceivedEventTimes(1);\n    });\n\n    it(\"selects the last selected option when multiple are selected\", async () => {\n      const page = await newE2EPage({\n        html: html`\n          <calcite-select>\n            <calcite-option selected>uno</calcite-option>\n            <calcite-option selected>dos</calcite-option>\n            <calcite-option selected>tres</calcite-option>\n          </calcite-select>\n        `,\n      });\n      const selected = await page.findAll(\"calcite-option[selected]\");\n\n      await assertSelectedOption(page, selected[0]);\n      expect(selected).toHaveLength(1);\n      expect(selected[0].innerText).toBe(\"tres\");\n    });\n\n    it(\"selects the first available option when none are selected\", async () => {\n      const page = await newE2EPage({\n        html: html`\n          <calcite-select>\n            <calcite-option>uno</calcite-option>\n            <calcite-option>dos</calcite-option>\n            <calcite-option>tres</calcite-option>\n          </calcite-select>\n        `,\n      });\n      const selected = await page.findAll(\"calcite-option[selected]\");\n\n      await assertSelectedOption(page, selected[0]);\n      expect(selected).toHaveLength(1);\n      expect(selected[0].innerText).toBe(\"uno\");\n    });\n\n    it(\"internally maps children to native elements\", async () => {\n      const page = await newE2EPage({\n        html: html`\n          <calcite-select>\n            <calcite-option>uno</calcite-option>\n            <calcite-option>dos</calcite-option>\n            <calcite-option>tres</calcite-option>\n          </calcite-select>\n        `,\n      });\n      const internalSelect = await page.find(`calcite-select >>> .${CSS.select}`);\n\n      expect(await internalSelect.findAll(\"option\")).toHaveLength(3);\n\n      const options = await page.findAll(\"calcite-option\");\n\n      for (let i = 0; i < options.length; i++) {\n        await options[i].callMethod(\"remove\");\n      }\n\n      expect(await internalSelect.findAll(\"option\")).toHaveLength(0);\n\n      await page.$eval(\"calcite-select\", (select) => {\n        const number = document.createElement(\"calcite-option\");\n        number.innerHTML = \"cuatro\";\n\n        select.append(number);\n      });\n\n      expect(await internalSelect.findAll(\"option\")).toHaveLength(1);\n    });\n  });\n\n  describe(\"grouped options\", () => {\n    it(\"allows selecting items\", async () => {\n      const page = await newE2EPage({\n        html: html`\n          <calcite-select>\n            <calcite-option-group label=\"letters\">\n              <calcite-option>a</calcite-option>\n              <calcite-option>b</calcite-option>\n              <calcite-option>c</calcite-option>\n              <calcite-option disabled>d (disabled)</calcite-option>\n            </calcite-option-group>\n            <calcite-option-group label=\"numbers\">\n              <calcite-option label=\"one\">1</calcite-option>\n              <calcite-option label=\"two\" selected>2</calcite-option>\n              <calcite-option label=\"three\">3</calcite-option>\n            </calcite-option-group>\n          </calcite-select>\n        `,\n      });\n      const select = await page.find(\"calcite-select\");\n      const spy = await select.spyOnEvent(\"calciteSelectChange\");\n\n      const internalSelect = await page.evaluateHandle(() =>\n        document.querySelector(\"calcite-select\").shadowRoot.querySelector(\"select\"),\n      );\n\n      await internalSelect.asElement().select(\"c\");\n      await page.waitForChanges();\n\n      let selected = await page.findAll(\"calcite-option[selected]\");\n\n      await assertSelectedOption(page, selected[0]);\n      expect(selected.length).toBe(1);\n      expect(selected[0].innerText).toBe(\"c\");\n      expect(spy).toHaveReceivedEventTimes(1);\n\n      const lastNumberOption = await page.find(\"calcite-option-group[label='numbers'] calcite-option:last-child\");\n      await lastNumberOption.setProperty(\"selected\", true);\n      await page.waitForChanges();\n\n      selected = await page.findAll(\"calcite-option[selected]\");\n\n      await assertSelectedOption(page, selected[0]);\n      expect(selected.length).toBe(1);\n      expect(selected[0].innerText).toBe(\"3\");\n      expect(spy).toHaveReceivedEventTimes(1);\n    });\n\n    it(\"selects the last selected option when multiple are selected\", async () => {\n      const page = await newE2EPage({\n        html: html`\n          <calcite-select>\n            <calcite-option-group label=\"letters\">\n              <calcite-option selected>a</calcite-option>\n              <calcite-option selected>b</calcite-option>\n              <calcite-option selected>c</calcite-option>\n            </calcite-option-group>\n            <calcite-option-group label=\"numbers\">\n              <calcite-option selected>1</calcite-option>\n              <calcite-option selected>2</calcite-option>\n              <calcite-option selected>3</calcite-option>\n            </calcite-option-group>\n          </calcite-select>\n        `,\n      });\n      const selected = await page.findAll(\"calcite-option[selected]\");\n\n      await assertSelectedOption(page, selected[0]);\n      expect(selected).toHaveLength(1);\n      expect(selected[0].innerText).toBe(\"3\");\n    });\n\n    it(\"selects the first available option when none are selected\", async () => {\n      const page = await newE2EPage({\n        html: html`\n          <calcite-select>\n            <calcite-option-group label=\"letters\">\n              <calcite-option>a</calcite-option>\n              <calcite-option>b</calcite-option>\n              <calcite-option>c</calcite-option>\n            </calcite-option-group>\n            <calcite-option-group label=\"numbers\">\n              <calcite-option>1</calcite-option>\n              <calcite-option>2</calcite-option>\n              <calcite-option>3</calcite-option>\n            </calcite-option-group>\n          </calcite-select>\n        `,\n      });\n      const selected = await page.findAll(\"calcite-option[selected]\");\n\n      await assertSelectedOption(page, selected[0]);\n      expect(selected).toHaveLength(1);\n      expect(selected[0].innerText).toBe(\"a\");\n    });\n\n    it(\"internally maps children to native elements\", async () => {\n      const page = await newE2EPage({\n        html: html`\n          <calcite-select>\n            <calcite-option-group label=\"letters\">\n              <calcite-option>a</calcite-option>\n              <calcite-option>b</calcite-option>\n            </calcite-option-group>\n            <calcite-option-group label=\"numbers\">\n              <calcite-option label=\"one\">1</calcite-option>\n            </calcite-option-group>\n            <calcite-option-group label=\"empty\"></calcite-option-group>\n          </calcite-select>\n        `,\n      });\n      const internalSelect = await page.find(`calcite-select >>> .${CSS.select}`);\n\n      expect(await internalSelect.findAll(\"option\")).toHaveLength(3);\n      expect(await internalSelect.findAll(\"optgroup\")).toHaveLength(3);\n\n      const optionsAndGroups = await page.findAll(\"calcite-option, calcite-option-group\");\n\n      for (let i = 0; i < optionsAndGroups.length; i++) {\n        await optionsAndGroups[i].callMethod(\"remove\");\n      }\n\n      expect(await internalSelect.findAll(\"option, optgroup\")).toHaveLength(0);\n\n      await page.$eval(\"calcite-select\", (select) => {\n        const letters = document.createElement(\"calcite-option-group\");\n        const numbers = document.createElement(\"calcite-option-group\");\n\n        const letter = document.createElement(\"calcite-option\");\n        letter.innerHTML = \"c\";\n\n        const number = document.createElement(\"calcite-option\");\n        numbers.innerHTML = \"2\";\n\n        letters.append(letter);\n        numbers.append(number);\n\n        select.append(letters, numbers);\n      });\n\n      expect(await internalSelect.findAll(\"option\")).toHaveLength(2);\n      expect(await internalSelect.findAll(\"optgroup\")).toHaveLength(2);\n    });\n  });\n\n  it(\"item is selected before change event\", async () => {\n    const page = await newE2EPage({\n      html: html`\n        <calcite-select>\n          <calcite-option id=\"1\">uno</calcite-option>\n          <calcite-option id=\"2\">dos</calcite-option>\n          <calcite-option id=\"3\">tres</calcite-option>\n        </calcite-select>\n      `,\n    });\n\n    type TestWindow = typeof window & { selectedOptionId: string };\n\n    await page.evaluate(() => {\n      document.querySelector(\"calcite-select\").addEventListener(\"calciteSelectChange\", (event) => {\n        (window as TestWindow).selectedOptionId = (event.target as HTMLElement).querySelector(\n          \"calcite-option[selected]\",\n        ).id;\n      });\n    });\n\n    const internalSelect = await page.evaluateHandle(() =>\n      document.querySelector(\"calcite-select\").shadowRoot.querySelector(\"select\"),\n    );\n\n    await internalSelect.asElement().select(\"dos\");\n    await page.waitForChanges();\n\n    const selectedOptionId = await page.evaluate(() => (window as TestWindow).selectedOptionId);\n\n    expect(selectedOptionId).toBe(\"2\");\n  });\n\n  it(\"honors empty value\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-select id=\"calcite-select\">\n        <calcite-option id=\"1\" value=\"uno\">uno</calcite-option>\n        <calcite-option id=\"2\" value=\"\">dos</calcite-option>\n      </calcite-select>\n    `);\n\n    type TestWindow = typeof window & { selectedOptionId: string };\n\n    await page.$eval(\"calcite-select\", (select: HTMLCalciteSelectElement) =>\n      select.addEventListener(\"calciteSelectChange\", (event) => {\n        (window as TestWindow).selectedOptionId = (event.target as HTMLElement).querySelector(\n          \"calcite-option[selected]\",\n        ).id;\n      }),\n    );\n\n    const internalSelect = await page.evaluateHandle(() =>\n      document.querySelector(\"calcite-select\").shadowRoot.querySelector(\"select\"),\n    );\n\n    await internalSelect.asElement().select(\"\");\n    await page.waitForChanges();\n\n    const selectedOptionId = await page.evaluate(() => (window as TestWindow).selectedOptionId);\n\n    expect(selectedOptionId).toBe(\"2\");\n    expect(await (await page.find(\"calcite-select\")).getProperty(\"value\")).toBe(\"\");\n  });\n\n  describe(\"is form-associated\", () => {\n    formAssociated(\n      html`\n        <calcite-select>\n          <calcite-option id=\"1\">uno</calcite-option>\n          <calcite-option id=\"2\">dos</calcite-option>\n          <calcite-option id=\"3\">tres</calcite-option>\n        </calcite-select>\n      `,\n      { testValue: \"dos\" },\n    );\n  });\n});\n"]}
+{"version":3,"file":"select.e2e.js","sourceRoot":"","sources":["../../../../src/components/select/select.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EElement, E2EPage, newE2EPage } from \"@stencil/core/testing\";\nimport {\n  accessible,\n  disabled,\n  defaults,\n  focusable,\n  formAssociated,\n  labelable,\n  reflects,\n  renders,\n  hidden,\n} from \"../../tests/commonTests\";\nimport { html } from \"../../../support/formatting\";\nimport { CSS } from \"./resources\";\n\ndescribe(\"calcite-select\", () => {\n  const simpleTestMarkup = html`\n    <calcite-select label=\"required-for-a11y-test\">\n      <calcite-option>uno</calcite-option>\n      <calcite-option>dos</calcite-option>\n      <calcite-option>tres</calcite-option>\n    </calcite-select>\n  `;\n\n  describe(\"renders\", () => {\n    renders(simpleTestMarkup, { display: \"flex\" });\n  });\n\n  describe(\"honors hidden attribute\", () => {\n    hidden(\"calcite-select\");\n  });\n\n  describe(\"accessible\", () => {\n    accessible(simpleTestMarkup);\n  });\n\n  describe(\"is focusable\", () => {\n    focusable(simpleTestMarkup);\n  });\n\n  describe(\"defaults\", () => {\n    defaults(\"calcite-select\", [\n      { propertyName: \"scale\", defaultValue: \"m\" },\n      { propertyName: \"status\", defaultValue: \"idle\" },\n      { propertyName: \"validationIcon\", defaultValue: undefined },\n      { propertyName: \"validationMessage\", defaultValue: undefined },\n    ]);\n  });\n\n  describe(\"reflects\", () => {\n    reflects(simpleTestMarkup, [\n      {\n        propertyName: \"disabled\",\n        value: true,\n      },\n      {\n        propertyName: \"scale\",\n        value: \"m\",\n      },\n      {\n        propertyName: \"status\",\n        value: \"invalid\",\n      },\n      {\n        propertyName: \"validationIcon\",\n        value: true,\n      },\n    ]);\n  });\n\n  async function assertSelectedOption(page: E2EPage, selectedOption: E2EElement): Promise<void> {\n    const selectedOptionValue = await page.$eval(\n      \"calcite-select\",\n      (select: HTMLCalciteSelectElement): string => select.selectedOption.value,\n    );\n\n    expect(selectedOptionValue).toBe(await selectedOption.getProperty(\"value\"));\n  }\n\n  describe(\"labelable\", () => {\n    labelable(\"calcite-select\");\n  });\n\n  describe(\"disabled\", () => {\n    disabled(\"calcite-select\");\n  });\n\n  describe(\"flat options\", () => {\n    it(\"allows selecting items\", async () => {\n      const page = await newE2EPage({\n        html: html`\n          <calcite-select>\n            <calcite-option>uno</calcite-option>\n            <calcite-option>dos</calcite-option>\n            <calcite-option>tres</calcite-option>\n          </calcite-select>\n        `,\n      });\n      const select = await page.find(\"calcite-select\");\n      const spy = await select.spyOnEvent(\"calciteSelectChange\");\n\n      const internalSelect = await page.evaluateHandle(() =>\n        document.querySelector(\"calcite-select\").shadowRoot.querySelector(\"select\"),\n      );\n\n      await internalSelect.asElement().select(\"dos\");\n      await page.waitForChanges();\n\n      let selected = await page.findAll(\"calcite-option[selected]\");\n\n      await assertSelectedOption(page, selected[0]);\n      expect(selected.length).toBe(1);\n      expect(selected[0].innerText).toBe(\"dos\");\n      expect(spy).toHaveReceivedEventTimes(1);\n\n      const lastOption = await page.find(\"calcite-option:last-child\");\n      await lastOption.setProperty(\"selected\", true);\n      await page.waitForChanges();\n\n      selected = await page.findAll(\"calcite-option[selected]\");\n\n      await assertSelectedOption(page, selected[0]);\n      expect(selected.length).toBe(1);\n      expect(selected[0].innerText).toBe(\"tres\");\n      expect(spy).toHaveReceivedEventTimes(1);\n    });\n\n    it(\"selects the last selected option when multiple are selected\", async () => {\n      const page = await newE2EPage({\n        html: html`\n          <calcite-select>\n            <calcite-option selected>uno</calcite-option>\n            <calcite-option selected>dos</calcite-option>\n            <calcite-option selected>tres</calcite-option>\n          </calcite-select>\n        `,\n      });\n      const selected = await page.findAll(\"calcite-option[selected]\");\n\n      await assertSelectedOption(page, selected[0]);\n      expect(selected).toHaveLength(1);\n      expect(selected[0].innerText).toBe(\"tres\");\n    });\n\n    it(\"selects the first available option when none are selected\", async () => {\n      const page = await newE2EPage({\n        html: html`\n          <calcite-select>\n            <calcite-option>uno</calcite-option>\n            <calcite-option>dos</calcite-option>\n            <calcite-option>tres</calcite-option>\n          </calcite-select>\n        `,\n      });\n      const selected = await page.findAll(\"calcite-option[selected]\");\n\n      await assertSelectedOption(page, selected[0]);\n      expect(selected).toHaveLength(1);\n      expect(selected[0].innerText).toBe(\"uno\");\n    });\n\n    it(\"internally maps children to native elements\", async () => {\n      const page = await newE2EPage({\n        html: html`\n          <calcite-select>\n            <calcite-option>uno</calcite-option>\n            <calcite-option>dos</calcite-option>\n            <calcite-option>tres</calcite-option>\n          </calcite-select>\n        `,\n      });\n      const internalSelect = await page.find(`calcite-select >>> .${CSS.select}`);\n\n      expect(await internalSelect.findAll(\"option\")).toHaveLength(3);\n\n      const options = await page.findAll(\"calcite-option\");\n\n      for (let i = 0; i < options.length; i++) {\n        await options[i].callMethod(\"remove\");\n      }\n\n      expect(await internalSelect.findAll(\"option\")).toHaveLength(0);\n\n      await page.$eval(\"calcite-select\", (select) => {\n        const number = document.createElement(\"calcite-option\");\n        number.innerHTML = \"cuatro\";\n\n        select.append(number);\n      });\n\n      expect(await internalSelect.findAll(\"option\")).toHaveLength(1);\n    });\n  });\n\n  describe(\"grouped options\", () => {\n    it(\"allows selecting items\", async () => {\n      const page = await newE2EPage({\n        html: html`\n          <calcite-select>\n            <calcite-option-group label=\"letters\">\n              <calcite-option>a</calcite-option>\n              <calcite-option>b</calcite-option>\n              <calcite-option>c</calcite-option>\n              <calcite-option disabled>d (disabled)</calcite-option>\n            </calcite-option-group>\n            <calcite-option-group label=\"numbers\">\n              <calcite-option label=\"one\">1</calcite-option>\n              <calcite-option label=\"two\" selected>2</calcite-option>\n              <calcite-option label=\"three\">3</calcite-option>\n            </calcite-option-group>\n          </calcite-select>\n        `,\n      });\n      const select = await page.find(\"calcite-select\");\n      const spy = await select.spyOnEvent(\"calciteSelectChange\");\n\n      const internalSelect = await page.evaluateHandle(() =>\n        document.querySelector(\"calcite-select\").shadowRoot.querySelector(\"select\"),\n      );\n\n      await internalSelect.asElement().select(\"c\");\n      await page.waitForChanges();\n\n      let selected = await page.findAll(\"calcite-option[selected]\");\n\n      await assertSelectedOption(page, selected[0]);\n      expect(selected.length).toBe(1);\n      expect(selected[0].innerText).toBe(\"c\");\n      expect(spy).toHaveReceivedEventTimes(1);\n\n      const lastNumberOption = await page.find(\"calcite-option-group[label='numbers'] calcite-option:last-child\");\n      await lastNumberOption.setProperty(\"selected\", true);\n      await page.waitForChanges();\n\n      selected = await page.findAll(\"calcite-option[selected]\");\n\n      await assertSelectedOption(page, selected[0]);\n      expect(selected.length).toBe(1);\n      expect(selected[0].innerText).toBe(\"3\");\n      expect(spy).toHaveReceivedEventTimes(1);\n    });\n\n    it(\"selects the last selected option when multiple are selected\", async () => {\n      const page = await newE2EPage({\n        html: html`\n          <calcite-select>\n            <calcite-option-group label=\"letters\">\n              <calcite-option selected>a</calcite-option>\n              <calcite-option selected>b</calcite-option>\n              <calcite-option selected>c</calcite-option>\n            </calcite-option-group>\n            <calcite-option-group label=\"numbers\">\n              <calcite-option selected>1</calcite-option>\n              <calcite-option selected>2</calcite-option>\n              <calcite-option selected>3</calcite-option>\n            </calcite-option-group>\n          </calcite-select>\n        `,\n      });\n      const selected = await page.findAll(\"calcite-option[selected]\");\n\n      await assertSelectedOption(page, selected[0]);\n      expect(selected).toHaveLength(1);\n      expect(selected[0].innerText).toBe(\"3\");\n    });\n\n    it(\"selects the first available option when none are selected\", async () => {\n      const page = await newE2EPage({\n        html: html`\n          <calcite-select>\n            <calcite-option-group label=\"letters\">\n              <calcite-option>a</calcite-option>\n              <calcite-option>b</calcite-option>\n              <calcite-option>c</calcite-option>\n            </calcite-option-group>\n            <calcite-option-group label=\"numbers\">\n              <calcite-option>1</calcite-option>\n              <calcite-option>2</calcite-option>\n              <calcite-option>3</calcite-option>\n            </calcite-option-group>\n          </calcite-select>\n        `,\n      });\n      const selected = await page.findAll(\"calcite-option[selected]\");\n\n      await assertSelectedOption(page, selected[0]);\n      expect(selected).toHaveLength(1);\n      expect(selected[0].innerText).toBe(\"a\");\n    });\n\n    it(\"internally maps children to native elements\", async () => {\n      const page = await newE2EPage({\n        html: html`\n          <calcite-select>\n            <calcite-option-group label=\"letters\">\n              <calcite-option>a</calcite-option>\n              <calcite-option>b</calcite-option>\n            </calcite-option-group>\n            <calcite-option-group label=\"numbers\">\n              <calcite-option label=\"one\">1</calcite-option>\n            </calcite-option-group>\n            <calcite-option-group label=\"empty\"></calcite-option-group>\n          </calcite-select>\n        `,\n      });\n      const internalSelect = await page.find(`calcite-select >>> .${CSS.select}`);\n\n      expect(await internalSelect.findAll(\"option\")).toHaveLength(3);\n      expect(await internalSelect.findAll(\"optgroup\")).toHaveLength(3);\n\n      const optionsAndGroups = await page.findAll(\"calcite-option, calcite-option-group\");\n\n      for (let i = 0; i < optionsAndGroups.length; i++) {\n        await optionsAndGroups[i].callMethod(\"remove\");\n      }\n\n      expect(await internalSelect.findAll(\"option, optgroup\")).toHaveLength(0);\n\n      await page.$eval(\"calcite-select\", (select) => {\n        const letters = document.createElement(\"calcite-option-group\");\n        const numbers = document.createElement(\"calcite-option-group\");\n\n        const letter = document.createElement(\"calcite-option\");\n        letter.innerHTML = \"c\";\n\n        const number = document.createElement(\"calcite-option\");\n        numbers.innerHTML = \"2\";\n\n        letters.append(letter);\n        numbers.append(number);\n\n        select.append(letters, numbers);\n      });\n\n      expect(await internalSelect.findAll(\"option\")).toHaveLength(2);\n      expect(await internalSelect.findAll(\"optgroup\")).toHaveLength(2);\n    });\n  });\n\n  it(\"item is selected before change event\", async () => {\n    const page = await newE2EPage({\n      html: html`\n        <calcite-select>\n          <calcite-option id=\"1\">uno</calcite-option>\n          <calcite-option id=\"2\">dos</calcite-option>\n          <calcite-option id=\"3\">tres</calcite-option>\n        </calcite-select>\n      `,\n    });\n\n    type TestWindow = typeof window & { selectedOptionId: string };\n\n    await page.evaluate(() => {\n      document.querySelector(\"calcite-select\").addEventListener(\"calciteSelectChange\", (event) => {\n        (window as TestWindow).selectedOptionId = (event.target as HTMLElement).querySelector(\n          \"calcite-option[selected]\",\n        ).id;\n      });\n    });\n\n    const internalSelect = await page.evaluateHandle(() =>\n      document.querySelector(\"calcite-select\").shadowRoot.querySelector(\"select\"),\n    );\n\n    await internalSelect.asElement().select(\"dos\");\n    await page.waitForChanges();\n\n    const selectedOptionId = await page.evaluate(() => (window as TestWindow).selectedOptionId);\n\n    expect(selectedOptionId).toBe(\"2\");\n  });\n\n  it(\"honors empty value\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-select id=\"calcite-select\">\n        <calcite-option id=\"1\" value=\"uno\">uno</calcite-option>\n        <calcite-option id=\"2\" value=\"\">dos</calcite-option>\n      </calcite-select>\n    `);\n\n    type TestWindow = typeof window & { selectedOptionId: string };\n\n    await page.$eval(\"calcite-select\", (select: HTMLCalciteSelectElement) =>\n      select.addEventListener(\"calciteSelectChange\", (event) => {\n        (window as TestWindow).selectedOptionId = (event.target as HTMLElement).querySelector(\n          \"calcite-option[selected]\",\n        ).id;\n      }),\n    );\n\n    const internalSelect = await page.evaluateHandle(() =>\n      document.querySelector(\"calcite-select\").shadowRoot.querySelector(\"select\"),\n    );\n\n    await internalSelect.asElement().select(\"\");\n    await page.waitForChanges();\n\n    const selectedOptionId = await page.evaluate(() => (window as TestWindow).selectedOptionId);\n\n    expect(selectedOptionId).toBe(\"2\");\n    expect(await (await page.find(\"calcite-select\")).getProperty(\"value\")).toBe(\"\");\n  });\n\n  describe(\"is form-associated\", () => {\n    formAssociated(\n      html`\n        <calcite-select>\n          <calcite-option id=\"1\">uno</calcite-option>\n          <calcite-option id=\"2\">dos</calcite-option>\n          <calcite-option id=\"3\">tres</calcite-option>\n        </calcite-select>\n      `,\n      { testValue: \"dos\" },\n    );\n  });\n});\n"]}

package/dist/collection/components/select/select.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.16
+ * v2.2.0-next.18
  */
 import { h, Host, } from "@stencil/core";
 import { focusElement } from "../../utils/dom";
@@ -299,7 +299,7 @@ export class Select {
                     "text": "Specifies the validation icon to display under the component."
                 },
                 "attribute": "validation-icon",
-                "reflect": false
+                "reflect": true
             },
             "name": {
                 "type": "string",

package/dist/collection/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/select/select.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { focusElement } from \"../../utils/dom\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, LabelableComponent, getLabelText } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Scale, Status, Width } from \"../interfaces\";\nimport { CSS } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\n\ntype OptionOrGroup = HTMLCalciteOptionElement | HTMLCalciteOptionGroupElement;\ntype NativeOptionOrGroup = HTMLOptionElement | HTMLOptGroupElement;\n\nfunction isOption(optionOrGroup: OptionOrGroup): optionOrGroup is HTMLCalciteOptionElement {\n  return optionOrGroup.tagName === \"CALCITE-OPTION\";\n}\n\nfunction isOptionGroup(\n  optionOrGroup: OptionOrGroup,\n): optionOrGroup is HTMLCalciteOptionGroupElement {\n  return optionOrGroup.tagName === \"CALCITE-OPTION-GROUP\";\n}\n\n/**\n * @slot - A slot for adding `calcite-option`s.\n */\n@Component({\n  tag: \"calcite-select\",\n  styleUrl: \"select.scss\",\n  shadow: true,\n})\nexport class Select\n  implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\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 }) form: string;\n\n  /**\n   * Accessible name for the component.\n   *\n   */\n  @Prop() label!: string;\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   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"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 `selectedOption` value. */\n  @Prop({ mutable: true }) value: string = null;\n\n  @Watch(\"value\")\n  valueHandler(value: string): void {\n    const items = this.el.querySelectorAll(\"calcite-option\");\n    items.forEach((item) => (item.selected = item.value === value));\n  }\n\n  /**\n   * The component's selected option `HTMLElement`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedOption: HTMLCalciteOptionElement;\n\n  @Watch(\"selectedOption\")\n  selectedOptionHandler(selectedOption: HTMLCalciteOptionElement): void {\n    this.value = selectedOption?.value;\n  }\n\n  /**\n   * Specifies the width of the component.\n   */\n  @Prop({ reflect: true }) width: Width = \"auto\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSelectElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Select[\"value\"];\n\n  private componentToNativeEl = new Map<OptionOrGroup, NativeOptionOrGroup>();\n\n  private mutationObserver = createObserver(\"mutation\", () => this.populateInternalSelect());\n\n  private selectEl: HTMLSelectElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    const { el } = this;\n\n    this.mutationObserver?.observe(el, {\n      subtree: true,\n      childList: true,\n    });\n\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    afterConnectDefaultValueSet(this, this.selectedOption?.value ?? \"\");\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\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\n    focusElement(this.selectEl);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the `selectedOption` changes.\n   */\n  @Event({ cancelable: false }) calciteSelectChange: EventEmitter<void>;\n\n  private handleInternalSelectChange = (): void => {\n    const selected = this.selectEl.selectedOptions[0];\n    this.selectFromNativeOption(selected);\n    requestAnimationFrame(() => this.emitChangeEvent());\n  };\n\n  @Listen(\"calciteInternalOptionChange\")\n  @Listen(\"calciteInternalOptionGroupChange\")\n  protected handleOptionOrGroupChange(event: CustomEvent): void {\n    event.stopPropagation();\n\n    const optionOrGroup = event.target as OptionOrGroup;\n    const nativeEl = this.componentToNativeEl.get(optionOrGroup);\n\n    if (!nativeEl) {\n      return;\n    }\n\n    this.updateNativeElement(optionOrGroup, nativeEl);\n\n    if (isOption(optionOrGroup) && optionOrGroup.selected) {\n      this.deselectAllExcept(optionOrGroup);\n      this.selectedOption = optionOrGroup;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private updateNativeElement(\n    optionOrGroup: OptionOrGroup,\n    nativeOptionOrGroup: NativeOptionOrGroup,\n  ): void {\n    nativeOptionOrGroup.disabled = optionOrGroup.disabled;\n    nativeOptionOrGroup.label = optionOrGroup.label;\n\n    if (isOption(optionOrGroup)) {\n      const option = nativeOptionOrGroup as HTMLOptionElement;\n      option.selected = optionOrGroup.selected;\n      option.value = optionOrGroup.value;\n\n      // need to set innerText for mobile\n      // see https://stackoverflow.com/questions/35021620/ios-safari-not-showing-all-options-for-select-menu/41749701\n      option.innerText = optionOrGroup.label;\n    }\n  }\n\n  private populateInternalSelect = (): void => {\n    const optionsAndGroups = Array.from(\n      this.el.children as HTMLCollectionOf<OptionOrGroup | HTMLSlotElement>,\n    ).filter(\n      (child) => child.tagName === \"CALCITE-OPTION\" || child.tagName === \"CALCITE-OPTION-GROUP\",\n    ) as OptionOrGroup[];\n\n    this.clearInternalSelect();\n\n    optionsAndGroups.forEach(\n      (optionOrGroup) => this.selectEl?.append(this.toNativeElement(optionOrGroup)),\n    );\n  };\n\n  private clearInternalSelect(): void {\n    this.componentToNativeEl.forEach((value) => value.remove());\n    this.componentToNativeEl.clear();\n  }\n\n  private storeSelectRef = (node: HTMLSelectElement): void => {\n    this.selectEl = node;\n    this.populateInternalSelect();\n\n    const selected = this.selectEl.selectedOptions[0];\n    this.selectFromNativeOption(selected);\n  };\n\n  private selectFromNativeOption(nativeOption: HTMLOptionElement): void {\n    if (!nativeOption) {\n      return;\n    }\n\n    let futureSelected: HTMLCalciteOptionElement;\n\n    this.componentToNativeEl.forEach((nativeOptionOrGroup, optionOrGroup) => {\n      if (isOption(optionOrGroup) && nativeOptionOrGroup === nativeOption) {\n        optionOrGroup.selected = true;\n        futureSelected = optionOrGroup;\n        this.deselectAllExcept(optionOrGroup as HTMLCalciteOptionElement);\n      }\n    });\n\n    if (futureSelected) {\n      this.selectedOption = futureSelected;\n    }\n  }\n\n  private toNativeElement(\n    optionOrGroup: HTMLCalciteOptionElement | HTMLCalciteOptionGroupElement,\n  ): NativeOptionOrGroup {\n    if (isOption(optionOrGroup)) {\n      const option = document.createElement(\"option\");\n      this.updateNativeElement(optionOrGroup, option);\n      this.componentToNativeEl.set(optionOrGroup, option);\n\n      return option;\n    }\n\n    if (isOptionGroup(optionOrGroup)) {\n      const group = document.createElement(\"optgroup\");\n      this.updateNativeElement(optionOrGroup, group);\n\n      Array.from(optionOrGroup.children as HTMLCollectionOf<HTMLCalciteOptionElement>).forEach(\n        (option) => {\n          const nativeOption = this.toNativeElement(option);\n          group.append(nativeOption);\n          this.componentToNativeEl.set(optionOrGroup, nativeOption);\n        },\n      );\n\n      this.componentToNativeEl.set(optionOrGroup, group);\n\n      return group;\n    }\n\n    throw new Error(\"unsupported element child provided\");\n  }\n\n  private deselectAllExcept(except: HTMLCalciteOptionElement): void {\n    this.el.querySelectorAll<HTMLCalciteOptionElement>(\"calcite-option\").forEach((option) => {\n      if (option === except) {\n        return;\n      }\n\n      option.selected = false;\n    });\n  }\n\n  private emitChangeEvent = (): void => {\n    this.calciteSelectChange.emit();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderChevron(): VNode {\n    return (\n      <div class={CSS.iconContainer}>\n        <calcite-icon class={CSS.icon} icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const { disabled } = this;\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <div class={CSS.wrapper}>\n            <select\n              aria-label={getLabelText(this)}\n              class={CSS.select}\n              disabled={disabled}\n              onChange={this.handleInternalSelectChange}\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.storeSelectRef}\n            >\n              <slot />\n            </select>\n            {this.renderChevron()}\n            <HiddenFormInputSlot component={this} />\n          </div>\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"]}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/select/select.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { focusElement } from \"../../utils/dom\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, LabelableComponent, getLabelText } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Scale, Status, Width } from \"../interfaces\";\nimport { CSS } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\n\ntype OptionOrGroup = HTMLCalciteOptionElement | HTMLCalciteOptionGroupElement;\ntype NativeOptionOrGroup = HTMLOptionElement | HTMLOptGroupElement;\n\nfunction isOption(optionOrGroup: OptionOrGroup): optionOrGroup is HTMLCalciteOptionElement {\n  return optionOrGroup.tagName === \"CALCITE-OPTION\";\n}\n\nfunction isOptionGroup(\n  optionOrGroup: OptionOrGroup,\n): optionOrGroup is HTMLCalciteOptionGroupElement {\n  return optionOrGroup.tagName === \"CALCITE-OPTION-GROUP\";\n}\n\n/**\n * @slot - A slot for adding `calcite-option`s.\n */\n@Component({\n  tag: \"calcite-select\",\n  styleUrl: \"select.scss\",\n  shadow: true,\n})\nexport class Select\n  implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\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 }) form: string;\n\n  /**\n   * Accessible name for the component.\n   *\n   */\n  @Prop() label!: string;\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   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"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 `selectedOption` value. */\n  @Prop({ mutable: true }) value: string = null;\n\n  @Watch(\"value\")\n  valueHandler(value: string): void {\n    const items = this.el.querySelectorAll(\"calcite-option\");\n    items.forEach((item) => (item.selected = item.value === value));\n  }\n\n  /**\n   * The component's selected option `HTMLElement`.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedOption: HTMLCalciteOptionElement;\n\n  @Watch(\"selectedOption\")\n  selectedOptionHandler(selectedOption: HTMLCalciteOptionElement): void {\n    this.value = selectedOption?.value;\n  }\n\n  /**\n   * Specifies the width of the component.\n   */\n  @Prop({ reflect: true }) width: Width = \"auto\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSelectElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Select[\"value\"];\n\n  private componentToNativeEl = new Map<OptionOrGroup, NativeOptionOrGroup>();\n\n  private mutationObserver = createObserver(\"mutation\", () => this.populateInternalSelect());\n\n  private selectEl: HTMLSelectElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    const { el } = this;\n\n    this.mutationObserver?.observe(el, {\n      subtree: true,\n      childList: true,\n    });\n\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    afterConnectDefaultValueSet(this, this.selectedOption?.value ?? \"\");\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\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\n    focusElement(this.selectEl);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the `selectedOption` changes.\n   */\n  @Event({ cancelable: false }) calciteSelectChange: EventEmitter<void>;\n\n  private handleInternalSelectChange = (): void => {\n    const selected = this.selectEl.selectedOptions[0];\n    this.selectFromNativeOption(selected);\n    requestAnimationFrame(() => this.emitChangeEvent());\n  };\n\n  @Listen(\"calciteInternalOptionChange\")\n  @Listen(\"calciteInternalOptionGroupChange\")\n  protected handleOptionOrGroupChange(event: CustomEvent): void {\n    event.stopPropagation();\n\n    const optionOrGroup = event.target as OptionOrGroup;\n    const nativeEl = this.componentToNativeEl.get(optionOrGroup);\n\n    if (!nativeEl) {\n      return;\n    }\n\n    this.updateNativeElement(optionOrGroup, nativeEl);\n\n    if (isOption(optionOrGroup) && optionOrGroup.selected) {\n      this.deselectAllExcept(optionOrGroup);\n      this.selectedOption = optionOrGroup;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private updateNativeElement(\n    optionOrGroup: OptionOrGroup,\n    nativeOptionOrGroup: NativeOptionOrGroup,\n  ): void {\n    nativeOptionOrGroup.disabled = optionOrGroup.disabled;\n    nativeOptionOrGroup.label = optionOrGroup.label;\n\n    if (isOption(optionOrGroup)) {\n      const option = nativeOptionOrGroup as HTMLOptionElement;\n      option.selected = optionOrGroup.selected;\n      option.value = optionOrGroup.value;\n\n      // need to set innerText for mobile\n      // see https://stackoverflow.com/questions/35021620/ios-safari-not-showing-all-options-for-select-menu/41749701\n      option.innerText = optionOrGroup.label;\n    }\n  }\n\n  private populateInternalSelect = (): void => {\n    const optionsAndGroups = Array.from(\n      this.el.children as HTMLCollectionOf<OptionOrGroup | HTMLSlotElement>,\n    ).filter(\n      (child) => child.tagName === \"CALCITE-OPTION\" || child.tagName === \"CALCITE-OPTION-GROUP\",\n    ) as OptionOrGroup[];\n\n    this.clearInternalSelect();\n\n    optionsAndGroups.forEach(\n      (optionOrGroup) => this.selectEl?.append(this.toNativeElement(optionOrGroup)),\n    );\n  };\n\n  private clearInternalSelect(): void {\n    this.componentToNativeEl.forEach((value) => value.remove());\n    this.componentToNativeEl.clear();\n  }\n\n  private storeSelectRef = (node: HTMLSelectElement): void => {\n    this.selectEl = node;\n    this.populateInternalSelect();\n\n    const selected = this.selectEl.selectedOptions[0];\n    this.selectFromNativeOption(selected);\n  };\n\n  private selectFromNativeOption(nativeOption: HTMLOptionElement): void {\n    if (!nativeOption) {\n      return;\n    }\n\n    let futureSelected: HTMLCalciteOptionElement;\n\n    this.componentToNativeEl.forEach((nativeOptionOrGroup, optionOrGroup) => {\n      if (isOption(optionOrGroup) && nativeOptionOrGroup === nativeOption) {\n        optionOrGroup.selected = true;\n        futureSelected = optionOrGroup;\n        this.deselectAllExcept(optionOrGroup as HTMLCalciteOptionElement);\n      }\n    });\n\n    if (futureSelected) {\n      this.selectedOption = futureSelected;\n    }\n  }\n\n  private toNativeElement(\n    optionOrGroup: HTMLCalciteOptionElement | HTMLCalciteOptionGroupElement,\n  ): NativeOptionOrGroup {\n    if (isOption(optionOrGroup)) {\n      const option = document.createElement(\"option\");\n      this.updateNativeElement(optionOrGroup, option);\n      this.componentToNativeEl.set(optionOrGroup, option);\n\n      return option;\n    }\n\n    if (isOptionGroup(optionOrGroup)) {\n      const group = document.createElement(\"optgroup\");\n      this.updateNativeElement(optionOrGroup, group);\n\n      Array.from(optionOrGroup.children as HTMLCollectionOf<HTMLCalciteOptionElement>).forEach(\n        (option) => {\n          const nativeOption = this.toNativeElement(option);\n          group.append(nativeOption);\n          this.componentToNativeEl.set(optionOrGroup, nativeOption);\n        },\n      );\n\n      this.componentToNativeEl.set(optionOrGroup, group);\n\n      return group;\n    }\n\n    throw new Error(\"unsupported element child provided\");\n  }\n\n  private deselectAllExcept(except: HTMLCalciteOptionElement): void {\n    this.el.querySelectorAll<HTMLCalciteOptionElement>(\"calcite-option\").forEach((option) => {\n      if (option === except) {\n        return;\n      }\n\n      option.selected = false;\n    });\n  }\n\n  private emitChangeEvent = (): void => {\n    this.calciteSelectChange.emit();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderChevron(): VNode {\n    return (\n      <div class={CSS.iconContainer}>\n        <calcite-icon class={CSS.icon} icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const { disabled } = this;\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <div class={CSS.wrapper}>\n            <select\n              aria-label={getLabelText(this)}\n              class={CSS.select}\n              disabled={disabled}\n              onChange={this.handleInternalSelectChange}\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.storeSelectRef}\n            >\n              <slot />\n            </select>\n            {this.renderChevron()}\n            <HiddenFormInputSlot component={this} />\n          </div>\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"]}

package/dist/collection/components/sheet/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.16
+ * v2.2.0-next.18
  */
 export const CSS = {
     scrim: "scrim",

package/dist/collection/components/sheet/sheet.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:39 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:01 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/sheet/sheet.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.16
+ * v2.2.0-next.18
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { html } from "../../../support/formatting";

package/dist/collection/components/sheet/sheet.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.16
+ * v2.2.0-next.18
  */
 import { h, Host, } from "@stencil/core";
 import { ensureId, focusFirstTabbable, getElementDir } from "../../utils/dom";

package/dist/collection/components/shell/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.16
+ * v2.2.0-next.18
  */
 export const CSS = {
     main: "main",

package/dist/collection/components/shell/shell.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:39 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:01 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/shell/shell.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.16
+ * v2.2.0-next.18
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, hidden, renders, slots } from "../../tests/commonTests";

package/dist/collection/components/shell/shell.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.16
+ * v2.2.0-next.18
  */
 import { Fragment, h } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";

package/dist/collection/components/shell-center-row/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.16
+ * v2.2.0-next.18
  */
 export const CSS = {
     actionBarContainer: "action-bar-container",

package/dist/collection/components/shell-center-row/shell-center-row.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:39 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:01 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/shell-center-row/shell-center-row.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.16
+ * v2.2.0-next.18
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, defaults, hidden, renders, slots } from "../../tests/commonTests";

package/dist/collection/components/shell-center-row/shell-center-row.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.16
+ * v2.2.0-next.18
  */
 import { Fragment, h } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";

package/dist/collection/components/shell-panel/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.16
+ * v2.2.0-next.18
  */
 export const CSS = {
     container: "container",

package/dist/collection/components/shell-panel/shell-panel.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:39 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:01 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/shell-panel/shell-panel.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.16
+ * v2.2.0-next.18
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, defaults, hidden, renders, slots, t9n } from "../../tests/commonTests";

package/dist/collection/components/shell-panel/shell-panel.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.16
+ * v2.2.0-next.18
  */
 import { forceUpdate, h, } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";

package/dist/collection/components/slider/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.16
+ * v2.2.0-next.18
  */
 export const CSS = {
     container: "container",

package/dist/collection/components/slider/slider.css

@@ -1,23 +1,23 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:41 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:03 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jan 2024 23:24:39 GMT
+ * Generated on Fri, 12 Jan 2024 23:30:01 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */