@kelvininc/ui-components/components/kv-es-asset-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 KvEsAssetPlaceholder$1 = /*@__PURE__*/ proxyCustomElement(class KvEsAssetPlaceholder extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        /** @inheritdoc */
        this.customClass = '';
    }
    render() {
        return (h(Host, { key: '9143be1a0fae7741a6e7d24eb8a7da04515423e8' }, h("svg", { key: 'd4bed0eb1c2e5f6b11b50aef5d58ad35dabc8b63', 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: '8693bdb701c38f5010feb4e009fc1b44517da747', fill: "none", "fill-rule": "evenodd" }, h("g", { key: '51aa741d9223da50852f5b2974079cb5fecda252', transform: "rotate(11 10.844 90.927)" }, h("rect", { key: 'be624179596facbb074b140fd05f8694b0eed271', width: "74", height: "72", fill: "#C4C4C4", rx: "3" }), h("rect", { key: '9db44ce4d3baf134e879264948128d387879d187', width: "66", height: "53", x: "3.932", y: "3.91", fill: "#FFF", rx: "3" })), h("g", { key: '8ba2c978af81f8b62b0ec2e7fb94203432737595', transform: "rotate(-18 68.912 11.088)" }, h("rect", { key: '51cc7648da8262361cc790d56a51db81a9c988b5', width: "72", height: "70", fill: "#D8D8D8", rx: "3" }), h("rect", { key: '1fad343f7931cdc6ff26572939b534a145c51912', width: "64", height: "51", x: "4", y: "4", fill: "#FFF", rx: "3" }), h("g", { key: '7a5cbf221abde5e80d15a2bef6e5a7c13aef182b', opacity: "0.696" }, h("path", { key: '6580af457e7896585fbb69612cba0d083d12620a', d: "M18.36 11.887h35v35h-35z" }), h("path", { key: '7af0ba143d5d868a5334ab727dc5d79e239f499e', 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-14m1.372 5.6h-2.758l-5.782 15.4h2.66l1.4-3.934h6.23l1.372 3.934h2.66zm-1.316 2.856 2.24 6.37H33.55l2.24-6.37z" })))))));
    }
    static get style() { return illustrationsCss; }
}, [1, "kv-es-asset-placeholder", {
        "customClass": [513, "custom-class"]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["kv-es-asset-placeholder"];
    components.forEach(tagName => { switch (tagName) {
        case "kv-es-asset-placeholder":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, KvEsAssetPlaceholder$1);
            }
            break;
    } });
}
defineCustomElement$1();

const KvEsAssetPlaceholder = KvEsAssetPlaceholder$1;
const defineCustomElement = defineCustomElement$1;

export { KvEsAssetPlaceholder, defineCustomElement };