genesys-spark-chart-components 4.12.1-beta.1

package/dist/genesys-chart-webcomponents/p-c3aa8578.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,g as e}from"./p-3e4b3dbc.js";import{t as s}from"./p-97c45977.js";import{V as a,l as o}from"./p-82f0ea01.js";const r="category",h="value",n=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",config:{legend:{symbolType:"circle"}},encoding:{theta:{field:"value",type:"quantitative",stack:!0},color:{field:r,type:"nominal",scale:{range:a},legend:null},tooltip:{aggregate:"count",type:"quantitative"}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:h,type:"quantitative"}}}],view:{stroke:null}},this.chartData=void 0,this.includeLegend=void 0,this.legendPosition="right",this.legendTitle=void 0,this.colorFieldName=void 0,this.outerRadius=void 0,this.labelRadius=void 0,this.labelField=void 0,this.embedOptions=void 0}parseData(){this.outerRadius||o(this.root,"requires outer-radius");let t={};this.chartData&&(t={data:this.chartData}),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.colorFieldName||r;i&&(this.baseChartSpec.encoding.color.field=i);const e=this.legendTitle;e&&(this.baseChartSpec.encoding.color.title=e),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:this.outerRadius}}];const s=this.labelRadius;s&&this.baseChartSpec.layer.push({mark:{type:"text",radius:s},encoding:{text:{field:this.labelField||h,type:"quantitative"}}});const a=Object.assign(this.baseChartSpec,t);this.visualizationSpec=a}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return e(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_pie_beta}

package/dist/genesys-chart-webcomponents/p-d4a346df.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,g as s}from"./p-3e4b3dbc.js";import{t as e}from"./p-97c45977.js";import{V as a,l as h}from"./p-82f0ea01.js";const o="category",n=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",params:[{name:"onHover",select:{type:"point",on:"mouseover"}}],config:{axis:{ticks:!1,titlePadding:8,gridColor:"#F6F7F9"},axisX:{labelAngle:0,grid:!0},legend:{symbolType:"circle"}},width:{step:40},encoding:{x:{type:"nominal"},y:{type:"quantitative"},color:{field:o,type:"nominal",scale:{range:a},legend:null},size:{condition:[{param:"onHover",empty:!1,value:100}],value:40}}},this.chartData=void 0,this.xTickLabelSlant=void 0,this.includeLegend=void 0,this.legendPosition="right",this.xFieldName=void 0,this.xAxisTitle=void 0,this.yFieldName=void 0,this.yAxisTitle=void 0,this.legendTitle=void 0,this.colorFieldName=void 0,this.useShape=void 0,this.embedOptions=void 0}parseData(){this.xFieldName&&this.yFieldName||h(this.root,"requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=-45),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,s=this.xAxisTitle,e=this.yFieldName,a=this.yAxisTitle,n=this.legendTitle,l=this.useShape||"circle",r=this.colorFieldName||o;this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),i&&(this.baseChartSpec.encoding.x.field=i),s&&(this.baseChartSpec.encoding.x.title=s),e&&(this.baseChartSpec.encoding.y.field=e),a&&(this.baseChartSpec.encoding.y.title=a),r&&(this.baseChartSpec.encoding.color.field=r),n&&(this.baseChartSpec.encoding.color.title=n),this.baseChartSpec.mark={type:l,filled:!0},this.baseChartSpec.config.legend.symbolType=l,this.baseChartSpec.encoding.shape={field:r,type:"nominal"},this.baseChartSpec.encoding.tooltip=[{field:i,type:"nominal",title:s},{field:e,type:"quantitative",title:a},{field:r,type:"nominal",title:n}];const c=Object.assign(this.baseChartSpec,t);this.visualizationSpec=c}componentWillLoad(){e(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return s(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_scatter_plot_beta}

