@cbpds/web-components
Version:
Web components for the CBP Design System.
31 lines (27 loc) • 2.06 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
import { r as registerInstance, h, a as Host, g as getElement } from './index-0f6e3adc.js';
import { s as setCSSProps } from './utils-475ba472.js';
const cbpFooterCss = "cbp-footer{display:block}cbp-footer .cbp-footer-nav,cbp-footer .cbp-footer-content{padding-inline:var(--cbp-responsive-spacing-outer)}cbp-footer .cbp-footer-nav{--cbp-button-height:var(--cbp-space-11x);--cbp-button-border-radius:0;background-color:var(--cbp-color-gray-cool-60)}cbp-footer .cbp-footer-nav cbp-button{width:100%;--cbp-button-width:100%;--cbp-button-padding:var(--cbp-space-2x) var(--cbp-space-3x)}cbp-footer .cbp-footer-nav cbp-button *{justify-content:flex-start}cbp-footer .cbp-footer-content{color:var(--cbp-color-text-lighter);background-color:var(--cbp-color-gray-cool-70);font-size:var(--cbp-font-size-body);font-weight:var(--cbp-font-weight-regular);line-height:var(--cbp-line-height-xs);padding-block:var(--cbp-space-5x)}";
const CbpFooterStyle0 = cbpFooterCss;
const CbpFooter = class {
constructor(hostRef) {
registerInstance(this, hostRef);
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: 'bf0a4afa89889ee866004ce2103898f089eca5dc' }, h("footer", { key: '3b9c79667d3b8143538c7521b08aefc0768e6ff9' }, this.host.querySelector('[slot=cbp-footer-nav]') &&
h("div", { key: '64ddcf363f2283308c6e7b30a04836a5532fd4d2', class: "cbp-footer-nav" }, h("slot", { key: 'a1e4e1135cca658338bfa7d8106843aa005904e6', name: "cbp-footer-nav" })), h("div", { key: '76b4f79849ece76c62843d492245bf33acef8a81', class: "cbp-footer-content" }, h("slot", { key: '2c6da023487c8a9710546d28d2fba4572d908d3b' })))));
}
get host() { return getElement(this); }
};
CbpFooter.style = CbpFooterStyle0;
export { CbpFooter as cbp_footer };
//# sourceMappingURL=cbp-footer.entry.js.map