@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.34 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 UtrechtIconListStyle0 = generatedCss;
const UtrechtIconList$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIconList extends HTMLElement {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
}
render() {
return (h("svg", { key: 'ce419625cc3873f9980b37e215f51924649544cb', viewBox: "0 0 17 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '42c7d350ac7e6a8005d121c5aace7df3d8d0f0ee' }, h("clipPath", { key: 'c3cb3ed95e44793d83a2e43cc51a1832f3fc061a', id: "a" }, h("path", { key: '9414c2c177c1254aeefee8122efaf247715b4d14', "stroke-width": "0", d: "M0 0h17v14H0z" }))), h("g", { key: '2aea3693ebf05675c895030c6ddc2a07221ef72b', "clip-path": "url(#a)" }, h("path", { key: 'e11ac3fd612c07a84fc2f7d356fa1075417116b1', "fill-rule": "evenodd", d: "M4 1c0-.56.45-1 1-1h11c.55 0 1 .45 1 1s-.45 1-1 1H5c-.55 0-1-.45-1-1M1 0c.55 0 1 .44 1 1s-.45 1.01-1 1.01-1-.45-1-1C0 .44.45 0 1 0m0 6a1.005 1.005 0 0 1 0 2.01A1.005 1.005 0 0 1 1 6m3 1c0-.55.45-1 1-1h11c.55 0 1 .45 1 1s-.45 1-1 1H5c-.55 0-1-.45-1-1m-3 5a1.005 1.005 0 0 1 0 2.01A1.005 1.005 0 0 1 1 12m3 1c0-.55.45-1 1-1h11c.55 0 1 .45 1 1s-.45 1-1 1H5c-.55 0-1-.45-1-1" }))));
}
static get style() { return UtrechtIconListStyle0; }
}, [1, "utrecht-icon-list"]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["utrecht-icon-list"];
components.forEach(tagName => { switch (tagName) {
case "utrecht-icon-list":
if (!customElements.get(tagName)) {
customElements.define(tagName, UtrechtIconList$1);
}
break;
} });
}
const UtrechtIconList = UtrechtIconList$1;
const defineCustomElement = defineCustomElement$1;
export { UtrechtIconList, defineCustomElement };
//# sourceMappingURL=utrecht-icon-list.js.map