package/dist/genesys-chart-webcomponents/p-d9928f8c.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,g as e}from"./p-3e4b3dbc.js";import{t as s}from"./p-97c45977.js";import{V as a,l as h}from"./p-82f0ea01.js";const o="category",n="value",r=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",config:{legend:{symbolType:"circle"}},encoding:{theta:{field:"value",type:"quantitative",stack:!0},color:{field:o,type:"nominal",scale:{range:a},legend:null}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:n,type:"quantitative"}}}],view:{stroke:null}},this.chartData=void 0,this.includeLegend=void 0,this.legendPosition="right",this.legendTitle=void 0,this.colorFieldName=void 0,this.outerRadius=void 0,this.innerRadius=void 0,this.labelRadius=void 0,this.labelField=void 0,this.gauge=void 0,this.centerText=void 0,this.centerSubText=void 0,this.showTooltip=!0,this.tooltipOptions=void 0,this.legendX=void 0,this.legendY=void 0,this.legendFontSize=void 0,this.legendSymbolSize=void 0,this.embedOptions=void 0}parseData(){this.outerRadius||this.innerRadius||h(this.root,"requires at least one of outer-radius or inner-radius");let t={};this.chartData&&(t={data:this.chartData}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition),this.includeLegend?(this.baseChartSpec.encoding.color.legend={},(this.legendX||this.legendY)&&(this.baseChartSpec.config.legend.orient="none",this.legendX&&(this.baseChartSpec.encoding.color.legend.legendX=this.legendX),this.legendY&&(this.baseChartSpec.encoding.color.legend.legendY=this.legendY)),this.legendFontSize&&(this.baseChartSpec.encoding.color.legend.labelFontSize=this.legendFontSize),this.legendSymbolSize&&(this.baseChartSpec.encoding.color.legend.symbolSize=this.legendSymbolSize)):this.baseChartSpec.encoding.color.legend=null;const i=this.colorFieldName||o;i&&(this.baseChartSpec.encoding.color.field=i);this.baseChartSpec.encoding.color.title=this.legendTitle||"";let e=this.outerRadius,s=this.innerRadius;e||(e=s+32),s||(s=e-32);let a=1;this.gauge?(this.baseChartSpec.layer=[{data:{values:[{progress:"default",value:100}]},mark:{type:"arc",innerRadius:s},encoding:{theta:{field:"value",type:"quantitative"},color:{value:"#E4E9F0"},tooltip:null}},{mark:{type:"arc",outerRadius:e,innerRadius:s,padAngle:.01}},{mark:{type:"arc",innerRadius:s,padAngle:.01}}],a=2):this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:e,innerRadius:s}},{mark:{type:"arc",innerRadius:s,stroke:"#fff"}}];const r=this.centerText;r&&this.baseChartSpec.layer.push({data:{values:[{centerText:r,value:0}]},mark:{align:"center",type:"text",baseline:"middle"},encoding:{color:{value:"#4C5054"},text:{field:"centerText"},size:{value:{expr:"height * 0.09"}},tooltip:null}});const l=this.centerSubText;l&&this.baseChartSpec.layer.push({data:{values:[{centerSubText:l,value:0}]},mark:{align:"center",type:"text",baseline:"middle",y:{expr:"height/2 + 20"}},encoding:{color:{value:"#6A6D70"},text:{field:"centerSubText"},size:{value:{expr:"height * 0.06"}},tooltip:null}});const d=this.labelRadius,u=this.labelField||n;d&&this.baseChartSpec.layer.push({mark:{type:"text",radius:d},encoding:{text:{field:u,type:"quantitative"}}}),this.showTooltip&&(this.tooltipOptions?(this.baseChartSpec.layer[a].mark.tooltip={content:"data"},this.tooltipSpec={actions:!1,tooltip:this.tooltipOptions}):this.baseChartSpec.encoding.tooltip={field:u,aggregate:"count",type:"quantitative"});const c=Object.assign(this.baseChartSpec,t);this.visualizationSpec=c}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec,embedOptions:this.tooltipSpec})}get root(){return e(this)}static get watchers(){return{chartData:["parseData"]}}};r.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{r as gux_chart_donut_beta}

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/loader/cdn.js

@@ -0,0 +1,3 @@
+
+module.exports = require('../cjs/loader.cjs.js');
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -0,0 +1,3 @@
+
+module.exports = require('../cjs/loader.cjs.js');
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.d.ts

