@genesislcap/pbc-notify-ui 15.79.1 → 15.79.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/custom-elements.json +601 -601
  2. package/dist/dts/react.d.ts +38 -38
  3. package/dist/react.cjs +20 -20
  4. package/dist/react.mjs +16 -16
  5. package/package.json +22 -22
package/dist/custom-elements.json CHANGED
@@ -5295,95 +5295,6 @@
5295
5295
  }
5296
5296
  ]
5297
5297
  },
5298
- {
5299
- "kind": "javascript-module",
5300
- "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
5301
- "declarations": [
5302
- {
5303
- "kind": "variable",
5304
- "name": "ConditionBuilderStyles",
5305
- "default": "css`\n .condition-builder {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n align-items: center;\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n rapid-button {\n margin: 0;\n }\n\n /* The AND/OR toggle sits on its own row ABOVE the condition it joins,\n rendered as a pair of small text links rather than buttons - reads like\n a sentence connector (\"... and ...\") instead of a UI control competing\n with the row's fields for attention. */\n .join-toggle-row {\n display: flex;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .join-toggle {\n display: flex;\n gap: calc(var(--design-unit) * 1.5px);\n }\n\n .join-text {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--accent-fill-rest);\n cursor: pointer;\n text-decoration: underline dotted;\n text-underline-offset: 3px;\n opacity: 40%;\n }\n\n .join-text:hover {\n opacity: 70%;\n }\n\n .join-text.active {\n opacity: 100%;\n text-decoration: underline solid;\n }\n\n .join-text.active:hover {\n opacity: 100%;\n }\n\n .delete {\n margin: 0;\n display: flex;\n justify-content: center;\n height: calc(var(--design-unit) * 9px);\n }\n\n .delete:hover {\n background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n }\n\n rapid-text-field {\n width: 100%;\n margin-bottom: 0;\n }\n\n rapid-text-field::part(root) {\n height: calc(var(--design-unit) * 9px);\n }\n\n rapid-select {\n min-width: auto;\n }\n\n rapid-select.left-value::part(control) {\n width: 250px;\n }\n\n rapid-select.logical-operator::part(control) {\n width: 160px;\n }\n\n .logical-operator-null-and-blank {\n width: 100%;\n }\n\n rapid-select.right-criteria::part(control) {\n width: 135px;\n }\n\n rapid-select.right-criteria-user-entry {\n width: 100%;\n }\n\n rapid-select.right-criteria-select {\n width: 100%;\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n`"
5306
- },
5307
- {
5308
- "kind": "variable",
5309
- "name": "ConditionGroupStyles",
5310
- "default": "css`\n .condition-group-row {\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n /* The AND/OR toggle sits on its own row ABOVE the group it joins - see\n ConditionBuilderStyles' .join-toggle-row/.join-text for why it's a pair\n of text links rather than buttons. */\n .join-toggle-row {\n display: flex;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .join-toggle {\n display: flex;\n gap: calc(var(--design-unit) * 1.5px);\n }\n\n .join-text {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--accent-fill-rest);\n cursor: pointer;\n text-decoration: underline dotted;\n text-underline-offset: 3px;\n opacity: 40%;\n }\n\n .join-text:hover {\n opacity: 70%;\n }\n\n .join-text.active {\n opacity: 100%;\n text-decoration: underline solid;\n }\n\n .join-text.active:hover {\n opacity: 100%;\n }\n\n /* A full bordered box reads as \"this is one parenthesized unit\" more\n literally than a left rail - it nests naturally too, a group inside a\n group just gets a second box drawn inside the first, like actual nested\n parens would look. */\n .condition-group-box {\n flex: 1;\n min-width: 0;\n border: calc(var(--design-unit) * 0.5px) solid\n color-mix(in srgb, var(--accent-fill-rest), transparent 25%);\n border-radius: calc(var(--design-unit) * 1px);\n padding: calc(var(--design-unit) * 2px);\n background-color: color-mix(in srgb, var(--accent-fill-rest), transparent 96%);\n }\n\n .condition-group-box > .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n align-items: center;\n margin-top: calc(var(--design-unit) * 1px);\n }\n\n .condition-group-box > .content-row rapid-button {\n font-size: 12px;\n }\n\n rule-condition-builder,\n rule-condition-group,\n template-condition-builder,\n template-condition-group {\n display: block;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .delete-group {\n margin: 0;\n opacity: 60%;\n }\n\n .delete-group:hover {\n opacity: 100%;\n }\n`"
5311
- }
5312
- ],
5313
- "exports": [
5314
- {
5315
- "kind": "js",
5316
- "name": "ConditionBuilderStyles",
5317
- "declaration": {
5318
- "name": "ConditionBuilderStyles",
5319
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5320
- }
5321
- },
5322
- {
5323
- "kind": "js",
5324
- "name": "ConditionGroupStyles",
5325
- "declaration": {
5326
- "name": "ConditionGroupStyles",
5327
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5328
- }
5329
- }
5330
- ]
5331
- },
5332
- {
5333
- "kind": "javascript-module",
5334
- "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
5335
- "declarations": [
5336
- {
5337
- "kind": "variable",
5338
- "name": "DynamicRuleManagementStyles",
5339
- "default": "css`\n .container {\n display: flex;\n height: 100%;\n flex-direction: column;\n }\n\n .header {\n display: flex;\n flex-direction: row-reverse;\n }\n\n .grid {\n height: 100%;\n }\n`"
5340
- },
5341
- {
5342
- "kind": "variable",
5343
- "name": "DynamicRuleDialogStyles",
5344
- "default": "css`\n ${scrollbarStyles}\n ${top}\n ${bottom}\n\n rapid-modal::part(dialog) {\n padding: 0;\n background: var(--neutral-layer-4);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .dialog-content {\n display: flex;\n flex-direction: column;\n width: ${String(modalWidthPx)}px;\n max-height: 600px;\n overflow-y: scroll;\n gap: calc(var(--design-unit) * 3px);\n padding: calc(var(--design-unit) * 4px);\n }\n\n .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 3px);\n }\n\n .control {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: calc(var(--design-unit) * 2px);\n }\n\n .topic-lock-hint {\n color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n font-size: var(--type-ramp-minus-1-font-size);\n line-height: var(--type-ramp-minus-1-line-height);\n }\n\n .items {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n padding: calc(var(--design-unit) * 2px);\n flex-direction: column;\n }\n\n .item {\n gap: 0;\n flex-direction: column;\n margin-bottom: 0;\n }\n\n ${textField}\n ${select}\n\n rapid-button {\n margin: 0;\n }\n\n rapid-select {\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n\n .horizontal {\n flex-direction: row;\n }\n\n .destination {\n align-self: center;\n }\n\n .topic {\n min-width: revert-layer;\n }\n\n .expression-preview {\n width: 100%;\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .expression-preview::part(control) {\n font-family: var(--body-font, monospace);\n font-size: 12px;\n color: var(--neutral-foreground-hint);\n min-height: calc(var(--design-unit) * 12px);\n resize: vertical;\n }\n\n .alert-sound {\n display: flex;\n flex-direction: column;\n gap: calc(var(--design-unit) * 2px);\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound .file-input {\n display: none;\n }\n\n .alert-sound-row {\n display: flex;\n align-items: center;\n gap: calc(var(--design-unit) * 2px);\n flex-wrap: wrap;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n padding: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound-name {\n flex: 1;\n min-width: 120px;\n color: var(--neutral-foreground-hint);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n`"
5345
- }
5346
- ],
5347
- "exports": [
5348
- {
5349
- "kind": "js",
5350
- "name": "DynamicRuleManagementStyles",
5351
- "declaration": {
5352
- "name": "DynamicRuleManagementStyles",
5353
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5354
- }
5355
- },
5356
- {
5357
- "kind": "js",
5358
- "name": "DynamicRuleDialogStyles",
5359
- "declaration": {
5360
- "name": "DynamicRuleDialogStyles",
5361
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5362
- }
5363
- }
5364
- ]
5365
- },
5366
- {
5367
- "kind": "javascript-module",
5368
- "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
5369
- "declarations": [
5370
- {
5371
- "kind": "variable",
5372
- "name": "managementGridStyles",
5373
- "default": "css`\n :host {\n height: 100%;\n }\n\n .container {\n display: flex;\n height: 100%;\n flex-direction: column;\n }\n\n .header {\n display: flex;\n }\n\n .grid {\n height: 100%;\n }\n`"
5374
- }
5375
- ],
5376
- "exports": [
5377
- {
5378
- "kind": "js",
5379
- "name": "managementGridStyles",
5380
- "declaration": {
5381
- "name": "managementGridStyles",
5382
- "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
5383
- }
5384
- }
5385
- ]
5386
- },
5387
5298
  {
5388
5299
  "kind": "javascript-module",
5389
5300
  "path": "src/components/foundation-notification-dashboard/types/expression-type.ts",
@@ -5986,82 +5897,314 @@
5986
5897
  },
