@bulmil/core
Version:
67 lines (66 loc) • 2.18 kB
JavaScript
/*!
* Bulmil - MIT License
*/
import { h } from "@stencil/core";
export class Notification {
constructor() {
this.color = undefined;
this.dismissable = true;
}
render() {
return (h("div", { key: '62f6e42a4d991ffec6905a2a7dec44dd781a92de', class: {
notification: true,
[this.color]: Boolean(this.color),
} }, this.dismissable && h("button", { key: '5e0e9a94031952eb79b2e9447290c55ac572b3d7', class: "delete" }), h("slot", { key: '4b864e4f03ac7bfc46de35d5f02932a750c1522c' })));
}
static get is() { return "bm-notification"; }
static get originalStyleUrls() {
return {
"$": ["notification.scss"]
};
}
static get styleUrls() {
return {
"$": ["notification.css"]
};
}
static get properties() {
return {
"color": {
"type": "string",
"mutable": false,
"complexType": {
"original": "'is-primary' | 'is-link' | 'is-info' | 'is-success' | 'is-warning' | 'is-danger'",
"resolved": "\"is-danger\" | \"is-info\" | \"is-link\" | \"is-primary\" | \"is-success\" | \"is-warning\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Color"
},
"attribute": "color",
"reflect": false
},
"dismissable": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Dismissable"
},
"attribute": "dismissable",
"reflect": false,
"defaultValue": "true"
}
};
}
}