@xplortech/apollo-data 0.0.4 → 0.0.6

package/dist/types/components/apollo-data-world-map/apollo-data-world-map.d.ts

@@ -0,0 +1,281 @@
+import { ComponentInterface } from '../../stencil-public-runtime';
+import { ApolloBase } from '../../apollo-data-base';
+export interface WorldMapDataItem {
+    lon: number;
+    lat: number;
+    value: number;
+    label: string;
+}
+export interface WorldMapSpec {
+    pinColor?: string;
+    pinShape?: 'circle' | 'square' | 'triangle';
+}
+export declare class ApolloDataWorldMapChart extends ApolloBase<WorldMapDataItem[], WorldMapSpec> implements ComponentInterface {
+    el: HTMLElement;
+    /**
+     * Represents a single data point in the world map chart.
+     * @property {number} lon - Longitude coordinate used to position the point on the map.
+     * @property {number} lat - Latitude coordinate used to position the point on the map.
+     * @property {number} value - A numeric metric tied to the point.
+     * @property {string} label - Label displayed for the place or location represented by the point.
+     */
+    adData: string | WorldMapDataItem[];
+    /**
+     * @property {string} pinColor - Color of the pin representing the point.
+     * @property {'circle' | 'square' | 'triangle'} pinShape - Shape of the pin representing the point.
+     */
+    adSpec: string | WorldMapSpec;
+    componentDidRender(): Promise<void>;
+    protected getViewData(data: WorldMapDataItem[], spec?: WorldMapSpec): Promise<{
+        $schema: string;
+        description: string;
+        width: number;
+        height: number;
+        autosize: string;
+        background: string;
+        signals: ({
+            name: string;
+            value: number;
+            on: {
+                events: {
+                    type: string;
+                    consume: boolean;
+                };
+                update: string;
+            }[];
+        } | {
+            name: string;
+            value: number;
+            on: {
+                events: string;
+                update: string;
+            }[];
+        })[];
+        projections: {
+            name: string;
+            type: string;
+            scale: {
+                signal: string;
+            };
+            rotate: (number | {
+                signal: string;
+            })[];
+            center: number[];
+            translate: {
+                signal: string;
+            }[];
+        }[];
+        data: ({
+            name: string;
+            url: string;
+            format: {
+                type: string;
+                feature?: undefined;
+            };
+            transform: {
+                type: string;
+                as: string;
+                expr: string;
+            }[];
+            values?: undefined;
+            source?: undefined;
+        } | {
+            name: string;
+            values: WorldMapDataItem[];
+            url?: undefined;
+            format?: undefined;
+            transform?: undefined;
+            source?: undefined;
+        } | {
+            name: string;
+            url: string;
+            format: {
+                type: string;
+                feature: string;
+            };
+            transform: ({
+                type: string;
+                from: string;
+                key: string;
+                fields: string[];
+                values: string[];
+                as: string[];
+                expr?: undefined;
+            } | {
+                type: string;
+                expr: string;
+                from?: undefined;
+                key?: undefined;
+                fields?: undefined;
+                values?: undefined;
+                as?: undefined;
+            })[];
+            values?: undefined;
+            source?: undefined;
+        } | {
+            name: string;
+            source: string;
+            transform: ({
+                type: string;
+                expr: string;
+                projection?: undefined;
+                fields?: undefined;
+                as?: undefined;
+            } | {
+                type: string;
+                projection: string;
+                fields: string[];
+                as: string[];
+                expr?: undefined;
+            })[];
+            url?: undefined;
+            format?: undefined;
+            values?: undefined;
+        } | {
+            name: string;
+            values: {
+                name: string;
+                lon: number;
+                lat: number;
+            }[];
+            transform: {
+                type: string;
+                projection: string;
+                fields: string[];
+                as: string[];
+            }[];
+            url?: undefined;
+            format?: undefined;
+            source?: undefined;
+        })[];
+        marks: ({
+            type: string;
+            from: {
+                data: string;
+            };
+            transform: {
+                type: string;
+                projection: string;
+            }[];
+            encode: {
+                update: {
+                    fill: {
+                        value: string;
+                    };
+                    stroke: {
+                        value: string;
+                    };
+                    strokeWidth: {
+                        value: number;
+                    };
+                    tooltip: {
+                        signal: string;
+                    };
+                    x?: undefined;
+                    y?: undefined;
+                    size?: undefined;
+                    shape?: undefined;
+                    text?: undefined;
+                    align?: undefined;
+                    baseline?: undefined;
+                    fontSize?: undefined;
+                    fontWeight?: undefined;
+                    fillOpacity?: undefined;
+                };
+                hover: {
+                    stroke: {
+                        value: string;
+                    };
+                    strokeWidth: {
+                        value: number;
+                    };
+                };
+            };
+        } | {
+            type: string;
+            from: {
+                data: string;
+            };
+            encode: {
+                update: {
+                    x: {
+                        field: string;
+                    };
+                    y: {
+                        field: string;
+                    };
+                    size: {
+                        value: number;
+                    };
+                    fill: {
+                        value: string;
+                    };
+                    stroke: {
+                        value: string;
+                    };
+                    shape: {
+                        value: "square" | "circle" | "triangle";
+                    };
+                    strokeWidth: {
+                        value: number;
+                    };
+                    tooltip: {
+                        signal: string;
+                    };
+                    text?: undefined;
+                    align?: undefined;
+                    baseline?: undefined;
+                    fontSize?: undefined;
+                    fontWeight?: undefined;
+                    fillOpacity?: undefined;
+                };
+                hover?: undefined;
+            };
+            transform?: undefined;
+        } | {
+            type: string;
+            from: {
+                data: string;
+            };
+            encode: {
+                update: {
+                    x: {
+                        field: string;
+                    };
+                    y: {
+                        field: string;
+                    };
+                    text: {
+                        field: string;
+                    };
+                    align: {
+                        value: string;
+                    };
+                    baseline: {
+                        value: string;
+                    };
+                    fontSize: {
+                        value: number;
+                    };
+                    fontWeight: {
+                        value: string;
+                    };
+                    fill: {
+                        value: string;
+                    };
+                    fillOpacity: {
+                        value: number;
+                    };
+                    stroke?: undefined;
+                    strokeWidth?: undefined;
+                    tooltip?: undefined;
+                    size?: undefined;
+                    shape?: undefined;
+                };
+                hover?: undefined;
+            };
+            transform?: undefined;
+        })[];
+    }>;
+    render(): any;
+}

