@genesislcap/pbc-notify-ui 15.58.0 → 15.58.1-FUI-2629.5

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
  1. package/dist/custom-elements.json +331 -331
  2. package/dist/dts/react.d.ts +11 -11
  3. package/dist/react.cjs +5 -5
  4. package/dist/react.mjs +4 -4
  5. package/package.json +22 -22
package/dist/custom-elements.json CHANGED
@@ -505,27 +505,6 @@
505
505
  }
506
506
  ]
507
507
  },
508
- {
509
- "kind": "javascript-module",
510
- "path": "src/styles/scrollbar.styles.ts",
511
- "declarations": [
512
- {
513
- "kind": "variable",
514
- "name": "scrollbarStyles",
515
- "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`"
516
- }
517
- ],
518
- "exports": [
519
- {
520
- "kind": "js",
521
- "name": "scrollbarStyles",
522
- "declaration": {
523
- "name": "scrollbarStyles",
524
- "module": "src/styles/scrollbar.styles.ts"
525
- }
526
- }
527
- ]
528
- },
529
508
  {
530
509
  "kind": "javascript-module",
531
510
  "path": "src/utils/eventDetail.ts",
@@ -847,6 +826,27 @@
847
826
  }
848
827
  ]
849
828
  },
829
+ {
830
+ "kind": "javascript-module",
831
+ "path": "src/styles/scrollbar.styles.ts",
832
+ "declarations": [
833
+ {
834
+ "kind": "variable",
835
+ "name": "scrollbarStyles",
836
+ "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`"
837
+ }
838
+ ],
839
+ "exports": [
840
+ {
841
+ "kind": "js",
842
+ "name": "scrollbarStyles",
843
+ "declaration": {
844
+ "name": "scrollbarStyles",
845
+ "module": "src/styles/scrollbar.styles.ts"
846
+ }
847
+ }
848
+ ]
849
+ },
850
850
  {
851
851
  "kind": "javascript-module",
852
852
  "path": "src/components/foundation-inbox/inbox.styles.ts",
@@ -5207,6 +5207,95 @@
5207
5207
  }
5208
5208
  ]
5209
5209
  },
5210
+ {
5211
+ "kind": "javascript-module",
5212
+ "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
5213
+ "declarations": [
5214
+ {
5215
+ "kind": "variable",
5216
+ "name": "ConditionBuilderStyles",
5217
+ "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`"
5218
+ },
5219
+ {
5220
+ "kind": "variable",
5221
+ "name": "ConditionGroupStyles",
5222
+ "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`"
5223
+ }
5224
+ ],
5225
+ "exports": [
5226
+ {
5227
+ "kind": "js",
5228
+ "name": "ConditionBuilderStyles",
5229
+ "declaration": {
5230
+ "name": "ConditionBuilderStyles",
5231
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5232
+ }
5233
+ },
5234
+ {
5235
+ "kind": "js",
5236
+ "name": "ConditionGroupStyles",
5237
+ "declaration": {
5238
+ "name": "ConditionGroupStyles",
5239
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5240
+ }
5241
+ }
5242
+ ]
5243
+ },
5244
+ {
5245
+ "kind": "javascript-module",
5246
+ "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
5247
+ "declarations": [
5248
+ {
5249
+ "kind": "variable",
5250
+ "name": "DynamicRuleManagementStyles",
5251
+ "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`"
5252
+ },
5253
+ {
5254
+ "kind": "variable",
5255
+ "name": "DynamicRuleDialogStyles",
5256
+ "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 .topic-lock-hint {\n color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n font-size: var(--type-ramp-minus-1-font-size);\n line-height: var(--type-ramp-minus-1-line-height);\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`"
5257
+ }
5258
+ ],
5259
+ "exports": [
5260
+ {
5261
+ "kind": "js",
5262
+ "name": "DynamicRuleManagementStyles",
5263
+ "declaration": {
5264
+ "name": "DynamicRuleManagementStyles",
5265
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5266
+ }
5267
+ },
5268
+ {
5269
+ "kind": "js",
5270
+ "name": "DynamicRuleDialogStyles",
5271
+ "declaration": {
5272
+ "name": "DynamicRuleDialogStyles",
5273
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5274
+ }
5275
+ }
5276
+ ]
5277
+ },
5278
+ {
5279
+ "kind": "javascript-module",
5280
+ "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
5281
+ "declarations": [
5282
+ {
5283
+ "kind": "variable",
5284
+ "name": "managementGridStyles",
5285
+ "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`"
5286
+ }
5287
+ ],
5288
+ "exports": [
5289
+ {
5290
+ "kind": "js",
5291
+ "name": "managementGridStyles",
5292
+ "declaration": {
5293
+ "name": "managementGridStyles",
5294
+ "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
5295
+ }
5296
+ }
5297
+ ]
5298
+ },
5210
5299
  {
5211
5300
  "kind": "javascript-module",
5212
5301
  "path": "src/components/foundation-notification-dashboard/types/expression-type.ts",
@@ -5807,95 +5896,6 @@
5807
5896
  }
