@genesislcap/pbc-notify-ui 15.66.0 → 15.68.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/custom-elements.json +556 -402
  2. package/dist/dts/components/foundation-inbox/inbox-base/inbox-base.d.ts +5 -0
  3. package/dist/dts/components/foundation-inbox/inbox-base/inbox-base.d.ts.map +1 -1
  4. package/dist/dts/components/foundation-sounds/foundation-sounds-panel.styles.d.ts.map +1 -1
  5. package/dist/dts/react.d.ts +19 -19
  6. package/dist/esm/components/foundation-inbox/inbox-base/inbox-base.js +12 -4
  7. package/dist/esm/components/foundation-inbox/inbox.styles.js +3 -3
  8. package/dist/esm/components/foundation-inbox/inbox.template.js +1 -1
  9. package/dist/esm/components/foundation-sounds/foundation-sounds-panel.styles.js +1 -3
  10. package/dist/pbc-notify-ui.d.ts +5 -0
  11. package/dist/react.cjs +10 -10
  12. package/dist/react.mjs +8 -8
  13. package/package.json +22 -22
package/dist/custom-elements.json CHANGED
@@ -505,6 +505,27 @@
505
505
  }
506
506
  ]
507
507
  },
508
+ {
509
+ "kind": "javascript-module",
510
+ "path": "src/styles/scrollbar.styles.ts",
511
+ "declarations": [
512
+ {
513
+ "kind": "variable",
514
+ "name": "scrollbarStyles",
515
+ "default": "css`\n ::-webkit-scrollbar {\n width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n }\n\n ::-webkit-scrollbar-track {\n background: var(--neutral-layer-1);\n }\n\n ::-webkit-scrollbar-thumb {\n background: var(--neutral-fill-rest);\n }\n`"
516
+ }
517
+ ],
518
+ "exports": [
519
+ {
520
+ "kind": "js",
521
+ "name": "scrollbarStyles",
522
+ "declaration": {
523
+ "name": "scrollbarStyles",
524
+ "module": "src/styles/scrollbar.styles.ts"
525
+ }
526
+ }
527
+ ]
528
+ },
508
529
  {
509
530
  "kind": "javascript-module",
510
531
  "path": "src/utils/eventDetail.ts",
@@ -826,27 +847,6 @@
826
847
  }
827
848
  ]
828
849
  },
829
- {
830
- "kind": "javascript-module",
831
- "path": "src/styles/scrollbar.styles.ts",
832
- "declarations": [
833
- {
834
- "kind": "variable",
835
- "name": "scrollbarStyles",
836
- "default": "css`\n ::-webkit-scrollbar {\n width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n }\n\n ::-webkit-scrollbar-track {\n background: var(--neutral-layer-1);\n }\n\n ::-webkit-scrollbar-thumb {\n background: var(--neutral-fill-rest);\n }\n`"
837
- }
838
- ],
839
- "exports": [
840
- {
841
- "kind": "js",
842
- "name": "scrollbarStyles",
843
- "declaration": {
844
- "name": "scrollbarStyles",
845
- "module": "src/styles/scrollbar.styles.ts"
846
- }
847
- }
848
- ]
849
- },
850
850
  {
851
851
  "kind": "javascript-module",
852
852
  "path": "src/components/foundation-inbox/inbox.styles.ts",
@@ -854,7 +854,7 @@
854
854
  {
855
855
  "kind": "variable",
856
856
  "name": "inboxHeader",
857
- "default": "css`\n .inbox-header {\n display: flex;\n flex: 0;\n align-items: center;\n justify-content: space-between;\n padding: calc(var(--design-unit) * 3px) calc(var(--design-unit) * 3px);\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .inbox-header-title {\n font-size: calc(var(--design-unit) * 4px);\n font-weight: 700;\n padding: 0;\n margin: 0 auto 0 0;\n }\n\n .inbox-header-close {\n text-align: center;\n min-width: 30px;\n height: 30px;\n }\n\n .inbox-header-close::part(control) {\n padding: 0;\n margin: 0;\n }\n\n .inbox-header-close::part(start) {\n margin-inline-end: 0;\n }\n`"
857
+ "default": "css`\n .inbox-header {\n display: flex;\n flex: 0;\n align-items: center;\n justify-content: space-between;\n padding: calc(var(--design-unit) * 3px);\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .inbox-header-title {\n font-size: calc(var(--design-unit) * 4px);\n font-weight: 700;\n padding: 0;\n margin: 0 auto 0 0;\n }\n\n .inbox-header-close {\n text-align: center;\n min-width: 30px;\n height: 30px;\n }\n\n .inbox-header-close::part(control) {\n padding: 0;\n margin: 0;\n }\n\n .inbox-header-close::part(start) {\n margin-inline-end: 0;\n }\n`"
858
858
  },
859
859
  {
860
860
  "kind": "variable",
@@ -972,6 +972,7 @@
972
972
  "customElement": true,
973
973
  "attributes": [
974
974
  {
975
+ "name": "hide-severity-filter",
975
976
  "type": {
976
977
  "text": "boolean"
977
978
  },
@@ -982,6 +983,58 @@
982
983
  "name": "FoundationInboxBase",
983
984
  "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
984
985
  }
986
+ },
987
+ {
988
+ "name": "hide-date-range",
989
+ "type": {
990
+ "text": "boolean"
991
+ },
992
+ "default": "false",
993
+ "description": "Hide the Date Range filter block in the search bar. Set via the `hide-date-range`\nattribute or property. @public",
994
+ "fieldName": "hideDateRange",
995
+ "inheritedFrom": {
996
+ "name": "FoundationInboxBase",
997
+ "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
998
+ }
999
+ },
1000
+ {
1001
+ "name": "hide-title-search",
1002
+ "type": {
1003
+ "text": "boolean"
1004
+ },
1005
+ "default": "false",
1006
+ "description": "Hide the Search-by-Title field in the search bar. Set via the `hide-title-search`\nattribute or property. @public",
1007
+ "fieldName": "hideTitleSearch",
1008
+ "inheritedFrom": {
1009
+ "name": "FoundationInboxBase",
1010
+ "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
1011
+ }
1012
+ },
1013
+ {
1014
+ "name": "hide-body-search",
1015
+ "type": {
1016
+ "text": "boolean"
1017
+ },
1018
+ "default": "false",
1019
+ "description": "Hide the Search-by-Body field in the search bar. Set via the `hide-body-search`\nattribute or property. @public",
1020
+ "fieldName": "hideBodySearch",
1021
+ "inheritedFrom": {
1022
+ "name": "FoundationInboxBase",
1023
+ "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
1024
+ }
1025
+ },
1026
+ {
1027
+ "name": "hide-clear-all",
1028
+ "type": {
1029
+ "text": "boolean"
1030
+ },
1031
+ "default": "false",
1032
+ "description": "Hide the Clear All Alerts button on the Alerts tab. Set via the `hide-clear-all`\nattribute or property. Per-item dismiss is unchanged. @public",
1033
+ "fieldName": "hideClearAll",
1034
+ "inheritedFrom": {
1035
+ "name": "FoundationInboxBase",
1036
+ "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
1037
+ }
985
1038
  }
986
1039
  ],
987
1040
  "members": [
@@ -1144,6 +1197,19 @@
1144
1197
  "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
1145
1198
  }
1146
1199
  },
