@grafloria/element 0.3.18 → 0.3.19

package/src/libs/renderer/src/instance/wheel-scroll-yield.js

@@ -0,0 +1,118 @@
+"use strict";
+/**
+ * Wheel-over-scrollable-card delegation — makes scrollbars inside HTML nodes
+ * (foreignObject cards: ER tables, class boxes, custom cards) usable, and
+ * keeps a card's wheel from ever panning the canvas out from under the cursor.
+ *
+ * Two facts, both found empirically, force this to be a DELEGATION and not a
+ * mere yield:
+ *
+ *  1. The binder's plain-wheel PAN branch preventDefault()s every wheel, so
+ *     native scroll never runs and the canvas pans under the cursor.
+ *  2. Card content inside a foreignObject is `pointer-events: none` (so
+ *     clicks and drags fall through to the node) — the wheel's target is the
+ *     foreignObject or another SVG element, NEVER the scrollable div. Even if
+ *     the canvas yielded, the browser would have nothing to scroll: a
+ *     pointer-events:none element can't be an event target, and native scroll
+ *     chains only walk UP from the target.
+ *
+ * So the binder finds the scrollable content under the cursor itself and
+ * scrolls it programmatically. The rule is CONTAINMENT (overscroll-behavior:
+ * contain), not scroll-chaining:
+ *
+ *  - ctrl/⌘ wheel (pinch-zoom) ALWAYS belongs to the canvas;
+ *  - a plain wheel over a card that is scrollable in the wheel's axis belongs
+ *    to THAT card — it scrolls as far as it can and, AT THE END OF ITS RANGE,
+ *    the wheel is CONSUMED, not handed to the canvas. Reaching the bottom of a
+ *    table must never suddenly pan the whole diagram (the reported bug). To
+ *    pan, the cursor leaves the card;
+ *  - a plain wheel that is NOT over such a card falls through to the canvas.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.delegateWheelToScrollable = delegateWheelToScrollable;
+const SCROLLABLE_OVERFLOW = /(auto|scroll)/;
+/** Does `el` overflow in an axis this wheel drives (so the card owns the wheel)? */
+function ownsWheel(el, event) {
+    var _a, _b;
+    const style = (_b = (_a = el.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView) === null || _b === void 0 ? void 0 : _b.getComputedStyle(el);
+    if (!style)
+        return false;
+    const scrollableY = SCROLLABLE_OVERFLOW.test(style.overflowY) && el.scrollHeight > el.clientHeight;
+    const scrollableX = SCROLLABLE_OVERFLOW.test(style.overflowX) && el.scrollWidth > el.clientWidth;
+    return (event.deltaY !== 0 && scrollableY) || (event.deltaX !== 0 && scrollableX);
+}
+/** Scroll `el` by the event's deltas, clamped to its range. */
+function applyScroll(el, event) {
+    var _a, _b;
+    const style = (_b = (_a = el.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView) === null || _b === void 0 ? void 0 : _b.getComputedStyle(el);
+    if (!style)
+        return;
+    if (event.deltaY !== 0 && SCROLLABLE_OVERFLOW.test(style.overflowY) && el.scrollHeight > el.clientHeight) {
+        el.scrollTop = Math.max(0, Math.min(el.scrollTop + event.deltaY, el.scrollHeight - el.clientHeight));
+    }
+    if (event.deltaX !== 0 && SCROLLABLE_OVERFLOW.test(style.overflowX) && el.scrollWidth > el.clientWidth) {
+        el.scrollLeft = Math.max(0, Math.min(el.scrollLeft + event.deltaX, el.scrollWidth - el.clientWidth));
+    }
+}
+/** Nearest ancestor (self included) that is a foreignObject or a node group. */
+function scrollScope(target) {
+    var _a, _b;
+    let el = target;
+    while (el) {
+        const name = el.localName.toLowerCase();
+        if (name === 'foreignobject')
+            return el;
+        if (((_a = el.hasAttribute) === null || _a === void 0 ? void 0 : _a.call(el, 'data-node-id')) || ((_b = el.classList) === null || _b === void 0 ? void 0 : _b.contains('node-group')))
+            return el;
+        el = el.parentElement;
+    }
+    return null;
+}
+/**
+ * If this wheel is over scrollable card content, scroll that content and
+ * report the wheel HANDLED — the caller preventDefault()s and skips panning.
+ * Handled is returned whenever the cursor is over such a card, INCLUDING at
+ * the end of its scroll range (containment: the card, not the canvas, absorbs
+ * the wheel). Returns false only for pinch-zoom or when no scrollable card is
+ * under the cursor, so the canvas pans normally.
+ */
+function delegateWheelToScrollable(event) {
+    if (event.ctrlKey || event.metaKey)
+        return false;
+    const target = event.target instanceof Element ? event.target : null;
+    if (!target)
+        return false;
+    // Path 1 — the target IS HTML (overlay-layer nodes, or cards that enable
+    // pointer events): the innermost element that owns the wheel absorbs it.
+    let el = target;
+    while (el && el instanceof HTMLElement) {
+        if (ownsWheel(el, event)) {
+            applyScroll(el, event);
+            return true;
+        }
+        el = el.parentElement;
+    }
+    // Path 2 — the target is SVG (the usual case: card content is
+    // pointer-events:none, the foreignObject or node shape took the hit).
+    // Find the deepest card element under the cursor that owns the wheel.
+    const scope = scrollScope(target);
+    if (!scope)
+        return false;
+    const { clientX, clientY } = event;
+    const candidates = [];
+    for (const cand of Array.from(scope.querySelectorAll('*'))) {
+        if (!(cand instanceof HTMLElement) || !ownsWheel(cand, event))
+            continue;
+        const rect = cand.getBoundingClientRect();
+        if (clientX < rect.left || clientX > rect.right || clientY < rect.top || clientY > rect.bottom)
+            continue;
+        candidates.push(cand);
+    }
+    // Document order lists ancestors before descendants — the deepest owner wins.
+    const owner = candidates[candidates.length - 1];
+    if (!owner)
+        return false;
+    applyScroll(owner, event);
+    return true;
+}
+//# sourceMappingURL=wheel-scroll-yield.js.map

package/src/libs/renderer/src/instance/wheel-scroll-yield.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wheel-scroll-yield.js","sourceRoot":"","sources":["../../../../../../renderer/src/instance/wheel-scroll-yield.ts"],"names":[],"mappings":"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"}

package/src/libs/renderer/src/interaction/ControlPointEditor.d.ts

@@ -0,0 +1,160 @@
+import type { Point, PathSegment } from '@grafloria/engine';
+import type { ControlPointEditorConfig } from '@grafloria/engine';
+import type { VNode } from '../types/vnode.types';
+/**
+ * Control point information
+ */
+export interface ControlPoint {
+    /** Position of the control point */
+    point: Point;
+    /** Index of the segment this control point belongs to */
+    segmentIndex: number;
+    /** Type of control point (control1 or control2) */
+    type: 'control1' | 'control2';
+    /** Anchor point (from/to) that this control point affects */
+    anchor: Point;
+}
+/**
+ * Result of hit testing a control point
+ */
+export interface ControlPointHitResult {
+    /** Index of the segment */
+    segmentIndex: number;
+    /** Type of control point */
+    controlType: 'control1' | 'control2';
+    /** Position of the control point */
+    point: Point;
+    /** Anchor point */
+    anchor: Point;
+}
+/**
+ * ControlPointEditor provides functionality for editing bezier curve control points
+ *
+ * Features:
+ * - Detect and track control points from path segments
+ * - Hit testing for control point handles
+ * - Move control points via drag
+ * - Auto-generate smooth bezier curves from points
+ * - Grid snapping support
+ * - Symmetric control point mirroring
+ * - Visual rendering of control handles and lines
+ *
+ * @example
+ * ```typescript
+ * const editor = new ControlPointEditor(config);
+ *
+ * // Detect control points from segments
+ * const controlPoints = editor.getControlPoints(link.segments);
+ *
+ * // Hit test for click
+ * const hit = editor.hitTestControlPoint(mouseX, mouseY, link.segments);
+ *
+ * // Move control point
+ * const newSegments = editor.moveControlPoint(hit.segmentIndex, hit.controlType, newPos, link.segments);
+ *
+ * // Render visual handles
+ * const handles = editor.renderControlPointHandles(link.segments, link.id);
+ * ```
+ */
+export declare class ControlPointEditor {
+    private config;
+    constructor(config: ControlPointEditorConfig);
+    /**
+     * Get all control points from path segments
+     *
+     * @param segments - Path segments to extract control points from
+     * @returns Array of control point information
+     */
+    getControlPoints(segments: PathSegment[]): ControlPoint[];
+    /**
+     * Hit test for control point handles
+     * Optimized to avoid allocations on hot path (mousemove)
+     *
+     * @param mouseX - Mouse X coordinate
+     * @param mouseY - Mouse Y coordinate
+     * @param segments - Path segments
+     * @returns Hit result if a control point was clicked, null otherwise
+     */
+    hitTestControlPoint(mouseX: number, mouseY: number, segments: PathSegment[], 
+    /** Wave 9 — Card 2: extra world-space radius for a touch pointer. 0 for mouse. */
+    hitSlop?: number): ControlPointHitResult | null;
+    /**
+     * Move a control point to a new position
+     *
+     * @param segmentIndex - Index of the segment
+     * @param controlType - Type of control point (control1 or control2)
+     * @param newPosition - New position for the control point
+     * @param segments - Current path segments
+     * @returns Updated segments array, or null if invalid
+     */
+    moveControlPoint(segmentIndex: number, controlType: 'control1' | 'control2', newPosition: Point, segments: PathSegment[]): PathSegment[] | null;
+    /**
+     * Apply symmetric control point mirroring to adjacent segment
+     *
+     * @param segments - Segments array (mutated)
+     * @param segmentIndex - Index of the segment being edited
+     * @param controlType - Type of control point being moved
+     * @param newPosition - New position of the control point
+     */
+    private applySymmetricControl;
+    /**
+     * Auto-generate bezier curve segments from an array of points
+     *
+     * Uses Catmull-Rom algorithm to generate smooth curves
+     *
+     * @param points - Array of points to convert to bezier curves
+     * @returns Array of curve segments with auto-generated control points
+     */
+    generateBezierSegments(points: Point[]): PathSegment[];
+    /**
+     * Snap a point to the grid
+     *
+     * @param point - Point to snap
+     * @returns Snapped point
+     */
+    snapToGrid(point: Point): Point;
+    /**
+     * Calculate Euclidean distance between two points
+     *
+     * @param p1 - First point
+     * @param p2 - Second point
+     * @returns Distance in pixels
+     */
+    calculateDistance(p1: Point, p2: Point): number;
+    /**
+     * Render a control point handle as a VNode
+     *
+     * @param controlPoint - Control point to render
+     * @param linkId - ID of the link (for DOM identification)
+     * @returns VNode representing the control point handle
+     */
+    renderControlPointHandle(controlPoint: ControlPoint, linkId: string): VNode;
+    /**
+     * Render a control line (from anchor to control point) as a VNode
+     *
+     * @param controlPoint - Control point to render line for
+     * @param linkId - ID of the link
+     * @returns VNode representing the control line
+     */
+    renderControlLine(controlPoint: ControlPoint, linkId: string): VNode;
+    /**
+     * Render all control point handles for a link
+     *
+     * @param segments - Path segments
+     * @param linkId - ID of the link
+     * @returns Array of VNodes for rendering
+     */
+    renderControlPointHandles(segments: PathSegment[], linkId: string): VNode[];
+    /**
+     * Update configuration (partial update)
+     *
+     * @param partialConfig - Partial configuration to merge
+     */
+    updateConfig(partialConfig: Partial<ControlPointEditorConfig>): void;
+    /**
+     * Get current configuration
+     *
+     * @returns Current configuration (readonly copy)
+     */
+    getConfig(): Readonly<ControlPointEditorConfig>;
+}

package/src/libs/renderer/src/interaction/ControlPointEditor.js

@@ -0,0 +1,360 @@
+"use strict";
+// ControlPointEditor.ts - Bezier control point editing tool
+// Phase 2.3b: Interactive bezier curve editing via control point manipulation
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ControlPointEditor = void 0;
+/**
+ * ControlPointEditor provides functionality for editing bezier curve control points
+ *
+ * Features:
+ * - Detect and track control points from path segments
+ * - Hit testing for control point handles
+ * - Move control points via drag
+ * - Auto-generate smooth bezier curves from points
+ * - Grid snapping support
+ * - Symmetric control point mirroring
+ * - Visual rendering of control handles and lines
+ *
+ * @example
+ * ```typescript
+ * const editor = new ControlPointEditor(config);
+ *
+ * // Detect control points from segments
+ * const controlPoints = editor.getControlPoints(link.segments);
+ *
+ * // Hit test for click
+ * const hit = editor.hitTestControlPoint(mouseX, mouseY, link.segments);
+ *
+ * // Move control point
+ * const newSegments = editor.moveControlPoint(hit.segmentIndex, hit.controlType, newPos, link.segments);
+ *
+ * // Render visual handles
+ * const handles = editor.renderControlPointHandles(link.segments, link.id);
+ * ```
+ */
+class ControlPointEditor {
+    constructor(config) {
+        this.config = Object.assign({}, config);
+    }
+    /**
+     * Get all control points from path segments
+     *
+     * @param segments - Path segments to extract control points from
+     * @returns Array of control point information
+     */
+    getControlPoints(segments) {
+        const controlPoints = [];
+        for (let i = 0; i < segments.length; i++) {
+            const segment = segments[i];
+            // Only curve segments have control points
+            if (segment.type === 'curve') {
+                // control1 is relative to the 'from' anchor
+                if (segment.control1 && isFinite(segment.control1.x) && isFinite(segment.control1.y)) {
+                    controlPoints.push({
+                        point: Object.assign({}, segment.control1),
+                        segmentIndex: i,
+                        type: 'control1',
+                        anchor: Object.assign({}, segment.from),
+                    });
+                }
+                // control2 is relative to the 'to' anchor
+                if (segment.control2 && isFinite(segment.control2.x) && isFinite(segment.control2.y)) {
+                    controlPoints.push({
+                        point: Object.assign({}, segment.control2),
+                        segmentIndex: i,
+                        type: 'control2',
+                        anchor: Object.assign({}, segment.to),
+                    });
+                }
+            }
+        }
+        return controlPoints;
+    }
+    /**
+     * Hit test for control point handles
+     * Optimized to avoid allocations on hot path (mousemove)
+     *
+     * @param mouseX - Mouse X coordinate
+     * @param mouseY - Mouse Y coordinate
+     * @param segments - Path segments
+     * @returns Hit result if a control point was clicked, null otherwise
+     */
+    hitTestControlPoint(mouseX, mouseY, segments, 
+    /** Wave 9 — Card 2: extra world-space radius for a touch pointer. 0 for mouse. */
+    hitSlop = 0) {
+        let closestPoint = null;
+        let closestDistance = this.config.clickDetectionRadius + hitSlop;
+        const mousePoint = { x: mouseX, y: mouseY };
+        // Direct iteration - no intermediate allocations
+        for (let i = 0; i < segments.length; i++) {
+            const segment = segments[i];
+            // Only curve segments have control points
+            if (segment.type === 'curve') {
+                // Check control1
+                if (segment.control1 && isFinite(segment.control1.x) && isFinite(segment.control1.y)) {
+                    const distance = this.calculateDistance(mousePoint, segment.control1);
+                    if (distance <= closestDistance) {
+                        closestDistance = distance;
+                        // Only allocate when we find a hit
+                        closestPoint = {
+                            segmentIndex: i,
+                            controlType: 'control1',
+                            point: Object.assign({}, segment.control1),
+                            anchor: Object.assign({}, segment.from),
+                        };
+                    }
+                }
+                // Check control2
+                if (segment.control2 && isFinite(segment.control2.x) && isFinite(segment.control2.y)) {
+                    const distance = this.calculateDistance(mousePoint, segment.control2);
+                    if (distance <= closestDistance) {
+                        closestDistance = distance;
+                        // Only allocate when we find a hit
+                        closestPoint = {
+                            segmentIndex: i,
+                            controlType: 'control2',
+                            point: Object.assign({}, segment.control2),
+                            anchor: Object.assign({}, segment.to),
+                        };
+                    }
+                }
+            }
+        }
+        return closestPoint;
+    }
+    /**
+     * Move a control point to a new position
+     *
+     * @param segmentIndex - Index of the segment
+     * @param controlType - Type of control point (control1 or control2)
+     * @param newPosition - New position for the control point
+     * @param segments - Current path segments
+     * @returns Updated segments array, or null if invalid
+     */
+    moveControlPoint(segmentIndex, controlType, newPosition, segments) {
+        // Validate segment index
+        if (segmentIndex < 0 || segmentIndex >= segments.length) {
+            return null;
+        }
+        const segment = segments[segmentIndex];
+        // Only curve segments have control points
+        if (segment.type !== 'curve') {
+            return null;
+        }
+        // Apply grid snapping if enabled
+        const position = this.config.snapToGrid
+            ? this.snapToGrid(newPosition)
+            : Object.assign({}, newPosition);
+        // Clone segments array
+        const newSegments = segments.map((s, i) => {
+            if (i !== segmentIndex) {
+                return Object.assign({}, s);
+            }
+            // Update the specified control point
+            const updated = Object.assign({}, s);
+            if (controlType === 'control1') {
+                updated.control1 = position;
+            }
+            else {
+                updated.control2 = position;
+            }
+            return updated;
+        });
+        // Handle symmetric controls (mirror to adjacent segment)
+        if (this.config.symmetricControls) {
+            this.applySymmetricControl(newSegments, segmentIndex, controlType, position);
+        }
+        return newSegments;
+    }
+    /**
+     * Apply symmetric control point mirroring to adjacent segment
+     *
+     * @param segments - Segments array (mutated)
+     * @param segmentIndex - Index of the segment being edited
+     * @param controlType - Type of control point being moved
+     * @param newPosition - New position of the control point
+     */
+    applySymmetricControl(segments, segmentIndex, controlType, newPosition) {
+        const segment = segments[segmentIndex];
+        // Mirror control2 of current segment to control1 of next segment
+        if (controlType === 'control2' && segmentIndex < segments.length - 1) {
+            const nextSegment = segments[segmentIndex + 1];
+            if (nextSegment.type === 'curve' && segment.to) {
+                // Calculate mirror position
+                const anchor = segment.to;
+                const dx = anchor.x - newPosition.x;
+                const dy = anchor.y - newPosition.y;
+                const mirrorPos = {
+                    x: anchor.x + dx,
+                    y: anchor.y + dy,
+                };
+                nextSegment.control1 = mirrorPos;
+            }
+        }
+        // Mirror control1 of current segment to control2 of previous segment
+        if (controlType === 'control1' && segmentIndex > 0) {
+            const prevSegment = segments[segmentIndex - 1];
+            if (prevSegment.type === 'curve' && segment.from) {
+                // Calculate mirror position
+                const anchor = segment.from;
+                const dx = anchor.x - newPosition.x;
+                const dy = anchor.y - newPosition.y;
+                const mirrorPos = {
+                    x: anchor.x + dx,
+                    y: anchor.y + dy,
+                };
+                prevSegment.control2 = mirrorPos;
+            }
+        }
+    }
+    /**
+     * Auto-generate bezier curve segments from an array of points
+     *
+     * Uses Catmull-Rom algorithm to generate smooth curves
+     *
+     * @param points - Array of points to convert to bezier curves
+     * @returns Array of curve segments with auto-generated control points
+     */
+    generateBezierSegments(points) {
+        if (points.length < 2) {
+            return [];
+        }
+        const segments = [];
+        for (let i = 0; i < points.length - 1; i++) {
+            const p0 = points[Math.max(0, i - 1)];
+            const p1 = points[i];
+            const p2 = points[i + 1];
+            const p3 = points[Math.min(points.length - 1, i + 2)];
+            // Calculate control points using Catmull-Rom to Bezier conversion
+            // See: https://en.wikipedia.org/wiki/Centripetal_Catmull%E2%80%93Rom_spline
+            const control1 = {
+                x: p1.x + (p2.x - p0.x) / 6,
+                y: p1.y + (p2.y - p0.y) / 6,
+            };
+            const control2 = {
+                x: p2.x - (p3.x - p1.x) / 6,
+                y: p2.y - (p3.y - p1.y) / 6,
+            };
+            segments.push({
+                type: 'curve',
+                from: Object.assign({}, p1),
+                to: Object.assign({}, p2),
+                control1,
+                control2,
+            });
+        }
+        return segments;
+    }
+    /**
+     * Snap a point to the grid
+     *
+     * @param point - Point to snap
+     * @returns Snapped point
+     */
+    snapToGrid(point) {
+        const { gridSize } = this.config;
+        return {
+            x: Math.round(point.x / gridSize) * gridSize,
+            y: Math.round(point.y / gridSize) * gridSize,
+        };
+    }
+    /**
+     * Calculate Euclidean distance between two points
+     *
+     * @param p1 - First point
+     * @param p2 - Second point
+     * @returns Distance in pixels
+     */
+    calculateDistance(p1, p2) {
+        const dx = p2.x - p1.x;
+        const dy = p2.y - p1.y;
+        return Math.sqrt(dx * dx + dy * dy);
+    }
+    /**
+     * Render a control point handle as a VNode
+     *
+     * @param controlPoint - Control point to render
+     * @param linkId - ID of the link (for DOM identification)
+     * @returns VNode representing the control point handle
+     */
+    renderControlPointHandle(controlPoint, linkId) {
+        return {
+            type: 'circle',
+            key: `control-point-${linkId}-${controlPoint.segmentIndex}-${controlPoint.type}`,
+            props: {
+                cx: controlPoint.point.x,
+                cy: controlPoint.point.y,
+                r: this.config.handleRadius,
+                fill: this.config.handleColor,
+                stroke: this.config.handleStrokeColor,
+                strokeWidth: 2,
+                className: `control-point-handle control-point-${controlPoint.type}`,
+                'data-link-id': linkId,
+                'data-segment-index': controlPoint.segmentIndex.toString(),
+                'data-control-type': controlPoint.type,
+            },
+        };
+    }
+    /**
+     * Render a control line (from anchor to control point) as a VNode
+     *
+     * @param controlPoint - Control point to render line for
+     * @param linkId - ID of the link
+     * @returns VNode representing the control line
+     */
+    renderControlLine(controlPoint, linkId) {
+        return {
+            type: 'line',
+            key: `control-line-${linkId}-${controlPoint.segmentIndex}-${controlPoint.type}`,
+            props: {
+                x1: controlPoint.anchor.x,
+                y1: controlPoint.anchor.y,
+                x2: controlPoint.point.x,
+                y2: controlPoint.point.y,
+                stroke: this.config.controlLineColor,
+                strokeWidth: this.config.controlLineWidth,
+                strokeDasharray: this.config.controlLineDash.join(','),
+                className: 'control-line',
+                'data-link-id': linkId,
+            },
+        };
+    }
+    /**
+     * Render all control point handles for a link
+     *
+     * @param segments - Path segments
+     * @param linkId - ID of the link
+     * @returns Array of VNodes for rendering
+     */
+    renderControlPointHandles(segments, linkId) {
+        const controlPoints = this.getControlPoints(segments);
+        const vnodes = [];
+        for (const cp of controlPoints) {
+            // Render control line first (so it appears behind the handle)
+            if (this.config.showControlLines) {
+                vnodes.push(this.renderControlLine(cp, linkId));
+            }
+            // Render control point handle
+            vnodes.push(this.renderControlPointHandle(cp, linkId));
+        }
+        return vnodes;
+    }
+    /**
+     * Update configuration (partial update)
+     *
+     * @param partialConfig - Partial configuration to merge
+     */
+    updateConfig(partialConfig) {
+        this.config = Object.assign(Object.assign({}, this.config), partialConfig);
+    }
+    /**
+     * Get current configuration
+     *
+     * @returns Current configuration (readonly copy)
+     */
+    getConfig() {
+        return Object.assign({}, this.config);
+    }
+}
+exports.ControlPointEditor = ControlPointEditor;
+//# sourceMappingURL=ControlPointEditor.js.map

package/src/libs/renderer/src/interaction/ControlPointEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlPointEditor.js","sourceRoot":"","sources":["../../../../../../renderer/src/interaction/ControlPointEditor.ts"],"names":[],"mappings":"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"}