import debug from "debug";

import { css, html, LitElement } from "lit";

import { customElement, property } from "lit/decorators.js";

import { classMap } from "lit/directives/class-map.js";

import { NamedNode } from "n3";

import Sylvester from "sylvester";

import { Zoom } from "../web/light9-timeline-audio";

import { PlainViewState } from "../web/Light9CursorCanvas";

import { getTopGraph } from "../web/RdfdbSyncedGraph";

import { SyncedGraph } from "../web/SyncedGraph";

import { TimingUpdate } from "./main";

export { Light9TimelineAudio } from "../web/light9-timeline-audio";

export { Light9CursorCanvas } from "../web/Light9CursorCanvas";

export { RdfdbSyncedGraph } from "../web/RdfdbSyncedGraph";

export { ResourceDisplay } from "../web/ResourceDisplay";

const $V = Sylvester.Vector.create;

debug.enable("*");

const log = debug("asco");

function byId(id: string): HTMLElement {

  return document.getElementById(id)!;

}