@genesislcap/pbc-notify-ui 15.45.0 → 15.46.0

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 +332 -332
  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,6 +505,27 @@
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
+ },
508
529
  {
509
530
  "kind": "javascript-module",
510
531
  "path": "src/utils/eventDetail.ts",
@@ -826,27 +847,6 @@
826
847
  }
827
848
  ]
828
849
  },
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,95 +5207,6 @@
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
- },
5299
5210
  {
5300
5211
  "kind": "javascript-module",
5301
5212
  "path": "src/components/foundation-notification-dashboard/types/expression-type.ts",
@@ -5896,6 +5807,95 @@
5896
5807
  }
5897
5808
  ]
5898
5809
  },
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,32 +10267,246 @@
10267
10267
  },
10268
10268
  {
10269
10269
  "kind": "javascript-module",
10270
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
10270
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts",
10271
10271
  "declarations": [
10272
10272
  {
10273
10273
  "kind": "variable",
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`"
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
10276
  }
10277
10277
  ],
10278
10278
  "exports": [
10279
10279
  {
10280
10280
  "kind": "js",
10281
- "name": "TemplateConditionBuilderTemplate",
10281
+ "name": "ParameterBuilderStyles",
10282
10282
  "declaration": {
10283
- "name": "TemplateConditionBuilderTemplate",
10284
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
10283
+ "name": "ParameterBuilderStyles",
10284
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts"
10285
10285
  }
10286
10286
  }
10287
10287
  ]
10288
10288
  },
10289
10289
  {
10290
10290
  "kind": "javascript-module",
10291
- "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/parameter-builder/parameter-builder.template.ts",
10292
+ "declarations": [
10293
+ {
10294
+ "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`"
10297
+ }
10298
+ ],
10299
+ "exports": [
10300
+ {
10301
+ "kind": "js",
10302
+ "name": "ParameterBuilderTemplate",
10303
+ "declaration": {
10304
+ "name": "ParameterBuilderTemplate",
10305
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"
10306
+ }
10307
+ }
10308
+ ]
10309
+ },
10310
+ {
10311
+ "kind": "javascript-module",
10312
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts",
10292
10313
  "declarations": [
10293
10314
  {
10294
10315
  "kind": "class",
10295
- "description": "Condition builder for template notification rules.",
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",
10506
+ "declarations": [
10507
+ {
10508
+ "kind": "class",
10509
+ "description": "Condition builder for template notification rules.",
10296
10510
  "name": "TemplateConditionBuilder",
10297
10511
  "members": [
10298
10512
  {
@@ -10549,220 +10763,6 @@
10549
10763
  }
10550
10764
  ]
10551
10765
  },
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 RuleConditionBuilder: React.ForwardRefExoticComponent<
277
277
  >;
278
278
  export type RuleConditionBuilderRef = RuleConditionBuilderWC;
279
279
 
280
- export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
281
- React.PropsWithChildren<
282
- Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
283
- HTMLWCProps & {
284
- onDelete?: (event: CustomEvent<ConditionBuilderEntity>) => void;
285
- onEdit?: (event: CustomEvent<ConditionBuilderEntity>) => void;
286
- }
287
- > & React.RefAttributes<TemplateConditionBuilderWC>
288
- >;
289
- export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
290
-
291
280
  export declare const ParameterBuilder: React.ForwardRefExoticComponent<
292
281
  React.PropsWithChildren<
293
282
  Omit<PublicOf<ParameterBuilderWC>, 'children' | 'style'> &
@@ -299,6 +288,17 @@ export declare const ParameterBuilder: React.ForwardRefExoticComponent<
299
288
  >;
300
289
  export type ParameterBuilderRef = ParameterBuilderWC;
301
290
 
291
+ export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
292
+ React.PropsWithChildren<
293
+ Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
294
+ HTMLWCProps & {
295
+ onDelete?: (event: CustomEvent<ConditionBuilderEntity>) => void;
296
+ onEdit?: (event: CustomEvent<ConditionBuilderEntity>) => void;
297
+ }
298
+ > & React.RefAttributes<TemplateConditionBuilderWC>
299
+ >;
300
+ export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
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 RuleConditionBuilder = React.forwardRef(function RuleConditionBuilder(prop
244
244
  return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
245
245
  });
246
246
 
247
- const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
247
+ const ParameterBuilder = React.forwardRef(function ParameterBuilder(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 TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuil
263
263
  el.removeEventListener('edit', _onEditFn);
264
264
  };
265
265
  }, []);
266
- return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
266
+ return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
267
267
  });
268
268
 
269
- const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref) {
269
+ const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(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 ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref)
285
285
  el.removeEventListener('edit', _onEditFn);
286
286
  };
