@pie-lib/tools 0.9.36-next.0 → 0.10.1-beta.0

package/src/protractor/__tests__/__snapshots__/index.test.jsx.snap

@@ -0,0 +1,40 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`protractor snapshot renders 1`] = `
+<WithStyles(Rotatable)
+  handle={
+    Array [
+      Object {
+        "class": "leftAnchor",
+        "origin": "222.75px 220.5px",
+      },
+      Object {
+        "class": "rightAnchor",
+        "origin": "222.75px 220.5px",
+      },
+    ]
+  }
+  startPosition={
+    Object {
+      "left": 0,
+      "top": 0,
+    }
+  }
+>
+  <div
+    style={
+      Object {
+        "width": "450px",
+      }
+    }
+  >
+    <WithStyles(Graphic) />
+    <WithStyles(Component)
+      className="leftAnchor"
+    />
+    <WithStyles(Component)
+      className="rightAnchor"
+    />
+  </div>
+</WithStyles(Rotatable)>
+`;

package/src/protractor/__tests__/graphic.test.jsx

@@ -0,0 +1,13 @@
+import toJson from 'enzyme-to-json';
+import { shallow } from 'enzyme';
+import { Graphic } from '../graphic';
+import React from 'react';
+
+describe('graphic', () => {
+  describe('snapshot', () => {
+    it('renders', () => {
+      const wrapper = shallow(<Graphic classes={{ path: 'path', line: 'line', circle: 'circle' }} />);
+      expect(toJson(wrapper)).toMatchSnapshot();
+    });
+  });
+});

package/src/protractor/__tests__/index.test.jsx

@@ -0,0 +1,13 @@
+import toJson from 'enzyme-to-json';
+import { shallow } from 'enzyme';
+import { Protractor } from '../index';
+import React from 'react';
+
+describe('protractor', () => {
+  describe('snapshot', () => {
+    it('renders', () => {
+      const wrapper = shallow(<Protractor classes={{}} />);
+      expect(toJson(wrapper)).toMatchSnapshot();
+    });
+  });
+});

package/src/ruler/__tests__/__snapshots__/graphic.test.jsx.snap

@@ -0,0 +1,160 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`graphic snapshot renders 1`] = `
+<svg
+  viewBox="0 0 300 100"
+>
+  <Bg
+    className="bg"
+    height={100}
+    width={300}
+  />
+  <WithStyles(UnitType)
+    label="in"
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={1}
+    key="1"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={2}
+    key="2"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={3}
+    key="3"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={4}
+    key="4"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={5}
+    key="5"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={6}
+    key="6"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={7}
+    key="7"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={8}
+    key="8"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={9}
+    key="9"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={10}
+    key="10"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={11}
+    key="11"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={12}
+    key="12"
+    last={true}
+    width={25}
+  />
+</svg>
+`;

package/src/ruler/__tests__/__snapshots__/index.test.jsx.snap

