@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 3.83 kB
JavaScript
import { H as proxyCustomElement, I as H, K as h, L as Host } from './p-BP5CxQcH.js';
import { a as getClassMap } from './p-DCOsOAOy.js';
const illustrationsCss = "@property --rotation{syntax:\"<angle>\";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}kv-dropdown-base:not(.hydrated)>[slot=list]{display:none}.illustration{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: '24ae444353b24bc98263f25fbc041d371f500a13' }, h("svg", { key: 'b192fdbcf78db27b475f6905bad47a67610575ca', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 86", fill: "none", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("circle", { key: 'a12d2acc225ef8b2bb0728d63cceb9722e46a07a', cx: "57", cy: "43", r: "40", fill: "var(--illustrations-background, #262626)" }), h("path", { key: '89d3f22033f18a351491807156c07d05bb75895e', stroke: "var(--illustrations-icon-primary, #e5e5e5)", "stroke-width": "4.104", d: "M18.446 49.258c1.58-2.735 5.528-2.735 7.108 0l12.72 22.035c1.58 2.735-.394 6.155-3.553 6.155H9.279c-3.159 0-5.133-3.42-3.553-6.155z" }), h("path", { key: 'd150ff9180d3558fccf4bc5810890d202ca317fa', stroke: "var(--illustrations-icon-secondary, #bfbfbf)", "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.694-4.442 7.694H9.279c-3.948 0-6.416-4.274-4.442-7.694z" }), h("path", { key: '3a6c20d653fde7478a08d9a2d3fc3d083a46fdab', fill: "var(--illustrations-accent-primary, #7c4dff)", 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: 'bcee4425df923033c1483e7a0e93151e6bbc8d06', fill: "var(--illustrations-accent-secondary, #6933ff)", d: "M22 67V56a2.92 2.92 0 0 0-2.874 3.443l1.106 6.08c.155.855.9 1.477 1.768 1.477" }), h("path", { key: '86f6a148b5ca0d2969321d3fde959660504cf571', fill: "var(--illustrations-accent-primary, #7c4dff)", d: "M22 72a2 2 0 1 0 0-4 2 2 0 0 0 0 4" }), h("path", { key: '36d2ccf18c1cf1c0032e6fa6b1e2205e09372771', fill: "var(--illustrations-accent-secondary, #6933ff)", d: "M22 72v-4a2 2 0 1 0 0 4" }), h("path", { key: '3e9d00c6a34ec0efdffd846ae3345d28dca75ebc', fill: "var(--illustrations-shape-primary, #595959)", d: "M67 63.5a1.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.5M42.5 46.453c0-8.03 14.5-27.455 14.5-27.455s14.5 19.424 14.5 27.455S65.005 60.998 57 60.998c6.006 0 10.875-4.884 10.875-10.909C67.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.005 0-14.5-6.514-14.5-14.545" }))));
}
static get style() { return illustrationsCss; }
}, [257, "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 };