@cbpds/web-components
Version:
Web components for the CBP Design System.
66 lines (65 loc) • 2.92 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
import { Host, h } from "@stencil/core";
export class CbpUniversalHeader {
constructor() {
this.logoSrcLg = "/assets/images/cbp-header-logo.svg";
this.logoSrcSm = "/assets/images/cbp-seal.svg";
}
render() {
return (h(Host, { key: '4a8fdc6a1639f7ed8797734edf4e18aa56d83636', role: "banner" }, h("div", { key: '1121158af417b57bb09d1e3769a9adea90a84077', class: "cbp-universal-header__brand" }, h("picture", { key: '80d63f93b7c666ad62706777df29a67718bf7566' }, h("source", { key: 'cf1aa99f094bbaddcbe99ef2cabf584297962207', srcSet: this.logoSrcSm, media: "(max-width: 37.5rem)", type: "image/svg+xml", height: 44, width: 44 }), h("img", { key: '27377556eea49410e4b1dcab9e6e21adc87eca06', src: this.logoSrcLg, alt: "U.S. Customs and Border Protection", height: "48", width: "162" }))), h("div", { key: 'cb722dc5541ae07c9b497432117762c88aba2e32', class: "cbp-universal-header__content" }, h("slot", { key: '7788035fe3c2c8562ac368914fac3e0d97fc8faf' }))));
}
static get is() { return "cbp-universal-header"; }
static get originalStyleUrls() {
return {
"$": ["cbp-universal-header.scss"]
};
}
static get styleUrls() {
return {
"$": ["cbp-universal-header.css"]
};
}
static get properties() {
return {
"logoSrcLg": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Fully qualified or relative URL pointing to the larger SVG containing the CPB seal with text."
},
"attribute": "logo-src-lg",
"reflect": false,
"defaultValue": "\"/assets/images/cbp-header-logo.svg\""
},
"logoSrcSm": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "Fully qualified or relative URL pointing to the plain SVG version of the CPB seal for smaller screens (\"CBP\" text is supplied via CSS automatically)."
},
"attribute": "logo-src-sm",
"reflect": false,
"defaultValue": "\"/assets/images/cbp-seal.svg\""
}
};
}
}
//# sourceMappingURL=cbp-universal-header.js.map