@kelvininc/ui-components/components/kv-es-lock.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 KvEsLock$1 = /*@__PURE__*/ proxyCustomElement(class KvEsLock extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        /** @inheritdoc */
        this.customClass = '';
    }
    render() {
        return (h(Host, { key: '62a18db94b9963ff890c62d2e02b49140548ff56' }, h("svg", { key: '12f907d5dd095751c2db70c81b387ac50467bfa9', part: "illustration", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 696 200", class: Object.assign(Object.assign({}, getClassMap(this.customClass)), { illustration: true }) }, h("g", { key: 'f967748d71f82dd3594a423f26cf8e722bc574e3', fill: "none", "fill-rule": "evenodd" }, h("mask", { key: '57fe2a0c324e0b914a81fece6ecda604d3bf2873', id: "a", fill: "#fff" }, h("path", { key: '8ae7a063ee94401d5fa15427238ff4d19825cddd', d: "M0 0h696v200H0z" })), h("g", { key: '6a7b7ac76e6c60caa4087e19815588e7cfeb0e0f', mask: "url(#a)" }, h("path", { key: '10c929201715ea9e60e9a4fb5ddf3f03bcf93488', d: "M340.09 101.655h109.515a4.919 4.919 0 0 0 0-9.832H424.33a4.913 4.913 0 0 1 0-9.826h7.021a4.92 4.92 0 0 0 0-9.832h-71.61a4.92 4.92 0 0 0 .001 9.832h7.723a4.913 4.913 0 1 1 0 9.826H340.09a4.918 4.918 0 0 0-4.4 7.424 4.92 4.92 0 0 0 4.4 2.408m-89.019 31.818h42.005a4.911 4.911 0 1 1 0-9.825h109.537a4.913 4.913 0 0 1 0 9.825h-15.349c.73 0 1.45.165 2.108.482a4.903 4.903 0 0 0 0 8.868 4.9 4.9 0 0 1-2.108.476h1.37a4.92 4.92 0 1 1 0 9.832h-19.001a4.913 4.913 0 0 0 0 9.826h39.588a4.92 4.92 0 0 1 4.573 2.337 4.92 4.92 0 0 1-4.573 7.472h-41.516a4.913 4.913 0 0 0 0 9.826h-.877a4.917 4.917 0 0 1 0 9.831h-44.93a4.918 4.918 0 0 1 0-9.831h10.022a4.913 4.913 0 1 0 0-9.826h-16.777a4.919 4.919 0 0 1 0-9.832h-57.835a4.913 4.913 0 0 1 0-9.826h7.068a4.919 4.919 0 1 0 0-9.832H251.07a4.913 4.913 0 0 1 0-9.826v.023zm213.702-77.411h-9.843a4.92 4.92 0 0 0 0 9.832h9.843a4.92 4.92 0 0 0 0-9.832m-242.86 77.411h9.832a4.913 4.913 0 0 1 0 9.826h-9.832a4.913 4.913 0 1 1 0-9.826", style: { "fill": "#f6f6f6" } }), h("path", { key: 'af89366dcab5fa87273447b719cba8e4291bc017', fill: "var(--illustration-color)", d: "M392.281 62.787h-96.348c-5.934 0-10.744 4.81-10.744 10.744v78.7c0 3.207 2.6 5.807 5.808 5.807h106.215a5.807 5.807 0 0 0 5.807-5.807v-78.7c-.003-5.93-4.808-10.737-10.738-10.744" }), h("path", { key: 'e555871031f8d5ad87f8aac997439b52f5f56284', fill: "#FFF", "fill-rule": "nonzero", d: "m339.284 112.875-6.446 15.174h22.254l-6.266-15.098a12.324 12.324 0 1 0-9.547-.047z" }), h("path", { key: '6fa7bebe72745b170779c0aaf8ce7045c994a8d7', fill: "var(--illustration-color-light-90)", d: "M344.11 9c-22.527.026-40.782 18.28-40.808 40.808v12.98h13.938v-13.01c.216-14.677 12.176-26.463 26.855-26.463s26.64 11.786 26.856 26.464v13.008h13.938v-12.98C384.863 27.293 366.626 9.043 344.11 9" }), h("path", { key: 'f0470efb7cee70a46f64d329808b73758900d00e', fill: "#05070A", "fill-rule": "nonzero", d: "M296.804 152.231v-78.7c0-5.934 4.81-10.744 10.743-10.744h-11.614c-5.934 0-10.744 4.81-10.744 10.744v78.7c0 3.207 2.6 5.807 5.808 5.807h11.613a5.807 5.807 0 0 1-5.807-5.807zm95.477-89.444h-11.614c5.934 0 10.746 4.81 10.75 10.744v78.7c0 3.207-2.6 5.807-5.808 5.807h11.614c3.208 0 5.808-2.6 5.808-5.807v-78.7c-.003-5.935-4.815-10.744-10.75-10.744", opacity: "0.1" }), h("path", { key: 'cba4de94ab6be2355b4798d30d269b277ba83c03', fill: "#05070A", "fill-rule": "nonzero", d: "M347.792 62.787h20.883l-35.012 95.257h-22.045zm24.524 0h7.294l-35.337 95.257h-7.614z", opacity: "0.05" }), h("path", { key: '4bbcaef262ee4b47fc5c817aa2d2799573fbbf73', fill: "#FFF", "fill-rule": "nonzero", d: "M355.092 128.05h-22.254l6.446-15.146a12.312 12.312 0 1 1 9.542.047l6.266 15.098zm10.064 10.191h-42.597a2.816 2.816 0 1 0 0 5.628h42.597a2.818 2.818 0 1 0 0-5.628" }), h("path", { key: '4c7d8885d1dd9087f2e317d924037af9918a42ee', fill: "var(--illustration-color-light-80)", "fill-rule": "nonzero", d: "M316.671 56.951h-13.369v5.836h13.949v-5.836zm67.666 0h-13.374v5.836h13.955v-5.836z" }))))));
    }
    static get style() { return illustrationsCss; }
}, [1, "kv-es-lock", {
        "customClass": [513, "custom-class"]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["kv-es-lock"];
    components.forEach(tagName => { switch (tagName) {
        case "kv-es-lock":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, KvEsLock$1);
            }
            break;
    } });
}
defineCustomElement$1();

const KvEsLock = KvEsLock$1;
const defineCustomElement = defineCustomElement$1;

export { KvEsLock, defineCustomElement };