@utrecht/web-component-library-stencil
Version:
Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture
43 lines (38 loc) • 3.93 kB
JavaScript
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
const topTaskLinkCss = ".utrecht-toptask-link{--utrecht-icon-color:currentColor;--utrecht-icon-size:var(--utrecht-toptask-link-icon-size);background-color:var(--utrecht-toptask-link-background-color);color:var(--utrecht-toptask-link-color);display:flex;flex-direction:column;font-size:var(--utrecht-toptask-link-font-size);line-height:var(--utrecht-toptask-link-line-height);max-inline-size:var(--utrecht-toptask-link-max-inline-size);min-block-size:var(--utrecht-toptask-link-min-block-size);min-inline-size:var(--utrecht-toptask-link-min-inline-size);padding-block-end:var(--utrecht-toptask-link-padding-block-end);padding-block-start:var(--utrecht-toptask-link-padding-block-start);padding-inline-end:var(--utrecht-toptask-link-padding-inline-end);padding-inline-start:var(--utrecht-toptask-link-padding-inline-start);text-decoration:none}.utrecht-toptask-link--hover,.utrecht-toptask-link:hover{background-color:var(--utrecht-toptask-link-hover-background-color, var(--utrecht-toptask-link-background-color));color:var(--utrecht-toptask-link-hover-color, var(--utrecht-toptask-link-color));transform:var(--utrecht-toptask-link-hover-transform-scale, 1)}.utrecht-toptask-link--focus-visible,.utrecht-toptask-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-toptask-link--focus,.utrecht-toptask-link:focus{background-color:var(--utrecht-toptask-link-focus-background-color, var(--utrecht-toptask-link-background-color));color:var(--utrecht-toptask-link-focus-color, var(--utrecht-toptask-link-color))}.utrecht-toptask-link__title{display:block}.utrecht-toptask-link__icon{display:block;padding-block-end:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-md)}:host{display:block}:host([hidden]){display:none !important}";
const UtrechtTopTaskLinkStyle0 = topTaskLinkCss;
const TopTaskLink = /*@__PURE__*/ proxyCustomElement(class TopTaskLink extends HTMLElement {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
this.external = undefined;
this.href = undefined;
this.target = undefined;
}
render() {
return (h("a", { key: '619957207adb698a69072f17ca15c0d68f91b5e7', class: "utrecht-toptask-link", href: this.href, rel: this.external ? 'external noopener noreferrer' : undefined, target: this.target }, h("span", { key: '0dc2d50eeb85cbce291df0242c5cd186561e2f0d', class: "utrecht-toptask-link__icon" }, h("slot", { key: '0a4622ddb6c0d3144ecac7064647226628dd6e3a', name: "icon" })), h("span", { key: '8d01a36aaaa6c9f30922c02f2664a0033c3f47e7', class: "utrecht-toptask-link__title" }, h("slot", { key: 'cdb677480512877fbd7430b09aea03057b060c98' }))));
}
static get style() { return UtrechtTopTaskLinkStyle0; }
}, [1, "utrecht-top-task-link", {
"external": [4],
"href": [1],
"target": [1]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["utrecht-top-task-link"];
components.forEach(tagName => { switch (tagName) {
case "utrecht-top-task-link":
if (!customElements.get(tagName)) {
customElements.define(tagName, TopTaskLink);
}
break;
} });
}
const UtrechtTopTaskLink = TopTaskLink;
const defineCustomElement = defineCustomElement$1;
export { UtrechtTopTaskLink, defineCustomElement };
//# sourceMappingURL=utrecht-top-task-link.js.map