@postnord/web-components
Version:
PostNord Web Components
73 lines (72 loc) • 2.5 kB
JavaScript
/*!
* Built with Stencil
* By PostNord.
*/
import { h, Host } from "@stencil/core";
export class PnSpinner {
hostElement;
/** Light version of the spinner */
light = false;
/** Size in em */
size = 1.5;
render() {
return (h(Host, { key: 'c3aefa642631aafc5356a6d07db7ef7b57b14857', class: this.light ? 'light' : '', style: { '--size': this.size + 'em' } }, h("svg", { key: 'bdb72cf0bf961bc9e8fcb66f47849025e5bc5481', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, h("circle", { key: '9fc2108ee526f4a743ed23f42ee31a2aaa1b6ddd', class: "circle", cx: "12", cy: "12", r: "10", "stroke-width": "3" }), h("circle", { key: 'aa7133f6a1752e8834d32e270c62b77e96049930', class: "dot", cx: "21.3", cy: "16", r: "1.48" }))));
}
static get is() { return "pn-spinner"; }
static get originalStyleUrls() {
return {
"$": ["pn-spinner.scss"]
};
}
static get styleUrls() {
return {
"$": ["pn-spinner.css"]
};
}
static get properties() {
return {
"light": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Light version of the spinner"
},
"getter": false,
"setter": false,
"attribute": "light",
"reflect": false,
"defaultValue": "false"
},
"size": {
"type": "number",
"mutable": false,
"complexType": {
"original": "number",
"resolved": "number",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Size in em"
},
"getter": false,
"setter": false,
"attribute": "size",
"reflect": false,
"defaultValue": "1.5"
}
};
}
static get elementRef() { return "hostElement"; }
}
//# sourceMappingURL=pn-spinner.js.map