@cbpds/web-components
Version:
Web components for the CBP Design System.
5 lines • 2.22 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
import{p as o,H as t,h as c,c as e}from"./p-e7f1ba21.js";import{s as r}from"./p-9c1b2f31.js";const b="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)}cbp-footer .cbp-footer-content cbp-link{--cbp-link-color-dark:var(--cbp-color-blue-20)}";const p=b;const n=o(class o extends t{constructor(){super();this.__registerHost();this.sx={}}componentWillLoad(){if(typeof this.sx=="string"){this.sx=JSON.parse(this.sx)||{}}r(this.host,Object.assign({},this.sx))}render(){return c(e,{key:"40b4492db2e476d2d4e40e71d9517d64bef2fea0"},c("footer",{key:"6109b978afc9347c8bb0fec188dd794385b940bf"},this.host.querySelector("[slot=cbp-footer-nav]")&&c("div",{key:"6c3216a031ad80594cfffb0c615c99a0278696fb",class:"cbp-footer-nav"},c("slot",{key:"7ec4ef94af2a9036c84c2152f3d586a31a35f1cf",name:"cbp-footer-nav"})),c("div",{key:"76b2dece2e9de29b30536585563d67518156ce8c",class:"cbp-footer-content"},c("slot",{key:"866a46f3426906bb676d643cadc2370dc1b04146"}))))}get host(){return this}static get style(){return p}},[4,"cbp-footer",{sx:[8]}]);function a(){if(typeof customElements==="undefined"){return}const o=["cbp-footer"];o.forEach((o=>{switch(o){case"cbp-footer":if(!customElements.get(o)){customElements.define(o,n)}break}}))}const s=n;const f=a;export{s as CbpFooter,f as defineCustomElement};
//# sourceMappingURL=cbp-footer.js.map