@utrecht/web-component-library-stencil/dist/esm/utrecht-top-task-link.entry.js

Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture

import { r as registerInstance, h } from './index-6be72d1f.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 = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        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' }))));
    }
};
TopTaskLink.style = UtrechtTopTaskLinkStyle0;

export { TopTaskLink as utrecht_top_task_link };

//# sourceMappingURL=utrecht-top-task-link.entry.js.map