@genesislcap/foundation-login 9.0.1-alpha-b5c5eb7.0

package/dist/esm/layouts/default.js

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

package/dist/esm/layouts/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../src/layouts/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,iBAAiB,CAChD,IAAI,CAAA;;;;;;GAMH,EACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;GAkBF,CACF,CAAC"}

package/dist/esm/layouts/index.js

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

package/dist/esm/layouts/index.js.map

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

package/dist/esm/main/config.js

@@ -0,0 +1,153 @@
+import { css } from '@microsoft/fast-element';
+import { DI, Registration } from '@microsoft/fast-foundation';
+import defaultLogoSrc from '../assets/genesis-logo-light.svg';
+import defaultBackgroundSrc from '../assets/bg.jpg';
+/**
+ * @public
+ */
+export const defaultOrganisation = DEFAULT_ORGANISATION;
+/**
+ * @public
+ */
+export const defaultUser = DEFAULT_USER;
+/**
+ * @public
+ */
+export const defaultPassword = DEFAULT_PASSWORD;
+/**
+ * @public
+ */
+export const defaultApiHost = API_HOST;
+/**
+ * @public
+ */
+export const defaultSocketExt = SOCKET_EXT;
+/**
+ * @public
+ */
+export const hostEnv = location.host;
+const wsProtocol = 'https:' === location.protocol ? 'wss:' : 'ws:';
+const socketExt = SOCKET_EXT || 'gwf';
+/**
+ * @public
+ */
+export const hostUrl = API_HOST || `${wsProtocol}//${hostEnv}/${socketExt}/`;
+/**
+ * @public
+ */
+export const Routes = {
+    login: 'login',
+    'request-account': 'request-account',
+    'reset-password': 'reset-password',
+    'forgot-password': 'forgot-password',
+    verify: 'verify',
+    protected: 'protected',
+    'not-found': 'not-found',
+};
+/**
+ * A utility to check if a pathname is a route of this micro frontend.
+ *
+ * @param pathname - A pathname string to check, typically location.pathname, which is used when a value is omitted.
+ *
+ * @public
+ * @privateRemarks
+ * I've just put this util in for now given there's some app level direction code in place which needs review.
+ */
+export function isMFRoute(pathname = location.pathname) {
+    const valueParts = pathname.split('/');
+    const routeIdx = pathname.charAt(0) === '/' ? 1 : 0;
+    const route = valueParts[routeIdx];
+    return !!Routes[route];
+}
+/**
+ * Default LoginConfig DI implementation.
+ * @public
+ */
+export const defaultLoginConfig = {
+    autoConnect: false,
+    autoAuth: false,
+    logo: css `
+    content: url(${defaultLogoSrc});
+  `,
+    background: css `
+    :host {
+      background-image: url(${defaultBackgroundSrc});
+    }
+  `,
+    omitRoutes: [],
+    fields: {
+        organisation: null,
+        username: {
+            label: 'Username',
+            value: defaultUser,
+        },
+        email: {
+            label: 'Email Address',
+        },
+        password: {
+            label: 'Password',
+            value: defaultPassword,
+        },
+    },
+    showConnectionIndicator: false,
+    defaultRedirectUrl: '/protected',
+    omitRedirectUrls: ['/not-found', '/not-permitted'],
+    sso: {
+        identityProvidersPath: 'sso/list',
+    },
+};
+/**
+ * LoginConfig DI key.
+ *
+ * @internal
+ * @privateRemarks
+ * Marked as internal to stop api-extractor becoming confused cross-linking tokens with the same name.
+ */
+export const LoginConfig = DI.createInterface();
+/**
+ * Configure the login micro frontend settings.
+ *
+ * @remarks
+ * This is primarily for general settings, rather than re-defining the element, static templating / style changes.
+ *
+ * @param container - DI container.
+ * @param config - A partial LoginConfig.
+ *
+ * @example Configuring login on lazy load
+ * ```ts
+ * name: 'login',
+ * path: 'login',
+ * title: 'Login',
+ * element: async () => {
+ *   const { configure, define, defaultLoginConfig } = await import('@genesislcap/foundation-login');
+ *   configure(this.container, {
+ *     autoConnect: true,
+ *     omitRoutes: ['request-account'],
+ *     fields: {
+ *       ...defaultLoginConfig.fields,
+ *       organisation: {
+ *         label: 'CompID',
+ *       },
+ *     },
+ *     defaultRedirectUrl: 'dashboard',
+ *     logo: loginLogo,
+ *     background: loginBG,
+ *   });
+ *   // You can import and return `Login` directly here or re-define it completely via `define`.
+ *   return define({
+ *     name: `nexus-login`,
+ *   });
+ * },
+ * layout: loginLayout,
+ * settings: { public: true },
+ * childRouters: true,
+ * ```
+ *
+ * @public
+ * @privateRemarks
+ * We can tailor the spreading logic after we put it to use. Keeping it simple for now.
+ */
+export function configure(container, config) {
+    container.register(Registration.instance(LoginConfig, Object.assign(Object.assign({}, defaultLoginConfig), config)));
+}
+//# sourceMappingURL=config.js.map

