@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 c,c as r}from"./p-c5a784ab.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-15x);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:5.5rem}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 c(r,{key:"6cf38241b486288ca1bddc30ca4ac5fd6718a6aa",role:"banner"},c("div",{key:"84b05e0c4b2d6c2d7fbd8cb569e69e65731b1b75",class:"cbp-universal-header__brand"},c("picture",{key:"7480e9cb652afcf73970730c6e778f7ddd146ef9"},c("source",{key:"ca115846b036a2bb61866673801397e30eeff5f5",srcSet:this.logoSrcSm,media:"(max-width: 37.5rem)",type:"image/svg+xml",height:44,width:44}),c("img",{key:"2d6678d3ca42c2290ab4a2685f95901c79d74163",src:this.logoSrcLg,alt:"U.S. Customs and Border Protection",height:"55",width:"186"}))),c("div",{key:"d2b591398309cce0e650a9873db1463694d92433",class:"cbp-universal-header__content"},c("slot",{key:"cd95d7c9027d1050aed311609173b2ac1f2e8ca4"})))}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