You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 lines
3.1 KiB
128 lines
3.1 KiB
/** |
|
* Remove an element from the dom |
|
* |
|
* @category Manipulation |
|
* @param elem The element to be removed |
|
*/ |
|
export function removeElement(elem) { |
|
if (elem.prev) |
|
elem.prev.next = elem.next; |
|
if (elem.next) |
|
elem.next.prev = elem.prev; |
|
if (elem.parent) { |
|
const childs = elem.parent.children; |
|
childs.splice(childs.lastIndexOf(elem), 1); |
|
} |
|
} |
|
/** |
|
* Replace an element in the dom |
|
* |
|
* @category Manipulation |
|
* @param elem The element to be replaced |
|
* @param replacement The element to be added |
|
*/ |
|
export function replaceElement(elem, replacement) { |
|
const prev = (replacement.prev = elem.prev); |
|
if (prev) { |
|
prev.next = replacement; |
|
} |
|
const next = (replacement.next = elem.next); |
|
if (next) { |
|
next.prev = replacement; |
|
} |
|
const parent = (replacement.parent = elem.parent); |
|
if (parent) { |
|
const childs = parent.children; |
|
childs[childs.lastIndexOf(elem)] = replacement; |
|
elem.parent = null; |
|
} |
|
} |
|
/** |
|
* Append a child to an element. |
|
* |
|
* @category Manipulation |
|
* @param elem The element to append to. |
|
* @param child The element to be added as a child. |
|
*/ |
|
export function appendChild(elem, child) { |
|
removeElement(child); |
|
child.next = null; |
|
child.parent = elem; |
|
if (elem.children.push(child) > 1) { |
|
const sibling = elem.children[elem.children.length - 2]; |
|
sibling.next = child; |
|
child.prev = sibling; |
|
} |
|
else { |
|
child.prev = null; |
|
} |
|
} |
|
/** |
|
* Append an element after another. |
|
* |
|
* @category Manipulation |
|
* @param elem The element to append after. |
|
* @param next The element be added. |
|
*/ |
|
export function append(elem, next) { |
|
removeElement(next); |
|
const { parent } = elem; |
|
const currNext = elem.next; |
|
next.next = currNext; |
|
next.prev = elem; |
|
elem.next = next; |
|
next.parent = parent; |
|
if (currNext) { |
|
currNext.prev = next; |
|
if (parent) { |
|
const childs = parent.children; |
|
childs.splice(childs.lastIndexOf(currNext), 0, next); |
|
} |
|
} |
|
else if (parent) { |
|
parent.children.push(next); |
|
} |
|
} |
|
/** |
|
* Prepend a child to an element. |
|
* |
|
* @category Manipulation |
|
* @param elem The element to prepend before. |
|
* @param child The element to be added as a child. |
|
*/ |
|
export function prependChild(elem, child) { |
|
removeElement(child); |
|
child.parent = elem; |
|
child.prev = null; |
|
if (elem.children.unshift(child) !== 1) { |
|
const sibling = elem.children[1]; |
|
sibling.prev = child; |
|
child.next = sibling; |
|
} |
|
else { |
|
child.next = null; |
|
} |
|
} |
|
/** |
|
* Prepend an element before another. |
|
* |
|
* @category Manipulation |
|
* @param elem The element to prepend before. |
|
* @param prev The element be added. |
|
*/ |
|
export function prepend(elem, prev) { |
|
removeElement(prev); |
|
const { parent } = elem; |
|
if (parent) { |
|
const childs = parent.children; |
|
childs.splice(childs.indexOf(elem), 0, prev); |
|
} |
|
if (elem.prev) { |
|
elem.prev.next = prev; |
|
} |
|
prev.parent = parent; |
|
prev.prev = elem.prev; |
|
prev.next = elem; |
|
elem.prev = prev; |
|
} |
|
//# sourceMappingURL=manipulation.js.map
|