eiam-favorite-pages
Version:
Stencil Component Starter
97 lines (96 loc) • 2.71 kB
JavaScript
import { h } from "@stencil/core";
import { format } from "../../utils/utils";
export class MyComponent {
/**
* The first name
*/
first;
/**
* The middle name
*/
middle;
/**
* The last name
*/
last;
getText() {
return format(this.first, this.middle, this.last);
}
render() {
return h("div", { key: '9c0276700367b6159f73c437a7e0eb0e9a0d5d56' }, "Hello, World! I'm ", this.getText());
}
static get is() { return "my-component"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["my-component.css"]
};
}
static get styleUrls() {
return {
"$": ["my-component.css"]
};
}
static get properties() {
return {
"first": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "The first name"
},
"getter": false,
"setter": false,
"reflect": false,
"attribute": "first"
},
"middle": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "The middle name"
},
"getter": false,
"setter": false,
"reflect": false,
"attribute": "middle"
},
"last": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "The last name"
},
"getter": false,
"setter": false,
"reflect": false,
"attribute": "last"
}
};
}
}
//# sourceMappingURL=my-component.js.map