@mint-ui/map 1.2.0-test.70 → 1.2.0-test.71

package/dist/components/mint-map/core/advanced/CanvasPolygonLayer/renderer.js

@@ -245,7 +245,24 @@ var renderPolygonEvent = function (baseFillColor, baseStrokeColor, baseLineWidth
       return item.id;
     })) : new Set();
     var hoveredItemId = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id;
-    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 호버된 항목 그리기 (가장 위에 표시)
+
+    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
+      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
+
+      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
+
+      var isSelected = selectedIdsSet.has(hoveredItem.id);
+      drawPolygon({
+        ctx: ctx,
+        fillColor: isSelected ? _activeFillColor : _hoveredFillColor,
+        isDonutPolygon: hoveredItem.isDonutPolygon || false,
+        lineWidth: isSelected ? _activeLineWidth : _hoveredLineWidth,
+        polygonOffsets: polygonOffsets,
+        strokeColor: isSelected ? _activeStrokeColor : _hoveredStrokeColor
+      });
+    } // 2. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+
 
     if (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) {
       for (var _i = 0, selectedItems_1 = selectedItems; _i < selectedItems_1.length; _i++) {
@@ -264,7 +281,7 @@ var renderPolygonEvent = function (baseFillColor, baseStrokeColor, baseLineWidth
           strokeColor: _selectedStrokeColor
         });
       }
-    } // 2. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
+    } // 3. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
 
 
     if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.paths) && hoveredItemId !== selectedItemId) {
@@ -280,23 +297,6 @@ var renderPolygonEvent = function (baseFillColor, baseStrokeColor, baseLineWidth
           strokeColor: _activeStrokeColor
         });
       }
-    } // 3. 호버된 항목 그리기 (가장 위에 표시)
-
-
-    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
-      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
-
-      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
-
-      var isSelected = selectedIdsSet.has(hoveredItem.id);
-      drawPolygon({
-        ctx: ctx,
-        fillColor: isSelected ? _activeFillColor : _hoveredFillColor,
-        isDonutPolygon: hoveredItem.isDonutPolygon || false,
-        lineWidth: isSelected ? _activeLineWidth : _hoveredLineWidth,
-        polygonOffsets: polygonOffsets,
-        strokeColor: isSelected ? _activeStrokeColor : _hoveredStrokeColor
-      });
     }
   };
 };
@@ -403,7 +403,24 @@ var renderPolygonEventWithObject = function (renderStyle) {
       return item.id;
     })) : new Set();
     var hoveredItemId = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id;
-    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 호버된 항목 그리기 (가장 위에 표시)
+
+    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
+      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
+
+      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
+
+      var isSelected = selectedIdsSet.has(hoveredItem.id);
+      drawPolygon({
+        ctx: ctx,
+        fillColor: isSelected ? _activeStyle.fillColor : _hoveredStyle.fillColor,
+        isDonutPolygon: hoveredItem.isDonutPolygon || false,
+        lineWidth: isSelected ? _activeStyle.lineWidth : _hoveredStyle.lineWidth,
+        polygonOffsets: polygonOffsets,
+        strokeColor: isSelected ? _activeStyle.strokeColor : _hoveredStyle.strokeColor
+      });
+    } // 2. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+
 
     if (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) {
       for (var _i = 0, selectedItems_2 = selectedItems; _i < selectedItems_2.length; _i++) {
@@ -422,7 +439,7 @@ var renderPolygonEventWithObject = function (renderStyle) {
           strokeColor: _selectedStyle.strokeColor
         });
       }
-    } // 2. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
+    } // 3. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
 
 
     if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.paths) && hoveredItemId !== selectedItemId) {
@@ -438,23 +455,6 @@ var renderPolygonEventWithObject = function (renderStyle) {
           strokeColor: _activeStyle.strokeColor
         });
       }
-    } // 3. 호버된 항목 그리기 (가장 위에 표시)
-
-
-    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
-      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
-
-      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
-
-      var isSelected = selectedIdsSet.has(hoveredItem.id);
-      drawPolygon({
-        ctx: ctx,
-        fillColor: isSelected ? _activeStyle.fillColor : _hoveredStyle.fillColor,
-        isDonutPolygon: hoveredItem.isDonutPolygon || false,
-        lineWidth: isSelected ? _activeStyle.lineWidth : _hoveredStyle.lineWidth,
-        polygonOffsets: polygonOffsets,
-        strokeColor: isSelected ? _activeStyle.strokeColor : _hoveredStyle.strokeColor
-      });
     }
   };
 };
@@ -569,7 +569,32 @@ var renderPolygonEventWithCustomStyle = function (customStyle) {
       return item.id;
     })) : new Set();
     var hoveredItemId = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id;
