Start modal, page, form, form fields, logical components, session service, login page

src/logical/Logical.component.ts

@@ -0,0 +1,15 @@
+import {ExComponent} from '../ExComponent.js'
+
+export abstract class LogicalComponent extends ExComponent {
+    protected static styles = `
+        <style>
+            :host {
+                display: none;
+            }
+        </style>
+    `
+
+    public value(): string {
+        return this.innerText.trim()
+    }
+}

src/logical/Session.component.ts

@@ -0,0 +1,19 @@
+import {LogicalComponent} from './Logical.component.js'
+import {Component} from '../decorators.js'
+
+@Component('ex-session')
+export class SessionComponent extends LogicalComponent {
+    mount() {
+        super.mount()
+
+        ;(window as any).session = this.session()
+
+        try {
+            const data = JSON.parse(this.value())
+            this.session().populate(data)
+        } catch (e) {
+            console.error('Error parsing JSON session data!', this.value())  // eslint-disable-line no-console
+            throw e
+        }
+    }
+}