5987
5898
  {
5988
5899
  "kind": "javascript-module",
5989
- "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
5900
+ "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
5990
5901
  "declarations": [
5991
5902
  {
5992
5903
  "kind": "variable",
5993
- "name": "FoundationInboxFlyoutStyles",
5994
- "default": "css`\n rapid-flyout::part(flyout) {\n width: 30%;\n min-width: 320px;\n padding: 0;\n }\n\n rapid-flyout::part(content) {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n ${FoundationInboxStyles}\n`"
5904
+ "name": "ConditionBuilderStyles",
5905
+ "default": "css`\n .condition-builder {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n align-items: center;\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n rapid-button {\n margin: 0;\n }\n\n /* The AND/OR toggle sits on its own row ABOVE the condition it joins,\n rendered as a pair of small text links rather than buttons - reads like\n a sentence connector (\"... and ...\") instead of a UI control competing\n with the row's fields for attention. */\n .join-toggle-row {\n display: flex;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .join-toggle {\n display: flex;\n gap: calc(var(--design-unit) * 1.5px);\n }\n\n .join-text {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--accent-fill-rest);\n cursor: pointer;\n text-decoration: underline dotted;\n text-underline-offset: 3px;\n opacity: 40%;\n }\n\n .join-text:hover {\n opacity: 70%;\n }\n\n .join-text.active {\n opacity: 100%;\n text-decoration: underline solid;\n }\n\n .join-text.active:hover {\n opacity: 100%;\n }\n\n .delete {\n margin: 0;\n display: flex;\n justify-content: center;\n height: calc(var(--design-unit) * 9px);\n }\n\n .delete:hover {\n background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n }\n\n rapid-text-field {\n width: 100%;\n margin-bottom: 0;\n }\n\n rapid-text-field::part(root) {\n height: calc(var(--design-unit) * 9px);\n }\n\n rapid-select {\n min-width: auto;\n }\n\n rapid-select.left-value::part(control) {\n width: 250px;\n }\n\n rapid-select.logical-operator::part(control) {\n width: 160px;\n }\n\n .logical-operator-null-and-blank {\n width: 100%;\n }\n\n rapid-select.right-criteria::part(control) {\n width: 135px;\n }\n\n rapid-select.right-criteria-user-entry {\n width: 100%;\n }\n\n rapid-select.right-criteria-select {\n width: 100%;\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n`"
5906
+ },
5907
+ {
5908
+ "kind": "variable",
5909
+ "name": "ConditionGroupStyles",
5910
+ "default": "css`\n .condition-group-row {\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n /* The AND/OR toggle sits on its own row ABOVE the group it joins - see\n ConditionBuilderStyles' .join-toggle-row/.join-text for why it's a pair\n of text links rather than buttons. */\n .join-toggle-row {\n display: flex;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .join-toggle {\n display: flex;\n gap: calc(var(--design-unit) * 1.5px);\n }\n\n .join-text {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--accent-fill-rest);\n cursor: pointer;\n text-decoration: underline dotted;\n text-underline-offset: 3px;\n opacity: 40%;\n }\n\n .join-text:hover {\n opacity: 70%;\n }\n\n .join-text.active {\n opacity: 100%;\n text-decoration: underline solid;\n }\n\n .join-text.active:hover {\n opacity: 100%;\n }\n\n /* A full bordered box reads as \"this is one parenthesized unit\" more\n literally than a left rail - it nests naturally too, a group inside a\n group just gets a second box drawn inside the first, like actual nested\n parens would look. */\n .condition-group-box {\n flex: 1;\n min-width: 0;\n border: calc(var(--design-unit) * 0.5px) solid\n color-mix(in srgb, var(--accent-fill-rest), transparent 25%);\n border-radius: calc(var(--design-unit) * 1px);\n padding: calc(var(--design-unit) * 2px);\n background-color: color-mix(in srgb, var(--accent-fill-rest), transparent 96%);\n }\n\n .condition-group-box > .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n align-items: center;\n margin-top: calc(var(--design-unit) * 1px);\n }\n\n .condition-group-box > .content-row rapid-button {\n font-size: 12px;\n }\n\n rule-condition-builder,\n rule-condition-group,\n template-condition-builder,\n template-condition-group {\n display: block;\n margin-bottom: calc(var(--design-unit) * 1px);\n }\n\n .delete-group {\n margin: 0;\n opacity: 60%;\n }\n\n .delete-group:hover {\n opacity: 100%;\n }\n`"
5995
5911
  }
5996
5912
  ],
5997
5913
  "exports": [
5998
5914
  {
5999
5915
  "kind": "js",
6000
- "name": "FoundationInboxFlyoutStyles",
5916
+ "name": "ConditionBuilderStyles",
6001
5917
  "declaration": {
6002
- "name": "FoundationInboxFlyoutStyles",
6003
- "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts"
5918
+ "name": "ConditionBuilderStyles",
5919
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
5920
+ }
5921
+ },
5922
+ {
5923
+ "kind": "js",
5924
+ "name": "ConditionGroupStyles",
5925
+ "declaration": {
5926
+ "name": "ConditionGroupStyles",
5927
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
6004
5928
  }
6005
5929
  }
6006
5930
  ]
6007
5931
  },
6008
5932
  {
6009
5933
  "kind": "javascript-module",
6010
- "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts",
5934
+ "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
6011
5935
  "declarations": [
6012
5936
  {
6013
5937
  "kind": "variable",
6014
- "name": "FoundationInboxFlyoutTemplate",
6015
- "default": "html<FoundationInboxFlyout>`\n <rapid-flyout\n ${ref('flyout')}\n position=\"right\"\n @closed=${(x) => (x.flyoutClosed = true)}\n :closed=${(x) => x.flyoutClosed}\n displayHeader=${false}\n >\n <div class=\"inbox-header\">\n <div class=\"inbox-header-title\">Alerts Center</div>\n <rapid-button class=\"inbox-header-close\" @click=${(x) => x.close()}>\n <rapid-icon part=\"icon\" name=\"xmark\" size=\"xl\"></rapid-icon>\n </rapid-button>\n </div>\n\n ${FoundationInboxTemplate}\n </rapid-flyout>\n`"
5938
+ "name": "DynamicRuleManagementStyles",
5939
+ "default": "css`\n .container {\n display: flex;\n height: 100%;\n flex-direction: column;\n }\n\n .header {\n display: flex;\n flex-direction: row-reverse;\n }\n\n .grid {\n height: 100%;\n }\n`"
5940
+ },
5941
+ {
5942
+ "kind": "variable",
5943
+ "name": "DynamicRuleDialogStyles",
5944
+ "default": "css`\n ${scrollbarStyles}\n ${top}\n ${bottom}\n\n rapid-modal::part(dialog) {\n padding: 0;\n background: var(--neutral-layer-4);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n }\n\n .dialog-content {\n display: flex;\n flex-direction: column;\n width: ${String(modalWidthPx)}px;\n max-height: 600px;\n overflow-y: scroll;\n gap: calc(var(--design-unit) * 3px);\n padding: calc(var(--design-unit) * 4px);\n }\n\n .content-row {\n display: flex;\n gap: calc(var(--design-unit) * 3px);\n }\n\n .control {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: calc(var(--design-unit) * 2px);\n }\n\n .topic-lock-hint {\n color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n font-size: var(--type-ramp-minus-1-font-size);\n line-height: var(--type-ramp-minus-1-line-height);\n }\n\n .items {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n padding: calc(var(--design-unit) * 2px);\n flex-direction: column;\n }\n\n .item {\n gap: 0;\n flex-direction: column;\n margin-bottom: 0;\n }\n\n ${textField}\n ${select}\n\n rapid-button {\n margin: 0;\n }\n\n rapid-select {\n min-width: 0;\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n\n .horizontal {\n flex-direction: row;\n }\n\n .destination {\n align-self: center;\n }\n\n .topic {\n min-width: revert-layer;\n }\n\n .expression-preview {\n width: 100%;\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .expression-preview::part(control) {\n font-family: var(--body-font, monospace);\n font-size: 12px;\n color: var(--neutral-foreground-hint);\n min-height: calc(var(--design-unit) * 12px);\n resize: vertical;\n }\n\n .alert-sound {\n display: flex;\n flex-direction: column;\n gap: calc(var(--design-unit) * 2px);\n margin-top: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound .file-input {\n display: none;\n }\n\n .alert-sound-row {\n display: flex;\n align-items: center;\n gap: calc(var(--design-unit) * 2px);\n flex-wrap: wrap;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n padding: calc(var(--design-unit) * 2px);\n }\n\n .alert-sound-name {\n flex: 1;\n min-width: 120px;\n color: var(--neutral-foreground-hint);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n`"
6016
5945
  }
6017
5946
  ],
6018
5947
  "exports": [
6019
5948
  {
6020
5949
  "kind": "js",
6021
- "name": "FoundationInboxFlyoutTemplate",
5950
+ "name": "DynamicRuleManagementStyles",
6022
5951
  "declaration": {
6023
- "name": "FoundationInboxFlyoutTemplate",
6024
- "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts"
5952
+ "name": "DynamicRuleManagementStyles",
5953
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
5954
+ }
5955
+ },
5956
+ {
5957
+ "kind": "js",
5958
+ "name": "DynamicRuleDialogStyles",
5959
+ "declaration": {
5960
+ "name": "DynamicRuleDialogStyles",
5961
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
6025
5962
  }
6026
5963
  }
6027
5964
  ]
6028
5965
  },
