@genesislcap/pbc-notify-ui 15.18.0 → 15.19.0-DCD-4786.3

package/dist/custom-elements.json

@@ -4229,6 +4229,95 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ConditionBuilderStyles",
+          "default": "css`\n  .condition-builder {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    align-items: center;\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  rapid-button {\n    margin: 0;\n  }\n\n  /* The AND/OR toggle sits on its own row ABOVE the condition it joins,\n     rendered as a pair of small text links rather than buttons - reads like\n     a sentence connector (\"... and ...\") instead of a UI control competing\n     with the row's fields for attention. */\n  .join-toggle-row {\n    display: flex;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .join-toggle {\n    display: flex;\n    gap: calc(var(--design-unit) * 1.5px);\n  }\n\n  .join-text {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    color: var(--accent-fill-rest);\n    cursor: pointer;\n    text-decoration: underline dotted;\n    text-underline-offset: 3px;\n    opacity: 40%;\n  }\n\n  .join-text:hover {\n    opacity: 70%;\n  }\n\n  .join-text.active {\n    opacity: 100%;\n    text-decoration: underline solid;\n  }\n\n  .join-text.active:hover {\n    opacity: 100%;\n  }\n\n  .delete {\n    margin: 0;\n    display: flex;\n    justify-content: center;\n    height: calc(var(--design-unit) * 9px);\n  }\n\n  .delete:hover {\n    background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n  }\n\n  rapid-text-field {\n    width: 100%;\n    margin-bottom: 0;\n  }\n\n  rapid-text-field::part(root) {\n    height: calc(var(--design-unit) * 9px);\n  }\n\n  rapid-select {\n    min-width: auto;\n  }\n\n  rapid-select.left-value::part(control) {\n    width: 250px;\n  }\n\n  rapid-select.logical-operator::part(control) {\n    width: 160px;\n  }\n\n  .logical-operator-null-and-blank {\n    width: 100%;\n  }\n\n  rapid-select.right-criteria::part(control) {\n    width: 135px;\n  }\n\n  rapid-select.right-criteria-user-entry {\n    width: 100%;\n  }\n\n  rapid-select.right-criteria-select {\n    width: 100%;\n    min-width: 0;\n  }\n\n  rapid-select::part(listbox) {\n    max-height: 160px;\n  }\n`"
+        },
+        {
+          "kind": "variable",
+          "name": "ConditionGroupStyles",
+          "default": "css`\n  .condition-group-row {\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  /* The AND/OR toggle sits on its own row ABOVE the group it joins - see\n     ConditionBuilderStyles' .join-toggle-row/.join-text for why it's a pair\n     of text links rather than buttons. */\n  .join-toggle-row {\n    display: flex;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .join-toggle {\n    display: flex;\n    gap: calc(var(--design-unit) * 1.5px);\n  }\n\n  .join-text {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    color: var(--accent-fill-rest);\n    cursor: pointer;\n    text-decoration: underline dotted;\n    text-underline-offset: 3px;\n    opacity: 40%;\n  }\n\n  .join-text:hover {\n    opacity: 70%;\n  }\n\n  .join-text.active {\n    opacity: 100%;\n    text-decoration: underline solid;\n  }\n\n  .join-text.active:hover {\n    opacity: 100%;\n  }\n\n  /* A full bordered box reads as \"this is one parenthesized unit\" more\n     literally than a left rail - it nests naturally too, a group inside a\n     group just gets a second box drawn inside the first, like actual nested\n     parens would look. */\n  .condition-group-box {\n    flex: 1;\n    min-width: 0;\n    border: calc(var(--design-unit) * 0.5px) solid\n      color-mix(in srgb, var(--accent-fill-rest), transparent 25%);\n    border-radius: calc(var(--design-unit) * 1px);\n    padding: calc(var(--design-unit) * 2px);\n    background-color: color-mix(in srgb, var(--accent-fill-rest), transparent 96%);\n  }\n\n  .condition-group-box > .content-row {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    align-items: center;\n    margin-top: calc(var(--design-unit) * 1px);\n  }\n\n  .condition-group-box > .content-row rapid-button {\n    font-size: 12px;\n  }\n\n  rule-condition-builder,\n  rule-condition-group,\n  template-condition-builder,\n  template-condition-group {\n    display: block;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .delete-group {\n    margin: 0;\n    opacity: 60%;\n  }\n\n  .delete-group:hover {\n    opacity: 100%;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ConditionBuilderStyles",
+          "declaration": {
+            "name": "ConditionBuilderStyles",
+            "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ConditionGroupStyles",
+          "declaration": {
+            "name": "ConditionGroupStyles",
+            "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "DynamicRuleManagementStyles",
+          "default": "css`\n  .container {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  .header {\n    display: flex;\n    flex-direction: row-reverse;\n  }\n\n  .grid {\n    height: 100%;\n  }\n`"
+        },
+        {
+          "kind": "variable",
+          "name": "DynamicRuleDialogStyles",
+          "default": "css`\n  ${scrollbarStyles}\n  ${top}\n  ${bottom}\n\n  rapid-modal::part(dialog) {\n    padding: 0;\n    background: var(--neutral-layer-4);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n  }\n\n  .dialog-content {\n    display: flex;\n    flex-direction: column;\n    width: ${String(modalWidthPx)}px;\n    max-height: 600px;\n    overflow-y: scroll;\n    gap: calc(var(--design-unit) * 3px);\n    padding: calc(var(--design-unit) * 4px);\n  }\n\n  .content-row {\n    display: flex;\n    gap: calc(var(--design-unit) * 3px);\n  }\n\n  .control {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  .items {\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    display: flex;\n    padding: calc(var(--design-unit) * 2px);\n    flex-direction: column;\n  }\n\n  .item {\n    gap: 0;\n    flex-direction: column;\n    margin-bottom: 0;\n  }\n\n  ${textField}\n  ${select}\n\n  rapid-button {\n    margin: 0;\n  }\n\n  rapid-select {\n    min-width: 0;\n  }\n\n  rapid-select::part(listbox) {\n    max-height: 160px;\n  }\n\n  .horizontal {\n    flex-direction: row;\n  }\n\n  .destination {\n    align-self: center;\n  }\n\n  .topic {\n    min-width: revert-layer;\n  }\n\n  .expression-preview {\n    width: 100%;\n    margin-top: calc(var(--design-unit) * 2px);\n  }\n\n  .expression-preview::part(control) {\n    font-family: var(--body-font, monospace);\n    font-size: 12px;\n    color: var(--neutral-foreground-hint);\n    min-height: calc(var(--design-unit) * 12px);\n    resize: vertical;\n  }\n\n  .alert-sound {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 2px);\n    margin-top: calc(var(--design-unit) * 2px);\n  }\n\n  .alert-sound .file-input {\n    display: none;\n  }\n\n  .alert-sound-row {\n    display: flex;\n    align-items: center;\n    gap: calc(var(--design-unit) * 2px);\n    flex-wrap: wrap;\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    padding: calc(var(--design-unit) * 2px);\n  }\n\n  .alert-sound-name {\n    flex: 1;\n    min-width: 120px;\n    color: var(--neutral-foreground-hint);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DynamicRuleManagementStyles",
+          "declaration": {
+            "name": "DynamicRuleManagementStyles",
+            "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DynamicRuleDialogStyles",
+          "declaration": {
+            "name": "DynamicRuleDialogStyles",
+            "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "managementGridStyles",
+          "default": "css`\n  :host {\n    height: 100%;\n  }\n\n  .container {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  .header {\n    display: flex;\n  }\n\n  .grid {\n    height: 100%;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "managementGridStyles",
+          "declaration": {
+            "name": "managementGridStyles",
+            "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/foundation-notification-dashboard/types/expression-type.ts",
@@ -4829,95 +4918,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "ConditionBuilderStyles",
-          "default": "css`\n  .condition-builder {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    align-items: center;\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  rapid-button {\n    margin: 0;\n  }\n\n  /* The AND/OR toggle sits on its own row ABOVE the condition it joins,\n     rendered as a pair of small text links rather than buttons - reads like\n     a sentence connector (\"... and ...\") instead of a UI control competing\n     with the row's fields for attention. */\n  .join-toggle-row {\n    display: flex;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .join-toggle {\n    display: flex;\n    gap: calc(var(--design-unit) * 1.5px);\n  }\n\n  .join-text {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    color: var(--accent-fill-rest);\n    cursor: pointer;\n    text-decoration: underline dotted;\n    text-underline-offset: 3px;\n    opacity: 40%;\n  }\n\n  .join-text:hover {\n    opacity: 70%;\n  }\n\n  .join-text.active {\n    opacity: 100%;\n    text-decoration: underline solid;\n  }\n\n  .join-text.active:hover {\n    opacity: 100%;\n  }\n\n  .delete {\n    margin: 0;\n    display: flex;\n    justify-content: center;\n    height: calc(var(--design-unit) * 9px);\n  }\n\n  .delete:hover {\n    background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n  }\n\n  rapid-text-field {\n    width: 100%;\n    margin-bottom: 0;\n  }\n\n  rapid-text-field::part(root) {\n    height: calc(var(--design-unit) * 9px);\n  }\n\n  rapid-select {\n    min-width: auto;\n  }\n\n  rapid-select.left-value::part(control) {\n    width: 250px;\n  }\n\n  rapid-select.logical-operator::part(control) {\n    width: 160px;\n  }\n\n  .logical-operator-null-and-blank {\n    width: 100%;\n  }\n\n  rapid-select.right-criteria::part(control) {\n    width: 135px;\n  }\n\n  rapid-select.right-criteria-user-entry {\n    width: 100%;\n  }\n\n  rapid-select.right-criteria-select {\n    width: 100%;\n    min-width: 0;\n  }\n\n  rapid-select::part(listbox) {\n    max-height: 160px;\n  }\n`"
-        },
-        {
-          "kind": "variable",
-          "name": "ConditionGroupStyles",
-          "default": "css`\n  .condition-group-row {\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  /* The AND/OR toggle sits on its own row ABOVE the group it joins - see\n     ConditionBuilderStyles' .join-toggle-row/.join-text for why it's a pair\n     of text links rather than buttons. */\n  .join-toggle-row {\n    display: flex;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .join-toggle {\n    display: flex;\n    gap: calc(var(--design-unit) * 1.5px);\n  }\n\n  .join-text {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    color: var(--accent-fill-rest);\n    cursor: pointer;\n    text-decoration: underline dotted;\n    text-underline-offset: 3px;\n    opacity: 40%;\n  }\n\n  .join-text:hover {\n    opacity: 70%;\n  }\n\n  .join-text.active {\n    opacity: 100%;\n    text-decoration: underline solid;\n  }\n\n  .join-text.active:hover {\n    opacity: 100%;\n  }\n\n  /* A full bordered box reads as \"this is one parenthesized unit\" more\n     literally than a left rail - it nests naturally too, a group inside a\n     group just gets a second box drawn inside the first, like actual nested\n     parens would look. */\n  .condition-group-box {\n    flex: 1;\n    min-width: 0;\n    border: calc(var(--design-unit) * 0.5px) solid\n      color-mix(in srgb, var(--accent-fill-rest), transparent 25%);\n    border-radius: calc(var(--design-unit) * 1px);\n    padding: calc(var(--design-unit) * 2px);\n    background-color: color-mix(in srgb, var(--accent-fill-rest), transparent 96%);\n  }\n\n  .condition-group-box > .content-row {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    align-items: center;\n    margin-top: calc(var(--design-unit) * 1px);\n  }\n\n  .condition-group-box > .content-row rapid-button {\n    font-size: 12px;\n  }\n\n  rule-condition-builder,\n  rule-condition-group,\n  template-condition-builder,\n  template-condition-group {\n    display: block;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .delete-group {\n    margin: 0;\n    opacity: 60%;\n  }\n\n  .delete-group:hover {\n    opacity: 100%;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ConditionBuilderStyles",
-          "declaration": {
-            "name": "ConditionBuilderStyles",
-            "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ConditionGroupStyles",
-          "declaration": {
-            "name": "ConditionGroupStyles",
-            "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "DynamicRuleManagementStyles",
-          "default": "css`\n  .container {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  .header {\n    display: flex;\n    flex-direction: row-reverse;\n  }\n\n  .grid {\n    height: 100%;\n  }\n`"
-        },
-        {
-          "kind": "variable",
-          "name": "DynamicRuleDialogStyles",
-          "default": "css`\n  ${scrollbarStyles}\n  ${top}\n  ${bottom}\n\n  rapid-modal::part(dialog) {\n    padding: 0;\n    background: var(--neutral-layer-4);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n  }\n\n  .dialog-content {\n    display: flex;\n    flex-direction: column;\n    width: ${String(modalWidthPx)}px;\n    max-height: 600px;\n    overflow-y: scroll;\n    gap: calc(var(--design-unit) * 3px);\n    padding: calc(var(--design-unit) * 4px);\n  }\n\n  .content-row {\n    display: flex;\n    gap: calc(var(--design-unit) * 3px);\n  }\n\n  .control {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  .items {\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    display: flex;\n    padding: calc(var(--design-unit) * 2px);\n    flex-direction: column;\n  }\n\n  .item {\n    gap: 0;\n    flex-direction: column;\n    margin-bottom: 0;\n  }\n\n  ${textField}\n  ${select}\n\n  rapid-button {\n    margin: 0;\n  }\n\n  rapid-select {\n    min-width: 0;\n  }\n\n  rapid-select::part(listbox) {\n    max-height: 160px;\n  }\n\n  .horizontal {\n    flex-direction: row;\n  }\n\n  .destination {\n    align-self: center;\n  }\n\n  .topic {\n    min-width: revert-layer;\n  }\n\n  .expression-preview {\n    width: 100%;\n    margin-top: calc(var(--design-unit) * 2px);\n  }\n\n  .expression-preview::part(control) {\n    font-family: var(--body-font, monospace);\n    font-size: 12px;\n    color: var(--neutral-foreground-hint);\n    min-height: calc(var(--design-unit) * 12px);\n    resize: vertical;\n  }\n\n  .alert-sound {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 2px);\n    margin-top: calc(var(--design-unit) * 2px);\n  }\n\n  .alert-sound .file-input {\n    display: none;\n  }\n\n  .alert-sound-row {\n    display: flex;\n    align-items: center;\n    gap: calc(var(--design-unit) * 2px);\n    flex-wrap: wrap;\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    padding: calc(var(--design-unit) * 2px);\n  }\n\n  .alert-sound-name {\n    flex: 1;\n    min-width: 120px;\n    color: var(--neutral-foreground-hint);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "DynamicRuleManagementStyles",
-          "declaration": {
-            "name": "DynamicRuleManagementStyles",
-            "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "DynamicRuleDialogStyles",
-          "declaration": {
-            "name": "DynamicRuleDialogStyles",
-            "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "managementGridStyles",
-          "default": "css`\n  :host {\n    height: 100%;\n  }\n\n  .container {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  .header {\n    display: flex;\n  }\n\n  .grid {\n    height: 100%;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "managementGridStyles",
-          "declaration": {
-            "name": "managementGridStyles",
-            "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/pbc-notify-ui",
   "description": "Genesis PBC Notify UI",
-  "version": "15.18.0",
+  "version": "15.19.0-DCD-4786.3",
   "license": "SEE LICENSE IN license.txt",
   "workspaces": [
     "client"
@@ -81,36 +81,35 @@
     "@commitlint/cli": "^19.2.1",
     "@commitlint/config-conventional": "^19.1.0",
     "@commitlint/format": "^19.0.3",
-    "@genesislcap/design-system-configurator": "15.18.0",
-    "@genesislcap/eslint-config": "15.18.0",
-    "@genesislcap/eslint-stylelint-builder": "15.18.0",
-    "@genesislcap/foundation-testing": "15.18.0",
-    "@genesislcap/genx": "15.18.0",
-    "@genesislcap/prettier-config": "15.18.0",
-    "@genesislcap/stylelint-config": "15.18.0",
-    "@genesislcap/vite-builder": "15.18.0",
-    "@genesislcap/webpack-builder": "15.18.0",
+    "@genesislcap/design-system-configurator": "15.19.0-DCD-4786.3",
+    "@genesislcap/eslint-config": "15.19.0-DCD-4786.3",
+    "@genesislcap/eslint-stylelint-builder": "15.19.0-DCD-4786.3",
+    "@genesislcap/foundation-testing": "15.19.0-DCD-4786.3",
+    "@genesislcap/genx": "15.19.0-DCD-4786.3",
+    "@genesislcap/prettier-config": "15.19.0-DCD-4786.3",
+    "@genesislcap/stylelint-config": "15.19.0-DCD-4786.3",
+    "@genesislcap/vite-builder": "15.19.0-DCD-4786.3",
+    "@genesislcap/webpack-builder": "15.19.0-DCD-4786.3",
     "dayjs": "^1.11.7"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "15.18.0",
-    "@genesislcap/foundation-criteria": "15.18.0",
-    "@genesislcap/foundation-entity-management": "15.18.0",
-    "@genesislcap/foundation-forms": "15.18.0",
-    "@genesislcap/foundation-layout": "15.18.0",
-    "@genesislcap/foundation-logger": "15.18.0",
-    "@genesislcap/foundation-notifications": "15.18.0",
-    "@genesislcap/foundation-ui": "15.18.0",
-    "@genesislcap/foundation-utils": "15.18.0",
-    "@genesislcap/rapid-design-system": "15.18.0",
-    "@genesislcap/rapid-grid-pro": "15.18.0",
-    "@genesislcap/web-core": "15.18.0",
+    "@genesislcap/foundation-comms": "15.19.0-DCD-4786.3",
+    "@genesislcap/foundation-criteria": "15.19.0-DCD-4786.3",
+    "@genesislcap/foundation-entity-management": "15.19.0-DCD-4786.3",
+    "@genesislcap/foundation-forms": "15.19.0-DCD-4786.3",
+    "@genesislcap/foundation-layout": "15.19.0-DCD-4786.3",
+    "@genesislcap/foundation-logger": "15.19.0-DCD-4786.3",
+    "@genesislcap/foundation-notifications": "15.19.0-DCD-4786.3",
+    "@genesislcap/foundation-ui": "15.19.0-DCD-4786.3",
+    "@genesislcap/foundation-utils": "15.19.0-DCD-4786.3",
+    "@genesislcap/rapid-design-system": "15.19.0-DCD-4786.3",
+    "@genesislcap/rapid-grid-pro": "15.19.0-DCD-4786.3",
+    "@genesislcap/web-core": "15.19.0-DCD-4786.3",
     "lodash.debounce": "^4.0.8",
     "rxjs": "^7.5.4"
   },
   "publishConfig": {
     "access": "public"
   },
-  "customElements": "dist/custom-elements.json",
-  "gitHead": "a92013873774dbc7f67a32d37994f10777f86383"
+  "customElements": "dist/custom-elements.json"
 }

package/api-extractor.json

@@ -1,4 +0,0 @@
-{
-  "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json",
-  "extends": "../../../../api-extractor.json"
-}

package/dist/dts/utils/alert-sound.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=alert-sound.test.d.ts.map

package/dist/dts/utils/alert-sound.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-sound.test.d.ts","sourceRoot":"","sources":["../../../src/utils/alert-sound.test.ts"],"names":[],"mappings":""}

package/dist/esm/utils/alert-sound.test.js

@@ -1,25 +0,0 @@
-import { assert, createLogicSuite } from '@genesislcap/foundation-testing';
-import { textContainsWholeWord } from './alert-sound';
-const suite = createLogicSuite('alert-sound textContainsWholeWord');
-suite('matches a single whole word case-insensitively', () => {
-    assert.ok(textContainsWholeWord('Please trade now', 'trade'));
-    assert.ok(textContainsWholeWord('Please TRADE now', 'trade'));
-    assert.not.ok(textContainsWholeWord('Please trader now', 'trade'));
-});
-suite('matches a multi-word phrase', () => {
-    assert.ok(textContainsWholeWord('Risk limit breached today', 'limit breached'));
-    assert.not.ok(textContainsWholeWord('Risk limit breach today', 'limit breached'));
-});
-suite('does not match empty or whitespace-only patterns', () => {
-    assert.not.ok(textContainsWholeWord('anything', ''));
-    assert.not.ok(textContainsWholeWord('anything', '   '));
-});
-suite('treats short codes as whole words (g1 vs g1h)', () => {
-    assert.ok(textContainsWholeWord('test g1 test', 'g1'));
-    assert.not.ok(textContainsWholeWord('test g1h test', 'g1'));
-});
-suite('matches patterns that start or end with punctuation', () => {
-    assert.ok(textContainsWholeWord('cost $100 today', '$100'));
-    assert.ok(textContainsWholeWord('status: FAILED!', 'FAILED!'));
-});
-suite.run();

package/dist/tsconfig.tsbuildinfo

@@ -1 +0,0 @@
-{"root":["../src/globals.d.ts","../src/index.federated.ts","../src/index.ts","../src/notify.types.ts","../src/sandbox.ts","../src/components/components.ts","../src/components/foundation-inbox/inbox.styles.ts","../src/components/foundation-inbox/inbox.template.ts","../src/components/foundation-inbox/inbox.ts","../src/components/foundation-inbox/inbox.types.ts","../src/components/foundation-inbox/inbox.utils.ts","../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts","../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts","../src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts","../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts","../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts","../src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts","../src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts","../src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts","../src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts","../src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.styles.ts","../src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.template.ts","../src/components/foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter.ts","../src/components/foundation-inbox/inbox-base/inbox-base.ts","../src/components/foundation-notification-dashboard/alert-sound-attachment.ts","../src/components/foundation-notification-dashboard/index.ts","../src/components/foundation-notification-dashboard/notification-dashboard.styles.ts","../src/components/foundation-notification-dashboard/notification-dashboard.tabs.ts","../src/components/foundation-notification-dashboard/notification-dashboard.template.ts","../src/components/foundation-notification-dashboard/notification-dashboard.ts","../src/components/foundation-notification-dashboard/notification-dashboard.utils.ts","../src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts","../src/components/foundation-notification-dashboard/components/routes/route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/email-distribution-route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/email-user-route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/log-route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/ms-teams-route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/screen-route-management.ts","../src/components/foundation-notification-dashboard/components/routes/tabs/slack-route-management.ts","../src/components/foundation-notification-dashboard/components/rules/columns.ts","../src/components/foundation-notification-dashboard/components/rules/rule-management.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.template.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog.types.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.template.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.types.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts","../src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts","../src/components/foundation-notification-dashboard/components/templates/columns.ts","../src/components/foundation-notification-dashboard/components/templates/template-management.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.template.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.types.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts","../src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts","../src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts","../src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts","../src/components/foundation-notification-dashboard/styles/management.styles.ts","../src/components/foundation-notification-dashboard/types/expression-type.ts","../src/components/foundation-notification-dashboard/types/logical-operator.ts","../src/components/foundation-notification-dashboard/types/param-source-type.ts","../src/components/foundation-notification-dashboard/types/param-type.ts","../src/components/foundation-notification-dashboard/types/right-criteria.ts","../src/components/foundation-notification-dashboard/types/rule-execution-strategy.ts","../src/components/foundation-notification-dashboard/types/severity.ts","../src/components/foundation-sounds/foundation-sounds-panel.styles.ts","../src/components/foundation-sounds/foundation-sounds-panel.template.ts","../src/components/foundation-sounds/foundation-sounds-panel.ts","../src/components/foundation-sounds/foundation-sounds.styles.ts","../src/components/foundation-sounds/foundation-sounds.ts","../src/services/alert.service.ts","../src/services/inbox.service.ts","../src/services/notify-route.service.ts","../src/services/notify.service.ts","../src/services/rule.service.ts","../src/services/system.service.ts","../src/services/template.service.ts","../src/styles/scrollbar.styles.ts","../src/utils/alert-sound.test.ts","../src/utils/alert-sound.ts","../src/utils/eventDetail.ts","../src/utils/gridConfig.ts","../src/utils/humanize.ts","../src/utils/icons.ts","../src/utils/index.ts","../src/utils/logger.ts","../src/utils/notifyPermissions.ts","../src/utils/toBoolean.ts","../src/utils/updateArray.ts"],"version":"5.9.2"}

package/src/components/components.ts

@@ -1,64 +0,0 @@
-import { foundationLayoutComponents } from '@genesislcap/foundation-layout';
-import * as rapidDesignSystem from '@genesislcap/rapid-design-system';
-import { rapidGridComponents } from '@genesislcap/rapid-grid-pro';
-import { FoundationInboxCounter } from './foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter';
-import { InboxSubscription } from './foundation-inbox/components/inbox-subscription/inbox-subscription';
-import { RuleParameter } from './foundation-inbox/components/inbox-subscription/rule-parameter/rule-parameter';
-import { NotifyAuditManagement } from './foundation-notification-dashboard/components/notify-audit/notify-audit-management';
-import { RouteManagement } from './foundation-notification-dashboard/components/routes/route-management';
-import { EmailDistributionRouteManagement } from './foundation-notification-dashboard/components/routes/tabs/email-distribution-route-management';
-import { EmailUserRouteManagement } from './foundation-notification-dashboard/components/routes/tabs/email-user-route-management';
-import { LogRouteManagement } from './foundation-notification-dashboard/components/routes/tabs/log-route-management';
-import { MSTeamsRouteManagement } from './foundation-notification-dashboard/components/routes/tabs/ms-teams-route-management';
-import { ScreenRouteManagement } from './foundation-notification-dashboard/components/routes/tabs/screen-route-management';
-import { SlackRouteManagement } from './foundation-notification-dashboard/components/routes/tabs/slack-route-management';
-import { RuleConditionBuilder } from './foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder';
-import { RuleConditionGroup } from './foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group';
-import { RuleDialog } from './foundation-notification-dashboard/components/rules/rule-dialog/rule-dialog';
-import { RuleManagement } from './foundation-notification-dashboard/components/rules/rule-management';
-import { ParameterBuilder } from './foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder';
-import { TemplateConditionBuilder } from './foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder';
-import { TemplateConditionGroup } from './foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group';
-import { TemplateDialog } from './foundation-notification-dashboard/components/templates/template-dialog/template-dialog';
-import { TemplateManagement } from './foundation-notification-dashboard/components/templates/template-management';
-import { FoundationSounds } from './foundation-sounds/foundation-sounds';
-import { FoundationSoundsPanel } from './foundation-sounds/foundation-sounds-panel';
-
-// Components
-
-// #region Inbox
-FoundationInboxCounter;
-InboxSubscription;
-RuleParameter;
-FoundationSounds;
-FoundationSoundsPanel;
-// #endregion Inbox
-
-// #region Notification Dashboard
-RuleManagement;
-RuleDialog;
-RuleConditionBuilder;
-RuleConditionGroup;
-
-TemplateManagement;
-TemplateDialog;
-ParameterBuilder;
-TemplateConditionBuilder;
-TemplateConditionGroup;
-
-RouteManagement;
-ScreenRouteManagement;
-EmailDistributionRouteManagement;
-EmailUserRouteManagement;
-LogRouteManagement;
-MSTeamsRouteManagement;
-SlackRouteManagement;
-
-NotifyAuditManagement;
-// #endregion Notification Dashboard
-
-export async function loadRemotes() {
-  rapidDesignSystem
-    .provideDesignSystem()
-    .register(rapidGridComponents, rapidDesignSystem.baseComponents, foundationLayoutComponents);
-}

package/src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts

@@ -1,30 +0,0 @@
-import { css } from '@genesislcap/web-core';
-
-const BACKGROUND_COLOR = '#EF5547';
-
-/** Class to use when there are no items */
-export const noItemsClass = 'no-items';
-
-export const FoundationInboxCounterStyles = css`
-  :host {
-    display: inline-block;
-    min-width: 16px;
-    height: 16px;
-    border-radius: 9px;
-    text-align: center;
-    color: #fff;
-    line-height: 16px;
-    font-size: 9px;
-    font-weight: 700;
-    background: ${BACKGROUND_COLOR};
-    pointer-events: none;
-  }
-
-  .hidden {
-    visibility: hidden;
-  }
-
-  :host(.${noItemsClass}) {
-    display: none;
-  }
-`;

package/src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts

@@ -1,16 +0,0 @@
-import { classNames, html, when } from '@genesislcap/web-core';
-import type { FoundationInboxCounter } from './foundation-inbox-counter';
-import { noItemsClass } from './foundation-inbox-counter.styles';
-
-const MAX_NUMBER_TO_DISPLAY = 99;
-
-export const FoundationInboxCounterTemplate = html<FoundationInboxCounter>`
-  <template class="${(x) => classNames([noItemsClass, x.value < 1])}">
-    ${when(
-      (x) => x.value > 0,
-      html`
-        ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}
-      `,
-    )}
-  </template>
-`;

package/src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts

@@ -1,68 +0,0 @@
-import { Connect } from '@genesislcap/foundation-comms';
-import { customElement, GenesisElement, observable } from '@genesislcap/web-core';
-import { Subscription } from 'rxjs';
-import { FoundationInboxService } from '../../../../services/inbox.service';
-import { AlertStatus } from '../../inbox.types';
-import { FoundationInboxCounterStyles } from './foundation-inbox-counter.styles';
-import { FoundationInboxCounterTemplate } from './foundation-inbox-counter.template';
-
-/**
- * The counter renders "99+" once the count exceeds 99, so there is no need to
- * stream more than 100 rows just to know the total to display.
- */
-const COUNTER_MAX_ROWS = 100;
-
-@customElement({
-  name: 'foundation-inbox-counter',
-  template: FoundationInboxCounterTemplate,
-  styles: FoundationInboxCounterStyles,
-})
-export class FoundationInboxCounter extends GenesisElement {
-  @observable value: number = 0;
-  @Connect connect: Connect;
-  @FoundationInboxService inboxService: FoundationInboxService;
-  private connectionSub: Subscription;
-
-  async connectedCallback() {
-    super.connectedCallback();
-
-    this.connectionSub = this.connect.isConnected$.subscribe(async (isConnected) => {
-      if (isConnected) {
-        await this.subscribeToAlerts();
-      }
-    });
-  }
-
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.inboxService.unsubscribe(this.subscriptionHandler);
-    this.connectionSub.unsubscribe();
-    delete this.connectionSub;
-  }
-
-  /**
-   * Subscribes to alerts from the inbox service
-   * @private
-   */
-  private async subscribeToAlerts(): Promise<void> {
-    this.inboxService.unsubscribe(this.subscriptionHandler);
-
-    // Only the row count matters here: cap rows at the display ceiling and
-    // request just the id to keep the payload small.
-    this.inboxService.subscribe(
-      this.subscriptionHandler,
-      false,
-      `ALERT_STATUS=='${AlertStatus.NEW}'`,
-      COUNTER_MAX_ROWS,
-      'ALERT_ID',
-    );
-  }
-
-  /**
-   * Handles subscription updates from the inbox service
-   * @private
-   */
-  private subscriptionHandler = ({ store }: { store: { items: any[] } }) => {
-    this.value = (store?.items || []).length;
-  };
-}

package/src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts

@@ -1,18 +0,0 @@
-import { css } from '@genesislcap/web-core';
-import { FoundationInboxStyles } from '../../inbox.styles';
-
-export const FoundationInboxFlyoutStyles = css`
-  rapid-flyout::part(flyout) {
-    width: 30%;
-    min-width: 320px;
-    padding: 0;
-  }
-
-  rapid-flyout::part(content) {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-  }
-
-  ${FoundationInboxStyles}
-`;

package/src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts

@@ -1,22 +0,0 @@
-import { html, ref } from '@genesislcap/web-core';
-import { FoundationInboxTemplate } from '../../inbox.template';
-import type { FoundationInboxFlyout } from './foundation-inbox-flyout';
-
-export const FoundationInboxFlyoutTemplate = html<FoundationInboxFlyout>`
-  <rapid-flyout
-    ${ref('flyout')}
-    position="right"
-    @closed=${(x) => (x.flyoutClosed = true)}
-    :closed=${(x) => x.flyoutClosed}
-    displayHeader=${false}
-  >
-    <div class="inbox-header">
-      <div class="inbox-header-title">Alerts Center</div>
-      <rapid-button class="inbox-header-close" @click=${(x) => x.close()}>
-        <rapid-icon part="icon" name="xmark" size="xl"></rapid-icon>
-      </rapid-button>
-    </div>
-
-    ${FoundationInboxTemplate}
-  </rapid-flyout>
-`;

package/src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts

@@ -1,43 +0,0 @@
-import type { Flyout } from '@genesislcap/rapid-design-system';
-import { observable, customElement } from '@genesislcap/web-core';
-import { loadRemotes } from '../../../components';
-import { FoundationInboxBase } from '../../inbox-base/inbox-base';
-import { FoundationInboxFlyoutStyles } from './foundation-inbox-flyout.styles';
-import { FoundationInboxFlyoutTemplate } from './foundation-inbox-flyout.template';
-
-@customElement({
-  name: 'foundation-inbox-flyout',
-  template: FoundationInboxFlyoutTemplate,
-  styles: FoundationInboxFlyoutStyles,
-})
-export class FoundationInboxFlyout extends FoundationInboxBase {
-  @observable ready: boolean = false;
-
-  flyout: Flyout;
-  @observable flyoutClosed: boolean = true;
-
-  async connectedCallback() {
-    super.connectedCallback();
-    await this.loadRemotes();
-  }
-
-  disconnectedCallback(): void {
-    super.disconnectedCallback();
-  }
-
-  public async open() {
-    this.flyoutClosed = false;
-    this.rules = await this.ruleService.getRules();
-    this.templates = await this.templateService.getRuleTemplates();
-  }
-
-  public close() {
-    this.ruleTemplateDetails = null;
-    this.flyout.closeFlyout();
-  }
-
-  async loadRemotes() {
-    const remoteComponents = await loadRemotes();
-    this.ready = true;
-  }
-}