@pie-element/number-line 13.1.2-next.1 → 13.1.2-next.11

package/dist/controller/tickUtils.d.ts

@@ -8,7 +8,7 @@
  */
 import * as math from 'mathjs';
 export declare const getMinorLimits: (domain: any, width: any) => {
-    min: number & (number | math.MathCollection<math.MathNumericType>);
+    min: number & (number | math.MathCollection);
     max: number;
 };
 export declare const generateMinorValues: (minorLimits: any) => {

package/dist/controller/tickUtils.js

@@ -195,7 +195,7 @@ var i = [
 	if (n(r)) return e.fraction(r.n * r.s, r.d);
 	if (t(r)) return e.fraction(r);
 }, v = (t, n, r, i) => {
-	let a = i ? i.limit !== !1 : !0, o = h(t, n), s = a ? m(_(r.minor), o.min, o.max) : _(r.minor), c = a ? m(_(r.major), s, e.multiply(s, 20)) : _(r.major);
+	let a = !i || i.limit !== !1, o = h(t, n), s = a ? m(_(r.minor), o.min, o.max) : _(r.minor), c = a ? m(_(r.major), s, e.multiply(s, 20)) : _(r.major);
 	if (!g(c, s)) {
 		let t = e.divide(c, s), n = t <= 2 ? 2 : Math.round(t);
 		return {
@@ -228,7 +228,7 @@ var i = [
 	let i = {
 		decimal: [],
 		fraction: []
-	}, a = e.fraction(e.number(e.number(t))), s = a.n, c = a.d;
+	}, a = e.fraction(e.number(e.number(t))), s = Number(a.n), c = Number(a.d);
 	if (s >= 1 && c === 1) for (let a = 1; a <= 10; a++) {
 		let o = e.number(e.multiply(s, a));
 		S(n, r, {
@@ -241,7 +241,7 @@ var i = [
 		S(n, r, {
 			minor: t,
 			major: e.number(l)
-		}, { fraction: void 0 }).filter((e) => e.type === "major").length > 1 && (l.d === 1 ? i.fraction.push(l.n.toString()) : i.fraction.push(l.n + "/" + l.d), i.decimal.push(e.number(l)));
+		}, { fraction: void 0 }).filter((e) => e.type === "major").length > 1 && (Number(l.d) === 1 ? i.fraction.push(Number(l.n).toString()) : i.fraction.push(Number(l.n) + "/" + Number(l.d)), i.decimal.push(e.number(l)));
 	}
 	return i;
 }, S = (t, n, r, i) => y(t, n, r, i).map((t) => i.fraction ? t : {

package/dist/delivery/data-converter.js

@@ -67,4 +67,4 @@ var t = /* @__PURE__ */ e({
 	};
 };
 //#endregion
-export { t as data_converter_exports, n as lineIsSwitched, r as switchGraphLine, o as toGraphFormat, a as toSessionFormat };
+export { t as data_converter_exports, n as lineIsSwitched, r as switchGraphLine, i as switchPosition, o as toGraphFormat, a as toSessionFormat };

package/dist/delivery/index.js

@@ -1,8 +1,8 @@
 import { data_converter_exports as e, lineIsSwitched as t, switchGraphLine as n, toGraphFormat as r, toSessionFormat as i } from "./data-converter.js";
 import { point_chooser_exports as a } from "./number-line/point-chooser/index.js";
 import { tick_utils_exports as o } from "./number-line/graph/tick-utils.js";
-import s from "./number-line/graph/index.js";
-import c from "./number-line/index.js";
+import { NumberLineGraph as s } from "./number-line/graph/index.js";
+import { NumberLine as c } from "./number-line/index.js";
 import l from "react";
 import { cloneDeep as u } from "@pie-element/shared-lodash";
 import { createRoot as d } from "react-dom/client";
@@ -102,7 +102,7 @@ var p = class extends HTMLElement {
 		}
 	}
 	disconnectedCallback() {
-		this._disconnectMathObserver(), this._root && this._root.unmount();
+		this._disconnectMathObserver(), this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion

package/dist/delivery/number-line/graph/arrow.js

@@ -24,4 +24,4 @@ a.propTypes = {
 	direction: "left"
 };
 //#endregion
-export { a as default };
+export { a as Arrow, a as default };

package/dist/delivery/number-line/graph/elements/line.js

@@ -1,5 +1,5 @@
 import { Draggable as e } from "../../../draggable/index.js";
-import t from "./point.js";
+import { Point as t } from "./point.js";
 import { basePropTypes as n } from "./base.js";
 import r from "react";
 import { styled as i } from "@mui/material/styles";
@@ -185,4 +185,4 @@ var d = "150ms", f = i("g")(({ $disabled: e, $selected: t, $correct: n }) => ({
 	}
 };
 //#endregion
-export { p as default };
+export { p as Line, p as default };

package/dist/delivery/number-line/graph/elements/point.js

@@ -66,8 +66,8 @@ var s = "150ms", c = n("circle")(({ $selected: e, $disabled: t, $correct: n, $em
 	};
 	render() {
 		let { onDragStop: t, onDragStart: n, onDrag: r, onClick: s, onMove: l, interval: u, y: d, bounds: f, selected: p, position: m, disabled: h, correct: g, empty: _ } = this.props, { snapValue: v, xScale: y } = this.context, b = y(u) - y(0), x = (e) => {
-			let t = e + y(0);
-			return v(m + y.invert(t));
+			let t = e + y(0), n = y.invert(t);
+			return v(m + n);
 		}, S = f ? {
 			left: f.left / u * b,
 			right: f.right / u * b
@@ -90,7 +90,8 @@ var s = "150ms", c = n("circle")(({ $selected: e, $disabled: t, $correct: n, $em
 					s && s();
 					return;
 				}
-				l(x(e));
+				let n = x(e);
+				l(n);
 			},
 			children: ({ setNodeRef: e, attributes: t, listeners: n, translateX: r, isDragging: s, onMouseDown: l }) => /* @__PURE__ */ a("g", {
 				ref: e,
@@ -124,4 +125,4 @@ var s = "150ms", c = n("circle")(({ $selected: e, $disabled: t, $correct: n, $em
 	}
 };
 //#endregion
-export { l as default };
+export { l as Point, l as default };

package/dist/delivery/number-line/graph/elements/ray.js

@@ -1,7 +1,7 @@
-import e from "./point.js";
+import { Point as e } from "./point.js";
 import { basePropTypes as t } from "./base.js";
 import { correct as n, incorrect as r, selected as i } from "../../colors.js";
-import a from "../arrow.js";
+import { Arrow as a } from "../arrow.js";
 import o from "react";
 import { styled as s } from "@mui/material/styles";
 import c from "prop-types";
@@ -127,4 +127,4 @@ var p = s("g")(({ $selected: e, $correct: t }) => ({
 	}
 };
 //#endregion
-export { h as default };
+export { h as Ray, h as default };

package/dist/delivery/number-line/graph/index.js

@@ -1,10 +1,10 @@
 import { snapTo as e } from "./tick-utils.js";
-import t from "./elements/point.js";
-import n from "./elements/line.js";
-import r from "./arrow.js";
-import i from "./elements/ray.js";
+import { Point as t } from "./elements/point.js";
+import { Line as n } from "./elements/line.js";
+import { Arrow as r } from "./arrow.js";
+import { Ray as i } from "./elements/ray.js";
 import a from "./line.js";
-import o from "./ticks.js";
+import { Ticks as o } from "./ticks.js";
 import s from "./stacks.js";
 import c from "../transitions/fade.js";
 import l, { createElement as u } from "react";
@@ -193,4 +193,4 @@ var b = (e, t, n, r) => {
 	}
 };
 //#endregion
-export { x as default };
+export { x as NumberLineGraph, x as default };

package/dist/delivery/number-line/graph/line.js

@@ -24,4 +24,4 @@ a.propTypes = {
 };
 var o = r(i)(a);
 //#endregion
-export { o as default };
+export { a as Line, o as default };

package/dist/delivery/number-line/graph/stacks.js

@@ -37,4 +37,4 @@ function t(e) {
 	};
 }
 //#endregion
-export { e as default };
+export { t as Stack, e as default };

package/dist/delivery/number-line/graph/tick-utils.d.ts

@@ -42,10 +42,10 @@ export declare const zeroBasedRange: (start: any, end: any, interval: any) => an
 export declare const simpleRange: (start: any, end: any, interval: any) => (string | math.MathType)[];
 export declare const closeTo: (a: any, b: any, precision: any) => boolean;
 export declare const getMinorLimits: (domain: any, width: any) => {
-    min: number & (number | math.MathCollection<math.MathNumericType>);
+    min: number & (number | math.MathCollection);
     max: number;
 };
-export declare const isMultiple: (multiple: any, src: any) => boolean | math.MathCollection<math.MathNumericType>;
+export declare const isMultiple: (multiple: any, src: any) => boolean | math.MathCollection;
 /**
  * Accepts a fraction object {n,d,s} or number.
  * @param {*} v

package/dist/delivery/number-line/graph/tick-utils.js

@@ -218,7 +218,7 @@ var a = /* @__PURE__ */ e({
 	if (r(e)) return t.fraction(e.n * e.s, e.d);
 	if (n(e)) return t.fraction(e);
 }, b = (e, n, r, i) => {
-	let a = i ? i.limit !== !1 : !0, o = _(e, n), s = a ? g(y(r.minor), o.min, o.max) : y(r.minor), c = a ? g(y(r.major), s, t.multiply(s, 20)) : y(r.major);
+	let a = !i || i.limit !== !1, o = _(e, n), s = a ? g(y(r.minor), o.min, o.max) : y(r.minor), c = a ? g(y(r.major), s, t.multiply(s, 20)) : y(r.major);
 	if (!v(c, s)) {
 		let e = t.divide(c, s), n = e <= 2 ? 2 : Math.round(e);
 		return {
@@ -251,7 +251,7 @@ var a = /* @__PURE__ */ e({
 	let i = {
 		decimal: [],
 		fraction: []
-	}, a = t.fraction(t.number(t.number(e))), o = a.n, s = a.d;
+	}, a = t.fraction(t.number(t.number(e))), o = Number(a.n), s = Number(a.d);
 	if (o >= 1 && s === 1) for (let a = 1; a <= 10; a++) {
 		let s = t.number(t.multiply(o, a));
 		w(n, r, {
@@ -264,7 +264,7 @@ var a = /* @__PURE__ */ e({
 		w(n, r, {
 			minor: e,
 			major: t.number(l)
-		}, { fraction: void 0 }).filter((e) => e.type === "major").length > 1 && (l.d === 1 ? i.fraction.push(l.n.toString()) : i.fraction.push(l.n + "/" + l.d), i.decimal.push(t.number(l)));
+		}, { fraction: void 0 }).filter((e) => e.type === "major").length > 1 && (Number(l.d) === 1 ? i.fraction.push(Number(l.n).toString()) : i.fraction.push(Number(l.n) + "/" + Number(l.d)), i.decimal.push(t.number(l)));
 	}
 	return i;
 }, w = (e, n, r, i) => x(e, n, r, i).map((e) => i.fraction ? e : {
@@ -292,4 +292,4 @@ var a = /* @__PURE__ */ e({
 	return Number.isFinite(r) && (a.size = r), a;
 });
 //#endregion
-export { w as buildTickData, C as generateMajorValuesForMinor, S as generateMinorValues, _ as getMinorLimits, D as snapElements, E as snapTo, a as tick_utils_exports };
+export { w as buildTickData, x as buildTickDataAsFractions, h as closeTo, o as decimalTickValues, y as fraction, l as fractionRange, T as fractionSnapTo, s as fractionTickValues, C as generateMajorValuesForMinor, S as generateMinorValues, _ as getMinorLimits, v as isMultiple, c as labelMultiplier, b as normalizeTicks, m as simpleRange, D as snapElements, E as snapTo, a as tick_utils_exports, u as zbrErrorMessage, d as zeroBasedRange };

package/dist/delivery/number-line/graph/ticks.js

@@ -52,38 +52,38 @@ var s = n("text")({
 		this.resizeObserver && this.resizeObserver.disconnect();
 	}
 	render() {
-		let { x: e, y: n, type: r, xScale: o, fraction: l } = this.props, u = l && e.n !== e.d && e.n !== 0 && e.d !== 1, d = r === "major", f = d ? 20 : 10, { width: p = 0, height: m = 0, x: h = 0, y: g = 0 } = this.state.textBox, _ = l ? u ? /* @__PURE__ */ a(t.Fragment, { children: [/* @__PURE__ */ i("tspan", {
+		let { x: e, y: n, type: r, xScale: o, fraction: l } = this.props, u = l ? Number(e.n) : e.n, d = l ? Number(e.d) : e.d, f = l ? Number(e.s) : e.s, p = l && u !== d && u !== 0 && d !== 1, m = r === "major", h = m ? 20 : 10, { width: g = 0, height: _ = 0, x: v = 0, y = 0 } = this.state.textBox, b = l ? p ? /* @__PURE__ */ a(t.Fragment, { children: [/* @__PURE__ */ i("tspan", {
 			x: "0",
 			dy: "0.71em",
-			children: e.n * e.s
+			children: u * f
 		}), /* @__PURE__ */ i("tspan", {
 			x: "0",
 			dy: "1.11em",
-			children: e.d
-		})] }) : e.n * e.s : Number(e.toFixed(3));
+			children: d
+		})] }) : u * f : Number(e.toFixed(3));
 		return /* @__PURE__ */ a("g", {
 			opacity: "1",
 			transform: `translate(${o(e)}, ${n})`,
 			children: [
 				/* @__PURE__ */ i(c, {
-					y1: f / 2 * -1,
-					y2: f / 2,
+					y1: h / 2 * -1,
+					y2: h / 2,
 					x1: "0.5",
 					x2: "0.5"
 				}),
-				u && /* @__PURE__ */ i(c, {
-					x1: h,
-					x2: h + p,
-					y1: g + m / 2,
-					y2: g + m / 2
+				p && /* @__PURE__ */ i(c, {
+					x1: v,
+					x2: v + g,
+					y1: y + _ / 2,
+					y2: y + _ / 2
 				}),
-				d && /* @__PURE__ */ i(s, {
+				m && /* @__PURE__ */ i(s, {
 					ref: (e) => this.text = e,
 					y: "14",
 					width: "10",
 					dy: "0.71em",
-					textAnchor: u && "middle",
-					children: _
+					textAnchor: p && "middle",
+					children: b
 				})
 			]
 		});
@@ -112,4 +112,4 @@ var s = n("text")({
 	}
 };
 //#endregion
-export { d as default };
+export { u as Tick, l as TickValidator, d as Ticks, d as default };

package/dist/delivery/number-line/index.js

@@ -1,5 +1,5 @@
-import e from "./point-chooser/index.js";
-import t from "./graph/index.js";
+import { PointChooser as e } from "./point-chooser/index.js";
+import { NumberLineGraph as t } from "./graph/index.js";
 import n from "./feedback.js";
 import { buildElementModel as r } from "./graph/elements/builder.js";
 import i from "react";
@@ -212,4 +212,4 @@ var w = C(_, "UiLayout") || C(k.UiLayout, "UiLayout"), T = C(g, "PreviewPrompt")
 	}
 };
 //#endregion
-export { I as default };
+export { t as Graph, I as NumberLine, I as default };

package/dist/delivery/number-line/point-chooser/index.js

@@ -151,4 +151,4 @@ var x = i("div")({
 };
 w.DEFAULT_TYPE = "pf";
 //#endregion
-export { w as default, l as point_chooser_exports };
+export { v as Point, w as PointChooser, w as default, l as point_chooser_exports };