@genesislcap/pbc-notify-ui 15.10.4 → 15.10.6

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.
@@ -4918,149 +4918,6 @@
4918
4918
  }
4919
4919
  ]
4920
4920
  },
4921
- {
4922
- "kind": "javascript-module",
4923
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
4924
- "declarations": [
4925
- {
4926
- "kind": "variable",
4927
- "name": "noItemsClass",
4928
- "type": {
4929
- "text": "string"
4930
- },
4931
- "default": "'no-items'",
4932
- "description": "Class to use when there are no items"
4933
- },
4934
- {
4935
- "kind": "variable",
4936
- "name": "FoundationInboxCounterStyles",
4937
- "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`"
4938
- }
4939
- ],
4940
- "exports": [
4941
- {
4942
- "kind": "js",
4943
- "name": "noItemsClass",
4944
- "declaration": {
4945
- "name": "noItemsClass",
4946
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
4947
- }
4948
- },
4949
- {
4950
- "kind": "js",
4951
- "name": "FoundationInboxCounterStyles",
4952
- "declaration": {
4953
- "name": "FoundationInboxCounterStyles",
4954
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
4955
- }
4956
- }
4957
- ]
4958
- },
4959
- {
4960
- "kind": "javascript-module",
4961
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
4962
- "declarations": [
4963
- {
4964
- "kind": "variable",
4965
- "name": "FoundationInboxCounterTemplate",
4966
- "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`"
4967
- }
4968
- ],
4969
- "exports": [
4970
- {
4971
- "kind": "js",
4972
- "name": "FoundationInboxCounterTemplate",
4973
- "declaration": {
4974
- "name": "FoundationInboxCounterTemplate",
4975
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
4976
- }
4977
- }
4978
- ]
4979
- },
4980
- {
4981
- "kind": "javascript-module",
4982
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
4983
- "declarations": [
4984
- {
4985
- "kind": "class",
4986
- "description": "",
4987
- "name": "FoundationInboxCounter",
4988
- "members": [
4989
- {
4990
- "kind": "field",
4991
- "name": "value",
4992
- "type": {
4993
- "text": "number"
4994
- },
4995
- "default": "0"
4996
- },
4997
- {
4998
- "kind": "field",
4999
- "name": "connect",
5000
- "type": {
5001
- "text": "Connect"
5002
- }
5003
- },
5004
- {
5005
- "kind": "field",
5006
- "name": "inboxService",
5007
- "type": {
5008
- "text": "FoundationInboxService"
5009
- }
5010
- },
5011
- {
5012
- "kind": "field",
5013
- "name": "connectionSub",
5014
- "type": {
5015
- "text": "Subscription"
5016
- },
5017
- "privacy": "private"
5018
- },
5019
- {
5020
- "kind": "method",
5021
- "name": "subscribeToAlerts",
5022
- "privacy": "private",
5023
- "return": {
5024
- "type": {
5025
- "text": "Promise<void>"
5026
- }
5027
- },
5028
- "description": "Subscribes to alerts from the inbox service"
5029
- },
5030
- {
5031
- "kind": "field",
5032
- "name": "subscriptionHandler",
5033
- "privacy": "private",
5034
- "description": "Handles subscription updates from the inbox service"
5035
- }
5036
- ],
5037
- "superclass": {
5038
- "name": "GenesisElement",
5039
- "package": "@genesislcap/web-core"
5040
- },
5041
- "tagName": "foundation-inbox-counter",
5042
- "customElement": true
5043
- }
5044
- ],
5045
- "exports": [
5046
- {
5047
- "kind": "js",
5048
- "name": "FoundationInboxCounter",
5049
- "declaration": {
5050
- "name": "FoundationInboxCounter",
5051
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
5052
- }
5053
- },
5054
- {
5055
- "kind": "custom-element-definition",
5056
- "name": "foundation-inbox-counter",
5057
- "declaration": {
5058
- "name": "FoundationInboxCounter",
5059
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
5060
- }
5061
- }
5062
- ]
5063
- },
5064
4921
  {
5065
4922
  "kind": "javascript-module",
5066
4923
  "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
@@ -6175,129 +6032,272 @@
6175
6032
  },
6176
6033
  {
6177
6034
  "kind": "javascript-module",
6178
- "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts",
6035
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
6179
6036
  "declarations": [
6180
6037
  {
6181
6038
  "kind": "variable",
6182
- "name": "InboxSubscriptionStyles",
6183
- "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`"
6039
+ "name": "noItemsClass",
6040
+ "type": {
6041
+ "text": "string"
6042
+ },
6043
+ "default": "'no-items'",
6044
+ "description": "Class to use when there are no items"
6045
+ },
6046
+ {
6047
+ "kind": "variable",
6048
+ "name": "FoundationInboxCounterStyles",
6049
+ "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`"
6184
6050
  }
6185
6051
  ],
6186
6052
  "exports": [
6187
6053
  {
6188
6054
  "kind": "js",
6189
- "name": "InboxSubscriptionStyles",
6055
+ "name": "noItemsClass",
6190
6056
  "declaration": {
6191
- "name": "InboxSubscriptionStyles",
6192
- "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts"
6057
+ "name": "noItemsClass",
6058
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
6059
+ }
6060
+ },
6061
+ {
6062
+ "kind": "js",
6063
+ "name": "FoundationInboxCounterStyles",
6064
+ "declaration": {
6065
+ "name": "FoundationInboxCounterStyles",
6066
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
6193
6067
  }
6194
6068
  }
6195
6069
  ]
6196
6070
  },
