@genesislcap/foundation-fdc3 14.227.2 → 14.227.4-FUI-2256.1

package/dist/dts/fdc3.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fdc3.d.ts","sourceRoot":"","sources":["../../src/fdc3.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"fdc3.d.ts","sourceRoot":"","sources":["../../src/fdc3.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,OAAO,EACP,aAAa,EACb,OAAO,EACP,OAAO,EACP,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,cAAc,EACf,MAAM,aAAa,CAAC;AAIrB,OAAO,EAAE,UAAU,EAAiB,MAAM,MAAM,CAAC;AAIjD,YAAY,EACV,aAAa,EACb,SAAS,EACT,OAAO,EACP,aAAa,EACb,OAAO,EACP,OAAO,EACP,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,cAAc,GACf,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;AAElC;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC;AAEhD;;;;GAIG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS;CAAG;AAEnD;;;;GAIG;AACH,MAAM,WAAW,WAAY,SAAQ,OAAO;CAAG;AAE/C;;;;GAIG;AACH,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;CAAG;AAEjE;;;;GAIG;AACH,MAAM,WAAW,WAAY,SAAQ,OAAO;CAAG;AAE/C;;;GAGG;AACH,MAAM,WAAW,IAAI;IACnB;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAE3B;;;OAGG;IACH,aAAa,EAAE,MAAM,OAAO,CAAC;IAE7B;;;;OAIG;IACH,eAAe,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAEzC;;;;OAIG;IACH,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,WAAW,EAAE,kBAAkB,CAAC,GAAG,IAAI,CAAC;IAE1E;;;;;;OAMG;IACH,UAAU,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;IAE/E;;;;;OAKG;IACH,oBAAoB,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;IAErE;;;;;OAKG;IACH,qBAAqB,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAE3E;;;;;;OAMG;IACH,WAAW,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAEvF;;;;;OAKG;IACH,WAAW,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE9C;;;;;OAKG;IACH,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IAE5D;;;;;OAKG;IACH,kBAAkB,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnF;;;;OAIG;IACH,yBAAyB,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEtE;;;;OAIG;IACH,8BAA8B,CAC5B,WAAW,EAAE,MAAM,EACnB,IAAI,EAAE,MAAM,GACX,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAEtC;;;;;SAKK;IACL,kBAAkB,CAChB,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,GACtB,OAAO,CAAC,OAAO,CAAC,CAAC;IAEpB;;;;SAIK;IACL,wBAAwB,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEtF;;SAEK;IACL,iBAAiB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAEtC;;;;;SAKK;IACL,2BAA2B,CACzB,OAAO,EAAE,OAAO,GAAG,WAAW,EAC9B,WAAW,EAAE,MAAM,EACnB,gBAAgB,EAAE,CAAC,WAAW,KAAA,KAAK,GAAG,GACrC,OAAO,CAAC,IAAI,CAAC,CAAC;CAClB;AAED;;;GAGG;AACH,qBAAa,WAAY,YAAW,IAAI;IAE/B,OAAO,UAAS;IAEvB,OAAO,CAAC,SAAS,CAA6B;IAE9C,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAiC;IAE3D,OAAO,CAAC,gBAAgB,CAAgC;IAExD,OAAO,CAAC,eAAe,CAAwB;IAE/C,eAAe,EAAE,UAAU,CAAC,OAAO,CAAC,CAAwC;IAE5E,aAAa,QAAO,OAAO,CAAgB;;YAM7B,IAAI;IAoBX,kBAAkB,CAAC,SAAS,EAAE,GAAG,CAAC,WAAW,EAAE,kBAAkB,CAAC,GAAG,IAAI;IAOzE,UAAU,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC;IAK9E,oBAAoB,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC;IAK9D,qBAAqB,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,oBAAoB,CAAC;IAKhF,WAAW,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,oBAAoB,CAAC;IAShF,WAAW,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAUnD,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC;IAKrD,kBAAkB,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IAKlF,yBAAyB,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAOrE,8BAA8B,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAC1D,GAAG;IAOT,kBAAkB,CAC7B,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI;IAOZ,wBAAwB,CACnC,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,GACtB,OAAO,CAAC,IAAI,CAAC;IAKH,iBAAiB,IAAI,OAAO,CAAC,OAAO,CAAC;IAIrC,2BAA2B,CACtC,OAAO,EAAE,OAAO,GAAG,WAAW,EAC9B,WAAW,EAAE,MAAM,EACnB,gBAAgB,EAAE,CAAC,WAAW,KAAA,KAAK,GAAG,GACrC,OAAO,CAAC,IAAI,CAAC;IAOhB,OAAO,CAAC,yBAAyB;YAWnB,0BAA0B;YAa1B,2BAA2B;CAc1C;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,4DAA4D,CAAC"}

package/dist/dts/logger.d.ts

@@ -0,0 +1,2 @@
+export declare const logger: import("@genesislcap/foundation-logger").Logger;
+//# sourceMappingURL=logger.d.ts.map

package/dist/dts/logger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../src/logger.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,iDAAkC,CAAC"}

package/dist/dts/util/fdc3-context-listener.d.ts