package/dist/types/components/apollo-data-world-map/apollo-data-world-map.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const ApolloDataWorldMap: Story;

package/dist/types/components.d.ts

@@ -7,8 +7,16 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { BarDataItem, BarSpec } from "./components/apollo-data-bar/apollo-data-bar";
 import { DonutDataItem, DonutSpec } from "./components/apollo-data-donut/apollo-data-donut";
+import { HeatMapDataItem, HeatMapSpec } from "./components/apollo-data-heat-map/apollo-data-heat-map";
+import { LineDataItem, LineSpec } from "./components/apollo-data-line/apollo-data-line";
+import { ScatterDataItem, ScatterSpec } from "./components/apollo-data-scatter/apollo-data-scatter";
+import { WorldMapDataItem, WorldMapSpec } from "./components/apollo-data-world-map/apollo-data-world-map";
 export { BarDataItem, BarSpec } from "./components/apollo-data-bar/apollo-data-bar";
 export { DonutDataItem, DonutSpec } from "./components/apollo-data-donut/apollo-data-donut";
+export { HeatMapDataItem, HeatMapSpec } from "./components/apollo-data-heat-map/apollo-data-heat-map";
+export { LineDataItem, LineSpec } from "./components/apollo-data-line/apollo-data-line";
+export { ScatterDataItem, ScatterSpec } from "./components/apollo-data-scatter/apollo-data-scatter";
+export { WorldMapDataItem, WorldMapSpec } from "./components/apollo-data-world-map/apollo-data-world-map";
 export namespace Components {
     interface ApolloDataBarChart {
         /**
@@ -38,6 +46,74 @@ export namespace Components {
          */
         "adSpec": string | DonutSpec;
     }
+    interface ApolloDataHeatMap {
+        /**
+          * Data for the heat map. Each item defines a cell by xLabel, yLabel, and value.
+          * @property {string} xLabel - Label for the X-axis (horizontal).
+          * @property {string} yLabel - Label for the Y-axis (vertical).
+          * @property {number} value - Numeric value encoded as color.
+          * @default []
+         */
+        "adData": string | HeatMapDataItem[];
+        /**
+          * Optional specification for axis titles, color range, and tooltip behavior.
+          * @property {string} [xAxisTitle] - Label for the X-axis.
+          * @property {string} [yAxisTitle] - Label for the Y-axis.
+          * @property {string[]} [colorRange] - Two or more colors for the value scale (Vega interpolates between them).
+          * @property {'auto' | 'none'} [tooltip] - Tooltip behavior.
+          * @default {}
+         */
+        "adSpec": string | HeatMapSpec;
+    }
+    interface ApolloDataLineChart {
+        /**
+          * @default []
+         */
+        "adData": string | LineDataItem[];
+        /**
+          * @default null
+         */
+        "adSpec": string | LineSpec;
+    }
+    interface ApolloDataScatterChart {
+        /**
+          * Represents a single data point in the scatter chart.
+          * @property {string} category - Category or group name associated with the data point. This can be used for legend grouping or category-based styling.
+          * @property {number} xValue - Numeric value plotted along the X-axis.
+          * @property {number} yValue - Numeric value plotted along the Y-axis.
+          * @property {PointStyle} [pointStyle] - Optional style override for this specific data point. If provided, it takes precedence over default or category-level styles.
+          * @default []
+         */
+        "adData": string | ScatterDataItem[];
+        /**
+          * Optional specification object for customizing the scatter chart configuration.
+          * @property {string} [yAxisTitle] - Label displayed for the Y-axis.
+          * @property {string} [xAxisTitle] - Label displayed for the X-axis.
+          * @property {PointStyle} [defaultPointStyle] - Default styling applied to all scatter points (e.g., size, color, shape, opacity).
+          * @property {PointStyle} [pointStyle] - Global point style override applied to all data points.
+          * @property {{ [categoryName: string]: PointStyle }} [categoryPointStyleMap] - A mapping object that allows custom point styles per category name. Each key represents a category, and its value defines the corresponding PointStyle.
+          * @property {'auto' | 'none'} [tooltip] - Controls tooltip behavior. 'auto' enables default tooltip rendering, while 'none' disables tooltips.
+          * @default {}
+         */
+        "adSpec": string | ScatterSpec;
+    }
+    interface ApolloDataWorldMapChart {
+        /**
+          * Represents a single data point in the world map chart.
+          * @property {number} lon - Longitude coordinate used to position the point on the map.
+          * @property {number} lat - Latitude coordinate used to position the point on the map.
+          * @property {number} value - A numeric metric tied to the point.
+          * @property {string} label - Label displayed for the place or location represented by the point.
+          * @default []
+         */
+        "adData": string | WorldMapDataItem[];
+        /**
+          * @property {string} pinColor - Color of the pin representing the point.
+          * @property {'circle' | 'square' | 'triangle'} pinShape - Shape of the pin representing the point.
+          * @default {}
+         */
+        "adSpec": string | WorldMapSpec;
+    }
 }
 declare global {
     interface HTMLApolloDataBarChartElement extends Components.ApolloDataBarChart, HTMLStencilElement {
@@ -52,9 +128,37 @@ declare global {
         prototype: HTMLApolloDataDonutChartElement;
         new (): HTMLApolloDataDonutChartElement;
     };
+    interface HTMLApolloDataHeatMapElement extends Components.ApolloDataHeatMap, HTMLStencilElement {
+    }
+    var HTMLApolloDataHeatMapElement: {
+        prototype: HTMLApolloDataHeatMapElement;
+        new (): HTMLApolloDataHeatMapElement;
+    };
+    interface HTMLApolloDataLineChartElement extends Components.ApolloDataLineChart, HTMLStencilElement {
+    }
+    var HTMLApolloDataLineChartElement: {
+        prototype: HTMLApolloDataLineChartElement;
+        new (): HTMLApolloDataLineChartElement;
+    };
+    interface HTMLApolloDataScatterChartElement extends Components.ApolloDataScatterChart, HTMLStencilElement {
+    }
+    var HTMLApolloDataScatterChartElement: {
+        prototype: HTMLApolloDataScatterChartElement;
+        new (): HTMLApolloDataScatterChartElement;
+    };
+    interface HTMLApolloDataWorldMapChartElement extends Components.ApolloDataWorldMapChart, HTMLStencilElement {
+    }
+    var HTMLApolloDataWorldMapChartElement: {
+        prototype: HTMLApolloDataWorldMapChartElement;
+        new (): HTMLApolloDataWorldMapChartElement;
+    };
     interface HTMLElementTagNameMap {
         "apollo-data-bar-chart": HTMLApolloDataBarChartElement;
         "apollo-data-donut-chart": HTMLApolloDataDonutChartElement;
+        "apollo-data-heat-map": HTMLApolloDataHeatMapElement;
+        "apollo-data-line-chart": HTMLApolloDataLineChartElement;
+        "apollo-data-scatter-chart": HTMLApolloDataScatterChartElement;
+        "apollo-data-world-map-chart": HTMLApolloDataWorldMapChartElement;
     }
 }
 declare namespace LocalJSX {
@@ -86,17 +190,119 @@ declare namespace LocalJSX {
          */
         "adSpec"?: string | DonutSpec;
     }
+    interface ApolloDataHeatMap {
+        /**
+          * Data for the heat map. Each item defines a cell by xLabel, yLabel, and value.
+          * @property {string} xLabel - Label for the X-axis (horizontal).
+          * @property {string} yLabel - Label for the Y-axis (vertical).
+          * @property {number} value - Numeric value encoded as color.
+          * @default []
+         */
+        "adData"?: string | HeatMapDataItem[];
+        /**
+          * Optional specification for axis titles, color range, and tooltip behavior.
+          * @property {string} [xAxisTitle] - Label for the X-axis.
+          * @property {string} [yAxisTitle] - Label for the Y-axis.
+          * @property {string[]} [colorRange] - Two or more colors for the value scale (Vega interpolates between them).
+          * @property {'auto' | 'none'} [tooltip] - Tooltip behavior.
+          * @default {}
+         */
+        "adSpec"?: string | HeatMapSpec;
+    }
+    interface ApolloDataLineChart {
+        /**
+          * @default []
+         */
+        "adData"?: string | LineDataItem[];
+        /**
+          * @default null
+         */
+        "adSpec"?: string | LineSpec;
+    }
+    interface ApolloDataScatterChart {
+        /**
+          * Represents a single data point in the scatter chart.
+          * @property {string} category - Category or group name associated with the data point. This can be used for legend grouping or category-based styling.
+          * @property {number} xValue - Numeric value plotted along the X-axis.
+          * @property {number} yValue - Numeric value plotted along the Y-axis.
+          * @property {PointStyle} [pointStyle] - Optional style override for this specific data point. If provided, it takes precedence over default or category-level styles.
+          * @default []
+         */
+        "adData"?: string | ScatterDataItem[];
+        /**
+          * Optional specification object for customizing the scatter chart configuration.
+          * @property {string} [yAxisTitle] - Label displayed for the Y-axis.
+          * @property {string} [xAxisTitle] - Label displayed for the X-axis.
+          * @property {PointStyle} [defaultPointStyle] - Default styling applied to all scatter points (e.g., size, color, shape, opacity).
+          * @property {PointStyle} [pointStyle] - Global point style override applied to all data points.
+          * @property {{ [categoryName: string]: PointStyle }} [categoryPointStyleMap] - A mapping object that allows custom point styles per category name. Each key represents a category, and its value defines the corresponding PointStyle.
+          * @property {'auto' | 'none'} [tooltip] - Controls tooltip behavior. 'auto' enables default tooltip rendering, while 'none' disables tooltips.
+          * @default {}
+         */
+        "adSpec"?: string | ScatterSpec;
+    }
+    interface ApolloDataWorldMapChart {
+        /**
+          * Represents a single data point in the world map chart.
+          * @property {number} lon - Longitude coordinate used to position the point on the map.
+          * @property {number} lat - Latitude coordinate used to position the point on the map.
+          * @property {number} value - A numeric metric tied to the point.
+          * @property {string} label - Label displayed for the place or location represented by the point.
+          * @default []
+         */
+        "adData"?: string | WorldMapDataItem[];
+        /**
+          * @property {string} pinColor - Color of the pin representing the point.
+          * @property {'circle' | 'square' | 'triangle'} pinShape - Shape of the pin representing the point.
+          * @default {}
+         */
+        "adSpec"?: string | WorldMapSpec;
+    }
+
+    interface ApolloDataBarChartAttributes {
+        "adData": string | BarDataItem[];
+        "adSpec": string | BarSpec;
+    }
+    interface ApolloDataDonutChartAttributes {
+        "adData": string | DonutDataItem[];
+        "adSpec": string | DonutSpec;
+    }
+    interface ApolloDataHeatMapAttributes {
+        "adData": string | HeatMapDataItem[];
+        "adSpec": string | HeatMapSpec;
+    }
+    interface ApolloDataLineChartAttributes {
+        "adData": string | LineDataItem[];
+        "adSpec": string | LineSpec;
+    }
+    interface ApolloDataScatterChartAttributes {
+        "adData": string | ScatterDataItem[];
+        "adSpec": string | ScatterSpec;
+    }
+    interface ApolloDataWorldMapChartAttributes {
+        "adData": string | WorldMapDataItem[];
+        "adSpec": string | WorldMapSpec;
+    }
+
     interface IntrinsicElements {
-        "apollo-data-bar-chart": ApolloDataBarChart;
-        "apollo-data-donut-chart": ApolloDataDonutChart;
+        "apollo-data-bar-chart": Omit<ApolloDataBarChart, keyof ApolloDataBarChartAttributes> & { [K in keyof ApolloDataBarChart & keyof ApolloDataBarChartAttributes]?: ApolloDataBarChart[K] } & { [K in keyof ApolloDataBarChart & keyof ApolloDataBarChartAttributes as `attr:${K}`]?: ApolloDataBarChartAttributes[K] } & { [K in keyof ApolloDataBarChart & keyof ApolloDataBarChartAttributes as `prop:${K}`]?: ApolloDataBarChart[K] };
+        "apollo-data-donut-chart": Omit<ApolloDataDonutChart, keyof ApolloDataDonutChartAttributes> & { [K in keyof ApolloDataDonutChart & keyof ApolloDataDonutChartAttributes]?: ApolloDataDonutChart[K] } & { [K in keyof ApolloDataDonutChart & keyof ApolloDataDonutChartAttributes as `attr:${K}`]?: ApolloDataDonutChartAttributes[K] } & { [K in keyof ApolloDataDonutChart & keyof ApolloDataDonutChartAttributes as `prop:${K}`]?: ApolloDataDonutChart[K] };
+        "apollo-data-heat-map": Omit<ApolloDataHeatMap, keyof ApolloDataHeatMapAttributes> & { [K in keyof ApolloDataHeatMap & keyof ApolloDataHeatMapAttributes]?: ApolloDataHeatMap[K] } & { [K in keyof ApolloDataHeatMap & keyof ApolloDataHeatMapAttributes as `attr:${K}`]?: ApolloDataHeatMapAttributes[K] } & { [K in keyof ApolloDataHeatMap & keyof ApolloDataHeatMapAttributes as `prop:${K}`]?: ApolloDataHeatMap[K] };
+        "apollo-data-line-chart": Omit<ApolloDataLineChart, keyof ApolloDataLineChartAttributes> & { [K in keyof ApolloDataLineChart & keyof ApolloDataLineChartAttributes]?: ApolloDataLineChart[K] } & { [K in keyof ApolloDataLineChart & keyof ApolloDataLineChartAttributes as `attr:${K}`]?: ApolloDataLineChartAttributes[K] } & { [K in keyof ApolloDataLineChart & keyof ApolloDataLineChartAttributes as `prop:${K}`]?: ApolloDataLineChart[K] };
+        "apollo-data-scatter-chart": Omit<ApolloDataScatterChart, keyof ApolloDataScatterChartAttributes> & { [K in keyof ApolloDataScatterChart & keyof ApolloDataScatterChartAttributes]?: ApolloDataScatterChart[K] } & { [K in keyof ApolloDataScatterChart & keyof ApolloDataScatterChartAttributes as `attr:${K}`]?: ApolloDataScatterChartAttributes[K] } & { [K in keyof ApolloDataScatterChart & keyof ApolloDataScatterChartAttributes as `prop:${K}`]?: ApolloDataScatterChart[K] };
+        "apollo-data-world-map-chart": Omit<ApolloDataWorldMapChart, keyof ApolloDataWorldMapChartAttributes> & { [K in keyof ApolloDataWorldMapChart & keyof ApolloDataWorldMapChartAttributes]?: ApolloDataWorldMapChart[K] } & { [K in keyof ApolloDataWorldMapChart & keyof ApolloDataWorldMapChartAttributes as `attr:${K}`]?: ApolloDataWorldMapChartAttributes[K] } & { [K in keyof ApolloDataWorldMapChart & keyof ApolloDataWorldMapChartAttributes as `prop:${K}`]?: ApolloDataWorldMapChart[K] };
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "apollo-data-bar-chart": LocalJSX.ApolloDataBarChart & JSXBase.HTMLAttributes<HTMLApolloDataBarChartElement>;
-            "apollo-data-donut-chart": LocalJSX.ApolloDataDonutChart & JSXBase.HTMLAttributes<HTMLApolloDataDonutChartElement>;
+            "apollo-data-bar-chart": LocalJSX.IntrinsicElements["apollo-data-bar-chart"] & JSXBase.HTMLAttributes<HTMLApolloDataBarChartElement>;
+            "apollo-data-donut-chart": LocalJSX.IntrinsicElements["apollo-data-donut-chart"] & JSXBase.HTMLAttributes<HTMLApolloDataDonutChartElement>;
+            "apollo-data-heat-map": LocalJSX.IntrinsicElements["apollo-data-heat-map"] & JSXBase.HTMLAttributes<HTMLApolloDataHeatMapElement>;
+            "apollo-data-line-chart": LocalJSX.IntrinsicElements["apollo-data-line-chart"] & JSXBase.HTMLAttributes<HTMLApolloDataLineChartElement>;
+            "apollo-data-scatter-chart": LocalJSX.IntrinsicElements["apollo-data-scatter-chart"] & JSXBase.HTMLAttributes<HTMLApolloDataScatterChartElement>;
+            "apollo-data-world-map-chart": LocalJSX.IntrinsicElements["apollo-data-world-map-chart"] & JSXBase.HTMLAttributes<HTMLApolloDataWorldMapChartElement>;
         }
     }
 }

