@rpg-engine/long-bow 0.8.36 → 0.8.38

package/dist/long-bow.esm.js

@@ -31130,11 +31130,7 @@ var Container$n = /*#__PURE__*/styled.div.withConfig({
 var Content = /*#__PURE__*/styled.div.withConfig({
   displayName: "PaginatedContent__Content",
   componentId: "sc-lzp9hn-1"
-})(["display:flex;flex-direction:column;gap:0.5rem;flex:1;padding:0.25rem;min-height:200px;max-height:", ";overflow-y:", ";box-sizing:border-box;@media (min-width:360px){padding:0.5rem;}@media (min-width:480px){padding:1rem;}&.grid{display:grid;grid-template-columns:1fr;gap:0.5rem;align-items:start;justify-content:center;width:100%;overflow-x:hidden;@media (min-width:320px){grid-template-columns:repeat(auto-fit,minmax(120px,1fr));}@media (min-width:400px){grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:0.75rem;}@media (min-width:480px){grid-template-columns:repeat(2,minmax(135px,1fr));gap:1rem;}@media (min-width:768px){grid-template-columns:repeat(3,minmax(135px,1fr));}@media (min-width:", "){grid-template-columns:repeat( ", ",minmax(135px,1fr) );}@media (min-width:", "){grid-template-columns:repeat( ", ",minmax(135px,1fr) );}.PaginatedContent-item{display:flex;align-items:flex-start;justify-content:center;height:", ";width:100%;box-sizing:border-box;min-height:135px;}}&.list{display:flex;flex-direction:column;gap:0.5rem;}"], function (props) {
-  return props.$maxHeight;
-}, function (props) {
-  return props.$maxHeight ? 'auto' : 'visible';
-}, UI_BREAKPOINT_MOBILE, function (props) {
+})(["display:flex;flex-direction:column;gap:0.5rem;flex:1;padding:0.25rem;min-height:200px;max-height:60vh;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.3) rgba(0,0,0,0.2);@media (min-width:360px){padding:0.5rem;}@media (min-width:480px){padding:1rem;}&.grid{display:grid;grid-template-columns:1fr;gap:0.5rem;align-items:start;justify-content:center;width:100%;@media (min-width:320px){grid-template-columns:repeat(2,minmax(100px,1fr));}@media (min-width:400px){grid-template-columns:repeat(2,minmax(120px,1fr));gap:0.75rem;}@media (min-width:480px){grid-template-columns:repeat(3,minmax(120px,1fr));gap:1rem;}@media (min-width:768px){grid-template-columns:repeat(4,minmax(120px,1fr));}@media (min-width:", "){grid-template-columns:repeat( ", ",minmax(120px,1fr) );}@media (min-width:", "){grid-template-columns:repeat( ", ",minmax(120px,1fr) );}.PaginatedContent-item{display:flex;align-items:flex-start;justify-content:center;height:", ";width:100%;box-sizing:border-box;min-height:120px;}}&.list{display:flex;flex-direction:column;gap:0.5rem;}"], UI_BREAKPOINT_MOBILE, function (props) {
   return Math.min(props.$gridColumns, 4);
 }, UI_BREAKPOINT_SMALL_LAPTOP, function (props) {
   return props.$gridColumns;
@@ -31176,12 +31172,46 @@ var InformationCenterCell = function InformationCenterCell(_ref) {
     onMouseLeave = _ref.onMouseLeave,
     onMouseMove = _ref.onMouseMove,
     onTouchStart = _ref.onTouchStart;
+  var _useState = useState(null),
+    touchStartY = _useState[0],
+    setTouchStartY = _useState[1];
+  var _useState2 = useState(null),
+    touchStartX = _useState2[0],
+    setTouchStartX = _useState2[1];
+  var _useState3 = useState(false),
+    isTouchScrolling = _useState3[0],
+    setIsTouchScrolling = _useState3[1];
+  var handleTouchStart = function handleTouchStart(e) {
+    setTouchStartY(e.touches[0].clientY);
+    setTouchStartX(e.touches[0].clientX);
+    setIsTouchScrolling(false);
+  };
+  var handleTouchMove = function handleTouchMove(e) {
+    if (touchStartY !== null && touchStartX !== null) {
+      var touchDiffY = Math.abs(e.touches[0].clientY - touchStartY);
+      var touchDiffX = Math.abs(e.touches[0].clientX - touchStartX);
+      // If user moved finger more than 15px in any direction, consider it scrolling
+      if (touchDiffY > 15 || touchDiffX > 15) {
+        setIsTouchScrolling(true);
+        e.stopPropagation(); // Prevent parent elements from handling this touch
+      }
+    }
+  };
+  var handleTouchEnd = function handleTouchEnd(e) {
+    if (!isTouchScrolling && onTouchStart) {
+      onTouchStart(e);
+    }
+    setTouchStartY(null);
+    setTouchStartX(null);
+  };
   return React.createElement(CellContainer, {
     onClick: onClick,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     onMouseMove: onMouseMove,
-    onTouchStart: onTouchStart
+    onTouchStart: handleTouchStart,
+    onTouchMove: handleTouchMove,
+    onTouchEnd: handleTouchEnd
   }, React.createElement(SpriteContainer$1, null, React.createElement(SpriteFromAtlas, {
     atlasJSON: atlasJSON,
     atlasIMG: atlasIMG,
@@ -31194,19 +31224,19 @@ var InformationCenterCell = function InformationCenterCell(_ref) {
 var CellContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenterCell__CellContainer",
   componentId: "sc-w48fdf-0"
-})(["position:relative;background:rgba(0,0,0,0.2);padding:0.25rem;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;transition:background-color 0.2s ease;width:100%;height:100%;min-height:135px;box-sizing:border-box;gap:0.25rem;margin:0;@media (min-width:360px){padding:0.75rem;gap:0.75rem;margin:2px;width:calc(100% - 4px);}@media (min-width:", "){min-height:150px;}&:hover{background:rgba(0,0,0,0.3);}"], UI_BREAKPOINT_MOBILE);
+})(["position:relative;background:rgba(0,0,0,0.2);padding:0.2rem;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease;width:100%;height:100%;min-height:90px;box-sizing:border-box;gap:0.2rem;margin:0;@media (min-width:360px){padding:0.3rem;gap:0.3rem;margin:1px;width:calc(100% - 2px);min-height:100px;}@media (min-width:", "){min-height:110px;}&:hover{background:rgba(0,0,0,0.3);}"], UI_BREAKPOINT_MOBILE);
 var SpriteContainer$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenterCell__SpriteContainer",
   componentId: "sc-w48fdf-1"
-})(["margin-bottom:0;display:flex;justify-content:center;align-items:center;width:40px;height:40px;position:relative;background:rgba(0,0,0,0.3);border-radius:4px;flex-shrink:0;@media (min-width:360px){width:48px;height:48px;}@media (min-width:480px){width:64px;height:64px;}@media (min-width:", "){width:72px;height:72px;}.sprite-from-atlas-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);image-rendering:pixelated;}"], UI_BREAKPOINT_MOBILE);
+})(["display:flex;justify-content:center;align-items:center;width:32px;height:32px;position:relative;background:rgba(0,0,0,0.3);border-radius:4px;flex-shrink:0;overflow:hidden;padding:1rem;margin-top:1rem;@media (min-width:360px){width:36px;height:36px;}@media (min-width:480px){width:42px;height:42px;}@media (min-width:", "){width:48px;height:48px;}.sprite-from-atlas-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);image-rendering:pixelated;}"], UI_BREAKPOINT_MOBILE);
 var CellNameContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenterCell__CellNameContainer",
   componentId: "sc-w48fdf-2"
-})(["display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;width:100%;padding-top:0.25rem;"]);
+})(["display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;padding-top:0.1rem;"]);
 var CellName = /*#__PURE__*/styled.h3.withConfig({
   displayName: "InformationCenterCell__CellName",
   componentId: "sc-w48fdf-3"
-})(["font-size:0.55rem;color:#fef08a;margin:0;text-align:center;font-family:'Press Start 2P',cursive;line-height:1.2;word-break:break-word;max-width:100%;overflow-wrap:break-word;hyphens:auto;width:100%;padding:0 0.125rem;box-sizing:border-box;@media (min-width:320px){padding:0 0.25rem;}@media (min-width:360px){font-size:0.6rem;}@media (min-width:480px){font-size:0.7rem;}@media (min-width:", "){font-size:0.8rem;}"], UI_BREAKPOINT_MOBILE);
+})(["font-size:0.5rem;color:#fef08a;margin:0;text-align:center;font-family:'Press Start 2P',cursive;line-height:1.1;word-break:break-word;max-width:100%;overflow-wrap:break-word;hyphens:auto;width:100%;padding:0 0.125rem;box-sizing:border-box;@media (min-width:320px){padding:0 0.25rem;}@media (min-width:360px){font-size:0.55rem;}@media (min-width:480px){font-size:0.6rem;}@media (min-width:", "){font-size:0.65rem;}"], UI_BREAKPOINT_MOBILE);
 
 var BaseInformationDetails = function BaseInformationDetails(_ref) {
   var name = _ref.name,
@@ -31571,9 +31601,9 @@ var AdvancedFilters = function AdvancedFilters(_ref) {
       var rect = buttonRef.current.getBoundingClientRect();
       var isMobileView = window.innerWidth < 480;
       if (isMobileView) {
-        // Center in the screen for mobile
+        // For mobile, position in center of screen
         setButtonPosition({
-          top: Math.max(50, window.innerHeight / 2 - 150),
+          top: window.innerHeight / 2,
           left: window.innerWidth / 2,
           isMobile: true
         });
@@ -31621,13 +31651,13 @@ var AdvancedFilters = function AdvancedFilters(_ref) {
     ref: panelRef,
     style: {
       position: 'fixed',
-      top: buttonPosition.top + "px",
-      left: buttonPosition.left + "px",
-      transform: 'translateX(-50%)',
+      top: buttonPosition.isMobile ? '50vh' : buttonPosition.top + "px",
+      left: buttonPosition.isMobile ? '50vw' : buttonPosition.left + "px",
+      transform: buttonPosition.isMobile ? 'translate(-50%, -50%)' : 'translateX(-50%)',
       zIndex: 9999
     },
     "$isMobile": buttonPosition.isMobile
-  }, React.createElement(FilterHeader, null, React.createElement(FilterTitle, null, "Advanced Filters"), buttonPosition.isMobile && React.createElement(CloseButton$6, {
+  }, React.createElement(FilterHeader, null, React.createElement(FilterTitle, null, "Advanced Filters"), React.createElement(CloseButton$6, {
     onClick: onToggle
   }, "\xD7")), sections.map(renderFilterSection), hasActiveFilters && React.createElement(ClearFiltersButton, {
     onClick: onClearAll
@@ -32711,7 +32741,8 @@ var InformationCenter = function InformationCenter(_ref) {
     title: "Information Center",
     type: RPGUIContainerTypes.Framed,
     width: isMobile ? '95%' : '80%',
-    minWidth: "300px"
+    minWidth: "300px",
+    cancelDrag: ".PaginatedContent-content"
   }, React.createElement(Container$r, null, React.createElement(InternalTabs, {
     tabs: tabs,
     activeTextColor: "#000000",
@@ -32726,7 +32757,7 @@ var InformationCenter = function InformationCenter(_ref) {
 var Container$r = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenter__Container",
   componentId: "sc-1ttl62e-0"
-})(["width:100%;max-width:100%;margin:0 auto;padding:0.125rem;overflow:hidden;box-sizing:border-box;@media (min-width:320px){padding:0.25rem;}@media (min-width:360px){padding:0.5rem;}@media (min-width:480px){padding:0.75rem;}@media (min-width:", "){max-width:900px;padding:1rem;}@media (min-width:", "){max-width:1200px;}"], UI_BREAKPOINT_MOBILE, UI_BREAKPOINT_SMALL_LAPTOP);
+})(["width:100%;max-width:100%;margin:0 auto;padding:0.125rem;overflow:hidden;box-sizing:border-box;@media (min-width:320px){padding:0.25rem;}@media (min-width:360px){padding:0.5rem;}@media (min-width:480px){padding:0.75rem;}"]);
 var LoadingMessage = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenter__LoadingMessage",
   componentId: "sc-1ttl62e-1"