@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 5.35 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 KvEsCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class KvEsCheckbox extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: 'b02dc18643654149b867ab738615a8b5be7b1756' }, h("svg", { key: 'a87e2471ef394266cc511fa8f8100f6ef0f90a03', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 200 74", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("g", { key: 'db2b622f382b919cfa6a10d7032819780044f108', fill: "none" }, h("path", { key: 'aa9ac9f651a2f5da628f63188096b66c89dac8ad', fill: "#F6F6F6", d: "M77.57 27.916h64.498a2.897 2.897 0 0 0 .001-5.774H127.18a2.897 2.897 0 0 1 0-5.775h4.137a2.892 2.892 0 0 0 0-5.774H89.144a2.894 2.894 0 0 0-2.65 4.384 2.89 2.89 0 0 0 2.65 1.39h4.552a2.898 2.898 0 0 1 0 5.775H77.57a2.898 2.898 0 0 0 0 5.774" }), h("path", { key: '02618956bc0e366639a63a5bc1236d359cab5c6d', fill: "#F6F6F6", d: "M31.601 33.685h28.347a3.32 3.32 0 0 1-2.983-5.012 3.32 3.32 0 0 1 2.983-1.618h73.91a3.32 3.32 0 1 1 0 6.63h-10.362a3.34 3.34 0 0 1 1.423.325 3.314 3.314 0 0 0 0 5.985c-.445.212-.93.323-1.423.325h.913a3.32 3.32 0 0 1 2.983 5.012 3.32 3.32 0 0 1-2.983 1.618h-12.813a3.318 3.318 0 0 0 0 6.63h26.724a3.32 3.32 0 1 1 0 6.63H110.3a3.317 3.317 0 1 0-.001 6.635h-.588a3.323 3.323 0 0 1 0 6.646h-30.32a3.32 3.32 0 1 1 0-6.63h6.761a3.318 3.318 0 1 0 0-6.635H74.85a3.319 3.319 0 1 1 0-6.63H35.811a3.32 3.32 0 1 1 0-6.63h4.772a3.317 3.317 0 0 0 0-6.63H31.6a3.318 3.318 0 1 1 0-6.635zM139.003 0h-5.775a2.897 2.897 0 0 0-2.65 2.887 2.896 2.896 0 0 0 2.65 2.887h5.775a2.897 2.897 0 0 0 0-5.774M8.488 45.512h5.774a2.9 2.9 0 0 1 2.714 4.407 2.9 2.9 0 0 1-2.714 1.367H8.488a2.898 2.898 0 1 1 0-5.774" }), h("path", { key: 'd32632feb9ba41ea171dc155688611b72ca264e8', fill: "#FFF", d: "m3.526 35.658 194.867-10.384.905 16.984L4.431 52.642z" }), h("path", { key: '1309f716e4b1c92e8e59dbf5c3a31e652c65d743', fill: "#CCD1D9", d: "m4.136 52.976-.94-17.616h.316l195.18-10.426.94 17.617h-.314zm-.272-17.018.86 16.352L198.95 41.953l-.87-16.353z" }), h("path", { key: '1995b3be409172f4eb63d29e520ccf1190ae2b77', fill: "#CCD1D9", d: "m21.119 41.41 70.005-3.73.194 3.644-70.005 3.73zM7.35 48.614l-.5-9.244 10.82-.577.493 9.265zm.167-8.666.425 8.005 9.56-.525-.426-8.005z" }), h("path", { key: '4447a1c22e97705e7ae139a23d7054b74962f2b0', fill: "#FFF", d: "m4.73 15.344 194.851 10.69-.931 16.982L3.799 32.326z" }), h("path", { key: '512a0389db9f3cefaf2f0963f88705922b2b405d', fill: "#CCD1D9", d: "M198.95 43.339h-.315L3.47 32.625l.966-17.612h.315l195.165 10.709zM4.131 32.02l194.226 10.64.892-16.351L5.03 15.675z" }), h("path", { key: '9be32d3b0931e26499d2192ad518dc6cb0f241e0', fill: "#CCD1D9", d: "m21.592 22.964 70 3.84-.2 3.643-70-3.84zm-3.644 6.264-10.82-.593.526-9.26 10.797.573zM7.795 28.042l9.554.525.441-8.005-9.559-.525z" }), h("path", { key: 'c4f3331afe60ce1537e81764d83f93ce9bc4f525', fill: "#FFF", d: "M.315 23.89h195.144v17.008H.315z" }), h("path", { key: '355779705fcd0ea3d0a6855f88c27469522fba4c', fill: "#CCD1D9", d: "M195.8 41.213H0V23.575h195.8zM.63 40.583h194.514V24.205H.63z" }), h("path", { key: '8fe8bdc673ceff781bb2d1c740e05d4c6413e06e', fill: "#CCD1D9", d: "M17.57 30.567h70.105v3.648H17.57zm-3.302 6.462H3.438v-9.276h10.83zm-10.2-.63h9.58v-8.016h-9.58z" }), h("path", { key: '3383e7cbf708535e52c37f6b9ecc8d65445bad18', fill: "var(--illustration-success-color)", d: "M3.753 28.068h10.199v8.646H3.753z" }), h("path", { key: 'b8897230cfe96dac8b2733ee89173f61f8b22954', fill: "#FFF", d: "m7.78 33.696-1.402-1.407-.467.472 1.869 1.885 4.015-4.016-.467-.467z" })))));
}
static get style() { return illustrationsCss; }
}, [1, "kv-es-checkbox", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-es-checkbox"];
components.forEach(tagName => { switch (tagName) {
case "kv-es-checkbox":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvEsCheckbox$1);
}
break;
} });
}
defineCustomElement$1();
const KvEsCheckbox = KvEsCheckbox$1;
const defineCustomElement = defineCustomElement$1;
export { KvEsCheckbox, defineCustomElement };