@genesislcap/foundation-entity-management 14.143.3-alpha-47707bd.0 → 14.144.0

package/dist/custom-elements.json

@@ -44,6 +44,14 @@
             "name": "*",
             "package": "./utils"
           }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./main/index"
+          }
         }
       ]
     },
@@ -810,6 +818,55 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/layouts/default.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "loginLayout",
+          "default": "new FASTElementLayout(\n  html`\n    <div class=\"container\">\n      <div class=\"content\">\n        <slot></slot>\n      </div>\n    </div>\n  `,\n  baseLayoutCss,\n)"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultLayout",
+          "default": "new FASTElementLayout(\n  html`\n    <div class=\"container\">\n      <div class=\"content\">\n        <slot></slot>\n      </div>\n    </div>\n  `,\n  css`\n    ${baseLayoutCss}\n  `,\n)"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "loginLayout",
+          "declaration": {
+            "name": "loginLayout",
+            "module": "src/layouts/default.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultLayout",
+          "declaration": {
+            "name": "defaultLayout",
+            "module": "src/layouts/default.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/layouts/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./default"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/list/index.ts",
@@ -1216,55 +1273,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/layouts/default.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "loginLayout",
-          "default": "new FASTElementLayout(\n  html`\n    <div class=\"container\">\n      <div class=\"content\">\n        <slot></slot>\n      </div>\n    </div>\n  `,\n  baseLayoutCss,\n)"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultLayout",
-          "default": "new FASTElementLayout(\n  html`\n    <div class=\"container\">\n      <div class=\"content\">\n        <slot></slot>\n      </div>\n    </div>\n  `,\n  css`\n    ${baseLayoutCss}\n  `,\n)"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "loginLayout",
-          "declaration": {
-            "name": "loginLayout",
-            "module": "src/layouts/default.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultLayout",
-          "declaration": {
-            "name": "defaultLayout",
-            "module": "src/layouts/default.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/layouts/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./default"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/main/index.ts",
@@ -2544,65 +2552,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/routes/demo/entity-management.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "EntityManagementDemoTemplate",
-          "type": {
-            "text": "ViewTemplate"
-          },
-          "default": "html<EntityManagementDemo>`\n  <zero-tabs>\n    <span slot=\"start\">Entity Management</span>\n    <zero-tab data-test-id=\"profiles\" slot=\"tab\">Counterparty</zero-tab>\n    <zero-tab-panel slot=\"tabpanel\">\n      <zero-notification-listener>\n        <entity-management\n          resourceName=\"ALL_COUNTERPARTYS\"\n          title=\"Counterparty Management\"\n          updateEvent=\"EVENT_COUNTERPARTY_MODIFY\"\n          deleteEvent=\"EVENT_COUNTERPARTY_DELETE\"\n          createEvent=\"EVENT_COUNTERPARTY_INSERT\"\n        ></entity-management>\n      </zero-notification-listener>\n    </zero-tab-panel>\n  </zero-tabs>\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "EntityManagementDemoTemplate",
-          "declaration": {
-            "name": "EntityManagementDemoTemplate",
-            "module": "src/routes/demo/entity-management.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/routes/demo/entity-management.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "EntityManagementDemo",
-          "superclass": {
-            "name": "FASTElement",
-            "package": "@microsoft/fast-element"
-          },
-          "tagName": "entity-management-demo",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "EntityManagementDemo",
-          "declaration": {
-            "name": "EntityManagementDemo",
-            "module": "src/routes/demo/entity-management.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "entity-management-demo",
-          "declaration": {
-            "name": "EntityManagementDemo",
-            "module": "src/routes/demo/entity-management.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/utils/formatting.ts",
@@ -2718,6 +2667,65 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/routes/demo/entity-management.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "EntityManagementDemoTemplate",
+          "type": {
+            "text": "ViewTemplate"
+          },
+          "default": "html<EntityManagementDemo>`\n  <zero-tabs>\n    <span slot=\"start\">Entity Management</span>\n    <zero-tab data-test-id=\"profiles\" slot=\"tab\">Counterparty</zero-tab>\n    <zero-tab-panel slot=\"tabpanel\">\n      <zero-notification-listener>\n        <entity-management\n          resourceName=\"ALL_COUNTERPARTYS\"\n          title=\"Counterparty Management\"\n          updateEvent=\"EVENT_COUNTERPARTY_MODIFY\"\n          deleteEvent=\"EVENT_COUNTERPARTY_DELETE\"\n          createEvent=\"EVENT_COUNTERPARTY_INSERT\"\n        ></entity-management>\n      </zero-notification-listener>\n    </zero-tab-panel>\n  </zero-tabs>\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "EntityManagementDemoTemplate",
+          "declaration": {
+            "name": "EntityManagementDemoTemplate",
+            "module": "src/routes/demo/entity-management.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/routes/demo/entity-management.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "EntityManagementDemo",
+          "superclass": {
+            "name": "FASTElement",
+            "package": "@microsoft/fast-element"
+          },
+          "tagName": "entity-management-demo",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "EntityManagementDemo",
+          "declaration": {
+            "name": "EntityManagementDemo",
+            "module": "src/routes/demo/entity-management.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "entity-management-demo",
+          "declaration": {
+            "name": "EntityManagementDemo",
+            "module": "src/routes/demo/entity-management.ts"
+          }
+        }
+      ]
     }
   ]
 }

package/dist/dts/index.d.ts

@@ -2,4 +2,5 @@ export * from './users/users';
 export * from './profiles/profiles';
 export * from './entities/entities';
 export * from './utils';
+export * from './main/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/dist/dts/layouts/default.d.ts

@@ -0,0 +1,4 @@
+import { FASTElementLayout } from '@microsoft/fast-router';
+export declare const loginLayout: FASTElementLayout;
+export declare const defaultLayout: FASTElementLayout;
+//# sourceMappingURL=default.d.ts.map

package/dist/dts/layouts/default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/layouts/default.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAmB3D,eAAO,MAAM,WAAW,mBASvB,CAAC;AAEF,eAAO,MAAM,aAAa,mBAWzB,CAAC"}

package/dist/dts/layouts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './default';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/layouts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/dts/main/index.d.ts

@@ -0,0 +1,3 @@
+export * from './main.template';
+export * from './main';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/main/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/main/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC"}

package/dist/dts/main/main.d.ts

@@ -0,0 +1,22 @@
+import { Connect, Session } from '@genesislcap/foundation-comms';
+import { FASTElement } from '@microsoft/fast-element';
+import { Container } from '@microsoft/fast-foundation';
+import { MainRouterConfig } from '../routes';
+/**
+ * @public
+ */
+export declare class MainApplication extends FASTElement {
+    config: MainRouterConfig;
+    connect: Connect;
+    session: Session;
+    container: Container;
+    provider: any;
+    ready: boolean;
+    data: any;
+    connectedCallback(): void;
+    onLuminanceToggle(): void;
+    loadRemotes(): Promise<void>;
+    selectTemplate(): import("@microsoft/fast-element").ViewTemplate<MainApplication, any>;
+    private registerDIDependencies;
+}
+//# sourceMappingURL=main.d.ts.map

package/dist/dts/main/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../src/main/main.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EAGP,OAAO,EAER,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,WAAW,EAA6B,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAE,SAAS,EAAwB,MAAM,4BAA4B,CAAC;AAG7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAM7C;;GAEG;AACH,qBAKa,eAAgB,SAAQ,WAAW;IACpB,MAAM,EAAG,gBAAgB,CAAC;IAC3C,OAAO,EAAG,OAAO,CAAC;IAClB,OAAO,EAAG,OAAO,CAAC;IAChB,SAAS,EAAG,SAAS,CAAC;IACrB,QAAQ,EAAG,GAAG,CAAC;IACf,KAAK,EAAE,OAAO,CAAS;IACvB,IAAI,EAAE,GAAG,CAAQ;IAE7B,iBAAiB;IAOjB,iBAAiB;IASX,WAAW;IAKjB,cAAc;IAId,OAAO,CAAC,sBAAsB;CA6B/B"}

package/dist/dts/main/main.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const MainStyles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=main.styles.d.ts.map

package/dist/dts/main/main.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.styles.d.ts","sourceRoot":"","sources":["../../../src/main/main.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,iDAsBtB,CAAC"}

package/dist/dts/main/main.template.d.ts

@@ -0,0 +1,15 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import type { MainApplication } from './main';
+/**
+ * @internal
+ */
+export declare const DynamicTemplate: ViewTemplate<MainApplication>;
+/**
+ * @internal
+ */
+export declare const LoadingTemplate: ViewTemplate<MainApplication>;
+/**
+ * @internal
+ */
+export declare const MainTemplate: ViewTemplate<MainApplication>;
+//# sourceMappingURL=main.template.d.ts.map

package/dist/dts/main/main.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.template.d.ts","sourceRoot":"","sources":["../../../src/main/main.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,eAAe,CAIzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,eAAe,CAEzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,eAAe,CAStD,CAAC"}

package/dist/dts/routes/config.d.ts

@@ -0,0 +1,29 @@
+import { Auth, Session, FoundationAnalytics } from '@genesislcap/foundation-comms';
+import { Constructable } from '@microsoft/fast-element';
+import { Container } from '@microsoft/fast-foundation';
+import { RouterConfiguration } from '@microsoft/fast-router';
+type RouterSettings = {
+    public?: boolean;
+    autoAuth?: boolean;
+};
+/**
+ * Base implementation of a routing used with the Login class
+ *
+ * @remarks
+ *
+ * Could be used when using the Login class as a standalone authentication method
+ * with your app
+ *
+ * @internal
+ */
+export declare class MainRouterConfig extends RouterConfiguration<RouterSettings> {
+    private auth;
+    private container;
+    private analytics;
+    private session;
+    constructor(auth: Auth, container: Container, analytics: FoundationAnalytics, session: Session);
+    configure(): void;
+    construct<T>(Type: Constructable<T>): T;
+}
+export {};
+//# sourceMappingURL=config.d.ts.map

package/dist/dts/routes/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/routes/config.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,OAAO,EACP,mBAAmB,EAGpB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAS,MAAM,wBAAwB,CAAC;AAGpE,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;GASG;AACH,qBAAa,gBAAiB,SAAQ,mBAAmB,CAAC,cAAc,CAAC;IAE/D,OAAO,CAAC,IAAI;IACP,OAAO,CAAC,SAAS;IACP,OAAO,CAAC,SAAS;IAC7B,OAAO,CAAC,OAAO;gBAHV,IAAI,EAAE,IAAI,EACL,SAAS,EAAE,SAAS,EACV,SAAS,EAAE,mBAAmB,EAC1C,OAAO,EAAE,OAAO;IAK5B,SAAS;IAoGT,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC;CAG/C"}

package/dist/dts/routes/demo/entity-management.d.ts

@@ -0,0 +1,4 @@
+import { FASTElement } from '@microsoft/fast-element';
+export declare class EntityManagementDemo extends FASTElement {
+}
+//# sourceMappingURL=entity-management.d.ts.map

package/dist/dts/routes/demo/entity-management.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-management.d.ts","sourceRoot":"","sources":["../../../../src/routes/demo/entity-management.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAU1E,qBAmBa,oBAAqB,SAAQ,WAAW;CAAG"}

package/dist/dts/routes/demo/entity-management.template.d.ts

@@ -0,0 +1,3 @@
+import { ViewTemplate } from '@microsoft/fast-element';
+export declare const EntityManagementDemoTemplate: ViewTemplate;
+//# sourceMappingURL=entity-management.template.d.ts.map

package/dist/dts/routes/demo/entity-management.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-management.template.d.ts","sourceRoot":"","sources":["../../../../src/routes/demo/entity-management.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG7D,eAAO,MAAM,4BAA4B,EAAE,YAgB1C,CAAC"}

package/dist/dts/routes/index.d.ts

@@ -0,0 +1,2 @@
+export * from './config';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/routes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/routes/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/esm/index.js

@@ -2,3 +2,4 @@ export * from './users/users';
 export * from './profiles/profiles';
 export * from './entities/entities';
 export * from './utils';
+export * from './main/index';

package/dist/esm/layouts/default.js

@@ -0,0 +1,34 @@
+import { css, html } from '@microsoft/fast-element';
+import { FASTElementLayout } from '@microsoft/fast-router';
+const baseLayoutCss = css `
+  .container {
+    width: 100%;
+    height: 100%;
+    display: block;
+    position: relative;
+  }
+
+  .content {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+`;
+export const loginLayout = new FASTElementLayout(html `
+    <div class="container">
+      <div class="content">
+        <slot></slot>
+      </div>
+    </div>
+  `, baseLayoutCss);
+export const defaultLayout = new FASTElementLayout(html `
+    <div class="container">
+      <div class="content">
+        <slot></slot>
+      </div>
+    </div>
+  `, css `
+    ${baseLayoutCss}
+  `);

package/dist/esm/layouts/index.js

@@ -0,0 +1 @@
+export * from './default';

package/dist/esm/main/index.js

@@ -0,0 +1,2 @@
+export * from './main.template';
+export * from './main';

package/dist/esm/main/main.js

@@ -0,0 +1,85 @@
+import { __awaiter, __decorate } from "tslib";
+import { Connect, ConnectConfig, defaultConnectConfig, Session, SocketReconnectStrategy, } from '@genesislcap/foundation-comms';
+import { baseLayerLuminance, StandardLuminance } from '@microsoft/fast-components';
+import { FASTElement, customElement, observable } from '@microsoft/fast-element';
+import { Container, inject, Registration } from '@microsoft/fast-foundation';
+import { DefaultRouteRecognizer } from '@microsoft/fast-router';
+import * as Components from '../components';
+import { MainRouterConfig } from '../routes';
+import { MainStyles as styles } from './main.styles';
+import { DynamicTemplate as template, LoadingTemplate, MainTemplate } from './main.template';
+const name = 'foundation-entity-management';
+/**
+ * @public
+ */
+let MainApplication = class MainApplication extends FASTElement {
+    constructor() {
+        super(...arguments);
+        this.ready = false;
+        this.data = null;
+    }
+    connectedCallback() {
+        this.registerDIDependencies();
+        super.connectedCallback();
+        this.loadRemotes();
+    }
+    onLuminanceToggle() {
+        baseLayerLuminance.setValueFor(this.provider, baseLayerLuminance.getValueFor(this.provider) === StandardLuminance.DarkMode
+            ? StandardLuminance.LightMode
+            : StandardLuminance.DarkMode);
+    }
+    loadRemotes() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield Components.loadRemotes();
+            this.ready = true;
+        });
+    }
+    selectTemplate() {
+        return this.ready ? MainTemplate : LoadingTemplate;
+    }
+    registerDIDependencies() {
+        this.container.register(Registration.transient(DefaultRouteRecognizer, DefaultRouteRecognizer), 
+        /**
+         * Register custom configs for core services and micro frontends. Note this can also be done via
+         * provideDesignSystem().register(...) if preferred.
+         *
+         * Registration.instance<CredentialManagerConfig>(CredentialManagerConfig, {
+         *  ...defaultCredentialManagerConfig,
+         *  cookie: {
+         *    ...defaultCredentialManagerConfig.cookie,
+         *    path: '/login',
+         *  },
+         * }),
+         */
+        Registration.instance(ConnectConfig, Object.assign(Object.assign({}, defaultConnectConfig), { connect: Object.assign(Object.assign({}, defaultConnectConfig.connect), { heartbeatInterval: 15000 }), reconnect: Object.assign(Object.assign({}, defaultConnectConfig.reconnect), { reconnectAttempts: 15, reconnectStrategy: SocketReconnectStrategy.Exponential }) })));
+    }
+};
+__decorate([
+    inject(MainRouterConfig)
+], MainApplication.prototype, "config", void 0);
+__decorate([
+    Connect
+], MainApplication.prototype, "connect", void 0);
+__decorate([
+    Session
+], MainApplication.prototype, "session", void 0);
+__decorate([
+    Container
+], MainApplication.prototype, "container", void 0);
+__decorate([
+    observable
+], MainApplication.prototype, "provider", void 0);
+__decorate([
+    observable
+], MainApplication.prototype, "ready", void 0);
+__decorate([
+    observable
+], MainApplication.prototype, "data", void 0);
+MainApplication = __decorate([
+    customElement({
+        name,
+        template,
+        styles,
+    })
+], MainApplication);
+export { MainApplication };

package/dist/esm/main/main.styles.js

@@ -0,0 +1,25 @@
+import { mixinRobotoFont } from '@genesislcap/foundation-zero';
+import { css } from '@microsoft/fast-element';
+export const MainStyles = css `
+  ${mixinRobotoFont()}
+  :host {
+    contain: content;
+  }
+
+  :host,
+  zero-design-system-provider,
+  .dynamic-template,
+  foundation-router {
+    display: flex;
+    width: 100%;
+    height: 100%;
+  }
+
+  fast-progress {
+    --accent-foreground-rest: #654df9;
+
+    height: calc(var(--design-unit) * 1px);
+    margin: 0;
+    width: 100%;
+  }
+`;

package/dist/esm/main/main.template.js

@@ -0,0 +1,28 @@
+import { html, ref } from '@microsoft/fast-element';
+/**
+ * @internal
+ */
+export const DynamicTemplate = html `
+  <zero-design-system-provider ${ref('provider')}>
+    <div class="dynamic-template">${(x) => x.selectTemplate()}</div>
+  </zero-design-system-provider>
+`;
+/**
+ * @internal
+ */
+export const LoadingTemplate = html `
+  <fast-progress></fast-progress>
+`;
+/**
+ * @internal
+ */
+export const MainTemplate = html `
+  <zero-design-system-provider data-test-id="design-system-provider">
+    <div class="dynamic-template">
+      <foundation-router
+        @luminance-icon-clicked=${(x) => x.onLuminanceToggle()}
+        :config=${(x) => x.config}
+      ></foundation-router>
+    </div>
+  </zero-design-system-provider>
+`;