@cfasim-ui/charts 0.1.8 → 0.1.10

package/dist/ChartMenu/ChartMenu.d.ts

@@ -0,0 +1,9 @@
+export interface ChartMenuItem {
+    label: string;
+    action: () => void;
+}
+type __VLS_Props = {
+    items: ChartMenuItem[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/ChartMenu/download.d.ts

@@ -0,0 +1,4 @@
+export declare function downloadBlob(blob: Blob, name: string): void;
+export declare function saveSvg(svg: SVGSVGElement, filename: string): void;
+export declare function savePng(svg: SVGSVGElement, filename: string): void;
+export declare function downloadCsv(csv: string, filename: string): void;

package/dist/ChoroplethMap/ChoroplethMap.d.ts

@@ -0,0 +1,83 @@
+export type GeoType = "states" | "counties" | "hsas";
+export interface StateData {
+    /** FIPS code (e.g. "06" for California, "04015" for a county) or name */
+    id: string;
+    value: number | string;
+}
+export interface ChoroplethColorScale {
+    /** Minimum color (CSS color string). Default: "#e5f0fa" */
+    min?: string;
+    /** Maximum color (CSS color string). Default: "#08519c" */
+    max?: string;
+}
+export interface ThresholdStop {
+    /** Lower bound (inclusive). Values at or above this threshold get this color. */
+    min: number;
+    color: string;
+    /** Optional label for the legend (defaults to the min value) */
+    label?: string;
+}
+export interface CategoricalStop {
+    /** The categorical value to match */
+    value: string;
+    /** CSS color string */
+    color: string;
+}
+type __VLS_Props = {
+    data?: StateData[];
+    /** Geographic type: "states" (default), "counties", or "hsas" (Health Service Areas) */
+    geoType?: GeoType;
+    width?: number;
+    height?: number;
+    colorScale?: ChoroplethColorScale | ThresholdStop[] | CategoricalStop[];
+    title?: string;
+    noDataColor?: string;
+    strokeColor?: string;
+    strokeWidth?: number;
+    menu?: boolean | string;
+    /** Show legend. Default: true */
+    legend?: boolean;
+    /** Title displayed next to the legend */
+    legendTitle?: string;
+    /** Enable mouse-wheel zooming. Default: false */
+    zoom?: boolean;
+    /** Enable click-and-drag panning. Default: false */
+    pan?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    stateClick: (state: {
+        id: string;
+        name: string;
+        value?: number | string;
+    }) => any;
+    stateHover: (state: {
+        id: string;
+        name: string;
+        value?: number | string;
+    } | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onStateClick?: ((state: {
+        id: string;
+        name: string;
+        value?: number | string;
+    }) => any) | undefined;
+    onStateHover?: ((state: {
+        id: string;
+        name: string;
+        value?: number | string;
+    } | null) => any) | undefined;
+}>, {
+    legend: boolean;
+    menu: boolean | string;
+    geoType: GeoType;
+    noDataColor: string;
+    strokeColor: string;
+    strokeWidth: number;
+    zoom: boolean;
+    pan: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+    svgRef: SVGSVGElement;
+    mapGroupRef: SVGGElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/ChoroplethMap/ChoroplethMap.test.d.ts

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

package/dist/ChoroplethMap/hsaMapping.d.ts

@@ -0,0 +1,4 @@
+/** County FIPS code to HSA code mapping */
+export declare const fipsToHsa: Record<string, string>;
+/** HSA code to HSA name mapping */
+export declare const hsaNames: Record<string, string>;

package/dist/DataTable/DataTable.d.ts

@@ -0,0 +1,21 @@
+import { ModelOutput } from '@cfasim-ui/shared';
+export type TableRecord = Record<string, ArrayLike<number | string | boolean>>;
+export type TableData = TableRecord | ModelOutput;
+export type ColumnWidth = "small" | "medium" | "large";
+export type ColumnAlign = "left" | "center" | "right";
+export interface ColumnConfig {
+    label?: string;
+    width?: ColumnWidth | number;
+    align?: ColumnAlign;
+    cellClass?: string;
+}
+type __VLS_Props = {
+    data: TableData;
+    maxRows?: number;
+    columnConfig?: Record<string, ColumnConfig>;
+    menu?: boolean | string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    menu: boolean | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/DataTable/DataTable.test.d.ts

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

package/dist/LineChart/LineChart.d.ts

@@ -0,0 +1,39 @@
+export interface Series {
+    data: number[];
+    color?: string;
+    dashed?: boolean;
+    strokeWidth?: number;
+    opacity?: number;
+}
+export interface Area {
+    upper: number[];
+    lower: number[];
+    color?: string;
+    opacity?: number;
+}
+type __VLS_Props = {
+    data?: number[];
+    series?: Series[];
+    areas?: Area[];
+    width?: number;
+    height?: number;
+    lineOpacity?: number;
+    title?: string;
+    xLabel?: string;
+    yLabel?: string;
+    yMin?: number;
+    xMin?: number;
+    xLabels?: string[];
+    debounce?: number;
+    menu?: boolean | string;
+    xGrid?: boolean;
+    yGrid?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    menu: boolean | string;
+    lineOpacity: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+    svgRef: SVGSVGElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/LineChart/LineChart.spec.d.ts

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

package/dist/index.css

@@ -0,0 +1,2 @@
+.chart-menu-trigger-area[data-v-adef2467]{z-index:1;position:absolute;top:0;right:0}.chart-menu-button[data-v-adef2467]{border:1px solid var(--color-border);background:var(--color-bg-0,#fff);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;opacity:0;border-radius:.25em;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.chart-menu-button[data-state=open][data-v-adef2467]{opacity:1}.chart-menu-button[data-v-adef2467]:hover{background:var(--color-bg-1,#0000000d);color:var(--color-text)}.chart-menu-content{z-index:100;background:var(--color-bg-0);border:1px solid var(--color-border);border-radius:.25em;min-width:140px;padding:.25em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.chart-menu-item{font-size:var(--font-size-sm);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:.25em;outline:none;align-items:center;padding:.375em .5em;display:flex}.chart-menu-item[data-highlighted]{background:var(--color-primary);color:#fff}.line-chart-wrapper[data-v-128f8091]{width:100%;position:relative}.line-chart-wrapper[data-v-128f8091]:hover .chart-menu-button{opacity:1}.choropleth-wrapper[data-v-64b95aef]{width:100%;position:relative}.choropleth-wrapper.pannable svg[data-v-64b95aef]{cursor:grab}.choropleth-wrapper.pannable svg[data-v-64b95aef]:active{cursor:grabbing}.choropleth-wrapper[data-v-64b95aef]:hover .chart-menu-button{opacity:1}.state-path[data-v-64b95aef]{cursor:pointer;transition:fill-opacity .15s}.state-path[data-v-64b95aef]:hover{fill-opacity:.8}.TableOuter[data-v-dbfb7c84]{display:inline-block;position:relative}.TableOuter.has-menu[data-v-dbfb7c84]{padding-top:32px}.TableOuter[data-v-dbfb7c84]:hover .chart-menu-button{opacity:1}.TableWrapper[data-v-dbfb7c84]{font-size:var(--font-size-sm);overflow-x:auto}.Table[data-v-dbfb7c84]{border-collapse:collapse;font-variant-numeric:tabular-nums;border:1px solid var(--color-border)}.Table tr[data-v-dbfb7c84],.Table th[data-v-dbfb7c84],.Table td[data-v-dbfb7c84]{background:0 0;border:none}.Table th[data-v-dbfb7c84],.Table td[data-v-dbfb7c84]{white-space:nowrap;padding:.75em 1.25em}.Table th[data-v-dbfb7c84]{border-bottom:1px solid var(--color-border-header);font-weight:600;position:sticky;top:0}.Table tbody td[data-v-dbfb7c84]{border-bottom:1px solid var(--color-border)}.Table tbody tr:last-child td[data-v-dbfb7c84]{border-bottom:none}
+/*$vite$:1*/

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as LineChart, type Series, type Area, } from './LineChart/LineChart';
+export { default as ChoroplethMap, type GeoType, type StateData, type ChoroplethColorScale, type ThresholdStop, type CategoricalStop, } from './ChoroplethMap/ChoroplethMap';
+export { default as DataTable, type TableData, type TableRecord, type ColumnAlign, type ColumnConfig, type ColumnWidth, } from './DataTable/DataTable';