package/dist/esm/main/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/main/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAa,EAAE,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,oBAAoB,MAAM,kBAAkB,CAAC;AAOpD;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,oBAAoB,CAAC;AAIxD;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC;AAIxC;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,gBAAgB,CAAC;AAIhD;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC;AAIvC;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAE3C;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC;AAErC,MAAM,UAAU,GAAG,QAAQ,KAAK,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;AACnE,MAAM,SAAS,GAAG,UAAU,IAAI,KAAK,CAAC;AACtC;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,IAAI,GAAG,UAAU,KAAK,OAAO,IAAI,SAAS,GAAG,CAAC;AAE7E;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,KAAK,EAAE,OAAO;IACd,iBAAiB,EAAE,iBAAiB;IACpC,gBAAgB,EAAE,gBAAgB;IAClC,iBAAiB,EAAE,iBAAiB;IACpC,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,WAAW;CAChB,CAAC;AAOX;;;;;;;;GAQG;AACH,MAAM,UAAU,SAAS,CAAC,WAAmB,QAAQ,CAAC,QAAQ;IAC5D,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IACnC,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC;AAyJD;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAgB;IAC7C,WAAW,EAAE,KAAK;IAClB,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,GAAG,CAAA;mBACQ,cAAc;GAC9B;IACD,UAAU,EAAE,GAAG,CAAA;;8BAEa,oBAAoB;;GAE/C;IACD,UAAU,EAAE,EAAE;IACd,MAAM,EAAE;QACN,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAE;YACR,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,WAAW;SACnB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,eAAe;SACvB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,eAAe;SACvB;KACF;IACD,uBAAuB,EAAE,KAAK;IAC9B,kBAAkB,EAAE,YAAY;IAChC,gBAAgB,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC;IAClD,GAAG,EAAE;QACH,qBAAqB,EAAE,UAAU;KAClC;CACF,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC,eAAe,EAAe,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,MAAM,UAAU,SAAS,CAAC,SAAoB,EAAE,MAA4B;IAC1E,SAAS,CAAC,QAAQ,CAChB,YAAY,CAAC,QAAQ,CAAc,WAAW,kCACzC,kBAAkB,GAClB,MAAM,EACT,CACH,CAAC;AACJ,CAAC"}

package/dist/esm/main/define.js

@@ -0,0 +1,31 @@
+import { defineFactory } from '@genesislcap/foundation-ui';
+import { Login } from './main';
+import { definition } from './main.definition';
+/**
+ * Re-define the login micro frontend.
+ *
+ * @example
+ * ```ts
+ * import { define, styles, template, defaultTemplateOptions } from '@genesislcap/foundation-login';
+ * const customTemplateOptions = {
+ *   ...defaultTemplateOptions,
+ *   ...customOptions,
+ * }
+ * export const AppLogin = define({
+ *   name: `nexus-login`,
+ *   template: template(customTemplateOptions),
+ *   styles: css`
+ *     ${styles(customTemplateOptions)}
+ *     some-element {
+ *       background-color: #ff00b4;
+ *     }
+ *  `,
+ * });
+ * ```
+ *
+ * @beta
+ * @privateRemarks
+ * TODO: Use LoginHosted instead of Login when elements manifest stuff lands, which will drive tagFor etc.
+ */
+export const define = defineFactory(Login, definition);
+//# sourceMappingURL=define.js.map

package/dist/esm/main/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/main/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC"}

package/dist/esm/main/index.js

@@ -0,0 +1,7 @@
+export * from './config';
+export * from './define';
+export * from './main.definition';
+export * from './main.template';
+export * from './main.styles';
+export * from './main';
+//# sourceMappingURL=index.js.map

