@genesislcap/pbc-notify-ui 15.68.0 → 15.69.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.
@@ -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",
@@ -5984,6 +5984,149 @@
5984
5984
  }
5985
5985
  ]
5986
5986
  },
5987
+ {
5988
+ "kind": "javascript-module",
5989
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
5990
+ "declarations": [
5991
+ {
5992
+ "kind": "variable",
5993
+ "name": "noItemsClass",
5994
+ "type": {
5995
+ "text": "string"
5996
+ },
5997
+ "default": "'no-items'",
5998
+ "description": "Class to use when there are no items"
5999
+ },
6000
+ {
6001
+ "kind": "variable",
6002
+ "name": "FoundationInboxCounterStyles",
6003
+ "default": "css`\n :host {\n display: inline-block;\n min-width: 16px;\n height: 16px;\n border-radius: 9px;\n text-align: center;\n color: #fff;\n line-height: 16px;\n font-size: 9px;\n font-weight: 700;\n background: ${BACKGROUND_COLOR};\n pointer-events: none;\n }\n\n .hidden {\n visibility: hidden;\n }\n\n :host(.${noItemsClass}) {\n display: none;\n }\n`"
6004
+ }
6005
+ ],
6006
+ "exports": [
6007
+ {
6008
+ "kind": "js",
6009
+ "name": "noItemsClass",
6010
+ "declaration": {
6011
+ "name": "noItemsClass",
6012
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
6013
+ }
6014
+ },
6015
+ {
6016
+ "kind": "js",
6017
+ "name": "FoundationInboxCounterStyles",
6018
+ "declaration": {
6019
+ "name": "FoundationInboxCounterStyles",
6020
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
6021
+ }
6022
+ }
6023
+ ]
6024
+ },
6025
+ {
6026
+ "kind": "javascript-module",
6027
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
6028
+ "declarations": [
6029
+ {
6030
+ "kind": "variable",
6031
+ "name": "FoundationInboxCounterTemplate",
6032
+ "default": "html<FoundationInboxCounter>`\n <template class=\"${(x) => classNames([noItemsClass, x.value < 1])}\">\n ${when(\n (x) => x.value > 0,\n html`\n ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}\n `,\n )}\n </template>\n`"
6033
+ }
6034
+ ],
6035
+ "exports": [
6036
+ {
6037
+ "kind": "js",
6038
+ "name": "FoundationInboxCounterTemplate",
6039
+ "declaration": {
6040
+ "name": "FoundationInboxCounterTemplate",
6041
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
6042
+ }
6043
+ }
6044
+ ]
6045
+ },
6046
+ {
6047
+ "kind": "javascript-module",
6048
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
6049
+ "declarations": [
6050
+ {
6051
+ "kind": "class",
6052
+ "description": "",
6053
+ "name": "FoundationInboxCounter",
6054
+ "members": [
6055
+ {
6056
+ "kind": "field",
6057
+ "name": "value",
6058
+ "type": {
6059
+ "text": "number"
6060
+ },
6061
+ "default": "0"
6062
+ },
6063
+ {
6064
+ "kind": "field",
6065
+ "name": "connect",
6066
+ "type": {
6067
+ "text": "Connect"
6068
+ }
6069
+ },
6070
+ {
6071
+ "kind": "field",
6072
+ "name": "inboxService",
6073
+ "type": {
6074
+ "text": "FoundationInboxService"
6075
+ }
6076
+ },
6077
+ {
6078
+ "kind": "field",
6079
+ "name": "connectionSub",
6080
+ "type": {
6081
+ "text": "Subscription"
6082
+ },
6083
+ "privacy": "private"
6084
+ },
6085
+ {
6086
+ "kind": "method",
6087
+ "name": "subscribeToAlerts",
6088
+ "privacy": "private",
6089
+ "return": {
6090
+ "type": {
6091
+ "text": "Promise<void>"
6092
+ }
6093
+ },
6094
+ "description": "Subscribes to alerts from the inbox service"
6095
+ },
6096
+ {
6097
+ "kind": "field",
6098
+ "name": "subscriptionHandler",
6099
+ "privacy": "private",
6100
+ "description": "Handles subscription updates from the inbox service"
6101
+ }
6102
+ ],
6103
+ "superclass": {
6104
+ "name": "GenesisElement",
6105
+ "package": "@genesislcap/web-core"
6106
+ },
6107
+ "tagName": "foundation-inbox-counter",
6108
+ "customElement": true
6109
+ }
6110
+ ],
6111
+ "exports": [
6112
+ {
6113
+ "kind": "js",
6114
+ "name": "FoundationInboxCounter",
6115
+ "declaration": {
6116
+ "name": "FoundationInboxCounter",
6117
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
6118
+ }
6119
+ },
6120
+ {
6121
+ "kind": "custom-element-definition",
6122
+ "name": "foundation-inbox-counter",
6123
+ "declaration": {
6124
+ "name": "FoundationInboxCounter",
6125
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
6126
+ }
6127
+ }
6128
+ ]
6129
+ },
5987
6130
  {
5988
6131
  "kind": "javascript-module",
5989
6132
  "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
@@ -7384,222 +7527,79 @@
7384
7527
  },
