@genesislcap/pbc-notify-ui 14.492.0-FUI-2571.4 → 14.492.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/custom-elements.json +414 -414
  2. package/dist/dts/react.d.ts +19 -19
  3. package/dist/react.cjs +10 -10
  4. package/dist/react.mjs +8 -8
  5. package/package.json +23 -23
package/dist/custom-elements.json CHANGED
@@ -3102,95 +3102,6 @@
3102
3102
  }
3103
3103
  ]
3104
3104
  },
3105
- {
3106
- "kind": "javascript-module",
3107
- "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
3108
- "declarations": [
3109
- {
3110
- "kind": "variable",
3111
- "name": "ConditionBuilderStyles",
3112
- "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`"
3113
- },
3114
- {
3115
- "kind": "variable",
3116
- "name": "ConditionGroupStyles",
3117
- "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`"
3118
- }
3119
- ],
3120
- "exports": [
3121
- {
3122
- "kind": "js",
3123
- "name": "ConditionBuilderStyles",
3124
- "declaration": {
3125
- "name": "ConditionBuilderStyles",
3126
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
3127
- }
3128
- },
3129
- {
3130
- "kind": "js",
3131
- "name": "ConditionGroupStyles",
3132
- "declaration": {
3133
- "name": "ConditionGroupStyles",
3134
- "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
3135
- }
3136
- }
3137
- ]
3138
- },
3139
- {
3140
- "kind": "javascript-module",
3141
- "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
3142
- "declarations": [
3143
- {
3144
- "kind": "variable",
3145
- "name": "DynamicRuleManagementStyles",
3146
- "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`"
3147
- },
3148
- {
3149
- "kind": "variable",
3150
- "name": "DynamicRuleDialogStyles",
3151
- "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: 500px;\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 .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`"
3152
- }
3153
- ],
3154
- "exports": [
3155
- {
3156
- "kind": "js",
3157
- "name": "DynamicRuleManagementStyles",
3158
- "declaration": {
3159
- "name": "DynamicRuleManagementStyles",
3160
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
3161
- }
3162
- },
3163
- {
3164
- "kind": "js",
3165
- "name": "DynamicRuleDialogStyles",
3166
- "declaration": {
3167
- "name": "DynamicRuleDialogStyles",
3168
- "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
3169
- }
3170
- }
3171
- ]
3172
- },
3173
- {
3174
- "kind": "javascript-module",
3175
- "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
3176
- "declarations": [
3177
- {
3178
- "kind": "variable",
3179
- "name": "managementGridStyles",
3180
- "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`"
3181
- }
3182
- ],
3183
- "exports": [
3184
- {
3185
- "kind": "js",
3186
- "name": "managementGridStyles",
3187
- "declaration": {
3188
- "name": "managementGridStyles",
3189
- "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
3190
- }
3191
- }
3192
- ]
3193
- },
3194
3105
  {
3195
3106
  "kind": "javascript-module",
3196
3107
  "path": "src/components/foundation-notification-dashboard/types/expression-type.ts",
@@ -3793,82 +3704,314 @@
3793
3704
  },
3794
3705
  {
3795
3706
  "kind": "javascript-module",
3796
- "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
3707
+ "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
3797
3708
  "declarations": [
3798
3709
  {
3799
3710
  "kind": "variable",
3800
- "name": "FoundationInboxFlyoutStyles",
3801
- "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`"
3711
+ "name": "ConditionBuilderStyles",
3712
+ "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`"
3713
+ },
3714
+ {
3715
+ "kind": "variable",
3716
+ "name": "ConditionGroupStyles",
3717
+ "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`"
3802
3718
  }
3803
3719
  ],
3804
3720
  "exports": [
3805
3721
  {
3806
3722
  "kind": "js",
3807
- "name": "FoundationInboxFlyoutStyles",
3723
+ "name": "ConditionBuilderStyles",
3808
3724
  "declaration": {
3809
- "name": "FoundationInboxFlyoutStyles",
3810
- "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts"
3725
+ "name": "ConditionBuilderStyles",
3726
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
3727
+ }
3728
+ },
3729
+ {
3730
+ "kind": "js",
3731
+ "name": "ConditionGroupStyles",
3732
+ "declaration": {
3733
+ "name": "ConditionGroupStyles",
3734
+ "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
3811
3735
  }
3812
3736
  }
3813
3737
  ]
3814
3738
  },