1200
+ {
1201
+ "kind": "field",
1202
+ "name": "hideClearAll",
1203
+ "type": {
1204
+ "text": "boolean"
1205
+ },
1206
+ "default": "false",
1207
+ "description": "Hide the Clear All Alerts button on the Alerts tab. Set via the `hide-clear-all`\nattribute or property. Per-item dismiss is unchanged. @public",
1208
+ "inheritedFrom": {
1209
+ "name": "FoundationInboxBase",
1210
+ "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
1211
+ }
1212
+ },
1147
1213
  {
1148
1214
  "kind": "field",
1149
1215
  "name": "onAlertClick",
@@ -3673,7 +3739,7 @@
3673
3739
  {
3674
3740
  "kind": "variable",
3675
3741
  "name": "FoundationSoundsPanelStyles",
3676
- "default": "css`\n :host {\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 0;\n width: 100%;\n }\n\n .sounds-controls {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n gap: 12px;\n padding: calc(var(--design-unit) * 3px);\n box-sizing: border-box;\n }\n\n .sounds-help-disclosure {\n flex: 0 0 auto;\n }\n\n .sounds-help-toggle {\n margin-inline-start: calc(var(--design-unit) * 1px);\n }\n\n .sounds-help-toggle::before {\n content: '+';\n }\n\n .sounds-help-disclosure[expanded] .sounds-help-toggle::before {\n content: '−';\n }\n\n .sounds-help {\n margin: 0;\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n text-align: left;\n }\n\n .volume-row {\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n gap: calc(var(--design-unit) * 2px);\n min-width: 0;\n }\n\n .volume-icon {\n flex: 0 0 auto;\n }\n\n .volume-label {\n flex: 0 0 auto;\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n }\n\n .volume-slider {\n flex: 1 1 auto;\n min-width: 0;\n }\n\n .volume-percent {\n flex: 0 0 auto;\n min-width: 3ch;\n text-align: end;\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n }\n\n .mute-all {\n flex: 0 0 auto;\n margin: 0;\n }\n\n .sound-rules-panel {\n flex: 1 1 auto;\n min-height: 0;\n overflow: auto;\n }\n\n .sound-rules {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .sound-rule {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 12px;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n\n /* Keep absolute listboxes from being clipped by the card itself. */\n overflow: visible;\n }\n\n .sound-rule-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-weight: 700;\n font-size: var(--type-ramp-minus-1-font-size);\n }\n\n .sound-rule-actions {\n display: flex;\n align-items: center;\n gap: 2px;\n }\n\n .sound-rule-label {\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n }\n\n .pattern-input,\n .match-mode-select,\n .rule-select,\n .sound-file-input {\n width: 100%;\n }\n\n /*\n * Anchor the listbox to the select host and use position:fixed so it escapes\n * .sound-rules-panel overflow:auto (and the rule card). Each select sets a\n * unique --sounds-select-anchor / anchor-name via inline style.\n * !important beats FAST's internal absolute top/bottom for [open] selects.\n */\n .match-mode-select[open]::part(listbox),\n .rule-select[open]::part(listbox) {\n position: fixed !important;\n /* stylelint-disable-next-line property-no-unknown -- CSS anchor positioning */\n position-anchor: var(--sounds-select-anchor);\n inset: auto !important;\n top: anchor(bottom) !important;\n left: anchor(left) !important;\n right: anchor(right) !important;\n bottom: auto !important;\n width: auto !important;\n margin-top: calc(var(--design-unit) * 1px);\n z-index: 10000;\n max-height: min(240px, 40vh);\n overflow-x: hidden;\n overflow-y: auto;\n box-shadow: 0 4px 16px rgb(0 0 0 / 24%);\n }\n\n .match-mode-select[open][position='above']::part(listbox),\n .rule-select[open][position='above']::part(listbox) {\n top: auto !important;\n bottom: anchor(top) !important;\n margin-top: 0;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .sound-file-row {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .sound-file-row .sound-file-input {\n flex: 1;\n min-width: 0;\n }\n\n .choose-sound {\n cursor: pointer;\n }\n\n .sound-rules-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex: 0 0 auto;\n gap: 8px;\n }\n\n .rule-count {\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n }\n\n .file-input {\n display: none;\n }\n\n ${scrollbarStyles}\n`"
3742
+ "default": "css`\n :host {\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 0;\n width: 100%;\n }\n\n .sounds-controls {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n gap: 12px;\n padding: calc(var(--design-unit) * 3px);\n box-sizing: border-box;\n }\n\n .sounds-help-disclosure {\n flex: 0 0 auto;\n }\n\n .sounds-help-toggle {\n margin-inline-start: calc(var(--design-unit) * 1px);\n }\n\n .sounds-help-toggle::before {\n content: '+';\n }\n\n .sounds-help-disclosure[expanded] .sounds-help-toggle::before {\n content: '−';\n }\n\n .sounds-help {\n margin: 0;\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n text-align: left;\n }\n\n .volume-row {\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n gap: calc(var(--design-unit) * 2px);\n min-width: 0;\n }\n\n .volume-icon {\n flex: 0 0 auto;\n }\n\n .volume-label {\n flex: 0 0 auto;\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n }\n\n .volume-slider {\n flex: 1 1 auto;\n min-width: 0;\n }\n\n .volume-percent {\n flex: 0 0 auto;\n min-width: 3ch;\n text-align: end;\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n }\n\n .mute-all {\n flex: 0 0 auto;\n margin: 0;\n }\n\n .sound-rules-panel {\n flex: 1 1 auto;\n min-height: 0;\n overflow: auto;\n }\n\n .sound-rules {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .sound-rule {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 12px;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n\n /* Keep absolute listboxes from being clipped by the card itself. */\n overflow: visible;\n }\n\n .sound-rule-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-weight: 700;\n font-size: var(--type-ramp-minus-1-font-size);\n }\n\n .sound-rule-actions {\n display: flex;\n align-items: center;\n gap: 2px;\n }\n\n .sound-rule-label {\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n }\n\n .pattern-input,\n .match-mode-select,\n .rule-select,\n .sound-file-input {\n width: 100%;\n }\n\n /*\n * Anchor the listbox to the select host and use position:fixed so it escapes\n * .sound-rules-panel overflow:auto (and the rule card). Each select sets a\n * unique --sounds-select-anchor / anchor-name via inline style.\n * !important beats FAST's internal absolute top/bottom for [open] selects.\n */\n .match-mode-select[open]::part(listbox),\n .rule-select[open]::part(listbox) {\n position: fixed !important;\n /* stylelint-disable-next-line property-no-unknown -- CSS anchor positioning */\n position-anchor: var(--sounds-select-anchor);\n inset: auto !important;\n top: anchor(bottom) !important;\n left: anchor(left) !important;\n right: anchor(right) !important;\n width: auto !important;\n margin-top: calc(var(--design-unit) * 1px);\n z-index: 10000;\n max-height: min(240px, 40vh);\n overflow: hidden auto;\n box-shadow: 0 4px 16px rgb(0 0 0 / 24%);\n }\n\n .match-mode-select[open][position='above']::part(listbox),\n .rule-select[open][position='above']::part(listbox) {\n top: auto !important;\n bottom: anchor(top) !important;\n margin-top: 0;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .sound-file-row {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .sound-file-row .sound-file-input {\n flex: 1;\n min-width: 0;\n }\n\n .choose-sound {\n cursor: pointer;\n }\n\n .sound-rules-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex: 0 0 auto;\n gap: 8px;\n }\n\n .rule-count {\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-hint);\n }\n\n .file-input {\n display: none;\n }\n\n ${scrollbarStyles}\n`"
3677
3743
  }
3678
3744
  ],
