@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 6.12 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 KvImpact$1 = /*@__PURE__*/ proxyCustomElement(class KvImpact extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: 'ba6809ce2f8314350dd3043264fd093446c4bd55' }, h("svg", { key: 'a3a6ee0ee7ae41dbfcbd06caf5f84f12b10c9df0', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 248 180", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("circle", { key: '3799a425aee8789f82fab9d23f27fc909a88c363', cx: "123.58", cy: "78.896", r: "68.844", fill: "#2A2A2A" }), h("rect", { key: '2c78515281111ef18c8ab7359502c86a02d42e47', width: "59.961", height: "59.961", x: "8.101", y: "72.234", fill: "#3F3F3F", rx: "2" }), h("path", { key: '6361599827acd7c3ba67cf1af874a3576db29b91', fill: "#707070", d: "M26.978 95.552h-4.442v24.378h4.442z" }), h("path", { key: 'b0804fe97378333725c1085f7703c8e47fc66052', fill: "#2A2A2A", d: "M26.978 103.325h-4.442v16.605h4.442z" }), h("path", { key: 'a4eef8178298664aec2578abc136159dc46aa433', fill: "#707070", d: "M35.86 99.993h-4.44v19.987h4.442z" }), h("path", { key: '36f7c87207506050c264de4c3bce0c788247a5bf', fill: "#2A2A2A", d: "M35.86 114.428h-4.44v5.552h4.442z" }), h("path", { key: '7b825d29938367c439fa4898d7e770f1ab5a2c17', fill: "#707070", d: "M44.744 94.441h-4.441v25.539h4.441z" }), h("path", { key: '41dfac229830ed270a63e0c938598616879102f1', fill: "#2A2A2A", d: "M44.744 106.656h-4.441v13.324h4.441z" }), h("path", { key: '01e127c6056274ce026e251d0cf0f0dadf9ceb4d', fill: "#707070", d: "M53.627 84.448h-4.442v35.532h4.442z" }), h("path", { key: '47671055e505fc39cf16f21c00a49977fb9280af', fill: "#2A2A2A", d: "M53.627 103.325h-4.442v16.655h4.442z" }), h("rect", { key: '5ea155fc45427121b1ccb623cd16eebc05019f39', width: "44.416", height: "43.305", x: "91.379", y: "132.195", fill: "#8358FE", rx: "2" }), h("path", { key: '9c7bcd04f720b417ec1b3ccb49e95f4431d7e56b', fill: "#E5E5E5", d: "M105.815 138.857h-7.773v6.663h7.773zm0 7.773h-7.773v6.662h7.773zm0 7.773h-7.773v6.662h7.773zm0 7.772h-7.773v6.663h7.773zm23.318-23.318h-22.208v6.663h22.208zm0 7.773h-22.208v6.662h22.208zm0 7.773h-22.208v6.662h22.208zm0 7.772h-22.208v6.663h22.208z" }), h("rect", { key: '7070185f378dfe1445aca0d3808a6364f78ae3f9', width: "45.526", height: "45.526", x: "108.035", y: "72.234", fill: "#3F3F3F", rx: "2" }), h("path", { key: 'f2ef654a39b0ac8f84e69fc3d15da96b1737b8e2', fill: "#E5E5E5", d: "M146.899 78.896h-15.545v15.546h15.545zm-16.656 0h-15.546v15.546h15.546z" }), h("path", { key: '53f798550f0f1a0a6a894512de7fa21121cc3418', fill: "#BEBEBE", d: "M130.243 86.669h-15.546v7.773h15.546zm16.656 0h-15.545v7.773h15.545z" }), h("path", { key: 'c36c083ce686df5ad22f3640ba542eef0fcdda50', fill: "#E5E5E5", d: "M146.899 95.552h-15.545v15.545h15.545zm-16.656 0h-15.546v15.545h15.546z" }), h("path", { key: '037f15e66cd1af1fb7da173df46afb097cb568f7', fill: "#BEBEBE", d: "M130.243 103.325h-15.546v7.772h15.546zm16.656 0h-15.545v7.772h15.545z" }), h("rect", { key: '53def3ad1d29b7241b5bdb50b30f9780be176e28', width: "53.299", height: "53.299", x: "41.412", y: "4.5", fill: "#8358FE", rx: "2" }), h("path", { key: '5c57de5d9653498b225a7a8f70b8d880481edf7c', fill: "#714ED3", d: "M85.827 31.15a17.766 17.766 0 1 1-17.766-17.767V31.15z" }), h("path", { key: '33bf3e1a3530728eb9c770bf59ce0d9b67ee2d39', fill: "#E5E5E5", d: "M85.827 31.15a17.767 17.767 0 0 1-26.502 15.47l8.736-15.47z" }), h("circle", { key: '65faf1a9da59f7201f546a183c91c989ea0c9000', cx: "68.061", cy: "31.149", r: "7.773", fill: "#8358FE" }), h("path", { key: 'b4bfcaa551a4cacee4d1f422c5dd17c8193e81ce', fill: "#E5E5E5", d: "M199.368 52.792A6.3 6.3 0 0 0 195.655 54c-1.543-3.642-5.141-6.194-9.337-6.194-5.286 0-9.619 4.048-10.095 9.216a5.23 5.23 0 0 0-4.088-1.973 5.256 5.256 0 0 0-5.249 5.261 5.256 5.256 0 0 0 5.249 5.262h27.24c3.519 0 6.374-2.862 6.374-6.39 0-3.526-2.855-6.389-6.374-6.389zm19.277-15.196a4 4 0 0 1 2.334.754 6.38 6.38 0 0 1 5.868-3.87c3.32 0 6.047 2.533 6.346 5.762a3.31 3.31 0 0 1 2.57-1.23 3.293 3.293 0 0 1 3.298 3.286 3.293 3.293 0 0 1-3.298 3.286h-17.125a3.996 3.996 0 0 1-4.005-3.99 3.996 3.996 0 0 1 4.005-3.99zm-63.914-9.509a3.33 3.33 0 0 0-1.913.604c-.796-1.82-2.644-3.094-4.805-3.094-2.717 0-4.944 2.027-5.192 4.61a2.74 2.74 0 0 0-2.103-.99c-1.49 0-2.702 1.181-2.702 2.632 0 1.45 1.212 2.631 2.702 2.631h14.006c1.811 0 3.279-1.429 3.279-3.193s-1.468-3.193-3.279-3.193z" }))));
}
static get style() { return illustrationsCss; }
}, [1, "kv-impact", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-impact"];
components.forEach(tagName => { switch (tagName) {
case "kv-impact":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvImpact$1);
}
break;
} });
}
defineCustomElement$1();
const KvImpact = KvImpact$1;
const defineCustomElement = defineCustomElement$1;
export { KvImpact, defineCustomElement };