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

Web components for the CBP Design System.

/*!
 * CPB Design System web components - built with Stencil
 */
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-2207639d.js');

const cbpUniversalHeaderCss = "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 CbpUniversalHeaderStyle0 = cbpUniversalHeaderCss;

const CbpUniversalHeader = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.logoSrcLg = "/assets/images/cbp-header-logo.svg";
        this.logoSrcSm = "/assets/images/cbp-seal.svg";
    }
    render() {
        return (index.h(index.Host, { key: '03e0e80f4727031930b2ecb58b7187bbb7928cfe', role: "banner" }, index.h("div", { key: '6f007e59e67bd81e685bf07874378af44583d15f', class: "cbp-universal-header__brand" }, index.h("picture", { key: '8361c8d70d2ad696211d247c9a31b031efe7a81e' }, index.h("source", { key: 'cd992284a0432ad2ab815f45a41770cfa09c0ab9', srcSet: this.logoSrcSm, media: "(max-width: 37.5rem)", type: "image/svg+xml", height: 44, width: 44 }), index.h("img", { key: '0ec53e7b66fec77913b23e8e40f9c3663bfb7294', src: this.logoSrcLg, alt: "U.S. Customs and Border Protection", height: "48", width: "162" }))), index.h("div", { key: 'f2194f3623d5aede34cf3b97cdba74e7b6332ef7', class: "cbp-universal-header__content" }, index.h("slot", { key: '070ae7bccdeec07724bae9ea2dfa33ce36c52bf1' }))));
    }
};
CbpUniversalHeader.style = CbpUniversalHeaderStyle0;

exports.cbp_universal_header = CbpUniversalHeader;

//# sourceMappingURL=cbp-universal-header.cjs.entry.js.map