Upgraded to new IgniteHtml register element.

app-bar.js

@@ -1,3 +1,4 @@
+import { IgniteHtml } from "../ignite-html/ignite-html.js";
 import { IgniteElement } from "../ignite-html/ignite-element.js";
 import { IgniteTemplate, div, h1, slot, button, list } from "../ignite-html/ignite-template.js";
 import { IgniteProperty } from "../ignite-html/ignite-html.js";
@@ -53,8 +54,8 @@ class AppBarTemplate extends IgniteTemplate {
     }
 }
 
+IgniteHtml.register("mt-app-bar", AppBar);
+
 export {
     AppBarTemplate as AppBar
-};
+}
-
-customElements.define("mt-app-bar", AppBar);

chip-list.js

@@ -1,3 +1,4 @@
+import { IgniteHtml } from '../ignite-html/ignite-html.js';
 import { IgniteElement } from "../ignite-html/ignite-element.js";
 import { IgniteTemplate, list, div, input, button, h4, span } from "../ignite-html/ignite-template.js";
 import { Chip } from "./chip.js";
@@ -301,7 +302,7 @@ class ChipListTemplate extends IgniteTemplate {
     }
 }
 
-customElements.define("mt-chip-list", ChipList);
+IgniteHtml.register("mt-chip-list", ChipList);
 
 export {
     ChipListTemplate as ChipList

chip.js

@@ -1,3 +1,4 @@
+import { IgniteHtml } from '../ignite-html/ignite-html.js';
 import { IgniteElement } from "../ignite-html/ignite-element.js";
 import { IgniteTemplate, slot, button, span } from "../ignite-html/ignite-template.js";
 
@@ -60,7 +61,7 @@ class ChipTemplate extends IgniteTemplate {
     }
 }
 
-customElements.define("mt-chip", Chip);
+IgniteHtml.register("mt-chip", Chip);
 
 export {
     ChipTemplate as Chip

circular-progress.js

@@ -1,3 +1,4 @@
+import { IgniteHtml } from '../ignite-html/ignite-html.js';
 import { IgniteElement } from "../ignite-html/ignite-element.js";
 import { IgniteTemplate, slot, div, svg, circle } from "../ignite-html/ignite-template.js";
 
@@ -103,7 +104,7 @@ class CircularProgressTemplate extends IgniteTemplate {
     }
 }
 
-customElements.define("mt-circular-progress", CircularProgress);
+IgniteHtml.register("mt-circular-progress", CircularProgress);
 
 export {
     CircularProgressTemplate as CircularProgress

collapsable-region.js

@@ -1,3 +1,4 @@
+import { IgniteHtml } from '../ignite-html/ignite-html.js';
 import { IgniteElement } from "../ignite-html/ignite-element.js";
 import { IgniteTemplate, div, slot } from "../ignite-html/ignite-template.js";
 
@@ -40,8 +41,8 @@ class CollapsableRegionTemplate extends IgniteTemplate {
     }
 }
 
-customElements.define("mt-collapsable-region", CollapsableRegion);
+IgniteHtml.register("mt-collapsable-region", CollapsableRegion);
 
 export {
     CollapsableRegionTemplate as CollapsableRegion
-};
+}

drawer.js

@@ -1,3 +1,4 @@
+import { IgniteHtml } from '../ignite-html/ignite-html.js';
 import { IgniteElement } from "../ignite-html/ignite-element.js";
 import { IgniteTemplate, div, h1, slot, button } from "../ignite-html/ignite-template.js";
 import { IgniteProperty } from "../ignite-html/ignite-html.js";
@@ -225,8 +226,8 @@ class DrawerTemplate extends IgniteTemplate {
     }
 }
 
+IgniteHtml.register("mt-drawer", Drawer);
+
 export {
     DrawerTemplate as Drawer
-};
+}
-
-customElements.define("mt-drawer", Drawer);

editable-image.js

