@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 8.74 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 KvEsSectionSomethingwentwrong$1 = /*@__PURE__*/ proxyCustomElement(class KvEsSectionSomethingwentwrong extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '5e673cc0255b4643a63f96f688e365873416da14' }, h("svg", { key: '5b7425bb2e0d2881bd0fcc67a83f38cbc404b908', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 420 218", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("g", { key: '8ba69fef802de146116a9fda7ff143f0b546e65b', fill: "none" }, h("path", { key: '16fa3da37db7cca8523524a239db716f77301c54', fill: "#707070", d: "M219.252 51.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.165H253.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.165M8.583 114.638H82a8.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.165H215.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.175H210.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.166H19.478a8.593 8.593 0 0 1 0-17.175h12.347a8.583 8.583 0 0 0 0-17.165H8.583a8.583 8.583 0 0 1 0-17.165" }), h("path", { key: '5bc6970fbe6f30e528e72274b26d752969dfd038', fill: "#FF0", d: "M223.188 137.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: 'daa80120a37f78926878d192f47b0d03f661caea', fill: "#F6F6F6", d: "M223.026 31.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: '9974dc244fa0111b9581f4a14d6e20cffc8a9b7f', fill: "#DDD", d: "M229.212 97.963c-2.804-3.01-7.896-8.295-10.517-9.827-2.438-1.424-9.007-3.139-12.415-1.208a4.43 4.43 0 0 0-2.244 4.12c-.054 6.268 5.393 6.376 8.63 6.473q1.017 0 2.027.118c2.578.4 8.792 3.344 11.337 4.596a2.686 2.686 0 0 0 3.182-4.272m-18.309 26.951h-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.334 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: '6ea8106f133ac61060dfc81572f45782a78948a4', fill: "#DDD", d: "M183.278 138.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.303m36.017-28.087a7.04 7.04 0 0 0-1.935-2.851 9.51 9.51 0 0 0-7.222-2.437 4.25 4.25 0 0 0-2.705 1.43 3.2 3.2 0 0 0-.626 1.119 4.2 4.2 0 0 0-.235 1.118 2.95 2.95 0 0 0 1.118 2.672 6.3 6.3 0 0 0 3.767.939 28.7 28.7 0 0 0 7.547-1.33l.548-.18z" }), h("path", { key: 'a44647e936dfa3260a7a7c3224f46406e6492f11', fill: "#FFF", d: "m282.333 40.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: '76e80c2e5e88cfef8b5a90cf095c6557137e6d03', fill: "#103D73", d: "m309.816 44.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: '2fdf2a8b3baa145cbb324417b85499eefd3e14c6', fill: "#BEBEBE", d: "m228.758 32.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 359 88.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-section-somethingwentwrong", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-es-section-somethingwentwrong"];
components.forEach(tagName => { switch (tagName) {
case "kv-es-section-somethingwentwrong":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvEsSectionSomethingwentwrong$1);
}
break;
} });
}
defineCustomElement$1();
const KvEsSectionSomethingwentwrong = KvEsSectionSomethingwentwrong$1;
const defineCustomElement = defineCustomElement$1;
export { KvEsSectionSomethingwentwrong, defineCustomElement };