package/dist/esm/main/index.js.map

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

package/dist/esm/main/main.definition.js

@@ -0,0 +1,44 @@
+import { template } from './main.template';
+import { styles } from './main.styles';
+/**
+ * The default template options this MF has been created with.
+ * @beta
+ * @privateRemarks
+ * This will likely evolve into the shell style PWA + FDC3 manifest setup, but that needs more work to evolve into MVP.
+ * Hosts should be able to figure out everything they will need to do to fully customise a MF. Currently, they
+ * import these `defaultTemplateOptions` and the host dev overrides. Each TemplateComponents key must be a mandatory
+ * override, given in hosted mode the MFs won't be registering fallbacks as this would be wasteful, bloat etc.
+ * I've added the components list to the package.json > config block for now, but I'm not using it here.
+ */
+export const defaultTemplateOptions = {
+    anchor: 'zero-anchor',
+    button: 'zero-button',
+    card: 'zero-card',
+    checkbox: 'zero-checkbox',
+    listboxOption: 'zero-option',
+    provider: 'template',
+    router: 'foundation-router',
+    select: 'zero-select',
+    textField: 'zero-text-field',
+};
+/**
+ * @beta
+ * @remarks
+ * This is the main definition of this micro frontend which is exposed for user reconfiguration.
+ */
+export const definition = {
+    name: 'foundation-login',
+    template: template(defaultTemplateOptions),
+    styles: styles(defaultTemplateOptions),
+};
+/**
+ * @internal
+ * @privateRemarks
+ * This is used during development of this micro frontend.
+ */
+export const standaloneDefinition = {
+    name: 'foundation-login',
+    template: template(Object.assign(Object.assign({}, defaultTemplateOptions), { provider: 'zero-design-system-provider' })),
+    styles: styles(Object.assign(Object.assign({}, defaultTemplateOptions), { provider: 'zero-design-system-provider' })),
+};
+//# sourceMappingURL=main.definition.js.map

package/dist/esm/main/main.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.definition.js","sourceRoot":"","sources":["../../../src/main/main.definition.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AA0BvC;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,aAAa;IACrB,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,eAAe;IACzB,aAAa,EAAE,aAAa;IAC5B,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,mBAAmB;IAC3B,MAAM,EAAE,aAAa;IACrB,SAAS,EAAE,iBAAiB;CAC7B,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,kBAAkB;IACxB,QAAQ,EAAE,QAAQ,CAAC,sBAAsB,CAAC;IAC1C,MAAM,EAAE,MAAM,CAAC,sBAAsB,CAAC;CACvC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAiC;IAChE,IAAI,EAAE,kBAAkB;IACxB,QAAQ,EAAE,QAAQ,iCACb,sBAAsB,KACzB,QAAQ,EAAE,6BAA6B,IACvC;IACF,MAAM,EAAE,MAAM,iCACT,sBAAsB,KACzB,QAAQ,EAAE,6BAA6B,IACvC;CACH,CAAC"}

package/dist/esm/main/main.js

