@kelvininc/ui-components
Version:
Kelvin UI Components
20 lines (16 loc) • 1.75 kB
JavaScript
import { r as registerInstance, c as createEvent, h, H as Host } from './index-D-JVwta2.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) {
registerInstance(this, hostRef);
this.labelClick = createEvent(this, "labelClick", 7);
this.onLabelClick = event => {
this.labelClick.emit(event);
};
}
render() {
return (h(Host, { key: '38b649400b666852add95f609e672f183eae4b74' }, h("div", { key: '5c6dca20672fca2fea6ca30d7140656c1971f6b3', class: "link-container", part: "container" }, h("a", { key: '5ef0ad5d47387e43335693a3f3b8734ef9c9efeb', class: "label", href: this.href, target: this.target, onClick: this.onLabelClick }, this.label), this.subtitle && h("div", { key: 'f1fb4925a9ef0e30727b7284814385de8756a673', class: "subtitle" }, this.subtitle))));
}
};
KvLink.style = linkCss;
export { KvLink as kv_link };