@@ -1,19 +1,44 @@
-import { Fdc3SystemChannelListener, SystemChannelListenerConfig } from './fdc3-system-channel-listener';
+import { Fdc3SystemChannelListener } from './fdc3-system-channel-listener';
 /**
- * fdc3-context-listener listen channel config
- * @alpha
- * @param channelType - string for the context channel type
- * @param callback - async function that is called if a message with a matching context is emitted
- */
-export interface AppChannelListenerConfig extends SystemChannelListenerConfig {
-    channelName: string;
-}
-/**
- * fdc3-context-listener listen to app channel context
- * @alpha
+ * fdc3-context-listener
+ * Util element to listen to the context on a fdc3 app channel
+ * @public
+ * @tagname fdc3-context-listener
+ * @example
+ * ```ts
+ * import { customElement, GenesisElement, html } from '@genesislcap/web-core';
+ * @customElement({
+ *   name: 'example-component',
+ *   template: html<ExampleComponent>`
+ *    <fdc3-context-listener
+ *      @channel-event="${(x, ctx) => x.handleChannelMessage(customEvent(ctx))}"
+ *      context-type="fdc3.position"
+ *      channel-name="my_custom_channel">
+ *    </fdc3-context-listener>
+ *   `,
+ * })
+ * class ExampleComponent extends GenesisElement {
+ *   handleChannelMessage(e: CustomEvent) {
+ *     const message = e.detail;
+ *     if (message?.id?.ticker) {
+ *       console.log(message.id.ticker);
+ *       // ToDo: handle the message as you like
+ *     }
+ *   }
+ * }
+ * ```
+ * @param Context - the fdc3 context type
+ * @fires channel-event - Dispatched when an event matching the context is dispatched from the system channel
  */
 export declare class Fdc3ContextListener extends Fdc3SystemChannelListener {
-    config: AppChannelListenerConfig[];
-    protected addChannelListeners(): void;
+    /**
+     * The name of the channel you want to listen to. Read more about fdc3 app channels at https://fdc3.finos.org/docs/api/spec#app-channels
+     * @example this will listen to the system channel for updates on the type `my_custom_channel` with context `fdc3.position`
+     * ```ts
+     *  <fdc3-context-listener context-type="fdc3.position" channel-name="my_custom_channel"></fdc3-context-listener>
+     * ```
+     */
+    channelName: string;
+    protected addChannelListener(): Promise<void>;
 }
 //# sourceMappingURL=fdc3-context-listener.d.ts.map