6197
6071
  {
6198
6072
  "kind": "javascript-module",
6199
- "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts",
6073
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
6200
6074
  "declarations": [
6201
6075
  {
6202
6076
  "kind": "variable",
6203
- "name": "InboxSubscriptionTemplate",
6204
- "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) => Object.values(x.template?.PARAMETERS ?? {}).length === 0,\n html`\n <p class=\"inbox-subscription-empty\">The selected template doesn't have parameters.</p>\n `,\n )}\n ${when(\n (x) => Object.values(x.template?.PARAMETERS ?? {}).length > 0,\n html`\n <div class=\"inbox-subscription-content\">\n ${repeat(\n // @ts-ignore\n (x) => Object.values(x.template?.PARAMETERS ?? {}),\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`"
6077
+ "name": "FoundationInboxCounterTemplate",
6078
+ "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`"
6205
6079
  }
6206
6080
  ],
6207
6081
  "exports": [
6208
6082
  {
6209
6083
  "kind": "js",
6210
- "name": "InboxSubscriptionTemplate",
6084
+ "name": "FoundationInboxCounterTemplate",
6211
6085
  "declaration": {
6212
- "name": "InboxSubscriptionTemplate",
6213
- "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts"
6086
+ "name": "FoundationInboxCounterTemplate",
6087
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
6214
6088
  }
6215
6089
  }
6216
6090
  ]
6217
6091
  },
