@cbpds/web-components
Version:
Web components for the CBP Design System.
56 lines (55 loc) • 1.98 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
import { Host, h } from "@stencil/core";
import { setCSSProps } from "../../utils/utils";
export class CbpFooter {
constructor() {
this.sx = {};
}
componentWillLoad() {
if (typeof this.sx == 'string') {
this.sx = JSON.parse(this.sx) || {};
}
setCSSProps(this.host, Object.assign({}, this.sx));
}
render() {
return (h(Host, { key: '40b4492db2e476d2d4e40e71d9517d64bef2fea0' }, h("footer", { key: '6109b978afc9347c8bb0fec188dd794385b940bf' }, this.host.querySelector('[slot=cbp-footer-nav]') &&
h("div", { key: '6c3216a031ad80594cfffb0c615c99a0278696fb', class: "cbp-footer-nav" }, h("slot", { key: '7ec4ef94af2a9036c84c2152f3d586a31a35f1cf', name: "cbp-footer-nav" })), h("div", { key: '76b2dece2e9de29b30536585563d67518156ce8c', class: "cbp-footer-content" }, h("slot", { key: '866a46f3426906bb676d643cadc2370dc1b04146' })))));
}
static get is() { return "cbp-footer"; }
static get originalStyleUrls() {
return {
"$": ["cbp-footer.scss"]
};
}
static get styleUrls() {
return {
"$": ["cbp-footer.css"]
};
}
static get properties() {
return {
"sx": {
"type": "any",
"mutable": false,
"complexType": {
"original": "any",
"resolved": "any",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Supports adding inline styles as an object"
},
"attribute": "sx",
"reflect": false,
"defaultValue": "{}"
}
};
}
static get elementRef() { return "host"; }
}
//# sourceMappingURL=cbp-footer.js.map