@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.52 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 UtrechtIconUserStyle0 = generatedCss;
const UtrechtIconUser$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIconUser extends HTMLElement {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
}
render() {
return (h("svg", { key: '7e66ea054512551afc433777afd5ac0cb664c3a7', viewBox: "0 0 14 20", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '805ca9556ebcefa9cae431753cbaaf857d8c223e' }, h("clipPath", { key: 'f19deb6cc546062ce8536a875447b37178cfe7b3', id: "a" }, h("path", { key: '9bf72ca9b69f24e8cfee534d77e572b3a3bb9707', "stroke-width": "0", d: "M0 0h14v20H0z" }))), h("g", { key: '785f82ddc7bb930257fa230e43bd4874d0398dcd', "clip-path": "url(#a)" }, h("path", { key: '23703e427ef86549a14e1564eee5bc189587d170', "fill-rule": "evenodd", d: "M7 0C5.67 0 4.4.53 3.46 1.46 2.52 2.4 2 3.67 2 5s.53 2.6 1.46 3.54C4.4 9.48 5.67 10 7 10s2.6-.53 3.54-1.46C11.48 7.6 12 6.33 12 5s-.53-2.6-1.46-3.54A4.994 4.994 0 0 0 7 0M4.88 2.88C5.44 2.32 6.21 2 7 2s1.56.32 2.12.88S10 4.21 10 5s-.32 1.56-.88 2.12S7.79 8 7 8s-1.56-.32-2.12-.88S4 5.79 4 5s.32-1.56.88-2.12m-2 12C3.44 14.32 4.21 14 5 14h4c.8 0 1.56.32 2.12.88S12 16.21 12 17v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-1.33-.53-2.6-1.46-3.54A4.994 4.994 0 0 0 9 12H5c-1.33 0-2.6.53-3.54 1.46C.52 14.4 0 15.67 0 17v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.8.32-1.56.88-2.12" }))));
}
static get style() { return UtrechtIconUserStyle0; }
}, [1, "utrecht-icon-user"]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["utrecht-icon-user"];
components.forEach(tagName => { switch (tagName) {
case "utrecht-icon-user":
if (!customElements.get(tagName)) {
customElements.define(tagName, UtrechtIconUser$1);
}
break;
} });
}
const UtrechtIconUser = UtrechtIconUser$1;
const defineCustomElement = defineCustomElement$1;
export { UtrechtIconUser, defineCustomElement };
//# sourceMappingURL=utrecht-icon-user.js.map