6029
5966
  {
6030
5967
  "kind": "javascript-module",
6031
- "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts",
5968
+ "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
5969
+ "declarations": [
5970
+ {
5971
+ "kind": "variable",
5972
+ "name": "managementGridStyles",
5973
+ "default": "css`\n :host {\n height: 100%;\n }\n\n .container {\n display: flex;\n height: 100%;\n flex-direction: column;\n }\n\n .header {\n display: flex;\n }\n\n .grid {\n height: 100%;\n }\n`"
5974
+ }
5975
+ ],
5976
+ "exports": [
5977
+ {
5978
+ "kind": "js",
5979
+ "name": "managementGridStyles",
5980
+ "declaration": {
5981
+ "name": "managementGridStyles",
5982
+ "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
5983
+ }
5984
+ }
5985
+ ]
5986
+ },
5987
+ {
5988
+ "kind": "javascript-module",
5989
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
5990
+ "declarations": [
5991
+ {
5992
+ "kind": "variable",
5993
+ "name": "noItemsClass",
5994
+ "type": {
5995
+ "text": "string"
5996
+ },
5997
+ "default": "'no-items'",
5998
+ "description": "Class to use when there are no items"
5999
+ },
6000
+ {
6001
+ "kind": "variable",
6002
+ "name": "FoundationInboxCounterStyles",
6003
+ "default": "css`\n :host {\n display: inline-block;\n min-width: 16px;\n height: 16px;\n border-radius: 9px;\n text-align: center;\n color: #fff;\n line-height: 16px;\n font-size: 9px;\n font-weight: 700;\n background: ${BACKGROUND_COLOR};\n pointer-events: none;\n }\n\n .hidden {\n visibility: hidden;\n }\n\n :host(.${noItemsClass}) {\n display: none;\n }\n`"
6004
+ }
6005
+ ],
6006
+ "exports": [
6007
+ {
6008
+ "kind": "js",
6009
+ "name": "noItemsClass",
6010
+ "declaration": {
6011
+ "name": "noItemsClass",
6012
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
6013
+ }
6014
+ },
6015
+ {
6016
+ "kind": "js",
6017
+ "name": "FoundationInboxCounterStyles",
6018
+ "declaration": {
6019
+ "name": "FoundationInboxCounterStyles",
6020
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
6021
+ }
6022
+ }
6023
+ ]
6024
+ },
6025
+ {
6026
+ "kind": "javascript-module",
6027
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
6028
+ "declarations": [
6029
+ {
6030
+ "kind": "variable",
6031
+ "name": "FoundationInboxCounterTemplate",
6032
+ "default": "html<FoundationInboxCounter>`\n <template class=\"${(x) => classNames([noItemsClass, x.value < 1])}\">\n ${when(\n (x) => x.value > 0,\n html`\n ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}\n `,\n )}\n </template>\n`"
6033
+ }
6034
+ ],
6035
+ "exports": [
6036
+ {
6037
+ "kind": "js",
6038
+ "name": "FoundationInboxCounterTemplate",
6039
+ "declaration": {
6040
+ "name": "FoundationInboxCounterTemplate",
6041
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
6042
+ }
6043
+ }
6044
+ ]
6045
+ },
6046
+ {
6047
+ "kind": "javascript-module",
6048
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
6032
6049
  "declarations": [
6033
6050
  {
6034
6051
  "kind": "class",
6035
6052
  "description": "",
6036
- "name": "FoundationInboxFlyout",
6053
+ "name": "FoundationInboxCounter",
6037
6054
  "members": [
6038
6055
  {
6039
6056
  "kind": "field",
6040
- "name": "ready",
6057
+ "name": "value",
6041
6058
  "type": {
6042
- "text": "boolean"
6059
+ "text": "number"
6043
6060
  },
6044
- "default": "false"
6061
+ "default": "0"
6045
6062
  },
6046
6063
  {
6047
6064
  "kind": "field",
6048
- "name": "flyout",
6065
+ "name": "connect",
6049
6066
  "type": {
6050
- "text": "Flyout"
6067
+ "text": "Connect"
6051
6068
  }
6052
6069
  },
6053
6070
  {
6054
6071
  "kind": "field",
6055
- "name": "flyoutClosed",
6072
+ "name": "inboxService",
6056
6073
  "type": {
6057
- "text": "boolean"
6074
+ "text": "FoundationInboxService"
6075
+ }
6076
+ },
6077
+ {
6078
+ "kind": "field",
6079
+ "name": "connectionSub",
6080
+ "type": {
6081
+ "text": "Subscription"
6058
6082
  },
6059
- "default": "true"
6083
+ "privacy": "private"
6060
6084
  },
6061
6085
  {
6062
6086
  "kind": "method",
6063
- "name": "open",
6064
- "privacy": "public"
6087
+ "name": "subscribeToAlerts",
6088
+ "privacy": "private",
6089
+ "return": {
6090
+ "type": {
6091
+ "text": "Promise<void>"
6092
+ }
6093
+ },
6094
+ "description": "Subscribes to alerts from the inbox service"
6095
+ },
6096
+ {
6097
+ "kind": "field",
6098
+ "name": "subscriptionHandler",
6099
+ "privacy": "private",
6100
+ "description": "Handles subscription updates from the inbox service"
6101
+ }
6102
+ ],
6103
+ "superclass": {
6104
+ "name": "GenesisElement",
6105
+ "package": "@genesislcap/web-core"
6106
+ },
6107
+ "tagName": "foundation-inbox-counter",
6108
+ "customElement": true
6109
+ }
6110
+ ],
6111
+ "exports": [
6112
+ {
6113
+ "kind": "js",
6114
+ "name": "FoundationInboxCounter",
6115
+ "declaration": {
6116
+ "name": "FoundationInboxCounter",
6117
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
6118
+ }
6119
+ },
6120
+ {
6121
+ "kind": "custom-element-definition",
6122
+ "name": "foundation-inbox-counter",
6123
+ "declaration": {
6124
+ "name": "FoundationInboxCounter",
6125
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
6126
+ }
6127
+ }
6128
+ ]
6129
+ },
6130
+ {
6131
+ "kind": "javascript-module",
6132
+ "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
6133
+ "declarations": [
6134
+ {
6135
+ "kind": "variable",
6136
+ "name": "FoundationInboxFlyoutStyles",
6137
+ "default": "css`\n rapid-flyout::part(flyout) {\n width: 30%;\n min-width: 320px;\n padding: 0;\n }\n\n rapid-flyout::part(content) {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n ${FoundationInboxStyles}\n`"
6138
+ }
6139
+ ],
6140
+ "exports": [
6141
+ {
6142
+ "kind": "js",
6143
+ "name": "FoundationInboxFlyoutStyles",
6144
+ "declaration": {
6145
+ "name": "FoundationInboxFlyoutStyles",
6146
+ "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts"
6147
+ }
6148
+ }
6149
+ ]
6150
+ },
6151
+ {
6152
+ "kind": "javascript-module",
6153
+ "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts",
6154
+ "declarations": [
6155
+ {
6156
+ "kind": "variable",
6157
+ "name": "FoundationInboxFlyoutTemplate",
6158
+ "default": "html<FoundationInboxFlyout>`\n <rapid-flyout\n ${ref('flyout')}\n position=\"right\"\n @closed=${(x) => (x.flyoutClosed = true)}\n :closed=${(x) => x.flyoutClosed}\n displayHeader=${false}\n >\n <div class=\"inbox-header\">\n <div class=\"inbox-header-title\">Alerts Center</div>\n <rapid-button class=\"inbox-header-close\" @click=${(x) => x.close()}>\n <rapid-icon part=\"icon\" name=\"xmark\" size=\"xl\"></rapid-icon>\n </rapid-button>\n </div>\n\n ${FoundationInboxTemplate}\n </rapid-flyout>\n`"
6159
+ }
6160
+ ],
6161
+ "exports": [
6162
+ {
6163
+ "kind": "js",
6164
+ "name": "FoundationInboxFlyoutTemplate",
6165
+ "declaration": {
6166
+ "name": "FoundationInboxFlyoutTemplate",
6167
+ "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts"
6168
+ }
6169
+ }
6170
+ ]
6171
+ },
6172
+ {
6173
+ "kind": "javascript-module",
6174
+ "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts",
6175
+ "declarations": [
6176
+ {
6177
+ "kind": "class",
6178
+ "description": "",
6179
+ "name": "FoundationInboxFlyout",
6180
+ "members": [
6181
+ {
6182
+ "kind": "field",
6183
+ "name": "ready",
6184
+ "type": {
6185
+ "text": "boolean"
6186
+ },
6187
+ "default": "false"
6188
+ },
6189
+ {
6190
+ "kind": "field",
6191
+ "name": "flyout",
6192
+ "type": {
6193
+ "text": "Flyout"
6194
+ }
6195
+ },
6196
+ {
6197
+ "kind": "field",
6198
+ "name": "flyoutClosed",
6199
+ "type": {
6200
+ "text": "boolean"
6201
+ },
6202
+ "default": "true"
6203
+ },
6204
+ {
6205
+ "kind": "method",
6206
+ "name": "open",
6207
+ "privacy": "public"
6065
6208
  },
6066
6209
  {
6067
6210
  "kind": "method",
@@ -7382,149 +7525,6 @@
7382
7525
  }
7383
7526
  ]
7384
7527
  },
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
- },
7528
7528
  {
7529
7529
  "kind": "javascript-module",
7530
7530
  "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts",
@@ -7758,70 +7758,70 @@
7758
7758
  },
7759
7759
  {
7760
7760
  "kind": "javascript-module",
7761
- "path": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts",
7761
+ "path": "src/components/foundation-notification-dashboard/components/routes/route-management.ts",
7762
7762
  "declarations": [
7763
7763
  {
7764
7764
  "kind": "class",
7765
7765
  "description": "",
7766
- "name": "NotifyAuditManagement",
7766
+ "name": "RouteManagement",
7767
7767
  "superclass": {
7768
7768
  "name": "GenesisElement",
7769
7769
  "package": "@genesislcap/web-core"
7770
7770
  },
7771
- "tagName": "notify-audit-management",
7771
+ "tagName": "route-management",
7772
7772
  "customElement": true
7773
7773
  }
7774
7774
  ],
7775
7775
  "exports": [
7776
7776
  {
7777
7777
  "kind": "js",
7778
- "name": "NotifyAuditManagement",
7778
+ "name": "RouteManagement",
7779
7779
  "declaration": {
7780
- "name": "NotifyAuditManagement",
7781
- "module": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts"
7780
+ "name": "RouteManagement",
7781
+ "module": "src/components/foundation-notification-dashboard/components/routes/route-management.ts"
7782
7782
  }
7783
7783
  },
7784
7784
  {
7785
7785
  "kind": "custom-element-definition",
7786
- "name": "notify-audit-management",
7786
+ "name": "route-management",
7787
7787
  "declaration": {
7788
- "name": "NotifyAuditManagement",
7789
- "module": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts"
7788
+ "name": "RouteManagement",
7789
+ "module": "src/components/foundation-notification-dashboard/components/routes/route-management.ts"
7790
7790
  }
7791
7791
  }
7792
7792
  ]
7793
7793
  },
7794
7794
  {
7795
7795
  "kind": "javascript-module",
7796
- "path": "src/components/foundation-notification-dashboard/components/routes/route-management.ts",
7796
+ "path": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts",
7797
7797
  "declarations": [
7798
7798
  {
7799
7799
  "kind": "class",
7800
7800
  "description": "",
7801
- "name": "RouteManagement",
7801
+ "name": "NotifyAuditManagement",
7802
7802
  "superclass": {
7803
7803
  "name": "GenesisElement",
7804
7804
  "package": "@genesislcap/web-core"
7805
7805
  },
7806
- "tagName": "route-management",
7806
+ "tagName": "notify-audit-management",
7807
7807
  "customElement": true
7808
7808
  }
7809
7809
  ],
7810
7810
  "exports": [
7811
7811
  {
7812
7812
  "kind": "js",
7813
- "name": "RouteManagement",
7813
+ "name": "NotifyAuditManagement",
7814
7814
  "declaration": {
7815
- "name": "RouteManagement",
7816
- "module": "src/components/foundation-notification-dashboard/components/routes/route-management.ts"
7815
+ "name": "NotifyAuditManagement",
7816
+ "module": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts"
7817
7817
  }
7818
7818
  },
7819
7819
  {
7820
7820
  "kind": "custom-element-definition",
7821
- "name": "route-management",
7821
+ "name": "notify-audit-management",
7822
7822
  "declaration": {
7823
- "name": "RouteManagement",
7824
- "module": "src/components/foundation-notification-dashboard/components/routes/route-management.ts"
7823
+ "name": "NotifyAuditManagement",
7824
+ "module": "src/components/foundation-notification-dashboard/components/notify-audit/notify-audit-management.ts"
7825
7825
  }
7826
7826
  }
7827
7827
  ]
@@ -9985,156 +9985,6 @@
9985
9985
  }
9986
9986
  ]