7385
7528
  {
7386
7529
  "kind": "javascript-module",
7387
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
7530
+ "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts",
7388
7531
  "declarations": [
7389
7532
  {
7390
7533
  "kind": "variable",
7391
- "name": "noItemsClass",
7392
- "type": {
7393
- "text": "string"
7394
- },
7395
- "default": "'no-items'",
7396
- "description": "Class to use when there are no items"
7397
- },
7398
- {
7399
- "kind": "variable",
7400
- "name": "FoundationInboxCounterStyles",
7401
- "default": "css`\n :host {\n display: inline-block;\n min-width: 16px;\n height: 16px;\n border-radius: 9px;\n text-align: center;\n color: #fff;\n line-height: 16px;\n font-size: 9px;\n font-weight: 700;\n background: ${BACKGROUND_COLOR};\n pointer-events: none;\n }\n\n .hidden {\n visibility: hidden;\n }\n\n :host(.${noItemsClass}) {\n display: none;\n }\n`"
7534
+ "name": "InboxSubscriptionStyles",
7535
+ "default": "css`\n .inbox-subscription {\n display: flex;\n flex-direction: column;\n }\n\n .inbox-subscription.inline {\n margin-top: calc(var(--design-unit) * 2px);\n padding-top: calc(var(--design-unit) * 2px);\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .inbox-subscription-header {\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n padding: calc(var(--design-unit) * 2px);\n }\n\n .inbox-subscription-empty {\n padding: 0 calc(var(--design-unit) * 2px);\n margin: calc(var(--design-unit) * 2px) 0 0;\n }\n\n .inbox-subscription-content {\n display: flex;\n flex-direction: column;\n gap: calc(var(--design-unit) * 3px);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n margin: calc(var(--design-unit) * 2px);\n padding: calc(var(--design-unit) * 2px);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n .inbox-subscription:not(.inline) .inbox-subscription-content {\n overflow: auto;\n max-height: calc(var(--design-unit) * 80px);\n }\n\n .inbox-subscription.inline .inbox-subscription-content {\n margin: calc(var(--design-unit) * 2px) 0 0;\n overflow: visible;\n max-height: none;\n padding-bottom: calc(var(--design-unit) * 4px);\n }\n\n .inbox-subscription.inline .control:focus-within {\n position: relative;\n z-index: 2;\n }\n\n .inbox-subscription-footer {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n padding: calc(var(--design-unit) * 2px) 0 0;\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .inbox-subscription:not(.inline) .inbox-subscription-footer {\n padding: calc(var(--design-unit) * 2px);\n margin-top: 0;\n }\n\n .inbox-subscription-footer.auto-submit {\n justify-content: flex-end;\n border-top: none;\n margin-top: 0;\n padding-top: 0;\n }\n\n rapid-button.subscribe,\n rapid-button.cancel {\n display: flex;\n margin: 0;\n flex: 1;\n }\n`"
7402
7536
  }
7403
7537
  ],
7404
7538
  "exports": [
7405
7539
  {
7406
7540
  "kind": "js",
7407
- "name": "noItemsClass",
7408
- "declaration": {
7409
- "name": "noItemsClass",
7410
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
7411
- }
7412
- },
7413
- {
7414
- "kind": "js",
7415
- "name": "FoundationInboxCounterStyles",
7541
+ "name": "InboxSubscriptionStyles",
7416
7542
  "declaration": {
7417
- "name": "FoundationInboxCounterStyles",
7418
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
7543
+ "name": "InboxSubscriptionStyles",
7544
+ "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts"
7419
7545
  }
7420
7546
  }
7421
7547
  ]
7422
7548
  },
7423
7549
  {
7424
7550
  "kind": "javascript-module",
7425
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
7551
+ "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts",
7426
7552
  "declarations": [
7427
7553
  {
7428
7554
  "kind": "variable",
7429
- "name": "FoundationInboxCounterTemplate",
7430
- "default": "html<FoundationInboxCounter>`\n <template class=\"${(x) => classNames([noItemsClass, x.value < 1])}\">\n ${when(\n (x) => x.value > 0,\n html`\n ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}\n `,\n )}\n </template>\n`"
7555
+ "name": "InboxSubscriptionTemplate",
7556
+ "default": "html<InboxSubscription>`\n <div class=\"inbox-subscription ${(x) => (x.inline ? 'inline' : '')}\">\n ${when(\n (x) => !x.inline,\n html`\n <div class=\"inbox-subscription-header\">\n Subscribe to\n <span style=\"font-weight: bold;\">${(x) => x.template.RULE_NAME}</span>\n </div>\n `,\n )}\n ${when(\n (x) => x.visibleParameters.length === 0,\n html`\n <p class=\"inbox-subscription-empty\">The selected template doesn't have parameters.</p>\n `,\n )}\n ${when(\n (x) => x.visibleParameters.length > 0,\n html`\n <div class=\"inbox-subscription-content\">\n ${repeat(\n (x) => x.visibleParameters,\n html<RuleParameterEntity>`\n <rule-parameter\n :parameter=${(x) => x}\n :isFirstElement=${(x, c) => c.parent.isFirstElement(x)}\n :operator=${(x, c) => c.parent.parametersOperators[x.PARAM_NAME]}\n :requireSelection=${(x, c) => c.parent.usesAutoSubmit()}\n @parameterEdited=${(x, c) => c.parent.parameterEdit(eventDetail(c))}\n ></rule-parameter>\n `,\n )}\n </div>\n `,\n )}\n ${when(\n (x) => !x.inline || x.requiresManualSubscribe(),\n html`\n <div class=\"inbox-subscription-footer\">\n ${when(\n (x) => x.inline,\n html`\n <rapid-button\n class=\"cancel\"\n appearance=\"neutral\"\n @click=${(x) => x.cancelSubscribe()}\n >\n Cancel\n </rapid-button>\n `,\n )}\n <rapid-button\n class=\"subscribe\"\n appearance=\"primary\"\n @click=${(x) => x.subscribeTemplate()}\n ?disabled=${(x) => x.subscribeDisabled}\n >\n Subscribe\n </rapid-button>\n </div>\n `,\n )}\n ${when(\n (x) => x.inline && x.usesAutoSubmit(),\n html`\n <div class=\"inbox-subscription-footer auto-submit\">\n <rapid-button class=\"cancel\" appearance=\"neutral\" @click=${(x) => x.cancelSubscribe()}>\n Cancel\n </rapid-button>\n </div>\n `,\n )}\n </div>\n`"
7431
7557
  }
7432
7558
  ],
7433
7559
  "exports": [
7434
7560
  {
7435
7561
  "kind": "js",
7436
- "name": "FoundationInboxCounterTemplate",
7562
+ "name": "InboxSubscriptionTemplate",
7437
7563
  "declaration": {
7438
- "name": "FoundationInboxCounterTemplate",
7439
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
7564
+ "name": "InboxSubscriptionTemplate",
7565
+ "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts"
7440
7566
  }
7441
7567
  }
7442
7568
  ]
7443
7569
  },
