mapillary-js/src/component/tag/handlers/CreateRectHandler.ts

A WebGL interactive street imagery library

import {
    Subject,
    Subscription,
} from "rxjs";
import { filter } from "rxjs/operators";

import { Transform } from "../../../geo/Transform";
import { RectGeometry } from "../geometry/RectGeometry";
import { OutlineCreateTag } from "../tag/OutlineCreateTag";
import { CreateVertexHandler } from "./CreateVertexHandler";

export class CreateRectHandler extends CreateVertexHandler {
    private _initializeAnchorIndexingSubscription: Subscription;

    protected get _create$(): Subject<number[]> {
        return this._tagCreator.createRect$;
    }

    protected _addPoint(tag: OutlineCreateTag, basicPoint: number[]): void {
        const rectGeometry: RectGeometry = <RectGeometry>tag.geometry;
        if (!rectGeometry.validate(basicPoint)) {
            basicPoint = rectGeometry.getNonAdjustedVertex2d(3);
        }

        tag.addPoint(basicPoint);
    }

    protected _enable(): void {
        super._enable();

        this._initializeAnchorIndexingSubscription = this._tagCreator.tag$.pipe(
            filter(
                (tag: OutlineCreateTag): boolean => {
                    return !!tag;
                }))
            .subscribe(
                (tag: OutlineCreateTag): void => {
                    (<RectGeometry>tag.geometry).initializeAnchorIndexing();
                });
    }

    protected _disable(): void {
        super._disable();

        this._initializeAnchorIndexingSubscription.unsubscribe();
    }

    protected _getNameExtension(): string {
        return "create-rect";
    }

    protected _setVertex2d(tag: OutlineCreateTag, basicPoint: number[], transform: Transform): void {
        (<RectGeometry>tag.geometry).setOppositeVertex2d(basicPoint, transform);
    }
}