var e = "registerPaint(\n  \"pl-placeholder-table-skeleton\",\n  class {\n    /**\n     * @param {CanvasRenderingContext2D} ctx\n     * @param {Object} size\n     * @param {number} size.width\n     * @param {number} size.height\n     */\n    paint(ctx, { width, height }) {\n      const headerHeight = 42;\n      const headerWidth = 48;\n\n      ctx.fillStyle = \"#F7F8FA\";\n\n      // headers\n      {\n        const path = new Path2D();\n        path.lineTo(width, 0);\n        path.lineTo(width, headerHeight);\n        path.lineTo(headerWidth, headerHeight);\n        path.lineTo(headerWidth, height);\n        path.lineTo(0, height);\n        path.lineTo(0, 0);\n        ctx.fill(path);\n      }\n\n      ctx.strokeStyle = \"#E1E3EB\";\n\n      // vertical lines\n      const columnWidth = (width - headerWidth) / 6;\n      for (\n        let horizontalPosition = headerWidth;\n        horizontalPosition < width;\n        horizontalPosition += columnWidth\n      ) {\n        const path = new Path2D();\n        path.moveTo(horizontalPosition, 0);\n        path.lineTo(horizontalPosition, height);\n        ctx.stroke(path);\n      }\n\n      // horizontal lines\n      for (\n        let verticalPosition = headerHeight;\n        verticalPosition < height;\n        verticalPosition += headerHeight\n      ) {\n        const path = new Path2D();\n        path.moveTo(0, verticalPosition);\n        path.lineTo(width, verticalPosition);\n        ctx.stroke(path);\n      }\n    }\n  },\n);\n\nregisterPaint(\n  \"pl-placeholder-graph-skeleton\",\n  class {\n    /**\n     * @param {CanvasRenderingContext2D} ctx\n     * @param {Object} size\n     * @param {number} size.width\n     * @param {number} size.height\n     */\n    paint(ctx, { width, height }) {\n      const padding = 6;\n      const cellWidth = 100;\n      const cellHeight = 60;\n\n      ctx.strokeStyle = \"#E1E3EB\";\n\n      // vertical lines\n      for (\n        let horizontalPosition = cellWidth + padding;\n        horizontalPosition <= width;\n        horizontalPosition += cellWidth\n      ) {\n        const path = new Path2D();\n        path.moveTo(horizontalPosition, 0);\n        path.lineTo(horizontalPosition, height - padding);\n        ctx.stroke(path);\n      }\n\n      // horizontal lines\n      for (\n        let verticalPosition = height - padding - cellHeight;\n        verticalPosition >= 0;\n        verticalPosition -= cellHeight\n      ) {\n        const path = new Path2D();\n        path.moveTo(padding, verticalPosition);\n        path.lineTo(width, verticalPosition);\n        ctx.stroke(path);\n      }\n\n      ctx.strokeStyle = \"#110529\";\n\n      // vertical arrow\n      {\n        const path = new Path2D();\n        path.moveTo(padding, height - padding);\n        path.lineTo(padding, 0);\n        path.lineTo(0, padding);\n        path.moveTo(padding, 0);\n        path.lineTo(padding * 2, padding);\n        ctx.stroke(path);\n      }\n\n      // horizontal arrow\n      {\n        const path = new Path2D();\n        path.moveTo(padding, height - padding);\n        path.lineTo(width, height - padding);\n        path.lineTo(width - padding, height - padding * 2);\n        path.moveTo(width, height - padding);\n        path.lineTo(width - padding, height);\n        ctx.stroke(path);\n      }\n    }\n  },\n);\n";
export { e as default };

//# sourceMappingURL=paint-worklet.js.map