@vcmap/core 5.0.0-rc.8 → 5.0.0

package/dist/src/style/arcStyle.js

@@ -0,0 +1,256 @@
+import { parseInteger, parseNumber } from '@vcsuite/parsers';
+import { check } from '@vcsuite/check';
+import { Cartesian2, Cartesian3, CatmullRomSpline, Matrix3, } from '@vcmap-cesium/engine';
+import { LineString } from 'ol/geom.js';
+import { unByKey } from 'ol/Observable.js';
+import { v4 as uuidv4 } from 'uuid';
+import { cartesian2DDistance, getMidPoint, modulo } from '../util/math.js';
+import ArrowStyle from './arrowStyle.js';
+/**
+ * Added to feature to hold there respective arc structure
+ */
+export const featureArcStruct = Symbol('FeatureArcStruct');
+/**
+ * Added to features to indicate to which arc style there ArcStruct belongs. If the style changes or a new ArcStyle is applied
+ * to the feature, its value will change, recalculating the ArcStruct
+ */
+const featureArcStyleId = Symbol('ArcStyleId');
+/**
+ * Gets the radius of the circle covering p1, p2, p3. see https://math.stackexchange.com/a/1460096
+ */
+function determineCircle(p1, p2, p3) {
+    const m11 = Matrix3.determinant(new Matrix3(p1[0], p1[1], 1, p2[0], p2[1], 1, p3[0], p3[1], 1));
+    if (m11 === 0) {
+        return null;
+    }
+    const m12 = Matrix3.determinant(new Matrix3(p1[0] ** 2 + p1[1] ** 2, p1[1], 1, p2[0] ** 2 + p2[1] ** 2, p2[1], 1, p3[0] ** 2 + p3[1] ** 2, p3[1], 1));
+    const m13 = Matrix3.determinant(new Matrix3(p1[0] ** 2 + p1[1] ** 2, p1[0], 1, p2[0] ** 2 + p2[1] ** 2, p2[0], 1, p3[0] ** 2 + p3[1] ** 2, p3[0], 1));
+    const center = [0.5 * (m12 / m11), -0.5 * (m13 / m11)];
+    return {
+        center,
+        radius: cartesian2DDistance(center, p1),
+    };
+}
+/**
+ * Determines the midpoint of a line with a distance. see https://gamedev.stackexchange.com/questions/70075/how-can-i-find-the-perpendicular-to-a-2d-vector
+ */
+function getMidPointOnArc(p1, p2, arcHeight) {
+    const lineVector = new Cartesian2(p2[0] - p1[0], p2[1] - p1[1]);
+    let perp = Cartesian2.normalize(lineVector, new Cartesian2());
+    const { x, y } = perp;
+    perp = new Cartesian2(y, -x);
+    Cartesian2.multiplyByScalar(perp, arcHeight, perp);
+    const midPoint = getMidPoint(p1, p2);
+    Cartesian2.add(perp, new Cartesian2(midPoint[0], midPoint[1]), perp);
+    return [perp.x, perp.y];
+}
+function determineQuadrantOffset(center, coordinate, angle) {
+    if (center[1] <= coordinate[1]) {
+        return angle;
+    }
+    return Math.PI + (Math.PI - angle);
+}
+function interpolateBetweenAngles(p1, p2, center, radius, numberOfSegments, offset) {
+    const zeroVector = Cartesian2.UNIT_X;
+    const p1V = new Cartesian2(p1[0] - center[0], p1[1] - center[1]);
+    const p2V = new Cartesian2(p2[0] - center[0], p2[1] - center[1]);
+    let startAngle = Cartesian2.angleBetween(zeroVector, p1V);
+    startAngle = determineQuadrantOffset(center, p1, startAngle);
+    let distance = Cartesian2.angleBetween(p1V, p2V);
+    const coordinates = new Array(numberOfSegments);
+    const offsetAngle = offset / radius;
+    startAngle += offsetAngle;
+    distance -= offsetAngle * 2;
+    for (let i = 0; i <= numberOfSegments; ++i) {
+        const angle = startAngle +
+            (modulo(i, numberOfSegments + 1) * distance) / numberOfSegments;
+        coordinates[i] = [
+            center[0] + radius * Math.cos(angle),
+            center[1] + radius * Math.sin(angle),
+            0,
+        ];
+    }
+    return coordinates;
+}
+function getArcCoordinates(p1, p2, arcHeight, numberOfSegments, arcFactor, offset) {
+    const midPoint = getMidPoint(p1, p2);
+    midPoint[2] += arcHeight / 2;
+    const fullDistance = cartesian2DDistance(p1, p2);
+    const p1Cartesian = new Cartesian3(p1[0], p1[1], p1[2] ?? 0);
+    const midPointCartesian = new Cartesian3(midPoint[0], midPoint[1], midPoint[2] ?? 0);
+    const p2Cartesian = new Cartesian3(p2[0], p2[1], p2[2] ?? 0);
+    let points;
+    if (offset > 0) {
+        const distanceP1Midpoint = Cartesian3.distance(p1Cartesian, midPointCartesian);
+        const offsetNumber = (1 / distanceP1Midpoint) * offset;
+        const arcHeightCorrection = arcHeight / 4;
+        const offsetHeightCorrection = (offsetNumber > 0.5 ? Math.abs(1 - offsetNumber) : offsetNumber) *
+            arcHeightCorrection;
+        const newP1 = Cartesian3.lerp(p1Cartesian, midPointCartesian, offsetNumber, new Cartesian3());
+        newP1.z += offsetHeightCorrection;
+        const newP2 = Cartesian3.lerp(p2Cartesian, midPointCartesian, offsetNumber, new Cartesian3());
+        newP2.z += offsetHeightCorrection;
+        points = [newP1, midPointCartesian, newP2];
+    }
+    else {
+        points = [p1Cartesian, midPointCartesian, p2Cartesian];
+    }
+    const distance = (fullDistance - offset * 2) / 64;
+    const spline = new CatmullRomSpline({
+        times: [0, 0.5, 1],
+        points,
+        firstTangent: new Cartesian3(0, 0, arcFactor * distance),
+        lastTangent: new Cartesian3(0, 0, -arcFactor * distance),
+    });
+    const coordinates = new Array(numberOfSegments + 1);
+    let scratchCartesian = new Cartesian3();
+    for (let i = 0; i <= numberOfSegments; i++) {
+        scratchCartesian = spline.evaluate(i / numberOfSegments, scratchCartesian);
+        coordinates[i] = [
+            scratchCartesian.x,
+            scratchCartesian.y,
+            scratchCartesian.z,
+        ];
+    }
+    return coordinates;
+}
+/**
+ * Set the ArcStruct on the feature
+ */
+function createFeatureArc(arcFactor, feature, numberOfSegments, offset) {
+    if (feature[featureArcStruct]) {
+        feature[featureArcStruct].destroy();
+    }
+    const geometry = feature.getGeometry();
+    const listeners = [];
+    const destroy = () => {
+        unByKey(listeners);
+    };
+    listeners.push(feature.on('change:geometry', () => {
+        createFeatureArc(arcFactor, feature, numberOfSegments, offset);
+    }));
+    if (geometry instanceof LineString) {
+        listeners.push(geometry.on('change', () => {
+            createFeatureArc(arcFactor, feature, numberOfSegments, offset);
+        }));
+        const p1 = geometry.getFirstCoordinate();
+        const p2 = geometry.getLastCoordinate();
+        const distance = cartesian2DDistance(p1, p2);
+        const arcHeight = distance * arcFactor;
+        // check offset validity
+        let validOffset = offset;
+        if (offset * 2 > distance) {
+            validOffset = 0;
+        }
+        const midPoint = getMidPointOnArc(p1, p2, arcHeight);
+        const circleDetermine = determineCircle(p1, p2, midPoint);
+        if (!circleDetermine) {
+            feature[featureArcStruct] = {
+                geometry,
+                destroy,
+            };
+            return;
+        }
+        const { center, radius } = circleDetermine;
+        const coordinates = interpolateBetweenAngles(p1, p2, center, radius, numberOfSegments, validOffset);
+        const c = getArcCoordinates(p1, p2, arcHeight, numberOfSegments, arcFactor, validOffset);
+        feature[featureArcStruct] = {
+            geometry: new LineString(coordinates),
+            coordinates: c,
+            destroy,
+        };
+    }
+    else {
+        feature[featureArcStruct] = {
+            geometry,
+            destroy,
+        };
+    }
+}
+/**
+ * A style which applies an arc to LineString geometries depending on their first and last coordinates.
+ * All other coordinates will be ignored. This still will
+ * not render non-LineString geometries (same as {@link ArrowStyle}).
+ */
+class ArcStyle extends ArrowStyle {
+    _arcFactor;
+    /**
+     * This styles revision ID. This will enforce an update of a features arc struct, if the feature get applied a new ArcStyle
+     */
+    _revisionId = uuidv4();
+    /**
+     * The number of line segments to interpolate by
+     */
+    _numberOfSegments;
+    _offset;
+    /**
+     * @param  [options=]
+     */
+    constructor(options = {}) {
+        super(options);
+        this._arcFactor = parseNumber(options.arcFactor, 0.15);
+        this._numberOfSegments = parseInteger(options.numberOfSegments, 64);
+        this._offset = parseNumber(options.offset, 0);
+        this.setGeometry(this._getFeatureArcGeometry.bind(this));
+    }
+    /**
+     * The number of segments to render the arc with.
+     */
+    get numberOfSegments() {
+        return this._numberOfSegments;
+    }
+    set numberOfSegments(value) {
+        check(value, Number);
+        if (value !== this._numberOfSegments &&
+            value > 0 &&
+            Number.isInteger(value)) {
+            this._numberOfSegments = value;
+            this._revisionId = uuidv4();
+        }
+    }
+    /**
+     * An offset from the arc end/start to the starting point / end point
+     */
+    get offset() {
+        return this._offset;
+    }
+    set offset(value) {
+        check(value, Number);
+        if (value !== this._offset && value > 0) {
+            this._offset = value;
+            this._revisionId = uuidv4();
+        }
+    }
+    /**
+     * The factor with which to calculate the 'height' of an arc using the distance from start to end of the LineString.
+     */
+    get arcFactor() {
+        return this._arcFactor;
+    }
+    set arcFactor(value) {
+        check(value, Number);
+        if (value !== this._arcFactor) {
+            this._arcFactor = value;
+            this._revisionId = uuidv4();
+        }
+    }
+    _getFeatureArcGeometry(feature) {
+        if (!feature[featureArcStruct] ||
+            feature[featureArcStyleId] !== this._revisionId) {
+            createFeatureArc(this._arcFactor, feature, this._numberOfSegments, this._offset);
+            feature[featureArcStyleId] = this._revisionId;
+        }
+        return feature[featureArcStruct]?.geometry;
+    }
+    _getCloneOptions() {
+        const options = super._getCloneOptions();
+        options.arcFactor = this._arcFactor;
+        options.numberOfSegments = this._numberOfSegments;
+        return options;
+    }
+    clone() {
+        return new ArcStyle(this._getCloneOptions());
+    }
+}
+export default ArcStyle;
+//# sourceMappingURL=arcStyle.js.map

