pointer dragging class containes the handlers for mouseup/mousedown/mousemove. That is the "point of entry"...follows the mouseDown handler

var PointerDragging = /** @class */ (function () {
        function PointerDragging(containerEl) {
            var _this = this;
       // various props here
            this.handleMouseDown = function (ev) {
            
                if (!_this.shouldIgnoreMouse() &&
                    isPrimaryMouseButton(ev) &&
                    _this.tryStart(ev)) {
                    var pev = _this.createEventFromMouse(ev, true);
       
                    _this.emitter.trigger('pointerdown', pev);
                    _this.initScrollWatch(pev);
                    if (!_this.shouldIgnoreMove) {
                        document.addEventListener('mousemove', _this.handleMouseMove);
                    }
                    document.addEventListener('mouseup', _this.handleMouseUp);
                }

The above will lead to FeatureFullEmentDragging class respective handler(mousedown)..then to HitDragging class respective handler and then to DateClicking Class.

This is the point I do not understand...at this point the flow will restart from PointerDragging mouseDown handler all the way to DateSelecting Class and then again from Pointerdragging class... The handlers in DateClicking and DateSelecting Class(in this example i am referring to mousedown handlers) do not have code that initiates this restart...then which piece of code is responsible for it?

Cause this must triggered from somehwere..but from where and why?