plotboilerplate 1.23.3 → 1.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (230) hide show
  1. package/README.md +19 -1
  2. package/dist/index.esm.js +1684 -394
  3. package/dist/index.esm.js.map +1 -1
  4. package/dist/index.esm.min.js +1 -1
  5. package/dist/index.esm.min.js.map +1 -1
  6. package/dist/plotboilerplate.browser.min.js +1 -1
  7. package/dist/plotboilerplate.browser.min.js.map +1 -1
  8. package/dist/plotboilerplate.js +12450 -11120
  9. package/dist/plotboilerplate.min.js +1 -1
  10. package/package.json +9 -5
  11. package/src/cjs/BezierPath.d.ts +41 -5
  12. package/src/cjs/BezierPath.js +52 -2
  13. package/src/cjs/BezierPath.js.map +1 -1
  14. package/src/cjs/Bounds.d.ts +67 -3
  15. package/src/cjs/Bounds.js +101 -3
  16. package/src/cjs/Bounds.js.map +1 -1
  17. package/src/cjs/Circle.d.ts +46 -4
  18. package/src/cjs/Circle.js +82 -3
  19. package/src/cjs/Circle.js.map +1 -1
  20. package/src/cjs/CircleSector.d.ts +51 -2
  21. package/src/cjs/CircleSector.js +112 -3
  22. package/src/cjs/CircleSector.js.map +1 -1
  23. package/src/cjs/CubicBezierCurve.d.ts +113 -7
  24. package/src/cjs/CubicBezierCurve.js +281 -33
  25. package/src/cjs/CubicBezierCurve.js.map +1 -1
  26. package/src/cjs/Line.d.ts +38 -3
  27. package/src/cjs/Line.js +64 -1
  28. package/src/cjs/Line.js.map +1 -1
  29. package/src/cjs/PlotBoilerplate.d.ts +37 -6
  30. package/src/cjs/PlotBoilerplate.js +224 -125
  31. package/src/cjs/PlotBoilerplate.js.map +1 -1
  32. package/src/cjs/Polygon.d.ts +68 -5
  33. package/src/cjs/Polygon.js +143 -22
  34. package/src/cjs/Polygon.js.map +1 -1
  35. package/src/cjs/Triangle.d.ts +52 -3
  36. package/src/cjs/Triangle.js +80 -1
  37. package/src/cjs/Triangle.js.map +1 -1
  38. package/src/cjs/VEllipse.d.ts +62 -3
  39. package/src/cjs/VEllipse.js +181 -17
  40. package/src/cjs/VEllipse.js.map +1 -1
  41. package/src/cjs/VEllipseSector.d.ts +86 -2
  42. package/src/cjs/VEllipseSector.js +148 -4
  43. package/src/cjs/VEllipseSector.js.map +1 -1
  44. package/src/cjs/Vector.d.ts +12 -2
  45. package/src/cjs/Vector.js +15 -2
  46. package/src/cjs/Vector.js.map +1 -1
  47. package/src/cjs/VertTuple.d.ts +28 -4
  48. package/src/cjs/VertTuple.js +36 -3
  49. package/src/cjs/VertTuple.js.map +1 -1
  50. package/src/cjs/Vertex.d.ts +31 -4
  51. package/src/cjs/Vertex.js +35 -1
  52. package/src/cjs/Vertex.js.map +1 -1
  53. package/src/cjs/interfaces/core.d.ts +67 -0
  54. package/src/cjs/interfaces/core.js +4 -0
  55. package/src/cjs/interfaces/core.js.map +1 -1
  56. package/src/cjs/utils/algorithms/convexPolygonIncircle.d.ts +2 -1
  57. package/src/cjs/utils/algorithms/convexPolygonIncircle.js +14 -6
  58. package/src/cjs/utils/algorithms/convexPolygonIncircle.js.map +1 -1
  59. package/src/cjs/utils/createRandomizedPolygon.d.ts +14 -0
  60. package/src/cjs/utils/createRandomizedPolygon.js +32 -0
  61. package/src/cjs/utils/createRandomizedPolygon.js.map +1 -0
  62. package/src/cjs/utils/datastructures/Color.d.ts +147 -1
  63. package/src/cjs/utils/datastructures/Color.js +385 -41
  64. package/src/cjs/utils/datastructures/Color.js.map +1 -1
  65. package/src/cjs/utils/datastructures/ColorGradient.d.ts +79 -0
  66. package/src/cjs/utils/datastructures/ColorGradient.js +171 -0
  67. package/src/cjs/utils/datastructures/ColorGradient.js.map +1 -0
  68. package/src/cjs/utils/dom/components/ColorGradientPicker.d.ts +245 -0
  69. package/src/cjs/utils/dom/components/ColorGradientPicker.js +667 -0
  70. package/src/cjs/utils/dom/components/ColorGradientPicker.js.map +1 -0
  71. package/src/cjs/utils/dom/components/ColorGradientPickerJSX.d.ts +129 -0
  72. package/src/cjs/utils/dom/components/ColorGradientPickerJSX.js +520 -0
  73. package/src/cjs/utils/dom/components/ColorGradientPickerJSX.js.map +1 -0
  74. package/src/cjs/utils/dom/components/ColorGradientSelector.d.ts +117 -0
  75. package/src/cjs/utils/dom/components/ColorGradientSelector.js +325 -0
  76. package/src/cjs/utils/dom/components/ColorGradientSelector.js.map +1 -0
  77. package/src/cjs/utils/dom/components/Test.d.ts +7 -0
  78. package/src/cjs/utils/dom/components/Test.js +30 -0
  79. package/src/cjs/utils/dom/components/Test.js.map +1 -0
  80. package/src/cjs/utils/dom/guiSizeToggler.js +1 -1
  81. package/src/cjs/utils/dom/guiSizeToggler.js.map +1 -1
  82. package/src/cjs/utils/helpers/BezierPathInteractionHelper.d.ts +16 -8
  83. package/src/cjs/utils/helpers/BezierPathInteractionHelper.js +49 -28
  84. package/src/cjs/utils/helpers/BezierPathInteractionHelper.js.map +1 -1
  85. package/src/cjs/utils/helpers/CircleHelper.d.ts +10 -1
  86. package/src/cjs/utils/helpers/CircleHelper.js +13 -2
  87. package/src/cjs/utils/helpers/CircleHelper.js.map +1 -1
  88. package/src/cjs/utils/helpers/CircleSectorHelper.d.ts +11 -2
  89. package/src/cjs/utils/helpers/CircleSectorHelper.js +20 -20
  90. package/src/cjs/utils/helpers/CircleSectorHelper.js.map +1 -1
  91. package/src/cjs/utils/helpers/TriangleHelper.d.ts +57 -0
  92. package/src/cjs/utils/helpers/TriangleHelper.js +83 -0
  93. package/src/cjs/utils/helpers/TriangleHelper.js.map +1 -0
  94. package/src/cjs/utils/helpers/VEllipseHelper.d.ts +32 -0
  95. package/src/cjs/utils/helpers/VEllipseHelper.js +88 -0
  96. package/src/cjs/utils/helpers/VEllipseHelper.js.map +1 -0
  97. package/src/cjs/utils/helpers/VEllipseSectorHelper.d.ts +44 -4
  98. package/src/cjs/utils/helpers/VEllipseSectorHelper.js +108 -25
  99. package/src/cjs/utils/helpers/VEllipseSectorHelper.js.map +1 -1
  100. package/src/cjs/utils/parsers/LinearColorGradientParser.d.ts +78 -0
  101. package/src/cjs/utils/parsers/LinearColorGradientParser.js +224 -0
  102. package/src/cjs/utils/parsers/LinearColorGradientParser.js.map +1 -0
  103. package/src/createDemoDrawables.js +4 -1
  104. package/src/esm/BezierPath.d.ts +41 -5
  105. package/src/esm/BezierPath.js +50 -2
  106. package/src/esm/BezierPath.js.map +1 -1
  107. package/src/esm/Bounds.d.ts +67 -3
  108. package/src/esm/Bounds.js +101 -3
  109. package/src/esm/Bounds.js.map +1 -1
  110. package/src/esm/Circle.d.ts +46 -4
  111. package/src/esm/Circle.js +79 -3
  112. package/src/esm/Circle.js.map +1 -1
  113. package/src/esm/CircleSector.d.ts +51 -2
  114. package/src/esm/CircleSector.js +108 -3
  115. package/src/esm/CircleSector.js.map +1 -1
  116. package/src/esm/CubicBezierCurve.d.ts +113 -7
  117. package/src/esm/CubicBezierCurve.js +277 -33
  118. package/src/esm/CubicBezierCurve.js.map +1 -1
  119. package/src/esm/Line.d.ts +38 -3
  120. package/src/esm/Line.js +62 -1
  121. package/src/esm/Line.js.map +1 -1
  122. package/src/esm/PlotBoilerplate.d.ts +37 -6
  123. package/src/esm/PlotBoilerplate.js +224 -125
  124. package/src/esm/PlotBoilerplate.js.map +1 -1
  125. package/src/esm/Polygon.d.ts +68 -5
  126. package/src/esm/Polygon.js +138 -22
  127. package/src/esm/Polygon.js.map +1 -1
  128. package/src/esm/Triangle.d.ts +52 -3
  129. package/src/esm/Triangle.js +77 -1
  130. package/src/esm/Triangle.js.map +1 -1
  131. package/src/esm/VEllipse.d.ts +62 -3
  132. package/src/esm/VEllipse.js +178 -17
  133. package/src/esm/VEllipse.js.map +1 -1
  134. package/src/esm/VEllipseSector.d.ts +86 -2
  135. package/src/esm/VEllipseSector.js +146 -7
  136. package/src/esm/VEllipseSector.js.map +1 -1
  137. package/src/esm/Vector.d.ts +12 -2
  138. package/src/esm/Vector.js +15 -2
  139. package/src/esm/Vector.js.map +1 -1
  140. package/src/esm/VertTuple.d.ts +28 -4
  141. package/src/esm/VertTuple.js +36 -3
  142. package/src/esm/VertTuple.js.map +1 -1
  143. package/src/esm/Vertex.d.ts +31 -4
  144. package/src/esm/Vertex.js +35 -1
  145. package/src/esm/Vertex.js.map +1 -1
  146. package/src/esm/interfaces/core.d.ts +67 -0
  147. package/src/esm/interfaces/core.js +4 -0
  148. package/src/esm/interfaces/core.js.map +1 -1
  149. package/src/esm/utils/algorithms/convexPolygonIncircle.d.ts +2 -1
  150. package/src/esm/utils/algorithms/convexPolygonIncircle.js +15 -7
  151. package/src/esm/utils/algorithms/convexPolygonIncircle.js.map +1 -1
  152. package/src/esm/utils/algorithms/createRandomizedPolygon.d.ts +14 -0
  153. package/src/esm/utils/algorithms/createRandomizedPolygon.js +28 -0
  154. package/src/esm/utils/algorithms/createRandomizedPolygon.js.map +1 -0
  155. package/src/esm/utils/createRandomizedPolygon.d.ts +14 -0
  156. package/src/esm/utils/createRandomizedPolygon.js +28 -0
  157. package/src/esm/utils/createRandomizedPolygon.js.map +1 -0
  158. package/src/esm/utils/datastructures/Color.d.ts +147 -1
  159. package/src/esm/utils/datastructures/Color.js +386 -42
  160. package/src/esm/utils/datastructures/Color.js.map +1 -1
  161. package/src/esm/utils/datastructures/ColorGradient.d.ts +79 -0
  162. package/src/esm/utils/datastructures/ColorGradient.js +166 -0
  163. package/src/esm/utils/datastructures/ColorGradient.js.map +1 -0
  164. package/src/esm/utils/dom/components/ColorGradientPicker.d.ts +245 -0
  165. package/src/esm/utils/dom/components/ColorGradientPicker.js +732 -0
  166. package/src/esm/utils/dom/components/ColorGradientPicker.js.map +1 -0
  167. package/src/esm/utils/dom/components/ColorGradientPickerJSX.d.ts +129 -0
  168. package/src/esm/utils/dom/components/ColorGradientPickerJSX.js +582 -0
  169. package/src/esm/utils/dom/components/ColorGradientPickerJSX.js.map +1 -0
  170. package/src/esm/utils/dom/components/ColorGradientSelector.d.ts +117 -0
  171. package/src/esm/utils/dom/components/ColorGradientSelector.js +332 -0
  172. package/src/esm/utils/dom/components/ColorGradientSelector.js.map +1 -0
  173. package/src/esm/utils/dom/components/Test.d.ts +7 -0
  174. package/src/esm/utils/dom/components/Test.js +26 -0
  175. package/src/esm/utils/dom/components/Test.js.map +1 -0
  176. package/src/esm/utils/dom/guiSizeToggler.js +1 -1
  177. package/src/esm/utils/dom/guiSizeToggler.js.map +1 -1
  178. package/src/esm/utils/helpers/BezierPathInteractionHelper.d.ts +16 -8
  179. package/src/esm/utils/helpers/BezierPathInteractionHelper.js +47 -27
  180. package/src/esm/utils/helpers/BezierPathInteractionHelper.js.map +1 -1
  181. package/src/esm/utils/helpers/CircleHelper.d.ts +10 -1
  182. package/src/esm/utils/helpers/CircleHelper.js +13 -2
  183. package/src/esm/utils/helpers/CircleHelper.js.map +1 -1
  184. package/src/esm/utils/helpers/CircleSectorHelper.d.ts +11 -2
  185. package/src/esm/utils/helpers/CircleSectorHelper.js +20 -20
  186. package/src/esm/utils/helpers/CircleSectorHelper.js.map +1 -1
  187. package/src/esm/utils/helpers/TriangleHelper.d.ts +57 -0
  188. package/src/esm/utils/helpers/TriangleHelper.js +78 -0
  189. package/src/esm/utils/helpers/TriangleHelper.js.map +1 -0
  190. package/src/esm/utils/helpers/VEllipseHelper.d.ts +32 -0
  191. package/src/esm/utils/helpers/VEllipseHelper.js +83 -0
  192. package/src/esm/utils/helpers/VEllipseHelper.js.map +1 -0
  193. package/src/esm/utils/helpers/VEllipseSectorHelper.d.ts +44 -4
  194. package/src/esm/utils/helpers/VEllipseSectorHelper.js +107 -24
  195. package/src/esm/utils/helpers/VEllipseSectorHelper.js.map +1 -1
  196. package/src/esm/utils/parsers/LinearColorGradientParser.d.ts +78 -0
  197. package/src/esm/utils/parsers/LinearColorGradientParser.js +217 -0
  198. package/src/esm/utils/parsers/LinearColorGradientParser.js.map +1 -0
  199. package/src/external.d.ts +9 -0
  200. package/src/ts/BezierPath.ts +58 -5
  201. package/src/ts/Bounds.ts +110 -6
  202. package/src/ts/Circle.ts +87 -5
  203. package/src/ts/CircleSector.ts +115 -5
  204. package/src/ts/CubicBezierCurve.ts +332 -42
  205. package/src/ts/Line.ts +66 -3
  206. package/src/ts/PlotBoilerplate.ts +236 -114
  207. package/src/ts/Polygon.ts +164 -29
  208. package/src/ts/Triangle.ts +85 -3
  209. package/src/ts/VEllipse.ts +214 -19
  210. package/src/ts/VEllipseSector.ts +154 -8
  211. package/src/ts/Vector.ts +16 -2
  212. package/src/ts/VertTuple.ts +39 -4
  213. package/src/ts/Vertex.ts +40 -4
  214. package/src/ts/interfaces/core.ts +73 -0
  215. package/src/ts/utils/algorithms/convexPolygonIncircle.ts +82 -78
  216. package/src/ts/utils/createRandomizedPolygon.ts +31 -0
  217. package/src/ts/utils/datastructures/Color.ts +423 -44
  218. package/src/ts/utils/datastructures/ColorGradient.ts +196 -0
  219. package/src/ts/utils/dom/components/ColorGradientPicker.tsx +877 -0
  220. package/src/ts/utils/dom/components/ColorGradientSelector.tsx +445 -0
  221. package/src/ts/utils/dom/components/Test.tsx +44 -0
  222. package/src/ts/utils/dom/components/_ColorGradientPicker_raw.ts_ +392 -0
  223. package/src/ts/utils/dom/guiSizeToggler.ts +1 -1
  224. package/src/ts/utils/helpers/BezierPathInteractionHelper.ts +61 -35
  225. package/src/ts/utils/helpers/CircleHelper.ts +17 -3
  226. package/src/ts/utils/helpers/CircleSectorHelper.ts +118 -126
  227. package/src/ts/utils/helpers/TriangleHelper.ts +102 -0
  228. package/src/ts/utils/helpers/VEllipseHelper.ts +115 -0
  229. package/src/ts/utils/helpers/VEllipseSectorHelper.ts +144 -26
  230. package/src/ts/utils/parsers/LinearColorGradientParser.ts +297 -0
