@genesislcap/pbc-notify-ui 1.0.0

package/dist/esm/components/foundation-notification-dashboard/components/template-dialog/template-dialog.utils.js

@@ -0,0 +1,33 @@
+import { __decorate } from "tslib";
+import { LOGICAL_OPERATOR_EQUALS } from "../../types/logical-operator";
+import { PARAM_SOURCE_TYPE_USER_TEXT } from "../../types/param-source-type";
+import { PARAM_TYPE_STRING } from "../../types/param-type";
+import { RIGHT_CRITERIA_VALUE } from "../../types/right-criteria";
+import { UUID } from '@genesislcap/foundation-utils';
+export class UUIDGenerator {
+    static createUuid() {
+        return this.uuid.createId();
+    }
+}
+__decorate([
+    UUID
+], UUIDGenerator, "uuid", void 0);
+export function createEmptyCondition() {
+    return {
+        ID: null,
+        LEFT_VALUE: null,
+        LOGICAL_OPERATOR: LOGICAL_OPERATOR_EQUALS,
+        RIGHT_CRITERIA: RIGHT_CRITERIA_VALUE,
+        RIGHT_VALUE: null,
+    };
+}
+export function createEmptyParameter() {
+    return {
+        UUID: UUIDGenerator.createUuid(),
+        PARAM_NAME: null,
+        PARAM_LABEL: null,
+        PARAM_TYPE: PARAM_TYPE_STRING,
+        PARAM_SOURCE_TYPE: PARAM_SOURCE_TYPE_USER_TEXT,
+        PARAM_SOURCE: null,
+    };
+}

package/dist/esm/components/foundation-notification-dashboard/index.js

@@ -0,0 +1,2 @@
+export * from './management';
+export * from './notification-dashboard';

package/dist/esm/components/foundation-notification-dashboard/management/email-distribution-route-management.js

@@ -0,0 +1,23 @@
+import { __decorate } from "tslib";
+import { css, customElement, FASTElement, html } from '@microsoft/fast-element';
+let EmailDistributionRouteManagement = class EmailDistributionRouteManagement extends FASTElement {
+};
+EmailDistributionRouteManagement = __decorate([
+    customElement({
+        name: 'email-distribution-route-management',
+        template: html `
+    <entity-management
+      resourceName="ALL_EMAIL_DISTRIBUTION_ROUTES"
+      createEvent="EVENT_EMAIL_DISTRIBUTION_ROUTE_CREATE"
+      updateEvent="EVENT_DYNAMIC_RULE_NOTIFY_UPDATE"
+      deleteEvent="EVENT_DYNAMIC_RULE_NOTIFY_DELETE"
+    ></entity-management>
+  `,
+        styles: css `
+    :host {
+      height: 100%;
+    }
+  `,
+    })
+], EmailDistributionRouteManagement);
+export { EmailDistributionRouteManagement };

package/dist/esm/components/foundation-notification-dashboard/management/email-user-route-management.js

@@ -0,0 +1,20 @@
+import { __decorate } from "tslib";
+import { customElement, FASTElement, html } from '@microsoft/fast-element';
+import { managementGridStyles } from './management.styles';
+let EmailUserRouteManagement = class EmailUserRouteManagement extends FASTElement {
+};
+EmailUserRouteManagement = __decorate([
+    customElement({
+        name: 'email-user-route-management',
+        template: html `
+    <entity-management
+      resourceName="ALL_EMAIL_USER_ROUTES"
+      createEvent="EVENT_EMAIL_USER_ROUTE_CREATE"
+      updateEvent="EVENT_EMAIL_USER_ROUTE_UPDATE"
+      deleteEvent="EVENT_EMAIL_USER_ROUTE_DELETE"
+    ></entity-management>
+  `,
+        styles: managementGridStyles,
+    })
+], EmailUserRouteManagement);
+export { EmailUserRouteManagement };

package/dist/esm/components/foundation-notification-dashboard/management/index.js

@@ -0,0 +1,8 @@
+export * from './email-distribution-route-management';
+export * from './email-user-route-management';
+export * from './log-route-management';
+export * from './ms-teams-route-management';
+export * from './notify-audit-management';
+export * from './rule-management';
+export * from './rule-template-management';
+export * from './screen-route-management';

package/dist/esm/components/foundation-notification-dashboard/management/log-route-management.js