9987
9987
  },
9988
- {
9989
- "kind": "javascript-module",
9990
- "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts",
9991
- "declarations": [
9992
- {
9993
- "kind": "variable",
9994
- "name": "RuleConditionGroupTemplate",
9995
- "default": "html<RuleConditionGroup>`\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-group-row\">\n <div class=\"condition-group-box\">\n ${repeat(\n (x) => x.groupChildren,\n html<ConditionNode, RuleConditionGroup>`\n ${when(\n (x) => isGroup(x),\n html<ConditionNode>`\n <rule-condition-group\n :fields=${(x, c) => c.parent.fields}\n :node=${(x) => x}\n :isFirst=${(x, c) => c.index === 0}\n @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n ></rule-condition-group>\n `,\n )}\n ${when(\n (x) => !isGroup(x),\n html<ConditionNode>`\n <rule-condition-builder\n :fields=${(x, c) => c.parent.fields}\n :condition=${(x) => x}\n :isFirst=${(x, c) => c.index === 0}\n @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n ></rule-condition-builder>\n `,\n )}\n `,\n { positioning: true },\n )}\n\n <div class=\"content-row\">\n <rapid-button appearance=\"lightweight\" @click=${(x) => x.newCondition()}>\n + Condition\n </rapid-button>\n <rapid-button appearance=\"lightweight\" @click=${(x) => x.newGroup()}>+ Group</rapid-button>\n <rapid-button appearance=\"icon\" class=\"delete-group\" @click=${(x) => x.deleteSelf()}>\n <rapid-icon variant=\"regular\" name=\"trash-alt\" size=\"lg\" part=\"icon\"></rapid-icon>\n </rapid-button>\n </div>\n </div>\n </div>\n`"
9996
- }
9997
- ],
9998
- "exports": [
9999
- {
10000
- "kind": "js",
10001
- "name": "RuleConditionGroupTemplate",
10002
- "declaration": {
10003
- "name": "RuleConditionGroupTemplate",
10004
- "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts"
10005
- }
10006
- }
10007
- ]
10008
- },
10009
- {
10010
- "kind": "javascript-module",
10011
- "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts",
10012
- "declarations": [
10013
- {
10014
- "kind": "class",
10015
- "description": "Parenthesized group of conditions/nested groups for notification rule\ncriteria, joined to the previous sibling via AND/OR like a single\ncondition row - but bracketing its own children off from the rest of the\nlist, so e.g. \"(A && B) || C\" can be expressed without the AND silently\nspanning more than intended.",
10016
- "name": "RuleConditionGroup",
10017
- "members": [
10018
- {
10019
- "kind": "field",
10020
- "name": "node",
10021
- "type": {
10022
- "text": "ConditionGroupEntity"
10023
- }
10024
- },
10025
- {
10026
- "kind": "field",
10027
- "name": "fields",
10028
- "type": {
10029
- "text": "Field[]"
10030
- },
10031
- "default": "[]"
10032
- },
10033
- {
10034
- "kind": "field",
10035
- "name": "isFirst",
10036
- "type": {
10037
- "text": "boolean"
10038
- },
10039
- "default": "false"
10040
- },
10041
- {
10042
- "kind": "field",
10043
- "name": "joinOperator",
10044
- "type": {
10045
- "text": "string"
10046
- }
10047
- },
10048
- {
10049
- "kind": "field",
10050
- "name": "groupChildren",
10051
- "type": {
10052
- "text": "ConditionNode[]"
10053
- },
10054
- "default": "[]"
10055
- },
10056
- {
10057
- "kind": "method",
10058
- "name": "nodeChanged"
10059
- },
10060
- {
10061
- "kind": "method",
10062
- "name": "joinOperatorChanged"
10063
- },
10064
- {
10065
- "kind": "method",
10066
- "name": "newCondition"
10067
- },
10068
- {
10069
- "kind": "method",
10070
- "name": "newGroup"
10071
- },
10072
- {
10073
- "kind": "method",
10074
- "name": "editChild",
10075
- "parameters": [
10076
- {
10077
- "name": "_editedChild",
10078
- "type": {
10079
- "text": "ConditionNode"
10080
- }
10081
- }
10082
- ]
10083
- },
10084
- {
10085
- "kind": "method",
10086
- "name": "deleteChild",
10087
- "parameters": [
10088
- {
10089
- "name": "deletedChild",
10090
- "type": {
10091
- "text": "ConditionNode"
10092
- }
10093
- }
10094
- ]
10095
- },
10096
- {
10097
- "kind": "method",
10098
- "name": "deleteSelf"
10099
- }
10100
- ],
10101
- "events": [
10102
- {
10103
- "description": "Fired when this whole group should be removed",
10104
- "name": "delete"
10105
- },
10106
- {
10107
- "description": "Fired when anything inside this group changes",
10108
- "name": "edit"
10109
- }
10110
- ],
10111
- "superclass": {
10112
- "name": "GenesisElement",
10113
- "package": "@genesislcap/web-core"
10114
- },
10115
- "tagName": "rule-condition-group",
10116
- "customElement": true
10117
- }
10118
- ],
10119
- "exports": [
10120
- {
10121
- "kind": "js",
10122
- "name": "RuleConditionGroup",
10123
- "declaration": {
10124
- "name": "RuleConditionGroup",
10125
- "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
10126
- }
10127
- },
10128
- {
10129
- "kind": "custom-element-definition",
10130
- "name": "rule-condition-group",
10131
- "declaration": {
10132
- "name": "RuleConditionGroup",
10133
- "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
10134
- }
10135
- }
10136
- ]
10137
- },
10138
9988
  {
10139
9989
  "kind": "javascript-module",
10140
9990
  "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.template.ts",
@@ -10421,372 +10271,364 @@
10421
10271
  },