7444
7570
  {
7445
7571
  "kind": "javascript-module",
7446
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
7572
+ "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts",
7447
7573
  "declarations": [
7448
7574
  {
7449
7575
  "kind": "class",
7450
- "description": "",
7451
- "name": "FoundationInboxCounter",
7576
+ "description": "Inbox subscription configuration UI.",
7577
+ "name": "InboxSubscription",
7452
7578
  "members": [
7453
7579
  {
7454
7580
  "kind": "field",
7455
- "name": "value",
7456
- "type": {
7457
- "text": "number"
7458
- },
7459
- "default": "0"
7581
+ "name": "template"
7460
7582
  },
7461
7583
  {
7462
7584
  "kind": "field",
7463
- "name": "connect",
7585
+ "name": "inline",
7464
7586
  "type": {
7465
- "text": "Connect"
7466
- }
7587
+ "text": "boolean"
7588
+ },
7589
+ "default": "false"
7467
7590
  },
7468
7591
  {
7469
7592
  "kind": "field",
7470
- "name": "inboxService",
7593
+ "name": "extraParameterDetails",
7471
7594
  "type": {
7472
- "text": "FoundationInboxService"
7473
- }
7595
+ "text": "Record<string, string>"
7596
+ },
7597
+ "default": "{}",
7598
+ "description": "Merged into subscribe payload (e.g. CHANNEL topic). Hidden from the form."
7474
7599
  },
7475
7600
  {
7476
7601
  "kind": "field",
7477
- "name": "connectionSub",
7478
- "type": {
7479
- "text": "Subscription"
7480
- },
7481
- "privacy": "private"
7482
- },
7483
- {
7484
- "kind": "method",
7485
- "name": "subscribeToAlerts",
7486
- "privacy": "private",
7487
- "return": {
7488
- "type": {
7489
- "text": "Promise<void>"
7490
- }
7491
- },
7492
- "description": "Subscribes to alerts from the inbox service"
7493
- },
7494
- {
7495
- "kind": "field",
7496
- "name": "subscriptionHandler",
7497
- "privacy": "private",
7498
- "description": "Handles subscription updates from the inbox service"
7499
- }
7500
- ],
7501
- "superclass": {
7502
- "name": "GenesisElement",
7503
- "package": "@genesislcap/web-core"
7504
- },
7505
- "tagName": "foundation-inbox-counter",
7506
- "customElement": true
7507
- }
7508
- ],
7509
- "exports": [
7510
- {
7511
- "kind": "js",
7512
- "name": "FoundationInboxCounter",
7513
- "declaration": {
7514
- "name": "FoundationInboxCounter",
7515
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
7516
- }
7517
- },
7518
- {
7519
- "kind": "custom-element-definition",
7520
- "name": "foundation-inbox-counter",
7521
- "declaration": {
7522
- "name": "FoundationInboxCounter",
7523
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
7524
- }
7525
- }
7526
- ]
7527
- },
7528
- {
7529
- "kind": "javascript-module",
7530
- "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts",
7531
- "declarations": [
7532
- {
7533
- "kind": "variable",
7534
- "name": "InboxSubscriptionStyles",
7535
- "default": "css`\n .inbox-subscription {\n display: flex;\n flex-direction: column;\n }\n\n .inbox-subscription.inline {\n margin-top: calc(var(--design-unit) * 2px);\n padding-top: calc(var(--design-unit) * 2px);\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .inbox-subscription-header {\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n padding: calc(var(--design-unit) * 2px);\n }\n\n .inbox-subscription-empty {\n padding: 0 calc(var(--design-unit) * 2px);\n margin: calc(var(--design-unit) * 2px) 0 0;\n }\n\n .inbox-subscription-content {\n display: flex;\n flex-direction: column;\n gap: calc(var(--design-unit) * 3px);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n margin: calc(var(--design-unit) * 2px);\n padding: calc(var(--design-unit) * 2px);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n .inbox-subscription:not(.inline) .inbox-subscription-content {\n overflow: auto;\n max-height: calc(var(--design-unit) * 80px);\n }\n\n .inbox-subscription.inline .inbox-subscription-content {\n margin: calc(var(--design-unit) * 2px) 0 0;\n overflow: visible;\n max-height: none;\n padding-bottom: calc(var(--design-unit) * 4px);\n }\n\n .inbox-subscription.inline .control:focus-within {\n position: relative;\n z-index: 2;\n }\n\n .inbox-subscription-footer {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n padding: calc(var(--design-unit) * 2px) 0 0;\n border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .inbox-subscription:not(.inline) .inbox-subscription-footer {\n padding: calc(var(--design-unit) * 2px);\n margin-top: 0;\n }\n\n .inbox-subscription-footer.auto-submit {\n justify-content: flex-end;\n border-top: none;\n margin-top: 0;\n padding-top: 0;\n }\n\n rapid-button.subscribe,\n rapid-button.cancel {\n display: flex;\n margin: 0;\n flex: 1;\n }\n`"
7536
- }
7537
- ],
7538
- "exports": [
7539
- {
7540
- "kind": "js",
7541
- "name": "InboxSubscriptionStyles",
7542
- "declaration": {
7543
- "name": "InboxSubscriptionStyles",
7544
- "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts"
7545
- }
7546
- }
7547
- ]
7548
- },
7549
- {
7550
- "kind": "javascript-module",
7551
- "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts",
7552
- "declarations": [
7553
- {
7554
- "kind": "variable",
7555
- "name": "InboxSubscriptionTemplate",
7556
- "default": "html<InboxSubscription>`\n <div class=\"inbox-subscription ${(x) => (x.inline ? 'inline' : '')}\">\n ${when(\n (x) => !x.inline,\n html`\n <div class=\"inbox-subscription-header\">\n Subscribe to\n <span style=\"font-weight: bold;\">${(x) => x.template.RULE_NAME}</span>\n </div>\n `,\n )}\n ${when(\n (x) => x.visibleParameters.length === 0,\n html`\n <p class=\"inbox-subscription-empty\">The selected template doesn't have parameters.</p>\n `,\n )}\n ${when(\n (x) => x.visibleParameters.length > 0,\n html`\n <div class=\"inbox-subscription-content\">\n ${repeat(\n (x) => x.visibleParameters,\n html<RuleParameterEntity>`\n <rule-parameter\n :parameter=${(x) => x}\n :isFirstElement=${(x, c) => c.parent.isFirstElement(x)}\n :operator=${(x, c) => c.parent.parametersOperators[x.PARAM_NAME]}\n :requireSelection=${(x, c) => c.parent.usesAutoSubmit()}\n @parameterEdited=${(x, c) => c.parent.parameterEdit(eventDetail(c))}\n ></rule-parameter>\n `,\n )}\n </div>\n `,\n )}\n ${when(\n (x) => !x.inline || x.requiresManualSubscribe(),\n html`\n <div class=\"inbox-subscription-footer\">\n ${when(\n (x) => x.inline,\n html`\n <rapid-button\n class=\"cancel\"\n appearance=\"neutral\"\n @click=${(x) => x.cancelSubscribe()}\n >\n Cancel\n </rapid-button>\n `,\n )}\n <rapid-button\n class=\"subscribe\"\n appearance=\"primary\"\n @click=${(x) => x.subscribeTemplate()}\n ?disabled=${(x) => x.subscribeDisabled}\n >\n Subscribe\n </rapid-button>\n </div>\n `,\n )}\n ${when(\n (x) => x.inline && x.usesAutoSubmit(),\n html`\n <div class=\"inbox-subscription-footer auto-submit\">\n <rapid-button class=\"cancel\" appearance=\"neutral\" @click=${(x) => x.cancelSubscribe()}>\n Cancel\n </rapid-button>\n </div>\n `,\n )}\n </div>\n`"
7557
- }
7558
- ],
7559
- "exports": [
7560
- {
7561
- "kind": "js",
7562
- "name": "InboxSubscriptionTemplate",
7563
- "declaration": {
7564
- "name": "InboxSubscriptionTemplate",
7565
- "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts"
7566
- }
7567
- }
7568
- ]
7569
- },
7570
- {
7571
- "kind": "javascript-module",
7572
- "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts",
7573
- "declarations": [
7574
- {
7575
- "kind": "class",
7576
- "description": "Inbox subscription configuration UI.",
7577
- "name": "InboxSubscription",
7578
- "members": [
7579
- {
7580
- "kind": "field",
7581
- "name": "template"
7582
- },
7583
- {
7584
- "kind": "field",
7585
- "name": "inline",
7586
- "type": {
7587
- "text": "boolean"
7588
- },
7589
- "default": "false"
7590
- },
7591
- {
7592
- "kind": "field",
7593
- "name": "extraParameterDetails",
7594
- "type": {
7595
- "text": "Record<string, string>"
7596
- },
7597
- "default": "{}",
7598
- "description": "Merged into subscribe payload (e.g. CHANNEL topic). Hidden from the form."
7599
- },
7600
- {
7601
- "kind": "field",
7602
- "name": "parametersDetails",
7602
+ "name": "parametersDetails",
7603
7603
  "type": {
7604
7604
  "text": "object"
7605
7605
  },
@@ -10421,498 +10421,498 @@
10421
10421
  },
10422
10422
  {
10423
10423
  "kind": "javascript-module",
10424
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
10424
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts",
10425
10425
  "declarations": [
10426
10426
  {
10427
10427
  "kind": "variable",
10428
- "name": "TemplateConditionBuilderTemplate",
10429
- "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`"
10428
+ "name": "ParameterBuilderStyles",
10429
+ "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`"
10430
10430
  }
10431
10431
  ],
10432
10432
  "exports": [
10433
10433
  {
10434
10434
  "kind": "js",
10435
- "name": "TemplateConditionBuilderTemplate",
10435
+ "name": "ParameterBuilderStyles",
10436
10436
  "declaration": {
10437
- "name": "TemplateConditionBuilderTemplate",
10438
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
10437
+ "name": "ParameterBuilderStyles",
10438
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts"
10439
10439
  }
10440
10440
  }
10441
10441
  ]
10442
10442
  },
10443
10443
  {
10444
10444
  "kind": "javascript-module",
10445
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts",
10445
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts",
10446
+ "declarations": [
10447
+ {
10448
+ "kind": "variable",
10449
+ "name": "ParameterBuilderTemplate",
10450
+ "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`"
10451
+ }
10452
+ ],
10453
+ "exports": [
10454
+ {
10455
+ "kind": "js",
10456
+ "name": "ParameterBuilderTemplate",
10457
+ "declaration": {
10458
+ "name": "ParameterBuilderTemplate",
10459
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"
10460
+ }
10461
+ }
10462
+ ]
10463
+ },
10464
+ {
10465
+ "kind": "javascript-module",
10466
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts",
10446
10467
  "declarations": [
10447
10468
  {
10448
10469
  "kind": "class",
10449
- "description": "Condition builder for template notification rules.",
10450
- "name": "TemplateConditionBuilder",
10470
+ "description": "Parameter builder for notification templates.",
10471
+ "name": "ParameterBuilder",
10451
10472
  "members": [
10452
10473
  {
10453
10474
  "kind": "field",
10454
- "name": "condition",
10475
+ "name": "parameter",
10455
10476
  "type": {
10456
- "text": "ConditionBuilderEntity"
10477
+ "text": "ParameterBuilderEntity"
10457
10478
  }
10458
10479
  },
10459
10480
  {
10460
10481
  "kind": "field",
10461
- "name": "parameters",
10462
- "type": {
10463
- "text": "Array<ParameterBuilderEntity>"
10464
- },
10465
- "default": "[]"
10466
- },
10467
- {
10468
- "kind": "field",
10469
- "name": "fields",
10470
- "type": {
10471
- "text": "Field[]"
10472
- },
10473
- "default": "[]"
10474
- },
10475
- {
10476
- "kind": "field",
10477
- "name": "isFirst",
10478
- "type": {
10479
- "text": "boolean"
10480
- },
10481
- "default": "false"
10482
- },
10483
- {
10484
- "kind": "field",
10485
- "name": "joinOperator",
10482
+ "name": "name",
10486
10483
  "type": {
10487
10484
  "text": "string"
10488
10485
  }
10489
10486
  },
10490
10487
  {
10491
10488
  "kind": "field",
10492
- "name": "leftValue",
10493
- "type": {
10494
- "text": "any"
10495
- },
10496
- "default": "null"
10497
- },
10498
- {
10499
- "kind": "field",
10500
- "name": "leftValueItems",
10489
+ "name": "label",
10501
10490
  "type": {
10502
- "text": "Array<any>"
10503
- },
10504
- "default": "[]"
10491
+ "text": "string"
10492
+ }
10505
10493
  },
10506
10494
  {
10507
10495
  "kind": "field",
10508
- "name": "logicalOperator",
10496
+ "name": "type",
10509
10497
  "type": {
10510
10498
  "text": "string"
10511
- },
10512
- "default": "null"
10499
+ }
10513
10500
  },
10514
10501
  {
10515
10502
  "kind": "field",
10516
- "name": "rightCriteria",
10503
+ "name": "sourceType",
10517
10504
  "type": {
10518
10505
  "text": "string"
10519
10506
  }
10520
10507
  },
10521
10508
  {
10522
10509
  "kind": "field",
10523
- "name": "rightValueText",
10510
+ "name": "sourceSelected",
10524
10511
  "type": {
10525
10512
  "text": "string"
10526
- },
10527
- "default": "null"
10513
+ }
10528
10514
  },
10529
10515
  {
10530
10516
  "kind": "field",
10531
- "name": "rightValueSelect",
10517
+ "name": "sourceTyped",
10532
10518
  "type": {
10533
10519
  "text": "string"
10534
- },
10535
- "default": "null"
10520
+ }
10536
10521
  },
10537
10522
  {
10538
10523
  "kind": "field",
10539
- "name": "rightValueItems",
10524
+ "name": "sourceTextField",
10540
10525
  "type": {
10541
- "text": "Array<any>"
10542
- },
10543
- "default": "[]"
10526
+ "text": "TextField"
10527
+ }
10544
10528
  },
10545
10529
  {
10546
10530
  "kind": "field",
10547
- "name": "rightValueMultiSelect",
10531
+ "name": "sourceSelect",
10548
10532
  "type": {
10549
- "text": "string[]"
10550
- },
10551
- "default": "[]"
10533
+ "text": "Select"
10534
+ }
10552
10535
  },
10553
10536
  {
10554
10537
  "kind": "field",
10555
- "name": "rightCriteriaOptions",
10538
+ "name": "reqRepItems",
10556
10539
  "type": {
10557
- "text": "RightCriteria[]"
10540
+ "text": "array"
10558
10541
  },
10559
- "readonly": true
10542
+ "default": "['REQUEST_1', 'REQUEST_2', 'REQUEST_3']"
10560
10543
  },
10561
10544
  {
10562
- "kind": "field",
10563
- "name": "isStringLeftValue",
10564
- "type": {
10565
- "text": "boolean"
10566
- },
10567
- "privacy": "private",
10568
- "readonly": true
10545
+ "kind": "method",
10546
+ "name": "deleteParameter"
10569
10547
  },
10570
10548
  {
10571
10549
  "kind": "method",
10572
- "name": "deleteCondition"
10550
+ "name": "parameterChanged"
10573
10551
  },
10574
10552
  {
10575
10553
  "kind": "method",
10576
- "name": "conditionChanged"
10577
- },
10578
- {
10579
- "kind": "method",
10580
- "name": "joinOperatorChanged"
10581
- },
10582
- {
10583
- "kind": "method",
10584
- "name": "parametersChanged"
10585
- },
10586
- {
10587
- "kind": "method",
10588
- "name": "getMatchingParameter",
10589
- "privacy": "private",
10590
- "return": {
10591
- "type": {
10592
- "text": "ParameterBuilderEntity | undefined"
10593
- }
10594
- }
10595
- },
10596
- {
10597
- "kind": "method",
10598
- "name": "syncParameterBinding",
10599
- "privacy": "private",
10600
- "return": {
10601
- "type": {
10602
- "text": "boolean"
10603
- }
10604
- }
10605
- },
10606
- {
10607
- "kind": "method",
10608
- "name": "resetToValueEditor",
10609
- "privacy": "private"
10610
- },
10611
- {
10612
- "kind": "method",
10613
- "name": "fieldsChanged"
10614
- },
10615
- {
10616
- "kind": "method",
10617
- "name": "logicalOperatorChanged"
10618
- },
10619
- {
10620
- "kind": "method",
10621
- "name": "assignLeftValue",
10622
- "privacy": "private"
10623
- },
10624
- {
10625
- "kind": "method",
10626
- "name": "leftValueChanged"
10627
- },
10628
- {
10629
- "kind": "method",
10630
- "name": "assignRightValue",
10631
- "privacy": "private"
10632
- },
10633
- {
10634
- "kind": "method",
10635
- "name": "rightCriteriaChanged"
10554
+ "name": "nameChanged"
10636
10555
  },
10637
10556
  {
10638
10557
  "kind": "method",
10639
- "name": "clearRightValueText",
10640
- "privacy": "private"
10558
+ "name": "labelChanged"
10641
10559
  },
10642
10560
  {
10643
10561
  "kind": "method",
10644
- "name": "clearRightValueSelect",
10645
- "privacy": "private"
10562
+ "name": "typeChanged"
10646
10563
  },
10647
10564
  {
10648
10565
  "kind": "method",
10649
- "name": "rightValueTextChanged"
10566
+ "name": "sourceTypeChanged"
10650
10567
  },
10651
10568
  {
10652
10569
  "kind": "method",
10653
- "name": "rightValueSelectChanged"
10570
+ "name": "sourceSelectedChanged"
10654
10571
  },
10655
10572
  {
10656
10573
  "kind": "method",
10657
- "name": "rightValueMultiSelectChanged"
10574
+ "name": "sourceTypedChanged"
10658
10575
  },
10659
10576
  {
10660
10577
  "kind": "method",
10661
- "name": "getEnumValues",
10662
- "return": {
10663
- "type": {
10664
- "text": "string[]"
10578
+ "name": "genericChanged",
10579
+ "privacy": "private",
10580
+ "parameters": [
10581
+ {
10582
+ "name": "parameterAttribute"
10583
+ },
10584
+ {
10585
+ "name": "value"
10665
10586
  }
10666
- }
10587
+ ]
10667
10588
  }
10668
10589
  ],
10669
10590
  "events": [
10670
10591
  {
10671
- "description": "Fired when a condition is deleted. detail: `ConditionBuilderEntity`",
10592
+ "description": "Fired when a parameter is deleted. detail: `ParameterBuilderEntity`",
10672
10593
  "name": "delete"
10673
10594
  },
10674
10595
  {
10675
- "description": "Fired when a condition is edited. detail: `ConditionBuilderEntity`",
10596
+ "description": "Fired when a parameter is edited. detail: `ParameterBuilderEntity`",
10676
10597
  "name": "edit"
10677
10598
  }
10678
10599
  ],
10600
+ "attributes": [
10601
+ {
10602
+ "name": "parameter",
10603
+ "type": {
10604
+ "text": "ParameterBuilderEntity"
10605
+ },
10606
+ "fieldName": "parameter"
10607
+ }
10608
+ ],
10679
10609
  "superclass": {
10680
10610
  "name": "GenesisElement",
10681
10611
  "package": "@genesislcap/web-core"
10682
10612
  },
10683
- "tagName": "template-condition-builder",
10613
+ "tagName": "parameter-builder",
10684
10614
  "customElement": true
10685
10615
  }
10686
10616
  ],