@@ -0,0 +1,20 @@
+import { __decorate } from "tslib";
+import { customElement, FASTElement, html } from '@microsoft/fast-element';
+import { managementGridStyles } from './management.styles';
+let LogRouteManagement = class LogRouteManagement extends FASTElement {
+};
+LogRouteManagement = __decorate([
+    customElement({
+        name: 'log-route-management',
+        template: html `
+    <entity-management
+      resourceName="ALL_LOG_ROUTES"
+      createEvent="EVENT_LOG_ROUTE_CREATE"
+      updateEvent="EVENT_LOG_ROUTE_UPDATE"
+      deleteEvent="EVENT_LOG_ROUTE_DELETE"
+    ></entity-management>
+  `,
+        styles: managementGridStyles,
+    })
+], LogRouteManagement);
+export { LogRouteManagement };

package/dist/esm/components/foundation-notification-dashboard/management/management.styles.js

@@ -0,0 +1,10 @@
+import { css } from "@microsoft/fast-element";
+export const managementGridStyles = css `
+  :host {
+    height: 100%;
+  }
+
+  entity-management::part(header) {
+    display: none;
+  }
+`;

package/dist/esm/components/foundation-notification-dashboard/management/ms-teams-route-management.js

@@ -0,0 +1,20 @@
+import { __decorate } from "tslib";
+import { customElement, FASTElement, html } from '@microsoft/fast-element';
+import { managementGridStyles } from './management.styles';
+let MSTeamsRouteManagement = class MSTeamsRouteManagement extends FASTElement {
+};
+MSTeamsRouteManagement = __decorate([
+    customElement({
+        name: 'ms-teams-route-management',
+        template: html `
+    <entity-management
+      resourceName="ALL_MS_TEAMS_ROUTES"
+      createEvent="EVENT_MS_TEAMS_ROUTE_CREATE"
+      updateEvent="EVENT_MS_TEAMS_ROUTE_UPDATE"
+      deleteEvent="EVENT_MS_TEAMS_ROUTE_DELETE"
+    ></entity-management>
+  `,
+        styles: managementGridStyles,
+    })
+], MSTeamsRouteManagement);
+export { MSTeamsRouteManagement };

package/dist/esm/components/foundation-notification-dashboard/management/notify-audit-management.js

@@ -0,0 +1,18 @@
+import { __decorate } from "tslib";
+import { customElement, FASTElement, html } from '@microsoft/fast-element';
+import { managementGridStyles } from './management.styles';
+let NotifyAuditManagement = class NotifyAuditManagement extends FASTElement {
+};
+NotifyAuditManagement = __decorate([
+    customElement({
+        name: 'notify-audit-management',
+        template: html `
+    <entity-management
+      class="notify-audit-entity-management"
+      resourceName="ALL_NOTIFY_AUDIT"
+    ></entity-management>
+  `,
+        styles: managementGridStyles,
+    })
+], NotifyAuditManagement);
+export { NotifyAuditManagement };

package/dist/esm/components/foundation-notification-dashboard/management/rule-management.js

