@genesislcap/g2plot-chart 14.172.3 → 14.173.0

package/dist/custom-elements.json

@@ -26,6 +26,58 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/chart.definitions.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "chartErrorNames",
+          "type": {
+            "text": "{\n  datasource: 'datasource',\n  unknown: 'unknown',\n}"
+          },
+          "default": "{\n  datasource: 'datasource',\n  unknown: 'unknown',\n}",
+          "description": "The error names for the Chart component.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "chartErrorNames",
+          "declaration": {
+            "name": "chartErrorNames",
+            "module": "src/chart.definitions.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/chart.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "foundationChartStyles",
+          "type": {
+            "text": "ElementStyles"
+          },
+          "default": "css`\n  :host {\n    --datasource-error-background-color: var(--neutral-layer-4);\n    --datasource-error-background-opacity: 0.5;\n    --datasource-error-dialog-max-width: 50%;\n\n    position: relative;\n    width: 100%;\n    height: 100%;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  :host::part(chart-container) {\n    z-index: 1;\n  }\n\n  :host::part(chart-datasource-error) {\n    z-index: 2;\n  }\n\n  :host::part(chart-datasource-error)::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0;\n    height: 100%;\n    width: 100%;\n    border-radius: 2px;\n    background-color: var(--datasource-error-background-color);\n    opacity: var(--datasource-error-background-opacity);\n    z-index: 1;\n  }\n`",
+          "description": "The Chart styles.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationChartStyles",
+          "declaration": {
+            "name": "foundationChartStyles",
+            "module": "src/chart.styles.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/chart.template.ts",
@@ -34,9 +86,22 @@
           "kind": "variable",
           "name": "g2plotChartTemplate",
           "type": {
-            "text": "ViewTemplate<G2PlotChart>"
+            "text": "ViewTemplate"
           },
-          "default": "html`\n  <div style=\"height: 100%\" ${ref('chartContainer')}></div>\n`"
+          "default": "html<G2PlotChart>`\n  <slot\n    name=\"chart-datasource-error\"\n    class=\"${(x) =>\n      x.errorItems.some(({ type }) => type === chartErrorNames.datasource) ? '' : 'hidden'}\"\n  ></slot>\n  <div style=\"height: 100%\" ${ref('chartContainer')} part=\"chart-container\"></div>\n`",
+          "description": "The g2lot chart template.",
+          "parameters": [
+            {
+              "description": "The design system prefix to use. Defaults to 'foundation'.",
+              "name": "prefix"
+            }
+          ],
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "privacy": "public"
         }
       ],
       "exports": [
@@ -95,6 +160,14 @@
               },
               "default": "[]"
             },
+            {
+              "kind": "field",
+              "name": "errorItems",
+              "type": {
+                "text": "ChartErrorItem<ChartErrorEvent['detail']>[]"
+              },
+              "default": "[]"
+            },
             {
               "kind": "field",
               "name": "legendSelected",
@@ -112,6 +185,15 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "rootEventsListeners",
+              "type": {
+                "text": "ChartEventsListeners"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
             {
               "kind": "method",
               "name": "dataChanged",
@@ -130,6 +212,30 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "hideDatasourceError",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "addErrorItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "ChartErrorTypes"
+                  }
+                },
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "ChartErrorEvent"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "deepClone",
@@ -501,6 +607,14 @@
             "package": "./chart.template"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./chart.definitions"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -790,6 +904,27 @@
                 "module": "src/chart-datasource/chart-datasource.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "handleError",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "params",
+                  "type": {
+                    "text": "BaseDatasourceErrorHandlingOptions"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "BaseDatasource",
+                "module": "src/utils/base-datasource.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "clearData",
@@ -1745,6 +1880,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/chart-datasource/chart-datasource.types.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/chart-datasource/chart-datasource.utils.ts",
@@ -1852,6 +1993,22 @@
       "path": "src/chart-datasource/index.ts",
       "declarations": [],
       "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./chart-datasource.config"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./chart-datasource.types"
+          }
+        },
         {
           "kind": "js",
           "name": "*",

package/dist/dts/chart-components.d.ts

@@ -2,11 +2,13 @@ import type { Container } from '@microsoft/fast-foundation';
 export declare const g2plotChartsComponents: {
     g2plotChart: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
         baseName: string;
-        template: import("@microsoft/fast-element").ViewTemplate<import("./chart").G2PlotChart, any>;
+        styles: import("@microsoft/fast-element").ElementStyles;
+        template: import("@microsoft/fast-element").ViewTemplate<any, any>;
         shadowOptions: ShadowRootInit;
     }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
         baseName: string;
-        template: import("@microsoft/fast-element").ViewTemplate<import("./chart").G2PlotChart, any>;
+        styles: import("@microsoft/fast-element").ElementStyles;
+        template: import("@microsoft/fast-element").ViewTemplate<any, any>;
         shadowOptions: ShadowRootInit;
     }, typeof import("./chart").G2PlotChart>;
     register(container?: Container, ...rest: any[]): void;

