@redvars/peacock 3.8.6 → 3.9.1

package/dist/canvas.js

@@ -1,385 +0,0 @@
-import { i, _ as __decorate, I as IndividualComponent, a as i$1, A, w, b } from './IndividualComponent-Bdwyrvd6.js';
-import { n } from './property-B49QQ8pS.js';
-import { e } from './class-map-DG7CA1et.js';
-import './directive-ZPhl09Yt.js';
-
-var css_248z = i`* {
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: transparent;
-}
-
-.screen-reader-only {
-  display: none !important;
-}
-
-[hidden] {
-  display: none !important;
-}
-
-:host {
-  display: block;
-  --canvas-background: var(--color-surface-container-low);
-  --canvas-dot-color: var(--color-outline-variant);
-  --canvas-line-color: var(--color-on-surface);
-  --canvas-hover-color: var(--color-primary);
-  --canvas-arrow-color: var(--color-on-surface);
-}
-
-.canvas-wrapper {
-  position: relative;
-  background: var(--canvas-background);
-}
-
-.canvas {
-  display: block;
-}
-
-.canvas-background,
-.canvas-shapes {
-  position: absolute;
-  inset: 0;
-}
-
-.canvas-background {
-  pointer-events: none;
-}
-
-#canvas-background circle {
-  fill: var(--canvas-dot-color);
-}
-
-#endarrow polyline {
-  fill: none;
-  stroke: context-stroke;
-  vector-effect: non-scaling-stroke;
-  stroke-width: 2;
-  stroke-linejoin: round;
-  stroke-linecap: round;
-}
-
-.line.variant-dashed {
-  stroke-dasharray: 6 6;
-}
-.line.variant-animated-dashed {
-  animation: canvas-dash-flow 600ms linear infinite;
-}
-
-.clickable {
-  cursor: pointer;
-}
-.clickable:hover .line {
-  stroke: var(--canvas-hover-color);
-}
-
-.line.clickable:hover {
-  stroke: var(--canvas-hover-color);
-}
-
-@keyframes canvas-dash-flow {
-  to {
-    stroke-dashoffset: -12;
-  }
-}`;
-
-var Canvas_1;
-const GRID_GAP = 10;
-const GRID_DOT_RADIUS = 1;
-/**
- * @label Canvas
- * @tag wc-canvas
- * @rawTag canvas
- * @summary A SVG canvas for drawing shapes, lines, and connectors on a dotted grid.
- *
- * @cssprop --canvas-background - Background color for the canvas wrapper. Defaults to surface-container-low.
- * @cssprop --canvas-dot-color - Color of the background grid dots. Defaults to outline-variant.
- * @cssprop --canvas-line-color - Default stroke color for lines and connectors. Defaults to on-surface.
- * @cssprop --canvas-hover-color - Stroke color on hover for clickable shapes. Defaults to primary.
- * @cssprop --canvas-arrow-color - Stroke color for arrow markers. Defaults to on-surface.
- *
- * @example
- * ```html
- * <wc-canvas id="my-canvas"></wc-canvas>
- * <script>
- *   document.querySelector('#my-canvas').shapes = [
- *     { type: 'circle', x: 0, y: 0, radius: 0.25, color: 'red' },
- *   ];
- * </script>
- * ```
- */
-let Canvas = Canvas_1 = class Canvas extends i$1 {
-    constructor() {
-        super(...arguments);
-        /**
-         * Array of shape objects to render on the canvas.
-         */
-        this.shapes = [];
-        /**
-         * Padding around the computed viewbox (in grid units).
-         */
-        this.padding = 1;
-        /**
-         * Zoom multiplier for the canvas dimensions.
-         */
-        this.zoom = 1;
-    }
-    static getNextPoint(point, direction, length) {
-        if (direction === 'down')
-            return { x: point.x, y: point.y + length };
-        if (direction === 'up')
-            return { x: point.x, y: point.y - length };
-        if (direction === 'left')
-            return { x: point.x - length, y: point.y };
-        if (direction === 'right')
-            return { x: point.x + length, y: point.y };
-        return { x: point.x, y: point.y };
-    }
-    static updateExtents(extents, x, y) {
-        if (x < extents.minX)
-            extents.minX = x;
-        if (x > extents.maxX)
-            extents.maxX = x;
-        if (y < extents.minY)
-            extents.minY = y;
-        if (y > extents.maxY)
-            extents.maxY = y;
-    }
-    static getStrokeVariantClasses(variant) {
-        return {
-            line: true,
-            'variant-dashed': variant === 'dashed' || variant === 'animated-dashed',
-            'variant-animated-dashed': variant === 'animated-dashed',
-        };
-    }
-    computeShapes(initialBounds) {
-        // Track world-space bounds (grid units) as shapes are processed.
-        const extents = {
-            minX: initialBounds.x,
-            minY: initialBounds.y,
-            maxX: initialBounds.x + initialBounds.width,
-            maxY: initialBounds.y + initialBounds.height,
-        };
-        const shapes = this.shapes.map(shape => {
-            switch (shape.type) {
-                case 'circle': {
-                    const r = shape.radius || 1;
-                    const cx = shape.x || 0;
-                    const cy = shape.y || 0;
-                    Canvas_1.updateExtents(extents, cx - r, cy - r);
-                    Canvas_1.updateExtents(extents, cx + r, cy + r);
-                    // Convert from grid units to SVG pixels using the fixed gap.
-                    return w `<circle
-            cx=${cx * GRID_GAP + GRID_DOT_RADIUS}
-            cy=${cy * GRID_GAP + GRID_DOT_RADIUS}
-            r=${r * GRID_GAP}
-            fill=${shape.color || 'var(--canvas-line-color, var(--color-on-surface))'}
-          />`;
-                }
-                case 'rect': {
-                    const w$1 = shape.width || 1;
-                    const h = shape.height || 1;
-                    const rx = shape.x || 0;
-                    const ry = shape.y || 0;
-                    Canvas_1.updateExtents(extents, rx, ry);
-                    Canvas_1.updateExtents(extents, rx + w$1, ry + h);
-                    return w `<rect
-            x=${rx * GRID_GAP + GRID_DOT_RADIUS}
-            y=${ry * GRID_GAP}
-            width=${w$1 * GRID_GAP + GRID_DOT_RADIUS}
-            height=${h * GRID_GAP + GRID_DOT_RADIUS}
-            fill=${shape.color || 'var(--canvas-line-color, var(--color-on-surface))'}
-          />`;
-                }
-                case 'line': {
-                    const start = shape.start || { x: 0, y: 0 };
-                    const end = shape.end || { x: 0, y: 0 };
-                    Canvas_1.updateExtents(extents, start.x, start.y);
-                    Canvas_1.updateExtents(extents, end.x, end.y);
-                    const pathString = `M${start.x * GRID_GAP + GRID_DOT_RADIUS} ${start.y * GRID_GAP + GRID_DOT_RADIUS} L${end.x * GRID_GAP + GRID_DOT_RADIUS} ${end.y * GRID_GAP + GRID_DOT_RADIUS}`;
-                    const strokeColor = shape.color ||
-                        'var(--canvas-line-color, var(--color-on-surface))';
-                    return w `<path
-            class=${e({
-                        ...Canvas_1.getStrokeVariantClasses(shape.variant),
-                        clickable: !!shape.clickable,
-                    })}
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke=${strokeColor}
-            marker-end=${shape.showArrow ? 'url(#endarrow)' : ''}
-            d=${pathString}
-            stroke-dasharray=${shape.variant === 'dashed' || shape.variant === 'animated-dashed' ? '6,6' : A}
-            fill="none"
-          />`;
-                }
-                case 'connector': {
-                    const start = shape.start || { x: 0, y: 0 };
-                    let pathString = `M${start.x * GRID_GAP + GRID_DOT_RADIUS} ${start.y * GRID_GAP + GRID_DOT_RADIUS}`;
-                    let current = { ...start };
-                    Canvas_1.updateExtents(extents, current.x, current.y);
-                    const pathSegments = shape.path || [];
-                    for (let i = 0; i < pathSegments.length; i += 1) {
-                        const path = pathSegments[i];
-                        if (i === 0) {
-                            // Move one unit first so curved corner joins don't overlap start.
-                            const point = Canvas_1.getNextPoint(current, path.direction, 1);
-                            pathString += ` L${point.x * GRID_GAP + GRID_DOT_RADIUS} ${point.y * GRID_GAP + GRID_DOT_RADIUS}`;
-                            current = { ...point };
-                            Canvas_1.updateExtents(extents, current.x, current.y);
-                        }
-                        const point = Canvas_1.getNextPoint(current, path.direction, path.length - 2);
-                        pathString += ` L${point.x * GRID_GAP + GRID_DOT_RADIUS} ${point.y * GRID_GAP + GRID_DOT_RADIUS}`;
-                        current = { ...point };
-                        Canvas_1.updateExtents(extents, current.x, current.y);
-                        if (i === pathSegments.length - 1) {
-                            const endPoint = Canvas_1.getNextPoint(current, path.direction, 1);
-                            pathString += ` L${endPoint.x * GRID_GAP + GRID_DOT_RADIUS} ${endPoint.y * GRID_GAP + GRID_DOT_RADIUS}`;
-                            current = { ...endPoint };
-                            Canvas_1.updateExtents(extents, current.x, current.y);
-                        }
-                        else {
-                            const nextPath = pathSegments[i + 1];
-                            const midPoint = Canvas_1.getNextPoint(current, path.direction, 1);
-                            Canvas_1.updateExtents(extents, midPoint.x, midPoint.y);
-                            const nextPoint = Canvas_1.getNextPoint(midPoint, nextPath.direction, 1);
-                            // Use a quadratic segment to round corners between directions.
-                            pathString += ` Q ${midPoint.x * GRID_GAP + GRID_DOT_RADIUS} ${midPoint.y * GRID_GAP + GRID_DOT_RADIUS} ${nextPoint.x * GRID_GAP + GRID_DOT_RADIUS} ${nextPoint.y * GRID_GAP + GRID_DOT_RADIUS}`;
-                            current = { ...nextPoint };
-                            Canvas_1.updateExtents(extents, current.x, current.y);
-                        }
-                    }
-                    const strokeColor = shape.color ||
-                        'var(--canvas-line-color, var(--color-on-surface))';
-                    return w `<g class=${e({ clickable: !!shape.clickable })}>
-            <path
-              class=${e({
-                        ...Canvas_1.getStrokeVariantClasses(shape.variant),
-                    })}
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke=${strokeColor}
-              marker-end=${shape.showArrow ? 'url(#endarrow)' : ''}
-              d=${pathString}
-              stroke-dasharray=${shape.variant === 'dashed' || shape.variant === 'animated-dashed' ? '6,6' : A}
-              fill="none"
-            />
-            <path
-              stroke-width="10"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke="transparent"
-              d=${pathString}
-              fill="none"
-            />
-          </g>`;
-                }
-                default:
-                    return A;
-            }
-        });
-        // Expand bounds with padding so shapes are not flush to the edge.
-        const computedViewbox = {
-            x: extents.minX - this.padding,
-            y: extents.minY - this.padding,
-            width: Math.max(extents.maxX - extents.minX + this.padding * 2, 0),
-            height: Math.max(extents.maxY - extents.minY + this.padding * 2, 0),
-        };
-        return { shapes, computedViewbox };
-    }
-    renderBackgroundSvg(computedViewBox, svgViewBox) {
-        return b `
-      <svg
-        class="canvas canvas-background"
-        height="100%"
-        width="100%"
-        viewBox=${svgViewBox}
-        aria-hidden="true"
-      >
-        <defs>
-          <pattern
-            id="canvas-background"
-            patternUnits="userSpaceOnUse"
-            width=${GRID_GAP}
-            height=${GRID_GAP}
-          >
-            <circle cx="1" cy="1" r=${GRID_DOT_RADIUS} />
-          </pattern>
-        </defs>
-
-        <rect
-          x=${computedViewBox.x * GRID_GAP}
-          y=${computedViewBox.y * GRID_GAP}
-          width="100%"
-          height="100%"
-          fill="url(#canvas-background)"
-        />
-      </svg>
-    `;
-    }
-    renderShapesSvg(shapes, svgViewBox) {
-        return b `
-      <svg
-        class="canvas canvas-shapes"
-        height="100%"
-        width="100%"
-        viewBox=${svgViewBox}
-      >
-        <defs>
-          <marker id="endarrow" markerWidth="10" markerHeight="10" refX="5" refY="5" markerUnits="strokeWidth" orient="auto">
-            <polyline  points="0 2, 5 5, 0 8"></polyline>
-          </marker>
-        </defs>
-
-        ${shapes}
-      </svg>
-    `;
-    }
-    render() {
-        let computedViewBox = { width: 0, height: 0, x: 0, y: 0 };
-        const { shapes, computedViewbox } = this.computeShapes(computedViewBox);
-        computedViewBox = computedViewbox;
-        if (this.viewbox) {
-            const viewBox = this.viewbox.split(' ');
-            computedViewBox = {
-                x: parseInt(viewBox[0], 10),
-                y: parseInt(viewBox[1], 10),
-                width: parseInt(viewBox[2], 10),
-                height: parseInt(viewBox[3], 10),
-            };
-        }
-        // Zoom scales the outer viewport size while the SVG viewBox stays in world units.
-        const wrapperWidth = (computedViewBox.width * GRID_GAP + 2) * GRID_DOT_RADIUS * this.zoom;
-        const wrapperHeight = (computedViewBox.height * GRID_GAP + 2) * GRID_DOT_RADIUS * this.zoom;
-        // viewBox maps world-space extents into the internal SVG coordinate system.
-        const svgViewBox = `${computedViewBox.x * GRID_GAP} ${computedViewBox.y * GRID_GAP} ${computedViewBox.width * GRID_GAP + 2 * GRID_DOT_RADIUS} ${computedViewBox.height * GRID_GAP + 2 * GRID_DOT_RADIUS}`;
-        return b `
-      <div
-        class="canvas-wrapper"
-        style="width: ${wrapperWidth}px; height: ${wrapperHeight}px;"
-      >
-        ${this.renderBackgroundSvg(computedViewBox, svgViewBox)}
-        ${this.renderShapesSvg(shapes, svgViewBox)}
-      </div>
-    `;
-    }
-};
-Canvas.styles = [css_248z];
-__decorate([
-    n({ type: Array })
-], Canvas.prototype, "shapes", void 0);
-__decorate([
-    n({ type: Number, reflect: true })
-], Canvas.prototype, "padding", void 0);
-__decorate([
-    n({ type: Number, reflect: true })
-], Canvas.prototype, "zoom", void 0);
-__decorate([
-    n({ type: String })
-], Canvas.prototype, "viewbox", void 0);
-Canvas = Canvas_1 = __decorate([
-    IndividualComponent
-], Canvas);
-
-export { Canvas };
-//# sourceMappingURL=canvas.js.map