3815
3739
  {
3816
3740
  "kind": "javascript-module",
3817
- "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts",
3741
+ "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
3818
3742
  "declarations": [
3819
3743
  {
3820
3744
  "kind": "variable",
3821
- "name": "FoundationInboxFlyoutTemplate",
3822
- "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`"
3745
+ "name": "DynamicRuleManagementStyles",
3746
+ "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`"
3747
+ },
3748
+ {
3749
+ "kind": "variable",
3750
+ "name": "DynamicRuleDialogStyles",
3751
+ "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: 500px;\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 .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`"
3823
3752
  }
3824
3753
  ],
3825
3754
  "exports": [
3826
3755
  {
3827
3756
  "kind": "js",
3828
- "name": "FoundationInboxFlyoutTemplate",
3757
+ "name": "DynamicRuleManagementStyles",
3829
3758
  "declaration": {
3830
- "name": "FoundationInboxFlyoutTemplate",
3831
- "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts"
3759
+ "name": "DynamicRuleManagementStyles",
3760
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
3761
+ }
3762
+ },
3763
+ {
3764
+ "kind": "js",
3765
+ "name": "DynamicRuleDialogStyles",
3766
+ "declaration": {
3767
+ "name": "DynamicRuleDialogStyles",
3768
+ "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
3832
3769
  }
3833
3770
  }
3834
3771
  ]
3835
3772
  },
