Function remove

src/index.ts:662–740

* Animates the removal of an element. * @param el - Element to remove

(el: Element)

 * @param el - Element to remove
 */
function remove(el: Element) {
  if (!siblings.has(el) || !coords.has(el)) return

  const [prev, next] = siblings.get(el)!
  Object.defineProperty(el, DEL, { value: true, configurable: true })
  const finalX = window.scrollX
  const finalY = window.scrollY

  if (
    next &&
    (next.parentNode as any) &&
    (next.parentNode as any) instanceof Element
  ) {
    ;(next.parentNode as Element).insertBefore(el, next)
  } else if (prev && (prev.parentNode as any)) {
    ;(prev.parentNode as Element).appendChild(el)
  } else {
    getTarget(el)?.appendChild(el)
  }
  if (!isEnabled(el)) return cleanUp(el)

  const [top, left, width, height] = deletePosition(el)
  const optionsOrPlugin = getOptions(el)
  const oldCoords = coords.get(el)!
  if (finalX !== scrollX || finalY !== scrollY) {
    adjustScroll(el, finalX, finalY, optionsOrPlugin)
  }

  let animation: Animation
  let styleReset: Partial<CSSStyleDeclaration> = {
    position: "absolute",
    top: `${top}px`,
    left: `${left}px`,
    width: `${width}px`,
    height: `${height}px`,
    margin: "0",
    pointerEvents: "none",
    transformOrigin: "center",
    zIndex: "100",
  }

  if (!isPlugin(optionsOrPlugin)) {
    Object.assign((el as HTMLElement).style, styleReset)
    animation = (el as HTMLElement).animate(
      [
        {
          transform: "scale(1)",
          opacity: 1,
        },
        {
          transform: "scale(.98)",
          opacity: 0,
        },
      ],
      {
        duration: (optionsOrPlugin as AutoAnimateOptions).duration,
        easing: "ease-out",
      },