package/dist/src/style/arcStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arcStyle.js","sourceRoot":"","sources":["../../../src/style/arcStyle.ts"],"names":[],"mappings":"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"}

package/dist/src/style/arrowStyle.d.ts

@@ -0,0 +1,67 @@
+import { Style, Image as OlImage } from 'ol/style.js';
+import type { Options as IconOptions } from 'ol/style/Icon.js';
+import { VectorPropertiesPrimitiveOptions } from '../layer/vectorProperties.js';
+import type { ColorType } from './vectorStyleItem.js';
+export declare enum ArrowEnd {
+    NONE = "none",
+    BOTH = "both",
+    START = "start",
+    END = "end"
+}
+export type ArrowStyleOptions = {
+    /**
+     * color used to color in the line & the icon
+     * @default '#000000'
+     */
+    color?: ColorType;
+    /**
+     * pass to ol.style.Stroke
+     * @default 1
+     */
+    width?: number;
+    /**
+     * passed to ol.Style
+     */
+    zIndex?: number;
+    /**
+     * icon options to use. if none are provided, if is attempted to derive the arrow icon from the primitive options. if providing your own icon, the color will not be options.color by default
+     */
+    arrowIcon?: IconOptions | OlImage;
+    /**
+     * the default primitive options are a cylinder with a bottom radius of 1/3 its length and 0 top radius
+     */
+    primitiveOptions?: VectorPropertiesPrimitiveOptions;
+    /**
+     * end to place the arrow head at
+     */
+    end?: ArrowEnd;
+};
+export declare function getDefaultArrowIconSrc(primitiveOptions: VectorPropertiesPrimitiveOptions, twoDFactor?: number): string;
+/**
+ * A style which renders arrow heads at the ends of a line string. This style cannot be applied to non-LineString geometries.
+ * When setting this on a layer with heterogeneous geometry types, use a style function.
+ */
+declare class ArrowStyle extends Style {
+    primitiveOptions: VectorPropertiesPrimitiveOptions;
+    end: ArrowEnd;
+    constructor(options?: ArrowStyleOptions);
+    /**
+     * Same as getStroke().getWidth() / getStroke().setWidth()
+     */
+    get width(): number | undefined;
+    set width(width: number | undefined);
+    /**
+     * The color of the stroke and icon styles. Setting the color will not re-apply the icons color.
+     */
+    get color(): ColorType;
+    set color(color: ColorType);
+    private _drawArrow;
+    private _render;
+    /**
+     * Returns the style used to render primitives (a style with a circle image and the color of this style).
+     */
+    getOlcsStyle(): Style;
+    protected _getCloneOptions(): ArrowStyleOptions;
+    clone(): ArrowStyle;
+}
+export default ArrowStyle;