-    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 호버된 항목 그리기 (가장 위에 표시)
+
+    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
+      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
+
+      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
+
+      var isSelected = selectedIdsSet.has(hoveredItem.id);
+      var context = {
+        isActive: isSelected && hoveredItem.id === selectedItemId,
+        isHovered: !isSelected,
+        isSelected: isSelected
+      };
+      var style = customStyle(hoveredItem, context); // null 또는 undefined를 반환하면 그리지 않음
+
+      if (!style) return;
+      drawPolygon({
+        ctx: ctx,
+        fillColor: style.fillColor,
+        isDonutPolygon: hoveredItem.isDonutPolygon || false,
+        lineWidth: style.lineWidth,
+        polygonOffsets: polygonOffsets,
+        strokeColor: style.strokeColor
+      });
+    } // 2. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+
 
     if (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) {
       for (var _i = 0, selectedItems_3 = selectedItems; _i < selectedItems_3.length; _i++) {
@@ -596,7 +621,7 @@ var renderPolygonEventWithCustomStyle = function (customStyle) {
           strokeColor: style.strokeColor
         });
       }
-    } // 2. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
+    } // 3. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
 
 
     if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.paths) && hoveredItemId !== selectedItemId) {
@@ -620,31 +645,6 @@ var renderPolygonEventWithCustomStyle = function (customStyle) {
           strokeColor: style.strokeColor
         });
       }
-    } // 3. 호버된 항목 그리기 (가장 위에 표시)
-
-
-    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
-      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
-
-      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
-
-      var isSelected = selectedIdsSet.has(hoveredItem.id);
-      var context = {
-        isActive: isSelected && hoveredItem.id === selectedItemId,
-        isHovered: !isSelected,
-        isSelected: isSelected
-      };
-      var style = customStyle(hoveredItem, context); // null 또는 undefined를 반환하면 그리지 않음
-
-      if (!style) return;
-      drawPolygon({
-        ctx: ctx,
-        fillColor: style.fillColor,
-        isDonutPolygon: hoveredItem.isDonutPolygon || false,
-        lineWidth: style.lineWidth,
-        polygonOffsets: polygonOffsets,
-        strokeColor: style.strokeColor
-      });
     }
   };
 };
@@ -765,7 +765,45 @@ var renderPolygonEventWithHybrid = function (customStyle, baseFillColor, baseStr
       return item.id;
     })) : new Set();
     var hoveredItemId = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id;
-    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 호버된 항목 그리기 (가장 위에 표시)
+
+    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
+      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
+
+      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
+
+      var isSelected = selectedIdsSet.has(hoveredItem.id); // customStyle이 있으면 우선 사용, 없거나 null/undefined 반환 시 기본 스타일 사용
+
+      var style = void 0;
+
+      if (customStyle) {
+        var context = {
+          isActive: isSelected && hoveredItem.id === selectedItemId,
+          isHovered: !isSelected,
+          isSelected: isSelected
+        };
+        style = customStyle(hoveredItem, context);
+      } // customStyle이 없거나 null/undefined를 반환하면 기본 스타일 사용
+
+
+      if (!style) {
+        style = {
+          fillColor: isSelected ? _activeFillColor : _hoveredFillColor,
+          lineWidth: isSelected ? _activeLineWidth : _hoveredLineWidth,
+          strokeColor: isSelected ? _activeStrokeColor : _hoveredStrokeColor
+        };
+      }
+
+      drawPolygon({
+        ctx: ctx,
+        fillColor: style.fillColor,
+        isDonutPolygon: hoveredItem.isDonutPolygon || false,
+        lineWidth: style.lineWidth,
+        polygonOffsets: polygonOffsets,
+        strokeColor: style.strokeColor
+      });
+    } // 2. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+
 
     if (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) {
       for (var _i = 0, selectedItems_4 = selectedItems; _i < selectedItems_4.length; _i++) {
@@ -805,7 +843,7 @@ var renderPolygonEventWithHybrid = function (customStyle, baseFillColor, baseStr
           strokeColor: style.strokeColor
         });
       }
-    } // 2. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
+    } // 3. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
 
 
     if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.paths) && hoveredItemId !== selectedItemId) {
@@ -842,44 +880,6 @@ var renderPolygonEventWithHybrid = function (customStyle, baseFillColor, baseStr
           strokeColor: style.strokeColor
         });
       }
-    } // 3. 호버된 항목 그리기 (가장 위에 표시)
-
-
-    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
-      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
-
-      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
-
-      var isSelected = selectedIdsSet.has(hoveredItem.id); // customStyle이 있으면 우선 사용, 없거나 null/undefined 반환 시 기본 스타일 사용
-
-      var style = void 0;
-
-      if (customStyle) {
-        var context = {
-          isActive: isSelected && hoveredItem.id === selectedItemId,
-          isHovered: !isSelected,
-          isSelected: isSelected
-        };
-        style = customStyle(hoveredItem, context);
-      } // customStyle이 없거나 null/undefined를 반환하면 기본 스타일 사용
-
-
-      if (!style) {
-        style = {
-          fillColor: isSelected ? _activeFillColor : _hoveredFillColor,
-          lineWidth: isSelected ? _activeLineWidth : _hoveredLineWidth,
-          strokeColor: isSelected ? _activeStrokeColor : _hoveredStrokeColor
-        };
-      }
-
-      drawPolygon({
-        ctx: ctx,
-        fillColor: style.fillColor,
-        isDonutPolygon: hoveredItem.isDonutPolygon || false,
-        lineWidth: style.lineWidth,
-        polygonOffsets: polygonOffsets,
-        strokeColor: style.strokeColor
-      });
     }
   };
 };
