@genesislcap/pbc-notify-ui 1.0.21 → 1.0.23

package/dist/dts/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.d.ts

@@ -1,5 +1,5 @@
 import { Flyout } from '@genesislcap/foundation-zero';
-import { FoundationInboxBase } from "../../inbox";
+import { FoundationInboxBase } from '../../inbox-base/inbox-base';
 export declare class FoundationInboxFlyout extends FoundationInboxBase {
     flyout: Flyout;
     flyoutClosed: boolean;

package/dist/dts/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"foundation-inbox-flyout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAItD,OAAO,EAAC,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAEhD,qBAKa,qBAAsB,SAAQ,mBAAmB;IAE5D,MAAM,EAAE,MAAM,CAAC;IACH,YAAY,EAAE,OAAO,CAAQ;IAE5B,IAAI;IAKV,KAAK;CAIb"}
+{"version":3,"file":"foundation-inbox-flyout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAItD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,qBAKa,qBAAsB,SAAQ,mBAAmB;IAE5D,MAAM,EAAE,MAAM,CAAC;IACH,YAAY,EAAE,OAAO,CAAQ;IAE5B,IAAI;IAKV,KAAK;CAIb"}

package/dist/dts/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rule-parameter.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAsB,MAAM,yBAAyB,CAAC;AAO3E,eAAO,MAAM,qBAAqB,EAAE,YAsFnC,CAAC"}
+{"version":3,"file":"rule-parameter.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAsB,MAAM,yBAAyB,CAAC;AAO3E,eAAO,MAAM,qBAAqB,EAAE,YAqFnC,CAAC"}

package/dist/dts/components/foundation-inbox/inbox-base/inbox-base.d.ts

@@ -0,0 +1,40 @@
+import { Auth } from "@genesislcap/foundation-comms";
+import { FASTElement } from "@microsoft/fast-element";
+import { AlertService } from "../../../services/alert.service";
+import { RuleService } from "../../../services/rule.service";
+import { TemplateService } from "../../../services/template.service";
+import { Alert, NotificationRuleTemplateReply, Rule, RuleTemplate } from "../inbox.types";
+import { Tabs } from "@microsoft/fast-foundation";
+import { InboxTab } from "../inbox.template";
+export declare class FoundationInboxBase extends FASTElement {
+    auth: Auth;
+    ready: boolean;
+    alertService: AlertService;
+    private alerts;
+    alertsFilter: Alert[];
+    searchAlertLog: string;
+    ruleService: RuleService;
+    private rules;
+    rulesFilter: Rule[];
+    ruleTemplateService: TemplateService;
+    templates: RuleTemplate[];
+    templatesFilter: RuleTemplate[];
+    searchSubscribe: string;
+    ruleTemplateDetails: NotificationRuleTemplateReply;
+    tabs: Tabs;
+    connectedCallback(): Promise<void>;
+    open(): Promise<void>;
+    close(): void;
+    checkActiveTab(inboxTab: InboxTab): "" | "display: none;";
+    inboxTabChanged(inboxTab: InboxTab): Promise<void>;
+    alertsChanged: () => Alert[];
+    rulesChanged: () => Rule[];
+    templatesChanged: () => RuleTemplate[];
+    searchAlertLogChanged: () => void;
+    searchSubscribeChanged: () => void;
+    editAlert(): void;
+    playPauseAlert(ruleClicked: Rule): Promise<void>;
+    deleteAlert(ruleClicked: Rule): Promise<void>;
+    openTemplateSubscription(ruleTemplate: any): Promise<void>;
+}
+//# sourceMappingURL=inbox-base.d.ts.map

package/dist/dts/components/foundation-inbox/inbox-base/inbox-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inbox-base.d.ts","sourceRoot":"","sources":["../../../../../src/components/foundation-inbox/inbox-base/inbox-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAW,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAc,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,6BAA6B,EAAE,IAAI,EAAc,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACtG,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,qBAAa,mBAAoB,SAAQ,WAAW;IAE5C,IAAI,EAAE,IAAI,CAAC;IACL,KAAK,EAAE,OAAO,CAAS;IAErB,YAAY,EAAE,YAAY,CAAC;IAC7B,OAAO,CAAC,MAAM,CAAe;IAC7B,YAAY,EAAE,KAAK,EAAE,CAAM;IAC3B,cAAc,EAAE,MAAM,CAAM;IAE3B,WAAW,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,KAAK,CAAc;IAC3B,WAAW,EAAE,IAAI,EAAE,CAAM;IAEpB,mBAAmB,EAAE,eAAe,CAAC;IAC1C,SAAS,EAAE,YAAY,EAAE,CAAM;IAC/B,eAAe,EAAE,YAAY,EAAE,CAAM;IAErC,eAAe,EAAE,MAAM,CAAM;IAC7B,mBAAmB,EAAE,6BAA6B,CAAQ;IAE/D,IAAI,EAAE,IAAI,CAAC;IAEZ,iBAAiB;IAiBV,IAAI;IAMV,KAAK;IAKZ,cAAc,CAAC,QAAQ,EAAE,QAAQ;IAM3B,eAAe,CAAC,QAAQ,EAAE,QAAQ;IAqBxC,aAAa,gBAAyC;IAEtD,YAAY,eAAuC;IAEnD,gBAAgB,uBAA+C;IAE/D,qBAAqB,aAWpB;IAED,sBAAsB,aAWrB;IAKD,SAAS;IAGH,cAAc,CAAC,WAAW,EAAE,IAAI;IAgBhC,WAAW,CAAC,WAAW,EAAE,IAAI;IAQ7B,wBAAwB,CAAC,YAAY,EAAE,GAAG;CAYjD"}

