@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 4.45 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 KvErrorState$1 = /*@__PURE__*/ proxyCustomElement(class KvErrorState extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '653decc0e266df578c420dfef8037dcf179d935a' }, h("svg", { key: '596079f515d90887094114f703c744c7bf47281b', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 86", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("circle", { key: '28cbc24b130596f915594f46c1d65698f722d73e', cx: "56", cy: "42.998", r: "40", fill: "#2A2A2A" }), h("mask", { key: 'c84b5e7154938d41e5d3dde6bf6aeaf832f2f0d8', id: "a", width: "38", height: "36", x: "3", y: "44", maskUnits: "userSpaceOnUse", style: { "mask-type": "alpha" } }, h("path", { key: '081698fb2f5afaa1d217ea0fbf92c73aed1c1866', fill: "#D9D9D9", d: "M3 45h38v35H3z" })), h("g", { key: 'e7af13c97c90bd55666d4f90e65cbee235bc3c82', fill: "transparent", mask: "url(#a)" }, h("path", { key: '601c8b998a66e5866ce5fb833e8d08c470ee2984', stroke: "#E5E5E5", "stroke-width": "4.104", d: "M18.446 49.259c1.58-2.736 5.528-2.736 7.108 0l12.72 22.033c1.58 2.736-.394 6.156-3.553 6.156H9.279c-3.159 0-5.133-3.42-3.554-6.156z" }), h("path", { key: 'dd98bd51019cf5e2a816ec40bb31e5172bab6657', stroke: "#BEBEBE", "stroke-width": "2.052", d: "M17.558 48.746c1.974-3.42 6.91-3.42 8.884 0l12.721 22.033c1.975 3.42-.493 7.695-4.442 7.695H9.279c-3.949 0-6.417-4.275-4.442-7.695z" })), h("path", { key: 'cf009a4d3416609f685461cf3f16963602074730', fill: "#8358FE", d: "M22 67c.869 0 1.613-.622 1.768-1.476l1.106-6.08a2.921 2.921 0 1 0-5.748 0l1.106 6.08c.155.854.9 1.475 1.768 1.475" }), h("path", { key: '9fa3c20fd102fb75020734df3b5b6e1791638c07', fill: "#714ED3", d: "M22 67V56c-1.822 0-3.2 1.65-2.874 3.443l1.106 6.08c.155.855.9 1.477 1.768 1.477" }), h("path", { key: 'd63864ea62a089ff310c5d882cb286bb6b133b7d', fill: "#8358FE", d: "M22 72a2 2 0 1 0 0-4 2 2 0 0 0 0 4" }), h("path", { key: '5c46c809ae771546bf802d18908a01612aecf9b1', fill: "#714ED3", d: "M22 72v-4a2 2 0 1 0 0 4" }), h("path", { key: '12aa148465a28b43b1172bbef7caa7c48184cce5', fill: "#707070", d: "M67 64.499a1.5 1.5 0 0 0-1.5-1.5h-17a1.5 1.5 0 0 0 0 3h17a1.5 1.5 0 0 0 1.5-1.5" }), h("path", { key: 'bebcf7469380c73792daf0afb35777e7685610b5', fill: "#3F3F3F", d: "M42.5 46.453c0-8.03 14.5-27.454 14.5-27.454s14.5 19.423 14.5 27.454c0 8.03-6.494 14.546-14.5 14.546 6.006 0 10.875-4.885 10.875-10.91C67.875 44.065 56.5 30 56.5 30l.497-.495c.212.286 10.872 14.62 10.872 20.585 0 6.025-4.87 10.91-10.875 10.91 3.739 0 6.773-3.045 6.773-6.796 0-3.75-6.773-12.826-6.773-12.826s-6.774 9.075-6.774 12.826 3.034 6.795 6.774 6.795H57c-8.006 0-14.5-6.514-14.5-14.545" }))));
}
static get style() { return illustrationsCss; }
}, [1, "kv-error-state", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-error-state"];
components.forEach(tagName => { switch (tagName) {
case "kv-error-state":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvErrorState$1);
}
break;
} });
}
defineCustomElement$1();
const KvErrorState = KvErrorState$1;
const defineCustomElement = defineCustomElement$1;
export { KvErrorState, defineCustomElement };