v4web-components
Version:
Stencil Component Starter
81 lines (80 loc) • 2.06 kB
JavaScript
import { h } from '@stencil/core';
export class LabDsIconNotSelectable {
constructor() {
this.color = undefined;
this.icon = undefined;
this.size = 'x-small';
}
render() {
return h("span", { class: `material-symbols-outlined ${this.size} notranslate` }, this.icon);
}
static get is() { return "lab-ds-icon-not-selectable"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["lab-ds-icon-not-selectable.css"]
};
}
static get styleUrls() {
return {
"$": ["lab-ds-icon-not-selectable.css"]
};
}
static get properties() {
return {
"color": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"attribute": "color",
"reflect": false
},
"icon": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": true,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"attribute": "icon",
"reflect": false
},
"size": {
"type": "string",
"mutable": false,
"complexType": {
"original": "'x-large' | 'large' | 'medium' | 's-medium' | 'small' | 'x-small' | 'xx-small'",
"resolved": "\"large\" | \"medium\" | \"s-medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-small\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"attribute": "size",
"reflect": false,
"defaultValue": "'x-small'"
}
};
}
}
//# sourceMappingURL=lab-ds-icon-not-selectable.js.map