10687
10617
  "exports": [
10688
10618
  {
10689
10619
  "kind": "js",
10690
- "name": "TemplateConditionBuilder",
10620
+ "name": "ParameterBuilder",
10691
10621
  "declaration": {
10692
- "name": "TemplateConditionBuilder",
10693
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts"
10622
+ "name": "ParameterBuilder",
10623
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
10694
10624
  }
10695
10625
  },
10696
10626
  {
10697
10627
  "kind": "custom-element-definition",
10698
- "name": "template-condition-builder",
10699
- "declaration": {
10700
- "name": "TemplateConditionBuilder",
10701
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts"
10702
- }
10703
- }
10704
- ]
10705
- },
10706
- {
10707
- "kind": "javascript-module",
10708
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts",
10709
- "declarations": [
10710
- {
10711
- "kind": "variable",
10712
- "name": "ParameterBuilderStyles",
10713
- "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`"
10714
- }
10715
- ],
10716
- "exports": [
10717
- {
10718
- "kind": "js",
10719
- "name": "ParameterBuilderStyles",
10628
+ "name": "parameter-builder",
10720
10629
  "declaration": {
10721
- "name": "ParameterBuilderStyles",
10722
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts"
10630
+ "name": "ParameterBuilder",
10631
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
10723
10632
  }
10724
10633
  }
10725
10634
  ]
10726
10635
  },
