/* eslint-disable */ /* tslint:disable */ /** * This is an autogenerated file created by the Stencil compiler. * It contains typing information for all components that exist in this project. */ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime"; import { EmbedOptions, VisualizationSpec } from "vega-embed"; export { EmbedOptions, VisualizationSpec } from "vega-embed"; export namespace Components { interface GuxChartColumnBeta { /** * Data to be rendered in the chart. Data field names must match the values you set in xFieldName and yFieldName */ "chartData": Record; /** * 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[]; /** * Optional domain line color * @default VisualizationColorUtil.DEFAULT_DOMAIN_COLOR */ "domainColor": string; "embedOptions": EmbedOptions; "includeLegend": boolean; /** * Optional label color * @default VisualizationColorUtil.DEFAULT_LABEL_COLOR */ "labelColor": string; /** * @default 'right' */ "legendPosition": | 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none'; /** * Title to display above the optional legend */ "legendTitle": 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. xFieldName of "category" will map any "category" fields in chartData to the x-axis */ "xFieldName": string; /** * If true, then make Axis tick label 45 degrees */ "xTickLabelSlant": boolean; /** * Title to display along the y-axis */ "yAxisTitle": 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; } interface GuxChartDonutBeta { "centerSubText": string; "centerText": string; /** * Data to be rendered in the chart. Data field names must match the values you set in xFieldName and yFieldName */ "chartData": Record; "colorFieldName": string; "embedOptions": EmbedOptions; "gauge": boolean; "includeLegend": boolean; "innerRadius": number; "labelField": string; "labelRadius": number; "legendFontSize": number; /** * @default 'right' */ "legendPosition": | 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none'; "legendSymbolSize": number; "legendTitle": string; "legendX": number; "legendY": number; "outerRadius": number; /** * @default true */ "showTooltip": boolean; "tooltipOptions": EmbedOptions; } interface GuxChartLineBeta { /** * Data to be rendered in the chart. Data field names must match the values you set in xFieldName and yFieldName */ "chartData": Record; "colorFieldName": string; /** * Optional domain line color * @default VisualizationColorUtil.DEFAULT_DOMAIN_COLOR */ "domainColor": string; "embedOptions": EmbedOptions; "includeDataPointMarkers": boolean; "includeLegend": boolean; "interpolation": string; /** * Optional label color * @default VisualizationColorUtil.DEFAULT_LABEL_COLOR */ "labelColor": string; /** * @default 'right' */ "legendPosition": | 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none'; /** * Title to display above the optional legend */ "legendTitle": string; "strokeDash": boolean; /** * 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. xFieldName of "category" will map any "category" fields in chartData to the x-axis */ "xFieldName": string; /** * If true, then make Axis tick label 45 degrees */ "xTickLabelSlant": boolean; /** * Title to display along the y-axis */ "yAxisTitle": 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; } interface GuxChartPieBeta { /** * Data to be rendered in the chart. Data field names must match the values you set in xFieldName and yFieldName */ "chartData": Record; "colorFieldName": string; "embedOptions": EmbedOptions; "includeLegend": boolean; "labelField": string; "labelRadius": number; /** * @default 'right' */ "legendPosition": | 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none'; "legendTitle": string; "outerRadius": number; } interface GuxChartScatterPlotBeta { /** * Data to be rendered in the chart. Data field names must match the values you set in xFieldName and yFieldName */ "chartData": Record; /** * Type of category to plot in the chart */ "colorFieldName": string; /** * Optional domain line color * @default VisualizationColorUtil.DEFAULT_DOMAIN_COLOR */ "domainColor": string; "embedOptions": EmbedOptions; "includeLegend": boolean; /** * Optional label color * @default VisualizationColorUtil.DEFAULT_LABEL_COLOR */ "labelColor": string; /** * @default 'right' */ "legendPosition": | 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none'; /** * Title to display above the optional legend */ "legendTitle": string; /** * The shape of the plotting in the chart - Square, Circle and Point */ "useShape": 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. xFieldName of "category" will map any "category" fields in chartData to the x-axis */ "xFieldName": string; /** * If true, then make Axis tick label 45 degrees */ "xTickLabelSlant": boolean; /** * Title to display along the y-axis */ "yAxisTitle": 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; } interface GuxVisualizationBeta { "embedOptions": EmbedOptions; "screenreaderDescription": string; "visualizationSpec": VisualizationSpec; } } export interface GuxVisualizationBetaCustomEvent extends CustomEvent { detail: T; target: HTMLGuxVisualizationBetaElement; } declare global { interface HTMLGuxChartColumnBetaElement extends Components.GuxChartColumnBeta, HTMLStencilElement { } var HTMLGuxChartColumnBetaElement: { prototype: HTMLGuxChartColumnBetaElement; new (): HTMLGuxChartColumnBetaElement; }; interface HTMLGuxChartDonutBetaElement extends Components.GuxChartDonutBeta, HTMLStencilElement { } var HTMLGuxChartDonutBetaElement: { prototype: HTMLGuxChartDonutBetaElement; new (): HTMLGuxChartDonutBetaElement; }; interface HTMLGuxChartLineBetaElement extends Components.GuxChartLineBeta, HTMLStencilElement { } var HTMLGuxChartLineBetaElement: { prototype: HTMLGuxChartLineBetaElement; new (): HTMLGuxChartLineBetaElement; }; interface HTMLGuxChartPieBetaElement extends Components.GuxChartPieBeta, HTMLStencilElement { } var HTMLGuxChartPieBetaElement: { prototype: HTMLGuxChartPieBetaElement; new (): HTMLGuxChartPieBetaElement; }; interface HTMLGuxChartScatterPlotBetaElement extends Components.GuxChartScatterPlotBeta, HTMLStencilElement { } var HTMLGuxChartScatterPlotBetaElement: { prototype: HTMLGuxChartScatterPlotBetaElement; new (): HTMLGuxChartScatterPlotBetaElement; }; interface HTMLGuxVisualizationBetaElementEventMap { "chartComponentReady": any; "chartClicked": any; } interface HTMLGuxVisualizationBetaElement extends Components.GuxVisualizationBeta, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLGuxVisualizationBetaElement, ev: GuxVisualizationBetaCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLGuxVisualizationBetaElement, ev: GuxVisualizationBetaCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLGuxVisualizationBetaElement: { prototype: HTMLGuxVisualizationBetaElement; new (): HTMLGuxVisualizationBetaElement; }; interface HTMLElementTagNameMap { "gux-chart-column-beta": HTMLGuxChartColumnBetaElement; "gux-chart-donut-beta": HTMLGuxChartDonutBetaElement; "gux-chart-line-beta": HTMLGuxChartLineBetaElement; "gux-chart-pie-beta": HTMLGuxChartPieBetaElement; "gux-chart-scatter-plot-beta": HTMLGuxChartScatterPlotBetaElement; "gux-visualization-beta": HTMLGuxVisualizationBetaElement; } } declare namespace LocalJSX { interface GuxChartColumnBeta { /** * Data to be rendered in the chart. Data field names must match the values you set in xFieldName and yFieldName */ "chartData"?: Record; /** * 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[]; /** * Optional domain line color * @default VisualizationColorUtil.DEFAULT_DOMAIN_COLOR */ "domainColor"?: string; "embedOptions"?: EmbedOptions; "includeLegend"?: boolean; /** * Optional label color * @default VisualizationColorUtil.DEFAULT_LABEL_COLOR */ "labelColor"?: string; /** * @default 'right' */ "legendPosition"?: | 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none'; /** * Title to display above the optional legend */ "legendTitle"?: 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. xFieldName of "category" will map any "category" fields in chartData to the x-axis */ "xFieldName"?: string; /** * If true, then make Axis tick label 45 degrees */ "xTickLabelSlant"?: boolean; /** * Title to display along the y-axis */ "yAxisTitle"?: 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; } interface GuxChartDonutBeta { "centerSubText"?: string; "centerText"?: string; /** * Data to be rendered in the chart. Data field names must match the values you set in xFieldName and yFieldName */ "chartData"?: Record; "colorFieldName"?: string; "embedOptions"?: EmbedOptions; "gauge"?: boolean; "includeLegend"?: boolean; "innerRadius"?: number; "labelField"?: string; "labelRadius"?: number; "legendFontSize"?: number; /** * @default 'right' */ "legendPosition"?: | 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none'; "legendSymbolSize"?: number; "legendTitle"?: string; "legendX"?: number; "legendY"?: number; "outerRadius"?: number; /** * @default true */ "showTooltip"?: boolean; "tooltipOptions"?: EmbedOptions; } interface GuxChartLineBeta { /** * Data to be rendered in the chart. Data field names must match the values you set in xFieldName and yFieldName */ "chartData"?: Record; "colorFieldName"?: string; /** * Optional domain line color * @default VisualizationColorUtil.DEFAULT_DOMAIN_COLOR */ "domainColor"?: string; "embedOptions"?: EmbedOptions; "includeDataPointMarkers"?: boolean; "includeLegend"?: boolean; "interpolation"?: string; /** * Optional label color * @default VisualizationColorUtil.DEFAULT_LABEL_COLOR */ "labelColor"?: string; /** * @default 'right' */ "legendPosition"?: | 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none'; /** * Title to display above the optional legend */ "legendTitle"?: string; "strokeDash"?: boolean; /** * 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. xFieldName of "category" will map any "category" fields in chartData to the x-axis */ "xFieldName"?: string; /** * If true, then make Axis tick label 45 degrees */ "xTickLabelSlant"?: boolean; /** * Title to display along the y-axis */ "yAxisTitle"?: 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; } interface GuxChartPieBeta { /** * Data to be rendered in the chart. Data field names must match the values you set in xFieldName and yFieldName */ "chartData"?: Record; "colorFieldName"?: string; "embedOptions"?: EmbedOptions; "includeLegend"?: boolean; "labelField"?: string; "labelRadius"?: number; /** * @default 'right' */ "legendPosition"?: | 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none'; "legendTitle"?: string; "outerRadius"?: number; } interface GuxChartScatterPlotBeta { /** * Data to be rendered in the chart. Data field names must match the values you set in xFieldName and yFieldName */ "chartData"?: Record; /** * Type of category to plot in the chart */ "colorFieldName"?: string; /** * Optional domain line color * @default VisualizationColorUtil.DEFAULT_DOMAIN_COLOR */ "domainColor"?: string; "embedOptions"?: EmbedOptions; "includeLegend"?: boolean; /** * Optional label color * @default VisualizationColorUtil.DEFAULT_LABEL_COLOR */ "labelColor"?: string; /** * @default 'right' */ "legendPosition"?: | 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none'; /** * Title to display above the optional legend */ "legendTitle"?: string; /** * The shape of the plotting in the chart - Square, Circle and Point */ "useShape"?: 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. xFieldName of "category" will map any "category" fields in chartData to the x-axis */ "xFieldName"?: string; /** * If true, then make Axis tick label 45 degrees */ "xTickLabelSlant"?: boolean; /** * Title to display along the y-axis */ "yAxisTitle"?: 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; } interface GuxVisualizationBeta { "embedOptions"?: EmbedOptions; "onChartClicked"?: (event: GuxVisualizationBetaCustomEvent) => void; "onChartComponentReady"?: (event: GuxVisualizationBetaCustomEvent) => void; "screenreaderDescription"?: string; "visualizationSpec"?: VisualizationSpec; } interface GuxChartColumnBetaAttributes { "labelColor": string; "domainColor": string; "xTickLabelSlant": boolean; "includeLegend": boolean; "xFieldName": string; "yFieldName": string; "xAxisTitle": string; "yAxisTitle": string; "legendTitle": string; "legendPosition": | 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none'; } interface GuxChartDonutBetaAttributes { "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; "legendX": number; "legendY": number; "legendFontSize": number; "legendSymbolSize": number; } interface GuxChartLineBetaAttributes { "labelColor": string; "domainColor": string; "xTickLabelSlant": boolean; "includeLegend": boolean; "legendPosition": | 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none'; "includeDataPointMarkers": boolean; "xFieldName": string; "xAxisTitle": string; "yFieldName": string; "yAxisTitle": string; "legendTitle": string; "colorFieldName": string; "strokeDash": boolean; "interpolation": string; } interface GuxChartPieBetaAttributes { "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; } interface GuxChartScatterPlotBetaAttributes { "labelColor": string; "domainColor": string; "xTickLabelSlant": boolean; "includeLegend": boolean; "legendPosition": | 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none'; "xFieldName": string; "xAxisTitle": string; "yFieldName": string; "yAxisTitle": string; "legendTitle": string; "colorFieldName": string; "useShape": string; } interface GuxVisualizationBetaAttributes { "screenreaderDescription": string; } interface IntrinsicElements { "gux-chart-column-beta": Omit & { [K in keyof GuxChartColumnBeta & keyof GuxChartColumnBetaAttributes]?: GuxChartColumnBeta[K] } & { [K in keyof GuxChartColumnBeta & keyof GuxChartColumnBetaAttributes as `attr:${K}`]?: GuxChartColumnBetaAttributes[K] } & { [K in keyof GuxChartColumnBeta & keyof GuxChartColumnBetaAttributes as `prop:${K}`]?: GuxChartColumnBeta[K] }; "gux-chart-donut-beta": Omit & { [K in keyof GuxChartDonutBeta & keyof GuxChartDonutBetaAttributes]?: GuxChartDonutBeta[K] } & { [K in keyof GuxChartDonutBeta & keyof GuxChartDonutBetaAttributes as `attr:${K}`]?: GuxChartDonutBetaAttributes[K] } & { [K in keyof GuxChartDonutBeta & keyof GuxChartDonutBetaAttributes as `prop:${K}`]?: GuxChartDonutBeta[K] }; "gux-chart-line-beta": Omit & { [K in keyof GuxChartLineBeta & keyof GuxChartLineBetaAttributes]?: GuxChartLineBeta[K] } & { [K in keyof GuxChartLineBeta & keyof GuxChartLineBetaAttributes as `attr:${K}`]?: GuxChartLineBetaAttributes[K] } & { [K in keyof GuxChartLineBeta & keyof GuxChartLineBetaAttributes as `prop:${K}`]?: GuxChartLineBeta[K] }; "gux-chart-pie-beta": Omit & { [K in keyof GuxChartPieBeta & keyof GuxChartPieBetaAttributes]?: GuxChartPieBeta[K] } & { [K in keyof GuxChartPieBeta & keyof GuxChartPieBetaAttributes as `attr:${K}`]?: GuxChartPieBetaAttributes[K] } & { [K in keyof GuxChartPieBeta & keyof GuxChartPieBetaAttributes as `prop:${K}`]?: GuxChartPieBeta[K] }; "gux-chart-scatter-plot-beta": Omit & { [K in keyof GuxChartScatterPlotBeta & keyof GuxChartScatterPlotBetaAttributes]?: GuxChartScatterPlotBeta[K] } & { [K in keyof GuxChartScatterPlotBeta & keyof GuxChartScatterPlotBetaAttributes as `attr:${K}`]?: GuxChartScatterPlotBetaAttributes[K] } & { [K in keyof GuxChartScatterPlotBeta & keyof GuxChartScatterPlotBetaAttributes as `prop:${K}`]?: GuxChartScatterPlotBeta[K] }; "gux-visualization-beta": Omit & { [K in keyof GuxVisualizationBeta & keyof GuxVisualizationBetaAttributes]?: GuxVisualizationBeta[K] } & { [K in keyof GuxVisualizationBeta & keyof GuxVisualizationBetaAttributes as `attr:${K}`]?: GuxVisualizationBetaAttributes[K] } & { [K in keyof GuxVisualizationBeta & keyof GuxVisualizationBetaAttributes as `prop:${K}`]?: GuxVisualizationBeta[K] }; } } export { LocalJSX as JSX }; declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { "gux-chart-column-beta": LocalJSX.IntrinsicElements["gux-chart-column-beta"] & JSXBase.HTMLAttributes; "gux-chart-donut-beta": LocalJSX.IntrinsicElements["gux-chart-donut-beta"] & JSXBase.HTMLAttributes; "gux-chart-line-beta": LocalJSX.IntrinsicElements["gux-chart-line-beta"] & JSXBase.HTMLAttributes; "gux-chart-pie-beta": LocalJSX.IntrinsicElements["gux-chart-pie-beta"] & JSXBase.HTMLAttributes; "gux-chart-scatter-plot-beta": LocalJSX.IntrinsicElements["gux-chart-scatter-plot-beta"] & JSXBase.HTMLAttributes; "gux-visualization-beta": LocalJSX.IntrinsicElements["gux-visualization-beta"] & JSXBase.HTMLAttributes; } } }