lancegliser

import { getIntersectionOverUnion } from "./math";

describe("getIntersectionOverUnion", () => {
  // Values from https://learnopencv.com/intersection-over-union-iou-in-object-detection-and-segmentation

  it("should accept two sets of coordinates and return a numeric value", () => {
    const intersectionOverUnion = getIntersectionOverUnion(
      [1202, 123, 1650, 868],
      [1162.0001, 92.0021, 1619.9832, 694.0033]
    );

lancegliser

import React, {
  useState,
  useEffect,
  ChangeEvent,
  useMemo,
  ChangeEventHandler,
} from "react";
import { TextField } from "@material-ui/core";
import { debounce } from "lodash";

lancegliser

import mapboxgl, {
    getBezierLine, getDarkenedColor,
    getTransparency,
    primaryColor, setMapCursorPointer, unsetMapCursorPointer
} from "../../../../../Projects/Demo/frontend/src/utils/mapbox/mapbox";
import {EventData, MapboxGeoJSONFeature, MapMouseEvent} from "mapbox-gl";
import {Properties} from "@turf/helpers";
import midpoint from "@turf/midpoint";
import * as turfHelpers from "@turf/helpers";
import bezierSpline from "@turf/bezier-spline";

lancegliser

// @ts-ignore - Wish this didn't suck, but it does and I'm moving on.
import MapiClient, { SdkConfig } from "@mapbox/mapbox-sdk";
import MapboxGeocoder, {
  GeocodeService,
  GeocodeRequest,
  GeocodeResponse,
} from "@mapbox/mapbox-sdk/services/geocoding";
import mapboxgl, {
  EventData,
  LngLat,

lancegliser

.mapboxgl-popup-content {
  /* The content is delcared with a white background, but no default color */
  color: #222;
}

.mapboxgl-ctrl-bottom-left {
  /* Provides a barrier to prevent long content from overlapping the other control groups */
  right: 56px;
}

lancegliser

import rootVM from "@/main.ts";
import YourComponent from "@/components/YourComponent.vue";

export const getHtmlElementFromVueComponent = (): HTMLElement => {
      const element = document.createElement("span");
      // This may not show an IDE error.
      // You can reproduce what's being ignored using npm run test:unit.
      // @ts-ignore
      const yourComponent = new Vue({
        ...YourComponent,

lancegliser

const render = (data) => {
    console.log(data);
    var height = 900;
    var width = 1000;

    var margin = { top: 20, right: 15, bottom: 25, left: 25 };

    width = width - margin.left - margin.right;
    height = height - margin.top - margin.bottom;

lancegliser

type NonFunctionPropertyNames<T> = {
  [K in keyof T]: T[K] extends Function ? never : K;
}[keyof T];
type NonFunctionProperties<T> = Pick<T, NonFunctionPropertyNames<T>>;
type PartialWithoutFunctions<T> = Partial<NonFunctionProperties<T>>;
  
interface IKeywordsResponseArguments {
  results?: PartialWithoutFunctions<KeywordResult>[];
}
export class KeywordsResponse extends ResultsResponse {

lancegliser

<template>
  <div
    class="google-map"
    ref="mapContainer"
    :style="{ 'min-height': minHeight }"
  />
</template>

<script lang="ts">
import {

lancegliser

<script lang="ts">
import {
  createComponent,
  createElement,
  onErrorCaptured,
  reactive,
  SetupContext
} from "@vue/composition-api";
import DefaultFallbackUI from "./ErrorBoundaryFallbackUI.vue";
import { IErrorBoundaryState } from "@/components/errorBoundary/IErrorBoundary";