| 97 | } |
| 98 | |
| 99 | function onDragEnd() { |
| 100 | isDragging = false; |
| 101 | document.removeEventListener("touchmove", onDragMove); |
| 102 | document.removeEventListener("mousemove", onDragMove); |
| 103 | document.removeEventListener("touchend", onDragEnd); |
| 104 | document.removeEventListener("mouseup", onDragEnd); |
| 105 | |
| 106 | $panel.style.transition = ""; |
| 107 | const deltaY = currentY - startY; |
| 108 | |
| 109 | if (deltaY > 100) { |
| 110 | hide(); |
| 111 | } else if (deltaY < -50 && !state.expanded) { |
| 112 | state.expanded = true; |
| 113 | $panel.classList.add("expanded"); |
| 114 | $panel.style.transform = ""; |
| 115 | $panel.style.maxHeight = ""; |
| 116 | } else { |
| 117 | $panel.style.transform = ""; |
| 118 | $panel.style.maxHeight = ""; |
| 119 | } |
| 120 | } |
| 121 | |
| 122 | function setTitle(symbolName) { |
| 123 | $title.innerHTML = ""; |