@egjs/axes/src/const.ts

A module used to change the information of user action entered by various input devices such as touch screen or mouse into the logical virtual coordinates. You can easily create a UI that responds to user actions.

/*
 * Copyright (c) 2015 NAVER Corp.
 * egjs projects are licensed under the MIT license
 */
export const DIRECTION_NONE = 1;
export const DIRECTION_LEFT = 2;
export const DIRECTION_RIGHT = 4;
export const DIRECTION_HORIZONTAL = 2 | 4;
export const DIRECTION_UP = 8;
export const DIRECTION_DOWN = 16;
export const DIRECTION_VERTICAL = 8 | 16;
export const DIRECTION_ALL = 2 | 4 | 8 | 16;

export const MOUSE_LEFT = "left";
export const MOUSE_RIGHT = "right";
export const MOUSE_MIDDLE = "middle";
export const MOUSE_BUTTON_CODE_MAP = { 1: MOUSE_LEFT, 2: MOUSE_MIDDLE, 3: MOUSE_RIGHT };

export const ANY = "any";
export const NONE = "none";
export const SHIFT = "shift";
export const CTRL = "ctrl";
export const ALT = "alt";
export const META = "meta";

export const VELOCITY_INTERVAL = 16;

export const AXES_METHODS = [
  "connect",
  "disconnect",
  "get",
  "setTo",
  "setBy",
  "setOptions",
  "setAxis",
  "stopAnimation",
  "updateAnimation",
  "isBounceArea",
] as const;

export const AXES_EVENTS = [
  "hold",
  "release",
  "change",
  "animationStart",
  "animationEnd",
  "finish",
] as const;

import getAgent from "@egjs/agent";

import { window } from "./browser";

export const IOS_EDGE_THRESHOLD = 30;
export const IS_IOS_SAFARI =
  "ontouchstart" in window && getAgent().browser.name === "safari";

export const TRANSFORM = (() => {
  if (typeof document === "undefined") {
    return "";
  }
  const bodyStyle = (document.head || document.getElementsByTagName("head")[0])
    .style;
  const target = [
    "transform",
    "webkitTransform",
    "msTransform",
    "mozTransform",
  ];
  for (let i = 0, len = target.length; i < len; i++) {
    if (target[i] in bodyStyle) {
      return target[i];
    }
  }
  return "";
})();

export const PREVENT_DRAG_CSSPROPS = {
  "-webkit-user-select": "none", /* Safari */
  "-ms-user-select": "none", /* IE 10 and IE 11 */
  "-moz-user-select": "none", /* Firefox 2-68 */
  "user-select": "none",
  "-webkit-user-drag": "none",
};