5808
5897
  ]
5809
5898
  },
5810
- {
5811
- "kind": "javascript-module",
5812
- "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
5813
- "declarations": [
5814
- {
5815
- "kind": "variable",
5816
- "name": "ConditionBuilderStyles",
5817
- "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`"
5818
- },
5819
- {
5820
- "kind": "variable",
5821
- "name": "ConditionGroupStyles",
5822
- "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`"
5823
- }
5824
- ],
5825
- "exports": [
5826
- {
5827
- "kind": "js",
5828
- "name": "ConditionBuilderStyles",
5829
- "declaration": {
5830
- "name": "ConditionBuilderStyles",
5831
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5832
- }
5833
- },
5834
- {
5835
- "kind": "js",
5836
- "name": "ConditionGroupStyles",
5837
- "declaration": {
5838
- "name": "ConditionGroupStyles",
5839
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5840
- }
5841
- }
5842
- ]
5843
- },
5844
- {
5845
- "kind": "javascript-module",
5846
- "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
5847
- "declarations": [
5848
- {
5849
- "kind": "variable",
5850
- "name": "DynamicRuleManagementStyles",
5851
- "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`"
5852
- },
5853
- {
5854
- "kind": "variable",
5855
- "name": "DynamicRuleDialogStyles",
5856
- "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 .topic-lock-hint {\n color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n font-size: var(--type-ramp-minus-1-font-size);\n line-height: var(--type-ramp-minus-1-line-height);\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`"
5857
- }
5858
- ],
5859
- "exports": [
5860
- {
5861
- "kind": "js",
5862
- "name": "DynamicRuleManagementStyles",
5863
- "declaration": {
5864
- "name": "DynamicRuleManagementStyles",
5865
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5866
- }
5867
- },
5868
- {
5869
- "kind": "js",
5870
- "name": "DynamicRuleDialogStyles",
5871
- "declaration": {
5872
- "name": "DynamicRuleDialogStyles",
5873
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5874
- }
5875
- }
5876
- ]
5877
- },
5878
- {
5879
- "kind": "javascript-module",
5880
- "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
5881
- "declarations": [
5882
- {
5883
- "kind": "variable",
5884
- "name": "managementGridStyles",
5885
- "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`"
5886
- }
5887
- ],
5888
- "exports": [
5889
- {
5890
- "kind": "js",
5891
- "name": "managementGridStyles",
5892
- "declaration": {
5893
- "name": "managementGridStyles",
5894
- "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
5895
- }
5896
- }
5897
- ]
5898
- },
5899
5899
  {
5900
5900
  "kind": "javascript-module",
5901
5901
  "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
@@ -10267,242 +10267,28 @@
10267
10267
  },
