v4web-components
Version:
Stencil Component Starter
83 lines (82 loc) • 2.02 kB
JavaScript
import { h } from '@stencil/core';
export class LabDsSkeleton {
constructor() {
this.type = 'square';
this.width = '100%';
this.height = '100%';
}
render() {
return (h("div", null, h("div", { style: { width: this.width, height: this.height }, class: `${this.type === 'square' ? 'v4-skeleton-square' : 'v4-skeleton-circle'}` })));
}
static get is() { return "lab-ds-skeleton"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["lab-ds-skeleton.css"]
};
}
static get styleUrls() {
return {
"$": ["lab-ds-skeleton.css"]
};
}
static get properties() {
return {
"type": {
"type": "string",
"mutable": false,
"complexType": {
"original": "'square' | 'circle'",
"resolved": "\"circle\" | \"square\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"attribute": "type",
"reflect": false,
"defaultValue": "'square'"
},
"width": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"attribute": "width",
"reflect": false,
"defaultValue": "'100%'"
},
"height": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"attribute": "height",
"reflect": false,
"defaultValue": "'100%'"
}
};
}
}
//# sourceMappingURL=lab-ds-skeleton.js.map