3836
3773
  {
3837
3774
  "kind": "javascript-module",
3838
- "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts",
3775
+ "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
3776
+ "declarations": [
3777
+ {
3778
+ "kind": "variable",
3779
+ "name": "managementGridStyles",
3780
+ "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`"
3781
+ }
3782
+ ],
3783
+ "exports": [
3784
+ {
3785
+ "kind": "js",
3786
+ "name": "managementGridStyles",
3787
+ "declaration": {
3788
+ "name": "managementGridStyles",
3789
+ "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
3790
+ }
3791
+ }
3792
+ ]
3793
+ },
3794
+ {
3795
+ "kind": "javascript-module",
3796
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
3797
+ "declarations": [
3798
+ {
3799
+ "kind": "variable",
3800
+ "name": "noItemsClass",
3801
+ "type": {
3802
+ "text": "string"
3803
+ },
3804
+ "default": "'no-items'",
3805
+ "description": "Class to use when there are no items"
3806
+ },
3807
+ {
3808
+ "kind": "variable",
3809
+ "name": "FoundationInboxCounterStyles",
3810
+ "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`"
3811
+ }
3812
+ ],
3813
+ "exports": [
3814
+ {
3815
+ "kind": "js",
3816
+ "name": "noItemsClass",
3817
+ "declaration": {
3818
+ "name": "noItemsClass",
3819
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
3820
+ }
3821
+ },
3822
+ {
3823
+ "kind": "js",
3824
+ "name": "FoundationInboxCounterStyles",
3825
+ "declaration": {
3826
+ "name": "FoundationInboxCounterStyles",
3827
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
3828
+ }
3829
+ }
3830
+ ]
3831
+ },
3832
+ {
3833
+ "kind": "javascript-module",
3834
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
3835
+ "declarations": [
3836
+ {
3837
+ "kind": "variable",
3838
+ "name": "FoundationInboxCounterTemplate",
3839
+ "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`"
3840
+ }
3841
+ ],
3842
+ "exports": [
3843
+ {
3844
+ "kind": "js",
3845
+ "name": "FoundationInboxCounterTemplate",
3846
+ "declaration": {
3847
+ "name": "FoundationInboxCounterTemplate",
3848
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
3849
+ }
3850
+ }
3851
+ ]
3852
+ },
3853
+ {
3854
+ "kind": "javascript-module",
3855
+ "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
3839
3856
  "declarations": [
3840
3857
  {
3841
3858
  "kind": "class",
3842
3859
  "description": "",
3843
- "name": "FoundationInboxFlyout",
3860
+ "name": "FoundationInboxCounter",
3844
3861
  "members": [
3845
3862
  {
3846
3863
  "kind": "field",
3847
- "name": "ready",
3864
+ "name": "value",
3848
3865
  "type": {
3849
- "text": "boolean"
3866
+ "text": "number"
3850
3867
  },
3851
- "default": "false"
3868
+ "default": "0"
3852
3869
  },
3853
3870
  {
3854
3871
  "kind": "field",
3855
- "name": "flyout",
3872
+ "name": "connect",
3856
3873
  "type": {
3857
- "text": "Flyout"
3874
+ "text": "Connect"
3858
3875
  }
3859
3876
  },
3860
3877
  {
3861
3878
  "kind": "field",
3862
- "name": "flyoutClosed",
3879
+ "name": "inboxService",
3863
3880
  "type": {
3864
- "text": "boolean"
3881
+ "text": "FoundationInboxService"
3882
+ }
3883
+ },
3884
+ {
3885
+ "kind": "field",
3886
+ "name": "connectionSub",
3887
+ "type": {
3888
+ "text": "Subscription"
3865
3889
  },
3866
- "default": "true"
3890
+ "privacy": "private"
3867
3891
  },
3868
3892
  {
3869
3893
  "kind": "method",
3870
- "name": "open",
3871
- "privacy": "public"
3894
+ "name": "subscribeToAlerts",
3895
+ "privacy": "private",
3896
+ "return": {
3897
+ "type": {
3898
+ "text": "Promise<void>"
3899
+ }
3900
+ },
3901
+ "description": "Subscribes to alerts from the inbox service"
3902
+ },
3903
+ {
3904
+ "kind": "field",
3905
+ "name": "subscriptionHandler",
3906
+ "privacy": "private",
3907
+ "description": "Handles subscription updates from the inbox service"
3908
+ }
3909
+ ],
3910
+ "superclass": {
3911
+ "name": "GenesisElement",
3912
+ "package": "@genesislcap/web-core"
3913
+ },
3914
+ "tagName": "foundation-inbox-counter",
3915
+ "customElement": true
3916
+ }
3917
+ ],
3918
+ "exports": [
3919
+ {
3920
+ "kind": "js",
3921
+ "name": "FoundationInboxCounter",
3922
+ "declaration": {
3923
+ "name": "FoundationInboxCounter",
3924
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
3925
+ }
3926
+ },
3927
+ {
3928
+ "kind": "custom-element-definition",
3929
+ "name": "foundation-inbox-counter",
3930
+ "declaration": {
3931
+ "name": "FoundationInboxCounter",
3932
+ "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
3933
+ }
3934
+ }
3935
+ ]
3936
+ },
3937
+ {
3938
+ "kind": "javascript-module",
3939
+ "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
3940
+ "declarations": [
3941
+ {
3942
+ "kind": "variable",
3943
+ "name": "FoundationInboxFlyoutStyles",
3944
+ "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`"
3945
+ }
3946
+ ],
3947
+ "exports": [
3948
+ {
3949
+ "kind": "js",
3950
+ "name": "FoundationInboxFlyoutStyles",
3951
+ "declaration": {
3952
+ "name": "FoundationInboxFlyoutStyles",
3953
+ "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts"
3954
+ }
3955
+ }
3956
+ ]
3957
+ },
3958
+ {
3959
+ "kind": "javascript-module",
3960
+ "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts",
3961
+ "declarations": [
3962
+ {
3963
+ "kind": "variable",
3964
+ "name": "FoundationInboxFlyoutTemplate",
3965
+ "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`"
3966
+ }
3967
+ ],
3968
+ "exports": [
3969
+ {
3970
+ "kind": "js",
3971
+ "name": "FoundationInboxFlyoutTemplate",
3972
+ "declaration": {
3973
+ "name": "FoundationInboxFlyoutTemplate",
3974
+ "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts"
3975
+ }
3976
+ }
3977
+ ]
3978
+ },
3979
+ {
3980
+ "kind": "javascript-module",
3981
+ "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts",
3982
+ "declarations": [
3983
+ {
3984
+ "kind": "class",
3985
+ "description": "",
3986
+ "name": "FoundationInboxFlyout",
3987
+ "members": [
3988
+ {
3989
+ "kind": "field",
3990
+ "name": "ready",
3991
+ "type": {
3992
+ "text": "boolean"
3993
+ },
3994
+ "default": "false"
3995
+ },
3996
+ {
3997
+ "kind": "field",
3998
+ "name": "flyout",
3999
+ "type": {
4000
+ "text": "Flyout"
4001
+ }
4002
+ },
4003
+ {
4004
+ "kind": "field",
4005
+ "name": "flyoutClosed",
4006
+ "type": {
4007
+ "text": "boolean"
4008
+ },
4009
+ "default": "true"
4010
+ },
4011
+ {
4012
+ "kind": "method",
4013
+ "name": "open",
4014
+ "privacy": "public"
3872
4015
  },
3873
4016
  {
3874
4017
  "kind": "method",
@@ -4798,149 +4941,6 @@
4798
4941
  }
4799
4942
  ]
4800
4943
  },
4801
- {
4802
- "kind": "javascript-module",
4803
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
4804
- "declarations": [
4805
- {
4806
- "kind": "variable",
4807
- "name": "noItemsClass",
4808
- "type": {
4809
- "text": "string"
4810
- },
4811
- "default": "'no-items'",
4812
- "description": "Class to use when there are no items"
4813
- },
4814
- {
4815
- "kind": "variable",
4816
- "name": "FoundationInboxCounterStyles",
4817
- "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`"
4818
- }
4819
- ],
4820
- "exports": [
4821
- {
4822
- "kind": "js",
4823
- "name": "noItemsClass",
4824
- "declaration": {
4825
- "name": "noItemsClass",
4826
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
4827
- }
4828
- },
4829
- {
4830
- "kind": "js",
4831
- "name": "FoundationInboxCounterStyles",
4832
- "declaration": {
4833
- "name": "FoundationInboxCounterStyles",
4834
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
4835
- }
4836
- }
4837
- ]
4838
- },
4839
- {
4840
- "kind": "javascript-module",
4841
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
4842
- "declarations": [
4843
- {
4844
- "kind": "variable",
4845
- "name": "FoundationInboxCounterTemplate",
4846
- "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`"
4847
- }
4848
- ],
4849
- "exports": [
4850
- {
4851
- "kind": "js",
4852
- "name": "FoundationInboxCounterTemplate",
4853
- "declaration": {
4854
- "name": "FoundationInboxCounterTemplate",
4855
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
4856
- }
4857
- }
4858
- ]
4859
- },
4860
- {
4861
- "kind": "javascript-module",
4862
- "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
4863
- "declarations": [
4864
- {
4865
- "kind": "class",
4866
- "description": "",
4867
- "name": "FoundationInboxCounter",
4868
- "members": [
4869
- {
4870
- "kind": "field",
4871
- "name": "value",
4872
- "type": {
4873
- "text": "number"
4874
- },
4875
- "default": "0"
4876
- },
4877
- {
4878
- "kind": "field",
4879
- "name": "connect",
4880
- "type": {
4881
- "text": "Connect"
4882
- }
4883
- },
4884
- {
4885
- "kind": "field",
4886
- "name": "inboxService",
4887
- "type": {
4888
- "text": "FoundationInboxService"
4889
- }
4890
- },
4891
- {
4892
- "kind": "field",
4893
- "name": "connectionSub",
4894
- "type": {
4895
- "text": "Subscription"
4896
- },
4897
- "privacy": "private"
4898
- },
4899
- {
4900
- "kind": "method",
4901
- "name": "subscribeToAlerts",
4902
- "privacy": "private",
4903
- "return": {
4904
- "type": {
4905
- "text": "Promise<void>"
4906
- }
4907
- },
4908
- "description": "Subscribes to alerts from the inbox service"
4909
- },
4910
- {
4911
- "kind": "field",
4912
- "name": "subscriptionHandler",
4913
- "privacy": "private",
4914
- "description": "Handles subscription updates from the inbox service"
4915
- }
4916
- ],
4917
- "superclass": {
4918
- "name": "GenesisElement",
4919
- "package": "@genesislcap/web-core"
4920
- },
4921
- "tagName": "foundation-inbox-counter",
4922
- "customElement": true
4923
- }
4924
- ],
4925
- "exports": [
4926
- {
4927
- "kind": "js",
4928
- "name": "FoundationInboxCounter",
4929
- "declaration": {
4930
- "name": "FoundationInboxCounter",
4931
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
4932
- }
4933
- },
4934
- {
4935
- "kind": "custom-element-definition",
4936
- "name": "foundation-inbox-counter",
4937
- "declaration": {
4938
- "name": "FoundationInboxCounter",
4939
- "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
4940
- }
4941
- }
4942
- ]
4943
- },
4944
4944
  {
4945
4945
  "kind": "javascript-module",
4946
4946
  "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts",
@@ -7208,6 +7208,164 @@
7208
7208
  }
7209
7209
  ]
7210
7210
  },