6218
6092
  {
6219
6093
  "kind": "javascript-module",
6220
- "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts",
6094
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
6221
6095
  "declarations": [
6222
6096
  {
6223
6097
  "kind": "class",
6224
- "description": "Inbox subscription configuration UI.",
6225
- "name": "InboxSubscription",
6098
+ "description": "",
6099
+ "name": "FoundationInboxCounter",
6226
6100
  "members": [
6227
6101
  {
6228
6102
  "kind": "field",
6229
- "name": "template"
6230
- },
6231
- {
6232
- "kind": "field",
6233
- "name": "inline",
6234
- "type": {
6235
- "text": "boolean"
6236
- },
6237
- "default": "false"
6238
- },
6239
- {
6240
- "kind": "field",
6241
- "name": "parametersDetails",
6103
+ "name": "value",
6242
6104
  "type": {
6243
- "text": "object"
6105
+ "text": "number"
6244
6106
  },
6245
- "privacy": "private",
6246
- "default": "{}"
6107
+ "default": "0"
6247
6108
  },
6248
6109
  {
6249
6110
  "kind": "field",
6250
- "name": "isSubmitting",
6111
+ "name": "connect",
6251
6112
  "type": {
6252
- "text": "boolean"
6253
- },
6254
- "privacy": "private",
6255
- "default": "false"
6113
+ "text": "Connect"
6114
+ }
6256
6115
  },
6257
6116
  {
6258
6117
  "kind": "field",
6259
- "name": "parametersOperators",
6118
+ "name": "inboxService",
6260
6119
  "type": {
6261
- "text": "object"
6262
- },
6263
- "default": "{}"
6120
+ "text": "FoundationInboxService"
6121
+ }
6264
6122
  },
6265
6123
  {
6266
6124
  "kind": "field",
6267
- "name": "subscribeDisabled",
6125
+ "name": "connectionSub",
6268
6126
  "type": {
6269
- "text": "boolean"
6127
+ "text": "Subscription"
6270
6128
  },
6271
- "default": "true"
6272
- },
6273
- {
6274
- "kind": "field",
6275
- "name": "ruleService",
6276
- "type": {
6277
- "text": "RuleService"
6278
- }
6279
- },
6280
- {
6281
- "kind": "method",
6282
- "name": "templateChanged"
6129
+ "privacy": "private"
6283
6130
  },
6284
6131
  {
6285
6132
  "kind": "method",
6286
- "name": "usesAutoSubmit",
6133
+ "name": "subscribeToAlerts",
6134
+ "privacy": "private",
6287
6135
  "return": {
6288
6136
  "type": {
6289
- "text": "boolean"
6137
+ "text": "Promise<void>"
6290
6138
  }
6291
- }
6139
+ },
6140
+ "description": "Subscribes to alerts from the inbox service"
6292
6141
  },
6293
6142
  {
6294
- "kind": "method",
6295
- "name": "requiresManualSubscribe",
6296
- "return": {
6297
- "type": {
6298
- "text": "boolean"
6299
- }
6300
- }
6143
+ "kind": "field",
6144
+ "name": "subscriptionHandler",
6145
+ "privacy": "private",
6146
+ "description": "Handles subscription updates from the inbox service"
6147
+ }
6148
+ ],
6149
+ "superclass": {
6150
+ "name": "GenesisElement",
6151
+ "package": "@genesislcap/web-core"
6152
+ },
6153
+ "tagName": "foundation-inbox-counter",
6154
+ "customElement": true
6155
+ }
6156
+ ],
6157
+ "exports": [
6158
+ {
6159
+ "kind": "js",
6160
+ "name": "FoundationInboxCounter",
6161
+ "declaration": {
6162
+ "name": "FoundationInboxCounter",
6163
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
6164
+ }
6165
+ },
6166
+ {
6167
+ "kind": "custom-element-definition",
6168
+ "name": "foundation-inbox-counter",
6169
+ "declaration": {
6170
+ "name": "FoundationInboxCounter",
6171
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
6172
+ }
6173
+ }
6174
+ ]
6175
+ },
6176
+ {
6177
+ "kind": "javascript-module",
6178
+ "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts",
6179
+ "declarations": [
6180
+ {
6181
+ "kind": "variable",
6182
+ "name": "InboxSubscriptionStyles",
6183
+ "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`"
6184
+ }
6185
+ ],
6186
+ "exports": [
6187
+ {
6188
+ "kind": "js",
6189
+ "name": "InboxSubscriptionStyles",
6190
+ "declaration": {
6191
+ "name": "InboxSubscriptionStyles",
6192
+ "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts"
6193
+ }
6194
+ }
6195
+ ]
6196
+ },
6197
+ {
6198
+ "kind": "javascript-module",
6199
+ "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts",
6200
+ "declarations": [
6201
+ {
6202
+ "kind": "variable",
6203
+ "name": "InboxSubscriptionTemplate",
6204
+ "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) => Object.values(x.template?.PARAMETERS ?? {}).length === 0,\n html`\n <p class=\"inbox-subscription-empty\">The selected template doesn't have parameters.</p>\n `,\n )}\n ${when(\n (x) => Object.values(x.template?.PARAMETERS ?? {}).length > 0,\n html`\n <div class=\"inbox-subscription-content\">\n ${repeat(\n // @ts-ignore\n (x) => Object.values(x.template?.PARAMETERS ?? {}),\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`"
6205
+ }
6206
+ ],
6207
+ "exports": [
6208
+ {
6209
+ "kind": "js",
6210
+ "name": "InboxSubscriptionTemplate",
6211
+ "declaration": {
6212
+ "name": "InboxSubscriptionTemplate",
6213
+ "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts"
6214
+ }
6215
+ }
6216
+ ]
6217
+ },
6218
+ {
6219
+ "kind": "javascript-module",
6220
+ "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts",
6221
+ "declarations": [
6222
+ {
6223
+ "kind": "class",
6224
+ "description": "Inbox subscription configuration UI.",
6225
+ "name": "InboxSubscription",
6226
+ "members": [
6227
+ {
6228
+ "kind": "field",
6229
+ "name": "template"
6230
+ },
6231
+ {
6232
+ "kind": "field",
6233
+ "name": "inline",
6234
+ "type": {
6235
+ "text": "boolean"
6236
+ },
6237
+ "default": "false"
6238
+ },
6239
+ {
6240
+ "kind": "field",
6241
+ "name": "parametersDetails",
6242
+ "type": {
6243
+ "text": "object"
6244
+ },
6245
+ "privacy": "private",
6246
+ "default": "{}"
6247
+ },
6248
+ {
6249
+ "kind": "field",
6250
+ "name": "isSubmitting",
6251
+ "type": {
6252
+ "text": "boolean"
6253
+ },
6254
+ "privacy": "private",
6255
+ "default": "false"
6256
+ },
6257
+ {
6258
+ "kind": "field",
6259
+ "name": "parametersOperators",
6260
+ "type": {
6261
+ "text": "object"
6262
+ },
6263
+ "default": "{}"
6264
+ },
6265
+ {
6266
+ "kind": "field",
6267
+ "name": "subscribeDisabled",
6268
+ "type": {
6269
+ "text": "boolean"
6270
+ },
6271
+ "default": "true"
6272
+ },
6273
+ {
6274
+ "kind": "field",
6275
+ "name": "ruleService",
6276
+ "type": {
6277
+ "text": "RuleService"
6278
+ }
6279
+ },
6280
+ {
6281
+ "kind": "method",
6282
+ "name": "templateChanged"
6283
+ },
6284
+ {
6285
+ "kind": "method",
6286
+ "name": "usesAutoSubmit",
6287
+ "return": {
6288
+ "type": {
6289
+ "text": "boolean"
6290
+ }
6291
+ }
6292
+ },
6293
+ {
6294
+ "kind": "method",
6295
+ "name": "requiresManualSubscribe",
6296
+ "return": {
6297
+ "type": {
6298
+ "text": "boolean"
6299
+ }
6300
+ }
6301
6301
  },
6302
6302
  {
6303
6303
  "kind": "method",
@@ -8772,506 +8772,506 @@
8772
8772
  },
8773
8773
  {
8774
8774
  "kind": "javascript-module",
8775
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts",
8776
- "declarations": [
8777
- {
8778
- "kind": "variable",
8779
- "name": "ParameterBuilderStyles",
8780
- "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`"
8781
- }
8782
- ],
8783
- "exports": [
8784
- {
8785
- "kind": "js",
8786
- "name": "ParameterBuilderStyles",
8787
- "declaration": {
8788
- "name": "ParameterBuilderStyles",
8789
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts"
8790
- }
8791
- }
8792
- ]
8793
- },
8794
- {
8795
- "kind": "javascript-module",
8796
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts",
8775
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
8797
8776
  "declarations": [
8798
8777
  {
8799
8778
  "kind": "variable",
8800
- "name": "ParameterBuilderTemplate",
8801
- "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`"
8779
+ "name": "TemplateConditionBuilderTemplate",
8780
+ "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 (_) => Object.values(RightCriteria),\n html`\n <rapid-option value=${(x) => x}>${(x) => 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`"
8802
8781
  }
8803
8782
  ],
8804
8783
  "exports": [
8805
8784
  {
8806
8785
  "kind": "js",
8807
- "name": "ParameterBuilderTemplate",
8786
+ "name": "TemplateConditionBuilderTemplate",
8808
8787
  "declaration": {
8809
- "name": "ParameterBuilderTemplate",
8810
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"
8788
+ "name": "TemplateConditionBuilderTemplate",
8789
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
8811
8790
  }
8812
8791
  }
8813
8792
  ]
8814
8793
  },
8815
8794
  {
8816
8795
  "kind": "javascript-module",
8817
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts",
8796
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts",
8818
8797
  "declarations": [
8819
8798
  {
8820
8799
  "kind": "class",
8821
- "description": "Parameter builder for notification templates.",
8822
- "name": "ParameterBuilder",
8800
+ "description": "Condition builder for template notification rules.",
8801
+ "name": "TemplateConditionBuilder",
8823
8802
  "members": [
8824
8803
  {
8825
8804
  "kind": "field",
8826
- "name": "parameter",
8805
+ "name": "condition",
8827
8806
  "type": {
8828
- "text": "ParameterBuilderEntity"
8807
+ "text": "ConditionBuilderEntity"
8829
8808
  }
8830
8809
  },
8831
8810
  {
8832
8811
  "kind": "field",
8833
- "name": "name",
8812
+ "name": "parameters",
8834
8813
  "type": {
8835
- "text": "string"
8836
- }
8814
+ "text": "Array<ParameterBuilderEntity>"
8815
+ },
8816
+ "default": "[]"
8837
8817
  },
8838
8818
  {
8839
8819
  "kind": "field",
8840
- "name": "label",
8820
+ "name": "fields",
8841
8821
  "type": {
8842
- "text": "string"
8843
- }
8822
+ "text": "Array<string>"
8823
+ },
8824
+ "default": "[]"
8844
8825
  },
8845
8826
  {
8846
8827
  "kind": "field",
8847
- "name": "type",
8828
+ "name": "isFirst",
8848
8829
  "type": {
8849
- "text": "string"
8850
- }
8830
+ "text": "boolean"
8831
+ },
8832
+ "default": "false"
8851
8833
  },
8852
8834
  {
8853
8835
  "kind": "field",
8854
- "name": "sourceType",
8836
+ "name": "joinOperator",
8855
8837
  "type": {
8856
8838
  "text": "string"
8857
8839
  }
8858
8840
  },
8859
8841
  {
8860
8842
  "kind": "field",
8861
- "name": "sourceSelected",
8843
+ "name": "leftValue",
8862
8844
  "type": {
8863
- "text": "string"
8864
- }
8845
+ "text": "any"
8846
+ },
8847
+ "default": "null"
8865
8848
  },
8866
8849
  {
8867
8850
  "kind": "field",
8868
- "name": "sourceTyped",
8851
+ "name": "leftValueItems",
8869
8852
  "type": {
8870
- "text": "string"
8871
- }
8853
+ "text": "Array<any>"
8854
+ },
8855
+ "default": "[]"
8872
8856
  },
8873
8857
  {
8874
8858
  "kind": "field",
8875
- "name": "sourceTextField",
8859
+ "name": "logicalOperator",
8876
8860
  "type": {
8877
- "text": "TextField"
8878
- }
8861
+ "text": "string"
8862
+ },
8863
+ "default": "null"
8879
8864
  },
8880
8865
  {
8881
8866
  "kind": "field",
8882
- "name": "sourceSelect",
8867
+ "name": "rightCriteria",
8883
8868
  "type": {
8884
- "text": "Select"
8869
+ "text": "string"
8885
8870
  }
8886
8871
  },
8887
8872
  {
8888
8873
  "kind": "field",
8889
- "name": "reqRepItems",
8874
+ "name": "rightValueText",
8890
8875
  "type": {
8891
- "text": "array"
8876
+ "text": "string"
8892
8877
  },
8893
- "default": "['REQUEST_1', 'REQUEST_2', 'REQUEST_3']"
8878
+ "default": "null"
8894
8879
  },
8895
8880
  {
8896
- "kind": "method",
8897
- "name": "deleteParameter"
8881
+ "kind": "field",
8882
+ "name": "rightValueSelect",
8883
+ "type": {
8884
+ "text": "string"
8885
+ },
8886
+ "default": "null"
8887
+ },
8888
+ {
8889
+ "kind": "field",
8890
+ "name": "rightValueItems",
8891
+ "type": {
8892
+ "text": "Array<any>"
8893
+ },
8894
+ "default": "[]"
8895
+ },
8896
+ {
8897
+ "kind": "field",
8898
+ "name": "rightValueMultiSelect",
8899
+ "type": {
8900
+ "text": "string[]"
8901
+ },
8902
+ "default": "[]"
8898
8903
  },
8899
8904
  {
8900
8905
  "kind": "method",
8901
- "name": "parameterChanged"
8906
+ "name": "deleteCondition"
8902
8907
  },
8903
8908
  {
8904
8909
  "kind": "method",
8905
- "name": "nameChanged"
8910
+ "name": "conditionChanged"
8906
8911
  },
8907
8912
  {
8908
8913
  "kind": "method",
8909
- "name": "labelChanged"
8914
+ "name": "joinOperatorChanged"
8910
8915
  },
8911
8916
  {
8912
8917
  "kind": "method",
8913
- "name": "typeChanged"
8918
+ "name": "parametersChanged"
8914
8919
  },
8915
8920
  {
8916
8921
  "kind": "method",
8917
- "name": "sourceTypeChanged"
8922
+ "name": "getMatchingParameter",
8923
+ "privacy": "private",
8924
+ "return": {
8925
+ "type": {
8926
+ "text": "ParameterBuilderEntity | undefined"
8927
+ }
8928
+ }
8918
8929
  },
8919
8930
  {
8920
8931
  "kind": "method",
8921
- "name": "sourceSelectedChanged"
8932
+ "name": "syncParameterBinding",
8933
+ "privacy": "private",
8934
+ "return": {
8935
+ "type": {
8936
+ "text": "boolean"
8937
+ }
8938
+ }
8922
8939
  },
8923
8940
  {
8924
8941
  "kind": "method",
8925
- "name": "sourceTypedChanged"
8942
+ "name": "resetToValueEditor",
8943
+ "privacy": "private"
8926
8944
  },
8927
8945
  {
8928
8946
  "kind": "method",
8929
- "name": "genericChanged",
8930
- "privacy": "private",
8931
- "parameters": [
8932
- {
8933
- "name": "parameterAttribute"
8934
- },
8935
- {
8936
- "name": "value"
8947
+ "name": "fieldsChanged"
8948
+ },
8949
+ {
8950
+ "kind": "method",
8951
+ "name": "logicalOperatorChanged"
8952
+ },
8953
+ {
8954
+ "kind": "method",
8955
+ "name": "assignLeftValue",
8956
+ "privacy": "private"
8957
+ },
8958
+ {
8959
+ "kind": "method",
8960
+ "name": "leftValueChanged"
8961
+ },
8962
+ {
8963
+ "kind": "method",
8964
+ "name": "assignRightValue",
8965
+ "privacy": "private"
8966
+ },
8967
+ {
8968
+ "kind": "method",
8969
+ "name": "rightCriteriaChanged"
8970
+ },
8971
+ {
8972
+ "kind": "method",
8973
+ "name": "clearRightValueText",
8974
+ "privacy": "private"
8975
+ },
8976
+ {
8977
+ "kind": "method",
8978
+ "name": "clearRightValueSelect",
8979
+ "privacy": "private"
8980
+ },
8981
+ {
8982
+ "kind": "method",
8983
+ "name": "rightValueTextChanged"
8984
+ },
8985
+ {
8986
+ "kind": "method",
8987
+ "name": "rightValueSelectChanged"
8988
+ },
8989
+ {
8990
+ "kind": "method",
8991
+ "name": "rightValueMultiSelectChanged"
8992
+ },
8993
+ {
8994
+ "kind": "method",
8995
+ "name": "getEnumValues",
8996
+ "return": {
8997
+ "type": {
8998
+ "text": "string[]"
8937
8999
  }
8938
- ]
9000
+ }
8939
9001
  }
8940
9002
  ],
8941
9003
  "events": [
8942
9004
  {
8943
- "description": "Fired when a parameter is deleted. detail: `ParameterBuilderEntity`",
9005
+ "description": "Fired when a condition is deleted. detail: `ConditionBuilderEntity`",
8944
9006
  "name": "delete"
8945
9007
  },
8946
9008
  {
8947
- "description": "Fired when a parameter is edited. detail: `ParameterBuilderEntity`",
9009
+ "description": "Fired when a condition is edited. detail: `ConditionBuilderEntity`",
8948
9010
  "name": "edit"
8949
9011
  }
8950
9012
  ],
8951
9013
  "attributes": [
8952
9014
  {
8953
- "name": "parameter",
9015
+ "name": "condition",
8954
9016
  "type": {
8955
- "text": "ParameterBuilderEntity"
9017
+ "text": "ConditionBuilderEntity"
8956
9018
  },
8957
- "fieldName": "parameter"
9019
+ "fieldName": "condition"
9020
+ },
9021
+ {
9022
+ "name": "parameters",
9023
+ "type": {
9024
+ "text": "Array<ParameterBuilderEntity>"
9025
+ },
9026
+ "default": "[]",
9027
+ "fieldName": "parameters"
9028
+ },
9029
+ {
9030
+ "name": "fields",
9031
+ "type": {
9032
+ "text": "Array<string>"
9033
+ },
9034
+ "default": "[]",
9035
+ "fieldName": "fields"
8958
9036
  }
8959
9037
  ],
8960
9038
  "superclass": {
8961
9039
  "name": "GenesisElement",
8962
9040
  "package": "@genesislcap/web-core"
8963
9041
  },
8964
- "tagName": "parameter-builder",
9042
+ "tagName": "template-condition-builder",
8965
9043
  "customElement": true
8966
9044
  }
8967
9045
  ],
