@mint-ui/map 1.2.0-test.31 → 1.2.0-test.32

package/dist/index.es.js

@@ -992,8 +992,8 @@ var calculateTextBoxWidth = function (_a) {
   return Math.max(minWidth, textWidth + padding);
 };
 
-var KonvaMarkerContext = createContext(null);
-var KonvaMarkerProvider = function (_a) {
+var WoongCanvasContext = createContext(null);
+var WoongCanvasProvider = function (_a) {
   var children = _a.children;
   var controller = useMintMapController(); // Refs
 
@@ -1138,12 +1138,12 @@ var KonvaMarkerProvider = function (_a) {
       unregisterComponent: unregisterComponent
     };
   }, [registerComponent, unregisterComponent]);
-  return React.createElement(KonvaMarkerContext.Provider, {
+  return React.createElement(WoongCanvasContext.Provider, {
     value: contextValue
   }, children);
 };
-var useKonvaMarkerContext = function () {
-  var context = useContext(KonvaMarkerContext);
+var useWoongCanvasContext = function () {
+  var context = useContext(WoongCanvasContext);
   return context;
 };
 
@@ -1225,7 +1225,7 @@ function () {
    * - 장점: 읽기 성능 대폭 향상 (10,000번 get → 이전보다 2배 빠름)
    * - 단점: 접근 빈도가 아닌 삽입 순서 기반 eviction (FIFO)
    *
-   * WoongKonvaMarker 사용 사례에 최적:
+   * WoongCanvasMarker 사용 사례에 최적:
    * - 좌표 변환 결과는 zoom/pan 시 어차피 전체 초기화
    * - 접근 빈도 추적보다 빠른 조회가 더 중요
    */
@@ -1563,7 +1563,7 @@ function MintMapCore(_a) {
   }, [center]);
   return React.createElement("div", {
     className: cn$3('mint-map-root')
-  }, mapInitialized && React.createElement(KonvaMarkerProvider, null, children), React.createElement("div", {
+  }, mapInitialized && React.createElement(WoongCanvasProvider, null, children), React.createElement("div", {
     className: cn$3('mint-map-container'),
     style: {
       visibility: visible ? 'inherit' : 'hidden'
@@ -5421,239 +5421,11 @@ function LoadingImage(_a) {
   }))));
 }
 
-/**
- * 폴리곤 렌더링 유틸리티
- *
- * 이 파일은 폴리곤 렌더링을 위한 헬퍼 함수와 팩토리 함수를 제공합니다.
- */
-
-/**
- * 폴리곤 그리기 헬퍼 함수 (도넛 폴리곤 지원)
- */
-var drawPolygon = function (_a) {
-  var ctx = _a.ctx,
-      polygonOffsets = _a.polygonOffsets,
-      isDonutPolygon = _a.isDonutPolygon,
-      fillColor = _a.fillColor,
-      strokeColor = _a.strokeColor,
-      lineWidth = _a.lineWidth;
-
-  for (var _i = 0, polygonOffsets_1 = polygonOffsets; _i < polygonOffsets_1.length; _i++) {
-    var multiPolygon = polygonOffsets_1[_i];
-
-    if (isDonutPolygon) {
-      ctx.beginPath(); // 1. 외부 폴리곤 그리기
-
-      if (multiPolygon[0] && multiPolygon[0].length > 0) {
-        ctx.moveTo(multiPolygon[0][0][0], multiPolygon[0][0][1]);
-
-        for (var i = 1; i < multiPolygon[0].length; i++) {
-          ctx.lineTo(multiPolygon[0][i][0], multiPolygon[0][i][1]);
-        }
-
-        ctx.closePath();
-      } // 2. 내부 폴리곤 (구멍들) 그리기 - 같은 path에 추가
-
-
-      for (var j = 1; j < multiPolygon.length; j++) {
-        var innerPolygon = multiPolygon[j];
-        if (innerPolygon.length === 0) continue;
-        ctx.moveTo(innerPolygon[0][0], innerPolygon[0][1]);
-
-        for (var i = 1; i < innerPolygon.length; i++) {
-          ctx.lineTo(innerPolygon[i][0], innerPolygon[i][1]);
-        }
-
-        ctx.closePath();
-      } // 3. evenodd fill rule로 구멍 뚫기
-
-
-      ctx.fillStyle = fillColor;
-      ctx.fill('evenodd'); // 4. 외곽선 그리기
-
-      ctx.strokeStyle = strokeColor;
-      ctx.lineWidth = lineWidth;
-      ctx.stroke();
-    } else {
-      // 일반 폴리곤
-      for (var _b = 0, multiPolygon_1 = multiPolygon; _b < multiPolygon_1.length; _b++) {
-        var polygonGroup = multiPolygon_1[_b];
-        if (!polygonGroup.length) continue;
-        ctx.beginPath();
-        var firstPoint = polygonGroup[0];
-        ctx.moveTo(firstPoint[0], firstPoint[1]);
-
-        for (var i = 1; i < polygonGroup.length; i++) {
-          var point = polygonGroup[i];
-          ctx.lineTo(point[0], point[1]);
-        }
-
-        ctx.closePath();
-        ctx.fillStyle = fillColor;
-        ctx.strokeStyle = strokeColor;
-        ctx.lineWidth = lineWidth;
-        ctx.fill();
-        ctx.stroke();
-      }
-    }
-  }
-};
-/**
- * 폴리곤 Base 렌더링 함수
- *
- * @param baseFillColor 기본 폴리곤 채우기 색상
- * @param baseStrokeColor 기본 폴리곤 테두리 색상
- * @param baseLineWidth 기본 폴리곤 테두리 두께
- * @returns Base Layer 렌더링 함수
- *
- * @example
- * const renderBase = renderPolygonBase(
- *   'rgba(255, 100, 100, 0.5)',
- *   'rgba(200, 50, 50, 0.8)',
- *   2
- * );
- */
-
-var renderPolygonBase = function (baseFillColor, baseStrokeColor, baseLineWidth) {
-  return function (_a) {
-    var ctx = _a.ctx,
-        items = _a.items,
-        selectedIds = _a.selectedIds,
-        utils = _a.utils;
-
-    for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
-      var item = items_1[_i]; // 선택된 항목은 Event Layer에서 그림
-
-      if (selectedIds.has(item.id)) continue;
-      if (!item.paths) continue;
-      var polygonOffsets = utils.getOrComputePolygonOffsets(item);
-      if (!polygonOffsets) continue;
-      drawPolygon({
-        ctx: ctx,
-        polygonOffsets: polygonOffsets,
-        isDonutPolygon: item.isDonutPolygon || false,
-        fillColor: baseFillColor,
-        strokeColor: baseStrokeColor,
-        lineWidth: baseLineWidth
-      });
-    }
-  };
-};
-/**
- * 폴리곤 Event 렌더링 함수
- *
- * @param baseFillColor 기본 폴리곤 채우기 색상 (필수, fallback용)
- * @param baseStrokeColor 기본 폴리곤 테두리 색상 (필수, fallback용)
- * @param baseLineWidth 기본 폴리곤 테두리 두께 (필수, fallback용)
- * @param selectedFillColor 선택된 폴리곤 채우기 색상 (선택, 기본값: baseFillColor)
- * @param selectedStrokeColor 선택된 폴리곤 테두리 색상 (선택, 기본값: baseStrokeColor)
- * @param selectedLineWidth 선택된 폴리곤 테두리 두께 (선택, 기본값: baseLineWidth)
- * @param activeFillColor 마지막 선택된 폴리곤 채우기 색상 (선택, 기본값: selectedFillColor)
- * @param activeStrokeColor 마지막 선택된 폴리곤 테두리 색상 (선택, 기본값: selectedStrokeColor)
- * @param activeLineWidth 마지막 선택된 폴리곤 테두리 두께 (선택, 기본값: selectedLineWidth)
- * @param hoveredFillColor Hover 시 폴리곤 채우기 색상 (선택, 기본값: selectedFillColor)
- * @param hoveredStrokeColor Hover 시 폴리곤 테두리 색상 (선택, 기본값: selectedStrokeColor)
- * @param hoveredLineWidth Hover 시 폴리곤 테두리 두께 (선택, 기본값: selectedLineWidth)
- * @returns Event Layer 렌더링 함수
- *
- * @example
- * const renderEvent = renderPolygonEvent(
- *   'rgba(255, 100, 100, 0.5)',  // baseFillColor
- *   'rgba(200, 50, 50, 0.8)',    // baseStrokeColor
- *   2,                            // baseLineWidth
- *   'rgba(255, 193, 7, 0.7)',    // selectedFillColor
- *   'rgba(255, 152, 0, 1)',      // selectedStrokeColor
- *   4                             // selectedLineWidth
- * );
- */
-
-var renderPolygonEvent = function (baseFillColor, baseStrokeColor, baseLineWidth, selectedFillColor, selectedStrokeColor, selectedLineWidth, activeFillColor, activeStrokeColor, activeLineWidth, hoveredFillColor, hoveredStrokeColor, hoveredLineWidth) {
-  // 기본값 설정 (base 기준)
-  var _selectedFillColor = selectedFillColor || baseFillColor;
-
-  var _selectedStrokeColor = selectedStrokeColor || baseStrokeColor;
-
-  var _selectedLineWidth = selectedLineWidth || baseLineWidth;
-
-  var _activeFillColor = activeFillColor || _selectedFillColor;
-
-  var _activeStrokeColor = activeStrokeColor || _selectedStrokeColor;
-
-  var _activeLineWidth = activeLineWidth || _selectedLineWidth;
-
-  var _hoveredFillColor = hoveredFillColor || _selectedFillColor;
-
-  var _hoveredStrokeColor = hoveredStrokeColor || _selectedStrokeColor;
-
-  var _hoveredLineWidth = hoveredLineWidth || _selectedLineWidth;
-
-  return function (_a) {
-    var ctx = _a.ctx,
-        hoveredItem = _a.hoveredItem,
-        utils = _a.utils,
-        selectedItems = _a.selectedItems,
-        selectedItem = _a.selectedItem; // 1. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
-
-    if (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) {
-      for (var _i = 0, selectedItems_1 = selectedItems; _i < selectedItems_1.length; _i++) {
-        var item = selectedItems_1[_i]; // 마지막 선택 항목과 호버된 항목은 나중에 따로 그림
-
-        if (item.id === (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id) || (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id) === item.id) continue;
-        if (!item.paths) continue;
-        var polygonOffsets = utils.getOrComputePolygonOffsets(item);
-        if (!polygonOffsets) continue;
-        drawPolygon({
-          ctx: ctx,
-          polygonOffsets: polygonOffsets,
-          isDonutPolygon: item.isDonutPolygon || false,
-          fillColor: _selectedFillColor,
-          strokeColor: _selectedStrokeColor,
-          lineWidth: _selectedLineWidth
-        });
-      }
-    } // 2. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
-
-
-    if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.paths) && (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id) !== selectedItem.id) {
-      var polygonOffsets = utils.getOrComputePolygonOffsets(selectedItem);
-
-      if (polygonOffsets) {
-        drawPolygon({
-          ctx: ctx,
-          polygonOffsets: polygonOffsets,
-          isDonutPolygon: selectedItem.isDonutPolygon || false,
-          fillColor: _activeFillColor,
-          strokeColor: _activeStrokeColor,
-          lineWidth: _activeLineWidth
-        });
-      }
-    } // 3. 호버된 항목 그리기 (가장 위에 표시)
-
-
-    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
-      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem);
-      if (!polygonOffsets) return;
-      var isSelected = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.some(function (item) {
-        return item.id === hoveredItem.id;
-      });
-      drawPolygon({
-        ctx: ctx,
-        polygonOffsets: polygonOffsets,
-        isDonutPolygon: hoveredItem.isDonutPolygon || false,
-        fillColor: isSelected ? _activeFillColor : _hoveredFillColor,
-        strokeColor: isSelected ? _activeStrokeColor : _hoveredStrokeColor,
-        lineWidth: isSelected ? _activeLineWidth : _hoveredLineWidth
-      });
-    }
-  };
-};
-
 // 메인 컴포넌트
 // ============================================================================
 
