feat: add preventClickOnDrag option to PanInput

[malangfox]

Details

This adds the option to cancel the click event when a valid drag occurs in PanInput and RotatePanInput.

We currently implemented this feature on Flicking that uses PanInput.
However, there are cases when you want to use this preventClickOnDrag feature in other UIs that uses PanInput.

After we add preventClickOnDrag to PanInputOption, Flicking can exclude implementation about preventClickOnDrag and handle it by PanInputOption.

[daybrush]

There are a few things to check.

1. Prevent the click event of the element's parent? vs Prevent click event on child inside vs element? vs prevent everything?
2. What is the need for the preventClickOnDragStart option? Option to block clicks as soon as you start dragging.
3. Check the process in which the click event occurs in touch.

[WoodNeck]

I think it shouldn't be activated if the element doesn't exist.
Like,

if (!activeEvent || !this.element) {
  return;
}

Actually, I wonder in what case the element be null, as it receives the element in the constructor.
Please check whether the type is incorrect for this case.

[malangfox]

This seems to be unnecessary since existence of the element should be guaranteed by user at the timing of _attachElementEvent, unlike _detachElementEvent which element may not exist while input is disconnected.
I think we can throw an error if the target element does not exist at _attachElementEvent.

[daybrush]

LGTM

[daybrush]

Subtract the frequently used this property with a constant.

const element = this.element;

[WoodNeck]

LGTM

[WoodNeck]

You'd rather do it like:

const element = this.element;
if (element) {
  element.removeEventListener("keydown", this._onKeydown, false);
  element.removeEventListener("keypress", this._onKeydown, false);
  element.removeEventListener("keyup", this._onKeyup, false);
}

Because simply, the one you wrote turns like this on tsc compiler:

var element = this.element;
element === null || element === void 0 ? void 0 : element.removeEventListener("keydown", this._onKeydown, false);
element === null || element === void 0 ? void 0 : element.removeEventListener("keypress", this._onKeydown, false);
element === null || element === void 0 ? void 0 : element.removeEventListener("keyup", this._onKeyup, false);