package/dist/types/examples/apollo-data-heat-map.examples.d.ts

@@ -0,0 +1,11 @@
+import { HeatMapDataItem, HeatMapSpec } from '../components/apollo-data-heat-map/apollo-data-heat-map';
+export interface HeatMapExamples {
+    name: string;
+    description: string;
+    props: {
+        adData: HeatMapDataItem[];
+        adSpec?: HeatMapSpec;
+    };
+    notes?: string;
+}
+export declare const heatMapExamples: HeatMapExamples[];

package/dist/types/examples/apollo-data-line.examples.d.ts

@@ -0,0 +1,12 @@
+import { LineDataItem, LineSpec } from '../components/apollo-data-line/apollo-data-line';
+export interface LineExample {
+    name: string;
+    description: string;
+    props: {
+        adData: LineDataItem[];
+        adSpec?: LineSpec;
+    };
+    notes?: string;
+}
+/** Each item has category, xValue, yValue, and optional xLabel/yLabel. When labels are omitted, numeric values are shown. */
+export declare const lineExamples: LineExample[];

package/dist/types/examples/apollo-data-scatter.examples.d.ts

@@ -0,0 +1,11 @@
+import type { ScatterDataItem, ScatterSpec } from '../components/apollo-data-scatter/apollo-data-scatter';
+export interface ScatterExamples {
+    name: string;
+    description: string;
+    props: {
+        adData: ScatterDataItem[];
+        adSpec?: ScatterSpec;
+    };
+    notes?: string;
+}
+export declare const scatterExamples: ScatterExamples[];