8968
9046
  "exports": [
8969
9047
  {
8970
9048
  "kind": "js",
8971
- "name": "ParameterBuilder",
9049
+ "name": "TemplateConditionBuilder",
8972
9050
  "declaration": {
8973
- "name": "ParameterBuilder",
8974
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
9051
+ "name": "TemplateConditionBuilder",
9052
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts"
8975
9053
  }
8976
9054
  },
8977
9055
  {
8978
9056
  "kind": "custom-element-definition",
8979
- "name": "parameter-builder",
9057
+ "name": "template-condition-builder",
8980
9058
  "declaration": {
8981
- "name": "ParameterBuilder",
8982
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
9059
+ "name": "TemplateConditionBuilder",
9060
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts"
8983
9061
  }
8984
9062
  }
8985
9063
  ]
8986
9064
  },
8987
9065
  {
8988
9066
  "kind": "javascript-module",
8989
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
9067
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts",
8990
9068
  "declarations": [
8991
9069
  {
8992
9070
  "kind": "variable",
8993
- "name": "TemplateConditionBuilderTemplate",
8994
- "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 (_) => Object.values(RightCriteria),\n html`\n <rapid-option value=${(x) => x}>${(x) => 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`"
9071
+ "name": "ParameterBuilderStyles",
9072
+ "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`"
8995
9073
  }
8996
9074
  ],
8997
9075
  "exports": [
8998
9076
  {
8999
9077
  "kind": "js",
9000
- "name": "TemplateConditionBuilderTemplate",
9078
+ "name": "ParameterBuilderStyles",
9001
9079
  "declaration": {
9002
- "name": "TemplateConditionBuilderTemplate",
9003
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
9080
+ "name": "ParameterBuilderStyles",
9081
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts"
9004
9082
  }
9005
9083
  }
9006
9084
  ]
9007
9085
  },
