@genesislcap/pbc-notify-ui 14.491.1 → 14.492.0-FUI-2571.4

package/dist/custom-elements.json

@@ -3791,149 +3791,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "noItemsClass",
-          "type": {
-            "text": "string"
-          },
-          "default": "'no-items'",
-          "description": "Class to use when there are no items"
-        },
-        {
-          "kind": "variable",
-          "name": "FoundationInboxCounterStyles",
-          "default": "css`\n  :host {\n    display: inline-block;\n    min-width: 16px;\n    height: 16px;\n    border-radius: 9px;\n    text-align: center;\n    color: #fff;\n    line-height: 16px;\n    font-size: 9px;\n    font-weight: 700;\n    background: ${BACKGROUND_COLOR};\n    pointer-events: none;\n  }\n\n  .hidden {\n    visibility: hidden;\n  }\n\n  :host(.${noItemsClass}) {\n    display: none;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "noItemsClass",
-          "declaration": {
-            "name": "noItemsClass",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "FoundationInboxCounterStyles",
-          "declaration": {
-            "name": "FoundationInboxCounterStyles",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "FoundationInboxCounterTemplate",
-          "default": "html<FoundationInboxCounter>`\n  <template class=\"${(x) => classNames([noItemsClass, x.value < 1])}\">\n    ${when(\n      (x) => x.value > 0,\n      html`\n        ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}\n      `,\n    )}\n  </template>\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FoundationInboxCounterTemplate",
-          "declaration": {
-            "name": "FoundationInboxCounterTemplate",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FoundationInboxCounter",
-          "members": [
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "connect",
-              "type": {
-                "text": "Connect"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "inboxService",
-              "type": {
-                "text": "FoundationInboxService"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "connectionSub",
-              "type": {
-                "text": "Subscription"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "subscribeToAlerts",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Subscribes to alerts from the inbox service"
-            },
-            {
-              "kind": "field",
-              "name": "subscriptionHandler",
-              "privacy": "private",
-              "description": "Handles subscription updates from the inbox service"
-            }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "foundation-inbox-counter",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FoundationInboxCounter",
-          "declaration": {
-            "name": "FoundationInboxCounter",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "foundation-inbox-counter",
-          "declaration": {
-            "name": "FoundationInboxCounter",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
@@ -4943,279 +4800,205 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts",
+      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "InboxSubscriptionStyles",
-          "default": "css`\n  .inbox-subscription {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .inbox-subscription.inline {\n    margin-top: calc(var(--design-unit) * 2px);\n    padding-top: calc(var(--design-unit) * 2px);\n    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n  }\n\n  .inbox-subscription-header {\n    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    padding: calc(var(--design-unit) * 2px);\n  }\n\n  .inbox-subscription-empty {\n    padding: 0 calc(var(--design-unit) * 2px);\n    margin: calc(var(--design-unit) * 2px) 0 0;\n  }\n\n  .inbox-subscription-content {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 3px);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    margin: calc(var(--design-unit) * 2px);\n    padding: calc(var(--design-unit) * 2px);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n  }\n\n  .inbox-subscription:not(.inline) .inbox-subscription-content {\n    overflow: auto;\n    max-height: calc(var(--design-unit) * 80px);\n  }\n\n  .inbox-subscription.inline .inbox-subscription-content {\n    margin: calc(var(--design-unit) * 2px) 0 0;\n    overflow: visible;\n    max-height: none;\n    padding-bottom: calc(var(--design-unit) * 4px);\n  }\n\n  .inbox-subscription.inline .control:focus-within {\n    position: relative;\n    z-index: 2;\n  }\n\n  .inbox-subscription-footer {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    padding: calc(var(--design-unit) * 2px) 0 0;\n    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    margin-top: calc(var(--design-unit) * 2px);\n  }\n\n  .inbox-subscription:not(.inline) .inbox-subscription-footer {\n    padding: calc(var(--design-unit) * 2px);\n    margin-top: 0;\n  }\n\n  .inbox-subscription-footer.auto-submit {\n    justify-content: flex-end;\n    border-top: none;\n    margin-top: 0;\n    padding-top: 0;\n  }\n\n  rapid-button.subscribe,\n  rapid-button.cancel {\n    display: flex;\n    margin: 0;\n    flex: 1;\n  }\n`"
+          "name": "noItemsClass",
+          "type": {
+            "text": "string"
+          },
+          "default": "'no-items'",
+          "description": "Class to use when there are no items"
+        },
+        {
+          "kind": "variable",
+          "name": "FoundationInboxCounterStyles",
+          "default": "css`\n  :host {\n    display: inline-block;\n    min-width: 16px;\n    height: 16px;\n    border-radius: 9px;\n    text-align: center;\n    color: #fff;\n    line-height: 16px;\n    font-size: 9px;\n    font-weight: 700;\n    background: ${BACKGROUND_COLOR};\n    pointer-events: none;\n  }\n\n  .hidden {\n    visibility: hidden;\n  }\n\n  :host(.${noItemsClass}) {\n    display: none;\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "InboxSubscriptionStyles",
+          "name": "noItemsClass",
           "declaration": {
-            "name": "InboxSubscriptionStyles",
-            "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts"
+            "name": "noItemsClass",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FoundationInboxCounterStyles",
+          "declaration": {
+            "name": "FoundationInboxCounterStyles",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts",
+      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "InboxSubscriptionTemplate",
-          "default": "html<InboxSubscription>`\n  <div class=\"inbox-subscription ${(x) => (x.inline ? 'inline' : '')}\">\n    ${when(\n      (x) => !x.inline,\n      html`\n        <div class=\"inbox-subscription-header\">\n          Subscribe to\n          <span style=\"font-weight: bold;\">${(x) => x.template.RULE_NAME}</span>\n        </div>\n      `,\n    )}\n    ${when(\n      (x) => Object.values(x.template?.PARAMETERS ?? {}).length === 0,\n      html`\n        <p class=\"inbox-subscription-empty\">The selected template doesn't have parameters.</p>\n      `,\n    )}\n    ${when(\n      (x) => Object.values(x.template?.PARAMETERS ?? {}).length > 0,\n      html`\n        <div class=\"inbox-subscription-content\">\n          ${repeat(\n            // @ts-ignore\n            (x) => Object.values(x.template?.PARAMETERS ?? {}),\n            html<RuleParameterEntity>`\n              <rule-parameter\n                :parameter=${(x) => x}\n                :isFirstElement=${(x, c) => c.parent.isFirstElement(x)}\n                :operator=${(x, c) => c.parent.parametersOperators[x.PARAM_NAME]}\n                :requireSelection=${(x, c) => c.parent.usesAutoSubmit()}\n                @parameterEdited=${(x, c) => c.parent.parameterEdit(eventDetail(c))}\n              ></rule-parameter>\n            `,\n          )}\n        </div>\n      `,\n    )}\n    ${when(\n      (x) => !x.inline || x.requiresManualSubscribe(),\n      html`\n        <div class=\"inbox-subscription-footer\">\n          ${when(\n            (x) => x.inline,\n            html`\n              <rapid-button\n                class=\"cancel\"\n                appearance=\"neutral\"\n                @click=${(x) => x.cancelSubscribe()}\n              >\n                Cancel\n              </rapid-button>\n            `,\n          )}\n          <rapid-button\n            class=\"subscribe\"\n            appearance=\"primary\"\n            @click=${(x) => x.subscribeTemplate()}\n            ?disabled=${(x) => x.subscribeDisabled}\n          >\n            Subscribe\n          </rapid-button>\n        </div>\n      `,\n    )}\n    ${when(\n      (x) => x.inline && x.usesAutoSubmit(),\n      html`\n        <div class=\"inbox-subscription-footer auto-submit\">\n          <rapid-button class=\"cancel\" appearance=\"neutral\" @click=${(x) => x.cancelSubscribe()}>\n            Cancel\n          </rapid-button>\n        </div>\n      `,\n    )}\n  </div>\n`"
+          "name": "FoundationInboxCounterTemplate",
+          "default": "html<FoundationInboxCounter>`\n  <template class=\"${(x) => classNames([noItemsClass, x.value < 1])}\">\n    ${when(\n      (x) => x.value > 0,\n      html`\n        ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}\n      `,\n    )}\n  </template>\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "InboxSubscriptionTemplate",
+          "name": "FoundationInboxCounterTemplate",
           "declaration": {
-            "name": "InboxSubscriptionTemplate",
-            "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts"
+            "name": "FoundationInboxCounterTemplate",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts",
+      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Inbox subscription configuration UI.",
-          "name": "InboxSubscription",
+          "description": "",
+          "name": "FoundationInboxCounter",
           "members": [
             {
               "kind": "field",
-              "name": "template"
-            },
-            {
-              "kind": "field",
-              "name": "inline",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "parametersDetails",
+              "name": "value",
               "type": {
-                "text": "object"
+                "text": "number"
               },
-              "privacy": "private",
-              "default": "{}"
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "isSubmitting",
+              "name": "connect",
               "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+                "text": "Connect"
+              }
             },
             {
               "kind": "field",
-              "name": "parametersOperators",
+              "name": "inboxService",
               "type": {
-                "text": "object"
-              },
-              "default": "{}"
+                "text": "FoundationInboxService"
+              }
             },
             {
               "kind": "field",
-              "name": "subscribeDisabled",
+              "name": "connectionSub",
               "type": {
-                "text": "boolean"
+                "text": "Subscription"
               },
-              "default": "true"
-            },
-            {
-              "kind": "field",
-              "name": "ruleService",
-              "type": {
-                "text": "RuleService"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "templateChanged"
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "usesAutoSubmit",
+              "name": "subscribeToAlerts",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "Promise<void>"
                 }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "requiresManualSubscribe",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "parameterEdit",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "autoSubscribe",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "verifySubscribe"
-            },
-            {
-              "kind": "field",
-              "name": "isFirstElement"
-            },
-            {
-              "kind": "method",
-              "name": "subscribeTemplate"
-            },
-            {
-              "kind": "method",
-              "name": "cancelSubscribe"
+              },
+              "description": "Subscribes to alerts from the inbox service"
             },
             {
               "kind": "field",
-              "name": "createParametersOperatorMap"
-            }
-          ],
-          "events": [
-            {
-              "description": "Fired when a template subscription is created",
-              "name": "templateSubscribed"
-            },
-            {
-              "description": "Fired when inline parameter entry is cancelled",
-              "name": "subscribeCancelled"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "template",
-              "fieldName": "template"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "inline"
+              "name": "subscriptionHandler",
+              "privacy": "private",
+              "description": "Handles subscription updates from the inbox service"
             }
           ],
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "inbox-subscription",
+          "tagName": "foundation-inbox-counter",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "InboxSubscription",
+          "name": "FoundationInboxCounter",
           "declaration": {
-            "name": "InboxSubscription",
-            "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts"
+            "name": "FoundationInboxCounter",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "inbox-subscription",
+          "name": "foundation-inbox-counter",
           "declaration": {
-            "name": "InboxSubscription",
-            "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts"
+            "name": "FoundationInboxCounter",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.styles.ts",
+      "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "RuleParameterStyles",
-          "default": "css`\n  .control {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n\n  label {\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  .input-field {\n    display: flex;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .input-field::part(root) {\n    width: 100%;\n  }\n\n  rapid-select.input-field {\n    width: 100%;\n    min-width: 0;\n  }\n\n  rapid-select.input-field::part(control) {\n    width: 100%;\n  }\n\n  rapid-select.input-field::part(listbox) {\n    z-index: 1000;\n    max-height: min(240px, 50vh);\n    overflow-y: auto;\n    box-shadow: 0 4px 16px rgb(0 0 0 / 24%);\n  }\n`"
+          "name": "InboxSubscriptionStyles",
+          "default": "css`\n  .inbox-subscription {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .inbox-subscription.inline {\n    margin-top: calc(var(--design-unit) * 2px);\n    padding-top: calc(var(--design-unit) * 2px);\n    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n  }\n\n  .inbox-subscription-header {\n    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    padding: calc(var(--design-unit) * 2px);\n  }\n\n  .inbox-subscription-empty {\n    padding: 0 calc(var(--design-unit) * 2px);\n    margin: calc(var(--design-unit) * 2px) 0 0;\n  }\n\n  .inbox-subscription-content {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 3px);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    margin: calc(var(--design-unit) * 2px);\n    padding: calc(var(--design-unit) * 2px);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n  }\n\n  .inbox-subscription:not(.inline) .inbox-subscription-content {\n    overflow: auto;\n    max-height: calc(var(--design-unit) * 80px);\n  }\n\n  .inbox-subscription.inline .inbox-subscription-content {\n    margin: calc(var(--design-unit) * 2px) 0 0;\n    overflow: visible;\n    max-height: none;\n    padding-bottom: calc(var(--design-unit) * 4px);\n  }\n\n  .inbox-subscription.inline .control:focus-within {\n    position: relative;\n    z-index: 2;\n  }\n\n  .inbox-subscription-footer {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    padding: calc(var(--design-unit) * 2px) 0 0;\n    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    margin-top: calc(var(--design-unit) * 2px);\n  }\n\n  .inbox-subscription:not(.inline) .inbox-subscription-footer {\n    padding: calc(var(--design-unit) * 2px);\n    margin-top: 0;\n  }\n\n  .inbox-subscription-footer.auto-submit {\n    justify-content: flex-end;\n    border-top: none;\n    margin-top: 0;\n    padding-top: 0;\n  }\n\n  rapid-button.subscribe,\n  rapid-button.cancel {\n    display: flex;\n    margin: 0;\n    flex: 1;\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "RuleParameterStyles",
+          "name": "InboxSubscriptionStyles",
           "declaration": {
-            "name": "RuleParameterStyles",
-            "module": "src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.styles.ts"
+            "name": "InboxSubscriptionStyles",
+            "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.template.ts",
+      "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "RuleParameterTemplate",
-          "default": "html<RuleParameter>`\n  <div class=\"control\">\n    <label>\n      <span style=\"font-weight: bold;\">${(x) => x.parameter.PARAM_LABEL}</span>\n      ${(x, c) => humanize(x.operator).toLowerCase()}\n    </label>\n\n    <!-- USER_TEXT -->\n    ${when(\n      (x) => x.parameter.PARAM_SOURCE_TYPE === PARAM_SOURCE_TYPE_USER_TEXT,\n      html`\n        ${when(\n          (x) => x.parameter.PARAM_TYPE === PARAM_TYPE_STRING,\n          html`\n            <rapid-text-field\n              autofocus=${(x) => x.isFirstElement}\n              class=\"input-field\"\n              :value=${sync((x) => x.inputValue)}\n              @input=${(x, c) => x.parameterEdit((c.event.target as HTMLInputElement).value)}\n            ></rapid-text-field>\n          `,\n        )}\n        ${when(\n          (x) => x.parameter.PARAM_TYPE === PARAM_TYPE_NUMBER,\n          html`\n            <rapid-number-field\n              hide-step\n              autofocus=${(x) => x.isFirstElement}\n              class=\"input-field\"\n              :value=${sync((x) => x.inputValue)}\n              @input=${(x, c) => x.parameterEdit((c.event.target as HTMLInputElement).value)}\n            ></rapid-number-field>\n          `,\n        )}\n        ${when(\n          (x) => x.parameter.PARAM_TYPE === PARAM_TYPE_BOOLEAN,\n          html`\n            <rapid-switch\n              class=\"input-field\"\n              ?checked=${(x) => x.inputValue === 'true'}\n              @change=${(x, c) =>\n                x.parameterEdit(String((c.event.target as HTMLInputElement).checked))}\n            ></rapid-switch>\n          `,\n        )}\n      `,\n    )}\n\n    <!-- DEFINED_GROUP -->\n    ${when(\n      (x) => x.parameter.PARAM_SOURCE_TYPE === PARAM_SOURCE_TYPE_DEFINED_GROUP,\n      html`\n        <rapid-select\n          autofocus=${(x) => x.isFirstElement}\n          class=\"input-field\"\n          :value=${sync((x) => x.inputValue)}\n          @change=${(x, c) => x.parameterEdit((c.event.currentTarget as HTMLSelectElement).value)}\n        >\n          ${repeat(\n            (x) =>\n              (x.parameter.PARAM_SOURCE ?? '')\n                .split(',')\n                .map((value) => value.trim())\n                .filter((value) => value.length),\n            html`\n              <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n            `,\n          )}\n        </rapid-select>\n      `,\n    )}\n\n    <!-- TODO: REQ_REP -->\n    ${when(\n      (x) => x.parameter.PARAM_SOURCE_TYPE === PARAM_SOURCE_TYPE_REQ_REP,\n      html`\n        <rapid-select :value=${sync((x) => x.inputValue)}></rapid-select>\n      `,\n    )}\n  </div>\n`"
+          "name": "InboxSubscriptionTemplate",
+          "default": "html<InboxSubscription>`\n  <div class=\"inbox-subscription ${(x) => (x.inline ? 'inline' : '')}\">\n    ${when(\n      (x) => !x.inline,\n      html`\n        <div class=\"inbox-subscription-header\">\n          Subscribe to\n          <span style=\"font-weight: bold;\">${(x) => x.template.RULE_NAME}</span>\n        </div>\n      `,\n    )}\n    ${when(\n      (x) => Object.values(x.template?.PARAMETERS ?? {}).length === 0,\n      html`\n        <p class=\"inbox-subscription-empty\">The selected template doesn't have parameters.</p>\n      `,\n    )}\n    ${when(\n      (x) => Object.values(x.template?.PARAMETERS ?? {}).length > 0,\n      html`\n        <div class=\"inbox-subscription-content\">\n          ${repeat(\n            // @ts-ignore\n            (x) => Object.values(x.template?.PARAMETERS ?? {}),\n            html<RuleParameterEntity>`\n              <rule-parameter\n                :parameter=${(x) => x}\n                :isFirstElement=${(x, c) => c.parent.isFirstElement(x)}\n                :operator=${(x, c) => c.parent.parametersOperators[x.PARAM_NAME]}\n                :requireSelection=${(x, c) => c.parent.usesAutoSubmit()}\n                @parameterEdited=${(x, c) => c.parent.parameterEdit(eventDetail(c))}\n              ></rule-parameter>\n            `,\n          )}\n        </div>\n      `,\n    )}\n    ${when(\n      (x) => !x.inline || x.requiresManualSubscribe(),\n      html`\n        <div class=\"inbox-subscription-footer\">\n          ${when(\n            (x) => x.inline,\n            html`\n              <rapid-button\n                class=\"cancel\"\n                appearance=\"neutral\"\n                @click=${(x) => x.cancelSubscribe()}\n              >\n                Cancel\n              </rapid-button>\n            `,\n          )}\n          <rapid-button\n            class=\"subscribe\"\n            appearance=\"primary\"\n            @click=${(x) => x.subscribeTemplate()}\n            ?disabled=${(x) => x.subscribeDisabled}\n          >\n            Subscribe\n          </rapid-button>\n        </div>\n      `,\n    )}\n    ${when(\n      (x) => x.inline && x.usesAutoSubmit(),\n      html`\n        <div class=\"inbox-subscription-footer auto-submit\">\n          <rapid-button class=\"cancel\" appearance=\"neutral\" @click=${(x) => x.cancelSubscribe()}>\n            Cancel\n          </rapid-button>\n        </div>\n      `,\n    )}\n  </div>\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "RuleParameterTemplate",
+          "name": "InboxSubscriptionTemplate",
           "declaration": {
-            "name": "RuleParameterTemplate",
-            "module": "src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.template.ts"
+            "name": "InboxSubscriptionTemplate",
+            "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.ts",
+      "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Editable rule parameter row for inbox subscriptions.",
-          "name": "RuleParameter",
+          "description": "Inbox subscription configuration UI.",
+          "name": "InboxSubscription",
           "members": [
             {
               "kind": "field",
-              "name": "parameter",
-              "type": {
-                "text": "RuleParameterEntity"
-              }
+              "name": "template"
             },
             {
               "kind": "field",
-              "name": "requireSelection",
+              "name": "inline",
               "type": {
                 "text": "boolean"
               },
@@ -5223,199 +5006,221 @@
             },
             {
               "kind": "field",
-              "name": "isFirstElement",
+              "name": "parametersDetails",
+              "type": {
+                "text": "object"
+              },
+              "privacy": "private",
+              "default": "{}"
+            },
+            {
+              "kind": "field",
+              "name": "isSubmitting",
               "type": {
                 "text": "boolean"
               },
+              "privacy": "private",
               "default": "false"
             },
             {
               "kind": "field",
-              "name": "operator",
+              "name": "parametersOperators",
               "type": {
-                "text": "string"
+                "text": "object"
               },
-              "default": "null"
+              "default": "{}"
             },
             {
               "kind": "field",
-              "name": "inputValue",
+              "name": "subscribeDisabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''"
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "ruleService",
+              "type": {
+                "text": "RuleService"
+              }
             },
             {
               "kind": "method",
-              "name": "parameterChanged"
+              "name": "templateChanged"
             },
             {
               "kind": "method",
-              "name": "requireSelectionChanged"
+              "name": "usesAutoSubmit",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "inputValueChanged"
+              "name": "requiresManualSubscribe",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "initParameter",
-              "privacy": "private"
+              "name": "parameterEdit",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "checkAndClearForcedSelection",
+              "name": "autoSubscribe",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "clearForcedSelection",
-              "privacy": "private"
+              "name": "verifySubscribe"
+            },
+            {
+              "kind": "field",
+              "name": "isFirstElement"
             },
             {
               "kind": "method",
-              "name": "parameterEdit",
-              "parameters": [
-                {
-                  "name": "inputValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "name": "subscribeTemplate"
+            },
+            {
+              "kind": "method",
+              "name": "cancelSubscribe"
+            },
+            {
+              "kind": "field",
+              "name": "createParametersOperatorMap"
             }
           ],
           "events": [
             {
-              "description": "Fired when the parameter value is edited. detail: `ParameterEditedEventDetail`",
-              "name": "parameterEdited"
+              "description": "Fired when a template subscription is created",
+              "name": "templateSubscribed"
+            },
+            {
+              "description": "Fired when inline parameter entry is cancelled",
+              "name": "subscribeCancelled"
             }
           ],
           "attributes": [
             {
-              "name": "parameter",
-              "type": {
-                "text": "RuleParameterEntity"
-              },
-              "fieldName": "parameter"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "requireSelection"
+              "name": "template",
+              "fieldName": "template"
             },
             {
-              "name": "isFirstElement",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "isFirstElement"
-            },
-            {
-              "name": "operator",
-              "type": {
-                "text": "string"
-              },
-              "default": "null",
-              "fieldName": "operator"
+              "fieldName": "inline"
             }
           ],
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "rule-parameter",
+          "tagName": "inbox-subscription",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "RuleParameter",
+          "name": "InboxSubscription",
           "declaration": {
-            "name": "RuleParameter",
-            "module": "src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.ts"
+            "name": "InboxSubscription",
+            "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "rule-parameter",
+          "name": "inbox-subscription",
           "declaration": {
-            "name": "RuleParameter",
-            "module": "src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.ts"
+            "name": "InboxSubscription",
+            "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/routes/route-management.ts",
+      "path": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "RouteManagement",
+          "name": "NotifyAuditManagement",
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "route-management",
+          "tagName": "notify-audit-management",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "RouteManagement",
+          "name": "NotifyAuditManagement",
           "declaration": {
-            "name": "RouteManagement",
-            "module": "src/components/foundation-notification-dashboard/components/routes/route-management.ts"
+            "name": "NotifyAuditManagement",
+            "module": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "route-management",
+          "name": "notify-audit-management",
           "declaration": {
-            "name": "RouteManagement",
-            "module": "src/components/foundation-notification-dashboard/components/routes/route-management.ts"
+            "name": "NotifyAuditManagement",
+            "module": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts",
+      "path": "src/components/foundation-notification-dashboard/components/routes/route-management.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "NotifyAuditManagement",
+          "name": "RouteManagement",
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "notify-audit-management",
+          "tagName": "route-management",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "NotifyAuditManagement",
+          "name": "RouteManagement",
           "declaration": {
-            "name": "NotifyAuditManagement",
-            "module": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts"
+            "name": "RouteManagement",
+            "module": "src/components/foundation-notification-dashboard/components/routes/route-management.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "notify-audit-management",
+          "name": "route-management",
           "declaration": {
-            "name": "NotifyAuditManagement",
-            "module": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts"
+            "name": "RouteManagement",
+            "module": "src/components/foundation-notification-dashboard/components/routes/route-management.ts"
           }
         }
       ]
@@ -5622,6 +5427,201 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "RuleParameterStyles",
+          "default": "css`\n  .control {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n\n  label {\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  .input-field {\n    display: flex;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .input-field::part(root) {\n    width: 100%;\n  }\n\n  rapid-select.input-field {\n    width: 100%;\n    min-width: 0;\n  }\n\n  rapid-select.input-field::part(control) {\n    width: 100%;\n  }\n\n  rapid-select.input-field::part(listbox) {\n    z-index: 1000;\n    max-height: min(240px, 50vh);\n    overflow-y: auto;\n    box-shadow: 0 4px 16px rgb(0 0 0 / 24%);\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RuleParameterStyles",
+          "declaration": {
+            "name": "RuleParameterStyles",
+            "module": "src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "RuleParameterTemplate",
+          "default": "html<RuleParameter>`\n  <div class=\"control\">\n    <label>\n      <span style=\"font-weight: bold;\">${(x) => x.parameter.PARAM_LABEL}</span>\n      ${(x, c) => humanize(x.operator).toLowerCase()}\n    </label>\n\n    <!-- USER_TEXT -->\n    ${when(\n      (x) => x.parameter.PARAM_SOURCE_TYPE === PARAM_SOURCE_TYPE_USER_TEXT,\n      html`\n        ${when(\n          (x) => x.parameter.PARAM_TYPE === PARAM_TYPE_STRING,\n          html`\n            <rapid-text-field\n              autofocus=${(x) => x.isFirstElement}\n              class=\"input-field\"\n              :value=${sync((x) => x.inputValue)}\n              @input=${(x, c) => x.parameterEdit((c.event.target as HTMLInputElement).value)}\n            ></rapid-text-field>\n          `,\n        )}\n        ${when(\n          (x) => x.parameter.PARAM_TYPE === PARAM_TYPE_NUMBER,\n          html`\n            <rapid-number-field\n              hide-step\n              autofocus=${(x) => x.isFirstElement}\n              class=\"input-field\"\n              :value=${sync((x) => x.inputValue)}\n              @input=${(x, c) => x.parameterEdit((c.event.target as HTMLInputElement).value)}\n            ></rapid-number-field>\n          `,\n        )}\n        ${when(\n          (x) => x.parameter.PARAM_TYPE === PARAM_TYPE_BOOLEAN,\n          html`\n            <rapid-switch\n              class=\"input-field\"\n              ?checked=${(x) => x.inputValue === 'true'}\n              @change=${(x, c) =>\n                x.parameterEdit(String((c.event.target as HTMLInputElement).checked))}\n            ></rapid-switch>\n          `,\n        )}\n      `,\n    )}\n\n    <!-- DEFINED_GROUP -->\n    ${when(\n      (x) => x.parameter.PARAM_SOURCE_TYPE === PARAM_SOURCE_TYPE_DEFINED_GROUP,\n      html`\n        <rapid-select\n          autofocus=${(x) => x.isFirstElement}\n          class=\"input-field\"\n          :value=${sync((x) => x.inputValue)}\n          @change=${(x, c) => x.parameterEdit((c.event.currentTarget as HTMLSelectElement).value)}\n        >\n          ${repeat(\n            (x) =>\n              (x.parameter.PARAM_SOURCE ?? '')\n                .split(',')\n                .map((value) => value.trim())\n                .filter((value) => value.length),\n            html`\n              <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n            `,\n          )}\n        </rapid-select>\n      `,\n    )}\n\n    <!-- TODO: REQ_REP -->\n    ${when(\n      (x) => x.parameter.PARAM_SOURCE_TYPE === PARAM_SOURCE_TYPE_REQ_REP,\n      html`\n        <rapid-select :value=${sync((x) => x.inputValue)}></rapid-select>\n      `,\n    )}\n  </div>\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RuleParameterTemplate",
+          "declaration": {
+            "name": "RuleParameterTemplate",
+            "module": "src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Editable rule parameter row for inbox subscriptions.",
+          "name": "RuleParameter",
+          "members": [
+            {
+              "kind": "field",
+              "name": "parameter",
+              "type": {
+                "text": "RuleParameterEntity"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "requireSelection",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "isFirstElement",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "operator",
+              "type": {
+                "text": "string"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "inputValue",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "method",
+              "name": "parameterChanged"
+            },
+            {
+              "kind": "method",
+              "name": "requireSelectionChanged"
+            },
+            {
+              "kind": "method",
+              "name": "inputValueChanged"
+            },
+            {
+              "kind": "method",
+              "name": "initParameter",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "checkAndClearForcedSelection",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "clearForcedSelection",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "parameterEdit",
+              "parameters": [
+                {
+                  "name": "inputValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when the parameter value is edited. detail: `ParameterEditedEventDetail`",
+              "name": "parameterEdited"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "parameter",
+              "type": {
+                "text": "RuleParameterEntity"
+              },
+              "fieldName": "parameter"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "requireSelection"
+            },
+            {
+              "name": "isFirstElement",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "isFirstElement"
+            },
+            {
+              "name": "operator",
+              "type": {
+                "text": "string"
+              },
+              "default": "null",
+              "fieldName": "operator"
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "rule-parameter",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RuleParameter",
+          "declaration": {
+            "name": "RuleParameter",
+            "module": "src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "rule-parameter",
+          "declaration": {
+            "name": "RuleParameter",
+            "module": "src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/foundation-notification-dashboard/components/routes/tabs/email-distribution-route-management.ts",