@xplortech/apollo-data 0.0.3-draft.64d0fa1

package/dist/esm/index.js

@@ -0,0 +1,5 @@
+function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+
+export { format };

package/dist/esm/loader.js

@@ -0,0 +1,11 @@
+import { b as bootstrapLazy } from './index-Bb2nY-Tf.js';
+export { s as setNonce } from './index-Bb2nY-Tf.js';
+import { g as globalScripts } from './app-globals-DQuL1Twl.js';
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await globalScripts();
+  return bootstrapLazy([["apollo-data-bar-chart_2",[[513,"apollo-data-bar-chart",{"adData":[1,"ad-data"],"adSpec":[1,"ad-spec"]}],[513,"apollo-data-donut-chart",{"adData":[1,"ad-data"],"adSpec":[1,"ad-spec"]}]]]], options);
+};
+
+export { defineCustomElements };

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/types/apollo-data-base.d.ts

@@ -0,0 +1,7 @@
+export declare class ApolloBase<TData extends any, TSpec extends any> {
+    el: HTMLElement;
+    adData: string | any;
+    adSpec?: string | any;
+    protected getViewData(data: TData, spec?: TSpec): any;
+    protected renderChart(): Promise<void>;
+}

package/dist/types/components/apollo-data-bar/apollo-data-bar.d.ts

