manipulation.js 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", { value: true });
  3. exports.removeElement = removeElement;
  4. exports.replaceElement = replaceElement;
  5. exports.appendChild = appendChild;
  6. exports.append = append;
  7. exports.prependChild = prependChild;
  8. exports.prepend = prepend;
  9. /**
  10. * Remove an element from the dom
  11. *
  12. * @category Manipulation
  13. * @param elem The element to be removed
  14. */
  15. function removeElement(elem) {
  16. if (elem.prev)
  17. elem.prev.next = elem.next;
  18. if (elem.next)
  19. elem.next.prev = elem.prev;
  20. if (elem.parent) {
  21. var childs = elem.parent.children;
  22. var childsIndex = childs.lastIndexOf(elem);
  23. if (childsIndex >= 0) {
  24. childs.splice(childsIndex, 1);
  25. }
  26. }
  27. elem.next = null;
  28. elem.prev = null;
  29. elem.parent = null;
  30. }
  31. /**
  32. * Replace an element in the dom
  33. *
  34. * @category Manipulation
  35. * @param elem The element to be replaced
  36. * @param replacement The element to be added
  37. */
  38. function replaceElement(elem, replacement) {
  39. var prev = (replacement.prev = elem.prev);
  40. if (prev) {
  41. prev.next = replacement;
  42. }
  43. var next = (replacement.next = elem.next);
  44. if (next) {
  45. next.prev = replacement;
  46. }
  47. var parent = (replacement.parent = elem.parent);
  48. if (parent) {
  49. var childs = parent.children;
  50. childs[childs.lastIndexOf(elem)] = replacement;
  51. elem.parent = null;
  52. }
  53. }
  54. /**
  55. * Append a child to an element.
  56. *
  57. * @category Manipulation
  58. * @param parent The element to append to.
  59. * @param child The element to be added as a child.
  60. */
  61. function appendChild(parent, child) {
  62. removeElement(child);
  63. child.next = null;
  64. child.parent = parent;
  65. if (parent.children.push(child) > 1) {
  66. var sibling = parent.children[parent.children.length - 2];
  67. sibling.next = child;
  68. child.prev = sibling;
  69. }
  70. else {
  71. child.prev = null;
  72. }
  73. }
  74. /**
  75. * Append an element after another.
  76. *
  77. * @category Manipulation
  78. * @param elem The element to append after.
  79. * @param next The element be added.
  80. */
  81. function append(elem, next) {
  82. removeElement(next);
  83. var parent = elem.parent;
  84. var currNext = elem.next;
  85. next.next = currNext;
  86. next.prev = elem;
  87. elem.next = next;
  88. next.parent = parent;
  89. if (currNext) {
  90. currNext.prev = next;
  91. if (parent) {
  92. var childs = parent.children;
  93. childs.splice(childs.lastIndexOf(currNext), 0, next);
  94. }
  95. }
  96. else if (parent) {
  97. parent.children.push(next);
  98. }
  99. }
  100. /**
  101. * Prepend a child to an element.
  102. *
  103. * @category Manipulation
  104. * @param parent The element to prepend before.
  105. * @param child The element to be added as a child.
  106. */
  107. function prependChild(parent, child) {
  108. removeElement(child);
  109. child.parent = parent;
  110. child.prev = null;
  111. if (parent.children.unshift(child) !== 1) {
  112. var sibling = parent.children[1];
  113. sibling.prev = child;
  114. child.next = sibling;
  115. }
  116. else {
  117. child.next = null;
  118. }
  119. }
  120. /**
  121. * Prepend an element before another.
  122. *
  123. * @category Manipulation
  124. * @param elem The element to prepend before.
  125. * @param prev The element be added.
  126. */
  127. function prepend(elem, prev) {
  128. removeElement(prev);
  129. var parent = elem.parent;
  130. if (parent) {
  131. var childs = parent.children;
  132. childs.splice(childs.indexOf(elem), 0, prev);
  133. }
  134. if (elem.prev) {
  135. elem.prev.next = prev;
  136. }
  137. prev.parent = parent;
  138. prev.prev = elem.prev;
  139. prev.next = elem;
  140. elem.prev = prev;
  141. }
  142. //# sourceMappingURL=manipulation.js.map