@@ -0,0 +1,105 @@
+import { __awaiter, __decorate } from "tslib";
+import { buttonCellRenderer } from '@genesislcap/foundation-entity-management';
+import { css, customElement, FASTElement, html, ref, repeat } from '@microsoft/fast-element';
+import { RuleService } from '../../../services/rule.service';
+import { RuleDialogMode } from '../components/rule-dialog';
+import { deleteIcon, editIcon } from '../utils/icons';
+export const ruleColumns = (context) => [
+    {
+        field: 'NAME',
+        headerName: 'Name',
+        flex: 1
+    },
+    {
+        field: 'DESCRIPTION',
+        headerName: 'Description',
+        flex: 1
+    },
+    {
+        field: 'USER_NAME',
+        headerName: 'Username',
+        flex: 1
+    },
+    {
+        field: 'RULE_TABLE',
+        headerName: 'Table',
+        flex: 1
+    },
+    {
+        field: 'RULE_STATUS',
+        headerName: 'Status',
+        flex: 1
+    },
+    {
+        field: 'RULE_EXPRESSION',
+        headerName: 'Expression',
+        flex: 1
+    },
+    {
+        field: 'RESULT_EXPRESSION',
+        headerName: 'Result',
+        flex: 1
+    },
+    {
+        field: 'RULE_EXECUTION_STRATEGY',
+        headerName: 'Execution Strategy',
+        flex: 1,
+    },
+    buttonCellRenderer('Edit', (e) => context.editRule(e), editIcon),
+    buttonCellRenderer('Delete', (e) => context.deleteRule(e), deleteIcon)
+];
+let RuleManagement = class RuleManagement extends FASTElement {
+    openRuleDialog() {
+        this.ruleDialog.openDialog({ mode: RuleDialogMode.CREATE });
+    }
+    editRule(row) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const rule = yield this.ruleService.getRuleDetails(row.ID);
+            this.ruleDialog.openDialog({ mode: RuleDialogMode.EDIT, data: rule });
+        });
+    }
+    deleteRule(rule) {
+        this.ruleService.deleteRule(rule.ID);
+    }
+};
+__decorate([
+    RuleService
+], RuleManagement.prototype, "ruleService", void 0);
+RuleManagement = __decorate([
+    customElement({
+        name: 'rule-management',
+        template: html `
+    <zero-button 
+      class="create-template"
+      @click=${x => x.openRuleDialog()}
+    >
+      <zero-icon name="plus" size="lg" variant="solid"></zero-icon>
+      Create Rule
+    </zero-button>
+    <zero-grid-pro only-template-col-defs>
+      <grid-pro-genesis-datasource resource-name="ALL_DYNAMIC_NOTIFY_RULES">
+        ${repeat(x => ruleColumns(x), html `
+            <grid-pro-column :definition=${x => x} />
+          `)}
+      </grid-pro-genesis-datasource> 
+    </zero-grid-pro>
+    <rule-dialog ${ref('ruleDialog')}></rule-dialog>
+  `,
+        styles: css `
+    :host {
+      height: 100%;
+    }
+
+    zero-button.create-template {
+      margin: 0px;
+      margin-left: auto;
+      margin-bottom: 6px;
+    }
+
+    zero-button::part(control) {
+      display: block;
+    }
+  `,
+    })
+], RuleManagement);
+export { RuleManagement };

package/dist/esm/components/foundation-notification-dashboard/management/rule-template-management.js

@@ -0,0 +1,111 @@
+import { __awaiter, __decorate } from "tslib";
+import { buttonCellRenderer } from '@genesislcap/foundation-entity-management';
+import { css, customElement, FASTElement, html, observable, repeat, when } from '@microsoft/fast-element';
+import { RuleTemplateService } from '../../../services/rule-template.service';
+import { TemplateDialogMode } from '../components/template-dialog/template-dialog.types';
+import { deleteIcon, editIcon } from '../utils/icons';
+import { managementGridStyles } from './management.styles';
+const ruleTemplateColumns = (context) => [
+    {
+        field: 'NAME',
+        headerName: 'Name',
+        flex: 1
+    },
+    {
+        field: 'DESCRIPTION',
+        headerName: 'Description',
+        flex: 1
+    },
+    {
+        field: 'RULE_TABLE',
+        headerName: 'Table',
+        flex: 1
+    },
+    {
+        field: 'RULE_EXPRESSION',
+        headerName: 'Expression',
+        flex: 1
+    },
+    {
+        field: 'RULE_STATUS',
+        headerName: 'Status',
+        flex: 1
+    },
+    buttonCellRenderer('Edit', (e) => context.openTemplateModal(e), editIcon),
+    buttonCellRenderer('Delete', (e) => context.deleteTemplate(e), deleteIcon)
+];
+let RuleTemplateManagement = class RuleTemplateManagement extends FASTElement {
+    constructor() {
+        super(...arguments);
+        this.templateDialogMode = null;
+        this.ruleTemplateData = null;
+    }
+    openTemplateModal(ruleTemplate) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!ruleTemplate) {
+                // Add
+                this.ruleTemplateData = null;
+                this.templateDialogMode = TemplateDialogMode.CREATE;
+                return;
+            }
+            // Edit
+            this.ruleTemplateData = yield this.ruleTemplateService.getRuleTemplateDetails(ruleTemplate.ID);
+            this.templateDialogMode = TemplateDialogMode.EDIT;
+        });
+    }
+    closeTemplateModal() {
+        this.templateDialogMode = null;
+        this.ruleTemplateData = null;
+    }
+    deleteTemplate(ruleTemplate) {
+        this.ruleTemplateService.deleteRuleTemplate(ruleTemplate.ID);
+    }
+};
+__decorate([
+    RuleTemplateService
+], RuleTemplateManagement.prototype, "ruleTemplateService", void 0);
+__decorate([
+    observable
+], RuleTemplateManagement.prototype, "templateDialogMode", void 0);
+__decorate([
+    observable
+], RuleTemplateManagement.prototype, "ruleTemplateData", void 0);
+RuleTemplateManagement = __decorate([
+    customElement({
+        name: 'rule-template-management',
+        template: html `
+    <zero-button class="create-template" @click=${x => x.openTemplateModal()}>
+      <zero-icon name="plus" size="lg" variant="solid"></zero-icon>Add
+    </zero-button>
+    <zero-grid-pro only-template-col-defs>
+      <grid-pro-genesis-datasource resource-name="ALL_RULE_TEMPLATES">
+        ${repeat(x => ruleTemplateColumns(x), html `
+            <grid-pro-column :definition=${x => x} />
+          `)}
+      </grid-pro-genesis-datasource> 
+    </zero-grid-pro>
+    ${when(x => x.templateDialogMode != null, html `
+        <template-dialog
+          @close=${x => x.closeTemplateModal()}
+          :templateDialogMode=${x => x.templateDialogMode}
+          :ruleTemplateData=${x => x.ruleTemplateData}
+        >
+        </template-dialog>
+      `)}
+  `,
+        styles: css `
+    ${managementGridStyles}
+
+    zero-button.create-template {
+      margin: 0px;
+      margin-left: auto;
+      margin-bottom: 6px;
+    }
+
+    zero-button::part(control) {
+      display: block;
+    }
+  `,
+    })
+], RuleTemplateManagement);
+export { RuleTemplateManagement };

