@utrecht/web-component-library-stencil
Version:
Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture
39 lines (34 loc) • 2.42 kB
JavaScript
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
const generatedDirectionInheritCss = ":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%}:host([direction=inherit]:dir(rtl)){--utrecht-icon-scale-x:-1}svg{transform:scaleX(var(--utrecht-icon-scale-x, 1))}";
const UtrechtIconChevronRightStyle0 = generatedDirectionInheritCss;
const UtrechtIconChevronRight$1 = /*@__PURE__*/ proxyCustomElement(class UtrechtIconChevronRight extends HTMLElement {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
this.direction = 'inherit';
}
render() {
return (h("svg", { key: '20293129a833c9a63cac9fda34951f492c8b6a5a', viewBox: "0 0 8 14", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", height: "1em", width: "1em" }, h("defs", { key: '89f5a75a2b5d98349d1c7ebdd2f6295a703e4383' }, h("clipPath", { key: '9dc60e85945930e5f415395fa1daf1465a6f50f8', id: "a" }, h("path", { key: '60a00c7d64ddee7280c57d6dca8d0f98ea678349', "stroke-width": "0", d: "M0 0h8v14H0z" }))), h("g", { key: 'a16884384348e5c7b182b5f1c5c516c497e16697', "clip-path": "url(#a)" }, h("path", { key: '2315f3ad444964a4f5d473be6f41100e75d37c5a', d: "M1 14c-.26 0-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l5.29-5.29-5.29-5.3C-.1 1.32-.1.68.29.29s1.03-.39 1.42 0l6 6c.39.39.39 1.02 0 1.41l-6 6.01c-.2.2-.45.29-.71.29" }))));
}
static get style() { return UtrechtIconChevronRightStyle0; }
}, [1, "utrecht-icon-chevron-right", {
"direction": [513]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["utrecht-icon-chevron-right"];
components.forEach(tagName => { switch (tagName) {
case "utrecht-icon-chevron-right":
if (!customElements.get(tagName)) {
customElements.define(tagName, UtrechtIconChevronRight$1);
}
break;
} });
}
const UtrechtIconChevronRight = UtrechtIconChevronRight$1;
const defineCustomElement = defineCustomElement$1;
export { UtrechtIconChevronRight, defineCustomElement };
//# sourceMappingURL=utrecht-icon-chevron-right.js.map