3679
3745
  "exports": [
@@ -4412,6 +4478,15 @@
4412
4478
  "default": "false",
4413
4479
  "description": "Hide the Search-by-Body field in the search bar. Set via the `hide-body-search`\nattribute or property. @public"
4414
4480
  },
4481
+ {
4482
+ "kind": "field",
4483
+ "name": "hideClearAll",
4484
+ "type": {
4485
+ "text": "boolean"
4486
+ },
4487
+ "default": "false",
4488
+ "description": "Hide the Clear All Alerts button on the Alerts tab. Set via the `hide-clear-all`\nattribute or property. Per-item dismiss is unchanged. @public"
4489
+ },
4415
4490
  {
4416
4491
  "kind": "field",
4417
4492
  "name": "onAlertClick",
@@ -5158,6 +5233,7 @@
5158
5233
  ],
5159
5234
  "attributes": [
5160
5235
  {
5236
+ "name": "hide-severity-filter",
5161
5237
  "type": {
5162
5238
  "text": "boolean"
5163
5239
  },
@@ -5166,6 +5242,7 @@
5166
5242
  "fieldName": "hideSeverityFilter"
5167
5243
  },
5168
5244
  {
5245
+ "name": "hide-date-range",
5169
5246
  "type": {
5170
5247
  "text": "boolean"
5171
5248
  },
@@ -5174,6 +5251,7 @@
5174
5251
  "fieldName": "hideDateRange"
5175
5252
  },
5176
5253
  {
5254
+ "name": "hide-title-search",
5177
5255
  "type": {
5178
5256
  "text": "boolean"
5179
5257
  },
@@ -5182,12 +5260,22 @@
5182
5260
  "fieldName": "hideTitleSearch"
5183
5261
  },
5184
5262
  {
5263
+ "name": "hide-body-search",
5185
5264
  "type": {
5186
5265
  "text": "boolean"
5187
5266
  },
5188
5267
  "default": "false",
5189
5268
  "description": "Hide the Search-by-Body field in the search bar. Set via the `hide-body-search`\nattribute or property. @public",
5190
5269
  "fieldName": "hideBodySearch"
5270
+ },
5271
+ {
5272
+ "name": "hide-clear-all",
5273
+ "type": {
5274
+ "text": "boolean"
5275
+ },
5276
+ "default": "false",
5277
+ "description": "Hide the Clear All Alerts button on the Alerts tab. Set via the `hide-clear-all`\nattribute or property. Per-item dismiss is unchanged. @public",
5278
+ "fieldName": "hideClearAll"
5191
5279
  }
5192
5280
  ],
5193
5281
  "superclass": {
@@ -5896,149 +5984,6 @@
5896
5984
  }
5897
5985
  ]
5898
5986
  },
