@kelvininc/ui-components
Version:
Kelvin UI Components
60 lines (59 loc) • 4.37 kB
JavaScript
import { Host, h } from "@stencil/core";
import { getClassMap } from "../../../utils/css-class.helper";
/**
* @part illustration - The illustration container.
*/
export class KvAgree {
constructor() {
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '77d644915c706da2348c9ee580e6a6e40bf11085' }, h("svg", { key: '7abf85aee20d0323a04b5c1c708d862bdb6bce8c', 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: '4f5dd6be89d11466f5c3920686f394535c8f545e', 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: '0a5fc9b80fa3a6d8c8d231c6d5a4b8ff78bef2a3', fill: "#05A357", "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-8.445-3.402h2.147v-.005a.739.739 0 1 1 0 1.478h-3.438l-.04-.002-.01-.001q-.012 0-.023-.002l-.012-.002h-.005l-.01-.002-.008-.001-.038-.006-.027-.008q-.023-.005-.044-.012l-.02-.007-.01-.004-.04-.016-.009-.003L21.77 18l-.051-.025-.005-.003q-.003 0-.006-.004l-.002-.001-.004-.003-.044-.029-.021-.015-.035-.027-.008-.007-.008-.008-.008-.007q-.015-.013-.027-.027l-.024-.026-.023-.028-.02-.026-.011-.017-.008-.01-.003-.006-.016-.025-.006-.01-.015-.028-.006-.012-.005-.011-.019-.044-.008-.02a1 1 0 0 1-.03-.115l-.004-.019-.001-.01-.002-.013-.003-.027-.003-.063v-.01l.002-.04v-.011l.002-.022.006-.037.003-.018.003-.017.002-.007.002-.009.004-.015.003-.013.009-.028.008-.025.018-.045.005-.01.005-.01.009-.017.015-.029.001-.003.002-.003 1.713-2.968a.74.74 0 0 1 1.28.74zm-4.894 1.17.022-.032.006-.01.01-.015.02-.038.006-.012.005-.011.019-.044.008-.021.015-.046.003-.012.003-.012.01-.045.005-.029.001-.012.003-.028.002-.038v-.012l.002-.013v-.01l-.003-.04-.001-.022-.001-.01q0-.01-.003-.02l-.006-.036q0-.008-.003-.017l-.004-.016-.004-.015-.003-.011-.008-.03-.005-.012-.004-.012-.018-.045-.01-.02-.026-.05v-.002l-1.714-2.968a.74.74 0 0 0-1.28.74l1.074 1.86h-2.148a.739.739 0 1 0 0 1.477h3.437q.02 0 .04-.002l.022-.001.011-.001.035-.006q.01 0 .02-.003l.019-.003.015-.004.011-.003.007-.002.038-.01.02-.008.05-.019.007-.003.008-.004.05-.026.006-.002.005-.004.006-.004.045-.029.02-.015.035-.028.016-.014.008-.008.028-.026.023-.026.008-.01.016-.018.01-.014.01-.013zm7.43 4.938a6.131 6.131 0 0 1-11.8-.007l-.002-.007c-.203-.726.355-1.442 1.108-1.442h9.589c.753 0 1.31.716 1.108 1.442l-.002.007zm-10.077.535A4.73 4.73 0 0 0 20 25.764a4.73 4.73 0 0 0 4.178-2.523.366.366 0 0 0-.325-.535h-7.706a.366.366 0 0 0-.325.535" }))));
}
static get is() { return "kv-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": "''"
}
};
}
}