src/editor/modules/documentCanvas/canvas/utils.js

   1 define([
   2 'libs/jquery',
   3 ], function($) {
   4
   5 'use strict';
   6 /* globals Node */
   7
   8 var nearestInDocumentOrder = function(selector, direction, element) {
   9     var parents = $(element).parents(),
  10         parent = parents.length ? $(parents[parents.length-1]) : element;
  11
  12     var adj = parent.find(selector).filter(function() {
  13         /*jshint bitwise: false*/
  14         return this.compareDocumentPosition(element) & (direction === 'above' ? Node.DOCUMENT_POSITION_FOLLOWING : Node.DOCUMENT_POSITION_PRECEDING);
  15     });
  16
  17     if(adj.length) {
  18         return adj[direction === 'above' ? adj.length-1 : 0];
  19     }
  20     return null;
  21 };
  22
  23 var getElementForElementRootNode = function(node) {
  24     return node.getData('canvasElement');
  25 };
  26
  27 var getElementForNode = function(node) {
  28     while(!node.getData('canvasElement')) {
  29         node = node.parent();
  30     }
  31     return node.getData('canvasElement');
  32 };
  33
  34 var getElementForDetachedNode = function(node, originalParent) {
  35     var ptr = originalParent;
  36     if(ptr === null) {
  37         return node.getData('canvasElement');
  38     }
  39     while(!ptr.getData('canvasElement')) {
  40         ptr = ptr.parent();
  41     }
  42     return ptr.getData('canvasElement');
  43 };
  44
  45 var caretPositionFromPoint = function(x, y) {
  46     /* globals document */
  47     var range, textNode, offset;
  48     if(document.caretPositionFromPoint) {
  49         range = document.caretPositionFromPoint(x, y);
  50         textNode = range.offsetNode;
  51         offset = range.offset;
  52     } else if(document.caretRangeFromPoint) {
  53         range = document.caretRangeFromPoint(x, y);
  54         textNode = range.startContainer;
  55         offset = range.startOffset;
  56     }
  57     return {
  58         textNode: textNode,
  59         offset: offset
  60     };
  61 };
  62
  63
  64 return {
  65     nearestInDocumentOrder: nearestInDocumentOrder,
  66     unicode: {
  67         ZWS: '\u200B'
  68     },
  69     getElementForNode: getElementForNode,
  70     getElementForDetachedNode: getElementForDetachedNode,
  71     getElementForElementRootNode: getElementForElementRootNode,
  72     caretPositionFromPoint: caretPositionFromPoint
  73 };
  74
  75 });