@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 4.26 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 KvAgree$1 = /*@__PURE__*/ proxyCustomElement(class KvAgree extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @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 style() { return illustrationsCss; }
}, [1, "kv-agree", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-agree"];
components.forEach(tagName => { switch (tagName) {
case "kv-agree":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvAgree$1);
}
break;
} });
}
defineCustomElement$1();
const KvAgree = KvAgree$1;
const defineCustomElement = defineCustomElement$1;
export { KvAgree, defineCustomElement };