10727
10636
  {
10728
10637
  "kind": "javascript-module",
10729
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts",
10638
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
10730
10639
  "declarations": [
10731
10640
  {
10732
10641
  "kind": "variable",
10733
- "name": "ParameterBuilderTemplate",
10734
- "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`"
10642
+ "name": "TemplateConditionBuilderTemplate",
10643
+ "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`"
10735
10644
  }
10736
10645
  ],
10737
10646
  "exports": [
10738
10647
  {
10739
10648
  "kind": "js",
10740
- "name": "ParameterBuilderTemplate",
10649
+ "name": "TemplateConditionBuilderTemplate",
10741
10650
  "declaration": {
10742
- "name": "ParameterBuilderTemplate",
10743
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"
10651
+ "name": "TemplateConditionBuilderTemplate",
10652
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
10744
10653
  }
10745
10654
  }
10746
10655
  ]
10747
10656
  },
10748
10657
  {
10749
10658
  "kind": "javascript-module",
10750
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts",
10659
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts",
10751
10660
  "declarations": [
10752
10661
  {
10753
10662
  "kind": "class",
10754
- "description": "Parameter builder for notification templates.",
10755
- "name": "ParameterBuilder",
10663
+ "description": "Condition builder for template notification rules.",
10664
+ "name": "TemplateConditionBuilder",
10756
10665
  "members": [
10757
10666
  {
10758
10667
  "kind": "field",
10759
- "name": "parameter",
10668
+ "name": "condition",
10760
10669
  "type": {
10761
- "text": "ParameterBuilderEntity"
10670
+ "text": "ConditionBuilderEntity"
10762
10671
  }
10763
10672
  },
10764
10673
  {
10765
10674
  "kind": "field",
10766
- "name": "name",
10675
+ "name": "parameters",
10767
10676
  "type": {
10768
- "text": "string"
10769
- }
10677
+ "text": "Array<ParameterBuilderEntity>"
10678
+ },
10679
+ "default": "[]"
10770
10680
  },
10771
10681
  {
10772
10682
  "kind": "field",
10773
- "name": "label",
10683
+ "name": "fields",
10684
+ "type": {
10685
+ "text": "Field[]"
10686
+ },
10687
+ "default": "[]"
10688
+ },
10689
+ {
10690
+ "kind": "field",
10691
+ "name": "isFirst",
10692
+ "type": {
10693
+ "text": "boolean"
10694
+ },
10695
+ "default": "false"
10696
+ },
10697
+ {
10698
+ "kind": "field",
10699
+ "name": "joinOperator",
10774
10700
  "type": {
10775
10701
  "text": "string"
10776
10702
  }
10777
10703
  },
10778
10704
  {
10779
10705
  "kind": "field",
10780
- "name": "type",
10706
+ "name": "leftValue",
10707
+ "type": {
10708
+ "text": "any"
10709
+ },
10710
+ "default": "null"
10711
+ },
10712
+ {
10713
+ "kind": "field",
10714
+ "name": "leftValueItems",
10715
+ "type": {
10716
+ "text": "Array<any>"
10717
+ },
10718
+ "default": "[]"
10719
+ },
10720
+ {
10721
+ "kind": "field",
10722
+ "name": "logicalOperator",
10781
10723
  "type": {
10782
10724
  "text": "string"
10783
- }
10725
+ },
10726
+ "default": "null"
10784
10727
  },
10785
10728
  {
10786
10729
  "kind": "field",
10787
- "name": "sourceType",
10730
+ "name": "rightCriteria",
10788
10731
  "type": {
10789
10732
  "text": "string"
10790
10733
  }
10791
10734
  },
10792
10735
  {
10793
10736
  "kind": "field",
10794
- "name": "sourceSelected",
10737
+ "name": "rightValueText",
10795
10738
  "type": {
10796
10739
  "text": "string"
10797
- }
10740
+ },
10741
+ "default": "null"
10798
10742
  },
10799
10743
  {
10800
10744
  "kind": "field",
10801
- "name": "sourceTyped",
10745
+ "name": "rightValueSelect",
10802
10746
  "type": {
10803
10747
  "text": "string"
10804
- }
10748
+ },
10749
+ "default": "null"
10805
10750
  },