10268
10268
  {
10269
10269
  "kind": "javascript-module",
10270
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts",
10271
- "declarations": [
10272
- {
10273
- "kind": "variable",
10274
- "name": "ParameterBuilderStyles",
10275
- "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`"
10276
- }
10277
- ],
10278
- "exports": [
10279
- {
10280
- "kind": "js",
10281
- "name": "ParameterBuilderStyles",
10282
- "declaration": {
10283
- "name": "ParameterBuilderStyles",
10284
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts"
10285
- }
10286
- }
10287
- ]
10288
- },
10289
- {
10290
- "kind": "javascript-module",
10291
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts",
10270
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
10292
10271
  "declarations": [
10293
10272
  {
10294
10273
  "kind": "variable",
10295
- "name": "ParameterBuilderTemplate",
10296
- "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`"
10274
+ "name": "TemplateConditionBuilderTemplate",
10275
+ "default": "html<TemplateConditionBuilder>`\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-builder\">\n <rapid-select\n :value=${sync((x) => x.leftValue)}\n :initialValue=${sync((x) => x.leftValue)}\n class=\"left-value\"\n >\n ${repeat(\n (x) => x.leftValueItems,\n html<Field>`\n <rapid-option value=${(x) => JSON.stringify(x)}>${(x) => x.FIELD_NAME}</rapid-option>\n `,\n )}\n </rapid-select>\n\n <rapid-select\n class=\"logical-operator${(x) =>\n classNames([\n '-null-and-blank',\n nullAndBlankLogicalOperatorValues.includes(LogicalOperator[x.logicalOperator]),\n ])}\"\n :value=${sync((x) => x.logicalOperator)}\n >\n ${repeat(\n (_) => Object.values(LogicalOperator),\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n\n ${when(\n (x) => !nullAndBlankLogicalOperatorValues.includes(LogicalOperator[x.logicalOperator]),\n html`\n <rapid-select class=\"right-criteria\" :value=${sync((x) => x.rightCriteria)}>\n ${repeat(\n (x) => x.rightCriteriaOptions,\n html`\n <rapid-option value=${(x) => x}>${(x) => rightCriteriaLabel(x)}</rapid-option>\n `,\n )}\n </rapid-select>\n\n ${when(\n (x) => x.rightCriteria === RightCriteria.VALUE,\n html<TemplateConditionBuilder>`\n ${whenElse(\n (x) => JSON.parse(x.leftValue ?? '{}').FIELD_TYPE === FieldTypeEnum.BOOLEAN,\n html`\n <rapid-select class=\"right-criteria-select\" :value=${sync((x) => x.rightValueText)}>\n <rapid-option value=\"true\">true</rapid-option>\n <rapid-option value=\"false\">false</rapid-option>\n </rapid-select>\n `,\n html`\n ${whenElse(\n (x) => JSON.parse(x.leftValue ?? '{}').FIELD_TYPE === 'ENUM',\n html`\n <rapid-multiselect\n class=\"right-criteria-select\"\n :selectedOptions=${(x) => x.rightValueMultiSelect}\n @selectionChange=${(x, c) => {\n x.rightValueMultiSelect = (c.event as CustomEvent).detail;\n }}\n search=\"true\"\n all=\"false\"\n >\n <multiselect-datasource\n value-field=\"value\"\n label-field=\"value\"\n :data=${(x) => x.getEnumValues().map((value) => ({ value }))}\n ></multiselect-datasource>\n </rapid-multiselect>\n `,\n html`\n <rapid-text-field\n class=\"right-criteria-text\"\n :value=${sync((x) => x.rightValueText)}\n placeholder=\"Value (comma-separate for multiple)\"\n autocomplete=\"off\"\n ></rapid-text-field>\n `,\n )}\n `,\n )}\n `,\n )}\n ${when(\n (x) => x.rightCriteria === RightCriteria.USER_ENTRY,\n html<TemplateConditionBuilder>`\n <rapid-select class=\"right-criteria-select\" :value=${sync((x) => x.rightValueSelect)}>\n ${(x) => rightValueItemsOptions(x.rightValueItems)}\n </rapid-select>\n `,\n )}\n `,\n )}\n\n <rapid-button appearance=\"icon\" class=\"delete\" @click=${(x) => x.deleteCondition()}>\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`"
10297
10276
  }
10298
10277
  ],
10299
10278
  "exports": [
10300
10279
  {
10301
10280
  "kind": "js",
10302
- "name": "ParameterBuilderTemplate",
10281
+ "name": "TemplateConditionBuilderTemplate",
10303
10282
  "declaration": {
10304
- "name": "ParameterBuilderTemplate",
10305
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"
10283
+ "name": "TemplateConditionBuilderTemplate",
10284
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
10306
10285
  }
10307
10286
  }
10308
10287
  ]
10309
10288
  },
