@kelvininc/ui-components
Version:
Kelvin UI Components
40 lines (35 loc) • 8.16 kB
JavaScript
import { H as proxyCustomElement, I as H, K as h, L as Host } from './p-BP5CxQcH.js';
import { a as getClassMap } from './p-DCOsOAOy.js';
const illustrationsCss = "@property --rotation{syntax:\"<angle>\";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}kv-dropdown-base:not(.hydrated)>[slot=list]{display:none}.illustration{width:var(--illustration-width);height:var(--illustration-height);display:flex}.illustration-full-size{width:100%;height:100%}";
const KvTakeActions$1 = /*@__PURE__*/ proxyCustomElement(class KvTakeActions extends H {
constructor() {
super();
this.__registerHost();
this.__attachShadow();
/** @inheritdoc */
this.customClass = '';
}
render() {
return (h(Host, { key: '9e849ed68832f3a3656636bcf32f7da1286ae666' }, h("svg", { key: '1e5becf5733b5bc25a9ae01c2b8eeaf2f86c182a', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 220 160", fill: "none", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("circle", { key: '660dc36b119c2676dd199b8b52b3c7e8c5855ecf', cx: "110", cy: "70", r: "62", fill: "var(--illustrations-background, #262626)" }), h("rect", { key: '6840191e3fd562b7be41f560755520d2a3be05a9', width: "54", height: "54", x: "40.001", y: "3", fill: "var(--illustrations-accent-primary, #7c4dff)", rx: "2" }), h("g", { key: '6a02226deb73106fda03156c43999b777ee74aa8', fill: "var(--illustrations-accent-secondary, #6933ff)" }, h("path", { key: 'df2d37b9d630f0993ebba021ec62ad39d9c1fee8', d: "M70.273 28.364h-4.124l2.373-5.94a1.627 1.627 0 0 0-.916-2.128 1.64 1.64 0 0 0-2.128.917l-3.272 8.182a1.67 1.67 0 0 0 .163 1.521c.311.459.818.72 1.358.72h4.124l-2.373 5.94a1.627 1.627 0 0 0 .917 2.128 1.645 1.645 0 0 0 2.127-.916l3.273-8.182a1.67 1.67 0 0 0-.164-1.522 1.63 1.63 0 0 0-1.358-.72" }), h("path", { key: '36267731a41e3f7f073640503216a03fe53d3775', d: "M67 12c-9.933 0-18 8.067-18 18s8.067 18 18 18 18-8.067 18-18-8.068-18-18-18m0 32.727c-8.117 0-14.728-6.61-14.728-14.727 0-8.116 6.611-14.727 14.728-14.727 8.116 0 14.727 6.61 14.727 14.727S75.116 44.727 67 44.727" })), h("path", { key: 'b9e62c5f3e24249bdf80d28a91bd4c0fc354c945', fill: "var(--illustrations-shape-primary, #595959)", d: "M23.294 101.587a18.294 18.294 0 1 0-.001-36.588 18.294 18.294 0 0 0 0 36.588m-9.497-17.811a1.663 1.663 0 0 1 2.345 0l3.825 3.825 9.63-9.63a1.663 1.663 0 0 1 2.344 2.346l-10.81 10.81a1.663 1.663 0 0 1-2.344 0l-4.99-4.99a1.66 1.66 0 0 1 0-2.361" }), h("mask", { key: 'b42877c5b1545e9038bca4f9d44490903ba7500f', id: "a", width: "30", height: "30", x: "27", y: "119", maskUnits: "userSpaceOnUse", style: { "mask-type": "alpha" } }, h("path", { key: 'cdfa36c69ea69af5fc99589631f3adeeb2445c96', fill: "#d9d9d9", d: "M27.999 119h29v29h-29z" })), h("g", { key: '4eccb498e7985162bc6492b59d2af5ea98c67bc7', mask: "url(#a)" }, h("path", { key: '5a74c35941ac40d47f4564399e10d2be8d977c7c', fill: "var(--illustrations-shape-secondary, #404040)", d: "m38.15 139.542 4.35-4.35 4.35 4.35 1.69-1.692-4.35-4.35 4.35-4.35-1.69-1.691-4.35 4.35-4.35-4.35-1.692 1.691 4.35 4.35-4.35 4.35zm4.35 6.042q-2.508 0-4.713-.953a12.2 12.2 0 0 1-3.837-2.582 12.2 12.2 0 0 1-2.582-3.836q-.952-2.205-.952-4.713t.952-4.712a12.2 12.2 0 0 1 2.582-3.837 12.2 12.2 0 0 1 3.837-2.583q2.205-.951 4.712-.951 2.508 0 4.713.951a12.2 12.2 0 0 1 3.836 2.583 12.2 12.2 0 0 1 2.582 3.837q.953 2.205.953 4.712 0 2.508-.953 4.713a12.2 12.2 0 0 1-2.582 3.836 12.2 12.2 0 0 1-3.836 2.582q-2.205.953-4.713.953" })), h("rect", { key: '2eceedb7804a3fd44bfce8c835896a2aa7b10454', width: "87.273", height: "60", x: "91", y: "97", fill: "var(--illustrations-shape-secondary, #404040)", rx: "4.351" }), h("path", { key: '72ecee76cbf48384830c2d9005a3a44f4a475df9', fill: "var(--illustrations-shape-primary, #595959)", d: "M91 101.351a4.35 4.35 0 0 1 4.351-4.35h78.571a4.35 4.35 0 0 1 4.351 4.35v1.104H91z" }), h("path", { key: '54cbd23a26157b0456a8857c98bb25108b5c0b99', fill: "var(--illustrations-icon-primary, var(--illustrations-shape-strong, #e5e5e5))", d: "M106.275 110.091h-7.642a1.09 1.09 0 0 0 0 2.182h7.642a1.09 1.09 0 0 0 0-2.182m22.909 0h-17.461a1.09 1.09 0 0 0 0 2.182h17.461a1.09 1.09 0 0 0 0-2.182" }), h("path", { key: '70a065710723ce02f2b99e00abf6cc4dc6e82d54', fill: "var(--illustrations-shape-primary, #595959)", d: "M110.639 115.546h-7.642a1.09 1.09 0 0 0 0 2.182h7.642a1.091 1.091 0 0 0 0-2.182" }), h("path", { key: '1233711e900e584e49751fdde4619c5f8d7a6d97', fill: "var(--illustrations-shape-tertiary, #1a1a1a)", d: "M170.639 115.546h-54.552a1.09 1.09 0 0 0 0 2.182h54.552a1.09 1.09 0 0 0 0-2.182" }), h("path", { key: '2a997567adeb0f247b889e23bed67ac7dac3dbe5', fill: "var(--illustrations-shape-primary, #595959)", d: "M110.639 122.091h-7.642a1.09 1.09 0 0 0 0 2.182h7.642a1.09 1.09 0 0 0 0-2.182" }), h("path", { key: 'd79dc83772eb021bd388a8d8922de9c52f51f19c', fill: "var(--illustrations-shape-tertiary, #1a1a1a)", d: "M170.639 122.091h-54.552a1.09 1.09 0 0 0 0 2.182h54.552a1.09 1.09 0 0 0 0-2.182" }), h("path", { key: 'a57309e97190763c9cbed31f0e90081e55643231', fill: "var(--illustrations-shape-primary, #595959)", d: "M110.639 128.637h-7.642a1.09 1.09 0 0 0 0 2.182h7.642a1.09 1.09 0 0 0 0-2.182" }), h("path", { key: 'c1c3ab5c6dcef4d78a4990c4a06445bd7298dcb8', fill: "var(--illustrations-shape-tertiary, #1a1a1a)", d: "M170.639 128.637h-54.552a1.09 1.09 0 0 0 0 2.182h54.552a1.09 1.09 0 0 0 0-2.182" }), h("path", { key: '81522ebc5ff261830a15307463de985697228026', fill: "var(--illustrations-icon-primary, var(--illustrations-shape-strong, #e5e5e5))", d: "M106.275 135.182h-7.642a1.09 1.09 0 0 0 0 2.182h7.642a1.09 1.09 0 0 0 0-2.182m22.909 0h-17.461a1.09 1.09 0 0 0 0 2.182h17.461a1.09 1.09 0 0 0 0-2.182" }), h("path", { key: '3b36cbe8e1eb43405c05e3cd63e0517c5f9964d1', fill: "var(--illustrations-shape-tertiary, #1a1a1a)", d: "M149.911 141.728h-33.824a1.09 1.09 0 0 0 0 2.181h33.824a1.09 1.09 0 0 0 0-2.181" }), h("path", { key: 'c998dcd334c737b3e452378a192f66b4a9f35483', fill: "var(--illustrations-shape-primary, #595959)", d: "M110.639 141.728h-1.097a1.09 1.09 0 0 0 0 2.181h1.097a1.09 1.09 0 0 0 0-2.181m0 6.545h-7.642a1.09 1.09 0 0 0 0 2.182h7.642a1.09 1.09 0 0 0 0-2.182" }), h("path", { key: '22098fd91c85c890fb09e84955978c47ffdec49b', fill: "var(--illustrations-shape-tertiary, #1a1a1a)", d: "M149.911 148.273h-33.824a1.09 1.09 0 0 0 0 2.182h33.824a1.09 1.09 0 0 0 0-2.182m20.729-6.545h-15.279a1.09 1.09 0 0 0 0 2.181h15.279a1.09 1.09 0 0 0 0-2.181m0 6.545h-15.279a1.09 1.09 0 0 0 0 2.182h15.279a1.09 1.09 0 0 0 0-2.182" }), h("path", { key: 'c527f0c44f378d07eaa1bcab109d499806e5d2f4', fill: "var(--illustrations-shape-strong, #e5e5e5)", d: "M178.255 46.492a5.68 5.68 0 0 0-3.344 1.087c-1.389-3.281-4.63-5.579-8.409-5.579-4.76 0-8.662 3.645-9.091 8.3a4.71 4.71 0 0 0-3.682-1.777 4.734 4.734 0 0 0-4.727 4.738 4.734 4.734 0 0 0 4.727 4.74h24.533c3.169 0 5.74-2.578 5.74-5.755s-2.571-5.754-5.74-5.754zm17.36-13.686c.784 0 1.51.256 2.102.68A5.74 5.74 0 0 1 203.002 30a5.736 5.736 0 0 1 5.715 5.19 2.98 2.98 0 0 1 2.314-1.11 2.967 2.967 0 0 1 2.971 2.96 2.967 2.967 0 0 1-2.971 2.96h-15.423a3.6 3.6 0 0 1-3.606-3.594 3.6 3.6 0 0 1 3.606-3.593zm-57.56-8.564a3 3 0 0 0-1.723.544c-.717-1.64-2.381-2.786-4.327-2.786-2.447 0-4.453 1.826-4.676 4.15a2.47 2.47 0 0 0-1.894-.89c-1.342 0-2.434 1.064-2.434 2.37s1.092 2.37 2.434 2.37h12.613c1.631 0 2.953-1.287 2.953-2.876s-1.322-2.876-2.953-2.876z" }))));
}
static get style() { return illustrationsCss; }
}, [257, "kv-take-actions", {
"customClass": [513, "custom-class"]
}]);
function defineCustomElement$1() {
if (typeof customElements === "undefined") {
return;
}
const components = ["kv-take-actions"];
components.forEach(tagName => { switch (tagName) {
case "kv-take-actions":
if (!customElements.get(tagName)) {
customElements.define(tagName, KvTakeActions$1);
}
break;
} });
}
defineCustomElement$1();
const KvTakeActions = KvTakeActions$1;
const defineCustomElement = defineCustomElement$1;
export { KvTakeActions, defineCustomElement };