@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 4.32 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 KvDisagree$1 = /*@__PURE__*/ proxyCustomElement(class KvDisagree extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '3a85b7969b8ef5c8da44b937009c26d128ff703d' }, h("svg", { key: 'b8a805c514a165f11d7aba92c0848aa2a936d38d', 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: '74aa39712ace07b94bf36c594a12209af35566c7', 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: 'effc5dc6d01f223e06b72b05bb386138783c80eb', fill: "#E11900", "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-.013zM14.1 25.715A6.13 6.13 0 0 1 20 21.25h-.001a6.13 6.13 0 0 1 5.9 4.464q0 .008.003.014c.203.726-.355 1.442-1.109 1.442h-9.588c-.753 0-1.31-.716-1.108-1.442l.001-.007zm10.077-.534a4.73 4.73 0 0 0-4.178-2.524 4.73 4.73 0 0 0-4.178 2.524.366.366 0 0 0 .325.535h7.706a.366.366 0 0 0 .325-.535" }))));
}
static get style() { return illustrationsCss; }
}, [1, "kv-disagree", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-disagree"];
components.forEach(tagName => { switch (tagName) {
case "kv-disagree":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvDisagree$1);
}
break;
} });
}
defineCustomElement$1();
const KvDisagree = KvDisagree$1;
const defineCustomElement = defineCustomElement$1;
export { KvDisagree, defineCustomElement };