@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 4.01 kB
JavaScript
import { p as proxyCustomElement, H, h, e as Host } from './p-D6GMjtmE.js';
import { g as getClassMap } from './p-DKOxy79t.js';
const illustrationsCss = "@property --rotation{syntax:\"<angle>\";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}.illustration{--illustration-color:var(--kv-illustrations-color, #005cc7);--illustration-color-light-90:var(--kv-illustrations-color-light-90, rgb(228.225, 237.885, 249.12));--illustration-color-light-80:var(--kv-illustrations-color-light-80, rgb(200.175, 219.955, 242.96));--illustration-color-dark-55:var(--kv-illustrations-color-dark-55, rgb(0, 41.86, 90.545));--illustration-color-dark-35:var(--kv-illustrations-color-dark-35, rgb(0, 58.88, 127.36));--illustration-success-color:var(--kv-illustrations-success-color, #05a357);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: 'fc512e9c358d9d7da0839d60db0020a10aca2608' }, h("svg", { key: '1245ab4186879c81aa6dc3c2db57a5bc4f1c70bc', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 928 308", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("path", { key: 'b8999472345605ed2dc1add8a87e6bdd5dd9fe3f', fill: "#FFF", d: "M151.16 4C68.43 4 1.14 71.29 1.14 154s67.29 150 150.01 150 150-67.29 150-150S233.87 4 151.16 4m0 289.66c-77.02 0-139.67-62.65-139.67-139.66S74.14 14.34 151.16 14.34 290.8 77 290.8 154s-62.64 139.66-139.64 139.66m68.9-210.16L149.5 154l70.56 70.48h-13.7l-69.71-68.33v68.33h-10.9V83.5h10.9v68.31l68.37-68.31zm273.86-.58-69.71 69.64 69.71 69.64h-13.53l-68.87-67.51v67.51h-10.76V82.92h10.76v67.47l67.54-67.47zM95.44 88.53c0 4.47-3.63 8.1-8.1 8.1s-8.1-3.7-8.1-8.1 3.71-8.12 8.1-8.12 8.1 3.65 8.1 8.12m699.71 10.53c0 4.38-3.57 7.94-7.95 7.94s-7.95-3.63-7.95-7.94 3.65-7.96 7.95-7.96 7.95 3.57 7.95 7.96m-12.8 20.75h10.66v103.7h-10.66zm119.16 32.23v71.47h-10.67v-71.47c0-17.28-7-24.65-23.42-24.65-13.06 0-26.61 8.81-32.85 17.16v78.95H823.9V119.81h10.67v12.18c7.51-7.03 20.3-14.65 33.68-14.65 22.39 0 33.27 11.35 33.27 34.7Zm-152.57-32.23h12.1l-44.43 103.7h-10.17l-.2-.46-44.25-103.24h12.09l.2.46 37.32 88 37.33-88.46ZM626.27 82.02h10.68v141.49h-10.68V82.03Zm-73.73 35.32c-27.42 0-48.88 23.8-48.88 54.21s21.42 54.42 50.92 54.42c16.03 0 28.31-5.35 39.82-17.34l1.49-1.55-6.82-7.2-1.64 1.74c-9.01 9.61-19.77 14.28-32.86 14.28-21.7 0-37.78-16.44-39.32-40.06h85.53v-4.3c0-37.45-24.23-54.21-48.25-54.21Zm-37.26 48.46c1.44-18.76 14.77-38.41 37.04-38.41 23.37 0 36.36 19.2 37.32 38.41zm399.66-67.15h-2.34v-2.59h2.34c.78 0 1.43.5 1.43 1.29s-.66 1.29-1.43 1.29Zm-2.34 6.41v-3.9h1.52l1.93 3.9h3.4l-2.34-4.22c1.07-.38 2.29-1.45 2.29-3.45 0-2.14-1.45-3.83-4-3.83h-5.76v11.5h2.97Zm1.57-15.2c-5.32 0-9.63 4.31-9.63 9.63s4.31 9.63 9.63 9.63 9.63-4.31 9.63-9.63-4.31-9.63-9.63-9.63m0-3.04c7 0 12.67 5.67 12.67 12.67s-5.67 12.67-12.67 12.67-12.67-5.67-12.67-12.67 5.67-12.67 12.67-12.67" }))));
}
static get style() { return illustrationsCss; }
}, [1, "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 };