package/dist/dts/util/fdc3-context-listener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fdc3-context-listener.d.ts","sourceRoot":"","sources":["../../../src/util/fdc3-context-listener.ts"],"names":[],"mappings":"AACA,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAC5B,MAAM,gCAAgC,CAAC;AAExC;;;;;GAKG;AACH,MAAM,WAAW,wBAAyB,SAAQ,2BAA2B;IAC3E,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,qBAGa,mBAAoB,SAAQ,yBAAyB;IAChE,MAAM,EAAE,wBAAwB,EAAE,CAAM;IAExC,SAAS,CAAC,mBAAmB,IAAI,IAAI;CAStC"}
+{"version":3,"file":"fdc3-context-listener.d.ts","sourceRoot":"","sources":["../../../src/util/fdc3-context-listener.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBAGa,mBAAoB,SAAQ,yBAAyB;IAChE;;;;;;OAMG;IACkC,WAAW,EAAE,MAAM,CAAC;cAEzC,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC;CAqBpD"}

package/dist/dts/util/fdc3-system-channel-listener.d.ts

@@ -1,15 +1,6 @@
 import { FoundationElement } from '@genesislcap/web-core';
+import { Subscription } from 'rxjs';
 import { FDC3 } from '../fdc3';
-/**
- * System channel listener config. System channels are also known as color channels
- * @alpha
- * @param channelType - string for the context channel type
- * @param callback - function that is called if a message with a matching context is emitted
- */
-export interface SystemChannelListenerConfig {
-    channelType: string;
-    callback: (any: any) => void;
-}
 declare const Fdc3SystemChannelListener_base: (new (...args: any[]) => {
     "__#1@#_container": import("@genesislcap/foundation-utils").FoundationLayoutContainer | import("@genesislcap/foundation-utils").LayoutCacheContainer | import("@genesislcap/foundation-utils").DOMContainer;
     "__#1@#_latestTokenCode": string;
@@ -335,18 +326,61 @@ declare const Fdc3SystemChannelListener_base: (new (...args: any[]) => {
     blur(): void;
     focus(options?: FocusOptions): void;
 }) & typeof FoundationElement;
+/**
+ * The Grid Pro element.
+ * @remarks Grid Pro is a Web Component wrapper around the AG Grid Community library.
+ * @public
+ * @tagname %%prefix%%-grid-pro
+ */
 /**
  * fdc3-system-channel-listener
  * Util element to listen to the context on a fdc3 system channel
- * @alpha
+ * @public
+ * @tagname fdc3-system-channel-listener
+ * @example
+ * ```ts
+ * import { customElement, GenesisElement, html } from '@genesislcap/web-core';
+ * @customElement({
+ *   name: 'example-component',
+ *   template: html<ExampleComponent>`
+ *    <fdc3-system-channel-listener
+ *      @channel-event="${(x, ctx) => x.handleChannelMessage(customEvent(ctx))}"
+ *      context-type="fdc3.position">
+ *    </fdc3-system-channel-listener>
+ *   `,
+ * })
+ * class ExampleComponent extends GenesisElement {
+ *   handleChannelMessage(e: CustomEvent) {
+ *     const message = e.detail;
+ *     if (message?.id?.ticker) {
+ *       console.log(message.id.ticker);
+ *       // ToDo: handle the message as you like
+ *     }
+ *   }
+ * }
+ * ```
+ * @param Context - the fdc3 context type
+ * @fires channel-event - Dispatched when an event matching the context is dispatched from the system channel
  */
 export declare class Fdc3SystemChannelListener extends Fdc3SystemChannelListener_base {
-    config: SystemChannelListenerConfig[];
+    /**
+     * The context type on the channel you want to listen to. Read more about fdc3 context type at https://fdc3.finos.org/docs/context/ref/Context
+     * @example this will listen to the system channel for updates on the type `fdc3.position`
+     * ```ts
+     *  <fdc3-system-channel-listener context-type="fdc3.position"></fdc3-system-channel-listener>
+     * ```
+     */
+    contextType: string;
+    /**
+     * @internal
+     */
+    protected channelSub: Subscription;
+    /**
+     * @internal
+     */
     fdc3: FDC3;
-    deepClone(): Node;
     connectedCallback(): void;
-    private channelSub;
-    protected addChannelListeners(): void;
+    protected addChannelListener(): void;
     disconnectedCallback(): void;
 }
 export {};

package/dist/dts/util/fdc3-system-channel-listener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fdc3-system-channel-listener.d.ts","sourceRoot":"","sources":["../../../src/util/fdc3-system-channel-listener.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B;;;;;GAKG;AACH,MAAM,WAAW,2BAA2B;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;CACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED;;;;GAIG;AACH,qBAGa,yBAA0B,SAAQ,8BAAiC;IAC9E,MAAM,EAAE,2BAA2B,EAAE,CAAM;IAErC,IAAI,EAAE,IAAI,CAAC;IAER,SAAS,IAAI,IAAI;IAgB1B,iBAAiB;IAUjB,OAAO,CAAC,UAAU,CAAsB;IAExC,SAAS,CAAC,mBAAmB,IAAI,IAAI;IAarC,oBAAoB;CAIrB"}
+{"version":3,"file":"fdc3-system-channel-listener.d.ts","sourceRoot":"","sources":["../../../src/util/fdc3-system-channel-listener.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,iBAAiB,EAAQ,MAAM,uBAAuB,CAAC;AAC/E,OAAO,EAAS,YAAY,EAAE,MAAM,MAAM,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG/B;;;;;GAKG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAGa,yBAA0B,SAAQ,8BAAiC;IAC9E;;;;;;OAMG;IACkC,WAAW,EAAE,MAAM,CAAC;IAEzD;;OAEG;IACH,SAAS,CAAC,UAAU,eAAsB;IAE1C;;OAEG;IACG,IAAI,EAAE,IAAI,CAAC;IAEjB,iBAAiB;IAOjB,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAmBpC,oBAAoB;CAIrB"}

package/dist/esm/fdc3.js

@@ -28,6 +28,9 @@ export class DefaultFDC3 {
                 logger.debug('fdc3 already connected');
                 return;
             }
+            else {
+                logger.warn('fdc3 not connected');
+            }
             try {
                 yield fdc3Ready();
                 this.isReady = true;

package/dist/esm/logger.js

@@ -0,0 +1,2 @@
+import { createLogger } from '@genesislcap/foundation-logger';
+export const logger = createLogger('foundation-fdc3');

package/dist/esm/util/fdc3-context-listener.js

@@ -1,23 +1,63 @@
-import { __decorate } from "tslib";
-import { customElement } from '@genesislcap/web-core';
-import { Fdc3SystemChannelListener, } from './fdc3-system-channel-listener';
+import { __awaiter, __decorate } from "tslib";
+import { attr, customElement } from '@genesislcap/web-core';
+import { logger } from '../utils';
+import { Fdc3SystemChannelListener } from './fdc3-system-channel-listener';
 /**
- * fdc3-context-listener listen to app channel context
- * @alpha
+ * fdc3-context-listener
+ * Util element to listen to the context on a fdc3 app channel
+ * @public
+ * @tagname fdc3-context-listener
+ * @example
+ * ```ts
+ * import { customElement, GenesisElement, html } from '@genesislcap/web-core';
+ * @customElement({
+ *   name: 'example-component',
+ *   template: html<ExampleComponent>`
+ *    <fdc3-context-listener
+ *      @channel-event="${(x, ctx) => x.handleChannelMessage(customEvent(ctx))}"
+ *      context-type="fdc3.position"
+ *      channel-name="my_custom_channel">
+ *    </fdc3-context-listener>
+ *   `,
+ * })
+ * class ExampleComponent extends GenesisElement {
+ *   handleChannelMessage(e: CustomEvent) {
+ *     const message = e.detail;
+ *     if (message?.id?.ticker) {
+ *       console.log(message.id.ticker);
+ *       // ToDo: handle the message as you like
+ *     }
+ *   }
+ * }
+ * ```
+ * @param Context - the fdc3 context type
+ * @fires channel-event - Dispatched when an event matching the context is dispatched from the system channel
  */
 let Fdc3ContextListener = class Fdc3ContextListener extends Fdc3SystemChannelListener {
-    constructor() {
-        super(...arguments);
-        this.config = [];
-    }
-    addChannelListeners() {
-        this.config.forEach((c) => this.fdc3.addChannelListener(c.channelName, c.channelType, (message) => {
-            if (message.type === c.channelType) {
-                c.callback(message);
+    addChannelListener() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.contextType) {
+                logger.warn('Fdc3SystemChannelListener: no context type provided');
+            }
+            else if (!this.channelName) {
+                logger.warn('Fdc3SystemChannelListener: no channel name provided');
+            }
+            else {
+                const channel = yield this.fdc3.addChannelListener(this.channelName, this.contextType, (context) => {
+                    this.$emit('channel-event', context);
+                });
+                this.fdc3.handleChannelCurrentContext(channel, this.contextType, (context) => {
+                    if (context) {
+                        this.$emit('channel-event', context);
+                    }
+                });
             }
-        }));
+        });
     }
 };
+__decorate([
+    attr({ attribute: 'channel-name' })
+], Fdc3ContextListener.prototype, "channelName", void 0);
 Fdc3ContextListener = __decorate([
     customElement({
         name: 'fdc3-context-listener',

package/dist/esm/util/fdc3-system-channel-listener.js

@@ -1,47 +1,75 @@
-import { __awaiter, __decorate } from "tslib";
+import { __decorate } from "tslib";
 import { LifecycleMixin } from '@genesislcap/foundation-utils';
-import { customElement, FoundationElement } from '@genesislcap/web-core';
+import { customElement, FoundationElement, attr } from '@genesislcap/web-core';
 import { first, Subscription } from 'rxjs';
 import { FDC3 } from '../fdc3';
+import { logger } from '../utils';
+/**
+ * The Grid Pro element.
+ * @remarks Grid Pro is a Web Component wrapper around the AG Grid Community library.
+ * @public
+ * @tagname %%prefix%%-grid-pro
+ */
 /**
  * fdc3-system-channel-listener
  * Util element to listen to the context on a fdc3 system channel
- * @alpha
+ * @public
+ * @tagname fdc3-system-channel-listener
+ * @example
+ * ```ts
+ * import { customElement, GenesisElement, html } from '@genesislcap/web-core';
+ * @customElement({
+ *   name: 'example-component',
+ *   template: html<ExampleComponent>`
+ *    <fdc3-system-channel-listener
+ *      @channel-event="${(x, ctx) => x.handleChannelMessage(customEvent(ctx))}"
+ *      context-type="fdc3.position">
+ *    </fdc3-system-channel-listener>
+ *   `,
+ * })
+ * class ExampleComponent extends GenesisElement {
+ *   handleChannelMessage(e: CustomEvent) {
+ *     const message = e.detail;
+ *     if (message?.id?.ticker) {
+ *       console.log(message.id.ticker);
+ *       // ToDo: handle the message as you like
+ *     }
+ *   }
+ * }
+ * ```
+ * @param Context - the fdc3 context type
+ * @fires channel-event - Dispatched when an event matching the context is dispatched from the system channel
  */
 let Fdc3SystemChannelListener = class Fdc3SystemChannelListener extends LifecycleMixin(FoundationElement) {
     constructor() {
         super(...arguments);
-        this.config = [];
+        /**
+         * @internal
+         */
         this.channelSub = new Subscription();
     }
-    deepClone() {
-        const copy = super.deepClone();
-        if (this.config) {
-            copy.config = this.config.map((c) => {
-                const copyConfig = Object.assign({}, c);
-                if (c.callback) {
-                    copyConfig.callback = c.callback.bind(this);
-                }
-                return copyConfig;
-            });
-        }
-        return copy;
-    }
     connectedCallback() {
         super.connectedCallback();
         this.fdc3.isReady$.pipe(first()).subscribe(() => {
-            if (this.config) {
-                this.addChannelListeners();
-            }
+            this.addChannelListener();
         });
     }
-    addChannelListeners() {
-        this.fdc3.isReady$.pipe(first()).subscribe(() => __awaiter(this, void 0, void 0, function* () {
-            return this.config.forEach((c) => this.channelSub.add(this.fdc3.currentChannel$.subscribe((channel) => {
-                this.fdc3.handleChannelCurrentContext(channel, c.channelType, c.callback);
-                channel.addContextListener(c.channelType, c.callback);
-            })));
-        }));
+    addChannelListener() {
+        if (!this.contextType) {
+            logger.warn('Fdc3SystemChannelListener: no context type provided');
+        }
+        else {
+            this.channelSub.add(this.fdc3.currentChannel$.subscribe((channel) => {
+                channel.addContextListener(this.contextType, (context) => {
+                    this.$emit('channel-event', context);
+                });
+                this.fdc3.handleChannelCurrentContext(channel, this.contextType, (context) => {
+                    if (context) {
+                        this.$emit('channel-event', context);
+                    }
+                });
+            }));
+        }
     }
     disconnectedCallback() {
         var _a;
@@ -49,6 +77,9 @@ let Fdc3SystemChannelListener = class Fdc3SystemChannelListener extends Lifecycl
         super.disconnectedCallback();
     }
 };
+__decorate([
+    attr({ attribute: 'context-type' })
+], Fdc3SystemChannelListener.prototype, "contextType", void 0);
 __decorate([
     FDC3
 ], Fdc3SystemChannelListener.prototype, "fdc3", void 0);

package/dist/foundation-fdc3.api.json

@@ -1414,6 +1414,104 @@
             "endIndex": 2
           }
         },
+        {
+          "kind": "Class",
+          "canonicalReference": "@genesislcap/foundation-fdc3!Fdc3ContextListener:class",
+          "docComment": "/**\n * fdc3-context-listener Util element to listen to the context on a fdc3 app channel\n *\n * @param Context - the fdc3 context type\n *\n * @tagname\n *\n * fdc3-context-listener\n *\n * @example\n * ```ts\n * import { customElement, GenesisElement, html } from '@genesislcap/web-core';\n * @customElement({\n *   name: 'example-component',\n *   template: html<ExampleComponent>`\n *    <fdc3-context-listener\n *      @channel-event=\"${(x, ctx) => x.handleChannelMessage(customEvent(ctx))}\"\n *      context-type=\"fdc3.position\"\n *      channel-name=\"my_custom_channel\">\n *    </fdc3-context-listener>\n *   `,\n * })\n * class ExampleComponent extends GenesisElement {\n *   handleChannelMessage(e: CustomEvent) {\n *     const message = e.detail;\n *     if (message?.id?.ticker) {\n *       console.log(message.id.ticker);\n *       // ToDo: handle the message as you like\n *     }\n *   }\n * }\n * ```\n *\n * @fires\n *\n * channel-event - Dispatched when an event matching the context is dispatched from the system channel\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare class Fdc3ContextListener extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "Fdc3SystemChannelListener",
+              "canonicalReference": "@genesislcap/foundation-fdc3!Fdc3SystemChannelListener:class"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "fileUrlPath": "src/util/fdc3-context-listener.ts",
+          "releaseTag": "Public",
+          "isAbstract": false,
+          "name": "Fdc3ContextListener",
+          "preserveMemberOrder": false,
+          "members": [
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/foundation-fdc3!Fdc3ContextListener#addChannelListener:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "protected addChannelListener(): "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Promise",
+                  "canonicalReference": "!Promise:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "<void>"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 3
+              },
+              "releaseTag": "Public",
+              "isProtected": true,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "addChannelListener"
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-fdc3!Fdc3ContextListener#channelName:member",
+              "docComment": "/**\n * The name of the channel you want to listen to. Read more about fdc3 app channels at https://fdc3.finos.org/docs/api/spec#app-channels\n *\n * @example\n *\n * this will listen to the system channel for updates on the type `my_custom_channel` with context `fdc3.position`\n * ```ts\n *  <fdc3-context-listener context-type=\"fdc3.position\" channel-name=\"my_custom_channel\"></fdc3-context-listener>\n * ```\n *\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "channelName: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "channelName",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            }
+          ],
+          "extendsTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "implementsTokenRanges": []
+        },
         {
           "kind": "Interface",
           "canonicalReference": "@genesislcap/foundation-fdc3!FDC3IntentResolution:interface",
@@ -1472,6 +1570,161 @@
             "endIndex": 2
           }
         },
+        {
+          "kind": "Class",
+          "canonicalReference": "@genesislcap/foundation-fdc3!Fdc3SystemChannelListener:class",
+          "docComment": "/**\n * fdc3-system-channel-listener Util element to listen to the context on a fdc3 system channel\n *\n * @param Context - the fdc3 context type\n *\n * @tagname\n *\n * fdc3-system-channel-listener\n *\n * @example\n * ```ts\n * import { customElement, GenesisElement, html } from '@genesislcap/web-core';\n * @customElement({\n *   name: 'example-component',\n *   template: html<ExampleComponent>`\n *    <fdc3-system-channel-listener\n *      @channel-event=\"${(x, ctx) => x.handleChannelMessage(customEvent(ctx))}\"\n *      context-type=\"fdc3.position\">\n *    </fdc3-system-channel-listener>\n *   `,\n * })\n * class ExampleComponent extends GenesisElement {\n *   handleChannelMessage(e: CustomEvent) {\n *     const message = e.detail;\n *     if (message?.id?.ticker) {\n *       console.log(message.id.ticker);\n *       // ToDo: handle the message as you like\n *     }\n *   }\n * }\n * ```\n *\n * @fires\n *\n * channel-event - Dispatched when an event matching the context is dispatched from the system channel\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare class Fdc3SystemChannelListener extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "Fdc3SystemChannelListener_base",
+              "canonicalReference": "@genesislcap/foundation-fdc3!~Fdc3SystemChannelListener_base"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "fileUrlPath": "src/util/fdc3-system-channel-listener.ts",
+          "releaseTag": "Public",
+          "isAbstract": false,
+          "name": "Fdc3SystemChannelListener",
+          "preserveMemberOrder": false,
+          "members": [
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/foundation-fdc3!Fdc3SystemChannelListener#addChannelListener:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "protected addChannelListener(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "isProtected": true,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "addChannelListener"
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/foundation-fdc3!Fdc3SystemChannelListener#connectedCallback:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "connectedCallback(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "connectedCallback"
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-fdc3!Fdc3SystemChannelListener#contextType:member",
+              "docComment": "/**\n * The context type on the channel you want to listen to. Read more about fdc3 context type at https://fdc3.finos.org/docs/context/ref/Context\n *\n * @example\n *\n * this will listen to the system channel for updates on the type `fdc3.position`\n * ```ts\n *  <fdc3-system-channel-listener context-type=\"fdc3.position\"></fdc3-system-channel-listener>\n * ```\n *\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "contextType: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "contextType",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/foundation-fdc3!Fdc3SystemChannelListener#disconnectedCallback:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "disconnectedCallback(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "disconnectedCallback"
+            }
+          ],
+          "extendsTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "implementsTokenRanges": []
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@genesislcap/foundation-fdc3!interopFoundationNotificationListener:var",

package/dist/foundation-fdc3.d.ts

@@ -23,18 +23,9 @@ import { Observable } from 'rxjs';
 import { OverrideFoundationElementDefinition } from '@microsoft/fast-foundation';
 import type { PrivateChannel } from '@finos/fdc3';
 import type { StandardIntent } from '@finos/fdc3';
+import { Subscription } from 'rxjs';
 import { ViewTemplate } from '@microsoft/fast-element';
 
-/**
- * fdc3-context-listener listen channel config
- * @alpha
- * @param channelType - string for the context channel type
- * @param callback - async function that is called if a message with a matching context is emitted
- */
-export declare interface AppChannelListenerConfig extends SystemChannelListenerConfig {
-    channelName: string;
-}
-
 export { AppIdentifier }
 
 export { AppIntent }
@@ -581,12 +572,46 @@ export declare interface FDC3Context extends Context {
 export declare type FDC3ContextHandler = ContextHandler;
 
 /**
- * fdc3-context-listener listen to app channel context
- * @alpha
+ * fdc3-context-listener
+ * Util element to listen to the context on a fdc3 app channel
+ * @public
+ * @tagname fdc3-context-listener
+ * @example
+ * ```ts
+ * import { customElement, GenesisElement, html } from '@genesislcap/web-core';
+ * @customElement({
+ *   name: 'example-component',
+ *   template: html<ExampleComponent>`
+ *    <fdc3-context-listener
+ *      @channel-event="${(x, ctx) => x.handleChannelMessage(customEvent(ctx))}"
+ *      context-type="fdc3.position"
+ *      channel-name="my_custom_channel">
+ *    </fdc3-context-listener>
+ *   `,
+ * })
+ * class ExampleComponent extends GenesisElement {
+ *   handleChannelMessage(e: CustomEvent) {
+ *     const message = e.detail;
+ *     if (message?.id?.ticker) {
+ *       console.log(message.id.ticker);
+ *       // ToDo: handle the message as you like
+ *     }
+ *   }
+ * }
+ * ```
+ * @param Context - the fdc3 context type
+ * @fires channel-event - Dispatched when an event matching the context is dispatched from the system channel
  */
 export declare class Fdc3ContextListener extends Fdc3SystemChannelListener {
-    config: AppChannelListenerConfig[];
-    protected addChannelListeners(): void;
+    /**
+     * The name of the channel you want to listen to. Read more about fdc3 app channels at https://fdc3.finos.org/docs/api/spec#app-channels
+     * @example this will listen to the system channel for updates on the type `my_custom_channel` with context `fdc3.position`
+     * ```ts
+     *  <fdc3-context-listener context-type="fdc3.position" channel-name="my_custom_channel"></fdc3-context-listener>
+     * ```
+     */
+    channelName: string;
+    protected addChannelListener(): Promise<void>;
 }
 
 /**
@@ -1285,18 +1310,61 @@ declare const Fdc3RaiseIntent_base: (new (...args: any[]) => {
     focus(options?: FocusOptions): void;
 }) & typeof FoundationElement;
 
+/**
+ * The Grid Pro element.
+ * @remarks Grid Pro is a Web Component wrapper around the AG Grid Community library.
+ * @public
+ * @tagname %%prefix%%-grid-pro
+ */
 /**
  * fdc3-system-channel-listener
  * Util element to listen to the context on a fdc3 system channel
- * @alpha
+ * @public
+ * @tagname fdc3-system-channel-listener
+ * @example
+ * ```ts
+ * import { customElement, GenesisElement, html } from '@genesislcap/web-core';
+ * @customElement({
+ *   name: 'example-component',
+ *   template: html<ExampleComponent>`
+ *    <fdc3-system-channel-listener
+ *      @channel-event="${(x, ctx) => x.handleChannelMessage(customEvent(ctx))}"
+ *      context-type="fdc3.position">
+ *    </fdc3-system-channel-listener>
+ *   `,
+ * })
+ * class ExampleComponent extends GenesisElement {
+ *   handleChannelMessage(e: CustomEvent) {
+ *     const message = e.detail;
+ *     if (message?.id?.ticker) {
+ *       console.log(message.id.ticker);
+ *       // ToDo: handle the message as you like
+ *     }
+ *   }
+ * }
+ * ```
+ * @param Context - the fdc3 context type
+ * @fires channel-event - Dispatched when an event matching the context is dispatched from the system channel
  */
 export declare class Fdc3SystemChannelListener extends Fdc3SystemChannelListener_base {
-    config: SystemChannelListenerConfig[];
+    /**
+     * The context type on the channel you want to listen to. Read more about fdc3 context type at https://fdc3.finos.org/docs/context/ref/Context
+     * @example this will listen to the system channel for updates on the type `fdc3.position`
+     * ```ts
+     *  <fdc3-system-channel-listener context-type="fdc3.position"></fdc3-system-channel-listener>
+     * ```
+     */
+    contextType: string;
+    /**
+     * @internal
+     */
+    protected channelSub: Subscription;
+    /**
+     * @internal
+     */
     fdc3: FDC3;
-    deepClone(): Node;
     connectedCallback(): void;
-    private channelSub;
-    protected addChannelListeners(): void;
+    protected addChannelListener(): void;
     disconnectedCallback(): void;
 }
 
@@ -1681,15 +1749,4 @@ export { PrivateChannel }
 
 export { StandardIntent }
 
-/**
- * System channel listener config. System channels are also known as color channels
- * @alpha
- * @param channelType - string for the context channel type
- * @param callback - function that is called if a message with a matching context is emitted
- */
-export declare interface SystemChannelListenerConfig {
-    channelType: string;
-    callback: (any: any) => void;
-}
-
 export { }

package/docs/api/foundation-fdc3.fdc3contextlistener.addchannellistener.md

@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-fdc3](./foundation-fdc3.md) &gt; [Fdc3ContextListener](./foundation-fdc3.fdc3contextlistener.md) &gt; [addChannelListener](./foundation-fdc3.fdc3contextlistener.addchannellistener.md)
+
+## Fdc3ContextListener.addChannelListener() method
+
+**Signature:**
+
+```typescript
+protected addChannelListener(): Promise<void>;
+```
+**Returns:**
+
+Promise&lt;void&gt;
+

package/docs/api/foundation-fdc3.fdc3contextlistener.channelname.md

@@ -0,0 +1,22 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-fdc3](./foundation-fdc3.md) &gt; [Fdc3ContextListener](./foundation-fdc3.fdc3contextlistener.md) &gt; [channelName](./foundation-fdc3.fdc3contextlistener.channelname.md)
+
+## Fdc3ContextListener.channelName property
+
+The name of the channel you want to listen to. Read more about fdc3 app channels at https://fdc3.finos.org/docs/api/spec\#app-channels
+
+**Signature:**
+
+```typescript
+channelName: string;
+```
+
+## Example
+
+this will listen to the system channel for updates on the type `my_custom_channel` with context `fdc3.position`
+
+```ts
+ <fdc3-context-listener context-type="fdc3.position" channel-name="my_custom_channel"></fdc3-context-listener>
+```
+

package/docs/api/foundation-fdc3.fdc3contextlistener.md

@@ -0,0 +1,53 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-fdc3](./foundation-fdc3.md) &gt; [Fdc3ContextListener](./foundation-fdc3.fdc3contextlistener.md)
+
+## Fdc3ContextListener class
+
+fdc3-context-listener Util element to listen to the context on a fdc3 app channel
+
+**Signature:**
+
+```typescript
+export declare class Fdc3ContextListener extends Fdc3SystemChannelListener 
+```
+**Extends:** [Fdc3SystemChannelListener](./foundation-fdc3.fdc3systemchannellistener.md)
+
+## Example
+
+
+```ts
+import { customElement, GenesisElement, html } from '@genesislcap/web-core';
+@customElement({
+  name: 'example-component',
+  template: html<ExampleComponent>`
+   <fdc3-context-listener
+     @channel-event="${(x, ctx) => x.handleChannelMessage(customEvent(ctx))}"
+     context-type="fdc3.position"
+     channel-name="my_custom_channel">
+   </fdc3-context-listener>
+  `,
+})
+class ExampleComponent extends GenesisElement {
+  handleChannelMessage(e: CustomEvent) {
+    const message = e.detail;
+    if (message?.id?.ticker) {
+      console.log(message.id.ticker);
+      // ToDo: handle the message as you like
+    }
+  }
+}
+```
+
+## Properties
+
+|  Property | Modifiers | Type | Description |
+|  --- | --- | --- | --- |
+|  [channelName](./foundation-fdc3.fdc3contextlistener.channelname.md) |  | string | The name of the channel you want to listen to. Read more about fdc3 app channels at https://fdc3.finos.org/docs/api/spec\#app-channels |
+
+## Methods
+
+|  Method | Modifiers | Description |
+|  --- | --- | --- |
+|  [addChannelListener()](./foundation-fdc3.fdc3contextlistener.addchannellistener.md) | <code>protected</code> |  |
+

package/docs/api/foundation-fdc3.fdc3systemchannellistener.addchannellistener.md

@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-fdc3](./foundation-fdc3.md) &gt; [Fdc3SystemChannelListener](./foundation-fdc3.fdc3systemchannellistener.md) &gt; [addChannelListener](./foundation-fdc3.fdc3systemchannellistener.addchannellistener.md)
+
+## Fdc3SystemChannelListener.addChannelListener() method
+
+**Signature:**
+
+```typescript
+protected addChannelListener(): void;
+```
+**Returns:**
+
+void
+

