@genesislcap/pbc-reconciliation-ui 0.0.2 → 0.0.3

package/src/components/reconciliations-panel/reconciliations-panel.ts

@@ -0,0 +1,11 @@
+import { FASTElement, customElement } from '@microsoft/fast-element';
+import { ReconciliationsPanelTemplate } from './reconciliations-panel.template';
+import { ReconciliationsPanelStyles } from './reconciliations-panel.styles';
+
+@customElement({
+  name: 'reconciliations-panel',
+  template: ReconciliationsPanelTemplate,
+  styles: ReconciliationsPanelStyles,
+})
+export class ReconciliationsPanel extends FASTElement {
+}

package/src/index.ts

@@ -1 +1 @@
-export * from './main/index';
+export * from './main';

package/src/main/index.ts

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

package/src/main/main.styles.ts

@@ -1,22 +1,12 @@
-import { getApp } from '@genesislcap/foundation-shell/app';
 import { css } from '@microsoft/fast-element';
-import { stylesFontFaces } from '../styles';
-import './main.css';
 
-export const MainStyles = css`
-  ${stylesFontFaces}
-  :host {
-    contain: content;
-
-    --nav-height: 60px;
-  }
-
-  :host,
-  zero-design-system-provider,
-  .dynamic-template,
-  foundation-router {
-    display: flex;
-    width: 100%;
+/**
+ * @public
+ */
+export const FoundationReconciliationStyles = css`
+  .reconciliation,
+  zero-tabs,
+  zero-tab-panel {
     height: 100%;
   }
-`.withBehaviors(getApp().registerStylesTarget('main'));
+`;

package/src/main/main.template.ts

@@ -1,24 +1,22 @@
-import { LAYOUT_POPOUT_CONTAINER_CLASS } from '@genesislcap/foundation-layout';
-import { html, ref } from '@microsoft/fast-element';
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { MainApplication } from './main';
+import { html } from '@microsoft/fast-element';
+import { FoundationReconciliation } from './main';
 