7211
+ {
7212
+ "kind": "javascript-module",
7213
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
7214
+ "declarations": [
7215
+ {
7216
+ "kind": "variable",
7217
+ "name": "TemplateConditionGroupTemplate",
7218
+ "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`"
7219
+ }
7220
+ ],
7221
+ "exports": [
7222
+ {
7223
+ "kind": "js",
7224
+ "name": "TemplateConditionGroupTemplate",
7225
+ "declaration": {
7226
+ "name": "TemplateConditionGroupTemplate",
7227
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
7228
+ }
7229
+ }
7230
+ ]
7231
+ },
7232
+ {
7233
+ "kind": "javascript-module",
7234
+ "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
7235
+ "declarations": [
7236
+ {
7237
+ "kind": "class",
7238
+ "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.",
7239
+ "name": "TemplateConditionGroup",
7240
+ "members": [
7241
+ {
7242
+ "kind": "field",
7243
+ "name": "node",
7244
+ "type": {
7245
+ "text": "ConditionGroupEntity"
7246
+ }
7247
+ },
7248
+ {
7249
+ "kind": "field",
7250
+ "name": "fields",
7251
+ "type": {
7252
+ "text": "Field[]"
7253
+ },
7254
+ "default": "[]"
7255
+ },
7256
+ {
7257
+ "kind": "field",
7258
+ "name": "parameters",
7259
+ "type": {
7260
+ "text": "Array<ParameterBuilderEntity>"
7261
+ },
7262
+ "default": "[]"
7263
+ },
7264
+ {
7265
+ "kind": "field",
7266
+ "name": "isFirst",
7267
+ "type": {
7268
+ "text": "boolean"
7269
+ },
7270
+ "default": "false"
7271
+ },
7272
+ {
7273
+ "kind": "field",
7274
+ "name": "joinOperator",
7275
+ "type": {
7276
+ "text": "string"
7277
+ }
7278
+ },
7279
+ {
7280
+ "kind": "field",
7281
+ "name": "groupChildren",
7282
+ "type": {
7283
+ "text": "ConditionNode[]"
7284
+ },
7285
+ "default": "[]"
7286
+ },
7287
+ {
7288
+ "kind": "method",
7289
+ "name": "nodeChanged"
7290
+ },
7291
+ {
7292
+ "kind": "method",
7293
+ "name": "joinOperatorChanged"
7294
+ },
7295
+ {
7296
+ "kind": "method",
7297
+ "name": "newCondition"
7298
+ },
7299
+ {
7300
+ "kind": "method",
7301
+ "name": "newGroup"
7302
+ },
7303
+ {
7304
+ "kind": "method",
7305
+ "name": "editChild",
7306
+ "parameters": [
7307
+ {
7308
+ "name": "_editedChild",
7309
+ "type": {
7310
+ "text": "ConditionNode"
7311
+ }
7312
+ }
7313
+ ]
7314
+ },
7315
+ {
7316
+ "kind": "method",
7317
+ "name": "deleteChild",
7318
+ "parameters": [
7319
+ {
7320
+ "name": "deletedChild",
7321
+ "type": {
7322
+ "text": "ConditionNode"
7323
+ }
7324
+ }
7325
+ ]
7326
+ },
7327
+ {
7328
+ "kind": "method",
7329
+ "name": "deleteSelf"
7330
+ }
7331
+ ],
7332
+ "events": [
7333
+ {
7334
+ "description": "Fired when this whole group should be removed",
7335
+ "name": "delete"
7336
+ },
7337
+ {
7338
+ "description": "Fired when anything inside this group changes",
7339
+ "name": "edit"
7340
+ }
7341
+ ],
7342
+ "superclass": {
7343
+ "name": "GenesisElement",
7344
+ "package": "@genesislcap/web-core"
7345
+ },
7346
+ "tagName": "template-condition-group",
7347
+ "customElement": true
7348
+ }
7349
+ ],
7350
+ "exports": [
7351
+ {
7352
+ "kind": "js",
7353
+ "name": "TemplateConditionGroup",
7354
+ "declaration": {
7355
+ "name": "TemplateConditionGroup",
7356
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
7357
+ }
7358
+ },
7359
+ {
7360
+ "kind": "custom-element-definition",
7361
+ "name": "template-condition-group",
7362
+ "declaration": {
7363
+ "name": "TemplateConditionGroup",
7364
+ "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
7365
+ }
7366
+ }
7367
+ ]
7368
+ },
7211
7369
  {
7212
7370
  "kind": "javascript-module",
7213
7371
  "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-builder/template-condition-builder.template.ts",
@@ -7499,164 +7657,6 @@
7499
7657
  }