@@ -0,0 +1,234 @@
+import { __awaiter, __decorate } from "tslib";
+import { ConnectConfig, defaultConnectConfig, Session } from '@genesislcap/foundation-comms';
+import { customElement, FASTElement, 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 { definition, standaloneDefinition } from './main.definition';
+/**
+ * Defines the login class which handles account authentication from the front-end
+ *
+ * @remarks
+ *
+ * Add the Login class as a router element, and it will handle the account authentication for you.
+ * Requires use of `@genesislcap/foundation-comms` for the {@link @genesislcap/foundation-comms#Auth | Auth} and
+ * {@link @genesislcap/foundation#Session | Session} classes.
+ *
+ * There are a lot of configuration options available, and different authentication types (such as login via SSO). Use
+ * the modules exported `configure` and `define` functions for more power.
+ *
+ * @example
+ * The following is an example of using it in your app, setting it up in the router configuration. This isn't a complete
+ * routes confutation, but it contains all required configuration in regard to adding Login functionality.
+ * ```ts
+ * // Import required dependencies from the foundation-login package
+ * import { Login } from '@genesislcap/foundation-login';
+ * // Import required dependencies from the foundation-comms package
+ * // You could also import analytics events and set them up in the NavigationContributor
+ * import { Auth, Session } from '@genesislcap/foundation-comms';
+ *
+ * type RouterSettings = {
+ *   public?: boolean;
+ *   autoAuth?: boolean;
+ * }
+ *
+ * // Define your router config
+ * export class MainRouterConfig extends RouterConfiguration<RouterSettings> {
+ *   // Ensure you inject in required dependencies
+ *   constructor(
+ *     @Auth private auth: Auth,
+ *     @Session private session: Session
+ *   ) {
+ *     super();
+ *   }
+ *
+ *   // Add Login as a route
+ *   public configure() {
+ *     ...
+ *     this.routes.map(
+ *       { path: '', redirect: 'login' },
+ *       {
+ *         path: 'login',
+ *         element: Login,
+ *         title: 'Login',
+ *         name: 'login',
+ *         layout: loginLayout,
+ *         settings: { public: true },
+ *         childRouters: true,
+ *       },
+ *       ... // Other routes config here
+ *     );
+ *
+ *     const session = this.session;
+ *     const auth = this.auth;
+ *
+ *     // Example of a FallbackRouteDefinition
+ *     this.routes.fallback(() =>
+ *       auth.isLoggedIn ? { redirect: 'not-found' } : { redirect: 'login' }
+ *     );
+ *
+ *      // Example of a NavigationContributor
+ *     this.contributors.push({
+ *       navigate: async (phase) => {
+ *         const settings = phase.route.settings;
+ *
+ *         // Could add in processes such as analytics here
+ *
+ *         // If public route don't block
+ *         if (settings && settings.public) {
+ *           return;
+ *         }
+ *
+ *         // If logged in don't block
+ *         if (auth.isLoggedIn) {
+ *           return;
+ *         }
+ *
+ *         // If autoAuth and session is valid try to connect+auto-login
+ *         if (settings && settings.autoAuth && (await auth.reAuthFromSession())) {
+ *           return;
+ *         }
+ *
+ *         // Otherwise route them to login
+ *         phase.cancel(() => {
+ *           session.captureReturnUrl();
+ *           Route.name.replace(phase.router, 'login');
+ *         });
+ *       },
+ *     });
+ *   }
+ *
+ *   ... // Other configuration/methods
+ *
+ * }
+ * ```
+ *
+ * @public
+ */
+let Login = class Login extends FASTElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Marked true when remote components are loaded, currently unused.
+         * @internal
+         */
+        this.ready = false;
+    }
+    /**
+     * @internal
+     */
+    connectedCallback() {
+        const _super = Object.create(null, {
+            connectedCallback: { get: () => super.connectedCallback }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            this.registerDIDependencies();
+            _super.connectedCallback.call(this);
+            yield this.registerCommonComponents();
+            this.checkForSSOToken();
+        });
+    }
+    /**
+     * Used to forward the user onto a logged-in session during an SSO journey
+     *
+     * @remarks
+     *
+     * Called when loading the login page via the connectedCallback() method.
+     * During normal flows there will be no SSO tokens set and hence this function
+     * will quit execution.
+     * During an SSO journey the SSO provider will set the SSO token as a URLSearchParams
+     * parameter and redirect back to us. In this case we will take this and forward the
+     * user on, with their logged in session.
+     *
+     * There are two paths the user can take here - if they are in a popup
+     * (window.opener exists) then we need to set the session and get the parent window
+     * (the one which the user wants their session on) to refresh, and close the popup.
+     *
+     * Or if they are not in a popup then we simply set the ssoToken in the session.
+     * When this component is loaded with the ssoToken then it will redirect the
+     * user to their app (the `defaultRedirectUrl`).
+     *
+     * @internal
+     */
+    checkForSSOToken() {
+        const queryParams = new URLSearchParams(window.location.search);
+        const ssoToken = queryParams.get('SSO_TOKEN');
+        if (ssoToken) {
+            if (window.opener) {
+                window.opener.sessionStorage.setItem('ssoToken', ssoToken);
+                window.opener.location.reload();
+                window.close();
+            }
+            else {
+                this.session.setSessionStorageItem('ssoToken', ssoToken);
+            }
+        }
+    }
+    /**
+     * Called from the connectedCallback
+     * @internal
+     */
+    registerCommonComponents() {
+        return __awaiter(this, void 0, void 0, function* () {
+            /**
+             * Send event to indicate some async work is happening. Will be picked up by overlay micro frontend.
+             */
+            yield Components.loadRemotes({});
+            /**
+             * Simulate loading delay, TODO: Remove
+             *
+             * await new Promise(resolve => setTimeout(resolve, 3000));
+             */
+            this.ready = true;
+        });
+    }
+    /**
+     * @internal
+     */
+    registerDIDependencies() {
+        this.container.register(Registration.transient(DefaultRouteRecognizer, DefaultRouteRecognizer), 
+        /**
+         * Register custom configs for core services. Note this can also be done via provideDesignSystem().register(...)
+         * if preferred. Here for example mainly as this will mostly occur at an app level.
+         */
+        Registration.instance(ConnectConfig, Object.assign(Object.assign({}, defaultConnectConfig), { connect: Object.assign(Object.assign({}, defaultConnectConfig.connect), { heartbeatInterval: 12000 }) })));
+    }
+};
+__decorate([
+    inject(MainRouterConfig)
+], Login.prototype, "config", void 0);
+__decorate([
+    Container
+], Login.prototype, "container", void 0);
+__decorate([
+    Session
+], Login.prototype, "session", void 0);
+__decorate([
+    observable
+], Login.prototype, "ready", void 0);
+__decorate([
+    observable
+], Login.prototype, "provider", void 0);
+Login = __decorate([
+    customElement(standaloneDefinition)
+], Login);
+export { Login };
+/**
+ * @beta
+ * @privateRemarks
+ * A hosted version of the MF that doesn't set up a design system or components. This is what apps would use to truly
+ * customise the MF for their needs via define.ts.
+ */
+let LoginHosted = class LoginHosted extends Login {
+    registerCommonComponents() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.ready = true;
+        });
+    }
+};
+LoginHosted = __decorate([
+    customElement(Object.assign(Object.assign({}, definition), { name: `${definition.name}-hosted` }))
+], LoginHosted);
+export { LoginHosted };
+//# sourceMappingURL=main.js.map