9008
9086
  {
9009
9087
  "kind": "javascript-module",
9010
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts",
9088
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts",
9089
+ "declarations": [
9090
+ {
9091
+ "kind": "variable",
9092
+ "name": "ParameterBuilderTemplate",
9093
+ "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`"
9094
+ }
9095
+ ],
9096
+ "exports": [
9097
+ {
9098
+ "kind": "js",
9099
+ "name": "ParameterBuilderTemplate",
9100
+ "declaration": {
9101
+ "name": "ParameterBuilderTemplate",
9102
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"
9103
+ }
9104
+ }
9105
+ ]
9106
+ },
9107
+ {
9108
+ "kind": "javascript-module",
9109
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts",
9011
9110
  "declarations": [
9012
9111
  {
9013
9112
  "kind": "class",
9014
- "description": "Condition builder for template notification rules.",
9015
- "name": "TemplateConditionBuilder",
9113
+ "description": "Parameter builder for notification templates.",
9114
+ "name": "ParameterBuilder",
9016
9115
  "members": [
9017
9116
  {
9018
9117
  "kind": "field",
9019
- "name": "condition",
9118
+ "name": "parameter",
9020
9119
  "type": {
9021
- "text": "ConditionBuilderEntity"
9120
+ "text": "ParameterBuilderEntity"
9022
9121
  }
9023
9122
  },
9024
9123
  {
9025
9124
  "kind": "field",
9026
- "name": "parameters",
9027
- "type": {
9028
- "text": "Array<ParameterBuilderEntity>"
9029
- },
9030
- "default": "[]"
9031
- },
9032
- {
9033
- "kind": "field",
9034
- "name": "fields",
9035
- "type": {
9036
- "text": "Array<string>"
9037
- },
9038
- "default": "[]"
9039
- },
9040
- {
9041
- "kind": "field",
9042
- "name": "isFirst",
9043
- "type": {
9044
- "text": "boolean"
9045
- },
9046
- "default": "false"
9047
- },
9048
- {
9049
- "kind": "field",
9050
- "name": "joinOperator",
9125
+ "name": "name",
9051
9126
  "type": {
9052
9127
  "text": "string"
9053
9128
  }
9054
9129
  },
9055
9130
  {
9056
9131
  "kind": "field",
9057
- "name": "leftValue",
9132
+ "name": "label",
9058
9133
  "type": {
9059
- "text": "any"
9060
- },
9061
- "default": "null"
9134
+ "text": "string"
9135
+ }
9062
9136
  },
9063
9137
  {
9064
9138
  "kind": "field",
9065
- "name": "leftValueItems",
9139
+ "name": "type",
9066
9140
  "type": {
9067
- "text": "Array<any>"
9068
- },
9069
- "default": "[]"
9141
+ "text": "string"
9142
+ }
9070
9143
  },
9071
9144
  {
9072
9145
  "kind": "field",
9073
- "name": "logicalOperator",
9146
+ "name": "sourceType",
9074
9147
  "type": {
9075
9148
  "text": "string"
9076
- },
9077
- "default": "null"
9149
+ }
9078
9150
  },
9079
9151
  {
9080
9152
  "kind": "field",
9081
- "name": "rightCriteria",
9153
+ "name": "sourceSelected",
9082
9154
  "type": {
9083
9155
  "text": "string"
9084
9156
  }
9085
9157
  },
9086
9158
  {
9087
9159
  "kind": "field",
9088
- "name": "rightValueText",
9160
+ "name": "sourceTyped",
9089
9161
  "type": {
9090
9162
  "text": "string"
9091
- },
9092
- "default": "null"
9163
+ }
9093
9164
  },