package/dist/dts/components/foundation-inbox/inbox.d.ts

@@ -1,41 +1,4 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { InboxTab } from './inbox.template';
-import { RuleTemplate, Rule, NotificationRuleTemplateReply, Alert } from './inbox.types';
-import { Tabs } from '@genesislcap/foundation-zero';
-import { Auth } from '@genesislcap/foundation-comms';
-import { AlertService } from '../../services/alert.service';
-import { RuleService } from '../../services/rule.service';
-import { TemplateService } from '../../services/template.service';
-export declare class FoundationInboxBase extends FASTElement {
-    auth: Auth;
-    ready: boolean;
-    alertService: AlertService;
-    private alerts;
-    alertsFilter: Alert[];
-    searchAlertLog: string;
-    ruleService: RuleService;
-    private rules;
-    rulesFilter: Rule[];
-    ruleTemplateService: TemplateService;
-    templates: RuleTemplate[];
-    templatesFilter: RuleTemplate[];
-    searchSubscribe: string;
-    ruleTemplateDetails: NotificationRuleTemplateReply;
-    tabs: Tabs;
-    open(): Promise<void>;
-    close(): void;
-    checkActiveTab(inboxTab: InboxTab): "" | "display: none;";
-    inboxTabChanged(inboxTab: InboxTab): Promise<void>;
-    alertsChanged: () => Alert[];
-    rulesChanged: () => Rule[];
-    templatesChanged: () => RuleTemplate[];
-    searchAlertLogChanged: () => void;
-    searchSubscribeChanged: () => void;
-    editAlert(): void;
-    playPauseAlert(ruleClicked: Rule): Promise<void>;
-    deleteAlert(ruleClicked: Rule): Promise<void>;
-    openTemplateSubscription(ruleTemplate: any): Promise<void>;
-}
+import { FoundationInboxBase } from './inbox-base/inbox-base';
 /**
  * Foundation inbox component for displaying notifies list.
  * Allow searching, filtering and deleting notifies

package/dist/dts/components/foundation-inbox/inbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inbox.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEjF,OAAO,EAAE,QAAQ,EAAuC,MAAM,kBAAkB,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,6BAA6B,EAAE,KAAK,EAAmC,MAAM,eAAe,CAAC;AAC1H,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAW,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,qBAAa,mBAAoB,SAAQ,WAAW;IAE5C,IAAI,EAAE,IAAI,CAAC;IACL,KAAK,EAAE,OAAO,CAAS;IAErB,YAAY,EAAE,YAAY,CAAC;IAC7B,OAAO,CAAC,MAAM,CAAe;IAC7B,YAAY,EAAE,KAAK,EAAE,CAAM;IAC3B,cAAc,EAAE,MAAM,CAAM;IAE3B,WAAW,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,KAAK,CAAc;IAC3B,WAAW,EAAE,IAAI,EAAE,CAAM;IAEpB,mBAAmB,EAAE,eAAe,CAAC;IAC1C,SAAS,EAAE,YAAY,EAAE,CAAM;IAC/B,eAAe,EAAE,YAAY,EAAE,CAAM;IAErC,eAAe,EAAE,MAAM,CAAM;IAC7B,mBAAmB,EAAE,6BAA6B,CAAQ;IAE/D,IAAI,EAAE,IAAI,CAAC;IAEL,IAAI;IAiBV,KAAK;IAKZ,cAAc,CAAC,QAAQ,EAAE,QAAQ;IAM3B,eAAe,CAAC,QAAQ,EAAE,QAAQ;IAqBxC,aAAa,gBAAyC;IAEtD,YAAY,eAAuC;IAEnD,gBAAgB,uBAA+C;IAE/D,qBAAqB,aAWpB;IAED,sBAAsB,aAWrB;IAKD,SAAS;IAGH,cAAc,CAAC,WAAW,EAAE,IAAI;IAgBhC,WAAW,CAAC,WAAW,EAAE,IAAI;IAQ7B,wBAAwB,CAAC,YAAY,EAAE,GAAG;CAYjD;AAED;;;;GAIG;AACH,qBAKa,eAAgB,SAAQ,mBAAmB;CACvD"}
+{"version":3,"file":"inbox.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D;;;;GAIG;AACH,qBAKa,eAAgB,SAAQ,mBAAmB;CACvD"}

package/dist/dts/components/foundation-inbox/inbox.styles.d.ts

@@ -1,5 +1,5 @@
 /**
  * @public
  */
-export declare const InboxStyles: import("@microsoft/fast-element").ElementStyles;
+export declare const FoundationInboxStyles: import("@microsoft/fast-element").ElementStyles;
 //# sourceMappingURL=inbox.styles.d.ts.map