@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ruler snapshot renders 1`] = `
+<WithStyles(Rotatable)
+  handle={
+    Array [
+      Object {
+        "class": "leftAnchor",
+        "origin": "bottom right",
+      },
+      Object {
+        "class": "rightAnchor",
+        "origin": "bottom left",
+      },
+    ]
+  }
+>
+  <div
+    style={
+      Object {
+        "height": "60px",
+        "width": "480px",
+      }
+    }
+  >
+    <WithStyles(Graphic)
+      height={60}
+      unit={
+        Object {
+          "ticks": 16,
+          "type": undefined,
+        }
+      }
+      units={12}
+      width={480}
+    />
+    <WithStyles(Component)
+      className="leftAnchor"
+    />
+    <WithStyles(Component)
+      className="rightAnchor"
+    />
+  </div>
+</WithStyles(Rotatable)>
+`;

package/src/ruler/__tests__/__snapshots__/unit-type.test.jsx.snap

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`unit-type snapshot renders 1`] = `
+<text
+  fontSize={11}
+  stroke="none"
+  x={8}
+  y={14}
+>
+  cm
+</text>
+`;

package/src/ruler/__tests__/__snapshots__/unit.test.jsx.snap

@@ -0,0 +1,30 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`unit snapshot renders 1`] = `
+<g
+  style={
+    Object {
+      "transform": "translate(30px, 0px)",
+    }
+  }
+>
+  <line
+    x1={30}
+    x2={30}
+    y1={0}
+    y2={20}
+  />
+  <Ticks
+    count={10}
+    height={20}
+    width={30}
+  />
+  <text
+    width={30}
+    x={25}
+    y={15}
+  >
+    2
+  </text>
+</g>
+`;

package/src/ruler/__tests__/graphic.test.jsx

@@ -0,0 +1,23 @@
+import toJson from 'enzyme-to-json';
+import { shallow } from 'enzyme';
+import { Graphic } from '../graphic';
+import React from 'react';
+
+describe('graphic', () => {
+  describe('snapshot', () => {
+    it('renders', () => {
+      const wrapper = shallow(
+        <Graphic
+          width={300}
+          height={100}
+          units={12}
+          unit={{
+            type: 'in',
+          }}
+          classes={{ bg: 'bg' }}
+        />,
+      );
+      expect(toJson(wrapper)).toMatchSnapshot();
+    });
+  });
+});

package/src/ruler/__tests__/index.test.jsx

@@ -0,0 +1,28 @@
+import toJson from 'enzyme-to-json';
+import { shallow } from 'enzyme';
+import { Ruler } from '../index';
+import RulerGraphic from '../graphic';
+import React from 'react';
+
+describe('ruler', () => {
+  describe('snapshot', () => {
+    it('renders', () => {
+      const wrapper = shallow(<Ruler classes={{}} />);
+      expect(toJson(wrapper)).toMatchSnapshot();
+    });
+  });
+
+  describe('logic', () => {
+    it('sets unit for imperial', () => {
+      const wrapper = shallow(<Ruler measure={'imperial'} classes={{}} label={'in'} />);
+      const r = wrapper.find(RulerGraphic);
+      expect(r.prop('unit')).toEqual({ ticks: 16, type: 'in' });
+    });
+
+    it('sets unit for metric', () => {
+      const wrapper = shallow(<Ruler measure={'metric'} classes={{}} label={'cm'} />);
+      const r = wrapper.find(RulerGraphic);
+      expect(r.prop('unit')).toEqual({ ticks: 10, type: 'cm' });
+    });
+  });
+});

package/src/ruler/__tests__/unit-type.test.jsx

@@ -0,0 +1,13 @@
+import toJson from 'enzyme-to-json';
+import { shallow } from 'enzyme';
+import { UnitType } from '../unit-type';
+import React from 'react';
+
+describe('unit-type', () => {
+  describe('snapshot', () => {
+    it('renders', () => {
+      const wrapper = shallow(<UnitType classes={{}} label={'cm'} />);
+      expect(toJson(wrapper)).toMatchSnapshot();
+    });
+  });
+});

package/src/ruler/__tests__/unit.test.jsx

@@ -0,0 +1,15 @@
+import toJson from 'enzyme-to-json';
+import { shallow } from 'enzyme';
+import { Unit } from '../unit';
+import React from 'react';
+
+describe('unit', () => {
+  describe('snapshot', () => {
+    it('renders', () => {
+      const wrapper = shallow(
+        <Unit index={2} width={30} height={20} last={false} config={{ ticks: 10 }} classes={{}} />,
+      );
+      expect(toJson(wrapper)).toMatchSnapshot();
+    });
+  });
+});

package/lib/anchor-utils.js

@@ -1,249 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toRadians = exports.toPoint = exports.toDegrees = exports.normalizeAngle = exports.getXAndY = exports.getTop = exports.getLeft = exports.getAngleAndHypotenuse = exports.getAnchor = exports.distanceBetween = exports.arctangent = void 0;
-
-var _trigonometryCalculator = require("trigonometry-calculator");
-
-var _pointGeometry = _interopRequireDefault(require("@mapbox/point-geometry"));
-
-var _debug = _interopRequireDefault(require("debug"));
-
-var _transformOrigin = require("./transform-origin");
-
-var log = (0, _debug["default"])('@pie-lib:tools:anchor-utils');
-
-var toDegrees = function toDegrees(radians) {
-  return radians * (180 / Math.PI);
-};
-
-exports.toDegrees = toDegrees;
-
-var toRadians = function toRadians(degrees) {
-  return degrees * (Math.PI / 180);
-};
-
-exports.toRadians = toRadians;
-
-var normalizeAngle = function normalizeAngle(a) {
-  if (a > 360) {
-    return a % 360;
-  } else if (a < 0) {
-    return 360 + a % 360;
-  }
-
-  return a;
-};
-
-exports.normalizeAngle = normalizeAngle;
-
-var toPoint = function toPoint(rect, edge) {
-  var out = (0, _transformOrigin.parse)(rect, edge);
-  return new _pointGeometry["default"](out.x, out.y);
-};
-/**
- * Get the distance between to anchor points in a rect.
- * @param {{width: number, height: number}} rect - the rect
- * @param {number} degrees - the degrees
- * @param {string} from - from anchor
- * @param {string} to - to anchor
- * @returns {Point} point - the distance as a Point
- */
-
-
-exports.toPoint = toPoint;
-
-var distanceBetween = function distanceBetween(rect, degrees, from, to) {
-  var center = new _pointGeometry["default"](rect.width / 2, rect.height / 2);
-  var radians = toRadians(degrees);
-  var fromCenter = center.rotateAround(radians, toPoint(rect, from));
-  var toCenter = center.rotateAround(radians, toPoint(rect, to));
-  var diff = fromCenter.sub(toCenter);
-  return diff;
-};
-/**
- * For a corner string, a point and a rect, return a relative x,y from that point to a corner.
- * Note that the y value descends as it goes down (unlike for a screen's y value), so this is only really useful for math functions.
- * @example
- * ```
- * getXAndY('top-left', {width: 100, height: 100}, 10, 10) //=> {x:10, y: -90}
- * ```
- * @param {*} corner
- * @param {*} rect
- * @param {*} point
- */
-
-
-exports.distanceBetween = distanceBetween;
-
-var getXAndY = function getXAndY(corner, rect, point) {
-  if (corner === 'top-left') {
-    var x = point.x * -1;
-    var y = point.y;
-    return {
-      x: x,
-      y: y
-    };
-  } else if (corner === 'bottom-left') {
-    var _x = point.x * -1;
-
-    var _y = point.y - rect.height;
-
-    return {
-      x: _x,
-      y: _y
-    };
-  } else if (corner === 'top-right') {
-    var _x2 = rect.width - point.x;
-
-    var _y2 = point.y;
-    return {
-      x: _x2,
-      y: _y2
-    };
-  } else if (corner === 'bottom-right') {
-    var _x3 = rect.width - point.x;
-
-    var _y3 = point.y - rect.height;
-
-    return {
-      x: _x3,
-      y: _y3
-    };
-  }
-};
-
-exports.getXAndY = getXAndY;
-
-var arctangent = function arctangent(x, y) {
-  return toDegrees(Math.atan2(x, y));
-};
-
-exports.arctangent = arctangent;
-
-var getAngleAndHypotenuse = function getAngleAndHypotenuse(corner, rect, point) {
-  var _getXAndY = getXAndY(corner, rect, point),
-      x = _getXAndY.x,
-      y = _getXAndY.y;
-
-  var degrees = arctangent(x, y);
-  var hypotenuse = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
-  return {
-    x: x,
-    y: y,
-    degrees: degrees,
-    hypotenuse: hypotenuse
-  };
-};
-
-exports.getAngleAndHypotenuse = getAngleAndHypotenuse;
-
-var getPosition = function getPosition(side, rect, point, angle, calcAngle) {
-  if (angle === 0) {
-    return side === 'left' ? point.x : point.y;
-  }
-
-  var points = anglePoints(angle);
-  var key = points[side];
-
-  var _getAngleAndHypotenus = getAngleAndHypotenuse(key, rect, point),
-      degrees = _getAngleAndHypotenus.degrees,
-      hypotenuse = _getAngleAndHypotenus.hypotenuse;
-
-  var ra = calcAngle(degrees);
-
-  if (ra === 0) {
-    return hypotenuse;
-  }
-
-  var t = {
-    angles: {
-      0: ra,
-      1: 90
-    },
-    sides: {
-      1: hypotenuse
-    }
-  };
-  var out = (0, _trigonometryCalculator.trigCalculator)(t);
-  return out.sides[2];
-};
-
-var getTop = function getTop(rect, point, angle) {
-  return getPosition('top', rect, point, angle, function (degrees) {
-    return Math.abs(angle + degrees);
-  });
-};
-
-exports.getTop = getTop;
-
-var getLeft = function getLeft(rect, point, angle) {
-  return getPosition('left', rect, point, angle, function (degrees) {
-    return Math.abs(angle + degrees + 90);
-  });
-};
-/**
- * Calculate the position of an anchor within a bounding rect, if the source rect has been rotated by an angle.
- * It does this by finding the appropriate corner of the src rect, that touches the bounding rect, calculates
- * the hypotenuse (h) of that anchor to that point. Then using that plus the rotation it calculates
- * the sides of the triangle and returns the length of the side that touches the bounding rect.
- * @param {{width: number, height: number}} rect - the rect which contains the point
- * @param {{x:number, y: number}} point - the point within the rect
- * @param {number} angle - the angle in degrees that the rect has rotated.
- * @returns {{left: number, top: number}} position
- */
-
-
-exports.getLeft = getLeft;
-
-var getAnchor = function getAnchor(rect, point, angle) {
-  log('[getAnchor] rect: ', rect, 'point:', point, 'angle: ', angle);
-
-  if (point.x > rect.width) {
-    throw new Error("x: ".concat(point.x, " cannot be greater than width: ").concat(rect.width));
-  }
-
-  if (point.y > rect.height) {
-    throw new Error("y: ".concat(point.y, " cannot be greater than height: ").concat(rect.height));
-  }
-
-  var a = normalizeAngle(angle);
-  var top = getTop(rect, point, a);
-  var left = getLeft(rect, point, a);
-  log('[getAnchor] top: ', top, 'left: ', left);
-  return {
-    top: top,
-    left: left
-  };
-};
-
-exports.getAnchor = getAnchor;
-
-var anglePoints = function anglePoints(angle) {
-  if (angle <= 90) {
-    return {
-      top: 'top-left',
-      left: 'bottom-left'
-    };
-  } else if (angle > 90 && angle <= 180) {
-    return {
-      top: 'bottom-left',
-      left: 'bottom-right'
-    };
-  } else if (angle > 180 && angle <= 270) {
-    return {
-      top: 'bottom-right',
-      left: 'top-right'
-    };
-  } else if (angle > 270 && angle < 360) {
-    return {
-      top: 'top-right',
-      left: 'top-left'
-    };
-  }
-};
-//# sourceMappingURL=anchor-utils.js.map

package/lib/anchor-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/anchor-utils.js"],"names":["log","toDegrees","radians","Math","PI","toRadians","degrees","normalizeAngle","a","toPoint","rect","edge","out","Point","x","y","distanceBetween","from","to","center","width","height","fromCenter","rotateAround","toCenter","diff","sub","getXAndY","corner","point","arctangent","atan2","getAngleAndHypotenuse","hypotenuse","sqrt","pow","getPosition","side","angle","calcAngle","points","anglePoints","key","ra","t","angles","sides","getTop","abs","getLeft","getAnchor","Error","top","left"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA,IAAMA,GAAG,GAAG,uBAAM,6BAAN,CAAZ;;AAEO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AAAA,SAAaA,OAAO,IAAI,MAAMC,IAAI,CAACC,EAAf,CAApB;AAAA,CAAlB;;;;AACA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AAAA,SAAaA,OAAO,IAAIH,IAAI,CAACC,EAAL,GAAU,GAAd,CAApB;AAAA,CAAlB;;;;AAEA,IAAMG,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD,EAAO;AACnC,MAAIA,CAAC,GAAG,GAAR,EAAa;AACX,WAAOA,CAAC,GAAG,GAAX;AACD,GAFD,MAEO,IAAIA,CAAC,GAAG,CAAR,EAAW;AAChB,WAAO,MAAOA,CAAC,GAAG,GAAlB;AACD;;AACD,SAAOA,CAAP;AACD,CAPM;;;;AASA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,EAAOC,IAAP,EAAgB;AACrC,MAAMC,GAAG,GAAG,4BAAYF,IAAZ,EAAkBC,IAAlB,CAAZ;AACA,SAAO,IAAIE,yBAAJ,CAAUD,GAAG,CAACE,CAAd,EAAiBF,GAAG,CAACG,CAArB,CAAP;AACD,CAHM;AAKP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AACO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACN,IAAD,EAAOJ,OAAP,EAAgBW,IAAhB,EAAsBC,EAAtB,EAA6B;AAC1D,MAAMC,MAAM,GAAG,IAAIN,yBAAJ,CAAUH,IAAI,CAACU,KAAL,GAAa,CAAvB,EAA0BV,IAAI,CAACW,MAAL,GAAc,CAAxC,CAAf;AACA,MAAMnB,OAAO,GAAGG,SAAS,CAACC,OAAD,CAAzB;AACA,MAAMgB,UAAU,GAAGH,MAAM,CAACI,YAAP,CAAoBrB,OAApB,EAA6BO,OAAO,CAACC,IAAD,EAAOO,IAAP,CAApC,CAAnB;AACA,MAAMO,QAAQ,GAAGL,MAAM,CAACI,YAAP,CAAoBrB,OAApB,EAA6BO,OAAO,CAACC,IAAD,EAAOQ,EAAP,CAApC,CAAjB;AACA,MAAMO,IAAI,GAAGH,UAAU,CAACI,GAAX,CAAeF,QAAf,CAAb;AACA,SAAOC,IAAP;AACD,CAPM;AASP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AACO,IAAME,QAAQ,GAAG,SAAXA,QAAW,CAACC,MAAD,EAASlB,IAAT,EAAemB,KAAf,EAAyB;AAC/C,MAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,QAAMd,CAAC,GAAGe,KAAK,CAACf,CAAN,GAAU,CAAC,CAArB;AACA,QAAMC,CAAC,GAAGc,KAAK,CAACd,CAAhB;AACA,WAAO;AAAED,MAAAA,CAAC,EAADA,CAAF;AAAKC,MAAAA,CAAC,EAADA;AAAL,KAAP;AACD,GAJD,MAIO,IAAIa,MAAM,KAAK,aAAf,EAA8B;AACnC,QAAMd,EAAC,GAAGe,KAAK,CAACf,CAAN,GAAU,CAAC,CAArB;;AACA,QAAMC,EAAC,GAAGc,KAAK,CAACd,CAAN,GAAUL,IAAI,CAACW,MAAzB;;AACA,WAAO;AAAEP,MAAAA,CAAC,EAADA,EAAF;AAAKC,MAAAA,CAAC,EAADA;AAAL,KAAP;AACD,GAJM,MAIA,IAAIa,MAAM,KAAK,WAAf,EAA4B;AACjC,QAAMd,GAAC,GAAGJ,IAAI,CAACU,KAAL,GAAaS,KAAK,CAACf,CAA7B;;AACA,QAAMC,GAAC,GAAGc,KAAK,CAACd,CAAhB;AACA,WAAO;AAAED,MAAAA,CAAC,EAADA,GAAF;AAAKC,MAAAA,CAAC,EAADA;AAAL,KAAP;AACD,GAJM,MAIA,IAAIa,MAAM,KAAK,cAAf,EAA+B;AACpC,QAAMd,GAAC,GAAGJ,IAAI,CAACU,KAAL,GAAaS,KAAK,CAACf,CAA7B;;AACA,QAAMC,GAAC,GAAGc,KAAK,CAACd,CAAN,GAAUL,IAAI,CAACW,MAAzB;;AACA,WAAO;AAAEP,MAAAA,CAAC,EAADA,GAAF;AAAKC,MAAAA,CAAC,EAADA;AAAL,KAAP;AACD;AACF,CAlBM;;;;AAoBA,IAAMe,UAAU,GAAG,SAAbA,UAAa,CAAChB,CAAD,EAAIC,CAAJ;AAAA,SAAUd,SAAS,CAACE,IAAI,CAAC4B,KAAL,CAAWjB,CAAX,EAAcC,CAAd,CAAD,CAAnB;AAAA,CAAnB;;;;AAEA,IAAMiB,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACJ,MAAD,EAASlB,IAAT,EAAemB,KAAf,EAAyB;AAC5D,kBAAiBF,QAAQ,CAACC,MAAD,EAASlB,IAAT,EAAemB,KAAf,CAAzB;AAAA,MAAQf,CAAR,aAAQA,CAAR;AAAA,MAAWC,CAAX,aAAWA,CAAX;;AACA,MAAMT,OAAO,GAAGwB,UAAU,CAAChB,CAAD,EAAIC,CAAJ,CAA1B;AACA,MAAMkB,UAAU,GAAG9B,IAAI,CAAC+B,IAAL,CAAU/B,IAAI,CAACgC,GAAL,CAASrB,CAAT,EAAY,CAAZ,IAAiBX,IAAI,CAACgC,GAAL,CAASpB,CAAT,EAAY,CAAZ,CAA3B,CAAnB;AACA,SAAO;AAAED,IAAAA,CAAC,EAADA,CAAF;AAAKC,IAAAA,CAAC,EAADA,CAAL;AAAQT,IAAAA,OAAO,EAAPA,OAAR;AAAiB2B,IAAAA,UAAU,EAAVA;AAAjB,GAAP;AACD,CALM;;;;AAOP,IAAMG,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAO3B,IAAP,EAAamB,KAAb,EAAoBS,KAApB,EAA2BC,SAA3B,EAAyC;AAC3D,MAAID,KAAK,KAAK,CAAd,EAAiB;AACf,WAAOD,IAAI,KAAK,MAAT,GAAkBR,KAAK,CAACf,CAAxB,GAA4Be,KAAK,CAACd,CAAzC;AACD;;AACD,MAAMyB,MAAM,GAAGC,WAAW,CAACH,KAAD,CAA1B;AACA,MAAMI,GAAG,GAAGF,MAAM,CAACH,IAAD,CAAlB;;AAEA,8BAAgCL,qBAAqB,CAACU,GAAD,EAAMhC,IAAN,EAAYmB,KAAZ,CAArD;AAAA,MAAQvB,OAAR,yBAAQA,OAAR;AAAA,MAAiB2B,UAAjB,yBAAiBA,UAAjB;;AAEA,MAAMU,EAAE,GAAGJ,SAAS,CAACjC,OAAD,CAApB;;AAEA,MAAIqC,EAAE,KAAK,CAAX,EAAc;AACZ,WAAOV,UAAP;AACD;;AAED,MAAMW,CAAC,GAAG;AACRC,IAAAA,MAAM,EAAE;AAAE,SAAGF,EAAL;AAAS,SAAG;AAAZ,KADA;AAERG,IAAAA,KAAK,EAAE;AAAE,SAAGb;AAAL;AAFC,GAAV;AAIA,MAAMrB,GAAG,GAAG,4CAAegC,CAAf,CAAZ;AACA,SAAOhC,GAAG,CAACkC,KAAJ,CAAU,CAAV,CAAP;AACD,CArBD;;AAuBO,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACrC,IAAD,EAAOmB,KAAP,EAAcS,KAAd,EAAwB;AAC5C,SAAOF,WAAW,CAAC,KAAD,EAAQ1B,IAAR,EAAcmB,KAAd,EAAqBS,KAArB,EAA4B,UAAChC,OAAD,EAAa;AACzD,WAAOH,IAAI,CAAC6C,GAAL,CAASV,KAAK,GAAGhC,OAAjB,CAAP;AACD,GAFiB,CAAlB;AAGD,CAJM;;;;AAMA,IAAM2C,OAAO,GAAG,SAAVA,OAAU,CAACvC,IAAD,EAAOmB,KAAP,EAAcS,KAAd,EAAwB;AAC7C,SAAOF,WAAW,CAAC,MAAD,EAAS1B,IAAT,EAAemB,KAAf,EAAsBS,KAAtB,EAA6B,UAAChC,OAAD,EAAa;AAC1D,WAAOH,IAAI,CAAC6C,GAAL,CAASV,KAAK,GAAGhC,OAAR,GAAkB,EAA3B,CAAP;AACD,GAFiB,CAAlB;AAGD,CAJM;AAMP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AACO,IAAM4C,SAAS,GAAG,SAAZA,SAAY,CAACxC,IAAD,EAAOmB,KAAP,EAAcS,KAAd,EAAwB;AAC/CtC,EAAAA,GAAG,CAAC,oBAAD,EAAuBU,IAAvB,EAA6B,QAA7B,EAAuCmB,KAAvC,EAA8C,SAA9C,EAAyDS,KAAzD,CAAH;;AACA,MAAIT,KAAK,CAACf,CAAN,GAAUJ,IAAI,CAACU,KAAnB,EAA0B;AACxB,UAAM,IAAI+B,KAAJ,cAAgBtB,KAAK,CAACf,CAAtB,4CAAyDJ,IAAI,CAACU,KAA9D,EAAN;AACD;;AACD,MAAIS,KAAK,CAACd,CAAN,GAAUL,IAAI,CAACW,MAAnB,EAA2B;AACzB,UAAM,IAAI8B,KAAJ,cAAgBtB,KAAK,CAACd,CAAtB,6CAA0DL,IAAI,CAACW,MAA/D,EAAN;AACD;;AACD,MAAMb,CAAC,GAAGD,cAAc,CAAC+B,KAAD,CAAxB;AACA,MAAMc,GAAG,GAAGL,MAAM,CAACrC,IAAD,EAAOmB,KAAP,EAAcrB,CAAd,CAAlB;AACA,MAAM6C,IAAI,GAAGJ,OAAO,CAACvC,IAAD,EAAOmB,KAAP,EAAcrB,CAAd,CAApB;AAEAR,EAAAA,GAAG,CAAC,mBAAD,EAAsBoD,GAAtB,EAA2B,QAA3B,EAAqCC,IAArC,CAAH;AACA,SAAO;AAAED,IAAAA,GAAG,EAAHA,GAAF;AAAOC,IAAAA,IAAI,EAAJA;AAAP,GAAP;AACD,CAdM;;;;AAgBP,IAAMZ,WAAW,GAAG,SAAdA,WAAc,CAACH,KAAD,EAAW;AAC7B,MAAIA,KAAK,IAAI,EAAb,EAAiB;AACf,WAAO;AAAEc,MAAAA,GAAG,EAAE,UAAP;AAAmBC,MAAAA,IAAI,EAAE;AAAzB,KAAP;AACD,GAFD,MAEO,IAAIf,KAAK,GAAG,EAAR,IAAcA,KAAK,IAAI,GAA3B,EAAgC;AACrC,WAAO;AAAEc,MAAAA,GAAG,EAAE,aAAP;AAAsBC,MAAAA,IAAI,EAAE;AAA5B,KAAP;AACD,GAFM,MAEA,IAAIf,KAAK,GAAG,GAAR,IAAeA,KAAK,IAAI,GAA5B,EAAiC;AACtC,WAAO;AAAEc,MAAAA,GAAG,EAAE,cAAP;AAAuBC,MAAAA,IAAI,EAAE;AAA7B,KAAP;AACD,GAFM,MAEA,IAAIf,KAAK,GAAG,GAAR,IAAeA,KAAK,GAAG,GAA3B,EAAgC;AACrC,WAAO;AAAEc,MAAAA,GAAG,EAAE,WAAP;AAAoBC,MAAAA,IAAI,EAAE;AAA1B,KAAP;AACD;AACF,CAVD","sourcesContent":["import { trigCalculator } from 'trigonometry-calculator';\nimport Point from '@mapbox/point-geometry';\nimport debug from 'debug';\nimport { parse as parseOrigin } from './transform-origin';\nconst log = debug('@pie-lib:tools:anchor-utils');\n\nexport const toDegrees = (radians) => radians * (180 / Math.PI);\nexport const toRadians = (degrees) => degrees * (Math.PI / 180);\n\nexport const normalizeAngle = (a) => {\n  if (a > 360) {\n    return a % 360;\n  } else if (a < 0) {\n    return 360 + (a % 360);\n  }\n  return a;\n};\n\nexport const toPoint = (rect, edge) => {\n  const out = parseOrigin(rect, edge);\n  return new Point(out.x, out.y);\n};\n\n/**\n * Get the distance between to anchor points in a rect.\n * @param {{width: number, height: number}} rect - the rect\n * @param {number} degrees - the degrees\n * @param {string} from - from anchor\n * @param {string} to - to anchor\n * @returns {Point} point - the distance as a Point\n */\nexport const distanceBetween = (rect, degrees, from, to) => {\n  const center = new Point(rect.width / 2, rect.height / 2);\n  const radians = toRadians(degrees);\n  const fromCenter = center.rotateAround(radians, toPoint(rect, from));\n  const toCenter = center.rotateAround(radians, toPoint(rect, to));\n  const diff = fromCenter.sub(toCenter);\n  return diff;\n};\n\n/**\n * For a corner string, a point and a rect, return a relative x,y from that point to a corner.\n * Note that the y value descends as it goes down (unlike for a screen's y value), so this is only really useful for math functions.\n * @example\n * ```\n * getXAndY('top-left', {width: 100, height: 100}, 10, 10) //=> {x:10, y: -90}\n * ```\n * @param {*} corner\n * @param {*} rect\n * @param {*} point\n */\nexport const getXAndY = (corner, rect, point) => {\n  if (corner === 'top-left') {\n    const x = point.x * -1;\n    const y = point.y;\n    return { x, y };\n  } else if (corner === 'bottom-left') {\n    const x = point.x * -1;\n    const y = point.y - rect.height;\n    return { x, y };\n  } else if (corner === 'top-right') {\n    const x = rect.width - point.x;\n    const y = point.y;\n    return { x, y };\n  } else if (corner === 'bottom-right') {\n    const x = rect.width - point.x;\n    const y = point.y - rect.height;\n    return { x, y };\n  }\n};\n\nexport const arctangent = (x, y) => toDegrees(Math.atan2(x, y));\n\nexport const getAngleAndHypotenuse = (corner, rect, point) => {\n  const { x, y } = getXAndY(corner, rect, point);\n  const degrees = arctangent(x, y);\n  const hypotenuse = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));\n  return { x, y, degrees, hypotenuse };\n};\n\nconst getPosition = (side, rect, point, angle, calcAngle) => {\n  if (angle === 0) {\n    return side === 'left' ? point.x : point.y;\n  }\n  const points = anglePoints(angle);\n  const key = points[side];\n\n  const { degrees, hypotenuse } = getAngleAndHypotenuse(key, rect, point);\n\n  const ra = calcAngle(degrees);\n\n  if (ra === 0) {\n    return hypotenuse;\n  }\n\n  const t = {\n    angles: { 0: ra, 1: 90 },\n    sides: { 1: hypotenuse },\n  };\n  const out = trigCalculator(t);\n  return out.sides[2];\n};\n\nexport const getTop = (rect, point, angle) => {\n  return getPosition('top', rect, point, angle, (degrees) => {\n    return Math.abs(angle + degrees);\n  });\n};\n\nexport const getLeft = (rect, point, angle) => {\n  return getPosition('left', rect, point, angle, (degrees) => {\n    return Math.abs(angle + degrees + 90);\n  });\n};\n\n/**\n * Calculate the position of an anchor within a bounding rect, if the source rect has been rotated by an angle.\n * It does this by finding the appropriate corner of the src rect, that touches the bounding rect, calculates\n * the hypotenuse (h) of that anchor to that point. Then using that plus the rotation it calculates\n * the sides of the triangle and returns the length of the side that touches the bounding rect.\n * @param {{width: number, height: number}} rect - the rect which contains the point\n * @param {{x:number, y: number}} point - the point within the rect\n * @param {number} angle - the angle in degrees that the rect has rotated.\n * @returns {{left: number, top: number}} position\n */\nexport const getAnchor = (rect, point, angle) => {\n  log('[getAnchor] rect: ', rect, 'point:', point, 'angle: ', angle);\n  if (point.x > rect.width) {\n    throw new Error(`x: ${point.x} cannot be greater than width: ${rect.width}`);\n  }\n  if (point.y > rect.height) {\n    throw new Error(`y: ${point.y} cannot be greater than height: ${rect.height}`);\n  }\n  const a = normalizeAngle(angle);\n  const top = getTop(rect, point, a);\n  const left = getLeft(rect, point, a);\n\n  log('[getAnchor] top: ', top, 'left: ', left);\n  return { top, left };\n};\n\nconst anglePoints = (angle) => {\n  if (angle <= 90) {\n    return { top: 'top-left', left: 'bottom-left' };\n  } else if (angle > 90 && angle <= 180) {\n    return { top: 'bottom-left', left: 'bottom-right' };\n  } else if (angle > 180 && angle <= 270) {\n    return { top: 'bottom-right', left: 'top-right' };\n  } else if (angle > 270 && angle < 360) {\n    return { top: 'top-right', left: 'top-left' };\n  }\n};\n"],"file":"anchor-utils.js"}