package/dist/types/examples/apollo-data-world-map.examples.d.ts

@@ -0,0 +1,11 @@
+import { WorldMapDataItem, WorldMapSpec } from '../components/apollo-data-world-map/apollo-data-world-map';
+export interface WorldMapExample {
+    name: string;
+    description: string;
+    props: {
+        adData: WorldMapDataItem[];
+        adSpec?: WorldMapSpec;
+    };
+    notes?: string;
+}
+export declare const worldMapExamples: WorldMapExample[];

package/dist/types/examples/index.d.ts

@@ -1,2 +1,5 @@
 export * from './apollo-data-donut.examples';
 export * from './apollo-data-bar.examples';
+export * from './apollo-data-line.examples';
+export * from './apollo-data-heat-map.examples';
+export * from './apollo-data-world-map.examples';

package/dist/types/stencil-public-runtime.d.ts

@@ -125,8 +125,27 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsOptions {
+    /**
+     * Initial custom states to set on the ElementInternals.states CustomStateSet.
+     * Each key is the state name and the value is the initial boolean state.
+     *
+     * These states can be targeted with the CSS `:state()` pseudo-class.
+     *
+     * @example
+     * ```tsx
+     * @AttachInternals({ states: { open: true, active: false } })
+     * internals: ElementInternals;
+     * ```
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
+     */
+    states?: {
+        [stateName: string]: boolean;
+    };
+}
 export interface AttachInternalsDecorator {
-    (): PropertyDecorator;
+    (opts?: AttachInternalsOptions): PropertyDecorator;
 }
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
@@ -660,6 +679,7 @@ export declare namespace h {
     function h(sel: any, data: VNodeData | null, text: string): VNode;
     function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
     function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+    function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
     namespace JSX {
         interface IntrinsicElements extends LocalJSX.IntrinsicElements, JSXBase.IntrinsicElements {
             [tagName: string]: any;
@@ -673,6 +693,8 @@ export declare function h(sel: any, text: string): VNode;
 export declare function h(sel: any, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
+export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+export declare function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
 /**
  * Automatic JSX runtime functions for TypeScript's react-jsx mode.
  * These functions are called automatically by TypeScript when using "jsx": "react-jsx".
@@ -702,7 +724,6 @@ export declare function jsxs(type: any, props: any, key?: string): VNode;
  * @returns a jsx vnode
  */
 export declare function jsxDEV(type: any, props: any, key?: string | number, isStaticChildren?: boolean, source?: any, self?: any): VNode;
-export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
 /**
  * A virtual DOM node
  */

package/dist/types/utils/code-generator.d.ts

@@ -3,9 +3,7 @@ export interface PropValue {
     isFunction?: boolean;
     functionBody?: string;
 }
-export interface ComponentProps {
-    [key: string]: any;
-}
+export type ComponentProps = Record<string, any>;
 export declare function generateInstallationDocs(framework?: string, componentName?: string): string;
 export declare function generateReactCode(componentName: string, props: ComponentProps): string;
 export declare function generateVueCode(componentName: string, props: ComponentProps): string;