@microsoft/fast-html 1.0.0-alpha.11 → 1.0.0-alpha.13

package/dist/esm/fixtures/when/main.js

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from "tslib";
-import { TemplateElement } from "@microsoft/fast-html";
-import { attr, FASTElement } from "@microsoft/fast-element";
-class TestElement extends FASTElement {
+import { RenderableFASTElement, TemplateElement } from "@microsoft/fast-html";
+import { attr } from "@microsoft/fast-element";
+class TestElement extends RenderableFASTElement {
     constructor() {
         super(...arguments);
         this.show = false;
@@ -13,8 +13,9 @@ __decorate([
 ], TestElement.prototype, "show", void 0);
 TestElement.define({
     name: "test-element",
+    shadowOptions: null,
 });
-class TestElementNot extends FASTElement {
+class TestElementNot extends RenderableFASTElement {
     constructor() {
         super(...arguments);
         this.hide = false;
@@ -26,8 +27,9 @@ __decorate([
 ], TestElementNot.prototype, "hide", void 0);
 TestElementNot.define({
     name: "test-element-not",
+    shadowOptions: null,
 });
-class TestElementEquals extends FASTElement {
+class TestElementEquals extends RenderableFASTElement {
     constructor() {
         super(...arguments);
         this.varA = 0;
@@ -39,8 +41,9 @@ __decorate([
 ], TestElementEquals.prototype, "varA", void 0);
 TestElementEquals.define({
     name: "test-element-equals",
+    shadowOptions: null,
 });
-class TestElementNotEquals extends FASTElement {
+class TestElementNotEquals extends RenderableFASTElement {
     constructor() {
         super(...arguments);
         this.varA = 0;
@@ -52,8 +55,9 @@ __decorate([
 ], TestElementNotEquals.prototype, "varA", void 0);
 TestElementNotEquals.define({
     name: "test-element-not-equals",
+    shadowOptions: null,
 });
-class TestElementGe extends FASTElement {
+class TestElementGe extends RenderableFASTElement {
     constructor() {
         super(...arguments);
         this.varA = 0;
@@ -65,8 +69,9 @@ __decorate([
 ], TestElementGe.prototype, "varA", void 0);
 TestElementGe.define({
     name: "test-element-ge",
+    shadowOptions: null,
 });
-class TestElementGt extends FASTElement {
+class TestElementGt extends RenderableFASTElement {
     constructor() {
         super(...arguments);
         this.varA = 0;
@@ -78,8 +83,9 @@ __decorate([
 ], TestElementGt.prototype, "varA", void 0);
 TestElementGt.define({
     name: "test-element-gt",
+    shadowOptions: null,
 });
-class TestElementLe extends FASTElement {
+class TestElementLe extends RenderableFASTElement {
     constructor() {
         super(...arguments);
         this.varA = 0;
@@ -91,8 +97,9 @@ __decorate([
 ], TestElementLe.prototype, "varA", void 0);
 TestElementLe.define({
     name: "test-element-le",
+    shadowOptions: null,
 });
-class TestElementLt extends FASTElement {
+class TestElementLt extends RenderableFASTElement {
     constructor() {
         super(...arguments);
         this.varA = 0;
@@ -104,8 +111,9 @@ __decorate([
 ], TestElementLt.prototype, "varA", void 0);
 TestElementLt.define({
     name: "test-element-lt",
+    shadowOptions: null,
 });
-class TestElementOr extends FASTElement {
+class TestElementOr extends RenderableFASTElement {
     constructor() {
         super(...arguments);
         this.thisVar = false;
@@ -122,8 +130,9 @@ __decorate([
 ], TestElementOr.prototype, "thatVar", void 0);
 TestElementOr.define({
     name: "test-element-or",
+    shadowOptions: null,
 });
-class TestElementAnd extends FASTElement {
+class TestElementAnd extends RenderableFASTElement {
     constructor() {
         super(...arguments);
         this.thisVar = false;
@@ -142,57 +151,6 @@ TestElementAnd.define({
     name: "test-element-and",
     shadowOptions: null,
 });
-TemplateElement.options({
-    "test-element": {
-        shadowOptions: {
-            mode: "closed",
-        },
-    },
-    "test-element-not": {
-        shadowOptions: {
-            mode: "closed",
-        },
-    },
-    "test-element-equals": {
-        shadowOptions: {
-            mode: "closed",
-        },
-    },
-    "test-element-not-equals": {
-        shadowOptions: {
-            mode: "closed",
-        },
-    },
-    "test-element-ge": {
-        shadowOptions: {
-            mode: "closed",
-        },
-    },
-    "test-element-gt": {
-        shadowOptions: {
-            mode: "closed",
-        },
-    },
-    "test-element-le": {
-        shadowOptions: {
-            mode: "closed",
-        },
-    },
-    "test-element-lt": {
-        shadowOptions: {
-            mode: "closed",
-        },
-    },
-    "test-element-or": {
-        shadowOptions: {
-            mode: "closed",
-        },
-    },
-    "test-element-and": {
-        shadowOptions: {
-            mode: "closed",
-        },
-    },
-}).define({
+TemplateElement.define({
     name: "f-template",
 });

package/dist/esm/index.js

@@ -1,4 +1,4 @@
 import { FAST } from "@microsoft/fast-element";
 import { debugMessages } from "./debug.js";
 FAST.addMessages(debugMessages);
-export { TemplateElement } from "./components/index.js";
+export { RenderableFASTElement, TemplateElement } from "./components/index.js";