@warp-ds/elements 2.0.2-next.3 → 2.0.2-next.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -5754,6 +5754,11 @@ var WarpSelect = class extends kebabCaseAttributes(WarpElement15) {
5754
5754
  event.preventDefault();
5755
5755
  }
5756
5756
  }
5757
+ // Fire a custom 'change' event, used when the dropdown changes state.
5758
+ onChange({ target }) {
5759
+ const event = new CustomEvent("change", { detail: target.value });
5760
+ this.dispatchEvent(event);
5761
+ }
5757
5762
  render() {
5758
5763
  return html24`<div class="${select.wrapper}">
5759
5764
  ${when(
@@ -5780,7 +5785,8 @@ var WarpSelect = class extends kebabCaseAttributes(WarpElement15) {
5780
5785
  aria-describedby="${ifDefined5(__privateGet(this, _WarpSelect_instances, helpId_get))}"
5781
5786
  aria-invalid="${ifDefined5(this.invalid)}"
5782
5787
  aria-errormessage="${ifDefined5(this.invalid && __privateGet(this, _WarpSelect_instances, helpId_get))}"
5783
- @keydown=${this.handleKeyDown}>
5788
+ @keydown=${this.handleKeyDown}
5789
+ @change=${this.onChange}>
5784
5790
  ${unsafeHTML(this._options)}
5785
5791
  </select>
5786
5792
  <div class="${__privateGet(this, _WarpSelect_instances, chevronClasses_get2)}">