package/dist/dts/components/foundation-inbox/inbox.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,WAAW,iDAkOvB,CAAC"}
+{"version":3,"file":"inbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation-inbox/inbox.styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,qBAAqB,iDAkOjC,CAAC"}

package/dist/dts/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rule-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.styles.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,gBAAgB,iDA0D5B,CAAC"}
+{"version":3,"file":"rule-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.styles.ts"],"names":[],"mappings":"AA4BA,eAAO,MAAM,gBAAgB,iDAoE5B,CAAC"}

package/dist/dts/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rule-dialog.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAM1E,eAAO,MAAM,kBAAkB,EAAE,YA2IhC,CAAC"}
+{"version":3,"file":"rule-dialog.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAM1E,eAAO,MAAM,kBAAkB,EAAE,YAyIhC,CAAC"}

package/dist/dts/components/foundation-notification-dashboard/components/templates/template-dialog/condition-builder/condition-builder.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"condition-builder.template.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/foundation-notification-dashboard/components/templates/template-dialog/condition-builder/condition-builder.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAsB,MAAM,yBAAyB,CAAC;AAM3E,eAAO,MAAM,wBAAwB,EAAE,YAoEtC,CAAC"}
+{"version":3,"file":"condition-builder.template.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/foundation-notification-dashboard/components/templates/template-dialog/condition-builder/condition-builder.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAsB,MAAM,yBAAyB,CAAC;AAM3E,eAAO,MAAM,wBAAwB,EAAE,YAgEtC,CAAC"}

package/dist/dts/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parameter-builder.template.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAA2B,MAAM,yBAAyB,CAAC;AAMhF,eAAO,MAAM,wBAAwB,EAAE,YAgGtC,CAAC"}
+{"version":3,"file":"parameter-builder.template.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAA2B,MAAM,yBAAyB,CAAC;AAMhF,eAAO,MAAM,wBAAwB,EAAE,YA8FtC,CAAC"}

package/dist/dts/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.d.ts

@@ -5,10 +5,10 @@ import { Field, SystemService } from '../../../../../services/system.service';
 import { TemplateService } from '../../../../../services/template.service';
 import { ConditionBuilderEntity, ParameterBuilderEntity, TemplateDialogMode } from './template-dialog.types';
 export declare class TemplateDialog extends FASTElement {
-    ruleTemplateService: TemplateService;
+    templateService: TemplateService;
     systemService: SystemService;
     notifyService: NotifyService;
-    ruleTemplateId: string;
+    templateId: string;
     name: string;
     description: string;
     header: any;

package/dist/dts/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"template-dialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAiB,WAAW,EAAc,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAO3E,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAY,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAKvH,qBAKa,cAAe,SAAQ,WAAW;IAE5B,mBAAmB,EAAE,eAAe,CAAC;IACvC,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,aAAa,CAAC;IAEhC,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,MAAC;IACP,OAAO,MAAC;IACR,QAAQ,EAAE,MAAM,CAAM;IACtB,KAAK,MAAC;IACN,QAAQ,MAAC;IAET,UAAU,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAM;IAC/C,UAAU,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAM;IAE/C,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IAC9B,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAM;IAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IAE3B,kBAAkB,EAAE,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;IAE7F,MAAM,EAAE,MAAM,CAAC;IAEF,UAAU,CAAC,MAAM,EAAE,GAAG;IAmEnC,IAAI,mBAAmB,IAAI,MAAM,CAKhC;IAED,MAAM;IAuCN,gBAAgB,CAAC,QAAQ,KAAA;IAoBzB,KAAK;IAkBL,YAAY;IAIZ,aAAa,CAAC,eAAe,EAAE,sBAAsB;IAGrD,eAAe,CAAC,gBAAgB,EAAE,sBAAsB;IAYxD,YAAY;IAIZ,aAAa,CAAC,eAAe,EAAE,sBAAsB;IAIrD,eAAe,CAAC,gBAAgB,EAAE,sBAAsB;IAWlD,eAAe;CAItB"}
+{"version":3,"file":"template-dialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAiB,WAAW,EAAc,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAO3E,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAY,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAKvH,qBAKa,cAAe,SAAQ,WAAW;IAE5B,eAAe,EAAE,eAAe,CAAC;IACnC,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,aAAa,CAAC;IAEhC,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,MAAC;IACP,OAAO,MAAC;IACR,QAAQ,EAAE,MAAM,CAAM;IACtB,KAAK,MAAC;IACN,QAAQ,MAAC;IAET,UAAU,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAM;IAC/C,UAAU,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAM;IAE/C,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IAC9B,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAM;IAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IAE3B,kBAAkB,EAAE,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;IAE7F,MAAM,EAAE,MAAM,CAAC;IAEF,UAAU,CAAC,MAAM,EAAE,GAAG;IAmEnC,IAAI,mBAAmB,IAAI,MAAM,CAKhC;IAED,MAAM;IAuCN,gBAAgB,CAAC,QAAQ,KAAA;IAoBzB,KAAK;IAkBL,YAAY;IAIZ,aAAa,CAAC,eAAe,EAAE,sBAAsB;IAGrD,eAAe,CAAC,gBAAgB,EAAE,sBAAsB;IAYxD,YAAY;IAIZ,aAAa,CAAC,eAAe,EAAE,sBAAsB;IAIrD,eAAe,CAAC,gBAAgB,EAAE,sBAAsB;IAWlD,eAAe;CAItB"}