@@ -1,3 +1,4 @@
+import { IgniteHtml } from '../ignite-html/ignite-html.js';
 import { IgniteElement } from "../ignite-html/ignite-element.js";
 import { IgniteTemplate, button, div, img, input } from "../ignite-html/ignite-template.js";
 
@@ -98,8 +99,8 @@ class EditableImageTemplate extends IgniteTemplate {
     }
 }
 
-customElements.define("mt-editable-image", EditableImage);
+IgniteHtml.register("mt-editable-image", EditableImage);
 
 export {
     EditableImageTemplate as EditableImage
-};
+}

editable-label.js

@@ -1,3 +1,4 @@
+import { IgniteHtml } from '../ignite-html/ignite-html.js';
 import { IgniteElement } from "../ignite-html/ignite-element.js";
 import { IgniteTemplate, button, ul, slot, span, div } from "../ignite-html/ignite-template.js";
 import { IgniteProperty } from "../ignite-html/ignite-html.js";
@@ -157,8 +158,8 @@ class EditableLabelTemplate extends IgniteTemplate {
     }
 }
 
-customElements.define("mt-editable-label", EditableLabel);
+IgniteHtml.register("mt-editable-label", EditableLabel);
 
 export {
     EditableLabelTemplate as EditableLabel
-};
+}

icon-tabs.js

@@ -1,3 +1,4 @@
+import { IgniteHtml } from '../ignite-html/ignite-html.js';
 import { IgniteElement } from "../ignite-html/ignite-element.js";
 import { IgniteTemplate, slot, list, div } from "../ignite-html/ignite-template.js";
 import { IgniteProperty } from "../ignite-html/ignite-html.js";
@@ -43,8 +44,8 @@ class IconTabsTemplate extends IgniteTemplate {
     }
 }
 
-customElements.define("mt-icon-tabs", IconTabs);
+IgniteHtml.register("mt-icon-tabs", IconTabs);
 
 export {
     IconTabsTemplate as IconTabs
-};
+}

linear-progress.js

@@ -1,3 +1,4 @@
+import { IgniteHtml } from '../ignite-html/ignite-html.js';
 import { IgniteElement } from "../ignite-html/ignite-element.js";
 import { IgniteTemplate, slot, div, svg, circle } from "../ignite-html/ignite-template.js";
 
@@ -83,7 +84,7 @@ class LinearProgressTemplate extends IgniteTemplate {
     }
 }
 
-customElements.define("mt-linear-progress", LinearProgress);
+IgniteHtml.register("mt-linear-progress", LinearProgress);
 
 export {
     LinearProgressTemplate as LinearProgress

pagination-list.js

@@ -1,3 +1,4 @@
+import { IgniteHtml } from '../ignite-html/ignite-html.js';
 import { IgniteElement } from "../ignite-html/ignite-element.js";
 import { IgniteTemplate, button, ul, slot, span, div, list, html, pagination, population } from "../ignite-html/ignite-template.js";
 import { IgniteProperty } from "../ignite-html/ignite-html.js";
@@ -132,8 +133,8 @@ class PaginationListTemplate extends IgniteTemplate {
     }
 }
 
-customElements.define("mt-pagination-list", PaginationList);
+IgniteHtml.register("mt-pagination-list", PaginationList);
 
 export {
     PaginationListTemplate as PaginationList
-};
+}

popper.js

@@ -1,3 +1,4 @@
+import { IgniteHtml } from '../ignite-html/ignite-html.js';
 import { IgniteElement } from "../ignite-html/ignite-element.js";
 import { IgniteTemplate, slot } from "../ignite-html/ignite-template.js";
 import { IgniteProperty } from "../ignite-html/ignite-html.js";
@@ -82,7 +83,7 @@ class Popper extends IgniteElement {
     }
 }
 
-customElements.define("mt-popper", Popper);
+IgniteHtml.register("mt-popper", Popper);
 
 class PopperTemplate extends IgniteTemplate {
     constructor(...children) {