package/docs/api/foundation-fdc3.fdc3systemchannellistener.connectedcallback.md

@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-fdc3](./foundation-fdc3.md) &gt; [Fdc3SystemChannelListener](./foundation-fdc3.fdc3systemchannellistener.md) &gt; [connectedCallback](./foundation-fdc3.fdc3systemchannellistener.connectedcallback.md)
+
+## Fdc3SystemChannelListener.connectedCallback() method
+
+**Signature:**
+
+```typescript
+connectedCallback(): void;
+```
+**Returns:**
+
+void
+

package/docs/api/foundation-fdc3.fdc3systemchannellistener.contexttype.md

@@ -0,0 +1,22 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-fdc3](./foundation-fdc3.md) &gt; [Fdc3SystemChannelListener](./foundation-fdc3.fdc3systemchannellistener.md) &gt; [contextType](./foundation-fdc3.fdc3systemchannellistener.contexttype.md)
+
+## Fdc3SystemChannelListener.contextType property
+
+The context type on the channel you want to listen to. Read more about fdc3 context type at https://fdc3.finos.org/docs/context/ref/Context
+
+**Signature:**
+
+```typescript
+contextType: string;
+```
+
+## Example
+
+this will listen to the system channel for updates on the type `fdc3.position`
+
+```ts
+ <fdc3-system-channel-listener context-type="fdc3.position"></fdc3-system-channel-listener>
+```
+