package/dist/esm/components/foundation-notification-dashboard/management/screen-route-management.js

@@ -0,0 +1,20 @@
+import { __decorate } from "tslib";
+import { customElement, FASTElement, html } from '@microsoft/fast-element';
+import { managementGridStyles } from './management.styles';
+let ScreenRouteManagement = class ScreenRouteManagement extends FASTElement {
+};
+ScreenRouteManagement = __decorate([
+    customElement({
+        name: 'screen-route-management',
+        template: html `
+    <entity-management
+      resourceName="ALL_SCREEN_ROUTES"
+      createEvent="EVENT_SCREEN_NOTIFY_ROUTE_CREATE"
+      updateEvent="EVENT_SCREEN_NOTIFY_ROUTE_UPDATE"
+      deleteEvent="EVENT_SCREEN_NOTIFY_ROUTE_DELETE"
+    ></entity-management>
+  `,
+        styles: managementGridStyles,
+    })
+], ScreenRouteManagement);
+export { ScreenRouteManagement };

package/dist/esm/components/foundation-notification-dashboard/notification-dashboard.js

@@ -0,0 +1,45 @@
+import { __awaiter, __decorate } from "tslib";
+import { FASTElement, customElement, observable } from '@microsoft/fast-element';
+import * as Components from '../index';
+import { FoundationNotificationDashboardStyles as styles } from './notification-dashboard.styles';
+import { FoundationNotificationDashboardTemplate as template } from './notification-dashboard.template';
+/**
+ * @public
+ */
+let FoundationNotificationDashboard = class FoundationNotificationDashboard extends FASTElement {
+    constructor() {
+        super(...arguments);
+        this.ready = false;
+    }
+    connectedCallback() {
+        const _super = Object.create(null, {
+            connectedCallback: { get: () => super.connectedCallback }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            _super.connectedCallback.call(this);
+            yield this.loadRemotes();
+        });
+    }
+    /**
+     * Load remote components
+     * @remarks With regards to module federation
+     * @internal
+     */
+    loadRemotes() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const remoteComponents = yield Components.loadRemotes();
+            this.ready = true;
+        });
+    }
+};
+__decorate([
+    observable
+], FoundationNotificationDashboard.prototype, "ready", void 0);
+FoundationNotificationDashboard = __decorate([
+    customElement({
+        name: 'foundation-notification-dashboard',
+        template,
+        styles,
+    })
+], FoundationNotificationDashboard);
+export { FoundationNotificationDashboard };

package/dist/esm/components/foundation-notification-dashboard/notification-dashboard.styles.js