package/dist/esm/main/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../../../src/main/main.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,39 @@
+import { mixinRobotoFont } from '@genesislcap/foundation-zero';
+import { css } from '@microsoft/fast-element';
+import { tagFor } from '@genesislcap/foundation-ui';
+/**
+ * @public
+ * @privateRemarks
+ * Options cam be used to target unknown component tags in the css, such as:
+ * const buttonTag = tagFor(options.button);
+ * ...
+ * ${buttonTag} {
+ *   width: 200px;
+ * }
+ */
+export const styles = (options) => {
+    const providerTag = tagFor(options.provider); // < technically if this is `template` we wouldn't need it, as that's covered by :host
+    const routerTag = tagFor(options.router);
+    return css `
+    ${mixinRobotoFont()}
+    :host {
+      contain: content;
+    }
+
+    :host,
+    ${providerTag}, ${routerTag} {
+      display: flex;
+      width: 100%;
+      height: 100%;
+    }
+
+    :host([hidden]) {
+      display: none;
+    }
+
+    :host:not(:defined) {
+      visibility: hidden;
+    }
+  `;
+};
+//# sourceMappingURL=main.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"main.styles.js","sourceRoot":"","sources":["../../../src/main/main.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,OAAwB,EAAE,EAAE;IACjD,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,sFAAsF;IACpI,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACzC,OAAO,GAAG,CAAA;MACN,eAAe,EAAE;;;;;;MAMjB,WAAW,KAAK,SAAS;;;;;;;;;;;;;GAa5B,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,15 @@
+import { tagFor } from '@genesislcap/foundation-ui';
+import { html, ref } from '@microsoft/fast-element';
+/**
+ * @public
+ */
+export const template = (options) => {
+    const providerTag = tagFor(options.provider);
+    const routerTag = tagFor(options.router);
+    return html `
+    <${providerTag} data-test-id="login-provider" ${ref('provider')}>
+      <${routerTag} :config=${(x) => x.config} data-test-id="login-router"></${routerTag}>
+    </${providerTag}>
+  `;
+};
+//# sourceMappingURL=main.template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"main.template.js","sourceRoot":"","sources":["../../../src/main/main.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAIpD;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,OAAwB,EAAE,EAAE;IACnD,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACzC,OAAO,IAAI,CAAO;OACb,WAAW,kCAAkC,GAAG,CAAC,UAAU,CAAC;SAC1D,SAAS,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,kCAAkC,SAAS;QAChF,WAAW;GAChB,CAAC;AACJ,CAAC,CAAC"}