@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 5.28 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 KvEsSectionCell$1 = /*@__PURE__*/ proxyCustomElement(class KvEsSectionCell extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '51a77e115c642d0924b5cef1dca770aab5123d8e' }, h("svg", { key: 'bfa2fa817dc2b902c48b5da7c90ca479cd25b252', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 200 104", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("g", { key: 'e3a9ba91e1c65868ea6bc1b5ceba1045b1eef1ec', fill: "none", "fill-rule": "evenodd" }, h("path", { key: '2701f873ba844da8ca0950406889c7a959dbb589', fill: "#F6F6F6", d: "M71.499 51.63h74.15a3.33 3.33 0 0 1 0 6.655h-10.39c.494 0 .981.11 1.427.322a3.322 3.322 0 0 0 0 6.007 3.3 3.3 0 0 1-1.427.323h.928a3.326 3.326 0 1 1 0 6.651h-12.863a3.33 3.33 0 0 0 0 6.656h26.799a3.326 3.326 0 1 1 0 6.651h-28.104a3.33 3.33 0 0 0 0 6.656h-.594a3.326 3.326 0 1 1 0 6.651H91.01a3.326 3.326 0 1 1 0-6.651h6.786a3.33 3.33 0 0 0 0-6.656H86.437a3.326 3.326 0 1 1 0-6.651h-39.15a3.33 3.33 0 0 1 0-6.656h4.784a3.326 3.326 0 1 0 0-6.651h-9.007a3.326 3.326 0 1 1 0-6.652H71.5a3.33 3.33 0 1 1 0-6.656zM29.98 58.284a3.326 3.326 0 1 1 0 6.652h-6.655a3.326 3.326 0 1 1 0-6.652zm113.03-25.67a3.326 3.326 0 1 1 0 6.65H68.873a3.326 3.326 0 0 1 0-6.65zm10.65-13.249a3.326 3.326 0 0 1 0 6.652h-6.652a3.326 3.326 0 1 1 0-6.652zM123.579 6a3.326 3.326 0 1 1 0 6.652h-4.962a3.33 3.33 0 1 0 .213 6.655h17.105a3.326 3.326 0 1 1 0 6.652H61.8a3.326 3.326 0 0 1 0-6.652h18.536a3.33 3.33 0 0 0 0-6.655h-5.228a3.326 3.326 0 0 1 0-6.652z" }), h("g", { key: 'a86123ffd6793294efaf253e52e4e9fedf4d6327', "fill-rule": "nonzero" }, h("path", { key: '803d7a773e43eafeff577daddc451f1b1eea8105', fill: "#FFF", stroke: "#CCD1D9", d: "m4.498 46.827 173.99-23.71a2 2 0 0 1 2.252 1.712l3.344 24.538a2 2 0 0 1-1.712 2.251L8.382 75.328a2 2 0 0 1-2.252-1.711L2.786 49.079a2 2 0 0 1 1.712-2.252z" }), h("path", { key: 'df5ce89b8c57fd93897f2475523ad9229649045d', fill: "#CCD1D9", d: "m15.164 54.089 7.438-1.014a2 2 0 0 1 2.251 1.712l1.014 7.437a2 2 0 0 1-1.712 2.252l-7.437 1.013a2 2 0 0 1-2.252-1.711l-1.013-7.438a2 2 0 0 1 1.711-2.251m19.006-2.595 133.793-18.232a2 2 0 0 1 2.252 1.711l1.013 7.438a2 2 0 0 1-1.711 2.251L35.723 62.895a2 2 0 0 1-2.252-1.712l-1.014-7.437a2 2 0 0 1 1.712-2.252z" }), h("path", { key: '7cbaa017c43939781f064cf81a23c657e669c5c0', fill: "#FFF", stroke: "#CCD1D9", d: "m23.312 19.557 173.737 25.5a2 2 0 0 1 1.688 2.27l-3.596 24.502a2 2 0 0 1-2.27 1.688l-173.736-25.5a2 2 0 0 1-1.689-2.27l3.597-24.502a2 2 0 0 1 2.269-1.688z" }), h("path", { key: '4add2a28e63fcb9230f8730bd1f6485698df90c3', fill: "#CCD1D9", d: "m31.545 29.492 7.426 1.09a2 2 0 0 1 1.689 2.269l-1.09 7.426a2 2 0 0 1-2.27 1.689l-7.426-1.09a2 2 0 0 1-1.688-2.27l1.09-7.426a2 2 0 0 1 2.269-1.688m18.8 3.023L184.03 52.771a2 2 0 0 1 1.678 2.277l-1.127 7.436a2 2 0 0 1-2.277 1.678L48.62 43.906a2 2 0 0 1-1.678-2.277l1.127-7.436a2 2 0 0 1 2.277-1.678z" }), h("g", { key: 'f820a08072a12d2e4429604d6b7b55feae9a8917', transform: "translate(12.195 44.61)" }, h("rect", { key: '9a28e1c2dcf130eba39058e2b13e00d7d70d1af9', width: "179.598", height: "28.765", fill: "#FFF", stroke: "#CCD1D9", rx: "2" }), h("rect", { key: 'cfc484783bd04d2f61157dda347d87e2fc1d8b24', width: "11.506", height: "11.506", x: "9.588", y: "8.629", fill: "#CCD1D9", rx: "2" }), h("rect", { key: '1bd1509a6e3c5030895fac4be471a2ff5e7ba262', width: "139.03", height: "11.506", x: "28.765", y: "8.629", fill: "#CCD1D9", rx: "2" })))))));
}
static get style() { return illustrationsCss; }
}, [1, "kv-es-section-cell", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-es-section-cell"];
components.forEach(tagName => { switch (tagName) {
case "kv-es-section-cell":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvEsSectionCell$1);
}
break;
} });
}
defineCustomElement$1();
const KvEsSectionCell = KvEsSectionCell$1;
const defineCustomElement = defineCustomElement$1;
export { KvEsSectionCell, defineCustomElement };