@@ -0,0 +1,21 @@
+export * from '../types/components';
+export interface CustomElementsDefineOptions {
+  exclude?: string[];
+  resourcesUrl?: string;
+  syncQueue?: boolean;
+  jmp?: (c: Function) => any;
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/dist/loader/index.es2017.js

@@ -0,0 +1,3 @@
+
+export * from '../esm/polyfills/index.js';
+export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -0,0 +1,4 @@
+
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
+export * from '../esm/polyfills/index.js';
+export * from '../esm/loader.js';

package/dist/loader/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "genesys-chart-webcomponents-loader",
+  "private": true,
+  "typings": "./index.d.ts",
+  "module": "./index.js",
+  "main": "./index.cjs.js",
+  "jsnext:main": "./index.es2017.js",
+  "es2015": "./index.es2017.js",
+  "es2017": "./index.es2017.js",
+  "unpkg": "./cdn.js"
+}

package/dist/stencil-wrapper.js

@@ -0,0 +1,58 @@
+/* eslint @typescript-eslint/no-unsafe-call: 0 */
+/**
+ * This module defines a wrapper around stencil's custom element setup that incorporates
+ * a CDN url for resource loading at build time. Because it depends on code generated
+ * by stencil, it's built in a second pass after the stencil components.  It's normal
+ * to see some errors here before building anything
+ */
+import { defineCustomElements } from '../dist/loader';
+// Value templated out during build process (see scripts/wrap-stencil.js)
+export const CHART_COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.12.1-beta.1-7/genesys-webcomponents/chart/';
+// Default domain to load assets from
+const DEFAULT_DOMAIN = 'app.mypurecloud.com';
+// List of Genesys UI domains
+const DOMAIN_LIST = [
+    'apne2.pure.cloud',
+    'apne3.pure.cloud',
+    'aps1.pure.cloud',
+    'cac1.pure.cloud',
+    'euc2.pure.cloud',
+    'euw2.pure.cloud',
+    'inindca.com',
+    'inintca.com',
+    'mec1.pure.cloud',
+    'mypurecloud.com',
+    'mypurecloud.com.au',
+    'mypurecloud.de',
+    'mypurecloud.ie',
+    'mypurecloud.jp',
+    'sae1.pure.cloud',
+    'use2.maximus-pure.cloud',
+    // 'use2.us-gov-pure.cloud', Assets are not currently deployed to FedRAMP and should fallback to the default domain
+    'usw2.pure.cloud'
+];
+export function registerElements() {
+    if (CHART_COMPONENT_ASSETS_PATH) {
+        defineCustomElements(window, {
+            resourcesUrl: `https://${getDomain() + CHART_COMPONENT_ASSETS_PATH}`
+        });
+    }
+    else {
+        defineCustomElements();
+    }
+}
+/**
+ * Returns the domain that web component assets should be loaded from.
+ * Will use the domain of the current window if it matches a Genesys domain.
+ */
+function getDomain() {
+    const hostname = window.location.hostname;
+    const matchedDomain = DOMAIN_LIST.find(regionDomain => hostname.endsWith(regionDomain));
+    if (matchedDomain) {
+        return `app.${matchedDomain}`;
+    }
+    if (hostname.endsWith('.pure.cloud')) {
+        return `app.${hostname.split('.').slice(-3).join('.')}`;
+    }
+    return DEFAULT_DOMAIN;
+}

package/dist/types/components/beta/gux-chart-column/gux-chart-column.d.ts

@@ -0,0 +1,49 @@
+import { JSX } from '../../../stencil-public-runtime';
+import { EmbedOptions } from 'vega-embed';
+export declare class GuxColumnChart {
+  root: HTMLElement;
+  private visualizationSpec;
+  private baseChartSpec;
+  /**
+   * Data to be rendered in the chart.
+   * Data field names must match the values you set in xFieldName and yFieldName
+   */
+  chartData: Record<string, any>;
+  /**
+   * If true, then make Axis tick label 45 degrees
+   */
+  xTickLabelSlant: boolean;
+  includeLegend: boolean;
+  /**
+   * Name for the data field to use to populate the chart's x-axis
+   * e.g. xFieldName of "category" will map any "category" fields in chartData to the x-axis
+   */
+  xFieldName: string;
+  /**
+   * Name for the data field to use to populate the chart's x-axis
+   * e.g. yFieldName of "value" will map any "value" fields in chartData to the y-axis
+   */
+  yFieldName: string;
+  /**
+   * Title to display along the x-axis
+   */
+  xAxisTitle: string;
+  /**
+   * Title to display along the y-axis
+   */
+  yAxisTitle: string;
+  /**
+   * Title to display above the optional legend
+   */
+  legendTitle: string;
+  legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
+  /**
+   * List specifying the order of optional chart layers.
+   * For correct chart layering, each chartData entry must also include a "series" field with a value indicating which layer the entry belongs to, e.g 'series': 'group1'
+   */
+  chartLayers: string[];
+  embedOptions: EmbedOptions;
+  parseData(): void;
+  componentWillLoad(): void;
+  render(): JSX.Element;
+}