10310
10289
  {
10311
10290
  "kind": "javascript-module",
10312
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts",
10313
- "declarations": [
10314
- {
10315
- "kind": "class",
10316
- "description": "Parameter builder for notification templates.",
10317
- "name": "ParameterBuilder",
10318
- "members": [
10319
- {
10320
- "kind": "field",
10321
- "name": "parameter",
10322
- "type": {
10323
- "text": "ParameterBuilderEntity"
10324
- }
10325
- },
10326
- {
10327
- "kind": "field",
10328
- "name": "name",
10329
- "type": {
10330
- "text": "string"
10331
- }
10332
- },
10333
- {
10334
- "kind": "field",
10335
- "name": "label",
10336
- "type": {
10337
- "text": "string"
10338
- }
10339
- },
10340
- {
10341
- "kind": "field",
10342
- "name": "type",
10343
- "type": {
10344
- "text": "string"
10345
- }
10346
- },
10347
- {
10348
- "kind": "field",
10349
- "name": "sourceType",
10350
- "type": {
10351
- "text": "string"
10352
- }
10353
- },
10354
- {
10355
- "kind": "field",
10356
- "name": "sourceSelected",
10357
- "type": {
10358
- "text": "string"
10359
- }
10360
- },
10361
- {
10362
- "kind": "field",
10363
- "name": "sourceTyped",
10364
- "type": {
10365
- "text": "string"
10366
- }
10367
- },
10368
- {
10369
- "kind": "field",
10370
- "name": "sourceTextField",
10371
- "type": {
10372
- "text": "TextField"
10373
- }
10374
- },
10375
- {
10376
- "kind": "field",
10377
- "name": "sourceSelect",
10378
- "type": {
10379
- "text": "Select"
10380
- }
10381
- },
10382
- {
10383
- "kind": "field",
10384
- "name": "reqRepItems",
10385
- "type": {
10386
- "text": "array"
10387
- },
10388
- "default": "['REQUEST_1', 'REQUEST_2', 'REQUEST_3']"
10389
- },
10390
- {
10391
- "kind": "method",
10392
- "name": "deleteParameter"
10393
- },
10394
- {
10395
- "kind": "method",
10396
- "name": "parameterChanged"
10397
- },
10398
- {
10399
- "kind": "method",
10400
- "name": "nameChanged"
10401
- },
10402
- {
10403
- "kind": "method",
10404
- "name": "labelChanged"
10405
- },
10406
- {
10407
- "kind": "method",
10408
- "name": "typeChanged"
10409
- },
10410
- {
10411
- "kind": "method",
10412
- "name": "sourceTypeChanged"
10413
- },
10414
- {
10415
- "kind": "method",
10416
- "name": "sourceSelectedChanged"
10417
- },
10418
- {
10419
- "kind": "method",
10420
- "name": "sourceTypedChanged"
10421
- },
10422
- {
10423
- "kind": "method",
10424
- "name": "genericChanged",
10425
- "privacy": "private",
10426
- "parameters": [
10427
- {
10428
- "name": "parameterAttribute"
10429
- },
10430
- {
10431
- "name": "value"
10432
- }
10433
- ]
10434
- }
10435
- ],
10436
- "events": [
10437
- {
10438
- "description": "Fired when a parameter is deleted. detail: `ParameterBuilderEntity`",
10439
- "name": "delete"
10440
- },
10441
- {
10442
- "description": "Fired when a parameter is edited. detail: `ParameterBuilderEntity`",
10443
- "name": "edit"
10444
- }
10445
- ],
10446
- "attributes": [
10447
- {
10448
- "name": "parameter",
10449
- "type": {
10450
- "text": "ParameterBuilderEntity"
10451
- },
10452
- "fieldName": "parameter"
10453
- }
10454
- ],
10455
- "superclass": {
10456
- "name": "GenesisElement",
10457
- "package": "@genesislcap/web-core"
10458
- },
10459
- "tagName": "parameter-builder",
10460
- "customElement": true
10461
- }
10462
- ],
10463
- "exports": [
10464
- {
10465
- "kind": "js",
10466
- "name": "ParameterBuilder",
10467
- "declaration": {
10468
- "name": "ParameterBuilder",
10469
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
10470
- }
10471
- },
10472
- {
10473
- "kind": "custom-element-definition",
10474
- "name": "parameter-builder",
10475
- "declaration": {
10476
- "name": "ParameterBuilder",
10477
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
10478
- }
10479
- }
10480
- ]
10481
- },
10482
- {
10483
- "kind": "javascript-module",
10484
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
10485
- "declarations": [
10486
- {
10487
- "kind": "variable",
10488
- "name": "TemplateConditionBuilderTemplate",
10489
- "default": "html<TemplateConditionBuilder>`\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-builder\">\n <rapid-select\n :value=${sync((x) => x.leftValue)}\n :initialValue=${sync((x) => x.leftValue)}\n class=\"left-value\"\n >\n ${repeat(\n (x) => x.leftValueItems,\n html<Field>`\n <rapid-option value=${(x) => JSON.stringify(x)}>${(x) => x.FIELD_NAME}</rapid-option>\n `,\n )}\n </rapid-select>\n\n <rapid-select\n class=\"logical-operator${(x) =>\n classNames([\n '-null-and-blank',\n nullAndBlankLogicalOperatorValues.includes(LogicalOperator[x.logicalOperator]),\n ])}\"\n :value=${sync((x) => x.logicalOperator)}\n >\n ${repeat(\n (_) => Object.values(LogicalOperator),\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n\n ${when(\n (x) => !nullAndBlankLogicalOperatorValues.includes(LogicalOperator[x.logicalOperator]),\n html`\n <rapid-select class=\"right-criteria\" :value=${sync((x) => x.rightCriteria)}>\n ${repeat(\n (x) => x.rightCriteriaOptions,\n html`\n <rapid-option value=${(x) => x}>${(x) => rightCriteriaLabel(x)}</rapid-option>\n `,\n )}\n </rapid-select>\n\n ${when(\n (x) => x.rightCriteria === RightCriteria.VALUE,\n html<TemplateConditionBuilder>`\n ${whenElse(\n (x) => JSON.parse(x.leftValue ?? '{}').FIELD_TYPE === FieldTypeEnum.BOOLEAN,\n html`\n <rapid-select class=\"right-criteria-select\" :value=${sync((x) => x.rightValueText)}>\n <rapid-option value=\"true\">true</rapid-option>\n <rapid-option value=\"false\">false</rapid-option>\n </rapid-select>\n `,\n html`\n ${whenElse(\n (x) => JSON.parse(x.leftValue ?? '{}').FIELD_TYPE === 'ENUM',\n html`\n <rapid-multiselect\n class=\"right-criteria-select\"\n :selectedOptions=${(x) => x.rightValueMultiSelect}\n @selectionChange=${(x, c) => {\n x.rightValueMultiSelect = (c.event as CustomEvent).detail;\n }}\n search=\"true\"\n all=\"false\"\n >\n <multiselect-datasource\n value-field=\"value\"\n label-field=\"value\"\n :data=${(x) => x.getEnumValues().map((value) => ({ value }))}\n ></multiselect-datasource>\n </rapid-multiselect>\n `,\n html`\n <rapid-text-field\n class=\"right-criteria-text\"\n :value=${sync((x) => x.rightValueText)}\n placeholder=\"Value (comma-separate for multiple)\"\n autocomplete=\"off\"\n ></rapid-text-field>\n `,\n )}\n `,\n )}\n `,\n )}\n ${when(\n (x) => x.rightCriteria === RightCriteria.USER_ENTRY,\n html<TemplateConditionBuilder>`\n <rapid-select class=\"right-criteria-select\" :value=${sync((x) => x.rightValueSelect)}>\n ${(x) => rightValueItemsOptions(x.rightValueItems)}\n </rapid-select>\n `,\n )}\n `,\n )}\n\n <rapid-button appearance=\"icon\" class=\"delete\" @click=${(x) => x.deleteCondition()}>\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`"
10490
- }
10491
- ],
10492
- "exports": [
10493
- {
10494
- "kind": "js",
10495
- "name": "TemplateConditionBuilderTemplate",
10496
- "declaration": {
10497
- "name": "TemplateConditionBuilderTemplate",
10498
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
10499
- }
10500
- }
10501
- ]
10502
- },
10503
- {
10504
- "kind": "javascript-module",
10505
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts",
10291
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts",
10506
10292
  "declarations": [
10507
10293
  {
10508
10294
  "kind": "class",
@@ -10763,6 +10549,220 @@
10763
10549
  }
10764
10550
  ]
10765
10551
  },
