@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 7.77 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 KvErrorState404$1 = /*@__PURE__*/ proxyCustomElement(class KvErrorState404 extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: 'db2c1d4a17a2bc880ae99090a673d5d4bf37283e' }, h("svg", { key: '9b22521e2b6c36697851380e64746db64876ed4c', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 140 140", fill: "none", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("circle", { key: '37607fac23a1432ca7285e9f0200ddc573a33ffb', cx: "70", cy: "70", r: "70", fill: "var(--illustrations-background, var(--color-gray-800, #262626))" }), h("mask", { key: '05d26af1b6bb986e1283b0d6ae06c4954d8ba8ba', id: "a", width: "140", height: "140", x: "0", y: "0", maskUnits: "userSpaceOnUse", style: { "mask-type": "alpha" } }, h("circle", { key: '11b60d63752e2e91bd42faf6300ff9811bc035e0', cx: "70", cy: "70", r: "70", fill: "var(--illustrations-background, var(--color-gray-800, #262626))" })), h("g", { key: '1f5e272497aecdc1670a783955e7e9cb27842cec', mask: "url(#a)" }, h("path", { key: 'b2ce5a60105d1d4b687fd92e008b67e2d1e6f1c1', fill: "var(--illustrations-shape-secondary, #404040)", d: "M104.09 138.057c-2.573 1.306-5.711.254-6.998-2.319l-11.285-22.435c-1.287-2.573-.254-5.711 2.32-6.998l9.024-4.541c2.573-1.286 5.711-.253 6.997 2.319l11.286 22.435c1.306 2.573.253 5.711-2.319 6.998zm-68.2 0c2.573 1.306 5.71.254 6.997-2.319l11.286-22.435c1.306-2.573.253-5.711-2.32-6.998l-9.024-4.541c-2.573-1.286-5.711-.253-6.998 2.319l-11.266 22.416a5.18 5.18 0 0 0 2.32 6.997l9.024 4.542z" }), h("path", { key: 'b5cd4a693d98c2f7e615a692f3cd30b791fd56a5', fill: "var(--illustrations-shape-tertiary, #1a1a1a)", d: "m99.314 139.811 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.054" }), h("path", { key: '366506374a8934aaa66f77db5b8146e987f8db72', fill: "var(--illustrations-shape-primary, #595959)", d: "M71.406 113.322h-4.912v26.353h4.912z" }), h("path", { key: 'f91dc605a3c4562441d5502f1e507eae637c6d9d', fill: "var(--illustrations-accent-primary, #7c4dff)", d: "M95 127a7 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: '12b76d79ffa5b73de14e10af61e89bbd2006ed4d', fill: "var(--illustrations-icon-primary, #e5e5e5)", d: "m88 123.004 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.004V131q-.07 0-.138-.003c-1.427-.071-2.562-1.235-2.562-2.663 0-.577.232-1.084.503-1.55.91-1.565 2.13-3.668 2.194-3.778V123l.002.003v-.001z" }), h("path", { key: '61acabc9228de76981e2f47b48b007c81a9d5d7e', fill: "var(--illustrations-shape-primary, #595959)", d: "M88 96H51v10h37z" }), h("path", { key: '9e422eecd269d70dc2be42877f4a11b03bcb3d1f', fill: "var(--illustrations-shape-strongest, #f2f2f2)", d: "M58.066 50h21.868C83.84 50 87 53.053 87 56.828v31.344C87 91.947 83.84 95 79.934 95H58.066C54.16 95 51 91.947 51 88.172V56.828C51 53.053 54.16 50 58.066 50" }), h("path", { key: '13b139853cc54e97763e01293473ec8543fa6694', fill: "var(--illustrations-accent-secondary, #6933ff)", d: "M90 48.073v22.402c0 1.867-1.017 3.545-2.524 4.356-6.046-7.675-2.768-12.464-2.279-13.124L76.722 67.4l1.921-8.127C74.368 70.362 59.696 73.907 50.882 75.02A5 5 0 0 1 48 70.476V48.073a5.035 5.035 0 0 1 5.029-5.053h31.905a5.04 5.04 0 0 1 5.047 5.053z" }), h("path", { key: '7dd01d2c5700f5e47b7a2938b24ac3528ce6473e', fill: "var(--illustrations-shape-strongest, #f2f2f2)", d: "M77 105.598a2.667 2.667 0 0 1-2.67 2.67H63.67a2.667 2.667 0 0 1-2.67-2.67V93.937a2.666 2.666 0 0 1 2.67-2.67h10.66a2.666 2.666 0 0 1 2.67 2.67z" }), h("path", { key: 'aa684f2204a0b35e9cdf6ce8b886a7828762ec00', fill: "var(--illustrations-shape-secondary, #404040)", d: "M73.92 87.18c.508-.354-1.45-2.912-4.92-2.912s-5.428 2.556-4.92 2.913c.407.432 2.25-.889 4.92-.863 2.67-.026 4.513 1.293 4.92.863" }), h("g", { key: 'ebfa3b5f5e056384bdcb021eae5286a6be694186', fill: "var(--illustrations-shape-secondary, #404040)" }, h("path", { key: 'f4c4bd94cb9f4943abfbe7157157a289c23830f1', d: "m47.862 97.81-3.553 7.57a3.157 3.157 0 0 0 1.516 4.2l17.89 8.4a3.16 3.16 0 0 0 4.201-1.517l3.554-7.569a3.16 3.16 0 0 0-1.517-4.2l-17.89-8.4a3.157 3.157 0 0 0-4.2 1.517" }), h("path", { key: 'd054a9eb3a005327599ea0341d7096c6648c54b4', d: "m68.894 104.22 18.074-7.949a3.157 3.157 0 0 1 4.162 1.62l3.359 7.636a3.156 3.156 0 0 1-1.62 4.161l-18.074 7.949a3.156 3.156 0 0 1-4.161-1.619l-3.359-7.636a3.157 3.157 0 0 1 1.62-4.162" })), h("path", { key: '7d2acbfd37bc315aed5e08ab8db9329acd55a1a5', fill: "var(--illustrations-accent-primary, #7c4dff)", d: "M94.98 54.938c-.06-14.458-11.57-27.163-25.91-27.163S43 40.54 43 55.037v1.313c0 .914.896 1.65 1.812 1.65h48.515c.916 0 1.673-.736 1.673-1.65v-1.412z" }), h("rect", { key: 'eeb1cc32284fa7544700e94ae9ffefb677a6854a', width: "14", height: "3", x: "76", y: "49", fill: "var(--illustrations-icon-primary, #e5e5e5)", rx: "1.5", transform: "rotate(-180 76 49)" }), h("rect", { key: '5cf5856ccc4e515c9cb23396b0185f6c13e04e80', width: "42", height: "3", x: "90", y: "55", fill: "var(--illustrations-accent-tertiary, #a180ff)", rx: "1.5", transform: "rotate(-180 90 55)" }), h("rect", { key: 'd78059909e3709f558b344c1e8e40e64b4470d5d', width: "17", height: "4.006", x: "71.006", y: "27", fill: "var(--illustrations-accent-tertiary, #a180ff)", rx: "2.003", transform: "rotate(90 71.006 27)" }), h("path", { key: 'b3709a34f38026a18d31a2f37666ff46a2800ba1', fill: "var(--illustrations-accent-primary, #7c4dff)", d: "M69.004 27v17a2.003 2.003 0 0 0 2.003-2.003V29.003A2.003 2.003 0 0 0 69.004 27" }), h("rect", { key: 'ca98e72050f4494d4e14506411051eeae62ecf4b', width: "17.013", height: "4.003", fill: "var(--illustrations-accent-tertiary, #a180ff)", rx: "2.002", transform: "rotate(44.956 -8.624 78.353)skewX(-.088)" }), h("path", { key: '1a3f0265ad7f5971a904a1692c0fba0d02d5513e', fill: "var(--illustrations-accent-primary, #7c4dff)", d: "m51.424 30.414 12.04 12.02a2.005 2.005 0 0 1-2.834 0l-9.206-9.191a2 2 0 0 1 0-2.829" }), h("rect", { key: 'de2496527a6882a5f39dc2afe753e4162ba9ed46', width: "17.013", height: "4.003", fill: "var(--illustrations-accent-tertiary, #a180ff)", rx: "2.002", transform: "matrix(-.70765 .70656 .70765 .70656 85.088 29)" }), h("path", { key: '15abd3bed2bfdab307c51e1d5393557db77d0845', fill: "var(--illustrations-accent-primary, #7c4dff)", d: "m86.504 30.414-12.04 12.02a2.004 2.004 0 0 0 2.833 0l9.207-9.191a2 2 0 0 0 0-2.829" })))));
}
static get style() { return illustrationsCss; }
}, [257, "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 };