10422
10272
  {
10423
10273
  "kind": "javascript-module",
10424
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts",
10425
- "declarations": [
10426
- {
10427
- "kind": "variable",
10428
- "name": "ParameterBuilderStyles",
10429
- "default": "css`\n .parameter-builder {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n rapid-button {\n margin: 0;\n }\n\n .delete {\n margin: 0;\n display: flex;\n justify-content: center;\n height: calc(var(--design-unit) * 9px);\n }\n\n .delete:hover {\n background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n }\n\n rapid-text-field {\n width: 100%;\n margin-bottom: 0;\n }\n\n rapid-text-field::part(root) {\n height: calc(var(--design-unit) * 9px);\n }\n\n rapid-select {\n min-width: auto;\n }\n\n rapid-select.param-type::part(control) {\n width: 115px;\n }\n\n rapid-select.param-source-type::part(control) {\n width: 160px;\n }\n\n rapid-select.param-source::part(control) {\n width: ${PARAM_SOURCE_WIDTH}px;\n }\n\n rapid-text-field.param-source::part(root) {\n width: calc(${PARAM_SOURCE_WIDTH}px + 2px);\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n`"
10430
- }
10431
- ],
10432
- "exports": [
10433
- {
10434
- "kind": "js",
10435
- "name": "ParameterBuilderStyles",
10436
- "declaration": {
10437
- "name": "ParameterBuilderStyles",
10438
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts"
10439
- }
10440
- }
10441
- ]
10442
- },
10443
- {
10444
- "kind": "javascript-module",
10445
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts",
10274
+ "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts",
10446
10275
  "declarations": [
10447
10276
  {
10448
10277
  "kind": "variable",
10449
- "name": "ParameterBuilderTemplate",
10450
- "default": "html<ParameterBuilder>`\n <div class=\"parameter-builder\">\n <rapid-text-field\n id=\"param-name\"\n placeholder=\"Name\"\n :value=${sync((x) => x.name)}\n ></rapid-text-field>\n\n <rapid-text-field\n id=\"param-label\"\n placeholder=\"Label\"\n :value=${sync((x) => x.label)}\n ></rapid-text-field>\n\n <rapid-select\n id=\"param-source-type\"\n :value=${sync((x) => x.sourceType)}\n class=\"param-source-type\"\n >\n ${repeat(\n (x) => ALL_PARAM_SOURCE_TYPES,\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n\n ${when(\n (x) => x.sourceType === PARAM_SOURCE_TYPE_USER_TEXT,\n html<ParameterBuilder>`\n <rapid-text-field class=\"param-source\" disabled></rapid-text-field>\n `,\n )}\n ${when(\n (x) => x.sourceType === PARAM_SOURCE_TYPE_REQ_REP,\n html<ParameterBuilder>`\n <rapid-select\n ${ref('sourceSelect')}\n id=\"param-source\"\n :value=${sync((x) => x.sourceSelected)}\n class=\"param-source\"\n ?disabled=${(x) => x.sourceType !== PARAM_SOURCE_TYPE_REQ_REP}\n >\n ${repeat(\n (x) => x.reqRepItems,\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n `,\n )}\n ${when(\n (x) => x.sourceType === PARAM_SOURCE_TYPE_DEFINED_GROUP,\n html<ParameterBuilder>`\n <rapid-text-field\n ${ref('sourceTextField')}\n class=\"param-source\"\n placeholder=\"item1,item2,item3\"\n :value=${sync((x) => x.sourceTyped)}\n ></rapid-text-field>\n `,\n )}\n\n <rapid-select id=\"param-type\" :value=${sync((x) => x.type)} class=\"param-type\">\n ${repeat(\n (x) => ALL_PARAM_TYPES,\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n\n <rapid-button appearance=\"icon\" class=\"delete\" @click=${(x) => x.deleteParameter()}>\n <rapid-icon\n style=\"opacity: 0.5\"\n variant=\"regular\"\n name=\"trash-alt\"\n size=\"lg\"\n part=\"icon\"\n ></rapid-icon>\n </rapid-button>\n </div>\n`"
10278
+ "name": "RuleConditionGroupTemplate",
10279
+ "default": "html<RuleConditionGroup>`\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-group-row\">\n <div class=\"condition-group-box\">\n ${repeat(\n (x) => x.groupChildren,\n html<ConditionNode, RuleConditionGroup>`\n ${when(\n (x) => isGroup(x),\n html<ConditionNode>`\n <rule-condition-group\n :fields=${(x, c) => c.parent.fields}\n :node=${(x) => x}\n :isFirst=${(x, c) => c.index === 0}\n @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n ></rule-condition-group>\n `,\n )}\n ${when(\n (x) => !isGroup(x),\n html<ConditionNode>`\n <rule-condition-builder\n :fields=${(x, c) => c.parent.fields}\n :condition=${(x) => x}\n :isFirst=${(x, c) => c.index === 0}\n @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n ></rule-condition-builder>\n `,\n )}\n `,\n { positioning: true },\n )}\n\n <div class=\"content-row\">\n <rapid-button appearance=\"lightweight\" @click=${(x) => x.newCondition()}>\n + Condition\n </rapid-button>\n <rapid-button appearance=\"lightweight\" @click=${(x) => x.newGroup()}>+ Group</rapid-button>\n <rapid-button appearance=\"icon\" class=\"delete-group\" @click=${(x) => x.deleteSelf()}>\n <rapid-icon variant=\"regular\" name=\"trash-alt\" size=\"lg\" part=\"icon\"></rapid-icon>\n </rapid-button>\n </div>\n </div>\n </div>\n`"
10451
10280
  }
10452
10281
  ],
10453
10282
  "exports": [
10454
10283
  {
10455
10284
  "kind": "js",
10456
- "name": "ParameterBuilderTemplate",
10285
+ "name": "RuleConditionGroupTemplate",
10457
10286
  "declaration": {
10458
- "name": "ParameterBuilderTemplate",
10459
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"
10287
+ "name": "RuleConditionGroupTemplate",
10288
+ "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts"
10460
10289
  }
10461
10290
  }
10462
10291
  ]
10463
10292
  },