10806
10751
  {
10807
10752
  "kind": "field",
10808
- "name": "sourceTextField",
10753
+ "name": "rightValueItems",
10809
10754
  "type": {
10810
- "text": "TextField"
10811
- }
10755
+ "text": "Array<any>"
10756
+ },
10757
+ "default": "[]"
10812
10758
  },
10813
10759
  {
10814
10760
  "kind": "field",
10815
- "name": "sourceSelect",
10761
+ "name": "rightValueMultiSelect",
10816
10762
  "type": {
10817
- "text": "Select"
10818
- }
10763
+ "text": "string[]"
10764
+ },
10765
+ "default": "[]"
10819
10766
  },
10820
10767
  {
10821
10768
  "kind": "field",
10822
- "name": "reqRepItems",
10769
+ "name": "rightCriteriaOptions",
10823
10770
  "type": {
10824
- "text": "array"
10771
+ "text": "RightCriteria[]"
10825
10772
  },
10826
- "default": "['REQUEST_1', 'REQUEST_2', 'REQUEST_3']"
10773
+ "readonly": true
10774
+ },
10775
+ {
10776
+ "kind": "field",
10777
+ "name": "isStringLeftValue",
10778
+ "type": {
10779
+ "text": "boolean"
10780
+ },
10781
+ "privacy": "private",
10782
+ "readonly": true
10827
10783
  },
