@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 7.34 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 KvErrorState404$1 = /*@__PURE__*/ proxyCustomElement(class KvErrorState404 extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: 'fb2ecdf2c90adcc686a7aebb134178a174438c22' }, h("svg", { key: '9cfa030de2fc71674fb4b595d77a60e0fff1ee37', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 140 141", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("circle", { key: '72636ba2bc8391484db3417c116aa871020be2f1', cx: "70", cy: "70.63", r: "70", fill: "#2A2A2A" }), h("mask", { key: '9c0eb866f503a268dbaf7cdb3ba6748e61269f89', id: "a", width: "140", height: "141", x: "0", y: "0", maskUnits: "userSpaceOnUse", style: { "mask-type": "alpha" } }, h("circle", { key: 'aec6f990ef5b402fddb09f338a4b2c9bfc2539ca', cx: "70", cy: "70.63", r: "70", fill: "#2A2A2A" })), h("g", { key: '42c8d00dad60d1da9d9d377a93c0617627d954f2', mask: "url(#a)" }, h("path", { key: '83fb95d2c54431242d048914158931ef39679c76', fill: "#3F3F3F", d: "M104.09 138.687c-2.573 1.306-5.711.253-6.998-2.319l-11.285-22.435c-1.287-2.573-.254-5.711 2.32-6.998l9.024-4.541c2.573-1.287 5.711-.254 6.997 2.319l11.286 22.435c1.306 2.573.253 5.711-2.319 6.997zm-68.2 0c2.573 1.306 5.71.253 6.997-2.319l11.286-22.435c1.306-2.573.253-5.711-2.32-6.998l-9.024-4.541c-2.573-1.287-5.711-.254-6.998 2.319l-11.266 22.416a5.18 5.18 0 0 0 2.32 6.997l9.024 4.542z" }), h("path", { key: '29ba1388e2b6df2f97ddcedb304e8b558549d0e0', fill: "#202020", d: "m99.314 140.441 2.261-34.753c0-2.885-2.339-5.205-5.223-5.205H42.224c-2.885 0-5.224 2.339-5.224 5.205l2.261 34.753h60.054Z" }), h("path", { key: '5588084013f12deb27dedda7a209d751695f761e', fill: "#707070", d: "M71.406 113.952h-4.912v26.353h4.912z" }), h("path", { key: '7591d192e3dc5435cc104f36606bb6e0bd422b1c', fill: "#714ED3", d: "M95 127.63a7 7 0 0 1-7 7c-3.877 0-7-3.123-7-7s3.123-7 7-7 7 3.123 7 7" }), h("path", { key: '86ea909c67cb2caf21e520318b2b67b3b08da37c', fill: "#DDD", d: "m88 123.634 2.193 3.779.002-.002c.27.467.503.972.503 1.55 0 1.426-1.135 2.592-2.562 2.662q-.067.005-.135.004v.003q-.07 0-.138-.003c-1.427-.071-2.562-1.235-2.562-2.663 0-.578.232-1.085.503-1.55.91-1.565 2.13-3.668 2.194-3.778v-.006l.002.003v-.001z" }), h("path", { key: '10a3bfa6c8738284d6f4dbca5cc17a0aa31e5a19', fill: "#707070", d: "M88 96.63H51v10h37z" }), h("path", { key: 'f4b5e028b1e8e200814c7f3781b0ab0129360191', fill: "#DDD", d: "M58.066 50.63h21.868c3.906 0 7.066 3.053 7.066 6.828v31.344c0 3.775-3.16 6.828-7.066 6.828H58.066C54.16 95.63 51 92.577 51 88.802V57.458c0-3.775 3.16-6.828 7.066-6.828" }), h("path", { key: '80e862a8ae0dffcf268c0b5639e926456a067a90', fill: "#714ED3", d: "M90 48.703v22.402c0 1.867-1.017 3.545-2.524 4.356-6.046-7.675-2.768-12.465-2.279-13.124l-8.475 5.694 1.921-8.127c-4.275 11.088-18.947 14.633-27.761 15.745A5 5 0 0 1 48 71.105V48.703a5.035 5.035 0 0 1 5.029-5.054h31.905a5.04 5.04 0 0 1 5.047 5.054z" }), h("path", { key: '86acc3883c017412d3951e0e5910d0b5817adb6d', fill: "#DDD", d: "M77 106.228a2.666 2.666 0 0 1-2.67 2.669H63.67a2.666 2.666 0 0 1-2.67-2.669V94.567a2.666 2.666 0 0 1 2.67-2.67h10.66a2.666 2.666 0 0 1 2.67 2.67z" }), h("path", { key: 'dc7a7a6ae1b2710f9c86fb1259a9695b41958e3d', fill: "#2A2A2A", d: "M73.92 87.81c.508-.354-1.45-2.913-4.92-2.913s-5.428 2.557-4.92 2.913c.407.433 2.25-.888 4.92-.862 2.67-.026 4.513 1.293 4.92.863Z" }), h("path", { key: 'b063cc52d279c1c00f1f2f48712977c481a0b933', fill: "#3F3F3F", d: "m47.862 98.44-3.553 7.57a3.16 3.16 0 0 0 1.516 4.2l17.89 8.399a3.156 3.156 0 0 0 4.201-1.516l3.554-7.569a3.157 3.157 0 0 0-1.517-4.2l-17.89-8.4a3.16 3.16 0 0 0-4.2 1.517Z" }), h("path", { key: '6b7fd2e17c0c894b164b6f29ddb7d4e340569477', fill: "#3F3F3F", d: "m68.894 104.85 18.074-7.95a3.157 3.157 0 0 1 4.162 1.62l3.359 7.637a3.156 3.156 0 0 1-1.62 4.161l-18.074 7.949a3.157 3.157 0 0 1-4.161-1.619l-3.359-7.636a3.157 3.157 0 0 1 1.62-4.162Z" }), h("path", { key: 'b906322ec06cb29519302716db0ee6f2dac07a64', fill: "#8358FE", d: "M94.98 55.568c-.06-14.458-11.57-27.163-25.91-27.163S43 41.17 43 55.667v1.313c0 .914.896 1.65 1.812 1.65h48.515c.916 0 1.673-.736 1.673-1.65v-1.412z" }), h("rect", { key: '67f53ee2cf9ee2f3520a30ddffeb9320b8b2ee87', width: "14", height: "3", x: "76", y: "49.63", fill: "#DDD", rx: "1.5", transform: "rotate(-180 76 49.63)" }), h("rect", { key: 'e310e371af078a36164c3aafcec3cbc0438af170', width: "42", height: "3", x: "90", y: "55.63", fill: "#714ED3", rx: "1.5", transform: "rotate(-180 90 55.63)" }), h("rect", { key: 'bdcf4f395ecca781bec6de5c7fb2be5eb9e4e791', width: "17", height: "4.006", x: "71.006", y: "27.63", fill: "#8358FE", rx: "2.003", transform: "rotate(90 71.006 27.63)" }), h("path", { key: '5269e9ad8dcd6d080cb1b0a13d7bff24f484edbe', fill: "#714ED3", d: "M69.004 27.63v17a2.003 2.003 0 0 0 2.003-2.003V29.633a2.003 2.003 0 0 0-2.003-2.003" }), h("rect", { key: '7209fad8ff3fa6e2afe56645a390a2610dde75ad', width: "17.013", height: "4.003", fill: "#8358FE", rx: "2.002", transform: "rotate(44.956 -9.386 78.668)" }), h("path", { key: '34b098a23d0d168dfb84df9369eb6e976c3e1a1c', fill: "#714ED3", d: "m51.424 31.044 12.04 12.02a2.005 2.005 0 0 1-2.834 0l-9.206-9.192a2 2 0 0 1 0-2.828" }), h("rect", { key: '8934e041a404b703a2338b9582fb02c45f047216', width: "17.013", height: "4.003", fill: "#8358FE", rx: "2.002", transform: "scale(-1.00077 .99923)rotate(45 -78.305 -87.805)" }), h("path", { key: '5ede94cd6969c0539e88ee0c8a8ab30b216b7d88', fill: "#714ED3", d: "m86.504 31.044-12.04 12.02a2.004 2.004 0 0 0 2.833 0l9.207-9.192a2 2 0 0 0 0-2.828" })))));
}
static get style() { return illustrationsCss; }
}, [1, "kv-error-state-404", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-error-state-404"];
components.forEach(tagName => { switch (tagName) {
case "kv-error-state-404":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvErrorState404$1);
}
break;
} });
}
defineCustomElement$1();
const KvErrorState404 = KvErrorState404$1;
const defineCustomElement = defineCustomElement$1;
export { KvErrorState404, defineCustomElement };