45 lines
1.1 KiB
JavaScript
45 lines
1.1 KiB
JavaScript
import { h } from "@stencil/core";
|
|
export class NumberIndicator {
|
|
constructor() {
|
|
this.inverted = false;
|
|
}
|
|
render() {
|
|
return (h("div", { "aria-label": 'a number indicator', class: `numberIndicator__container ${this.inverted ? 'inverted' : ""}` }, h("span", null, h("slot", null))));
|
|
}
|
|
static get is() { return "ifx-number-indicator"; }
|
|
static get encapsulation() { return "shadow"; }
|
|
static get originalStyleUrls() {
|
|
return {
|
|
"$": ["number-indicator.scss"]
|
|
};
|
|
}
|
|
static get styleUrls() {
|
|
return {
|
|
"$": ["number-indicator.css"]
|
|
};
|
|
}
|
|
static get properties() {
|
|
return {
|
|
"inverted": {
|
|
"type": "boolean",
|
|
"mutable": false,
|
|
"complexType": {
|
|
"original": "boolean",
|
|
"resolved": "boolean",
|
|
"references": {}
|
|
},
|
|
"required": false,
|
|
"optional": false,
|
|
"docs": {
|
|
"tags": [],
|
|
"text": ""
|
|
},
|
|
"attribute": "inverted",
|
|
"reflect": false,
|
|
"defaultValue": "false"
|
|
}
|
|
};
|
|
}
|
|
}
|
|
//# sourceMappingURL=number-indicator.js.map
|