@cbpds/web-components
Version:
Web components for the CBP Design System.
5 lines • 2.41 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
import{p as e,H as a,h as r,c}from"./p-e7f1ba21.js";const s='cbp-universal-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;color-scheme:dark;color:var(--cbp-color-text-lightest);background-color:var(--cbp-color-branding-dhs-blue);min-height:var(--cbp-space-16x);width:100%;padding:0 var(--cbp-responsive-spacing-outer)}cbp-universal-header .cbp-universal-header__brand{align-items:center;display:flex}cbp-universal-header .cbp-universal-header__brand::after{content:"CBP";font-size:var(--cbp-font-size-heading-xl);margin-left:var(--cbp-space-2x)}cbp-universal-header .cbp-universal-header__content ul,cbp-universal-header .cbp-universal-header__content ol{display:flex;gap:var(--cbp-space-4x);list-style:none;margin:0;padding:0}cbp-universal-header .cbp-universal-header__content ul li,cbp-universal-header .cbp-universal-header__content ol li{display:inline}@media (min-width: 37.5em){cbp-universal-header{min-height:4rem}cbp-universal-header .cbp-universal-header__brand::after{content:""}}';const n=s;const t=e(class e extends a{constructor(){super();this.__registerHost();this.logoSrcLg="/assets/images/cbp-header-logo.svg";this.logoSrcSm="/assets/images/cbp-seal.svg"}render(){return r(c,{key:"03e0e80f4727031930b2ecb58b7187bbb7928cfe",role:"banner"},r("div",{key:"6f007e59e67bd81e685bf07874378af44583d15f",class:"cbp-universal-header__brand"},r("picture",{key:"8361c8d70d2ad696211d247c9a31b031efe7a81e"},r("source",{key:"cd992284a0432ad2ab815f45a41770cfa09c0ab9",srcSet:this.logoSrcSm,media:"(max-width: 37.5rem)",type:"image/svg+xml",height:44,width:44}),r("img",{key:"0ec53e7b66fec77913b23e8e40f9c3663bfb7294",src:this.logoSrcLg,alt:"U.S. Customs and Border Protection",height:"48",width:"162"}))),r("div",{key:"f2194f3623d5aede34cf3b97cdba74e7b6332ef7",class:"cbp-universal-header__content"},r("slot",{key:"070ae7bccdeec07724bae9ea2dfa33ce36c52bf1"})))}static get style(){return n}},[4,"cbp-universal-header",{logoSrcLg:[1,"logo-src-lg"],logoSrcSm:[1,"logo-src-sm"]}]);function i(){if(typeof customElements==="undefined"){return}const e=["cbp-universal-header"];e.forEach((e=>{switch(e){case"cbp-universal-header":if(!customElements.get(e)){customElements.define(e,t)}break}}))}const d=t;const l=i;export{d as CbpUniversalHeader,l as defineCustomElement};
//# sourceMappingURL=cbp-universal-header.js.map