10828
10784
  {
10829
10785
  "kind": "method",
10830
- "name": "deleteParameter"
10786
+ "name": "deleteCondition"
10831
10787
  },
10832
10788
  {
10833
10789
  "kind": "method",
10834
- "name": "parameterChanged"
10790
+ "name": "conditionChanged"
10835
10791
  },
10836
10792
  {
10837
10793
  "kind": "method",
10838
- "name": "nameChanged"
10794
+ "name": "joinOperatorChanged"
10839
10795
  },
10840
10796
  {
10841
10797
  "kind": "method",
10842
- "name": "labelChanged"
10798
+ "name": "parametersChanged"
10843
10799
  },
10844
10800
  {
10845
10801
  "kind": "method",
10846
- "name": "typeChanged"
10802
+ "name": "getMatchingParameter",
10803
+ "privacy": "private",
10804
+ "return": {
10805
+ "type": {
10806
+ "text": "ParameterBuilderEntity | undefined"
10807
+ }
10808
+ }
10847
10809
  },
10848
10810
  {
10849
10811
  "kind": "method",
10850
- "name": "sourceTypeChanged"
10812
+ "name": "syncParameterBinding",
10813
+ "privacy": "private",
10814
+ "return": {
10815
+ "type": {
10816
+ "text": "boolean"
10817
+ }
10818
+ }
10851
10819
  },