@@ -971,7 +971,41 @@ var renderPolygonEventWithHybridObject = function (customStyle, renderStyle) {
       return item.id;
     })) : new Set();
     var hoveredItemId = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id;
-    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 호버된 항목 그리기 (가장 위에 표시)
+
+    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
+      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
+
+      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
+
+      var isSelected = selectedIdsSet.has(hoveredItem.id); // customStyle이 있으면 우선 사용, 없거나 null/undefined 반환 시 기본 스타일 사용
+
+      var style = void 0;
+
+      if (customStyle) {
+        var context = {
+          isActive: isSelected && hoveredItem.id === selectedItemId,
+          isHovered: !isSelected,
+          isSelected: isSelected
+        };
+        style = customStyle(hoveredItem, context);
+      } // customStyle이 없거나 null/undefined를 반환하면 기본 스타일 사용
+
+
+      if (!style) {
+        style = isSelected ? _activeStyle : _hoveredStyle;
+      }
+
+      drawPolygon({
+        ctx: ctx,
+        fillColor: style.fillColor,
+        isDonutPolygon: hoveredItem.isDonutPolygon || false,
+        lineWidth: style.lineWidth,
+        polygonOffsets: polygonOffsets,
+        strokeColor: style.strokeColor
+      });
+    } // 2. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+
 
     if (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) {
       for (var _i = 0, selectedItems_5 = selectedItems; _i < selectedItems_5.length; _i++) {
@@ -1007,7 +1041,7 @@ var renderPolygonEventWithHybridObject = function (customStyle, renderStyle) {
           strokeColor: style.strokeColor
         });
       }
-    } // 2. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
+    } // 3. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
 
 
     if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.paths) && hoveredItemId !== selectedItemId) {
@@ -1040,40 +1074,6 @@ var renderPolygonEventWithHybridObject = function (customStyle, renderStyle) {
           strokeColor: style.strokeColor
         });
       }
-    } // 3. 호버된 항목 그리기 (가장 위에 표시)
-
-
-    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
-      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
-
-      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
-
-      var isSelected = selectedIdsSet.has(hoveredItem.id); // customStyle이 있으면 우선 사용, 없거나 null/undefined 반환 시 기본 스타일 사용
-
-      var style = void 0;
-
-      if (customStyle) {
-        var context = {
-          isActive: isSelected && hoveredItem.id === selectedItemId,
-          isHovered: !isSelected,
-          isSelected: isSelected
-        };
-        style = customStyle(hoveredItem, context);
-      } // customStyle이 없거나 null/undefined를 반환하면 기본 스타일 사용
-
-
-      if (!style) {
-        style = isSelected ? _activeStyle : _hoveredStyle;
-      }
-
-      drawPolygon({
-        ctx: ctx,
-        fillColor: style.fillColor,
-        isDonutPolygon: hoveredItem.isDonutPolygon || false,
-        lineWidth: style.lineWidth,
-        polygonOffsets: polygonOffsets,
-        strokeColor: style.strokeColor
-      });
     }
   };
 };

package/dist/index.es.js

@@ -5087,7 +5087,24 @@ var renderPolygonEvent = function (baseFillColor, baseStrokeColor, baseLineWidth
       return item.id;
     })) : new Set();
     var hoveredItemId = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id;
-    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 호버된 항목 그리기 (가장 위에 표시)
+
+    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
+      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
+
+      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
+
+      var isSelected = selectedIdsSet.has(hoveredItem.id);
+      drawPolygon({
+        ctx: ctx,
+        fillColor: isSelected ? _activeFillColor : _hoveredFillColor,
+        isDonutPolygon: hoveredItem.isDonutPolygon || false,
+        lineWidth: isSelected ? _activeLineWidth : _hoveredLineWidth,
+        polygonOffsets: polygonOffsets,
+        strokeColor: isSelected ? _activeStrokeColor : _hoveredStrokeColor
+      });
+    } // 2. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+
 
     if (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) {
       for (var _i = 0, selectedItems_1 = selectedItems; _i < selectedItems_1.length; _i++) {
@@ -5106,7 +5123,7 @@ var renderPolygonEvent = function (baseFillColor, baseStrokeColor, baseLineWidth
           strokeColor: _selectedStrokeColor
         });
       }
-    } // 2. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
+    } // 3. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
 
 
     if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.paths) && hoveredItemId !== selectedItemId) {
@@ -5122,23 +5139,6 @@ var renderPolygonEvent = function (baseFillColor, baseStrokeColor, baseLineWidth
           strokeColor: _activeStrokeColor
         });
       }