-export const DynamicTemplate: ViewTemplate<MainApplication> = html`
-  <template>
-    <zero-design-system-provider ${ref('provider')} class="${LAYOUT_POPOUT_CONTAINER_CLASS}">
-      <div class="dynamic-template">${(x) => x.selectTemplate()}</div>
-    </zero-design-system-provider>
-  </template>
-`;
-
-export const LoadingTemplate: ViewTemplate<MainApplication> = html`
-  <zero-progress-ring></zero-progress-ring>
-`;
+/**
+ * @public
+ */
+export const FoundationReconciliationTemplate = html<FoundationReconciliation>`
+  <div class="reconciliation">
+    <zero-tabs appearance="secondary" class="tabs">
+      <zero-tab appearance="secondary" slot="configurations-tab">Configurations</zero-tab>
+      <zero-tab appearance="secondary" slot="reconciliations-tab">Reconciliations</zero-tab>
 
-export const MainTemplate: ViewTemplate<MainApplication> = html`
-  <foundation-router
-    @luminance-icon-clicked=${(x) => x.onDarkModeToggle()}
-    :config=${(x) => x.config}
-    :store=${(x) => x.store}
-  ></foundation-router>
+      <zero-tab-panel slot="configurations-tab" id="configurations-tab-panel">
+        <configurations-panel></configurations-panel>
+      </zero-tab-panel>
+      
+      <zero-tab-panel slot="reconciliations-tab" id="reconciliations-tab-panel">
+        <reconciliations-panel></reconciliations-panel>
+      </zero-tab-panel>
+    </zero-tabs>
+  </div>
 `;

package/src/main/main.ts

@@ -1,140 +1,31 @@
-import { Connect, ConnectConfig, defaultConnectConfig } from '@genesislcap/foundation-comms';
-import { EventEmitter } from '@genesislcap/foundation-events';
-import { App } from '@genesislcap/foundation-shell/app';
-import { importPBCAssets } from '@genesislcap/foundation-shell/pbc';
-import { configureDesignSystem } from '@genesislcap/foundation-ui';
-import { baseLayerLuminance, StandardLuminance } from '@microsoft/fast-components';
-import { FASTElement, customElement, observable, DOM } 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 { Store, StoreEventDetailMap } from '../store';
-import designTokens from '../styles/design-tokens.json';
-import { MainStyles as styles } from './main.styles';
-import { DynamicTemplate as template, LoadingTemplate, MainTemplate } from './main.template';
-
-const name = 'reconciliation-root';
+import { FASTElement, customElement, observable } from '@microsoft/fast-element';
+import { FoundationReconciliationTemplate } from './main.template';
+import { FoundationReconciliationStyles } from './main.styles';
+import { loadRemotes } from '../components/components';
 
 /**
- * @fires store-connected - Fired when the store is connected.
- * @fires store-ready - Fired when the store is ready.
+ * @public
  */
 @customElement({
-  name,
-  template,
-  styles,
+  name: 'foundation-reconciliation',
+  template: FoundationReconciliationTemplate,
+  styles: FoundationReconciliationStyles,
 })
-export class MainApplication extends EventEmitter<StoreEventDetailMap>(FASTElement) {
-  @App app: App;
-  @Connect connect!: Connect;
-  @Container container!: Container;
-  @Store store: Store;
-
-  @inject(MainRouterConfig) config!: MainRouterConfig;
-
-  @observable provider!: any;
+export class FoundationReconciliation extends FASTElement {
   @observable ready: boolean = false;
-  @observable data: any = null;
 
   async connectedCallback() {
-    this.registerDIDependencies();
     super.connectedCallback();
-    this.addEventListeners();
-    this.readyStore();
-    await this.loadPBCs();
     await this.loadRemotes();
-    DOM.queueUpdate(() => {
-      configureDesignSystem(this.provider, designTokens);
-    });
-  }
-
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListeners();
-    this.disconnectStore();
-  }
-
-  onDarkModeToggle() {
-    baseLayerLuminance.setValueFor(
-      this.provider,
-      baseLayerLuminance.getValueFor(this.provider) === StandardLuminance.DarkMode
-        ? StandardLuminance.LightMode
-        : StandardLuminance.DarkMode,
-    );
-  }
-
-  async loadPBCs() {
-    /**
-     * Import PBC assets that may have been added to the ./pbc directory by genx or by hand
-     */
-    const pbcAssets = await importPBCAssets();
-    /**
-     * Register bulk assets
-     */
-    this.app.registerAssets(pbcAssets);
-    /**
-     * Register the top-level route collection
-     */
-    this.app.registerRouteCollection(this.config.routes);
   }
 
+  /**
+   * Load remote components
+   * @remarks With regards to module federation
+   * @internal
+   */
   async loadRemotes() {
-    const { registerComponents } = Components;
-    await registerComponents();
+    const remoteComponents = await loadRemotes();
     this.ready = true;
   }
-
-  selectTemplate() {
-    return this.ready ? MainTemplate : LoadingTemplate;
-  }
-
-  private 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>(ConnectConfig, {
-        ...defaultConnectConfig,
-        connect: {
-          ...defaultConnectConfig.connect,
-          heartbeatInterval: 15_000,
-        },
-      }),
-      /**
-       * // example of setting grid options for all grids from app level
-       * Registration.instance<GridOptionsConfig>(GridOptionsConfig, {
-       *  defaultCsvExportParams: csvExportParams,
-       * }),
-       */
-    );
-  }
-
-  protected addEventListeners() {
-    this.addEventListener('store-connected', this.store.onConnected);
-  }
-
-  protected removeEventListeners() {
-    this.removeEventListener('store-connected', this.store.onConnected);
-  }
-
-  protected readyStore() {
-    // @ts-ignore
-    this.$emit('store-connected', this);
-    this.$emit('store-ready', true);
-  }
-
-  protected disconnectStore() {
-    this.$emit('store-disconnected');
-  }
 }

package/src/typings.d.ts

@@ -1,5 +1 @@
 declare module 'foundationZero/ZeroDesignSystem';
-declare module '*.png';
-declare module '*.jpg';
-declare module '*.svg';
-declare module '*.css';

package/test/unit/configurations-panel.test.ts

@@ -0,0 +1,15 @@
+import { assert, createComponentSuite } from '@genesislcap/foundation-testing';
+import { ConfigurationsPanel } from '../../src/components/configurations-panel/configurations-panel';
+
+const suite = createComponentSuite<ConfigurationsPanel>(
+  'ConfigurationsPanel',
+  'configurations-panel',
+  undefined,
+  []
+);
+
+suite('can be instantiated', ({ element }) => {
+  assert.instance(element, ConfigurationsPanel);
+});
+
+suite.run();

package/test/unit/main.test.ts

@@ -0,0 +1,20 @@
+import { assert, createComponentSuite } from '@genesislcap/foundation-testing';
+import { FoundationReconciliation } from '../../src'
+
+const suite = createComponentSuite<FoundationReconciliation>(
+  'FoundationReconciliation',
+  'foundation-reconciliation',
+  undefined,
+  []
+);
+
+suite('can be instantiated', ({ element }) => {
+  assert.instance(element, FoundationReconciliation);
+});
+
+suite('can be connected', async ({ element }) => {
+  await element.connectedCallback();
+  assert.equal(element.ready, true);
+});
+
+suite.run();

package/test/unit/reconciliations-panel.test.ts

@@ -0,0 +1,15 @@
+import { assert, createComponentSuite } from '@genesislcap/foundation-testing';
+import { ReconciliationsPanel } from '../../src/components/reconciliations-panel/reconciliations-panel';
+
+const suite = createComponentSuite<ReconciliationsPanel>(
+  'ReconciliationsPanel',
+  'reconciliations-panel',
+  undefined,
+  []
+);
+
+suite('can be instantiated', ({ element }) => {
+  assert.instance(element, ReconciliationsPanel);
+});
+
+suite.run();

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

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

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

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

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

@@ -1,4 +0,0 @@
-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

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

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

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

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

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

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

@@ -1,11 +0,0 @@
-import { Auth, Session } from '@genesislcap/foundation-comms';
-import { LoginConfig, Settings as LoginSettings } from '@genesislcap/foundation-login';
-import { FoundationRouterConfiguration } from '@genesislcap/foundation-ui';
-export declare class MainRouterConfig extends FoundationRouterConfiguration<LoginSettings> {
-    private auth;
-    private session;
-    private loginConfig;
-    constructor(auth: Auth, session: Session, loginConfig?: LoginConfig);
-    configure(): Promise<void>;
-}
-//# sourceMappingURL=config.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/routes/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAEL,WAAW,EACX,QAAQ,IAAI,aAAa,EAC1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAqB3E,qBAAa,gBAAiB,SAAQ,6BAA6B,CAAC,aAAa,CAAC;IAExE,OAAO,CAAC,IAAI;IACT,OAAO,CAAC,OAAO;IAExB,OAAO,CAAC,WAAW;gBAHL,IAAI,EAAE,IAAI,EACP,OAAO,EAAE,OAAO,EAEzB,WAAW,GAAE,WAA0E;IAK3F,SAAS;CAiGhB"}

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

@@ -1,5 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-export declare class Home extends FASTElement {
-    constructor();
-}
-//# sourceMappingURL=home.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"home.d.ts","sourceRoot":"","sources":["../../../../src/routes/home/home.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIrE,qBAKa,IAAK,SAAQ,WAAW;;CAIpC"}

package/dist/dts/routes/home/home.styles.d.ts

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

package/dist/dts/routes/home/home.styles.d.ts.map

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

package/dist/dts/routes/home/home.template.d.ts

@@ -1,3 +0,0 @@
-import type { Home } from './home';
-export declare const HomeTemplate: import("@microsoft/fast-element").ViewTemplate<Home, any>;
-//# sourceMappingURL=home.template.d.ts.map

package/dist/dts/routes/home/home.template.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"home.template.d.ts","sourceRoot":"","sources":["../../../../src/routes/home/home.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEnC,eAAO,MAAM,YAAY,2DAGxB,CAAC"}

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

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

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

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

package/dist/dts/routes/not-found/not-found.d.ts

@@ -1,5 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-export declare class NotFound extends FASTElement {
-    connectedCallback(): void;
-}
-//# sourceMappingURL=not-found.d.ts.map

package/dist/dts/routes/not-found/not-found.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"not-found.d.ts","sourceRoot":"","sources":["../../../../src/routes/not-found/not-found.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAKrE,qBAKa,QAAS,SAAQ,WAAW;IAChC,iBAAiB;CAIzB"}

package/dist/dts/routes/not-found/not-found.styles.d.ts

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

package/dist/dts/routes/not-found/not-found.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"not-found.styles.d.ts","sourceRoot":"","sources":["../../../../src/routes/not-found/not-found.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,iDAO1B,CAAC"}

package/dist/dts/routes/not-found/not-found.template.d.ts

@@ -1,3 +0,0 @@
-import type { NotFound } from './not-found';
-export declare const NotFoundTemplate: import("@microsoft/fast-element").ViewTemplate<NotFound, any>;
-//# sourceMappingURL=not-found.template.d.ts.map

package/dist/dts/routes/not-found/not-found.template.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"not-found.template.d.ts","sourceRoot":"","sources":["../../../../src/routes/not-found/not-found.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,gBAAgB,+DAE5B,CAAC"}

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

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

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

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

package/dist/dts/store/store.d.ts

@@ -1,11 +0,0 @@
-import { CustomEventMap } from '@genesislcap/foundation-events';
-import { StoreRoot, StoreRootEventDetailMap } from '@genesislcap/foundation-store';
-export interface Store extends StoreRoot {
-}
-export type StoreEventDetailMap = StoreRootEventDetailMap & {};
-declare global {
-    interface HTMLElementEventMap extends CustomEventMap<StoreEventDetailMap> {
-    }
-}
-export declare const Store: import("@microsoft/fast-foundation").InterfaceSymbol<import("@microsoft/fast-foundation").Key>;
-//# sourceMappingURL=store.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/store/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,EAGL,SAAS,EACT,uBAAuB,EACxB,MAAM,+BAA+B,CAAC;AAEvC,MAAM,WAAW,KAAM,SAAQ,SAAS;CAAG;AAE3C,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG,EAAE,CAAC;AAE/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,mBAAoB,SAAQ,cAAc,CAAC,mBAAmB,CAAC;KAAG;CAC7E;AAaD,eAAO,MAAM,KAAK,gGAAuC,CAAC"}

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

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

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

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

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

@@ -1,5 +0,0 @@
-export declare const stylesCardHeading: import("@microsoft/fast-element").ElementStyles;
-export declare const mixinScreen: (display?: string) => string;
-export declare const mixinCardStyles = "\n  padding: calc(var(--design-unit) * 2px);\n";
-export declare const hideZeroButtonParts = "\n  zero-button::part(info1),\n  zero-button::part(info2) {\n    display: none;\n  }\n";
-//# sourceMappingURL=styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/styles/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,iDAI7B,CAAC;AAEF,eAAO,MAAM,WAAW,aAAa,MAAM,WAM1C,CAAC;AAEF,eAAO,MAAM,eAAe,mDAE3B,CAAC;AAKF,eAAO,MAAM,mBAAmB,2FAK/B,CAAC"}

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

@@ -1,4 +0,0 @@
-export declare const stylesFontFaces: string;
-export declare const mixinCardTitle: string;
-export declare const stylesHeaders = "\n  h1, h2, h3, h4, h5, h6 {\n    margin: 0;\n  }\n";
-//# sourceMappingURL=typography.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/styles/typography.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,QAU3B,CAAC;AAEF,eAAO,MAAM,cAAc,QAAiC,CAAC;AAE7D,eAAO,MAAM,aAAa,wDAIzB,CAAC"}

package/dist/dts/types.d.ts

@@ -1,3 +0,0 @@
-export declare const HostENV: import("@microsoft/fast-foundation").InterfaceSymbol<string>;
-export declare const HostURL: import("@microsoft/fast-foundation").InterfaceSymbol<string>;
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,8DAA+B,CAAC;AAEpD,eAAO,MAAM,OAAO,8DAA+B,CAAC"}

package/dist/esm/components/index.js

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

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

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

package/dist/esm/layouts/default.js

@@ -1,139 +0,0 @@
-import { getApp } from '@genesislcap/foundation-shell/app';
-import { css, html } from '@microsoft/fast-element';
-import { FASTElementLayout } from '@microsoft/fast-router';
-const app = getApp();
-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">
-      ${app.registerElementsTarget('layout-start')}
-      <foundation-header
-        show-luminance-toggle-button
-        show-misc-toggle-button
-        :routeNavItems=${(x) => x.config.getNavItems()}
-      >
-        <div slot="menu-contents">
-          <span slot="group-title-1">GROUP SLOT</span>
-          <zero-tree-view slot="nav-items-1">
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Slot Tree Item
-            </zero-tree-item>
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Slot Tree Item
-            </zero-tree-item>
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Slot Tree Item
-            </zero-tree-item>
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Slot Tree Item
-            </zero-tree-item>
-          </zero-tree-view>
-          <span slot="group-title-2">GROUP SLOT 2</span>
-          <zero-tree-view slot="nav-items-2">
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Slot Tree Item 2
-            </zero-tree-item>
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Slot Tree Item 2
-            </zero-tree-item>
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Slot Tree Item 2
-            </zero-tree-item>
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Slot Tree Item 2
-            </zero-tree-item>
-          </zero-tree-view>
-          <span slot="group-title-3">GROUP SLOT 3</span>
-          <zero-tree-view slot="nav-items-3">
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              User Slot
-            </zero-tree-item>
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Reporting Slot
-            </zero-tree-item>
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Settings Slot
-            </zero-tree-item>
-          </zero-tree-view>
-        </div>
-      </foundation-header>
-      <div class="content">
-        ${app.registerElementsTarget('content-start')}
-        <slot></slot>
-        ${app.registerElementsTarget(['content', 'content-end'])}
-      </div>
-      ${app.registerElementsTarget(['layout', 'layout-end'])}
-    </div>
-  `, css `
-    ${baseLayoutCss}
-
-    .content {
-      padding-top: 60px;
-    }
-
-    foundation-header {
-      z-index: 999;
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      align-items: center;
-      border: none;
-    }
-
-    zero-tree-item zero-icon {
-      color: #879ba6;
-      padding-right: 10px;
-    }
-
-    foundation-header::part(nav-visibility-icon) {
-      color: var(--accent-foreground-rest);
-    }
-
-    foundation-header::part(notifications-button) {
-      position: relative;
-    }
-
-    zero-flyout::part(flyout) {
-      width: 40%;
-      min-width: 320px;
-      padding: 0;
-    }
-
-    zero-flyout::part(content) {
-      height: 100%;
-    }
-  `.withBehaviors(app.registerStylesTarget('layout')));
-//# sourceMappingURL=default.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../src/layouts/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAE3D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAK3D,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;AAErB,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;CAexB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,iBAAiB,CAC9C,IAAI,CAAiB;;;;;;GAMpB,EACD,aAAa,CACd,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,iBAAiB,CAChD,IAAI,CAAiB;;QAEf,GAAG,CAAC,sBAAsB,CAAC,cAAc,CAAC;;;;yBAIzB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA2D5C,GAAG,CAAC,sBAAsB,CAAC,eAAe,CAAC;;UAE3C,GAAG,CAAC,sBAAsB,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;;QAExD,GAAG,CAAC,sBAAsB,CAAC,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;;GAEzD,EACD,GAAG,CAAA;MACC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsChB,CAAC,aAAa,CAAC,GAAG,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CACpD,CAAC"}

package/dist/esm/layouts/index.js

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