@kelvininc/ui-components
Version:
Kelvin UI Components
60 lines (59 loc) • 3 kB
JavaScript
import { Host, h } from "@stencil/core";
import { getClassMap } from "../../../utils/css-class.helper";
/**
* @part illustration - The illustration container.
*/
export class KvSoftAgree {
constructor() {
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: 'e9762ec8b88dd099bea900cb9263a7d7c2e6ea76' }, h("svg", { key: 'cae2b9db7263f2df6b451cbfd487a144aa603d01', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 40 40", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("path", { key: '7792f2fb4ddb8742b99bc88805b8a1a661cac6c0', fill: "#3F3F3F", d: "M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20" }), h("path", { key: '0b89af8dc24727137ab55ee34d3d7abaf4524fff', fill: "#FFC043", "fill-rule": "evenodd", d: "M31.808 20c0 6.52-5.286 11.806-11.806 11.806S8.195 26.52 8.195 20 13.481 8.193 20.002 8.193c6.52 0 11.806 5.286 11.806 11.807m-5.91-4.146a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0m-10.109 1.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5m6.894 4.982-1.637 1.637 1.637 1.638a.74.74 0 0 1-1.045 1.045l-1.637-1.637-1.638 1.637a.74.74 0 0 1-1.045-1.045l1.637-1.638-1.637-1.637a.74.74 0 0 1 1.045-1.046l1.638 1.638 1.637-1.638a.74.74 0 0 1 1.045 1.046" }))));
}
static get is() { return "kv-soft-agree"; }
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": "''"
}
};
}
}