7500
7658
  }
7501
7659
  ]
7502
- },
7503
- {
7504
- "kind": "javascript-module",
7505
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
7506
- "declarations": [
7507
- {
7508
- "kind": "variable",
7509
- "name": "TemplateConditionGroupTemplate",
7510
- "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`"
7511
- }
7512
- ],
7513
- "exports": [
7514
- {
7515
- "kind": "js",
7516
- "name": "TemplateConditionGroupTemplate",
7517
- "declaration": {
7518
- "name": "TemplateConditionGroupTemplate",
7519
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
7520
- }
7521
- }
7522
- ]
7523
- },
7524
- {
7525
- "kind": "javascript-module",
7526
- "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
7527
- "declarations": [
7528
- {
7529
- "kind": "class",
7530
- "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.",
7531
- "name": "TemplateConditionGroup",
7532
- "members": [
7533
- {
7534
- "kind": "field",
7535
- "name": "node",
7536
- "type": {
7537
- "text": "ConditionGroupEntity"
7538
- }
7539
- },
7540
- {
7541
- "kind": "field",
7542
- "name": "fields",
7543
- "type": {
7544
- "text": "Field[]"
7545
- },
7546
- "default": "[]"
7547
- },
7548
- {
7549
- "kind": "field",
7550
- "name": "parameters",
7551
- "type": {
7552
- "text": "Array<ParameterBuilderEntity>"
7553
- },
7554
- "default": "[]"
7555
- },
7556
- {
7557
- "kind": "field",
7558
- "name": "isFirst",
7559
- "type": {
7560
- "text": "boolean"
7561
- },
7562
- "default": "false"
7563
- },
7564
- {
7565
- "kind": "field",
7566
- "name": "joinOperator",
7567
- "type": {
7568
- "text": "string"
7569
- }
7570
- },
7571
- {
7572
- "kind": "field",
7573
- "name": "groupChildren",
7574
- "type": {
7575
- "text": "ConditionNode[]"
7576
- },
7577
- "default": "[]"
7578
- },
7579
- {
7580
- "kind": "method",
7581
- "name": "nodeChanged"
7582
- },
7583
- {
7584
- "kind": "method",
7585
- "name": "joinOperatorChanged"
7586
- },
7587
- {
7588
- "kind": "method",
7589
- "name": "newCondition"
7590
- },
7591
- {
7592
- "kind": "method",
7593
- "name": "newGroup"
7594
- },
7595
- {
7596
- "kind": "method",
7597
- "name": "editChild",
7598
- "parameters": [
7599
- {
7600
- "name": "_editedChild",
7601
- "type": {
7602
- "text": "ConditionNode"
7603
- }
7604
- }
7605
- ]
7606
- },
7607
- {
7608
- "kind": "method",
7609
- "name": "deleteChild",
7610
- "parameters": [
7611
- {
7612
- "name": "deletedChild",
7613
- "type": {
7614
- "text": "ConditionNode"
7615
- }
7616
- }
7617
- ]
7618
- },
7619
- {
7620
- "kind": "method",
7621
- "name": "deleteSelf"
7622
- }
7623
- ],
7624
- "events": [
7625
- {
7626
- "description": "Fired when this whole group should be removed",
7627
- "name": "delete"
7628
- },
7629
- {
7630
- "description": "Fired when anything inside this group changes",
7631
- "name": "edit"
7632
- }
7633
- ],
7634
- "superclass": {
7635
- "name": "GenesisElement",
7636
- "package": "@genesislcap/web-core"
7637
- },
7638
- "tagName": "template-condition-group",
7639
- "customElement": true
7640
- }
7641
- ],
7642
- "exports": [
7643
- {
7644
- "kind": "js",
7645
- "name": "TemplateConditionGroup",
7646
- "declaration": {
7647
- "name": "TemplateConditionGroup",
7648
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
7649
- }
7650
- },
7651
- {
7652
- "kind": "custom-element-definition",
7653
- "name": "template-condition-group",
7654
- "declaration": {
7655
- "name": "TemplateConditionGroup",
7656
- "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
7657
- }
7658
- }
7659
- ]
7660
7660
  }
