OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 05:44:43 AM	rwxr-xr-x
📄 Dimensions.ts	1.28 KB	02/20/2020 05:42:59 AM	rw-r--r--
📄 DomSerializer.ts	4.65 KB	02/20/2020 05:42:59 AM	rw-r--r--
📄 DomSerializerFilters.ts	6.91 KB	02/20/2020 05:43:00 AM	rw-r--r--
📄 DomSerializerPreProcess.ts	1.81 KB	02/20/2020 05:43:00 AM	rw-r--r--
📄 ElementType.ts	2.39 KB	02/20/2020 05:43:01 AM	rw-r--r--
📄 Empty.ts	2.18 KB	02/20/2020 05:43:02 AM	rw-r--r--
📄 MousePosition.ts	2.37 KB	02/20/2020 05:43:03 AM	rw-r--r--
📄 NodePath.ts	970 bytes	02/20/2020 05:43:03 AM	rw-r--r--
📄 NodeType.ts	3.37 KB	02/20/2020 05:43:04 AM	rw-r--r--
📄 PaddingBr.ts	1.7 KB	02/20/2020 05:43:04 AM	rw-r--r--
📄 Parents.ts	1020 bytes	02/20/2020 05:43:05 AM	rw-r--r--
📄 Position.ts	2.9 KB	02/20/2020 05:43:05 AM	rw-r--r--
📄 RangePoint.ts	639 bytes	02/20/2020 05:43:06 AM	rw-r--r--
📄 ScrollIntoView.ts	3.27 KB	02/20/2020 05:43:07 AM	rw-r--r--
📄 StyleSheetLoader.ts	6.49 KB	02/20/2020 05:43:08 AM	rw-r--r--
📄 TrimHtml.ts	1.62 KB	02/20/2020 05:43:08 AM	rw-r--r--
📄 TrimNode.ts	2.58 KB	02/20/2020 05:43:09 AM	rw-r--r--

Editing: MousePosition.ts

/**
 * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 * Licensed under the LGPL or a commercial license.
 * For LGPL see License.txt in the project root for license information.
 * For commercial licenses see https://www.tiny.cloud/
 */

import Editor from '../api/Editor';

/**
 * This module calculates an absolute coordinate inside the editor body for both local and global mouse events.
 *
 * @private
 * @class tinymce.dom.MousePosition
 */

const getAbsolutePosition = function (elm) {
  let doc, docElem, win, clientRect;

clientRect = elm.getBoundingClientRect();
  doc = elm.ownerDocument;
  docElem = doc.documentElement;
  win = doc.defaultView;

return {
    top: clientRect.top + win.pageYOffset - docElem.clientTop,
    left: clientRect.left + win.pageXOffset - docElem.clientLeft
  };
};

const getBodyPosition = function (editor: Editor) {
  return editor.inline ? getAbsolutePosition(editor.getBody()) : { left: 0, top: 0 };
};

const getScrollPosition = function (editor: Editor) {
  const body = editor.getBody();
  return editor.inline ? { left: body.scrollLeft, top: body.scrollTop } : { left: 0, top: 0 };
};

const getBodyScroll = function (editor: Editor) {
  const body = editor.getBody(), docElm = editor.getDoc().documentElement;
  const inlineScroll = { left: body.scrollLeft, top: body.scrollTop };
  const iframeScroll = { left: body.scrollLeft || docElm.scrollLeft, top: body.scrollTop || docElm.scrollTop };

return editor.inline ? inlineScroll : iframeScroll;
};

const getMousePosition = function (editor: Editor, event) {
  if (event.target.ownerDocument !== editor.getDoc()) {
    const iframePosition = getAbsolutePosition(editor.getContentAreaContainer());
    const scrollPosition = getBodyScroll(editor);

return {
      left: event.pageX - iframePosition.left + scrollPosition.left,
      top: event.pageY - iframePosition.top + scrollPosition.top
    };
  }

return {
    left: event.pageX,
    top: event.pageY
  };
};

const calculatePosition = function (bodyPosition, scrollPosition, mousePosition) {
  return {
    pageX: (mousePosition.left - bodyPosition.left) + scrollPosition.left,
    pageY: (mousePosition.top - bodyPosition.top) + scrollPosition.top
  };
};

const calc = function (editor: Editor, event) {
  return calculatePosition(getBodyPosition(editor), getScrollPosition(editor), getMousePosition(editor, event));
};

export default {
  calc
};