287
287
  }, []);
288
- return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
288
+ return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-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
  RuleConditionGroup,
336
336
  RuleConditionBuilder,
337
- TemplateConditionBuilder,
338
337
  ParameterBuilder,
338
+ TemplateConditionBuilder,
339
339
  TemplateConditionGroup,
340
340
  };
package/dist/react.mjs CHANGED
@@ -242,7 +242,7 @@ export const RuleConditionBuilder = React.forwardRef(function RuleConditionBuild
242
242
  return React.createElement(customElements.getName(RuleConditionBuilderWC) ?? 'rule-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
243
243
  });
244
244
 
245
- export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
245
+ export const ParameterBuilder = React.forwardRef(function ParameterBuilder(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 TemplateConditionBuilder = React.forwardRef(function TemplateCondit
261
261
  el.removeEventListener('edit', _onEditFn);
262
262
  };
263
263
  }, []);
264
- return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
264
+ return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
265
265
  });
266
266
 
267
- export const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref) {
267
+ export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(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 ParameterBuilder = React.forwardRef(function ParameterBuilder(props
283
283
  el.removeEventListener('edit', _onEditFn);
284
284
  };
285
285
  }, []);
286
- return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
286
+ return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-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.45.0",
4
+ "version": "15.46.0",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "workspaces": [
7
7
  "client"
@@ -81,30 +81,30 @@
81
81
  "@commitlint/cli": "^19.2.1",
82
82
  "@commitlint/config-conventional": "^19.1.0",
83
83
  "@commitlint/format": "^19.0.3",
84
- "@genesislcap/design-system-configurator": "15.45.0",
85
- "@genesislcap/eslint-config": "15.45.0",
86
- "@genesislcap/eslint-stylelint-builder": "15.45.0",
87
- "@genesislcap/foundation-testing": "15.45.0",
88
- "@genesislcap/genx": "15.45.0",
89
- "@genesislcap/prettier-config": "15.45.0",
90
- "@genesislcap/stylelint-config": "15.45.0",
91
- "@genesislcap/vite-builder": "15.45.0",
92
- "@genesislcap/webpack-builder": "15.45.0",
84
+ "@genesislcap/design-system-configurator": "15.46.0",
85
+ "@genesislcap/eslint-config": "15.46.0",
86
+ "@genesislcap/eslint-stylelint-builder": "15.46.0",
87
+ "@genesislcap/foundation-testing": "15.46.0",
88
+ "@genesislcap/genx": "15.46.0",
89
+ "@genesislcap/prettier-config": "15.46.0",
90
+ "@genesislcap/stylelint-config": "15.46.0",
91
+ "@genesislcap/vite-builder": "15.46.0",
92
+ "@genesislcap/webpack-builder": "15.46.0",
93
93
  "dayjs": "^1.11.7"
94
94
  },
95
95
  "dependencies": {
96
- "@genesislcap/foundation-comms": "15.45.0",
97
- "@genesislcap/foundation-criteria": "15.45.0",
98
- "@genesislcap/foundation-entity-management": "15.45.0",
99
- "@genesislcap/foundation-forms": "15.45.0",
100
- "@genesislcap/foundation-layout": "15.45.0",
101
- "@genesislcap/foundation-logger": "15.45.0",
102
- "@genesislcap/foundation-notifications": "15.45.0",
103
- "@genesislcap/foundation-ui": "15.45.0",
104
- "@genesislcap/foundation-utils": "15.45.0",
105
- "@genesislcap/rapid-design-system": "15.45.0",
106
- "@genesislcap/rapid-grid-pro": "15.45.0",
107
- "@genesislcap/web-core": "15.45.0",
96
+ "@genesislcap/foundation-comms": "15.46.0",
97
+ "@genesislcap/foundation-criteria": "15.46.0",
98
+ "@genesislcap/foundation-entity-management": "15.46.0",
99
+ "@genesislcap/foundation-forms": "15.46.0",
100
+ "@genesislcap/foundation-layout": "15.46.0",
101
+ "@genesislcap/foundation-logger": "15.46.0",
102
+ "@genesislcap/foundation-notifications": "15.46.0",
103
+ "@genesislcap/foundation-ui": "15.46.0",
104
+ "@genesislcap/foundation-utils": "15.46.0",
105
+ "@genesislcap/rapid-design-system": "15.46.0",
106
+ "@genesislcap/rapid-grid-pro": "15.46.0",
107
+ "@genesislcap/web-core": "15.46.0",
108
108
  "lodash.debounce": "^4.0.8",
109
109
  "rxjs": "^7.5.4"
110
110
  },