-    } // 3. 호버된 항목 그리기 (가장 위에 표시)
-
-
-    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
-      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
-
-      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
-
-      var isSelected = selectedIdsSet.has(hoveredItem.id);
-      drawPolygon({
-        ctx: ctx,
-        fillColor: isSelected ? _activeFillColor : _hoveredFillColor,
-        isDonutPolygon: hoveredItem.isDonutPolygon || false,
-        lineWidth: isSelected ? _activeLineWidth : _hoveredLineWidth,
-        polygonOffsets: polygonOffsets,
-        strokeColor: isSelected ? _activeStrokeColor : _hoveredStrokeColor
-      });
     }
   };
 };
@@ -5245,7 +5245,24 @@ var renderPolygonEventWithObject = function (renderStyle) {
       return item.id;
     })) : new Set();
     var hoveredItemId = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id;
-    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 호버된 항목 그리기 (가장 위에 표시)
+
+    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
+      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
+
+      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
+
+      var isSelected = selectedIdsSet.has(hoveredItem.id);
+      drawPolygon({
+        ctx: ctx,
+        fillColor: isSelected ? _activeStyle.fillColor : _hoveredStyle.fillColor,
+        isDonutPolygon: hoveredItem.isDonutPolygon || false,
+        lineWidth: isSelected ? _activeStyle.lineWidth : _hoveredStyle.lineWidth,
+        polygonOffsets: polygonOffsets,
+        strokeColor: isSelected ? _activeStyle.strokeColor : _hoveredStyle.strokeColor
+      });
+    } // 2. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+
 
     if (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) {
       for (var _i = 0, selectedItems_2 = selectedItems; _i < selectedItems_2.length; _i++) {
@@ -5264,7 +5281,7 @@ var renderPolygonEventWithObject = function (renderStyle) {
           strokeColor: _selectedStyle.strokeColor
         });
       }
-    } // 2. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
+    } // 3. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
 
 
     if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.paths) && hoveredItemId !== selectedItemId) {
@@ -5280,23 +5297,6 @@ var renderPolygonEventWithObject = function (renderStyle) {
           strokeColor: _activeStyle.strokeColor
         });
       }
-    } // 3. 호버된 항목 그리기 (가장 위에 표시)
-
-
-    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
-      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
-
-      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
-
-      var isSelected = selectedIdsSet.has(hoveredItem.id);
-      drawPolygon({
-        ctx: ctx,
-        fillColor: isSelected ? _activeStyle.fillColor : _hoveredStyle.fillColor,
-        isDonutPolygon: hoveredItem.isDonutPolygon || false,
-        lineWidth: isSelected ? _activeStyle.lineWidth : _hoveredStyle.lineWidth,
-        polygonOffsets: polygonOffsets,
-        strokeColor: isSelected ? _activeStyle.strokeColor : _hoveredStyle.strokeColor
-      });
     }
   };
 };
@@ -5411,7 +5411,32 @@ var renderPolygonEventWithCustomStyle = function (customStyle) {
       return item.id;
     })) : new Set();
     var hoveredItemId = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id;
-    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 호버된 항목 그리기 (가장 위에 표시)
+
+    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
+      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
+
+      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
+
+      var isSelected = selectedIdsSet.has(hoveredItem.id);
+      var context = {
+        isActive: isSelected && hoveredItem.id === selectedItemId,
+        isHovered: !isSelected,
+        isSelected: isSelected
+      };
+      var style = customStyle(hoveredItem, context); // null 또는 undefined를 반환하면 그리지 않음
+
+      if (!style) return;
+      drawPolygon({
+        ctx: ctx,
+        fillColor: style.fillColor,
+        isDonutPolygon: hoveredItem.isDonutPolygon || false,
+        lineWidth: style.lineWidth,
+        polygonOffsets: polygonOffsets,
+        strokeColor: style.strokeColor
+      });
+    } // 2. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+
 
     if (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) {
       for (var _i = 0, selectedItems_3 = selectedItems; _i < selectedItems_3.length; _i++) {
@@ -5438,7 +5463,7 @@ var renderPolygonEventWithCustomStyle = function (customStyle) {
           strokeColor: style.strokeColor
         });
       }
-    } // 2. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
+    } // 3. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
 
 
     if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.paths) && hoveredItemId !== selectedItemId) {
@@ -5462,31 +5487,6 @@ var renderPolygonEventWithCustomStyle = function (customStyle) {
           strokeColor: style.strokeColor
         });
       }
-    } // 3. 호버된 항목 그리기 (가장 위에 표시)
-
-
-    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
-      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
-
-      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
-
-      var isSelected = selectedIdsSet.has(hoveredItem.id);
-      var context = {
-        isActive: isSelected && hoveredItem.id === selectedItemId,
-        isHovered: !isSelected,
-        isSelected: isSelected
-      };
-      var style = customStyle(hoveredItem, context); // null 또는 undefined를 반환하면 그리지 않음
-
-      if (!style) return;
-      drawPolygon({
-        ctx: ctx,
-        fillColor: style.fillColor,
-        isDonutPolygon: hoveredItem.isDonutPolygon || false,
-        lineWidth: style.lineWidth,
-        polygonOffsets: polygonOffsets,
-        strokeColor: style.strokeColor
-      });
     }
   };
 };