10552
+ {
10553
+ "kind": "javascript-module",
10554
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts",
10555
+ "declarations": [
10556
+ {
10557
+ "kind": "variable",
10558
+ "name": "ParameterBuilderStyles",
10559
+ "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`"
10560
+ }
10561
+ ],
10562
+ "exports": [
10563
+ {
10564
+ "kind": "js",
10565
+ "name": "ParameterBuilderStyles",
10566
+ "declaration": {
10567
+ "name": "ParameterBuilderStyles",
10568
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts"
10569
+ }
10570
+ }
10571
+ ]
10572
+ },
10573
+ {
10574
+ "kind": "javascript-module",
10575
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts",
10576
+ "declarations": [
10577
+ {
10578
+ "kind": "variable",
10579
+ "name": "ParameterBuilderTemplate",
10580
+ "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`"
10581
+ }
10582
+ ],
10583
+ "exports": [
10584
+ {
10585
+ "kind": "js",
10586
+ "name": "ParameterBuilderTemplate",
10587
+ "declaration": {
10588
+ "name": "ParameterBuilderTemplate",
10589
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"
10590
+ }
10591
+ }
10592
+ ]
10593
+ },
10594
+ {
10595
+ "kind": "javascript-module",
10596
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts",
10597
+ "declarations": [
10598
+ {
10599
+ "kind": "class",
10600
+ "description": "Parameter builder for notification templates.",
10601
+ "name": "ParameterBuilder",
10602
+ "members": [
10603
+ {
10604
+ "kind": "field",
10605
+ "name": "parameter",
10606
+ "type": {
10607
+ "text": "ParameterBuilderEntity"
10608
+ }
10609
+ },
10610
+ {
10611
+ "kind": "field",
10612
+ "name": "name",
10613
+ "type": {
10614
+ "text": "string"
10615
+ }
10616
+ },
10617
+ {
10618
+ "kind": "field",
10619
+ "name": "label",
10620
+ "type": {
10621
+ "text": "string"
10622
+ }
10623
+ },
10624
+ {
10625
+ "kind": "field",
10626
+ "name": "type",
10627
+ "type": {
10628
+ "text": "string"
10629
+ }
10630
+ },
10631
+ {
10632
+ "kind": "field",
10633
+ "name": "sourceType",
10634
+ "type": {
10635
+ "text": "string"
10636
+ }
10637
+ },
10638
+ {
10639
+ "kind": "field",
10640
+ "name": "sourceSelected",
10641
+ "type": {
10642
+ "text": "string"
10643
+ }
10644
+ },
10645
+ {
10646
+ "kind": "field",
10647
+ "name": "sourceTyped",
10648
+ "type": {
10649
+ "text": "string"
10650
+ }
10651
+ },
10652
+ {
10653
+ "kind": "field",
10654
+ "name": "sourceTextField",
10655
+ "type": {
10656
+ "text": "TextField"
10657
+ }
10658
+ },
10659
+ {
10660
+ "kind": "field",
10661
+ "name": "sourceSelect",
10662
+ "type": {
10663
+ "text": "Select"
10664
+ }
10665
+ },
10666
+ {
10667
+ "kind": "field",
10668
+ "name": "reqRepItems",
10669
+ "type": {
10670
+ "text": "array"
10671
+ },
10672
+ "default": "['REQUEST_1', 'REQUEST_2', 'REQUEST_3']"
10673
+ },
10674
+ {
10675
+ "kind": "method",
10676
+ "name": "deleteParameter"
10677
+ },
10678
+ {
10679
+ "kind": "method",
10680
+ "name": "parameterChanged"
10681
+ },
10682
+ {
10683
+ "kind": "method",
10684
+ "name": "nameChanged"
10685
+ },
10686
+ {
10687
+ "kind": "method",
10688
+ "name": "labelChanged"
10689
+ },
10690
+ {
10691
+ "kind": "method",
10692
+ "name": "typeChanged"
10693
+ },
10694
+ {
10695
+ "kind": "method",
10696
+ "name": "sourceTypeChanged"
10697
+ },
10698
+ {
10699
+ "kind": "method",
10700
+ "name": "sourceSelectedChanged"
10701
+ },
10702
+ {
10703
+ "kind": "method",
10704
+ "name": "sourceTypedChanged"
10705
+ },
10706
+ {
10707
+ "kind": "method",
10708
+ "name": "genericChanged",
10709
+ "privacy": "private",
10710
+ "parameters": [
10711
+ {
10712
+ "name": "parameterAttribute"
10713
+ },
10714
+ {
10715
+ "name": "value"
10716
+ }
10717
+ ]
10718
+ }
10719
+ ],
10720
+ "events": [
10721
+ {
10722
+ "description": "Fired when a parameter is deleted. detail: `ParameterBuilderEntity`",
10723
+ "name": "delete"
10724
+ },
10725
+ {
10726
+ "description": "Fired when a parameter is edited. detail: `ParameterBuilderEntity`",
10727
+ "name": "edit"
10728
+ }
10729
+ ],
10730
+ "attributes": [
10731
+ {
10732
+ "name": "parameter",
10733
+ "type": {
10734
+ "text": "ParameterBuilderEntity"
10735
+ },
10736
+ "fieldName": "parameter"
10737
+ }
10738
+ ],
10739
+ "superclass": {
10740
+ "name": "GenesisElement",
10741
+ "package": "@genesislcap/web-core"
10742
+ },
10743
+ "tagName": "parameter-builder",
10744
+ "customElement": true
10745
+ }
10746
+ ],
10747
+ "exports": [
10748
+ {
10749
+ "kind": "js",
10750
+ "name": "ParameterBuilder",
10751
+ "declaration": {
10752
+ "name": "ParameterBuilder",
10753
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
10754
+ }
10755
+ },
10756
+ {
10757
+ "kind": "custom-element-definition",
10758
+ "name": "parameter-builder",
10759
+ "declaration": {
10760
+ "name": "ParameterBuilder",
10761
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
10762
+ }
10763
+ }
10764
+ ]
10765
+ },
10766
10766
  {
10767
10767
  "kind": "javascript-module",
10768
10768
  "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
@@ -277,17 +277,6 @@ export declare const RuleConditionGroup: React.ForwardRefExoticComponent<
277
277
  >;
278
278
  export type RuleConditionGroupRef = RuleConditionGroupWC;
279
279
 
280
- export declare const ParameterBuilder: React.ForwardRefExoticComponent<
281
- React.PropsWithChildren<
282
- Omit<PublicOf<ParameterBuilderWC>, 'children' | 'style'> &
283
- HTMLWCProps & {
284
- onDelete?: (event: CustomEvent<ParameterBuilderEntity>) => void;
285
- onEdit?: (event: CustomEvent<ParameterBuilderEntity>) => void;
286
- }
287
- > & React.RefAttributes<ParameterBuilderWC>
288
- >;
289
- export type ParameterBuilderRef = ParameterBuilderWC;
290
-
291
280
  export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
292
281
  React.PropsWithChildren<
293
282
  Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
@@ -299,6 +288,17 @@ export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
299
288
  >;
300
289
  export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
301
290
 
291
+ export declare const ParameterBuilder: React.ForwardRefExoticComponent<
292
+ React.PropsWithChildren<
293
+ Omit<PublicOf<ParameterBuilderWC>, 'children' | 'style'> &
294
+ HTMLWCProps & {
295
+ onDelete?: (event: CustomEvent<ParameterBuilderEntity>) => void;
296
+ onEdit?: (event: CustomEvent<ParameterBuilderEntity>) => void;
297
+ }
298
+ > & React.RefAttributes<ParameterBuilderWC>
299
+ >;
300
+ export type ParameterBuilderRef = ParameterBuilderWC;
301
+
302
302
  export declare const TemplateConditionGroup: React.ForwardRefExoticComponent<
303
303
  React.PropsWithChildren<
304
304
  Omit<PublicOf<TemplateConditionGroupWC>, 'children' | 'style'> &
package/dist/react.cjs CHANGED
@@ -244,7 +244,7 @@ const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(props, r
244
244
  return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
245
245
  });