@@ -0,0 +1,298 @@
+import { ComponentInterface } from '../../stencil-public-runtime';
+import { ApolloBase } from '../../apollo-data-base';
+export interface BarDataItem {
+    label: string;
+    category: string;
+    value: number;
+    periodId: string;
+}
+export interface BarSpec {
+    colorSet?: string[];
+    tooltipPrefix?: string;
+    currencySymbol?: string;
+    yAxisTitle?: string;
+    xAxisTitle?: string;
+}
+export declare class ApolloDataBarChart extends ApolloBase<BarDataItem[], BarSpec> implements ComponentInterface {
+    el: HTMLElement;
+    adData: string | BarDataItem[];
+    adSpec: string | BarSpec;
+    private static tooltipStylesInjected;
+    componentDidLoad(): void;
+    componentDidRender(): Promise<void>;
+    private injectTooltipStyles;
+    protected getViewData(data: BarDataItem[], spec?: BarSpec): Promise<{
+        $schema: string;
+        config: {
+            text: {
+                fill: string;
+                font: string;
+                labelFontSize: number;
+                labelFontWeight: number;
+            };
+            axis: {
+                labelColor: string;
+                titleColor: string;
+                labelFont: string;
+                titleFont: string;
+                titleFontWeight: number;
+            };
+            legend: {
+                labelColor: string;
+                titleColor: string;
+                labelFont: string;
+                titleFont: string;
+                labelFontSize: number;
+                labelLimit: number;
+            };
+            title: {
+                color: string;
+                font: string;
+                labelFontSize: number;
+                labelFontWeight: number;
+            };
+        };
+        height: number;
+        autosize: {
+            type: string;
+            contains: string;
+            resize: boolean;
+        };
+        signals: ({
+            name: string;
+            update: string;
+            value?: undefined;
+            on?: undefined;
+        } | {
+            name: string;
+            value: any;
+            on: {
+                events: string;
+                update: string;
+            }[];
+            update?: undefined;
+        })[];
+        width: {
+            signal: string;
+        };
+        data: ({
+            name: string;
+            values: BarDataItem[];
+            source?: undefined;
+            transform?: undefined;
+        } | {
+            name: string;
+            source: string;
+            transform: {
+                type: string;
+                groupby: string[];
+                fields: string[];
+                ops: string[];
+                as: string[];
+            }[];
+            values?: undefined;
+        } | {
+            name: string;
+            source: string;
+            transform: ({
+                type: string;
+                from: string;
+                key: string;
+                fields: string[];
+                values: string[];
+                as: string[];
+                groupby?: undefined;
+                sort?: undefined;
+                field?: undefined;
+                expr?: undefined;
+            } | {
+                type: string;
+                groupby: string[];
+                sort: {
+                    field: string;
+                };
+                field: string;
+                from?: undefined;
+                key?: undefined;
+                fields?: undefined;
+                values?: undefined;
+                as?: undefined;
+                expr?: undefined;
+            } | {
+                type: string;
+                as: string;
+                expr: string;
+                from?: undefined;
+                key?: undefined;
+                fields?: undefined;
+                values?: undefined;
+                groupby?: undefined;
+                sort?: undefined;
+                field?: undefined;
+            })[];
+            values?: undefined;
+        } | {
+            name: string;
+            source: string;
+            transform: {
+                type: string;
+                groupby: string[];
+            }[];
+            values?: undefined;
+        })[];
+        scales: ({
+            name: string;
+            type: string;
+            domain: {
+                data: string;
+                field: string;
+            };
+            range: string;
+            paddingInner: number;
+            paddingOuter: number;
+            nice?: undefined;
+            zero?: undefined;
+        } | {
+            name: string;
+            type: string;
+            domain: {
+                data: string;
+                field: string;
+            };
+            range: {
+                data: string;
+                field: string;
+            };
+            paddingInner?: undefined;
+            paddingOuter?: undefined;
+            nice?: undefined;
+            zero?: undefined;
+        } | {
+            name: string;
+            type: string;
+            domain: {
+                data: string;
+                field: string;
+            };
+            nice: boolean;
+            zero: boolean;
+            range: string;
+            paddingInner?: undefined;
+            paddingOuter?: undefined;
+        } | {
+            name: string;
+            type: string;
+            domain: string[];
+            range: string[];
+            paddingInner?: undefined;
+            paddingOuter?: undefined;
+            nice?: undefined;
+            zero?: undefined;
+        })[];
+        axes: ({
+            orient: string;
+            scale: string;
+            title: string;
+            labelPadding: number;
+            titlePadding: number;
+            labelAngle: number;
+            labelAlign: string;
+            labelBaseline: string;
+            tickSize: number;
+            labelFontSize: number;
+            titleFontSize: number;
+            ticks: boolean;
+            domain: boolean;
+            encode: {
+                labels: {
+                    update: {
+                        text: {
+                            signal: string;
+                        };
+                    };
+                };
+            };
+            format?: undefined;
+            grid?: undefined;
+            tickCount?: undefined;
+            tickBand?: undefined;
+        } | {
+            orient: string;
+            scale: string;
+            title: string;
+            format: string;
+            grid: boolean;
+            tickCount: number;
+            labelFontSize: number;
+            titleFontSize: number;
+            ticks: boolean;
+            domain: boolean;
+            tickBand: string;
+            labelPadding: number;
+            titlePadding?: undefined;
+            labelAngle?: undefined;
+            labelAlign?: undefined;
+            labelBaseline?: undefined;
+            tickSize?: undefined;
+            encode?: undefined;
+        })[];
+        legends: {
+            fill: string;
+            orient: string;
+            direction: string;
+            columns: {
+                signal: string;
+            };
+            title: any;
+            symbolType: string;
+            rowPadding: number;
+            symbolOffset: number;
+            symbolSize: number;
+            labelOffset: number;
+            labelLimit: number;
+        }[];
+        marks: {
+            type: string;
+            from: {
+                data: string;
+            };
+            encode: {
+                enter: {
+                    x: {
+                        scale: string;
+                        field: string;
+                    };
+                    width: {
+                        scale: string;
+                        band: number;
+                    };
+                    y: {
+                        scale: string;
+                        field: string;
+                    };
+                    y2: {
+                        scale: string;
+                        field: string;
+                    };
+                    fill: {
+                        scale: string;
+                        field: string;
+                    };
+                    tooltip: {
+                        signal: string;
+                    };
+                };
+                update: {
+                    opacity: ({
+                        test: string;
+                        value: number;
+                    } | {
+                        value: number;
+                        test?: undefined;
+                    })[];
+                };
+            };
+        }[];
+    }>;
+    render(): any;
+}