@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 8.73 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 KvEsSomethingwentwrong$1 = /*@__PURE__*/ proxyCustomElement(class KvEsSomethingwentwrong extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '244798d22b49205e6a581b8323d05d99c432f871' }, h("svg", { key: 'dbc52bcfc5fc1464cf28df8aca538e80300d4955', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1080 445", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("g", { key: '402441572733b8fe85632735c430c7f742522591', fill: "none" }, h("path", { key: '057f5c394e7c649935cfa9c7cd2b5669900eee72', fill: "#F6F6F6", d: "M529.252 278.506h191.323a8.583 8.583 0 1 0 0-17.165h-44.15a8.593 8.593 0 1 1 0-17.176h12.255a8.583 8.583 0 1 0 0-17.165H563.623a8.583 8.583 0 0 0 0 17.165h13.493a8.593 8.593 0 0 1 0 17.176h-47.864a8.583 8.583 0 1 0 0 17.165m-210.669 63.132H392a8.593 8.593 0 1 1 0-17.176h191.313a8.593 8.593 0 0 1 0 17.176h-26.792a8.6 8.6 0 0 1 3.682.832 8.572 8.572 0 0 0 0 15.501 8.6 8.6 0 0 1-3.682.832h2.394a8.583 8.583 0 1 1 0 17.165H525.7a8.593 8.593 0 0 0 0 17.175h69.189a8.583 8.583 0 0 1 0 17.166h-72.557a8.593 8.593 0 0 0 0 17.175H520.8a8.583 8.583 0 0 1 0 17.165h-78.49a8.583 8.583 0 1 1 0-17.165h17.51a8.593 8.593 0 0 0 0-17.175h-29.269a8.583 8.583 0 0 1 0-17.166H329.478a8.593 8.593 0 0 1 0-17.175h12.347a8.583 8.583 0 0 0 0-17.165h-23.242a8.583 8.583 0 0 1 0-17.165" }), h("path", { key: 'dbfb2de11c7731e3df67b332ed35e7c25784bcc1', fill: "#FF0", d: "M533.188 364.383a9 9 0 0 0 1.015-.092zm1.015-1.106.893-.071.355-.234a7.5 7.5 0 0 1-1.248.305m-1.177.101a7 7 0 0 0 1.146-.101l-1.156.101z" }), h("path", { key: '47ddb535f7806c4f4827c8222409591d33797513', fill: "#F6F6F6", d: "M533.026 258.054c-10.754 0-19.498 23.617-19.498 52.662-.027 7.55.6 15.09 1.876 22.532l.183 1.014a75.4 75.4 0 0 0 5.316 17.642c10.885.274 24.794-4.93 26.468-5.57a87 87 0 0 0 3.115-12.173l.182-1.015a131.6 131.6 0 0 0 1.857-22.41c0-29.065-8.745-52.682-19.499-52.682m-18.484 60.19a4.17 4.17 0 0 1 2.11-3.876c3.206-1.816 9.384-.203 11.677 1.136 2.465 1.44 7.254 6.412 9.891 9.242a2.526 2.526 0 0 1-2.962 3.987c-2.394-1.176-8.238-3.946-10.662-4.321a16 16 0 0 0-1.908-.112c-3.063-.06-8.197-.162-8.146-6.057zm13.868 19.123a26 26 0 0 1-6.848 1.207 5.7 5.7 0 0 1-3.419-.852 2.68 2.68 0 0 1-1.014-2.425c.025-.346.096-.687.213-1.014a2.9 2.9 0 0 1 .568-1.015 3.86 3.86 0 0 1 2.506-1.298 8.63 8.63 0 0 1 6.554 2.211 6.4 6.4 0 0 1 1.755 2.587l.172.487z" }), h("path", { key: 'f2862c75de2155b7fd52aafbcc9a0183bf36043e', fill: "#42210B", d: "M538.26 324.746c-2.637-2.83-7.425-7.801-9.89-9.242-2.293-1.339-8.471-2.952-11.677-1.136a4.17 4.17 0 0 0-2.11 3.875c-.051 5.895 5.072 5.996 8.116 6.087q.956 0 1.907.112c2.424.375 8.268 3.145 10.662 4.322a2.526 2.526 0 0 0 2.993-4.018zm-17.357 27.168h-1.187a8.35 8.35 0 0 1-7.629-8.247 5.1 5.1 0 0 0-.497-2.03c-.73-1.5-2.242-2.424-4.494-2.749-3.044-.436-8.542-2.029-14.376-3.824l-.406-.122-3.104-.923c-8.339-2.465-16.891-4.809-20.493-4.19a15.5 15.5 0 0 0-6.431 3.043 19.3 19.3 0 0 1-5.073 2.74q-4.15.253-8.197.547a22.7 22.7 0 0 1-7.933-3.043c-2.963-1.633-5.52-3.044-9.06-1.268-3.145 1.572-4.819 3.906-6.432 6.148l-.07.101c-.285.396-.569.781-.863 1.167a12.37 12.37 0 0 1-5.336 4.464c-1.147.466-2.881 1.014-4.88 1.684-8.968 2.942-23.993 7.852-23.75 16.07.204 7.01 5.266 8.876 10.146 10.682a26.7 26.7 0 0 1 5.904 2.739q1.859 1.333 3.571 2.85c2.628 2.263 4.809 4.14 8.725 4.14a16.7 16.7 0 0 0 3.388-.396c3.602-.77 6.513-2.83 9.323-4.809 3.52-2.495 7.173-5.072 12.408-5.376a13.56 13.56 0 0 1 8.562 2.394c3.043 1.745 5.823 3.398 12.235 1.258 5.397-1.796 9.029-5.296 12.234-8.38 3.46-3.338 6.453-6.219 10.835-6.35 3.358-.092 5.184 1.44 7.507 3.388 3.47 2.901 7.771 6.503 19.113 5.995a39.7 39.7 0 0 0 18.545-5.234c.65-.376 1.258-.771 1.857-1.177l.355-.234c2.86-.953 5.519-3.57 7.862-7.486a48.5 48.5 0 0 0 4.058-9.13c-1.623.628-15.532 5.832-26.417 5.558" }), h("path", { key: 'e8e682f3a10d4e4948873845fdcf096a061af908', fill: "#42210B", d: "M493.278 365.133h-.111c-.325 0-7.903-.121-11.353 3.612a6.34 6.34 0 0 0-1.623 5.154c.254 2.576 1.137 4.21 2.608 4.849.469.194.973.29 1.48.284 2.364 0 4.82-1.867 4.992-2.03l6.24-6.522a3.59 3.59 0 0 0 .902-3.044c-.314-1.055-1.37-1.836-3.135-2.303m35.457-28.416a6.4 6.4 0 0 0-1.755-2.587 8.63 8.63 0 0 0-6.554-2.211 3.86 3.86 0 0 0-2.455 1.298c-.256.297-.45.642-.568 1.015a3.8 3.8 0 0 0-.213 1.014c-.11.93.276 1.85 1.014 2.425a5.7 5.7 0 0 0 3.42.852c2.325-.095 4.629-.5 6.847-1.207l.497-.162z" }), h("path", { key: '123f6fff1c4fcde49960b8bbfface67b54f85b5d', fill: "#FFF", d: "m592.333 267.184-56.426-9.617a8.3 8.3 0 0 0-2.87-.538c-11.312 0-20.515 24.074-20.515 53.677a129 129 0 0 0 1.908 22.552c.061.335.112.68.183 1.014a76.7 76.7 0 0 0 5.275 17.592h1.015a75 75 0 0 1-5.306-17.642c-.07-.345-.132-.68-.193-1.015a130.7 130.7 0 0 1-1.876-22.532c0-29.034 8.744-52.662 19.498-52.662s19.499 23.628 19.499 52.662c.021 7.51-.6 15.007-1.857 22.41l-.182 1.015a87 87 0 0 1-3.115 12.174 48.5 48.5 0 0 1-4.058 9.13c-2.343 3.916-5.001 6.534-7.862 7.487l-.355.234a31 31 0 0 1-1.857 1.176l1.015-.09 53.555-4.536c23.495-25.784 25.401-64.61 4.545-92.572zm62.148 10.591-34.665-5.904c17.703 25.833 17.162 60.029-1.35 85.288l35.985-3.043c4.555 0 8.562-5.204 11.22-13.432.112-.345.223-.7.325-1.014a84 84 0 0 0 3.043-23.679c.091-21.395-6.36-38.124-14.558-38.216" }), h("path", { key: '5218023c78fa4b01d56c15ab8dc8f2bcc74262a0', fill: "var(--illustration-color-light-80)", d: "m619.816 271.871-1.41-.233-24.652-4.2-1.42-.244c20.856 27.962 18.95 66.788-4.546 92.573l1.451-.122 14.122-1.197 1.085-.091 12.692-1.076 1.329-.111c18.511-25.26 19.052-59.456 1.349-85.289z" }), h("path", { key: 'a16c16c168c37a0e48c44a1ec2cab4a54b6df51d', fill: "#CCD1D9", d: "m538.758 259.078 53.413 9.13 1.41.234 24.652 4.21 1.42.234 34.656 5.853h.162c7.497.081 13.604 16.75 13.604 37.15a83.2 83.2 0 0 1-3.043 23.334c-.112.345-.213.69-.325 1.015-2.607 8.116-6.35 12.701-10.256 12.732h-.081l-35.995 3.043-1.329.112-12.69 1.075-1.076.091-14.132 1.197-1.44.122-49.904 4.332a19.56 19.56 0 0 0 6.351-6.97 50 50 0 0 0 4.18-9.333 89 89 0 0 0 3.145-12.346c.06-.345.132-.68.182-1.015a131 131 0 0 0 1.877-22.582c0-24.876-6.158-45.297-14.781-51.638m-5.732-2.029c-11.312 0-20.514 24.074-20.514 53.677a129 129 0 0 0 1.908 22.552c.061.335.112.68.183 1.014a76.7 76.7 0 0 0 5.275 17.592h1.015a75 75 0 0 1-5.306-17.642c-.071-.345-.132-.68-.193-1.015a130.7 130.7 0 0 1-1.877-22.532c0-29.034 8.745-52.662 19.499-52.662s19.498 23.628 19.498 52.662c.022 7.51-.599 15.007-1.856 22.41l-.183 1.015a87 87 0 0 1-3.114 12.174 48.5 48.5 0 0 1-4.058 9.13c-2.344 3.916-5.002 6.534-7.862 7.487l-.355.234a31 31 0 0 1-1.857 1.176l1.014-.09 53.556-4.536 1.45-.121 14.122-1.197 1.086-.092 12.69-1.075 1.33-.112 35.994-3.043c4.545 0 8.552-5.205 11.16-13.432l.324-1.015A84 84 0 0 0 669 315.91c0-21.304-6.412-38.074-14.61-38.165l-34.664-5.904-1.32-.203-24.651-4.2-1.41-.244-56.437-9.617a8.3 8.3 0 0 0-2.87-.538l-.01-.01z" })))));
}
static get style() { return illustrationsCss; }
}, [1, "kv-es-somethingwentwrong", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-es-somethingwentwrong"];
components.forEach(tagName => { switch (tagName) {
case "kv-es-somethingwentwrong":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvEsSomethingwentwrong$1);
}
break;
} });
}
defineCustomElement$1();
const KvEsSomethingwentwrong = KvEsSomethingwentwrong$1;
const defineCustomElement = defineCustomElement$1;
export { KvEsSomethingwentwrong, defineCustomElement };