package/dist/types/components/beta/gux-chart-column/gux-chart-column.locale.d.ts

@@ -0,0 +1,22 @@
+export declare const timeFormatLocale: {
+  en: {
+    dateTime: string;
+    date: string;
+    time: string;
+    periods: string[];
+    days: string[];
+    shortDays: string[];
+    months: string[];
+    shortMonths: string[];
+  };
+  de: {
+    dateTime: string;
+    date: string;
+    time: string;
+    periods: string[];
+    days: string[];
+    shortDays: string[];
+    months: string[];
+    shortMonths: string[];
+  };
+};

package/dist/types/components/beta/gux-chart-donut/gux-chart-donut.d.ts

@@ -0,0 +1,34 @@
+import { JSX } from '../../../stencil-public-runtime';
+import { EmbedOptions } from 'vega-embed';
+export declare class GuxDonutChart {
+  root: HTMLElement;
+  private visualizationSpec;
+  private tooltipSpec;
+  private baseChartSpec;
+  /**
+   * Data to be rendered in the chart.
+   * Data field names must match the values you set in xFieldName and yFieldName
+   */
+  chartData: Record<string, any>;
+  includeLegend: boolean;
+  legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
+  legendTitle: string;
+  colorFieldName: string;
+  outerRadius: number;
+  innerRadius: number;
+  labelRadius: number;
+  labelField: string;
+  gauge: boolean;
+  centerText: string;
+  centerSubText: string;
+  showTooltip: boolean;
+  tooltipOptions: EmbedOptions;
+  legendX: number;
+  legendY: number;
+  legendFontSize: number;
+  legendSymbolSize: number;
+  embedOptions: EmbedOptions;
+  parseData(): void;
+  componentWillLoad(): void;
+  render(): JSX.Element;
+}

package/dist/types/components/beta/gux-chart-line/gux-chart-line.d.ts

@@ -0,0 +1,48 @@
+import { JSX } from '../../../stencil-public-runtime';
+import { EmbedOptions } from 'vega-embed';
+export declare class GuxLineChart {
+  root: HTMLElement;
+  private visualizationSpec;
+  private baseChartSpec;
+  /**
+   * Data to be rendered in the chart.
+   * Data field names must match the values you set in xFieldName and yFieldName
+   */
+  chartData: Record<string, any>;
+  /**
+   * If true, then make Axis tick label 45 degrees
+   */
+  xTickLabelSlant: boolean;
+  includeLegend: boolean;
+  legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
+  includeDataPointMarkers: boolean;
+  /**
+   * Name for the data field to use to populate the chart's x-axis
+   * e.g. xFieldName of "category" will map any "category" fields in chartData to the x-axis
+   */
+  xFieldName: string;
+  /**
+   * Title to display along the x-axis
+   */
+  xAxisTitle: string;
+  /**
+   * Name for the data field to use to populate the chart's x-axis
+   * e.g. yFieldName of "value" will map any "value" fields in chartData to the y-axis
+   */
+  yFieldName: string;
+  /**
+   * Title to display along the y-axis
+   */
+  yAxisTitle: string;
+  /**
+   * Title to display above the optional legend
+   */
+  legendTitle: string;
+  colorFieldName: string;
+  strokeDash: boolean;
+  interpolation: string;
+  embedOptions: EmbedOptions;
+  parseData(): void;
+  componentWillLoad(): void;
+  render(): JSX.Element;
+}

package/dist/types/components/beta/gux-chart-line/gux-chart-line.locale.d.ts

