@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 3.96 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 KvEsKelvinLogotype$1 = /*@__PURE__*/ proxyCustomElement(class KvEsKelvinLogotype extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '3b11be7aa05b790c8ced5afa5050562b0e749913' }, h("svg", { key: 'f83c14105fb4546d7277d92c60b093c92edee748', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 99 32", fill: "none", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("path", { key: '15b750a07ea6019a08edf06c6eb2e0fad8d9f41b', fill: "url(#a)", "fill-rule": "evenodd", d: "M16.044 0C7.196 0 0 7.178 0 16s7.196 16 16.043 16 16.042-7.178 16.042-16S24.89 0 16.045 0m0 30.897C7.807 30.897 1.107 24.214 1.107 16s6.7-14.897 14.937-14.897S30.978 7.787 30.978 16s-6.7 14.897-14.934 14.897M23.413 8.48 15.867 16l7.546 7.518h-1.465l-7.456-7.289v7.289h-1.165V8.48h1.165v7.286l7.312-7.286zM52.7 8.418l-7.455 7.428 7.455 7.429h-1.447l-7.365-7.201v7.2h-1.151V8.419h1.15v7.197l7.224-7.197zm-42.616.599a.866.866 0 0 1-1.733 0c0-.47.397-.867.867-.867s.866.39.866.867m74.831 1.123a.85.85 0 0 1-1.7 0c0-.46.39-.85.85-.85s.85.381.85.85m-1.369 2.213h1.14v11.061h-1.14zm12.744 3.438v7.623h-1.14v-7.623c0-1.843-.749-2.63-2.505-2.63-1.396 0-2.846.94-3.513 1.831v8.421h-1.141v-11.06h1.141v1.3c.803-.75 2.171-1.563 3.602-1.563 2.395 0 3.558 1.21 3.558 3.7m-16.317-3.438h1.294l-4.751 11.061H75.43l-.021-.049-4.733-11.012h1.293l.022.05 3.99 9.386zm-13.119-4.03h1.142v15.091h-1.142zM58.97 12.09c-2.932 0-5.227 2.538-5.227 5.782s2.29 5.805 5.445 5.805c1.715 0 3.028-.57 4.259-1.85l.16-.165-.73-.768-.176.186c-.963 1.025-2.114 1.523-3.514 1.523-2.32 0-4.04-1.754-4.205-4.273h9.147v-.46c0-3.994-2.591-5.782-5.16-5.782zm-3.985 5.169c.154-2.001 1.58-4.097 3.962-4.097 2.499 0 3.888 2.048 3.99 4.097zm42.742-7.163h-.25V9.82h.25c.084 0 .153.053.153.137s-.07.138-.153.138zm-.25.684v-.416h.163l.206.416h.364l-.25-.45a.37.37 0 0 0 .244-.368c0-.229-.155-.409-.427-.409h-.617v1.227zm.168-1.622a1.028 1.028 0 1 0 0 2.055 1.028 1.028 0 1 0 0-2.055m0-.324a1.353 1.353 0 1 1 0 2.703 1.353 1.353 0 0 1-1.355-1.351c0-.747.606-1.352 1.355-1.352", "clip-rule": "evenodd" }), h("defs", { key: 'f27179d0c09f161dcae7f71732612deca3a40e7c' }, h("linearGradient", { key: 'bbfa8e90edb060c0636def5647c069796ccdd464', id: "a", x1: "0", x2: "99", y1: "16", y2: "16", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'c3e452d2ed511438535714d6962bbe89b545bb80', "stop-color": "var(--navigation-logo-color-subtle)" }), h("stop", { key: '678d9d0b280f6510535f1ec34dcb0b194581bbf4', offset: "1", "stop-color": "var(--navigation-logo-color-default)" }))))));
}
static get style() { return illustrationsCss; }
}, [257, "kv-es-kelvin-logotype", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-es-kelvin-logotype"];
components.forEach(tagName => { switch (tagName) {
case "kv-es-kelvin-logotype":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvEsKelvinLogotype$1);
}
break;
} });
}
defineCustomElement$1();
const KvEsKelvinLogotype = KvEsKelvinLogotype$1;
const defineCustomElement = defineCustomElement$1;
export { KvEsKelvinLogotype, defineCustomElement };