@vcmap/core 6.1.11 → 6.2.0-rc.1

package/src/panorama/sphericalCoordinates.ts

@@ -0,0 +1,96 @@
+import { Cartesian3, Math as CesiumMath, Matrix4 } from '@vcmap-cesium/engine';
+
+/**
+ * Spherical coordinates for a unit sphere where:
+ * The north pole is [0, 0],
+ * The south pole is [0, PI],
+ * And the valid range for phi is 0 to 2 * PI.
+ * There are two cartesian and two spherical coordinate systems in use:
+ * - The spheres spherical reference system.
+ * - The image spherical reference system, where x is inverted from the spheres reference system.
+ * - The spheres cartesian reference system, where the cartesian is transformed by the inverse model matrix of the image.
+ * - the global cartesian reference system.
+ *
+ * Spherical coordinates are orderd [phi, theta], where phi is the angle in the xy-plane (azimuth angle)
+ * from the x-axis and theta is the angle from the z-axis (polar angle) {@link https://en.wikipedia.org/wiki/Spherical_coordinate_system}
+ */
+
+/**
+ * Wraps longitude around the globe (0 to 2 * PI) in image spherical coordinates.
+ * @param angle
+ */
+function convertImageLongitudeAngle(angle: number): number {
+  const twoPI = CesiumMath.TWO_PI;
+
+  const simplified = angle - Math.floor(angle / twoPI) * twoPI;
+
+  if (simplified < 0) {
+    return simplified + twoPI;
+  }
+  if (simplified >= twoPI) {
+    return simplified - twoPI;
+  }
+
+  return simplified;
+}
+
+const scratchNormal = new Cartesian3();
+/**
+ * Converts a Cartesian coordinate in the spheres reference system to spherical coordinates (of the spheres reference system).
+ * @param cartesian
+ * @returns The spherical coordinates [phi, theta].
+ */
+function cartesianToSpherical(cartesian: Cartesian3): [number, number] {
+  Cartesian3.normalize(cartesian, scratchNormal);
+  const { x, y, z } = scratchNormal;
+  const phi = Math.atan2(y, x);
+  const theta = Math.acos(z);
+
+  return [phi, theta];
+}
+
+/**
+ * Converts a cartesian coordinate in the spheres reference system to spherical coordinates in the flipped image reference system.
+ * @param cartesian
+ * @returns The spherical coordinates [phi, theta].
+ */
+export function cartesianToImageSpherical(
+  cartesian: Cartesian3,
+): [number, number] {
+  const spherical = cartesianToSpherical(cartesian);
+  return [convertImageLongitudeAngle(-spherical[0]), spherical[1]];
+}
+
+/**
+ * Converts image (flipped) spherical coordinates to cartesian coordinates in the spheres reference system.
+ * @param spherical - The spherical coordinates [phi, theta].
+ * @param [result] - The cartesian coordinate to write to.
+ * @returns
+ */
+export function imageSphericalToCartesian(
+  spherical: [number, number],
+  result?: Cartesian3,
+): Cartesian3 {
+  const [phi, theta] = spherical;
+  const cartesian = result || new Cartesian3();
+  cartesian.x = Math.sin(theta) * Math.cos(-phi);
+  cartesian.y = Math.sin(theta) * Math.sin(-phi);
+  cartesian.z = Math.cos(theta);
+  return cartesian;
+}
+
+const scratchLocal = new Cartesian3();
+
+/**
+ * Takes a global cesium cartesian in ECEF and converts it to spherical coordinates on the flipped image.
+ * @param cartesian
+ * @param invModelMatrix - the inverse model matrix of the image.
+ */
+export function globalCartesianToImageSpherical(
+  cartesian: Cartesian3,
+  invModelMatrix: Matrix4,
+): [number, number] {
+  Matrix4.multiplyByPoint(invModelMatrix, cartesian, scratchLocal);
+  Cartesian3.normalize(scratchLocal, scratchLocal);
+  return cartesianToImageSpherical(scratchLocal);
+}

package/src/style/arrowStyle.ts

