baseui/map-marker/calculate-offsets.js

A React Component library implementing the Base design language

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.calculateFloatingRouteMarkerOffsets = calculateFloatingRouteMarkerOffsets;
var _constants = require("./constants");
/*
Copyright (c) Uber Technologies, Inc.
This source code is licensed under the MIT license found in the
LICENSE file in the root directory of this source tree.
*/

const arrowSize = 8;
const FLOATING_ROUTE_MARKER_OFFSETS = Object.freeze({
  [_constants.FLOATING_ROUTE_MARKER_ANCHOR_POSITIONS.topLeft]: offset => `translate(calc(${arrowSize}px + ${offset}px), calc(${arrowSize}px + ${offset}px))`,
  [_constants.FLOATING_ROUTE_MARKER_ANCHOR_POSITIONS.topRight]: offset => `translate(calc(-100% - ${arrowSize}px - ${offset}px), calc(${arrowSize}px + ${offset}px))`,
  [_constants.FLOATING_ROUTE_MARKER_ANCHOR_POSITIONS.bottomLeft]: offset => `translate(calc(${arrowSize}px + ${offset}px), calc(-100% - ${arrowSize}px - ${offset}px))`,
  [_constants.FLOATING_ROUTE_MARKER_ANCHOR_POSITIONS.bottomRight]: offset => `translate(calc(-100% - ${arrowSize}px - ${offset}px), calc(-100% - ${arrowSize}px - ${offset}px))`,
  [_constants.FLOATING_ROUTE_MARKER_ANCHOR_POSITIONS.topCenter]: offset => `translate(-50%, calc(${arrowSize}px + ${offset}px))`,
  [_constants.FLOATING_ROUTE_MARKER_ANCHOR_POSITIONS.bottomCenter]: offset => `translate(-50%, calc(-100% - ${arrowSize}px - ${offset}px))`,
  [_constants.FLOATING_ROUTE_MARKER_ANCHOR_POSITIONS.leftCenter]: offset => `translate(calc(${arrowSize}px + ${offset}px), -50% )`,
  [_constants.FLOATING_ROUTE_MARKER_ANCHOR_POSITIONS.rightCenter]: offset => `translate(calc(-100% - ${arrowSize}px - ${offset}px), -50%)`
});
function calculateFloatingRouteMarkerOffsets(anchorPosition, offset = 0) {
  return FLOATING_ROUTE_MARKER_OFFSETS[anchorPosition](offset);
}