@@ -0,0 +1,83 @@
1
+ /**
2
+ * A helper for VEllipses.
3
+ *
4
+ * @author Ikaros Kappler
5
+ * @date 2025-03-31
6
+ * @modified 2025-04-02 Adding `VEllipseHelper.drawHandleLines()`.
7
+ * @modified 2025-04-09 Adding `VEllipseHelper.destroy()`.
8
+ * @modified 2025-05-05 Fixed a typo in the `VEllipseHelper.destroy` method (was named `detroy`).
9
+ * @modified 2025-05-05 `VEllipseHelper` is now implementing `IShapeInteractionHelper`.
10
+ * @version 1.0.1
11
+ */
12
+ import { Line } from "../../Line";
13
+ export class VEllipseHelper {
14
+ constructor(ellipse, rotationControlPoint) {
15
+ this.ellipse = ellipse;
16
+ this.rotationControlPoint = rotationControlPoint;
17
+ // const rotationControlLine: Line = new Line(ellipse.center, rotationControlPoint);
18
+ this._rotationControlLine = new Line(ellipse.center, rotationControlPoint);
19
+ // +---------------------------------------------------------------------
20
+ // | Listen for the center to be moved.
21
+ // +-------------------------------------------
22
+ // ellipse.center.listeners.addDragListener((event: VertEvent) => {
23
+ // rotationControlPoint.add(event.params.dragAmount);
24
+ // });
25
+ ellipse.center.listeners.addDragListener((this._centerPointHandler = this._handleDragCenterPoint()));
26
+ // +---------------------------------------------------------------------
27
+ // | Listen for rotation changes.
28
+ // +-------------------------------------------
29
+ // rotationControlPoint.listeners.addDragListener((_event: VertEvent) => {
30
+ // var newRotation = rotationControlLine.angle();
31
+ // var rDiff = newRotation - ellipse.rotation;
32
+ // ellipse.rotation = newRotation;
33
+ // ellipse.axis.rotate(rDiff, ellipse.center);
34
+ // });
35
+ rotationControlPoint.listeners.addDragListener((this._rotationPointHandler = this._handleRotationCenterPoint()));
36
+ }
37
+ _handleDragCenterPoint() {
38
+ const _self = this;
39
+ return (event) => {
40
+ _self.rotationControlPoint.add(event.params.dragAmount);
41
+ };
42
+ }
43
+ _handleRotationCenterPoint() {
44
+ const _self = this;
45
+ return (_event) => {
46
+ var newRotation = _self._rotationControlLine.angle();
47
+ var rDiff = newRotation - _self.ellipse.rotation;
48
+ _self.ellipse.rotation = newRotation;
49
+ _self.ellipse.axis.rotate(rDiff, _self.ellipse.center);
50
+ };
51
+ }
52
+ /**
53
+ * Draw grey handle lines.
54
+ *
55
+ * @param {DrawLib<any>} draw - The draw library instance to use.
56
+ * @param {DrawLib<any>} fill - The fill library instance to use.
57
+ */
58
+ drawHandleLines(draw, fill) {
59
+ // Draw rotation handle line
60
+ draw.line(this.ellipse.center, this.rotationControlPoint, "rgba(192,64,128,0.333)", 1.0, {
61
+ dashOffset: 0.0,
62
+ dashArray: [4, 2]
63
+ });
64
+ // Draw helper box
65
+ draw.setCurrentId(`${this.ellipse.uid}_e0`);
66
+ draw.setCurrentClassName(`${this.ellipse.className}-v-line`);
67
+ draw.line(this.ellipse.center.clone().add(0, this.ellipse.signedRadiusV()).rotate(this.ellipse.rotation, this.ellipse.center), this.ellipse.axis, "rgba(64,128,192,0.333)", 1.0, {
68
+ dashOffset: 0.0,
69
+ dashArray: [4, 2]
70
+ });
71
+ draw.setCurrentId(`${this.ellipse.uid}_e1`);
72
+ draw.setCurrentClassName(`${this.ellipse.className}-h-line`);
73
+ draw.line(this.ellipse.center.clone().add(this.ellipse.signedRadiusH(), 0).rotate(this.ellipse.rotation, this.ellipse.center), this.ellipse.axis, "rgba(64,128,192,0.333)", 1.0, {
74
+ dashOffset: 0.0,
75
+ dashArray: [4, 2]
76
+ });
77
+ }
78
+ destroy() {
79
+ this.ellipse.center.listeners.removeDragListener(this._centerPointHandler);
80
+ this.rotationControlPoint.listeners.removeDragListener(this._rotationPointHandler);
81
+ }
82
+ }
83
+ //# sourceMappingURL=VEllipseHelper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VEllipseHelper.js","sourceRoot":"","sources":["../../../ts/utils/helpers/VEllipseHelper.ts"],"names":[],"mappings":"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"}
@@ -1,12 +1,52 @@
1
1
  /**
2
2
  * A helper for VEllipseSectors.
3
3
  *
4
- * @author Ikaros Kappler
5
- * @date 2021-03-24
6
- * @version 1.0.0
4
+ * @author Ikaros Kappler
5
+ * @date 2021-03-24
6
+ * @modified 2025-04-02 Adding `VEllipseSectorHelper.drawHandleLines`.
7
+ * @modified 2025-04-07 Modifying the calculation of `startAngle` and `endAngle` from the rotation control point: wrapping result into [0,TWO_PI).
8
+ * @modified 2025-04-09 Adding the `VEllipseSectorHelper.destroy` method.
9
+ * @modified 2025-05-05 `VEllipseSectorHelper` is now implementing `IShapeInteractionHelper`.
10
+ * @version 1.1.0
7
11
  */
