@bulmil/core
Version:
169 lines (168 loc) • 5.29 kB
JavaScript
/*!
* Bulmil - MIT License
*/
import { h, Host } from "@stencil/core";
export class Columns {
constructor() {
this.isCentered = false;
this.isMobile = false;
this.isDesktop = false;
this.isMultiline = false;
this.isGapless = false;
this.isVcentered = false;
this.gaps = undefined;
}
render() {
return (h(Host, { key: 'd3b6a3fc9d25fb06a007ab470d339dd2553bca35', class: {
columns: true,
'is-centered': this.isCentered,
'is-mobile': this.isMobile,
'is-desktop': this.isDesktop,
'is-multiline': this.isMultiline,
'is-gapless': this.isGapless,
'is-vcentered': this.isVcentered,
'is-variable': Boolean(this.gaps),
[this.gaps]: Boolean(this.gaps),
} }));
}
static get is() { return "bm-columns"; }
static get originalStyleUrls() {
return {
"$": ["columns.scss"]
};
}
static get styleUrls() {
return {
"$": ["columns.css"]
};
}
static get properties() {
return {
"isCentered": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Centered"
},
"attribute": "is-centered",
"reflect": false,
"defaultValue": "false"
},
"isMobile": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Mobile"
},
"attribute": "is-mobile",
"reflect": false,
"defaultValue": "false"
},
"isDesktop": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Desktop"
},
"attribute": "is-desktop",
"reflect": false,
"defaultValue": "false"
},
"isMultiline": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Multiline"
},
"attribute": "is-multiline",
"reflect": false,
"defaultValue": "false"
},
"isGapless": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Gapless"
},
"attribute": "is-gapless",
"reflect": false,
"defaultValue": "false"
},
"isVcentered": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Vertically centered"
},
"attribute": "is-vcentered",
"reflect": false,
"defaultValue": "false"
},
"gaps": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Columns gaps"
},
"attribute": "gaps",
"reflect": false
}
};
}
}