package/dist/dts/chart-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-components.d.ts","sourceRoot":"","sources":["../../src/chart-components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAG5D,eAAO,MAAM,sBAAsB;;;;;;;;;;yBAEZ,SAAS,WAAW,GAAG,EAAE;CAa/C,CAAC"}
+{"version":3,"file":"chart-components.d.ts","sourceRoot":"","sources":["../../src/chart-components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAG5D,eAAO,MAAM,sBAAsB;;;;;;;;;;;;yBAEZ,SAAS,WAAW,GAAG,EAAE;CAa/C,CAAC"}

package/dist/dts/chart-datasource/chart-datasource.config.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The Chart Datasource event names.
+ * @public
+ */
+export declare const chartDatasourceEventNames: {
+    error: string;
+};
+//# sourceMappingURL=chart-datasource.config.d.ts.map

package/dist/dts/chart-datasource/chart-datasource.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-datasource.config.d.ts","sourceRoot":"","sources":["../../../src/chart-datasource/chart-datasource.config.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,yBAAyB;;CAErC,CAAC"}

package/dist/dts/chart-datasource/chart-datasource.d.ts

@@ -1,4 +1,5 @@
 import { BaseDatasource } from '@genesislcap/foundation-ui';
+import type { BaseDatasourceErrorHandlingOptions } from '@genesislcap/foundation-ui';
 export declare const defaultChartFields = "groupBy value";
 export declare const defaultSeriesChartField = "series";
 declare class ConcreteDatasource extends BaseDatasource {
@@ -43,6 +44,7 @@ declare class ConcreteDatasource extends BaseDatasource {
      */
     showFormattedTime: boolean;
     connectedCallback(): Promise<void>;
+    handleError(params: BaseDatasourceErrorHandlingOptions): void;
     clearData(): void;
     syncComponentData(snapshotData?: any[]): void;
     handleStreamInserts(insertedRows: any[]): void;

package/dist/dts/chart-datasource/chart-datasource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-datasource.d.ts","sourceRoot":"","sources":["../../../src/chart-datasource/chart-datasource.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAQ5D,eAAO,MAAM,kBAAkB,kBAAkB,CAAC;AAClD,eAAO,MAAM,uBAAuB,WAAW,CAAC;AAQhD,cAAM,kBAAmB,SAAQ,cAAc;IAC7C,OAAO,CAAC,KAAK,CAAc;IAE3B;;;;;;;;OAQG;IACkC,WAAW,EAAE,MAAM,CAAsB;IAC9E,OAAO,CAAC,qBAAqB,CAAW;IACxC,OAAO,CAAC,yBAAyB,CAA6B;IAC9D,OAAO,CAAC,gBAAgB,CAAS;IAEjC;;;;;;;;OAQG;IACmC,YAAY,EAAE,MAAM,CAAC;IAC3D,OAAO,CAAC,qBAAqB,CAAW;IAEU,OAAO,UAAS;IAChB,OAAO,UAAS;IAElE;;;OAGG;IACwB,OAAO,UAAQ;IAE1C;;;;;;OAMG;IAC0D,iBAAiB,UAAS;IAEjF,iBAAiB;IAyCvB,SAAS;IAMT,iBAAiB,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE;IAuCtC,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE;IAQvC,mBAAmB,CAAC,WAAW,EAAE,GAAG,EAAE;IAQtC,mBAAmB,CAAC,WAAW,EAAE,GAAG,EAAE;IAatC,OAAO,CAAC,kBAAkB;IAgC1B,OAAO,CAAC,gCAAgC;IAiBxC,IAAI,sBAAsB,IAAI,MAAM,CAEnC;IAED,IAAI,oBAAoB,IAAI,OAAO,CAElC;IAED,IAAI,mBAAmB,IAAI,OAAO,CAEjC;IAED,OAAO,CAAC,uBAAuB;CAOhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED,qBAGa,eAAgB,SAAQ,oBAAkC;IAC5D,oBAAoB,IAAI,IAAI;IAKrB,gBAAgB,CAAC,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;CAIxE"}
+{"version":3,"file":"chart-datasource.d.ts","sourceRoot":"","sources":["../../../src/chart-datasource/chart-datasource.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,4BAA4B,CAAC;AAUrF,eAAO,MAAM,kBAAkB,kBAAkB,CAAC;AAClD,eAAO,MAAM,uBAAuB,WAAW,CAAC;AAQhD,cAAM,kBAAmB,SAAQ,cAAc;IAC7C,OAAO,CAAC,KAAK,CAAc;IAE3B;;;;;;;;OAQG;IACkC,WAAW,EAAE,MAAM,CAAsB;IAC9E,OAAO,CAAC,qBAAqB,CAAW;IACxC,OAAO,CAAC,yBAAyB,CAA6B;IAC9D,OAAO,CAAC,gBAAgB,CAAS;IAEjC;;;;;;;;OAQG;IACmC,YAAY,EAAE,MAAM,CAAC;IAC3D,OAAO,CAAC,qBAAqB,CAAW;IAEU,OAAO,UAAS;IAChB,OAAO,UAAS;IAElE;;;OAGG;IACwB,OAAO,UAAQ;IAE1C;;;;;;OAMG;IAC0D,iBAAiB,UAAS;IAEjF,iBAAiB;IAwCvB,WAAW,CAAC,MAAM,EAAE,kCAAkC,GAAG,IAAI;IAc7D,SAAS;IAMT,iBAAiB,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE;IAuCtC,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE;IAQvC,mBAAmB,CAAC,WAAW,EAAE,GAAG,EAAE;IAQtC,mBAAmB,CAAC,WAAW,EAAE,GAAG,EAAE;IAatC,OAAO,CAAC,kBAAkB;IAiC1B,OAAO,CAAC,gCAAgC;IAiBxC,IAAI,sBAAsB,IAAI,MAAM,CAEnC;IAED,IAAI,oBAAoB,IAAI,OAAO,CAElC;IAED,IAAI,mBAAmB,IAAI,OAAO,CAEjC;IAED,OAAO,CAAC,uBAAuB;CAOhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED,qBAGa,eAAgB,SAAQ,oBAAkC;IAC5D,oBAAoB,IAAI,IAAI;IAKrB,gBAAgB,CAAC,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;CAIxE"}

package/dist/dts/chart-datasource/chart-datasource.types.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The event detail for the Chart Datasource `error` event.
+ * @public
+ */
+export type ChartDatasourceErrorEventDetail = {
+    message: string;
+};
+/**
+ * The error event Chart Datasource.
+ * @public
+ */
+export type ChartDatasourceErrorEvent = CustomEvent<ChartDatasourceErrorEventDetail>;
+//# sourceMappingURL=chart-datasource.types.d.ts.map

package/dist/dts/chart-datasource/chart-datasource.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-datasource.types.d.ts","sourceRoot":"","sources":["../../../src/chart-datasource/chart-datasource.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,+BAA+B,GAAG;IAC5C,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC,+BAA+B,CAAC,CAAC"}

package/dist/dts/chart-datasource/index.d.ts

@@ -1,2 +1,4 @@
+export * from './chart-datasource.config';
+export * from './chart-datasource.types';
 export * from './chart-datasource';
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/chart-datasource/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart-datasource/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart-datasource/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}

package/dist/dts/chart.d.ts

@@ -1,5 +1,5 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
-import { ChartModels, ChartTypes } from './chart.types';
+import { ChartModels, ChartTypes, ChartErrorEvent, ChartErrorItem } from './chart.types';
 declare const G2PlotChart_base: (new (...args: any[]) => {
     "__#1@#_container": import("@genesislcap/foundation-utils").FoundationLayoutContainer | import("@genesislcap/foundation-utils").LayoutCacheContainer | import("@genesislcap/foundation-utils").DOMContainer;
     "__#1@#_latestTokenCode": string;
@@ -334,9 +334,14 @@ export declare class G2PlotChart extends G2PlotChart_base {
     type: ChartTypes;
     config: any;
     data: any[];
+    errorItems: ChartErrorItem<ChartErrorEvent['detail']>[];
     private legendSelected;
     private legendParser?;
+    private rootEventsListeners;
     dataChanged(oldValue: any[], newValue: any[]): void;
+    constructor();
+    private hideDatasourceError;
+    private addErrorItem;
     deepClone(): Node;
     renderChart(): void;
     connectedCallback(): void;
@@ -373,11 +378,13 @@ export declare const defaultChartConfig: {};
  */
 export declare const g2plotChart: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
     baseName: string;
-    template: import("@microsoft/fast-element").ViewTemplate<G2PlotChart, any>;
+    styles: import("@microsoft/fast-element").ElementStyles;
+    template: import("@microsoft/fast-element").ViewTemplate<any, any>;
     shadowOptions: ShadowRootInit;
 }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
     baseName: string;
-    template: import("@microsoft/fast-element").ViewTemplate<G2PlotChart, any>;
+    styles: import("@microsoft/fast-element").ElementStyles;
+    template: import("@microsoft/fast-element").ViewTemplate<any, any>;
     shadowOptions: ShadowRootInit;
 }, typeof G2PlotChart>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/chart.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBxD;;GAEG;AACH,qBAAa,WAAY,SAAQ,gBAAiC;IACzD,KAAK,EAAE,WAAW,CAAC;IACnB,cAAc,EAAE,WAAW,CAAC;IAC7B,IAAI,EAAE,UAAU,CAAS;IACnB,MAAM,MAAC;IACP,IAAI,EAAE,GAAG,EAAE,CAAM;IAE7B,OAAO,CAAC,cAAc,CAAkC;IACxD,OAAO,CAAC,YAAY,CAAC,CAAqB;IAE1C,WAAW,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;IAQnC,SAAS,IAAI,IAAI;IAU1B,WAAW;IAKX,iBAAiB;IAcjB,oBAAoB,IAAI,IAAI;IAO5B,YAAY,mBAEV;IAEF,OAAO,CAAC,cAAc,CAapB;IAEF,OAAO,CAAC,qBAAqB,CAO3B;IAEF;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,8BAA8B;IA0BtC,OAAO,CAAC,sBAAsB,CAW5B;CACH;AAGD,eAAO,MAAM,4BAA4B,EAAE,cAA0B,CAAC;AAEtE,eAAO,MAAM,kBAAkB,IAAK,CAAC;AAErC;;;;;;GAMG;AACH,eAAO,MAAM,WAAW;;;;;;;;sBAKtB,CAAC"}
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/chart.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAK/D,OAAO,EACL,WAAW,EACX,UAAU,EAGV,eAAe,EACf,cAAc,EACf,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBvB;;GAEG;AACH,qBAAa,WAAY,SAAQ,gBAAiC;IACzD,KAAK,EAAE,WAAW,CAAC;IACnB,cAAc,EAAE,WAAW,CAAC;IAC7B,IAAI,EAAE,UAAU,CAAS;IACnB,MAAM,MAAC;IACP,IAAI,EAAE,GAAG,EAAE,CAAM;IACjB,UAAU,EAAE,cAAc,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAM;IAEzE,OAAO,CAAC,cAAc,CAAkC;IACxD,OAAO,CAAC,YAAY,CAAC,CAAqB;IAC1C,OAAO,CAAC,mBAAmB,CAA4B;IAEvD,WAAW,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;;IAmB5C,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,YAAY;IAUX,SAAS,IAAI,IAAI;IAU1B,WAAW;IAKX,iBAAiB;IAmBjB,oBAAoB,IAAI,IAAI;IAW5B,YAAY,mBAEV;IAEF,OAAO,CAAC,cAAc,CAapB;IAEF,OAAO,CAAC,qBAAqB,CAO3B;IAEF;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,8BAA8B;IA0BtC,OAAO,CAAC,sBAAsB,CAW5B;CACH;AAGD,eAAO,MAAM,4BAA4B,EAAE,cAA0B,CAAC;AAEtE,eAAO,MAAM,kBAAkB,IAAK,CAAC;AAErC;;;;;;GAMG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;sBAMtB,CAAC"}

package/dist/dts/chart.definitions.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The Chart Datasource events names.
+ * @internal
+ */
+export declare const chartEventNames: {
+    datasourceErrorClose: string;
+};
+/**
+ * The error names for the Chart component.
+ * @public
+ */
+export declare const chartErrorNames: {
+    readonly datasource: "datasource";
+    readonly unknown: "unknown";
+};
+//# sourceMappingURL=chart.definitions.d.ts.map

package/dist/dts/chart.definitions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.definitions.d.ts","sourceRoot":"","sources":["../../src/chart.definitions.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,eAAe;;CAE3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe;;;CAGlB,CAAC"}

package/dist/dts/chart.styles.d.ts

@@ -0,0 +1,7 @@
+import type { ElementStyles } from '@microsoft/fast-element';
+/**
+ * The Chart styles.
+ * @public
+ */
+export declare const foundationChartStyles: ElementStyles;
+//# sourceMappingURL=chart.styles.d.ts.map

package/dist/dts/chart.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.styles.d.ts","sourceRoot":"","sources":["../../src/chart.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,aAoCnC,CAAC"}

package/dist/dts/chart.template.d.ts

@@ -1,4 +1,9 @@
 import type { ViewTemplate } from '@microsoft/fast-element';
-import type { G2PlotChart } from './chart';
-export declare const g2plotChartTemplate: ViewTemplate<G2PlotChart>;
+/**
+ * The g2lot chart template.
+ * @param prefix - The design system prefix to use. Defaults to 'foundation'.
+ * @returns A g2plot chart template prefixed with the correct design system.
+ * @public
+ */
+export declare const g2plotChartTemplate: ViewTemplate;
 //# sourceMappingURL=chart.template.d.ts.map

package/dist/dts/chart.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.template.d.ts","sourceRoot":"","sources":["../../src/chart.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,mBAAmB,EAAE,YAAY,CAAC,WAAW,CAEzD,CAAC"}
+{"version":3,"file":"chart.template.d.ts","sourceRoot":"","sources":["../../src/chart.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAI5D;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,YAOjC,CAAC"}

package/dist/dts/chart.types.d.ts

@@ -1,4 +1,32 @@
 import { Line, Area, Bar, Column, Pie, DualAxes, Rose, Scatter, Stock, Mix } from '@antv/g2plot';
+import { ChartDatasourceErrorEvent } from './chart-datasource/chart-datasource.types';
+import { chartErrorNames } from './chart.definitions';
 export type ChartModels = Line | Area | Bar | Column | Pie | DualAxes | Rose | Scatter | Stock | Mix;
 export type ChartTypes = 'line' | 'area' | 'column' | 'bar' | 'pie' | 'donut' | 'dualaxes' | 'rose' | 'scatter' | 'stock' | 'mix';
+/**
+ * Chart Event Listeners
+ * @internal
+ */
+export type ChartEventsListeners = {
+    key: string;
+    action: (event: Event) => void;
+}[];
+/**
+ * Chart Error Types
+ * @public
+ */
+export type ChartErrorTypes = keyof typeof chartErrorNames;
+/**
+ * Chart Error Item
+ * @public
+ */
+export interface ChartErrorItem<ChartErrorItemDetailType> {
+    detail: ChartErrorItemDetailType;
+    type: ChartErrorTypes;
+}
+/**
+ * Chart possible error events
+ * @public
+ */
+export type ChartErrorEvent = ChartDatasourceErrorEvent | CustomEvent<ChartErrorItem<any>>;
 //# sourceMappingURL=chart.types.d.ts.map

package/dist/dts/chart.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.types.d.ts","sourceRoot":"","sources":["../../src/chart.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEjG,MAAM,MAAM,WAAW,GACnB,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,MAAM,GACN,GAAG,GACH,QAAQ,GACR,IAAI,GACJ,OAAO,GACP,KAAK,GACL,GAAG,CAAC;AACR,MAAM,MAAM,UAAU,GAClB,MAAM,GACN,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,MAAM,GACN,SAAS,GACT,OAAO,GACP,KAAK,CAAC"}
+{"version":3,"file":"chart.types.d.ts","sourceRoot":"","sources":["../../src/chart.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACjG,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,MAAM,WAAW,GACnB,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,MAAM,GACN,GAAG,GACH,QAAQ,GACR,IAAI,GACJ,OAAO,GACP,KAAK,GACL,GAAG,CAAC;AACR,MAAM,MAAM,UAAU,GAClB,MAAM,GACN,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,MAAM,GACN,SAAS,GACT,OAAO,GACP,KAAK,CAAC;AAEV;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,EAAE,CAAC;AAErF;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAE3D;;;GAGG;AACH,MAAM,WAAW,cAAc,CAAC,wBAAwB;IACtD,MAAM,EAAE,wBAAwB,CAAC;IACjC,IAAI,EAAE,eAAe,CAAC;CACvB;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,yBAAyB,GAAG,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC"}

package/dist/dts/index.d.ts

@@ -2,6 +2,7 @@ export * from './chart-components';
 export * from './chart';
 export * from './chart.types';
 export * from './chart.template';
+export * from './chart.definitions';
 export * from './settings';
 export * from './chart-datasource';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AAEnC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAE3B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AAEnC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAE3B,cAAc,oBAAoB,CAAC"}

package/dist/esm/chart-datasource/chart-datasource.config.js

@@ -0,0 +1,7 @@
+/**
+ * The Chart Datasource event names.
+ * @public
+ */
+export const chartDatasourceEventNames = {
+    error: 'datasource-error',
+};

package/dist/esm/chart-datasource/chart-datasource.js

@@ -3,6 +3,7 @@ import { createLogger } from '@genesislcap/foundation-logger';
 import { BaseDatasource } from '@genesislcap/foundation-ui';
 import { LifecycleMixin } from '@genesislcap/foundation-utils';
 import { attr, customElement } from '@microsoft/fast-element';
+import { chartDatasourceEventNames } from './chart-datasource.config';
 import { extractFields, getFormattedDateGroupBy, getReduced } from './chart-datasource.utils';
 const logger = createLogger('chart-datasource');
 export const defaultChartFields = 'groupBy value';
@@ -52,7 +53,9 @@ class ConcreteDatasource extends BaseDatasource {
             this.extractedChartsFields = extractFields(this.chartFields);
             this.prepareSeriesField();
             if (!this.hasValidServerFields || !this.hasValidChartFields) {
-                logger.warn('Use valid server and chart fields (e.g server-fields="NAME VALUE" charts-fields="groupBy value"). Chart will not load.');
+                this.handleError({
+                    message: 'Use valid server and chart fields (e.g server-fields="NAME VALUE" charts-fields="groupBy value"). Chart will not load.',
+                });
                 return;
             }
             yield this.initDatasource();
@@ -63,7 +66,10 @@ class ConcreteDatasource extends BaseDatasource {
                 const message = invalidServerFieldsFound.length > 1
                     ? `Server fields '${allInvalidServerFields}' are invalid.`
                     : `Server field '${allInvalidServerFields}' is invalid.`;
-                logger.warn(`${message} Chart will not load. Available fields:`, allPossibleValidServerFields);
+                const filedsNames = allPossibleValidServerFields.join(',');
+                this.handleError({
+                    message: `${message} Chart will not load. Available fields: ${filedsNames}`,
+                });
                 return;
             }
             if (this.chart && this.resourceName && this.connect.isConnected) {
@@ -71,6 +77,15 @@ class ConcreteDatasource extends BaseDatasource {
             }
         });
     }
+    handleError(params) {
+        const { message, loggerType = 'error' } = params;
+        if (message) {
+            logger[loggerType](message);
+            if (loggerType === 'error') {
+                this.$emit(chartDatasourceEventNames.error, { message });
+            }
+        }
+    }
     // ChartDatasource's implementation of BaseDatasource abstracts
     clearData() {
         var _a;
@@ -137,7 +152,9 @@ class ConcreteDatasource extends BaseDatasource {
                 case 'bar':
                 case 'column':
                     if (this.isStack && this.isGroup) {
-                        logger.warn('Charts can not be stacked and grouped at the same time. Chart will not load properly.');
+                        this.handleError({
+                            message: 'Charts can not be stacked and grouped at the same time. Chart will not load properly.',
+                        });
                     }
                     this.chart.config.isStack = this.isStack;
                     this.chart.config.isGroup = this.isGroup;

package/dist/esm/chart-datasource/chart-datasource.types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/chart-datasource/index.js

@@ -1 +1,3 @@
+export * from './chart-datasource.config';
+export * from './chart-datasource.types';
 export * from './chart-datasource';

package/dist/esm/chart.definitions.js

@@ -0,0 +1,15 @@
+/**
+ * The Chart Datasource events names.
+ * @internal
+ */
+export const chartEventNames = {
+    datasourceErrorClose: 'datasource-error-close',
+};
+/**
+ * The error names for the Chart component.
+ * @public
+ */
+export const chartErrorNames = {
+    datasource: 'datasource',
+    unknown: 'unknown',
+};

package/dist/esm/chart.js

@@ -2,7 +2,9 @@ import { __decorate } from "tslib";
 import { LifecycleMixin } from '@genesislcap/foundation-utils';
 import { attr, observable } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
-import { ChartDatasource } from './chart-datasource';
+import { ChartDatasource, chartDatasourceEventNames } from './chart-datasource';
+import { chartEventNames, chartErrorNames } from './chart.definitions';
+import { foundationChartStyles as styles } from './chart.styles';
 import { g2plotChartTemplate as template } from './chart.template';
 import { LineChart, AreaChart, BarChart, ColumnChart, DonutChart, PieChart, DualAxesChart, RoseChart, ScatterChart, StockChart, MixChart, } from './models';
 import { registerRapidShape } from './settings';
@@ -11,11 +13,21 @@ ChartDatasource;
  * @tagname %%prefix%%-g2plot-chart
  */
 export class G2PlotChart extends LifecycleMixin(FoundationElement) {
+    dataChanged(oldValue, newValue) {
+        var _a;
+        if (!newValue)
+            return;
+        if (oldValue && newValue && oldValue !== newValue) {
+            (_a = this.chart) === null || _a === void 0 ? void 0 : _a.changeData(this.data);
+        }
+    }
     constructor() {
-        super(...arguments);
+        super();
         this.type = 'bar';
         this.data = [];
+        this.errorItems = [];
         this.legendSelected = {};
+        this.rootEventsListeners = [];
         this.eventHandler = (e) => {
             this.$emit(e.type, e);
         };
@@ -45,14 +57,22 @@ export class G2PlotChart extends LifecycleMixin(FoundationElement) {
             configuration.legend = Object.assign(Object.assign({}, configuration.legend), { selected: Object.assign({}, this.legendSelected) });
             return configuration;
         };
+        this.rootEventsListeners.push({ key: chartEventNames.datasourceErrorClose, action: this.hideDatasourceError.bind(this) }, {
+            key: chartDatasourceEventNames.error,
+            action: this.addErrorItem.bind(this, chartErrorNames.datasource),
+        });
     }
-    dataChanged(oldValue, newValue) {
-        var _a;
-        if (!newValue)
-            return;
-        if (oldValue && newValue && oldValue !== newValue) {
-            (_a = this.chart) === null || _a === void 0 ? void 0 : _a.changeData(this.data);
-        }
+    hideDatasourceError() {
+        this.errorItems = this.errorItems.filter((item) => item.type !== chartErrorNames.datasource);
+    }
+    addErrorItem(type, event) {
+        this.errorItems = [
+            ...this.errorItems,
+            {
+                type,
+                detail: event.detail,
+            },
+        ];
     }
     deepClone() {
         const copy = super.deepClone();
@@ -78,12 +98,19 @@ export class G2PlotChart extends LifecycleMixin(FoundationElement) {
         this.cacheHiddenLegendItemsCallback = this.cacheHiddenLegendItemsCallback.bind(this);
         // as the chart is destroyed in the disconnect the event is wiped
         (_a = this.chart) === null || _a === void 0 ? void 0 : _a.on('legend-item:click', this.cacheHiddenLegendItemsCallback);
+        // handle errors from chart
+        this.rootEventsListeners.forEach(({ key, action }) => {
+            this.addEventListener(key, action);
+        });
     }
     disconnectedCallback() {
         if (this.chart) {
             this.chart.destroy();
             this.chart.off('*', this.eventHandler);
         }
+        this.rootEventsListeners.forEach(({ key, action }) => {
+            this.removeEventListener(key, action);
+        });
     }
     /**
      * Get which legend items are selected (shown/hidden) so they can be re-applied during a subsequent connectedCallback
@@ -124,6 +151,9 @@ __decorate([
 __decorate([
     observable
 ], G2PlotChart.prototype, "data", void 0);
+__decorate([
+    observable
+], G2PlotChart.prototype, "errorItems", void 0);
 // explicitly declaring for extensibility
 export const foundationChartShadowOptions = undefined;
 export const defaultChartConfig = {};
@@ -134,4 +164,5 @@ export const defaultChartConfig = {};
  * @remarks
  * HTML Element: \<design-system-g2plot-chart\>
  */
-export const g2plotChart = G2PlotChart.compose(Object.assign({ baseName: 'g2plot-chart', template, shadowOptions: foundationChartShadowOptions }, defaultChartConfig));
+export const g2plotChart = G2PlotChart.compose(Object.assign({ baseName: 'g2plot-chart', styles,
+    template, shadowOptions: foundationChartShadowOptions }, defaultChartConfig));

package/dist/esm/chart.styles.js

@@ -0,0 +1,42 @@
+import { css } from '@microsoft/fast-element';
+/**
+ * The Chart styles.
+ * @public
+ */
+export const foundationChartStyles = css `
+  :host {
+    --datasource-error-background-color: var(--neutral-layer-4);
+    --datasource-error-background-opacity: 0.5;
+    --datasource-error-dialog-max-width: 50%;
+
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
+  .hidden {
+    display: none;
+  }
+
+  :host::part(chart-container) {
+    z-index: 1;
+  }
+
+  :host::part(chart-datasource-error) {
+    z-index: 2;
+  }
+
+  :host::part(chart-datasource-error)::before {
+    content: '';
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    left: 0;
+    height: 100%;
+    width: 100%;
+    border-radius: 2px;
+    background-color: var(--datasource-error-background-color);
+    opacity: var(--datasource-error-background-opacity);
+    z-index: 1;
+  }
+`;

package/dist/esm/chart.template.js

@@ -1,4 +1,15 @@
 import { html, ref } from '@microsoft/fast-element';
+import { chartErrorNames } from './chart.definitions';
+/**
+ * The g2lot chart template.
+ * @param prefix - The design system prefix to use. Defaults to 'foundation'.
+ * @returns A g2plot chart template prefixed with the correct design system.
+ * @public
+ */
 export const g2plotChartTemplate = html `
-  <div style="height: 100%" ${ref('chartContainer')}></div>
+  <slot
+    name="chart-datasource-error"
+    class="${(x) => x.errorItems.some(({ type }) => type === chartErrorNames.datasource) ? '' : 'hidden'}"
+  ></slot>
+  <div style="height: 100%" ${ref('chartContainer')} part="chart-container"></div>
 `;

package/dist/esm/index.js

@@ -2,5 +2,6 @@ export * from './chart-components';
 export * from './chart';
 export * from './chart.types';
 export * from './chart.template';
+export * from './chart.definitions';
 export * from './settings';
 export * from './chart-datasource';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/g2plot-chart",
   "description": "Genesis G2plot Chart",
-  "version": "14.172.3",
+  "version": "14.173.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -45,22 +45,22 @@
     "test:debug": "genx test --debug"
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.172.3",
-    "@genesislcap/genx": "14.172.3",
-    "@genesislcap/rollup-builder": "14.172.3",
-    "@genesislcap/ts-builder": "14.172.3",
-    "@genesislcap/uvu-playwright-builder": "14.172.3",
-    "@genesislcap/vite-builder": "14.172.3",
-    "@genesislcap/webpack-builder": "14.172.3",
+    "@genesislcap/foundation-testing": "14.173.0",
+    "@genesislcap/genx": "14.173.0",
+    "@genesislcap/rollup-builder": "14.173.0",
+    "@genesislcap/ts-builder": "14.173.0",
+    "@genesislcap/uvu-playwright-builder": "14.173.0",
+    "@genesislcap/vite-builder": "14.173.0",
+    "@genesislcap/webpack-builder": "14.173.0",
     "rimraf": "^3.0.2"
   },
   "dependencies": {
     "@antv/g2plot": "^2.4.20",
-    "@genesislcap/foundation-comms": "14.172.3",
-    "@genesislcap/foundation-logger": "14.172.3",
-    "@genesislcap/foundation-ui": "14.172.3",
-    "@genesislcap/foundation-utils": "14.172.3",
-    "@genesislcap/foundation-zero": "14.172.3",
+    "@genesislcap/foundation-comms": "14.173.0",
+    "@genesislcap/foundation-logger": "14.173.0",
+    "@genesislcap/foundation-ui": "14.173.0",
+    "@genesislcap/foundation-utils": "14.173.0",
+    "@genesislcap/foundation-zero": "14.173.0",
     "@microsoft/fast-element": "^1.12.0",
     "@microsoft/fast-foundation": "^2.49.4",
     "tslib": "^2.3.1"
@@ -74,5 +74,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "cc9b93fba1c80a063df18cbd70752c921f9bad0a"
+  "gitHead": "305d22f53f12f2df0ed90a713575837d36aec80f"
 }