@utrecht/web-component-library-stencil
Version:
Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture
36 lines (31 loc) • 2.6 kB
JavaScript
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
const generatedCss = ":host{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start, 0);position:relative}svg{height:100%;pointer-events:none;width:100%}";
const UtrechtIconWhatsappStyle0 = generatedCss;
const UtrechtIconWhatsapp$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIconWhatsapp extends HTMLElement {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
}
render() {
return (h("svg", { key: 'ae51f3b22d18ae910be2072c5587edf872d96aaf', viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("path", { key: '26a4b9e118a0d162751b0253c9a6a7e4565001da', d: "M30.69 5.24A17.822 17.822 0 0 0 18.03 0C8.19 0 .15 7.99.15 17.84c0 3.16.81 6.2 2.38 8.92L0 36l9.47-2.49c2.61 1.42 5.55 2.17 8.54 2.17 9.84 0 17.89-7.99 17.89-17.84.03-4.72-1.83-9.21-5.2-12.6ZM18.06 32.7c-2.67 0-5.29-.72-7.58-2.06l-.55-.32L4.3 31.8l1.51-5.47-.35-.55c-1.48-2.35-2.27-5.1-2.27-7.88 0-8.17 6.68-14.83 14.87-14.83 3.98 0 7.7 1.53 10.51 4.34s4.36 6.52 4.36 10.48c-.03 8.14-6.68 14.8-14.87 14.8Zm8.13-11.09c-.44-.23-2.64-1.3-3.05-1.45-.41-.14-.7-.23-1.02.23-.29.43-1.16 1.45-1.42 1.74-.26.29-.52.35-.96.12-.44-.23-1.89-.7-3.6-2.2a14.009 14.009 0 0 1-2.47-3.13c-.26-.43-.03-.67.2-.9.2-.2.44-.52.67-.78.23-.26.29-.43.44-.75.17-.29.09-.55-.03-.78-.12-.2-.99-2.4-1.36-3.3-.35-.87-.73-.75-1.02-.75-.26 0-.55-.03-.84-.03s-.78.12-1.19.55c-.44.46-1.57 1.53-1.57 3.74s1.6 4.32 1.83 4.6c.23.29 3.14 4.81 7.64 6.72 1.07.46 1.89.72 2.56.93 1.07.35 2.03.29 2.82.17.87-.12 2.64-1.07 3.02-2.11.38-1.04.38-1.94.26-2.11-.15-.17-.44-.29-.9-.49Z" })));
}
static get style() { return UtrechtIconWhatsappStyle0; }
}, [1, "utrecht-icon-whatsapp"]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["utrecht-icon-whatsapp"];
components.forEach(tagName => { switch (tagName) {
case "utrecht-icon-whatsapp":
if (!customElements.get(tagName)) {
customElements.define(tagName, UtrechtIconWhatsapp$1);
}
break;
} });
}
const UtrechtIconWhatsapp = UtrechtIconWhatsapp$1;
const defineCustomElement = defineCustomElement$1;
export { UtrechtIconWhatsapp, defineCustomElement };
//# sourceMappingURL=utrecht-icon-whatsapp.js.map