@@ -0,0 +1,13 @@
+import { css } from '@microsoft/fast-element';
+/**
+ * @public
+ */
+export const FoundationNotificationDashboardStyles = css `
+  .notification-dashboard, zero-tabs, zero-tab-panel {
+    height: 100%;
+  }
+
+  zero-tab-panel {
+    padding: 16px;
+  }
+`;

package/dist/esm/components/foundation-notification-dashboard/notification-dashboard.template.js

@@ -0,0 +1,42 @@
+import { html } from '@microsoft/fast-element';
+export const FoundationNotificationDashboardTemplate = html `
+  <div
+    class="notification-dashboard"
+    data-test-id="notification-dashboard"
+  >
+    <zero-tabs class="tabs">
+      <zero-tab slot="rules-tab">Rules</zero-tab>
+      <zero-tab slot="templates-tab">Templates</zero-tab>
+      <zero-tab slot="screen-routes-tab">Screen Routes</zero-tab>
+      <zero-tab slot="email-distribution-routes-tab">Email Distribution Routes</zero-tab>
+      <zero-tab slot="email-user-routes-tab">Email User Routes</zero-tab>
+      <zero-tab slot="log-routes-tab">Log Routes</zero-tab>
+      <zero-tab slot="ms-teams-routes-tab">MS Teams Routes</zero-tab>
+      <zero-tab slot="notify-audit-tab">Notify Audit</zero-tab>
+      <zero-tab-panel slot="rules-tab" id="rules-tab-panel">
+        <rule-management></rule-management>
+      </zero-tab-panel>
+      <zero-tab-panel slot="templates-tab" id="templates-tab-panel">
+        <rule-template-management></rule-template-management>
+      </zero-tab-panel>
+      <zero-tab-panel slot="screen-routes-tab" id="routes-tab-panel">  
+        <screen-route-management></screen-route-management>
+      </zero-tab-panel>
+      <zero-tab-panel slot="email-distribution-tab" id="email-distribution-routes-tab-panel">
+        <email-distribution-route-management></email-distribution-route-management>
+      </zero-tab-panel>
+      <zero-tab-panel slot="email-user-routes-tab" id="email-user-routes-tab-panel"> 
+        <email-user-route-management></email-user-route-management>
+      </zero-tab-panel>
+      <zero-tab-panel slot="log-routes-tab" id="log-routes-tab-panel">
+        <log-route-management></log-route-management>
+      </zero-tab-panel>
+      <zero-tab-panel slot="ms-teams-routes-tab" id="ms-teams-routes-tab-panel">
+        <ms-teams-route-management></ms-teams-route-management>
+      </zero-tab-panel>
+      <zero-tab-panel slot="notify-audit-tab" id="notify-audit-tab-panel">
+        <notify-audit-management></notify-audit-management>
+      </zero-tab-panel>
+    </zero-tabs>
+  </div>
+`;

package/dist/esm/components/foundation-notification-dashboard/types/expression-type.js

@@ -0,0 +1,10 @@
+export const EXPRESSION_TYPE_FIELD = 'FIELD';
+export const EXPRESSION_TYPE_NUMBER = 'NUMBER';
+export const EXPRESSION_TYPE_STRING = 'STRING';
+export const EXPRESSION_TYPE_PLACEHOLDER = 'PLACEHOLDER';
+export const ALL_EXPRESSION_TYPES = [
+    EXPRESSION_TYPE_FIELD,
+    EXPRESSION_TYPE_NUMBER,
+    EXPRESSION_TYPE_STRING,
+    EXPRESSION_TYPE_PLACEHOLDER
+];

package/dist/esm/components/foundation-notification-dashboard/types/logical-operator.js

@@ -0,0 +1,10 @@
+export const LOGICAL_OPERATOR_EQUALS = 'EQUALS';
+export const LOGICAL_OPERATOR_NOT_EQUALS = 'NOT_EQUALS';
+export const LOGICAL_OPERATOR_GREATER_THAN = 'GREATER_THAN';
+export const LOGICAL_OPERATOR_LESS_THAN = 'LESS_THAN';
+export const ALL_LOGICAL_OPERATORS = [
+    LOGICAL_OPERATOR_EQUALS,
+    LOGICAL_OPERATOR_NOT_EQUALS,
+    LOGICAL_OPERATOR_GREATER_THAN,
+    LOGICAL_OPERATOR_LESS_THAN,
+];

package/dist/esm/components/foundation-notification-dashboard/types/param-source-type.js