9094
9165
  {
9095
9166
  "kind": "field",
9096
- "name": "rightValueSelect",
9167
+ "name": "sourceTextField",
9097
9168
  "type": {
9098
- "text": "string"
9099
- },
9100
- "default": "null"
9169
+ "text": "TextField"
9170
+ }
9101
9171
  },
9102
9172
  {
9103
9173
  "kind": "field",
9104
- "name": "rightValueItems",
9174
+ "name": "sourceSelect",
9105
9175
  "type": {
9106
- "text": "Array<any>"
9107
- },
9108
- "default": "[]"
9176
+ "text": "Select"
9177
+ }
9109
9178
  },
9110
9179
  {
9111
9180
  "kind": "field",
9112
- "name": "rightValueMultiSelect",
9181
+ "name": "reqRepItems",
9113
9182
  "type": {
9114
- "text": "string[]"
9183
+ "text": "array"
9115
9184
  },
9116
- "default": "[]"
9117
- },
9118
- {
9119
- "kind": "method",
9120
- "name": "deleteCondition"
9121
- },
9122
- {
9123
- "kind": "method",
9124
- "name": "conditionChanged"
9125
- },
9126
- {
9127
- "kind": "method",
9128
- "name": "joinOperatorChanged"
9129
- },
9130
- {
9131
- "kind": "method",
9132
- "name": "parametersChanged"
9133
- },
9134
- {
9135
- "kind": "method",
9136
- "name": "getMatchingParameter",
9137
- "privacy": "private",
9138
- "return": {
9139
- "type": {
9140
- "text": "ParameterBuilderEntity | undefined"
9141
- }
9142
- }
9143
- },
9144
- {
9145
- "kind": "method",
9146
- "name": "syncParameterBinding",
9147
- "privacy": "private",
9148
- "return": {
9149
- "type": {
9150
- "text": "boolean"
9151
- }
9152
- }
9153
- },
9154
- {
9155
- "kind": "method",
9156
- "name": "resetToValueEditor",
9157
- "privacy": "private"
9158
- },
9159
- {
9160
- "kind": "method",
9161
- "name": "fieldsChanged"
9162
- },
9163
- {
9164
- "kind": "method",
9165
- "name": "logicalOperatorChanged"
9166
- },
9167
- {
9168
- "kind": "method",
9169
- "name": "assignLeftValue",
9170
- "privacy": "private"
9185
+ "default": "['REQUEST_1', 'REQUEST_2', 'REQUEST_3']"
9171
9186
  },