246
246
 
247
- const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref) {
247
+ const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
248
248
  const { onDelete, onEdit, children, ...rest } = props;
249
249
  const _innerRef = React.useRef(null);
250
250
  const _onDeleteRef = React.useRef(onDelete);
@@ -263,10 +263,10 @@ const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref)
263
263
  el.removeEventListener('edit', _onEditFn);
264
264
  };
265
265
  }, []);
266
- return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
266
+ return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
267
267
  });
268
268
 
269
- const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
269
+ const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref) {
270
270
  const { onDelete, onEdit, children, ...rest } = props;
271
271
  const _innerRef = React.useRef(null);
272
272
  const _onDeleteRef = React.useRef(onDelete);
@@ -285,7 +285,7 @@ const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuil
285
285
  el.removeEventListener('edit', _onEditFn);
286
286
  };
287
287
  }, []);
288
- return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
288
+ return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
289
289
  });
290
290
 
291
291
  const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
@@ -334,7 +334,7 @@ module.exports = {
334
334
  TemplateDialog,
335
335
  RuleConditionBuilder,
336
336
  RuleConditionGroup,
337
- ParameterBuilder,
338
337
  TemplateConditionBuilder,
338
+ ParameterBuilder,
339
339
  TemplateConditionGroup,
340
340
  };