package/dist/src/style/arrowStyle.js

@@ -0,0 +1,188 @@
+import { Cartesian3 } from '@vcmap-cesium/engine';
+import { Circle, Fill, Icon, Stroke, Style, Image as OlImage, } from 'ol/style.js';
+import { parseEnumValue, parseNumber } from '@vcsuite/parsers';
+import { getCartesianBearing } from '../util/math.js';
+import { PrimitiveOptionsType, vectorPropertiesOfType, } from '../layer/vectorProperties.js';
+import { getStringColor, parseColor } from './styleHelpers.js';
+export var ArrowEnd;
+(function (ArrowEnd) {
+    ArrowEnd["NONE"] = "none";
+    ArrowEnd["BOTH"] = "both";
+    ArrowEnd["START"] = "start";
+    ArrowEnd["END"] = "end";
+})(ArrowEnd = ArrowEnd || (ArrowEnd = {}));
+export function getDefaultArrowIconSrc(primitiveOptions, twoDFactor = 1.5) {
+    let height = 13;
+    let width = 13;
+    let points = [
+        [0, 13],
+        [13, 13],
+        [6, 0],
+    ];
+    if (vectorPropertiesOfType(primitiveOptions, PrimitiveOptionsType.SPHERE)) {
+        const radius = Math.floor((primitiveOptions.geometryOptions?.radius ?? 1) * twoDFactor);
+        return `<svg height="${radius * 2}" width="${radius * 2}" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="${radius}" cy="${radius}" r="${radius}" style="fill:white;" />
+</svg>`;
+    }
+    if (vectorPropertiesOfType(primitiveOptions, PrimitiveOptionsType.BOX) &&
+        primitiveOptions.geometryOptions.minimum &&
+        primitiveOptions.geometryOptions.maximum) {
+        const min = Array.isArray(primitiveOptions.geometryOptions.minimum)
+            ? primitiveOptions.geometryOptions.minimum
+            : Cartesian3.pack(primitiveOptions.geometryOptions.minimum, []);
+        const max = Array.isArray(primitiveOptions.geometryOptions.maximum)
+            ? primitiveOptions.geometryOptions.maximum
+            : Cartesian3.pack(primitiveOptions.geometryOptions.maximum, []);
+        width = Math.floor((max[0] - min[0]) * twoDFactor);
+        height = Math.floor((max[1] - min[1]) * twoDFactor);
+        points = [
+            [0, 0],
+            [width, 0],
+            [width, height],
+            [0, height],
+        ];
+    }
+    else if (vectorPropertiesOfType(primitiveOptions, PrimitiveOptionsType.CYLINDER) &&
+        primitiveOptions.geometryOptions.length) {
+        const topRadius = Math.floor(primitiveOptions.geometryOptions.topRadius * twoDFactor);
+        const bottomRadius = Math.floor(primitiveOptions.geometryOptions.bottomRadius * twoDFactor);
+        const maxRadius = Math.max(topRadius, bottomRadius);
+        height = Math.floor(primitiveOptions.geometryOptions.length * twoDFactor);
+        width = maxRadius * 2;
+        points = [
+            [width / 2 - bottomRadius, height],
+            [width / 2 + bottomRadius, height],
+            [width / 2 + topRadius, 0],
+            [width / 2 - topRadius, 0],
+        ];
+        if (bottomRadius === 0) {
+            points.splice(1, 1);
+        }
+        else if (topRadius === 0) {
+            points.splice(2, 1);
+        }
+    }
+    return `<svg height="${height}" width="${width}" xmlns="http://www.w3.org/2000/svg"><polygon points="${points
+        .map((p) => p.join(','))
+        .join(' ')}" style="fill:white;" /></svg>`;
+}
+function getDefaultArrowPrimitive() {
+    return {
+        type: PrimitiveOptionsType.CYLINDER,
+        geometryOptions: {
+            length: 9,
+            bottomRadius: 3,
+            topRadius: 0,
+        },
+        offset: [0, 0, -4.3],
+    };
+}
+/**
+ * A style which renders arrow heads at the ends of a line string. This style cannot be applied to non-LineString geometries.
+ * When setting this on a layer with heterogeneous geometry types, use a style function.
+ */
+class ArrowStyle extends Style {
+    primitiveOptions;
+    end;
+    constructor(options = {}) {
+        const color = options.color ?? '#000000';
+        const styleOptions = {
+            stroke: new Stroke({
+                color,
+                width: parseNumber(options.width, 1),
+            }),
+            zIndex: options.zIndex,
+        };
+        const primitiveOptions = options.primitiveOptions ?? getDefaultArrowPrimitive();
+        const iconOptions = options.arrowIcon ?? {
+            src: `data:image/svg+xml,${encodeURIComponent(getDefaultArrowIconSrc(primitiveOptions))}`,
+            color: parseColor(color),
+        };
+        styleOptions.image =
+            iconOptions instanceof OlImage ? iconOptions : new Icon(iconOptions);
+        super(styleOptions);
+        this.primitiveOptions = primitiveOptions;
+        this.end = parseEnumValue(options.end, ArrowEnd, ArrowEnd.END);
+        this.setRenderer(this._render.bind(this));
+    }
+    /**
+     * Same as getStroke().getWidth() / getStroke().setWidth()
+     */
+    get width() {
+        return this.getStroke().getWidth();
+    }
+    set width(width) {
+        this.getStroke().setWidth(width);
+    }
+    /**
+     * The color of the stroke and icon styles. Setting the color will not re-apply the icons color.
+     */
+    get color() {
+        return this.getStroke().getColor();
+    }
+    set color(color) {
+        this.getStroke().setColor(color);
+    }
+    _drawArrow(ctx, imagePosition, rotation, pixelRatio) {
+        ctx.save();
+        let scale = this.getImage().getScale();
+        scale = Array.isArray(scale) ? scale : [scale, scale];
+        ctx.setTransform(scale[0], 0, 0, scale[1], imagePosition[0], imagePosition[1]);
+        ctx.rotate(Math.PI - rotation);
+        const image = this.getImage().getImage(pixelRatio);
+        ctx.translate(0, Math.floor(image.height / 2));
+        ctx.drawImage(image, -image.width / 2, -image.height / 2);
+        ctx.restore();
+    }
+    _render(geom, e) {
+        if (e.geometry.getType() === 'LineString' &&
+            geom.length > 1 &&
+            this.width) {
+            const ctx = e.context;
+            if (this.end !== ArrowEnd.NONE) {
+                if (this.end === ArrowEnd.START || this.end === ArrowEnd.BOTH) {
+                    this._drawArrow(ctx, geom[0], getCartesianBearing(geom[1], geom[0]), e.pixelRatio);
+                }
+                if (this.end === ArrowEnd.END || this.end === ArrowEnd.BOTH) {
+                    this._drawArrow(ctx, geom.at(-1), getCartesianBearing(geom.at(-2), geom.at(-1)), e.pixelRatio);
+                }
+            }
+            ctx.save();
+            ctx.lineJoin = 'round';
+            ctx.lineWidth = this.width;
+            ctx.strokeStyle = getStringColor(this.color);
+            ctx.beginPath();
+            ctx.moveTo(geom[0][0], geom[0][1]);
+            for (let i = 0; i < geom.length; i++) {
+                ctx.lineTo(geom[i][0], geom[i][1]);
+            }
+            ctx.stroke();
+            ctx.restore();
+        }
+    }
+    /**
+     * Returns the style used to render primitives (a style with a circle image and the color of this style).
+     */
+    getOlcsStyle() {
+        return new Style({
+            image: new Circle({
+                radius: 2,
+                fill: new Fill({ color: this.color }),
+            }),
+        });
+    }
+    _getCloneOptions() {
+        return {
+            color: this.color,
+            width: this.width,
+            arrowIcon: this.getImage().clone(),
+            zIndex: this.getZIndex(),
+        };
+    }
+    clone() {
+        return new ArrowStyle(this._getCloneOptions());
+    }
+}
+export default ArrowStyle;
+//# sourceMappingURL=arrowStyle.js.map