@@ -0,0 +1,8 @@
+export const PARAM_SOURCE_TYPE_USER_TEXT = 'USER_TEXT';
+export const PARAM_SOURCE_TYPE_DEFINED_GROUP = 'DEFINED_GROUP';
+export const PARAM_SOURCE_TYPE_REQ_REP = 'REQ_REP';
+export const ALL_PARAM_SOURCE_TYPES = [
+    PARAM_SOURCE_TYPE_USER_TEXT,
+    PARAM_SOURCE_TYPE_DEFINED_GROUP,
+    // PARAM_SOURCE_TYPE_REQ_REP,
+];

package/dist/esm/components/foundation-notification-dashboard/types/param-type.js

@@ -0,0 +1,10 @@
+export const PARAM_TYPE_FIELD = 'FIELD';
+export const PARAM_TYPE_STRING = 'STRING';
+export const PARAM_TYPE_BOOLEAN = 'BOOLEAN';
+export const PARAM_TYPE_NUMBER = 'NUMBER';
+export const ALL_PARAM_TYPES = [
+    // PARAM_TYPE_FIELD,
+    PARAM_TYPE_STRING,
+    // PARAM_TYPE_BOOLEAN,
+    PARAM_TYPE_NUMBER,
+];

package/dist/esm/components/foundation-notification-dashboard/types/right-criteria.js

@@ -0,0 +1,6 @@
+export const RIGHT_CRITERIA_VALUE = 'VALUE';
+export const RIGHT_CRITERIA_USER_ENTRY = 'USER_ENTRY';
+export const ALL_RIGHT_CRITERIAS = [
+    RIGHT_CRITERIA_VALUE,
+    RIGHT_CRITERIA_USER_ENTRY,
+];

package/dist/esm/components/foundation-notification-dashboard/types/rule-execution-strategy.js

@@ -0,0 +1,6 @@
+export const RULE_EXECUTION_UNLIMITED = 'UNLIMITED';
+export const RULE_EXECUTION = 'ONCE_ONLY';
+export const ALL_RULE_EXECUTION_STRATEGIES = [
+    RULE_EXECUTION_UNLIMITED,
+    RULE_EXECUTION,
+];

package/dist/esm/components/foundation-notification-dashboard/types/severity.js

@@ -0,0 +1,10 @@
+export const SEVERITY_INFORMATION = 'INFORMATION';
+export const SEVERITY_WARNING = 'WARNING';
+export const SEVERITY_CRITICAL = 'CRITICAL';
+export const SEVERITY_SERIOUS = 'SERIOUS';
+export const ALL_SEVERITIES = [
+    SEVERITY_INFORMATION,
+    SEVERITY_WARNING,
+    SEVERITY_CRITICAL,
+    SEVERITY_SERIOUS
+];

package/dist/esm/components/foundation-notification-dashboard/utils/eventDetail.js

@@ -0,0 +1,3 @@
+export function eventDetail(ctx) {
+    return ctx.event.detail;
+}

package/dist/esm/components/foundation-notification-dashboard/utils/gridConfig.js

@@ -0,0 +1,5 @@
+export const hideColumn = {
+    hide: true,
+};
+export const suppressColumn = Object.assign(Object.assign({}, hideColumn), { suppressColumnsToolPanel: true });
+export const hideColumns = (fieldsToSuppress) => fieldsToSuppress.map(columnName => (Object.assign({ field: columnName }, suppressColumn)));

package/dist/esm/components/foundation-notification-dashboard/utils/icons.js

@@ -0,0 +1,20 @@
+import { html } from "@microsoft/fast-element";
+export const editIcon = html `
+  <zero-icon
+    style="pointer-events: none; opacity: 0.5"
+    class="icon-button"
+    variant="solid"
+    name="pen"
+    size="lg"
+  >
+  </zero-icon>
+`;
+export const deleteIcon = html `
+  <zero-icon
+    style="opacity: 0.5"
+    variant="regular"
+    name="trash-alt"
+    size="lg"
+  >
+  </zero-icon>
+`;

package/dist/esm/components/index.js

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

package/dist/esm/index.federated.js

@@ -0,0 +1 @@
+import('./index');

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export * from './components/foundation-inbox';
+export * from './components/foundation-notification-dashboard';

package/dist/esm/layouts/default.js

@@ -0,0 +1,27 @@
+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;
+    }
+  `);

package/dist/esm/layouts/index.js

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