gov-gui
Version:
Gov UI Component Library Typscript Build
84 lines (83 loc) • 2.67 kB
JavaScript
import { h } from "@stencil/core";
export class GovDropdown {
handleChange(event) {
const select = event.target;
console.log(select.value);
this.valueChanged.emit(parseInt(select.value, 10));
}
// value={this.selected.toString()}
render() {
return (h("div", { key: 'ae4d7af38516dbcb10845ddb229cb68270d4deab', class: "dropdown" }, "Show", h("select", { key: 'f59510c37f233acdd3beff761d5754e85559eb02', onChange: this.handleChange.bind(this) }, this.options.map(option => (h("option", { value: option.toString() }, option)))), "entries"));
}
static get is() { return "gov-dropdown"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["gov-dropdown.css"]
};
}
static get styleUrls() {
return {
"$": ["gov-dropdown.css"]
};
}
static get properties() {
return {
"options": {
"type": "unknown",
"mutable": false,
"complexType": {
"original": "number[]",
"resolved": "number[]",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false
},
"selected": {
"type": "number",
"mutable": false,
"complexType": {
"original": "number",
"resolved": "number",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"getter": false,
"setter": false,
"attribute": "selected",
"reflect": false
}
};
}
static get events() {
return [{
"method": "valueChanged",
"name": "valueChanged",
"bubbles": true,
"cancelable": true,
"composed": true,
"docs": {
"tags": [],
"text": ""
},
"complexType": {
"original": "number",
"resolved": "number",
"references": {}
}
}];
}
}
//# sourceMappingURL=gov-dropdown.js.map