@cbpds/web-components
Version:
Web components for the CBP Design System.
35 lines (29 loc) • 2.29 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
;
Object.defineProperty(exports, '__esModule', { value: true });
const index = require('./index-cd71cbd5.js');
const utils = require('./utils-99c9e716.js');
const cbpFooterCss = "cbp-footer{display:block}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);padding-inline:var(--cbp-responsive-spacing-outer)}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-nav .cbp-flex-linearized cbp-flex-item,cbp-footer .cbp-footer-nav cbp-flex-item:first-of-type{margin-inline-start:calc(-1 * var(--cbp-space-3x))}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:var(--cbp-space-5x) var(--cbp-responsive-spacing-outer)}";
const CbpFooterStyle0 = cbpFooterCss;
const CbpFooter = class {
constructor(hostRef) {
index.registerInstance(this, hostRef);
this.sx = {};
}
componentWillLoad() {
if (typeof this.sx == 'string') {
this.sx = JSON.parse(this.sx) || {};
}
utils.setCSSProps(this.host, Object.assign({}, this.sx));
}
render() {
return (index.h(index.Host, { key: '40b4492db2e476d2d4e40e71d9517d64bef2fea0' }, index.h("footer", { key: '6109b978afc9347c8bb0fec188dd794385b940bf' }, this.host.querySelector('[slot=cbp-footer-nav]') &&
index.h("div", { key: '6c3216a031ad80594cfffb0c615c99a0278696fb', class: "cbp-footer-nav" }, index.h("slot", { key: '7ec4ef94af2a9036c84c2152f3d586a31a35f1cf', name: "cbp-footer-nav" })), index.h("div", { key: '76b2dece2e9de29b30536585563d67518156ce8c', class: "cbp-footer-content" }, index.h("slot", { key: '866a46f3426906bb676d643cadc2370dc1b04146' })))));
}
get host() { return index.getElement(this); }
};
CbpFooter.style = CbpFooterStyle0;
exports.cbp_footer = CbpFooter;
//# sourceMappingURL=cbp-footer.cjs.entry.js.map