@@ -5607,7 +5607,45 @@ var renderPolygonEventWithHybrid = function (customStyle, baseFillColor, baseStr
       return item.id;
     })) : new Set();
     var hoveredItemId = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id;
-    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 호버된 항목 그리기 (가장 위에 표시)
+
+    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
+      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
+
+      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
+
+      var isSelected = selectedIdsSet.has(hoveredItem.id); // customStyle이 있으면 우선 사용, 없거나 null/undefined 반환 시 기본 스타일 사용
+
+      var style = void 0;
+
+      if (customStyle) {
+        var context = {
+          isActive: isSelected && hoveredItem.id === selectedItemId,
+          isHovered: !isSelected,
+          isSelected: isSelected
+        };
+        style = customStyle(hoveredItem, context);
+      } // customStyle이 없거나 null/undefined를 반환하면 기본 스타일 사용
+
+
+      if (!style) {
+        style = {
+          fillColor: isSelected ? _activeFillColor : _hoveredFillColor,
+          lineWidth: isSelected ? _activeLineWidth : _hoveredLineWidth,
+          strokeColor: isSelected ? _activeStrokeColor : _hoveredStrokeColor
+        };
+      }
+
+      drawPolygon({
+        ctx: ctx,
+        fillColor: style.fillColor,
+        isDonutPolygon: hoveredItem.isDonutPolygon || false,
+        lineWidth: style.lineWidth,
+        polygonOffsets: polygonOffsets,
+        strokeColor: style.strokeColor
+      });
+    } // 2. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+
 
     if (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) {
       for (var _i = 0, selectedItems_4 = selectedItems; _i < selectedItems_4.length; _i++) {
@@ -5647,7 +5685,7 @@ var renderPolygonEventWithHybrid = function (customStyle, baseFillColor, baseStr
           strokeColor: style.strokeColor
         });
       }
-    } // 2. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
+    } // 3. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
 
 
     if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.paths) && hoveredItemId !== selectedItemId) {
@@ -5684,44 +5722,6 @@ var renderPolygonEventWithHybrid = function (customStyle, baseFillColor, baseStr
           strokeColor: style.strokeColor
         });
       }
-    } // 3. 호버된 항목 그리기 (가장 위에 표시)
-
-
-    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
-      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
-
-      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
-
-      var isSelected = selectedIdsSet.has(hoveredItem.id); // customStyle이 있으면 우선 사용, 없거나 null/undefined 반환 시 기본 스타일 사용
-
-      var style = void 0;
-
-      if (customStyle) {
-        var context = {
-          isActive: isSelected && hoveredItem.id === selectedItemId,
-          isHovered: !isSelected,
-          isSelected: isSelected
-        };
-        style = customStyle(hoveredItem, context);
-      } // customStyle이 없거나 null/undefined를 반환하면 기본 스타일 사용
-
-
-      if (!style) {
-        style = {
-          fillColor: isSelected ? _activeFillColor : _hoveredFillColor,
-          lineWidth: isSelected ? _activeLineWidth : _hoveredLineWidth,
-          strokeColor: isSelected ? _activeStrokeColor : _hoveredStrokeColor
-        };
-      }
-
-      drawPolygon({
-        ctx: ctx,
-        fillColor: style.fillColor,
-        isDonutPolygon: hoveredItem.isDonutPolygon || false,
-        lineWidth: style.lineWidth,
-        polygonOffsets: polygonOffsets,
-        strokeColor: style.strokeColor
-      });
     }
   };
 };
@@ -5813,7 +5813,41 @@ var renderPolygonEventWithHybridObject = function (customStyle, renderStyle) {
       return item.id;
     })) : new Set();
     var hoveredItemId = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id;
-    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+    var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 호버된 항목 그리기 (가장 위에 표시)
+
+    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
+      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
+
+      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
+
+      var isSelected = selectedIdsSet.has(hoveredItem.id); // customStyle이 있으면 우선 사용, 없거나 null/undefined 반환 시 기본 스타일 사용
+
+      var style = void 0;
+
+      if (customStyle) {
+        var context = {
+          isActive: isSelected && hoveredItem.id === selectedItemId,
+          isHovered: !isSelected,
+          isSelected: isSelected
+        };
+        style = customStyle(hoveredItem, context);
+      } // customStyle이 없거나 null/undefined를 반환하면 기본 스타일 사용
+
+
+      if (!style) {
+        style = isSelected ? _activeStyle : _hoveredStyle;
+      }
+
+      drawPolygon({
+        ctx: ctx,
+        fillColor: style.fillColor,
+        isDonutPolygon: hoveredItem.isDonutPolygon || false,
+        lineWidth: style.lineWidth,
+        polygonOffsets: polygonOffsets,
+        strokeColor: style.strokeColor
+      });
+    } // 2. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+
 
     if (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) {
       for (var _i = 0, selectedItems_5 = selectedItems; _i < selectedItems_5.length; _i++) {
@@ -5849,7 +5883,7 @@ var renderPolygonEventWithHybridObject = function (customStyle, renderStyle) {
           strokeColor: style.strokeColor
         });
       }
