@genesislcap/pbc-notify-ui 15.20.1 → 15.20.2-FUI-0.2

package/dist/custom-elements.json

@@ -322,6 +322,27 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/scrollbar.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "scrollbarStyles",
+          "default": "css`\n  ::-webkit-scrollbar {\n    width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n  }\n\n  ::-webkit-scrollbar-track {\n    background: var(--neutral-layer-1);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: var(--neutral-fill-rest);\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "scrollbarStyles",
+          "declaration": {
+            "name": "scrollbarStyles",
+            "module": "src/styles/scrollbar.styles.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/services/alert.service.ts",
@@ -800,27 +821,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/styles/scrollbar.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "scrollbarStyles",
-          "default": "css`\n  ::-webkit-scrollbar {\n    width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n  }\n\n  ::-webkit-scrollbar-track {\n    background: var(--neutral-layer-1);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: var(--neutral-fill-rest);\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "scrollbarStyles",
-          "declaration": {
-            "name": "scrollbarStyles",
-            "module": "src/styles/scrollbar.styles.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/foundation-inbox/inbox.styles.ts",
@@ -4918,149 +4918,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",
@@ -6175,81 +6032,224 @@
     },
     {
       "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"
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "inline",
+              "name": "connect",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+                "text": "Connect"
+              }
             },
             {
               "kind": "field",
-              "name": "parametersDetails",
+              "name": "inboxService",
               "type": {
-                "text": "object"
-              },
-              "privacy": "private",
-              "default": "{}"
+                "text": "FoundationInboxService"
+              }
             },
             {
               "kind": "field",
-              "name": "isSubmitting",
+              "name": "connectionSub",
               "type": {
-                "text": "boolean"
+                "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/inbox-subscription/inbox-subscription.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`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "InboxSubscriptionStyles",
+          "declaration": {
+            "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/inbox-subscription.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`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "InboxSubscriptionTemplate",
+          "declaration": {
+            "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/inbox-subscription.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Inbox subscription configuration UI.",
+          "name": "InboxSubscription",
+          "members": [
+            {
+              "kind": "field",
+              "name": "template"
+            },
+            {
+              "kind": "field",
+              "name": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "parametersDetails",
+              "type": {
+                "text": "object"
+              },
+              "privacy": "private",
+              "default": "{}"
+            },
+            {
+              "kind": "field",
+              "name": "isSubmitting",
+              "type": {
+                "text": "boolean"
               },
               "privacy": "private",
               "default": "false"
@@ -6389,70 +6389,70 @@
     },
     {
       "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"
           }
         }
       ]
@@ -8993,6 +8993,164 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "TemplateConditionGroupTemplate",
+          "default": "html<TemplateConditionGroup>`\n  ${when(\n    (x) => !x.isFirst,\n    html`\n      <div class=\"join-toggle-row\">\n        <div class=\"join-toggle\">\n          <span\n            class=\"join-text${(x) => classNames(['active', x.joinOperator === 'AND'])}\"\n            @click=${(x) => (x.joinOperator = 'AND')}\n          >\n            AND\n          </span>\n          <span\n            class=\"join-text${(x) => classNames(['active', x.joinOperator === 'OR'])}\"\n            @click=${(x) => (x.joinOperator = 'OR')}\n          >\n            OR\n          </span>\n        </div>\n      </div>\n    `,\n  )}\n  <div class=\"condition-group-row\">\n    <div class=\"condition-group-box\">\n      ${repeat(\n        (x) => x.groupChildren,\n        html<ConditionNode, TemplateConditionGroup>`\n          ${when(\n            (x) => isGroup(x),\n            html<ConditionNode>`\n              <template-condition-group\n                :fields=${(x, c) => c.parent.fields}\n                :parameters=${(x, c) => c.parent.parameters}\n                :node=${(x) => x}\n                :isFirst=${(x, c) => c.index === 0}\n                @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n                @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n              ></template-condition-group>\n            `,\n          )}\n          ${when(\n            (x) => !isGroup(x),\n            html<ConditionNode>`\n              <template-condition-builder\n                :fields=${(x, c) => c.parent.fields}\n                :parameters=${(x, c) => c.parent.parameters}\n                :condition=${(x) => x}\n                :isFirst=${(x, c) => c.index === 0}\n                @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n                @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n              ></template-condition-builder>\n            `,\n          )}\n        `,\n        { positioning: true },\n      )}\n\n      <div class=\"content-row\">\n        <rapid-button appearance=\"lightweight\" @click=${(x) => x.newCondition()}>\n          + Condition\n        </rapid-button>\n        <rapid-button appearance=\"lightweight\" @click=${(x) => x.newGroup()}>+ Group</rapid-button>\n        <rapid-button appearance=\"icon\" class=\"delete-group\" @click=${(x) => x.deleteSelf()}>\n          <rapid-icon variant=\"regular\" name=\"trash-alt\" size=\"lg\" part=\"icon\"></rapid-icon>\n        </rapid-button>\n      </div>\n    </div>\n  </div>\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TemplateConditionGroupTemplate",
+          "declaration": {
+            "name": "TemplateConditionGroupTemplate",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Parenthesized group of conditions/nested groups for notification template\ncriteria - see rule-condition-group for the rationale. Also forwards\n:parameters down to nested template-condition-builder rows so parameter\nbinding (USER_ENTRY) keeps working inside a group.",
+          "name": "TemplateConditionGroup",
+          "members": [
+            {
+              "kind": "field",
+              "name": "node",
+              "type": {
+                "text": "ConditionGroupEntity"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "fields",
+              "type": {
+                "text": "Field[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "parameters",
+              "type": {
+                "text": "Array<ParameterBuilderEntity>"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "isFirst",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "joinOperator",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "groupChildren",
+              "type": {
+                "text": "ConditionNode[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "method",
+              "name": "nodeChanged"
+            },
+            {
+              "kind": "method",
+              "name": "joinOperatorChanged"
+            },
+            {
+              "kind": "method",
+              "name": "newCondition"
+            },
+            {
+              "kind": "method",
+              "name": "newGroup"
+            },
+            {
+              "kind": "method",
+              "name": "editChild",
+              "parameters": [
+                {
+                  "name": "_editedChild",
+                  "type": {
+                    "text": "ConditionNode"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "deleteChild",
+              "parameters": [
+                {
+                  "name": "deletedChild",
+                  "type": {
+                    "text": "ConditionNode"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "deleteSelf"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when this whole group should be removed",
+              "name": "delete"
+            },
+            {
+              "description": "Fired when anything inside this group changes",
+              "name": "edit"
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "template-condition-group",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TemplateConditionGroup",
+          "declaration": {
+            "name": "TemplateConditionGroup",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "template-condition-group",
+          "declaration": {
+            "name": "TemplateConditionGroup",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
@@ -9259,164 +9417,6 @@
           }
         }
       ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "TemplateConditionGroupTemplate",
-          "default": "html<TemplateConditionGroup>`\n  ${when(\n    (x) => !x.isFirst,\n    html`\n      <div class=\"join-toggle-row\">\n        <div class=\"join-toggle\">\n          <span\n            class=\"join-text${(x) => classNames(['active', x.joinOperator === 'AND'])}\"\n            @click=${(x) => (x.joinOperator = 'AND')}\n          >\n            AND\n          </span>\n          <span\n            class=\"join-text${(x) => classNames(['active', x.joinOperator === 'OR'])}\"\n            @click=${(x) => (x.joinOperator = 'OR')}\n          >\n            OR\n          </span>\n        </div>\n      </div>\n    `,\n  )}\n  <div class=\"condition-group-row\">\n    <div class=\"condition-group-box\">\n      ${repeat(\n        (x) => x.groupChildren,\n        html<ConditionNode, TemplateConditionGroup>`\n          ${when(\n            (x) => isGroup(x),\n            html<ConditionNode>`\n              <template-condition-group\n                :fields=${(x, c) => c.parent.fields}\n                :parameters=${(x, c) => c.parent.parameters}\n                :node=${(x) => x}\n                :isFirst=${(x, c) => c.index === 0}\n                @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n                @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n              ></template-condition-group>\n            `,\n          )}\n          ${when(\n            (x) => !isGroup(x),\n            html<ConditionNode>`\n              <template-condition-builder\n                :fields=${(x, c) => c.parent.fields}\n                :parameters=${(x, c) => c.parent.parameters}\n                :condition=${(x) => x}\n                :isFirst=${(x, c) => c.index === 0}\n                @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n                @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n              ></template-condition-builder>\n            `,\n          )}\n        `,\n        { positioning: true },\n      )}\n\n      <div class=\"content-row\">\n        <rapid-button appearance=\"lightweight\" @click=${(x) => x.newCondition()}>\n          + Condition\n        </rapid-button>\n        <rapid-button appearance=\"lightweight\" @click=${(x) => x.newGroup()}>+ Group</rapid-button>\n        <rapid-button appearance=\"icon\" class=\"delete-group\" @click=${(x) => x.deleteSelf()}>\n          <rapid-icon variant=\"regular\" name=\"trash-alt\" size=\"lg\" part=\"icon\"></rapid-icon>\n        </rapid-button>\n      </div>\n    </div>\n  </div>\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TemplateConditionGroupTemplate",
-          "declaration": {
-            "name": "TemplateConditionGroupTemplate",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Parenthesized group of conditions/nested groups for notification template\ncriteria - see rule-condition-group for the rationale. Also forwards\n:parameters down to nested template-condition-builder rows so parameter\nbinding (USER_ENTRY) keeps working inside a group.",
-          "name": "TemplateConditionGroup",
-          "members": [
-            {
-              "kind": "field",
-              "name": "node",
-              "type": {
-                "text": "ConditionGroupEntity"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "fields",
-              "type": {
-                "text": "Field[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "parameters",
-              "type": {
-                "text": "Array<ParameterBuilderEntity>"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "isFirst",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "joinOperator",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "groupChildren",
-              "type": {
-                "text": "ConditionNode[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "method",
-              "name": "nodeChanged"
-            },
-            {
-              "kind": "method",
-              "name": "joinOperatorChanged"
-            },
-            {
-              "kind": "method",
-              "name": "newCondition"
-            },
-            {
-              "kind": "method",
-              "name": "newGroup"
-            },
-            {
-              "kind": "method",
-              "name": "editChild",
-              "parameters": [
-                {
-                  "name": "_editedChild",
-                  "type": {
-                    "text": "ConditionNode"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "deleteChild",
-              "parameters": [
-                {
-                  "name": "deletedChild",
-                  "type": {
-                    "text": "ConditionNode"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "deleteSelf"
-            }
-          ],
-          "events": [
-            {
-              "description": "Fired when this whole group should be removed",
-              "name": "delete"
-            },
-            {
-              "description": "Fired when anything inside this group changes",
-              "name": "edit"
-            }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "template-condition-group",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TemplateConditionGroup",
-          "declaration": {
-            "name": "TemplateConditionGroup",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "template-condition-group",
-          "declaration": {
-            "name": "TemplateConditionGroup",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
-          }
-        }
-      ]
     }
   ]
 }

package/dist/dts/react.d.ts

@@ -106,23 +106,23 @@ export declare const FoundationSounds: React.ForwardRefExoticComponent<
 >;
 export type FoundationSoundsRef = FoundationSoundsWC;
 
-export declare const FoundationInboxCounter: React.ForwardRefExoticComponent<
+export declare const FoundationInboxFlyout: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<FoundationInboxCounterWC>, 'children' | 'style'> &
+    Omit<PublicOf<FoundationInboxFlyoutWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<FoundationInboxCounterWC>
+  > & React.RefAttributes<FoundationInboxFlyoutWC>
 >;
-export type FoundationInboxCounterRef = FoundationInboxCounterWC;
+export type FoundationInboxFlyoutRef = FoundationInboxFlyoutWC;
 
-export declare const FoundationInboxFlyout: React.ForwardRefExoticComponent<
+export declare const FoundationInboxCounter: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<FoundationInboxFlyoutWC>, 'children' | 'style'> &
+    Omit<PublicOf<FoundationInboxCounterWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<FoundationInboxFlyoutWC>
+  > & React.RefAttributes<FoundationInboxCounterWC>
 >;
-export type FoundationInboxFlyoutRef = FoundationInboxFlyoutWC;
+export type FoundationInboxCounterRef = FoundationInboxCounterWC;
 
 export declare const InboxSubscription: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -135,23 +135,23 @@ export declare const InboxSubscription: React.ForwardRefExoticComponent<
 >;
 export type InboxSubscriptionRef = InboxSubscriptionWC;
 
-export declare const RouteManagement: React.ForwardRefExoticComponent<
+export declare const NotifyAuditManagement: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<RouteManagementWC>, 'children' | 'style'> &
+    Omit<PublicOf<NotifyAuditManagementWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<RouteManagementWC>
+  > & React.RefAttributes<NotifyAuditManagementWC>
 >;
-export type RouteManagementRef = RouteManagementWC;
+export type NotifyAuditManagementRef = NotifyAuditManagementWC;
 
-export declare const NotifyAuditManagement: React.ForwardRefExoticComponent<
+export declare const RouteManagement: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<NotifyAuditManagementWC>, 'children' | 'style'> &
+    Omit<PublicOf<RouteManagementWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<NotifyAuditManagementWC>
+  > & React.RefAttributes<RouteManagementWC>
 >;
-export type NotifyAuditManagementRef = NotifyAuditManagementWC;
+export type RouteManagementRef = RouteManagementWC;
 
 export declare const RuleManagement: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -288,17 +288,6 @@ export declare const ParameterBuilder: React.ForwardRefExoticComponent<
 >;
 export type ParameterBuilderRef = ParameterBuilderWC;
 
-export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-      onDelete?: (event: CustomEvent<ConditionBuilderEntity>) => void;
-      onEdit?: (event: CustomEvent<ConditionBuilderEntity>) => void;
-    }
-  > & React.RefAttributes<TemplateConditionBuilderWC>
->;
-export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
-
 export declare const TemplateConditionGroup: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<TemplateConditionGroupWC>, 'children' | 'style'> &
@@ -310,4 +299,15 @@ export declare const TemplateConditionGroup: React.ForwardRefExoticComponent<
 >;
 export type TemplateConditionGroupRef = TemplateConditionGroupWC;
 
+export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+      onDelete?: (event: CustomEvent<ConditionBuilderEntity>) => void;
+      onEdit?: (event: CustomEvent<ConditionBuilderEntity>) => void;
+    }
+  > & React.RefAttributes<TemplateConditionBuilderWC>
+>;
+export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
+
 export {};

package/dist/react.cjs

@@ -67,14 +67,14 @@ const FoundationSounds = React.forwardRef(function FoundationSounds(props, ref)
   return React.createElement(customElements.getName(FoundationSoundsWC) ?? 'foundation-sounds', { ...rest, ref }, children);
 });
 
-const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
+const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
 });
 
-const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
+const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
 });
 
 const InboxSubscription = React.forwardRef(function InboxSubscription(props, ref) {
@@ -99,14 +99,14 @@ const InboxSubscription = React.forwardRef(function InboxSubscription(props, ref
   return React.createElement(customElements.getName(InboxSubscriptionWC) ?? 'inbox-subscription', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const RouteManagement = React.forwardRef(function RouteManagement(props, ref) {
+const NotifyAuditManagement = React.forwardRef(function NotifyAuditManagement(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(RouteManagementWC) ?? 'route-management', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(NotifyAuditManagementWC) ?? 'notify-audit-management', { ...rest, ref }, children);
 });
 
-const NotifyAuditManagement = React.forwardRef(function NotifyAuditManagement(props, ref) {
+const RouteManagement = React.forwardRef(function RouteManagement(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(NotifyAuditManagementWC) ?? 'notify-audit-management', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(RouteManagementWC) ?? 'route-management', { ...rest, ref }, children);
 });
 
 const RuleManagement = React.forwardRef(function RuleManagement(props, ref) {
@@ -266,7 +266,7 @@ const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref)
   return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
+const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -285,10 +285,10 @@ const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuil
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
+const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -307,7 +307,7 @@ const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 module.exports = {
@@ -316,11 +316,11 @@ module.exports = {
   FoundationNotificationDashboard,
   FoundationSoundsPanel,
   FoundationSounds,
-  FoundationInboxCounter,
   FoundationInboxFlyout,
+  FoundationInboxCounter,
   InboxSubscription,
-  RouteManagement,
   NotifyAuditManagement,
+  RouteManagement,
   RuleManagement,
   TemplateManagement,
   RuleParameter,
@@ -335,6 +335,6 @@ module.exports = {
   RuleConditionBuilder,
   RuleConditionGroup,
   ParameterBuilder,
-  TemplateConditionBuilder,
   TemplateConditionGroup,
+  TemplateConditionBuilder,
 };

package/dist/react.mjs

@@ -65,14 +65,14 @@ export const FoundationSounds = React.forwardRef(function FoundationSounds(props
   return React.createElement(customElements.getName(FoundationSoundsWC) ?? 'foundation-sounds', { ...rest, ref }, children);
 });
 
-export const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
+export const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
 });
 
-export const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
+export const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
 });
 
 export const InboxSubscription = React.forwardRef(function InboxSubscription(props, ref) {
@@ -97,14 +97,14 @@ export const InboxSubscription = React.forwardRef(function InboxSubscription(pro
   return React.createElement(customElements.getName(InboxSubscriptionWC) ?? 'inbox-subscription', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const RouteManagement = React.forwardRef(function RouteManagement(props, ref) {
+export const NotifyAuditManagement = React.forwardRef(function NotifyAuditManagement(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(RouteManagementWC) ?? 'route-management', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(NotifyAuditManagementWC) ?? 'notify-audit-management', { ...rest, ref }, children);
 });
 
-export const NotifyAuditManagement = React.forwardRef(function NotifyAuditManagement(props, ref) {
+export const RouteManagement = React.forwardRef(function RouteManagement(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(NotifyAuditManagementWC) ?? 'notify-audit-management', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(RouteManagementWC) ?? 'route-management', { ...rest, ref }, children);
 });
 
 export const RuleManagement = React.forwardRef(function RuleManagement(props, ref) {
@@ -264,7 +264,7 @@ export const ParameterBuilder = React.forwardRef(function ParameterBuilder(props
   return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
+export const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -283,10 +283,10 @@ export const TemplateConditionBuilder = React.forwardRef(function TemplateCondit
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
+export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -305,5 +305,5 @@ export const TemplateConditionGroup = React.forwardRef(function TemplateConditio
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/pbc-notify-ui",
   "description": "Genesis PBC Notify UI",
-  "version": "15.20.1",
+  "version": "15.20.2-FUI-0.2",
   "license": "SEE LICENSE IN license.txt",
   "workspaces": [
     "client"
@@ -81,30 +81,30 @@
     "@commitlint/cli": "^19.2.1",
     "@commitlint/config-conventional": "^19.1.0",
     "@commitlint/format": "^19.0.3",
-    "@genesislcap/design-system-configurator": "15.20.1",
-    "@genesislcap/eslint-config": "15.20.1",
-    "@genesislcap/eslint-stylelint-builder": "15.20.1",
-    "@genesislcap/foundation-testing": "15.20.1",
-    "@genesislcap/genx": "15.20.1",
-    "@genesislcap/prettier-config": "15.20.1",
-    "@genesislcap/stylelint-config": "15.20.1",
-    "@genesislcap/vite-builder": "15.20.1",
-    "@genesislcap/webpack-builder": "15.20.1",
+    "@genesislcap/design-system-configurator": "15.20.2-FUI-0.2",
+    "@genesislcap/eslint-config": "15.20.2-FUI-0.2",
+    "@genesislcap/eslint-stylelint-builder": "15.20.2-FUI-0.2",
+    "@genesislcap/foundation-testing": "15.20.2-FUI-0.2",
+    "@genesislcap/genx": "15.20.2-FUI-0.2",
+    "@genesislcap/prettier-config": "15.20.2-FUI-0.2",
+    "@genesislcap/stylelint-config": "15.20.2-FUI-0.2",
+    "@genesislcap/vite-builder": "15.20.2-FUI-0.2",
+    "@genesislcap/webpack-builder": "15.20.2-FUI-0.2",
     "dayjs": "^1.11.7"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "15.20.1",
-    "@genesislcap/foundation-criteria": "15.20.1",
-    "@genesislcap/foundation-entity-management": "15.20.1",
-    "@genesislcap/foundation-forms": "15.20.1",
-    "@genesislcap/foundation-layout": "15.20.1",
-    "@genesislcap/foundation-logger": "15.20.1",
-    "@genesislcap/foundation-notifications": "15.20.1",
-    "@genesislcap/foundation-ui": "15.20.1",
-    "@genesislcap/foundation-utils": "15.20.1",
-    "@genesislcap/rapid-design-system": "15.20.1",
-    "@genesislcap/rapid-grid-pro": "15.20.1",
-    "@genesislcap/web-core": "15.20.1",
+    "@genesislcap/foundation-comms": "15.20.2-FUI-0.2",
+    "@genesislcap/foundation-criteria": "15.20.2-FUI-0.2",
+    "@genesislcap/foundation-entity-management": "15.20.2-FUI-0.2",
+    "@genesislcap/foundation-forms": "15.20.2-FUI-0.2",
+    "@genesislcap/foundation-layout": "15.20.2-FUI-0.2",
+    "@genesislcap/foundation-logger": "15.20.2-FUI-0.2",
+    "@genesislcap/foundation-notifications": "15.20.2-FUI-0.2",
+    "@genesislcap/foundation-ui": "15.20.2-FUI-0.2",
+    "@genesislcap/foundation-utils": "15.20.2-FUI-0.2",
+    "@genesislcap/rapid-design-system": "15.20.2-FUI-0.2",
+    "@genesislcap/rapid-grid-pro": "15.20.2-FUI-0.2",
+    "@genesislcap/web-core": "15.20.2-FUI-0.2",
     "lodash.debounce": "^4.0.8",
     "rxjs": "^7.5.4"
   },