react-native-map4d-map-dtqg 0.1.1 → 0.1.2

package/lib/module/components/extends/AreaFocuser.js

@@ -1,8 +1,6 @@
 export class AreaFocuser {
-  constructor(mapView) {
-    this.mapView = mapView;
-    this.highlightPaths = [];
-    this.highlightPolygonId = 'area-focuser-highlight-polygon';
+  constructor(areaFocusManager) {
+    this._areaFocusManager = areaFocusManager;
   }
   /**
    * @param {{name?: string, highlight?: boolean}=} options
@@ -10,89 +8,32 @@ export class AreaFocuser {
 
 
   async focusProvince(options) {
-    const provinceName = this.getProvinceName(options);
-    const shouldHighlight = this.shouldHighlight(options);
+    const provinceName = this._getProvinceName(options);
+
+    const shouldHighlight = this._shouldHighlight(options);
 
     if (!provinceName) {
-      this.clearHighlightPaths();
-      this.clearHighlightPolygon();
+      this._clear();
+
       return;
     }
 
-    const url = `https://api-app-cdtqg.map4d.vn/map/country/geometry?name=${encodeURIComponent(provinceName)}`;
-
-    try {
-      const response = await fetch(url);
-
-      if (!response.ok) {
-        return;
-      }
-
-      const data = await response.json();
-
-      if (data.code !== 'ok') {
-        return;
-      }
-
-      const feature = data.result && data.result.features && data.result.features.length > 0 ? data.result.features[0] : null;
-
-      if (!feature) {
-        return;
-      }
-
-      const geometry = feature.geometry;
-
-      if (!geometry) {
-        return;
-      }
-
-      let bounds = null;
-      const viewbox = feature.properties && feature.properties.viewbox ? feature.properties.viewbox : null;
-
-      if (viewbox != null && viewbox.trim() != '') {
-        bounds = this.parseViewbox(viewbox);
-      }
-
-      if (!bounds) {
-        bounds = this.getViewboxFromGeometry(geometry);
-      }
-
-      if (!bounds) {
-        return;
-      }
-
-      this.mapView.fitBounds({
-        bounds: {
-          southWest: {
-            latitude: bounds[0],
-            longitude: bounds[1]
-          },
-          northEast: {
-            latitude: bounds[2],
-            longitude: bounds[3]
-          }
-        }
+    if (this._areaFocusManager) {
+      await this._areaFocusManager.focus({
+        type: 'province',
+        name: provinceName,
+        display: shouldHighlight ? 'highlight' : 'normal'
       });
-      this.createHighlightPaths(geometry);
-
-      if (shouldHighlight) {
-        const polygon = this.getHighlightPolygonProps();
+    }
+  }
 
-        if (polygon) {
-          this.mapView._addPolygon({ ...polygon,
-            id: this.highlightPolygonId,
-            zIndex: 999
-          });
-        }
-      } else {
-        this.clearHighlightPolygon();
-      }
-    } catch (error) {
-      console.error('Cannot focus province:', error);
+  _clear() {
+    if (this._areaFocusManager) {
+      this._areaFocusManager.clear();
     }
   }
 
-  getProvinceName(options) {
+  _getProvinceName(options) {
     if (options == null || typeof options !== 'object') {
       return null;
     }
@@ -111,7 +52,7 @@ export class AreaFocuser {
     return null;
   }
 
-  shouldHighlight(options) {
+  _shouldHighlight(options) {
     if (options == null || typeof options !== 'object') {
       return false;
     }
@@ -119,184 +60,5 @@ export class AreaFocuser {
     return options.highlight === true;
   }
 
-  parseViewbox(viewbox) {
-    const bounds = viewbox.split(',').map(Number);
-
-    if (bounds.length != 4) {
-      return null;
-    }
-
-    const [minLat, minLng, maxLat, maxLng] = bounds;
-
-    if (Number.isNaN(minLat) || Number.isNaN(minLng) || Number.isNaN(maxLat) || Number.isNaN(maxLng)) {
-      return null;
-    }
-
-    return [minLat, minLng, maxLat, maxLng];
-  }
-
-  getViewboxFromGeometry(geometry) {
-    const bounds = {
-      minLat: Infinity,
-      minLng: Infinity,
-      maxLat: -Infinity,
-      maxLng: -Infinity
-    };
-
-    const updateBounds = function (coordinate) {
-      if (coordinate.length < 2) {
-        return;
-      }
-
-      const lng = coordinate[0];
-      const lat = coordinate[1];
-
-      if (Number.isNaN(lat) || Number.isNaN(lng)) {
-        return;
-      }
-
-      bounds.minLat = Math.min(bounds.minLat, lat);
-      bounds.minLng = Math.min(bounds.minLng, lng);
-      bounds.maxLat = Math.max(bounds.maxLat, lat);
-      bounds.maxLng = Math.max(bounds.maxLng, lng);
-    };
-
-    if (geometry.type === 'Polygon') {
-      const polygons = geometry.coordinates;
-      polygons.forEach(function (ring) {
-        ring.forEach(function (coordinate) {
-          updateBounds(coordinate);
-        });
-      });
-    }
-
-    if (geometry.type === 'MultiPolygon') {
-      const multiPolygons = geometry.coordinates;
-      multiPolygons.forEach(function (polygon) {
-        polygon.forEach(function (ring) {
-          ring.forEach(function (coordinate) {
-            updateBounds(coordinate);
-          });
-        });
-      });
-    }
-
-    if (bounds.minLat === Infinity || bounds.minLng === Infinity || bounds.maxLat === -Infinity || bounds.maxLng === -Infinity) {
-      return null;
-    }
-
-    return [bounds.minLat, bounds.minLng, bounds.maxLat, bounds.maxLng];
-  }
-
-  createHighlightPaths(geometry) {
-    this.clearHighlightPaths();
-    const paths = this.createWorldMaskPaths(geometry);
-
-    if (paths.length <= 1) {
-      return;
-    }
-
-    this.highlightPaths = paths;
-  }
-
-  clearHighlightPaths() {
-    this.highlightPaths = [];
-  }
-
-  clearHighlightPolygon() {
-    if (!this.mapView) {
-      return;
-    }
-
-    this.mapView._removePolygon(this.highlightPolygonId);
-  }
-
-  getHighlightPolygonProps() {
-    if (!this.highlightPaths || this.highlightPaths.length <= 1) {
-      return null;
-    }
-
-    const [coordinates, ...holes] = this.highlightPaths;
-    return {
-      coordinates,
-      holes,
-      fillColor: "#0000001E",
-      strokeColor: "#FF0000FF",
-      strokeWidth: 2.0
-    };
-  }
-
-  createWorldMaskPaths(geometry) {
-    const worldPath = [{
-      longitude: -180,
-      latitude: -90
-    }, {
-      longitude: 180,
-      latitude: -90
-    }, {
-      longitude: 180,
-      latitude: 90
-    }, {
-      longitude: -180,
-      latitude: 90
-    }, {
-      longitude: -180,
-      latitude: -90
-    }];
-    const paths = [worldPath];
-    const holes = this.getHolePathsFromGeometry(geometry);
-    holes.forEach(hole => {
-      paths.push(hole);
-    });
-    return paths;
-  }
-
-  getHolePathsFromGeometry(geometry) {
-    const paths = [];
-
-    if (geometry.type == 'Polygon') {
-      const polygon = geometry.coordinates;
-
-      if (polygon.length > 0) {
-        paths.push(this.convertAndClosePath(polygon[0]));
-      }
-    }
-
-    if (geometry.type == 'MultiPolygon') {
-      const multiPolygon = geometry.coordinates;
-      multiPolygon.forEach(polygon => {
-        if (polygon.length > 0) {
-          paths.push(this.convertAndClosePath(polygon[0]));
-        }
-      });
-    }
-
-    return paths;
-  }
-
-  convertAndClosePath(path) {
-    if (path.length == 0) {
-      return [];
-    }
-
-    const coordinatePath = path.filter(point => point.length >= 2).map(point => ({
-      latitude: point[1],
-      longitude: point[0]
-    }));
-
-    if (coordinatePath.length == 0) {
-      return [];
-    }
-
-    const firstPoint = coordinatePath[0];
-    const lastPoint = coordinatePath[coordinatePath.length - 1];
-
-    if (firstPoint.latitude == lastPoint.latitude && firstPoint.longitude == lastPoint.longitude) {
-      return coordinatePath;
-    }
-
-    return [...coordinatePath, firstPoint];
-  }
-
 }
 //# sourceMappingURL=AreaFocuser.js.map

package/lib/module/components/extends/AreaFocuser.js.map

@@ -1 +1 @@
-{"version":3,"names":["AreaFocuser","constructor","mapView","highlightPaths","highlightPolygonId","focusProvince","options","provinceName","getProvinceName","shouldHighlight","clearHighlightPaths","clearHighlightPolygon","url","encodeURIComponent","response","fetch","ok","data","json","code","feature","result","features","length","geometry","bounds","viewbox","properties","trim","parseViewbox","getViewboxFromGeometry","fitBounds","southWest","latitude","longitude","northEast","createHighlightPaths","polygon","getHighlightPolygonProps","_addPolygon","id","zIndex","error","console","name","optionKeys","Object","keys","unsupportedKeys","filter","key","warn","join","highlight","split","map","Number","minLat","minLng","maxLat","maxLng","isNaN","Infinity","updateBounds","coordinate","lng","lat","Math","min","max","type","polygons","coordinates","forEach","ring","multiPolygons","paths","createWorldMaskPaths","_removePolygon","holes","fillColor","strokeColor","strokeWidth","worldPath","getHolePathsFromGeometry","hole","push","convertAndClosePath","multiPolygon","path","coordinatePath","point","firstPoint","lastPoint"],"sources":["AreaFocuser.js"],"sourcesContent":["export class AreaFocuser {\r\n\r\n  constructor(mapView) {\r\n    this.mapView = mapView\r\n    this.highlightPaths = []\r\n    this.highlightPolygonId = 'area-focuser-highlight-polygon'\r\n  }\r\n\r\n  /**\r\n   * @param {{name?: string, highlight?: boolean}=} options\r\n   */\r\n  async focusProvince(options) {\r\n    const provinceName = this.getProvinceName(options)\r\n    const shouldHighlight = this.shouldHighlight(options)\r\n\r\n    if (!provinceName) {\r\n      this.clearHighlightPaths()\r\n      this.clearHighlightPolygon()\r\n      return\r\n    }\r\n\r\n    const url =\r\n      `https://api-app-cdtqg.map4d.vn/map/country/geometry?name=${encodeURIComponent(provinceName)}`\r\n\r\n    try {\r\n      const response = await fetch(url)\r\n\r\n      if (!response.ok) {\r\n        return\r\n      }\r\n\r\n      const data = await response.json()\r\n\r\n      if (data.code !== 'ok') {\r\n        return\r\n      }\r\n\r\n      const feature =\r\n        data.result && data.result.features && data.result.features.length > 0 ? data.result.features[0] : null\r\n\r\n      if (!feature) {\r\n        return\r\n      }\r\n\r\n      const geometry = feature.geometry\r\n      if (!geometry) {\r\n        return\r\n      }\r\n\r\n      let bounds = null\r\n\r\n      const viewbox =\r\n        feature.properties && feature.properties.viewbox ? feature.properties.viewbox : null\r\n\r\n      if (viewbox != null && viewbox.trim() != '') {\r\n        bounds = this.parseViewbox(viewbox)\r\n      }\r\n\r\n      if (!bounds) {\r\n        bounds = this.getViewboxFromGeometry(geometry)\r\n      }\r\n\r\n      if (!bounds) {\r\n        return\r\n      }\r\n\r\n      this.mapView.fitBounds({\r\n        bounds: {\r\n          southWest: {\r\n            latitude: bounds[0],\r\n            longitude: bounds[1],\r\n          },\r\n          northEast: {\r\n            latitude: bounds[2],\r\n            longitude: bounds[3],\r\n          },\r\n        }\r\n      })\r\n\r\n      this.createHighlightPaths(geometry)\r\n\r\n      if (shouldHighlight) {\r\n        const polygon = this.getHighlightPolygonProps()\r\n\r\n        if (polygon) {\r\n          this.mapView._addPolygon({\r\n            ...polygon,\r\n            id: this.highlightPolygonId,\r\n            zIndex: 999,\r\n          })\r\n        }\r\n      }\r\n      else {\r\n        this.clearHighlightPolygon()\r\n      }\r\n    }\r\n    catch (error) {\r\n      console.error('Cannot focus province:', error)\r\n    }\r\n  }\r\n\r\n  getProvinceName(options) {\r\n    if (options == null || typeof options !== 'object') {\r\n      return null\r\n    }\r\n\r\n    if (typeof options.name === 'string') {\r\n      return options.name.trim()\r\n    }\r\n\r\n    const optionKeys = Object.keys(options)\r\n    const unsupportedKeys = optionKeys.filter((key) => key !== 'name' && key !== 'highlight')\r\n\r\n    if (unsupportedKeys.length > 0) {\r\n      console.warn(\r\n        `[AreaFocuser] focusProvince expects options like { name: 'Ha Noi', highlight: true }. Unsupported keys: ${unsupportedKeys.join(', ')}`\r\n      )\r\n    }\r\n\r\n    return null\r\n  }\r\n\r\n  shouldHighlight(options) {\r\n    if (options == null || typeof options !== 'object') {\r\n      return false\r\n    }\r\n\r\n    return options.highlight === true\r\n  }\r\n\r\n  parseViewbox(viewbox) {\r\n    const bounds = viewbox.split(',').map(Number)\r\n\r\n    if (bounds.length != 4) {\r\n      return null\r\n    }\r\n\r\n    const [minLat, minLng, maxLat, maxLng] = bounds\r\n\r\n    if (\r\n      Number.isNaN(minLat) ||\r\n      Number.isNaN(minLng) ||\r\n      Number.isNaN(maxLat) ||\r\n      Number.isNaN(maxLng)\r\n    ) {\r\n      return null\r\n    }\r\n\r\n    return [\r\n      minLat,\r\n      minLng,\r\n      maxLat,\r\n      maxLng,\r\n    ]\r\n  }\r\n\r\n  getViewboxFromGeometry(geometry) {\r\n    const bounds = {\r\n      minLat: Infinity,\r\n      minLng: Infinity,\r\n      maxLat: -Infinity,\r\n      maxLng: -Infinity,\r\n    }\r\n\r\n    const updateBounds = function (coordinate) {\r\n      if (coordinate.length < 2) {\r\n        return\r\n      }\r\n\r\n      const lng = coordinate[0]\r\n      const lat = coordinate[1]\r\n\r\n      if (Number.isNaN(lat) || Number.isNaN(lng)) {\r\n        return\r\n      }\r\n\r\n      bounds.minLat = Math.min(bounds.minLat, lat)\r\n      bounds.minLng = Math.min(bounds.minLng, lng)\r\n      bounds.maxLat = Math.max(bounds.maxLat, lat)\r\n      bounds.maxLng = Math.max(bounds.maxLng, lng)\r\n    }\r\n\r\n    if (geometry.type === 'Polygon') {\r\n      const polygons = geometry.coordinates\r\n\r\n      polygons.forEach(function (ring) {\r\n        ring.forEach(function (coordinate) {\r\n          updateBounds(coordinate)\r\n        })\r\n      })\r\n    }\r\n\r\n    if (geometry.type === 'MultiPolygon') {\r\n      const multiPolygons = geometry.coordinates\r\n\r\n      multiPolygons.forEach(function (polygon) {\r\n        polygon.forEach(function (ring) {\r\n          ring.forEach(function (coordinate) {\r\n            updateBounds(coordinate)\r\n          })\r\n        })\r\n      })\r\n    }\r\n\r\n    if (\r\n      bounds.minLat === Infinity ||\r\n      bounds.minLng === Infinity ||\r\n      bounds.maxLat === -Infinity ||\r\n      bounds.maxLng === -Infinity\r\n    ) {\r\n      return null\r\n    }\r\n\r\n    return [\r\n      bounds.minLat,\r\n      bounds.minLng,\r\n      bounds.maxLat,\r\n      bounds.maxLng,\r\n    ]\r\n  }\r\n\r\n  createHighlightPaths(geometry) {\r\n    this.clearHighlightPaths()\r\n\r\n    const paths = this.createWorldMaskPaths(geometry)\r\n\r\n    if (paths.length <= 1) {\r\n      return\r\n    }\r\n\r\n    this.highlightPaths = paths\r\n  }\r\n\r\n  clearHighlightPaths() {\r\n    this.highlightPaths = []\r\n  }\r\n\r\n  clearHighlightPolygon() {\r\n    if (!this.mapView) {\r\n      return\r\n    }\r\n\r\n    this.mapView._removePolygon(this.highlightPolygonId)\r\n  }\r\n\r\n  getHighlightPolygonProps() {\r\n    if (!this.highlightPaths || this.highlightPaths.length <= 1) {\r\n      return null\r\n    }\r\n\r\n    const [coordinates, ...holes] = this.highlightPaths\r\n\r\n    return {\r\n      coordinates,\r\n      holes,\r\n      fillColor: \"#0000001E\",\r\n      strokeColor: \"#FF0000FF\",\r\n      strokeWidth: 2.0,\r\n    }\r\n  }\r\n\r\n  createWorldMaskPaths(geometry) {\r\n    const worldPath = [\r\n      { longitude: -180, latitude: -90 },\r\n      { longitude: 180, latitude: -90 },\r\n      { longitude: 180, latitude: 90 },\r\n      { longitude: -180, latitude: 90 },\r\n      { longitude: -180, latitude: -90 },\r\n    ]\r\n\r\n    const paths = [\r\n      worldPath,\r\n    ]\r\n\r\n    const holes = this.getHolePathsFromGeometry(geometry)\r\n\r\n    holes.forEach((hole) => {\r\n      paths.push(hole)\r\n    })\r\n\r\n    return paths\r\n  }\r\n\r\n  getHolePathsFromGeometry(geometry) {\r\n    const paths = []\r\n\r\n    if (geometry.type == 'Polygon') {\r\n      const polygon = geometry.coordinates\r\n\r\n      if (polygon.length > 0) {\r\n        paths.push(this.convertAndClosePath(polygon[0]))\r\n      }\r\n    }\r\n\r\n    if (geometry.type == 'MultiPolygon') {\r\n      const multiPolygon = geometry.coordinates\r\n\r\n      multiPolygon.forEach((polygon) => {\r\n        if (polygon.length > 0) {\r\n          paths.push(this.convertAndClosePath(polygon[0]))\r\n        }\r\n      })\r\n    }\r\n\r\n    return paths\r\n  }\r\n\r\n  convertAndClosePath(path) {\r\n    if (path.length == 0) {\r\n      return []\r\n    }\r\n\r\n    const coordinatePath = path\r\n      .filter((point) => point.length >= 2)\r\n      .map((point) => ({\r\n        latitude: point[1],\r\n        longitude: point[0],\r\n      }))\r\n\r\n    if (coordinatePath.length == 0) {\r\n      return []\r\n    }\r\n\r\n    const firstPoint = coordinatePath[0]\r\n    const lastPoint = coordinatePath[coordinatePath.length - 1]\r\n\r\n    if (\r\n      firstPoint.latitude == lastPoint.latitude &&\r\n      firstPoint.longitude == lastPoint.longitude\r\n    ) {\r\n      return coordinatePath\r\n    }\r\n\r\n    return [\r\n      ...coordinatePath,\r\n      firstPoint,\r\n    ]\r\n  }\r\n}"],"mappings":"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"}
+{"version":3,"names":["AreaFocuser","constructor","areaFocusManager","_areaFocusManager","focusProvince","options","provinceName","_getProvinceName","shouldHighlight","_shouldHighlight","_clear","focus","type","name","display","clear","trim","optionKeys","Object","keys","unsupportedKeys","filter","key","length","console","warn","join","highlight"],"sources":["AreaFocuser.js"],"sourcesContent":["export class AreaFocuser {\r\n\r\n  constructor(areaFocusManager) {\r\n    this._areaFocusManager = areaFocusManager\r\n  }\r\n\r\n  /**\r\n   * @param {{name?: string, highlight?: boolean}=} options\r\n   */\r\n  async focusProvince(options) {\r\n    const provinceName = this._getProvinceName(options)\r\n    const shouldHighlight = this._shouldHighlight(options)\r\n\r\n    if (!provinceName) {\r\n      this._clear()\r\n      return\r\n    }\r\n\r\n    if (this._areaFocusManager) {\r\n      await this._areaFocusManager.focus({\r\n        type: 'province',\r\n        name: provinceName,\r\n        display: shouldHighlight ? 'highlight' : 'normal',\r\n      })\r\n    }\r\n  }\r\n\r\n  _clear() {\r\n    if (this._areaFocusManager) {\r\n      this._areaFocusManager.clear()\r\n    }\r\n  }\r\n\r\n  _getProvinceName(options) {\r\n    if (options == null || typeof options !== 'object') {\r\n      return null\r\n    }\r\n\r\n    if (typeof options.name === 'string') {\r\n      return options.name.trim()\r\n    }\r\n\r\n    const optionKeys = Object.keys(options)\r\n    const unsupportedKeys = optionKeys.filter((key) => key !== 'name' && key !== 'highlight')\r\n\r\n    if (unsupportedKeys.length > 0) {\r\n      console.warn(\r\n        `[AreaFocuser] focusProvince expects options like { name: 'Ha Noi', highlight: true }. Unsupported keys: ${unsupportedKeys.join(', ')}`\r\n      )\r\n    }\r\n\r\n    return null\r\n  }\r\n\r\n  _shouldHighlight(options) {\r\n    if (options == null || typeof options !== 'object') {\r\n      return false\r\n    }\r\n\r\n    return options.highlight === true\r\n  }\r\n}"],"mappings":"AAAA,OAAO,MAAMA,WAAN,CAAkB;EAEvBC,WAAW,CAACC,gBAAD,EAAmB;IAC5B,KAAKC,iBAAL,GAAyBD,gBAAzB;EACD;EAED;AACF;AACA;;;EACqB,MAAbE,aAAa,CAACC,OAAD,EAAU;IAC3B,MAAMC,YAAY,GAAG,KAAKC,gBAAL,CAAsBF,OAAtB,CAArB;;IACA,MAAMG,eAAe,GAAG,KAAKC,gBAAL,CAAsBJ,OAAtB,CAAxB;;IAEA,IAAI,CAACC,YAAL,EAAmB;MACjB,KAAKI,MAAL;;MACA;IACD;;IAED,IAAI,KAAKP,iBAAT,EAA4B;MAC1B,MAAM,KAAKA,iBAAL,CAAuBQ,KAAvB,CAA6B;QACjCC,IAAI,EAAE,UAD2B;QAEjCC,IAAI,EAAEP,YAF2B;QAGjCQ,OAAO,EAAEN,eAAe,GAAG,WAAH,GAAiB;MAHR,CAA7B,CAAN;IAKD;EACF;;EAEDE,MAAM,GAAG;IACP,IAAI,KAAKP,iBAAT,EAA4B;MAC1B,KAAKA,iBAAL,CAAuBY,KAAvB;IACD;EACF;;EAEDR,gBAAgB,CAACF,OAAD,EAAU;IACxB,IAAIA,OAAO,IAAI,IAAX,IAAmB,OAAOA,OAAP,KAAmB,QAA1C,EAAoD;MAClD,OAAO,IAAP;IACD;;IAED,IAAI,OAAOA,OAAO,CAACQ,IAAf,KAAwB,QAA5B,EAAsC;MACpC,OAAOR,OAAO,CAACQ,IAAR,CAAaG,IAAb,EAAP;IACD;;IAED,MAAMC,UAAU,GAAGC,MAAM,CAACC,IAAP,CAAYd,OAAZ,CAAnB;IACA,MAAMe,eAAe,GAAGH,UAAU,CAACI,MAAX,CAAmBC,GAAD,IAASA,GAAG,KAAK,MAAR,IAAkBA,GAAG,KAAK,WAArD,CAAxB;;IAEA,IAAIF,eAAe,CAACG,MAAhB,GAAyB,CAA7B,EAAgC;MAC9BC,OAAO,CAACC,IAAR,CACG,2GAA0GL,eAAe,CAACM,IAAhB,CAAqB,IAArB,CAA2B,EADxI;IAGD;;IAED,OAAO,IAAP;EACD;;EAEDjB,gBAAgB,CAACJ,OAAD,EAAU;IACxB,IAAIA,OAAO,IAAI,IAAX,IAAmB,OAAOA,OAAP,KAAmB,QAA1C,EAAoD;MAClD,OAAO,KAAP;IACD;;IAED,OAAOA,OAAO,CAACsB,SAAR,KAAsB,IAA7B;EACD;;AA5DsB"}

package/lib/module/components/extends/BoundHelper.js

@@ -0,0 +1,29 @@
+class BoundHelper {
+  static createEmptyBounds() {
+    return {
+      minLat: Infinity,
+      minLng: Infinity,
+      maxLat: -Infinity,
+      maxLng: -Infinity
+    };
+  }
+
+  static updateBounds(bounds, lat, lng) {
+    bounds.minLat = Math.min(bounds.minLat, lat);
+    bounds.minLng = Math.min(bounds.minLng, lng);
+    bounds.maxLat = Math.max(bounds.maxLat, lat);
+    bounds.maxLng = Math.max(bounds.maxLng, lng);
+  }
+
+  static isValidBounds(bounds) {
+    if (!bounds) {
+      return false;
+    }
+
+    return !(bounds.minLat === Infinity || bounds.minLng === Infinity || bounds.maxLat === -Infinity || bounds.maxLng === -Infinity);
+  }
+
+}
+
+export { BoundHelper };
+//# sourceMappingURL=BoundHelper.js.map

package/lib/module/components/extends/BoundHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BoundHelper","createEmptyBounds","minLat","Infinity","minLng","maxLat","maxLng","updateBounds","bounds","lat","lng","Math","min","max","isValidBounds"],"sources":["BoundHelper.js"],"sourcesContent":["class BoundHelper {\r\n  static createEmptyBounds() {\r\n    return {\r\n      minLat: Infinity,\r\n      minLng: Infinity,\r\n      maxLat: -Infinity,\r\n      maxLng: -Infinity,\r\n    }\r\n  }\r\n\r\n  static updateBounds(bounds, lat, lng) {\r\n    bounds.minLat = Math.min(bounds.minLat, lat)\r\n    bounds.minLng = Math.min(bounds.minLng, lng)\r\n    bounds.maxLat = Math.max(bounds.maxLat, lat)\r\n    bounds.maxLng = Math.max(bounds.maxLng, lng)\r\n  }\r\n\r\n  static isValidBounds(bounds) {\r\n    if (!bounds) {\r\n      return false\r\n    }\r\n\r\n    return !(\r\n      bounds.minLat === Infinity ||\r\n      bounds.minLng === Infinity ||\r\n      bounds.maxLat === -Infinity ||\r\n      bounds.maxLng === -Infinity\r\n    )\r\n  }\r\n}\r\n\r\nexport {BoundHelper}"],"mappings":"AAAA,MAAMA,WAAN,CAAkB;EACQ,OAAjBC,iBAAiB,GAAG;IACzB,OAAO;MACLC,MAAM,EAAEC,QADH;MAELC,MAAM,EAAED,QAFH;MAGLE,MAAM,EAAE,CAACF,QAHJ;MAILG,MAAM,EAAE,CAACH;IAJJ,CAAP;EAMD;;EAEkB,OAAZI,YAAY,CAACC,MAAD,EAASC,GAAT,EAAcC,GAAd,EAAmB;IACpCF,MAAM,CAACN,MAAP,GAAgBS,IAAI,CAACC,GAAL,CAASJ,MAAM,CAACN,MAAhB,EAAwBO,GAAxB,CAAhB;IACAD,MAAM,CAACJ,MAAP,GAAgBO,IAAI,CAACC,GAAL,CAASJ,MAAM,CAACJ,MAAhB,EAAwBM,GAAxB,CAAhB;IACAF,MAAM,CAACH,MAAP,GAAgBM,IAAI,CAACE,GAAL,CAASL,MAAM,CAACH,MAAhB,EAAwBI,GAAxB,CAAhB;IACAD,MAAM,CAACF,MAAP,GAAgBK,IAAI,CAACE,GAAL,CAASL,MAAM,CAACF,MAAhB,EAAwBI,GAAxB,CAAhB;EACD;;EAEmB,OAAbI,aAAa,CAACN,MAAD,EAAS;IAC3B,IAAI,CAACA,MAAL,EAAa;MACX,OAAO,KAAP;IACD;;IAED,OAAO,EACLA,MAAM,CAACN,MAAP,KAAkBC,QAAlB,IACAK,MAAM,CAACJ,MAAP,KAAkBD,QADlB,IAEAK,MAAM,CAACH,MAAP,KAAkB,CAACF,QAFnB,IAGAK,MAAM,CAACF,MAAP,KAAkB,CAACH,QAJd,CAAP;EAMD;;AA5Be;;AA+BlB,SAAQH,WAAR"}

package/lib/module/components/extends/area/AreaFocusAreas.js

@@ -0,0 +1,156 @@
+import { getViewboxFromGeometry } from './AreaFocusGeometryUtils';
+import { IndustrialEconomicType } from './AreaFocusTypes';
+const INDUSTRIAL_ECONOMIC_PATH_BY_TYPE = {
+  [IndustrialEconomicType.INDUSTRIAL_ZONE]: 'khu-cong-nghiep',
+  [IndustrialEconomicType.ECONOMIC_ZONE]: 'khu-kinh-te',
+  [IndustrialEconomicType.ECO_INDUSTRIAL_ZONE]: 'khu-cong-nghiep-sinh-thai',
+  [IndustrialEconomicType.FREE_TRADE_ZONE]: 'khu-thuong-mai-tu-do',
+  [IndustrialEconomicType.NON_TARIFF_ZONE]: 'khu-phi-thue-quan',
+  [IndustrialEconomicType.OTHER_ZONE_MODEL]: 'mo-hinh-khu-khac'
+};
+const BDS_API_BASE_URL = 'https://cmcdtqg-gateway.dieuhanhso.vn/staging';
+
+class ProvinceArea {
+  constructor(id) {
+    this.id = id;
+    this.name = null;
+    this.loaded = false;
+    this.geometryData = null;
+    this.bounds = null;
+  }
+
+  static fromName(name) {
+    const area = new ProvinceArea(null);
+    area.name = name;
+    return area;
+  }
+
+  async load() {
+    if (this.loaded) {
+      return true;
+    }
+
+    const hasValidId = typeof this.id === 'number';
+    const hasValidName = typeof this.name === 'string' && this.name.trim() !== '';
+
+    if (!hasValidId && !hasValidName) {
+      return false;
+    }
+
+    const normalizedName = hasValidName ? this.name.trim() : null;
+    const url = hasValidId ? `${BDS_API_BASE_URL}/bds/api/dmhc/TinhThanh/${this.id}/geometry` : `${BDS_API_BASE_URL}/bds/api/dmhc/TinhThanh/geometry?ten=${encodeURIComponent(normalizedName)}`;
+    const response = await fetch(url);
+
+    if (!response.ok) {
+      return false;
+    }
+
+    const data = await response.json();
+
+    if (!data.success) {
+      console.error('Fetch province area data failed:', data.message);
+      return false;
+    }
+
+    const areaData = data.data;
+    const geometry = areaData && areaData.geometry ? areaData.geometry : null;
+
+    if (!geometry) {
+      return false;
+    }
+
+    this.geometryData = {
+      name: areaData && areaData.name ? areaData.name : normalizedName,
+      geometry
+    };
+    this.bounds = getViewboxFromGeometry(geometry);
+    this.loaded = true;
+    return true;
+  }
+
+  getGeometryData() {
+    return this.geometryData;
+  }
+
+  getBounds() {
+    return this.bounds;
+  }
+
+  getId() {
+    return this.id != null ? this.id : `province-${this.name || 'unknown'}`;
+  }
+
+}
+
+class IndustrialEconomicArea {
+  constructor(type, id) {
+    this.type = type;
+    this.id = id;
+    this.loaded = false;
+    this.geometryData = null;
+    this.bounds = null;
+  }
+
+  async load() {
+    if (this.loaded) {
+      return true;
+    }
+
+    if (typeof this.id !== 'number') {
+      return false;
+    }
+
+    const pathSegment = INDUSTRIAL_ECONOMIC_PATH_BY_TYPE[this.type];
+
+    if (!pathSegment) {
+      console.error('Unsupported industrial/economic area type:', this.type);
+      return false;
+    }
+
+    const url = `${BDS_API_BASE_URL}/bds/api/kcnkkt/${pathSegment}/${this.id}/geometry`;
+    const response = await fetch(url);
+
+    if (!response.ok) {
+      console.error('Failed to fetch industrial zone data:', response.status, response.statusText);
+      return false;
+    }
+
+    const data = await response.json();
+
+    if (!data.success) {
+      console.error('API returned error:', data.message);
+      return false;
+    }
+
+    const areaData = data.data;
+    const geometry = areaData && areaData.geometry ? areaData.geometry : null;
+
+    if (!geometry) {
+      return false;
+    }
+
+    this.geometryData = {
+      name: areaData && areaData.name ? areaData.name : null,
+      geometry
+    };
+    this.bounds = getViewboxFromGeometry(geometry);
+    this.loaded = true;
+    return true;
+  }
+
+  getGeometryData() {
+    return this.geometryData;
+  }
+
+  getBounds() {
+    return this.bounds;
+  }
+
+  getId() {
+    return this.id;
+  }
+
+}
+
+export { ProvinceArea, IndustrialEconomicArea };
+//# sourceMappingURL=AreaFocusAreas.js.map

package/lib/module/components/extends/area/AreaFocusAreas.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getViewboxFromGeometry","IndustrialEconomicType","INDUSTRIAL_ECONOMIC_PATH_BY_TYPE","INDUSTRIAL_ZONE","ECONOMIC_ZONE","ECO_INDUSTRIAL_ZONE","FREE_TRADE_ZONE","NON_TARIFF_ZONE","OTHER_ZONE_MODEL","BDS_API_BASE_URL","ProvinceArea","constructor","id","name","loaded","geometryData","bounds","fromName","area","load","hasValidId","hasValidName","trim","normalizedName","url","encodeURIComponent","response","fetch","ok","data","json","success","console","error","message","areaData","geometry","getGeometryData","getBounds","getId","IndustrialEconomicArea","type","pathSegment","status","statusText"],"sources":["AreaFocusAreas.js"],"sourcesContent":["import {getViewboxFromGeometry} from './AreaFocusGeometryUtils'\r\nimport {IndustrialEconomicType} from './AreaFocusTypes'\r\n\r\nconst INDUSTRIAL_ECONOMIC_PATH_BY_TYPE = {\r\n  [IndustrialEconomicType.INDUSTRIAL_ZONE]: 'khu-cong-nghiep',\r\n  [IndustrialEconomicType.ECONOMIC_ZONE]: 'khu-kinh-te',\r\n  [IndustrialEconomicType.ECO_INDUSTRIAL_ZONE]: 'khu-cong-nghiep-sinh-thai',\r\n  [IndustrialEconomicType.FREE_TRADE_ZONE]: 'khu-thuong-mai-tu-do',\r\n  [IndustrialEconomicType.NON_TARIFF_ZONE]: 'khu-phi-thue-quan',\r\n  [IndustrialEconomicType.OTHER_ZONE_MODEL]: 'mo-hinh-khu-khac',\r\n}\r\n\r\nconst BDS_API_BASE_URL = 'https://cmcdtqg-gateway.dieuhanhso.vn/staging'\r\n\r\nclass ProvinceArea {\r\n  constructor(id) {\r\n    this.id = id\r\n    this.name = null\r\n    this.loaded = false\r\n    this.geometryData = null\r\n    this.bounds = null\r\n  }\r\n\r\n  static fromName(name) {\r\n    const area = new ProvinceArea(null)\r\n    area.name = name\r\n    return area\r\n  }\r\n\r\n  async load() {\r\n    if (this.loaded) {\r\n      return true\r\n    }\r\n\r\n    const hasValidId = typeof this.id === 'number'\r\n    const hasValidName = typeof this.name === 'string' && this.name.trim() !== ''\r\n\r\n    if (!hasValidId && !hasValidName) {\r\n      return false\r\n    }\r\n\r\n    const normalizedName = hasValidName ? this.name.trim() : null\r\n    const url = hasValidId\r\n      ? `${BDS_API_BASE_URL}/bds/api/dmhc/TinhThanh/${this.id}/geometry`\r\n      : `${BDS_API_BASE_URL}/bds/api/dmhc/TinhThanh/geometry?ten=${encodeURIComponent(normalizedName)}`\r\n\r\n    const response = await fetch(url)\r\n\r\n    if (!response.ok) {\r\n      return false\r\n    }\r\n\r\n    const data = await response.json()\r\n\r\n    if (!data.success) {\r\n      console.error('Fetch province area data failed:', data.message)\r\n      return false\r\n    }\r\n\r\n    const areaData = data.data\r\n    const geometry = areaData && areaData.geometry ? areaData.geometry : null\r\n\r\n    if (!geometry) {\r\n      return false\r\n    }\r\n\r\n    this.geometryData = {\r\n      name: areaData && areaData.name ? areaData.name : normalizedName,\r\n      geometry,\r\n    }\r\n    this.bounds = getViewboxFromGeometry(geometry)\r\n    this.loaded = true\r\n\r\n    return true\r\n  }\r\n\r\n  getGeometryData() {\r\n    return this.geometryData\r\n  }\r\n\r\n  getBounds() {\r\n    return this.bounds\r\n  }\r\n\r\n  getId() {\r\n    return this.id != null ? this.id : `province-${this.name || 'unknown'}`\r\n  }\r\n}\r\n\r\nclass IndustrialEconomicArea {\r\n  constructor(type, id) {\r\n    this.type = type\r\n    this.id = id\r\n    this.loaded = false\r\n    this.geometryData = null\r\n    this.bounds = null\r\n  }\r\n\r\n  async load() {\r\n    if (this.loaded) {\r\n      return true\r\n    }\r\n\r\n    if (typeof this.id !== 'number') {\r\n      return false\r\n    }\r\n\r\n    const pathSegment = INDUSTRIAL_ECONOMIC_PATH_BY_TYPE[this.type]\r\n\r\n    if (!pathSegment) {\r\n      console.error('Unsupported industrial/economic area type:', this.type)\r\n      return false\r\n    }\r\n\r\n    const url = `${BDS_API_BASE_URL}/bds/api/kcnkkt/${pathSegment}/${this.id}/geometry`\r\n\r\n    const response = await fetch(url)\r\n\r\n    if (!response.ok) {\r\n      console.error('Failed to fetch industrial zone data:', response.status, response.statusText)\r\n      return false\r\n    }\r\n\r\n    const data = await response.json()\r\n\r\n    if (!data.success) {\r\n      console.error('API returned error:', data.message)\r\n      return false\r\n    }\r\n\r\n    const areaData = data.data\r\n    const geometry = areaData && areaData.geometry ? areaData.geometry : null\r\n\r\n    if (!geometry) {\r\n      return false\r\n    }\r\n\r\n    this.geometryData = {\r\n      name: areaData && areaData.name ? areaData.name : null,\r\n      geometry,\r\n    }\r\n    this.bounds = getViewboxFromGeometry(geometry)\r\n    this.loaded = true\r\n\r\n    return true\r\n  }\r\n\r\n  getGeometryData() {\r\n    return this.geometryData\r\n  }\r\n\r\n  getBounds() {\r\n    return this.bounds\r\n  }\r\n\r\n  getId() {\r\n    return this.id\r\n  }\r\n}\r\n\r\nexport {\r\n  ProvinceArea,\r\n  IndustrialEconomicArea,\r\n}\r\n"],"mappings":"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"}