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: FakeCaret.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 { Element, Range, HTMLElement, Node } from '@ephox/dom-globals';
import { Cell, Option } from '@ephox/katamari';
import { PlatformDetection } from '@ephox/sand';
import * as CaretContainer from './CaretContainer';
import CaretContainerRemove from './CaretContainerRemove';
import DomQuery from '../api/dom/DomQuery';
import NodeType from '../dom/NodeType';
import * as GeomClientRect from '../geom/ClientRect';
import Delay from '../api/util/Delay';

export interface FakeCaret {
  show: (before: boolean, element: Element) => Range;
  hide: () => void;
  getCss: () => string;
  reposition: () => void;
  destroy: () => void;
}

interface CaretState {
  caret: HTMLElement;
  element: HTMLElement;
  before: boolean;
}

const browser = PlatformDetection.detect().browser;

const isContentEditableFalse = NodeType.isContentEditableFalse;
const isTableCell = (node: Node) => NodeType.isElement(node) && /^(TD|TH)$/i.test(node.tagName);

const getAbsoluteClientRect = (root: HTMLElement, element: HTMLElement, before: boolean): GeomClientRect.ClientRect => {
  const clientRect = GeomClientRect.collapse(element.getBoundingClientRect(), before);
  let docElm, scrollX, scrollY, margin, rootRect;

if (root.tagName === 'BODY') {
    docElm = root.ownerDocument.documentElement;
    scrollX = root.scrollLeft || docElm.scrollLeft;
    scrollY = root.scrollTop || docElm.scrollTop;
  } else {
    rootRect = root.getBoundingClientRect();
    scrollX = root.scrollLeft - rootRect.left;
    scrollY = root.scrollTop - rootRect.top;
  }

clientRect.left += scrollX;
  clientRect.right += scrollX;
  clientRect.top += scrollY;
  clientRect.bottom += scrollY;
  clientRect.width = 1;

margin = element.offsetWidth - element.clientWidth;

if (margin > 0) {
    if (before) {
      margin *= -1;
    }

clientRect.left += margin;
    clientRect.right += margin;
  }

return clientRect;
};

const trimInlineCaretContainers = (root: Node): void => {
  let contentEditableFalseNodes, node, sibling, i, data;

contentEditableFalseNodes = DomQuery('*[contentEditable=false]', root);
  for (i = 0; i < contentEditableFalseNodes.length; i++) {
    node = contentEditableFalseNodes[i];

sibling = node.previousSibling;
    if (CaretContainer.endsWithCaretContainer(sibling)) {
      data = sibling.data;

if (data.length === 1) {
        sibling.parentNode.removeChild(sibling);
      } else {
        sibling.deleteData(data.length - 1, 1);
      }
    }

sibling = node.nextSibling;
    if (CaretContainer.startsWithCaretContainer(sibling)) {
      data = sibling.data;

if (data.length === 1) {
        sibling.parentNode.removeChild(sibling);
      } else {
        sibling.deleteData(0, 1);
      }
    }
  }
};

export const FakeCaret = (root: HTMLElement, isBlock: (node: Node) => boolean, hasFocus: () => boolean): FakeCaret => {
  const lastVisualCaret = Cell<Option<CaretState>>(Option.none());
  let cursorInterval, caretContainerNode;

const show = (before: boolean, element: HTMLElement): Range => {
    let clientRect, rng;

hide();

if (isTableCell(element)) {
      return null;
    }

if (isBlock(element)) {
      caretContainerNode = CaretContainer.insertBlock('p', element, before);
      clientRect = getAbsoluteClientRect(root, element, before);
      DomQuery(caretContainerNode).css('top', clientRect.top);

const caret = DomQuery('<div class="mce-visual-caret" data-mce-bogus="all"></div>').css(clientRect).appendTo(root)[0];
      lastVisualCaret.set(Option.some({ caret, element, before }));

lastVisualCaret.get().each((caretState) => {
        if (before) {
          DomQuery(caretState.caret).addClass('mce-visual-caret-before');
        }
      });

startBlink();

rng = element.ownerDocument.createRange();
      rng.setStart(caretContainerNode, 0);
      rng.setEnd(caretContainerNode, 0);
    } else {
      caretContainerNode = CaretContainer.insertInline(element, before);
      rng = element.ownerDocument.createRange();

if (isContentEditableFalse(caretContainerNode.nextSibling)) {
        rng.setStart(caretContainerNode, 0);
        rng.setEnd(caretContainerNode, 0);
      } else {
        rng.setStart(caretContainerNode, 1);
        rng.setEnd(caretContainerNode, 1);
      }

return rng;
    }

return rng;
  };

const hide = () => {
    trimInlineCaretContainers(root);

if (caretContainerNode) {
      CaretContainerRemove.remove(caretContainerNode);
      caretContainerNode = null;
    }

lastVisualCaret.get().each((caretState) => {
      DomQuery(caretState.caret).remove();
      lastVisualCaret.set(Option.none());
    });

Delay.clearInterval(cursorInterval);
  };

const destroy = () => Delay.clearInterval(cursorInterval);

return {
    show,
    hide,
    getCss,
    reposition,
    destroy
  };
};

export const isFakeCaretTableBrowser = (): boolean => browser.isIE() || browser.isEdge() || browser.isFirefox();

export const isFakeCaretTarget = (node: Node): boolean => isContentEditableFalse(node) || (NodeType.isTable(node) && isFakeCaretTableBrowser());