@sjcrh/proteinpaint-client 2.217.0 → 2.217.1-0

package/dist/{chunk-WTAPOH2W.js → chunk-2RILGMXS.js}

@@ -1699,6 +1699,14 @@ function scale(coordinate, scale4) {
   coordinate[1] *= scale4;
   return coordinate;
 }
+function squaredDistance2(coord1, coord2) {
+  const dx = coord1[0] - coord2[0];
+  const dy = coord1[1] - coord2[1];
+  return dx * dx + dy * dy;
+}
+function distance(coord1, coord2) {
+  return Math.sqrt(squaredDistance2(coord1, coord2));
+}
 function wrapX2(coordinate, projection) {
   if (projection.canWrapX()) {
     const worldWidth = getWidth(projection.getExtent());
@@ -3299,20 +3307,20 @@ function assignClosestPoint(flatCoordinates, offset, end, stride, maxDelta, isRi
   if (offset == end) {
     return minSquaredDistance;
   }
-  let i, squaredDistance2;
+  let i, squaredDistance3;
   if (maxDelta === 0) {
-    squaredDistance2 = squaredDistance(
+    squaredDistance3 = squaredDistance(
       x,
       y,
       flatCoordinates[offset],
       flatCoordinates[offset + 1]
     );
-    if (squaredDistance2 < minSquaredDistance) {
+    if (squaredDistance3 < minSquaredDistance) {
       for (i = 0; i < stride; ++i) {
         closestPoint[i] = flatCoordinates[offset + i];
       }
       closestPoint.length = stride;
-      return squaredDistance2;
+      return squaredDistance3;
     }
     return minSquaredDistance;
   }
@@ -3328,9 +3336,9 @@ function assignClosestPoint(flatCoordinates, offset, end, stride, maxDelta, isRi
       y,
       tmpPoint2
     );
-    squaredDistance2 = squaredDistance(x, y, tmpPoint2[0], tmpPoint2[1]);
-    if (squaredDistance2 < minSquaredDistance) {
-      minSquaredDistance = squaredDistance2;
+    squaredDistance3 = squaredDistance(x, y, tmpPoint2[0], tmpPoint2[1]);
+    if (squaredDistance3 < minSquaredDistance) {
+      minSquaredDistance = squaredDistance3;
       for (i = 0; i < stride; ++i) {
         closestPoint[i] = tmpPoint2[i];
       }
@@ -3338,7 +3346,7 @@ function assignClosestPoint(flatCoordinates, offset, end, stride, maxDelta, isRi
       index += stride;
     } else {
       index += stride * Math.max(
-        (Math.sqrt(squaredDistance2) - Math.sqrt(minSquaredDistance)) / maxDelta | 0,
+        (Math.sqrt(squaredDistance3) - Math.sqrt(minSquaredDistance)) / maxDelta | 0,
         1
       );
     }
@@ -3353,9 +3361,9 @@ function assignClosestPoint(flatCoordinates, offset, end, stride, maxDelta, isRi
       y,
       tmpPoint2
     );
-    squaredDistance2 = squaredDistance(x, y, tmpPoint2[0], tmpPoint2[1]);
-    if (squaredDistance2 < minSquaredDistance) {
-      minSquaredDistance = squaredDistance2;
+    squaredDistance3 = squaredDistance(x, y, tmpPoint2[0], tmpPoint2[1]);
+    if (squaredDistance3 < minSquaredDistance) {
+      minSquaredDistance = squaredDistance3;
       for (i = 0; i < stride; ++i) {
         closestPoint[i] = tmpPoint2[i];
       }
@@ -3531,10 +3539,10 @@ function douglasPeucker(flatCoordinates, offset, end, stride, squaredTolerance,
     for (let i = first + stride; i < last; i += stride) {
       const x = flatCoordinates[i];
       const y = flatCoordinates[i + 1];
-      const squaredDistance2 = squaredSegmentDistance(x, y, x1, y1, x2, y2);
-      if (squaredDistance2 > maxSquaredDistance) {
+      const squaredDistance3 = squaredSegmentDistance(x, y, x1, y1, x2, y2);
+      if (squaredDistance3 > maxSquaredDistance) {
         index = i;
-        maxSquaredDistance = squaredDistance2;
+        maxSquaredDistance = squaredDistance3;
       }
     }
     if (maxSquaredDistance > squaredTolerance) {
@@ -3849,19 +3857,19 @@ var Point = class _Point extends SimpleGeometry_default {
    */
   closestPointXY(x, y, closestPoint, minSquaredDistance) {
     const flatCoordinates = this.flatCoordinates;
-    const squaredDistance2 = squaredDistance(
+    const squaredDistance3 = squaredDistance(
       x,
       y,
       flatCoordinates[0],
       flatCoordinates[1]
     );
-    if (squaredDistance2 < minSquaredDistance) {
+    if (squaredDistance3 < minSquaredDistance) {
       const stride = this.stride;
       for (let i = 0; i < stride; ++i) {
         closestPoint[i] = flatCoordinates[i];
       }
       closestPoint.length = stride;
-      return squaredDistance2;
+      return squaredDistance3;
     }
     return minSquaredDistance;
   }
@@ -4096,6 +4104,15 @@ function intersectsLineString(flatCoordinates, offset, end, stride, extent, coor
     }
   );
 }
+function intersectsLineStringArray(flatCoordinates, offset, ends, stride, extent) {
+  for (let i = 0, ii = ends.length; i < ii; ++i) {
+    if (intersectsLineString(flatCoordinates, offset, ends[i], stride, extent)) {
+      return true;
+    }
+    offset = ends[i];
+  }
+  return false;
+}
 function intersectsLinearRing(flatCoordinates, offset, end, stride, extent) {
   if (intersectsLineString(flatCoordinates, offset, end, stride, extent)) {
     return true;
@@ -6369,6 +6386,130 @@ function calculateCenterOn(coordinate, size, position, resolution, rotation) {
 }
 var View_default = View;
 
+// ../node_modules/ol/MapEventType.js
+var MapEventType_default = {
+  /**
+   * Triggered after a map frame is rendered.
+   * @event module:ol/MapEvent~MapEvent#postrender
+   * @api
+   */
+  POSTRENDER: "postrender",
+  /**
+   * Triggered when the map starts moving.
+   * @event module:ol/MapEvent~MapEvent#movestart
+   * @api
+   */
+  MOVESTART: "movestart",
+  /**
+   * Triggered after the map is moved.
+   * @event module:ol/MapEvent~MapEvent#moveend
+   * @api
+   */
+  MOVEEND: "moveend",
+  /**
+   * Triggered when loading of additional map data (tiles, images, features) starts.
+   * @event module:ol/MapEvent~MapEvent#loadstart
+   * @api
+   */
+  LOADSTART: "loadstart",
+  /**
+   * Triggered when loading of additional map data has completed.
+   * @event module:ol/MapEvent~MapEvent#loadend
+   * @api
+   */
+  LOADEND: "loadend"
+};
+
+// ../node_modules/ol/control/Control.js
+var Control = class extends Object_default {
+  /**
+   * @param {Options} options Control options.
+   */
+  constructor(options) {
+    super();
+    const element = options.element;
+    if (element && !options.target && !element.style.pointerEvents) {
+      element.style.pointerEvents = "auto";
+    }
+    this.element = element ? element : null;
+    this.target_ = null;
+    this.map_ = null;
+    this.listenerKeys = [];
+    if (options.render) {
+      this.render = options.render;
+    }
+    if (options.target) {
+      this.setTarget(options.target);
+    }
+  }
+  /**
+   * Clean up.
+   * @override
+   */
+  disposeInternal() {
+    this.element?.remove();
+    super.disposeInternal();
+  }
+  /**
+   * Get the map associated with this control.
+   * @return {import("../Map.js").default|null} Map.
+   * @api
+   */
+  getMap() {
+    return this.map_;
+  }
+  /**
+   * Remove the control from its current map and attach it to the new map.
+   * Pass `null` to just remove the control from the current map.
+   * Subclasses may set up event handlers to get notified about changes to
+   * the map here.
+   * @param {import("../Map.js").default|null} map Map.
+   * @api
+   */
+  setMap(map) {
+    if (this.map_) {
+      this.element?.remove();
+    }
+    for (let i = 0, ii = this.listenerKeys.length; i < ii; ++i) {
+      unlistenByKey(this.listenerKeys[i]);
+    }
+    this.listenerKeys.length = 0;
+    this.map_ = map;
+    if (map) {
+      const target = this.target_ ?? map.getOverlayContainerStopEvent();
+      if (this.element) {
+        target.appendChild(this.element);
+      }
+      if (this.render !== VOID) {
+        this.listenerKeys.push(
+          listen(map, MapEventType_default.POSTRENDER, this.render, this)
+        );
+      }
+      map.render();
+    }
+  }
+  /**
+   * Renders the control.
+   * @param {import("../MapEvent.js").default} mapEvent Map event.
+   * @api
+   */
+  render(mapEvent) {
+  }
+  /**
+   * This function is used to set a target element for the control. It has no
+   * effect if it is called after the control has been added to the map (i.e.
+   * after `setMap` is called on the control). If no `target` is set in the
+   * options passed to the control constructor and if `setTarget` is not called
+   * then the control is added to the map's overlay container.
+   * @param {HTMLElement|string} target Target.
+   * @api
+   */
+  setTarget(target) {
+    this.target_ = typeof target === "string" ? document.getElementById(target) : target;
+  }
+};
+var Control_default = Control;
+
 // ../node_modules/ol/ImageState.js
 var ImageState_default = {
   IDLE: 0,
@@ -8788,6 +8929,57 @@ function createDefaultStyle(feature, resolution) {
   }
   return defaultStyles;
 }
+function createEditingStyle() {
+  const styles2 = {};
+  const white = [255, 255, 255, 1];
+  const blue = [0, 153, 255, 1];
+  const width = 3;
+  styles2["Polygon"] = [
+    new Style({
+      fill: new Fill_default({
+        color: [255, 255, 255, 0.5]
+      })
+    })
+  ];
+  styles2["MultiPolygon"] = styles2["Polygon"];
+  styles2["LineString"] = [
+    new Style({
+      stroke: new Stroke_default({
+        color: white,
+        width: width + 2
+      })
+    }),
+    new Style({
+      stroke: new Stroke_default({
+        color: blue,
+        width
+      })
+    })
+  ];
+  styles2["MultiLineString"] = styles2["LineString"];
+  styles2["Circle"] = styles2["Polygon"].concat(styles2["LineString"]);
+  styles2["Point"] = [
+    new Style({
+      image: new Circle_default({
+        radius: width * 2,
+        fill: new Fill_default({
+          color: blue
+        }),
+        stroke: new Stroke_default({
+          color: white,
+          width: width / 2
+        })
+      }),
+      zIndex: Infinity
+    })
+  ];
+  styles2["MultiPoint"] = styles2["Point"];
+  styles2["GeometryCollection"] = styles2["Polygon"].concat(
+    styles2["LineString"],
+    styles2["Point"]
+  );
+  return styles2;
+}
 function defaultGeometryFunction(feature) {
   return feature.getGeometry();
 }
@@ -9458,40 +9650,6 @@ var MapBrowserEventHandler = class extends Target_default {
 };
 var MapBrowserEventHandler_default = MapBrowserEventHandler;
 
-// ../node_modules/ol/MapEventType.js
-var MapEventType_default = {
-  /**
-   * Triggered after a map frame is rendered.
-   * @event module:ol/MapEvent~MapEvent#postrender
-   * @api
-   */
-  POSTRENDER: "postrender",
-  /**
-   * Triggered when the map starts moving.
-   * @event module:ol/MapEvent~MapEvent#movestart
-   * @api
-   */
-  MOVESTART: "movestart",
-  /**
-   * Triggered after the map is moved.
-   * @event module:ol/MapEvent~MapEvent#moveend
-   * @api
-   */
-  MOVEEND: "moveend",
-  /**
-   * Triggered when loading of additional map data (tiles, images, features) starts.
-   * @event module:ol/MapEvent~MapEvent#loadstart
-   * @api
-   */
-  LOADSTART: "loadstart",
-  /**
-   * Triggered when loading of additional map data has completed.
-   * @event module:ol/MapEvent~MapEvent#loadend
-   * @api
-   */
-  LOADEND: "loadend"
-};
-
 // ../node_modules/ol/MapProperty.js
 var MapProperty_default = {
   LAYERGROUP: "layergroup",
@@ -9803,96 +9961,6 @@ function getTilePriority(frameState, tile, tileSourceKey, tileCenter, tileResolu
   return 65536 * Math.log(tileResolution) + Math.sqrt(deltaX * deltaX + deltaY * deltaY) / tileResolution;
 }
 
-// ../node_modules/ol/control/Control.js
-var Control = class extends Object_default {
-  /**
-   * @param {Options} options Control options.
-   */
-  constructor(options) {
-    super();
-    const element = options.element;
-    if (element && !options.target && !element.style.pointerEvents) {
-      element.style.pointerEvents = "auto";
-    }
-    this.element = element ? element : null;
-    this.target_ = null;
-    this.map_ = null;
-    this.listenerKeys = [];
-    if (options.render) {
-      this.render = options.render;
-    }
-    if (options.target) {
-      this.setTarget(options.target);
-    }
-  }
-  /**
-   * Clean up.
-   * @override
-   */
-  disposeInternal() {
-    this.element?.remove();
-    super.disposeInternal();
-  }
-  /**
-   * Get the map associated with this control.
-   * @return {import("../Map.js").default|null} Map.
-   * @api
-   */
-  getMap() {
-    return this.map_;
-  }
-  /**
-   * Remove the control from its current map and attach it to the new map.
-   * Pass `null` to just remove the control from the current map.
-   * Subclasses may set up event handlers to get notified about changes to
-   * the map here.
-   * @param {import("../Map.js").default|null} map Map.
-   * @api
-   */
-  setMap(map) {
-    if (this.map_) {
-      this.element?.remove();
-    }
-    for (let i = 0, ii = this.listenerKeys.length; i < ii; ++i) {
-      unlistenByKey(this.listenerKeys[i]);
-    }
-    this.listenerKeys.length = 0;
-    this.map_ = map;
-    if (map) {
-      const target = this.target_ ?? map.getOverlayContainerStopEvent();
-      if (this.element) {
-        target.appendChild(this.element);
-      }
-      if (this.render !== VOID) {
-        this.listenerKeys.push(
-          listen(map, MapEventType_default.POSTRENDER, this.render, this)
-        );
-      }
-      map.render();
-    }
-  }
-  /**
-   * Renders the control.
-   * @param {import("../MapEvent.js").default} mapEvent Map event.
-   * @api
-   */
-  render(mapEvent) {
-  }
-  /**
-   * This function is used to set a target element for the control. It has no
-   * effect if it is called after the control has been added to the map (i.e.
-   * after `setMap` is called on the control). If no `target` is set in the
-   * options passed to the control constructor and if `setTarget` is not called
-   * then the control is added to the map's overlay container.
-   * @param {HTMLElement|string} target Target.
-   * @api
-   */
-  setTarget(target) {
-    this.target_ = typeof target === "string" ? document.getElementById(target) : target;
-  }
-};
-var Control_default = Control;
-
 // ../node_modules/ol/control/Attribution.js
 var Attribution = class extends Control_default {
   /**
@@ -10548,6 +10616,7 @@ var mouseActionButton = function(mapBrowserEvent) {
   const originalEvent = mapBrowserEvent.originalEvent;
   return "pointerId" in originalEvent && originalEvent.button == 0 && !(WEBKIT && MAC && originalEvent.ctrlKey);
 };
+var never = FALSE;
 var noModifierKeys = function(mapBrowserEvent) {
   const originalEvent = (
     /** @type {KeyboardEvent|MouseEvent|TouchEvent} */
@@ -10782,13 +10851,13 @@ var DragPan = class extends Pointer_default {
     const view = map.getView();
     if (this.targetPointers.length === 0) {
       if (!this.noKinetic_ && this.kinetic_ && this.kinetic_.end()) {
-        const distance = this.kinetic_.getDistance();
+        const distance2 = this.kinetic_.getDistance();
         const angle = this.kinetic_.getAngle();
         const center = view.getCenterInternal();
         const centerpx = map.getPixelFromCoordinateInternal(center);
         const dest = map.getCoordinateFromPixelInternal([
-          centerpx[0] - distance * Math.cos(angle),
-          centerpx[1] - distance * Math.sin(angle)
+          centerpx[0] - distance2 * Math.cos(angle),
+          centerpx[1] - distance2 * Math.sin(angle)
         ]);
         view.animateInternal({
           center: view.getConstrainedCenter(dest),
@@ -11641,11 +11710,11 @@ var PinchZoom = class extends Pointer_default {
     const touch1 = this.targetPointers[1];
     const dx = touch0.clientX - touch1.clientX;
     const dy = touch0.clientY - touch1.clientY;
-    const distance = Math.sqrt(dx * dx + dy * dy);
+    const distance2 = Math.sqrt(dx * dx + dy * dy);
     if (this.lastDistance_ !== void 0) {
-      scaleDelta = this.lastDistance_ / distance;
+      scaleDelta = this.lastDistance_ / distance2;
     }
-    this.lastDistance_ = distance;
+    this.lastDistance_ = distance2;
     const map = mapBrowserEvent.map;
     const view = map.getView();
     if (scaleDelta != 1) {
@@ -22574,6 +22643,81 @@ var Zoomify = class extends TileImage_default {
 };
 var Zoomify_default = Zoomify;
 
+// plots/w2/scaleBar.ts
+var NICE_UM = [1, 2, 5, 10, 20, 50, 100, 200, 500, 1e3, 2e3, 5e3, 1e4, 2e4, 5e4, 1e5];
+var MAX_BAR_PX = 140;
+function niceScaleLength(umPerScreenPx) {
+  let lenUm = NICE_UM[0];
+  for (const n of NICE_UM) {
+    if (n / umPerScreenPx > MAX_BAR_PX) break;
+    lenUm = n;
+  }
+  return lenUm;
+}
+function addScaleBar(map, mppX) {
+  if (!mppX || !Number.isFinite(mppX) || mppX <= 0) return;
+  const target = map.getTargetElement();
+  if (!target || !target.parentNode) return;
+  const el = document.createElement("div");
+  el.className = "sjpp-wsi-scalebar";
+  el.style.cssText = "position:fixed; z-index:10; display:none; background:rgba(255,255,255,.8); padding:2px 6px; border-radius:3px; font:11px system-ui; color:#222;";
+  const bar = document.createElement("div");
+  bar.style.cssText = "border:solid #222; border-width:0 2px 2px 2px; height:6px;";
+  el.appendChild(bar);
+  const label = document.createElement("div");
+  label.style.cssText = "text-align:center; margin-top:1px;";
+  el.appendChild(label);
+  target.appendChild(el);
+  const update = () => {
+    const res = map.getView().getResolution();
+    if (!res) return;
+    const umPerScreenPx = res * mppX;
+    const lenUm = niceScaleLength(umPerScreenPx);
+    bar.style.width = `${lenUm / umPerScreenPx}px`;
+    label.textContent = `${lenUm} \xB5m`;
+  };
+  const reposition = () => {
+    const r = target.getBoundingClientRect();
+    const bottom = Math.min(r.bottom, window.innerHeight) - 8;
+    const right = Math.min(r.right, window.innerWidth) - 8;
+    if (bottom < r.top + 20 || right < r.left + 20) {
+      el.style.display = "none";
+      return;
+    }
+    el.style.display = "block";
+    el.style.bottom = `${window.innerHeight - bottom}px`;
+    el.style.right = `${window.innerWidth - right}px`;
+  };
+  const destroy = () => {
+    window.removeEventListener("scroll", reposition, true);
+    window.removeEventListener("resize", reposition);
+    teardownObserver.disconnect();
+    layoutObserver.disconnect();
+  };
+  const teardownObserver = new MutationObserver(() => {
+    if (!target.isConnected) destroy();
+  });
+  teardownObserver.observe(target.parentNode, { childList: true });
+  let repositionQueued = false;
+  const queueReposition = () => {
+    if (repositionQueued) return;
+    repositionQueued = true;
+    requestAnimationFrame(() => {
+      repositionQueued = false;
+      reposition();
+    });
+  };
+  const layoutObserver = new MutationObserver((records) => {
+    if (records.some((r) => !target.contains(r.target))) queueReposition();
+  });
+  layoutObserver.observe(document.body, { attributes: true, attributeFilter: ["style", "class"], subtree: true });
+  map.getView().on("change:resolution", update);
+  window.addEventListener("scroll", reposition, { capture: true, passive: true });
+  window.addEventListener("resize", reposition);
+  update();
+  reposition();
+}
+
 export {
   CollectionEventType_default,
   ObjectEventType_default,
@@ -22585,6 +22729,7 @@ export {
   extend,
   equals,
   TRUE,
+  FALSE,
   VOID,
   memoizeOne,
   isEmpty,
@@ -22594,6 +22739,8 @@ export {
   getUid,
   Object_default,
   Collection_default,
+  MapBrowserEvent_default,
+  MapBrowserEventType_default,
   assert,
   ViewHint_default,
   clamp,
@@ -22601,6 +22748,7 @@ export {
   lerp,
   toFixed,
   Relationship_default,
+  boundingExtent,
   buffer,
   clone,
   closestSquaredDistanceXY,
@@ -22610,10 +22758,13 @@ export {
   coordinateRelationship,
   createEmpty,
   createOrUpdate,
+  createOrUpdateEmpty,
   createOrUpdateFromCoordinate,
   createOrUpdateFromFlatCoordinates,
   equals2,
+  extend2,
   extendCoordinate,
+  forEachCorner,
   getCenter,
   getHeight,
   getWidth,
@@ -22621,11 +22772,14 @@ export {
   isEmpty2,
   wrapX,
   wrapAndSliceX,
+  squaredDistance2,
+  distance,
   wrapX2,
   angleBetween,
   get3 as get,
   getTransformFromProjections,
   getUserProjection,
+  fromUserCoordinate,
   toUserExtent,
   fromUserExtent,
   toUserResolution,
@@ -22635,12 +22789,20 @@ export {
   compose,
   transform2D,
   rotate2 as rotate,
+  Geometry_default,
+  getStrideForLayout,
   transformGeom2D,
   SimpleGeometry_default,
   linearRingss,
+  maxSquaredDelta,
+  arrayMaxSquaredDelta,
   multiArrayMaxSquaredDelta,
+  assignClosestPoint,
+  assignClosestArrayPoint,
   assignClosestMultiArrayPoint,
+  deflateCoordinate,
   deflateCoordinates,
+  deflateCoordinatesArray,
   deflateMultiCoordinatesArray,
   inflateCoordinates,
   inflateCoordinatesArray,
@@ -22654,6 +22816,9 @@ export {
   linearRingssContainsXY,
   getInteriorPointOfArray,
   getInteriorPointsOfMultiArray,
+  forEach,
+  intersectsLineString,
+  intersectsLineStringArray,
   intersectsLinearRingMultiArray,
   linearRingssAreOriented,
   orientLinearRingsArray,
@@ -22662,6 +22827,13 @@ export {
   View_default,
   createCanvasContext2D,
   releaseCanvas,
+  Control_default,
+  Property_default,
+  always,
+  never,
+  noModifierKeys,
+  shiftKeyOnly,
+  Pointer_default,
   EventType_default3 as EventType_default2,
   RBush,
   ImageState_default,
@@ -22686,6 +22858,7 @@ export {
   Fill_default,
   Icon_default,
   Stroke_default,
+  createEditingStyle,
   Style_default,
   BaseVector_default,
   Map_default2 as Map_default,
@@ -22694,6 +22867,7 @@ export {
   Layer_default3 as Layer_default,
   Tile_default3 as Tile_default,
   Source_default,
-  Zoomify_default
+  Zoomify_default,
+  addScaleBar
 };
-//# sourceMappingURL=chunk-WTAPOH2W.js.map
+//# sourceMappingURL=chunk-2RILGMXS.js.map