10852
10820
  {
10853
10821
  "kind": "method",
10854
- "name": "sourceSelectedChanged"
10822
+ "name": "resetToValueEditor",
10823
+ "privacy": "private"
10855
10824
  },
10856
10825
  {
10857
10826
  "kind": "method",
10858
- "name": "sourceTypedChanged"
10827
+ "name": "fieldsChanged"
10859
10828
  },
10860
10829
  {
10861
10830
  "kind": "method",
10862
- "name": "genericChanged",
10863
- "privacy": "private",
10864
- "parameters": [
10865
- {
10866
- "name": "parameterAttribute"
10867
- },
10868
- {
10869
- "name": "value"
10831
+ "name": "logicalOperatorChanged"
10832
+ },
10833
+ {
10834
+ "kind": "method",
10835
+ "name": "assignLeftValue",
10836
+ "privacy": "private"
10837
+ },
10838
+ {
10839
+ "kind": "method",
10840
+ "name": "leftValueChanged"
10841
+ },
10842
+ {
10843
+ "kind": "method",
10844
+ "name": "assignRightValue",
10845
+ "privacy": "private"
10846
+ },
10847
+ {
10848
+ "kind": "method",
10849
+ "name": "rightCriteriaChanged"
10850
+ },
10851
+ {
10852
+ "kind": "method",
10853
+ "name": "clearRightValueText",
10854
+ "privacy": "private"
10855
+ },
10856
+ {
10857
+ "kind": "method",
10858
+ "name": "clearRightValueSelect",
10859
+ "privacy": "private"
10860
+ },
10861
+ {
10862
+ "kind": "method",
10863
+ "name": "rightValueTextChanged"
10864
+ },
10865
+ {
10866
+ "kind": "method",
10867
+ "name": "rightValueSelectChanged"
10868
+ },
10869
+ {
10870
+ "kind": "method",
10871
+ "name": "rightValueMultiSelectChanged"
10872
+ },
10873
+ {
10874
+ "kind": "method",
10875
+ "name": "getEnumValues",
10876
+ "return": {
10877
+ "type": {
10878
+ "text": "string[]"
10870
10879
  }
10871
- ]
10880
+ }
10872
10881
  }
10873
10882
  ],
10874
10883
  "events": [
10875
10884
  {
10876
- "description": "Fired when a parameter is deleted. detail: `ParameterBuilderEntity`",
10885
+ "description": "Fired when a condition is deleted. detail: `ConditionBuilderEntity`",
10877
10886
  "name": "delete"
10878
10887
  },
10879
10888
  {
10880
- "description": "Fired when a parameter is edited. detail: `ParameterBuilderEntity`",
10889
+ "description": "Fired when a condition is edited. detail: `ConditionBuilderEntity`",
10881
10890
  "name": "edit"
10882
10891
  }
10883
10892
  ],
10884
- "attributes": [
10885
- {
10886
- "name": "parameter",
10887
- "type": {
10888
- "text": "ParameterBuilderEntity"
10889
- },
10890
- "fieldName": "parameter"
10891
- }
10892
- ],
10893
10893
  "superclass": {
10894
10894
  "name": "GenesisElement",
10895
10895
  "package": "@genesislcap/web-core"
10896
10896
  },
10897
- "tagName": "parameter-builder",
10897
+ "tagName": "template-condition-builder",
10898
10898
  "customElement": true
10899
10899
  }
10900
10900
  ],
10901
10901
  "exports": [
10902
10902
  {
10903
10903
  "kind": "js",
10904
- "name": "ParameterBuilder",
10904
+ "name": "TemplateConditionBuilder",
10905
10905
  "declaration": {
10906
- "name": "ParameterBuilder",
10907
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
10906
+ "name": "TemplateConditionBuilder",
10907
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts"
10908
10908
  }
10909
10909
  },
10910
10910
  {
10911
10911
  "kind": "custom-element-definition",
10912
- "name": "parameter-builder",
10912
+ "name": "template-condition-builder",
10913
10913
  "declaration": {
10914
- "name": "ParameterBuilder",
10915
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
10914
+ "name": "TemplateConditionBuilder",
10915
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts"
10916
10916
  }
10917
10917
  }
10918
10918
  ]