@esri/calcite-components 2.9.0-next.2 → 2.9.0-next.20

package/dist/collection/components/segmented-control-item/segmented-control-item.js

@@ -1,13 +1,21 @@
 /*!
  * 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.9.0-next.2
+ * v2.9.0-next.20
  */
 import { h, Host, } from "@stencil/core";
-import { toAriaBoolean } from "../../utils/dom";
+import { slotChangeHasContent, toAriaBoolean } from "../../utils/dom";
 import { CSS, SLOTS } from "./resources";
 export class SegmentedControlItem {
     constructor() {
+        //--------------------------------------------------------------------------
+        //
+        //  Private Methods
+        //
+        //--------------------------------------------------------------------------
+        this.handleSlotChange = (event) => {
+            this.hasSlottedContent = slotChangeHasContent(event);
+        };
         this.checked = false;
         this.iconFlipRtl = false;
         this.iconStart = undefined;
@@ -16,6 +24,7 @@ export class SegmentedControlItem {
         this.appearance = "solid";
         this.layout = "horizontal";
         this.scale = "m";
+        this.hasSlottedContent = false;
     }
     handleCheckedChange() {
         this.calciteInternalSegmentedControlItemChange.emit();
@@ -25,18 +34,35 @@ export class SegmentedControlItem {
     //  Lifecycle
     //
     //--------------------------------------------------------------------------
+    renderIcon(icon, solo = false) {
+        return icon ? (h("calcite-icon", { class: {
+                [CSS.icon]: true,
+                [CSS.iconSolo]: solo,
+            }, flipRtl: this.iconFlipRtl, icon: icon, scale: "s" })) : null;
+    }
     render() {
         const { appearance, checked, layout, scale, value } = this;
-        const iconStartEl = this.iconStart ? (h("calcite-icon", { class: CSS.segmentedControlItemIcon, flipRtl: this.iconFlipRtl, icon: this.iconStart, key: "icon-start", scale: "s" })) : null;
-        const iconEndEl = this.iconEnd ? (h("calcite-icon", { class: CSS.segmentedControlItemIcon, flipRtl: this.iconFlipRtl, icon: this.iconEnd, key: "icon-end", scale: "s" })) : null;
-        return (h(Host, { key: 'b20e8835703f9dcd6d96a58ca47efe9e57f1ebc7', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, h("label", { key: '850c35eb51158b2e3674587163bb77f4b30e554f', class: {
-                "label--scale-s": scale === "s",
-                "label--scale-m": scale === "m",
-                "label--scale-l": scale === "l",
-                "label--horizontal": layout === "horizontal",
-                "label--outline": appearance === "outline",
-                "label--outline-fill": appearance === "outline-fill",
-            } }, this.iconStart ? iconStartEl : null, h("slot", { key: '2f41ec01fab8c3e54e16d74b98f8d50d4e69018f' }, value), h("slot", { key: 'f969ea4b8fbcc0ab01052f5ffd103149540de08f', name: SLOTS.input }), this.iconEnd ? iconEndEl : null)));
+        return (h(Host, { key: 'cccfab9b2bafbd943d4130299f9e2c1bff945a94', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, h("label", { key: 'f406eac31751d139fb4b51ba42dbe907d6560a7a', class: {
+                [CSS.label]: true,
+                [CSS.labelScale(scale)]: true,
+                [CSS.labelHorizontal]: layout === "horizontal",
+                [CSS.labelOutline]: appearance === "outline",
+                [CSS.labelOutlineFill]: appearance === "outline-fill",
+            } }, this.renderContent())));
+    }
+    renderContent() {
+        const { hasSlottedContent, iconEnd, iconStart } = this;
+        const effectiveIcon = iconStart || iconEnd;
+        const canRenderIconOnly = !hasSlottedContent && effectiveIcon;
+        if (canRenderIconOnly) {
+            return [this.renderIcon(effectiveIcon, true), h("slot", { onSlotchange: this.handleSlotChange })];
+        }
+        return [
+            this.renderIcon(iconStart),
+            h("slot", { onSlotchange: this.handleSlotChange }),
+            h("slot", { name: SLOTS.input }),
+            this.renderIcon(iconEnd),
+        ];
     }
     static get is() { return "calcite-segmented-control-item"; }
     static get encapsulation() { return "shadow"; }
@@ -226,6 +252,11 @@ export class SegmentedControlItem {
             }
         };
     }
+    static get states() {
+        return {
+            "hasSlottedContent": {}
+        };
+    }
     static get events() {
         return [{
                 "method": "calciteInternalSegmentedControlItemChange",

package/dist/collection/components/segmented-control-item/segmented-control-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control-item.js","sourceRoot":"","sources":["../../../../src/components/segmented-control-item/segmented-control-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,IAAI,EAEJ,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAOzC,MAAM,OAAO,oBAAoB;;uBASmB,KAAK;2BAQhB,KAAK;;;;0BAoBoC,OAAO;sBAO9D,YAAY;qBAOd,GAAG;;IAvChB,mBAAmB;QAC3B,IAAI,CAAC,yCAAyC,CAAC,IAAI,EAAE,CAAC;IACxD,CAAC;IAuCD,4EAA4E;IAC5E,EAAE;IACF,aAAa;IACb,EAAE;IACF,4EAA4E;IAE5E,MAAM;QACJ,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAE3D,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CACnC,oBACE,KAAK,EAAE,GAAG,CAAC,wBAAwB,EACnC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,GAAG,EAAC,YAAY,EAChB,KAAK,EAAC,GAAG,GACT,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;QAET,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAC/B,oBACE,KAAK,EAAE,GAAG,CAAC,wBAAwB,EACnC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAE,IAAI,CAAC,OAAO,EAClB,GAAG,EAAC,UAAU,EACd,KAAK,EAAC,GAAG,GACT,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;QAET,OAAO,CACL,EAAC,IAAI,qEAAe,aAAa,CAAC,OAAO,CAAC,gBAAc,KAAK,EAAE,IAAI,EAAC,OAAO;YACzE,8DACE,KAAK,EAAE;oBACL,gBAAgB,EAAE,KAAK,KAAK,GAAG;oBAC/B,gBAAgB,EAAE,KAAK,KAAK,GAAG;oBAC/B,gBAAgB,EAAE,KAAK,KAAK,GAAG;oBAC/B,mBAAmB,EAAE,MAAM,KAAK,YAAY;oBAC5C,gBAAgB,EAAE,UAAU,KAAK,SAAS;oBAC1C,qBAAqB,EAAE,UAAU,KAAK,cAAc;iBACrD;gBAEA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI;gBACpC,+DAAO,KAAK,CAAQ;gBACpB,6DAAM,IAAI,EAAE,KAAK,CAAC,KAAK,GAAI;gBAC1B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAC1B,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBF","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { Appearance, Layout, Scale } from \"../interfaces\";\nimport { CSS, SLOTS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-segmented-control-item\",\n  styleUrl: \"segmented-control-item.scss\",\n  shadow: true,\n})\nexport class SegmentedControlItem {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is checked. */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ reflect: true, mutable: true }) checked = false;\n\n  @Watch(\"checked\")\n  protected handleCheckedChange(): void {\n    this.calciteInternalSegmentedControlItemChange.emit();\n  }\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /**\n   * The component's value.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ mutable: true })\n  value: any | null;\n\n  /**\n   * Specifies the appearance style of the component inherited from parent `calcite-segmented-control`, defaults to `solid`.\n   *\n   * @internal\n   */\n  @Prop() appearance: Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance> = \"solid\";\n\n  /**\n   * Defines the layout of the component inherited from parent `calcite-segmented-control`, defaults to `horizontal`.\n   *\n   * @internal\n   */\n  @Prop() layout: Layout = \"horizontal\";\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-segmented-control`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const { appearance, checked, layout, scale, value } = this;\n\n    const iconStartEl = this.iconStart ? (\n      <calcite-icon\n        class={CSS.segmentedControlItemIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.iconStart}\n        key=\"icon-start\"\n        scale=\"s\"\n      />\n    ) : null;\n\n    const iconEndEl = this.iconEnd ? (\n      <calcite-icon\n        class={CSS.segmentedControlItemIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.iconEnd}\n        key=\"icon-end\"\n        scale=\"s\"\n      />\n    ) : null;\n\n    return (\n      <Host aria-checked={toAriaBoolean(checked)} aria-label={value} role=\"radio\">\n        <label\n          class={{\n            \"label--scale-s\": scale === \"s\",\n            \"label--scale-m\": scale === \"m\",\n            \"label--scale-l\": scale === \"l\",\n            \"label--horizontal\": layout === \"horizontal\",\n            \"label--outline\": appearance === \"outline\",\n            \"label--outline-fill\": appearance === \"outline-fill\",\n          }}\n        >\n          {this.iconStart ? iconStartEl : null}\n          <slot>{value}</slot>\n          <slot name={SLOTS.input} />\n          {this.iconEnd ? iconEndEl : null}\n        </label>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSegmentedControlItemElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the item has been selected.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalSegmentedControlItemChange: EventEmitter<void>;\n}\n"]}
+{"version":3,"file":"segmented-control-item.js","sourceRoot":"","sources":["../../../../src/components/segmented-control-item/segmented-control-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { slotChangeHasContent, toAriaBoolean } from \"../../utils/dom\";\nimport { Appearance, Layout, Scale } from \"../interfaces\";\nimport { CSS, SLOTS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-segmented-control-item\",\n  styleUrl: \"segmented-control-item.scss\",\n  shadow: true,\n})\nexport class SegmentedControlItem {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is checked. */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ reflect: true, mutable: true }) checked = false;\n\n  @Watch(\"checked\")\n  protected handleCheckedChange(): void {\n    this.calciteInternalSegmentedControlItemChange.emit();\n  }\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /**\n   * The component's value.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ mutable: true }) value: any | null;\n\n  /**\n   * Specifies the appearance style of the component inherited from parent `calcite-segmented-control`, defaults to `solid`.\n   *\n   * @internal\n   */\n  @Prop() appearance: Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance> = \"solid\";\n\n  /**\n   * Defines the layout of the component inherited from parent `calcite-segmented-control`, defaults to `horizontal`.\n   *\n   * @internal\n   */\n  @Prop() layout: Layout = \"horizontal\";\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-segmented-control`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  private renderIcon(icon: string, solo: boolean = false): VNode {\n    return icon ? (\n      <calcite-icon\n        class={{\n          [CSS.icon]: true,\n          [CSS.iconSolo]: solo,\n        }}\n        flipRtl={this.iconFlipRtl}\n        icon={icon}\n        scale=\"s\"\n      />\n    ) : null;\n  }\n\n  render(): VNode {\n    const { appearance, checked, layout, scale, value } = this;\n\n    return (\n      <Host aria-checked={toAriaBoolean(checked)} aria-label={value} role=\"radio\">\n        <label\n          class={{\n            [CSS.label]: true,\n            [CSS.labelScale(scale)]: true,\n            [CSS.labelHorizontal]: layout === \"horizontal\",\n            [CSS.labelOutline]: appearance === \"outline\",\n            [CSS.labelOutlineFill]: appearance === \"outline-fill\",\n          }}\n        >\n          {this.renderContent()}\n        </label>\n      </Host>\n    );\n  }\n\n  private renderContent(): VNode | VNode[] {\n    const { hasSlottedContent, iconEnd, iconStart } = this;\n    const effectiveIcon = iconStart || iconEnd;\n    const canRenderIconOnly = !hasSlottedContent && effectiveIcon;\n\n    if (canRenderIconOnly) {\n      return [this.renderIcon(effectiveIcon, true), <slot onSlotchange={this.handleSlotChange} />];\n    }\n\n    return [\n      this.renderIcon(iconStart),\n      <slot onSlotchange={this.handleSlotChange} />,\n      <slot name={SLOTS.input} />,\n      this.renderIcon(iconEnd),\n    ];\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private handleSlotChange = (event: Event): void => {\n    this.hasSlottedContent = slotChangeHasContent(event);\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSegmentedControlItemElement;\n\n  @State() hasSlottedContent = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the item has been selected.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteInternalSegmentedControlItemChange: EventEmitter<void>;\n}\n"]}

package/dist/collection/components/select/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.9.0-next.2
+ * v2.9.0-next.20
  */
 export const CSS = {
     icon: "icon",

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

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 May 2024 23:20:15 GMT
+ * Generated on Thu, 23 May 2024 20:33:02 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 10 May 2024 23:20:15 GMT
+ * Generated on Thu, 23 May 2024 20:33:02 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 10 May 2024 23:20:15 GMT
+ * Generated on Thu, 23 May 2024 20:33:02 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 10 May 2024 23:20:15 GMT
+ * Generated on Thu, 23 May 2024 20:33:02 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 10 May 2024 23:20:13 GMT
+ * Generated on Thu, 23 May 2024 20:33:00 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

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.9.0-next.2
+ * v2.9.0-next.20
  */
 import { newE2EPage } from "@stencil/core/testing";
-import { accessible, disabled, defaults, focusable, formAssociated, labelable, reflects, renders, hidden, } from "../../tests/commonTests";
+import { accessible, defaults, disabled, focusable, formAssociated, hidden, labelable, reflects, renders, } from "../../tests/commonTests";
 import { html } from "../../../support/formatting";
 import { CSS } from "./resources";
 describe("calcite-select", () => {
@@ -309,6 +309,17 @@ describe("calcite-select", () => {
         expect(selectedOptionId).toBe("2");
         expect(await (await page.find("calcite-select")).getProperty("value")).toBe("");
     });
+    it("selects initial value", async () => {
+        const page = await newE2EPage();
+        await page.setContent(html `
+      <calcite-select value="">
+        <calcite-option value="uno">One</calcite-option>
+        <calcite-option value="dos">Two</calcite-option>
+        <calcite-option value="">Three</calcite-option>
+      </calcite-select>
+    `);
+        await assertSelectedOption(page, await page.find("calcite-option[value='']"));
+    });
     describe("is form-associated", () => {
         formAssociated(html `
         <calcite-select>

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  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=\"0\"></calcite-option>\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        testValue: \"dos\",\n        validation: true,\n        // we use <select>'s char-matching behavior vs navigating with arrows + space/enter\n        // due to the context menu not being accessible in puppeteer\n        changeValueKeys: [\"t\"],\n      },\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  defaults,\n  disabled,\n  focusable,\n  formAssociated,\n  hidden,\n  labelable,\n  reflects,\n  renders,\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  it(\"selects initial value\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-select value=\"\">\n        <calcite-option value=\"uno\">One</calcite-option>\n        <calcite-option value=\"dos\">Two</calcite-option>\n        <calcite-option value=\"\">Three</calcite-option>\n      </calcite-select>\n    `);\n\n    await assertSelectedOption(page, await page.find(\"calcite-option[value='']\"));\n  });\n\n  describe(\"is form-associated\", () => {\n    formAssociated(\n      html`\n        <calcite-select>\n          <calcite-option id=\"0\"></calcite-option>\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        testValue: \"dos\",\n        validation: true,\n        // we use <select>'s char-matching behavior vs navigating with arrows + space/enter\n        // due to the context menu not being accessible in puppeteer\n        changeValueKeys: [\"t\"],\n      },\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.9.0-next.2
+ * v2.9.0-next.20
  */
 import { h, Host, } from "@stencil/core";
 import { focusElement } from "../../utils/dom";
@@ -72,8 +72,7 @@ export class Select {
         this.width = "auto";
     }
     valueHandler(value) {
-        const items = this.el.querySelectorAll("calcite-option");
-        items.forEach((item) => (item.selected = item.value === value));
+        this.updateItemsFromValue(value);
     }
     selectedOptionHandler(selectedOption) {
         this.value = selectedOption?.value;
@@ -101,6 +100,9 @@ export class Select {
     }
     componentWillLoad() {
         setUpLoadableComponent(this);
+        if (typeof this.value === "string") {
+            this.updateItemsFromValue(this.value);
+        }
     }
     componentDidLoad() {
         setComponentLoaded(this);
@@ -140,6 +142,11 @@ export class Select {
     onLabelClick() {
         this.setFocus();
     }
+    updateItemsFromValue(value) {
+        this.el
+            .querySelectorAll("calcite-option")
+            .forEach((item) => (item.selected = item.value === value));
+    }
     updateNativeElement(optionOrGroup, nativeOptionOrGroup) {
         nativeOptionOrGroup.disabled = optionOrGroup.disabled;
         nativeOptionOrGroup.label = optionOrGroup.label;
@@ -210,7 +217,7 @@ export class Select {
     }
     render() {
         const { disabled } = this;
-        return (h(Host, { key: '86822f587da89633e725f5fe6426f588f367b266' }, h(InteractiveContainer, { key: '93d728f3ee9cee364d439d7af2eda096a93bee10', disabled: disabled }, h("div", { key: 'e399054306a1f62b920ffbd0276fcb2da35950ad', class: CSS.wrapper }, h("select", { key: '08c94423618b06c1b56798440eaa862a5dc7895c', "aria-label": getLabelText(this), class: CSS.select, disabled: disabled, onChange: this.handleInternalSelectChange, ref: this.storeSelectRef }, h("slot", { key: '69a37437746520312d107451d0a1b6e622c622bc' })), this.renderChevron(), h(HiddenFormInputSlot, { key: 'ec18bb685b3b25fc88c758001399454ea924cd09', component: this })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        return (h(Host, { key: '7ad7273616547303b16b4acb5a0a7e74e6b70103' }, h(InteractiveContainer, { key: 'd4f38f4ee1836e7d2ef63b0ee6eb94e00ca363a5', disabled: disabled }, h("div", { key: '8e07dfd9a1ae6a76336229c6111999c1722af48a', class: CSS.wrapper }, h("select", { key: 'bb09bb53c0a6fdfd1cf81fcc901e470e4822be1d', "aria-label": getLabelText(this), class: CSS.select, disabled: disabled, onChange: this.handleInternalSelectChange, ref: this.storeSelectRef }, h("slot", { key: '3efcacc3bdb058e36d10c86bb87da89a1fd93994' })), this.renderChevron(), h(HiddenFormInputSlot, { key: '02af04d02f83b3542c46601f08a45cac63b3eecd', component: this })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get is() { return "calcite-select"; }
     static get encapsulation() { return "shadow"; }

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  MutableValidityState,\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 { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\nimport { CSS } from \"./resources\";\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   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\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((optionOrGroup) =>\n      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              ref={this.storeSelectRef}\n            >\n              <slot />\n            </select>\n            {this.renderChevron()}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage && this.status === \"invalid\" ? (\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  MutableValidityState,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } 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 { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\nimport { CSS } from \"./resources\";\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   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\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    this.updateItemsFromValue(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    if (typeof this.value === \"string\") {\n      this.updateItemsFromValue(this.value);\n    }\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 updateItemsFromValue(value: string): void {\n    this.el\n      .querySelectorAll(\"calcite-option\")\n      .forEach((item) => (item.selected = item.value === value));\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((optionOrGroup) =>\n      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              ref={this.storeSelectRef}\n            >\n              <slot />\n            </select>\n            {this.renderChevron()}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage && this.status === \"invalid\" ? (\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.9.0-next.2
+ * v2.9.0-next.20
  */
 export const CSS = {
     scrim: "scrim",

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

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 May 2024 23:20:15 GMT
+ * Generated on Thu, 23 May 2024 20:33:02 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 10 May 2024 23:20:15 GMT
+ * Generated on Thu, 23 May 2024 20:33:02 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 10 May 2024 23:20:15 GMT
+ * Generated on Thu, 23 May 2024 20:33:02 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 10 May 2024 23:20:15 GMT
+ * Generated on Thu, 23 May 2024 20:33:02 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 10 May 2024 23:20:13 GMT
+ * Generated on Thu, 23 May 2024 20:33:00 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.9.0-next.2
+ * v2.9.0-next.20
  */
 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.9.0-next.2
+ * v2.9.0-next.20
  */
 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.9.0-next.2
+ * v2.9.0-next.20
  */
 export const CSS = {
     main: "main",

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

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Fri, 10 May 2024 23:20:15 GMT
+ * Generated on Thu, 23 May 2024 20:33:02 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 10 May 2024 23:20:15 GMT
+ * Generated on Thu, 23 May 2024 20:33:02 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 10 May 2024 23:20:15 GMT
+ * Generated on Thu, 23 May 2024 20:33:02 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 10 May 2024 23:20:15 GMT
+ * Generated on Thu, 23 May 2024 20:33:02 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 10 May 2024 23:20:13 GMT
+ * Generated on Thu, 23 May 2024 20:33:00 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.9.0-next.2
+ * v2.9.0-next.20
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, hidden, renders, slots } from "../../tests/commonTests";