@kelvininc/ui-components/dist/cjs/kv-link.cjs.entry.js

Kelvin UI Components

'use strict';

var index = require('./index-DpuMIXDY.js');

const linkCss = "@property --rotation{syntax:\"<angle>\";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}:host .link-container{display:flex;flex-direction:column}:host .link-container .label{font-family:var(--kv-primary-font, \"proxima-nova\", sans-serif, \"Arial\");font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:21px;letter-spacing:normal;text-transform:none;text-decoration:none;user-select:none;color:var(--kv-text, #fff);cursor:pointer}:host .link-container .label:hover{color:var(--kv-primary, #005cc7);text-decoration:underline}:host .link-container .subtitle{font-family:var(--kv-primary-font, \"proxima-nova\", sans-serif, \"Arial\");font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:18px;letter-spacing:normal;text-transform:none;color:var(--kv-text, #fff)}";

const KvLink = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.labelClick = index.createEvent(this, "labelClick", 7);
        this.onLabelClick = event => {
            this.labelClick.emit(event);
        };
    }
    render() {
        return (index.h(index.Host, { key: '38b649400b666852add95f609e672f183eae4b74' }, index.h("div", { key: '5c6dca20672fca2fea6ca30d7140656c1971f6b3', class: "link-container", part: "container" }, index.h("a", { key: '5ef0ad5d47387e43335693a3f3b8734ef9c9efeb', class: "label", href: this.href, target: this.target, onClick: this.onLabelClick }, this.label), this.subtitle && index.h("div", { key: 'f1fb4925a9ef0e30727b7284814385de8756a673', class: "subtitle" }, this.subtitle))));
    }
};
KvLink.style = linkCss;

exports.kv_link = KvLink;