@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) • 4.07 kB
JavaScript
import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
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);border-radius:var(--utrecht-toptask-link-border-radius);color:var(--utrecht-toptask-link-color);display:flex;flex-direction:column;font-family:var(--utrecht-toptask-link-font-family);font-size:var(--utrecht-toptask-link-font-size);font-weight:var(--utrecht-toptask-link-font-weight);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 H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
this.external = undefined;
this.href = undefined;
this.target = undefined;
}
render() {
return (h("a", { key: '6c36538bce3eefed7b3f7916bc1721569cbba7b1', class: "utrecht-toptask-link", href: this.href, rel: this.external ? 'external noopener noreferrer' : undefined, target: this.target }, h("span", { key: '2b644561e7c14f9394f3b65809f5761291df025b', class: "utrecht-toptask-link__icon" }, h("slot", { key: '9c387d8b5f723ec5f81a50ffa858a342ddec89b5', name: "icon" })), h("span", { key: 'cb334c1f480b51d712c0d2b0af1e79567df1e81f', class: "utrecht-toptask-link__title" }, h("slot", { key: '47ce86a9c24484f4d2dc636631c6e5ced544207d' }))));
}
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