package/dist/src/style/arrowStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrowStyle.js","sourceRoot":"","sources":["../../../src/style/arrowStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,IAAI,OAAO,GACjB,MAAM,aAAa,CAAC;AAQrB,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EACL,oBAAoB,EACpB,sBAAsB,GAEvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/D,MAAM,CAAN,IAAY,QAKX;AALD,WAAY,QAAQ;IAClB,yBAAa,CAAA;IACb,yBAAa,CAAA;IACb,2BAAe,CAAA;IACf,uBAAW,CAAA;AACb,CAAC,EALW,QAAQ,GAAR,QAAQ,KAAR,QAAQ,QAKnB;AA+BD,MAAM,UAAU,sBAAsB,CACpC,gBAAkD,EAClD,UAAU,GAAG,GAAG;IAEhB,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,MAAM,GAAG;QACX,CAAC,CAAC,EAAE,EAAE,CAAC;QACP,CAAC,EAAE,EAAE,EAAE,CAAC;QACR,CAAC,CAAC,EAAE,CAAC,CAAC;KACP,CAAC;IAEF,IAAI,sBAAsB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,MAAM,CAAC,EAAE;QACzE,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CACvB,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,UAAU,CAC7D,CAAC;QACF,OAAO,gBAAgB,MAAM,GAAG,CAAC,YAC/B,MAAM,GAAG,CACX;gBACY,MAAM,SAAS,MAAM,QAAQ,MAAM;OAC5C,CAAC;KACL;IAED,IACE,sBAAsB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,GAAG,CAAC;QAClE,gBAAgB,CAAC,eAAe,CAAC,OAAO;QACxC,gBAAgB,CAAC,eAAe,CAAC,OAAO,EACxC;QACA,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,eAAe,CAAC,OAAO,CAAC;YACjE,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC,OAAO;YAC1C,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QAElE,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,eAAe,CAAC,OAAO,CAAC;YACjE,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC,OAAO;YAC1C,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QAElE,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC;QACnD,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC;QAEpD,MAAM,GAAG;YACP,CAAC,CAAC,EAAE,CAAC,CAAC;YACN,CAAC,KAAK,EAAE,CAAC,CAAC;YACV,CAAC,KAAK,EAAE,MAAM,CAAC;YACf,CAAC,CAAC,EAAE,MAAM,CAAC;SACZ,CAAC;KACH;SAAM,IACL,sBAAsB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,QAAQ,CAAC;QACvE,gBAAgB,CAAC,eAAe,CAAC,MAAM,EACvC;QACA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAC1B,gBAAgB,CAAC,eAAe,CAAC,SAAS,GAAG,UAAU,CACxD,CAAC;QACF,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAC7B,gBAAgB,CAAC,eAAe,CAAC,YAAY,GAAG,UAAU,CAC3D,CAAC;QACF,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QAEpD,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;QAC1E,KAAK,GAAG,SAAS,GAAG,CAAC,CAAC;QAEtB,MAAM,GAAG;YACP,CAAC,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,CAAC;YAClC,CAAC,KAAK,GAAG,CAAC,GAAG,YAAY,EAAE,MAAM,CAAC;YAClC,CAAC,KAAK,GAAG,CAAC,GAAG,SAAS,EAAE,CAAC,CAAC;YAC1B,CAAC,KAAK,GAAG,CAAC,GAAG,SAAS,EAAE,CAAC,CAAC;SAC3B,CAAC;QACF,IAAI,YAAY,KAAK,CAAC,EAAE;YACtB,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACrB;aAAM,IAAI,SAAS,KAAK,CAAC,EAAE;YAC1B,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACrB;KACF;IACD,OAAO,gBAAgB,MAAM,YAAY,KAAK,yDAAyD,MAAM;SAC1G,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACvB,IAAI,CAAC,GAAG,CAAC,gCAAgC,CAAC;AAC/C,CAAC;AAED,SAAS,wBAAwB;IAC/B,OAAO;QACL,IAAI,EAAE,oBAAoB,CAAC,QAAQ;QACnC,eAAe,EAAE;YACf,MAAM,EAAE,CAAC;YACT,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,CAAC;SACb;QACD,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC;KACrB,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAW,SAAQ,KAAK;IAC5B,gBAAgB,CAAmC;IAEnD,GAAG,CAAW;IAEd,YAAY,UAA6B,EAAE;QACzC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,SAAS,CAAC;QACzC,MAAM,YAAY,GAAiB;YACjC,MAAM,EAAE,IAAI,MAAM,CAAC;gBACjB,KAAK;gBACL,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;aACrC,CAAC;YACF,MAAM,EAAE,OAAO,CAAC,MAAM;SACvB,CAAC;QAEF,MAAM,gBAAgB,GACpB,OAAO,CAAC,gBAAgB,IAAI,wBAAwB,EAAE,CAAC;QACzD,MAAM,WAAW,GAAG,OAAO,CAAC,SAAS,IAAI;YACvC,GAAG,EAAE,sBAAsB,kBAAkB,CAC3C,sBAAsB,CAAC,gBAAgB,CAAC,CACzC,EAAE;YACH,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC;SACzB,CAAC;QACF,YAAY,CAAC,KAAK;YAChB,WAAW,YAAY,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC;QACvE,KAAK,CAAC,YAAY,CAAC,CAAC;QAEpB,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,GAAG,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC/D,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAmB,CAAC,CAAC;IAC9D,CAAC;IAED;;OAEG;IACH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC;IACrC,CAAC;IAED,IAAI,KAAK,CAAC,KAAyB;QACjC,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED;;OAEG;IACH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC;IACrC,CAAC;IAED,IAAI,KAAK,CAAC,KAAgB;QACxB,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAEO,UAAU,CAChB,GAA6B,EAC7B,aAAyB,EACzB,QAAgB,EAChB,UAAkB;QAElB,GAAG,CAAC,IAAI,EAAE,CAAC;QACX,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC;QACvC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACtD,GAAG,CAAC,YAAY,CACd,KAAK,CAAC,CAAC,CAAC,EACR,CAAC,EACD,CAAC,EACD,KAAK,CAAC,CAAC,CAAC,EACR,aAAa,CAAC,CAAC,CAAC,EAChB,aAAa,CAAC,CAAC,CAAC,CACjB,CAAC;QACF,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC;QAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QACnD,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QAC/C,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC1D,GAAG,CAAC,OAAO,EAAE,CAAC;IAChB,CAAC;IAEO,OAAO,CAAC,IAAkB,EAAE,CAAQ;QAC1C,IACE,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,YAAY;YACrC,IAAI,CAAC,MAAM,GAAG,CAAC;YACf,IAAI,CAAC,KAAK,EACV;YACA,MAAM,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC;YACtB,IAAI,IAAI,CAAC,GAAG,KAAK,QAAQ,CAAC,IAAI,EAAE;gBAC9B,IAAI,IAAI,CAAC,GAAG,KAAK,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,KAAK,QAAQ,CAAC,IAAI,EAAE;oBAC7D,IAAI,CAAC,UAAU,CACb,GAAG,EACH,IAAI,CAAC,CAAC,CAAC,EACP,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EACrC,CAAC,CAAC,UAAU,CACb,CAAC;iBACH;gBAED,IAAI,IAAI,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,KAAK,QAAQ,CAAC,IAAI,EAAE;oBAC3D,IAAI,CAAC,UAAU,CACb,GAAG,EACH,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAe,EACzB,mBAAmB,CACjB,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAe,EACzB,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAe,CAC1B,EACD,CAAC,CAAC,UAAU,CACb,CAAC;iBACH;aACF;YACD,GAAG,CAAC,IAAI,EAAE,CAAC;YACX,GAAG,CAAC,QAAQ,GAAG,OAAO,CAAC;YACvB,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;YAC3B,GAAG,CAAC,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC7C,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACnC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACpC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACpC;YACD,GAAG,CAAC,MAAM,EAAE,CAAC;YACb,GAAG,CAAC,OAAO,EAAE,CAAC;SACf;IACH,CAAC;IAED;;OAEG;IACH,YAAY;QACV,OAAO,IAAI,KAAK,CAAC;YACf,KAAK,EAAE,IAAI,MAAM,CAAC;gBAChB,MAAM,EAAE,CAAC;gBACT,IAAI,EAAE,IAAI,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;aACtC,CAAC;SACH,CAAC,CAAC;IACL,CAAC;IAES,gBAAgB;QACxB,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE;YAClC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE;SACzB,CAAC;IACJ,CAAC;IAED,KAAK;QACH,OAAO,IAAI,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACjD,CAAC;CACF;AAED,eAAe,UAAU,CAAC"}