-var WoongCanvasLayer = function (props) {
+var WoongCanvasMarker = function (props) {
   var data = props.data,
-      dataType = props.dataType,
       onClick = props.onClick,
       onMouseOver = props.onMouseOver,
       onMouseOut = props.onMouseOut,
@@ -5671,13 +5443,16 @@ var WoongCanvasLayer = function (props) {
       externalSelectedItem = props.selectedItem,
       _f = props.disableInteraction,
       disableInteraction = _f === void 0 ? false : _f,
-      options = __rest(props, ["data", "dataType", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction"]); // --------------------------------------------------------------------------
+      renderBase = props.renderBase,
+      renderAnimation = props.renderAnimation,
+      renderEvent = props.renderEvent,
+      options = __rest(props, ["data", "onClick", "onMouseOver", "onMouseOut", "enableMultiSelect", "topOnHover", "enableViewportCulling", "cullingMargin", "maxCacheSize", "selectedItems", "selectedItem", "disableInteraction", "renderBase", "renderAnimation", "renderEvent"]); // --------------------------------------------------------------------------
   // Hooks & Context
   // --------------------------------------------------------------------------
 
 
   var controller = useMintMapController();
-  var context = useKonvaMarkerContext();
+  var context = useWoongCanvasContext();
   var currentZIndex = options.zIndex !== undefined ? options.zIndex : 0; // --------------------------------------------------------------------------
   // DOM Refs
   // --------------------------------------------------------------------------
@@ -5806,24 +5581,6 @@ var WoongCanvasLayer = function (props) {
   // 유틸리티 함수: 좌표 변환 캐싱
   // --------------------------------------------------------------------------
 
-  /**
-   * 폴리곤 좌표 변환 결과를 캐시하고 반환
-   * @param polygonData 폴리곤 데이터
-   * @returns 변환된 좌표 배열 또는 null
-   */
-
-
-  var getOrComputePolygonOffsets = function (polygonData) {
-    var cached = offsetCacheRef.current.get(polygonData.id);
-    if (cached && Array.isArray(cached)) return cached;
-    var result = computePolygonOffsets(polygonData, controller);
-
-    if (result) {
-      offsetCacheRef.current.set(polygonData.id, result);
-    }
-
-    return result;
-  };
   /**
    * 마커 좌표 변환 결과를 캐시하고 반환
    *
@@ -5847,66 +5604,31 @@ var WoongCanvasLayer = function (props) {
   // --------------------------------------------------------------------------
 
   /**
-   * 아이템의 바운딩 박스 계산 (폴리곤/마커 공통)
+   * 마커의 바운딩 박스 계산
    *
    * 🎯 마커의 경우:
    * - boxHeight: 본체만 (Hit Test 영역)
    * - tailHeight: 꼬리 높이 (Viewport Culling용, 화면에 보이는 전체 영역)
    *
-   * @param item 마커 또는 폴리곤 데이터
+   * @param item 마커 데이터
    * @returns 바운딩 박스 또는 null
    */
 
 
   var computeBoundingBox = function (item) {
-    if (dataType === CanvasDataType.POLYGON) {
-      // 폴리곤: 모든 좌표의 최소/최대값 계산
-      var offsets = getOrComputePolygonOffsets(item);
-      if (!offsets) return null;
-      var minX = Infinity,
-          minY = Infinity,
-          maxX = -Infinity,
-          maxY = -Infinity;
-
-      for (var _i = 0, offsets_1 = offsets; _i < offsets_1.length; _i++) {
-        var multiPolygon = offsets_1[_i];
-
-        for (var _a = 0, multiPolygon_1 = multiPolygon; _a < multiPolygon_1.length; _a++) {
-          var polygonGroup = multiPolygon_1[_a];
-
-          for (var _b = 0, polygonGroup_1 = polygonGroup; _b < polygonGroup_1.length; _b++) {
-            var _c = polygonGroup_1[_b],
-                x = _c[0],
-                y = _c[1];
-            if (x < minX) minX = x;
-            if (y < minY) minY = y;
-            if (x > maxX) maxX = x;
-            if (y > maxY) maxY = y;
-          }
-        }
-      }
+    // 마커: 중심점 기준 박스 크기 계산 (꼬리 포함)
+    var offset = getOrComputeMarkerOffset(item);
+    if (!offset) return null;
+    var boxWidth = item.boxWidth || 50;
+    var boxHeight = item.boxHeight || 28;
+    var tailHeight = item.tailHeight || 0; // 🎯 tailHeight 사용 (Viewport Culling용)
 
-      return {
-        minX: minX,
-        minY: minY,
-        maxX: maxX,
-        maxY: maxY
-      };
-    } else {
-      // 마커: 중심점 기준 박스 크기 계산 (꼬리 포함)
-      var offset = getOrComputeMarkerOffset(item);
-      if (!offset) return null;
-      var boxWidth = item.boxWidth || 50;
-      var boxHeight = item.boxHeight || 28;
-      var tailHeight = item.tailHeight || 0; // 🎯 tailHeight 사용 (Viewport Culling용)
-
-      return {
-        minX: offset.x - boxWidth / 2,
-        minY: offset.y - boxHeight - tailHeight,
-        maxX: offset.x + boxWidth / 2,
-        maxY: offset.y
-      };
-    }
+    return {
+      minX: offset.x - boxWidth / 2,
+      minY: offset.y - boxHeight - tailHeight,
+      maxX: offset.x + boxWidth / 2,
+      maxY: offset.y
+    };
   }; // --------------------------------------------------------------------------
   // 유틸리티 함수: 공간 인덱싱
   // --------------------------------------------------------------------------
@@ -5940,24 +5662,14 @@ var WoongCanvasLayer = function (props) {
 
 
   var renderUtils = {
-    getOrComputePolygonOffsets: getOrComputePolygonOffsets,
+    getOrComputePolygonOffsets: function () {
+      return null;
+    },
     getOrComputeMarkerOffset: getOrComputeMarkerOffset
   };
   /** Base Layer에서 사용할 빈 Set (재사용) */
 
   useRef(new Set());
-  /**
-   * 실제 사용할 렌더링 함수 결정
-   * - MARKER: 외부에서 전달받은 renderBase 사용 (필수)
-   * - POLYGON: renderer.ts의 팩토리 함수로 생성 (props 기반)
-   */
-
-  var renderBase = dataType === CanvasDataType.MARKER ? props.renderBase : renderPolygonBase(props.baseFillColor, props.baseStrokeColor, props.baseLineWidth);
-  var renderAnimation = dataType === CanvasDataType.MARKER ? props.renderAnimation : undefined;
-  var renderEvent = dataType === CanvasDataType.MARKER ? props.renderEvent : function () {
-    var polygonProps = props;
-    return renderPolygonEvent(polygonProps.baseFillColor, polygonProps.baseStrokeColor, polygonProps.baseLineWidth, polygonProps.selectedFillColor, polygonProps.selectedStrokeColor, polygonProps.selectedLineWidth, polygonProps.activeFillColor, polygonProps.activeStrokeColor, polygonProps.activeLineWidth, polygonProps.hoveredFillColor, polygonProps.hoveredStrokeColor, polygonProps.hoveredLineWidth);
-  }();
   /**
    * Base 레이어 렌더링 (뷰포트 컬링 적용, 선택된 마커 제외)
    *
@@ -6231,54 +5943,35 @@ var WoongCanvasLayer = function (props) {
   // --------------------------------------------------------------------------
 
   /**
-   * 특정 좌표의 마커/폴리곤 데이터 찾기 (Spatial Index 사용)
+   * 특정 좌표의 마커 데이터 찾기 (Spatial Index 사용)
    *
    * topOnHover가 true일 때:
    * - 현재 hover된 항목을 최우선으로 체크
    * - 시각적으로 최상단에 있는 항목이 hit test에서도 우선됨
    *
    * @param offset 검사할 좌표
-   * @returns 찾은 마커/폴리곤 데이터 또는 null
+   * @returns 찾은 마커 데이터 또는 null
    */
 
 
   var findData = function (offset) {
     // topOnHover가 true이고 현재 hover된 항목이 있으면, 그것을 먼저 체크
     if (topOnHover && hoveredItemRef.current) {
-      var hovered = hoveredItemRef.current; // 폴리곤인 경우
+      var hovered = hoveredItemRef.current;
 
-      if (dataType === CanvasDataType.POLYGON) {
-        if (isPointInPolygonData(offset, hovered, getOrComputePolygonOffsets)) {
-          return hovered; // 여전히 hover된 항목 위에 있음
-        }
-      } // 마커인 경우
-      else {
-        if (isPointInMarkerData(offset, hovered, getOrComputeMarkerOffset)) {
-          return hovered; // 여전히 hover된 항목 위에 있음
-        }
+      if (isPointInMarkerData(offset, hovered, getOrComputeMarkerOffset)) {
+        return hovered; // 여전히 hover된 항목 위에 있음
       }
     } // Spatial Index로 후보 항목만 빠르게 추출 (30,000개 → ~10개)
 
 
-    var candidates = spatialIndexRef.current.queryPoint(offset.x, offset.y); // 데이터 타입에 따라 적절한 히트 테스트 수행
-
-    if (dataType === CanvasDataType.MARKER) {
-      // 마커 체크
-      for (var i = candidates.length - 1; i >= 0; i--) {
-        var item = candidates[i];
+    var candidates = spatialIndexRef.current.queryPoint(offset.x, offset.y); // 마커 체크
 
-        if (isPointInMarkerData(offset, item, getOrComputeMarkerOffset)) {
-          return item;
-        }
-      }
-    } else {
-      // 폴리곤 체크
-      for (var i = candidates.length - 1; i >= 0; i--) {
-        var item = candidates[i];
+    for (var i = candidates.length - 1; i >= 0; i--) {
+      var item = candidates[i];
 
-        if (isPointInPolygonData(offset, item, getOrComputePolygonOffsets)) {
-          return item;
-        }
+      if (isPointInMarkerData(offset, item, getOrComputeMarkerOffset)) {
+        return item;
       }
     }
 
@@ -6393,7 +6086,7 @@ var WoongCanvasLayer = function (props) {
         }
       }
     } catch (error) {
-      console.error('[WoongKonvaMarker] handleClick error:', error);
+      console.error('[WoongCanvasMarker] handleClick error:', error);
     }
   };
   /**
@@ -6419,7 +6112,7 @@ var WoongCanvasLayer = function (props) {
         if (hoveredItem && onMouseOver) onMouseOver(hoveredItem);
       }
     } catch (error) {
-      console.error('[WoongKonvaMarker] handleMouseMove error:', error);
+      console.error('[WoongCanvasMarker] handleMouseMove error:', error);
     }
   };
   /**
@@ -9564,4 +9257,4 @@ function MintMap(_a) {
   }), loading));
 }
 
-export { AnimationPlayer, Bounds, CanvasDataType, CanvasMarker, CanvasMarkerClaude, CanvasMarkerHanquf, CircleMarker, DEFAULT_CULLING_MARGIN, DEFAULT_MAX_CACHE_SIZE, Drawable, GeoCalulator, GoogleMintMapController, KonvaMarkerProvider, LRUCache, MapBuildingProjection, MapCanvasMarkerWrapper, MapCanvasWrapper, MapControlWrapper, MapEvent, MapLoadingWithImage, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, MapUIEvent, Marker, MintMap, MintMapCanvasRenderer, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, PointLoading, Polygon, PolygonCalculator, PolygonMarker, Polyline, Position, SPATIAL_GRID_CELL_SIZE, SVGCircle, SVGPolygon, SVGRect, Spacing, SpatialHashGrid, Status, WoongCanvasLayer, calculateTextBoxWidth, computeMarkerOffset, computePolygonOffsets, getClusterInfo, getMapOfType, hexToRgba, isPointInMarkerData, isPointInPolygon, isPointInPolygonData, log, useKonvaMarkerContext, useMarkerMoving, useMintMapController, waiting };
+export { AnimationPlayer, Bounds, CanvasDataType, CanvasMarker, CanvasMarkerClaude, CanvasMarkerHanquf, CircleMarker, DEFAULT_CULLING_MARGIN, DEFAULT_MAX_CACHE_SIZE, Drawable, GeoCalulator, GoogleMintMapController, LRUCache, MapBuildingProjection, MapCanvasMarkerWrapper, MapCanvasWrapper, MapControlWrapper, MapEvent, MapLoadingWithImage, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, MapUIEvent, Marker, MintMap, MintMapCanvasRenderer, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, PointLoading, Polygon, PolygonCalculator, PolygonMarker, Polyline, Position, SPATIAL_GRID_CELL_SIZE, SVGCircle, SVGPolygon, SVGRect, Spacing, SpatialHashGrid, Status, WoongCanvasMarker as WoongCanvasLayer, WoongCanvasMarker, WoongCanvasProvider, calculateTextBoxWidth, computeMarkerOffset, computePolygonOffsets, getClusterInfo, getMapOfType, hexToRgba, isPointInMarkerData, isPointInPolygon, isPointInPolygonData, log, useMarkerMoving, useMintMapController, useWoongCanvasContext, waiting };

package/dist/index.js

@@ -16,11 +16,11 @@ var CanvasMarkerHanquf = require('./components/mint-map/core/advanced/canvas/Can
 var CanvasMarkerClaude = require('./components/mint-map/core/advanced/canvas/CanvasMarkerClaude.js');
 var MapBuildingProjection = require('./components/mint-map/core/advanced/MapBuildingProjection.js');
 var MapLoadingComponents = require('./components/mint-map/core/advanced/MapLoadingComponents.js');
-var WoongCanvasLayer = require('./components/mint-map/core/advanced/woongCanvas/WoongCanvasLayer.js');
-var types = require('./components/mint-map/core/advanced/woongCanvas/shared/types.js');
-var utils = require('./components/mint-map/core/advanced/woongCanvas/shared/utils.js');
-var context = require('./components/mint-map/core/advanced/woongCanvas/shared/context.js');
-var performance = require('./components/mint-map/core/advanced/woongCanvas/shared/performance.js');
+var WoongCanvasMarker = require('./components/mint-map/core/advanced/woongCanvasMarker/WoongCanvasMarker.js');
+var types = require('./components/mint-map/core/advanced/shared/types.js');
+var utils = require('./components/mint-map/core/advanced/shared/utils.js');
+var context = require('./components/mint-map/core/advanced/shared/context.js');
+var performance = require('./components/mint-map/core/advanced/shared/performance.js');
 var MarkerMovingHook = require('./components/mint-map/core/hooks/MarkerMovingHook.js');
 var MintMapProvider = require('./components/mint-map/core/provider/MintMapProvider.js');
 var animation = require('./components/mint-map/core/util/animation.js');
@@ -60,7 +60,8 @@ exports.CanvasMarkerClaude = CanvasMarkerClaude.CanvasMarkerClaude;
 exports.MapBuildingProjection = MapBuildingProjection.MapBuildingProjection;
 exports.MapLoadingWithImage = MapLoadingComponents.MapLoadingWithImage;
 exports.PointLoading = MapLoadingComponents.PointLoading;
-exports.WoongCanvasLayer = WoongCanvasLayer["default"];
+exports.WoongCanvasLayer = WoongCanvasMarker["default"];
+exports.WoongCanvasMarker = WoongCanvasMarker["default"];
 Object.defineProperty(exports, 'CanvasDataType', {
 	enumerable: true,
 	get: function () { return types.CanvasDataType; }
@@ -72,8 +73,8 @@ exports.hexToRgba = utils.hexToRgba;
 exports.isPointInMarkerData = utils.isPointInMarkerData;
 exports.isPointInPolygon = utils.isPointInPolygon;
 exports.isPointInPolygonData = utils.isPointInPolygonData;
-exports.KonvaMarkerProvider = context.KonvaMarkerProvider;
-exports.useKonvaMarkerContext = context.useKonvaMarkerContext;
+exports.WoongCanvasProvider = context.WoongCanvasProvider;
+exports.useWoongCanvasContext = context.useWoongCanvasContext;
 exports.DEFAULT_CULLING_MARGIN = performance.DEFAULT_CULLING_MARGIN;
 exports.DEFAULT_MAX_CACHE_SIZE = performance.DEFAULT_MAX_CACHE_SIZE;
 exports.LRUCache = performance.LRUCache;