10464
10293
  {
10465
10294
  "kind": "javascript-module",
10466
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts",
10295
+ "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts",
10467
10296
  "declarations": [
10468
10297
  {
10469
10298
  "kind": "class",
10470
- "description": "Parameter builder for notification templates.",
10471
- "name": "ParameterBuilder",
10299
+ "description": "Parenthesized group of conditions/nested groups for notification rule\ncriteria, joined to the previous sibling via AND/OR like a single\ncondition row - but bracketing its own children off from the rest of the\nlist, so e.g. \"(A && B) || C\" can be expressed without the AND silently\nspanning more than intended.",
10300
+ "name": "RuleConditionGroup",
10472
10301
  "members": [
10473
10302
  {
10474
10303
  "kind": "field",
10475
- "name": "parameter",
10304
+ "name": "node",
10476
10305
  "type": {
10477
- "text": "ParameterBuilderEntity"
10306
+ "text": "ConditionGroupEntity"
10478
10307
  }
10479
10308
  },
10480
10309
  {
10481
10310
  "kind": "field",
10482
- "name": "name",
10311
+ "name": "fields",
10483
10312
  "type": {
10484
- "text": "string"
10485
- }
10313
+ "text": "Field[]"
10314
+ },
10315
+ "default": "[]"
10486
10316
  },
10487
10317
  {
10488
10318
  "kind": "field",
10489
- "name": "label",
10319
+ "name": "isFirst",
10490
10320
  "type": {
10491
- "text": "string"
10492
- }
10321
+ "text": "boolean"
10322
+ },
10323
+ "default": "false"
10493
10324
  },
10494
10325
  {
10495
10326
  "kind": "field",
10496
- "name": "type",
10327
+ "name": "joinOperator",
10497
10328
  "type": {
10498
10329
  "text": "string"
10499
10330
  }
10500
10331
  },
10501
10332
  {
10502
10333
  "kind": "field",
10503
- "name": "sourceType",
10334
+ "name": "groupChildren",
10504
10335
  "type": {
10505
- "text": "string"
10506
- }
10507
- },
10508
- {
10509
- "kind": "field",
10510
- "name": "sourceSelected",
10511
- "type": {
10512
- "text": "string"
10513
- }
10514
- },
10515
- {
10516
- "kind": "field",
10517
- "name": "sourceTyped",
10518
- "type": {
10519
- "text": "string"
10520
- }
10521
- },
10522
- {
10523
- "kind": "field",
10524
- "name": "sourceTextField",
10525
- "type": {
10526
- "text": "TextField"
10527
- }
10528
- },
10529
- {
10530
- "kind": "field",
10531
- "name": "sourceSelect",
10532
- "type": {
10533
- "text": "Select"
10534
- }
10535
- },
10536
- {
10537
- "kind": "field",
10538
- "name": "reqRepItems",
10539
- "type": {
10540
- "text": "array"
10541
- },
10542
- "default": "['REQUEST_1', 'REQUEST_2', 'REQUEST_3']"
10543
- },
10544
- {
10545
- "kind": "method",
10546
- "name": "deleteParameter"
10336
+ "text": "ConditionNode[]"
10337
+ },
10338
+ "default": "[]"
10547
10339
  },
10548
10340
  {
10549
10341
  "kind": "method",
10550
- "name": "parameterChanged"
10551
- },
10552
- {
10553
- "kind": "method",
10554
- "name": "nameChanged"
10555
- },
10556
- {
10557
- "kind": "method",
10558
- "name": "labelChanged"
10342
+ "name": "nodeChanged"
10559
10343
  },
10560
10344
  {
10561
10345
  "kind": "method",
10562
- "name": "typeChanged"
10346
+ "name": "joinOperatorChanged"
10563
10347
  },
10564
10348
  {
10565
10349
  "kind": "method",
10566
- "name": "sourceTypeChanged"
10350
+ "name": "newCondition"
10567
10351
  },
10568
10352
  {
10569
10353
  "kind": "method",
10570
- "name": "sourceSelectedChanged"
10354
+ "name": "newGroup"
10571
10355
  },
10572
10356
  {
10573
10357
  "kind": "method",
10574
- "name": "sourceTypedChanged"
10358
+ "name": "editChild",
10359
+ "parameters": [
10360
+ {
10361
+ "name": "_editedChild",
10362
+ "type": {
10363
+ "text": "ConditionNode"
10364
+ }
10365
+ }
10366
+ ]
10575
10367
  },
10576
10368
  {
10577
10369
  "kind": "method",
10578
- "name": "genericChanged",
10579
- "privacy": "private",
10370
+ "name": "deleteChild",
10580
10371
  "parameters": [
10581
10372
  {
10582
- "name": "parameterAttribute"
10583
- },
10584
- {
10585
- "name": "value"
10373
+ "name": "deletedChild",
10374
+ "type": {
10375
+ "text": "ConditionNode"
10376
+ }
10586
10377
  }
10587
10378
  ]
10379
+ },
10380
+ {
10381
+ "kind": "method",
10382
+ "name": "deleteSelf"
10588
10383
  }
10589
10384
  ],
10590
10385
  "events": [
10591
10386
  {
10592
- "description": "Fired when a parameter is deleted. detail: `ParameterBuilderEntity`",
10387
+ "description": "Fired when this whole group should be removed",
10593
10388
  "name": "delete"
10594
10389
  },
10595
10390
  {
10596
- "description": "Fired when a parameter is edited. detail: `ParameterBuilderEntity`",
10391
+ "description": "Fired when anything inside this group changes",
10597
10392
  "name": "edit"
10598
10393
  }
10599
10394
  ],
10600
- "attributes": [
10601
- {
10602
- "name": "parameter",
10603
- "type": {
10604
- "text": "ParameterBuilderEntity"
10605
- },
10606
- "fieldName": "parameter"
10607
- }
10608
- ],
10609
10395
  "superclass": {
10610
10396
  "name": "GenesisElement",
10611
10397
  "package": "@genesislcap/web-core"
10612
10398
  },
10613
- "tagName": "parameter-builder",
10399
+ "tagName": "rule-condition-group",
10614
10400
  "customElement": true
10615
10401
  }
10616
10402
  ],
10617
10403
  "exports": [
10618
10404
  {
10619
10405
  "kind": "js",
10620
- "name": "ParameterBuilder",
10406
+ "name": "RuleConditionGroup",
10621
10407
  "declaration": {
10622
- "name": "ParameterBuilder",
10623
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
10408
+ "name": "RuleConditionGroup",
10409
+ "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
10624
10410
  }
10625
10411
  },
10626
10412
  {
10627
10413
  "kind": "custom-element-definition",
10628
- "name": "parameter-builder",
10414
+ "name": "rule-condition-group",
10629
10415
  "declaration": {
10630
- "name": "ParameterBuilder",
10631
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
10416
+ "name": "RuleConditionGroup",
10417
+ "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
10632
10418
  }
10633
10419
  }
10634
10420
  ]
10635
10421
  },
10636
10422
  {
10637
10423
  "kind": "javascript-module",
10638
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
10424
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts",
10639
10425
  "declarations": [
10640
10426
  {
10641
10427
  "kind": "variable",
10642
- "name": "TemplateConditionGroupTemplate",
10643
- "default": "html<TemplateConditionGroup>`\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-group-row\">\n <div class=\"condition-group-box\">\n ${repeat(\n (x) => x.groupChildren,\n html<ConditionNode, TemplateConditionGroup>`\n ${when(\n (x) => isGroup(x),\n html<ConditionNode>`\n <template-condition-group\n :fields=${(x, c) => c.parent.fields}\n :parameters=${(x, c) => c.parent.parameters}\n :node=${(x) => x}\n :isFirst=${(x, c) => c.index === 0}\n @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n ></template-condition-group>\n `,\n )}\n ${when(\n (x) => !isGroup(x),\n html<ConditionNode>`\n <template-condition-builder\n :fields=${(x, c) => c.parent.fields}\n :parameters=${(x, c) => c.parent.parameters}\n :condition=${(x) => x}\n :isFirst=${(x, c) => c.index === 0}\n @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n ></template-condition-builder>\n `,\n )}\n `,\n { positioning: true },\n )}\n\n <div class=\"content-row\">\n <rapid-button appearance=\"lightweight\" @click=${(x) => x.newCondition()}>\n + Condition\n </rapid-button>\n <rapid-button appearance=\"lightweight\" @click=${(x) => x.newGroup()}>+ Group</rapid-button>\n <rapid-button appearance=\"icon\" class=\"delete-group\" @click=${(x) => x.deleteSelf()}>\n <rapid-icon variant=\"regular\" name=\"trash-alt\" size=\"lg\" part=\"icon\"></rapid-icon>\n </rapid-button>\n </div>\n </div>\n </div>\n`"
10428
+ "name": "ParameterBuilderStyles",
10429
+ "default": "css`\n .parameter-builder {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n rapid-button {\n margin: 0;\n }\n\n .delete {\n margin: 0;\n display: flex;\n justify-content: center;\n height: calc(var(--design-unit) * 9px);\n }\n\n .delete:hover {\n background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n }\n\n rapid-text-field {\n width: 100%;\n margin-bottom: 0;\n }\n\n rapid-text-field::part(root) {\n height: calc(var(--design-unit) * 9px);\n }\n\n rapid-select {\n min-width: auto;\n }\n\n rapid-select.param-type::part(control) {\n width: 115px;\n }\n\n rapid-select.param-source-type::part(control) {\n width: 160px;\n }\n\n rapid-select.param-source::part(control) {\n width: ${PARAM_SOURCE_WIDTH}px;\n }\n\n rapid-text-field.param-source::part(root) {\n width: calc(${PARAM_SOURCE_WIDTH}px + 2px);\n }\n\n rapid-select::part(listbox) {\n max-height: 160px;\n }\n`"
10644
10430
  }
10645
10431
  ],
10646
10432
  "exports": [
10647
10433
  {
10648
10434
  "kind": "js",
10649
- "name": "TemplateConditionGroupTemplate",
10435
+ "name": "ParameterBuilderStyles",
10650
10436
  "declaration": {
10651
- "name": "TemplateConditionGroupTemplate",
10652
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
10437
+ "name": "ParameterBuilderStyles",
10438
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts"
10653
10439
  }
10654
10440
  }
10655
10441
  ]
10656
10442
  },
