mirror of
https://github.com/tenrok/OverlayScrollbars.git
synced 2026-05-17 05:39:40 +03:00
Rene Haas
86 lines
3.1 KiB
JavaScript
86 lines
3.1 KiB
JavaScript
import { isArrayLike } from '../utils/types';
|
|
import { each, from } from '../utils/array';
|
|
import { parent } from './traversal';
|
|
/**
|
|
* Inserts Nodes before the given preferredAnchor element.
|
|
* @param parentElm The parent of the preferredAnchor element or the element which shall be the parent of the inserted Nodes.
|
|
* @param preferredAnchor The element before which the Nodes shall be inserted or null if the elements shall be appended at the end.
|
|
* @param insertedElms The Nodes which shall be inserted.
|
|
*/
|
|
const before = (parentElm, preferredAnchor, insertedElms) => {
|
|
if (insertedElms && parentElm) {
|
|
let anchor = preferredAnchor;
|
|
let fragment;
|
|
if (isArrayLike(insertedElms)) {
|
|
fragment = document.createDocumentFragment();
|
|
// append all insertedElms to the fragment and if one of these is the anchor, change the anchor
|
|
each(insertedElms, (insertedElm) => {
|
|
if (insertedElm === anchor) {
|
|
anchor = insertedElm.previousSibling;
|
|
}
|
|
fragment.appendChild(insertedElm);
|
|
});
|
|
}
|
|
else {
|
|
fragment = insertedElms;
|
|
}
|
|
// if the preferred anchor isn't null set it to a valid anchor
|
|
if (preferredAnchor) {
|
|
if (!anchor) {
|
|
anchor = parentElm.firstChild;
|
|
}
|
|
else if (anchor !== preferredAnchor) {
|
|
anchor = anchor.nextSibling;
|
|
}
|
|
}
|
|
parentElm.insertBefore(fragment, anchor || null);
|
|
}
|
|
};
|
|
/**
|
|
* Appends the given children at the end of the given Node.
|
|
* @param node The Node to which the children shall be appended.
|
|
* @param children The Nodes which shall be appended.
|
|
*/
|
|
export const appendChildren = (node, children) => {
|
|
before(node, null, children);
|
|
};
|
|
/**
|
|
* Prepends the given children at the start of the given Node.
|
|
* @param node The Node to which the children shall be prepended.
|
|
* @param children The Nodes which shall be prepended.
|
|
*/
|
|
export const prependChildren = (node, children) => {
|
|
before(node, node && node.firstChild, children);
|
|
};
|
|
/**
|
|
* Inserts the given Nodes before the given Node.
|
|
* @param node The Node before which the given Nodes shall be inserted.
|
|
* @param insertedNodes The Nodes which shall be inserted.
|
|
*/
|
|
export const insertBefore = (node, insertedNodes) => {
|
|
before(parent(node), node, insertedNodes);
|
|
};
|
|
/**
|
|
* Inserts the given Nodes after the given Node.
|
|
* @param node The Node after which the given Nodes shall be inserted.
|
|
* @param insertedNodes The Nodes which shall be inserted.
|
|
*/
|
|
export const insertAfter = (node, insertedNodes) => {
|
|
before(parent(node), node && node.nextSibling, insertedNodes);
|
|
};
|
|
/**
|
|
* Removes the given Nodes from their parent.
|
|
* @param nodes The Nodes which shall be removed.
|
|
*/
|
|
export const removeElements = (nodes) => {
|
|
if (isArrayLike(nodes)) {
|
|
each(from(nodes), (e) => removeElements(e));
|
|
}
|
|
else if (nodes) {
|
|
const parentElm = parent(nodes);
|
|
if (parentElm) {
|
|
parentElm.removeChild(nodes);
|
|
}
|
|
}
|
|
};
|
|
//# sourceMappingURL=manipulation.js.map
|