package/docs/api/foundation-fdc3.fdc3systemchannellistener.disconnectedcallback.md

@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-fdc3](./foundation-fdc3.md) &gt; [Fdc3SystemChannelListener](./foundation-fdc3.fdc3systemchannellistener.md) &gt; [disconnectedCallback](./foundation-fdc3.fdc3systemchannellistener.disconnectedcallback.md)
+
+## Fdc3SystemChannelListener.disconnectedCallback() method
+
+**Signature:**
+
+```typescript
+disconnectedCallback(): void;
+```
+**Returns:**
+
+void
+

package/docs/api/foundation-fdc3.fdc3systemchannellistener.md

@@ -0,0 +1,54 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-fdc3](./foundation-fdc3.md) &gt; [Fdc3SystemChannelListener](./foundation-fdc3.fdc3systemchannellistener.md)
+
+## Fdc3SystemChannelListener class
+
+fdc3-system-channel-listener Util element to listen to the context on a fdc3 system channel
+
+**Signature:**
+
+```typescript
+export declare class Fdc3SystemChannelListener extends Fdc3SystemChannelListener_base 
+```
+**Extends:** Fdc3SystemChannelListener\_base
+
+## Example
+
+
+```ts
+import { customElement, GenesisElement, html } from '@genesislcap/web-core';
+@customElement({
+  name: 'example-component',
+  template: html<ExampleComponent>`
+   <fdc3-system-channel-listener
+     @channel-event="${(x, ctx) => x.handleChannelMessage(customEvent(ctx))}"
+     context-type="fdc3.position">
+   </fdc3-system-channel-listener>
+  `,
+})
+class ExampleComponent extends GenesisElement {
+  handleChannelMessage(e: CustomEvent) {
+    const message = e.detail;
+    if (message?.id?.ticker) {
+      console.log(message.id.ticker);
+      // ToDo: handle the message as you like
+    }
+  }
+}
+```
+
+## Properties
+
+|  Property | Modifiers | Type | Description |
+|  --- | --- | --- | --- |
+|  [contextType](./foundation-fdc3.fdc3systemchannellistener.contexttype.md) |  | string | The context type on the channel you want to listen to. Read more about fdc3 context type at https://fdc3.finos.org/docs/context/ref/Context |
+
+## Methods
+
+|  Method | Modifiers | Description |
+|  --- | --- | --- |
+|  [addChannelListener()](./foundation-fdc3.fdc3systemchannellistener.addchannellistener.md) | <code>protected</code> |  |
+|  [connectedCallback()](./foundation-fdc3.fdc3systemchannellistener.connectedcallback.md) |  |  |
+|  [disconnectedCallback()](./foundation-fdc3.fdc3systemchannellistener.disconnectedcallback.md) |  |  |
+

