@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 12.6 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 KvColorCircle$1 = /*@__PURE__*/ proxyCustomElement(class KvColorCircle extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '6697c598ba411d51ac10beb3ef6fe6ba4b7267cc' }, h("svg", { key: '37431ecc68fea4a2cd21872c4bf6590339df0b1f', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 198.02 198.02", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("g", { key: 'aaae73f410e404fc5834e303b4590bae41ec9b30', opacity: "0.5" }, h("path", { key: 'c781494b81532ab439010892e8ce8b6086a9db0b', fill: "transparent", d: "M96.23 195.14a2.89 2.89 0 0 1 2.89-2.88 2.89 2.89 0 0 1 2.88 2.88 2.89 2.89 0 0 1-2.88 2.86 2.89 2.89 0 0 1-2.89-2.86m-9.7 2.06A2.86 2.86 0 0 1 84 194a2.86 2.86 0 0 1 3.22-2.48 2.87 2.87 0 0 1 2.5 3.21 2.88 2.88 0 0 1-2.86 2.51zm22.27-2.51a2.87 2.87 0 0 1 2.49-3.22 2.87 2.87 0 0 1 3.22 2.47 2.88 2.88 0 0 1-2.48 3.24h-.38a2.88 2.88 0 0 1-2.85-2.49" }), h("path", { key: '70e7696966ad9da65c3f7e44cc78b6cc4f105b8d', fill: "#285ba7", d: "M73.5 194.71a2.88 2.88 0 0 1-2-3.52 2.89 2.89 0 0 1 3.5-2.05 2.9 2.9 0 0 1 2 3.53 2.9 2.9 0 0 1-2.79 2.14 2.7 2.7 0 0 1-.71-.1" }), h("path", { key: 'de3dc6f880061ea88e0b6255098f62f930f3b288', fill: "#dd3d26", d: "M121.21 192.62a2.87 2.87 0 0 1 2-3.53 2.88 2.88 0 0 1 3.53 2 2.88 2.88 0 0 1-2 3.53 2.8 2.8 0 0 1-.75.1 2.87 2.87 0 0 1-2.78-2.1" }), h("path", { key: 'adf7173fbeb766e5b8375a77d8229e2a8d2de90d', fill: "#285ba7", d: "M61.22 190.56a2.86 2.86 0 0 1-1.56-3.76 2.87 2.87 0 0 1 3.76-1.55A2.85 2.85 0 0 1 65 189a2.88 2.88 0 0 1-2.66 1.79 2.7 2.7 0 0 1-1.12-.23" }), h("path", { key: '15395923cf30acbc76beb391dbd7dd6e11bd9eaf', fill: "#dd3926", d: "M133.22 189.39a2.89 2.89 0 0 1 1.56-3.76 2.88 2.88 0 0 1 3.77 1.55 2.88 2.88 0 0 1-1.55 3.76 2.9 2.9 0 0 1-1.11.23 2.89 2.89 0 0 1-2.67-1.78" }), h("path", { key: 'd270893cbbf3f9dd445e1164ac86479b405a5b70', fill: "#285da7", d: "M49.6 184.86a2.89 2.89 0 0 1-1.06-3.94 2.88 2.88 0 0 1 3.94-1 2.87 2.87 0 0 1 1.05 3.93 2.88 2.88 0 0 1-2.5 1.44 2.94 2.94 0 0 1-1.43-.43" }), h("path", { key: '8578f2d6e6140b1e017f1119524c2ad3f46b4e5c', fill: "#dd3926", d: "M144.65 183.7a2.87 2.87 0 0 1 1-3.93 2.88 2.88 0 0 1 3.94 1 2.87 2.87 0 0 1-1 3.93 2.8 2.8 0 0 1-1.44.39 2.87 2.87 0 0 1-2.5-1.39" }), h("path", { key: '742962559836b96cdb31cf65058f8a224f12f984', fill: "#285fa6", d: "M38.83 177.68a2.88 2.88 0 0 1-.54-4 2.88 2.88 0 0 1 4-.54 2.89 2.89 0 0 1 .54 4 2.89 2.89 0 0 1-2.3 1.12 2.87 2.87 0 0 1-1.7-.58" }), h("path", { key: '336a8943e8202a63202518fe429d3cec778234fa', fill: "#dd3926", d: "M155.3 177a2.88 2.88 0 0 1 .52-4 2.9 2.9 0 0 1 4.05.51 2.87 2.87 0 0 1-.53 4 2.84 2.84 0 0 1-1.75.61 2.93 2.93 0 0 1-2.29-1.12" }), h("path", { key: '0c82f7181eb76d711aee56fc98f09c23848ff8c2', fill: "#2862a5", d: "M29.09 169.16a2.86 2.86 0 0 1 0-4.07 2.87 2.87 0 0 1 4.07 0 2.86 2.86 0 0 1 0 4.07 2.88 2.88 0 0 1-2 .84 2.87 2.87 0 0 1-2.07-.84" }), h("path", { key: '1ec9ebbd097fbc99849b4145d30a4db59cb35b6e', fill: "#dd3d26", d: "M165 169a2.88 2.88 0 0 1 0-4.07 2.89 2.89 0 0 1 4.09 0 2.87 2.87 0 0 1 0 4.06 2.88 2.88 0 0 1-2 .85A2.88 2.88 0 0 1 165 169" }), h("path", { key: '62957106fbe7175e99a81fbe915343e510caebce', fill: "#2865a5", d: "M20.53 159.46a2.88 2.88 0 0 1 .52-4 2.89 2.89 0 0 1 4.05.53 2.88 2.88 0 0 1-.52 4 2.9 2.9 0 0 1-1.76.59 2.88 2.88 0 0 1-2.29-1.12" }), h("path", { key: '7178076609aedc2ca41719a7607ff19ce1c06b0c', fill: "#e05026", d: "M173.56 159.84a2.88 2.88 0 0 1-.53-4 2.87 2.87 0 0 1 4-.53 2.86 2.86 0 0 1 .54 4 2.89 2.89 0 0 1-2.3 1.14 2.85 2.85 0 0 1-1.71-.61" }), h("path", { key: 'a61ac2c5602d268bf898c8f27ac94b5be8fd105b', fill: "#286ea2", d: "M13.48 148.73a2.89 2.89 0 0 1 1-3.94 2.9 2.9 0 0 1 3.95 1 2.89 2.89 0 0 1-1 3.94 2.8 2.8 0 0 1-1.44.39 2.91 2.91 0 0 1-2.51-1.39" }), h("path", { key: '27d455b2f322d73eeeb1fd9443626ccf89f5cc4d', fill: "#e35f25", d: "M180.86 149.61a2.88 2.88 0 0 1-1.06-3.93 2.91 2.91 0 0 1 3.94-1.06 2.88 2.88 0 0 1 1 3.94 2.88 2.88 0 0 1-2.5 1.44 2.85 2.85 0 0 1-1.38-.39" }), h("path", { key: '00b2befd8c503cca1526998fa231567dd89453cd', fill: "#2a7d9e", d: "M7.56 137.16a2.88 2.88 0 0 1 1.56-3.76 2.87 2.87 0 0 1 3.77 1.6 2.86 2.86 0 0 1-1.55 3.76 2.7 2.7 0 0 1-1.11.22 2.89 2.89 0 0 1-2.67-1.82" }), h("path", { key: 'f0e9bbb208cc202fa571832f832fd8d0a393a00c', fill: "#e56d24", d: "M186.76 138.52a2.87 2.87 0 0 1-1.56-3.76 2.86 2.86 0 0 1 3.76-1.55 2.87 2.87 0 0 1 1.57 3.76 2.9 2.9 0 0 1-2.67 1.77 2.7 2.7 0 0 1-1.1-.22" }), h("path", { key: 'e5bae53087dca38bb4e053ba28a1fbdd026133e7', fill: "#2b8b98", d: "M3.39 124.93a2.88 2.88 0 0 1 2-3.54 2.89 2.89 0 0 1 3.54 2H9a2.89 2.89 0 0 1-2 3.53 2.8 2.8 0 0 1-.75.1 2.88 2.88 0 0 1-2.86-2.09" }), h("path", { key: '24c6f65ad54f417f62c1b7ea7321c04a71ff84df', fill: "#e87823", d: "M191.16 126.75a2.88 2.88 0 0 1-2-3.52 2.89 2.89 0 0 1 3.53-2 2.89 2.89 0 0 1 2 3.53 2.87 2.87 0 0 1-2.78 2.14 2.7 2.7 0 0 1-.75-.15" }), h("path", { key: 'b746c3be6902c98fffabff2531498817a5acd86f', fill: "#2d9792", d: "M.86 112.25A2.87 2.87 0 0 1 3.34 109a2.89 2.89 0 0 1 3.23 2.47 2.88 2.88 0 0 1-2.48 3.24 2.4 2.4 0 0 1-.38 0 2.88 2.88 0 0 1-2.85-2.46" }), h("path", { key: '49e9b460a59f6a640879b9650ae00095c8864348', fill: "#eb8323", d: "M194 114.51a2.87 2.87 0 0 1-2.48-3.22 2.87 2.87 0 0 1 3.23-2.48 2.88 2.88 0 0 1 2.49 3.22 2.88 2.88 0 0 1-2.85 2.5z" }), h("path", { key: '7ef4586d0976779f614f5384a16f619009dc5fb5', fill: "#2fa18c", d: "M0 99.36a2.87 2.87 0 0 1 2.87-2.88 2.89 2.89 0 0 1 2.9 2.87 2.88 2.88 0 0 1-2.89 2.88A2.87 2.87 0 0 1 0 99.36" }), h("path", { key: '6b41309d0d5b62a6edd613240af5166abf6975b1', fill: "#ed8c22", d: "M192.25 99.14a2.88 2.88 0 0 1 2.88-2.88 2.89 2.89 0 0 1 2.87 2.87 2.88 2.88 0 0 1-2.88 2.88 2.87 2.87 0 0 1-2.87-2.87" }), h("path", { key: 'ea700e88c7a85758faaedb5b4eaabf157a55c291', fill: "#32a986", d: "M3.48 89.68A2.87 2.87 0 0 1 1 86.47 2.89 2.89 0 0 1 4.21 84a2.89 2.89 0 0 1 2.49 3.2 2.87 2.87 0 0 1-2.85 2.51 2.3 2.3 0 0 1-.37-.03" }), h("path", { key: 'dc05dcb18e1872ba02144681933be86990552074', fill: "#ef9520", d: "M191.36 87a2.88 2.88 0 0 1 2.49-3.23 2.89 2.89 0 0 1 3.23 2.49 2.88 2.88 0 0 1-2.48 3.23 3 3 0 0 1-.39 0 2.88 2.88 0 0 1-2.85-2.49" }), h("path", { key: '4387391cf0e643b8b13bdf8e1dbb53c55000daf0', fill: "#34ae82", d: "M5.34 77.31a2.89 2.89 0 0 1-2-3.53 2.88 2.88 0 0 1 3.52-2 2.86 2.86 0 0 1 2 3.52 2.87 2.87 0 0 1-2.77 2.1 3.2 3.2 0 0 1-.75-.09" }), h("path", { key: '2e0a41c708ab28d46481ad0c821349ecba8877f2', fill: "#f29d1f", d: "M189.39 75.05a2.88 2.88 0 0 1 2.05-3.53 2.88 2.88 0 0 1 3.52 2 2.88 2.88 0 0 1-2 3.53 2.8 2.8 0 0 1-.75.1 2.89 2.89 0 0 1-2.82-2.1" }), h("path", { key: '0b52bc7bc07f937eb82b75e0c97f26c27bf142cc', fill: "#35b27f", d: "M9 65.28a2.88 2.88 0 0 1-1.57-3.76A2.89 2.89 0 0 1 11.21 60a2.89 2.89 0 0 1 1.57 3.76 2.91 2.91 0 0 1-2.68 1.74 2.8 2.8 0 0 1-1.1-.22" }), h("path", { key: '15dbd069dd0e364a5f16e3cc19047e4e2feee737', fill: "#f4a41d", d: "M185.16 63.54a2.88 2.88 0 0 1 1.56-3.77 2.88 2.88 0 0 1 3.76 1.55 2.86 2.86 0 0 1-1.55 3.77 2.9 2.9 0 0 1-1.11.22 2.9 2.9 0 0 1-2.66-1.77" }), h("path", { key: '5e19e07bc59bc7d4cf6fb02d06eb2a2cdf6677cf', fill: "var(--illustration-success-color)", d: "M14.22 53.86a2.89 2.89 0 0 1-1.06-3.94 2.88 2.88 0 0 1 3.94-1.05 2.85 2.85 0 0 1 1.06 3.92 2.87 2.87 0 0 1-2.5 1.45 3 3 0 0 1-1.44-.38" }), h("path", { key: '1831bb42720da21ed7994c0a83fb8baebd176ab5', fill: "#f6ab1b", d: "M179.76 52.63a2.88 2.88 0 0 1 1.05-3.94 2.89 2.89 0 0 1 3.94 1.06 2.87 2.87 0 0 1-1.05 3.93 2.9 2.9 0 0 1-1.45.39 2.88 2.88 0 0 1-2.49-1.44" }), h("path", { key: '257af4476f78d85d96b72c3bfc74ea1fdbe819ab', fill: "var(--illustration-success-color)", d: "M20.89 43.2a2.86 2.86 0 0 1-.54-4 2.87 2.87 0 0 1 4-.54 2.87 2.87 0 0 1 .54 4 2.88 2.88 0 0 1-2.29 1.12 2.84 2.84 0 0 1-1.71-.58" }), h("path", { key: '5f87f7a080a17b5692481e8f40251c050d04b28a', fill: "#f8b119", d: "M173 42.52a2.87 2.87 0 0 1 .53-4 2.9 2.9 0 0 1 4 .53 2.88 2.88 0 0 1-.53 4 2.8 2.8 0 0 1-1.75.6 2.88 2.88 0 0 1-2.25-1.13" }), h("path", { key: 'b2865b96781254badb78f7cc18c2049ef6577983', fill: "var(--illustration-success-color)", d: "M28.88 33.51a2.87 2.87 0 0 1 0-4.07 2.88 2.88 0 0 1 4.07 0 2.86 2.86 0 0 1 0 4.07 2.9 2.9 0 0 1-2 .85 2.85 2.85 0 0 1-2.07-.85" }), h("path", { key: 'd0b8c520a0afe6592b53bea8ccb08f2573dd7429', fill: "#fab617", d: "M164.93 33.37a2.89 2.89 0 0 1 0-4.07 2.9 2.9 0 0 1 4.08 0 2.89 2.89 0 0 1 0 4.07 2.86 2.86 0 0 1-2 .85 2.85 2.85 0 0 1-2.08-.85" }), h("path", { key: '707c5cdfc1e2ff8e5053a9801b9b2a39c6440f4c', fill: "#39b37d", d: "M38.07 24.93a2.87 2.87 0 0 1 .51-4 2.89 2.89 0 0 1 4.05.52 2.87 2.87 0 0 1-.53 4 2.87 2.87 0 0 1-1.76.59 2.83 2.83 0 0 1-2.27-1.11" }), h("path", { key: 'c0e8d907c3f59bf6ed38dc5a2ff0fc5ac6910e18', fill: "#fbbb14", d: "M155.76 25.34a2.87 2.87 0 0 1-.53-4 2.89 2.89 0 0 1 4.05-.53 2.87 2.87 0 0 1 .53 4 2.88 2.88 0 0 1-2.29 1.13 2.92 2.92 0 0 1-1.76-.6" }), h("path", { key: '47c167477da5d6ca9329e7af7124b1bec91ae427', fill: "#44b37c", d: "M48.28 17.63a2.89 2.89 0 0 1 1-3.94 2.88 2.88 0 0 1 3.94 1 2.86 2.86 0 0 1-1 3.93 2.9 2.9 0 0 1-1.46.39 2.86 2.86 0 0 1-2.48-1.38" }), h("path", { key: '24db1f644ee8cf68a3ff8ce350a2d88b2a3b46a8', fill: "#fcbe12", d: "M145.63 18.23a2.87 2.87 0 0 1-1.05-3.92 2.88 2.88 0 0 1 3.94-1.06 2.87 2.87 0 0 1 1.05 3.93 2.86 2.86 0 0 1-2.49 1.44 2.8 2.8 0 0 1-1.45-.39" }), h("path", { key: 'ba3fdafe029a40ac129155e2a78bc45439805c76', fill: "#59b577", d: "M59.37 11.71a2.87 2.87 0 0 1 1.54-3.77 2.88 2.88 0 0 1 3.77 1.55 2.87 2.87 0 0 1-1.54 3.77 3.1 3.1 0 0 1-1.11.22 2.89 2.89 0 0 1-2.66-1.77" }), h("path", { key: '32cb779857831d9a40591b30975d56fe5363fe9f', fill: "#fdc110", d: "M134.69 13.18a2.88 2.88 0 0 1-1.56-3.77 2.89 2.89 0 0 1 3.77-1.55 2.88 2.88 0 0 1 1.56 3.76 2.89 2.89 0 0 1-2.66 1.78 2.9 2.9 0 0 1-1.11-.22" }), h("path", { key: '33c6cfd4413aeaa2a01a41bb82f6ea0515f4cdc0', fill: "#7bb86d", d: "M71.14 7.29a2.87 2.87 0 0 1 2-3.53 2.9 2.9 0 0 1 3.54 2 2.89 2.89 0 0 1-2 3.53 3.2 3.2 0 0 1-.75.09 2.87 2.87 0 0 1-2.79-2.09" }), h("path", { key: '1c612b045ba05025c9eca5629e1d81616a50f773', fill: "#fec30e", d: "M123.14 9.27a2.88 2.88 0 0 1-2-3.52 2.88 2.88 0 0 1 3.53-2 2.89 2.89 0 0 1 2 3.53 2.88 2.88 0 0 1-2.78 2.13 2.8 2.8 0 0 1-.75-.14" }), h("path", { key: '9c3e6586cf7b4c5e321a3cb0fe63706324fca6bc', fill: "#b0bd55", d: "M83.39 4.46a2.87 2.87 0 0 1 2.48-3.23 2.88 2.88 0 0 1 3.24 2.47 2.88 2.88 0 0 1-2.48 3.24 3 3 0 0 1-.39 0 2.88 2.88 0 0 1-2.85-2.48" }), h("path", { key: '5168e711d7a6e47d00a4c975cc31cc4372e82b85', fill: "#ffc40d", d: "M111.18 6.91a2.89 2.89 0 0 1-2.49-3.23 2.87 2.87 0 0 1 3.23-2.48 2.87 2.87 0 0 1 2.49 3.22 2.89 2.89 0 0 1-2.86 2.52 2.3 2.3 0 0 1-.37-.03" }), h("path", { key: '087a8bf31e6048a4073307bdf1dd1ad504f19c4c', fill: "#ffc50d", d: "M98.89 5.76h-.09a2.88 2.88 0 0 1-2.89-2.87A2.87 2.87 0 0 1 98.78 0H99a2.88 2.88 0 0 1 2.88 2.88A2.88 2.88 0 0 1 99 5.76h-.12z" })))));
}
static get style() { return illustrationsCss; }
}, [1, "kv-color-circle", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-color-circle"];
components.forEach(tagName => { switch (tagName) {
case "kv-color-circle":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvColorCircle$1);
}
break;
} });
}
defineCustomElement$1();
const KvColorCircle = KvColorCircle$1;
const defineCustomElement = defineCustomElement$1;
export { KvColorCircle, defineCustomElement };