7661
7661
  ]
7662
7662
  }
package/dist/dts/react.d.ts CHANGED
@@ -85,23 +85,23 @@ export declare const FoundationNotificationDashboard: React.ForwardRefExoticComp
85
85
  >;
86
86
  export type FoundationNotificationDashboardRef = FoundationNotificationDashboardWC;
87
87
 
88
- export declare const FoundationInboxFlyout: React.ForwardRefExoticComponent<
88
+ export declare const FoundationInboxCounter: React.ForwardRefExoticComponent<
89
89
  React.PropsWithChildren<
90
- Omit<PublicOf<FoundationInboxFlyoutWC>, 'children' | 'style'> &
90
+ Omit<PublicOf<FoundationInboxCounterWC>, 'children' | 'style'> &
91
91
  HTMLWCProps & {
92
92
  }
93
- > & React.RefAttributes<FoundationInboxFlyoutWC>
93
+ > & React.RefAttributes<FoundationInboxCounterWC>
94
94
  >;
95
- export type FoundationInboxFlyoutRef = FoundationInboxFlyoutWC;
95
+ export type FoundationInboxCounterRef = FoundationInboxCounterWC;
96
96
 
97
- export declare const FoundationInboxCounter: React.ForwardRefExoticComponent<
97
+ export declare const FoundationInboxFlyout: React.ForwardRefExoticComponent<
98
98
  React.PropsWithChildren<
99
- Omit<PublicOf<FoundationInboxCounterWC>, 'children' | 'style'> &
99
+ Omit<PublicOf<FoundationInboxFlyoutWC>, 'children' | 'style'> &
100
100
  HTMLWCProps & {
101
101
  }
102
- > & React.RefAttributes<FoundationInboxCounterWC>
102
+ > & React.RefAttributes<FoundationInboxFlyoutWC>
103
103
  >;
104
- export type FoundationInboxCounterRef = FoundationInboxCounterWC;
104
+ export type FoundationInboxFlyoutRef = FoundationInboxFlyoutWC;
105
105
 
106
106
  export declare const InboxSubscription: React.ForwardRefExoticComponent<
107
107
  React.PropsWithChildren<
@@ -258,17 +258,6 @@ export declare const ParameterBuilder: React.ForwardRefExoticComponent<
258
258
  >;
259
259
  export type ParameterBuilderRef = ParameterBuilderWC;
260
260
 
261
- export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
262
- React.PropsWithChildren<
263
- Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
264
- HTMLWCProps & {
265
- onDelete?: (event: CustomEvent<ConditionBuilderEntity>) => void;
266
- onEdit?: (event: CustomEvent<ConditionBuilderEntity>) => void;
267
- }
268
- > & React.RefAttributes<TemplateConditionBuilderWC>
269
- >;
270
- export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
271
-
272
261
  export declare const TemplateConditionGroup: React.ForwardRefExoticComponent<
273
262
  React.PropsWithChildren<
274
263
  Omit<PublicOf<TemplateConditionGroupWC>, 'children' | 'style'> &
@@ -280,4 +269,15 @@ export declare const TemplateConditionGroup: React.ForwardRefExoticComponent<
280
269
  >;
281
270
  export type TemplateConditionGroupRef = TemplateConditionGroupWC;
282
271
 
272
+ export declare const TemplateConditionBuilder: React.ForwardRefExoticComponent<
273
+ React.PropsWithChildren<
274
+ Omit<PublicOf<TemplateConditionBuilderWC>, 'children' | 'style'> &
275
+ HTMLWCProps & {
276
+ onDelete?: (event: CustomEvent<ConditionBuilderEntity>) => void;
277
+ onEdit?: (event: CustomEvent<ConditionBuilderEntity>) => void;
278
+ }
279
+ > & React.RefAttributes<TemplateConditionBuilderWC>
280
+ >;
281
+ export type TemplateConditionBuilderRef = TemplateConditionBuilderWC;
282
+
283
283
  export {};