8
12
  import { VEllipseSector } from "../../VEllipseSector";
9
13
  import { Vertex } from "../../Vertex";
10
- export declare class VEllipseSectorHelper {
14
+ import { DrawLib, IShapeInteractionHelper } from "../../interfaces";
15
+ export declare class VEllipseSectorHelper implements IShapeInteractionHelper {
16
+ private sector;
17
+ private startAngleControlPoint;
18
+ private endAngleControlPoint;
19
+ private rotationControlPoint;
20
+ private _rotationControlLine;
21
+ private _startAngleControlLine;
22
+ private _endAngleControlLine;
23
+ private _centerHandler;
24
+ private _rotationHandler;
25
+ private _startAngleHandler;
26
+ private _endAngleHandler;
11
27
  constructor(sector: VEllipseSector, startAngleControlPoint: Vertex, endAngleControlPoint: Vertex, rotationControlPoint: Vertex);
28
+ /**
29
+ * Creates a new drag handler for the circle sector's start control point.
30
+ *
31
+ * @private
32
+ * @method _handleDragStartControlPoint
33
+ * @instance
34
+ * @memberof CircleSectorHelper
35
+ * @returns A new event handler.
36
+ */
37
+ private _handleDragCenterPoint;
38
+ private _handleDragRotationControlPoint;
39
+ private _handleDragStartAngleControlPoint;
40
+ private _handleDragEndAngleControlPoint;
41
+ /**
42
+ * Draw grey handle lines.
43
+ *
44
+ * @param {DrawLib<any>} draw - The draw library instance to use.
45
+ * @param {DrawLib<any>} fill - The fill library instance to use.
46
+ */
47
+ drawHandleLines(draw: DrawLib<any>, fill: DrawLib<any>): void;
48
+ /**
49
+ * Destroy this VEllipseHandler which means: all listeners are being removed.
50
+ */
51
+ destroy(): void;
12
52
  }
@@ -1,47 +1,130 @@
1
1
  /**
2
2
  * A helper for VEllipseSectors.
3
3
  *
4
- * @author Ikaros Kappler
5
- * @date 2021-03-24
6
- * @version 1.0.0
4
+ * @author Ikaros Kappler
5
+ * @date 2021-03-24
6
+ * @modified 2025-04-02 Adding `VEllipseSectorHelper.drawHandleLines`.
7
+ * @modified 2025-04-07 Modifying the calculation of `startAngle` and `endAngle` from the rotation control point: wrapping result into [0,TWO_PI).
8
+ * @modified 2025-04-09 Adding the `VEllipseSectorHelper.destroy` method.
9
+ * @modified 2025-05-05 `VEllipseSectorHelper` is now implementing `IShapeInteractionHelper`.
10
+ * @version 1.1.0
7
11
  */
8
12
  import { Line } from "../../Line";
13
+ import { geomutils } from "../../geomutils";
9
14
  export class VEllipseSectorHelper {
10
15
  constructor(sector, startAngleControlPoint, endAngleControlPoint, rotationControlPoint) {
11
- const rotationControlLine = new Line(sector.ellipse.center, rotationControlPoint);
12
- const startAngleControlLine = new Line(sector.ellipse.center, startAngleControlPoint);
13
- const endAngleControlLine = new Line(sector.ellipse.center, endAngleControlPoint);
16
+ this.sector = sector;
17
+ this.startAngleControlPoint = startAngleControlPoint;
18
+ this.endAngleControlPoint = endAngleControlPoint;
19
+ this.rotationControlPoint = rotationControlPoint;
20
+ // const rotationControlLine: Line = new Line(sector.ellipse.center, rotationControlPoint);
21
+ this._rotationControlLine = new Line(sector.ellipse.center, rotationControlPoint);
22
+ // const startAngleControlLine: Line = new Line(sector.ellipse.center, startAngleControlPoint);
23
+ this._startAngleControlLine = new Line(sector.ellipse.center, startAngleControlPoint);
24
+ // const endAngleControlLine: Line = new Line(sector.ellipse.center, endAngleControlPoint);
25
+ this._endAngleControlLine = new Line(sector.ellipse.center, endAngleControlPoint);
14
26
  // +---------------------------------------------------------------------
15
27
  // | Listen for the center to be moved.
16
28
  // +-------------------------------------------
17
- sector.ellipse.center.listeners.addDragListener((event) => {
18
- startAngleControlPoint.add(event.params.dragAmount);
19
- endAngleControlPoint.add(event.params.dragAmount);
20
- rotationControlPoint.add(event.params.dragAmount);
21
- });
29
+ sector.ellipse.center.listeners.addDragListener((this._centerHandler = this._handleDragCenterPoint()));
22
30
  // +---------------------------------------------------------------------
23
31
  // | Listen for rotation changes.
24
32
  // +-------------------------------------------
25
- rotationControlPoint.listeners.addDragListener((event) => {
26
- var newRotation = rotationControlLine.angle();
27
- var rDiff = newRotation - sector.ellipse.rotation;
28
- sector.ellipse.rotation = newRotation;
29
- sector.ellipse.axis.rotate(rDiff, sector.ellipse.center);
30
- startAngleControlPoint.rotate(rDiff, sector.ellipse.center);
31
- endAngleControlPoint.rotate(rDiff, sector.ellipse.center);
32
- });
33
+ rotationControlPoint.listeners.addDragListener((this._rotationHandler = this._handleDragRotationControlPoint()));
33
34
  // +---------------------------------------------------------------------
34
35
  // | Listen for start angle changes.
35
36
  // +-------------------------------------------
36
- startAngleControlPoint.listeners.addDragListener((event) => {
37
- sector.startAngle = startAngleControlLine.angle() - sector.ellipse.rotation;
38
- });
37
+ startAngleControlPoint.listeners.addDragListener((this._startAngleHandler = this._handleDragStartAngleControlPoint()));
39
38
  // +---------------------------------------------------------------------
40
39
  // | Listen for end angle changes.
41
40
  // +-------------------------------------------
42
- endAngleControlPoint.listeners.addDragListener((event) => {
43
- sector.endAngle = endAngleControlLine.angle() - sector.ellipse.rotation;
41
+ endAngleControlPoint.listeners.addDragListener((this._endAngleHandler = this._handleDragEndAngleControlPoint()));
42
+ }
43
+ /**
44
+ * Creates a new drag handler for the circle sector's start control point.
45
+ *
46
+ * @private
47
+ * @method _handleDragStartControlPoint
48
+ * @instance
49
+ * @memberof CircleSectorHelper
50
+ * @returns A new event handler.
51
+ */
52
+ _handleDragCenterPoint() {
53
+ const _self = this;
54
+ return (event) => {
55
+ _self.startAngleControlPoint.add(event.params.dragAmount);
56
+ _self.endAngleControlPoint.add(event.params.dragAmount);
57
+ _self.rotationControlPoint.add(event.params.dragAmount);
58
+ };
59
+ }
60
+ _handleDragRotationControlPoint() {
61
+ const _self = this;
62
+ return (event) => {
63
+ const newRotation = _self._rotationControlLine.angle();
64
+ const rDiff = newRotation - _self.sector.ellipse.rotation;
65
+ _self.sector.ellipse.rotation = newRotation;
66
+ _self.sector.ellipse.axis.rotate(rDiff, _self.sector.ellipse.center);
67
+ _self.startAngleControlPoint.rotate(rDiff, _self.sector.ellipse.center);
68
+ _self.endAngleControlPoint.rotate(rDiff, _self.sector.ellipse.center);
69
+ };
70
+ }
71
+ _handleDragStartAngleControlPoint() {
72
+ const _self = this;
73
+ return (_event) => {
74
+ // sector.startAngle = startAngleControlLine.angle() - sector.ellipse.rotation;
75
+ _self.sector.startAngle = geomutils.mapAngleTo2PI(_self._startAngleControlLine.angle() - _self.sector.ellipse.rotation);
76
+ };
77
+ }
78
+ _handleDragEndAngleControlPoint() {
79
+ const _self = this;
80
+ return (event) => {
81
+ _self.sector.endAngle = geomutils.mapAngleTo2PI(_self._endAngleControlLine.angle() - _self.sector.ellipse.rotation);
82
+ };
83
+ }
84
+ /**
85
+ * Draw grey handle lines.
86
+ *
87
+ * @param {DrawLib<any>} draw - The draw library instance to use.
88
+ * @param {DrawLib<any>} fill - The fill library instance to use.
89
+ */
90
+ drawHandleLines(draw, fill) {
91
+ draw.line(this.sector.ellipse.center, this.startAngleControlPoint, "rgba(64,192,128,0.333)", 1.0, {
92
+ dashOffset: 0.0,
93
+ dashArray: [4, 2]
94
+ });
95
+ draw.line(this.sector.ellipse.center, this.endAngleControlPoint, "rgba(64,192,128,0.333)", 1.0, {
96
+ dashOffset: 0.0,
97
+ dashArray: [4, 2]
98
+ });
99
+ // Draw rotation handle line
100
+ draw.line(this.sector.ellipse.center, this.rotationControlPoint, "rgba(192,64,128,0.333)", 1.0, {
101
+ dashOffset: 0.0,
102
+ dashArray: [4, 2]
103
+ });
104
+ // Draw helper box
105
+ draw.line(this.sector.ellipse.center
106
+ .clone()
107
+ .add(0, this.sector.ellipse.signedRadiusV())
108
+ .rotate(this.sector.ellipse.rotation, this.sector.ellipse.center), this.sector.ellipse.axis, "rgba(64,128,192,0.333)", 1.0, {
109
+ dashOffset: 0.0,
110
+ dashArray: [4, 2]
111
+ });
112
+ draw.line(this.sector.ellipse.center
113
+ .clone()
114
+ .add(this.sector.ellipse.signedRadiusH(), 0)
115
+ .rotate(this.sector.ellipse.rotation, this.sector.ellipse.center), this.sector.ellipse.axis, "rgba(64,128,192,0.333)", 1.0, {
116
+ dashOffset: 0.0,
117
+ dashArray: [4, 2]
44
118
  });
119
+ } // END drawHandleLines
120
+ /**
121
+ * Destroy this VEllipseHandler which means: all listeners are being removed.
122
+ */
123
+ destroy() {
124
+ this.sector.ellipse.center.listeners.removeDragListener(this._centerHandler);
125
+ this.rotationControlPoint.listeners.removeDragListener(this._rotationHandler);
126
+ this.startAngleControlPoint.listeners.removeDragListener(this._startAngleHandler);
127
+ this.endAngleControlPoint.listeners.removeDragListener(this._endAngleHandler);
45
128
  }
46
129
  }
47
130
  //# sourceMappingURL=VEllipseSectorHelper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"VEllipseSectorHelper.js","sourceRoot":"","sources":["../../../ts/utils/helpers/VEllipseSectorHelper.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAKlC,MAAM,OAAO,oBAAoB;IAC/B,YACE,MAAsB,EACtB,sBAA8B,EAC9B,oBAA4B,EAC5B,oBAA4B;QAE5B,MAAM,mBAAmB,GAAS,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;QACxF,MAAM,qBAAqB,GAAS,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;QAC5F,MAAM,mBAAmB,GAAS,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;QAExF,yEAAyE;QACzE,uCAAuC;QACvC,+CAA+C;QAC/C,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,KAAgB,EAAE,EAAE;YACnE,sBAAsB,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACpD,oBAAoB,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YAClD,oBAAoB,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QAEH,yEAAyE;QACzE,iCAAiC;QACjC,+CAA+C;QAC/C,oBAAoB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,KAAgB,EAAE,EAAE;YAClE,IAAI,WAAW,GAAG,mBAAmB,CAAC,KAAK,EAAE,CAAC;YAC9C,IAAI,KAAK,GAAG,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC;YAClD,MAAM,CAAC,OAAO,CAAC,QAAQ,GAAG,WAAW,CAAC;YACtC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACzD,sBAAsB,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAC5D,oBAAoB,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC;QAEH,yEAAyE;QACzE,oCAAoC;QACpC,+CAA+C;QAC/C,sBAAsB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,KAAgB,EAAE,EAAE;YACpE,MAAM,CAAC,UAAU,GAAG,qBAAqB,CAAC,KAAK,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC9E,CAAC,CAAC,CAAC;QAEH,yEAAyE;QACzE,kCAAkC;QAClC,+CAA+C;QAC/C,oBAAoB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,KAAgB,EAAE,EAAE;YAClE,MAAM,CAAC,QAAQ,GAAG,mBAAmB,CAAC,KAAK,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC1E,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}
1
+ {"version":3,"file":"VEllipseSectorHelper.js","sourceRoot":"","sources":["../../../ts/utils/helpers/VEllipseSectorHelper.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,78 @@
1
+ /**
2
+ * A CSS gradient string parser.
3
+ *
4
+ * Source:
5
+ * https://stackoverflow.com/questions/20215440/parse-css-gradient-rule-with-javascript-regex
6
+ * Thanks to Dean Taylor
7
+ *
8
+ * @date 2025-09-04
9
+ * @OriginalAuthor Dean Taylor
10
+ * @RefactoredBy Ikaros Kappler, ported to Typescript.
11
+ * @version 1.0.0
12
+ */
13
+ import { ColorGradient } from "../datastructures/ColorGradient";
14
+ /**
15
+ * A wrapper type for the regular expressions used to parsed gradient strings.
16
+ */
17
+ export type ColorGradientParserRegExpLib = {
18
+ gradientSearch: RegExp;
19
+ colorStopSearch: RegExp;
20
+ };
21
+ /**
22
+ * The raw parse result.
23
+ */
24
+ export type ColorGradientParseResult = {
25
+ original: string;
26
+ line: string;
27
+ angle: string;
28
+ colorStopList: ColorGradientStopResult[];
29
+ sideCorner: string;
30
+ gradientType?: string;
31
+ parseWarning?: boolean;
32
+ };
33
+ /**
34
+ * The position string can have two formats: as percent or as pixels.
35
+ * For conversion to LinearColorGradient only relative (percent) is supported.
36
+ */
37
+ type PositionString = `${number}px` | `${number}%`;
38
+ /**
39
+ * A sub type of the result representing pairs of (color,position) elements.
40
+ */
41
+ type ColorGradientStopResult = {
42
+ color: string;
43
+ position: PositionString;
44
+ };
45
+ /**
46
+ * This must convert positioning strings to ratio numbers (in [0..1]).
47
+ * Must throw error if not parsable.
48
+ */
49
+ export type PositionToRatioConverter = (positionString: PositionString) => number;
50
+ /**
51
+ * The default implementation of `PositionToRatioConverter`.
52
+ * @param positionString
53
+ * @returns
54
+ */
55
+ export declare const DefaultPositionConverter: PositionToRatioConverter;
56
+ /**
57
+ * Actually parse the input gradient parameters string into an object for reusability.
58
+ *
59
+ *
60
+ * @note Really this only supports the standard syntax not historical versions, see MDN for details
61
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient
62
+ *
63
+ * @param {ColorGradientParserRegExpLib} regExpLib
64
+ * @param {string} input Input string in the form "to right bottom, #FF0 0%, red 20px, rgb(0, 0, 255) 100%"
65
+ * @returns {object|undefined} Object containing break down of input string including array of stop points.
66
+ */
67
+ export declare var __parseGradient: (regExpLib: ColorGradientParserRegExpLib, input: string) => ColorGradientParseResult;
68
+ /**
69
+ * The actual parser class.
70
+ */
71
+ export declare class LinearColorGradientParser {
72
+ private readonly regExpLib;
73
+ constructor(regExpLib?: ColorGradientParserRegExpLib);
74
+ parse(input: string, positionConverter?: PositionToRatioConverter): ColorGradient;
75
+ parseRaw(input: string): ColorGradientParseResult;
76
+ static parseResultToColorGradient(result: ColorGradientParseResult, positionConverter?: PositionToRatioConverter): ColorGradient;
77
+ }
78
+ export {};
@@ -0,0 +1,217 @@
1
+ /**
2
+ * A CSS gradient string parser.
3
+ *
4
+ * Source:
5
+ * https://stackoverflow.com/questions/20215440/parse-css-gradient-rule-with-javascript-regex
6
+ * Thanks to Dean Taylor
7
+ *
8
+ * @date 2025-09-04
9
+ * @OriginalAuthor Dean Taylor
10
+ * @RefactoredBy Ikaros Kappler, ported to Typescript.
11
+ * @version 1.0.0
12
+ */
13
+ import { Color } from "../datastructures/Color";
14
+ import { ColorGradient } from "../datastructures/ColorGradient";
15
+ /**
16
+ * The default implementation of `PositionToRatioConverter`.
17
+ * @param positionString
18
+ * @returns
19
+ */
20
+ export const DefaultPositionConverter = (positionString) => {
21
+ if (typeof positionString === "undefined") {
22
+ throw new Error("Cannot parse positioning string `null`.");
23
+ }
24
+ const tmp = positionString.trim();
25
+ if (tmp.length === 0) {
26
+ throw new Error('Cannot parse empty positioning string "".');
27
+ }
28
+ if (!tmp.endsWith("%")) {
29
+ throw new Error(`Cannot parse positioning string, must end with '%': '${tmp}'`);
30
+ }
31
+ return Number.parseFloat(tmp) / 100.0;
32
+ };
33
+ /**
34
+ * Utility combine multiple regular expressions.
35
+ *
36
+ * Source:
37
+ * https://stackoverflow.com/questions/20215440/parse-css-gradient-rule-with-javascript-regex
38
+ * Thanks to Dean Taylor
39
+ *
40
+ * @param {Array<RegExp | string>} regexpList List of regular expressions or strings.
41
+ * @param {string} flags Normal RegExp flags.
42
+ */
43
+ const __combineRegExp = (regexpList, flags) => {
44
+ var source = "";
45
+ for (var i = 0; i < regexpList.length; i++) {
46
+ const regex = regexpList[i];
47
+ if (typeof regex === "string") {
48
+ source += regex;
49
+ }
50
+ else {
51
+ source += regex.source;
52
+ }
53
+ }
54
+ return new RegExp(source, flags);
55
+ };
56
+ /**
57
+ * Generate the required regular expressions once.
58
+ *
59
+ * Regular Expressions are easier to manage this way and can be well described.
60
+ *
61
+ * @result {object} Object containing regular expressions.
62
+ */
63
+ const __generateDefaultRegExpLib = () => {
64
+ // Note any variables with "Capture" in name include capturing bracket set(s).
65
+ const searchFlags = "gi", // ignore case for angles, "rgb" etc
66
+ rAngle = /(?:[+-]?\d*\.?\d+)(?:deg|grad|rad|turn)/, // Angle +ive, -ive and angle types
67
+ rSideCornerCapture = /to\s+((?:(?:left|right)(?:\s+(?:top|bottom))?))/, // optional 2nd part
68
+ rComma = /\s*,\s*/, // Allow space around comma.
69
+ rColorHex = /\#(?:[a-f0-9]{6}|[a-f0-9]{3})/, // 3 or 6 character form
70
+ rDigits3 = /\(\s*(?:\d{1,3}\s*,\s*){2}\d{1,3}\s*\)/, // "(1, 2, 3)"
71
+ rDigits4 = /\(\s*(?:\d{1,3}\s*,\s*){2}\d{1,3}\s*,\s*\d*\.?\d+\)/, // "(1, 2, 3, 4)"
72
+ rValue = /(?:[+-]?\d*\.?\d+)(?:%|[a-z]+)?/, // ".9", "-5px", "100%".
73
+ rKeyword = /[_a-z-][_a-z0-9-]*/, // "red", "transparent", "border-collapse".
74
+ rColor = __combineRegExp(["(?:", rColorHex, "|", "(?:rgb|hsl)", rDigits3, "|", "(?:rgba|hsla)", rDigits4, "|", rKeyword, ")"], ""), rColorStop = __combineRegExp([rColor, "(?:\\s+", rValue, "(?:\\s+", rValue, ")?)?"], ""), // Single Color Stop, optional %, optional length.
75
+ rColorStopList = __combineRegExp(["(?:", rColorStop, rComma, ")*", rColorStop], ""), // List of color stops min 1.
76
+ rLineCapture = __combineRegExp(["(?:(", rAngle, ")|", rSideCornerCapture, ")"], ""), // Angle or SideCorner
77
+ rGradientSearch = __combineRegExp(["(?:(", rLineCapture, ")", rComma, ")?(", rColorStopList, ")"], searchFlags), // Capture 1:"line", 2:"angle" (optional), 3:"side corner" (optional) and 4:"stop list".
78
+ rColorStopSearch = __combineRegExp(["\\s*(", rColor, ")", "(?:\\s+", "(", rValue, "))?", "(?:", rComma, "\\s*)?"], searchFlags); // Capture 1:"color" and 2:"position" (optional).
79
+ return {
80
+ gradientSearch: rGradientSearch,
81
+ colorStopSearch: rColorStopSearch
82
+ };
83
+ };
84
+ /**
85
+ * Actually parse the input gradient parameters string into an object for reusability.
86
+ *
87
+ *
88
+ * @note Really this only supports the standard syntax not historical versions, see MDN for details
89
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient
90
+ *
91
+ * @param {ColorGradientParserRegExpLib} regExpLib
92
+ * @param {string} input Input string in the form "to right bottom, #FF0 0%, red 20px, rgb(0, 0, 255) 100%"
93
+ * @returns {object|undefined} Object containing break down of input string including array of stop points.
94
+ */
95
+ export var __parseGradient = (regExpLib, input) => {
96
+ var result;
97
+ var matchGradient, matchColorStop, stopResult;
98
+ // reset search position, because we reuse regex.
99
+ regExpLib.gradientSearch.lastIndex = 0;
100
+ matchGradient = regExpLib.gradientSearch.exec(input);
101
+ if (matchGradient !== null) {
102
+ result = {
103
+ original: matchGradient[0],
104
+ colorStopList: [],
105
+ line: null,
106
+ angle: null,
107
+ sideCorner: null
108
+ };
109
+ // Line (Angle or Side-Corner).
110
+ if (!!matchGradient[1]) {
111
+ result.line = matchGradient[1];
112
+ }
113
+ // Angle or undefined if side-corner.
114
+ if (!!matchGradient[2]) {
115
+ result.angle = matchGradient[2];
116
+ }
117
+ // Side-corner or undefined if angle.
118
+ if (!!matchGradient[3]) {
119
+ result.sideCorner = matchGradient[3];
120
+ }
121
+ // reset search position, because we reuse regex.
122
+ regExpLib.colorStopSearch.lastIndex = 0;
123
+ // Loop though all the color-stops.
124
+ matchColorStop = regExpLib.colorStopSearch.exec(matchGradient[4]);
125
+ while (matchColorStop !== null) {
126
+ stopResult = {
127
+ color: matchColorStop[1],
128
+ position: null
129
+ };
130
+ // Position (optional).
131
+ if (!!matchColorStop[2]) {
132
+ stopResult.position = matchColorStop[2];
133
+ }
134
+ result.colorStopList.push(stopResult);
135
+ // Continue searching from previous position.
136
+ matchColorStop = regExpLib.colorStopSearch.exec(matchGradient[4]);
137
+ }
138
+ }
139
+ // Can be undefined if match not found.
140
+ return result;
141
+ };
142
+ /**
143
+ * The actual parser class.
144
+ */
145
+ export class LinearColorGradientParser {
146
+ constructor(regExpLib) {
147
+ this.regExpLib = regExpLib || __generateDefaultRegExpLib();
148
+ }
149
+ parse(input, positionConverter) {
150
+ const result = this.parseRaw(input);
151
+ return LinearColorGradientParser.parseResultToColorGradient(result, positionConverter);
152
+ }
153
+ parseRaw(input) {
154
+ var result;
155
+ const rGradientEnclosedInBrackets = /.*gradient\s*\(((?:\([^\)]*\)|[^\)\(]*)*)\)/; // Captures inside brackets - max one additional inner set.
156
+ const match = rGradientEnclosedInBrackets.exec(input);
157
+ const bracketPos = input.indexOf("(");
158
+ const gradientType = bracketPos === -1 ? null : input.substring(0, bracketPos).toLowerCase();
159
+ if (match !== null) {
160
+ // Get the parameters for the gradient
161
+ result = __parseGradient(this.regExpLib, match[1]);
162
+ result.gradientType = gradientType;
163
+ if (result.original.trim() !== match[1].trim()) {
164
+ // Did not match the input exactly - possible parsing error.
165
+ result.parseWarning = true;
166
+ }
167
+ }
168
+ else {
169
+ // result = new Error("Failed to find gradient");
170
+ throw new Error("Failed to find gradient");
171
+ }
172
+ return result;
173
+ }
174
+ static parseResultToColorGradient(result, positionConverter) {
175
+ if (!result.gradientType || result.gradientType.toLowerCase() != "linear-gradient") {
176
+ throw new Error(`Cannot create linear gradient from type '${result.gradientType}'.`);
177
+ }
178
+ if (!result.colorStopList || result.colorStopList.length <= 1) {
179
+ throw new Error(`Cannot create linear gradient from color stop list of length '${result.colorStopList.length}'. Too few elements.`);
180
+ }
181
+ const colorStops = [];
182
+ const converter = positionConverter !== null && positionConverter !== void 0 ? positionConverter : DefaultPositionConverter;
183
+ for (var i = 0; i < result.colorStopList.length; i++) {
184
+ const stopListItem = result.colorStopList[i];
185
+ console.log(stopListItem);
186
+ const color = Color.parse(stopListItem.color);
187
+ // var position: number = LinearColorGradientParser.parsePosition(stopListItem.position);
188
+ var ratio;
189
+ if (typeof stopListItem.position === "undefined") {
190
+ // Try to auto-fill undefined positions by their index in the list.
191
+ ratio = i / (result.colorStopList.length - 1);
192
+ }
193
+ else {
194
+ ratio = converter(stopListItem.position);
195
+ }
196
+ colorStops.push({ color: color, ratio: ratio });
197
+ }
198
+ return new ColorGradient(colorStops, result.line);
199
+ }
200
+ } // END class
201
+ // var test_this_one = function (regExpLib, input) {
202
+ // var result,
203
+ // rGradientEnclosedInBrackets = /.*gradient\s*\(((?:\([^\)]*\)|[^\)\(]*)*)\)/, // Captures inside brackets - max one additional inner set.
204
+ // match = rGradientEnclosedInBrackets.exec(input);
205
+ // if (match !== null) {
206
+ // // Get the parameters for the gradient
207
+ // result = parseGradient(regExpLib, match[1]);
208
+ // if (result.original.trim() !== match[1].trim()) {
209
+ // // Did not match the input exactly - possible parsing error.
210
+ // result.parseWarning = true;
211
+ // }
212
+ // } else {
213
+ // result = "Failed to find gradient";
214
+ // }
215
+ // return result;
216
+ // };
217
+ //# sourceMappingURL=LinearColorGradientParser.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LinearColorGradientParser.js","sourceRoot":"","sources":["../../../ts/utils/parsers/LinearColorGradientParser.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ import { JsxElement } from "typescript";
2
+
3
+ // external.d.ts
4
+ declare module JSX {
5
+ type Element = JsxElement;
6
+ interface IntrinsicElements {
7
+ [elemName: string]: any;
8
+ }
9
+ }