@@ -16,10 +16,10 @@ import type {
 import type { State } from 'ol/render.js';
 import { parseEnumValue, parseNumber } from '@vcsuite/parsers';
 import { getCartesianBearing } from '../util/math.js';
+import type { VectorPropertiesPrimitiveOptions } from '../layer/vectorProperties.js';
 import {
   PrimitiveOptionsType,
   vectorPropertiesOfType,
-  VectorPropertiesPrimitiveOptions,
 } from '../layer/vectorProperties.js';
 import { getStringColor, parseColor } from './styleHelpers.js';
 import type { ColorType } from './vectorStyleItem.js';

package/src/style/declarativeStyleItem.ts

@@ -1,4 +1,3 @@
-/* eslint-disable */
 import {
   Color,
   ConditionsExpression,
@@ -81,8 +80,8 @@ function addCustomProperty(
   } else {
     expression = new Expression(options[key] as string, options.defines);
   }
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
+
+  // @ts-expect-error key of issues
   style[key] = expression;
 }
 
@@ -97,8 +96,9 @@ class DeclarativeStyleItem extends StyleItem {
 
   private _styleOptions: DeclarativeStyleOptions;
 
-  private _circleCache: Map<string, Circle> = new Map();
-  private _iconCache: Map<string, Icon> = new Map();
+  private _circleCache = new Map<string, Circle>();
+
+  private _iconCache = new Map<string, Icon>();
 
   /**
    * @param  options
@@ -158,7 +158,7 @@ class DeclarativeStyleItem extends StyleItem {
     return new DeclarativeStyleItem(config);
   }
 
-  assign(styleItem: DeclarativeStyleItem): DeclarativeStyleItem {
+  assign(styleItem: DeclarativeStyleItem): this {
     super.assign(styleItem);
     this._styleOptions = styleItem.cesiumStyle.style as DeclarativeStyleOptions;
 
@@ -306,7 +306,7 @@ class DeclarativeStyleItem extends StyleItem {
         } else if (!isSameOrigin(src)) {
           iconOptions.crossOrigin = 'anonymous';
         }
-        const iconCacheKey = `${src}${iconOptions.crossOrigin}`;
+        const iconCacheKey = `${src}${String(iconOptions.crossOrigin)}`;
         if (!this._iconCache.has(iconCacheKey)) {
           this._iconCache.set(iconCacheKey, new Icon(iconOptions));
         }
@@ -336,9 +336,9 @@ class DeclarativeStyleItem extends StyleItem {
         radius += width / 2;
       }
 
-      const circleCacheKey = `${radius}${String(color)}${String(width)}${String(
-        pointOutlineColor,
-      )}`;
+      const circleCacheKey = `${String(radius)}${String(color)}${String(
+        width,
+      )}${String(pointOutlineColor)}`;
       if (!this._circleCache.has(circleCacheKey)) {
         const circleOptions: CircleOptions = {
           radius,
@@ -396,7 +396,7 @@ class DeclarativeStyleItem extends StyleItem {
     show: DeclarativeStyleItemConditions | string | boolean | undefined,
   ) {
     this._styleOptions.show = show;
-    // @ts-ignore setter != getter
+    // @ts-expect-error setter != getter
     this.cesiumStyle.show = show;
     this._styleChanged();
   }
@@ -407,7 +407,7 @@ class DeclarativeStyleItem extends StyleItem {
 
   set color(color: DeclarativeStyleItemConditions | string | undefined) {
     this._styleOptions.color = color;
-    // @ts-ignore setter != getter
+    // @ts-expect-error setter != getter
     this.cesiumStyle.color = color;
     this._styleChanged();
   }
@@ -418,7 +418,7 @@ class DeclarativeStyleItem extends StyleItem {
 
   set strokeColor(color: DeclarativeStyleItemConditions | string | undefined) {
     this._styleOptions.strokeColor = color;
-    // @ts-ignore setter != getter
+    // @ts-expect-error setter != getter
     this.cesiumStyle.strokeColor = color;
     this._styleChanged();
   }
@@ -429,7 +429,7 @@ class DeclarativeStyleItem extends StyleItem {
 
   set strokeWidth(width: DeclarativeStyleItemConditions | string | undefined) {
     this._styleOptions.strokeWidth = width;
-    // @ts-ignore setter != getter
+    // @ts-expect-error setter != getter
     this.cesiumStyle.strokeWidth = width;
     this._styleChanged();
   }
@@ -440,7 +440,7 @@ class DeclarativeStyleItem extends StyleItem {
 
   set image(src: DeclarativeStyleItemConditions | string | undefined) {
     this._styleOptions.image = src;
-    // @ts-ignore setter != getter
+    // @ts-expect-error setter != getter
     this.cesiumStyle.image = src;
     this._styleChanged();
   }
@@ -451,7 +451,7 @@ class DeclarativeStyleItem extends StyleItem {
 
   set labelText(text: DeclarativeStyleItemConditions | string | undefined) {
     this._styleOptions.labelText = text;
-    // @ts-ignore setter != getter
+    // @ts-expect-error setter != getter
     this.cesiumStyle.labelText = text;
     this._styleChanged();
   }
@@ -462,7 +462,7 @@ class DeclarativeStyleItem extends StyleItem {
 
   set labelColor(color: DeclarativeStyleItemConditions | string | undefined) {
     this._styleOptions.labelColor = color;
-    // @ts-ignore setter != getter
+    // @ts-expect-error setter != getter
     this.cesiumStyle.labelColor = color;
     this._styleChanged();
   }
@@ -473,7 +473,7 @@ class DeclarativeStyleItem extends StyleItem {
 
   set font(font: DeclarativeStyleItemConditions | string | undefined) {
     this._styleOptions.font = font;
-    // @ts-ignore setter != getter
+    // @ts-expect-error setter != getter
     this.cesiumStyle.font = font;
     this._styleChanged();
   }
@@ -486,7 +486,7 @@ class DeclarativeStyleItem extends StyleItem {
     pointSize: DeclarativeStyleItemConditions | string | undefined,
   ) {
     this._styleOptions.pointSize = pointSize;
-    // @ts-ignore setter != getter
+    // @ts-expect-error setter != getter
     this.cesiumStyle.pointSize = pointSize;
     this._styleChanged();
   }

package/src/style/styleFactory.ts

@@ -1,13 +1,12 @@
 import { is, oneOf } from '@vcsuite/check';
-import StyleItem, { StyleItemOptions } from './styleItem.js';
-import {
-  DeclarativeStyleItemOptions,
-  defaultDeclarativeStyle,
-} from './declarativeStyleItem.js';
+import type { StyleItemOptions } from './styleItem.js';
+import StyleItem from './styleItem.js';
+import type { DeclarativeStyleItemOptions } from './declarativeStyleItem.js';
+import { defaultDeclarativeStyle } from './declarativeStyleItem.js';
 import { styleClassRegistry } from '../classRegistry.js';
-import VectorStyleItem, { VectorStyleItemOptions } from './vectorStyleItem.js';
+import type { VectorStyleItemOptions } from './vectorStyleItem.js';
+import VectorStyleItem from './vectorStyleItem.js';
 
-// eslint-disable-next-line import/prefer-default-export
 export function getStyleOrDefaultStyle(
   styleOptions?:
     | DeclarativeStyleItemOptions

package/src/style/styleHelpers.ts

@@ -6,7 +6,7 @@ import Style from 'ol/style/Style.js';
 import { Color, TrustedServers } from '@vcmap-cesium/engine';
 import type { Color as OLColor } from 'ol/color.js';
 import type { Size } from 'ol/size.js';
-import ImageStyle from 'ol/style/Image.js';
+import type ImageStyle from 'ol/style/Image.js';
 import Circle from 'ol/style/Circle.js';
 import Icon, { type Options as IconOptions } from 'ol/style/Icon.js';
 import RegularShape from 'ol/style/RegularShape.js';
@@ -87,7 +87,7 @@ export function olColorToCesiumColor(olColor: OLColor, result?: Color): Color {
  * @param  defaultColor
  */
 export function parseColor(
-  color?: ColorType | number[] | null | undefined,
+  color?: ColorType | number[] | null,
   defaultColor?: OLColor,
 ): OLColor {
   if (Array.isArray(color)) {
@@ -121,7 +121,7 @@ export function parseColor(
   if (defaultColor) {
     return defaultColor;
   }
-  throw new Error(`Cannot parse color ${String(color)}`);
+  throw new Error(`Cannot parse color ${String(color as unknown)}`);
 }
 
 export function getCesiumColor(
@@ -174,27 +174,27 @@ export function createPattern(
   }
 
   switch (options.pattern.type) {
-    case 1:
+    case PatternType.NWSE:
       drawLineOnCanvas([size / 2, size], [size, size / 2]);
       drawLineOnCanvas([0, size / 2], [size / 2, 0]);
       break;
-    case 2:
+    case PatternType.SWNE:
       drawLineOnCanvas([size / 2, size], [0, size / 2]);
       drawLineOnCanvas([size, size / 2], [size / 2, 0]);
       break;
-    case 3:
+    case PatternType.DIAGONALCROSS:
       drawLineOnCanvas([size / 2, size], [size, size / 2]);
       drawLineOnCanvas([0, size / 2], [size / 2, 0]);
       drawLineOnCanvas([size / 2, size], [0, size / 2]);
       drawLineOnCanvas([size, size / 2], [size / 2, 0]);
       break;
-    case 4:
+    case PatternType.NS:
       drawLineOnCanvas([size / 2, 0], [size / 2, size]);
       break;
-    case 5:
+    case PatternType.WE:
       drawLineOnCanvas([0, size / 2], [size, size / 2]);
       break;
-    case 6:
+    case PatternType.CROSS:
       drawLineOnCanvas([size / 2, 0], [size / 2, size]);
       drawLineOnCanvas([0, size / 2], [size, size / 2]);
       break;

package/src/style/styleItem.ts

@@ -9,6 +9,8 @@ import { parseEnumValue } from '@vcsuite/parsers';
 import VcsObject, { type VcsObjectOptions } from '../vcsObject.js';
 import VcsEvent from '../vcsEvent.js';
 import { styleClassRegistry } from '../classRegistry.js';
+import type DeclarativeStyleItem from './declarativeStyleItem.js';
+import type VectorStyleItem from './vectorStyleItem.js';
 
 export type StyleItemOptions = VcsObjectOptions & {
   colorBlendMode?: number;
@@ -33,7 +35,7 @@ class StyleItem extends VcsObject {
   /**
    * Fired on style updates
    */
-  styleChanged: VcsEvent<void> = new VcsEvent();
+  styleChanged = new VcsEvent<void>();
 
   colorBlendMode: Cesium3DTileColorBlendMode;
 
@@ -89,14 +91,17 @@ class StyleItem extends VcsObject {
    * @param {StyleItem=} _result
    * @returns {StyleItem}
    */
-  clone(_result?: StyleItem): StyleItem {
+  clone(
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _result?: StyleItem | DeclarativeStyleItem | VectorStyleItem,
+  ): this | DeclarativeStyleItem | VectorStyleItem {
     return this;
   }
 
   /**
    * @param  styleItem
    */
-  assign(styleItem: StyleItem): StyleItem {
+  assign(styleItem: StyleItem): this {
     this.properties = JSON.parse(
       JSON.stringify(styleItem.properties),
     ) as Record<string, unknown>;

package/src/style/vectorStyleItem.ts

@@ -1,5 +1,6 @@
 /* eslint-disable no-template-curly-in-string,@typescript-eslint/ban-ts-comment */
-import Stroke, { Options as StrokeOptions } from 'ol/style/Stroke.js';
+import type { Options as StrokeOptions } from 'ol/style/Stroke.js';
+import Stroke from 'ol/style/Stroke.js';
 import { Color, TrustedServers, VerticalOrigin } from '@vcmap-cesium/engine';
 import Icon, { type Options as IconOptions } from 'ol/style/Icon.js';
 import Style, { type StyleFunction } from 'ol/style/Style.js';
@@ -9,12 +10,13 @@ import type { Size } from 'ol/size.js';
 import Fill, { type Options as FillOptions } from 'ol/style/Fill.js';
 import Circle from 'ol/style/Circle.js';
 import RegularShape from 'ol/style/RegularShape.js';
-import { Color as OLColor } from 'ol/color.js';
-import { ColorLike as OLColorLike } from 'ol/colorlike.js';
+import type { Color as OLColor } from 'ol/color.js';
+import type { ColorLike as OLColorLike } from 'ol/colorlike.js';
 import type { Feature } from 'ol/index.js';
 
 import { check, maybe, oneOf, strict } from '@vcsuite/check';
-import StyleItem, { StyleItemOptions } from './styleItem.js';
+import type { StyleItemOptions } from './styleItem.js';
+import StyleItem from './styleItem.js';
 import {
   parseColor,
   PatternType,
@@ -212,14 +214,9 @@ class VectorStyleItem extends StyleItem {
       checkColor(options.fill);
       if (options.fill.pattern) {
         checkStroke(options.fill.pattern);
-        if (
-          !(
-            options.fill.pattern.type &&
-            Object.values(PatternType).includes(options.fill.pattern.type)
-          )
-        ) {
+        if (!Object.values(PatternType).includes(options.fill.pattern.type)) {
           this.getLogger().error(
-            `Cannot find pattern ${options.fill.pattern.type}`,
+            `Cannot find pattern ${String(options.fill.pattern.type)}`,
           );
           options.fill.pattern.type = PatternType.NWSE;
         }
@@ -260,10 +257,10 @@ class VectorStyleItem extends StyleItem {
           this.getLogger().error('radius must be a number');
           options.image.radius = 5;
         }
-        if ((options.image.fill as FillOptions)?.color) {
+        if ((options.image.fill as FillOptions | undefined)?.color) {
           checkColor(options.image.fill as { color: ColorType }); // XXX PatternDescriptor
         }
-        if ((options.image.stroke as StrokeOptions)?.color) {
+        if ((options.image.stroke as StrokeOptions | undefined)?.color) {
           checkStroke(options.image.stroke as StrokeOptions);
         }
       }
@@ -284,7 +281,7 @@ class VectorStyleItem extends StyleItem {
       if (!color) {
         this._fillOptions = null;
         this._fill = undefined;
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+
         // @ts-ignore // bug in ol def. you can set fill undefined
         this._style.setFill(this._fill);
         this.updateCesiumStyleColor(true);
@@ -350,7 +347,7 @@ class VectorStyleItem extends StyleItem {
     this.exclude.stroke = false;
     if (this._style instanceof Style) {
       check(stroke, maybe(Stroke));
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+
       // @ts-ignore // bug in ol
       this._style.setStroke(stroke);
       this._stroke = stroke;
@@ -384,8 +381,8 @@ class VectorStyleItem extends StyleItem {
     if (this._style instanceof Style) {
       check(text, maybe(OLText));
       this._text = text;
-      this._text?.setText?.(this._label);
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      this._text?.setText(this._label);
+
       // @ts-ignore // bug in ol
       this._style.setText(this._text);
     } else {
@@ -402,7 +399,7 @@ class VectorStyleItem extends StyleItem {
     if (this._style instanceof Style) {
       check(image, maybe(OLImage));
       this._image = image;
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+
       // @ts-ignore // bug in ol
       this._style.setImage(this._image);
       this.updateCesiumStyle();
@@ -478,20 +475,20 @@ class VectorStyleItem extends StyleItem {
     const colorConditions = getDefaultCondition('olcs_color', true);
     if (this.stroke && this.stroke.getColor()) {
       colorConditions.splice(1, 0, [
-        `\${olcs_geometryType}===${OlcsGeometryType.POLYLINE}`,
+        `\${olcs_geometryType}===${String(OlcsGeometryType.POLYLINE)}`,
         getStringColor(this.stroke.getColor()),
       ]);
     }
     if (this._image instanceof Circle && this._image.getFill()) {
       colorConditions.splice(1, 0, [
-        `\${olcs_geometryType}===${OlcsGeometryType.POINT}`,
+        `\${olcs_geometryType}===${String(OlcsGeometryType.POINT)}`,
         getStringColor(this._image.getFill()!.getColor() as OLColor),
       ]);
     }
     if (this.fillColor) {
       colorConditions.splice(-1, 1, ['true', getStringColor(this.fillColor)]);
     }
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+
     // @ts-ignore
     this.cesiumStyle.color = { conditions: colorConditions };
 
@@ -529,10 +526,7 @@ class VectorStyleItem extends StyleItem {
     */
     if (this._image) {
       if (this._image.getScale() != null) {
-        scaleConditions.splice(1, 1, [
-          'true',
-          `${String(this._image.getScale())}`,
-        ]);
+        scaleConditions.splice(1, 1, ['true', String(this._image.getScale())]);
       }
       if (this._image instanceof Circle) {
         const stroke = this._image.getStroke();
@@ -545,10 +539,10 @@ class VectorStyleItem extends StyleItem {
             ]);
           }
           const width = this._image.getStroke()!.getWidth() as number;
-          pointOutlineWidthConditions.splice(1, 1, ['true', `${width}`]);
+          pointOutlineWidthConditions.splice(1, 1, ['true', String(width)]);
           size -= width;
         }
-        pointSizeConditions.splice(1, 1, ['true', `${size}`]);
+        pointSizeConditions.splice(1, 1, ['true', String(size)]);
       } else if (this._image instanceof RegularShape) {
         const dataUrl = this._image.getImage(1).toDataURL();
         imageConditions.splice(1, 1, ['true', `"${dataUrl}"`]);
@@ -634,7 +628,7 @@ class VectorStyleItem extends StyleItem {
         ]);
         labelOutlineWidthConditions.splice(1, 1, [
           'true',
-          `${this._text.getStroke()!.getWidth() || 1.25}`,
+          String(this._text.getStroke()!.getWidth() || 1.25),
         ]);
       }
     }
@@ -713,7 +707,7 @@ class VectorStyleItem extends StyleItem {
     return new VectorStyleItem(config);
   }
 
-  assign(result: VectorStyleItem): VectorStyleItem {
+  assign(result: VectorStyleItem): this {
     super.assign(result);
     if (result.fillColor) {
       this.fillColor = result.fillColor.slice();
@@ -793,7 +787,7 @@ class VectorStyleItem extends StyleItem {
   getOptionsForFeature(feature: Feature): VectorStyleItemOptions {
     const type = feature.getGeometry()?.getType();
     const extrusion = !!feature.get('olcs_extrudedHeight');
-    const sections: Set<keyof VectorStyleItemOptions> = new Set();
+    const sections = new Set<keyof VectorStyleItemOptions>();
 
     if (type === 'Point' || type === 'MultiPoint') {
       if (feature[vectorStyleSymbol]?.label != null) {

package/src/style/writeStyle.ts

@@ -1,7 +1,8 @@
-import VectorStyleItem, { VectorStyleItemOptions } from './vectorStyleItem.js';
+import type { VectorStyleItemOptions } from './vectorStyleItem.js';
+import VectorStyleItem from './vectorStyleItem.js';
 import DeclarativeStyleItem from './declarativeStyleItem.js';
 import { type VcsMeta, vcsMetaVersion } from '../layer/vectorProperties.js';
-import StyleItem from './styleItem.js';
+import type StyleItem from './styleItem.js';
 
 export function embedIconsInStyle(
   obj: VectorStyleItemOptions,

package/src/util/clipping/clippingObject.ts

@@ -61,7 +61,7 @@ class ClippingObject {
    * Key is a semantic identifier, eg. layerName or layerName-entitiyId, depending on the target. Targets
    * represent Cesium Object which support the clippingPlanes API
    */
-  targets: Map<string | symbol, ClippingTarget> = new Map();
+  targets = new Map<string | symbol, ClippingTarget>();
 
   /**
    * The current entities and their respective layerNames. Use add/removeEntity to manipulate
@@ -84,8 +84,7 @@ class ClippingObject {
    */
   clippingPlaneUpdated = new VcsEvent<void>();
 
-  private _cachedLayers: Set<FeatureStoreLayer | CesiumTilesetLayer> =
-    new Set();
+  private _cachedLayers = new Set<FeatureStoreLayer | CesiumTilesetLayer>();
 
   private _activeMap: VcsMap | null = null;
 

package/src/util/clipping/clippingObjectManager.ts

@@ -23,13 +23,13 @@ class ClippingObjectManager {
     return 'ClippingObjectManager';
   }
 
-  private _defaultClippingObjects: Set<ClippingObject> = new Set();
+  private _defaultClippingObjects = new Set<ClippingObject>();
 
   private _exclusiveClippingObjects: ClippingObject[] | null = null;
 
-  private _targetsMap: Map<ClippingTarget, ClippingObject> = new Map();
+  private _targetsMap = new Map<ClippingTarget, ClippingObject>();
 
-  private _listenersMap: Map<ClippingObject, (() => void)[]> = new Map();
+  private _listenersMap = new Map<ClippingObject, (() => void)[]>();
 
   private _exclusiveRemovedCb: (() => void) | null = null;
 

package/src/util/clipping/clippingPolygonHelper.ts

@@ -1,8 +1,7 @@
+import type { ClippingPolygon, Globe } from '@vcmap-cesium/engine';
 import {
   Cesium3DTileset,
-  ClippingPolygon,
   ClippingPolygonCollection,
-  Globe,
 } from '@vcmap-cesium/engine';
 import type CesiumMap from '../../map/cesiumMap.js';
 import { vcsLayerName } from '../../layer/layerSymbols.js';

package/src/util/clipping/clippingPolygonObject.ts

@@ -1,12 +1,13 @@
 import deepEqual from 'fast-deep-equal';
-import { Coordinate } from 'ol/coordinate.js';
-import { Feature } from 'ol';
+import type { Coordinate } from 'ol/coordinate.js';
+import type { Feature } from 'ol';
 import { Polygon } from 'ol/geom.js';
 import { check, oneOf } from '@vcsuite/check';
 import { parseBoolean } from '@vcsuite/parsers';
 import { getLogger } from '@vcsuite/logger';
 import { Cartesian3, ClippingPolygon } from '@vcmap-cesium/engine';
-import VcsObject, { VcsObjectOptions } from '../../vcsObject.js';
+import type { VcsObjectOptions } from '../../vcsObject.js';
+import VcsObject from '../../vcsObject.js';
 import VcsEvent from '../../vcsEvent.js';
 
 export enum ClippingPolygonObjectState {