package/dist/src/style/declarativeStyleItem.d.ts

@@ -0,0 +1,75 @@
+import StyleItem, { type StyleItemOptions } from './styleItem.js';
+type DeclarativeStyleItemConditions = {
+    conditions: Array<string[] | string>;
+};
+type DeclarativeStyleOptions = {
+    defines?: Record<string, unknown>;
+    show?: DeclarativeStyleItemConditions | string | boolean;
+    color?: DeclarativeStyleItemConditions | string;
+    strokeColor?: DeclarativeStyleItemConditions | string;
+    strokeWidth?: DeclarativeStyleItemConditions | string;
+    scale?: DeclarativeStyleItemConditions | string;
+    pointOutlineWidth?: DeclarativeStyleItemConditions | string;
+    pointOutlineColor?: DeclarativeStyleItemConditions | string;
+    pointSize?: DeclarativeStyleItemConditions | string;
+    image?: DeclarativeStyleItemConditions | string;
+    font?: DeclarativeStyleItemConditions | string;
+    labelStyle?: DeclarativeStyleItemConditions | string;
+    labelText?: DeclarativeStyleItemConditions | string;
+    labelColor?: DeclarativeStyleItemConditions | string;
+    labelOutlineWidth?: DeclarativeStyleItemConditions | string;
+    labelOutlineColor?: DeclarativeStyleItemConditions | string;
+    anchorLineEnabled?: DeclarativeStyleItemConditions | string;
+    anchorLineColor?: DeclarativeStyleItemConditions | string;
+    heightOffset?: DeclarativeStyleItemConditions | string;
+    verticalOrigin?: DeclarativeStyleItemConditions | string;
+    horizontalOrigin?: DeclarativeStyleItemConditions | string;
+    labelHorizontalOrigin?: DeclarativeStyleItemConditions | string;
+    labelVerticalOrigin?: DeclarativeStyleItemConditions | string;
+};
+export type DeclarativeStyleItemOptions = StyleItemOptions & {
+    declarativeStyle?: DeclarativeStyleOptions;
+};
+/**
+ * Style Object {@link https://github.com/AnalyticalGraphicsInc/3d-tiles/tree/master/Styling}
+ * @group Style
+ */
+declare class DeclarativeStyleItem extends StyleItem {
+    static get className(): string;
+    private _styleOptions;
+    private _circleCache;
+    /**
+     * @param  options
+     */
+    constructor(options: DeclarativeStyleItemOptions);
+    get styleOptions(): DeclarativeStyleOptions;
+    toJSON(): DeclarativeStyleItemOptions;
+    clone(result?: DeclarativeStyleItem): DeclarativeStyleItem;
+    assign(styleItem: DeclarativeStyleItem): DeclarativeStyleItem;
+    private _styleFunction;
+    private _stylePolygon;
+    private _styleLineString;
+    private _stylePoint;
+    private _evaluateStroke;
+    get show(): DeclarativeStyleItemConditions | string | boolean | undefined;
+    set show(show: DeclarativeStyleItemConditions | string | boolean | undefined);
+    get color(): DeclarativeStyleItemConditions | string | undefined;
+    set color(color: DeclarativeStyleItemConditions | string | undefined);
+    get strokeColor(): DeclarativeStyleItemConditions | string | undefined;
+    set strokeColor(color: DeclarativeStyleItemConditions | string | undefined);
+    get strokeWidth(): DeclarativeStyleItemConditions | string | undefined;
+    set strokeWidth(width: DeclarativeStyleItemConditions | string | undefined);
+    get image(): DeclarativeStyleItemConditions | string | undefined;
+    set image(src: DeclarativeStyleItemConditions | string | undefined);
+    get labelText(): DeclarativeStyleItemConditions | string | undefined;
+    set labelText(text: DeclarativeStyleItemConditions | string | undefined);
+    get labelColor(): DeclarativeStyleItemConditions | string | undefined;
+    set labelColor(color: DeclarativeStyleItemConditions | string | undefined);
+    get font(): DeclarativeStyleItemConditions | string | undefined;
+    set font(font: DeclarativeStyleItemConditions | string | undefined);
+    get pointSize(): DeclarativeStyleItemConditions | string | undefined;
+    set pointSize(pointSize: DeclarativeStyleItemConditions | string | undefined);
+    destroy(): void;
+}
+export default DeclarativeStyleItem;
+export declare const defaultDeclarativeStyle: DeclarativeStyleItem;