9172
9187
  {
9173
9188
  "kind": "method",
9174
- "name": "leftValueChanged"
9189
+ "name": "deleteParameter"
9175
9190
  },
9176
9191
  {
9177
9192
  "kind": "method",
9178
- "name": "assignRightValue",
9179
- "privacy": "private"
9193
+ "name": "parameterChanged"
9180
9194
  },
9181
9195
  {
9182
9196
  "kind": "method",
9183
- "name": "rightCriteriaChanged"
9197
+ "name": "nameChanged"
9184
9198
  },
9185
9199
  {
9186
9200
  "kind": "method",
9187
- "name": "clearRightValueText",
9188
- "privacy": "private"
9201
+ "name": "labelChanged"
9189
9202
  },
9190
9203
  {
9191
9204
  "kind": "method",
9192
- "name": "clearRightValueSelect",
9193
- "privacy": "private"
9205
+ "name": "typeChanged"
9194
9206
  },
9195
9207
  {
9196
9208
  "kind": "method",
9197
- "name": "rightValueTextChanged"
9209
+ "name": "sourceTypeChanged"
9198
9210
  },
9199
9211
  {
9200
9212
  "kind": "method",
9201
- "name": "rightValueSelectChanged"
9213
+ "name": "sourceSelectedChanged"
9202
9214
  },