package/dist/react.cjs CHANGED
@@ -54,14 +54,14 @@ const FoundationNotificationDashboard = React.forwardRef(function FoundationNoti
54
54
  return React.createElement(customElements.getName(FoundationNotificationDashboardWC) ?? 'foundation-notification-dashboard', { ...rest, ref }, children);
55
55
  });
56
56
 
57
- const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
57
+ const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
58
58
  const { children, ...rest } = props;
59
- return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
59
+ return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
60
60
  });
61
61
 
62
- const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
62
+ const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
63
63
  const { children, ...rest } = props;
64
- return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
64
+ return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
65
65
  });
66
66
 
67
67
  const InboxSubscription = React.forwardRef(function InboxSubscription(props, ref) {
@@ -248,7 +248,7 @@ const ParameterBuilder = React.forwardRef(function ParameterBuilder(props, ref)
248
248
  return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
249
249
  });
250
250
 
251
- const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
251
+ const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
252
252
  const { onDelete, onEdit, children, ...rest } = props;
253
253
  const _innerRef = React.useRef(null);
254
254
  const _onDeleteRef = React.useRef(onDelete);
@@ -267,10 +267,10 @@ const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuil
267
267
  el.removeEventListener('edit', _onEditFn);
268
268
  };
269
269
  }, []);
270
- return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
270
+ return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
271
271
  });
272
272
 
273
- const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
273
+ const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
274
274
  const { onDelete, onEdit, children, ...rest } = props;
275
275
  const _innerRef = React.useRef(null);
276
276
  const _onDeleteRef = React.useRef(onDelete);
@@ -289,15 +289,15 @@ const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(
289
289
  el.removeEventListener('edit', _onEditFn);
290
290
  };
291
291
  }, []);
292
- return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
292
+ return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
293
293
  });
294
294
 
295
295
  module.exports = {
296
296
  ReconciliationSandbox,
297
297
  FoundationInbox,
298
298
  FoundationNotificationDashboard,
299
- FoundationInboxFlyout,
300
299
  FoundationInboxCounter,
300
+ FoundationInboxFlyout,
301
301
  InboxSubscription,
302
302
  NotifyAuditManagement,
303
303
  RouteManagement,
@@ -314,6 +314,6 @@ module.exports = {
314
314
  RuleConditionBuilder,
315
315
  RuleConditionGroup,
316
316
  ParameterBuilder,
317
- TemplateConditionBuilder,
318
317
  TemplateConditionGroup,
318
+ TemplateConditionBuilder,
319
319
  };
package/dist/react.mjs CHANGED
@@ -52,14 +52,14 @@ export const FoundationNotificationDashboard = React.forwardRef(function Foundat
52
52
  return React.createElement(customElements.getName(FoundationNotificationDashboardWC) ?? 'foundation-notification-dashboard', { ...rest, ref }, children);
53
53
  });
54
54
 
55
- export const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
55
+ export const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
56
56
  const { children, ...rest } = props;
57
- return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
57
+ return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
58
58
  });
59
59
 
