{{ dialog.message }}
\n \n\n *\n */\n pnpoly: function (x_in, y_in, path, coord_type) {\n var i,\n j,\n len,\n x,\n y,\n crds,\n v = path,\n vi,\n vj,\n isIn = false;\n\n if (coord_type === Const.COORDS_BY_USER) {\n crds = new Coords(Const.COORDS_BY_USER, [x_in, y_in], this.board);\n x = crds.scrCoords[1];\n y = crds.scrCoords[2];\n } else {\n x = x_in;\n y = y_in;\n }\n\n len = path.length;\n for (i = 0, j = len - 2; i < len - 1; j = i++) {\n vi = Type.exists(v[i].coords) ? v[i].coords : v[i];\n vj = Type.exists(v[j].coords) ? v[j].coords : v[j];\n\n if (\n vi.scrCoords[2] > y !== vj.scrCoords[2] > y &&\n x <\n ((vj.scrCoords[1] - vi.scrCoords[1]) * (y - vi.scrCoords[2])) /\n (vj.scrCoords[2] - vi.scrCoords[2]) +\n vi.scrCoords[1]\n ) {\n isIn = !isIn;\n }\n }\n\n return isIn;\n },\n\n /****************************************/\n /**** INTERSECTIONS ****/\n /****************************************/\n\n /**\n * Generate the function which computes the coordinates of the intersection point.\n * Primarily used in {@link JXG.Point#createIntersectionPoint}.\n * @param {JXG.Board} board object\n * @param {JXG.Line,JXG.Circle_JXG.Line,JXG.Circle_Number} el1,el2,i The result will be a intersection point on el1 and el2.\n * i determines the intersection point if two points are available: \n * This method works also for transformed curves, since only the already\n * transformed points are used.\n *\n * @param {JXG.Curve} red\n * @param {JXG.Curve} blue\n * @param {Number} nr\n */\n meetCurveRedBlueSegments: function (red, blue, nr) {\n var i,\n j,\n red1,\n red2,\n blue1,\n blue2,\n m,\n minX,\n maxX,\n iFound = 0,\n lenBlue = blue.numberPoints, //points.length,\n lenRed = red.numberPoints; //points.length;\n\n if (lenBlue <= 1 || lenRed <= 1) {\n return [0, NaN, NaN];\n }\n\n for (i = 1; i < lenRed; i++) {\n red1 = red.points[i - 1].usrCoords;\n red2 = red.points[i].usrCoords;\n minX = Math.min(red1[1], red2[1]);\n maxX = Math.max(red1[1], red2[1]);\n\n blue2 = blue.points[0].usrCoords;\n for (j = 1; j < lenBlue; j++) {\n blue1 = blue2;\n blue2 = blue.points[j].usrCoords;\n\n if (\n Math.min(blue1[1], blue2[1]) < maxX &&\n Math.max(blue1[1], blue2[1]) > minX\n ) {\n m = this.meetSegmentSegment(red1, red2, blue1, blue2);\n if (\n m[1] >= 0.0 &&\n m[2] >= 0.0 &&\n // The two segments meet in the interior or at the start points\n ((m[1] < 1.0 && m[2] < 1.0) ||\n // One of the curve is intersected in the very last point\n (i === lenRed - 1 && m[1] === 1.0) ||\n (j === lenBlue - 1 && m[2] === 1.0))\n ) {\n if (iFound === nr) {\n return m[0];\n }\n\n iFound++;\n }\n }\n }\n }\n\n return [0, NaN, NaN];\n },\n\n /**\n * (Virtual) Intersection of two segments.\n * @param {Array} p1 First point of segment 1 using normalized homogeneous coordinates [1,x,y]\n * @param {Array} p2 Second point or direction of segment 1 using normalized homogeneous coordinates [1,x,y] or point at infinity [0,x,y], respectively\n * @param {Array} q1 First point of segment 2 using normalized homogeneous coordinates [1,x,y]\n * @param {Array} q2 Second point or direction of segment 2 using normalized homogeneous coordinates [1,x,y] or point at infinity [0,x,y], respectively\n * @returns {Array} [Intersection point, t, u] The first entry contains the homogeneous coordinates\n * of the intersection point. The second and third entry give the position of the intersection with respect\n * to the definiting parameters. For example, the second entry t is defined by: intersection point = p1 + t * deltaP, where\n * deltaP = (p2 - p1) when both parameters are coordinates, and deltaP = p2 if p2 is a point at infinity.\n * If the two segments are collinear, [[0,0,0], Infinity, Infinity] is returned.\n **/\n meetSegmentSegment: function (p1, p2, q1, q2) {\n var t,\n u,\n i,\n d,\n li1 = Mat.crossProduct(p1, p2),\n li2 = Mat.crossProduct(q1, q2),\n c = Mat.crossProduct(li1, li2);\n\n if (Math.abs(c[0]) < Mat.eps) {\n return [c, Infinity, Infinity];\n }\n\n // Normalize the intersection coordinates\n c[1] /= c[0];\n c[2] /= c[0];\n c[0] /= c[0];\n\n // Now compute in principle:\n // t = dist(c - p1) / dist(p2 - p1) and\n // u = dist(c - q1) / dist(q2 - q1)\n // However: the points q1, q2, p1, p2 might be ideal points - or in general - the\n // coordinates might be not normalized.\n // Note that the z-coordinates of p2 and q2 are used to determine whether it should be interpreted\n // as a segment coordinate or a direction.\n i = Math.abs(p2[1] - p2[0] * p1[1]) < Mat.eps ? 2 : 1;\n d = p1[i] / p1[0];\n t = (c[i] - d) / (p2[0] !== 0 ? p2[i] / p2[0] - d : p2[i]);\n\n i = Math.abs(q2[1] - q2[0] * q1[1]) < Mat.eps ? 2 : 1;\n d = q1[i] / q1[0];\n u = (c[i] - d) / (q2[0] !== 0 ? q2[i] / q2[0] - d : q2[i]);\n\n return [c, t, u];\n },\n\n /**\n * Find the n-th intersection point of two pathes, usually given by polygons. Uses parts of the\n * Greiner-Hormann algorithm in JXG.Math.Clip.\n *\n * @param {JXG.Circle|JXG.Curve|JXG.Polygon} path1\n * @param {JXG.Circle|JXG.Curve|JXG.Polygon} path2\n * @param {Number} n\n * @param {JXG.Board} board\n *\n * @returns {JXG.Coords} Intersection point. In case no intersection point is detected,\n * the ideal point [0,0,0] is returned.\n *\n */\n meetPathPath: function (path1, path2, nr, board) {\n var S, C, len, intersections;\n\n S = JXG.Math.Clip._getPath(path1, board);\n len = S.length;\n if (\n len > 0 &&\n this.distance(S[0].coords.usrCoords, S[len - 1].coords.usrCoords, 3) < Mat.eps\n ) {\n S.pop();\n }\n\n C = JXG.Math.Clip._getPath(path2, board);\n len = C.length;\n if (\n len > 0 &&\n this.distance(C[0].coords.usrCoords, C[len - 1].coords.usrCoords, 3) <\n Mat.eps * Mat.eps\n ) {\n C.pop();\n }\n\n // Handle cases where at least one of the paths is empty\n if (nr < 0 || JXG.Math.Clip.isEmptyCase(S, C, \"intersection\")) {\n return new Coords(Const.COORDS_BY_USER, [0, 0, 0], board);\n }\n\n JXG.Math.Clip.makeDoublyLinkedList(S);\n JXG.Math.Clip.makeDoublyLinkedList(C);\n\n intersections = JXG.Math.Clip.findIntersections(S, C, board)[0];\n if (nr < intersections.length) {\n return intersections[nr].coords;\n }\n return new Coords(Const.COORDS_BY_USER, [0, 0, 0], board);\n },\n\n /**\n * Find the n-th intersection point between a polygon and a line.\n * @param {JXG.Polygon} path\n * @param {JXG.Line} line\n * @param {Number} nr\n * @param {JXG.Board} board\n * @param {Boolean} alwaysIntersect If false just the segment between the two defining points of the line are tested for intersection.\n *\n * @returns {JXG.Coords} Intersection point. In case no intersection point is detected,\n * the ideal point [0,0,0] is returned.\n */\n meetPolygonLine: function (path, line, nr, board, alwaysIntersect) {\n var i,\n res,\n border,\n crds = [0, 0, 0],\n len = path.borders.length,\n intersections = [];\n\n for (i = 0; i < len; i++) {\n border = path.borders[i];\n res = this.meetSegmentSegment(\n border.point1.coords.usrCoords,\n border.point2.coords.usrCoords,\n line.point1.coords.usrCoords,\n line.point2.coords.usrCoords\n );\n\n if (\n (!alwaysIntersect || (res[2] >= 0 && res[2] < 1)) &&\n res[1] >= 0 &&\n res[1] < 1\n ) {\n intersections.push(res[0]);\n }\n }\n\n if (nr >= 0 && nr < intersections.length) {\n crds = intersections[nr];\n }\n return new Coords(Const.COORDS_BY_USER, crds, board);\n },\n\n /****************************************/\n /**** BEZIER CURVE ALGORITHMS ****/\n /****************************************/\n\n /**\n * Splits a Bezier curve segment defined by four points into\n * two Bezier curve segments. Dissection point is t=1/2.\n * @param {Array} curve Array of four coordinate arrays of length 2 defining a\n * Bezier curve segment, i.e. [[x0,y0], [x1,y1], [x2,y2], [x3,y3]].\n * @returns {Array} Array consisting of two coordinate arrays for Bezier curves.\n */\n _bezierSplit: function (curve) {\n var p0, p1, p2, p00, p22, p000;\n\n p0 = [(curve[0][0] + curve[1][0]) * 0.5, (curve[0][1] + curve[1][1]) * 0.5];\n p1 = [(curve[1][0] + curve[2][0]) * 0.5, (curve[1][1] + curve[2][1]) * 0.5];\n p2 = [(curve[2][0] + curve[3][0]) * 0.5, (curve[2][1] + curve[3][1]) * 0.5];\n\n p00 = [(p0[0] + p1[0]) * 0.5, (p0[1] + p1[1]) * 0.5];\n p22 = [(p1[0] + p2[0]) * 0.5, (p1[1] + p2[1]) * 0.5];\n\n p000 = [(p00[0] + p22[0]) * 0.5, (p00[1] + p22[1]) * 0.5];\n\n return [\n [curve[0], p0, p00, p000],\n [p000, p22, p2, curve[3]]\n ];\n },\n\n /**\n * Computes the bounding box [minX, maxY, maxX, minY] of a Bezier curve segment\n * from its control points.\n * @param {Array} curve Array of four coordinate arrays of length 2 defining a\n * Bezier curve segment, i.e. [[x0,y0], [x1,y1], [x2,y2], [x3,y3]].\n * @returns {Array} Bounding box [minX, maxY, maxX, minY]\n */\n _bezierBbox: function (curve) {\n var bb = [];\n\n if (curve.length === 4) {\n // bezierDegree == 3\n bb[0] = Math.min(curve[0][0], curve[1][0], curve[2][0], curve[3][0]); // minX\n bb[1] = Math.max(curve[0][1], curve[1][1], curve[2][1], curve[3][1]); // maxY\n bb[2] = Math.max(curve[0][0], curve[1][0], curve[2][0], curve[3][0]); // maxX\n bb[3] = Math.min(curve[0][1], curve[1][1], curve[2][1], curve[3][1]); // minY\n } else {\n // bezierDegree == 1\n bb[0] = Math.min(curve[0][0], curve[1][0]); // minX\n bb[1] = Math.max(curve[0][1], curve[1][1]); // maxY\n bb[2] = Math.max(curve[0][0], curve[1][0]); // maxX\n bb[3] = Math.min(curve[0][1], curve[1][1]); // minY\n }\n\n return bb;\n },\n\n /**\n * Decide if two Bezier curve segments overlap by comparing their bounding boxes.\n * @param {Array} bb1 Bounding box of the first Bezier curve segment\n * @param {Array} bb2 Bounding box of the second Bezier curve segment\n * @returns {Boolean} true if the bounding boxes overlap, false otherwise.\n */\n _bezierOverlap: function (bb1, bb2) {\n return bb1[2] >= bb2[0] && bb1[0] <= bb2[2] && bb1[1] >= bb2[3] && bb1[3] <= bb2[1];\n },\n\n /**\n * Append list of intersection points to a list.\n * @private\n */\n _bezierListConcat: function (L, Lnew, t1, t2) {\n var i,\n t2exists = Type.exists(t2),\n start = 0,\n len = Lnew.length,\n le = L.length;\n\n if (\n le > 0 &&\n len > 0 &&\n ((L[le - 1][1] === 1 && Lnew[0][1] === 0) ||\n (t2exists && L[le - 1][2] === 1 && Lnew[0][2] === 0))\n ) {\n start = 1;\n }\n\n for (i = start; i < len; i++) {\n if (t2exists) {\n Lnew[i][2] *= 0.5;\n Lnew[i][2] += t2;\n }\n\n Lnew[i][1] *= 0.5;\n Lnew[i][1] += t1;\n\n L.push(Lnew[i]);\n }\n },\n\n /**\n * Find intersections of two Bezier curve segments by recursive subdivision.\n * Below maxlevel determine intersections by intersection line segments.\n * @param {Array} red Array of four coordinate arrays of length 2 defining the first\n * Bezier curve segment, i.e. [[x0,y0], [x1,y1], [x2,y2], [x3,y3]].\n * @param {Array} blue Array of four coordinate arrays of length 2 defining the second\n * Bezier curve segment, i.e. [[x0,y0], [x1,y1], [x2,y2], [x3,y3]].\n * @param {Number} level Recursion level\n * @returns {Array} List of intersection points (up to nine). Each intersection point is an\n * array of length three (homogeneous coordinates) plus preimages.\n */\n _bezierMeetSubdivision: function (red, blue, level) {\n var bbb,\n bbr,\n ar,\n b0,\n b1,\n r0,\n r1,\n m,\n p0,\n p1,\n q0,\n q1,\n L = [],\n maxLev = 5; // Maximum recursion level\n\n bbr = this._bezierBbox(blue);\n bbb = this._bezierBbox(red);\n\n if (!this._bezierOverlap(bbr, bbb)) {\n return [];\n }\n\n if (level < maxLev) {\n ar = this._bezierSplit(red);\n r0 = ar[0];\n r1 = ar[1];\n\n ar = this._bezierSplit(blue);\n b0 = ar[0];\n b1 = ar[1];\n\n this._bezierListConcat(\n L,\n this._bezierMeetSubdivision(r0, b0, level + 1),\n 0.0,\n 0.0\n );\n this._bezierListConcat(\n L,\n this._bezierMeetSubdivision(r0, b1, level + 1),\n 0,\n 0.5\n );\n this._bezierListConcat(\n L,\n this._bezierMeetSubdivision(r1, b0, level + 1),\n 0.5,\n 0.0\n );\n this._bezierListConcat(\n L,\n this._bezierMeetSubdivision(r1, b1, level + 1),\n 0.5,\n 0.5\n );\n\n return L;\n }\n\n // Make homogeneous coordinates\n q0 = [1].concat(red[0]);\n q1 = [1].concat(red[3]);\n p0 = [1].concat(blue[0]);\n p1 = [1].concat(blue[3]);\n\n m = this.meetSegmentSegment(q0, q1, p0, p1);\n\n if (m[1] >= 0.0 && m[2] >= 0.0 && m[1] <= 1.0 && m[2] <= 1.0) {\n return [m];\n }\n\n return [];\n },\n\n /**\n * @param {Boolean} testSegment Test if intersection has to be inside of the segment or somewhere on the line defined by the segment\n */\n _bezierLineMeetSubdivision: function (red, blue, level, testSegment) {\n var bbb,\n bbr,\n ar,\n r0,\n r1,\n m,\n p0,\n p1,\n q0,\n q1,\n L = [],\n maxLev = 5; // Maximum recursion level\n\n bbb = this._bezierBbox(blue);\n bbr = this._bezierBbox(red);\n\n if (testSegment && !this._bezierOverlap(bbr, bbb)) {\n return [];\n }\n\n if (level < maxLev) {\n ar = this._bezierSplit(red);\n r0 = ar[0];\n r1 = ar[1];\n\n this._bezierListConcat(\n L,\n this._bezierLineMeetSubdivision(r0, blue, level + 1),\n 0.0\n );\n this._bezierListConcat(\n L,\n this._bezierLineMeetSubdivision(r1, blue, level + 1),\n 0.5\n );\n\n return L;\n }\n\n // Make homogeneous coordinates\n q0 = [1].concat(red[0]);\n q1 = [1].concat(red[3]);\n p0 = [1].concat(blue[0]);\n p1 = [1].concat(blue[1]);\n\n m = this.meetSegmentSegment(q0, q1, p0, p1);\n\n if (m[1] >= 0.0 && m[1] <= 1.0) {\n if (!testSegment || (m[2] >= 0.0 && m[2] <= 1.0)) {\n return [m];\n }\n }\n\n return [];\n },\n\n /**\n * Find the nr-th intersection point of two Bezier curve segments.\n * @param {Array} red Array of four coordinate arrays of length 2 defining the first\n * Bezier curve segment, i.e. [[x0,y0], [x1,y1], [x2,y2], [x3,y3]].\n * @param {Array} blue Array of four coordinate arrays of length 2 defining the second\n * Bezier curve segment, i.e. [[x0,y0], [x1,y1], [x2,y2], [x3,y3]].\n * @param {Boolean} testSegment Test if intersection has to be inside of the segment or somewhere on the line defined by the segment\n * @returns {Array} Array containing the list of all intersection points as homogeneous coordinate arrays plus\n * preimages [x,y], t_1, t_2] of the two Bezier curve segments.\n *\n */\n meetBeziersegmentBeziersegment: function (red, blue, testSegment) {\n var L, L2, i;\n\n if (red.length === 4 && blue.length === 4) {\n L = this._bezierMeetSubdivision(red, blue, 0);\n } else {\n L = this._bezierLineMeetSubdivision(red, blue, 0, testSegment);\n }\n\n L.sort(function (a, b) {\n return (a[1] - b[1]) * 10000000.0 + (a[2] - b[2]);\n });\n\n L2 = [];\n for (i = 0; i < L.length; i++) {\n // Only push entries different from their predecessor\n if (i === 0 || L[i][1] !== L[i - 1][1] || L[i][2] !== L[i - 1][2]) {\n L2.push(L[i]);\n }\n }\n return L2;\n },\n\n /**\n * Find the nr-th intersection point of two Bezier curves, i.e. curves with bezierDegree == 3.\n * @param {JXG.Curve} red Curve with bezierDegree == 3\n * @param {JXG.Curve} blue Curve with bezierDegree == 3\n * @param {Number} nr The number of the intersection point which should be returned.\n * @returns {Array} The homogeneous coordinates of the nr-th intersection point.\n */\n meetBezierCurveRedBlueSegments: function (red, blue, nr) {\n var p,\n i,\n j,\n k,\n po,\n redArr,\n blueArr,\n bbr,\n bbb,\n intersections,\n startRed = 0,\n startBlue = 0,\n lenBlue = blue.numberPoints,\n lenRed = red.numberPoints,\n L = [];\n\n if (lenBlue < blue.bezierDegree + 1 || lenRed < red.bezierDegree + 1) {\n return [0, NaN, NaN];\n }\n lenBlue -= blue.bezierDegree;\n lenRed -= red.bezierDegree;\n\n // For sectors, we ignore the \"legs\"\n if (red.type === Const.OBJECT_TYPE_SECTOR) {\n startRed = 3;\n lenRed -= 3;\n }\n if (blue.type === Const.OBJECT_TYPE_SECTOR) {\n startBlue = 3;\n lenBlue -= 3;\n }\n\n for (i = startRed; i < lenRed; i += red.bezierDegree) {\n p = red.points;\n redArr = [p[i].usrCoords.slice(1), p[i + 1].usrCoords.slice(1)];\n if (red.bezierDegree === 3) {\n redArr[2] = p[i + 2].usrCoords.slice(1);\n redArr[3] = p[i + 3].usrCoords.slice(1);\n }\n\n bbr = this._bezierBbox(redArr);\n\n for (j = startBlue; j < lenBlue; j += blue.bezierDegree) {\n p = blue.points;\n blueArr = [p[j].usrCoords.slice(1), p[j + 1].usrCoords.slice(1)];\n if (blue.bezierDegree === 3) {\n blueArr[2] = p[j + 2].usrCoords.slice(1);\n blueArr[3] = p[j + 3].usrCoords.slice(1);\n }\n\n bbb = this._bezierBbox(blueArr);\n if (this._bezierOverlap(bbr, bbb)) {\n intersections = this.meetBeziersegmentBeziersegment(redArr, blueArr);\n if (intersections.length === 0) {\n continue;\n }\n for (k = 0; k < intersections.length; k++) {\n po = intersections[k];\n if (\n po[1] < -Mat.eps ||\n po[1] > 1 + Mat.eps ||\n po[2] < -Mat.eps ||\n po[2] > 1 + Mat.eps\n ) {\n continue;\n }\n L.push(po);\n }\n if (L.length > nr) {\n return L[nr][0];\n }\n }\n }\n }\n if (L.length > nr) {\n return L[nr][0];\n }\n\n return [0, NaN, NaN];\n },\n\n bezierSegmentEval: function (t, curve) {\n var f,\n x,\n y,\n t1 = 1.0 - t;\n\n x = 0;\n y = 0;\n\n f = t1 * t1 * t1;\n x += f * curve[0][0];\n y += f * curve[0][1];\n\n f = 3.0 * t * t1 * t1;\n x += f * curve[1][0];\n y += f * curve[1][1];\n\n f = 3.0 * t * t * t1;\n x += f * curve[2][0];\n y += f * curve[2][1];\n\n f = t * t * t;\n x += f * curve[3][0];\n y += f * curve[3][1];\n\n return [1.0, x, y];\n },\n\n /**\n * Generate the defining points of a 3rd degree bezier curve that approximates\n * a circle sector defined by three coordinate points A, B, C, each defined by an array of length three.\n * The coordinate arrays are given in homogeneous coordinates.\n * @param {Array} A First point\n * @param {Array} B Second point (intersection point)\n * @param {Array} C Third point\n * @param {Boolean} withLegs Flag. If true the legs to the intersection point are part of the curve.\n * @param {Number} sgn Wither 1 or -1. Needed for minor and major arcs. In case of doubt, use 1.\n */\n bezierArc: function (A, B, C, withLegs, sgn) {\n var p1,\n p2,\n p3,\n p4,\n r,\n phi,\n beta,\n PI2 = Math.PI * 0.5,\n x = B[1],\n y = B[2],\n z = B[0],\n dataX = [],\n dataY = [],\n co,\n si,\n ax,\n ay,\n bx,\n by,\n k,\n v,\n d,\n matrix;\n\n r = this.distance(B, A);\n\n // x,y, z is intersection point. Normalize it.\n x /= z;\n y /= z;\n\n phi = this.rad(A.slice(1), B.slice(1), C.slice(1));\n if (sgn === -1) {\n phi = 2 * Math.PI - phi;\n }\n\n p1 = A;\n p1[1] /= p1[0];\n p1[2] /= p1[0];\n p1[0] /= p1[0];\n\n p4 = p1.slice(0);\n\n if (withLegs) {\n dataX = [x, x + 0.333 * (p1[1] - x), x + 0.666 * (p1[1] - x), p1[1]];\n dataY = [y, y + 0.333 * (p1[2] - y), y + 0.666 * (p1[2] - y), p1[2]];\n } else {\n dataX = [p1[1]];\n dataY = [p1[2]];\n }\n\n while (phi > Mat.eps) {\n if (phi > PI2) {\n beta = PI2;\n phi -= PI2;\n } else {\n beta = phi;\n phi = 0;\n }\n\n co = Math.cos(sgn * beta);\n si = Math.sin(sgn * beta);\n\n matrix = [\n [1, 0, 0],\n [x * (1 - co) + y * si, co, -si],\n [y * (1 - co) - x * si, si, co]\n ];\n v = Mat.matVecMult(matrix, p1);\n p4 = [v[0] / v[0], v[1] / v[0], v[2] / v[0]];\n\n ax = p1[1] - x;\n ay = p1[2] - y;\n bx = p4[1] - x;\n by = p4[2] - y;\n\n d = Math.sqrt((ax + bx) * (ax + bx) + (ay + by) * (ay + by));\n\n if (Math.abs(by - ay) > Mat.eps) {\n k = ((((ax + bx) * (r / d - 0.5)) / (by - ay)) * 8) / 3;\n } else {\n k = ((((ay + by) * (r / d - 0.5)) / (ax - bx)) * 8) / 3;\n }\n\n p2 = [1, p1[1] - k * ay, p1[2] + k * ax];\n p3 = [1, p4[1] + k * by, p4[2] - k * bx];\n\n dataX = dataX.concat([p2[1], p3[1], p4[1]]);\n dataY = dataY.concat([p2[2], p3[2], p4[2]]);\n p1 = p4.slice(0);\n }\n\n if (withLegs) {\n dataX = dataX.concat([\n p4[1] + 0.333 * (x - p4[1]),\n p4[1] + 0.666 * (x - p4[1]),\n x\n ]);\n dataY = dataY.concat([\n p4[2] + 0.333 * (y - p4[2]),\n p4[2] + 0.666 * (y - p4[2]),\n y\n ]);\n }\n\n return [dataX, dataY];\n },\n\n /****************************************/\n /**** PROJECTIONS ****/\n /****************************************/\n\n /**\n * Calculates the coordinates of the projection of a given point on a given circle. I.o.w. the\n * nearest one of the two intersection points of the line through the given point and the circles\n * center.\n * @param {JXG.Point,JXG.Coords} point Point to project or coords object to project.\n * @param {JXG.Circle} circle Circle on that the point is projected.\n * @param {JXG.Board} [board=point.board] Reference to the board\n * @returns {JXG.Coords} The coordinates of the projection of the given point on the given circle.\n */\n projectPointToCircle: function (point, circle, board) {\n var dist,\n P,\n x,\n y,\n factor,\n M = circle.center.coords.usrCoords;\n\n if (!Type.exists(board)) {\n board = point.board;\n }\n\n // gave us a point\n if (Type.isPoint(point)) {\n dist = point.coords.distance(Const.COORDS_BY_USER, circle.center.coords);\n P = point.coords.usrCoords;\n // gave us coords\n } else {\n dist = point.distance(Const.COORDS_BY_USER, circle.center.coords);\n P = point.usrCoords;\n }\n\n if (Math.abs(dist) < Mat.eps) {\n dist = Mat.eps;\n }\n\n factor = circle.Radius() / dist;\n x = M[1] + factor * (P[1] - M[1]);\n y = M[2] + factor * (P[2] - M[2]);\n\n return new Coords(Const.COORDS_BY_USER, [x, y], board);\n },\n\n /**\n * Calculates the coordinates of the orthogonal projection of a given point on a given line. I.o.w. the\n * intersection point of the given line and its perpendicular through the given point.\n * @param {JXG.Point|JXG.Coords} point Point to project.\n * @param {JXG.Line} line Line on that the point is projected.\n * @param {JXG.Board} [board=point.board|board=line.board] Reference to a board.\n * @returns {JXG.Coords} The coordinates of the projection of the given point on the given line.\n */\n projectPointToLine: function (point, line, board) {\n var v = [0, line.stdform[1], line.stdform[2]],\n coords;\n\n if (!Type.exists(board)) {\n if (Type.exists(point.coords)) {\n board = point.board;\n } else {\n board = line.board;\n }\n }\n\n if (Type.exists(point.coords)) {\n coords = point.coords.usrCoords;\n } else {\n coords = point.usrCoords;\n }\n\n v = Mat.crossProduct(v, coords);\n return new Coords(Const.COORDS_BY_USER, Mat.crossProduct(v, line.stdform), board);\n },\n\n /**\n * Calculates the coordinates of the orthogonal projection of a given coordinate array on a given line\n * segment defined by two coordinate arrays.\n * @param {Array} p Point to project.\n * @param {Array} q1 Start point of the line segment on that the point is projected.\n * @param {Array} q2 End point of the line segment on that the point is projected.\n * @returns {Array} The coordinates of the projection of the given point on the given segment\n * and the factor that determines the projected point as a convex combination of the\n * two endpoints q1 and q2 of the segment.\n */\n projectCoordsToSegment: function (p, q1, q2) {\n var t,\n denom,\n s = [q2[1] - q1[1], q2[2] - q1[2]],\n v = [p[1] - q1[1], p[2] - q1[2]];\n\n /**\n * If the segment has length 0, i.e. is a point,\n * the projection is equal to that point.\n */\n if (Math.abs(s[0]) < Mat.eps && Math.abs(s[1]) < Mat.eps) {\n return [q1, 0];\n }\n\n t = Mat.innerProduct(v, s);\n denom = Mat.innerProduct(s, s);\n t /= denom;\n\n return [[1, t * s[0] + q1[1], t * s[1] + q1[2]], t];\n },\n\n /**\n * Finds the coordinates of the closest point on a Bezier segment of a\n * {@link JXG.Curve} to a given coordinate array.\n * @param {Array} pos Point to project in homogeneous coordinates.\n * @param {JXG.Curve} curve Curve of type \"plot\" having Bezier degree 3.\n * @param {Number} start Number of the Bezier segment of the curve.\n * @returns {Array} The coordinates of the projection of the given point\n * on the given Bezier segment and the preimage of the curve which\n * determines the closest point.\n */\n projectCoordsToBeziersegment: function (pos, curve, start) {\n var t0,\n /** @ignore */\n minfunc = function (t) {\n var z = [1, curve.X(start + t), curve.Y(start + t)];\n\n z[1] -= pos[1];\n z[2] -= pos[2];\n\n return z[1] * z[1] + z[2] * z[2];\n };\n\n t0 = JXG.Math.Numerics.fminbr(minfunc, [0.0, 1.0]);\n\n return [[1, curve.X(t0 + start), curve.Y(t0 + start)], t0];\n },\n\n /**\n * Calculates the coordinates of the projection of a given point on a given curve.\n * Uses {@link JXG.Math.Geometry.projectCoordsToCurve}.\n *\n * @param {JXG.Point} point Point to project.\n * @param {JXG.Curve} curve Curve on that the point is projected.\n * @param {JXG.Board} [board=point.board] Reference to a board.\n * @see #projectCoordsToCurve\n * @returns {Array} [JXG.Coords, position] The coordinates of the projection of the given\n * point on the given graph and the relative position on the curve (real number).\n */\n projectPointToCurve: function (point, curve, board) {\n if (!Type.exists(board)) {\n board = point.board;\n }\n\n var x = point.X(),\n y = point.Y(),\n t = point.position || 0.0,\n result = this.projectCoordsToCurve(x, y, t, curve, board);\n\n // point.position = result[1];\n\n return result;\n },\n\n /**\n * Calculates the coordinates of the projection of a coordinates pair on a given curve. In case of\n * function graphs this is the\n * intersection point of the curve and the parallel to y-axis through the given point.\n * @param {Number} x coordinate to project.\n * @param {Number} y coordinate to project.\n * @param {Number} t start value for newtons method\n * @param {JXG.Curve} curve Curve on that the point is projected.\n * @param {JXG.Board} [board=curve.board] Reference to a board.\n * @see #projectPointToCurve\n * @returns {JXG.Coords} Array containing the coordinates of the projection of the given point on the given curve and\n * the position on the curve.\n */\n projectCoordsToCurve: function (x, y, t, curve, board) {\n var newCoords,\n newCoordsObj,\n i,\n j,\n mindist,\n dist,\n lbda,\n v,\n coords,\n d,\n p1,\n p2,\n res,\n minfunc,\n t_new,\n f_new,\n f_old,\n delta,\n steps,\n minX,\n maxX,\n infty = Number.POSITIVE_INFINITY;\n\n if (!Type.exists(board)) {\n board = curve.board;\n }\n\n if (Type.evaluate(curve.visProp.curvetype) === \"plot\") {\n t = 0;\n mindist = infty;\n if (curve.numberPoints === 0) {\n newCoords = [0, 1, 1];\n } else {\n newCoords = [curve.Z(0), curve.X(0), curve.Y(0)];\n }\n\n if (curve.numberPoints > 1) {\n v = [1, x, y];\n if (curve.bezierDegree === 3) {\n j = 0;\n } else {\n p1 = [curve.Z(0), curve.X(0), curve.Y(0)];\n }\n for (i = 0; i < curve.numberPoints - 1; i++) {\n if (curve.bezierDegree === 3) {\n res = this.projectCoordsToBeziersegment(v, curve, j);\n } else {\n p2 = [curve.Z(i + 1), curve.X(i + 1), curve.Y(i + 1)];\n res = this.projectCoordsToSegment(v, p1, p2);\n }\n lbda = res[1];\n coords = res[0];\n\n if (0.0 <= lbda && lbda <= 1.0) {\n dist = this.distance(coords, v);\n d = i + lbda;\n } else if (lbda < 0.0) {\n coords = p1;\n dist = this.distance(p1, v);\n d = i;\n } else if (lbda > 1.0 && i === curve.numberPoints - 2) {\n coords = p2;\n dist = this.distance(coords, v);\n d = curve.numberPoints - 1;\n }\n\n if (dist < mindist) {\n mindist = dist;\n t = d;\n newCoords = coords;\n }\n\n if (curve.bezierDegree === 3) {\n j++;\n i += 2;\n } else {\n p1 = p2;\n }\n }\n }\n\n newCoordsObj = new Coords(Const.COORDS_BY_USER, newCoords, board);\n } else {\n // 'parameter', 'polar', 'functiongraph'\n /** @ignore */\n minfunc = function (t) {\n var dx, dy;\n if (t < curve.minX() || t > curve.maxX()) {\n return Infinity;\n }\n dx = x - curve.X(t);\n dy = y - curve.Y(t);\n return dx * dx + dy * dy;\n };\n\n f_old = minfunc(t);\n steps = 50;\n minX = curve.minX();\n maxX = curve.maxX();\n\n delta = (maxX - minX) / steps;\n t_new = minX;\n\n for (i = 0; i < steps; i++) {\n f_new = minfunc(t_new);\n\n if (f_new < f_old || f_old === Infinity || isNaN(f_old)) {\n t = t_new;\n f_old = f_new;\n }\n\n t_new += delta;\n }\n\n //t = Numerics.root(Numerics.D(minfunc), t);\n t = Numerics.fminbr(minfunc, [\n Math.max(t - delta, minX),\n Math.min(t + delta, maxX)\n ]);\n\n // Distinction between closed and open curves is not necessary.\n // If closed, the cyclic projection shift will work anyhow\n // if (Math.abs(curve.X(minX) - curve.X(maxX)) < Mat.eps &&\n // Math.abs(curve.Y(minX) - curve.Y(maxX)) < Mat.eps) {\n // // Cyclically\n // if (t < minX) {\n // t = maxX + t - minX;\n // }\n // if (t > maxX) {\n // t = minX + t - maxX;\n // }\n // } else {\n t = t < minX ? minX : t;\n t = t > maxX ? maxX : t;\n // }\n\n newCoordsObj = new Coords(\n Const.COORDS_BY_USER,\n [curve.X(t), curve.Y(t)],\n board\n );\n }\n\n return [curve.updateTransform(newCoordsObj), t];\n },\n\n /**\n * Calculates the coordinates of the closest orthogonal projection of a given coordinate array onto the\n * border of a polygon.\n * @param {Array} p Point to project.\n * @param {JXG.Polygon} pol Polygon element\n * @returns {Array} The coordinates of the closest projection of the given point to the border of the polygon.\n */\n projectCoordsToPolygon: function (p, pol) {\n var i,\n len = pol.vertices.length,\n d_best = Infinity,\n d,\n projection,\n proj,\n bestprojection;\n\n for (i = 0; i < len - 1; i++) {\n projection = JXG.Math.Geometry.projectCoordsToSegment(\n p,\n pol.vertices[i].coords.usrCoords,\n pol.vertices[i + 1].coords.usrCoords\n );\n\n if (0 <= projection[1] && projection[1] <= 1) {\n d = JXG.Math.Geometry.distance(projection[0], p, 3);\n proj = projection[0];\n } else if (projection[1] < 0) {\n d = JXG.Math.Geometry.distance(pol.vertices[i].coords.usrCoords, p, 3);\n proj = pol.vertices[i].coords.usrCoords;\n } else {\n d = JXG.Math.Geometry.distance(pol.vertices[i + 1].coords.usrCoords, p, 3);\n proj = pol.vertices[i + 1].coords.usrCoords;\n }\n if (d < d_best) {\n bestprojection = proj.slice(0);\n d_best = d;\n }\n }\n return bestprojection;\n },\n\n /**\n * Calculates the coordinates of the projection of a given point on a given turtle. A turtle consists of\n * one or more curves of curveType 'plot'. Uses {@link JXG.Math.Geometry.projectPointToCurve}.\n * @param {JXG.Point} point Point to project.\n * @param {JXG.Turtle} turtle on that the point is projected.\n * @param {JXG.Board} [board=point.board] Reference to a board.\n * @returns {Array} [JXG.Coords, position] Array containing the coordinates of the projection of the given point on the turtle and\n * the position on the turtle.\n */\n projectPointToTurtle: function (point, turtle, board) {\n var newCoords,\n t,\n x,\n y,\n i,\n dist,\n el,\n minEl,\n res,\n newPos,\n np = 0,\n npmin = 0,\n mindist = Number.POSITIVE_INFINITY,\n len = turtle.objects.length;\n\n if (!Type.exists(board)) {\n board = point.board;\n }\n\n // run through all curves of this turtle\n for (i = 0; i < len; i++) {\n el = turtle.objects[i];\n\n if (el.elementClass === Const.OBJECT_CLASS_CURVE) {\n res = this.projectPointToCurve(point, el);\n newCoords = res[0];\n newPos = res[1];\n dist = this.distance(newCoords.usrCoords, point.coords.usrCoords);\n\n if (dist < mindist) {\n x = newCoords.usrCoords[1];\n y = newCoords.usrCoords[2];\n t = newPos;\n mindist = dist;\n minEl = el;\n npmin = np;\n }\n np += el.numberPoints;\n }\n }\n\n newCoords = new Coords(Const.COORDS_BY_USER, [x, y], board);\n // point.position = t + npmin;\n // return minEl.updateTransform(newCoords);\n return [minEl.updateTransform(newCoords), t + npmin];\n },\n\n /**\n * Trivial projection of a point to another point.\n * @param {JXG.Point} point Point to project (not used).\n * @param {JXG.Point} dest Point on that the point is projected.\n * @returns {JXG.Coords} The coordinates of the projection of the given point on the given circle.\n */\n projectPointToPoint: function (point, dest) {\n return dest.coords;\n },\n\n /**\n *\n * @param {JXG.Point|JXG.Coords} point\n * @param {JXG.Board} [board]\n */\n projectPointToBoard: function (point, board) {\n var i,\n l,\n c,\n brd = board || point.board,\n // comparison factor, point coord idx, bbox idx, 1st bbox corner x & y idx, 2nd bbox corner x & y idx\n config = [\n // left\n [1, 1, 0, 0, 3, 0, 1],\n // top\n [-1, 2, 1, 0, 1, 2, 1],\n // right\n [-1, 1, 2, 2, 1, 2, 3],\n // bottom\n [1, 2, 3, 0, 3, 2, 3]\n ],\n coords = point.coords || point,\n bbox = brd.getBoundingBox();\n\n for (i = 0; i < 4; i++) {\n c = config[i];\n if (c[0] * coords.usrCoords[c[1]] < c[0] * bbox[c[2]]) {\n // define border\n l = Mat.crossProduct(\n [1, bbox[c[3]], bbox[c[4]]],\n [1, bbox[c[5]], bbox[c[6]]]\n );\n l[3] = 0;\n l = Mat.normalize(l);\n\n // project point\n coords = this.projectPointToLine({ coords: coords }, { stdform: l }, brd);\n }\n }\n\n return coords;\n },\n\n /**\n * Calculates the distance of a point to a line. The point and the line are given by homogeneous\n * coordinates. For lines this can be line.stdform.\n * @param {Array} point Homogeneous coordinates of a point.\n * @param {Array} line Homogeneous coordinates of a line ([C,A,B] where A*x+B*y+C*z=0).\n * @returns {Number} Distance of the point to the line.\n */\n distPointLine: function (point, line) {\n var a = line[1],\n b = line[2],\n c = line[0],\n nom;\n\n if (Math.abs(a) + Math.abs(b) < Mat.eps) {\n return Number.POSITIVE_INFINITY;\n }\n\n nom = a * point[1] + b * point[2] + c;\n a *= a;\n b *= b;\n\n return Math.abs(nom) / Math.sqrt(a + b);\n },\n\n /**\n * Helper function to create curve which displays a Reuleaux polygons.\n * @param {Array} points Array of points which should be the vertices of the Reuleaux polygon. Typically,\n * these point list is the array vertices of a regular polygon.\n * @param {Number} nr Number of vertices\n * @returns {Array} An array containing the two functions defining the Reuleaux polygon and the two values\n * for the start and the end of the paramtric curve. array may be used as parent array of a\n * {@link JXG.Curve}.\n *\n * @example\n * var A = brd.create('point',[-2,-2]);\n * var B = brd.create('point',[0,1]);\n * var pol = brd.create('regularpolygon',[A,B,3], {withLines:false, fillColor:'none', highlightFillColor:'none', fillOpacity:0.0});\n * var reuleauxTriangle = brd.create('curve', JXG.Math.Geometry.reuleauxPolygon(pol.vertices, 3),\n * {strokeWidth:6, strokeColor:'#d66d55', fillColor:'#ad5544', highlightFillColor:'#ad5544'});\n *\n *
\n *\n */\n reuleauxPolygon: function (points, nr) {\n var beta,\n pi2 = Math.PI * 2,\n pi2_n = pi2 / nr,\n diag = (nr - 1) / 2,\n d = 0,\n makeFct = function (which, trig) {\n return function (t, suspendUpdate) {\n var t1 = ((t % pi2) + pi2) % pi2,\n j = Math.floor(t1 / pi2_n) % nr;\n\n if (!suspendUpdate) {\n d = points[0].Dist(points[diag]);\n beta = Mat.Geometry.rad(\n [points[0].X() + 1, points[0].Y()],\n points[0],\n points[diag % nr]\n );\n }\n\n if (isNaN(j)) {\n return j;\n }\n\n t1 = t1 * 0.5 + j * pi2_n * 0.5 + beta;\n\n return points[j][which]() + d * Math[trig](t1);\n };\n };\n\n return [makeFct(\"X\", \"cos\"), makeFct(\"Y\", \"sin\"), 0, pi2];\n },\n\n meet3Planes: function (n1, d1, n2, d2, n3, d3) {\n var p = [0, 0, 0],\n n31,\n n12,\n n23,\n denom,\n i;\n\n n31 = Mat.crossProduct(n3, n1);\n n12 = Mat.crossProduct(n1, n2);\n n23 = Mat.crossProduct(n2, n3);\n denom = Mat.innerProduct(n1, n23, 3);\n for (i = 0; i < 3; i++) {\n p[i] = (d1 * n23[i] + d2 * n31[i] + d3 * n12[i]) / denom;\n }\n return p;\n },\n\n meetPlanePlane: function (v11, v12, v21, v22) {\n var i,\n no1,\n no2,\n v = [0, 0, 0],\n w = [0, 0, 0];\n\n for (i = 0; i < 3; i++) {\n v[i] = Type.evaluate(v11[i]);\n w[i] = Type.evaluate(v12[i]);\n }\n no1 = Mat.crossProduct(v, w);\n\n for (i = 0; i < 3; i++) {\n v[i] = Type.evaluate(v21[i]);\n w[i] = Type.evaluate(v22[i]);\n }\n no2 = Mat.crossProduct(v, w);\n\n return Mat.crossProduct(no1, no2);\n },\n\n project3DTo3DPlane: function (point, normal, foot) {\n // TODO: homogeneous 3D coordinates\n var sol = [0, 0, 0],\n le,\n d1,\n d2,\n lbda;\n\n foot = foot || [0, 0, 0];\n\n le = Mat.norm(normal);\n d1 = Mat.innerProduct(point, normal, 3);\n d2 = Mat.innerProduct(foot, normal, 3);\n // (point - lbda * normal / le) * normal / le == foot * normal / le\n // => (point * normal - foot * normal) == lbda * le\n lbda = (d1 - d2) / le;\n sol = Mat.axpy(-lbda, normal, point);\n\n return sol;\n },\n\n getPlaneBounds: function (v1, v2, q, s, e) {\n var s1, s2, e1, e2, mat, rhs, sol;\n\n if (v1[2] + v2[0] !== 0) {\n mat = [\n [v1[0], v2[0]],\n [v1[1], v2[1]]\n ];\n rhs = [s - q[0], s - q[1]];\n\n sol = Numerics.Gauss(mat, rhs);\n s1 = sol[0];\n s2 = sol[1];\n\n rhs = [e - q[0], e - q[1]];\n sol = Numerics.Gauss(mat, rhs);\n e1 = sol[0];\n e2 = sol[1];\n return [s1, e1, s2, e2];\n }\n return null;\n }\n }\n);\n\nexport default Mat.Geometry;\n","var dP = require('./_object-dp');\nvar anObject = require('./_an-object');\nvar getKeys = require('./_object-keys');\n\nmodule.exports = require('./_descriptors') ? Object.defineProperties : function defineProperties(O, Properties) {\n anObject(O);\n var keys = getKeys(Properties);\n var length = keys.length;\n var i = 0;\n var P;\n while (length > i) dP.f(O, P = keys[i++], Properties[P]);\n return O;\n};\n","'use strict';\nvar addToUnscopables = require('./_add-to-unscopables');\nvar step = require('./_iter-step');\nvar Iterators = require('./_iterators');\nvar toIObject = require('./_to-iobject');\n\n// 22.1.3.4 Array.prototype.entries()\n// 22.1.3.13 Array.prototype.keys()\n// 22.1.3.29 Array.prototype.values()\n// 22.1.3.30 Array.prototype[@@iterator]()\nmodule.exports = require('./_iter-define')(Array, 'Array', function (iterated, kind) {\n this._t = toIObject(iterated); // target\n this._i = 0; // next index\n this._k = kind; // kind\n// 22.1.5.2.1 %ArrayIteratorPrototype%.next()\n}, function () {\n var O = this._t;\n var kind = this._k;\n var index = this._i++;\n if (!O || index >= O.length) {\n this._t = undefined;\n return step(1);\n }\n if (kind == 'keys') return step(0, index);\n if (kind == 'values') return step(0, O[index]);\n return step(0, [index, O[index]]);\n}, 'values');\n\n// argumentsList[@@iterator] is %ArrayProto_values% (9.4.4.6, 9.4.4.7)\nIterators.Arguments = Iterators.Array;\n\naddToUnscopables('keys');\naddToUnscopables('values');\naddToUnscopables('entries');\n","// Styles\nimport '../../src/stylus/components/_overlay.styl';\n// Utilities\nimport { keyCodes, addPassiveEventListener } from '../util/helpers';\n// Types\nimport Vue from 'vue';\n/* @vue/component */\nexport default Vue.extend().extend({\n name: 'overlayable',\n props: {\n hideOverlay: Boolean\n },\n data: function data() {\n return {\n overlay: null,\n overlayOffset: 0,\n overlayTimeout: undefined,\n overlayTransitionDuration: 500 + 150 // transition + delay\n };\n },\n\n watch: {\n hideOverlay: function hideOverlay(value) {\n if (value) this.removeOverlay();else this.genOverlay();\n }\n },\n beforeDestroy: function beforeDestroy() {\n this.removeOverlay();\n },\n\n methods: {\n genOverlay: function genOverlay() {\n var _this = this;\n\n // If fn is called and timeout is active\n // or overlay already exists\n // cancel removal of overlay and re-add active\n if (!this.isActive || this.hideOverlay || this.isActive && this.overlayTimeout || this.overlay) {\n clearTimeout(this.overlayTimeout);\n return this.overlay && this.overlay.classList.add('v-overlay--active');\n }\n this.overlay = document.createElement('div');\n this.overlay.className = 'v-overlay';\n if (this.absolute) this.overlay.className += ' v-overlay--absolute';\n this.hideScroll();\n var parent = this.absolute ? this.$el.parentNode : document.querySelector('[data-app]');\n parent && parent.insertBefore(this.overlay, parent.firstChild);\n // eslint-disable-next-line no-unused-expressions\n this.overlay.clientHeight; // Force repaint\n requestAnimationFrame(function () {\n // https://github.com/vuetifyjs/vuetify/issues/4678\n if (!_this.overlay) return;\n _this.overlay.className += ' v-overlay--active';\n if (_this.activeZIndex !== undefined) {\n _this.overlay.style.zIndex = String(_this.activeZIndex - 1);\n }\n });\n return true;\n },\n\n /** removeOverlay(false) will not restore the scollbar afterwards */\n removeOverlay: function removeOverlay() {\n var _this2 = this;\n\n var showScroll = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n\n if (!this.overlay) {\n return showScroll && this.showScroll();\n }\n this.overlay.classList.remove('v-overlay--active');\n this.overlayTimeout = window.setTimeout(function () {\n // IE11 Fix\n try {\n if (_this2.overlay && _this2.overlay.parentNode) {\n _this2.overlay.parentNode.removeChild(_this2.overlay);\n }\n _this2.overlay = null;\n showScroll && _this2.showScroll();\n } catch (e) {\n console.log(e);\n }\n clearTimeout(_this2.overlayTimeout);\n _this2.overlayTimeout = undefined;\n }, this.overlayTransitionDuration);\n },\n scrollListener: function scrollListener(e) {\n if (e.type === 'keydown') {\n if (['INPUT', 'TEXTAREA', 'SELECT'].includes(e.target.tagName) ||\n // https://github.com/vuetifyjs/vuetify/issues/4715\n e.target.isContentEditable) return;\n var up = [keyCodes.up, keyCodes.pageup];\n var down = [keyCodes.down, keyCodes.pagedown];\n if (up.includes(e.keyCode)) {\n e.deltaY = -1;\n } else if (down.includes(e.keyCode)) {\n e.deltaY = 1;\n } else {\n return;\n }\n }\n if (e.target === this.overlay || e.type !== 'keydown' && e.target === document.body || this.checkPath(e)) e.preventDefault();\n },\n hasScrollbar: function hasScrollbar(el) {\n if (!el || el.nodeType !== Node.ELEMENT_NODE) return false;\n var style = window.getComputedStyle(el);\n return ['auto', 'scroll'].includes(style.overflowY) && el.scrollHeight > el.clientHeight;\n },\n shouldScroll: function shouldScroll(el, delta) {\n if (el.scrollTop === 0 && delta < 0) return true;\n return el.scrollTop + el.clientHeight === el.scrollHeight && delta > 0;\n },\n isInside: function isInside(el, parent) {\n if (el === parent) {\n return true;\n } else if (el === null || el === document.body) {\n return false;\n } else {\n return this.isInside(el.parentNode, parent);\n }\n },\n checkPath: function checkPath(e) {\n var path = e.path || this.composedPath(e);\n var delta = e.deltaY;\n if (e.type === 'keydown' && path[0] === document.body) {\n var dialog = this.$refs.dialog;\n var selected = window.getSelection().anchorNode;\n if (dialog && this.hasScrollbar(dialog) && this.isInside(selected, dialog)) {\n return this.shouldScroll(dialog, delta);\n }\n return true;\n }\n for (var index = 0; index < path.length; index++) {\n var el = path[index];\n if (el === document) return true;\n if (el === document.documentElement) return true;\n if (el === this.$refs.content) return true;\n if (this.hasScrollbar(el)) return this.shouldScroll(el, delta);\n }\n return true;\n },\n\n /**\n * Polyfill for Event.prototype.composedPath\n */\n composedPath: function composedPath(e) {\n if (e.composedPath) return e.composedPath();\n var path = [];\n var el = e.target;\n while (el) {\n path.push(el);\n if (el.tagName === 'HTML') {\n path.push(document);\n path.push(window);\n return path;\n }\n el = el.parentElement;\n }\n return path;\n },\n hideScroll: function hideScroll() {\n if (this.$vuetify.breakpoint.smAndDown) {\n document.documentElement.classList.add('overflow-y-hidden');\n } else {\n addPassiveEventListener(window, 'wheel', this.scrollListener, { passive: false });\n window.addEventListener('keydown', this.scrollListener);\n }\n },\n showScroll: function showScroll() {\n document.documentElement.classList.remove('overflow-y-hidden');\n window.removeEventListener('wheel', this.scrollListener);\n window.removeEventListener('keydown', this.scrollListener);\n }\n }\n});\n//# sourceMappingURL=overlayable.js.map","import Vue from 'vue';\n/**\n * Delayable\n *\n * @mixin\n *\n * Changes the open or close delay time for elements\n */\nexport default Vue.extend().extend({\n name: 'delayable',\n props: {\n openDelay: {\n type: [Number, String],\n default: 0\n },\n closeDelay: {\n type: [Number, String],\n default: 0\n }\n },\n data: function data() {\n return {\n openTimeout: undefined,\n closeTimeout: undefined\n };\n },\n methods: {\n /**\n * Clear any pending delay timers from executing\n */\n clearDelay: function clearDelay() {\n clearTimeout(this.openTimeout);\n clearTimeout(this.closeTimeout);\n },\n\n /**\n * Runs callback after a specified delay\n */\n runDelay: function runDelay(type, cb) {\n var _this = this;\n\n this.clearDelay();\n var delay = parseInt(this[type + 'Delay'], 10);\n this[type + 'Timeout'] = setTimeout(cb || function () {\n _this.isActive = { open: true, close: false }[type];\n }, delay);\n }\n }\n});\n//# sourceMappingURL=delayable.js.map","function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { upperFirst } from '../../util/helpers';\nexport default function () {\n var expandedParentClass = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n var x = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n var sizeProperty = x ? 'width' : 'height';\n return {\n beforeEnter: function beforeEnter(el) {\n el._parent = el.parentNode;\n el._initialStyle = _defineProperty({\n transition: el.style.transition,\n visibility: el.style.visibility,\n overflow: el.style.overflow\n }, sizeProperty, el.style[sizeProperty]);\n },\n enter: function enter(el) {\n var initialStyle = el._initialStyle;\n el.style.setProperty('transition', 'none', 'important');\n el.style.visibility = 'hidden';\n var size = el['offset' + upperFirst(sizeProperty)] + 'px';\n el.style.visibility = initialStyle.visibility;\n el.style.overflow = 'hidden';\n el.style[sizeProperty] = 0;\n void el.offsetHeight; // force reflow\n el.style.transition = initialStyle.transition;\n expandedParentClass && el._parent && el._parent.classList.add(expandedParentClass);\n requestAnimationFrame(function () {\n el.style[sizeProperty] = size;\n });\n },\n\n afterEnter: resetStyles,\n enterCancelled: resetStyles,\n leave: function leave(el) {\n el._initialStyle = _defineProperty({\n overflow: el.style.overflow\n }, sizeProperty, el.style[sizeProperty]);\n el.style.overflow = 'hidden';\n el.style[sizeProperty] = el['offset' + upperFirst(sizeProperty)] + 'px';\n void el.offsetHeight; // force reflow\n requestAnimationFrame(function () {\n return el.style[sizeProperty] = 0;\n });\n },\n\n afterLeave: afterLeave,\n leaveCancelled: afterLeave\n };\n function afterLeave(el) {\n expandedParentClass && el._parent && el._parent.classList.remove(expandedParentClass);\n resetStyles(el);\n }\n function resetStyles(el) {\n el.style.overflow = el._initialStyle.overflow;\n el.style[sizeProperty] = el._initialStyle[sizeProperty];\n delete el._initialStyle;\n }\n}\n//# sourceMappingURL=expand-transition.js.map","!function(t,e){\"object\"==typeof exports&&\"object\"==typeof module?module.exports=e():\"function\"==typeof define&&define.amd?define([],e):\"object\"==typeof exports?exports[\"vue-js-modal\"]=e():t[\"vue-js-modal\"]=e()}(window,function(){return i={},o.m=n=[function(t,e,n){var i=n(7);\"string\"==typeof i&&(i=[[t.i,i,\"\"]]),i.locals&&(t.exports=i.locals);(0,n(4).default)(\"d763679c\",i,!1,{})},function(t,e,n){var i=n(10);\"string\"==typeof i&&(i=[[t.i,i,\"\"]]),i.locals&&(t.exports=i.locals);(0,n(4).default)(\"6b9cc0e0\",i,!1,{})},function(t,e,n){var i=n(12);\"string\"==typeof i&&(i=[[t.i,i,\"\"]]),i.locals&&(t.exports=i.locals);(0,n(4).default)(\"663c004e\",i,!1,{})},function(t,e){t.exports=function(n){var s=[];return s.toString=function(){return this.map(function(t){var e=function(t,e){var n=t[1]||\"\",i=t[3];if(!i)return n;if(e&&\"function\"==typeof btoa){var o=function(t){return\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+\" */\"}(i),r=i.sources.map(function(t){return\"/*# sourceURL=\"+i.sourceRoot+t+\" */\"});return[n].concat(r).concat([o]).join(\"\\n\")}return[n].join(\"\\n\")}(t,n);return t[2]?\"@media \"+t[2]+\"{\"+e+\"}\":e}).join(\"\")},s.i=function(t,e){\"string\"==typeof t&&(t=[[null,t,\"\"]]);for(var n={},i=0;in.parts.length&&(i.parts.length=n.parts.length)}else{var r=[];for(o=0;othis.viewportWidth||t.clientX<0)&&!(t.clientY>this.viewportHeight||t.clientY<0)&&e){switch(this.targetClass){case\"vue-modal-right\":n-=e.offsetLeft,i=r;break;case\"vue-modal-left\":i=r,n=o+(this.initialX-t.clientX);break;case\"vue-modal-top\":n=o,i=r+(this.initialY-t.clientY);break;case\"vue-modal-bottom\":n=o,i-=e.offsetTop;break;case\"vue-modal-bottomRight\":n-=e.offsetLeft,i-=e.offsetTop;break;case\"vue-modal-topRight\":n-=e.offsetLeft,i=r+(this.initialY-t.clientY);break;case\"vue-modal-bottomLeft\":n=o+(this.initialX-t.clientX),i-=e.offsetTop;break;case\"vue-modal-topLeft\":n=o+(this.initialX-t.clientX),i=r+(this.initialY-t.clientY);break;default:console.error(\"Incorrrect/no resize direction.\")}var s=Math.min(u(),this.maxWidth),a=Math.min(window.innerHeight,this.maxHeight);n=h(this.minWidth,s,n),i=h(this.minHeight,a,i),this.initialX=t.clientX,this.initialY=t.clientY,this.size={width:n,height:i};var l={width:n-o,height:i-r};e.style.width=n+\"px\",e.style.height=i+\"px\",this.$emit(\"resize\",{element:e,size:this.size,direction:this.targetClass,dimGrowth:l})}}}};n(6);function d(t,e,n,i,o,r,s,a){var l,u=\"function\"==typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=n,u._compiled=!0),i&&(u.functional=!0),r&&(u._scopeId=\"data-v-\"+r),s?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||\"undefined\"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(s)},u._ssrRegister=l):o&&(l=a?function(){o.call(this,this.$root.$options.shadowRoot)}:o),l)if(u.functional){u._injectStyles=l;var c=u.render;u.render=function(t,e){return l.call(e),c(t,e)}}else{var d=u.beforeCreate;u.beforeCreate=d?[].concat(d,l):[l]}return{exports:t,options:u}}var p=d(l,o,[],!1,null,null,null);p.options.__file=\"src/components/Resizer.vue\";var m=p.exports;function b(t){return(b=\"function\"==typeof Symbol&&\"symbol\"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&\"function\"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?\"symbol\":typeof t})(t)}function g(t){switch(b(t)){case\"number\":return{type:\"px\",value:t};case\"string\":return function(e){if(\"auto\"===e)return{type:e,value:0};var t=_.find(function(t){return t.regexp.test(e)});return t?{type:t.name,value:parseFloat(e)}:{type:\"\",value:e}}(t);default:return{type:\"\",value:t}}}function y(t){if(\"string\"!=typeof t)return 0<=t;var e=g(t);return(\"%\"===e.type||\"px\"===e.type)&&0=this.viewportHeight?Math.max(this.minHeight,this.viewportHeight)+\"px\":\"auto\"},containerClass:function(){return[\"vm--container\",this.scrollable&&this.isAutoHeight&&\"scrollable\"]},modalClass:function(){return[\"vm--modal\",this.classes]},stylesProp:function(){return\"string\"==typeof this.styles?a(this.styles):this.styles},modalStyle:function(){return[this.stylesProp,{top:this.position.top+\"px\",left:this.position.left+\"px\",width:this.trueModalWidth+\"px\",height:this.isAutoHeight?this.autoHeight:this.trueModalHeight+\"px\"}]},isComponentReadyToBeDestroyed:function(){return this.overlayTransitionState===A&&this.modalTransitionState===A}},watch:{isComponentReadyToBeDestroyed:function(t){t&&(this.visible=!1)}},methods:{startTransitionEnter:function(){this.visibility.overlay=!0,this.visibility.modal=!0},startTransitionLeave:function(){this.visibility.overlay=!1,this.visibility.modal=!1},beforeOverlayTransitionEnter:function(){this.overlayTransitionState=$},afterOverlayTransitionEnter:function(){this.overlayTransitionState=C},beforeOverlayTransitionLeave:function(){this.overlayTransitionState=j},afterOverlayTransitionLeave:function(){this.overlayTransitionState=A},beforeModalTransitionEnter:function(){var t=this;this.modalTransitionState=$,this.$nextTick(function(){t.resizeObserver.observe(t.$refs.modal)})},afterModalTransitionEnter:function(){this.modalTransitionState=C,this.draggable&&this.addDraggableListeners(),this.focusTrap&&this.$focusTrap.enable(this.$refs.modal);var t=this.createModalEvent({state:\"opened\"});this.$emit(\"opened\",t)},beforeModalTransitionLeave:function(){this.modalTransitionState=j,this.resizeObserver.unobserve(this.$refs.modal),this.$focusTrap.enabled()&&this.$focusTrap.disable()},afterModalTransitionLeave:function(){this.modalTransitionState=A;var t=this.createModalEvent({state:\"closed\"});this.$emit(\"closed\",t)},onToggle:function(t,e,n){if(this.name===t){var i=void 0===e?!this.visible:e;this.toggle(i,n)}},setInitialSize:function(){var t=g(this.width),e=g(this.height);this.modal.width=t.value,this.modal.widthType=t.type,this.modal.height=e.value,this.modal.heightType=e.type},onEscapeKeyUp:function(t){27===t.which&&this.visible&&this.$modal.hide(this.name)},onWindowResize:function(){this.viewportWidth=u(),this.viewportHeight=window.innerHeight,this.ensureShiftInWindowBounds()},createModalEvent:function(t){var e=0 i) args.push(arguments[i++]);\n queue[++counter] = function () {\n // eslint-disable-next-line no-new-func\n invoke(typeof fn == 'function' ? fn : Function(fn), args);\n };\n defer(counter);\n return counter;\n };\n clearTask = function clearImmediate(id) {\n delete queue[id];\n };\n // Node.js 0.8-\n if (require('./_cof')(process) == 'process') {\n defer = function (id) {\n process.nextTick(ctx(run, id, 1));\n };\n // Sphere (JS game engine) Dispatch API\n } else if (Dispatch && Dispatch.now) {\n defer = function (id) {\n Dispatch.now(ctx(run, id, 1));\n };\n // Browsers with MessageChannel, includes WebWorkers\n } else if (MessageChannel) {\n channel = new MessageChannel();\n port = channel.port2;\n channel.port1.onmessage = listener;\n defer = ctx(port.postMessage, port, 1);\n // Browsers with postMessage, skip WebWorkers\n // IE8 has postMessage, but it's sync & typeof its postMessage is 'object'\n } else if (global.addEventListener && typeof postMessage == 'function' && !global.importScripts) {\n defer = function (id) {\n global.postMessage(id + '', '*');\n };\n global.addEventListener('message', listener, false);\n // IE8-\n } else if (ONREADYSTATECHANGE in cel('script')) {\n defer = function (id) {\n html.appendChild(cel('script'))[ONREADYSTATECHANGE] = function () {\n html.removeChild(this);\n run.call(id);\n };\n };\n // Rest old browsers\n } else {\n defer = function (id) {\n setTimeout(ctx(run, id, 1), 0);\n };\n }\n}\nmodule.exports = {\n set: setTask,\n clear: clearTask\n};\n","var $export = require('./_export');\n// 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)\n$export($export.S + $export.F * !require('./_descriptors'), 'Object', { defineProperty: require('./_object-dp').f });\n","var anObject = require('./_an-object');\nvar isObject = require('./_is-object');\nvar newPromiseCapability = require('./_new-promise-capability');\n\nmodule.exports = function (C, x) {\n anObject(C);\n if (isObject(x) && x.constructor === C) return x;\n var promiseCapability = newPromiseCapability.f(C);\n var resolve = promiseCapability.resolve;\n resolve(x);\n return promiseCapability.promise;\n};\n","// call something on iterator step with safe closing on error\nvar anObject = require('./_an-object');\nmodule.exports = function (iterator, fn, value, entries) {\n try {\n return entries ? fn(anObject(value)[0], value[1]) : fn(value);\n // 7.4.6 IteratorClose(iterator, completion)\n } catch (e) {\n var ret = iterator['return'];\n if (ret !== undefined) anObject(ret.call(iterator));\n throw e;\n }\n};\n","'use strict';\n\nmodule.exports = function bind(fn, thisArg) {\n return function wrap() {\n var args = new Array(arguments.length);\n for (var i = 0; i < args.length; i++) {\n args[i] = arguments[i];\n }\n return fn.apply(thisArg, args);\n };\n};\n","module.exports = require('./_shared')('native-function-to-string', Function.toString);\n","function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {\n try {\n var info = gen[key](arg);\n var value = info.value;\n } catch (error) {\n reject(error);\n return;\n }\n if (info.done) {\n resolve(value);\n } else {\n Promise.resolve(value).then(_next, _throw);\n }\n}\nexport default function _asyncToGenerator(fn) {\n return function () {\n var self = this,\n args = arguments;\n return new Promise(function (resolve, reject) {\n var gen = fn.apply(self, args);\n function _next(value) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value);\n }\n function _throw(err) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err);\n }\n _next(undefined);\n });\n };\n}","var global = require('./_global');\nvar hide = require('./_hide');\nvar has = require('./_has');\nvar SRC = require('./_uid')('src');\nvar $toString = require('./_function-to-string');\nvar TO_STRING = 'toString';\nvar TPL = ('' + $toString).split(TO_STRING);\n\nrequire('./_core').inspectSource = function (it) {\n return $toString.call(it);\n};\n\n(module.exports = function (O, key, val, safe) {\n var isFunction = typeof val == 'function';\n if (isFunction) has(val, 'name') || hide(val, 'name', key);\n if (O[key] === val) return;\n if (isFunction) has(val, SRC) || hide(val, SRC, O[key] ? '' + O[key] : TPL.join(String(key)));\n if (O === global) {\n O[key] = val;\n } else if (!safe) {\n delete O[key];\n hide(O, key, val);\n } else if (O[key]) {\n O[key] = val;\n } else {\n hide(O, key, val);\n }\n// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative\n})(Function.prototype, TO_STRING, function toString() {\n return typeof this == 'function' && this[SRC] || $toString.call(this);\n});\n","// call something on iterator step with safe closing on error\nvar anObject = require('./_an-object');\nmodule.exports = function (iterator, fn, value, entries) {\n try {\n return entries ? fn(anObject(value)[0], value[1]) : fn(value);\n // 7.4.6 IteratorClose(iterator, completion)\n } catch (e) {\n var ret = iterator['return'];\n if (ret !== undefined) anObject(ret.call(iterator));\n throw e;\n }\n};\n","'use strict';\nrequire('./es6.regexp.exec');\nvar redefine = require('./_redefine');\nvar hide = require('./_hide');\nvar fails = require('./_fails');\nvar defined = require('./_defined');\nvar wks = require('./_wks');\nvar regexpExec = require('./_regexp-exec');\n\nvar SPECIES = wks('species');\n\nvar REPLACE_SUPPORTS_NAMED_GROUPS = !fails(function () {\n // #replace needs built-in support for named groups.\n // #match works fine because it just return the exec results, even if it has\n // a \"grops\" property.\n var re = /./;\n re.exec = function () {\n var result = [];\n result.groups = { a: '7' };\n return result;\n };\n return ''.replace(re, '$') !== '7';\n});\n\nvar SPLIT_WORKS_WITH_OVERWRITTEN_EXEC = (function () {\n // Chrome 51 has a buggy \"split\" implementation when RegExp#exec !== nativeExec\n var re = /(?:)/;\n var originalExec = re.exec;\n re.exec = function () { return originalExec.apply(this, arguments); };\n var result = 'ab'.split(re);\n return result.length === 2 && result[0] === 'a' && result[1] === 'b';\n})();\n\nmodule.exports = function (KEY, length, exec) {\n var SYMBOL = wks(KEY);\n\n var DELEGATES_TO_SYMBOL = !fails(function () {\n // String methods call symbol-named RegEp methods\n var O = {};\n O[SYMBOL] = function () { return 7; };\n return ''[KEY](O) != 7;\n });\n\n var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL ? !fails(function () {\n // Symbol-named RegExp methods call .exec\n var execCalled = false;\n var re = /a/;\n re.exec = function () { execCalled = true; return null; };\n if (KEY === 'split') {\n // RegExp[@@split] doesn't call the regex's exec method, but first creates\n // a new one. We need to return the patched regex when creating the new one.\n re.constructor = {};\n re.constructor[SPECIES] = function () { return re; };\n }\n re[SYMBOL]('');\n return !execCalled;\n }) : undefined;\n\n if (\n !DELEGATES_TO_SYMBOL ||\n !DELEGATES_TO_EXEC ||\n (KEY === 'replace' && !REPLACE_SUPPORTS_NAMED_GROUPS) ||\n (KEY === 'split' && !SPLIT_WORKS_WITH_OVERWRITTEN_EXEC)\n ) {\n var nativeRegExpMethod = /./[SYMBOL];\n var fns = exec(\n defined,\n SYMBOL,\n ''[KEY],\n function maybeCallNative(nativeMethod, regexp, str, arg2, forceStringMethod) {\n if (regexp.exec === regexpExec) {\n if (DELEGATES_TO_SYMBOL && !forceStringMethod) {\n // The native String method already delegates to @@method (this\n // polyfilled function), leasing to infinite recursion.\n // We avoid it by directly calling the native @@method method.\n return { done: true, value: nativeRegExpMethod.call(regexp, str, arg2) };\n }\n return { done: true, value: nativeMethod.call(str, regexp, arg2) };\n }\n return { done: false };\n }\n );\n var strfn = fns[0];\n var rxfn = fns[1];\n\n redefine(String.prototype, KEY, strfn);\n hide(RegExp.prototype, SYMBOL, length == 2\n // 21.2.5.8 RegExp.prototype[@@replace](string, replaceValue)\n // 21.2.5.11 RegExp.prototype[@@split](string, limit)\n ? function (string, arg) { return rxfn.call(string, this, arg); }\n // 21.2.5.6 RegExp.prototype[@@match](string)\n // 21.2.5.9 RegExp.prototype[@@search](string)\n : function (string) { return rxfn.call(string, this); }\n );\n }\n};\n","var ITERATOR = require('./_wks')('iterator');\nvar SAFE_CLOSING = false;\n\ntry {\n var riter = [7][ITERATOR]();\n riter['return'] = function () { SAFE_CLOSING = true; };\n // eslint-disable-next-line no-throw-literal\n Array.from(riter, function () { throw 2; });\n} catch (e) { /* empty */ }\n\nmodule.exports = function (exec, skipClosing) {\n if (!skipClosing && !SAFE_CLOSING) return false;\n var safe = false;\n try {\n var arr = [7];\n var iter = arr[ITERATOR]();\n iter.next = function () { return { done: safe = true }; };\n arr[ITERATOR] = function () { return iter; };\n exec(arr);\n } catch (e) { /* empty */ }\n return safe;\n};\n","import VProgressCircular from './VProgressCircular';\nexport { VProgressCircular };\nexport default VProgressCircular;\n//# sourceMappingURL=index.js.map","var isObject = require('./_is-object');\nvar document = require('./_global').document;\n// typeof document.createElement is 'object' in old IE\nvar is = isObject(document) && isObject(document.createElement);\nmodule.exports = function (it) {\n return is ? document.createElement(it) : {};\n};\n","// Helpers\nimport { convertToUnit } from '../util/helpers';\n// Types\nimport Vue from 'vue';\nexport default Vue.extend({\n name: 'measurable',\n props: {\n height: [Number, String],\n maxHeight: [Number, String],\n maxWidth: [Number, String],\n minHeight: [Number, String],\n minWidth: [Number, String],\n width: [Number, String]\n },\n computed: {\n measurableStyles: function measurableStyles() {\n var styles = {};\n var height = convertToUnit(this.height);\n var minHeight = convertToUnit(this.minHeight);\n var minWidth = convertToUnit(this.minWidth);\n var maxHeight = convertToUnit(this.maxHeight);\n var maxWidth = convertToUnit(this.maxWidth);\n var width = convertToUnit(this.width);\n if (height) styles.height = height;\n if (minHeight) styles.minHeight = minHeight;\n if (minWidth) styles.minWidth = minWidth;\n if (maxHeight) styles.maxHeight = maxHeight;\n if (maxWidth) styles.maxWidth = maxWidth;\n if (width) styles.width = width;\n return styles;\n }\n }\n});\n//# sourceMappingURL=measurable.js.map","// getting tag from 19.1.3.6 Object.prototype.toString()\nvar cof = require('./_cof');\nvar TAG = require('./_wks')('toStringTag');\n// ES3 wrong here\nvar ARG = cof(function () { return arguments; }()) == 'Arguments';\n\n// fallback for IE11 Script Access Denied error\nvar tryGet = function (it, key) {\n try {\n return it[key];\n } catch (e) { /* empty */ }\n};\n\nmodule.exports = function (it) {\n var O, T, B;\n return it === undefined ? 'Undefined' : it === null ? 'Null'\n // @@toStringTag case\n : typeof (T = tryGet(O = Object(it), TAG)) == 'string' ? T\n // builtinTag case\n : ARG ? cof(O)\n // ES3 arguments fallback\n : (B = cof(O)) == 'Object' && typeof O.callee == 'function' ? 'Arguments' : B;\n};\n","'use strict';\n\nvar utils = require('./utils');\nvar normalizeHeaderName = require('./helpers/normalizeHeaderName');\n\nvar DEFAULT_CONTENT_TYPE = {\n 'Content-Type': 'application/x-www-form-urlencoded'\n};\n\nfunction setContentTypeIfUnset(headers, value) {\n if (!utils.isUndefined(headers) && utils.isUndefined(headers['Content-Type'])) {\n headers['Content-Type'] = value;\n }\n}\n\nfunction getDefaultAdapter() {\n var adapter;\n if (typeof XMLHttpRequest !== 'undefined') {\n // For browsers use XHR adapter\n adapter = require('./adapters/xhr');\n } else if (typeof process !== 'undefined' && Object.prototype.toString.call(process) === '[object process]') {\n // For node use HTTP adapter\n adapter = require('./adapters/http');\n }\n return adapter;\n}\n\nvar defaults = {\n adapter: getDefaultAdapter(),\n\n transformRequest: [function transformRequest(data, headers) {\n normalizeHeaderName(headers, 'Accept');\n normalizeHeaderName(headers, 'Content-Type');\n if (utils.isFormData(data) ||\n utils.isArrayBuffer(data) ||\n utils.isBuffer(data) ||\n utils.isStream(data) ||\n utils.isFile(data) ||\n utils.isBlob(data)\n ) {\n return data;\n }\n if (utils.isArrayBufferView(data)) {\n return data.buffer;\n }\n if (utils.isURLSearchParams(data)) {\n setContentTypeIfUnset(headers, 'application/x-www-form-urlencoded;charset=utf-8');\n return data.toString();\n }\n if (utils.isObject(data)) {\n setContentTypeIfUnset(headers, 'application/json;charset=utf-8');\n return JSON.stringify(data);\n }\n return data;\n }],\n\n transformResponse: [function transformResponse(data) {\n /*eslint no-param-reassign:0*/\n if (typeof data === 'string') {\n try {\n data = JSON.parse(data);\n } catch (e) { /* Ignore */ }\n }\n return data;\n }],\n\n /**\n * A timeout in milliseconds to abort a request. If set to 0 (default) a\n * timeout is not created.\n */\n timeout: 0,\n\n xsrfCookieName: 'XSRF-TOKEN',\n xsrfHeaderName: 'X-XSRF-TOKEN',\n\n maxContentLength: -1,\n\n validateStatus: function validateStatus(status) {\n return status >= 200 && status < 300;\n }\n};\n\ndefaults.headers = {\n common: {\n 'Accept': 'application/json, text/plain, */*'\n }\n};\n\nutils.forEach(['delete', 'get', 'head'], function forEachMethodNoData(method) {\n defaults.headers[method] = {};\n});\n\nutils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {\n defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE);\n});\n\nmodule.exports = defaults;\n","function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n// Mixins\nimport { inject as RegistrableInject } from './registrable';\nexport function factory(namespace, child, parent) {\n return RegistrableInject(namespace, child, parent).extend({\n name: 'groupable',\n props: {\n activeClass: {\n type: String,\n default: function _default() {\n if (!this[namespace]) return undefined;\n return this[namespace].activeClass;\n }\n },\n disabled: Boolean\n },\n data: function data() {\n return {\n isActive: false\n };\n },\n\n computed: {\n groupClasses: function groupClasses() {\n if (!this.activeClass) return {};\n return _defineProperty({}, this.activeClass, this.isActive);\n }\n },\n created: function created() {\n this[namespace] && this[namespace].register(this);\n },\n beforeDestroy: function beforeDestroy() {\n this[namespace] && this[namespace].unregister(this);\n },\n\n methods: {\n toggle: function toggle() {\n this.$emit('change');\n }\n }\n });\n}\n/* eslint-disable-next-line no-redeclare */\nvar Groupable = factory('itemGroup');\nexport default Groupable;\n//# sourceMappingURL=groupable.js.map","exports.f = Object.getOwnPropertySymbols;\n","var isObject = require('./_is-object');\nmodule.exports = function (it) {\n if (!isObject(it)) throw TypeError(it + ' is not an object!');\n return it;\n};\n","var classof = require('./_classof');\nvar ITERATOR = require('./_wks')('iterator');\nvar Iterators = require('./_iterators');\nmodule.exports = require('./_core').getIteratorMethod = function (it) {\n if (it != undefined) return it[ITERATOR]\n || it['@@iterator']\n || Iterators[classof(it)];\n};\n","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent(\n scriptExports,\n render,\n staticRenderFns,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier /* server only */,\n shadowMode /* vue-cli only */\n) {\n // Vue.extend constructor export interop\n var options =\n typeof scriptExports === 'function' ? scriptExports.options : scriptExports\n\n // render functions\n if (render) {\n options.render = render\n options.staticRenderFns = staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = 'data-v-' + scopeId\n }\n\n var hook\n if (moduleIdentifier) {\n // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = shadowMode\n ? function () {\n injectStyles.call(\n this,\n (options.functional ? this.parent : this).$root.$options.shadowRoot\n )\n }\n : injectStyles\n }\n\n if (hook) {\n if (options.functional) {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functional component in vue file\n var originalRender = options.render\n options.render = function renderWithStyleInjection(h, context) {\n hook.call(context)\n return originalRender(h, context)\n }\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate\n options.beforeCreate = existing ? [].concat(existing, hook) : [hook]\n }\n }\n\n return {\n exports: scriptExports,\n options: options\n }\n}\n","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","export default function _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","var global = require('./_global');\nvar hide = require('./_hide');\nvar has = require('./_has');\nvar SRC = require('./_uid')('src');\nvar $toString = require('./_function-to-string');\nvar TO_STRING = 'toString';\nvar TPL = ('' + $toString).split(TO_STRING);\n\nrequire('./_core').inspectSource = function (it) {\n return $toString.call(it);\n};\n\n(module.exports = function (O, key, val, safe) {\n var isFunction = typeof val == 'function';\n if (isFunction) has(val, 'name') || hide(val, 'name', key);\n if (O[key] === val) return;\n if (isFunction) has(val, SRC) || hide(val, SRC, O[key] ? '' + O[key] : TPL.join(String(key)));\n if (O === global) {\n O[key] = val;\n } else if (!safe) {\n delete O[key];\n hide(O, key, val);\n } else if (O[key]) {\n O[key] = val;\n } else {\n hide(O, key, val);\n }\n// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative\n})(Function.prototype, TO_STRING, function toString() {\n return typeof this == 'function' && this[SRC] || $toString.call(this);\n});\n","// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])\nvar anObject = require('./_an-object');\nvar dPs = require('./_object-dps');\nvar enumBugKeys = require('./_enum-bug-keys');\nvar IE_PROTO = require('./_shared-key')('IE_PROTO');\nvar Empty = function () { /* empty */ };\nvar PROTOTYPE = 'prototype';\n\n// Create object with fake `null` prototype: use iframe Object with cleared prototype\nvar createDict = function () {\n // Thrash, waste and sodomy: IE GC bug\n var iframe = require('./_dom-create')('iframe');\n var i = enumBugKeys.length;\n var lt = '<';\n var gt = '>';\n var iframeDocument;\n iframe.style.display = 'none';\n require('./_html').appendChild(iframe);\n iframe.src = 'javascript:'; // eslint-disable-line no-script-url\n // createDict = iframe.contentWindow.Object;\n // html.removeChild(iframe);\n iframeDocument = iframe.contentWindow.document;\n iframeDocument.open();\n iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);\n iframeDocument.close();\n createDict = iframeDocument.F;\n while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]];\n return createDict();\n};\n\nmodule.exports = Object.create || function create(O, Properties) {\n var result;\n if (O !== null) {\n Empty[PROTOTYPE] = anObject(O);\n result = new Empty();\n Empty[PROTOTYPE] = null;\n // add \"__proto__\" for Object.getPrototypeOf polyfill\n result[IE_PROTO] = O;\n } else result = createDict();\n return Properties === undefined ? result : dPs(result, Properties);\n};\n","/*!\n * Vue.js v2.7.14\n * (c) 2014-2022 Evan You\n * Released under the MIT License.\n */\nvar emptyObject = Object.freeze({});\nvar isArray = Array.isArray;\n// These helpers produce better VM code in JS engines due to their\n// explicitness and function inlining.\nfunction isUndef(v) {\n return v === undefined || v === null;\n}\nfunction isDef(v) {\n return v !== undefined && v !== null;\n}\nfunction isTrue(v) {\n return v === true;\n}\nfunction isFalse(v) {\n return v === false;\n}\n/**\n * Check if value is primitive.\n */\nfunction isPrimitive(value) {\n return (typeof value === 'string' ||\n typeof value === 'number' ||\n // $flow-disable-line\n typeof value === 'symbol' ||\n typeof value === 'boolean');\n}\nfunction isFunction(value) {\n return typeof value === 'function';\n}\n/**\n * Quick object check - this is primarily used to tell\n * objects from primitive values when we know the value\n * is a JSON-compliant type.\n */\nfunction isObject(obj) {\n return obj !== null && typeof obj === 'object';\n}\n/**\n * Get the raw type string of a value, e.g., [object Object].\n */\nvar _toString = Object.prototype.toString;\nfunction toRawType(value) {\n return _toString.call(value).slice(8, -1);\n}\n/**\n * Strict object type check. Only returns true\n * for plain JavaScript objects.\n */\nfunction isPlainObject(obj) {\n return _toString.call(obj) === '[object Object]';\n}\nfunction isRegExp(v) {\n return _toString.call(v) === '[object RegExp]';\n}\n/**\n * Check if val is a valid array index.\n */\nfunction isValidArrayIndex(val) {\n var n = parseFloat(String(val));\n return n >= 0 && Math.floor(n) === n && isFinite(val);\n}\nfunction isPromise(val) {\n return (isDef(val) &&\n typeof val.then === 'function' &&\n typeof val.catch === 'function');\n}\n/**\n * Convert a value to a string that is actually rendered.\n */\nfunction toString(val) {\n return val == null\n ? ''\n : Array.isArray(val) || (isPlainObject(val) && val.toString === _toString)\n ? JSON.stringify(val, null, 2)\n : String(val);\n}\n/**\n * Convert an input value to a number for persistence.\n * If the conversion fails, return original string.\n */\nfunction toNumber(val) {\n var n = parseFloat(val);\n return isNaN(n) ? val : n;\n}\n/**\n * Make a map and return a function for checking if a key\n * is in that map.\n */\nfunction makeMap(str, expectsLowerCase) {\n var map = Object.create(null);\n var list = str.split(',');\n for (var i = 0; i < list.length; i++) {\n map[list[i]] = true;\n }\n return expectsLowerCase ? function (val) { return map[val.toLowerCase()]; } : function (val) { return map[val]; };\n}\n/**\n * Check if a tag is a built-in tag.\n */\nvar isBuiltInTag = makeMap('slot,component', true);\n/**\n * Check if an attribute is a reserved attribute.\n */\nvar isReservedAttribute = makeMap('key,ref,slot,slot-scope,is');\n/**\n * Remove an item from an array.\n */\nfunction remove$2(arr, item) {\n var len = arr.length;\n if (len) {\n // fast path for the only / last item\n if (item === arr[len - 1]) {\n arr.length = len - 1;\n return;\n }\n var index = arr.indexOf(item);\n if (index > -1) {\n return arr.splice(index, 1);\n }\n }\n}\n/**\n * Check whether an object has the property.\n */\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nfunction hasOwn(obj, key) {\n return hasOwnProperty.call(obj, key);\n}\n/**\n * Create a cached version of a pure function.\n */\nfunction cached(fn) {\n var cache = Object.create(null);\n return function cachedFn(str) {\n var hit = cache[str];\n return hit || (cache[str] = fn(str));\n };\n}\n/**\n * Camelize a hyphen-delimited string.\n */\nvar camelizeRE = /-(\\w)/g;\nvar camelize = cached(function (str) {\n return str.replace(camelizeRE, function (_, c) { return (c ? c.toUpperCase() : ''); });\n});\n/**\n * Capitalize a string.\n */\nvar capitalize = cached(function (str) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n});\n/**\n * Hyphenate a camelCase string.\n */\nvar hyphenateRE = /\\B([A-Z])/g;\nvar hyphenate = cached(function (str) {\n return str.replace(hyphenateRE, '-$1').toLowerCase();\n});\n/**\n * Simple bind polyfill for environments that do not support it,\n * e.g., PhantomJS 1.x. Technically, we don't need this anymore\n * since native bind is now performant enough in most browsers.\n * But removing it would mean breaking code that was able to run in\n * PhantomJS 1.x, so this must be kept for backward compatibility.\n */\n/* istanbul ignore next */\nfunction polyfillBind(fn, ctx) {\n function boundFn(a) {\n var l = arguments.length;\n return l\n ? l > 1\n ? fn.apply(ctx, arguments)\n : fn.call(ctx, a)\n : fn.call(ctx);\n }\n boundFn._length = fn.length;\n return boundFn;\n}\nfunction nativeBind(fn, ctx) {\n return fn.bind(ctx);\n}\n// @ts-expect-error bind cannot be `undefined`\nvar bind = Function.prototype.bind ? nativeBind : polyfillBind;\n/**\n * Convert an Array-like object to a real Array.\n */\nfunction toArray(list, start) {\n start = start || 0;\n var i = list.length - start;\n var ret = new Array(i);\n while (i--) {\n ret[i] = list[i + start];\n }\n return ret;\n}\n/**\n * Mix properties into target object.\n */\nfunction extend(to, _from) {\n for (var key in _from) {\n to[key] = _from[key];\n }\n return to;\n}\n/**\n * Merge an Array of Objects into a single Object.\n */\nfunction toObject(arr) {\n var res = {};\n for (var i = 0; i < arr.length; i++) {\n if (arr[i]) {\n extend(res, arr[i]);\n }\n }\n return res;\n}\n/* eslint-disable no-unused-vars */\n/**\n * Perform no operation.\n * Stubbing args to make Flow happy without leaving useless transpiled code\n * with ...rest (https://flow.org/blog/2017/05/07/Strict-Function-Call-Arity/).\n */\nfunction noop(a, b, c) { }\n/**\n * Always return false.\n */\nvar no = function (a, b, c) { return false; };\n/* eslint-enable no-unused-vars */\n/**\n * Return the same value.\n */\nvar identity = function (_) { return _; };\n/**\n * Check if two values are loosely equal - that is,\n * if they are plain objects, do they have the same shape?\n */\nfunction looseEqual(a, b) {\n if (a === b)\n return true;\n var isObjectA = isObject(a);\n var isObjectB = isObject(b);\n if (isObjectA && isObjectB) {\n try {\n var isArrayA = Array.isArray(a);\n var isArrayB = Array.isArray(b);\n if (isArrayA && isArrayB) {\n return (a.length === b.length &&\n a.every(function (e, i) {\n return looseEqual(e, b[i]);\n }));\n }\n else if (a instanceof Date && b instanceof Date) {\n return a.getTime() === b.getTime();\n }\n else if (!isArrayA && !isArrayB) {\n var keysA = Object.keys(a);\n var keysB = Object.keys(b);\n return (keysA.length === keysB.length &&\n keysA.every(function (key) {\n return looseEqual(a[key], b[key]);\n }));\n }\n else {\n /* istanbul ignore next */\n return false;\n }\n }\n catch (e) {\n /* istanbul ignore next */\n return false;\n }\n }\n else if (!isObjectA && !isObjectB) {\n return String(a) === String(b);\n }\n else {\n return false;\n }\n}\n/**\n * Return the first index at which a loosely equal value can be\n * found in the array (if value is a plain object, the array must\n * contain an object of the same shape), or -1 if it is not present.\n */\nfunction looseIndexOf(arr, val) {\n for (var i = 0; i < arr.length; i++) {\n if (looseEqual(arr[i], val))\n return i;\n }\n return -1;\n}\n/**\n * Ensure a function is called only once.\n */\nfunction once(fn) {\n var called = false;\n return function () {\n if (!called) {\n called = true;\n fn.apply(this, arguments);\n }\n };\n}\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is#polyfill\nfunction hasChanged(x, y) {\n if (x === y) {\n return x === 0 && 1 / x !== 1 / y;\n }\n else {\n return x === x || y === y;\n }\n}\n\nvar SSR_ATTR = 'data-server-rendered';\nvar ASSET_TYPES = ['component', 'directive', 'filter'];\nvar LIFECYCLE_HOOKS = [\n 'beforeCreate',\n 'created',\n 'beforeMount',\n 'mounted',\n 'beforeUpdate',\n 'updated',\n 'beforeDestroy',\n 'destroyed',\n 'activated',\n 'deactivated',\n 'errorCaptured',\n 'serverPrefetch',\n 'renderTracked',\n 'renderTriggered'\n];\n\nvar config = {\n /**\n * Option merge strategies (used in core/util/options)\n */\n // $flow-disable-line\n optionMergeStrategies: Object.create(null),\n /**\n * Whether to suppress warnings.\n */\n silent: false,\n /**\n * Show production mode tip message on boot?\n */\n productionTip: process.env.NODE_ENV !== 'production',\n /**\n * Whether to enable devtools\n */\n devtools: process.env.NODE_ENV !== 'production',\n /**\n * Whether to record perf\n */\n performance: false,\n /**\n * Error handler for watcher errors\n */\n errorHandler: null,\n /**\n * Warn handler for watcher warns\n */\n warnHandler: null,\n /**\n * Ignore certain custom elements\n */\n ignoredElements: [],\n /**\n * Custom user key aliases for v-on\n */\n // $flow-disable-line\n keyCodes: Object.create(null),\n /**\n * Check if a tag is reserved so that it cannot be registered as a\n * component. This is platform-dependent and may be overwritten.\n */\n isReservedTag: no,\n /**\n * Check if an attribute is reserved so that it cannot be used as a component\n * prop. This is platform-dependent and may be overwritten.\n */\n isReservedAttr: no,\n /**\n * Check if a tag is an unknown element.\n * Platform-dependent.\n */\n isUnknownElement: no,\n /**\n * Get the namespace of an element\n */\n getTagNamespace: noop,\n /**\n * Parse the real tag name for the specific platform.\n */\n parsePlatformTagName: identity,\n /**\n * Check if an attribute must be bound using property, e.g. value\n * Platform-dependent.\n */\n mustUseProp: no,\n /**\n * Perform updates asynchronously. Intended to be used by Vue Test Utils\n * This will significantly reduce performance if set to false.\n */\n async: true,\n /**\n * Exposed for legacy reasons\n */\n _lifecycleHooks: LIFECYCLE_HOOKS\n};\n\n/**\n * unicode letters used for parsing html tags, component names and property paths.\n * using https://www.w3.org/TR/html53/semantics-scripting.html#potentialcustomelementname\n * skipping \\u10000-\\uEFFFF due to it freezing up PhantomJS\n */\nvar unicodeRegExp = /a-zA-Z\\u00B7\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u203F-\\u2040\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD/;\n/**\n * Check if a string starts with $ or _\n */\nfunction isReserved(str) {\n var c = (str + '').charCodeAt(0);\n return c === 0x24 || c === 0x5f;\n}\n/**\n * Define a property.\n */\nfunction def(obj, key, val, enumerable) {\n Object.defineProperty(obj, key, {\n value: val,\n enumerable: !!enumerable,\n writable: true,\n configurable: true\n });\n}\n/**\n * Parse simple path.\n */\nvar bailRE = new RegExp(\"[^\".concat(unicodeRegExp.source, \".$_\\\\d]\"));\nfunction parsePath(path) {\n if (bailRE.test(path)) {\n return;\n }\n var segments = path.split('.');\n return function (obj) {\n for (var i = 0; i < segments.length; i++) {\n if (!obj)\n return;\n obj = obj[segments[i]];\n }\n return obj;\n };\n}\n\n// can we use __proto__?\nvar hasProto = '__proto__' in {};\n// Browser environment sniffing\nvar inBrowser = typeof window !== 'undefined';\nvar UA = inBrowser && window.navigator.userAgent.toLowerCase();\nvar isIE = UA && /msie|trident/.test(UA);\nvar isIE9 = UA && UA.indexOf('msie 9.0') > 0;\nvar isEdge = UA && UA.indexOf('edge/') > 0;\nUA && UA.indexOf('android') > 0;\nvar isIOS = UA && /iphone|ipad|ipod|ios/.test(UA);\nUA && /chrome\\/\\d+/.test(UA) && !isEdge;\nUA && /phantomjs/.test(UA);\nvar isFF = UA && UA.match(/firefox\\/(\\d+)/);\n// Firefox has a \"watch\" function on Object.prototype...\n// @ts-expect-error firebox support\nvar nativeWatch = {}.watch;\nvar supportsPassive = false;\nif (inBrowser) {\n try {\n var opts = {};\n Object.defineProperty(opts, 'passive', {\n get: function () {\n /* istanbul ignore next */\n supportsPassive = true;\n }\n }); // https://github.com/facebook/flow/issues/285\n window.addEventListener('test-passive', null, opts);\n }\n catch (e) { }\n}\n// this needs to be lazy-evaled because vue may be required before\n// vue-server-renderer can set VUE_ENV\nvar _isServer;\nvar isServerRendering = function () {\n if (_isServer === undefined) {\n /* istanbul ignore if */\n if (!inBrowser && typeof global !== 'undefined') {\n // detect presence of vue-server-renderer and avoid\n // Webpack shimming the process\n _isServer =\n global['process'] && global['process'].env.VUE_ENV === 'server';\n }\n else {\n _isServer = false;\n }\n }\n return _isServer;\n};\n// detect devtools\nvar devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__;\n/* istanbul ignore next */\nfunction isNative(Ctor) {\n return typeof Ctor === 'function' && /native code/.test(Ctor.toString());\n}\nvar hasSymbol = typeof Symbol !== 'undefined' &&\n isNative(Symbol) &&\n typeof Reflect !== 'undefined' &&\n isNative(Reflect.ownKeys);\nvar _Set; // $flow-disable-line\n/* istanbul ignore if */ if (typeof Set !== 'undefined' && isNative(Set)) {\n // use native Set when available.\n _Set = Set;\n}\nelse {\n // a non-standard Set polyfill that only works with primitive keys.\n _Set = /** @class */ (function () {\n function Set() {\n this.set = Object.create(null);\n }\n Set.prototype.has = function (key) {\n return this.set[key] === true;\n };\n Set.prototype.add = function (key) {\n this.set[key] = true;\n };\n Set.prototype.clear = function () {\n this.set = Object.create(null);\n };\n return Set;\n }());\n}\n\nvar currentInstance = null;\n/**\n * This is exposed for compatibility with v3 (e.g. some functions in VueUse\n * relies on it). Do not use this internally, just use `currentInstance`.\n *\n * @internal this function needs manual type declaration because it relies\n * on previously manually authored types from Vue 2\n */\nfunction getCurrentInstance() {\n return currentInstance && { proxy: currentInstance };\n}\n/**\n * @internal\n */\nfunction setCurrentInstance(vm) {\n if (vm === void 0) { vm = null; }\n if (!vm)\n currentInstance && currentInstance._scope.off();\n currentInstance = vm;\n vm && vm._scope.on();\n}\n\n/**\n * @internal\n */\nvar VNode = /** @class */ (function () {\n function VNode(tag, data, children, text, elm, context, componentOptions, asyncFactory) {\n this.tag = tag;\n this.data = data;\n this.children = children;\n this.text = text;\n this.elm = elm;\n this.ns = undefined;\n this.context = context;\n this.fnContext = undefined;\n this.fnOptions = undefined;\n this.fnScopeId = undefined;\n this.key = data && data.key;\n this.componentOptions = componentOptions;\n this.componentInstance = undefined;\n this.parent = undefined;\n this.raw = false;\n this.isStatic = false;\n this.isRootInsert = true;\n this.isComment = false;\n this.isCloned = false;\n this.isOnce = false;\n this.asyncFactory = asyncFactory;\n this.asyncMeta = undefined;\n this.isAsyncPlaceholder = false;\n }\n Object.defineProperty(VNode.prototype, \"child\", {\n // DEPRECATED: alias for componentInstance for backwards compat.\n /* istanbul ignore next */\n get: function () {\n return this.componentInstance;\n },\n enumerable: false,\n configurable: true\n });\n return VNode;\n}());\nvar createEmptyVNode = function (text) {\n if (text === void 0) { text = ''; }\n var node = new VNode();\n node.text = text;\n node.isComment = true;\n return node;\n};\nfunction createTextVNode(val) {\n return new VNode(undefined, undefined, undefined, String(val));\n}\n// optimized shallow clone\n// used for static nodes and slot nodes because they may be reused across\n// multiple renders, cloning them avoids errors when DOM manipulations rely\n// on their elm reference.\nfunction cloneVNode(vnode) {\n var cloned = new VNode(vnode.tag, vnode.data, \n // #7975\n // clone children array to avoid mutating original in case of cloning\n // a child.\n vnode.children && vnode.children.slice(), vnode.text, vnode.elm, vnode.context, vnode.componentOptions, vnode.asyncFactory);\n cloned.ns = vnode.ns;\n cloned.isStatic = vnode.isStatic;\n cloned.key = vnode.key;\n cloned.isComment = vnode.isComment;\n cloned.fnContext = vnode.fnContext;\n cloned.fnOptions = vnode.fnOptions;\n cloned.fnScopeId = vnode.fnScopeId;\n cloned.asyncMeta = vnode.asyncMeta;\n cloned.isCloned = true;\n return cloned;\n}\n\n/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n\r\nvar __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\n\nvar uid$2 = 0;\nvar pendingCleanupDeps = [];\nvar cleanupDeps = function () {\n for (var i = 0; i < pendingCleanupDeps.length; i++) {\n var dep = pendingCleanupDeps[i];\n dep.subs = dep.subs.filter(function (s) { return s; });\n dep._pending = false;\n }\n pendingCleanupDeps.length = 0;\n};\n/**\n * A dep is an observable that can have multiple\n * directives subscribing to it.\n * @internal\n */\nvar Dep = /** @class */ (function () {\n function Dep() {\n // pending subs cleanup\n this._pending = false;\n this.id = uid$2++;\n this.subs = [];\n }\n Dep.prototype.addSub = function (sub) {\n this.subs.push(sub);\n };\n Dep.prototype.removeSub = function (sub) {\n // #12696 deps with massive amount of subscribers are extremely slow to\n // clean up in Chromium\n // to workaround this, we unset the sub for now, and clear them on\n // next scheduler flush.\n this.subs[this.subs.indexOf(sub)] = null;\n if (!this._pending) {\n this._pending = true;\n pendingCleanupDeps.push(this);\n }\n };\n Dep.prototype.depend = function (info) {\n if (Dep.target) {\n Dep.target.addDep(this);\n if (process.env.NODE_ENV !== 'production' && info && Dep.target.onTrack) {\n Dep.target.onTrack(__assign({ effect: Dep.target }, info));\n }\n }\n };\n Dep.prototype.notify = function (info) {\n // stabilize the subscriber list first\n var subs = this.subs.filter(function (s) { return s; });\n if (process.env.NODE_ENV !== 'production' && !config.async) {\n // subs aren't sorted in scheduler if not running async\n // we need to sort them now to make sure they fire in correct\n // order\n subs.sort(function (a, b) { return a.id - b.id; });\n }\n for (var i = 0, l = subs.length; i < l; i++) {\n var sub = subs[i];\n if (process.env.NODE_ENV !== 'production' && info) {\n sub.onTrigger &&\n sub.onTrigger(__assign({ effect: subs[i] }, info));\n }\n sub.update();\n }\n };\n return Dep;\n}());\n// The current target watcher being evaluated.\n// This is globally unique because only one watcher\n// can be evaluated at a time.\nDep.target = null;\nvar targetStack = [];\nfunction pushTarget(target) {\n targetStack.push(target);\n Dep.target = target;\n}\nfunction popTarget() {\n targetStack.pop();\n Dep.target = targetStack[targetStack.length - 1];\n}\n\n/*\n * not type checking this file because flow doesn't play well with\n * dynamically accessing methods on Array prototype\n */\nvar arrayProto = Array.prototype;\nvar arrayMethods = Object.create(arrayProto);\nvar methodsToPatch = [\n 'push',\n 'pop',\n 'shift',\n 'unshift',\n 'splice',\n 'sort',\n 'reverse'\n];\n/**\n * Intercept mutating methods and emit events\n */\nmethodsToPatch.forEach(function (method) {\n // cache original method\n var original = arrayProto[method];\n def(arrayMethods, method, function mutator() {\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n var result = original.apply(this, args);\n var ob = this.__ob__;\n var inserted;\n switch (method) {\n case 'push':\n case 'unshift':\n inserted = args;\n break;\n case 'splice':\n inserted = args.slice(2);\n break;\n }\n if (inserted)\n ob.observeArray(inserted);\n // notify change\n if (process.env.NODE_ENV !== 'production') {\n ob.dep.notify({\n type: \"array mutation\" /* TriggerOpTypes.ARRAY_MUTATION */,\n target: this,\n key: method\n });\n }\n else {\n ob.dep.notify();\n }\n return result;\n });\n});\n\nvar arrayKeys = Object.getOwnPropertyNames(arrayMethods);\nvar NO_INIITIAL_VALUE = {};\n/**\n * In some cases we may want to disable observation inside a component's\n * update computation.\n */\nvar shouldObserve = true;\nfunction toggleObserving(value) {\n shouldObserve = value;\n}\n// ssr mock dep\nvar mockDep = {\n notify: noop,\n depend: noop,\n addSub: noop,\n removeSub: noop\n};\n/**\n * Observer class that is attached to each observed\n * object. Once attached, the observer converts the target\n * object's property keys into getter/setters that\n * collect dependencies and dispatch updates.\n */\nvar Observer = /** @class */ (function () {\n function Observer(value, shallow, mock) {\n if (shallow === void 0) { shallow = false; }\n if (mock === void 0) { mock = false; }\n this.value = value;\n this.shallow = shallow;\n this.mock = mock;\n // this.value = value\n this.dep = mock ? mockDep : new Dep();\n this.vmCount = 0;\n def(value, '__ob__', this);\n if (isArray(value)) {\n if (!mock) {\n if (hasProto) {\n value.__proto__ = arrayMethods;\n /* eslint-enable no-proto */\n }\n else {\n for (var i = 0, l = arrayKeys.length; i < l; i++) {\n var key = arrayKeys[i];\n def(value, key, arrayMethods[key]);\n }\n }\n }\n if (!shallow) {\n this.observeArray(value);\n }\n }\n else {\n /**\n * Walk through all properties and convert them into\n * getter/setters. This method should only be called when\n * value type is Object.\n */\n var keys = Object.keys(value);\n for (var i = 0; i < keys.length; i++) {\n var key = keys[i];\n defineReactive(value, key, NO_INIITIAL_VALUE, undefined, shallow, mock);\n }\n }\n }\n /**\n * Observe a list of Array items.\n */\n Observer.prototype.observeArray = function (value) {\n for (var i = 0, l = value.length; i < l; i++) {\n observe(value[i], false, this.mock);\n }\n };\n return Observer;\n}());\n// helpers\n/**\n * Attempt to create an observer instance for a value,\n * returns the new observer if successfully observed,\n * or the existing observer if the value already has one.\n */\nfunction observe(value, shallow, ssrMockReactivity) {\n if (value && hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) {\n return value.__ob__;\n }\n if (shouldObserve &&\n (ssrMockReactivity || !isServerRendering()) &&\n (isArray(value) || isPlainObject(value)) &&\n Object.isExtensible(value) &&\n !value.__v_skip /* ReactiveFlags.SKIP */ &&\n !isRef(value) &&\n !(value instanceof VNode)) {\n return new Observer(value, shallow, ssrMockReactivity);\n }\n}\n/**\n * Define a reactive property on an Object.\n */\nfunction defineReactive(obj, key, val, customSetter, shallow, mock) {\n var dep = new Dep();\n var property = Object.getOwnPropertyDescriptor(obj, key);\n if (property && property.configurable === false) {\n return;\n }\n // cater for pre-defined getter/setters\n var getter = property && property.get;\n var setter = property && property.set;\n if ((!getter || setter) &&\n (val === NO_INIITIAL_VALUE || arguments.length === 2)) {\n val = obj[key];\n }\n var childOb = !shallow && observe(val, false, mock);\n Object.defineProperty(obj, key, {\n enumerable: true,\n configurable: true,\n get: function reactiveGetter() {\n var value = getter ? getter.call(obj) : val;\n if (Dep.target) {\n if (process.env.NODE_ENV !== 'production') {\n dep.depend({\n target: obj,\n type: \"get\" /* TrackOpTypes.GET */,\n key: key\n });\n }\n else {\n dep.depend();\n }\n if (childOb) {\n childOb.dep.depend();\n if (isArray(value)) {\n dependArray(value);\n }\n }\n }\n return isRef(value) && !shallow ? value.value : value;\n },\n set: function reactiveSetter(newVal) {\n var value = getter ? getter.call(obj) : val;\n if (!hasChanged(value, newVal)) {\n return;\n }\n if (process.env.NODE_ENV !== 'production' && customSetter) {\n customSetter();\n }\n if (setter) {\n setter.call(obj, newVal);\n }\n else if (getter) {\n // #7981: for accessor properties without setter\n return;\n }\n else if (!shallow && isRef(value) && !isRef(newVal)) {\n value.value = newVal;\n return;\n }\n else {\n val = newVal;\n }\n childOb = !shallow && observe(newVal, false, mock);\n if (process.env.NODE_ENV !== 'production') {\n dep.notify({\n type: \"set\" /* TriggerOpTypes.SET */,\n target: obj,\n key: key,\n newValue: newVal,\n oldValue: value\n });\n }\n else {\n dep.notify();\n }\n }\n });\n return dep;\n}\nfunction set(target, key, val) {\n if (process.env.NODE_ENV !== 'production' && (isUndef(target) || isPrimitive(target))) {\n warn(\"Cannot set reactive property on undefined, null, or primitive value: \".concat(target));\n }\n if (isReadonly(target)) {\n process.env.NODE_ENV !== 'production' && warn(\"Set operation on key \\\"\".concat(key, \"\\\" failed: target is readonly.\"));\n return;\n }\n var ob = target.__ob__;\n if (isArray(target) && isValidArrayIndex(key)) {\n target.length = Math.max(target.length, key);\n target.splice(key, 1, val);\n // when mocking for SSR, array methods are not hijacked\n if (ob && !ob.shallow && ob.mock) {\n observe(val, false, true);\n }\n return val;\n }\n if (key in target && !(key in Object.prototype)) {\n target[key] = val;\n return val;\n }\n if (target._isVue || (ob && ob.vmCount)) {\n process.env.NODE_ENV !== 'production' &&\n warn('Avoid adding reactive properties to a Vue instance or its root $data ' +\n 'at runtime - declare it upfront in the data option.');\n return val;\n }\n if (!ob) {\n target[key] = val;\n return val;\n }\n defineReactive(ob.value, key, val, undefined, ob.shallow, ob.mock);\n if (process.env.NODE_ENV !== 'production') {\n ob.dep.notify({\n type: \"add\" /* TriggerOpTypes.ADD */,\n target: target,\n key: key,\n newValue: val,\n oldValue: undefined\n });\n }\n else {\n ob.dep.notify();\n }\n return val;\n}\nfunction del(target, key) {\n if (process.env.NODE_ENV !== 'production' && (isUndef(target) || isPrimitive(target))) {\n warn(\"Cannot delete reactive property on undefined, null, or primitive value: \".concat(target));\n }\n if (isArray(target) && isValidArrayIndex(key)) {\n target.splice(key, 1);\n return;\n }\n var ob = target.__ob__;\n if (target._isVue || (ob && ob.vmCount)) {\n process.env.NODE_ENV !== 'production' &&\n warn('Avoid deleting properties on a Vue instance or its root $data ' +\n '- just set it to null.');\n return;\n }\n if (isReadonly(target)) {\n process.env.NODE_ENV !== 'production' &&\n warn(\"Delete operation on key \\\"\".concat(key, \"\\\" failed: target is readonly.\"));\n return;\n }\n if (!hasOwn(target, key)) {\n return;\n }\n delete target[key];\n if (!ob) {\n return;\n }\n if (process.env.NODE_ENV !== 'production') {\n ob.dep.notify({\n type: \"delete\" /* TriggerOpTypes.DELETE */,\n target: target,\n key: key\n });\n }\n else {\n ob.dep.notify();\n }\n}\n/**\n * Collect dependencies on array elements when the array is touched, since\n * we cannot intercept array element access like property getters.\n */\nfunction dependArray(value) {\n for (var e = void 0, i = 0, l = value.length; i < l; i++) {\n e = value[i];\n if (e && e.__ob__) {\n e.__ob__.dep.depend();\n }\n if (isArray(e)) {\n dependArray(e);\n }\n }\n}\n\nfunction reactive(target) {\n makeReactive(target, false);\n return target;\n}\n/**\n * Return a shallowly-reactive copy of the original object, where only the root\n * level properties are reactive. It also does not auto-unwrap refs (even at the\n * root level).\n */\nfunction shallowReactive(target) {\n makeReactive(target, true);\n def(target, \"__v_isShallow\" /* ReactiveFlags.IS_SHALLOW */, true);\n return target;\n}\nfunction makeReactive(target, shallow) {\n // if trying to observe a readonly proxy, return the readonly version.\n if (!isReadonly(target)) {\n if (process.env.NODE_ENV !== 'production') {\n if (isArray(target)) {\n warn(\"Avoid using Array as root value for \".concat(shallow ? \"shallowReactive()\" : \"reactive()\", \" as it cannot be tracked in watch() or watchEffect(). Use \").concat(shallow ? \"shallowRef()\" : \"ref()\", \" instead. This is a Vue-2-only limitation.\"));\n }\n var existingOb = target && target.__ob__;\n if (existingOb && existingOb.shallow !== shallow) {\n warn(\"Target is already a \".concat(existingOb.shallow ? \"\" : \"non-\", \"shallow reactive object, and cannot be converted to \").concat(shallow ? \"\" : \"non-\", \"shallow.\"));\n }\n }\n var ob = observe(target, shallow, isServerRendering() /* ssr mock reactivity */);\n if (process.env.NODE_ENV !== 'production' && !ob) {\n if (target == null || isPrimitive(target)) {\n warn(\"value cannot be made reactive: \".concat(String(target)));\n }\n if (isCollectionType(target)) {\n warn(\"Vue 2 does not support reactive collection types such as Map or Set.\");\n }\n }\n }\n}\nfunction isReactive(value) {\n if (isReadonly(value)) {\n return isReactive(value[\"__v_raw\" /* ReactiveFlags.RAW */]);\n }\n return !!(value && value.__ob__);\n}\nfunction isShallow(value) {\n return !!(value && value.__v_isShallow);\n}\nfunction isReadonly(value) {\n return !!(value && value.__v_isReadonly);\n}\nfunction isProxy(value) {\n return isReactive(value) || isReadonly(value);\n}\nfunction toRaw(observed) {\n var raw = observed && observed[\"__v_raw\" /* ReactiveFlags.RAW */];\n return raw ? toRaw(raw) : observed;\n}\nfunction markRaw(value) {\n // non-extensible objects won't be observed anyway\n if (Object.isExtensible(value)) {\n def(value, \"__v_skip\" /* ReactiveFlags.SKIP */, true);\n }\n return value;\n}\n/**\n * @internal\n */\nfunction isCollectionType(value) {\n var type = toRawType(value);\n return (type === 'Map' || type === 'WeakMap' || type === 'Set' || type === 'WeakSet');\n}\n\n/**\n * @internal\n */\nvar RefFlag = \"__v_isRef\";\nfunction isRef(r) {\n return !!(r && r.__v_isRef === true);\n}\nfunction ref$1(value) {\n return createRef(value, false);\n}\nfunction shallowRef(value) {\n return createRef(value, true);\n}\nfunction createRef(rawValue, shallow) {\n if (isRef(rawValue)) {\n return rawValue;\n }\n var ref = {};\n def(ref, RefFlag, true);\n def(ref, \"__v_isShallow\" /* ReactiveFlags.IS_SHALLOW */, shallow);\n def(ref, 'dep', defineReactive(ref, 'value', rawValue, null, shallow, isServerRendering()));\n return ref;\n}\nfunction triggerRef(ref) {\n if (process.env.NODE_ENV !== 'production' && !ref.dep) {\n warn(\"received object is not a triggerable ref.\");\n }\n if (process.env.NODE_ENV !== 'production') {\n ref.dep &&\n ref.dep.notify({\n type: \"set\" /* TriggerOpTypes.SET */,\n target: ref,\n key: 'value'\n });\n }\n else {\n ref.dep && ref.dep.notify();\n }\n}\nfunction unref(ref) {\n return isRef(ref) ? ref.value : ref;\n}\nfunction proxyRefs(objectWithRefs) {\n if (isReactive(objectWithRefs)) {\n return objectWithRefs;\n }\n var proxy = {};\n var keys = Object.keys(objectWithRefs);\n for (var i = 0; i < keys.length; i++) {\n proxyWithRefUnwrap(proxy, objectWithRefs, keys[i]);\n }\n return proxy;\n}\nfunction proxyWithRefUnwrap(target, source, key) {\n Object.defineProperty(target, key, {\n enumerable: true,\n configurable: true,\n get: function () {\n var val = source[key];\n if (isRef(val)) {\n return val.value;\n }\n else {\n var ob = val && val.__ob__;\n if (ob)\n ob.dep.depend();\n return val;\n }\n },\n set: function (value) {\n var oldValue = source[key];\n if (isRef(oldValue) && !isRef(value)) {\n oldValue.value = value;\n }\n else {\n source[key] = value;\n }\n }\n });\n}\nfunction customRef(factory) {\n var dep = new Dep();\n var _a = factory(function () {\n if (process.env.NODE_ENV !== 'production') {\n dep.depend({\n target: ref,\n type: \"get\" /* TrackOpTypes.GET */,\n key: 'value'\n });\n }\n else {\n dep.depend();\n }\n }, function () {\n if (process.env.NODE_ENV !== 'production') {\n dep.notify({\n target: ref,\n type: \"set\" /* TriggerOpTypes.SET */,\n key: 'value'\n });\n }\n else {\n dep.notify();\n }\n }), get = _a.get, set = _a.set;\n var ref = {\n get value() {\n return get();\n },\n set value(newVal) {\n set(newVal);\n }\n };\n def(ref, RefFlag, true);\n return ref;\n}\nfunction toRefs(object) {\n if (process.env.NODE_ENV !== 'production' && !isReactive(object)) {\n warn(\"toRefs() expects a reactive object but received a plain one.\");\n }\n var ret = isArray(object) ? new Array(object.length) : {};\n for (var key in object) {\n ret[key] = toRef(object, key);\n }\n return ret;\n}\nfunction toRef(object, key, defaultValue) {\n var val = object[key];\n if (isRef(val)) {\n return val;\n }\n var ref = {\n get value() {\n var val = object[key];\n return val === undefined ? defaultValue : val;\n },\n set value(newVal) {\n object[key] = newVal;\n }\n };\n def(ref, RefFlag, true);\n return ref;\n}\n\nvar rawToReadonlyFlag = \"__v_rawToReadonly\";\nvar rawToShallowReadonlyFlag = \"__v_rawToShallowReadonly\";\nfunction readonly(target) {\n return createReadonly(target, false);\n}\nfunction createReadonly(target, shallow) {\n if (!isPlainObject(target)) {\n if (process.env.NODE_ENV !== 'production') {\n if (isArray(target)) {\n warn(\"Vue 2 does not support readonly arrays.\");\n }\n else if (isCollectionType(target)) {\n warn(\"Vue 2 does not support readonly collection types such as Map or Set.\");\n }\n else {\n warn(\"value cannot be made readonly: \".concat(typeof target));\n }\n }\n return target;\n }\n if (process.env.NODE_ENV !== 'production' && !Object.isExtensible(target)) {\n warn(\"Vue 2 does not support creating readonly proxy for non-extensible object.\");\n }\n // already a readonly object\n if (isReadonly(target)) {\n return target;\n }\n // already has a readonly proxy\n var existingFlag = shallow ? rawToShallowReadonlyFlag : rawToReadonlyFlag;\n var existingProxy = target[existingFlag];\n if (existingProxy) {\n return existingProxy;\n }\n var proxy = Object.create(Object.getPrototypeOf(target));\n def(target, existingFlag, proxy);\n def(proxy, \"__v_isReadonly\" /* ReactiveFlags.IS_READONLY */, true);\n def(proxy, \"__v_raw\" /* ReactiveFlags.RAW */, target);\n if (isRef(target)) {\n def(proxy, RefFlag, true);\n }\n if (shallow || isShallow(target)) {\n def(proxy, \"__v_isShallow\" /* ReactiveFlags.IS_SHALLOW */, true);\n }\n var keys = Object.keys(target);\n for (var i = 0; i < keys.length; i++) {\n defineReadonlyProperty(proxy, target, keys[i], shallow);\n }\n return proxy;\n}\nfunction defineReadonlyProperty(proxy, target, key, shallow) {\n Object.defineProperty(proxy, key, {\n enumerable: true,\n configurable: true,\n get: function () {\n var val = target[key];\n return shallow || !isPlainObject(val) ? val : readonly(val);\n },\n set: function () {\n process.env.NODE_ENV !== 'production' &&\n warn(\"Set operation on key \\\"\".concat(key, \"\\\" failed: target is readonly.\"));\n }\n });\n}\n/**\n * Returns a reactive-copy of the original object, where only the root level\n * properties are readonly, and does NOT unwrap refs nor recursively convert\n * returned properties.\n * This is used for creating the props proxy object for stateful components.\n */\nfunction shallowReadonly(target) {\n return createReadonly(target, true);\n}\n\nfunction computed(getterOrOptions, debugOptions) {\n var getter;\n var setter;\n var onlyGetter = isFunction(getterOrOptions);\n if (onlyGetter) {\n getter = getterOrOptions;\n setter = process.env.NODE_ENV !== 'production'\n ? function () {\n warn('Write operation failed: computed value is readonly');\n }\n : noop;\n }\n else {\n getter = getterOrOptions.get;\n setter = getterOrOptions.set;\n }\n var watcher = isServerRendering()\n ? null\n : new Watcher(currentInstance, getter, noop, { lazy: true });\n if (process.env.NODE_ENV !== 'production' && watcher && debugOptions) {\n watcher.onTrack = debugOptions.onTrack;\n watcher.onTrigger = debugOptions.onTrigger;\n }\n var ref = {\n // some libs rely on the presence effect for checking computed refs\n // from normal refs, but the implementation doesn't matter\n effect: watcher,\n get value() {\n if (watcher) {\n if (watcher.dirty) {\n watcher.evaluate();\n }\n if (Dep.target) {\n if (process.env.NODE_ENV !== 'production' && Dep.target.onTrack) {\n Dep.target.onTrack({\n effect: Dep.target,\n target: ref,\n type: \"get\" /* TrackOpTypes.GET */,\n key: 'value'\n });\n }\n watcher.depend();\n }\n return watcher.value;\n }\n else {\n return getter();\n }\n },\n set value(newVal) {\n setter(newVal);\n }\n };\n def(ref, RefFlag, true);\n def(ref, \"__v_isReadonly\" /* ReactiveFlags.IS_READONLY */, onlyGetter);\n return ref;\n}\n\nvar WATCHER = \"watcher\";\nvar WATCHER_CB = \"\".concat(WATCHER, \" callback\");\nvar WATCHER_GETTER = \"\".concat(WATCHER, \" getter\");\nvar WATCHER_CLEANUP = \"\".concat(WATCHER, \" cleanup\");\n// Simple effect.\nfunction watchEffect(effect, options) {\n return doWatch(effect, null, options);\n}\nfunction watchPostEffect(effect, options) {\n return doWatch(effect, null, (process.env.NODE_ENV !== 'production'\n ? __assign(__assign({}, options), { flush: 'post' }) : { flush: 'post' }));\n}\nfunction watchSyncEffect(effect, options) {\n return doWatch(effect, null, (process.env.NODE_ENV !== 'production'\n ? __assign(__assign({}, options), { flush: 'sync' }) : { flush: 'sync' }));\n}\n// initial value for watchers to trigger on undefined initial values\nvar INITIAL_WATCHER_VALUE = {};\n// implementation\nfunction watch(source, cb, options) {\n if (process.env.NODE_ENV !== 'production' && typeof cb !== 'function') {\n warn(\"`watch(fn, options?)` signature has been moved to a separate API. \" +\n \"Use `watchEffect(fn, options?)` instead. `watch` now only \" +\n \"supports `watch(source, cb, options?) signature.\");\n }\n return doWatch(source, cb, options);\n}\nfunction doWatch(source, cb, _a) {\n var _b = _a === void 0 ? emptyObject : _a, immediate = _b.immediate, deep = _b.deep, _c = _b.flush, flush = _c === void 0 ? 'pre' : _c, onTrack = _b.onTrack, onTrigger = _b.onTrigger;\n if (process.env.NODE_ENV !== 'production' && !cb) {\n if (immediate !== undefined) {\n warn(\"watch() \\\"immediate\\\" option is only respected when using the \" +\n \"watch(source, callback, options?) signature.\");\n }\n if (deep !== undefined) {\n warn(\"watch() \\\"deep\\\" option is only respected when using the \" +\n \"watch(source, callback, options?) signature.\");\n }\n }\n var warnInvalidSource = function (s) {\n warn(\"Invalid watch source: \".concat(s, \". A watch source can only be a getter/effect \") +\n \"function, a ref, a reactive object, or an array of these types.\");\n };\n var instance = currentInstance;\n var call = function (fn, type, args) {\n if (args === void 0) { args = null; }\n return invokeWithErrorHandling(fn, null, args, instance, type);\n };\n var getter;\n var forceTrigger = false;\n var isMultiSource = false;\n if (isRef(source)) {\n getter = function () { return source.value; };\n forceTrigger = isShallow(source);\n }\n else if (isReactive(source)) {\n getter = function () {\n source.__ob__.dep.depend();\n return source;\n };\n deep = true;\n }\n else if (isArray(source)) {\n isMultiSource = true;\n forceTrigger = source.some(function (s) { return isReactive(s) || isShallow(s); });\n getter = function () {\n return source.map(function (s) {\n if (isRef(s)) {\n return s.value;\n }\n else if (isReactive(s)) {\n return traverse(s);\n }\n else if (isFunction(s)) {\n return call(s, WATCHER_GETTER);\n }\n else {\n process.env.NODE_ENV !== 'production' && warnInvalidSource(s);\n }\n });\n };\n }\n else if (isFunction(source)) {\n if (cb) {\n // getter with cb\n getter = function () { return call(source, WATCHER_GETTER); };\n }\n else {\n // no cb -> simple effect\n getter = function () {\n if (instance && instance._isDestroyed) {\n return;\n }\n if (cleanup) {\n cleanup();\n }\n return call(source, WATCHER, [onCleanup]);\n };\n }\n }\n else {\n getter = noop;\n process.env.NODE_ENV !== 'production' && warnInvalidSource(source);\n }\n if (cb && deep) {\n var baseGetter_1 = getter;\n getter = function () { return traverse(baseGetter_1()); };\n }\n var cleanup;\n var onCleanup = function (fn) {\n cleanup = watcher.onStop = function () {\n call(fn, WATCHER_CLEANUP);\n };\n };\n // in SSR there is no need to setup an actual effect, and it should be noop\n // unless it's eager\n if (isServerRendering()) {\n // we will also not call the invalidate callback (+ runner is not set up)\n onCleanup = noop;\n if (!cb) {\n getter();\n }\n else if (immediate) {\n call(cb, WATCHER_CB, [\n getter(),\n isMultiSource ? [] : undefined,\n onCleanup\n ]);\n }\n return noop;\n }\n var watcher = new Watcher(currentInstance, getter, noop, {\n lazy: true\n });\n watcher.noRecurse = !cb;\n var oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;\n // overwrite default run\n watcher.run = function () {\n if (!watcher.active) {\n return;\n }\n if (cb) {\n // watch(source, cb)\n var newValue = watcher.get();\n if (deep ||\n forceTrigger ||\n (isMultiSource\n ? newValue.some(function (v, i) {\n return hasChanged(v, oldValue[i]);\n })\n : hasChanged(newValue, oldValue))) {\n // cleanup before running cb again\n if (cleanup) {\n cleanup();\n }\n call(cb, WATCHER_CB, [\n newValue,\n // pass undefined as the old value when it's changed for the first time\n oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,\n onCleanup\n ]);\n oldValue = newValue;\n }\n }\n else {\n // watchEffect\n watcher.get();\n }\n };\n if (flush === 'sync') {\n watcher.update = watcher.run;\n }\n else if (flush === 'post') {\n watcher.post = true;\n watcher.update = function () { return queueWatcher(watcher); };\n }\n else {\n // pre\n watcher.update = function () {\n if (instance && instance === currentInstance && !instance._isMounted) {\n // pre-watcher triggered before\n var buffer = instance._preWatchers || (instance._preWatchers = []);\n if (buffer.indexOf(watcher) < 0)\n buffer.push(watcher);\n }\n else {\n queueWatcher(watcher);\n }\n };\n }\n if (process.env.NODE_ENV !== 'production') {\n watcher.onTrack = onTrack;\n watcher.onTrigger = onTrigger;\n }\n // initial run\n if (cb) {\n if (immediate) {\n watcher.run();\n }\n else {\n oldValue = watcher.get();\n }\n }\n else if (flush === 'post' && instance) {\n instance.$once('hook:mounted', function () { return watcher.get(); });\n }\n else {\n watcher.get();\n }\n return function () {\n watcher.teardown();\n };\n}\n\nvar activeEffectScope;\nvar EffectScope = /** @class */ (function () {\n function EffectScope(detached) {\n if (detached === void 0) { detached = false; }\n this.detached = detached;\n /**\n * @internal\n */\n this.active = true;\n /**\n * @internal\n */\n this.effects = [];\n /**\n * @internal\n */\n this.cleanups = [];\n this.parent = activeEffectScope;\n if (!detached && activeEffectScope) {\n this.index =\n (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;\n }\n }\n EffectScope.prototype.run = function (fn) {\n if (this.active) {\n var currentEffectScope = activeEffectScope;\n try {\n activeEffectScope = this;\n return fn();\n }\n finally {\n activeEffectScope = currentEffectScope;\n }\n }\n else if (process.env.NODE_ENV !== 'production') {\n warn(\"cannot run an inactive effect scope.\");\n }\n };\n /**\n * This should only be called on non-detached scopes\n * @internal\n */\n EffectScope.prototype.on = function () {\n activeEffectScope = this;\n };\n /**\n * This should only be called on non-detached scopes\n * @internal\n */\n EffectScope.prototype.off = function () {\n activeEffectScope = this.parent;\n };\n EffectScope.prototype.stop = function (fromParent) {\n if (this.active) {\n var i = void 0, l = void 0;\n for (i = 0, l = this.effects.length; i < l; i++) {\n this.effects[i].teardown();\n }\n for (i = 0, l = this.cleanups.length; i < l; i++) {\n this.cleanups[i]();\n }\n if (this.scopes) {\n for (i = 0, l = this.scopes.length; i < l; i++) {\n this.scopes[i].stop(true);\n }\n }\n // nested scope, dereference from parent to avoid memory leaks\n if (!this.detached && this.parent && !fromParent) {\n // optimized O(1) removal\n var last = this.parent.scopes.pop();\n if (last && last !== this) {\n this.parent.scopes[this.index] = last;\n last.index = this.index;\n }\n }\n this.parent = undefined;\n this.active = false;\n }\n };\n return EffectScope;\n}());\nfunction effectScope(detached) {\n return new EffectScope(detached);\n}\n/**\n * @internal\n */\nfunction recordEffectScope(effect, scope) {\n if (scope === void 0) { scope = activeEffectScope; }\n if (scope && scope.active) {\n scope.effects.push(effect);\n }\n}\nfunction getCurrentScope() {\n return activeEffectScope;\n}\nfunction onScopeDispose(fn) {\n if (activeEffectScope) {\n activeEffectScope.cleanups.push(fn);\n }\n else if (process.env.NODE_ENV !== 'production') {\n warn(\"onScopeDispose() is called when there is no active effect scope\" +\n \" to be associated with.\");\n }\n}\n\nfunction provide(key, value) {\n if (!currentInstance) {\n if (process.env.NODE_ENV !== 'production') {\n warn(\"provide() can only be used inside setup().\");\n }\n }\n else {\n // TS doesn't allow symbol as index type\n resolveProvided(currentInstance)[key] = value;\n }\n}\nfunction resolveProvided(vm) {\n // by default an instance inherits its parent's provides object\n // but when it needs to provide values of its own, it creates its\n // own provides object using parent provides object as prototype.\n // this way in `inject` we can simply look up injections from direct\n // parent and let the prototype chain do the work.\n var existing = vm._provided;\n var parentProvides = vm.$parent && vm.$parent._provided;\n if (parentProvides === existing) {\n return (vm._provided = Object.create(parentProvides));\n }\n else {\n return existing;\n }\n}\nfunction inject(key, defaultValue, treatDefaultAsFactory) {\n if (treatDefaultAsFactory === void 0) { treatDefaultAsFactory = false; }\n // fallback to `currentRenderingInstance` so that this can be called in\n // a functional component\n var instance = currentInstance;\n if (instance) {\n // #2400\n // to support `app.use` plugins,\n // fallback to appContext's `provides` if the instance is at root\n var provides = instance.$parent && instance.$parent._provided;\n if (provides && key in provides) {\n // TS doesn't allow symbol as index type\n return provides[key];\n }\n else if (arguments.length > 1) {\n return treatDefaultAsFactory && isFunction(defaultValue)\n ? defaultValue.call(instance)\n : defaultValue;\n }\n else if (process.env.NODE_ENV !== 'production') {\n warn(\"injection \\\"\".concat(String(key), \"\\\" not found.\"));\n }\n }\n else if (process.env.NODE_ENV !== 'production') {\n warn(\"inject() can only be used inside setup() or functional components.\");\n }\n}\n\nvar normalizeEvent = cached(function (name) {\n var passive = name.charAt(0) === '&';\n name = passive ? name.slice(1) : name;\n var once = name.charAt(0) === '~'; // Prefixed last, checked first\n name = once ? name.slice(1) : name;\n var capture = name.charAt(0) === '!';\n name = capture ? name.slice(1) : name;\n return {\n name: name,\n once: once,\n capture: capture,\n passive: passive\n };\n});\nfunction createFnInvoker(fns, vm) {\n function invoker() {\n var fns = invoker.fns;\n if (isArray(fns)) {\n var cloned = fns.slice();\n for (var i = 0; i < cloned.length; i++) {\n invokeWithErrorHandling(cloned[i], null, arguments, vm, \"v-on handler\");\n }\n }\n else {\n // return handler return value for single handlers\n return invokeWithErrorHandling(fns, null, arguments, vm, \"v-on handler\");\n }\n }\n invoker.fns = fns;\n return invoker;\n}\nfunction updateListeners(on, oldOn, add, remove, createOnceHandler, vm) {\n var name, cur, old, event;\n for (name in on) {\n cur = on[name];\n old = oldOn[name];\n event = normalizeEvent(name);\n if (isUndef(cur)) {\n process.env.NODE_ENV !== 'production' &&\n warn(\"Invalid handler for event \\\"\".concat(event.name, \"\\\": got \") + String(cur), vm);\n }\n else if (isUndef(old)) {\n if (isUndef(cur.fns)) {\n cur = on[name] = createFnInvoker(cur, vm);\n }\n if (isTrue(event.once)) {\n cur = on[name] = createOnceHandler(event.name, cur, event.capture);\n }\n add(event.name, cur, event.capture, event.passive, event.params);\n }\n else if (cur !== old) {\n old.fns = cur;\n on[name] = old;\n }\n }\n for (name in oldOn) {\n if (isUndef(on[name])) {\n event = normalizeEvent(name);\n remove(event.name, oldOn[name], event.capture);\n }\n }\n}\n\nfunction mergeVNodeHook(def, hookKey, hook) {\n if (def instanceof VNode) {\n def = def.data.hook || (def.data.hook = {});\n }\n var invoker;\n var oldHook = def[hookKey];\n function wrappedHook() {\n hook.apply(this, arguments);\n // important: remove merged hook to ensure it's called only once\n // and prevent memory leak\n remove$2(invoker.fns, wrappedHook);\n }\n if (isUndef(oldHook)) {\n // no existing hook\n invoker = createFnInvoker([wrappedHook]);\n }\n else {\n /* istanbul ignore if */\n if (isDef(oldHook.fns) && isTrue(oldHook.merged)) {\n // already a merged invoker\n invoker = oldHook;\n invoker.fns.push(wrappedHook);\n }\n else {\n // existing plain hook\n invoker = createFnInvoker([oldHook, wrappedHook]);\n }\n }\n invoker.merged = true;\n def[hookKey] = invoker;\n}\n\nfunction extractPropsFromVNodeData(data, Ctor, tag) {\n // we are only extracting raw values here.\n // validation and default values are handled in the child\n // component itself.\n var propOptions = Ctor.options.props;\n if (isUndef(propOptions)) {\n return;\n }\n var res = {};\n var attrs = data.attrs, props = data.props;\n if (isDef(attrs) || isDef(props)) {\n for (var key in propOptions) {\n var altKey = hyphenate(key);\n if (process.env.NODE_ENV !== 'production') {\n var keyInLowerCase = key.toLowerCase();\n if (key !== keyInLowerCase && attrs && hasOwn(attrs, keyInLowerCase)) {\n tip(\"Prop \\\"\".concat(keyInLowerCase, \"\\\" is passed to component \") +\n \"\".concat(formatComponentName(\n // @ts-expect-error tag is string\n tag || Ctor), \", but the declared prop name is\") +\n \" \\\"\".concat(key, \"\\\". \") +\n \"Note that HTML attributes are case-insensitive and camelCased \" +\n \"props need to use their kebab-case equivalents when using in-DOM \" +\n \"templates. You should probably use \\\"\".concat(altKey, \"\\\" instead of \\\"\").concat(key, \"\\\".\"));\n }\n }\n checkProp(res, props, key, altKey, true) ||\n checkProp(res, attrs, key, altKey, false);\n }\n }\n return res;\n}\nfunction checkProp(res, hash, key, altKey, preserve) {\n if (isDef(hash)) {\n if (hasOwn(hash, key)) {\n res[key] = hash[key];\n if (!preserve) {\n delete hash[key];\n }\n return true;\n }\n else if (hasOwn(hash, altKey)) {\n res[key] = hash[altKey];\n if (!preserve) {\n delete hash[altKey];\n }\n return true;\n }\n }\n return false;\n}\n\n// The template compiler attempts to minimize the need for normalization by\n// statically analyzing the template at compile time.\n//\n// For plain HTML markup, normalization can be completely skipped because the\n// generated render function is guaranteed to return Array. There are\n// two cases where extra normalization is needed:\n// 1. When the children contains components - because a functional component\n// may return an Array instead of a single root. In this case, just a simple\n// normalization is needed - if any child is an Array, we flatten the whole\n// thing with Array.prototype.concat. It is guaranteed to be only 1-level deep\n// because functional components already normalize their own children.\nfunction simpleNormalizeChildren(children) {\n for (var i = 0; i < children.length; i++) {\n if (isArray(children[i])) {\n return Array.prototype.concat.apply([], children);\n }\n }\n return children;\n}\n// 2. When the children contains constructs that always generated nested Arrays,\n// e.g. , , v-for, or when the children is provided by user\n// with hand-written render functions / JSX. In such cases a full normalization\n// is needed to cater to all possible types of children values.\nfunction normalizeChildren(children) {\n return isPrimitive(children)\n ? [createTextVNode(children)]\n : isArray(children)\n ? normalizeArrayChildren(children)\n : undefined;\n}\nfunction isTextNode(node) {\n return isDef(node) && isDef(node.text) && isFalse(node.isComment);\n}\nfunction normalizeArrayChildren(children, nestedIndex) {\n var res = [];\n var i, c, lastIndex, last;\n for (i = 0; i < children.length; i++) {\n c = children[i];\n if (isUndef(c) || typeof c === 'boolean')\n continue;\n lastIndex = res.length - 1;\n last = res[lastIndex];\n // nested\n if (isArray(c)) {\n if (c.length > 0) {\n c = normalizeArrayChildren(c, \"\".concat(nestedIndex || '', \"_\").concat(i));\n // merge adjacent text nodes\n if (isTextNode(c[0]) && isTextNode(last)) {\n res[lastIndex] = createTextVNode(last.text + c[0].text);\n c.shift();\n }\n res.push.apply(res, c);\n }\n }\n else if (isPrimitive(c)) {\n if (isTextNode(last)) {\n // merge adjacent text nodes\n // this is necessary for SSR hydration because text nodes are\n // essentially merged when rendered to HTML strings\n res[lastIndex] = createTextVNode(last.text + c);\n }\n else if (c !== '') {\n // convert primitive to vnode\n res.push(createTextVNode(c));\n }\n }\n else {\n if (isTextNode(c) && isTextNode(last)) {\n // merge adjacent text nodes\n res[lastIndex] = createTextVNode(last.text + c.text);\n }\n else {\n // default key for nested array children (likely generated by v-for)\n if (isTrue(children._isVList) &&\n isDef(c.tag) &&\n isUndef(c.key) &&\n isDef(nestedIndex)) {\n c.key = \"__vlist\".concat(nestedIndex, \"_\").concat(i, \"__\");\n }\n res.push(c);\n }\n }\n }\n return res;\n}\n\n/**\n * Runtime helper for rendering v-for lists.\n */\nfunction renderList(val, render) {\n var ret = null, i, l, keys, key;\n if (isArray(val) || typeof val === 'string') {\n ret = new Array(val.length);\n for (i = 0, l = val.length; i < l; i++) {\n ret[i] = render(val[i], i);\n }\n }\n else if (typeof val === 'number') {\n ret = new Array(val);\n for (i = 0; i < val; i++) {\n ret[i] = render(i + 1, i);\n }\n }\n else if (isObject(val)) {\n if (hasSymbol && val[Symbol.iterator]) {\n ret = [];\n var iterator = val[Symbol.iterator]();\n var result = iterator.next();\n while (!result.done) {\n ret.push(render(result.value, ret.length));\n result = iterator.next();\n }\n }\n else {\n keys = Object.keys(val);\n ret = new Array(keys.length);\n for (i = 0, l = keys.length; i < l; i++) {\n key = keys[i];\n ret[i] = render(val[key], key, i);\n }\n }\n }\n if (!isDef(ret)) {\n ret = [];\n }\n ret._isVList = true;\n return ret;\n}\n\n/**\n * Runtime helper for rendering \n */\nfunction renderSlot(name, fallbackRender, props, bindObject) {\n var scopedSlotFn = this.$scopedSlots[name];\n var nodes;\n if (scopedSlotFn) {\n // scoped slot\n props = props || {};\n if (bindObject) {\n if (process.env.NODE_ENV !== 'production' && !isObject(bindObject)) {\n warn('slot v-bind without argument expects an Object', this);\n }\n props = extend(extend({}, bindObject), props);\n }\n nodes =\n scopedSlotFn(props) ||\n (isFunction(fallbackRender) ? fallbackRender() : fallbackRender);\n }\n else {\n nodes =\n this.$slots[name] ||\n (isFunction(fallbackRender) ? fallbackRender() : fallbackRender);\n }\n var target = props && props.slot;\n if (target) {\n return this.$createElement('template', { slot: target }, nodes);\n }\n else {\n return nodes;\n }\n}\n\n/**\n * Runtime helper for resolving filters\n */\nfunction resolveFilter(id) {\n return resolveAsset(this.$options, 'filters', id, true) || identity;\n}\n\nfunction isKeyNotMatch(expect, actual) {\n if (isArray(expect)) {\n return expect.indexOf(actual) === -1;\n }\n else {\n return expect !== actual;\n }\n}\n/**\n * Runtime helper for checking keyCodes from config.\n * exposed as Vue.prototype._k\n * passing in eventKeyName as last argument separately for backwards compat\n */\nfunction checkKeyCodes(eventKeyCode, key, builtInKeyCode, eventKeyName, builtInKeyName) {\n var mappedKeyCode = config.keyCodes[key] || builtInKeyCode;\n if (builtInKeyName && eventKeyName && !config.keyCodes[key]) {\n return isKeyNotMatch(builtInKeyName, eventKeyName);\n }\n else if (mappedKeyCode) {\n return isKeyNotMatch(mappedKeyCode, eventKeyCode);\n }\n else if (eventKeyName) {\n return hyphenate(eventKeyName) !== key;\n }\n return eventKeyCode === undefined;\n}\n\n/**\n * Runtime helper for merging v-bind=\"object\" into a VNode's data.\n */\nfunction bindObjectProps(data, tag, value, asProp, isSync) {\n if (value) {\n if (!isObject(value)) {\n process.env.NODE_ENV !== 'production' &&\n warn('v-bind without argument expects an Object or Array value', this);\n }\n else {\n if (isArray(value)) {\n value = toObject(value);\n }\n var hash = void 0;\n var _loop_1 = function (key) {\n if (key === 'class' || key === 'style' || isReservedAttribute(key)) {\n hash = data;\n }\n else {\n var type = data.attrs && data.attrs.type;\n hash =\n asProp || config.mustUseProp(tag, type, key)\n ? data.domProps || (data.domProps = {})\n : data.attrs || (data.attrs = {});\n }\n var camelizedKey = camelize(key);\n var hyphenatedKey = hyphenate(key);\n if (!(camelizedKey in hash) && !(hyphenatedKey in hash)) {\n hash[key] = value[key];\n if (isSync) {\n var on = data.on || (data.on = {});\n on[\"update:\".concat(key)] = function ($event) {\n value[key] = $event;\n };\n }\n }\n };\n for (var key in value) {\n _loop_1(key);\n }\n }\n }\n return data;\n}\n\n/**\n * Runtime helper for rendering static trees.\n */\nfunction renderStatic(index, isInFor) {\n var cached = this._staticTrees || (this._staticTrees = []);\n var tree = cached[index];\n // if has already-rendered static tree and not inside v-for,\n // we can reuse the same tree.\n if (tree && !isInFor) {\n return tree;\n }\n // otherwise, render a fresh tree.\n tree = cached[index] = this.$options.staticRenderFns[index].call(this._renderProxy, this._c, this // for render fns generated for functional component templates\n );\n markStatic(tree, \"__static__\".concat(index), false);\n return tree;\n}\n/**\n * Runtime helper for v-once.\n * Effectively it means marking the node as static with a unique key.\n */\nfunction markOnce(tree, index, key) {\n markStatic(tree, \"__once__\".concat(index).concat(key ? \"_\".concat(key) : \"\"), true);\n return tree;\n}\nfunction markStatic(tree, key, isOnce) {\n if (isArray(tree)) {\n for (var i = 0; i < tree.length; i++) {\n if (tree[i] && typeof tree[i] !== 'string') {\n markStaticNode(tree[i], \"\".concat(key, \"_\").concat(i), isOnce);\n }\n }\n }\n else {\n markStaticNode(tree, key, isOnce);\n }\n}\nfunction markStaticNode(node, key, isOnce) {\n node.isStatic = true;\n node.key = key;\n node.isOnce = isOnce;\n}\n\nfunction bindObjectListeners(data, value) {\n if (value) {\n if (!isPlainObject(value)) {\n process.env.NODE_ENV !== 'production' && warn('v-on without argument expects an Object value', this);\n }\n else {\n var on = (data.on = data.on ? extend({}, data.on) : {});\n for (var key in value) {\n var existing = on[key];\n var ours = value[key];\n on[key] = existing ? [].concat(existing, ours) : ours;\n }\n }\n }\n return data;\n}\n\nfunction resolveScopedSlots(fns, res, \n// the following are added in 2.6\nhasDynamicKeys, contentHashKey) {\n res = res || { $stable: !hasDynamicKeys };\n for (var i = 0; i < fns.length; i++) {\n var slot = fns[i];\n if (isArray(slot)) {\n resolveScopedSlots(slot, res, hasDynamicKeys);\n }\n else if (slot) {\n // marker for reverse proxying v-slot without scope on this.$slots\n // @ts-expect-error\n if (slot.proxy) {\n // @ts-expect-error\n slot.fn.proxy = true;\n }\n res[slot.key] = slot.fn;\n }\n }\n if (contentHashKey) {\n res.$key = contentHashKey;\n }\n return res;\n}\n\n// helper to process dynamic keys for dynamic arguments in v-bind and v-on.\nfunction bindDynamicKeys(baseObj, values) {\n for (var i = 0; i < values.length; i += 2) {\n var key = values[i];\n if (typeof key === 'string' && key) {\n baseObj[values[i]] = values[i + 1];\n }\n else if (process.env.NODE_ENV !== 'production' && key !== '' && key !== null) {\n // null is a special value for explicitly removing a binding\n warn(\"Invalid value for dynamic directive argument (expected string or null): \".concat(key), this);\n }\n }\n return baseObj;\n}\n// helper to dynamically append modifier runtime markers to event names.\n// ensure only append when value is already string, otherwise it will be cast\n// to string and cause the type check to miss.\nfunction prependModifier(value, symbol) {\n return typeof value === 'string' ? symbol + value : value;\n}\n\nfunction installRenderHelpers(target) {\n target._o = markOnce;\n target._n = toNumber;\n target._s = toString;\n target._l = renderList;\n target._t = renderSlot;\n target._q = looseEqual;\n target._i = looseIndexOf;\n target._m = renderStatic;\n target._f = resolveFilter;\n target._k = checkKeyCodes;\n target._b = bindObjectProps;\n target._v = createTextVNode;\n target._e = createEmptyVNode;\n target._u = resolveScopedSlots;\n target._g = bindObjectListeners;\n target._d = bindDynamicKeys;\n target._p = prependModifier;\n}\n\n/**\n * Runtime helper for resolving raw children VNodes into a slot object.\n */\nfunction resolveSlots(children, context) {\n if (!children || !children.length) {\n return {};\n }\n var slots = {};\n for (var i = 0, l = children.length; i < l; i++) {\n var child = children[i];\n var data = child.data;\n // remove slot attribute if the node is resolved as a Vue slot node\n if (data && data.attrs && data.attrs.slot) {\n delete data.attrs.slot;\n }\n // named slots should only be respected if the vnode was rendered in the\n // same context.\n if ((child.context === context || child.fnContext === context) &&\n data &&\n data.slot != null) {\n var name_1 = data.slot;\n var slot = slots[name_1] || (slots[name_1] = []);\n if (child.tag === 'template') {\n slot.push.apply(slot, child.children || []);\n }\n else {\n slot.push(child);\n }\n }\n else {\n (slots.default || (slots.default = [])).push(child);\n }\n }\n // ignore slots that contains only whitespace\n for (var name_2 in slots) {\n if (slots[name_2].every(isWhitespace)) {\n delete slots[name_2];\n }\n }\n return slots;\n}\nfunction isWhitespace(node) {\n return (node.isComment && !node.asyncFactory) || node.text === ' ';\n}\n\nfunction isAsyncPlaceholder(node) {\n // @ts-expect-error not really boolean type\n return node.isComment && node.asyncFactory;\n}\n\nfunction normalizeScopedSlots(ownerVm, scopedSlots, normalSlots, prevScopedSlots) {\n var res;\n var hasNormalSlots = Object.keys(normalSlots).length > 0;\n var isStable = scopedSlots ? !!scopedSlots.$stable : !hasNormalSlots;\n var key = scopedSlots && scopedSlots.$key;\n if (!scopedSlots) {\n res = {};\n }\n else if (scopedSlots._normalized) {\n // fast path 1: child component re-render only, parent did not change\n return scopedSlots._normalized;\n }\n else if (isStable &&\n prevScopedSlots &&\n prevScopedSlots !== emptyObject &&\n key === prevScopedSlots.$key &&\n !hasNormalSlots &&\n !prevScopedSlots.$hasNormal) {\n // fast path 2: stable scoped slots w/ no normal slots to proxy,\n // only need to normalize once\n return prevScopedSlots;\n }\n else {\n res = {};\n for (var key_1 in scopedSlots) {\n if (scopedSlots[key_1] && key_1[0] !== '$') {\n res[key_1] = normalizeScopedSlot(ownerVm, normalSlots, key_1, scopedSlots[key_1]);\n }\n }\n }\n // expose normal slots on scopedSlots\n for (var key_2 in normalSlots) {\n if (!(key_2 in res)) {\n res[key_2] = proxyNormalSlot(normalSlots, key_2);\n }\n }\n // avoriaz seems to mock a non-extensible $scopedSlots object\n // and when that is passed down this would cause an error\n if (scopedSlots && Object.isExtensible(scopedSlots)) {\n scopedSlots._normalized = res;\n }\n def(res, '$stable', isStable);\n def(res, '$key', key);\n def(res, '$hasNormal', hasNormalSlots);\n return res;\n}\nfunction normalizeScopedSlot(vm, normalSlots, key, fn) {\n var normalized = function () {\n var cur = currentInstance;\n setCurrentInstance(vm);\n var res = arguments.length ? fn.apply(null, arguments) : fn({});\n res =\n res && typeof res === 'object' && !isArray(res)\n ? [res] // single vnode\n : normalizeChildren(res);\n var vnode = res && res[0];\n setCurrentInstance(cur);\n return res &&\n (!vnode ||\n (res.length === 1 && vnode.isComment && !isAsyncPlaceholder(vnode))) // #9658, #10391\n ? undefined\n : res;\n };\n // this is a slot using the new v-slot syntax without scope. although it is\n // compiled as a scoped slot, render fn users would expect it to be present\n // on this.$slots because the usage is semantically a normal slot.\n if (fn.proxy) {\n Object.defineProperty(normalSlots, key, {\n get: normalized,\n enumerable: true,\n configurable: true\n });\n }\n return normalized;\n}\nfunction proxyNormalSlot(slots, key) {\n return function () { return slots[key]; };\n}\n\nfunction initSetup(vm) {\n var options = vm.$options;\n var setup = options.setup;\n if (setup) {\n var ctx = (vm._setupContext = createSetupContext(vm));\n setCurrentInstance(vm);\n pushTarget();\n var setupResult = invokeWithErrorHandling(setup, null, [vm._props || shallowReactive({}), ctx], vm, \"setup\");\n popTarget();\n setCurrentInstance();\n if (isFunction(setupResult)) {\n // render function\n // @ts-ignore\n options.render = setupResult;\n }\n else if (isObject(setupResult)) {\n // bindings\n if (process.env.NODE_ENV !== 'production' && setupResult instanceof VNode) {\n warn(\"setup() should not return VNodes directly - \" +\n \"return a render function instead.\");\n }\n vm._setupState = setupResult;\n // __sfc indicates compiled bindings from \n *\n */\n Neville: function (p) {\n var w = [],\n /** @ignore */\n makeFct = function (fun) {\n return function (t, suspendedUpdate) {\n var i,\n d,\n s,\n bin = Mat.binomial,\n len = p.length,\n len1 = len - 1,\n num = 0.0,\n denom = 0.0;\n\n if (!suspendedUpdate) {\n s = 1;\n for (i = 0; i < len; i++) {\n w[i] = bin(len1, i) * s;\n s *= -1;\n }\n }\n\n d = t;\n\n for (i = 0; i < len; i++) {\n if (d === 0) {\n return p[i][fun]();\n }\n s = w[i] / d;\n d -= 1;\n num += p[i][fun]() * s;\n denom += s;\n }\n return num / denom;\n };\n },\n xfct = makeFct(\"X\"),\n yfct = makeFct(\"Y\");\n\n return [\n xfct,\n yfct,\n 0,\n function () {\n return p.length - 1;\n }\n ];\n },\n\n /**\n * Calculates second derivatives at the given knots.\n * @param {Array} x x values of knots\n * @param {Array} y y values of knots\n * @returns {Array} Second derivatives of the interpolated function at the knots.\n * @see #splineEval\n * @memberof JXG.Math.Numerics\n */\n splineDef: function (x, y) {\n var pair,\n i,\n l,\n n = Math.min(x.length, y.length),\n diag = [],\n z = [],\n data = [],\n dx = [],\n delta = [],\n F = [];\n\n if (n === 2) {\n return [0, 0];\n }\n\n for (i = 0; i < n; i++) {\n pair = { X: x[i], Y: y[i] };\n data.push(pair);\n }\n data.sort(function (a, b) {\n return a.X - b.X;\n });\n for (i = 0; i < n; i++) {\n x[i] = data[i].X;\n y[i] = data[i].Y;\n }\n\n for (i = 0; i < n - 1; i++) {\n dx.push(x[i + 1] - x[i]);\n }\n for (i = 0; i < n - 2; i++) {\n delta.push(\n (6 * (y[i + 2] - y[i + 1])) / dx[i + 1] - (6 * (y[i + 1] - y[i])) / dx[i]\n );\n }\n\n // ForwardSolve\n diag.push(2 * (dx[0] + dx[1]));\n z.push(delta[0]);\n\n for (i = 0; i < n - 3; i++) {\n l = dx[i + 1] / diag[i];\n diag.push(2 * (dx[i + 1] + dx[i + 2]) - l * dx[i + 1]);\n z.push(delta[i + 1] - l * z[i]);\n }\n\n // BackwardSolve\n F[n - 3] = z[n - 3] / diag[n - 3];\n for (i = n - 4; i >= 0; i--) {\n F[i] = (z[i] - dx[i + 1] * F[i + 1]) / diag[i];\n }\n\n // Generate f''-Vector\n for (i = n - 3; i >= 0; i--) {\n F[i + 1] = F[i];\n }\n\n // natural cubic spline\n F[0] = 0;\n F[n - 1] = 0;\n\n return F;\n },\n\n /**\n * Evaluate points on spline.\n * @param {Number,Array} x0 A single float value or an array of values to evaluate\n * @param {Array} x x values of knots\n * @param {Array} y y values of knots\n * @param {Array} F Second derivatives at knots, calculated by {@link JXG.Math.Numerics.splineDef}\n * @see #splineDef\n * @returns {Number,Array} A single value or an array, depending on what is given as x0.\n * @memberof JXG.Math.Numerics\n */\n splineEval: function (x0, x, y, F) {\n var i,\n j,\n a,\n b,\n c,\n d,\n x_,\n n = Math.min(x.length, y.length),\n l = 1,\n asArray = false,\n y0 = [];\n\n // number of points to be evaluated\n if (Type.isArray(x0)) {\n l = x0.length;\n asArray = true;\n } else {\n x0 = [x0];\n }\n\n for (i = 0; i < l; i++) {\n // is x0 in defining interval?\n if (x0[i] < x[0] || x[i] > x[n - 1]) {\n return NaN;\n }\n\n // determine part of spline in which x0 lies\n for (j = 1; j < n; j++) {\n if (x0[i] <= x[j]) {\n break;\n }\n }\n\n j -= 1;\n\n // we're now in the j-th partial interval, i.e. x[j] < x0[i] <= x[j+1];\n // determine the coefficients of the polynomial in this interval\n a = y[j];\n b =\n (y[j + 1] - y[j]) / (x[j + 1] - x[j]) -\n ((x[j + 1] - x[j]) / 6) * (F[j + 1] + 2 * F[j]);\n c = F[j] / 2;\n d = (F[j + 1] - F[j]) / (6 * (x[j + 1] - x[j]));\n // evaluate x0[i]\n x_ = x0[i] - x[j];\n //y0.push(a + b*x_ + c*x_*x_ + d*x_*x_*x_);\n y0.push(a + (b + (c + d * x_) * x_) * x_);\n }\n\n if (asArray) {\n return y0;\n }\n\n return y0[0];\n },\n\n /**\n * Generate a string containing the function term of a polynomial.\n * @param {Array} coeffs Coefficients of the polynomial. The position i belongs to x^i.\n * @param {Number} deg Degree of the polynomial\n * @param {String} varname Name of the variable (usually 'x')\n * @param {Number} prec Precision\n * @returns {String} A string containg the function term of the polynomial.\n * @memberof JXG.Math.Numerics\n */\n generatePolynomialTerm: function (coeffs, deg, varname, prec) {\n var i,\n t = [];\n\n for (i = deg; i >= 0; i--) {\n t = t.concat([\"(\", coeffs[i].toPrecision(prec), \")\"]);\n\n if (i > 1) {\n t = t.concat([\"*\", varname, \"\", i, \"<\", \"/sup> + \"]);\n } else if (i === 1) {\n t = t.concat([\"*\", varname, \" + \"]);\n }\n }\n\n return t.join(\"\");\n },\n\n /**\n * Computes the polynomial through a given set of coordinates in Lagrange form.\n * Returns the Lagrange polynomials, see\n * Jean-Paul Berrut, Lloyd N. Trefethen: Barycentric Lagrange Interpolation,\n * SIAM Review, Vol 46, No 3, (2004) 501-517.\n * \n * It possesses the method getTerm() which returns the string containing the function term of the polynomial.\n * @param {Array} p Array of JXG.Points\n * @returns {function} A function of one parameter which returns the value of the polynomial, whose graph runs through the given points.\n * @memberof JXG.Math.Numerics\n *\n * @example\n * var p = [];\n * p[0] = board.create('point', [-1,2], {size:4});\n * p[1] = board.create('point', [0,3], {size:4});\n * p[2] = board.create('point', [1,1], {size:4});\n * p[3] = board.create('point', [3,-1], {size:4});\n * var f = JXG.Math.Numerics.lagrangePolynomial(p);\n * var graph = board.create('functiongraph', [f,-10, 10], {strokeWidth:3});\n *\n *
\n * \n *\n * @example\n * var points = [];\n * points[0] = board.create('point', [-1,2], {size:4});\n * points[1] = board.create('point', [0, 0], {size:4});\n * points[2] = board.create('point', [2, 1], {size:4});\n *\n * var f = JXG.Math.Numerics.lagrangePolynomial(points);\n * var graph = board.create('functiongraph', [f,-10, 10], {strokeWidth:3});\n * var txt = board.create('text', [-3, -4, () => f.getTerm(2, 't', ' * ')], {fontSize: 16});\n *\n * \n * \n *\n */\n lagrangePolynomial: function (p) {\n var w = [],\n that = this,\n /** @ignore */\n fct = function (x, suspendedUpdate) {\n var i, // j,\n k,\n xi,\n s, //M,\n len = p.length,\n num = 0,\n denom = 0;\n\n if (!suspendedUpdate) {\n for (i = 0; i < len; i++) {\n w[i] = 1.0;\n xi = p[i].X();\n\n for (k = 0; k < len; k++) {\n if (k !== i) {\n w[i] *= xi - p[k].X();\n }\n }\n\n w[i] = 1 / w[i];\n }\n\n // M = [];\n // for (k = 0; k < len; k++) {\n // M.push([1]);\n // }\n }\n\n for (i = 0; i < len; i++) {\n xi = p[i].X();\n\n if (x === xi) {\n return p[i].Y();\n }\n\n s = w[i] / (x - xi);\n denom += s;\n num += s * p[i].Y();\n }\n\n return num / denom;\n };\n\n /**\n * Get the term of the Lagrange polynomial as string.\n * Calls {@link JXG.Math.Numerics#lagrangePolynomialTerm}.\n *\n * @name JXG.Math.Numerics#lagrangePolynomial.getTerm\n * @param {Number} digits Number of digits of the coefficients\n * @param {String} param Variable name\n * @param {String} dot Dot symbol\n * @returns {String} containing the term of Lagrange polynomial as string.\n * @see JXG.Math.Numerics#lagrangePolynomialTerm\n * @example\n * var points = [];\n * points[0] = board.create('point', [-1,2], {size:4});\n * points[1] = board.create('point', [0, 0], {size:4});\n * points[2] = board.create('point', [2, 1], {size:4});\n *\n * var f = JXG.Math.Numerics.lagrangePolynomial(points);\n * var graph = board.create('functiongraph', [f,-10, 10], {strokeWidth:3});\n * var txt = board.create('text', [-3, -4, () => f.getTerm(2, 't', ' * ')], {fontSize: 16});\n *\n * \n * \n *\n */\n fct.getTerm = function (digits, param, dot) {\n return that.lagrangePolynomialTerm(p, digits, param, dot)();\n };\n\n return fct;\n },\n // fct.getTerm = that.lagrangePolynomialTerm(p, 2, 'x');\n\n /**\n * Determine the Lagrange polynomial through an array of points and\n * return the term of the polynomial as string.\n *\n * @param {Array} points Array of JXG.Points\n * @param {Number} digits Number of decimal digits of the coefficients\n * @param {String} param Name of the parameter. Default: 'x'.\n * @param {String} dot Multiplication symbol. Default: ' * '.\n * @returns {Function} returning the Lagrange polynomial through\n * the supplied points.\n * @memberof JXG.Math.Numerics\n *\n * @example\n * var points = [];\n * points[0] = board.create('point', [-1,2], {size:4});\n * points[1] = board.create('point', [0, 0], {size:4});\n * points[2] = board.create('point', [2, 1], {size:4});\n *\n * var f = JXG.Math.Numerics.lagrangePolynomial(points);\n * var graph = board.create('functiongraph', [f,-10, 10], {strokeWidth:3});\n *\n * var f_txt = JXG.Math.Numerics.lagrangePolynomialTerm(points, 2, 't', ' * ');\n * var txt = board.create('text', [-3, -4, f_txt], {fontSize: 16});\n *\n * \n * \n *\n */\n lagrangePolynomialTerm: function (points, digits, param, dot) {\n return function () {\n var len = points.length,\n zeroes = [],\n coeffs = [],\n coeffs_sum = [],\n isLeading = true,\n n,\n t,\n i,\n j,\n c,\n p;\n\n param = param || \"x\";\n if (dot === undefined) {\n dot = \" * \";\n }\n\n n = len - 1; // (Max) degree of the polynomial\n for (j = 0; j < len; j++) {\n coeffs_sum[j] = 0;\n }\n\n for (i = 0; i < len; i++) {\n c = points[i].Y();\n p = points[i].X();\n zeroes = [];\n for (j = 0; j < len; j++) {\n if (j !== i) {\n c /= p - points[j].X();\n zeroes.push(points[j].X());\n }\n }\n coeffs = [1].concat(Mat.Vieta(zeroes));\n for (j = 0; j < coeffs.length; j++) {\n coeffs_sum[j] += (j % 2 === 1 ? -1 : 1) * coeffs[j] * c;\n }\n }\n\n t = \"\";\n for (j = 0; j < coeffs_sum.length; j++) {\n c = coeffs_sum[j];\n if (Math.abs(c) < Mat.eps) {\n continue;\n }\n if (JXG.exists(digits)) {\n c = Env._round10(c, -digits);\n }\n if (isLeading) {\n t += c > 0 ? c : \"-\" + -c;\n isLeading = false;\n } else {\n t += c > 0 ? \" + \" + c : \" - \" + -c;\n }\n\n if (n - j > 1) {\n t += dot + param + \"^\" + (n - j);\n } else if (n - j === 1) {\n t += dot + param;\n }\n }\n return t; // board.jc.manipulate('f = map(x) -> ' + t + ';');\n };\n },\n\n /**\n * Determine the coefficients of a cardinal spline polynom, See\n * https://stackoverflow.com/questions/9489736/catmull-rom-curve-with-no-cusps-and-no-self-intersections\n * @param {Number} x1 point 1\n * @param {Number} x2 point 2\n * @param {Number} t1 tangent slope 1\n * @param {Number} t2 tangent slope 2\n * @return {Array} coefficents array c for the polynomial t maps to\n * c[0] + c[1]*t + c[2]*t*t + c[3]*t*t*t\n */\n _initCubicPoly: function (x1, x2, t1, t2) {\n return [x1, t1, -3 * x1 + 3 * x2 - 2 * t1 - t2, 2 * x1 - 2 * x2 + t1 + t2];\n },\n\n /**\n * Computes the cubic cardinal spline curve through a given set of points. The curve\n * is uniformly parametrized.\n * Two artificial control points at the beginning and the end are added.\n *\n * The implementation (especially the centripetal parametrization) is from\n * https://stackoverflow.com/questions/9489736/catmull-rom-curve-with-no-cusps-and-no-self-intersections .\n * @param {Array} points Array consisting of JXG.Points.\n * @param {Number|Function} tau The tension parameter, either a constant number or a function returning a number. This number is between 0 and 1.\n * tau=1/2 give Catmull-Rom splines.\n * @param {String} type (Optional) parameter which allows to choose between \"uniform\" (default) and\n * \"centripetal\" parameterization. Thus the two possible values are \"uniform\" or \"centripetal\".\n * @returns {Array} An Array consisting of four components: Two functions each of one parameter t\n * which return the x resp. y coordinates of the Catmull-Rom-spline curve in t, a zero value,\n * and a function simply returning the length of the points array\n * minus three.\n * @memberof JXG.Math.Numerics\n */\n CardinalSpline: function (points, tau_param, type) {\n var p,\n coeffs = [],\n makeFct,\n tau,\n _tau,\n that = this;\n\n if (Type.isFunction(tau_param)) {\n _tau = tau_param;\n } else {\n _tau = function () {\n return tau_param;\n };\n }\n\n if (type === undefined) {\n type = \"uniform\";\n }\n\n /** @ignore */\n makeFct = function (which) {\n return function (t, suspendedUpdate) {\n var s,\n c,\n // control point at the beginning and at the end\n first,\n last,\n t1,\n t2,\n dt0,\n dt1,\n dt2,\n // dx, dy,\n len;\n\n if (points.length < 2) {\n return NaN;\n }\n\n if (!suspendedUpdate) {\n tau = _tau();\n\n // New point list p: [first, points ..., last]\n first = {\n X: function () {\n return 2 * points[0].X() - points[1].X();\n },\n Y: function () {\n return 2 * points[0].Y() - points[1].Y();\n },\n Dist: function (p) {\n var dx = this.X() - p.X(),\n dy = this.Y() - p.Y();\n return Math.sqrt(dx * dx + dy * dy);\n }\n };\n\n last = {\n X: function () {\n return (\n 2 * points[points.length - 1].X() -\n points[points.length - 2].X()\n );\n },\n Y: function () {\n return (\n 2 * points[points.length - 1].Y() -\n points[points.length - 2].Y()\n );\n },\n Dist: function (p) {\n var dx = this.X() - p.X(),\n dy = this.Y() - p.Y();\n return Math.sqrt(dx * dx + dy * dy);\n }\n };\n\n p = [first].concat(points, [last]);\n len = p.length;\n\n coeffs[which] = [];\n\n for (s = 0; s < len - 3; s++) {\n if (type === \"centripetal\") {\n // The order is important, since p[0].coords === undefined\n dt0 = p[s].Dist(p[s + 1]);\n dt1 = p[s + 2].Dist(p[s + 1]);\n dt2 = p[s + 3].Dist(p[s + 2]);\n\n dt0 = Math.sqrt(dt0);\n dt1 = Math.sqrt(dt1);\n dt2 = Math.sqrt(dt2);\n\n if (dt1 < Mat.eps) {\n dt1 = 1.0;\n }\n if (dt0 < Mat.eps) {\n dt0 = dt1;\n }\n if (dt2 < Mat.eps) {\n dt2 = dt1;\n }\n\n t1 =\n (p[s + 1][which]() - p[s][which]()) / dt0 -\n (p[s + 2][which]() - p[s][which]()) / (dt1 + dt0) +\n (p[s + 2][which]() - p[s + 1][which]()) / dt1;\n\n t2 =\n (p[s + 2][which]() - p[s + 1][which]()) / dt1 -\n (p[s + 3][which]() - p[s + 1][which]()) / (dt2 + dt1) +\n (p[s + 3][which]() - p[s + 2][which]()) / dt2;\n\n t1 *= dt1;\n t2 *= dt1;\n\n coeffs[which][s] = that._initCubicPoly(\n p[s + 1][which](),\n p[s + 2][which](),\n tau * t1,\n tau * t2\n );\n } else {\n coeffs[which][s] = that._initCubicPoly(\n p[s + 1][which](),\n p[s + 2][which](),\n tau * (p[s + 2][which]() - p[s][which]()),\n tau * (p[s + 3][which]() - p[s + 1][which]())\n );\n }\n }\n }\n\n if (isNaN(t)) {\n return NaN;\n }\n\n len = points.length;\n // This is necessary for our advanced plotting algorithm:\n if (t <= 0.0) {\n return points[0][which]();\n }\n if (t >= len) {\n return points[len - 1][which]();\n }\n\n s = Math.floor(t);\n if (s === t) {\n return points[s][which]();\n }\n\n t -= s;\n c = coeffs[which][s];\n if (c === undefined) {\n return NaN;\n }\n\n return ((c[3] * t + c[2]) * t + c[1]) * t + c[0];\n };\n };\n\n return [\n makeFct(\"X\"),\n makeFct(\"Y\"),\n 0,\n function () {\n return points.length - 1;\n }\n ];\n },\n\n /**\n * Computes the cubic Catmull-Rom spline curve through a given set of points. The curve\n * is uniformly parametrized. The curve is the cardinal spline curve for tau=0.5.\n * Two artificial control points at the beginning and the end are added.\n * @param {Array} points Array consisting of JXG.Points.\n * @param {String} type (Optional) parameter which allows to choose between \"uniform\" (default) and\n * \"centripetal\" parameterization. Thus the two possible values are \"uniform\" or \"centripetal\".\n * @returns {Array} An Array consisting of four components: Two functions each of one parameter t\n * which return the x resp. y coordinates of the Catmull-Rom-spline curve in t, a zero value, and a function simply\n * returning the length of the points array minus three.\n * @memberof JXG.Math.Numerics\n */\n CatmullRomSpline: function (points, type) {\n return this.CardinalSpline(points, 0.5, type);\n },\n\n /**\n * Computes the regression polynomial of a given degree through a given set of coordinates.\n * Returns the regression polynomial function.\n * @param {Number,function,Slider} degree number, function or slider.\n * Either\n * @param {Array} dataX Array containing either the x-coordinates of the data set or both coordinates in\n * an array of {@link JXG.Point}s or {@link JXG.Coords}.\n * In the latter case, the dataY parameter will be ignored.\n * @param {Array} dataY Array containing the y-coordinates of the data set,\n * @returns {function} A function of one parameter which returns the value of the regression polynomial of the given degree.\n * It possesses the method getTerm() which returns the string containing the function term of the polynomial.\n * @memberof JXG.Math.Numerics\n */\n regressionPolynomial: function (degree, dataX, dataY) {\n var coeffs,\n deg,\n dX,\n dY,\n inputType,\n fct,\n term = \"\";\n\n // Slider\n if (Type.isPoint(degree) && Type.isFunction(degree.Value)) {\n /** @ignore */\n deg = function () {\n return degree.Value();\n };\n // function\n } else if (Type.isFunction(degree)) {\n deg = degree;\n // number\n } else if (Type.isNumber(degree)) {\n /** @ignore */\n deg = function () {\n return degree;\n };\n } else {\n throw new Error(\n \"JSXGraph: Can't create regressionPolynomial from degree of type'\" +\n typeof degree +\n \"'.\"\n );\n }\n\n // Parameters degree, dataX, dataY\n if (arguments.length === 3 && Type.isArray(dataX) && Type.isArray(dataY)) {\n inputType = 0;\n // Parameters degree, point array\n } else if (\n arguments.length === 2 &&\n Type.isArray(dataX) &&\n dataX.length > 0 &&\n Type.isPoint(dataX[0])\n ) {\n inputType = 1;\n } else if (\n arguments.length === 2 &&\n Type.isArray(dataX) &&\n dataX.length > 0 &&\n dataX[0].usrCoords &&\n dataX[0].scrCoords\n ) {\n inputType = 2;\n } else {\n throw new Error(\"JSXGraph: Can't create regressionPolynomial. Wrong parameters.\");\n }\n\n /** @ignore */\n fct = function (x, suspendedUpdate) {\n var i,\n j,\n M,\n MT,\n y,\n B,\n c,\n s,\n d,\n // input data\n len = dataX.length;\n\n d = Math.floor(deg());\n\n if (!suspendedUpdate) {\n // point list as input\n if (inputType === 1) {\n dX = [];\n dY = [];\n\n for (i = 0; i < len; i++) {\n dX[i] = dataX[i].X();\n dY[i] = dataX[i].Y();\n }\n }\n\n if (inputType === 2) {\n dX = [];\n dY = [];\n\n for (i = 0; i < len; i++) {\n dX[i] = dataX[i].usrCoords[1];\n dY[i] = dataX[i].usrCoords[2];\n }\n }\n\n // check for functions\n if (inputType === 0) {\n dX = [];\n dY = [];\n\n for (i = 0; i < len; i++) {\n if (Type.isFunction(dataX[i])) {\n dX.push(dataX[i]());\n } else {\n dX.push(dataX[i]);\n }\n\n if (Type.isFunction(dataY[i])) {\n dY.push(dataY[i]());\n } else {\n dY.push(dataY[i]);\n }\n }\n }\n\n M = [];\n\n for (j = 0; j < len; j++) {\n M.push([1]);\n }\n\n for (i = 1; i <= d; i++) {\n for (j = 0; j < len; j++) {\n M[j][i] = M[j][i - 1] * dX[j];\n }\n }\n\n y = dY;\n MT = Mat.transpose(M);\n B = Mat.matMatMult(MT, M);\n c = Mat.matVecMult(MT, y);\n coeffs = Mat.Numerics.Gauss(B, c);\n term = Mat.Numerics.generatePolynomialTerm(coeffs, d, \"x\", 3);\n }\n\n // Horner's scheme to evaluate polynomial\n s = coeffs[d];\n\n for (i = d - 1; i >= 0; i--) {\n s = s * x + coeffs[i];\n }\n\n return s;\n };\n\n fct.getTerm = function () {\n return term;\n };\n\n return fct;\n },\n\n /**\n * Computes the cubic Bezier curve through a given set of points.\n * @param {Array} points Array consisting of 3*k+1 {@link JXG.Points}.\n * The points at position k with k mod 3 = 0 are the data points,\n * points at position k with k mod 3 = 1 or 2 are the control points.\n * @returns {Array} An array consisting of two functions of one parameter t which return the\n * x resp. y coordinates of the Bezier curve in t, one zero value, and a third function accepting\n * no parameters and returning one third of the length of the points.\n * @memberof JXG.Math.Numerics\n */\n bezier: function (points) {\n var len,\n flen,\n /** @ignore */\n makeFct = function (which) {\n return function (t, suspendedUpdate) {\n var z = Math.floor(t) * 3,\n t0 = t % 1,\n t1 = 1 - t0;\n\n if (!suspendedUpdate) {\n flen = 3 * Math.floor((points.length - 1) / 3);\n len = Math.floor(flen / 3);\n }\n\n if (t < 0) {\n return points[0][which]();\n }\n\n if (t >= len) {\n return points[flen][which]();\n }\n\n if (isNaN(t)) {\n return NaN;\n }\n\n return (\n t1 * t1 * (t1 * points[z][which]() + 3 * t0 * points[z + 1][which]()) +\n (3 * t1 * points[z + 2][which]() + t0 * points[z + 3][which]()) *\n t0 *\n t0\n );\n };\n };\n\n return [\n makeFct(\"X\"),\n makeFct(\"Y\"),\n 0,\n function () {\n return Math.floor(points.length / 3);\n }\n ];\n },\n\n /**\n * Computes the B-spline curve of order k (order = degree+1) through a given set of points.\n * @param {Array} points Array consisting of JXG.Points.\n * @param {Number} order Order of the B-spline curve.\n * @returns {Array} An Array consisting of four components: Two functions each of one parameter t\n * which return the x resp. y coordinates of the B-spline curve in t, a zero value, and a function simply\n * returning the length of the points array minus one.\n * @memberof JXG.Math.Numerics\n */\n bspline: function (points, order) {\n var knots,\n _knotVector = function (n, k) {\n var j,\n kn = [];\n\n for (j = 0; j < n + k + 1; j++) {\n if (j < k) {\n kn[j] = 0.0;\n } else if (j <= n) {\n kn[j] = j - k + 1;\n } else {\n kn[j] = n - k + 2;\n }\n }\n\n return kn;\n },\n _evalBasisFuncs = function (t, kn, k, s) {\n var i,\n j,\n a,\n b,\n den,\n N = [];\n\n if (kn[s] <= t && t < kn[s + 1]) {\n N[s] = 1;\n } else {\n N[s] = 0;\n }\n\n for (i = 2; i <= k; i++) {\n for (j = s - i + 1; j <= s; j++) {\n if (j <= s - i + 1 || j < 0) {\n a = 0.0;\n } else {\n a = N[j];\n }\n\n if (j >= s) {\n b = 0.0;\n } else {\n b = N[j + 1];\n }\n\n den = kn[j + i - 1] - kn[j];\n\n if (den === 0) {\n N[j] = 0;\n } else {\n N[j] = ((t - kn[j]) / den) * a;\n }\n\n den = kn[j + i] - kn[j + 1];\n\n if (den !== 0) {\n N[j] += ((kn[j + i] - t) / den) * b;\n }\n }\n }\n return N;\n },\n /** @ignore */\n makeFct = function (which) {\n return function (t, suspendedUpdate) {\n var y,\n j,\n s,\n N = [],\n len = points.length,\n n = len - 1,\n k = order;\n\n if (n <= 0) {\n return NaN;\n }\n\n if (n + 2 <= k) {\n k = n + 1;\n }\n\n if (t <= 0) {\n return points[0][which]();\n }\n\n if (t >= n - k + 2) {\n return points[n][which]();\n }\n\n s = Math.floor(t) + k - 1;\n knots = _knotVector(n, k);\n N = _evalBasisFuncs(t, knots, k, s);\n\n y = 0.0;\n for (j = s - k + 1; j <= s; j++) {\n if (j < len && j >= 0) {\n y += points[j][which]() * N[j];\n }\n }\n\n return y;\n };\n };\n\n return [\n makeFct(\"X\"),\n makeFct(\"Y\"),\n 0,\n function () {\n return points.length - 1;\n }\n ];\n },\n\n /**\n * Numerical (symmetric) approximation of derivative. suspendUpdate is piped through,\n * see {@link JXG.Curve#updateCurve}\n * and {@link JXG.Curve#hasPoint}.\n * @param {function} f Function in one variable to be differentiated.\n * @param {object} [obj] Optional object that is treated as \"this\" in the function body. This is useful, if the function is a\n * method of an object and contains a reference to its parent object via \"this\".\n * @returns {function} Derivative function of a given function f.\n * @memberof JXG.Math.Numerics\n */\n D: function (f, obj) {\n if (!Type.exists(obj)) {\n return function (x, suspendedUpdate) {\n var h = 0.00001,\n h2 = h * 2.0;\n\n // Experiments with Richardsons rule\n /*\n var phi = (f(x + h, suspendedUpdate) - f(x - h, suspendedUpdate)) / h2;\n var phi2;\n h *= 0.5;\n h2 *= 0.5;\n phi2 = (f(x + h, suspendedUpdate) - f(x - h, suspendedUpdate)) / h2;\n\n return phi2 + (phi2 - phi) / 3.0;\n */\n return (f(x + h, suspendedUpdate) - f(x - h, suspendedUpdate)) / h2;\n };\n }\n\n return function (x, suspendedUpdate) {\n var h = 0.00001,\n h2 = h * 2.0;\n\n return (\n (f.apply(obj, [x + h, suspendedUpdate]) -\n f.apply(obj, [x - h, suspendedUpdate])) /\n h2\n );\n };\n },\n\n /**\n * Evaluate the function term for {@see #riemann}.\n * @private\n * @param {Number} x function argument\n * @param {function} f JavaScript function returning a number\n * @param {String} type Name of the Riemann sum type, e.g. 'lower', see {@see #riemann}.\n * @param {Number} delta Width of the bars in user coordinates\n * @returns {Number} Upper (delta > 0) or lower (delta < 0) value of the bar containing x of the Riemann sum.\n *\n * @memberof JXG.Math.Numerics\n */\n _riemannValue: function (x, f, type, delta) {\n var y, y1, x1, delta1;\n\n if (delta < 0) {\n // delta is negative if the lower function term is evaluated\n if (type !== \"trapezoidal\") {\n x = x + delta;\n }\n delta *= -1;\n if (type === \"lower\") {\n type = \"upper\";\n } else if (type === \"upper\") {\n type = \"lower\";\n }\n }\n\n delta1 = delta * 0.01; // for 'lower' and 'upper'\n\n if (type === \"right\") {\n y = f(x + delta);\n } else if (type === \"middle\") {\n y = f(x + delta * 0.5);\n } else if (type === \"left\" || type === \"trapezoidal\") {\n y = f(x);\n } else if (type === \"lower\") {\n y = f(x);\n\n for (x1 = x + delta1; x1 <= x + delta; x1 += delta1) {\n y1 = f(x1);\n\n if (y1 < y) {\n y = y1;\n }\n }\n\n y1 = f(x + delta);\n if (y1 < y) {\n y = y1;\n }\n } else if (type === \"upper\") {\n y = f(x);\n\n for (x1 = x + delta1; x1 <= x + delta; x1 += delta1) {\n y1 = f(x1);\n if (y1 > y) {\n y = y1;\n }\n }\n\n y1 = f(x + delta);\n if (y1 > y) {\n y = y1;\n }\n } else if (type === \"random\") {\n y = f(x + delta * Math.random());\n } else if (type === \"simpson\") {\n y = (f(x) + 4 * f(x + delta * 0.5) + f(x + delta)) / 6.0;\n } else {\n y = f(x); // default is lower\n }\n\n return y;\n },\n\n /**\n * Helper function to create curve which displays Riemann sums.\n * Compute coordinates for the rectangles showing the Riemann sum.\n * @param {Function,Array} f Function or array of two functions.\n * If f is a function the integral of this function is approximated by the Riemann sum.\n * If f is an array consisting of two functions the area between the two functions is filled\n * by the Riemann sum bars.\n * @param {Number} n number of rectangles.\n * @param {String} type Type of approximation. Possible values are: 'left', 'right', 'middle', 'lower', 'upper', 'random', 'simpson', or 'trapezoidal'.\n * @param {Number} start Left border of the approximation interval\n * @param {Number} end Right border of the approximation interval\n * @returns {Array} An array of two arrays containing the x and y coordinates for the rectangles showing the Riemann sum. This\n * array may be used as parent array of a {@link JXG.Curve}. The third parameteris the riemann sum, i.e. the sum of the volumes of all\n * rectangles.\n * @memberof JXG.Math.Numerics\n */\n riemann: function (gf, n, type, start, end) {\n var i,\n delta,\n xarr = [],\n yarr = [],\n j = 0,\n x = start,\n y,\n sum = 0,\n f,\n g,\n ylow,\n yup;\n\n if (Type.isArray(gf)) {\n g = gf[0];\n f = gf[1];\n } else {\n f = gf;\n }\n\n n = Math.floor(n);\n\n if (n <= 0) {\n return [xarr, yarr, sum];\n }\n\n delta = (end - start) / n;\n\n // Upper bar ends\n for (i = 0; i < n; i++) {\n y = this._riemannValue(x, f, type, delta);\n xarr[j] = x;\n yarr[j] = y;\n\n j += 1;\n x += delta;\n if (type === \"trapezoidal\") {\n y = f(x);\n }\n xarr[j] = x;\n yarr[j] = y;\n\n j += 1;\n }\n\n // Lower bar ends\n for (i = 0; i < n; i++) {\n if (g) {\n y = this._riemannValue(x, g, type, -delta);\n } else {\n y = 0.0;\n }\n xarr[j] = x;\n yarr[j] = y;\n\n j += 1;\n x -= delta;\n if (type === \"trapezoidal\" && g) {\n y = g(x);\n }\n xarr[j] = x;\n yarr[j] = y;\n\n // Add the area of the bar to 'sum'\n if (type !== \"trapezoidal\") {\n ylow = y;\n yup = yarr[2 * (n - 1) - 2 * i];\n } else {\n yup = 0.5 * (f(x + delta) + f(x));\n if (g) {\n ylow = 0.5 * (g(x + delta) + g(x));\n } else {\n ylow = 0.0;\n }\n }\n sum += (yup - ylow) * delta;\n\n // Draw the vertical lines\n j += 1;\n xarr[j] = x;\n yarr[j] = yarr[2 * (n - 1) - 2 * i];\n\n j += 1;\n }\n\n return [xarr, yarr, sum];\n },\n\n /**\n * Approximate the integral by Riemann sums.\n * Compute the area described by the riemann sum rectangles.\n *\n * If there is an element of type {@link Riemannsum}, then it is more efficient\n * to use the method JXG.Curve.Value() of this element instead.\n *\n * @param {Function_Array} f Function or array of two functions.\n * If f is a function the integral of this function is approximated by the Riemann sum.\n * If f is an array consisting of two functions the area between the two functions is approximated\n * by the Riemann sum.\n * @param {Number} n number of rectangles.\n * @param {String} type Type of approximation. Possible values are: 'left', 'right', 'middle', 'lower', 'upper', 'random', 'simpson' or 'trapezoidal'.\n *\n * @param {Number} start Left border of the approximation interval\n * @param {Number} end Right border of the approximation interval\n * @returns {Number} The sum of the areas of the rectangles.\n * @memberof JXG.Math.Numerics\n */\n riemannsum: function (f, n, type, start, end) {\n JXG.deprecated(\"Numerics.riemannsum()\", \"Numerics.riemann()\");\n return this.riemann(f, n, type, start, end)[2];\n },\n\n /**\n * Solve initial value problems numerically using Runge-Kutta-methods.\n * See {@link https://en.wikipedia.org/wiki/Runge-Kutta_methods} for more information on the algorithm.\n * @param {object,String} butcher Butcher tableau describing the Runge-Kutta method to use. This can be either a string describing\n * a Runge-Kutta method with a Butcher tableau predefined in JSXGraph like 'euler', 'heun', 'rk4' or an object providing the structure\n * \n * {\n * s: <Number>,\n * A: <matrix>,\n * b: <Array>,\n * c: <Array>\n * }\n * \n * which corresponds to the Butcher tableau structure shown here: https://en.wikipedia.org/w/index.php?title=List_of_Runge%E2%80%93Kutta_methods&oldid=357796696\n * @param {Array} x0 Initial value vector. If the problem is of one-dimensional, the initial value also has to be given in an array.\n * @param {Array} I Interval on which to integrate.\n * @param {Number} N Number of evaluation points.\n * @param {function} f Function describing the right hand side of the first order ordinary differential equation, i.e. if the ode\n * is given by the equation dx/dt = f(t, x(t)).
So f has to take two parameters, a number t and a\n * vector x, and has to return a vector of the same dimension as x has.\n * @returns {Array} An array of vectors describing the solution of the ode on the given interval I.\n * @example\n * // A very simple autonomous system dx(t)/dt = x(t);\n * function f(t, x) {\n * return x;\n * }\n *\n * // Solve it with initial value x(0) = 1 on the interval [0, 2]\n * // with 20 evaluation points.\n * var data = JXG.Math.Numerics.rungeKutta('heun', [1], [0, 2], 20, f);\n *\n * // Prepare data for plotting the solution of the ode using a curve.\n * var dataX = [];\n * var dataY = [];\n * var h = 0.1; // (I[1] - I[0])/N = (2-0)/20\n * for(var i=0; i<data.length; i++) {\n * dataX[i] = i*h;\n * dataY[i] = data[i][0];\n * }\n * var g = board.create('curve', [dataX, dataY], {strokeWidth:'2px'});\n * \n * \n * @memberof JXG.Math.Numerics\n */\n rungeKutta: function (butcher, x0, I, N, f) {\n var e,\n i,\n j,\n k,\n l,\n s,\n x = [],\n y = [],\n h = (I[1] - I[0]) / N,\n t = I[0],\n dim = x0.length,\n result = [],\n r = 0;\n\n if (Type.isString(butcher)) {\n butcher = predefinedButcher[butcher] || predefinedButcher.euler;\n }\n s = butcher.s;\n\n // don't change x0, so copy it\n for (e = 0; e < dim; e++) {\n x[e] = x0[e];\n }\n\n for (i = 0; i < N; i++) {\n // Optimization doesn't work for ODEs plotted using time\n // if((i % quotient == 0) || (i == N-1)) {\n result[r] = [];\n for (e = 0; e < dim; e++) {\n result[r][e] = x[e];\n }\n\n r += 1;\n k = [];\n\n for (j = 0; j < s; j++) {\n // init y = 0\n for (e = 0; e < dim; e++) {\n y[e] = 0.0;\n }\n\n // Calculate linear combination of former k's and save it in y\n for (l = 0; l < j; l++) {\n for (e = 0; e < dim; e++) {\n y[e] += butcher.A[j][l] * h * k[l][e];\n }\n }\n\n // add x(t) to y\n for (e = 0; e < dim; e++) {\n y[e] += x[e];\n }\n\n // calculate new k and add it to the k matrix\n k.push(f(t + butcher.c[j] * h, y));\n }\n\n // init y = 0\n for (e = 0; e < dim; e++) {\n y[e] = 0.0;\n }\n\n for (l = 0; l < s; l++) {\n for (e = 0; e < dim; e++) {\n y[e] += butcher.b[l] * k[l][e];\n }\n }\n\n for (e = 0; e < dim; e++) {\n x[e] = x[e] + h * y[e];\n }\n\n t += h;\n }\n\n return result;\n },\n\n /**\n * Maximum number of iterations in {@link JXG.Math.Numerics.fzero} and\n * {@link JXG.Math.Numerics.chandrupatla}\n * @type Number\n * @default 80\n * @memberof JXG.Math.Numerics\n */\n maxIterationsRoot: 80,\n\n /**\n * Maximum number of iterations in {@link JXG.Math.Numerics.fminbr}\n * @type Number\n * @default 500\n * @memberof JXG.Math.Numerics\n */\n maxIterationsMinimize: 500,\n\n /**\n * Given a value x_0, this function tries to find a second value x_1 such that\n * the function f has opposite signs at x_0 and x_1.\n * The return values have to be tested if the method succeeded.\n *\n * @param {Function} f Function, whose root is to be found\n * @param {Number} x0 Start value\n * @param {Object} object Parent object in case f is method of it\n * @returns {Array} [x_0, f(x_0), x_1, f(x_1)]\n *\n * @see JXG.Math.Numerics.fzero\n * @see JXG.Math.Numerics.chandrupatla\n *\n * @memberof JXG.Math.Numerics\n */\n findBracket: function (f, x0, object) {\n var a, aa, fa, blist, b, fb, u, fu, i, len;\n\n if (Type.isArray(x0)) {\n return x0;\n }\n\n a = x0;\n fa = f.call(object, a);\n // nfev += 1;\n\n // Try to get b, by trying several values related to a\n aa = a === 0 ? 1 : a;\n blist = [\n a - 0.1 * aa,\n a + 0.1 * aa,\n a - 1,\n a + 1,\n a - 0.5 * aa,\n a + 0.5 * aa,\n a - 0.6 * aa,\n a + 0.6 * aa,\n a - 1 * aa,\n a + 1 * aa,\n a - 2 * aa,\n a + 2 * aa,\n a - 5 * aa,\n a + 5 * aa,\n a - 10 * aa,\n a + 10 * aa,\n a - 50 * aa,\n a + 50 * aa,\n a - 100 * aa,\n a + 100 * aa\n ];\n len = blist.length;\n\n for (i = 0; i < len; i++) {\n b = blist[i];\n fb = f.call(object, b);\n // nfev += 1;\n\n if (fa * fb <= 0) {\n break;\n }\n }\n if (b < a) {\n u = a;\n a = b;\n b = u;\n\n fu = fa;\n fa = fb;\n fb = fu;\n }\n return [a, fa, b, fb];\n },\n\n /**\n *\n * Find zero of an univariate function f.\n * @param {function} f Function, whose root is to be found\n * @param {Array,Number} x0 Start value or start interval enclosing the root\n * @param {Object} object Parent object in case f is method of it\n * @returns {Number} the approximation of the root\n * Algorithm:\n * Brent's root finder from\n * G.Forsythe, M.Malcolm, C.Moler, Computer methods for mathematical\n * computations. M., Mir, 1980, p.180 of the Russian edition\n * https://www.netlib.org/c/brent.shar\n *\n * If x0 is an array containing lower and upper bound for the zero\n * algorithm 748 is applied. Otherwise, if x0 is a number,\n * the algorithm tries to bracket a zero of f starting from x0.\n * If this fails, we fall back to Newton's method.\n *\n * @see JXG.Math.Numerics.chandrupatla\n * @see JXG.Math.Numerics.root\n * @memberof JXG.Math.Numerics\n */\n fzero: function (f, x0, object) {\n var a,\n b,\n c,\n d,\n e,\n fa,\n fb,\n fc,\n res,\n prev_step,\n t1,\n cb,\n t2,\n // Actual tolerance\n tol_act,\n // Interpolation step is calculated in the form p/q; division\n // operations is delayed until the last moment\n p,\n q,\n // Step at this iteration\n new_step,\n eps = Mat.eps,\n maxiter = this.maxIterationsRoot,\n niter = 0;\n // nfev = 0;\n\n if (Type.isArray(x0)) {\n if (x0.length < 2) {\n throw new Error(\n \"JXG.Math.Numerics.fzero: length of array x0 has to be at least two.\"\n );\n }\n\n a = x0[0];\n fa = f.call(object, a);\n // nfev += 1;\n b = x0[1];\n fb = f.call(object, b);\n // nfev += 1;\n } else {\n res = this.findBracket(f, x0, object);\n a = res[0];\n fa = res[1];\n b = res[2];\n fb = res[3];\n }\n\n if (Math.abs(fa) <= eps) {\n return a;\n }\n if (Math.abs(fb) <= eps) {\n return b;\n }\n\n if (fa * fb > 0) {\n // Bracketing not successful, fall back to Newton's method or to fminbr\n if (Type.isArray(x0)) {\n return this.fminbr(f, [a, b], object);\n }\n\n return this.Newton(f, a, object);\n }\n\n // OK, we have enclosed a zero of f.\n // Now we can start Brent's method\n c = a;\n fc = fa;\n\n // Main iteration loop\n while (niter < maxiter) {\n // Distance from the last but one to the last approximation\n prev_step = b - a;\n\n // Swap data for b to be the best approximation\n if (Math.abs(fc) < Math.abs(fb)) {\n a = b;\n b = c;\n c = a;\n\n fa = fb;\n fb = fc;\n fc = fa;\n }\n tol_act = 2 * eps * Math.abs(b) + eps * 0.5;\n new_step = (c - b) * 0.5;\n\n if (Math.abs(new_step) <= tol_act || Math.abs(fb) <= eps) {\n // Acceptable approx. is found\n return b;\n }\n\n // Decide if the interpolation can be tried\n // If prev_step was large enough and was in true direction Interpolatiom may be tried\n if (Math.abs(prev_step) >= tol_act && Math.abs(fa) > Math.abs(fb)) {\n cb = c - b;\n\n // If we have only two distinct points linear interpolation can only be applied\n if (a === c) {\n t1 = fb / fa;\n p = cb * t1;\n q = 1.0 - t1;\n // Quadric inverse interpolation\n } else {\n q = fa / fc;\n t1 = fb / fc;\n t2 = fb / fa;\n\n p = t2 * (cb * q * (q - t1) - (b - a) * (t1 - 1.0));\n q = (q - 1.0) * (t1 - 1.0) * (t2 - 1.0);\n }\n\n // p was calculated with the opposite sign; make p positive\n if (p > 0) {\n q = -q;\n // and assign possible minus to q\n } else {\n p = -p;\n }\n\n // If b+p/q falls in [b,c] and isn't too large it is accepted\n // If p/q is too large then the bissection procedure can reduce [b,c] range to more extent\n if (\n p < 0.75 * cb * q - Math.abs(tol_act * q) * 0.5 &&\n p < Math.abs(prev_step * q * 0.5)\n ) {\n new_step = p / q;\n }\n }\n\n // Adjust the step to be not less than tolerance\n if (Math.abs(new_step) < tol_act) {\n new_step = new_step > 0 ? tol_act : -tol_act;\n }\n\n // Save the previous approx.\n a = b;\n fa = fb;\n b += new_step;\n fb = f.call(object, b);\n // Do step to a new approxim.\n // nfev += 1;\n\n // Adjust c for it to have a sign opposite to that of b\n if ((fb > 0 && fc > 0) || (fb < 0 && fc < 0)) {\n c = a;\n fc = fa;\n }\n niter++;\n } // End while\n\n return b;\n },\n\n /**\n * Find zero of an univariate function f.\n * @param {function} f Function, whose root is to be found\n * @param {Array,Number} x0 Start value or start interval enclosing the root\n * @param {Object} object Parent object in case f is method of it\n * @returns {Number} the approximation of the root\n * Algorithm:\n * Chandrupatla's method, see\n * Tirupathi R. Chandrupatla,\n * \"A new hybrid quadratic/bisection algorithm for finding the zero of a nonlinear function without using derivatives\",\n * Advances in Engineering Software, Volume 28, Issue 3, April 1997, Pages 145-149.\n *\n * If x0 is an array containing lower and upper bound for the zero\n * algorithm 748 is applied. Otherwise, if x0 is a number,\n * the algorithm tries to bracket a zero of f starting from x0.\n * If this fails, we fall back to Newton's method.\n *\n * @see JXG.Math.Numerics.root\n * @see JXG.Math.Numerics.fzero\n * @memberof JXG.Math.Numerics\n */\n chandrupatla: function (f, x0, object) {\n var a,\n fa,\n b,\n fb,\n res,\n niter = 0,\n maxiter = this.maxIterationsRoot,\n rand = 1 + Math.random() * 0.001,\n t = 0.5 * rand,\n eps = Mat.eps, // 1.e-10,\n dlt = 0.00001,\n x1,\n x2,\n x3,\n x,\n f1,\n f2,\n f3,\n y,\n xm,\n fm,\n tol,\n tl,\n xi,\n ph,\n fl,\n fh,\n AL,\n A,\n B,\n C,\n D;\n\n if (Type.isArray(x0)) {\n if (x0.length < 2) {\n throw new Error(\n \"JXG.Math.Numerics.fzero: length of array x0 has to be at least two.\"\n );\n }\n\n a = x0[0];\n fa = f.call(object, a);\n // nfev += 1;\n b = x0[1];\n fb = f.call(object, b);\n // nfev += 1;\n } else {\n res = this.findBracket(f, x0, object);\n a = res[0];\n fa = res[1];\n b = res[2];\n fb = res[3];\n }\n\n if (fa * fb > 0) {\n // Bracketing not successful, fall back to Newton's method or to fminbr\n if (Type.isArray(x0)) {\n return this.fminbr(f, [a, b], object);\n }\n\n return this.Newton(f, a, object);\n }\n\n x1 = a;\n x2 = b;\n f1 = fa;\n f2 = fb;\n do {\n x = x1 + t * (x2 - x1);\n y = f.call(object, x);\n\n // Arrange 2-1-3: 2-1 interval, 1 middle, 3 discarded point\n if (Math.sign(y) === Math.sign(f1)) {\n x3 = x1;\n x1 = x;\n f3 = f1;\n f1 = y;\n } else {\n x3 = x2;\n x2 = x1;\n f3 = f2;\n f2 = f1;\n }\n x1 = x;\n f1 = y;\n\n xm = x1;\n fm = f1;\n if (Math.abs(f2) < Math.abs(f1)) {\n xm = x2;\n fm = f2;\n }\n tol = 2 * eps * Math.abs(xm) + 0.5 * dlt;\n tl = tol / Math.abs(x2 - x1);\n if (tl > 0.5 || fm === 0) {\n break;\n }\n // If inverse quadratic interpolation holds, use it\n xi = (x1 - x2) / (x3 - x2);\n ph = (f1 - f2) / (f3 - f2);\n fl = 1 - Math.sqrt(1 - xi);\n fh = Math.sqrt(xi);\n if (fl < ph && ph < fh) {\n AL = (x3 - x1) / (x2 - x1);\n A = f1 / (f2 - f1);\n B = f3 / (f2 - f3);\n C = f1 / (f3 - f1);\n D = f2 / (f3 - f2);\n t = A * B + C * D * AL;\n } else {\n t = 0.5 * rand;\n }\n // Adjust t away from the interval boundary\n if (t < tl) {\n t = tl;\n }\n if (t > 1 - tl) {\n t = 1 - tl;\n }\n niter++;\n } while (niter <= maxiter);\n // console.log(niter);\n\n return xm;\n },\n\n /**\n *\n * Find minimum of an univariate function f.\n * \n * Algorithm:\n * G.Forsythe, M.Malcolm, C.Moler, Computer methods for mathematical\n * computations. M., Mir, 1980, p.180 of the Russian edition\n *\n * @param {function} f Function, whose minimum is to be found\n * @param {Array} x0 Start interval enclosing the minimum\n * @param {Object} context Parent object in case f is method of it\n * @returns {Number} the approximation of the minimum value position\n * @memberof JXG.Math.Numerics\n **/\n fminbr: function (f, x0, context) {\n var a,\n b,\n x,\n v,\n w,\n fx,\n fv,\n fw,\n range,\n middle_range,\n tol_act,\n new_step,\n p,\n q,\n t,\n ft,\n // Golden section ratio\n r = (3.0 - Math.sqrt(5.0)) * 0.5,\n tol = Mat.eps,\n sqrteps = Mat.eps, //Math.sqrt(Mat.eps),\n maxiter = this.maxIterationsMinimize,\n niter = 0;\n // nfev = 0;\n\n if (!Type.isArray(x0) || x0.length < 2) {\n throw new Error(\n \"JXG.Math.Numerics.fminbr: length of array x0 has to be at least two.\"\n );\n }\n\n a = x0[0];\n b = x0[1];\n v = a + r * (b - a);\n fv = f.call(context, v);\n\n // First step - always gold section\n // nfev += 1;\n x = v;\n w = v;\n fx = fv;\n fw = fv;\n\n while (niter < maxiter) {\n // Range over the interval in which we are looking for the minimum\n range = b - a;\n middle_range = (a + b) * 0.5;\n\n // Actual tolerance\n tol_act = sqrteps * Math.abs(x) + tol / 3.0;\n\n if (Math.abs(x - middle_range) + range * 0.5 <= 2.0 * tol_act) {\n // Acceptable approx. is found\n return x;\n }\n\n // Obtain the golden section step\n new_step = r * (x < middle_range ? b - x : a - x);\n\n // Decide if the interpolation can be tried. If x and w are distinct interpolatiom may be tried\n if (Math.abs(x - w) >= tol_act) {\n // Interpolation step is calculated as p/q;\n // division operation is delayed until last moment\n t = (x - w) * (fx - fv);\n q = (x - v) * (fx - fw);\n p = (x - v) * q - (x - w) * t;\n q = 2 * (q - t);\n\n if (q > 0) {\n // q was calculated with the op-\n p = -p; // posite sign; make q positive\n } else {\n // and assign possible minus to\n q = -q; // p\n }\n if (\n Math.abs(p) < Math.abs(new_step * q) && // If x+p/q falls in [a,b]\n p > q * (a - x + 2 * tol_act) && // not too close to a and\n p < q * (b - x - 2 * tol_act)\n ) {\n // b, and isn't too large\n new_step = p / q; // it is accepted\n }\n // If p/q is too large then the\n // golden section procedure can\n // reduce [a,b] range to more\n // extent\n }\n\n // Adjust the step to be not less than tolerance\n if (Math.abs(new_step) < tol_act) {\n if (new_step > 0) {\n new_step = tol_act;\n } else {\n new_step = -tol_act;\n }\n }\n\n // Obtain the next approximation to min\n // and reduce the enveloping range\n\n // Tentative point for the min\n t = x + new_step;\n ft = f.call(context, t);\n // nfev += 1;\n\n // t is a better approximation\n if (ft <= fx) {\n // Reduce the range so that t would fall within it\n if (t < x) {\n b = x;\n } else {\n a = x;\n }\n\n // Assign the best approx to x\n v = w;\n w = x;\n x = t;\n\n fv = fw;\n fw = fx;\n fx = ft;\n // x remains the better approx\n } else {\n // Reduce the range enclosing x\n if (t < x) {\n a = t;\n } else {\n b = t;\n }\n\n if (ft <= fw || w === x) {\n v = w;\n w = t;\n fv = fw;\n fw = ft;\n } else if (ft <= fv || v === x || v === w) {\n v = t;\n fv = ft;\n }\n }\n niter += 1;\n }\n\n return x;\n },\n\n /**\n * Implements the Ramer-Douglas-Peucker algorithm.\n * It discards points which are not necessary from the polygonal line defined by the point array\n * pts. The computation is done in screen coordinates.\n * Average runtime is O(nlog(n)), worst case runtime is O(n^2), where n is the number of points.\n * @param {Array} pts Array of {@link JXG.Coords}\n * @param {Number} eps If the absolute value of a given number x is smaller than eps it is considered to be equal 0.\n * @returns {Array} An array containing points which represent an apparently identical curve as the points of pts do, but contains fewer points.\n * @memberof JXG.Math.Numerics\n */\n RamerDouglasPeucker: function (pts, eps) {\n var allPts = [],\n newPts = [],\n i, k, len,\n endless = true,\n\n /**\n * findSplit() is a subroutine of {@link JXG.Math.Numerics.RamerDouglasPeucker}.\n * It searches for the point between index i and j which\n * has the largest distance from the line between the points i and j.\n * @param {Array} pts Array of {@link JXG.Coords}\n * @param {Number} i Index of a point in pts\n * @param {Number} j Index of a point in pts\n * @ignore\n * @private\n */\n findSplit = function (pts, i, j) {\n var d, k, ci, cj, ck,\n x0, y0, x1, y1,\n den, lbda,\n huge = 10000,\n dist = 0,\n f = i;\n\n if (j - i < 2) {\n return [-1.0, 0];\n }\n\n ci = pts[i].scrCoords;\n cj = pts[j].scrCoords;\n\n if (isNaN(ci[1]) || isNaN(ci[2])) {\n return [NaN, i];\n }\n if (isNaN(cj[1]) || isNaN(cj[2])) {\n return [NaN, j];\n }\n\n for (k = i + 1; k < j; k++) {\n ck = pts[k].scrCoords;\n if (isNaN(ck[1]) || isNaN(ck[2])) {\n return [NaN, k];\n }\n\n x0 = ck[1] - ci[1];\n y0 = ck[2] - ci[2];\n x1 = cj[1] - ci[1];\n y1 = cj[2] - ci[2];\n x0 = x0 === Infinity ? huge : x0;\n y0 = y0 === Infinity ? huge : y0;\n x1 = x1 === Infinity ? huge : x1;\n y1 = y1 === Infinity ? huge : y1;\n x0 = x0 === -Infinity ? -huge : x0;\n y0 = y0 === -Infinity ? -huge : y0;\n x1 = x1 === -Infinity ? -huge : x1;\n y1 = y1 === -Infinity ? -huge : y1;\n den = x1 * x1 + y1 * y1;\n\n if (den >= Mat.eps) {\n lbda = (x0 * x1 + y0 * y1) / den;\n\n if (lbda < 0.0) {\n lbda = 0.0;\n } else if (lbda > 1.0) {\n lbda = 1.0;\n }\n\n x0 = x0 - lbda * x1;\n y0 = y0 - lbda * y1;\n d = x0 * x0 + y0 * y0;\n } else {\n lbda = 0.0;\n d = x0 * x0 + y0 * y0;\n }\n\n if (d > dist) {\n dist = d;\n f = k;\n }\n }\n return [Math.sqrt(dist), f];\n },\n /**\n * RDP() is a private subroutine of {@link JXG.Math.Numerics.RamerDouglasPeucker}.\n * It runs recursively through the point set and searches the\n * point which has the largest distance from the line between the first point and\n * the last point. If the distance from the line is greater than eps, this point is\n * included in our new point set otherwise it is discarded.\n * If it is taken, we recursively apply the subroutine to the point set before\n * and after the chosen point.\n * @param {Array} pts Array of {@link JXG.Coords}\n * @param {Number} i Index of an element of pts\n * @param {Number} j Index of an element of pts\n * @param {Number} eps If the absolute value of a given number x is smaller than eps it is considered to be equal 0.\n * @param {Array} newPts Array of {@link JXG.Coords}\n * @ignore\n * @private\n */\n RDP = function (pts, i, j, eps, newPts) {\n var result = findSplit(pts, i, j),\n k = result[1];\n\n if (isNaN(result[0])) {\n RDP(pts, i, k - 1, eps, newPts);\n newPts.push(pts[k]);\n do {\n ++k;\n } while (k <= j && isNaN(pts[k].scrCoords[1] + pts[k].scrCoords[2]));\n if (k <= j) {\n newPts.push(pts[k]);\n }\n RDP(pts, k + 1, j, eps, newPts);\n } else if (result[0] > eps) {\n RDP(pts, i, k, eps, newPts);\n RDP(pts, k, j, eps, newPts);\n } else {\n newPts.push(pts[j]);\n }\n };\n\n len = pts.length;\n\n i = 0;\n while (endless) {\n // Search for the next point without NaN coordinates\n while (i < len && isNaN(pts[i].scrCoords[1] + pts[i].scrCoords[2])) {\n i += 1;\n }\n // Search for the next position of a NaN point\n k = i + 1;\n while (k < len && !isNaN(pts[k].scrCoords[1] + pts[k].scrCoords[2])) {\n k += 1;\n }\n k--;\n\n // Only proceed if something is left\n if (i < len && k > i) {\n newPts = [];\n newPts[0] = pts[i];\n RDP(pts, i, k, eps, newPts);\n allPts = allPts.concat(newPts);\n }\n if (i >= len) {\n break;\n }\n // Push the NaN point\n if (k < len - 1) {\n allPts.push(pts[k + 1]);\n }\n i = k + 1;\n }\n\n return allPts;\n },\n\n /**\n * Old name for the implementation of the Ramer-Douglas-Peucker algorithm.\n * @deprecated Use {@link JXG.Math.Numerics.RamerDouglasPeucker}\n * @memberof JXG.Math.Numerics\n */\n RamerDouglasPeuker: function (pts, eps) {\n JXG.deprecated(\"Numerics.RamerDouglasPeuker()\", \"Numerics.RamerDouglasPeucker()\");\n return this.RamerDouglasPeucker(pts, eps);\n },\n\n /**\n * Implements the Visvalingam-Whyatt algorithm.\n * See M. Visvalingam, J. D. Whyatt:\n * \"Line generalisation by repeated elimination of the smallest area\", C.I.S.R.G Discussion paper 10, July 1992\n *\n * The algorithm discards points which are not necessary from the polygonal line defined by the point array\n * pts (consisting of type JXG.Coords).\n * @param {Array} pts Array of {@link JXG.Coords}\n * @param {Number} numPoints Number of remaining intermediate points. The first and the last point of the original points will\n * be taken in any case.\n * @returns {Array} An array containing points which approximates the curve defined by pts.\n * @memberof JXG.Math.Numerics\n *\n * @example\n * var i, p = [];\n * for (i = 0; i < 5; ++i) {\n * p.push(board.create('point', [Math.random() * 12 - 6, Math.random() * 12 - 6]));\n * }\n *\n * // Plot a cardinal spline curve\n * var splineArr = JXG.Math.Numerics.CardinalSpline(p, 0.5);\n * var cu1 = board.create('curve', splineArr, {strokeColor: 'green'});\n *\n * var c = board.create('curve', [[0],[0]], {strokeWidth: 2, strokeColor: 'black'});\n * c.updateDataArray = function() {\n * var i, len, points;\n *\n * // Reduce number of intermediate points with Visvakingam-Whyatt to 6\n * points = JXG.Math.Numerics.Visvalingam(cu1.points, 6);\n * // Plot the remaining points\n * len = points.length;\n * this.dataX = [];\n * this.dataY = [];\n * for (i = 0; i < len; i++) {\n * this.dataX.push(points[i].usrCoords[1]);\n * this.dataY.push(points[i].usrCoords[2]);\n * }\n * };\n * board.update();\n *\n *
\n * \n *\n */\n Visvalingam: function (pts, numPoints) {\n var i,\n len,\n vol,\n lastVol,\n linkedList = [],\n heap = [],\n points = [],\n lft,\n rt,\n lft2,\n rt2,\n obj;\n\n len = pts.length;\n\n // At least one intermediate point is needed\n if (len <= 2) {\n return pts;\n }\n\n // Fill the linked list\n // Add first point to the linked list\n linkedList[0] = {\n used: true,\n lft: null,\n node: null\n };\n\n // Add all intermediate points to the linked list,\n // whose triangle area is nonzero.\n lft = 0;\n for (i = 1; i < len - 1; i++) {\n vol = Math.abs(\n JXG.Math.Numerics.det([\n pts[i - 1].usrCoords,\n pts[i].usrCoords,\n pts[i + 1].usrCoords\n ])\n );\n if (!isNaN(vol)) {\n obj = {\n v: vol,\n idx: i\n };\n heap.push(obj);\n linkedList[i] = {\n used: true,\n lft: lft,\n node: obj\n };\n linkedList[lft].rt = i;\n lft = i;\n }\n }\n\n // Add last point to the linked list\n linkedList[len - 1] = {\n used: true,\n rt: null,\n lft: lft,\n node: null\n };\n linkedList[lft].rt = len - 1;\n\n // Remove points until only numPoints intermediate points remain\n lastVol = -Infinity;\n while (heap.length > numPoints) {\n // Sort the heap with the updated volume values\n heap.sort(function (a, b) {\n // descending sort\n return b.v - a.v;\n });\n\n // Remove the point with the smallest triangle\n i = heap.pop().idx;\n linkedList[i].used = false;\n lastVol = linkedList[i].node.v;\n\n // Update the pointers of the linked list\n lft = linkedList[i].lft;\n rt = linkedList[i].rt;\n linkedList[lft].rt = rt;\n linkedList[rt].lft = lft;\n\n // Update the values for the volumes in the linked list\n lft2 = linkedList[lft].lft;\n if (lft2 !== null) {\n vol = Math.abs(\n JXG.Math.Numerics.det([\n pts[lft2].usrCoords,\n pts[lft].usrCoords,\n pts[rt].usrCoords\n ])\n );\n\n linkedList[lft].node.v = vol >= lastVol ? vol : lastVol;\n }\n rt2 = linkedList[rt].rt;\n if (rt2 !== null) {\n vol = Math.abs(\n JXG.Math.Numerics.det([\n pts[lft].usrCoords,\n pts[rt].usrCoords,\n pts[rt2].usrCoords\n ])\n );\n\n linkedList[rt].node.v = vol >= lastVol ? vol : lastVol;\n }\n }\n\n // Return an array with the remaining points\n i = 0;\n points = [pts[i]];\n do {\n i = linkedList[i].rt;\n points.push(pts[i]);\n } while (linkedList[i].rt !== null);\n\n return points;\n }\n};\n\nexport default Mat.Numerics;\n","import '../../../src/stylus/components/_progress-circular.styl';\n// Mixins\nimport Colorable from '../../mixins/colorable';\nimport mixins from '../../util/mixins';\n/* @vue/component */\nexport default mixins(Colorable).extend({\n name: 'v-progress-circular',\n props: {\n button: Boolean,\n indeterminate: Boolean,\n rotate: {\n type: [Number, String],\n default: 0\n },\n size: {\n type: [Number, String],\n default: 32\n },\n width: {\n type: [Number, String],\n default: 4\n },\n value: {\n type: [Number, String],\n default: 0\n }\n },\n computed: {\n calculatedSize: function calculatedSize() {\n return Number(this.size) + (this.button ? 8 : 0);\n },\n circumference: function circumference() {\n return 2 * Math.PI * this.radius;\n },\n classes: function classes() {\n return {\n 'v-progress-circular--indeterminate': this.indeterminate,\n 'v-progress-circular--button': this.button\n };\n },\n normalizedValue: function normalizedValue() {\n if (this.value < 0) {\n return 0;\n }\n if (this.value > 100) {\n return 100;\n }\n return parseFloat(this.value);\n },\n radius: function radius() {\n return 20;\n },\n strokeDashArray: function strokeDashArray() {\n return Math.round(this.circumference * 1000) / 1000;\n },\n strokeDashOffset: function strokeDashOffset() {\n return (100 - this.normalizedValue) / 100 * this.circumference + 'px';\n },\n strokeWidth: function strokeWidth() {\n return Number(this.width) / +this.size * this.viewBoxSize * 2;\n },\n styles: function styles() {\n return {\n height: this.calculatedSize + 'px',\n width: this.calculatedSize + 'px'\n };\n },\n svgStyles: function svgStyles() {\n return {\n transform: 'rotate(' + Number(this.rotate) + 'deg)'\n };\n },\n viewBoxSize: function viewBoxSize() {\n return this.radius / (1 - Number(this.width) / +this.size);\n }\n },\n methods: {\n genCircle: function genCircle(h, name, offset) {\n return h('circle', {\n class: 'v-progress-circular__' + name,\n attrs: {\n fill: 'transparent',\n cx: 2 * this.viewBoxSize,\n cy: 2 * this.viewBoxSize,\n r: this.radius,\n 'stroke-width': this.strokeWidth,\n 'stroke-dasharray': this.strokeDashArray,\n 'stroke-dashoffset': offset\n }\n });\n },\n genSvg: function genSvg(h) {\n var children = [this.indeterminate || this.genCircle(h, 'underlay', 0), this.genCircle(h, 'overlay', this.strokeDashOffset)];\n return h('svg', {\n style: this.svgStyles,\n attrs: {\n xmlns: 'http://www.w3.org/2000/svg',\n viewBox: this.viewBoxSize + ' ' + this.viewBoxSize + ' ' + 2 * this.viewBoxSize + ' ' + 2 * this.viewBoxSize\n }\n }, children);\n }\n },\n render: function render(h) {\n var info = h('div', { staticClass: 'v-progress-circular__info' }, this.$slots.default);\n var svg = this.genSvg(h);\n return h('div', this.setTextColor(this.color, {\n staticClass: 'v-progress-circular',\n attrs: {\n 'role': 'progressbar',\n 'aria-valuemin': 0,\n 'aria-valuemax': 100,\n 'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue\n },\n class: this.classes,\n style: this.styles,\n on: this.$listeners\n }), [svg, info]);\n }\n});\n//# sourceMappingURL=VProgressCircular.js.map","// IE 8- don't enum bug keys\nmodule.exports = (\n 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'\n).split(',');\n","var ctx = require('./_ctx');\nvar call = require('./_iter-call');\nvar isArrayIter = require('./_is-array-iter');\nvar anObject = require('./_an-object');\nvar toLength = require('./_to-length');\nvar getIterFn = require('./core.get-iterator-method');\nvar BREAK = {};\nvar RETURN = {};\nvar exports = module.exports = function (iterable, entries, fn, that, ITERATOR) {\n var iterFn = ITERATOR ? function () { return iterable; } : getIterFn(iterable);\n var f = ctx(fn, that, entries ? 2 : 1);\n var index = 0;\n var length, step, iterator, result;\n if (typeof iterFn != 'function') throw TypeError(iterable + ' is not iterable!');\n // fast case for arrays with default iterator\n if (isArrayIter(iterFn)) for (length = toLength(iterable.length); length > index; index++) {\n result = entries ? f(anObject(step = iterable[index])[0], step[1]) : f(iterable[index]);\n if (result === BREAK || result === RETURN) return result;\n } else for (iterator = iterFn.call(iterable); !(step = iterator.next()).done;) {\n result = call(iterator, f, step.value, entries);\n if (result === BREAK || result === RETURN) return result;\n }\n};\nexports.BREAK = BREAK;\nexports.RETURN = RETURN;\n","'use strict';\n\nvar utils = require('../utils');\n\n/**\n * Config-specific merge-function which creates a new config-object\n * by merging two configuration objects together.\n *\n * @param {Object} config1\n * @param {Object} config2\n * @returns {Object} New object resulting from merging config2 to config1\n */\nmodule.exports = function mergeConfig(config1, config2) {\n // eslint-disable-next-line no-param-reassign\n config2 = config2 || {};\n var config = {};\n\n var valueFromConfig2Keys = ['url', 'method', 'params', 'data'];\n var mergeDeepPropertiesKeys = ['headers', 'auth', 'proxy'];\n var defaultToConfig2Keys = [\n 'baseURL', 'url', 'transformRequest', 'transformResponse', 'paramsSerializer',\n 'timeout', 'withCredentials', 'adapter', 'responseType', 'xsrfCookieName',\n 'xsrfHeaderName', 'onUploadProgress', 'onDownloadProgress',\n 'maxContentLength', 'validateStatus', 'maxRedirects', 'httpAgent',\n 'httpsAgent', 'cancelToken', 'socketPath'\n ];\n\n utils.forEach(valueFromConfig2Keys, function valueFromConfig2(prop) {\n if (typeof config2[prop] !== 'undefined') {\n config[prop] = config2[prop];\n }\n });\n\n utils.forEach(mergeDeepPropertiesKeys, function mergeDeepProperties(prop) {\n if (utils.isObject(config2[prop])) {\n config[prop] = utils.deepMerge(config1[prop], config2[prop]);\n } else if (typeof config2[prop] !== 'undefined') {\n config[prop] = config2[prop];\n } else if (utils.isObject(config1[prop])) {\n config[prop] = utils.deepMerge(config1[prop]);\n } else if (typeof config1[prop] !== 'undefined') {\n config[prop] = config1[prop];\n }\n });\n\n utils.forEach(defaultToConfig2Keys, function defaultToConfig2(prop) {\n if (typeof config2[prop] !== 'undefined') {\n config[prop] = config2[prop];\n } else if (typeof config1[prop] !== 'undefined') {\n config[prop] = config1[prop];\n }\n });\n\n var axiosKeys = valueFromConfig2Keys\n .concat(mergeDeepPropertiesKeys)\n .concat(defaultToConfig2Keys);\n\n var otherKeys = Object\n .keys(config2)\n .filter(function filterAxiosKeys(key) {\n return axiosKeys.indexOf(key) === -1;\n });\n\n utils.forEach(otherKeys, function otherKeysDefaultToConfig2(prop) {\n if (typeof config2[prop] !== 'undefined') {\n config[prop] = config2[prop];\n } else if (typeof config1[prop] !== 'undefined') {\n config[prop] = config1[prop];\n }\n });\n\n return config;\n};\n","// 7.1.4 ToInteger\nvar ceil = Math.ceil;\nvar floor = Math.floor;\nmodule.exports = function (it) {\n return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);\n};\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * JXG.Math.Statistics.TheilSenRegression(a.map(el => el.coords));\n *
\n *\n * @param {Array} coords Array of {@link JXG.Coords}.\n * @returns {Array} A stdform array of the regression line.\n * @memberof JXG.Math.Statistics\n *\n * @example\n * var board = JXG.JSXGraph.initBoard('jxgbox', { boundingbox: [-6,6,6,-6], axis : true });\n * var a=[];\n * a[0]=board.create('point', [0,0]);\n * a[1]=board.create('point', [3,0]);\n * a[2]=board.create('point', [0,3]);\n *\n * board.create('line', [\n * () => JXG.Math.Statistics.TheilSenRegression(a.map(el => el.coords))\n * ],\n * {strokeWidth:1, strokeColor:'black'});\n *\n * \n * \n *\n */\n TheilSenRegression: function (coords) {\n var i,\n j,\n slopes = [],\n tmpslopes = [],\n yintercepts = [];\n\n for (i = 0; i < coords.length; i++) {\n tmpslopes.length = 0;\n\n for (j = 0; j < coords.length; j++) {\n if (Math.abs(coords[j].usrCoords[1] - coords[i].usrCoords[1]) > Mat.eps) {\n tmpslopes[j] =\n (coords[j].usrCoords[2] - coords[i].usrCoords[2]) /\n (coords[j].usrCoords[1] - coords[i].usrCoords[1]);\n }\n }\n\n slopes[i] = this.median(tmpslopes);\n yintercepts.push(coords[i].usrCoords[2] - slopes[i] * coords[i].usrCoords[1]);\n }\n\n return [this.median(yintercepts), this.median(slopes), -1];\n },\n\n /**\n * Generate values of a standard normal random variable with the Marsaglia polar method, see\n * https://en.wikipedia.org/wiki/Marsaglia_polar_method .\n *\n * @param {Number} mean mean value of the normal distribution\n * @param {Number} stdDev standard deviation of the normal distribution\n * @returns {Number} value of a standard normal random variable\n */\n generateGaussian: function (mean, stdDev) {\n var u, v, s;\n\n if (this.hasSpare) {\n this.hasSpare = false;\n return this.spare * stdDev + mean;\n }\n\n do {\n u = Math.random() * 2 - 1;\n v = Math.random() * 2 - 1;\n s = u * u + v * v;\n } while (s >= 1 || s === 0);\n\n s = Math.sqrt((-2.0 * Math.log(s)) / s);\n\n this.spare = v * s;\n this.hasSpare = true;\n return mean + stdDev * u * s;\n }\n};\n\nexport default Mat.Statistics;\n","var global = require('./_global');\nvar navigator = global.navigator;\n\nmodule.exports = navigator && navigator.userAgent || '';\n","// 7.1.13 ToObject(argument)\nvar defined = require('./_defined');\nmodule.exports = function (it) {\n return Object(defined(it));\n};\n","// 7.1.13 ToObject(argument)\nvar defined = require('./_defined');\nmodule.exports = function (it) {\n return Object(defined(it));\n};\n","/*!\n * vue-nav-tabs v0.5.7\n * (c) 2018-present cristij \n * Released under the MIT License.\n */\n'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nfunction _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }\n\nvar _mergeJSXProps = _interopDefault(require('babel-helper-vue-jsx-merge-props'));\n\nvar VueTabs = {\n name: 'vue-tabs',\n props: {\n activeTabColor: String,\n activeTextColor: String,\n disabledColor: String,\n disabledTextColor: String,\n /**\n * Tab title position: center | bottom | top\n */\n textPosition: {\n type: String,\n default: 'center'\n },\n /**\n * Tab type: tabs | pills\n */\n type: {\n type: String,\n default: 'tabs'\n },\n direction: {\n type: String,\n default: 'horizontal'\n },\n /**\n * Centers the tabs and makes the container div full width\n */\n centered: Boolean,\n value: [String, Number, Object]\n },\n data: function data() {\n return {\n activeTabIndex: 0,\n tabs: []\n };\n },\n\n computed: {\n isTabShape: function isTabShape() {\n return this.type === 'tabs';\n },\n isStacked: function isStacked() {\n return this.direction === 'vertical';\n },\n classList: function classList() {\n var navType = this.isTabShape ? 'nav-tabs' : 'nav-pills';\n var centerClass = this.centered ? 'nav-justified' : '';\n var isStacked = this.isStacked ? 'nav-stacked' : '';\n return 'nav ' + navType + ' ' + centerClass + ' ' + isStacked;\n },\n stackedClass: function stackedClass() {\n return this.isStacked ? 'stacked' : '';\n },\n activeTabStyle: function activeTabStyle() {\n return {\n backgroundColor: this.activeTabColor,\n color: this.activeTextColor\n };\n }\n },\n methods: {\n navigateToTab: function navigateToTab(index, route) {\n this.changeTab(this.activeTabIndex, index, route);\n },\n activateTab: function activateTab(index) {\n this.activeTabIndex = index;\n var tab = this.tabs[index];\n tab.active = true;\n this.$emit('input', tab.title);\n },\n changeTab: function changeTab(oldIndex, newIndex, route) {\n var oldTab = this.tabs[oldIndex] || {};\n var newTab = this.tabs[newIndex];\n if (newTab.disabled) return;\n this.activeTabIndex = newIndex;\n oldTab.active = false;\n newTab.active = true;\n this.$emit('input', this.tabs[newIndex].title);\n this.$emit('tab-change', newIndex, newTab, oldTab);\n this.tryChangeRoute(route);\n },\n tryChangeRoute: function tryChangeRoute(route) {\n if (this.$router && route) {\n this.$router.push(route);\n }\n },\n addTab: function addTab(item) {\n var index = this.$slots.default.indexOf(item.$vnode);\n this.tabs.splice(index, 0, item);\n },\n removeTab: function removeTab(item) {\n var tabs = this.tabs;\n var index = tabs.indexOf(item);\n if (index > -1) {\n tabs.splice(index, 1);\n }\n },\n getTabs: function getTabs() {\n if (this.$slots.default) {\n return this.$slots.default.filter(function (comp) {\n return comp.componentOptions;\n });\n }\n return [];\n },\n findTabAndActivate: function findTabAndActivate(tabNameOrIndex) {\n var indexToActivate = this.tabs.findIndex(function (tab, index) {\n return tab.title === tabNameOrIndex || index === tabNameOrIndex;\n });\n if (indexToActivate === this.activeTabIndex) return;\n if (indexToActivate !== -1) {\n this.changeTab(this.activeTabIndex, indexToActivate);\n } else {\n this.changeTab(this.activeTabIndex, 0);\n }\n },\n renderTabTitle: function renderTabTitle(index) {\n var position = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top';\n var h = this.$createElement;\n\n if (this.tabs.length === 0) return;\n var tab = this.tabs[index];\n var active = tab.active,\n title = tab.title;\n\n var titleStyles = { color: this.activeTabColor };\n if (position === 'center') titleStyles.color = this.activeTextColor;\n var simpleTitle = h(\n 'span',\n { 'class': 'title title_' + position, style: active ? titleStyles : {} },\n [position === 'center' && this.renderIcon(index), title]\n );\n\n if (tab.$slots.title) return tab.$slots.title;\n if (tab.$scopedSlots.title) return tab.$scopedSlots.title({\n active: active,\n title: title,\n position: position,\n icon: tab.icon,\n data: tab.tabData\n });\n return simpleTitle;\n },\n renderIcon: function renderIcon(index) {\n var h = this.$createElement;\n\n if (this.tabs.length === 0) return;\n var tab = this.tabs[index];\n var icon = tab.icon;\n\n var simpleIcon = h(\n 'i',\n { 'class': icon },\n ['\\xA0']\n );\n if (!tab.$slots.title && icon) return simpleIcon;\n },\n tabStyles: function tabStyles(tab) {\n if (tab.disabled) {\n return {\n backgroundColor: this.disabledColor,\n color: this.disabledTextColor\n };\n }\n return {};\n },\n renderTabs: function renderTabs() {\n var _this = this;\n\n var h = this.$createElement;\n\n return this.tabs.map(function (tab, index) {\n if (!tab) return;\n var route = tab.route,\n id = tab.id,\n title = tab.title,\n icon = tab.icon,\n tabId = tab.tabId;\n\n var active = _this.activeTabIndex === index;\n return h(\n 'li',\n _mergeJSXProps([{\n attrs: { name: 'tab',\n id: 't-' + tabId,\n 'aria-selected': active,\n 'aria-controls': 'p-' + tabId,\n role: 'tab' },\n\n 'class': ['tab', { active: active }, { disabled: tab.disabled }],\n key: title }, {\n on: {\n 'click': function click($event) {\n for (var _len = arguments.length, attrs = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n attrs[_key - 1] = arguments[_key];\n }\n\n (function () {\n return !tab.disabled && _this.navigateToTab(index, route);\n }).apply(undefined, [$event].concat(attrs));\n }\n }\n }]),\n [_this.textPosition === 'top' && _this.renderTabTitle(index, _this.textPosition), h(\n 'a',\n _mergeJSXProps([{\n attrs: { href: '#',\n\n role: 'tab' },\n\n style: active ? _this.activeTabStyle : _this.tabStyles(tab),\n 'class': [{ 'active_tab': active }, 'tabs__link'] }, {\n on: {\n 'click': function click($event) {\n for (var _len2 = arguments.length, attrs = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n attrs[_key2 - 1] = arguments[_key2];\n }\n\n (function (e) {\n e.preventDefault();\n return false;\n }).apply(undefined, [$event].concat(attrs));\n }\n }\n }]),\n [_this.textPosition !== 'center' && !tab.$slots.title && _this.renderIcon(index), _this.textPosition === 'center' && _this.renderTabTitle(index, _this.textPosition)]\n ), _this.textPosition === 'bottom' && _this.renderTabTitle(index, _this.textPosition)]\n );\n });\n }\n },\n render: function render() {\n var h = arguments[0];\n\n var tabList = this.renderTabs();\n return h(\n 'div',\n { 'class': ['vue-tabs', this.stackedClass] },\n [h(\n 'div',\n { 'class': [{ 'nav-tabs-navigation': !this.isStacked }, { 'left-vertical-tabs': this.isStacked }] },\n [h(\n 'div',\n { 'class': ['nav-tabs-wrapper', this.stackedClass] },\n [h(\n 'ul',\n { 'class': this.classList, attrs: { role: 'tablist' }\n },\n [tabList]\n )]\n )]\n ), h(\n 'div',\n { 'class': ['tab-content', { 'right-text-tabs': this.isStacked }] },\n [this.$slots.default]\n )]\n );\n },\n\n watch: {\n tabs: function tabs(newList) {\n if (newList.length > 0 && !this.value) {\n if (newList.length <= this.activeTabIndex) {\n this.activateTab(this.activeTabIndex - 1);\n } else {\n this.activateTab(this.activeTabIndex);\n }\n }\n if (newList.length > 0 && this.value) {\n this.findTabAndActivate(this.value);\n }\n },\n value: function value(newVal) {\n this.findTabAndActivate(newVal);\n }\n }\n};\n\nvar VTab = {\n name: 'v-tab',\n props: {\n title: {\n type: String,\n default: ''\n },\n icon: {\n type: String,\n default: ''\n },\n tabData: {\n default: null\n },\n /***\n * Function to execute before tab switch. Return value must be boolean\n * If the return result is false, tab switch is restricted\n */\n beforeChange: {\n type: Function\n },\n id: String,\n route: {\n type: [String, Object]\n },\n disabled: Boolean,\n transitionName: String,\n transitionMode: String\n },\n computed: {\n isValidParent: function isValidParent() {\n return this.$parent.$options.name === 'vue-tabs';\n },\n hash: function hash() {\n return '#' + this.id;\n },\n tabId: function tabId() {\n return this.id ? this.id : this.title;\n }\n },\n data: function data() {\n return {\n active: false,\n validationError: null\n };\n },\n mounted: function mounted() {\n this.$parent.addTab(this);\n },\n destroyed: function destroyed() {\n if (this.$el && this.$el.parentNode) {\n this.$el.parentNode.removeChild(this.$el);\n }\n this.$parent.removeTab(this);\n },\n render: function render() {\n var h = arguments[0];\n\n return h(\n 'section',\n { 'class': 'tab-container',\n attrs: { id: 'p-' + this.tabId,\n 'aria-labelledby': 't-' + this.tabId,\n role: 'tabpanel' },\n directives: [{\n name: 'show',\n value: this.active\n }]\n },\n [this.$slots.default]\n );\n }\n};\n\nvar VueTabsPlugin = {\n install: function install(Vue) {\n Vue.component('vue-tabs', VueTabs);\n Vue.component('v-tab', VTab);\n }\n};\n// Automatic installation if Vue has been added to the global scope.\nif (typeof window !== 'undefined' && window.Vue) {\n window.Vue.use(VueTabsPlugin);\n window.VueTabs = VueTabsPlugin;\n}\n\nexports['default'] = VueTabsPlugin;\nexports.VueTabs = VueTabs;\nexports.VTab = VTab;\n","'use strict';\nvar strong = require('./_collection-strong');\nvar validate = require('./_validate-collection');\nvar SET = 'Set';\n\n// 23.2 Set Objects\nmodule.exports = require('./_collection')(SET, function (get) {\n return function Set() { return get(this, arguments.length > 0 ? arguments[0] : undefined); };\n}, {\n // 23.2.3.1 Set.prototype.add(value)\n add: function add(value) {\n return strong.def(validate(this, SET), value = value === 0 ? 0 : value, value);\n }\n}, strong);\n","var DESCRIPTORS = require('./_descriptors');\nvar getKeys = require('./_object-keys');\nvar toIObject = require('./_to-iobject');\nvar isEnum = require('./_object-pie').f;\nmodule.exports = function (isEntries) {\n return function (it) {\n var O = toIObject(it);\n var keys = getKeys(O);\n var length = keys.length;\n var i = 0;\n var result = [];\n var key;\n while (length > i) {\n key = keys[i++];\n if (!DESCRIPTORS || isEnum.call(O, key)) {\n result.push(isEntries ? [key, O[key]] : O[key]);\n }\n }\n return result;\n };\n};\n","'use strict';\n\nvar regexpFlags = require('./_flags');\n\nvar nativeExec = RegExp.prototype.exec;\n// This always refers to the native implementation, because the\n// String#replace polyfill uses ./fix-regexp-well-known-symbol-logic.js,\n// which loads this file before patching the method.\nvar nativeReplace = String.prototype.replace;\n\nvar patchedExec = nativeExec;\n\nvar LAST_INDEX = 'lastIndex';\n\nvar UPDATES_LAST_INDEX_WRONG = (function () {\n var re1 = /a/,\n re2 = /b*/g;\n nativeExec.call(re1, 'a');\n nativeExec.call(re2, 'a');\n return re1[LAST_INDEX] !== 0 || re2[LAST_INDEX] !== 0;\n})();\n\n// nonparticipating capturing group, copied from es5-shim's String#split patch.\nvar NPCG_INCLUDED = /()??/.exec('')[1] !== undefined;\n\nvar PATCH = UPDATES_LAST_INDEX_WRONG || NPCG_INCLUDED;\n\nif (PATCH) {\n patchedExec = function exec(str) {\n var re = this;\n var lastIndex, reCopy, match, i;\n\n if (NPCG_INCLUDED) {\n reCopy = new RegExp('^' + re.source + '$(?!\\\\s)', regexpFlags.call(re));\n }\n if (UPDATES_LAST_INDEX_WRONG) lastIndex = re[LAST_INDEX];\n\n match = nativeExec.call(re, str);\n\n if (UPDATES_LAST_INDEX_WRONG && match) {\n re[LAST_INDEX] = re.global ? match.index + match[0].length : lastIndex;\n }\n if (NPCG_INCLUDED && match && match.length > 1) {\n // Fix browsers whose `exec` methods don't consistently return `undefined`\n // for NPCG, like IE8. NOTE: This doesn' work for /(.?)?/\n // eslint-disable-next-line no-loop-func\n nativeReplace.call(match[0], reCopy, function () {\n for (i = 1; i < arguments.length - 2; i++) {\n if (arguments[i] === undefined) match[i] = undefined;\n }\n });\n }\n\n return match;\n };\n}\n\nmodule.exports = patchedExec;\n","'use strict';\n\nvar utils = require('./../utils');\nvar transformData = require('./transformData');\nvar isCancel = require('../cancel/isCancel');\nvar defaults = require('../defaults');\n\n/**\n * Throws a `Cancel` if cancellation has been requested.\n */\nfunction throwIfCancellationRequested(config) {\n if (config.cancelToken) {\n config.cancelToken.throwIfRequested();\n }\n}\n\n/**\n * Dispatch a request to the server using the configured adapter.\n *\n * @param {object} config The config that is to be used for the request\n * @returns {Promise} The Promise to be fulfilled\n */\nmodule.exports = function dispatchRequest(config) {\n throwIfCancellationRequested(config);\n\n // Ensure headers exist\n config.headers = config.headers || {};\n\n // Transform request data\n config.data = transformData(\n config.data,\n config.headers,\n config.transformRequest\n );\n\n // Flatten headers\n config.headers = utils.merge(\n config.headers.common || {},\n config.headers[config.method] || {},\n config.headers\n );\n\n utils.forEach(\n ['delete', 'get', 'head', 'post', 'put', 'patch', 'common'],\n function cleanHeaderConfig(method) {\n delete config.headers[method];\n }\n );\n\n var adapter = config.adapter || defaults.adapter;\n\n return adapter(config).then(function onAdapterResolution(response) {\n throwIfCancellationRequested(config);\n\n // Transform response data\n response.data = transformData(\n response.data,\n response.headers,\n config.transformResponse\n );\n\n return response;\n }, function onAdapterRejection(reason) {\n if (!isCancel(reason)) {\n throwIfCancellationRequested(config);\n\n // Transform response data\n if (reason && reason.response) {\n reason.response.data = transformData(\n reason.response.data,\n reason.response.headers,\n config.transformResponse\n );\n }\n }\n\n return Promise.reject(reason);\n });\n};\n","exports.f = {}.propertyIsEnumerable;\n","export default function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}","// Styles\nimport '../../../src/stylus/components/_content.styl';\n// Mixins\nimport SSRBootable from '../../mixins/ssr-bootable';\n/* @vue/component */\nexport default {\n name: 'v-content',\n mixins: [SSRBootable],\n props: {\n tag: {\n type: String,\n default: 'main'\n }\n },\n computed: {\n styles: function styles() {\n var _$vuetify$application = this.$vuetify.application,\n bar = _$vuetify$application.bar,\n top = _$vuetify$application.top,\n right = _$vuetify$application.right,\n footer = _$vuetify$application.footer,\n insetFooter = _$vuetify$application.insetFooter,\n bottom = _$vuetify$application.bottom,\n left = _$vuetify$application.left;\n\n return {\n paddingTop: top + bar + 'px',\n paddingRight: right + 'px',\n paddingBottom: footer + insetFooter + bottom + 'px',\n paddingLeft: left + 'px'\n };\n }\n },\n render: function render(h) {\n var data = {\n staticClass: 'v-content',\n style: this.styles,\n ref: 'content'\n };\n return h(this.tag, data, [h('div', { staticClass: 'v-content__wrap' }, this.$slots.default)]);\n }\n};\n//# sourceMappingURL=VContent.js.map","var core = require('./_core');\nvar global = require('./_global');\nvar SHARED = '__core-js_shared__';\nvar store = global[SHARED] || (global[SHARED] = {});\n\n(module.exports = function (key, value) {\n return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n version: core.version,\n mode: require('./_library') ? 'pure' : 'global',\n copyright: '© 2019 Denis Pushkarev (zloirock.ru)'\n});\n","var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\n// Styles\nimport '../../../src/stylus/components/_footer.styl';\n// Mixins\nimport Applicationable from '../../mixins/applicationable';\nimport Colorable from '../../mixins/colorable';\nimport Themeable from '../../mixins/themeable';\n/* @vue/component */\nexport default {\n name: 'v-footer',\n mixins: [Applicationable(null, ['height', 'inset']), Colorable, Themeable],\n props: {\n height: {\n default: 32,\n type: [Number, String]\n },\n inset: Boolean\n },\n computed: {\n applicationProperty: function applicationProperty() {\n return this.inset ? 'insetFooter' : 'footer';\n },\n computedMarginBottom: function computedMarginBottom() {\n if (!this.app) return;\n return this.$vuetify.application.bottom;\n },\n computedPaddingLeft: function computedPaddingLeft() {\n return !this.app || !this.inset ? 0 : this.$vuetify.application.left;\n },\n computedPaddingRight: function computedPaddingRight() {\n return !this.app || !this.inset ? 0 : this.$vuetify.application.right;\n },\n styles: function styles() {\n var styles = {\n height: isNaN(this.height) ? this.height : this.height + 'px'\n };\n if (this.computedPaddingLeft) {\n styles.paddingLeft = this.computedPaddingLeft + 'px';\n }\n if (this.computedPaddingRight) {\n styles.paddingRight = this.computedPaddingRight + 'px';\n }\n if (this.computedMarginBottom) {\n styles.marginBottom = this.computedMarginBottom + 'px';\n }\n return styles;\n }\n },\n methods: {\n /**\n * Update the application layout\n *\n * @return {number}\n */\n updateApplication: function updateApplication() {\n var height = parseInt(this.height);\n return isNaN(height) ? this.$el ? this.$el.clientHeight : 0 : height;\n }\n },\n render: function render(h) {\n var data = this.setBackgroundColor(this.color, {\n staticClass: 'v-footer',\n 'class': _extends({\n 'v-footer--absolute': this.absolute,\n 'v-footer--fixed': !this.absolute && (this.app || this.fixed),\n 'v-footer--inset': this.inset\n }, this.themeClasses),\n style: this.styles,\n ref: 'content'\n });\n return h('footer', data, this.$slots.default);\n }\n};\n//# sourceMappingURL=VFooter.js.map","var global = require('./_global');\nvar core = require('./_core');\nvar hide = require('./_hide');\nvar redefine = require('./_redefine');\nvar ctx = require('./_ctx');\nvar PROTOTYPE = 'prototype';\n\nvar $export = function (type, name, source) {\n var IS_FORCED = type & $export.F;\n var IS_GLOBAL = type & $export.G;\n var IS_STATIC = type & $export.S;\n var IS_PROTO = type & $export.P;\n var IS_BIND = type & $export.B;\n var target = IS_GLOBAL ? global : IS_STATIC ? global[name] || (global[name] = {}) : (global[name] || {})[PROTOTYPE];\n var exports = IS_GLOBAL ? core : core[name] || (core[name] = {});\n var expProto = exports[PROTOTYPE] || (exports[PROTOTYPE] = {});\n var key, own, out, exp;\n if (IS_GLOBAL) source = name;\n for (key in source) {\n // contains in native\n own = !IS_FORCED && target && target[key] !== undefined;\n // export native or passed\n out = (own ? target : source)[key];\n // bind timers to global for call from export context\n exp = IS_BIND && own ? ctx(out, global) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out;\n // extend global\n if (target) redefine(target, key, out, type & $export.U);\n // export\n if (exports[key] != out) hide(exports, key, exp);\n if (IS_PROTO && expProto[key] != out) expProto[key] = out;\n }\n};\nglobal.core = core;\n// type bitmap\n$export.F = 1; // forced\n$export.G = 2; // global\n$export.S = 4; // static\n$export.P = 8; // proto\n$export.B = 16; // bind\n$export.W = 32; // wrap\n$export.U = 64; // safe\n$export.R = 128; // real proto method for `library`\nmodule.exports = $export;\n","'use strict';\nvar $export = require('./_export');\nvar $indexOf = require('./_array-includes')(false);\nvar $native = [].indexOf;\nvar NEGATIVE_ZERO = !!$native && 1 / [1].indexOf(1, -0) < 0;\n\n$export($export.P + $export.F * (NEGATIVE_ZERO || !require('./_strict-method')($native)), 'Array', {\n // 22.1.3.11 / 15.4.4.14 Array.prototype.indexOf(searchElement [, fromIndex])\n indexOf: function indexOf(searchElement /* , fromIndex = 0 */) {\n return NEGATIVE_ZERO\n // convert -0 to +0\n ? $native.apply(this, arguments) || 0\n : $indexOf(this, searchElement, arguments[1]);\n }\n});\n","(function(e,t){\"object\"===typeof exports&&\"object\"===typeof module?module.exports=t(require(\"vue\")):\"function\"===typeof define&&define.amd?define([],t):\"object\"===typeof exports?exports[\"v-calendar\"]=t(require(\"vue\")):e[\"v-calendar\"]=t(e[\"Vue\"])})(\"undefined\"!==typeof self?self:this,(function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){\"undefined\"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&\"object\"===typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e[\"default\"]}:function(){return e};return n.d(t,\"a\",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p=\"\",n(n.s=\"fb15\")}({\"00fd\":function(e,t,n){var r=n(\"9e69\"),a=Object.prototype,o=a.hasOwnProperty,i=a.toString,s=r?r.toStringTag:void 0;function c(e){var t=o.call(e,s),n=e[s];try{e[s]=void 0;var r=!0}catch(c){}var a=i.call(e);return r&&(t?e[s]=n:delete e[s]),a}e.exports=c},\"03dd\":function(e,t,n){var r=n(\"eac5\"),a=n(\"57a5\"),o=Object.prototype,i=o.hasOwnProperty;function s(e){if(!r(e))return a(e);var t=[];for(var n in Object(e))i.call(e,n)&&\"constructor\"!=n&&t.push(n);return t}e.exports=s},\"0621\":function(e,t,n){var r=n(\"9e69\"),a=n(\"d370\"),o=n(\"6747\"),i=r?r.isConcatSpreadable:void 0;function s(e){return o(e)||a(e)||!!(i&&e&&e[i])}e.exports=s},\"06cf\":function(e,t,n){var r=n(\"83ab\"),a=n(\"d1e7\"),o=n(\"5c6c\"),i=n(\"fc6a\"),s=n(\"c04e\"),c=n(\"5135\"),u=n(\"0cfb\"),l=Object.getOwnPropertyDescriptor;t.f=r?l:function(e,t){if(e=i(e),t=s(t,!0),u)try{return l(e,t)}catch(n){}if(c(e,t))return o(!a.f.call(e,t),e[t])}},\"0733\":function(e,t,n){\"use strict\";n.d(t,\"a\",(function(){return o}));var r=n(\"2fa3\"),a=n(\"9404\");const o=function(e,t,{maxSwipeTime:n,minHorizontalSwipeDistance:o,maxVerticalSwipeDistance:i}){if(!e||!e.addEventListener||!Object(a[\"k\"])(t))return null;let s=0,c=0,u=null,l=!1;function d(e){const t=e.changedTouches[0];s=t.screenX,c=t.screenY,u=(new Date).getTime(),l=!0}function f(e){if(!l)return;l=!1;const r=e.changedTouches[0],a=r.screenX-s,d=r.screenY-c,f=(new Date).getTime()-u;if(f=o&&Math.abs(d)<=i){const e={toLeft:!1,toRight:!1};a<0?e.toLeft=!0:e.toRight=!0,t(e)}}return Object(r[\"k\"])(e,\"touchstart\",d,{passive:!0}),Object(r[\"k\"])(e,\"touchend\",f,{passive:!0}),function(){Object(r[\"j\"])(e,\"touchstart\",d),Object(r[\"j\"])(e,\"touchend\",f)}}},\"07c7\":function(e,t){function n(){return!1}e.exports=n},\"087d\":function(e,t){function n(e,t){var n=-1,r=t.length,a=e.length;while(++n]*>)/g,s=/\\$([$&'`]|\\d{1,2})/g;e.exports=function(e,t,n,c,u,l){var d=n+e.length,f=c.length,p=s;return void 0!==u&&(u=r(u),p=i),o.call(l,p,(function(r,o){var i;switch(o.charAt(0)){case\"$\":return\"$\";case\"&\":return e;case\"`\":return t.slice(0,n);case\"'\":return t.slice(d);case\"<\":i=u[o.slice(1,-1)];break;default:var s=+o;if(0===s)return r;if(s>f){var l=a(s/10);return 0===l?r:l<=f?void 0===c[l-1]?o.charAt(1):c[l-1]+o.charAt(1):r}i=c[s-1]}return void 0===i?\"\":i}))}},\"0cfb\":function(e,t,n){var r=n(\"83ab\"),a=n(\"d039\"),o=n(\"cc12\");e.exports=!r&&!a((function(){return 7!=Object.defineProperty(o(\"div\"),\"a\",{get:function(){return 7}}).a}))},\"0d24\":function(e,t,n){(function(e){var r=n(\"2b3e\"),a=n(\"07c7\"),o=t&&!t.nodeType&&t,i=o&&\"object\"==typeof e&&e&&!e.nodeType&&e,s=i&&i.exports===o,c=s?r.Buffer:void 0,u=c?c.isBuffer:void 0,l=u||a;e.exports=l}).call(this,n(\"62e4\")(e))},\"0da5\":function(e,t,n){var r=n(\"24fb\");t=r(!1),t.push([e.i,\".vc-nav-header{display:flex;justify-content:space-between}.vc-nav-arrow{display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:var(--leading-snug);border-width:2px;border-style:solid;border-color:transparent;border-radius:var(--rounded)}.vc-nav-arrow.is-left{margin-right:auto}.vc-nav-arrow.is-right{margin-left:auto}.vc-nav-arrow.is-disabled{opacity:.25;pointer-events:none;cursor:not-allowed}.vc-nav-arrow:hover{background-color:var(--gray-900)}.vc-nav-arrow:focus{border-color:var(--accent-600)}.vc-nav-title{color:var(--accent-100);font-weight:var(--font-bold);line-height:var(--leading-snug);padding:4px 8px;border-radius:var(--rounded);border-width:2px;border-style:solid;border-color:transparent;-webkit-user-select:none;user-select:none}.vc-nav-title:hover{background-color:var(--gray-900)}.vc-nav-title:focus{border-color:var(--accent-600)}.vc-nav-items{display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:2px;grid-column-gap:5px}.vc-nav-item{width:48px;text-align:center;line-height:var(--leading-snug);font-weight:var(--font-semibold);padding:4px 0;cursor:pointer;border-color:transparent;border-width:2px;border-style:solid;border-radius:var(--rounded);-webkit-user-select:none;user-select:none}.vc-nav-item:hover{color:var(--white);background-color:var(--gray-900);box-shadow:var(--shadow-inner)}.vc-nav-item.is-active{color:var(--accent-900);background:var(--accent-100);font-weight:var(--font-bold);box-shadow:var(--shadow)}.vc-nav-item.is-current{color:var(--accent-100);font-weight:var(--bold);border-color:var(--accent-100)}.vc-nav-item:focus{border-color:var(--accent-600)}.vc-nav-item.is-disabled{opacity:.25;pointer-events:none}.vc-is-dark .vc-nav-title{color:var(--gray-900)}.vc-is-dark .vc-nav-title:hover{background-color:var(--gray-200)}.vc-is-dark .vc-nav-title:focus{border-color:var(--accent-400)}.vc-is-dark .vc-nav-arrow:hover{background-color:var(--gray-200)}.vc-is-dark .vc-nav-arrow:focus{border-color:var(--accent-400)}.vc-is-dark .vc-nav-item:hover{color:var(--gray-900);background-color:var(--gray-200);box-shadow:none}.vc-is-dark .vc-nav-item.is-active{color:var(--white);background:var(--accent-500)}.vc-is-dark .vc-nav-item.is-current{color:var(--accent-600);border-color:var(--accent-500)}.vc-is-dark .vc-nav-item:focus{border-color:var(--accent-400)}\",\"\"]),e.exports=t},\"0f0f\":function(e,t,n){var r=n(\"8eeb\"),a=n(\"9934\");function o(e,t){return e&&r(t,a(t),e)}e.exports=o},\"0f5c\":function(e,t,n){var r=n(\"159a\");function a(e,t,n){return null==e?e:r(e,t,n)}e.exports=a},\"0fb2\":function(e,t,n){var r=n(\"24fb\");t=r(!1),t.push([e.i,'.vc-popover-content-wrapper[data-v-39b30300]{--popover-horizontal-content-offset:8px;--popover-vertical-content-offset:10px;--popover-slide-translation:15px;--popover-transition-time:0.14s ease-in-out;--popover-caret-horizontal-offset:18px;--popover-caret-vertical-offset:8px;position:absolute;display:block;outline:none;z-index:10}.vc-popover-content-wrapper[data-v-39b30300]:not(.is-interactive){pointer-events:none}.vc-popover-content[data-v-39b30300]{position:relative;outline:none;z-index:10;box-shadow:var(--shadow-lg)}.vc-popover-content.direction-bottom[data-v-39b30300]{margin-top:var(--popover-vertical-content-offset)}.vc-popover-content.direction-top[data-v-39b30300]{margin-bottom:var(--popover-vertical-content-offset)}.vc-popover-content.direction-left[data-v-39b30300]{margin-right:var(--popover-horizontal-content-offset)}.vc-popover-content.direction-right[data-v-39b30300]{margin-left:var(--popover-horizontal-content-offset)}.vc-popover-caret[data-v-39b30300]{content:\"\";position:absolute;display:block;width:12px;height:12px;border-top:inherit;border-left:inherit;background-color:inherit;-webkit-user-select:none;user-select:none;z-index:-1}.vc-popover-caret.direction-bottom[data-v-39b30300]{top:0}.vc-popover-caret.direction-bottom.align-left[data-v-39b30300]{transform:translateY(-50%) rotate(45deg)}.vc-popover-caret.direction-bottom.align-center[data-v-39b30300]{transform:translateX(-50%) translateY(-50%) rotate(45deg)}.vc-popover-caret.direction-bottom.align-right[data-v-39b30300]{transform:translateY(-50%) rotate(45deg)}.vc-popover-caret.direction-top[data-v-39b30300]{top:100%}.vc-popover-caret.direction-top.align-left[data-v-39b30300]{transform:translateY(-50%) rotate(-135deg)}.vc-popover-caret.direction-top.align-center[data-v-39b30300]{transform:translateX(-50%) translateY(-50%) rotate(-135deg)}.vc-popover-caret.direction-top.align-right[data-v-39b30300]{transform:translateY(-50%) rotate(-135deg)}.vc-popover-caret.direction-left[data-v-39b30300]{left:100%}.vc-popover-caret.direction-left.align-top[data-v-39b30300]{transform:translateX(-50%) rotate(135deg)}.vc-popover-caret.direction-left.align-middle[data-v-39b30300]{transform:translateY(-50%) translateX(-50%) rotate(135deg)}.vc-popover-caret.direction-left.align-bottom[data-v-39b30300]{transform:translateX(-50%) rotate(135deg)}.vc-popover-caret.direction-right[data-v-39b30300]{left:0}.vc-popover-caret.direction-right.align-top[data-v-39b30300]{transform:translateX(-50%) rotate(-45deg)}.vc-popover-caret.direction-right.align-middle[data-v-39b30300]{transform:translateY(-50%) translateX(-50%) rotate(-45deg)}.vc-popover-caret.direction-right.align-bottom[data-v-39b30300]{transform:translateX(-50%) rotate(-45deg)}.vc-popover-caret.align-left[data-v-39b30300]{left:var(--popover-caret-horizontal-offset)}.vc-popover-caret.align-center[data-v-39b30300]{left:50%}.vc-popover-caret.align-right[data-v-39b30300]{right:var(--popover-caret-horizontal-offset)}.vc-popover-caret.align-top[data-v-39b30300]{top:var(--popover-caret-vertical-offset)}.vc-popover-caret.align-middle[data-v-39b30300]{top:50%}.vc-popover-caret.align-bottom[data-v-39b30300]{bottom:var(--popover-caret-vertical-offset)}.fade-enter-active[data-v-39b30300],.fade-leave-active[data-v-39b30300],.slide-fade-enter-active[data-v-39b30300],.slide-fade-leave-active[data-v-39b30300]{transition:all var(--popover-transition-time);pointer-events:none}.fade-enter[data-v-39b30300],.fade-leave-to[data-v-39b30300],.slide-fade-enter[data-v-39b30300],.slide-fade-leave-to[data-v-39b30300]{opacity:0}.slide-fade-enter.direction-bottom[data-v-39b30300],.slide-fade-leave-to.direction-bottom[data-v-39b30300]{transform:translateY(calc(var(--popover-slide-translation)*-1))}.slide-fade-enter.direction-top[data-v-39b30300],.slide-fade-leave-to.direction-top[data-v-39b30300]{transform:translateY(var(--popover-slide-translation))}.slide-fade-enter.direction-left[data-v-39b30300],.slide-fade-leave-to.direction-left[data-v-39b30300]{transform:translateX(var(--popover-slide-translation))}.slide-fade-enter.direction-right[data-v-39b30300],.slide-fade-leave-to.direction-right[data-v-39b30300]{transform:translateX(calc(var(--popover-slide-translation)*-1))}',\"\"]),e.exports=t},\"100e\":function(e,t,n){var r=n(\"cd9d\"),a=n(\"2286\"),o=n(\"c1c9\");function i(e,t){return o(a(e,t,r),e+\"\")}e.exports=i},1041:function(e,t,n){var r=n(\"8eeb\"),a=n(\"a029\");function o(e,t){return r(e,a(e),t)}e.exports=o},\"107c\":function(e,t,n){var r=n(\"d039\");e.exports=r((function(){var e=RegExp(\"(?b)\",\"string\".charAt(5));return\"b\"!==e.exec(\"b\").groups.a||\"bc\"!==\"b\".replace(e,\"$c\")}))},1290:function(e,t){function n(e){var t=typeof e;return\"string\"==t||\"number\"==t||\"symbol\"==t||\"boolean\"==t?\"__proto__\"!==e:null===e}e.exports=n},1310:function(e,t){function n(e){return null!=e&&\"object\"==typeof e}e.exports=n},1315:function(e,t,n){\"use strict\";n.d(t,\"a\",(function(){return d}));var r=n(\"8bbf\"),a=n.n(r),o=n(\"9404\");function i(e){return Object(o[\"n\"])(e)&&(e={min:e}),Object(o[\"h\"])(e)||(e=[e]),e.map((function(e){return Object(o[\"e\"])(e,\"raw\")?e.raw:Object(o[\"q\"])(e,(function(e,t){return t=Object(o[\"d\"])({min:\"min-width\",max:\"max-width\"},t,t),`(${t}: ${e})`})).join(\" and \")})).join(\", \")}var s=n(\"85a9\");let c=!1,u=!1,l=null;function d(e=s,t){l&&!t||c||(c=!0,u=!0,l=new a.a({data(){return{matches:[],queries:[]}},methods:{refreshQueries(){var t=this;window&&window.matchMedia&&(this.queries=Object(o[\"r\"])(e,(function(e){const n=window.matchMedia(i(e));return Object(o[\"k\"])(n.addEventListener)?n.addEventListener(\"change\",t.refreshMatches):n.addListener(t.refreshMatches),n})),this.refreshMatches())},refreshMatches(){this.matches=Object(o[\"w\"])(this.queries).filter((function(e){return e[1].matches})).map((function(e){return e[0]}))}}}),c=!1)}a.a.mixin({beforeCreate(){c||d()},mounted(){u&&l&&(l.refreshQueries(),u=!1)},computed:{$screens(){return function(e,t){return l.matches.reduce((function(t,n){return Object(o[\"e\"])(e,n)?e[n]:t}),Object(o[\"o\"])(t)?e.default:t)}}}})},1368:function(e,t,n){var r=n(\"da03\"),a=function(){var e=/[^.]+$/.exec(r&&r.keys&&r.keys.IE_PROTO||\"\");return e?\"Symbol(src)_1.\"+e:\"\"}();function o(e){return!!a&&a in e}e.exports=o},\"14c3\":function(e,t,n){var r=n(\"c6b6\"),a=n(\"9263\");e.exports=function(e,t){var n=e.exec;if(\"function\"===typeof n){var o=n.call(e,t);if(\"object\"!==typeof o)throw TypeError(\"RegExp exec method returned something other than an Object or null\");return o}if(\"RegExp\"!==r(e))throw TypeError(\"RegExp#exec called on incompatible receiver\");return a.call(e,t)}},\"159a\":function(e,t,n){var r=n(\"32b3\"),a=n(\"e2e4\"),o=n(\"c098\"),i=n(\"1a8c\"),s=n(\"f4d6\");function c(e,t,n,c){if(!i(e))return e;t=a(t,e);var u=-1,l=t.length,d=l-1,f=e;while(null!=f&&++u=0&&(r[o]=parseInt(n[a].value,10))}return r}function c(e,t){var n=e.format(t).replace(/\\u200E/g,\"\"),r=/(\\d+)\\/(\\d+)\\/(\\d+),? (\\d+):(\\d+):(\\d+)/.exec(n);return[r[3],r[1],r[2],r[4],r[5],r[6]]}var u={};function l(e){if(!u[e]){var t=new Intl.DateTimeFormat(\"en-US\",{hour12:!1,timeZone:\"America/New_York\",year:\"numeric\",month:\"2-digit\",day:\"2-digit\",hour:\"2-digit\",minute:\"2-digit\",second:\"2-digit\"}).format(new Date(\"2014-06-25T04:00:00.123Z\")),n=\"06/25/2014, 00:00:00\"===t||\"06/25/2014 00:00:00\"===t;u[e]=n?new Intl.DateTimeFormat(\"en-US\",{hour12:!1,timeZone:e,year:\"numeric\",month:\"2-digit\",day:\"2-digit\",hour:\"2-digit\",minute:\"2-digit\",second:\"2-digit\"}):new Intl.DateTimeFormat(\"en-US\",{hourCycle:\"h23\",timeZone:e,year:\"numeric\",month:\"2-digit\",day:\"2-digit\",hour:\"2-digit\",minute:\"2-digit\",second:\"2-digit\"})}return u[e]}var d=36e5,f=6e4,p={timezone:/([Z+-].*)$/,timezoneZ:/^(Z)$/,timezoneHH:/^([+-])(\\d{2})$/,timezoneHHMM:/^([+-])(\\d{2}):?(\\d{2})$/,timezoneIANA:/(UTC|(?:[a-zA-Z]+\\/[a-zA-Z_-]+(?:\\/[a-zA-Z_]+)?))$/};function h(e,t,n){var r,a,o;if(r=p.timezoneZ.exec(e),r)return 0;if(r=p.timezoneHH.exec(e),r)return o=parseInt(r[2],10),g(o)?(a=o*d,\"+\"===r[1]?-a:a):NaN;if(r=p.timezoneHHMM.exec(e),r){o=parseInt(r[2],10);var i=parseInt(r[3],10);return g(o,i)?(a=o*d+i*f,\"+\"===r[1]?-a:a):NaN}if(r=p.timezoneIANA.exec(e),r){t=new Date(t||Date.now());var s=n?t:v(t),c=b(s,e),u=n?c:m(t,c,e);return-u}return 0}function v(e){return new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()))}function b(e,t){var n=o(e,t),r=Date.UTC(n[0],n[1]-1,n[2],n[3]%24,n[4],n[5]),a=e.getTime(),i=a%1e3;return a-=i>=0?i:1e3+i,r-a}function m(e,t,n){var r=e.getTime(),a=r-t,o=b(new Date(a),n);if(t===o)return t;a-=o-t;var i=b(new Date(a),n);return o===i?o:Math.max(o,i)}function g(e,t){return null==t||!(t<0||t>59)}var y=36e5,w=6e4,x=2,D={dateTimeDelimeter:/[T ]/,plainTime:/:/,timeZoneDelimeter:/[Z ]/i,YY:/^(\\d{2})$/,YYY:[/^([+-]\\d{2})$/,/^([+-]\\d{3})$/,/^([+-]\\d{4})$/],YYYY:/^(\\d{4})/,YYYYY:[/^([+-]\\d{4})/,/^([+-]\\d{5})/,/^([+-]\\d{6})/],MM:/^-(\\d{2})$/,DDD:/^-?(\\d{3})$/,MMDD:/^-?(\\d{2})-?(\\d{2})$/,Www:/^-?W(\\d{2})$/,WwwD:/^-?W(\\d{2})-?(\\d{1})$/,HH:/^(\\d{2}([.,]\\d*)?)$/,HHMM:/^(\\d{2}):?(\\d{2}([.,]\\d*)?)$/,HHMMSS:/^(\\d{2}):?(\\d{2}):?(\\d{2}([.,]\\d*)?)$/,timezone:/([Z+-].*| UTC|(?:[a-zA-Z]+\\/[a-zA-Z_]+(?:\\/[a-zA-Z_]+)?))$/};function O(e,t){if(arguments.length<1)throw new TypeError(\"1 argument required, but only \"+arguments.length+\" present\");if(null===e)return new Date(NaN);var n=t||{},o=null==n.additionalDigits?x:Object(r[\"a\"])(n.additionalDigits);if(2!==o&&1!==o&&0!==o)throw new RangeError(\"additionalDigits must be 0, 1 or 2\");if(e instanceof Date||\"object\"===typeof e&&\"[object Date]\"===Object.prototype.toString.call(e))return new Date(e.getTime());if(\"number\"===typeof e||\"[object Number]\"===Object.prototype.toString.call(e))return new Date(e);if(\"string\"!==typeof e&&\"[object String]\"!==Object.prototype.toString.call(e))return new Date(NaN);var i=j(e),s=k(i.date,o),c=s.year,u=s.restDateString,l=M(u,c);if(isNaN(l))return new Date(NaN);if(l){var d,f=l.getTime(),p=0;if(i.time&&(p=P(i.time),isNaN(p)))return new Date(NaN);if(i.timezone||n.timeZone){if(d=h(i.timezone||n.timeZone,new Date(f+p)),isNaN(d))return new Date(NaN)}else d=a(new Date(f+p)),d=a(new Date(f+p+d));return new Date(f+p+d)}return new Date(NaN)}function j(e){var t,n={},r=e.split(D.dateTimeDelimeter);if(D.plainTime.test(r[0])?(n.date=null,t=r[0]):(n.date=r[0],t=r[1],n.timezone=r[2],D.timeZoneDelimeter.test(n.date)&&(n.date=e.split(D.timeZoneDelimeter)[0],t=e.substr(n.date.length,e.length))),t){var a=D.timezone.exec(t);a?(n.time=t.replace(a[1],\"\"),n.timezone=a[1]):n.time=t}return n}function k(e,t){var n,r=D.YYY[t],a=D.YYYYY[t];if(n=D.YYYY.exec(e)||a.exec(e),n){var o=n[1];return{year:parseInt(o,10),restDateString:e.slice(o.length)}}if(n=D.YY.exec(e)||r.exec(e),n){var i=n[1];return{year:100*parseInt(i,10),restDateString:e.slice(i.length)}}return{year:null}}function M(e,t){if(null===t)return null;var n,r,a,o;if(0===e.length)return r=new Date(0),r.setUTCFullYear(t),r;if(n=D.MM.exec(e),n)return r=new Date(0),a=parseInt(n[1],10)-1,I(t,a)?(r.setUTCFullYear(t,a),r):new Date(NaN);if(n=D.DDD.exec(e),n){r=new Date(0);var i=parseInt(n[1],10);return T(t,i)?(r.setUTCFullYear(t,0,i),r):new Date(NaN)}if(n=D.MMDD.exec(e),n){r=new Date(0),a=parseInt(n[1],10)-1;var s=parseInt(n[2],10);return I(t,a,s)?(r.setUTCFullYear(t,a,s),r):new Date(NaN)}if(n=D.Www.exec(e),n)return o=parseInt(n[1],10)-1,C(t,o)?Y(t,o):new Date(NaN);if(n=D.WwwD.exec(e),n){o=parseInt(n[1],10)-1;var c=parseInt(n[2],10)-1;return C(t,o,c)?Y(t,o,c):new Date(NaN)}return null}function P(e){var t,n,r;if(t=D.HH.exec(e),t)return n=parseFloat(t[1].replace(\",\",\".\")),$(n)?n%24*y:NaN;if(t=D.HHMM.exec(e),t)return n=parseInt(t[1],10),r=parseFloat(t[2].replace(\",\",\".\")),$(n,r)?n%24*y+r*w:NaN;if(t=D.HHMMSS.exec(e),t){n=parseInt(t[1],10),r=parseInt(t[2],10);var a=parseFloat(t[3].replace(\",\",\".\"));return $(n,r,a)?n%24*y+r*w+1e3*a:NaN}return null}function Y(e,t,n){t=t||0,n=n||0;var r=new Date(0);r.setUTCFullYear(e,0,4);var a=r.getUTCDay()||7,o=7*t+n+1-a;return r.setUTCDate(r.getUTCDate()+o),r}var S=[31,28,31,30,31,30,31,31,30,31,30,31],_=[31,29,31,30,31,30,31,31,30,31,30,31];function E(e){return e%400===0||e%4===0&&e%100!==0}function I(e,t,n){if(t<0||t>11)return!1;if(null!=n){if(n<1)return!1;var r=E(e);if(r&&n>_[t])return!1;if(!r&&n>S[t])return!1}return!0}function T(e,t){if(t<1)return!1;var n=E(e);return!(n&&t>366)&&!(!n&&t>365)}function C(e,t,n){return!(t<0||t>52)&&(null==n||!(n<0||n>6))}function $(e,t,n){return(null==e||!(e<0||e>=25))&&((null==t||!(t<0||t>=60))&&(null==n||!(n<0||n>=60)))}var A=n(\"fd3a\"),N=n(\"8c86\");function F(e,t){Object(N[\"a\"])(1,arguments);var n=t||{},a=n.locale,o=a&&a.options&&a.options.weekStartsOn,i=null==o?0:Object(r[\"a\"])(o),s=null==n.weekStartsOn?i:Object(r[\"a\"])(n.weekStartsOn);if(!(s>=0&&s<=6))throw new RangeError(\"weekStartsOn must be between 0 and 6 inclusively\");var c=Object(A[\"a\"])(e),u=c.getDay(),l=(u=a.getTime()?n+1:t.getTime()>=i.getTime()?n:n-1}function H(e){Object(N[\"a\"])(1,arguments);var t=L(e),n=new Date(0);n.setFullYear(t,0,4),n.setHours(0,0,0,0);var r=z(n);return r}var R=6048e5;function W(e){Object(N[\"a\"])(1,arguments);var t=Object(A[\"a\"])(e),n=z(t).getTime()-H(t).getTime();return Math.round(n/R)+1}function V(e,t){var n,a;Object(N[\"a\"])(1,arguments);var o=Object(A[\"a\"])(e),i=o.getFullYear(),s=null===t||void 0===t||null===(n=t.locale)||void 0===n||null===(a=n.options)||void 0===a?void 0:a.firstWeekContainsDate,c=null==s?1:Object(r[\"a\"])(s),u=null==(null===t||void 0===t?void 0:t.firstWeekContainsDate)?c:Object(r[\"a\"])(t.firstWeekContainsDate);if(!(u>=1&&u<=7))throw new RangeError(\"firstWeekContainsDate must be between 1 and 7 inclusively\");var l=new Date(0);l.setFullYear(i+1,0,u),l.setHours(0,0,0,0);var d=F(l,t),f=new Date(0);f.setFullYear(i,0,u),f.setHours(0,0,0,0);var p=F(f,t);return o.getTime()>=d.getTime()?i+1:o.getTime()>=p.getTime()?i:i-1}function U(e,t){Object(N[\"a\"])(1,arguments);var n=t||{},a=n.locale,o=a&&a.options&&a.options.firstWeekContainsDate,i=null==o?1:Object(r[\"a\"])(o),s=null==n.firstWeekContainsDate?i:Object(r[\"a\"])(n.firstWeekContainsDate),c=V(e,t),u=new Date(0);u.setFullYear(c,0,s),u.setHours(0,0,0,0);var l=F(u,t);return l}var B=6048e5;function Z(e,t){Object(N[\"a\"])(1,arguments);var n=Object(A[\"a\"])(e),r=F(n,t).getTime()-U(n,t).getTime();return Math.round(r/B)+1}var q=6048e5;function G(e,t,n){Object(N[\"a\"])(2,arguments);var r=F(e,n),o=F(t,n),i=r.getTime()-a(r),s=o.getTime()-a(o);return Math.round((i-s)/q)}function K(e){Object(N[\"a\"])(1,arguments);var t=Object(A[\"a\"])(e),n=t.getMonth();return t.setFullYear(t.getFullYear(),n+1,0),t.setHours(0,0,0,0),t}function X(e){Object(N[\"a\"])(1,arguments);var t=Object(A[\"a\"])(e);return t.setDate(1),t.setHours(0,0,0,0),t}function J(e,t){return Object(N[\"a\"])(1,arguments),G(K(e),X(e),t)+1}var Q=n(\"f7f1\"),ee=n(\"cfe5\"),te=n(\"f15d\"),ne=n(\"2fa3\"),re=n(\"9404\");const ae={DATE_TIME:1,DATE:2,TIME:3},oe={1:[\"year\",\"month\",\"day\",\"hours\",\"minutes\",\"seconds\",\"milliseconds\"],2:[\"year\",\"month\",\"day\"],3:[\"hours\",\"minutes\",\"seconds\",\"milliseconds\"]},ie=/d{1,2}|W{1,4}|M{1,4}|YY(?:YY)?|S{1,3}|Do|Z{1,4}|([HhMsDm])\\1?|[aA]|\"[^\"]*\"|'[^']*'/g,se=/\\d\\d?/,ce=/\\d{3}/,ue=/\\d{4}/,le=/[0-9]*['a-z\\u00A0-\\u05FF\\u0700-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF]+|[\\u0600-\\u06FF/]+(\\s*?[\\u0600-\\u06FF]+){1,2}/i,de=/\\[([^]*?)\\]/gm,fe=function(){},pe=function(e){return function(t,n,r){const a=r[e].indexOf(n.charAt(0).toUpperCase()+n.substr(1).toLowerCase());~a&&(t.month=a)}},he=[\"L\",\"iso\"],ve=7,be=[31,28,31,30,31,30,31,31,30,31,30,31],me=[{value:0,label:\"00\"},{value:1,label:\"01\"},{value:2,label:\"02\"},{value:3,label:\"03\"},{value:4,label:\"04\"},{value:5,label:\"05\"},{value:6,label:\"06\"},{value:7,label:\"07\"},{value:8,label:\"08\"},{value:9,label:\"09\"},{value:10,label:\"10\"},{value:11,label:\"11\"},{value:12,label:\"12\"},{value:13,label:\"13\"},{value:14,label:\"14\"},{value:15,label:\"15\"},{value:16,label:\"16\"},{value:17,label:\"17\"},{value:18,label:\"18\"},{value:19,label:\"19\"},{value:20,label:\"20\"},{value:21,label:\"21\"},{value:22,label:\"22\"},{value:23,label:\"23\"}],ge={D(e){return e.day},DD(e){return Object(ne[\"m\"])(e.day)},Do(e,t){return t.DoFn(e.day)},d(e){return e.weekday-1},dd(e){return Object(ne[\"m\"])(e.weekday-1)},W(e,t){return t.dayNamesNarrow[e.weekday-1]},WW(e,t){return t.dayNamesShorter[e.weekday-1]},WWW(e,t){return t.dayNamesShort[e.weekday-1]},WWWW(e,t){return t.dayNames[e.weekday-1]},M(e){return e.month},MM(e){return Object(ne[\"m\"])(e.month)},MMM(e,t){return t.monthNamesShort[e.month-1]},MMMM(e,t){return t.monthNames[e.month-1]},YY(e){return String(e.year).substr(2)},YYYY(e){return Object(ne[\"m\"])(e.year,4)},h(e){return e.hours%12||12},hh(e){return Object(ne[\"m\"])(e.hours%12||12)},H(e){return e.hours},HH(e){return Object(ne[\"m\"])(e.hours)},m(e){return e.minutes},mm(e){return Object(ne[\"m\"])(e.minutes)},s(e){return e.seconds},ss(e){return Object(ne[\"m\"])(e.seconds)},S(e){return Math.round(e.milliseconds/100)},SS(e){return Object(ne[\"m\"])(Math.round(e.milliseconds/10),2)},SSS(e){return Object(ne[\"m\"])(e.milliseconds,3)},a(e,t){return e.hours<12?t.amPm[0]:t.amPm[1]},A(e,t){return e.hours<12?t.amPm[0].toUpperCase():t.amPm[1].toUpperCase()},Z(){return\"Z\"},ZZ(e){const t=e.timezoneOffset;return`${t>0?\"-\":\"+\"}${Object(ne[\"m\"])(Math.floor(Math.abs(t)/60),2)}`},ZZZ(e){const t=e.timezoneOffset;return`${t>0?\"-\":\"+\"}${Object(ne[\"m\"])(100*Math.floor(Math.abs(t)/60)+Math.abs(t)%60,4)}`},ZZZZ(e){const t=e.timezoneOffset;return`${t>0?\"-\":\"+\"}${Object(ne[\"m\"])(Math.floor(Math.abs(t)/60),2)}:${Object(ne[\"m\"])(Math.abs(t)%60,2)}`}},ye={D:[se,function(e,t){e.day=t}],Do:[new RegExp(se.source+le.source),function(e,t){e.day=parseInt(t,10)}],d:[se,fe],W:[le,fe],M:[se,function(e,t){e.month=t-1}],MMM:[le,pe(\"monthNamesShort\")],MMMM:[le,pe(\"monthNames\")],YY:[se,function(e,t){const n=new Date,r=+n.getFullYear().toString().substr(0,2);e.year=`${t>68?r-1:r}${t}`}],YYYY:[ue,function(e,t){e.year=t}],S:[/\\d/,function(e,t){e.millisecond=100*t}],SS:[/\\d{2}/,function(e,t){e.millisecond=10*t}],SSS:[ce,function(e,t){e.millisecond=t}],h:[se,function(e,t){e.hour=t}],m:[se,function(e,t){e.minute=t}],s:[se,function(e,t){e.second=t}],a:[le,function(e,t,n){const r=t.toLowerCase();r===n.amPm[0]?e.isPm=!1:r===n.amPm[1]&&(e.isPm=!0)}],Z:[/[^\\s]*?[+-]\\d\\d:?\\d\\d|[^\\s]*?Z?/,function(e,t){\"Z\"===t&&(t=\"+00:00\");const n=(\"\"+t).match(/([+-]|\\d\\d)/gi);if(n){const t=60*n[1]+parseInt(n[2],10);e.timezoneOffset=\"+\"===n[0]?t:-t}}]};function we(e,t){const n=(new Intl.DateTimeFormat).resolvedOptions().locale;let r;Object(re[\"n\"])(e)?r=e:Object(re[\"e\"])(e,\"id\")&&(r=e.id),r=(r||n).toLowerCase();const a=Object.keys(t),o=function(e){return a.find((function(t){return t.toLowerCase()===e}))};r=o(r)||o(r.substring(0,2))||n;const i={...t[\"en-IE\"],...t[r],id:r};return e=Object(re[\"m\"])(e)?Object(re[\"c\"])(e,i):i,e}ye.DD=ye.D,ye.dd=ye.d,ye.WWWW=ye.WWW=ye.WW=ye.W,ye.MM=ye.M,ye.mm=ye.m,ye.hh=ye.H=ye.HH=ye.h,ye.ss=ye.s,ye.A=ye.a,ye.ZZZZ=ye.ZZZ=ye.ZZ=ye.Z;class xe{constructor(e,{locales:t=te[\"a\"],timezone:n}={}){const{id:r,firstDayOfWeek:a,masks:o}=we(e,t);this.id=r,this.daysInWeek=ve,this.firstDayOfWeek=Object(re[\"a\"])(a,1,ve),this.masks=o,this.timezone=n||void 0,this.dayNames=this.getDayNames(\"long\"),this.dayNamesShort=this.getDayNames(\"short\"),this.dayNamesShorter=this.dayNamesShort.map((function(e){return e.substring(0,2)})),this.dayNamesNarrow=this.getDayNames(\"narrow\"),this.monthNames=this.getMonthNames(\"long\"),this.monthNamesShort=this.getMonthNames(\"short\"),this.amPm=[\"am\",\"pm\"],this.monthData={},this.getMonthComps=this.getMonthComps.bind(this),this.parse=this.parse.bind(this),this.format=this.format.bind(this),this.toPage=this.toPage.bind(this)}format(e,t){var n=this;if(e=this.normalizeDate(e),!e)return\"\";t=this.normalizeMasks(t)[0];const r=[];t=t.replace(de,(function(e,t){return r.push(t),\"??\"}));const a=/Z$/.test(t)?\"utc\":this.timezone,o=this.getDateParts(e,a);return t=t.replace(ie,(function(e){return e in ge?ge[e](o,n):e.slice(1,e.length-1)})),t.replace(/\\?\\?/g,(function(){return r.shift()}))}parse(e,t){var n=this;const r=this.normalizeMasks(t);return r.map((function(t){if(\"string\"!==typeof t)throw new Error(\"Invalid mask in fecha.parse\");let r=e;if(r.length>1e3)return!1;let a=!0;const o={};if(t.replace(ie,(function(e){if(ye[e]){const t=ye[e],i=r.search(t[0]);~i?r.replace(t[0],(function(e){return t[1](o,e,n),r=r.substr(i+e.length),e})):a=!1}return ye[e]?\"\":e.slice(1,e.length-1)})),!a)return!1;const i=new Date;let s;return!0===o.isPm&&null!=o.hour&&12!==+o.hour?o.hour=+o.hour+12:!1===o.isPm&&12===+o.hour&&(o.hour=0),null!=o.timezoneOffset?(o.minute=+(o.minute||0)-+o.timezoneOffset,s=new Date(Date.UTC(o.year||i.getFullYear(),o.month||0,o.day||1,o.hour||0,o.minute||0,o.second||0,o.millisecond||0))):s=n.getDateFromParts({year:o.year||i.getFullYear(),month:(o.month||0)+1,day:o.day||1,hours:o.hour||0,minutes:o.minute||0,seconds:o.second||0,milliseconds:o.millisecond||0}),s})).find((function(e){return e}))||new Date(e)}normalizeMasks(e){var t=this;return(Object(ne[\"b\"])(e)&&e||[Object(re[\"n\"])(e)&&e||\"YYYY-MM-DD\"]).map((function(e){return he.reduce((function(e,n){return e.replace(n,t.masks[n]||\"\")}),e)}))}normalizeDate(e,t={}){let n=null,{type:r,fillDate:a}=t;const{mask:o,patch:i,time:s}=t,c=\"auto\"===r||!r;if(Object(re[\"l\"])(e)?(r=\"number\",n=new Date(+e)):Object(re[\"n\"])(e)?(r=\"string\",n=e?this.parse(e,o||\"iso\"):null):Object(re[\"m\"])(e)?(r=\"object\",n=this.getDateFromParts(e)):(r=\"date\",n=Object(re[\"j\"])(e)?new Date(e.getTime()):null),n&&i){a=null==a?new Date:this.normalizeDate(a);const e={...this.getDateParts(a),...Object(re[\"t\"])(this.getDateParts(n),oe[i])};n=this.getDateFromParts(e)}return c&&(t.type=r),n&&!isNaN(n.getTime())?(s&&(n=this.adjustTimeForDate(n,{timeAdjust:s})),n):null}denormalizeDate(e,{type:t,mask:n}={}){switch(t){case\"number\":return e?e.getTime():NaN;case\"string\":return e?this.format(e,n||\"iso\"):\"\";default:return e?new Date(e):null}}hourIsValid(e,t,n){if(!t)return!0;if(Object(re[\"h\"])(t))return t.includes(e);if(Object(re[\"m\"])(t)){const n=t.min||0,r=t.max||24;return n<=e&&r>=e}return t(e,n)}getHourOptions(e,t){var n=this;return me.filter((function(r){return n.hourIsValid(r.value,e,t)}))}getMinuteOptions(e){const t=[];e=e>0?e:1;for(let n=0;n<=59;n+=e)t.push({value:n,label:Object(ne[\"m\"])(n,2)});return t}nearestOptionValue(e,t){if(null==e)return e;const n=t.reduce((function(t,n){if(n.disabled)return t;if(isNaN(t))return n.value;const r=Math.abs(t-e),a=Math.abs(n.value-e);return a=u?c:(n.setFullYear(c.getFullYear(),c.getMonth(),s),n)}function c(e,t){Object(i[\"a\"])(2,arguments);var n=Object(a[\"a\"])(t);return s(e,12*n)}function u(e){var t=e.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,right:t.right,bottom:t.bottom,left:t.left,x:t.left,y:t.top}}function l(e){if(\"[object Window]\"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function d(e){var t=l(e),n=t.pageXOffset,r=t.pageYOffset;return{scrollLeft:n,scrollTop:r}}function f(e){var t=l(e).Element;return e instanceof t||e instanceof Element}function p(e){var t=l(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function h(e){var t=l(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function v(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function b(e){return e!==l(e)&&p(e)?v(e):d(e)}function m(e){return e?(e.nodeName||\"\").toLowerCase():null}function g(e){return((f(e)?e.ownerDocument:e.document)||window.document).documentElement}function y(e){return u(g(e)).left+d(e).scrollLeft}function w(e){return l(e).getComputedStyle(e)}function x(e){var t=w(e),n=t.overflow,r=t.overflowX,a=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+a+r)}function D(e,t,n){void 0===n&&(n=!1);var r=g(t),a=u(e),o=p(t),i={scrollLeft:0,scrollTop:0},s={x:0,y:0};return(o||!o&&!n)&&((\"body\"!==m(t)||x(r))&&(i=b(t)),p(t)?(s=u(t),s.x+=t.clientLeft,s.y+=t.clientTop):r&&(s.x=y(r))),{x:a.left+i.scrollLeft-s.x,y:a.top+i.scrollTop-s.y,width:a.width,height:a.height}}function O(e){return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight}}function j(e){return\"html\"===m(e)?e:e.assignedSlot||e.parentNode||e.host||g(e)}function k(e){return[\"html\",\"body\",\"#document\"].indexOf(m(e))>=0?e.ownerDocument.body:p(e)&&x(e)?e:k(j(e))}function M(e,t){void 0===t&&(t=[]);var n=k(e),r=\"body\"===m(n),a=l(n),o=r?[a].concat(a.visualViewport||[],x(n)?n:[]):n,i=t.concat(o);return r?i:i.concat(M(j(o)))}function P(e){return[\"table\",\"td\",\"th\"].indexOf(m(e))>=0}function Y(e){if(!p(e)||\"fixed\"===w(e).position)return null;var t=e.offsetParent;if(t){var n=g(t);if(\"body\"===m(t)&&\"static\"===w(t).position&&\"static\"!==w(n).position)return n}return t}function S(e){var t=j(e);while(p(t)&&[\"html\",\"body\"].indexOf(m(t))<0){var n=w(t);if(\"none\"!==n.transform||\"none\"!==n.perspective||n.willChange&&\"auto\"!==n.willChange)return t;t=t.parentNode}return null}function _(e){var t=l(e),n=Y(e);while(n&&P(n)&&\"static\"===w(n).position)n=Y(n);return n&&\"body\"===m(n)&&\"static\"===w(n).position?t:n||S(e)||t}var E=\"top\",I=\"bottom\",T=\"right\",C=\"left\",$=\"auto\",A=[E,I,T,C],N=\"start\",F=\"end\",z=\"clippingParents\",L=\"viewport\",H=\"popper\",R=\"reference\",W=A.reduce((function(e,t){return e.concat([t+\"-\"+N,t+\"-\"+F])}),[]),V=[].concat(A,[$]).reduce((function(e,t){return e.concat([t,t+\"-\"+N,t+\"-\"+F])}),[]),U=\"beforeRead\",B=\"read\",Z=\"afterRead\",q=\"beforeMain\",G=\"main\",K=\"afterMain\",X=\"beforeWrite\",J=\"write\",Q=\"afterWrite\",ee=[U,B,Z,q,G,K,X,J,Q];function te(e){var t=new Map,n=new Set,r=[];function a(e){n.add(e.name);var o=[].concat(e.requires||[],e.requiresIfExists||[]);o.forEach((function(e){if(!n.has(e)){var r=t.get(e);r&&a(r)}})),r.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){n.has(e.name)||a(e)})),r}function ne(e){var t=te(e);return ee.reduce((function(e,n){return e.concat(t.filter((function(e){return e.phase===n})))}),[])}function re(e){var t;return function(){return t||(t=new Promise((function(n){Promise.resolve().then((function(){t=void 0,n(e())}))}))),t}}function ae(e){var t=e.reduce((function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign(Object.assign(Object.assign({},n),t),{},{options:Object.assign(Object.assign({},n.options),t.options),data:Object.assign(Object.assign({},n.data),t.data)}):t,e}),{});return Object.keys(t).map((function(e){return t[e]}))}var oe={placement:\"bottom\",modifiers:[],strategy:\"absolute\"};function ie(){for(var e=arguments.length,t=new Array(e),n=0;n=0?\"x\":\"y\"}function he(e){var t,n=e.reference,r=e.element,a=e.placement,o=a?de(a):null,i=a?fe(a):null,s=n.x+n.width/2-r.width/2,c=n.y+n.height/2-r.height/2;switch(o){case E:t={x:s,y:n.y-r.height};break;case I:t={x:s,y:n.y+n.height};break;case T:t={x:n.x+n.width,y:c};break;case C:t={x:n.x-r.width,y:c};break;default:t={x:n.x,y:n.y}}var u=o?pe(o):null;if(null!=u){var l=\"y\"===u?\"height\":\"width\";switch(i){case N:t[u]=Math.floor(t[u])-Math.floor(n[l]/2-r[l]/2);break;case F:t[u]=Math.floor(t[u])+Math.ceil(n[l]/2-r[l]/2);break;default:}}return t}function ve(e){var t=e.state,n=e.name;t.modifiersData[n]=he({reference:t.rects.reference,element:t.rects.popper,strategy:\"absolute\",placement:t.placement})}var be={name:\"popperOffsets\",enabled:!0,phase:\"read\",fn:ve,data:{}},me={top:\"auto\",right:\"auto\",bottom:\"auto\",left:\"auto\"};function ge(e){var t=e.x,n=e.y,r=window,a=r.devicePixelRatio||1;return{x:Math.round(t*a)/a||0,y:Math.round(n*a)/a||0}}function ye(e){var t,n=e.popper,r=e.popperRect,a=e.placement,o=e.offsets,i=e.position,s=e.gpuAcceleration,c=e.adaptive,u=ge(o),d=u.x,f=u.y,p=o.hasOwnProperty(\"x\"),h=o.hasOwnProperty(\"y\"),v=C,b=E,m=window;if(c){var y=_(n);y===l(n)&&(y=g(n)),a===E&&(b=I,f-=y.clientHeight-r.height,f*=s?1:-1),a===C&&(v=T,d-=y.clientWidth-r.width,d*=s?1:-1)}var w,x=Object.assign({position:i},c&&me);return s?Object.assign(Object.assign({},x),{},(w={},w[b]=h?\"0\":\"\",w[v]=p?\"0\":\"\",w.transform=(m.devicePixelRatio||1)<2?\"translate(\"+d+\"px, \"+f+\"px)\":\"translate3d(\"+d+\"px, \"+f+\"px, 0)\",w)):Object.assign(Object.assign({},x),{},(t={},t[b]=h?f+\"px\":\"\",t[v]=p?d+\"px\":\"\",t.transform=\"\",t))}function we(e){var t=e.state,n=e.options,r=n.gpuAcceleration,a=void 0===r||r,o=n.adaptive,i=void 0===o||o,s={placement:de(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:a};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign(Object.assign({},t.styles.popper),ye(Object.assign(Object.assign({},s),{},{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:i})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign(Object.assign({},t.styles.arrow),ye(Object.assign(Object.assign({},s),{},{offsets:t.modifiersData.arrow,position:\"absolute\",adaptive:!1})))),t.attributes.popper=Object.assign(Object.assign({},t.attributes.popper),{},{\"data-popper-placement\":t.placement})}var xe={name:\"computeStyles\",enabled:!0,phase:\"beforeWrite\",fn:we,data:{}};function De(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var n=t.styles[e]||{},r=t.attributes[e]||{},a=t.elements[e];p(a)&&m(a)&&(Object.assign(a.style,n),Object.keys(r).forEach((function(e){var t=r[e];!1===t?a.removeAttribute(e):a.setAttribute(e,!0===t?\"\":t)})))}))}function Oe(e){var t=e.state,n={popper:{position:t.options.strategy,left:\"0\",top:\"0\",margin:\"0\"},arrow:{position:\"absolute\"},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach((function(e){var r=t.elements[e],a=t.attributes[e]||{},o=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:n[e]),i=o.reduce((function(e,t){return e[t]=\"\",e}),{});p(r)&&m(r)&&(Object.assign(r.style,i),Object.keys(a).forEach((function(e){r.removeAttribute(e)})))}))}}var je={name:\"applyStyles\",enabled:!0,phase:\"write\",fn:De,effect:Oe,requires:[\"computeStyles\"]};function ke(e,t,n){var r=de(e),a=[C,E].indexOf(r)>=0?-1:1,o=\"function\"===typeof n?n(Object.assign(Object.assign({},t),{},{placement:e})):n,i=o[0],s=o[1];return i=i||0,s=(s||0)*a,[C,T].indexOf(r)>=0?{x:s,y:i}:{x:i,y:s}}function Me(e){var t=e.state,n=e.options,r=e.name,a=n.offset,o=void 0===a?[0,0]:a,i=V.reduce((function(e,n){return e[n]=ke(n,t.rects,o),e}),{}),s=i[t.placement],c=s.x,u=s.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=c,t.modifiersData.popperOffsets.y+=u),t.modifiersData[r]=i}var Pe={name:\"offset\",enabled:!0,phase:\"main\",requires:[\"popperOffsets\"],fn:Me},Ye={left:\"right\",right:\"left\",bottom:\"top\",top:\"bottom\"};function Se(e){return e.replace(/left|right|bottom|top/g,(function(e){return Ye[e]}))}var _e={start:\"end\",end:\"start\"};function Ee(e){return e.replace(/start|end/g,(function(e){return _e[e]}))}function Ie(e){var t=l(e),n=g(e),r=t.visualViewport,a=n.clientWidth,o=n.clientHeight,i=0,s=0;return r&&(a=r.width,o=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(i=r.offsetLeft,s=r.offsetTop)),{width:a,height:o,x:i+y(e),y:s}}function Te(e){var t=g(e),n=d(e),r=e.ownerDocument.body,a=Math.max(t.scrollWidth,t.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),o=Math.max(t.scrollHeight,t.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),i=-n.scrollLeft+y(e),s=-n.scrollTop;return\"rtl\"===w(r||t).direction&&(i+=Math.max(t.clientWidth,r?r.clientWidth:0)-a),{width:a,height:o,x:i,y:s}}function Ce(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(h(n)){var r=t;do{if(r&&e.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function $e(e){return Object.assign(Object.assign({},e),{},{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Ae(e){var t=u(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}function Ne(e,t){return t===L?$e(Ie(e)):p(t)?Ae(t):$e(Te(g(e)))}function Fe(e){var t=M(j(e)),n=[\"absolute\",\"fixed\"].indexOf(w(e).position)>=0,r=n&&p(e)?_(e):e;return f(r)?t.filter((function(e){return f(e)&&Ce(e,r)&&\"body\"!==m(e)})):[]}function ze(e,t,n){var r=\"clippingParents\"===t?Fe(e):[].concat(t),a=[].concat(r,[n]),o=a[0],i=a.reduce((function(t,n){var r=Ne(e,n);return t.top=Math.max(r.top,t.top),t.right=Math.min(r.right,t.right),t.bottom=Math.min(r.bottom,t.bottom),t.left=Math.max(r.left,t.left),t}),Ne(e,o));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}function Le(){return{top:0,right:0,bottom:0,left:0}}function He(e){return Object.assign(Object.assign({},Le()),e)}function Re(e,t){return t.reduce((function(t,n){return t[n]=e,t}),{})}function We(e,t){void 0===t&&(t={});var n=t,r=n.placement,a=void 0===r?e.placement:r,o=n.boundary,i=void 0===o?z:o,s=n.rootBoundary,c=void 0===s?L:s,l=n.elementContext,d=void 0===l?H:l,p=n.altBoundary,h=void 0!==p&&p,v=n.padding,b=void 0===v?0:v,m=He(\"number\"!==typeof b?b:Re(b,A)),y=d===H?R:H,w=e.elements.reference,x=e.rects.popper,D=e.elements[h?y:d],O=ze(f(D)?D:D.contextElement||g(e.elements.popper),i,c),j=u(w),k=he({reference:j,element:x,strategy:\"absolute\",placement:a}),M=$e(Object.assign(Object.assign({},x),k)),P=d===H?M:j,Y={top:O.top-P.top+m.top,bottom:P.bottom-O.bottom+m.bottom,left:O.left-P.left+m.left,right:P.right-O.right+m.right},S=e.modifiersData.offset;if(d===H&&S){var _=S[a];Object.keys(Y).forEach((function(e){var t=[T,I].indexOf(e)>=0?1:-1,n=[E,I].indexOf(e)>=0?\"y\":\"x\";Y[e]+=_[n]*t}))}return Y}function Ve(e,t){void 0===t&&(t={});var n=t,r=n.placement,a=n.boundary,o=n.rootBoundary,i=n.padding,s=n.flipVariations,c=n.allowedAutoPlacements,u=void 0===c?V:c,l=fe(r),d=l?s?W:W.filter((function(e){return fe(e)===l})):A,f=d.filter((function(e){return u.indexOf(e)>=0}));0===f.length&&(f=d);var p=f.reduce((function(t,n){return t[n]=We(e,{placement:n,boundary:a,rootBoundary:o,padding:i})[de(n)],t}),{});return Object.keys(p).sort((function(e,t){return p[e]-p[t]}))}function Ue(e){if(de(e)===$)return[];var t=Se(e);return[Ee(e),t,Ee(t)]}function Be(e){var t=e.state,n=e.options,r=e.name;if(!t.modifiersData[r]._skip){for(var a=n.mainAxis,o=void 0===a||a,i=n.altAxis,s=void 0===i||i,c=n.fallbackPlacements,u=n.padding,l=n.boundary,d=n.rootBoundary,f=n.altBoundary,p=n.flipVariations,h=void 0===p||p,v=n.allowedAutoPlacements,b=t.options.placement,m=de(b),g=m===b,y=c||(g||!h?[Se(b)]:Ue(b)),w=[b].concat(y).reduce((function(e,n){return e.concat(de(n)===$?Ve(t,{placement:n,boundary:l,rootBoundary:d,padding:u,flipVariations:h,allowedAutoPlacements:v}):n)}),[]),x=t.rects.reference,D=t.rects.popper,O=new Map,j=!0,k=w[0],M=0;M=0,A=_?\"width\":\"height\",F=We(t,{placement:P,boundary:l,rootBoundary:d,altBoundary:f,padding:u}),z=_?S?T:C:S?I:E;x[A]>D[A]&&(z=Se(z));var L=Se(z),H=[];if(o&&H.push(F[Y]<=0),s&&H.push(F[z]<=0,F[L]<=0),H.every((function(e){return e}))){k=P,j=!1;break}O.set(P,H)}if(j)for(var R=h?3:1,W=function(e){var t=w.find((function(t){var n=O.get(t);if(n)return n.slice(0,e).every((function(e){return e}))}));if(t)return k=t,\"break\"},V=R;V>0;V--){var U=W(V);if(\"break\"===U)break}t.placement!==k&&(t.modifiersData[r]._skip=!0,t.placement=k,t.reset=!0)}}var Ze={name:\"flip\",enabled:!0,phase:\"main\",fn:Be,requiresIfExists:[\"offset\"],data:{_skip:!1}};function qe(e){return\"x\"===e?\"y\":\"x\"}function Ge(e,t,n){return Math.max(e,Math.min(t,n))}function Ke(e){var t=e.state,n=e.options,r=e.name,a=n.mainAxis,o=void 0===a||a,i=n.altAxis,s=void 0!==i&&i,c=n.boundary,u=n.rootBoundary,l=n.altBoundary,d=n.padding,f=n.tether,p=void 0===f||f,h=n.tetherOffset,v=void 0===h?0:h,b=We(t,{boundary:c,rootBoundary:u,padding:d,altBoundary:l}),m=de(t.placement),g=fe(t.placement),y=!g,w=pe(m),x=qe(w),D=t.modifiersData.popperOffsets,j=t.rects.reference,k=t.rects.popper,M=\"function\"===typeof v?v(Object.assign(Object.assign({},t.rects),{},{placement:t.placement})):v,P={x:0,y:0};if(D){if(o){var Y=\"y\"===w?E:C,S=\"y\"===w?I:T,$=\"y\"===w?\"height\":\"width\",A=D[w],F=D[w]+b[Y],z=D[w]-b[S],L=p?-k[$]/2:0,H=g===N?j[$]:k[$],R=g===N?-k[$]:-j[$],W=t.elements.arrow,V=p&&W?O(W):{width:0,height:0},U=t.modifiersData[\"arrow#persistent\"]?t.modifiersData[\"arrow#persistent\"].padding:Le(),B=U[Y],Z=U[S],q=Ge(0,j[$],V[$]),G=y?j[$]/2-L-q-B-M:H-q-B-M,K=y?-j[$]/2+L+q+Z+M:R+q+Z+M,X=t.elements.arrow&&_(t.elements.arrow),J=X?\"y\"===w?X.clientTop||0:X.clientLeft||0:0,Q=t.modifiersData.offset?t.modifiersData.offset[t.placement][w]:0,ee=D[w]+G-Q-J,te=D[w]+K-Q,ne=Ge(p?Math.min(F,ee):F,A,p?Math.max(z,te):z);D[w]=ne,P[w]=ne-A}if(s){var re=\"x\"===w?E:C,ae=\"x\"===w?I:T,oe=D[x],ie=oe+b[re],se=oe-b[ae],ce=Ge(ie,oe,se);D[x]=ce,P[x]=ce-oe}t.modifiersData[r]=P}}var Xe={name:\"preventOverflow\",enabled:!0,phase:\"main\",fn:Ke,requiresIfExists:[\"offset\"]};function Je(e){var t,n=e.state,r=e.name,a=n.elements.arrow,o=n.modifiersData.popperOffsets,i=de(n.placement),s=pe(i),c=[C,T].indexOf(i)>=0,u=c?\"height\":\"width\";if(a&&o){var l=n.modifiersData[r+\"#persistent\"].padding,d=O(a),f=\"y\"===s?E:C,p=\"y\"===s?I:T,h=n.rects.reference[u]+n.rects.reference[s]-o[s]-n.rects.popper[u],v=o[s]-n.rects.reference[s],b=_(a),m=b?\"y\"===s?b.clientHeight||0:b.clientWidth||0:0,g=h/2-v/2,y=l[f],w=m-d[u]-l[p],x=m/2-d[u]/2+g,D=Ge(y,x,w),j=s;n.modifiersData[r]=(t={},t[j]=D,t.centerOffset=D-x,t)}}function Qe(e){var t=e.state,n=e.options,r=e.name,a=n.element,o=void 0===a?\"[data-popper-arrow]\":a,i=n.padding,s=void 0===i?0:i;null!=o&&(\"string\"!==typeof o||(o=t.elements.popper.querySelector(o),o))&&Ce(t.elements.popper,o)&&(t.elements.arrow=o,t.modifiersData[r+\"#persistent\"]={padding:He(\"number\"!==typeof s?s:Re(s,A))})}var et={name:\"arrow\",enabled:!0,phase:\"main\",fn:Je,effect:Qe,requires:[\"popperOffsets\"],requiresIfExists:[\"preventOverflow\"]};function tt(e,t,n){return void 0===n&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function nt(e){return[E,T,I,C].some((function(t){return e[t]>=0}))}function rt(e){var t=e.state,n=e.name,r=t.rects.reference,a=t.rects.popper,o=t.modifiersData.preventOverflow,i=We(t,{elementContext:\"reference\"}),s=We(t,{altBoundary:!0}),c=tt(i,r),u=tt(s,a,o),l=nt(c),d=nt(u);t.modifiersData[n]={referenceClippingOffsets:c,popperEscapeOffsets:u,isReferenceHidden:l,hasPopperEscaped:d},t.attributes.popper=Object.assign(Object.assign({},t.attributes.popper),{},{\"data-popper-reference-hidden\":l,\"data-popper-escaped\":d})}var at,ot,it={name:\"hide\",enabled:!0,phase:\"main\",requiresIfExists:[\"preventOverflow\"],fn:rt},st=[le,be,xe,je,Pe,Ze,Xe,et,it],ct=se({defaultModifiers:st}),ut=n(\"2fa3\"),lt=n(\"9404\"),dt={name:\"Popover\",render(e){return e(\"div\",{class:[\"vc-popover-content-wrapper\",{\"is-interactive\":this.isInteractive}],ref:\"popover\"},[e(\"transition\",{props:{name:this.transition,appear:!0},on:{beforeEnter:this.beforeEnter,afterEnter:this.afterEnter,beforeLeave:this.beforeLeave,afterLeave:this.afterLeave}},[this.isVisible&&e(\"div\",{attrs:{tabindex:-1},class:[\"vc-popover-content\",\"direction-\"+this.direction,this.contentClass]},[this.content,e(\"span\",{class:[\"vc-popover-caret\",\"direction-\"+this.direction,\"align-\"+this.alignment]})])])])},props:{id:{type:String,required:!0},contentClass:String},data(){return{ref:null,opts:null,data:null,transition:\"slide-fade\",placement:\"bottom\",positionFixed:!1,modifiers:[],isInteractive:!1,isHovered:!1,isFocused:!1,showDelay:0,hideDelay:110,autoHide:!1,popperEl:null}},computed:{content(){var e=this;return Object(lt[\"k\"])(this.$scopedSlots.default)&&this.$scopedSlots.default({direction:this.direction,alignment:this.alignment,data:this.data,updateLayout:this.setupPopper,hide:function(t){return e.hide(t)}})||this.$slots.default},popperOptions(){return{placement:this.placement,strategy:this.positionFixed?\"fixed\":\"absolute\",modifiers:[{name:\"onUpdate\",enabled:!0,phase:\"afterWrite\",fn:this.onPopperUpdate},...this.modifiers||[]],onFirstUpdate:this.onPopperUpdate}},isVisible(){return!(!this.ref||!this.content)},direction(){return this.placement&&this.placement.split(\"-\")[0]||\"bottom\"},alignment(){const e=\"left\"===this.direction||\"right\"===this.direction;let t=this.placement.split(\"-\");return t=t.length>1?t[1]:\"\",[\"start\",\"top\",\"left\"].includes(t)?e?\"top\":\"left\":[\"end\",\"bottom\",\"right\"].includes(t)?e?\"bottom\":\"right\":e?\"middle\":\"center\"},state(){return this.$popovers[this.id]}},watch:{opts(e,t){t&&t.callback&&t.callback({...t,completed:!e,reason:e?\"Overridden by action\":null})}},mounted(){this.popoverEl=this.$refs.popover,this.addEvents()},beforeDestroy(){this.destroyPopper(),this.removeEvents(),this.popoverEl=null},methods:{addEvents(){Object(ut[\"k\"])(this.popoverEl,\"click\",this.onClick),Object(ut[\"k\"])(this.popoverEl,\"mouseover\",this.onMouseOver),Object(ut[\"k\"])(this.popoverEl,\"mouseleave\",this.onMouseLeave),Object(ut[\"k\"])(this.popoverEl,\"focusin\",this.onFocusIn),Object(ut[\"k\"])(this.popoverEl,\"focusout\",this.onFocusOut),Object(ut[\"k\"])(document,\"keydown\",this.onDocumentKeydown),Object(ut[\"k\"])(document,\"click\",this.onDocumentClick),Object(ut[\"k\"])(document,\"show-popover\",this.onDocumentShowPopover),Object(ut[\"k\"])(document,\"hide-popover\",this.onDocumentHidePopover),Object(ut[\"k\"])(document,\"toggle-popover\",this.onDocumentTogglePopover),Object(ut[\"k\"])(document,\"update-popover\",this.onDocumentUpdatePopover)},removeEvents(){Object(ut[\"j\"])(this.popoverEl,\"click\",this.onClick),Object(ut[\"j\"])(this.popoverEl,\"mouseover\",this.onMouseOver),Object(ut[\"j\"])(this.popoverEl,\"mouseleave\",this.onMouseLeave),Object(ut[\"j\"])(this.popoverEl,\"focusin\",this.onFocusIn),Object(ut[\"j\"])(this.popoverEl,\"focusout\",this.onFocusOut),Object(ut[\"j\"])(document,\"keydown\",this.onDocumentKeydown),Object(ut[\"j\"])(document,\"click\",this.onDocumentClick),Object(ut[\"j\"])(document,\"show-popover\",this.onDocumentShowPopover),Object(ut[\"j\"])(document,\"hide-popover\",this.onDocumentHidePopover),Object(ut[\"j\"])(document,\"toggle-popover\",this.onDocumentTogglePopover),Object(ut[\"j\"])(document,\"update-popover\",this.onDocumentUpdatePopover)},onClick(e){e.stopPropagation()},onMouseOver(){this.isHovered=!0,this.isInteractive&&this.show()},onMouseLeave(){this.isHovered=!1,!this.autoHide||this.isFocused||this.ref&&this.ref===document.activeElement||this.hide()},onFocusIn(){this.isFocused=!0,this.isInteractive&&this.show()},onFocusOut(e){e.relatedTarget&&Object(ut[\"e\"])(this.popoverEl,e.relatedTarget)||(this.isFocused=!1,!this.isHovered&&this.autoHide&&this.hide())},onDocumentClick(e){this.$refs.popover&&this.ref&&(Object(ut[\"e\"])(this.popoverEl,e.target)||Object(ut[\"e\"])(this.ref,e.target)||this.hide())},onDocumentKeydown(e){\"Esc\"!==e.key&&\"Escape\"!==e.key||this.hide()},onDocumentShowPopover({detail:e}){e.id&&e.id===this.id&&this.show(e)},onDocumentHidePopover({detail:e}){e.id&&e.id===this.id&&this.hide(e)},onDocumentTogglePopover({detail:e}){e.id&&e.id===this.id&&this.toggle(e)},onDocumentUpdatePopover({detail:e}){e.id&&e.id===this.id&&this.update(e)},show(e={}){var t=this;e.action=\"show\";const n=e.ref||this.ref,r=e.showDelay>=0?e.showDelay:this.showDelay;if(!n)return void(e.callback&&e.callback({completed:!1,reason:\"Invalid reference element provided\"}));clearTimeout(this.timeout),this.opts=e;const a=function(){Object.assign(t,e),t.setupPopper(),t.opts=null};r>0?this.timeout=setTimeout((function(){return a()}),r):a()},hide(e={}){var t=this;e.action=\"hide\";const n=e.ref||this.ref,r=e.hideDelay>=0?e.hideDelay:this.hideDelay;if(!this.ref||n!==this.ref)return void(e.callback&&e.callback({...e,completed:!1,reason:this.ref?\"Invalid reference element provided\":\"Popover already hidden\"}));const a=function(){t.ref=null,t.opts=null};clearTimeout(this.timeout),this.opts=e,r>0?this.timeout=setTimeout(a,r):a()},toggle(e={}){this.isVisible&&e.ref===this.ref?this.hide(e):this.show(e)},update(e={}){Object.assign(this,e),this.setupPopper()},setupPopper(){var e=this;this.$nextTick((function(){e.ref&&e.$refs.popover&&(e.popper&&e.popper.reference!==e.ref&&e.destroyPopper(),e.popper?e.popper.update():e.popper=ct(e.ref,e.popoverEl,e.popperOptions))}))},onPopperUpdate(e){e.placement?this.placement=e.placement:e.state&&(this.placement=e.state.placement)},beforeEnter(e){this.$emit(\"beforeShow\",e)},afterEnter(e){this.$emit(\"afterShow\",e)},beforeLeave(e){this.$emit(\"beforeHide\",e)},afterLeave(e){this.destroyPopper(),this.$emit(\"afterHide\",e)},destroyPopper(){this.popper&&(this.popper.destroy(),this.popper=null)}}},ft=dt;n(\"bdb3\");function pt(e,t,n,r,a,o,i,s){var c,u=\"function\"===typeof e?e.options:e;if(t&&(u.render=t,u.staticRenderFns=n,u._compiled=!0),r&&(u.functional=!0),o&&(u._scopeId=\"data-v-\"+o),i?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||\"undefined\"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),a&&a.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(i)},u._ssrRegister=c):a&&(c=s?function(){a.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:a),c)if(u.functional){u._injectStyles=c;var l=u.render;u.render=function(e,t){return c.call(t),l(e,t)}}else{var d=u.beforeCreate;u.beforeCreate=d?[].concat(d,c):[c]}return{exports:e,options:u}}var ht=pt(ft,at,ot,!1,null,\"39b30300\",null),vt=ht.exports,bt=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n(\"div\",{staticClass:\"vc-day-popover-row\"},[e.indicator?n(\"div\",{staticClass:\"vc-day-popover-row-indicator\"},[n(\"span\",{class:e.indicator.class,style:e.indicator.style})]):e._e(),n(\"div\",{staticClass:\"vc-day-popover-row-content\"},[e._t(\"default\",[e._v(e._s(e.attribute.popover?e.attribute.popover.label:\"No content provided\"))])],2)])},mt=[],gt=n(\"51ec\");const yt={inject:[\"sharedState\"],mixins:[gt[\"a\"]],computed:{masks(){return this.sharedState.masks},theme(){return this.sharedState.theme},locale(){return this.sharedState.locale},dayPopoverId(){return this.sharedState.dayPopoverId}},methods:{format(e,t){return this.locale.format(e,t)},pageForDate(e){return this.locale.getDateParts(this.locale.normalizeDate(e))}}},wt=[\"base\",\"start\",\"end\",\"startEnd\"],xt=[\"class\",\"contentClass\",\"style\",\"contentStyle\",\"color\",\"fillMode\"],Dt={color:\"blue\",isDark:!1,highlight:{base:{fillMode:\"light\"},start:{fillMode:\"solid\"},end:{fillMode:\"solid\"}},dot:{base:{fillMode:\"solid\"},start:{fillMode:\"solid\"},end:{fillMode:\"solid\"}},bar:{base:{fillMode:\"solid\"},start:{fillMode:\"solid\"},end:{fillMode:\"solid\"}},content:{base:{},start:{},end:{}}};class Ot{constructor(e){Object.assign(this,Dt,e)}normalizeAttr({config:e,type:t}){let n=this.color,r={};const a=this[t];if(!0===e||Object(lt[\"n\"])(e))n=Object(lt[\"n\"])(e)?e:n,r={...a};else{if(!Object(lt[\"m\"])(e))return null;r=Object(lt[\"f\"])(e,wt)?{...e}:{base:{...e},start:{...e},end:{...e}}}return Object(lt[\"b\"])(r,{start:r.startEnd,end:r.startEnd},a),Object(lt[\"w\"])(r).forEach((function([e,t]){let a=n;!0===t||Object(lt[\"n\"])(t)?(a=Object(lt[\"n\"])(t)?t:a,r[e]={color:a}):Object(lt[\"m\"])(t)&&(Object(lt[\"f\"])(t,xt)?r[e]={...t}:r[e]={}),Object(lt[\"e\"])(r,e+\".color\")||Object(lt[\"u\"])(r,e+\".color\",a)})),r}normalizeHighlight(e){var t=this;const n=this.normalizeAttr({config:e,type:\"highlight\"});return Object(lt[\"w\"])(n).forEach((function([e,n]){const r=Object(lt[\"b\"])(n,{isDark:t.isDark,color:t.color});n.style={...t.getHighlightBgStyle(r),...n.style},n.contentStyle={...t.getHighlightContentStyle(r),...n.contentStyle}})),n}getHighlightBgStyle({fillMode:e,color:t,isDark:n}){switch(e){case\"outline\":case\"none\":return{backgroundColor:n?\"var(--gray-900)\":\"var(--white)\",border:\"2px solid\",borderColor:n?`var(--${t}-200)`:`var(--${t}-700)`,borderRadius:\"var(--rounded-full)\"};case\"light\":return{backgroundColor:n?`var(--${t}-800)`:`var(--${t}-200)`,opacity:n?.75:1,borderRadius:\"var(--rounded-full)\"};case\"solid\":return{backgroundColor:n?`var(--${t}-500)`:`var(--${t}-600)`,borderRadius:\"var(--rounded-full)\"};default:return{borderRadius:\"var(--rounded-full)\"}}}getHighlightContentStyle({fillMode:e,color:t,isDark:n}){switch(e){case\"outline\":case\"none\":return{fontWeight:\"var(--font-bold)\",color:n?`var(--${t}-100)`:`var(--${t}-900)`};case\"light\":return{fontWeight:\"var(--font-bold)\",color:n?`var(--${t}-100)`:`var(--${t}-900)`};case\"solid\":return{fontWeight:\"var(--font-bold)\",color:\"var(--white)\"};default:return\"\"}}bgAccentHigh({color:e,isDark:t}){return{backgroundColor:t?`var(--${e}-500)`:`var(--${e}-600)`}}contentAccent({color:e,isDark:t}){return e?{fontWeight:\"var(--font-bold)\",color:t?`var(--${e}-100)`:`var(--${e}-900)`}:null}normalizeDot(e){return this.normalizeNonHighlight(\"dot\",e,this.bgAccentHigh)}normalizeBar(e){return this.normalizeNonHighlight(\"bar\",e,this.bgAccentHigh)}normalizeContent(e){return this.normalizeNonHighlight(\"content\",e,this.contentAccent)}normalizeNonHighlight(e,t,n){var r=this;const a=this.normalizeAttr({type:e,config:t});return Object(lt[\"w\"])(a).forEach((function([e,t]){Object(lt[\"b\"])(t,{isDark:r.isDark,color:r.color}),t.style={...n(t),...t.style}})),a}}var jt=n(\"29ae\"),kt=n(\"1315\"),Mt=n(\"22f3\");const Pt={mixins:[gt[\"a\"]],props:{color:String,isDark:Boolean,firstDayOfWeek:Number,masks:Object,locale:[String,Object],timezone:String,minDate:null,maxDate:null,minDateExact:null,maxDateExact:null,disabledDates:null,availableDates:null,theme:null},computed:{$theme(){return this.theme instanceof Ot?this.theme:new Ot({color:this.passedProp(\"color\",\"blue\"),isDark:this.passedProp(\"isDark\",!1)})},$locale(){if(this.locale instanceof jt[\"b\"])return this.locale;const e=Object(lt[\"m\"])(this.locale)?this.locale:{id:this.locale,firstDayOfWeek:this.firstDayOfWeek,masks:this.masks};return new jt[\"b\"](e,{locales:this.$locales,timezone:this.timezone})},disabledDates_(){const e=this.normalizeDates(this.disabledDates),{minDate:t,minDateExact:n,maxDate:r,maxDateExact:a}=this;if(n||t){const r=n?this.normalizeDate(n):this.normalizeDate(t,{time:\"00:00:00\"});e.push({start:null,end:new Date(r.getTime()-1e3)})}if(a||r){const t=a?this.normalizeDate(a):this.normalizeDate(r,{time:\"23:59:59\"});e.push({start:new Date(t.getTime()+1e3),end:null})}return e},availableDates_(){return this.normalizeDates(this.availableDates)},disabledAttribute(){return new Mt[\"a\"]({key:\"disabled\",dates:this.disabledDates_,excludeDates:this.availableDates_,excludeMode:\"includes\",order:100},this.$theme,this.$locale)}},created(){Object(kt[\"a\"])(this.$defaults.screens)},methods:{formatDate(e,t){return this.$locale?this.$locale.format(e,t):\"\"},parseDate(e,t){if(!this.$locale)return null;const n=this.$locale.parse(e,t);return Object(lt[\"j\"])(n)?n:null},normalizeDate(e,t){return this.$locale?this.$locale.normalizeDate(e,t):e},normalizeDates(e){return this.$locale.normalizeDates(e,{isFullDay:!0})},pageForDate(e){return this.$locale.getDateParts(this.normalizeDate(e))},pageForThisMonth(){return this.pageForDate(new Date)}}},Yt={methods:{safeScopedSlot(e,t,n=null){return Object(lt[\"k\"])(this.$scopedSlots[e])?this.$scopedSlots[e](t):n}}},St=yt,_t=Pt,Et=Yt;var It={name:\"PopoverRow\",mixins:[St],props:{attribute:Object},computed:{indicator(){const{highlight:e,dot:t,bar:n,popover:r}=this.attribute;if(r&&r.hideIndicator)return null;if(e){const{color:t,isDark:n}=e.start;return{style:{...this.theme.bgAccentHigh({color:t,isDark:!n}),width:\"10px\",height:\"5px\",borderRadius:\"3px\"}}}if(t){const{color:e,isDark:n}=t.start;return{style:{...this.theme.bgAccentHigh({color:e,isDark:!n}),width:\"5px\",height:\"5px\",borderRadius:\"50%\"}}}if(n){const{color:e,isDark:t}=n.start;return{style:{...this.theme.bgAccentHigh({color:e,isDark:!t}),width:\"10px\",height:\"3px\"}}}return null}}},Tt=It,Ct=(n(\"d438\"),pt(Tt,bt,mt,!1,null,\"eb5afd1a\",null)),$t=Ct.exports,At=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n(\"div\",{staticClass:\"vc-nav-container\"},[n(\"div\",{staticClass:\"vc-nav-header\"},[n(\"span\",{staticClass:\"vc-nav-arrow is-left\",class:{\"is-disabled\":!e.prevItemsEnabled},attrs:{role:\"button\",tabindex:e.prevItemsEnabled?0:void 0},on:{click:e.movePrev,keydown:function(t){return e.onSpaceOrEnter(t,e.movePrev)}}},[e._t(\"nav-left-button\",[n(\"svg-icon\",{attrs:{name:\"left-arrow\",width:\"20px\",height:\"24px\"}})])],2),n(\"span\",{staticClass:\"vc-nav-title vc-grid-focus\",style:{whiteSpace:\"nowrap\"},attrs:{role:\"button\",tabindex:\"0\"},on:{click:e.toggleMode,keydown:function(t){return e.onSpaceOrEnter(t,e.toggleMode)}}},[e._v(\" \"+e._s(e.title)+\" \")]),n(\"span\",{staticClass:\"vc-nav-arrow is-right\",class:{\"is-disabled\":!e.nextItemsEnabled},attrs:{role:\"button\",tabindex:e.nextItemsEnabled?0:void 0},on:{click:e.moveNext,keydown:function(t){return e.onSpaceOrEnter(t,e.moveNext)}}},[e._t(\"nav-right-button\",[n(\"svg-icon\",{attrs:{name:\"right-arrow\",width:\"20px\",height:\"24px\"}})])],2)]),n(\"div\",{staticClass:\"vc-nav-items\"},e._l(e.activeItems,(function(t){return n(\"span\",{key:t.label,class:e.getItemClasses(t),attrs:{role:\"button\",\"data-id\":t.id,\"aria-label\":t.ariaLabel,tabindex:t.isDisabled?void 0:0},on:{click:t.click,keydown:function(n){return e.onSpaceOrEnter(n,t.click)}}},[e._v(\" \"+e._s(t.label)+\" \")])})),0)])},Nt=[],Ft=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n(\"svg\",e._g({staticClass:\"vc-svg-icon\",attrs:{width:e.width,height:e.height,viewBox:e.viewBox}},e.$listeners),[n(\"path\",{attrs:{d:e.path}})])},zt=[];const Lt=\"26px\",Ht=\"0 0 32 32\",Rt={\"left-arrow\":{viewBox:\"0 -1 16 34\",path:\"M11.196 10c0 0.143-0.071 0.304-0.179 0.411l-7.018 7.018 7.018 7.018c0.107 0.107 0.179 0.268 0.179 0.411s-0.071 0.304-0.179 0.411l-0.893 0.893c-0.107 0.107-0.268 0.179-0.411 0.179s-0.304-0.071-0.411-0.179l-8.321-8.321c-0.107-0.107-0.179-0.268-0.179-0.411s0.071-0.304 0.179-0.411l8.321-8.321c0.107-0.107 0.268-0.179 0.411-0.179s0.304 0.071 0.411 0.179l0.893 0.893c0.107 0.107 0.179 0.25 0.179 0.411z\"},\"right-arrow\":{viewBox:\"-5 -1 16 34\",path:\"M10.625 17.429c0 0.143-0.071 0.304-0.179 0.411l-8.321 8.321c-0.107 0.107-0.268 0.179-0.411 0.179s-0.304-0.071-0.411-0.179l-0.893-0.893c-0.107-0.107-0.179-0.25-0.179-0.411 0-0.143 0.071-0.304 0.179-0.411l7.018-7.018-7.018-7.018c-0.107-0.107-0.179-0.268-0.179-0.411s0.071-0.304 0.179-0.411l0.893-0.893c0.107-0.107 0.268-0.179 0.411-0.179s0.304 0.071 0.411 0.179l8.321 8.321c0.107 0.107 0.179 0.268 0.179 0.411z\"}};var Wt={props:[\"name\"],data(){return{width:Lt,height:Lt,viewBox:Ht,path:\"\",isBaseline:!1}},mounted(){this.updateIcon()},watch:{name(){this.updateIcon()}},methods:{updateIcon(){const e=Rt[this.name];e&&(this.width=e.width||Lt,this.height=e.height||Lt,this.viewBox=e.viewBox,this.path=e.path)}}},Vt=Wt,Ut=(n(\"9010\"),pt(Vt,Ft,zt,!1,null,\"63f7b5ec\",null)),Bt=Ut.exports;const Zt=12;var qt={name:\"CalendarNav\",components:{SvgIcon:Bt},mixins:[St],props:{value:{type:Object,default:function(){return{month:0,year:0}}},validator:{type:Function,default:function(){return function(){return!0}}}},data(){return{monthMode:!0,yearIndex:0,yearGroupIndex:0,onSpaceOrEnter:ut[\"l\"]}},computed:{month(){return this.value&&this.value.month||0},year(){return this.value&&this.value.year||0},title(){return this.monthMode?this.yearIndex:`${this.firstYear} - ${this.lastYear}`},monthItems(){return this.getMonthItems(this.yearIndex)},yearItems(){return this.getYearItems(this.yearGroupIndex)},prevItemsEnabled(){return this.monthMode?this.prevMonthItemsEnabled:this.prevYearItemsEnabled},nextItemsEnabled(){return this.monthMode?this.nextMonthItemsEnabled:this.nextYearItemsEnabled},prevMonthItemsEnabled(){return this.getMonthItems(this.yearIndex-1).some((function(e){return!e.isDisabled}))},nextMonthItemsEnabled(){return this.getMonthItems(this.yearIndex+1).some((function(e){return!e.isDisabled}))},prevYearItemsEnabled(){return this.getYearItems(this.yearGroupIndex-1).some((function(e){return!e.isDisabled}))},nextYearItemsEnabled(){return this.getYearItems(this.yearGroupIndex+1).some((function(e){return!e.isDisabled}))},activeItems(){return this.monthMode?this.monthItems:this.yearItems},firstYear(){return Object(lt[\"g\"])(this.yearItems.map((function(e){return e.year})))},lastYear(){return Object(lt[\"p\"])(this.yearItems.map((function(e){return e.year})))}},watch:{year(){this.yearIndex=this.year},yearIndex(e){this.yearGroupIndex=this.getYearGroupIndex(e)},value(){this.focusFirstItem()}},created(){this.yearIndex=this.year},mounted(){this.focusFirstItem()},methods:{focusFirstItem(){var e=this;this.$nextTick((function(){const t=e.$el.querySelector(\".vc-nav-item:not(.is-disabled)\");t&&t.focus()}))},getItemClasses({isActive:e,isCurrent:t,isDisabled:n}){const r=[\"vc-nav-item\"];return e?r.push(\"is-active\"):t&&r.push(\"is-current\"),n&&r.push(\"is-disabled\"),r},getYearGroupIndex(e){return Math.floor(e/Zt)},getMonthItems(e){var t=this;const{month:n,year:r}=this.pageForDate(new Date);return this.locale.getMonthDates().map((function(a,o){const i=o+1;return{month:i,year:e,id:`${e}.${Object(ut[\"m\"])(i,2)}`,label:t.locale.format(a,t.masks.navMonths),ariaLabel:t.locale.format(a,\"MMMM YYYY\"),isActive:i===t.month&&e===t.year,isCurrent:i===n&&e===r,isDisabled:!t.validator({month:i,year:e}),click:function(){return t.monthClick(i,e)}}}))},getYearItems(e){var t=this;const{_:n,year:r}=this.pageForDate(new Date),a=e*Zt,o=a+Zt,i=[];for(let s=a;s=s,l=c&&u,d=c||u,f={isDate:a,isComplex:o,onStart:c,onEnd:u,onStartAndEnd:l,onStartOrEnd:d};e.processHighlight(n,f,t),e.processNonHighlight(n,\"content\",f,t.content),e.processNonHighlight(n,\"dot\",f,t.dots),e.processNonHighlight(n,\"bar\",f,t.bars),e.processPopover(n,t)})),this.glyphs=t},processHighlight({key:e,highlight:t},{isDate:n,isComplex:r,onStart:a,onEnd:o,onStartAndEnd:i},{backgrounds:s,content:c}){if(!t)return;const{base:u,start:l,end:d}=t;n||r||i?(s.push({key:e,wrapperClass:\"vc-day-layer vc-day-box-center-center\",class:[\"vc-highlight\",l.class],style:l.style}),c.push({key:e+\"-content\",class:l.contentClass,style:l.contentStyle})):a?(s.push({key:e+\"-base\",wrapperClass:\"vc-day-layer vc-day-box-right-center\",class:[\"vc-highlight vc-highlight-base-start\",u.class],style:u.style}),s.push({key:e,wrapperClass:\"vc-day-layer vc-day-box-center-center\",class:[\"vc-highlight\",l.class],style:l.style}),c.push({key:e+\"-content\",class:l.contentClass,style:l.contentStyle})):o?(s.push({key:e+\"-base\",wrapperClass:\"vc-day-layer vc-day-box-left-center\",class:[\"vc-highlight vc-highlight-base-end\",u.class],style:u.style}),s.push({key:e,wrapperClass:\"vc-day-layer vc-day-box-center-center\",class:[\"vc-highlight\",d.class],style:d.style}),c.push({key:e+\"-content\",class:d.contentClass,style:d.contentStyle})):(s.push({key:e+\"-middle\",wrapperClass:\"vc-day-layer vc-day-box-center-center\",class:[\"vc-highlight vc-highlight-base-middle\",u.class],style:u.style}),c.push({key:e+\"-content\",class:u.contentClass,style:u.contentStyle}))},processNonHighlight(e,t,{isDate:n,onStart:r,onEnd:a},o){if(!e[t])return;const{key:i}=e,s=\"vc-\"+t,{base:c,start:u,end:l}=e[t];n||r?o.push({key:i,class:[s,u.class],style:u.style}):a?o.push({key:i,class:[s,l.class],style:l.style}):o.push({key:i,class:[s,c.class],style:c.style})},processPopover(e,{popovers:t}){const{key:n,customData:r,popover:a}=e;if(!a)return;const o=Object(lt[\"b\"])({key:n,customData:r,attribute:e},{...a},{visibility:a.label?\"hover\":\"click\",placement:\"bottom\",isInteractive:!a.label});t.splice(0,0,o)},refreshPopovers(){let e={};Object(ut[\"b\"])(this.popovers)&&(e=nn(Object(lt[\"b\"])({id:this.dayPopoverId,data:this.day},...this.popovers))),this.dayContentEvents=Object(ut[\"h\"])({click:this.click,mouseenter:this.mouseenter,mouseleave:this.mouseleave,focusin:this.focusin,focusout:this.focusout,keydown:this.keydown},e),tn({id:this.dayPopoverId,data:this.day})}}},pn=fn,hn=(n(\"1f64\"),pt(pn,rn,an,!1,null,\"4420d078\",null)),vn=hn.exports,bn={name:\"CalendarPane\",mixins:[St,Et],render(e){var t=this;const n=this.safeScopedSlot(\"header\",this.page)||e(\"div\",{class:\"vc-header align-\"+this.titlePosition},[e(\"div\",{class:\"vc-title\",on:this.navPopoverEvents},[this.safeScopedSlot(\"header-title\",this.page,this.page.title)])]),r=this.weekdayLabels.map((function(t,n){return e(\"div\",{key:n+1,class:\"vc-weekday\"},[t])})),a=this.showWeeknumbers_.startsWith(\"left\"),o=this.showWeeknumbers_.startsWith(\"right\");a?r.unshift(e(\"div\",{class:\"vc-weekday\"})):o&&r.push(e(\"div\",{class:\"vc-weekday\"}));const i=function(n){return e(\"div\",{class:[\"vc-weeknumber\"]},[e(\"span\",{class:[\"vc-weeknumber-content\",\"is-\"+t.showWeeknumbers_],on:{click:function(e){t.$emit(\"weeknumberclick\",{weeknumber:n,days:t.page.days.filter((function(e){return e[t.weeknumberKey]===n})),event:e})}}},[n])])},s=[],{daysInWeek:c}=this.locale;this.page.days.forEach((function(n,r){const u=r%c;(a&&0===u||o&&u===c)&&s.push(i(n[t.weeknumberKey])),s.push(e(vn,{attrs:{day:n},on:{...t.$listeners},scopedSlots:t.$scopedSlots,key:n.id,ref:\"days\",refInFor:!0})),o&&u===c-1&&s.push(i(n[t.weeknumberKey]))}));const u=e(\"div\",{class:{\"vc-weeks\":!0,\"vc-show-weeknumbers\":this.showWeeknumbers_,\"is-left\":a,\"is-right\":o}},[r,s]);return e(\"div\",{class:[\"vc-pane\",\"row-from-end-\"+this.rowFromEnd,\"column-from-end-\"+this.columnFromEnd],ref:\"pane\"},[n,u])},inheritAttrs:!1,props:{page:Object,position:Number,row:Number,rowFromEnd:Number,column:Number,columnFromEnd:Number,titlePosition:String,navVisibility:String,showWeeknumbers:[Boolean,String],showIsoWeeknumbers:[Boolean,String]},computed:{weeknumberKey(){return this.showWeeknumbers?\"weeknumber\":\"isoWeeknumber\"},showWeeknumbers_(){const e=this.showWeeknumbers||this.showIsoWeeknumbers;return null==e?\"\":Object(lt[\"i\"])(e)?e?\"left\":\"\":e.startsWith(\"right\")?this.columnFromEnd>1?\"right\":e:this.column>1?\"left\":e},navVisibility_(){return this.propOrDefault(\"navVisibility\",\"navVisibility\")},navPlacement(){switch(this.titlePosition){case\"left\":return\"bottom-start\";case\"right\":return\"bottom-end\";default:return\"bottom\"}},navPopoverEvents(){const{sharedState:e,navVisibility_:t,navPlacement:n,page:r,position:a}=this;return nn({id:e.navPopoverId,visibility:t,placement:n,modifiers:[{name:\"flip\",options:{fallbackPlacements:[\"bottom\"]}}],data:{page:r,position:a},isInteractive:!0})},weekdayLabels(){var e=this;return this.locale.getWeekdayDates().map((function(t){return e.format(t,e.masks.weekdays)}))}},methods:{refresh(){this.$refs.days.forEach((function(e){return e.refresh()}))}}},mn=bn,gn=(n(\"fccf\"),n(\"4889\"),pt(mn,on,sn,!1,null,\"74ad501d\",null)),yn=gn.exports,wn={name:\"CustomTransition\",render(e){return e(\"transition\",{props:{name:this.name_,appear:this.appear},on:{beforeEnter:this.beforeEnter,afterEnter:this.afterEnter}},[this.$slots.default])},props:{name:String,appear:Boolean},computed:{name_(){return this.name||\"none\"}},methods:{beforeEnter(e){this.$emit(\"beforeEnter\",e),this.$emit(\"beforeTransition\",e)},afterEnter(e){this.$emit(\"afterEnter\",e),this.$emit(\"afterTransition\",e)}}},xn=wn,Dn=(n(\"2285\"),pt(xn,cn,un,!1,null,\"5be4b00c\",null)),On=Dn.exports,jn=n(\"9349\"),kn=n(\"0733\"),Mn=(n(\"3ee2\"),{name:\"Calendar\",render(e){var t=this;const n=this.pages.map((function(n,r){const a=r+1,o=Math.ceil((r+1)/t.columns),i=t.rows-o+1,s=a%t.columns||t.columns,c=t.columns-s+1;return e(yn,{attrs:{...t.$attrs,attributes:t.store},props:{page:n,position:a,row:o,rowFromEnd:i,column:s,columnFromEnd:c,titlePosition:t.titlePosition_},on:{...t.$listeners,dayfocusin:function(e){t.lastFocusedDay=e,t.$emit(\"dayfocusin\",e)},dayfocusout:function(e){t.lastFocusedDay=null,t.$emit(\"dayfocusout\",e)}},scopedSlots:t.$scopedSlots,key:n.key,ref:\"pages\",refInFor:!0})})),r=function(n){const r=function(){return t.move(n?-t.step_:t.step_)},a=function(e){return Object(ut[\"l\"])(e,r)},o=n?!t.canMovePrev:!t.canMoveNext;return e(\"div\",{class:[\"vc-arrow\",\"is-\"+(n?\"left\":\"right\"),{\"is-disabled\":o}],attrs:{role:\"button\"},on:{click:r,keydown:a}},[(n?t.safeScopedSlot(\"header-left-button\",{click:r}):t.safeScopedSlot(\"header-right-button\",{click:r}))||e(Bt,{props:{name:n?\"left-arrow\":\"right-arrow\"}})])},a=function(){return e(vt,{props:{id:t.sharedState.navPopoverId,contentClass:\"vc-nav-popover-container\"},ref:\"navPopover\",scopedSlots:{default:function({data:n}){const{position:r,page:a}=n;return e(Xt,{props:{value:a,position:r,validator:function(e){return t.canMove(e,{position:r})}},on:{input:function(e){return t.move(e,{position:r})}},scopedSlots:t.$scopedSlots})}}})},o=function(){return e(vt,{props:{id:t.sharedState.dayPopoverId,contentClass:\"vc-day-popover-container\"},scopedSlots:{default:function({data:n,updateLayout:r,hide:a}){const o=Object.values(n.attributes).filter((function(e){return e.popover})),i=t.$locale.masks,s=t.formatDate,c=s(n.date,i.dayPopover);return t.safeScopedSlot(\"day-popover\",{day:n,attributes:o,masks:i,format:s,dayTitle:c,updateLayout:r,hide:a})||e(\"div\",[i.dayPopover&&e(\"div\",{class:[\"vc-day-popover-header\"]},[c]),o.map((function(t){return e($t,{key:t.key,props:{attribute:t}})}))])}}})};return e(\"div\",{attrs:{\"data-helptext\":\"Press the arrow keys to navigate by day, Home and End to navigate to week ends, PageUp and PageDown to navigate by month, Alt+PageUp and Alt+PageDown to navigate by year\"},class:[\"vc-container\",\"vc-\"+this.$theme.color,{\"vc-is-expanded\":this.isExpanded,\"vc-is-dark\":this.$theme.isDark}],on:{keydown:this.handleKeydown,mouseup:function(e){return e.preventDefault()}},ref:\"container\"},[a(),e(\"div\",{class:[\"vc-pane-container\",{\"in-transition\":this.inTransition}]},[e(On,{props:{name:this.transitionName},on:{beforeEnter:function(){t.inTransition=!0},afterEnter:function(){t.inTransition=!1}}},[e(\"div\",{class:\"vc-pane-layout\",style:{gridTemplateColumns:`repeat(${this.columns}, 1fr)`},attrs:{...this.$attrs},key:Object(ut[\"b\"])(this.pages)?this.pages[0].key:\"\"},n)]),e(\"div\",{class:[\"vc-arrows-container title-\"+this.titlePosition_]},[r(!0),r(!1)]),this.$scopedSlots.footer&&this.$scopedSlots.footer()]),o()])},mixins:[_t,Et],provide(){return{sharedState:this.sharedState}},props:{rows:{type:Number,default:1},columns:{type:Number,default:1},step:Number,titlePosition:String,isExpanded:Boolean,fromDate:Date,toDate:Date,fromPage:Object,toPage:Object,minPage:Object,maxPage:Object,transition:String,attributes:[Object,Array],trimWeeks:Boolean,disablePageSwipe:Boolean},data(){return{pages:[],store:null,lastFocusedDay:null,focusableDay:(new Date).getDate(),transitionName:\"\",inTransition:!1,sharedState:{navPopoverId:Object(ut[\"c\"])(),dayPopoverId:Object(ut[\"c\"])(),theme:{},masks:{},locale:{}}}},computed:{titlePosition_(){return this.propOrDefault(\"titlePosition\",\"titlePosition\")},firstPage(){return Object(lt[\"g\"])(this.pages)},lastPage(){return Object(lt[\"p\"])(this.pages)},minPage_(){return this.minPage||this.pageForDate(this.minDate)},maxPage_(){return this.maxPage||this.pageForDate(this.maxDate)},count(){return this.rows*this.columns},step_(){return this.step||this.count},canMovePrev(){return this.canMove(-this.step_)},canMoveNext(){return this.canMove(this.step_)}},watch:{$locale(){this.refreshLocale(),this.refreshPages({page:this.firstPage,ignoreCache:!0}),this.initStore()},$theme(){this.refreshTheme(),this.initStore()},fromDate(){this.refreshPages()},fromPage(e){const t=this.pages&&this.pages[0];Object(ut[\"q\"])(e,t)||this.refreshPages()},toPage(e){const t=this.pages&&this.pages[this.pages.length-1];Object(ut[\"q\"])(e,t)||this.refreshPages()},count(){this.refreshPages()},attributes:{handler(e){const{adds:t,deletes:n}=this.store.refresh(e);this.refreshAttrs(this.pages,t,n)},deep:!0},pages(e){this.refreshAttrs(e,this.store.list,null,!0)},disabledAttribute(){this.refreshDisabledDays()},lastFocusedDay(e){e&&(this.focusableDay=e.day,this.refreshFocusableDays())},inTransition(e){e?this.$emit(\"transition-start\"):(this.$emit(\"transition-end\"),this.transitionPromise&&(this.transitionPromise.resolve(!0),this.transitionPromise=null))}},created(){this.refreshLocale(),this.refreshTheme(),this.initStore(),this.refreshPages()},mounted(){var e=this;this.disablePageSwipe||(this.removeHandlers=Object(kn[\"a\"])(this.$refs.container,(function({toLeft:t,toRight:n}){t?e.moveNext():n&&e.movePrev()}),this.$defaults.touch))},destroyed(){this.pages=[],this.store.destroy(),this.store=null,this.sharedState=null,this.removeHandlers&&this.removeHandlers()},methods:{refreshLocale(){this.sharedState.locale=this.$locale,this.sharedState.masks=this.$locale.masks},refreshTheme(){this.sharedState.theme=this.$theme},canMove(e,t={}){var n=this;const r=this.$locale.toPage(e,this.firstPage);let{position:a}=t;if(Object(lt[\"l\"])(e)&&(a=1),!r)return Promise.reject(new Error(\"Invalid argument provided: \"+e));if(!a)if(Object(ut[\"o\"])(r,this.firstPage))a=-1;else{if(!Object(ut[\"n\"])(r,this.lastPage))return Promise.resolve(!0);a=1}return Object.assign(t,this.getTargetPageRange(r,{position:a,force:!0})),Object(ut[\"s\"])(t.fromPage,t.toPage).some((function(e){return Object(ut[\"p\"])(e,n.minPage_,n.maxPage_)}))},movePrev(e){return this.move(-this.step_,e)},moveNext(e){return this.move(this.step_,e)},move(e,t={}){const n=this.canMove(e,t);return t.force||n?(this.$refs.navPopover.hide({hideDelay:0}),t.fromPage&&!Object(ut[\"q\"])(t.fromPage,this.firstPage)?this.refreshPages({...t,page:t.fromPage,position:1,force:!0}):Promise.resolve(!0)):Promise.reject(new Error(\"Move target is disabled: \"+JSON.stringify(t)))},focusDate(e,t={}){var n=this;return this.move(e,t).then((function(){const t=n.$el.querySelector(`.id-${n.$locale.getDayId(e)}.in-month .vc-focusable`);return t?(t.focus(),Promise.resolve(!0)):Promise.resolve(!1)}))},showPageRange(e,t){let n,r;if(Object(lt[\"j\"])(e))n=this.pageForDate(e);else{if(!Object(lt[\"m\"])(e))return Promise.reject(new Error(\"Invalid page range provided.\"));{const{month:t,year:a}=e,{from:o,to:i}=e;Object(lt[\"l\"])(t)&&Object(lt[\"l\"])(a)?n=e:(o||i)&&(n=Object(lt[\"j\"])(o)?this.pageForDate(o):o,r=Object(lt[\"j\"])(i)?this.pageForDate(i):i)}}const a=this.lastPage;let o=n;return Object(ut[\"n\"])(r,a)&&(o=Object(ut[\"a\"])(r,-(this.pages.length-1))),Object(ut[\"o\"])(o,n)&&(o=n),this.refreshPages({...t,page:o})},getTargetPageRange(e,{position:t,force:n}={}){let r=null,a=null;if(Object(ut[\"r\"])(e)){let n=0;t=+t,isNaN(t)||(n=t>0?1-t:-(this.count+t)),r=Object(ut[\"a\"])(e,n)}else r=this.getDefaultInitialPage();return a=Object(ut[\"a\"])(r,this.count-1),n||(Object(ut[\"o\"])(r,this.minPage_)?r=this.minPage_:Object(ut[\"n\"])(a,this.maxPage_)&&(r=Object(ut[\"a\"])(this.maxPage_,1-this.count)),a=Object(ut[\"a\"])(r,this.count-1)),{fromPage:r,toPage:a}},getDefaultInitialPage(){let e=this.fromPage||this.pageForDate(this.fromDate);if(!Object(ut[\"r\"])(e)){const t=this.toPage||this.pageForDate(this.toPage);Object(ut[\"r\"])(t)&&(e=Object(ut[\"a\"])(t,1-this.count))}return Object(ut[\"r\"])(e)||(e=this.getPageForAttributes()),Object(ut[\"r\"])(e)||(e=this.pageForThisMonth()),e},refreshPages({page:e,position:t=1,force:n,transition:r,ignoreCache:a}={}){var o=this;return new Promise((function(i,s){const{fromPage:c,toPage:u}=o.getTargetPageRange(e,{position:t,force:n}),l=[];for(let e=0;e1||!Object(ut[\"r\"])(e)||!Object(ut[\"r\"])(t))return\"fade\";const r=Object(ut[\"o\"])(t,e);return\"slide-v\"===n?r?\"slide-down\":\"slide-up\":r?\"slide-right\":\"slide-left\"},getPageForAttributes(){let e=null;const t=this.store.pinAttr;if(t&&t.hasDates){let[n]=t.dates;n=n.start||n.date,e=this.pageForDate(n)}return e},buildPage({month:e,year:t},n){var r=this;const a=`${t.toString()}-${e.toString()}`;let o=this.pages.find((function(e){return e.key===a}));if(!o||n){const n=new Date(t,e-1,15),i=this.$locale.getMonthComps(e,t),s=this.$locale.getPrevMonthComps(e,t),c=this.$locale.getNextMonthComps(e,t);o={key:a,month:e,year:t,weeks:this.trimWeeks?i.weeks:6,title:this.$locale.format(n,this.$locale.masks.title),shortMonthLabel:this.$locale.format(n,\"MMM\"),monthLabel:this.$locale.format(n,\"MMMM\"),shortYearLabel:t.toString().substring(2),yearLabel:t.toString(),monthComps:i,prevMonthComps:s,nextMonthComps:c,canMove:function(e){return r.canMove(e)},move:function(e){return r.move(e)},moveThisMonth:function(){return r.moveThisMonth()},movePrevMonth:function(){return r.move(s)},moveNextMonth:function(){return r.move(c)},refresh:!0},o.days=this.$locale.getCalendarDays(o)}return o},initStore(){this.store=new jn[\"a\"](this.$theme,this.$locale,this.attributes),this.refreshAttrs(this.pages,this.store.list,[],!0)},refreshAttrs(e=[],t=[],n=[],r){var a=this;Object(ut[\"b\"])(e)&&(e.forEach((function(e){e.days.forEach((function(e){let a={};r?e.refresh=!0:Object(lt[\"f\"])(e.attributesMap,n)?(a=Object(lt[\"s\"])(e.attributesMap,n),e.refresh=!0):a=e.attributesMap||{},t.forEach((function(t){const n=t.intersectsDay(e);if(n){const r={...t,targetDate:n};a[t.key]=r,e.refresh=!0}})),e.refresh&&(e.attributesMap=a)}))})),this.$nextTick((function(){a.$refs.pages.forEach((function(e){return e.refresh()}))})))},handleKeydown(e){const t=this.lastFocusedDay;null!=t&&(t.event=e,this.handleDayKeydown(t))},handleDayKeydown(e){const{dateFromTime:t,event:n}=e,a=t(12);let o=null;switch(n.key){case\"ArrowLeft\":o=Object(r[\"a\"])(a,-1);break;case\"ArrowRight\":o=Object(r[\"a\"])(a,1);break;case\"ArrowUp\":o=Object(r[\"a\"])(a,-7);break;case\"ArrowDown\":o=Object(r[\"a\"])(a,7);break;case\"Home\":o=Object(r[\"a\"])(a,1-e.weekdayPosition);break;case\"End\":o=Object(r[\"a\"])(a,e.weekdayPositionFromEnd);break;case\"PageUp\":o=n.altKey?c(a,-1):s(a,-1);break;case\"PageDown\":o=n.altKey?c(a,1):s(a,1);break}o&&(n.preventDefault(),this.focusDate(o).catch((function(){})))}}}),Pn=Mn,Yn=(n(\"de5e\"),pt(Pn,ln,dn,!1,null,null,null)),Sn=Yn.exports,_n=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n(\"div\",{staticClass:\"vc-time-picker\",class:[{\"vc-disabled\":e.isDisabled,\"vc-bordered\":e.showBorder}]},[n(\"div\",[n(\"svg\",{staticClass:\"vc-time-icon\",attrs:{fill:\"none\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-width\":\"2\",viewBox:\"0 0 24 24\",stroke:\"currentColor\"}},[n(\"path\",{attrs:{d:\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"}})])]),n(\"div\",{staticClass:\"vc-date-time\"},[e.date?n(\"div\",{staticClass:\"vc-date\"},[n(\"span\",{staticClass:\"vc-weekday\"},[e._v(\" \"+e._s(e.locale.format(e.date,\"WWW\"))+\" \")]),n(\"span\",{staticClass:\"vc-month\"},[e._v(\" \"+e._s(e.locale.format(e.date,\"MMM\"))+\" \")]),n(\"span\",{staticClass:\"vc-day\"},[e._v(\" \"+e._s(e.locale.format(e.date,\"D\"))+\" \")]),n(\"span\",{staticClass:\"vc-year\"},[e._v(\" \"+e._s(e.locale.format(e.date,\"YYYY\"))+\" \")])]):e._e(),n(\"div\",{staticClass:\"vc-time\"},[n(\"time-select\",{attrs:{options:e.hourOptions_},model:{value:e.hours,callback:function(t){e.hours=e._n(t)},expression:\"hours\"}}),n(\"span\",{staticStyle:{margin:\"0 4px\"}},[e._v(\":\")]),n(\"time-select\",{attrs:{options:e.minuteOptions},model:{value:e.minutes,callback:function(t){e.minutes=e._n(t)},expression:\"minutes\"}}),e.is24hr?e._e():n(\"div\",{staticClass:\"vc-am-pm\",class:{\"vc-disabled\":!(e.hours>=0)}},[n(\"button\",{class:{active:e.isAM,\"vc-disabled\":e.amDisabled},attrs:{type:\"button\"},on:{click:function(t){t.preventDefault(),e.isAM=!0}}},[e._v(\" AM \")]),n(\"button\",{class:{active:!e.isAM,\"vc-disabled\":e.pmDisabled},attrs:{type:\"button\"},on:{click:function(t){t.preventDefault(),e.isAM=!1}}},[e._v(\" PM \")])])],1)])])},En=[],In=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n(\"div\",{staticClass:\"vc-select\"},[n(\"select\",e._b({directives:[{name:\"model\",rawName:\"v-model\",value:e.model,expression:\"model\"}],on:{change:function(t){var n=Array.prototype.filter.call(t.target.options,(function(e){return e.selected})).map((function(e){var t=\"_value\"in e?e._value:e.value;return t}));e.model=t.target.multiple?n:n[0]}}},\"select\",e.$attrs,!1),e._l(e.options,(function(t){return n(\"option\",{key:t.value,attrs:{disabled:t.disabled},domProps:{value:t.value}},[e._v(\" \"+e._s(t.label)+\" \")])})),0),n(\"div\",{staticClass:\"vc-select-arrow\"},[n(\"svg\",{attrs:{xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 0 20 20\"}},[n(\"path\",{attrs:{d:\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"}})])])])},Tn=[],Cn={inheritAttrs:!1,props:{options:Array,value:Number},computed:{model:{get(){return this.value},set(e){this.$emit(\"input\",e)}}}},$n=Cn,An=(n(\"87a9\"),pt($n,In,Tn,!1,null,\"7b2eaf0a\",null)),Nn=An.exports;const Fn=[{value:0,label:\"12\"},{value:1,label:\"1\"},{value:2,label:\"2\"},{value:3,label:\"3\"},{value:4,label:\"4\"},{value:5,label:\"5\"},{value:6,label:\"6\"},{value:7,label:\"7\"},{value:8,label:\"8\"},{value:9,label:\"9\"},{value:10,label:\"10\"},{value:11,label:\"11\"}],zn=[{value:12,label:\"12\"},{value:13,label:\"1\"},{value:14,label:\"2\"},{value:15,label:\"3\"},{value:16,label:\"4\"},{value:17,label:\"5\"},{value:18,label:\"6\"},{value:19,label:\"7\"},{value:20,label:\"8\"},{value:21,label:\"9\"},{value:22,label:\"10\"},{value:23,label:\"11\"}];var Ln={name:\"TimePicker\",components:{TimeSelect:Nn},props:{value:{type:Object,required:!0},locale:{type:Object,required:!0},theme:{type:Object,required:!0},is24hr:{type:Boolean,default:!0},showBorder:Boolean,isDisabled:Boolean,hourOptions:Array,minuteOptions:Array},computed:{date(){let e=this.locale.normalizeDate(this.value);return 24===this.value.hours&&(e=new Date(e.getTime()-1)),e},hours:{get(){return this.value.hours},set(e){this.updateValue(e,this.minutes)}},minutes:{get(){return this.value.minutes},set(e){this.updateValue(this.hours,e)}},isAM:{get(){return this.value.hours<12},set(e){let t=this.hours;e&&t>=12?t-=12:!e&&t<12&&(t+=12),this.updateValue(t,this.minutes)}},amHourOptions(){var e=this;return Fn.filter((function(t){return e.hourOptions.some((function(e){return e.value===t.value}))}))},pmHourOptions(){var e=this;return zn.filter((function(t){return e.hourOptions.some((function(e){return e.value===t.value}))}))},hourOptions_(){return this.is24hr?this.hourOptions:this.isAM?this.amHourOptions:this.pmHourOptions},amDisabled(){return!Object(ut[\"b\"])(this.amHourOptions)},pmDisabled(){return!Object(ut[\"b\"])(this.pmHourOptions)}},methods:{updateValue(e,t){e===this.hours&&t===this.minutes||this.$emit(\"input\",{...this.value,hours:e,minutes:t,seconds:0,milliseconds:0})}}},Hn=Ln,Rn=(n(\"27e3\"),pt(Hn,_n,En,!1,null,\"f4e11af8\",null)),Wn=Rn.exports;const Vn={type:\"auto\",mask:\"iso\",timeAdjust:\"\"},Un=[Vn,Vn],Bn={DATE:\"date\",DATE_TIME:\"datetime\",TIME:\"time\"},Zn={NONE:0,START:1,END:2,BOTH:3};var qn,Gn,Kn={name:\"DatePicker\",render(e){var t=this;const n=function(){if(!t.dateParts)return null;const n=t.isRange?t.dateParts:[t.dateParts[0]];return e(\"div\",[...n.map((function(n,r){const a=t.$locale.getHourOptions(t.modelConfig_[r].validHours,n),o=t.$locale.getMinuteOptions(t.modelConfig_[r].minuteIncrement,n);return e(Wn,{props:{value:n,locale:t.$locale,theme:t.$theme,is24hr:t.is24hr,minuteIncrement:t.minuteIncrement,showBorder:!t.isTime,isDisabled:t.isDateTime&&!n.isValid||t.isDragging,hourOptions:a,minuteOptions:o},on:{input:function(e){return t.onTimeInput(e,0===r)}}})})),t.$scopedSlots.footer&&t.$scopedSlots.footer()])},r=function(){return e(Sn,{attrs:{...t.$attrs,attributes:t.attributes_,theme:t.$theme,locale:t.$locale},props:{minDate:t.minDateExact||t.minDate,maxDate:t.maxDateExact||t.maxDate,disabledDates:t.disabledDates,availableDates:t.availableDates},on:{...t.$listeners,dayclick:t.onDayClick,daykeydown:t.onDayKeydown,daymouseenter:t.onDayMouseEnter},scopedSlots:{...t.$scopedSlots,footer:t.isDateTime?n:t.$scopedSlots.footer},ref:\"calendar\"})},a=function(){return t.isTime?e(\"div\",{class:[\"vc-container\",\"vc-\"+t.$theme.color,{\"vc-is-dark\":t.$theme.isDark}]},[n()]):r()};return this.$scopedSlots.default&&e(\"span\",[this.$scopedSlots.default(this.slotArgs),e(vt,{props:{id:this.datePickerPopoverId,placement:\"bottom-start\",contentClass:\"vc-container\"+(this.isDark?\" vc-is-dark\":\"\")},on:{beforeShow:function(e){return t.$emit(\"popoverWillShow\",e)},afterShow:function(e){return t.$emit(\"popoverDidShow\",e)},beforeHide:function(e){return t.$emit(\"popoverWillHide\",e)},afterHide:function(e){return t.$emit(\"popoverDidHide\",e)}},scopedSlots:{default(){return a()}},ref:\"popover\"})])||a()},mixins:[_t],props:{mode:{type:String,default:Bn.DATE},value:{type:null,required:!0},modelConfig:{type:Object,default:function(){return{}}},is24hr:Boolean,minuteIncrement:Number,isRequired:Boolean,isRange:Boolean,updateOnInput:Boolean,inputDebounce:Number,popover:{type:Object,default:function(){return{}}},dragAttribute:Object,selectAttribute:Object,attributes:Array,validHours:[Object,Array,Function]},data(){return{value_:null,dateParts:null,activeDate:\"\",dragValue:null,inputValues:[\"\",\"\"],updateTimeout:null,watchValue:!0,datePickerPopoverId:Object(ut[\"c\"])()}},computed:{updateOnInput_(){return this.propOrDefault(\"updateOnInput\",\"datePicker.updateOnInput\")},inputDebounce_(){return this.propOrDefault(\"inputDebounce\",\"datePicker.inputDebounce\")},isDate(){return this.mode.toLowerCase()===Bn.DATE},isDateTime(){return this.mode.toLowerCase()===Bn.DATE_TIME},isTime(){return this.mode.toLowerCase()===Bn.TIME},isDragging(){return!!this.dragValue&&this.isRange},modelConfig_(){return this.normalizeConfig(this.modelConfig,Un)},inputMask(){const e=this.$locale.masks;return this.isTime?this.is24hr?e.inputTime24hr:e.inputTime:this.isDateTime?this.is24hr?e.inputDateTime24hr:e.inputDateTime:this.$locale.masks.input},inputMaskHasTime(){return/[Hh]/g.test(this.inputMask)},inputMaskHasDate(){return/[dD]{1,2}|Do|W{1,4}|M{1,4}|YY(?:YY)?/g.test(this.inputMask)},inputMaskPatch(){return this.inputMaskHasTime&&this.inputMaskHasDate?jt[\"a\"].DATE_TIME:this.inputMaskHasDate?jt[\"a\"].DATE:this.inputMaskHasTime?jt[\"a\"].TIME:void 0},slotArgs(){var e=this;const{isRange:t,isDragging:n,updateValue:r,showPopover:a,hidePopover:o,togglePopover:i}=this,s=t?{start:this.inputValues[0],end:this.inputValues[1]}:this.inputValues[0],c=[!0,!1].map((function(t){return{input:e.onInputInput(t),change:e.onInputChange(t),keyup:e.onInputKeyup,...nn({...e.popover_,id:e.datePickerPopoverId,callback:function(n){\"show\"===n.action&&n.completed&&e.onInputShow(t)}})}})),u=t?{start:c[0],end:c[1]}:c[0];return{inputValue:s,inputEvents:u,isDragging:n,updateValue:r,showPopover:a,hidePopover:o,togglePopover:i,getPopoverTriggerEvents:nn}},popover_(){return this.propOrDefault(\"popover\",\"datePicker.popover\",\"merge\")},selectAttribute_(){if(!this.hasValue(this.value_))return null;const e={key:\"select-drag\",...this.selectAttribute,dates:this.value_,pinPage:!0},{dot:t,bar:n,highlight:r,content:a}=e;return t||n||r||a||(e.highlight=!0),e},dragAttribute_(){if(!this.isRange||!this.hasValue(this.dragValue))return null;const e={key:\"select-drag\",...this.dragAttribute,dates:this.dragValue},{dot:t,bar:n,highlight:r,content:a}=e;return t||n||r||a||(e.highlight={startEnd:{fillMode:\"outline\"}}),e},attributes_(){const e=Object(lt[\"h\"])(this.attributes)?[...this.attributes]:[];return this.dragAttribute_?e.push(this.dragAttribute_):this.selectAttribute_&&e.push(this.selectAttribute_),e}},watch:{inputMask(){this.formatInput()},value(e){this.watchValue&&this.forceUpdateValue(e,{config:this.modelConfig_,notify:!1,formatInput:!0,hidePopover:!1})},value_(){this.refreshDateParts()},dragValue(){this.refreshDateParts()},timezone(){this.refreshDateParts(),this.forceUpdateValue(this.value_,{formatInput:!0})}},created(){this.value_=this.normalizeValue(this.value,this.modelConfig_,jt[\"a\"].DATE_TIME,Zn.BOTH),this.forceUpdateValue(this.value,{config:this.modelConfig_,formatInput:!0,hidePopover:!1}),this.refreshDateParts()},mounted(){Object(ut[\"k\"])(document,\"keydown\",this.onDocumentKeyDown),Object(ut[\"k\"])(document,\"click\",this.onDocumentClick)},destroyed(){Object(ut[\"j\"])(document,\"keydown\",this.onDocumentKeyDown),Object(ut[\"j\"])(document,\"click\",this.onDocumentClick)},methods:{getDateParts(e){return this.$locale.getDateParts(e)},getDateFromParts(e){return this.$locale.getDateFromParts(e)},refreshDateParts(){var e=this;const t=this.dragValue||this.value_,n=[];this.isRange?(t&&t.start?n.push(this.getDateParts(t.start)):n.push({}),t&&t.end?n.push(this.getDateParts(t.end)):n.push({})):t?t&&t.start?n.push(this.getDateParts(t.start)):n.push(this.getDateParts(t)):n.push({}),this.$nextTick((function(){return e.dateParts=n}))},onDocumentKeyDown(e){this.dragValue&&\"Escape\"===e.key&&(this.dragValue=null)},onDocumentClick(e){document.body.contains(e.target)&&!Object(ut[\"e\"])(this.$el,e.target)&&(this.dragValue=null,this.formatInput())},onDayClick(e){this.handleDayClick(e),this.$emit(\"dayclick\",e)},onDayKeydown(e){switch(e.event.key){case\" \":case\"Enter\":this.handleDayClick(e),e.event.preventDefault();break;case\"Escape\":this.hidePopover()}this.$emit(\"daykeydown\",e)},handleDayClick(e){const{keepVisibleOnInput:t,visibility:n}=this.popover_,r={patch:jt[\"a\"].DATE,adjustTime:!0,formatInput:!0,hidePopover:this.isDate&&!t&&\"visible\"!==n};this.isRange?(this.isDragging?this.dragTrackingValue.end=e.date:this.dragTrackingValue={...e.range},r.isDragging=!this.isDragging,r.rangePriority=r.isDragging?Zn.NONE:Zn.BOTH,r.hidePopover=r.hidePopover&&!r.isDragging,this.updateValue(this.dragTrackingValue,r)):(r.clearIfEqual=!this.isRequired,this.updateValue(e.date,r))},onDayMouseEnter(e){this.isDragging&&(this.dragTrackingValue.end=e.date,this.updateValue(this.dragTrackingValue,{patch:jt[\"a\"].DATE,adjustTime:!0,formatInput:!0,hidePopover:!1,rangePriority:Zn.NONE}))},onTimeInput(e,t){var n=this;let r=null;if(this.isRange){const n=t?e:this.dateParts[0],a=t?this.dateParts[1]:e;r={start:n,end:a}}else r=e;this.updateValue(r,{patch:jt[\"a\"].TIME,rangePriority:t?Zn.START:Zn.END}).then((function(){return n.adjustPageRange(t)}))},onInputInput(e){var t=this;return function(n){t.updateOnInput_&&t.onInputUpdate(n.target.value,e,{formatInput:!1,hidePopover:!1,debounce:t.inputDebounce_})}},onInputChange(e){var t=this;return function(n){t.onInputUpdate(n.target.value,e,{formatInput:!0,hidePopover:!1})}},onInputUpdate(e,t,n){var r=this;this.inputValues.splice(t?0:1,1,e);const a=this.isRange?{start:this.inputValues[0],end:this.inputValues[1]||this.inputValues[0]}:e,o={type:\"string\",mask:this.inputMask};this.updateValue(a,{...n,config:o,patch:this.inputMaskPatch,rangePriority:t?Zn.START:Zn.END}).then((function(){return r.adjustPageRange(t)}))},onInputShow(e){this.adjustPageRange(e)},onInputKeyup(e){\"Escape\"===e.key&&this.updateValue(this.value_,{formatInput:!0,hidePopover:!0})},normalizeConfig(e,t=this.modelConfig_){var n=this;return e=Object(lt[\"h\"])(e)?e:[e.start||e,e.end||e],t.map((function(t,r){return{validHours:n.validHours,minuteIncrement:n.minuteIncrement,...t,...e[r]}}))},updateValue(e,t={}){var n=this;return clearTimeout(this.updateTimeout),new Promise((function(r){const{debounce:a,...o}=t;a>0?n.updateTimeout=setTimeout((function(){n.forceUpdateValue(e,o),r(n.value_)}),a):(n.forceUpdateValue(e,o),r(n.value_))}))},forceUpdateValue(e,{config:t=this.modelConfig_,patch:n=jt[\"a\"].DATE_TIME,clearIfEqual:r=!1,formatInput:a=!0,hidePopover:o=!1,isDragging:i=this.isDragging,rangePriority:s=Zn.BOTH}={}){var c=this;t=this.normalizeConfig(t);let u=this.normalizeValue(e,t,n,s);!u&&this.isRequired&&(u=this.value_),u=this.adjustTimeForValue(u,t);const l=this.valueIsDisabled(u);if(l){if(i)return;u=this.value_,o=!1}const d=i?\"dragValue\":\"value_\";let f=!this.valuesAreEqual(this[d],u);if(l||f||!r||(u=null,f=!0),f){this.$set(this,d,u),i||(this.dragValue=null);const e=this.denormalizeValue(u),t=this.isDragging?\"drag\":\"input\";this.watchValue=!1,this.$emit(t,e),this.$nextTick((function(){return c.watchValue=!0}))}o&&this.hidePopover(),a&&this.formatInput()},hasValue(e){return this.isRange?Object(lt[\"m\"])(e)&&!!e.start&&!!e.end:!!e},normalizeValue(e,t,n,r){if(!this.hasValue(e))return null;if(this.isRange){const a={},o=e.start>e.end?e.end:e.start;a.start=this.normalizeDate(o,{...t[0],fillDate:this.value_&&this.value_.start||t[0].fillDate,patch:n});const i=e.start>e.end?e.start:e.end;return a.end=this.normalizeDate(i,{...t[1],fillDate:this.value_&&this.value_.end||t[1].fillDate,patch:n}),this.sortRange(a,r)}return this.normalizeDate(e,{...t[0],fillDate:this.value_||t[0].fillDate,patch:n})},adjustTimeForValue(e,t){return this.hasValue(e)?this.isRange?{start:this.$locale.adjustTimeForDate(e.start,t[0]),end:this.$locale.adjustTimeForDate(e.end,t[1])}:this.$locale.adjustTimeForDate(e,t[0]):null},sortRange(e,t=Zn.NONE){const{start:n,end:r}=e;if(n>r)switch(t){case Zn.START:return{start:n,end:n};case Zn.END:return{start:r,end:r};case Zn.BOTH:return{start:r,end:n}}return{start:n,end:r}},denormalizeValue(e,t=this.modelConfig_){return this.isRange?this.hasValue(e)?{start:this.$locale.denormalizeDate(e.start,t[0]),end:this.$locale.denormalizeDate(e.end,t[1])}:null:this.$locale.denormalizeDate(e,t[0])},valuesAreEqual(e,t){if(this.isRange){const n=this.hasValue(e),r=this.hasValue(t);return!n&&!r||n===r&&(Object(ut[\"d\"])(e.start,t.start)&&Object(ut[\"d\"])(e.end,t.end))}return Object(ut[\"d\"])(e,t)},valueIsDisabled(e){return this.hasValue(e)&&this.disabledAttribute&&this.disabledAttribute.intersectsDate(e)},formatInput(){var e=this;this.$nextTick((function(){const t=e.normalizeConfig({type:\"string\",mask:e.inputMask}),n=e.denormalizeValue(e.dragValue||e.value_,t);e.isRange?e.inputValues=[n&&n.start,n&&n.end]:e.inputValues=[n,\"\"]}))},showPopover(e={}){Jt({ref:this.$el,...this.popover_,...e,isInteractive:!0,id:this.datePickerPopoverId})},hidePopover(e={}){Qt({hideDelay:10,...this.popover_,...e,id:this.datePickerPopoverId})},togglePopover(e){en({ref:this.$el,...this.popover_,...e,isInteractive:!0,id:this.datePickerPopoverId})},adjustPageRange(e){var t=this;this.$nextTick((function(){const n=t.$refs.calendar,r=t.getPageForValue(e),a=e?1:-1;r&&n&&!Object(ut[\"p\"])(r,n.firstPage,n.lastPage)&&n.move(r,{position:a,transition:\"fade\"})}))},getPageForValue(e){return this.hasValue(this.value_)?this.pageForDate(this.isRange?this.value_[e?\"start\":\"end\"]:this.value_):null},move(e,t){return this.$refs.calendar?this.$refs.calendar.move(e,t):Promise.reject(new Error(\"Navigation disabled while calendar is not yet displayed\"))},focusDate(e,t){return this.$refs.calendar?this.$refs.calendar.focusDate(e,t):Promise.reject(new Error(\"Navigation disabled while calendar is not yet displayed\"))}}},Xn=Kn,Jn=pt(Xn,qn,Gn,!1,null,null,null),Qn=Jn.exports},\"2b10\":function(e,t){function n(e,t,n){var r=-1,a=e.length;t<0&&(t=-t>a?0:a+t),n=n>a?a:n,n<0&&(n+=a),a=t>n?0:n-t>>>0,t>>>=0;var o=Array(a);while(++r=74)&&(r=i.match(/Chrome\\/(\\d+)/),r&&(a=r[1]))),e.exports=a&&+a},\"2d7c\":function(e,t){function n(e,t){var n=-1,r=null==e?0:e.length,a=0,o=[];while(++n1?n[o-1]:void 0,s=o>2?n[2]:void 0;i=e.length>3&&\"function\"==typeof i?(o--,i):void 0,s&&a(n[0],n[1],s)&&(i=o<3?void 0:i,o=1),t=Object(t);while(++rt.month:e.year>t.year)},l=function(e,t,n){return!!e&&!c(e,t)&&!u(e,n)},d=function(e,t){return!(!e&&t)&&(!(e&&!t)&&(!e&&!t||e.month===t.month&&e.year===t.year))},f=function({month:e,year:t},n){const r=n>0?1:-1;for(let a=0;a12?(e=1,t++):e<1&&(e=12,t--);return{month:e,year:t}},p=function(e,t){if(!s(e)||!s(t))return[];const n=[];while(!u(e,t))n.push(e),e=f(e,1);return n};function h(e,t){const n=Object(r[\"j\"])(e),a=Object(r[\"j\"])(t);return!n&&!a||n===a&&e.getTime()===t.getTime()}const v=function(e){return Object(r[\"h\"])(e)&&e.length},b=function(e,t,n){const a=[];return n.forEach((function(n){const o=n.name||n.toString(),i=n.mixin,s=n.validate;if(Object.prototype.hasOwnProperty.call(e,o)){const n=s?s(e[o]):e[o];t[o]=i&&Object(r[\"m\"])(n)?{...i,...n}:n,a.push(o)}})),{target:t,assigned:a.length?a:null}},m=function(e,t,n,r){e&&t&&n&&e.addEventListener(t,n,r)},g=function(e,t,n,r){e&&t&&e.removeEventListener(t,n,r)},y=function(e,t){return!!e&&!!t&&(e===t||e.contains(t))},w=function(e,t){\" \"!==e.key&&\"Enter\"!==e.key||(t(e),e.preventDefault())},x=function(){function e(){return(65536*(1+Math.random())|0).toString(16).substring(1)}return`${e()+e()}-${e()}-${e()}-${e()}-${e()}${e()}${e()}`};function D(e){let t,n=0,r=0;if(0===e.length)return n;for(r=0;rc)a.f(e,n=r[c++],t[n]);return e}},3818:function(e,t,n){var r=n(\"7e64\"),a=n(\"8057\"),o=n(\"32b3\"),i=n(\"5b01\"),s=n(\"0f0f\"),c=n(\"e538\"),u=n(\"4359\"),l=n(\"54eb\"),d=n(\"1041\"),f=n(\"a994\"),p=n(\"1bac\"),h=n(\"42a2\"),v=n(\"c87c\"),b=n(\"c2b6\"),m=n(\"fa21\"),g=n(\"6747\"),y=n(\"0d24\"),w=n(\"cc45\"),x=n(\"1a8c\"),D=n(\"d7ee\"),O=n(\"ec69\"),j=n(\"9934\"),k=1,M=2,P=4,Y=\"[object Arguments]\",S=\"[object Array]\",_=\"[object Boolean]\",E=\"[object Date]\",I=\"[object Error]\",T=\"[object Function]\",C=\"[object GeneratorFunction]\",$=\"[object Map]\",A=\"[object Number]\",N=\"[object Object]\",F=\"[object RegExp]\",z=\"[object Set]\",L=\"[object String]\",H=\"[object Symbol]\",R=\"[object WeakMap]\",W=\"[object ArrayBuffer]\",V=\"[object DataView]\",U=\"[object Float32Array]\",B=\"[object Float64Array]\",Z=\"[object Int8Array]\",q=\"[object Int16Array]\",G=\"[object Int32Array]\",K=\"[object Uint8Array]\",X=\"[object Uint8ClampedArray]\",J=\"[object Uint16Array]\",Q=\"[object Uint32Array]\",ee={};function te(e,t,n,S,_,E){var I,$=t&k,A=t&M,F=t&P;if(n&&(I=_?n(e,S,_,E):n(e)),void 0!==I)return I;if(!x(e))return e;var z=g(e);if(z){if(I=v(e),!$)return u(e,I)}else{var L=h(e),H=L==T||L==C;if(y(e))return c(e,$);if(L==N||L==Y||H&&!_){if(I=A||H?{}:m(e),!$)return A?d(e,s(I,e)):l(e,i(I,e))}else{if(!ee[L])return _?e:{};I=b(e,L,$)}}E||(E=new r);var R=E.get(e);if(R)return R;E.set(e,I),D(e)?e.forEach((function(r){I.add(te(r,t,n,r,e,E))})):w(e)&&e.forEach((function(r,a){I.set(a,te(r,t,n,a,e,E))}));var W=F?A?p:f:A?j:O,V=z?void 0:W(e);return a(V||e,(function(r,a){V&&(a=r,r=e[a]),o(I,a,te(r,t,n,a,e,E))})),I}ee[Y]=ee[S]=ee[W]=ee[V]=ee[_]=ee[E]=ee[U]=ee[B]=ee[Z]=ee[q]=ee[G]=ee[$]=ee[A]=ee[N]=ee[F]=ee[z]=ee[L]=ee[H]=ee[K]=ee[X]=ee[J]=ee[Q]=!0,ee[I]=ee[T]=ee[R]=!1,e.exports=te},3852:function(e,t,n){var r=n(\"96f3\"),a=n(\"e2c0\");function o(e,t){return null!=e&&a(e,t,r)}e.exports=o},\"39ff\":function(e,t,n){var r=n(\"0b07\"),a=n(\"2b3e\"),o=r(a,\"WeakMap\");e.exports=o},\"3b4a\":function(e,t,n){var r=n(\"0b07\"),a=function(){try{var e=r(Object,\"defineProperty\");return e({},\"\",{}),e}catch(t){}}();e.exports=a},\"3bb4\":function(e,t,n){var r=n(\"08cc\"),a=n(\"ec69\");function o(e){var t=a(e),n=t.length;while(n--){var o=t[n],i=e[o];t[n]=[o,i,r(i)]}return t}e.exports=o},\"3bbe\":function(e,t,n){var r=n(\"861d\");e.exports=function(e){if(!r(e)&&null!==e)throw TypeError(\"Can't set \"+String(e)+\" as a prototype\");return e}},\"3c55\":function(e,t,n){\"use strict\";var r=n(\"e969\"),a=n.n(r);a.a},\"3db9\":function(e,t,n){var r=n(\"adc8\");\"string\"===typeof r&&(r=[[e.i,r,\"\"]]),r.locals&&(e.exports=r.locals);var a=n(\"499e\").default;a(\"2b7f9a9d\",r,!0,{sourceMap:!1,shadowMode:!1})},\"3ee2\":function(e,t,n){var r=n(\"dc8c\");\"string\"===typeof r&&(r=[[e.i,r,\"\"]]),r.locals&&(e.exports=r.locals);var a=n(\"499e\").default;a(\"13d41af5\",r,!0,{sourceMap:!1,shadowMode:!1})},\"3eea\":function(e,t,n){var r=n(\"7948\"),a=n(\"3818\"),o=n(\"4bb5\"),i=n(\"e2e4\"),s=n(\"8eeb\"),c=n(\"e0e7\"),u=n(\"c6cf\"),l=n(\"1bac\"),d=1,f=2,p=4,h=u((function(e,t){var n={};if(null==e)return n;var u=!1;t=r(t,(function(t){return t=i(t,e),u||(u=t.length>1),t})),s(e,l(e),n),u&&(n=a(n,d|f|p,c));var h=t.length;while(h--)o(n,t[h]);return n}));e.exports=h},\"3f84\":function(e,t,n){var r=n(\"85e3\"),a=n(\"100e\"),o=n(\"e031\"),i=n(\"2411\"),s=a((function(e){return e.push(void 0,o),r(i,void 0,e)}));e.exports=s},\"3f8c\":function(e,t){e.exports={}},\"41c3\":function(e,t,n){var r=n(\"1a8c\"),a=n(\"eac5\"),o=n(\"ec8c\"),i=Object.prototype,s=i.hasOwnProperty;function c(e){if(!r(e))return o(e);var t=a(e),n=[];for(var i in e)(\"constructor\"!=i||!t&&s.call(e,i))&&n.push(i);return n}e.exports=c},4245:function(e,t,n){var r=n(\"1290\");function a(e,t){var n=e.__data__;return r(t)?n[\"string\"==typeof t?\"string\":\"hash\"]:n.map}e.exports=a},4284:function(e,t){function n(e,t){var n=-1,r=null==e?0:e.length;while(++nn.parts.length&&(r.parts.length=n.parts.length)}else{var i=[];for(a=0;al)if(s=c[l++],s!=s)return!0}else for(;u>l;l++)if((e||l in c)&&c[l]===n)return e||l||0;return!e&&-1}};e.exports={includes:i(!0),indexOf:i(!1)}},\"4d8c\":function(e,t,n){var r=n(\"5c69\");function a(e){var t=null==e?0:e.length;return t?r(e,1):[]}e.exports=a},\"4f50\":function(e,t,n){var r=n(\"b760\"),a=n(\"e538\"),o=n(\"c8fe\"),i=n(\"4359\"),s=n(\"fa21\"),c=n(\"d370\"),u=n(\"6747\"),l=n(\"dcbe\"),d=n(\"0d24\"),f=n(\"9520\"),p=n(\"1a8c\"),h=n(\"60ed\"),v=n(\"73ac\"),b=n(\"8adb\"),m=n(\"8de2\");function g(e,t,n,g,y,w,x){var D=b(e,n),O=b(t,n),j=x.get(O);if(j)r(e,n,j);else{var k=w?w(D,O,n+\"\",e,t,x):void 0,M=void 0===k;if(M){var P=u(O),Y=!P&&d(O),S=!P&&!Y&&v(O);k=O,P||Y||S?u(D)?k=D:l(D)?k=i(D):Y?(M=!1,k=a(O,!0)):S?(M=!1,k=o(O,!0)):k=[]:h(O)||c(O)?(k=D,c(D)?k=m(D):p(D)&&!f(D)||(k=s(O))):M=!1}M&&(x.set(O,k),y(k,O,g,w,x),x[\"delete\"](O)),r(e,n,k)}}e.exports=g},\"501e\":function(e,t,n){var r=n(\"3729\"),a=n(\"1310\"),o=\"[object Number]\";function i(e){return\"number\"==typeof e||a(e)&&r(e)==o}e.exports=i},\"50c4\":function(e,t,n){var r=n(\"a691\"),a=Math.min;e.exports=function(e){return e>0?a(r(e),9007199254740991):0}},\"50d8\":function(e,t){function n(e,t){var n=-1,r=Array(e);while(++n\")}));r(\"replace\",(function(e,t,n){var r=g?\"$\":\"$0\";return[function(e,n){var r=c(this),a=void 0==e?void 0:e[p];return void 0!==a?a.call(e,r,n):t.call(String(r),e,n)},function(e,a){if(\"string\"===typeof a&&-1===a.indexOf(r)&&-1===a.indexOf(\"$<\")){var c=n(t,this,e,a);if(c.done)return c.value}var f=o(this),p=String(e),m=\"function\"===typeof a;m||(a=String(a));var g=f.global;if(g){var y=f.unicode;f.lastIndex=0}var w=[];while(1){var x=d(f,p);if(null===x)break;if(w.push(x),!g)break;var D=String(x[0]);\"\"===D&&(f.lastIndex=u(p,i(f.lastIndex),y))}for(var O=\"\",j=0,k=0;k=j&&(O+=p.slice(j,P)+I,j=P+M.length)}return O+p.slice(j)}]}),!y||!m||g)},\"53b1\":function(e,t,n){var r=n(\"495a\");\"string\"===typeof r&&(r=[[e.i,r,\"\"]]),r.locals&&(e.exports=r.locals);var a=n(\"499e\").default;a(\"2a6e04f4\",r,!0,{sourceMap:!1,shadowMode:!1})},\"54eb\":function(e,t,n){var r=n(\"8eeb\"),a=n(\"32f4\");function o(e,t){return r(e,a(e),t)}e.exports=o},\"55a3\":function(e,t){function n(e){return this.__data__.has(e)}e.exports=n},5692:function(e,t,n){var r=n(\"c430\"),a=n(\"c6cd\");(e.exports=function(e,t){return a[e]||(a[e]=void 0!==t?t:{})})(\"versions\",[]).push({version:\"3.15.2\",mode:r?\"pure\":\"global\",copyright:\"© 2021 Denis Pushkarev (zloirock.ru)\"})},\"56ef\":function(e,t,n){var r=n(\"d066\"),a=n(\"241c\"),o=n(\"7418\"),i=n(\"825a\");e.exports=r(\"Reflect\",\"ownKeys\")||function(e){var t=a.f(i(e)),n=o.f;return n?t.concat(n(e)):t}},\"57a5\":function(e,t,n){var r=n(\"91e9\"),a=r(Object.keys,Object);e.exports=a},\"585a\":function(e,t,n){(function(t){var n=\"object\"==typeof t&&t&&t.Object===Object&&t;e.exports=n}).call(this,n(\"c8ba\"))},\"5b01\":function(e,t,n){var r=n(\"8eeb\"),a=n(\"ec69\");function o(e,t){return e&&r(t,a(t),e)}e.exports=o},\"5c69\":function(e,t,n){var r=n(\"087d\"),a=n(\"0621\");function o(e,t,n,i,s){var c=-1,u=e.length;n||(n=a),s||(s=[]);while(++c0&&n(l)?t>1?o(l,t-1,n,i,s):r(s,l):i||(s[s.length]=l)}return s}e.exports=o},\"5c6c\":function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},\"5d89\":function(e,t,n){var r=n(\"f8af\");function a(e,t){var n=t?r(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}e.exports=a},\"5e2e\":function(e,t,n){var r=n(\"28c9\"),a=n(\"69d5\"),o=n(\"b4c0\"),i=n(\"fba5\"),s=n(\"67ca\");function c(e){var t=-1,n=null==e?0:e.length;this.clear();while(++t=u?e?\"\":void 0:(o=s.charCodeAt(c),o<55296||o>56319||c+1===u||(i=s.charCodeAt(c+1))<56320||i>57343?e?s.charAt(c):o:e?s.slice(c,c+2):i-56320+(o-55296<<10)+65536)}};e.exports={codeAt:o(!1),charAt:o(!0)}},\"656b\":function(e,t,n){var r=n(\"e2e4\"),a=n(\"f4d6\");function o(e,t){t=r(t,e);var n=0,o=t.length;while(null!=e&&n\",f=\"<\",p=\"prototype\",h=\"script\",v=l(\"IE_PROTO\"),b=function(){},m=function(e){return f+h+d+e+f+\"/\"+h+d},g=function(e){e.write(m(\"\")),e.close();var t=e.parentWindow.Object;return e=null,t},y=function(){var e,t=u(\"iframe\"),n=\"java\"+h+\":\";return t.style.display=\"none\",c.appendChild(t),t.src=String(n),e=t.contentWindow.document,e.open(),e.write(m(\"document.F=Object\")),e.close(),e.F},w=function(){try{r=document.domain&&new ActiveXObject(\"htmlfile\")}catch(t){}w=r?g(r):y();var e=i.length;while(e--)delete w[p][i[e]];return w()};s[v]=!0,e.exports=Object.create||function(e,t){var n;return null!==e?(b[p]=a(e),n=new b,b[p]=null,n[v]=e):n=w(),void 0===t?n:o(n,t)}},\"7d1f\":function(e,t,n){var r=n(\"087d\"),a=n(\"6747\");function o(e,t,n){var o=t(e);return a(e)?o:r(o,n(e))}e.exports=o},\"7dd0\":function(e,t,n){\"use strict\";var r=n(\"23e7\"),a=n(\"9ed3\"),o=n(\"e163\"),i=n(\"d2bb\"),s=n(\"d44e\"),c=n(\"9112\"),u=n(\"6eeb\"),l=n(\"b622\"),d=n(\"c430\"),f=n(\"3f8c\"),p=n(\"ae93\"),h=p.IteratorPrototype,v=p.BUGGY_SAFARI_ITERATORS,b=l(\"iterator\"),m=\"keys\",g=\"values\",y=\"entries\",w=function(){return this};e.exports=function(e,t,n,l,p,x,D){a(n,t,l);var O,j,k,M=function(e){if(e===p&&E)return E;if(!v&&e in S)return S[e];switch(e){case m:return function(){return new n(this,e)};case g:return function(){return new n(this,e)};case y:return function(){return new n(this,e)}}return function(){return new n(this)}},P=t+\" Iterator\",Y=!1,S=e.prototype,_=S[b]||S[\"@@iterator\"]||p&&S[p],E=!v&&_||M(p),I=\"Array\"==t&&S.entries||_;if(I&&(O=o(I.call(new e)),h!==Object.prototype&&O.next&&(d||o(O)===h||(i?i(O,h):\"function\"!=typeof O[b]&&c(O,b,w)),s(O,P,!0,!0),d&&(f[P]=w))),p==g&&_&&_.name!==g&&(Y=!0,E=function(){return _.call(this)}),d&&!D||S[b]===E||c(S,b,E),f[t]=E,p)if(j={values:M(g),keys:x?E:M(m),entries:M(y)},D)for(k in j)(v||Y||!(k in S))&&u(S,k,j[k]);else r({target:t,proto:!0,forced:v||Y},j);return j}},\"7dfe\":function(e,t,n){var r=n(\"24fb\");t=r(!1),t.push([e.i,\".none-enter-active[data-v-5be4b00c],.none-leave-active[data-v-5be4b00c]{transition-duration:0s}.fade-enter-active[data-v-5be4b00c],.fade-leave-active[data-v-5be4b00c],.slide-down-enter-active[data-v-5be4b00c],.slide-down-leave-active[data-v-5be4b00c],.slide-left-enter-active[data-v-5be4b00c],.slide-left-leave-active[data-v-5be4b00c],.slide-right-enter-active[data-v-5be4b00c],.slide-right-leave-active[data-v-5be4b00c],.slide-up-enter-active[data-v-5be4b00c],.slide-up-leave-active[data-v-5be4b00c]{transition:transform var(--slide-duration) var(--slide-timing),opacity var(--slide-duration) var(--slide-timing);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fade-leave-active[data-v-5be4b00c],.none-leave-active[data-v-5be4b00c],.slide-down-leave-active[data-v-5be4b00c],.slide-left-leave-active[data-v-5be4b00c],.slide-right-leave-active[data-v-5be4b00c],.slide-up-leave-active[data-v-5be4b00c]{position:absolute;width:100%}.fade-enter[data-v-5be4b00c],.fade-leave-to[data-v-5be4b00c],.none-enter[data-v-5be4b00c],.none-leave-to[data-v-5be4b00c],.slide-down-enter[data-v-5be4b00c],.slide-down-leave-to[data-v-5be4b00c],.slide-left-enter[data-v-5be4b00c],.slide-left-leave-to[data-v-5be4b00c],.slide-right-enter[data-v-5be4b00c],.slide-right-leave-to[data-v-5be4b00c],.slide-up-enter[data-v-5be4b00c],.slide-up-leave-to[data-v-5be4b00c]{opacity:0}.slide-left-enter[data-v-5be4b00c],.slide-right-leave-to[data-v-5be4b00c]{transform:translateX(var(--slide-translate))}.slide-left-leave-to[data-v-5be4b00c],.slide-right-enter[data-v-5be4b00c]{transform:translateX(calc(var(--slide-translate)*-1))}.slide-down-leave-to[data-v-5be4b00c],.slide-up-enter[data-v-5be4b00c]{transform:translateY(var(--slide-translate))}.slide-down-enter[data-v-5be4b00c],.slide-up-leave-to[data-v-5be4b00c]{transform:translateY(calc(var(--slide-translate)*-1))}\",\"\"]),e.exports=t},\"7e64\":function(e,t,n){var r=n(\"5e2e\"),a=n(\"efb6\"),o=n(\"2fcc\"),i=n(\"802a\"),s=n(\"55a3\"),c=n(\"d02c\");function u(e){var t=this.__data__=new r(e);this.size=t.size}u.prototype.clear=a,u.prototype[\"delete\"]=o,u.prototype.get=i,u.prototype.has=s,u.prototype.set=c,e.exports=u},\"7ed2\":function(e,t){var n=\"__lodash_hash_undefined__\";function r(e){return this.__data__.set(e,n),this}e.exports=r},\"7efe\":function(e){e.exports=JSON.parse('{\"title\":\"MMMM YYYY\",\"weekdays\":\"W\",\"navMonths\":\"MMM\",\"input\":[\"L\",\"YYYY-MM-DD\",\"YYYY/MM/DD\"],\"inputDateTime\":[\"L h:mm A\",\"YYYY-MM-DD h:mm A\",\"YYYY/MM/DD h:mm A\"],\"inputDateTime24hr\":[\"L HH:mm\",\"YYYY-MM-DD HH:mm\",\"YYYY/MM/DD HH:mm\"],\"inputTime\":[\"h:mm A\"],\"inputTime24hr\":[\"HH:mm\"],\"dayPopover\":\"WWW, MMM D, YYYY\",\"data\":[\"L\",\"YYYY-MM-DD\",\"YYYY/MM/DD\"],\"iso\":\"YYYY-MM-DDTHH:mm:ss.SSSZ\"}')},\"7f9a\":function(e,t,n){var r=n(\"da84\"),a=n(\"8925\"),o=r.WeakMap;e.exports=\"function\"===typeof o&&/native code/.test(a(o))},\"802a\":function(e,t){function n(e){return this.__data__.get(e)}e.exports=n},8057:function(e,t){function n(e,t){var n=-1,r=null==e?0:e.length;while(++n=t?e:t)),e}e.exports=n},\"83ab\":function(e,t,n){var r=n(\"d039\");e.exports=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},\"85a9\":function(e){e.exports=JSON.parse('{\"sm\":\"640px\",\"md\":\"768px\",\"lg\":\"1024px\",\"xl\":\"1280px\"}')},\"85e3\":function(e,t){function n(e,t,n){switch(n.length){case 0:return e.call(t);case 1:return e.call(t,n[0]);case 2:return e.call(t,n[0],n[1]);case 3:return e.call(t,n[0],n[1],n[2])}return e.apply(t,n)}e.exports=n},8604:function(e,t,n){var r=n(\"26e8\"),a=n(\"e2c0\");function o(e,t){return null!=e&&a(e,t,r)}e.exports=o},\"861d\":function(e,t){e.exports=function(e){return\"object\"===typeof e?null!==e:\"function\"===typeof e}},\"872a\":function(e,t,n){var r=n(\"3b4a\");function a(e,t,n){\"__proto__\"==t&&r?r(e,t,{configurable:!0,enumerable:!0,value:n,writable:!0}):e[t]=n}e.exports=a},\"87a9\":function(e,t,n){\"use strict\";var r=n(\"cecd\"),a=n.n(r);a.a},8925:function(e,t,n){var r=n(\"c6cd\"),a=Function.toString;\"function\"!=typeof r.inspectSource&&(r.inspectSource=function(e){return a.call(e)}),e.exports=r.inspectSource},\"89d9\":function(e,t,n){var r=n(\"656b\"),a=n(\"159a\"),o=n(\"e2e4\");function i(e,t,n){var i=-1,s=t.length,c={};while(++i1?\"s\":\"\")+\" required, but only \"+t.length+\" present\")}n.d(t,\"a\",(function(){return r}))},\"8d74\":function(e,t,n){var r=n(\"4cef\"),a=/^\\s+/;function o(e){return e?e.slice(0,r(e)+1).replace(a,\"\"):e}e.exports=o},\"8de2\":function(e,t,n){var r=n(\"8eeb\"),a=n(\"9934\");function o(e){return r(e,a(e))}e.exports=o},\"8eeb\":function(e,t,n){var r=n(\"32b3\"),a=n(\"872a\");function o(e,t,n,o){var i=!n;n||(n={});var s=-1,c=t.length;while(++s0&&(!m.multiline||m.multiline&&\"\\n\"!==e[m.lastIndex-1])&&(O=\"(?: \"+O+\")\",k=\" \"+k,j++),n=new RegExp(\"^(?:\"+O+\")\",D)),v&&(n=new RegExp(\"^\"+O+\"$(?!\\\\s)\",D)),p&&(a=m.lastIndex),o=l.call(x?n:m,k),x?o?(o.input=o.input.slice(j),o[0]=o[0].slice(j),o.index=m.lastIndex,m.lastIndex+=o[0].length):m.lastIndex=0:p&&o&&(m.lastIndex=m.global?o.index+o[0].length:a),v&&o&&o.length>1&&d.call(o[0],n,(function(){for(c=1;c2?t[2]:void 0;u&&o(t[0],t[1],u)&&(r=1);while(++nf))return!1;var h=l.get(e),v=l.get(t);if(h&&v)return h==t&&v==e;var b=-1,m=!0,g=n&s?new r:void 0;l.set(e,t),l.set(t,e);while(++b0?r:n)(e)}},a994:function(e,t,n){var r=n(\"7d1f\"),a=n(\"32f4\"),o=n(\"ec69\");function i(e){return r(e,o,a)}e.exports=i},ac1f:function(e,t,n){\"use strict\";var r=n(\"23e7\"),a=n(\"9263\");r({target:\"RegExp\",proto:!0,forced:/./.exec!==a},{exec:a})},ac41:function(e,t){function n(e){var t=-1,n=Array(e.size);return e.forEach((function(e){n[++t]=e})),n}e.exports=n},ad6d:function(e,t,n){\"use strict\";var r=n(\"825a\");e.exports=function(){var e=r(this),t=\"\";return e.global&&(t+=\"g\"),e.ignoreCase&&(t+=\"i\"),e.multiline&&(t+=\"m\"),e.dotAll&&(t+=\"s\"),e.unicode&&(t+=\"u\"),e.sticky&&(t+=\"y\"),t}},ad82:function(e,t,n){var r=n(\"24fb\");t=r(!1),t.push([e.i,\".vc-time-picker[data-v-f4e11af8]{display:flex;align-items:center;padding:8px}.vc-time-picker.vc-invalid[data-v-f4e11af8]{pointer-events:none;opacity:.5}.vc-time-picker.vc-bordered[data-v-f4e11af8]{border-top:1px solid var(--gray-400)}.vc-date-time[data-v-f4e11af8]{margin-left:8px}.vc-disabled[data-v-f4e11af8]{pointer-events:none;opacity:.5}.vc-time-icon[data-v-f4e11af8]{width:16px;height:16px;color:var(--gray-600)}.vc-date[data-v-f4e11af8]{display:flex;align-items:center;font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;padding:0 0 4px 4px;margin-top:-4px}.vc-date .vc-weekday[data-v-f4e11af8]{color:var(--gray-700);letter-spacing:var(--tracking-wide)}.vc-date .vc-month[data-v-f4e11af8]{color:var(--accent-600);margin-left:8px}.vc-date .vc-day[data-v-f4e11af8]{color:var(--accent-600);margin-left:4px}.vc-date .vc-year[data-v-f4e11af8]{color:var(--gray-500);margin-left:8px}.vc-am-pm[data-v-f4e11af8],.vc-time[data-v-f4e11af8]{display:flex;align-items:center}.vc-am-pm[data-v-f4e11af8]{background:var(--gray-200);margin-left:8px;padding:4px;border-radius:var(--rounded);height:30px}.vc-am-pm button[data-v-f4e11af8]{color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-medium);padding:0 4px;background:transparent;border:2px solid transparent;border-radius:var(--rounded);line-height:var(--leading-snug)}.vc-am-pm button[data-v-f4e11af8]:hover{color:var(--gray-600)}.vc-am-pm button[data-v-f4e11af8]:focus{border-color:var(--accent-400)}.vc-am-pm button.active[data-v-f4e11af8]{background:var(--accent-600);color:var(--white)}.vc-am-pm button.active[data-v-f4e11af8]:hover{background:var(--accent-500)}.vc-am-pm button.active[data-v-f4e11af8]:focus{border-color:var(--accent-400)}.vc-is-dark .vc-time-picker[data-v-f4e11af8]{border-color:var(--gray-700)}.vc-is-dark .vc-time-icon[data-v-f4e11af8],.vc-is-dark .vc-weekday[data-v-f4e11af8]{color:var(--gray-400)}.vc-is-dark .vc-day[data-v-f4e11af8],.vc-is-dark .vc-month[data-v-f4e11af8]{color:var(--accent-400)}.vc-is-dark .vc-year[data-v-f4e11af8]{color:var(--gray-500)}.vc-is-dark .vc-am-pm[data-v-f4e11af8]{background:var(--gray-700)}.vc-is-dark .vc-am-pm[data-v-f4e11af8]:focus{border-color:var(--accent-500)}.vc-is-dark .vc-am-pm button[data-v-f4e11af8]{color:var(--gray-100)}.vc-is-dark .vc-am-pm button[data-v-f4e11af8]:hover{color:var(--gray-400)}.vc-is-dark .vc-am-pm button[data-v-f4e11af8]:focus{border-color:var(--accent-500)}.vc-is-dark .vc-am-pm button.active[data-v-f4e11af8]{background:var(--accent-500);color:var(--white)}.vc-is-dark .vc-am-pm button.active[data-v-f4e11af8]:hover{background:var(--accent-600)}.vc-is-dark .vc-am-pm button.active[data-v-f4e11af8]:focus{border-color:var(--accent-500)}\",\"\"]),e.exports=t},adc8:function(e,t,n){var r=n(\"24fb\");t=r(!1),t.push([e.i,\".vc-day-popover-row[data-v-eb5afd1a]{--day-content-transition-time:0.13s ease-in;display:flex;align-items:center;transition:all var(--day-content-transition-time)}.vc-day-popover-row[data-v-eb5afd1a]:not(:first-child){margin-top:3px}.vc-day-popover-row-indicator[data-v-eb5afd1a]{display:flex;justify-content:center;align-items:center;flex-grow:0;width:15px;margin-right:3px}.vc-day-popover-row-indicator span[data-v-eb5afd1a]{transition:all var(--day-content-transition-time)}.vc-day-popover-row-content[data-v-eb5afd1a]{display:flex;align-items:center;flex-wrap:none;flex-grow:1;width:max-content}\",\"\"]),e.exports=t},ae93:function(e,t,n){\"use strict\";var r,a,o,i=n(\"d039\"),s=n(\"e163\"),c=n(\"9112\"),u=n(\"5135\"),l=n(\"b622\"),d=n(\"c430\"),f=l(\"iterator\"),p=!1,h=function(){return this};[].keys&&(o=[].keys(),\"next\"in o?(a=s(s(o)),a!==Object.prototype&&(r=a)):p=!0);var v=void 0==r||i((function(){var e={};return r[f].call(e)!==e}));v&&(r={}),d&&!v||u(r,f)||c(r,f,h),e.exports={IteratorPrototype:r,BUGGY_SAFARI_ITERATORS:p}},b047:function(e,t){function n(e){return function(t){return e(t)}}e.exports=n},b1d2:function(e,t,n){var r=n(\"3729\"),a=n(\"1310\"),o=\"[object Date]\";function i(e){return a(e)&&r(e)==o}e.exports=i},b1e5:function(e,t,n){var r=n(\"a994\"),a=1,o=Object.prototype,i=o.hasOwnProperty;function s(e,t,n,o,s,c){var u=n&a,l=r(e),d=l.length,f=r(t),p=f.length;if(d!=p&&!u)return!1;var h=d;while(h--){var v=l[h];if(!(u?v in t:i.call(t,v)))return!1}var b=c.get(e),m=c.get(t);if(b&&m)return b==t&&m==e;var g=!0;c.set(e,t),c.set(t,e);var y=u;while(++h-1&&e%1==0&&e<=n}e.exports=r},b4b0:function(e,t,n){var r=n(\"8d74\"),a=n(\"1a8c\"),o=n(\"ffd6\"),i=NaN,s=/^[-+]0x[0-9a-f]+$/i,c=/^0b[01]+$/i,u=/^0o[0-7]+$/i,l=parseInt;function d(e){if(\"number\"==typeof e)return e;if(o(e))return i;if(a(e)){var t=\"function\"==typeof e.valueOf?e.valueOf():e;e=a(t)?t+\"\":t}if(\"string\"!=typeof e)return 0===e?e:+e;e=r(e);var n=c.test(e);return n||u.test(e)?l(e.slice(2),n?2:8):s.test(e)?i:+e}e.exports=d},b4c0:function(e,t,n){var r=n(\"cb5a\");function a(e){var t=this.__data__,n=r(t,e);return n<0?void 0:t[n][1]}e.exports=a},b5a7:function(e,t,n){var r=n(\"0b07\"),a=n(\"2b3e\"),o=r(a,\"DataView\");e.exports=o},b622:function(e,t,n){var r=n(\"da84\"),a=n(\"5692\"),o=n(\"5135\"),i=n(\"90e3\"),s=n(\"4930\"),c=n(\"fdbf\"),u=a(\"wks\"),l=r.Symbol,d=c?l:l&&l.withoutSetter||i;e.exports=function(e){return o(u,e)&&(s||\"string\"==typeof u[e])||(s&&o(l,e)?u[e]=l[e]:u[e]=d(\"Symbol.\"+e)),u[e]}},b760:function(e,t,n){var r=n(\"872a\"),a=n(\"9638\");function o(e,t,n){(void 0!==n&&!a(e[t],n)||void 0===n&&!(t in e))&&r(e,t,n)}e.exports=o},badf:function(e,t,n){var r=n(\"642a\"),a=n(\"1838\"),o=n(\"cd9d\"),i=n(\"6747\"),s=n(\"f9ce\");function c(e){return\"function\"==typeof e?e:null==e?o:\"object\"==typeof e?i(e)?a(e[0],e[1]):r(e):s(e)}e.exports=c},bbc0:function(e,t,n){var r=n(\"6044\"),a=\"__lodash_hash_undefined__\",o=Object.prototype,i=o.hasOwnProperty;function s(e){var t=this.__data__;if(r){var n=t[e];return n===a?void 0:n}return i.call(t,e)?t[e]:void 0}e.exports=s},bdb3:function(e,t,n){\"use strict\";var r=n(\"e052\"),a=n.n(r);a.a},c04e:function(e,t,n){var r=n(\"861d\");e.exports=function(e,t){if(!r(e))return e;var n,a;if(t&&\"function\"==typeof(n=e.toString)&&!r(a=n.call(e)))return a;if(\"function\"==typeof(n=e.valueOf)&&!r(a=n.call(e)))return a;if(!t&&\"function\"==typeof(n=e.toString)&&!r(a=n.call(e)))return a;throw TypeError(\"Can't convert object to primitive value\")}},c05f:function(e,t,n){var r=n(\"7b97\"),a=n(\"1310\");function o(e,t,n,i,s){return e===t||(null==e||null==t||!a(e)&&!a(t)?e!==e&&t!==t:r(e,t,n,i,o,s))}e.exports=o},c098:function(e,t){var n=9007199254740991,r=/^(?:0|[1-9]\\d*)$/;function a(e,t){var a=typeof e;return t=null==t?n:t,!!t&&(\"number\"==a||\"symbol\"!=a&&r.test(e))&&e>-1&&e%1==0&&ec)r(s,n=t[c++])&&(~o(u,n)||u.push(n));return u}},cb5a:function(e,t,n){var r=n(\"9638\");function a(e,t){var n=e.length;while(n--)if(r(e[n][0],t))return n;return-1}e.exports=a},cc12:function(e,t,n){var r=n(\"da84\"),a=n(\"861d\"),o=r.document,i=a(o)&&a(o.createElement);e.exports=function(e){return i?o.createElement(e):{}}},cc45:function(e,t,n){var r=n(\"1a2d\"),a=n(\"b047\"),o=n(\"99d3\"),i=o&&o.isMap,s=i?a(i):r;e.exports=s},cd9d:function(e,t){function n(e){return e}e.exports=n},ce4e:function(e,t,n){var r=n(\"da84\"),a=n(\"9112\");e.exports=function(e,t){try{a(r,e,t)}catch(n){r[e]=t}return t}},ce86:function(e,t,n){var r=n(\"9e69\"),a=n(\"7948\"),o=n(\"6747\"),i=n(\"ffd6\"),s=1/0,c=r?r.prototype:void 0,u=c?c.toString:void 0;function l(e){if(\"string\"==typeof e)return e;if(o(e))return a(e,l)+\"\";if(i(e))return u?u.call(e):\"\";var t=e+\"\";return\"0\"==t&&1/e==-s?\"-0\":t}e.exports=l},cebd:function(e,t){function n(e){var t=-1,n=Array(e.size);return e.forEach((function(e){n[++t]=[e,e]})),n}e.exports=n},cecd:function(e,t,n){var r=n(\"2202\");\"string\"===typeof r&&(r=[[e.i,r,\"\"]]),r.locals&&(e.exports=r.locals);var a=n(\"499e\").default;a(\"8c0a5c0c\",r,!0,{sourceMap:!1,shadowMode:!1})},cfe5:function(e,t,n){\"use strict\";n.d(t,\"a\",(function(){return c}));var r=n(\"f7f1\"),a=n(\"2fa3\"),o=n(\"9404\"),i=n(\"29ae\");const s=864e5;class c{constructor(e,{order:t=0,locale:n,isFullDay:s}={}){if(this.isDateInfo=!0,this.order=t,this.locale=n instanceof i[\"b\"]?n:new i[\"b\"](n),this.firstDayOfWeek=this.locale.firstDayOfWeek,!Object(o[\"m\"])(e)){const t=this.locale.normalizeDate(e);e=s?{start:t,end:t}:{startOn:t,endOn:t}}let u=null,l=null;if(e.start?u=this.locale.normalizeDate(e.start,{...this.opts,time:\"00:00:00\"}):e.startOn&&(u=this.locale.normalizeDate(e.startOn,this.opts)),e.end?l=this.locale.normalizeDate(e.end,{...this.opts,time:\"23:59:59\"}):e.endOn&&(l=this.locale.normalizeDate(e.endOn,this.opts)),u&&l&&u>l){const e=u;u=l,l=e}else u&&e.span>=1&&(l=Object(r[\"a\"])(u,e.span-1));this.start=u,this.startTime=u?u.getTime():NaN,this.end=l,this.endTime=l?l.getTime():NaN,this.isDate=this.startTime&&this.startTime===this.endTime,this.isRange=!this.isDate;const d=Object(a[\"i\"])(e,{},c.patternProps);if(d.assigned&&(this.on={and:d.target}),e.on){const t=(Object(o[\"h\"])(e.on)?e.on:[e.on]).map((function(e){if(Object(o[\"k\"])(e))return e;const t=Object(a[\"i\"])(e,{},c.patternProps);return t.assigned?t.target:null})).filter((function(e){return e}));t.length&&(this.on={...this.on,or:t})}this.isComplex=!!this.on}get opts(){return{order:this.order,locale:this.locale}}toDateInfo(e){return e.isDateInfo?e:new c(e,this.opts)}startOfWeek(e){const t=e.getDay()+1,n=t>=this.firstDayOfWeek?this.firstDayOfWeek-t:-(7-(this.firstDayOfWeek-t));return Object(r[\"a\"])(e,n)}diffInDays(e,t){return Math.round((t-e)/s)}diffInWeeks(e,t){return this.diffInDays(this.startOfWeek(e),this.startOfWeek(t))}diffInYears(e,t){return t.getUTCFullYear()-e.getUTCFullYear()}diffInMonths(e,t){return 12*this.diffInYears(e,t)+(t.getMonth()-e.getMonth())}static get patterns(){return{dailyInterval:{test:function(e,t,n){return n.diffInDays(n.start||new Date,e.date)%t===0}},weeklyInterval:{test:function(e,t,n){return n.diffInWeeks(n.start||new Date,e.date)%t===0}},monthlyInterval:{test:function(e,t,n){return n.diffInMonths(n.start||new Date,e.date)%t===0}},yearlyInterval:{test:function(){return function(e,t,n){return n.diffInYears(n.start||new Date,e.date)%t===0}}},days:{validate:function(e){return Object(o[\"h\"])(e)?e:[parseInt(e,10)]},test:function(e,t){return t.includes(e.day)||t.includes(-e.dayFromEnd)}},weekdays:{validate:function(e){return Object(o[\"h\"])(e)?e:[parseInt(e,10)]},test:function(e,t){return t.includes(e.weekday)}},ordinalWeekdays:{validate:function(e){return Object.keys(e).reduce((function(t,n){const r=e[n];return r?(t[n]=Object(o[\"h\"])(r)?r:[parseInt(r,10)],t):t}),{})},test:function(e,t){return Object.keys(t).map((function(e){return parseInt(e,10)})).find((function(n){return t[n].includes(e.weekday)&&(n===e.weekdayOrdinal||n===-e.weekdayOrdinalFromEnd)}))}},weekends:{validate:function(e){return e},test:function(e){return 1===e.weekday||7===e.weekday}},workweek:{validate:function(e){return e},test:function(e){return e.weekday>=2&&e.weekday<=6}},weeks:{validate:function(e){return Object(o[\"h\"])(e)?e:[parseInt(e,10)]},test:function(e,t){return t.includes(e.week)||t.includes(-e.weekFromEnd)}},months:{validate:function(e){return Object(o[\"h\"])(e)?e:[parseInt(e,10)]},test:function(e,t){return t.includes(e.month)}},years:{validate:function(e){return Object(o[\"h\"])(e)?e:[parseInt(e,10)]},test:function(e,t){return t.includes(e.year)}}}}static get patternProps(){return Object.keys(c.patterns).map((function(e){return{name:e,validate:c.patterns[e].validate}}))}static testConfig(e,t,n){return Object(o[\"k\"])(e)?e(t):Object(o[\"m\"])(e)?Object.keys(e).every((function(r){return c.patterns[r].test(t,e[r],n)})):null}iterateDatesInRange({start:e,end:t},n){if(!e||!t||!Object(o[\"k\"])(n))return null;e=this.locale.normalizeDate(e,{...this.opts,time:\"00:00:00\"});const a={i:0,date:e,day:this.locale.getDateParts(e),finished:!1};let i=null;for(;!a.finished&&a.date<=t;a.i++)i=n(a),a.date=Object(r[\"a\"])(a.date,1),a.day=this.locale.getDateParts(a.date);return i}shallowIntersectingRange(e){return this.rangeShallowIntersectingRange(this,this.toDateInfo(e))}rangeShallowIntersectingRange(e,t){if(!this.dateShallowIntersectsDate(e,t))return null;const n=e.toRange(),r=t.toRange();let a=null,o=null;return n.start?a=r.start?n.start>r.start?n.start:r.start:n.start:r.start&&(a=r.start),n.end?o=r.end?n.endt.end)&&!(e.end&&t.start&&e.ende.end):!(e.start&&(!t.start||t.starte.end))}intersectsDay(e){return this.shallowIntersectsDate(e.range)&&this.matchesDay(e)?this:null}matchesDay(e){var t=this;return!this.on||!(this.on.and&&!c.testConfig(this.on.and,e,this))&&!(this.on.or&&!this.on.or.some((function(n){return c.testConfig(n,e,t)})))}toRange(){return new c({start:this.start,end:this.end},this.opts)}compare(e){if(this.order!==e.order)return this.order-e.order;if(this.isDate!==e.isDate)return this.isDate?1:-1;if(this.isDate)return 0;const t=this.start-e.start;return 0!==t?t:this.end-e.end}}},d012:function(e,t){e.exports={}},d02c:function(e,t,n){var r=n(\"5e2e\"),a=n(\"79bc\"),o=n(\"7b83\"),i=200;function s(e,t){var n=this.__data__;if(n instanceof r){var s=n.__data__;if(!a||s.length=t.length?(e.target=void 0,{value:void 0,done:!0}):\"keys\"==n?{value:r,done:!1}:\"values\"==n?{value:t[r],done:!1}:{value:[r,t[r]],done:!1}}),\"values\"),o.Arguments=o.Array,a(\"keys\"),a(\"values\"),a(\"entries\")},e2a0:function(e,t,n){var r=n(\"3729\"),a=n(\"6747\"),o=n(\"1310\"),i=\"[object String]\";function s(e){return\"string\"==typeof e||!a(e)&&o(e)&&r(e)==i}e.exports=s},e2c0:function(e,t,n){var r=n(\"e2e4\"),a=n(\"d370\"),o=n(\"6747\"),i=n(\"c098\"),s=n(\"b218\"),c=n(\"f4d6\");function u(e,t,n){t=r(t,e);var u=-1,l=t.length,d=!1;while(++u0){if(++t>=n)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}e.exports=o},f4d6:function(e,t,n){var r=n(\"ffd6\"),a=1/0;function o(e){if(\"string\"==typeof e||r(e))return e;var t=e+\"\";return\"0\"==t&&1/e==-a?\"-0\":t}e.exports=o},f542:function(e,t,n){var r=n(\"ec47\"),a=n(\"ec69\"),o=r(a);e.exports=o},f608:function(e,t,n){var r=n(\"6747\"),a=n(\"ffd6\"),o=/\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/,i=/^\\w*$/;function s(e,t){if(r(e))return!1;var n=typeof e;return!(\"number\"!=n&&\"symbol\"!=n&&\"boolean\"!=n&&null!=e&&!a(e))||(i.test(e)||!o.test(e)||null!=t&&e in Object(t))}e.exports=s},f678:function(e,t,n){var r=n(\"8384\"),a=n(\"b4b0\");function o(e,t,n){return void 0===n&&(n=t,t=void 0),void 0!==n&&(n=a(n),n=n===n?n:0),void 0!==t&&(t=a(t),t=t===t?t:0),r(a(e),t,n)}e.exports=o},f772:function(e,t,n){var r=n(\"5692\"),a=n(\"90e3\"),o=r(\"keys\");e.exports=function(e){return o[e]||(o[e]=a(e))}},f7f1:function(e,t,n){\"use strict\";n.d(t,\"a\",(function(){return i}));var r=n(\"fe1f\"),a=n(\"fd3a\"),o=n(\"8c86\");function i(e,t){Object(o[\"a\"])(2,arguments);var n=Object(a[\"a\"])(e),i=Object(r[\"a\"])(t);return isNaN(i)?new Date(NaN):i?(n.setDate(n.getDate()+i),n):n}},f8af:function(e,t,n){var r=n(\"2474\");function a(e){var t=new e.constructor(e.byteLength);return new r(t).set(new r(e)),t}e.exports=a},f909:function(e,t,n){var r=n(\"7e64\"),a=n(\"b760\"),o=n(\"72af\"),i=n(\"4f50\"),s=n(\"1a8c\"),c=n(\"9934\"),u=n(\"8adb\");function l(e,t,n,d,f){e!==t&&o(t,(function(o,c){if(f||(f=new r),s(o))i(e,t,c,n,l,d,f);else{var p=d?d(u(e,c),o,c+\"\",e,t,f):void 0;void 0===p&&(p=o),a(e,c,p)}}),c)}e.exports=l},f9ce:function(e,t,n){var r=n(\"ef5d\"),a=n(\"e3f8\"),o=n(\"f608\"),i=n(\"f4d6\");function s(e){return o(e)?r(i(e)):a(e)}e.exports=s},fa21:function(e,t,n){var r=n(\"7530\"),a=n(\"2dcb\"),o=n(\"eac5\");function i(e){return\"function\"!=typeof e.constructor||o(e)?{}:r(a(e))}e.exports=i},fb15:function(e,t,n){\"use strict\";if(n.r(t),n.d(t,\"Calendar\",(function(){return o[\"c\"]})),n.d(t,\"CalendarNav\",(function(){return o[\"d\"]})),n.d(t,\"DatePicker\",(function(){return o[\"f\"]})),n.d(t,\"Popover\",(function(){return o[\"h\"]})),n.d(t,\"Locale\",(function(){return o[\"g\"]})),n.d(t,\"DateInfo\",(function(){return o[\"e\"]})),n.d(t,\"Attribute\",(function(){return o[\"a\"]})),n.d(t,\"AttributeStore\",(function(){return o[\"b\"]})),n.d(t,\"setupCalendar\",(function(){return o[\"D\"]})),n.d(t,\"pad\",(function(){return o[\"w\"]})),n.d(t,\"evalFn\",(function(){return o[\"p\"]})),n.d(t,\"mergeEvents\",(function(){return o[\"r\"]})),n.d(t,\"pageIsValid\",(function(){return o[\"B\"]})),n.d(t,\"pageIsBeforePage\",(function(){return o[\"y\"]})),n.d(t,\"pageIsAfterPage\",(function(){return o[\"x\"]})),n.d(t,\"pageIsBetweenPages\",(function(){return o[\"z\"]})),n.d(t,\"pageIsEqualToPage\",(function(){return o[\"A\"]})),n.d(t,\"addPages\",(function(){return o[\"j\"]})),n.d(t,\"pageRangeToArray\",(function(){return o[\"C\"]})),n.d(t,\"datesAreEqual\",(function(){return o[\"m\"]})),n.d(t,\"arrayHasItems\",(function(){return o[\"k\"]})),n.d(t,\"mixinOptionalProps\",(function(){return o[\"s\"]})),n.d(t,\"on\",(function(){return o[\"u\"]})),n.d(t,\"off\",(function(){return o[\"t\"]})),n.d(t,\"elementContains\",(function(){return o[\"o\"]})),n.d(t,\"onSpaceOrEnter\",(function(){return o[\"v\"]})),n.d(t,\"createGuid\",(function(){return o[\"l\"]})),n.d(t,\"hash\",(function(){return o[\"q\"]})),n.d(t,\"addHorizontalSwipeHandler\",(function(){return o[\"i\"]})),\"undefined\"!==typeof window){var r=window.document.currentScript,a=r&&r.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/);a&&(n.p=a[1])}var o=n(\"34e9\");t[\"default\"]=o[\"n\"]},fba5:function(e,t,n){var r=n(\"cb5a\");function a(e){return r(this.__data__,e)>-1}e.exports=a},fc6a:function(e,t,n){var r=n(\"44ad\"),a=n(\"1d80\");e.exports=function(e){return r(a(e))}},fccf:function(e,t,n){\"use strict\";var r=n(\"53b1\"),a=n.n(r);a.a},fce3:function(e,t,n){var r=n(\"d039\");e.exports=r((function(){var e=RegExp(\".\",\"string\".charAt(0));return!(e.dotAll&&e.exec(\"\\n\")&&\"s\"===e.flags)}))},fcff:function(e,t,n){var r=n(\"24fb\");t=r(!1),t.push([e.i,\".vc-svg-icon[data-v-63f7b5ec]{display:inline-block;stroke:currentColor;stroke-width:0}.vc-svg-icon path[data-v-63f7b5ec]{fill:currentColor}\",\"\"]),e.exports=t},fd3a:function(e,t,n){\"use strict\";n.d(t,\"a\",(function(){return a}));var r=n(\"8c86\");function a(e){Object(r[\"a\"])(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||\"object\"===typeof e&&\"[object Date]\"===t?new Date(e.getTime()):\"number\"===typeof e||\"[object Number]\"===t?new Date(e):(\"string\"!==typeof e&&\"[object String]\"!==t||\"undefined\"===typeof console||(console.warn(\"Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://git.io/fjule\"),console.warn((new Error).stack)),new Date(NaN))}},fdbc:function(e,t){e.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},fdbf:function(e,t,n){var r=n(\"4930\");e.exports=r&&!Symbol.sham&&\"symbol\"==typeof Symbol.iterator},fe1f:function(e,t,n){\"use strict\";function r(e){if(null===e||!0===e||!1===e)return NaN;var t=Number(e);return isNaN(t)?t:t<0?Math.ceil(t):Math.floor(t)}n.d(t,\"a\",(function(){return r}))},ffd6:function(e,t,n){var r=n(\"3729\"),a=n(\"1310\"),o=\"[object Symbol]\";function i(e){return\"symbol\"==typeof e||a(e)&&r(e)==o}e.exports=i}})}));\n//# sourceMappingURL=v-calendar.umd.min.js.map","var $export = require('./_export');\n// 19.1.2.3 / 15.2.3.7 Object.defineProperties(O, Properties)\n$export($export.S + $export.F * !require('./_descriptors'), 'Object', { defineProperties: require('./_object-dps') });\n","// to indexed object, toObject with fallback for non-array-like ES3 strings\nvar IObject = require('./_iobject');\nvar defined = require('./_defined');\nmodule.exports = function (it) {\n return IObject(defined(it));\n};\n","/**\n * vue-meta v2.4.0\n * (c) 2020\n * - Declan de Wet\n * - Sébastien Chopin (@Atinux)\n * - Pim (@pimlie)\n * - All the amazing contributors\n * @license MIT\n */\n\nimport deepmerge from 'deepmerge';\n\nvar version = \"2.4.0\";\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function (obj) {\n return typeof obj;\n };\n } else {\n _typeof = function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nfunction _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();\n}\n\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return _arrayLikeToArray(arr);\n}\n\nfunction _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter);\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n return arr2;\n}\n\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nfunction _createForOfIteratorHelper(o, allowArrayLike) {\n var it;\n\n if (typeof Symbol === \"undefined\" || o[Symbol.iterator] == null) {\n if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n if (it) o = it;\n var i = 0;\n\n var F = function () {};\n\n return {\n s: F,\n n: function () {\n if (i >= o.length) return {\n done: true\n };\n return {\n done: false,\n value: o[i++]\n };\n },\n e: function (e) {\n throw e;\n },\n f: F\n };\n }\n\n throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n }\n\n var normalCompletion = true,\n didErr = false,\n err;\n return {\n s: function () {\n it = o[Symbol.iterator]();\n },\n n: function () {\n var step = it.next();\n normalCompletion = step.done;\n return step;\n },\n e: function (e) {\n didErr = true;\n err = e;\n },\n f: function () {\n try {\n if (!normalCompletion && it.return != null) it.return();\n } finally {\n if (didErr) throw err;\n }\n }\n };\n}\n\n/**\n * checks if passed argument is an array\n * @param {any} arg - the object to check\n * @return {Boolean} - true if `arg` is an array\n */\nfunction isArray(arg) {\n return Array.isArray(arg);\n}\nfunction isUndefined(arg) {\n return typeof arg === 'undefined';\n}\nfunction isObject(arg) {\n return _typeof(arg) === 'object';\n}\nfunction isPureObject(arg) {\n return _typeof(arg) === 'object' && arg !== null;\n}\nfunction isFunction(arg) {\n return typeof arg === 'function';\n}\nfunction isString(arg) {\n return typeof arg === 'string';\n}\n\nfunction hasGlobalWindowFn() {\n try {\n return !isUndefined(window);\n } catch (e) {\n return false;\n }\n}\nvar hasGlobalWindow = hasGlobalWindowFn();\n\nvar _global = hasGlobalWindow ? window : global;\n\nvar console = _global.console || {};\nfunction warn(str) {\n /* istanbul ignore next */\n if (!console || !console.warn) {\n return;\n }\n\n console.warn(str);\n}\nvar showWarningNotSupported = function showWarningNotSupported() {\n return warn('This vue app/component has no vue-meta configuration');\n};\n\n/**\n * These are constant variables used throughout the application.\n */\n// set some sane defaults\nvar defaultInfo = {\n title: undefined,\n titleChunk: '',\n titleTemplate: '%s',\n htmlAttrs: {},\n bodyAttrs: {},\n headAttrs: {},\n base: [],\n link: [],\n meta: [],\n style: [],\n script: [],\n noscript: [],\n __dangerouslyDisableSanitizers: [],\n __dangerouslyDisableSanitizersByTagID: {}\n};\nvar rootConfigKey = '_vueMeta'; // This is the name of the component option that contains all the information that\n// gets converted to the various meta tags & attributes for the page.\n\nvar keyName = 'metaInfo'; // This is the attribute vue-meta arguments on elements to know which it should\n// manage and which it should ignore.\n\nvar attribute = 'data-vue-meta'; // This is the attribute that goes on the `html` tag to inform `vue-meta`\n// that the server has already generated the meta tags for the initial render.\n\nvar ssrAttribute = 'data-vue-meta-server-rendered'; // This is the property that tells vue-meta to overwrite (instead of append)\n// an item in a tag list. For example, if you have two `meta` tag list items\n// that both have `vmid` of \"description\", then vue-meta will overwrite the\n// shallowest one with the deepest one.\n\nvar tagIDKeyName = 'vmid'; // This is the key name for possible meta templates\n\nvar metaTemplateKeyName = 'template'; // This is the key name for the content-holding property\n\nvar contentKeyName = 'content'; // The id used for the ssr app\n\nvar ssrAppId = 'ssr'; // How long meta update\n\nvar debounceWait = 10; // How long meta update\n\nvar waitOnDestroyed = true;\nvar defaultOptions = {\n keyName: keyName,\n attribute: attribute,\n ssrAttribute: ssrAttribute,\n tagIDKeyName: tagIDKeyName,\n contentKeyName: contentKeyName,\n metaTemplateKeyName: metaTemplateKeyName,\n waitOnDestroyed: waitOnDestroyed,\n debounceWait: debounceWait,\n ssrAppId: ssrAppId\n}; // might be a bit ugly, but minimizes the browser bundles a bit\n\nvar defaultInfoKeys = Object.keys(defaultInfo); // The metaInfo property keys which are used to disable escaping\n\nvar disableOptionKeys = [defaultInfoKeys[12], defaultInfoKeys[13]]; // List of metaInfo property keys which are configuration options (and dont generate html)\n\nvar metaInfoOptionKeys = [defaultInfoKeys[1], defaultInfoKeys[2], 'changed'].concat(disableOptionKeys); // List of metaInfo property keys which only generates attributes and no tags\n\nvar metaInfoAttributeKeys = [defaultInfoKeys[3], defaultInfoKeys[4], defaultInfoKeys[5]]; // HTML elements which support the onload event\n\nvar tagsSupportingOnload = ['link', 'style', 'script']; // HTML elements which dont have a head tag (shortened to our needs)\n// see: https://www.w3.org/TR/html52/document-metadata.html\n\nvar tagsWithoutEndTag = ['base', 'meta', 'link']; // HTML elements which can have inner content (shortened to our needs)\n\nvar tagsWithInnerContent = ['noscript', 'script', 'style']; // Attributes which are inserted as childNodes instead of HTMLAttribute\n\nvar tagAttributeAsInnerContent = ['innerHTML', 'cssText', 'json'];\nvar tagProperties = ['once', 'skip', 'template']; // Attributes which should be added with data- prefix\n\nvar commonDataAttributes = ['body', 'pbody']; // from: https://github.com/kangax/html-minifier/blob/gh-pages/src/htmlminifier.js#L202\n\nvar booleanHtmlAttributes = ['allowfullscreen', 'amp', 'amp-boilerplate', 'async', 'autofocus', 'autoplay', 'checked', 'compact', 'controls', 'declare', 'default', 'defaultchecked', 'defaultmuted', 'defaultselected', 'defer', 'disabled', 'enabled', 'formnovalidate', 'hidden', 'indeterminate', 'inert', 'ismap', 'itemscope', 'loop', 'multiple', 'muted', 'nohref', 'noresize', 'noshade', 'novalidate', 'nowrap', 'open', 'pauseonexit', 'readonly', 'required', 'reversed', 'scoped', 'seamless', 'selected', 'sortable', 'truespeed', 'typemustmatch', 'visible'];\n\nvar batchId = null;\nfunction triggerUpdate(_ref, rootVm, hookName) {\n var debounceWait = _ref.debounceWait;\n\n // if an update was triggered during initialization or when an update was triggered by the\n // metaInfo watcher, set initialized to null\n // then we keep falsy value but know we need to run a triggerUpdate after initialization\n if (!rootVm[rootConfigKey].initialized && (rootVm[rootConfigKey].initializing || hookName === 'watcher')) {\n rootVm[rootConfigKey].initialized = null;\n }\n\n if (rootVm[rootConfigKey].initialized && !rootVm[rootConfigKey].pausing) {\n // batch potential DOM updates to prevent extraneous re-rendering\n // eslint-disable-next-line no-void\n batchUpdate(function () {\n return void rootVm.$meta().refresh();\n }, debounceWait);\n }\n}\n/**\n * Performs a batched update.\n *\n * @param {(null|Number)} id - the ID of this update\n * @param {Function} callback - the update to perform\n * @return {Number} id - a new ID\n */\n\nfunction batchUpdate(callback, timeout) {\n timeout = timeout === undefined ? 10 : timeout;\n\n if (!timeout) {\n callback();\n return;\n }\n\n clearTimeout(batchId);\n batchId = setTimeout(function () {\n callback();\n }, timeout);\n return batchId;\n}\n\n/*\n * To reduce build size, this file provides simple polyfills without\n * overly excessive type checking and without modifying\n * the global Array.prototype\n * The polyfills are automatically removed in the commonjs build\n * Also, only files in client/ & shared/ should use these functions\n * files in server/ still use normal js function\n */\nfunction find(array, predicate, thisArg) {\n if ( !Array.prototype.find) {\n // idx needs to be a Number, for..in returns string\n for (var idx = 0; idx < array.length; idx++) {\n if (predicate.call(thisArg, array[idx], idx, array)) {\n return array[idx];\n }\n }\n\n return;\n }\n\n return array.find(predicate, thisArg);\n}\nfunction findIndex(array, predicate, thisArg) {\n if ( !Array.prototype.findIndex) {\n // idx needs to be a Number, for..in returns string\n for (var idx = 0; idx < array.length; idx++) {\n if (predicate.call(thisArg, array[idx], idx, array)) {\n return idx;\n }\n }\n\n return -1;\n }\n\n return array.findIndex(predicate, thisArg);\n}\nfunction toArray(arg) {\n if ( !Array.from) {\n return Array.prototype.slice.call(arg);\n }\n\n return Array.from(arg);\n}\nfunction includes(array, value) {\n if ( !Array.prototype.includes) {\n for (var idx in array) {\n if (array[idx] === value) {\n return true;\n }\n }\n\n return false;\n }\n\n return array.includes(value);\n}\n\nvar querySelector = function querySelector(arg, el) {\n return (el || document).querySelectorAll(arg);\n};\nfunction getTag(tags, tag) {\n if (!tags[tag]) {\n tags[tag] = document.getElementsByTagName(tag)[0];\n }\n\n return tags[tag];\n}\nfunction getElementsKey(_ref) {\n var body = _ref.body,\n pbody = _ref.pbody;\n return body ? 'body' : pbody ? 'pbody' : 'head';\n}\nfunction queryElements(parentNode, _ref2, attributes) {\n var appId = _ref2.appId,\n attribute = _ref2.attribute,\n type = _ref2.type,\n tagIDKeyName = _ref2.tagIDKeyName;\n attributes = attributes || {};\n var queries = [\"\".concat(type, \"[\").concat(attribute, \"=\\\"\").concat(appId, \"\\\"]\"), \"\".concat(type, \"[data-\").concat(tagIDKeyName, \"]\")].map(function (query) {\n for (var key in attributes) {\n var val = attributes[key];\n var attributeValue = val && val !== true ? \"=\\\"\".concat(val, \"\\\"\") : '';\n query += \"[data-\".concat(key).concat(attributeValue, \"]\");\n }\n\n return query;\n });\n return toArray(querySelector(queries.join(', '), parentNode));\n}\nfunction removeElementsByAppId(_ref3, appId) {\n var attribute = _ref3.attribute;\n toArray(querySelector(\"[\".concat(attribute, \"=\\\"\").concat(appId, \"\\\"]\"))).map(function (el) {\n return el.remove();\n });\n}\nfunction removeAttribute(el, attributeName) {\n el.removeAttribute(attributeName);\n}\n\nfunction hasMetaInfo(vm) {\n vm = vm || this;\n return vm && (vm[rootConfigKey] === true || isObject(vm[rootConfigKey]));\n} // a component is in a metaInfo branch when itself has meta info or one of its (grand-)children has\n\nfunction inMetaInfoBranch(vm) {\n vm = vm || this;\n return vm && !isUndefined(vm[rootConfigKey]);\n}\n\nfunction pause(rootVm, refresh) {\n rootVm[rootConfigKey].pausing = true;\n return function () {\n return resume(rootVm, refresh);\n };\n}\nfunction resume(rootVm, refresh) {\n rootVm[rootConfigKey].pausing = false;\n\n if (refresh || refresh === undefined) {\n return rootVm.$meta().refresh();\n }\n}\n\nfunction addNavGuards(rootVm) {\n var router = rootVm.$router; // return when nav guards already added or no router exists\n\n if (rootVm[rootConfigKey].navGuards || !router) {\n /* istanbul ignore next */\n return;\n }\n\n rootVm[rootConfigKey].navGuards = true;\n router.beforeEach(function (to, from, next) {\n pause(rootVm);\n next();\n });\n router.afterEach(function () {\n rootVm.$nextTick(function () {\n var _resume = resume(rootVm),\n metaInfo = _resume.metaInfo;\n\n if (metaInfo && isFunction(metaInfo.afterNavigation)) {\n metaInfo.afterNavigation(metaInfo);\n }\n });\n });\n}\n\nvar appId = 1;\nfunction createMixin(Vue, options) {\n // for which Vue lifecycle hooks should the metaInfo be refreshed\n var updateOnLifecycleHook = ['activated', 'deactivated', 'beforeMount'];\n var wasServerRendered = false; // watch for client side component updates\n\n return {\n beforeCreate: function beforeCreate() {\n var _this2 = this;\n\n var rootKey = '$root';\n var $root = this[rootKey];\n var $options = this.$options;\n var devtoolsEnabled = Vue.config.devtools;\n Object.defineProperty(this, '_hasMetaInfo', {\n configurable: true,\n get: function get() {\n // Show deprecation warning once when devtools enabled\n if (devtoolsEnabled && !$root[rootConfigKey].deprecationWarningShown) {\n warn('VueMeta DeprecationWarning: _hasMetaInfo has been deprecated and will be removed in a future version. Please use hasMetaInfo(vm) instead');\n $root[rootConfigKey].deprecationWarningShown = true;\n }\n\n return hasMetaInfo(this);\n }\n });\n\n if (this === $root) {\n $root.$once('hook:beforeMount', function () {\n wasServerRendered = this.$el && this.$el.nodeType === 1 && this.$el.hasAttribute('data-server-rendered'); // In most cases when you have a SSR app it will be the first app thats gonna be\n // initiated, if we cant detect the data-server-rendered attribute from Vue but we\n // do see our own ssrAttribute then _assume_ the Vue app with appId 1 is the ssr app\n // attempted fix for #404 & #562, but we rly need to refactor how we pass appIds from\n // ssr to the client\n\n if (!wasServerRendered && $root[rootConfigKey] && $root[rootConfigKey].appId === 1) {\n var htmlTag = getTag({}, 'html');\n wasServerRendered = htmlTag && htmlTag.hasAttribute(options.ssrAttribute);\n }\n });\n } // Add a marker to know if it uses metaInfo\n // _vnode is used to know that it's attached to a real component\n // useful if we use some mixin to add some meta tags (like nuxt-i18n)\n\n\n if (isUndefined($options[options.keyName]) || $options[options.keyName] === null) {\n return;\n }\n\n if (!$root[rootConfigKey]) {\n $root[rootConfigKey] = {\n appId: appId\n };\n appId++;\n\n if (devtoolsEnabled && $root.$options[options.keyName]) {\n // use nextTick so the children should be added to $root\n this.$nextTick(function () {\n // find the first child that lists fnOptions\n var child = find($root.$children, function (c) {\n return c.$vnode && c.$vnode.fnOptions;\n });\n\n if (child && child.$vnode.fnOptions[options.keyName]) {\n warn(\"VueMeta has detected a possible global mixin which adds a \".concat(options.keyName, \" property to all Vue components on the page. This could cause severe performance issues. If possible, use $meta().addApp to add meta information instead\"));\n }\n });\n }\n } // to speed up updates we keep track of branches which have a component with vue-meta info defined\n // if _vueMeta = true it has info, if _vueMeta = false a child has info\n\n\n if (!this[rootConfigKey]) {\n this[rootConfigKey] = true;\n var parent = this.$parent;\n\n while (parent && parent !== $root) {\n if (isUndefined(parent[rootConfigKey])) {\n parent[rootConfigKey] = false;\n }\n\n parent = parent.$parent;\n }\n } // coerce function-style metaInfo to a computed prop so we can observe\n // it on creation\n\n\n if (isFunction($options[options.keyName])) {\n $options.computed = $options.computed || {};\n $options.computed.$metaInfo = $options[options.keyName];\n\n if (!this.$isServer) {\n // if computed $metaInfo exists, watch it for updates & trigger a refresh\n // when it changes (i.e. automatically handle async actions that affect metaInfo)\n // credit for this suggestion goes to [Sébastien Chopin](https://github.com/Atinux)\n this.$on('hook:created', function () {\n this.$watch('$metaInfo', function () {\n triggerUpdate(options, this[rootKey], 'watcher');\n });\n });\n }\n } // force an initial refresh on page load and prevent other lifecycleHooks\n // to triggerUpdate until this initial refresh is finished\n // this is to make sure that when a page is opened in an inactive tab which\n // has throttled rAF/timers we still immediately set the page title\n\n\n if (isUndefined($root[rootConfigKey].initialized)) {\n $root[rootConfigKey].initialized = this.$isServer;\n\n if (!$root[rootConfigKey].initialized) {\n if (!$root[rootConfigKey].initializedSsr) {\n $root[rootConfigKey].initializedSsr = true;\n this.$on('hook:beforeMount', function () {\n var $root = this[rootKey]; // if this Vue-app was server rendered, set the appId to 'ssr'\n // only one SSR app per page is supported\n\n if (wasServerRendered) {\n $root[rootConfigKey].appId = options.ssrAppId;\n }\n });\n } // we use the mounted hook here as on page load\n\n\n this.$on('hook:mounted', function () {\n var $root = this[rootKey];\n\n if ($root[rootConfigKey].initialized) {\n return;\n } // used in triggerUpdate to check if a change was triggered\n // during initialization\n\n\n $root[rootConfigKey].initializing = true; // refresh meta in nextTick so all child components have loaded\n\n this.$nextTick(function () {\n var _$root$$meta$refresh = $root.$meta().refresh(),\n tags = _$root$$meta$refresh.tags,\n metaInfo = _$root$$meta$refresh.metaInfo; // After ssr hydration (identifier by tags === false) check\n // if initialized was set to null in triggerUpdate. That'd mean\n // that during initilazation changes where triggered which need\n // to be applied OR a metaInfo watcher was triggered before the\n // current hook was called\n // (during initialization all changes are blocked)\n\n\n if (tags === false && $root[rootConfigKey].initialized === null) {\n this.$nextTick(function () {\n return triggerUpdate(options, $root, 'init');\n });\n }\n\n $root[rootConfigKey].initialized = true;\n delete $root[rootConfigKey].initializing; // add the navigation guards if they havent been added yet\n // they are needed for the afterNavigation callback\n\n if (!options.refreshOnceOnNavigation && metaInfo.afterNavigation) {\n addNavGuards($root);\n }\n });\n }); // add the navigation guards if requested\n\n if (options.refreshOnceOnNavigation) {\n addNavGuards($root);\n }\n }\n }\n\n this.$on('hook:destroyed', function () {\n var _this = this;\n\n // do not trigger refresh:\n // - when user configured to not wait for transitions on destroyed\n // - when the component doesnt have a parent\n // - doesnt have metaInfo defined\n if (!this.$parent || !hasMetaInfo(this)) {\n return;\n }\n\n delete this._hasMetaInfo;\n this.$nextTick(function () {\n if (!options.waitOnDestroyed || !_this.$el || !_this.$el.offsetParent) {\n triggerUpdate(options, _this.$root, 'destroyed');\n return;\n } // Wait that element is hidden before refreshing meta tags (to support animations)\n\n\n var interval = setInterval(function () {\n if (_this.$el && _this.$el.offsetParent !== null) {\n /* istanbul ignore next line */\n return;\n }\n\n clearInterval(interval);\n triggerUpdate(options, _this.$root, 'destroyed');\n }, 50);\n });\n }); // do not trigger refresh on the server side\n\n if (this.$isServer) {\n /* istanbul ignore next */\n return;\n } // no need to add this hooks on server side\n\n\n updateOnLifecycleHook.forEach(function (lifecycleHook) {\n _this2.$on(\"hook:\".concat(lifecycleHook), function () {\n triggerUpdate(options, this[rootKey], lifecycleHook);\n });\n });\n }\n };\n}\n\nfunction setOptions(options) {\n // combine options\n options = isObject(options) ? options : {}; // The options are set like this so they can\n // be minified by terser while keeping the\n // user api intact\n // terser --mangle-properties keep_quoted=strict\n\n /* eslint-disable dot-notation */\n\n return {\n keyName: options['keyName'] || defaultOptions.keyName,\n attribute: options['attribute'] || defaultOptions.attribute,\n ssrAttribute: options['ssrAttribute'] || defaultOptions.ssrAttribute,\n tagIDKeyName: options['tagIDKeyName'] || defaultOptions.tagIDKeyName,\n contentKeyName: options['contentKeyName'] || defaultOptions.contentKeyName,\n metaTemplateKeyName: options['metaTemplateKeyName'] || defaultOptions.metaTemplateKeyName,\n debounceWait: isUndefined(options['debounceWait']) ? defaultOptions.debounceWait : options['debounceWait'],\n waitOnDestroyed: isUndefined(options['waitOnDestroyed']) ? defaultOptions.waitOnDestroyed : options['waitOnDestroyed'],\n ssrAppId: options['ssrAppId'] || defaultOptions.ssrAppId,\n refreshOnceOnNavigation: !!options['refreshOnceOnNavigation']\n };\n /* eslint-enable dot-notation */\n}\nfunction getOptions(options) {\n var optionsCopy = {};\n\n for (var key in options) {\n optionsCopy[key] = options[key];\n }\n\n return optionsCopy;\n}\n\nfunction ensureIsArray(arg, key) {\n if (!key || !isObject(arg)) {\n return isArray(arg) ? arg : [];\n }\n\n if (!isArray(arg[key])) {\n arg[key] = [];\n }\n\n return arg;\n}\n\nvar serverSequences = [[/&/g, '&'], [//g, '>'], [/\"/g, '"'], [/'/g, ''']];\nvar clientSequences = [[/&/g, \"&\"], [//g, \">\"], [/\"/g, \"\\\"\"], [/'/g, \"'\"]]; // sanitizes potentially dangerous characters\n\nfunction escape(info, options, escapeOptions, escapeKeys) {\n var tagIDKeyName = options.tagIDKeyName;\n var _escapeOptions$doEsca = escapeOptions.doEscape,\n doEscape = _escapeOptions$doEsca === void 0 ? function (v) {\n return v;\n } : _escapeOptions$doEsca;\n var escaped = {};\n\n for (var key in info) {\n var value = info[key]; // no need to escape configuration options\n\n if (includes(metaInfoOptionKeys, key)) {\n escaped[key] = value;\n continue;\n } // do not use destructuring for disableOptionKeys, it increases transpiled size\n // due to var checks while we are guaranteed the structure of the cb\n\n\n var disableKey = disableOptionKeys[0];\n\n if (escapeOptions[disableKey] && includes(escapeOptions[disableKey], key)) {\n // this info[key] doesnt need to escaped if the option is listed in __dangerouslyDisableSanitizers\n escaped[key] = value;\n continue;\n }\n\n var tagId = info[tagIDKeyName];\n\n if (tagId) {\n disableKey = disableOptionKeys[1]; // keys which are listed in __dangerouslyDisableSanitizersByTagID for the current vmid do not need to be escaped\n\n if (escapeOptions[disableKey] && escapeOptions[disableKey][tagId] && includes(escapeOptions[disableKey][tagId], key)) {\n escaped[key] = value;\n continue;\n }\n }\n\n if (isString(value)) {\n escaped[key] = doEscape(value);\n } else if (isArray(value)) {\n escaped[key] = value.map(function (v) {\n if (isPureObject(v)) {\n return escape(v, options, escapeOptions, true);\n }\n\n return doEscape(v);\n });\n } else if (isPureObject(value)) {\n escaped[key] = escape(value, options, escapeOptions, true);\n } else {\n escaped[key] = value;\n }\n\n if (escapeKeys) {\n var escapedKey = doEscape(key);\n\n if (key !== escapedKey) {\n escaped[escapedKey] = escaped[key];\n delete escaped[key];\n }\n }\n }\n\n return escaped;\n}\nfunction escapeMetaInfo(options, info, escapeSequences) {\n escapeSequences = escapeSequences || []; // do not use destructuring for seq, it increases transpiled size\n // due to var checks while we are guaranteed the structure of the cb\n\n var escapeOptions = {\n doEscape: function doEscape(value) {\n return escapeSequences.reduce(function (val, seq) {\n return val.replace(seq[0], seq[1]);\n }, value);\n }\n };\n disableOptionKeys.forEach(function (disableKey, index) {\n if (index === 0) {\n ensureIsArray(info, disableKey);\n } else if (index === 1) {\n for (var key in info[disableKey]) {\n ensureIsArray(info[disableKey], key);\n }\n }\n\n escapeOptions[disableKey] = info[disableKey];\n }); // begin sanitization\n\n return escape(info, options, escapeOptions);\n}\n\nfunction applyTemplate(_ref, headObject, template, chunk) {\n var component = _ref.component,\n metaTemplateKeyName = _ref.metaTemplateKeyName,\n contentKeyName = _ref.contentKeyName;\n\n if (template === true || headObject[metaTemplateKeyName] === true) {\n // abort, template was already applied\n return false;\n }\n\n if (isUndefined(template) && headObject[metaTemplateKeyName]) {\n template = headObject[metaTemplateKeyName];\n headObject[metaTemplateKeyName] = true;\n } // return early if no template defined\n\n\n if (!template) {\n // cleanup faulty template properties\n delete headObject[metaTemplateKeyName];\n return false;\n }\n\n if (isUndefined(chunk)) {\n chunk = headObject[contentKeyName];\n }\n\n headObject[contentKeyName] = isFunction(template) ? template.call(component, chunk) : template.replace(/%s/g, chunk);\n return true;\n}\n\nfunction _arrayMerge(_ref, target, source) {\n var component = _ref.component,\n tagIDKeyName = _ref.tagIDKeyName,\n metaTemplateKeyName = _ref.metaTemplateKeyName,\n contentKeyName = _ref.contentKeyName;\n // we concat the arrays without merging objects contained in,\n // but we check for a `vmid` property on each object in the array\n // using an O(1) lookup associative array exploit\n var destination = [];\n\n if (!target.length && !source.length) {\n return destination;\n }\n\n target.forEach(function (targetItem, targetIndex) {\n // no tagID so no need to check for duplicity\n if (!targetItem[tagIDKeyName]) {\n destination.push(targetItem);\n return;\n }\n\n var sourceIndex = findIndex(source, function (item) {\n return item[tagIDKeyName] === targetItem[tagIDKeyName];\n });\n var sourceItem = source[sourceIndex]; // source doesnt contain any duplicate vmid's, we can keep targetItem\n\n if (sourceIndex === -1) {\n destination.push(targetItem);\n return;\n } // when sourceItem explictly defines contentKeyName or innerHTML as undefined, its\n // an indication that we need to skip the default behaviour or child has preference over parent\n // which means we keep the targetItem and ignore/remove the sourceItem\n\n\n if (contentKeyName in sourceItem && sourceItem[contentKeyName] === undefined || 'innerHTML' in sourceItem && sourceItem.innerHTML === undefined) {\n destination.push(targetItem); // remove current index from source array so its not concatenated to destination below\n\n source.splice(sourceIndex, 1);\n return;\n } // we now know that targetItem is a duplicate and we should ignore it in favor of sourceItem\n // if source specifies null as content then ignore both the target as the source\n\n\n if (sourceItem[contentKeyName] === null || sourceItem.innerHTML === null) {\n // remove current index from source array so its not concatenated to destination below\n source.splice(sourceIndex, 1);\n return;\n } // now we only need to check if the target has a template to combine it with the source\n\n\n var targetTemplate = targetItem[metaTemplateKeyName];\n\n if (!targetTemplate) {\n return;\n }\n\n var sourceTemplate = sourceItem[metaTemplateKeyName];\n\n if (!sourceTemplate) {\n // use parent template and child content\n applyTemplate({\n component: component,\n metaTemplateKeyName: metaTemplateKeyName,\n contentKeyName: contentKeyName\n }, sourceItem, targetTemplate); // set template to true to indicate template was already applied\n\n sourceItem.template = true;\n return;\n }\n\n if (!sourceItem[contentKeyName]) {\n // use parent content and child template\n applyTemplate({\n component: component,\n metaTemplateKeyName: metaTemplateKeyName,\n contentKeyName: contentKeyName\n }, sourceItem, undefined, targetItem[contentKeyName]);\n }\n });\n return destination.concat(source);\n}\nvar warningShown = false;\nfunction merge(target, source, options) {\n options = options || {}; // remove properties explicitly set to false so child components can\n // optionally _not_ overwrite the parents content\n // (for array properties this is checked in arrayMerge)\n\n if (source.title === undefined) {\n delete source.title;\n }\n\n metaInfoAttributeKeys.forEach(function (attrKey) {\n if (!source[attrKey]) {\n return;\n }\n\n for (var key in source[attrKey]) {\n if (key in source[attrKey] && source[attrKey][key] === undefined) {\n if (includes(booleanHtmlAttributes, key) && !warningShown) {\n warn('VueMeta: Please note that since v2 the value undefined is not used to indicate boolean attributes anymore, see migration guide for details');\n warningShown = true;\n }\n\n delete source[attrKey][key];\n }\n }\n });\n return deepmerge(target, source, {\n arrayMerge: function arrayMerge(t, s) {\n return _arrayMerge(options, t, s);\n }\n });\n}\n\nfunction getComponentMetaInfo(options, component) {\n return getComponentOption(options || {}, component, defaultInfo);\n}\n/**\n * Returns the `opts.option` $option value of the given `opts.component`.\n * If methods are encountered, they will be bound to the component context.\n * If `opts.deep` is true, will recursively merge all child component\n * `opts.option` $option values into the returned result.\n *\n * @param {Object} opts - options\n * @param {Object} opts.component - Vue component to fetch option data from\n * @param {Boolean} opts.deep - look for data in child components as well?\n * @param {Function} opts.arrayMerge - how should arrays be merged?\n * @param {String} opts.keyName - the name of the option to look for\n * @param {Object} [result={}] - result so far\n * @return {Object} result - final aggregated result\n */\n\nfunction getComponentOption(options, component, result) {\n result = result || {};\n\n if (component._inactive) {\n return result;\n }\n\n options = options || {};\n var _options = options,\n keyName = _options.keyName;\n var $metaInfo = component.$metaInfo,\n $options = component.$options,\n $children = component.$children; // only collect option data if it exists\n\n if ($options[keyName]) {\n // if $metaInfo exists then [keyName] was defined as a function\n // and set to the computed prop $metaInfo in the mixin\n // using the computed prop should be a small performance increase\n // because Vue caches those internally\n var data = $metaInfo || $options[keyName]; // only merge data with result when its an object\n // eg it could be a function when metaInfo() returns undefined\n // dueo to the or statement above\n\n if (isObject(data)) {\n result = merge(result, data, options);\n }\n } // collect & aggregate child options if deep = true\n\n\n if ($children.length) {\n $children.forEach(function (childComponent) {\n // check if the childComponent is in a branch\n // return otherwise so we dont walk all component branches unnecessarily\n if (!inMetaInfoBranch(childComponent)) {\n return;\n }\n\n result = getComponentOption(options, childComponent, result);\n });\n }\n\n return result;\n}\n\nvar callbacks = [];\nfunction isDOMComplete(d) {\n return (d || document).readyState === 'complete';\n}\nfunction addCallback(query, callback) {\n if (arguments.length === 1) {\n callback = query;\n query = '';\n }\n\n callbacks.push([query, callback]);\n}\nfunction addCallbacks(_ref, type, tags, autoAddListeners) {\n var tagIDKeyName = _ref.tagIDKeyName;\n var hasAsyncCallback = false;\n tags.forEach(function (tag) {\n if (!tag[tagIDKeyName] || !tag.callback) {\n return;\n }\n\n hasAsyncCallback = true;\n addCallback(\"\".concat(type, \"[data-\").concat(tagIDKeyName, \"=\\\"\").concat(tag[tagIDKeyName], \"\\\"]\"), tag.callback);\n });\n\n if (!autoAddListeners || !hasAsyncCallback) {\n return hasAsyncCallback;\n }\n\n return addListeners();\n}\nfunction addListeners() {\n if (isDOMComplete()) {\n applyCallbacks();\n return;\n } // Instead of using a MutationObserver, we just apply\n\n /* istanbul ignore next */\n\n\n document.onreadystatechange = function () {\n applyCallbacks();\n };\n}\nfunction applyCallbacks(matchElement) {\n callbacks.forEach(function (args) {\n // do not use destructuring for args, it increases transpiled size\n // due to var checks while we are guaranteed the structure of the cb\n var query = args[0];\n var callback = args[1];\n var selector = \"\".concat(query, \"[onload=\\\"this.__vm_l=1\\\"]\");\n var elements = [];\n\n if (!matchElement) {\n elements = toArray(querySelector(selector));\n }\n\n if (matchElement && matchElement.matches(selector)) {\n elements = [matchElement];\n }\n\n elements.forEach(function (element) {\n /* __vm_cb: whether the load callback has been called\n * __vm_l: set by onload attribute, whether the element was loaded\n * __vm_ev: whether the event listener was added or not\n */\n if (element.__vm_cb) {\n return;\n }\n\n var onload = function onload() {\n /* Mark that the callback for this element has already been called,\n * this prevents the callback to run twice in some (rare) conditions\n */\n element.__vm_cb = true;\n /* onload needs to be removed because we only need the\n * attribute after ssr and if we dont remove it the node\n * will fail isEqualNode on the client\n */\n\n removeAttribute(element, 'onload');\n callback(element);\n };\n /* IE9 doesnt seem to load scripts synchronously,\n * causing a script sometimes/often already to be loaded\n * when we add the event listener below (thus adding an onload event\n * listener has no use because it will never be triggered).\n * Therefore we add the onload attribute during ssr, and\n * check here if it was already loaded or not\n */\n\n\n if (element.__vm_l) {\n onload();\n return;\n }\n\n if (!element.__vm_ev) {\n element.__vm_ev = true;\n element.addEventListener('load', onload);\n }\n });\n });\n}\n\n// instead of adding it to the html\n\nvar attributeMap = {};\n/**\n * Updates the document's html tag attributes\n *\n * @param {Object} attrs - the new document html attributes\n * @param {HTMLElement} tag - the HTMLElement tag to update with new attrs\n */\n\nfunction updateAttribute(appId, options, type, attrs, tag) {\n var _ref = options || {},\n attribute = _ref.attribute;\n\n var vueMetaAttrString = tag.getAttribute(attribute);\n\n if (vueMetaAttrString) {\n attributeMap[type] = JSON.parse(decodeURI(vueMetaAttrString));\n removeAttribute(tag, attribute);\n }\n\n var data = attributeMap[type] || {};\n var toUpdate = []; // remove attributes from the map\n // which have been removed for this appId\n\n for (var attr in data) {\n if (data[attr] !== undefined && appId in data[attr]) {\n toUpdate.push(attr);\n\n if (!attrs[attr]) {\n delete data[attr][appId];\n }\n }\n }\n\n for (var _attr in attrs) {\n var attrData = data[_attr];\n\n if (!attrData || attrData[appId] !== attrs[_attr]) {\n toUpdate.push(_attr);\n\n if (attrs[_attr] !== undefined) {\n data[_attr] = data[_attr] || {};\n data[_attr][appId] = attrs[_attr];\n }\n }\n }\n\n for (var _i = 0, _toUpdate = toUpdate; _i < _toUpdate.length; _i++) {\n var _attr2 = _toUpdate[_i];\n var _attrData = data[_attr2];\n var attrValues = [];\n\n for (var _appId in _attrData) {\n Array.prototype.push.apply(attrValues, [].concat(_attrData[_appId]));\n }\n\n if (attrValues.length) {\n var attrValue = includes(booleanHtmlAttributes, _attr2) && attrValues.some(Boolean) ? '' : attrValues.filter(function (v) {\n return v !== undefined;\n }).join(' ');\n tag.setAttribute(_attr2, attrValue);\n } else {\n removeAttribute(tag, _attr2);\n }\n }\n\n attributeMap[type] = data;\n}\n\n/**\n * Updates the document title\n *\n * @param {String} title - the new title of the document\n */\nfunction updateTitle(title) {\n if (!title && title !== '') {\n return;\n }\n\n document.title = title;\n}\n\n/**\n * Updates meta tags inside and on the client. Borrowed from `react-helmet`:\n * https://github.com/nfl/react-helmet/blob/004d448f8de5f823d10f838b02317521180f34da/src/Helmet.js#L195-L245\n *\n * @param {('meta'|'base'|'link'|'style'|'script'|'noscript')} type - the name of the tag\n * @param {(Array \n * \n *\n * @example\n * // Divide the slider area into 20 steps and\n * // visit every step 30 msec.\n * var n = board.create('slider',[[-2,4],[2,4],[1,5,100]],{name:'n'});\n * n.startAnimation(1, 20, 30);\n *\n * \n * \n *\n */\n startAnimation: function (direction, stepCount, delay) {\n var dir = Type.evaluate(direction),\n sc = Type.evaluate(stepCount),\n that = this;\n\n delay = Type.evaluate(delay) || 250;\n\n if (this.type === Const.OBJECT_TYPE_GLIDER && !Type.exists(this.intervalCode)) {\n this.intervalCode = window.setInterval(function () {\n that._anim(dir, sc);\n }, delay);\n\n if (!Type.exists(this.intervalCount)) {\n this.intervalCount = 0;\n }\n }\n return this;\n },\n\n /**\n * Stop animation.\n * @name Glider#stopAnimation\n * @see Glider#startAnimation\n * @function\n * @returns {JXG.CoordsElement} Reference to itself.\n */\n stopAnimation: function () {\n if (Type.exists(this.intervalCode)) {\n window.clearInterval(this.intervalCode);\n delete this.intervalCode;\n }\n\n return this;\n },\n\n /**\n * Starts an animation which moves the point along a given path in given time.\n * @param {Array|function} path The path the point is moved on.\n * This can be either an array of arrays or containing x and y values of the points of\n * the path, or an array of points, or a function taking the amount of elapsed time since the animation\n * has started and returns an array containing a x and a y value or NaN.\n * In case of NaN the animation stops.\n * @param {Number} time The time in milliseconds in which to finish the animation\n * @param {Object} [options] Optional settings for the animation.\n * @param {function} [options.callback] A function that is called as soon as the animation is finished.\n * @param {Boolean} [options.interpolate=true] If path is an array moveAlong()\n * will interpolate the path\n * using {@link JXG.Math.Numerics.Neville}. Set this flag to false if you don't want to use interpolation.\n * @returns {JXG.CoordsElement} Reference to itself.\n * @see JXG.CoordsElement#moveAlong\n * @see JXG.CoordsElement#moveTo\n * @see JXG.GeometryElement#animate\n */\n moveAlong: function (path, time, options) {\n options = options || {};\n\n var i,\n neville,\n interpath = [],\n p = [],\n delay = this.board.attr.animationdelay,\n steps = time / delay,\n len,\n pos,\n part,\n makeFakeFunction = function (i, j) {\n return function () {\n return path[i][j];\n };\n };\n\n if (Type.isArray(path)) {\n len = path.length;\n for (i = 0; i < len; i++) {\n if (Type.isPoint(path[i])) {\n p[i] = path[i];\n } else {\n p[i] = {\n elementClass: Const.OBJECT_CLASS_POINT,\n X: makeFakeFunction(i, 0),\n Y: makeFakeFunction(i, 1)\n };\n }\n }\n\n time = time || 0;\n if (time === 0) {\n this.setPosition(Const.COORDS_BY_USER, [\n p[p.length - 1].X(),\n p[p.length - 1].Y()\n ]);\n return this.board.update(this);\n }\n\n if (!Type.exists(options.interpolate) || options.interpolate) {\n neville = Numerics.Neville(p);\n for (i = 0; i < steps; i++) {\n interpath[i] = [];\n interpath[i][0] = neville[0](((steps - i) / steps) * neville[3]());\n interpath[i][1] = neville[1](((steps - i) / steps) * neville[3]());\n }\n } else {\n len = path.length - 1;\n for (i = 0; i < steps; ++i) {\n pos = Math.floor((i / steps) * len);\n part = (i / steps) * len - pos;\n\n interpath[i] = [];\n interpath[i][0] = (1.0 - part) * p[pos].X() + part * p[pos + 1].X();\n interpath[i][1] = (1.0 - part) * p[pos].Y() + part * p[pos + 1].Y();\n }\n interpath.push([p[len].X(), p[len].Y()]);\n interpath.reverse();\n /*\n for (i = 0; i < steps; i++) {\n interpath[i] = [];\n interpath[i][0] = path[Math.floor((steps - i) / steps * (path.length - 1))][0];\n interpath[i][1] = path[Math.floor((steps - i) / steps * (path.length - 1))][1];\n }\n */\n }\n\n this.animationPath = interpath;\n } else if (Type.isFunction(path)) {\n this.animationPath = path;\n this.animationStart = new Date().getTime();\n }\n\n this.animationCallback = options.callback;\n this.board.addAnimation(this);\n\n return this;\n },\n\n /**\n * Starts an animated point movement towards the given coordinates where.\n * The animation is done after time milliseconds.\n * If the second parameter is not given or is equal to 0, setPosition() is called, see #setPosition,\n * i.e. the coordinates are changed without animation.\n * @param {Array} where Array containing the x and y coordinate of the target location.\n * @param {Number} [time] Number of milliseconds the animation should last.\n * @param {Object} [options] Optional settings for the animation\n * @param {function} [options.callback] A function that is called as soon as the animation is finished.\n * @param {String} [options.effect='<>'] animation effects like speed fade in and out. possible values are\n * '<>' for speed increase on start and slow down at the end (default) and '--' for constant speed during\n * the whole animation.\n * @returns {JXG.CoordsElement} Reference to itself.\n * @see JXG.CoordsElement#moveAlong\n * @see JXG.CoordsElement#visit\n * @see JXG.GeometryElement#animate\n */\n moveTo: function (where, time, options) {\n options = options || {};\n where = new Coords(Const.COORDS_BY_USER, where, this.board);\n\n var i,\n delay = this.board.attr.animationdelay,\n steps = Math.ceil(time / delay),\n coords = [],\n X = this.coords.usrCoords[1],\n Y = this.coords.usrCoords[2],\n dX = where.usrCoords[1] - X,\n dY = where.usrCoords[2] - Y,\n /** @ignore */\n stepFun = function (i) {\n if (options.effect && options.effect === \"<>\") {\n return Math.pow(Math.sin(((i / steps) * Math.PI) / 2), 2);\n }\n return i / steps;\n };\n\n if (\n !Type.exists(time) ||\n time === 0 ||\n Math.abs(where.usrCoords[0] - this.coords.usrCoords[0]) > Mat.eps\n ) {\n this.setPosition(Const.COORDS_BY_USER, where.usrCoords);\n return this.board.update(this);\n }\n\n // In case there is no callback and we are already at the endpoint we can stop here\n if (\n !Type.exists(options.callback) &&\n Math.abs(dX) < Mat.eps &&\n Math.abs(dY) < Mat.eps\n ) {\n return this;\n }\n\n for (i = steps; i >= 0; i--) {\n coords[steps - i] = [\n where.usrCoords[0],\n X + dX * stepFun(i),\n Y + dY * stepFun(i)\n ];\n }\n\n this.animationPath = coords;\n this.animationCallback = options.callback;\n this.board.addAnimation(this);\n\n return this;\n },\n\n /**\n * Starts an animated point movement towards the given coordinates where. After arriving at\n * where the point moves back to where it started. The animation is done after time\n * milliseconds.\n * @param {Array} where Array containing the x and y coordinate of the target location.\n * @param {Number} time Number of milliseconds the animation should last.\n * @param {Object} [options] Optional settings for the animation\n * @param {function} [options.callback] A function that is called as soon as the animation is finished.\n * @param {String} [options.effect='<>'] animation effects like speed fade in and out. possible values are\n * '<>' for speed increase on start and slow down at the end (default) and '--' for constant speed during\n * the whole animation.\n * @param {Number} [options.repeat=1] How often this animation should be repeated.\n * @returns {JXG.CoordsElement} Reference to itself.\n * @see JXG.CoordsElement#moveAlong\n * @see JXG.CoordsElement#moveTo\n * @see JXG.GeometryElement#animate\n */\n visit: function (where, time, options) {\n where = new Coords(Const.COORDS_BY_USER, where, this.board);\n\n var i,\n j,\n steps,\n delay = this.board.attr.animationdelay,\n coords = [],\n X = this.coords.usrCoords[1],\n Y = this.coords.usrCoords[2],\n dX = where.usrCoords[1] - X,\n dY = where.usrCoords[2] - Y,\n /** @ignore */\n stepFun = function (i) {\n var x = i < steps / 2 ? (2 * i) / steps : (2 * (steps - i)) / steps;\n\n if (options.effect && options.effect === \"<>\") {\n return Math.pow(Math.sin((x * Math.PI) / 2), 2);\n }\n\n return x;\n };\n\n // support legacy interface where the third parameter was the number of repeats\n if (Type.isNumber(options)) {\n options = { repeat: options };\n } else {\n options = options || {};\n if (!Type.exists(options.repeat)) {\n options.repeat = 1;\n }\n }\n\n steps = Math.ceil(time / (delay * options.repeat));\n\n for (j = 0; j < options.repeat; j++) {\n for (i = steps; i >= 0; i--) {\n coords[j * (steps + 1) + steps - i] = [\n where.usrCoords[0],\n X + dX * stepFun(i),\n Y + dY * stepFun(i)\n ];\n }\n }\n this.animationPath = coords;\n this.animationCallback = options.callback;\n this.board.addAnimation(this);\n\n return this;\n },\n\n /**\n * Animates a glider. Is called by the browser after startAnimation is called.\n * @param {Number} direction The direction the glider is animated.\n * @param {Number} stepCount The number of steps in which the parent element is divided.\n * Must be at least 1.\n * @see #startAnimation\n * @see #stopAnimation\n * @private\n * @returns {JXG.CoordsElement} Reference to itself.\n */\n _anim: function (direction, stepCount) {\n var dX, dY, alpha, startPoint, newX, radius, sp1c, sp2c, res, d;\n\n this.intervalCount += 1;\n if (this.intervalCount > stepCount) {\n this.intervalCount = 0;\n }\n\n if (this.slideObject.elementClass === Const.OBJECT_CLASS_LINE) {\n sp1c = this.slideObject.point1.coords.scrCoords;\n sp2c = this.slideObject.point2.coords.scrCoords;\n\n dX = Math.round(((sp2c[1] - sp1c[1]) * this.intervalCount) / stepCount);\n dY = Math.round(((sp2c[2] - sp1c[2]) * this.intervalCount) / stepCount);\n if (direction > 0) {\n startPoint = this.slideObject.point1;\n } else {\n startPoint = this.slideObject.point2;\n dX *= -1;\n dY *= -1;\n }\n\n this.coords.setCoordinates(Const.COORDS_BY_SCREEN, [\n startPoint.coords.scrCoords[1] + dX,\n startPoint.coords.scrCoords[2] + dY\n ]);\n } else if (this.slideObject.elementClass === Const.OBJECT_CLASS_CURVE) {\n if (direction > 0) {\n newX = Math.round(\n (this.intervalCount / stepCount) * this.board.canvasWidth\n );\n } else {\n newX = Math.round(\n ((stepCount - this.intervalCount) / stepCount) * this.board.canvasWidth\n );\n }\n\n this.coords.setCoordinates(Const.COORDS_BY_SCREEN, [newX, 0]);\n res = Geometry.projectPointToCurve(this, this.slideObject, this.board);\n this.coords = res[0];\n this.position = res[1];\n } else if (this.slideObject.elementClass === Const.OBJECT_CLASS_CIRCLE) {\n alpha = 2 * Math.PI;\n if (direction < 0) {\n alpha *= this.intervalCount / stepCount;\n } else {\n alpha *= (stepCount - this.intervalCount) / stepCount;\n }\n radius = this.slideObject.Radius();\n\n this.coords.setCoordinates(Const.COORDS_BY_USER, [\n this.slideObject.center.coords.usrCoords[1] + radius * Math.cos(alpha),\n this.slideObject.center.coords.usrCoords[2] + radius * Math.sin(alpha)\n ]);\n }\n\n this.board.update(this);\n return this;\n },\n\n // documented in GeometryElement\n getTextAnchor: function () {\n return this.coords;\n },\n\n // documented in GeometryElement\n getLabelAnchor: function () {\n return this.coords;\n },\n\n // documented in element.js\n getParents: function () {\n var p = [this.Z(), this.X(), this.Y()];\n\n if (this.parents.length !== 0) {\n p = this.parents;\n }\n\n if (this.type === Const.OBJECT_TYPE_GLIDER) {\n p = [this.X(), this.Y(), this.slideObject.id];\n }\n\n return p;\n }\n }\n);\n\n/**\n * Generic method to create point, text or image.\n * Determines the type of the construction, i.e. free, or constrained by function,\n * transformation or of glider type.\n * @param{Object} Callback Object type, e.g. JXG.Point, JXG.Text or JXG.Image\n * @param{Object} board Link to the board object\n * @param{Array} coords Array with coordinates. This may be: array of numbers, function\n * returning an array of numbers, array of functions returning a number, object and transformation.\n * If the attribute \"slideObject\" exists, a glider element is constructed.\n * @param{Object} attr Attributes object\n * @param{Object} arg1 Optional argument 1: in case of text this is the text content,\n * in case of an image this is the url.\n * @param{Array} arg2 Optional argument 2: in case of image this is an array containing the size of\n * the image.\n * @returns{Object} returns the created object or false.\n */\nJXG.CoordsElement.create = function (Callback, board, coords, attr, arg1, arg2) {\n var el,\n isConstrained = false,\n i;\n\n for (i = 0; i < coords.length; i++) {\n if (Type.isFunction(coords[i]) || Type.isString(coords[i])) {\n isConstrained = true;\n }\n }\n\n if (!isConstrained) {\n if (Type.isNumber(coords[0]) && Type.isNumber(coords[1])) {\n el = new Callback(board, coords, attr, arg1, arg2);\n\n if (Type.exists(attr.slideobject)) {\n el.makeGlider(attr.slideobject);\n } else {\n // Free element\n el.baseElement = el;\n }\n el.isDraggable = true;\n } else if (Type.isObject(coords[0]) && Type.isTransformationOrArray(coords[1])) {\n // Transformation\n // TODO less general specification of isObject\n el = new Callback(board, [0, 0], attr, arg1, arg2);\n el.addTransform(coords[0], coords[1]);\n el.isDraggable = false;\n } else {\n return false;\n }\n } else {\n el = new Callback(board, [0, 0], attr, arg1, arg2);\n el.addConstraint(coords);\n }\n\n el.handleSnapToGrid();\n el.handleSnapToPoints();\n el.handleAttractors();\n\n el.addParents(coords);\n return el;\n};\n\nexport default JXG.CoordsElement;\n","var META = require('./_uid')('meta');\nvar isObject = require('./_is-object');\nvar has = require('./_has');\nvar setDesc = require('./_object-dp').f;\nvar id = 0;\nvar isExtensible = Object.isExtensible || function () {\n return true;\n};\nvar FREEZE = !require('./_fails')(function () {\n return isExtensible(Object.preventExtensions({}));\n});\nvar setMeta = function (it) {\n setDesc(it, META, { value: {\n i: 'O' + ++id, // object ID\n w: {} // weak collections IDs\n } });\n};\nvar fastKey = function (it, create) {\n // return primitive with prefix\n if (!isObject(it)) return typeof it == 'symbol' ? it : (typeof it == 'string' ? 'S' : 'P') + it;\n if (!has(it, META)) {\n // can't set metadata to uncaught frozen object\n if (!isExtensible(it)) return 'F';\n // not necessary to add metadata\n if (!create) return 'E';\n // add missing metadata\n setMeta(it);\n // return object ID\n } return it[META].i;\n};\nvar getWeak = function (it, create) {\n if (!has(it, META)) {\n // can't set metadata to uncaught frozen object\n if (!isExtensible(it)) return true;\n // not necessary to add metadata\n if (!create) return false;\n // add missing metadata\n setMeta(it);\n // return hash weak collections IDs\n } return it[META].w;\n};\n// add metadata on freeze-family methods calling\nvar onFreeze = function (it) {\n if (FREEZE && meta.NEED && isExtensible(it) && !has(it, META)) setMeta(it);\n return it;\n};\nvar meta = module.exports = {\n KEY: META,\n NEED: false,\n fastKey: fastKey,\n getWeak: getWeak,\n onFreeze: onFreeze\n};\n","// to indexed object, toObject with fallback for non-array-like ES3 strings\nvar IObject = require('./_iobject');\nvar defined = require('./_defined');\nmodule.exports = function (it) {\n return IObject(defined(it));\n};\n","exports.f = Object.getOwnPropertySymbols;\n","var hasOwnProperty = {}.hasOwnProperty;\nmodule.exports = function (it, key) {\n return hasOwnProperty.call(it, key);\n};\n","var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nimport Vue from 'vue';\nexport function functionalThemeClasses(context) {\n var vm = _extends({}, context.props, context.injections);\n var isDark = Themeable.options.computed.isDark.call(vm);\n return Themeable.options.computed.themeClasses.call({ isDark: isDark });\n}\n/* @vue/component */\nvar Themeable = Vue.extend().extend({\n name: 'themeable',\n provide: function provide() {\n return {\n theme: this.themeableProvide\n };\n },\n\n inject: {\n theme: {\n default: {\n isDark: false\n }\n }\n },\n props: {\n dark: {\n type: Boolean,\n default: null\n },\n light: {\n type: Boolean,\n default: null\n }\n },\n data: function data() {\n return {\n themeableProvide: {\n isDark: false\n }\n };\n },\n\n computed: {\n isDark: function isDark() {\n if (this.dark === true) {\n // explicitly dark\n return true;\n } else if (this.light === true) {\n // explicitly light\n return false;\n } else {\n // inherit from parent, or default false if there is none\n return this.theme.isDark;\n }\n },\n themeClasses: function themeClasses() {\n return {\n 'theme--dark': this.isDark,\n 'theme--light': !this.isDark\n };\n },\n\n /** Used by menus and dialogs, inherits from v-app instead of the parent */\n rootIsDark: function rootIsDark() {\n if (this.dark === true) {\n // explicitly dark\n return true;\n } else if (this.light === true) {\n // explicitly light\n return false;\n } else {\n // inherit from v-app\n return this.$vuetify.dark;\n }\n },\n rootThemeClasses: function rootThemeClasses() {\n return {\n 'theme--dark': this.rootIsDark,\n 'theme--light': !this.rootIsDark\n };\n }\n },\n watch: {\n isDark: {\n handler: function handler(newVal, oldVal) {\n if (newVal !== oldVal) {\n this.themeableProvide.isDark = this.isDark;\n }\n },\n\n immediate: true\n }\n }\n});\nexport default Themeable;\n//# sourceMappingURL=themeable.js.map","// 7.1.1 ToPrimitive(input [, PreferredType])\nvar isObject = require('./_is-object');\n// instead of the ES6 spec version, we didn't implement @@toPrimitive case\n// and the second argument - flag - preferred type is a string\nmodule.exports = function (it, S) {\n if (!isObject(it)) return it;\n var fn, val;\n if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;\n if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n throw TypeError(\"Can't convert object to primitive value\");\n};\n","import '../../../src/stylus/components/_responsive.styl';\n// Mixins\nimport Measurable from '../../mixins/measurable';\n// Utils\nimport mixins from '../../util/mixins';\n/* @vue/component */\nexport default mixins(Measurable).extend({\n name: 'v-responsive',\n props: {\n aspectRatio: [String, Number]\n },\n computed: {\n computedAspectRatio: function computedAspectRatio() {\n return Number(this.aspectRatio);\n },\n aspectStyle: function aspectStyle() {\n return this.computedAspectRatio ? { paddingBottom: 1 / this.computedAspectRatio * 100 + '%' } : undefined;\n },\n __cachedSizer: function __cachedSizer() {\n if (!this.aspectStyle) return [];\n return this.$createElement('div', {\n style: this.aspectStyle,\n staticClass: 'v-responsive__sizer'\n });\n }\n },\n methods: {\n genContent: function genContent() {\n return this.$createElement('div', {\n staticClass: 'v-responsive__content'\n }, this.$slots.default);\n }\n },\n render: function render(h) {\n return h('div', {\n staticClass: 'v-responsive',\n style: this.measurableStyles,\n on: this.$listeners\n }, [this.__cachedSizer, this.genContent()]);\n }\n});\n//# sourceMappingURL=VResponsive.js.map","export default function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n return arr2;\n}","'use strict';\nvar $export = require('./_export');\nvar $map = require('./_array-methods')(1);\n\n$export($export.P + $export.F * !require('./_strict-method')([].map, true), 'Array', {\n // 22.1.3.15 / 15.4.4.19 Array.prototype.map(callbackfn [, thisArg])\n map: function map(callbackfn /* , thisArg */) {\n return $map(this, callbackfn, arguments[1]);\n }\n});\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Andreas Walter,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n *\n */\n maxBoundingBox: [-Infinity, Infinity, Infinity, -Infinity],\n\n /**\n * Additional zoom factor multiplied to {@link JXG.Board#zoomX} and {@link JXG.Board#zoomY}.\n *\n * @name JXG.Board#zoomFactor\n * @type Number\n * @default 1.0\n */\n zoomFactor: 1,\n\n /**\n * Zoom factor in horizontal direction.\n *\n * @name JXG.Board#zoomX\n * @see JXG.Board#zoomY\n * @type Number\n * @default 1.0\n */\n zoomX: 1,\n\n /**\n * Zoom factor in vertical direction.\n *\n * @name JXG.Board#zoomY\n * @see JXG.Board#zoomX\n * @type Number\n * @default 1.0\n */\n zoomY: 1,\n\n /**\n * Title string for the board.\n * Primarily used in an invisible text element which is adressed by\n * the attribute 'aria-labelledby' from the JSXGraph container.\n * JSXGraph creates a new div-element with id \"{containerid}_ARIAlabel\"\n * containing this string.\n *\n * @name JXG.Board#title\n * @see JXG.Board#description\n * @type String\n * @default ''\n *\n */\n title: '',\n\n /**\n * Description string for the board.\n * Primarily used in an invisible text element which is adressed by\n * the attribute 'aria-describedby' from the JSXGraph container.\n * JSXGraph creates a new div-element with id \"{containerid}_ARIAdescription\"\n * containing this string.\n *\n * @name JXG.Board#description\n * @see JXG.Board#title\n * @type String\n * @default ''\n *\n */\n description: '',\n\n /**\n * Show copyright string in canvas.\n *\n * @name JXG.Board#showCopyright\n * @type Boolean\n * @default true\n */\n showCopyright: true,\n\n /**\n * Show default axis.\n * If shown, the horizontal axis can be accessed via JXG.Board.defaultAxes.x, the\n * vertical axis can be accessed via JXG.Board.defaultAxes.y.\n * Both axes have a sub-element \"defaultTicks\".\n *\n * Value can be Boolean or an object containing axis attributes.\n *\n * @name JXG.Board#axis\n * @type Boolean\n * @default false\n */\n axis: false,\n\n /**\n * Attributes for the default axes in case of the attribute\n * axis:true in {@link JXG.JSXGraph#initBoard}.\n *\n * @name JXG.Board#defaultAxes\n * @type Object\n * @default {x: {name:'x'}, y: {name: 'y'}}\n *\n */\n defaultAxes: {\n x: {\n name: 'x',\n fixed: true,\n ticks: {\n label: {\n visible: 'inherit',\n anchorX: 'middle',\n anchorY: 'top',\n fontSize: 12,\n offset: [0, -3]\n },\n tickEndings: [0, 1],\n majorTickEndings: [1, 1],\n drawZero: false,\n needsRegularUpdate: false,\n visible: 'inherit'\n }\n },\n y: {\n name: 'y',\n fixed: true,\n ticks: {\n label: {\n visible: 'inherit',\n anchorX: 'right',\n anchorY: 'middle',\n fontSize: 12,\n offset: [-6, 0]\n },\n tickEndings: [1, 0],\n majorTickEndings: [1, 1],\n drawZero: false,\n needsRegularUpdate: false,\n visible: 'inherit'\n }\n }\n },\n\n /**\n * Display of navigation arrows and zoom buttons in the navigation bar.\n *\n * @name JXG.Board#showNavigation\n * @type Boolean\n * @default true\n * @see JXG.AbstractRenderer#drawZoomBar\n */\n showNavigation: true,\n\n /**\n * Display of zoom buttons in the navigation bar. To show zoom buttons, additionally\n * showNavigation has to be set to true.\n *\n * @name JXG.Board#showZoom\n * @type Boolean\n * @default true\n * @see JXG.AbstractRenderer#drawZoomBar\n */\n showZoom: true,\n\n /**\n * Show a button in the navigation bar to force reload of a construction.\n * Works only with the JessieCode tag.\n *\n * @name JXG.Board#showReload\n * @type Boolean\n * @default false\n * @see JXG.AbstractRenderer#drawZoomBar\n */\n showReload: false,\n\n /**\n * Show a button in the navigation bar to enable screenshots.\n *\n * @name JXG.Board#showScreenshot\n * @type Boolean\n * @default false\n * @see JXG.AbstractRenderer#drawZoomBar\n */\n showScreenshot: false,\n\n /**\n * Attributes to control the screenshot function.\n * The following attributes can be set:\n * \n * - scale: scaling factor (default=1.0)\n *
- type: format of the screenshot image. Default: png\n *
- symbol: Unicode symbol which is shown in the navigation bar. Default: '\\u2318'\n *
- css: CSS rules to format the div element containing the screen shot image\n *
- cssButton: CSS rules to format the close button of the div element containing the screen shot image\n *
\n *\n * @name JXG.Board#screenshot\n * @type Object\n */\n screenshot: {\n scale: 1.0,\n type: 'png',\n symbol: '\\u2318', //'\\u22b9', //'\\u26f6',\n css: 'background-color:#eeeeee; opacity:1.0; border:2px solid black; border-radius:10px; text-align:center',\n cssButton: 'padding: 4px 10px; border: solid #356AA0 1px; border-radius: 5px; position: absolute; right: 2ex; top: 2ex; background-color: rgba(255, 255, 255, 0.3);'\n },\n\n /**\n * Show a button in the navigation bar to start fullscreen mode.\n *\n * @name JXG.Board#showFullscreen\n * @type Boolean\n * @see JXG.Board#fullscreen\n * @default false\n * @see JXG.AbstractRenderer#drawZoomBar\n * @see JXG.AbstractRenderer#drawZoomBar\n */\n showFullscreen: false,\n\n /**\n * Attribute(s) to control the fullscreen icon. The attribute \"showFullscreen\"\n * controls if the icon is shown.\n * The following attribute(s) can be set:\n * \n * - symbol (String): Unicode symbol which is shown in the navigation bar. Default: svg code for '\\u26f6', other\n * possibilities are the unicode symbols '\\u26f6' and '\\u25a1'. However, '\\u26f6' is not supported by MacOS and iOS.\n *
- scale (number between 0 and 1): Relative size of the larger side of the JSXGraph board in the fullscreen window. 1.0 gives full width or height.\n * Default value is 0.85.\n *
- id (String): Id of the HTML element which is brought to full screen or null if the JSXgraph div is taken.\n * It may be an outer div element, e.g. if the old aspect ratio trick is used. Default: null, i.e. use the JSXGraph div.\n *
\n *\n * @example\n * var board = JXG.JSXGraph.initBoard('35bec5a2-fd4d-11e8-ab14-901b0e1b8723',\n * {boundingbox: [-8, 8, 8,-8], axis: true,\n * showcopyright: false,\n * showFullscreen: true,\n * fullscreen: {\n * symbol: '\\u22c7',\n * scale: 0.95\n * }\n * });\n * var pol = board.create('polygon', [[0, 1], [3,4], [1,-4]], {fillColor: 'yellow'});\n *\n * \n * \n *\n * @name JXG.Board#fullscreen\n * @default svg code\n * @see JXG.Board#showFullscreen\n * @see JXG.AbstractRenderer#drawZoomBar\n * @type Object\n */\n fullscreen: {\n symbol: '',\n // '\\u25a1', // '\\u26f6' (not supported by MacOS),\n scale: 0.85,\n id: null\n },\n\n /**\n * Show a button which allows to clear all traces of a board.\n *\n * @name JXG.Board#showClearTraces\n * @type Boolean\n * @default false\n * @see JXG.AbstractRenderer#drawZoomBar\n */\n showClearTraces: false,\n\n /**\n * If set to true, the ratio between horizontal and vertical unit sizes\n * stays constant - independent of size changes of the hosting HTML div element.\n * \n * If the aspect ration of the hosting div changes, JSXGraphs will change\n * the user supplied bounding box accordingly.\n * This is necessary if circles should look like circles and not\n * like ellipses. It is recommended to set keepAspectRatio = true\n * for geometric applets.\n *
\n * For function plotting keepAspectRatio = false\n * might be the better choice.\n *\n * @name JXG.Board#keepAspectRatio\n * @see JXG.Board#boundingbox\n * @see JXG.Board#setBoundingBox\n * @type Boolean\n * @default false\n */\n keepAspectRatio: false,\n\n /**\n * If set true and\n * hasPoint() is true for both an element and it's label,\n * the element (and not the label) is taken as drag element.\n *\n * If set false and hasPoint() is true for both an element and it's label,\n * the label is taken (if it is on a higher layer than the element)\n *\n * @name JXG.Board#ignoreLabels\n * @type Booelan\n * @default true\n */\n ignoreLabels: true,\n\n /**\n * Maximum number of digits in automatic label generation.\n * For example, if set to 1 automatic point labels end at \"Z\".\n * If set to 2, point labels end at \"ZZ\".\n *\n * @name JXG.Board#maxNameLength\n * @see JXG.Board#generateName\n * @type Number\n * @default 1\n */\n maxNameLength: 1,\n\n /**\n * Supply the document object. Defaults to window.document\n *\n * @name JXG.Board#document\n * @type DOM object\n * @default false (meaning window.document)\n */\n document: false,\n\n /**\n * If true the first element of the set JXG.board.objects having hasPoint==true is taken as drag element.\n *\n * @name JXG.Board#takeFirst\n * @type Boolean\n * @default false\n */\n takeFirst: false,\n\n /**\n * If true, when read from a file or string - the size of the div can be changed by the construction text.\n *\n * @name JXG.Board#takeSizeFromFile\n * @type Boolean\n * @default false\n */\n takeSizeFromFile: false,\n\n /**\n * Default rendering engine. Possible values are 'svg', 'canvas', 'vml', 'no', or 'auto'.\n * If the rendering engine is not available JSXGraph tries to detect a different engine.\n *\n *
\n * In case of 'canvas' it is advisable to call 'board.update()' after all elements have been\n * constructed. This ensures that all elements are drawn with their intended visual appearance.\n *\n * @name JXG.Board#renderer\n * @type String\n * @default 'auto'\n */\n renderer: 'auto',\n\n /**\n * Time (in msec) between two animation steps. Used in\n * {@link JXG.CoordsElement#moveAlong}, {@link JXG.CoordsElement#moveTo} and\n * {@link JXG.CoordsElement#visit}.\n *\n * @name JXG.Board#animationDelay\n * @type Number\n * @default 35\n * @see JXG.CoordsElement#moveAlong\n * @see JXG.CoordsElement#moveTo\n * @see JXG.CoordsElement#visit\n */\n animationDelay: 35,\n\n /**\n * Maximum frame rate of the board, i.e. maximum number of updates per second\n * triggered by move events.\n *\n * @name JXG.Board#maxFrameRate\n * @type Number\n * @default 40\n */\n maxFrameRate: 40,\n\n /**\n * Allow user interaction by registering mouse, pointer and touch events.\n *\n * @name JXG.Board#registerEvents\n * @type Boolean\n * @default true\n */\n registerEvents: true,\n\n /**\n * Change redraw strategy in SVG rendering engine.\n *
\n * This optimization seems to be obsolete in newer browsers (from 2021 on, at least)\n * and even slow down the constructions. Therefore, the default is set to 'none' since v1.2.4.\n *
\n * If set to 'svg', before every redrawing of the JSXGraph construction\n * the SVG sub-tree of the DOM tree is taken out of the DOM.\n *\n * If set to 'all', before every redrawing of the JSXGraph construction the\n * complete DOM tree is taken out of the DOM.\n * If set to 'none' the redrawing is done in-place.\n *\n * Using 'svg' or 'all' speeds up the update process considerably. The risk\n * is that if there is an exception, only a white div or window is left.\n *\n *\n * @name JXG.Board#minimizeReflow\n * @type String\n * @default 'none'\n */\n minimizeReflow: 'none',\n\n /**\n * A number that will be added to the absolute position of the board used in mouse coordinate\n * calculations in {@link JXG.Board#getCoordsTopLeftCorner}.\n *\n * @name JXG.Board#offsetX\n * @see JXG.Board#offsetY\n * @type Number\n * @default 0\n */\n offsetX: 0,\n\n /**\n * A number that will be added to the absolute position of the board used in mouse coordinate\n * calculations in {@link JXG.Board#getCoordsTopLeftCorner}.\n *\n * @name JXG.Board#offsetY\n * @see JXG.Board#offsetX\n * @type Number\n * @default 0\n */\n offsetY: 0,\n\n /**\n * Control the possibilities for zoom interaction.\n *\n * Possible sub-attributes with default values are:\n *
\n * zoom: {\n * factorX: 1.25, // horizontal zoom factor (multiplied to {@link JXG.Board#zoomX})\n * factorY: 1.25, // vertical zoom factor (multiplied to {@link JXG.Board#zoomY})\n * wheel: true, // allow zooming by mouse wheel or\n * \t\t\t\t // by pinch-to-toom gesture on touch devices\n * needShift: true, // mouse wheel zooming needs pressing of the shift key\n * min: 0.001, // minimal values of {@link JXG.Board#zoomX} and {@link JXG.Board#zoomY}, limits zoomOut\n * max: 1000.0, // maximal values of {@link JXG.Board#zoomX} and {@link JXG.Board#zoomY}, limits zoomIn\n *\n * pinchHorizontal: true, // Allow pinch-to-zoom to zoom only horizontal axis\n * pinchVertical: true, // Allow pinch-to-zoom to zoom only vertical axis\n * pinchSensitivity: 7 // Sensitivity (in degrees) for recognizing horizontal or vertical pinch-to-zoom gestures.\n * }\n * \n *\n * Deprecated: zoom.eps which is superseded by zoom.min\n *\n * @name JXG.Board#zoom\n * @type Object\n * @default\n */\n zoom: {\n enabled: true,\n factorX: 1.25,\n factorY: 1.25,\n wheel: true,\n needShift: true,\n min: 0.0001,\n max: 10000.0,\n pinchHorizontal: true,\n pinchVertical: true,\n pinchSensitivity: 7\n },\n\n /**\n * Control the possibilities for panning interaction (i.e. moving the origin).\n *\n * Possible sub-attributes with default values are:\n * \n * pan: {\n * enabled: true // Allow panning\n * needTwoFingers: false, // panning is done with two fingers on touch devices\n * needShift: true, // mouse panning needs pressing of the shift key\n * }\n * \n *\n * @name JXG.Board#pan\n * @see JXG.Board#browserPan\n *\n * @type Object\n */\n pan: {\n enabled: true,\n needShift: true,\n needTwoFingers: false\n },\n\n /**\n * Enable browser scrolling on touch interfaces if the user double taps into an empty region\n * of the board.\n *\n * \n * - Implemented for pointer touch devices - not with mouse, pen or old iOS touch.\n *
- It only works if browserPan:true\n *
- One finger action by the settings \"pan.enabled:true\" and \"pan.needTwoFingers:false\" has priority\n *
\n *\n * @name JXG.Board#browserPan\n * @see JXG.Board#pan\n * @type Boolean\n * @default false\n *\n * @example\n * const board = JXG.JSXGraph.initBoard('jxgbox', {\n * boundingbox: [-5, 5, 5, -5], axis: true,\n * pan: {\n * enabled: true,\n * needTwoFingers: true,\n * },\n * browserPan: true,\n * zoom: {\n * enabled: false\n * }\n * });\n *\n * var p1 = board.create('point', [1, -1]);\n * var p2 = board.create('point', [2.5, -2]);\n * var li1 = board.create('line', [p1, p2]);\n *\n * \n * \n *\n *\n */\n browserPan: false,\n\n /**\n * Control the possibilities for dragging objects.\n *\n * Possible sub-attributes with default values are:\n * \n * drag: {\n * enabled: true // Allow dragging\n * }\n * \n *\n * @name JXG.Board#drag\n * @type Object\n * @default {enabled: true}\n */\n drag: {\n enabled: true\n },\n\n /**\n * Control using the keyboard to change the construction.\n * \n *\n *\n * @see JXG.Board#keyDownListener\n * @see JXG.Board#keyFocusInListener\n * @see JXG.Board#keyFocusOutListener\n *\n * @name JXG.Board#keyboard\n * @type Object\n * @default {enabled: true, dx: 10, dy:10, panShift: true, panCtrl: false}\n */\n keyboard: {\n enabled: true,\n dx: 10,\n dy: 10,\n panShift: true,\n panCtrl: false\n },\n\n /**\n * Control if JSXGraph reacts to resizing of the JSXGraph container element\n * by the user / browser.\n * The attribute \"throttle\" determines the minimal time in msec between to\n * resize calls.\n *\n * @see JXG.Board#startResizeObserver\n * @see JXG.Board#resizeListener\n *\n * @name JXG.Board#resize\n * @type Object\n * @default {enabled: true, throttle: 10}\n *\n * @example\n * var board = JXG.JSXGraph.initBoard('jxgbox', {\n * boundingbox: [-5,5,5,-5],\n * keepAspectRatio: true,\n * axis: true,\n * resize: {enabled: true, throttle: 200}\n * });\n *\n * \n * \n *\n *\n */\n resize: {\n enabled: true,\n throttle: 10\n },\n\n /**\n * Element which listens to move events of the pointing device.\n * This allows to drag elements of a JSXGraph construction outside of the board.\n * Especially, on mobile devices this enhances the user experience.\n * However, it is recommended to allow dragging outside of the JSXGraph board only\n * in certain constructions where users may not \"loose\" points outside of the board.\n * Then points may become unreachable.\n * \n * A situation where dragging outside of the board is uncritical is for example if\n * only sliders are used to interact with the construction.\n *
\n * Possible values for this attributes are:\n *
\n *\n *\n */\n moveTarget: null,\n\n /**\n * Control the possibilities for a selection rectangle.\n * Starting a selection event triggers the \"startselecting\" event.\n * When the mouse pointer is released, the \"stopselecting\" event is fired.\n * The \"stopselecting\" event must be supplied by the user.\n *\n *\n * Possible sub-attributes with default values are:\n *
\n * selection: {\n * enabled: false,\n * name: 'selectionPolygon',\n * needShift: false, // mouse selection needs pressing of the shift key\n * needCtrl: true, // mouse selection needs pressing of the shift key\n * withLines: false, // Selection polygon has border lines\n * vertices: {\n * visible: false\n * },\n * fillColor: '#ffff00',\n * visible: false // Initial visibility. Should be set to false always\n * }\n *\n *\n * Board events triggered by selection manipulation:\n * 'startselecting', 'stopselecting', 'mousestartselecting', 'mousestopselecting',\n * 'pointerstartselecting', 'pointerstopselecting', 'touchstartselecting', 'touchstopselecting'.\n *\n * @example\n * board.on('stopselecting', function(){\n * var box = board.stopSelectionMode(),\n * // bbox has the coordinates of the selectionr rectangle.\n * // Attention: box[i].usrCoords have the form [1, x, y], i.e.\n * // are homogeneous coordinates.\n * bbox = box[0].usrCoords.slice(1).concat(box[1].usrCoords.slice(1));\n * // Set a new bounding box\n * board.setBoundingBox(bbox, false);\n * });\n *\n * @name JXG.Board#selection\n *\n * @see JXG.Board#startSelectionMode\n * @see JXG.Board#stopSelectionMode\n *\n * @type Object\n * @default\n */\n selection: {\n enabled: false,\n name: 'selectionPolygon',\n needShift: false,\n needCtrl: true,\n withLines: false,\n vertices: {\n visible: false\n },\n fillColor: '#ffff00',\n visible: false\n },\n\n /**\n * If true, the infobox is shown on mouse/pen over for all points\n * which have set their attribute showInfobox to 'inherit'.\n * If a point has set its attribute showInfobox to false or true,\n * that value will have priority over this value.\n *\n * @name JXG.Board#showInfobox\n * @see Point#showInfobox\n * @type Boolean\n * @default true\n */\n showInfobox: true,\n\n /**\n * If enabled, user activities are logged in array \"board.userLog\".\n *\n * @name JXG.Board#logging\n * @type Object\n * @default {enabled: false}\n *\n * @example\n * var board = JXG.JSXGraph.initBoard(BOARDID,\n * {\n * boundingbox: [-8, 8, 8,-8], \n * axis: true, \n * logging: {enabled: true},\n * showcopyright: false, \n * shownavigation: false\n * });\n * var A = board.create('point', [-4, 0], { name: 'A' });\n * var B = board.create('point', [1, 2], { name: 'B' });\n * var showUserLog = function() {\n * var txt = '';\n * \n * for (let i = 0; i < board.userLog.length; i++) {\n * txt += JSON.stringify(board.userLog[i]) + '\\n';\n * }\n * alert(txt);\n * };\n * var but = board.create('button', [4, 4, 'Show user log', showUserLog]);\n * \n *
\n * \n * \n * @see JXG.Board#userLog\n */\n logging: {\n enabled: false\n }\n\n /**#@-*/\n },\n\n /**\n * Options that are used by the navigation bar.\n *\n * Default values are\n * \n * JXG.Option.navbar: {\n * strokeColor: '#333333',\n * fillColor: 'transparent',\n * highlightFillColor: '#aaaaaa',\n * padding: '2px',\n * position: 'absolute',\n * fontSize: '14px',\n * cursor: 'pointer',\n * zIndex: '100',\n * right: '5px',\n * bottom: '5px'\n * },\n * \n * These settings are overruled by the CSS class 'JXG_navigation'.\n * @deprecated\n * @type Object\n * @name JXG.Options#navbar\n *\n */\n navbar: {\n strokeColor: '#333333', //'#aaaaaa',\n fillColor: 'transparent', //#f5f5f5',\n highlightFillColor: '#aaaaaa',\n padding: '2px',\n position: 'absolute',\n fontSize: '14px',\n cursor: 'pointer',\n zIndex: '100',\n right: '5px',\n bottom: '5px'\n //border: 'none 1px black',\n //borderRadius: '4px'\n },\n\n /*\n * Generic options used by {@link JXG.GeometryElement}\n */\n elements: {\n // the following tag is a meta tag: http://code.google.com/p/jsdoc-toolkit/wiki/MetaTags\n\n /**#@+\n * @visprop\n */\n\n /**\n * The stroke color of the given geometry element.\n * @type String\n * @name JXG.GeometryElement#strokeColor\n * @see JXG.GeometryElement#highlightStrokeColor\n * @see JXG.GeometryElement#strokeWidth\n * @see JXG.GeometryElement#strokeOpacity\n * @see JXG.GeometryElement#highlightStrokeOpacity\n * @default {@link JXG.Options.elements.color#strokeColor}\n */\n strokeColor: Color.palette.blue,\n\n /**\n * The stroke color of the given geometry element when the user moves the mouse over it.\n * @type String\n * @name JXG.GeometryElement#highlightStrokeColor\n * @see JXG.GeometryElement#strokeColor\n * @see JXG.GeometryElement#strokeWidth\n * @see JXG.GeometryElement#strokeOpacity\n * @see JXG.GeometryElement#highlightStrokeOpacity\n * @default {@link JXG.Options.elements.color#highlightStrokeColor}\n */\n highlightStrokeColor: '#c3d9ff',\n\n /**\n * The fill color of this geometry element.\n * @type String\n * @name JXG.GeometryElement#fillColor\n * @see JXG.GeometryElement#highlightFillColor\n * @see JXG.GeometryElement#fillOpacity\n * @see JXG.GeometryElement#highlightFillOpacity\n * @default {@link JXG.Options.elements.color#fillColor}\n */\n fillColor: Color.palette.red,\n\n /**\n * The fill color of the given geometry element when the mouse is pointed over it.\n * @type String\n * @name JXG.GeometryElement#highlightFillColor\n * @see JXG.GeometryElement#fillColor\n * @see JXG.GeometryElement#fillOpacity\n * @see JXG.GeometryElement#highlightFillOpacity\n * @default {@link JXG.Options.elements.color#highlightFillColor}\n */\n highlightFillColor: 'none',\n\n /**\n * Opacity for element's stroke color.\n * @type Number\n * @name JXG.GeometryElement#strokeOpacity\n * @see JXG.GeometryElement#strokeColor\n * @see JXG.GeometryElement#highlightStrokeColor\n * @see JXG.GeometryElement#strokeWidth\n * @see JXG.GeometryElement#highlightStrokeOpacity\n * @default {@link JXG.Options.elements#strokeOpacity}\n */\n strokeOpacity: 1,\n\n /**\n * Opacity for stroke color when the object is highlighted.\n * @type Number\n * @name JXG.GeometryElement#highlightStrokeOpacity\n * @see JXG.GeometryElement#strokeColor\n * @see JXG.GeometryElement#highlightStrokeColor\n * @see JXG.GeometryElement#strokeWidth\n * @see JXG.GeometryElement#strokeOpacity\n * @default {@link JXG.Options.elements#highlightStrokeOpacity}\n */\n highlightStrokeOpacity: 1,\n\n /**\n * Opacity for fill color.\n * @type Number\n * @name JXG.GeometryElement#fillOpacity\n * @see JXG.GeometryElement#fillColor\n * @see JXG.GeometryElement#highlightFillColor\n * @see JXG.GeometryElement#highlightFillOpacity\n * @default {@link JXG.Options.elements.color#fillOpacity}\n */\n fillOpacity: 1,\n\n /**\n * Opacity for fill color when the object is highlighted.\n * @type Number\n * @name JXG.GeometryElement#highlightFillOpacity\n * @see JXG.GeometryElement#fillColor\n * @see JXG.GeometryElement#highlightFillColor\n * @see JXG.GeometryElement#fillOpacity\n * @default {@link JXG.Options.elements.color#highlightFillOpacity}\n */\n highlightFillOpacity: 1,\n\n /**\n * Gradient type. Possible values are 'linear'. 'radial' or null.\n *\n * @example\n * var a = board.create('slider', [[0, -0.2], [3.5, -0.2], [0, 0, 2 * Math.PI]], {name: 'angle'});\n * var b = board.create('slider', [[0, -0.4], [3.5, -0.4], [0, 0, 1]], {name: 'offset1'});\n * var c = board.create('slider', [[0, -0.6], [3.5, -0.6], [0, 1, 1]], {name: 'offset2'});\n *\n * var pol = board.create('polygon', [[0, 0], [4, 0], [4,4], [0,4]], {\n * fillOpacity: 1,\n * fillColor: 'yellow',\n * gradient: 'linear',\n * gradientSecondColor: 'blue',\n * gradientAngle: function() { return a.Value(); },\n * gradientStartOffset: function() { return b.Value(); },\n * gradientEndOffset: function() { return c.Value(); },\n * hasInnerPoints: true\n * });\n *\n * \n * \n *\n * @example\n * var cx = board.create('slider', [[0, -.2], [3.5, -.2], [0, 0.5, 1]], {name: 'cx, cy'});\n * var fx = board.create('slider', [[0, -.4], [3.5, -.4], [0, 0.5, 1]], {name: 'fx, fy'});\n * var o1 = board.create('slider', [[0, -.6], [3.5, -.6], [0, 0.0, 1]], {name: 'offset1'});\n * var o2 = board.create('slider', [[0, -.8], [3.5, -.8], [0, 1, 1]], {name: 'offset2'});\n * var r = board.create('slider', [[0, -1], [3.5, -1], [0, 0.5, 1]], {name: 'r'});\n * var fr = board.create('slider', [[0, -1.2], [3.5, -1.2], [0, 0, 1]], {name: 'fr'});\n *\n * var pol = board.create('polygon', [[0, 0], [4, 0], [4,4], [0,4]], {\n * fillOpacity: 1,\n * fillColor: 'yellow',\n * gradient: 'radial',\n * gradientSecondColor: 'blue',\n * gradientCX: function() { return cx.Value(); },\n * gradientCY: function() { return cx.Value(); },\n * gradientR: function() { return r.Value(); },\n * gradientFX: function() { return fx.Value(); },\n * gradientFY: function() { return fx.Value(); },\n * gradientFR: function() { return fr.Value(); },\n * gradientStartOffset: function() { return o1.Value(); },\n * gradientEndOffset: function() { return o2.Value(); },\n * hasInnerPoints: true\n * });\n *\n * \n * \n *\n *\n * @type String\n * @name JXG.GeometryElement#gradient\n * @see JXG.GeometryElement#gradientSecondColor\n * @see JXG.GeometryElement#gradientSecondOpacity\n * @default null\n */\n gradient: null,\n\n /**\n * Second color for gradient.\n * @type String\n * @name JXG.GeometryElement#gradientSecondColor\n * @see JXG.GeometryElement#gradient\n * @see JXG.GeometryElement#gradientSecondOpacity\n * @default '#ffffff'\n */\n gradientSecondColor: '#ffffff',\n\n /**\n * Opacity of second gradient color. Takes a value between 0 and 1.\n * @type Number\n * @name JXG.GeometryElement#gradientSecondOpacity\n * @see JXG.GeometryElement#gradient\n * @see JXG.GeometryElement#gradientSecondColor\n * @default 1\n */\n gradientSecondOpacity: 1,\n\n /**\n * The gradientStartOffset attribute is a number (ranging from 0 to 1) which indicates where the first gradient stop is placed,\n * see the SVG specification for more information.\n * For linear gradients, this attribute represents a location along the gradient vector.\n * For radial gradients, it represents a percentage distance from (fx,fy) to the edge of the outermost/largest circle.\n * @type Number\n * @name JXG.GeometryElement#gradientStartOffset\n * @see JXG.GeometryElement#gradient\n * @see JXG.GeometryElement#gradientEndOffset\n * @default 0.0\n */\n gradientStartOffset: 0.0,\n\n /**\n * The gradientEndOffset attribute is a number (ranging from 0 to 1) which indicates where the second gradient stop is placed,\n * see the SVG specification for more information.\n * For linear gradients, this attribute represents a location along the gradient vector.\n * For radial gradients, it represents a percentage distance from (fx,fy) to the edge of the outermost/largest circle.\n * @type Number\n * @name JXG.GeometryElement#gradientEndOffset\n * @see JXG.GeometryElement#gradient\n * @see JXG.GeometryElement#gradientStartOffset\n * @default 1.0\n */\n gradientEndOffset: 1.0,\n\n\n /**\n * Angle (in radians) of the gradiant in case the gradient is of type 'linear'.\n * If the angle is 0, the first color is on the left and the second color is on the right.\n * If the angle is π/2 the first color is on top and the second color at the\n * bottom.\n * @type Number\n * @name JXG.GeometryElement#gradientAngle\n * @see JXG.GeometryElement#gradient\n * @default 0\n */\n gradientAngle: 0,\n\n /**\n * From the SVG specification: ‘cx’, ‘cy’ and ‘r’ define the largest (i.e., outermost) circle for the radial gradient.\n * The gradient will be drawn such that the 100% gradient stop is mapped to the perimeter of this largest (i.e., outermost) circle.\n * For radial gradients in canvas this is the value 'x1'.\n * Takes a value between 0 and 1.\n * @type Number\n * @name JXG.GeometryElement#gradientCX\n * @see JXG.GeometryElement#gradient\n * @see JXG.GeometryElement#gradientCY\n * @see JXG.GeometryElement#gradientR\n * @default 0.5\n */\n gradientCX: 0.5,\n\n /**\n * From the SVG specification: ‘cx’, ‘cy’ and ‘r’ define the largest (i.e., outermost) circle for the radial gradient.\n * The gradient will be drawn such that the 100% gradient stop is mapped to the perimeter of this largest (i.e., outermost) circle.\n * For radial gradients in canvas this is the value 'y1'.\n * Takes a value between 0 and 1.\n * @type Number\n * @name JXG.GeometryElement#gradientCY\n * @see JXG.GeometryElement#gradient\n * @see JXG.GeometryElement#gradientCX\n * @see JXG.GeometryElement#gradientR\n * @default 0.5\n */\n gradientCY: 0.5,\n\n /**\n * From the SVG specification: ‘cx’, ‘cy’ and ‘r’ define the largest (i.e., outermost) circle for the radial gradient.\n * The gradient will be drawn such that the 100% gradient stop is mapped to the perimeter of this largest (i.e., outermost) circle.\n * For radial gradients in canvas this is the value 'r1'.\n * Takes a value between 0 and 1.\n * @type Number\n * @name JXG.GeometryElement#gradientR\n * @see JXG.GeometryElement#gradient\n * @see JXG.GeometryElement#gradientCX\n * @see JXG.GeometryElement#gradientCY\n * @default 0.5\n */\n gradientR: 0.5,\n\n /**\n * ‘fx’ and ‘fy’ define the focal point for the radial gradient.\n * The gradient will be drawn such that the 0% gradient stop is mapped to (fx, fy).\n * For radial gradients in canvas this is the value 'x0'.\n * Takes a value between 0 and 1.\n * @type Number\n * @name JXG.GeometryElement#gradientFX\n * @see JXG.GeometryElement#gradient\n * @see JXG.GeometryElement#gradientFY\n * @see JXG.GeometryElement#gradientFR\n * @default 0.5\n */\n gradientFX: 0.5,\n\n /**\n * y-coordinate of the circle center for the second color in case of gradient 'radial'. (The attribute fy in SVG)\n * For radial gradients in canvas this is the value 'y0'.\n * Takes a value between 0 and 1.\n * @type Number\n * @name JXG.GeometryElement#gradientFY\n * @see JXG.GeometryElement#gradient\n * @see JXG.GeometryElement#gradientFX\n * @see JXG.GeometryElement#gradientFR\n * @default 0.5\n */\n gradientFY: 0.5,\n\n /**\n * This attribute defines the radius of the start circle of the radial gradient.\n * The gradient will be drawn such that the 0% <stop> is mapped to the perimeter of the start circle.\n * For radial gradients in canvas this is the value 'r0'.\n * Takes a value between 0 and 1.\n * @type Number\n * @name JXG.GeometryElement#gradientFR\n * @see JXG.GeometryElement#gradient\n * @see JXG.GeometryElement#gradientFX\n * @see JXG.GeometryElement#gradientFY\n * @default 0.0\n */\n gradientFR: 0.0,\n\n /**\n * Transition duration (in milliseconds) for certain cahnges of properties like color and opacity.\n * The properties can be set in the attribute transitionProperties\n * Works in SVG renderer, only.\n * @type Number\n * @name JXG.GeometryElement#transitionDuration\n * @see JXG.GeometryElement#transitionProperties\n * @see JXG.GeometryElement#strokeColor\n * @see JXG.GeometryElement#highlightStrokeColor\n * @see JXG.GeometryElement#strokeOpacity\n * @see JXG.GeometryElement#highlightStrokeOpacity\n * @see JXG.GeometryElement#fillColor\n * @see JXG.GeometryElement#highlightFillColor\n * @see JXG.GeometryElement#fillOpacity\n * @see JXG.GeometryElement#highlightFillOpacity\n * @default 100 {@link JXG.Options.elements#transitionDuration}\n */\n transitionDuration: 100,\n\n /**\n * Properties which change smoothly in the time set in transitionDuration.\n * Possible values are\n * ['fill', 'fill-opacity', 'stroke', 'stroke-opacity', 'stroke-width', 'width', 'height', 'rx', 'ry']\n * (and maybe more) for geometry elements and\n * ['color', 'opacity', 'all'] for HTML texts.\n *\n * @type Array\n * @name JXG.GeometryElement#transitionProperties\n * @see JXG.GeometryElement#transitionDuration\n *\n *\n * @example\n * var p1 = board.create(\"point\", [0, 2], {\n * name: \"A\",\n * highlightStrokeWidth: 10,\n * transitionDuration: 1000,\n * transitionProperties: ['width', 'height', 'stroke-width',\n * 'fill', 'fill-opacity', 'rx', 'ry', 'stroke', 'stroke-opacity'] });\n *\n * \n * \n *\n */\n transitionProperties: ['fill', 'fill-opacity', 'stroke', 'stroke-opacity', 'stroke-width'],\n\n /**\n * Width of the element's stroke.\n * @type Number\n * @name JXG.GeometryElement#strokeWidth\n * @see JXG.GeometryElement#strokeColor\n * @see JXG.GeometryElement#highlightStrokeColor\n * @see JXG.GeometryElement#strokeOpacity\n * @see JXG.GeometryElement#highlightStrokeOpacity\n * @default {@link JXG.Options.elements#strokeWidth}\n */\n strokeWidth: 2,\n\n /**\n * Width of the element's stroke when the mouse is pointed over it.\n * @type Number\n * @name JXG.GeometryElement#highlightStrokeWidth\n * @see JXG.GeometryElement#strokeColor\n * @see JXG.GeometryElement#highlightStrokeColor\n * @see JXG.GeometryElement#strokeOpacity\n * @see JXG.GeometryElement#highlightStrokeOpacity\n * @see JXG.GeometryElement#highlightFillColor\n * @default {@link JXG.Options.elements#strokeWidth}\n */\n highlightStrokeWidth: 2,\n\n /**\n * If true the element is fixed and can not be dragged around. The element\n * will be repositioned on zoom and moveOrigin events.\n * @type Boolean\n * @default false\n * @name JXG.GeometryElement#fixed\n */\n fixed: false,\n\n /**\n * If true the element is fixed and can not be dragged around. The element\n * will even stay at its position on zoom and moveOrigin events.\n * Only free elements like points, texts, curves can be frozen.\n * @type Boolean\n * @default false\n * @name JXG.GeometryElement#frozen\n */\n frozen: false,\n\n /**\n * If true a label will display the element's name.\n * @type Boolean\n * @default false\n * @name JXG.GeometryElement#withLabel\n */\n withLabel: false,\n\n /**\n * If false the element won't be visible on the board, otherwise it is shown.\n * @type Boolean\n * @name JXG.GeometryElement#visible\n * @see JXG.GeometryElement#hideElement\n * @see JXG.GeometryElement#showElement\n * @default true\n */\n visible: true,\n\n /**\n * A private element will be inaccessible in certain environments, e.g. a graphical user interface.\n * @default false\n */\n priv: false,\n\n /**\n * Display layer which will contain the element.\n * @see JXG.Options#layer\n * @default See {@link JXG.Options#layer}\n */\n layer: 0,\n\n /**\n * Determines the elements border-style.\n * Possible values are:\n * \n * Customize color and opacity:\n * If the object's RGB stroke color is [r,g,b] and its opacity is op, and\n * the shadow parameters color is given as [r', g', b'] and opacity as op' \n * the shadow will receive the RGB color \n *
\n * This attribute is only available with SVG, not with canvas.\n *\n * @type Object\n * @name JXG.GeometryElement#shadow\n * @default shadow: {\n * enabled: false,\n * color: [0, 0, 0],\n * opacity: 1,\n * blur: 3,\n * blend: 0.1,\n * offset: [5, 5]\n * }\n *\n * @example\n * board.options.line.strokeWidth = 2\n * // No shadow\n * var li1 = board.create('line', [[-2, 5], [2, 6]], {strokeColor: 'red', shadow: false});\n *\n * // Default shadow\n * var li2 = board.create('line', [[-2, 3], [2, 4]], {strokeColor: 'red', shadow: true});\n *\n * // No shadow\n * var li3 = board.create('line', [[-2, 1], [2, 2]], {strokeColor: 'blue', shadow: {enabled: false}});\n *\n * // Shadow uses same color as line\n * var li4 = board.create('line', [[-2, -1], [2, 0]], {strokeColor: 'blue',\n * shadow: {enabled: true, color: '#000000', blend: 1}\n * });\n *\n * // Shadow color as a mixture between black and the line color, additionally set opacity\n * var li5 = board.create('line', [[-2, -3], [2, -2]], {strokeColor: 'blue',\n * shadow: {enabled: true, color: '#000000', blend: 0.5, opacity: 0.5}\n * });\n *\n * // Use different value for blur and offset [dx, dy]\n * var li6 = board.create('line', [[-2, -5], [2, -4]], {strokeColor: 'blue',\n * shadow: {enabled: true, offset:[0, 25], blur: 6}\n * });\n *\n *
\n *\n *\n */\n shadow: {\n enabled: false,\n color: [0, 0, 0],\n opacity: 1,\n blur: 3,\n blend: 0.1,\n offset: [5, 5]\n },\n\n /**\n * If true the element will be traced, i.e. on every movement the element will be copied\n * to the background. Use {@link JXG.GeometryElement#clearTrace} to delete the trace elements.\n *\n * The calling of element.setAttribute({trace:false}) additionally\n * deletes all traces of this element. By calling\n * element.setAttribute({trace:'pause'})\n * the removal of already existing traces can be prevented.\n * @see JXG.GeometryElement#clearTrace\n * @see JXG.GeometryElement#traces\n * @see JXG.GeometryElement#numTraces\n * @type Boolean|String\n * @default false\n * @name JXG.GeometryElement#trace\n */\n trace: false,\n\n /**\n * Extra visual properties for traces of an element\n * @type Object\n * @see JXG.GeometryElement#trace\n * @name JXG.GeometryElement#traceAttributes\n */\n traceAttributes: {},\n\n /**\n *\n * @type Boolean\n * @default true\n * @name JXG.GeometryElement#highlight\n */\n highlight: true,\n\n /**\n * If this is set to true, the element is updated in every update\n * call of the board. If set to false, the element is updated only after\n * zoom events or more generally, when the bounding box has been changed.\n * Examples for the latter behaviour should be axes.\n * @type Boolean\n * @default true\n * @see JXG.GeometryElement#needsRegularUpdate\n * @name JXG.GeometryElement#needsRegularUpdate\n */\n needsRegularUpdate: true,\n\n /**\n * Snaps the element or its parents to the grid. Currently only relevant for points, circles,\n * and lines. Points are snapped to grid directly, on circles and lines it's only the parent\n * points that are snapped\n * @type Boolean\n * @default false\n * @name JXG.GeometryElement#snapToGrid\n */\n snapToGrid: false,\n\n /**\n * Determines whether two-finger manipulation of this object may change its size.\n * If set to false, the object is only rotated and translated.\n * \n * In case the element is a horizontal or vertical line having ticks, \"scalable:true\"\n * enables zooming of the board by dragging ticks lines. This feature is enabled,\n * for the ticks element of the line element the attribute \"fixed\" has to be false\n * and the line element's scalable attribute has to be true.\n *
\n * In case the element is a polygon or line and it has the attribute \"scalable:false\",\n * moving the element with two fingers results in a rotation or translation.\n *
\n * If an element is set to be neither scalable nor rotatable, it can only be translated.\n *\n * @type Boolean\n * @default true\n * @name JXG.GeometryElement#scalable\n * @see JXG.Ticks#fixed\n * @see JXG.GeometryElement#rotatable\n */\n scalable: true,\n\n /**\n * Determines whether two-finger manipulation may rotate this object.\n * If set to false, the object can only be scaled and translated.\n *
\n * In case the element is a polygon or line and it has the attribute \"rotatable:false\",\n * moving the element with two fingers results in a rotation or translation.\n *
\n * If an element is set to be neither scalable nor rotatable, it can only be translated.\n *\n * @type Boolean\n * @default true\n * @name JXG.GeometryElement#rotatable\n * @see JXG.GeometryElement#scalable\n */\n rotatable: true,\n\n /**\n * If the element is dragged it will be moved on mousedown or touchstart to the\n * top of its layer. Works only for SVG renderer and for simple elements\n * consisting of one SVG node.\n * @example\n * var li1 = board.create('line', [1, 1, 1], {strokeWidth: 20, dragToTopOfLayer: true});\n * var li2 = board.create('line', [1, -1, 1], {strokeWidth: 20, strokeColor: 'red'});\n *\n *
\n * \n *\n * @type Boolean\n * @default false\n * @name JXG.GeometryElement#dragToTopOfLayer\n */\n dragToTopOfLayer: false,\n\n /**\n * Precision options for JSXGraph elements.\n * This attributes takes either the value 'inherit' or an object of the form:\n * \n * precision: {\n * touch: 30,\n * mouse: 4,\n * pen: 4\n * }\n * \n *\n * In the first case, the global, JSXGraph-wide values of JXGraph.Options.precision\n * are taken.\n *\n * @type {String|Object}\n * @name JXG.GeometryElement#precision\n * @see JXG.Options#precision\n * @default 'inherit'\n */\n precision: 'inherit',\n\n /*draft options */\n draft: {\n /**\n * If true the element will be drawn in grey scale colors to visualize that it's only a draft.\n * @type Boolean\n * @name JXG.GeometryElement#draft\n * @default {@link JXG.Options.elements.draft#draft}\n */\n draft: false,\n strokeColor: '#565656',\n fillColor: '#565656',\n strokeOpacity: 0.8,\n fillOpacity: 0.8,\n strokeWidth: 1\n },\n\n /**\n * @private\n * By default, an element is not a label. Do not change this.\n */\n isLabel: false,\n\n /**\n * Controls if an element can get the focus with the tab key.\n * tabindex corresponds to the HTML attribute of the same name.\n * See descriptiona at MDN.\n * The additional value null completely disables focus of an element.\n * The value will be ignored if keyboard control of the board is not enabled or\n * the element is fixed or not visible.\n *\n * @name JXG.GeometryElement#tabindex\n * @type Number\n * @default 0\n * @see JXG.Board#keyboard\n * @see JXG.GeometryElement#fixed\n * @see JXG.GeometryElement#visible\n */\n tabindex: 0\n\n // close the meta tag\n /**#@-*/\n },\n\n /*\n * Generic options used by {@link JXG.Ticks}\n */\n ticks: {\n /**#@+\n * @visprop\n */\n\n /**\n * A function that expects two {@link JXG.Coords}, the first one representing the coordinates of the\n * tick that is to be labeled, the second one the coordinates of the center (the tick with position 0).\n * The third parameter is a null, number or a string. In the latter two cases, this value is taken.\n * Returns a string.\n *\n * @type function\n * @name Ticks#generateLabelText\n */\n generateLabelText: null,\n\n /**\n * A function that expects two {@link JXG.Coords}, the first one representing the coordinates of the\n * tick that is to be labeled, the second one the coordinates of the center (the tick with position 0).\n *\n * @deprecated Use {@link JGX.Options@generateLabelText}\n * @type function\n * @name Ticks#generateLabelValue\n */\n generateLabelValue: null,\n\n /**\n * Draw labels yes/no\n *\n * @type Boolean\n * @name Ticks#drawLabels\n * @default false\n */\n drawLabels: false,\n\n /**\n * Attributes for the ticks labels\n *\n * @name Ticks#label\n * @type Object\n * @default {}\n *\n */\n label: {\n },\n\n /**\n * Format tick labels that were going to have scientific notation\n * like 5.00e+6 to look like 5•10⁶.\n *\n * @example\n * var board = JXG.JSXGraph.initBoard(\"jxgbox\", {\n * boundingbox: [-500000, 500000, 500000, -500000],\n * axis: true,\n * defaultAxes: {\n * x: {\n * scalable: true,\n * ticks: {\n * beautifulScientificTickLabels: true\n * },\n * },\n * y: {\n * scalable: true,\n * ticks: {\n * beautifulScientificTickLabels: true\n * },\n * }\n * },\n * });\n *\n * \n * \n *\n * @name Ticks#beautifulScientificTickLabels\n * @type Boolean\n * @default false\n */\n beautifulScientificTickLabels: false,\n\n /**\n * Use the unicode character 0x2212, i.e. the HTML entity − as minus sign.\n * That is −1 instead of -1.\n *\n * @type Boolean\n * @name Ticks#useUnicodeMinus\n * @default true\n */\n useUnicodeMinus: true,\n\n /**\n * Determine the position of the tick with value 0. 'left' means point1 of the line, 'right' means point2,\n * and 'middle' is equivalent to the midpoint of the defining points. This attribute is ignored if the parent\n * line is of type axis.\n *\n * @type String\n * @name Ticks#anchor\n * @default 'left'\n */\n anchor: 'left',\n\n /**\n * Draw the zero tick, that lies at line.point1?\n *\n * @type Boolean\n * @name Ticks#drawZero\n * @default false\n */\n drawZero: false,\n\n /**\n * If the distance between two ticks is too big we could insert new ticks. If insertTicks\n * is true, we'll do so, otherwise we leave the distance as is.\n * This option is ignored if equidistant is false. In the example below the distance between\n * two ticks is given as 1 but because insertTicks is set to true many ticks will\n * be omitted in the rendering process to keep the display clear.\n *\n * @type Boolean\n * @name Ticks#insertTicks\n * @see Ticks#minTicksDistance\n * @default false\n * @example\n * // Create an axis providing two coord pairs.\n * var p1 = board.create('point', [0, 0]);\n * var p2 = board.create('point', [50, 25]);\n * var l1 = board.create('line', [p1, p2]);\n * var t = board.create('ticks', [l1, 1], {\n * insertTicks: true,\n * majorHeight: -1,\n * label: {\n * offset: [4, -9]\n * },\n * drawLabels: true\n * });\n * \n * \n */\n insertTicks: false,\n\n /**\n * Minimum distance in pixel of equidistant ticks in case insertTicks==true.\n * @name Ticks#minTicksDistance\n * @type: Number\n * @default: 10\n * @see Ticks#insertTicks\n */\n minTicksDistance: 10,\n\n /**\n * Total height of a minor tick. If negative the full height of the board is taken.\n *\n * @type Number\n * @name Ticks#minorHeight\n * @default 4\n */\n minorHeight: 4,\n\n /**\n * Total height of a major tick. If negative the full height of the board is taken.\n *\n * @type Number\n * @name Ticks#majorHeight\n * @default 10\n */\n majorHeight: 10,\n\n /**\n * Decides in which direction minor ticks are visible. Possible values are either the constants\n * 0=false or 1=true or a function returning 0 or 1.\n *\n * In case of [0,1] the tick is only visible to the right of the line. In case of\n * [1,0] the tick is only visible to the left of the line.\n *\n * @type Array\n * @name Ticks#tickEndings\n * @see Ticks#majorTickEndings\n * @default [1, 1]\n */\n tickEndings: [1, 1],\n\n /**\n * Decides in which direction major ticks are visible. Possible values are either the constants\n * 0=false or 1=true or a function returning 0 or 1.\n *\n * In case of [0,1] the tick is only visible to the right of the line. In case of\n * [1,0] the tick is only visible to the left of the line.\n *\n * @example\n * var board = JXG.JSXGraph.initBoard(\"jxgbox\", {\n * boundingbox: [-5, 5, 5, -5],\n * axis: true,\n * defaultAxes: {\n * x: {\n * ticks: {\n * majorTickEndings: [1, 0],\n * ignoreInfiniteTickEndings: false\n * }\n * },\n * y: {\n * ticks: {\n * majorTickEndings: [0, 1],\n * ignoreInfiniteTickEndings: false\n * }\n * }\n * }\n * });\n * \n * var p = board.create('point', [1, 1]);\n * var l = board.create('line', [1, -1, 1]);\n * \n * \n * \n * \n * @type Array\n * @name Ticks#majorTickEndings\n * @see Ticks#tickEndings\n * @see Ticks#ignoreInfiniteTickEndings\n * @default [1, 1]\n */\n majorTickEndings: [1, 1],\n\n /**\n * If true, ignore the tick endings attribute for infinite (full height) ticks.\n * This affects major and minor ticks.\n *\n * @type Boolean\n * @name Ticks#ignoreInfiniteTickEndings\n * @see Ticks#tickEndings\n * @see Ticks#majorTickEndings\n * @default true\n */\n ignoreInfiniteTickEndings: true,\n\n /**\n * The number of minor ticks between two major ticks.\n * @type Number\n * @name Ticks#minorTicks\n * @default 4\n */\n minorTicks: 4,\n\n /**\n * By default, i.e. if ticksPerLabel==false, labels are generated for major ticks, only.\n * If ticksPerLabel is set to a(n integer) number, this denotes the number of minor ticks\n * between two labels.\n *\n * @type {Number|Boolean}\n * @name Ticks#ticksPerLabel\n * @default false\n *\n * @example\n * const board = JXG.JSXGraph.initBoard('jxgbox', {\n * boundingbox: [-4, 4, 4, -4],\n * axis: true,\n * defaultAxes: {\n * x: {\n * ticks: {\n * minorTicks: 7,\n * ticksPerLabel: 4,\n * minorHeight: 20,\n * }\n * },\n * y: {\n * ticks: {\n * minorTicks: 3,\n * ticksPerLabel: 2,\n * minorHeight: 20\n * }\n * }\n * }\n * });\n *\n * \n * \n */\n ticksPerLabel: false,\n\n /**\n * Scale the ticks but not the tick labels.\n * @type Number\n * @default 1\n * @name Ticks#scale\n * @see Ticks#scaleSymbol\n */\n scale: 1,\n\n /**\n * A string that is appended to every tick, used to represent the scale\n * factor given in {@link Ticks#scale}.\n *\n * @type String\n * @default ''\n * @name Ticks#scaleSymbol\n * @see Ticks#scale\n */\n scaleSymbol: '',\n\n /**\n * User defined labels for special ticks. Instead of the i-th tick's position, the i-th string stored in this array\n * is shown. If the number of strings in this array is less than the number of special ticks, the tick's position is\n * shown as a fallback.\n *\n * @type Array\n * @name Ticks#labels\n * @default []\n */\n labels: [],\n\n /**\n * The maximum number of characters a tick label can use.\n *\n * @type Number\n * @name Ticks#maxLabelLength\n * @see Ticks#precision\n * @default 5\n */\n maxLabelLength: 5,\n\n /**\n * If a label exceeds {@link Ticks#maxLabelLength} this determines the precision used to shorten the tick label.\n * Replaced by the digits attribute.\n *\n * @type Number\n * @name Ticks#precision\n * @see Ticks#maxLabelLength\n * @see Ticks#digits\n * @deprecated\n * @default 3\n */\n precision: 3,\n\n /**\n * If a label exceeds {@link Ticks#maxLabelLength} this determines the number of digits used to shorten the tick label.\n *\n * @type Number\n * @name Ticks#digits\n * @see Ticks#maxLabelLength\n * @deprecated\n * @default 3\n */\n digits: 3,\n\n /**\n * The default distance (in user coordinates, not pixels) between two ticks. Please be aware that this value does not have\n * to be used if {@link Ticks#insertTicks} is set to true.\n *\n * @type Number\n * @name Ticks#ticksDistance\n * @see Ticks#insertTicks\n * @default 1\n */\n ticksDistance: 1,\n\n /**\n * Tick face for ticks of finite length. By default (face: '|') this is a straight line.\n * Possible other values are '<' and '>'. These faces are used in\n * {@link JXG.Hatch} for hatch marking parallel lines.\n * @type String\n * @name{Ticks#face}\n * @see hatch\n * @default '|'\n * @example\n * var p1 = board.create('point', [0, 3]);\n * var p2 = board.create('point', [1, 3]);\n * var l1 = board.create('line', [p1, p2]);\n * var t = board.create('ticks', [l1], {ticksDistance: 2, face: '>'});\n *\n * \n * \n *\n */\n face: '|',\n\n strokeOpacity: 1,\n strokeWidth: 1,\n strokeColor: '#000000',\n highlightStrokeColor: '#888888',\n fillColor: 'none',\n highlightFillColor: 'none',\n visible: 'inherit',\n\n /**\n * Whether line boundaries should be counted or not in the lower and upper bounds when\n * creating ticks.\n *\n * @type Boolean\n * @name Ticks#includeBoundaries\n * @default false\n */\n includeBoundaries: false,\n\n /**\n * Set the ticks type.\n * Possible values are 'linear' or 'polar'.\n *\n * @type String\n * @name Ticks#type\n * @default 'linear'\n */\n type: 'linear'\n\n // close the meta tag\n /**#@-*/\n },\n\n /*\n * Generic options used by {@link JXG.Hatch}\n */\n hatch: {\n drawLabels: false,\n drawZero: true,\n majorHeight: 20,\n anchor: 'middle',\n face: '|',\n strokeWidth: 2,\n strokeColor: Color.palette.blue,\n /**\n * The default distance (in user coordinates, not pixels) between two hatch symbols.\n *\n * @type Number\n * @name Hatch#ticksDistance\n * @default 0.2\n */\n ticksDistance: 0.2\n },\n\n /**\n * Precision options, defining how close a pointer device (mouse, finger, pen) has to be\n * to an object such that the object is highlighted or can be dragged.\n * These values are board-wide and can be overwritten for individual elements by\n * changing their precision attribute.\n *\n * The default values are\n * \n * JXG.Options.precision: {\n * touch: 30,\n * touchMax: 100,\n * mouse: 4,\n * pen: 4,\n * epsilon: 0.0001,\n * hasPoint: 4\n * }\n * \n *\n * @type Object\n * @name JXG.Options#precision\n * @see JXG.GeometryElement#precision\n */\n precision: {\n touch: 30,\n touchMax: 100,\n mouse: 4,\n pen: 4,\n epsilon: 0.0001, // Unused\n hasPoint: 4\n },\n\n /**\n * Default ordering of the layers.\n * The numbering starts from 0 and the highest layer number is numlayers-1.\n *\n * The default values are\n * \n * JXG.Options.layer: {\n * numlayers: 20, // only important in SVG\n * text: 9,\n * point: 9,\n * glider: 9,\n * arc: 8,\n * line: 7,\n * circle: 6,\n * curve: 5,\n * turtle: 5,\n * polygon: 3,\n * sector: 3,\n * angle: 3,\n * integral: 3,\n * axis: 2,\n * ticks: 2,\n * grid: 1,\n * image: 0,\n * trace: 0\n * }\n * \n * @type Object\n * @name JXG.Options#layer\n */\n layer: {\n numlayers: 20, // only important in SVG\n unused9: 19,\n unused8: 18,\n unused7: 17,\n unused6: 16,\n unused5: 15,\n unused4: 14,\n unused3: 13,\n unused2: 12,\n unused1: 11,\n unused0: 10,\n text: 9,\n point: 9,\n glider: 9,\n arc: 8,\n line: 7,\n circle: 6,\n curve: 5,\n turtle: 5,\n polygon: 3,\n sector: 3,\n angle: 3,\n integral: 3,\n axis: 2,\n ticks: 2,\n grid: 1,\n image: 0,\n trace: 0\n },\n\n /* special angle options */\n angle: {\n /**#@+\n * @visprop\n */\n\n withLabel: true,\n\n /**\n * Radius of the sector, displaying the angle.\n * The radius can be given as number (in user coordinates)\n * or as string 'auto'. In the latter case, the angle\n * is set to an value between 20 and 50 px.\n *\n * @type {Number|String}\n * @name Angle#radius\n * @default 'auto'\n * @visprop\n */\n radius: 'auto',\n\n /**\n * Display type of the angle field. Possible values are\n * 'sector' or 'sectordot' or 'square' or 'none'.\n *\n * @type String\n * @default 'sector'\n * @name Angle#type\n * @visprop\n */\n type: 'sector',\n\n /**\n * Display type of the angle field in case of a right angle. Possible values are\n * 'sector' or 'sectordot' or 'square' or 'none'.\n *\n * @type String\n * @default square\n * @name Angle#orthoType\n * @see Angle#orthoSensitivity\n * @visprop\n */\n orthoType: 'square',\n\n /**\n * Sensitivity (in degrees) to declare an angle as right angle.\n * If the angle measure is inside this distance from a rigth angle, the orthoType\n * of the angle is used for display.\n *\n * @type Number\n * @default 1.0\n * @name Angle#orthoSensitivity\n * @see Angle#orthoType\n * @visprop\n */\n orthoSensitivity: 1.0,\n\n fillColor: Color.palette.orange,\n highlightFillColor: Color.palette.orange,\n strokeColor: Color.palette.orange,\n // fillColor: '#ff7f00',\n // highlightFillColor: '#ff7f00',\n // strokeColor: '#ff7f00',\n\n fillOpacity: 0.3,\n highlightFillOpacity: 0.3,\n\n /**\n * @deprecated\n */\n radiuspoint: {\n withLabel: false,\n visible: false,\n name: ''\n },\n\n /**\n * @deprecated\n */\n pointsquare: {\n withLabel: false,\n visible: false,\n name: ''\n },\n\n dot: {\n visible: false,\n strokeColor: 'none',\n fillColor: '#000000',\n size: 2,\n face: 'o',\n withLabel: false,\n name: ''\n },\n\n label: {\n position: 'top',\n offset: [0, 0],\n strokeColor: Color.palette.blue\n },\n\n /**\n * Attributes for sub-element arc. In general, the arc will run through the first point and\n * thus will not have the same radius as the angle sector.\n *\n * @type Arc\n * @name Angle#arc\n * @default '{visible:false}'\n */\n arc: {\n visible: false,\n fillColor: 'none'\n },\n\n /**#@-*/\n },\n\n /* special arc options */\n arc: {\n /**#@+\n * @visprop\n */\n\n /**\n * Type of arc. Possible values are 'minor', 'major', and 'auto'.\n *\n * @type String\n * @name Arc#selection\n * @default 'auto'\n */\n selection: 'auto',\n\n /**\n * If true, moving the mouse over inner points triggers hasPoint.\n *\n * @see JXG.GeometryElement#hasPoint\n * @name Arc#hasInnerPoints\n * @type Boolean\n * @default false\n */\n hasInnerPoints: false,\n\n label: {\n anchorX: 'auto',\n anchorY: 'auto'\n },\n firstArrow: false,\n lastArrow: false,\n fillColor: 'none',\n highlightFillColor: 'none',\n strokeColor: Color.palette.blue,\n highlightStrokeColor: '#c3d9ff',\n useDirection: false,\n\n /**\n * Attributes for center point.\n *\n * @type Point\n * @name Arc#center\n */\n center: {\n },\n\n /**\n * Attributes for radius point.\n *\n * @type Point\n * @name Arc#radiusPoint\n */\n radiusPoint: {\n },\n\n /**\n * Attributes for angle point.\n *\n * @type Point\n * @name Arc#anglePoint\n */\n anglePoint: {\n }\n\n /**#@-*/\n },\n\n /* special arrow options */\n arrow: {\n /**#@+\n * @visprop\n */\n\n firstArrow: false,\n\n lastArrow: {\n type: 1,\n highlightSize: 6,\n size: 6\n }\n\n /**#@-*/\n },\n\n /* special axis options */\n axis: {\n /**#@+\n * @visprop\n */\n\n name: '', // By default, do not generate names for axes.\n needsRegularUpdate: false, // Axes only updated after zooming and moving of the origin.\n strokeWidth: 1,\n lastArrow: {\n type: 1,\n highlightSize: 8,\n size: 8\n },\n strokeColor: '#666666',\n highlightStrokeWidth: 1,\n highlightStrokeColor: '#888888',\n\n /**\n * Show / hide ticks.\n *\n * Deprecated. Suggested alternative is \"ticks: {visible: false}\"\n *\n * @type Boolean\n * @name Axis#withTicks\n * @default true\n * @deprecated\n */\n withTicks: true,\n straightFirst: true,\n straightLast: true,\n margin: -4,\n withLabel: false,\n scalable: false,\n\n /**\n * Attributes for ticks of the axis.\n *\n * @type Ticks\n * @name Axis#ticks\n */\n ticks: {\n label: {\n offset: [4, -12 + 3], // This seems to be a good offset for 12 point fonts\n parse: false,\n needsRegularUpdate: false,\n display: 'internal',\n visible: 'inherit',\n layer: 9\n },\n visible: 'inherit',\n needsRegularUpdate: false,\n strokeWidth: 1,\n strokeColor: '#666666',\n highlightStrokeColor: '#888888',\n drawLabels: true,\n drawZero: false,\n insertTicks: true,\n minTicksDistance: 5,\n minorHeight: 10, // if <0: full width and height\n majorHeight: -1, // if <0: full width and height\n tickEndings: [0, 1],\n majorTickEndings: [1, 1],\n minorTicks: 4,\n ticksDistance: 1, // TODO doc\n strokeOpacity: 0.25\n },\n\n /**\n * Attributes for first point the axis.\n *\n * @type Point\n * @name Axis#point1\n */\n point1: { // Default values for point1 if created by line\n needsRegularUpdate: false,\n visible: false\n },\n\n /**\n * Attributes for second point the axis.\n *\n * @type Point\n * @name Axis#point2\n */\n point2: { // Default values for point2 if created by line\n needsRegularUpdate: false,\n visible: false\n },\n\n tabindex: -1,\n\n /**\n * Attributes for the axis label.\n *\n * @type Label\n * @name Axis#label\n */\n label: {\n position: 'lft',\n offset: [10, 10]\n }\n /**#@-*/\n },\n\n /* special options for angle bisector of 3 points */\n bisector: {\n /**#@+\n * @visprop\n */\n\n strokeColor: '#000000', // Bisector line\n\n /**\n * Attributes for the helper point of the bisector.\n *\n * @type Point\n * @name Bisector#point\n */\n point: { // Bisector point\n visible: false,\n fixed: false,\n withLabel: false,\n name: ''\n }\n\n /**#@-*/\n },\n\n /* special options for the 2 bisectors of 2 lines */\n bisectorlines: {\n /**#@+\n * @visprop\n */\n\n /**\n * Attributes for first line.\n *\n * @type Line\n * @name Bisectorlines#line1\n */\n line1: { //\n strokeColor: '#000000'\n },\n\n /**\n * Attributes for second line.\n *\n * @type Line\n * @name Bisectorlines#line2\n */\n line2: { //\n strokeColor: '#000000'\n }\n\n /**#@-*/\n },\n\n /* special options for boxplot curves */\n boxplot: {\n /**#@+\n * @visprop\n */\n\n /**\n * Direction of the box plot: 'vertical' or 'horizontal'\n *\n * @type String\n * @name Boxplot#dir\n * @default: 'vertical'\n */\n dir: 'vertical',\n\n /**\n * Relative width of the maximum and minimum quantile\n *\n * @type Number\n * @name Boxplot#smallWidth\n * @default: 0.5\n */\n smallWidth: 0.5,\n\n strokeWidth: 2,\n strokeColor: Color.palette.blue,\n fillColor: Color.palette.blue,\n fillOpacity: 0.2,\n highlightStrokeWidth: 2,\n highlightStrokeColor: Color.palette.blue,\n highlightFillColor: Color.palette.blue,\n highlightFillOpacity: 0.1\n\n /**#@-*/\n },\n\n /* special button options */\n button: {\n /**#@+\n * @visprop\n */\n\n /**\n * Control the attribute \"disabled\" of the HTML button.\n *\n * @name disabled\n * @memberOf Button.prototype\n *\n * @type Boolean\n * @default false\n */\n disabled: false,\n\n display: 'html'\n\n /**#@-*/\n },\n\n /* special cardinal spline options */\n cardinalspline: {\n /**#@+\n * @visprop\n */\n\n /**\n * Controls if the data points of the cardinal spline when given as\n * arrays should be converted into {@link JXG.Points}.\n *\n * @name createPoints\n * @memberOf Cardinalspline.prototype\n *\n * @see Cardinalspline#points\n *\n * @type Boolean\n * @default true\n */\n createPoints: true,\n\n /**\n * If set to true, the supplied coordinates are interpreted as\n * [[x_0, y_0], [x_1, y_1], p, ...].\n * Otherwise, if the data consists of two arrays of equal length,\n * it is interpreted as\n * [[x_o x_1, ..., x_n], [y_0, y_1, ..., y_n]]\n *\n * @name isArrayOfCoordinates\n * @memberOf Cardinalspline.prototype\n * @type Boolean\n * @default false\n */\n isArrayOfCoordinates: false,\n\n /**\n * Attributes for the points generated by Cardinalspline in cases\n * {@link createPoints} is set to true\n *\n * @name points\n * @memberOf Cardinalspline.prototype\n *\n * @see Cardinalspline#createPoints\n * @type Object\n */\n points: {\n strokeOpacity: 0.05,\n fillOpacity: 0.05,\n highlightStrokeOpacity: 1.0,\n highlightFillOpacity: 1.0,\n withLabel: false,\n name: '',\n fixed: false\n }\n\n /**#@-*/\n },\n\n /* special chart options */\n chart: {\n /**#@+\n * @visprop\n */\n\n chartStyle: 'line',\n colors: ['#B02B2C', '#3F4C6B', '#C79810', '#D15600', '#FFFF88', '#c3d9ff', '#4096EE', '#008C00'],\n highlightcolors: null,\n fillcolor: null,\n highlightonsector: false,\n highlightbysize: false,\n\n fillOpacity: 0.6,\n withLines: false,\n\n label: {\n }\n /**#@-*/\n },\n\n /* special html slider options */\n checkbox: {\n /**#@+\n * @visprop\n */\n\n /**\n * Control the attribute \"disabled\" of the HTML checkbox.\n *\n * @name disabled\n * @memberOf Checkbox.prototype\n *\n * @type Boolean\n * @default false\n */\n disabled: false,\n\n /**\n * Control the attribute \"checked\" of the HTML checkbox.\n *\n * @name checked\n * @memberOf Checkbox.prototype\n *\n * @type Boolean\n * @default false\n */\n checked: false,\n\n display: 'html'\n\n /**#@-*/\n },\n\n /*special circle options */\n circle: {\n /**#@+\n * @visprop\n */\n\n /**\n * If true, moving the mouse over inner points triggers hasPoint.\n *\n * @see JXG.GeometryElement#hasPoint\n * @name Circle#hasInnerPoints\n * @type Boolean\n * @default false\n */\n hasInnerPoints: false,\n\n fillColor: 'none',\n highlightFillColor: 'none',\n strokeColor: Color.palette.blue,\n highlightStrokeColor: '#c3d9ff',\n\n /**\n * Attributes for center point.\n *\n * @type Point\n * @name Circle#center\n */\n center: {\n visible: false,\n withLabel: false,\n fixed: false,\n\n fillColor: Color.palette.red,\n strokeColor: Color.palette.red,\n highlightFillColor: '#c3d9ff',\n highlightStrokeColor: '#c3d9ff',\n\n name: ''\n },\n\n /**\n * Attributes for center point.\n *\n * @type Point\n * @name Circle#center\n */\n point2: {\n visible: false,\n withLabel: false,\n fixed: false,\n name: ''\n },\n\n /**\n * Attributes for circle label.\n *\n * @type Label\n * @name Circle#label\n */\n label: {\n position: 'urt'\n }\n /**#@-*/\n },\n\n /* special options for circumcircle of 3 points */\n circumcircle: {\n /**#@+\n * @visprop\n */\n\n fillColor: 'none',\n highlightFillColor: 'none',\n strokeColor: Color.palette.blue,\n highlightStrokeColor: '#c3d9ff',\n\n /**\n * Attributes for center point.\n *\n * @type Point\n * @name Circumcircle#center\n */\n center: { // center point\n visible: false,\n fixed: false,\n withLabel: false,\n fillColor: Color.palette.red,\n strokeColor: Color.palette.red,\n highlightFillColor: '#c3d9ff',\n highlightStrokeColor: '#c3d9ff',\n name: ''\n }\n /**#@-*/\n },\n\n circumcirclearc: {\n /**#@+\n * @visprop\n */\n\n fillColor: 'none',\n highlightFillColor: 'none',\n strokeColor: Color.palette.blue,\n highlightStrokeColor: '#c3d9ff',\n\n /**\n * Attributes for center point.\n *\n * @type Point\n * @name CircumcircleArc#center\n */\n center: {\n visible: false,\n withLabel: false,\n fixed: false,\n name: ''\n }\n /**#@-*/\n },\n\n /* special options for circumcircle sector of 3 points */\n circumcirclesector: {\n /**#@+\n * @visprop\n */\n\n useDirection: true,\n fillColor: Color.palette.yellow,\n highlightFillColor: Color.palette.yellow,\n fillOpacity: 0.3,\n highlightFillOpacity: 0.3,\n strokeColor: Color.palette.blue,\n highlightStrokeColor: '#c3d9ff',\n\n /**\n * Attributes for center point.\n *\n * @type Point\n * @name Circle#point\n */\n point: {\n visible: false,\n fixed: false,\n withLabel: false,\n name: ''\n }\n /**#@-*/\n },\n\n /* special conic options */\n conic: {\n /**#@+\n * @visprop\n */\n\n fillColor: 'none',\n highlightFillColor: 'none',\n strokeColor: Color.palette.blue,\n highlightStrokeColor: '#c3d9ff',\n\n /**\n * Attributes for foci points.\n *\n * @type Point\n * @name Conic#foci\n */\n foci: {\n // points\n fixed: false,\n visible: false,\n withLabel: false,\n name: ''\n },\n\n /**\n * Attributes for center point.\n *\n * @type Point\n * @name Conic#center\n */\n center: {\n visible: false,\n withLabel: false,\n name: ''\n },\n\n /**\n * Attributes for five points defining the conic, if some of them are given as coordinates.\n *\n * @type Point\n * @name Conic#point\n */\n point: {\n withLabel: false,\n name: ''\n },\n\n /**\n * Attributes for parabola line in case the line is given by two\n * points or coordinate pairs.\n *\n * @type Line\n * @name Conic#line\n */\n line: {\n visible: false\n }\n\n /**#@-*/\n },\n\n /* special curve options */\n curve: {\n strokeWidth: 1,\n strokeColor: Color.palette.blue,\n fillColor: 'none',\n fixed: true,\n\n useQDT: false,\n\n /**#@+\n * @visprop\n */\n\n /**\n * The data points of the curve are not connected with straight lines but with bezier curves.\n * @name Curve#handDrawing\n * @type Boolean\n * @default false\n */\n handDrawing: false,\n\n /**\n * The curveType is set in {@link JXG.Curve#generateTerm} and used in {@link JXG.Curve#updateCurve}.\n * Possible values are \n *\n *\n */\n autoPosition: false\n\n /**#@-*/\n },\n\n /* special legend options */\n legend: {\n /**\n * @visprop\n */\n\n /**\n * Default style of a legend element. The only possible value is 'vertical'.\n * @name: Legend#style\n * @type String\n * @default 'vertical'\n */\n style: 'vertical',\n\n /**\n * Label names of a legend element.\n * @name: Legend#labels\n * @type Array\n * @default \"['1', '2', '3', '4', '5', '6', '7', '8']\"\n */\n labels: ['1', '2', '3', '4', '5', '6', '7', '8'],\n\n /**\n * (Circular) array of label colors.\n * @name: Legend#colors\n * @type Array\n * @default \"['#B02B2C', '#3F4C6B', '#C79810', '#D15600', '#FFFF88', '#c3d9ff', '#4096EE', '#008C00']\"\n */\n colors: ['#B02B2C', '#3F4C6B', '#C79810', '#D15600', '#FFFF88', '#c3d9ff', '#4096EE', '#008C00'],\n\n /**\n * Height (in px) of one legend entry\n * @name: Legend#rowHeight\n * @type Number\n * @default 20\n *\n */\n rowHeight: 20,\n\n strokeWidth: 5\n\n /**#@-*/\n },\n\n /* special line options */\n line: {\n /**#@+\n * @visprop\n */\n\n /**\n * Configure the arrow head at the position of its first point or the corresponding\n * intersection with the canvas border\n *\n * In case firstArrow is an object it has the sub-attributes:\n * \n * {\n * type: 1, // possible values are 1, 2, ..., 7. Default value is 1.\n * size: 6, // size of the arrow head. Default value is 6.\n * // This value is multiplied with the strokeWidth of the line\n * // Exception: for type=7 size is ignored\n * highlightSize: 6, // size of the arrow head in case the element is highlighted. Default value\n * }\n * \n * type=7 is the default for curves if firstArrow: true\n *\n * @example\n * board.options.line.lastArrow = false;\n * board.options.line.firstArrow = {size: 10, highlightSize: 10};\n * board.options.line.point1 = {visible: false, withLabel: true, label: {visible: true, anchorX: 'right'}};\n * board.options.line.strokeWidth = 4;\n * board.options.line.highlightStrokeWidth = 4;\n *\n * board.create('segment', [[-5,4], [3,4]], {firstArrow: {type: 1}, point1: {name: 'type:1'}});\n * board.create('segment', [[-5,3], [3,3]], {firstArrow: {type: 2}, point1: {name: 'type:2'}});\n * board.create('segment', [[-5,2], [3,2]], {firstArrow: {type: 3}, point1: {name: 'type:3'}});\n * board.create('segment', [[-5,1], [3,1]], {firstArrow: {type: 4}, point1: {name: 'type:4'}});\n * board.create('segment', [[-5,0], [3,0]], {firstArrow: {type: 5}, point1: {name: 'type:5'}});\n * board.create('segment', [[-5,-1], [3,-1]], {firstArrow: {type: 6}, point1: {name: 'type:6'}});\n * board.create('segment', [[-5,-2], [3,-2]], {firstArrow: {type: 7}, point1: {name: 'type:7'}});\n *\n * \n * \n *\n * @name Line#firstArrow\n * @see Line#lastArrow\n * @see Line#touchFirstPoint\n * @type Boolean / Object\n * @default false\n */\n firstArrow: false,\n\n /**\n * Configute the arrow head at the position of its second point or the corresponding\n * intersection with the canvas border.\n *\n * In case lastArrow is an object it has the sub-attributes:\n * \n * {\n * type: 1, // possible values are 1, 2, ..., 7. Default value is 1.\n * size: 6, // size of the arrow head. Default value is 6.\n * // This value is multiplied with the strokeWidth of the line.\n * // Exception: for type=7 size is ignored\n * highlightSize: 6, // size of the arrow head in case the element is highlighted. Default value is 6.\n * }\n * \n * type=7 is the default for curves if lastArrow: true\n *\n * @example\n * var p1 = board.create('point', [-5, 2], {size:1});\n * var p2 = board.create('point', [5, 2], {size:10});\n * var li = board.create('segment', ['A','B'],\n * {name:'seg',\n * strokeColor:'#000000',\n * strokeWidth:1,\n * highlightStrokeWidth: 5,\n * lastArrow: {type: 2, size: 8, highlightSize: 6},\n * touchLastPoint: true,\n * firstArrow: {type: 3, size: 8}\n * });\n *\n * \n * \n *\n * @example\n * board.options.line.strokeWidth = 4;\n * board.options.line.highlightStrokeWidth = 4;\n * board.options.line.firstArrow = false;\n * board.options.line.lastArrow = {size: 10, highlightSize: 10};\n * board.options.line.point2 = {visible: false, withLabel: true, label: {visible: true}};\n *\n * board.create('segment', [[-5,4], [3,4]], {lastArrow: {type: 1}, point2: {name: 'type:1'}});\n * board.create('segment', [[-5,3], [3,3]], {lastArrow: {type: 2}, point2: {name: 'type:2'}});\n * board.create('segment', [[-5,2], [3,2]], {lastArrow: {type: 3}, point2: {name: 'type:3'}});\n * board.create('segment', [[-5,1], [3,1]], {lastArrow: {type: 4}, point2: {name: 'type:4'}});\n * board.create('segment', [[-5,0], [3,0]], {lastArrow: {type: 5}, point2: {name: 'type:5'}});\n * board.create('segment', [[-5,-1], [3,-1]], {lastArrow: {type: 6}, point2: {name: 'type:6'}});\n * board.create('segment', [[-5,-2], [3,-2]], {lastArrow: {type: 7}, point2: {name: 'type:7'}});\n *\n * \n * \n *\n * @name Line#lastArrow\n * @see Line#firstArrow\n * @see Line#touchLastPoint\n * @type Boolean / Object\n * @default false\n */\n lastArrow: false,\n\n /**\n * This number (pixel value) controls where infinite lines end at the canvas border. If zero, the line\n * ends exactly at the border, if negative there is a margin to the inside, if positive the line\n * ends outside of the canvas (which is invisible).\n *\n * @name: Line#margin\n * @type Number\n * @default 0\n */\n margin: 0,\n\n /**\n * If true, line stretches infinitely in direction of its first point.\n * Otherwise it ends at point1.\n *\n * @name Line#straightFirst\n * @see Line#straightLast\n * @type Boolean\n * @default true\n */\n straightFirst: true,\n\n /**\n * If true, line stretches infinitely in direction of its second point.\n * Otherwise it ends at point2.\n *\n * @name Line#straightLast\n * @see Line#straightFirst\n * @type Boolean\n * @default true\n */\n straightLast: true,\n\n fillColor: 'none', // Important for VML on IE\n highlightFillColor: 'none', // Important for VML on IE\n strokeColor: Color.palette.blue,\n highlightStrokeColor: '#c3d9ff',\n withTicks: false,\n\n /**\n * Attributes for first defining point of the line.\n *\n * @type Point\n * @name Line#point1\n */\n point1: { // Default values for point1 if created by line\n visible: false,\n withLabel: false,\n fixed: false,\n name: ''\n },\n\n /**\n * Attributes for second defining point of the line.\n *\n * @type Point\n * @name Line#point2\n */\n point2: { // Default values for point2 if created by line\n visible: false,\n withLabel: false,\n fixed: false,\n name: ''\n },\n\n /**\n * Attributes for ticks of the line.\n *\n * @type Ticks\n * @name Line#ticks\n */\n ticks: {\n drawLabels: true,\n label: {\n offset: [4, -12 + 3] // This seems to be a good offset for 12 point fonts\n },\n drawZero: false,\n insertTicks: false,\n minTicksDistance: 50,\n minorHeight: 4, // if <0: full width and height\n majorHeight: -1, // if <0: full width and height\n minorTicks: 4,\n defaultDistance: 1,\n strokeOpacity: 0.3,\n visible: 'inherit'\n },\n\n /**\n * Attributes for the line label.\n *\n * @type Label\n * @name Line#label\n */\n label: {\n position: 'llft'\n },\n\n /**\n * If set to true, the point will snap to a grid defined by\n * {@link Point#snapSizeX} and {@link Point#snapSizeY}.\n *\n * @see Point#snapSizeX\n * @see Point#snapSizeY\n * @type Boolean\n * @name Line#snapToGrid\n * @default false\n */\n snapToGrid: false,\n\n /**\n * Defines together with {@link Point#snapSizeY} the grid the point snaps on to.\n * The point will only snap on integer multiples to snapSizeX in x and snapSizeY in y direction.\n * If this value is equal to or less than 0, it will use the grid displayed by the major ticks\n * of the default ticks of the default x axes of the board.\n *\n * @see Point#snapToGrid\n * @see Point#snapSizeY\n * @see JXG.Board#defaultAxes\n * @type Number\n * @name Line#snapSizeX\n * @default 1\n */\n snapSizeX: 1,\n\n /**\n * Defines together with {@link Point#snapSizeX} the grid the point snaps on to.\n * The point will only snap on integer multiples to snapSizeX in x and snapSizeY in y direction.\n * If this value is equal to or less than 0, it will use the grid displayed by the major ticks\n * of the default ticks of the default y axes of the board.\n *\n * @see Point#snapToGrid\n * @see Point#snapSizeX\n * @see JXG.Board#defaultAxes\n * @type Number\n * @name Line#snapSizeY\n * @default 1\n */\n snapSizeY: 1,\n\n /**\n * If set to true and {@link Line#firstArrow} is set to true, the arrow head will just touch\n * the circle line of the start point of the line.\n *\n * @see Line#firstArrow\n * @type Boolean\n * @name Line#touchFirstPoint\n * @default false\n */\n touchFirstPoint: false,\n\n /**\n * If set to true and {@link Line#lastArrow} is set to true, the arrow head will just touch\n * the circle line of the start point of the line.\n * @see Line#firstArrow\n * @type Boolean\n * @name Line#touchLastPoint\n * @default false\n */\n touchLastPoint: false,\n\n /**\n * Line endings (linecap) of a straight line.\n * Possible values are:\n * | Value | |
|---|---|
| Input | Output |
| cross | x |
| circle | o |
| square, [] | [] |
| plus | + |
| minus | - |
| divide | | |
| diamond | <> |
| triangleup | A |
| triangledown | v |
| triangleleft | < |
| triangleright | > |
\n * The coordinates of the grid points are either integer multiples of snapSizeX and snapSizeY\n * (given in user coordinates, not pixels) or are the intersection points\n * of the major ticks of the boards default axes in case that snapSizeX, snapSizeY are negative.\n *\n * @name Point#snapToGrid\n *\n * @see Point#snapSizeX\n * @see Point#snapSizeY\n * @type Boolean\n * @default false\n */\n snapToGrid: false,\n\n /**\n * If set to true, the point will only snap to (possibly invisibly) grid points\n * when within {@link Point#attractorDistance} of such a grid point.\n *
\n * The coordinates of the grid points are either integer multiples of snapSizeX and snapSizeY\n * (given in user coordinates, not pixels) or are the intersection points\n * of the major ticks of the boards default axes in case that snapSizeX, snapSizeY are negative.\n *\n * @name Point#attractToGrid\n *\n * @see Point#attractorDistance\n * @see Point#attractorUnit\n * @see Point#snapToGrid\n * @see Point#snapSizeX\n * @see Point#snapSizeY\n * @type Boolean\n * @default false\n *\n * @example\n * board.create('point', [3, 3], { attractToGrid: true, attractorDistance: 10, attractorunit: 'screen' });\n *\n *
\n *\n *\n */\n attractToGrid: false,\n\n /**\n * Defines together with {@link Point#snapSizeY} the grid the point snaps on to.\n * It is given in user coordinates, not in pixels.\n * The point will only snap on integer multiples to snapSizeX in x and snapSizeY in y direction.\n * If this value is equal to or less than 0, it will use the grid displayed by the major ticks\n * of the default ticks of the default x axes of the board.\n *\n * @name Point#snapSizeX\n *\n * @see Point#snapToGrid\n * @see Point#snapSizeY\n * @see JXG.Board#defaultAxes\n * @type Number\n * @default 1\n */\n snapSizeX: 1,\n\n /**\n * Defines together with {@link Point#snapSizeX} the grid the point snaps on to.\n * It is given in user coordinates, not in pixels.\n * The point will only snap on integer multiples to snapSizeX in x and snapSizeY in y direction.\n * If this value is equal to or less than 0, it will use the grid displayed by the major ticks\n * of the default ticks of the default y axes of the board.\n *\n * @name Point#snapSizeY\n *\n * @see Point#snapToGrid\n * @see Point#snapSizeX\n * @see JXG.Board#defaultAxes\n * @type Number\n * @default 1\n */\n snapSizeY: 1,\n\n /**\n * If set to true, the point will snap to the nearest point in distance of\n * {@link Point#attractorDistance}.\n *\n * @name Point#snapToPoints\n *\n * @see Point#attractorDistance\n * @type Boolean\n * @default false\n */\n snapToPoints: false,\n\n /**\n * List of elements which are ignored by snapToPoints.\n * @name Point#ignoredSnapToPoints\n *\n * @type Array\n * @default empty\n */\n ignoredSnapToPoints: []\n\n /**#@-*/\n },\n\n /* special polygon options */\n polygon: {\n /**#@+\n * @visprop\n */\n\n /**\n * If true, moving the mouse over inner points triggers hasPoint.\n *\n * @see JXG.GeometryElement#hasPoint\n * @name Polygon#hasInnerPoints\n * @type Boolean\n * @default false\n */\n hasInnerPoints: false,\n\n fillColor: Color.palette.yellow,\n highlightFillColor: Color.palette.yellow,\n // fillColor: '#00ff00',\n // highlightFillColor: '#00ff00',\n fillOpacity: 0.3,\n highlightFillOpacity: 0.2,\n\n /**\n * Is the polygon bordered by lines?\n *\n * @type Boolean\n * @name Polygon#withLines\n * @default true\n */\n withLines: true,\n\n /**\n * Attributes for the polygon border lines.\n *\n * @type Line\n * @name Polygon#borders\n */\n borders: {\n withLabel: false,\n strokeWidth: 1,\n highlightStrokeWidth: 1,\n // Polygon layer + 1\n layer: 5,\n label: {\n position: 'top'\n },\n visible: 'inherit'\n },\n\n /**\n * Attributes for the polygon vertices.\n *\n * @type Point\n * @name Polygon#vertices\n */\n vertices: {\n layer: 9,\n withLabel: false,\n name: '',\n strokeColor: Color.palette.red,\n fillColor: Color.palette.red,\n fixed: false,\n visible: 'inherit'\n },\n\n /**\n * Attributes for the polygon label.\n *\n * @type Label\n * @name Polygon#label\n */\n label: {\n offset: [0, 0]\n }\n\n /**#@-*/\n },\n\n /* special polygonal chain options\n */\n polygonalchain: {\n /**#@+\n * @visprop\n */\n\n fillColor: 'none',\n highlightFillColor: 'none'\n\n /**#@-*/\n },\n\n /* special prescribed angle options\n * Not yet implemented. But angle.setAngle(val) is implemented.\n */\n prescribedangle: {\n /**#@+\n * @visprop\n */\n\n /**\n * Attributes for the helper point of the prescribed angle.\n *\n * @type Point\n * @name PrescribedAngle#anglePoint\n */\n anglePoint: {\n size: 2,\n visible: false,\n withLabel: false\n }\n\n /**#@-*/\n },\n\n /* special reflection options */\n reflection: {\n /**#@+\n * @visprop\n */\n\n fixed: true,\n\n /**\n * Attributes of circle center, i.e. the center of the circle,\n * if a circle is the mirror element and the transformation type is 'Euclidean'\n *\n * @type Point\n * @name mirrorelement#center\n */\n center: {},\n\n /**\n * Type of transformation. Possible values are 'Euclidean', 'projective'.\n *\n * If the value is 'Euclidean', the reflected element of a circle is again a circle,\n * otherwise it is a conic section.\n *\n * @type String\n * @name reflection#type\n * @default 'Euclidean'\n */\n type: 'Euclidean'\n\n /**#@-*/\n },\n\n /* special regular polygon options */\n regularpolygon: {\n /**#@+\n * @visprop\n */\n\n /**\n * If true, moving the mouse over inner points triggers hasPoint.\n * @see JXG.GeometryElement#hasPoint\n *\n * @name RegularPolygon#hasInnerPoints\n * @type Boolean\n * @default false\n */\n hasInnerPoints: false,\n fillColor: Color.palette.yellow,\n highlightFillColor: Color.palette.yellow,\n fillOpacity: 0.3,\n highlightFillOpacity: 0.2,\n\n /**\n * Is the polygon bordered by lines?\n *\n * @type Boolean\n * @name RegularPolygon#withLines\n * @default true\n */\n withLines: true,\n\n /**\n * Attributes for the polygon border lines.\n *\n * @type Line\n * @name RegularPolygon#borders\n */\n borders: {\n withLabel: false,\n strokeWidth: 1,\n highlightStrokeWidth: 1,\n // Polygon layer + 1\n layer: 5,\n label: {\n position: 'top'\n }\n },\n\n /**\n * Attributes for the polygon vertices.\n *\n * @type Point\n * @name RegularPolygon#vertices\n */\n vertices: {\n layer: 9,\n withLabel: true,\n strokeColor: Color.palette.red,\n fillColor: Color.palette.red,\n fixed: false\n },\n\n /**\n * Attributes for the polygon label.\n *\n * @type Label\n * @name Polygon#label\n */\n label: {\n offset: [0, 0]\n }\n\n /**#@-*/\n },\n\n /* special options for riemann sums */\n riemannsum: {\n /**#@+\n * @visprop\n */\n\n withLabel: false,\n fillOpacity: 0.3,\n fillColor: Color.palette.yellow\n\n /**#@-*/\n },\n\n /* special sector options */\n sector: {\n /**#@+\n * @visprop\n */\n\n fillColor: Color.palette.yellow,\n highlightFillColor: Color.palette.yellow,\n // fillColor: '#00ff00',\n // highlightFillColor: '#00ff00',\n\n fillOpacity: 0.3,\n highlightFillOpacity: 0.3,\n highlightOnSector: false,\n highlightStrokeWidth: 0,\n\n /**\n * Type of sector. Possible values are 'minor', 'major', and 'auto'.\n *\n * @type String\n * @name Sector#selection\n * @default 'auto'\n */\n selection: 'auto',\n\n /**\n * Attributes for sub-element arc. It is only available, if the sector is defined by three points.\n *\n * @type Arc\n * @name Sector#arc\n * @default '{visible:false}'\n */\n arc: {\n visible: false,\n fillColor: 'none'\n },\n\n /**\n * Attributes for helper point radiuspoint in case it is provided by coordinates.\n *\n * @type Point\n * @name Sector#radiusPoint\n */\n radiusPoint: {\n visible: false,\n withLabel: false\n },\n\n /**\n * Attributes for helper point center in case it is provided by coordinates.\n *\n * @type Point\n * @name Sector#center\n */\n center: {\n visible: false,\n withLabel: false\n },\n\n /**\n * Attributes for helper point anglepoint in case it is provided by coordinates.\n *\n * @type Point\n * @name Sector#anglePoint\n */\n anglePoint: {\n visible: false,\n withLabel: false\n },\n\n /**\n * Attributes for the sector label.\n *\n * @type Label\n * @name Sector#label\n */\n label: {\n offset: [0, 0],\n anchorX: 'auto',\n anchorY: 'auto'\n }\n\n /**#@-*/\n },\n\n /* special segment options */\n segment: {\n /**#@+\n * @visprop\n */\n\n label: {\n position: 'top'\n }\n /**#@-*/\n },\n\n semicircle: {\n /**#@+\n * @visprop\n */\n\n /**\n * Attributes for center point of the semicircle.\n *\n * @type Point\n * @name Semicircle#center\n */\n center: {\n visible: false,\n withLabel: false,\n fixed: false,\n fillColor: Color.palette.red,\n strokeColor: Color.palette.red,\n highlightFillColor:'#eeeeee',\n highlightStrokeColor: Color.palette.red,\n name: ''\n }\n\n /**#@-*/\n },\n\n /* special slider options */\n slider: {\n /**#@+\n * @visprop\n */\n\n /**\n * The slider only returns integer multiples of this value, e.g. for discrete values set this property to 1. For\n * continuous results set this to -1.\n *\n * @memberOf Slider.prototype\n * @name snapWidth\n * @type Number\n */\n snapWidth: -1, // -1 = deactivated\n\n /**\n * The precision of the slider value displayed in the optional text.\n * Replaced by the attribute \"digits\".\n *\n * @memberOf Slider.prototype\n * @name precision\n * @type Number\n * @deprecated\n * @see Slider#digits\n * @default 2\n */\n precision: 2,\n\n /**\n * The number of digits of the slider value displayed in the optional text.\n *\n * @memberOf Slider.prototype\n * @name digits\n * @type Number\n * @default 2\n */\n digits: 2,\n\n firstArrow: false,\n lastArrow: false,\n\n /**\n * Show slider ticks.\n *\n * @type Boolean\n * @name Slider#withTicks\n * @default true\n */\n withTicks: true,\n\n /**\n * Show slider label.\n *\n * @type Boolean\n * @name Slider#withLabel\n * @default true\n */\n withLabel: true,\n\n /**\n * If not null, this replaces the part \"name = \" in the slider label.\n * Possible types: string, number or function.\n * @type String\n * @name suffixLabel\n * @memberOf Slider.prototype\n * @default null\n * @see JXG.Slider#unitLabel\n * @see JXG.Slider#postLabel\n */\n suffixLabel: null,\n\n /**\n * If not null, this is appended to the value in the slider label.\n * Possible types: string, number or function.\n * @type String\n * @name unitLabel\n * @memberOf Slider.prototype\n * @default null\n * @see JXG.Slider#suffixLabel\n * @see JXG.Slider#postLabel\n */\n unitLabel: null,\n\n /**\n * If not null, this is appended to the value and to unitLabel in the slider label.\n * Possible types: string, number or function.\n * @type String\n * @name postLabel\n * @memberOf Slider.prototype\n * @default null\n * @see JXG.Slider#suffixLabel\n * @see JXG.Slider#unitLabel\n */\n postLabel: null,\n\n layer: 9,\n showInfobox: false,\n name: '',\n visible: true,\n strokeColor: '#000000',\n highlightStrokeColor: '#888888',\n fillColor: '#ffffff',\n highlightFillColor: 'none',\n\n /**\n * Size of slider point.\n *\n * @type Number\n * @name Slider#size\n * @default 6\n * @see Point#size\n */\n size: 6,\n\n /**\n * Attributes for first (left) helper point defining the slider position.\n *\n * @type Point\n * @name Slider#point1\n */\n point1: {\n needsRegularUpdate: false,\n showInfobox: false,\n withLabel: false,\n visible: false,\n fixed: true,\n name: ''\n },\n\n /**\n * Attributes for second (right) helper point defining the slider position.\n *\n * @type Point\n * @name Slider#point2\n */\n point2: {\n needsRegularUpdate: false,\n showInfobox: false,\n withLabel: false,\n visible: false,\n fixed: true,\n name: ''\n },\n\n /**\n * Attributes for the base line of the slider.\n *\n * @type Line\n * @name Slider#baseline\n */\n baseline: {\n needsRegularUpdate: false,\n visible: 'inherit',\n fixed: true,\n scalable: false,\n tabindex: null,\n name: '',\n strokeWidth: 1,\n strokeColor: '#000000',\n highlightStrokeColor: '#888888'\n },\n\n /**\n * Attributes for the ticks of the base line of the slider.\n *\n * @type Ticks\n * @name Slider#ticks\n */\n ticks: {\n needsRegularUpdate: false,\n fixed: true,\n\n // Label drawing\n drawLabels: false,\n digits: 2,\n includeBoundaries: 1,\n drawZero: true,\n label: {\n offset: [-4, -14],\n display: 'internal'\n },\n\n minTicksDistance: 30,\n insertTicks: true,\n minorHeight: 4, // if <0: full width and height\n majorHeight: 5, // if <0: full width and height\n minorTicks: 0,\n defaultDistance: 1,\n strokeOpacity: 1,\n strokeWidth: 1,\n tickEndings: [0, 1],\n majortickEndings: [0, 1],\n strokeColor: '#000000',\n visible: 'inherit'\n },\n\n /**\n * Attributes for the highlighting line of the slider.\n *\n * @type Line\n * @name Slider#highline\n */\n highline: {\n strokeWidth: 3,\n visible: 'inherit',\n fixed: true,\n tabindex: null,\n name: '',\n strokeColor: '#000000',\n highlightStrokeColor: '#888888'\n },\n\n /**\n * Attributes for the slider label.\n *\n * @type Label\n * @name Slider#label\n */\n label: {\n visible: 'inherit',\n strokeColor: '#000000'\n },\n\n /**\n * If true, 'up' events on the baseline will trigger slider moves.\n *\n * @type: Boolean\n * @name Slider#moveOnUp\n * @default: true\n */\n moveOnUp: true\n\n /**#@-*/\n },\n\n /* special options for comb */\n comb: {\n /**#@+\n * @visprop\n */\n\n /**\n * Frequency of comb elements.\n *\n * @type Number\n * @name Comb#frequency\n * @default 0.2\n */\n frequency: 0.2,\n\n /**\n * Width of the comb.\n *\n * @type Number\n * @name Comb#width\n * @default 0.4\n */\n width: 0.4,\n\n /**\n * Angle under which comb elements are positioned.\n *\n * @type Number\n * @name Comb#angle\n * @default 60 degrees\n */\n angle: Math.PI / 3,\n\n /**\n * Should the comb go right to left instead of left to right.\n *\n * @type Boolean\n * @name Comb#reverse\n * @default false\n */\n reverse: false,\n\n /**\n * Attributes for first defining point of the comb.\n *\n * @type Point\n * @name Comb#point1\n */\n point1: {\n visible: false,\n withLabel: false,\n fixed: false,\n name: ''\n },\n\n /**\n * Attributes for second defining point of the comb.\n *\n * @type Point\n * @name Comb#point2\n */\n point2: {\n visible: false,\n withLabel: false,\n fixed: false,\n name: ''\n },\n\n /**\n * Attributes for the curve displaying the comb.\n *\n * @type Curve\n * @name Comb#curve\n */\n curve: {\n strokeWidth: 1,\n strokeColor: '#000000',\n fillColor: 'none'\n }\n },\n\n /* special options for slope triangle */\n slopetriangle: {\n /**#@+\n * @visprop\n */\n\n fillColor: Color.palette.red,\n fillOpacity: 0.4,\n highlightFillColor: Color.palette.red,\n highlightFillOpacity: 0.3,\n\n borders: {\n lastArrow: {\n type: 1,\n size: 6\n }\n },\n\n /**\n * Attributes for the gliding helper point.\n *\n * @type Point\n * @name Slopetriangle#glider\n */\n glider: {\n fixed: true,\n visible: false,\n withLabel: false\n },\n\n /**\n * Attributes for the base line.\n *\n * @type Line\n * @name Slopetriangle#baseline\n */\n baseline: {\n visible: false,\n withLabel: false,\n name: ''\n },\n\n /**\n * Attributes for the base point.\n *\n * @type Point\n * @name Slopetriangle#basepoint\n */\n basepoint: {\n visible: false,\n withLabel: false,\n name: ''\n },\n\n /**\n * Attributes for the tangent.\n * The tangent is constructed by slop triangle if the construction\n * is based on a glider, solely.\n *\n * @type Line\n * @name Slopetriangle#tangent\n */\n tangent: {\n visible: false,\n withLabel: false,\n name: ''\n },\n\n /**\n * Attributes for the top point.\n *\n * @type Point\n * @name Slopetriangle#toppoint\n */\n toppoint: {\n visible: false,\n withLabel: false,\n name: ''\n },\n\n /**\n * Attributes for the slope triangle label.\n *\n * @type Label\n * @name Slopetriangle#label\n */\n label: {\n visible: true\n }\n /**#@-*/\n },\n\n /* special options for step functions */\n stepfunction: {\n /**#@+\n * @visprop\n */\n\n /**#@-*/\n },\n\n /* special tape measure options */\n tapemeasure: {\n /**#@+\n * @visprop\n */\n\n strokeColor: '#000000',\n strokeWidth: 2,\n highlightStrokeColor: '#000000',\n\n /**\n * Show tape measure ticks.\n *\n * @type Boolean\n * @name Tapemeasure#withTicks\n * @default true\n */\n withTicks: true,\n\n /**\n * Show tape measure label.\n *\n * @type Boolean\n * @name Tapemeasure#withLabel\n * @default true\n */\n withLabel: true,\n\n /**\n * The precision of the tape measure value displayed in the optional text.\n * Replaced by the attribute digits\n *\n * @memberOf Tapemeasure.prototype\n * @name precision\n * @type Number\n * @deprecated\n * @see Tapemeasure#digits\n * @default 2\n */\n precision: 2,\n\n /**\n * The precision of the tape measure value displayed in the optional text.\n * @memberOf Tapemeasure.prototype\n * @name precision\n * @type Number\n * @default 2\n */\n digits: 2,\n\n /**\n * Attributes for first helper point defining the tape measure position.\n *\n * @type Point\n * @name Tapemeasure#point1\n */\n point1: {\n visible: 'inherit',\n strokeColor: '#000000',\n fillColor: '#ffffff',\n fillOpacity: 0.0,\n highlightFillOpacity: 0.1,\n size: 6,\n snapToPoints: true,\n attractorUnit: 'screen',\n attractorDistance: 20,\n showInfobox: false,\n withLabel: false,\n name: ''\n },\n\n /**\n * Attributes for second helper point defining the tape measure position.\n *\n * @type Point\n * @name Tapemeasure#point2\n */\n point2: {\n visible: 'inherit',\n strokeColor: '#000000',\n fillColor: '#ffffff',\n fillOpacity: 0.0,\n highlightFillOpacity: 0.1,\n size: 6,\n snapToPoints: true,\n attractorUnit: 'screen',\n attractorDistance: 20,\n showInfobox: false,\n withLabel: false,\n name: ''\n },\n\n /**\n * Attributes for the ticks of the tape measure.\n *\n * @type Ticks\n * @name Tapemeasure#ticks\n */\n ticks: {\n drawLabels: false,\n drawZero: true,\n insertTicks: true,\n minorHeight: 8,\n majorHeight: 16,\n minorTicks: 4,\n tickEndings: [0, 1],\n majorTickEndings: [0, 1],\n defaultDistance: 0.1,\n strokeOpacity: 1,\n strokeWidth: 1,\n strokeColor: '#000000',\n visible: 'inherit'\n },\n\n /**\n * Attributes for the tape measure label.\n *\n * @type Label\n * @name Tapemeasure#label\n */\n label: {\n position: 'top'\n }\n /**#@-*/\n },\n\n /* special text options */\n text: {\n /**#@+\n * @visprop\n */\n\n /**\n * The font size in pixels.\n *\n * @name fontSize\n * @memberOf Text.prototype\n * @default 12\n * @type Number\n * @see Text#fontUnit\n */\n fontSize: 12,\n\n /**\n * CSS unit for the font size of a text element. Usually, this will be the default value 'px' but\n * for responsive application, also 'vw', 'vh', vmax', 'vmin' or 'rem' might be useful.\n *\n * @name fontUnit\n * @memberOf Text.prototype\n * @default 'px'\n * @type String\n * @see Text#fontSize\n *\n * @example\n * var txt = board.create('text', [2, 2, \"hello\"], {fontSize: 8, fontUnit: 'vmin'});\n *\n * \n * \n *\n */\n fontUnit: 'px',\n\n /**\n * Used to round texts given by a number.\n *\n * @name digits\n * @memberOf Text.prototype\n * @default 2\n * @type Number\n */\n digits: 2,\n\n /**\n * If set to true, the text is parsed and evaluated.\n * For labels parse==true results in converting names of the form k_a to subscripts.\n * If the text is given by string and parse==true, the string is parsed as\n * JessieCode expression.\n *\n * @name parse\n * @memberOf Text.prototype\n * @default true\n * @type Boolean\n */\n parse: true,\n\n /**\n * If set to true and caja's sanitizeHTML function can be found it\n * will be used to sanitize text output.\n *\n * @name useCaja\n * @memberOf Text.prototype\n * @default false\n * @type Boolean\n */\n useCaja: false,\n\n /**\n * If enabled, the text will be handled as label. Intended for internal use.\n *\n * @name isLabel\n * @memberOf Text.prototype\n * @default false\n * @type Boolean\n */\n isLabel: false,\n\n strokeColor: '#000000',\n highlightStrokeColor: '#000000',\n highlightStrokeOpacity: 0.666666,\n\n /**\n * Default CSS properties of the HTML text element.\n *\n * \n * \n * \n *\n * The CSS properties which are set here, are handed over to the style property\n * of the HTML text element. That means, they have higher property than any\n * CSS class.\n *
\n * If a property which is set here should be overruled by a CSS class\n * then this property should be removed here.\n *
\n * The reason, why this attribute should be kept to its default value at all,\n * is that screen dumps of SVG boards with board.renderer.dumpToCanvas()\n * will ignore the font-family if it is set in a CSS class.\n * It has to be set explicitly as style attribute.\n *
\n * In summary, the order of priorities from high to low is\n *
\n *
\n * @example\n * If all texts should get its font-family from the default CSS class\n * before initializing the board\n *- JXG.Options.text.cssStyle\n *
- JXG.Options.text.cssDefaultStyle\n *
- JXG.Options.text.cssClass\n *
\n * JXG.Options.text.cssDefaultStyle = '';\n * JXG.Options.text.highlightCssDefaultStyle = '';\n *\n * should be called.\n *\n * @name cssDefaultStyle\n * @memberOf Text.prototype\n * @default 'font-family: Arial, Helvetica, Geneva, sans-serif;'\n * @type String\n * @see Text#highlightCssDefaultStyle\n * @see Text#cssStyle\n * @see Text#highlightCssStyle\n */\n cssDefaultStyle: 'font-family: Arial, Helvetica, Geneva, sans-serif;',\n\n /**\n * Default CSS properties of the HTML text element in case of highlighting.\n *\n * The CSS properties which are set here, are handed over to the style property\n * of the HTML text element. That means, they have higher property than any\n * CSS class.\n * @example\n * If all texts should get its font-family from the default CSS class\n * before initializing the board\n *
\n * JXG.Options.text.cssDefaultStyle = '';\n * JXG.Options.text.highlightCssDefaultStyle = '';\n *\n * should be called.\n *\n * @name highlightCssDefaultStyle\n * @memberOf Text.prototype\n * @default 'font-family: Arial, Helvetica, Geneva, sans-serif;'\n * @type String\n * @see Text#cssDefaultStyle\n * @see Text#cssStyle\n * @see Text#highlightCssStyle\n */\n highlightCssDefaultStyle: 'font-family: Arial, Helvetica, Geneva, sans-serif;',\n\n /**\n * CSS properties of the HTML text element.\n *\n * The CSS properties which are set here, are handed over to the style property\n * of the HTML text element. That means, they have higher property than any\n * CSS class.\n *\n * @name cssStyle\n * @memberOf Text.prototype\n * @default ''\n * @type String\n * @see Text#cssDefaultStyle\n * @see Text#highlightCssDefaultStyle\n * @see Text#highlightCssStyle\n */\n cssStyle: '',\n\n /**\n * CSS properties of the HTML text element in case of highlighting.\n *
\n * The CSS properties which are set here, are handed over to the style property\n * of the HTML text element. That means, they have higher property than any\n * CSS class.\n *\n * @name highlightCssStyle\n * @memberOf Text.prototype\n * @default ''\n * @type String\n * @see Text#cssDefaultStyle\n * @see Text#highlightCssDefaultStyle\n * @see Text#cssStyle\n */\n highlightCssStyle: '',\n\n transitionProperties: ['color', 'opacity'],\n\n /**\n * If true, the input will be given to ASCIIMathML before rendering.\n *\n * @name useASCIIMathML\n * @memberOf Text.prototype\n * @default false\n * @type Boolean\n */\n useASCIIMathML: false,\n\n /**\n * If true, MathJax will be used to render the input string.\n * Supports MathJax 2 as well as Mathjax 3.\n * It is recommended to use this option together with the option\n * \"parse: false\". Otherwise, 4 backslashes (e.g. \\\\\\\\alpha) are needed\n * instead of two (e.g. \\\\alpha).\n *\n * @name useMathJax\n * @memberOf Text.prototype\n * @default false\n * @type Boolean\n * @see Text#parse\n *\n * @example\n * // Before loading MathJax, it has to be configured something like this:\n * window.MathJax = {\n * tex: {\n * inlineMath: [ ['$','$'], [\"\\\\(\",\"\\\\)\"] ],\n * displayMath: [ ['$$','$$'], [\"\\\\[\",\"\\\\]\"] ],\n * packages: ['base', 'ams']\n * },\n * options: {\n * ignoreHtmlClass: 'tex2jax_ignore',\n * processHtmlClass: 'tex2jax_process'\n * }\n * };\n *\n * // Display style\n * board.create('text',[ 2,2, function(){return '$$X=\\\\frac{2}{x}$$'}], {\n * fontSize: 15, color:'green', useMathJax: true});\n *\n * // Inline style\n * board.create('text',[-2,2, function(){return '$X_A=\\\\frac{2}{x}$'}], {\n * fontSize: 15, color:'green', useMathJax: true});\n *\n * var A = board.create('point', [-2, 0]);\n * var B = board.create('point', [1, 0]);\n * var C = board.create('point', [0, 1]);\n *\n * var graph = board.create('ellipse', [A, B, C], {\n * fixed: true,\n * withLabel: true,\n * strokeColor: 'black',\n * strokeWidth: 2,\n * fillColor: '#cccccc',\n * fillOpacity: 0.3,\n * highlightStrokeColor: 'red',\n * highlightStrokeWidth: 3,\n * name: '$1=\\\\frac{(x-h)^2}{a^2}+\\\\frac{(y-k)^2}{b^2}$',\n * label: {useMathJax: true}\n * });\n *\n * var nvect1 = board.create('text', [-4, -3, '\\\\[\\\\overrightarrow{V}\\\\]'],\n * {\n * fontSize: 24, parse: false\n * });\n * var nvect1 = board.create('text', [-2, -4, function() {return '$\\\\overrightarrow{G}$';}],\n * {\n * fontSize: 24, useMathJax: true\n * });\n *\n *
\n *\n *\n * @example\n * // Load MathJax:\n * // <script src=\"https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js\"<</script>\n *\n * // function and its derivative\n * var f1 = function(x) { return x * x * x; },\n * graph1 = board.create('functiongraph', [f1, -0.1, 1.1]),\n *\n * A = board.create('glider', [0.5, f1(0.5), graph1], {\n * name: 'f(x)',\n * color: 'black',\n * face:'x',\n * fixed: true,\n * size: 3,\n * label: {offset: [-30, 10], fontSize: 15}\n * }),\n * B = board.create('glider', [0.7, f1(0.7), graph1], {\n * name: 'f(x+Δx)',\n * size: 3,\n * label: {offset: [-60, 10], fontSize: 15}\n * }),\n *\n * secant_line = board.create('line', [A,B],{dash: 1, color: 'green'}),\n * a_h_segment = board.create('segment', [A, [\n * function(){ return B.X() > A.X() ? B.X() : A.X()},\n * function(){ return B.X() > A.X() ? A.Y() : B.Y()}\n * ]],{ name: 'Δx', dash: 1, color: 'black'});\n *\n * b_v_segment = board.create('segment', [B, [\n * function(){ return B.X() > A.X() ? B.X() : A.X()},\n * function(){ return B.X() > A.X() ? A.Y() : B.Y()}\n * ]],{ name: 'Δy', dash: 1, color: 'black'}),\n *\n * ma = board.create('midpoint', [a_h_segment.point1, a_h_segment.point2\n * ], {visible: false});\n *\n * board.create('text', [0, 0, function() {return '\\\\[\\\\Delta_x='+(B.X()-A.X()).toFixed(4)+'\\\\]'}], {\n * anchor: ma, useMathJax: true, fixed: true, color: 'green', anchorY: 'top'\n * });\n *\n * mb = board.create('midpoint', [b_v_segment.point1, b_v_segment.point2], {visible: false});\n * board.create('text', [0, 0, function() {return '\\\\[\\\\Delta_y='+(B.Y()-A.Y()).toFixed(4)+'\\\\]'}], {\n * anchor: mb, useMathJax: true, fixed: true, color: 'green'\n * });\n *\n * dval = board.create('text',[0.1, 0.8,\n * function(){\n * return '\\\\[\\\\frac{\\\\Delta_y}{\\\\Delta_x}=\\\\frac{' + ((B.Y()-A.Y()).toFixed(4)) + '}{' + ((B.X()-A.X()).toFixed(4)) +\n * '}=' + (((B.Y()-A.Y()).toFixed(4))/((B.X()-A.X()).toFixed(4))).toFixed(4) + '\\\\]';\n * }],{fontSize: 15, useMathJax: true});\n *\n * \n * \n * \n * \n *\n * @example\n * var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-1, 10, 11, -2], axis: true});\n * board.options.text.useMathjax = true;\n *\n * a = board.create('slider',[[-0.7,1.5],[5,1.5],[0,0.5,1]], {\n * suffixlabel:'\\\\(t_1=\\\\)',\n * unitLabel: ' \\\\(\\\\text{ ms}\\\\)',\n * snapWidth:0.01}),\n *\n * func = board.create('functiongraph',[function(x){return (a.Value()*x*x)}], {strokeColor: \"red\"});\n * text1 = board.create('text', [5, 1, function(){\n * return '\\\\(a(t)= { 1 \\\\over ' + a.Value().toFixed(3) + '}\\\\)';\n * }], {fontSize: 15, fixed:true, strokeColor:'red', anchorY: 'top', parse: false});\n *\n * \n * \n *\n */\n useMathJax: false,\n\n /**\n *\n * If true, KaTeX will be used to render the input string.\n * For this feature, katex.min.js and katex.min.css have to be included.\n *\n * \n * \n * \n *\n * The example below does not work, because there is a conflict with\n * the MathJax library which is used below.\n *
\n *\n * @name useKatex\n * @memberOf Text.prototype\n * @default false\n * @type Boolean\n *\n *\n * @example\n * JXG.Options.text.useKatex = true;\n *\n * const board = JXG.JSXGraph.initBoard('jxgbox', {\n * boundingbox: [-2, 5, 8, -5], axis:true\n * });\n *\n * var a = board.create('slider',[[-0.7,1.5],[5,1.5],[0,0.5,1]], {\n * suffixlabel:'t_1=',\n * unitLabel: ' \\\\text{ ms}',\n * snapWidth:0.01});\n *\n * func = board.create('functiongraph',[function(x){return (a.Value()*x*x)}], {strokeColor: \"red\"});\n * text1 = board.create('text', [5, 1, function(){\n * return 'a(t)= { 1 \\\\over ' + a.Value().toFixed(3) + '}';\n * }], {fontSize: 15, fixed:true, strokeColor:'red', anchorY: 'top'});\n *\n *
\n */\n useKatex: false,\n\n /**\n * Determines the rendering method of the text. Possible values\n * include 'html' and 'internal.\n *\n * @name display\n * @memberOf Text.prototype\n * @default 'html'\n * @type String\n */\n display: 'html',\n\n /**\n * Anchor element {@link Point}, {@link Text} or {@link Image} of the text.\n * If it exists, the coordinates of the text are relative\n * to this anchor element. In this case, only numbers are possible coordinates,\n * functions are not supported.\n *\n * @name anchor\n * @memberOf Text.prototype\n * @default null\n * @type Object\n */\n anchor: null,\n\n /**\n * The horizontal alignment of the text. Possible values include 'auto, 'left',\n * 'middle', and 'right'.\n *\n * @name anchorX\n * @memberOf Text.prototype\n * @default 'left'\n * @type String\n */\n anchorX: 'left',\n\n /**\n * The vertical alignment of the text. Possible values include 'auto, 'top', 'middle', and\n * 'bottom'.\n * For MathJax or KaTeX, 'top' is recommended.\n *\n * @name anchorY\n * @memberOf Text.prototype\n * @default 'middle'\n * @type String\n */\n anchorY: 'middle',\n\n /**\n * CSS class of the text in non-highlighted view.\n *\n * @name cssClass\n * @memberOf Text.prototype\n * @type String\n * @default 'JXGtext'\n */\n cssClass: 'JXGtext',\n\n /**\n * CSS class of the text in highlighted view.\n *\n * @name highlightCssClass\n * @memberOf Text.prototype\n * @type String\n * @default 'JXGtext'\n */\n highlightCssClass: 'JXGtext',\n\n /**\n * Sensitive area for dragging the text.\n * Possible values are 'all', or something else.\n * If set to 'small', a sensitivity margin at the right and left border is taken.\n * This may be extended to left, right, ... in the future.\n *\n * @name Text#dragArea\n * @type String\n * @default 'all'\n */\n dragArea: 'all',\n\n withLabel: false,\n\n /**\n * Text rotation in degrees.\n * Works for non-zero values only in combination with display=='internal'.\n *\n * @name Text#rotate\n * @type Number\n * @default 0\n */\n rotate: 0,\n\n visible: true,\n\n /**\n * Defines together with {@link Text#snapSizeY} the grid the text snaps on to.\n * The text will only snap on integer multiples to snapSizeX in x and snapSizeY in y direction.\n * If this value is equal to or less than 0, it will use the grid displayed by the major ticks\n * of the default ticks of the default x axes of the board.\n *\n * @name snapSizeX\n * @memberOf Text.prototype\n *\n * @see Point#snapToGrid\n * @see Text#snapSizeY\n * @see JXG.Board#defaultAxes\n * @type Number\n * @default 1\n */\n snapSizeX: 1,\n\n /**\n * Defines together with {@link Text#snapSizeX} the grid the text snaps on to.\n * The text will only snap on integer multiples to snapSizeX in x and snapSizeY in y direction.\n * If this value is equal to or less than 0, it will use the grid displayed by the major ticks\n * of the default ticks of the default y axes of the board.\n *\n * @name snapSizeY\n * @memberOf Text.prototype\n *\n * @see Point#snapToGrid\n * @see Text#snapSizeX\n * @see JXG.Board#defaultAxes\n * @type Number\n * @default 1\n */\n snapSizeY: 1,\n\n /**\n * List of attractor elements. If the distance of the text is less than\n * attractorDistance the text is made to glider of this element.\n *\n * @name attractors\n * @memberOf Text.prototype\n * @type Array\n * @default empty\n */\n attractors: []\n\n /**#@-*/\n },\n\n /* special options for trace curves */\n tracecurve: {\n /**#@+\n * @visprop\n */\n strokeColor: '#000000',\n fillColor: 'none',\n\n /**\n * The number of evaluated data points.\n * @memberOf Tracecurve.prototype\n * @default 100\n * @name numberPoints\n * @type Number\n */\n numberPoints: 100\n\n /**#@-*/\n },\n\n /*special turtle options */\n turtle: {\n /**#@+\n * @visprop\n */\n\n strokeWidth: 1,\n fillColor: 'none',\n strokeColor: '#000000',\n\n /**\n * Attributes for the turtle arrow.\n *\n * @type Curve\n * @name Turtle#arrow\n */\n arrow: {\n strokeWidth: 2,\n withLabel: false,\n strokeColor: Color.palette.red,\n lastArrow: true\n }\n /**#@-*/\n },\n\n /**\n * Abbreviations of attributes. Setting the shortcut means setting abbreviated properties\n * to the same value.\n * It is used in {@link JXG.GeometryElement#setAttribute} and in\n * the constructor {@link JXG.GeometryElement}.\n * Attention: In Options.js abbreviations are not allowed.\n * @type Object\n * @name JXG.Options#shortcuts\n *\n */\n shortcuts: {\n color: ['strokeColor', 'fillColor'],\n opacity: ['strokeOpacity', 'fillOpacity'],\n highlightColor: ['highlightStrokeColor', 'highlightFillColor'],\n highlightOpacity: ['highlightStrokeOpacity', 'highlightFillOpacity'],\n strokeWidth: ['strokeWidth', 'highlightStrokeWidth']\n }\n};\n\n /**\n * Holds all possible properties and the according validators for geometry elements.\n * A validator is either a function\n * which takes one parameter and returns true, if the value is valid for the property,\n * or it is false if no validator is required.\n */\n JXG.Validator = (function () {\n var i,\n validatePixel = function (v) {\n return (/^[0-9]+px$/).test(v);\n },\n validateDisplay = function (v) {\n return (v === 'html' || v === 'internal');\n },\n validateColor = function (v) {\n // for now this should do it...\n return Type.isString(v);\n },\n validatePointFace = function (v) {\n return Type.exists(JXG.normalizePointFace(v));\n },\n validateInteger = function (v) {\n return (Math.abs(v - Math.round(v)) < Mat.eps);\n },\n validateNotNegativeInteger = function (v) {\n return validateInteger(v) && v >= 0;\n },\n validatePositiveInteger = function (v) {\n return validateInteger(v) && v > 0;\n },\n validateScreenCoords = function (v) {\n return v.length >= 2 && validateInteger(v[0]) && validateInteger(v[1]);\n },\n validateRenderer = function (v) {\n return (v === 'vml' || v === 'svg' || v === 'canvas' || v === 'no');\n },\n validatePositive = function (v) {\n return v > 0;\n },\n validateNotNegative = function (v) {\n return v >= 0;\n },\n v = {},\n validators = {\n attractorDistance: validateNotNegative,\n color: validateColor,\n defaultDistance: Type.isNumber,\n display: validateDisplay,\n doAdvancedPlot: false,\n draft: false,\n drawLabels: false,\n drawZero: false,\n face: validatePointFace,\n factor: Type.isNumber,\n fillColor: validateColor,\n fillOpacity: Type.isNumber,\n firstArrow: false,\n fontSize: validateInteger,\n dash: validateInteger,\n gridX: Type.isNumber,\n gridY: Type.isNumber,\n hasGrid: false,\n highlightFillColor: validateColor,\n highlightFillOpacity: Type.isNumber,\n highlightStrokeColor: validateColor,\n highlightStrokeOpacity: Type.isNumber,\n insertTicks: false,\n //: validateScreenCoords,\n lastArrow: false,\n layer: validateNotNegativeInteger,\n majorHeight: validateInteger,\n minorHeight: validateInteger,\n minorTicks: validateNotNegative,\n minTicksDistance: validatePositiveInteger,\n numberPointsHigh: validatePositiveInteger,\n numberPointsLow: validatePositiveInteger,\n opacity: Type.isNumber,\n radius: Type.isNumber,\n RDPsmoothing: false,\n renderer: validateRenderer,\n right: validatePixel,\n showCopyright: false,\n showInfobox: false,\n showNavigation: false,\n size: validateNotNegative, //validateInteger,\n snapSizeX: validatePositive,\n snapSizeY: validatePositive,\n snapWidth: Type.isNumber,\n snapToGrid: false,\n snatchDistance: validateNotNegative,\n straightFirst: false,\n straightLast: false,\n stretch: false,\n strokeColor: validateColor,\n strokeOpacity: Type.isNumber,\n strokeWidth: validateNotNegative, //validateInteger,\n takeFirst: false,\n takeSizeFromFile: false,\n to10: false,\n toOrigin: false,\n translateTo10: false,\n translateToOrigin: false,\n useASCIIMathML: false,\n useDirection: false,\n useMathJax: false,\n withLabel: false,\n withTicks: false,\n zoom: false\n };\n\n // this seems like a redundant step but it makes sure that\n // all properties in the validator object have lower case names\n // and the validator object is easier to read.\n for (i in validators) {\n if (validators.hasOwnProperty(i)) {\n v[i.toLowerCase()] = validators[i];\n }\n }\n\n return v;\n }());\n\n /**\n * All point faces can be defined with more than one name, e.g. a cross faced point can be given\n * by face equal to 'cross' or equal to 'x'. This method maps all possible values to fixed ones to\n * simplify if- and switch-clauses regarding point faces. The translation table is as follows:\n * | Input | Output |
|---|---|
| cross | x |
| circle | o |
| square, [] | [] |
| plus | + |
| minus | - |
| divide | | |
| diamond | <> |
| triangleup | A |
| triangledown | v |
| triangleleft | < |
| triangleright | > |
\n * f(x) = (x-x_0)*...*(x-x_n) =\n * x^n + sum_{k=1}^{n} (-1)^(k) s_{k-1} x^(n-k)\n *
\n * @param {Array} x Simple zeroes of the polynomial.\n * @returns {Array} Coefficients of the polynomial.\n *\n */\n Vieta: function (x) {\n var n = x.length,\n s = [],\n m,\n k,\n y;\n\n s = x.slice();\n for (m = 1; m < n; ++m) {\n y = s[m];\n s[m] *= s[m - 1];\n for (k = m - 1; k >= 1; --k) {\n s[k] += s[k - 1] * y;\n }\n s[0] += y;\n }\n return s;\n }\n};\n\nexport default JXG.Math;\n","var global = require('./_global');\nvar macrotask = require('./_task').set;\nvar Observer = global.MutationObserver || global.WebKitMutationObserver;\nvar process = global.process;\nvar Promise = global.Promise;\nvar isNode = require('./_cof')(process) == 'process';\n\nmodule.exports = function () {\n var head, last, notify;\n\n var flush = function () {\n var parent, fn;\n if (isNode && (parent = process.domain)) parent.exit();\n while (head) {\n fn = head.fn;\n head = head.next;\n try {\n fn();\n } catch (e) {\n if (head) notify();\n else last = undefined;\n throw e;\n }\n } last = undefined;\n if (parent) parent.enter();\n };\n\n // Node.js\n if (isNode) {\n notify = function () {\n process.nextTick(flush);\n };\n // browsers with MutationObserver, except iOS Safari - https://github.com/zloirock/core-js/issues/339\n } else if (Observer && !(global.navigator && global.navigator.standalone)) {\n var toggle = true;\n var node = document.createTextNode('');\n new Observer(flush).observe(node, { characterData: true }); // eslint-disable-line no-new\n notify = function () {\n node.data = toggle = !toggle;\n };\n // environments with maybe non-completely correct, but existent Promise\n } else if (Promise && Promise.resolve) {\n // Promise.resolve without an argument throws an error in LG WebOS 2\n var promise = Promise.resolve(undefined);\n notify = function () {\n promise.then(flush);\n };\n // for other environments - macrotask based on:\n // - setImmediate\n // - MessageChannel\n // - window.postMessag\n // - onreadystatechange\n // - setTimeout\n } else {\n notify = function () {\n // strange IE + webpack dev server bug - use .call(global)\n macrotask.call(global, flush);\n };\n }\n\n return function (fn) {\n var task = { fn: fn, next: undefined };\n if (last) last.next = task;\n if (!head) {\n head = task;\n notify();\n } last = task;\n };\n};\n","// getting tag from 19.1.3.6 Object.prototype.toString()\nvar cof = require('./_cof');\nvar TAG = require('./_wks')('toStringTag');\n// ES3 wrong here\nvar ARG = cof(function () { return arguments; }()) == 'Arguments';\n\n// fallback for IE11 Script Access Denied error\nvar tryGet = function (it, key) {\n try {\n return it[key];\n } catch (e) { /* empty */ }\n};\n\nmodule.exports = function (it) {\n var O, T, B;\n return it === undefined ? 'Undefined' : it === null ? 'Null'\n // @@toStringTag case\n : typeof (T = tryGet(O = Object(it), TAG)) == 'string' ? T\n // builtinTag case\n : ARG ? cof(O)\n // ES3 arguments fallback\n : (B = cof(O)) == 'Object' && typeof O.callee == 'function' ? 'Arguments' : B;\n};\n","import _typeof from \"./typeof.js\";\nexport default function _toPrimitive(input, hint) {\n if (_typeof(input) !== \"object\" || input === null) return input;\n var prim = input[Symbol.toPrimitive];\n if (prim !== undefined) {\n var res = prim.call(input, hint || \"default\");\n if (_typeof(res) !== \"object\") return res;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (hint === \"string\" ? String : Number)(input);\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n var key = toPrimitive(arg, \"string\");\n return _typeof(key) === \"symbol\" ? key : String(key);\n}","'use strict';\n// 19.1.2.1 Object.assign(target, source, ...)\nvar DESCRIPTORS = require('./_descriptors');\nvar getKeys = require('./_object-keys');\nvar gOPS = require('./_object-gops');\nvar pIE = require('./_object-pie');\nvar toObject = require('./_to-object');\nvar IObject = require('./_iobject');\nvar $assign = Object.assign;\n\n// should work with symbols and should have deterministic property order (V8 bug)\nmodule.exports = !$assign || require('./_fails')(function () {\n var A = {};\n var B = {};\n // eslint-disable-next-line no-undef\n var S = Symbol();\n var K = 'abcdefghijklmnopqrst';\n A[S] = 7;\n K.split('').forEach(function (k) { B[k] = k; });\n return $assign({}, A)[S] != 7 || Object.keys($assign({}, B)).join('') != K;\n}) ? function assign(target, source) { // eslint-disable-line no-unused-vars\n var T = toObject(target);\n var aLen = arguments.length;\n var index = 1;\n var getSymbols = gOPS.f;\n var isEnum = pIE.f;\n while (aLen > index) {\n var S = IObject(arguments[index++]);\n var keys = getSymbols ? getKeys(S).concat(getSymbols(S)) : getKeys(S);\n var length = keys.length;\n var j = 0;\n var key;\n while (length > j) {\n key = keys[j++];\n if (!DESCRIPTORS || isEnum.call(S, key)) T[key] = S[key];\n }\n } return T;\n} : $assign;\n","'use strict';\n\nvar anObject = require('./_an-object');\nvar toObject = require('./_to-object');\nvar toLength = require('./_to-length');\nvar toInteger = require('./_to-integer');\nvar advanceStringIndex = require('./_advance-string-index');\nvar regExpExec = require('./_regexp-exec-abstract');\nvar max = Math.max;\nvar min = Math.min;\nvar floor = Math.floor;\nvar SUBSTITUTION_SYMBOLS = /\\$([$&`']|\\d\\d?|<[^>]*>)/g;\nvar SUBSTITUTION_SYMBOLS_NO_NAMED = /\\$([$&`']|\\d\\d?)/g;\n\nvar maybeToString = function (it) {\n return it === undefined ? it : String(it);\n};\n\n// @@replace logic\nrequire('./_fix-re-wks')('replace', 2, function (defined, REPLACE, $replace, maybeCallNative) {\n return [\n // `String.prototype.replace` method\n // https://tc39.github.io/ecma262/#sec-string.prototype.replace\n function replace(searchValue, replaceValue) {\n var O = defined(this);\n var fn = searchValue == undefined ? undefined : searchValue[REPLACE];\n return fn !== undefined\n ? fn.call(searchValue, O, replaceValue)\n : $replace.call(String(O), searchValue, replaceValue);\n },\n // `RegExp.prototype[@@replace]` method\n // https://tc39.github.io/ecma262/#sec-regexp.prototype-@@replace\n function (regexp, replaceValue) {\n var res = maybeCallNative($replace, regexp, this, replaceValue);\n if (res.done) return res.value;\n\n var rx = anObject(regexp);\n var S = String(this);\n var functionalReplace = typeof replaceValue === 'function';\n if (!functionalReplace) replaceValue = String(replaceValue);\n var global = rx.global;\n if (global) {\n var fullUnicode = rx.unicode;\n rx.lastIndex = 0;\n }\n var results = [];\n while (true) {\n var result = regExpExec(rx, S);\n if (result === null) break;\n results.push(result);\n if (!global) break;\n var matchStr = String(result[0]);\n if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);\n }\n var accumulatedResult = '';\n var nextSourcePosition = 0;\n for (var i = 0; i < results.length; i++) {\n result = results[i];\n var matched = String(result[0]);\n var position = max(min(toInteger(result.index), S.length), 0);\n var captures = [];\n // NOTE: This is equivalent to\n // captures = result.slice(1).map(maybeToString)\n // but for some reason `nativeSlice.call(result, 1, result.length)` (called in\n // the slice polyfill when slicing native arrays) \"doesn't work\" in safari 9 and\n // causes a crash (https://pastebin.com/N21QzeQA) when trying to debug it.\n for (var j = 1; j < result.length; j++) captures.push(maybeToString(result[j]));\n var namedCaptures = result.groups;\n if (functionalReplace) {\n var replacerArgs = [matched].concat(captures, position, S);\n if (namedCaptures !== undefined) replacerArgs.push(namedCaptures);\n var replacement = String(replaceValue.apply(undefined, replacerArgs));\n } else {\n replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);\n }\n if (position >= nextSourcePosition) {\n accumulatedResult += S.slice(nextSourcePosition, position) + replacement;\n nextSourcePosition = position + matched.length;\n }\n }\n return accumulatedResult + S.slice(nextSourcePosition);\n }\n ];\n\n // https://tc39.github.io/ecma262/#sec-getsubstitution\n function getSubstitution(matched, str, position, captures, namedCaptures, replacement) {\n var tailPos = position + matched.length;\n var m = captures.length;\n var symbols = SUBSTITUTION_SYMBOLS_NO_NAMED;\n if (namedCaptures !== undefined) {\n namedCaptures = toObject(namedCaptures);\n symbols = SUBSTITUTION_SYMBOLS;\n }\n return $replace.call(replacement, symbols, function (match, ch) {\n var capture;\n switch (ch.charAt(0)) {\n case '$': return '$';\n case '&': return matched;\n case '`': return str.slice(0, position);\n case \"'\": return str.slice(tailPos);\n case '<':\n capture = namedCaptures[ch.slice(1, -1)];\n break;\n default: // \\d\\d?\n var n = +ch;\n if (n === 0) return match;\n if (n > m) {\n var f = floor(n / 10);\n if (f === 0) return match;\n if (f <= m) return captures[f - 1] === undefined ? ch.charAt(1) : captures[f - 1] + ch.charAt(1);\n return match;\n }\n capture = captures[n - 1];\n }\n return capture === undefined ? '' : capture;\n });\n }\n});\n","import '../../../src/stylus/components/_grid.styl';\nimport Grid from './grid';\nexport default Grid('container');\n//# sourceMappingURL=VContainer.js.map","module.exports = {};\n","import '../../../src/stylus/components/_grid.styl';\nimport Grid from './grid';\nexport default Grid('layout');\n//# sourceMappingURL=VLayout.js.map","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see\n *\n *\n * @see JXG.Math.Extrapolate.iteration\n * @memberof JXG.Math.Extrapolate\n */\n limit: function (x0, h0, f) {\n return this.iteration_levin(x0, h0, f, 0);\n //return this.iteration(x0, h0, f, 'wynnEps', 1);\n\n // var algs = ['wynnEps', 'levin'], //, 'wynnEps', 'levin', 'aitken', 'brezinski'],\n // le = algs.length,\n // i, t, res;\n // for (i = 0; i < le; i++) {\n // for (t = 0; t < 1; t++) {\n // if (algs[i] === 'levin') {\n // res = this.iteration_levin(x0, h0, f, t);\n // } else {\n // res = this.iteration(x0, h0, f, algs[i], t);\n // }\n // if (res[2] > 0.6) {\n // return res;\n // }\n // console.log(algs[i], t, res)\n // }\n // }\n // return [f(x0 + Math.sign(h0) * Math.sqrt(Mat.eps)), 'direct', 0];\n }\n};\n\nexport default Mat.Extrapolate;\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * This method is necessary to restrict the recursive plotting algorithm\n * {@link JXG.Curve._plotRecursive} to the visible area and not waste\n * recursion to areas far outside of the visible area.\n *
\n * This method can also be used to find the last visible point\n * by reversing the input parameters.\n *\n * @param {JXG.Curve} curve JSXGraph curve element\n * @param {Array} ta Curve parameter of a.\n * @param {Array} b Screen coordinates of the end point of the segment (unused)\n * @param {Array} tb Curve parameter of b\n * @return {Array} Array of length two containing the screen ccordinates of\n * the starting point and the curve parameter at this point.\n * @private\n */\n _findStartPoint: function (curve, a, ta, b, tb) {\n // The code below is too unstable.\n // E.g. [function(t) { return Math.pow(t, 2) * (t + 5) * Math.pow(t - 5, 2); }, -8, 8]\n // Therefore, we return here.\n return [a, ta];\n\n // var i,\n // delta,\n // tc,\n // td,\n // z,\n // isFound,\n // w2,\n // h2,\n // pnt = new Coords(Const.COORDS_BY_USER, [0, 0], curve.board, false),\n // steps = 40,\n // eps = 0.01,\n // fnX1,\n // fnX2,\n // fnY1,\n // fnY2,\n // bbox = curve.board.getBoundingBox();\n\n // if (true || !this._isOutsidePoint(a, curve.board)) {\n // return [a, ta];\n // }\n // w2 = (bbox[2] - bbox[0]) * 0.3;\n // h2 = (bbox[1] - bbox[3]) * 0.3;\n // bbox[0] -= w2;\n // bbox[1] += h2;\n // bbox[2] += w2;\n // bbox[3] -= h2;\n\n // delta = (tb - ta) / steps;\n // tc = ta + delta;\n // isFound = false;\n\n // fnX1 = function (t) {\n // return curve.X(t, true) - bbox[0];\n // };\n // fnY1 = function (t) {\n // return curve.Y(t, true) - bbox[1];\n // };\n // fnX2 = function (t) {\n // return curve.X(t, true) - bbox[2];\n // };\n // fnY2 = function (t) {\n // return curve.Y(t, true) - bbox[3];\n // };\n // for (i = 0; i < steps; ++i) {\n // // Left border\n // z = bbox[0];\n // td = Numerics.root(fnX1, [tc - delta, tc], curve);\n // // td = Numerics.fzero(fnX1, [tc - delta, tc], this);\n // // console.log(\"A\", tc - delta, tc, td, Math.abs(this.X(td, true) - z));\n // if (Math.abs(curve.X(td, true) - z) < eps) {\n // //} * Math.abs(z)) {\n // isFound = true;\n // break;\n // }\n // // Top border\n // z = bbox[1];\n // td = Numerics.root(fnY1, [tc - delta, tc], curve);\n // // td = Numerics.fzero(fnY1, [tc - delta, tc], this);\n // // console.log(\"B\", tc - delta, tc, td, Math.abs(this.Y(td, true) - z));\n // if (Math.abs(curve.Y(td, true) - z) < eps) {\n // // * Math.abs(z)) {\n // isFound = true;\n // break;\n // }\n // // Right border\n // z = bbox[2];\n // td = Numerics.root(fnX2, [tc - delta, tc], curve);\n // // td = Numerics.fzero(fnX2, [tc - delta, tc], this);\n // // console.log(\"C\", tc - delta, tc, td, Math.abs(this.X(td, true) - z));\n // if (Math.abs(curve.X(td, true) - z) < eps) {\n // // * Math.abs(z)) {\n // isFound = true;\n // break;\n // }\n // // Bottom border\n // z = bbox[3];\n // td = Numerics.root(fnY2, [tc - delta, tc], curve);\n // // td = Numerics.fzero(fnY2, [tc - delta, tc], this);\n // // console.log(\"D\", tc - delta, tc, td, Math.abs(this.Y(td, true) - z));\n // if (Math.abs(curve.Y(td, true) - z) < eps) {\n // // * Math.abs(z)) {\n // isFound = true;\n // break;\n // }\n // tc += delta;\n // }\n // if (isFound) {\n // pnt.setCoordinates(\n // Const.COORDS_BY_USER,\n // [curve.X(td, true), curve.Y(td, true)],\n // false\n // );\n // return [pnt.scrCoords, td];\n // }\n // console.log(\"TODO _findStartPoint\", curve.Y.toString(), tc);\n // pnt.setCoordinates(Const.COORDS_BY_USER, [curve.X(ta, true), curve.Y(ta, true)], false);\n // return [pnt.scrCoords, ta];\n },\n\n /**\n * Investigate a function term at the bounds of intervals where\n * the function is not defined, e.g. log(x) at x = 0.\n *\n * c is inbetween a and b\n *\n * @param {JXG.Curve} curve JSXGraph curve element\n * @param {Array} a Screen coordinates of the left interval bound\n * @param {Array} b Screen coordinates of the right interval bound\n * @param {Array} c Screen coordinates of the bisection point at (ta + tb) / 2\n * @param {Number} ta Parameter which evaluates to a, i.e. [1, X(ta), Y(ta)] = a in screen coordinates\n * @param {Number} tb Parameter which evaluates to b, i.e. [1, X(tb), Y(tb)] = b in screen coordinates\n * @param {Number} tc (ta + tb) / 2 = tc. Parameter which evaluates to b, i.e. [1, X(tc), Y(tc)] = c in screen coordinates\n * @param {Number} depth Actual recursion depth. The recursion stops if depth is equal to 0.\n * @returns {JXG.Boolean} true if the point is inserted and the recursion should stop, false otherwise.\n *\n * @private\n */\n _getBorderPos: function (curve, ta, a, tc, c, tb, b) {\n var t,\n pnt,\n p,\n j,\n max_it = 30,\n is_undef = false,\n t_real2,\n t_good,\n t_bad;\n\n pnt = new Coords(Const.COORDS_BY_USER, [0, 0], curve.board, false);\n j = 0;\n // Bisect a, b and c until the point t_real is inside of the definition interval\n // and as close as possible at the boundary.\n // t_real2 is the second closest point.\n // There are four cases:\n // a | c | b\n // ---------------\n // inf | R | R\n // R | R | inf\n // inf | inf | R\n // R | inf | inf\n //\n if (isNaN(a[1] + a[2]) && !isNaN(c[1] + c[2])) {\n t_bad = ta;\n t_good = tc;\n t_real2 = tb;\n } else if (isNaN(b[1] + b[2]) && !isNaN(c[1] + c[2])) {\n t_bad = tb;\n t_good = tc;\n t_real2 = ta;\n } else if (isNaN(c[1] + c[2]) && !isNaN(b[1] + b[2])) {\n t_bad = tc;\n t_good = tb;\n t_real2 = tb + (tb - tc);\n } else if (isNaN(c[1] + c[2]) && !isNaN(a[1] + a[2])) {\n t_bad = tc;\n t_good = ta;\n t_real2 = ta - (tc - ta);\n } else {\n return false;\n }\n do {\n t = 0.5 * (t_good + t_bad);\n pnt.setCoordinates(\n Const.COORDS_BY_USER,\n [curve.X(t, true), curve.Y(t, true)],\n false\n );\n p = pnt.usrCoords;\n is_undef = isNaN(p[1] + p[2]);\n if (is_undef) {\n t_bad = t;\n } else {\n t_real2 = t_good;\n t_good = t;\n }\n ++j;\n } while (j < max_it && Math.abs(t_good - t_bad) > Mat.eps);\n return t;\n },\n\n /**\n *\n * @param {JXG.Curve} curve JSXGraph curve element\n * @param {Number} ta\n * @param {Number} tb\n */\n _getCuspPos: function (curve, ta, tb) {\n var a = [curve.X(ta, true), curve.Y(ta, true)],\n b = [curve.X(tb, true), curve.Y(tb, true)],\n max_func = function (t) {\n var c = [curve.X(t, true), curve.Y(t, true)];\n return -(\n Math.sqrt((a[0] - c[0]) * (a[0] - c[0]) + (a[1] - c[1]) * (a[1] - c[1])) +\n Math.sqrt((b[0] - c[0]) * (b[0] - c[0]) + (b[1] - c[1]) * (b[1] - c[1]))\n );\n };\n\n return Numerics.fminbr(max_func, [ta, tb], curve);\n },\n\n /**\n *\n * @param {JXG.Curve} curve JSXGraph curve element\n * @param {Number} ta\n * @param {Number} tb\n */\n _getJumpPos: function (curve, ta, tb) {\n var max_func = function (t) {\n var e = Mat.eps * Mat.eps,\n c1 = [curve.X(t, true), curve.Y(t, true)],\n c2 = [curve.X(t + e, true), curve.Y(t + e, true)];\n return -Math.abs((c2[1] - c1[1]) / (c2[0] - c1[0]));\n };\n\n return Numerics.fminbr(max_func, [ta, tb], curve);\n },\n\n /**\n *\n * @param {JXG.Curve} curve JSXGraph curve element\n * @param {Number} t\n * @private\n */\n _getLimits: function (curve, t) {\n var res,\n step = 2 / (curve.maxX() - curve.minX()),\n x_l,\n x_r,\n y_l,\n y_r;\n\n // From left\n res = Extrapolate.limit(t, -step, curve.X);\n x_l = res[0];\n if (res[1] === \"infinite\") {\n x_l = Math.sign(x_l) * Infinity;\n }\n\n res = Extrapolate.limit(t, -step, curve.Y);\n y_l = res[0];\n if (res[1] === \"infinite\") {\n y_l = Math.sign(y_l) * Infinity;\n }\n\n // From right\n res = Extrapolate.limit(t, step, curve.X);\n x_r = res[0];\n if (res[1] === \"infinite\") {\n x_r = Math.sign(x_r) * Infinity;\n }\n\n res = Extrapolate.limit(t, step, curve.Y);\n y_r = res[0];\n if (res[1] === \"infinite\") {\n y_r = Math.sign(y_r) * Infinity;\n }\n\n return {\n left_x: x_l,\n left_y: y_l,\n right_x: x_r,\n right_y: y_r,\n t: t\n };\n },\n\n /**\n *\n * @param {JXG.Curve} curve JSXGraph curve element\n * @param {Array} a\n * @param {Number} tc\n * @param {Array} c\n * @param {Number} tb\n * @param {Array} b\n * @param {String} may_be_special\n * @param {Number} depth\n * @private\n */\n _getLimes: function (curve, ta, a, tc, c, tb, b, may_be_special, depth) {\n var t;\n\n if (may_be_special === \"border\") {\n t = this._getBorderPos(curve, ta, a, tc, c, tb, b);\n } else if (may_be_special === \"cusp\") {\n t = this._getCuspPos(curve, ta, tb);\n } else if (may_be_special === \"jump\") {\n t = this._getJumpPos(curve, ta, tb);\n }\n return this._getLimits(curve, t);\n },\n\n /**\n * Recursive interval bisection algorithm for curve plotting.\n * Used in {@link JXG.Curve.updateParametricCurve}.\n * @private\n * @param {JXG.Curve} curve JSXGraph curve element\n * @param {Array} a Screen coordinates of the left interval bound\n * @param {Number} ta Parameter which evaluates to a, i.e. [1, X(ta), Y(ta)] = a in screen coordinates\n * @param {Array} b Screen coordinates of the right interval bound\n * @param {Number} tb Parameter which evaluates to b, i.e. [1, X(tb), Y(tb)] = b in screen coordinates\n * @param {Number} depth Actual recursion depth. The recursion stops if depth is equal to 0.\n * @param {Number} delta If the distance of the bisection point at (ta + tb) / 2 from the point (a + b) / 2 is less then delta,\n * the segment [a,b] is regarded as straight line.\n * @returns {JXG.Curve} Reference to the curve object.\n */\n _plotNonRecursive: function (curve, a, ta, b, tb, d) {\n var tc,\n c,\n ds,\n mindepth = 0,\n limes = null,\n a_nan,\n b_nan,\n isSmooth = false,\n may_be_special = \"\",\n x,\n y,\n oc,\n depth,\n ds0,\n stack = [],\n stack_length = 0,\n item;\n\n oc = curve.board.origin.scrCoords;\n stack[stack_length++] = [a, ta, b, tb, d, Infinity];\n while (stack_length > 0) {\n // item = stack.pop();\n item = stack[--stack_length];\n a = item[0];\n ta = item[1];\n b = item[2];\n tb = item[3];\n depth = item[4];\n ds0 = item[5];\n\n isSmooth = false;\n may_be_special = \"\";\n limes = null;\n //console.log(stack.length, item)\n\n if (curve.points.length > 65536) {\n return;\n }\n\n if (depth < this.nanLevel) {\n // Test if the function is undefined in the whole interval [ta, tb]\n if (this._isUndefined(curve, a, ta, b, tb)) {\n continue;\n }\n // Test if the graph is far outside the visible are for the interval [ta, tb]\n if (this._isOutside(a, ta, b, tb, curve.board)) {\n continue;\n }\n }\n\n tc = (ta + tb) * 0.5;\n\n // Screen coordinates of point at tc\n x = curve.X(tc, true);\n y = curve.Y(tc, true);\n c = [1, oc[1] + x * curve.board.unitX, oc[2] - y * curve.board.unitY];\n ds = this._triangleDists(a, b, c); // returns [d_ab, d_ac, d_cb, d_cd]\n\n a_nan = isNaN(a[1] + a[2]);\n b_nan = isNaN(b[1] + b[2]);\n if ((a_nan && !b_nan) || (!a_nan && b_nan)) {\n may_be_special = \"border\";\n } else if (\n ds[0] > 0.66 * ds0 ||\n ds[0] < this.cusp_threshold * (ds[1] + ds[2]) ||\n ds[1] > 5 * ds[2] ||\n ds[2] > 5 * ds[1]\n ) {\n may_be_special = \"cusp\";\n } else if (\n ds[2] > this.jump_threshold * ds[0] ||\n ds[1] > this.jump_threshold * ds[0] ||\n ds[0] === Infinity ||\n ds[1] === Infinity ||\n ds[2] === Infinity\n ) {\n may_be_special = \"jump\";\n }\n isSmooth =\n may_be_special === \"\" &&\n depth < this.smoothLevel &&\n ds[3] < this.smooth_threshold;\n\n if (depth < this.testLevel && !isSmooth) {\n if (may_be_special === \"\") {\n isSmooth = true;\n } else {\n limes = this._getLimes(curve, ta, a, tc, c, tb, b, may_be_special, depth);\n }\n }\n\n if (limes !== null) {\n c = [1, NaN, NaN];\n this._insertPoint(curve, c, tc, depth, limes);\n } else if (depth <= mindepth || isSmooth) {\n this._insertPoint(curve, c, tc, depth, null);\n } else {\n stack[stack_length++] = [c, tc, b, tb, depth - 1, ds[0]];\n stack[stack_length++] = [a, ta, c, tc, depth - 1, ds[0]];\n }\n }\n\n return this;\n },\n\n /**\n * Updates the data points of a parametric curve. This version is used if {@link JXG.Curve#plotVersion} is 3.\n * This is an experimental plot version, not recommended to be used.\n * @param {JXG.Curve} curve JSXGraph curve element\n * @param {Number} mi Left bound of curve\n * @param {Number} ma Right bound of curve\n * @returns {JXG.Curve} Reference to the curve object.\n */\n updateParametricCurve_v3: function (curve, mi, ma) {\n var ta,\n tb,\n a,\n b,\n suspendUpdate = false,\n pa = new Coords(Const.COORDS_BY_USER, [0, 0], curve.board, false),\n pb = new Coords(Const.COORDS_BY_USER, [0, 0], curve.board, false),\n depth,\n w2, // h2,\n bbox,\n ret_arr;\n\n // console.log(\"-----------------------------------------------------------\");\n // console.time(\"plot\");\n if (curve.board.updateQuality === curve.board.BOARD_QUALITY_LOW) {\n depth = Type.evaluate(curve.visProp.recursiondepthlow) || 14;\n } else {\n depth = Type.evaluate(curve.visProp.recursiondepthhigh) || 17;\n }\n\n // smoothLevel has to be small for graphs in a huge interval.\n this.smoothLevel = 7; //depth - 10;\n this.nanLevel = depth - 4;\n this.testLevel = 4;\n this.cusp_threshold = 0.5;\n this.jump_threshold = 0.99;\n this.smooth_threshold = 2;\n\n curve.points = [];\n\n if (curve.xterm === \"x\") {\n // For function graphs we can restrict the plot interval\n // to the visible area +plus margin\n bbox = curve.board.getBoundingBox();\n w2 = (bbox[2] - bbox[0]) * 0.3;\n //h2 = (bbox[1] - bbox[3]) * 0.3;\n ta = Math.max(mi, bbox[0] - w2);\n tb = Math.min(ma, bbox[2] + w2);\n } else {\n ta = mi;\n tb = ma;\n }\n pa.setCoordinates(\n Const.COORDS_BY_USER,\n [curve.X(ta, suspendUpdate), curve.Y(ta, suspendUpdate)],\n false\n );\n\n // The first function calls of X() and Y() are done. We can now\n // switch `suspendUpdate` on. If supported by the functions, this\n // avoids for the rest of the plotting algorithm, evaluation of any\n // parent elements.\n suspendUpdate = true;\n\n pb.setCoordinates(\n Const.COORDS_BY_USER,\n [curve.X(tb, suspendUpdate), curve.Y(tb, suspendUpdate)],\n false\n );\n\n // Find start and end points of the visible area (plus a certain margin)\n ret_arr = this._findStartPoint(curve, pa.scrCoords, ta, pb.scrCoords, tb);\n pa.setCoordinates(Const.COORDS_BY_SCREEN, ret_arr[0], false);\n ta = ret_arr[1];\n ret_arr = this._findStartPoint(curve, pb.scrCoords, tb, pa.scrCoords, ta);\n pb.setCoordinates(Const.COORDS_BY_SCREEN, ret_arr[0], false);\n tb = ret_arr[1];\n\n // Save the visible area.\n // This can be used in Curve.hasPoint().\n this._visibleArea = [ta, tb];\n\n // Start recursive plotting algorithm\n a = pa.copy(\"scrCoords\");\n b = pb.copy(\"scrCoords\");\n pa._t = ta;\n curve.points.push(pa);\n this._lastScrCrds = pa.copy(\"scrCoords\"); // Used in _insertPoint\n this._lastUsrCrds = pa.copy(\"usrCoords\"); // Used in _insertPoint\n\n this._plotNonRecursive(curve, a, ta, b, tb, depth);\n\n pb._t = tb;\n curve.points.push(pb);\n\n curve.numberPoints = curve.points.length;\n // console.timeEnd(\"plot\");\n // console.log(\"number of points:\", this.numberPoints);\n\n return curve;\n },\n\n //----------------------------------------------------------------------\n // Plot algorithm v4\n //----------------------------------------------------------------------\n\n _criticalInterval: function (vec, le, level) {\n var i,\n j,\n le1,\n med,\n sgn,\n sgnChange,\n isGroup = false,\n abs_vec,\n last = -Infinity,\n very_small = false,\n smooth = false,\n group = 0,\n groups = [],\n types = [],\n positions = [];\n\n abs_vec = Statistics.abs(vec);\n med = Statistics.median(abs_vec);\n\n if (med < 1.0e-7) {\n med = 1.0e-7;\n very_small = true;\n } else {\n med *= this.criticalThreshold;\n }\n\n //console.log(\"Median\", med);\n for (i = 0; i < le; i++) {\n // Start a group if not yet done and\n // add position to group\n if (abs_vec[i] > med /*&& abs_vec[i] > 0.01*/) {\n positions.push({ i: i, v: vec[i], group: group });\n last = i;\n if (!isGroup) {\n isGroup = true;\n }\n } else {\n if (isGroup && i > last + 4) {\n // End the group\n if (positions.length > 0) {\n groups.push(positions.slice(0));\n }\n positions = [];\n isGroup = false;\n group++;\n }\n }\n }\n if (isGroup) {\n if (positions.length > 1) {\n groups.push(positions.slice(0));\n }\n }\n\n if (very_small && groups.length === 0) {\n smooth = true;\n }\n\n // Decide if there is a singular critical point\n // or if a whole interval is problematic.\n // The latter is the case if the differences have many sign changes.\n for (j = 0; j < groups.length; j++) {\n types[j] = \"point\";\n le1 = groups[j].length;\n if (le1 < 64) {\n continue;\n }\n sgnChange = 0;\n sgn = Math.sign(groups[j][0].v);\n for (i = 1; i < le1; i++) {\n if (Math.sign(groups[j][i].v) !== sgn) {\n sgnChange++;\n sgn = Math.sign(groups[j][i].v);\n }\n }\n if (sgnChange * 6 > le1) {\n types[j] = \"interval\";\n }\n }\n\n return { smooth: smooth, groups: groups, types: types };\n },\n\n Component: function () {\n this.left_isNaN = false;\n this.right_isNaN = false;\n this.left_t = null;\n this.right_t = null;\n this.t_values = [];\n this.x_values = [];\n this.y_values = [];\n this.len = 0;\n },\n\n findComponents: function (curve, mi, ma, steps) {\n var i,\n t,\n le,\n h,\n x,\n y,\n components = [],\n comp,\n comp_nr = 0,\n cnt = 0,\n cntNaNs = 0,\n comp_started = false,\n suspended = false;\n\n h = (ma - mi) / steps;\n components[comp_nr] = new this.Component();\n comp = components[comp_nr];\n\n for (i = 0, t = mi; i <= steps; i++, t += h) {\n x = curve.X(t, suspended);\n y = curve.Y(t, suspended);\n\n if (isNaN(x) || isNaN(y)) {\n cntNaNs++;\n // Wait for - at least - two consecutive NaNs\n // This avoids starting a new component if\n // the function value has infinity as intermediate value.\n if (cntNaNs > 1 && comp_started) {\n // Finalize a component\n comp.right_isNaN = true;\n comp.right_t = t - h;\n comp.len = cnt;\n\n // Prepare a new component\n comp_started = false;\n comp_nr++;\n components[comp_nr] = new this.Component();\n comp = components[comp_nr];\n cntNaNs = 0;\n }\n } else {\n // Now there is a non-NaN entry.\n if (!comp_started) {\n // Start the component\n comp_started = true;\n cnt = 0;\n if (cntNaNs > 0) {\n comp.left_t = t - h;\n comp.left_isNaN = true;\n }\n }\n cntNaNs = 0;\n // Add the value to the component\n comp.t_values[cnt] = t;\n comp.x_values[cnt] = x;\n comp.y_values[cnt] = y;\n cnt++;\n }\n if (i === 0) {\n suspended = true;\n }\n }\n if (comp_started) {\n comp.len = cnt;\n } else {\n components.pop();\n }\n\n return components;\n },\n\n getPointType: function (curve, pos, t_approx, t_values, x_table, y_table, len) {\n var x_values = x_table[0],\n y_values = y_table[0],\n full_len = t_values.length,\n result = {\n idx: pos,\n t: t_approx, //t_values[pos],\n x: x_values[pos],\n y: y_values[pos],\n type: \"other\"\n };\n\n if (pos < 5) {\n result.type = \"borderleft\";\n result.idx = 0;\n result.t = t_values[0];\n result.x = x_values[0];\n result.y = y_values[0];\n\n // console.log('Border left', result.t);\n return result;\n }\n if (pos > len - 6) {\n result.type = \"borderright\";\n result.idx = full_len - 1;\n result.t = t_values[full_len - 1];\n result.x = x_values[full_len - 1];\n result.y = y_values[full_len - 1];\n\n // console.log('Border right', result.t, full_len - 1);\n return result;\n }\n\n return result;\n },\n\n newtonApprox: function (idx, t, h, level, table) {\n var i,\n s = 0.0;\n for (i = level; i > 0; i--) {\n s = ((s + table[i][idx]) * (t - (i - 1) * h)) / i;\n }\n return s + table[0][idx];\n },\n\n thiele: function (t, recip, t_values, idx, degree) {\n var i,\n v = 0.0;\n for (i = degree; i > 1; i--) {\n v = (t - t_values[idx + i]) / (recip[i][idx + 1] - recip[i - 2][idx + 1] + v);\n }\n return recip[0][idx + 1] + (t - t_values[idx + 1]) / (recip[1][idx + 1] + v);\n },\n\n differenceMethodExperiments: function (component, curve) {\n var i,\n level,\n le,\n up,\n t_values = component.t_values,\n x_values = component.x_values,\n y_values = component.y_values,\n x_diffs = [],\n y_diffs = [],\n x_slopes = [],\n y_slopes = [],\n x_table = [],\n y_table = [],\n x_recip = [],\n y_recip = [],\n h,\n numerator,\n // x_med, y_med,\n foundCriticalPoint = 0,\n pos,\n ma,\n j,\n v,\n groups,\n criticalPoints = [];\n\n h = t_values[1] - t_values[0];\n x_table.push([]);\n y_table.push([]);\n x_recip.push([]);\n y_recip.push([]);\n le = y_values.length;\n for (i = 0; i < le; i++) {\n x_table[0][i] = x_values[i];\n y_table[0][i] = y_values[i];\n x_recip[0][i] = x_values[i];\n y_recip[0][i] = y_values[i];\n }\n\n x_table.push([]);\n y_table.push([]);\n x_recip.push([]);\n y_recip.push([]);\n numerator = h;\n le = y_values.length - 1;\n for (i = 0; i < le; i++) {\n x_diffs[i] = x_values[i + 1] - x_values[i];\n y_diffs[i] = y_values[i + 1] - y_values[i];\n x_slopes[i] = x_diffs[i];\n y_slopes[i] = y_diffs[i];\n x_table[1][i] = x_diffs[i];\n y_table[1][i] = y_diffs[i];\n x_recip[1][i] = numerator / x_diffs[i];\n y_recip[1][i] = numerator / y_diffs[i];\n }\n le--;\n\n up = Math.min(8, y_values.length - 1);\n for (level = 1; level < up; level++) {\n x_table.push([]);\n y_table.push([]);\n x_recip.push([]);\n y_recip.push([]);\n numerator *= h;\n for (i = 0; i < le; i++) {\n x_diffs[i] = x_diffs[i + 1] - x_diffs[i];\n y_diffs[i] = y_diffs[i + 1] - y_diffs[i];\n x_table[level + 1][i] = x_diffs[i];\n y_table[level + 1][i] = y_diffs[i];\n x_recip[level + 1][i] =\n numerator / (x_recip[level][i + 1] - x_recip[level][i]) +\n x_recip[level - 1][i + 1];\n y_recip[level + 1][i] =\n numerator / (y_recip[level][i + 1] - y_recip[level][i]) +\n y_recip[level - 1][i + 1];\n }\n\n // if (level == 1) {\n // console.log(\"bends level=\", level, y_diffs.toString());\n // }\n\n // Store point location which may be centered around\n // critical points.\n // If the lebvel is suitable, step out of the loop.\n groups = this._criticalPoints(y_diffs, le, level);\n if (groups === false) {\n // Its seems, the degree of the polynomial is equal to level\n console.log(\"Polynomial of degree\", level);\n groups = [];\n break;\n }\n if (groups.length > 0) {\n foundCriticalPoint++;\n if (foundCriticalPoint > 1 && level % 2 === 0) {\n break;\n }\n }\n le--;\n }\n\n // console.log(\"Last diffs\", y_diffs, \"level\", level);\n\n // Analyze the groups which have been found.\n for (i = 0; i < groups.length; i++) {\n // console.log(\"Group\", i, groups[i])\n // Identify the maximum difference, i.e. the center of the \"problem\"\n ma = -Infinity;\n for (j = 0; j < groups[i].length; j++) {\n v = Math.abs(groups[i][j].v);\n if (v > ma) {\n ma = v;\n pos = j;\n }\n }\n pos = Math.floor(groups[i][pos].i + level / 2);\n // Analyze the critical point\n criticalPoints.push(\n this.getPointType(\n curve,\n pos,\n t_values,\n x_values,\n y_values,\n x_slopes,\n y_slopes,\n le + 1\n )\n );\n }\n\n return [criticalPoints, x_table, y_table, x_recip, y_recip];\n },\n\n getCenterOfCriticalInterval: function (group, degree, t_values) {\n var ma,\n j,\n pos,\n v,\n num = 0.0,\n den = 0.0,\n h = t_values[1] - t_values[0],\n pos_mean,\n range = [];\n\n // Identify the maximum difference, i.e. the center of the \"problem\"\n // If there are several equal maxima, store the positions\n // in the array range and determine the center of the array.\n\n ma = -Infinity;\n range = [];\n for (j = 0; j < group.length; j++) {\n v = Math.abs(group[j].v);\n if (v > ma) {\n range = [j];\n ma = v;\n pos = j;\n } else if (ma === v) {\n range.push(j);\n }\n }\n if (range.length > 0) {\n pos_mean =\n range.reduce(function (total, val) {\n return total + val;\n }, 0) / range.length;\n pos = Math.floor(pos_mean);\n pos_mean += group[0].i;\n }\n\n if (ma < Infinity) {\n for (j = 0; j < group.length; j++) {\n num += Math.abs(group[j].v) * group[j].i;\n den += Math.abs(group[j].v);\n }\n pos_mean = num / den;\n }\n pos_mean += degree / 2;\n return [\n group[pos].i + degree / 2,\n pos_mean,\n t_values[Math.floor(pos_mean)] + h * (pos_mean - Math.floor(pos_mean))\n ];\n },\n\n differenceMethod: function (component, curve) {\n var i,\n level,\n le,\n up,\n t_values = component.t_values,\n x_values = component.x_values,\n y_values = component.y_values,\n x_table = [],\n y_table = [],\n foundCriticalPoint = 0,\n degree_x = -1,\n degree_y = -1,\n pos,\n res,\n res_x,\n res_y,\n t_approx,\n groups = [],\n types,\n criticalPoints = [];\n\n le = y_values.length;\n // x_table.push([]);\n // y_table.push([]);\n // for (i = 0; i < le; i++) {\n // x_table[0][i] = x_values[i];\n // y_table[0][i] = y_values[i];\n // }\n x_table.push(new Float64Array(x_values));\n y_table.push(new Float64Array(y_values));\n\n le--;\n up = Math.min(12, le);\n for (level = 0; level < up; level++) {\n // Old style method:\n // x_table.push([]);\n // y_table.push([]);\n // for (i = 0; i < le; i++) {\n // x_table[level + 1][i] = x_table[level][i + 1] - x_table[level][i];\n // y_table[level + 1][i] = y_table[level][i + 1] - y_table[level][i];\n // }\n // New method:\n x_table.push(new Float64Array(le));\n y_table.push(new Float64Array(le));\n x_table[level + 1] = x_table[level].map(function (v, idx, arr) {\n return arr[idx + 1] - v;\n });\n y_table[level + 1] = y_table[level].map(function (v, idx, arr) {\n return arr[idx + 1] - v;\n });\n\n // Store point location which may be centered around critical points.\n // If the level is suitable, step out of the loop.\n res_y = this._criticalInterval(y_table[level + 1], le, level);\n if (res_y.smooth === true) {\n // Its seems, the degree of the polynomial is equal to level\n // If the values in level + 1 are zero, it might be a polynomial of degree level.\n // Seems to work numerically stable until degree 6.\n degree_y = level;\n groups = [];\n }\n res_x = this._criticalInterval(x_table[level + 1], le, level);\n if (degree_x === -1 && res_x.smooth === true) {\n // Its seems, the degree of the polynomial is equal to level\n // If the values in level + 1 are zero, it might be a polynomial of degree level.\n // Seems to work numerically stable until degree 6.\n degree_x = level;\n }\n if (degree_y >= 0) {\n break;\n }\n\n if (res_y.groups.length > 0) {\n foundCriticalPoint++;\n if (foundCriticalPoint > 2 && (level + 1) % 2 === 0) {\n groups = res_y.groups;\n types = res_y.types;\n break;\n }\n }\n le--;\n }\n\n // console.log(\"Last diffs\", y_table[Math.min(level + 1, up)], \"level\", level + 1);\n // Analyze the groups which have been found.\n for (i = 0; i < groups.length; i++) {\n if (types[i] === \"interval\") {\n continue;\n }\n // console.log(\"Group\", i, groups[i], types[i], level + 1)\n res = this.getCenterOfCriticalInterval(groups[i], level + 1, t_values);\n pos = res_y[0];\n pos = Math.floor(res[1]);\n t_approx = res[2];\n // console.log(\"Critical points:\", groups, res, pos)\n\n // Analyze the type of the critical point\n // Result is of type 'borderleft', borderright', 'other'\n criticalPoints.push(\n this.getPointType(curve, pos, t_approx, t_values, x_table, y_table, le + 1)\n );\n }\n\n // if (level === up) {\n // console.log(\"No convergence!\");\n // } else {\n // console.log(\"Convergence level\", level);\n // }\n return [criticalPoints, x_table, y_table, degree_x, degree_y];\n },\n\n _insertPoint_v4: function (curve, crds, t, doLog) {\n var p,\n prev = null,\n x,\n y,\n near = 0.8;\n\n if (curve.points.length > 0) {\n prev = curve.points[curve.points.length - 1].scrCoords;\n }\n\n // Add regular point\n p = new Coords(Const.COORDS_BY_USER, crds, curve.board);\n\n if (prev !== null) {\n x = p.scrCoords[1] - prev[1];\n y = p.scrCoords[2] - prev[2];\n if (x * x + y * y < near * near) {\n // Math.abs(p.scrCoords[1] - prev[1]) < near &&\n // Math.abs(p.scrCoords[2] - prev[2]) < near) {\n return;\n }\n }\n\n p._t = t;\n curve.points.push(p);\n },\n\n getInterval: function (curve, ta, tb) {\n var t_int, x_int, y_int;\n\n //console.log('critical point', ta, tb);\n IntervalArithmetic.disable();\n\n t_int = IntervalArithmetic.Interval(ta, tb);\n curve.board.mathLib = IntervalArithmetic;\n curve.board.mathLibJXG = IntervalArithmetic;\n x_int = curve.X(t_int, true);\n y_int = curve.Y(t_int, true);\n curve.board.mathLib = Math;\n curve.board.mathLibJXG = JXG.Math;\n\n //console.log(x_int, y_int);\n return y_int;\n },\n\n sign: function (v) {\n if (v < 0) {\n return -1;\n }\n if (v > 0) {\n return 1;\n }\n return 0;\n },\n\n handleBorder: function (curve, comp, group, x_table, y_table) {\n var idx = group.idx,\n t,\n t1,\n t2,\n size = 32,\n y_int,\n x,\n y,\n lo,\n hi,\n i,\n components2,\n le,\n h;\n\n // console.log(\"HandleBorder at t =\", t_approx);\n // console.log(\"component:\", comp)\n // console.log(\"Group:\", group);\n\n h = comp.t_values[1] - comp.t_values[0];\n if (group.type === \"borderleft\") {\n t = comp.left_isNaN ? comp.left_t : group.t - h;\n t1 = t;\n t2 = t1 + h;\n } else if (group.type === \"borderright\") {\n t = comp.right_isNaN ? comp.right_t : group.t + h;\n t2 = t;\n t1 = t2 - h;\n } else {\n console.log(\"No bordercase!!!\");\n }\n\n components2 = this.findComponents(curve, t1, t2, size);\n if (components2.length === 0) {\n return;\n }\n if (group.type === \"borderleft\") {\n t1 = components2[0].left_t;\n t2 = components2[0].t_values[0];\n h = components2[0].t_values[1] - components2[0].t_values[0];\n t1 = t1 === null ? t2 - h : t1;\n t = t1;\n y_int = this.getInterval(curve, t1, t2);\n if (Type.isObject(y_int)) {\n lo = y_int.lo;\n hi = y_int.hi;\n\n x = curve.X(t, true);\n y = y_table[1][idx] < 0 ? hi : lo;\n this._insertPoint_v4(curve, [1, x, y], t);\n }\n }\n\n le = components2[0].t_values.length;\n for (i = 0; i < le; i++) {\n t = components2[0].t_values[i];\n x = components2[0].x_values[i];\n y = components2[0].y_values[i];\n this._insertPoint_v4(curve, [1, x, y], t);\n }\n\n if (group.type === \"borderright\") {\n t1 = components2[0].t_values[le - 1];\n t2 = components2[0].right_t;\n h = components2[0].t_values[1] - components2[0].t_values[0];\n t2 = t2 === null ? t1 + h : t2;\n\n t = t2;\n y_int = this.getInterval(curve, t1, t2);\n if (Type.isObject(y_int)) {\n lo = y_int.lo;\n hi = y_int.hi;\n x = curve.X(t, true);\n y = y_table[1][idx] > 0 ? hi : lo;\n this._insertPoint_v4(curve, [1, x, y], t);\n }\n }\n },\n\n _seconditeration_v4: function (curve, comp, group, x_table, y_table) {\n var i, t1, t2, ret, components2, comp2, idx, groups2, g, x_table2, y_table2, start, le;\n\n // Look at two points, hopefully left and right from the critical point\n t1 = comp.t_values[group.idx - 2];\n t2 = comp.t_values[group.idx + 2];\n components2 = this.findComponents(curve, t1, t2, 64);\n for (idx = 0; idx < components2.length; idx++) {\n comp2 = components2[idx];\n ret = this.differenceMethod(comp2, curve);\n groups2 = ret[0];\n x_table2 = ret[1];\n y_table2 = ret[2];\n start = 0;\n for (g = 0; g <= groups2.length; g++) {\n if (g === groups2.length) {\n le = comp2.len;\n } else {\n le = groups2[g].idx;\n }\n\n // Insert all uncritical points until next critical point\n for (i = start; i < le; i++) {\n if (!isNaN(comp2.x_values[i]) && !isNaN(comp2.y_values[i])) {\n this._insertPoint_v4(\n curve,\n [1, comp2.x_values[i], comp2.y_values[i]],\n comp2.t_values[i]\n );\n }\n }\n // Handle next critical point\n if (g < groups2.length) {\n this.handleSingularity(curve, comp2, groups2[g], x_table2, y_table2);\n start = groups2[g].idx + 1;\n }\n }\n le = comp2.len;\n if (idx < components2.length - 1) {\n this._insertPoint_v4(curve, [1, NaN, NaN], comp2.right_t);\n }\n }\n return this;\n },\n\n _recurse_v4: function (curve, t1, t2, x1, y1, x2, y2, level) {\n var tol = 2,\n t = (t1 + t2) * 0.5,\n x = curve.X(t, true),\n y = curve.Y(t, true),\n dx,\n dy;\n\n //console.log(\"Level\", level)\n if (level === 0) {\n this._insertPoint_v4(curve, [1, NaN, NaN], t);\n return;\n }\n // console.log(\"R\", t1, t2)\n dx = (x - x1) * curve.board.unitX;\n dy = (y - y1) * curve.board.unitY;\n // console.log(\"D1\", Math.sqrt(dx * dx + dy * dy))\n if (Math.sqrt(dx * dx + dy * dy) > tol) {\n this._recurse_v4(curve, t1, t, x1, y1, x, y, level - 1);\n } else {\n this._insertPoint_v4(curve, [1, x, y], t);\n }\n dx = (x - x2) * curve.board.unitX;\n dy = (y - y2) * curve.board.unitY;\n // console.log(\"D2\", Math.sqrt(dx * dx + dy * dy), x-x2, y-y2)\n if (Math.sqrt(dx * dx + dy * dy) > tol) {\n this._recurse_v4(curve, t, t2, x, y, x2, y2, level - 1);\n } else {\n this._insertPoint_v4(curve, [1, x, y], t);\n }\n },\n\n handleSingularity: function (curve, comp, group, x_table, y_table) {\n var idx = group.idx,\n t,\n t1,\n t2,\n y_int,\n i1,\n i2,\n x,\n y,\n lo,\n hi,\n d_lft,\n d_rgt,\n d_thresh = 100,\n di1 = 5,\n di2 = 3,\n d1,\n d2;\n\n t = group.t;\n console.log(\"HandleSingularity at t =\", t);\n // console.log(comp.t_values[idx - 1], comp.y_values[idx - 1], comp.t_values[idx + 1], comp.y_values[idx + 1]);\n // console.log(group);\n\n // Look at two points, hopefully left and right from the critical point\n t1 = comp.t_values[idx - di1];\n t2 = comp.t_values[idx + di1];\n\n y_int = this.getInterval(curve, t1, t2);\n if (Type.isObject(y_int)) {\n lo = y_int.lo;\n hi = y_int.hi;\n } else {\n if (y_table[0][idx - 1] < y_table[0][idx + 1]) {\n lo = y_table[0][idx - 1];\n hi = y_table[0][idx + 1];\n } else {\n lo = y_table[0][idx + 1];\n hi = y_table[0][idx - 1];\n }\n }\n\n x = curve.X(t, true);\n\n d_lft =\n (y_table[0][idx - di2] - y_table[0][idx - di1]) /\n (comp.t_values[idx - di2] - comp.t_values[idx - di1]);\n d_rgt =\n (y_table[0][idx + di2] - y_table[0][idx + di1]) /\n (comp.t_values[idx + di2] - comp.t_values[idx + di1]);\n\n console.log(\":::\", d_lft, d_rgt);\n\n //this._insertPoint_v4(curve, [1, NaN, NaN], 0);\n\n if (d_lft < -d_thresh) {\n // Left branch very steep downwards -> add the minimum\n this._insertPoint_v4(curve, [1, x, lo], t, true);\n if (d_rgt <= d_thresh) {\n // Right branch not very steep upwards -> interrupt the curve\n // I.e. it looks like -infty / (finite or infty) and not like -infty / -infty\n this._insertPoint_v4(curve, [1, NaN, NaN], t);\n }\n } else if (d_lft > d_thresh) {\n // Left branch very steep upwards -> add the maximum\n this._insertPoint_v4(curve, [1, x, hi], t);\n if (d_rgt >= -d_thresh) {\n // Right branch not very steep downwards -> interrupt the curve\n // I.e. it looks like infty / (finite or -infty) and not like infty / infty\n this._insertPoint_v4(curve, [1, NaN, NaN], t);\n }\n } else {\n if (lo === -Infinity) {\n this._insertPoint_v4(curve, [1, x, lo], t, true);\n this._insertPoint_v4(curve, [1, NaN, NaN], t);\n }\n if (hi === Infinity) {\n this._insertPoint_v4(curve, [1, NaN, NaN], t);\n this._insertPoint_v4(curve, [1, x, hi], t, true);\n }\n\n if (group.t < comp.t_values[idx]) {\n i1 = idx - 1;\n i2 = idx;\n } else {\n i1 = idx;\n i2 = idx + 1;\n }\n t1 = comp.t_values[i1];\n t2 = comp.t_values[i2];\n this._recurse_v4(\n curve,\n t1,\n t2,\n x_table[0][i1],\n y_table[0][i1],\n x_table[0][i2],\n y_table[0][i2],\n 10\n );\n\n // x = (x_table[0][idx] - x_table[0][idx - 1]) * curve.board.unitX;\n // y = (y_table[0][idx] - y_table[0][idx - 1]) * curve.board.unitY;\n // d1 = Math.sqrt(x * x + y * y);\n // x = (x_table[0][idx + 1] - x_table[0][idx]) * curve.board.unitX;\n // y = (y_table[0][idx + 1] - y_table[0][idx]) * curve.board.unitY;\n // d2 = Math.sqrt(x * x + y * y);\n\n // console.log(\"end\", t1, t2, t);\n // if (true || (d1 > 2 || d2 > 2)) {\n\n // console.log(d1, d2, y_table[0][idx])\n // // Finite jump\n // this._insertPoint_v4(curve, [1, NaN, NaN], t);\n // } else {\n // if (lo !== -Infinity && hi !== Infinity) {\n // // Critical point which can be ignored\n // this._insertPoint_v4(curve, [1, x_table[0][idx], y_table[0][idx]], comp.t_values[idx]);\n // } else {\n // if (lo === -Infinity) {\n // this._insertPoint_v4(curve, [1, x, lo], t, true);\n // this._insertPoint_v4(curve, [1, NaN, NaN], t);\n // }\n // if (hi === Infinity) {\n // this._insertPoint_v4(curve, [1, NaN, NaN], t);\n // this._insertPoint_v4(curve, [1, x, hi], t, true);\n // }\n // }\n // }\n }\n if (d_rgt < -d_thresh) {\n // Right branch very steep downwards -> add the maximum\n this._insertPoint_v4(curve, [1, x, hi], t);\n } else if (d_rgt > d_thresh) {\n // Right branch very steep upwards -> add the minimum\n this._insertPoint_v4(curve, [1, x, lo], t);\n }\n },\n\n /**\n * Number of equidistant points where the function is evaluated\n */\n steps: 1021, //2053, // 1021,\n\n /**\n * If the absolute maximum of the set of differences is larger than\n * criticalThreshold * median of these values, it is regarded as critical point.\n * @see JXG.Math.Plot#_criticalInterval\n */\n criticalThreshold: 1000,\n\n plot_v4: function (curve, ta, tb, steps) {\n var i,\n j,\n le,\n components,\n idx,\n comp,\n groups,\n g,\n start,\n ret,\n x_table,\n y_table,\n t,\n t1,\n t2,\n good,\n bad,\n x_int,\n y_int,\n degree_x,\n degree_y,\n h = (tb - ta) / steps,\n Ypl = function (x) {\n return curve.Y(x, true);\n },\n Ymi = function (x) {\n return -curve.Y(x, true);\n },\n h2 = h * 0.5;\n\n components = this.findComponents(curve, ta, tb, steps);\n for (idx = 0; idx < components.length; idx++) {\n comp = components[idx];\n ret = this.differenceMethod(comp, curve);\n groups = ret[0];\n x_table = ret[1];\n y_table = ret[2];\n degree_x = ret[3];\n degree_y = ret[4];\n\n // if (degree_x >= 0) {\n // console.log(\"x polynomial of degree\", degree_x);\n // }\n // if (degree_y >= 0) {\n // console.log(\"y polynomial of degree\", degree_y);\n // }\n if (groups.length === 0 || groups[0].type !== \"borderleft\") {\n groups.unshift({\n idx: 0,\n t: comp.t_values[0],\n x: comp.x_values[0],\n y: comp.y_values[0],\n type: \"borderleft\"\n });\n }\n if (groups[groups.length - 1].type !== \"borderright\") {\n le = comp.t_values.length;\n groups.push({\n idx: le - 1,\n t: comp.t_values[le - 1],\n x: comp.x_values[le - 1],\n y: comp.y_values[le - 1],\n type: \"borderright\"\n });\n }\n\n start = 0;\n for (g = 0; g <= groups.length; g++) {\n if (g === groups.length) {\n le = comp.len;\n } else {\n le = groups[g].idx - 1;\n }\n\n good = 0;\n bad = 0;\n // Insert all uncritical points until next critical point\n for (i = start; i < le - 2; i++) {\n this._insertPoint_v4(\n curve,\n [1, comp.x_values[i], comp.y_values[i]],\n comp.t_values[i]\n );\n j = Math.max(0, i - 2);\n // Add more points in critical intervals\n if (\n true &&\n //degree_y === -1 && // No polynomial\n i >= start + 3 &&\n i < le - 3 && // Do not do this if too close to a critical point\n y_table.length > 3 &&\n Math.abs(y_table[2][i]) > 0.2 * Math.abs(y_table[0][i])\n ) {\n t = comp.t_values[i];\n h2 = h * 0.25;\n y_int = this.getInterval(curve, t, t + h);\n if (Type.isObject(y_int)) {\n if (y_table[2][i] > 0) {\n this._insertPoint_v4(curve, [1, t + h2, y_int.lo], t + h2);\n } else {\n this._insertPoint_v4(\n curve,\n [1, t + h - h2, y_int.hi],\n t + h - h2\n );\n }\n } else {\n t1 = Numerics.fminbr(Ypl, [t, t + h]);\n t2 = Numerics.fminbr(Ymi, [t, t + h]);\n if (t1 < t2) {\n this._insertPoint_v4(\n curve,\n [1, curve.X(t1, true), curve.Y(t1, true)],\n t1\n );\n this._insertPoint_v4(\n curve,\n [1, curve.X(t2, true), curve.Y(t2, true)],\n t2\n );\n } else {\n this._insertPoint_v4(\n curve,\n [1, curve.X(t2, true), curve.Y(t2, true)],\n t2\n );\n this._insertPoint_v4(\n curve,\n [1, curve.X(t1, true), curve.Y(t1, true)],\n t1\n );\n }\n }\n bad++;\n } else {\n good++;\n }\n }\n // console.log(\"GOOD\", good, \"BAD\", bad);\n\n // Handle next critical point\n if (g < groups.length) {\n //console.log(\"critical point / interval\", groups[g]);\n\n i = groups[g].idx;\n if (groups[g].type === \"borderleft\" || groups[g].type === \"borderright\") {\n this.handleBorder(curve, comp, groups[g], x_table, y_table);\n } else {\n this._seconditeration_v4(curve, comp, groups[g], x_table, y_table);\n }\n\n start = groups[g].idx + 1 + 1;\n }\n }\n\n le = comp.len;\n if (idx < components.length - 1) {\n this._insertPoint_v4(curve, [1, NaN, NaN], comp.right_t);\n }\n }\n },\n\n /**\n * Updates the data points of a parametric curve, plotVersion 4. This version is used if {@link JXG.Curve#plotVersion} is 4.\n * @param {JXG.Curve} curve JSXGraph curve element\n * @param {Number} mi Left bound of curve\n * @param {Number} ma Right bound of curve\n * @returns {JXG.Curve} Reference to the curve object.\n */\n updateParametricCurve_v4: function (curve, mi, ma) {\n var ta, tb, w2, bbox;\n\n if (curve.xterm === \"x\") {\n // For function graphs we can restrict the plot interval\n // to the visible area +plus margin\n bbox = curve.board.getBoundingBox();\n w2 = (bbox[2] - bbox[0]) * 0.3;\n // h2 = (bbox[1] - bbox[3]) * 0.3;\n ta = Math.max(mi, bbox[0] - w2);\n tb = Math.min(ma, bbox[2] + w2);\n } else {\n ta = mi;\n tb = ma;\n }\n\n curve.points = [];\n\n //console.log(\"--------------------\");\n this.plot_v4(curve, ta, tb, this.steps);\n\n curve.numberPoints = curve.points.length;\n //console.log(curve.numberPoints);\n },\n\n //----------------------------------------------------------------------\n // Plot algorithm alias\n //----------------------------------------------------------------------\n\n /**\n * Updates the data points of a parametric curve, alias for {@link JXG.Curve#updateParametricCurve_v2}.\n * This is needed for backwards compatibility, if this method has been\n * used directly in an application.\n * @param {JXG.Curve} curve JSXGraph curve element\n * @param {Number} mi Left bound of curve\n * @param {Number} ma Right bound of curve\n * @returns {JXG.Curve} Reference to the curve object.\n *\n * @see JXG.Curve#updateParametricCurve_v2\n */\n updateParametricCurve: function (curve, mi, ma) {\n return this.updateParametricCurve_v2(curve, mi, ma);\n }\n};\n\nexport default Mat.Plot;\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * Ported to javascript from the PyX implementation (https://pyx-project.org/) by Vlad-X.\n * Adapted to JSXGraph and some code changes by Alfred Wassermann 2020.\n\n This program is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU General Public License for more details.\n\n You should have received a copy of the GNU General Public License\n along with this program; if not, write to the Free Software\n Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.\n\n Internal functions of MetaPost\n This file re-implements some of the functionality of MetaPost\n (https://tug.org/metapost.html). MetaPost was developed by John D. Hobby and\n others. The code of Metapost is in the public domain, which we understand as\n an implicit permission to reuse the code here (see the comment at\n https://www.gnu.org/licenses/license-list.html)\n\n This file is based on the MetaPost version distributed by TeXLive:\n svn://tug.org/texlive/trunk/Build/source/texk/web2c/mplibdir revision 22737 #\n (2011-05-31)\n*/\n\n/*global JXG: true, define: true*/\n/*jslint nomen: true, plusplus: true*/\n\n/**\n * @fileoverview In this file the namespace Math.Metapost is defined which holds algorithms translated from Metapost\n * by D.E. Knuth and J.D. Hobby.\n */\n\nimport Type from \"../utils/type\";\nimport Mat from \"./math\";\n\n/**\n * The JXG.Math.Metapost namespace holds algorithms translated from Metapost\n * by D.E. Knuth and J.D. Hobby.\n *\n * @name JXG.Math.Metapost\n * @exports Mat.Metapost as JXG.Math.Metapost\n * @namespace\n */\nMat.Metapost = {\n MP_ENDPOINT: 0,\n MP_EXPLICIT: 1,\n MP_GIVEN: 2,\n MP_CURL: 3,\n MP_OPEN: 4,\n MP_END_CYCLE: 5,\n\n UNITY: 1.0,\n // two: 2,\n // fraction_half: 0.5,\n FRACTION_ONE: 1.0,\n FRACTION_THREE: 3.0,\n ONE_EIGHTY_DEG: Math.PI,\n THREE_SIXTY_DEG: 2 * Math.PI,\n // EPSILON: 1e-5,\n EPS_SQ: 1e-5 * 1e-5,\n\n /**\n * @private\n */\n make_choices: function (knots) {\n var dely, h, k, delx, n, q, p, s, cosine, t, sine, delta_x, delta_y, delta, psi,\n endless = true;\n\n p = knots[0];\n do {\n if (!p) {\n break;\n }\n q = p.next;\n\n // Join two identical knots by setting the control points to the same\n // coordinates.\n // MP 291\n if (\n p.rtype > this.MP_EXPLICIT &&\n (p.x - q.x) * (p.x - q.x) + (p.y - q.y) * (p.y - q.y) < this.EPS_SQ\n ) {\n p.rtype = this.MP_EXPLICIT;\n if (p.ltype === this.MP_OPEN) {\n p.ltype = this.MP_CURL;\n p.set_left_curl(this.UNITY);\n }\n\n q.ltype = this.MP_EXPLICIT;\n if (q.rtype === this.MP_OPEN) {\n q.rtype = this.MP_CURL;\n q.set_right_curl(this.UNITY);\n }\n\n p.rx = p.x;\n q.lx = p.x;\n p.ry = p.y;\n q.ly = p.y;\n }\n p = q;\n } while (p !== knots[0]);\n\n // Find the first breakpoint, h, on the path\n // MP 292\n h = knots[0];\n while (endless) {\n if (h.ltype !== this.MP_OPEN || h.rtype !== this.MP_OPEN) {\n break;\n }\n h = h.next;\n if (h === knots[0]) {\n h.ltype = this.MP_END_CYCLE;\n break;\n }\n }\n\n p = h;\n while (endless) {\n if (!p) {\n break;\n }\n\n // Fill in the control points between p and the next breakpoint,\n // then advance p to that breakpoint\n // MP 299\n q = p.next;\n if (p.rtype >= this.MP_GIVEN) {\n while (q.ltype === this.MP_OPEN && q.rtype === this.MP_OPEN) {\n q = q.next;\n }\n\n // Calculate the turning angles psi_ k and the distances d_{k,k+1};\n // set n to the length of the path\n // MP 302\n k = 0;\n s = p;\n n = knots.length;\n\n delta_x = [];\n delta_y = [];\n delta = [];\n psi = [null];\n\n // tuple([]) = tuple([[], [], [], [null]]);\n while (endless) {\n t = s.next;\n // None;\n delta_x.push(t.x - s.x);\n delta_y.push(t.y - s.y);\n delta.push(this.mp_pyth_add(delta_x[k], delta_y[k]));\n if (k > 0) {\n sine = delta_y[k - 1] / delta[k - 1];\n cosine = delta_x[k - 1] / delta[k - 1];\n psi.push(\n Math.atan2(\n delta_y[k] * cosine - delta_x[k] * sine,\n delta_x[k] * cosine + delta_y[k] * sine\n )\n );\n }\n k++;\n s = t;\n if (s === q) {\n n = k;\n }\n if (k >= n && s.ltype !== this.MP_END_CYCLE) {\n break;\n }\n }\n if (k === n) {\n psi.push(0);\n } else {\n psi.push(psi[1]);\n }\n\n // Remove open types at the breakpoints\n // MP 303\n if (q.ltype === this.MP_OPEN) {\n delx = q.rx - q.x;\n dely = q.ry - q.y;\n if (delx * delx + dely * dely < this.EPS_SQ) {\n q.ltype = this.MP_CURL;\n q.set_left_curl(this.UNITY);\n } else {\n q.ltype = this.MP_GIVEN;\n q.set_left_given(Math.atan2(dely, delx));\n }\n }\n if (p.rtype === this.MP_OPEN && p.ltype === this.MP_EXPLICIT) {\n delx = p.x - p.lx;\n dely = p.y - p.ly;\n if (delx * delx + dely * dely < this.EPS_SQ) {\n p.rtype = this.MP_CURL;\n p.set_right_curl(this.UNITY);\n } else {\n p.rtype = this.MP_GIVEN;\n p.set_right_given(Math.atan2(dely, delx));\n }\n }\n this.mp_solve_choices(p, q, n, delta_x, delta_y, delta, psi);\n } else if (p.rtype === this.MP_ENDPOINT) {\n // MP 294\n p.rx = p.x;\n p.ry = p.y;\n q.lx = q.x;\n q.ly = q.y;\n }\n p = q;\n\n if (p === h) {\n break;\n }\n }\n },\n\n /**\n * Implements solve_choices form metapost\n * MP 305\n * @private\n */\n mp_solve_choices: function (p, q, n, delta_x, delta_y, delta, psi) {\n var aa, acc, vv, bb, ldelta, ee, k,\n s, ww, uu, lt, r, t, ff,\n theta, rt, dd, cc, ct_st,\n ct, st, cf_sf, cf, sf, i, k_idx,\n endless = true;\n\n ldelta = delta.length + 1;\n uu = new Array(ldelta);\n ww = new Array(ldelta);\n vv = new Array(ldelta);\n theta = new Array(ldelta);\n for (i = 0; i < ldelta; i++) {\n theta[i] = vv[i] = ww[i] = uu[i] = 0;\n }\n k = 0;\n s = p;\n r = 0;\n while (endless) {\n t = s.next;\n if (k === 0) {\n // MP 306\n if (s.rtype === this.MP_GIVEN) {\n // MP 314\n if (t.ltype === this.MP_GIVEN) {\n aa = Math.atan2(delta_y[0], delta_x[0]);\n ct_st = this.mp_n_sin_cos(p.right_given() - aa);\n ct = ct_st[0];\n st = ct_st[1];\n cf_sf = this.mp_n_sin_cos(q.left_given() - aa);\n cf = cf_sf[0];\n sf = cf_sf[1];\n this.mp_set_controls(p, q, delta_x[0], delta_y[0], st, ct, -sf, cf);\n return;\n }\n vv[0] = s.right_given() - Math.atan2(delta_y[0], delta_x[0]);\n vv[0] = this.reduce_angle(vv[0]);\n uu[0] = 0;\n ww[0] = 0;\n } else if (s.rtype === this.MP_CURL) {\n // MP 315\n if (t.ltype === this.MP_CURL) {\n p.rtype = this.MP_EXPLICIT;\n q.ltype = this.MP_EXPLICIT;\n lt = Math.abs(q.left_tension());\n rt = Math.abs(p.right_tension());\n ff = this.UNITY / (3.0 * rt);\n p.rx = p.x + delta_x[0] * ff;\n p.ry = p.y + delta_y[0] * ff;\n ff = this.UNITY / (3.0 * lt);\n q.lx = q.x - delta_x[0] * ff;\n q.ly = q.y - delta_y[0] * ff;\n return;\n }\n cc = s.right_curl();\n lt = Math.abs(t.left_tension());\n rt = Math.abs(s.right_tension());\n uu[0] = this.mp_curl_ratio(cc, rt, lt);\n vv[0] = -psi[1] * uu[0];\n ww[0] = 0;\n } else {\n if (s.rtype === this.MP_OPEN) {\n uu[0] = 0;\n vv[0] = 0;\n ww[0] = this.FRACTION_ONE;\n }\n }\n } else {\n if (s.ltype === this.MP_END_CYCLE || s.ltype === this.MP_OPEN) {\n // MP 308\n aa = this.UNITY / (3.0 * Math.abs(r.right_tension()) - this.UNITY);\n dd =\n delta[k] *\n (this.FRACTION_THREE - this.UNITY / Math.abs(r.right_tension()));\n bb = this.UNITY / (3 * Math.abs(t.left_tension()) - this.UNITY);\n ee =\n delta[k - 1] *\n (this.FRACTION_THREE - this.UNITY / Math.abs(t.left_tension()));\n cc = this.FRACTION_ONE - uu[k - 1] * aa;\n dd = dd * cc;\n lt = Math.abs(s.left_tension());\n rt = Math.abs(s.right_tension());\n if (lt < rt) {\n dd *= Math.pow(lt / rt, 2);\n } else {\n if (lt > rt) {\n ee *= Math.pow(rt / lt, 2);\n }\n }\n ff = ee / (ee + dd);\n uu[k] = ff * bb;\n acc = -psi[k + 1] * uu[k];\n if (r.rtype === this.MP_CURL) {\n ww[k] = 0;\n vv[k] = acc - psi[1] * (this.FRACTION_ONE - ff);\n } else {\n ff = (this.FRACTION_ONE - ff) / cc;\n acc = acc - psi[k] * ff;\n ff = ff * aa;\n vv[k] = acc - vv[k - 1] * ff;\n ww[k] = -ww[k - 1] * ff;\n }\n if (s.ltype === this.MP_END_CYCLE) {\n aa = 0;\n bb = this.FRACTION_ONE;\n while (endless) {\n k -= 1;\n if (k === 0) {\n k = n;\n }\n aa = vv[k] - aa * uu[k];\n bb = ww[k] - bb * uu[k];\n if (k === n) {\n break;\n }\n }\n aa = aa / (this.FRACTION_ONE - bb);\n theta[n] = aa;\n vv[0] = aa;\n // k_val = range(1, n);\n // for (k_idx in k_val) {\n // k = k_val[k_idx];\n for (k_idx = 1; k_idx < n; k_idx++) {\n vv[k_idx] = vv[k_idx] + aa * ww[k_idx];\n }\n break;\n }\n } else {\n if (s.ltype === this.MP_CURL) {\n cc = s.left_curl();\n lt = Math.abs(s.left_tension());\n rt = Math.abs(r.right_tension());\n ff = this.mp_curl_ratio(cc, lt, rt);\n theta[n] = -(vv[n - 1] * ff) / (this.FRACTION_ONE - ff * uu[n - 1]);\n break;\n }\n if (s.ltype === this.MP_GIVEN) {\n theta[n] = s.left_given() - Math.atan2(delta_y[n - 1], delta_x[n - 1]);\n theta[n] = this.reduce_angle(theta[n]);\n break;\n }\n }\n }\n r = s;\n s = t;\n k += 1;\n }\n\n // MP 318\n for (k = n - 1; k > -1; k--) {\n theta[k] = vv[k] - theta[k + 1] * uu[k];\n }\n\n s = p;\n k = 0;\n while (endless) {\n t = s.next;\n ct_st = this.mp_n_sin_cos(theta[k]);\n ct = ct_st[0];\n st = ct_st[1];\n cf_sf = this.mp_n_sin_cos(-psi[k + 1] - theta[k + 1]);\n cf = cf_sf[0];\n sf = cf_sf[1];\n this.mp_set_controls(s, t, delta_x[k], delta_y[k], st, ct, sf, cf);\n k++;\n s = t;\n if (k === n) {\n break;\n }\n }\n },\n\n /**\n * @private\n */\n mp_n_sin_cos: function (z) {\n return [Math.cos(z), Math.sin(z)];\n },\n\n /**\n * @private\n */\n mp_set_controls: function (p, q, delta_x, delta_y, st, ct, sf, cf) {\n var rt, ss, lt, sine, rr;\n lt = Math.abs(q.left_tension());\n rt = Math.abs(p.right_tension());\n rr = this.mp_velocity(st, ct, sf, cf, rt);\n ss = this.mp_velocity(sf, cf, st, ct, lt);\n\n // console.log('lt rt rr ss', lt, rt, rr, ss);\n if (p.right_tension() < 0 || q.left_tension() < 0) {\n if ((st >= 0 && sf >= 0) || (st <= 0 && sf <= 0)) {\n sine = Math.abs(st) * cf + Math.abs(sf) * ct;\n if (sine > 0) {\n sine *= 1.00024414062;\n if (p.right_tension() < 0) {\n if (this.mp_ab_vs_cd(Math.abs(sf), this.FRACTION_ONE, rr, sine) < 0) {\n rr = Math.abs(sf) / sine;\n }\n }\n if (q.left_tension() < 0) {\n if (this.mp_ab_vs_cd(Math.abs(st), this.FRACTION_ONE, ss, sine) < 0) {\n ss = Math.abs(st) / sine;\n }\n }\n }\n }\n }\n p.rx = p.x + (delta_x * ct - delta_y * st) * rr;\n p.ry = p.y + (delta_y * ct + delta_x * st) * rr;\n q.lx = q.x - (delta_x * cf + delta_y * sf) * ss;\n q.ly = q.y - (delta_y * cf - delta_x * sf) * ss;\n p.rtype = this.MP_EXPLICIT;\n q.ltype = this.MP_EXPLICIT;\n },\n\n /**\n * @private\n */\n mp_pyth_add: function (a, b) {\n return Math.sqrt(a * a + b * b);\n },\n\n /**\n *\n * @private\n */\n mp_curl_ratio: function (gamma, a_tension, b_tension) {\n var alpha = 1.0 / a_tension,\n beta = 1.0 / b_tension;\n\n return Math.min(\n 4.0,\n ((3.0 - alpha) * alpha * alpha * gamma + beta * beta * beta) /\n (alpha * alpha * alpha * gamma + (3.0 - beta) * beta * beta)\n );\n },\n\n /**\n * @private\n */\n mp_ab_vs_cd: function (a, b, c, d) {\n if (a * b === c * d) {\n return 0;\n }\n if (a * b > c * d) {\n return 1;\n }\n return -1;\n },\n\n /**\n * @private\n */\n mp_velocity: function (st, ct, sf, cf, t) {\n return Math.min(\n 4.0,\n (2.0 + Math.sqrt(2) * (st - sf / 16.0) * (sf - st / 16.0) * (ct - cf)) /\n (1.5 * t * (2 + (Math.sqrt(5) - 1) * ct + (3 - Math.sqrt(5)) * cf))\n );\n },\n\n /**\n * @private\n * @param {Number} A\n */\n reduce_angle: function (A) {\n if (Math.abs(A) > this.ONE_EIGHTY_DEG) {\n if (A > 0) {\n A -= this.THREE_SIXTY_DEG;\n } else {\n A += this.THREE_SIXTY_DEG;\n }\n }\n return A;\n },\n\n /**\n *\n * @private\n * @param {Array} p\n * @param {Number} tension\n * @param {Boolean} cycle\n */\n makeknots: function (p, tension, cycle) {\n var i,\n len,\n knots = [];\n\n tension = tension || 1;\n\n len = p.length;\n for (i = 0; i < len; i++) {\n knots.push({\n x: p[i][0],\n y: p[i][1],\n ltype: this.MP_OPEN,\n rtype: this.MP_OPEN,\n ly: tension,\n ry: tension,\n lx: tension,\n rx: tension,\n left_curl: function () {\n return this.lx || 0;\n },\n right_curl: function () {\n return this.rx || 0;\n },\n left_tension: function () {\n if (!this.ly) {\n this.ly = 1;\n }\n return this.ly;\n },\n right_tension: function () {\n if (!this.ry) {\n this.ry = 1;\n }\n return this.ry;\n },\n set_right_curl: function (x) {\n this.rx = x || 0;\n },\n set_left_curl: function (x) {\n this.lx = x || 0;\n }\n });\n }\n len = knots.length;\n for (i = 0; i < len; i++) {\n knots[i].next = knots[i + 1] || knots[i];\n knots[i].set_right_given = knots[i].set_right_curl;\n knots[i].set_left_given = knots[i].set_left_curl;\n knots[i].right_given = knots[i].right_curl;\n knots[i].left_given = knots[i].left_curl;\n }\n knots[len - 1].next = knots[0];\n\n if (!cycle) {\n knots[len - 1].rtype = this.MP_ENDPOINT;\n\n knots[len - 1].ltype = this.MP_CURL;\n knots[0].rtype = this.MP_CURL;\n }\n\n return knots;\n },\n\n /**\n *\n * @param {Array} point_list\n * @param {Object} controls\n *\n * @returns {Array}\n */\n curve: function (point_list, controls) {\n var knots,\n len,\n i,\n val,\n x = [],\n y = [];\n\n controls = controls || {\n tension: 1,\n direction: {},\n curl: {},\n isClosed: false\n };\n\n knots = this.makeknots(point_list, Type.evaluate(controls.tension), controls.isClosed);\n\n len = knots.length;\n for (i in controls.direction) {\n if (controls.direction.hasOwnProperty(i)) {\n val = Type.evaluate(controls.direction[i]);\n if (Type.isArray(val)) {\n if (val[0] !== false) {\n knots[i].lx = (val[0] * Math.PI) / 180;\n knots[i].ltype = this.MP_GIVEN;\n }\n if (val[1] !== false) {\n knots[i].rx = (val[1] * Math.PI) / 180;\n knots[i].rtype = this.MP_GIVEN;\n }\n } else {\n knots[i].lx = (val * Math.PI) / 180;\n knots[i].rx = (val * Math.PI) / 180;\n knots[i].ltype = knots[i].rtype = this.MP_GIVEN;\n }\n }\n }\n for (i in controls.curl) {\n if (controls.curl.hasOwnProperty(i)) {\n val = Type.evaluate(controls.curl[i]);\n if (parseInt(i, 10) === 0) {\n knots[i].rtype = this.MP_CURL;\n knots[i].set_right_curl(val);\n } else if (parseInt(i, 10) === len - 1) {\n knots[i].ltype = this.MP_CURL;\n knots[i].set_left_curl(val);\n }\n }\n }\n\n this.make_choices(knots);\n\n for (i = 0; i < len - 1; i++) {\n x.push(knots[i].x);\n x.push(knots[i].rx);\n x.push(knots[i + 1].lx);\n y.push(knots[i].y);\n y.push(knots[i].ry);\n y.push(knots[i + 1].ly);\n }\n x.push(knots[len - 1].x);\n y.push(knots[len - 1].y);\n\n if (controls.isClosed) {\n x.push(knots[len - 1].rx);\n y.push(knots[len - 1].ry);\n x.push(knots[0].lx);\n y.push(knots[0].ly);\n x.push(knots[0].x);\n y.push(knots[0].y);\n }\n\n return [x, y];\n }\n};\n\nexport default Mat.Metapost;\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph and JSXCompressor.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n JSXCompressor is free software dual licensed under the GNU LGPL or Apache License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n OR\n * Apache License Version 2.0\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License, Apache\n License, and the MIT License along with JSXGraph. If not, see\n ,\n and \n\n License: MIT License (see LICENSE.MIT)\n */\n\n var i,\n charCode,\n type,\n j = 0,\n codepoint = 0,\n state = UTF8_ACCEPT,\n chars = [],\n len = utftext.length,\n results = [];\n\n for (i = 0; i < len; i++) {\n charCode = utftext.charCodeAt(i);\n type = UTF8D[charCode];\n\n if (state !== UTF8_ACCEPT) {\n codepoint = (charCode & 0x3f) | (codepoint << 6);\n } else {\n codepoint = (0xff >> type) & charCode;\n }\n\n state = UTF8D[256 + state + type];\n\n if (state === UTF8_ACCEPT) {\n if (codepoint > 0xffff) {\n chars.push(0xd7c0 + (codepoint >> 10), 0xdc00 + (codepoint & 0x3ff));\n } else {\n chars.push(codepoint);\n }\n\n j++;\n\n if (j % 10000 === 0) {\n results.push(String.fromCharCode.apply(null, chars));\n chars = [];\n }\n }\n }\n results.push(String.fromCharCode.apply(null, chars));\n return results.join(\"\");\n },\n\n /**\n * Extends the standard charCodeAt() method of the String class to find the ASCII char code of\n * a character at a given position in a UTF8 encoded string.\n * @param {String} str\n * @param {Number} i position of the character\n * @returns {Number}\n */\n asciiCharCodeAt: function (str, i) {\n var c = str.charCodeAt(i);\n\n if (c > 255) {\n switch (c) {\n case 8364:\n c = 128;\n break;\n case 8218:\n c = 130;\n break;\n case 402:\n c = 131;\n break;\n case 8222:\n c = 132;\n break;\n case 8230:\n c = 133;\n break;\n case 8224:\n c = 134;\n break;\n case 8225:\n c = 135;\n break;\n case 710:\n c = 136;\n break;\n case 8240:\n c = 137;\n break;\n case 352:\n c = 138;\n break;\n case 8249:\n c = 139;\n break;\n case 338:\n c = 140;\n break;\n case 381:\n c = 142;\n break;\n case 8216:\n c = 145;\n break;\n case 8217:\n c = 146;\n break;\n case 8220:\n c = 147;\n break;\n case 8221:\n c = 148;\n break;\n case 8226:\n c = 149;\n break;\n case 8211:\n c = 150;\n break;\n case 8212:\n c = 151;\n break;\n case 732:\n c = 152;\n break;\n case 8482:\n c = 153;\n break;\n case 353:\n c = 154;\n break;\n case 8250:\n c = 155;\n break;\n case 339:\n c = 156;\n break;\n case 382:\n c = 158;\n break;\n case 376:\n c = 159;\n break;\n default:\n break;\n }\n }\n return c;\n }\n};\n\nexport default JXG.Util.UTF8;\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see .\n inject +=\n \"JXG.Server.modules.\" +\n this.runningCalls[id].module +\n \".\" +\n tmp.name +\n \" = function (\" +\n tmp.parameters.join(\",\") +\n \", __JXGSERVER_CB__, __JXGSERVER_SYNC) {\" +\n 'if(typeof __JXGSERVER_CB__ == \"undefined\") __JXGSERVER_CB__ = JXG.Server.modules.' +\n this.runningCalls[id].module +\n \".\" +\n tmp.name +\n \"_cb;\" +\n \"var __JXGSERVER_PAR__ = {\" +\n paramlist.join(\",\") +\n ', \"module\": \"' +\n this.runningCalls[id].module +\n '\", \"handler\": \"' +\n tmp.name +\n '\" };' +\n 'JXG.Server.callServer(\"exec\", __JXGSERVER_CB__, __JXGSERVER_PAR__, __JXGSERVER_SYNC);' +\n \"};\";\n new Function(inject)();\n }\n\n delete this.runningCalls[id];\n\n // handle data\n callback(data.data);\n }\n };\n\n // bind cbp callback method to JXG.Server to get access to JXG.Server fields from within cpb\n this.cb = JXG.bind(this.cbp, this);\n\n // We are using our own XMLHttpRequest object in here because of a/sync and POST\n if (window.XMLHttpRequest) {\n AJAX = new XMLHttpRequest();\n AJAX.overrideMimeType(\"text/plain; charset=iso-8859-1\");\n } else {\n AJAX = new ActiveXObject(\"Microsoft.XMLHTTP\");\n }\n if (AJAX) {\n // POST is required if data sent to server is too long for a url.\n // some browsers/http servers don't accept long urls.\n AJAX.open(\"POST\", fileurl, !sync);\n AJAX.setRequestHeader(\"Content-type\", \"application/x-www-form-urlencoded\");\n\n if (!sync) {\n // Define function to fetch data received from server\n // that function returning a function is required to make this.cb known to the function.\n AJAX.onreadystatechange = (function (cb) {\n return function () {\n if (AJAX.readyState === 4 && AJAX.status === 200) {\n cb(AJAX.responseText);\n return true;\n }\n return false;\n };\n })(this.cb);\n }\n\n // send the data\n AJAX.send(passdata);\n if (sync) {\n this.cb(AJAX.responseText);\n return true;\n }\n }\n\n return false;\n },\n\n /**\n * Callback for the default action 'load'.\n */\n loadModule_cb: function (data) {\n var i;\n for (i = 0; i < data.length; i++) {\n JXG.debug(data[i].name + \": \" + data[i].value);\n }\n },\n\n /**\n * Loads a module from the server.\n * @param {string} module A string containing the module. Has to match the filename of the Python module on the server exactly including\n * lower and upper case letters without the file ending .py.\n */\n loadModule: function (module) {\n return JXG.Server.callServer(\n \"load\",\n JXG.Server.loadModule_cb,\n { module: module },\n true\n );\n }\n};\n\nJXG.Server.load = JXG.Server.loadModule;\n\nexport default JXG.Server;\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * If all four determinants are zero, we add random noise to the point.\n *\n * @param {JXG.Math.Clip.Vertex} P Start of path\n * @private\n * @see JXG.Math.Clip#markEntryExit\n * @see JXG.Math.Clip#_handleIntersectionChains\n */\n _classifyDegenerateIntersections: function (P) {\n var Pp, Pm, Qp, Qm, Q,\n side, cnt, tmp, det,\n oppositeDir,\n s1, s2, s3, s4,\n endless = true,\n DEBUG = false;\n\n if (DEBUG) {\n console.log(\n \"\\n-------------- _classifyDegenerateIntersections()\",\n Type.exists(P.data) ? P.data.pathname : \" \"\n );\n }\n det = Geometry.det3p;\n cnt = 0;\n P._tours = 0;\n while (endless) {\n if (DEBUG) {\n console.log(\"Inspect P:\", P.coords.usrCoords, P.data ? P.data.type : \" \");\n }\n if (P.intersection && P.data.type === \"T\") {\n // Handle the degenerate cases\n // Decide if they are (delayed) bouncing or crossing intersections\n Pp = P._next.coords.usrCoords; // P+\n Pm = P._prev.coords.usrCoords; // P-\n\n // If the intersection point is degenerated and\n // equal to the start and end of one component,\n // then there will be two adjacent points with\n // the same coordinate.\n // In that case, we proceed to the next node.\n if (Geometry.distance(P.coords.usrCoords, Pp, 3) < Mat.eps) {\n Pp = P._next._next.coords.usrCoords;\n }\n if (Geometry.distance(P.coords.usrCoords, Pm, 3) < Mat.eps) {\n Pm = P._prev._prev.coords.usrCoords;\n }\n\n Q = P.neighbour;\n Qm = Q._prev.coords.usrCoords; // Q-\n Qp = Q._next.coords.usrCoords; // Q+\n if (Geometry.distance(Q.coords.usrCoords, Qp, 3) < Mat.eps) {\n Qp = Q._next._next.coords.usrCoords;\n }\n if (Geometry.distance(Q.coords.usrCoords, Qm, 3) < Mat.eps) {\n Qm = Q._prev._prev.coords.usrCoords;\n }\n\n if (DEBUG) {\n console.log(\"P chain:\", Pm, P.coords.usrCoords, Pp);\n console.log(\"Q chain:\", Qm, P.neighbour.coords.usrCoords, Qp);\n console.log(\"Pm\", this._getPosition(Pm, Qm, Q.coords.usrCoords, Qp));\n console.log(\"Pp\", this._getPosition(Pp, Qm, Q.coords.usrCoords, Qp));\n }\n\n s1 = det(P.coords.usrCoords, Pm, Qm);\n s2 = det(P.coords.usrCoords, Pp, Qp);\n s3 = det(P.coords.usrCoords, Pm, Qp);\n s4 = det(P.coords.usrCoords, Pp, Qm);\n\n if (s1 === 0 && s2 === 0 && s3 === 0 && s4 === 0) {\n P.coords.usrCoords[1] *= 1 + Math.random() * Mat.eps;\n P.coords.usrCoords[2] *= 1 + Math.random() * Mat.eps;\n Q.coords.usrCoords[1] = P.coords.usrCoords[1];\n Q.coords.usrCoords[2] = P.coords.usrCoords[2];\n s1 = det(P.coords.usrCoords, Pm, Qm);\n s2 = det(P.coords.usrCoords, Pp, Qp);\n s3 = det(P.coords.usrCoords, Pm, Qp);\n s4 = det(P.coords.usrCoords, Pp, Qm);\n if (DEBUG) {\n console.log(\"Random shift\", P.coords.usrCoords);\n console.log(s1, s2, s3, s4, s2 === 0);\n console.log(\n this._getPosition(Pm, Qm, Q.coords.usrCoords, Qp),\n this._getPosition(Pp, Qm, Q.coords.usrCoords, Qp)\n );\n }\n }\n oppositeDir = false;\n if (s1 === 0) {\n // Q-, Q=P, P- on straight line\n if (Geometry.affineRatio(P.coords.usrCoords, Pm, Qm) < 0) {\n oppositeDir = true;\n }\n } else if (s2 === 0) {\n if (Geometry.affineRatio(P.coords.usrCoords, Pp, Qp) < 0) {\n oppositeDir = true;\n }\n } else if (s3 === 0) {\n if (Geometry.affineRatio(P.coords.usrCoords, Pm, Qp) > 0) {\n oppositeDir = true;\n }\n } else if (s4 === 0) {\n if (Geometry.affineRatio(P.coords.usrCoords, Pp, Qm) > 0) {\n oppositeDir = true;\n }\n }\n if (oppositeDir) {\n // Swap Qm and Qp\n // Then Qm Q Qp has the same direction as Pm P Pp\n tmp = Qm;\n Qm = Qp;\n Qp = tmp;\n tmp = s1;\n s1 = s3;\n s3 = tmp;\n tmp = s2;\n s2 = s4;\n s4 = tmp;\n }\n\n if (DEBUG) {\n console.log(s1, s2, s3, s4, oppositeDir);\n }\n\n if (!Type.exists(P.delayedStatus)) {\n P.delayedStatus = [];\n }\n\n if (s1 === 0 && s2 === 0) {\n // Line [P-,P] equals [Q-,Q] and line [P,P+] equals [Q,Q+]\n // Interior of delayed crossing / bouncing\n P.delayedStatus = [\"on\", \"on\"];\n } else if (s1 === 0) {\n // P- on line [Q-,Q], P+ not on line [Q,Q+]\n // Begin / end of delayed crossing / bouncing\n side = this._getPosition(Pp, Qm, Q.coords.usrCoords, Qp);\n P.delayedStatus = [\"on\", side];\n } else if (s2 === 0) {\n // P+ on line [Q,Q+], P- not on line [Q-,Q]\n // Begin / end of delayed crossing / bouncing\n side = this._getPosition(Pm, Qm, Q.coords.usrCoords, Qp);\n P.delayedStatus = [side, \"on\"];\n } else {\n // Neither P+ on line [Q,Q+], nor P- on line [Q-,Q]\n // No delayed crossing / bouncing\n if (P.delayedStatus.length === 0) {\n if (\n this._getPosition(Pm, Qm, Q.coords.usrCoords, Qp) !==\n this._getPosition(Pp, Qm, Q.coords.usrCoords, Qp)\n ) {\n P.data.type = \"X\";\n } else {\n P.data.type = \"B\";\n }\n }\n }\n\n if (DEBUG) {\n console.log(\n \">>>> P:\",\n P.coords.usrCoords,\n \"delayedStatus:\",\n P.delayedStatus.toString(),\n P.data ? P.data.type : \" \",\n \"\\n---\"\n );\n }\n }\n\n if (Type.exists(P._tours)) {\n P._tours++;\n }\n\n if (P._tours > 3 || P._end || cnt > 1000) {\n // Jump out if either\n // - we reached the end\n // - there are more than 1000 intersection points\n // - P._tours > 3: We went already 4 times through this path.\n if (cnt > 1000) {\n console.log(\"Clipping: _classifyDegenerateIntersections exit\");\n }\n if (Type.exists(P._tours)) {\n delete P._tours;\n }\n break;\n }\n if (P.intersection) {\n cnt++;\n }\n P = P._next;\n }\n if (DEBUG) {\n console.log(\"------------------------\");\n }\n },\n\n /**\n * At this point the degenerated intersections have been classified.\n * Now we decide if the intersection chains of the given path\n * ultimatively cross the other path or bounce.\n *\n * @param {JXG.Math.Clip.Vertex} P Start of path\n *\n * @see JXG.Math.Clip#markEntryExit\n * @see JXG.Math.Clip#_classifyDegenerateIntersections\n * @private\n */\n _handleIntersectionChains: function (P) {\n var cnt = 0,\n start_status = \"Null\",\n P_start,\n endless = true,\n intersection_chain = false,\n wait_for_exit = false,\n DEBUG = false;\n\n if (DEBUG) {\n console.log(\n \"\\n-------------- _handleIntersectionChains()\",\n Type.exists(P.data) ? P.data.pathname : \" \"\n );\n }\n while (endless) {\n if (P.intersection === true) {\n if (DEBUG) {\n if (P.data.type === \"T\") {\n console.log(\n \"Degenerate point\",\n P.coords.usrCoords,\n P.data.type,\n P.data.type === \"T\" ? P.delayedStatus : \" \"\n );\n } else {\n console.log(\"Intersection point\", P.coords.usrCoords, P.data.type);\n }\n }\n if (P.data.type === \"T\") {\n if (P.delayedStatus[0] !== \"on\" && P.delayedStatus[1] === \"on\") {\n // First point of intersection chain\n intersection_chain = true;\n P_start = P;\n start_status = P.delayedStatus[0];\n } else if (\n intersection_chain &&\n P.delayedStatus[0] === \"on\" &&\n P.delayedStatus[1] === \"on\"\n ) {\n // Interior of intersection chain\n P.data.type = \"B\";\n if (DEBUG) {\n console.log(\"Interior\", P.coords.usrCoords);\n }\n } else if (\n intersection_chain &&\n P.delayedStatus[0] === \"on\" &&\n P.delayedStatus[1] !== \"on\"\n ) {\n // Last point of intersection chain\n intersection_chain = false;\n if (start_status === P.delayedStatus[1]) {\n // Intersection chain is delayed bouncing\n P_start.data.type = \"DB\";\n P.data.type = \"DB\";\n if (DEBUG) {\n console.log(\n \"Chain: delayed bouncing\",\n P_start.coords.usrCoords,\n \"...\",\n P.coords.usrCoords\n );\n }\n } else {\n // Intersection chain is delayed crossing\n P_start.data.type = \"DX\";\n P.data.type = \"DX\";\n if (DEBUG) {\n console.log(\n \"Chain: delayed crossing\",\n P_start.coords.usrCoords,\n \"...\",\n P.coords.usrCoords\n );\n }\n }\n }\n }\n cnt++;\n }\n if (P._end) {\n wait_for_exit = true;\n }\n if (wait_for_exit && !intersection_chain) {\n break;\n }\n if (cnt > 1000) {\n console.log(\n \"Warning: _handleIntersectionChains: intersection chain reached maximum numbers of iterations\"\n );\n break;\n }\n P = P._next;\n }\n },\n\n /**\n * Handle the case that all vertices of one path are contained\n * in the other path. In this case we search for a midpoint of an edge\n * which is not contained in the other path and add it to the path.\n * It will be used as starting point for the entry/exit algorithm.\n *\n * @private\n * @param {Array} S Subject path\n * @param {Array} C Clip path\n * @param {JXG.board} board JSXGraph board object. It is needed to convert between\n * user coordinates and screen coordinates.\n */\n _handleFullyDegenerateCase: function (S, C, board) {\n var P,\n Q,\n l,\n M,\n crds,\n q1,\n q2,\n node,\n i,\n j,\n leP,\n leQ,\n is_on_Q,\n tmp,\n is_fully_degenerated,\n arr = [S, C];\n\n for (l = 0; l < 2; l++) {\n P = arr[l];\n leP = P.length;\n for (i = 0, is_fully_degenerated = true; i < leP; i++) {\n if (!P[i].intersection) {\n is_fully_degenerated = false;\n break;\n }\n }\n\n if (is_fully_degenerated) {\n // All nodes of P are also on the other path.\n Q = arr[(l + 1) % 2];\n leQ = Q.length;\n\n // We search for a midpoint of one edge of P which is not the other path and\n // we add that midpoint to P.\n for (i = 0; i < leP; i++) {\n q1 = P[i].coords.usrCoords;\n q2 = P[i]._next.coords.usrCoords;\n\n // M is the midpoint\n M = [(q1[0] + q2[0]) * 0.5, (q1[1] + q2[1]) * 0.5, (q1[2] + q2[2]) * 0.5];\n\n // Test if M is on path Q. If this is not the case,\n // we take M as additional point of P.\n for (j = 0, is_on_Q = false; j < leQ; j++) {\n if (\n Math.abs(\n Geometry.det3p(\n Q[j].coords.usrCoords,\n Q[(j + 1) % leQ].coords.usrCoords,\n M\n )\n ) < Mat.eps\n ) {\n is_on_Q = true;\n break;\n }\n }\n if (!is_on_Q) {\n // The midpoint is added to the doubly-linked list.\n crds = new Coords(Const.COORDS_BY_USER, M, board);\n node = {\n pos: i,\n intersection: false,\n coords: crds,\n elementClass: Const.OBJECT_CLASS_POINT\n };\n\n tmp = P[i]._next;\n P[i]._next = node;\n node._prev = P[i];\n node._next = tmp;\n tmp._prev = node;\n\n if (P[i]._end) {\n P[i]._end = false;\n node._end = true;\n }\n\n break;\n }\n }\n }\n }\n },\n\n _getStatus: function (P, path) {\n var status;\n while (P.intersection) {\n if (P._end) {\n break;\n }\n P = P._next;\n }\n if (Geometry.windingNumber(P.coords.usrCoords, path) === 0) {\n // Outside\n status = \"entry\";\n // console.log(P.coords.usrCoords, ' is outside')\n } else {\n // Inside\n status = \"exit\";\n // console.log(P.coords.usrCoords, ' is inside')\n }\n\n return [P, status];\n },\n\n /**\n * Mark the intersection vertices of path1 as entry points or as exit points\n * in respect to path2.\n *
\n * This is the simple algorithm as in\n * Greiner, Günther; Kai Hormann (1998). \"Efficient clipping of arbitrary polygons\".\n * ACM Transactions on Graphics. 17 (2): 71–83\n *
\n * The algorithm handles also \"delayed crossings\" from\n * Erich, L. Foster, and Kai Hormann, Kai, and Romeo Traaian Popa (2019),\n * \"Clipping simple polygons with degenerate intersections\", Computers & Graphics:X, 2.\n * and - as an additional improvement -\n * handles self intersections of delayed crossings (A.W. 2021).\n *\n * @private\n * @param {Array} path1 First path\n * @param {Array} path2 Second path\n */\n markEntryExit: function (path1, path2, starters) {\n var status, P, cnt, res,\n i, len, start,\n endless = true,\n chain_start = null,\n intersection_chain = 0,\n DEBUG = false;\n\n len = starters.length;\n for (i = 0; i < len; i++) {\n start = starters[i];\n if (DEBUG) {\n console.log(\n \"\\n;;;;;;;;;; Labelling phase\",\n Type.exists(path1[start].data) ? path1[start].data.pathname : \" \",\n path1[start].coords.usrCoords\n );\n }\n this._classifyDegenerateIntersections(path1[start]);\n this._handleIntersectionChains(path1[start]);\n if (DEBUG) {\n console.log(\"\\n---- back to markEntryExit\");\n }\n\n // Decide if the first point of the component is inside or outside\n // of the other path.\n res = this._getStatus(path1[start], path2);\n P = res[0];\n status = res[1];\n if (DEBUG) {\n console.log(\"Start node:\", P.coords.usrCoords, status);\n }\n\n P._starter = true;\n\n // Greiner-Hormann entry/exit algorithm\n // with additional handling of delayed crossing / bouncing\n cnt = 0;\n chain_start = null;\n intersection_chain = 0;\n\n while (endless) {\n if (P.intersection === true) {\n if (P.data.type === \"X\" && intersection_chain === 1) {\n // While we are in an intersection chain, i.e. a delayed crossing,\n // we stumble on a crossing intersection.\n // Probably, the other path is self intersecting.\n // We end the intersection chain here and\n // mark this event by setting intersection_chain = 2.\n chain_start.entry_exit = status;\n if (status === \"exit\") {\n chain_start.data.type = \"X\";\n }\n intersection_chain = 2;\n }\n\n if (P.data.type === \"X\" || P.data.type === \"DB\") {\n P.entry_exit = status;\n status = status === \"entry\" ? \"exit\" : \"entry\";\n if (DEBUG) {\n console.log(\"mark:\", P.coords.usrCoords, P.data.type, P.entry_exit);\n }\n }\n\n if (P.data.type === \"DX\") {\n if (intersection_chain === 0) {\n // Start of intersection chain.\n // No active intersection chain yet,\n // i.e. we did not pass a the first node of a delayed crossing.\n chain_start = P;\n intersection_chain = 1;\n if (DEBUG) {\n console.log(\n \"Start intersection chain:\",\n P.coords.usrCoords,\n P.data.type,\n status\n );\n }\n } else if (intersection_chain === 1) {\n // Active intersection chain (intersection_chain===1)!\n // End of delayed crossing chain reached\n P.entry_exit = status;\n chain_start.entry_exit = status;\n if (status === \"exit\") {\n chain_start.data.type = \"X\";\n } else {\n P.data.type = \"X\";\n }\n status = status === \"entry\" ? \"exit\" : \"entry\";\n\n if (DEBUG) {\n console.log(\n \"mark':\",\n chain_start.coords.usrCoords,\n chain_start.data.type,\n chain_start.entry_exit\n );\n console.log(\n \"mark:\",\n P.coords.usrCoords,\n P.data.type,\n P.entry_exit\n );\n }\n chain_start = null;\n intersection_chain = 0;\n } else if (intersection_chain === 2) {\n // The delayed crossing had been interrupted by a crossing intersection.\n // Now we treat the end of the delayed crossing as regular crossing.\n P.entry_exit = status;\n P.data.type = \"X\";\n status = status === \"entry\" ? \"exit\" : \"entry\";\n chain_start = null;\n intersection_chain = 0;\n }\n }\n }\n\n P = P._next;\n if (Type.exists(P._starter) || cnt > 10000) {\n break;\n }\n\n cnt++;\n }\n }\n },\n\n /**\n *\n * @private\n * @param {Array} P\n * @param {Boolean} isBackward\n * @returns {Boolean} True, if the node is an intersection and is of type 'X'\n */\n _stayOnPath: function (P, status) {\n var stay = true;\n\n if (P.intersection && P.data.type !== \"B\") {\n stay = status === P.entry_exit;\n }\n return stay;\n },\n\n /**\n * Add a point to the clipping path and returns if the algorithms\n * arrived at an intersection point which has already been visited.\n * In this case, true is returned.\n *\n * @param {Array} path Resulting path\n * @param {JXG.Math.Clip.Vertex} vertex Point to be added\n * @param {Boolean} DEBUG debug output to console.log\n * @returns {Boolean} true: point has been visited before, false otherwise\n * @private\n */\n _addVertex: function (path, vertex, DEBUG) {\n if (!isNaN(vertex.coords.usrCoords[1]) && !isNaN(vertex.coords.usrCoords[2])) {\n path.push(vertex);\n }\n if (vertex.intersection && vertex.data.done) {\n if (DEBUG) {\n console.log(\n \"Add last intersection point\",\n vertex.coords.usrCoords,\n \"on\",\n vertex.data.pathname,\n vertex.entry_exit,\n vertex.data.type\n );\n }\n return true;\n }\n if (vertex.intersection) {\n vertex.data.done = true;\n\n if (DEBUG) {\n console.log(\n \"Add intersection point\",\n vertex.coords.usrCoords,\n \"on\",\n vertex.data.pathname,\n vertex.entry_exit,\n vertex.data.type\n );\n }\n }\n return false;\n },\n\n /**\n * Tracing phase of the Greiner-Hormann algorithm, see\n * Greiner, Günther; Kai Hormann (1998).\n * \"Efficient clipping of arbitrary polygons\". ACM Transactions on Graphics. 17 (2): 71–83\n *\n * Boolean operations on polygons are distinguished: 'intersection', 'union', 'difference'.\n *\n * @private\n * @param {Array} S Subject path\n * @param {Array} S_intersect Array containing the intersection vertices of the subject path\n * @param {String} clip_type contains the Boolean operation: 'intersection', 'union', or 'difference'\n * @return {Array} Array consisting of two arrays containing the x-coordinates and the y-coordintaes of\n * the resulting path.\n */\n tracing: function (S, S_intersect, clip_type) {\n var P,\n current,\n start,\n cnt = 0,\n status,\n maxCnt = 10000,\n S_idx = 0,\n path = [],\n done = false,\n DEBUG = false;\n\n if (DEBUG) {\n console.log(\"\\n------ Start Phase 3\");\n }\n\n // reverse = (clip_type === 'difference' || clip_type === 'union') ? true : false;\n while (S_idx < S_intersect.length && cnt < maxCnt) {\n // Take the first intersection node of the subject path\n // which is not yet included as start point.\n current = S_intersect[S_idx];\n if (\n current.data.done ||\n current.data.type !== \"X\" /*|| !this._isCrossing(current, reverse)*/\n ) {\n S_idx++;\n continue;\n }\n\n if (DEBUG) {\n console.log(\n \"\\nStart\",\n current.data.pathname,\n current.coords.usrCoords,\n current.data.type,\n current.entry_exit,\n S_idx\n );\n }\n if (path.length > 0) {\n // Add a new path\n path.push([NaN, NaN]);\n }\n\n // Start now the tracing with that node of the subject path\n start = current.data.idx;\n P = S;\n\n done = this._addVertex(path, current, DEBUG);\n status = current.entry_exit;\n do {\n if (done) {\n break;\n }\n //\n // Decide if we follow the current path forward or backward.\n // for example, in case the clipping is of type \"intersection\"\n // and the current intersection node is of type entry, we go forward.\n //\n if (\n (clip_type === \"intersection\" && current.entry_exit === \"entry\") ||\n (clip_type === \"union\" && current.entry_exit === \"exit\") ||\n (clip_type === \"difference\" &&\n (P === S) === (current.entry_exit === \"exit\"))\n ) {\n if (DEBUG) {\n console.log(\"Go forward on\", current.data.pathname, current.entry_exit);\n }\n\n //\n // Take the next nodes and add them to the path\n // as long as they are not intersection nodes of type 'X'.\n //\n do {\n current = current._next;\n done = this._addVertex(path, current, DEBUG);\n if (done) {\n break;\n }\n } while (this._stayOnPath(current, status));\n cnt++;\n } else {\n if (DEBUG) {\n console.log(\"Go backward on\", current.data.pathname);\n }\n //\n // Here, we go backward:\n // Take the previous nodes and add them to the path\n // as long as they are not intersection nodes of type 'X'.\n //\n do {\n current = current._prev;\n done = this._addVertex(path, current, DEBUG);\n if (done) {\n break;\n }\n } while (this._stayOnPath(current, status));\n cnt++;\n }\n\n if (done) {\n break;\n }\n\n if (!current.neighbour) {\n console.log(\n \"Tracing: emergency break - no neighbour!!!!!!!!!!!!!!!!!\",\n cnt\n );\n return [[0], [0]];\n }\n //\n // We stopped the forward or backward loop, because we've\n // arrived at a crossing intersection node, i.e. we have to\n // switch to the other path now.\n if (DEBUG) {\n console.log(\n \"Switch from\",\n current.coords.usrCoords,\n current.data.pathname,\n \"to\",\n current.neighbour.coords.usrCoords,\n \"on\",\n current.neighbour.data.pathname\n );\n }\n current = current.neighbour;\n if (current.data.done) {\n break;\n }\n current.data.done = true;\n status = current.entry_exit;\n\n // if (current.data.done) {\n // // We arrived at an intersection node which is already\n // // added to the clipping path.\n // // We add it again to close the clipping path and jump out of the\n // // loop.\n // path.push(current);\n // if (DEBUG) {\n // console.log(\"Push last\", current.coords.usrCoords);\n // }\n // break;\n // }\n P = current.data.path;\n\n // Polygon closed:\n // if (DEBUG) {\n // console.log(\"End of loop:\", \"start=\", start, \"idx=\", current.data.idx);\n // }\n // } while (!(current.data.pathname === 'S' && current.data.idx === start) && cnt < maxCnt);\n } while (current.data.idx !== start && cnt < maxCnt);\n\n if (cnt >= maxCnt) {\n console.log(\"Tracing: stopping an infinite loop!\", cnt);\n }\n\n S_idx++;\n }\n return this._getCoordsArrays(path, false);\n },\n\n /**\n * Handle path clipping if one of the two paths is empty.\n * @private\n * @param {Array} S First path, array of JXG.Coords\n * @param {Array} C Second path, array of JXG.Coords\n * @param {String} clip_type Type of Boolean operation: 'intersection', 'union', 'differrence'.\n * @return {Boolean} true, if one of the input paths is empty, false otherwise.\n */\n isEmptyCase: function (S, C, clip_type) {\n if (clip_type === \"intersection\" && (S.length === 0 || C.length === 0)) {\n return true;\n }\n if (clip_type === \"union\" && S.length === 0 && C.length === 0) {\n return true;\n }\n if (clip_type === \"difference\" && S.length === 0) {\n return true;\n }\n\n return false;\n },\n\n _getCoordsArrays: function (path, doClose) {\n var pathX = [],\n pathY = [],\n i,\n le = path.length;\n\n for (i = 0; i < le; i++) {\n if (path[i].coords) {\n pathX.push(path[i].coords.usrCoords[1]);\n pathY.push(path[i].coords.usrCoords[2]);\n } else {\n pathX.push(path[i][0]);\n pathY.push(path[i][1]);\n }\n }\n if (doClose && le > 0) {\n if (path[0].coords) {\n pathX.push(path[0].coords.usrCoords[1]);\n pathY.push(path[0].coords.usrCoords[2]);\n } else {\n pathX.push(path[0][0]);\n pathY.push(path[0][1]);\n }\n }\n\n return [pathX, pathY];\n },\n\n /**\n * Handle cases when there are no intersection points of the two paths. This is the case if the\n * paths are disjoint or one is contained in the other.\n * @private\n * @param {Array} S First path, array of JXG.Coords\n * @param {Array} C Second path, array of JXG.Coords\n * @param {String} clip_type Type of Boolean operation: 'intersection', 'union', 'differrence'.\n * @return {Array} Array consisting of two arrays containing the x-coordinates and the y-coordinates of\n * the resulting path.\n */\n handleEmptyIntersection: function (S, C, clip_type) {\n var P,\n Q,\n doClose = false,\n path = [];\n\n // Handle trivial cases\n if (S.length === 0) {\n if (clip_type === \"union\") {\n // S cup C = C\n path = C;\n } else {\n // S cap C = S \\ C = {}\n path = [];\n }\n return this._getCoordsArrays(path, true);\n }\n if (C.length === 0) {\n if (clip_type === \"intersection\") {\n // S cap C = {}\n path = [];\n } else {\n // S cup C = S \\ C = S\n path = S;\n }\n return this._getCoordsArrays(path, true);\n }\n\n // From now on, both paths have non-zero length.\n // The two paths have no crossing intersections,\n // but there might be bouncing intersections.\n\n // First, we find -- if possible -- on each path a point which is not an intersection point.\n if (S.length > 0) {\n P = S[0];\n while (P.intersection) {\n P = P._next;\n if (P._end) {\n break;\n }\n }\n }\n if (C.length > 0) {\n Q = C[0];\n while (Q.intersection) {\n Q = Q._next;\n if (Q._end) {\n break;\n }\n }\n }\n\n // Test if one curve is contained by the other\n if (Geometry.windingNumber(P.coords.usrCoords, C) === 0) {\n // P is outside of C:\n // Either S is disjoint from C or C is inside of S\n if (Geometry.windingNumber(Q.coords.usrCoords, S) !== 0) {\n // C is inside of S, i.e. C subset of S\n\n if (clip_type === \"union\") {\n path = path.concat(S);\n path.push(S[0]);\n } else if (clip_type === \"difference\") {\n path = path.concat(S);\n path.push(S[0]);\n if (Geometry.signedPolygon(S) * Geometry.signedPolygon(C) > 0) {\n // Pathes have same orientation, we have to revert one.\n path.reverse();\n }\n path.push([NaN, NaN]);\n }\n if (clip_type === \"difference\" || clip_type === \"intersection\") {\n path = path.concat(C);\n path.push(C[0]);\n doClose = false;\n }\n } else {\n // The curves are disjoint\n if (clip_type === \"difference\") {\n path = path.concat(S);\n doClose = true;\n } else if (clip_type === \"union\") {\n path = path.concat(S);\n path.push(S[0]);\n path.push([NaN, NaN]);\n path = path.concat(C);\n path.push(C[0]);\n }\n }\n } else {\n // S inside of C, i.e. S subset of C\n if (clip_type === \"intersection\") {\n path = path.concat(S);\n doClose = true;\n } else if (clip_type === \"union\") {\n path = path.concat(C);\n path.push(C[0]);\n }\n\n // 'difference': path is empty\n }\n\n return this._getCoordsArrays(path, doClose);\n },\n\n /**\n * Count intersection points of type 'X'.\n * @param {JXG.Mat.Clip.Vertex} intersections\n * @returns Number\n * @private\n */\n _countCrossingIntersections: function (intersections) {\n var i,\n le = intersections.length,\n sum = 0;\n\n for (i = 0; i < le; i++) {\n if (intersections[i].data.type === \"X\") {\n sum++;\n }\n }\n return sum;\n },\n\n /**\n * Create path from all sorts of input elements and convert it\n * to a suitable input path for greinerHormann().\n *\n * @private\n * @param {Object} obj Maybe curve, arc, sector, circle, polygon, array of points, array of JXG.Coords,\n * array of coordinate pairs.\n * @param {JXG.Board} board JSXGraph board object. It is needed to convert between\n * user coordinates and screen coordinates.\n * @returns {Array} Array of JXG.Coords elements containing a path.\n * @see JXG.Math.Clip#greinerHormann\n */\n _getPath: function (obj, board) {\n var i,\n len,\n r,\n rad,\n angle,\n alpha,\n steps,\n S = [];\n\n // Collect all points into path array S\n if (\n obj.elementClass === Const.OBJECT_CLASS_CURVE &&\n (obj.type === Const.OBJECT_TYPE_ARC || obj.type === Const.OBJECT_TYPE_SECTOR)\n ) {\n angle = Geometry.rad(obj.radiuspoint, obj.center, obj.anglepoint);\n steps = Math.floor((angle * 180) / Math.PI);\n r = obj.Radius();\n rad = angle / steps;\n alpha = Math.atan2(\n obj.radiuspoint.coords.usrCoords[2] - obj.center.coords.usrCoords[2],\n obj.radiuspoint.coords.usrCoords[1] - obj.center.coords.usrCoords[1]\n );\n\n if (obj.type === Const.OBJECT_TYPE_SECTOR) {\n this._addToList(S, obj.center.coords, 0);\n }\n for (i = 0; i <= steps; i++) {\n this._addToList(\n S,\n new Coords(\n Const.COORDS_BY_USER,\n [\n obj.center.coords.usrCoords[0],\n obj.center.coords.usrCoords[1] + Math.cos(i * rad + alpha) * r,\n obj.center.coords.usrCoords[2] + Math.sin(i * rad + alpha) * r\n ],\n board\n ),\n i + 1\n );\n }\n if (obj.type === Const.OBJECT_TYPE_SECTOR) {\n this._addToList(S, obj.center.coords, steps + 2);\n }\n } else if (obj.elementClass === Const.OBJECT_CLASS_CURVE && Type.exists(obj.points)) {\n len = obj.numberPoints;\n for (i = 0; i < len; i++) {\n this._addToList(S, obj.points[i], i);\n }\n } else if (obj.type === Const.OBJECT_TYPE_POLYGON) {\n for (i = 0; i < obj.vertices.length; i++) {\n this._addToList(S, obj.vertices[i].coords, i);\n }\n } else if (obj.elementClass === Const.OBJECT_CLASS_CIRCLE) {\n steps = 359;\n r = obj.Radius();\n rad = (2 * Math.PI) / steps;\n for (i = 0; i <= steps; i++) {\n this._addToList(\n S,\n new Coords(\n Const.COORDS_BY_USER,\n [\n obj.center.coords.usrCoords[0],\n obj.center.coords.usrCoords[1] + Math.cos(i * rad) * r,\n obj.center.coords.usrCoords[2] + Math.sin(i * rad) * r\n ],\n board\n ),\n i\n );\n }\n } else if (Type.isArray(obj)) {\n len = obj.length;\n for (i = 0; i < len; i++) {\n if (Type.exists(obj[i].coords)) {\n // Point type\n this._addToList(S, obj[i].coords, i);\n } else if (Type.isArray(obj[i])) {\n // Coordinate pair\n this._addToList(S, new Coords(Const.COORDS_BY_USER, obj[i], board), i);\n } else if (Type.exists(obj[i].usrCoords)) {\n // JXG.Coordinates\n this._addToList(S, obj[i], i);\n }\n }\n }\n\n return S;\n },\n\n /**\n * Determine the intersection, union or difference of two closed paths.\n *
\n * This is an implementation of the Greiner-Hormann algorithm, see\n * Günther Greiner and Kai Hormann (1998).\n * \"Efficient clipping of arbitrary polygons\". ACM Transactions on Graphics. 17 (2): 71–83.\n * and\n * Erich, L. Foster, and Kai Hormann, Kai, and Romeo Traaian Popa (2019),\n * \"Clipping simple polygons with degenerate intersections\", Computers & Graphics:X, 2.\n *
\n * It is assumed that the pathes are closed, whereby it does not matter if the last point indeed\n * equals the first point. In contrast to the original Greiner-Hormann algorithm,\n * this algorithm can cope with many degenerate cases. A degenerate case is a vertext of one path\n * which is contained in the other path.\n *
\n *\n *
Problematic are:\n *
\n * - degenerate cases where one path additionally has self-intersections\n *
- differences with one path having self-intersections.\n *
\n *\n * @param {JXG.Circle|JXG.Curve|JXG.Polygon} subject First closed path, usually called 'subject'.\n * Maybe curve, arc, sector, circle, polygon, array of points, array of JXG.Coords,\n * array of coordinate pairs.\n * @param {JXG.Circle|JXG.Curve|JXG.Polygon} clip Second closed path, usually called 'clip'.\n * Maybe curve, arc, sector, circle, polygon, array of points, array of JXG.Coords,\n * array of coordinate pairs.\n * @param {String} clip_type Determines the type of boolean operation on the two paths.\n * Possible values are 'intersection', 'union', or 'difference'.\n * @param {JXG.Board} board JSXGraph board object. It is needed to convert between\n * user coordinates and screen coordinates.\n * @return {Array} Array consisting of two arrays containing the x-coordinates and the y-coordinates of\n * the resulting path.\n *\n * @see JXG.Math.Clip#intersection\n * @see JXG.Math.Clip#union\n * @see JXG.Math.Clip#difference\n *\n * @example\n * var curve1 = board.create('curve', [\n * [-3, 3, 0, -3],\n * [3, 3, 0, 3]\n * ],\n * {strokeColor: 'black'});\n *\n * var curve2 = board.create('curve', [\n * [-4, 4, 0, -4],\n * [2, 2, 4, 2]\n * ],\n * {strokeColor: 'blue'});\n *\n * var clip_path = board.create('curve', [[], []], {strokeWidth: 3, fillColor: 'yellow', fillOpacity: 0.6});\n * clip_path.updateDataArray = function() {\n * var a = JXG.Math.Clip.greinerHormann(curve2, curve1, 'intersection', this.board);\n *\n * this.dataX = a[0];\n * this.dataY = a[1];\n * };\n *\n * board.update();\n *\n *
\n * \n *\n * @example\n * var curve1 = board.create('curve', [\n * [-3, 3, 0, -3],\n * [3, 3, 0, 3]\n * ],\n * {strokeColor: 'black', fillColor: 'none', fillOpacity: 0.8});\n *\n * var curve2 = board.create('polygon', [[3, 4], [-4, 0], [-4, 4]],\n * {strokeColor: 'blue', fillColor: 'none'});\n *\n * var clip_path = board.create('curve', [[], []], {strokeWidth: 3, fillColor: 'yellow', fillOpacity: 0.6});\n * clip_path.updateDataArray = function() {\n * var a = JXG.Math.Clip.greinerHormann(curve1, curve2, 'union', this.board);\n * this.dataX = a[0];\n * this.dataY = a[1];\n * };\n *\n * board.update();\n *\n * \n * \n *\n * @example\n * var curve1 = board.create('curve', [\n * [-4, 4, 0, -4],\n * [4, 4, -2, 4]\n * ],\n * {strokeColor: 'black', fillColor: 'none', fillOpacity: 0.8});\n *\n * var curve2 = board.create('circle', [[0, 0], [0, -2]],\n * {strokeColor: 'blue', strokeWidth: 1, fillColor: 'red', fixed: true, fillOpacity: 0.3,\n * center: {visible: true, size: 5}, point2: {size: 5}});\n *\n * var clip_path = board.create('curve', [[], []], {strokeWidth: 3, fillColor: 'yellow', fillOpacity: 0.6});\n * clip_path.updateDataArray = function() {\n * var a = JXG.Math.Clip.greinerHormann(curve1, curve2, 'difference', this.board);\n *\n * this.dataX = a[0];\n * this.dataY = a[1];\n * };\n *\n * board.update();\n *\n * \n * \n *\n * @example\n * var clip_path = board.create('curve', [[], []], {strokeWidth: 1, fillColor: 'yellow', fillOpacity: 0.6});\n * clip_path.updateDataArray = function() {\n * var bbox = this.board.getBoundingBox(),\n * canvas, triangle;\n *\n * canvas = [[bbox[0], bbox[1]], // ul\n * [bbox[0], bbox[3]], // ll\n * [bbox[2], bbox[3]], // lr\n * [bbox[2], bbox[1]], // ur\n * [bbox[0], bbox[1]]] // ul\n * triangle = [[-1,1], [1,1], [0,-1], [-1,1]];\n *\n * var a = JXG.Math.Clip.greinerHormann(canvas, triangle, 'difference', this.board);\n * this.dataX = a[0];\n * this.dataY = a[1];\n * };\n *\n * \n * \n *\n */\n greinerHormann: function (subject, clip, clip_type, board) {\n //},\n // subject_first_point_type, clip_first_point_type) {\n\n var len,\n S = [],\n C = [],\n S_intersect = [],\n // C_intersect = [],\n S_starters,\n C_starters,\n res = [],\n DEBUG = false;\n\n if (DEBUG) {\n console.log(\"\\n------------ GREINER-HORMANN --------------\");\n }\n // Collect all subject points into subject array S\n S = this._getPath(subject, board);\n len = S.length;\n if (\n len > 0 &&\n Geometry.distance(S[0].coords.usrCoords, S[len - 1].coords.usrCoords, 3) < Mat.eps\n ) {\n S.pop();\n }\n\n // Collect all points into clip array C\n C = this._getPath(clip, board);\n len = C.length;\n if (\n len > 0 &&\n Geometry.distance(C[0].coords.usrCoords, C[len - 1].coords.usrCoords, 3) <\n Mat.eps * Mat.eps\n ) {\n C.pop();\n }\n\n // Handle cases where at least one of the paths is empty\n if (this.isEmptyCase(S, C, clip_type)) {\n return [[], []];\n }\n\n // Add pointers for doubly linked lists\n S_starters = this.makeDoublyLinkedList(S);\n C_starters = this.makeDoublyLinkedList(C);\n\n if (DEBUG) {\n this._print_array(S);\n console.log(\"Components:\", S_starters);\n this._print_array(C);\n console.log(\"Components:\", C_starters);\n }\n\n res = this.findIntersections(S, C, board);\n S_intersect = res[0];\n\n this._handleFullyDegenerateCase(S, C, board);\n\n // Phase 2: mark intersection points as entry or exit points\n this.markEntryExit(S, C, S_starters);\n\n // if (S[0].coords.distance(Const.COORDS_BY_USER, C[0].coords) === 0) {\n // // Randomly disturb the first point of the second path\n // // if both paths start at the same point.\n // C[0].usrCoords[1] *= 1 + Math.random() * 0.0001 - 0.00005;\n // C[0].usrCoords[2] *= 1 + Math.random() * 0.0001 - 0.00005;\n // }\n this.markEntryExit(C, S, C_starters);\n\n // Handle cases without intersections\n if (this._countCrossingIntersections(S_intersect) === 0) {\n return this.handleEmptyIntersection(S, C, clip_type);\n }\n\n // Phase 3: tracing\n return this.tracing(S, S_intersect, clip_type);\n },\n\n /**\n * Union of two closed paths. The paths could be JSXGraph elements circle, curve, or polygon.\n * Computed by the Greiner-Hormann algorithm.\n *\n * @param {JXG.Circle|JXG.Curve|JXG.Polygon} subject First closed path.\n * @param {JXG.Circle|JXG.Curve|JXG.Polygon} clip Second closed path.\n * @param {JXG.Board} board JSXGraph board object. It is needed to convert between\n * user coordinates and screen coordinates.\n * @return {Array} Array consisting of two arrays containing the x-coordinates and the y-coordinates of\n * the resulting path.\n *\n * @see JXG.Math.Clip#greinerHormann\n * @see JXG.Math.Clip#intersection\n * @see JXG.Math.Clip#difference\n *\n * @example\n * var curve1 = board.create('curve', [\n * [-3, 3, 0, -3],\n * [3, 3, 0, 3]\n * ],\n * {strokeColor: 'black'});\n *\n * var curve2 = board.create('polygon', [[3, 4], [-4, 0], [-4, 4]],\n * {strokeColor: 'blue', fillColor: 'none'});\n *\n * var clip_path = board.create('curve', [[], []], {strokeWidth: 3, fillColor: 'yellow', fillOpacity: 0.3});\n * clip_path.updateDataArray = function() {\n * var a = JXG.Math.Clip.union(curve1, curve2, this.board);\n * this.dataX = a[0];\n * this.dataY = a[1];\n * };\n *\n * board.update();\n *\n * \n * \n *\n */\n union: function (path1, path2, board) {\n return this.greinerHormann(path1, path2, \"union\", board);\n },\n\n /**\n * Intersection of two closed paths. The paths could be JSXGraph elements circle, curve, or polygon.\n * Computed by the Greiner-Hormann algorithm.\n *\n * @param {JXG.Circle|JXG.Curve|JXG.Polygon} subject First closed path.\n * @param {JXG.Circle|JXG.Curve|JXG.Polygon} clip Second closed path.\n * @param {JXG.Board} board JSXGraph board object. It is needed to convert between\n * user coordinates and screen coordinates.\n * @return {Array} Array consisting of two arrays containing the x-coordinates and the y-coordinates of\n * the resulting path.\n *\n * @see JXG.Math.Clip#greinerHormann\n * @see JXG.Math.Clip#union\n * @see JXG.Math.Clip#difference\n *\n * @example\n * var p = [];\n * p.push(board.create('point', [0, -5]));\n * p.push(board.create('point', [-5, 0]));\n * p.push(board.create('point', [-3, 3]));\n *\n * var curve1 = board.create('ellipse', p,\n * {strokeColor: 'black'});\n *\n * var curve2 = board.create('curve', [function(phi){return 4 * Math.cos(2*phi); },\n * [0, 0],\n * 0, 2 * Math.PI],\n * {curveType:'polar', strokeColor: 'blue', strokewidth:1});\n *\n * var clip_path = board.create('curve', [[], []], {strokeWidth: 3, fillColor: 'yellow', fillOpacity: 0.3});\n * clip_path.updateDataArray = function() {\n * var a = JXG.Math.Clip.intersection(curve2, curve1, this.board);\n *\n * this.dataX = a[0];\n * this.dataY = a[1];\n * };\n *\n * board.update();\n *\n * \n * \n *\n *\n */\n intersection: function (path1, path2, board) {\n return this.greinerHormann(path1, path2, \"intersection\", board);\n },\n\n /**\n * Difference of two closed paths, i.e. path1 minus path2.\n * The paths could be JSXGraph elements circle, curve, or polygon.\n * Computed by the Greiner-Hormann algorithm.\n *\n * @param {JXG.Circle|JXG.Curve|JXG.Polygon} subject First closed path.\n * @param {JXG.Circle|JXG.Curve|JXG.Polygon} clip Second closed path.\n * @param {JXG.Board} board JSXGraph board object. It is needed to convert between\n * user coordinates and screen coordinates.\n * @return {Array} Array consisting of two arrays containing the x-coordinates and the y-coordinates of\n * the resulting path.\n *\n * @see JXG.Math.Clip#greinerHormann\n * @see JXG.Math.Clip#intersection\n * @see JXG.Math.Clip#union\n *\n * @example\n * var curve1 = board.create('polygon', [[-4, 4], [4, 4], [0, -1]],\n * {strokeColor: 'blue', fillColor: 'none'});\n *\n * var curve2 = board.create('curve', [\n * [-1, 1, 0, -1],\n * [1, 1, 3, 1]\n * ],\n * {strokeColor: 'black', fillColor: 'none', fillOpacity: 0.8});\n *\n * var clip_path = board.create('curve', [[], []], {strokeWidth: 3, fillColor: 'yellow', fillOpacity: 0.3});\n * clip_path.updateDataArray = function() {\n * var a = JXG.Math.Clip.difference(curve1, curve2, this.board);\n * this.dataX = a[0];\n * this.dataY = a[1];\n * };\n *\n * board.update();\n *\n * \n * \n *\n */\n difference: function (path1, path2, board) {\n return this.greinerHormann(path1, path2, \"difference\", board);\n }\n}; //);\n\nJXG.extend(Mat.Clip, /** @lends JXG.Math.Clip */ {});\n\nexport default Mat.Clip;\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see var z1 = new JXG.Complex(1, 0);\n * var z2 = new JXG.Complex(0, 1);\n * z = JXG.C.add(z1, z1);
\n * z1 and z2 here remain unmodified. With the object oriented approach above this\n * section the code would look like:\n * var z1 = new JXG.Complex(1, 0);\n * var z2 = new JXG.Complex(0, 1);\n * var z = new JXG.Complex(z1);\n * z.add(z2);
\n * @namespace Namespace for the complex number arithmetic functions.\n */\nJXG.C = {};\n\n/**\n * Add two (complex) numbers z1 and z2 and return the result as a (complex) number.\n * @param {JXG.Complex,Number} z1 Summand\n * @param {JXG.Complex,Number} z2 Summand\n * @returns {JXG.Complex} A complex number equal to the sum of the given parameters.\n */\nJXG.C.add = function (z1, z2) {\n var z = new JXG.Complex(z1);\n z.add(z2);\n return z;\n};\n\n/**\n * Subtract two (complex) numbers z1 and z2 and return the result as a (complex) number.\n * @param {JXG.Complex,Number} z1 Minuend\n * @param {JXG.Complex,Number} z2 Subtrahend\n * @returns {JXG.Complex} A complex number equal to the difference of the given parameters.\n */\nJXG.C.sub = function (z1, z2) {\n var z = new JXG.Complex(z1);\n z.sub(z2);\n return z;\n};\n\n/**\n * Multiply two (complex) numbers z1 and z2 and return the result as a (complex) number.\n * @param {JXG.Complex,Number} z1 Factor\n * @param {JXG.Complex,Number} z2 Factor\n * @returns {JXG.Complex} A complex number equal to the product of the given parameters.\n */\nJXG.C.mult = function (z1, z2) {\n var z = new JXG.Complex(z1);\n z.mult(z2);\n return z;\n};\n\n/**\n * Divide two (complex) numbers z1 and z2 and return the result as a (complex) number.\n * @param {JXG.Complex,Number} z1 Dividend\n * @param {JXG.Complex,Number} z2 Divisor\n * @returns {JXG.Complex} A complex number equal to the quotient of the given parameters.\n */\nJXG.C.div = function (z1, z2) {\n var z = new JXG.Complex(z1);\n z.div(z2);\n return z;\n};\n\n/**\n * Conjugate a complex number and return the result.\n * @param {JXG.Complex,Number} z1 Complex number\n * @returns {JXG.Complex} A complex number equal to the conjugate of the given parameter.\n */\nJXG.C.conj = function (z1) {\n var z = new JXG.Complex(z1);\n z.conj();\n return z;\n};\n\n/**\n * Absolute value of a complex number.\n * @param {JXG.Complex,Number} z1 Complex number\n * @returns {Number} real number equal to the absolute value of the given parameter.\n */\nJXG.C.abs = function (z1) {\n var z = new JXG.Complex(z1);\n\n z.conj();\n z.mult(z1);\n\n return Math.sqrt(z.real);\n};\n\nJXG.Complex.C = JXG.C;\n\nexport default JXG.Complex;\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see This class defines the interface to the graphics part of JSXGraph. This class is an abstract class, it\n * actually does not render anything. This is up to the {@link JXG.SVGRenderer}, {@link JXG.VMLRenderer},\n * and {@link JXG.CanvasRenderer} classes. We strongly discourage you from using the methods in these classes\n * directly. Only the methods which are defined in this class and are not marked as private are guaranteed\n * to exist in any renderer instance you can access via {@link JXG.Board#renderer}. But not all methods may\n * work as expected.
\n * The methods of this renderer can be divided into different categories:\n *
\n * The returned object also contains the types of the arrow heads.\n *\n * @param {JXG.GeometryElement} el JSXGraph line or curve element\n * @param {Number} strokewidth strokewidth of the element\n * @param {String} hl Ither 'highlight' or empty string\n * @returns {Object} object containing the data\n *\n * @private\n */\n getArrowHeadData: function (el, strokewidth, hl) {\n var minlen = Mat.eps,\n typeFirst,\n typeLast,\n offFirst = 0,\n offLast = 0,\n sizeFirst = 0,\n sizeLast = 0,\n ev_fa = Type.evaluate(el.visProp.firstarrow),\n ev_la = Type.evaluate(el.visProp.lastarrow),\n off,\n size;\n\n /*\n Handle arrow heads.\n\n The default arrow head is an isosceles triangle with base length 10 units and height 10 units.\n These 10 units are scaled to strokeWidth * arrowSize pixels.\n */\n if (ev_fa || ev_la) {\n if (Type.exists(ev_fa.type)) {\n typeFirst = Type.evaluate(ev_fa.type);\n } else {\n if (el.elementClass === Const.OBJECT_CLASS_LINE) {\n typeFirst = 1;\n } else {\n typeFirst = 7;\n }\n }\n if (Type.exists(ev_la.type)) {\n typeLast = Type.evaluate(ev_la.type);\n } else {\n if (el.elementClass === Const.OBJECT_CLASS_LINE) {\n typeLast = 1;\n } else {\n typeLast = 7;\n }\n }\n\n if (ev_fa) {\n size = 6;\n if (Type.exists(ev_fa.size)) {\n size = Type.evaluate(ev_fa.size);\n }\n if (hl !== \"\" && Type.exists(ev_fa[hl + \"size\"])) {\n size = Type.evaluate(ev_fa[hl + \"size\"]);\n }\n\n off = strokewidth * size;\n if (typeFirst === 2) {\n off *= 0.5;\n minlen += strokewidth * size;\n } else if (typeFirst === 3) {\n off = (strokewidth * size) / 3;\n minlen += strokewidth;\n } else if (typeFirst === 4 || typeFirst === 5 || typeFirst === 6) {\n off = (strokewidth * size) / 1.5;\n minlen += strokewidth * size;\n } else if (typeFirst === 7) {\n off = 0;\n size = 10;\n minlen += strokewidth;\n } else {\n minlen += strokewidth * size;\n }\n offFirst += off;\n sizeFirst = size;\n }\n\n if (ev_la) {\n size = 6;\n if (Type.exists(ev_la.size)) {\n size = Type.evaluate(ev_la.size);\n }\n if (hl !== \"\" && Type.exists(ev_la[hl + \"size\"])) {\n size = Type.evaluate(ev_la[hl + \"size\"]);\n }\n off = strokewidth * size;\n if (typeLast === 2) {\n off *= 0.5;\n minlen += strokewidth * size;\n } else if (typeLast === 3) {\n off = (strokewidth * size) / 3;\n minlen += strokewidth;\n } else if (typeLast === 4 || typeLast === 5 || typeLast === 6) {\n off = (strokewidth * size) / 1.5;\n minlen += strokewidth * size;\n } else if (typeLast === 7) {\n off = 0;\n size = 10;\n minlen += strokewidth;\n } else {\n minlen += strokewidth * size;\n }\n offLast += off;\n sizeLast = size;\n }\n }\n el.visPropCalc.typeFirst = typeFirst;\n el.visPropCalc.typeLast = typeLast;\n\n return {\n evFirst: ev_fa,\n evLast: ev_la,\n typeFirst: typeFirst,\n typeLast: typeLast,\n offFirst: offFirst,\n offLast: offLast,\n sizeFirst: sizeFirst,\n sizeLast: sizeLast,\n showFirst: 1, // Show arrow head. 0 if the distance is too small\n showLast: 1, // Show arrow head. 0 if the distance is too small\n minLen: minlen,\n strokeWidth: strokewidth\n };\n },\n\n /**\n * Corrects the line length if there are arrow heads, such that\n * the arrow ends exactly at the intended position.\n * Calls the renderer method to draw the line.\n *\n * @param {JXG.Line} el Reference to a line object, that has to be drawn\n * @param {Object} arrowData Data concerning possible arrow heads\n *\n * @returns {JXG.AbstractRenderer} Reference to the renderer\n *\n * @private\n * @see Line\n * @see JXG.Line\n * @see JXG.AbstractRenderer#updateLine\n * @see JXG.AbstractRenderer#getPositionArrowHead\n *\n */\n updateLineWithEndings: function (el, arrowData) {\n var c1,\n c2,\n // useTotalLength = true,\n margin = null;\n\n c1 = new Coords(Const.COORDS_BY_USER, el.point1.coords.usrCoords, el.board);\n c2 = new Coords(Const.COORDS_BY_USER, el.point2.coords.usrCoords, el.board);\n margin = Type.evaluate(el.visProp.margin);\n Geometry.calcStraight(el, c1, c2, margin);\n\n this.handleTouchpoints(el, c1, c2, arrowData);\n this.getPositionArrowHead(el, c1, c2, arrowData);\n\n this.updateLinePrim(\n el.rendNode,\n c1.scrCoords[1],\n c1.scrCoords[2],\n c2.scrCoords[1],\n c2.scrCoords[2],\n el.board\n );\n\n return this;\n },\n\n /**\n *\n * Calls the renderer method to draw a curve.\n *\n * @param {JXG.GeometryElement} el Reference to a line object, that has to be drawn.\n * @returns {JXG.AbstractRenderer} Reference to the renderer\n *\n * @private\n * @see Curve\n * @see JXG.Curve\n * @see JXG.AbstractRenderer#updateCurve\n *\n */\n updatePath: function (el) {\n if (Type.evaluate(el.visProp.handdrawing)) {\n this.updatePathPrim(el.rendNode, this.updatePathStringBezierPrim(el), el.board);\n } else {\n this.updatePathPrim(el.rendNode, this.updatePathStringPrim(el), el.board);\n }\n\n return this;\n },\n\n /**\n * Shorten the length of a line element such that the arrow head touches\n * the start or end point and such that the arrow head ends exactly\n * at the start / end position of the line.\n *\n * @param {JXG.Line} el Reference to the line object that gets arrow heads.\n * @param {JXG.Coords} c1 Coords of the first point of the line (after {@link JXG.Math.Geometry#calcStraight}).\n * @param {JXG.Coords} c2 Coords of the second point of the line (after {@link JXG.Math.Geometry#calcStraight}).\n * @param {Object} a\n * @return {object} Object containing how much the line has to be shortened.\n * Data structure: {c1, c2, d1x, d1y, d2x, d2y, sFirst, sLast}. sFirst and sLast is the length by which\n * firstArrow and lastArrow have to shifted such that there is no gap between arrow head and line.\n * Additionally, if one of these values is zero, the arrow is not displayed. This is the case, if the\n * line length is very short.\n */\n getPositionArrowHead: function (el, c1, c2, a) {\n var d, d1x, d1y, d2x, d2y;\n\n /*\n Handle arrow heads.\n\n The default arrow head (type==1) is an isosceles triangle with base length 10 units and height 10 units.\n These 10 units are scaled to strokeWidth * arrowSize pixels.\n */\n if (a.evFirst || a.evLast) {\n // Correct the position of the arrow heads\n d1x = d1y = d2x = d2y = 0.0;\n d = c1.distance(Const.COORDS_BY_SCREEN, c2);\n\n if (a.evFirst && el.board.renderer.type !== \"vml\") {\n if (d >= a.minLen) {\n d1x = ((c2.scrCoords[1] - c1.scrCoords[1]) * a.offFirst) / d;\n d1y = ((c2.scrCoords[2] - c1.scrCoords[2]) * a.offFirst) / d;\n } else {\n a.showFirst = 0;\n }\n }\n\n if (a.evLast && el.board.renderer.type !== \"vml\") {\n if (d >= a.minLen) {\n d2x = ((c2.scrCoords[1] - c1.scrCoords[1]) * a.offLast) / d;\n d2y = ((c2.scrCoords[2] - c1.scrCoords[2]) * a.offLast) / d;\n } else {\n a.showLast = 0;\n }\n }\n c1.setCoordinates(\n Const.COORDS_BY_SCREEN,\n [c1.scrCoords[1] + d1x, c1.scrCoords[2] + d1y],\n false,\n true\n );\n c2.setCoordinates(\n Const.COORDS_BY_SCREEN,\n [c2.scrCoords[1] - d2x, c2.scrCoords[2] - d2y],\n false,\n true\n );\n }\n\n return this;\n },\n\n /**\n * Handle touchlastpoint / touchfirstpoint\n *\n * @param {JXG.GeometryElement} el\n * @param {JXG.Coords} c1 Coordinates of the start of the line. The coordinates are changed in place.\n * @param {JXG.Coords} c2 Coordinates of the end of the line. The coordinates are changed in place.\n * @param {Object} a\n */\n handleTouchpoints: function (el, c1, c2, a) {\n var s1, s2, d, d1x, d1y, d2x, d2y;\n\n if (a.evFirst || a.evLast) {\n d = d1x = d1y = d2x = d2y = 0.0;\n\n s1 =\n Type.evaluate(el.point1.visProp.size) +\n Type.evaluate(el.point1.visProp.strokewidth);\n s2 =\n Type.evaluate(el.point2.visProp.size) +\n Type.evaluate(el.point2.visProp.strokewidth);\n\n // Handle touchlastpoint /touchfirstpoint\n if (a.evFirst && Type.evaluate(el.visProp.touchfirstpoint)) {\n d = c1.distance(Const.COORDS_BY_SCREEN, c2);\n //if (d > s) {\n d1x = ((c2.scrCoords[1] - c1.scrCoords[1]) * s1) / d;\n d1y = ((c2.scrCoords[2] - c1.scrCoords[2]) * s1) / d;\n //}\n }\n if (a.evLast && Type.evaluate(el.visProp.touchlastpoint)) {\n d = c1.distance(Const.COORDS_BY_SCREEN, c2);\n //if (d > s) {\n d2x = ((c2.scrCoords[1] - c1.scrCoords[1]) * s2) / d;\n d2y = ((c2.scrCoords[2] - c1.scrCoords[2]) * s2) / d;\n //}\n }\n c1.setCoordinates(\n Const.COORDS_BY_SCREEN,\n [c1.scrCoords[1] + d1x, c1.scrCoords[2] + d1y],\n false,\n true\n );\n c2.setCoordinates(\n Const.COORDS_BY_SCREEN,\n [c2.scrCoords[1] - d2x, c2.scrCoords[2] - d2y],\n false,\n true\n );\n }\n\n return this;\n },\n\n /**\n * Set the arrow head size.\n *\n * @param {JXG.GeometryElement} el Reference to a line or curve object that has to be drawn.\n * @param {Object} arrowData Data concerning possible arrow heads\n * @returns {JXG.AbstractRenderer} Reference to the renderer\n *\n * @private\n * @see Line\n * @see JXG.Line\n * @see Curve\n * @see JXG.Curve\n * @see JXG.AbstractRenderer#updatePathWithArrowHeads\n * @see JXG.AbstractRenderer#getArrowHeadData\n */\n setArrowSize: function (el, a) {\n if (a.evFirst) {\n this._setArrowWidth(\n el.rendNodeTriangleStart,\n a.showFirst * a.strokeWidth,\n el.rendNode,\n a.sizeFirst\n );\n }\n if (a.evLast) {\n this._setArrowWidth(\n el.rendNodeTriangleEnd,\n a.showLast * a.strokeWidth,\n el.rendNode,\n a.sizeLast\n );\n }\n return this;\n },\n\n /**\n * Update the line endings (linecap) of a straight line from its attribute\n * 'linecap'.\n * Possible values for the attribute 'linecap' are: 'butt', 'round', 'square'.\n * The default value is 'butt'. Not available for VML renderer.\n *\n * @param {JXG.Line} element A arbitrary line.\n * @see Line\n * @see JXG.Line\n * @see JXG.AbstractRenderer#updateLine\n */\n setLineCap: function (el) {\n /* stub */\n },\n\n /* **************************\n * Ticks related stuff\n * **************************/\n\n /**\n * Creates a rendering node for ticks added to a line.\n * @param {JXG.Line} el A arbitrary line.\n * @see Line\n * @see Ticks\n * @see JXG.Line\n * @see JXG.Ticks\n * @see JXG.AbstractRenderer#updateTicks\n */\n drawTicks: function (el) {\n el.rendNode = this.appendChildPrim(\n this.createPrim(\"path\", el.id),\n Type.evaluate(el.visProp.layer)\n );\n this.appendNodesToElement(el, \"path\");\n },\n\n /**\n * Update {@link Ticks} on a {@link JXG.Line}. This method is only a stub and has to be implemented\n * in any descendant renderer class.\n * @param {JXG.Ticks} element Reference of a ticks object that has to be updated.\n * @see Line\n * @see Ticks\n * @see JXG.Line\n * @see JXG.Ticks\n * @see JXG.AbstractRenderer#drawTicks\n */\n updateTicks: function (element) {\n /* stub */\n },\n\n /* **************************\n * Circle related stuff\n * **************************/\n\n /**\n * Draws a {@link JXG.Circle}\n * @param {JXG.Circle} el Reference to a {@link JXG.Circle} object that has to be drawn.\n * @see Circle\n * @see JXG.Circle\n * @see JXG.AbstractRenderer#updateEllipse\n */\n drawEllipse: function (el) {\n el.rendNode = this.appendChildPrim(\n this.createPrim(\"ellipse\", el.id),\n Type.evaluate(el.visProp.layer)\n );\n this.appendNodesToElement(el, \"ellipse\");\n this.updateEllipse(el);\n },\n\n /**\n * Updates visual appearance of a given {@link JXG.Circle} on the {@link JXG.Board}.\n * @param {JXG.Circle} el Reference to a {@link JXG.Circle} object, that has to be updated.\n * @see Circle\n * @see JXG.Circle\n * @see JXG.AbstractRenderer#drawEllipse\n */\n updateEllipse: function (el) {\n this._updateVisual(el);\n\n var radius = el.Radius();\n\n if (\n radius > 0.0 &&\n Math.abs(el.center.coords.usrCoords[0]) > Mat.eps &&\n !isNaN(\n radius + el.center.coords.scrCoords[1] + el.center.coords.scrCoords[2]\n ) &&\n radius * el.board.unitX < 2000000\n ) {\n this.updateEllipsePrim(\n el.rendNode,\n el.center.coords.scrCoords[1],\n el.center.coords.scrCoords[2],\n radius * el.board.unitX,\n radius * el.board.unitY\n );\n }\n },\n\n /* **************************\n * Polygon related stuff\n * **************************/\n\n /**\n * Draws a {@link JXG.Polygon} on the {@link JXG.Board}.\n * @param {JXG.Polygon} el Reference to a Polygon object, that is to be drawn.\n * @see Polygon\n * @see JXG.Polygon\n * @see JXG.AbstractRenderer#updatePolygon\n */\n drawPolygon: function (el) {\n el.rendNode = this.appendChildPrim(\n this.createPrim(\"polygon\", el.id),\n Type.evaluate(el.visProp.layer)\n );\n this.appendNodesToElement(el, \"polygon\");\n this.updatePolygon(el);\n },\n\n /**\n * Updates properties of a {@link JXG.Polygon}'s rendering node.\n * @param {JXG.Polygon} el Reference to a {@link JXG.Polygon} object, that has to be updated.\n * @see Polygon\n * @see JXG.Polygon\n * @see JXG.AbstractRenderer#drawPolygon\n */\n updatePolygon: function (el) {\n // Here originally strokecolor wasn't updated but strokewidth was.\n // But if there's no strokecolor i don't see why we should update strokewidth.\n this._updateVisual(el, { stroke: true, dash: true });\n this.updatePolygonPrim(el.rendNode, el);\n },\n\n /* **************************\n * Text related stuff\n * **************************/\n\n /**\n * Shows a small copyright notice in the top left corner of the board.\n * @param {String} str The copyright notice itself\n * @param {Number} fontsize Size of the font the copyright notice is written in\n */\n displayCopyright: function (str, fontsize) {\n /* stub */\n },\n\n /**\n * An internal text is a {@link JXG.Text} element which is drawn using only\n * the given renderer but no HTML. This method is only a stub, the drawing\n * is done in the special renderers.\n * @param {JXG.Text} element Reference to a {@link JXG.Text} object\n * @see Text\n * @see JXG.Text\n * @see JXG.AbstractRenderer#updateInternalText\n * @see JXG.AbstractRenderer#drawText\n * @see JXG.AbstractRenderer#updateText\n * @see JXG.AbstractRenderer#updateTextStyle\n */\n drawInternalText: function (element) {\n /* stub */\n },\n\n /**\n * Updates visual properties of an already existing {@link JXG.Text} element.\n * @param {JXG.Text} element Reference to an {@link JXG.Text} object, that has to be updated.\n * @see Text\n * @see JXG.Text\n * @see JXG.AbstractRenderer#drawInternalText\n * @see JXG.AbstractRenderer#drawText\n * @see JXG.AbstractRenderer#updateText\n * @see JXG.AbstractRenderer#updateTextStyle\n */\n updateInternalText: function (element) {\n /* stub */\n },\n\n /**\n * Displays a {@link JXG.Text} on the {@link JXG.Board} by putting a HTML div over it.\n * @param {JXG.Text} el Reference to an {@link JXG.Text} object, that has to be displayed\n * @see Text\n * @see JXG.Text\n * @see JXG.AbstractRenderer#drawInternalText\n * @see JXG.AbstractRenderer#updateText\n * @see JXG.AbstractRenderer#updateInternalText\n * @see JXG.AbstractRenderer#updateTextStyle\n */\n drawText: function (el) {\n var node, z, level, ev_visible;\n\n if (\n Type.evaluate(el.visProp.display) === \"html\" &&\n Env.isBrowser &&\n this.type !== \"no\"\n ) {\n node = this.container.ownerDocument.createElement(\"div\");\n //node = this.container.ownerDocument.createElementNS('http://www.w3.org/1999/xhtml', 'div'); //\n node.style.position = \"absolute\";\n node.className = Type.evaluate(el.visProp.cssclass);\n\n level = Type.evaluate(el.visProp.layer);\n if (!Type.exists(level)) {\n // trace nodes have level not set\n level = 0;\n }\n\n if (this.container.style.zIndex === \"\") {\n z = 0;\n } else {\n z = parseInt(this.container.style.zIndex, 10);\n }\n\n node.style.zIndex = z + level;\n this.container.appendChild(node);\n\n node.setAttribute(\"id\", this.container.id + \"_\" + el.id);\n } else {\n node = this.drawInternalText(el);\n }\n\n el.rendNode = node;\n el.htmlStr = \"\";\n\n // Set el.visPropCalc.visible\n if (el.visProp.islabel && Type.exists(el.visProp.anchor)) {\n ev_visible = Type.evaluate(el.visProp.anchor.visProp.visible);\n el.prepareUpdate().updateVisibility(ev_visible);\n } else {\n el.prepareUpdate().updateVisibility();\n }\n this.updateText(el);\n },\n\n /**\n * Updates visual properties of an already existing {@link JXG.Text} element.\n * @param {JXG.Text} el Reference to an {@link JXG.Text} object, that has to be updated.\n * @see Text\n * @see JXG.Text\n * @see JXG.AbstractRenderer#drawText\n * @see JXG.AbstractRenderer#drawInternalText\n * @see JXG.AbstractRenderer#updateInternalText\n * @see JXG.AbstractRenderer#updateTextStyle\n */\n updateText: function (el) {\n var content = el.plaintext,\n v,\n c,\n parentNode,\n scale,\n vshift,\n id,\n wrap_id,\n ax,\n ay;\n\n if (el.visPropCalc.visible) {\n this.updateTextStyle(el, false);\n\n if (Type.evaluate(el.visProp.display) === \"html\" && this.type !== \"no\") {\n // Set the position\n if (!isNaN(el.coords.scrCoords[1] + el.coords.scrCoords[2])) {\n // Horizontal\n c = el.coords.scrCoords[1];\n // webkit seems to fail for extremely large values for c.\n c = Math.abs(c) < 1000000 ? c : 1000000;\n ax = el.getAnchorX();\n\n if (ax === \"right\") {\n // v = Math.floor(el.board.canvasWidth - c);\n v = el.board.canvasWidth - c;\n } else if (ax === \"middle\") {\n // v = Math.floor(c - 0.5 * el.size[0]);\n v = c - 0.5 * el.size[0];\n } else {\n // 'left'\n // v = Math.floor(c);\n v = c;\n }\n\n // This may be useful for foreignObj.\n //if (window.devicePixelRatio !== undefined) {\n //v *= window.devicePixelRatio;\n //}\n\n if (el.visPropOld.left !== ax + v) {\n if (ax === \"right\") {\n el.rendNode.style.right = v + \"px\";\n el.rendNode.style.left = \"auto\";\n } else {\n el.rendNode.style.left = v + \"px\";\n el.rendNode.style.right = \"auto\";\n }\n el.visPropOld.left = ax + v;\n }\n\n // Vertical\n c = el.coords.scrCoords[2] + this.vOffsetText;\n c = Math.abs(c) < 1000000 ? c : 1000000;\n ay = el.getAnchorY();\n\n if (ay === \"bottom\") {\n // v = Math.floor(el.board.canvasHeight - c);\n v = el.board.canvasHeight - c;\n } else if (ay === \"middle\") {\n // v = Math.floor(c - 0.5 * el.size[1]);\n v = c - 0.5 * el.size[1];\n } else {\n // top\n // v = Math.floor(c);\n v = c;\n }\n\n // This may be useful for foreignObj.\n //if (window.devicePixelRatio !== undefined) {\n //v *= window.devicePixelRatio;\n //}\n\n if (el.visPropOld.top !== ay + v) {\n if (ay === \"bottom\") {\n el.rendNode.style.top = \"auto\";\n el.rendNode.style.bottom = v + \"px\";\n } else {\n el.rendNode.style.bottom = \"auto\";\n el.rendNode.style.top = v + \"px\";\n }\n el.visPropOld.top = ay + v;\n }\n }\n\n // Set the content\n if (el.htmlStr !== content) {\n try {\n if (el.type === Type.OBJECT_TYPE_BUTTON) {\n el.rendNodeButton.innerHTML = content;\n } else if (\n el.type === Type.OBJECT_TYPE_CHECKBOX ||\n el.type === Type.OBJECT_TYPE_INPUT\n ) {\n el.rendNodeLabel.innerHTML = content;\n } else {\n el.rendNode.innerHTML = content;\n }\n } catch (e) {\n // Setting innerHTML sometimes fails in IE8.\n // A workaround is to take the node off the DOM, assign innerHTML,\n // then append back.\n // Works for text elements as they are absolutely positioned.\n parentNode = el.rendNode.parentNode;\n el.rendNode.parentNode.removeChild(el.rendNode);\n el.rendNode.innerHTML = content;\n parentNode.appendChild(el.rendNode);\n }\n el.htmlStr = content;\n\n if (Type.evaluate(el.visProp.usemathjax)) {\n // Typesetting directly might not work because mathjax was not loaded completely\n try {\n if (MathJax.typeset) {\n // Version 3\n MathJax.typeset([el.rendNode]);\n } else {\n // Version 2\n MathJax.Hub.Queue([\"Typeset\", MathJax.Hub, el.rendNode]);\n }\n\n // Restore the transformation necessary for fullscreen mode\n // MathJax removes it when handling dynamic content\n id = el.board.container;\n wrap_id = \"fullscreenwrap_\" + id;\n if (document.getElementById(wrap_id)) {\n scale = el.board.containerObj._cssFullscreenStore.scale;\n vshift = el.board.containerObj._cssFullscreenStore.vshift;\n Env.scaleJSXGraphDiv(\n \"#\" + wrap_id,\n \"#\" + id,\n scale,\n vshift\n );\n }\n } catch (e) {\n JXG.debug(\"MathJax (not yet) loaded\");\n }\n } else if (Type.evaluate(el.visProp.usekatex)) {\n try {\n /* eslint-disable no-undef */\n katex.render(content, el.rendNode, {\n throwOnError: false\n });\n /* eslint-enable no-undef */\n } catch (e) {\n JXG.debug(\"KaTeX not loaded (yet)\");\n }\n } else if (Type.evaluate(el.visProp.useasciimathml)) {\n // This is not a constructor.\n // See http://asciimath.org/ for more information\n // about AsciiMathML and the project's source code.\n try {\n AMprocessNode(el.rendNode, false);\n } catch (e) {\n JXG.debug(\"AsciiMathML not loaded (yet)\");\n }\n }\n }\n this.transformImage(el, el.transformations);\n } else {\n this.updateInternalText(el);\n }\n }\n },\n\n /**\n * Converts string containing CSS properties into\n * array with key-value pair objects.\n *\n * @example\n * \"color:blue; background-color:yellow\" is converted to\n * [{'color': 'blue'}, {'backgroundColor': 'yellow'}]\n *\n * @param {String} cssString String containing CSS properties\n * @return {Array} Array of CSS key-value pairs\n */\n _css2js: function (cssString) {\n var pairs = [],\n i,\n len,\n key,\n val,\n s,\n list = Type.trim(cssString).replace(/;$/, \"\").split(\";\");\n\n len = list.length;\n for (i = 0; i < len; ++i) {\n if (Type.trim(list[i]) !== \"\") {\n s = list[i].split(\":\");\n key = Type.trim(\n s[0].replace(/-([a-z])/gi, function (match, char) {\n return char.toUpperCase();\n })\n );\n val = Type.trim(s[1]);\n pairs.push({ key: key, val: val });\n }\n }\n return pairs;\n },\n\n /**\n * Updates font-size, color and opacity propertiey and CSS style properties of a {@link JXG.Text} node.\n * This function is also called by highlight() and nohighlight().\n * @param {JXG.Text} el Reference to the {@link JXG.Text} object, that has to be updated.\n * @param {Boolean} doHighlight\n * @see Text\n * @see JXG.Text\n * @see JXG.AbstractRenderer#drawText\n * @see JXG.AbstractRenderer#drawInternalText\n * @see JXG.AbstractRenderer#updateText\n * @see JXG.AbstractRenderer#updateInternalText\n * @see JXG.AbstractRenderer#updateInternalTextStyle\n */\n updateTextStyle: function (el, doHighlight) {\n var fs,\n so,\n sc,\n css,\n node,\n ev = el.visProp,\n display = Env.isBrowser ? ev.display : \"internal\",\n nodeList = [\"rendNode\", \"rendNodeTag\", \"rendNodeLabel\"],\n lenN = nodeList.length,\n fontUnit = Type.evaluate(ev.fontunit),\n cssList,\n prop,\n style,\n cssString,\n styleList = [\"cssdefaultstyle\", \"cssstyle\"],\n lenS = styleList.length;\n\n if (doHighlight) {\n sc = ev.highlightstrokecolor;\n so = ev.highlightstrokeopacity;\n css = ev.highlightcssclass;\n } else {\n sc = ev.strokecolor;\n so = ev.strokeopacity;\n css = ev.cssclass;\n }\n\n // This part is executed for all text elements except internal texts in canvas.\n // HTML-texts or internal texts in SVG or VML.\n // HTML internal\n // SVG + +\n // VML + +\n // canvas + -\n // no - -\n if (this.type !== \"no\" && (display === \"html\" || this.type !== \"canvas\")) {\n for (style = 0; style < lenS; style++) {\n // First set cssString to\n // ev.cssdefaultstyle of ev.highlightcssdefaultstyle,\n // then to\n // ev.cssstyle of ev.highlightcssstyle\n cssString = Type.evaluate(\n ev[(doHighlight ? \"highlight\" : \"\") + styleList[style]]\n );\n if (cssString !== \"\" && el.visPropOld[styleList[style]] !== cssString) {\n cssList = this._css2js(cssString);\n for (node = 0; node < lenN; node++) {\n if (Type.exists(el[nodeList[node]])) {\n for (prop in cssList) {\n if (cssList.hasOwnProperty(prop)) {\n el[nodeList[node]].style[cssList[prop].key] =\n cssList[prop].val;\n }\n }\n }\n }\n el.visPropOld[styleList[style]] = cssString;\n }\n }\n\n fs = Type.evaluate(ev.fontsize);\n if (el.visPropOld.fontsize !== fs) {\n el.needsSizeUpdate = true;\n try {\n for (node = 0; node < lenN; node++) {\n if (Type.exists(el[nodeList[node]])) {\n el[nodeList[node]].style.fontSize = fs + fontUnit;\n }\n }\n } catch (e) {\n // IE needs special treatment.\n for (node = 0; node < lenN; node++) {\n if (Type.exists(el[nodeList[node]])) {\n el[nodeList[node]].style.fontSize = fs;\n }\n }\n }\n el.visPropOld.fontsize = fs;\n }\n }\n\n this.setObjectTransition(el);\n if (display === \"html\" && this.type !== \"no\") {\n // Set new CSS class\n if (el.visPropOld.cssclass !== css) {\n el.rendNode.className = css;\n el.visPropOld.cssclass = css;\n el.needsSizeUpdate = true;\n }\n this.setObjectStrokeColor(el, sc, so);\n } else {\n this.updateInternalTextStyle(el, sc, so);\n }\n\n return this;\n },\n\n /**\n * Set color and opacity of internal texts.\n * This method is used for Canvas and VML.\n * SVG needs its own version.\n * @private\n * @see JXG.AbstractRenderer#updateTextStyle\n * @see JXG.SVGRenderer#updateInternalTextStyle\n */\n updateInternalTextStyle: function (el, strokeColor, strokeOpacity) {\n this.setObjectStrokeColor(el, strokeColor, strokeOpacity);\n },\n\n /* **************************\n * Image related stuff\n * **************************/\n\n /**\n * Draws an {@link JXG.Image} on a board; This is just a template that has to be implemented by special\n * renderers.\n * @param {JXG.Image} element Reference to the image object that is to be drawn\n * @see Image\n * @see JXG.Image\n * @see JXG.AbstractRenderer#updateImage\n */\n drawImage: function (element) {\n /* stub */\n },\n\n /**\n * Updates the properties of an {@link JXG.Image} element.\n * @param {JXG.Image} el Reference to an {@link JXG.Image} object, that has to be updated.\n * @see Image\n * @see JXG.Image\n * @see JXG.AbstractRenderer#drawImage\n */\n updateImage: function (el) {\n this.updateRectPrim(\n el.rendNode,\n el.coords.scrCoords[1],\n el.coords.scrCoords[2] - el.size[1],\n el.size[0],\n el.size[1]\n );\n\n this.updateImageURL(el);\n this.transformImage(el, el.transformations);\n this._updateVisual(el, { stroke: true, dash: true }, true);\n },\n\n /**\n * Multiplication of transformations without updating. That means, at that point it is expected that the\n * matrices contain numbers only. First, the origin in user coords is translated to (0,0) in screen\n * coords. Then, the stretch factors are divided out. After the transformations in user coords, the stretch\n * factors are multiplied in again, and the origin in user coords is translated back to its position. This\n * method does not have to be implemented in a new renderer.\n * @param {JXG.GeometryElement} el A JSXGraph element. We only need its board property.\n * @param {Array} transformations An array of JXG.Transformations.\n * @returns {Array} A matrix represented by a two dimensional array of numbers.\n * @see JXG.AbstractRenderer#transformImage\n */\n joinTransforms: function (el, transformations) {\n var i,\n ox = el.board.origin.scrCoords[1],\n oy = el.board.origin.scrCoords[2],\n ux = el.board.unitX,\n uy = el.board.unitY,\n // Translate to 0,0 in screen coords\n /*\n m = [[1, 0, 0], [0, 1, 0], [0, 0, 1]],\n mpre1 = [[1, 0, 0],\n [-ox, 1, 0],\n [-oy, 0, 1]],\n // Scale\n mpre2 = [[1, 0, 0],\n [0, 1 / ux, 0],\n [0, 0, -1 / uy]],\n // Scale back\n mpost2 = [[1, 0, 0],\n [0, ux, 0],\n [0, 0, -uy]],\n // Translate back\n mpost1 = [[1, 0, 0],\n [ox, 1, 0],\n [oy, 0, 1]],\n */\n len = transformations.length,\n // Translate to 0,0 in screen coords and then scale\n m = [\n [1, 0, 0],\n [-ox / ux, 1 / ux, 0],\n [oy / uy, 0, -1 / uy]\n ];\n\n for (i = 0; i < len; i++) {\n //m = Mat.matMatMult(mpre1, m);\n //m = Mat.matMatMult(mpre2, m);\n m = Mat.matMatMult(transformations[i].matrix, m);\n //m = Mat.matMatMult(mpost2, m);\n //m = Mat.matMatMult(mpost1, m);\n }\n // Scale back and then translate back\n m = Mat.matMatMult(\n [\n [1, 0, 0],\n [ox, ux, 0],\n [oy, 0, -uy]\n ],\n m\n );\n return m;\n },\n\n /**\n * Applies transformations on images and text elements. This method is just a stub and has to be implemented in\n * all descendant classes where text and image transformations are to be supported.\n * @param {JXG.Image|JXG.Text} element A {@link JXG.Image} or {@link JXG.Text} object.\n * @param {Array} transformations An array of {@link JXG.Transformation} objects. This is usually the\n * transformations property of the given element el.\n */\n transformImage: function (element, transformations) {\n /* stub */\n },\n\n /**\n * If the URL of the image is provided by a function the URL has to be updated during updateImage()\n * @param {JXG.Image} element Reference to an image object.\n * @see JXG.AbstractRenderer#updateImage\n */\n updateImageURL: function (element) {\n /* stub */\n },\n\n /**\n * Updates CSS style properties of a {@link JXG.Image} node.\n * In SVGRenderer opacity is the only available style element.\n * This function is called by highlight() and nohighlight().\n * This function works for VML.\n * It does not work for Canvas.\n * SVGRenderer overwrites this method.\n * @param {JXG.Text} el Reference to the {@link JXG.Image} object, that has to be updated.\n * @param {Boolean} doHighlight\n * @see Image\n * @see JXG.Image\n * @see JXG.AbstractRenderer#highlight\n * @see JXG.AbstractRenderer#noHighlight\n */\n updateImageStyle: function (el, doHighlight) {\n el.rendNode.className = Type.evaluate(\n doHighlight ? el.visProp.highlightcssclass : el.visProp.cssclass\n );\n },\n\n drawForeignObject: function (el) {\n /* stub */\n },\n\n updateForeignObject: function (el) {\n /* stub */\n },\n\n /* **************************\n * Render primitive objects\n * **************************/\n\n /**\n * Appends a node to a specific layer level. This is just an abstract method and has to be implemented\n * in all renderers that want to use the createPrim model to draw.\n * @param {Node} node A DOM tree node.\n * @param {Number} level The layer the node is attached to. This is the index of the layer in\n * {@link JXG.SVGRenderer#layer} or the z-index style property of the node in VMLRenderer.\n */\n appendChildPrim: function (node, level) {\n /* stub */\n },\n\n /**\n * Stores the rendering nodes. This is an abstract method which has to be implemented in all renderers that use\n * the createPrim method.\n * @param {JXG.GeometryElement} element A JSXGraph element.\n * @param {String} type The XML node name. Only used in VMLRenderer.\n */\n appendNodesToElement: function (element, type) {\n /* stub */\n },\n\n /**\n * Creates a node of a given type with a given id.\n * @param {String} type The type of the node to create.\n * @param {String} id Set the id attribute to this.\n * @returns {Node} Reference to the created node.\n */\n createPrim: function (type, id) {\n /* stub */\n return null;\n },\n\n /**\n * Removes an element node. Just a stub.\n * @param {Node} node The node to remove.\n */\n remove: function (node) {\n /* stub */\n },\n\n /**\n * Can be used to create the nodes to display arrows. This is an abstract method which has to be implemented\n * in any descendant renderer.\n * @param {JXG.GeometryElement} element The element the arrows are to be attached to.\n * @param {Object} arrowData Data concerning possible arrow heads\n *\n */\n makeArrows: function (element, arrowData) {\n /* stub */\n },\n\n /**\n * Updates width of an arrow DOM node. Used in\n * @param {Node} node The arrow node.\n * @param {Number} width\n * @param {Node} parentNode Used in IE only\n */\n _setArrowWidth: function (node, width, parentNode) {\n /* stub */\n },\n\n /**\n * Updates an ellipse node primitive. This is an abstract method which has to be implemented in all renderers\n * that use the createPrim method.\n * @param {Node} node Reference to the node.\n * @param {Number} x Centre X coordinate\n * @param {Number} y Centre Y coordinate\n * @param {Number} rx The x-axis radius.\n * @param {Number} ry The y-axis radius.\n */\n updateEllipsePrim: function (node, x, y, rx, ry) {\n /* stub */\n },\n\n /**\n * Refreshes a line node. This is an abstract method which has to be implemented in all renderers that use\n * the createPrim method.\n * @param {Node} node The node to be refreshed.\n * @param {Number} p1x The first point's x coordinate.\n * @param {Number} p1y The first point's y coordinate.\n * @param {Number} p2x The second point's x coordinate.\n * @param {Number} p2y The second point's y coordinate.\n * @param {JXG.Board} board\n */\n updateLinePrim: function (node, p1x, p1y, p2x, p2y, board) {\n /* stub */\n },\n\n /**\n * Updates a path element. This is an abstract method which has to be implemented in all renderers that use\n * the createPrim method.\n * @param {Node} node The path node.\n * @param {String} pathString A string formatted like e.g. 'M 1,2 L 3,1 L5,5'. The format of the string\n * depends on the rendering engine.\n * @param {JXG.Board} board Reference to the element's board.\n */\n updatePathPrim: function (node, pathString, board) {\n /* stub */\n },\n\n /**\n * Builds a path data string to draw a point with a face other than rect and circle. Since\n * the format of such a string usually depends on the renderer this method\n * is only an abstract method. Therefore, it has to be implemented in the descendant renderer itself unless\n * the renderer does not use the createPrim interface but the draw* interfaces to paint.\n * @param {JXG.Point} element The point element\n * @param {Number} size A positive number describing the size. Usually the half of the width and height of\n * the drawn point.\n * @param {String} type A string describing the point's face. This method only accepts the shortcut version of\n * each possible face: x, +, |, -, [], <>, ^, v, >, < \n */\n updatePathStringPoint: function (element, size, type) {\n /* stub */\n },\n\n /**\n * Builds a path data string from a {@link JXG.Curve} element. Since the path data strings heavily depend on the\n * underlying rendering technique this method is just a stub. Although such a path string is of no use for the\n * CanvasRenderer, this method is used there to draw a path directly.\n * @param element\n */\n updatePathStringPrim: function (element) {\n /* stub */\n },\n\n /**\n * Builds a path data string from a {@link JXG.Curve} element such that the curve looks like hand drawn. Since\n * the path data strings heavily depend on the underlying rendering technique this method is just a stub.\n * Although such a path string is of no use for the CanvasRenderer, this method is used there to draw a path\n * directly.\n * @param element\n */\n updatePathStringBezierPrim: function (element) {\n /* stub */\n },\n\n /**\n * Update a polygon primitive.\n * @param {Node} node\n * @param {JXG.Polygon} element A JSXGraph element of type {@link JXG.Polygon}\n */\n updatePolygonPrim: function (node, element) {\n /* stub */\n },\n\n /**\n * Update a rectangle primitive. This is used only for points with face of type 'rect'.\n * @param {Node} node The node yearning to be updated.\n * @param {Number} x x coordinate of the top left vertex.\n * @param {Number} y y coordinate of the top left vertex.\n * @param {Number} w Width of the rectangle.\n * @param {Number} h The rectangle's height.\n */\n updateRectPrim: function (node, x, y, w, h) {\n /* stub */\n },\n\n /* **************************\n * Set Attributes\n * **************************/\n\n /**\n * Sets a node's attribute.\n * @param {Node} node The node that is to be updated.\n * @param {String} key Name of the attribute.\n * @param {String} val New value for the attribute.\n */\n setPropertyPrim: function (node, key, val) {\n /* stub */\n },\n\n setTabindex: function (element) {\n var val;\n if (element.board.attr.keyboard.enabled && Type.exists(element.rendNode)) {\n val = Type.evaluate(element.visProp.tabindex);\n if (!element.visPropCalc.visible || Type.evaluate(element.visProp.fixed)) {\n val = null;\n }\n if (val !== element.visPropOld.tabindex) {\n element.rendNode.setAttribute(\"tabindex\", val);\n element.visPropOld.tabindex = val;\n }\n }\n },\n\n /**\n * Shows or hides an element on the canvas; Only a stub, requires implementation in the derived renderer.\n * @param {JXG.GeometryElement} element Reference to the object that has to appear.\n * @param {Boolean} value true to show the element, false to hide the element.\n */\n display: function (element, value) {\n if (element) {\n element.visPropOld.visible = value;\n }\n },\n\n /**\n * Shows a hidden element on the canvas; Only a stub, requires implementation in the derived renderer.\n *\n * Please use JXG.AbstractRenderer#display instead\n * @param {JXG.GeometryElement} element Reference to the object that has to appear.\n * @see JXG.AbstractRenderer#hide\n * @deprecated\n */\n show: function (element) {\n /* stub */\n },\n\n /**\n * Hides an element on the canvas; Only a stub, requires implementation in the derived renderer.\n *\n * Please use JXG.AbstractRenderer#display instead\n * @param {JXG.GeometryElement} element Reference to the geometry element that has to disappear.\n * @see JXG.AbstractRenderer#show\n * @deprecated\n */\n hide: function (element) {\n /* stub */\n },\n\n /**\n * Sets the buffering as recommended by SVGWG. Until now only Opera supports this and will be ignored by other\n * browsers. Although this feature is only supported by SVG we have this method in {@link JXG.AbstractRenderer}\n * because it is called from outside the renderer.\n * @param {Node} node The SVG DOM Node which buffering type to update.\n * @param {String} type Either 'auto', 'dynamic', or 'static'. For an explanation see\n * {@link https://www.w3.org/TR/SVGTiny12/painting.html#BufferedRenderingProperty}.\n */\n setBuffering: function (node, type) {\n /* stub */\n },\n\n /**\n * Sets an element's dash style.\n * @param {JXG.GeometryElement} element An JSXGraph element.\n */\n setDashStyle: function (element) {\n /* stub */\n },\n\n /**\n * Puts an object into draft mode, i.e. it's visual appearance will be changed. For GEONExT backwards\n * compatibility.\n * @param {JXG.GeometryElement} el Reference of the object that is in draft mode.\n */\n setDraft: function (el) {\n if (!Type.evaluate(el.visProp.draft)) {\n return;\n }\n var draftColor = el.board.options.elements.draft.color,\n draftOpacity = el.board.options.elements.draft.opacity;\n\n this.setObjectTransition(el);\n if (el.type === Const.OBJECT_TYPE_POLYGON) {\n this.setObjectFillColor(el, draftColor, draftOpacity);\n } else {\n if (el.elementClass === Const.OBJECT_CLASS_POINT) {\n this.setObjectFillColor(el, draftColor, draftOpacity);\n } else {\n this.setObjectFillColor(el, \"none\", 0);\n }\n this.setObjectStrokeColor(el, draftColor, draftOpacity);\n this.setObjectStrokeWidth(el, el.board.options.elements.draft.strokeWidth);\n }\n },\n\n /**\n * Puts an object from draft mode back into normal mode.\n * @param {JXG.GeometryElement} el Reference of the object that no longer is in draft mode.\n */\n removeDraft: function (el) {\n this.setObjectTransition(el);\n if (el.type === Const.OBJECT_TYPE_POLYGON) {\n this.setObjectFillColor(el, el.visProp.fillcolor, el.visProp.fillopacity);\n } else {\n if (el.type === Const.OBJECT_CLASS_POINT) {\n this.setObjectFillColor(el, el.visProp.fillcolor, el.visProp.fillopacity);\n }\n this.setObjectStrokeColor(el, el.visProp.strokecolor, el.visProp.strokeopacity);\n this.setObjectStrokeWidth(el, el.visProp.strokewidth);\n }\n },\n\n /**\n * Sets up nodes for rendering a gradient fill.\n * @param element\n */\n setGradient: function (element) {\n /* stub */\n },\n\n /**\n * Updates the gradient fill.\n * @param {JXG.GeometryElement} element An JSXGraph element with an area that can be filled.\n */\n updateGradient: function (element) {\n /* stub */\n },\n\n /**\n * Sets the transition duration (in milliseconds) for fill color and stroke\n * color and opacity.\n * @param {JXG.GeometryElement} element Reference of the object that wants a\n * new transition duration.\n * @param {Number} duration (Optional) duration in milliseconds. If not given,\n * element.visProp.transitionDuration is taken. This is the default.\n */\n setObjectTransition: function (element, duration) {\n /* stub */\n },\n\n /**\n * Sets an objects fill color.\n * @param {JXG.GeometryElement} element Reference of the object that wants a new fill color.\n * @param {String} color Color in a HTML/CSS compatible format. If you don't want any fill color at all, choose\n * 'none'.\n * @param {Number} opacity Opacity of the fill color. Must be between 0 and 1.\n */\n setObjectFillColor: function (element, color, opacity) {\n /* stub */\n },\n\n /**\n * Changes an objects stroke color to the given color.\n * @param {JXG.GeometryElement} element Reference of the {@link JXG.GeometryElement} that gets a new stroke\n * color.\n * @param {String} color Color value in a HTML compatible format, e.g. #00ff00 or\n * green for green.\n * @param {Number} opacity Opacity of the fill color. Must be between 0 and 1.\n */\n setObjectStrokeColor: function (element, color, opacity) {\n /* stub */\n },\n\n /**\n * Sets an element's stroke width.\n * @param {JXG.GeometryElement} element Reference to the geometry element.\n * @param {Number} width The new stroke width to be assigned to the element.\n */\n setObjectStrokeWidth: function (element, width) {\n /* stub */\n },\n\n /**\n * Sets the shadow properties to a geometry element. This method is only a stub, it is implemented in the actual\n * renderers.\n * @param {JXG.GeometryElement} element Reference to a geometry object, that should get a shadow\n */\n setShadow: function (element) {\n /* stub */\n },\n\n /**\n * Highlights an object, i.e. changes the current colors of the object to its highlighting colors\n * and highlighting stroke width.\n * @param {JXG.GeometryElement} el Reference of the object that will be highlighted.\n * @returns {JXG.AbstractRenderer} Reference to the renderer\n * @see JXG.AbstractRenderer#updateTextStyle\n */\n highlight: function (el) {\n var i,\n ev = el.visProp,\n sw;\n\n this.setObjectTransition(el);\n if (!ev.draft) {\n if (el.type === Const.OBJECT_TYPE_POLYGON) {\n this.setObjectFillColor(el, ev.highlightfillcolor, ev.highlightfillopacity);\n for (i = 0; i < el.borders.length; i++) {\n this.setObjectStrokeColor(\n el.borders[i],\n el.borders[i].visProp.highlightstrokecolor,\n el.borders[i].visProp.highlightstrokeopacity\n );\n }\n } else {\n if (el.elementClass === Const.OBJECT_CLASS_TEXT) {\n this.updateTextStyle(el, true);\n } else if (el.type === Const.OBJECT_TYPE_IMAGE) {\n this.updateImageStyle(el, true);\n this.setObjectFillColor(\n el,\n ev.highlightfillcolor,\n ev.highlightfillopacity\n );\n } else {\n this.setObjectStrokeColor(\n el,\n ev.highlightstrokecolor,\n ev.highlightstrokeopacity\n );\n this.setObjectFillColor(\n el,\n ev.highlightfillcolor,\n ev.highlightfillopacity\n );\n }\n }\n if (ev.highlightstrokewidth) {\n sw = Math.max(\n Type.evaluate(ev.highlightstrokewidth),\n Type.evaluate(ev.strokewidth)\n );\n this.setObjectStrokeWidth(el, sw);\n if (\n el.elementClass === Const.OBJECT_CLASS_LINE ||\n el.elementClass === Const.OBJECT_CLASS_CURVE\n ) {\n this.updatePathWithArrowHeads(el, true);\n }\n }\n }\n\n return this;\n },\n\n /**\n * Uses the normal colors of an object, i.e. the opposite of {@link JXG.AbstractRenderer#highlight}.\n * @param {JXG.GeometryElement} el Reference of the object that will get its normal colors.\n * @returns {JXG.AbstractRenderer} Reference to the renderer\n * @see JXG.AbstractRenderer#updateTextStyle\n */\n noHighlight: function (el) {\n var i,\n ev = el.visProp,\n sw;\n\n this.setObjectTransition(el);\n if (!Type.evaluate(el.visProp.draft)) {\n if (el.type === Const.OBJECT_TYPE_POLYGON) {\n this.setObjectFillColor(el, ev.fillcolor, ev.fillopacity);\n for (i = 0; i < el.borders.length; i++) {\n this.setObjectStrokeColor(\n el.borders[i],\n el.borders[i].visProp.strokecolor,\n el.borders[i].visProp.strokeopacity\n );\n }\n } else {\n if (el.elementClass === Const.OBJECT_CLASS_TEXT) {\n this.updateTextStyle(el, false);\n } else if (el.type === Const.OBJECT_TYPE_IMAGE) {\n this.updateImageStyle(el, false);\n this.setObjectFillColor(el, ev.fillcolor, ev.fillopacity);\n } else {\n this.setObjectStrokeColor(el, ev.strokecolor, ev.strokeopacity);\n this.setObjectFillColor(el, ev.fillcolor, ev.fillopacity);\n }\n }\n\n sw = Type.evaluate(ev.strokewidth);\n this.setObjectStrokeWidth(el, sw);\n if (\n el.elementClass === Const.OBJECT_CLASS_LINE ||\n el.elementClass === Const.OBJECT_CLASS_CURVE\n ) {\n this.updatePathWithArrowHeads(el, false);\n }\n }\n\n return this;\n },\n\n /* **************************\n * renderer control\n * **************************/\n\n /**\n * Stop redraw. This method is called before every update, so a non-vector-graphics based renderer can use this\n * method to delete the contents of the drawing panel. This is an abstract method every descendant renderer\n * should implement, if appropriate.\n * @see JXG.AbstractRenderer#unsuspendRedraw\n */\n suspendRedraw: function () {\n /* stub */\n },\n\n /**\n * Restart redraw. This method is called after updating all the rendering node attributes.\n * @see JXG.AbstractRenderer#suspendRedraw\n */\n unsuspendRedraw: function () {\n /* stub */\n },\n\n /**\n * The tiny zoom bar shown on the bottom of a board (if showNavigation on board creation is true).\n * It is a div element and gets the CSS class \"JXG_navigation\" and the id {board id}_navigationbar.\n *\n * The buttons get the CSS class \"JXG_navigation_button\" and the id {board_id}_name where name is\n * one of [top, down, left, right, out, 100, in, fullscreen, screenshot, reload, cleartraces].\n *\n * The symbols are hard-coded.\n *\n * @param {JXG.Board} board Reference to a JSXGraph board.\n * @param {Object} attr Attributes of the navigation bar\n *\n */\n drawZoomBar: function (board, attr) {\n var doc,\n node,\n cancelbubble = function (e) {\n if (!e) {\n e = window.event;\n }\n\n if (e.stopPropagation) {\n // Non IE<=8\n e.stopPropagation();\n } else {\n e.cancelBubble = true;\n }\n },\n createButton = function (label, handler, id) {\n var button;\n\n id = id || \"\";\n\n button = doc.createElement(\"span\");\n button.innerHTML = label; // button.appendChild(doc.createTextNode(label));\n\n // Style settings are superseded by adding the CSS class below\n button.style.paddingLeft = \"7px\";\n button.style.paddingRight = \"7px\";\n\n if (button.classList !== undefined) {\n // classList not available in IE 9\n button.classList.add(\"JXG_navigation_button\");\n }\n // button.setAttribute('tabindex', 0);\n\n button.setAttribute(\"id\", id);\n node.appendChild(button);\n\n // Highlighting is now done with CSS\n // Env.addEvent(button, 'mouseover', function () {\n // this.style.backgroundColor = attr.highlightfillcolor;\n // }, button);\n // Env.addEvent(button, 'mouseover', function () {\n // this.style.backgroundColor = attr.highlightfillcolor;\n // }, button);\n // Env.addEvent(button, 'mouseout', function () {\n // this.style.backgroundColor = attr.fillcolor;\n // }, button);\n\n Env.addEvent(\n button,\n \"click\",\n function (e) {\n Type.bind(handler, board)();\n return false;\n },\n board\n );\n // prevent the click from bubbling down to the board\n Env.addEvent(button, \"mouseup\", cancelbubble, board);\n Env.addEvent(button, \"mousedown\", cancelbubble, board);\n Env.addEvent(button, \"touchend\", cancelbubble, board);\n Env.addEvent(button, \"touchstart\", cancelbubble, board);\n };\n\n if (Env.isBrowser && this.type !== \"no\") {\n doc = board.containerObj.ownerDocument;\n node = doc.createElement(\"div\");\n\n node.setAttribute(\"id\", board.container + \"_navigationbar\");\n\n // Style settings are superseded by adding the CSS class below\n node.style.color = attr.strokecolor;\n node.style.backgroundColor = attr.fillcolor;\n node.style.padding = attr.padding;\n node.style.position = attr.position;\n node.style.fontSize = attr.fontsize;\n node.style.cursor = attr.cursor;\n node.style.zIndex = attr.zindex;\n board.containerObj.appendChild(node);\n node.style.right = attr.right;\n node.style.bottom = attr.bottom;\n\n if (node.classList !== undefined) {\n // classList not available in IE 9\n node.classList.add(\"JXG_navigation\");\n }\n // For XHTML we need unicode instead of HTML entities\n\n if (board.attr.showfullscreen) {\n createButton(\n board.attr.fullscreen.symbol,\n function () {\n board.toFullscreen(board.attr.fullscreen.id);\n },\n board.container + \"_navigation_fullscreen\"\n );\n }\n\n if (board.attr.showscreenshot) {\n createButton(\n board.attr.screenshot.symbol,\n function () {\n window.setTimeout(function () {\n board.renderer.screenshot(board, \"\", false);\n }, 330);\n },\n board.container + \"_navigation_screenshot\"\n );\n }\n\n if (board.attr.showreload) {\n // full reload circle: \\u27F2\n // the board.reload() method does not exist during the creation\n // of this button. That's why this anonymous function wrapper is required.\n createButton(\n \"\\u21BB\",\n function () {\n board.reload();\n },\n board.container + \"_navigation_reload\"\n );\n }\n\n if (board.attr.showcleartraces) {\n // clear traces symbol (otimes): \\u27F2\n createButton(\n \"\\u2297\",\n function () {\n board.clearTraces();\n },\n board.container + \"_navigation_cleartraces\"\n );\n }\n\n if (board.attr.shownavigation) {\n if (board.attr.showzoom) {\n createButton(\n \"\\u2013\",\n board.zoomOut,\n board.container + \"_navigation_out\"\n );\n createButton(\"o\", board.zoom100, board.container + \"_navigation_100\");\n createButton(\"+\", board.zoomIn, board.container + \"_navigation_in\");\n }\n createButton(\n \"\\u2190\",\n board.clickLeftArrow,\n board.container + \"_navigation_left\"\n );\n createButton(\n \"\\u2193\",\n board.clickUpArrow,\n board.container + \"_navigation_down\"\n ); // Down arrow\n createButton(\n \"\\u2191\",\n board.clickDownArrow,\n board.container + \"_navigation_up\"\n ); // Up arrow\n createButton(\n \"\\u2192\",\n board.clickRightArrow,\n board.container + \"_navigation_right\"\n );\n }\n }\n },\n\n /**\n * Wrapper for getElementById for maybe other renderers which elements are not directly accessible by DOM\n * methods like document.getElementById().\n * @param {String} id Unique identifier for element.\n * @returns {Object} Reference to a JavaScript object. In case of SVG/VMLRenderer it's a reference to a SVG/VML node.\n */\n getElementById: function (id) {\n if (Type.exists(this.container)) {\n // Use querySelector over getElementById for compatibility with both 'regular' document\n // and ShadowDOM fragments.\n return this.container.querySelector('#' + this.container.id + '_' + id);\n }\n return \"\";\n },\n\n /**\n * Remove an element and provide a function that inserts it into its original position. This method\n * is taken from this article {@link https://developers.google.com/speed/articles/javascript-dom}.\n * @author KeeKim Heng, Google Web Developer\n * @param {Element} el The element to be temporarily removed\n * @returns {Function} A function that inserts the element into its original position\n */\n removeToInsertLater: function (el) {\n var parentNode = el.parentNode,\n nextSibling = el.nextSibling;\n\n if (parentNode === null) {\n return;\n }\n parentNode.removeChild(el);\n\n return function () {\n if (nextSibling) {\n parentNode.insertBefore(el, nextSibling);\n } else {\n parentNode.appendChild(el);\n }\n };\n },\n\n /**\n * Resizes the rendering element\n * @param {Number} w New width\n * @param {Number} h New height\n */\n resize: function (w, h) {\n /* stub */\n },\n\n /**\n * Create crosshair elements (Fadenkreuz) for presentations.\n * @param {Number} n Number of crosshairs.\n */\n createTouchpoints: function (n) {},\n\n /**\n * Show a specific crosshair.\n * @param {Number} i Number of the crosshair to show\n */\n showTouchpoint: function (i) {},\n\n /**\n * Hide a specific crosshair.\n * @param {Number} i Number of the crosshair to show\n */\n hideTouchpoint: function (i) {},\n\n /**\n * Move a specific crosshair.\n * @param {Number} i Number of the crosshair to show\n * @param {Array} pos New positon in screen coordinates\n */\n updateTouchpoint: function (i, pos) {},\n\n /**\n * Convert SVG construction to base64 encoded SVG data URL.\n * Only available on SVGRenderer.\n *\n * @see JXG.SVGRenderer#dumpToDataURI\n */\n dumpToDataURI: function (_ignoreTexts) {},\n\n /**\n * Convert SVG construction to canvas.\n * Only available on SVGRenderer.\n *\n * @see JXG.SVGRenderer#dumpToCanvas\n */\n dumpToCanvas: function (canvasId, w, h, _ignoreTexts) {},\n\n /**\n * Display SVG image in html img-tag which enables\n * easy download for the user.\n *\n * See JXG.SVGRenderer#screenshot\n */\n screenshot: function (board) {},\n\n /**\n * Move element into new layer. This is trivial for canvas, but needs more effort in SVG.\n * Does not work dynamically, i.e. if level is a function.\n *\n * @param {JXG.GeometryElement} el Element which is put into different layer\n * @param {Number} value Layer number\n * @private\n */\n setLayer: function (el, level) {}\n }\n);\n\nexport default JXG.AbstractRenderer;\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see
\"start\" and \"end\" contain the amount of milliseconds elapsed between 1 January 1970 00:00:00 UTC\n * and the time the event happened.\n *
\n * For the time being (i.e. v1.5.0) the only supported type is 'drag'.\n * @type Array\n */\n this.userLog = [];\n\n this.mathLib = Math; // Math or JXG.Math.IntervalArithmetic\n this.mathLibJXG = JXG.Math; // JXG.Math or JXG.Math.IntervalArithmetic\n\n if (this.attr.registerevents) {\n this.addEventHandlers();\n }\n\n this.methodMap = {\n update: 'update',\n fullUpdate: 'fullUpdate',\n on: 'on',\n off: 'off',\n trigger: 'trigger',\n setView: 'setBoundingBox',\n setBoundingBox: 'setBoundingBox',\n migratePoint: 'migratePoint',\n colorblind: 'emulateColorblindness',\n suspendUpdate: 'suspendUpdate',\n unsuspendUpdate: 'unsuspendUpdate',\n clearTraces: 'clearTraces',\n left: 'clickLeftArrow',\n right: 'clickRightArrow',\n up: 'clickUpArrow',\n down: 'clickDownArrow',\n zoomIn: 'zoomIn',\n zoomOut: 'zoomOut',\n zoom100: 'zoom100',\n zoomElements: 'zoomElements',\n remove: 'removeObject',\n removeObject: 'removeObject'\n };\n };\n\nJXG.extend(\n JXG.Board.prototype,\n /** @lends JXG.Board.prototype */ {\n /**\n * Generates an unique name for the given object. The result depends on the objects type, if the\n * object is a {@link JXG.Point}, capital characters are used, if it is of type {@link JXG.Line}\n * only lower case characters are used. If object is of type {@link JXG.Polygon}, a bunch of lower\n * case characters prefixed with P_ are used. If object is of type {@link JXG.Circle} the name is\n * generated using lower case characters. prefixed with k_ is used. In any other case, lower case\n * chars prefixed with s_ is used.\n * @param {Object} object Reference of an JXG.GeometryElement that is to be named.\n * @returns {String} Unique name for the object.\n */\n generateName: function (object) {\n var possibleNames,\n i,\n maxNameLength = this.attr.maxnamelength,\n pre = \"\",\n post = \"\",\n indices = [],\n name = \"\";\n\n if (object.type === Const.OBJECT_TYPE_TICKS) {\n return \"\";\n }\n\n if (Type.isPoint(object) || Type.isPoint3D(object)) {\n // points have capital letters\n possibleNames = [\n \"\",\n \"A\",\n \"B\",\n \"C\",\n \"D\",\n \"E\",\n \"F\",\n \"G\",\n \"H\",\n \"I\",\n \"J\",\n \"K\",\n \"L\",\n \"M\",\n \"N\",\n \"O\",\n \"P\",\n \"Q\",\n \"R\",\n \"S\",\n \"T\",\n \"U\",\n \"V\",\n \"W\",\n \"X\",\n \"Y\",\n \"Z\"\n ];\n } else if (object.type === Const.OBJECT_TYPE_ANGLE) {\n possibleNames = [\n \"\",\n \"α\",\n \"β\",\n \"γ\",\n \"δ\",\n \"ε\",\n \"ζ\",\n \"η\",\n \"θ\",\n \"ι\",\n \"κ\",\n \"λ\",\n \"μ\",\n \"ν\",\n \"ξ\",\n \"ο\",\n \"π\",\n \"ρ\",\n \"σ\",\n \"τ\",\n \"υ\",\n \"φ\",\n \"χ\",\n \"ψ\",\n \"ω\"\n ];\n } else {\n // all other elements get lowercase labels\n possibleNames = [\n \"\",\n \"a\",\n \"b\",\n \"c\",\n \"d\",\n \"e\",\n \"f\",\n \"g\",\n \"h\",\n \"i\",\n \"j\",\n \"k\",\n \"l\",\n \"m\",\n \"n\",\n \"o\",\n \"p\",\n \"q\",\n \"r\",\n \"s\",\n \"t\",\n \"u\",\n \"v\",\n \"w\",\n \"x\",\n \"y\",\n \"z\"\n ];\n }\n\n if (\n !Type.isPoint(object) &&\n object.elementClass !== Const.OBJECT_CLASS_LINE &&\n object.type !== Const.OBJECT_TYPE_ANGLE\n ) {\n if (object.type === Const.OBJECT_TYPE_POLYGON) {\n pre = \"P_{\";\n } else if (object.elementClass === Const.OBJECT_CLASS_CIRCLE) {\n pre = \"k_{\";\n } else if (object.elementClass === Const.OBJECT_CLASS_TEXT) {\n pre = \"t_{\";\n } else {\n pre = \"s_{\";\n }\n post = \"}\";\n }\n\n for (i = 0; i < maxNameLength; i++) {\n indices[i] = 0;\n }\n\n while (indices[maxNameLength - 1] < possibleNames.length) {\n for (indices[0] = 1; indices[0] < possibleNames.length; indices[0]++) {\n name = pre;\n\n for (i = maxNameLength; i > 0; i--) {\n name += possibleNames[indices[i - 1]];\n }\n\n if (!Type.exists(this.elementsByName[name + post])) {\n return name + post;\n }\n }\n indices[0] = possibleNames.length;\n\n for (i = 1; i < maxNameLength; i++) {\n if (indices[i - 1] === possibleNames.length) {\n indices[i - 1] = 1;\n indices[i] += 1;\n }\n }\n }\n\n return \"\";\n },\n\n /**\n * Generates unique id for a board. The result is randomly generated and prefixed with 'jxgBoard'.\n * @returns {String} Unique id for a board.\n */\n generateId: function () {\n var r = 1;\n\n // as long as we don't have a unique id generate a new one\n while (Type.exists(JXG.boards[\"jxgBoard\" + r])) {\n r = Math.round(Math.random() * 65535);\n }\n\n return \"jxgBoard\" + r;\n },\n\n /**\n * Composes an id for an element. If the ID is empty ('' or null) a new ID is generated, depending on the\n * object type. As a side effect {@link JXG.Board#numObjects}\n * is updated.\n * @param {Object} obj Reference of an geometry object that needs an id.\n * @param {Number} type Type of the object.\n * @returns {String} Unique id for an element.\n */\n setId: function (obj, type) {\n var randomNumber,\n num = this.numObjects,\n elId = obj.id;\n\n this.numObjects += 1;\n\n // If no id is provided or id is empty string, a new one is chosen\n if (elId === \"\" || !Type.exists(elId)) {\n elId = this.id + type + num;\n while (Type.exists(this.objects[elId])) {\n randomNumber = Math.round(Math.random() * 65535);\n elId = this.id + type + num + \"-\" + randomNumber;\n }\n }\n\n obj.id = elId;\n this.objects[elId] = obj;\n obj._pos = this.objectsList.length;\n this.objectsList[this.objectsList.length] = obj;\n\n return elId;\n },\n\n /**\n * After construction of the object the visibility is set\n * and the label is constructed if necessary.\n * @param {Object} obj The object to add.\n */\n finalizeAdding: function (obj) {\n if (Type.evaluate(obj.visProp.visible) === false) {\n this.renderer.display(obj, false);\n }\n },\n\n finalizeLabel: function (obj) {\n if (\n obj.hasLabel &&\n !Type.evaluate(obj.label.visProp.islabel) &&\n Type.evaluate(obj.label.visProp.visible) === false\n ) {\n this.renderer.display(obj.label, false);\n }\n },\n\n /**********************************************************\n *\n * Event Handler helpers\n *\n **********************************************************/\n\n /**\n * Returns false if the event has been triggered faster than the maximum frame rate.\n *\n * @param {Event} evt Event object given by the browser (unused)\n * @returns {Boolean} If the event has been triggered faster than the maximum frame rate, false is returned.\n * @private\n * @see JXG.Board#pointerMoveListener\n * @see JXG.Board#touchMoveListener\n * @see JXG.Board#mouseMoveListener\n */\n checkFrameRate: function (evt) {\n var handleEvt = false,\n time = new Date().getTime();\n\n if (Type.exists(evt.pointerId) && this.touchMoveLastId !== evt.pointerId) {\n handleEvt = true;\n this.touchMoveLastId = evt.pointerId;\n }\n if (!handleEvt && (time - this.touchMoveLast) * this.attr.maxframerate >= 1000) {\n handleEvt = true;\n }\n if (handleEvt) {\n this.touchMoveLast = time;\n }\n return handleEvt;\n },\n\n /**\n * Calculates mouse coordinates relative to the boards container.\n * @returns {Array} Array of coordinates relative the boards container top left corner.\n */\n getCoordsTopLeftCorner: function () {\n var cPos,\n doc,\n crect,\n // In ownerDoc we need the \"real\" document object.\n // The first version is used in the case of shadowDom,\n // the second case in the \"normal\" case.\n ownerDoc = this.document.ownerDocument || this.document,\n docElement = ownerDoc.documentElement || this.document.body.parentNode,\n docBody = ownerDoc.body,\n container = this.containerObj,\n // viewport, content,\n zoom,\n o;\n\n /**\n * During drags and origin moves the container element is usually not changed.\n * Check the position of the upper left corner at most every 1000 msecs\n */\n if (\n this.cPos.length > 0 &&\n (this.mode === this.BOARD_MODE_DRAG ||\n this.mode === this.BOARD_MODE_MOVE_ORIGIN ||\n new Date().getTime() - this.positionAccessLast < 1000)\n ) {\n return this.cPos;\n }\n this.positionAccessLast = new Date().getTime();\n\n // Check if getBoundingClientRect exists. If so, use this as this covers *everything*\n // even CSS3D transformations etc.\n // Supported by all browsers but IE 6, 7.\n\n if (container.getBoundingClientRect) {\n crect = container.getBoundingClientRect();\n\n zoom = 1.0;\n // Recursively search for zoom style entries.\n // This is necessary for reveal.js on webkit.\n // It fails if the user does zooming\n o = container;\n while (o && Type.exists(o.parentNode)) {\n if (\n Type.exists(o.style) &&\n Type.exists(o.style.zoom) &&\n o.style.zoom !== \"\"\n ) {\n zoom *= parseFloat(o.style.zoom);\n }\n o = o.parentNode;\n }\n cPos = [crect.left * zoom, crect.top * zoom];\n\n // add border width\n cPos[0] += Env.getProp(container, \"border-left-width\");\n cPos[1] += Env.getProp(container, \"border-top-width\");\n\n // vml seems to ignore paddings\n if (this.renderer.type !== \"vml\") {\n // add padding\n cPos[0] += Env.getProp(container, \"padding-left\");\n cPos[1] += Env.getProp(container, \"padding-top\");\n }\n\n this.cPos = cPos.slice();\n return this.cPos;\n }\n\n //\n // OLD CODE\n // IE 6-7 only:\n //\n cPos = Env.getOffset(container);\n doc = this.document.documentElement.ownerDocument;\n\n if (!this.containerObj.currentStyle && doc.defaultView) {\n // Non IE\n // this is for hacks like this one used in wordpress for the admin bar:\n // html { margin-top: 28px }\n // seems like it doesn't work in IE\n\n cPos[0] += Env.getProp(docElement, \"margin-left\");\n cPos[1] += Env.getProp(docElement, \"margin-top\");\n\n cPos[0] += Env.getProp(docElement, \"border-left-width\");\n cPos[1] += Env.getProp(docElement, \"border-top-width\");\n\n cPos[0] += Env.getProp(docElement, \"padding-left\");\n cPos[1] += Env.getProp(docElement, \"padding-top\");\n }\n\n if (docBody) {\n cPos[0] += Env.getProp(docBody, \"left\");\n cPos[1] += Env.getProp(docBody, \"top\");\n }\n\n // Google Translate offers widgets for web authors. These widgets apparently tamper with the clientX\n // and clientY coordinates of the mouse events. The minified sources seem to be the only publicly\n // available version so we're doing it the hacky way: Add a fixed offset.\n // see https://groups.google.com/d/msg/google-translate-general/H2zj0TNjjpY/jw6irtPlCw8J\n if (typeof google === \"object\" && google.translate) {\n cPos[0] += 10;\n cPos[1] += 25;\n }\n\n // add border width\n cPos[0] += Env.getProp(container, \"border-left-width\");\n cPos[1] += Env.getProp(container, \"border-top-width\");\n\n // vml seems to ignore paddings\n if (this.renderer.type !== \"vml\") {\n // add padding\n cPos[0] += Env.getProp(container, \"padding-left\");\n cPos[1] += Env.getProp(container, \"padding-top\");\n }\n\n cPos[0] += this.attr.offsetx;\n cPos[1] += this.attr.offsety;\n\n this.cPos = cPos.slice();\n return this.cPos;\n },\n\n /**\n * Get the position of the mouse in screen coordinates, relative to the upper left corner\n * of the host tag.\n * @param {Event} e Event object given by the browser.\n * @param {Number} [i] Only use in case of touch events. This determines which finger to use and should not be set\n * for mouseevents.\n * @returns {Array} Contains the mouse coordinates in screen coordinates, ready for {@link JXG.Coords}\n */\n getMousePosition: function (e, i) {\n var cPos = this.getCoordsTopLeftCorner(),\n absPos,\n v;\n\n // Position of cursor using clientX/Y\n absPos = Env.getPosition(e, i, this.document);\n\n /**\n * In case there has been no down event before.\n */\n if (!Type.exists(this.cssTransMat)) {\n this.updateCSSTransforms();\n }\n // Position relative to the top left corner\n v = [1, absPos[0] - cPos[0], absPos[1] - cPos[1]];\n v = Mat.matVecMult(this.cssTransMat, v);\n v[1] /= v[0];\n v[2] /= v[0];\n return [v[1], v[2]];\n\n // Method without CSS transformation\n /*\n return [absPos[0] - cPos[0], absPos[1] - cPos[1]];\n */\n },\n\n /**\n * Initiate moving the origin. This is used in mouseDown and touchStart listeners.\n * @param {Number} x Current mouse/touch coordinates\n * @param {Number} y Current mouse/touch coordinates\n */\n initMoveOrigin: function (x, y) {\n this.drag_dx = x - this.origin.scrCoords[1];\n this.drag_dy = y - this.origin.scrCoords[2];\n\n this.mode = this.BOARD_MODE_MOVE_ORIGIN;\n this.updateQuality = this.BOARD_QUALITY_LOW;\n },\n\n /**\n * Collects all elements below the current mouse pointer and fulfilling the following constraints:\n *
\n * Panning of the construction is done with arrow keys\n * if the pan key (shift or ctrl - depending on the board attributes) is pressed.\n *
\n * Zooming is triggered with the keys +, o, -, if\n * the pan key (shift or ctrl - depending on the board attributes) is pressed.\n *
\n * Keyboard control (move, pan, and zoom) is disabled if an HTML element of type input or textarea has received focus.\n *\n * @param {Event} evt The browser's event object\n *\n * @see JXG.Board#keyboard\n * @see JXG.Board#keyFocusInListener\n * @see JXG.Board#keyFocusOutListener\n *\n */\n keyDownListener: function (evt) {\n var id_node = evt.target.id,\n id,\n el,\n res,\n doc,\n sX = 0,\n sY = 0,\n // dx, dy are provided in screen units and\n // are converted to user coordinates\n dx = Type.evaluate(this.attr.keyboard.dx) / this.unitX,\n dy = Type.evaluate(this.attr.keyboard.dy) / this.unitY,\n doZoom = false,\n done = true,\n dir,\n actPos;\n\n if (!this.attr.keyboard.enabled || id_node === \"\") {\n return false;\n }\n\n // An element of type input or textarea has foxus, get out of here.\n doc = this.containerObj.shadowRoot || document;\n if (doc.activeElement) {\n el = doc.activeElement;\n if (el.tagName === \"INPUT\" || el.tagName === \"textarea\") {\n return false;\n }\n }\n\n // Get the JSXGraph id from the id of the SVG node.\n id = id_node.replace(this.containerObj.id + \"_\", \"\");\n el = this.select(id);\n\n if (Type.exists(el.coords)) {\n actPos = el.coords.usrCoords.slice(1);\n }\n\n if (\n (Type.evaluate(this.attr.keyboard.panshift) && evt.shiftKey) ||\n (Type.evaluate(this.attr.keyboard.panctrl) && evt.ctrlKey)\n ) {\n // Pan key has been pressed\n\n if (Type.evaluate(this.attr.zoom.enabled) === true) {\n doZoom = true;\n }\n\n // Arrow keys\n if (evt.keyCode === 38) {\n // up\n this.clickUpArrow();\n } else if (evt.keyCode === 40) {\n // down\n this.clickDownArrow();\n } else if (evt.keyCode === 37) {\n // left\n this.clickLeftArrow();\n } else if (evt.keyCode === 39) {\n // right\n this.clickRightArrow();\n\n // Zoom keys\n } else if (doZoom && evt.keyCode === 171) {\n // +\n this.zoomIn();\n } else if (doZoom && evt.keyCode === 173) {\n // -\n this.zoomOut();\n } else if (doZoom && evt.keyCode === 79) {\n // o\n this.zoom100();\n } else {\n done = false;\n }\n } else {\n // Adapt dx, dy to snapToGrid and attractToGrid\n // snapToGrid has priority.\n if (Type.exists(el.visProp)) {\n if (\n Type.exists(el.visProp.snaptogrid) &&\n el.visProp.snaptogrid &&\n Type.evaluate(el.visProp.snapsizex) &&\n Type.evaluate(el.visProp.snapsizey)\n ) {\n // Adapt dx, dy such that snapToGrid is possible\n res = el.getSnapSizes();\n sX = res[0];\n sY = res[1];\n dx = Math.max(sX, dx);\n dy = Math.max(sY, dy);\n } else if (\n Type.exists(el.visProp.attracttogrid) &&\n el.visProp.attracttogrid &&\n Type.evaluate(el.visProp.attractordistance) &&\n Type.evaluate(el.visProp.attractorunit)\n ) {\n // Adapt dx, dy such that attractToGrid is possible\n sX = 1.1 * Type.evaluate(el.visProp.attractordistance);\n sY = sX;\n\n if (Type.evaluate(el.visProp.attractorunit) === \"screen\") {\n sX /= this.unitX;\n sY /= this.unitX;\n }\n dx = Math.max(sX, dx);\n dy = Math.max(sY, dy);\n }\n }\n\n if (evt.keyCode === 38) {\n // up\n dir = [0, dy];\n } else if (evt.keyCode === 40) {\n // down\n dir = [0, -dy];\n } else if (evt.keyCode === 37) {\n // left\n dir = [-dx, 0];\n } else if (evt.keyCode === 39) {\n // right\n dir = [dx, 0];\n } else {\n done = false;\n }\n\n if (dir && el.isDraggable &&\n el.visPropCalc.visible &&\n ((this.geonextCompatibilityMode &&\n (Type.isPoint(el) ||\n el.elementClass === Const.OBJECT_CLASS_TEXT)\n ) || !this.geonextCompatibilityMode) &&\n !Type.evaluate(el.visProp.fixed)\n ) {\n\n this.mode = this.BOARD_MODE_DRAG;\n if (Type.exists(el.coords)) {\n dir[0] += actPos[0];\n dir[1] += actPos[1];\n }\n // For coordsElement setPosition has to call setPositionDirectly.\n // Otherwise the position is set by a translation.\n el.setPosition(JXG.COORDS_BY_USER, dir);\n if (Type.exists(el.coords)) {\n this.updateInfobox(el);\n }\n this.triggerEventHandlers(['keymove', 'move'], [evt, this.mode]);\n el.triggerEventHandlers(['keydrag', 'drag'], [evt]);\n this.mode = this.BOARD_MODE_NONE;\n }\n }\n\n this.update();\n\n if (done && Type.exists(evt.preventDefault)) {\n evt.preventDefault();\n }\n return done;\n },\n\n /**\n * Event listener for SVG elements getting focus.\n * This is needed for highlighting when using keyboard control.\n * Only elements having the attribute \"tabindex\" can receive focus.\n *\n * @see JXG.Board#keyFocusOutListener\n * @see JXG.Board#keyDownListener\n * @see JXG.Board#keyboard\n *\n * @param {Event} evt The browser's event object\n */\n keyFocusInListener: function (evt) {\n var id_node = evt.target.id,\n id,\n el;\n\n if (!this.attr.keyboard.enabled || id_node === \"\") {\n return false;\n }\n\n id = id_node.replace(this.containerObj.id + \"_\", \"\");\n el = this.select(id);\n if (Type.exists(el.highlight)) {\n el.highlight(true);\n el.triggerEventHandlers(['hit'], [evt]);\n }\n if (Type.exists(el.coords)) {\n this.updateInfobox(el);\n }\n },\n\n /**\n * Event listener for SVG elements losing focus.\n * This is needed for dehighlighting when using keyboard control.\n * Only elements having the attribute \"tabindex\" can receive focus.\n *\n * @see JXG.Board#keyFocusInListener\n * @see JXG.Board#keyDownListener\n * @see JXG.Board#keyboard\n *\n * @param {Event} evt The browser's event object\n */\n keyFocusOutListener: function (evt) {\n if (!this.attr.keyboard.enabled) {\n return false;\n }\n // var id_node = evt.target.id,\n // id, el;\n\n // id = id_node.replace(this.containerObj.id + '_', '');\n // el = this.select(id);\n this.dehighlightAll();\n this.displayInfobox(false);\n },\n\n /**\n * Update the width and height of the JSXGraph container div element.\n * Read actual values with getBoundingClientRect(),\n * and call board.resizeContainer() with this values.\n *
\n * If necessary, also call setBoundingBox().\n *\n * @see JXG.Board#startResizeObserver\n * @see JXG.Board#resizeListener\n * @see JXG.Board#resizeContainer\n * @see JXG.Board#setBoundingBox\n *\n */\n updateContainerDims: function() {\n var w, h,\n bb, css,\n width_adjustment, height_adjustment;\n\n // Get size of the board's container div\n bb = this.containerObj.getBoundingClientRect();\n w = bb.width;\n h = bb.height;\n\n // Subtract the border size\n if (window && window.getComputedStyle) {\n css = window.getComputedStyle(this.containerObj, null);\n width_adjustment = parseFloat(css.getPropertyValue('border-left-width')) + parseFloat(css.getPropertyValue('border-right-width'));\n if(!isNaN(width_adjustment)) {\n w -= width_adjustment;\n }\n height_adjustment = parseFloat(css.getPropertyValue('border-top-width')) + parseFloat(css.getPropertyValue('border-bottom-width'));\n if(!isNaN(height_adjustment)) {\n h -= height_adjustment;\n }\n }\n\n // If div is invisible - do nothing\n if (w <= 0 || h <= 0 || isNaN(w) || isNaN(h)) {\n return;\n }\n\n // If bounding box is not yet initialized, do it now.\n if (isNaN(this.getBoundingBox()[0])) {\n this.setBoundingBox(this.attr.boundingbox, this.keepaspectratio, \"keep\");\n }\n\n // Do nothing if the dimension did not change since being visible\n // the last time. Note that if the div had display:none in the mean time,\n // we did not store this._prevDim.\n if (Type.exists(this._prevDim) && this._prevDim.w === w && this._prevDim.h === h) {\n return;\n }\n\n // Set the size of the SVG or canvas element\n this.resizeContainer(w, h, true);\n this._prevDim = {\n w: w,\n h: h\n };\n },\n\n /**\n * Start observer which reacts to size changes of the JSXGraph\n * container div element. Calls updateContainerDims().\n * If not available, an event listener for the window-resize event is started.\n * On mobile devices also scrolling might trigger resizes.\n * However, resize events triggered by scrolling events should be ignored.\n * Therefore, also a scrollListener is started.\n * Resize can be controlled with the board attribute resize.\n *\n * @see JXG.Board#updateContainerDims\n * @see JXG.Board#resizeListener\n * @see JXG.Board#scrollListener\n * @see JXG.Board#resize\n *\n */\n startResizeObserver: function () {\n var that = this;\n\n if (!Env.isBrowser || !this.attr.resize || !this.attr.resize.enabled) {\n return;\n }\n\n this.resizeObserver = new ResizeObserver(function (entries) {\n if (!that._isResizing) {\n that._isResizing = true;\n window.setTimeout(function () {\n try {\n that.updateContainerDims();\n } catch (err) {\n that.stopResizeObserver();\n } finally {\n that._isResizing = false;\n }\n }, that.attr.resize.throttle);\n }\n });\n this.resizeObserver.observe(this.containerObj);\n },\n\n /**\n * Stops the resize observer.\n * @see JXG.Board#startResizeObserver\n *\n */\n stopResizeObserver: function () {\n if (!Env.isBrowser || !this.attr.resize || !this.attr.resize.enabled) {\n return;\n }\n\n if (Type.exists(this.resizeObserver)) {\n this.resizeObserver.unobserve(this.containerObj);\n }\n },\n\n /**\n * Fallback solutions if there is no resizeObserver available in the browser.\n * Reacts to resize events of the window (only). Otherwise similar to\n * startResizeObserver(). To handle changes of the visibility\n * of the JSXGraph container element, additionally an intersection observer is used.\n * which watches changes in the visibility of the JSXGraph container element.\n * This is necessary e.g. for register tabs or dia shows.\n *\n * @see JXG.Board#startResizeObserver\n * @see JXG.Board#startIntersectionObserver\n */\n resizeListener: function () {\n var that = this;\n\n if (!Env.isBrowser || !this.attr.resize || !this.attr.resize.enabled) {\n return;\n }\n if (!this._isScrolling && !this._isResizing) {\n this._isResizing = true;\n window.setTimeout(function () {\n that.updateContainerDims();\n that._isResizing = false;\n }, this.attr.resize.throttle);\n }\n },\n\n /**\n * Listener to watch for scroll events. Sets board._isScrolling = true\n * @param {Event} evt The browser's event object\n *\n * @see JXG.Board#startResizeObserver\n * @see JXG.Board#resizeListener\n *\n */\n scrollListener: function (evt) {\n var that = this;\n\n if (!Env.isBrowser) {\n return;\n }\n if (!this._isScrolling) {\n this._isScrolling = true;\n window.setTimeout(function () {\n that._isScrolling = false;\n }, 66);\n }\n },\n\n /**\n * Watch for changes of the visibility of the JSXGraph container element.\n *\n * @see JXG.Board#startResizeObserver\n * @see JXG.Board#resizeListener\n *\n */\n startIntersectionObserver: function () {\n var that = this,\n options = {\n root: null,\n rootMargin: \"0px\",\n threshold: 0.8\n };\n\n try {\n this.intersectionObserver = new IntersectionObserver(function (entries) {\n // If bounding box is not yet initialized, do it now.\n if (isNaN(that.getBoundingBox()[0])) {\n that.updateContainerDims();\n }\n }, options);\n this.intersectionObserver.observe(that.containerObj);\n } catch (err) {\n console.log(\"JSXGraph: IntersectionObserver not available in this browser.\");\n }\n },\n\n /**\n * Stop the intersection observer\n *\n * @see JXG.Board#startIntersectionObserver\n *\n */\n stopIntersectionObserver: function () {\n if (Type.exists(this.intersectionObserver)) {\n this.intersectionObserver.unobserve(this.containerObj);\n }\n },\n\n /**********************************************************\n *\n * End of Event Handlers\n *\n **********************************************************/\n\n /**\n * Initialize the info box object which is used to display\n * the coordinates of points near the mouse pointer,\n * @returns {JXG.Board} Reference to the board\n */\n initInfobox: function () {\n var attr = Type.copyAttributes({}, this.options, 'infobox');\n\n attr.id = this.id + \"_infobox\";\n /**\n * Infobox close to points in which the points' coordinates are displayed.\n * This is simply a JXG.Text element. Access through board.infobox.\n * Uses CSS class .JXGinfobox.\n * @type JXG.Text\n *\n */\n this.infobox = this.create('text', [0, 0, '0,0'], attr);\n // this.infobox.needsUpdateSize = false; // That is not true, but it speeds drawing up.\n this.infobox.dump = false;\n\n this.displayInfobox(false);\n return this;\n },\n\n /**\n * Updates and displays a little info box to show coordinates of current selected points.\n * @param {JXG.GeometryElement} el A GeometryElement\n * @returns {JXG.Board} Reference to the board\n * @see JXG.Board#displayInfobox\n * @see JXG.Board#showInfobox\n * @see Point#showInfobox\n *\n */\n updateInfobox: function (el) {\n var x, y, xc, yc,\n vpinfoboxdigits,\n distX, distY,\n vpsi = Type.evaluate(el.visProp.showinfobox);\n\n if ((!Type.evaluate(this.attr.showinfobox) && vpsi === \"inherit\") || !vpsi) {\n return this;\n }\n\n if (Type.isPoint(el)) {\n xc = el.coords.usrCoords[1];\n yc = el.coords.usrCoords[2];\n distX = Type.evaluate(this.infobox.visProp.distancex);\n distY = Type.evaluate(this.infobox.visProp.distancey);\n\n vpinfoboxdigits = Type.evaluate(el.visProp.infoboxdigits);\n this.infobox.setCoords(\n xc + distX / this.unitX,\n yc + distY / this.unitY\n );\n\n if (typeof el.infoboxText !== \"string\") {\n if (vpinfoboxdigits === \"auto\") {\n x = Type.autoDigits(xc);\n y = Type.autoDigits(yc);\n } else if (Type.isNumber(vpinfoboxdigits)) {\n x = Type.toFixed(xc, vpinfoboxdigits);\n y = Type.toFixed(yc, vpinfoboxdigits);\n } else {\n x = xc;\n y = yc;\n }\n\n this.highlightInfobox(x, y, el);\n } else {\n this.highlightCustomInfobox(el.infoboxText, el);\n }\n\n this.displayInfobox(true);\n }\n return this;\n },\n\n /**\n * Set infobox visible / invisible.\n *\n * It uses its property hiddenByParent to memorize its status.\n * In this way, many DOM access can be avoided.\n *\n * @param {Boolean} val true for visible, false for invisible\n * @returns {JXG.Board} Reference to the board.\n * @see JXG.Board#updateInfobox\n *\n */\n displayInfobox: function (val) {\n if (this.infobox.hiddenByParent === val) {\n this.infobox.hiddenByParent = !val;\n this.infobox.prepareUpdate().updateVisibility(val).updateRenderer();\n }\n return this;\n },\n\n // Alias for displayInfobox to be backwards compatible.\n // The method showInfobox clashes with the board attribute showInfobox\n showInfobox: function (val) {\n return this.displayInfobox(val);\n },\n\n /**\n * Changes the text of the info box to show the given coordinates.\n * @param {Number} x\n * @param {Number} y\n * @param {JXG.GeometryElement} [el] The element the mouse is pointing at\n * @returns {JXG.Board} Reference to the board.\n */\n highlightInfobox: function (x, y, el) {\n this.highlightCustomInfobox(\"(\" + x + \", \" + y + \")\", el);\n return this;\n },\n\n /**\n * Changes the text of the info box to what is provided via text.\n * @param {String} text\n * @param {JXG.GeometryElement} [el]\n * @returns {JXG.Board} Reference to the board.\n */\n highlightCustomInfobox: function (text, el) {\n this.infobox.setText(text);\n return this;\n },\n\n /**\n * Remove highlighting of all elements.\n * @returns {JXG.Board} Reference to the board.\n */\n dehighlightAll: function () {\n var el,\n pEl,\n needsDehighlight = false;\n\n for (el in this.highlightedObjects) {\n if (this.highlightedObjects.hasOwnProperty(el)) {\n pEl = this.highlightedObjects[el];\n\n if (this.hasMouseHandlers || this.hasPointerHandlers) {\n pEl.noHighlight();\n }\n\n needsDehighlight = true;\n\n // In highlightedObjects should only be objects which fulfill all these conditions\n // And in case of complex elements, like a turtle based fractal, it should be faster to\n // just de-highlight the element instead of checking hasPoint...\n // if ((!Type.exists(pEl.hasPoint)) || !pEl.hasPoint(x, y) || !pEl.visPropCalc.visible)\n }\n }\n\n this.highlightedObjects = {};\n\n // We do not need to redraw during dehighlighting in CanvasRenderer\n // because we are redrawing anyhow\n // -- We do need to redraw during dehighlighting. Otherwise objects won't be dehighlighted until\n // another object is highlighted.\n if (this.renderer.type === \"canvas\" && needsDehighlight) {\n this.prepareUpdate();\n this.renderer.suspendRedraw(this);\n this.updateRenderer();\n this.renderer.unsuspendRedraw();\n }\n\n return this;\n },\n\n /**\n * Returns the input parameters in an array. This method looks pointless and it really is, but it had a purpose\n * once.\n * @private\n * @param {Number} x X coordinate in screen coordinates\n * @param {Number} y Y coordinate in screen coordinates\n * @returns {Array} Coordinates [x, y] of the mouse in screen coordinates.\n * @see JXG.Board#getUsrCoordsOfMouse\n */\n getScrCoordsOfMouse: function (x, y) {\n return [x, y];\n },\n\n /**\n * This method calculates the user coords of the current mouse coordinates.\n * @param {Event} evt Event object containing the mouse coordinates.\n * @returns {Array} Coordinates [x, y] of the mouse in user coordinates.\n * @example\n * board.on('up', function (evt) {\n * var a = board.getUsrCoordsOfMouse(evt),\n * x = a[0],\n * y = a[1],\n * somePoint = board.create('point', [x,y], {name:'SomePoint',size:4});\n * // Shorter version:\n * //somePoint = board.create('point', a, {name:'SomePoint',size:4});\n * });\n *\n *
\n *\n *\n * @see JXG.Board#getScrCoordsOfMouse\n * @see JXG.Board#getAllUnderMouse\n */\n getUsrCoordsOfMouse: function (evt) {\n var cPos = this.getCoordsTopLeftCorner(),\n absPos = Env.getPosition(evt, null, this.document),\n x = absPos[0] - cPos[0],\n y = absPos[1] - cPos[1],\n newCoords = new Coords(Const.COORDS_BY_SCREEN, [x, y], this);\n\n return newCoords.usrCoords.slice(1);\n },\n\n /**\n * Collects all elements under current mouse position plus current user coordinates of mouse cursor.\n * @param {Event} evt Event object containing the mouse coordinates.\n * @returns {Array} Array of elements at the current mouse position plus current user coordinates of mouse.\n * @see JXG.Board#getUsrCoordsOfMouse\n * @see JXG.Board#getAllObjectsUnderMouse\n */\n getAllUnderMouse: function (evt) {\n var elList = this.getAllObjectsUnderMouse(evt);\n elList.push(this.getUsrCoordsOfMouse(evt));\n\n return elList;\n },\n\n /**\n * Collects all elements under current mouse position.\n * @param {Event} evt Event object containing the mouse coordinates.\n * @returns {Array} Array of elements at the current mouse position.\n * @see JXG.Board#getAllUnderMouse\n */\n getAllObjectsUnderMouse: function (evt) {\n var cPos = this.getCoordsTopLeftCorner(),\n absPos = Env.getPosition(evt, null, this.document),\n dx = absPos[0] - cPos[0],\n dy = absPos[1] - cPos[1],\n elList = [],\n el,\n pEl,\n len = this.objectsList.length;\n\n for (el = 0; el < len; el++) {\n pEl = this.objectsList[el];\n if (pEl.visPropCalc.visible && pEl.hasPoint && pEl.hasPoint(dx, dy)) {\n elList[elList.length] = pEl;\n }\n }\n\n return elList;\n },\n\n /**\n * Update the coords object of all elements which possess this\n * property. This is necessary after changing the viewport.\n * @returns {JXG.Board} Reference to this board.\n **/\n updateCoords: function () {\n var el,\n ob,\n len = this.objectsList.length;\n\n for (ob = 0; ob < len; ob++) {\n el = this.objectsList[ob];\n\n if (Type.exists(el.coords)) {\n if (Type.evaluate(el.visProp.frozen)) {\n el.coords.screen2usr();\n } else {\n el.coords.usr2screen();\n }\n }\n }\n return this;\n },\n\n /**\n * Moves the origin and initializes an update of all elements.\n * @param {Number} x\n * @param {Number} y\n * @param {Boolean} [diff=false]\n * @returns {JXG.Board} Reference to this board.\n */\n moveOrigin: function (x, y, diff) {\n var ox, oy, ul, lr;\n if (Type.exists(x) && Type.exists(y)) {\n ox = this.origin.scrCoords[1];\n oy = this.origin.scrCoords[2];\n\n this.origin.scrCoords[1] = x;\n this.origin.scrCoords[2] = y;\n\n if (diff) {\n this.origin.scrCoords[1] -= this.drag_dx;\n this.origin.scrCoords[2] -= this.drag_dy;\n }\n\n ul = new Coords(Const.COORDS_BY_SCREEN, [0, 0], this).usrCoords;\n lr = new Coords(\n Const.COORDS_BY_SCREEN,\n [this.canvasWidth, this.canvasHeight],\n this\n ).usrCoords;\n if (\n ul[1] < this.maxboundingbox[0] ||\n ul[2] > this.maxboundingbox[1] ||\n lr[1] > this.maxboundingbox[2] ||\n lr[2] < this.maxboundingbox[3]\n ) {\n this.origin.scrCoords[1] = ox;\n this.origin.scrCoords[2] = oy;\n }\n }\n\n this.updateCoords().clearTraces().fullUpdate();\n this.triggerEventHandlers([\"boundingbox\"]);\n\n return this;\n },\n\n /**\n * Add conditional updates to the elements.\n * @param {String} str String containing coniditional update in geonext syntax\n */\n addConditions: function (str) {\n var term,\n m,\n left,\n right,\n name,\n el,\n property,\n functions = [],\n // plaintext = 'var el, x, y, c, rgbo;\\n',\n i = str.indexOf(\"\"),\n j = str.indexOf(\"<\" + \"/data>\"),\n xyFun = function (board, el, f, what) {\n return function () {\n var e, t;\n\n e = board.select(el.id);\n t = e.coords.usrCoords[what];\n\n if (what === 2) {\n e.setPositionDirectly(Const.COORDS_BY_USER, [f(), t]);\n } else {\n e.setPositionDirectly(Const.COORDS_BY_USER, [t, f()]);\n }\n e.prepareUpdate().update();\n };\n },\n visFun = function (board, el, f) {\n return function () {\n var e, v;\n\n e = board.select(el.id);\n v = f();\n\n e.setAttribute({ visible: v });\n };\n },\n colFun = function (board, el, f, what) {\n return function () {\n var e, v;\n\n e = board.select(el.id);\n v = f();\n\n if (what === \"strokewidth\") {\n e.visProp.strokewidth = v;\n } else {\n v = Color.rgba2rgbo(v);\n e.visProp[what + \"color\"] = v[0];\n e.visProp[what + \"opacity\"] = v[1];\n }\n };\n },\n posFun = function (board, el, f) {\n return function () {\n var e = board.select(el.id);\n\n e.position = f();\n };\n },\n styleFun = function (board, el, f) {\n return function () {\n var e = board.select(el.id);\n\n e.setStyle(f());\n };\n };\n\n if (i < 0) {\n return;\n }\n\n while (i >= 0) {\n term = str.slice(i + 6, j); // throw away \n m = term.indexOf(\"=\");\n left = term.slice(0, m);\n right = term.slice(m + 1);\n m = left.indexOf(\".\"); // Dies erzeugt Probleme bei Variablennamen der Form \" Steuern akt.\"\n name = left.slice(0, m); //.replace(/\\s+$/,''); // do NOT cut out name (with whitespace)\n el = this.elementsByName[Type.unescapeHTML(name)];\n\n property = left\n .slice(m + 1)\n .replace(/\\s+/g, \"\")\n .toLowerCase(); // remove whitespace in property\n right = Type.createFunction(right, this, \"\", true);\n\n // Debug\n if (!Type.exists(this.elementsByName[name])) {\n JXG.debug(\"debug conditions: |\" + name + \"| undefined\");\n } else {\n // plaintext += \"el = this.objects[\\\"\" + el.id + \"\\\"];\\n\";\n\n switch (property) {\n case \"x\":\n functions.push(xyFun(this, el, right, 2));\n break;\n case \"y\":\n functions.push(xyFun(this, el, right, 1));\n break;\n case \"visible\":\n functions.push(visFun(this, el, right));\n break;\n case \"position\":\n functions.push(posFun(this, el, right));\n break;\n case \"stroke\":\n functions.push(colFun(this, el, right, \"stroke\"));\n break;\n case \"style\":\n functions.push(styleFun(this, el, right));\n break;\n case \"strokewidth\":\n functions.push(colFun(this, el, right, \"strokewidth\"));\n break;\n case \"fill\":\n functions.push(colFun(this, el, right, \"fill\"));\n break;\n case \"label\":\n break;\n default:\n JXG.debug(\n \"property '\" +\n property +\n \"' in conditions not yet implemented:\" +\n right\n );\n break;\n }\n }\n str = str.slice(j + 7); // cut off \"\"\n i = str.indexOf(\"\");\n j = str.indexOf(\"<\" + \"/data>\");\n }\n\n this.updateConditions = function () {\n var i;\n\n for (i = 0; i < functions.length; i++) {\n functions[i]();\n }\n\n this.prepareUpdate().updateElements();\n return true;\n };\n this.updateConditions();\n },\n\n /**\n * Computes the commands in the conditions-section of the gxt file.\n * It is evaluated after an update, before the unsuspendRedraw.\n * The function is generated in\n * @see JXG.Board#addConditions\n * @private\n */\n updateConditions: function () {\n return false;\n },\n\n /**\n * Calculates adequate snap sizes.\n * @returns {JXG.Board} Reference to the board.\n */\n calculateSnapSizes: function () {\n var p1 = new Coords(Const.COORDS_BY_USER, [0, 0], this),\n p2 = new Coords(\n Const.COORDS_BY_USER,\n [this.options.grid.gridX, this.options.grid.gridY],\n this\n ),\n x = p1.scrCoords[1] - p2.scrCoords[1],\n y = p1.scrCoords[2] - p2.scrCoords[2];\n\n this.options.grid.snapSizeX = this.options.grid.gridX;\n while (Math.abs(x) > 25) {\n this.options.grid.snapSizeX *= 2;\n x /= 2;\n }\n\n this.options.grid.snapSizeY = this.options.grid.gridY;\n while (Math.abs(y) > 25) {\n this.options.grid.snapSizeY *= 2;\n y /= 2;\n }\n\n return this;\n },\n\n /**\n * Apply update on all objects with the new zoom-factors. Clears all traces.\n * @returns {JXG.Board} Reference to the board.\n */\n applyZoom: function () {\n this.updateCoords().calculateSnapSizes().clearTraces().fullUpdate();\n\n return this;\n },\n\n /**\n * Zooms into the board by the factors board.attr.zoom.factorX and board.attr.zoom.factorY and applies the zoom.\n * The zoom operation is centered at x, y.\n * @param {Number} [x]\n * @param {Number} [y]\n * @returns {JXG.Board} Reference to the board\n */\n zoomIn: function (x, y) {\n var bb = this.getBoundingBox(),\n zX = this.attr.zoom.factorx,\n zY = this.attr.zoom.factory,\n dX = (bb[2] - bb[0]) * (1.0 - 1.0 / zX),\n dY = (bb[1] - bb[3]) * (1.0 - 1.0 / zY),\n lr = 0.5,\n tr = 0.5,\n mi = this.attr.zoom.eps || this.attr.zoom.min || 0.001; // this.attr.zoom.eps is deprecated\n\n if (\n (this.zoomX > this.attr.zoom.max && zX > 1.0) ||\n (this.zoomY > this.attr.zoom.max && zY > 1.0) ||\n (this.zoomX < mi && zX < 1.0) || // zoomIn is used for all zooms on touch devices\n (this.zoomY < mi && zY < 1.0)\n ) {\n return this;\n }\n\n if (Type.isNumber(x) && Type.isNumber(y)) {\n lr = (x - bb[0]) / (bb[2] - bb[0]);\n tr = (bb[1] - y) / (bb[1] - bb[3]);\n }\n\n this.setBoundingBox(\n [\n bb[0] + dX * lr,\n bb[1] - dY * tr,\n bb[2] - dX * (1 - lr),\n bb[3] + dY * (1 - tr)\n ],\n this.keepaspectratio,\n \"update\"\n );\n return this.applyZoom();\n },\n\n /**\n * Zooms out of the board by the factors board.attr.zoom.factorX and board.attr.zoom.factorY and applies the zoom.\n * The zoom operation is centered at x, y.\n *\n * @param {Number} [x]\n * @param {Number} [y]\n * @returns {JXG.Board} Reference to the board\n */\n zoomOut: function (x, y) {\n var bb = this.getBoundingBox(),\n zX = this.attr.zoom.factorx,\n zY = this.attr.zoom.factory,\n dX = (bb[2] - bb[0]) * (1.0 - zX),\n dY = (bb[1] - bb[3]) * (1.0 - zY),\n lr = 0.5,\n tr = 0.5,\n mi = this.attr.zoom.eps || this.attr.zoom.min || 0.001; // this.attr.zoom.eps is deprecated\n\n if (this.zoomX < mi || this.zoomY < mi) {\n return this;\n }\n\n if (Type.isNumber(x) && Type.isNumber(y)) {\n lr = (x - bb[0]) / (bb[2] - bb[0]);\n tr = (bb[1] - y) / (bb[1] - bb[3]);\n }\n\n this.setBoundingBox(\n [\n bb[0] + dX * lr,\n bb[1] - dY * tr,\n bb[2] - dX * (1 - lr),\n bb[3] + dY * (1 - tr)\n ],\n this.keepaspectratio,\n \"update\"\n );\n\n return this.applyZoom();\n },\n\n /**\n * Reset the zoom level to the original zoom level from initBoard();\n * Additionally, if the board as been initialized with a boundingBox (which is the default),\n * restore the viewport to the original viewport during initialization. Otherwise,\n * (i.e. if the board as been initialized with unitX/Y and originX/Y),\n * just set the zoom level to 100%.\n *\n * @returns {JXG.Board} Reference to the board\n */\n zoom100: function () {\n var bb, dX, dY;\n\n if (Type.exists(this.attr.boundingbox)) {\n this.setBoundingBox(this.attr.boundingbox, this.keepaspectratio, \"reset\");\n } else {\n // Board has been set up with unitX/Y and originX/Y\n bb = this.getBoundingBox();\n dX = (bb[2] - bb[0]) * (1.0 - this.zoomX) * 0.5;\n dY = (bb[1] - bb[3]) * (1.0 - this.zoomY) * 0.5;\n this.setBoundingBox(\n [bb[0] + dX, bb[1] - dY, bb[2] - dX, bb[3] + dY],\n this.keepaspectratio,\n \"reset\"\n );\n }\n return this.applyZoom();\n },\n\n /**\n * Zooms the board so every visible point is shown. Keeps aspect ratio.\n * @returns {JXG.Board} Reference to the board\n */\n zoomAllPoints: function () {\n var el,\n border,\n borderX,\n borderY,\n pEl,\n minX = 0,\n maxX = 0,\n minY = 0,\n maxY = 0,\n len = this.objectsList.length;\n\n for (el = 0; el < len; el++) {\n pEl = this.objectsList[el];\n\n if (Type.isPoint(pEl) && pEl.visPropCalc.visible) {\n if (pEl.coords.usrCoords[1] < minX) {\n minX = pEl.coords.usrCoords[1];\n } else if (pEl.coords.usrCoords[1] > maxX) {\n maxX = pEl.coords.usrCoords[1];\n }\n if (pEl.coords.usrCoords[2] > maxY) {\n maxY = pEl.coords.usrCoords[2];\n } else if (pEl.coords.usrCoords[2] < minY) {\n minY = pEl.coords.usrCoords[2];\n }\n }\n }\n\n border = 50;\n borderX = border / this.unitX;\n borderY = border / this.unitY;\n\n this.setBoundingBox(\n [minX - borderX, maxY + borderY, maxX + borderX, minY - borderY],\n this.keepaspectratio,\n \"update\"\n );\n\n return this.applyZoom();\n },\n\n /**\n * Reset the bounding box and the zoom level to 100% such that a given set of elements is\n * within the board's viewport.\n * @param {Array} elements A set of elements given by id, reference, or name.\n * @returns {JXG.Board} Reference to the board.\n */\n zoomElements: function (elements) {\n var i,\n e,\n box,\n newBBox = [Infinity, -Infinity, -Infinity, Infinity],\n cx,\n cy,\n dx,\n dy,\n d;\n\n if (!Type.isArray(elements) || elements.length === 0) {\n return this;\n }\n\n for (i = 0; i < elements.length; i++) {\n e = this.select(elements[i]);\n\n box = e.bounds();\n if (Type.isArray(box)) {\n if (box[0] < newBBox[0]) {\n newBBox[0] = box[0];\n }\n if (box[1] > newBBox[1]) {\n newBBox[1] = box[1];\n }\n if (box[2] > newBBox[2]) {\n newBBox[2] = box[2];\n }\n if (box[3] < newBBox[3]) {\n newBBox[3] = box[3];\n }\n }\n }\n\n if (Type.isArray(newBBox)) {\n cx = 0.5 * (newBBox[0] + newBBox[2]);\n cy = 0.5 * (newBBox[1] + newBBox[3]);\n dx = 1.5 * (newBBox[2] - newBBox[0]) * 0.5;\n dy = 1.5 * (newBBox[1] - newBBox[3]) * 0.5;\n d = Math.max(dx, dy);\n this.setBoundingBox(\n [cx - d, cy + d, cx + d, cy - d],\n this.keepaspectratio,\n \"update\"\n );\n }\n\n return this;\n },\n\n /**\n * Sets the zoom level to fX resp fY.\n * @param {Number} fX\n * @param {Number} fY\n * @returns {JXG.Board} Reference to the board.\n */\n setZoom: function (fX, fY) {\n var oX = this.attr.zoom.factorx,\n oY = this.attr.zoom.factory;\n\n this.attr.zoom.factorx = fX / this.zoomX;\n this.attr.zoom.factory = fY / this.zoomY;\n\n this.zoomIn();\n\n this.attr.zoom.factorx = oX;\n this.attr.zoom.factory = oY;\n\n return this;\n },\n\n /**\n * Removes object from board and renderer.\n * \n * Performance hints: It is recommended to use the object's id.\n * If many elements are removed, it is best to call board.suspendUpdate()\n * before looping through the elements to be removed and call\n * board.unsuspendUpdate() after the loop. Further, it is advisable to loop\n * in reverse order, i.e. remove the object in reverse order of their creation time.\n *\n * @param {JXG.GeometryElement|Array} object The object to remove or array of objects to be removed.\n * The element(s) is/are given by name, id or a reference.\n * @param {Boolean} saveMethod If true, the algorithm runs through all elements\n * and tests if the element to be deleted is a child element. If yes, it will be\n * removed from the list of child elements. If false (default), the element\n * is removed from the lists of child elements of all its ancestors.\n * This should be much faster.\n * @returns {JXG.Board} Reference to the board\n */\n removeObject: function (object, saveMethod) {\n var el, i;\n\n if (Type.isArray(object)) {\n for (i = 0; i < object.length; i++) {\n this.removeObject(object[i]);\n }\n\n return this;\n }\n\n object = this.select(object);\n\n // If the object which is about to be removed unknown or a string, do nothing.\n // it is a string if a string was given and could not be resolved to an element.\n if (!Type.exists(object) || Type.isString(object)) {\n return this;\n }\n\n try {\n // remove all children.\n for (el in object.childElements) {\n if (object.childElements.hasOwnProperty(el)) {\n object.childElements[el].board.removeObject(object.childElements[el]);\n }\n }\n\n // Remove all children in elements like turtle\n for (el in object.objects) {\n if (object.objects.hasOwnProperty(el)) {\n object.objects[el].board.removeObject(object.objects[el]);\n }\n }\n\n // Remove the element from the childElement list and the descendant list of all elements.\n if (saveMethod) {\n // Running through all objects has quadratic complexity if many objects are deleted.\n for (el in this.objects) {\n if (this.objects.hasOwnProperty(el)) {\n if (\n Type.exists(this.objects[el].childElements) &&\n Type.exists(\n this.objects[el].childElements.hasOwnProperty(object.id)\n )\n ) {\n delete this.objects[el].childElements[object.id];\n delete this.objects[el].descendants[object.id];\n }\n }\n }\n } else if (Type.exists(object.ancestors)) {\n // Running through the ancestors should be much more efficient.\n for (el in object.ancestors) {\n if (object.ancestors.hasOwnProperty(el)) {\n if (\n Type.exists(object.ancestors[el].childElements) &&\n Type.exists(\n object.ancestors[el].childElements.hasOwnProperty(object.id)\n )\n ) {\n delete object.ancestors[el].childElements[object.id];\n delete object.ancestors[el].descendants[object.id];\n }\n }\n }\n }\n\n // remove the object itself from our control structures\n if (object._pos > -1) {\n this.objectsList.splice(object._pos, 1);\n for (el = object._pos; el < this.objectsList.length; el++) {\n this.objectsList[el]._pos--;\n }\n } else if (object.type !== Const.OBJECT_TYPE_TURTLE) {\n JXG.debug(\n \"Board.removeObject: object \" + object.id + \" not found in list.\"\n );\n }\n\n delete this.objects[object.id];\n delete this.elementsByName[object.name];\n\n if (object.visProp && Type.evaluate(object.visProp.trace)) {\n object.clearTrace();\n }\n\n // the object deletion itself is handled by the object.\n if (Type.exists(object.remove)) {\n object.remove();\n }\n } catch (e) {\n JXG.debug(object.id + \": Could not be removed: \" + e);\n }\n\n this.update();\n\n return this;\n },\n\n /**\n * Removes the ancestors of an object an the object itself from board and renderer.\n * @param {JXG.GeometryElement} object The object to remove.\n * @returns {JXG.Board} Reference to the board\n */\n removeAncestors: function (object) {\n var anc;\n\n for (anc in object.ancestors) {\n if (object.ancestors.hasOwnProperty(anc)) {\n this.removeAncestors(object.ancestors[anc]);\n }\n }\n\n this.removeObject(object);\n\n return this;\n },\n\n /**\n * Initialize some objects which are contained in every GEONExT construction by default,\n * but are not contained in the gxt files.\n * @returns {JXG.Board} Reference to the board\n */\n initGeonextBoard: function () {\n var p1, p2, p3;\n\n p1 = this.create(\"point\", [0, 0], {\n id: this.id + \"g00e0\",\n name: \"Ursprung\",\n withLabel: false,\n visible: false,\n fixed: true\n });\n\n p2 = this.create(\"point\", [1, 0], {\n id: this.id + \"gX0e0\",\n name: \"Punkt_1_0\",\n withLabel: false,\n visible: false,\n fixed: true\n });\n\n p3 = this.create(\"point\", [0, 1], {\n id: this.id + \"gY0e0\",\n name: \"Punkt_0_1\",\n withLabel: false,\n visible: false,\n fixed: true\n });\n\n this.create(\"line\", [p1, p2], {\n id: this.id + \"gXLe0\",\n name: \"X-Achse\",\n withLabel: false,\n visible: false\n });\n\n this.create(\"line\", [p1, p3], {\n id: this.id + \"gYLe0\",\n name: \"Y-Achse\",\n withLabel: false,\n visible: false\n });\n\n return this;\n },\n\n /**\n * Change the height and width of the board's container.\n * After doing so, {@link JXG.JSXGraph.setBoundingBox} is called using\n * the actual size of the bounding box and the actual value of keepaspectratio.\n * If setBoundingbox() should not be called automatically,\n * call resizeContainer with dontSetBoundingBox == true.\n * @param {Number} canvasWidth New width of the container.\n * @param {Number} canvasHeight New height of the container.\n * @param {Boolean} [dontset=false] If true do not set the CSS width and height of the DOM element.\n * @param {Boolean} [dontSetBoundingBox=false] If true do not call setBoundingBox(), but keep view centered around original visible center.\n * @returns {JXG.Board} Reference to the board\n */\n resizeContainer: function (canvasWidth, canvasHeight, dontset, dontSetBoundingBox) {\n var box,\n oldWidth, oldHeight,\n oX, oY;\n // w, h, cx, cy;\n // box_act,\n // shift_x = 0,\n // shift_y = 0;\n\n oldWidth = this.canvasWidth;\n oldHeight = this.canvasHeight;\n\n if (!dontSetBoundingBox) {\n // box_act = this.getBoundingBox();\n box = this.getBoundingBox(); // This is the actual bounding box.\n }\n\n this.canvasWidth = parseFloat(canvasWidth);\n this.canvasHeight = parseFloat(canvasHeight);\n\n // if (!dontSetBoundingBox) {\n // box = this.attr.boundingbox; // This is the intended bounding box.\n\n // // The shift values compensate the follow-up correction\n // // in setBoundingBox in case of \"this.keepaspectratio==true\"\n // // Otherwise, shift_x and shift_y will be zero.\n // // Obsolet since setBoundingBox centers in case of \"this.keepaspectratio==true\".\n // // shift_x = box_act[0] - box[0] / this.zoomX;\n // // shift_y = box_act[1] - box[1] / this.zoomY;\n\n // cx = (box[2] + box[0]) * 0.5; // + shift_x;\n // cy = (box[3] + box[1]) * 0.5; // + shift_y;\n\n // w = (box[2] - box[0]) * 0.5 / this.zoomX;\n // h = (box[1] - box[3]) * 0.5 / this.zoomY;\n\n // box = [cx - w, cy + h, cx + w, cy - h];\n // }\n\n if (!dontset) {\n this.containerObj.style.width = this.canvasWidth + \"px\";\n this.containerObj.style.height = this.canvasHeight + \"px\";\n }\n this.renderer.resize(this.canvasWidth, this.canvasHeight);\n\n if (!dontSetBoundingBox) {\n this.setBoundingBox(box, this.keepaspectratio, 'keep');\n } else {\n oX = (this.canvasWidth - oldWidth) / 2;\n oY = (this.canvasHeight - oldHeight) / 2;\n\n this.moveOrigin(\n this.origin.scrCoords[1] + oX,\n this.origin.scrCoords[2] + oY\n );\n }\n\n return this;\n },\n\n /**\n * Lists the dependencies graph in a new HTML-window.\n * @returns {JXG.Board} Reference to the board\n */\n showDependencies: function () {\n var el, t, c, f, i;\n\n t = \"
\\n\";\n for (el in this.objects) {\n if (this.objects.hasOwnProperty(el)) {\n i = 0;\n for (c in this.objects[el].childElements) {\n if (this.objects[el].childElements.hasOwnProperty(c)) {\n i += 1;\n }\n }\n if (i >= 0) {\n t += \"\" + this.objects[el].id + \":<\" + \"/strong> \";\n }\n\n for (c in this.objects[el].childElements) {\n if (this.objects[el].childElements.hasOwnProperty(c)) {\n t +=\n this.objects[el].childElements[c].id +\n \"(\" +\n this.objects[el].childElements[c].name +\n \")\" +\n \", \";\n }\n }\n t += \"\\n\";\n }\n }\n t += \"<\" + \"/p>\\n\";\n f = window.open();\n f.document.open();\n f.document.write(t);\n f.document.close();\n return this;\n },\n\n /**\n * Lists the XML code of the construction in a new HTML-window.\n * @returns {JXG.Board} Reference to the board\n */\n showXML: function () {\n var f = window.open(\"\");\n f.document.open();\n f.document.write(\"
\" + Type.escapeHTML(this.xmlString) + \"<\" + \"/pre>\");\n f.document.close();\n return this;\n },\n\n /**\n * Sets for all objects the needsUpdate flag to \"true\".\n * @returns {JXG.Board} Reference to the board\n */\n prepareUpdate: function () {\n var el,\n pEl,\n len = this.objectsList.length;\n\n /*\n if (this.attr.updatetype === 'hierarchical') {\n return this;\n }\n */\n\n for (el = 0; el < len; el++) {\n pEl = this.objectsList[el];\n pEl.needsUpdate = pEl.needsRegularUpdate || this.needsFullUpdate;\n }\n\n for (el in this.groups) {\n if (this.groups.hasOwnProperty(el)) {\n pEl = this.groups[el];\n pEl.needsUpdate = pEl.needsRegularUpdate || this.needsFullUpdate;\n }\n }\n\n return this;\n },\n\n /**\n * Runs through all elements and calls their update() method.\n * @param {JXG.GeometryElement} drag Element that caused the update.\n * @returns {JXG.Board} Reference to the board\n */\n updateElements: function (drag) {\n var el, pEl;\n //var childId, i = 0;\n\n drag = this.select(drag);\n\n /*\n if (Type.exists(drag)) {\n for (el = 0; el < this.objectsList.length; el++) {\n pEl = this.objectsList[el];\n if (pEl.id === drag.id) {\n i = el;\n break;\n }\n }\n }\n */\n\n for (el = 0; el < this.objectsList.length; el++) {\n pEl = this.objectsList[el];\n if (this.needsFullUpdate && pEl.elementClass === Const.OBJECT_CLASS_TEXT) {\n pEl.updateSize();\n }\n\n // For updates of an element we distinguish if the dragged element is updated or\n // other elements are updated.\n // The difference lies in the treatment of gliders and points based on transformations.\n pEl.update(!Type.exists(drag) || pEl.id !== drag.id).updateVisibility();\n }\n\n // update groups last\n for (el in this.groups) {\n if (this.groups.hasOwnProperty(el)) {\n this.groups[el].update(drag);\n }\n }\n\n return this;\n },\n\n /**\n * Runs through all elements and calls their update() method.\n * @returns {JXG.Board} Reference to the board\n */\n updateRenderer: function () {\n var el,\n len = this.objectsList.length;\n\n if (!this.renderer) {\n return;\n }\n\n /*\n objs = this.objectsList.slice(0);\n objs.sort(function (a, b) {\n if (a.visProp.layer < b.visProp.layer) {\n return -1;\n } else if (a.visProp.layer === b.visProp.layer) {\n return b.lastDragTime.getTime() - a.lastDragTime.getTime();\n } else {\n return 1;\n }\n });\n */\n\n if (this.renderer.type === \"canvas\") {\n this.updateRendererCanvas();\n } else {\n for (el = 0; el < len; el++) {\n this.objectsList[el].updateRenderer();\n }\n }\n return this;\n },\n\n /**\n * Runs through all elements and calls their update() method.\n * This is a special version for the CanvasRenderer.\n * Here, we have to do our own layer handling.\n * @returns {JXG.Board} Reference to the board\n */\n updateRendererCanvas: function () {\n var el,\n pEl,\n i,\n mini,\n la,\n olen = this.objectsList.length,\n layers = this.options.layer,\n len = this.options.layer.numlayers,\n last = Number.NEGATIVE_INFINITY;\n\n for (i = 0; i < len; i++) {\n mini = Number.POSITIVE_INFINITY;\n\n for (la in layers) {\n if (layers.hasOwnProperty(la)) {\n if (layers[la] > last && layers[la] < mini) {\n mini = layers[la];\n }\n }\n }\n\n last = mini;\n\n for (el = 0; el < olen; el++) {\n pEl = this.objectsList[el];\n\n if (pEl.visProp.layer === mini) {\n pEl.prepareUpdate().updateRenderer();\n }\n }\n }\n return this;\n },\n\n /**\n * Please use {@link JXG.Board.on} instead.\n * @param {Function} hook A function to be called by the board after an update occurred.\n * @param {String} [m='update'] When the hook is to be called. Possible values are mouseup, mousedown and update.\n * @param {Object} [context=board] Determines the execution context the hook is called. This parameter is optional, default is the\n * board object the hook is attached to.\n * @returns {Number} Id of the hook, required to remove the hook from the board.\n * @deprecated\n */\n addHook: function (hook, m, context) {\n JXG.deprecated(\"Board.addHook()\", \"Board.on()\");\n m = Type.def(m, \"update\");\n\n context = Type.def(context, this);\n\n this.hooks.push([m, hook]);\n this.on(m, hook, context);\n\n return this.hooks.length - 1;\n },\n\n /**\n * Alias of {@link JXG.Board.on}.\n */\n addEvent: JXG.shortcut(JXG.Board.prototype, \"on\"),\n\n /**\n * Please use {@link JXG.Board.off} instead.\n * @param {Number|function} id The number you got when you added the hook or a reference to the event handler.\n * @returns {JXG.Board} Reference to the board\n * @deprecated\n */\n removeHook: function (id) {\n JXG.deprecated(\"Board.removeHook()\", \"Board.off()\");\n if (this.hooks[id]) {\n this.off(this.hooks[id][0], this.hooks[id][1]);\n this.hooks[id] = null;\n }\n\n return this;\n },\n\n /**\n * Alias of {@link JXG.Board.off}.\n */\n removeEvent: JXG.shortcut(JXG.Board.prototype, \"off\"),\n\n /**\n * Runs through all hooked functions and calls them.\n * @returns {JXG.Board} Reference to the board\n * @deprecated\n */\n updateHooks: function (m) {\n var arg = Array.prototype.slice.call(arguments, 0);\n\n JXG.deprecated(\"Board.updateHooks()\", \"Board.triggerEventHandlers()\");\n\n arg[0] = Type.def(arg[0], \"update\");\n this.triggerEventHandlers([arg[0]], arguments);\n\n return this;\n },\n\n /**\n * Adds a dependent board to this board.\n * @param {JXG.Board} board A reference to board which will be updated after an update of this board occurred.\n * @returns {JXG.Board} Reference to the board\n */\n addChild: function (board) {\n if (Type.exists(board) && Type.exists(board.containerObj)) {\n this.dependentBoards.push(board);\n this.update();\n }\n return this;\n },\n\n /**\n * Deletes a board from the list of dependent boards.\n * @param {JXG.Board} board Reference to the board which will be removed.\n * @returns {JXG.Board} Reference to the board\n */\n removeChild: function (board) {\n var i;\n\n for (i = this.dependentBoards.length - 1; i >= 0; i--) {\n if (this.dependentBoards[i] === board) {\n this.dependentBoards.splice(i, 1);\n }\n }\n return this;\n },\n\n /**\n * Runs through most elements and calls their update() method and update the conditions.\n * @param {JXG.GeometryElement} [drag] Element that caused the update.\n * @returns {JXG.Board} Reference to the board\n */\n update: function (drag) {\n var i, len, b, insert, storeActiveEl;\n\n if (this.inUpdate || this.isSuspendedUpdate) {\n return this;\n }\n this.inUpdate = true;\n\n if (\n this.attr.minimizereflow === \"all\" &&\n this.containerObj &&\n this.renderer.type !== \"vml\"\n ) {\n storeActiveEl = this.document.activeElement; // Store focus element\n insert = this.renderer.removeToInsertLater(this.containerObj);\n }\n\n if (this.attr.minimizereflow === \"svg\" && this.renderer.type === \"svg\") {\n storeActiveEl = this.document.activeElement;\n insert = this.renderer.removeToInsertLater(this.renderer.svgRoot);\n }\n\n this.prepareUpdate().updateElements(drag).updateConditions();\n this.renderer.suspendRedraw(this);\n this.updateRenderer();\n this.renderer.unsuspendRedraw();\n this.triggerEventHandlers([\"update\"], []);\n\n if (insert) {\n insert();\n storeActiveEl.focus(); // Restore focus element\n }\n\n // To resolve dependencies between boards\n // for (var board in JXG.boards) {\n len = this.dependentBoards.length;\n for (i = 0; i < len; i++) {\n b = this.dependentBoards[i];\n if (Type.exists(b) && b !== this) {\n b.updateQuality = this.updateQuality;\n b.prepareUpdate().updateElements().updateConditions();\n b.renderer.suspendRedraw();\n b.updateRenderer();\n b.renderer.unsuspendRedraw();\n b.triggerEventHandlers([\"update\"], []);\n }\n }\n\n this.inUpdate = false;\n return this;\n },\n\n /**\n * Runs through all elements and calls their update() method and update the conditions.\n * This is necessary after zooming and changing the bounding box.\n * @returns {JXG.Board} Reference to the board\n */\n fullUpdate: function () {\n this.needsFullUpdate = true;\n this.update();\n this.needsFullUpdate = false;\n return this;\n },\n\n /**\n * Adds a grid to the board according to the settings given in board.options.\n * @returns {JXG.Board} Reference to the board.\n */\n addGrid: function () {\n this.create(\"grid\", []);\n\n return this;\n },\n\n /**\n * Removes all grids assigned to this board. Warning: This method also removes all objects depending on one or\n * more of the grids.\n * @returns {JXG.Board} Reference to the board object.\n */\n removeGrids: function () {\n var i;\n\n for (i = 0; i < this.grids.length; i++) {\n this.removeObject(this.grids[i]);\n }\n\n this.grids.length = 0;\n this.update(); // required for canvas renderer\n\n return this;\n },\n\n /**\n * Creates a new geometric element of type elementType.\n * @param {String} elementType Type of the element to be constructed given as a string e.g. 'point' or 'circle'.\n * @param {Array} parents Array of parent elements needed to construct the element e.g. coordinates for a point or two\n * points to construct a line. This highly depends on the elementType that is constructed. See the corresponding JXG.create*\n * methods for a list of possible parameters.\n * @param {Object} [attributes] An object containing the attributes to be set. This also depends on the elementType.\n * Common attributes are name, visible, strokeColor.\n * @returns {Object} Reference to the created element. This is usually a GeometryElement, but can be an array containing\n * two or more elements.\n */\n create: function (elementType, parents, attributes) {\n var el, i;\n\n elementType = elementType.toLowerCase();\n\n if (!Type.exists(parents)) {\n parents = [];\n }\n\n if (!Type.exists(attributes)) {\n attributes = {};\n }\n\n for (i = 0; i < parents.length; i++) {\n if (\n Type.isString(parents[i]) &&\n !(elementType === \"text\" && i === 2) &&\n !(elementType === \"solidofrevolution3d\" && i === 2) &&\n !(\n (elementType === \"input\" ||\n elementType === \"checkbox\" ||\n elementType === \"button\") &&\n (i === 2 || i === 3)\n ) &&\n !(elementType === \"curve\" && i > 0) // Allow curve plots with jessiecode\n ) {\n parents[i] = this.select(parents[i]);\n }\n }\n\n if (Type.isFunction(JXG.elements[elementType])) {\n el = JXG.elements[elementType](this, parents, attributes);\n } else {\n throw new Error(\"JSXGraph: create: Unknown element type given: \" + elementType);\n }\n\n if (!Type.exists(el)) {\n JXG.debug(\"JSXGraph: create: failure creating \" + elementType);\n return el;\n }\n\n if (el.prepareUpdate && el.update && el.updateRenderer) {\n el.fullUpdate();\n }\n return el;\n },\n\n /**\n * Deprecated name for {@link JXG.Board.create}.\n * @deprecated\n */\n createElement: function () {\n JXG.deprecated(\"Board.createElement()\", \"Board.create()\");\n return this.create.apply(this, arguments);\n },\n\n /**\n * Delete the elements drawn as part of a trace of an element.\n * @returns {JXG.Board} Reference to the board\n */\n clearTraces: function () {\n var el;\n\n for (el = 0; el < this.objectsList.length; el++) {\n this.objectsList[el].clearTrace();\n }\n\n this.numTraces = 0;\n return this;\n },\n\n /**\n * Stop updates of the board.\n * @returns {JXG.Board} Reference to the board\n */\n suspendUpdate: function () {\n if (!this.inUpdate) {\n this.isSuspendedUpdate = true;\n }\n return this;\n },\n\n /**\n * Enable updates of the board.\n * @returns {JXG.Board} Reference to the board\n */\n unsuspendUpdate: function () {\n if (this.isSuspendedUpdate) {\n this.isSuspendedUpdate = false;\n this.fullUpdate();\n }\n return this;\n },\n\n /**\n * Set the bounding box of the board.\n * @param {Array} bbox New bounding box [x1,y1,x2,y2]\n * @param {Boolean} [keepaspectratio=false] If set to true, the aspect ratio will be 1:1, but\n * the resulting viewport may be larger.\n * @param {String} [setZoom='reset'] Reset, keep or update the zoom level of the board. 'reset'\n * sets {@link JXG.Board#zoomX} and {@link JXG.Board#zoomY} to the start values (or 1.0).\n * 'update' adapts these values accoring to the new bounding box and 'keep' does nothing.\n * @returns {JXG.Board} Reference to the board\n */\n setBoundingBox: function (bbox, keepaspectratio, setZoom) {\n var h,\n w,\n ux,\n uy,\n offX = 0,\n offY = 0,\n zoom_ratio = 1,\n ratio, dx, dy, prev_w, prev_h,\n dim = Env.getDimensions(this.container, this.document);\n\n if (!Type.isArray(bbox)) {\n return this;\n }\n\n if (\n bbox[0] < this.maxboundingbox[0] ||\n bbox[1] > this.maxboundingbox[1] ||\n bbox[2] > this.maxboundingbox[2] ||\n bbox[3] < this.maxboundingbox[3]\n ) {\n return this;\n }\n\n if (!Type.exists(setZoom)) {\n setZoom = \"reset\";\n }\n\n ux = this.unitX;\n uy = this.unitY;\n this.canvasWidth = parseFloat(dim.width); // parseInt(dim.width, 10);\n this.canvasHeight = parseFloat(dim.height); // parseInt(dim.height, 10);\n w = this.canvasWidth;\n h = this.canvasHeight;\n if (keepaspectratio) {\n ratio = ux / uy; // Keep this ratio if aspectratio==true\n if (setZoom === 'keep') {\n zoom_ratio = this.zoomX / this.zoomY;\n }\n dx = bbox[2] - bbox[0];\n dy = bbox[1] - bbox[3];\n prev_w = ux * dx;\n prev_h = uy * dy;\n if (w >= h) {\n if (prev_w >= prev_h) {\n this.unitY = h / dy;\n this.unitX = this.unitY * ratio;\n } else {\n // Switch dominating interval\n this.unitY = h / Math.abs(dx) * Mat.sign(dy) / zoom_ratio;\n this.unitX = this.unitY * ratio;\n }\n } else {\n if (prev_h > prev_w) {\n this.unitX = w / dx;\n this.unitY = this.unitX / ratio;\n } else {\n // Switch dominating interval\n this.unitX = w / Math.abs(dy) * Mat.sign(dx) * zoom_ratio;\n this.unitY = this.unitX / ratio;\n }\n }\n // Add the additional units in equal portions left and right\n offX = (w / this.unitX - dx) * 0.5;\n // Add the additional units in equal portions above and below\n offY = (h / this.unitY - dy) * 0.5;\n this.keepaspectratio = true;\n } else {\n this.unitX = w / (bbox[2] - bbox[0]);\n this.unitY = h / (bbox[1] - bbox[3]);\n this.keepaspectratio = false;\n }\n\n this.moveOrigin(-this.unitX * (bbox[0] - offX), this.unitY * (bbox[1] + offY));\n\n if (setZoom === \"update\") {\n this.zoomX *= this.unitX / ux;\n this.zoomY *= this.unitY / uy;\n } else if (setZoom === \"reset\") {\n this.zoomX = Type.exists(this.attr.zoomx) ? this.attr.zoomx : 1.0;\n this.zoomY = Type.exists(this.attr.zoomy) ? this.attr.zoomy : 1.0;\n }\n\n return this;\n },\n\n /**\n * Get the bounding box of the board.\n * @returns {Array} bounding box [x1,y1,x2,y2] upper left corner, lower right corner\n */\n getBoundingBox: function () {\n var ul = new Coords(Const.COORDS_BY_SCREEN, [0, 0], this).usrCoords,\n lr = new Coords(\n Const.COORDS_BY_SCREEN,\n [this.canvasWidth, this.canvasHeight],\n this\n ).usrCoords;\n\n return [ul[1], ul[2], lr[1], lr[2]];\n },\n\n /**\n * Adds an animation. Animations are controlled by the boards, so the boards need to be aware of the\n * animated elements. This function tells the board about new elements to animate.\n * @param {JXG.GeometryElement} element The element which is to be animated.\n * @returns {JXG.Board} Reference to the board\n */\n addAnimation: function (element) {\n var that = this;\n\n this.animationObjects[element.id] = element;\n\n if (!this.animationIntervalCode) {\n this.animationIntervalCode = window.setInterval(function () {\n that.animate();\n }, element.board.attr.animationdelay);\n }\n\n return this;\n },\n\n /**\n * Cancels all running animations.\n * @returns {JXG.Board} Reference to the board\n */\n stopAllAnimation: function () {\n var el;\n\n for (el in this.animationObjects) {\n if (\n this.animationObjects.hasOwnProperty(el) &&\n Type.exists(this.animationObjects[el])\n ) {\n this.animationObjects[el] = null;\n delete this.animationObjects[el];\n }\n }\n\n window.clearInterval(this.animationIntervalCode);\n delete this.animationIntervalCode;\n\n return this;\n },\n\n /**\n * General purpose animation function. This currently only supports moving points from one place to another. This\n * is faster than managing the animation per point, especially if there is more than one animated point at the same time.\n * @returns {JXG.Board} Reference to the board\n */\n animate: function () {\n var props,\n el,\n o,\n newCoords,\n r,\n p,\n c,\n cbtmp,\n count = 0,\n obj = null;\n\n for (el in this.animationObjects) {\n if (\n this.animationObjects.hasOwnProperty(el) &&\n Type.exists(this.animationObjects[el])\n ) {\n count += 1;\n o = this.animationObjects[el];\n\n if (o.animationPath) {\n if (Type.isFunction(o.animationPath)) {\n newCoords = o.animationPath(\n new Date().getTime() - o.animationStart\n );\n } else {\n newCoords = o.animationPath.pop();\n }\n\n if (\n !Type.exists(newCoords) ||\n (!Type.isArray(newCoords) && isNaN(newCoords))\n ) {\n delete o.animationPath;\n } else {\n o.setPositionDirectly(Const.COORDS_BY_USER, newCoords);\n o.fullUpdate();\n obj = o;\n }\n }\n if (o.animationData) {\n c = 0;\n\n for (r in o.animationData) {\n if (o.animationData.hasOwnProperty(r)) {\n p = o.animationData[r].pop();\n\n if (!Type.exists(p)) {\n delete o.animationData[p];\n } else {\n c += 1;\n props = {};\n props[r] = p;\n o.setAttribute(props);\n }\n }\n }\n\n if (c === 0) {\n delete o.animationData;\n }\n }\n\n if (!Type.exists(o.animationData) && !Type.exists(o.animationPath)) {\n this.animationObjects[el] = null;\n delete this.animationObjects[el];\n\n if (Type.exists(o.animationCallback)) {\n cbtmp = o.animationCallback;\n o.animationCallback = null;\n cbtmp();\n }\n }\n }\n }\n\n if (count === 0) {\n window.clearInterval(this.animationIntervalCode);\n delete this.animationIntervalCode;\n } else {\n this.update(obj);\n }\n\n return this;\n },\n\n /**\n * Migrate the dependency properties of the point src\n * to the point dest and delete the point src.\n * For example, a circle around the point src\n * receives the new center dest. The old center src\n * will be deleted.\n * @param {JXG.Point} src Original point which will be deleted\n * @param {JXG.Point} dest New point with the dependencies of src.\n * @param {Boolean} copyName Flag which decides if the name of the src element is copied to the\n * dest element.\n * @returns {JXG.Board} Reference to the board\n */\n migratePoint: function (src, dest, copyName) {\n var child,\n childId,\n prop,\n found,\n i,\n srcLabelId,\n srcHasLabel = false;\n\n src = this.select(src);\n dest = this.select(dest);\n\n if (Type.exists(src.label)) {\n srcLabelId = src.label.id;\n srcHasLabel = true;\n this.removeObject(src.label);\n }\n\n for (childId in src.childElements) {\n if (src.childElements.hasOwnProperty(childId)) {\n child = src.childElements[childId];\n found = false;\n\n for (prop in child) {\n if (child.hasOwnProperty(prop)) {\n if (child[prop] === src) {\n child[prop] = dest;\n found = true;\n }\n }\n }\n\n if (found) {\n delete src.childElements[childId];\n }\n\n for (i = 0; i < child.parents.length; i++) {\n if (child.parents[i] === src.id) {\n child.parents[i] = dest.id;\n }\n }\n\n dest.addChild(child);\n }\n }\n\n // The destination object should receive the name\n // and the label of the originating (src) object\n if (copyName) {\n if (srcHasLabel) {\n delete dest.childElements[srcLabelId];\n delete dest.descendants[srcLabelId];\n }\n\n if (dest.label) {\n this.removeObject(dest.label);\n }\n\n delete this.elementsByName[dest.name];\n dest.name = src.name;\n if (srcHasLabel) {\n dest.createLabel();\n }\n }\n\n this.removeObject(src);\n\n if (Type.exists(dest.name) && dest.name !== \"\") {\n this.elementsByName[dest.name] = dest;\n }\n\n this.fullUpdate();\n\n return this;\n },\n\n /**\n * Initializes color blindness simulation.\n * @param {String} deficiency Describes the color blindness deficiency which is simulated. Accepted values are 'protanopia', 'deuteranopia', and 'tritanopia'.\n * @returns {JXG.Board} Reference to the board\n */\n emulateColorblindness: function (deficiency) {\n var e, o;\n\n if (!Type.exists(deficiency)) {\n deficiency = \"none\";\n }\n\n if (this.currentCBDef === deficiency) {\n return this;\n }\n\n for (e in this.objects) {\n if (this.objects.hasOwnProperty(e)) {\n o = this.objects[e];\n\n if (deficiency !== \"none\") {\n if (this.currentCBDef === \"none\") {\n // this could be accomplished by JXG.extend, too. But do not use\n // JXG.deepCopy as this could result in an infinite loop because in\n // visProp there could be geometry elements which contain the board which\n // contains all objects which contain board etc.\n o.visPropOriginal = {\n strokecolor: o.visProp.strokecolor,\n fillcolor: o.visProp.fillcolor,\n highlightstrokecolor: o.visProp.highlightstrokecolor,\n highlightfillcolor: o.visProp.highlightfillcolor\n };\n }\n o.setAttribute({\n strokecolor: Color.rgb2cb(\n Type.evaluate(o.visPropOriginal.strokecolor),\n deficiency\n ),\n fillcolor: Color.rgb2cb(\n Type.evaluate(o.visPropOriginal.fillcolor),\n deficiency\n ),\n highlightstrokecolor: Color.rgb2cb(\n Type.evaluate(o.visPropOriginal.highlightstrokecolor),\n deficiency\n ),\n highlightfillcolor: Color.rgb2cb(\n Type.evaluate(o.visPropOriginal.highlightfillcolor),\n deficiency\n )\n });\n } else if (Type.exists(o.visPropOriginal)) {\n JXG.extend(o.visProp, o.visPropOriginal);\n }\n }\n }\n this.currentCBDef = deficiency;\n this.update();\n\n return this;\n },\n\n /**\n * Select a single or multiple elements at once.\n * @param {String|Object|function} str The name, id or a reference to a JSXGraph element on this board. An object will\n * be used as a filter to return multiple elements at once filtered by the properties of the object.\n * @param {Boolean} onlyByIdOrName If true (default:false) elements are only filtered by their id, name or groupId.\n * The advanced filters consisting of objects or functions are ignored.\n * @returns {JXG.GeometryElement|JXG.Composition}\n * @example\n * // select the element with name A\n * board.select('A');\n *\n * // select all elements with strokecolor set to 'red' (but not '#ff0000')\n * board.select({\n * strokeColor: 'red'\n * });\n *\n * // select all points on or below the x axis and make them black.\n * board.select({\n * elementClass: JXG.OBJECT_CLASS_POINT,\n * Y: function (v) {\n * return v <= 0;\n * }\n * }).setAttribute({color: 'black'});\n *\n * // select all elements\n * board.select(function (el) {\n * return true;\n * });\n */\n select: function (str, onlyByIdOrName) {\n var flist,\n olist,\n i,\n l,\n s = str;\n\n if (s === null) {\n return s;\n }\n\n // It's a string, most likely an id or a name.\n if (Type.isString(s) && s !== \"\") {\n // Search by ID\n if (Type.exists(this.objects[s])) {\n s = this.objects[s];\n // Search by name\n } else if (Type.exists(this.elementsByName[s])) {\n s = this.elementsByName[s];\n // Search by group ID\n } else if (Type.exists(this.groups[s])) {\n s = this.groups[s];\n }\n\n // It's a function or an object, but not an element\n } else if (\n !onlyByIdOrName &&\n (Type.isFunction(s) || (Type.isObject(s) && !Type.isFunction(s.setAttribute)))\n ) {\n flist = Type.filterElements(this.objectsList, s);\n\n olist = {};\n l = flist.length;\n for (i = 0; i < l; i++) {\n olist[flist[i].id] = flist[i];\n }\n s = new Composition(olist);\n\n // It's an element which has been deleted (and still hangs around, e.g. in an attractor list\n } else if (\n Type.isObject(s) &&\n Type.exists(s.id) &&\n !Type.exists(this.objects[s.id])\n ) {\n s = null;\n }\n\n return s;\n },\n\n /**\n * Checks if the given point is inside the boundingbox.\n * @param {Number|JXG.Coords} x User coordinate or {@link JXG.Coords} object.\n * @param {Number} [y] User coordinate. May be omitted in case x is a {@link JXG.Coords} object.\n * @returns {Boolean}\n */\n hasPoint: function (x, y) {\n var px = x,\n py = y,\n bbox = this.getBoundingBox();\n\n if (Type.exists(x) && Type.isArray(x.usrCoords)) {\n px = x.usrCoords[1];\n py = x.usrCoords[2];\n }\n\n return !!(\n Type.isNumber(px) &&\n Type.isNumber(py) &&\n bbox[0] < px &&\n px < bbox[2] &&\n bbox[1] > py &&\n py > bbox[3]\n );\n },\n\n /**\n * Update CSS transformations of type scaling. It is used to correct the mouse position\n * in {@link JXG.Board.getMousePosition}.\n * The inverse transformation matrix is updated on each mouseDown and touchStart event.\n *\n * It is up to the user to call this method after an update of the CSS transformation\n * in the DOM.\n */\n updateCSSTransforms: function () {\n var obj = this.containerObj,\n o = obj,\n o2 = obj;\n\n this.cssTransMat = Env.getCSSTransformMatrix(o);\n\n // Newer variant of walking up the tree.\n // We walk up all parent nodes and collect possible CSS transforms.\n // Works also for ShadowDOM\n if (Type.exists(o.getRootNode)) {\n o = o.parentNode === o.getRootNode() ? o.parentNode.host : o.parentNode;\n while (o) {\n this.cssTransMat = Mat.matMatMult(Env.getCSSTransformMatrix(o), this.cssTransMat);\n o = o.parentNode === o.getRootNode() ? o.parentNode.host : o.parentNode;\n }\n this.cssTransMat = Mat.inverse(this.cssTransMat);\n } else {\n /*\n * This is necessary for IE11\n */\n o = o.offsetParent;\n while (o) {\n this.cssTransMat = Mat.matMatMult(Env.getCSSTransformMatrix(o), this.cssTransMat);\n\n o2 = o2.parentNode;\n while (o2 !== o) {\n this.cssTransMat = Mat.matMatMult(Env.getCSSTransformMatrix(o), this.cssTransMat);\n o2 = o2.parentNode;\n }\n o = o.offsetParent;\n }\n this.cssTransMat = Mat.inverse(this.cssTransMat);\n }\n return this;\n },\n\n /**\n * Start selection mode. This function can either be triggered from outside or by\n * a down event together with correct key pressing. The default keys are\n * shift+ctrl. But this can be changed in the options.\n *\n * Starting from out side can be realized for example with a button like this:\n * \n * \t<button onclick=\"board.startSelectionMode()\">Start</button>\n *
\n * @example\n * //\n * // Set a new bounding box from the selection rectangle\n * //\n * var board = JXG.JSXGraph.initBoard('jxgbox', {\n * boundingBox:[-3,2,3,-2],\n * keepAspectRatio: false,\n * axis:true,\n * selection: {\n * enabled: true,\n * needShift: false,\n * needCtrl: true,\n * withLines: false,\n * vertices: {\n * visible: false\n * },\n * fillColor: '#ffff00',\n * }\n * });\n *\n * var f = function f(x) { return Math.cos(x); },\n * curve = board.create('functiongraph', [f]);\n *\n * board.on('stopselecting', function(){\n * var box = board.stopSelectionMode(),\n *\n * // bbox has the coordinates of the selection rectangle.\n * // Attention: box[i].usrCoords have the form [1, x, y], i.e.\n * // are homogeneous coordinates.\n * bbox = box[0].usrCoords.slice(1).concat(box[1].usrCoords.slice(1));\n *\n * // Set a new bounding box\n * board.setBoundingBox(bbox, false);\n * });\n *\n *\n * \n * \n *\n */\n startSelectionMode: function () {\n this.selectingMode = true;\n this.selectionPolygon.setAttribute({ visible: true });\n this.selectingBox = [\n [0, 0],\n [0, 0]\n ];\n this._setSelectionPolygonFromBox();\n this.selectionPolygon.fullUpdate();\n },\n\n /**\n * Finalize the selection: disable selection mode and return the coordinates\n * of the selection rectangle.\n * @returns {Array} Coordinates of the selection rectangle. The array\n * contains two {@link JXG.Coords} objects. One the upper left corner and\n * the second for the lower right corner.\n */\n stopSelectionMode: function () {\n this.selectingMode = false;\n this.selectionPolygon.setAttribute({ visible: false });\n return [\n this.selectionPolygon.vertices[0].coords,\n this.selectionPolygon.vertices[2].coords\n ];\n },\n\n /**\n * Start the selection of a region.\n * @private\n * @param {Array} pos Screen coordiates of the upper left corner of the\n * selection rectangle.\n */\n _startSelecting: function (pos) {\n this.isSelecting = true;\n this.selectingBox = [\n [pos[0], pos[1]],\n [pos[0], pos[1]]\n ];\n this._setSelectionPolygonFromBox();\n },\n\n /**\n * Update the selection rectangle during a move event.\n * @private\n * @param {Array} pos Screen coordiates of the move event\n */\n _moveSelecting: function (pos) {\n if (this.isSelecting) {\n this.selectingBox[1] = [pos[0], pos[1]];\n this._setSelectionPolygonFromBox();\n this.selectionPolygon.fullUpdate();\n }\n },\n\n /**\n * Update the selection rectangle during an up event. Stop selection.\n * @private\n * @param {Object} evt Event object\n */\n _stopSelecting: function (evt) {\n var pos = this.getMousePosition(evt);\n\n this.isSelecting = false;\n this.selectingBox[1] = [pos[0], pos[1]];\n this._setSelectionPolygonFromBox();\n },\n\n /**\n * Update the Selection rectangle.\n * @private\n */\n _setSelectionPolygonFromBox: function () {\n var A = this.selectingBox[0],\n B = this.selectingBox[1];\n\n this.selectionPolygon.vertices[0].setPositionDirectly(JXG.COORDS_BY_SCREEN, [\n A[0],\n A[1]\n ]);\n this.selectionPolygon.vertices[1].setPositionDirectly(JXG.COORDS_BY_SCREEN, [\n A[0],\n B[1]\n ]);\n this.selectionPolygon.vertices[2].setPositionDirectly(JXG.COORDS_BY_SCREEN, [\n B[0],\n B[1]\n ]);\n this.selectionPolygon.vertices[3].setPositionDirectly(JXG.COORDS_BY_SCREEN, [\n B[0],\n A[1]\n ]);\n },\n\n /**\n * Test if a down event should start a selection. Test if the\n * required keys are pressed. If yes, {@link JXG.Board.startSelectionMode} is called.\n * @param {Object} evt Event object\n */\n _testForSelection: function (evt) {\n if (this._isRequiredKeyPressed(evt, \"selection\")) {\n if (!Type.exists(this.selectionPolygon)) {\n this._createSelectionPolygon(this.attr);\n }\n this.startSelectionMode();\n }\n },\n\n /**\n * Create the internal selection polygon, which will be available as board.selectionPolygon.\n * @private\n * @param {Object} attr board attributes, e.g. the subobject board.attr.\n * @returns {Object} pointer to the board to enable chaining.\n */\n _createSelectionPolygon: function (attr) {\n var selectionattr;\n\n if (!Type.exists(this.selectionPolygon)) {\n selectionattr = Type.copyAttributes(attr, Options, \"board\", \"selection\");\n if (selectionattr.enabled === true) {\n this.selectionPolygon = this.create(\n \"polygon\",\n [\n [0, 0],\n [0, 0],\n [0, 0],\n [0, 0]\n ],\n selectionattr\n );\n }\n }\n\n return this;\n },\n\n /* **************************\n * EVENT DEFINITION\n * for documentation purposes\n * ************************** */\n\n //region Event handler documentation\n\n /**\n * @event\n * @description Whenever the user starts to touch or click the board.\n * @name JXG.Board#down\n * @param {Event} e The browser's event object.\n */\n __evt__down: function (e) {},\n\n /**\n * @event\n * @description Whenever the user starts to click on the board.\n * @name JXG.Board#mousedown\n * @param {Event} e The browser's event object.\n */\n __evt__mousedown: function (e) {},\n\n /**\n * @event\n * @description Whenever the user taps the pen on the board.\n * @name JXG.Board#pendown\n * @param {Event} e The browser's event object.\n */\n __evt__pendown: function (e) {},\n\n /**\n * @event\n * @description Whenever the user starts to click on the board with a\n * device sending pointer events.\n * @name JXG.Board#pointerdown\n * @param {Event} e The browser's event object.\n */\n __evt__pointerdown: function (e) {},\n\n /**\n * @event\n * @description Whenever the user starts to touch the board.\n * @name JXG.Board#touchstart\n * @param {Event} e The browser's event object.\n */\n __evt__touchstart: function (e) {},\n\n /**\n * @event\n * @description Whenever the user stops to touch or click the board.\n * @name JXG.Board#up\n * @param {Event} e The browser's event object.\n */\n __evt__up: function (e) {},\n\n /**\n * @event\n * @description Whenever the user releases the mousebutton over the board.\n * @name JXG.Board#mouseup\n * @param {Event} e The browser's event object.\n */\n __evt__mouseup: function (e) {},\n\n /**\n * @event\n * @description Whenever the user releases the mousebutton over the board with a\n * device sending pointer events.\n * @name JXG.Board#pointerup\n * @param {Event} e The browser's event object.\n */\n __evt__pointerup: function (e) {},\n\n /**\n * @event\n * @description Whenever the user stops touching the board.\n * @name JXG.Board#touchend\n * @param {Event} e The browser's event object.\n */\n __evt__touchend: function (e) {},\n\n /**\n * @event\n * @description This event is fired whenever the user is moving the finger or mouse pointer over the board.\n * @name JXG.Board#move\n * @param {Event} e The browser's event object.\n * @param {Number} mode The mode the board currently is in\n * @see JXG.Board#mode\n */\n __evt__move: function (e, mode) {},\n\n /**\n * @event\n * @description This event is fired whenever the user is moving the mouse over the board.\n * @name JXG.Board#mousemove\n * @param {Event} e The browser's event object.\n * @param {Number} mode The mode the board currently is in\n * @see JXG.Board#mode\n */\n __evt__mousemove: function (e, mode) {},\n\n /**\n * @event\n * @description This event is fired whenever the user is moving the pen over the board.\n * @name JXG.Board#penmove\n * @param {Event} e The browser's event object.\n * @param {Number} mode The mode the board currently is in\n * @see JXG.Board#mode\n */\n __evt__penmove: function (e, mode) {},\n\n /**\n * @event\n * @description This event is fired whenever the user is moving the mouse over the board with a\n * device sending pointer events.\n * @name JXG.Board#pointermove\n * @param {Event} e The browser's event object.\n * @param {Number} mode The mode the board currently is in\n * @see JXG.Board#mode\n */\n __evt__pointermove: function (e, mode) {},\n\n /**\n * @event\n * @description This event is fired whenever the user is moving the finger over the board.\n * @name JXG.Board#touchmove\n * @param {Event} e The browser's event object.\n * @param {Number} mode The mode the board currently is in\n * @see JXG.Board#mode\n */\n __evt__touchmove: function (e, mode) {},\n\n /**\n * @event\n * @description This event is fired whenever the user is moving an element over the board by\n * pressing arrow keys on a keyboard.\n * @name JXG.Board#keymove\n * @param {Event} e The browser's event object.\n * @param {Number} mode The mode the board currently is in\n * @see JXG.Board#mode\n */\n __evt__keymove: function (e, mode) { },\n\n /**\n * @event\n * @description Whenever an element is highlighted this event is fired.\n * @name JXG.Board#hit\n * @param {Event} e The browser's event object.\n * @param {JXG.GeometryElement} el The hit element.\n * @param target\n *\n * @example\n * var c = board.create('circle', [[1, 1], 2]);\n * board.on('hit', function(evt, el) {\n * console.log(\"Hit element\", el);\n * });\n *\n * \n * \n */\n __evt__hit: function (e, el, target) {},\n\n /**\n * @event\n * @description Whenever an element is highlighted this event is fired.\n * @name JXG.Board#mousehit\n * @see JXG.Board#hit\n * @param {Event} e The browser's event object.\n * @param {JXG.GeometryElement} el The hit element.\n * @param target\n */\n __evt__mousehit: function (e, el, target) {},\n\n /**\n * @event\n * @description This board is updated.\n * @name JXG.Board#update\n */\n __evt__update: function () {},\n\n /**\n * @event\n * @description The bounding box of the board has changed.\n * @name JXG.Board#boundingbox\n */\n __evt__boundingbox: function () {},\n\n /**\n * @event\n * @description Select a region is started during a down event or by calling\n * {@link JXG.Board.startSelectionMode}\n * @name JXG.Board#startselecting\n */\n __evt__startselecting: function () {},\n\n /**\n * @event\n * @description Select a region is started during a down event\n * from a device sending mouse events or by calling\n * {@link JXG.Board.startSelectionMode}.\n * @name JXG.Board#mousestartselecting\n */\n __evt__mousestartselecting: function () {},\n\n /**\n * @event\n * @description Select a region is started during a down event\n * from a device sending pointer events or by calling\n * {@link JXG.Board.startSelectionMode}.\n * @name JXG.Board#pointerstartselecting\n */\n __evt__pointerstartselecting: function () {},\n\n /**\n * @event\n * @description Select a region is started during a down event\n * from a device sending touch events or by calling\n * {@link JXG.Board.startSelectionMode}.\n * @name JXG.Board#touchstartselecting\n */\n __evt__touchstartselecting: function () {},\n\n /**\n * @event\n * @description Selection of a region is stopped during an up event.\n * @name JXG.Board#stopselecting\n */\n __evt__stopselecting: function () {},\n\n /**\n * @event\n * @description Selection of a region is stopped during an up event\n * from a device sending mouse events.\n * @name JXG.Board#mousestopselecting\n */\n __evt__mousestopselecting: function () {},\n\n /**\n * @event\n * @description Selection of a region is stopped during an up event\n * from a device sending pointer events.\n * @name JXG.Board#pointerstopselecting\n */\n __evt__pointerstopselecting: function () {},\n\n /**\n * @event\n * @description Selection of a region is stopped during an up event\n * from a device sending touch events.\n * @name JXG.Board#touchstopselecting\n */\n __evt__touchstopselecting: function () {},\n\n /**\n * @event\n * @description A move event while selecting of a region is active.\n * @name JXG.Board#moveselecting\n */\n __evt__moveselecting: function () {},\n\n /**\n * @event\n * @description A move event while selecting of a region is active\n * from a device sending mouse events.\n * @name JXG.Board#mousemoveselecting\n */\n __evt__mousemoveselecting: function () {},\n\n /**\n * @event\n * @description Select a region is started during a down event\n * from a device sending mouse events.\n * @name JXG.Board#pointermoveselecting\n */\n __evt__pointermoveselecting: function () {},\n\n /**\n * @event\n * @description Select a region is started during a down event\n * from a device sending touch events.\n * @name JXG.Board#touchmoveselecting\n */\n __evt__touchmoveselecting: function () {},\n\n /**\n * @ignore\n */\n __evt: function () {},\n\n //endregion\n\n /**\n * Expand the JSXGraph construction to fullscreen.\n * In order to preserve the proportions of the JSXGraph element,\n * a wrapper div is created which is set to fullscreen.\n * \n * The wrapping div has the CSS class 'jxgbox_wrap_private' which is\n * defined in the file 'jsxgraph.css'\n *
\n * This feature is not available on iPhones (as of December 2021).\n *\n * @param {String} id (Optional) id of the div element which is brought to fullscreen.\n * If not provided, this defaults to the JSXGraph div. However, it may be necessary for the aspect ratio trick\n * which using padding-bottom/top and an out div element. Then, the id of the outer div has to be supplied.\n *\n * @return {JXG.Board} Reference to the board\n *\n * @example\n * <div id='jxgbox' class='jxgbox' style='width:500px; height:200px;'></div>\n * <button onClick=\"board.toFullscreen()\">Fullscreen</button>\n *\n * <script language=\"Javascript\" type='text/javascript'>\n * var board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]});\n * var p = board.create('point', [0, 1]);\n * </script>\n *\n *
\n * \n * \n * \n *\n * @example\n * <div id='outer' style='max-width: 500px; margin: 0 auto;'>\n * <div id='jxgbox' class='jxgbox' style='height: 0; padding-bottom: 100%'></div>\n * </div>\n * <button onClick=\"board.toFullscreen('outer')\">Fullscreen</button>\n *\n * <script language=\"Javascript\" type='text/javascript'>\n * var board = JXG.JSXGraph.initBoard('jxgbox', {\n * axis:true,\n * boundingbox:[-5,5,5,-5],\n * fullscreen: { id: 'outer' },\n * showFullscreen: true\n * });\n * var p = board.create('point', [-2, 3], {});\n * </script>\n *\n * \n * \n * \n * \n * \n *\n *\n */\n toFullscreen: function (id) {\n var wrap_id,\n wrap_node,\n inner_node,\n doc = this.document,\n fullscreenElement;\n\n id = id || this.container;\n this._fullscreen_inner_id = id;\n inner_node = doc.getElementById(id);\n wrap_id = \"fullscreenwrap_\" + id;\n\n // Wrap a div around the JSXGraph div.\n if (doc.getElementById(wrap_id)) {\n wrap_node = doc.getElementById(wrap_id);\n } else {\n wrap_node = document.createElement(\"div\");\n wrap_node.classList.add(\"JXG_wrap_private\");\n wrap_node.setAttribute(\"id\", wrap_id);\n inner_node.parentNode.insertBefore(wrap_node, inner_node);\n wrap_node.appendChild(inner_node);\n }\n\n // Get the real width and height of the JSXGraph div\n // and determine the scaling and vertical shift amount\n // this._fullscreen_res = Env._getScaleFactors(inner_node);\n\n // Trigger fullscreen mode\n wrap_node.requestFullscreen =\n wrap_node.requestFullscreen ||\n wrap_node.webkitRequestFullscreen ||\n wrap_node.mozRequestFullScreen ||\n wrap_node.msRequestFullscreen;\n\n if (doc.fullscreenElement !== undefined) {\n fullscreenElement = doc.fullscreenElement;\n } else if (doc.webkitFullscreenElement !== undefined) {\n fullscreenElement = doc.webkitFullscreenElement;\n } else {\n fullscreenElement = doc.msFullscreenElement;\n }\n if (fullscreenElement === null) {\n // Start fullscreen mode\n if (wrap_node.requestFullscreen) {\n wrap_node.requestFullscreen();\n }\n } else {\n if (Type.exists(document.exitFullscreen)) {\n document.exitFullscreen();\n } else if (Type.exists(document.webkitExitFullscreen)) {\n document.webkitExitFullscreen();\n }\n }\n\n return this;\n },\n\n /**\n * If fullscreen mode is toggled, the possible CSS transformations\n * which are applied to the JSXGraph canvas have to be reread.\n * Otherwise the position of upper left corner is wrongly interpreted.\n *\n * @param {Object} evt fullscreen event object (unused)\n */\n fullscreenListener: function (evt) {\n var inner_id,\n inner_node,\n fullscreenElement, // res,\n doc = this.document;\n\n inner_id = this._fullscreen_inner_id;\n if (!Type.exists(inner_id)) {\n return;\n }\n\n if (doc.fullscreenElement !== undefined) {\n fullscreenElement = doc.fullscreenElement;\n } else if (doc.webkitFullscreenElement !== undefined) {\n fullscreenElement = doc.webkitFullscreenElement;\n } else {\n fullscreenElement = doc.msFullscreenElement;\n }\n\n inner_node = doc.getElementById(inner_id);\n // If full screen mode is started we have to remove CSS margin around the JSXGraph div.\n // Otherwise, the positioning of the fullscreen div will be false.\n // When leaving the fullscreen mode, the margin is put back in.\n if (fullscreenElement) {\n // Just entered fullscreen mode\n\n // Get the data computed in board.toFullscreen()\n // res = this._fullscreen_res;\n\n // Store the scaling data.\n // It is used in AbstractRenderer.updateText to restore the scaling matrix\n // which is removed by MathJax.\n // Further, the CSS margin has to be removed when in fullscreen mode,\n // and must be restored later.\n inner_node._cssFullscreenStore = {\n id: fullscreenElement.id,\n isFullscreen: true,\n margin: inner_node.style.margin\n // width: inner_node.style.width\n // scale: res.scale,\n // vshift: res.vshift\n };\n\n inner_node.style.margin = \"\";\n // inner_node.style.width = res.width + 'px';\n\n // Do the shifting and scaling via CSS pseudo rules\n // We do this after fullscreen mode has been established to get the correct size\n // of the JSXGraph div.\n Env.scaleJSXGraphDiv(fullscreenElement.id, inner_id, doc, Type.evaluate(this.attr.fullscreen.scale));\n\n // Clear this.doc.fullscreenElement, because Safari doesn't to it and\n // when leaving full screen mode it is still set.\n fullscreenElement = null;\n } else if (Type.exists(inner_node._cssFullscreenStore)) {\n // Just left the fullscreen mode\n\n // Remove the CSS rules added in Env.scaleJSXGraphDiv\n try {\n doc.styleSheets[doc.styleSheets.length - 1].deleteRule(0);\n } catch (err) {\n console.log(\"JSXGraph: Could not remove CSS rules for full screen mode\");\n }\n\n inner_node._cssFullscreenStore.isFullscreen = false;\n inner_node.style.margin = inner_node._cssFullscreenStore.margin;\n // inner_node.style.width = inner_node._cssFullscreenStore.width;\n }\n\n this.updateCSSTransforms();\n },\n\n /**\n * Add user activity to the array \"board.userLog\".\n * \n * @param {String} type Event type, e.g. \"drag\"\n * @param {Object} obj JSXGraph element object\n * \n * @see JXG.Board#userLog\n * @return {JXG.Board} Reference to the board\n */\n addLogEntry: function(type, obj) {\n var t,\n id = obj.id,\n last = this.userLog.length - 1;\n if (Type.evaluate(this.attr.logging.enabled)) {\n t = (new Date()).getTime();\n if (last >= 0 &&\n this.userLog[last].type === type &&\n this.userLog[last].id === id &&\n // Distinguish consecutive drag events of\n // the same element\n t - this.userLog[last].end < 500) {\n\n this.userLog[last].end = t;\n } else {\n this.userLog.push({\n type: type,\n id: id,\n start: t,\n end: t\n });\n }\n }\n return this;\n },\n\n /**\n * Function to animate a curve rolling on another curve.\n * @param {Curve} c1 JSXGraph curve building the floor where c2 rolls\n * @param {Curve} c2 JSXGraph curve which rolls on c1.\n * @param {number} start_c1 The parameter t such that c1(t) touches c2. This is the start position of the\n * rolling process\n * @param {Number} stepsize Increase in t in each step for the curve c1\n * @param {Number} direction\n * @param {Number} time Delay time for setInterval()\n * @param {Array} pointlist Array of points which are rolled in each step. This list should contain\n * all points which define c2 and gliders on c2.\n *\n * @example\n *\n * // Line which will be the floor to roll upon.\n * var line = board.create('curve', [function (t) { return t;}, function (t){ return 1;}], {strokeWidth:6});\n * // Center of the rolling circle\n * var C = board.create('point',[0,2],{name:'C'});\n * // Starting point of the rolling circle\n * var P = board.create('point',[0,1],{name:'P', trace:true});\n * // Circle defined as a curve. The circle \"starts\" at P, i.e. circle(0) = P\n * var circle = board.create('curve',[\n * function (t){var d = P.Dist(C),\n * beta = JXG.Math.Geometry.rad([C.X()+1,C.Y()],C,P);\n * t += beta;\n * return C.X()+d*Math.cos(t);\n * },\n * function (t){var d = P.Dist(C),\n * beta = JXG.Math.Geometry.rad([C.X()+1,C.Y()],C,P);\n * t += beta;\n * return C.Y()+d*Math.sin(t);\n * },\n * 0,2*Math.PI],\n * {strokeWidth:6, strokeColor:'green'});\n *\n * // Point on circle\n * var B = board.create('glider',[0,2,circle],{name:'B', color:'blue',trace:false});\n * var roll = board.createRoulette(line, circle, 0, Math.PI/20, 1, 100, [C,P,B]);\n * roll.start() // Start the rolling, to be stopped by roll.stop()\n *\n * \n * \n */\n createRoulette: function (c1, c2, start_c1, stepsize, direction, time, pointlist) {\n var brd = this,\n Roulette = function () {\n var alpha = 0,\n Tx = 0,\n Ty = 0,\n t1 = start_c1,\n t2 = Numerics.root(\n function (t) {\n var c1x = c1.X(t1),\n c1y = c1.Y(t1),\n c2x = c2.X(t),\n c2y = c2.Y(t);\n\n return (c1x - c2x) * (c1x - c2x) + (c1y - c2y) * (c1y - c2y);\n },\n [0, Math.PI * 2]\n ),\n t1_new = 0.0,\n t2_new = 0.0,\n c1dist,\n rotation = brd.create(\n \"transform\",\n [\n function () {\n return alpha;\n }\n ],\n { type: \"rotate\" }\n ),\n rotationLocal = brd.create(\n \"transform\",\n [\n function () {\n return alpha;\n },\n function () {\n return c1.X(t1);\n },\n function () {\n return c1.Y(t1);\n }\n ],\n { type: \"rotate\" }\n ),\n translate = brd.create(\n \"transform\",\n [\n function () {\n return Tx;\n },\n function () {\n return Ty;\n }\n ],\n { type: \"translate\" }\n ),\n // arc length via Simpson's rule.\n arclen = function (c, a, b) {\n var cpxa = Numerics.D(c.X)(a),\n cpya = Numerics.D(c.Y)(a),\n cpxb = Numerics.D(c.X)(b),\n cpyb = Numerics.D(c.Y)(b),\n cpxab = Numerics.D(c.X)((a + b) * 0.5),\n cpyab = Numerics.D(c.Y)((a + b) * 0.5),\n fa = Math.sqrt(cpxa * cpxa + cpya * cpya),\n fb = Math.sqrt(cpxb * cpxb + cpyb * cpyb),\n fab = Math.sqrt(cpxab * cpxab + cpyab * cpyab);\n\n return ((fa + 4 * fab + fb) * (b - a)) / 6;\n },\n exactDist = function (t) {\n return c1dist - arclen(c2, t2, t);\n },\n beta = Math.PI / 18,\n beta9 = beta * 9,\n interval = null;\n\n this.rolling = function () {\n var h, g, hp, gp, z;\n\n t1_new = t1 + direction * stepsize;\n\n // arc length between c1(t1) and c1(t1_new)\n c1dist = arclen(c1, t1, t1_new);\n\n // find t2_new such that arc length between c2(t2) and c1(t2_new) equals c1dist.\n t2_new = Numerics.root(exactDist, t2);\n\n // c1(t) as complex number\n h = new Complex(c1.X(t1_new), c1.Y(t1_new));\n\n // c2(t) as complex number\n g = new Complex(c2.X(t2_new), c2.Y(t2_new));\n\n hp = new Complex(Numerics.D(c1.X)(t1_new), Numerics.D(c1.Y)(t1_new));\n gp = new Complex(Numerics.D(c2.X)(t2_new), Numerics.D(c2.Y)(t2_new));\n\n // z is angle between the tangents of c1 at t1_new, and c2 at t2_new\n z = Complex.C.div(hp, gp);\n\n alpha = Math.atan2(z.imaginary, z.real);\n // Normalizing the quotient\n z.div(Complex.C.abs(z));\n z.mult(g);\n Tx = h.real - z.real;\n\n // T = h(t1_new)-g(t2_new)*h'(t1_new)/g'(t2_new);\n Ty = h.imaginary - z.imaginary;\n\n // -(10-90) degrees: make corners roll smoothly\n if (alpha < -beta && alpha > -beta9) {\n alpha = -beta;\n rotationLocal.applyOnce(pointlist);\n } else if (alpha > beta && alpha < beta9) {\n alpha = beta;\n rotationLocal.applyOnce(pointlist);\n } else {\n rotation.applyOnce(pointlist);\n translate.applyOnce(pointlist);\n t1 = t1_new;\n t2 = t2_new;\n }\n brd.update();\n };\n\n this.start = function () {\n if (time > 0) {\n interval = window.setInterval(this.rolling, time);\n }\n return this;\n };\n\n this.stop = function () {\n window.clearInterval(interval);\n return this;\n };\n return this;\n };\n return new Roulette();\n }\n }\n);\n\nexport default JXG.Board;\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * - 2px dash, 2px space
\n * - 5px dash, 5px space
\n * - 10px dash, 10px space
\n * - 20px dash, 20px space
\n * - 20px dash, 10px space, 10px dash, 10px dash
\n * - 20px dash, 5px space, 10px dash, 5px space
\n * @type Array\n * @default ['2, 2', '5, 5', '10, 10', '20, 20', '20, 10, 10, 10', '20, 5, 10, 5']\n * @see https://www.w3.org/TR/SVG2/painting.html#StrokeProperties\n */\n this.dashArray = [\"2, 2\", \"5, 5\", \"10, 10\", \"20, 20\", \"20, 10, 10, 10\", \"20, 5, 10, 5\"];\n};\n\nJXG.SVGRenderer.prototype = new AbstractRenderer();\n\nJXG.extend(\n JXG.SVGRenderer.prototype,\n /** @lends JXG.SVGRenderer.prototype */ {\n /**\n * Creates an arrow DOM node. Arrows are displayed in SVG with a marker tag.\n * @private\n * @param {JXG.GeometryElement} el A JSXGraph element, preferably one that can have an arrow attached.\n * @param {String} [idAppendix=''] A string that is added to the node's id.\n * @returns {Node} Reference to the node added to the DOM.\n */\n _createArrowHead: function (el, idAppendix, type) {\n var node2,\n node3,\n id = el.id + \"Triangle\",\n //type = null,\n v,\n h;\n\n if (Type.exists(idAppendix)) {\n id += idAppendix;\n }\n node2 = this.createPrim(\"marker\", id);\n\n node2.setAttributeNS(null, \"stroke\", Type.evaluate(el.visProp.strokecolor));\n node2.setAttributeNS(\n null,\n \"stroke-opacity\",\n Type.evaluate(el.visProp.strokeopacity)\n );\n node2.setAttributeNS(null, \"fill\", Type.evaluate(el.visProp.strokecolor));\n node2.setAttributeNS(null, \"fill-opacity\", Type.evaluate(el.visProp.strokeopacity));\n node2.setAttributeNS(null, \"stroke-width\", 0); // this is the stroke-width of the arrow head.\n // Should be zero to simplify the calculations\n\n node2.setAttributeNS(null, \"orient\", \"auto\");\n node2.setAttributeNS(null, \"markerUnits\", \"strokeWidth\"); // 'strokeWidth' 'userSpaceOnUse');\n\n /*\n Types 1, 2:\n The arrow head is an isosceles triangle with base length 10 and height 10.\n\n Type 3:\n A rectangle\n\n Types 4, 5, 6:\n Defined by Bezier curves from mp_arrowheads.html\n\n In any case but type 3 the arrow head is 10 units long,\n type 3 is 10 unitsb high.\n These 10 units are scaled to strokeWidth * arrowSize pixels, see\n this._setArrowWidth().\n\n See also abstractRenderer.updateLine() where the line path is shortened accordingly.\n\n Changes here are also necessary in setArrowWidth().\n\n So far, lines with arrow heads are shortenend to avoid overlapping of\n arrow head and line. This is not the case for curves, yet.\n Therefore, the offset refX has to be adapted to the path type.\n */\n node3 = this.container.ownerDocument.createElementNS(this.svgNamespace, \"path\");\n h = 5;\n if (idAppendix === \"End\") {\n // First arrow\n //type = a.typeFirst;\n // if (JXG.exists(ev_fa.type)) {\n // type = Type.evaluate(ev_fa.type);\n // }\n\n v = 0;\n if (type === 2) {\n node3.setAttributeNS(null, \"d\", \"M 10,0 L 0,5 L 10,10 L 5,5 z\");\n } else if (type === 3) {\n node3.setAttributeNS(null, \"d\", \"M 0,0 L 3.33,0 L 3.33,10 L 0,10 z\");\n } else if (type === 4) {\n // insetRatio:0.8 tipAngle:45 wingCurve:15 tailCurve:0\n h = 3.31;\n node3.setAttributeNS(\n null,\n \"d\",\n \"M 0.00,3.31 C 3.53,3.84 7.13,4.50 10.00,6.63 C 9.33,5.52 8.67,4.42 8.00,3.31 C 8.67,2.21 9.33,1.10 10.00,0.00 C 7.13,2.13 3.53,2.79 0.00,3.31\"\n );\n } else if (type === 5) {\n // insetRatio:0.9 tipAngle:40 wingCurve:5 tailCurve:15\n h = 3.28;\n node3.setAttributeNS(\n null,\n \"d\",\n \"M 0.00,3.28 C 3.39,4.19 6.81,5.07 10.00,6.55 C 9.38,5.56 9.00,4.44 9.00,3.28 C 9.00,2.11 9.38,0.99 10.00,0.00 C 6.81,1.49 3.39,2.37 0.00,3.28\"\n );\n } else if (type === 6) {\n // insetRatio:0.9 tipAngle:35 wingCurve:5 tailCurve:0\n h = 2.84;\n node3.setAttributeNS(\n null,\n \"d\",\n \"M 0.00,2.84 C 3.39,3.59 6.79,4.35 10.00,5.68 C 9.67,4.73 9.33,3.78 9.00,2.84 C 9.33,1.89 9.67,0.95 10.00,0.00 C 6.79,1.33 3.39,2.09 0.00,2.84\"\n );\n } else if (type === 7) {\n // insetRatio:0.9 tipAngle:60 wingCurve:30 tailCurve:0\n h = 5.2;\n node3.setAttributeNS(\n null,\n \"d\",\n \"M 0.00,5.20 C 4.04,5.20 7.99,6.92 10.00,10.39 M 10.00,0.00 C 7.99,3.47 4.04,5.20 0.00,5.20\"\n );\n } else {\n // type == 1 or > 6\n node3.setAttributeNS(null, \"d\", \"M 10,0 L 0,5 L 10,10 z\");\n }\n if (\n // !Type.exists(el.rendNode.getTotalLength) &&\n el.elementClass === Const.OBJECT_CLASS_LINE\n ) {\n if (type === 2) {\n v = 4.9;\n } else if (type === 3) {\n v = 3.3;\n } else if (type === 4 || type === 5 || type === 6) {\n v = 6.66;\n } else if (type === 7) {\n v = 0.0;\n } else {\n v = 10.0;\n }\n }\n } else {\n // Last arrow\n // if (JXG.exists(ev_la.type)) {\n // type = Type.evaluate(ev_la.type);\n // }\n //type = a.typeLast;\n\n v = 10.0;\n if (type === 2) {\n node3.setAttributeNS(null, \"d\", \"M 0,0 L 10,5 L 0,10 L 5,5 z\");\n } else if (type === 3) {\n v = 3.3;\n node3.setAttributeNS(null, \"d\", \"M 0,0 L 3.33,0 L 3.33,10 L 0,10 z\");\n } else if (type === 4) {\n // insetRatio:0.8 tipAngle:45 wingCurve:15 tailCurve:0\n h = 3.31;\n node3.setAttributeNS(\n null,\n \"d\",\n \"M 10.00,3.31 C 6.47,3.84 2.87,4.50 0.00,6.63 C 0.67,5.52 1.33,4.42 2.00,3.31 C 1.33,2.21 0.67,1.10 0.00,0.00 C 2.87,2.13 6.47,2.79 10.00,3.31\"\n );\n } else if (type === 5) {\n // insetRatio:0.9 tipAngle:40 wingCurve:5 tailCurve:15\n h = 3.28;\n node3.setAttributeNS(\n null,\n \"d\",\n \"M 10.00,3.28 C 6.61,4.19 3.19,5.07 0.00,6.55 C 0.62,5.56 1.00,4.44 1.00,3.28 C 1.00,2.11 0.62,0.99 0.00,0.00 C 3.19,1.49 6.61,2.37 10.00,3.28\"\n );\n } else if (type === 6) {\n // insetRatio:0.9 tipAngle:35 wingCurve:5 tailCurve:0\n h = 2.84;\n node3.setAttributeNS(\n null,\n \"d\",\n \"M 10.00,2.84 C 6.61,3.59 3.21,4.35 0.00,5.68 C 0.33,4.73 0.67,3.78 1.00,2.84 C 0.67,1.89 0.33,0.95 0.00,0.00 C 3.21,1.33 6.61,2.09 10.00,2.84\"\n );\n } else if (type === 7) {\n // insetRatio:0.9 tipAngle:60 wingCurve:30 tailCurve:0\n h = 5.2;\n node3.setAttributeNS(\n null,\n \"d\",\n \"M 10.00,5.20 C 5.96,5.20 2.01,6.92 0.00,10.39 M 0.00,0.00 C 2.01,3.47 5.96,5.20 10.00,5.20\"\n );\n } else {\n // type == 1 or > 6\n node3.setAttributeNS(null, \"d\", \"M 0,0 L 10,5 L 0,10 z\");\n }\n if (\n // !Type.exists(el.rendNode.getTotalLength) &&\n el.elementClass === Const.OBJECT_CLASS_LINE\n ) {\n if (type === 2) {\n v = 5.1;\n } else if (type === 3) {\n v = 0.02;\n } else if (type === 4 || type === 5 || type === 6) {\n v = 3.33;\n } else if (type === 7) {\n v = 10.0;\n } else {\n v = 0.05;\n }\n }\n }\n if (type === 7) {\n node2.setAttributeNS(null, \"fill\", \"none\");\n node2.setAttributeNS(null, \"stroke-width\", 1); // this is the stroke-width of the arrow head.\n }\n node2.setAttributeNS(null, \"refY\", h);\n node2.setAttributeNS(null, \"refX\", v);\n\n node2.appendChild(node3);\n return node2;\n },\n\n /**\n * Updates color of an arrow DOM node.\n * @param {Node} node The arrow node.\n * @param {String} color Color value in a HTML compatible format, e.g. #00ff00 or green for green.\n * @param {Number} opacity\n * @param {JXG.GeometryElement} el The element the arrows are to be attached to\n */\n _setArrowColor: function (node, color, opacity, el, type) {\n if (node) {\n if (Type.isString(color)) {\n if (type !== 7) {\n this._setAttribute(function () {\n node.setAttributeNS(null, \"stroke\", color);\n node.setAttributeNS(null, \"fill\", color);\n node.setAttributeNS(null, \"stroke-opacity\", opacity);\n node.setAttributeNS(null, \"fill-opacity\", opacity);\n }, el.visPropOld.fillcolor);\n } else {\n this._setAttribute(function () {\n node.setAttributeNS(null, \"fill\", \"none\");\n node.setAttributeNS(null, \"stroke\", color);\n node.setAttributeNS(null, \"stroke-opacity\", opacity);\n }, el.visPropOld.fillcolor);\n }\n }\n\n if (this.isIE) {\n el.rendNode.parentNode.insertBefore(el.rendNode, el.rendNode);\n }\n }\n },\n\n // Already documented in JXG.AbstractRenderer\n _setArrowWidth: function (node, width, parentNode, size) {\n var s, d;\n\n if (node) {\n // if (width === 0) {\n // // display:none does not work well in webkit\n // node.setAttributeNS(null, 'display', 'none');\n // } else {\n s = width;\n d = s * size;\n node.setAttributeNS(null, \"viewBox\", 0 + \" \" + 0 + \" \" + s * 10 + \" \" + s * 10);\n node.setAttributeNS(null, \"markerHeight\", d);\n node.setAttributeNS(null, \"markerWidth\", d);\n node.setAttributeNS(null, \"display\", \"inherit\");\n // }\n\n if (this.isIE) {\n parentNode.parentNode.insertBefore(parentNode, parentNode);\n }\n }\n },\n\n /* ******************************** *\n * This renderer does not need to\n * override draw/update* methods\n * since it provides draw/update*Prim\n * methods except for some cases like\n * internal texts or images.\n * ******************************** */\n\n /* **************************\n * Lines\n * **************************/\n\n // documented in AbstractRenderer\n updateTicks: function (ticks) {\n var i,\n j,\n c,\n node,\n x,\n y,\n tickStr = \"\",\n len = ticks.ticks.length,\n len2,\n str,\n isReal = true;\n\n for (i = 0; i < len; i++) {\n c = ticks.ticks[i];\n x = c[0];\n y = c[1];\n\n len2 = x.length;\n str = \" M \" + x[0] + \" \" + y[0];\n if (!Type.isNumber(x[0])) {\n isReal = false;\n }\n for (j = 1; isReal && j < len2; ++j) {\n if (Type.isNumber(x[j])) {\n str += \" L \" + x[j] + \" \" + y[j];\n } else {\n isReal = false;\n }\n }\n if (isReal) {\n tickStr += str;\n }\n }\n\n node = ticks.rendNode;\n\n if (!Type.exists(node)) {\n node = this.createPrim(\"path\", ticks.id);\n this.appendChildPrim(node, Type.evaluate(ticks.visProp.layer));\n ticks.rendNode = node;\n }\n\n node.setAttributeNS(null, \"stroke\", Type.evaluate(ticks.visProp.strokecolor));\n node.setAttributeNS(null, \"fill\", \"none\");\n // node.setAttributeNS(null, 'fill', Type.evaluate(ticks.visProp.fillcolor));\n // node.setAttributeNS(null, 'fill-opacity', Type.evaluate(ticks.visProp.fillopacity));\n node.setAttributeNS(\n null,\n \"stroke-opacity\",\n Type.evaluate(ticks.visProp.strokeopacity)\n );\n node.setAttributeNS(null, \"stroke-width\", Type.evaluate(ticks.visProp.strokewidth));\n this.updatePathPrim(node, tickStr, ticks.board);\n },\n\n /* **************************\n * Text related stuff\n * **************************/\n\n // Already documented in JXG.AbstractRenderer\n displayCopyright: function (str, fontsize) {\n var node = this.createPrim(\"text\", \"licenseText\"),\n t;\n node.setAttributeNS(null, \"x\", \"20px\");\n node.setAttributeNS(null, \"y\", 2 + fontsize + \"px\");\n node.setAttributeNS(\n null,\n \"style\",\n \"font-family:Arial,Helvetica,sans-serif; font-size:\" +\n fontsize +\n \"px; fill:#356AA0; opacity:0.3;\"\n );\n t = this.container.ownerDocument.createTextNode(str);\n node.appendChild(t);\n this.appendChildPrim(node, 0);\n },\n\n // Already documented in JXG.AbstractRenderer\n drawInternalText: function (el) {\n var node = this.createPrim(\"text\", el.id);\n\n //node.setAttributeNS(null, \"style\", \"alignment-baseline:middle\"); // Not yet supported by Firefox\n // Preserve spaces\n //node.setAttributeNS(\"http://www.w3.org/XML/1998/namespace\", \"space\", \"preserve\");\n node.style.whiteSpace = \"nowrap\";\n\n el.rendNodeText = this.container.ownerDocument.createTextNode(\"\");\n node.appendChild(el.rendNodeText);\n this.appendChildPrim(node, Type.evaluate(el.visProp.layer));\n\n return node;\n },\n\n // Already documented in JXG.AbstractRenderer\n updateInternalText: function (el) {\n var content = el.plaintext,\n v,\n ev_ax = el.getAnchorX(),\n ev_ay = el.getAnchorY();\n\n if (el.rendNode.getAttributeNS(null, \"class\") !== el.visProp.cssclass) {\n el.rendNode.setAttributeNS(null, \"class\", Type.evaluate(el.visProp.cssclass));\n el.needsSizeUpdate = true;\n }\n\n if (!isNaN(el.coords.scrCoords[1] + el.coords.scrCoords[2])) {\n // Horizontal\n v = el.coords.scrCoords[1];\n if (el.visPropOld.left !== ev_ax + v) {\n el.rendNode.setAttributeNS(null, \"x\", v + \"px\");\n\n if (ev_ax === \"left\") {\n el.rendNode.setAttributeNS(null, \"text-anchor\", \"start\");\n } else if (ev_ax === \"right\") {\n el.rendNode.setAttributeNS(null, \"text-anchor\", \"end\");\n } else if (ev_ax === \"middle\") {\n el.rendNode.setAttributeNS(null, \"text-anchor\", \"middle\");\n }\n el.visPropOld.left = ev_ax + v;\n }\n\n // Vertical\n v = el.coords.scrCoords[2];\n if (el.visPropOld.top !== ev_ay + v) {\n el.rendNode.setAttributeNS(null, \"y\", v + this.vOffsetText * 0.5 + \"px\");\n\n if (ev_ay === \"bottom\") {\n el.rendNode.setAttributeNS(\n null,\n \"dominant-baseline\",\n \"text-after-edge\"\n );\n } else if (ev_ay === \"top\") {\n el.rendNode.setAttributeNS(null, \"dy\", \"1.6ex\");\n //el.rendNode.setAttributeNS(null, 'dominant-baseline', 'text-before-edge'); // Not supported by IE, edge\n } else if (ev_ay === \"middle\") {\n //el.rendNode.setAttributeNS(null, 'dominant-baseline', 'middle');\n el.rendNode.setAttributeNS(null, \"dy\", \"0.6ex\");\n }\n el.visPropOld.top = ev_ay + v;\n }\n }\n if (el.htmlStr !== content) {\n el.rendNodeText.data = content;\n el.htmlStr = content;\n }\n this.transformImage(el, el.transformations);\n },\n\n /**\n * Set color and opacity of internal texts.\n * SVG needs its own version.\n * @private\n * @see JXG.AbstractRenderer#updateTextStyle\n * @see JXG.AbstractRenderer#updateInternalTextStyle\n */\n updateInternalTextStyle: function (el, strokeColor, strokeOpacity, duration) {\n this.setObjectFillColor(el, strokeColor, strokeOpacity);\n },\n\n /* **************************\n * Image related stuff\n * **************************/\n\n // Already documented in JXG.AbstractRenderer\n drawImage: function (el) {\n var node = this.createPrim(\"image\", el.id);\n\n node.setAttributeNS(null, \"preserveAspectRatio\", \"none\");\n this.appendChildPrim(node, Type.evaluate(el.visProp.layer));\n el.rendNode = node;\n\n this.updateImage(el);\n },\n\n // Already documented in JXG.AbstractRenderer\n transformImage: function (el, t) {\n var s,\n m,\n node = el.rendNode,\n str = \"\",\n len = t.length;\n\n if (len > 0) {\n m = this.joinTransforms(el, t);\n s = [m[1][1], m[2][1], m[1][2], m[2][2], m[1][0], m[2][0]].join(\",\");\n str += \" matrix(\" + s + \") \";\n node.setAttributeNS(null, \"transform\", str);\n }\n },\n\n // Already documented in JXG.AbstractRenderer\n updateImageURL: function (el) {\n var url = Type.evaluate(el.url);\n\n if (el._src !== url) {\n el.imgIsLoaded = false;\n el.rendNode.setAttributeNS(this.xlinkNamespace, \"xlink:href\", url);\n el._src = url;\n\n return true;\n }\n\n return false;\n },\n\n // Already documented in JXG.AbstractRenderer\n updateImageStyle: function (el, doHighlight) {\n var css = Type.evaluate(\n doHighlight ? el.visProp.highlightcssclass : el.visProp.cssclass\n );\n\n el.rendNode.setAttributeNS(null, \"class\", css);\n },\n\n // Already documented in JXG.AbstractRenderer\n drawForeignObject: function (el) {\n el.rendNode = this.appendChildPrim(\n this.createPrim(\"foreignObject\", el.id),\n Type.evaluate(el.visProp.layer)\n );\n\n this.appendNodesToElement(el, \"foreignObject\");\n this.updateForeignObject(el);\n },\n\n // Already documented in JXG.AbstractRenderer\n updateForeignObject: function (el) {\n if (el._useUserSize) {\n el.rendNode.style.overflow = \"hidden\";\n } else {\n el.rendNode.style.overflow = \"visible\";\n }\n\n this.updateRectPrim(\n el.rendNode,\n el.coords.scrCoords[1],\n el.coords.scrCoords[2] - el.size[1],\n el.size[0],\n el.size[1]\n );\n\n el.rendNode.innerHTML = el.content;\n this._updateVisual(el, { stroke: true, dash: true }, true);\n },\n\n /* **************************\n * Render primitive objects\n * **************************/\n\n // Already documented in JXG.AbstractRenderer\n appendChildPrim: function (node, level) {\n if (!Type.exists(level)) {\n // trace nodes have level not set\n level = 0;\n } else if (level >= Options.layer.numlayers) {\n level = Options.layer.numlayers - 1;\n }\n\n this.layer[level].appendChild(node);\n\n return node;\n },\n\n // Already documented in JXG.AbstractRenderer\n createPrim: function (type, id) {\n var node = this.container.ownerDocument.createElementNS(this.svgNamespace, type);\n node.setAttributeNS(null, \"id\", this.container.id + \"_\" + id);\n node.style.position = \"absolute\";\n if (type === \"path\") {\n node.setAttributeNS(null, \"stroke-linecap\", \"round\");\n node.setAttributeNS(null, \"stroke-linejoin\", \"round\");\n node.setAttributeNS(null, \"fill-rule\", \"evenodd\");\n }\n return node;\n },\n\n // Already documented in JXG.AbstractRenderer\n remove: function (shape) {\n if (Type.exists(shape) && Type.exists(shape.parentNode)) {\n shape.parentNode.removeChild(shape);\n }\n },\n\n // Already documented in JXG.AbstractRenderer\n setLayer: function (el, level) {\n if (!Type.exists(level)) {\n level = 0;\n } else if (level >= Options.layer.numlayers) {\n level = Options.layer.numlayers - 1;\n }\n\n this.layer[level].appendChild(el.rendNode);\n },\n\n // Already documented in JXG.AbstractRenderer\n makeArrows: function (el, a) {\n var node2,\n ev_fa = a.evFirst,\n ev_la = a.evLast;\n\n // Test if the arrow heads already exist\n if (el.visPropOld.firstarrow === ev_fa && el.visPropOld.lastarrow === ev_la) {\n if (this.isIE && el.visPropCalc.visible && (ev_fa || ev_la)) {\n el.rendNode.parentNode.insertBefore(el.rendNode, el.rendNode);\n }\n return;\n }\n\n if (ev_fa) {\n node2 = el.rendNodeTriangleStart;\n if (!Type.exists(node2)) {\n node2 = this._createArrowHead(el, \"End\", a.typeFirst);\n this.defs.appendChild(node2);\n el.rendNodeTriangleStart = node2;\n el.rendNode.setAttributeNS(\n null,\n \"marker-start\",\n \"url(#\" + this.container.id + \"_\" + el.id + \"TriangleEnd)\"\n );\n } else {\n this.defs.appendChild(node2);\n }\n } else {\n node2 = el.rendNodeTriangleStart;\n if (Type.exists(node2)) {\n this.remove(node2);\n }\n }\n if (ev_la) {\n node2 = el.rendNodeTriangleEnd;\n if (!Type.exists(node2)) {\n node2 = this._createArrowHead(el, \"Start\", a.typeLast);\n this.defs.appendChild(node2);\n el.rendNodeTriangleEnd = node2;\n el.rendNode.setAttributeNS(\n null,\n \"marker-end\",\n \"url(#\" + this.container.id + \"_\" + el.id + \"TriangleStart)\"\n );\n } else {\n this.defs.appendChild(node2);\n }\n } else {\n node2 = el.rendNodeTriangleEnd;\n if (Type.exists(node2)) {\n this.remove(node2);\n }\n }\n el.visPropOld.firstarrow = ev_fa;\n el.visPropOld.lastarrow = ev_la;\n },\n\n // Already documented in JXG.AbstractRenderer\n updateEllipsePrim: function (node, x, y, rx, ry) {\n var huge = 1000000;\n\n huge = 200000; // IE\n // webkit does not like huge values if the object is dashed\n // iE doesn't like huge values above 216000\n x = Math.abs(x) < huge ? x : (huge * x) / Math.abs(x);\n y = Math.abs(y) < huge ? y : (huge * y) / Math.abs(y);\n rx = Math.abs(rx) < huge ? rx : (huge * rx) / Math.abs(rx);\n ry = Math.abs(ry) < huge ? ry : (huge * ry) / Math.abs(ry);\n\n node.setAttributeNS(null, \"cx\", x);\n node.setAttributeNS(null, \"cy\", y);\n node.setAttributeNS(null, \"rx\", Math.abs(rx));\n node.setAttributeNS(null, \"ry\", Math.abs(ry));\n },\n\n // Already documented in JXG.AbstractRenderer\n updateLinePrim: function (node, p1x, p1y, p2x, p2y) {\n var huge = 1000000;\n\n huge = 200000; //IE\n if (!isNaN(p1x + p1y + p2x + p2y)) {\n // webkit does not like huge values if the object is dashed\n // IE doesn't like huge values above 216000\n p1x = Math.abs(p1x) < huge ? p1x : (huge * p1x) / Math.abs(p1x);\n p1y = Math.abs(p1y) < huge ? p1y : (huge * p1y) / Math.abs(p1y);\n p2x = Math.abs(p2x) < huge ? p2x : (huge * p2x) / Math.abs(p2x);\n p2y = Math.abs(p2y) < huge ? p2y : (huge * p2y) / Math.abs(p2y);\n\n node.setAttributeNS(null, \"x1\", p1x);\n node.setAttributeNS(null, \"y1\", p1y);\n node.setAttributeNS(null, \"x2\", p2x);\n node.setAttributeNS(null, \"y2\", p2y);\n }\n },\n\n // Already documented in JXG.AbstractRenderer\n updatePathPrim: function (node, pointString) {\n if (pointString === \"\") {\n pointString = \"M 0 0\";\n }\n node.setAttributeNS(null, \"d\", pointString);\n },\n\n // Already documented in JXG.AbstractRenderer\n updatePathStringPoint: function (el, size, type) {\n var s = \"\",\n scr = el.coords.scrCoords,\n sqrt32 = size * Math.sqrt(3) * 0.5,\n s05 = size * 0.5;\n\n if (type === \"x\") {\n s =\n \" M \" +\n (scr[1] - size) +\n \" \" +\n (scr[2] - size) +\n \" L \" +\n (scr[1] + size) +\n \" \" +\n (scr[2] + size) +\n \" M \" +\n (scr[1] + size) +\n \" \" +\n (scr[2] - size) +\n \" L \" +\n (scr[1] - size) +\n \" \" +\n (scr[2] + size);\n } else if (type === \"+\") {\n s =\n \" M \" +\n (scr[1] - size) +\n \" \" +\n scr[2] +\n \" L \" +\n (scr[1] + size) +\n \" \" +\n scr[2] +\n \" M \" +\n scr[1] +\n \" \" +\n (scr[2] - size) +\n \" L \" +\n scr[1] +\n \" \" +\n (scr[2] + size);\n } else if (type === \"|\") {\n s =\n \" M \" +\n scr[1] +\n \" \" +\n (scr[2] - size) +\n \" L \" +\n scr[1] +\n \" \" +\n (scr[2] + size);\n } else if (type === \"-\") {\n s =\n \" M \" +\n (scr[1] - size) +\n \" \" +\n scr[2] +\n \" L \" +\n (scr[1] + size) +\n \" \" +\n scr[2];\n } else if (type === \"<>\") {\n s =\n \" M \" +\n (scr[1] - size) +\n \" \" +\n scr[2] +\n \" L \" +\n scr[1] +\n \" \" +\n (scr[2] + size) +\n \" L \" +\n (scr[1] + size) +\n \" \" +\n scr[2] +\n \" L \" +\n scr[1] +\n \" \" +\n (scr[2] - size) +\n \" Z \";\n } else if (type === \"^\") {\n s =\n \" M \" +\n scr[1] +\n \" \" +\n (scr[2] - size) +\n \" L \" +\n (scr[1] - sqrt32) +\n \" \" +\n (scr[2] + s05) +\n \" L \" +\n (scr[1] + sqrt32) +\n \" \" +\n (scr[2] + s05) +\n \" Z \"; // close path\n } else if (type === \"v\") {\n s =\n \" M \" +\n scr[1] +\n \" \" +\n (scr[2] + size) +\n \" L \" +\n (scr[1] - sqrt32) +\n \" \" +\n (scr[2] - s05) +\n \" L \" +\n (scr[1] + sqrt32) +\n \" \" +\n (scr[2] - s05) +\n \" Z \";\n } else if (type === \">\") {\n s =\n \" M \" +\n (scr[1] + size) +\n \" \" +\n scr[2] +\n \" L \" +\n (scr[1] - s05) +\n \" \" +\n (scr[2] - sqrt32) +\n \" L \" +\n (scr[1] - s05) +\n \" \" +\n (scr[2] + sqrt32) +\n \" Z \";\n } else if (type === \"<\") {\n s =\n \" M \" +\n (scr[1] - size) +\n \" \" +\n scr[2] +\n \" L \" +\n (scr[1] + s05) +\n \" \" +\n (scr[2] - sqrt32) +\n \" L \" +\n (scr[1] + s05) +\n \" \" +\n (scr[2] + sqrt32) +\n \" Z \";\n }\n return s;\n },\n\n // Already documented in JXG.AbstractRenderer\n updatePathStringPrim: function (el) {\n var i,\n scr,\n len,\n symbm = \" M \",\n symbl = \" L \",\n symbc = \" C \",\n nextSymb = symbm,\n maxSize = 5000.0,\n pStr = \"\";\n\n if (el.numberPoints <= 0) {\n return \"\";\n }\n\n len = Math.min(el.points.length, el.numberPoints);\n\n if (el.bezierDegree === 1) {\n for (i = 0; i < len; i++) {\n scr = el.points[i].scrCoords;\n if (isNaN(scr[1]) || isNaN(scr[2])) {\n // PenUp\n nextSymb = symbm;\n } else {\n // Chrome has problems with values being too far away.\n scr[1] = Math.max(Math.min(scr[1], maxSize), -maxSize);\n scr[2] = Math.max(Math.min(scr[2], maxSize), -maxSize);\n\n // Attention: first coordinate may be inaccurate if far way\n //pStr += [nextSymb, scr[1], ' ', scr[2]].join('');\n pStr += nextSymb + scr[1] + \" \" + scr[2]; // Seems to be faster now (webkit and firefox)\n nextSymb = symbl;\n }\n }\n } else if (el.bezierDegree === 3) {\n i = 0;\n while (i < len) {\n scr = el.points[i].scrCoords;\n if (isNaN(scr[1]) || isNaN(scr[2])) {\n // PenUp\n nextSymb = symbm;\n } else {\n pStr += nextSymb + scr[1] + \" \" + scr[2];\n if (nextSymb === symbc) {\n i += 1;\n scr = el.points[i].scrCoords;\n pStr += \" \" + scr[1] + \" \" + scr[2];\n i += 1;\n scr = el.points[i].scrCoords;\n pStr += \" \" + scr[1] + \" \" + scr[2];\n }\n nextSymb = symbc;\n }\n i += 1;\n }\n }\n return pStr;\n },\n\n // Already documented in JXG.AbstractRenderer\n updatePathStringBezierPrim: function (el) {\n var i,\n j,\n k,\n scr,\n lx,\n ly,\n len,\n symbm = \" M \",\n symbl = \" C \",\n nextSymb = symbm,\n maxSize = 5000.0,\n pStr = \"\",\n f = Type.evaluate(el.visProp.strokewidth),\n isNoPlot = Type.evaluate(el.visProp.curvetype) !== \"plot\";\n\n if (el.numberPoints <= 0) {\n return \"\";\n }\n\n if (isNoPlot && el.board.options.curve.RDPsmoothing) {\n el.points = Numerics.RamerDouglasPeucker(el.points, 0.5);\n }\n\n len = Math.min(el.points.length, el.numberPoints);\n for (j = 1; j < 3; j++) {\n nextSymb = symbm;\n for (i = 0; i < len; i++) {\n scr = el.points[i].scrCoords;\n\n if (isNaN(scr[1]) || isNaN(scr[2])) {\n // PenUp\n nextSymb = symbm;\n } else {\n // Chrome has problems with values being too far away.\n scr[1] = Math.max(Math.min(scr[1], maxSize), -maxSize);\n scr[2] = Math.max(Math.min(scr[2], maxSize), -maxSize);\n\n // Attention: first coordinate may be inaccurate if far way\n if (nextSymb === symbm) {\n //pStr += [nextSymb, scr[1], ' ', scr[2]].join('');\n pStr += nextSymb + scr[1] + \" \" + scr[2]; // Seems to be faster now (webkit and firefox)\n } else {\n k = 2 * j;\n pStr += [\n nextSymb,\n lx + (scr[1] - lx) * 0.333 + f * (k * Math.random() - j),\n \" \",\n ly + (scr[2] - ly) * 0.333 + f * (k * Math.random() - j),\n \" \",\n lx + (scr[1] - lx) * 0.666 + f * (k * Math.random() - j),\n \" \",\n ly + (scr[2] - ly) * 0.666 + f * (k * Math.random() - j),\n \" \",\n scr[1],\n \" \",\n scr[2]\n ].join(\"\");\n }\n\n nextSymb = symbl;\n lx = scr[1];\n ly = scr[2];\n }\n }\n }\n return pStr;\n },\n\n // Already documented in JXG.AbstractRenderer\n updatePolygonPrim: function (node, el) {\n var i,\n pStr = \"\",\n scrCoords,\n len = el.vertices.length;\n\n node.setAttributeNS(null, \"stroke\", \"none\");\n node.setAttributeNS(null, \"fill-rule\", \"evenodd\");\n if (el.elType === \"polygonalchain\") {\n len++;\n }\n\n for (i = 0; i < len - 1; i++) {\n if (el.vertices[i].isReal) {\n scrCoords = el.vertices[i].coords.scrCoords;\n pStr = pStr + scrCoords[1] + \",\" + scrCoords[2];\n } else {\n node.setAttributeNS(null, \"points\", \"\");\n return;\n }\n\n if (i < len - 2) {\n pStr += \" \";\n }\n }\n if (pStr.indexOf(\"NaN\") === -1) {\n node.setAttributeNS(null, \"points\", pStr);\n }\n },\n\n // Already documented in JXG.AbstractRenderer\n updateRectPrim: function (node, x, y, w, h) {\n node.setAttributeNS(null, \"x\", x);\n node.setAttributeNS(null, \"y\", y);\n node.setAttributeNS(null, \"width\", w);\n node.setAttributeNS(null, \"height\", h);\n },\n\n /* **************************\n * Set Attributes\n * **************************/\n\n // documented in JXG.AbstractRenderer\n setPropertyPrim: function (node, key, val) {\n if (key === \"stroked\") {\n return;\n }\n node.setAttributeNS(null, key, val);\n },\n\n display: function (el, val) {\n var node;\n\n if (el && el.rendNode) {\n el.visPropOld.visible = val;\n node = el.rendNode;\n if (val) {\n node.setAttributeNS(null, \"display\", \"inline\");\n node.style.visibility = \"inherit\";\n } else {\n node.setAttributeNS(null, \"display\", \"none\");\n node.style.visibility = \"hidden\";\n }\n }\n },\n\n // documented in JXG.AbstractRenderer\n show: function (el) {\n JXG.deprecated(\"Board.renderer.show()\", \"Board.renderer.display()\");\n this.display(el, true);\n // var node;\n //\n // if (el && el.rendNode) {\n // node = el.rendNode;\n // node.setAttributeNS(null, 'display', 'inline');\n // node.style.visibility = \"inherit\";\n // }\n },\n\n // documented in JXG.AbstractRenderer\n hide: function (el) {\n JXG.deprecated(\"Board.renderer.hide()\", \"Board.renderer.display()\");\n this.display(el, false);\n // var node;\n //\n // if (el && el.rendNode) {\n // node = el.rendNode;\n // node.setAttributeNS(null, 'display', 'none');\n // node.style.visibility = \"hidden\";\n // }\n },\n\n // documented in JXG.AbstractRenderer\n setBuffering: function (el, type) {\n el.rendNode.setAttribute(\"buffered-rendering\", type);\n },\n\n // documented in JXG.AbstractRenderer\n setDashStyle: function (el) {\n var dashStyle = Type.evaluate(el.visProp.dash),\n node = el.rendNode;\n\n if (dashStyle > 0) {\n node.setAttributeNS(null, \"stroke-dasharray\", this.dashArray[dashStyle - 1]);\n } else {\n if (node.hasAttributeNS(null, \"stroke-dasharray\")) {\n node.removeAttributeNS(null, \"stroke-dasharray\");\n }\n }\n },\n\n // documented in JXG.AbstractRenderer\n setGradient: function (el) {\n var fillNode = el.rendNode,\n node,\n node2,\n node3,\n ev_g = Type.evaluate(el.visProp.gradient);\n\n if (ev_g === \"linear\" || ev_g === \"radial\") {\n node = this.createPrim(ev_g + \"Gradient\", el.id + \"_gradient\");\n node2 = this.createPrim(\"stop\", el.id + \"_gradient1\");\n node3 = this.createPrim(\"stop\", el.id + \"_gradient2\");\n node.appendChild(node2);\n node.appendChild(node3);\n this.defs.appendChild(node);\n fillNode.setAttributeNS(\n null,\n \"style\",\n \"fill:url(#\" + this.container.id + \"_\" + el.id + \"_gradient)\"\n );\n el.gradNode1 = node2;\n el.gradNode2 = node3;\n el.gradNode = node;\n } else {\n fillNode.removeAttributeNS(null, \"style\");\n }\n },\n\n /**\n * Set the gradient angle for linear color gradients.\n *\n * @private\n * @param {SVGnode} node SVG gradient node of an arbitrary JSXGraph element.\n * @param {Number} radians angle value in radians. 0 is horizontal from left to right, Pi/4 is vertical from top to bottom.\n */\n updateGradientAngle: function (node, radians) {\n // Angles:\n // 0: ->\n // 90: down\n // 180: <-\n // 90: up\n var f = 1.0,\n co = Math.cos(radians),\n si = Math.sin(radians);\n\n if (Math.abs(co) > Math.abs(si)) {\n f /= Math.abs(co);\n } else {\n f /= Math.abs(si);\n }\n\n if (co >= 0) {\n node.setAttributeNS(null, \"x1\", 0);\n node.setAttributeNS(null, \"x2\", co * f);\n } else {\n node.setAttributeNS(null, \"x1\", -co * f);\n node.setAttributeNS(null, \"x2\", 0);\n }\n if (si >= 0) {\n node.setAttributeNS(null, \"y1\", 0);\n node.setAttributeNS(null, \"y2\", si * f);\n } else {\n node.setAttributeNS(null, \"y1\", -si * f);\n node.setAttributeNS(null, \"y2\", 0);\n }\n },\n\n /**\n * Set circles for radial color gradients.\n *\n * @private\n * @param {SVGnode} node SVG gradient node\n * @param {Number} cx SVG value cx (value between 0 and 1)\n * @param {Number} cy SVG value cy (value between 0 and 1)\n * @param {Number} r SVG value r (value between 0 and 1)\n * @param {Number} fx SVG value fx (value between 0 and 1)\n * @param {Number} fy SVG value fy (value between 0 and 1)\n * @param {Number} fr SVG value fr (value between 0 and 1)\n */\n updateGradientCircle: function (node, cx, cy, r, fx, fy, fr) {\n node.setAttributeNS(null, \"cx\", cx * 100 + \"%\"); // Center first color\n node.setAttributeNS(null, \"cy\", cy * 100 + \"%\");\n node.setAttributeNS(null, \"r\", r * 100 + \"%\");\n node.setAttributeNS(null, \"fx\", fx * 100 + \"%\"); // Center second color / focal point\n node.setAttributeNS(null, \"fy\", fy * 100 + \"%\");\n node.setAttributeNS(null, \"fr\", fr * 100 + \"%\");\n },\n\n // documented in JXG.AbstractRenderer\n updateGradient: function (el) {\n var col,\n op,\n node2 = el.gradNode1,\n node3 = el.gradNode2,\n ev_g = Type.evaluate(el.visProp.gradient);\n\n if (!Type.exists(node2) || !Type.exists(node3)) {\n return;\n }\n\n op = Type.evaluate(el.visProp.fillopacity);\n op = op > 0 ? op : 0;\n col = Type.evaluate(el.visProp.fillcolor);\n\n node2.setAttributeNS(null, \"style\", \"stop-color:\" + col + \";stop-opacity:\" + op);\n node3.setAttributeNS(\n null,\n \"style\",\n \"stop-color:\" +\n Type.evaluate(el.visProp.gradientsecondcolor) +\n \";stop-opacity:\" +\n Type.evaluate(el.visProp.gradientsecondopacity)\n );\n node2.setAttributeNS(\n null,\n \"offset\",\n Type.evaluate(el.visProp.gradientstartoffset) * 100 + \"%\"\n );\n node3.setAttributeNS(\n null,\n \"offset\",\n Type.evaluate(el.visProp.gradientendoffset) * 100 + \"%\"\n );\n if (ev_g === \"linear\") {\n this.updateGradientAngle(el.gradNode, Type.evaluate(el.visProp.gradientangle));\n } else if (ev_g === \"radial\") {\n this.updateGradientCircle(\n el.gradNode,\n Type.evaluate(el.visProp.gradientcx),\n Type.evaluate(el.visProp.gradientcy),\n Type.evaluate(el.visProp.gradientr),\n Type.evaluate(el.visProp.gradientfx),\n Type.evaluate(el.visProp.gradientfy),\n Type.evaluate(el.visProp.gradientfr)\n );\n }\n },\n\n // documented in JXG.AbstractRenderer\n setObjectTransition: function (el, duration) {\n var node, props,\n transitionArr = [],\n transitionStr,\n i, len,\n nodes = [\"rendNode\", \"rendNodeTriangleStart\", \"rendNodeTriangleEnd\"];\n\n if (duration === undefined) {\n duration = Type.evaluate(el.visProp.transitionduration);\n }\n\n props = Type.evaluate(el.visProp.transitionproperties);\n if (duration === el.visPropOld.transitionduration &&\n props === el.visPropOld.transitionproperties) {\n return;\n }\n\n // if (\n // el.elementClass === Const.OBJECT_CLASS_TEXT &&\n // Type.evaluate(el.visProp.display) === \"html\"\n // ) {\n // // transitionStr = \" color \" + duration + \"ms,\" +\n // // \" opacity \" + duration + \"ms\";\n // transitionStr = \" all \" + duration + \"ms ease\";\n // } else {\n // transitionStr =\n // \" fill \" + duration + \"ms,\" +\n // \" fill-opacity \" + duration + \"ms,\" +\n // \" stroke \" + duration + \"ms,\" +\n // \" stroke-opacity \" + duration + \"ms,\" +\n // \" stroke-width \" + duration + \"ms,\" +\n // \" width \" + duration + \"ms,\" +\n // \" height \" + duration + \"ms,\" +\n // \" rx \" + duration + \"ms,\" +\n // \" ry \" + duration + \"ms\";\n // }\n\n len = props.length;\n for (i = 0; i < len; i++) {\n transitionArr.push(props[i] + ' ' + duration+ 'ms');\n }\n transitionStr = transitionArr.join(', ');\n\n len = nodes.length;\n for (i = 0; i < len; ++i) {\n if (el[nodes[i]]) {\n node = el[nodes[i]];\n node.style.transition = transitionStr;\n }\n }\n\n el.visPropOld.transitionduration = duration;\n el.visPropOld.transitionproperties = props;\n },\n\n /**\n * Call user-defined function to set visual attributes.\n * If \"testAttribute\" is the empty string, the function\n * is called immediately, otherwise it is called in a timeOut.\n *\n * This is necessary to realize smooth transitions but avoid transitions\n * when first creating the objects.\n *\n * Usually, the string in testAttribute is the visPropOld attribute\n * of the values which are set.\n *\n * @param {Function} setFunc Some function which usually sets some attributes\n * @param {String} testAttribute If this string is the empty string the function is called immediately,\n * otherwise it is called in a setImeout.\n * @see JXG.SVGRenderer#setObjectFillColor\n * @see JXG.SVGRenderer#setObjectStrokeColor\n * @see JXG.SVGRenderer#_setArrowColor\n * @private\n */\n _setAttribute: function (setFunc, testAttribute) {\n if (testAttribute === \"\") {\n setFunc();\n } else {\n window.setTimeout(setFunc, 1);\n }\n },\n\n // documented in JXG.AbstractRenderer\n setObjectFillColor: function (el, color, opacity, rendNode) {\n var node, c, rgbo, oo,\n rgba = Type.evaluate(color),\n o = Type.evaluate(opacity),\n grad = Type.evaluate(el.visProp.gradient);\n\n o = o > 0 ? o : 0;\n\n // TODO save gradient and gradientangle\n if (\n el.visPropOld.fillcolor === rgba &&\n el.visPropOld.fillopacity === o &&\n grad === null\n ) {\n return;\n }\n\n if (Type.exists(rgba) && rgba !== false) {\n if (rgba.length !== 9) {\n // RGB, not RGBA\n c = rgba;\n oo = o;\n } else {\n // True RGBA, not RGB\n rgbo = Color.rgba2rgbo(rgba);\n c = rgbo[0];\n oo = o * rgbo[1];\n }\n\n if (rendNode === undefined) {\n node = el.rendNode;\n } else {\n node = rendNode;\n }\n\n if (c !== \"none\") {\n this._setAttribute(function () {\n node.setAttributeNS(null, \"fill\", c);\n }, el.visPropOld.fillcolor);\n }\n\n if (el.type === JXG.OBJECT_TYPE_IMAGE) {\n this._setAttribute(function () {\n node.setAttributeNS(null, \"opacity\", oo);\n }, el.visPropOld.fillopacity);\n //node.style['opacity'] = oo; // This would overwrite values set by CSS class.\n } else {\n if (c === \"none\") {\n // This is done only for non-images\n // because images have no fill color.\n oo = 0;\n // This is necessary if there is a foreignObject below.\n node.setAttributeNS(null, \"pointer-events\", \"visibleStroke\");\n } else {\n // This is the default\n node.setAttributeNS(null, \"pointer-events\", \"visiblePainted\");\n }\n this._setAttribute(function () {\n node.setAttributeNS(null, \"fill-opacity\", oo);\n }, el.visPropOld.fillopacity);\n }\n\n if (grad === \"linear\" || grad === \"radial\") {\n this.updateGradient(el);\n }\n }\n el.visPropOld.fillcolor = rgba;\n el.visPropOld.fillopacity = o;\n },\n\n // documented in JXG.AbstractRenderer\n setObjectStrokeColor: function (el, color, opacity) {\n var rgba = Type.evaluate(color),\n c, rgbo,\n o = Type.evaluate(opacity),\n oo, node;\n\n o = o > 0 ? o : 0;\n\n if (el.visPropOld.strokecolor === rgba && el.visPropOld.strokeopacity === o) {\n return;\n }\n\n if (Type.exists(rgba) && rgba !== false) {\n if (rgba.length !== 9) {\n // RGB, not RGBA\n c = rgba;\n oo = o;\n } else {\n // True RGBA, not RGB\n rgbo = Color.rgba2rgbo(rgba);\n c = rgbo[0];\n oo = o * rgbo[1];\n }\n\n node = el.rendNode;\n\n if (el.elementClass === Const.OBJECT_CLASS_TEXT) {\n if (Type.evaluate(el.visProp.display) === \"html\") {\n this._setAttribute(function () {\n node.style.color = c;\n node.style.opacity = oo;\n }, el.visPropOld.strokecolor);\n } else {\n this._setAttribute(function () {\n node.setAttributeNS(null, \"style\", \"fill:\" + c);\n node.setAttributeNS(null, \"style\", \"fill-opacity:\" + oo);\n }, el.visPropOld.strokecolor);\n }\n } else {\n this._setAttribute(function () {\n node.setAttributeNS(null, \"stroke\", c);\n node.setAttributeNS(null, \"stroke-opacity\", oo);\n }, el.visPropOld.strokecolor);\n }\n\n if (\n el.elementClass === Const.OBJECT_CLASS_CURVE ||\n el.elementClass === Const.OBJECT_CLASS_LINE\n ) {\n if (Type.evaluate(el.visProp.firstarrow)) {\n this._setArrowColor(\n el.rendNodeTriangleStart,\n c,\n oo,\n el,\n el.visPropCalc.typeFirst\n );\n }\n\n if (Type.evaluate(el.visProp.lastarrow)) {\n this._setArrowColor(\n el.rendNodeTriangleEnd,\n c,\n oo,\n el,\n el.visPropCalc.typeLast\n );\n }\n }\n }\n\n el.visPropOld.strokecolor = rgba;\n el.visPropOld.strokeopacity = o;\n },\n\n // documented in JXG.AbstractRenderer\n setObjectStrokeWidth: function (el, width) {\n var node,\n w = Type.evaluate(width);\n\n if (isNaN(w) || el.visPropOld.strokewidth === w) {\n return;\n }\n\n node = el.rendNode;\n this.setPropertyPrim(node, \"stroked\", \"true\");\n if (Type.exists(w)) {\n this.setPropertyPrim(node, \"stroke-width\", w + \"px\");\n\n // if (el.elementClass === Const.OBJECT_CLASS_CURVE ||\n // el.elementClass === Const.OBJECT_CLASS_LINE) {\n // if (Type.evaluate(el.visProp.firstarrow)) {\n // this._setArrowWidth(el.rendNodeTriangleStart, w, el.rendNode);\n // }\n //\n // if (Type.evaluate(el.visProp.lastarrow)) {\n // this._setArrowWidth(el.rendNodeTriangleEnd, w, el.rendNode);\n // }\n // }\n }\n el.visPropOld.strokewidth = w;\n },\n\n // documented in JXG.AbstractRenderer\n setLineCap: function (el) {\n var capStyle = Type.evaluate(el.visProp.linecap);\n\n if (\n capStyle === undefined ||\n capStyle === \"\" ||\n el.visPropOld.linecap === capStyle ||\n !Type.exists(el.rendNode)\n ) {\n return;\n }\n\n this.setPropertyPrim(el.rendNode, \"stroke-linecap\", capStyle);\n el.visPropOld.linecap = capStyle;\n },\n\n // documented in JXG.AbstractRenderer\n setShadow: function (el) {\n var ev_s = Type.evaluate(el.visProp.shadow),\n ev_s_json, c, b, bl, o, op, id, node,\n use_board_filter = true,\n show = false;\n\n ev_s_json = JSON.stringify(ev_s);\n if (ev_s_json === el.visPropOld.shadow) {\n return;\n }\n\n if (typeof ev_s === 'boolean') {\n use_board_filter = true;\n show = ev_s;\n c = 'none';\n b = 3;\n bl = 0.1;\n o = [5, 5];\n op = 1;\n } else {\n if (Type.evaluate(ev_s.enabled)) {\n use_board_filter = false;\n show = true;\n c = JXG.rgbParser(Type.evaluate(ev_s.color));\n b = Type.evaluate(ev_s.blur);\n bl = Type.evaluate(ev_s.blend);\n o = Type.evaluate(ev_s.offset);\n op = Type.evaluate(ev_s.opacity);\n } else {\n show = false;\n }\n }\n\n if (Type.exists(el.rendNode)) {\n if (show) {\n if (use_board_filter) {\n el.rendNode.setAttributeNS(null, 'filter', 'url(#' + this.container.id + '_' + 'f1)');\n } else {\n node = this.container.ownerDocument.getElementById(id);\n if (node) {\n this.defs.removeChild(node);\n }\n id = el.rendNode.id + '_' + 'f1';\n this.defs.appendChild(this.createShadowFilter(id, c, op, bl, b, o));\n el.rendNode.setAttributeNS(null, 'filter', 'url(#' + id + ')');\n }\n } else {\n el.rendNode.removeAttributeNS(null, 'filter');\n }\n }\n\n el.visPropOld.shadow = ev_s_json;\n },\n\n /* **************************\n * renderer control\n * **************************/\n\n // documented in JXG.AbstractRenderer\n suspendRedraw: function () {\n // It seems to be important for the Linux version of firefox\n //this.suspendHandle = this.svgRoot.suspendRedraw(10000);\n },\n\n // documented in JXG.AbstractRenderer\n unsuspendRedraw: function () {\n //this.svgRoot.unsuspendRedraw(this.suspendHandle);\n //this.svgRoot.unsuspendRedrawAll();\n //this.svgRoot.forceRedraw();\n },\n\n // documented in AbstractRenderer\n resize: function (w, h) {\n // this.svgRoot.style.width = parseFloat(w) + 'px';\n // this.svgRoot.style.height = parseFloat(h) + 'px';\n\n this.svgRoot.setAttribute(\"width\", parseFloat(w));\n this.svgRoot.setAttribute(\"height\", parseFloat(h));\n // this.svgRoot.setAttribute('width', '100%');\n // this.svgRoot.setAttribute('height', '100%');\n },\n\n // documented in JXG.AbstractRenderer\n createTouchpoints: function (n) {\n var i, na1, na2, node;\n this.touchpoints = [];\n for (i = 0; i < n; i++) {\n na1 = \"touchpoint1_\" + i;\n node = this.createPrim(\"path\", na1);\n this.appendChildPrim(node, 19);\n node.setAttributeNS(null, \"d\", \"M 0 0\");\n this.touchpoints.push(node);\n\n this.setPropertyPrim(node, \"stroked\", \"true\");\n this.setPropertyPrim(node, \"stroke-width\", \"1px\");\n node.setAttributeNS(null, \"stroke\", \"#000000\");\n node.setAttributeNS(null, \"stroke-opacity\", 1.0);\n node.setAttributeNS(null, \"display\", \"none\");\n\n na2 = \"touchpoint2_\" + i;\n node = this.createPrim(\"ellipse\", na2);\n this.appendChildPrim(node, 19);\n this.updateEllipsePrim(node, 0, 0, 0, 0);\n this.touchpoints.push(node);\n\n this.setPropertyPrim(node, \"stroked\", \"true\");\n this.setPropertyPrim(node, \"stroke-width\", \"1px\");\n node.setAttributeNS(null, \"stroke\", \"#000000\");\n node.setAttributeNS(null, \"stroke-opacity\", 1.0);\n node.setAttributeNS(null, \"fill\", \"#ffffff\");\n node.setAttributeNS(null, \"fill-opacity\", 0.0);\n\n node.setAttributeNS(null, \"display\", \"none\");\n }\n },\n\n // documented in JXG.AbstractRenderer\n showTouchpoint: function (i) {\n if (this.touchpoints && i >= 0 && 2 * i < this.touchpoints.length) {\n this.touchpoints[2 * i].setAttributeNS(null, \"display\", \"inline\");\n this.touchpoints[2 * i + 1].setAttributeNS(null, \"display\", \"inline\");\n }\n },\n\n // documented in JXG.AbstractRenderer\n hideTouchpoint: function (i) {\n if (this.touchpoints && i >= 0 && 2 * i < this.touchpoints.length) {\n this.touchpoints[2 * i].setAttributeNS(null, \"display\", \"none\");\n this.touchpoints[2 * i + 1].setAttributeNS(null, \"display\", \"none\");\n }\n },\n\n // documented in JXG.AbstractRenderer\n updateTouchpoint: function (i, pos) {\n var x,\n y,\n d = 37;\n\n if (this.touchpoints && i >= 0 && 2 * i < this.touchpoints.length) {\n x = pos[0];\n y = pos[1];\n\n this.touchpoints[2 * i].setAttributeNS(\n null,\n \"d\",\n \"M \" +\n (x - d) +\n \" \" +\n y +\n \" \" +\n \"L \" +\n (x + d) +\n \" \" +\n y +\n \" \" +\n \"M \" +\n x +\n \" \" +\n (y - d) +\n \" \" +\n \"L \" +\n x +\n \" \" +\n (y + d)\n );\n this.updateEllipsePrim(this.touchpoints[2 * i + 1], pos[0], pos[1], 25, 25);\n }\n },\n\n /**\n * Walk recursively through the DOM subtree of a node and collect all\n * value attributes together with the id of that node.\n * Attention: Only values of nodes having a valid id are taken.\n * @param {Node} node root node of DOM subtree that will be searched recursively.\n * @return {Array} Array with entries of the form [id, value]\n * @private\n */\n _getValuesOfDOMElements: function (node) {\n var values = [];\n if (node.nodeType === 1) {\n node = node.firstChild;\n while (node) {\n if (node.id !== undefined && node.value !== undefined) {\n values.push([node.id, node.value]);\n }\n values = values.concat(this._getValuesOfDOMElements(node));\n node = node.nextSibling;\n }\n }\n return values;\n },\n\n _getDataUri: function (url, callback) {\n var image = new Image();\n\n image.onload = function () {\n var canvas = document.createElement(\"canvas\");\n canvas.width = this.naturalWidth; // or 'width' if you want a special/scaled size\n canvas.height = this.naturalHeight; // or 'height' if you want a special/scaled size\n\n canvas.getContext(\"2d\").drawImage(this, 0, 0);\n\n callback(canvas.toDataURL(\"image/png\"));\n canvas.remove();\n };\n\n image.src = url;\n },\n\n _getImgDataURL: function (svgRoot) {\n var images, len, canvas, ctx, ur, i;\n\n images = svgRoot.getElementsByTagName(\"image\");\n len = images.length;\n if (len > 0) {\n canvas = document.createElement(\"canvas\");\n //img = new Image();\n for (i = 0; i < len; i++) {\n images[i].setAttribute(\"crossorigin\", \"anonymous\");\n //img.src = images[i].href;\n //img.onload = function() {\n // img.crossOrigin = \"anonymous\";\n ctx = canvas.getContext(\"2d\");\n canvas.width = images[i].getAttribute(\"width\");\n canvas.height = images[i].getAttribute(\"height\");\n try {\n ctx.drawImage(images[i], 0, 0, canvas.width, canvas.height);\n\n // If the image is not png, the format must be specified here\n ur = canvas.toDataURL();\n images[i].setAttribute(\"xlink:href\", ur);\n } catch (err) {\n console.log(\"CORS problem! Image can not be used\", err);\n }\n }\n //canvas.remove();\n }\n return true;\n },\n\n /**\n * Return a data URI of the SVG code representeing the construction.\n * The SVG code of the construction is base64 encoded. The return string starts\n * with \"data:image/svg+xml;base64,...\".\n *\n * @param {Boolean} ignoreTexts If true, the foreignObject tag is set to display=none.\n * This is necessary for older versions of Safari. Default: false\n * @returns {String} data URI string\n */\n dumpToDataURI: function (ignoreTexts) {\n var svgRoot = this.svgRoot,\n btoa = window.btoa || Base64.encode,\n svg,\n virtualNode,\n doc,\n i,\n len,\n values = [];\n\n // Move all HTML tags (beside the SVG root) of the container\n // to the foreignObject element inside of the svgRoot node\n // Problem:\n // input values are not copied. This can be verified by looking at an innerHTML output\n // of an input element. Therefore, we do it \"by hand\".\n if (this.container.hasChildNodes() && Type.exists(this.foreignObjLayer)) {\n if (!ignoreTexts) {\n this.foreignObjLayer.setAttribute(\"display\", \"inline\");\n }\n while (svgRoot.nextSibling) {\n // Copy all value attributes\n values = values.concat(this._getValuesOfDOMElements(svgRoot.nextSibling));\n\n this.foreignObjLayer.appendChild(svgRoot.nextSibling);\n }\n }\n\n this._getImgDataURL(svgRoot);\n\n // Convert the SVG graphic into a string containing SVG code\n svgRoot.setAttribute(\"xmlns\", \"http://www.w3.org/2000/svg\");\n svg = new XMLSerializer().serializeToString(svgRoot);\n\n if (ignoreTexts !== true) {\n // Handle SVG texts\n // Insert all value attributes back into the svg string\n len = values.length;\n for (i = 0; i < len; i++) {\n svg = svg.replace(\n 'id=\"' + values[i][0] + '\"',\n 'id=\"' + values[i][0] + '\" value=\"' + values[i][1] + '\"'\n );\n }\n }\n\n // if (false) {\n // // Debug: use example svg image\n // svg = '';\n // }\n\n // In IE we have to remove the namespace again.\n if ((svg.match(/xmlns=\"http:\\/\\/www.w3.org\\/2000\\/svg\"/g) || []).length > 1) {\n svg = svg.replace(/xmlns=\"http:\\/\\/www.w3.org\\/2000\\/svg\"/g, \"\");\n }\n\n // Safari fails if the svg string contains a \" \"\n // Obsolete with Safari 12+\n svg = svg.replace(/ /g, \" \");\n\n // Move all HTML tags back from\n // the foreignObject element to the container\n if (Type.exists(this.foreignObjLayer) && this.foreignObjLayer.hasChildNodes()) {\n // Restore all HTML elements\n while (this.foreignObjLayer.firstChild) {\n this.container.appendChild(this.foreignObjLayer.firstChild);\n }\n this.foreignObjLayer.setAttribute(\"display\", \"none\");\n }\n\n return \"data:image/svg+xml;base64,\" + btoa(unescape(encodeURIComponent(svg)));\n },\n\n /**\n * Convert the SVG construction into an HTML canvas image.\n * This works for all SVG supporting browsers. Implemented as Promise.\n * \n * For IE, it is realized as function.\n * It works from version 9, with the exception that HTML texts\n * are ignored on IE. The drawing is done with a delay of\n * 200 ms. Otherwise there would be problems with IE.\n *\n * @param {String} canvasId Id of an HTML canvas element\n * @param {Number} w Width in pixel of the dumped image, i.e. of the canvas tag.\n * @param {Number} h Height in pixel of the dumped image, i.e. of the canvas tag.\n * @param {Boolean} ignoreTexts If true, the foreignObject tag is taken out from the SVG root.\n * This is necessary for older versions of Safari. Default: false\n * @returns {Promise} Promise object\n *\n * @example\n * \tboard.renderer.dumpToCanvas('canvas').then(function() { console.log('done'); });\n *\n * @example\n * // IE 11 example:\n * \tboard.renderer.dumpToCanvas('canvas');\n * \tsetTimeout(function() { console.log('done'); }, 400);\n */\n dumpToCanvas: function (canvasId, w, h, ignoreTexts) {\n var svg,\n tmpImg,\n cv,\n ctx,\n doc = this.container.ownerDocument;\n\n // Prepare the canvas element\n cv = doc.getElementById(canvasId);\n\n // Clear the canvas\n /* eslint-disable no-self-assign */\n cv.width = cv.width;\n /* eslint-enable no-self-assign */\n\n ctx = cv.getContext(\"2d\");\n if (w !== undefined && h !== undefined) {\n cv.style.width = parseFloat(w) + \"px\";\n cv.style.height = parseFloat(h) + \"px\";\n // Scale twice the CSS size to make the image crisp\n // cv.setAttribute('width', 2 * parseFloat(wOrg));\n // cv.setAttribute('height', 2 * parseFloat(hOrg));\n // ctx.scale(2 * wOrg / w, 2 * hOrg / h);\n cv.setAttribute(\"width\", parseFloat(w));\n cv.setAttribute(\"height\", parseFloat(h));\n }\n\n // Display the SVG string as data-uri in an HTML img.\n tmpImg = new Image();\n svg = this.dumpToDataURI(ignoreTexts);\n tmpImg.src = svg;\n\n // Finally, draw the HTML img in the canvas.\n if (!(\"Promise\" in window)) {\n tmpImg.onload = function () {\n // IE needs a pause...\n // Seems to be broken\n window.setTimeout(function () {\n try {\n ctx.drawImage(tmpImg, 0, 0, w, h);\n } catch (err) {\n console.log(\"screenshots not longer supported on IE\");\n }\n }, 200);\n };\n return this;\n }\n\n return new Promise(function (resolve, reject) {\n try {\n tmpImg.onload = function () {\n ctx.drawImage(tmpImg, 0, 0, w, h);\n resolve();\n };\n } catch (e) {\n reject(e);\n }\n });\n },\n\n /**\n * Display SVG image in html img-tag which enables\n * easy download for the user.\n *\n * Support:\n *
\n * - IE: No\n *
- Edge: full\n *
- Firefox: full\n *
- Chrome: full\n *
- Safari: full (No text support in versions prior to 12).\n *
\n *\n * @param {JXG.Board} board Link to the board.\n * @param {String} imgId Optional id of an img object. If given and different from the empty string,\n * the screenshot is copied to this img object. The width and height will be set to the values of the\n * JSXGraph container.\n * @param {Boolean} ignoreTexts If set to true, the foreignObject is taken out of the\n * SVGRoot and texts are not displayed. This is mandatory for Safari. Default: false\n * @return {Object} the svg renderer object\n */\n screenshot: function (board, imgId, ignoreTexts) {\n var node,\n doc = this.container.ownerDocument,\n parent = this.container.parentNode,\n cPos,\n canvas,\n id,\n img,\n button,\n buttonText,\n w,\n h,\n bas = board.attr.screenshot,\n zbar,\n zbarDisplay,\n cssTxt,\n newImg = false,\n _copyCanvasToImg,\n isDebug = false;\n\n if (this.type === \"no\") {\n return this;\n }\n\n w = bas.scale * this.container.getBoundingClientRect().width;\n h = bas.scale * this.container.getBoundingClientRect().height;\n\n if (imgId === undefined || imgId === \"\") {\n newImg = true;\n img = new Image(); //doc.createElement('img');\n img.style.width = w + \"px\";\n img.style.height = h + \"px\";\n } else {\n newImg = false;\n img = doc.getElementById(imgId);\n }\n // img.crossOrigin = 'anonymous';\n\n // Create div which contains canvas element and close button\n if (newImg) {\n node = doc.createElement(\"div\");\n node.style.cssText = bas.css;\n node.style.width = w + \"px\";\n node.style.height = h + \"px\";\n node.style.zIndex = this.container.style.zIndex + 120;\n\n // Try to position the div exactly over the JSXGraph board\n node.style.position = \"absolute\";\n node.style.top = this.container.offsetTop + \"px\";\n node.style.left = this.container.offsetLeft + \"px\";\n }\n\n if (!isDebug) {\n // Create canvas element and add it to the DOM\n // It will be removed after the image has been stored.\n canvas = doc.createElement(\"canvas\");\n id = Math.random().toString(36).substr(2, 5);\n canvas.setAttribute(\"id\", id);\n canvas.setAttribute(\"width\", w);\n canvas.setAttribute(\"height\", h);\n canvas.style.width = w + \"px\";\n canvas.style.height = w + \"px\";\n canvas.style.display = \"none\";\n parent.appendChild(canvas);\n } else {\n // Debug: use canvas element 'jxgbox_canvas' from jsxdev/dump.html\n id = \"jxgbox_canvas\";\n // canvas = document.getElementById(id);\n canvas = doc.getElementById(id);\n }\n\n if (newImg) {\n // Create close button\n button = doc.createElement(\"span\");\n buttonText = doc.createTextNode(\"\\u2716\");\n button.style.cssText = bas.cssButton;\n button.appendChild(buttonText);\n button.onclick = function () {\n node.parentNode.removeChild(node);\n };\n\n // Add all nodes\n node.appendChild(img);\n node.appendChild(button);\n parent.insertBefore(node, this.container.nextSibling);\n }\n\n // Hide navigation bar in board\n // zbar = document.getElementById(this.container.id + '_navigationbar');\n zbar = doc.getElementById(this.container.id + \"_navigationbar\");\n if (Type.exists(zbar)) {\n zbarDisplay = zbar.style.display;\n zbar.style.display = \"none\";\n }\n\n _copyCanvasToImg = function () {\n // Show image in img tag\n img.src = canvas.toDataURL(\"image/png\");\n\n // Remove canvas node\n if (!isDebug) {\n parent.removeChild(canvas);\n }\n };\n\n // Create screenshot in image element\n if (\"Promise\" in window) {\n this.dumpToCanvas(id, w, h, ignoreTexts).then(_copyCanvasToImg);\n } else {\n // IE\n this.dumpToCanvas(id, w, h, ignoreTexts);\n window.setTimeout(_copyCanvasToImg, 200);\n }\n\n // Show navigation bar in board\n if (Type.exists(zbar)) {\n zbar.style.display = zbarDisplay;\n }\n\n return this;\n }\n }\n);\n\nexport default JXG.SVGRenderer;\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see '\n );\n };\n } catch (e) {\n this.createNode = function (tagName) {\n return container.ownerDocument.createElement(\n \"<\" + tagName + ' xmlns=\"urn:schemas-microsoft.com:vml\" class=\"jxgvml\">'\n );\n };\n }\n\n // dash styles\n this.dashArray = [\n \"Solid\",\n \"1 1\",\n \"ShortDash\",\n \"Dash\",\n \"LongDash\",\n \"ShortDashDot\",\n \"LongDashDot\"\n ];\n};\n\nJXG.VMLRenderer.prototype = new AbstractRenderer();\n\nJXG.extend(\n JXG.VMLRenderer.prototype,\n /** @lends JXG.VMLRenderer.prototype */ {\n /**\n * Sets attribute key of node node to value.\n * @param {Node} node A DOM node.\n * @param {String} key Name of the attribute.\n * @param {String} val New value of the attribute.\n * @param {Boolean} [iFlag=false] If false, the attribute's name is case insensitive.\n */\n _setAttr: function (node, key, val, iFlag) {\n try {\n if (this.container.ownerDocument.documentMode === 8) {\n node[key] = val;\n } else {\n node.setAttribute(key, val, iFlag);\n }\n } catch (e) {\n JXG.debug(\"_setAttr:\" /*node.id*/ + \" \" + key + \" \" + val + \"
\\n\");\n }\n },\n\n /* ******************************** *\n * This renderer does not need to\n * override draw/update* methods\n * since it provides draw/update*Prim\n * methods.\n * ******************************** */\n\n /* **************************\n * Lines\n * **************************/\n\n // documented in AbstractRenderer\n updateTicks: function (ticks) {\n var i,\n len,\n c,\n x,\n y,\n r = this.resolution,\n tickArr = [];\n\n len = ticks.ticks.length;\n for (i = 0; i < len; i++) {\n c = ticks.ticks[i];\n x = c[0];\n y = c[1];\n\n if (Type.isNumber(x[0]) && Type.isNumber(x[1])) {\n tickArr.push(\n \" m \" +\n Math.round(r * x[0]) +\n \", \" +\n Math.round(r * y[0]) +\n \" l \" +\n Math.round(r * x[1]) +\n \", \" +\n Math.round(r * y[1]) +\n \" \"\n );\n }\n }\n\n if (!Type.exists(ticks.rendNode)) {\n ticks.rendNode = this.createPrim(\"path\", ticks.id);\n this.appendChildPrim(ticks.rendNode, Type.evaluate(ticks.visProp.layer));\n }\n\n this._setAttr(ticks.rendNode, \"stroked\", \"true\");\n this._setAttr(\n ticks.rendNode,\n \"strokecolor\",\n Type.evaluate(ticks.visProp.strokecolor),\n 1\n );\n this._setAttr(\n ticks.rendNode,\n \"strokeweight\",\n Type.evaluate(ticks.visProp.strokewidth)\n );\n this._setAttr(\n ticks.rendNodeStroke,\n \"opacity\",\n Type.evaluate(ticks.visProp.strokeopacity) * 100 + \"%\"\n );\n this.updatePathPrim(ticks.rendNode, tickArr, ticks.board);\n },\n\n /* **************************\n * Text related stuff\n * **************************/\n\n // Already documented in JXG.AbstractRenderer\n displayCopyright: function (str, fontsize) {\n var node, t;\n\n node = this.createNode(\"textbox\");\n node.style.position = \"absolute\";\n this._setAttr(node, \"id\", this.container.id + \"_\" + \"licenseText\");\n\n node.style.left = 20;\n node.style.top = 2;\n node.style.fontSize = fontsize;\n node.style.color = \"#356AA0\";\n node.style.fontFamily = \"Arial,Helvetica,sans-serif\";\n this._setAttr(node, \"opacity\", \"30%\");\n node.style.filter =\n \"progid:DXImageTransform.Microsoft.Matrix(M11='1.0', sizingMethod='auto expand', enabled = false) progid:DXImageTransform.Microsoft.Alpha(opacity = 30, enabled = true)\";\n\n t = this.container.ownerDocument.createTextNode(str);\n node.appendChild(t);\n this.appendChildPrim(node, 0);\n },\n\n // documented in AbstractRenderer\n drawInternalText: function (el) {\n var node;\n node = this.createNode(\"textbox\");\n node.style.position = \"absolute\";\n el.rendNodeText = this.container.ownerDocument.createTextNode(\"\");\n node.appendChild(el.rendNodeText);\n this.appendChildPrim(node, 9);\n node.style.filter =\n \"progid:DXImageTransform.Microsoft.Matrix(M11='1.0', sizingMethod='auto expand', enabled = false) progid:DXImageTransform.Microsoft.Alpha(opacity = 100, enabled = false)\";\n\n return node;\n },\n\n // documented in AbstractRenderer\n updateInternalText: function (el) {\n var v,\n content = el.plaintext,\n m = this.joinTransforms(el, el.transformations),\n offset = [0, 0],\n maxX,\n maxY,\n minX,\n minY,\n i,\n node = el.rendNode,\n p = [],\n ev_ax = el.getAnchorX(),\n ev_ay = el.getAnchorY();\n\n if (!isNaN(el.coords.scrCoords[1] + el.coords.scrCoords[2])) {\n // Horizontal\n if (ev_ax === \"right\") {\n offset[0] = 1;\n } else if (ev_ax === \"middle\") {\n offset[0] = 0.5;\n } // default (ev_ax === 'left') offset[0] = 0;\n\n // Vertical\n if (ev_ay === \"bottom\") {\n offset[1] = 1;\n } else if (ev_ay === \"middle\") {\n offset[1] = 0.5;\n } // default (ev_ay === 'top') offset[1] = 0;\n\n // Compute maxX, maxY, minX, minY\n p[0] = Mat.matVecMult(m, [\n 1,\n el.coords.scrCoords[1] - offset[0] * el.size[0],\n el.coords.scrCoords[2] + (1 - offset[1]) * el.size[1] + this.vOffsetText\n ]);\n p[0][1] /= p[0][0];\n p[0][2] /= p[0][0];\n p[1] = Mat.matVecMult(m, [\n 1,\n el.coords.scrCoords[1] + (1 - offset[0]) * el.size[0],\n el.coords.scrCoords[2] + (1 - offset[1]) * el.size[1] + this.vOffsetText\n ]);\n p[1][1] /= p[1][0];\n p[1][2] /= p[1][0];\n p[2] = Mat.matVecMult(m, [\n 1,\n el.coords.scrCoords[1] + (1 - offset[0]) * el.size[0],\n el.coords.scrCoords[2] - offset[1] * el.size[1] + this.vOffsetText\n ]);\n p[2][1] /= p[2][0];\n p[2][2] /= p[2][0];\n p[3] = Mat.matVecMult(m, [\n 1,\n el.coords.scrCoords[1] - offset[0] * el.size[0],\n el.coords.scrCoords[2] - offset[1] * el.size[1] + this.vOffsetText\n ]);\n p[3][1] /= p[3][0];\n p[3][2] /= p[3][0];\n maxX = p[0][1];\n minX = p[0][1];\n maxY = p[0][2];\n minY = p[0][2];\n\n for (i = 1; i < 4; i++) {\n maxX = Math.max(maxX, p[i][1]);\n minX = Math.min(minX, p[i][1]);\n maxY = Math.max(maxY, p[i][2]);\n minY = Math.min(minY, p[i][2]);\n }\n\n // Horizontal\n v =\n offset[0] === 1\n ? Math.floor(el.board.canvasWidth - maxX)\n : Math.floor(minX);\n if (el.visPropOld.left !== ev_ax + v) {\n if (offset[0] === 1) {\n el.rendNode.style.right = v + \"px\";\n el.rendNode.style.left = \"auto\";\n } else {\n el.rendNode.style.left = v + \"px\";\n el.rendNode.style.right = \"auto\";\n }\n el.visPropOld.left = ev_ax + v;\n }\n\n // Vertical\n v =\n offset[1] === 1\n ? Math.floor(el.board.canvasHeight - maxY)\n : Math.floor(minY);\n if (el.visPropOld.top !== ev_ay + v) {\n if (offset[1] === 1) {\n el.rendNode.style.bottom = v + \"px\";\n el.rendNode.style.top = \"auto\";\n } else {\n el.rendNode.style.top = v + \"px\";\n el.rendNode.style.bottom = \"auto\";\n }\n el.visPropOld.top = ev_ay + v;\n }\n }\n\n if (el.htmlStr !== content) {\n el.rendNodeText.data = content;\n el.htmlStr = content;\n }\n\n //this.transformImage(el, el.transformations);\n node.filters.item(0).M11 = m[1][1];\n node.filters.item(0).M12 = m[1][2];\n node.filters.item(0).M21 = m[2][1];\n node.filters.item(0).M22 = m[2][2];\n node.filters.item(0).enabled = true;\n },\n\n /* **************************\n * Image related stuff\n * **************************/\n\n // Already documented in JXG.AbstractRenderer\n drawImage: function (el) {\n // IE 8: Bilder ueber data URIs werden bis 32kB unterstuetzt.\n var node;\n\n node = this.container.ownerDocument.createElement(\"img\");\n node.style.position = \"absolute\";\n this._setAttr(node, \"id\", this.container.id + \"_\" + el.id);\n\n this.container.appendChild(node);\n this.appendChildPrim(node, Type.evaluate(el.visProp.layer));\n\n // Adding the rotation filter. This is always filter item 0:\n // node.filters.item(0), see transformImage\n // Also add the alpha filter. This is always filter item 1\n // node.filters.item(1), see setObjectFillColor and setObjectSTrokeColor\n //node.style.filter = node.style['-ms-filter'] = \"progid:DXImageTransform.Microsoft.Matrix(M11='1.0', sizingMethod='auto expand')\";\n node.style.filter =\n \"progid:DXImageTransform.Microsoft.Matrix(M11='1.0', sizingMethod='auto expand') progid:DXImageTransform.Microsoft.Alpha(opacity = 100, enabled = false)\";\n el.rendNode = node;\n this.updateImage(el);\n },\n\n // Already documented in JXG.AbstractRenderer\n transformImage: function (el, t) {\n var m,\n maxX,\n maxY,\n minX,\n minY,\n i,\n node = el.rendNode,\n p = [],\n len = t.length;\n\n if (len > 0) {\n /*\n nt = el.rendNode.style.filter.toString();\n if (!nt.match(/DXImageTransform/)) {\n node.style.filter = \"progid:DXImageTransform.Microsoft.Matrix(M11='1.0', sizingMethod='auto expand') \" + nt;\n }\n */\n\n m = this.joinTransforms(el, t);\n p[0] = Mat.matVecMult(m, el.coords.scrCoords);\n p[0][1] /= p[0][0];\n p[0][2] /= p[0][0];\n p[1] = Mat.matVecMult(m, [\n 1,\n el.coords.scrCoords[1] + el.size[0],\n el.coords.scrCoords[2]\n ]);\n p[1][1] /= p[1][0];\n p[1][2] /= p[1][0];\n p[2] = Mat.matVecMult(m, [\n 1,\n el.coords.scrCoords[1] + el.size[0],\n el.coords.scrCoords[2] - el.size[1]\n ]);\n p[2][1] /= p[2][0];\n p[2][2] /= p[2][0];\n p[3] = Mat.matVecMult(m, [\n 1,\n el.coords.scrCoords[1],\n el.coords.scrCoords[2] - el.size[1]\n ]);\n p[3][1] /= p[3][0];\n p[3][2] /= p[3][0];\n maxX = p[0][1];\n minX = p[0][1];\n maxY = p[0][2];\n minY = p[0][2];\n\n for (i = 1; i < 4; i++) {\n maxX = Math.max(maxX, p[i][1]);\n minX = Math.min(minX, p[i][1]);\n maxY = Math.max(maxY, p[i][2]);\n minY = Math.min(minY, p[i][2]);\n }\n node.style.left = Math.floor(minX) + \"px\";\n node.style.top = Math.floor(minY) + \"px\";\n\n node.filters.item(0).M11 = m[1][1];\n node.filters.item(0).M12 = m[1][2];\n node.filters.item(0).M21 = m[2][1];\n node.filters.item(0).M22 = m[2][2];\n node.filters.item(0).enabled = true;\n }\n },\n\n // Already documented in JXG.AbstractRenderer\n updateImageURL: function (el) {\n var url = Type.evaluate(el.url);\n\n this._setAttr(el.rendNode, \"src\", url);\n },\n\n /* **************************\n * Render primitive objects\n * **************************/\n\n // Already documented in JXG.AbstractRenderer\n appendChildPrim: function (node, level) {\n // For trace nodes\n if (!Type.exists(level)) {\n level = 0;\n }\n\n node.style.zIndex = level;\n this.container.appendChild(node);\n\n return node;\n },\n\n // Already documented in JXG.AbstractRenderer\n appendNodesToElement: function (el, type) {\n if (type === \"shape\" || type === \"path\" || type === \"polygon\") {\n el.rendNodePath = this.getElementById(el.id + \"_path\");\n }\n el.rendNodeFill = this.getElementById(el.id + \"_fill\");\n el.rendNodeStroke = this.getElementById(el.id + \"_stroke\");\n el.rendNodeShadow = this.getElementById(el.id + \"_shadow\");\n el.rendNode = this.getElementById(el.id);\n },\n\n // Already documented in JXG.AbstractRenderer\n createPrim: function (type, id) {\n var node,\n pathNode,\n fillNode = this.createNode(\"fill\"),\n strokeNode = this.createNode(\"stroke\"),\n shadowNode = this.createNode(\"shadow\");\n\n this._setAttr(fillNode, \"id\", this.container.id + \"_\" + id + \"_fill\");\n this._setAttr(strokeNode, \"id\", this.container.id + \"_\" + id + \"_stroke\");\n this._setAttr(shadowNode, \"id\", this.container.id + \"_\" + id + \"_shadow\");\n\n if (type === \"circle\" || type === \"ellipse\") {\n node = this.createNode(\"oval\");\n node.appendChild(fillNode);\n node.appendChild(strokeNode);\n node.appendChild(shadowNode);\n } else if (\n type === \"polygon\" ||\n type === \"path\" ||\n type === \"shape\" ||\n type === \"line\"\n ) {\n node = this.createNode(\"shape\");\n node.appendChild(fillNode);\n node.appendChild(strokeNode);\n node.appendChild(shadowNode);\n pathNode = this.createNode(\"path\");\n this._setAttr(pathNode, \"id\", this.container.id + \"_\" + id + \"_path\");\n node.appendChild(pathNode);\n } else {\n node = this.createNode(type);\n node.appendChild(fillNode);\n node.appendChild(strokeNode);\n node.appendChild(shadowNode);\n }\n\n node.style.position = \"absolute\";\n node.style.left = \"0px\";\n node.style.top = \"0px\";\n this._setAttr(node, \"id\", this.container.id + \"_\" + id);\n\n return node;\n },\n\n // Already documented in JXG.AbstractRenderer\n remove: function (node) {\n if (Type.exists(node)) {\n node.removeNode(true);\n }\n },\n\n // Already documented in JXG.AbstractRenderer\n makeArrows: function (el) {\n var nodeStroke,\n ev_fa = Type.evaluate(el.visProp.firstarrow),\n ev_la = Type.evaluate(el.visProp.lastarrow);\n\n if (el.visPropOld.firstarrow === ev_fa && el.visPropOld.lastarrow === ev_la) {\n return;\n }\n\n if (ev_fa) {\n nodeStroke = el.rendNodeStroke;\n this._setAttr(nodeStroke, \"startarrow\", \"block\");\n this._setAttr(nodeStroke, \"startarrowlength\", \"long\");\n } else {\n nodeStroke = el.rendNodeStroke;\n if (Type.exists(nodeStroke)) {\n this._setAttr(nodeStroke, \"startarrow\", \"none\");\n }\n }\n\n if (ev_la) {\n nodeStroke = el.rendNodeStroke;\n this._setAttr(nodeStroke, \"id\", this.container.id + \"_\" + el.id + \"stroke\");\n this._setAttr(nodeStroke, \"endarrow\", \"block\");\n this._setAttr(nodeStroke, \"endarrowlength\", \"long\");\n } else {\n nodeStroke = el.rendNodeStroke;\n if (Type.exists(nodeStroke)) {\n this._setAttr(nodeStroke, \"endarrow\", \"none\");\n }\n }\n el.visPropOld.firstarrow = ev_fa;\n el.visPropOld.lastarrow = ev_la;\n },\n\n // Already documented in JXG.AbstractRenderer\n updateEllipsePrim: function (node, x, y, rx, ry) {\n node.style.left = Math.floor(x - rx) + \"px\";\n node.style.top = Math.floor(y - ry) + \"px\";\n node.style.width = Math.floor(Math.abs(rx) * 2) + \"px\";\n node.style.height = Math.floor(Math.abs(ry) * 2) + \"px\";\n },\n\n // Already documented in JXG.AbstractRenderer\n updateLinePrim: function (node, p1x, p1y, p2x, p2y, board) {\n var s,\n r = this.resolution;\n\n if (!isNaN(p1x + p1y + p2x + p2y)) {\n s = [\n \"m \",\n Math.floor(r * p1x),\n \", \",\n Math.floor(r * p1y),\n \" l \",\n Math.floor(r * p2x),\n \", \",\n Math.floor(r * p2y)\n ];\n this.updatePathPrim(node, s, board);\n }\n },\n\n // Already documented in JXG.AbstractRenderer\n updatePathPrim: function (node, pointString, board) {\n var x = board.canvasWidth,\n y = board.canvasHeight;\n if (pointString.length <= 0) {\n pointString = [\"m 0,0\"];\n }\n node.style.width = x;\n node.style.height = y;\n this._setAttr(\n node,\n \"coordsize\",\n [Math.floor(this.resolution * x), Math.floor(this.resolution * y)].join(\",\")\n );\n this._setAttr(node, \"path\", pointString.join(\"\"));\n },\n\n // Already documented in JXG.AbstractRenderer\n updatePathStringPoint: function (el, size, type) {\n var s = [],\n mround = Math.round,\n scr = el.coords.scrCoords,\n sqrt32 = size * Math.sqrt(3) * 0.5,\n s05 = size * 0.5,\n r = this.resolution;\n\n if (type === \"x\") {\n s.push(\n [\n \" m \",\n mround(r * (scr[1] - size)),\n \", \",\n mround(r * (scr[2] - size)),\n \" l \",\n mround(r * (scr[1] + size)),\n \", \",\n mround(r * (scr[2] + size)),\n \" m \",\n mround(r * (scr[1] + size)),\n \", \",\n mround(r * (scr[2] - size)),\n \" l \",\n mround(r * (scr[1] - size)),\n \", \",\n mround(r * (scr[2] + size))\n ].join(\"\")\n );\n } else if (type === \"+\") {\n s.push(\n [\n \" m \",\n mround(r * (scr[1] - size)),\n \", \",\n mround(r * scr[2]),\n \" l \",\n mround(r * (scr[1] + size)),\n \", \",\n mround(r * scr[2]),\n \" m \",\n mround(r * scr[1]),\n \", \",\n mround(r * (scr[2] - size)),\n \" l \",\n mround(r * scr[1]),\n \", \",\n mround(r * (scr[2] + size))\n ].join(\"\")\n );\n } else if (type === \"<>\") {\n s.push(\n [\n \" m \",\n mround(r * (scr[1] - size)),\n \", \",\n mround(r * scr[2]),\n \" l \",\n mround(r * scr[1]),\n \", \",\n mround(r * (scr[2] + size)),\n \" l \",\n mround(r * (scr[1] + size)),\n \", \",\n mround(r * scr[2]),\n \" l \",\n mround(r * scr[1]),\n \", \",\n mround(r * (scr[2] - size)),\n \" x e \"\n ].join(\"\")\n );\n } else if (type === \"^\") {\n s.push(\n [\n \" m \",\n mround(r * scr[1]),\n \", \",\n mround(r * (scr[2] - size)),\n \" l \",\n mround(r * (scr[1] - sqrt32)),\n \", \",\n mround(r * (scr[2] + s05)),\n \" l \",\n mround(r * (scr[1] + sqrt32)),\n \", \",\n mround(r * (scr[2] + s05)),\n \" x e \"\n ].join(\"\")\n );\n } else if (type === \"v\") {\n s.push(\n [\n \" m \",\n mround(r * scr[1]),\n \", \",\n mround(r * (scr[2] + size)),\n \" l \",\n mround(r * (scr[1] - sqrt32)),\n \", \",\n mround(r * (scr[2] - s05)),\n \" l \",\n mround(r * (scr[1] + sqrt32)),\n \", \",\n mround(r * (scr[2] - s05)),\n \" x e \"\n ].join(\"\")\n );\n } else if (type === \">\") {\n s.push(\n [\n \" m \",\n mround(r * (scr[1] + size)),\n \", \",\n mround(r * scr[2]),\n \" l \",\n mround(r * (scr[1] - s05)),\n \", \",\n mround(r * (scr[2] - sqrt32)),\n \" l \",\n mround(r * (scr[1] - s05)),\n \", \",\n mround(r * (scr[2] + sqrt32)),\n \" l \",\n mround(r * (scr[1] + size)),\n \", \",\n mround(r * scr[2])\n ].join(\"\")\n );\n } else if (type === \"<\") {\n s.push(\n [\n \" m \",\n mround(r * (scr[1] - size)),\n \", \",\n mround(r * scr[2]),\n \" l \",\n mround(r * (scr[1] + s05)),\n \", \",\n mround(r * (scr[2] - sqrt32)),\n \" l \",\n mround(r * (scr[1] + s05)),\n \", \",\n mround(r * (scr[2] + sqrt32)),\n \" x e \"\n ].join(\"\")\n );\n }\n\n return s;\n },\n\n // Already documented in JXG.AbstractRenderer\n updatePathStringPrim: function (el) {\n var i,\n scr,\n pStr = [],\n r = this.resolution,\n mround = Math.round,\n symbm = \" m \",\n symbl = \" l \",\n symbc = \" c \",\n nextSymb = symbm,\n len = Math.min(el.numberPoints, 8192); // otherwise IE 7 crashes in hilbert.html\n\n if (el.numberPoints <= 0) {\n return \"\";\n }\n len = Math.min(len, el.points.length);\n\n if (el.bezierDegree === 1) {\n /*\n if (isNotPlot && el.board.options.curve.RDPsmoothing) {\n el.points = Numerics.RamerDouglasPeucker(el.points, 1.0);\n }\n */\n\n for (i = 0; i < len; i++) {\n scr = el.points[i].scrCoords;\n if (isNaN(scr[1]) || isNaN(scr[2])) {\n // PenUp\n nextSymb = symbm;\n } else {\n // IE has problems with values being too far away.\n if (scr[1] > 20000.0) {\n scr[1] = 20000.0;\n } else if (scr[1] < -20000.0) {\n scr[1] = -20000.0;\n }\n\n if (scr[2] > 20000.0) {\n scr[2] = 20000.0;\n } else if (scr[2] < -20000.0) {\n scr[2] = -20000.0;\n }\n\n pStr.push(\n [nextSymb, mround(r * scr[1]), \", \", mround(r * scr[2])].join(\"\")\n );\n nextSymb = symbl;\n }\n }\n } else if (el.bezierDegree === 3) {\n i = 0;\n while (i < len) {\n scr = el.points[i].scrCoords;\n if (isNaN(scr[1]) || isNaN(scr[2])) {\n // PenUp\n nextSymb = symbm;\n } else {\n pStr.push(\n [nextSymb, mround(r * scr[1]), \", \", mround(r * scr[2])].join(\"\")\n );\n if (nextSymb === symbc) {\n i += 1;\n scr = el.points[i].scrCoords;\n pStr.push(\n [\" \", mround(r * scr[1]), \", \", mround(r * scr[2])].join(\"\")\n );\n i += 1;\n scr = el.points[i].scrCoords;\n pStr.push(\n [\" \", mround(r * scr[1]), \", \", mround(r * scr[2])].join(\"\")\n );\n }\n nextSymb = symbc;\n }\n i += 1;\n }\n }\n pStr.push(\" e\");\n return pStr;\n },\n\n // Already documented in JXG.AbstractRenderer\n updatePathStringBezierPrim: function (el) {\n var i,\n j,\n k,\n scr,\n lx,\n ly,\n pStr = [],\n f = Type.evaluate(el.visProp.strokewidth),\n r = this.resolution,\n mround = Math.round,\n symbm = \" m \",\n symbl = \" c \",\n nextSymb = symbm,\n isNoPlot = Type.evaluate(el.visProp.curvetype) !== \"plot\",\n len = Math.min(el.numberPoints, 8192); // otherwise IE 7 crashes in hilbert.html\n\n if (el.numberPoints <= 0) {\n return \"\";\n }\n if (isNoPlot && el.board.options.curve.RDPsmoothing) {\n el.points = Numerics.RamerDouglasPeucker(el.points, 1.0);\n }\n len = Math.min(len, el.points.length);\n\n for (j = 1; j < 3; j++) {\n nextSymb = symbm;\n for (i = 0; i < len; i++) {\n scr = el.points[i].scrCoords;\n if (isNaN(scr[1]) || isNaN(scr[2])) {\n // PenUp\n nextSymb = symbm;\n } else {\n // IE has problems with values being too far away.\n if (scr[1] > 20000.0) {\n scr[1] = 20000.0;\n } else if (scr[1] < -20000.0) {\n scr[1] = -20000.0;\n }\n\n if (scr[2] > 20000.0) {\n scr[2] = 20000.0;\n } else if (scr[2] < -20000.0) {\n scr[2] = -20000.0;\n }\n\n if (nextSymb === symbm) {\n pStr.push(\n [nextSymb, mround(r * scr[1]), \" \", mround(r * scr[2])].join(\"\")\n );\n } else {\n k = 2 * j;\n pStr.push(\n [\n nextSymb,\n mround(\n r *\n (lx +\n (scr[1] - lx) * 0.333 +\n f * (k * Math.random() - j))\n ),\n \" \",\n mround(\n r *\n (ly +\n (scr[2] - ly) * 0.333 +\n f * (k * Math.random() - j))\n ),\n \" \",\n mround(\n r *\n (lx +\n (scr[1] - lx) * 0.666 +\n f * (k * Math.random() - j))\n ),\n \" \",\n mround(\n r *\n (ly +\n (scr[2] - ly) * 0.666 +\n f * (k * Math.random() - j))\n ),\n \" \",\n mround(r * scr[1]),\n \" \",\n mround(r * scr[2])\n ].join(\"\")\n );\n }\n nextSymb = symbl;\n lx = scr[1];\n ly = scr[2];\n }\n }\n }\n pStr.push(\" e\");\n return pStr;\n },\n\n // Already documented in JXG.AbstractRenderer\n updatePolygonPrim: function (node, el) {\n var i,\n len = el.vertices.length,\n r = this.resolution,\n scr,\n pStr = [];\n\n this._setAttr(node, \"stroked\", \"false\");\n scr = el.vertices[0].coords.scrCoords;\n\n if (isNaN(scr[1] + scr[2])) {\n return;\n }\n\n pStr.push(\n [\"m \", Math.floor(r * scr[1]), \",\", Math.floor(r * scr[2]), \" l \"].join(\"\")\n );\n\n for (i = 1; i < len - 1; i++) {\n if (el.vertices[i].isReal) {\n scr = el.vertices[i].coords.scrCoords;\n\n if (isNaN(scr[1] + scr[2])) {\n return;\n }\n\n pStr.push(Math.floor(r * scr[1]) + \",\" + Math.floor(r * scr[2]));\n } else {\n this.updatePathPrim(node, \"\", el.board);\n return;\n }\n if (i < len - 2) {\n pStr.push(\", \");\n }\n }\n pStr.push(\" x e\");\n this.updatePathPrim(node, pStr, el.board);\n },\n\n // Already documented in JXG.AbstractRenderer\n updateRectPrim: function (node, x, y, w, h) {\n node.style.left = Math.floor(x) + \"px\";\n node.style.top = Math.floor(y) + \"px\";\n\n if (w >= 0) {\n node.style.width = w + \"px\";\n }\n\n if (h >= 0) {\n node.style.height = h + \"px\";\n }\n },\n\n /* **************************\n * Set Attributes\n * **************************/\n\n // Already documented in JXG.AbstractRenderer\n setPropertyPrim: function (node, key, val) {\n var keyVml = \"\",\n v;\n\n switch (key) {\n case \"stroke\":\n keyVml = \"strokecolor\";\n break;\n case \"stroke-width\":\n keyVml = \"strokeweight\";\n break;\n case \"stroke-dasharray\":\n keyVml = \"dashstyle\";\n break;\n }\n\n if (keyVml !== \"\") {\n v = Type.evaluate(val);\n this._setAttr(node, keyVml, v);\n }\n },\n\n // Already documented in JXG.AbstractRenderer\n display: function (el, val) {\n if (el && el.rendNode) {\n el.visPropOld.visible = val;\n if (val) {\n el.rendNode.style.visibility = \"inherit\";\n } else {\n el.rendNode.style.visibility = \"hidden\";\n }\n }\n },\n\n // Already documented in JXG.AbstractRenderer\n show: function (el) {\n JXG.deprecated(\"Board.renderer.show()\", \"Board.renderer.display()\");\n\n if (el && el.rendNode) {\n el.rendNode.style.visibility = \"inherit\";\n }\n },\n\n // Already documented in JXG.AbstractRenderer\n hide: function (el) {\n JXG.deprecated(\"Board.renderer.hide()\", \"Board.renderer.display()\");\n\n if (el && el.rendNode) {\n el.rendNode.style.visibility = \"hidden\";\n }\n },\n\n // Already documented in JXG.AbstractRenderer\n setDashStyle: function (el, visProp) {\n var node;\n if (visProp.dash >= 0) {\n node = el.rendNodeStroke;\n this._setAttr(node, \"dashstyle\", this.dashArray[visProp.dash]);\n }\n },\n\n // Already documented in JXG.AbstractRenderer\n setGradient: function (el) {\n var nodeFill = el.rendNodeFill,\n ev_g = Type.evaluate(el.visProp.gradient);\n\n if (ev_g === \"linear\") {\n this._setAttr(nodeFill, \"type\", \"gradient\");\n this._setAttr(\n nodeFill,\n \"color2\",\n Type.evaluate(el.visProp.gradientsecondcolor)\n );\n this._setAttr(\n nodeFill,\n \"opacity2\",\n Type.evaluate(el.visProp.gradientsecondopacity)\n );\n this._setAttr(nodeFill, \"angle\", Type.evaluate(el.visProp.gradientangle));\n } else if (ev_g === \"radial\") {\n this._setAttr(nodeFill, \"type\", \"gradientradial\");\n this._setAttr(\n nodeFill,\n \"color2\",\n Type.evaluate(el.visProp.gradientsecondcolor)\n );\n this._setAttr(\n nodeFill,\n \"opacity2\",\n Type.evaluate(el.visProp.gradientsecondopacity)\n );\n this._setAttr(\n nodeFill,\n \"focusposition\",\n Type.evaluate(el.visProp.gradientpositionx) * 100 +\n \"%,\" +\n Type.evaluate(el.visProp.gradientpositiony) * 100 +\n \"%\"\n );\n this._setAttr(nodeFill, \"focussize\", \"0,0\");\n } else {\n this._setAttr(nodeFill, \"type\", \"solid\");\n }\n },\n\n // Already documented in JXG.AbstractRenderer\n setObjectFillColor: function (el, color, opacity) {\n var rgba = Type.evaluate(color),\n c,\n rgbo,\n o = Type.evaluate(opacity),\n oo,\n node = el.rendNode;\n\n o = o > 0 ? o : 0;\n\n if (el.visPropOld.fillcolor === rgba && el.visPropOld.fillopacity === o) {\n return;\n }\n\n if (Type.exists(rgba) && rgba !== false) {\n // RGB, not RGBA\n if (rgba.length !== 9) {\n c = rgba;\n oo = o;\n // True RGBA, not RGB\n } else {\n rgbo = Color.rgba2rgbo(rgba);\n c = rgbo[0];\n oo = o * rgbo[1];\n }\n if (c === \"none\" || c === false) {\n this._setAttr(el.rendNode, \"filled\", \"false\");\n } else {\n this._setAttr(el.rendNode, \"filled\", \"true\");\n this._setAttr(el.rendNode, \"fillcolor\", c);\n\n if (Type.exists(oo) && el.rendNodeFill) {\n this._setAttr(el.rendNodeFill, \"opacity\", oo * 100 + \"%\");\n }\n }\n if (el.type === Const.OBJECT_TYPE_IMAGE) {\n /*\n t = el.rendNode.style.filter.toString();\n if (t.match(/alpha/)) {\n el.rendNode.style.filter = t.replace(/alpha\\(opacity *= *[0-9\\.]+\\)/, 'alpha(opacity = ' + (oo * 100) + ')');\n } else {\n el.rendNode.style.filter += ' alpha(opacity = ' + (oo * 100) + ')';\n }\n */\n if (node.filters.length > 1) {\n // Why am I sometimes seeing node.filters.length==0 here when I move the pointer around near [0,0]?\n // Setting axes:true shows text labels!\n node.filters.item(1).opacity = Math.round(oo * 100); // Why does setObjectFillColor not use Math.round?\n node.filters.item(1).enabled = true;\n }\n }\n }\n el.visPropOld.fillcolor = rgba;\n el.visPropOld.fillopacity = o;\n },\n\n // Already documented in JXG.AbstractRenderer\n setObjectStrokeColor: function (el, color, opacity) {\n var rgba = Type.evaluate(color),\n c,\n rgbo,\n o = Type.evaluate(opacity),\n oo,\n node = el.rendNode,\n nodeStroke;\n\n o = o > 0 ? o : 0;\n\n if (el.visPropOld.strokecolor === rgba && el.visPropOld.strokeopacity === o) {\n return;\n }\n\n // this looks like it could be merged with parts of VMLRenderer.setObjectFillColor\n\n if (Type.exists(rgba) && rgba !== false) {\n // RGB, not RGBA\n if (rgba.length !== 9) {\n c = rgba;\n oo = o;\n // True RGBA, not RGB\n } else {\n rgbo = color.rgba2rgbo(rgba);\n c = rgbo[0];\n oo = o * rgbo[1];\n }\n if (el.elementClass === Const.OBJECT_CLASS_TEXT) {\n //node.style.filter = ' alpha(opacity = ' + oo + ')';\n /*\n t = node.style.filter.toString();\n if (t.match(/alpha/)) {\n node.style.filter =\n t.replace(/alpha\\(opacity *= *[0-9\\.]+\\)/, 'alpha(opacity = ' + oo + ')');\n } else {\n node.style.filter += ' alpha(opacity = ' + oo + ')';\n }\n */\n if (node.filters.length > 1) {\n // Why am I sometimes seeing node.filters.length==0 here when I move the pointer around near [0,0]?\n // Setting axes:true shows text labels!\n node.filters.item(1).opacity = Math.round(oo * 100);\n node.filters.item(1).enabled = true;\n }\n\n node.style.color = c;\n } else {\n if (c !== false) {\n this._setAttr(node, \"stroked\", \"true\");\n this._setAttr(node, \"strokecolor\", c);\n }\n\n nodeStroke = el.rendNodeStroke;\n if (Type.exists(oo) && el.type !== Const.OBJECT_TYPE_IMAGE) {\n this._setAttr(nodeStroke, \"opacity\", oo * 100 + \"%\");\n }\n }\n }\n el.visPropOld.strokecolor = rgba;\n el.visPropOld.strokeopacity = o;\n },\n\n // Already documented in JXG.AbstractRenderer\n setObjectStrokeWidth: function (el, width) {\n var w = Type.evaluate(width),\n node;\n\n if (isNaN(w) || el.visPropOld.strokewidth === w) {\n return;\n }\n\n node = el.rendNode;\n this.setPropertyPrim(node, \"stroked\", \"true\");\n\n if (Type.exists(w)) {\n this.setPropertyPrim(node, \"stroke-width\", w);\n if (w === 0 && Type.exists(el.rendNodeStroke)) {\n this._setAttr(node, \"stroked\", \"false\");\n }\n }\n\n el.visPropOld.strokewidth = w;\n },\n\n // Already documented in JXG.AbstractRenderer\n setShadow: function (el) {\n var nodeShadow = el.rendNodeShadow,\n ev_s = Type.evaluate(el.visProp.shadow);\n\n if (!nodeShadow || el.visPropOld.shadow === ev_s) {\n return;\n }\n\n if (ev_s) {\n this._setAttr(nodeShadow, \"On\", \"True\");\n this._setAttr(nodeShadow, \"Offset\", \"3pt,3pt\");\n this._setAttr(nodeShadow, \"Opacity\", \"60%\");\n this._setAttr(nodeShadow, \"Color\", \"#aaaaaa\");\n } else {\n this._setAttr(nodeShadow, \"On\", \"False\");\n }\n\n el.visPropOld.shadow = ev_s;\n },\n\n /* **************************\n * renderer control\n * **************************/\n\n // Already documented in JXG.AbstractRenderer\n suspendRedraw: function () {\n this.container.style.display = \"none\";\n },\n\n // Already documented in JXG.AbstractRenderer\n unsuspendRedraw: function () {\n this.container.style.display = \"\";\n }\n }\n);\n\nexport default JXG.VMLRenderer;\n","/**\n * Generate a random uuid.\n * Written by https://www.broofa.com (robert@broofa.com)\n *\n * Copyright (c) 2010 Robert Kieffer\n * Dual licensed under the MIT and GPL licenses.\n * @returns {String}\n * @example\n * var uuid = JXG.Util.genUUID();\n * > uuid = '92329D39-6F5C-4520-ABFC-AAB64544E172'\n */\n\n/*global JXG: true, define: true*/\n/*jslint nomen: true, plusplus: true, bitwise: true*/\n\nimport JXG from \"../jxg\";\n\n// constants\nvar uuidCharsStr = \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\",\n uuidChars = uuidCharsStr.split(\"\");\n\n/**\n * General utility routines\n * @namespace\n */\nJXG.Util = JXG.Util || {};\n\nJXG.Util.genUUID = function (prefix) {\n var r,\n i,\n uuid = [],\n rnd = 0;\n\n prefix = prefix || \"\";\n\n if (prefix !== \"\" && prefix.substr(prefix.length - 1) !== \"-\") {\n prefix = prefix + \"-\";\n }\n\n for (i = 0; i < 36; i++) {\n if (i === 8 || i === 13 || i === 18 || i === 23) {\n uuid[i] = \"-\";\n } else if (i === 14) {\n uuid[i] = \"4\";\n } else {\n if (rnd <= 0x02) {\n rnd = (0x2000000 + Math.random() * 0x1000000) | 0;\n }\n\n r = rnd & 0xf;\n rnd = rnd >> 4;\n uuid[i] = uuidChars[i === 19 ? (r & 0x3) | 0x8 : r];\n }\n }\n\n return prefix + uuid.join(\"\");\n};\n\nexport default JXG.Util;\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see
\n * \n *\n */\n isOn: function (el, tol) {\n var arr, crds;\n\n tol = tol || Mat.eps;\n\n if (Type.isPoint(el)) {\n return this.Dist(el) < tol;\n } else if (el.elementClass === Const.OBJECT_CLASS_LINE) {\n if (el.elType === \"segment\" && !Type.evaluate(this.visProp.alwaysintersect)) {\n arr = JXG.Math.Geometry.projectCoordsToSegment(\n this.coords.usrCoords,\n el.point1.coords.usrCoords,\n el.point2.coords.usrCoords\n );\n if (\n arr[1] >= 0 &&\n arr[1] <= 1 &&\n Geometry.distPointLine(this.coords.usrCoords, el.stdform) < tol\n ) {\n return true;\n } else {\n return false;\n }\n } else {\n return Geometry.distPointLine(this.coords.usrCoords, el.stdform) < tol;\n }\n } else if (el.elementClass === Const.OBJECT_CLASS_CIRCLE) {\n if (Type.evaluate(el.visProp.hasinnerpoints)) {\n return this.Dist(el.center) < el.Radius() + tol;\n }\n return Math.abs(this.Dist(el.center) - el.Radius()) < tol;\n } else if (el.elementClass === Const.OBJECT_CLASS_CURVE) {\n crds = Geometry.projectPointToCurve(this, el, this.board)[0];\n return Geometry.distance(this.coords.usrCoords, crds.usrCoords, 3) < tol;\n } else if (el.type === Const.OBJECT_TYPE_POLYGON) {\n if (Type.evaluate(el.visProp.hasinnerpoints)) {\n if (\n el.pnpoly(\n this.coords.usrCoords[1],\n this.coords.usrCoords[2],\n JXG.COORDS_BY_USER\n )\n ) {\n return true;\n }\n }\n arr = Geometry.projectCoordsToPolygon(this.coords.usrCoords, el);\n return Geometry.distance(this.coords.usrCoords, arr, 3) < tol;\n } else if (el.type === Const.OBJECT_TYPE_TURTLE) {\n crds = Geometry.projectPointToTurtle(this, el, this.board);\n return Geometry.distance(this.coords.usrCoords, crds.usrCoords, 3) < tol;\n }\n\n // TODO: Arc, Sector\n return false;\n },\n\n // Already documented in GeometryElement\n cloneToBackground: function () {\n var copy = {};\n\n copy.id = this.id + \"T\" + this.numTraces;\n this.numTraces += 1;\n\n copy.coords = this.coords;\n copy.visProp = Type.deepCopy(this.visProp, this.visProp.traceattributes, true);\n copy.visProp.layer = this.board.options.layer.trace;\n copy.elementClass = Const.OBJECT_CLASS_POINT;\n copy.board = this.board;\n Type.clearVisPropOld(copy);\n\n copy.visPropCalc = {\n visible: Type.evaluate(copy.visProp.visible)\n };\n\n this.board.renderer.drawPoint(copy);\n this.traces[copy.id] = copy.rendNode;\n\n return this;\n }\n }\n);\n\n/**\n * @class This element is used to provide a constructor for a general point. A free point is created if the given parent elements are all numbers\n * and the property fixed is not set or set to false. If one or more parent elements is not a number but a string containing a GEONExT\n * constraint or a function the point will be considered as constrained). That means that the user won't be able to change the point's\n * position directly.\n * @pseudo\n * @description\n * @name Point\n * @augments JXG.Point\n * @constructor\n * @type JXG.Point\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {Number,string,function_Number,string,function_Number,string,function} z_,x,y Parent elements can be two or three elements of type number, a string containing a GEONExT\n * constraint, or a function which takes no parameter and returns a number. Every parent element determines one coordinate. If a coordinate is\n * given by a number, the number determines the initial position of a free point. If given by a string or a function that coordinate will be constrained\n * that means the user won't be able to change the point's position directly by mouse because it will be calculated automatically depending on the string\n * or the function's return value. If two parent elements are given the coordinates will be interpreted as 2D affine Euclidean coordinates, if three such\n * parent elements are given they will be interpreted as homogeneous coordinates.\n * @param {JXG.Point_JXG.Transformation_Array} Point,Transformation A point can also be created providing a transformation or an array of transformations.\n * The resulting point is a clone of the base point transformed by the given Transformation. {@see JXG.Transformation}.\n *\n * @example\n * // Create a free point using affine Euclidean coordinates\n * var p1 = board.create('point', [3.5, 2.0]);\n * \n * \n * @example\n * // Create a constrained point using anonymous function\n * var p2 = board.create('point', [3.5, function () { return p1.X(); }]);\n * \n * \n * @example\n * // Create a point using transformations\n * var trans = board.create('transform', [2, 0.5], {type:'scale'});\n * var p3 = board.create('point', [p2, trans]);\n * \n * \n */\nJXG.createPoint = function (board, parents, attributes) {\n var el, attr;\n\n attr = Type.copyAttributes(attributes, board.options, \"point\");\n el = CoordsElement.create(JXG.Point, board, parents, attr);\n if (!el) {\n throw new Error(\n \"JSXGraph: Can't create point with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [x,y], [z,x,y], [element,transformation]\"\n );\n }\n\n return el;\n};\n\n/**\n * @class This element is used to provide a constructor for a glider point.\n * @pseudo\n * @description A glider is a point which lives on another geometric element like a line, circle, curve, turtle.\n * @name Glider\n * @augments JXG.Point\n * @constructor\n * @type JXG.Point\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {Number_Number_Number_JXG.GeometryElement} z_,x_,y_,GlideObject Parent elements can be two or three elements of type number and the object the glider lives on.\n * The coordinates are completely optional. If not given the origin is used. If you provide two numbers for coordinates they will be interpreted as affine Euclidean\n * coordinates, otherwise they will be interpreted as homogeneous coordinates. In any case the point will be projected on the glide object.\n * @example\n * // Create a glider with user defined coordinates. If the coordinates are not on\n * // the circle (like in this case) the point will be projected onto the circle.\n * var p1 = board.create('point', [2.0, 2.0]);\n * var c1 = board.create('circle', [p1, 2.0]);\n * var p2 = board.create('glider', [2.0, 1.5, c1]);\n * \n * \n * @example\n * // Create a glider with default coordinates (1,0,0). Same premises as above.\n * var p1 = board.create('point', [2.0, 2.0]);\n * var c1 = board.create('circle', [p1, 2.0]);\n * var p2 = board.create('glider', [c1]);\n * \n * \n *@example\n * //animate example 2\n * var p1 = board.create('point', [2.0, 2.0]);\n * var c1 = board.create('circle', [p1, 2.0]);\n * var p2 = board.create('glider', [c1]);\n * var button1 = board.create('button', [1, 7, 'start animation',function(){p2.startAnimation(1,4)}]);\n * var button2 = board.create('button', [1, 5, 'stop animation',function(){p2.stopAnimation()}]);\n * \n * \n */\nJXG.createGlider = function (board, parents, attributes) {\n var el,\n coords,\n attr = Type.copyAttributes(attributes, board.options, \"glider\");\n\n if (parents.length === 1) {\n coords = [0, 0];\n } else {\n coords = parents.slice(0, 2);\n }\n el = board.create(\"point\", coords, attr);\n\n // eltype is set in here\n el.makeGlider(parents[parents.length - 1]);\n\n return el;\n};\n\n/**\n * @class An intersection point is a point which lives on two JSXGraph elements, i.e. it is one point of the set\n * consisting of the intersection points of the two elements. The following element types can be (mutually) intersected: line, circle,\n * curve, polygon, polygonal chain.\n *\n * @pseudo\n * @name Intersection\n * @augments JXG.Point\n * @constructor\n * @type JXG.Point\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Line,JXG.Circle_JXG.Line,JXG.Circle_Number} el1,el2,i The result will be a intersection point on el1 and el2. i determines the\n * intersection point if two points are available: \n */\nJXG.createIntersectionPoint = function (board, parents, attributes) {\n var el,\n el1,\n el2,\n func,\n i,\n j,\n attr = Type.copyAttributes(attributes, board.options, \"intersection\");\n\n // make sure we definitely have the indices\n parents.push(0, 0);\n\n el1 = board.select(parents[0]);\n el2 = board.select(parents[1]);\n\n i = parents[2] || 0;\n j = parents[3] || 0;\n\n el = board.create(\"point\", [0, 0, 0], attr);\n\n // el.visProp.alwaysintersect is evaluated as late as in the returned function\n func = Geometry.intersectionFunction(board, el1, el2, i, j, el.visProp.alwaysintersect);\n el.addConstraint([func]);\n\n try {\n el1.addChild(el);\n el2.addChild(el);\n } catch (e) {\n throw new Error(\n \"JSXGraph: Can't create 'intersection' with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\"\n );\n }\n\n el.type = Const.OBJECT_TYPE_INTERSECTION;\n el.elType = \"intersection\";\n el.setParents([el1.id, el2.id]);\n\n /**\n * Array of length 2 containing the numbers i and j.\n * The intersection point is i-th intersection point.\n * j is unused.\n * @type Array\n * @private\n */\n el.intersectionNumbers = [i, j];\n el.getParents = function () {\n return this.parents.concat(this.intersectionNumbers);\n };\n\n el.generatePolynomial = function () {\n var poly1 = el1.generatePolynomial(el),\n poly2 = el2.generatePolynomial(el);\n\n if (poly1.length === 0 || poly2.length === 0) {\n return [];\n }\n\n return [poly1[0], poly2[0]];\n };\n\n return el;\n};\n\n/**\n * @class This element is used to provide a constructor for the \"other\" intersection point.\n * @pseudo\n * @description An intersection point is a point which lives on two Lines or Circles or one Line and one Circle at the same time, i.e.\n * an intersection point of the two elements. Additionally, one intersection point is provided. The function returns the other intersection point.\n * @name OtherIntersection\n * @augments JXG.Point\n * @constructor\n * @type JXG.Point\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Line,JXG.Circle_JXG.Line,JXG.Circle_JXG.Point} el1,el2,p The result will be a intersection point on el1 and el2. i determines the\n * intersection point different from p:\n * @example\n * // Create an intersection point of circle and line\n * var p1 = board.create('point', [2.0, 2.0]);\n * var c1 = board.create('circle', [p1, 2.0]);\n *\n * var p2 = board.create('point', [2.0, 2.0]);\n * var p3 = board.create('point', [2.0, 2.0]);\n * var l1 = board.create('line', [p2, p3]);\n *\n * var i = board.create('intersection', [c1, l1, 0]);\n * var j = board.create('otherintersection', [c1, l1, i]);\n * \n * \n */\nJXG.createOtherIntersectionPoint = function (board, parents, attributes) {\n var el, el1, el2, other;\n\n if (\n parents.length !== 3 ||\n !Type.isPoint(parents[2]) ||\n (parents[0].elementClass !== Const.OBJECT_CLASS_LINE &&\n parents[0].elementClass !== Const.OBJECT_CLASS_CIRCLE) ||\n (parents[1].elementClass !== Const.OBJECT_CLASS_LINE &&\n parents[1].elementClass !== Const.OBJECT_CLASS_CIRCLE)\n ) {\n // Failure\n throw new Error(\n \"JSXGraph: Can't create 'other intersection point' with parent types '\" +\n typeof parents[0] +\n \"', '\" +\n typeof parents[1] +\n \"'and '\" +\n typeof parents[2] +\n \"'.\" +\n \"\\nPossible parent types: [circle|line,circle|line,point]\"\n );\n }\n\n el1 = board.select(parents[0]);\n el2 = board.select(parents[1]);\n other = board.select(parents[2]);\n\n el = board.create(\n \"point\",\n [\n function () {\n var c = Geometry.meet(el1.stdform, el2.stdform, 0, el1.board);\n\n if (\n Math.abs(other.X() - c.usrCoords[1]) > Mat.eps ||\n Math.abs(other.Y() - c.usrCoords[2]) > Mat.eps ||\n Math.abs(other.Z() - c.usrCoords[0]) > Mat.eps\n ) {\n return c;\n }\n\n return Geometry.meet(el1.stdform, el2.stdform, 1, el1.board);\n }\n ],\n attributes\n );\n\n el.type = Const.OBJECT_TYPE_INTERSECTION;\n el.elType = \"otherintersection\";\n el.setParents([el1.id, el2.id, other]);\n\n el1.addChild(el);\n el2.addChild(el);\n\n el.generatePolynomial = function () {\n var poly1 = el1.generatePolynomial(el),\n poly2 = el2.generatePolynomial(el);\n\n if (poly1.length === 0 || poly2.length === 0) {\n return [];\n }\n\n return [poly1[0], poly2[0]];\n };\n\n return el;\n};\n\n/**\n * @class This element is used to provide a constructor for the pole point of a line with respect to a conic or a circle.\n * @pseudo\n * @description The pole point is the unique reciprocal relationship of a line with respect to a conic.\n * The lines tangent to the intersections of a conic and a line intersect at the pole point of that line with respect to that conic.\n * A line tangent to a conic has the pole point of that line with respect to that conic as the tangent point.\n * See {@link https://en.wikipedia.org/wiki/Pole_and_polar} for more information on pole and polar.\n * @name PolePoint\n * @augments JXG.Point\n * @constructor\n * @type JXG.Point\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Conic,JXG.Circle_JXG.Point} el1,el2 or\n * @param {JXG.Point_JXG.Conic,JXG.Circle} el1,el2 The result will be the pole point of the line with respect to the conic or the circle.\n * @example\n * // Create the pole point of a line with respect to a conic\n * var p1 = board.create('point', [-1, 2]);\n * var p2 = board.create('point', [ 1, 4]);\n * var p3 = board.create('point', [-1,-2]);\n * var p4 = board.create('point', [ 0, 0]);\n * var p5 = board.create('point', [ 4,-2]);\n * var c1 = board.create('conic',[p1,p2,p3,p4,p5]);\n * var p6 = board.create('point', [-1, 4]);\n * var p7 = board.create('point', [2, -2]);\n * var l1 = board.create('line', [p6, p7]);\n * var p8 = board.create('polepoint', [c1, l1]);\n * \n * \n * @example\n * // Create the pole point of a line with respect to a circle\n * var p1 = board.create('point', [1, 1]);\n * var p2 = board.create('point', [2, 3]);\n * var c1 = board.create('circle',[p1,p2]);\n * var p3 = board.create('point', [-1, 4]);\n * var p4 = board.create('point', [4, -1]);\n * var l1 = board.create('line', [p3, p4]);\n * var p5 = board.create('polepoint', [c1, l1]);\n * \n * \n */\nJXG.createPolePoint = function (board, parents, attributes) {\n var el,\n el1,\n el2,\n firstParentIsConic,\n secondParentIsConic,\n firstParentIsLine,\n secondParentIsLine;\n\n if (parents.length > 1) {\n firstParentIsConic =\n parents[0].type === Const.OBJECT_TYPE_CONIC ||\n parents[0].elementClass === Const.OBJECT_CLASS_CIRCLE;\n secondParentIsConic =\n parents[1].type === Const.OBJECT_TYPE_CONIC ||\n parents[1].elementClass === Const.OBJECT_CLASS_CIRCLE;\n\n firstParentIsLine = parents[0].elementClass === Const.OBJECT_CLASS_LINE;\n secondParentIsLine = parents[1].elementClass === Const.OBJECT_CLASS_LINE;\n }\n\n /* if (parents.length !== 2 || !((\n parents[0].type === Const.OBJECT_TYPE_CONIC ||\n parents[0].elementClass === Const.OBJECT_CLASS_CIRCLE) &&\n parents[1].elementClass === Const.OBJECT_CLASS_LINE ||\n parents[0].elementClass === Const.OBJECT_CLASS_LINE && (\n parents[1].type === Const.OBJECT_TYPE_CONIC ||\n parents[1].elementClass === Const.OBJECT_CLASS_CIRCLE))) {*/\n if (\n parents.length !== 2 ||\n !(\n (firstParentIsConic && secondParentIsLine) ||\n (firstParentIsLine && secondParentIsConic)\n )\n ) {\n // Failure\n throw new Error(\n \"JSXGraph: Can't create 'pole point' with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent type: [conic|circle,line], [line,conic|circle]\"\n );\n }\n\n if (secondParentIsLine) {\n el1 = board.select(parents[0]);\n el2 = board.select(parents[1]);\n } else {\n el1 = board.select(parents[1]);\n el2 = board.select(parents[0]);\n }\n\n el = board.create(\n \"point\",\n [\n function () {\n var q = el1.quadraticform,\n s = el2.stdform.slice(0, 3);\n\n return [\n JXG.Math.Numerics.det([s, q[1], q[2]]),\n JXG.Math.Numerics.det([q[0], s, q[2]]),\n JXG.Math.Numerics.det([q[0], q[1], s])\n ];\n }\n ],\n attributes\n );\n\n el.elType = \"polepoint\";\n el.setParents([el1.id, el2.id]);\n\n el1.addChild(el);\n el2.addChild(el);\n\n return el;\n};\n\nJXG.registerElement(\"point\", JXG.createPoint);\nJXG.registerElement(\"glider\", JXG.createGlider);\nJXG.registerElement(\"intersection\", JXG.createIntersectionPoint);\nJXG.registerElement(\"otherintersection\", JXG.createOtherIntersectionPoint);\nJXG.registerElement(\"polepoint\", JXG.createPolePoint);\n\nexport default JXG.Point;\n// export default {\n// Point: JXG.Point,\n// createPoint: JXG.createPoint,\n// createGlider: JXG.createGlider,\n// createIntersection: JXG.createIntersectionPoint,\n// createOtherIntersection: JXG.createOtherIntersectionPoint,\n// createPolePoint: JXG.createPolePoint\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * Additionally, a line can be created by providing a line and a transformation (or an array of transformations).\n * Then, the result is a line which is the transformation of the supplied line.\n * @example\n * // Create a line using point and coordinates/\n * // The second point will be fixed and invisible.\n * var p1 = board.create('point', [4.5, 2.0]);\n * var l1 = board.create('line', [p1, [1.0, 1.0]]);\n *
\n * \n * @example\n * // Create a line using three coordinates\n * var l1 = board.create('line', [1.0, -2.0, 3.0]);\n * \n * \n * @example\n * // Create a line (l2) as reflection of another line (l1)\n * // reflection line\n * var li = board.create('line', [1,1,1], {strokeColor: '#aaaaaa'});\n * var reflect = board.create('transform', [li], {type: 'reflect'});\n *\n * var l1 = board.create('line', [1,-5,1]);\n * var l2 = board.create('line', [l1, reflect]);\n *\n * \n * \n *\n * @example\n * var t = board.create('transform', [2, 1.5], {type: 'scale'});\n * var l1 = board.create('line', [1, -5, 1]);\n * var l2 = board.create('line', [l1, t]);\n *\n * \n * \n *\n * @example\n * //create line between two points\n * var p1 = board.create('point', [0,0]);\n * var p2 = board.create('point', [2,2]);\n * var l1 = board.create('line', [p1,p2], {straightFirst:false, straightLast:false});\n * \n * \n */\nJXG.createLine = function (board, parents, attributes) {\n var ps,\n el,\n p1,\n p2,\n i,\n attr,\n c = [],\n doTransform = false,\n constrained = false,\n isDraggable;\n\n /**\n * The line is defined by two points or coordinates of two points.\n * In the latter case, the points are created.\n */\n if (parents.length === 2) {\n // point 1 given by coordinates\n if (Type.isArray(parents[0]) && parents[0].length > 1) {\n attr = Type.copyAttributes(attributes, board.options, \"line\", \"point1\");\n p1 = board.create(\"point\", parents[0], attr);\n } else if (Type.isString(parents[0]) || Type.isPoint(parents[0])) {\n p1 = board.select(parents[0]);\n } else if (Type.isFunction(parents[0]) && Type.isPoint(parents[0]())) {\n p1 = parents[0]();\n constrained = true;\n } else if (\n Type.isFunction(parents[0]) &&\n parents[0]().length &&\n parents[0]().length >= 2\n ) {\n attr = Type.copyAttributes(attributes, board.options, \"line\", \"point1\");\n p1 = JXG.createPoint(board, parents[0](), attr);\n constrained = true;\n } else if (Type.isObject(parents[0]) && Type.isTransformationOrArray(parents[1])) {\n doTransform = true;\n attr = Type.copyAttributes(attributes, board.options, \"line\", \"point1\");\n p1 = board.create(\"point\", [parents[0].point1, parents[1]], attr);\n } else {\n throw new Error(\n \"JSXGraph: Can't create line with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,point], [[x1,y1],[x2,y2]], [a,b,c]\"\n );\n }\n\n // point 2 given by coordinates\n if (doTransform) {\n attr = Type.copyAttributes(attributes, board.options, \"line\", \"point2\");\n p2 = board.create(\"point\", [parents[0].point2, parents[1]], attr);\n } else if (Type.isArray(parents[1]) && parents[1].length > 1) {\n attr = Type.copyAttributes(attributes, board.options, \"line\", \"point2\");\n p2 = board.create(\"point\", parents[1], attr);\n } else if (Type.isString(parents[1]) || Type.isPoint(parents[1])) {\n p2 = board.select(parents[1]);\n } else if (Type.isFunction(parents[1]) && Type.isPoint(parents[1]())) {\n p2 = parents[1]();\n constrained = true;\n } else if (\n Type.isFunction(parents[1]) &&\n parents[1]().length &&\n parents[1]().length >= 2\n ) {\n attr = Type.copyAttributes(attributes, board.options, \"line\", \"point2\");\n p2 = JXG.createPoint(board, parents[1](), attr);\n constrained = true;\n } else {\n throw new Error(\n \"JSXGraph: Can't create line with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,point], [[x1,y1],[x2,y2]], [a,b,c]\"\n );\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"line\");\n\n el = new JXG.Line(board, p1, p2, attr);\n\n if (constrained) {\n el.constrained = true;\n el.funp1 = parents[0];\n el.funp2 = parents[1];\n } else if (!doTransform) {\n el.isDraggable = true;\n }\n\n //if (!el.constrained) {\n el.setParents([p1.id, p2.id]);\n //}\n\n // Line is defined by three homogeneous coordinates.\n // Also in this case points are created.\n } else if (parents.length === 3) {\n // free line\n isDraggable = true;\n for (i = 0; i < 3; i++) {\n if (Type.isNumber(parents[i])) {\n // createFunction will just wrap a function around our constant number\n // that does nothing else but to return that number.\n c[i] = Type.createFunction(parents[i]);\n } else if (Type.isFunction(parents[i])) {\n c[i] = parents[i];\n isDraggable = false;\n } else {\n throw new Error(\n \"JSXGraph: Can't create line with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"' and '\" +\n typeof parents[2] +\n \"'.\" +\n \"\\nPossible parent types: [point,point], [[x1,y1],[x2,y2]], [a,b,c]\"\n );\n }\n }\n\n // point 1 is the midpoint between (0,c,-b) and point 2. => point1 is finite.\n attr = Type.copyAttributes(attributes, board.options, \"line\", \"point1\");\n if (isDraggable) {\n p1 = board.create(\n \"point\",\n [\n c[2]() * c[2]() + c[1]() * c[1](),\n c[2]() - c[1]() * c[0]() + c[2](),\n -c[1]() - c[2]() * c[0]() - c[1]()\n ],\n attr\n );\n } else {\n p1 = board.create(\n \"point\",\n [\n function () {\n return (c[2]() * c[2]() + c[1]() * c[1]()) * 0.5;\n },\n function () {\n return (c[2]() - c[1]() * c[0]() + c[2]()) * 0.5;\n },\n function () {\n return (-c[1]() - c[2]() * c[0]() - c[1]()) * 0.5;\n }\n ],\n attr\n );\n }\n\n // point 2: (b^2+c^2,-ba+c,-ca-b)\n attr = Type.copyAttributes(attributes, board.options, \"line\", \"point2\");\n if (isDraggable) {\n p2 = board.create(\n \"point\",\n [\n c[2]() * c[2]() + c[1]() * c[1](),\n -c[1]() * c[0]() + c[2](),\n -c[2]() * c[0]() - c[1]()\n ],\n attr\n );\n } else {\n p2 = board.create(\n \"point\",\n [\n function () {\n return c[2]() * c[2]() + c[1]() * c[1]();\n },\n function () {\n return -c[1]() * c[0]() + c[2]();\n },\n function () {\n return -c[2]() * c[0]() - c[1]();\n }\n ],\n attr\n );\n }\n\n // If the line will have a glider and board.suspendUpdate() has been called, we\n // need to compute the initial position of the two points p1 and p2.\n p1.prepareUpdate().update();\n p2.prepareUpdate().update();\n attr = Type.copyAttributes(attributes, board.options, \"line\");\n el = new JXG.Line(board, p1, p2, attr);\n // Not yet working, because the points are not draggable.\n el.isDraggable = isDraggable;\n el.setParents([p1, p2]);\n\n // The parent array contains a function which returns two points.\n } else if (\n parents.length === 1 &&\n Type.isFunction(parents[0]) &&\n parents[0]().length === 2 &&\n Type.isPoint(parents[0]()[0]) &&\n Type.isPoint(parents[0]()[1])\n ) {\n ps = parents[0]();\n attr = Type.copyAttributes(attributes, board.options, \"line\");\n el = new JXG.Line(board, ps[0], ps[1], attr);\n el.constrained = true;\n el.funps = parents[0];\n el.setParents(ps);\n } else if (\n parents.length === 1 &&\n Type.isFunction(parents[0]) &&\n parents[0]().length === 3 &&\n Type.isNumber(parents[0]()[0]) &&\n Type.isNumber(parents[0]()[1]) &&\n Type.isNumber(parents[0]()[2])\n ) {\n ps = parents[0];\n\n attr = Type.copyAttributes(attributes, board.options, \"line\", \"point1\");\n p1 = board.create(\n \"point\",\n [\n function () {\n var c = ps();\n\n return [\n (c[2] * c[2] + c[1] * c[1]) * 0.5,\n (c[2] - c[1] * c[0] + c[2]) * 0.5,\n (-c[1] - c[2] * c[0] - c[1]) * 0.5\n ];\n }\n ],\n attr\n );\n\n attr = Type.copyAttributes(attributes, board.options, \"line\", \"point2\");\n p2 = board.create(\n \"point\",\n [\n function () {\n var c = ps();\n\n return [\n c[2] * c[2] + c[1] * c[1],\n -c[1] * c[0] + c[2],\n -c[2] * c[0] - c[1]\n ];\n }\n ],\n attr\n );\n\n attr = Type.copyAttributes(attributes, board.options, \"line\");\n el = new JXG.Line(board, p1, p2, attr);\n\n el.constrained = true;\n el.funps = parents[0];\n el.setParents([p1, p2]);\n } else {\n throw new Error(\n \"JSXGraph: Can't create line with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,point], [[x1,y1],[x2,y2]], [a,b,c]\"\n );\n }\n\n return el;\n};\n\nJXG.registerElement(\"line\", JXG.createLine);\n\n/**\n * @class This element is used to provide a constructor for a segment.\n * It's strictly spoken just a wrapper for element {@link Line} with {@link Line#straightFirst}\n * and {@link Line#straightLast} properties set to false. If there is a third variable then the\n * segment has a fixed length (which may be a function, too).\n * @pseudo\n * @description\n * @name Segment\n * @augments JXG.Line\n * @constructor\n * @type JXG.Line\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point,array_JXG.Point,array} point1,point2 Parent elements can be two elements either of type {@link JXG.Point}\n * or array of numbers describing the\n * coordinates of a point. In the latter case the point will be constructed automatically as a fixed invisible point.\n * @param {number,function} length (optional) The points are adapted - if possible - such that their distance\n * has this value.\n * @see Line\n * @example\n * // Create a segment providing two points.\n * var p1 = board.create('point', [4.5, 2.0]);\n * var p2 = board.create('point', [1.0, 1.0]);\n * var l1 = board.create('segment', [p1, p2]);\n * \n * \n *\n * @example\n * // Create a segment providing two points.\n * var p1 = board.create('point', [4.0, 1.0]);\n * var p2 = board.create('point', [1.0, 1.0]);\n * var l1 = board.create('segment', [p1, p2]);\n * var p3 = board.create('point', [4.0, 2.0]);\n * var p4 = board.create('point', [1.0, 2.0]);\n * var l2 = board.create('segment', [p3, p4, 3]);\n * var p5 = board.create('point', [4.0, 3.0]);\n * var p6 = board.create('point', [1.0, 4.0]);\n * var l3 = board.create('segment', [p5, p6, function(){ return l1.L();} ]);\n * \n * \n *\n */\nJXG.createSegment = function (board, parents, attributes) {\n var el, attr;\n\n attributes.straightFirst = false;\n attributes.straightLast = false;\n attr = Type.copyAttributes(attributes, board.options, \"segment\");\n\n el = board.create(\"line\", parents.slice(0, 2), attr);\n\n if (parents.length === 3) {\n el.hasFixedLength = true;\n\n if (Type.isNumber(parents[2])) {\n el.fixedLength = function () {\n return parents[2];\n };\n } else if (Type.isFunction(parents[2])) {\n el.fixedLength = parents[2];\n } else {\n throw new Error(\n \"JSXGraph: Can't create segment with third parent type '\" +\n typeof parents[2] +\n \"'.\" +\n \"\\nPossible third parent types: number or function\"\n );\n }\n\n el.getParents = function () {\n return this.parents.concat(this.fixedLength());\n };\n\n el.fixedLengthOldCoords = [];\n el.fixedLengthOldCoords[0] = new Coords(\n Const.COORDS_BY_USER,\n el.point1.coords.usrCoords.slice(1, 3),\n board\n );\n el.fixedLengthOldCoords[1] = new Coords(\n Const.COORDS_BY_USER,\n el.point2.coords.usrCoords.slice(1, 3),\n board\n );\n }\n\n el.elType = \"segment\";\n\n return el;\n};\n\nJXG.registerElement(\"segment\", JXG.createSegment);\n\n/**\n * @class This element is used to provide a constructor for arrow, which is just a wrapper for element\n * {@link Line} with {@link Line#straightFirst}\n * and {@link Line#straightLast} properties set to false and {@link Line#lastArrow} set to true.\n * @pseudo\n * @description\n * @name Arrow\n * @augments JXG.Line\n * @constructor\n * @type JXG.Line\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point,array_JXG.Point,array} point1,point2 Parent elements can be two elements either of type {@link JXG.Point} or array of numbers describing the\n * coordinates of a point. In the latter case the point will be constructed automatically as a fixed invisible point.\n * @param {Number_Number_Number} a,b,c A line can also be created providing three numbers. The line is then described by the set of solutions\n * of the equation a*x+b*y+c*z = 0.\n * @see Line\n * @example\n * // Create an arrow providing two points.\n * var p1 = board.create('point', [4.5, 2.0]);\n * var p2 = board.create('point', [1.0, 1.0]);\n * var l1 = board.create('arrow', [p1, p2]);\n * \n * \n */\nJXG.createArrow = function (board, parents, attributes) {\n var el, attr;\n\n attributes.straightFirst = false;\n attributes.straightLast = false;\n attr = Type.copyAttributes(attributes, board.options, \"arrow\");\n el = board.create(\"line\", parents, attr);\n //el.setArrow(false, true);\n el.type = Const.OBJECT_TYPE_VECTOR;\n el.elType = \"arrow\";\n\n return el;\n};\n\nJXG.registerElement(\"arrow\", JXG.createArrow);\n\n/**\n * @class This element is used to provide a constructor for an axis. It's strictly spoken just a wrapper for element {@link Line} with {@link Line#straightFirst}\n * and {@link Line#straightLast} properties set to true. Additionally {@link Line#lastArrow} is set to true and default {@link Ticks} will be created.\n * @pseudo\n * @description\n * @name Axis\n * @augments JXG.Line\n * @constructor\n * @type JXG.Line\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point,array_JXG.Point,array} point1,point2 Parent elements can be two elements either of type {@link JXG.Point} or array of numbers describing the\n * coordinates of a point. In the latter case, the point will be constructed automatically as a fixed invisible point.\n * @param {Number_Number_Number} a,b,c A line can also be created providing three numbers. The line is then described by the set of solutions\n * of the equation a*x+b*y+c*z = 0.\n * @example\n * // Create an axis providing two coord pairs.\n * var l1 = board.create('axis', [[0.0, 1.0], [1.0, 1.3]]);\n * \n * \n */\nJXG.createAxis = function (board, parents, attributes) {\n var attr, attr_ticks, el, els, dist;\n\n // Arrays or points, that is all we need.\n if (\n (Type.isArray(parents[0]) || Type.isPoint(parents[0])) &&\n (Type.isArray(parents[1]) || Type.isPoint(parents[1]))\n ) {\n // Create line\n attr = Type.copyAttributes(attributes, board.options, \"axis\");\n el = board.create(\"line\", parents, attr);\n el.type = Const.OBJECT_TYPE_AXIS;\n el.isDraggable = false;\n el.point1.isDraggable = false;\n el.point2.isDraggable = false;\n\n for (els in el.ancestors) {\n if (el.ancestors.hasOwnProperty(els)) {\n el.ancestors[els].type = Const.OBJECT_TYPE_AXISPOINT;\n }\n }\n\n // Create ticks\n attr_ticks = Type.copyAttributes(attributes, board.options, \"axis\", \"ticks\");\n if (Type.exists(attr_ticks.ticksdistance)) {\n dist = attr_ticks.ticksdistance;\n } else if (Type.isArray(attr_ticks.ticks)) {\n dist = attr_ticks.ticks;\n } else {\n dist = 1.0;\n }\n\n /**\n * The ticks attached to the axis.\n * @memberOf Axis.prototype\n * @name defaultTicks\n * @type JXG.Ticks\n */\n el.defaultTicks = board.create(\"ticks\", [el, dist], attr_ticks);\n el.defaultTicks.dump = false;\n el.elType = \"axis\";\n el.subs = {\n ticks: el.defaultTicks\n };\n el.inherits.push(el.defaultTicks);\n } else {\n throw new Error(\n \"JSXGraph: Can't create axis with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,point], [[x1,y1],[x2,y2]]\"\n );\n }\n\n return el;\n};\n\nJXG.registerElement(\"axis\", JXG.createAxis);\n\n/**\n * @class With the element tangent the slope of a line, circle, or curve in a certain point can be visualized. A tangent is always constructed\n * by a glider on a line, circle, or curve and describes the tangent in the glider point on that line, circle, or curve.\n * @pseudo\n * @description\n * @name Tangent\n * @augments JXG.Line\n * @constructor\n * @type JXG.Line\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {Glider} g A glider on a line, circle, or curve.\n * @example\n * // Create a tangent providing a glider on a function graph\n * var c1 = board.create('curve', [function(t){return t},function(t){return t*t*t;}]);\n * var g1 = board.create('glider', [0.6, 1.2, c1]);\n * var t1 = board.create('tangent', [g1]);\n * \n * \n */\nJXG.createTangent = function (board, parents, attributes) {\n var p, c, j, el, tangent;\n\n // One argument: glider on line, circle or curve\n if (parents.length === 1) {\n p = parents[0];\n c = p.slideObject;\n // Two arguments: (point,F\"|conic) or (line|curve|circle|conic,point). // Not yet: curve!\n } else if (parents.length === 2) {\n // In fact, for circles and conics it is the polar\n if (Type.isPoint(parents[0])) {\n p = parents[0];\n c = parents[1];\n } else if (Type.isPoint(parents[1])) {\n c = parents[0];\n p = parents[1];\n } else {\n throw new Error(\n \"JSXGraph: Can't create tangent with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [glider], [point,line|curve|circle|conic]\"\n );\n }\n } else {\n throw new Error(\n \"JSXGraph: Can't create tangent with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [glider], [point,line|curve|circle|conic]\"\n );\n }\n\n if (c.elementClass === Const.OBJECT_CLASS_LINE) {\n tangent = board.create(\"line\", [c.point1, c.point2], attributes);\n tangent.glider = p;\n } else if (\n c.elementClass === Const.OBJECT_CLASS_CURVE &&\n c.type !== Const.OBJECT_TYPE_CONIC\n ) {\n if (Type.evaluate(c.visProp.curvetype) !== \"plot\") {\n tangent = board.create(\n \"line\",\n [\n function () {\n var g = c.X,\n f = c.Y;\n return (\n -p.X() * Numerics.D(f)(p.position) +\n p.Y() * Numerics.D(g)(p.position)\n );\n },\n function () {\n return Numerics.D(c.Y)(p.position);\n },\n function () {\n return -Numerics.D(c.X)(p.position);\n }\n ],\n attributes\n );\n\n p.addChild(tangent);\n // this is required for the geogebra reader to display a slope\n tangent.glider = p;\n } else {\n // curveType 'plot'\n // In case of bezierDegree == 1:\n // Find two points p1, p2 enclosing the glider.\n // Then the equation of the line segment is: 0 = y*(x1-x2) + x*(y2-y1) + y1*x2-x1*y2,\n // which is the cross product of p1 and p2.\n //\n // In case of bezieDegree === 3:\n // The slope dy / dx of the tangent is determined. Then the\n // tangent is computed as cross product between\n // the glider p and [1, p.X() + dx, p.Y() + dy]\n //\n tangent = board.create(\n \"line\",\n [\n function () {\n var i = Math.floor(p.position),\n p1,\n p2,\n t,\n A,\n B,\n C,\n D,\n dx,\n dy,\n d;\n\n if (c.bezierDegree === 1) {\n if (i === c.numberPoints - 1) {\n i--;\n }\n } else if (c.bezierDegree === 3) {\n // i is start of the Bezier segment\n // t is the position in the Bezier segment\n i = Math.floor((p.position * (c.numberPoints - 1)) / 3) * 3;\n t = (p.position * (c.numberPoints - 1) - i) / 3;\n if (i >= c.numberPoints - 1) {\n i = c.numberPoints - 4;\n t = 1;\n }\n } else {\n return 0;\n }\n\n if (i < 0) {\n return 1;\n }\n\n // The curve points are transformed (if there is a transformation)\n // c.X(i) is not transformed.\n if (c.bezierDegree === 1) {\n p1 = c.points[i].usrCoords;\n p2 = c.points[i + 1].usrCoords;\n } else {\n A = c.points[i].usrCoords;\n B = c.points[i + 1].usrCoords;\n C = c.points[i + 2].usrCoords;\n D = c.points[i + 3].usrCoords;\n dx =\n (1 - t) * (1 - t) * (B[1] - A[1]) +\n 2 * (1 - t) * t * (C[1] - B[1]) +\n t * t * (D[1] - C[1]);\n dy =\n (1 - t) * (1 - t) * (B[2] - A[2]) +\n 2 * (1 - t) * t * (C[2] - B[2]) +\n t * t * (D[2] - C[2]);\n d = Math.sqrt(dx * dx + dy * dy);\n dx /= d;\n dy /= d;\n p1 = p.coords.usrCoords;\n p2 = [1, p1[1] + dx, p1[2] + dy];\n }\n return p1[2] * p2[1] - p1[1] * p2[2];\n },\n function () {\n var i = Math.floor(p.position),\n p1,\n p2,\n t,\n A,\n B,\n C,\n D,\n dx,\n dy,\n d;\n\n if (c.bezierDegree === 1) {\n if (i === c.numberPoints - 1) {\n i--;\n }\n } else if (c.bezierDegree === 3) {\n // i is start of the Bezier segment\n // t is the position in the Bezier segment\n i = Math.floor((p.position * (c.numberPoints - 1)) / 3) * 3;\n t = (p.position * (c.numberPoints - 1) - i) / 3;\n if (i >= c.numberPoints - 1) {\n i = c.numberPoints - 4;\n t = 1;\n }\n } else {\n return 0;\n }\n\n if (i < 0) {\n return 0;\n }\n\n // The curve points are transformed (if there is a transformation)\n // c.X(i) is not transformed.\n if (c.bezierDegree === 1) {\n p1 = c.points[i].usrCoords;\n p2 = c.points[i + 1].usrCoords;\n } else {\n A = c.points[i].usrCoords;\n B = c.points[i + 1].usrCoords;\n C = c.points[i + 2].usrCoords;\n D = c.points[i + 3].usrCoords;\n dx =\n (1 - t) * (1 - t) * (B[1] - A[1]) +\n 2 * (1 - t) * t * (C[1] - B[1]) +\n t * t * (D[1] - C[1]);\n dy =\n (1 - t) * (1 - t) * (B[2] - A[2]) +\n 2 * (1 - t) * t * (C[2] - B[2]) +\n t * t * (D[2] - C[2]);\n d = Math.sqrt(dx * dx + dy * dy);\n dx /= d;\n dy /= d;\n p1 = p.coords.usrCoords;\n p2 = [1, p1[1] + dx, p1[2] + dy];\n }\n return p2[2] - p1[2];\n },\n function () {\n var i = Math.floor(p.position),\n p1,\n p2,\n t,\n A,\n B,\n C,\n D,\n dx,\n dy,\n d;\n\n if (c.bezierDegree === 1) {\n if (i === c.numberPoints - 1) {\n i--;\n }\n } else if (c.bezierDegree === 3) {\n // i is start of the Bezier segment\n // t is the position in the Bezier segment\n i = Math.floor((p.position * (c.numberPoints - 1)) / 3) * 3;\n t = (p.position * (c.numberPoints - 1) - i) / 3;\n if (i >= c.numberPoints - 1) {\n i = c.numberPoints - 4;\n t = 1;\n }\n } else {\n return 0;\n }\n\n if (i < 0) {\n return 0.0;\n }\n\n // The curve points are transformed (if there is a transformation)\n // c.X(i) is not transformed.\n if (c.bezierDegree === 1) {\n p1 = c.points[i].usrCoords;\n p2 = c.points[i + 1].usrCoords;\n } else {\n A = c.points[i].usrCoords;\n B = c.points[i + 1].usrCoords;\n C = c.points[i + 2].usrCoords;\n D = c.points[i + 3].usrCoords;\n dx =\n (1 - t) * (1 - t) * (B[1] - A[1]) +\n 2 * (1 - t) * t * (C[1] - B[1]) +\n t * t * (D[1] - C[1]);\n dy =\n (1 - t) * (1 - t) * (B[2] - A[2]) +\n 2 * (1 - t) * t * (C[2] - B[2]) +\n t * t * (D[2] - C[2]);\n d = Math.sqrt(dx * dx + dy * dy);\n dx /= d;\n dy /= d;\n p1 = p.coords.usrCoords;\n p2 = [1, p1[1] + dx, p1[2] + dy];\n }\n return p1[1] - p2[1];\n }\n ],\n attributes\n );\n\n p.addChild(tangent);\n // this is required for the geogebra reader to display a slope\n tangent.glider = p;\n }\n } else if (c.type === Const.OBJECT_TYPE_TURTLE) {\n tangent = board.create(\n \"line\",\n [\n function () {\n var i = Math.floor(p.position);\n\n // run through all curves of this turtle\n for (j = 0; j < c.objects.length; j++) {\n el = c.objects[j];\n\n if (el.type === Const.OBJECT_TYPE_CURVE) {\n if (i < el.numberPoints) {\n break;\n }\n\n i -= el.numberPoints;\n }\n }\n\n if (i === el.numberPoints - 1) {\n i--;\n }\n\n if (i < 0) {\n return 1;\n }\n\n return el.Y(i) * el.X(i + 1) - el.X(i) * el.Y(i + 1);\n },\n function () {\n var i = Math.floor(p.position);\n\n // run through all curves of this turtle\n for (j = 0; j < c.objects.length; j++) {\n el = c.objects[j];\n\n if (el.type === Const.OBJECT_TYPE_CURVE) {\n if (i < el.numberPoints) {\n break;\n }\n\n i -= el.numberPoints;\n }\n }\n\n if (i === el.numberPoints - 1) {\n i--;\n }\n if (i < 0) {\n return 0;\n }\n\n return el.Y(i + 1) - el.Y(i);\n },\n function () {\n var i = Math.floor(p.position);\n\n // run through all curves of this turtle\n for (j = 0; j < c.objects.length; j++) {\n el = c.objects[j];\n if (el.type === Const.OBJECT_TYPE_CURVE) {\n if (i < el.numberPoints) {\n break;\n }\n i -= el.numberPoints;\n }\n }\n if (i === el.numberPoints - 1) {\n i--;\n }\n\n if (i < 0) {\n return 0;\n }\n\n return el.X(i) - el.X(i + 1);\n }\n ],\n attributes\n );\n p.addChild(tangent);\n\n // this is required for the geogebra reader to display a slope\n tangent.glider = p;\n } else if (\n c.elementClass === Const.OBJECT_CLASS_CIRCLE ||\n c.type === Const.OBJECT_TYPE_CONIC\n ) {\n // If p is not on c, the tangent is the polar.\n // This construction should work on conics, too. p has to lie on c.\n tangent = board.create(\n \"line\",\n [\n function () {\n return Mat.matVecMult(c.quadraticform, p.coords.usrCoords)[0];\n },\n function () {\n return Mat.matVecMult(c.quadraticform, p.coords.usrCoords)[1];\n },\n function () {\n return Mat.matVecMult(c.quadraticform, p.coords.usrCoords)[2];\n }\n ],\n attributes\n );\n\n p.addChild(tangent);\n // this is required for the geogebra reader to display a slope\n tangent.glider = p;\n }\n\n if (!Type.exists(tangent)) {\n throw new Error(\"JSXGraph: Couldn't create tangent with the given parents.\");\n }\n\n tangent.elType = \"tangent\";\n tangent.type = Const.OBJECT_TYPE_TANGENT;\n tangent.setParents(parents);\n\n return tangent;\n};\n\n/**\n * @class This element is used to provide a constructor for the radical axis with respect to two circles with distinct centers.\n * The angular bisector of the polar lines of the circle centers with respect to the other circle is always the radical axis.\n * The radical axis passes through the intersection points when the circles intersect.\n * When a circle about the midpoint of circle centers, passing through the circle centers, intersects the circles, the polar lines pass through those intersection points.\n * @pseudo\n * @description\n * @name RadicalAxis\n * @augments JXG.Line\n * @constructor\n * @type JXG.Line\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Circle} circle Circle one of the two respective circles.\n * @param {JXG.Circle} circle Circle the other of the two respective circles.\n * @example\n * // Create the radical axis line with respect to two circles\n * var board = JXG.JSXGraph.initBoard('7b7233a0-f363-47dd-9df5-5018d0d17a98', {boundingbox: [-1, 9, 9, -1], axis: true, showcopyright: false, shownavigation: false});\n * var p1 = board.create('point', [2, 3]);\n * var p2 = board.create('point', [1, 4]);\n * var c1 = board.create('circle', [p1, p2]);\n * var p3 = board.create('point', [6, 5]);\n * var p4 = board.create('point', [8, 6]);\n * var c2 = board.create('circle', [p3, p4]);\n * var r1 = board.create('radicalaxis', [c1, c2]);\n * \n * \n */\nJXG.createRadicalAxis = function (board, parents, attributes) {\n var el, el1, el2;\n\n if (\n parents.length !== 2 ||\n parents[0].elementClass !== Const.OBJECT_CLASS_CIRCLE ||\n parents[1].elementClass !== Const.OBJECT_CLASS_CIRCLE\n ) {\n // Failure\n throw new Error(\n \"JSXGraph: Can't create 'radical axis' with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent type: [circle,circle]\"\n );\n }\n\n el1 = board.select(parents[0]);\n el2 = board.select(parents[1]);\n\n el = board.create(\n \"line\",\n [\n function () {\n var a = el1.stdform,\n b = el2.stdform;\n\n return Mat.matVecMult(Mat.transpose([a.slice(0, 3), b.slice(0, 3)]), [\n b[3],\n -a[3]\n ]);\n }\n ],\n attributes\n );\n\n el.elType = \"radicalaxis\";\n el.setParents([el1.id, el2.id]);\n\n el1.addChild(el);\n el2.addChild(el);\n\n return el;\n};\n\n/**\n * @class This element is used to provide a constructor for the polar line of a point with respect to a conic or a circle.\n * @pseudo\n * @description The polar line is the unique reciprocal relationship of a point with respect to a conic.\n * The lines through the intersections of a conic and the polar line of a point with respect to that conic and through that point are tangent to the conic.\n * A point on a conic has the polar line of that point with respect to that conic as the tangent line to that conic at that point.\n * See {@link https://en.wikipedia.org/wiki/Pole_and_polar} for more information on pole and polar.\n * @name PolarLine\n * @augments JXG.Line\n * @constructor\n * @type JXG.Line\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Conic,JXG.Circle_JXG.Point} el1,el2 or\n * @param {JXG.Point_JXG.Conic,JXG.Circle} el1,el2 The result will be the polar line of the point with respect to the conic or the circle.\n * @example\n * // Create the polar line of a point with respect to a conic\n * var p1 = board.create('point', [-1, 2]);\n * var p2 = board.create('point', [ 1, 4]);\n * var p3 = board.create('point', [-1,-2]);\n * var p4 = board.create('point', [ 0, 0]);\n * var p5 = board.create('point', [ 4,-2]);\n * var c1 = board.create('conic',[p1,p2,p3,p4,p5]);\n * var p6 = board.create('point', [-1, 1]);\n * var l1 = board.create('polarline', [c1, p6]);\n * \n * \n * @example\n * // Create the polar line of a point with respect to a circle.\n * var p1 = board.create('point', [ 1, 1]);\n * var p2 = board.create('point', [ 2, 3]);\n * var c1 = board.create('circle',[p1,p2]);\n * var p3 = board.create('point', [ 6, 6]);\n * var l1 = board.create('polarline', [c1, p3]);\n * \n * \n */\nJXG.createPolarLine = function (board, parents, attributes) {\n var el,\n el1,\n el2,\n firstParentIsConic,\n secondParentIsConic,\n firstParentIsPoint,\n secondParentIsPoint;\n\n if (parents.length > 1) {\n firstParentIsConic =\n parents[0].type === Const.OBJECT_TYPE_CONIC ||\n parents[0].elementClass === Const.OBJECT_CLASS_CIRCLE;\n secondParentIsConic =\n parents[1].type === Const.OBJECT_TYPE_CONIC ||\n parents[1].elementClass === Const.OBJECT_CLASS_CIRCLE;\n\n firstParentIsPoint = Type.isPoint(parents[0]);\n secondParentIsPoint = Type.isPoint(parents[1]);\n }\n\n if (\n parents.length !== 2 ||\n !(\n (firstParentIsConic && secondParentIsPoint) ||\n (firstParentIsPoint && secondParentIsConic)\n )\n ) {\n // Failure\n throw new Error(\n \"JSXGraph: Can't create 'polar line' with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent type: [conic|circle,point], [point,conic|circle]\"\n );\n }\n\n if (secondParentIsPoint) {\n el1 = board.select(parents[0]);\n el2 = board.select(parents[1]);\n } else {\n el1 = board.select(parents[1]);\n el2 = board.select(parents[0]);\n }\n\n // Polar lines have been already provided in the tangent element.\n el = board.create(\"tangent\", [el1, el2], attributes);\n\n el.elType = \"polarline\";\n return el;\n};\n\n/**\n * Register the element type tangent at JSXGraph\n * @private\n */\nJXG.registerElement(\"tangent\", JXG.createTangent);\nJXG.registerElement(\"polar\", JXG.createTangent);\nJXG.registerElement(\"radicalaxis\", JXG.createRadicalAxis);\nJXG.registerElement(\"polarline\", JXG.createPolarLine);\n\nexport default JXG.Line;\n// export default {\n// Line: JXG.Line,\n// createLine: JXG.createLine,\n// createTangent: JXG.createTangent,\n// createPolar: JXG.createTangent,\n// createSegment: JXG.createSegment,\n// createAxis: JXG.createAxis,\n// createArrow: JXG.createArrow,\n// createRadicalAxis: JXG.createRadicalAxis,\n// createPolarLine: JXG.createPolarLine\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * \n *\n *\n * @example\n *\n * // Create some free points. e.g. A, B, C, D\n * // Create a group\n * // If the points define a polygon and the polygon has the attribute hasInnerPoints:true,\n * // the polygon can be dragged around.\n *\n * var p, col, pol, g;\n * col = 'blue';\n * p = [];\n * p.push(board.create('point',[-2, -1 ], {size: 5, strokeColor:col, fillColor:col}));\n * p.push(board.create('point',[2, -1 ], {size: 5, strokeColor:col, fillColor:col}));\n * p.push(board.create('point',[2, 1 ], {size: 5, strokeColor:col, fillColor:col}));\n * p.push(board.create('point',[-2, 1], {size: 5, strokeColor:col, fillColor:col}));\n *\n * pol = board.create('polygon', p, {hasInnerPoints: true});\n * g = board.create('group', p);\n *\n * \n * \n *\n * @example\n *\n * // Allow rotations:\n * // Define a center of rotation and declare points of the group as \"rotation points\".\n *\n * var p, col, pol, g;\n * col = 'blue';\n * p = [];\n * p.push(board.create('point',[-2, -1 ], {size: 5, strokeColor:col, fillColor:col}));\n * p.push(board.create('point',[2, -1 ], {size: 5, strokeColor:'red', fillColor:'red'}));\n * p.push(board.create('point',[2, 1 ], {size: 5, strokeColor:'red', fillColor:'red'}));\n * p.push(board.create('point',[-2, 1], {size: 5, strokeColor:col, fillColor:col}));\n *\n * pol = board.create('polygon', p, {hasInnerPoints: true});\n * g = board.create('group', p);\n * g.setRotationCenter(p[0]);\n * g.setRotationPoints([p[1], p[2]]);\n *\n * \n * \n *\n * @example\n *\n * // Allow rotations:\n * // As rotation center, arbitrary points, coordinate arrays,\n * // or functions returning coordinate arrays can be given.\n * // Another possibility is to use the predefined string 'centroid'.\n *\n * // The methods to define the rotation points can be chained.\n *\n * var p, col, pol, g;\n * col = 'blue';\n * p = [];\n * p.push(board.create('point',[-2, -1 ], {size: 5, strokeColor:col, fillColor:col}));\n * p.push(board.create('point',[2, -1 ], {size: 5, strokeColor:'red', fillColor:'red'}));\n * p.push(board.create('point',[2, 1 ], {size: 5, strokeColor:'red', fillColor:'red'}));\n * p.push(board.create('point',[-2, 1], {size: 5, strokeColor:col, fillColor:col}));\n *\n * pol = board.create('polygon', p, {hasInnerPoints: true});\n * g = board.create('group', p).setRotationCenter('centroid').setRotationPoints([p[1], p[2]]);\n *\n * \n * \n *\n * @example\n *\n * // Allow scaling:\n * // As for rotation one can declare points of the group to trigger a scaling operation.\n * // For this, one has to define a scaleCenter, in analogy to rotations.\n *\n * // Here, the yellow point enables scaling, the red point a rotation.\n *\n * var p, col, pol, g;\n * col = 'blue';\n * p = [];\n * p.push(board.create('point',[-2, -1 ], {size: 5, strokeColor:col, fillColor:col}));\n * p.push(board.create('point',[2, -1 ], {size: 5, strokeColor:'yellow', fillColor:'yellow'}));\n * p.push(board.create('point',[2, 1 ], {size: 5, strokeColor:'red', fillColor:'red'}));\n * p.push(board.create('point',[-2, 1], {size: 5, strokeColor:col, fillColor:col}));\n *\n * pol = board.create('polygon', p, {hasInnerPoints: true});\n * g = board.create('group', p).setRotationCenter('centroid').setRotationPoints([p[2]]);\n * g.setScaleCenter(p[0]).setScalePoints(p[1]);\n *\n * \n * \n *\n * @example\n *\n * // Allow Translations:\n * // By default, every point of a group triggers a translation.\n * // There may be situations, when this is not wanted.\n *\n * // In this example, E triggers nothing, but itself is rotation center\n * // and is translated, if other points are moved around.\n *\n * var p, q, col, pol, g;\n * col = 'blue';\n * p = [];\n * p.push(board.create('point',[-2, -1 ], {size: 5, strokeColor:col, fillColor:col}));\n * p.push(board.create('point',[2, -1 ], {size: 5, strokeColor:'yellow', fillColor:'yellow'}));\n * p.push(board.create('point',[2, 1 ], {size: 5, strokeColor:'red', fillColor:'red'}));\n * p.push(board.create('point',[-2, 1], {size: 5, strokeColor:col, fillColor:col}));\n * q = board.create('point',[0, 0], {size: 5, strokeColor:col, fillColor:col});\n *\n * pol = board.create('polygon', p, {hasInnerPoints: true});\n * g = board.create('group', p.concat(q)).setRotationCenter('centroid').setRotationPoints([p[2]]);\n * g.setScaleCenter(p[0]).setScalePoints(p[1]);\n * g.removeTranslationPoint(q);\n *\n * \n * \n *\n *\n */\nJXG.createGroup = function (board, parents, attributes) {\n var attr = Type.copyAttributes(attributes, board.options, \"group\"),\n g = new JXG.Group(board, attr.id, attr.name, parents, attr);\n\n g.elType = \"group\";\n g.setParents(parents);\n\n return g;\n};\n\nJXG.registerElement(\"group\", JXG.createGroup);\n\nexport default JXG.Group;\n// export default {\n// Group: JXG.Group,\n// createGroup: JXG.createGroup\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * @example\n * // Create a circle providing two points\n * var p1 = board.create('point', [2.0, 2.0]),\n * c1 = board.create('circle', [p1, 3]);\n *\n * // Create another circle using the above circle\n * var c2 = board.create('circle', [function() { return [p1.X(), p1.Y() + 1];}, function() { return c1.Radius(); }]);\n * \n * \n * @example\n * var li = board.create('line', [1,1,1], {strokeColor: '#aaaaaa'});\n * var reflect = board.create('transform', [li], {type: 'reflect'});\n *\n * var c1 = board.create('circle', [[-2,-2], [-2, -1]], {center: {visible:true}});\n * var c2 = board.create('circle', [c1, reflect]);\n * * \n * \n *\n * @example\n * var t = board.create('transform', [2, 1.5], {type: 'scale'});\n * var c1 = board.create('circle', [[1.3, 1.3], [0, 1.3]], {strokeColor: 'black', center: {visible:true}});\n * var c2 = board.create('circle', [c1, t], {strokeColor: 'black'});\n *\n * \n * \n *\n */\nJXG.createCircle = function (board, parents, attributes) {\n var el,\n p,\n i,\n attr,\n obj,\n isDraggable = true,\n point_style = [\"center\", \"point2\"];\n\n p = [];\n obj = board.select(parents[0]);\n if (\n Type.isObject(obj) &&\n obj.elementClass === Const.OBJECT_CLASS_CIRCLE &&\n Type.isTransformationOrArray(parents[1])\n ) {\n attr = Type.copyAttributes(attributes, board.options, \"circle\");\n // if (!Type.exists(attr.type) || attr.type.toLowerCase() !== 'euclidean') {\n // // Create a circle element from a circle and a Euclidean transformation\n // el = JXG.createCircle(board, [obj.center, function() { return obj.Radius(); }], attr);\n // } else {\n // Create a conic element from a circle and a projective transformation\n el = JXG.createEllipse(\n board,\n [\n obj.center,\n obj.center,\n function () {\n return 2 * obj.Radius();\n }\n ],\n attr\n );\n // }\n el.addTransform(parents[1]);\n return el;\n }\n // Circle defined by points\n for (i = 0; i < parents.length; i++) {\n if (Type.isPointType(board, parents[i])) {\n p = p.concat(\n Type.providePoints(board, [parents[i]], attributes, \"circle\", [point_style[i]])\n );\n if (p[p.length - 1] === false) {\n throw new Error(\n \"JSXGraph: Can't create circle from this type. Please provide a point type.\"\n );\n }\n } else {\n p.push(parents[i]);\n }\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"circle\");\n\n if (p.length === 2 && Type.isPoint(p[0]) && Type.isPoint(p[1])) {\n // Point/Point\n el = new JXG.Circle(board, \"twoPoints\", p[0], p[1], attr);\n } else if (\n (Type.isNumber(p[0]) || Type.isFunction(p[0]) || Type.isString(p[0])) &&\n Type.isPoint(p[1])\n ) {\n // Number/Point\n el = new JXG.Circle(board, \"pointRadius\", p[1], p[0], attr);\n } else if (\n (Type.isNumber(p[1]) || Type.isFunction(p[1]) || Type.isString(p[1])) &&\n Type.isPoint(p[0])\n ) {\n // Point/Number\n el = new JXG.Circle(board, \"pointRadius\", p[0], p[1], attr);\n } else if (p[0].elementClass === Const.OBJECT_CLASS_CIRCLE && Type.isPoint(p[1])) {\n // Circle/Point\n el = new JXG.Circle(board, \"pointCircle\", p[1], p[0], attr);\n } else if (p[1].elementClass === Const.OBJECT_CLASS_CIRCLE && Type.isPoint(p[0])) {\n // Point/Circle\n el = new JXG.Circle(board, \"pointCircle\", p[0], p[1], attr);\n } else if (p[0].elementClass === Const.OBJECT_CLASS_LINE && Type.isPoint(p[1])) {\n // Line/Point\n el = new JXG.Circle(board, \"pointLine\", p[1], p[0], attr);\n } else if (p[1].elementClass === Const.OBJECT_CLASS_LINE && Type.isPoint(p[0])) {\n // Point/Line\n el = new JXG.Circle(board, \"pointLine\", p[0], p[1], attr);\n } else if (\n parents.length === 3 &&\n Type.isPoint(p[0]) &&\n Type.isPoint(p[1]) &&\n Type.isPoint(p[2])\n ) {\n // Circle through three points\n // Check if circumcircle element is available\n if (JXG.elements.circumcircle) {\n el = JXG.elements.circumcircle(board, p, attr);\n } else {\n throw new Error(\n \"JSXGraph: Can't create circle with three points. Please include the circumcircle element (element/composition).\"\n );\n }\n } else {\n throw new Error(\n \"JSXGraph: Can't create circle with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,point], [point,number], [point,function], [point,circle], [point,point,point], [circle,transformation]\"\n );\n }\n\n el.isDraggable = isDraggable;\n el.setParents(p);\n el.elType = \"circle\";\n for (i = 0; i < p.length; i++) {\n if (Type.isPoint(p[i])) {\n el.inherits.push(p[i]);\n }\n }\n return el;\n};\n\nJXG.registerElement(\"circle\", JXG.createCircle);\n\nexport default JXG.Circle;\n// export default {\n// Circle: JXG.Circle,\n// createCircle: JXG.createCircle\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * \n *\n * @example\n * // Create an elliptical arc\n * var p1 = board.create('point', [-1, 2]);\n * var p2 = board.create('point', [ 1, 2]);\n * var p3 = board.create('point', [0, 3]);\n *\n * var ell = board.create('ellipse', [\n * p1, p2, p3, 0, Math.PI], {\n * lastArrow: {type: 7}\n * });\n *\n * \n * \n *\n *\n */\nJXG.createEllipse = function (board, parents, attributes) {\n var polarForm,\n curve,\n M,\n C,\n majorAxis,\n i,\n hasPointOrg,\n // focus 1 and focus 2\n F = [],\n attr_foci = Type.copyAttributes(attributes, board.options, \"conic\", \"foci\"),\n attr_center = Type.copyAttributes(attributes, board.options, \"conic\", \"center\"),\n attr_curve = Type.copyAttributes(attributes, board.options, \"conic\");\n\n // The foci and the third point are either points or coordinate arrays.\n for (i = 0; i < 2; i++) {\n // focus i given by coordinates\n if (parents[i].length > 1) {\n F[i] = board.create(\"point\", parents[i], attr_foci);\n // focus i given by point\n } else if (Type.isPoint(parents[i])) {\n F[i] = board.select(parents[i]);\n // given by function\n } else if (Type.isFunction(parents[i]) && Type.isPoint(parents[i]())) {\n F[i] = parents[i]();\n // focus i given by point name\n } else if (Type.isString(parents[i])) {\n F[i] = board.select(parents[i]);\n } else {\n throw new Error(\n \"JSXGraph: Can't create Ellipse with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,point,point], [point,point,number|function]\"\n );\n }\n }\n\n // length of major axis\n if (Type.isNumber(parents[2])) {\n majorAxis = Type.createFunction(parents[2], board);\n } else if (Type.isFunction(parents[2]) && Type.isNumber(parents[2]())) {\n majorAxis = parents[2];\n } else {\n // point on ellipse\n if (Type.isPoint(parents[2])) {\n C = board.select(parents[2]);\n // point on ellipse given by coordinates\n } else if (parents[2].length > 1) {\n C = board.create(\"point\", parents[2], attr_foci);\n // given by function\n } else if (Type.isFunction(parents[2]) && Type.isPoint(parents[2]())) {\n C = parents[2]();\n // focus i given by point name\n } else if (Type.isString(parents[2])) {\n C = board.select(parents[2]);\n } else {\n throw new Error(\n \"JSXGraph: Can't create Ellipse with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"' and '\" +\n typeof parents[2] +\n \"'.\" +\n \"\\nPossible parent types: [point,point,point], [point,point,number|function]\"\n );\n }\n /** @ignore */\n majorAxis = function () {\n return C.Dist(F[0]) + C.Dist(F[1]);\n };\n }\n\n // to\n if (!Type.exists(parents[4])) {\n parents[4] = 2 * Math.PI;\n }\n\n // from\n if (!Type.exists(parents[3])) {\n parents[3] = 0.0;\n }\n\n M = board.create(\n \"point\",\n [\n function () {\n return (F[0].X() + F[1].X()) * 0.5;\n },\n function () {\n return (F[0].Y() + F[1].Y()) * 0.5;\n }\n ],\n attr_center\n );\n\n curve = board.create(\n \"curve\",\n [\n function (x) {\n return 0;\n },\n function (x) {\n return 0;\n },\n parents[3],\n parents[4]\n ],\n attr_curve\n );\n\n curve.majorAxis = majorAxis;\n\n // Save the original hasPoint method. It will be called inside of the new hasPoint method.\n hasPointOrg = curve.hasPoint;\n\n /** @ignore */\n polarForm = function (phi, suspendUpdate) {\n var r, rr, ax, ay, bx, by, axbx, ayby, f;\n\n if (!suspendUpdate) {\n r = majorAxis();\n rr = r * r;\n ax = F[0].X();\n ay = F[0].Y();\n bx = F[1].X();\n by = F[1].Y();\n axbx = ax - bx;\n ayby = ay - by;\n f = (rr - ax * ax - ay * ay + bx * bx + by * by) / (2 * r);\n\n curve.quadraticform = [\n [f * f - bx * bx - by * by, (f * axbx) / r + bx, (f * ayby) / r + by],\n [(f * axbx) / r + bx, (axbx * axbx) / rr - 1, (axbx * ayby) / rr],\n [(f * ayby) / r + by, (axbx * ayby) / rr, (ayby * ayby) / rr - 1]\n ];\n }\n };\n\n /** @ignore */\n curve.X = function (phi, suspendUpdate) {\n var r = majorAxis(),\n c = F[1].Dist(F[0]),\n b = (0.5 * (c * c - r * r)) / (c * Math.cos(phi) - r),\n beta = Math.atan2(F[1].Y() - F[0].Y(), F[1].X() - F[0].X());\n\n if (!suspendUpdate) {\n polarForm(phi, suspendUpdate);\n }\n\n return F[0].X() + Math.cos(beta + phi) * b;\n };\n\n /** @ignore */\n curve.Y = function (phi, suspendUpdate) {\n var r = majorAxis(),\n c = F[1].Dist(F[0]),\n b = (0.5 * (c * c - r * r)) / (c * Math.cos(phi) - r),\n beta = Math.atan2(F[1].Y() - F[0].Y(), F[1].X() - F[0].X());\n\n return F[0].Y() + Math.sin(beta + phi) * b;\n };\n\n curve.midpoint = curve.center = M;\n curve.type = Const.OBJECT_TYPE_CONIC;\n curve.subs = {\n center: curve.center\n };\n curve.inherits.push(curve.center, F[0], F[1]);\n if (Type.isPoint(C)) {\n curve.inherits.push(C);\n }\n\n /**\n * Checks whether (x,y) is near the ellipse line or inside of the ellipse\n * (in case JXG.Options.conic#hasInnerPoints is true).\n * @param {Number} x Coordinate in x direction, screen coordinates.\n * @param {Number} y Coordinate in y direction, screen coordinates.\n * @returns {Boolean} True if (x,y) is near the ellipse, False otherwise.\n * @private\n */\n curve.hasPoint = function (x, y) {\n var ac, bc, r, p, dist;\n\n if (Type.evaluate(this.visProp.hasinnerpoints)) {\n ac = F[0].coords;\n bc = F[1].coords;\n r = this.majorAxis();\n p = new Coords(Const.COORDS_BY_SCREEN, [x, y], this.board);\n dist = p.distance(Const.COORDS_BY_USER, ac) + p.distance(Const.COORDS_BY_USER, bc);\n\n return dist <= r;\n }\n\n return hasPointOrg.apply(this, arguments);\n };\n\n M.addChild(curve);\n for (i = 0; i < 2; i++) {\n if (Type.isPoint(F[i])) {\n F[i].addChild(curve);\n }\n }\n if (Type.isPoint(C)) {\n C.addChild(curve);\n }\n curve.setParents(parents);\n\n return curve;\n};\n\n/**\n * @class This element is used to provide a constructor for an hyperbola. An hyperbola is given by two points (the foci) and a third point on the hyperbola or\n * the length of the major axis.\n * @pseudo\n * @description\n * @name Hyperbola\n * @augments Conic\n * @constructor\n * @type JXG.Curve\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point,array_JXG.Point,array_JXG.Point,array} point1,point2,point3 Parent elements can be three elements either of type {@link JXG.Point} or array of\n * numbers describing the coordinates of a point. In the latter case the point will be constructed automatically as a fixed invisible point.\n * @param {JXG.Point,array_JXG.Point,array_number,function} point1,point2,number Parent elements can be two elements either of type {@link JXG.Point} or array of\n * numbers describing the coordinates of a point. The third parameter is a number/function which defines the length of the major axis\n * @param {Number} start (Optional) parameter of the curve start, default: -π.\n * @param {Number} end (Optional) parameter for the curve end, default: π.\n * @example\n * // Create an Hyperbola by three points\n * var A = board.create('point', [-1,4]);\n * var B = board.create('point', [-1,-4]);\n * var C = board.create('point', [1,1]);\n * var el = board.create('hyperbola',[A,B,C]);\n * \n * \n */\nJXG.createHyperbola = function (board, parents, attributes) {\n var polarForm,\n curve,\n M,\n C,\n majorAxis,\n i,\n // focus 1 and focus 2\n F = [],\n attr_foci = Type.copyAttributes(attributes, board.options, \"conic\", \"foci\"),\n attr_center = Type.copyAttributes(attributes, board.options, \"conic\", \"center\"),\n attr_curve = Type.copyAttributes(attributes, board.options, \"conic\");\n\n // The foci and the third point are either points or coordinate arrays.\n for (i = 0; i < 2; i++) {\n // focus i given by coordinates\n if (parents[i].length > 1) {\n F[i] = board.create(\"point\", parents[i], attr_foci);\n // focus i given by point\n } else if (Type.isPoint(parents[i])) {\n F[i] = board.select(parents[i]);\n // given by function\n } else if (Type.isFunction(parents[i]) && Type.isPoint(parents[i]())) {\n F[i] = parents[i]();\n // focus i given by point name\n } else if (Type.isString(parents[i])) {\n F[i] = board.select(parents[i]);\n } else {\n throw new Error(\n \"JSXGraph: Can't create Hyperbola with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,point,point], [point,point,number|function]\"\n );\n }\n }\n\n // length of major axis\n if (Type.isNumber(parents[2])) {\n majorAxis = Type.createFunction(parents[2], board);\n } else if (Type.isFunction(parents[2]) && Type.isNumber(parents[2]())) {\n majorAxis = parents[2];\n } else {\n // point on ellipse\n if (Type.isPoint(parents[2])) {\n C = board.select(parents[2]);\n // point on ellipse given by coordinates\n } else if (parents[2].length > 1) {\n C = board.create(\"point\", parents[2], attr_foci);\n // given by function\n } else if (Type.isFunction(parents[2]) && Type.isPoint(parents[2]())) {\n C = parents[2]();\n // focus i given by point name\n } else if (Type.isString(parents[2])) {\n C = board.select(parents[2]);\n } else {\n throw new Error(\n \"JSXGraph: Can't create Hyperbola with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"' and '\" +\n typeof parents[2] +\n \"'.\" +\n \"\\nPossible parent types: [point,point,point], [point,point,number|function]\"\n );\n }\n /** @ignore */\n majorAxis = function () {\n return C.Dist(F[0]) - C.Dist(F[1]);\n };\n }\n\n // to\n if (!Type.exists(parents[4])) {\n parents[4] = 1.0001 * Math.PI;\n }\n\n // from\n if (!Type.exists(parents[3])) {\n parents[3] = -1.0001 * Math.PI;\n }\n\n M = board.create(\n \"point\",\n [\n function () {\n return (F[0].X() + F[1].X()) * 0.5;\n },\n function () {\n return (F[0].Y() + F[1].Y()) * 0.5;\n }\n ],\n attr_center\n );\n\n curve = board.create(\n \"curve\",\n [\n function (x) {\n return 0;\n },\n function (x) {\n return 0;\n },\n parents[3],\n parents[4]\n ],\n attr_curve\n );\n\n curve.majorAxis = majorAxis;\n\n // Hyperbola is defined by (a*sec(t),b*tan(t)) and sec(t) = 1/cos(t)\n /** @ignore */\n polarForm = function (phi, suspendUpdate) {\n var r, rr, ax, ay, bx, by, axbx, ayby, f;\n\n if (!suspendUpdate) {\n r = majorAxis();\n rr = r * r;\n ax = F[0].X();\n ay = F[0].Y();\n bx = F[1].X();\n by = F[1].Y();\n axbx = ax - bx;\n ayby = ay - by;\n f = (rr - ax * ax - ay * ay + bx * bx + by * by) / (2 * r);\n\n curve.quadraticform = [\n [f * f - bx * bx - by * by, (f * axbx) / r + bx, (f * ayby) / r + by],\n [(f * axbx) / r + bx, (axbx * axbx) / rr - 1, (axbx * ayby) / rr],\n [(f * ayby) / r + by, (axbx * ayby) / rr, (ayby * ayby) / rr - 1]\n ];\n }\n };\n\n /** @ignore */\n curve.X = function (phi, suspendUpdate) {\n var r = majorAxis(),\n c = F[1].Dist(F[0]),\n b = (0.5 * (c * c - r * r)) / (c * Math.cos(phi) + r),\n beta = Math.atan2(F[1].Y() - F[0].Y(), F[1].X() - F[0].X());\n\n if (!suspendUpdate) {\n polarForm(phi, suspendUpdate);\n }\n\n return F[0].X() + Math.cos(beta + phi) * b;\n };\n\n /** @ignore */\n curve.Y = function (phi, suspendUpdate) {\n var r = majorAxis(),\n c = F[1].Dist(F[0]),\n b = (0.5 * (c * c - r * r)) / (c * Math.cos(phi) + r),\n beta = Math.atan2(F[1].Y() - F[0].Y(), F[1].X() - F[0].X());\n\n return F[0].Y() + Math.sin(beta + phi) * b;\n };\n\n curve.midpoint = curve.center = M;\n curve.subs = {\n center: curve.center\n };\n curve.inherits.push(curve.center, F[0], F[1]);\n if (Type.isPoint(C)) {\n curve.inherits.push(C);\n }\n curve.type = Const.OBJECT_TYPE_CONIC;\n\n M.addChild(curve);\n for (i = 0; i < 2; i++) {\n if (Type.isPoint(F[i])) {\n F[i].addChild(curve);\n }\n }\n if (Type.isPoint(C)) {\n C.addChild(curve);\n }\n curve.setParents(parents);\n\n return curve;\n};\n\n/**\n * @class This element is used to provide a constructor for a parabola. A parabola is given by one point (the focus) and a line (the directrix).\n * @pseudo\n * @description\n * @name Parabola\n * @augments Conic\n * @constructor\n * @type JXG.Curve\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point,array_JXG.Line} point,line Parent elements are a point and a line or a pair of coordinates.\n * Optional parameters three and four are numbers which define the curve length (e.g. start/end). Default values are -pi and pi.\n * @example\n * // Create a parabola by a point C and a line l.\n * var A = board.create('point', [-1,4]);\n * var B = board.create('point', [-1,-4]);\n * var l = board.create('line', [A,B]);\n * var C = board.create('point', [1,1]);\n * var el = board.create('parabola',[C,l]);\n * \n * \n *\n * @example\n * var par = board.create('parabola',[[3.25, 0], [[0.25, 1],[0.25, 0]]]);\n *\n * \n * \n *\n */\nJXG.createParabola = function (board, parents, attributes) {\n var polarForm,\n curve,\n M,\n // focus\n F1 = parents[0],\n // directrix\n l = parents[1],\n attr_foci = Type.copyAttributes(attributes, board.options, \"conic\", \"foci\"),\n attr_center = Type.copyAttributes(attributes, board.options, \"conic\", \"center\"),\n attr_curve = Type.copyAttributes(attributes, board.options, \"conic\"),\n attr_line;\n\n // focus 1 given by coordinates\n if (parents[0].length > 1) {\n F1 = board.create(\"point\", parents[0], attr_foci);\n // focus 1 given by point\n } else if (Type.isPoint(parents[0])) {\n F1 = board.select(parents[0]);\n // given by function\n } else if (Type.isFunction(parents[0]) && Type.isPoint(parents[0]())) {\n F1 = parents[0]();\n // focus 1 given by point name\n } else if (Type.isString(parents[0])) {\n F1 = board.select(parents[0]);\n } else {\n throw new Error(\n \"JSXGraph: Can't create Parabola with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,line]\"\n );\n }\n\n // Create line if given as array of two points.\n if (Type.isArray(l) && l.length === 2) {\n attr_line = Type.copyAttributes(attributes, board.options, \"conic\", \"line\");\n l = board.create(\"line\", l, attr_line);\n }\n\n // to\n if (!Type.exists(parents[3])) {\n parents[3] = 2 * Math.PI;\n }\n\n // from\n if (!Type.exists(parents[2])) {\n parents[2] = 0;\n }\n\n M = board.create(\n \"point\",\n [\n function () {\n /*\n var v = [0, l.stdform[1], l.stdform[2]];\n v = Mat.crossProduct(v, F1.coords.usrCoords);\n return Geometry.meetLineLine(v, l.stdform, 0, board).usrCoords;\n */\n return Geometry.projectPointToLine(F1, l, board).usrCoords;\n }\n ],\n attr_center\n );\n\n /** @ignore */\n curve = board.create(\n \"curve\",\n [\n function (x) {\n return 0;\n },\n function (x) {\n return 0;\n },\n parents[2],\n parents[3]\n ],\n attr_curve\n );\n\n curve.midpoint = curve.center = M;\n curve.subs = {\n center: curve.center\n };\n curve.inherits.push(curve.center);\n\n /** @ignore */\n polarForm = function (t, suspendUpdate) {\n var a, b, c, ab, px, py;\n\n if (!suspendUpdate) {\n a = l.stdform[1];\n b = l.stdform[2];\n c = l.stdform[0];\n ab = a * a + b * b;\n px = F1.X();\n py = F1.Y();\n\n curve.quadraticform = [\n [c * c - ab * (px * px + py * py), c * a + ab * px, c * b + ab * py],\n [c * a + ab * px, -b * b, a * b],\n [c * b + ab * py, a * b, -a * a]\n ];\n }\n };\n\n /** @ignore */\n curve.X = function (phi, suspendUpdate) {\n var a,\n det,\n beta = l.getAngle(),\n d = Geometry.distPointLine(F1.coords.usrCoords, l.stdform),\n A = l.point1.coords.usrCoords,\n B = l.point2.coords.usrCoords,\n M = F1.coords.usrCoords;\n\n // Handle the case if one of the two defining points of the line is an ideal point\n if (A[0] === 0) {\n A = [1, B[1] + l.stdform[2], B[2] - l.stdform[1]];\n } else if (B[0] === 0) {\n B = [1, A[1] + l.stdform[2], A[2] - l.stdform[1]];\n }\n det = (B[1] - A[1]) * (M[2] - A[2]) - (B[2] - A[2]) * (M[1] - A[1]) >= 0 ? 1 : -1;\n a = (det * d) / (1 - Math.sin(phi));\n\n if (!suspendUpdate) {\n polarForm(phi, suspendUpdate);\n }\n\n return F1.X() + Math.cos(phi + beta) * a;\n };\n\n /** @ignore */\n curve.Y = function (phi, suspendUpdate) {\n var a,\n det,\n beta = l.getAngle(),\n d = Geometry.distPointLine(F1.coords.usrCoords, l.stdform),\n A = l.point1.coords.usrCoords,\n B = l.point2.coords.usrCoords,\n M = F1.coords.usrCoords;\n\n // Handle the case if one of the two defining points of the line is an ideal point\n if (A[0] === 0) {\n A = [1, B[1] + l.stdform[2], B[2] - l.stdform[1]];\n } else if (B[0] === 0) {\n B = [1, A[1] + l.stdform[2], A[2] - l.stdform[1]];\n }\n det = (B[1] - A[1]) * (M[2] - A[2]) - (B[2] - A[2]) * (M[1] - A[1]) >= 0 ? 1 : -1;\n a = (det * d) / (1 - Math.sin(phi));\n\n return F1.Y() + Math.sin(phi + beta) * a;\n };\n\n curve.type = Const.OBJECT_TYPE_CONIC;\n M.addChild(curve);\n\n if (Type.isPoint(F1)) {\n F1.addChild(curve);\n curve.inherits.push(F1);\n }\n\n l.addChild(curve);\n curve.setParents(parents);\n\n return curve;\n};\n\n/**\n *\n * @class This element is used to provide a constructor for a generic conic section uniquely defined by five points or\n * a conic defined by the coefficients of the equation\n * Ax2+ Bxy+Cy2 + Dx + Ey + F = 0
.\n * Then the parameters are as follows:\n * \n * board.create('conic', [A, C, F, B/2, D/2, E/2]);\n * \n * @pseudo\n * @description\n * @name Conic\n * @augments JXG.Curve\n * @constructor\n * @type JXG.Conic\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point,Array_JXG.Point,Array_JXG.Point,Array_JXG.Point,Array_JXG.Point,Array} a,b,c,d,e Parent elements are five points.\n * @param {Number_Number_Number_Number_Number_Number} a_00,a_11,a_22,a_01,a_02,a_12 6 numbers, i.e. A, C, F, B/2, D/2, E/2\n * @example\n * // Create a conic section through the points A, B, C, D, and E.\n * var A = board.create('point', [1,5]);\n * var B = board.create('point', [1,2]);\n * var C = board.create('point', [2,0]);\n * var D = board.create('point', [0,0]);\n * var E = board.create('point', [-1,5]);\n * var conic = board.create('conic',[A,B,C,D,E]);\n * \n * \n *\n * @example\n * // Parameters: A, C, F, B/2, D/2, E/2\n * var conic = board.create('conic', [1, 2, -4, 0, 0, 0]);\n *\n * \n * \n *\n */\nJXG.createConic = function (board, parents, attributes) {\n var polarForm,\n curve,\n fitConic,\n degconic,\n sym,\n eigen,\n a,\n b,\n c,\n c1,\n c2,\n i,\n definingMat,\n givenByPoints,\n rotationMatrix = [\n [1, 0, 0],\n [0, 1, 0],\n [0, 0, 1]\n ],\n M = [\n [1, 0, 0],\n [0, 1, 0],\n [0, 0, 1]\n ],\n points = [],\n p = [],\n attr_point = Type.copyAttributes(attributes, board.options, \"conic\", \"point\"),\n attr_center = Type.copyAttributes(attributes, board.options, \"conic\", \"center\"),\n attr_curve = Type.copyAttributes(attributes, board.options, \"conic\");\n\n if (parents.length === 5) {\n givenByPoints = true;\n } else if (parents.length === 6) {\n givenByPoints = false;\n } else {\n throw new Error(\n \"JSXGraph: Can't create generic Conic with \" + parents.length + \" parameters.\"\n );\n }\n\n if (givenByPoints) {\n for (i = 0; i < 5; i++) {\n // point i given by coordinates\n if (parents[i].length > 1) {\n points[i] = board.create(\"point\", parents[i], attr_point);\n // point i given by point\n } else if (Type.isPoint(parents[i])) {\n points[i] = board.select(parents[i]);\n // given by function\n } else if (Type.isFunction(parents[i]) && Type.isPoint(parents[i]())) {\n points[i] = parents[i]();\n // point i given by point name\n } else if (Type.isString(parents[i])) {\n points[i] = board.select(parents[i]);\n } else {\n throw new Error(\n \"JSXGraph: Can't create Conic section with parent types '\" +\n typeof parents[i] +\n \"'.\" +\n \"\\nPossible parent types: [point,point,point,point,point], [a00,a11,a22,a01,a02,a12]\"\n );\n }\n }\n } else {\n /* Usual notation (x,y,z):\n * [[A0,A3,A4],\n * [A3,A1,A5],\n * [A4,A5,A2]].\n * Our notation (z,x,y):\n * [[A2, A4, A5],\n * [A4, A0, A3],\n * [A5, A3, A1]]\n */\n definingMat = [\n [0, 0, 0],\n [0, 0, 0],\n [0, 0, 0]\n ];\n definingMat[0][0] = Type.isFunction(parents[2])\n ? function () {\n return parents[2]();\n }\n : function () {\n return parents[2];\n };\n definingMat[0][1] = Type.isFunction(parents[4])\n ? function () {\n return parents[4]();\n }\n : function () {\n return parents[4];\n };\n definingMat[0][2] = Type.isFunction(parents[5])\n ? function () {\n return parents[5]();\n }\n : function () {\n return parents[5];\n };\n definingMat[1][1] = Type.isFunction(parents[0])\n ? function () {\n return parents[0]();\n }\n : function () {\n return parents[0];\n };\n definingMat[1][2] = Type.isFunction(parents[3])\n ? function () {\n return parents[3]();\n }\n : function () {\n return parents[3];\n };\n definingMat[2][2] = Type.isFunction(parents[1])\n ? function () {\n return parents[1]();\n }\n : function () {\n return parents[1];\n };\n }\n\n // sym(A) = A + A^t . Manipulates A in place.\n sym = function (A) {\n var i, j;\n for (i = 0; i < 3; i++) {\n for (j = i; j < 3; j++) {\n A[i][j] += A[j][i];\n }\n }\n for (i = 0; i < 3; i++) {\n for (j = 0; j < i; j++) {\n A[i][j] = A[j][i];\n }\n }\n return A;\n };\n\n // degconic(v,w) = sym(v*w^t)\n degconic = function (v, w) {\n var i,\n j,\n mat = [\n [0, 0, 0],\n [0, 0, 0],\n [0, 0, 0]\n ];\n\n for (i = 0; i < 3; i++) {\n for (j = 0; j < 3; j++) {\n mat[i][j] = v[i] * w[j];\n }\n }\n\n return sym(mat);\n };\n\n // (p^t*B*p)*A-(p^t*A*p)*B\n fitConic = function (A, B, p) {\n var i,\n j,\n pBp,\n pAp,\n Mv,\n mat = [\n [0, 0, 0],\n [0, 0, 0],\n [0, 0, 0]\n ];\n\n Mv = Mat.matVecMult(B, p);\n pBp = Mat.innerProduct(p, Mv);\n Mv = Mat.matVecMult(A, p);\n pAp = Mat.innerProduct(p, Mv);\n\n for (i = 0; i < 3; i++) {\n for (j = 0; j < 3; j++) {\n mat[i][j] = pBp * A[i][j] - pAp * B[i][j];\n }\n }\n return mat;\n };\n\n // Here, the defining functions for the curve are just dummy functions.\n // In polarForm there is a reference to curve.quadraticform.\n curve = board.create(\n \"curve\",\n [\n function (x) {\n return 0;\n },\n function (x) {\n return 0;\n },\n 0,\n 2 * Math.PI\n ],\n attr_curve\n );\n\n /** @ignore */\n polarForm = function (phi, suspendUpdate) {\n var i, j, len, v;\n\n if (!suspendUpdate) {\n if (givenByPoints) {\n // Copy the point coordinate vectors\n for (i = 0; i < 5; i++) {\n p[i] = points[i].coords.usrCoords;\n }\n\n // Compute the quadratic form\n c1 = degconic(Mat.crossProduct(p[0], p[1]), Mat.crossProduct(p[2], p[3]));\n c2 = degconic(Mat.crossProduct(p[0], p[2]), Mat.crossProduct(p[1], p[3]));\n M = fitConic(c1, c2, p[4]);\n } else {\n for (i = 0; i < 3; i++) {\n for (j = i; j < 3; j++) {\n M[i][j] = definingMat[i][j]();\n if (j > i) {\n M[j][i] = M[i][j];\n }\n }\n }\n }\n\n // Here is the reference back to the curve.\n curve.quadraticform = M;\n\n // Compute Eigenvalues and Eigenvectors\n eigen = Numerics.Jacobi(M);\n\n // Scale the Eigenvalues such that the first Eigenvalue is positive\n if (eigen[0][0][0] < 0) {\n eigen[0][0][0] *= -1;\n eigen[0][1][1] *= -1;\n eigen[0][2][2] *= -1;\n }\n\n // Normalize the Eigenvectors\n for (i = 0; i < 3; i++) {\n len = 0.0;\n for (j = 0; j < 3; j++) {\n len += eigen[1][j][i] * eigen[1][j][i];\n }\n len = Math.sqrt(len);\n /*for (j = 0; j < 3; j++) {\n //eigen[1][j][i] /= len;\n }*/\n }\n rotationMatrix = eigen[1];\n c = Math.sqrt(Math.abs(eigen[0][0][0]));\n a = Math.sqrt(Math.abs(eigen[0][1][1]));\n b = Math.sqrt(Math.abs(eigen[0][2][2]));\n }\n\n // The degenerate cases with eigen[0][i][i]==0 are not handled correct yet.\n if (eigen[0][1][1] <= 0.0 && eigen[0][2][2] <= 0.0) {\n v = Mat.matVecMult(rotationMatrix, [1 / c, Math.cos(phi) / a, Math.sin(phi) / b]);\n } else if (eigen[0][1][1] <= 0.0 && eigen[0][2][2] > 0.0) {\n v = Mat.matVecMult(rotationMatrix, [Math.cos(phi) / c, 1 / a, Math.sin(phi) / b]);\n } else if (eigen[0][2][2] < 0.0) {\n v = Mat.matVecMult(rotationMatrix, [Math.sin(phi) / c, Math.cos(phi) / a, 1 / b]);\n }\n\n if (Type.exists(v)) {\n // Normalize\n v[1] /= v[0];\n v[2] /= v[0];\n v[0] = 1.0;\n } else {\n v = [1, NaN, NaN];\n }\n\n return v;\n };\n\n /** @ignore */\n curve.X = function (phi, suspendUpdate) {\n return polarForm(phi, suspendUpdate)[1];\n };\n\n /** @ignore */\n curve.Y = function (phi, suspendUpdate) {\n return polarForm(phi, suspendUpdate)[2];\n };\n\n // Center coordinates see https://en.wikipedia.org/wiki/Matrix_representation_of_conic_sections\n curve.midpoint = board.create(\n \"point\",\n [\n function () {\n var m = curve.quadraticform;\n\n return [\n m[1][1] * m[2][2] - m[1][2] * m[1][2],\n m[1][2] * m[0][2] - m[2][2] * m[0][1],\n m[0][1] * m[1][2] - m[1][1] * m[0][2]\n ];\n }\n ],\n attr_center\n );\n\n curve.type = Const.OBJECT_TYPE_CONIC;\n curve.center = curve.midpoint;\n curve.subs = {\n center: curve.center\n };\n curve.inherits.push(curve.center);\n curve.inherits = curve.inherits.concat(points);\n\n if (givenByPoints) {\n for (i = 0; i < 5; i++) {\n if (Type.isPoint(points[i])) {\n points[i].addChild(curve);\n }\n }\n curve.setParents(parents);\n }\n curve.addChild(curve.center);\n\n return curve;\n};\n\nJXG.registerElement(\"ellipse\", JXG.createEllipse);\nJXG.registerElement(\"hyperbola\", JXG.createHyperbola);\nJXG.registerElement(\"parabola\", JXG.createParabola);\nJXG.registerElement(\"conic\", JXG.createConic);\n\n// export default {\n// createEllipse: JXG.createEllipse,\n// createHyperbola: JXG.createHyperbola,\n// createParabola: JXG.createParabola,\n// createConic: JXG.createConic\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * \n *\n */\n pnpoly: function (x_in, y_in, coord_type) {\n return Geometry.pnpoly(x_in, y_in, this.vertices, coord_type);\n },\n\n /**\n * Checks whether (x,y) is near the polygon.\n * @param {Number} x Coordinate in x direction, screen coordinates.\n * @param {Number} y Coordinate in y direction, screen coordinates.\n * @returns {Boolean} Returns true, if (x,y) is inside or at the boundary the polygon, otherwise false.\n */\n hasPoint: function (x, y) {\n var i, len;\n\n if (Type.evaluate(this.visProp.hasinnerpoints)) {\n // All points of the polygon trigger hasPoint: inner and boundary points\n if (this.pnpoly(x, y)) {\n return true;\n }\n }\n\n // Only boundary points trigger hasPoint\n // We additionally test the boundary also in case hasInnerPoints.\n // Since even if the above test has failed, the strokewidth may be large and (x, y) may\n // be inside of hasPoint() of a vertices.\n len = this.borders.length;\n for (i = 0; i < len; i++) {\n if (this.borders[i].hasPoint(x, y)) {\n return true;\n }\n }\n\n return false;\n },\n\n /**\n * Uses the boards renderer to update the polygon.\n */\n updateRenderer: function () {\n var i, len; // wasReal,\n\n if (!this.needsUpdate) {\n return this;\n }\n\n if (this.visPropCalc.visible) {\n // wasReal = this.isReal;\n\n len = this.vertices.length;\n this.isReal = true;\n for (i = 0; i < len; ++i) {\n if (!this.vertices[i].isReal) {\n this.isReal = false;\n break;\n }\n }\n\n if (\n //wasReal &&\n !this.isReal\n ) {\n this.updateVisibility(false);\n }\n }\n\n if (this.visPropCalc.visible) {\n this.board.renderer.updatePolygon(this);\n }\n\n /* Update the label if visible. */\n if (\n this.hasLabel &&\n this.visPropCalc.visible &&\n this.label &&\n this.label.visPropCalc.visible &&\n this.isReal\n ) {\n this.label.update();\n this.board.renderer.updateText(this.label);\n }\n\n // Update rendNode display\n this.setDisplayRendNode();\n // if (this.visPropCalc.visible !== this.visPropOld.visible) {\n // this.board.renderer.display(this, this.visPropCalc.visible);\n // this.visPropOld.visible = this.visPropCalc.visible;\n //\n // if (this.hasLabel) {\n // this.board.renderer.display(this.label, this.label.visPropCalc.visible);\n // }\n // }\n\n this.needsUpdate = false;\n return this;\n },\n\n /**\n * return TextAnchor\n */\n getTextAnchor: function () {\n var a, b, x, y, i;\n\n if (this.vertices.length === 0) {\n return new Coords(Const.COORDS_BY_USER, [1, 0, 0], this.board);\n }\n\n a = this.vertices[0].X();\n b = this.vertices[0].Y();\n x = a;\n y = b;\n for (i = 0; i < this.vertices.length; i++) {\n if (this.vertices[i].X() < a) {\n a = this.vertices[i].X();\n }\n\n if (this.vertices[i].X() > x) {\n x = this.vertices[i].X();\n }\n\n if (this.vertices[i].Y() > b) {\n b = this.vertices[i].Y();\n }\n\n if (this.vertices[i].Y() < y) {\n y = this.vertices[i].Y();\n }\n }\n\n return new Coords(Const.COORDS_BY_USER, [(a + x) * 0.5, (b + y) * 0.5], this.board);\n },\n\n getLabelAnchor: JXG.shortcut(JXG.Polygon.prototype, \"getTextAnchor\"),\n\n // documented in geometry element\n cloneToBackground: function () {\n var copy = {},\n er;\n\n copy.id = this.id + \"T\" + this.numTraces;\n this.numTraces++;\n copy.vertices = this.vertices;\n copy.visProp = Type.deepCopy(this.visProp, this.visProp.traceattributes, true);\n copy.visProp.layer = this.board.options.layer.trace;\n copy.board = this.board;\n Type.clearVisPropOld(copy);\n\n copy.visPropCalc = {\n visible: Type.evaluate(copy.visProp.visible)\n };\n\n er = this.board.renderer.enhancedRendering;\n this.board.renderer.enhancedRendering = true;\n this.board.renderer.drawPolygon(copy);\n this.board.renderer.enhancedRendering = er;\n this.traces[copy.id] = copy.rendNode;\n\n return this;\n },\n\n /**\n * Hide the polygon including its border lines. It will still exist but not visible on the board.\n * @param {Boolean} [borderless=false] If set to true, the polygon is treated as a polygon without\n * borders, i.e. the borders will not be hidden.\n */\n hideElement: function (borderless) {\n var i;\n\n JXG.deprecated(\"Element.hideElement()\", \"Element.setDisplayRendNode()\");\n\n this.visPropCalc.visible = false;\n this.board.renderer.display(this, false);\n\n if (!borderless) {\n for (i = 0; i < this.borders.length; i++) {\n this.borders[i].hideElement();\n }\n }\n\n if (this.hasLabel && Type.exists(this.label)) {\n this.label.hiddenByParent = true;\n if (this.label.visPropCalc.visible) {\n this.label.hideElement();\n }\n }\n },\n\n /**\n * Make the element visible.\n * @param {Boolean} [borderless=false] If set to true, the polygon is treated as a polygon without\n * borders, i.e. the borders will not be shown.\n */\n showElement: function (borderless) {\n var i;\n\n JXG.deprecated(\"Element.showElement()\", \"Element.setDisplayRendNode()\");\n\n this.visPropCalc.visible = true;\n this.board.renderer.display(this, true);\n\n if (!borderless) {\n for (i = 0; i < this.borders.length; i++) {\n this.borders[i].showElement().updateRenderer();\n }\n }\n\n if (Type.exists(this.label) && this.hasLabel && this.label.hiddenByParent) {\n this.label.hiddenByParent = false;\n if (!this.label.visPropCalc.visible) {\n this.label.showElement().updateRenderer();\n }\n }\n return this;\n },\n\n /**\n * Area of (not self-intersecting) polygon\n * @returns {Number} Area of (not self-intersecting) polygon\n */\n Area: function () {\n return Math.abs(Geometry.signedPolygon(this.vertices, true));\n },\n\n /**\n * Perimeter of polygon.\n * @returns {Number} Perimeter of polygon in user units.\n *\n * @example\n * var p = [[0.0, 2.0], [2.0, 1.0], [4.0, 6.0], [1.0, 3.0]];\n *\n * var pol = board.create('polygon', p, {hasInnerPoints: true});\n * var t = board.create('text', [5, 5, function() { return pol.Perimeter(); }]);\n * \n * \n *\n */\n Perimeter: function () {\n var i,\n len = this.vertices.length,\n val = 0.0;\n\n for (i = 1; i < len; ++i) {\n val += this.vertices[i].Dist(this.vertices[i - 1]);\n }\n\n return val;\n },\n\n /**\n * Bounding box of a polygon. The bounding box is an array of four numbers: the first two numbers\n * determine the upper left corner, the last two number determine the lower right corner of the bounding box.\n *\n * The width and height of a polygon can then determined like this:\n * @example\n * var box = polygon.boundingBox();\n * var width = box[2] - box[0];\n * var height = box[1] - box[3];\n *\n * @returns {Array} Array containing four numbers: [minX, maxY, maxX, minY]\n */\n boundingBox: function () {\n var box = [0, 0, 0, 0],\n i,\n v,\n le = this.vertices.length - 1;\n\n if (le === 0) {\n return box;\n }\n box[0] = this.vertices[0].X();\n box[2] = box[0];\n box[1] = this.vertices[0].Y();\n box[3] = box[1];\n\n for (i = 1; i < le; ++i) {\n v = this.vertices[i].X();\n if (v < box[0]) {\n box[0] = v;\n } else if (v > box[2]) {\n box[2] = v;\n }\n\n v = this.vertices[i].Y();\n if (v > box[1]) {\n box[1] = v;\n } else if (v < box[3]) {\n box[3] = v;\n }\n }\n\n return box;\n },\n\n // Already documented in GeometryElement\n bounds: function () {\n return this.boundingBox();\n },\n\n /**\n * This method removes the SVG or VML nodes of the lines and the filled area from the renderer, to remove\n * the object completely you should use {@link JXG.Board#removeObject}.\n *\n * @private\n */\n remove: function () {\n var i;\n\n for (i = 0; i < this.borders.length; i++) {\n this.board.removeObject(this.borders[i]);\n }\n\n GeometryElement.prototype.remove.call(this);\n },\n\n /**\n * Finds the index to a given point reference.\n * @param {JXG.Point} p Reference to an element of type {@link JXG.Point}\n * @returns {Number} Index of the point or -1.\n */\n findPoint: function (p) {\n var i;\n\n if (!Type.isPoint(p)) {\n return -1;\n }\n\n for (i = 0; i < this.vertices.length; i++) {\n if (this.vertices[i].id === p.id) {\n return i;\n }\n }\n\n return -1;\n },\n\n /**\n * Add more points to the polygon. The new points will be inserted at the end.\n * The attributes of new border segments are set to the same values\n * as those used when the polygon was created.\n * If new vertices are supplied by coordinates, the default attributes of polygon\n * vertices are taken as their attributes. Therefore, the visual attributes of\n * new vertices and borders may have to be adapted afterwards.\n * @param {JXG.Point} p Arbitrary number of points or coordinate arrays\n * @returns {JXG.Polygon} Reference to the polygon\n * @example\n * const board = JXG.JSXGraph.initBoard('jxgbox', {axis:true});\n * var pg = board.create('polygon', [[1,2], [3,4], [-3,1]], {hasInnerPoints: true});\n * var newPoint = board.create('point', [-1, -1]);\n * var newPoint2 = board.create('point', [-1, -2]);\n * pg.addPoints(newPoint, newPoint2, [1, -2]);\n *\n * \n * \n *\n */\n addPoints: function (p) {\n var idx,\n args = Array.prototype.slice.call(arguments);\n\n if (this.elType === \"polygonalchain\") {\n idx = this.vertices.length - 1;\n } else {\n idx = this.vertices.length - 2;\n }\n return this.insertPoints.apply(this, [idx].concat(args));\n },\n\n /**\n * Insert points to the vertex list of the polygon after index .\n * The attributes of new border segments are set to the same values\n * as those used when the polygon was created.\n * If new vertices are supplied by coordinates, the default attributes of polygon\n * vertices are taken as their attributes. Therefore, the visual attributes of\n * new vertices and borders may have to be adapted afterwards.\n *\n * @param {Number} idx The position after which the new vertices are inserted.\n * Setting idx to -1 inserts the new points at the front, i.e. at position 0.\n * @param {JXG.Point} p Arbitrary number of points or coordinate arrays to insert.\n * @returns {JXG.Polygon} Reference to the polygon object\n *\n * @example\n * const board = JXG.JSXGraph.initBoard('jxgbox', {axis:true});\n * var pg = board.create('polygon', [[1,2], [3,4], [-3,1]], {hasInnerPoints: true});\n * var newPoint = board.create('point', [-1, -1]);\n * pg.insertPoints(0, newPoint, newPoint, [1, -2]);\n *\n * \n * \n *\n */\n insertPoints: function (idx, p) {\n var i, le, last, start, q;\n\n if (arguments.length === 0) {\n return this;\n }\n\n last = this.vertices.length - 1;\n if (this.elType === \"polygon\") {\n last--;\n }\n\n // Wrong insertion index, get out of here\n if (idx < -1 || idx > last) {\n return this;\n }\n\n le = arguments.length - 1;\n for (i = 1; i < le + 1; i++) {\n q = Type.providePoints(this.board, [arguments[i]], {}, \"polygon\", [\n \"vertices\"\n ])[0];\n if (q._is_new) {\n // Add the point as child of the polygon, but not of the borders.\n this.addChild(q);\n delete q._is_new;\n }\n this.vertices.splice(idx + i, 0, q);\n }\n\n if (this.withLines) {\n start = idx + 1;\n if (this.elType === \"polygon\") {\n if (idx < 0) {\n // Add point(s) in the front\n this.vertices[this.vertices.length - 1] = this.vertices[0];\n this.borders[this.borders.length - 1].point2 =\n this.vertices[this.vertices.length - 1];\n } else {\n // Insert point(s) (middle or end)\n this.borders[idx].point2 = this.vertices[start];\n }\n } else {\n // Add point(s) in the front: do nothing\n // Else:\n if (idx >= 0) {\n if (idx < this.borders.length) {\n // Insert point(s) in the middle\n this.borders[idx].point2 = this.vertices[start];\n } else {\n // Add point at the end\n start = idx;\n }\n }\n }\n for (i = start; i < start + le; i++) {\n this.borders.splice(\n i,\n 0,\n this.board.create(\n \"segment\",\n [this.vertices[i], this.vertices[i + 1]],\n this.attr_line\n )\n );\n }\n }\n this.inherits = [];\n this.inherits.push(this.vertices, this.borders);\n this.board.update();\n\n return this;\n },\n\n /**\n * Removes given set of vertices from the polygon\n * @param {JXG.Point} p Arbitrary number of vertices as {@link JXG.Point} elements or index numbers\n * @returns {JXG.Polygon} Reference to the polygon\n */\n removePoints: function (p) {\n var i, j, idx,\n firstPoint,\n nvertices = [],\n nborders = [],\n nidx = [],\n partition = [];\n\n // Partition:\n // in order to keep the borders which could be recycled, we have to partition\n // the set of removed points. I.e. if the points 1, 2, 5, 6, 7, 10 are removed,\n // the partitions are\n // 1-2, 5-7, 10-10\n // this gives us the borders, that can be removed and the borders we have to create.\n\n // In case of polygon: remove the last vertex from the list of vertices since\n // it is identical to the first\n if (this.elType === \"polygon\") {\n firstPoint = this.vertices.pop();\n }\n\n // Collect all valid parameters as indices in nidx\n for (i = 0; i < arguments.length; i++) {\n idx = arguments[i];\n if (Type.isPoint(idx)) {\n idx = this.findPoint(idx);\n }\n if (\n Type.isNumber(idx) &&\n idx > -1 &&\n idx < this.vertices.length &&\n Type.indexOf(nidx, idx) === -1\n ) {\n nidx.push(idx);\n }\n }\n\n if (nidx.length === 0) {\n // Wrong index, get out of here\n if (this.elType === \"polygon\") {\n this.vertices.push(firstPoint);\n }\n return this;\n }\n\n // Remove the polygon from each removed point's children\n for (i = 0; i < nidx.length; i++) {\n this.vertices[nidx[i]].removeChild(this);\n }\n\n // Sort the elements to be eliminated\n nidx = nidx.sort();\n nvertices = this.vertices.slice();\n nborders = this.borders.slice();\n\n // Initialize the partition with an array containing the last point to be removed\n if (this.withLines) {\n partition.push([nidx[nidx.length - 1]]);\n }\n\n // Run through all existing vertices and copy all remaining ones to nvertices,\n // compute the partition\n for (i = nidx.length - 1; i > -1; i--) {\n nvertices[nidx[i]] = -1;\n\n // Find gaps between the list of points to be removed.\n // In this case a new partition is added.\n if (this.withLines && nidx.length > 1 && nidx[i] - 1 > nidx[i - 1]) {\n partition[partition.length - 1][1] = nidx[i];\n partition.push([nidx[i - 1]]);\n }\n }\n\n // Finalize the partition computation\n if (this.withLines) {\n partition[partition.length - 1][1] = nidx[0];\n }\n\n // Update vertices\n this.vertices = [];\n for (i = 0; i < nvertices.length; i++) {\n if (Type.isPoint(nvertices[i])) {\n this.vertices.push(nvertices[i]);\n }\n }\n\n // Close the polygon again\n if (\n this.elType === \"polygon\" &&\n this.vertices.length > 1 &&\n this.vertices[this.vertices.length - 1].id !== this.vertices[0].id\n ) {\n this.vertices.push(this.vertices[0]);\n }\n\n // Delete obsolete and create missing borders\n if (this.withLines) {\n for (i = 0; i < partition.length; i++) {\n for (j = partition[i][1] - 1; j < partition[i][0] + 1; j++) {\n // special cases\n if (j < 0) {\n if (this.elType === \"polygon\") {\n // First vertex is removed, so the last border has to be removed, too\n this.board.removeObject(this.borders[nborders.length - 1]);\n nborders[nborders.length - 1] = -1;\n }\n } else if (j < nborders.length) {\n this.board.removeObject(this.borders[j]);\n nborders[j] = -1;\n }\n }\n\n // Only create the new segment if it's not the closing border.\n // The closing border is getting a special treatment at the end.\n if (partition[i][1] !== 0 && partition[i][0] !== nvertices.length - 1) {\n // nborders[partition[i][0] - 1] = this.board.create('segment', [\n // nvertices[Math.max(partition[i][1] - 1, 0)],\n // nvertices[Math.min(partition[i][0] + 1, this.vertices.length - 1)]\n // ], this.attr_line);\n nborders[partition[i][0] - 1] = this.board.create(\n \"segment\",\n [nvertices[partition[i][1] - 1], nvertices[partition[i][0] + 1]],\n this.attr_line\n );\n }\n }\n\n this.borders = [];\n for (i = 0; i < nborders.length; i++) {\n if (nborders[i] !== -1) {\n this.borders.push(nborders[i]);\n }\n }\n\n // if the first and/or the last vertex is removed, the closing border is created at the end.\n if (\n this.elType === \"polygon\" &&\n this.vertices.length > 2 && // Avoid trivial case of polygon with 1 vertex\n (partition[0][1] === this.vertices.length - 1 ||\n partition[partition.length - 1][1] === 0)\n ) {\n this.borders.push(\n this.board.create(\n \"segment\",\n [this.vertices[0], this.vertices[this.vertices.length - 2]],\n this.attr_line\n )\n );\n }\n }\n this.inherits = [];\n this.inherits.push(this.vertices, this.borders);\n\n this.board.update();\n\n return this;\n },\n\n // documented in element.js\n getParents: function () {\n this.setParents(this.vertices);\n return this.parents;\n },\n\n getAttributes: function () {\n var attr = GeometryElement.prototype.getAttributes.call(this),\n i;\n\n if (this.withLines) {\n attr.lines = attr.lines || {};\n attr.lines.ids = [];\n attr.lines.colors = [];\n\n for (i = 0; i < this.borders.length; i++) {\n attr.lines.ids.push(this.borders[i].id);\n attr.lines.colors.push(this.borders[i].visProp.strokecolor);\n }\n }\n\n return attr;\n },\n\n snapToGrid: function () {\n var i, force;\n\n if (Type.evaluate(this.visProp.snaptogrid)) {\n force = true;\n } else {\n force = false;\n }\n\n for (i = 0; i < this.vertices.length; i++) {\n this.vertices[i].handleSnapToGrid(force, true);\n }\n },\n\n /**\n * Moves the polygon by the difference of two coordinates.\n * @param {Number} method The type of coordinates used here. Possible values are {@link JXG.COORDS_BY_USER} and {@link JXG.COORDS_BY_SCREEN}.\n * @param {Array} coords coordinates in screen/user units\n * @param {Array} oldcoords previous coordinates in screen/user units\n * @returns {JXG.Polygon} this element\n */\n setPositionDirectly: function (method, coords, oldcoords) {\n var dc,\n t,\n i,\n len,\n c = new Coords(method, coords, this.board),\n oldc = new Coords(method, oldcoords, this.board);\n\n len = this.vertices.length - 1;\n for (i = 0; i < len; i++) {\n if (!this.vertices[i].draggable()) {\n return this;\n }\n }\n\n dc = Statistics.subtract(c.usrCoords, oldc.usrCoords);\n t = this.board.create(\"transform\", dc.slice(1), { type: \"translate\" });\n t.applyOnce(this.vertices.slice(0, -1));\n\n return this;\n },\n\n /**\n * Algorithm by Sutherland and Hodgman to compute the intersection of two convex polygons.\n * The polygon itself is the clipping polygon, it expects as parameter a polygon to be clipped.\n * See wikipedia entry.\n * Called by {@link JXG.Polygon#intersect}.\n *\n * @private\n *\n * @param {JXG.Polygon} polygon Polygon which will be clipped.\n *\n * @returns {Array} of (normalized homogeneous user) coordinates (i.e. [z, x, y], where z==1 in most cases,\n * representing the vertices of the intersection polygon.\n *\n */\n sutherlandHodgman: function (polygon) {\n // First the two polygons are sorted counter clockwise\n var clip = JXG.Math.Geometry.sortVertices(this.vertices), // \"this\" is the clipping polygon\n subject = JXG.Math.Geometry.sortVertices(polygon.vertices), // \"polygon\" is the subject polygon\n lenClip = clip.length - 1,\n lenSubject = subject.length - 1,\n lenIn,\n outputList = [],\n inputList,\n i,\n j,\n S,\n E,\n cross,\n // Determines if the point c3 is right of the line through c1 and c2.\n // Since the polygons are sorted counter clockwise, \"right of\" and therefore >= is needed here\n isInside = function (c1, c2, c3) {\n return (\n (c2[1] - c1[1]) * (c3[2] - c1[2]) - (c2[2] - c1[2]) * (c3[1] - c1[1]) >=\n 0\n );\n };\n\n for (i = 0; i < lenSubject; i++) {\n outputList.push(subject[i]);\n }\n\n for (i = 0; i < lenClip; i++) {\n inputList = outputList.slice(0);\n lenIn = inputList.length;\n outputList = [];\n\n S = inputList[lenIn - 1];\n\n for (j = 0; j < lenIn; j++) {\n E = inputList[j];\n if (isInside(clip[i], clip[i + 1], E)) {\n if (!isInside(clip[i], clip[i + 1], S)) {\n cross = JXG.Math.Geometry.meetSegmentSegment(\n S,\n E,\n clip[i],\n clip[i + 1]\n );\n cross[0][1] /= cross[0][0];\n cross[0][2] /= cross[0][0];\n cross[0][0] = 1;\n outputList.push(cross[0]);\n }\n outputList.push(E);\n } else if (isInside(clip[i], clip[i + 1], S)) {\n cross = JXG.Math.Geometry.meetSegmentSegment(\n S,\n E,\n clip[i],\n clip[i + 1]\n );\n cross[0][1] /= cross[0][0];\n cross[0][2] /= cross[0][0];\n cross[0][0] = 1;\n outputList.push(cross[0]);\n }\n S = E;\n }\n }\n\n return outputList;\n },\n\n /**\n * Generic method for the intersection of this polygon with another polygon.\n * The parent object is the clipping polygon, it expects as parameter a polygon to be clipped.\n * Both polygons have to be convex.\n * Calls the algorithm by Sutherland, Hodgman, {@link JXG.Polygon#sutherlandHodgman}.\n * \n * An alternative is to use the methods from {@link JXG.Math.Clip}, where the algorithm by Greiner and Hormann\n * is used.\n *\n * @param {JXG.Polygon} polygon Polygon which will be clipped.\n *\n * @returns {Array} of (normalized homogeneous user) coordinates (i.e. [z, x, y], where z==1 in most cases,\n * representing the vertices of the intersection polygon.\n *\n * @example\n * // Static intersection of two polygons pol1 and pol2\n * var pol1 = board.create('polygon', [[-2, 3], [-4, -3], [2, 0], [4, 4]], {\n * name:'pol1', withLabel: true,\n * fillColor: 'yellow'\n * });\n * var pol2 = board.create('polygon', [[-2, -3], [-4, 1], [0, 4], [5, 1]], {\n * name:'pol2', withLabel: true\n * });\n *\n * // Static version:\n * // the intersection polygon does not adapt to changes of pol1 or pol2.\n * var pol3 = board.create('polygon', pol1.intersect(pol2), {fillColor: 'blue'});\n *
\n * \n *\n * @example\n * // Dynamic intersection of two polygons pol1 and pol2\n * var pol1 = board.create('polygon', [[-2, 3], [-4, -3], [2, 0], [4, 4]], {\n * name:'pol1', withLabel: true,\n * fillColor: 'yellow'\n * });\n * var pol2 = board.create('polygon', [[-2, -3], [-4, 1], [0, 4], [5, 1]], {\n * name:'pol2', withLabel: true\n * });\n *\n * // Dynamic version:\n * // the intersection polygon does adapt to changes of pol1 or pol2.\n * // For this a curve element is used.\n * var curve = board.create('curve', [[],[]], {fillColor: 'blue', fillOpacity: 0.4});\n * curve.updateDataArray = function() {\n * var mat = JXG.Math.transpose(pol1.intersect(pol2));\n *\n * if (mat.length == 3) {\n * this.dataX = mat[1];\n * this.dataY = mat[2];\n * } else {\n * this.dataX = [];\n * this.dataY = [];\n * }\n * };\n * board.update();\n * \n * \n *\n */\n intersect: function (polygon) {\n return this.sutherlandHodgman(polygon);\n }\n }\n);\n\n/**\n * @class A polygon is an area enclosed by a set of border lines which are determined by\n * \n *\n * @example\n * var p = [[0.0, 2.0], [2.0, 1.0], [4.0, 6.0], [1.0, 3.0]];\n *\n * var pol = board.create('polygon', p, {hasInnerPoints: true});\n * \n * \n *\n * @example\n * var f1 = function() { return [0.0, 2.0]; },\n * f2 = function() { return [2.0, 1.0]; },\n * f3 = function() { return [4.0, 6.0]; },\n * f4 = function() { return [1.0, 4.0]; },\n * cc1 = board.create('polygon', [f1, f2, f3, f4]);\n * board.update();\n *\n * \n * \n *\n * @example\n * var t = board.create('transform', [2, 1.5], {type: 'scale'});\n * var a = board.create('point', [-3,-2], {name: 'a'});\n * var b = board.create('point', [-1,-4], {name: 'b'});\n * var c = board.create('point', [-2,-0.5], {name: 'c'});\n * var pol1 = board.create('polygon', [a,b,c], {vertices: {withLabel: false}});\n * var pol2 = board.create('polygon', [pol1, t], {vertices: {withLabel: true}});\n *\n * \n * \n *\n */\nJXG.createPolygon = function (board, parents, attributes) {\n var el,\n i,\n le,\n obj,\n points = [],\n attr,\n attr_points,\n is_transform = false;\n\n attr = Type.copyAttributes(attributes, board.options, \"polygon\");\n obj = board.select(parents[0]);\n if (obj === null) {\n // This is necessary if the original polygon is defined in another board.\n obj = parents[0];\n }\n if (\n Type.isObject(obj) &&\n obj.type === Const.OBJECT_TYPE_POLYGON &&\n Type.isTransformationOrArray(parents[1])\n ) {\n is_transform = true;\n le = obj.vertices.length - 1;\n attr_points = Type.copyAttributes(attributes, board.options, \"polygon\", \"vertices\");\n for (i = 0; i < le; i++) {\n if (attr_points.withlabel) {\n attr_points.name =\n obj.vertices[i].name === \"\" ? \"\" : obj.vertices[i].name + \"'\";\n }\n points.push(board.create(\"point\", [obj.vertices[i], parents[1]], attr_points));\n }\n } else {\n points = Type.providePoints(board, parents, attributes, \"polygon\", [\"vertices\"]);\n if (points === false) {\n throw new Error(\n \"JSXGraph: Can't create polygon / polygonalchain with parent types other than 'point' and 'coordinate arrays' or a function returning an array of coordinates. Alternatively, a polygon and a transformation can be supplied\"\n );\n }\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"polygon\");\n el = new JXG.Polygon(board, points, attr);\n el.isDraggable = true;\n\n // Put the points to their position\n if (is_transform) {\n el.prepareUpdate().update().updateVisibility().updateRenderer();\n le = obj.vertices.length - 1;\n for (i = 0; i < le; i++) {\n points[i].prepareUpdate().update().updateVisibility().updateRenderer();\n }\n }\n\n return el;\n};\n\n/**\n * @class Constructs a regular polygon. It needs two points which define the base line and the number of vertices.\n * @pseudo\n * @description Constructs a regular polygon. It needs two points which define the base line and the number of vertices, or a set of points.\n * @constructor\n * @name RegularPolygon\n * @type Polygon\n * @augments Polygon\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point_Number} p1,p2,n The constructed regular polygon has n vertices and the base line defined by p1 and p2.\n * @example\n * var p1 = board.create('point', [0.0, 2.0]);\n * var p2 = board.create('point', [2.0, 1.0]);\n *\n * var pol = board.create('regularpolygon', [p1, p2, 5]);\n * \n * \n * @example\n * var p1 = board.create('point', [0.0, 2.0]);\n * var p2 = board.create('point', [4.0,4.0]);\n * var p3 = board.create('point', [2.0,0.0]);\n *\n * var pol = board.create('regularpolygon', [p1, p2, p3]);\n * \n * \n *\n * @example\n * // Line of reflection\n * var li = board.create('line', [1,1,1], {strokeColor: '#aaaaaa'});\n * var reflect = board.create('transform', [li], {type: 'reflect'});\n * var pol1 = board.create('polygon', [[-3,-2], [-1,-4], [-2,-0.5]]);\n * var pol2 = board.create('polygon', [pol1, reflect]);\n *\n * \n * \n *\n */\nJXG.createRegularPolygon = function (board, parents, attributes) {\n var el,\n i,\n n,\n p = [],\n rot,\n len,\n pointsExist,\n attr;\n\n len = parents.length;\n n = parents[len - 1];\n\n if (Type.isNumber(n) && (parents.length !== 3 || n < 3)) {\n throw new Error(\n \"JSXGraph: A regular polygon needs two point types and a number > 2 as input.\"\n );\n }\n\n if (Type.isNumber(board.select(n))) {\n // Regular polygon given by 2 points and a number\n len--;\n pointsExist = false;\n } else {\n // Regular polygon given by n points\n n = len;\n pointsExist = true;\n }\n\n p = Type.providePoints(board, parents.slice(0, len), attributes, \"regularpolygon\", [\n \"vertices\"\n ]);\n if (p === false) {\n throw new Error(\n \"JSXGraph: Can't create regular polygon with parent types other than 'point' and 'coordinate arrays' or a function returning an array of coordinates\"\n );\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"regularpolygon\", \"vertices\");\n for (i = 2; i < n; i++) {\n rot = board.create(\"transform\", [Math.PI * (2 - (n - 2) / n), p[i - 1]], {\n type: \"rotate\"\n });\n if (pointsExist) {\n p[i].addTransform(p[i - 2], rot);\n p[i].fullUpdate();\n } else {\n if (Type.isArray(attr.ids) && attr.ids.length >= n - 2) {\n attr.id = attr.ids[i - 2];\n }\n p[i] = board.create(\"point\", [p[i - 2], rot], attr);\n p[i].type = Const.OBJECT_TYPE_CAS;\n\n // The next two lines of code are needed to make regular polygones draggable\n // The new helper points are set to be draggable.\n p[i].isDraggable = true;\n p[i].visProp.fixed = false;\n }\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"regularpolygon\");\n el = board.create(\"polygon\", p, attr);\n el.elType = \"regularpolygon\";\n\n return el;\n};\n\n/**\n * @class A polygonal chain is a connected series of line segments determined by\n * \n *\n */\nJXG.createPolygonalChain = function (board, parents, attributes) {\n var attr, el;\n\n attr = Type.copyAttributes(attributes, board.options, \"polygonalchain\");\n el = board.create(\"polygon\", parents, attr);\n el.elType = \"polygonalchain\";\n\n // A polygonal chain is not necessarily closed.\n el.vertices.pop();\n board.removeObject(el.borders[el.borders.length - 1]);\n el.borders.pop();\n\n return el;\n};\n\nJXG.registerElement(\"polygon\", JXG.createPolygon);\nJXG.registerElement(\"regularpolygon\", JXG.createRegularPolygon);\nJXG.registerElement(\"polygonalchain\", JXG.createPolygonalChain);\n\nexport default JXG.Polygon;\n// export default {\n// Polygon: JXG.Polygon,\n// createPolygon: JXG.createPolygon,\n// createRegularPolygon: JXG.createRegularPolygon\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * \n *\n * @example\n * // This is an example which overwrites updateDataArray and produces\n * // a Bezier curve of degree three.\n * var A = board.create('point', [-3,3]);\n * var B = board.create('point', [3,-2]);\n * var line = board.create('segment', [A,B]);\n *\n * var height = 0.5; // height of the curly brace\n *\n * // Curly brace\n * var crl = board.create('curve', [[0],[0]], {strokeWidth:1, strokeColor:'black'});\n * crl.bezierDegree = 3;\n * crl.updateDataArray = function() {\n * var d = [B.X()-A.X(), B.Y()-A.Y()],\n * dl = Math.sqrt(d[0]*d[0]+d[1]*d[1]),\n * mid = [(A.X()+B.X())*0.5, (A.Y()+B.Y())*0.5];\n *\n * d[0] *= height/dl;\n * d[1] *= height/dl;\n *\n * this.dataX = [ A.X(), A.X()-d[1], mid[0], mid[0]-d[1], mid[0], B.X()-d[1], B.X() ];\n * this.dataY = [ A.Y(), A.Y()+d[0], mid[1], mid[1]+d[0], mid[1], B.Y()+d[0], B.Y() ];\n * };\n *\n * // Text\n * var txt = board.create('text', [\n * function() {\n * var d = [B.X()-A.X(), B.Y()-A.Y()],\n * dl = Math.sqrt(d[0]*d[0]+d[1]*d[1]),\n * mid = (A.X()+B.X())*0.5;\n *\n * d[1] *= height/dl;\n * return mid-d[1]+0.1;\n * },\n * function() {\n * var d = [B.X()-A.X(), B.Y()-A.Y()],\n * dl = Math.sqrt(d[0]*d[0]+d[1]*d[1]),\n * mid = (A.Y()+B.Y())*0.5;\n *\n * d[0] *= height/dl;\n * return mid+d[0]+0.1;\n * },\n * function() { return \"length=\" + JXG.toFixed(B.Dist(A), 2); }\n * ]);\n *\n *\n * board.update(); // This update is necessary to call updateDataArray the first time.\n *\n * \n * \n *\n *\n */\n updateDataArray: function () {\n // this used to return this, but we shouldn't rely on the user to implement it.\n },\n\n /**\n * Computes the curve path\n * @see JXG.Curve#update\n * @returns {JXG.Curve} Reference to the curve object.\n */\n updateCurve: function () {\n var len,\n mi,\n ma,\n x,\n y,\n i,\n version = this.visProp.plotversion,\n //t1, t2, l1,\n suspendUpdate = false;\n\n this.updateTransformMatrix();\n this.updateDataArray();\n mi = this.minX();\n ma = this.maxX();\n\n // Discrete data points\n // x-coordinates are in an array\n if (Type.exists(this.dataX)) {\n this.numberPoints = this.dataX.length;\n len = this.numberPoints;\n\n // It is possible, that the array length has increased.\n this.allocatePoints();\n\n for (i = 0; i < len; i++) {\n x = i;\n\n // y-coordinates are in an array\n if (Type.exists(this.dataY)) {\n y = i;\n // The last parameter prevents rounding in usr2screen().\n this.points[i].setCoordinates(\n Const.COORDS_BY_USER,\n [this.dataX[i], this.dataY[i]],\n false\n );\n } else {\n // discrete x data, continuous y data\n y = this.X(x);\n // The last parameter prevents rounding in usr2screen().\n this.points[i].setCoordinates(\n Const.COORDS_BY_USER,\n [this.dataX[i], this.Y(y, suspendUpdate)],\n false\n );\n }\n this.points[i]._t = i;\n\n // this.updateTransform(this.points[i]);\n suspendUpdate = true;\n }\n // continuous x data\n } else {\n if (Type.evaluate(this.visProp.doadvancedplot)) {\n // console.time(\"plot\");\n\n if (version === 1 || Type.evaluate(this.visProp.doadvancedplotold)) {\n Plot.updateParametricCurveOld(this, mi, ma);\n } else if (version === 2) {\n Plot.updateParametricCurve_v2(this, mi, ma);\n } else if (version === 3) {\n Plot.updateParametricCurve_v3(this, mi, ma);\n } else if (version === 4) {\n Plot.updateParametricCurve_v4(this, mi, ma);\n } else {\n Plot.updateParametricCurve_v2(this, mi, ma);\n }\n // console.timeEnd(\"plot\");\n } else {\n if (this.board.updateQuality === this.board.BOARD_QUALITY_HIGH) {\n this.numberPoints = Type.evaluate(this.visProp.numberpointshigh);\n } else {\n this.numberPoints = Type.evaluate(this.visProp.numberpointslow);\n }\n\n // It is possible, that the array length has increased.\n this.allocatePoints();\n Plot.updateParametricCurveNaive(this, mi, ma, this.numberPoints);\n }\n len = this.numberPoints;\n\n if (\n Type.evaluate(this.visProp.useqdt) &&\n this.board.updateQuality === this.board.BOARD_QUALITY_HIGH\n ) {\n this.qdt = new QDT(this.board.getBoundingBox());\n for (i = 0; i < this.points.length; i++) {\n this.qdt.insert(this.points[i]);\n\n if (i > 0) {\n this.points[i].prev = this.points[i - 1];\n }\n\n if (i < len - 1) {\n this.points[i].next = this.points[i + 1];\n }\n }\n }\n\n // for (i = 0; i < len; i++) {\n // this.updateTransform(this.points[i]);\n // }\n }\n\n if (\n Type.evaluate(this.visProp.curvetype) !== \"plot\" &&\n Type.evaluate(this.visProp.rdpsmoothing)\n ) {\n // console.time(\"rdp\");\n this.points = Numerics.RamerDouglasPeucker(this.points, 0.2);\n this.numberPoints = this.points.length;\n // console.timeEnd(\"rdp\");\n // console.log(this.numberPoints);\n }\n\n len = this.numberPoints;\n for (i = 0; i < len; i++) {\n this.updateTransform(this.points[i]);\n }\n\n return this;\n },\n\n updateTransformMatrix: function () {\n var t,\n i,\n len = this.transformations.length;\n\n this.transformMat = [\n [1, 0, 0],\n [0, 1, 0],\n [0, 0, 1]\n ];\n\n for (i = 0; i < len; i++) {\n t = this.transformations[i];\n t.update();\n this.transformMat = Mat.matMatMult(t.matrix, this.transformMat);\n }\n\n return this;\n },\n\n /**\n * Applies the transformations of the curve to the given point p.\n * Before using it, {@link JXG.Curve#updateTransformMatrix} has to be called.\n * @param {JXG.Point} p\n * @returns {JXG.Point} The given point.\n */\n updateTransform: function (p) {\n var c,\n len = this.transformations.length;\n\n if (len > 0) {\n c = Mat.matVecMult(this.transformMat, p.usrCoords);\n p.setCoordinates(Const.COORDS_BY_USER, c, false, true);\n }\n\n return p;\n },\n\n /**\n * Add transformations to this curve.\n * @param {JXG.Transformation|Array} transform Either one {@link JXG.Transformation} or an array of {@link JXG.Transformation}s.\n * @returns {JXG.Curve} Reference to the curve object.\n */\n addTransform: function (transform) {\n var i,\n list = Type.isArray(transform) ? transform : [transform],\n len = list.length;\n\n for (i = 0; i < len; i++) {\n this.transformations.push(list[i]);\n }\n\n return this;\n },\n\n /**\n * Generate the method curve.X() in case curve.dataX is an array\n * and generate the method curve.Y() in case curve.dataY is an array.\n * @private\n * @param {String} which Either 'X' or 'Y'\n * @returns {function}\n **/\n interpolationFunctionFromArray: function (which) {\n var data = \"data\" + which,\n that = this;\n\n return function (t, suspendedUpdate) {\n var i,\n j,\n t0,\n t1,\n arr = that[data],\n len = arr.length,\n last,\n f = [];\n\n if (isNaN(t)) {\n return NaN;\n }\n\n if (t < 0) {\n if (Type.isFunction(arr[0])) {\n return arr[0]();\n }\n\n return arr[0];\n }\n\n if (that.bezierDegree === 3) {\n last = (len - 1) / 3;\n\n if (t >= last) {\n if (Type.isFunction(arr[arr.length - 1])) {\n return arr[arr.length - 1]();\n }\n\n return arr[arr.length - 1];\n }\n\n i = Math.floor(t) * 3;\n t0 = t % 1;\n t1 = 1 - t0;\n\n for (j = 0; j < 4; j++) {\n if (Type.isFunction(arr[i + j])) {\n f[j] = arr[i + j]();\n } else {\n f[j] = arr[i + j];\n }\n }\n\n return (\n t1 * t1 * (t1 * f[0] + 3 * t0 * f[1]) +\n (3 * t1 * f[2] + t0 * f[3]) * t0 * t0\n );\n }\n\n if (t > len - 2) {\n i = len - 2;\n } else {\n i = parseInt(Math.floor(t), 10);\n }\n\n if (i === t) {\n if (Type.isFunction(arr[i])) {\n return arr[i]();\n }\n return arr[i];\n }\n\n for (j = 0; j < 2; j++) {\n if (Type.isFunction(arr[i + j])) {\n f[j] = arr[i + j]();\n } else {\n f[j] = arr[i + j];\n }\n }\n return f[0] + (f[1] - f[0]) * (t - i);\n };\n },\n\n /**\n * Converts the JavaScript/JessieCode/GEONExT syntax of the defining function term into JavaScript.\n * New methods X() and Y() for the Curve object are generated, further\n * new methods for minX() and maxX().\n * @see JXG.GeonextParser.geonext2JS.\n */\n generateTerm: function (varname, xterm, yterm, mi, ma) {\n var fx, fy;\n\n // Generate the methods X() and Y()\n if (Type.isArray(xterm)) {\n // Discrete data\n this.dataX = xterm;\n\n this.numberPoints = this.dataX.length;\n this.X = this.interpolationFunctionFromArray.apply(this, [\"X\"]);\n this.visProp.curvetype = \"plot\";\n this.isDraggable = true;\n } else {\n // Continuous data\n this.X = Type.createFunction(xterm, this.board, varname);\n if (Type.isString(xterm)) {\n this.visProp.curvetype = \"functiongraph\";\n } else if (Type.isFunction(xterm) || Type.isNumber(xterm)) {\n this.visProp.curvetype = \"parameter\";\n }\n\n this.isDraggable = true;\n }\n\n if (Type.isArray(yterm)) {\n this.dataY = yterm;\n this.Y = this.interpolationFunctionFromArray.apply(this, [\"Y\"]);\n } else {\n this.Y = Type.createFunction(yterm, this.board, varname);\n }\n\n /**\n * Polar form\n * Input data is function xterm() and offset coordinates yterm\n */\n if (Type.isFunction(xterm) && Type.isArray(yterm)) {\n // Xoffset, Yoffset\n fx = Type.createFunction(yterm[0], this.board, \"\");\n fy = Type.createFunction(yterm[1], this.board, \"\");\n\n this.X = function (phi) {\n return xterm(phi) * Math.cos(phi) + fx();\n };\n this.X.deps = fx.deps;\n\n this.Y = function (phi) {\n return xterm(phi) * Math.sin(phi) + fy();\n };\n this.Y.deps = fy.deps;\n\n this.visProp.curvetype = \"polar\";\n }\n\n // Set the bounds lower bound\n if (Type.exists(mi)) {\n this.minX = Type.createFunction(mi, this.board, \"\");\n }\n if (Type.exists(ma)) {\n this.maxX = Type.createFunction(ma, this.board, \"\");\n }\n\n this.addParentsFromJCFunctions([this.X, this.Y, this.minX, this.maxX]);\n },\n\n /**\n * Finds dependencies in a given term and notifies the parents by adding the\n * dependent object to the found objects child elements.\n * @param {String} contentStr String containing dependencies for the given object.\n */\n notifyParents: function (contentStr) {\n var fstr,\n dep,\n isJessieCode = false,\n obj;\n\n // Read dependencies found by the JessieCode parser\n obj = { xterm: 1, yterm: 1 };\n for (fstr in obj) {\n if (\n obj.hasOwnProperty(fstr) &&\n this.hasOwnProperty(fstr) &&\n this[fstr].origin\n ) {\n isJessieCode = true;\n for (dep in this[fstr].origin.deps) {\n if (this[fstr].origin.deps.hasOwnProperty(dep)) {\n this[fstr].origin.deps[dep].addChild(this);\n }\n }\n }\n }\n\n if (!isJessieCode) {\n GeonextParser.findDependencies(this, contentStr, this.board);\n }\n },\n\n // documented in geometry element\n getLabelAnchor: function () {\n var c,\n x,\n y,\n ax = 0.05 * this.board.canvasWidth,\n ay = 0.05 * this.board.canvasHeight,\n bx = 0.95 * this.board.canvasWidth,\n by = 0.95 * this.board.canvasHeight;\n\n switch (Type.evaluate(this.visProp.label.position)) {\n case \"ulft\":\n x = ax;\n y = ay;\n break;\n case \"llft\":\n x = ax;\n y = by;\n break;\n case \"rt\":\n x = bx;\n y = 0.5 * by;\n break;\n case \"lrt\":\n x = bx;\n y = by;\n break;\n case \"urt\":\n x = bx;\n y = ay;\n break;\n case \"top\":\n x = 0.5 * bx;\n y = ay;\n break;\n case \"bot\":\n x = 0.5 * bx;\n y = by;\n break;\n default:\n // includes case 'lft'\n x = ax;\n y = 0.5 * by;\n }\n\n c = new Coords(Const.COORDS_BY_SCREEN, [x, y], this.board, false);\n return Geometry.projectCoordsToCurve(\n c.usrCoords[1],\n c.usrCoords[2],\n 0,\n this,\n this.board\n )[0];\n },\n\n // documented in geometry element\n cloneToBackground: function () {\n var er,\n copy = {\n id: this.id + \"T\" + this.numTraces,\n elementClass: Const.OBJECT_CLASS_CURVE,\n\n points: this.points.slice(0),\n bezierDegree: this.bezierDegree,\n numberPoints: this.numberPoints,\n board: this.board,\n visProp: Type.deepCopy(this.visProp, this.visProp.traceattributes, true)\n };\n\n copy.visProp.layer = this.board.options.layer.trace;\n copy.visProp.curvetype = this.visProp.curvetype;\n this.numTraces++;\n\n Type.clearVisPropOld(copy);\n copy.visPropCalc = {\n visible: Type.evaluate(copy.visProp.visible)\n };\n er = this.board.renderer.enhancedRendering;\n this.board.renderer.enhancedRendering = true;\n this.board.renderer.drawCurve(copy);\n this.board.renderer.enhancedRendering = er;\n this.traces[copy.id] = copy.rendNode;\n\n return this;\n },\n\n // Already documented in GeometryElement\n bounds: function () {\n var minX = Infinity,\n maxX = -Infinity,\n minY = Infinity,\n maxY = -Infinity,\n l = this.points.length,\n i,\n bezier,\n up;\n\n if (this.bezierDegree === 3) {\n // Add methods X(), Y()\n for (i = 0; i < l; i++) {\n this.points[i].X = Type.bind(function () {\n return this.usrCoords[1];\n }, this.points[i]);\n this.points[i].Y = Type.bind(function () {\n return this.usrCoords[2];\n }, this.points[i]);\n }\n bezier = Numerics.bezier(this.points);\n up = bezier[3]();\n minX = Numerics.fminbr(\n function (t) {\n return bezier[0](t);\n },\n [0, up]\n );\n maxX = Numerics.fminbr(\n function (t) {\n return -bezier[0](t);\n },\n [0, up]\n );\n minY = Numerics.fminbr(\n function (t) {\n return bezier[1](t);\n },\n [0, up]\n );\n maxY = Numerics.fminbr(\n function (t) {\n return -bezier[1](t);\n },\n [0, up]\n );\n\n minX = bezier[0](minX);\n maxX = bezier[0](maxX);\n minY = bezier[1](minY);\n maxY = bezier[1](maxY);\n return [minX, maxY, maxX, minY];\n }\n\n // Linear segments\n for (i = 0; i < l; i++) {\n if (minX > this.points[i].usrCoords[1]) {\n minX = this.points[i].usrCoords[1];\n }\n\n if (maxX < this.points[i].usrCoords[1]) {\n maxX = this.points[i].usrCoords[1];\n }\n\n if (minY > this.points[i].usrCoords[2]) {\n minY = this.points[i].usrCoords[2];\n }\n\n if (maxY < this.points[i].usrCoords[2]) {\n maxY = this.points[i].usrCoords[2];\n }\n }\n\n return [minX, maxY, maxX, minY];\n },\n\n // documented in element.js\n getParents: function () {\n var p = [this.xterm, this.yterm, this.minX(), this.maxX()];\n\n if (this.parents.length !== 0) {\n p = this.parents;\n }\n\n return p;\n },\n\n /**\n * Shift the curve by the vector 'where'.\n *\n * @param {Array} where Array containing the x and y coordinate of the target location.\n * @returns {JXG.Curve} Reference to itself.\n */\n moveTo: function (where) {\n // TODO add animation\n var delta = [],\n p;\n if (this.points.length > 0 && !Type.evaluate(this.visProp.fixed)) {\n p = this.points[0];\n if (where.length === 3) {\n delta = [\n where[0] - p.usrCoords[0],\n where[1] - p.usrCoords[1],\n where[2] - p.usrCoords[2]\n ];\n } else {\n delta = [where[0] - p.usrCoords[1], where[1] - p.usrCoords[2]];\n }\n this.setPosition(Const.COORDS_BY_USER, delta);\n }\n return this;\n },\n\n /**\n * If the curve is the result of a transformation applied\n * to a continuous curve, the glider projection has to be done\n * on the original curve. Otherwise there will be problems\n * when changing between high and low precision plotting,\n * since there number of points changes.\n *\n * @private\n * @returns {Array} [Boolean, curve]: Array contining 'true' if curve is result of a transformation,\n * and the source curve of the transformation.\n */\n getTransformationSource: function () {\n var isTransformed, curve_org;\n if (Type.exists(this._transformationSource)) {\n curve_org = this._transformationSource;\n if (\n curve_org.elementClass === Const.OBJECT_CLASS_CURVE //&&\n //Type.evaluate(curve_org.visProp.curvetype) !== 'plot'\n ) {\n isTransformed = true;\n }\n }\n return [isTransformed, curve_org];\n },\n\n pnpoly: function (x_in, y_in, coord_type) {\n var i,\n j,\n len,\n x,\n y,\n crds,\n v = this.points,\n isIn = false;\n\n if (coord_type === Const.COORDS_BY_USER) {\n crds = new Coords(Const.COORDS_BY_USER, [x_in, y_in], this.board);\n x = crds.scrCoords[1];\n y = crds.scrCoords[2];\n } else {\n x = x_in;\n y = y_in;\n }\n\n len = this.points.length;\n for (i = 0, j = len - 2; i < len - 1; j = i++) {\n if (\n v[i].scrCoords[2] > y !== v[j].scrCoords[2] > y &&\n x <\n ((v[j].scrCoords[1] - v[i].scrCoords[1]) * (y - v[i].scrCoords[2])) /\n (v[j].scrCoords[2] - v[i].scrCoords[2]) +\n v[i].scrCoords[1]\n ) {\n isIn = !isIn;\n }\n }\n\n return isIn;\n }\n }\n);\n\n/**\n * @class This element is used to provide a constructor for curve, which is just a wrapper for element {@link Curve}.\n * A curve is a mapping from R to R^2. t mapsto (x(t),y(t)). The graph is drawn for t in the interval [a,b].\n * \n * The following types of curves can be plotted:\n *
\n * x describes the x-coordinate of the curve. It may be a function term in one variable, e.g. x(t).\n * In case of x being of type number, x(t) is set to a constant function.\n * this function at the values of the array.\n *
\n *\n * y describes the y-coordinate of the curve. In case of a number, y(t) is set to the constant function\n * returning this number.\n *
\n *\n * Further parameters are an optional number or function for the left interval border a,\n * and an optional number or function for the right interval border b.\n *
\n *\n * Default values are a=-10 and b=10.\n *
\n * @param {array_array,function,number} x,y Parent elements for Data Plots.\n *\n * x and y are arrays contining the x and y coordinates of the data points which are connected by\n * line segments. The individual entries of x and y may also be functions.\n * In case of x being an array the curve type is data plot, regardless of the second parameter and\n * if additionally the second parameter y is a function term the data plot evaluates.\n *
\n * @param {function_array,function,number_function,number_function,number} r,offset_,a_,b_ Parent elements for Polar Curves.\n *\n * The first parameter is a function term r(phi) describing the polar curve.\n *
\n *\n * The second parameter is the offset of the curve. It has to be\n * an array containing numbers or functions describing the offset. Default value is the origin [0,0].\n *
\n *\n * Further parameters are an optional number or function for the left interval border a,\n * and an optional number or function for the right interval border b.\n *
\n *\n * Default values are a=-10 and b=10.\n *
\n *\n * Additionally, a curve can be created by providing a curve and a transformation (or an array of transformations).\n * The result is a curve which is the transformation of the supplied curve.\n *\n * @see JXG.Curve\n * @example\n * // Parametric curve\n * // Create a curve of the form (t-sin(t), 1-cos(t), i.e.\n * // the cycloid curve.\n * var graph = board.create('curve',\n * [function(t){ return t-Math.sin(t);},\n * function(t){ return 1-Math.cos(t);},\n * 0, 2*Math.PI]\n * );\n *
\n *\n * @example\n * // Data plots\n * // Connect a set of points given by coordinates with dashed line segments.\n * // The x- and y-coordinates of the points are given in two separate\n * // arrays.\n * var x = [0,1,2,3,4,5,6,7,8,9];\n * var y = [9.2,1.3,7.2,-1.2,4.0,5.3,0.2,6.5,1.1,0.0];\n * var graph = board.create('curve', [x,y], {dash:2});\n * \n * \n * @example\n * // Polar plot\n * // Create a curve with the equation r(phi)= a*(1+phi), i.e.\n * // a cardioid.\n * var a = board.create('slider',[[0,2],[2,2],[0,1,2]]);\n * var graph = board.create('curve',\n * [function(phi){ return a.Value()*(1-Math.cos(phi));},\n * [1,0],\n * 0, 2*Math.PI],\n * {curveType: 'polar'}\n * );\n * \n * \n *\n * @example\n * // Draggable Bezier curve\n * var col, p, c;\n * col = 'blue';\n * p = [];\n * p.push(board.create('point',[-2, -1 ], {size: 5, strokeColor:col, fillColor:col}));\n * p.push(board.create('point',[1, 2.5 ], {size: 5, strokeColor:col, fillColor:col}));\n * p.push(board.create('point',[-1, -2.5 ], {size: 5, strokeColor:col, fillColor:col}));\n * p.push(board.create('point',[2, -2], {size: 5, strokeColor:col, fillColor:col}));\n *\n * c = board.create('curve', JXG.Math.Numerics.bezier(p),\n * {strokeColor:'red', name:\"curve\", strokeWidth:5, fixed: false}); // Draggable curve\n * c.addParents(p);\n * \n * \n *\n * @example\n * // The curve cu2 is the reflection of cu1 against line li\n * var li = board.create('line', [1,1,1], {strokeColor: '#aaaaaa'});\n * var reflect = board.create('transform', [li], {type: 'reflect'});\n * var cu1 = board.create('curve', [[-1, -1, -0.5, -1, -1, -0.5], [-3, -2, -2, -2, -2.5, -2.5]]);\n * var cu2 = board.create('curve', [cu1, reflect], {strokeColor: 'red'});\n *\n * \n * \n */\nJXG.createCurve = function (board, parents, attributes) {\n var obj,\n cu,\n attr = Type.copyAttributes(attributes, board.options, \"curve\");\n\n obj = board.select(parents[0], true);\n if (\n Type.isTransformationOrArray(parents[1]) &&\n Type.isObject(obj) &&\n (obj.type === Const.OBJECT_TYPE_CURVE ||\n obj.type === Const.OBJECT_TYPE_ANGLE ||\n obj.type === Const.OBJECT_TYPE_ARC ||\n obj.type === Const.OBJECT_TYPE_CONIC ||\n obj.type === Const.OBJECT_TYPE_SECTOR)\n ) {\n if (obj.type === Const.OBJECT_TYPE_SECTOR) {\n attr = Type.copyAttributes(attributes, board.options, \"sector\");\n } else if (obj.type === Const.OBJECT_TYPE_ARC) {\n attr = Type.copyAttributes(attributes, board.options, \"arc\");\n } else if (obj.type === Const.OBJECT_TYPE_ANGLE) {\n if (!Type.exists(attributes.withLabel)) {\n attributes.withLabel = false;\n }\n attr = Type.copyAttributes(attributes, board.options, \"angle\");\n } else {\n attr = Type.copyAttributes(attributes, board.options, \"curve\");\n }\n attr = Type.copyAttributes(attr, board.options, \"curve\");\n\n cu = new JXG.Curve(board, [\"x\", [], []], attr);\n cu.updateDataArray = function () {\n var i,\n le = obj.numberPoints;\n this.bezierDegree = obj.bezierDegree;\n this.dataX = [];\n this.dataY = [];\n for (i = 0; i < le; i++) {\n this.dataX.push(obj.points[i].usrCoords[1]);\n this.dataY.push(obj.points[i].usrCoords[2]);\n }\n return this;\n };\n cu.addTransform(parents[1]);\n obj.addChild(cu);\n cu.setParents([obj]);\n cu._transformationSource = obj;\n\n return cu;\n }\n attr = Type.copyAttributes(attributes, board.options, \"curve\");\n return new JXG.Curve(board, [\"x\"].concat(parents), attr);\n};\n\nJXG.registerElement(\"curve\", JXG.createCurve);\n\n/**\n * @class This element is used to provide a constructor for functiongraph,\n * which is just a wrapper for element {@link Curve} with {@link JXG.Curve#X}()\n * set to x. The graph is drawn for x in the interval [a,b].\n * @pseudo\n * @description\n * @name Functiongraph\n * @augments JXG.Curve\n * @constructor\n * @type JXG.Curve\n * @param {function_number,function_number,function} f,a_,b_ Parent elements are a function term f(x) describing the function graph.\n * \n * Further, an optional number or function for the left interval border a,\n * and an optional number or function for the right interval border b.\n *
\n * Default values are a=-10 and b=10.\n * @see JXG.Curve\n * @example\n * // Create a function graph for f(x) = 0.5*x*x-2*x\n * var graph = board.create('functiongraph',\n * [function(x){ return 0.5*x*x-2*x;}, -2, 4]\n * );\n *
\n * \n * @example\n * // Create a function graph for f(x) = 0.5*x*x-2*x with variable interval\n * var s = board.create('slider',[[0,4],[3,4],[-2,4,5]]);\n * var graph = board.create('functiongraph',\n * [function(x){ return 0.5*x*x-2*x;},\n * -2,\n * function(){return s.Value();}]\n * );\n * \n * \n */\nJXG.createFunctiongraph = function (board, parents, attributes) {\n var attr,\n par = [\"x\", \"x\"].concat(parents);\n\n attr = Type.copyAttributes(attributes, board.options, \"curve\");\n attr.curvetype = \"functiongraph\";\n return new JXG.Curve(board, par, attr);\n};\n\nJXG.registerElement(\"functiongraph\", JXG.createFunctiongraph);\nJXG.registerElement(\"plot\", JXG.createFunctiongraph);\n\n/**\n * @class This element is used to provide a constructor for (natural) cubic spline curves.\n * Create a dynamic spline interpolated curve given by sample points p_1 to p_n.\n * @pseudo\n * @description\n * @name Spline\n * @augments JXG.Curve\n * @constructor\n * @type JXG.Curve\n * @param {JXG.Board} board Reference to the board the spline is drawn on.\n * @param {Array} parents Array of points the spline interpolates. This can be\n * \n *\n */\nJXG.createSpline = function (board, parents, attributes) {\n var el, funcs, ret;\n\n funcs = function () {\n var D,\n x = [],\n y = [];\n\n return [\n function (t, suspended) {\n // Function term\n var i, j, c;\n\n if (!suspended) {\n x = [];\n y = [];\n\n // given as [x[], y[]]\n if (\n parents.length === 2 &&\n Type.isArray(parents[0]) &&\n Type.isArray(parents[1]) &&\n parents[0].length === parents[1].length\n ) {\n for (i = 0; i < parents[0].length; i++) {\n if (Type.isFunction(parents[0][i])) {\n x.push(parents[0][i]());\n } else {\n x.push(parents[0][i]);\n }\n\n if (Type.isFunction(parents[1][i])) {\n y.push(parents[1][i]());\n } else {\n y.push(parents[1][i]);\n }\n }\n } else {\n for (i = 0; i < parents.length; i++) {\n if (Type.isPoint(parents[i])) {\n x.push(parents[i].X());\n y.push(parents[i].Y());\n // given as [[x1,y1], [x2, y2], ...]\n } else if (Type.isArray(parents[i]) && parents[i].length === 2) {\n for (j = 0; j < parents.length; j++) {\n if (Type.isFunction(parents[j][0])) {\n x.push(parents[j][0]());\n } else {\n x.push(parents[j][0]);\n }\n\n if (Type.isFunction(parents[j][1])) {\n y.push(parents[j][1]());\n } else {\n y.push(parents[j][1]);\n }\n }\n } else if (\n Type.isFunction(parents[i]) &&\n parents[i]().length === 2\n ) {\n c = parents[i]();\n x.push(c[0]);\n y.push(c[1]);\n }\n }\n }\n\n // The array D has only to be calculated when the position of one or more sample points\n // changes. Otherwise D is always the same for all points on the spline.\n D = Numerics.splineDef(x, y);\n }\n\n return Numerics.splineEval(t, x, y, D);\n },\n // minX()\n function () {\n return x[0];\n },\n //maxX()\n function () {\n return x[x.length - 1];\n }\n ];\n };\n\n attributes = Type.copyAttributes(attributes, board.options, \"curve\");\n attributes.curvetype = \"functiongraph\";\n ret = funcs();\n el = new JXG.Curve(board, [\"x\", \"x\", ret[0], ret[1], ret[2]], attributes);\n el.setParents(parents);\n el.elType = \"spline\";\n\n return el;\n};\n\n/**\n * Register the element type spline at JSXGraph\n * @private\n */\nJXG.registerElement(\"spline\", JXG.createSpline);\n\n/**\n * @class This element is used to provide a constructor for cardinal spline curves.\n * Create a dynamic cardinal spline interpolated curve given by sample points p_1 to p_n.\n * @pseudo\n * @description\n * @name Cardinalspline\n * @augments JXG.Curve\n * @constructor\n * @type JXG.Curve\n * @param {JXG.Board} board Reference to the board the cardinal spline is drawn on.\n * @param {Array} parents Array with three entries.\n * \n * First entry: Array of points the spline interpolates. This can be\n *
\n * Second entry: tau number or function\n *
\n * Third entry: type string containing 'uniform' (default) or 'centripetal'.\n * @param {Object} attributes Define color, width, ... of the cardinal spline\n * @returns {JXG.Curve} Returns reference to an object of type JXG.Curve.\n * @see JXG.Curve\n * @example\n * //create a cardinal spline out of an array of JXG points with adjustable tension\n * //create array of points\n * var p1 = board.create('point',[0,0])\n * var p2 = board.create('point',[1,4])\n * var p3 = board.create('point',[4,5])\n * var p4 = board.create('point',[2,3])\n * var p5 = board.create('point',[3,0])\n * var p = [p1,p2,p3,p4,p5]\n *\n * // tension\n * tau = board.create('slider', [[4,3],[9,3],[0.001,0.5,1]], {name:'tau'});\n * c = board.create('curve', JXG.Math.Numerics.CardinalSpline(p, function(){ return tau.Value();}), {strokeWidth:3});\n *
\n *\n */\nJXG.createCardinalSpline = function (board, parents, attributes) {\n var el,\n getPointLike,\n points,\n tau,\n type,\n p,\n q,\n i,\n le,\n splineArr,\n errStr = \"\\nPossible parent types: [points:array, tau:number|function, type:string]\";\n\n if (!Type.exists(parents[0]) || !Type.isArray(parents[0])) {\n throw new Error(\n \"JSXGraph: JXG.createCardinalSpline: argument 1 'points' has to be array of points or coordinate pairs\" +\n errStr\n );\n }\n if (\n !Type.exists(parents[1]) ||\n (!Type.isNumber(parents[1]) && !Type.isFunction(parents[1]))\n ) {\n throw new Error(\n \"JSXGraph: JXG.createCardinalSpline: argument 2 'tau' has to be number between [0,1] or function'\" +\n errStr\n );\n }\n if (!Type.exists(parents[2]) || !Type.isString(parents[2])) {\n throw new Error(\n \"JSXGraph: JXG.createCardinalSpline: argument 3 'type' has to be string 'uniform' or 'centripetal'\" +\n errStr\n );\n }\n\n attributes = Type.copyAttributes(attributes, board.options, \"curve\");\n attributes = Type.copyAttributes(attributes, board.options, \"cardinalspline\");\n attributes.curvetype = \"parameter\";\n\n p = parents[0];\n q = [];\n\n // given as [x[], y[]]\n if (\n !attributes.isarrayofcoordinates &&\n p.length === 2 &&\n Type.isArray(p[0]) &&\n Type.isArray(p[1]) &&\n p[0].length === p[1].length\n ) {\n for (i = 0; i < p[0].length; i++) {\n q[i] = [];\n if (Type.isFunction(p[0][i])) {\n q[i].push(p[0][i]());\n } else {\n q[i].push(p[0][i]);\n }\n\n if (Type.isFunction(p[1][i])) {\n q[i].push(p[1][i]());\n } else {\n q[i].push(p[1][i]);\n }\n }\n } else {\n // given as [[x0, y0], [x1, y1], point, ...]\n for (i = 0; i < p.length; i++) {\n if (Type.isString(p[i])) {\n q.push(board.select(p[i]));\n } else if (Type.isPoint(p[i])) {\n q.push(p[i]);\n // given as [[x0,y0], [x1, y2], ...]\n } else if (Type.isArray(p[i]) && p[i].length === 2) {\n q[i] = [];\n if (Type.isFunction(p[i][0])) {\n q[i].push(p[i][0]());\n } else {\n q[i].push(p[i][0]);\n }\n\n if (Type.isFunction(p[i][1])) {\n q[i].push(p[i][1]());\n } else {\n q[i].push(p[i][1]);\n }\n } else if (Type.isFunction(p[i]) && p[i]().length === 2) {\n q.push(parents[i]());\n }\n }\n }\n\n if (attributes.createpoints === true) {\n points = Type.providePoints(board, q, attributes, \"cardinalspline\", [\"points\"]);\n } else {\n points = [];\n\n /**\n * @ignore\n */\n getPointLike = function (ii) {\n return {\n X: function () {\n return q[ii][0];\n },\n Y: function () {\n return q[ii][1];\n },\n Dist: function (p) {\n var dx = this.X() - p.X(),\n dy = this.Y() - p.Y();\n return Math.sqrt(dx * dx + dy * dy);\n }\n };\n };\n\n for (i = 0; i < q.length; i++) {\n if (Type.isPoint(q[i])) {\n points.push(q[i]);\n } else {\n points.push(getPointLike(i));\n }\n }\n }\n\n tau = parents[1];\n type = parents[2];\n\n splineArr = [\"x\"].concat(Numerics.CardinalSpline(points, tau, type));\n\n el = new JXG.Curve(board, splineArr, attributes);\n le = points.length;\n el.setParents(points);\n for (i = 0; i < le; i++) {\n p = points[i];\n if (Type.isPoint(p)) {\n if (Type.exists(p._is_new)) {\n el.addChild(p);\n delete p._is_new;\n } else {\n p.addChild(el);\n }\n }\n }\n el.elType = \"cardinalspline\";\n\n return el;\n};\n\n/**\n * Register the element type cardinalspline at JSXGraph\n * @private\n */\nJXG.registerElement(\"cardinalspline\", JXG.createCardinalSpline);\n\n/**\n * @class This element is used to provide a constructor for metapost spline curves.\n * Create a dynamic metapost spline interpolated curve given by sample points p_1 to p_n.\n * @pseudo\n * @description\n * @name Metapostspline\n * @augments JXG.Curve\n * @constructor\n * @type JXG.Curve\n * @param {JXG.Board} board Reference to the board the metapost spline is drawn on.\n * @param {Array} parents Array with two entries.\n * \n * First entry: Array of points the spline interpolates. This can be\n *
\n * Second entry: JavaScript object containing the control values like tension, direction, curl.\n * @param {Object} attributes Define color, width, ... of the metapost spline\n * @returns {JXG.Curve} Returns reference to an object of type JXG.Curve.\n * @see JXG.Curve\n * @example\n * var po = [],\n * attr = {\n * size: 5,\n * color: 'red'\n * },\n * controls;\n *\n * var tension = board.create('slider', [[-3, 6], [3, 6], [0, 1, 20]], {name: 'tension'});\n * var curl = board.create('slider', [[-3, 5], [3, 5], [0, 1, 30]], {name: 'curl A, D'});\n * var dir = board.create('slider', [[-3, 4], [3, 4], [-180, 0, 180]], {name: 'direction B'});\n *\n * po.push(board.create('point', [-3, -3]));\n * po.push(board.create('point', [0, -3]));\n * po.push(board.create('point', [4, -5]));\n * po.push(board.create('point', [6, -2]));\n *\n * var controls = {\n * tension: function() {return tension.Value(); },\n * direction: { 1: function() {return dir.Value(); } },\n * curl: { 0: function() {return curl.Value(); },\n * 3: function() {return curl.Value(); }\n * },\n * isClosed: false\n * };\n *\n * // Plot a metapost curve\n * var cu = board.create('metapostspline', [po, controls], {strokeColor: 'blue', strokeWidth: 2});\n *\n *\n *
\n *\n *\n */\nJXG.createMetapostSpline = function (board, parents, attributes) {\n var el,\n getPointLike,\n points,\n controls,\n p,\n q,\n i,\n le,\n errStr = \"\\nPossible parent types: [points:array, controls:object\";\n\n if (!Type.exists(parents[0]) || !Type.isArray(parents[0])) {\n throw new Error(\n \"JSXGraph: JXG.createMetapostSpline: argument 1 'points' has to be array of points or coordinate pairs\" +\n errStr\n );\n }\n if (!Type.exists(parents[1]) || !Type.isObject(parents[1])) {\n throw new Error(\n \"JSXGraph: JXG.createMetapostSpline: argument 2 'controls' has to be a JavaScript object'\" +\n errStr\n );\n }\n\n attributes = Type.copyAttributes(attributes, board.options, \"curve\");\n attributes = Type.copyAttributes(attributes, board.options, \"metapostspline\");\n attributes.curvetype = \"parameter\";\n\n p = parents[0];\n q = [];\n\n // given as [x[], y[]]\n if (\n !attributes.isarrayofcoordinates &&\n p.length === 2 &&\n Type.isArray(p[0]) &&\n Type.isArray(p[1]) &&\n p[0].length === p[1].length\n ) {\n for (i = 0; i < p[0].length; i++) {\n q[i] = [];\n if (Type.isFunction(p[0][i])) {\n q[i].push(p[0][i]());\n } else {\n q[i].push(p[0][i]);\n }\n\n if (Type.isFunction(p[1][i])) {\n q[i].push(p[1][i]());\n } else {\n q[i].push(p[1][i]);\n }\n }\n } else {\n // given as [[x0, y0], [x1, y1], point, ...]\n for (i = 0; i < p.length; i++) {\n if (Type.isString(p[i])) {\n q.push(board.select(p[i]));\n } else if (Type.isPoint(p[i])) {\n q.push(p[i]);\n // given as [[x0,y0], [x1, y2], ...]\n } else if (Type.isArray(p[i]) && p[i].length === 2) {\n q[i] = [];\n if (Type.isFunction(p[i][0])) {\n q[i].push(p[i][0]());\n } else {\n q[i].push(p[i][0]);\n }\n\n if (Type.isFunction(p[i][1])) {\n q[i].push(p[i][1]());\n } else {\n q[i].push(p[i][1]);\n }\n } else if (Type.isFunction(p[i]) && p[i]().length === 2) {\n q.push(parents[i]());\n }\n }\n }\n\n if (attributes.createpoints === true) {\n points = Type.providePoints(board, q, attributes, \"metapostspline\", [\"points\"]);\n } else {\n points = [];\n\n /**\n * @ignore\n */\n getPointLike = function (ii) {\n return {\n X: function () {\n return q[ii][0];\n },\n Y: function () {\n return q[ii][1];\n }\n };\n };\n\n for (i = 0; i < q.length; i++) {\n if (Type.isPoint(q[i])) {\n points.push(q[i]);\n } else {\n points.push(getPointLike);\n }\n }\n }\n\n controls = parents[1];\n\n el = new JXG.Curve(board, [\"t\", [], [], 0, p.length - 1], attributes);\n el.updateDataArray = function () {\n var res,\n i,\n len = points.length,\n p = [];\n\n for (i = 0; i < len; i++) {\n p.push([points[i].X(), points[i].Y()]);\n }\n\n res = JXG.Math.Metapost.curve(p, controls);\n this.dataX = res[0];\n this.dataY = res[1];\n };\n el.bezierDegree = 3;\n\n le = points.length;\n el.setParents(points);\n for (i = 0; i < le; i++) {\n if (Type.isPoint(points[i])) {\n points[i].addChild(el);\n }\n }\n el.elType = \"metapostspline\";\n\n return el;\n};\n\nJXG.registerElement(\"metapostspline\", JXG.createMetapostSpline);\n\n/**\n * @class This element is used to provide a constructor for Riemann sums, which is realized as a special curve.\n * The returned element has the method Value() which returns the sum of the areas of the bars.\n * @pseudo\n * @description\n * @name Riemannsum\n * @augments JXG.Curve\n * @constructor\n * @type JXG.Curve\n * @param {function,array_number,function_string,function_function,number_function,number} f,n,type_,a_,b_ Parent elements of Riemannsum are a\n * Either a function term f(x) describing the function graph which is filled by the Riemann bars, or\n * an array consisting of two functions and the area between is filled by the Riemann bars.\n * \n * n determines the number of bars, it is either a fixed number or a function.\n *
\n * type is a string or function returning one of the values: 'left', 'right', 'middle', 'lower', 'upper', 'random', 'simpson', or 'trapezoidal'.\n * Default value is 'left'.\n *
\n * Further parameters are an optional number or function for the left interval border a,\n * and an optional number or function for the right interval border b.\n *
\n * Default values are a=-10 and b=10.\n * @see JXG.Curve\n * @example\n * // Create Riemann sums for f(x) = 0.5*x*x-2*x.\n * var s = board.create('slider',[[0,4],[3,4],[0,4,10]],{snapWidth:1});\n * var f = function(x) { return 0.5*x*x-2*x; };\n * var r = board.create('riemannsum',\n * [f, function(){return s.Value();}, 'upper', -2, 5],\n * {fillOpacity:0.4}\n * );\n * var g = board.create('functiongraph',[f, -2, 5]);\n * var t = board.create('text',[-2,-2, function(){ return 'Sum=' + JXG.toFixed(r.Value(), 4); }]);\n *
\n * \n *\n * @example\n * // Riemann sum between two functions\n * var s = board.create('slider',[[0,4],[3,4],[0,4,10]],{snapWidth:1});\n * var g = function(x) { return 0.5*x*x-2*x; };\n * var f = function(x) { return -x*(x-4); };\n * var r = board.create('riemannsum',\n * [[g,f], function(){return s.Value();}, 'lower', 0, 4],\n * {fillOpacity:0.4}\n * );\n * var f = board.create('functiongraph',[f, -2, 5]);\n * var g = board.create('functiongraph',[g, -2, 5]);\n * var t = board.create('text',[-2,-2, function(){ return 'Sum=' + JXG.toFixed(r.Value(), 4); }]);\n * \n * \n */\nJXG.createRiemannsum = function (board, parents, attributes) {\n var n, type, f, par, c, attr;\n\n attr = Type.copyAttributes(attributes, board.options, \"riemannsum\");\n attr.curvetype = \"plot\";\n\n f = parents[0];\n n = Type.createFunction(parents[1], board, \"\");\n\n if (!Type.exists(n)) {\n throw new Error(\n \"JSXGraph: JXG.createRiemannsum: argument '2' n has to be number or function.\" +\n \"\\nPossible parent types: [function,n:number|function,type,start:number|function,end:number|function]\"\n );\n }\n\n type = Type.createFunction(parents[2], board, \"\", false);\n if (!Type.exists(type)) {\n throw new Error(\n \"JSXGraph: JXG.createRiemannsum: argument 3 'type' has to be string or function.\" +\n \"\\nPossible parent types: [function,n:number|function,type,start:number|function,end:number|function]\"\n );\n }\n\n par = [[0], [0]].concat(parents.slice(3));\n\n c = board.create(\"curve\", par, attr);\n\n c.sum = 0.0;\n /**\n * Returns the value of the Riemann sum, i.e. the sum of the (signed) areas of the rectangles.\n * @name Value\n * @memberOf Riemann.prototype\n * @function\n * @returns {Number} value of Riemann sum.\n */\n c.Value = function () {\n return this.sum;\n };\n\n /**\n * @ignore\n */\n c.updateDataArray = function () {\n var u = Numerics.riemann(f, n(), type(), this.minX(), this.maxX());\n this.dataX = u[0];\n this.dataY = u[1];\n\n // Update \"Riemann sum\"\n this.sum = u[2];\n };\n\n c.addParentsFromJCFunctions([n, type]);\n\n return c;\n};\n\nJXG.registerElement(\"riemannsum\", JXG.createRiemannsum);\n\n/**\n * @class This element is used to provide a constructor for trace curve (simple locus curve), which is realized as a special curve.\n * @pseudo\n * @description\n * @name Tracecurve\n * @augments JXG.Curve\n * @constructor\n * @type JXG.Curve\n * @param {Point,Point} Parent elements of Tracecurve are a\n * glider point and a point whose locus is traced.\n * @see JXG.Curve\n * @example\n * // Create trace curve.\n * var c1 = board.create('circle',[[0, 0], [2, 0]]),\n * p1 = board.create('point',[-3, 1]),\n * g1 = board.create('glider',[2, 1, c1]),\n * s1 = board.create('segment',[g1, p1]),\n * p2 = board.create('midpoint',[s1]),\n * curve = board.create('tracecurve', [g1, p2]);\n *\n * \n * \n */\nJXG.createTracecurve = function (board, parents, attributes) {\n var c, glider, tracepoint, attr;\n\n if (parents.length !== 2) {\n throw new Error(\n \"JSXGraph: Can't create trace curve with given parent'\" +\n \"\\nPossible parent types: [glider, point]\"\n );\n }\n\n glider = board.select(parents[0]);\n tracepoint = board.select(parents[1]);\n\n if (glider.type !== Const.OBJECT_TYPE_GLIDER || !Type.isPoint(tracepoint)) {\n throw new Error(\n \"JSXGraph: Can't create trace curve with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [glider, point]\"\n );\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"tracecurve\");\n attr.curvetype = \"plot\";\n c = board.create(\"curve\", [[0], [0]], attr);\n\n /**\n * @ignore\n */\n c.updateDataArray = function () {\n var i,\n step,\n t,\n el,\n pEl,\n x,\n y,\n from,\n savetrace,\n le = attr.numberpoints,\n savePos = glider.position,\n slideObj = glider.slideObject,\n mi = slideObj.minX(),\n ma = slideObj.maxX();\n\n // set step width\n step = (ma - mi) / le;\n this.dataX = [];\n this.dataY = [];\n\n /*\n * For gliders on circles and lines a closed curve is computed.\n * For gliders on curves the curve is not closed.\n */\n if (slideObj.elementClass !== Const.OBJECT_CLASS_CURVE) {\n le++;\n }\n\n // Loop over all steps\n for (i = 0; i < le; i++) {\n t = mi + i * step;\n x = slideObj.X(t) / slideObj.Z(t);\n y = slideObj.Y(t) / slideObj.Z(t);\n\n // Position the glider\n glider.setPositionDirectly(Const.COORDS_BY_USER, [x, y]);\n from = false;\n\n // Update all elements from the glider up to the trace element\n for (el in this.board.objects) {\n if (this.board.objects.hasOwnProperty(el)) {\n pEl = this.board.objects[el];\n\n if (pEl === glider) {\n from = true;\n }\n\n if (from && pEl.needsRegularUpdate) {\n // Save the trace mode of the element\n savetrace = pEl.visProp.trace;\n pEl.visProp.trace = false;\n pEl.needsUpdate = true;\n pEl.update(true);\n\n // Restore the trace mode\n pEl.visProp.trace = savetrace;\n if (pEl === tracepoint) {\n break;\n }\n }\n }\n }\n\n // Store the position of the trace point\n this.dataX[i] = tracepoint.X();\n this.dataY[i] = tracepoint.Y();\n }\n\n // Restore the original position of the glider\n glider.position = savePos;\n from = false;\n\n // Update all elements from the glider to the trace point\n for (el in this.board.objects) {\n if (this.board.objects.hasOwnProperty(el)) {\n pEl = this.board.objects[el];\n if (pEl === glider) {\n from = true;\n }\n\n if (from && pEl.needsRegularUpdate) {\n savetrace = pEl.visProp.trace;\n pEl.visProp.trace = false;\n pEl.needsUpdate = true;\n pEl.update(true);\n pEl.visProp.trace = savetrace;\n\n if (pEl === tracepoint) {\n break;\n }\n }\n }\n }\n };\n\n return c;\n};\n\nJXG.registerElement(\"tracecurve\", JXG.createTracecurve);\n\n/**\n * @class This element is used to provide a constructor for step function, which is realized as a special curve.\n *\n * In case the data points should be updated after creation time, they can be accessed by curve.xterm and curve.yterm.\n * @pseudo\n * @description\n * @name Stepfunction\n * @augments JXG.Curve\n * @constructor\n * @type JXG.Curve\n * @param {Array,Array|Function} Parent elements of Stepfunction are two arrays containing the coordinates.\n * @see JXG.Curve\n * @example\n * // Create step function.\n var curve = board.create('stepfunction', [[0,1,2,3,4,5], [1,3,0,2,2,1]]);\n\n * \n * \n */\nJXG.createStepfunction = function (board, parents, attributes) {\n var c, attr;\n if (parents.length !== 2) {\n throw new Error(\n \"JSXGraph: Can't create step function with given parent'\" +\n \"\\nPossible parent types: [array, array|function]\"\n );\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"stepfunction\");\n c = board.create(\"curve\", parents, attr);\n /**\n * @ignore\n */\n c.updateDataArray = function () {\n var i,\n j = 0,\n len = this.xterm.length;\n\n this.dataX = [];\n this.dataY = [];\n\n if (len === 0) {\n return;\n }\n\n this.dataX[j] = this.xterm[0];\n this.dataY[j] = this.yterm[0];\n ++j;\n\n for (i = 1; i < len; ++i) {\n this.dataX[j] = this.xterm[i];\n this.dataY[j] = this.dataY[j - 1];\n ++j;\n this.dataX[j] = this.xterm[i];\n this.dataY[j] = this.yterm[i];\n ++j;\n }\n };\n\n return c;\n};\n\nJXG.registerElement(\"stepfunction\", JXG.createStepfunction);\n\n/**\n * @class This element is used to provide a constructor for the graph showing\n * the (numerical) derivative of a given curve.\n *\n * @pseudo\n * @description\n * @name Derivative\n * @augments JXG.Curve\n * @constructor\n * @type JXG.Curve\n * @param {JXG.Curve} Parent Curve for which the derivative is generated.\n * @see JXG.Curve\n * @example\n * var cu = board.create('cardinalspline', [[[-3,0], [-1,2], [0,1], [2,0], [3,1]], 0.5, 'centripetal'], {createPoints: false});\n * var d = board.create('derivative', [cu], {dash: 2});\n *\n * \n * \n *\n */\nJXG.createDerivative = function (board, parents, attributes) {\n var c, curve, dx, dy, attr;\n\n if (parents.length !== 1 && parents[0].class !== Const.OBJECT_CLASS_CURVE) {\n throw new Error(\n \"JSXGraph: Can't create derivative curve with given parent'\" +\n \"\\nPossible parent types: [curve]\"\n );\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"curve\");\n\n curve = parents[0];\n dx = Numerics.D(curve.X);\n dy = Numerics.D(curve.Y);\n\n c = board.create(\n \"curve\",\n [\n function (t) {\n return curve.X(t);\n },\n function (t) {\n return dy(t) / dx(t);\n },\n curve.minX(),\n curve.maxX()\n ],\n attr\n );\n\n c.setParents(curve);\n\n return c;\n};\n\nJXG.registerElement(\"derivative\", JXG.createDerivative);\n\n/**\n * @class Intersection of two closed path elements. The elements may be of type curve, circle, polygon, inequality.\n * If one element is a curve, it has to be closed.\n * The resulting element is of type curve.\n * @pseudo\n * @description\n * @name CurveIntersection\n * @param {JXG.Curve|JXG.Polygon|JXG.Circle} curve1 First element which is intersected\n * @param {JXG.Curve|JXG.Polygon|JXG.Circle} curve2 Second element which is intersected\n * @augments JXG.Curve\n * @constructor\n * @type JXG.Curve\n *\n * @example\n * var f = board.create('functiongraph', ['cos(x)']);\n * var ineq = board.create('inequality', [f], {inverse: true, fillOpacity: 0.1});\n * var circ = board.create('circle', [[0,0], 4]);\n * var clip = board.create('curveintersection', [ineq, circ], {fillColor: 'yellow', fillOpacity: 0.6});\n *\n * \n * \n *\n */\nJXG.createCurveIntersection = function (board, parents, attributes) {\n var c;\n\n if (parents.length !== 2) {\n throw new Error(\n \"JSXGraph: Can't create curve intersection with given parent'\" +\n \"\\nPossible parent types: [array, array|function]\"\n );\n }\n\n c = board.create(\"curve\", [[], []], attributes);\n /**\n * @ignore\n */\n c.updateDataArray = function () {\n var a = JXG.Math.Clip.intersection(parents[0], parents[1], this.board);\n this.dataX = a[0];\n this.dataY = a[1];\n };\n return c;\n};\n\n/**\n * @class Union of two closed path elements. The elements may be of type curve, circle, polygon, inequality.\n * If one element is a curve, it has to be closed.\n * The resulting element is of type curve.\n * @pseudo\n * @description\n * @name CurveUnion\n * @param {JXG.Curve|JXG.Polygon|JXG.Circle} curve1 First element defining the union\n * @param {JXG.Curve|JXG.Polygon|JXG.Circle} curve2 Second element defining the union\n * @augments JXG.Curve\n * @constructor\n * @type JXG.Curve\n *\n * @example\n * var f = board.create('functiongraph', ['cos(x)']);\n * var ineq = board.create('inequality', [f], {inverse: true, fillOpacity: 0.1});\n * var circ = board.create('circle', [[0,0], 4]);\n * var clip = board.create('curveunion', [ineq, circ], {fillColor: 'yellow', fillOpacity: 0.6});\n *\n * \n * \n *\n */\nJXG.createCurveUnion = function (board, parents, attributes) {\n var c;\n\n if (parents.length !== 2) {\n throw new Error(\n \"JSXGraph: Can't create curve union with given parent'\" +\n \"\\nPossible parent types: [array, array|function]\"\n );\n }\n\n c = board.create(\"curve\", [[], []], attributes);\n /**\n * @ignore\n */\n c.updateDataArray = function () {\n var a = JXG.Math.Clip.union(parents[0], parents[1], this.board);\n this.dataX = a[0];\n this.dataY = a[1];\n };\n return c;\n};\n\n/**\n * @class Difference of two closed path elements. The elements may be of type curve, circle, polygon, inequality.\n * If one element is a curve, it has to be closed.\n * The resulting element is of type curve.\n * @pseudo\n * @description\n * @name CurveDifference\n * @param {JXG.Curve|JXG.Polygon|JXG.Circle} curve1 First element from which the second element is \"subtracted\"\n * @param {JXG.Curve|JXG.Polygon|JXG.Circle} curve2 Second element which is subtracted from the first element\n * @augments JXG.Curve\n * @constructor\n * @type JXG.Curve\n *\n * @example\n * var f = board.create('functiongraph', ['cos(x)']);\n * var ineq = board.create('inequality', [f], {inverse: true, fillOpacity: 0.1});\n * var circ = board.create('circle', [[0,0], 4]);\n * var clip = board.create('curvedifference', [ineq, circ], {fillColor: 'yellow', fillOpacity: 0.6});\n *\n * \n * \n *\n */\nJXG.createCurveDifference = function (board, parents, attributes) {\n var c;\n\n if (parents.length !== 2) {\n throw new Error(\n \"JSXGraph: Can't create curve difference with given parent'\" +\n \"\\nPossible parent types: [array, array|function]\"\n );\n }\n\n c = board.create(\"curve\", [[], []], attributes);\n /**\n * @ignore\n */\n c.updateDataArray = function () {\n var a = JXG.Math.Clip.difference(parents[0], parents[1], this.board);\n this.dataX = a[0];\n this.dataY = a[1];\n };\n return c;\n};\n\nJXG.registerElement(\"curvedifference\", JXG.createCurveDifference);\nJXG.registerElement(\"curveintersection\", JXG.createCurveIntersection);\nJXG.registerElement(\"curveunion\", JXG.createCurveUnion);\n\n/**\n * @class Box plot curve. The direction of the box plot can be either vertical or horizontal which\n * is controlled by the attribute \"dir\".\n * @pseudo\n * @description\n * @name Boxplot\n * @param {Array} quantiles Array conatining at least five quantiles. The elements can be of type number, function or string.\n * @param {Number|Function} axis Axis position of the box plot\n * @param {Number|Function} width Width of the rectangle part of the box plot. The width of the first and 4th quantile\n * is relative to this width and can be controlled by the attribute \"smallWidth\".\n * @augments JXG.Curve\n * @constructor\n * @type JXG.Curve\n *\n * @example\n * var Q = [ -1, 2, 3, 3.5, 5 ];\n *\n * var b = board.create('boxplot', [Q, 2, 4], {strokeWidth: 3});\n *\n * \n * \n *\n * @example\n * var Q = [ -1, 2, 3, 3.5, 5 ];\n * var b = board.create('boxplot', [Q, 3, 4], {dir: 'horizontal', smallWidth: 0.25, color:'red'});\n *\n * \n * \n *\n * @example\n * var data = [57, 57, 57, 58, 63, 66, 66, 67, 67, 68, 69, 70, 70, 70, 70, 72, 73, 75, 75, 76, 76, 78, 79, 81];\n * var Q = [];\n *\n * Q[0] = JXG.Math.Statistics.min(data);\n * Q = Q.concat(JXG.Math.Statistics.percentile(data, [25, 50, 75]));\n * Q[4] = JXG.Math.Statistics.max(data);\n *\n * var b = board.create('boxplot', [Q, 0, 3]);\n *\n * \n * \n *\n * @example\n * var mi = board.create('glider', [0, -1, board.defaultAxes.y]);\n * var ma = board.create('glider', [0, 5, board.defaultAxes.y]);\n * var Q = [function() { return mi.Y(); }, 2, 3, 3.5, function() { return ma.Y(); }];\n *\n * var b = board.create('boxplot', [Q, 0, 2]);\n *\n * \n * \n *\n */\nJXG.createBoxPlot = function (board, parents, attributes) {\n var box, i, len, w2,\n attr = Type.copyAttributes(attributes, board.options, \"boxplot\");\n\n if (parents.length !== 3) {\n throw new Error(\n \"JSXGraph: Can't create box plot with given parent'\" +\n \"\\nPossible parent types: [array, number|function, number|function] containing quantiles, axis, width\"\n );\n }\n if (parents[0].length < 5) {\n throw new Error(\n \"JSXGraph: Can't create box plot with given parent[0]'\" +\n \"\\nparent[0] has to conatin at least 5 quantiles.\"\n );\n }\n box = board.create(\"curve\", [[], []], attr);\n\n len = parents[0].length; // Quantiles\n box.Q = [];\n for (i = 0; i < len; i++) {\n box.Q[i] = Type.createFunction(parents[0][i], board, null, true);\n }\n box.x = Type.createFunction(parents[1], board, null, true);\n box.w = Type.createFunction(parents[2], board, null, true);\n\n box.updateDataArray = function () {\n var v1, v2, l1, l2, r1, r2, w2, dir, x;\n\n w2 = Type.evaluate(this.visProp.smallwidth);\n dir = Type.evaluate(this.visProp.dir);\n x = this.x();\n l1 = x - this.w() * 0.5;\n l2 = x - this.w() * 0.5 * w2;\n r1 = x + this.w() * 0.5;\n r2 = x + this.w() * 0.5 * w2;\n v1 = [x, l2, r2, x, x, l1, l1, r1, r1, x, NaN, l1, r1, NaN, x, x, l2, r2, x];\n v2 = [\n this.Q[0](),\n this.Q[0](),\n this.Q[0](),\n this.Q[0](),\n this.Q[1](),\n this.Q[1](),\n this.Q[3](),\n this.Q[3](),\n this.Q[1](),\n this.Q[1](),\n NaN,\n this.Q[2](),\n this.Q[2](),\n NaN,\n this.Q[3](),\n this.Q[4](),\n this.Q[4](),\n this.Q[4](),\n this.Q[4]()\n ];\n if (dir === \"vertical\") {\n this.dataX = v1;\n this.dataY = v2;\n } else {\n this.dataX = v2;\n this.dataY = v1;\n }\n };\n\n box.addParentsFromJCFunctions([box.Q, box.x, box.w]);\n\n return box;\n};\n\nJXG.registerElement(\"boxplot\", JXG.createBoxPlot);\n\nexport default JXG.Curve;\n\n// export default {\n// Curve: JXG.Curve,\n// createCardinalSpline: JXG.createCardinalSpline,\n// createCurve: JXG.createCurve,\n// createCurveDifference: JXG.createCurveDifference,\n// createCurveIntersection: JXG.createCurveIntersection,\n// createCurveUnion: JXG.createCurveUnion,\n// createDerivative: JXG.createDerivative,\n// createFunctiongraph: JXG.createFunctiongraph,\n// createMetapostSpline: JXG.createMetapostSpline,\n// createPlot: JXG.createFunctiongraph,\n// createSpline: JXG.createSpline,\n// createRiemannsum: JXG.createRiemannsum,\n// createStepfunction: JXG.createStepfunction,\n// createTracecurve: JXG.createTracecurve\n// };\n\n// const Curve = JXG.Curve;\n// export { Curve as default, Curve};\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * \n *\n * @example\n * var t = board.create('transform', [2, 1.5], {type: 'scale'});\n * var a1 = board.create('arc', [[1, 1], [0, 1], [1, 0]], {strokeColor: 'red'});\n * var a2 = board.create('curve', [a1, t], {strokeColor: 'red'});\n *\n * \n * \n *\n */\nJXG.createArc = function (board, parents, attributes) {\n var el, attr, points;\n\n points = Type.providePoints(board, parents, attributes, \"arc\", [\n \"center\",\n \"radiusPoint\",\n \"anglePoint\"\n ]);\n if (points === false || points.length < 3) {\n throw new Error(\n \"JSXGraph: Can't create Arc with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"' and '\" +\n typeof parents[2] +\n \"'.\" +\n \"\\nPossible parent types: [point,point,point], [arc, transformation]\"\n );\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"arc\");\n el = board.create(\"curve\", [[0], [0]], attr);\n\n el.elType = \"arc\";\n el.setParents(points);\n\n /**\n * documented in JXG.GeometryElement\n * @ignore\n */\n el.type = Const.OBJECT_TYPE_ARC;\n\n /**\n * Center of the arc.\n * @memberOf Arc.prototype\n * @name center\n * @type JXG.Point\n */\n el.center = points[0];\n\n /**\n * Point defining the arc's radius.\n * @memberOf Arc.prototype\n * @name radiuspoint\n * @type JXG.Point\n */\n el.radiuspoint = points[1];\n el.point2 = el.radiuspoint;\n\n /**\n * The point defining the arc's angle.\n * @memberOf Arc.prototype\n * @name anglepoint\n * @type JXG.Point\n */\n el.anglepoint = points[2];\n el.point3 = el.anglepoint;\n\n // Add arc as child to defining points\n // or vice versa if the points are provided as coordinates\n if (Type.exists(el.center._is_new)) {\n el.addChild(el.center);\n delete el.center._is_new;\n } else {\n el.center.addChild(el);\n }\n if (Type.exists(el.radiuspoint._is_new)) {\n el.addChild(el.radiuspoint);\n delete el.radiuspoint._is_new;\n } else {\n el.radiuspoint.addChild(el);\n }\n if (Type.exists(el.anglepoint._is_new)) {\n el.addChild(el.anglepoint);\n delete el.anglepoint._is_new;\n } else {\n el.anglepoint.addChild(el);\n }\n\n // should be documented in options\n el.useDirection = attr.usedirection;\n\n // documented in JXG.Curve\n el.updateDataArray = function () {\n var ar,\n phi,\n det,\n p0c,\n p1c,\n p2c,\n sgn = 1,\n A = this.radiuspoint,\n B = this.center,\n C = this.anglepoint,\n ev_s = Type.evaluate(this.visProp.selection);\n\n phi = Geometry.rad(A, B, C);\n if ((ev_s === \"minor\" && phi > Math.PI) || (ev_s === \"major\" && phi < Math.PI)) {\n sgn = -1;\n }\n\n // This is true for circumCircleArcs. In that case there is\n // a fourth parent element: [center, point1, point3, point2]\n if (this.useDirection) {\n p0c = points[1].coords.usrCoords;\n p1c = points[3].coords.usrCoords;\n p2c = points[2].coords.usrCoords;\n det = (p0c[1] - p2c[1]) * (p0c[2] - p1c[2]) - (p0c[2] - p2c[2]) * (p0c[1] - p1c[1]);\n\n if (det < 0) {\n this.radiuspoint = points[1];\n this.anglepoint = points[2];\n } else {\n this.radiuspoint = points[2];\n this.anglepoint = points[1];\n }\n }\n\n A = A.coords.usrCoords;\n B = B.coords.usrCoords;\n C = C.coords.usrCoords;\n\n ar = Geometry.bezierArc(A, B, C, false, sgn);\n\n this.dataX = ar[0];\n this.dataY = ar[1];\n\n this.bezierDegree = 3;\n\n this.updateStdform();\n this.updateQuadraticform();\n };\n\n /**\n * Determines the arc's current radius. I.e. the distance between {@link Arc#center} and {@link Arc#radiuspoint}.\n * @memberOf Arc.prototype\n * @name Radius\n * @function\n * @returns {Number} The arc's radius\n */\n el.Radius = function () {\n return this.radiuspoint.Dist(this.center);\n };\n\n /**\n * @deprecated Use {@link Arc#Radius}\n * @memberOf Arc.prototype\n * @name getRadius\n * @function\n * @returns {Number}\n */\n el.getRadius = function () {\n JXG.deprecated(\"Arc.getRadius()\", \"Arc.Radius()\");\n return this.Radius();\n };\n\n /**\n * Returns the length of the arc.\n * @memberOf Arc.prototype\n * @name Value\n * @function\n * @returns {Number} The arc length\n */\n el.Value = function () {\n return this.Radius() * Geometry.rad(this.radiuspoint, this.center, this.anglepoint);\n };\n\n // documented in geometry element\n el.hasPoint = function (x, y) {\n var dist,\n checkPoint,\n has,\n invMat,\n c,\n prec,\n type,\n r = this.Radius();\n\n if (Type.evaluate(this.visProp.hasinnerpoints)) {\n return this.hasPointSector(x, y);\n }\n\n if (Type.isObject(Type.evaluate(this.visProp.precision))) {\n type = this.board._inputDevice;\n prec = Type.evaluate(this.visProp.precision[type]);\n } else {\n // 'inherit'\n prec = this.board.options.precision.hasPoint;\n }\n prec /= Math.min(this.board.unitX, this.board.unitY);\n checkPoint = new Coords(Const.COORDS_BY_SCREEN, [x, y], this.board);\n\n if (this.transformations.length > 0) {\n // Transform the mouse/touch coordinates\n // back to the original position of the curve.\n this.updateTransformMatrix();\n invMat = Mat.inverse(this.transformMat);\n c = Mat.matVecMult(invMat, checkPoint.usrCoords);\n checkPoint = new Coords(Const.COORDS_BY_USER, c, this.board);\n }\n\n dist = this.center.coords.distance(Const.COORDS_BY_USER, checkPoint);\n has = Math.abs(dist - r) < prec;\n\n /**\n * At that point we know that the user has touched the circle line.\n * Now, we have to check, if the user has hit the arc path.\n */\n if (has) {\n has = Geometry.coordsOnArc(this, checkPoint);\n }\n return has;\n };\n\n /**\n * Checks whether (x,y) is within the sector defined by the arc.\n * @memberOf Arc.prototype\n * @name hasPointSector\n * @function\n * @param {Number} x Coordinate in x direction, screen coordinates.\n * @param {Number} y Coordinate in y direction, screen coordinates.\n * @returns {Boolean} True if (x,y) is within the sector defined by the arc, False otherwise.\n */\n el.hasPointSector = function (x, y) {\n var checkPoint = new Coords(Const.COORDS_BY_SCREEN, [x, y], this.board),\n r = this.Radius(),\n dist = this.center.coords.distance(Const.COORDS_BY_USER, checkPoint),\n has = dist < r;\n\n if (has) {\n has = Geometry.coordsOnArc(this, checkPoint);\n }\n return has;\n };\n\n // documented in geometry element\n el.getTextAnchor = function () {\n return this.center.coords;\n };\n\n // documented in geometry element\n el.getLabelAnchor = function () {\n var coords,\n vec,\n vecx,\n vecy,\n len,\n angle = Geometry.rad(this.radiuspoint, this.center, this.anglepoint),\n dx = 10 / this.board.unitX,\n dy = 10 / this.board.unitY,\n p2c = this.point2.coords.usrCoords,\n pmc = this.center.coords.usrCoords,\n bxminusax = p2c[1] - pmc[1],\n byminusay = p2c[2] - pmc[2],\n ev_s = Type.evaluate(this.visProp.selection),\n l_vp = this.label ? this.label.visProp : this.visProp.label;\n\n // If this is uncommented, the angle label can not be dragged\n //if (Type.exists(this.label)) {\n // this.label.relativeCoords = new Coords(Const.COORDS_BY_SCREEN, [0, 0], this.board);\n //}\n\n if ((ev_s === \"minor\" && angle > Math.PI) || (ev_s === \"major\" && angle < Math.PI)) {\n angle = -(2 * Math.PI - angle);\n }\n\n coords = new Coords(\n Const.COORDS_BY_USER,\n [\n pmc[1] + Math.cos(angle * 0.5) * bxminusax - Math.sin(angle * 0.5) * byminusay,\n pmc[2] + Math.sin(angle * 0.5) * bxminusax + Math.cos(angle * 0.5) * byminusay\n ],\n this.board\n );\n\n vecx = coords.usrCoords[1] - pmc[1];\n vecy = coords.usrCoords[2] - pmc[2];\n\n len = Math.sqrt(vecx * vecx + vecy * vecy);\n vecx = (vecx * (len + dx)) / len;\n vecy = (vecy * (len + dy)) / len;\n vec = [pmc[1] + vecx, pmc[2] + vecy];\n\n l_vp.position = Geometry.calcLabelQuadrant(Geometry.rad([1, 0], [0, 0], vec));\n\n return new Coords(Const.COORDS_BY_USER, vec, this.board);\n };\n\n // documentation in jxg.circle\n el.updateQuadraticform = Circle.prototype.updateQuadraticform;\n\n // documentation in jxg.circle\n el.updateStdform = Circle.prototype.updateStdform;\n\n el.methodMap = JXG.deepCopy(el.methodMap, {\n getRadius: \"getRadius\",\n radius: \"Radius\",\n center: \"center\",\n radiuspoint: \"radiuspoint\",\n anglepoint: \"anglepoint\",\n Value: \"Value\"\n });\n\n el.prepareUpdate().update();\n return el;\n};\n\nJXG.registerElement(\"arc\", JXG.createArc);\n\n/**\n * @class A semicircle is a special arc defined by two points. The arc hits both points.\n * @pseudo\n * @name Semicircle\n * @augments Arc\n * @constructor\n * @type Arc\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point} p1,p2 The result will be a composition of an arc drawn clockwise from p1 and\n * p2 and the midpoint of p1 and p2.\n * @example\n * // Create an arc out of three free points\n * var p1 = board.create('point', [4.5, 2.0]);\n * var p2 = board.create('point', [1.0, 0.5]);\n *\n * var a = board.create('semicircle', [p1, p2]);\n * \n * \n */\nJXG.createSemicircle = function (board, parents, attributes) {\n var el, mp, attr, points;\n\n // we need 2 points\n points = Type.providePoints(board, parents, attributes, \"point\");\n if (points === false || points.length !== 2) {\n throw new Error(\n \"JSXGraph: Can't create Semicircle with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,point]\"\n );\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"semicircle\", \"center\");\n mp = board.create(\"midpoint\", points, attr);\n mp.dump = false;\n\n attr = Type.copyAttributes(attributes, board.options, \"semicircle\");\n el = board.create(\"arc\", [mp, points[1], points[0]], attr);\n el.elType = \"semicircle\";\n el.setParents([points[0].id, points[1].id]);\n el.subs = {\n midpoint: mp\n };\n el.inherits.push(mp);\n\n /**\n * The midpoint of the two defining points.\n * @memberOf Semicircle.prototype\n * @name midpoint\n * @type Midpoint\n */\n el.midpoint = el.center = mp;\n\n return el;\n};\n\nJXG.registerElement(\"semicircle\", JXG.createSemicircle);\n\n/**\n * @class A circumcircle arc is an {@link Arc} defined by three points. All three points lie on the arc.\n * @pseudo\n * @name CircumcircleArc\n * @augments Arc\n * @constructor\n * @type Arc\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point_JXG.Point} p1,p2,p3 The result will be a composition of an arc of the circumcircle of\n * p1, p2, and p3 and the midpoint of the circumcircle of the three points. The arc is drawn\n * counter-clockwise from p1 over p2 to p3.\n * @example\n * // Create a circum circle arc out of three free points\n * var p1 = board.create('point', [2.0, 2.0]);\n * var p2 = board.create('point', [1.0, 0.5]);\n * var p3 = board.create('point', [3.5, 1.0]);\n *\n * var a = board.create('circumcirclearc', [p1, p2, p3]);\n * \n * \n */\nJXG.createCircumcircleArc = function (board, parents, attributes) {\n var el, mp, attr, points;\n\n // We need three points\n points = Type.providePoints(board, parents, attributes, \"point\");\n if (points === false || points.length !== 3) {\n throw new Error(\n \"JSXGraph: create Circumcircle Arc with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"' and '\" +\n typeof parents[2] +\n \"'.\" +\n \"\\nPossible parent types: [point,point,point]\"\n );\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"circumcirclearc\", \"center\");\n mp = board.create(\"circumcenter\", points, attr);\n mp.dump = false;\n\n attr = Type.copyAttributes(attributes, board.options, \"circumcirclearc\");\n attr.usedirection = true;\n el = board.create(\"arc\", [mp, points[0], points[2], points[1]], attr);\n\n el.elType = \"circumcirclearc\";\n el.setParents([points[0].id, points[1].id, points[2].id]);\n el.subs = {\n center: mp\n };\n el.inherits.push(mp);\n\n /**\n * The midpoint of the circumcircle of the three points defining the circumcircle arc.\n * @memberOf CircumcircleArc.prototype\n * @name center\n * @type Circumcenter\n */\n el.center = mp;\n\n return el;\n};\n\nJXG.registerElement(\"circumcirclearc\", JXG.createCircumcircleArc);\n\n/**\n * @class A minor arc is a segment of the circumference of a circle having measure less than or equal to\n * 180 degrees (pi radians). It is defined by a center, one point that\n * defines the radius, and a third point that defines the angle of the arc.\n * @pseudo\n * @name MinorArc\n * @augments Curve\n * @constructor\n * @type JXG.Curve\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point_JXG.Point} p1,p2,p3 . Minor arc is an arc of a circle around p1 having measure less than or equal to\n * 180 degrees (pi radians) and starts at p2. The radius is determined by p2, the angle by p3.\n * @example\n * // Create an arc out of three free points\n * var p1 = board.create('point', [2.0, 2.0]);\n * var p2 = board.create('point', [1.0, 0.5]);\n * var p3 = board.create('point', [3.5, 1.0]);\n *\n * var a = board.create('arc', [p1, p2, p3]);\n * \n * \n */\n\nJXG.createMinorArc = function (board, parents, attributes) {\n attributes.selection = \"minor\";\n return JXG.createArc(board, parents, attributes);\n};\n\nJXG.registerElement(\"minorarc\", JXG.createMinorArc);\n\n/**\n * @class A major arc is a segment of the circumference of a circle having measure greater than or equal to\n * 180 degrees (pi radians). It is defined by a center, one point that\n * defines the radius, and a third point that defines the angle of the arc.\n * @pseudo\n * @name MajorArc\n * @augments Curve\n * @constructor\n * @type JXG.Curve\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point_JXG.Point} p1,p2,p3 . Major arc is an arc of a circle around p1 having measure greater than or equal to\n * 180 degrees (pi radians) and starts at p2. The radius is determined by p2, the angle by p3.\n * @example\n * // Create an arc out of three free points\n * var p1 = board.create('point', [2.0, 2.0]);\n * var p2 = board.create('point', [1.0, 0.5]);\n * var p3 = board.create('point', [3.5, 1.0]);\n *\n * var a = board.create('minorarc', [p1, p2, p3]);\n * \n * \n */\nJXG.createMajorArc = function (board, parents, attributes) {\n attributes.selection = \"major\";\n return JXG.createArc(board, parents, attributes);\n};\n\nJXG.registerElement(\"majorarc\", JXG.createMajorArc);\n\n// export default {\n// createArc: JXG.createArc,\n// createSemicircle: JXG.createSemicircle,\n// createCircumcircleArc: JXG.createCircumcircleArc,\n// createMinorArc: JXG.createMinorArc,\n// createMajorArc: JXG.createMajorArc\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * Second possibility of input parameters are:\n * @param {JXG.Line_JXG.Line_array,number_array,number_number,function} line, line2, coords1 or direction1, coords2 or direction2, radius The sector is defined by two lines.\n * The two legs which define the sector are given by two coordinates arrays which are project initially two the two lines or by two directions (+/- 1).\n * The last parameter is the radius of the sector.\n *\n *\n * @example\n * // Create a sector out of three free points\n * var p1 = board.create('point', [1.5, 5.0]),\n * p2 = board.create('point', [1.0, 0.5]),\n * p3 = board.create('point', [5.0, 3.0]),\n *\n * a = board.create('sector', [p1, p2, p3]);\n *
\n * \n *\n * @example\n * // Create a sector out of two lines, two directions and a radius\n * var p1 = board.create('point', [-1, 4]),\n * p2 = board.create('point', [4, 1]),\n * q1 = board.create('point', [-2, -3]),\n * q2 = board.create('point', [4,3]),\n *\n * li1 = board.create('line', [p1,p2], {strokeColor:'black', lastArrow:true}),\n * li2 = board.create('line', [q1,q2], {lastArrow:true}),\n *\n * sec1 = board.create('sector', [li1, li2, [5.5, 0], [4, 3], 3]),\n * sec2 = board.create('sector', [li1, li2, 1, -1, 4]);\n *\n * \n * \n *\n * @example\n * var t = board.create('transform', [2, 1.5], {type: 'scale'});\n * var s1 = board.create('sector', [[-3.5,-3], [-3.5, -2], [-3.5,-4]], {\n * anglePoint: {visible:true}, center: {visible: true}, radiusPoint: {visible: true},\n * fillColor: 'yellow', strokeColor: 'black'});\n * var s2 = board.create('curve', [s1, t], {fillColor: 'yellow', strokeColor: 'black'});\n *\n * \n * \n *\n * @example\n * var A = board.create('point', [3, -2]),\n * B = board.create('point', [-2, -2]),\n * C = board.create('point', [0, 4]);\n * \n * var angle = board.create('sector', [B, A, C], {\n * strokeWidth: 0,\n * arc: {\n * \tvisible: true,\n * \tstrokeWidth: 3,\n * lastArrow: {size: 4},\n * firstArrow: {size: 4}\n * }\n * });\n * //angle.arc.setAttribute({firstArrow: false});\n * angle.arc.setAttribute({lastArrow: false});\n * \n * \n * \n * \n * \n */\nJXG.createSector = function (board, parents, attributes) {\n var el,\n attr,\n i,\n type = \"invalid\",\n s,\n v,\n attrPoints = [\"center\", \"radiusPoint\", \"anglePoint\"],\n points;\n\n // Three points?\n if (\n parents[0].elementClass === Const.OBJECT_CLASS_LINE &&\n parents[1].elementClass === Const.OBJECT_CLASS_LINE &&\n (Type.isArray(parents[2]) || Type.isNumber(parents[2])) &&\n (Type.isArray(parents[3]) || Type.isNumber(parents[3])) &&\n (Type.isNumber(parents[4]) || Type.isFunction(parents[4]) || Type.isString(parents[4]))\n ) {\n type = \"2lines\";\n } else {\n points = Type.providePoints(board, parents, attributes, \"sector\", attrPoints);\n if (points === false) {\n throw new Error(\n \"JSXGraph: Can't create Sector with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"' and '\" +\n typeof parents[2] +\n \"'.\"\n );\n }\n type = \"3points\";\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"sector\");\n el = board.create(\"curve\", [[0], [0]], attr);\n el.type = Const.OBJECT_TYPE_SECTOR;\n el.elType = \"sector\";\n\n /**\n * Set a radius if the attribute `radius` has value 'auto'.\n * Sets a radius between 20 and 50 points, depending on the distance\n * between the center and the radius point.\n * This function is used in {@link Angle}.\n *\n * @returns {Number} returns a radius value in user coordinates.\n */\n el.autoRadius = function () {\n var r1 = 20 / el.board.unitX, // 20px\n r2 = Infinity,\n r3 = 50 / el.board.unitX; // 50px\n\n if (Type.isPoint(el.center)) {\n // This does not work for 2-lines sectors / angles\n r2 = el.center.Dist(el.point2) * 0.3333;\n }\n\n return Math.max(r1, Math.min(r2, r3));\n };\n\n if (type === \"2lines\") {\n /**\n * @ignore\n */\n el.Radius = function () {\n var r = Type.evaluate(parents[4]);\n if (r === \"auto\") {\n return this.autoRadius();\n }\n return r;\n };\n\n el.line1 = board.select(parents[0]);\n el.line2 = board.select(parents[1]);\n\n el.line1.addChild(el);\n el.line2.addChild(el);\n el.setParents(parents);\n\n el.point1 = { visProp: {} };\n el.point2 = { visProp: {} };\n el.point3 = { visProp: {} };\n\n /* Intersection point */\n s = Geometry.meetLineLine(el.line1.stdform, el.line2.stdform, 0, board);\n\n if (Type.isArray(parents[2])) {\n /* project p1 to l1 */\n if (parents[2].length === 2) {\n parents[2] = [1].concat(parents[2]);\n }\n /*\n v = [0, el.line1.stdform[1], el.line1.stdform[2]];\n v = Mat.crossProduct(v, parents[2]);\n v = Geometry.meetLineLine(v, el.line1.stdform, 0, board);\n */\n v = Geometry.projectPointToLine(\n { coords: { usrCoords: parents[2] } },\n el.line1,\n board\n );\n v = Statistics.subtract(v.usrCoords, s.usrCoords);\n el.direction1 =\n Mat.innerProduct(v, [0, el.line1.stdform[2], -el.line1.stdform[1]], 3) >= 0\n ? +1\n : -1;\n } else {\n el.direction1 = parents[2] >= 0 ? 1 : -1;\n }\n\n if (Type.isArray(parents[3])) {\n /* project p2 to l2 */\n if (parents[3].length === 2) {\n parents[3] = [1].concat(parents[3]);\n }\n /*\n v = [0, el.line2.stdform[1], el.line2.stdform[2]];\n v = Mat.crossProduct(v, parents[3]);\n v = Geometry.meetLineLine(v, el.line2.stdform, 0, board);\n */\n v = Geometry.projectPointToLine(\n { coords: { usrCoords: parents[3] } },\n el.line2,\n board\n );\n v = Statistics.subtract(v.usrCoords, s.usrCoords);\n el.direction2 =\n Mat.innerProduct(v, [0, el.line2.stdform[2], -el.line2.stdform[1]], 3) >= 0\n ? +1\n : -1;\n } else {\n el.direction2 = parents[3] >= 0 ? 1 : -1;\n }\n\n el.updateDataArray = function () {\n var r,\n l1,\n l2,\n A = [0, 0, 0],\n B = [0, 0, 0],\n C = [0, 0, 0],\n ar;\n\n l1 = this.line1;\n l2 = this.line2;\n\n // Intersection point of the lines\n B = Mat.crossProduct(l1.stdform, l2.stdform);\n\n if (Math.abs(B[0]) > Mat.eps * Mat.eps) {\n B[1] /= B[0];\n B[2] /= B[0];\n B[0] /= B[0];\n }\n // First point\n r = this.direction1 * this.Radius();\n A = Statistics.add(B, [0, r * l1.stdform[2], -r * l1.stdform[1]]);\n\n // Second point\n r = this.direction2 * this.Radius();\n C = Statistics.add(B, [0, r * l2.stdform[2], -r * l2.stdform[1]]);\n\n this.point2.coords = new Coords(Const.COORDS_BY_USER, A, el.board);\n this.point1.coords = new Coords(Const.COORDS_BY_USER, B, el.board);\n this.point3.coords = new Coords(Const.COORDS_BY_USER, C, el.board);\n\n if (\n Math.abs(A[0]) < Mat.eps ||\n Math.abs(B[0]) < Mat.eps ||\n Math.abs(C[0]) < Mat.eps\n ) {\n this.dataX = [NaN];\n this.dataY = [NaN];\n return;\n }\n\n ar = Geometry.bezierArc(A, B, C, true, 1);\n\n this.dataX = ar[0];\n this.dataY = ar[1];\n\n this.bezierDegree = 3;\n };\n\n el.methodMap = JXG.deepCopy(el.methodMap, {\n radius: \"Radius\",\n getRadius: \"Radius\",\n setRadius: \"setRadius\"\n });\n\n // el.prepareUpdate().update();\n\n // end '2lines'\n } else if (type === \"3points\") {\n /**\n * Midpoint of the sector.\n * @memberOf Sector.prototype\n * @name point1\n * @type JXG.Point\n */\n el.point1 = points[0];\n\n /**\n * This point together with {@link Sector#point1} defines the radius..\n * @memberOf Sector.prototype\n * @name point2\n * @type JXG.Point\n */\n el.point2 = points[1];\n\n /**\n * Defines the sector's angle.\n * @memberOf Sector.prototype\n * @name point3\n * @type JXG.Point\n */\n el.point3 = points[2];\n\n /* Add arc as child to defining points */\n for (i = 0; i < 3; i++) {\n if (Type.exists(points[i]._is_new)) {\n el.addChild(points[i]);\n delete points[i]._is_new;\n } else {\n points[i].addChild(el);\n }\n }\n\n // useDirection is necessary for circumCircleSectors\n el.useDirection = attributes.usedirection;\n el.setParents(points);\n\n /**\n * Defines the sectors orientation in case of circumCircleSectors.\n * @memberOf Sector.prototype\n * @name point4\n * @type JXG.Point\n */\n if (Type.exists(points[3])) {\n el.point4 = points[3];\n el.point4.addChild(el);\n }\n\n el.methodMap = JXG.deepCopy(el.methodMap, {\n arc: \"arc\",\n center: \"center\",\n radiuspoint: \"radiuspoint\",\n anglepoint: \"anglepoint\",\n radius: \"Radius\",\n getRadius: \"Radius\",\n setRadius: \"setRadius\"\n });\n\n /**\n * documented in JXG.Curve\n * @ignore\n */\n el.updateDataArray = function () {\n var ar,\n det,\n p0c,\n p1c,\n p2c,\n A = this.point2,\n B = this.point1,\n C = this.point3,\n phi,\n sgn = 1,\n vp_s = Type.evaluate(this.visProp.selection);\n\n if (!A.isReal || !B.isReal || !C.isReal) {\n this.dataX = [NaN];\n this.dataY = [NaN];\n return;\n }\n\n phi = Geometry.rad(A, B, C);\n if ((vp_s === \"minor\" && phi > Math.PI) || (vp_s === \"major\" && phi < Math.PI)) {\n sgn = -1;\n }\n\n // This is true for circumCircleSectors. In that case there is\n // a fourth parent element: [midpoint, point1, point3, point2]\n if (this.useDirection && Type.exists(this.point4)) {\n p0c = this.point2.coords.usrCoords;\n p1c = this.point4.coords.usrCoords;\n p2c = this.point3.coords.usrCoords;\n det =\n (p0c[1] - p2c[1]) * (p0c[2] - p1c[2]) -\n (p0c[2] - p2c[2]) * (p0c[1] - p1c[1]);\n\n if (det >= 0.0) {\n C = this.point2;\n A = this.point3;\n }\n }\n\n A = A.coords.usrCoords;\n B = B.coords.usrCoords;\n C = C.coords.usrCoords;\n\n ar = Geometry.bezierArc(A, B, C, true, sgn);\n\n this.dataX = ar[0];\n this.dataY = ar[1];\n this.bezierDegree = 3;\n };\n\n /**\n * Returns the radius of the sector.\n * @memberOf Sector.prototype\n * @name Radius\n * @function\n * @returns {Number} The distance between {@link Sector#point1} and {@link Sector#point2}.\n */\n el.Radius = function () {\n return this.point2.Dist(this.point1);\n };\n\n attr = Type.copyAttributes(attributes, board.options, \"sector\", \"arc\");\n attr.withLabel = false;\n attr.name += \"_arc\";\n el.arc = board.create(\"arc\", [el.point1, el.point2, el.point3], attr);\n el.addChild(el.arc);\n } // end '3points'\n\n el.center = el.point1;\n el.radiuspoint = el.point2;\n el.anglepoint = el.point3;\n\n // Default hasPoint method. Documented in geometry element\n el.hasPointCurve = function (x, y) {\n var angle,\n alpha,\n beta,\n prec,\n type,\n checkPoint = new Coords(Const.COORDS_BY_SCREEN, [x, y], this.board),\n r = this.Radius(),\n dist = this.center.coords.distance(Const.COORDS_BY_USER, checkPoint),\n has,\n vp_s = Type.evaluate(this.visProp.selection);\n\n if (Type.isObject(Type.evaluate(this.visProp.precision))) {\n type = this.board._inputDevice;\n prec = Type.evaluate(this.visProp.precision[type]);\n } else {\n // 'inherit'\n prec = this.board.options.precision.hasPoint;\n }\n prec /= Math.min(this.board.unitX, this.board.unitY);\n has = Math.abs(dist - r) < prec;\n if (has) {\n angle = Geometry.rad(this.point2, this.center, checkPoint.usrCoords.slice(1));\n alpha = 0;\n beta = Geometry.rad(this.point2, this.center, this.point3);\n\n if ((vp_s === \"minor\" && beta > Math.PI) || (vp_s === \"major\" && beta < Math.PI)) {\n alpha = beta;\n beta = 2 * Math.PI;\n }\n\n if (angle < alpha || angle > beta) {\n has = false;\n }\n }\n\n return has;\n };\n\n /**\n * Checks whether (x,y) is within the area defined by the sector.\n * @memberOf Sector.prototype\n * @name hasPointSector\n * @function\n * @param {Number} x Coordinate in x direction, screen coordinates.\n * @param {Number} y Coordinate in y direction, screen coordinates.\n * @returns {Boolean} True if (x,y) is within the sector defined by the arc, False otherwise.\n */\n el.hasPointSector = function (x, y) {\n var angle,\n checkPoint = new Coords(Const.COORDS_BY_SCREEN, [x, y], this.board),\n r = this.Radius(),\n dist = this.point1.coords.distance(Const.COORDS_BY_USER, checkPoint),\n alpha,\n beta,\n has = dist < r,\n vp_s = Type.evaluate(this.visProp.selection);\n\n if (has) {\n angle = Geometry.rad(this.radiuspoint, this.center, checkPoint.usrCoords.slice(1));\n alpha = 0.0;\n beta = Geometry.rad(this.radiuspoint, this.center, this.anglepoint);\n\n if ((vp_s === \"minor\" && beta > Math.PI) || (vp_s === \"major\" && beta < Math.PI)) {\n alpha = beta;\n beta = 2 * Math.PI;\n }\n //if (angle > Geometry.rad(this.point2, this.point1, this.point3)) {\n if (angle < alpha || angle > beta) {\n has = false;\n }\n }\n return has;\n };\n\n el.hasPoint = function (x, y) {\n if (\n Type.evaluate(this.visProp.highlightonsector) ||\n Type.evaluate(this.visProp.hasinnerpoints)\n ) {\n return this.hasPointSector(x, y);\n }\n\n return this.hasPointCurve(x, y);\n };\n\n // documented in GeometryElement\n el.getTextAnchor = function () {\n return this.point1.coords;\n };\n\n // documented in GeometryElement\n // this method is very similar to arc.getLabelAnchor()\n // there are some additions in the arc version though, mainly concerning\n // \"major\" and \"minor\" arcs. but maybe these methods can be merged.\n el.getLabelAnchor = function () {\n var coords,\n vec,\n vecx,\n vecy,\n len,\n angle = Geometry.rad(this.point2, this.point1, this.point3),\n dx = 13 / this.board.unitX,\n dy = 13 / this.board.unitY,\n p2c = this.point2.coords.usrCoords,\n pmc = this.point1.coords.usrCoords,\n bxminusax = p2c[1] - pmc[1],\n byminusay = p2c[2] - pmc[2],\n vp_s = Type.evaluate(this.visProp.selection),\n l_vp = this.label ? this.label.visProp : this.visProp.label;\n\n // If this is uncommented, the angle label can not be dragged\n //if (Type.exists(this.label)) {\n // this.label.relativeCoords = new Coords(Const.COORDS_BY_SCREEN, [0, 0], this.board);\n //}\n\n if ((vp_s === \"minor\" && angle > Math.PI) || (vp_s === \"major\" && angle < Math.PI)) {\n angle = -(2 * Math.PI - angle);\n }\n\n coords = new Coords(\n Const.COORDS_BY_USER,\n [\n pmc[1] + Math.cos(angle * 0.5) * bxminusax - Math.sin(angle * 0.5) * byminusay,\n pmc[2] + Math.sin(angle * 0.5) * bxminusax + Math.cos(angle * 0.5) * byminusay\n ],\n this.board\n );\n\n vecx = coords.usrCoords[1] - pmc[1];\n vecy = coords.usrCoords[2] - pmc[2];\n\n len = Math.sqrt(vecx * vecx + vecy * vecy);\n vecx = (vecx * (len + dx)) / len;\n vecy = (vecy * (len + dy)) / len;\n vec = [pmc[1] + vecx, pmc[2] + vecy];\n\n l_vp.position = Geometry.calcLabelQuadrant(Geometry.rad([1, 0], [0, 0], vec));\n\n return new Coords(Const.COORDS_BY_USER, vec, this.board);\n };\n\n /**\n * Overwrite the Radius method of the sector.\n * Used in {@link GeometryElement#setAttribute}.\n * @param {Number, Function} value New radius.\n */\n el.setRadius = function (val) {\n /**\n * @ignore\n */\n el.Radius = function () {\n var r = Type.evaluate(val);\n if (r === \"auto\") {\n return this.autoRadius();\n }\n return r;\n };\n };\n\n /**\n * @deprecated\n * @ignore\n */\n el.getRadius = function () {\n JXG.deprecated(\"Sector.getRadius()\", \"Sector.Radius()\");\n return this.Radius();\n };\n\n /**\n * Moves the sector by the difference of two coordinates.\n * @param {Number} method The type of coordinates used here. Possible values are {@link JXG.COORDS_BY_USER} and {@link JXG.COORDS_BY_SCREEN}.\n * @param {Array} coords coordinates in screen/user units\n * @param {Array} oldcoords previous coordinates in screen/user units\n * @returns {JXG.Curve} this element\n */\n if (type === \"3points\") {\n el.setPositionDirectly = function (method, coords, oldcoords) {\n var dc, t,\n c = new Coords(method, coords, this.board),\n oldc = new Coords(method, oldcoords, this.board);\n\n if (!el.point1.draggable() || !el.point2.draggable() || !el.point3.draggable()) {\n return this;\n }\n\n dc = Statistics.subtract(c.usrCoords, oldc.usrCoords);\n t = this.board.create(\"transform\", dc.slice(1), { type: \"translate\" });\n t.applyOnce([el.point1, el.point2, el.point3]);\n\n return this;\n };\n }\n\n el.prepareUpdate().update();\n\n return el;\n};\n\nJXG.registerElement(\"sector\", JXG.createSector);\n\n/**\n * @class A circumcircle sector is different from a {@link Sector} mostly in the way the parent elements are interpreted.\n * At first, the circum centre is determined from the three given points. Then the sector is drawn from p1 through\n * p2 to p3.\n * @pseudo\n * @name CircumcircleSector\n * @augments Sector\n * @constructor\n * @type Sector\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point_JXG.Point} p1,p2,p1 A circumcircle sector is defined by the circumcircle which is determined\n * by these three given points. The circumcircle sector is always drawn from p1 through p2 to p3.\n * @example\n * // Create an arc out of three free points\n * var p1 = board.create('point', [1.5, 5.0]),\n * p2 = board.create('point', [1.0, 0.5]),\n * p3 = board.create('point', [5.0, 3.0]),\n *\n * a = board.create('circumcirclesector', [p1, p2, p3]);\n * \n * \n */\nJXG.createCircumcircleSector = function (board, parents, attributes) {\n var el, mp, attr, points;\n\n points = Type.providePoints(board, parents, attributes, \"point\");\n if (points === false) {\n throw new Error(\n \"JSXGraph: Can't create circumcircle sector with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"' and '\" +\n typeof parents[2] +\n \"'.\"\n );\n }\n\n mp = board.create(\"circumcenter\", points.slice(0, 3), attr);\n mp.dump = false;\n\n attr = Type.copyAttributes(attributes, board.options, \"circumcirclesector\");\n el = board.create(\"sector\", [mp, points[0], points[2], points[1]], attr);\n\n el.elType = \"circumcirclesector\";\n el.setParents(points);\n\n /**\n * Center of the circumcirclesector\n * @memberOf CircumcircleSector.prototype\n * @name center\n * @type Circumcenter\n */\n el.center = mp;\n el.subs = {\n center: mp\n };\n\n return el;\n};\n\nJXG.registerElement(\"circumcirclesector\", JXG.createCircumcircleSector);\n\n/**\n * @class A minor sector is a sector of a circle having measure less than or equal to\n * 180 degrees (pi radians). It is defined by a center, one point that\n * defines the radius, and a third point that defines the angle of the sector.\n * @pseudo\n * @name MinorSector\n * @augments Curve\n * @constructor\n * @type JXG.Curve\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point_JXG.Point} p1,p2,p3 . Minor sector is a sector of a circle around p1 having measure less than or equal to\n * 180 degrees (pi radians) and starts at p2. The radius is determined by p2, the angle by p3.\n * @example\n * // Create sector out of three free points\n * var p1 = board.create('point', [2.0, 2.0]);\n * var p2 = board.create('point', [1.0, 0.5]);\n * var p3 = board.create('point', [3.5, 1.0]);\n *\n * var a = board.create('minorsector', [p1, p2, p3]);\n * \n * \n * \n * @example\n * var A = board.create('point', [3, -2]),\n * B = board.create('point', [-2, -2]),\n * C = board.create('point', [0, 4]);\n * \n * var angle = board.create('minorsector', [B, A, C], {\n * strokeWidth: 0,\n * arc: {\n * \tvisible: true,\n * \tstrokeWidth: 3,\n * lastArrow: {size: 4},\n * firstArrow: {size: 4}\n * }\n * });\n * //angle.arc.setAttribute({firstArrow: false});\n * angle.arc.setAttribute({lastArrow: false});\n * \n * \n * \n * \n * \n */\nJXG.createMinorSector = function (board, parents, attributes) {\n attributes.selection = \"minor\";\n return JXG.createSector(board, parents, attributes);\n};\n\nJXG.registerElement(\"minorsector\", JXG.createMinorSector);\n\n/**\n * @class A major sector is a sector of a circle having measure greater than or equal to\n * 180 degrees (pi radians). It is defined by a center, one point that\n * defines the radius, and a third point that defines the angle of the sector.\n * @pseudo\n * @name MajorSector\n * @augments Curve\n * @constructor\n * @type JXG.Curve\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point_JXG.Point} p1,p2,p3 . Major sector is a sector of a circle around p1 having measure greater than or equal to\n * 180 degrees (pi radians) and starts at p2. The radius is determined by p2, the angle by p3.\n * @example\n * // Create an arc out of three free points\n * var p1 = board.create('point', [2.0, 2.0]);\n * var p2 = board.create('point', [1.0, 0.5]);\n * var p3 = board.create('point', [3.5, 1.0]);\n *\n * var a = board.create('majorsector', [p1, p2, p3]);\n * \n * \n */\nJXG.createMajorSector = function (board, parents, attributes) {\n attributes.selection = \"major\";\n return JXG.createSector(board, parents, attributes);\n};\n\nJXG.registerElement(\"majorsector\", JXG.createMajorSector);\n\n/**\n * @class The angle element is used to denote an angle defined by three points. Visually it is just a {@link Sector}\n * element with a radius not defined by the parent elements but by an attribute radius. As opposed to the sector,\n * an angle has two angle points and no radius point.\n * Sector is displayed if type==\"sector\".\n * If type==\"square\", instead of a sector a parallelogram is displayed.\n * In case of type==\"auto\", a square is displayed if the angle is near orthogonal.\n * If no name is provided the angle label is automatically set to a lower greek letter.\n * @pseudo\n * @name Angle\n * @augments Sector\n * @constructor\n * @type Sector\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * First possibility of input parameters are:\n * @param {JXG.Point_JXG.Point_JXG.Point} p1,p2,p1 An angle is always drawn counterclockwise from p1 to\n * p3 around p2.\n *\n * Second possibility of input parameters are:\n * @param {JXG.Line_JXG.Line_array|number_array|number} line, line2, coords1 or direction1, coords2 or direction2, radius The angle is defined by two lines.\n * The two legs which define the angle are given by two coordinate arrays.\n * The points given by these coordinate arrays are projected initially (i.e. only once) onto the two lines.\n * The other possibility is to supply directions (+/- 1).\n *\n * @example\n * // Create an angle out of three free points\n * var p1 = board.create('point', [5.0, 3.0]),\n * p2 = board.create('point', [1.0, 0.5]),\n * p3 = board.create('point', [1.5, 5.0]),\n *\n * a = board.create('angle', [p1, p2, p3]),\n * t = board.create('text', [4, 4, function() { return JXG.toFixed(a.Value(), 2); }]);\n * \n * \n *\n * @example\n * // Create an angle out of two lines and two directions\n * var p1 = board.create('point', [-1, 4]),\n * p2 = board.create('point', [4, 1]),\n * q1 = board.create('point', [-2, -3]),\n * q2 = board.create('point', [4,3]),\n *\n * li1 = board.create('line', [p1,p2], {strokeColor:'black', lastArrow:true}),\n * li2 = board.create('line', [q1,q2], {lastArrow:true}),\n *\n * a1 = board.create('angle', [li1, li2, [5.5, 0], [4, 3]], { radius:1 }),\n * a2 = board.create('angle', [li1, li2, 1, -1], { radius:2 });\n *\n *\n * \n * \n *\n *\n * @example\n * // Display the angle value instead of the name\n * var p1 = board.create('point', [0,2]);\n * var p2 = board.create('point', [0,0]);\n * var p3 = board.create('point', [-2,0.2]);\n *\n * var a = board.create('angle', [p1, p2, p3], {\n * \t radius: 1,\n * name: function() {\n * \treturn JXG.Math.Geometry.trueAngle(p1, p2, p3).toFixed(1) + '°';\n * }});\n *\n * \n * \n *\n *\n * @example\n * // Apply a transformation to an angle.\n * var t = board.create('transform', [2, 1.5], {type: 'scale'});\n * var an1 = board.create('angle', [[-4,3.9], [-3, 4], [-3, 3]]);\n * var an2 = board.create('curve', [an1, t]);\n *\n * \n * \n *\n */\nJXG.createAngle = function (board, parents, attributes) {\n var el,\n radius,\n attr,\n attrsub,\n i,\n points,\n type = \"invalid\";\n\n // Two lines or three points?\n if (\n parents[0].elementClass === Const.OBJECT_CLASS_LINE &&\n parents[1].elementClass === Const.OBJECT_CLASS_LINE &&\n (Type.isArray(parents[2]) || Type.isNumber(parents[2])) &&\n (Type.isArray(parents[3]) || Type.isNumber(parents[3]))\n ) {\n type = \"2lines\";\n } else {\n points = Type.providePoints(board, parents, attributes, \"point\");\n if (points === false) {\n throw new Error(\n \"JSXGraph: Can't create angle with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"' and '\" +\n typeof parents[2] +\n \"'.\"\n );\n }\n type = \"3points\";\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"angle\");\n\n // If empty, create a new name\n if (!Type.exists(attr.name) || attr.name === \"\") {\n attr.name = board.generateName({ type: Const.OBJECT_TYPE_ANGLE });\n }\n\n if (Type.exists(attr.radius)) {\n radius = attr.radius;\n } else {\n radius = 0;\n }\n\n if (type === \"2lines\") {\n parents.push(radius);\n el = board.create(\"sector\", parents, attr);\n el.updateDataArraySector = el.updateDataArray;\n\n // TODO\n el.setAngle = function (val) {};\n el.free = function (val) {};\n } else {\n el = board.create(\"sector\", [points[1], points[0], points[2]], attr);\n el.arc.visProp.priv = true;\n\n /**\n * The point defining the radius of the angle element.\n * Alias for {@link Sector#radiuspoint}.\n * @type JXG.Point\n * @name point\n * @memberOf Angle.prototype\n *\n */\n el.point = el.point2 = el.radiuspoint = points[0];\n\n /**\n * Helper point for angles of type 'square'.\n * @type JXG.Point\n * @name pointsquare\n * @memberOf Angle.prototype\n */\n el.pointsquare = el.point3 = el.anglepoint = points[2];\n\n /**\n * @ignore\n */\n el.Radius = function () {\n // Set the angle radius, also @see @link Sector#autoRadius\n var r = Type.evaluate(radius);\n if (r === \"auto\") {\n return el.autoRadius();\n }\n return r;\n };\n\n el.updateDataArraySector = function () {\n var A = this.point2,\n B = this.point1,\n C = this.point3,\n r = this.Radius(),\n d = B.Dist(A),\n ar,\n phi,\n sgn = 1,\n vp_s = Type.evaluate(this.visProp.selection);\n\n phi = Geometry.rad(A, B, C);\n if ((vp_s === \"minor\" && phi > Math.PI) || (vp_s === \"major\" && phi < Math.PI)) {\n sgn = -1;\n }\n\n A = A.coords.usrCoords;\n B = B.coords.usrCoords;\n C = C.coords.usrCoords;\n\n A = [1, B[1] + ((A[1] - B[1]) * r) / d, B[2] + ((A[2] - B[2]) * r) / d];\n C = [1, B[1] + ((C[1] - B[1]) * r) / d, B[2] + ((C[2] - B[2]) * r) / d];\n\n ar = Geometry.bezierArc(A, B, C, true, sgn);\n\n this.dataX = ar[0];\n this.dataY = ar[1];\n this.bezierDegree = 3;\n };\n\n /**\n * Set an angle to a prescribed value given in radians.\n * This is only possible if the third point of the angle, i.e.\n * the anglepoint is a free point.\n * Removing the constraint again is done by calling \"angle.free()\".\n *\n * Changing the angle requires to call the method \"free()\":\n *\n * \n * angle.setAngle(Math.PI / 6);\n * // ...\n * angle.free().setAngle(Math.PI / 4);\n *
\n *\n * @name setAngle\n * @function\n * @param {Number|Function} val Number or Function which returns the size of the angle in Radians\n * @returns {Object} Pointer to the angle element..\n * @memberOf Angle.prototype\n * @see Angle#free\n *\n * @example\n * var p1, p2, p3, c, a, s;\n *\n * p1 = board.create('point',[0,0]);\n * p2 = board.create('point',[5,0]);\n * p3 = board.create('point',[0,5]);\n *\n * c1 = board.create('circle',[p1, p2]);\n *\n * a = board.create('angle',[p2, p1, p3], {radius:3});\n *\n * a.setAngle(function() {\n * return Math.PI / 3;\n * });\n * board.update();\n *\n * \n * \n *\n * @example\n * var p1, p2, p3, c, a, s;\n *\n * p1 = board.create('point',[0,0]);\n * p2 = board.create('point',[5,0]);\n * p3 = board.create('point',[0,5]);\n *\n * c1 = board.create('circle',[p1, p2]);\n *\n * a = board.create('angle',[p2, p1, p3], {radius:3});\n * s = board.create('slider',[[-2,1], [2,1], [0, Math.PI*0.5, 2*Math.PI]]);\n *\n * a.setAngle(function() {\n * return s.Value();\n * });\n * board.update();\n *\n * \n * \n *\n */\n el.setAngle = function (val) {\n var t1,\n t2,\n val2,\n p = this.anglepoint,\n q = this.radiuspoint;\n\n if (p.draggable()) {\n t1 = this.board.create(\"transform\", [val, this.center], {\n type: \"rotate\"\n });\n p.addTransform(q, t1);\n // Immediately apply the transformation.\n // This prevents that jumping elements can be watched.\n t1.update();\n p.moveTo(Mat.matVecMult(t1.matrix, q.coords.usrCoords));\n\n if (Type.isFunction(val)) {\n /**\n * @ignore\n */\n val2 = function () {\n return Math.PI * 2 - val();\n };\n } else {\n /**\n * @ignore\n */\n val2 = function () {\n return Math.PI * 2 - val;\n };\n }\n t2 = this.board.create(\"transform\", [val2, this.center], {\n type: \"rotate\"\n });\n p.coords.on(\"update\", function () {\n t2.update();\n q.moveTo(Mat.matVecMult(t2.matrix, p.coords.usrCoords));\n });\n\n p.setParents(q);\n }\n return this;\n };\n\n /**\n * Frees an angle from a prescribed value. This is only relevant if the angle size has been set by\n * \"setAngle()\" previously. The anglepoint is set to a free point.\n * @name free\n * @function\n * @returns {Object} Pointer to the angle element..\n * @memberOf Angle.prototype\n * @see Angle#setAngle\n */\n el.free = function () {\n var p = this.anglepoint;\n\n if (p.transformations.length > 0) {\n p.transformations.pop();\n p.isDraggable = true;\n p.parents = [];\n\n p.coords.off(\"update\");\n }\n\n return this;\n };\n\n el.setParents(points); // Important: This overwrites the parents order in underlying sector\n } // end '3points'\n\n // GEONExT compatible labels.\n if (Type.exists(el.visProp.text)) {\n el.label.setText(Type.evaluate(el.visProp.text));\n }\n\n el.elType = \"angle\";\n el.type = Const.OBJECT_TYPE_ANGLE;\n el.subs = {};\n\n el.updateDataArraySquare = function () {\n var A,\n B,\n C,\n r = this.Radius(),\n d1,\n d2,\n v,\n l1,\n l2;\n\n if (type === \"2lines\") {\n // This is necessary to update this.point1, this.point2, this.point3.\n this.updateDataArraySector();\n }\n\n A = this.point2;\n B = this.point1;\n C = this.point3;\n\n A = A.coords.usrCoords;\n B = B.coords.usrCoords;\n C = C.coords.usrCoords;\n\n d1 = Geometry.distance(A, B, 3);\n d2 = Geometry.distance(C, B, 3);\n\n // In case of type=='2lines' this is redundant, because r == d1 == d2\n A = [1, B[1] + ((A[1] - B[1]) * r) / d1, B[2] + ((A[2] - B[2]) * r) / d1];\n C = [1, B[1] + ((C[1] - B[1]) * r) / d2, B[2] + ((C[2] - B[2]) * r) / d2];\n\n v = Mat.crossProduct(C, B);\n l1 = [-A[1] * v[1] - A[2] * v[2], A[0] * v[1], A[0] * v[2]];\n v = Mat.crossProduct(A, B);\n l2 = [-C[1] * v[1] - C[2] * v[2], C[0] * v[1], C[0] * v[2]];\n\n v = Mat.crossProduct(l1, l2);\n v[1] /= v[0];\n v[2] /= v[0];\n\n this.dataX = [B[1], A[1], v[1], C[1], B[1]];\n this.dataY = [B[2], A[2], v[2], C[2], B[2]];\n\n this.bezierDegree = 1;\n };\n\n el.updateDataArrayNone = function () {\n this.dataX = [NaN];\n this.dataY = [NaN];\n this.bezierDegree = 1;\n };\n\n el.updateDataArray = function () {\n var type = Type.evaluate(this.visProp.type),\n deg = Geometry.trueAngle(this.point2, this.point1, this.point3),\n vp_s = Type.evaluate(this.visProp.selection);\n\n if ((vp_s === \"minor\" && deg > 180.0) || (vp_s === \"major\" && deg < 180.0)) {\n deg = 360.0 - deg;\n }\n\n if (Math.abs(deg - 90.0) < Type.evaluate(this.visProp.orthosensitivity) + Mat.eps) {\n type = Type.evaluate(this.visProp.orthotype);\n }\n\n if (type === \"none\") {\n this.updateDataArrayNone();\n } else if (type === \"square\") {\n this.updateDataArraySquare();\n } else if (type === \"sector\") {\n this.updateDataArraySector();\n } else if (type === \"sectordot\") {\n this.updateDataArraySector();\n if (!this.dot.visProp.visible) {\n this.dot.setAttribute({ visible: true });\n }\n }\n\n if (!this.visProp.visible || (type !== \"sectordot\" && this.dot.visProp.visible)) {\n this.dot.setAttribute({ visible: false });\n }\n };\n\n /**\n * Indicates a right angle. Invisible by default, use dot.visible: true to show.\n * Though this dot indicates a right angle, it can be visible even if the angle is not a right\n * one.\n * @type JXG.Point\n * @name dot\n * @memberOf Angle.prototype\n */\n attrsub = Type.copyAttributes(attributes, board.options, \"angle\", \"dot\");\n el.dot = board.create(\n \"point\",\n [\n function () {\n var A, B, r, d, a2, co, si, mat, vp_s;\n\n if (Type.exists(el.dot) && !el.dot.visProp.visible) {\n return [0, 0];\n }\n\n A = el.point2.coords.usrCoords;\n B = el.point1.coords.usrCoords;\n r = el.Radius();\n d = Geometry.distance(A, B, 3);\n a2 = Geometry.rad(el.point2, el.point1, el.point3);\n\n vp_s = Type.evaluate(el.visProp.selection);\n if ((vp_s === \"minor\" && a2 > Math.PI) || (vp_s === \"major\" && a2 < Math.PI)) {\n a2 = -(2 * Math.PI - a2);\n }\n a2 *= 0.5;\n\n co = Math.cos(a2);\n si = Math.sin(a2);\n\n A = [1, B[1] + ((A[1] - B[1]) * r) / d, B[2] + ((A[2] - B[2]) * r) / d];\n\n mat = [\n [1, 0, 0],\n [B[1] - 0.5 * B[1] * co + 0.5 * B[2] * si, co * 0.5, -si * 0.5],\n [B[2] - 0.5 * B[1] * si - 0.5 * B[2] * co, si * 0.5, co * 0.5]\n ];\n return Mat.matVecMult(mat, A);\n }\n ],\n attrsub\n );\n\n el.dot.dump = false;\n el.subs.dot = el.dot;\n\n if (type === \"2lines\") {\n for (i = 0; i < 2; i++) {\n board.select(parents[i]).addChild(el.dot);\n }\n } else {\n for (i = 0; i < 3; i++) {\n board.select(points[i]).addChild(el.dot);\n }\n }\n\n // documented in GeometryElement\n el.getLabelAnchor = function () {\n var vec,\n dx = 12,\n A,\n B,\n r,\n d,\n a2,\n co,\n si,\n mat,\n vp_s = Type.evaluate(el.visProp.selection),\n l_vp = this.label ? this.label.visProp : this.visProp.label;\n\n // If this is uncommented, the angle label can not be dragged\n //if (Type.exists(this.label)) {\n // this.label.relativeCoords = new Coords(Const.COORDS_BY_SCREEN, [0, 0], this.board);\n //}\n\n if (Type.exists(this.label.visProp.fontSize)) {\n dx = Type.evaluate(this.label.visProp.fontSize);\n }\n dx /= this.board.unitX;\n\n A = el.point2.coords.usrCoords;\n B = el.point1.coords.usrCoords;\n r = el.Radius();\n d = Geometry.distance(A, B, 3);\n a2 = Geometry.rad(el.point2, el.point1, el.point3);\n if ((vp_s === \"minor\" && a2 > Math.PI) || (vp_s === \"major\" && a2 < Math.PI)) {\n a2 = -(2 * Math.PI - a2);\n }\n a2 *= 0.5;\n co = Math.cos(a2);\n si = Math.sin(a2);\n\n A = [1, B[1] + ((A[1] - B[1]) * r) / d, B[2] + ((A[2] - B[2]) * r) / d];\n\n mat = [\n [1, 0, 0],\n [B[1] - 0.5 * B[1] * co + 0.5 * B[2] * si, co * 0.5, -si * 0.5],\n [B[2] - 0.5 * B[1] * si - 0.5 * B[2] * co, si * 0.5, co * 0.5]\n ];\n vec = Mat.matVecMult(mat, A);\n vec[1] /= vec[0];\n vec[2] /= vec[0];\n vec[0] /= vec[0];\n\n d = Geometry.distance(vec, B, 3);\n vec = [\n vec[0],\n B[1] + ((vec[1] - B[1]) * (r + dx)) / d,\n B[2] + ((vec[2] - B[2]) * (r + dx)) / d\n ];\n\n l_vp.position = Geometry.calcLabelQuadrant(Geometry.rad([1, 0], [0, 0], vec));\n\n return new Coords(Const.COORDS_BY_USER, vec, this.board);\n };\n\n /**\n * Returns the value of the angle in Radians.\n * @memberOf Angle.prototype\n * @name Value\n * @function\n * @returns {Number} The angle value in Radians\n */\n el.Value = function () {\n return Geometry.rad(this.point2, this.point1, this.point3);\n };\n\n el.methodMap = Type.deepCopy(el.methodMap, {\n Value: \"Value\",\n setAngle: \"setAngle\",\n free: \"free\"\n });\n\n return el;\n};\n\nJXG.registerElement(\"angle\", JXG.createAngle);\n\n/**\n * @class A non-reflex angle is the acute or obtuse instance of an angle.\n * It is defined by a center, one point that\n * defines the radius, and a third point that defines the angle of the sector.\n * @pseudo\n * @name NonReflexAngle\n * @augments Angle\n * @constructor\n * @type Sector\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point_JXG.Point} p1,p2,p3 . Minor sector is a sector of a circle around p1 having measure less than or equal to\n * 180 degrees (pi radians) and starts at p2. The radius is determined by p2, the angle by p3.\n * @example\n * // Create a non-reflex angle out of three free points\n * var p1 = board.create('point', [5.0, 3.0]),\n * p2 = board.create('point', [1.0, 0.5]),\n * p3 = board.create('point', [1.5, 5.0]),\n *\n * a = board.create('nonreflexangle', [p1, p2, p3], {radius: 2}),\n * t = board.create('text', [4, 4, function() { return JXG.toFixed(a.Value(), 2); }]);\n * \n * \n */\nJXG.createNonreflexAngle = function (board, parents, attributes) {\n var el;\n\n attributes.selection = \"minor\";\n el = JXG.createAngle(board, parents, attributes);\n\n // Documented in createAngle\n el.Value = function () {\n var v = Geometry.rad(this.point2, this.point1, this.point3);\n return v < Math.PI ? v : 2.0 * Math.PI - v;\n };\n return el;\n};\n\nJXG.registerElement(\"nonreflexangle\", JXG.createNonreflexAngle);\n\n/**\n * @class A reflex angle is the neither acute nor obtuse instance of an angle.\n * It is defined by a center, one point that\n * defines the radius, and a third point that defines the angle of the sector.\n * @pseudo\n * @name ReflexAngle\n * @augments Angle\n * @constructor\n * @type Sector\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point_JXG.Point} p1,p2,p3 . Minor sector is a sector of a circle around p1 having measure less than or equal to\n * 180 degrees (pi radians) and starts at p2. The radius is determined by p2, the angle by p3.\n * @example\n * // Create a non-reflex angle out of three free points\n * var p1 = board.create('point', [5.0, 3.0]),\n * p2 = board.create('point', [1.0, 0.5]),\n * p3 = board.create('point', [1.5, 5.0]),\n *\n * a = board.create('reflexangle', [p1, p2, p3], {radius: 2}),\n * t = board.create('text', [4, 4, function() { return JXG.toFixed(a.Value(), 2); }]);\n * \n * \n */\nJXG.createReflexAngle = function (board, parents, attributes) {\n var el;\n\n attributes.selection = \"major\";\n el = JXG.createAngle(board, parents, attributes);\n\n // Documented in createAngle\n el.Value = function () {\n var v = Geometry.rad(this.point2, this.point1, this.point3);\n return v >= Math.PI ? v : 2.0 * Math.PI - v;\n };\n return el;\n};\n\nJXG.registerElement(\"reflexangle\", JXG.createReflexAngle);\n\n// export default {\n// createSector: JXG.createSector,\n// createCircumcircleSector: JXG.createCircumcircleSector,\n// createMinorSector: JXG.createMinorSector,\n// createMajorSector: JXG.createMajorSector,\n// createAngle: JXG.createAngle,\n// createReflexAngle: JXG.createReflexAngle,\n// createNonreflexAngle: JXG.createNonreflexAngle\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n */\nJXG.createOrthogonalProjection = function (board, parents, attributes) {\n var l, p, t, attr;\n\n parents[0] = board.select(parents[0]);\n parents[1] = board.select(parents[1]);\n\n if (\n Type.isPointType(board, parents[0]) &&\n parents[1].elementClass === Const.OBJECT_CLASS_LINE\n ) {\n p = Type.providePoints(board, [parents[0]], attributes, \"point\")[0];\n l = parents[1];\n } else if (\n Type.isPointType(board, parents[1]) &&\n parents[0].elementClass === Const.OBJECT_CLASS_LINE\n ) {\n p = Type.providePoints(board, [parents[1]], attributes, \"point\")[0];\n l = parents[0];\n } else {\n throw new Error(\n \"JSXGraph: Can't create perpendicular point with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,line]\"\n );\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"orthogonalprojection\");\n\n t = board.create(\n \"point\",\n [\n function () {\n return Geometry.projectPointToLine(p, l, board);\n }\n ],\n attr\n );\n\n if (Type.exists(p._is_new)) {\n t.addChild(p);\n delete p._is_new;\n } else {\n p.addChild(t);\n }\n l.addChild(t);\n\n t.elType = \"orthogonalprojection\";\n t.setParents([p.id, t.id]);\n\n t.update();\n\n /**\n * Used to generate a polynomial for the orthogonal projection\n * @name Orthogonalprojection#generatePolynomial\n * @returns {Array} An array containing the generated polynomial.\n * @private\n */\n t.generatePolynomial = function () {\n /*\n * Perpendicular takes point P and line L and creates point T and line M:\n *\n * | M\n * |\n * x P (p1,p2)\n * |\n * |\n * L |\n * ----------x-------------x------------------------x--------\n * A (a1,a2) |T (t1,t2) B (b1,b2)\n * |\n * |\n *\n * So we have two conditions:\n *\n * (a) AT || TB (collinearity condition)\n * (b) PT _|_ AB (orthogonality condition)\n *\n * a2-t2 t2-b2\n * ------- = ------- (1)\n * a1-t1 t1-b1\n *\n * p2-t2 a1-b1\n * ------- = - ------- (2)\n * p1-t1 a2-b2\n *\n * Multiplying (1) and (2) with denominators and simplifying gives\n *\n * a2t1 - a2b1 + t2b1 - a1t2 + a1b2 - t1b2 = 0 (1')\n *\n * p2a2 - p2b2 - t2a2 + t2b2 + p1a1 - p1b1 - t1a1 + t1b1 = 0 (2')\n *\n */\n\n var a1 = l.point1.symbolic.x,\n a2 = l.point1.symbolic.y,\n b1 = l.point2.symbolic.x,\n b2 = l.point2.symbolic.y,\n p1 = p.symbolic.x,\n p2 = p.symbolic.y,\n t1 = t.symbolic.x,\n t2 = t.symbolic.y,\n poly1 =\n \"(\" +\n a2 +\n \")*(\" +\n t1 +\n \")-(\" +\n a2 +\n \")*(\" +\n b1 +\n \")+(\" +\n t2 +\n \")*(\" +\n b1 +\n \")-(\" +\n a1 +\n \")*(\" +\n t2 +\n \")+(\" +\n a1 +\n \")*(\" +\n b2 +\n \")-(\" +\n t1 +\n \")*(\" +\n b2 +\n \")\",\n poly2 =\n \"(\" +\n p2 +\n \")*(\" +\n a2 +\n \")-(\" +\n p2 +\n \")*(\" +\n b2 +\n \")-(\" +\n t2 +\n \")*(\" +\n a2 +\n \")+(\" +\n t2 +\n \")*(\" +\n b2 +\n \")+(\" +\n p1 +\n \")*(\" +\n a1 +\n \")-(\" +\n p1 +\n \")*(\" +\n b1 +\n \")-(\" +\n t1 +\n \")*(\" +\n a1 +\n \")+(\" +\n t1 +\n \")*(\" +\n b1 +\n \")\";\n\n return [poly1, poly2];\n };\n\n return t;\n};\n\n/**\n\n * @class This element is used to provide a constructor for a perpendicular.\n * @pseudo\n * @description A perpendicular is a composition of two elements: a line and a point. The line is orthogonal\n * to a given line and contains a given point.\n * @name Perpendicular\n * @constructor\n * @type JXG.Line\n * @augments Segment\n * @returns A {@link JXG.Line} object through the given point that is orthogonal to the given line.\n * @throws {Error} If the elements cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Line_JXG.Point} l,p The perpendicular line will be orthogonal to l and\n * will contain p.\n * @example\n * // Create a perpendicular\n * var p1 = board.create('point', [0.0, 2.0]);\n * var p2 = board.create('point', [2.0, 1.0]);\n * var l1 = board.create('line', [p1, p2]);\n *\n * var p3 = board.create('point', [3.0, 3.0]);\n * var perp1 = board.create('perpendicular', [l1, p3]);\n * \n * \n */\nJXG.createPerpendicular = function (board, parents, attributes) {\n var p, l, pd, attr;\n\n parents[0] = board.select(parents[0]);\n parents[1] = board.select(parents[1]);\n\n if (\n Type.isPointType(board, parents[0]) &&\n parents[1].elementClass === Const.OBJECT_CLASS_LINE\n ) {\n l = parents[1];\n p = Type.providePoints(board, [parents[0]], attributes, \"point\")[0];\n } else if (\n Type.isPointType(board, parents[1]) &&\n parents[0].elementClass === Const.OBJECT_CLASS_LINE\n ) {\n l = parents[0];\n p = Type.providePoints(board, [parents[1]], attributes, \"point\")[0];\n } else {\n throw new Error(\n \"JSXGraph: Can't create perpendicular with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [line,point]\"\n );\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"perpendicular\");\n pd = JXG.createLine(\n board,\n [\n function () {\n return l.stdform[2] * p.X() - l.stdform[1] * p.Y();\n },\n function () {\n return -l.stdform[2] * p.Z();\n },\n function () {\n return l.stdform[1] * p.Z();\n }\n ],\n attr\n );\n\n pd.elType = \"perpendicular\";\n pd.setParents([l.id, p.id]);\n\n if (Type.exists(p._is_new)) {\n pd.addChild(p);\n delete p._is_new;\n } else {\n p.addChild(pd);\n }\n l.addChild(pd);\n\n return pd;\n};\n\n/**\n * @class This is used to construct a perpendicular point.\n * @pseudo\n * @description A perpendicular point is given by a point and a line. It is determined by projecting the given point\n * orthogonal onto the given line. This element should be used in GEONExTReader only. All other applications should\n * use orthogonal projection {@link Orthogonalprojection}.\n * @constructor\n * @name PerpendicularPoint\n * @type JXG.Point\n * @augments JXG.Point\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Line_JXG.Point} p,l The constructed point is the orthogonal projection of p onto l.\n * @example\n * var p1 = board.create('point', [0.0, 4.0]);\n * var p2 = board.create('point', [6.0, 1.0]);\n * var l1 = board.create('line', [p1, p2]);\n * var p3 = board.create('point', [3.0, 3.0]);\n *\n * var pp1 = board.create('perpendicularpoint', [p3, l1]);\n * \n * \n */\nJXG.createPerpendicularPoint = function (board, parents, attributes) {\n var l, p, t;\n\n parents[0] = board.select(parents[0]);\n parents[1] = board.select(parents[1]);\n if (\n Type.isPointType(board, parents[0]) &&\n parents[1].elementClass === Const.OBJECT_CLASS_LINE\n ) {\n p = Type.providePoints(board, [parents[0]], attributes, \"point\")[0];\n l = parents[1];\n } else if (\n Type.isPointType(board, parents[1]) &&\n parents[0].elementClass === Const.OBJECT_CLASS_LINE\n ) {\n p = Type.providePoints(board, [parents[1]], attributes, \"point\")[0];\n l = parents[0];\n } else {\n throw new Error(\n \"JSXGraph: Can't create perpendicular point with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,line]\"\n );\n }\n\n t = board.create(\n \"point\",\n [\n function () {\n return Geometry.perpendicular(l, p, board)[0];\n }\n ],\n attributes\n );\n\n if (Type.exists(p._is_new)) {\n t.addChild(p);\n delete p._is_new;\n } else {\n p.addChild(t);\n }\n l.addChild(t);\n\n t.elType = \"perpendicularpoint\";\n t.setParents([p.id, l.id]);\n\n t.update();\n\n /**\n * Used to generate a polynomial for the perpendicular point\n * @name PerpendicularPoint#generatePolynomial\n * @returns {Array} An array containing the generated polynomial.\n * @private\n */\n t.generatePolynomial = function () {\n /*\n * Perpendicular takes point P and line L and creates point T and line M:\n *\n * | M\n * |\n * x P (p1,p2)\n * |\n * |\n * L |\n * ----------x-------------x------------------------x--------\n * A (a1,a2) |T (t1,t2) B (b1,b2)\n * |\n * |\n *\n * So we have two conditions:\n *\n * (a) AT || TB (collinearity condition)\n * (b) PT _|_ AB (orthogonality condition)\n *\n * a2-t2 t2-b2\n * ------- = ------- (1)\n * a1-t1 t1-b1\n *\n * p2-t2 a1-b1\n * ------- = - ------- (2)\n * p1-t1 a2-b2\n *\n * Multiplying (1) and (2) with denominators and simplifying gives\n *\n * a2t1 - a2b1 + t2b1 - a1t2 + a1b2 - t1b2 = 0 (1')\n *\n * p2a2 - p2b2 - t2a2 + t2b2 + p1a1 - p1b1 - t1a1 + t1b1 = 0 (2')\n *\n */\n var a1 = l.point1.symbolic.x,\n a2 = l.point1.symbolic.y,\n b1 = l.point2.symbolic.x,\n b2 = l.point2.symbolic.y,\n p1 = p.symbolic.x,\n p2 = p.symbolic.y,\n t1 = t.symbolic.x,\n t2 = t.symbolic.y,\n poly1 =\n \"(\" +\n a2 +\n \")*(\" +\n t1 +\n \")-(\" +\n a2 +\n \")*(\" +\n b1 +\n \")+(\" +\n t2 +\n \")*(\" +\n b1 +\n \")-(\" +\n a1 +\n \")*(\" +\n t2 +\n \")+(\" +\n a1 +\n \")*(\" +\n b2 +\n \")-(\" +\n t1 +\n \")*(\" +\n b2 +\n \")\",\n poly2 =\n \"(\" +\n p2 +\n \")*(\" +\n a2 +\n \")-(\" +\n p2 +\n \")*(\" +\n b2 +\n \")-(\" +\n t2 +\n \")*(\" +\n a2 +\n \")+(\" +\n t2 +\n \")*(\" +\n b2 +\n \")+(\" +\n p1 +\n \")*(\" +\n a1 +\n \")-(\" +\n p1 +\n \")*(\" +\n b1 +\n \")-(\" +\n t1 +\n \")*(\" +\n a1 +\n \")+(\" +\n t1 +\n \")*(\" +\n b1 +\n \")\";\n\n return [poly1, poly2];\n };\n\n return t;\n};\n\n/**\n * @class This element is used to provide a constructor for a perpendicular segment.\n * @pseudo\n * @description A perpendicular is a composition of two elements: a line segment and a point. The line segment is orthogonal\n * to a given line and contains a given point and meets the given line in the perpendicular point.\n * @name PerpendicularSegment\n * @constructor\n * @type JXG.Line\n * @augments Segment\n * @returns An array containing two elements: A {@link JXG.Line} object in the first component and a\n * {@link JXG.Point} element in the second component. The line segment is orthogonal to the given line and meets it\n * in the returned point.\n * @throws {Error} If the elements cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Line_JXG.Point} l,p The perpendicular line will be orthogonal to l and\n * will contain p. The perpendicular point is the intersection point of the two lines.\n * @example\n * // Create a perpendicular\n * var p1 = board.create('point', [0.0, 2.0]);\n * var p2 = board.create('point', [2.0, 1.0]);\n * var l1 = board.create('line', [p1, p2]);\n *\n * var p3 = board.create('point', [3.0, 3.0]);\n * var perp1 = board.create('perpendicularsegment', [l1, p3]);\n * \n * \n */\nJXG.createPerpendicularSegment = function (board, parents, attributes) {\n var p, l, pd, t, attr;\n\n parents[0] = board.select(parents[0]);\n parents[1] = board.select(parents[1]);\n if (\n Type.isPointType(board, parents[0]) &&\n parents[1].elementClass === Const.OBJECT_CLASS_LINE\n ) {\n l = parents[1];\n p = Type.providePoints(board, [parents[0]], attributes, \"point\")[0];\n } else if (\n Type.isPointType(board, parents[1]) &&\n parents[0].elementClass === Const.OBJECT_CLASS_LINE\n ) {\n l = parents[0];\n p = Type.providePoints(board, [parents[1]], attributes, \"point\")[0];\n } else {\n throw new Error(\n \"JSXGraph: Can't create perpendicular with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [line,point]\"\n );\n }\n attr = Type.copyAttributes(attributes, board.options, \"perpendicularsegment\", \"point\");\n t = JXG.createPerpendicularPoint(board, [l, p], attr);\n t.dump = false;\n\n if (!Type.exists(attributes.layer)) {\n attributes.layer = board.options.layer.line;\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"perpendicularsegment\");\n pd = JXG.createLine(\n board,\n [\n function () {\n return Geometry.perpendicular(l, p, board)[1] ? [t, p] : [p, t];\n }\n ],\n attr\n );\n\n /**\n * Helper point\n * @memberOf PerpendicularSegment.prototype\n * @type PerpendicularPoint\n * @name point\n */\n pd.point = t;\n\n if (Type.exists(p._is_new)) {\n pd.addChild(p);\n delete p._is_new;\n } else {\n p.addChild(pd);\n }\n l.addChild(pd);\n\n pd.elType = \"perpendicularsegment\";\n pd.setParents([p.id, l.id]);\n pd.subs = {\n point: t\n };\n pd.inherits.push(t);\n\n return pd;\n};\n\n/**\n * @class The midpoint element constructs a point in the middle of two given points.\n * @pseudo\n * @description A midpoint is given by two points. It is collinear to the given points and the distance\n * is the same to each of the given points, i.e. it is in the middle of the given points.\n * @constructor\n * @name Midpoint\n * @type JXG.Point\n * @augments JXG.Point\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point} p1,p2 The constructed point will be in the middle of p1 and p2.\n * @param {JXG.Line} l The midpoint will be in the middle of {@link JXG.Line#point1} and {@link JXG.Line#point2} of\n * the given line l.\n * @example\n * // Create base elements: 2 points and 1 line\n * var p1 = board.create('point', [0.0, 2.0]);\n * var p2 = board.create('point', [2.0, 1.0]);\n * var l1 = board.create('segment', [[0.0, 3.0], [3.0, 3.0]]);\n *\n * var mp1 = board.create('midpoint', [p1, p2]);\n * var mp2 = board.create('midpoint', [l1]);\n * \n * \n */\nJXG.createMidpoint = function (board, parents, attributes) {\n var a, b, t, i, attr;\n\n for (i = 0; i < parents.length; ++i) {\n parents[i] = board.select(parents[i]);\n }\n if (\n parents.length === 2 &&\n Type.isPointType(board, parents[0]) &&\n Type.isPointType(board, parents[1])\n ) {\n parents = Type.providePoints(board, parents, attributes, \"point\");\n a = parents[0];\n b = parents[1];\n } else if (parents.length === 1 && parents[0].elementClass === Const.OBJECT_CLASS_LINE) {\n a = parents[0].point1;\n b = parents[0].point2;\n } else {\n throw new Error(\n \"JSXGraph: Can't create midpoint.\" +\n \"\\nPossible parent types: [point,point], [line]\"\n );\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"midpoint\");\n t = board.create(\n \"point\",\n [\n function () {\n var x = a.coords.usrCoords[1] + b.coords.usrCoords[1];\n if (\n isNaN(x) ||\n Math.abs(a.coords.usrCoords[0]) < Mat.eps ||\n Math.abs(b.coords.usrCoords[0]) < Mat.eps\n ) {\n return NaN;\n }\n\n return x * 0.5;\n },\n function () {\n var y = a.coords.usrCoords[2] + b.coords.usrCoords[2];\n if (\n isNaN(y) ||\n Math.abs(a.coords.usrCoords[0]) < Mat.eps ||\n Math.abs(b.coords.usrCoords[0]) < Mat.eps\n ) {\n return NaN;\n }\n\n return y * 0.5;\n }\n ],\n attr\n );\n if (Type.exists(a._is_new)) {\n t.addChild(a);\n delete a._is_new;\n } else {\n a.addChild(t);\n }\n if (Type.exists(b._is_new)) {\n t.addChild(b);\n delete b._is_new;\n } else {\n b.addChild(t);\n }\n\n t.elType = \"midpoint\";\n t.setParents([a.id, b.id]);\n\n t.prepareUpdate().update();\n\n /**\n * Used to generate a polynomial for the midpoint.\n * @name Midpoint#generatePolynomial\n * @returns {Array} An array containing the generated polynomial.\n * @private\n */\n t.generatePolynomial = function () {\n /*\n * Midpoint takes two point A and B or line L (with points P and Q) and creates point T:\n *\n * L (not necessarily)\n * ----------x------------------x------------------x--------\n * A (a1,a2) T (t1,t2) B (b1,b2)\n *\n * So we have two conditions:\n *\n * (a) AT || TB (collinearity condition)\n * (b) [AT] == [TB] (equidistant condition)\n *\n * a2-t2 t2-b2\n * ------- = ------- (1)\n * a1-t1 t1-b1\n *\n * (a1 - t1)^2 + (a2 - t2)^2 = (b1 - t1)^2 + (b2 - t2)^2 (2)\n *\n *\n * Multiplying (1) with denominators and simplifying (1) and (2) gives\n *\n * a2t1 - a2b1 + t2b1 - a1t2 + a1b2 - t1b2 = 0 (1')\n *\n * a1^2 - 2a1t1 + a2^2 - 2a2t2 - b1^2 + 2b1t1 - b2^2 + 2b2t2 = 0 (2')\n *\n */\n var a1 = a.symbolic.x,\n a2 = a.symbolic.y,\n b1 = b.symbolic.x,\n b2 = b.symbolic.y,\n t1 = t.symbolic.x,\n t2 = t.symbolic.y,\n poly1 =\n \"(\" +\n a2 +\n \")*(\" +\n t1 +\n \")-(\" +\n a2 +\n \")*(\" +\n b1 +\n \")+(\" +\n t2 +\n \")*(\" +\n b1 +\n \")-(\" +\n a1 +\n \")*(\" +\n t2 +\n \")+(\" +\n a1 +\n \")*(\" +\n b2 +\n \")-(\" +\n t1 +\n \")*(\" +\n b2 +\n \")\",\n poly2 =\n \"(\" +\n a1 +\n \")^2 - 2*(\" +\n a1 +\n \")*(\" +\n t1 +\n \")+(\" +\n a2 +\n \")^2-2*(\" +\n a2 +\n \")*(\" +\n t2 +\n \")-(\" +\n b1 +\n \")^2+2*(\" +\n b1 +\n \")*(\" +\n t1 +\n \")-(\" +\n b2 +\n \")^2+2*(\" +\n b2 +\n \")*(\" +\n t2 +\n \")\";\n\n return [poly1, poly2];\n };\n\n return t;\n};\n\n/**\n * @class This element is used to construct a parallel point.\n * @pseudo\n * @description A parallel point is given by three points. Taking the Euclidean vector from the first to the\n * second point, the parallel point is determined by adding that vector to the third point.\n * The line determined by the first two points is parallel to the line determined by the third point and the constructed point.\n * @constructor\n * @name Parallelpoint\n * @type JXG.Point\n * @augments JXG.Point\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point_JXG.Point} p1,p2,p3 Taking the Euclidean vector v=p2-p1 the parallel point is determined by\n * p4 = p3+v\n * @param {JXG.Line_JXG.Point} l,p The resulting point will together with p specify a line which is parallel to l.\n * @example\n * var p1 = board.create('point', [0.0, 2.0]);\n * var p2 = board.create('point', [2.0, 1.0]);\n * var p3 = board.create('point', [3.0, 3.0]);\n *\n * var pp1 = board.create('parallelpoint', [p1, p2, p3]);\n * \n * \n */\nJXG.createParallelPoint = function (board, parents, attributes) {\n var a, b, c, p, i;\n\n for (i = 0; i < parents.length; ++i) {\n parents[i] = board.select(parents[i]);\n }\n if (\n parents.length === 3 &&\n Type.isPointType(board, parents[0]) &&\n Type.isPointType(board, parents[1]) &&\n Type.isPointType(board, parents[2])\n ) {\n parents = Type.providePoints(board, parents, attributes, \"point\");\n a = parents[0];\n b = parents[1];\n c = parents[2];\n } else if (\n Type.isPointType(board, parents[0]) &&\n parents[1].elementClass === Const.OBJECT_CLASS_LINE\n ) {\n c = Type.providePoints(board, [parents[0]], attributes, \"point\")[0];\n a = parents[1].point1;\n b = parents[1].point2;\n } else if (\n Type.isPointType(board, parents[1]) &&\n parents[0].elementClass === Const.OBJECT_CLASS_LINE\n ) {\n c = Type.providePoints(board, [parents[1]], attributes, \"point\")[0];\n a = parents[0].point1;\n b = parents[0].point2;\n } else {\n throw new Error(\n \"JSXGraph: Can't create parallel point with parent types '\" +\n typeof parents[0] +\n \"', '\" +\n typeof parents[1] +\n \"' and '\" +\n typeof parents[2] +\n \"'.\" +\n \"\\nPossible parent types: [line,point], [point,point,point]\"\n );\n }\n\n p = board.create(\n \"point\",\n [\n function () {\n return c.coords.usrCoords[1] + b.coords.usrCoords[1] - a.coords.usrCoords[1];\n },\n function () {\n return c.coords.usrCoords[2] + b.coords.usrCoords[2] - a.coords.usrCoords[2];\n }\n ],\n attributes\n );\n\n // required for algorithms requiring dependencies between elements\n if (Type.exists(a._is_new)) {\n p.addChild(a);\n delete a._is_new;\n } else {\n a.addChild(p);\n }\n if (Type.exists(b._is_new)) {\n p.addChild(b);\n delete b._is_new;\n } else {\n b.addChild(p);\n }\n if (Type.exists(c._is_new)) {\n p.addChild(c);\n delete c._is_new;\n } else {\n c.addChild(p);\n }\n\n p.elType = \"parallelpoint\";\n p.setParents([a.id, b.id, c.id]);\n\n // required to set the coordinates because functions are considered as constraints. hence, the coordinates get set first after an update.\n // can be removed if the above issue is resolved.\n p.prepareUpdate().update();\n\n p.generatePolynomial = function () {\n /*\n * Parallelpoint takes three points A, B and C or line L (with points B and C) and creates point T:\n *\n *\n * C (c1,c2) T (t1,t2)\n * x x\n * / /\n * / /\n * / /\n * / /\n * / /\n * / /\n * / /\n * / /\n * L (opt) / /\n * ----------x-------------------------------------x--------\n * A (a1,a2) B (b1,b2)\n *\n * So we have two conditions:\n *\n * (a) CT || AB (collinearity condition I)\n * (b) BT || AC (collinearity condition II)\n *\n * The corresponding equations are\n *\n * (b2 - a2)(t1 - c1) - (t2 - c2)(b1 - a1) = 0 (1)\n * (t2 - b2)(a1 - c1) - (t1 - b1)(a2 - c2) = 0 (2)\n *\n * Simplifying (1) and (2) gives\n *\n * b2t1 - b2c1 - a2t1 + a2c1 - t2b1 + t2a1 + c2b1 - c2a1 = 0 (1')\n * t2a1 - t2c1 - b2a1 + b2c1 - t1a2 + t1c2 + b1a2 - b1c2 = 0 (2')\n *\n */\n var a1 = a.symbolic.x,\n a2 = a.symbolic.y,\n b1 = b.symbolic.x,\n b2 = b.symbolic.y,\n c1 = c.symbolic.x,\n c2 = c.symbolic.y,\n t1 = p.symbolic.x,\n t2 = p.symbolic.y,\n poly1 =\n \"(\" +\n b2 +\n \")*(\" +\n t1 +\n \")-(\" +\n b2 +\n \")*(\" +\n c1 +\n \")-(\" +\n a2 +\n \")*(\" +\n t1 +\n \")+(\" +\n a2 +\n \")*(\" +\n c1 +\n \")-(\" +\n t2 +\n \")*(\" +\n b1 +\n \")+(\" +\n t2 +\n \")*(\" +\n a1 +\n \")+(\" +\n c2 +\n \")*(\" +\n b1 +\n \")-(\" +\n c2 +\n \")*(\" +\n a1 +\n \")\",\n poly2 =\n \"(\" +\n t2 +\n \")*(\" +\n a1 +\n \")-(\" +\n t2 +\n \")*(\" +\n c1 +\n \")-(\" +\n b2 +\n \")*(\" +\n a1 +\n \")+(\" +\n b2 +\n \")*(\" +\n c1 +\n \")-(\" +\n t1 +\n \")*(\" +\n a2 +\n \")+(\" +\n t1 +\n \")*(\" +\n c2 +\n \")+(\" +\n b1 +\n \")*(\" +\n a2 +\n \")-(\" +\n b1 +\n \")*(\" +\n c2 +\n \")\";\n\n return [poly1, poly2];\n };\n\n return p;\n};\n\n/**\n * @class A parallel is a line through a given point with the same slope as a given line or\n * the line through two given point.\n * \n * If original line is given as a JSXGraph line object, the resulting parallel line will be defined by the given point and an\n * infinitely far away point (an ideal point). That means, the line can not be shortened to a segment.\n *
\n * If the original line is given as two points, the resulting parallel line can be shortened to a a segment.\n * @pseudo\n * @name Parallel\n * @augments Line\n * @constructor\n * @type JXG.Line\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Line_JXG.Point} l,p The constructed line contains p and has the same slope as l. Alternative parameters are p1, p2, p: The\n * constructed line contains p and has the same slope as the line through p1 and p2.\n * @example\n * // Create a parallel\n * var p1 = board.create('point', [0.0, 2.0]);\n * var p2 = board.create('point', [2.0, 1.0]);\n * var l1 = board.create('line', [p1, p2]);\n *\n * var p3 = board.create('point', [3.0, 3.0]);\n * var pl1 = board.create('parallel', [l1, p3]);\n *
\n * \n * @example\n * var p1, p2, p3, l1, pl1;\n *\n * p1 = board.create('point', [0.0, 2.0]);\n * p2 = board.create('point', [2.0, 1.0]);\n * l1 = board.create('line', [p1, p2]);\n *\n * p3 = board.create('point', [1.0, 3.0]);\n * pl1 = board.create('parallel', [p1, p2, p3], {straightFirst: false, straightLast: false});\n *\n * \n * \n *\n */\nJXG.createParallel = function (board, parents, attributes) {\n var p,\n pp,\n pl,\n li,\n i,\n attr,\n ty = 1;\n\n for (i = 0; i < parents.length; ++i) {\n parents[i] = board.select(parents[i]);\n }\n p = null;\n if (parents.length === 3) {\n // Line / segment through point parents[2] which is parallel to line through parents[0] and parents[1]\n parents = Type.providePoints(board, parents, attributes, \"point\");\n p = parents[2];\n ty = 0;\n } else if (Type.isPointType(board, parents[0])) {\n // Parallel to line parents[1] through point parents[0]\n p = Type.providePoints(board, [parents[0]], attributes, \"point\")[0];\n /** @ignore */\n li = function () {\n return parents[1].stdform;\n };\n } else if (Type.isPointType(board, parents[1])) {\n // Parallel to line parents[0] through point parents[1]\n p = Type.providePoints(board, [parents[1]], attributes, \"point\")[0];\n /** @ignore */\n li = function () {\n return parents[0].stdform;\n };\n }\n\n if (!Type.exists(attributes.layer)) {\n attributes.layer = board.options.layer.line;\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"parallel\", \"point\");\n if (ty === 1) {\n // Line is given by line element. The parallel line is\n // constructed as line through an ideal point.\n pp = board.create(\n \"point\",\n [\n function () {\n return Mat.crossProduct([1, 0, 0], li());\n }\n ],\n attr\n );\n } else {\n // Line is given by two points. The parallel line is\n // constructed as line through two finite point.\n pp = board.create(\"parallelpoint\", parents, attr);\n }\n pp.isDraggable = true;\n\n attr = Type.copyAttributes(attributes, board.options, \"parallel\");\n // line creator also calls addChild\n pl = board.create(\"line\", [p, pp], attr);\n\n pl.elType = \"parallel\";\n pl.subs = {\n point: pp\n };\n\n pl.inherits.push(pp);\n pl.setParents([parents[0].id, parents[1].id]);\n if (parents.length === 3) {\n pl.addParents(parents[2].id);\n }\n\n // p.addChild(pl);\n\n /**\n * Helper point used to create the parallel line. This point lies on the line at infinity, hence it's not visible,\n * not even with visible set to true. Creating another line through this point would make that other line\n * parallel to the create parallel.\n * @memberOf Parallel.prototype\n * @name point\n * @type JXG.Point\n */\n pl.point = pp;\n\n return pl;\n};\n\n/**\n * @class An arrow parallel is a segment with an arrow attached which is parallel through a given segment, given by its defining two points,\n * through a given point.\n * \n * @pseudo\n * @constructor\n * @name Arrowparallel\n * @type Parallel\n * @augments Parallel\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param JXG.Point_JXG.Point_JXG.Point} p1, p2,p3 The constructed arrow contains p3 and has the same slope as the line through p1 and p2.\n * @example\n * // Create a parallel\n * var p1 = board.create('point', [0.0, 2.0]);\n * var p2 = board.create('point', [2.0, 1.0]);\n * var l1 = board.create('segment', [p1, p2]);\n *\n * var p3 = board.create('point', [3.0, 3.0]);\n * var pl1 = board.create('arrowparallel', [p1, p2, p3]);\n *
\n * \n */\nJXG.createArrowParallel = function (board, parents, attributes) {\n var p;\n\n /* parallel arrow point polynomials are done in createParallelPoint */\n try {\n attributes.firstArrow = false;\n attributes.lastArrow = true;\n p = JXG.createParallel(board, parents, attributes).setAttribute({\n straightFirst: false,\n straightLast: false\n });\n p.elType = \"arrowparallel\";\n\n // parents are set in createParallel\n\n return p;\n } catch (e) {\n throw new Error(\n \"JSXGraph: Can't create arrowparallel with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [line,point], [point,point,point]\"\n );\n }\n};\n\n/**\n * @class Constructs a normal.\n * @pseudo\n * @description A normal is a line through a given point on a element of type line, circle, curve, or turtle and orthogonal to that object.\n * @constructor\n * @name Normal\n * @type JXG.Line\n * @augments JXG.Line\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Line,JXG.Circle,JXG.Curve,JXG.Turtle_JXG.Point} o,p The constructed line contains p which lies on the object and is orthogonal\n * to the tangent to the object in the given point.\n * @param {Glider} p Works like above, however the object is given by {@link JXG.CoordsElement#slideObject}.\n * @example\n * // Create a normal to a circle.\n * var p1 = board.create('point', [2.0, 2.0]);\n * var p2 = board.create('point', [3.0, 2.0]);\n * var c1 = board.create('circle', [p1, p2]);\n *\n * var norm1 = board.create('normal', [c1, p2]);\n * \n * \n */\nJXG.createNormal = function (board, parents, attributes) {\n var p, c, l, i, g, f, attr, pp, attrp;\n\n for (i = 0; i < parents.length; ++i) {\n parents[i] = board.select(parents[i]);\n }\n // One arguments: glider on line, circle or curve\n if (parents.length === 1) {\n p = parents[0];\n c = p.slideObject;\n // Two arguments: (point,line), (point,circle), (line,point) or (circle,point)\n } else if (parents.length === 2) {\n if (Type.isPointType(board, parents[0])) {\n p = Type.providePoints(board, [parents[0]], attributes, \"point\")[0];\n c = parents[1];\n } else if (Type.isPointType(board, parents[1])) {\n c = parents[0];\n p = Type.providePoints(board, [parents[1]], attributes, \"point\")[0];\n } else {\n throw new Error(\n \"JSXGraph: Can't create normal with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,line], [point,circle], [glider]\"\n );\n }\n } else {\n throw new Error(\n \"JSXGraph: Can't create normal with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,line], [point,circle], [glider]\"\n );\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"normal\");\n if (c.elementClass === Const.OBJECT_CLASS_LINE) {\n // Private point\n attrp = Type.copyAttributes(attributes, board.options, \"normal\", \"point\");\n pp = board.create(\n \"point\",\n [\n function () {\n var p = Mat.crossProduct([1, 0, 0], c.stdform);\n return [p[0], -p[2], p[1]];\n }\n ],\n attrp\n );\n pp.isDraggable = true;\n\n l = board.create(\"line\", [p, pp], attr);\n\n /**\n * A helper point used to create a normal to a {@link JXG.Line} object. For normals to circles or curves this\n * element is undefined.\n * @type JXG.Point\n * @name point\n * @memberOf Normal.prototype\n */\n l.point = pp;\n l.subs = {\n point: pp\n };\n l.inherits.push(pp);\n } else if (c.elementClass === Const.OBJECT_CLASS_CIRCLE) {\n l = board.create(\"line\", [c.midpoint, p], attr);\n } else if (c.elementClass === Const.OBJECT_CLASS_CURVE) {\n if (Type.evaluate(c.visProp.curvetype) !== \"plot\") {\n g = c.X;\n f = c.Y;\n l = board.create(\n \"line\",\n [\n function () {\n return (\n -p.X() * Numerics.D(g)(p.position) -\n p.Y() * Numerics.D(f)(p.position)\n );\n },\n function () {\n return Numerics.D(g)(p.position);\n },\n function () {\n return Numerics.D(f)(p.position);\n }\n ],\n attr\n );\n } else {\n // curveType 'plot'\n l = board.create(\n \"line\",\n [\n function () {\n var i = Math.floor(p.position),\n lbda = p.position - i,\n p1,\n p2,\n t,\n A,\n B,\n C,\n D,\n dx,\n dy,\n d;\n\n if (c.bezierdegree === 1) {\n if (i === c.numberPoints - 1) {\n i -= 1;\n lbda = 1;\n }\n } else if (c.bezierDegree === 3) {\n // i is start of the Bezier segment\n // t is the position in the Bezier segment\n i = Math.floor((p.position * (c.numberPoints - 1)) / 3) * 3;\n t = (p.position * (c.numberPoints - 1) - i) / 3;\n if (i >= c.numberPoints - 1) {\n i = c.numberPoints - 4;\n t = 1;\n }\n } else {\n return 0;\n }\n\n if (i < 0) {\n return 1;\n }\n\n if (c.bezierDegree === 1) {\n return (\n (c.Y(i) + lbda * (c.Y(i + 1) - c.Y(i))) *\n (c.Y(i) - c.Y(i + 1)) -\n (c.X(i) + lbda * (c.X(i + 1) - c.X(i))) * (c.X(i + 1) - c.X(i))\n );\n } else {\n A = c.points[i].usrCoords;\n B = c.points[i + 1].usrCoords;\n C = c.points[i + 2].usrCoords;\n D = c.points[i + 3].usrCoords;\n dx =\n (1 - t) * (1 - t) * (B[1] - A[1]) +\n 2 * (1 - t) * t * (C[1] - B[1]) +\n t * t * (D[1] - C[1]);\n dy =\n (1 - t) * (1 - t) * (B[2] - A[2]) +\n 2 * (1 - t) * t * (C[2] - B[2]) +\n t * t * (D[2] - C[2]);\n d = Math.sqrt(dx * dx + dy * dy);\n dx /= d;\n dy /= d;\n p1 = p.coords.usrCoords;\n p2 = [1, p1[1] - dy, p1[2] + dx];\n return p1[2] * p2[1] - p1[1] * p2[2];\n }\n },\n function () {\n var i = Math.floor(p.position),\n p1,\n p2,\n t,\n A,\n B,\n C,\n D,\n dx,\n dy,\n d;\n\n if (c.bezierdegree === 1) {\n if (i === c.numberPoints - 1) {\n i -= 1;\n }\n } else if (c.bezierDegree === 3) {\n // i is start of the Bezier segment\n // t is the position in the Bezier segment\n i = Math.floor((p.position * (c.numberPoints - 1)) / 3) * 3;\n t = (p.position * (c.numberPoints - 1) - i) / 3;\n if (i >= c.numberPoints - 1) {\n i = c.numberPoints - 4;\n t = 1;\n }\n } else {\n return 0;\n }\n\n if (i < 0) {\n return 0;\n }\n if (c.bezierDegree === 1) {\n return c.X(i + 1) - c.X(i);\n } else {\n A = c.points[i].usrCoords;\n B = c.points[i + 1].usrCoords;\n C = c.points[i + 2].usrCoords;\n D = c.points[i + 3].usrCoords;\n dx =\n (1 - t) * (1 - t) * (B[1] - A[1]) +\n 2 * (1 - t) * t * (C[1] - B[1]) +\n t * t * (D[1] - C[1]);\n dy =\n (1 - t) * (1 - t) * (B[2] - A[2]) +\n 2 * (1 - t) * t * (C[2] - B[2]) +\n t * t * (D[2] - C[2]);\n d = Math.sqrt(dx * dx + dy * dy);\n dx /= d;\n dy /= d;\n p1 = p.coords.usrCoords;\n p2 = [1, p1[1] - dy, p1[2] + dx];\n return p2[2] - p1[2];\n }\n },\n function () {\n var i = Math.floor(p.position),\n p1,\n p2,\n t,\n A,\n B,\n C,\n D,\n dx,\n dy,\n d;\n\n if (c.bezierdegree === 1) {\n if (i === c.numberPoints - 1) {\n i -= 1;\n }\n } else if (c.bezierDegree === 3) {\n // i is start of the Bezier segment\n // t is the position in the Bezier segment\n i = Math.floor((p.position * (c.numberPoints - 1)) / 3) * 3;\n t = (p.position * (c.numberPoints - 1) - i) / 3;\n if (i >= c.numberPoints - 1) {\n i = c.numberPoints - 4;\n t = 1;\n }\n } else {\n return 0;\n }\n\n if (i < 0) {\n return 0;\n }\n\n if (c.bezierDegree === 1) {\n return c.Y(i + 1) - c.Y(i);\n } else {\n A = c.points[i].usrCoords;\n B = c.points[i + 1].usrCoords;\n C = c.points[i + 2].usrCoords;\n D = c.points[i + 3].usrCoords;\n dx =\n (1 - t) * (1 - t) * (B[1] - A[1]) +\n 2 * (1 - t) * t * (C[1] - B[1]) +\n t * t * (D[1] - C[1]);\n dy =\n (1 - t) * (1 - t) * (B[2] - A[2]) +\n 2 * (1 - t) * t * (C[2] - B[2]) +\n t * t * (D[2] - C[2]);\n d = Math.sqrt(dx * dx + dy * dy);\n dx /= d;\n dy /= d;\n p1 = p.coords.usrCoords;\n p2 = [1, p1[1] - dy, p1[2] + dx];\n return p1[1] - p2[1];\n }\n }\n ],\n attr\n );\n }\n } else if (c.type === Const.OBJECT_TYPE_TURTLE) {\n l = board.create(\n \"line\",\n [\n function () {\n var el,\n j,\n i = Math.floor(p.position),\n lbda = p.position - i;\n\n // run through all curves of this turtle\n for (j = 0; j < c.objects.length; j++) {\n el = c.objects[j];\n\n if (el.type === Const.OBJECT_TYPE_CURVE) {\n if (i < el.numberPoints) {\n break;\n }\n\n i -= el.numberPoints;\n }\n }\n\n if (i === el.numberPoints - 1) {\n i -= 1;\n lbda = 1;\n }\n\n if (i < 0) {\n return 1;\n }\n\n return (\n (el.Y(i) + lbda * (el.Y(i + 1) - el.Y(i))) * (el.Y(i) - el.Y(i + 1)) -\n (el.X(i) + lbda * (el.X(i + 1) - el.X(i))) * (el.X(i + 1) - el.X(i))\n );\n },\n function () {\n var el,\n j,\n i = Math.floor(p.position);\n\n // run through all curves of this turtle\n for (j = 0; j < c.objects.length; j++) {\n el = c.objects[j];\n if (el.type === Const.OBJECT_TYPE_CURVE) {\n if (i < el.numberPoints) {\n break;\n }\n\n i -= el.numberPoints;\n }\n }\n\n if (i === el.numberPoints - 1) {\n i -= 1;\n }\n\n if (i < 0) {\n return 0;\n }\n\n return el.X(i + 1) - el.X(i);\n },\n function () {\n var el,\n j,\n i = Math.floor(p.position);\n\n // run through all curves of this turtle\n for (j = 0; j < c.objects.length; j++) {\n el = c.objects[j];\n if (el.type === Const.OBJECT_TYPE_CURVE) {\n if (i < el.numberPoints) {\n break;\n }\n\n i -= el.numberPoints;\n }\n }\n\n if (i === el.numberPoints - 1) {\n i -= 1;\n }\n\n if (i < 0) {\n return 0;\n }\n\n return el.Y(i + 1) - el.Y(i);\n }\n ],\n attr\n );\n } else {\n throw new Error(\n \"JSXGraph: Can't create normal with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,line], [point,circle], [glider]\"\n );\n }\n\n l.elType = \"normal\";\n l.setParents(parents);\n\n if (Type.exists(p._is_new)) {\n l.addChild(p);\n delete p._is_new;\n } else {\n p.addChild(l);\n }\n c.addChild(l);\n\n return l;\n};\n\n/**\n * @class A bisector is a line which divides an angle into two equal angles. It is given by three points A, B, and\n * C and divides the angle ABC into two equal sized parts.\n * @pseudo\n * @constructor\n * @name Bisector\n * @type JXG.Line\n * @augments JXG.Line\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point_JXG.Point} p1,p2,p3 The angle described by p1, p2 and p3 will\n * be divided into two equal angles.\n * @example\n * var p1 = board.create('point', [6.0, 4.0]);\n * var p2 = board.create('point', [3.0, 2.0]);\n * var p3 = board.create('point', [1.0, 7.0]);\n *\n * var bi1 = board.create('bisector', [p1, p2, p3]);\n * \n * \n */\nJXG.createBisector = function (board, parents, attributes) {\n var p, l, i, attr;\n\n parents = Type.providePoints(board, parents, attributes, \"point\");\n if (Type.isPoint(parents[0]) && Type.isPoint(parents[1]) && Type.isPoint(parents[2])) {\n // hidden and fixed helper\n attr = Type.copyAttributes(attributes, board.options, \"bisector\", \"point\");\n attr.snapToGrid = false;\n\n p = board.create(\n \"point\",\n [\n function () {\n return Geometry.angleBisector(parents[0], parents[1], parents[2], board);\n }\n ],\n attr\n );\n p.dump = false;\n\n for (i = 0; i < 3; i++) {\n // required for algorithm requiring dependencies between elements\n if (Type.exists(parents[i]._is_new)) {\n p.addChild(parents[i]);\n delete parents[i]._is_new;\n } else {\n parents[i].addChild(p);\n }\n }\n\n if (!Type.exists(attributes.layer)) {\n attributes.layer = board.options.layer.line;\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"bisector\");\n l = JXG.createLine(board, [parents[1], p], attr);\n\n /**\n * Helper point\n * @memberOf Bisector.prototype\n * @type Point\n * @name point\n */\n l.point = p;\n\n l.elType = \"bisector\";\n l.setParents(parents);\n l.subs = {\n point: p\n };\n l.inherits.push(p);\n\n return l;\n }\n\n throw new Error(\n \"JSXGraph: Can't create angle bisector with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,point,point]\"\n );\n};\n\n/**\n * @class Bisector lines are similar to {@link Bisector} but take two lines as parent elements. The resulting element is\n * a composition of two lines.\n * @pseudo\n * @constructor\n * @name Bisectorlines\n * @type JXG.Composition\n * @augments JXG.Composition\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Line_JXG.Line} l1,l2 The four angles described by the lines l1 and l2 will each\n * be divided into two equal angles.\n * @example\n * var p1 = board.create('point', [6.0, 4.0]);\n * var p2 = board.create('point', [3.0, 2.0]);\n * var p3 = board.create('point', [1.0, 7.0]);\n * var p4 = board.create('point', [3.0, 0.0]);\n * var l1 = board.create('line', [p1, p2]);\n * var l2 = board.create('line', [p3, p4]);\n *\n * var bi1 = board.create('bisectorlines', [l1, l2]);\n * \n * \n */\nJXG.createAngularBisectorsOfTwoLines = function (board, parents, attributes) {\n // The angular bisectors of two line [c1,a1,b1] and [c2,a2,b2] are determined by the equation:\n // (a1*x+b1*y+c1*z)/sqrt(a1^2+b1^2) = +/- (a2*x+b2*y+c2*z)/sqrt(a2^2+b2^2)\n\n var g1,\n g2,\n attr,\n ret,\n l1 = board.select(parents[0]),\n l2 = board.select(parents[1]);\n\n if (\n l1.elementClass !== Const.OBJECT_CLASS_LINE ||\n l2.elementClass !== Const.OBJECT_CLASS_LINE\n ) {\n throw new Error(\n \"JSXGraph: Can't create angle bisectors of two lines with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [line,line]\"\n );\n }\n\n if (!Type.exists(attributes.layer)) {\n attributes.layer = board.options.layer.line;\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"bisectorlines\", \"line1\");\n g1 = board.create(\n \"line\",\n [\n function () {\n var d1 = Math.sqrt(\n l1.stdform[1] * l1.stdform[1] + l1.stdform[2] * l1.stdform[2]\n ),\n d2 = Math.sqrt(\n l2.stdform[1] * l2.stdform[1] + l2.stdform[2] * l2.stdform[2]\n );\n\n return l1.stdform[0] / d1 - l2.stdform[0] / d2;\n },\n function () {\n var d1 = Math.sqrt(\n l1.stdform[1] * l1.stdform[1] + l1.stdform[2] * l1.stdform[2]\n ),\n d2 = Math.sqrt(\n l2.stdform[1] * l2.stdform[1] + l2.stdform[2] * l2.stdform[2]\n );\n\n return l1.stdform[1] / d1 - l2.stdform[1] / d2;\n },\n function () {\n var d1 = Math.sqrt(\n l1.stdform[1] * l1.stdform[1] + l1.stdform[2] * l1.stdform[2]\n ),\n d2 = Math.sqrt(\n l2.stdform[1] * l2.stdform[1] + l2.stdform[2] * l2.stdform[2]\n );\n\n return l1.stdform[2] / d1 - l2.stdform[2] / d2;\n }\n ],\n attr\n );\n\n if (!Type.exists(attributes.layer)) {\n attributes.layer = board.options.layer.line;\n }\n attr = Type.copyAttributes(attributes, board.options, \"bisectorlines\", \"line2\");\n g2 = board.create(\n \"line\",\n [\n function () {\n var d1 = Math.sqrt(\n l1.stdform[1] * l1.stdform[1] + l1.stdform[2] * l1.stdform[2]\n ),\n d2 = Math.sqrt(\n l2.stdform[1] * l2.stdform[1] + l2.stdform[2] * l2.stdform[2]\n );\n\n return l1.stdform[0] / d1 + l2.stdform[0] / d2;\n },\n function () {\n var d1 = Math.sqrt(\n l1.stdform[1] * l1.stdform[1] + l1.stdform[2] * l1.stdform[2]\n ),\n d2 = Math.sqrt(\n l2.stdform[1] * l2.stdform[1] + l2.stdform[2] * l2.stdform[2]\n );\n\n return l1.stdform[1] / d1 + l2.stdform[1] / d2;\n },\n function () {\n var d1 = Math.sqrt(\n l1.stdform[1] * l1.stdform[1] + l1.stdform[2] * l1.stdform[2]\n ),\n d2 = Math.sqrt(\n l2.stdform[1] * l2.stdform[1] + l2.stdform[2] * l2.stdform[2]\n );\n\n return l1.stdform[2] / d1 + l2.stdform[2] / d2;\n }\n ],\n attr\n );\n\n // documentation\n /**\n * First line.\n * @memberOf Bisectorlines.prototype\n * @name line1\n * @type Line\n */\n\n /**\n * Second line.\n * @memberOf Bisectorlines.prototype\n * @name line2\n * @type Line\n */\n\n ret = new Composition({ line1: g1, line2: g2 });\n\n g1.dump = false;\n g2.dump = false;\n\n ret.elType = \"bisectorlines\";\n ret.setParents([l1.id, l2.id]);\n ret.subs = {\n line1: g1,\n line2: g2\n };\n // ret.inherits.push(g1, g2);\n\n return ret;\n};\n\n// /**\n// * @class An m-sector is a line which divides an angle into two angles. It is given by three points A, B, and\n// * C and a real number m, and divides an angle into two angles, an angle with amplitude m and an angle with\n// * amplitude (1-m)\n// * @pseudo\n// * @constructor\n// * @name Msector\n// * @type JXG.Line\n// * @augments JXG.Line\n// * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n// * @param {JXG.Point_JXG.Point_JXG.Point} p1,p2,p3 The angle described by p1, p2 and p3 will\n// * be divided into two angles according to the value of m.\n// * @example\n// * var p1 = board.create('point', [6.0, 4.0]);\n// * var p2 = board.create('point', [3.0, 2.0]);\n// * var p3 = board.create('point', [1.0, 7.0]);\n// *\n// * var bi1 = board.create('msector', [p1, p2, p3], 1/5);\n// * \n// * \n// */\n// JXG.createMsector = function (board, parents, attributes) {\n// var p, l, i, attr;\n\n// if (parents[0].elementClass === Const.OBJECT_CLASS_POINT &&\n// parents[1].elementClass === Const.OBJECT_CLASS_POINT &&\n// parents[2].elementClass === Const.OBJECT_CLASS_POINT) {\n// // hidden and fixed helper\n// attr = Type.copyAttributes(attributes, board.options, 'msector', 'point');\n// p = board.create('point', [\n// function () {\n// return Geometry.angleMsector(parents[0], parents[1], parents[2], parents[3], board);\n// }\n// ], attr);\n// p.dump = false;\n\n// for (i = 0; i < 3; i++) {\n// // required for algorithm requiring dependencies between elements\n// parents[i].addChild(p);\n// }\n\n// if (!Type.exists(attributes.layer)) {\n// attributes.layer = board.options.layer.line;\n// }\n\n// attr = Type.copyAttributes(attributes, board.options, 'msector');\n// l = JXG.createLine(board, [parents[1], p], attr);\n\n// /**\n// * Helper point\n// * @memberOf Msector.prototype\n// * @type Point\n// * @name point\n// */\n// l.point = p;\n\n// l.elType = 'msector';\n// l.parents = [parents[0].id, parents[1].id, parents[2].id];\n// l.subs = {\n// point: p\n// };\n// l.inherits.push(p);\n\n// return l;\n// }\n\n// throw new Error(\"JSXGraph: Can't create angle msector with parent types '\" +\n// (typeof parents[0]) + \"' and '\" + (typeof parents[1]) + \"'.\" +\n// \"\\nPossible parent types: [point,point,point,Number]\");\n// };\n\n/**\n * @class Constructs the midpoint of a {@link Circumcircle}. Like the circumcircle the circumcenter\n * is constructed by providing three points.\n * @pseudo\n * @description A circumcenter is given by three points which are all lying on the circle with the\n * constructed circumcenter as the midpoint.\n * @constructor\n * @name Circumcenter\n * @type JXG.Point\n * @augments JXG.Point\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point_JXG.Point} p1,p2,p3 The constructed point is the midpoint of the circle determined\n * by p1, p2, and p3.\n * @example\n * var p1 = board.create('point', [0.0, 2.0]);\n * var p2 = board.create('point', [2.0, 1.0]);\n * var p3 = board.create('point', [3.0, 3.0]);\n *\n * var cc1 = board.create('circumcenter', [p1, p2, p3]);\n * \n * \n */\nJXG.createCircumcenter = function (board, parents, attributes) {\n var p, i, a, b, c;\n\n parents = Type.providePoints(board, parents, attributes, \"point\");\n if (Type.isPoint(parents[0]) && Type.isPoint(parents[1]) && Type.isPoint(parents[2])) {\n a = parents[0];\n b = parents[1];\n c = parents[2];\n\n p = JXG.createPoint(\n board,\n [\n function () {\n return Geometry.circumcenter(a, b, c, board);\n }\n ],\n attributes\n );\n\n for (i = 0; i < 3; i++) {\n if (Type.exists(parents[i]._is_new)) {\n p.addChild(parents[i]);\n delete parents[i]._is_new;\n } else {\n parents[i].addChild(p);\n }\n }\n\n p.elType = \"circumcenter\";\n p.setParents(parents);\n\n p.generatePolynomial = function () {\n /*\n * CircumcircleMidpoint takes three points A, B and C and creates point M, which is the circumcenter of A, B, and C.\n *\n *\n * So we have two conditions:\n *\n * (a) CT == AT (distance condition I)\n * (b) BT == AT (distance condition II)\n *\n */\n var a1 = a.symbolic.x,\n a2 = a.symbolic.y,\n b1 = b.symbolic.x,\n b2 = b.symbolic.y,\n c1 = c.symbolic.x,\n c2 = c.symbolic.y,\n t1 = p.symbolic.x,\n t2 = p.symbolic.y,\n poly1 = [\n \"((\",\n t1,\n \")-(\",\n a1,\n \"))^2+((\",\n t2,\n \")-(\",\n a2,\n \"))^2-((\",\n t1,\n \")-(\",\n b1,\n \"))^2-((\",\n t2,\n \")-(\",\n b2,\n \"))^2\"\n ].join(\"\"),\n poly2 = [\n \"((\",\n t1,\n \")-(\",\n a1,\n \"))^2+((\",\n t2,\n \")-(\",\n a2,\n \"))^2-((\",\n t1,\n \")-(\",\n c1,\n \"))^2-((\",\n t2,\n \")-(\",\n c2,\n \"))^2\"\n ].join(\"\");\n\n return [poly1, poly2];\n };\n\n return p;\n }\n\n throw new Error(\n \"JSXGraph: Can't create circumcircle midpoint with parent types '\" +\n typeof parents[0] +\n \"', '\" +\n typeof parents[1] +\n \"' and '\" +\n typeof parents[2] +\n \"'.\" +\n \"\\nPossible parent types: [point,point,point]\"\n );\n};\n\n/**\n * @class Constructs the incenter of the triangle described by the three given points.\n * {@link https://mathworld.wolfram.com/Incenter.html}\n * @pseudo\n * @constructor\n * @name Incenter\n * @type JXG.Point\n * @augments JXG.Point\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point_JXG.Point} p1,p2,p3 The constructed point is the incenter of the triangle described\n * by p1, p2, and p3.\n * @example\n * var p1 = board.create('point', [0.0, 2.0]);\n * var p2 = board.create('point', [2.0, 1.0]);\n * var p3 = board.create('point', [3.0, 3.0]);\n *\n * var ic1 = board.create('incenter', [p1, p2, p3]);\n * \n * \n */\nJXG.createIncenter = function (board, parents, attributes) {\n var p, A, B, C, i;\n\n parents = Type.providePoints(board, parents, attributes, \"point\");\n if (\n parents.length >= 3 &&\n Type.isPoint(parents[0]) &&\n Type.isPoint(parents[1]) &&\n Type.isPoint(parents[2])\n ) {\n A = parents[0];\n B = parents[1];\n C = parents[2];\n\n p = board.create(\n \"point\",\n [\n function () {\n var a, b, c;\n\n a = Math.sqrt(\n (B.X() - C.X()) * (B.X() - C.X()) + (B.Y() - C.Y()) * (B.Y() - C.Y())\n );\n b = Math.sqrt(\n (A.X() - C.X()) * (A.X() - C.X()) + (A.Y() - C.Y()) * (A.Y() - C.Y())\n );\n c = Math.sqrt(\n (B.X() - A.X()) * (B.X() - A.X()) + (B.Y() - A.Y()) * (B.Y() - A.Y())\n );\n\n return new Coords(\n Const.COORDS_BY_USER,\n [\n (a * A.X() + b * B.X() + c * C.X()) / (a + b + c),\n (a * A.Y() + b * B.Y() + c * C.Y()) / (a + b + c)\n ],\n board\n );\n }\n ],\n attributes\n );\n\n for (i = 0; i < 3; i++) {\n if (Type.exists(parents[i]._is_new)) {\n p.addChild(parents[i]);\n delete parents[i]._is_new;\n } else {\n parents[i].addChild(p);\n }\n }\n\n p.elType = \"incenter\";\n p.setParents(parents);\n } else {\n throw new Error(\n \"JSXGraph: Can't create incenter with parent types '\" +\n typeof parents[0] +\n \"', '\" +\n typeof parents[1] +\n \"' and '\" +\n typeof parents[2] +\n \"'.\" +\n \"\\nPossible parent types: [point,point,point]\"\n );\n }\n\n return p;\n};\n\n/**\n * @class A circumcircle is given by three points which are all lying on the circle.\n * @pseudo\n * @constructor\n * @name Circumcircle\n * @type JXG.Circle\n * @augments JXG.Circle\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point_JXG.Point} p1,p2,p3 The constructed element is the circle determined by p1, p2, and p3.\n * @example\n * var p1 = board.create('point', [0.0, 2.0]);\n * var p2 = board.create('point', [2.0, 1.0]);\n * var p3 = board.create('point', [3.0, 3.0]);\n *\n * var cc1 = board.create('circumcircle', [p1, p2, p3]);\n * \n * \n */\nJXG.createCircumcircle = function (board, parents, attributes) {\n var p, c, attr, i;\n\n parents = Type.providePoints(board, parents, attributes, \"point\");\n if (parents === false) {\n throw new Error(\n \"JSXGraph: Can't create circumcircle with parent types '\" +\n typeof parents[0] +\n \"', '\" +\n typeof parents[1] +\n \"' and '\" +\n typeof parents[2] +\n \"'.\" +\n \"\\nPossible parent types: [point,point,point]\"\n );\n }\n\n try {\n attr = Type.copyAttributes(attributes, board.options, \"circumcircle\", \"center\");\n p = JXG.createCircumcenter(board, parents, attr);\n\n p.dump = false;\n\n if (!Type.exists(attributes.layer)) {\n attributes.layer = board.options.layer.circle;\n }\n attr = Type.copyAttributes(attributes, board.options, \"circumcircle\");\n c = JXG.createCircle(board, [p, parents[0]], attr);\n\n c.elType = \"circumcircle\";\n c.setParents(parents);\n c.subs = {\n center: p\n };\n c.inherits.push(c);\n for (i = 0; i < 3; i++) {\n if (Type.exists(parents[i]._is_new)) {\n c.addChild(parents[i]);\n delete parents[i]._is_new;\n } else {\n parents[i].addChild(c);\n }\n }\n } catch (e) {\n throw new Error(\n \"JSXGraph: Can't create circumcircle with parent types '\" +\n typeof parents[0] +\n \"', '\" +\n typeof parents[1] +\n \"' and '\" +\n typeof parents[2] +\n \"'.\" +\n \"\\nPossible parent types: [point,point,point]\"\n );\n }\n\n // p is already stored as midpoint in c so there's no need to store it explicitly.\n\n return c;\n};\n\n/**\n * @class An incircle is given by three points.\n * @pseudo\n * @constructor\n * @name Incircle\n * @type JXG.Circle\n * @augments JXG.Circle\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point_JXG.Point} p1,p2,p3 The constructed point is the midpoint of the incircle of\n * p1, p2, and p3.\n * @example\n * var p1 = board.create('point', [0.0, 2.0]);\n * var p2 = board.create('point', [2.0, 1.0]);\n * var p3 = board.create('point', [3.0, 3.0]);\n *\n * var ic1 = board.create('incircle', [p1, p2, p3]);\n * \n * \n */\nJXG.createIncircle = function (board, parents, attributes) {\n var i, p, c, attr;\n\n parents = Type.providePoints(board, parents, attributes, \"point\");\n if (parents === false) {\n throw new Error(\n \"JSXGraph: Can't create circumcircle with parent types '\" +\n typeof parents[0] +\n \"', '\" +\n typeof parents[1] +\n \"' and '\" +\n typeof parents[2] +\n \"'.\" +\n \"\\nPossible parent types: [point,point,point]\"\n );\n }\n try {\n attr = Type.copyAttributes(attributes, board.options, \"incircle\", \"center\");\n p = JXG.createIncenter(board, parents, attr);\n\n p.dump = false;\n\n if (!Type.exists(attributes.layer)) {\n attributes.layer = board.options.layer.circle;\n }\n attr = Type.copyAttributes(attributes, board.options, \"incircle\");\n c = JXG.createCircle(\n board,\n [\n p,\n function () {\n var a = Math.sqrt(\n (parents[1].X() - parents[2].X()) *\n (parents[1].X() - parents[2].X()) +\n (parents[1].Y() - parents[2].Y()) *\n (parents[1].Y() - parents[2].Y())\n ),\n b = Math.sqrt(\n (parents[0].X() - parents[2].X()) *\n (parents[0].X() - parents[2].X()) +\n (parents[0].Y() - parents[2].Y()) *\n (parents[0].Y() - parents[2].Y())\n ),\n c = Math.sqrt(\n (parents[1].X() - parents[0].X()) *\n (parents[1].X() - parents[0].X()) +\n (parents[1].Y() - parents[0].Y()) *\n (parents[1].Y() - parents[0].Y())\n ),\n s = (a + b + c) / 2;\n\n return Math.sqrt(((s - a) * (s - b) * (s - c)) / s);\n }\n ],\n attr\n );\n\n c.elType = \"incircle\";\n c.setParents(parents);\n for (i = 0; i < 3; i++) {\n if (Type.exists(parents[i]._is_new)) {\n c.addChild(parents[i]);\n delete parents[i]._is_new;\n } else {\n parents[i].addChild(c);\n }\n }\n\n /**\n * The center of the incircle\n * @memberOf Incircle.prototype\n * @type Incenter\n * @name center\n */\n c.center = p;\n\n c.subs = {\n center: c.center\n };\n c.inherits.push(p);\n } catch (e) {\n throw new Error(\n \"JSXGraph: Can't create circumcircle with parent types '\" +\n typeof parents[0] +\n \"', '\" +\n typeof parents[1] +\n \"' and '\" +\n typeof parents[2] +\n \"'.\" +\n \"\\nPossible parent types: [point,point,point]\"\n );\n }\n\n // p is already stored as midpoint in c so there's no need to store it explicitly.\n\n return c;\n};\n\n/**\n * @class This element is used to construct reflected elements (points, lines, circles, curves, polygons).\n * @pseudo\n * @description A reflected element (point, polygon, line or curve) is given by a given\n * object of the same type and a line of reflection.\n * It is determined by the reflection of the given element\n * across the given line.\n * @constructor\n * @name Reflection\n * @type JXG.GeometryElement\n * @augments JXG.GeometryElement\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point|JXG.Line|JXG.Curve|JXG.Polygon_JXG.Line} p,l The reflection element is the reflection of p across the line l.\n * @example\n * var p1 = board.create('point', [0.0, 4.0]);\n * var p2 = board.create('point', [6.0, 1.0]);\n * var l1 = board.create('line', [p1, p2]);\n * var p3 = board.create('point', [3.0, 3.0]);\n *\n * var rp1 = board.create('reflection', [p3, l1]);\n * \n * \n * @example\n * // Reflection of more elements\n * // reflection line\n * var li = board.create('line', [1,1,1], {strokeColor: '#aaaaaa'});\n *\n * var p1 = board.create('point', [-3,-1], {name: \"A\"});\n * var q1 = board.create('reflection', [p1, li], {name: \"A'\"});\n *\n * var l1 = board.create('line', [1,-5,1]);\n * var l2 = board.create('reflection', [l1, li]);\n *\n * var cu1 = board.create('curve', [[-3, -3, -2.5, -3, -3, -2.5], [-3, -2, -2, -2, -2.5, -2.5]], {strokeWidth:3});\n * var cu2 = board.create('reflection', [cu1, li], {strokeColor: 'red', strokeWidth:3});\n *\n * var pol1 = board.create('polygon', [[-6,-3], [-4,-5], [-5,-1.5]]);\n * var pol2 = board.create('reflection', [pol1, li]);\n *\n * var c1 = board.create('circle', [[-2,-2], [-2, -1]]);\n * var c2 = board.create('reflection', [c1, li]);\n *\n * var a1 = board.create('arc', [[1, 1], [0, 1], [1, 0]], {strokeColor: 'red'});\n * var a2 = board.create('reflection', [a1, li], {strokeColor: 'red'});\n *\n * var s1 = board.create('sector', [[-3.5,-3], [-3.5, -2], [-3.5,-4]], {\n * anglePoint: {visible:true}, center: {visible: true}, radiusPoint: {visible: true},\n * fillColor: 'yellow', strokeColor: 'black'});\n * var s2 = board.create('reflection', [s1, li], {fillColor: 'yellow', strokeColor: 'black', fillOpacity: 0.5});\n *\n * var an1 = board.create('angle', [[-4,3.9], [-3, 4], [-3, 3]]);\n * var an2 = board.create('reflection', [an1, li]);\n *\n * \n * \n *\n */\nJXG.createReflection = function (board, parents, attributes) {\n var l,\n org,\n r,\n r_c,\n t,\n i,\n attr,\n attr2,\n errStr = \"\\nPossible parent types: [point|line|curve|polygon|circle|arc|sector, line]\";\n\n for (i = 0; i < parents.length; ++i) {\n parents[i] = board.select(parents[i]);\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"reflection\");\n\n if (Type.isPoint(parents[0])) {\n org = Type.providePoints(board, [parents[0]], attr2)[0];\n } else if (\n parents[0].elementClass === Const.OBJECT_CLASS_CURVE ||\n parents[0].elementClass === Const.OBJECT_CLASS_LINE ||\n parents[0].type === Const.OBJECT_TYPE_POLYGON ||\n parents[0].elementClass === Const.OBJECT_CLASS_CIRCLE\n ) {\n org = parents[0];\n } else {\n throw new Error(\n \"JSXGraph: Can't create reflection element with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n errStr\n );\n }\n\n if (parents[1].elementClass === Const.OBJECT_CLASS_LINE) {\n l = parents[1];\n } else {\n throw new Error(\n \"JSXGraph: Can't create reflected element with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n errStr\n );\n }\n t = JXG.createTransform(board, [l], { type: \"reflect\" });\n\n if (Type.isPoint(org)) {\n r = JXG.createPoint(board, [org, t], attr);\n\n // Arcs and sectors are treated as curves\n } else if (org.elementClass === Const.OBJECT_CLASS_CURVE) {\n r = JXG.createCurve(board, [org, t], attr);\n } else if (org.elementClass === Const.OBJECT_CLASS_LINE) {\n r = JXG.createLine(board, [org, t], attr);\n } else if (org.type === Const.OBJECT_TYPE_POLYGON) {\n r = JXG.createPolygon(board, [org, t], attr);\n } else if (org.elementClass === Const.OBJECT_CLASS_CIRCLE) {\n if (attr.type.toLowerCase() === \"euclidean\") {\n // Create a circle element from a circle and a Euclidean transformation\n attr2 = Type.copyAttributes(attributes, board.options, \"reflection\", \"center\");\n r_c = JXG.createPoint(board, [org.center, t], attr2);\n r_c.prepareUpdate()\n .update()\n .updateVisibility(Type.evaluate(r_c.visProp.visible))\n .updateRenderer();\n r = JXG.createCircle(\n board,\n [\n r_c,\n function () {\n return org.Radius();\n }\n ],\n attr\n );\n } else {\n // Create a conic element from a circle and a projective transformation\n r = JXG.createCircle(board, [org, t], attr);\n }\n } else {\n throw new Error(\n \"JSXGraph: Can't create reflected element with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n errStr\n );\n }\n\n if (Type.exists(org._is_new)) {\n r.addChild(org);\n delete org._is_new;\n } else {\n // org.addChild(r);\n }\n l.addChild(r);\n\n r.elType = \"reflection\";\n r.addParents(l);\n r.prepareUpdate().update(); //.updateVisibility(Type.evaluate(r.visProp.visible)).updateRenderer();\n\n if (Type.isPoint(r)) {\n r.generatePolynomial = function () {\n /*\n * Reflection takes a point R and a line L and creates point P, which is the reflection of R on L.\n * L is defined by two points A and B.\n *\n * So we have two conditions:\n *\n * (a) RP _|_ AB (orthogonality condition)\n * (b) AR == AP (distance condition)\n *\n */\n var a1 = l.point1.symbolic.x,\n a2 = l.point1.symbolic.y,\n b1 = l.point2.symbolic.x,\n b2 = l.point2.symbolic.y,\n p1 = org.symbolic.x,\n p2 = org.symbolic.y,\n r1 = r.symbolic.x,\n r2 = r.symbolic.y,\n poly1 = [\n \"((\",\n r2,\n \")-(\",\n p2,\n \"))*((\",\n a2,\n \")-(\",\n b2,\n \"))+((\",\n a1,\n \")-(\",\n b1,\n \"))*((\",\n r1,\n \")-(\",\n p1,\n \"))\"\n ].join(\"\"),\n poly2 = [\n \"((\",\n r1,\n \")-(\",\n a1,\n \"))^2+((\",\n r2,\n \")-(\",\n a2,\n \"))^2-((\",\n p1,\n \")-(\",\n a1,\n \"))^2-((\",\n p2,\n \")-(\",\n a2,\n \"))^2\"\n ].join(\"\");\n\n return [poly1, poly2];\n };\n }\n\n return r;\n};\n\n/**\n * @class A mirror element of a point, line, circle, curve, polygon will be constructed.\n * @pseudo\n * @description A mirror element is determined by the reflection of a given point, line, circle, curve, polygon across another given point.\n * @constructor\n * @name Mirrorelement\n * @type JXG.GeometryElement\n * @augments JXG.GeometryElement\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point|JXG.Line|JXG.Curve|JXG.Ppolygon_JXG.Point} p1,p2 The constructed element is the mirror image of p2 across p1.\n * @example\n * // point of reflection\n * var mirr = board.create('point', [-1,-1], {color: '#aaaaaa'});\n *\n * var p1 = board.create('point', [-3,-1], {name: \"A\"});\n * var q1 = board.create('mirrorelement', [p1, mirr], {name: \"A'\"});\n *\n * var l1 = board.create('line', [1, -5, 1]);\n * var l2 = board.create('mirrorelement', [l1, mirr]);\n *\n * var cu1 = board.create('curve', [[-3, -3, -2.5, -3, -3, -2.5], [-3, -2, -2, -2, -2.5, -2.5]], {strokeWidth:3});\n * var cu2 = board.create('mirrorelement', [cu1, mirr], {strokeColor: 'red', strokeWidth:3});\n *\n * var pol1 = board.create('polygon', [[-6,-2], [-4,-4], [-5,-0.5]]);\n * var pol2 = board.create('mirrorelement', [pol1, mirr]);\n *\n * var c1 = board.create('circle', [[-6,-6], [-6, -5]]);\n * var c2 = board.create('mirrorelement', [c1, mirr]);\n *\n * var a1 = board.create('arc', [[1, 1], [0, 1], [1, 0]], {strokeColor: 'red'});\n * var a2 = board.create('mirrorelement', [a1, mirr], {strokeColor: 'red'});\n *\n * var s1 = board.create('sector', [[-3.5,-3], [-3.5, -2], [-3.5,-4]], {\n * anglePoint: {visible:true}, center: {visible: true}, radiusPoint: {visible: true},\n * fillColor: 'yellow', strokeColor: 'black'});\n * var s2 = board.create('mirrorelement', [s1, mirr], {fillColor: 'yellow', strokeColor: 'black', fillOpacity: 0.5});\n *\n * var an1 = board.create('angle', [[-4,3.9], [-3, 4], [-3, 3]]);\n * var an2 = board.create('mirrorelement', [an1, mirr]);\n *\n *\n * \n * \n */\nJXG.createMirrorElement = function (board, parents, attributes) {\n var org,\n i,\n m,\n r,\n r_c,\n t,\n attr,\n attr2,\n errStr = \"\\nPossible parent types: [point|line|curve|polygon|circle|arc|sector, point]\";\n\n for (i = 0; i < parents.length; ++i) {\n parents[i] = board.select(parents[i]);\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"mirrorelement\");\n if (Type.isPoint(parents[0])) {\n // Create point to be mirrored if supplied by coords array.\n org = Type.providePoints(board, [parents[0]], attr)[0];\n } else if (\n parents[0].elementClass === Const.OBJECT_CLASS_CURVE ||\n parents[0].elementClass === Const.OBJECT_CLASS_LINE ||\n parents[0].type === Const.OBJECT_TYPE_POLYGON ||\n parents[0].elementClass === Const.OBJECT_CLASS_CIRCLE\n ) {\n org = parents[0];\n } else {\n throw new Error(\n \"JSXGraph: Can't create mirror element with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n errStr\n );\n }\n\n if (Type.isPoint(parents[1])) {\n attr2 = Type.copyAttributes(attributes, board.options, \"mirrorelement\", \"point\");\n // Create mirror point if supplied by coords array.\n m = Type.providePoints(board, [parents[1]], attr2)[0];\n } else {\n throw new Error(\n \"JSXGraph: Can't create mirror element with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n errStr\n );\n }\n\n t = JXG.createTransform(board, [Math.PI, m], { type: \"rotate\" });\n if (Type.isPoint(org)) {\n r = JXG.createPoint(board, [org, t], attr);\n\n // Arcs and sectors are treated as curves\n } else if (org.elementClass === Const.OBJECT_CLASS_CURVE) {\n r = JXG.createCurve(board, [org, t], attr);\n } else if (org.elementClass === Const.OBJECT_CLASS_LINE) {\n r = JXG.createLine(board, [org, t], attr);\n } else if (org.type === Const.OBJECT_TYPE_POLYGON) {\n r = JXG.createPolygon(board, [org, t], attr);\n } else if (org.elementClass === Const.OBJECT_CLASS_CIRCLE) {\n if (attr.type.toLowerCase() === \"euclidean\") {\n // Create a circle element from a circle and a Euclidean transformation\n attr2 = Type.copyAttributes(attributes, board.options, \"mirrorelement\", \"center\");\n r_c = JXG.createPoint(board, [org.center, t], attr2);\n r_c.prepareUpdate()\n .update()\n .updateVisibility(Type.evaluate(r_c.visProp.visible))\n .updateRenderer();\n r = JXG.createCircle(\n board,\n [\n r_c,\n function () {\n return org.Radius();\n }\n ],\n attr\n );\n } else {\n // Create a conic element from a circle and a projective transformation\n r = JXG.createCircle(board, [org, t], attr);\n }\n } else {\n throw new Error(\n \"JSXGraph: Can't create mirror element with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n errStr\n );\n }\n\n if (Type.exists(org._is_new)) {\n r.addChild(org);\n delete org._is_new;\n } else {\n // org.addChild(r);\n }\n m.addChild(r);\n\n r.elType = \"mirrorelement\";\n r.addParents(m);\n r.prepareUpdate().update();\n\n return r;\n};\n\n/**\n * @class A mirror point will be constructed.\n * @pseudo\n * @description A mirror point is determined by the reflection of a given point against another given point.\n * @constructor\n * @name Mirrorpoint\n * @type JXG.Point\n * @augments JXG.Point\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Point_JXG.Point} p1,p2 The constructed point is the reflection of p2 against p1.\n *\n * This method is superseeded by the more general {@link JXG.createMirrorElement}.\n * @example\n * var p1 = board.create('point', [3.0, 3.0]);\n * var p2 = board.create('point', [6.0, 1.0]);\n *\n * var mp1 = board.create('mirrorpoint', [p1, p2]);\n * \n * \n */\nJXG.createMirrorPoint = function (board, parents, attributes) {\n var el = JXG.createMirrorElement(board, parents, attributes);\n el.elType = \"mirrorpoint\";\n return el;\n};\n\n/**\n * @class This element is used to visualize the integral of a given curve over a given interval.\n * @pseudo\n * @description The Integral element is used to visualize the area under a given curve over a given interval\n * and to calculate the area's value. For that a polygon and gliders are used. The polygon displays the area,\n * the gliders are used to change the interval dynamically.\n * @constructor\n * @name Integral\n * @type JXG.Curve\n * @augments JXG.Curve\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {Array_JXG.Curve} i,c The constructed element covers the area between the curve c and the x-axis\n * within the interval i.\n * @example\n * var c1 = board.create('functiongraph', [function (t) { return Math.cos(t)*t; }]);\n * var i1 = board.create('integral', [[-2.0, 2.0], c1]);\n * \n * \n */\nJXG.createIntegral = function (board, parents, attributes) {\n var interval,\n curve,\n attr,\n start,\n end,\n startx,\n starty,\n endx,\n endy,\n pa_on_curve,\n pa_on_axis,\n pb_on_curve,\n pb_on_axis,\n t = null,\n p;\n\n if (Type.isArray(parents[0]) && parents[1].elementClass === Const.OBJECT_CLASS_CURVE) {\n interval = parents[0];\n curve = parents[1];\n } else if (\n Type.isArray(parents[1]) &&\n parents[0].elementClass === Const.OBJECT_CLASS_CURVE\n ) {\n interval = parents[1];\n curve = parents[0];\n } else {\n throw new Error(\n \"JSXGraph: Can't create integral with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [[number|function,number|function],curve]\"\n );\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"integral\");\n attr.withLabel = false; // There is a custom 'label' below.\n p = board.create(\"curve\", [[0], [0]], attr);\n\n // Correct the interval if necessary - NOT ANYMORE, GGB's fault\n start = interval[0];\n end = interval[1];\n\n if (Type.isFunction(start)) {\n startx = start;\n starty = function () {\n return curve.Y(startx());\n };\n start = startx();\n } else {\n startx = start;\n starty = curve.Y(start);\n }\n\n if (Type.isFunction(end)) {\n endx = end;\n endy = function () {\n return curve.Y(endx());\n };\n end = endx();\n } else {\n endx = end;\n endy = curve.Y(end);\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"integral\", \"curveLeft\");\n pa_on_curve = board.create(\"glider\", [startx, starty, curve], attr);\n if (Type.isFunction(startx)) {\n pa_on_curve.hideElement();\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"integral\", \"baseLeft\");\n pa_on_axis = board.create(\n \"point\",\n [\n function () {\n if (Type.evaluate(p.visProp.axis) === \"y\") {\n return 0;\n }\n\n return pa_on_curve.X();\n },\n function () {\n if (Type.evaluate(p.visProp.axis) === \"y\") {\n return pa_on_curve.Y();\n }\n\n return 0;\n }\n ],\n attr\n );\n\n attr = Type.copyAttributes(attributes, board.options, \"integral\", \"curveRight\");\n pb_on_curve = board.create(\"glider\", [endx, endy, curve], attr);\n if (Type.isFunction(endx)) {\n pb_on_curve.hideElement();\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"integral\", \"baseRight\");\n pb_on_axis = board.create(\n \"point\",\n [\n function () {\n if (Type.evaluate(p.visProp.axis) === \"y\") {\n return 0;\n }\n return pb_on_curve.X();\n },\n function () {\n if (Type.evaluate(p.visProp.axis) === \"y\") {\n return pb_on_curve.Y();\n }\n\n return 0;\n }\n ],\n attr\n );\n\n attr = Type.copyAttributes(attributes, board.options, \"integral\");\n if (attr.withlabel !== false && attr.axis !== \"y\") {\n attr = Type.copyAttributes(attributes, board.options, \"integral\", \"label\");\n attr = Type.copyAttributes(attr, board.options, \"label\");\n\n t = board.create(\n \"text\",\n [\n function () {\n var off = new Coords(\n Const.COORDS_BY_SCREEN,\n [\n Type.evaluate(this.visProp.offset[0]) +\n this.board.origin.scrCoords[1],\n 0\n ],\n this.board,\n false\n ),\n bb = this.board.getBoundingBox(),\n dx = (bb[2] - bb[0]) * 0.1,\n x = pb_on_curve.X();\n\n if (x < bb[0]) {\n x = bb[0] + dx;\n } else if (x > bb[2]) {\n x = bb[2] - dx;\n }\n\n return x + off.usrCoords[1];\n },\n function () {\n var off = new Coords(\n Const.COORDS_BY_SCREEN,\n [\n 0,\n Type.evaluate(this.visProp.offset[1]) +\n this.board.origin.scrCoords[2]\n ],\n this.board,\n false\n ),\n bb = this.board.getBoundingBox(),\n dy = (bb[1] - bb[3]) * 0.1,\n y = pb_on_curve.Y();\n\n if (y > bb[1]) {\n y = bb[1] - dy;\n } else if (y < bb[3]) {\n y = bb[3] + dy;\n }\n\n return y + off.usrCoords[2];\n },\n function () {\n var Int = Numerics.NewtonCotes([pa_on_axis.X(), pb_on_axis.X()], curve.Y);\n return \"∫ = \" + Type.toFixed(Int, 4);\n }\n ],\n attr\n );\n\n t.dump = false;\n\n pa_on_curve.addChild(t);\n pb_on_curve.addChild(t);\n }\n\n // dump stuff\n pa_on_curve.dump = false;\n pa_on_axis.dump = false;\n\n pb_on_curve.dump = false;\n pb_on_axis.dump = false;\n\n p.elType = \"integral\";\n p.setParents([curve.id, interval]);\n p.subs = {\n curveLeft: pa_on_curve,\n baseLeft: pa_on_axis,\n curveRight: pb_on_curve,\n baseRight: pb_on_axis\n };\n p.inherits.push(pa_on_curve, pa_on_axis, pb_on_curve, pb_on_axis);\n\n if (attr.withLabel) {\n p.subs.label = t;\n p.inherits.push(t);\n }\n\n /**\n * Returns the current value of the integral.\n * @memberOf Integral\n * @name Value\n * @function\n * @returns {Number}\n */\n p.Value = function () {\n return Numerics.I([pa_on_axis.X(), pb_on_axis.X()], curve.Y);\n };\n\n /**\n * documented in JXG.Curve\n * @ignore\n */\n p.updateDataArray = function () {\n var x, y, i, left, right, lowx, upx, lowy, upy;\n\n if (Type.evaluate(this.visProp.axis) === \"y\") {\n if (pa_on_curve.Y() < pb_on_curve.Y()) {\n lowx = pa_on_curve.X();\n lowy = pa_on_curve.Y();\n upx = pb_on_curve.X();\n upy = pb_on_curve.Y();\n } else {\n lowx = pb_on_curve.X();\n lowy = pb_on_curve.Y();\n upx = pa_on_curve.X();\n upy = pa_on_curve.Y();\n }\n left = Math.min(lowx, upx);\n right = Math.max(lowx, upx);\n\n x = [0, lowx];\n y = [lowy, lowy];\n\n for (i = 0; i < curve.numberPoints; i++) {\n if (\n lowy <= curve.points[i].usrCoords[2] &&\n left <= curve.points[i].usrCoords[1] &&\n curve.points[i].usrCoords[2] <= upy &&\n curve.points[i].usrCoords[1] <= right\n ) {\n x.push(curve.points[i].usrCoords[1]);\n y.push(curve.points[i].usrCoords[2]);\n }\n }\n x.push(upx);\n y.push(upy);\n x.push(0);\n y.push(upy);\n\n // close the curve\n x.push(0);\n y.push(lowy);\n } else {\n if (pa_on_axis.X() < pb_on_axis.X()) {\n left = pa_on_axis.X();\n right = pb_on_axis.X();\n } else {\n left = pb_on_axis.X();\n right = pa_on_axis.X();\n }\n\n x = [left, left];\n y = [0, curve.Y(left)];\n\n for (i = 0; i < curve.numberPoints; i++) {\n if (\n left <= curve.points[i].usrCoords[1] &&\n curve.points[i].usrCoords[1] <= right\n ) {\n x.push(curve.points[i].usrCoords[1]);\n y.push(curve.points[i].usrCoords[2]);\n }\n }\n x.push(right);\n y.push(curve.Y(right));\n x.push(right);\n y.push(0);\n\n // close the curve\n x.push(left);\n y.push(0);\n }\n\n this.dataX = x;\n this.dataY = y;\n };\n\n pa_on_curve.addChild(p);\n pb_on_curve.addChild(p);\n pa_on_axis.addChild(p);\n pb_on_axis.addChild(p);\n\n /**\n * The point on the axis initially corresponding to the lower value of the interval.\n *\n * @name baseLeft\n * @memberOf Integral\n * @type JXG.Point\n */\n p.baseLeft = pa_on_axis;\n\n /**\n * The point on the axis initially corresponding to the higher value of the interval.\n *\n * @name baseRight\n * @memberOf Integral\n * @type JXG.Point\n */\n p.baseRight = pb_on_axis;\n\n /**\n * The glider on the curve corresponding to the lower value of the interval.\n *\n * @name curveLeft\n * @memberOf Integral\n * @type Glider\n */\n p.curveLeft = pa_on_curve;\n\n /**\n * The glider on the axis corresponding to the higher value of the interval.\n *\n * @name curveRight\n * @memberOf Integral\n * @type Glider\n */\n p.curveRight = pb_on_curve;\n\n p.methodMap = JXG.deepCopy(p.methodMap, {\n curveLeft: \"curveLeft\",\n baseLeft: \"baseLeft\",\n curveRight: \"curveRight\",\n baseRight: \"baseRight\",\n Value: \"Value\"\n });\n\n /**\n * documented in GeometryElement\n * @ignore\n */\n p.label = t;\n\n return p;\n};\n\n/**\n * @class Creates a grid to support the user with element placement.\n * @pseudo\n * @description A grid is a set of vertical and horizontal lines to support the user with element placement. This method\n * draws such a grid on the given board. This method does not\n * take any parent elements. It is usually instantiated on the board's creation via the attribute grid set\n * to true.\n * @parameter None.\n * @constructor\n * @name Grid\n * @type JXG.Curve\n * @augments JXG.Curve\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @example\n * grid = board.create('grid', []);\n * \n * \n */\nJXG.createGrid = function (board, parents, attributes) {\n var c, attr;\n\n attr = Type.copyAttributes(attributes, board.options, \"grid\");\n c = board.create(\"curve\", [[null], [null]], attr);\n\n c.elType = \"grid\";\n c.type = Const.OBJECT_TYPE_GRID;\n\n /**\n * @ignore\n */\n c.updateDataArray = function () {\n var start,\n end,\n i,\n topLeft,\n bottomRight,\n gridX = Type.evaluate(this.visProp.gridx),\n gridY = Type.evaluate(this.visProp.gridy);\n\n if (Type.isArray(this.visProp.topleft)) {\n topLeft = new Coords(\n Type.evaluate(this.visProp.tltype) || Const.COORDS_BY_USER,\n this.visProp.topleft,\n board\n );\n } else {\n topLeft = new Coords(Const.COORDS_BY_SCREEN, [0, 0], board);\n }\n\n if (Type.isArray(this.visProp.bottomright)) {\n bottomRight = new Coords(\n Type.evaluate(this.visProp.brtype) || Const.COORDS_BY_USER,\n this.visProp.bottomright,\n board\n );\n } else {\n bottomRight = new Coords(\n Const.COORDS_BY_SCREEN,\n [board.canvasWidth, board.canvasHeight],\n board\n );\n }\n\n //\n // | | |\n // ----+---------+---------+-----\n // | /| |\n // | gridY| <---+------ Grid Cell\n // | \\| |\n // ----+---------+---------+-----\n // | |\\ gridX /|\n // | | |\n //\n // uc: usercoordinates\n //\n // currently one grid cell is 1/JXG.Options.grid.gridX uc wide and 1/JXG.Options.grid.gridY uc high.\n // this may work perfectly with GeonextReader (#readGeonext, initialization of gridX and gridY) but it\n // is absolutely not user friendly when it comes to use it as an API interface.\n // i changed this to use gridX and gridY as the actual width and height of the grid cell. for this i\n // had to refactor these methods:\n //\n // DONE JXG.Board.calculateSnapSizes (init p1, p2)\n // DONE JXG.GeonextReader.readGeonext (init gridX, gridY)\n //\n\n board.options.grid.hasGrid = true;\n\n // fix_grid: adding integer function to calculation of start and end values, and adding to calculation of start and end values below\n // To allow this:\n // (axes on the outside, min value of grid = 0.25)\n //\n // | | | |\n // 1.5 -+----+---------+----------+-----\n // | | | |\n // | | | |\n // | | | |\n // 1 -+----+---------+----------+-----\n // | | | |\n // | | | |\n // | | | |\n // 0.5 -+----+---------+----------+-----\n // | | | |\n // +----+---------+----------+-----\n // | | |\n // 0.5 1 1.5\n //\n // fix_grid: these lines disabled:\n // topLeft.setCoordinates(Const.COORDS_BY_USER, [Math.ceil(topLeft.usrCoords[1] / gridX) * gridX, Math.floor(topLeft.usrCoords[2] / gridY) * gridY]);\n // bottomRight.setCoordinates(Const.COORDS_BY_USER, [Math.floor(bottomRight.usrCoords[1] / gridX) * gridX, Math.ceil(bottomRight.usrCoords[2] / gridY) * gridY]);\n\n c.dataX = [];\n c.dataY = [];\n\n // Sometimes the bounding box is used to invert the axis. We have to take this into account here.\n // fix_grid: adding integer function to calculation of start and end values\n start = Math.floor(topLeft.usrCoords[2] / gridY) * gridY;\n end = Math.ceil(bottomRight.usrCoords[2] / gridY) * gridY;\n\n if (topLeft.usrCoords[2] < bottomRight.usrCoords[2]) {\n start = Math.ceil(bottomRight.usrCoords[2] / gridY) * gridY; // bottomRight.usrCoords[2];\n end = Math.floor(topLeft.usrCoords[2] / gridY) * gridY;\n }\n\n // start with the horizontal grid:\n for (i = start; i > end - gridY; i -= gridY) {\n c.dataX.push(topLeft.usrCoords[1], bottomRight.usrCoords[1], NaN);\n c.dataY.push(i, i, NaN);\n }\n\n // fix_grid: adding integer function to calculation of start and end values\n start = Math.ceil(topLeft.usrCoords[1] / gridX) * gridX;\n end = Math.floor(bottomRight.usrCoords[1] / gridX) * gridX;\n\n if (topLeft.usrCoords[1] > bottomRight.usrCoords[1]) {\n start = Math.floor(bottomRight.usrCoords[1] / gridX) * gridX;\n end = Math.ceil(topLeft.usrCoords[1] / gridX) * gridX;\n }\n\n // build vertical grid\n for (i = start; i < end + gridX; i += gridX) {\n c.dataX.push(i, i, NaN);\n c.dataY.push(topLeft.usrCoords[2], bottomRight.usrCoords[2], NaN);\n }\n };\n\n // we don't care about highlighting so we turn it off completely to save a lot of\n // time on every mouse move\n c.hasPoint = function () {\n return false;\n };\n\n board.grids.push(c);\n\n return c;\n};\n\n/**\n * @class Creates an area indicating the solution of a linear inequality or an inequality\n * of a function graph, i.e. an inequality of type y <= f(x).\n * @pseudo\n * @description Display the solution set of a linear inequality (less than or equal to).\n * To be precise, the solution set of the inequality y <= b/a * x + c/a is shown.\n * In case a = 0, that is if the equation of the line is bx + c = 0,\n * the area of the inequality bx + c <= 0 is shown.\n * \n * For function graphs the area below the function graph is filled, i.e. the\n * area of the inequality y <= f(x).\n * With the attribute inverse:true the area of the inequality y >= f(x) is filled.\n *\n * @param {JXG.Line} l The area drawn will be the area below this line. With the attribute\n * inverse:true, the inequality 'greater than or equal to' is shown.\n * @constructor\n * @name Inequality\n * @type JXG.Curve\n * @augments JXG.Curve\n * @throws {Error} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @example\n * var p = board.create('point', [1, 3]),\n * q = board.create('point', [-2, -4]),\n * l = board.create('line', [p, q]),\n * ineq = board.create('inequality', [l]);\n * ineq = board.create('inequality', [l]);\n *
\n * \n *\n * @example\n * // Plot the inequality\n * // y >= 2/3 x + 1\n * // or\n * // 0 >= -3y + 2x +1\n * var l = board.create('line', [1, 2, -3]),\n * ineq = board.create('inequality', [l], {inverse:true});\n * \n * \n *\n * @example\n * var f = board.create('functiongraph', ['sin(x)', -2*Math.PI, 2*Math.PI]);\n *\n * var ineq_lower = board.create('inequality', [f]);\n * var ineq_greater = board.create('inequality', [f], {inverse: true, fillColor: 'yellow'});\n *\n *\n * \n * \n *\n */\nJXG.createInequality = function (board, parents, attributes) {\n var f, a, attr;\n\n attr = Type.copyAttributes(attributes, board.options, \"inequality\");\n if (parents[0].elementClass === Const.OBJECT_CLASS_LINE) {\n a = board.create(\"curve\", [[], []], attr);\n a.hasPoint = function () {\n return false;\n };\n a.updateDataArray = function () {\n var i1,\n i2,\n // This will be the height of the area. We mustn't rely upon the board height because if we pan the view\n // such that the line is not visible anymore, the borders of the area will get visible in some cases.\n h,\n bb = board.getBoundingBox(),\n factor = attr.inverse ? -1 : 1,\n expansion = 1.5,\n w = expansion * Math.max(bb[2] - bb[0], bb[1] - bb[3]),\n // Fake a point (for Math.Geometry.perpendicular)\n // contains centroid of the board\n dp = {\n coords: {\n usrCoords: [1, (bb[0] + bb[2]) / 2, attr.inverse ? bb[1] : bb[3]]\n }\n },\n slope1 = parents[0].stdform.slice(1),\n slope2 = slope1;\n\n // This is wrong. Example:\n // var line = board.create('line', [0, -1, -1]);\n // var ineq = board.create('inequality', [line]);\n //\n // if (slope1[1] > 0) {\n // slope1 = Statistics.multiply(slope1, -1);\n // slope2 = slope1;\n // }\n\n // Calculate the area height as\n // expansion times the distance of the line to the\n // point in the middle of the top/bottom border.\n h =\n expansion *\n Math.max(\n Geometry.perpendicular(parents[0], dp, board)[0].distance(\n Const.COORDS_BY_USER,\n dp.coords\n ),\n w\n );\n h *= factor;\n\n // reuse dp\n dp = {\n coords: {\n usrCoords: [1, (bb[0] + bb[2]) / 2, (bb[1] + bb[3]) / 2]\n }\n };\n\n // If dp is on the line, Geometry.perpendicular will return a point not on the line.\n // Since this somewhat odd behavior of Geometry.perpendicular is needed in GEONExT,\n // it is circumvented here.\n if (\n Math.abs(Mat.innerProduct(dp.coords.usrCoords, parents[0].stdform, 3)) >=\n Mat.eps\n ) {\n dp = Geometry.perpendicular(parents[0], dp, board)[0].usrCoords;\n } else {\n dp = dp.coords.usrCoords;\n }\n i1 = [1, dp[1] + slope1[1] * w, dp[2] - slope1[0] * w];\n i2 = [1, dp[1] - slope2[1] * w, dp[2] + slope2[0] * w];\n\n // One of the vectors based in i1 and orthogonal to the parent line has the direction d1 = (slope1, -1)\n // We will go from i1 to i1 + h*d1, from there to i2 + h*d2 (with d2 calculated equivalent to d1) and\n // end up in i2.\n this.dataX = [i1[1], i1[1] + slope1[0] * h, i2[1] + slope2[0] * h, i2[1], i1[1]];\n this.dataY = [i1[2], i1[2] + slope1[1] * h, i2[2] + slope2[1] * h, i2[2], i1[2]];\n };\n } else if (\n parents[0].elementClass === Const.OBJECT_CLASS_CURVE &&\n parents[0].visProp.curvetype === \"functiongraph\"\n ) {\n a = board.create(\"curve\", [[], []], attr);\n a.updateDataArray = function () {\n var bbox = this.board.getBoundingBox(),\n points = [],\n infty,\n first,\n last,\n len,\n i,\n mi = parents[0].minX(),\n ma = parents[0].maxX(),\n curve_mi,\n curve_ma,\n firstx,\n lastx,\n enlarge = (bbox[1] - bbox[3]) * 0.3, // enlarge the bbox vertically by this amount\n inverse = Type.evaluate(this.visProp.inverse);\n\n // inverse == true <=> Fill area with y >= f(x)\n infty = inverse ? 1 : 3; // we will use either bbox[1] or bbox[3] below\n\n this.dataX = [];\n this.dataY = [];\n len = parents[0].points.length;\n if (len === 0) {\n return;\n }\n\n bbox[1] += enlarge;\n bbox[3] -= enlarge;\n\n last = -1;\n while (last < len - 1) {\n // Find the first point with real coordinates on this curve segment\n for (i = last + 1, first = len; i < len; i++) {\n if (parents[0].points[i].isReal()) {\n first = i;\n break;\n }\n }\n // No real points found -> exit\n if (first >= len) {\n break;\n }\n\n // Find the last point with real coordinates on this curve segment\n for (i = first, last = len - 1; i < len - 1; i++) {\n if (!parents[0].points[i + 1].isReal()) {\n last = i;\n break;\n }\n }\n\n firstx = parents[0].points[first].usrCoords[1];\n lastx = parents[0].points[last].usrCoords[1];\n\n // Restrict the plot interval if the function ends inside of the board\n curve_mi = bbox[0] < mi ? mi : bbox[0];\n curve_ma = bbox[2] > ma ? ma : bbox[2];\n\n // Found NaNs\n curve_mi = first === 0 ? curve_mi : Math.max(curve_mi, firstx);\n curve_ma = last === len - 1 ? curve_ma : Math.min(curve_ma, lastx);\n\n // First and last relevant x-coordinate of the curve\n curve_mi = first === 0 ? mi : firstx;\n curve_ma = last === len - 1 ? ma : lastx;\n\n // Copy the curve points\n points = [];\n\n points.push([1, curve_mi, bbox[infty]]);\n points.push([1, curve_mi, parents[0].points[first].usrCoords[2]]);\n for (i = first; i <= last; i++) {\n points.push(parents[0].points[i].usrCoords);\n }\n points.push([1, curve_ma, parents[0].points[last].usrCoords[2]]);\n points.push([1, curve_ma, bbox[infty]]);\n points.push(points[0]);\n\n for (i = 0; i < points.length; i++) {\n this.dataX.push(points[i][1]);\n this.dataY.push(points[i][2]);\n }\n\n if (last < len - 1) {\n this.dataX.push(NaN);\n this.dataY.push(NaN);\n }\n }\n };\n\n // Previous code:\n a.hasPoint = function () {\n return false;\n };\n } else {\n // Not yet practical?\n f = Type.createFunction(parents[0]);\n a.addParentsFromJCFunctions([f]);\n\n if (!Type.exists(f)) {\n throw new Error(\n \"JSXGraph: Can't create area with the given parents.\" +\n \"\\nPossible parent types: [line], [function]\"\n );\n }\n }\n\n a.addParents(parents[0]);\n return a;\n};\n\nJXG.registerElement(\"arrowparallel\", JXG.createArrowParallel);\nJXG.registerElement(\"bisector\", JXG.createBisector);\nJXG.registerElement(\"bisectorlines\", JXG.createAngularBisectorsOfTwoLines);\nJXG.registerElement(\"msector\", JXG.createMsector);\nJXG.registerElement(\"circumcircle\", JXG.createCircumcircle);\nJXG.registerElement(\"circumcirclemidpoint\", JXG.createCircumcenter);\nJXG.registerElement(\"circumcenter\", JXG.createCircumcenter);\nJXG.registerElement(\"incenter\", JXG.createIncenter);\nJXG.registerElement(\"incircle\", JXG.createIncircle);\nJXG.registerElement(\"integral\", JXG.createIntegral);\nJXG.registerElement(\"midpoint\", JXG.createMidpoint);\nJXG.registerElement(\"mirrorelement\", JXG.createMirrorElement);\nJXG.registerElement(\"mirrorpoint\", JXG.createMirrorPoint);\nJXG.registerElement(\"normal\", JXG.createNormal);\nJXG.registerElement(\"orthogonalprojection\", JXG.createOrthogonalProjection);\nJXG.registerElement(\"parallel\", JXG.createParallel);\nJXG.registerElement(\"parallelpoint\", JXG.createParallelPoint);\nJXG.registerElement(\"perpendicular\", JXG.createPerpendicular);\nJXG.registerElement(\"perpendicularpoint\", JXG.createPerpendicularPoint);\nJXG.registerElement(\"perpendicularsegment\", JXG.createPerpendicularSegment);\nJXG.registerElement(\"reflection\", JXG.createReflection);\nJXG.registerElement(\"grid\", JXG.createGrid);\nJXG.registerElement(\"inequality\", JXG.createInequality);\n\n// export default {\n// createArrowParallel: JXG.createArrowParallel,\n// createBisector: JXG.createBisector,\n// createAngularBisectorOfTwoLines: JXG.createAngularBisectorsOfTwoLines,\n// createCircumcircle: JXG.createCircumcircle,\n// createCircumcenter: JXG.createCircumcenter,\n// createIncenter: JXG.createIncenter,\n// createIncircle: JXG.createIncircle,\n// createIntegral: JXG.createIntegral,\n// createMidpoint: JXG.createMidpoint,\n// createMirrorElement: JXG.createMirrorElement,\n// createMirrorPoint: JXG.createMirrorPoint,\n// createNormal: JXG.createNormal,\n// createOrthogonalProjection: JXG.createOrthogonalProjection,\n// createParallel: JXG.createParallel,\n// createParallelPoint: JXG.createParallelPoint,\n// createPerpendicular: JXG.createPerpendicular,\n// createPerpendicularPoint: JXG.createPerpendicularPoint,\n// createPerpendicularSegmen: JXG.createPerpendicularSegment,\n// createReflection: JXG.createReflection,\n// createGrid: JXG.createGrid,\n// createInequality: JXG.createInequality\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * \n */\nJXG.createLocus = function (board, parents, attributes) {\n var c, p;\n\n if (Type.isArray(parents) && parents.length === 1 && Type.isPoint(parents[0])) {\n p = parents[0];\n } else {\n throw new Error(\n \"JSXGraph: Can't create locus with parent of type other than point.\" +\n \"\\nPossible parent types: [point]\"\n );\n }\n\n c = board.create(\"curve\", [[null], [null]], attributes);\n c.dontCallServer = false;\n\n c.elType = \"locus\";\n c.setParents([p.id]);\n\n /**\n * Should be documented in JXG.Curve\n * @ignore\n */\n c.updateDataArray = function () {\n var spe, cb, data;\n\n if (c.board.mode > 0) {\n return;\n }\n\n spe = Symbolic.generatePolynomials(board, p, true).join(\"|\");\n if (spe === c.spe) {\n return;\n }\n\n c.spe = spe;\n\n cb = function (x, y, eq, t) {\n c.dataX = x;\n c.dataY = y;\n\n /**\n * The implicit definition of the locus.\n * @memberOf Locus.prototype\n * @name eq\n * @type String\n */\n c.eq = eq;\n\n /**\n * The time it took to calculate the locus\n * @memberOf Locus.prototype\n * @name ctime\n * @type Number\n */\n c.ctime = t;\n\n // convert equation and use it to build a generatePolynomial-method\n c.generatePolynomial = (function (equations) {\n return function (point) {\n var i,\n x = \"(\" + point.symbolic.x + \")\",\n y = \"(\" + point.symbolic.y + \")\",\n res = [];\n\n for (i = 0; i < equations.length; i++) {\n res[i] = equations[i]\n .replace(/\\*\\*/g, \"^\")\n .replace(/x/g, x)\n .replace(/y/g, y);\n }\n\n return res;\n };\n })(eq);\n };\n data = Symbolic.geometricLocusByGroebnerBase(board, p, cb);\n\n cb(data.datax, data.datay, data.polynomial, data.exectime);\n };\n return c;\n};\n\nJXG.registerElement(\"locus\", JXG.createLocus);\n\n// export default {\n// createLocus: JXG.createLocus\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * \n *\n * @example\n * var p0 = board.create('point', [-3, -2]),\n * im = board.create('image', ['https://jsxgraph.org/distrib/images/uccellino.jpg',\n * [function(){ return p0.X(); }, function(){ return p0.Y(); }],\n * [3,3]]),\n * p1 = board.create('point', [1, 2]);\n *\n * im.setSize(function(){ return p1.X() - p0.X(); }, function(){ return p1.Y() - p0.Y(); });\n * board.update();\n *\n * \n * \n *\n */\n setSize: function (width, height) {\n this.W = Type.createFunction(width, this.board, \"\");\n this.H = Type.createFunction(height, this.board, \"\");\n this.addParentsFromJCFunctions([this.W, this.H]);\n // this.fullUpdate();\n\n return this;\n },\n\n /**\n * Returns the width of the image in user coordinates.\n * @returns {number} width of the image in user coordinates\n */\n W: function () {}, // Needed for docs, defined in constructor\n\n /**\n * Returns the height of the image in user coordinates.\n * @returns {number} height of the image in user coordinates\n */\n H: function () {} // Needed for docs, defined in constructor\n }\n);\n\n/**\n * @class Displays an image.\n * @pseudo\n * @description\n * @name Image\n * @type JXG.Image\n * @augments JXG.Image\n * @constructor\n * @constructor\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {string,function_Array_Array} url,coords,size url defines the location of the image data. The array coords contains the user coordinates\n * of the lower left corner of the image.\n * It can consist of two or three elements of type number, a string containing a GEONExT\n * constraint, or a function which takes no parameter and returns a number. Every element determines one coordinate. If a coordinate is\n * given by a number, the number determines the initial position of a free image. If given by a string or a function that coordinate will be constrained\n * that means the user won't be able to change the image's position directly by mouse because it will be calculated automatically depending on the string\n * or the function's return value. If two parent elements are given the coordinates will be interpreted as 2D affine Euclidean coordinates, if three such\n * parent elements are given they will be interpreted as homogeneous coordinates.\n * \n * The array size defines the image's width and height in user coordinates.\n * @example\n * var im = board.create('image', ['https://jsxgraph.org/jsxgraph/distrib/images/uccellino.jpg', [-3,-2], [3,3]]);\n *\n *
\n * \n */\nJXG.createImage = function (board, parents, attributes) {\n var attr,\n im,\n url = parents[0],\n coords = parents[1],\n size = parents[2];\n\n attr = Type.copyAttributes(attributes, board.options, \"image\");\n im = CoordsElement.create(JXG.Image, board, coords, attr, url, size);\n if (!im) {\n throw new Error(\n \"JSXGraph: Can't create image with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [x,y], [z,x,y], [element,transformation]\"\n );\n }\n\n if (attr.rotate !== 0) {\n // This is the default value, i.e. no rotation\n im.addRotation(attr.rotate);\n }\n\n return im;\n};\n\nJXG.registerElement(\"image\", JXG.createImage);\n\nexport default JXG.Image;\n// export default {\n// Image: JXG.Image,\n// createImage: JXG.createImage\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * \n * @example\n * // Create a slider taking integer values between 1 and 50. Initial value is 50.\n * var s = board.create('slider', [[1, 3], [3, 1], [0, 10, 50]], {snapWidth: 1, ticks: { drawLabels: true }});\n * \n * \n * @example\n * // Draggable slider\n * var s1 = board.create('slider', [[-3,1], [2,1],[-10,1,10]], {\n * visible: true,\n * snapWidth: 2,\n * point1: {fixed: false},\n * point2: {fixed: false},\n * baseline: {fixed: false, needsRegularUpdate: true}\n * });\n *\n * \n * \n *\n * @example\n * // Set the slider by clicking on the base line: attribute 'moveOnUp'\n * var s1 = board.create('slider', [[-3,1], [2,1],[-10,1,10]], {\n * snapWidth: 2,\n * moveOnUp: true // default value\n * });\n *\n * \n * \n *\n * @example\n * // Set colors\n * var sl = board.create('slider', [[-3, 1], [1, 1], [-10, 1, 10]], {\n *\n * baseline: { strokeColor: 'blue'},\n * highline: { strokeColor: 'red'},\n * fillColor: 'yellow',\n * label: {fontSize: 24, strokeColor: 'orange'},\n * name: 'xyz', // Not shown, if suffixLabel is set\n * suffixLabel: 'x = ',\n * postLabel: ' u'\n *\n * });\n *\n * \n * \n *\n */\nJXG.createSlider = function (board, parents, attributes) {\n var pos0, pos1,\n smin, start, smax, sdiff,\n p1, p2, p3, l1, l2,\n ticks, ti, t,\n startx, starty,\n withText, withTicks,\n snapWidth, sw, s,\n attr;\n\n attr = Type.copyAttributes(attributes, board.options, \"slider\");\n withTicks = attr.withticks;\n withText = attr.withlabel;\n snapWidth = attr.snapwidth;\n\n // start point\n attr = Type.copyAttributes(attributes, board.options, \"slider\", \"point1\");\n p1 = board.create(\"point\", parents[0], attr);\n\n // end point\n attr = Type.copyAttributes(attributes, board.options, \"slider\", \"point2\");\n p2 = board.create(\"point\", parents[1], attr);\n //g = board.create('group', [p1, p2]);\n\n // Base line\n attr = Type.copyAttributes(attributes, board.options, \"slider\", \"baseline\");\n l1 = board.create(\"segment\", [p1, p2], attr);\n\n // This is required for a correct projection of the glider onto the segment below\n l1.updateStdform();\n\n pos0 = p1.coords.usrCoords.slice(1);\n pos1 = p2.coords.usrCoords.slice(1);\n smin = parents[2][0];\n start = parents[2][1];\n smax = parents[2][2];\n sdiff = smax - smin;\n\n sw = Type.evaluate(snapWidth);\n s = sw === -1 ? start : Math.round(start / sw) * sw;\n startx = pos0[0] + ((pos1[0] - pos0[0]) * (s - smin)) / (smax - smin);\n starty = pos0[1] + ((pos1[1] - pos0[1]) * (s - smin)) / (smax - smin);\n\n // glider point\n attr = Type.copyAttributes(attributes, board.options, \"slider\");\n // overwrite this in any case; the sliders label is a special text element, not the gliders label.\n // this will be set back to true after the text was created (and only if withlabel was true initially).\n attr.withLabel = false;\n // gliders set snapwidth=-1 by default (i.e. deactivate them)\n p3 = board.create(\"glider\", [startx, starty, l1], attr);\n p3.setAttribute({ snapwidth: snapWidth });\n\n // Segment from start point to glider point: highline\n attr = Type.copyAttributes(attributes, board.options, \"slider\", \"highline\");\n l2 = board.create(\"segment\", [p1, p3], attr);\n\n /**\n * Returns the current slider value.\n * @memberOf Slider.prototype\n * @name Value\n * @function\n * @returns {Number}\n */\n p3.Value = function () {\n var sdiff = this._smax - this._smin,\n ev_sw = Type.evaluate(this.visProp.snapwidth);\n\n return ev_sw === -1\n ? this.position * sdiff + this._smin\n : Math.round((this.position * sdiff + this._smin) / ev_sw) * ev_sw;\n };\n\n p3.methodMap = Type.deepCopy(p3.methodMap, {\n Value: \"Value\",\n setValue: \"setValue\",\n smax: \"_smax\",\n smin: \"_smin\",\n setMax: \"setMax\",\n setMin: \"setMin\"\n });\n\n /**\n * End value of the slider range.\n * @memberOf Slider.prototype\n * @name _smax\n * @type Number\n */\n p3._smax = smax;\n\n /**\n * Start value of the slider range.\n * @memberOf Slider.prototype\n * @name _smin\n * @type Number\n */\n p3._smin = smin;\n\n /**\n * Sets the maximum value of the slider.\n * @memberOf Slider.prototype\n * @name setMax\n * @param {Number} val New maximum value\n * @returns {Object} this object\n */\n p3.setMax = function (val) {\n this._smax = val;\n return this;\n };\n\n /**\n * Sets the value of the slider. This call must be followed\n * by a board update call.\n * @memberOf Slider.prototype\n * @name setValue\n * @param {Number} val New value\n * @returns {Object} this object\n */\n p3.setValue = function (val) {\n var sdiff = this._smax - this._smin;\n\n if (Math.abs(sdiff) > Mat.eps) {\n this.position = (val - this._smin) / sdiff;\n } else {\n this.position = 0.0; //this._smin;\n }\n this.position = Math.max(0.0, Math.min(1.0, this.position));\n return this;\n };\n\n /**\n * Sets the minimum value of the slider.\n * @memberOf Slider.prototype\n * @name setMin\n * @param {Number} val New minimum value\n * @returns {Object} this object\n */\n p3.setMin = function (val) {\n this._smin = val;\n return this;\n };\n\n if (withText) {\n attr = Type.copyAttributes(attributes, board.options, \"slider\", \"label\");\n t = board.create(\n \"text\",\n [\n function () {\n return (p2.X() - p1.X()) * 0.05 + p2.X();\n },\n function () {\n return (p2.Y() - p1.Y()) * 0.05 + p2.Y();\n },\n function () {\n var n,\n d = Type.evaluate(p3.visProp.digits),\n sl = Type.evaluate(p3.visProp.suffixlabel),\n ul = Type.evaluate(p3.visProp.unitlabel),\n pl = Type.evaluate(p3.visProp.postlabel);\n\n if (d === 2 && Type.evaluate(p3.visProp.precision) !== 2) {\n // Backwards compatibility\n d = Type.evaluate(p3.visProp.precision);\n }\n\n if (sl !== null) {\n n = sl;\n } else if (p3.name && p3.name !== \"\") {\n n = p3.name + \" = \";\n } else {\n n = \"\";\n }\n\n n += Type.toFixed(p3.Value(), d);\n\n if (ul !== null) {\n n += ul;\n }\n if (pl !== null) {\n n += pl;\n }\n\n return n;\n }\n ],\n attr\n );\n\n /**\n * The text element to the right of the slider, indicating its current value.\n * @memberOf Slider.prototype\n * @name label\n * @type JXG.Text\n */\n p3.label = t;\n\n // reset the withlabel attribute\n p3.visProp.withlabel = true;\n p3.hasLabel = true;\n }\n\n /**\n * Start point of the base line.\n * @memberOf Slider.prototype\n * @name point1\n * @type JXG.Point\n */\n p3.point1 = p1;\n\n /**\n * End point of the base line.\n * @memberOf Slider.prototype\n * @name point2\n * @type JXG.Point\n */\n p3.point2 = p2;\n\n /**\n * The baseline the glider is bound to.\n * @memberOf Slider.prototype\n * @name baseline\n * @type JXG.Line\n */\n p3.baseline = l1;\n\n /**\n * A line on top of the baseline, indicating the slider's progress.\n * @memberOf Slider.prototype\n * @name highline\n * @type JXG.Line\n */\n p3.highline = l2;\n\n if (withTicks) {\n // Function to generate correct label texts\n\n attr = Type.copyAttributes(attributes, board.options, \"slider\", \"ticks\");\n if (!Type.exists(attr.generatelabeltext)) {\n attr.generateLabelText = function (tick, zero, value) {\n var labelText,\n dFull = p3.point1.Dist(p3.point2),\n smin = p3._smin,\n smax = p3._smax,\n val = (this.getDistanceFromZero(zero, tick) * (smax - smin)) / dFull + smin;\n\n if (dFull < Mat.eps || Math.abs(val) < Mat.eps) {\n // Point is zero\n labelText = \"0\";\n } else {\n labelText = this.formatLabelText(val);\n }\n return labelText;\n };\n }\n ticks = 2;\n ti = board.create(\n \"ticks\",\n [\n p3.baseline,\n p3.point1.Dist(p1) / ticks,\n\n function (tick) {\n var dFull = p3.point1.Dist(p3.point2),\n d = p3.point1.coords.distance(Const.COORDS_BY_USER, tick);\n\n if (dFull < Mat.eps) {\n return 0;\n }\n\n return (d / dFull) * sdiff + smin;\n }\n ],\n attr\n );\n\n /**\n * Ticks give a rough indication about the slider's current value.\n * @memberOf Slider.prototype\n * @name ticks\n * @type JXG.Ticks\n */\n p3.ticks = ti;\n }\n\n // override the point's remove method to ensure the removal of all elements\n p3.remove = function () {\n if (withText) {\n board.removeObject(t);\n }\n\n board.removeObject(l2);\n board.removeObject(l1);\n board.removeObject(p2);\n board.removeObject(p1);\n\n Point.prototype.remove.call(p3);\n };\n\n p1.dump = false;\n p2.dump = false;\n l1.dump = false;\n l2.dump = false;\n if (withText) {\n t.dump = false;\n }\n\n p3.elType = \"slider\";\n p3.parents = parents;\n p3.subs = {\n point1: p1,\n point2: p2,\n baseLine: l1,\n highLine: l2\n };\n p3.inherits.push(p1, p2, l1, l2);\n\n if (withTicks) {\n ti.dump = false;\n p3.subs.ticks = ti;\n p3.inherits.push(ti);\n }\n\n p3.getParents = function () {\n return [\n this.point1.coords.usrCoords.slice(1),\n this.point2.coords.usrCoords.slice(1),\n [this._smin, this.position * (this._smax - this._smin) + this._smin, this._smax]\n ];\n };\n\n p3.baseline.on(\"up\", function (evt) {\n var pos, c;\n\n if (Type.evaluate(p3.visProp.moveonup) && !Type.evaluate(p3.visProp.fixed)) {\n pos = l1.board.getMousePosition(evt, 0);\n c = new Coords(Const.COORDS_BY_SCREEN, pos, this.board);\n p3.moveTo([c.usrCoords[1], c.usrCoords[2]]);\n p3.triggerEventHandlers(['drag'], [evt]);\n }\n });\n\n // Save the visibility attribute of the sub-elements\n // for (el in p3.subs) {\n // p3.subs[el].status = {\n // visible: p3.subs[el].visProp.visible\n // };\n // }\n\n // p3.hideElement = function () {\n // var el;\n // GeometryElement.prototype.hideElement.call(this);\n //\n // for (el in this.subs) {\n // // this.subs[el].status.visible = this.subs[el].visProp.visible;\n // this.subs[el].hideElement();\n // }\n // };\n\n // p3.showElement = function () {\n // var el;\n // GeometryElement.prototype.showElement.call(this);\n //\n // for (el in this.subs) {\n // // if (this.subs[el].status.visible) {\n // this.subs[el].showElement();\n // // }\n // }\n // };\n\n // This is necessary to show baseline, highline and ticks\n // when opening the board in case the visible attributes are set\n // to 'inherit'.\n p3.prepareUpdate().update();\n if (!board.isSuspendedUpdate) {\n p3.updateVisibility().updateRenderer();\n p3.baseline.updateVisibility().updateRenderer();\n p3.highline.updateVisibility().updateRenderer();\n if (withTicks) {\n p3.ticks.updateVisibility().updateRenderer();\n }\n }\n\n return p3;\n};\n\nJXG.registerElement(\"slider\", JXG.createSlider);\n\n// export default {\n// createSlider: JXG.createSlider\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * \n */\nJXG.createTapemeasure = function (board, parents, attributes) {\n var pos0, pos1, attr, withTicks, withText, digits, li, p1, p2, n, ti;\n\n pos0 = parents[0];\n pos1 = parents[1];\n\n // start point\n attr = Type.copyAttributes(attributes, board.options, \"tapemeasure\", \"point1\");\n p1 = board.create(\"point\", pos0, attr);\n\n // end point\n attr = Type.copyAttributes(attributes, board.options, \"tapemeasure\", \"point2\");\n p2 = board.create(\"point\", pos1, attr);\n\n p1.setAttribute({ ignoredSnapToPoints: [p2] });\n p2.setAttribute({ ignoredSnapToPoints: [p1] });\n\n // tape measure line\n attr = Type.copyAttributes(attributes, board.options, \"tapemeasure\");\n withTicks = attr.withticks;\n withText = attr.withlabel;\n digits = attr.digits;\n\n if (digits === 2 && attr.precision !== 2) {\n // Backward compatibility\n digits = attr.precision;\n }\n\n // Below, we will replace the label by the measurement function.\n if (withText) {\n attr.withlabel = true;\n }\n li = board.create(\"segment\", [p1, p2], attr);\n // p1, p2 are already added to li.inherits\n\n if (withText) {\n if (attributes.name && attributes.name !== \"\") {\n n = attributes.name + \" = \";\n } else {\n n = \"\";\n }\n li.label.setText(function () {\n return n + Type.toFixed(p1.Dist(p2), digits);\n });\n }\n\n if (withTicks) {\n attr = Type.copyAttributes(attributes, board.options, \"tapemeasure\", \"ticks\");\n //ticks = 2;\n ti = board.create(\"ticks\", [li, 0.1], attr);\n li.inherits.push(ti);\n }\n\n // override the segments's remove method to ensure the removal of all elements\n /** @ignore */\n li.remove = function () {\n if (withTicks) {\n li.removeTicks(ti);\n }\n\n board.removeObject(p2);\n board.removeObject(p1);\n\n GeometryElement.prototype.remove.call(this);\n };\n\n /**\n * Returns the length of the tape measure.\n * @name Value\n * @memberOf Tapemeasure.prototype\n * @function\n * @returns {Number} length of tape measure.\n */\n li.Value = function () {\n return p1.Dist(p2);\n };\n\n p1.dump = false;\n p2.dump = false;\n\n li.elType = \"tapemeasure\";\n li.getParents = function () {\n return [\n [p1.X(), p1.Y()],\n [p2.X(), p2.Y()]\n ];\n };\n\n li.subs = {\n point1: p1,\n point2: p2\n };\n\n if (withTicks) {\n ti.dump = false;\n }\n\n li.methodMap = JXG.deepCopy(li.methodMap, {\n Value: \"Value\"\n });\n\n li.prepareUpdate().update();\n if (!board.isSuspendedUpdate) {\n li.updateVisibility().updateRenderer();\n // The point updates are necessary in case of snapToGrid==true\n li.point1.updateVisibility().updateRenderer();\n li.point2.updateVisibility().updateRenderer();\n }\n\n return li;\n};\n\nJXG.registerElement(\"tapemeasure\", JXG.createTapemeasure);\n\n// export default {\n// createTapemeasure: JXG.createTapemeasure\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * The parent array may be of one of the following forms:\n *
\n *\n * @example\n * board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-1, 9, 13, -3], axis:true});\n *\n * var s = board.create('slider', [[4,7],[8,7],[1,1,1.5]], {name:'S', strokeColor:'black', fillColor:'white'});\n * var f = [function(){return (s.Value()*4.5).toFixed(2);},\n * function(){return (s.Value()*(-1)).toFixed(2);},\n * function(){return (s.Value()*3).toFixed(2);},\n * function(){return (s.Value()*2).toFixed(2);},\n * function(){return (s.Value()*(-0.5)).toFixed(2);},\n * function(){return (s.Value()*5.5).toFixed(2);},\n * function(){return (s.Value()*2.5).toFixed(2);},\n * function(){return (s.Value()*(-0.75)).toFixed(2);},\n * function(){return (s.Value()*3.5).toFixed(2);},\n * function(){return (s.Value()*2).toFixed(2);},\n * function(){return (s.Value()*(-1.25)).toFixed(2);}\n * ];\n * var chart = board.create('chart', [f],\n * {chartStyle:'bar',width:0.8,labels:f,\n * colorArray:['#8E1B77','#BE1679','#DC1765','#DA2130','#DB311B','#DF4917','#E36317','#E87F1A',\n * '#F1B112','#FCF302','#C1E212']});\n *\n * var dataArr = [4,1,3,2,5,6.5,1.5,2,0.5,1.5,-1];\n * var chart2 = board.create('chart', dataArr, {chartStyle:'line,point'});\n * chart2[0].setAttribute('strokeColor:black','strokeWidth:2pt');\n * for(var i=0; i<11;i++) {\n * chart2[1][i].setAttribute({strokeColor:'black',fillColor:'white',face:'[]', size:4, strokeWidth:'2pt'});\n * }\n * board.unsuspendUpdate();\n *\n * \n * \n *\n * @example\n * var dataArr = [4, 1.2, 3, 7, 5, 4, 1.54, function () { return 2; }];\n * var a = board.create('chart', dataArr, {\n * chartStyle:'pie', colors:['#B02B2C','#3F4C6B','#C79810','#D15600'],\n * fillOpacity:0.9,\n * center:[5,2],\n * strokeColor:'#ffffff',\n * strokeWidth:6,\n * highlightBySize:true,\n * highlightOnSector:true\n * });\n *\n * \n * \n *\n * @example\n * board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-12, 12, 20, -12], axis: false});\n * board.suspendUpdate();\n * // See labelArray and paramArray\n * var dataArr = [[23, 14, 15.0], [60, 8, 25.0], [0, 11.0, 25.0], [10, 15, 20.0]];\n *\n * var a = board.create('chart', dataArr, {\n * chartStyle:'radar',\n * colorArray:['#0F408D','#6F1B75','#CA147A','#DA2228','#E8801B','#FCF302','#8DC922','#15993C','#87CCEE','#0092CE'],\n * //fillOpacity:0.5,\n * //strokeColor:'black',\n * //strokeWidth:1,\n * //polyStrokeWidth:1,\n * paramArray:['Speed','Flexibility', 'Costs'],\n * labelArray:['Ruby','JavaScript', 'PHP', 'Python'],\n * //startAngle:Math.PI/4,\n * legendPosition:'right',\n * //\"startShiftRatio\": 0.1,\n * //endShiftRatio:0.1,\n * //startShiftArray:[0,0,0],\n * //endShiftArray:[0.5,0.5,0.5],\n * start:0\n * //end:70,\n * //startArray:[0,0,0],\n * //endArray:[7,7,7],\n * //radius:3,\n * //showCircles:true,\n * //circleLabelArray:[1,2,3,4,5],\n * //highlightColorArray:['#E46F6A','#F9DF82','#F7FA7B','#B0D990','#69BF8E','#BDDDE4','#92C2DF','#637CB0','#AB91BC','#EB8EBF'],\n * });\n * board.unsuspendUpdate();\n *\n * \n * \n *\n * For more examples see\n *
\n * The legend object consists of segements with labels. These lines can be\n * access with the property \"lines\" of the element.\n * @constructor\n * @augments JXG.GeometryElement\n * @param {String,JXG.Board} board The board the new legend is drawn on.\n * @param {Array} coords Coordinates of the left top point of the legend.\n * @param {Object} attributes Attributes of the legend\n */\nJXG.Legend = function (board, coords, attributes) {\n var attr;\n\n /* Call the constructor of GeometryElement */\n this.constructor();\n\n attr = Type.copyAttributes(attributes, board.options, \"legend\");\n\n this.board = board;\n this.coords = new Coords(Const.COORDS_BY_USER, coords, this.board);\n this.myAtts = {};\n this.label_array = attr.labelarray || attr.labels;\n this.color_array = attr.colorarray || attr.colors;\n this.lines = [];\n this.myAtts.strokewidth = attr.strokewidth || 5;\n this.myAtts.straightfirst = false;\n this.myAtts.straightlast = false;\n this.myAtts.withlabel = true;\n this.myAtts.fixed = true;\n this.style = attr.legendstyle || attr.style;\n\n if (this.style === \"vertical\") {\n this.drawVerticalLegend(board, attr);\n } else {\n throw new Error(\"JSXGraph: Unknown legend style: \" + this.style);\n }\n};\n\nJXG.Legend.prototype = new GeometryElement();\n\n/**\n * Draw a vertical legend.\n *\n * @private\n * @param {String,JXG.Board} board The board the legend is drawn on\n * @param {Object} attributes Attributes of the legend\n */\nJXG.Legend.prototype.drawVerticalLegend = function (board, attributes) {\n var i,\n line_length = attributes.linelength || 1,\n offy = (attributes.rowheight || 20) / this.board.unitY,\n getLabelAnchor = function () {\n this.setLabelRelativeCoords(this.visProp.label.offset);\n return new Coords(\n Const.COORDS_BY_USER,\n [this.point2.X(), this.point2.Y()],\n this.board\n );\n };\n\n for (i = 0; i < this.label_array.length; i++) {\n this.myAtts.name = this.label_array[i];\n this.myAtts.strokecolor = this.color_array[i % this.color_array.length];\n this.myAtts.highlightstrokecolor = this.color_array[i % this.color_array.length];\n this.myAtts.label = {\n offset: [10, 0],\n strokeColor: this.color_array[i % this.color_array.length],\n strokeWidth: this.myAtts.strokewidth\n };\n\n this.lines[i] = board.create(\n \"line\",\n [\n [this.coords.usrCoords[1], this.coords.usrCoords[2] - i * offy],\n [this.coords.usrCoords[1] + line_length, this.coords.usrCoords[2] - i * offy]\n ],\n this.myAtts\n );\n\n this.lines[i].getLabelAnchor = getLabelAnchor;\n this.lines[i]\n .prepareUpdate()\n .update()\n .updateVisibility(Type.evaluate(this.lines[i].visProp.visible))\n .updateRenderer();\n }\n};\n\n/**\n * @class This element is used to provide a constructor for a chart legend.\n * Parameter is a pair of coordinates. The label names and the label colors are\n * supplied in the attributes:\n *
\n *\n *\n */\nJXG.createLegend = function (board, parents, attributes) {\n //parents are coords of left top point of the legend\n var start_from = [0, 0];\n\n if (Type.exists(parents) && parents.length === 2) {\n start_from = parents;\n } else {\n throw new Error(\"JSXGraph: Legend element needs two numbers as parameters\");\n }\n\n return new JXG.Legend(board, start_from, attributes);\n};\n\nJXG.registerElement(\"legend\", JXG.createLegend);\n\nexport default {\n Chart: JXG.Chart,\n Legend: JXG.Legend\n // createChart: JXG.createChart,\n // createLegend: JXG.createLegend\n};\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * Translation matrix:\n *
\n * ( 1 0 0) ( z )\n * ( a 1 0) * ( x )\n * ( b 0 1) ( y )\n *\n *\n *
\n * Scale matrix:\n *
\n * ( 1 0 0) ( z )\n * ( 0 a 0) * ( x )\n * ( 0 0 b) ( y )\n *\n *\n *
\n * A rotation matrix with angle a (in Radians)\n *
\n * ( 1 0 0 ) ( z )\n * ( 0 cos(a) -sin(a)) * ( x )\n * ( 0 sin(a) cos(a) ) ( y )\n *\n *\n *
\n * Shear matrix:\n *
\n * ( 1 0 0) ( z )\n * ( 0 1 a) * ( x )\n * ( 0 b 1) ( y )\n *\n *\n *
Generic transformation:\n *
\n * ( a b c ) ( z )\n * ( d e f ) * ( x )\n * ( g h i ) ( y )\n *\n *\n */\nJXG.Transformation = function (board, type, params) {\n this.elementClass = Const.OBJECT_CLASS_OTHER;\n this.type = Const.OBJECT_TYPE_TRANSFORMATION;\n this.matrix = [\n [1, 0, 0],\n [0, 1, 0],\n [0, 0, 1]\n ];\n this.board = board;\n this.isNumericMatrix = false;\n this.setMatrix(board, type, params);\n\n this.methodMap = {\n apply: \"apply\",\n applyOnce: \"applyOnce\",\n bindTo: \"bindTo\",\n bind: \"bindTo\",\n melt: \"melt\"\n };\n};\n\nJXG.Transformation.prototype = {};\n\nJXG.extend(\n JXG.Transformation.prototype,\n /** @lends JXG.Transformation.prototype */ {\n /**\n * Updates the numerical data for the transformation, i.e. the entry of the subobject matrix.\n * @returns {JXG.Transform} returns pointer to itself\n */\n update: function () {\n return this;\n },\n\n /**\n * Set the transformation matrix for different types of standard transforms.\n * @param {JXG.Board} board\n * @param {String} type Transformation type, possible values are\n * 'translate', 'scale', 'reflect', 'rotate',\n * 'shear', 'generic'.\n * @param {Array} params Parameters for the various transformation types.\n *\n *
These are\n * @param {Array} x,y Shift vector (number or function) in case of 'translate'.\n * @param {Array} scale_x,scale_y Scale vector (number or function) in case of 'scale'.\n * @param {Array} line|point_pair|\"four coordinates\" In case of 'reflect' the parameters could\n * be a line, a pair of points or four number (or functions) p_x, p_y, q_x, q_y,\n * determining a line through points (p_x, p_y) and (q_x, q_y).\n * @param {Array} angle,x,y|angle,[x,y] In case of 'rotate' the parameters are an angle or angle function,\n * returning the angle in Radians and - optionally - a coordinate pair or a point defining the\n * rotation center. If the rotation center is not given, the transformation rotates around (0,0).\n * @param {Array} shear_x,shear_y Shear vector (number or function) in case of 'shear'.\n * @param {Array} a,b,c,d,e,f,g,h,i Nine matrix entries (numbers or functions) for a generic\n * projective transformation in case of 'generic'.\n *\n *
A transformation with a generic matrix looks like:\n *
\n * ( a b c ) ( z )\n * ( d e f ) * ( x )\n * ( g h i ) ( y )\n *\n *\n */\n setMatrix: function (board, type, params) {\n var i, e, obj;\n\n this.isNumericMatrix = true;\n\n for (i = 0; i < params.length; i++) {\n if (typeof params[i] !== \"number\") {\n this.isNumericMatrix = false;\n break;\n }\n }\n\n if (type === \"translate\") {\n if (params.length !== 2) {\n throw new Error(\"JSXGraph: translate transformation needs 2 parameters.\");\n }\n this.evalParam = Type.createEvalFunction(board, params, 2);\n this.update = function () {\n this.matrix[1][0] = this.evalParam(0);\n this.matrix[2][0] = this.evalParam(1);\n };\n } else if (type === \"scale\") {\n if (params.length !== 2) {\n throw new Error(\"JSXGraph: scale transformation needs 2 parameters.\");\n }\n this.evalParam = Type.createEvalFunction(board, params, 2);\n this.update = function () {\n this.matrix[1][1] = this.evalParam(0); // x\n this.matrix[2][2] = this.evalParam(1); // y\n };\n // Input: line or two points\n } else if (type === \"reflect\") {\n // line or two points\n if (params.length < 4) {\n params[0] = board.select(params[0]);\n }\n\n // two points\n if (params.length === 2) {\n params[1] = board.select(params[1]);\n }\n\n // 4 coordinates [px,py,qx,qy]\n if (params.length === 4) {\n this.evalParam = Type.createEvalFunction(board, params, 4);\n }\n\n this.update = function () {\n var x, y, z, xoff, yoff, d, v, p;\n // Determine homogeneous coordinates of reflections axis\n // line\n if (params.length === 1) {\n v = params[0].stdform;\n // two points\n } else if (params.length === 2) {\n v = Mat.crossProduct(\n params[1].coords.usrCoords,\n params[0].coords.usrCoords\n );\n // two points coordinates [px,py,qx,qy]\n } else if (params.length === 4) {\n v = Mat.crossProduct(\n [1, this.evalParam(2), this.evalParam(3)],\n [1, this.evalParam(0), this.evalParam(1)]\n );\n }\n\n // Project origin to the line. This gives a finite point p\n x = v[1];\n y = v[2];\n z = v[0];\n p = [-z * x, -z * y, x * x + y * y];\n d = p[2];\n\n // Normalize p\n xoff = p[0] / p[2];\n yoff = p[1] / p[2];\n\n // x, y is the direction of the line\n x = -v[2];\n y = v[1];\n\n this.matrix[1][1] = (x * x - y * y) / d;\n this.matrix[1][2] = (2 * x * y) / d;\n this.matrix[2][1] = this.matrix[1][2];\n this.matrix[2][2] = -this.matrix[1][1];\n this.matrix[1][0] =\n xoff * (1 - this.matrix[1][1]) - yoff * this.matrix[1][2];\n this.matrix[2][0] =\n yoff * (1 - this.matrix[2][2]) - xoff * this.matrix[2][1];\n };\n } else if (type === \"rotate\") {\n // angle, x, y\n if (params.length === 3) {\n this.evalParam = Type.createEvalFunction(board, params, 3);\n // angle, p or angle\n } else if (params.length > 0 && params.length <= 2) {\n this.evalParam = Type.createEvalFunction(board, params, 1);\n\n if (params.length === 2 && !Type.isArray(params[1])) {\n params[1] = board.select(params[1]);\n }\n }\n\n this.update = function () {\n var x,\n y,\n beta = this.evalParam(0),\n co = Math.cos(beta),\n si = Math.sin(beta);\n\n this.matrix[1][1] = co;\n this.matrix[1][2] = -si;\n this.matrix[2][1] = si;\n this.matrix[2][2] = co;\n\n // rotate around [x,y] otherwise rotate around [0,0]\n if (params.length > 1) {\n if (params.length === 3) {\n x = this.evalParam(1);\n y = this.evalParam(2);\n } else {\n if (Type.isArray(params[1])) {\n x = params[1][0];\n y = params[1][1];\n } else {\n x = params[1].X();\n y = params[1].Y();\n }\n }\n this.matrix[1][0] = x * (1 - co) + y * si;\n this.matrix[2][0] = y * (1 - co) - x * si;\n }\n };\n } else if (type === \"shear\") {\n if (params.length !== 2) {\n throw new Error(\"JSXGraph: shear transformation needs 2 parameters.\");\n }\n\n this.evalParam = Type.createEvalFunction(board, params, 2);\n this.update = function () {\n this.matrix[1][2] = this.evalParam(0);\n this.matrix[2][1] = this.evalParam(1);\n };\n } else if (type === \"generic\") {\n if (params.length !== 9) {\n throw new Error(\"JSXGraph: generic transformation needs 9 parameters.\");\n }\n\n this.evalParam = Type.createEvalFunction(board, params, 9);\n\n this.update = function () {\n this.matrix[0][0] = this.evalParam(0);\n this.matrix[0][1] = this.evalParam(1);\n this.matrix[0][2] = this.evalParam(2);\n this.matrix[1][0] = this.evalParam(3);\n this.matrix[1][1] = this.evalParam(4);\n this.matrix[1][2] = this.evalParam(5);\n this.matrix[2][0] = this.evalParam(6);\n this.matrix[2][1] = this.evalParam(7);\n this.matrix[2][2] = this.evalParam(8);\n };\n }\n\n // Handle dependencies\n for (e in this.evalParam.deps) {\n obj = this.evalParam.deps[e];\n this.addParents(obj);\n obj.addChild(this);\n }\n },\n\n /**\n * Transform a GeometryElement:\n * First, the transformation matrix is updated, then do the matrix-vector-multiplication.\n * @private\n * @param {JXG.GeometryElement} p element which is transformed\n * @param {String} 'self' Apply the transformation to the initialCoords instead of the coords if this is set.\n * @returns {Array}\n */\n apply: function (p, self) {\n this.update();\n\n if (Type.exists(self)) {\n return Mat.matVecMult(this.matrix, p.initialCoords.usrCoords);\n }\n return Mat.matVecMult(this.matrix, p.coords.usrCoords);\n },\n\n /**\n * Applies a transformation once to a GeometryElement or an array of elements.\n * If it is a free point, then it can be dragged around later\n * and will overwrite the transformed coordinates.\n * @param {JXG.Point,Array} p\n */\n applyOnce: function (p) {\n var c, len, i;\n\n if (!Type.isArray(p)) {\n p = [p];\n }\n\n len = p.length;\n\n for (i = 0; i < len; i++) {\n this.update();\n c = Mat.matVecMult(this.matrix, p[i].coords.usrCoords);\n p[i].coords.setCoordinates(Const.COORDS_BY_USER, c);\n }\n },\n\n /**\n * Binds a transformation to a GeometryElement or an array of elements. In every update of the\n * GeometryElement(s), the transformation is executed. That means, in order to immediately\n * apply the transformation, a call of board.update() has to follow.\n * @param {Array,JXG.Object} p JXG.Object or array of JXG.Object to\n * which the transformation is bound to.\n */\n bindTo: function (p) {\n var i, len;\n if (Type.isArray(p)) {\n len = p.length;\n\n for (i = 0; i < len; i++) {\n p[i].transformations.push(this);\n }\n } else {\n p.transformations.push(this);\n }\n },\n\n /**\n * Unused\n * @deprecated Use setAttribute\n * @param term\n */\n setProperty: function (term) {\n JXG.deprecated(\"Transformation.setProperty()\", \"Transformation.setAttribute()\");\n },\n\n /**\n * Empty method. Unused.\n * @param {Object} term Key-value pairs of the attributes.\n */\n setAttribute: function (term) {},\n\n /**\n * Combine two transformations to one transformation. This only works if\n * both of transformation matrices consist solely of numbers, and do not\n * contain functions.\n *\n * Multiplies the transformation with a transformation t from the left.\n * i.e. (this) = (t) join (this)\n * @param {JXG.Transform} t Transformation which is the left multiplicand\n * @returns {JXG.Transform} the transformation object.\n */\n melt: function (t) {\n var res = [],\n i,\n len,\n len0,\n k,\n s,\n j;\n\n len = t.matrix.length;\n len0 = this.matrix[0].length;\n\n for (i = 0; i < len; i++) {\n res[i] = [];\n }\n\n this.update();\n t.update();\n\n for (i = 0; i < len; i++) {\n for (j = 0; j < len0; j++) {\n s = 0;\n for (k = 0; k < len; k++) {\n s += t.matrix[i][k] * this.matrix[k][j];\n }\n res[i][j] = s;\n }\n }\n\n this.update = function () {\n var len = this.matrix.length,\n len0 = this.matrix[0].length;\n\n for (i = 0; i < len; i++) {\n for (j = 0; j < len0; j++) {\n this.matrix[i][j] = res[i][j];\n }\n }\n };\n return this;\n },\n\n // documented in element.js\n // Not yet, since transformations are not listed in board.objects.\n getParents: function () {\n var p = [[].concat.apply([], this.matrix)];\n\n if (this.parents.length !== 0) {\n p = this.parents;\n }\n\n return p;\n }\n }\n);\n\n/**\n * @class This element is used to provide projective transformations.\n * @pseudo\n * @description A transformation consists of a 3x3 matrix, i.e. it is a projective transformation.\n * @name Transformation\n * @augments JXG.Transformation\n * @constructor\n * @type JXG.Transformation\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {numbers,functions} parameters The parameters depend on the transformation type, supplied as attribute 'type'.\n * Possible transformation types are\n *
\n * Translation matrix:\n *
\n * ( 1 0 0) ( z )\n * ( a 1 0) * ( x )\n * ( b 0 1) ( y )\n *\n *\n *
\n * Scale matrix:\n *
\n * ( 1 0 0) ( z )\n * ( 0 a 0) * ( x )\n * ( 0 0 b) ( y )\n *\n *\n *
\n * A rotation matrix with angle a (in Radians)\n *
\n * ( 1 0 0 ) ( z )\n * ( 0 cos(a) -sin(a)) * ( x )\n * ( 0 sin(a) cos(a) ) ( y )\n *\n *\n *
\n * Shear matrix:\n *
\n * ( 1 0 0) ( z )\n * ( 0 1 a) * ( x )\n * ( 0 b 1) ( y )\n *\n *\n *
Generic transformation:\n *
\n * ( a b c ) ( z )\n * ( d e f ) * ( x )\n * ( g h i ) ( y )\n *\n *\n * @see JXG.Transformation#setMatrix\n *\n * @example\n * // The point B is determined by taking twice the vector A from the origin\n *\n * var p0 = board.create('point', [0, 3], {name: 'A'}),\n * t = board.create('transform', [function(){ return p0.X(); }, \"Y(A)\"], {type: 'translate'}),\n * p1 = board.create('point', [p0, t], {color: 'blue'});\n *\n * \n *
\n *\n * @example\n * // The point B is the result of scaling the point A with factor 2 in horizontal direction\n * // and with factor 0.5 in vertical direction.\n *\n * var p1 = board.create('point', [1, 1]),\n * t = board.create('transform', [2, 0.5], {type: 'scale'}),\n * p2 = board.create('point', [p1, t], {color: 'blue'});\n *\n * \n * \n *\n * @example\n * // The point B is rotated around C which gives point D. The angle is determined\n * // by the vertical height of point A.\n *\n * var p0 = board.create('point', [0, 3], {name: 'A'}),\n * p1 = board.create('point', [1, 1]),\n * p2 = board.create('point', [2, 1], {name:'C', fixed: true}),\n *\n * // angle, rotation center:\n * t = board.create('transform', ['Y(A)', p2], {type: 'rotate'}),\n * p3 = board.create('point', [p1, t], {color: 'blue'});\n *\n * \n * \n *\n * @example\n * // A concatenation of several transformations.\n * var p1 = board.create('point', [1, 1]),\n * t1 = board.create('transform', [-2, -1], {type: 'translate'}),\n * t2 = board.create('transform', [Math.PI/4], {type: 'rotate'}),\n * t3 = board.create('transform', [2, 1], {type: 'translate'}),\n * p2 = board.create('point', [p1, [t1, t2, t3]], {color: 'blue'});\n *\n * \n * \n *\n * @example\n * // Reflection of point A\n * var p1 = board.create('point', [1, 1]),\n * p2 = board.create('point', [1, 3]),\n * p3 = board.create('point', [-2, 0]),\n * l = board.create('line', [p2, p3]),\n * t = board.create('transform', [l], {type: 'reflect'}), // Possible are l, l.id, l.name\n * p4 = board.create('point', [p1, t], {color: 'blue'});\n *\n * \n * \n *\n * @example\n * // One time application of a transform to points A, B\n * var p1 = board.create('point', [1, 1]),\n * p2 = board.create('point', [1, 1]),\n * t = board.create('transform', [3, 2], {type: 'shear'});\n * t.applyOnce([p1, p2]);\n *\n * \n * \n *\n * @example\n * // Construct a square of side length 2 with the\n * // help of transformations\n * var sq = [],\n * right = board.create('transform', [2, 0], {type: 'translate'}),\n * up = board.create('transform', [0, 2], {type: 'translate'}),\n * pol, rot, p0;\n *\n * // The first point is free\n * sq[0] = board.create('point', [0, 0], {name: 'Drag me'}),\n *\n * // Construct the other free points by transformations\n * sq[1] = board.create('point', [sq[0], right]),\n * sq[2] = board.create('point', [sq[0], [right, up]]),\n * sq[3] = board.create('point', [sq[0], up]),\n *\n * // Polygon through these four points\n * pol = board.create('polygon', sq, {\n * fillColor:'blue',\n * gradient:'radial',\n * gradientsecondcolor:'white',\n * gradientSecondOpacity:'0'\n * }),\n *\n * p0 = board.create('point', [0, 3], {name: 'angle'}),\n * // Rotate the square around point sq[0] by dragging A\n * rot = board.create('transform', ['Y(angle)', sq[0]], {type: 'rotate'});\n *\n * // Apply the rotation to all but the first point of the square\n * rot.bindTo(sq.slice(1));\n *\n * \n * \n *\n */\nJXG.createTransform = function (board, parents, attributes) {\n return new JXG.Transformation(board, attributes.type, parents);\n};\n\nJXG.registerElement('transform', JXG.createTransform);\n\nexport default JXG.Transformation;\n// export default {\n// Transformation: JXG.Transformation,\n// createTransform: JXG.createTransform\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * \n */\nJXG.Turtle = function (board, parents, attributes) {\n var x, y, dir;\n\n this.constructor(board, attributes, Const.OBJECT_TYPE_TURTLE, Const.OBJECT_CLASS_OTHER);\n\n this.turtleIsHidden = false;\n this.board = board;\n this.visProp.curveType = \"plot\";\n\n // Save visProp in this._attributes.\n // this._attributes is overwritten by setPenSize, setPenColor...\n // Setting the color or size affects the turtle from the time of\n // calling the method,\n // whereas Turtle.setAttribute affects all turtle curves.\n this._attributes = Type.copyAttributes(this.visProp, board.options, \"turtle\");\n delete this._attributes.id;\n\n x = 0;\n y = 0;\n dir = 90;\n\n if (parents.length !== 0) {\n // [x,y,dir]\n if (parents.length === 3) {\n // Only numbers are accepted at the moment\n x = parents[0];\n y = parents[1];\n dir = parents[2];\n } else if (parents.length === 2) {\n // [[x,y],dir]\n if (Type.isArray(parents[0])) {\n x = parents[0][0];\n y = parents[0][1];\n dir = parents[1];\n // [x,y]\n } else {\n x = parents[0];\n y = parents[1];\n }\n // [[x,y]]\n } else {\n x = parents[0][0];\n y = parents[0][1];\n }\n }\n\n this.init(x, y, dir);\n\n this.methodMap = Type.deepCopy(this.methodMap, {\n forward: 'forward',\n fd: 'forward',\n back: 'back',\n bk: 'back',\n right: 'right',\n rt: 'right',\n left: 'left',\n lt: 'left',\n penUp: 'penUp',\n pu: 'penUp',\n penDown: 'penDown',\n pd: 'penDown',\n clearScreen: 'clearScreen',\n cs: 'clearScreen',\n clean: 'clean',\n setPos: 'setPos',\n home: 'home',\n hideTurtle: 'hideTurtle',\n ht: 'hideTurtle',\n showTurtle: 'showTurtle',\n st: 'showTurtle',\n penSize: 'setPenSize',\n penColor: 'setPenColor',\n getPenColor: 'getPenColor',\n getHighlightPenColor: 'getHighlightPenColor',\n getPenSize: 'getPenSize',\n pushTurtle: 'pushTurtle',\n push: 'pushTurtle',\n popTurtle: 'popTurtle',\n pop: 'popTurtle',\n lookTo: 'lookTo',\n pos: 'pos',\n moveTo: 'moveTo',\n X: 'X',\n Y: 'Y'\n });\n\n return this;\n};\n\nJXG.Turtle.prototype = new GeometryElement();\n\nJXG.extend(\n JXG.Turtle.prototype,\n /** @lends JXG.Turtle.prototype */ {\n /**\n * Initialize a new turtle or reinitialize a turtle after {@link JXG.Turtle#clearScreen}.\n * @private\n */\n init: function (x, y, dir) {\n var hiddenPointAttr = {\n fixed: true,\n name: \"\",\n visible: false,\n withLabel: false\n };\n\n this.arrowLen =\n 20 /\n Math.sqrt(\n this.board.unitX * this.board.unitX + this.board.unitY * this.board.unitY\n );\n\n this.pos = [x, y];\n this.isPenDown = true;\n this.dir = 90;\n this.stack = [];\n this.objects = [];\n this.curve = this.board.create(\n \"curve\",\n [[this.pos[0]], [this.pos[1]]],\n this._attributes\n );\n this.objects.push(this.curve);\n\n this.turtle = this.board.create(\"point\", this.pos, hiddenPointAttr);\n this.objects.push(this.turtle);\n\n this.turtle2 = this.board.create(\n \"point\",\n [this.pos[0], this.pos[1] + this.arrowLen],\n hiddenPointAttr\n );\n this.objects.push(this.turtle2);\n\n this.visProp.arrow.lastArrow = true;\n this.visProp.arrow.straightFirst = false;\n this.visProp.arrow.straightLast = false;\n this.arrow = this.board.create(\n \"line\",\n [this.turtle, this.turtle2],\n this.visProp.arrow\n );\n this.objects.push(this.arrow);\n\n this.subs = {\n arrow: this.arrow\n };\n this.inherits.push(this.arrow);\n\n this.right(90 - dir);\n this.board.update();\n },\n\n /**\n * Move the turtle forward.\n * @param {Number} len of forward move in user coordinates\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n forward: function (len) {\n if (len === 0) {\n return this;\n }\n\n var t,\n dx = len * Math.cos((this.dir * Math.PI) / 180),\n dy = len * Math.sin((this.dir * Math.PI) / 180);\n\n if (!this.turtleIsHidden) {\n t = this.board.create(\"transform\", [dx, dy], { type: \"translate\" });\n\n t.applyOnce(this.turtle);\n t.applyOnce(this.turtle2);\n }\n\n if (this.isPenDown) {\n // IE workaround\n if (this.curve.dataX.length >= 8192) {\n this.curve = this.board.create(\n \"curve\",\n [[this.pos[0]], [this.pos[1]]],\n this._attributes\n );\n this.objects.push(this.curve);\n }\n }\n\n this.pos[0] += dx;\n this.pos[1] += dy;\n\n if (this.isPenDown) {\n this.curve.dataX.push(this.pos[0]);\n this.curve.dataY.push(this.pos[1]);\n }\n\n this.board.update();\n return this;\n },\n\n /**\n * Move the turtle backwards.\n * @param {Number} len of backwards move in user coordinates\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n back: function (len) {\n return this.forward(-len);\n },\n\n /**\n * Rotate the turtle direction to the right\n * @param {Number} angle of the rotation in degrees\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n right: function (angle) {\n this.dir -= angle;\n this.dir %= 360;\n\n if (!this.turtleIsHidden) {\n var t = this.board.create(\n \"transform\",\n [(-angle * Math.PI) / 180, this.turtle],\n { type: \"rotate\" }\n );\n t.applyOnce(this.turtle2);\n }\n\n this.board.update();\n return this;\n },\n\n /**\n * Rotate the turtle direction to the right.\n * @param {Number} angle of the rotation in degrees\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n left: function (angle) {\n return this.right(-angle);\n },\n\n /**\n * Pen up, stops visible drawing\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n penUp: function () {\n this.isPenDown = false;\n return this;\n },\n\n /**\n * Pen down, continues visible drawing\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n penDown: function () {\n this.isPenDown = true;\n this.curve = this.board.create(\n \"curve\",\n [[this.pos[0]], [this.pos[1]]],\n this._attributes\n );\n this.objects.push(this.curve);\n\n return this;\n },\n\n /**\n * Removes the turtle curve from the board. The turtle stays in its position.\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n clean: function () {\n var i, el;\n\n for (i = 0; i < this.objects.length; i++) {\n el = this.objects[i];\n if (el.type === Const.OBJECT_TYPE_CURVE) {\n this.board.removeObject(el);\n this.objects.splice(i, 1);\n }\n }\n\n this.curve = this.board.create(\n \"curve\",\n [[this.pos[0]], [this.pos[1]]],\n this._attributes\n );\n this.objects.push(this.curve);\n this.board.update();\n\n return this;\n },\n\n /**\n * Removes the turtle completely and resets it to its initial position and direction.\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n clearScreen: function () {\n var i,\n el,\n len = this.objects.length;\n\n for (i = 0; i < len; i++) {\n el = this.objects[i];\n this.board.removeObject(el);\n }\n\n this.init(0, 0, 90);\n return this;\n },\n\n /**\n * Moves the turtle without drawing to a new position\n * @param {Number} x new x- coordinate\n * @param {Number} y new y- coordinate\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n setPos: function (x, y) {\n var t;\n\n if (Type.isArray(x)) {\n this.pos = x;\n } else {\n this.pos = [x, y];\n }\n\n if (!this.turtleIsHidden) {\n this.turtle.setPositionDirectly(Const.COORDS_BY_USER, [x, y]);\n this.turtle2.setPositionDirectly(Const.COORDS_BY_USER, [x, y + this.arrowLen]);\n t = this.board.create(\n \"transform\",\n [(-(this.dir - 90) * Math.PI) / 180, this.turtle],\n { type: \"rotate\" }\n );\n t.applyOnce(this.turtle2);\n }\n\n this.curve = this.board.create(\n \"curve\",\n [[this.pos[0]], [this.pos[1]]],\n this._attributes\n );\n this.objects.push(this.curve);\n this.board.update();\n\n return this;\n },\n\n /**\n * Sets the pen size. Equivalent to setAttribute({strokeWidth:size})\n * but affects only the future turtle.\n * @param {Number} size\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n setPenSize: function (size) {\n //this.visProp.strokewidth = size;\n this.curve = this.board.create(\n \"curve\",\n [[this.pos[0]], [this.pos[1]]],\n this.copyAttr(\"strokeWidth\", size)\n );\n this.objects.push(this.curve);\n return this;\n },\n\n /**\n * Sets the pen color. Equivalent to setAttribute({strokeColor:color})\n * but affects only the future turtle.\n * @param {String} color\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n setPenColor: function (color) {\n this.curve = this.board.create(\n \"curve\",\n [[this.pos[0]], [this.pos[1]]],\n this.copyAttr(\"strokeColor\", color)\n );\n this.objects.push(this.curve);\n\n return this;\n },\n\n /**\n * Get attribute of the last turtle curve object.\n * \n * @param {String} key \n * @returns attribute value\n * @private\n */\n getPenAttribute: function(key) {\n var pos, le = this.objects.length;\n if (le === 4) {\n // No new turtle objects have been created\n pos = 0;\n } else {\n pos = le - 1;\n }\n return Type.evaluate(this.objects[pos].visProp[key]);\n },\n\n /**\n * Get most recently set turtle size (in pixel).\n * @returns Number Size of the last turtle segment in pixel.\n */\n getPenSize: function() {\n return this.getPenAttribute('strokewidth');\n },\n\n /**\n * Get most recently set turtle color.\n * @returns String RGB color value of the last turtle segment.\n */\n getPenColor: function() {\n return this.getPenAttribute('strokecolor');\n },\n\n /**\n * Get most recently set turtle color.\n * @returns String RGB highlight color value of the last turtle segment.\n */\n getHighlightPenColor: function() {\n return this.getPenAttribute('highlightstrokecolor');\n },\n\n /**\n * Sets the highlight pen color. Equivalent to setAttribute({highlightStrokeColor:color})\n * but affects only the future turtle.\n * @param {String} color\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n setHighlightPenColor: function (color) {\n //this.visProp.highlightstrokecolor = colStr;\n this.curve = this.board.create(\n \"curve\",\n [[this.pos[0]], [this.pos[1]]],\n this.copyAttr(\"highlightStrokeColor\", color)\n );\n this.objects.push(this.curve);\n return this;\n },\n\n /**\n * Sets properties of the turtle, see also {@link JXG.GeometryElement#setAttribute}.\n * Sets the property for all curves of the turtle in the past and in the future.\n * @param {Object} attributes key:value pairs\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n setAttribute: function (attributes) {\n var i,\n el,\n tmp,\n len = this.objects.length;\n\n for (i = 0; i < len; i++) {\n el = this.objects[i];\n if (el.type === Const.OBJECT_TYPE_CURVE) {\n el.setAttribute(attributes);\n }\n }\n\n // Set visProp of turtle\n tmp = this.visProp.id;\n this.visProp = Type.deepCopy(this.curve.visProp);\n this.visProp.id = tmp;\n this._attributes = Type.deepCopy(this.visProp);\n delete this._attributes.id;\n\n return this;\n },\n\n /**\n * Set a future attribute of the turtle.\n * @private\n * @param {String} key\n * @param {Number|String} val\n * @returns {Object} pointer to the attributes object\n */\n copyAttr: function (key, val) {\n this._attributes[key.toLowerCase()] = val;\n return this._attributes;\n },\n\n /**\n * Sets the visibility of the turtle head to true,\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n showTurtle: function () {\n this.turtleIsHidden = false;\n this.arrow.setAttribute({ visible: true });\n this.visProp.arrow.visible = false;\n this.setPos(this.pos[0], this.pos[1]);\n this.board.update();\n\n return this;\n },\n\n /**\n * Sets the visibility of the turtle head to false,\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n hideTurtle: function () {\n this.turtleIsHidden = true;\n this.arrow.setAttribute({ visible: false });\n this.visProp.arrow.visible = false;\n this.board.update();\n\n return this;\n },\n\n /**\n * Moves the turtle to position [0,0].\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n home: function () {\n this.pos = [0, 0];\n this.setPos(this.pos[0], this.pos[1]);\n\n return this;\n },\n\n /**\n * Pushes the position of the turtle on the stack.\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n pushTurtle: function () {\n this.stack.push([this.pos[0], this.pos[1], this.dir]);\n\n return this;\n },\n\n /**\n * Gets the last position of the turtle on the stack, sets the turtle to this position and removes this\n * position from the stack.\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n popTurtle: function () {\n var status = this.stack.pop();\n this.pos[0] = status[0];\n this.pos[1] = status[1];\n this.dir = status[2];\n this.setPos(this.pos[0], this.pos[1]);\n\n return this;\n },\n\n /**\n * Rotates the turtle into a new direction.\n * There are two possibilities:\n * @param {Number|Array} target If a number is given, it is interpreted as the new direction to look to; If an array\n * consisting of two Numbers is given targeted is used as a pair coordinates.\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n lookTo: function (target) {\n var ax, ay, bx, by, beta;\n\n if (Type.isArray(target)) {\n ax = this.pos[0];\n ay = this.pos[1];\n bx = target[0];\n by = target[1];\n\n // Rotate by the slope of the line [this.pos, target]\n beta = Math.atan2(by - ay, bx - ax);\n this.right(this.dir - (beta * 180) / Math.PI);\n } else if (Type.isNumber(target)) {\n this.right(this.dir - target);\n }\n return this;\n },\n\n /**\n * Moves the turtle to a given coordinate pair.\n * The direction is not changed.\n * @param {Array} target Coordinates of the point where the turtle looks to.\n * @returns {JXG.Turtle} pointer to the turtle object\n */\n moveTo: function (target) {\n var dx, dy, t;\n\n if (Type.isArray(target)) {\n dx = target[0] - this.pos[0];\n dy = target[1] - this.pos[1];\n\n if (!this.turtleIsHidden) {\n t = this.board.create(\"transform\", [dx, dy], { type: \"translate\" });\n t.applyOnce(this.turtle);\n t.applyOnce(this.turtle2);\n }\n\n if (this.isPenDown) {\n // IE workaround\n if (this.curve.dataX.length >= 8192) {\n this.curve = this.board.create(\n \"curve\",\n [[this.pos[0]], [this.pos[1]]],\n this._attributes\n );\n this.objects.push(this.curve);\n }\n }\n\n this.pos[0] = target[0];\n this.pos[1] = target[1];\n\n if (this.isPenDown) {\n this.curve.dataX.push(this.pos[0]);\n this.curve.dataY.push(this.pos[1]);\n }\n this.board.update();\n }\n\n return this;\n },\n\n /**\n * Alias for {@link JXG.Turtle#forward}\n */\n fd: function (len) {\n return this.forward(len);\n },\n /**\n * Alias for {@link JXG.Turtle#back}\n */\n bk: function (len) {\n return this.back(len);\n },\n /**\n * Alias for {@link JXG.Turtle#left}\n */\n lt: function (angle) {\n return this.left(angle);\n },\n /**\n * Alias for {@link JXG.Turtle#right}\n */\n rt: function (angle) {\n return this.right(angle);\n },\n /**\n * Alias for {@link JXG.Turtle#penUp}\n */\n pu: function () {\n return this.penUp();\n },\n /**\n * Alias for {@link JXG.Turtle#penDown}\n */\n pd: function () {\n return this.penDown();\n },\n /**\n * Alias for {@link JXG.Turtle#hideTurtle}\n */\n ht: function () {\n return this.hideTurtle();\n },\n /**\n * Alias for {@link JXG.Turtle#showTurtle}\n */\n st: function () {\n return this.showTurtle();\n },\n /**\n * Alias for {@link JXG.Turtle#clearScreen}\n */\n cs: function () {\n return this.clearScreen();\n },\n /**\n * Alias for {@link JXG.Turtle#pushTurtle}\n */\n push: function () {\n return this.pushTurtle();\n },\n /**\n * Alias for {@link JXG.Turtle#popTurtle}\n */\n pop: function () {\n return this.popTurtle();\n },\n\n /**\n * The \"co\"-coordinate of the turtle curve at position t is returned.\n *\n * @param {Number} t parameter\n * @param {String} co. Either 'X' or 'Y'.\n * @returns {Number} x-coordinate of the turtle position or x-coordinate of turtle at position t\n */\n evalAt: function (t, co) {\n var i,\n j,\n el,\n tc,\n len = this.objects.length;\n\n for (i = 0, j = 0; i < len; i++) {\n el = this.objects[i];\n\n if (el.elementClass === Const.OBJECT_CLASS_CURVE) {\n if (j <= t && t < j + el.numberPoints) {\n tc = t - j;\n return el[co](tc);\n }\n j += el.numberPoints;\n }\n }\n\n return this[co]();\n },\n\n /**\n * if t is not supplied the x-coordinate of the turtle is returned. Otherwise\n * the x-coordinate of the turtle curve at position t is returned.\n * @param {Number} t parameter\n * @returns {Number} x-coordinate of the turtle position or x-coordinate of turtle at position t\n */\n X: function (t) {\n if (!Type.exists(t)) {\n return this.pos[0];\n }\n\n return this.evalAt(t, \"X\");\n },\n\n /**\n * if t is not supplied the y-coordinate of the turtle is returned. Otherwise\n * the y-coordinate of the turtle curve at position t is returned.\n * @param {Number} t parameter\n * @returns {Number} x-coordinate of the turtle position or x-coordinate of turtle at position t\n */\n Y: function (t) {\n if (!Type.exists(t)) {\n return this.pos[1];\n }\n return this.evalAt(t, \"Y\");\n },\n\n /**\n * @returns {Number} z-coordinate of the turtle position\n */\n Z: function (t) {\n return 1.0;\n },\n\n /**\n * Gives the lower bound of the parameter if the turtle is treated as parametric curve.\n */\n minX: function () {\n return 0;\n },\n\n /**\n * Gives the upper bound of the parameter if the turtle is treated as parametric curve.\n * May be overwritten in @see generateTerm.\n */\n maxX: function () {\n var i,\n el,\n len = this.objects.length,\n np = 0;\n\n for (i = 0; i < len; i++) {\n el = this.objects[i];\n if (el.elementClass === Const.OBJECT_CLASS_CURVE) {\n np += this.objects[i].numberPoints;\n }\n }\n return np;\n },\n\n /**\n * Checks whether (x,y) is near the curve.\n * @param {Number} x Coordinate in x direction, screen coordinates.\n * @param {Number} y Coordinate in y direction, screen coordinates.\n * @returns {Boolean} True if (x,y) is near the curve, False otherwise.\n */\n hasPoint: function (x, y) {\n var i, el;\n\n // run through all curves of this turtle\n for (i = 0; i < this.objects.length; i++) {\n el = this.objects[i];\n\n if (el.type === Const.OBJECT_TYPE_CURVE) {\n if (el.hasPoint(x, y)) {\n // So what??? All other curves have to be notified now (for highlighting)\n return true;\n // This has to be done, yet.\n }\n }\n }\n return false;\n }\n }\n);\n\n/**\n * @class This element is used to provide a constructor for a turtle.\n * @pseudo\n * @description Creates a new turtle\n * @name Turtle\n * @augments JXG.Turtle\n * @constructor\n * @type JXG.Turtle\n *\n * @param {JXG.Board} board The board the turtle is put on.\n * @param {Array} parents\n * @param {Object} attributes Object containing properties for the element such as stroke-color and visibility. See {@link JXG.GeometryElement#setAttribute}\n * @returns {JXG.Turtle} Reference to the created turtle object.\n */\nJXG.createTurtle = function (board, parents, attributes) {\n var attr;\n parents = parents || [];\n\n attr = Type.copyAttributes(attributes, board.options, \"turtle\");\n return new JXG.Turtle(board, parents, attr);\n};\n\nJXG.registerElement(\"turtle\", JXG.createTurtle);\n\nexport default JXG.Turtle;\n// export default {\n// Turtle: JXG.Turtle,\n// createTurtle: JXG.createTurtle\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * \n */\nJXG.createTicks = function (board, parents, attributes) {\n var el,\n dist,\n attr = Type.copyAttributes(attributes, board.options, \"ticks\");\n\n if (parents.length < 2) {\n dist = attr.ticksdistance;\n } else {\n dist = parents[1];\n }\n\n if (\n parents[0].elementClass === Const.OBJECT_CLASS_LINE ||\n parents[0].elementClass === Const.OBJECT_CLASS_CURVE\n ) {\n el = new JXG.Ticks(parents[0], dist, attr);\n } else {\n throw new Error(\n \"JSXGraph: Can't create Ticks with parent types '\" + typeof parents[0] + \"'.\"\n );\n }\n\n // deprecated\n if (Type.isFunction(attr.generatelabelvalue)) {\n el.generateLabelText = attr.generatelabelvalue;\n }\n if (Type.isFunction(attr.generatelabeltext)) {\n el.generateLabelText = attr.generatelabeltext;\n }\n\n el.setParents(parents[0]);\n el.isDraggable = true;\n el.fullUpdate(parents[0].visPropCalc.visible);\n\n return el;\n};\n\n /**\n * @class Hatches can be used to mark congruent lines or curves.\n * @pseudo\n * @description\n * @name Hatch\n * @augments JXG.Ticks\n * @constructor\n * @type JXG.Ticks\n * @throws {Exception} If the element cannot be constructed with the given parent objects an exception is thrown.\n * @param {JXG.Line|JXG.curve} line The line or curve the hatch marks are going to be attached to.\n * @param {Number} numberofhashes Number of dashes. The distance of the hashes can be controlled with the attribute ticksDistance.\n * @example\n * // Create an axis providing two coords pairs.\n * var p1 = board.create('point', [0, 3]);\n * var p2 = board.create('point', [1, 3]);\n * var l1 = board.create('line', [p1, p2]);\n * var t = board.create('hatch', [l1, 3]);\n * \n * \n *\n * @example\n * // Alter the position of the hatch\n *\n * var p = board.create('point', [-5, 0]);\n * var q = board.create('point', [5, 0]);\n * var li = board.create('line', [p, q]);\n * var h = board.create('hatch', [li, 2], {anchor: 0.2, ticksDistance:0.4});\n *\n * \n * \n *\n * @example\n * // Alternative hatch faces\n *\n * var li = board.create('line', [[-6,0], [6,3]]);\n * var h1 = board.create('hatch', [li, 2], {tickEndings: [1,1], face:'|'});\n * var h2 = board.create('hatch', [li, 2], {tickEndings: [1,1], face:'>', anchor: 0.3});\n * var h3 = board.create('hatch', [li, 2], {tickEndings: [1,1], face:'<', anchor: 0.7});\n *\n * \n * \n *\n */\n JXG.createHatchmark = function (board, parents, attributes) {\n var num, i, base, width, totalwidth, el,\n pos = [],\n attr = Type.copyAttributes(attributes, board.options, 'hatch');\n\n if (\n (parents[0].elementClass !== Const.OBJECT_CLASS_LINE &&\n parents[0].elementClass !== Const.OBJECT_CLASS_CURVE) ||\n typeof parents[1] !== \"number\"\n ) {\n throw new Error(\n \"JSXGraph: Can't create Hatch mark with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \" and ''\" +\n typeof parents[2] +\n \"'.\"\n );\n }\n\n num = parents[1];\n width = attr.ticksdistance;\n totalwidth = (num - 1) * width;\n base = -totalwidth * 0.5;\n\n for (i = 0; i < num; i++) {\n pos[i] = base + i * width;\n }\n\n el = board.create('ticks', [parents[0], pos], attr);\n el.elType = 'hatch';\n parents[0].inherits.push(el);\n\n return el;\n};\n\nJXG.registerElement(\"ticks\", JXG.createTicks);\nJXG.registerElement(\"hash\", JXG.createHatchmark);\nJXG.registerElement(\"hatch\", JXG.createHatchmark);\n\nexport default JXG.Ticks;\n// export default {\n// Ticks: JXG.Ticks,\n// createTicks: JXG.createTicks,\n// createHashmark: JXG.createHatchmark,\n// createHatchmark: JXG.createHatchmark\n// };\n","/*\n JessieCode Computer algebra algorithms\n\n Copyright 2011-2019\n Michael Gerhaeuser,\n Alfred Wassermann\n\n JessieCode is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JessieCode is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JessieCode. If not, see \n * \n *\n * @example\n * var p1 = board.create('glider', [-3, 0, board.defaultAxes.x]);\n * var p2 = board.create('glider', [-1, 0, board.defaultAxes.x]);\n * var c1 = board.create('comb', [p1, p2], {width: 0.2, frequency: 0.1, angle: Math.PI / 4});\n *\n * \n * \n *\n * @example\n * var s = board.create('slider', [[1,3], [4,3], [0.1, 0.3, 0.8]]);\n * var p1 = board.create('glider', [-3, 0, board.defaultAxes.x]);\n * var p2 = board.create('glider', [-1, 0, board.defaultAxes.x]);\n * var c1 = board.create('comb', [p1, p2], {\n * width: function(){ return 4*s.Value(); },\n * reverse: function(){ return (s.Value()<0.5) ? false : true; },\n * frequency: function(){ return s.Value(); },\n * angle: function(){ return s.Value() * Math.PI / 2; },\n * curve: {\n * strokeColor: 'red'\n * }\n * });\n *\n * \n * \n *\n */\nJXG.createComb = function (board, parents, attributes) {\n var p1, p2, c, attr, parent_types;\n //ds, angle, width, p;\n\n if (parents.length === 2) {\n // point 1 given by coordinates\n if (Type.isArray(parents[0]) && parents[0].length > 1) {\n attr = Type.copyAttributes(attributes, board.options, \"comb\", \"point1\");\n p1 = board.create(\"point\", parents[0], attr);\n } else if (Type.isString(parents[0]) || Type.isPoint(parents[0])) {\n p1 = board.select(parents[0]);\n } else if (Type.isFunction(parents[0]) && Type.isPoint(parents[0]())) {\n p1 = parents[0]();\n } else if (\n Type.isFunction(parents[0]) &&\n parents[0]().length &&\n parents[0]().length >= 2\n ) {\n attr = Type.copyAttributes(attributes, board.options, \"comb\", \"point1\");\n p1 = JXG.createPoint(board, parents[0](), attr);\n } else {\n throw new Error(\n \"JSXGraph: Can't create comb with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,point], [[x1,y1],[x2,y2]]\"\n );\n }\n\n // point 2 given by coordinates\n if (Type.isArray(parents[1]) && parents[1].length > 1) {\n attr = Type.copyAttributes(attributes, board.options, \"comb\", \"point2\");\n p2 = board.create(\"point\", parents[1], attr);\n } else if (Type.isString(parents[1]) || Type.isPoint(parents[1])) {\n p2 = board.select(parents[1]);\n } else if (Type.isFunction(parents[1]) && Type.isPoint(parents[1]())) {\n p2 = parents[1]();\n } else if (\n Type.isFunction(parents[1]) &&\n parents[1]().length &&\n parents[1]().length >= 2\n ) {\n attr = Type.copyAttributes(attributes, board.options, \"comb\", \"point2\");\n p2 = JXG.createPoint(board, parents[1](), attr);\n } else {\n throw new Error(\n \"JSXGraph: Can't create comb with parent types '\" +\n typeof parents[0] +\n \"' and '\" +\n typeof parents[1] +\n \"'.\" +\n \"\\nPossible parent types: [point,point], [[x1,y1],[x2,y2]]\"\n );\n }\n } else {\n parent_types = parents.map(function (parent) {\n return \"'\" + typeof parent + \"'\";\n });\n throw new Error(\n \"JSXGraph: Can't create comb with parent types \" +\n parent_types.join(\", \") +\n \".\" +\n \"\\nPossible parent types: [point,point], [[x1,y1],[x2,y2]]\"\n );\n }\n\n // attr = Type.copyAttributes(attributes, board.options, 'comb', 'curve');\n attr = Type.copyAttributes(attributes, board.options, \"comb\");\n Type.merge(attr, Type.copyAttributes(attributes, board.options, \"comb\", \"curve\"));\n c = board.create(\"curve\", [[0], [0]], attr);\n\n /**\n * @ignore\n */\n c.updateDataArray = function () {\n var s = 0,\n max_s = p1.Dist(p2),\n cs,\n sn,\n dx,\n dy,\n x,\n y,\n f,\n p1_inner = p1,\n p2_inner = p2,\n ds,\n angle,\n width;\n\n ds = Type.evaluate(c.visProp.frequency);\n angle = -Type.evaluate(c.visProp.angle);\n width = Type.evaluate(c.visProp.width);\n if (Type.evaluate(c.visProp.reverse)) {\n p1_inner = p2;\n p2_inner = p1;\n angle = -angle;\n }\n cs = Math.cos(angle);\n sn = Math.sin(angle);\n dx = (p2_inner.X() - p1_inner.X()) / max_s;\n dy = (p2_inner.Y() - p1_inner.Y()) / max_s;\n\n // But instead of lifting by sin(angle), we want lifting by width.\n cs *= width / Math.abs(sn);\n sn *= width / Math.abs(sn);\n\n this.dataX = [];\n this.dataY = [];\n // TODO Handle infinite boundaries?\n while (s < max_s) {\n x = p1_inner.X() + dx * s;\n y = p1_inner.Y() + dy * s;\n\n // We may need to cut the last piece of a comb.\n f = Math.min(cs, max_s - s) / Math.abs(cs);\n sn *= f;\n cs *= f;\n\n this.dataX.push(x);\n this.dataY.push(y);\n\n this.dataX.push(x + dx * cs + dy * sn);\n this.dataY.push(y - dx * sn + dy * cs);\n\n this.dataX.push(NaN); // Force a jump\n this.dataY.push(NaN);\n s += ds;\n }\n };\n\n return c;\n};\n\nJXG.registerElement(\"comb\", JXG.createComb);\n\n// export default {\n// createComb: JXG.createComb\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * \n *\n * @example\n * // Create a on a line and a point on that line\n * var p1 = board.create('point', [-2, 3]),\n * p2 = board.create('point', [2, -3]),\n * li = board.create('line', [p1, p2]),\n * p = board.create('glider', [0, 0, li]),\n *\n * st = board.create('slopetriangle', [li, p]);\n *\n * \n * \n */\nJXG.createSlopeTriangle = function (board, parents, attributes) {\n var el,\n tangent,\n tglide,\n glider,\n toppoint,\n baseline,\n basepoint,\n label,\n attr,\n isPrivateTangent = false;\n\n if (parents.length === 1 && parents[0].type === Const.OBJECT_TYPE_TANGENT) {\n tangent = parents[0];\n tglide = tangent.glider;\n } else if (parents.length === 1 && parents[0].type === Const.OBJECT_TYPE_GLIDER) {\n tglide = parents[0];\n attr = Type.copyAttributes(attributes, board.options, \"slopetriangle\", \"tangent\");\n tangent = board.create(\"tangent\", [tglide], attr);\n isPrivateTangent = true;\n } else if (\n parents.length === 2 &&\n parents[0].elementClass === Const.OBJECT_CLASS_LINE &&\n Type.isPoint(parents[1])\n ) {\n tangent = parents[0];\n tglide = parents[1];\n } else {\n throw new Error(\n \"JSXGraph: Can't create slope triangle with parent types '\" +\n typeof parents[0] +\n \"'.\"\n );\n }\n\n attr = Type.copyAttributes(attributes, board.options, \"slopetriangle\", \"basepoint\");\n basepoint = board.create(\n \"point\",\n [\n function () {\n return [tglide.X() + 1, tglide.Y()];\n }\n ],\n attr\n );\n\n attr = Type.copyAttributes(attributes, board.options, \"slopetriangle\", \"baseline\");\n baseline = board.create(\"line\", [tglide, basepoint], attr);\n\n attr = Type.copyAttributes(attributes, board.options, \"slopetriangle\", \"glider\");\n glider = board.create(\"glider\", [tglide.X() + 1, tglide.Y(), baseline], attr);\n\n attr = Type.copyAttributes(attributes, board.options, \"slopetriangle\", \"toppoint\");\n toppoint = board.create(\n \"point\",\n [\n function () {\n return [\n glider.X(),\n glider.Y() + (glider.X() - tglide.X()) * tangent.getSlope()\n ];\n }\n ],\n attr\n );\n\n attr = Type.copyAttributes(attributes, board.options, \"slopetriangle\");\n attr.borders = Type.copyAttributes(attr.borders, board.options, \"slopetriangle\", \"borders\");\n el = board.create(\"polygon\", [tglide, glider, toppoint], attr);\n\n /**\n * Returns the value of the slope triangle, that is the slope of the tangent.\n * @name Value\n * @memberOf Slopetriangle.prototype\n * @function\n * @returns {Number} slope of the tangent.\n */\n el.Value = priv.Value;\n el.tangent = tangent;\n el._isPrivateTangent = isPrivateTangent;\n\n //el.borders[0].setArrow(false, {type: 2, size: 10});\n //el.borders[1].setArrow(false, {type: 2, size: 10});\n el.borders[2].setArrow(false, false);\n\n attr = Type.copyAttributes(attributes, board.options, \"slopetriangle\", \"label\");\n label = board.create(\n \"text\",\n [\n function () {\n return glider.X() + 0.1;\n },\n function () {\n return (glider.Y() + toppoint.Y()) * 0.5;\n },\n function () {\n return \"\";\n }\n ],\n attr\n );\n\n label._setText(function () {\n return Type.toFixed(el.Value(), Type.evaluate(label.visProp.digits));\n });\n label.fullUpdate();\n\n el.glider = glider;\n el.basepoint = basepoint;\n el.baseline = baseline;\n el.toppoint = toppoint;\n el.label = label;\n\n el.subs = {\n glider: glider,\n basePoint: basepoint,\n baseLine: baseline,\n topPoint: toppoint,\n label: label\n };\n el.inherits.push(glider, basepoint, baseline, toppoint, label);\n\n el.methodMap = JXG.deepCopy(el.methodMap, {\n tangent: \"tangent\",\n glider: \"glider\",\n basepoint: \"basepoint\",\n baseline: \"baseline\",\n toppoint: \"toppoint\",\n label: \"label\",\n Value: \"Value\",\n V: \"Value\"\n });\n\n el.remove = priv.removeSlopeTriangle;\n\n return el;\n};\n\nJXG.registerElement(\"slopetriangle\", JXG.createSlopeTriangle);\n\n// export default {\n// createSlopeTriangle: JXG.createSlopeTriangle\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * For this element, the attribute \"display\" has to have the value 'html' (which is the default).\n *
\n * The underlying HTML checkbox element can be accessed through the sub-object 'rendNodeCheck', e.g. to\n * add event listeners.\n * \n * @pseudo\n * @description\n * @name Checkbox\n * @augments Text\n * @constructor\n * @type JXG.Text\n *\n * @param {number,function_number,function_String,function} x,y,label Parent elements for checkbox elements.\n *
\n * x and y are the coordinates of the lower left corner of the text box.\n * The position of the text is fixed,\n * x and y are numbers. The position is variable if x or y are functions.\n *
\n * The label of the input element may be given as string or function.\n *
\n * The value of the checkbox can be controlled with the attribute checked\n *
The HTML node can be accessed with element.rendNodeCheckbox\n *\n * @example\n * // Create a checkbox element at position [0,3].\n * var checkbox = board.create('checkbox', [0, 3, 'Change Y'], {});\n * var p = board.create('point', [\n * function(){ return 0.5;}, // X-coordinate\n * function() {\n * y = 0.5;\n * if (checkbox.Value()) {\n * y += 0.5;\n * }\n * return y;\n * }]);\n *
\n * \n *\n * The checkbox can be supplied with custom-made events by using the property rendNodeCheckbox.\n * @example\n * var checkbox = board.create('checkbox', [0, 4, 'Click me']),\n * p = board.create('point', [1, 1]);\n *\n * JXG.addEvent(checkbox.rendNodeCheckbox, 'change', function() {\n * if (this.Value()) {\n * p.moveTo([4, 1]);\n * } else {\n * p.moveTo([1, 1]);\n * }\n * }, checkbox);\n * \n * \n *\n * @example\n * var i1 = board.create('input', [-3, 4, 'sin(x)', 'f(x)='], {cssStyle: 'width:4em', maxlength: 2});\n * var c1 = board.create('checkbox', [-3, 2, 'label 1'], {});\n * var b1 = board.create('button', [-3, -1, 'Change texts', function () {\n * i1.setText('g(x)');\n * i1.set('cos(x)');\n * c1.setText('label 2');\n * b1.setText('Texts are changed');\n * }],\n * {cssStyle: 'width:400px'});\n *\n * \n * \n */\nJXG.createCheckbox = function (board, parents, attributes) {\n var t,\n par,\n attr = Type.copyAttributes(attributes, board.options, \"checkbox\");\n\n //if (parents.length !== 3) {\n //throw new Error(\"JSXGraph: Can't create checkbox with parent types '\" +\n // (typeof parents[0]) + \"' and '\" + (typeof parents[1]) + \"'.\" +\n // \"\\nPossible parents are: [[x,y], label]\");\n //}\n\n par = [\n parents[0],\n parents[1],\n '' +\n '' +\n \"\"\n ];\n\n // 1. Create checkbox element with empty label\n t = board.create(\"text\", par, attr);\n t.type = Type.OBJECT_TYPE_CHECKBOX;\n\n t.rendNodeCheckbox = t.rendNode.childNodes[0].childNodes[0];\n t.rendNodeLabel = t.rendNode.childNodes[0].childNodes[1];\n\n t.rendNodeTag = t.rendNodeCheckbox; // Needed for unified treatment in setAttribute\n t.rendNodeTag.disabled = !!attr.disabled;\n\n // t.rendNodeLabel.innerHTML = parents[2];\n t.rendNodeCheckbox.id = t.rendNode.id + \"_checkbox\";\n t.rendNodeLabel.id = t.rendNode.id + \"_label\";\n t.rendNodeLabel.setAttribute(\"for\", t.rendNodeCheckbox.id);\n\n // 2. Set parents[2] (string|function) as label of the checkbox element.\n // abstract.js selects the correct DOM element for the update\n t.setText(parents[2]);\n\n // This sets the font-size of the checkbox itself\n t.visPropOld.fontsize = \"0px\";\n board.renderer.updateTextStyle(t, false);\n\n t.rendNodeCheckbox.checked = attr.checked;\n\n t._value = attr.checked;\n\n /**\n * Returns the value of the checkbox element\n * @name Value\n * @memberOf Checkbox.prototype\n * @function\n * @returns {String} value of the checkbox.\n */\n t.Value = function () {\n return this._value;\n };\n\n t.update = function () {\n if (this.needsUpdate) {\n JXG.Text.prototype.update.call(this);\n this._value = this.rendNodeCheckbox.checked;\n }\n return this;\n };\n\n Env.addEvent(t.rendNodeCheckbox, \"change\", priv.CheckboxChangeEventHandler, t);\n\n return t;\n};\n\nJXG.registerElement(\"checkbox\", JXG.createCheckbox);\n\n// export default {\n// createCheckbox: JXG.createCheckbox\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * If the width of element is set with the attribute \"cssStyle\", the width of the\n * label must be added.\n *
\n * For this element, the attribute \"display\" has to have the value 'html' (which is the default).\n *
\n * The underlying HTML input field can be accessed through the sub-object 'rendNodeInput', e.g. to\n * add event listeners.\n * \n * @pseudo\n * @description\n * @name Input\n * @augments Text\n * @constructor\n * @type JXG.Text\n *\n * @param {number,function_number,function_String_String,function} x,y,value,label Parent elements for input elements.\n *
\n * x and y are the coordinates of the lower left corner of the text box. The position of the text is fixed,\n * x and y are numbers. The position is variable if x or y are functions.\n *
\n * The default value of the input element must be given as string.\n *
\n * The label of the input element may be given as string or function.\n *\n * @example\n * // Create an input element at position [1,4].\n * var input = board.create('input', [0, 1, 'sin(x)*x', 'f(x)='], {cssStyle: 'width: 100px'});\n * var f = board.jc.snippet(input.Value(), true, 'x', false);\n * var graph = board.create('functiongraph',[f,\n * function() {\n * var c = new JXG.Coords(JXG.COORDS_BY_SCREEN,[0,0],board);\n * return c.usrCoords[1];\n * },\n * function() {\n * var c = new JXG.Coords(JXG.COORDS_BY_SCREEN,[board.canvasWidth,0],board);\n * return c.usrCoords[1];\n * }\n * ]);\n *\n * board.create('text', [1, 3, '<button onclick=\"updateGraph()\">Update graph</button>']);\n *\n * var updateGraph = function() {\n * graph.Y = board.jc.snippet(input.Value(), true, 'x', false);\n * graph.updateCurve();\n * board.update();\n * }\n *
\n * \n * \n * @example\n * // Add the `keyup` event to an input field\n * var A = board.create('point', [3, -2]);\n * var i = board.create('input', [-4, -4, \"1\", \"x \"]);\n * \n * i.rendNodeInput.addEventListener(\"keyup\", ( function () {\n * var x = parseFloat(this.value);\n * if (!isNaN(x)) {\n * \t A.moveTo([x, 3], 100);\n * }\n * }));\n * \n * \n * \n * \n * @example\n * // Add the `change` event to an input field\n * var A = board.create('point', [3, -2]);\n * var i = board.create('input', [-4, -4, \"1\", \"x \"]);\n * \n * i.rendNodeInput.addEventListener(\"change\", ( function () {\n * var x = parseFloat(i.Value());\n * A.moveTo([x, 2], 100);\n * }));\n * \n * \n * \n * \n */\nJXG.createInput = function (board, parents, attributes) {\n var t,\n par,\n attr = Type.copyAttributes(attributes, board.options, \"input\");\n\n par = [\n parents[0],\n parents[1],\n '' +\n '' +\n \"\"\n ];\n\n // 1. Create input element with empty label\n t = board.create(\"text\", par, attr);\n t.type = Type.OBJECT_TYPE_INPUT;\n\n t.rendNodeLabel = t.rendNode.childNodes[0].childNodes[0];\n t.rendNodeInput = t.rendNode.childNodes[0].childNodes[1];\n // t.rendNodeLabel.innerHTML = parents[3];\n t.rendNodeInput.value = parents[2];\n t.rendNodeTag = t.rendNodeInput; // Needed for unified treatment in setAttribute\n t.rendNodeTag.disabled = !!attr.disabled;\n t.rendNodeLabel.id = t.rendNode.id + \"_label\";\n t.rendNodeInput.id = t.rendNode.id + \"_input\";\n\n // 2. Set parents[3] (string|function) as label of the input element.\n // abstract.js selects the correct DOM element for the update\n t.setText(parents[3]);\n\n t._value = parents[2];\n t.update = function () {\n if (this.needsUpdate) {\n JXG.Text.prototype.update.call(this);\n this._value = this.rendNodeInput.value;\n }\n return this;\n };\n\n /**\n * Returns the value (content) of the input element\n * @name Value\n * @memberOf Input.prototype\n * @function\n * @returns {String} content of the input field.\n */\n t.Value = function () {\n return this._value;\n };\n\n /**\n * Sets value of the input element.\n * @name set\n * @memberOf Input.prototype\n * @function\n *\n * @param {String} val\n * @returns {JXG.GeometryElement} Reference to the element.\n *\n * @example\n * var i1 = board.create('input', [-3, 4, 'sin(x)', 'f(x)='], {cssStyle: 'width:4em', maxlength: 2});\n * var c1 = board.create('checkbox', [-3, 2, 'label 1'], {});\n * var b1 = board.create('button', [-3, -1, 'Change texts', function () {\n * i1.setText('g(x)');\n * i1.set('cos(x)');\n * c1.setText('label 2');\n * b1.setText('Texts are changed');\n * }],\n * {cssStyle: 'width:400px'});\n *\n * \n * \n *\n */\n t.set = function (val) {\n this._value = val;\n this.rendNodeInput.value = val;\n return this;\n };\n\n Env.addEvent(t.rendNodeInput, \"input\", priv.InputInputEventHandler, t);\n Env.addEvent(\n t.rendNodeInput,\n \"mousedown\",\n function (evt) {\n if (Type.exists(evt.stopPropagation)) {\n evt.stopPropagation();\n }\n },\n t\n );\n Env.addEvent(\n t.rendNodeInput,\n \"touchstart\",\n function (evt) {\n if (Type.exists(evt.stopPropagation)) {\n evt.stopPropagation();\n }\n },\n t\n );\n Env.addEvent(\n t.rendNodeInput,\n \"pointerdown\",\n function (evt) {\n if (Type.exists(evt.stopPropagation)) {\n evt.stopPropagation();\n }\n },\n t\n );\n\n // This sets the font-size of the input HTML element\n t.visPropOld.fontsize = \"0px\";\n board.renderer.updateTextStyle(t, false);\n\n return t;\n};\n\nJXG.registerElement(\"input\", JXG.createInput);\n\n// export default {\n// createInput: JXG.createInput\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * For this element, the attribute \"display\" has to have the value 'html' (which is the default).\n *
\n * The underlying HTML button element can be accessed through the sub-object 'rendNodeButton', e.g. to\n * add event listeners.\n *\n * @pseudo\n * @description\n * @name Button\n * @augments Text\n * @constructor\n * @type JXG.Text\n *\n * @param {number,function_number,function_String,function_function} x,y,label,handler Parent elements for button elements.\n *
\n * x and y are the coordinates of the lower left corner of the text box.\n * The position of the text is fixed,\n * x and y are numbers. The position is variable if x or y are functions.\n *
\n * The label of the input element may be given as string.\n *
\n * The (optional) handler function which is called when the button is pressed.\n *\n * @example\n * var p = board.create('point', [0.5, 0.5], {id: 'p1'});\n *\n * // Create a button element at position [1,2].\n * var button1 = board.create('button', [1, 2, 'Change Y with JavaScript', function() {\n * p.moveTo([p.X(), p.Y() + 0.5], 100);\n * }], {});\n *\n * // Create a button element at position [1,4].\n * var button2 = board.create('button', [1, 4, 'Change Y with JessieCode',\n * \"$('p1').Y = $('p1').Y() - 0.5;\"\n * ], {});\n *\n *
\n * \n *\n * @example\n * // A toggle button\n * var butt = board.create('button', [-2, -2, 'Off', function() {\n * var txt;\n * butt.value = !butt.value;\n * if (butt.value) {\n * \ttxt = 'On';\n * } else {\n * \ttxt = 'Off';\n * }\n * \tbutt.rendNodeButton.innerHTML = txt;\n * }]);\n *\n * // Set initial value for the button\n * if (!JXG.exists(butt.value)) {\n * \tbutt.value = false;\n * }\n *\n * var p = board.create('point', [2, -2], {\n * \tvisible: () => butt.value\n * });\n *\n *\n *\n * \n * \n *\n * @example\n * var i1 = board.create('input', [-3, 4, 'sin(x)', 'f(x)='], {cssStyle: 'width:4em', maxlength: 2});\n * var c1 = board.create('checkbox', [-3, 2, 'label 1'], {});\n * var b1 = board.create('button', [-3, -1, 'Change texts', function () {\n * i1.setText('g(x)');\n * i1.set('cos(x)');\n * c1.setText('label 2');\n * b1.setText('Texts are changed');\n * }],\n * {cssStyle: 'width:400px'});\n *\n * \n * \n *\n */\nJXG.createButton = function (board, parents, attributes) {\n var t,\n par,\n attr = Type.copyAttributes(attributes, board.options, \"button\");\n\n //if (parents.length < 3) {\n //throw new Error(\"JSXGraph: Can't create button with parent types '\" +\n // (typeof parents[0]) + \"' and '\" + (typeof parents[1]) + \"'.\" +\n // \"\\nPossible parents are: [x, y, label, handler]\");\n //}\n\n // 1. Create empty button\n par = [parents[0], parents[1], ''];\n t = board.create(\"text\", par, attr);\n t.type = Type.OBJECT_TYPE_BUTTON;\n\n t.rendNodeButton = t.rendNode.childNodes[0];\n t.rendNodeButton.id = t.rendNode.id + \"_button\";\n // t.rendNodeButton.innerHTML = parents[2];\n\n t.rendNodeTag = t.rendNodeButton; // Needed for unified treatment in setAttribute\n t.rendNodeTag.disabled = !!attr.disabled;\n\n // 2. Set parents[2] (string|function) as content of the button.\n // abstract.js selects the correct DOM element for the update\n t.setText(parents[2]);\n\n // This sets the font-size of the button text\n t.visPropOld.fontsize = \"0px\";\n board.renderer.updateTextStyle(t, false);\n\n if (parents[3]) {\n if (Type.isString(parents[3])) {\n t._jc = new JXG.JessieCode();\n t._jc.use(board);\n t._handler = function () {\n t._jc.parse(parents[3]);\n };\n } else {\n t._handler = parents[3];\n }\n }\n\n Env.addEvent(t.rendNodeButton, \"click\", priv.ButtonClickEventHandler, t);\n Env.addEvent(\n t.rendNodeButton,\n \"mousedown\",\n function (evt) {\n if (Type.exists(evt.stopPropagation)) {\n evt.stopPropagation();\n }\n },\n t\n );\n Env.addEvent(\n t.rendNodeButton,\n \"touchstart\",\n function (evt) {\n if (Type.exists(evt.stopPropagation)) {\n evt.stopPropagation();\n }\n },\n t\n );\n Env.addEvent(\n t.rendNodeButton,\n \"pointerdown\",\n function (evt) {\n if (Type.exists(evt.stopPropagation)) {\n evt.stopPropagation();\n }\n },\n t\n );\n\n return t;\n};\n\nJXG.registerElement(\"button\", JXG.createButton);\n\n// export default {\n// createButton: JXG.createButton\n// };\n","/*\n Copyright 2008-2023\n Matthias Ehmann,\n Michael Gerhaeuser,\n Carsten Miller,\n Bianca Valentin,\n Alfred Wassermann,\n Peter Wilfahrt\n\n This file is part of JSXGraph.\n\n JSXGraph is free software dual licensed under the GNU LGPL or MIT License.\n\n You can redistribute it and/or modify it under the terms of the\n\n * GNU Lesser General Public License as published by\n the Free Software Foundation, either version 3 of the License, or\n (at your option) any later version\n OR\n * MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT\n\n JSXGraph is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU Lesser General Public License for more details.\n\n You should have received a copy of the GNU Lesser General Public License and\n the MIT License along with JSXGraph. If not, see \n * Instead of board.create('foreignobject') the shortcut board.create('fo') may be used.\n *\n *
NOTE: In Safari up to version 15, a foreignObject does not obey the layer structure\n * if it contains <video> or <iframe> tags, as well as elements which are\n * positioned with position:absolute|relative|fixed. In this case, the foreignobject will be\n * \"above\" the JSXGraph construction.\n *
\n *\n * @pseudo\n * @description\n * @name ForeignObject\n * @augments JXG.ForeignObject\n * @constructor\n * @type JXG.ForeignObject\n *\n * @param {String} content HTML content of the foreignObject. May also be <video> or <iframe>\n * @param {Array} position Position of the foreignObject given by [x, y] in user coordinates. Same as for images.\n * @param {Array} [size] (Optional) argument size of the foreignObject in user coordinates. If not given, size is specified by the HTML attributes\n * or CSS properties of the content.\n *\n * @see Image\n *\n * @example\n * var p = board.create('point', [1, 7], {size: 16});\n * var fo = board.create('foreignobject', [\n * '<video width=\"300\" height=\"200\" src=\"https://eucbeniki.sio.si/vega2/278/Video_metanje_oge_.mp4\" type=\"html5video\" controls>',\n * [0, -3], [9, 6]],\n * {layer: 8, fixed: true}\n * );\n *\n * \n * \n *\n * @example\n * var p = board.create('point', [1, 7], {size: 16});\n * var fo = board.create('fo', [\n * '<div style=\"background-color:blue; color: yellow; padding:20px; width:200px; height:50px; \">Hello</div>',\n * [-7, -6]],\n * {layer: 1, fixed: false}\n * );\n *\n * \n * \n *\n * @example\n * board.renderer.container.style.backgroundColor = 'lightblue';\n * var points = [];\n * points.push( board.create('point', [-2, 3.5], {fixed:false,color: 'yellow', size: 6,name:'6 am'}) );\n * points.push( board.create('point', [0, 3.5], {fixed:false,color: 'yellow', size: 6,name:'12 pm'}) );\n * points.push( board.create('point', [2, 3.5], {fixed:false,color: 'yellow', size: 6,name:'6 pm'}) );\n *\n * var fo = board.create('fo', [\n * '<video width=\"100%\" height=\"100%\" src=\"https://benedu.net/moodle/aaimg/ajx_img/astro/tr/1vd.mp4\" type=\"html5video\" controls>',\n * [-6, -4], [12, 8]],\n * {layer: 0, fixed: true}\n * );\n *\n * var f = JXG.Math.Numerics.lagrangePolynomial(points);\n * var graph = board.create('functiongraph', [f, -10, 10], {fixed:true,strokeWidth:3, layer: 8});\n *\n * \n *