@cbpds/web-components/dist/components/cbp-universal-header.js

Web components for the CBP Design System.

/*!
 * CPB Design System web components - built with Stencil
 */
import{p as e,H as a,h as r,c}from"./p-9caf8482.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:"4a8fdc6a1639f7ed8797734edf4e18aa56d83636",role:"banner"},r("div",{key:"1121158af417b57bb09d1e3769a9adea90a84077",class:"cbp-universal-header__brand"},r("picture",{key:"80d63f93b7c666ad62706777df29a67718bf7566"},r("source",{key:"cf1aa99f094bbaddcbe99ef2cabf584297962207",srcSet:this.logoSrcSm,media:"(max-width: 37.5rem)",type:"image/svg+xml",height:44,width:44}),r("img",{key:"27377556eea49410e4b1dcab9e6e21adc87eca06",src:this.logoSrcLg,alt:"U.S. Customs and Border Protection",height:"48",width:"162"}))),r("div",{key:"cb722dc5541ae07c9b497432117762c88aba2e32",class:"cbp-universal-header__content"},r("slot",{key:"7788035fe3c2c8562ac368914fac3e0d97fc8faf"})))}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