@kelvininc/ui-components/components/kv-es-component-placeholder.js

Kelvin UI Components

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 KvEsComponentPlaceholder$1 = /*@__PURE__*/ proxyCustomElement(class KvEsComponentPlaceholder extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        /** @inheritdoc */
        this.customClass = '';
    }
    render() {
        return (h(Host, { key: '8514aa92dfdd5ba9a3a8af365f8c3cda492a364c' }, h("svg", { key: '381d7d1ba7f3197d78f483c4b4b2fa3834d26ab2', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 92 90", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("g", { key: 'ff463b8b5c202b9d0ff5937c7c6d2ed114782b35', fill: "none", "fill-rule": "evenodd" }, h("g", { key: '36497df2099488b5f04a1c2768afede10e71337e', transform: "rotate(11 6.151 96.62)" }, h("rect", { key: '33474b46256cf022ee1fcbd7d5ef7199961c0bab', width: "74", height: "72", fill: "#C4C4C4", rx: "3" }), h("rect", { key: '665f545a0ff38d64ac833c085f0f1cf380fa4b08', width: "66", height: "53", x: "3.932", y: "3.91", fill: "#FFF", rx: "3" })), h("g", { key: '68d0faa222529e6be73590cc8f358feb2519e227', transform: "rotate(-18 72.569 8.431)" }, h("rect", { key: 'a84a589146870d390dfde50f070d8aafdc5ffff5', width: "72", height: "70", fill: "#D8D8D8", rx: "3" }), h("rect", { key: 'a580a2af32ef15ea58be3b39452b50f064fec050', width: "64", height: "51", x: "4", y: "4", fill: "#FFF", rx: "3" }), h("g", { key: 'dcd38e7b98c1c46ebea0e2d0b4233c81c158a2bf', opacity: "0.696" }, h("path", { key: '263372e5e6016e15703bd11aa8b61c778cd7ce27', d: "M18.36 11.887h35v35h-35z" }), h("path", { key: '8e59cf6e64576f3dff3555575108aa69cd5c7db2', fill: "#C4C4C4", d: "M35.86 15.387c7.728 0 14 6.272 14 14s-6.272 14-14 14-14-6.272-14-14 6.272-14 14-14m.594 6.72c-4.342 0-7.874 3.451-7.874 7.694 0 4.252 3.532 7.711 7.874 7.711a8 8 0 0 0 5.268-1.987l1.17-1.024-2.321-2.155-.951.84a4.77 4.77 0 0 1-3.166 1.182c-2.608 0-4.73-2.05-4.73-4.568 0-2.508 2.122-4.549 4.73-4.549 1.192 0 2.316.414 3.166 1.164l.987.872 2.224-2.225-1.127-.986a7.97 7.97 0 0 0-5.25-1.97z" })))))));
    }
    static get style() { return illustrationsCss; }
}, [1, "kv-es-component-placeholder", {
        "customClass": [513, "custom-class"]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["kv-es-component-placeholder"];
    components.forEach(tagName => { switch (tagName) {
        case "kv-es-component-placeholder":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, KvEsComponentPlaceholder$1);
            }
            break;
    } });
}
defineCustomElement$1();

const KvEsComponentPlaceholder = KvEsComponentPlaceholder$1;
const defineCustomElement = defineCustomElement$1;

export { KvEsComponentPlaceholder, defineCustomElement };