import { kebabCase } from "/js/utils.js";

export class Component extends HTMLElement {
  static register() {
    const tagName = kebabCase(this.name);
    try {
      customElements.define(tagName, this);
    } catch (e) {
      console.error(`Could not register component ${tagName}`, e);
      throw e;
    }
  }
}

export function getChildrenFragment(node) {
  const fragment = document.createDocumentFragment();
  const children = [...node.childNodes];
  children.forEach((child) => {
    fragment.appendChild(child);
  });
  return fragment;
}