vue-data-ui 3.8.4 → 3.9.0

package/dist/types/vue-data-ui.d.ts

@@ -67,7 +67,8 @@ declare module "vue-data-ui" {
         | VueUiRidgelineDatasetItem[]
         | VueUiChordDataset
         | VueUiStacklineDatasetItem[]
-        | VueUiDagDataset;
+        | VueUiDagDataset
+        | VueUiGeoDatasetItem[];
 
     export type VueDataUiAnyConfig =
         | VueUi3dBarConfig
@@ -131,7 +132,8 @@ declare module "vue-data-ui" {
         | VueUiRidgelineConfig
         | VueUiChordConfig
         | VueUiStacklineConfig
-        | VueUiDagConfig;
+        | VueUiDagConfig
+        | VueUiGeoConfig;
 
     export type VueDataUiProps = {
         loader?: VueDataUiLoader | null;
@@ -192,6 +194,8 @@ declare module "vue-data-ui" {
     export type VueUiRingsEvent = ChartEvent<VueUiRingsDatapoint>;
     export type VueUiOnionEvent = ChartEvent<VueUiOnionDatapoint>;
     export type VueUiWorldEvent = ChartEvent<VueUiWorldDatapoint>;
+    export type VueUiGeoPointEvent = ChartEvent<VueUiGeoDatapoint>;
+    export type VueUiGeoTerritoryEvent = ChartEvent<VueUiGeoTerritory>;
     export type VueUiGalaxyEvent = ChartEvent<VueUiGalaxyDatapoint>;
     export type VueUiWaffleEvent = ChartEvent<VueUiWaffleDatapoint>;
     export type VueUiScatterEvent = ChartEvent<VueUiScatterDatapoint>;
@@ -9567,6 +9571,206 @@ declare module "vue-data-ui" {
         VueUiDagExpose
     >
 
+
+    export type GeoJsonPosition = [longitude: number, latitude: number] | [number, number, number];
+
+    export type GeoJsonPoint = {
+        type: "Point";
+        coordinates: GeoJsonPosition;
+    };
+
+    export type GeoJsonMultiPoint = {
+        type: "MultiPoint";
+        coordinates: GeoJsonPosition[];
+    };
+
+    export type GeoJsonLineString = {
+        type: "LineString";
+        coordinates: GeoJsonPosition[];
+    };
+
+    export type GeoJsonMultiLineString = {
+        type: "MultiLineString";
+        coordinates: GeoJsonPosition[][];
+    };
+
+    export type GeoJsonPolygon = {
+        type: "Polygon";
+        coordinates: GeoJsonPosition[][];
+    };
+
+    export type GeoJsonMultiPolygon = {
+        type: "MultiPolygon";
+        coordinates: GeoJsonPosition[][][];
+    };
+
+    export type GeoJsonGeometryCollection = {
+        type: "GeometryCollection";
+        geometries: GeoJsonGeometry[];
+    };
+
+    export type GeoJsonGeometry =
+        | GeoJsonPoint
+        | GeoJsonMultiPoint
+        | GeoJsonLineString
+        | GeoJsonMultiLineString
+        | GeoJsonPolygon
+        | GeoJsonMultiPolygon
+        | GeoJsonGeometryCollection;
+
+    export type GeoJsonFeature<Properties extends Record<string, unknown> = Record<string, unknown>> = {
+        type: "Feature";
+        geometry: GeoJsonGeometry | null;
+        properties?: Properties | null;
+        id?: string | number;
+    };
+
+    export type VueUiGeoTerritory<Properties extends Record<string, unknown> = Record<string, unknown>> = {
+        uid: string;
+        path: string;
+        name: string;
+        properties: Properties;
+        geometry: GeoJsonGeometry;
+        feature: GeoJsonFeature;
+    }
+
+    export type GeoJsonFeatureCollection<
+        Properties extends Record<string, unknown> = Record<string, unknown>
+    > = {
+        type: "FeatureCollection";
+        features: Array<GeoJsonFeature<Properties>>;
+    };
+
+    export type VueUiGeoMapGeoJson =
+        | GeoJsonFeatureCollection
+        | GeoJsonFeature
+        | GeoJsonGeometryCollection
+        | GeoJsonGeometry
+        | Array<GeoJsonFeature>;
+
+    export type VueUiGeoDatasetItem = {
+        [key: string]: any;
+        name: string;
+        coordinates: [longitude: number, latitude: number];
+        description?: string;
+        color?: string;
+        radius?: number;
+    }
+
+    export type VueUiGeoDatapoint = {
+        color: string;
+        coordinates: [x: number, y: number];
+        description: string;
+        fill: string;
+        hoverRadiusRatio: number;
+        index: number;
+        name: string;
+        radius: number;
+        original: VueUiGeoDatasetItem;
+        uid: string;
+        x: number;
+        y: number;
+    }
+
+    export type VueUiGeoConfig = {
+        loading?: boolean;
+        debug?: boolean;
+        responsive?: boolean;
+        theme?: Theme;
+        projection?: 'aitoff' | 'azimuthalEquidistant' | 'bonne' | 'equirectangular' | 'gallPeters' | 'globe' | 'hammer' | 'mercator' | 'mollweide' | 'robinson' | 'sinusoidal' | 'vanDerGrinten' | 'winkelTripel';
+        userOptions?: ChartUserOptions;
+        map?: {
+            geoJson?: VueUiGeoMapGeoJson;
+            center?: [x: number, y: number];
+            fitPadding?: number;
+        };
+        events?: {
+            datapointClick?: VueUiGeoPointEvent;
+            datapointEnter?: VueUiGeoPointEvent;
+            datapointLeave?: VueUiGeoPointEvent;
+            territoryEnter?: VueUiGeoTerritoryEvent;
+            territoryLeave?: VueUiGeoTerritoryEvent;
+            territoryClick?: VueUiGeoTerritoryEvent;
+        };
+        style: {
+            fontFamily?: string;
+            chart?: {
+                dimensions?: {
+                    width?: number | null;
+                    height?: number | null;
+                };
+                backgroundColor?: string;
+                color?: string;
+                territory?: {
+                    fill?: string;
+                    stroke?: string;
+                    strokeWidth?: number;
+                    hover?: {
+                        fill?: string;
+                        stroke?: string;
+                        strokeWidth?: number;
+                    };
+                };
+                points?: {
+                    radius?: number;
+                    stroke?: string;
+                    strokeWidth?: number;
+                    fill?: number;
+                    hoverRadiusRatio?: number;
+                    labels?: {
+                        show?: boolean;
+                        fontSizeRatio?: number;
+                        color?: string;
+                        offsetY?: number;
+                    };
+                };
+                controls?: {
+                    position?: 'top' | 'bottom';
+                    show?: boolean;
+                    backgroundColor?: string;
+                    buttonColor?: string;
+                    color?: string;
+                    fontSize?: number;
+                    border?: string;
+                    padding?: string;
+                    borderRadius?: string;
+                };
+                title?: ChartTitle;
+                tooltip?: ChartTooltip;
+                zoom?: {
+                    active?: boolean;
+                };
+            };
+        };
+    };
+
+    export type FocusLocationOptions = {
+        animated?: boolean;
+    };
+
+    export type VueUiGeoExpose = {
+        getImage(options?: { scale?: number }): GetImagePromise
+        generatePdf(): void
+        generateImage(): void
+        toggleAnnotator(): void
+        toggleFullscreen(): void
+        zoomIn(): void
+        zoomOut(): void
+        resetZoom(): void
+        focusLocation(
+            coordinates: [longitude: number, latitude: number],
+            options?: FocusLocationOptions
+        ): Promise<void>;
+    }
+
+    export const VueUiGeo: DefineComponent<
+        {
+            config?: VueUiGeoConfig,
+            dataset?: VueUiGeoDatasetItem[]
+        },
+        VueUiGeoExpose
+    >    
+
     export type VueDataUiConfig =
         | VueUi3dBarConfig
         | VueUiAgePyramidConfig
@@ -9631,7 +9835,8 @@ declare module "vue-data-ui" {
         | VueUiRidgelineConfig
         | VueUiChordConfig
         | VueUiStacklineConfig
-        | VueUiDagConfig;
+        | VueUiDagConfig
+        | VueUiGeoConfig;
 
     export type VueDataUiConfigKey =
         | "vue_ui_3d_bar"
@@ -9697,7 +9902,8 @@ declare module "vue-data-ui" {
         | "vue_ui_ridgeline"
         | "vue_ui_chord"
         | "vue_ui_stackline"
-        | "vue_ui_dag";
+        | "vue_ui_dag"
+        | "vue_ui_geo";
 
     export type VueDataUiWordCloudTransformCallback =
         | ((word: string) => string)

package/dist/types/vue-ui-geo.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent } from 'vue';
+import { VueUiGeoConfig, VueUiGeoDatasetItem, VueUiGeoExpose } from 'vue-data-ui';
+
+declare const VueUiGeo: DefineComponent<{
+    config?: VueUiGeoConfig;
+    dataset?: VueUiGeoDatasetItem[];
+}, VueUiGeoExpose>;
+
+export default VueUiGeo;
+export { VueUiGeo }

package/dist/{useNestedProp-CNjAKn-Z.js → useNestedProp-BeKjhKny.js}

@@ -1,6 +1,6 @@
-import { t as tt, v as ot } from "./lib-_nVZfi2t.js";
-function lt() {
-  const e = "#2D353C", w = "#A1A1A1", r = "#e1e5e8", s = "#CCCCCC", F = "#4A4A4A", o = "#FFFFFF", _ = "#fafafa", u = "#1f77b4", C = "#d62728", L = "#2ca02c", A = "#42d392", O = "#FFD055", t = {
+import { t as ot, v as rt } from "./lib-_nVZfi2t.js";
+function at() {
+  const e = "#2D353C", w = "#A1A1A1", r = "#e1e5e8", s = "#CCCCCC", A = "#4A4A4A", o = "#FFFFFF", _ = "#fafafa", u = "#1f77b4", C = "#d62728", L = "#2ca02c", F = "#42d392", O = "#FFD055", t = {
     _6: 6,
     _10: 10,
     _12: 12,
@@ -174,7 +174,7 @@ function lt() {
   }, S = {
     show: !0,
     color: s,
-    highlightColor: F,
+    highlightColor: A,
     fontSize: t._14,
     useResetSlot: !1,
     startIndex: null,
@@ -1037,8 +1037,7 @@ function lt() {
         width: 512,
         height: 360,
         layout: {
-          curvedMarkers: !0,
-          // v2 = false
+          curvedMarkers: !1,
           labels: {
             dataLabels: {
               show: !0,
@@ -3328,7 +3327,7 @@ function lt() {
     yAxisLabel: "",
     zoomXy: !0,
     zoomColor: s,
-    zoomHighlightColor: F,
+    zoomHighlightColor: A,
     zoomFontSize: t._14,
     zoomUseResetSlot: !1,
     zoomMinimap: T,
@@ -4864,7 +4863,7 @@ function lt() {
         suffix: ""
       }
     }
-  }, Te = {
+  }, Fe = {
     debug: !1,
     loading: !1,
     responsive: !1,
@@ -5043,7 +5042,7 @@ function lt() {
       th: i,
       td: n
     }
-  }, Fe = {
+  }, Te = {
     debug: !1,
     // v3
     loading: !1,
@@ -5405,7 +5404,7 @@ function lt() {
       gutterBlur: 0,
       trackHueRotate: 20,
       trackBlur: 1,
-      trackColor: A
+      trackColor: F
     },
     line: {
       gutterColor: s,
@@ -5413,7 +5412,7 @@ function lt() {
       gutterBlur: 0,
       trackHueRotate: 20,
       trackBlur: 1,
-      trackColor: A
+      trackColor: F
     },
     bar: {
       gutterColor: s,
@@ -5421,7 +5420,7 @@ function lt() {
       gutterBlur: 0,
       trackHueRotate: 20,
       trackBlur: 1,
-      trackColor: A
+      trackColor: F
     }
   }, Me = {
     readonly: !1,
@@ -7082,6 +7081,87 @@ function lt() {
         title: l
       }
     }
+  }, tt = {
+    loading: !1,
+    debug: !1,
+    responsive: !1,
+    projection: "equirectangular",
+    theme: "",
+    userOptions: a({
+      tooltip: !0,
+      pdf: !0,
+      csv: !1,
+      img: !0,
+      svg: !0,
+      table: !1,
+      labels: !1,
+      fullscreen: !0,
+      annotator: !0,
+      zoom: !0
+    }),
+    map: {
+      geoJson: null,
+      center: [0, 0],
+      fitPadding: 0
+    },
+    events: {
+      datapointEnter: null,
+      datapointLeave: null,
+      datapointClick: null,
+      territoryEnter: null,
+      territoryLeave: null,
+      territoryClick: null
+    },
+    style: {
+      fontFamily: "inherit",
+      chart: {
+        dimensions: {
+          width: null,
+          height: null
+        },
+        backgroundColor: o,
+        color: e,
+        territory: {
+          fill: "#F2F3F5",
+          stroke: "#D0D4D8",
+          strokeWidth: 1,
+          hover: {
+            fill: "#E7E1EE",
+            stroke: s,
+            strokeWidth: 1.5
+          }
+        },
+        points: {
+          radius: 1,
+          stroke: o,
+          strokeWidth: 1,
+          fill: A,
+          hoverRadiusRatio: 1.2,
+          labels: {
+            show: !0,
+            fontSizeRatio: 1,
+            color: e,
+            offsetY: 0
+          }
+        },
+        controls: {
+          position: "bottom",
+          show: !0,
+          backgroundColor: r,
+          buttonColor: r,
+          color: e,
+          fontSize: 14,
+          border: `1px solid ${s}`,
+          padding: "0.5rem",
+          borderRadius: "0.25rem"
+        },
+        title: l,
+        tooltip: c,
+        zoom: {
+          active: !0
+        }
+      }
+    }
   };
   return {
     vue_ui_xy: y,
@@ -7124,8 +7204,8 @@ function lt() {
     vue_ui_table_sparkline: Le,
     vue_ui_table_heatmap: Pe,
     vue_ui_word_cloud: Ae,
-    vue_ui_xy_canvas: Te,
-    vue_ui_flow: Fe,
+    vue_ui_xy_canvas: Fe,
+    vue_ui_flow: Te,
     vue_ui_parallel_coordinate_plot: Oe,
     vue_ui_timer: We,
     vue_ui_carousel_table: Xe,
@@ -7139,6 +7219,7 @@ function lt() {
     vue_ui_chord: Je,
     vue_ui_stackline: $,
     vue_ui_dag: et,
+    vue_ui_geo: tt,
     // non chart components
     vue_ui_cursor: Re,
     vue_ui_accordion: Ve,
@@ -7154,16 +7235,16 @@ function lt() {
     vue_ui_circle_pack: Ze
   };
 }
-function at({ defaultConfig: e, userConfig: w }) {
+function st({ defaultConfig: e, userConfig: w }) {
   if (!Object.keys(w || {}).length)
     return e;
-  const r = tt({
+  const r = ot({
     defaultConfig: e,
     userConfig: w
   });
-  return ot(r);
+  return rt(r);
 }
 export {
-  at as a,
-  lt as u
+  st as a,
+  at as u
 };