package/dist/react.mjs CHANGED
@@ -242,7 +242,7 @@ export const RuleConditionGroup = React.forwardRef(function RuleConditionGroup(p
242
242
  return React.createElement(customElements.getName(RuleConditionGroupWC) ?? 'rule-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
243
243
  });
244
244
 
245
- export const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref) {
245
+ export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
246
246
  const { onDelete, onEdit, children, ...rest } = props;
247
247
  const _innerRef = React.useRef(null);
248
248
  const _onDeleteRef = React.useRef(onDelete);
@@ -261,10 +261,10 @@ export const ParameterBuilder = React.forwardRef(function ParameterBuilder(props
261
261
  el.removeEventListener('edit', _onEditFn);
262
262
  };
263
263
  }, []);
264
- return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
264
+ return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
265
265
  });
266
266
 
267
- export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
267
+ export const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref) {
268
268
  const { onDelete, onEdit, children, ...rest } = props;
269
269
  const _innerRef = React.useRef(null);
270
270
  const _onDeleteRef = React.useRef(onDelete);
@@ -283,7 +283,7 @@ export const TemplateConditionBuilder = React.forwardRef(function TemplateCondit
283
283
  el.removeEventListener('edit', _onEditFn);
284
284
  };
285
285
  }, []);
286
- return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
286
+ return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
287
287
  });
