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, mirrors, canvasContainer) {
  24     if(canvasContainer) {
  25         var candidates = [node.getData('canvasElement')].concat(node.getData('mirrorElements')),
  26             toret;
  27         candidates.some(function(c) {
  28             // @@
  29             if(c.dom.parents().index(canvasContainer.dom) !== -1) {
  30                 toret = c;
  31                 return true;
  32             }
  33         });
  34         return toret;
  35     }
  36     return node.getData(mirrors ? 'mirrorElements' : 'canvasElement');
  37 };
  38
  39 var getElementForNode = function(node, mirrors) {
  40     while(!node.getData('canvasElement')) {
  41         node = node.parent();
  42     }
  43     return node.getData(mirrors ? 'mirrorElements' : 'canvasElement');
  44 };
  45
  46 var getElementForDetachedNode = function(node, originalParent, mirrors) {
  47     var ptr = originalParent;
  48     if(ptr === null) {
  49         return node.getData(mirrors ? 'mirrorElements' : 'canvasElement');
  50     }
  51     while(!ptr.getData('canvasElement')) {
  52         ptr = ptr.parent();
  53     }
  54     return ptr.getData(mirrors ? 'mirrorElements' : 'canvasElement');
  55 };
  56
  57 var caretPositionFromPoint = function(x, y) {
  58     /* globals document */
  59     var range, textNode, offset;
  60     if(document.caretPositionFromPoint) {
  61         range = document.caretPositionFromPoint(x, y);
  62         textNode = range.offsetNode;
  63         offset = range.offset;
  64     } else if(document.caretRangeFromPoint) {
  65         range = document.caretRangeFromPoint(x, y);
  66         textNode = range.startContainer;
  67         offset = range.startOffset;
  68     }
  69     return {
  70         textNode: textNode,
  71         offset: offset
  72     };
  73 };
  74
  75
  76 return {
  77     nearestInDocumentOrder: nearestInDocumentOrder,
  78     unicode: {
  79         ZWS: '\u200B'
  80     },
  81     getElementForNode: getElementForNode,
  82     getElementForDetachedNode: getElementForDetachedNode,
  83     getElementForElementRootNode: getElementForElementRootNode,
  84     caretPositionFromPoint: caretPositionFromPoint
  85 };
  86
  87 });