@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 4.37 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 KvEsSensorPlaceholder$1 = /*@__PURE__*/ proxyCustomElement(class KvEsSensorPlaceholder extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '15987826a8abea3540f640f620f46996fd92f970' }, h("svg", { key: '147715b0c46070917a28a59f992b60d44afe1ef2', 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: '40fa4c15f455c222afb584f8e440a70ac91c5da0', fill: "none", "fill-rule": "evenodd" }, h("g", { key: '109958e668df823bffe9b61dec13b3d9567cd59d', transform: "rotate(11 10.844 90.927)" }, h("rect", { key: '1f8fb14bdad8ed2b5f8ce08abf5fdc1b68e11e4d', width: "74", height: "72", fill: "#C4C4C4", rx: "3" }), h("rect", { key: '0bc7568a2c96e5e28f3904fc9742406a40232f7e', width: "66", height: "53", x: "3.932", y: "3.91", fill: "#FFF", rx: "3" })), h("g", { key: '4c23f1073ed1d07b039994b35b99947c63b388ca', transform: "rotate(-18 68.912 11.088)" }, h("rect", { key: '9763a0bea1f30f3be6d134bd6431830a4997d299', width: "72", height: "70", fill: "#D8D8D8", rx: "3" }), h("rect", { key: 'a1778a30a04c815a6ef72036337e80c0b9a8b834', width: "64", height: "51", x: "4", y: "4", fill: "#FFF", rx: "3" }), h("g", { key: '0f55e108c8b068de36186cbb72d6200dce4105f3', opacity: "0.696" }, h("path", { key: 'caa4254574cd1d5a9de555f27f0048da04b190eb', d: "M18.36 11.887h35v35h-35z" }), h("path", { key: '0387926406157e4e1aaa2b15772d03ac28ec6672', 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-.125 5.25c-1.124 0-2.13.15-2.984.446-.756.26-1.402.636-1.916 1.118a4.25 4.25 0 0 0-1.356 3.125c0 .875.193 1.613.587 2.256.344.563.836 1.037 1.5 1.449 1.263.784 2.865 1.17 4.278 1.508l.317.073c.72.173 1.402.33 1.944.591.71.337 1.072.815 1.072 1.417q-.002.628-.383 1.103-.318.392-.869.647c-.766.352-1.624.39-1.958.39-1.314 0-2.291-.436-2.91-1.297-.468-.65-.608-1.392-.678-1.835l-3.519.33c.07.686.25 2.106 1.135 3.358 1.164 1.641 3.16 2.47 5.934 2.47 1.234 0 2.33-.158 3.265-.474.833-.281 1.54-.685 2.099-1.206.963-.889 1.49-2.133 1.49-3.5.004-1.737-.573-2.96-1.814-3.846-1.202-.861-2.889-1.308-4.516-1.69-.865-.205-1.684-.398-2.296-.648-.299-.123-1.212-.495-1.212-1.318 0-.32.133-.608.39-.84.186-.169.443-.31.762-.415.665-.221 1.396-.239 1.607-.239 1.082 0 1.835.236 2.306.725.425.439.527.98.611 1.416q.02.116.046.222l3.649-.155c-.018-.59-.123-1.75-.816-2.809-.453-.692-1.097-1.244-1.909-1.634-1.022-.492-2.316-.738-3.856-.738" })))))));
}
static get style() { return illustrationsCss; }
}, [1, "kv-es-sensor-placeholder", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-es-sensor-placeholder"];
components.forEach(tagName => { switch (tagName) {
case "kv-es-sensor-placeholder":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvEsSensorPlaceholder$1);
}
break;
} });
}
defineCustomElement$1();
const KvEsSensorPlaceholder = KvEsSensorPlaceholder$1;
const defineCustomElement = defineCustomElement$1;
export { KvEsSensorPlaceholder, defineCustomElement };