9203
9215
  {
9204
9216
  "kind": "method",
9205
- "name": "rightValueMultiSelectChanged"
9217
+ "name": "sourceTypedChanged"
9206
9218
  },
9207
9219
  {
9208
9220
  "kind": "method",
9209
- "name": "getEnumValues",
9210
- "return": {
9211
- "type": {
9212
- "text": "string[]"
9221
+ "name": "genericChanged",
9222
+ "privacy": "private",
9223
+ "parameters": [
9224
+ {
9225
+ "name": "parameterAttribute"
9226
+ },
9227
+ {
9228
+ "name": "value"
9213
9229
  }
9214
- }
9230
+ ]
9215
9231
  }
9216
9232
  ],
9217
9233
  "events": [
9218
9234
  {
9219
- "description": "Fired when a condition is deleted. detail: `ConditionBuilderEntity`",
9235
+ "description": "Fired when a parameter is deleted. detail: `ParameterBuilderEntity`",
9220
9236
  "name": "delete"
9221
9237
  },
9222
9238
  {
9223
- "description": "Fired when a condition is edited. detail: `ConditionBuilderEntity`",
9239
+ "description": "Fired when a parameter is edited. detail: `ParameterBuilderEntity`",
9224
9240
  "name": "edit"
9225
9241
  }
9226
9242
  ],
9227
9243
  "attributes": [
9228
9244
  {
9229
- "name": "condition",
9230
- "type": {
9231
- "text": "ConditionBuilderEntity"
9232
- },
9233
- "fieldName": "condition"
9234
- },
9235
- {
9236
- "name": "parameters",
9237
- "type": {
9238
- "text": "Array<ParameterBuilderEntity>"
9239
- },
9240
- "default": "[]",
9241
- "fieldName": "parameters"
9242
- },
9243
- {
9244
- "name": "fields",
9245
+ "name": "parameter",
9245
9246
  "type": {
9246
- "text": "Array<string>"
9247
+ "text": "ParameterBuilderEntity"
9247
9248
  },
9248
- "default": "[]",
9249
- "fieldName": "fields"
9249
+ "fieldName": "parameter"
9250
9250
  }
9251
9251
  ],
9252
9252
  "superclass": {
9253
9253
  "name": "GenesisElement",
9254
9254
  "package": "@genesislcap/web-core"
9255
9255
  },
9256
- "tagName": "template-condition-builder",
9256
+ "tagName": "parameter-builder",
9257
9257
  "customElement": true
9258
9258
  }
9259
9259
  ],
9260
9260
  "exports": [
9261
9261
  {
9262
9262
  "kind": "js",
9263
- "name": "TemplateConditionBuilder",
9263
+ "name": "ParameterBuilder",
9264
9264
  "declaration": {
9265
- "name": "TemplateConditionBuilder",
9266
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts"
9265
+ "name": "ParameterBuilder",
9266
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
9267
9267
  }
9268
9268
  },
9269
9269
  {
9270
9270
  "kind": "custom-element-definition",
9271
- "name": "template-condition-builder",
9271
+ "name": "parameter-builder",
9272
9272
  "declaration": {
9273
- "name": "TemplateConditionBuilder",
9274
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts"
9273
+ "name": "ParameterBuilder",
9274
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
9275
9275
  }
9276
9276
  }
9277
9277
  ]