'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index$1 = require('./index-578e90b1.js');

const Ripple = class {
    constructor(hostRef) {
        index$1.registerInstance(this, hostRef);
    }
    render() {
        return index$1.h(index$1.Host, { style: { left: this.x + 'px', top: this.y + 'px' } });
    }
    static get style() { return ":host{position:absolute;display:block;width:2px;height:2px;background-color:#000;border-radius:50%;-webkit-animation:ripple 0.88s 1;animation:ripple 0.88s 1;pointer-events:none;opacity:0.5;font-size:0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}\@-webkit-keyframes ripple{from{width:2px;height:2px}to{opacity:0;width:200px;height:200px}}\@keyframes ripple{from{width:2px;height:2px}to{opacity:0;width:200px;height:200px}}"; }
};

exports.bce_ripple = Ripple;
