UNPKG

visbug-lib

Version:

<p align="center"> <img src="./assets/visbug.png" width="300" height="300" alt="visbug"> <br> <a href="https://www.npmjs.org/package/visbug"><img src="https://img.shields.io/npm/v/visbug.svg?style=flat" alt="npm latest version number"></a> <a href

27 lines (21 loc) 609 B
import { Handles } from './handles.element' import { HandleStyles, CornerStyles } from '../styles.store' export class Corners extends Handles { constructor() { super() this.styles = [HandleStyles, CornerStyles] } render({ width, height, top, left }) { this.style.setProperty('--top', `${top + window.scrollY}px`) this.style.setProperty('--left', `${left}px`) return ` <svg width="${width}" height="${height}"> <rect></rect> <rect></rect> <rect></rect> <rect></rect> </svg> ` } } customElements.define('visbug-corners', Corners)