-    } // 2. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
+    } // 3. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
 
 
     if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.paths) && hoveredItemId !== selectedItemId) {
@@ -5882,40 +5916,6 @@ var renderPolygonEventWithHybridObject = function (customStyle, renderStyle) {
           strokeColor: style.strokeColor
         });
       }
-    } // 3. 호버된 항목 그리기 (가장 위에 표시)
-
-
-    if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
-      var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
-
-      if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
-
-      var isSelected = selectedIdsSet.has(hoveredItem.id); // customStyle이 있으면 우선 사용, 없거나 null/undefined 반환 시 기본 스타일 사용
-
-      var style = void 0;
-
-      if (customStyle) {
-        var context = {
-          isActive: isSelected && hoveredItem.id === selectedItemId,
-          isHovered: !isSelected,
-          isSelected: isSelected
-        };
-        style = customStyle(hoveredItem, context);
-      } // customStyle이 없거나 null/undefined를 반환하면 기본 스타일 사용
-
-
-      if (!style) {
-        style = isSelected ? _activeStyle : _hoveredStyle;
-      }
-
-      drawPolygon({
-        ctx: ctx,
-        fillColor: style.fillColor,
-        isDonutPolygon: hoveredItem.isDonutPolygon || false,
-        lineWidth: style.lineWidth,
-        polygonOffsets: polygonOffsets,
-        strokeColor: style.strokeColor
-      });
     }
   };
 };

package/dist/index.umd.js

@@ -5091,7 +5091,24 @@
         return item.id;
       })) : new Set();
       var hoveredItemId = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id;
-      var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+      var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 호버된 항목 그리기 (가장 위에 표시)
+
+      if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
+        var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
+
+        if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
+
+        var isSelected = selectedIdsSet.has(hoveredItem.id);
+        drawPolygon({
+          ctx: ctx,
+          fillColor: isSelected ? _activeFillColor : _hoveredFillColor,
+          isDonutPolygon: hoveredItem.isDonutPolygon || false,
+          lineWidth: isSelected ? _activeLineWidth : _hoveredLineWidth,
+          polygonOffsets: polygonOffsets,
+          strokeColor: isSelected ? _activeStrokeColor : _hoveredStrokeColor
+        });
+      } // 2. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+
 
       if (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) {
         for (var _i = 0, selectedItems_1 = selectedItems; _i < selectedItems_1.length; _i++) {
@@ -5110,7 +5127,7 @@
             strokeColor: _selectedStrokeColor
           });
         }
-      } // 2. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
+      } // 3. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
 
 
       if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.paths) && hoveredItemId !== selectedItemId) {
@@ -5126,23 +5143,6 @@
             strokeColor: _activeStrokeColor
           });
         }
-      } // 3. 호버된 항목 그리기 (가장 위에 표시)
-
-
-      if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
-        var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
-
-        if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
-
-        var isSelected = selectedIdsSet.has(hoveredItem.id);
-        drawPolygon({
-          ctx: ctx,
-          fillColor: isSelected ? _activeFillColor : _hoveredFillColor,
-          isDonutPolygon: hoveredItem.isDonutPolygon || false,
-          lineWidth: isSelected ? _activeLineWidth : _hoveredLineWidth,
-          polygonOffsets: polygonOffsets,
-          strokeColor: isSelected ? _activeStrokeColor : _hoveredStrokeColor
-        });
       }
     };
   };
@@ -5249,7 +5249,24 @@
         return item.id;
       })) : new Set();
       var hoveredItemId = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id;
-      var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+      var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 호버된 항목 그리기 (가장 위에 표시)
+
+      if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
+        var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
+
+        if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
+
+        var isSelected = selectedIdsSet.has(hoveredItem.id);
+        drawPolygon({
+          ctx: ctx,
+          fillColor: isSelected ? _activeStyle.fillColor : _hoveredStyle.fillColor,
+          isDonutPolygon: hoveredItem.isDonutPolygon || false,
+          lineWidth: isSelected ? _activeStyle.lineWidth : _hoveredStyle.lineWidth,
+          polygonOffsets: polygonOffsets,
+          strokeColor: isSelected ? _activeStyle.strokeColor : _hoveredStyle.strokeColor
+        });
+      } // 2. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+
 
       if (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) {
         for (var _i = 0, selectedItems_2 = selectedItems; _i < selectedItems_2.length; _i++) {
@@ -5268,7 +5285,7 @@
             strokeColor: _selectedStyle.strokeColor
           });
         }
