@trdrs/quickcharts 2.0.0 → 2.0.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @trdrs/quickcharts
 
+## 2.0.1
+
+Drawing by touch, and handles that stay on their drawings. No public name changes.
+
+A finger draws, selects and moves drawings as surely as a pointer does. A touch takes a drawing it lands within a thumb's reach of and grabs a handle from a thumb's width away; a tap that wobbles stays a tap; a drawing a touch presses moves once the finger clearly sets off; the second touch of a placement brings its live point to the finger at once; and the crosshair stands on the point a finger places or drags, its lines and scale labels clear of the finger. A touch the drawing layer takes is claimed from the page's scroll as it begins, and a gesture the browser takes away ends where it stands. A mouse and a pen keep their behavior.
+
+Every handle stands where its drawing paints what the handle moves, so none stays behind as the drawing's other handles move it: a long or short position's stop on the box's far edge beside the target, a flat top/bottom's flat side at that side's end, a fib wedge's third handle at the end of its second ray, and an ellipse's third handle on the ellipse at its centre.
+
 ## 2.0.0
 
 A major version may rename or remove public names, and its upgrading guide lists each one, old to new, with how saved state carries over. 2.0 names everything a host writes against in the chart's own words: the stylesheet's cascade layers, the data source a symbol search row names, timeframe for every timeframe, indicator for every indicator, the drawing toolbar's models and the context menu's row builder. Saved state is read under the 2.0 names alone, and the guide lists what 1.x saved that opens at its default.
@@ -80,6 +88,8 @@ Saved state is read under the 2.0 names alone. What 1.x saved under these names
 - each drawing toolbar group's remembered tool, stored as `railTools` in the drawing preference record `quickcharts.drawingPrefs.v1`: the group's first tool;
 - the replay update timeframe, stored under `quickcharts.replayIv.v1`: `preferences.replayTimeframe`, else `auto`.
 
+2.0 stores the replay update timeframe under `quickcharts.replayTf.v1`. A `ChartStorage` that routes keys by name, to keep some per device for example, routes `quickcharts.replayTf.v1` where it routed `quickcharts.replayIv.v1`.
+
 Hosts that keep templates by kind file them under `indicator`: the chart asks `templates('indicator')`, and the REST adapter asks `/templates/indicator`.
 
 A `RecentsPort` of yours that stores rows stores `dataSource`, the field the source cell reads.

package/THIRD-PARTY-NOTICES.md

@@ -10,8 +10,8 @@ The emoji SVG graphics are from [Twemoji](https://github.com/jdecked/twemoji), c
 
 | Package | Version | License | Reached through |
 |---|---|---|---|
-| `fancy-canvas` | 2.1.0 | MIT | `lightweight-charts@5.2.0` |
-| `lightweight-charts` | 5.2.0 | Apache-2.0 | peer dependency |
+| `fancy-canvas` | 2.1.0 | MIT | `lightweight-charts@5.2.1` |
+| `lightweight-charts` | 5.2.1 | Apache-2.0 | peer dependency |
 
 ## fancy-canvas 2.1.0
 
@@ -43,7 +43,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 ```
 
-## lightweight-charts 5.2.0
+## lightweight-charts 5.2.1
 
 - License: Apache-2.0
 - Repository: https://github.com/tradingview/lightweight-charts
@@ -51,7 +51,7 @@ SOFTWARE.
 
 The package README states an attribution requirement beside the license: present the text of its NOTICE file and a link to https://www.tradingview.com/ on a page of your website or application that your users can reach. The package's `attributionLogo` chart option is one documented way to satisfy the link.
 
-The NOTICE file of lightweight-charts 5.2.0, reproduced verbatim from https://github.com/tradingview/lightweight-charts/blob/master/NOTICE:
+The NOTICE file of lightweight-charts 5.2.1, reproduced verbatim from https://github.com/tradingview/lightweight-charts/blob/master/NOTICE:
 
 ```
 TradingView Lightweight Charts™

package/dist/{chunk-6S6TO2N6.js → chunk-YR7NT5ZW.js}

@@ -1691,6 +1691,14 @@ var Ellipse = class extends Drawing {
     ctx.stroke();
     if (this.props.text) paintLabel(ctx, this.props.text, geo.center, this.style, { align: "center" });
   }
+  /** The third handle stands on the ellipse at its centre's time, where the vertical radius it
+   *  drags meets the outline: the anchor's own time paints nothing, so a handle at it would stay
+   *  behind as the diameter moves. */
+  getControlPoints(viewport) {
+    const points = super.getControlPoints(viewport);
+    const geo = this.geometry(viewport);
+    return geo ? points.map((point) => point.index === 2 ? { ...point, x: geo.center.x } : point) : points;
+  }
   testHit(point, viewport) {
     const geo = this.geometry(viewport);
     if (!geo) return false;
@@ -2676,6 +2684,14 @@ var FlatTopBottom = class extends Drawing {
     strokeSegment(ctx, b.flat.a, b.flat.b);
     if (this.props.text) paintLabel(ctx, this.props.text, { x: b.slope.a.x + 6, y: b.slope.a.y - 12 }, this.style);
   }
+  /** The flat side's handle stands at the flat side's end under the second anchor: the flat side
+   *  spans the sloped side's times at the third anchor's price, and that anchor's own time paints
+   *  nothing, so a handle at it would drift off the side as the sloped side moves. */
+  getControlPoints(viewport) {
+    const points = super.getControlPoints(viewport);
+    const end = points.find((point) => point.index === 1);
+    return end ? points.map((point) => point.index === 2 ? { ...point, x: end.x } : point) : points;
+  }
   testHit(point, viewport) {
     const b = this.boundaries(viewport);
     if (!b) return false;
@@ -3458,6 +3474,16 @@ var FibWedge = class extends Drawing {
       }
     }
   }
+  /** The third handle stands at the end of the second ray: that ray runs as long as the first, at
+   *  the third anchor's angle, so the anchor's own distance from the apex paints nothing and a
+   *  handle at it would float off the ray's end as the first ray changes length. */
+  getControlPoints(viewport) {
+    const points = super.getControlPoints(viewport);
+    const geo = this.geometry(viewport);
+    if (!geo) return points;
+    const end = { x: geo.apex.x + Math.cos(geo.a2) * geo.radius, y: geo.apex.y + Math.sin(geo.a2) * geo.radius };
+    return points.map((point) => point.index === 2 ? { ...point, ...end } : point);
+  }
   testHit(point, viewport) {
     const geo = this.geometry(viewport);
     if (!geo) return false;
@@ -3755,6 +3781,14 @@ var LongPosition = class extends Drawing {
       paintLabel(ctx, this.formatPrice(entry.price), { x: z.right + 6, y: z.entryY }, { ...this.style, textColor: this.style.lineColor });
     }
   }
+  /** The stop's handle stands on the box's far edge beside the target's, where the stop's level is
+   *  painted: the box's edges are the entry's time and the target's, and the stop's own time paints
+   *  nothing, so a handle at it would stay behind as the box's width changes. */
+  getControlPoints(viewport) {
+    const points = super.getControlPoints(viewport);
+    const edge = points.find((point) => point.index === 1);
+    return edge ? points.map((point) => point.index === 2 ? { ...point, x: edge.x } : point) : points;
+  }
   testHit(point, viewport) {
     const z = this.zones(viewport);
     if (!z) return false;
@@ -6960,4 +6994,4 @@ export {
   NO_DASH,
   INPUT_PROPS
 };
-//# sourceMappingURL=chunk-6S6TO2N6.js.map
+//# sourceMappingURL=chunk-YR7NT5ZW.js.map