5899
- {
5900
- "kind": "javascript-module",
5901
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
5902
- "declarations": [
5903
- {
5904
- "kind": "variable",
5905
- "name": "noItemsClass",
5906
- "type": {
5907
- "text": "string"
5908
- },
5909
- "default": "'no-items'",
5910
- "description": "Class to use when there are no items"
5911
- },
5912
- {
5913
- "kind": "variable",
5914
- "name": "FoundationInboxCounterStyles",
5915
- "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`"
5916
- }
5917
- ],
5918
- "exports": [
5919
- {
5920
- "kind": "js",
5921
- "name": "noItemsClass",
5922
- "declaration": {
5923
- "name": "noItemsClass",
5924
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
5925
- }
5926
- },
5927
- {
5928
- "kind": "js",
5929
- "name": "FoundationInboxCounterStyles",
5930
- "declaration": {
5931
- "name": "FoundationInboxCounterStyles",
5932
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
5933
- }
5934
- }
5935
- ]
5936
- },
5937
- {
5938
- "kind": "javascript-module",
5939
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
5940
- "declarations": [
5941
- {
5942
- "kind": "variable",
5943
- "name": "FoundationInboxCounterTemplate",
5944
- "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`"
5945
- }
5946
- ],
5947
- "exports": [
5948
- {
5949
- "kind": "js",
5950
- "name": "FoundationInboxCounterTemplate",
5951
- "declaration": {
5952
- "name": "FoundationInboxCounterTemplate",
5953
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
5954
- }
5955
- }
5956
- ]
5957
- },
5958
- {
5959
- "kind": "javascript-module",
5960
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
5961
- "declarations": [
5962
- {
5963
- "kind": "class",
5964
- "description": "",
5965
- "name": "FoundationInboxCounter",
5966
- "members": [
5967
- {
5968
- "kind": "field",
5969
- "name": "value",
5970
- "type": {
5971
- "text": "number"
5972
- },
5973
- "default": "0"
5974
- },
5975
- {
5976
- "kind": "field",
5977
- "name": "connect",
5978
- "type": {
5979
- "text": "Connect"
5980
- }
5981
- },
5982
- {
5983
- "kind": "field",
5984
- "name": "inboxService",
5985
- "type": {
5986
- "text": "FoundationInboxService"
5987
- }
5988
- },
5989
- {
5990
- "kind": "field",
5991
- "name": "connectionSub",
5992
- "type": {
5993
- "text": "Subscription"
5994
- },
5995
- "privacy": "private"
5996
- },
5997
- {
5998
- "kind": "method",
5999
- "name": "subscribeToAlerts",
6000
- "privacy": "private",
6001
- "return": {
6002
- "type": {
6003
- "text": "Promise<void>"
6004
- }
6005
- },
6006
- "description": "Subscribes to alerts from the inbox service"
6007
- },
6008
- {
6009
- "kind": "field",
6010
- "name": "subscriptionHandler",
6011
- "privacy": "private",
6012
- "description": "Handles subscription updates from the inbox service"
6013
- }
6014
- ],
6015
- "superclass": {
6016
- "name": "GenesisElement",
6017
- "package": "@genesislcap/web-core"
6018
- },
6019
- "tagName": "foundation-inbox-counter",
6020
- "customElement": true
6021
- }
6022
- ],
6023
- "exports": [
6024
- {
6025
- "kind": "js",
6026
- "name": "FoundationInboxCounter",
6027
- "declaration": {
6028
- "name": "FoundationInboxCounter",
6029
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
6030
- }
6031
- },
6032
- {
6033
- "kind": "custom-element-definition",
6034
- "name": "foundation-inbox-counter",
6035
- "declaration": {
6036
- "name": "FoundationInboxCounter",
6037
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
6038
- }
6039
- }
6040
- ]
6041
- },
6042
5987
  {
6043
5988
  "kind": "javascript-module",
6044
5989
  "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
@@ -6288,11 +6233,24 @@
6288
6233
  },
6289
6234
  {
6290
6235
  "kind": "field",
6291
- "name": "onAlertClick",
6236
+ "name": "hideClearAll",
6292
6237
  "type": {
6293
- "text": "((alert: Alert) => void) | undefined"
6238
+ "text": "boolean"
6294
6239
  },
6295
- "default": "undefined",
6240
+ "default": "false",
6241
+ "description": "Hide the Clear All Alerts button on the Alerts tab. Set via the `hide-clear-all`\nattribute or property. Per-item dismiss is unchanged. @public",
6242
+ "inheritedFrom": {
6243
+ "name": "FoundationInboxBase",
6244
+ "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
6245
+ }
6246
+ },
6247
+ {
6248
+ "kind": "field",
6249
+ "name": "onAlertClick",
6250
+ "type": {
6251
+ "text": "((alert: Alert) => void) | undefined"
6252
+ },
6253
+ "default": "undefined",
6296
6254
  "description": "Optional click handler for an alert row, fired with the clicked alert so consumers can open\nthe related record. Interactive elements inside a custom renderAlert template should\ncall `event.stopPropagation()` to avoid triggering this. @public",
6297
6255
  "inheritedFrom": {
6298
6256
  "name": "FoundationInboxBase",
@@ -7338,6 +7296,7 @@
7338
7296
  "customElement": true,
7339
7297
  "attributes": [
7340
7298
  {
7299
+ "name": "hide-severity-filter",
7341
7300
  "type": {
7342
7301
  "text": "boolean"
7343
7302
  },
@@ -7348,6 +7307,58 @@
7348
7307
  "name": "FoundationInboxBase",
7349
7308
  "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
7350
7309
  }
7310
+ },
7311
+ {
7312
+ "name": "hide-date-range",
7313
+ "type": {
7314
+ "text": "boolean"
7315
+ },
7316
+ "default": "false",
7317
+ "description": "Hide the Date Range filter block in the search bar. Set via the `hide-date-range`\nattribute or property. @public",
7318
+ "fieldName": "hideDateRange",
7319
+ "inheritedFrom": {
7320
+ "name": "FoundationInboxBase",
7321
+ "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
7322
+ }
7323
+ },
7324
+ {
7325
+ "name": "hide-title-search",
7326
+ "type": {
7327
+ "text": "boolean"
7328
+ },
7329
+ "default": "false",
7330
+ "description": "Hide the Search-by-Title field in the search bar. Set via the `hide-title-search`\nattribute or property. @public",
7331
+ "fieldName": "hideTitleSearch",
7332
+ "inheritedFrom": {
7333
+ "name": "FoundationInboxBase",
7334
+ "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
7335
+ }
7336
+ },
7337
+ {
7338
+ "name": "hide-body-search",
7339
+ "type": {
7340
+ "text": "boolean"
7341
+ },
7342
+ "default": "false",
7343
+ "description": "Hide the Search-by-Body field in the search bar. Set via the `hide-body-search`\nattribute or property. @public",
7344
+ "fieldName": "hideBodySearch",
7345
+ "inheritedFrom": {
7346
+ "name": "FoundationInboxBase",
7347
+ "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
7348
+ }
7349
+ },
7350
+ {
7351
+ "name": "hide-clear-all",
7352
+ "type": {
7353
+ "text": "boolean"
7354
+ },
7355
+ "default": "false",
7356
+ "description": "Hide the Clear All Alerts button on the Alerts tab. Set via the `hide-clear-all`\nattribute or property. Per-item dismiss is unchanged. @public",
7357
+ "fieldName": "hideClearAll",
7358
+ "inheritedFrom": {
7359
+ "name": "FoundationInboxBase",
7360
+ "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
7361
+ }
7351
7362
  }
7352
7363
  ]
7353
7364
  }