-      } // 2. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
+      } // 3. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
 
 
       if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.paths) && hoveredItemId !== selectedItemId) {
@@ -5284,23 +5301,6 @@
             strokeColor: _activeStyle.strokeColor
           });
         }
-      } // 3. 호버된 항목 그리기 (가장 위에 표시)
-
-
-      if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
-        var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
-
-        if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
-
-        var isSelected = selectedIdsSet.has(hoveredItem.id);
-        drawPolygon({
-          ctx: ctx,
-          fillColor: isSelected ? _activeStyle.fillColor : _hoveredStyle.fillColor,
-          isDonutPolygon: hoveredItem.isDonutPolygon || false,
-          lineWidth: isSelected ? _activeStyle.lineWidth : _hoveredStyle.lineWidth,
-          polygonOffsets: polygonOffsets,
-          strokeColor: isSelected ? _activeStyle.strokeColor : _hoveredStyle.strokeColor
-        });
       }
     };
   };
@@ -5415,7 +5415,32 @@
         return item.id;
       })) : new Set();
       var hoveredItemId = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id;
-      var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+      var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 호버된 항목 그리기 (가장 위에 표시)
+
+      if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
+        var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
+
+        if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
+
+        var isSelected = selectedIdsSet.has(hoveredItem.id);
+        var context = {
+          isActive: isSelected && hoveredItem.id === selectedItemId,
+          isHovered: !isSelected,
+          isSelected: isSelected
+        };
+        var style = customStyle(hoveredItem, context); // null 또는 undefined를 반환하면 그리지 않음
+
+        if (!style) return;
+        drawPolygon({
+          ctx: ctx,
+          fillColor: style.fillColor,
+          isDonutPolygon: hoveredItem.isDonutPolygon || false,
+          lineWidth: style.lineWidth,
+          polygonOffsets: polygonOffsets,
+          strokeColor: style.strokeColor
+        });
+      } // 2. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+
 
       if (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) {
         for (var _i = 0, selectedItems_3 = selectedItems; _i < selectedItems_3.length; _i++) {
@@ -5442,7 +5467,7 @@
             strokeColor: style.strokeColor
           });
         }
-      } // 2. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
+      } // 3. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
 
 
       if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.paths) && hoveredItemId !== selectedItemId) {
@@ -5466,31 +5491,6 @@
             strokeColor: style.strokeColor
           });
         }
-      } // 3. 호버된 항목 그리기 (가장 위에 표시)
-
-
-      if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
-        var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
-
-        if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
-
-        var isSelected = selectedIdsSet.has(hoveredItem.id);
-        var context = {
-          isActive: isSelected && hoveredItem.id === selectedItemId,
-          isHovered: !isSelected,
-          isSelected: isSelected
-        };
-        var style = customStyle(hoveredItem, context); // null 또는 undefined를 반환하면 그리지 않음
-
-        if (!style) return;
-        drawPolygon({
-          ctx: ctx,
-          fillColor: style.fillColor,
-          isDonutPolygon: hoveredItem.isDonutPolygon || false,
-          lineWidth: style.lineWidth,
-          polygonOffsets: polygonOffsets,
-          strokeColor: style.strokeColor
-        });
       }
     };
   };
@@ -5611,7 +5611,45 @@
         return item.id;
       })) : new Set();
       var hoveredItemId = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id;
-      var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+      var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 호버된 항목 그리기 (가장 위에 표시)
+
+      if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
+        var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
+
+        if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
+
+        var isSelected = selectedIdsSet.has(hoveredItem.id); // customStyle이 있으면 우선 사용, 없거나 null/undefined 반환 시 기본 스타일 사용
+
+        var style = void 0;
+
+        if (customStyle) {
+          var context = {
+            isActive: isSelected && hoveredItem.id === selectedItemId,
+            isHovered: !isSelected,
+            isSelected: isSelected
+          };
+          style = customStyle(hoveredItem, context);
+        } // customStyle이 없거나 null/undefined를 반환하면 기본 스타일 사용
+
+
+        if (!style) {
+          style = {
+            fillColor: isSelected ? _activeFillColor : _hoveredFillColor,
+            lineWidth: isSelected ? _activeLineWidth : _hoveredLineWidth,
+            strokeColor: isSelected ? _activeStrokeColor : _hoveredStrokeColor
+          };
+        }
+
+        drawPolygon({
+          ctx: ctx,
+          fillColor: style.fillColor,
+          isDonutPolygon: hoveredItem.isDonutPolygon || false,
+          lineWidth: style.lineWidth,
+          polygonOffsets: polygonOffsets,
+          strokeColor: style.strokeColor
+        });
+      } // 2. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+
 
       if (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) {
         for (var _i = 0, selectedItems_4 = selectedItems; _i < selectedItems_4.length; _i++) {
@@ -5651,7 +5689,7 @@
             strokeColor: style.strokeColor
           });
         }
