OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 05:44:43 AM	rwxr-xr-x
📄 BlockBoundary.ts	1.53 KB	02/20/2020 05:42:20 AM	rw-r--r--
📄 CaretBr.ts	1.47 KB	02/20/2020 05:42:20 AM	rw-r--r--
📄 CaretCandidate.ts	2.68 KB	02/20/2020 05:42:21 AM	rw-r--r--
📄 CaretContainer.ts	5.4 KB	02/20/2020 05:42:21 AM	rw-r--r--
📄 CaretContainerInline.ts	2.23 KB	02/20/2020 05:42:22 AM	rw-r--r--
📄 CaretContainerInput.ts	1.87 KB	02/20/2020 05:42:22 AM	rw-r--r--
📄 CaretContainerRemove.ts	3.3 KB	02/20/2020 05:42:23 AM	rw-r--r--
📄 CaretFinder.ts	4.09 KB	02/20/2020 05:42:25 AM	rw-r--r--
📄 CaretPosition.ts	13.27 KB	02/20/2020 05:42:26 AM	rw-r--r--
📄 CaretPositionPredicates.ts	2.24 KB	02/20/2020 05:42:27 AM	rw-r--r--
📄 CaretUtils.ts	8.54 KB	02/20/2020 05:42:27 AM	rw-r--r--
📄 CaretWalker.ts	7.67 KB	02/20/2020 05:42:28 AM	rw-r--r--
📄 FakeCaret.ts	6.26 KB	02/20/2020 05:42:28 AM	rw-r--r--
📄 InsertText.ts	1.32 KB	02/20/2020 05:42:29 AM	rw-r--r--
📄 LineReader.ts	5.88 KB	02/20/2020 05:42:29 AM	rw-r--r--
📄 LineUtils.ts	4.11 KB	02/20/2020 05:42:30 AM	rw-r--r--
📄 LineWalker.ts	4.56 KB	02/20/2020 05:42:30 AM	rw-r--r--
📄 TableCells.ts	3.58 KB	02/20/2020 05:42:31 AM	rw-r--r--

Editing: LineUtils.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 { Node, ClientRect, HTMLElement } from '@ephox/dom-globals';
import { Fun, Arr } from '@ephox/katamari';
import ArrUtils from '../util/ArrUtils';
import NodeType from '../dom/NodeType';
import { NodeClientRect, getClientRects } from '../dom/Dimensions';
import * as GeomClientRect from '../geom/ClientRect';
import * as CaretUtils from './CaretUtils';
import * as CaretCandidate from './CaretCandidate';
import { ClientRectLine, VDirection } from './LineWalker';
import { isFakeCaretTarget } from './FakeCaret';

export interface CaretInfo {
  node: Node;
  before: boolean;
}

const isContentEditableFalse = NodeType.isContentEditableFalse;
const findNode = CaretUtils.findNode;
const distanceToRectLeft = (clientRect: NodeClientRect, clientX: number) => Math.abs(clientRect.left - clientX);
const distanceToRectRight = (clientRect: NodeClientRect, clientX: number) => Math.abs(clientRect.right - clientX);
const isInside = (clientX: number, clientRect: ClientRect): boolean => clientX >= clientRect.left && clientX <= clientRect.right;

const findClosestClientRect = (clientRects: ClientRect[], clientX: number): NodeClientRect => {
  return ArrUtils.reduce(clientRects, (oldClientRect, clientRect) => {
    let oldDistance, newDistance;

oldDistance = Math.min(distanceToRectLeft(oldClientRect, clientX), distanceToRectRight(oldClientRect, clientX));
    newDistance = Math.min(distanceToRectLeft(clientRect, clientX), distanceToRectRight(clientRect, clientX));

if (isInside(clientX, clientRect)) {
      return clientRect;
    }

if (isInside(clientX, oldClientRect)) {
      return oldClientRect;
    }

// cE=false has higher priority
    if (newDistance === oldDistance && isContentEditableFalse(clientRect.node)) {
      return clientRect;
    }

if (newDistance < oldDistance) {
      return clientRect;
    }

return oldClientRect;
  });
};

const walkUntil = (direction: VDirection, root: Node, predicateFn: (node: Node) => boolean, node: Node): void => {
  while ((node = findNode(node, direction, CaretCandidate.isEditableCaretCandidate, root))) {
    if (predicateFn(node)) {
      return;
    }
  }
};

const findLineNodeRects = (root: Node, targetNodeRect: NodeClientRect): ClientRectLine[] => {
  let clientRects = [];

const collect = (checkPosFn, node) => {
    let lineRects;

lineRects = Arr.filter(getClientRects([node]), function (clientRect) {
      return !checkPosFn(clientRect, targetNodeRect);
    });

clientRects = clientRects.concat(lineRects);

return lineRects.length === 0;
  };

clientRects.push(targetNodeRect);
  walkUntil(VDirection.Up, root, Fun.curry(collect, GeomClientRect.isAbove), targetNodeRect.node);
  walkUntil(VDirection.Down, root, Fun.curry(collect, GeomClientRect.isBelow), targetNodeRect.node);

return clientRects;
};

const getFakeCaretTargets = (root: HTMLElement): HTMLElement[] => {
  return Arr.filter(Arr.from(root.getElementsByTagName('*')), isFakeCaretTarget) as HTMLElement[];
};

const caretInfo = (clientRect: NodeClientRect, clientX: number): CaretInfo => {
  return {
    node: clientRect.node,
    before: distanceToRectLeft(clientRect, clientX) < distanceToRectRight(clientRect, clientX)
  };
};

const closestCaret = (root: HTMLElement, clientX: number, clientY: number): CaretInfo => {
  let closestNodeRect;

const contentEditableFalseNodeRects = getClientRects(getFakeCaretTargets(root));
  const targetNodeRects = Arr.filter(contentEditableFalseNodeRects, (rect) => clientY >= rect.top && clientY <= rect.bottom);

closestNodeRect = findClosestClientRect(targetNodeRects, clientX);
  if (closestNodeRect) {
    closestNodeRect = findClosestClientRect(findLineNodeRects(root, closestNodeRect), clientX);
    if (closestNodeRect && isFakeCaretTarget(closestNodeRect.node)) {
      return caretInfo(closestNodeRect, clientX);
    }
  }

return null;
};

export {
  findClosestClientRect,
  findLineNodeRects,
  closestCaret
};