@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 2.8 kB
JavaScript
import { H as proxyCustomElement, I as H, K as h, L as Host } from './p-BP5CxQcH.js';
import { a as getClassMap } from './p-DCOsOAOy.js';
const illustrationsCss = "@property --rotation{syntax:\"<angle>\";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}kv-dropdown-base:not(.hydrated)>[slot=list]{display:none}.illustration{width:var(--illustration-width);height:var(--illustration-height);display:flex}.illustration-full-size{width:100%;height:100%}";
const KvEsKelvinLogo$1 = /*@__PURE__*/ proxyCustomElement(class KvEsKelvinLogo extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: 'f570ce8212f19060522c859b2164ab2104a2af49' }, h("svg", { key: 'aa9b9698e7afec50af4763c08de76337f5926eca', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", fill: "none", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("path", { key: 'ab22dda287d96905a05b72af0b3785d7a8446eed', fill: "url(#a)", "fill-rule": "evenodd", d: "M16.002 0C7.177 0 0 7.178 0 16s7.177 16 16 16 16-7.178 16-16S24.824 0 16.002 0m0 30.897C7.786 30.897 1.104 24.214 1.104 16S7.786 1.103 16.002 1.103 30.896 7.787 30.896 16s-6.681 14.897-14.894 14.897M23.35 8.48 15.825 16l7.526 7.518h-1.462l-7.435-7.289v7.289H13.29V8.48h1.163v7.286l7.293-7.286zm-13.293.537a.864.864 0 0 1-.864.864.87.87 0 0 1-.864-.864c0-.47.396-.867.864-.867.469 0 .864.39.864.867", "clip-rule": "evenodd" }), h("defs", { key: '1cda54304c00b00e44cfbf32b2f8972a5208b18c' }, h("linearGradient", { key: 'd3626c56c9f9958e7ce15b2e2e26803a4f3fbdbc', id: "a", x1: "0", x2: "33.5", y1: "16", y2: "16", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '5610467022033d212a0cfa5c06d57111e4b62f5b', "stop-color": "var(--navigation-logo-color-subtle)" }), h("stop", { key: '4c775533be212b6ba5c6449d0f3c866a84148ed9', offset: "1", "stop-color": "var(--navigation-logo-color-default)" }))))));
}
static get style() { return illustrationsCss; }
}, [257, "kv-es-kelvin-logo", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-es-kelvin-logo"];
components.forEach(tagName => { switch (tagName) {
case "kv-es-kelvin-logo":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvEsKelvinLogo$1);
}
break;
} });
}
defineCustomElement$1();
const KvEsKelvinLogo = KvEsKelvinLogo$1;
const defineCustomElement = defineCustomElement$1;
export { KvEsKelvinLogo, defineCustomElement };