Re-modularize javascript.

This moves almost everything out of globals.ts, into sepparate files.
Things are still slightly to tightly coupled. But that is worked on.

1 files changed, 30 insertions, 0 deletions

diff --git a/static/elements.ts b/static/elements.ts
new file mode 100644
index 00000000..06e0e31f
--- /dev/null
+++ b/static/elements.ts
@@ -0,0 +1,30 @@
+import { ComponentDescription } from './components/vevent-description'
+import { ComponentEdit } from './components/vevent-edit'
+import { VEventDL } from './components/vevent-dl'
+import { ComponentBlock } from './components/vevent-block'
+import { DateTimeInput } from './components/date-time-input'
+import { PopupElement } from './components/popup-element'
+import { TabElement } from './components/tab-element'
+
+export { initialize_components }
+
+function initialize_components() {
+
+
+    /* These MUST be created AFTER vcal_objcets and event_calendar_mapping are
+    inistialized, since their constructors assume that that piece of global
+    state is available */
+    customElements.define('vevent-description', ComponentDescription);
+    customElements.define('vevent-edit', ComponentEdit);
+    customElements.define('vevent-dl', VEventDL);
+    customElements.define('vevent-block', ComponentBlock);
+
+    /* date-time-input should be instansiatable any time, but we do it here
+    becouse why not */
+
+    customElements.define('date-time-input', DateTimeInput /*, { extends: 'input' } */)
+
+    /* These maybe also require that the global maps are initialized */
+    customElements.define('popup-element', PopupElement)
+    customElements.define('tab-element', TabElement)
+}