288
288
 
289
289
  export const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/pbc-notify-ui",
3
3
  "description": "Genesis PBC Notify UI",
4
- "version": "15.58.0",
4
+ "version": "15.58.1-FUI-2629.5",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "workspaces": [
7
7
  "client"
@@ -80,30 +80,30 @@
80
80
  "@commitlint/cli": "^19.2.1",
81
81
  "@commitlint/config-conventional": "^19.1.0",
82
82
  "@commitlint/format": "^19.0.3",
83
- "@genesislcap/design-system-configurator": "15.58.0",
84
- "@genesislcap/eslint-config": "15.58.0",
85
- "@genesislcap/eslint-stylelint-builder": "15.58.0",
86
- "@genesislcap/foundation-testing": "15.58.0",
87
- "@genesislcap/genx": "15.58.0",
88
- "@genesislcap/prettier-config": "15.58.0",
89
- "@genesislcap/stylelint-config": "15.58.0",
90
- "@genesislcap/vite-builder": "15.58.0",
91
- "@genesislcap/webpack-builder": "15.58.0",
83
+ "@genesislcap/design-system-configurator": "15.58.1-FUI-2629.5",
84
+ "@genesislcap/eslint-config": "15.58.1-FUI-2629.5",
85
+ "@genesislcap/eslint-stylelint-builder": "15.58.1-FUI-2629.5",
86
+ "@genesislcap/foundation-testing": "15.58.1-FUI-2629.5",
87
+ "@genesislcap/genx": "15.58.1-FUI-2629.5",
88
+ "@genesislcap/prettier-config": "15.58.1-FUI-2629.5",
89
+ "@genesislcap/stylelint-config": "15.58.1-FUI-2629.5",
90
+ "@genesislcap/vite-builder": "15.58.1-FUI-2629.5",
91
+ "@genesislcap/webpack-builder": "15.58.1-FUI-2629.5",
92
92
  "dayjs": "^1.11.7"
93
93
  },
94
94
  "dependencies": {
95
- "@genesislcap/foundation-comms": "15.58.0",
96
- "@genesislcap/foundation-criteria": "15.58.0",
97
- "@genesislcap/foundation-entity-management": "15.58.0",
98
- "@genesislcap/foundation-forms": "15.58.0",
99
- "@genesislcap/foundation-layout": "15.58.0",
100
- "@genesislcap/foundation-logger": "15.58.0",
101
- "@genesislcap/foundation-notifications": "15.58.0",
102
- "@genesislcap/foundation-ui": "15.58.0",
103
- "@genesislcap/foundation-utils": "15.58.0",
104
- "@genesislcap/rapid-design-system": "15.58.0",
105
- "@genesislcap/rapid-grid-pro": "15.58.0",
106
- "@genesislcap/web-core": "15.58.0",
95
+ "@genesislcap/foundation-comms": "15.58.1-FUI-2629.5",
96
+ "@genesislcap/foundation-criteria": "15.58.1-FUI-2629.5",
97
+ "@genesislcap/foundation-entity-management": "15.58.1-FUI-2629.5",
98
+ "@genesislcap/foundation-forms": "15.58.1-FUI-2629.5",
99
+ "@genesislcap/foundation-layout": "15.58.1-FUI-2629.5",
100
+ "@genesislcap/foundation-logger": "15.58.1-FUI-2629.5",
101
+ "@genesislcap/foundation-notifications": "15.58.1-FUI-2629.5",
102
+ "@genesislcap/foundation-ui": "15.58.1-FUI-2629.5",
103
+ "@genesislcap/foundation-utils": "15.58.1-FUI-2629.5",
104
+ "@genesislcap/rapid-design-system": "15.58.1-FUI-2629.5",
105
+ "@genesislcap/rapid-grid-pro": "15.58.1-FUI-2629.5",
106
+ "@genesislcap/web-core": "15.58.1-FUI-2629.5",
107
107
  "lodash.debounce": "^4.0.8",
108
108
  "rxjs": "^7.5.4"
109
109
  },