60
- export const FoundationInboxCounter = React.forwardRef(function FoundationInboxCounter(props, ref) {
60
+ export const FoundationInboxFlyout = React.forwardRef(function FoundationInboxFlyout(props, ref) {
61
61
  const { children, ...rest } = props;
62
- return React.createElement(customElements.getName(FoundationInboxCounterWC) ?? 'foundation-inbox-counter', { ...rest, ref }, children);
62
+ return React.createElement(customElements.getName(FoundationInboxFlyoutWC) ?? 'foundation-inbox-flyout', { ...rest, ref }, children);
63
63
  });
64
64
 
65
65
  export const InboxSubscription = React.forwardRef(function InboxSubscription(props, ref) {
@@ -246,7 +246,7 @@ export const ParameterBuilder = React.forwardRef(function ParameterBuilder(props
246
246
  return React.createElement(customElements.getName(ParameterBuilderWC) ?? 'parameter-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
247
247
  });
248
248
 
249
- export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
249
+ export const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
250
250
  const { onDelete, onEdit, children, ...rest } = props;
251
251
  const _innerRef = React.useRef(null);
252
252
  const _onDeleteRef = React.useRef(onDelete);
@@ -265,10 +265,10 @@ export const TemplateConditionBuilder = React.forwardRef(function TemplateCondit
265
265
  el.removeEventListener('edit', _onEditFn);
266
266
  };
267
267
  }, []);
268
- return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
268
+ return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
269
269
  });
270
270
 
271
- export const TemplateConditionGroup = React.forwardRef(function TemplateConditionGroup(props, ref) {
271
+ export const TemplateConditionBuilder = React.forwardRef(function TemplateConditionBuilder(props, ref) {
272
272
  const { onDelete, onEdit, children, ...rest } = props;
273
273
  const _innerRef = React.useRef(null);
274
274
  const _onDeleteRef = React.useRef(onDelete);
@@ -287,5 +287,5 @@ export const TemplateConditionGroup = React.forwardRef(function TemplateConditio
287
287
  el.removeEventListener('edit', _onEditFn);
288
288
  };
289
289
  }, []);
290
- return React.createElement(customElements.getName(TemplateConditionGroupWC) ?? 'template-condition-group', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
290
+ return React.createElement(customElements.getName(TemplateConditionBuilderWC) ?? 'template-condition-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
291
291
  });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/pbc-notify-ui",
3
3
  "description": "Genesis PBC Notify UI",
4
- "version": "14.492.0-FUI-2571.4",
4
+ "version": "14.492.0",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "workspaces": [
7
7
  "client"
@@ -83,30 +83,30 @@
83
83
  "@commitlint/format": "^19.0.3",
84
84
  "@genesiscommunitysuccess/cep-fast-plugin": "5.0.3",
85
85
  "@genesiscommunitysuccess/custom-elements-lsp": "5.0.3",
86
- "@genesislcap/design-system-configurator": "14.492.0-FUI-2571.4",
87
- "@genesislcap/eslint-config": "14.492.0-FUI-2571.4",
88
- "@genesislcap/eslint-stylelint-builder": "14.492.0-FUI-2571.4",
89
- "@genesislcap/foundation-testing": "14.492.0-FUI-2571.4",
90
- "@genesislcap/genx": "14.492.0-FUI-2571.4",
91
- "@genesislcap/prettier-config": "14.492.0-FUI-2571.4",
92
- "@genesislcap/stylelint-config": "14.492.0-FUI-2571.4",
93
- "@genesislcap/vite-builder": "14.492.0-FUI-2571.4",
94
- "@genesislcap/webpack-builder": "14.492.0-FUI-2571.4",
86
+ "@genesislcap/design-system-configurator": "14.492.0",
87
+ "@genesislcap/eslint-config": "14.492.0",
88
+ "@genesislcap/eslint-stylelint-builder": "14.492.0",
89
+ "@genesislcap/foundation-testing": "14.492.0",
90
+ "@genesislcap/genx": "14.492.0",
91
+ "@genesislcap/prettier-config": "14.492.0",
92
+ "@genesislcap/stylelint-config": "14.492.0",
93
+ "@genesislcap/vite-builder": "14.492.0",
94
+ "@genesislcap/webpack-builder": "14.492.0",
95
95
  "dayjs": "^1.11.7"
96
96
  },
97
97
  "dependencies": {
98
- "@genesislcap/foundation-comms": "14.492.0-FUI-2571.4",
99
- "@genesislcap/foundation-criteria": "14.492.0-FUI-2571.4",
100
- "@genesislcap/foundation-entity-management": "14.492.0-FUI-2571.4",
101
- "@genesislcap/foundation-forms": "14.492.0-FUI-2571.4",
102
- "@genesislcap/foundation-layout": "14.492.0-FUI-2571.4",
103
- "@genesislcap/foundation-logger": "14.492.0-FUI-2571.4",
104
- "@genesislcap/foundation-notifications": "14.492.0-FUI-2571.4",
105
- "@genesislcap/foundation-ui": "14.492.0-FUI-2571.4",
106
- "@genesislcap/foundation-utils": "14.492.0-FUI-2571.4",
107
- "@genesislcap/rapid-design-system": "14.492.0-FUI-2571.4",
108
- "@genesislcap/rapid-grid-pro": "14.492.0-FUI-2571.4",
109
- "@genesislcap/web-core": "14.492.0-FUI-2571.4",
98
+ "@genesislcap/foundation-comms": "14.492.0",
99
+ "@genesislcap/foundation-criteria": "14.492.0",
100
+ "@genesislcap/foundation-entity-management": "14.492.0",
101
+ "@genesislcap/foundation-forms": "14.492.0",
102
+ "@genesislcap/foundation-layout": "14.492.0",
103
+ "@genesislcap/foundation-logger": "14.492.0",
104
+ "@genesislcap/foundation-notifications": "14.492.0",
105
+ "@genesislcap/foundation-ui": "14.492.0",
106
+ "@genesislcap/foundation-utils": "14.492.0",
107
+ "@genesislcap/rapid-design-system": "14.492.0",
108
+ "@genesislcap/rapid-grid-pro": "14.492.0",
109
+ "@genesislcap/web-core": "14.492.0",
110
110
  "lodash.debounce": "^4.0.8",
111
111
  "rxjs": "^7.5.4"
112
112
  },
@@ -114,5 +114,5 @@
114
114
  "access": "public"
115
115
  },
116
116
  "customElements": "dist/custom-elements.json",
117
- "gitHead": "4a6de2c76ba280fa6d3dd3fde8500e8445d325af"
117
+ "gitHead": "a0a04e2ee9ff67058d488f2d0e0ff12b26d3437c"
118
118
  }