npm - @genesislcap/pbc-notify-ui - Versions diffs - 14.486.0 → 14.486.1 - Mend

@genesislcap/pbc-notify-ui 14.486.0 → 14.486.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/custom-elements.json +271 -271
package/dist/dts/react.d.ts +15 -15
package/dist/react.cjs +10 -10
package/dist/react.mjs +8 -8
package/package.json +23 -23

package/dist/custom-elements.json CHANGED Viewed

@@ -5666,6 +5666,156 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "RuleConditionGroupTemplate",
+          "default": "html<RuleConditionGroup>`\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, RuleConditionGroup>`\n          ${when(\n            (x) => isGroup(x),\n            html<ConditionNode>`\n              <rule-condition-group\n                :fields=${(x, c) => c.parent.fields}\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              ></rule-condition-group>\n            `,\n          )}\n          ${when(\n            (x) => !isGroup(x),\n            html<ConditionNode>`\n              <rule-condition-builder\n                :fields=${(x, c) => c.parent.fields}\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              ></rule-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": "RuleConditionGroupTemplate",
+          "declaration": {
+            "name": "RuleConditionGroupTemplate",
+            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Parenthesized group of conditions/nested groups for notification rule\ncriteria, joined to the previous sibling via AND/OR like a single\ncondition row - but bracketing its own children off from the rest of the\nlist, so e.g. \"(A && B) || C\" can be expressed without the AND silently\nspanning more than intended.",
+          "name": "RuleConditionGroup",
+          "members": [
+            {
+              "kind": "field",
+              "name": "node",
+              "type": {
+                "text": "ConditionGroupEntity"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "fields",
+              "type": {
+                "text": "Field[]"
+              },
+              "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": "rule-condition-group",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RuleConditionGroup",
+          "declaration": {
+            "name": "RuleConditionGroup",
+            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "rule-condition-group",
+          "declaration": {
+            "name": "RuleConditionGroup",
+            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.template.ts",
@@ -5952,150 +6102,214 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts",
+      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "RuleConditionGroupTemplate",
-          "default": "html<RuleConditionGroup>`\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, RuleConditionGroup>`\n          ${when(\n            (x) => isGroup(x),\n            html<ConditionNode>`\n              <rule-condition-group\n                :fields=${(x, c) => c.parent.fields}\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              ></rule-condition-group>\n            `,\n          )}\n          ${when(\n            (x) => !isGroup(x),\n            html<ConditionNode>`\n              <rule-condition-builder\n                :fields=${(x, c) => c.parent.fields}\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              ></rule-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`"
+          "name": "ParameterBuilderStyles",
+          "default": "css`\n  .parameter-builder {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  rapid-button {\n    margin: 0;\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.param-type::part(control) {\n    width: 115px;\n  }\n\n  rapid-select.param-source-type::part(control) {\n    width: 160px;\n  }\n\n  rapid-select.param-source::part(control) {\n    width: ${PARAM_SOURCE_WIDTH}px;\n  }\n\n  rapid-text-field.param-source::part(root) {\n    width: calc(${PARAM_SOURCE_WIDTH}px + 2px);\n  }\n\n  rapid-select::part(listbox) {\n    max-height: 160px;\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "RuleConditionGroupTemplate",
+          "name": "ParameterBuilderStyles",
           "declaration": {
-            "name": "RuleConditionGroupTemplate",
-            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts"
+            "name": "ParameterBuilderStyles",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts",
+      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ParameterBuilderTemplate",
+          "default": "html<ParameterBuilder>`\n  <div class=\"parameter-builder\">\n    <rapid-text-field\n      id=\"param-name\"\n      placeholder=\"Name\"\n      :value=${sync((x) => x.name)}\n    ></rapid-text-field>\n\n    <rapid-text-field\n      id=\"param-label\"\n      placeholder=\"Label\"\n      :value=${sync((x) => x.label)}\n    ></rapid-text-field>\n\n    <rapid-select\n      id=\"param-source-type\"\n      :value=${sync((x) => x.sourceType)}\n      class=\"param-source-type\"\n    >\n      ${repeat(\n        (x) => ALL_PARAM_SOURCE_TYPES,\n        html`\n          <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n        `,\n      )}\n    </rapid-select>\n\n    ${when(\n      (x) => x.sourceType === PARAM_SOURCE_TYPE_USER_TEXT,\n      html<ParameterBuilder>`\n        <rapid-text-field class=\"param-source\" disabled></rapid-text-field>\n      `,\n    )}\n    ${when(\n      (x) => x.sourceType === PARAM_SOURCE_TYPE_REQ_REP,\n      html<ParameterBuilder>`\n        <rapid-select\n          ${ref('sourceSelect')}\n          id=\"param-source\"\n          :value=${sync((x) => x.sourceSelected)}\n          class=\"param-source\"\n          ?disabled=${(x) => x.sourceType !== PARAM_SOURCE_TYPE_REQ_REP}\n        >\n          ${repeat(\n            (x) => x.reqRepItems,\n            html`\n              <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n            `,\n          )}\n        </rapid-select>\n      `,\n    )}\n    ${when(\n      (x) => x.sourceType === PARAM_SOURCE_TYPE_DEFINED_GROUP,\n      html<ParameterBuilder>`\n        <rapid-text-field\n          ${ref('sourceTextField')}\n          class=\"param-source\"\n          placeholder=\"item1,item2,item3\"\n          :value=${sync((x) => x.sourceTyped)}\n        ></rapid-text-field>\n      `,\n    )}\n\n    <rapid-select id=\"param-type\" :value=${sync((x) => x.type)} class=\"param-type\">\n      ${repeat(\n        (x) => ALL_PARAM_TYPES,\n        html`\n          <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n        `,\n      )}\n    </rapid-select>\n\n    <rapid-button appearance=\"icon\" class=\"delete\" @click=${(x) => x.deleteParameter()}>\n      <rapid-icon\n        style=\"opacity: 0.5\"\n        variant=\"regular\"\n        name=\"trash-alt\"\n        size=\"lg\"\n        part=\"icon\"\n      ></rapid-icon>\n    </rapid-button>\n  </div>\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ParameterBuilderTemplate",
+          "declaration": {
+            "name": "ParameterBuilderTemplate",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Parenthesized group of conditions/nested groups for notification rule\ncriteria, joined to the previous sibling via AND/OR like a single\ncondition row - but bracketing its own children off from the rest of the\nlist, so e.g. \"(A && B) || C\" can be expressed without the AND silently\nspanning more than intended.",
-          "name": "RuleConditionGroup",
+          "description": "Parameter builder for notification templates.",
+          "name": "ParameterBuilder",
           "members": [
             {
               "kind": "field",
-              "name": "node",
+              "name": "parameter",
               "type": {
-                "text": "ConditionGroupEntity"
+                "text": "ParameterBuilderEntity"
               }
             },
             {
               "kind": "field",
-              "name": "fields",
+              "name": "name",
               "type": {
-                "text": "Field[]"
-              },
-              "default": "[]"
+                "text": "string"
+              }
             },
             {
               "kind": "field",
-              "name": "isFirst",
+              "name": "label",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+                "text": "string"
+              }
             },
             {
               "kind": "field",
-              "name": "joinOperator",
+              "name": "type",
               "type": {
                 "text": "string"
               }
             },
             {
               "kind": "field",
-              "name": "groupChildren",
+              "name": "sourceType",
               "type": {
-                "text": "ConditionNode[]"
-              },
-              "default": "[]"
+                "text": "string"
+              }
             },
             {
-              "kind": "method",
-              "name": "nodeChanged"
+              "kind": "field",
+              "name": "sourceSelected",
+              "type": {
+                "text": "string"
+              }
             },
             {
-              "kind": "method",
-              "name": "joinOperatorChanged"
+              "kind": "field",
+              "name": "sourceTyped",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "sourceTextField",
+              "type": {
+                "text": "TextField"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "sourceSelect",
+              "type": {
+                "text": "Select"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "reqRepItems",
+              "type": {
+                "text": "array"
+              },
+              "default": "['REQUEST_1', 'REQUEST_2', 'REQUEST_3']"
             },
             {
               "kind": "method",
-              "name": "newCondition"
+              "name": "deleteParameter"
             },
             {
               "kind": "method",
-              "name": "newGroup"
+              "name": "parameterChanged"
             },
             {
               "kind": "method",
-              "name": "editChild",
-              "parameters": [
-                {
-                  "name": "_editedChild",
-                  "type": {
-                    "text": "ConditionNode"
-                  }
-                }
-              ]
+              "name": "nameChanged"
             },
             {
               "kind": "method",
-              "name": "deleteChild",
+              "name": "labelChanged"
+            },
+            {
+              "kind": "method",
+              "name": "typeChanged"
+            },
+            {
+              "kind": "method",
+              "name": "sourceTypeChanged"
+            },
+            {
+              "kind": "method",
+              "name": "sourceSelectedChanged"
+            },
+            {
+              "kind": "method",
+              "name": "sourceTypedChanged"
+            },
+            {
+              "kind": "method",
+              "name": "genericChanged",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "deletedChild",
-                  "type": {
-                    "text": "ConditionNode"
-                  }
+                  "name": "parameterAttribute"
+                },
+                {
+                  "name": "value"
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "deleteSelf"
             }
           ],
           "events": [
             {
-              "description": "Fired when this whole group should be removed",
+              "description": "Fired when a parameter is deleted. detail: `ParameterBuilderEntity`",
               "name": "delete"
             },
             {
-              "description": "Fired when anything inside this group changes",
+              "description": "Fired when a parameter is edited. detail: `ParameterBuilderEntity`",
               "name": "edit"
             }
           ],
+          "attributes": [
+            {
+              "name": "parameter",
+              "type": {
+                "text": "ParameterBuilderEntity"
+              },
+              "fieldName": "parameter"
+            }
+          ],
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "rule-condition-group",
+          "tagName": "parameter-builder",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "RuleConditionGroup",
+          "name": "ParameterBuilder",
           "declaration": {
-            "name": "RuleConditionGroup",
-            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
+            "name": "ParameterBuilder",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "rule-condition-group",
+          "name": "parameter-builder",
           "declaration": {
-            "name": "RuleConditionGroup",
-            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
+            "name": "ParameterBuilder",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
           }
         }
       ]
@@ -6392,220 +6606,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "ParameterBuilderStyles",
-          "default": "css`\n  .parameter-builder {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  rapid-button {\n    margin: 0;\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.param-type::part(control) {\n    width: 115px;\n  }\n\n  rapid-select.param-source-type::part(control) {\n    width: 160px;\n  }\n\n  rapid-select.param-source::part(control) {\n    width: ${PARAM_SOURCE_WIDTH}px;\n  }\n\n  rapid-text-field.param-source::part(root) {\n    width: calc(${PARAM_SOURCE_WIDTH}px + 2px);\n  }\n\n  rapid-select::part(listbox) {\n    max-height: 160px;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ParameterBuilderStyles",
-          "declaration": {
-            "name": "ParameterBuilderStyles",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "ParameterBuilderTemplate",
-          "default": "html<ParameterBuilder>`\n  <div class=\"parameter-builder\">\n    <rapid-text-field\n      id=\"param-name\"\n      placeholder=\"Name\"\n      :value=${sync((x) => x.name)}\n    ></rapid-text-field>\n\n    <rapid-text-field\n      id=\"param-label\"\n      placeholder=\"Label\"\n      :value=${sync((x) => x.label)}\n    ></rapid-text-field>\n\n    <rapid-select\n      id=\"param-source-type\"\n      :value=${sync((x) => x.sourceType)}\n      class=\"param-source-type\"\n    >\n      ${repeat(\n        (x) => ALL_PARAM_SOURCE_TYPES,\n        html`\n          <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n        `,\n      )}\n    </rapid-select>\n\n    ${when(\n      (x) => x.sourceType === PARAM_SOURCE_TYPE_USER_TEXT,\n      html<ParameterBuilder>`\n        <rapid-text-field class=\"param-source\" disabled></rapid-text-field>\n      `,\n    )}\n    ${when(\n      (x) => x.sourceType === PARAM_SOURCE_TYPE_REQ_REP,\n      html<ParameterBuilder>`\n        <rapid-select\n          ${ref('sourceSelect')}\n          id=\"param-source\"\n          :value=${sync((x) => x.sourceSelected)}\n          class=\"param-source\"\n          ?disabled=${(x) => x.sourceType !== PARAM_SOURCE_TYPE_REQ_REP}\n        >\n          ${repeat(\n            (x) => x.reqRepItems,\n            html`\n              <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n            `,\n          )}\n        </rapid-select>\n      `,\n    )}\n    ${when(\n      (x) => x.sourceType === PARAM_SOURCE_TYPE_DEFINED_GROUP,\n      html<ParameterBuilder>`\n        <rapid-text-field\n          ${ref('sourceTextField')}\n          class=\"param-source\"\n          placeholder=\"item1,item2,item3\"\n          :value=${sync((x) => x.sourceTyped)}\n        ></rapid-text-field>\n      `,\n    )}\n\n    <rapid-select id=\"param-type\" :value=${sync((x) => x.type)} class=\"param-type\">\n      ${repeat(\n        (x) => ALL_PARAM_TYPES,\n        html`\n          <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n        `,\n      )}\n    </rapid-select>\n\n    <rapid-button appearance=\"icon\" class=\"delete\" @click=${(x) => x.deleteParameter()}>\n      <rapid-icon\n        style=\"opacity: 0.5\"\n        variant=\"regular\"\n        name=\"trash-alt\"\n        size=\"lg\"\n        part=\"icon\"\n      ></rapid-icon>\n    </rapid-button>\n  </div>\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ParameterBuilderTemplate",
-          "declaration": {
-            "name": "ParameterBuilderTemplate",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Parameter builder for notification templates.",
-          "name": "ParameterBuilder",
-          "members": [
-            {
-              "kind": "field",
-              "name": "parameter",
-              "type": {
-                "text": "ParameterBuilderEntity"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "sourceType",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "sourceSelected",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "sourceTyped",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "sourceTextField",
-              "type": {
-                "text": "TextField"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "sourceSelect",
-              "type": {
-                "text": "Select"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "reqRepItems",
-              "type": {
-                "text": "array"
-              },
-              "default": "['REQUEST_1', 'REQUEST_2', 'REQUEST_3']"
-            },
-            {
-              "kind": "method",
-              "name": "deleteParameter"
-            },
-            {
-              "kind": "method",
-              "name": "parameterChanged"
-            },
-            {
-              "kind": "method",
-              "name": "nameChanged"
-            },
-            {
-              "kind": "method",
-              "name": "labelChanged"
-            },
-            {
-              "kind": "method",
-              "name": "typeChanged"
-            },
-            {
-              "kind": "method",
-              "name": "sourceTypeChanged"
-            },
-            {
-              "kind": "method",
-              "name": "sourceSelectedChanged"
-            },
-            {
-              "kind": "method",
-              "name": "sourceTypedChanged"
-            },
-            {
-              "kind": "method",
-              "name": "genericChanged",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "parameterAttribute"
-                },
-                {
-                  "name": "value"
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "description": "Fired when a parameter is deleted. detail: `ParameterBuilderEntity`",
-              "name": "delete"
-            },
-            {
-              "description": "Fired when a parameter is edited. detail: `ParameterBuilderEntity`",
-              "name": "edit"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "parameter",
-              "type": {
-                "text": "ParameterBuilderEntity"
-              },
-              "fieldName": "parameter"
-            }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "parameter-builder",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ParameterBuilder",
-          "declaration": {
-            "name": "ParameterBuilder",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "parameter-builder",
-          "declaration": {
-            "name": "ParameterBuilder",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",

package/dist/dts/react.d.ts CHANGED Viewed

@@ -225,17 +225,6 @@ export declare const TemplateDialog: React.ForwardRefExoticComponent<
 >;
 export type TemplateDialogRef = TemplateDialogWC;
-export declare const RuleConditionBuilder: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<RuleConditionBuilderWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-      onDelete?: (event: CustomEvent<ConditionBuilderEntity>) => void;
-      onEdit?: (event: CustomEvent<ConditionBuilderEntity>) => void;
-    }
-  > & React.RefAttributes<RuleConditionBuilderWC>
->;
-export type RuleConditionBuilderRef = RuleConditionBuilderWC;
 export declare const RuleConditionGroup: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<RuleConditionGroupWC>, 'children' | 'style'> &
@@ -247,16 +236,16 @@ export declare const RuleConditionGroup: React.ForwardRefExoticComponent<
 >;
 export type RuleConditionGroupRef = RuleConditionGroupWC;
-export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
+export declare const RuleConditionBuilder: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
+    Omit<PublicOf<RuleConditionBuilderWC>, 'children' | 'style'> &
     HTMLWCProps & {
       onDelete?: (event: CustomEvent<ConditionBuilderEntity>) => void;
       onEdit?: (event: CustomEvent<ConditionBuilderEntity>) => void;
     }
-  > & React.RefAttributes<TemplateConditionBuilderWC>
+  > & React.RefAttributes<RuleConditionBuilderWC>
 >;
-export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
+export type RuleConditionBuilderRef = RuleConditionBuilderWC;
 export declare const ParameterBuilder: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -269,6 +258,17 @@ 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'> &

package/dist/react.cjs CHANGED Viewed

@@ -182,7 +182,7 @@ const TemplateDialog = React.forwardRef(function TemplateDialog(props, ref) {
   return React.createElement(customElements.getName(TemplateDialogWC) ?? 'template-dialog', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(props, ref) {
+const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -201,10 +201,10 @@ const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(prop
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, ref) {
+const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -223,10 +223,10 @@ const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, r
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
+const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -245,10 +245,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(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-const ParameterBuilder = React.forwardRef(function ParameterBuilder(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);
@@ -267,7 +267,7 @@ const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref)
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
@@ -311,9 +311,9 @@ module.exports = {
   ScreenRouteManagement,
   RuleDialog,
   TemplateDialog,
-  RuleConditionBuilder,
   RuleConditionGroup,
-  TemplateConditionBuilder,
+  RuleConditionBuilder,
   ParameterBuilder,
+  TemplateConditionBuilder,
   TemplateConditionGroup,
 };

package/dist/react.mjs CHANGED Viewed

@@ -180,7 +180,7 @@ export const TemplateDialog = React.forwardRef(function TemplateDialog(props, re
   return React.createElement(customElements.getName(TemplateDialogWC) ?? 'template-dialog', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-export const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(props, ref) {
+export const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -199,10 +199,10 @@ export const RuleConditionBuilder = React.forwardRef(function RuleConditionBuild
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-export const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, ref) {
+export const RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -221,10 +221,10 @@ export const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(p
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
+export const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref) {
   const { onDelete, onEdit, children, ...rest } = props;
   const _innerRef = React.useRef(null);
   const _onDeleteRef = React.useRef(onDelete);
@@ -243,10 +243,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(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
-export const ParameterBuilder = React.forwardRef(function ParameterBuilder(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);
@@ -265,7 +265,7 @@ export const ParameterBuilder = React.forwardRef(function ParameterBuilder(props
       el.removeEventListener('edit', _onEditFn);
     };
   }, []);
-  return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 export const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/pbc-notify-ui",
   "description": "Genesis PBC Notify UI",
-  "version": "14.486.0",
+  "version": "14.486.1",
   "license": "SEE LICENSE IN license.txt",
   "workspaces": [
     "client"
@@ -83,30 +83,30 @@
     "@commitlint/format": "^19.0.3",
     "@genesiscommunitysuccess/cep-fast-plugin": "5.0.3",
     "@genesiscommunitysuccess/custom-elements-lsp": "5.0.3",
-    "@genesislcap/design-system-configurator": "14.486.0",
-    "@genesislcap/eslint-config": "14.486.0",
-    "@genesislcap/eslint-stylelint-builder": "14.486.0",
-    "@genesislcap/foundation-testing": "14.486.0",
-    "@genesislcap/genx": "14.486.0",
-    "@genesislcap/prettier-config": "14.486.0",
-    "@genesislcap/stylelint-config": "14.486.0",
-    "@genesislcap/vite-builder": "14.486.0",
-    "@genesislcap/webpack-builder": "14.486.0",
+    "@genesislcap/design-system-configurator": "14.486.1",
+    "@genesislcap/eslint-config": "14.486.1",
+    "@genesislcap/eslint-stylelint-builder": "14.486.1",
+    "@genesislcap/foundation-testing": "14.486.1",
+    "@genesislcap/genx": "14.486.1",
+    "@genesislcap/prettier-config": "14.486.1",
+    "@genesislcap/stylelint-config": "14.486.1",
+    "@genesislcap/vite-builder": "14.486.1",
+    "@genesislcap/webpack-builder": "14.486.1",
     "dayjs": "^1.11.7"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.486.0",
-    "@genesislcap/foundation-criteria": "14.486.0",
-    "@genesislcap/foundation-entity-management": "14.486.0",
-    "@genesislcap/foundation-forms": "14.486.0",
-    "@genesislcap/foundation-layout": "14.486.0",
-    "@genesislcap/foundation-logger": "14.486.0",
-    "@genesislcap/foundation-notifications": "14.486.0",
-    "@genesislcap/foundation-ui": "14.486.0",
-    "@genesislcap/foundation-utils": "14.486.0",
-    "@genesislcap/rapid-design-system": "14.486.0",
-    "@genesislcap/rapid-grid-pro": "14.486.0",
-    "@genesislcap/web-core": "14.486.0",
+    "@genesislcap/foundation-comms": "14.486.1",
+    "@genesislcap/foundation-criteria": "14.486.1",
+    "@genesislcap/foundation-entity-management": "14.486.1",
+    "@genesislcap/foundation-forms": "14.486.1",
+    "@genesislcap/foundation-layout": "14.486.1",
+    "@genesislcap/foundation-logger": "14.486.1",
+    "@genesislcap/foundation-notifications": "14.486.1",
+    "@genesislcap/foundation-ui": "14.486.1",
+    "@genesislcap/foundation-utils": "14.486.1",
+    "@genesislcap/rapid-design-system": "14.486.1",
+    "@genesislcap/rapid-grid-pro": "14.486.1",
+    "@genesislcap/web-core": "14.486.1",
     "lodash.debounce": "^4.0.8",
     "rxjs": "^7.5.4"
   },
@@ -114,5 +114,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "5de11f8989291fe8aaf19a7048dd6be68c0be9c8"
+  "gitHead": "1e4e55b1ba9ef3aca8177127b52111d3ef0e53ae"
 }