@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 9.59 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 KvBoxBuild$1 = /*@__PURE__*/ proxyCustomElement(class KvBoxBuild extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '217963ae015480d4f72909deaf9dc83ae3751011' }, h("svg", { key: '13f789fc7d2631cbda9e85e8554926f53a1b4840', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 109 133", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("linearGradient", { key: 'abd23542f47435ff69c5d1344a520c3056895622', id: "a", x1: "-.001%", x2: "100.131%", y1: "49.998%", y2: "49.998%" }, h("stop", { key: '9e58c70b25582501cbf1bec78a3e32883b8e23f4', offset: "0", "stop-color": "#b40eaa" }), h("stop", { key: '3c1900c38b345fc553eda238b0f159675029b480', offset: "1", "stop-color": "var(--illustration-color)" })), h("g", { key: '401bdc7852a4716cddb89fa22eb7520cbb538d40', fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'bc1e0506680ee33eafa58e1e911983950f6ec9e8', "fill-rule": "nonzero" }, h("path", { key: '7f67b4dcb168ba62a1a10a093d158296429654c9', fill: "#cecece", d: "m109.2 24-74.4.3L.2 55h78.2z" }), h("path", { key: 'fd4bbd7366acd7c542c192f12baf57172e80949c', fill: "#b6b6b7", d: "m109.2 24-16 16V24z" }), h("path", { key: '3ac20f435e402b47c7754944ed264c5ee3bbcca9', fill: "var(--illustration-color-light-80)", d: "M39.1 0h57.1l-3 14h-58z" })), h("path", { key: '982967ea68b19f1bc150750f083a245a5760a73c', fill: "var(--illustration-color-light-80)", d: "M.2 25.5 16.7 32l18.5-17.9L20.5 7z" }), h("g", { key: 'dc151cfb047e4b6ff8f90ea74dc64b4454f4aec3', "fill-rule": "nonzero" }, h("path", { key: '107c6f7e69f66400762efbe2e52920bfc0180c3c', fill: "var(--illustration-color-dark-55)", d: "M76.4 32c-20.1-.3-39.6.3-59.7 0l18.1-18h58.4z" }), h("path", { key: 'd0c21b9f91c97c6bd22fc6a23dab600966b3e510', fill: "#fcfcfc", d: "M45.6 29H24.8c-1.5 0-2.6-1.1-2.6-2.6V9.6c0-1.5 1.1-2.6 2.6-2.6h20.8c1.5 0 2.6 1.1 2.6 2.6v16.7c0 1.6-1.1 2.7-2.6 2.7" }), h("path", { key: '0cf3c6fd32ca9da861b0677dcc3d990eb0014875', fill: "#f5f5f5", d: "M24.8 15.2h20.8V17H24.8z" }), h("path", { key: '97aaf7dc0fdb756cda1d8eba4d2be48df59fdc56', fill: "#e0e0e0", d: "M24.8 17.8h20.8v1.8H24.8zm.1 2.1h20.7v1.8H24.9zm-.1-7.9h20.8v1.8H24.8zm.1-2.6h20.7v1.8H24.9zm0 13.6h20.7v1.8H24.9zm0 2.7h20.7v1.8H24.9z" }), h("path", { key: 'ebfbe85a73022c943397801bade8af243abd567e', fill: "#fff", d: "M68.2 5.2v10.6c0 1.8-1.6 3.2-3.7 3.2H53.9c-2.1 0-3.7-1.4-3.7-3.2V5.2c0-1.8 1.6-3.2 3.7-3.2h10.6c2.1 0 3.7 1.4 3.7 3.2" })), h("g", { key: 'bb2e05dbaced2c5b7410761d5181ce8f98860462', stroke: "#1b77aa" }, h("path", { key: '0ccbdee4bb9b2fc4dedb6c892a14491be451789d', "stroke-width": "0.242", d: "M54.2 7.4s-.7 4.9 5.6 4.4" }), h("path", { key: 'f76aca213d011a4820b2eefc8eeb7e8ab3e27cda', "stroke-width": "0.216", d: "M63 5.6c1.5 2.7-1.1 2.7-1.2 2.7-1.9.2-1.6 1.7-1.6 1.7" }), h("path", { key: 'db17d7b6724448c7ee37b489fad7a0d6f3d95516', "stroke-width": "0.199", d: "M60 12.4s1.3 3.6-1.9 2.9" })), h("g", { key: '9200c713d8b6edaded00838b4f050cbd996d47ce', "fill-rule": "nonzero" }, h("path", { key: 'da56ec30f267b0ea8da0cd294cb9a9a2c8891e2b', fill: "#c4c4c4", d: "M61.4 12.6H59c-.5 0-1-.4-1-1.1V11c0-.5.4-1.1 1-1.1h2.4c.5 0 1 .4 1 1.1v.5c0 .6-.4 1.1-1 1.1m-3.9 4.2h-2.4c-.5 0-1-.4-1-1.1v-.5c0-.5.4-1.1 1-1.1h2.4c.5 0 1 .4 1 1.1v.5c0 .6-.5 1.1-1 1.1m6.3-10.7h-2.4c-.5 0-1-.4-1-1.1v-.5c0-.5.4-1.1 1-1.1h2.4c.5 0 1 .4 1 1.1V5c.1.6-.4 1.1-1 1.1m-8.3 3.1h-2.4c-.5 0-1-.4-1-1.1v-.5c0-.5.4-1.1 1-1.1h2.4c.5 0 1 .4 1 1.1v.5c.1.6-.4 1.1-1 1.1" }), h("path", { key: 'b294021c56e88f749f36ea85c2348807404e6b23', fill: "#f9f9f9", d: "M87.6 20h-8.8c-1.5 0-2.6-1.1-2.6-2.5v-8c0-1.4 1.1-2.5 2.6-2.5h8.9c1.4 0 2.5 1.1 2.5 2.5v7.9c0 1.5-1.1 2.6-2.6 2.6" }), h("path", { key: '00922b89bc4e76cc8a0cae95a9a1f79051faa2db', fill: "var(--illustration-color)", d: "M78.1 9.2h10.2v1.9H78.1z" }), h("path", { key: '8c7905ddeecff7b32a457e9be831d5bbb6392f56', fill: "#f5f5f5", d: "M78.1 11.8h9.7v1.1h-9.7z" }), h("path", { key: '20446bb3e795143b3be266206ec32393011b498c', fill: "#e0e0e0", d: "M78.1 13.4H85v1h-6.9zm0 1.2h4.3v1h-4.3zm0 1.9h2.4v1h-2.4z" }), h("path", { key: '38a2009e1cc5ec0a9e43dd396a81c0a39d6f8aa1', fill: "#000", d: "M56.6 32H42.8c-1.5 0-2.6-1.1-2.6-2.6v-7.8c0-1.5 1.1-2.6 2.6-2.6h13.8c1.5 0 2.6 1.1 2.6 2.6v7.8c0 1.5-1.1 2.6-2.6 2.6", opacity: "0.06" }), h("path", { key: '59bbb9e78e4e038d8c369b5be70c35035babe273', fill: "#fff", d: "M56.3 31.7h-13c-1.5 0-2.6-1.1-2.6-2.6v-6.6c0-1.5 1.1-2.6 2.6-2.6h13c1.5 0 2.6 1.1 2.6 2.6v6.6c0 1.4-1.1 2.6-2.6 2.6" }), h("path", { key: '2a56fc972c870b7b339b1aab418329275287f955', fill: "var(--illustration-color)", d: "M43.5 21.9h13.3v1.7H43.5z" }), h("path", { key: '3238f3f023868297c7793251a3509758ebaaf8ba', fill: "#f5f5f5", d: "M43.5 24.3h12.6v1H43.5z" }), h("path", { key: '9610b10d4c68aa3378c715687cf4ab1d0b03669e', fill: "#e0e0e0", d: "M43.5 25.8h9v1h-9zm.1 1.1H49v1h-5.4zm0 1.7h3.1v1h-3.1z" }), h("path", { key: 'bbb64aefae0a4f44d7d7bcc4229d386223210063', fill: "#000", d: "M59.6 11H74c2.4 0 4.4 2 4.4 4.5v13.1c0 2.5-2 4.5-4.4 4.5H59.6c-2.4 0-4.4-2-4.4-4.5V15.5c0-2.5 2-4.5 4.4-4.5", opacity: "0.04" }), h("path", { key: 'b5fbd7bd5187aa4d02df1fccb4b91781c5e2759c', fill: "#fff", d: "M60.489 11.885h14.4c2.4 0 4.4 2 4.4 4.5v13.1c0 2.5-2 4.5-4.4 4.5h-14.4c-2.4 0-4.4-2-4.4-4.5v-13.1c0-2.5 2-4.5 4.4-4.5" }), h("path", { key: '629b3330ab32ead8255cc246656ab3a0ed11cc58', fill: "#6525c1", d: "M64 19.7h-3.4c-.5 0-1-.4-1-1v-1.3c0-.5.4-1 1-1H64c.5 0 1 .4 1 1v1.3c0 .5-.5 1-1 1" })), h("path", { key: 'a0bb273f6efbfc0bb48a480de381424d509c1ae5', stroke: "#1b77aa", "stroke-width": "0.241", d: "M62.1 19.7s-.6 5.8 4.7 5.2m7-5.7c2.3 2.2-1.8 2.2-1.8 2.2-2.8.2-2.6 1.5-2.6 1.5m-.2 3s1.5 4.4-2.3 3.7" }), h("path", { key: '4e4ec71f75264036b4a88716ae3d19180dd6d90f', fill: "#6525c1", "fill-rule": "nonzero", d: "M71.1 26.2h-3.4c-.5 0-1-.4-1-1v-1.3c0-.5.4-1 1-1h3.4c.5 0 1 .4 1 1v1.3c0 .6-.4 1-1 1m-4.7 5.2H63c-.5 0-1-.4-1-1v-1.3c0-.5.4-1 1-1h3.4c.5 0 1 .4 1 1v1.3c0 .6-.5 1-1 1m8.9-11h-3.4c-.5 0-1-.4-1-1v-1.3c0-.5.4-1 1-1h3.4c.5 0 1 .4 1 1v1.3c0 .5-.5 1-1 1" }), h("path", { key: '9bca17ad68709d8dd08fe32f2564c970d278dd2e', fill: "var(--illustration-color)", d: "M76.2 32v59h-59V32z" }), h("path", { key: 'ae337ad0a13d7d329683da1e421d3e3a846d852a', fill: "var(--illustration-color-light-80)", "fill-rule": "nonzero", d: "M7.2 46H68l8.2-14H17.1z" }), h("path", { key: '8223ff3c5aaed3a8488d6a723ba90ceb2fc4cdb5', fill: "var(--illustration-color-dark-35)", d: "M76.2 91V32l17-17.9 1 63.5v.1" }), h("path", { key: '773b395a5de5f873a152a53caf368ce4f081698f', fill: "var(--illustration-color-light-80)", d: "m76.2 32 17-18 12.7 5-16.3 18.2z" }), h("g", { key: 'f753aa6305fa215ed985066f007a0a1528955930', "fill-rule": "nonzero" }, h("path", { key: '4ebe38649dc39627f21658b227a96cd5851a31c7', fill: "#e6e9ed", d: "M77.1 54.6H79v77.2h-1.9z" }), h("path", { key: 'fa796fb0cc51f47f00112a79b70d80fd84620afb', fill: "#ccd1d9", d: "M78.4 54.8V133l30.8-30.8V24z" }), h("path", { key: 'e02fa72a3e2b3b0b9156c876e3129452b3d32fb6', fill: "#e6e9ed", d: "M73.8 54.6H0v78.5h78.5V54.6z" }), h("g", { key: 'dd45009465caa559eec466a22fd921f12780788e', transform: "translate(14.51 69.049)" }, h("ellipse", { key: '68e242ccc2fbeee5763fe14204091e5738a81cfe', cx: "24.7", cy: "24.9", fill: "url(#a)", rx: "24.7", ry: "24.9" }), h("g", { key: '32750fbd331946a43d06299b8174f3c742c50a17', fill: "#fff" }, h("path", { key: '33b7236986ce9feaeae9373bee65dba8237df203', d: "M24.73 5.918c-10.4 0-18.9 8.5-18.9 18.9s8.5 18.9 18.9 18.9 18.9-8.5 18.9-18.9c.2-10.4-8.3-18.9-18.9-18.9m0 36.6c-9.7 0-17.7-7.9-17.7-17.7s8-17.7 17.7-17.7 17.7 7.9 17.7 17.7c.1 9.7-7.8 17.7-17.7 17.7" }), h("path", { key: 'cabbf8264c0f779c10eeb6aad711f23fab98143c', d: "m31.63 16.018-8.7 8.6v-8.6h-1.3v17.7h1.3v-8.6l8.9 8.6h1.6l-8.8-8.8 8.8-8.9zm-14.9-.5c-.6 0-1 .4-1 1.1 0 .4.4 1 1 1s1.1-.4 1.1-1-.5-1.1-1.1-1.1" }))))))));
}
static get style() { return illustrationsCss; }
}, [1, "kv-box-build", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-box-build"];
components.forEach(tagName => { switch (tagName) {
case "kv-box-build":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvBoxBuild$1);
}
break;
} });
}
defineCustomElement$1();
const KvBoxBuild = KvBoxBuild$1;
const defineCustomElement = defineCustomElement$1;
export { KvBoxBuild, defineCustomElement };