@watermarkinsights/ripple 4.3.0 → 4.4.0-0

package/dist/collection/components/wm-option/wm-option.js

@@ -1,480 +1,491 @@
 import { h, Host } from "@stencil/core";
 export class Option {
-  constructor() {
-    this.value = undefined;
-    this.subinfo = undefined;
-    this.disabled = false;
-    this.selected = false;
-    this.focused = false;
-    this.searchTerm = "";
-  }
-  get hostClasses() {
-    let classes = [];
-    if (this.subinfo) {
-      classes.push("hassubinfo");
+    constructor() {
+        this.value = undefined;
+        this.subinfo = undefined;
+        this.disabled = false;
+        this.selected = false;
+        this.focused = false;
+        this.searchTerm = "";
     }
-    if (this.parentSelectEl.multiple) {
-      classes.push("multi-option");
-    }
-    if (!this.el.textContent.toLowerCase().includes(this.searchTerm)) {
-      classes.push("filtered-out");
-    }
-    return classes.join(" ");
-  }
-  get parentSelectEl() {
-    var _a;
-    return ((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.nodeName) !== "WM-SELECT"
-      ? this.el.getRootNode().host
-      : this.el.parentElement;
-  }
-  handleKeydown(ev) {
-    switch (ev.key) {
-      case "ArrowUp":
-        ev.preventDefault();
-        this.wmKeyUpPressed.emit(this.el);
-        break;
-      case "ArrowDown":
-        ev.preventDefault();
-        this.wmKeyDownPressed.emit(this.el);
-        break;
-      case "Enter":
-        ev.preventDefault();
-        if (!this.disabled) {
-          this.el.click();
-          this.wmEnterKeyPressed.emit(this.el);
+    get hostClasses() {
+        let classes = [];
+        if (this.subinfo) {
+            classes.push("hassubinfo");
         }
-        break;
-      case "Escape":
-        ev.preventDefault();
-        ev.stopPropagation(); // for instance if select is in a modal, esc should close the select but not the modal
-        this.wmEscKeyPressed.emit();
-        break;
-      case "Home":
-        ev.preventDefault();
-        this.wmHomeKeyPressed.emit();
-        break;
-      case "End":
-        ev.preventDefault();
-        this.wmEndKeyPressed.emit();
-        break;
-      default:
-        if (ev.key.length === 1) {
-          ev.preventDefault();
-          // emit for single characters ("a","l","5", etc), avoid others ("shift", "control", etc)
-          this.wmLetterPressed.emit({ letter: ev.key, optionEl: this.el });
+        if (this.parentSelectEl.multiple) {
+            classes.push("multi-option");
         }
+        if (!this.el.textContent.toLowerCase().includes(this.searchTerm)) {
+            classes.push("filtered-out");
+        }
+        return classes.join(" ");
     }
-  }
-  handleSelection() {
-    // using ev.detail because ev.target returns the wm-select for clone options
-    if (!this.disabled) {
-      if (this.el.classList.contains("clone")) {
-        this.intCloneClicked.emit(this.el); // used to then emit wmOptionSelected from the "real" wm-option
-      }
-      else {
-        this.selected
-          ? this.wmOptionDeselected.emit(this.el)
-          : this.wmOptionSelected.emit(this.el);
-      }
-    }
-  }
-  handleBlur(ev) {
-    this.wmOptionBlurred.emit({ relatedTarget: ev.relatedTarget });
-  }
-  syncAriaSelected() {
-    // this function only keeps the aria-selected attr in sync with the selected prop
-    // all the logic for selecting / deselecting happens in the parent wm-select
-    this.selected ? this.el.setAttribute("aria-selected", "true") : this.el.setAttribute("aria-selected", "false");
-  }
-  syncAriaDisabled() {
-    this.disabled ? this.el.setAttribute("aria-disabled", "true") : this.el.removeAttribute("aria-disabled");
-  }
-  updateDisabledOnClick() {
-    if (this.disabled && this.el.onclick) {
-      this.onClickFunc = this.el.onclick;
-      this.el.onclick = null;
-    }
-    else if (!this.disabled && this.onClickFunc) {
-      this.el.onclick = this.onClickFunc;
-    }
-  }
-  handleSearch(ev) {
-    // filter is case-insensitive, so
-    this.searchTerm = ev.detail.searchTerm.toLowerCase();
-    if (this.searchTerm) {
-      const regexp = new RegExp(`${this.searchTerm}`, "gi");
-      const boldedText = this.el.textContent.replace(regexp, (match) => `<strong>${match}</strong>`);
-      // for voiceover, text splitting is read as separate phrases. i.e. hel<b>lo</b> will be read as "hel lo"
-      // aria-hidden and sr-only is used to circumvent this
-      this.textEl.innerHTML = boldedText;
-    }
-    else {
-      this.textEl.innerHTML = this.el.textContent;
+    get parentSelectEl() {
+        var _a;
+        return ((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.nodeName) !== "WM-SELECT"
+            ? this.el.getRootNode().host
+            : this.el.parentElement;
     }
-  }
-  componentWillLoad() {
-    this.syncAriaSelected();
-    this.syncAriaDisabled();
-    this.updateDisabledOnClick();
-    this.parentSelectEl.addEventListener("wmSelectSearchChanged", (ev) => this.handleSearch(ev));
-  }
-  render() {
-    return (h(Host, { role: "option", tabindex: this.focused ? 0 : -1, class: this.hostClasses }, h("div", { class: `option-wrapper ${this.parentSelectEl.multiple ? "checkbox" : ""}` }, h("span", { "aria-hidden": "true", ref: (el) => (this.textEl = el) }, this.el.textContent), h("span", { class: "sr-only" }, this.el.textContent)), h("div", { class: "subinfo" }, this.subinfo)));
-  }
-  static get is() { return "wm-option"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["wm-option.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["wm-option.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "value": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string | null",
-          "resolved": "null | string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "value",
-        "reflect": false
-      },
-      "subinfo": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string | undefined",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "subinfo",
-        "reflect": false,
-        "defaultValue": "undefined"
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "disabled",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "selected": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "selected",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "focused": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "focused",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "searchTerm": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "wmOptionSelected",
-        "name": "wmOptionSelected",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "HTMLWmOptionElement",
-          "resolved": "HTMLWmOptionElement",
-          "references": {
-            "HTMLWmOptionElement": {
-              "location": "global"
-            }
-          }
+    handleKeydown(ev) {
+        switch (ev.key) {
+            case "ArrowUp":
+                ev.preventDefault();
+                this.wmKeyUpPressed.emit(this.el);
+                break;
+            case "ArrowDown":
+                ev.preventDefault();
+                this.wmKeyDownPressed.emit(this.el);
+                break;
+            case "Enter":
+                ev.preventDefault();
+                if (!this.disabled) {
+                    this.el.click();
+                    this.wmEnterKeyPressed.emit(this.el);
+                }
+                break;
+            case "Escape":
+                ev.preventDefault();
+                ev.stopPropagation(); // for instance if select is in a modal, esc should close the select but not the modal
+                this.wmEscKeyPressed.emit();
+                break;
+            case "Home":
+                ev.preventDefault();
+                this.wmHomeKeyPressed.emit();
+                break;
+            case "End":
+                ev.preventDefault();
+                this.wmEndKeyPressed.emit();
+                break;
+            default:
+                if (ev.key.length === 1) {
+                    ev.preventDefault();
+                    // emit for single characters ("a","l","5", etc), avoid others ("shift", "control", etc)
+                    this.wmLetterPressed.emit({ letter: ev.key, optionEl: this.el });
+                }
         }
-      }, {
-        "method": "wmOptionDeselected",
-        "name": "wmOptionDeselected",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "HTMLWmOptionElement",
-          "resolved": "HTMLWmOptionElement",
-          "references": {
-            "HTMLWmOptionElement": {
-              "location": "global"
-            }
-          }
-        }
-      }, {
-        "method": "intCloneClicked",
-        "name": "intCloneClicked",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "HTMLWmOptionElement",
-          "resolved": "HTMLWmOptionElement",
-          "references": {
-            "HTMLWmOptionElement": {
-              "location": "global"
-            }
-          }
-        }
-      }, {
-        "method": "wmKeyUpPressed",
-        "name": "wmKeyUpPressed",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "HTMLWmOptionElement",
-          "resolved": "HTMLWmOptionElement",
-          "references": {
-            "HTMLWmOptionElement": {
-              "location": "global"
-            }
-          }
-        }
-      }, {
-        "method": "wmKeyDownPressed",
-        "name": "wmKeyDownPressed",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "HTMLWmOptionElement",
-          "resolved": "HTMLWmOptionElement",
-          "references": {
-            "HTMLWmOptionElement": {
-              "location": "global"
+    }
+    handleSelection() {
+        // using ev.detail because ev.target returns the wm-select for clone options
+        if (!this.disabled) {
+            if (this.el.classList.contains("clone")) {
+                this.intCloneClicked.emit(this.el); // used to then emit wmOptionSelected from the "real" wm-option
             }
-          }
-        }
-      }, {
-        "method": "wmEscKeyPressed",
-        "name": "wmEscKeyPressed",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "HTMLWmOptionElement",
-          "resolved": "HTMLWmOptionElement",
-          "references": {
-            "HTMLWmOptionElement": {
-              "location": "global"
+            else {
+                this.selected
+                    ? this.wmOptionDeselected.emit(this.el)
+                    : this.wmOptionSelected.emit(this.el);
             }
-          }
         }
-      }, {
-        "method": "wmHomeKeyPressed",
-        "name": "wmHomeKeyPressed",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "HTMLWmOptionElement",
-          "resolved": "HTMLWmOptionElement",
-          "references": {
-            "HTMLWmOptionElement": {
-              "location": "global"
-            }
-          }
+    }
+    handleBlur(ev) {
+        this.wmOptionBlurred.emit({ relatedTarget: ev.relatedTarget });
+    }
+    syncAriaSelected() {
+        // this function only keeps the aria-selected attr in sync with the selected prop
+        // all the logic for selecting / deselecting happens in the parent wm-select
+        this.selected ? this.el.setAttribute("aria-selected", "true") : this.el.setAttribute("aria-selected", "false");
+    }
+    syncAriaDisabled() {
+        this.disabled ? this.el.setAttribute("aria-disabled", "true") : this.el.removeAttribute("aria-disabled");
+    }
+    updateDisabledOnClick() {
+        if (this.disabled && this.el.onclick) {
+            this.onClickFunc = this.el.onclick;
+            this.el.onclick = null;
         }
-      }, {
-        "method": "wmEndKeyPressed",
-        "name": "wmEndKeyPressed",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "HTMLWmOptionElement",
-          "resolved": "HTMLWmOptionElement",
-          "references": {
-            "HTMLWmOptionElement": {
-              "location": "global"
-            }
-          }
+        else if (!this.disabled && this.onClickFunc) {
+            this.el.onclick = this.onClickFunc;
         }
-      }, {
-        "method": "wmEnterKeyPressed",
-        "name": "wmEnterKeyPressed",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "HTMLWmOptionElement",
-          "resolved": "HTMLWmOptionElement",
-          "references": {
-            "HTMLWmOptionElement": {
-              "location": "global"
-            }
-          }
+    }
+    handleSearch(ev) {
+        // filter is case-insensitive, so
+        this.searchTerm = ev.detail.searchTerm.toLowerCase();
+        if (this.searchTerm) {
+            const regexp = new RegExp(`${this.searchTerm}`, "gi");
+            const boldedText = this.el.textContent.replace(regexp, (match) => `<strong>${match}</strong>`);
+            // for voiceover, text splitting is read as separate phrases. i.e. hel<b>lo</b> will be read as "hel lo"
+            // aria-hidden and sr-only is used to circumvent this
+            this.textEl.innerHTML = boldedText;
         }
-      }, {
-        "method": "wmLetterPressed",
-        "name": "wmLetterPressed",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "{ optionEl: HTMLElement; letter: string }",
-          "resolved": "{ optionEl: HTMLElement; letter: string; }",
-          "references": {
-            "HTMLElement": {
-              "location": "global"
-            }
-          }
+        else {
+            this.textEl.innerHTML = this.el.textContent;
         }
-      }, {
-        "method": "wmOptionBlurred",
-        "name": "wmOptionBlurred",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "{ relatedTarget: EventTarget | null }",
-          "resolved": "{ relatedTarget: EventTarget | null; }",
-          "references": {
-            "EventTarget": {
-              "location": "global"
+    }
+    componentWillLoad() {
+        this.syncAriaSelected();
+        this.syncAriaDisabled();
+        this.updateDisabledOnClick();
+        this.parentSelectEl.addEventListener("wmSelectSearchChanged", (ev) => this.handleSearch(ev));
+    }
+    render() {
+        return (h(Host, { role: "option", tabindex: this.focused ? 0 : -1, class: this.hostClasses }, h("div", { class: `option-wrapper ${this.parentSelectEl.multiple ? "checkbox" : ""}` }, h("span", { "aria-hidden": "true", ref: (el) => (this.textEl = el) }, this.el.textContent), h("span", { class: "sr-only" }, this.el.textContent)), h("div", { class: "subinfo" }, this.subinfo)));
+    }
+    static get is() { return "wm-option"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["wm-option.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["wm-option.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "null | string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "value",
+                "reflect": false
+            },
+            "subinfo": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "subinfo",
+                "reflect": false,
+                "defaultValue": "undefined"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disabled",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "selected": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "selected",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "focused": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "focused",
+                "reflect": false,
+                "defaultValue": "false"
             }
-          }
-        }
-      }];
-  }
-  static get elementRef() { return "el"; }
-  static get watchers() {
-    return [{
-        "propName": "selected",
-        "methodName": "syncAriaSelected"
-      }, {
-        "propName": "disabled",
-        "methodName": "syncAriaDisabled"
-      }, {
-        "propName": "disabled",
-        "methodName": "updateDisabledOnClick"
-      }];
-  }
-  static get listeners() {
-    return [{
-        "name": "keydown",
-        "method": "handleKeydown",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "click",
-        "method": "handleSelection",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "blur",
-        "method": "handleBlur",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
+        };
+    }
+    static get states() {
+        return {
+            "searchTerm": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "wmOptionSelected",
+                "name": "wmOptionSelected",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "HTMLWmOptionElement",
+                    "resolved": "HTMLWmOptionElement",
+                    "references": {
+                        "HTMLWmOptionElement": {
+                            "location": "global",
+                            "id": "global::HTMLWmOptionElement"
+                        }
+                    }
+                }
+            }, {
+                "method": "wmOptionDeselected",
+                "name": "wmOptionDeselected",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "HTMLWmOptionElement",
+                    "resolved": "HTMLWmOptionElement",
+                    "references": {
+                        "HTMLWmOptionElement": {
+                            "location": "global",
+                            "id": "global::HTMLWmOptionElement"
+                        }
+                    }
+                }
+            }, {
+                "method": "intCloneClicked",
+                "name": "intCloneClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "HTMLWmOptionElement",
+                    "resolved": "HTMLWmOptionElement",
+                    "references": {
+                        "HTMLWmOptionElement": {
+                            "location": "global",
+                            "id": "global::HTMLWmOptionElement"
+                        }
+                    }
+                }
+            }, {
+                "method": "wmKeyUpPressed",
+                "name": "wmKeyUpPressed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "HTMLWmOptionElement",
+                    "resolved": "HTMLWmOptionElement",
+                    "references": {
+                        "HTMLWmOptionElement": {
+                            "location": "global",
+                            "id": "global::HTMLWmOptionElement"
+                        }
+                    }
+                }
+            }, {
+                "method": "wmKeyDownPressed",
+                "name": "wmKeyDownPressed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "HTMLWmOptionElement",
+                    "resolved": "HTMLWmOptionElement",
+                    "references": {
+                        "HTMLWmOptionElement": {
+                            "location": "global",
+                            "id": "global::HTMLWmOptionElement"
+                        }
+                    }
+                }
+            }, {
+                "method": "wmEscKeyPressed",
+                "name": "wmEscKeyPressed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "HTMLWmOptionElement",
+                    "resolved": "HTMLWmOptionElement",
+                    "references": {
+                        "HTMLWmOptionElement": {
+                            "location": "global",
+                            "id": "global::HTMLWmOptionElement"
+                        }
+                    }
+                }
+            }, {
+                "method": "wmHomeKeyPressed",
+                "name": "wmHomeKeyPressed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "HTMLWmOptionElement",
+                    "resolved": "HTMLWmOptionElement",
+                    "references": {
+                        "HTMLWmOptionElement": {
+                            "location": "global",
+                            "id": "global::HTMLWmOptionElement"
+                        }
+                    }
+                }
+            }, {
+                "method": "wmEndKeyPressed",
+                "name": "wmEndKeyPressed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "HTMLWmOptionElement",
+                    "resolved": "HTMLWmOptionElement",
+                    "references": {
+                        "HTMLWmOptionElement": {
+                            "location": "global",
+                            "id": "global::HTMLWmOptionElement"
+                        }
+                    }
+                }
+            }, {
+                "method": "wmEnterKeyPressed",
+                "name": "wmEnterKeyPressed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "HTMLWmOptionElement",
+                    "resolved": "HTMLWmOptionElement",
+                    "references": {
+                        "HTMLWmOptionElement": {
+                            "location": "global",
+                            "id": "global::HTMLWmOptionElement"
+                        }
+                    }
+                }
+            }, {
+                "method": "wmLetterPressed",
+                "name": "wmLetterPressed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ optionEl: HTMLElement; letter: string }",
+                    "resolved": "{ optionEl: HTMLElement; letter: string; }",
+                    "references": {
+                        "HTMLElement": {
+                            "location": "global",
+                            "id": "global::HTMLElement"
+                        }
+                    }
+                }
+            }, {
+                "method": "wmOptionBlurred",
+                "name": "wmOptionBlurred",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ relatedTarget: EventTarget | null }",
+                    "resolved": "{ relatedTarget: EventTarget | null; }",
+                    "references": {
+                        "EventTarget": {
+                            "location": "global",
+                            "id": "global::EventTarget"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "selected",
+                "methodName": "syncAriaSelected"
+            }, {
+                "propName": "disabled",
+                "methodName": "syncAriaDisabled"
+            }, {
+                "propName": "disabled",
+                "methodName": "updateDisabledOnClick"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "keydown",
+                "method": "handleKeydown",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "click",
+                "method": "handleSelection",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "blur",
+                "method": "handleBlur",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
 }