-      } // 2. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
+      } // 3. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
 
 
       if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.paths) && hoveredItemId !== selectedItemId) {
@@ -5688,44 +5726,6 @@
             strokeColor: style.strokeColor
           });
         }
-      } // 3. 호버된 항목 그리기 (가장 위에 표시)
-
-
-      if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
-        var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
-
-        if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
-
-        var isSelected = selectedIdsSet.has(hoveredItem.id); // customStyle이 있으면 우선 사용, 없거나 null/undefined 반환 시 기본 스타일 사용
-
-        var style = void 0;
-
-        if (customStyle) {
-          var context = {
-            isActive: isSelected && hoveredItem.id === selectedItemId,
-            isHovered: !isSelected,
-            isSelected: isSelected
-          };
-          style = customStyle(hoveredItem, context);
-        } // customStyle이 없거나 null/undefined를 반환하면 기본 스타일 사용
-
-
-        if (!style) {
-          style = {
-            fillColor: isSelected ? _activeFillColor : _hoveredFillColor,
-            lineWidth: isSelected ? _activeLineWidth : _hoveredLineWidth,
-            strokeColor: isSelected ? _activeStrokeColor : _hoveredStrokeColor
-          };
-        }
-
-        drawPolygon({
-          ctx: ctx,
-          fillColor: style.fillColor,
-          isDonutPolygon: hoveredItem.isDonutPolygon || false,
-          lineWidth: style.lineWidth,
-          polygonOffsets: polygonOffsets,
-          strokeColor: style.strokeColor
-        });
       }
     };
   };
@@ -5817,7 +5817,41 @@
         return item.id;
       })) : new Set();
       var hoveredItemId = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.id;
-      var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+      var selectedItemId = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id; // 1. 호버된 항목 그리기 (가장 위에 표시)
+
+      if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
+        var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
+
+        if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
+
+        var isSelected = selectedIdsSet.has(hoveredItem.id); // customStyle이 있으면 우선 사용, 없거나 null/undefined 반환 시 기본 스타일 사용
+
+        var style = void 0;
+
+        if (customStyle) {
+          var context = {
+            isActive: isSelected && hoveredItem.id === selectedItemId,
+            isHovered: !isSelected,
+            isSelected: isSelected
+          };
+          style = customStyle(hoveredItem, context);
+        } // customStyle이 없거나 null/undefined를 반환하면 기본 스타일 사용
+
+
+        if (!style) {
+          style = isSelected ? _activeStyle : _hoveredStyle;
+        }
+
+        drawPolygon({
+          ctx: ctx,
+          fillColor: style.fillColor,
+          isDonutPolygon: hoveredItem.isDonutPolygon || false,
+          lineWidth: style.lineWidth,
+          polygonOffsets: polygonOffsets,
+          strokeColor: style.strokeColor
+        });
+      } // 2. 선택된 항목들 그리기 (마지막 선택 항목과 호버된 항목 제외)
+
 
       if (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) {
         for (var _i = 0, selectedItems_5 = selectedItems; _i < selectedItems_5.length; _i++) {
@@ -5853,7 +5887,7 @@
             strokeColor: style.strokeColor
           });
         }
-      } // 2. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
+      } // 3. 마지막 선택된 항목 그리기 (호버되지 않은 경우)
 
 
       if ((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.paths) && hoveredItemId !== selectedItemId) {
@@ -5886,40 +5920,6 @@
             strokeColor: style.strokeColor
           });
         }
-      } // 3. 호버된 항목 그리기 (가장 위에 표시)
-
-
-      if (hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.paths) {
-        var polygonOffsets = utils.getOrComputePolygonOffsets(hoveredItem); // 좌표 변환 실패 시 스킵 (return은 렌더링 함수 종료)
-
-        if (!polygonOffsets) return; // 성능 최적화: Set을 사용하여 O(1) 조회 (이전: O(m) some() 체크)
-
-        var isSelected = selectedIdsSet.has(hoveredItem.id); // customStyle이 있으면 우선 사용, 없거나 null/undefined 반환 시 기본 스타일 사용
-
-        var style = void 0;
-
-        if (customStyle) {
-          var context = {
-            isActive: isSelected && hoveredItem.id === selectedItemId,
-            isHovered: !isSelected,
-            isSelected: isSelected
-          };
-          style = customStyle(hoveredItem, context);
-        } // customStyle이 없거나 null/undefined를 반환하면 기본 스타일 사용
-
-
-        if (!style) {
-          style = isSelected ? _activeStyle : _hoveredStyle;
-        }
-
-        drawPolygon({
-          ctx: ctx,
-          fillColor: style.fillColor,
-          isDonutPolygon: hoveredItem.isDonutPolygon || false,
-          lineWidth: style.lineWidth,
-          polygonOffsets: polygonOffsets,
-          strokeColor: style.strokeColor
-        });
       }
     };
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mint-ui/map",
-  "version": "1.2.0-test.70",
+  "version": "1.2.0-test.71",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "browser": "./dist/index.umd.js",