package/dist/canvas.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"canvas.js","sources":["../../src/canvas/canvas.ts"],"sourcesContent":["import { html, LitElement, svg, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './canvas.scss';\n\nexport type CanvasDirection = 'up' | 'down' | 'left' | 'right';\n\nexport type CanvasStrokeVariant = 'solid' | 'dashed' | 'animated-dashed';\n\nexport interface CanvasPoint {\n  x: number;\n  y: number;\n}\n\nexport interface CanvasPathSegment {\n  direction: CanvasDirection;\n  length: number;\n}\n\ninterface BaseCanvasShape {\n  color?: string;\n}\n\ninterface BaseCanvasStrokeShape extends BaseCanvasShape {\n  variant?: CanvasStrokeVariant;\n  showArrow?: boolean;\n  clickable?: boolean;\n}\n\nexport interface CanvasCircleShape extends BaseCanvasShape {\n  type: 'circle';\n  x?: number;\n  y?: number;\n  radius?: number;\n}\n\nexport interface CanvasRectShape extends BaseCanvasShape {\n  type: 'rect';\n  x?: number;\n  y?: number;\n  width?: number;\n  height?: number;\n}\n\nexport interface CanvasLineShape extends BaseCanvasStrokeShape {\n  type: 'line';\n  start?: CanvasPoint;\n  end?: CanvasPoint;\n}\n\nexport interface CanvasConnectorShape extends BaseCanvasStrokeShape {\n  type: 'connector';\n  start?: CanvasPoint;\n  path?: CanvasPathSegment[];\n}\n\nexport type CanvasShape =\n  | CanvasCircleShape\n  | CanvasRectShape\n  | CanvasLineShape\n  | CanvasConnectorShape;\n\nconst GRID_GAP = 10;\nconst GRID_DOT_RADIUS = 1;\n\ninterface CanvasBounds {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\ninterface CanvasExtents {\n  minX: number;\n  minY: number;\n  maxX: number;\n  maxY: number;\n}\n\ninterface CanvasViewBox {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/**\n * @label Canvas\n * @tag wc-canvas\n * @rawTag canvas\n * @summary A SVG canvas for drawing shapes, lines, and connectors on a dotted grid.\n *\n * @cssprop --canvas-background - Background color for the canvas wrapper. Defaults to surface-container-low.\n * @cssprop --canvas-dot-color - Color of the background grid dots. Defaults to outline-variant.\n * @cssprop --canvas-line-color - Default stroke color for lines and connectors. Defaults to on-surface.\n * @cssprop --canvas-hover-color - Stroke color on hover for clickable shapes. Defaults to primary.\n * @cssprop --canvas-arrow-color - Stroke color for arrow markers. Defaults to on-surface.\n *\n * @example\n * ```html\n * <wc-canvas id=\"my-canvas\"></wc-canvas>\n * <script>\n *   document.querySelector('#my-canvas').shapes = [\n *     { type: 'circle', x: 0, y: 0, radius: 0.25, color: 'red' },\n *   ];\n * </script>\n * ```\n */\n@IndividualComponent\nexport class Canvas extends LitElement {\n  static styles = [styles];\n\n  /**\n   * Array of shape objects to render on the canvas.\n   */\n  @property({ type: Array })\n  shapes: CanvasShape[] = [];\n\n  /**\n   * Padding around the computed viewbox (in grid units).\n   */\n  @property({ type: Number, reflect: true })\n  padding: number = 1;\n\n  /**\n   * Zoom multiplier for the canvas dimensions.\n   */\n  @property({ type: Number, reflect: true })\n  zoom: number = 1;\n\n  /**\n   * Optional viewbox override string (e.g. \"0 0 100 100\").\n   */\n  @property({ type: String })\n  viewbox?: string;\n\n  private static getNextPoint(\n    point: CanvasPoint,\n    direction: CanvasDirection,\n    length: number,\n  ): CanvasPoint {\n    if (direction === 'down') return { x: point.x, y: point.y + length };\n    if (direction === 'up') return { x: point.x, y: point.y - length };\n    if (direction === 'left') return { x: point.x - length, y: point.y };\n    if (direction === 'right') return { x: point.x + length, y: point.y };\n    return { x: point.x, y: point.y };\n  }\n\n  private static updateExtents(\n    extents: CanvasExtents,\n    x: number,\n    y: number,\n  ) {\n    if (x < extents.minX) extents.minX = x;\n    if (x > extents.maxX) extents.maxX = x;\n    if (y < extents.minY) extents.minY = y;\n    if (y > extents.maxY) extents.maxY = y;\n  }\n\n  private static getStrokeVariantClasses(variant?: CanvasStrokeVariant) {\n    return {\n      line: true,\n      'variant-dashed': variant === 'dashed' || variant === 'animated-dashed',\n      'variant-animated-dashed': variant === 'animated-dashed',\n    };\n  }\n\n  private computeShapes(initialBounds: CanvasBounds) {\n    // Track world-space bounds (grid units) as shapes are processed.\n    const extents: CanvasExtents = {\n      minX: initialBounds.x,\n      minY: initialBounds.y,\n      maxX: initialBounds.x + initialBounds.width,\n      maxY: initialBounds.y + initialBounds.height,\n    };\n\n    const shapes = this.shapes.map(shape => {\n      switch (shape.type) {\n        case 'circle': {\n          const r = shape.radius || 1;\n          const cx = shape.x || 0;\n          const cy = shape.y || 0;\n          Canvas.updateExtents(extents, cx - r, cy - r);\n          Canvas.updateExtents(extents, cx + r, cy + r);\n\n          // Convert from grid units to SVG pixels using the fixed gap.\n          return svg`<circle\n            cx=${cx * GRID_GAP + GRID_DOT_RADIUS}\n            cy=${cy * GRID_GAP + GRID_DOT_RADIUS}\n            r=${r * GRID_GAP}\n            fill=${shape.color || 'var(--canvas-line-color, var(--color-on-surface))'}\n          />`;\n        }\n        case 'rect': {\n          const w = shape.width || 1;\n          const h = shape.height || 1;\n          const rx = shape.x || 0;\n          const ry = shape.y || 0;\n          Canvas.updateExtents(extents, rx, ry);\n          Canvas.updateExtents(extents, rx + w, ry + h);\n\n          return svg`<rect\n            x=${rx * GRID_GAP + GRID_DOT_RADIUS}\n            y=${ry * GRID_GAP}\n            width=${w * GRID_GAP + GRID_DOT_RADIUS}\n            height=${h * GRID_GAP + GRID_DOT_RADIUS}\n            fill=${shape.color || 'var(--canvas-line-color, var(--color-on-surface))'}\n          />`;\n        }\n        case 'line': {\n          const start = shape.start || { x: 0, y: 0 };\n          const end = shape.end || { x: 0, y: 0 };\n          Canvas.updateExtents(extents, start.x, start.y);\n          Canvas.updateExtents(extents, end.x, end.y);\n          const pathString = `M${start.x * GRID_GAP + GRID_DOT_RADIUS} ${start.y * GRID_GAP + GRID_DOT_RADIUS} L${end.x * GRID_GAP + GRID_DOT_RADIUS} ${end.y * GRID_GAP + GRID_DOT_RADIUS}`;\n          const strokeColor =\n            shape.color ||\n            'var(--canvas-line-color, var(--color-on-surface))';\n\n          return svg`<path\n            class=${classMap({\n              ...Canvas.getStrokeVariantClasses(shape.variant),\n              clickable: !!shape.clickable,\n            })}\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke=${strokeColor}\n            marker-end=${shape.showArrow ? 'url(#endarrow)' : ''}\n            d=${pathString}\n            stroke-dasharray=${shape.variant === 'dashed' || shape.variant === 'animated-dashed' ? '6,6' : nothing}\n            fill=\"none\"\n          />`;\n        }\n        case 'connector': {\n          const start = shape.start || { x: 0, y: 0 };\n          let pathString = `M${start.x * GRID_GAP + GRID_DOT_RADIUS} ${start.y * GRID_GAP + GRID_DOT_RADIUS}`;\n          let current = { ...start };\n          Canvas.updateExtents(extents, current.x, current.y);\n\n          const pathSegments = shape.path || [];\n          for (let i = 0; i < pathSegments.length; i += 1) {\n            const path = pathSegments[i];\n\n            if (i === 0) {\n              // Move one unit first so curved corner joins don't overlap start.\n              const point = Canvas.getNextPoint(current, path.direction, 1);\n              pathString += ` L${point.x * GRID_GAP + GRID_DOT_RADIUS} ${point.y * GRID_GAP + GRID_DOT_RADIUS}`;\n              current = { ...point };\n              Canvas.updateExtents(extents, current.x, current.y);\n            }\n\n            const point = Canvas.getNextPoint(\n              current,\n              path.direction,\n              path.length - 2,\n            );\n            pathString += ` L${point.x * GRID_GAP + GRID_DOT_RADIUS} ${point.y * GRID_GAP + GRID_DOT_RADIUS}`;\n            current = { ...point };\n            Canvas.updateExtents(extents, current.x, current.y);\n\n            if (i === pathSegments.length - 1) {\n              const endPoint = Canvas.getNextPoint(current, path.direction, 1);\n              pathString += ` L${endPoint.x * GRID_GAP + GRID_DOT_RADIUS} ${endPoint.y * GRID_GAP + GRID_DOT_RADIUS}`;\n              current = { ...endPoint };\n              Canvas.updateExtents(extents, current.x, current.y);\n            } else {\n              const nextPath = pathSegments[i + 1];\n              const midPoint = Canvas.getNextPoint(current, path.direction, 1);\n              Canvas.updateExtents(extents, midPoint.x, midPoint.y);\n              const nextPoint = Canvas.getNextPoint(\n                midPoint,\n                nextPath.direction,\n                1,\n              );\n              // Use a quadratic segment to round corners between directions.\n              pathString += ` Q ${midPoint.x * GRID_GAP + GRID_DOT_RADIUS} ${midPoint.y * GRID_GAP + GRID_DOT_RADIUS} ${nextPoint.x * GRID_GAP + GRID_DOT_RADIUS} ${nextPoint.y * GRID_GAP + GRID_DOT_RADIUS}`;\n              current = { ...nextPoint };\n              Canvas.updateExtents(extents, current.x, current.y);\n            }\n          }\n\n          const strokeColor =\n            shape.color ||\n            'var(--canvas-line-color, var(--color-on-surface))';\n\n          return svg`<g class=${classMap({ clickable: !!shape.clickable })}>\n            <path\n              class=${classMap({\n                ...Canvas.getStrokeVariantClasses(shape.variant),\n              })}\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke=${strokeColor}\n              marker-end=${shape.showArrow ? 'url(#endarrow)' : ''}\n              d=${pathString}\n              stroke-dasharray=${shape.variant === 'dashed' || shape.variant === 'animated-dashed' ? '6,6' : nothing}\n              fill=\"none\"\n            />\n            <path\n              stroke-width=\"10\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke=\"transparent\"\n              d=${pathString}\n              fill=\"none\"\n            />\n          </g>`;\n        }\n        default:\n          return nothing;\n      }\n    });\n\n    // Expand bounds with padding so shapes are not flush to the edge.\n    const computedViewbox = {\n      x: extents.minX - this.padding,\n      y: extents.minY - this.padding,\n      width: Math.max(extents.maxX - extents.minX + this.padding * 2, 0),\n      height: Math.max(extents.maxY - extents.minY + this.padding * 2, 0),\n    };\n\n    return { shapes, computedViewbox };\n  }\n\n  private renderBackgroundSvg(computedViewBox: CanvasViewBox, svgViewBox: string) {\n    return html`\n      <svg\n        class=\"canvas canvas-background\"\n        height=\"100%\"\n        width=\"100%\"\n        viewBox=${svgViewBox}\n        aria-hidden=\"true\"\n      >\n        <defs>\n          <pattern\n            id=\"canvas-background\"\n            patternUnits=\"userSpaceOnUse\"\n            width=${GRID_GAP}\n            height=${GRID_GAP}\n          >\n            <circle cx=\"1\" cy=\"1\" r=${GRID_DOT_RADIUS} />\n          </pattern>\n        </defs>\n\n        <rect\n          x=${computedViewBox.x * GRID_GAP}\n          y=${computedViewBox.y * GRID_GAP}\n          width=\"100%\"\n          height=\"100%\"\n          fill=\"url(#canvas-background)\"\n        />\n      </svg>\n    `;\n  }\n\n  private renderShapesSvg(shapes: unknown[], svgViewBox: string) {\n    return html`\n      <svg\n        class=\"canvas canvas-shapes\"\n        height=\"100%\"\n        width=\"100%\"\n        viewBox=${svgViewBox}\n      >\n        <defs>\n          <marker id=\"endarrow\" markerWidth=\"10\" markerHeight=\"10\" refX=\"5\" refY=\"5\" markerUnits=\"strokeWidth\" orient=\"auto\">\n            <polyline  points=\"0 2, 5 5, 0 8\"></polyline>\n          </marker>\n        </defs>\n\n        ${shapes}\n      </svg>\n    `;\n  }\n\n  protected render() {\n    let computedViewBox = { width: 0, height: 0, x: 0, y: 0 };\n\n    const { shapes, computedViewbox } = this.computeShapes(computedViewBox);\n    computedViewBox = computedViewbox;\n\n    if (this.viewbox) {\n      const viewBox = this.viewbox.split(' ');\n      computedViewBox = {\n        x: parseInt(viewBox[0], 10),\n        y: parseInt(viewBox[1], 10),\n        width: parseInt(viewBox[2], 10),\n        height: parseInt(viewBox[3], 10),\n      };\n    }\n\n    // Zoom scales the outer viewport size while the SVG viewBox stays in world units.\n    const wrapperWidth =\n      (computedViewBox.width * GRID_GAP + 2) * GRID_DOT_RADIUS * this.zoom;\n    const wrapperHeight =\n      (computedViewBox.height * GRID_GAP + 2) * GRID_DOT_RADIUS * this.zoom;\n\n    // viewBox maps world-space extents into the internal SVG coordinate system.\n    const svgViewBox = `${computedViewBox.x * GRID_GAP} ${computedViewBox.y * GRID_GAP} ${computedViewBox.width * GRID_GAP + 2 * GRID_DOT_RADIUS} ${computedViewBox.height * GRID_GAP + 2 * GRID_DOT_RADIUS}`;\n\n    return html`\n      <div\n        class=\"canvas-wrapper\"\n        style=\"width: ${wrapperWidth}px; height: ${wrapperHeight}px;\"\n      >\n        ${this.renderBackgroundSvg(computedViewBox, svgViewBox)}\n        ${this.renderShapesSvg(shapes, svgViewBox)}\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","svg","w","classMap","nothing","html","styles","property"],"mappings":"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"}