change to lit-html

src/common/core/BaseElement/BaseElement.ts

@@ -1,4 +1,4 @@
-import { html, render, TemplateResult } from "@github/jtml";
+import { html, render, TemplateResult } from "lit-html";
 import {
     AppLoaderElement,
     AppMainElement,
@@ -80,7 +80,7 @@ class BaseElement extends HTMLElement {
         });
     };
 
-    render = (): TemplateResult => {
+    render = (): TemplateResult | Temp => {
         return html``;
     };
 

src/common/pages/BasePageElement/BasePageElement.ts

@@ -1,5 +1,5 @@
 import { attr } from "@github/catalyst";
-import { html, render } from "@github/jtml";
+import { html, render } from "lit-html";
 import { BaseElement } from "common/";
 import { isTrue } from "core/utils";
 
@@ -28,7 +28,7 @@ class BasePageElement extends BaseElement {
     update = (): void => {
         const _render = () => html` ${this.renderTitle()} ${this.render()} `;
         render(_render(), this);
-        this.bindEvents();
+        this.bindEvents("app-action");
         this.updateCallback();
     };
 

src/components/app-dropdown/AppDropdownElement.ts

@@ -1,6 +1,6 @@
 import { attr, controller, target } from "@github/catalyst";
 import { findMethod, firstUpper } from "core/utils";
-import { html } from "@github/jtml";
+import { html } from "lit-html";
 import randomId from "core/utils/random-id";
 import validator from "validator";
 import { validatorErrors } from "core/constants";

src/components/app-form/AppFormElement.ts

@@ -1,5 +1,5 @@
 import { attr, controller, target } from "@github/catalyst";
-import { html, TemplateResult, unsafeHTML } from "@github/jtml";
+import { html, TemplateResult, unsafeHTML } from "lit-html";
 import { BaseComponentElement } from "common/";
 import { AppDropdownElement } from "components/app-dropdown/AppDropdownElement";
 import { InputFieldElement } from "components/input-field/InputFieldElement";

src/components/app-link/AppLinkElement.ts

@@ -1,6 +1,6 @@
 import { attr, controller, target } from "@github/catalyst";
 import { isTrue } from "core/utils";
-import { html, TemplateResult } from "@github/jtml";
+import { html, TemplateResult } from "lit-html";
 import { AppMainElement } from "components/app-main/AppMainElement";
 import { RouterService } from "core/services";
 import { BaseComponentElement } from "common/";

src/components/app-loader/AppLoaderElement.ts

@@ -1,5 +1,5 @@
 import { controller, target } from "@github/catalyst";
-import { html } from "@github/jtml";
+import { html } from "lit-html";
 import { BaseComponentElement } from "common/";
 
 @controller

src/components/app-menu/AppMenuElement.ts

@@ -1,5 +1,5 @@
 import { controller, target } from "@github/catalyst";
-import { html, TemplateResult } from "@github/jtml";
+import { html, TemplateResult } from "lit-html";
 import { BaseComponentElement } from "common/";
 import { AppMainElement } from "components/app-main/AppMainElement";
 import { MenuItemElement } from "components/menu-item/MenuItemElement";

src/components/app-pagination/AppPaginationElement.ts

@@ -1,5 +1,5 @@
 import { attr, controller, target } from "@github/catalyst";
-import { html, TemplateResult } from "@github/jtml";
+import { html, TemplateResult } from "lit-html";
 import { BaseComponentElement } from "common/";
 import { CircleLoaderElement } from "components/circle-loader/CircleLoaderElement";
 

src/components/circle-loader/CircleLoaderElement.ts

@@ -1,5 +1,5 @@
 import { attr, controller } from "@github/catalyst";
-import { html } from "@github/jtml";
+import { html } from "lit-html";
 import { BaseComponentElement } from "common/";
 
 @controller

src/components/input-field/InputFieldElement.ts

@@ -1,6 +1,6 @@
 import { attr, controller, target } from "@github/catalyst";
 import { closest, firstUpper } from "core/utils";
-import { html, TemplateResult } from "@github/jtml";
+import { html, TemplateResult } from "lit-html";
 import { RouterService } from "core/services";
 import randomId from "core/utils/random-id";
 import validator from "validator";

src/components/menu-item/MenuItemElement.ts

@@ -1,5 +1,5 @@
 import { attr, controller, target } from "@github/catalyst";
-import { html, TemplateResult } from "@github/jtml";
+import { html, TemplateResult } from "lit-html";
 import { AppMainElement } from "components/app-main/AppMainElement";
 import { BaseComponentElement } from "common/";
 

src/components/wallet-header/WalletHeaderElement.ts

@@ -1,5 +1,5 @@
 import { attr, controller, target } from "@github/catalyst";
-import { html, TemplateResult } from "@github/jtml";
+import { html, TemplateResult } from "lit-html";
 import { BaseComponentElement } from "common/";
 import { CircleLoaderElement } from "components/circle-loader/CircleLoaderElement";
 import { findMethod } from "core/utils";

src/layouts/initial-layout/InitialLayoutElement.ts

@@ -1,6 +1,6 @@
 import { controller, target } from "@github/catalyst";
 import { closest } from "core/utils";
-import { html, TemplateResult } from "@github/jtml";
+import { html, TemplateResult } from "lit-html";
 import { BaseLayoutElement } from "common/layouts";
 import { AppMainElement } from "components/";
 

src/layouts/menu-layout/MenuLayoutElement.ts

@@ -1,6 +1,6 @@
 import { controller, target } from "@github/catalyst";
 import { closest } from "core/utils";
-import { html, TemplateResult } from "@github/jtml";
+import { html, TemplateResult } from "lit-html";
 import { BaseLayoutElement } from "common/layouts";
 import { AppMainElement } from "components/";
 

src/pages/history-page/HistoryPageElement.ts

@@ -1,5 +1,5 @@
 import { controller, target } from "@github/catalyst";
-import { html, TemplateResult } from "@github/jtml";
+import { html, TemplateResult } from "lit-html";
 import { TransactionsService } from "services/";
 import { AppMainElement, AppPaginationElement } from "components/";
 import { BasePageElement } from "common/";

src/pages/home-page/HomePageElement.ts

@@ -1,5 +1,5 @@
 import { controller, target } from "@github/catalyst";
-import { html, TemplateResult, until } from "@github/jtml";
+import { html, TemplateResult, until } from "lit-html";
 import { WalletService } from "services/";
 import { AppMainElement, WalletHeaderElement } from "components/";
 import { BasePageElement } from "common/";

src/pages/login-page/LoginPageElement.ts

@@ -1,5 +1,6 @@
 import { targets, controller, target } from "@github/catalyst";
-import { html, TemplateResult } from "@github/jtml";
+//import { html, TemplateResult } from "lit-html";
+import { html, render, TemplateResult } from "lit-html";
 import { AuthService } from "services/";
 import { AppFormElement, InputFieldElement } from "components/";
 import { RouterService } from "core/services";

src/pages/not-found/NotFoundElement.ts

@@ -1,5 +1,5 @@
 import { controller } from "@github/catalyst";
-import { html, TemplateResult } from "@github/jtml";
+import { html, TemplateResult } from "lit-html";
 import { BasePageElement } from "common/";
 
 @controller

src/pages/register-page/RegisterPageElement.ts

@@ -1,5 +1,5 @@
 import { targets, controller } from "@github/catalyst";
-import { html, TemplateResult } from "@github/jtml";
+import { html, TemplateResult } from "lit-html";
 import { AuthService } from "services/";
 import { InputFieldElement } from "components/";
 import { BasePageElement } from "common/";

src/pages/transaction-create/TransactionCreateElement.ts

@@ -1,5 +1,5 @@
 import { targets, controller } from "@github/catalyst";
-import { html, TemplateResult } from "@github/jtml";
+import { html, TemplateResult } from "lit-html";
 import { AuthService, TransactionsService, WalletService } from "services/";
 import { InputFieldElement } from "components/";
 import { RouterService } from "core/services";

src/pages/wallet-create/WalletCreateElement.ts

@@ -1,5 +1,5 @@
 import { targets, controller } from "@github/catalyst";
-import { html, TemplateResult } from "@github/jtml";
+import { html, TemplateResult } from "lit-html";
 import { AuthService, WalletService } from "services/";
 import { InputFieldElement } from "components/";
 import { RouterService } from "core/services";

src/pages/wallet-list/WalletListElement.ts

@@ -1,5 +1,5 @@
 import { targets, controller, target } from "@github/catalyst";
-import { html, TemplateResult } from "@github/jtml";
+import { html, TemplateResult } from "lit-html";
 import { AuthService, WalletService } from "services/";
 import { AppPaginationElement, InputFieldElement } from "components/";
 import { BasePageElement } from "common/";

src/pages/wallet-page/WalletPageElement.ts

@@ -1,5 +1,5 @@
 import { controller, target } from "@github/catalyst";
-import { html, TemplateResult } from "@github/jtml";
+import { html, TemplateResult } from "lit-html";
 import { TransactionsService, WalletService } from "services/";
 import {
     AppMainElement,