@kelvininc/ui-components
Version:
Kelvin UI Components
60 lines (59 loc) • 9.9 kB
JavaScript
import { Host, h } from "@stencil/core";
import { getClassMap } from "../../../utils/css-class.helper";
/**
* @part illustration - The illustration container.
*/
export class KvTakeActions {
constructor() {
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '1cbb9e7f2bcd724d06c30c3b0ccf6ac742186152' }, h("svg", { key: '73b478e18ed0ac80e0f18afc76e354ded571dc2a', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 232 172", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("circle", { key: 'b0e6e7e917da5214b6b2c7a0d5833691faab5062', cx: "115.58", cy: "74.896", r: "68.844", fill: "#2A2A2A" }), h("rect", { key: '469555e781c523cc9ce0f723254ec2b349b17ba3', width: "59.961", height: "59.961", x: "37.853", y: "0.5", fill: "#8358FE", rx: "2" }), h("path", { key: 'beb881b16ad2c55704b0c053567bc5fd68692e04', fill: "#714ED3", d: "M71.468 28.664H66.89l2.635-6.596c.382-.927-.073-1.98-1.017-2.362a1.82 1.82 0 0 0-2.363 1.017l-3.634 9.085c-.218.564-.145 1.2.182 1.69.345.509.909.8 1.508.8h4.579l-2.635 6.595c-.381.927.073 1.98 1.018 2.362a1.826 1.826 0 0 0 2.362-1.017l3.634-9.085c.218-.563.145-1.2-.182-1.69a1.81 1.81 0 0 0-1.508-.8" }), h("path", { key: 'd6d76bf262dd6dac5fb8a442e57207917203cd25', fill: "#714ED3", d: "M67.834 10.494c-11.03 0-19.987 8.958-19.987 19.987s8.957 19.987 19.987 19.987S87.82 41.51 87.82 30.48s-8.958-19.987-19.987-19.987m0 36.34c-9.013 0-16.353-7.341-16.353-16.353s7.34-16.353 16.353-16.353c9.012 0 16.353 7.34 16.353 16.353 0 9.012-7.341 16.353-16.353 16.353" }), h("path", { key: 'ebedc7ea74e94e0fdf168232c805af1d4cb42322', fill: "#707070", d: "M20.414 111.08a20.312 20.312 0 1 0 0-40.625 20.312 20.312 0 0 0 0 40.625M9.869 91.303a1.847 1.847 0 0 1 2.604 0l4.247 4.247 10.692-10.692a1.847 1.847 0 0 1 2.604 2.604L18.013 99.465a1.847 1.847 0 0 1-2.604 0l-5.54-5.54a1.847 1.847 0 0 1 0-2.622" }), h("mask", { key: '32a243744b0c2b54e40dc8a3116cb3d0d67abead', id: "a", width: "33", height: "33", x: "24", y: "129", maskUnits: "userSpaceOnUse", style: { "mask-type": "alpha" } }, h("path", { key: 'a9ccdb05ee895df691b70b22fed00c5f4749cb61', fill: "#D9D9D9", d: "M24.528 129.305h32.201v32.201H24.528z" })), h("g", { key: '36074146fe1215f2a2b02ece0f298f5749edafa1', mask: "url(#a)" }, h("path", { key: '2dc96e03f497d2d60e40ce3a4c12d98c9e9a9474', fill: "#3F3F3F", d: "m35.799 152.114 4.83-4.83 4.83 4.83 1.879-1.878-4.83-4.83 4.83-4.83-1.879-1.879-4.83 4.83-4.83-4.83-1.879 1.879 4.83 4.83-4.83 4.83zm4.83 6.709q-2.784 0-5.233-1.057a13.5 13.5 0 0 1-4.26-2.868 13.5 13.5 0 0 1-2.867-4.26q-1.057-2.448-1.057-5.232t1.057-5.233a13.6 13.6 0 0 1 2.867-4.26 13.6 13.6 0 0 1 4.26-2.869q2.45-1.055 5.233-1.055 2.784 0 5.233 1.055a13.6 13.6 0 0 1 4.26 2.869 13.6 13.6 0 0 1 2.867 4.26q1.057 2.449 1.057 5.233t-1.057 5.232a13.5 13.5 0 0 1-2.867 4.26 13.5 13.5 0 0 1-4.26 2.868q-2.45 1.057-5.233 1.057" })), h("rect", { key: 'b8d9bb8e96a199d169a476153b628cc389ae308e', width: "96.907", height: "66.623", x: "94.483", y: "104.877", fill: "#3F3F3F", rx: "4.351" }), h("path", { key: '9496eb38d8ae1c272a77c620ed44a91e44100b12', fill: "#707070", d: "M94.483 109.228a4.35 4.35 0 0 1 4.352-4.351h88.204a4.35 4.35 0 0 1 4.351 4.351v1.705H94.483z" }), h("path", { key: 'cfc4c3923abf0a3e40c85ed6befaecc729190ffa', fill: "#E5E5E5", d: "M111.565 119.413h-8.726c-.601 0-1.088.487-1.088 1.087v.247c0 .601.487 1.088 1.088 1.088h8.726c.601 0 1.088-.487 1.088-1.088v-.247c0-.6-.487-1.087-1.088-1.087m25.438 0h-19.628c-.601 0-1.088.487-1.088 1.087v.247c0 .601.487 1.088 1.088 1.088h19.628c.601 0 1.088-.487 1.088-1.088v-.247c0-.6-.487-1.087-1.088-1.087" }), h("path", { key: '48c46e0ba6fd66ad76fc3c0ac4d26b148e840f56', fill: "#707070", d: "M116.41 125.469h-8.726c-.601 0-1.088.487-1.088 1.088v.247c0 .601.487 1.088 1.088 1.088h8.726c.601 0 1.088-.487 1.088-1.088v-.247c0-.601-.487-1.088-1.088-1.088" }), h("path", { key: 'b00b336f82d3ff678a187dfc6412194312ddd172', fill: "#2A2A2A", d: "M183.034 125.469h-60.813c-.601 0-1.088.487-1.088 1.088v.247c0 .601.487 1.088 1.088 1.088h60.813c.601 0 1.088-.487 1.088-1.088v-.247c0-.601-.487-1.088-1.088-1.088" }), h("path", { key: '20dcd00ba65b481ada3b8889775f752e709ffb8b', fill: "#707070", d: "M116.41 132.737h-8.726c-.601 0-1.088.487-1.088 1.088v.247c0 .601.487 1.088 1.088 1.088h8.726c.601 0 1.088-.487 1.088-1.088v-.247c0-.601-.487-1.088-1.088-1.088" }), h("path", { key: '5d50c73e741399c2de94421ba82b76e439f751e0', fill: "#2A2A2A", d: "M183.034 132.737h-60.813c-.601 0-1.088.487-1.088 1.088v.247c0 .601.487 1.088 1.088 1.088h60.813c.601 0 1.088-.487 1.088-1.088v-.247c0-.601-.487-1.088-1.088-1.088" }), h("path", { key: 'c1ce7b5e6c46b9a062b959af7196f8ed95c5ec8a', fill: "#707070", d: "M116.41 140.005h-8.726c-.601 0-1.088.487-1.088 1.088v.247c0 .601.487 1.088 1.088 1.088h8.726c.601 0 1.088-.487 1.088-1.088v-.247c0-.601-.487-1.088-1.088-1.088" }), h("path", { key: 'dc1b5a73eaa78148c5447b248673455d3f40309e', fill: "#2A2A2A", d: "M183.034 140.005h-60.813c-.601 0-1.088.487-1.088 1.088v.247c0 .601.487 1.088 1.088 1.088h60.813c.601 0 1.088-.487 1.088-1.088v-.247c0-.601-.487-1.088-1.088-1.088" }), h("path", { key: 'e57c88193f9e95f2476e0c18c71559a922bbeec2', fill: "#E5E5E5", d: "M111.565 147.273h-8.726c-.601 0-1.088.487-1.088 1.088v.247c0 .601.487 1.088 1.088 1.088h8.726c.601 0 1.088-.487 1.088-1.088v-.247c0-.601-.487-1.088-1.088-1.088m25.438 0h-19.628c-.601 0-1.088.487-1.088 1.088v.247c0 .601.487 1.088 1.088 1.088h19.628c.601 0 1.088-.487 1.088-1.088v-.247c0-.601-.487-1.088-1.088-1.088" }), h("path", { key: 'c5e7fe27e65779959e34f7e30b6212f953caa618', fill: "#3F3F3F", d: "M160.019 153.33h-37.798c-.601 0-1.088.487-1.088 1.088v.247c0 .601.487 1.088 1.088 1.088h37.798c.601 0 1.088-.487 1.088-1.088v-.247c0-.601-.487-1.088-1.088-1.088" }), h("path", { key: '8bff8c7b24bd81a7e7f63b960447df4502e6d35b', fill: "#2A2A2A", d: "M160.019 154.541h-37.798c-.601 0-1.088.487-1.088 1.088v.247c0 .601.487 1.088 1.088 1.088h37.798c.601 0 1.088-.487 1.088-1.088v-.247c0-.601-.487-1.088-1.088-1.088" }), h("path", { key: 'df8e09a8bdc7f6d9058c68550c54ea65cf658e22', fill: "#707070", d: "M116.41 154.541h-1.458c-.601 0-1.088.487-1.088 1.088v.247c0 .601.487 1.088 1.088 1.088h1.458c.601 0 1.088-.487 1.088-1.088v-.247c0-.601-.487-1.088-1.088-1.088m0 7.268h-8.726c-.601 0-1.088.487-1.088 1.088v.247c0 .601.487 1.088 1.088 1.088h8.726c.601 0 1.088-.487 1.088-1.088v-.247c0-.601-.487-1.088-1.088-1.088" }), h("path", { key: '2c51bee720048694e9de0975e0f4b20a0270e6ee', fill: "#2A2A2A", d: "M160.019 161.809h-37.798c-.601 0-1.088.487-1.088 1.088v.247c0 .601.487 1.088 1.088 1.088h37.798c.601 0 1.088-.487 1.088-1.088v-.247c0-.601-.487-1.088-1.088-1.088" }), h("path", { key: '82a97284a21df672cd09f7e4f32c560640fcf14b', fill: "#3F3F3F", d: "M183.034 153.33h-17.206c-.601 0-1.088.487-1.088 1.088v.247c0 .601.487 1.088 1.088 1.088h17.206c.601 0 1.088-.487 1.088-1.088v-.247c0-.601-.487-1.088-1.088-1.088" }), h("path", { key: '7b60c80166cb8a599716dc1ccba8992e619fe6b3', fill: "#2A2A2A", d: "M183.034 154.541h-17.206c-.601 0-1.088.487-1.088 1.088v.247c0 .601.487 1.088 1.088 1.088h17.206c.601 0 1.088-.487 1.088-1.088v-.247c0-.601-.487-1.088-1.088-1.088m0 7.268h-17.206c-.601 0-1.088.487-1.088 1.088v.247c0 .601.487 1.088 1.088 1.088h17.206c.601 0 1.088-.487 1.088-1.088v-.247c0-.601-.487-1.088-1.088-1.088" }), h("path", { key: '0faa680cabb83cd6f357c34f8c1aabb93ce12c39', fill: "#E5E5E5", d: "M191.368 48.792A6.3 6.3 0 0 0 187.655 50c-1.543-3.642-5.141-6.194-9.337-6.194-5.286 0-9.619 4.048-10.095 9.216a5.23 5.23 0 0 0-4.088-1.973 5.256 5.256 0 0 0-5.249 5.261 5.256 5.256 0 0 0 5.249 5.262h27.24c3.519 0 6.374-2.862 6.374-6.39 0-3.526-2.855-6.389-6.374-6.389zm19.277-15.196a4 4 0 0 1 2.334.754 6.38 6.38 0 0 1 5.868-3.87c3.32 0 6.047 2.533 6.346 5.762a3.31 3.31 0 0 1 2.57-1.23 3.293 3.293 0 0 1 3.298 3.286 3.293 3.293 0 0 1-3.298 3.286h-17.125a3.996 3.996 0 0 1-4.005-3.99 3.996 3.996 0 0 1 4.005-3.99zm-63.914-9.509a3.33 3.33 0 0 0-1.913.604c-.796-1.82-2.644-3.094-4.805-3.094-2.717 0-4.944 2.027-5.192 4.61a2.74 2.74 0 0 0-2.103-.99c-1.49 0-2.702 1.181-2.702 2.632 0 1.45 1.212 2.631 2.702 2.631h14.006c1.811 0 3.279-1.429 3.279-3.193s-1.468-3.193-3.279-3.193z" }))));
}
static get is() { return "kv-take-actions"; }
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": "''"
}
};
}
}