@kelvininc/ui-components
Version:
Kelvin UI Components
60 lines (59 loc) • 5.65 kB
JavaScript
import { Host, h } from "@stencil/core";
import { getClassMap } from "../../../utils/css-class.helper";
/**
* @part illustration - The illustration container.
*/
export class KvEsSectionThresholds {
constructor() {
/** @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 is() { return "kv-es-section-thresholds"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["../../../illustrations/illustrations.scss"]
};
}
static get styleUrls() {
return {
"$": ["../../../illustrations/illustrations.css"]
};
}
static get properties() {
return {
"customClass": {
"type": "string",
"attribute": "custom-class",
"mutable": false,
"complexType": {
"original": "CustomCssClass",
"resolved": "CssClassMap | string | string[]",
"references": {
"CustomCssClass": {
"location": "import",
"path": "../../../types",
"id": "src/types.ts::CustomCssClass"
}
}
},
"required": false,
"optional": false,
"docs": {
"tags": [{
"name": "inheritdoc",
"text": undefined
}],
"text": "(optional) Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces. It is also valid to provide\nCssClassMap with boolean logic."
},
"getter": false,
"setter": false,
"reflect": true,
"defaultValue": "''"
}
};
}
}