@xtctwins/tctwins-core 1.0.21 → 1.0.22

package/dist/tctwins-core.es.js

@@ -11012,11 +11012,13 @@ class Label {
 		style.color = "white";
 		style.padding = "4px";
 		style.border = "solid 1px";
+		style.borderRadius = "20px";
 		style.background = "lightgreen";
 		style.position = "absolute";
 		style["z-index"] = cfg.zIndex === undefined ? "5000005" : cfg.zIndex;
 		style.width = "auto";
 		style.height = "auto";
+		style.fontSize = "14px";
 		style.visibility = "visible";
 		style.top = 0 + "px";
 		style.left = 0 + "px";
@@ -11186,7 +11188,7 @@ class AngleMeasurement extends Component {
 		}
 
 		this._color = cfg.color ? cfg.color : plugin.defaultColor;
-		this._borderColor = cfg.borderColor ? cfg.borderColor : "white";
+		this._borderColor = plugin.defaultColor ? plugin.defaultColor : "white";
 		var scene = this.plugin.viewer.scene;
 
 		this._originMarker = new Marker(scene, cfg.origin);
@@ -12011,7 +12013,8 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
 	 *
 	 * @param {AngleMeasurementsPlugin} angleMeasurementsPlugin The AngleMeasurementsPlugin to control.
 	 * @param {*} [cfg] Configuration
-	 * @param {function} [cfg.canvasToPagePos] Optional function to map canvas-space coordinates to page coordinates.
+	 * @param {container} [cfg.container] container that hold myAnglePivotMarker
+s	 * @param {function} [cfg.canvasToPagePos] Optional function to map canvas-space coordinates to page coordinates.
 	 * @param {PointerLens} [cfg.pointerLens] A PointerLens to use to provide a magnified view of the cursor when snapping is enabled.
 	 * @param {boolean} [cfg.snapping=true] Whether to initially enable snap-to-vertex and snap-to-edge for this AngleMeasurementsMouseControl.
 	 * @param {_offsetX} [cfg._offsetX] _offsetX of the mouse
@@ -12019,6 +12022,7 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
 	 * */
 	constructor(angleMeasurementsPlugin, cfg = {}) {
 		super(angleMeasurementsPlugin.viewer.scene);
+		this.cfg = cfg;
 
 		this._canvasToPagePos = cfg.canvasToPagePos;
 
@@ -12050,7 +12054,7 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
 
 	_initMarkerDiv() {
 		const markerDiv = document.createElement("div");
-		markerDiv.setAttribute("id", "myAngleMeasureMarker");
+		markerDiv.setAttribute("id", "myAnglePivotMarker");
 		const canvas = this.scene.canvas.canvas;
 		canvas.parentNode.insertBefore(markerDiv, canvas);
 
@@ -12069,7 +12073,7 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
 
 	_destroyMarkerDiv() {
 		if (this.markerDiv) {
-			const element = document.getElementById("myAngleMeasureMarker");
+			const element = document.getElementById("myAnglePivotMarker");
 			element.parentNode.removeChild(element);
 			this._markerDiv = null;
 		}
@@ -13039,6 +13043,12 @@ const TOUCH_CANCELING$1 = 7;
 class AngleMeasurementsTouchControl extends AngleMeasurementsControl {
 	/**
 	 * Creates a AngleMeasurementsTouchControl bound to the given AngleMeasurementsPlugin.
+	 * @param {PointerLens} [cfg.pointerLens] A PointerLens to use to provide a magnified view of the cursor when snapping is enabled.
+	 * @param {container} [cfg.container] container that hold myDistancePivotMarker_touch
+	 * @param {boolean} [cfg.snapToEdge=true] Whether to initially enable snap-to-vertex and snap-to-edge for this AngleMeasurementsMouseControl.
+	 * @param {boolean} [cfg.snapToVertex=true] Whether to initially enable snap-to-vertex and snap-to-edge for this AngleMeasurementsMouseControl.
+	 * @param {_offsetX} [cfg._offsetX] _offsetX of the mouse
+	 * @param {_offsetY} [cfg._offsetY] _offsetY of the mouse
 	 */
 	constructor(angleMeasurementsPlugin, cfg = {}) {
 		super(angleMeasurementsPlugin.viewer.scene);
@@ -13049,6 +13059,7 @@ class AngleMeasurementsTouchControl extends AngleMeasurementsControl {
 		this._active = false;
 
 		const markerDiv = document.createElement("div");
+		markerDiv.setAttribute("id", "myDistancePivotMarker_touch");
 		const canvas = this.scene.canvas.canvas;
 		canvas.parentNode.insertBefore(markerDiv, canvas);
 
@@ -15149,7 +15160,11 @@ class Spinner extends Component {
                 <div class="sk-circle12 sk-circle"></div>\
                 </div>';
 		element.setAttribute("class", "loading-circle");
-		this._canvas.parentElement.appendChild(element);
+		if (this._canvas.parentElement) this._canvas.parentElement.appendChild(element);
+		else {
+			const viewer = document.getElementById("myViewer");
+			viewer.appendChild(element);
+		}
 		this._element = element;
 		this._isCustom = false;
 		this._adjustPosition();
@@ -15166,7 +15181,11 @@ class Spinner extends Component {
 		const defaultCSSNode = document.createElement("style");
 		defaultCSSNode.innerHTML = defaultCSS;
 		defaultCSSNode.id = elementId;
-		this._canvas.parentElement.appendChild(defaultCSSNode);
+		if (this._canvas.parentElement) this._canvas.parentElement.appendChild(defaultCSSNode);
+		else {
+			const viewer = document.getElementById("myViewer");
+			viewer.appendChild(defaultCSSNode);
+		}
 	}
 
 	/**
@@ -85813,7 +85832,7 @@ class DistanceMeasurement extends Component {
 		this._eventSubs = {};
 
 		this._color = cfg.color ? cfg.color : plugin.defaultColor;
-		this._borderColor = cfg.borderColor ? cfg.borderColor : "white";
+		this._borderColor = plugin.defaultColor ? plugin.defaultColor : "white";
 		var scene = this.plugin.viewer.scene;
 
 		this._originMarker = new Marker(scene, cfg.origin);
@@ -86898,6 +86917,7 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
 	 *
 	 * @param {DistanceMeasurementsPlugin} distanceMeasurementsPlugin The AngleMeasurementsPlugin to control.
 	 * @param [cfg] Configuration
+	 * @param {container} [cfg.container] container that hold myDistancePivotMarker
 	 * @param {PointerLens} [cfg.pointerLens] A PointerLens to use to provide a magnified view of the cursor when snapping is enabled.
 	 * @param {boolean} [cfg.snapping=true] Whether to initially enable snap-to-vertex and snap-to-edge for this DistanceMeasurementsMouseControl.
 	 * @param {_offsetX} [cfg._offsetX] _offsetX of the mouse
@@ -86906,6 +86926,7 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
 
 	constructor(distanceMeasurementsPlugin, cfg = {}) {
 		super(distanceMeasurementsPlugin.viewer.scene);
+		this.cfg = cfg;
 
 		this.pointerLens = cfg.pointerLens;
 
@@ -86941,7 +86962,7 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
 
 	_initMarkerDiv() {
 		const markerDiv = document.createElement("div");
-		markerDiv.setAttribute("id", "myDistanceMarker");
+		markerDiv.setAttribute("id", "myDistancePivotMarker");
 		const canvas = this.scene.canvas.canvas;
 		canvas.parentNode.insertBefore(markerDiv, canvas);
 		markerDiv.style.background = "black";
@@ -86959,7 +86980,7 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
 
 	_destroyMarkerDiv() {
 		if (this._markerDiv) {
-			const element = document.getElementById("myDistanceMarker");
+			const element = document.getElementById("myDistancePivotMarker");
 			element.parentNode.removeChild(element);
 			this._markerDiv = null;
 		}
@@ -87870,6 +87891,12 @@ const TOUCH_CANCELING = 7;
 class DistanceMeasurementsTouchControl extends DistanceMeasurementsControl {
 	/**
 	 * Creates a DistanceMeasurementsTouchControl bound to the given DistanceMeasurementsPlugin.
+	 * @param {PointerLens} [cfg.pointerLens] A PointerLens to use to provide a magnified view of the cursor when snapping is enabled.
+	 * @param {container} [cfg.container] container that hold myDistancePivotMarker_touch
+	 * @param {boolean} [cfg.snapToEdge=true] Whether to initially enable snap-to-vertex and snap-to-edge for this DistanceMeasurementsTouchControl.
+	 * @param {boolean} [cfg.snapToVertex=true] Whether to initially enable snap-to-vertex and snap-to-edge for this DistanceMeasurementsTouchControl.
+	 * @param {_offsetX} [cfg._offsetX] _offsetX of the mouse
+	 * @param {_offsetY} [cfg._offsetY] _offsetY of the mouse
 	 */
 	constructor(distanceMeasurementsPlugin, cfg = {}) {
 		super(distanceMeasurementsPlugin.viewer.scene);
@@ -87881,6 +87908,7 @@ class DistanceMeasurementsTouchControl extends DistanceMeasurementsControl {
 		this._active = false;
 
 		const markerDiv = document.createElement("div");
+		markerDiv.setAttribute("id", "myDistancePivotMarker_touch");
 		const canvas = this.scene.canvas.canvas;
 		canvas.parentNode.insertBefore(markerDiv, canvas);