@genesislcap/pbc-notify-ui 1.0.22 → 1.0.23

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-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/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-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.22",
+  "version": "1.0.23",
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
   "types": "dist/dts/index.d.ts",