@bulmil/core
Version:
68 lines (67 loc) • 1.97 kB
JavaScript
/*!
* Bulmil - MIT License
*/
import { h, Host } from "@stencil/core";
export class Container {
constructor() {
this.breakpoint = undefined;
this.isFluid = false;
}
render() {
return (h(Host, { key: 'ea9ead314d733c5ce0d437a1369a5521313b4e27', class: {
container: true,
'is-fluid': this.isFluid,
[this.breakpoint]: Boolean(this.breakpoint),
} }));
}
static get is() { return "bm-container"; }
static get originalStyleUrls() {
return {
"$": ["container.scss"]
};
}
static get styleUrls() {
return {
"$": ["container.css"]
};
}
static get properties() {
return {
"breakpoint": {
"type": "string",
"mutable": false,
"complexType": {
"original": "'is-widescreen' | 'is-fullhd'",
"resolved": "\"is-fullhd\" | \"is-widescreen\"",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Container breakpoint"
},
"attribute": "breakpoint",
"reflect": false
},
"isFluid": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Fluid container"
},
"attribute": "is-fluid",
"reflect": false,
"defaultValue": "false"
}
};
}
}