package/docs/api/foundation-fdc3.md

@@ -8,6 +8,8 @@
 
 |  Class | Description |
 |  --- | --- |
+|  [Fdc3ContextListener](./foundation-fdc3.fdc3contextlistener.md) | fdc3-context-listener Util element to listen to the context on a fdc3 app channel |
+|  [Fdc3SystemChannelListener](./foundation-fdc3.fdc3systemchannellistener.md) | fdc3-system-channel-listener Util element to listen to the context on a fdc3 system channel |
 |  [InteropNotificationsListener](./foundation-fdc3.interopnotificationslistener.md) |  |
 
 ## Interfaces

package/docs/api-report.md

@@ -29,14 +29,9 @@ import { Observable } from 'rxjs';
 import { OverrideFoundationElementDefinition } from '@microsoft/fast-foundation';
 import type { PrivateChannel } from '@finos/fdc3';
 import type { StandardIntent } from '@finos/fdc3';
+import { Subscription } from 'rxjs';
 import { ViewTemplate } from '@microsoft/fast-element';
 
-// @alpha
-export interface AppChannelListenerConfig extends SystemChannelListenerConfig {
-    // (undocumented)
-    channelName: string;
-}
-
 export { AppIdentifier }
 
 export { AppIntent }
@@ -157,12 +152,11 @@ export interface FDC3Context extends Context {
 // @public @deprecated (undocumented)
 export type FDC3ContextHandler = ContextHandler;
 
-// @alpha
+// @public
 export class Fdc3ContextListener extends Fdc3SystemChannelListener {
     // (undocumented)
-    protected addChannelListeners(): void;
-    // (undocumented)
-    config: AppChannelListenerConfig[];
+    protected addChannelListener(): Promise<void>;
+    channelName: string;
 }
 
 // Warning: (ae-forgotten-export) The symbol "Fdc3IntentListener_base" needs to be exported by the entry point index.d.ts
@@ -210,19 +204,18 @@ export class Fdc3RaiseIntent extends Fdc3RaiseIntent_base {
 
 // Warning: (ae-forgotten-export) The symbol "Fdc3SystemChannelListener_base" needs to be exported by the entry point index.d.ts
 //
-// @alpha
+// @public
 export class Fdc3SystemChannelListener extends Fdc3SystemChannelListener_base {
     // (undocumented)
-    protected addChannelListeners(): void;
-    // (undocumented)
-    config: SystemChannelListenerConfig[];
+    protected addChannelListener(): void;
+    // @internal (undocumented)
+    protected channelSub: Subscription;
     // (undocumented)
     connectedCallback(): void;
-    // (undocumented)
-    deepClone(): Node;
+    contextType: string;
     // (undocumented)
     disconnectedCallback(): void;
-    // (undocumented)
+    // @internal (undocumented)
     fdc3: FDC3;
 }
 
@@ -268,14 +261,6 @@ export { PrivateChannel }
 
 export { StandardIntent }
 
-// @alpha
-export interface SystemChannelListenerConfig {
-    // (undocumented)
-    callback: (any: any) => void;
-    // (undocumented)
-    channelType: string;
-}
-
 // (No @packageDocumentation comment for this package)
 
 ```

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-fdc3",
   "description": "Genesis Foundation FDC3",
-  "version": "14.227.2",
+  "version": "14.227.4-FUI-2256.1",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -59,23 +59,24 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.227.2",
-    "@genesislcap/genx": "14.227.2",
-    "@genesislcap/rollup-builder": "14.227.2",
-    "@genesislcap/ts-builder": "14.227.2",
-    "@genesislcap/uvu-playwright-builder": "14.227.2",
-    "@genesislcap/vite-builder": "14.227.2",
-    "@genesislcap/webpack-builder": "14.227.2",
+    "@genesislcap/foundation-testing": "14.227.4-FUI-2256.1",
+    "@genesislcap/genx": "14.227.4-FUI-2256.1",
+    "@genesislcap/rollup-builder": "14.227.4-FUI-2256.1",
+    "@genesislcap/ts-builder": "14.227.4-FUI-2256.1",
+    "@genesislcap/uvu-playwright-builder": "14.227.4-FUI-2256.1",
+    "@genesislcap/vite-builder": "14.227.4-FUI-2256.1",
+    "@genesislcap/webpack-builder": "14.227.4-FUI-2256.1",
     "rimraf": "^5.0.0",
     "sinon": "^17.0.1"
   },
   "dependencies": {
     "@finos/fdc3": "2.1.1",
-    "@genesislcap/foundation-logger": "14.227.2",
-    "@genesislcap/foundation-notifications": "14.227.2",
-    "@genesislcap/foundation-ui": "14.227.2",
-    "@genesislcap/foundation-utils": "14.227.2",
-    "@genesislcap/web-core": "14.227.2",
+    "@genesislcap/foundation-events": "14.227.4-FUI-2256.1",
+    "@genesislcap/foundation-logger": "14.227.4-FUI-2256.1",
+    "@genesislcap/foundation-notifications": "14.227.4-FUI-2256.1",
+    "@genesislcap/foundation-ui": "14.227.4-FUI-2256.1",
+    "@genesislcap/foundation-utils": "14.227.4-FUI-2256.1",
+    "@genesislcap/web-core": "14.227.4-FUI-2256.1",
     "@interopio/desktop": "^6.3.1",
     "@microsoft/fast-element": "1.14.0",
     "@microsoft/fast-foundation": "2.49.6",
@@ -90,5 +91,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f778214921d98e46326cc3ffb529dd37f263aada"
+  "gitHead": "b72e9c49c838e599f14a011ec980ec081316f4de"
 }

package/test/fdc3.mock.ts

@@ -28,7 +28,7 @@ export const mockFdc3 = () => {
 };
 
 export const removeMockFdc3 = () => {
-  if (!('fdc3' in window)) {
+  if ('fdc3' in window) {
     delete window['fdc3'];
   }
 };