@kelvininc/ui-components/dist/cjs/kv-es-asset-placeholder.cjs.entry.js

Kelvin UI Components

'use strict';

var index = require('./index-DpuMIXDY.js');
var cssClass_helper = require('./css-class.helper-B7G6WFT7.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 = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        /** @inheritdoc */
        this.customClass = '';
    }
    render() {
        return (index.h(index.Host, { key: '9143be1a0fae7741a6e7d24eb8a7da04515423e8' }, index.h("svg", { key: 'd4bed0eb1c2e5f6b11b50aef5d58ad35dabc8b63', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 92 90", class: Object.assign(Object.assign({}, cssClass_helper.getClassMap(this.customClass)), { illustration: true }) }, index.h("g", { key: '8693bdb701c38f5010feb4e009fc1b44517da747', fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: '51aa741d9223da50852f5b2974079cb5fecda252', transform: "rotate(11 10.844 90.927)" }, index.h("rect", { key: 'be624179596facbb074b140fd05f8694b0eed271', width: "74", height: "72", fill: "#C4C4C4", rx: "3" }), index.h("rect", { key: '9db44ce4d3baf134e879264948128d387879d187', width: "66", height: "53", x: "3.932", y: "3.91", fill: "#FFF", rx: "3" })), index.h("g", { key: '8ba2c978af81f8b62b0ec2e7fb94203432737595', transform: "rotate(-18 68.912 11.088)" }, index.h("rect", { key: '51cc7648da8262361cc790d56a51db81a9c988b5', width: "72", height: "70", fill: "#D8D8D8", rx: "3" }), index.h("rect", { key: '1fad343f7931cdc6ff26572939b534a145c51912', width: "64", height: "51", x: "4", y: "4", fill: "#FFF", rx: "3" }), index.h("g", { key: '7a5cbf221abde5e80d15a2bef6e5a7c13aef182b', opacity: "0.696" }, index.h("path", { key: '6580af457e7896585fbb69612cba0d083d12620a', d: "M18.36 11.887h35v35h-35z" }), index.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" })))))));
    }
};
KvEsAssetPlaceholder.style = illustrationsCss;

exports.kv_es_asset_placeholder = KvEsAssetPlaceholder;