@@ -7371,6 +7382,149 @@
7371
7382
  }
7372
7383
  ]
7373
7384
  },
7385
+ {
7386
+ "kind": "javascript-module",
7387
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
7388
+ "declarations": [
7389
+ {
7390
+ "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`"
7402
+ }
7403
+ ],
7404
+ "exports": [
7405
+ {
7406
+ "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",
7416
+ "declaration": {
7417
+ "name": "FoundationInboxCounterStyles",
7418
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
7419
+ }
7420
+ }
7421
+ ]
7422
+ },
7423
+ {
7424
+ "kind": "javascript-module",
7425
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
7426
+ "declarations": [
7427
+ {
7428
+ "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`"
7431
+ }
7432
+ ],
7433
+ "exports": [
7434
+ {
7435
+ "kind": "js",
7436
+ "name": "FoundationInboxCounterTemplate",
7437
+ "declaration": {
7438
+ "name": "FoundationInboxCounterTemplate",
7439
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
7440
+ }
7441
+ }
7442
+ ]
7443
+ },
7444
+ {
7445
+ "kind": "javascript-module",
7446
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
7447
+ "declarations": [
7448
+ {
7449
+ "kind": "class",
7450
+ "description": "",
7451
+ "name": "FoundationInboxCounter",
7452
+ "members": [
7453
+ {
7454
+ "kind": "field",
7455
+ "name": "value",
7456
+ "type": {
7457
+ "text": "number"
7458
+ },
7459
+ "default": "0"
7460
+ },
7461
+ {
7462
+ "kind": "field",
7463
+ "name": "connect",
7464
+ "type": {
7465
+ "text": "Connect"
7466
+ }
7467
+ },
7468
+ {
7469
+ "kind": "field",
7470
+ "name": "inboxService",
7471
+ "type": {
7472
+ "text": "FoundationInboxService"
7473
+ }
7474
+ },
7475
+ {
7476
+ "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
+ },
7374
7528
  {
7375
7529
  "kind": "javascript-module",
7376
7530
  "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts",
@@ -10267,270 +10421,56 @@
10267
10421
  },
10268
10422
  {
10269
10423
  "kind": "javascript-module",
10270
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts",
10271
- "declarations": [
10272
- {
10273
- "kind": "variable",
10274
- "name": "ParameterBuilderStyles",
10275
- "default": "css`\n .parameter-builder {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n rapid-button {\n margin: 0;\n }\n\n .delete {\n margin: 0;\n display: flex;\n justify-content: center;\n height: calc(var(--design-unit) * 9px);\n }\n\n .delete:hover {\n background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n }\n\n rapid-text-field {\n width: 100%;\n margin-bottom: 0;\n }\n\n rapid-text-field::part(root) {\n height: calc(var(--design-unit) * 9px);\n }\n\n rapid-select {\n min-width: auto;\n }\n\n rapid-select.param-type::part(control) {\n width: 115px;\n }\n\n rapid-select.param-source-type::part(control) {\n width: 160px;\n }\n\n rapid-select.param-source::part(control) {\n width: ${PARAM_SOURCE_WIDTH}px;\n }\n\n rapid-text-field.param-source::part(root) {\n width: calc(${PARAM_SOURCE_WIDTH}px + 2px);\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n`"
10276
- }
10277
- ],
10278
- "exports": [
10279
- {
10280
- "kind": "js",
10281
- "name": "ParameterBuilderStyles",
10282
- "declaration": {
10283
- "name": "ParameterBuilderStyles",
10284
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts"
10285
- }
10286
- }
10287
- ]
10288
- },
10289
- {
10290
- "kind": "javascript-module",
10291
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts",
10424
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
10292
10425
  "declarations": [
10293
10426
  {
10294
10427
  "kind": "variable",
10295
- "name": "ParameterBuilderTemplate",
10296
- "default": "html<ParameterBuilder>`\n <div class=\"parameter-builder\">\n <rapid-text-field\n id=\"param-name\"\n placeholder=\"Name\"\n :value=${sync((x) => x.name)}\n ></rapid-text-field>\n\n <rapid-text-field\n id=\"param-label\"\n placeholder=\"Label\"\n :value=${sync((x) => x.label)}\n ></rapid-text-field>\n\n <rapid-select\n id=\"param-source-type\"\n :value=${sync((x) => x.sourceType)}\n class=\"param-source-type\"\n >\n ${repeat(\n (x) => ALL_PARAM_SOURCE_TYPES,\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n\n ${when(\n (x) => x.sourceType === PARAM_SOURCE_TYPE_USER_TEXT,\n html<ParameterBuilder>`\n <rapid-text-field class=\"param-source\" disabled></rapid-text-field>\n `,\n )}\n ${when(\n (x) => x.sourceType === PARAM_SOURCE_TYPE_REQ_REP,\n html<ParameterBuilder>`\n <rapid-select\n ${ref('sourceSelect')}\n id=\"param-source\"\n :value=${sync((x) => x.sourceSelected)}\n class=\"param-source\"\n ?disabled=${(x) => x.sourceType !== PARAM_SOURCE_TYPE_REQ_REP}\n >\n ${repeat(\n (x) => x.reqRepItems,\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n `,\n )}\n ${when(\n (x) => x.sourceType === PARAM_SOURCE_TYPE_DEFINED_GROUP,\n html<ParameterBuilder>`\n <rapid-text-field\n ${ref('sourceTextField')}\n class=\"param-source\"\n placeholder=\"item1,item2,item3\"\n :value=${sync((x) => x.sourceTyped)}\n ></rapid-text-field>\n `,\n )}\n\n <rapid-select id=\"param-type\" :value=${sync((x) => x.type)} class=\"param-type\">\n ${repeat(\n (x) => ALL_PARAM_TYPES,\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n\n <rapid-button appearance=\"icon\" class=\"delete\" @click=${(x) => x.deleteParameter()}>\n <rapid-icon\n style=\"opacity: 0.5\"\n variant=\"regular\"\n name=\"trash-alt\"\n size=\"lg\"\n part=\"icon\"\n ></rapid-icon>\n </rapid-button>\n </div>\n`"
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`"
10297
10430
  }
10298
10431
  ],
10299
10432
  "exports": [
10300
10433
  {
10301
10434
  "kind": "js",
10302
- "name": "ParameterBuilderTemplate",
10435
+ "name": "TemplateConditionBuilderTemplate",
10303
10436
  "declaration": {
10304
- "name": "ParameterBuilderTemplate",
10305
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"
10437
+ "name": "TemplateConditionBuilderTemplate",
10438
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
10306
10439
  }
10307
10440
  }
10308
10441
  ]
10309
10442
  },
10310
10443
  {
10311
10444
  "kind": "javascript-module",
10312
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts",
10445
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts",
10313
10446
  "declarations": [
10314
10447
  {
10315
10448
  "kind": "class",
10316
- "description": "Parameter builder for notification templates.",
10317
- "name": "ParameterBuilder",
10449
+ "description": "Condition builder for template notification rules.",
10450
+ "name": "TemplateConditionBuilder",
10318
10451
  "members": [
10319
10452
  {
10320
10453
  "kind": "field",
10321
- "name": "parameter",
10454
+ "name": "condition",
10322
10455
  "type": {
10323
- "text": "ParameterBuilderEntity"
10456
+ "text": "ConditionBuilderEntity"
10324
10457
  }
10325
10458
  },
10326
10459
  {
10327
10460
  "kind": "field",
10328
- "name": "name",
10461
+ "name": "parameters",
10329
10462
  "type": {
10330
- "text": "string"
10331
- }
10463
+ "text": "Array<ParameterBuilderEntity>"
10464
+ },
10465
+ "default": "[]"
10332
10466
  },
10333
10467
  {
10334
10468
  "kind": "field",
10335
- "name": "label",
10469
+ "name": "fields",
10336
10470
  "type": {
10337
- "text": "string"
10338
- }
10339
- },
10340
- {
10341
- "kind": "field",
10342
- "name": "type",
10343
- "type": {
10344
- "text": "string"
10345
- }
10346
- },
10347
- {
10348
- "kind": "field",
10349
- "name": "sourceType",
10350
- "type": {
10351
- "text": "string"
10352
- }
10353
- },
10354
- {
10355
- "kind": "field",
10356
- "name": "sourceSelected",
10357
- "type": {
10358
- "text": "string"
10359
- }
10360
- },
10361
- {
10362
- "kind": "field",
10363
- "name": "sourceTyped",
10364
- "type": {
10365
- "text": "string"
10366
- }
10367
- },
10368
- {
10369
- "kind": "field",
10370
- "name": "sourceTextField",
10371
- "type": {
10372
- "text": "TextField"
10373
- }
10374
- },
10375
- {
10376
- "kind": "field",
10377
- "name": "sourceSelect",
10378
- "type": {
10379
- "text": "Select"
10380
- }
10381
- },
10382
- {
10383
- "kind": "field",
10384
- "name": "reqRepItems",
10385
- "type": {
10386
- "text": "array"
10387
- },
10388
- "default": "['REQUEST_1', 'REQUEST_2', 'REQUEST_3']"
10389
- },
10390
- {
10391
- "kind": "method",
10392
- "name": "deleteParameter"
10393
- },
10394
- {
10395
- "kind": "method",
10396
- "name": "parameterChanged"
10397
- },
10398
- {
10399
- "kind": "method",
10400
- "name": "nameChanged"
10401
- },
10402
- {
10403
- "kind": "method",
10404
- "name": "labelChanged"
10405
- },
10406
- {
10407
- "kind": "method",
10408
- "name": "typeChanged"
10409
- },
10410
- {
10411
- "kind": "method",
10412
- "name": "sourceTypeChanged"
10413
- },
10414
- {
10415
- "kind": "method",
10416
- "name": "sourceSelectedChanged"
10417
- },
10418
- {
10419
- "kind": "method",
10420
- "name": "sourceTypedChanged"
10421
- },
10422
- {
10423
- "kind": "method",
10424
- "name": "genericChanged",
10425
- "privacy": "private",
10426
- "parameters": [
10427
- {
10428
- "name": "parameterAttribute"
10429
- },
10430
- {
10431
- "name": "value"
10432
- }
10433
- ]
10434
- }
10435
- ],
10436
- "events": [
10437
- {
10438
- "description": "Fired when a parameter is deleted. detail: `ParameterBuilderEntity`",
10439
- "name": "delete"
10440
- },
10441
- {
10442
- "description": "Fired when a parameter is edited. detail: `ParameterBuilderEntity`",
10443
- "name": "edit"
10444
- }
10445
- ],
10446
- "attributes": [
10447
- {
10448
- "name": "parameter",
10449
- "type": {
10450
- "text": "ParameterBuilderEntity"
10451
- },
10452
- "fieldName": "parameter"
10453
- }
10454
- ],
10455
- "superclass": {
10456
- "name": "GenesisElement",
10457
- "package": "@genesislcap/web-core"
10458
- },
10459
- "tagName": "parameter-builder",
10460
- "customElement": true
10461
- }
10462
- ],
10463
- "exports": [
10464
- {
10465
- "kind": "js",
10466
- "name": "ParameterBuilder",
10467
- "declaration": {
10468
- "name": "ParameterBuilder",
10469
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
10470
- }
10471
- },
10472
- {
10473
- "kind": "custom-element-definition",
10474
- "name": "parameter-builder",
10475
- "declaration": {
10476
- "name": "ParameterBuilder",
10477
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
10478
- }
10479
- }
10480
- ]
10481
- },
10482
- {
10483
- "kind": "javascript-module",
10484
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
10485
- "declarations": [
10486
- {
10487
- "kind": "variable",
10488
- "name": "TemplateConditionBuilderTemplate",
10489
- "default": "html<TemplateConditionBuilder>`\n ${when(\n (x) => !x.isFirst,\n html`\n <div class=\"join-toggle-row\">\n <div class=\"join-toggle\">\n <span\n class=\"join-text${(x) => classNames(['active', x.joinOperator === 'AND'])}\"\n @click=${(x) => (x.joinOperator = 'AND')}\n >\n AND\n </span>\n <span\n class=\"join-text${(x) => classNames(['active', x.joinOperator === 'OR'])}\"\n @click=${(x) => (x.joinOperator = 'OR')}\n >\n OR\n </span>\n </div>\n </div>\n `,\n )}\n <div class=\"condition-builder\">\n <rapid-select\n :value=${sync((x) => x.leftValue)}\n :initialValue=${sync((x) => x.leftValue)}\n class=\"left-value\"\n >\n ${repeat(\n (x) => x.leftValueItems,\n html<Field>`\n <rapid-option value=${(x) => JSON.stringify(x)}>${(x) => x.FIELD_NAME}</rapid-option>\n `,\n )}\n </rapid-select>\n\n <rapid-select\n class=\"logical-operator${(x) =>\n classNames([\n '-null-and-blank',\n nullAndBlankLogicalOperatorValues.includes(LogicalOperator[x.logicalOperator]),\n ])}\"\n :value=${sync((x) => x.logicalOperator)}\n >\n ${repeat(\n (_) => Object.values(LogicalOperator),\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n\n ${when(\n (x) => !nullAndBlankLogicalOperatorValues.includes(LogicalOperator[x.logicalOperator]),\n html`\n <rapid-select class=\"right-criteria\" :value=${sync((x) => x.rightCriteria)}>\n ${repeat(\n (x) => x.rightCriteriaOptions,\n html`\n <rapid-option value=${(x) => x}>${(x) => rightCriteriaLabel(x)}</rapid-option>\n `,\n )}\n </rapid-select>\n\n ${when(\n (x) => x.rightCriteria === RightCriteria.VALUE,\n html<TemplateConditionBuilder>`\n ${whenElse(\n (x) => JSON.parse(x.leftValue ?? '{}').FIELD_TYPE === FieldTypeEnum.BOOLEAN,\n html`\n <rapid-select class=\"right-criteria-select\" :value=${sync((x) => x.rightValueText)}>\n <rapid-option value=\"true\">true</rapid-option>\n <rapid-option value=\"false\">false</rapid-option>\n </rapid-select>\n `,\n html`\n ${whenElse(\n (x) => JSON.parse(x.leftValue ?? '{}').FIELD_TYPE === 'ENUM',\n html`\n <rapid-multiselect\n class=\"right-criteria-select\"\n :selectedOptions=${(x) => x.rightValueMultiSelect}\n @selectionChange=${(x, c) => {\n x.rightValueMultiSelect = (c.event as CustomEvent).detail;\n }}\n search=\"true\"\n all=\"false\"\n >\n <multiselect-datasource\n value-field=\"value\"\n label-field=\"value\"\n :data=${(x) => x.getEnumValues().map((value) => ({ value }))}\n ></multiselect-datasource>\n </rapid-multiselect>\n `,\n html`\n <rapid-text-field\n class=\"right-criteria-text\"\n :value=${sync((x) => x.rightValueText)}\n placeholder=\"Value (comma-separate for multiple)\"\n autocomplete=\"off\"\n ></rapid-text-field>\n `,\n )}\n `,\n )}\n `,\n )}\n ${when(\n (x) => x.rightCriteria === RightCriteria.USER_ENTRY,\n html<TemplateConditionBuilder>`\n <rapid-select class=\"right-criteria-select\" :value=${sync((x) => x.rightValueSelect)}>\n ${(x) => rightValueItemsOptions(x.rightValueItems)}\n </rapid-select>\n `,\n )}\n `,\n )}\n\n <rapid-button appearance=\"icon\" class=\"delete\" @click=${(x) => x.deleteCondition()}>\n <rapid-icon\n style=\"opacity: 0.5\"\n variant=\"regular\"\n name=\"trash-alt\"\n size=\"lg\"\n part=\"icon\"\n ></rapid-icon>\n </rapid-button>\n </div>\n`"
10490
- }
10491
- ],
10492
- "exports": [
10493
- {
10494
- "kind": "js",
10495
- "name": "TemplateConditionBuilderTemplate",
10496
- "declaration": {
10497
- "name": "TemplateConditionBuilderTemplate",
10498
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts"
10499
- }
10500
- }
10501
- ]
10502
- },
10503
- {
10504
- "kind": "javascript-module",
10505
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.ts",
10506
- "declarations": [
10507
- {
10508
- "kind": "class",
10509
- "description": "Condition builder for template notification rules.",
10510
- "name": "TemplateConditionBuilder",
10511
- "members": [
10512
- {
10513
- "kind": "field",
10514
- "name": "condition",
10515
- "type": {
10516
- "text": "ConditionBuilderEntity"
10517
- }
10518
- },
10519
- {
10520
- "kind": "field",
10521
- "name": "parameters",
10522
- "type": {
10523
- "text": "Array<ParameterBuilderEntity>"
10524
- },
10525
- "default": "[]"
10526
- },
10527
- {
10528
- "kind": "field",
10529
- "name": "fields",
10530
- "type": {
10531
- "text": "Field[]"
10532
- },
10533
- "default": "[]"
10471
+ "text": "Field[]"
10472
+ },
10473
+ "default": "[]"
10534
10474
  },
10535
10475
  {
10536
10476
  "kind": "field",
@@ -10763,6 +10703,220 @@
10763
10703
  }
10764
10704
  ]
10765
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",
10720
+ "declaration": {
10721
+ "name": "ParameterBuilderStyles",
10722
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts"
10723
+ }
10724
+ }
10725
+ ]
10726
+ },
10727
+ {
10728
+ "kind": "javascript-module",
10729
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts",
10730
+ "declarations": [
10731
+ {
10732
+ "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`"
10735
+ }
10736
+ ],
10737
+ "exports": [
10738
+ {
10739
+ "kind": "js",
10740
+ "name": "ParameterBuilderTemplate",
10741
+ "declaration": {
10742
+ "name": "ParameterBuilderTemplate",
10743
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"
10744
+ }
10745
+ }
10746
+ ]
10747
+ },
10748
+ {
10749
+ "kind": "javascript-module",
10750
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts",
10751
+ "declarations": [
10752
+ {
10753
+ "kind": "class",
10754
+ "description": "Parameter builder for notification templates.",
10755
+ "name": "ParameterBuilder",
10756
+ "members": [
10757
+ {
10758
+ "kind": "field",
10759
+ "name": "parameter",
10760
+ "type": {
10761
+ "text": "ParameterBuilderEntity"
10762
+ }
10763
+ },
10764
+ {
10765
+ "kind": "field",
10766
+ "name": "name",
10767
+ "type": {
10768
+ "text": "string"
10769
+ }
10770
+ },
10771
+ {
10772
+ "kind": "field",
10773
+ "name": "label",
10774
+ "type": {
10775
+ "text": "string"
10776
+ }
10777
+ },
10778
+ {
10779
+ "kind": "field",
10780
+ "name": "type",
10781
+ "type": {
10782
+ "text": "string"
10783
+ }
10784
+ },
10785
+ {
10786
+ "kind": "field",
10787
+ "name": "sourceType",
10788
+ "type": {
10789
+ "text": "string"
10790
+ }
10791
+ },
10792
+ {
10793
+ "kind": "field",
10794
+ "name": "sourceSelected",
10795
+ "type": {
10796
+ "text": "string"
10797
+ }
10798
+ },
10799
+ {
10800
+ "kind": "field",
10801
+ "name": "sourceTyped",
10802
+ "type": {
10803
+ "text": "string"
10804
+ }
10805
+ },
10806
+ {
10807
+ "kind": "field",
10808
+ "name": "sourceTextField",
10809
+ "type": {
10810
+ "text": "TextField"
10811
+ }
10812
+ },
10813
+ {
10814
+ "kind": "field",
10815
+ "name": "sourceSelect",
10816
+ "type": {
10817
+ "text": "Select"
10818
+ }
10819
+ },
10820
+ {
10821
+ "kind": "field",
10822
+ "name": "reqRepItems",
10823
+ "type": {
10824
+ "text": "array"
10825
+ },
10826
+ "default": "['REQUEST_1', 'REQUEST_2', 'REQUEST_3']"
10827
+ },
10828
+ {
10829
+ "kind": "method",
10830
+ "name": "deleteParameter"
10831
+ },
10832
+ {
10833
+ "kind": "method",
10834
+ "name": "parameterChanged"
10835
+ },
10836
+ {
10837
+ "kind": "method",
10838
+ "name": "nameChanged"
10839
+ },
10840
+ {
10841
+ "kind": "method",
10842
+ "name": "labelChanged"
10843
+ },
10844
+ {
10845
+ "kind": "method",
10846
+ "name": "typeChanged"
10847
+ },
10848
+ {
10849
+ "kind": "method",
10850
+ "name": "sourceTypeChanged"
10851
+ },
10852
+ {
10853
+ "kind": "method",
10854
+ "name": "sourceSelectedChanged"
10855
+ },
10856
+ {
10857
+ "kind": "method",
10858
+ "name": "sourceTypedChanged"
10859
+ },
10860
+ {
10861
+ "kind": "method",
10862
+ "name": "genericChanged",
10863
+ "privacy": "private",
10864
+ "parameters": [
10865
+ {
10866
+ "name": "parameterAttribute"
10867
+ },
10868
+ {
10869
+ "name": "value"
10870
+ }
10871
+ ]
10872
+ }
10873
+ ],
10874
+ "events": [
10875
+ {
10876
+ "description": "Fired when a parameter is deleted. detail: `ParameterBuilderEntity`",
10877
+ "name": "delete"
10878
+ },
10879
+ {
10880
+ "description": "Fired when a parameter is edited. detail: `ParameterBuilderEntity`",
10881
+ "name": "edit"
10882
+ }
10883
+ ],
10884
+ "attributes": [
10885
+ {
10886
+ "name": "parameter",
10887
+ "type": {
10888
+ "text": "ParameterBuilderEntity"
10889
+ },
10890
+ "fieldName": "parameter"
10891
+ }
10892
+ ],
10893
+ "superclass": {
10894
+ "name": "GenesisElement",
10895
+ "package": "@genesislcap/web-core"
10896
+ },
10897
+ "tagName": "parameter-builder",
10898
+ "customElement": true
10899
+ }
10900
+ ],
10901
+ "exports": [
10902
+ {
10903
+ "kind": "js",
10904
+ "name": "ParameterBuilder",
10905
+ "declaration": {
10906
+ "name": "ParameterBuilder",
10907
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
10908
+ }
10909
+ },
10910
+ {
10911
+ "kind": "custom-element-definition",
10912
+ "name": "parameter-builder",
10913
+ "declaration": {
10914
+ "name": "ParameterBuilder",
10915
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
10916
+ }
10917
+ }
10918
+ ]
10919
+ },
10766
10920
  {
10767
10921
  "kind": "javascript-module",
10768
10922
  "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",