package/dist/dts/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"template-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.styles.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,oBAAoB,iDA8DhC,CAAC"}
+{"version":3,"file":"template-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.styles.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,oBAAoB,iDAuEhC,CAAC"}

package/dist/dts/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"template-dialog.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAM1E,eAAO,MAAM,sBAAsB,EAAE,YAoKpC,CAAC"}
+{"version":3,"file":"template-dialog.template.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAK1E,eAAO,MAAM,sBAAsB,EAAE,YAkKpC,CAAC"}

package/dist/esm/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.js

@@ -2,7 +2,7 @@ import { __awaiter, __decorate } from "tslib";
 import { observable, customElement } from '@microsoft/fast-element';
 import { FoundationInboxFlyoutStyles } from './foundation-inbox-flyout.styles';
 import { FoundationInboxFlyoutTemplate } from './foundation-inbox-flyout.template';
-import { FoundationInboxBase } from "../../inbox";
+import { FoundationInboxBase } from '../../inbox-base/inbox-base';
 let FoundationInboxFlyout = class FoundationInboxFlyout extends FoundationInboxBase {
     constructor() {
         super(...arguments);

package/dist/esm/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.js

@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { InboxStyles } from '../../inbox.styles';
+import { FoundationInboxStyles } from '../../inbox.styles';
 export const FoundationInboxFlyoutStyles = css `
   zero-flyout::part(flyout) {
     width: 30%;
@@ -13,5 +13,5 @@ export const FoundationInboxFlyoutStyles = css `
     flex-direction: column;
   }
   
-  ${InboxStyles}
+  ${FoundationInboxStyles}
 `;

package/dist/esm/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.template.js

@@ -51,7 +51,6 @@ export const RuleParameterTemplate = html `
         <zero-select
           autofocus=${x => x.isFirstElement}
           class="input-field"
-          position="below"
           :value=${sync(x => x.inputValue)}
         >
           ${repeat(x => x.parameter.PARAM_SOURCE.split(','), html `

package/dist/esm/components/foundation-inbox/inbox-base/inbox-base.js

@@ -0,0 +1,185 @@
+import { __awaiter, __decorate } from "tslib";
+import { Auth } from "@genesislcap/foundation-comms";
+import { FASTElement, observable } from "@microsoft/fast-element";
+import { AlertService } from "../../../services/alert.service";
+import { RuleService } from "../../../services/rule.service";
+import { TemplateService } from "../../../services/template.service";
+import { RuleStatus } from "../inbox.types";
+import { logger, updateArray } from "../../../utils";
+import { InboxTab } from "../inbox.template";
+export class FoundationInboxBase extends FASTElement {
+    constructor() {
+        super(...arguments);
+        this.ready = false;
+        this.alerts = [];
+        this.alertsFilter = [];
+        this.searchAlertLog = '';
+        this.rules = [];
+        this.rulesFilter = [];
+        this.templates = [];
+        this.templatesFilter = [];
+        this.searchSubscribe = '';
+        this.ruleTemplateDetails = null;
+        // #endregion
+        // #region Changed Events
+        this.alertsChanged = () => this.alertsFilter = this.alerts;
+        this.rulesChanged = () => this.rulesFilter = this.rules;
+        this.templatesChanged = () => this.templatesFilter = this.templates;
+        this.searchAlertLogChanged = () => {
+            if (!this.searchAlertLog) {
+                this.alertsFilter = this.alerts;
+                return;
+            }
+            this.alertsFilter = this.alerts.filter(item => item.HEADER
+                .toLowerCase()
+                .startsWith(this.searchAlertLog.toLowerCase()));
+        };
+        this.searchSubscribeChanged = () => {
+            if (!this.searchSubscribe) {
+                this.templatesFilter = this.templates;
+                return;
+            }
+            this.templatesFilter = this.templates.filter(item => item.NAME
+                .toLowerCase()
+                .startsWith(this.searchSubscribe.toLowerCase()));
+        };
+        // #endregion
+    }
+    connectedCallback() {
+        const _super = Object.create(null, {
+            connectedCallback: { get: () => super.connectedCallback }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            _super.connectedCallback.call(this);
+            this.alertService.getAlerts().subscribe({
+                next: (streamMessage) => {
+                    var _a;
+                    if (streamMessage.ERROR) {
+                        logger.error(streamMessage.ERROR);
+                        return;
+                    }
+                    this.alerts = updateArray((_a = streamMessage.ROW) !== null && _a !== void 0 ? _a : null, this.alerts);
+                },
+                error: (error) => {
+                    logger.error(error);
+                },
+            });
+        });
+    }
+    open() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // Alerts is updated by stream
+            this.rules = yield this.ruleService.getRules();
+            this.templates = yield this.ruleTemplateService.getRuleTemplates();
+        });
+    }
+    close() {
+        this.ruleTemplateDetails = null;
+    }
+    // #region Tabs
+    checkActiveTab(inboxTab) {
+        return this.tabs.activeid === inboxTab.toString()
+            ? ''
+            : 'display: none;';
+    }
+    inboxTabChanged(inboxTab) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.ruleTemplateDetails = null;
+            switch (inboxTab) {
+                case InboxTab.AlertLog:
+                    break;
+                case InboxTab.MyAlerts:
+                    this.rules = yield this.ruleService.getRules();
+                    break;
+                case InboxTab.Subscribe:
+                    this.templates = yield this.ruleTemplateService.getRuleTemplates();
+                    break;
+                default:
+                    logger.error('Unexpected inboxTab:', inboxTab);
+                    break;
+            }
+        });
+    }
+    // #endregion
+    // #region My Alerts
+    // TODO:
+    editAlert() {
+    }
+    playPauseAlert(ruleClicked) {
+        return __awaiter(this, void 0, void 0, function* () {
+            switch (ruleClicked.RULE_STATUS) {
+                case RuleStatus.ENABLED:
+                    yield this.ruleService.disableRule(ruleClicked.ID);
+                    break;
+                case RuleStatus.DISABLED:
+                    yield this.ruleService.enableRule(ruleClicked.ID);
+                    break;
+                default:
+                    logger.error('Unexpected ruleStatus:', ruleClicked.RULE_STATUS);
+                    break;
+            }
+            this.rules = yield this.ruleService.getRules();
+        });
+    }
+    deleteAlert(ruleClicked) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.ruleService.unsubscribeRule(ruleClicked.ID);
+            this.rules = yield this.ruleService.getRules();
+        });
+    }
+    // #endregion
+    // #region Subscribe
+    openTemplateSubscription(ruleTemplate) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.ruleTemplateDetails) {
+                // Close
+                this.ruleTemplateDetails = null;
+                return;
+            }
+            // Open
+            this.ruleTemplateDetails = yield this.ruleTemplateService.getRuleTemplateDetails(ruleTemplate.ID);
+        });
+    }
+}
+__decorate([
+    Auth
+], FoundationInboxBase.prototype, "auth", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "ready", void 0);
+__decorate([
+    AlertService
+], FoundationInboxBase.prototype, "alertService", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "alerts", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "alertsFilter", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "searchAlertLog", void 0);
+__decorate([
+    RuleService
+], FoundationInboxBase.prototype, "ruleService", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "rules", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "rulesFilter", void 0);
+__decorate([
+    TemplateService
+], FoundationInboxBase.prototype, "ruleTemplateService", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "templates", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "templatesFilter", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "searchSubscribe", void 0);
+__decorate([
+    observable
+], FoundationInboxBase.prototype, "ruleTemplateDetails", void 0);

package/dist/esm/components/foundation-inbox/inbox.js

@@ -1,180 +1,8 @@
-import { __awaiter, __decorate } from "tslib";
-import { observable, customElement, FASTElement } from '@microsoft/fast-element';
-import { InboxStyles as styles } from './inbox.styles';
-import { InboxTab, FoundationInboxTemplate as template } from './inbox.template';
-import { RuleStatus } from './inbox.types';
-import { logger, updateArray } from '../../utils';
-import { Auth } from '@genesislcap/foundation-comms';
-import { AlertService } from '../../services/alert.service';
-import { RuleService } from '../../services/rule.service';
-import { TemplateService } from '../../services/template.service';
-export class FoundationInboxBase extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.ready = false;
-        this.alerts = [];
-        this.alertsFilter = [];
-        this.searchAlertLog = '';
-        this.rules = [];
-        this.rulesFilter = [];
-        this.templates = [];
-        this.templatesFilter = [];
-        this.searchSubscribe = '';
-        this.ruleTemplateDetails = null;
-        // #endregion
-        // #region Changed Events
-        this.alertsChanged = () => this.alertsFilter = this.alerts;
-        this.rulesChanged = () => this.rulesFilter = this.rules;
-        this.templatesChanged = () => this.templatesFilter = this.templates;
-        this.searchAlertLogChanged = () => {
-            if (!this.searchAlertLog) {
-                this.alertsFilter = this.alerts;
-                return;
-            }
-            this.alertsFilter = this.alerts.filter(item => item.HEADER
-                .toLowerCase()
-                .startsWith(this.searchAlertLog.toLowerCase()));
-        };
-        this.searchSubscribeChanged = () => {
-            if (!this.searchSubscribe) {
-                this.templatesFilter = this.templates;
-                return;
-            }
-            this.templatesFilter = this.templates.filter(item => item.NAME
-                .toLowerCase()
-                .startsWith(this.searchSubscribe.toLowerCase()));
-        };
-        // #endregion
-    }
-    open() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.alertService.getAlerts().subscribe({
-                next: (streamMessage) => {
-                    var _a;
-                    if (streamMessage.ERROR) {
-                        logger.error(streamMessage.ERROR);
-                        return;
-                    }
-                    this.alerts = updateArray((_a = streamMessage.ROW) !== null && _a !== void 0 ? _a : null, this.alerts);
-                },
-                error: (error) => {
-                    logger.error(error);
-                },
-            });
-            this.rules = yield this.ruleService.getRules();
-            this.templates = yield this.ruleTemplateService.getRuleTemplates();
-        });
-    }
-    close() {
-        this.ruleTemplateDetails = null;
-    }
-    // #region Tabs
-    checkActiveTab(inboxTab) {
-        return this.tabs.activeid === inboxTab.toString()
-            ? ''
-            : 'display: none;';
-    }
-    inboxTabChanged(inboxTab) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.ruleTemplateDetails = null;
-            switch (inboxTab) {
-                case InboxTab.AlertLog:
-                    break;
-                case InboxTab.MyAlerts:
-                    this.rules = yield this.ruleService.getRules();
-                    break;
-                case InboxTab.Subscribe:
-                    this.templates = yield this.ruleTemplateService.getRuleTemplates();
-                    break;
-                default:
-                    logger.error('Unexpected inboxTab:', inboxTab);
-                    break;
-            }
-        });
-    }
-    // #endregion
-    // #region My Alerts
-    // TODO:
-    editAlert() {
-    }
-    playPauseAlert(ruleClicked) {
-        return __awaiter(this, void 0, void 0, function* () {
-            switch (ruleClicked.RULE_STATUS) {
-                case RuleStatus.ENABLED:
-                    yield this.ruleService.disableRule(ruleClicked.ID);
-                    break;
-                case RuleStatus.DISABLED:
-                    yield this.ruleService.enableRule(ruleClicked.ID);
-                    break;
-                default:
-                    logger.error('Unexpected ruleStatus:', ruleClicked.RULE_STATUS);
-                    break;
-            }
-            this.rules = yield this.ruleService.getRules();
-        });
-    }
-    deleteAlert(ruleClicked) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.ruleService.unsubscribeRule(ruleClicked.ID);
-            this.rules = yield this.ruleService.getRules();
-        });
-    }
-    // #endregion
-    // #region Subscribe
-    openTemplateSubscription(ruleTemplate) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.ruleTemplateDetails) {
-                // Close
-                this.ruleTemplateDetails = null;
-                return;
-            }
-            // Open
-            this.ruleTemplateDetails = yield this.ruleTemplateService.getRuleTemplateDetails(ruleTemplate.ID);
-        });
-    }
-}
-__decorate([
-    Auth
-], FoundationInboxBase.prototype, "auth", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "ready", void 0);
-__decorate([
-    AlertService
-], FoundationInboxBase.prototype, "alertService", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "alerts", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "alertsFilter", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "searchAlertLog", void 0);
-__decorate([
-    RuleService
-], FoundationInboxBase.prototype, "ruleService", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "rules", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "rulesFilter", void 0);
-__decorate([
-    TemplateService
-], FoundationInboxBase.prototype, "ruleTemplateService", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "templates", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "templatesFilter", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "searchSubscribe", void 0);
-__decorate([
-    observable
-], FoundationInboxBase.prototype, "ruleTemplateDetails", void 0);
+import { __decorate } from "tslib";
+import { customElement } from '@microsoft/fast-element';
+import { FoundationInboxStyles } from './inbox.styles';
+import { FoundationInboxTemplate } from './inbox.template';
+import { FoundationInboxBase } from './inbox-base/inbox-base';
 /**
  * Foundation inbox component for displaying notifies list.
  * Allow searching, filtering and deleting notifies
@@ -185,8 +13,8 @@ let FoundationInbox = class FoundationInbox extends FoundationInboxBase {
 FoundationInbox = __decorate([
     customElement({
         name: 'foundation-inbox',
-        template,
-        styles,
+        template: FoundationInboxTemplate,
+        styles: FoundationInboxStyles,
     })
 ], FoundationInbox);
 export { FoundationInbox };

package/dist/esm/components/foundation-inbox/inbox.styles.js

@@ -2,7 +2,7 @@ import { css } from '@microsoft/fast-element';
 /**
  * @public
  */
-export const InboxStyles = css `
+export const FoundationInboxStyles = css `
   .inbox {
     width: 100%;
     height: 100%;

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

@@ -1,31 +1,30 @@
 import { css } from '@microsoft/fast-element';
 const modalWidthPx = 940;
-const header = css `
+const top = css `
   zero-modal::part(top) {
     padding: calc(var(--design-unit) * 4px);
     border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
     margin: 0px;
   }
 
-  .rule-dialog-header-title {
+  .rule-dialog-top {
     font-weight: bold;
     align-self: center;
   }
 `;
-const footer = css `
-  .rule-dialog-footer {
-    display: flex;
-    padding: 0 calc(var(--design-unit)* 4px) calc(var(--design-unit)* 4px);
+const bottom = css `
+  zero-modal::part(bottom) {
+    padding: calc(var(--design-unit) * 4px);
+    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);;
+    margin: 0px;
   }
-
-  .rule-dialog-footer .content-row {
-    margin-left: auto;
-    margin-bottom: 0px;
+  .rule-dialog-bottom {
+    display: flex;
   }
 `;
 export const RuleDialogStyles = css `
-  ${header}
-  ${footer}
+  ${top}
+  ${bottom}
 
   zero-modal::part(dialog) {
     padding: 0;
@@ -39,8 +38,8 @@ export const RuleDialogStyles = css `
     width: ${String(modalWidthPx)}px;
     gap: calc(var(--design-unit) * 3px);
     padding: calc(var(--design-unit) * 4px);
-    overflow-y: auto; 
-    height: 424px;
+    max-height: 380px;
+    overflow-y: scroll;
   }
 
   .content-row {
@@ -81,4 +80,14 @@ export const RuleDialogStyles = css `
   zero-select::part(listbox) {
     max-height: 160px;
   }
+
+  .horizontal {
+    flex-direction: row;
+  }
+  .destination {
+    align-self: center;
+  }
+  .topic {
+    min-width: revert-layer;
+  }
 `;

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

@@ -8,7 +8,7 @@ export const RuleDialogTemplate = html `
     class="rule-dialog"
     :onCloseCallback=${(x) => () => x.close()}
   >
-    <div slot="top" class="rule-dialog-header-title">
+    <div slot="top" class="rule-dialog-top">
       ${x => x.ruleDialogTitle}
     </div>
 
@@ -121,15 +121,13 @@ export const RuleDialogTemplate = html `
       </div>
     </div>
 
-    <div class="rule-dialog-footer">
-      <div class="content-row">
-        <zero-button
-          appearance="accent"
-          @click=${x => x.submit()}
-        >
-          Submit
-        </zero-button>
-      </div>
+    <div slot="bottom" class="rule-dialog-bottom">
+      <zero-button
+        appearance="accent"
+        @click=${x => x.submit()}
+      >
+        Submit
+      </zero-button>
     </div>
   </zero-modal>
 `;

package/dist/esm/components/foundation-notification-dashboard/components/templates/template-dialog/condition-builder/condition-builder.template.js

@@ -7,7 +7,6 @@ export const ConditionBuilderTemplate = html `
     <zero-select
       :value=${sync(x => x.leftValue)}
       class="left-value"
-      position="below"
     >
       ${repeat(x => x.leftValueItems, html `
           <zero-option value=${x => JSON.stringify(x)}>${x => x.FIELD_NAME}</zero-option>
@@ -17,7 +16,6 @@ export const ConditionBuilderTemplate = html `
     <zero-select
       class="logical-operator"
       :value=${sync(x => x.logicalOperator)}
-      position="below"
     >
       ${repeat(x => ALL_LOGICAL_OPERATORS, html `
           <zero-option value=${x => x}>${x => x}</zero-option>
@@ -27,7 +25,6 @@ export const ConditionBuilderTemplate = html `
     <zero-select
       class="right-criteria"
       :value=${sync(x => x.rightCriteria)}
-      position="below"
     >
       ${repeat(x => ALL_RIGHT_CRITERIAS, html `
           <zero-option value=${x => x}>${x => x}</zero-option>
@@ -47,7 +44,6 @@ export const ConditionBuilderTemplate = html `
       <zero-select
         class="right-criteria-user-entry"
         :value=${sync(x => x.rightValueUserEntry)}
-        position="below"
       >
         ${x => x.rightValueItemsProperty}
       </zero-select>

package/dist/esm/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.js

@@ -22,7 +22,6 @@ export const ParameterBuilderTemplate = html `
       id="param-source-type"
       :value=${sync(x => x.sourceType)}
       class="param-source-type"
-      position="below"
     >
       ${repeat(x => ALL_PARAM_SOURCE_TYPES, html `
           <zero-option value=${x => x}>${x => x}</zero-option>
@@ -65,7 +64,6 @@ export const ParameterBuilderTemplate = html `
       id="param-type"
       :value=${sync(x => x.type)}
       class="param-type"
-      position="below"
     >
       ${repeat(x => ALL_PARAM_TYPES, html `
           <zero-option value=${x => x}>${x => x}</zero-option>

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

@@ -39,7 +39,7 @@ let TemplateDialog = class TemplateDialog extends FASTElement {
                     break;
                 case TemplateDialogMode.EDIT:
                     const ruleTemplate = params.data;
-                    this.ruleTemplateId = ruleTemplate.DYNAMIC_RULE_ID;
+                    this.templateId = ruleTemplate.DYNAMIC_RULE_ID;
                     this.name = ruleTemplate.RULE_NAME;
                     this.description = ruleTemplate.RULE_DESCRIPTION;
                     this.resource = ruleTemplate.RULE_TABLE;
@@ -93,7 +93,7 @@ let TemplateDialog = class TemplateDialog extends FASTElement {
         return `${mode} Template`;
     }
     submit() {
-        const template = Object.assign(Object.assign({}, (this.templateDialogMode === TemplateDialogMode.EDIT && { DYNAMIC_RULE_ID: this.ruleTemplateId })), { RULE_NAME: this.name, RULE_DESCRIPTION: this.description, RULE_TABLE: this.resource, RULE_EXPRESSION: {
+        const template = Object.assign(Object.assign({}, (this.templateDialogMode === TemplateDialogMode.EDIT && { DYNAMIC_RULE_ID: this.templateId })), { RULE_NAME: this.name, RULE_DESCRIPTION: this.description, RULE_TABLE: this.resource, RULE_EXPRESSION: {
                 CONDITIONS: createConditions(this.conditions, this.parameters)
             }, RAW_RULE_EXPRESSION: null, RESULT_EXPRESSION: {
                 ASSIGNMENTS: [
@@ -105,12 +105,12 @@ let TemplateDialog = class TemplateDialog extends FASTElement {
             }, PARAMETER_DETAILS: createParameterDetails(this.parameters), RULE_EXECUTION_STRATEGY: 'UNLIMITED' });
         switch (this.templateDialogMode) {
             case TemplateDialogMode.CREATE:
-                this.ruleTemplateService
+                this.templateService
                     .createRuleTemplate(template)
                     .then(response => this.validateResponse(response));
                 break;
             case TemplateDialogMode.EDIT:
-                this.ruleTemplateService
+                this.templateService
                     .editRuleTemplate(template)
                     .then(response => this.validateResponse(response));
                 break;
@@ -137,7 +137,7 @@ let TemplateDialog = class TemplateDialog extends FASTElement {
     }
     close() {
         this.dialog.close();
-        this.ruleTemplateId = null;
+        this.templateId = null;
         this.name = null;
         this.description = null;
         this.header = null;
@@ -187,7 +187,7 @@ let TemplateDialog = class TemplateDialog extends FASTElement {
 };
 __decorate([
     TemplateService
-], TemplateDialog.prototype, "ruleTemplateService", void 0);
+], TemplateDialog.prototype, "templateService", void 0);
 __decorate([
     SystemService
 ], TemplateDialog.prototype, "systemService", void 0);
@@ -196,7 +196,7 @@ __decorate([
 ], TemplateDialog.prototype, "notifyService", void 0);
 __decorate([
     observable
-], TemplateDialog.prototype, "ruleTemplateId", void 0);
+], TemplateDialog.prototype, "templateId", void 0);
 __decorate([
     observable
 ], TemplateDialog.prototype, "name", void 0);

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

@@ -1,31 +1,31 @@
 import { css } from '@microsoft/fast-element';
 const modalWidthPx = 940;
-const header = css `
+const top = css `
   zero-modal::part(top) {
     padding: calc(var(--design-unit) * 4px);
     border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
     margin: 0px;
   }
 
-  .template-dialog-header-title {
+  .template-dialog-top {
     font-weight: bold;
     align-self: center;
   }
 `;
-const footer = css `
-  .template-dialog-footer {
-    display: flex;
-    padding: 0 calc(var(--design-unit)* 4px) calc(var(--design-unit)* 4px);
+const bottom = css `
+  zero-modal::part(bottom) {
+    padding: calc(var(--design-unit) * 4px);
+    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);;
+    margin: 0px;
   }
 
-  .template-dialog-footer .content-row {
-    margin-left: auto;
-    margin-bottom: 0px;
+  .template-dialog-bottom {
+    display: flex;
   }
 `;
 export const TemplateDialogStyles = css `
-  ${header}
-  ${footer}
+  ${top}
+  ${bottom}
 
   zero-modal::part(dialog) {
     padding: 0;
@@ -35,9 +35,10 @@ export const TemplateDialogStyles = css `
 
   .template-dialog-content {
     display: flex;
-    justify-content: center;
     flex-direction: column;
     width: ${String(modalWidthPx)}px;
+    max-height: 500px;
+    overflow-y: scroll;
     gap: calc(var(--design-unit) * 3px);
     padding: calc(var(--design-unit) * 4px);
   }
@@ -56,15 +57,11 @@ export const TemplateDialogStyles = css `
 
   .parameters,
   .conditions {
-    height: 150px;
-    max-height: 200px;
     border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
     border-radius: calc(var(--control-corner-radius) * 1px);
     display: flex;
     flex-direction: column;
     padding: calc(var(--design-unit) * 2px);
-    flex-direction: column;
-    overflow-y: scroll;
   }
 
   .parameter,
@@ -85,4 +82,16 @@ export const TemplateDialogStyles = css `
   zero-select::part(listbox) {
     max-height: 160px;
   }
+
+  .horizontal {
+    flex-direction: row;
+  }
+
+  .destination {
+    align-self: center;
+  }
+  
+  .topic {
+    min-width: revert-layer;
+  }
 `;

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

@@ -8,7 +8,7 @@ export const TemplateDialogTemplate = html `
     class="template-dialog"
     :onCloseCallback=${(x) => () => x.close()}
   >
-    <div slot="top" class="template-dialog-header-title">
+    <div slot="top" class="template-dialog-top">
       ${x => x.templateDialogTitle}
     </div>
 
@@ -143,15 +143,13 @@ export const TemplateDialogTemplate = html `
       </div>
     </div>
 
-    <div class="template-dialog-footer">
-      <div class="content-row">
-        <zero-button
-          appearance="accent"
-          @click=${x => x.submit()}
-        >
-          Submit
-        </zero-button>
-      </div>
+    <div slot="bottom" class="template-dialog-bottom">
+      <zero-button
+        appearance="accent"
+        @click=${x => x.submit()}
+      >
+        Submit
+      </zero-button>
     </div>
   </zero-modal>
 `;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/pbc-notify-ui",
   "description": "Genesis PBC Notify UI",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
   "types": "dist/dts/index.d.ts",