10657
10443
  {
10658
10444
  "kind": "javascript-module",
10659
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
10445
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts",
10446
+ "declarations": [
10447
+ {
10448
+ "kind": "variable",
10449
+ "name": "ParameterBuilderTemplate",
10450
+ "default": "html<ParameterBuilder>`\n <div class=\"parameter-builder\">\n <rapid-text-field\n id=\"param-name\"\n placeholder=\"Name\"\n :value=${sync((x) => x.name)}\n ></rapid-text-field>\n\n <rapid-text-field\n id=\"param-label\"\n placeholder=\"Label\"\n :value=${sync((x) => x.label)}\n ></rapid-text-field>\n\n <rapid-select\n id=\"param-source-type\"\n :value=${sync((x) => x.sourceType)}\n class=\"param-source-type\"\n >\n ${repeat(\n (x) => ALL_PARAM_SOURCE_TYPES,\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n\n ${when(\n (x) => x.sourceType === PARAM_SOURCE_TYPE_USER_TEXT,\n html<ParameterBuilder>`\n <rapid-text-field class=\"param-source\" disabled></rapid-text-field>\n `,\n )}\n ${when(\n (x) => x.sourceType === PARAM_SOURCE_TYPE_REQ_REP,\n html<ParameterBuilder>`\n <rapid-select\n ${ref('sourceSelect')}\n id=\"param-source\"\n :value=${sync((x) => x.sourceSelected)}\n class=\"param-source\"\n ?disabled=${(x) => x.sourceType !== PARAM_SOURCE_TYPE_REQ_REP}\n >\n ${repeat(\n (x) => x.reqRepItems,\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n `,\n )}\n ${when(\n (x) => x.sourceType === PARAM_SOURCE_TYPE_DEFINED_GROUP,\n html<ParameterBuilder>`\n <rapid-text-field\n ${ref('sourceTextField')}\n class=\"param-source\"\n placeholder=\"item1,item2,item3\"\n :value=${sync((x) => x.sourceTyped)}\n ></rapid-text-field>\n `,\n )}\n\n <rapid-select id=\"param-type\" :value=${sync((x) => x.type)} class=\"param-type\">\n ${repeat(\n (x) => ALL_PARAM_TYPES,\n html`\n <rapid-option value=${(x) => x}>${(x) => x}</rapid-option>\n `,\n )}\n </rapid-select>\n\n <rapid-button appearance=\"icon\" class=\"delete\" @click=${(x) => x.deleteParameter()}>\n <rapid-icon\n style=\"opacity: 0.5\"\n variant=\"regular\"\n name=\"trash-alt\"\n size=\"lg\"\n part=\"icon\"\n ></rapid-icon>\n </rapid-button>\n </div>\n`"
10451
+ }
10452
+ ],
10453
+ "exports": [
10454
+ {
10455
+ "kind": "js",
10456
+ "name": "ParameterBuilderTemplate",
10457
+ "declaration": {
10458
+ "name": "ParameterBuilderTemplate",
10459
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.template.ts"
10460
+ }
10461
+ }
10462
+ ]
10463
+ },
10464
+ {
10465
+ "kind": "javascript-module",
10466
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts",
10660
10467
  "declarations": [
10661
10468
  {
10662
10469
  "kind": "class",
10663
- "description": "Parenthesized group of conditions/nested groups for notification template\ncriteria - see rule-condition-group for the rationale. Also forwards\n:parameters down to nested template-condition-builder rows so parameter\nbinding (USER_ENTRY) keeps working inside a group.",
10664
- "name": "TemplateConditionGroup",
10470
+ "description": "Parameter builder for notification templates.",
10471
+ "name": "ParameterBuilder",
10665
10472
  "members": [
10666
10473
  {
10667
10474
  "kind": "field",
10668
- "name": "node",
10475
+ "name": "parameter",
10669
10476
  "type": {
10670
- "text": "ConditionGroupEntity"
10477
+ "text": "ParameterBuilderEntity"
10671
10478
  }
10672
10479
  },
10673
10480
  {
10674
10481
  "kind": "field",
10675
- "name": "fields",
10482
+ "name": "name",
10676
10483
  "type": {
10677
- "text": "Field[]"
10678
- },
10679
- "default": "[]"
10484
+ "text": "string"
10485
+ }
10680
10486
  },
10681
10487
  {
10682
10488
  "kind": "field",
10683
- "name": "parameters",
10489
+ "name": "label",
10684
10490
  "type": {
10685
- "text": "Array<ParameterBuilderEntity>"
10686
- },
10687
- "default": "[]"
10491
+ "text": "string"
10492
+ }
10688
10493
  },
10689
10494
  {
10690
10495
  "kind": "field",
10691
- "name": "isFirst",
10496
+ "name": "type",
10692
10497
  "type": {
10693
- "text": "boolean"
10694
- },
10695
- "default": "false"
10498
+ "text": "string"
10499
+ }
10696
10500
  },
10697
10501
  {
10698
10502
  "kind": "field",
10699
- "name": "joinOperator",
10503
+ "name": "sourceType",
10700
10504
  "type": {
10701
10505
  "text": "string"
10702
10506
  }
10703
10507
  },
10704
10508
  {
10705
10509
  "kind": "field",
10706
- "name": "groupChildren",
10510
+ "name": "sourceSelected",
10707
10511
  "type": {
10708
- "text": "ConditionNode[]"
10512
+ "text": "string"
10513
+ }
10514
+ },
10515
+ {
10516
+ "kind": "field",
10517
+ "name": "sourceTyped",
10518
+ "type": {
10519
+ "text": "string"
10520
+ }
10521
+ },
10522
+ {
10523
+ "kind": "field",
10524
+ "name": "sourceTextField",
10525
+ "type": {
10526
+ "text": "TextField"
10527
+ }
10528
+ },
10529
+ {
10530
+ "kind": "field",
10531
+ "name": "sourceSelect",
10532
+ "type": {
10533
+ "text": "Select"
10534
+ }
10535
+ },
10536
+ {
10537
+ "kind": "field",
10538
+ "name": "reqRepItems",
10539
+ "type": {
10540
+ "text": "array"
10709
10541
  },
10710
- "default": "[]"
10542
+ "default": "['REQUEST_1', 'REQUEST_2', 'REQUEST_3']"
10711
10543
  },
10712
10544
  {
10713
10545
  "kind": "method",
10714
- "name": "nodeChanged"
10546
+ "name": "deleteParameter"
10715
10547
  },
10716
10548
  {
10717
10549
  "kind": "method",
10718
- "name": "joinOperatorChanged"
10550
+ "name": "parameterChanged"
10719
10551
  },
10720
10552
  {
10721
10553
  "kind": "method",
10722
- "name": "newCondition"
10554
+ "name": "nameChanged"
10723
10555
  },
10724
10556
  {
10725
10557
  "kind": "method",
10726
- "name": "newGroup"
10558
+ "name": "labelChanged"
10727
10559
  },
10728
10560
  {
10729
10561
  "kind": "method",
10730
- "name": "editChild",
10731
- "parameters": [
10732
- {
10733
- "name": "_editedChild",
10734
- "type": {
10735
- "text": "ConditionNode"
10736
- }
10737
- }
10738
- ]
10562
+ "name": "typeChanged"
10739
10563
  },
10740
10564
  {
10741
10565
  "kind": "method",
10742
- "name": "deleteChild",
10566
+ "name": "sourceTypeChanged"
10567
+ },
10568
+ {
10569
+ "kind": "method",
10570
+ "name": "sourceSelectedChanged"
10571
+ },
10572
+ {
10573
+ "kind": "method",
10574
+ "name": "sourceTypedChanged"
10575
+ },
10576
+ {
10577
+ "kind": "method",
10578
+ "name": "genericChanged",
10579
+ "privacy": "private",
10743
10580
  "parameters": [
10744
10581
  {
10745
- "name": "deletedChild",
10746
- "type": {
10747
- "text": "ConditionNode"
10748
- }
10582
+ "name": "parameterAttribute"
10583
+ },
10584
+ {
10585
+ "name": "value"
10749
10586
  }
10750
10587
  ]
10751
- },
10752
- {
10753
- "kind": "method",
10754
- "name": "deleteSelf"
10755
10588
  }
10756
10589
  ],
