@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 5.64 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 KvEsSectionThresholds$1 = /*@__PURE__*/ proxyCustomElement(class KvEsSectionThresholds extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '2f90d22105bb7063778f6132219a493b16a4f20d' }, h("svg", { key: 'c6d9ee1ff9bb5da7fe2a71b639c97e7de477a440', 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: '0a3c96323d28553d7e09eb98817d24f20903daeb', fill: "none", "fill-rule": "evenodd" }, h("path", { key: '3177a5e080876fc632ec08bfb34415de2ba4f96f', fill: "#F6F6F6", d: "M102.092 20a4.574 4.574 0 0 1 0 9.146h-9.33a4.58 4.58 0 1 0 0 9.151h15.59a4.573 4.573 0 0 1-.001 9.146h53.854a4.58 4.58 0 1 1 0 9.151h-6.578a4.573 4.573 0 0 0 0 9.147h12.384a4.579 4.579 0 1 1 0 9.15h-39.114a4.573 4.573 0 0 1 0 9.147H26.962a4.574 4.574 0 0 1 0-9.146h14.281a4.6 4.6 0 0 1-1.957-.449 4.567 4.567 0 0 0 0-8.254 4.5 4.5 0 0 1 1.957-.448h-1.275a4.573 4.573 0 0 1 0-9.146h17.686a4.58 4.58 0 1 0 0-9.151H4.573a4.575 4.575 0 0 1 0-9.147h54.886a4.578 4.578 0 0 0 0-9.151h.822A4.572 4.572 0 1 1 60.27 20zm97.139 47.982a4.58 4.58 0 0 1-4.096 6.909h-9.13a4.578 4.578 0 0 1 0-9.15h9.13a4.58 4.58 0 0 1 4.096 2.24z" }), h("g", { key: '23b67cede5a41c081a1726525d5b29a870fc5a0b', transform: "translate(17 26)" }, h("path", { key: '48a404ad4c1922bf661f6f5f90d6734a2178edf0', fill: "#FFF", "fill-rule": "nonzero", d: "M16.785.418 157.941 15.03a2 2 0 0 1 1.783 2.196l-3.668 35.435a2 2 0 0 1-2.195 1.784L12.704 39.833a2 2 0 0 1-1.783-2.196l3.668-35.435A2 2 0 0 1 16.784.418z" }), h("path", { key: '453d708d581133b32324a2588de2fa0784e10651', fill: "var(--illustration-color-light-90)", d: "m12.453 22.852 145.133 15.024-1.736 16.766L10.717 39.618z" }), h("path", { key: 'cd390108dfcd4da43bd57782e8c9adf236eae751', stroke: "#CCD1D9", d: "M12.461 22.856 157.594 37.87" }), h("path", { key: '4bc89ac9867dbfb4d8ac14fe8057e212d3d78fb8', fill: "#CCD1D9", "fill-rule": "nonzero", d: "m20.65 9.6 53.565 5.545-.739 7.14-53.564-5.546zm118.64 9.77 11.588 1.2a2 2 0 0 1 1.784 2.195l-.659 6.362a2 2 0 0 1-2.195 1.783l-11.588-1.2a2 2 0 0 1-1.784-2.195l.659-6.362a2 2 0 0 1 2.195-1.783M43.756 32.146l12.845 1.33-.485 4.681-12.845-1.33zm-25.168-2.601 12.845 1.33-.485 4.681-12.845-1.33z" }), h("path", { key: 'f66fa4565116dd703cdd8d8b7c00a09cdfe407a9', stroke: "#CCD1D9", d: "M16.785.418 157.941 15.03a2 2 0 0 1 1.783 2.196l-3.668 35.435a2 2 0 0 1-2.195 1.784L12.704 39.833a2 2 0 0 1-1.783-2.196l3.668-35.435A2 2 0 0 1 16.784.418z" }), h("rect", { key: '42017260a0136cca0f67c287f949cfcefc8e1990', width: "145.909", height: "39.625", y: "9.924", fill: "#FFF", "fill-rule": "nonzero", rx: "2" }), h("path", { key: '504f775da70a942c2be16077a1cfaba625f7f9e8', fill: "var(--illustration-color-light-90)", d: "M0 32.687h145.909v16.856H0z" }), h("path", { key: '33929ddb51f7f73faa1e1cc36a2c3adcdbaa4968', stroke: "#CCD1D9", d: "M0 32.687h145.909" }), h("rect", { key: '0c18d81188d4cc6e17c84514d6bfae0905c644f6', width: "53.851", height: "7.178", x: "6.784", y: "18.661", fill: "#CCD1D9", "fill-rule": "nonzero", rx: "2" }), h("rect", { key: 'b9708929f8bae832074425bcd844b0b1cb6d3a33', width: "15.65", height: "10.396", x: "123.799", y: "16.16", fill: "#CCD1D9", "fill-rule": "nonzero", rx: "2" }), h("rect", { key: '3edd937de6440f70b748523434ab6ee6b2d3cebe', width: "12.914", height: "4.707", x: "32.082", y: "38.712", fill: "#CCD1D9", "fill-rule": "nonzero", rx: "1" }), h("rect", { key: '135d0a1114fa8d9683fd353a6a4d6fc64d0b14ee', width: "12.914", height: "4.707", x: "6.784", y: "38.712", fill: "#CCD1D9", "fill-rule": "nonzero", rx: "1" }), h("rect", { key: '906b1d44ddb2ec93de9dfc6d130a67d1fd32c27e', width: "145.909", height: "39.625", y: "9.924", stroke: "#CCD1D9", rx: "2" }))))));
}
static get style() { return illustrationsCss; }
}, [1, "kv-es-section-thresholds", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-es-section-thresholds"];
components.forEach(tagName => { switch (tagName) {
case "kv-es-section-thresholds":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvEsSectionThresholds$1);
}
break;
} });
}
defineCustomElement$1();
const KvEsSectionThresholds = KvEsSectionThresholds$1;
const defineCustomElement = defineCustomElement$1;
export { KvEsSectionThresholds, defineCustomElement };