@@ -0,0 +1,22 @@
+export declare const timeFormatLocale: {
+  en: {
+    dateTime: string;
+    date: string;
+    time: string;
+    periods: string[];
+    days: string[];
+    shortDays: string[];
+    months: string[];
+    shortMonths: string[];
+  };
+  de: {
+    dateTime: string;
+    date: string;
+    time: string;
+    periods: string[];
+    days: string[];
+    shortDays: string[];
+    months: string[];
+    shortMonths: string[];
+  };
+};

package/dist/types/components/beta/gux-chart-pie/gux-chart-pie.d.ts

@@ -0,0 +1,23 @@
+import { JSX } from '../../../stencil-public-runtime';
+import { EmbedOptions } from 'vega-embed';
+export declare class GuxPieChart {
+  root: HTMLElement;
+  private visualizationSpec;
+  private baseChartSpec;
+  /**
+   * Data to be rendered in the chart.
+   * Data field names must match the values you set in xFieldName and yFieldName
+   */
+  chartData: Record<string, any>;
+  includeLegend: boolean;
+  legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
+  legendTitle: string;
+  colorFieldName: string;
+  outerRadius: number;
+  labelRadius: number;
+  labelField: string;
+  embedOptions: EmbedOptions;
+  parseData(): void;
+  componentWillLoad(): void;
+  render(): JSX.Element;
+}

package/dist/types/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.d.ts

@@ -0,0 +1,52 @@
+import { JSX } from '../../../stencil-public-runtime';
+import { EmbedOptions } from 'vega-embed';
+export declare class GuxScatterPlotChart {
+  root: HTMLElement;
+  private visualizationSpec;
+  private baseChartSpec;
+  /**
+   * Data to be rendered in the chart.
+   * Data field names must match the values you set in xFieldName and yFieldName
+   */
+  chartData: Record<string, any>;
+  /**
+   * If true, then make Axis tick label 45 degrees
+   */
+  xTickLabelSlant: boolean;
+  includeLegend: boolean;
+  legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
+  /**
+   * Name for the data field to use to populate the chart's x-axis
+   * e.g. xFieldName of "category" will map any "category" fields in chartData to the x-axis
+   */
+  xFieldName: string;
+  /**
+   * Title to display along the x-axis
+   */
+  xAxisTitle: string;
+  /**
+   * Name for the data field to use to populate the chart's x-axis
+   * e.g. yFieldName of "value" will map any "value" fields in chartData to the y-axis
+   */
+  yFieldName: string;
+  /**
+   * Title to display along the y-axis
+   */
+  yAxisTitle: string;
+  /**
+   * Title to display above the optional legend
+   */
+  legendTitle: string;
+  /**
+   * Type of category to plot in the chart
+   */
+  colorFieldName: string;
+  /**
+   * The shape of the plotting in the chart - Square, Circle and Point
+   */
+  useShape: string;
+  embedOptions: EmbedOptions;
+  parseData(): void;
+  componentWillLoad(): void;
+  render(): JSX.Element;
+}

package/dist/types/components/beta/gux-visualization/gux-visualization.d.ts

@@ -0,0 +1,17 @@
+import { JSX, EventEmitter } from '../../../stencil-public-runtime';
+import { EmbedOptions, VisualizationSpec } from 'vega-embed';
+export declare class GuxVisualization {
+  private chartContainer;
+  private defaultVisualizationSpec;
+  private defaultEmbedOptions;
+  chartComponentReady: EventEmitter;
+  chartClicked: EventEmitter;
+  root: HTMLElement;
+  visualizationSpec: VisualizationSpec;
+  embedOptions: EmbedOptions;
+  componentWillLoad(): void;
+  handleChartClick(_name: string, value: unknown): void;
+  componentDidRender(): Promise<void>;
+  componentDidLoad(): void;
+  render(): JSX.Element;
+}

package/dist/types/components/beta/gux-visualization/gux-visualization.locale.d.ts

@@ -0,0 +1,22 @@
+export declare const timeFormatLocale: {
+  en: {
+    dateTime: string;
+    date: string;
+    time: string;
+    periods: string[];
+    days: string[];
+    shortDays: string[];
+    months: string[];
+    shortMonths: string[];
+  };
+  de: {
+    dateTime: string;
+    date: string;
+    time: string;
+    periods: string[];
+    days: string[];
+    shortDays: string[];
+    months: string[];
+    shortMonths: string[];
+  };
+};