10757
10590
  "events": [
10758
10591
  {
10759
- "description": "Fired when this whole group should be removed",
10592
+ "description": "Fired when a parameter is deleted. detail: `ParameterBuilderEntity`",
10760
10593
  "name": "delete"
10761
10594
  },
10762
10595
  {
10763
- "description": "Fired when anything inside this group changes",
10596
+ "description": "Fired when a parameter is edited. detail: `ParameterBuilderEntity`",
10764
10597
  "name": "edit"
10765
10598
  }
10766
10599
  ],
10600
+ "attributes": [
10601
+ {
10602
+ "name": "parameter",
10603
+ "type": {
10604
+ "text": "ParameterBuilderEntity"
10605
+ },
10606
+ "fieldName": "parameter"
10607
+ }
10608
+ ],
10767
10609
  "superclass": {
10768
10610
  "name": "GenesisElement",
10769
10611
  "package": "@genesislcap/web-core"
10770
10612
  },
10771
- "tagName": "template-condition-group",
10613
+ "tagName": "parameter-builder",
10772
10614
  "customElement": true
10773
10615
  }
10774
10616
  ],
10775
10617
  "exports": [
10776
10618
  {
10777
10619
  "kind": "js",
10778
- "name": "TemplateConditionGroup",
10620
+ "name": "ParameterBuilder",
10779
10621
  "declaration": {
10780
- "name": "TemplateConditionGroup",
10781
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
10622
+ "name": "ParameterBuilder",
10623
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
10782
10624
  }
10783
10625
  },
10784
10626
  {
10785
10627
  "kind": "custom-element-definition",
10786
- "name": "template-condition-group",
10628
+ "name": "parameter-builder",
10787
10629
  "declaration": {
10788
- "name": "TemplateConditionGroup",
10789
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
10630
+ "name": "ParameterBuilder",
10631
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
10790
10632
  }
10791
10633
  }
10792
10634
  ]
@@ -11074,6 +10916,164 @@
11074
10916
  }
11075
10917
  }
11076
10918
  ]
10919
+ },
10920
+ {
10921
+ "kind": "javascript-module",
10922
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
10923
+ "declarations": [
10924
+ {
10925
+ "kind": "variable",
10926
+ "name": "TemplateConditionGroupTemplate",
10927
+ "default": "html<TemplateConditionGroup>`\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-group-row\">\n <div class=\"condition-group-box\">\n ${repeat(\n (x) => x.groupChildren,\n html<ConditionNode, TemplateConditionGroup>`\n ${when(\n (x) => isGroup(x),\n html<ConditionNode>`\n <template-condition-group\n :fields=${(x, c) => c.parent.fields}\n :parameters=${(x, c) => c.parent.parameters}\n :node=${(x) => x}\n :isFirst=${(x, c) => c.index === 0}\n @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n ></template-condition-group>\n `,\n )}\n ${when(\n (x) => !isGroup(x),\n html<ConditionNode>`\n <template-condition-builder\n :fields=${(x, c) => c.parent.fields}\n :parameters=${(x, c) => c.parent.parameters}\n :condition=${(x) => x}\n :isFirst=${(x, c) => c.index === 0}\n @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n ></template-condition-builder>\n `,\n )}\n `,\n { positioning: true },\n )}\n\n <div class=\"content-row\">\n <rapid-button appearance=\"lightweight\" @click=${(x) => x.newCondition()}>\n + Condition\n </rapid-button>\n <rapid-button appearance=\"lightweight\" @click=${(x) => x.newGroup()}>+ Group</rapid-button>\n <rapid-button appearance=\"icon\" class=\"delete-group\" @click=${(x) => x.deleteSelf()}>\n <rapid-icon variant=\"regular\" name=\"trash-alt\" size=\"lg\" part=\"icon\"></rapid-icon>\n </rapid-button>\n </div>\n </div>\n </div>\n`"
10928
+ }
10929
+ ],
10930
+ "exports": [
10931
+ {
10932
+ "kind": "js",
10933
+ "name": "TemplateConditionGroupTemplate",
10934
+ "declaration": {
10935
+ "name": "TemplateConditionGroupTemplate",
10936
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
10937
+ }
10938
+ }
10939
+ ]
10940
+ },
10941
+ {
10942
+ "kind": "javascript-module",
10943
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
10944
+ "declarations": [
10945
+ {
10946
+ "kind": "class",
10947
+ "description": "Parenthesized group of conditions/nested groups for notification template\ncriteria - see rule-condition-group for the rationale. Also forwards\n:parameters down to nested template-condition-builder rows so parameter\nbinding (USER_ENTRY) keeps working inside a group.",
10948
+ "name": "TemplateConditionGroup",
10949
+ "members": [
10950
+ {
10951
+ "kind": "field",
10952
+ "name": "node",
10953
+ "type": {
10954
+ "text": "ConditionGroupEntity"
10955
+ }
10956
+ },
10957
+ {
10958
+ "kind": "field",
10959
+ "name": "fields",
10960
+ "type": {
10961
+ "text": "Field[]"
10962
+ },
10963
+ "default": "[]"
10964
+ },
10965
+ {
10966
+ "kind": "field",
10967
+ "name": "parameters",
10968
+ "type": {
10969
+ "text": "Array<ParameterBuilderEntity>"
10970
+ },
10971
+ "default": "[]"
10972
+ },
10973
+ {
10974
+ "kind": "field",
10975
+ "name": "isFirst",
10976
+ "type": {
10977
+ "text": "boolean"
10978
+ },
10979
+ "default": "false"
10980
+ },
10981
+ {
10982
+ "kind": "field",
10983
+ "name": "joinOperator",
10984
+ "type": {
10985
+ "text": "string"
10986
+ }
10987
+ },
10988
+ {
10989
+ "kind": "field",
10990
+ "name": "groupChildren",
10991
+ "type": {
10992
+ "text": "ConditionNode[]"
10993
+ },
10994
+ "default": "[]"
10995
+ },
10996
+ {
10997
+ "kind": "method",
10998
+ "name": "nodeChanged"
10999
+ },
11000
+ {
11001
+ "kind": "method",
11002
+ "name": "joinOperatorChanged"
11003
+ },
11004
+ {
11005
+ "kind": "method",
11006
+ "name": "newCondition"
11007
+ },
11008
+ {
11009
+ "kind": "method",
11010
+ "name": "newGroup"
11011
+ },
11012
+ {
11013
+ "kind": "method",
11014
+ "name": "editChild",
11015
+ "parameters": [
11016
+ {
11017
+ "name": "_editedChild",
11018
+ "type": {
11019
+ "text": "ConditionNode"
11020
+ }
11021
+ }
11022
+ ]
11023
+ },
11024
+ {
11025
+ "kind": "method",
11026
+ "name": "deleteChild",
11027
+ "parameters": [
11028
+ {
11029
+ "name": "deletedChild",
11030
+ "type": {
11031
+ "text": "ConditionNode"
11032
+ }
11033
+ }
11034
+ ]
11035
+ },
11036
+ {
11037
+ "kind": "method",
11038
+ "name": "deleteSelf"
11039
+ }
11040
+ ],
11041
+ "events": [
11042
+ {
11043
+ "description": "Fired when this whole group should be removed",
11044
+ "name": "delete"
11045
+ },
11046
+ {
11047
+ "description": "Fired when anything inside this group changes",
11048
+ "name": "edit"
11049
+ }
11050
+ ],
11051
+ "superclass": {
11052
+ "name": "GenesisElement",
11053
+ "package": "@genesislcap/web-core"
11054
+ },
11055
+ "tagName": "template-condition-group",
11056
+ "customElement": true
11057
+ }
11058
+ ],
11059
+ "exports": [
11060
+ {
11061
+ "kind": "js",
11062
+ "name": "TemplateConditionGroup",
11063
+ "declaration": {
11064
+ "name": "TemplateConditionGroup",
11065
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
11066
+ }
11067
+ },
11068
+ {
11069
+ "kind": "custom-element-definition",
11070
+ "name": "template-condition-group",
11071
+ "declaration": {
11072
+ "name": "TemplateConditionGroup",
11073
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
11074
+ }
11075
+ }
11076
+ ]
11077
11077
  }
11078
11078
  ]
11079
11079
  }