hybrids/src/parent.js

A JavaScript framework for creating fully-featured web applications, components libraries, and single web components with unique declarative and functional architecture

import { constructors } from "./define.js";

function walk(host, fn) {
  let parentElement = host.parentElement || host.parentNode.host;

  while (parentElement) {
    const hybrids = constructors.get(parentElement.constructor);

    if (hybrids && fn(hybrids, host)) {
      return parentElement;
    }

    parentElement =
      parentElement.parentElement ||
      (parentElement.parentNode && parentElement.parentNode.host);
  }

  return parentElement || null;
}

export default function parent(hybridsOrFn) {
  const fn =
    typeof hybridsOrFn === "function"
      ? hybridsOrFn
      : (hybrids) => hybrids === hybridsOrFn;
  return {
    value: (host) => walk(host, fn),
    connect(host, key, invalidate) {
      return invalidate;
    },
  };
}