easy 20.1.5 → 20.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/example.js +312 -204
- package/lib/document.js +3 -3
- package/lib/element.js +5 -1
- package/lib/eventTypes.js +12 -2
- package/lib/mixins/click.js +13 -5
- package/lib/mixins/fullScreen.js +38 -0
- package/lib/mixins/jsx.js +18 -4
- package/lib/mixins/scroll.js +15 -4
- package/lib/mixins/touch.js +40 -0
- package/lib/textElement.js +8 -3
- package/lib/window.js +5 -6
- package/package.json +1 -1
- package/src/document.js +2 -2
- package/src/element.js +4 -0
- package/src/eventTypes.js +5 -1
- package/src/mixins/click.js +9 -3
- package/src/mixins/fullScreen.js +35 -0
- package/src/mixins/jsx.js +25 -3
- package/src/mixins/scroll.js +2 -2
- package/src/mixins/touch.js +26 -0
- package/src/textElement.js +8 -2
- package/src/window.js +5 -4
- package/lib/mixins/textElement.js +0 -20
- package/src/mixins/textElement.js +0 -12
package/lib/window.js
CHANGED
|
@@ -14,9 +14,9 @@ var _event = /*#__PURE__*/ _interop_require_default(require("./mixins/event"));
|
|
|
14
14
|
var _mouse = /*#__PURE__*/ _interop_require_default(require("./mixins/mouse"));
|
|
15
15
|
var _click = /*#__PURE__*/ _interop_require_default(require("./mixins/click"));
|
|
16
16
|
var _focus = /*#__PURE__*/ _interop_require_default(require("./mixins/focus"));
|
|
17
|
-
var _scroll = /*#__PURE__*/ _interop_require_default(require("./mixins/scroll"));
|
|
18
17
|
var _constants = require("./constants");
|
|
19
18
|
var _eventTypes = require("./eventTypes");
|
|
19
|
+
var _scroll = require("./mixins/scroll");
|
|
20
20
|
function _array_like_to_array(arr, len) {
|
|
21
21
|
if (len == null || len > arr.length) len = arr.length;
|
|
22
22
|
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
@@ -70,7 +70,6 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
70
70
|
if (n === "Map" || n === "Set") return Array.from(n);
|
|
71
71
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
72
72
|
}
|
|
73
|
-
var onScroll = _scroll.default.onScroll, offScroll = _scroll.default.offScroll;
|
|
74
73
|
var Window = /*#__PURE__*/ function() {
|
|
75
74
|
function Window() {
|
|
76
75
|
_class_call_check(this, Window);
|
|
@@ -149,9 +148,9 @@ Object.assign(Window.prototype, _mouse.default);
|
|
|
149
148
|
Object.assign(Window.prototype, _click.default);
|
|
150
149
|
Object.assign(Window.prototype, _focus.default);
|
|
151
150
|
Object.assign(Window.prototype, {
|
|
152
|
-
onScroll: onScroll,
|
|
153
|
-
offScroll: offScroll
|
|
154
|
-
});
|
|
151
|
+
onScroll: _scroll.onScroll,
|
|
152
|
+
offScroll: _scroll.offScroll
|
|
153
|
+
});
|
|
155
154
|
var _default = (typeof window === "undefined" ? "undefined" : _type_of(window)) === _constants.UNDEFINED ? undefined : new Window();
|
|
156
155
|
|
|
157
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
156
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy93aW5kb3cuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCBrZXlNaXhpbnMgZnJvbSBcIi4vbWl4aW5zL2tleVwiO1xuaW1wb3J0IGV2ZW50TWl4aW5zIGZyb20gXCIuL21peGlucy9ldmVudFwiO1xuaW1wb3J0IG1vdXNlTWl4aW5zIGZyb20gXCIuL21peGlucy9tb3VzZVwiO1xuaW1wb3J0IGNsaWNrTWl4aW5zIGZyb20gXCIuL21peGlucy9jbGlja1wiO1xuaW1wb3J0IGZvY3VzTWl4aW5zIGZyb20gXCIuL21peGlucy9mb2N1c1wiO1xuXG5pbXBvcnQgeyBVTkRFRklORUQgfSBmcm9tIFwiLi9jb25zdGFudHNcIjtcbmltcG9ydCB7IFJFU0laRV9FVkVOVF9UWVBFIH0gZnJvbSBcIi4vZXZlbnRUeXBlc1wiO1xuaW1wb3J0IHsgb25TY3JvbGwsIG9mZlNjcm9sbCB9IGZyb20gXCIuL21peGlucy9zY3JvbGxcIjtcblxuY2xhc3MgV2luZG93IHtcbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy5kb21FbGVtZW50ID0gd2luZG93OyAvLy9cbiAgfVxuXG4gIGdldERPTUVsZW1lbnQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZG9tRWxlbWVudDtcbiAgfVxuXG4gIGFzc2lnbiguLi5zb3VyY2VzKSB7XG4gICAgY29uc3QgdGFyZ2V0ID0gdGhpcy5kb21FbGVtZW50OyAvLy9cblxuICAgIE9iamVjdC5hc3NpZ24odGFyZ2V0LCAuLi5zb3VyY2VzKTtcbiAgfVxuXG4gIGdldFdpZHRoKCkgeyByZXR1cm4gdGhpcy5kb21FbGVtZW50LmlubmVyV2lkdGg7IH0gLy8vXG4gIFxuICBnZXRIZWlnaHQoKSB7IHJldHVybiB0aGlzLmRvbUVsZW1lbnQuaW5uZXJIZWlnaHQ7IH0gLy8vXG5cbiAgZ2V0U2Nyb2xsVG9wKCkgeyByZXR1cm4gdGhpcy5kb21FbGVtZW50LnBhZ2VZT2Zmc2V0OyB9ICAvLy9cblxuICBnZXRTY3JvbGxMZWZ0KCkgeyByZXR1cm4gdGhpcy5kb21FbGVtZW50LnBhZ2VYT2Zmc2V0OyB9IC8vL1xuXG4gIGdldFNlbGVjdGlvbigpIHsgcmV0dXJuIHRoaXMuZG9tRWxlbWVudC5nZXRTZWxlY3Rpb24oKTsgfVxuXG4gIG9uUmVzaXplKHJlc2l6ZUhhbmRsZXIsIGVsZW1lbnQpIHtcbiAgICBjb25zdCBldmVudFR5cGUgPSBSRVNJWkVfRVZFTlRfVFlQRSxcbiAgICAgICAgICBldmVudExpc3RlbmVyID0gdGhpcy5hZGRFdmVudExpc3RlbmVyKGV2ZW50VHlwZSwgcmVzaXplSGFuZGxlciwgZWxlbWVudCk7XG5cbiAgICB0aGlzLmRvbUVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihldmVudFR5cGUsIGV2ZW50TGlzdGVuZXIpO1xuICB9XG5cbiAgb2ZmUmVzaXplKHJlc2l6ZUhhbmRsZXIsIGVsZW1lbnQpIHtcbiAgICBjb25zdCBldmVudFR5cGUgPSBSRVNJWkVfRVZFTlRfVFlQRSxcbiAgICAgICAgICBldmVudExpc3RlbmVyID0gdGhpcy5yZW1vdmVFdmVudExpc3RlbmVyKGV2ZW50VHlwZSwgcmVzaXplSGFuZGxlciwgZWxlbWVudCk7XG5cbiAgICB0aGlzLmRvbUVsZW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihldmVudFR5cGUsIGV2ZW50TGlzdGVuZXIpO1xuICB9XG59XG5cbk9iamVjdC5hc3NpZ24oV2luZG93LnByb3RvdHlwZSwga2V5TWl4aW5zKTtcbk9iamVjdC5hc3NpZ24oV2luZG93LnByb3RvdHlwZSwgZXZlbnRNaXhpbnMpO1xuT2JqZWN0LmFzc2lnbihXaW5kb3cucHJvdG90eXBlLCBtb3VzZU1peGlucyk7XG5PYmplY3QuYXNzaWduKFdpbmRvdy5wcm90b3R5cGUsIGNsaWNrTWl4aW5zKTtcbk9iamVjdC5hc3NpZ24oV2luZG93LnByb3RvdHlwZSwgZm9jdXNNaXhpbnMpO1xuT2JqZWN0LmFzc2lnbihXaW5kb3cucHJvdG90eXBlLCB7XG4gIG9uU2Nyb2xsLFxuICBvZmZTY3JvbGxcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCAodHlwZW9mIHdpbmRvdyA9PT0gVU5ERUZJTkVEKSA/IHVuZGVmaW5lZCA6IG5ldyBXaW5kb3coKTsgIC8vL1xuIl0sIm5hbWVzIjpbIldpbmRvdyIsImRvbUVsZW1lbnQiLCJ3aW5kb3ciLCJnZXRET01FbGVtZW50IiwiYXNzaWduIiwic291cmNlcyIsIk9iamVjdCIsInRhcmdldCIsImdldFdpZHRoIiwiaW5uZXJXaWR0aCIsImdldEhlaWdodCIsImlubmVySGVpZ2h0IiwiZ2V0U2Nyb2xsVG9wIiwicGFnZVlPZmZzZXQiLCJnZXRTY3JvbGxMZWZ0IiwicGFnZVhPZmZzZXQiLCJnZXRTZWxlY3Rpb24iLCJvblJlc2l6ZSIsInJlc2l6ZUhhbmRsZXIiLCJlbGVtZW50IiwiZXZlbnRUeXBlIiwiUkVTSVpFX0VWRU5UX1RZUEUiLCJldmVudExpc3RlbmVyIiwiYWRkRXZlbnRMaXN0ZW5lciIsIm9mZlJlc2l6ZSIsInJlbW92ZUV2ZW50TGlzdGVuZXIiLCJwcm90b3R5cGUiLCJrZXlNaXhpbnMiLCJldmVudE1peGlucyIsIm1vdXNlTWl4aW5zIiwiY2xpY2tNaXhpbnMiLCJmb2N1c01peGlucyIsIm9uU2Nyb2xsIiwib2ZmU2Nyb2xsIiwiVU5ERUZJTkVEIiwidW5kZWZpbmVkIl0sIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkE4REEsVUFBMEUsR0FBRzs7OztlQUE3RTs7OzBEQTVEc0I7NERBQ0U7NERBQ0E7NERBQ0E7NERBQ0E7eUJBRUU7MEJBQ1E7c0JBQ0U7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVwQyxJQUFBLEFBQU1BLHVCQUFOO2FBQU1BO2dDQUFBQTtRQUVGLElBQUksQ0FBQ0MsVUFBVSxHQUFHQyxRQUFRLEdBQUc7O2tCQUYzQkY7O1lBS0pHLEtBQUFBO21CQUFBQSxTQUFBQTtnQkFDRSxPQUFPLElBQUksQ0FBQ0YsVUFBVTtZQUN4Qjs7O1lBRUFHLEtBQUFBO21CQUFBQSxTQUFBQTtnQkFBTyxJQUFBLElBQUEsT0FBQSxVQUFBLFFBQUEsQUFBR0MsVUFBSCxVQUFBLE9BQUEsT0FBQSxHQUFBLE9BQUEsTUFBQTtvQkFBR0EsUUFBSCxRQUFBLFNBQUEsQ0FBQSxLQUFVOztvQkFHZkM7Z0JBRkEsSUFBTUMsU0FBUyxJQUFJLENBQUNOLFVBQVUsRUFBRSxHQUFHO2dCQUVuQ0ssQ0FBQUEsVUFBQUEsUUFBT0YsTUFBTSxPQUFiRSxTQUFBQTtvQkFBY0M7aUJBQW1CLENBQWpDRCxPQUFzQixxQkFBR0Q7WUFDM0I7OztZQUVBRyxLQUFBQTttQkFBQUEsU0FBQUE7Z0JBQWEsT0FBTyxJQUFJLENBQUNQLFVBQVUsQ0FBQ1EsVUFBVTtZQUFFLEVBQUUsR0FBRzs7O1lBRXJEQyxLQUFBQTttQkFBQUEsU0FBQUE7Z0JBQWMsT0FBTyxJQUFJLENBQUNULFVBQVUsQ0FBQ1UsV0FBVztZQUFFLEVBQUUsR0FBRzs7O1lBRXZEQyxLQUFBQTttQkFBQUEsU0FBQUE7Z0JBQWlCLE9BQU8sSUFBSSxDQUFDWCxVQUFVLENBQUNZLFdBQVc7WUFBRSxFQUFHLEdBQUc7OztZQUUzREMsS0FBQUE7bUJBQUFBLFNBQUFBO2dCQUFrQixPQUFPLElBQUksQ0FBQ2IsVUFBVSxDQUFDYyxXQUFXO1lBQUUsRUFBRSxHQUFHOzs7WUFFM0RDLEtBQUFBO21CQUFBQSxTQUFBQTtnQkFBaUIsT0FBTyxJQUFJLENBQUNmLFVBQVUsQ0FBQ2UsWUFBWTtZQUFJOzs7WUFFeERDLEtBQUFBO21CQUFBQSxTQUFBQSxTQUFTQyxhQUFhLEVBQUVDLE9BQU87Z0JBQzdCLElBQU1DLFlBQVlDLDZCQUFpQixFQUM3QkMsZ0JBQWdCLElBQUksQ0FBQ0MsZ0JBQWdCLENBQUNILFdBQVdGLGVBQWVDO2dCQUV0RSxJQUFJLENBQUNsQixVQUFVLENBQUNzQixnQkFBZ0IsQ0FBQ0gsV0FBV0U7WUFDOUM7OztZQUVBRSxLQUFBQTttQkFBQUEsU0FBQUEsVUFBVU4sYUFBYSxFQUFFQyxPQUFPO2dCQUM5QixJQUFNQyxZQUFZQyw2QkFBaUIsRUFDN0JDLGdCQUFnQixJQUFJLENBQUNHLG1CQUFtQixDQUFDTCxXQUFXRixlQUFlQztnQkFFekUsSUFBSSxDQUFDbEIsVUFBVSxDQUFDd0IsbUJBQW1CLENBQUNMLFdBQVdFO1lBQ2pEOzs7V0FyQ0l0Qjs7QUF3Q05NLE9BQU9GLE1BQU0sQ0FBQ0osT0FBTzBCLFNBQVMsRUFBRUMsWUFBUztBQUN6Q3JCLE9BQU9GLE1BQU0sQ0FBQ0osT0FBTzBCLFNBQVMsRUFBRUUsY0FBVztBQUMzQ3RCLE9BQU9GLE1BQU0sQ0FBQ0osT0FBTzBCLFNBQVMsRUFBRUcsY0FBVztBQUMzQ3ZCLE9BQU9GLE1BQU0sQ0FBQ0osT0FBTzBCLFNBQVMsRUFBRUksY0FBVztBQUMzQ3hCLE9BQU9GLE1BQU0sQ0FBQ0osT0FBTzBCLFNBQVMsRUFBRUssY0FBVztBQUMzQ3pCLE9BQU9GLE1BQU0sQ0FBQ0osT0FBTzBCLFNBQVMsRUFBRTtJQUM5Qk0sVUFBQUEsZ0JBQVE7SUFDUkMsV0FBQUEsaUJBQVM7QUFDWDtJQUVBLFdBQWUsQUFBQyxDQUFBLE9BQU8vQix1Q0FBUCxTQUFPQSxPQUFLLE1BQU1nQyxvQkFBUyxHQUFJQyxZQUFZLElBQUluQyJ9
|
package/package.json
CHANGED
package/src/document.js
CHANGED
|
@@ -22,9 +22,9 @@ class Document {
|
|
|
22
22
|
|
|
23
23
|
createTextNode(data) { return this.domElement.createTextNode(data); }
|
|
24
24
|
|
|
25
|
-
onSelectionChange(selectionChangeHandler, element) { this.onEvent(SELECTIONCHANGE_EVENT_TYPE, selectionChangeHandler, element); }
|
|
25
|
+
onSelectionChange(selectionChangeHandler, element) { this.onEvent(SELECTIONCHANGE_EVENT_TYPE, selectionChangeHandler, element); } ///
|
|
26
26
|
|
|
27
|
-
offSelectionChange(selectionChangeHandler, element) { this.offEvent(SELECTIONCHANGE_EVENT_TYPE, selectionChangeHandler, element); }
|
|
27
|
+
offSelectionChange(selectionChangeHandler, element) { this.offEvent(SELECTIONCHANGE_EVENT_TYPE, selectionChangeHandler, element); } ///
|
|
28
28
|
|
|
29
29
|
createEventListener(eventType, handler, element) {
|
|
30
30
|
let eventListener;
|
package/src/element.js
CHANGED
|
@@ -9,9 +9,11 @@ import eventMixins from "./mixins/event";
|
|
|
9
9
|
import mouseMixins from "./mixins/mouse";
|
|
10
10
|
import clickMixins from "./mixins/click";
|
|
11
11
|
import focusMixins from "./mixins/focus";
|
|
12
|
+
import touchMixins from "./mixins/touch";
|
|
12
13
|
import scrollMixins from "./mixins/scroll";
|
|
13
14
|
import resizeMixins from "./mixins/resize";
|
|
14
15
|
import elementMixins from "./mixins/element";
|
|
16
|
+
import fullscreenMixins from "./mixins/fullScreen";
|
|
15
17
|
import customEventMixins from "./mixins/customEvent";
|
|
16
18
|
|
|
17
19
|
import { combine } from "./utilities/object";
|
|
@@ -329,9 +331,11 @@ Object.assign(Element.prototype, clickMixins);
|
|
|
329
331
|
Object.assign(Element.prototype, stateMixins);
|
|
330
332
|
Object.assign(Element.prototype, eventMixins);
|
|
331
333
|
Object.assign(Element.prototype, focusMixins);
|
|
334
|
+
Object.assign(Element.prototype, touchMixins);
|
|
332
335
|
Object.assign(Element.prototype, scrollMixins);
|
|
333
336
|
Object.assign(Element.prototype, resizeMixins);
|
|
334
337
|
Object.assign(Element.prototype, elementMixins);
|
|
338
|
+
Object.assign(Element.prototype, fullscreenMixins);
|
|
335
339
|
Object.assign(Element.prototype, customEventMixins);
|
|
336
340
|
|
|
337
341
|
function elementFromTagName(Class, tagName, ...remainingArguments) {
|
package/src/eventTypes.js
CHANGED
|
@@ -27,7 +27,9 @@ export const TOUCHSTART_EVENT_TYPE = "touchstart";
|
|
|
27
27
|
export const CONTEXTMENU_EVENT_TYPE = "contextmenu";
|
|
28
28
|
export const DOUBLE_CLICK_EVENT_TYPE = "doubleclick";
|
|
29
29
|
export const SELECTIONCHANGE_EVENT_TYPE = "selectionchange";
|
|
30
|
+
export const SELECTION_CHANGE_EVENT_TYPE = "selectionChange";
|
|
30
31
|
export const FULLSCREENCHANGE_EVENT_TYPE = "fullscreenchange";
|
|
32
|
+
export const FULL_SCREEN_CHANGE_EVENT_TYPE = "fullScreenChange";
|
|
31
33
|
|
|
32
34
|
export default {
|
|
33
35
|
CUT_EVENT_TYPE,
|
|
@@ -57,5 +59,7 @@ export default {
|
|
|
57
59
|
CONTEXTMENU_EVENT_TYPE,
|
|
58
60
|
DOUBLE_CLICK_EVENT_TYPE,
|
|
59
61
|
SELECTIONCHANGE_EVENT_TYPE,
|
|
60
|
-
|
|
62
|
+
SELECTION_CHANGE_EVENT_TYPE,
|
|
63
|
+
FULLSCREENCHANGE_EVENT_TYPE,
|
|
64
|
+
FULL_SCREEN_CHANGE_EVENT_TYPE
|
|
61
65
|
};
|
package/src/mixins/click.js
CHANGED
|
@@ -1,18 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { CLICK_EVENT_TYPE, DBLCLICK_EVENT_TYPE } from "../eventTypes";
|
|
3
|
+
import { CLICK_EVENT_TYPE, DBLCLICK_EVENT_TYPE, AUXCLICK_EVENT_TYPE } from "../eventTypes";
|
|
4
4
|
|
|
5
5
|
function onClick(clickHandler, element) { this.onEvent(CLICK_EVENT_TYPE, clickHandler, element); }
|
|
6
6
|
|
|
7
7
|
function offClick(clickHandler, element) { this.offEvent(CLICK_EVENT_TYPE, clickHandler, element); }
|
|
8
8
|
|
|
9
|
-
function
|
|
9
|
+
function onAuxClick(auxClickHandler, element) { this.onEvent(AUXCLICK_EVENT_TYPE, auxClickHandler, element); }
|
|
10
10
|
|
|
11
|
-
function
|
|
11
|
+
function offAuxClick(auxClickHandler, element) { this.offEvent(AUXCLICK_EVENT_TYPE, auxClickHandler, element); }
|
|
12
|
+
|
|
13
|
+
function onDoubleClick(doubleClickHandler, element) { this.onEvent(DBLCLICK_EVENT_TYPE, doubleClickHandler, element); } ///
|
|
14
|
+
|
|
15
|
+
function offDoubleClick(doubleClickHandler, element) { this.offEvent(DBLCLICK_EVENT_TYPE, doubleClickHandler, element); } ///
|
|
12
16
|
|
|
13
17
|
const clickMixins = {
|
|
14
18
|
onClick,
|
|
15
19
|
offClick,
|
|
20
|
+
onAuxClick,
|
|
21
|
+
offAuxClick,
|
|
16
22
|
onDoubleClick,
|
|
17
23
|
offDoubleClick
|
|
18
24
|
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { FULLSCREENCHANGE_EVENT_TYPE } from "../eventTypes";
|
|
4
|
+
|
|
5
|
+
function onFullScreenChange(fullScreenChangeHandler, element) { this.onEvent(FULLSCREENCHANGE_EVENT_TYPE, fullScreenChangeHandler, element); } ///
|
|
6
|
+
|
|
7
|
+
function offFullScreenChange(fullScreenChangeHandler, element) { this.offEvent(FULLSCREENCHANGE_EVENT_TYPE, fullScreenChangeHandler, element); } ///
|
|
8
|
+
|
|
9
|
+
function requestFullScreen(errorHandler) {
|
|
10
|
+
const domElement = this.getDOMElement();
|
|
11
|
+
|
|
12
|
+
domElement.requestFullscreen()
|
|
13
|
+
.catch(errorHandler);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
function exitFullScreen() {
|
|
17
|
+
document.exitFullscreen();
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
function isFullScreen() {
|
|
21
|
+
const { fullscreenElement } = document,
|
|
22
|
+
fullScreen =(fullscreenElement !== null);
|
|
23
|
+
|
|
24
|
+
return fullScreen;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
const fullscreenMixins = {
|
|
28
|
+
onFullScreenChange,
|
|
29
|
+
offFullScreenChange,
|
|
30
|
+
requestFullScreen,
|
|
31
|
+
exitFullScreen,
|
|
32
|
+
isFullScreen
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export default fullscreenMixins;
|
package/src/mixins/jsx.js
CHANGED
|
@@ -4,9 +4,14 @@ import { combine, prune } from "../utilities/object";
|
|
|
4
4
|
import { first, guarantee } from "../utilities/array";
|
|
5
5
|
import { camelCaseToSnakeCase } from "../utilities/string";
|
|
6
6
|
import { isHTMLAttributeName, isSVGAttributeName } from "../utilities/name";
|
|
7
|
-
import { DBLCLICK_EVENT_TYPE, DOUBLE_CLICK_EVENT_TYPE } from "../eventTypes";
|
|
8
7
|
import { removeFalseyElements, replaceStringsWithTextElements } from "../utilities/elements";
|
|
9
8
|
import { FOR, CLASS, OBJECT, HTML_FOR, CLASS_NAME, BOOLEAN, FUNCTION, SVG_NAMESPACE_URI } from "../constants";
|
|
9
|
+
import { DBLCLICK_EVENT_TYPE,
|
|
10
|
+
DOUBLE_CLICK_EVENT_TYPE,
|
|
11
|
+
SELECTIONCHANGE_EVENT_TYPE,
|
|
12
|
+
SELECTION_CHANGE_EVENT_TYPE,
|
|
13
|
+
FULLSCREENCHANGE_EVENT_TYPE,
|
|
14
|
+
FULL_SCREEN_CHANGE_EVENT_TYPE } from "../eventTypes";
|
|
10
15
|
|
|
11
16
|
function applyProperties(properties, defaultProperties, ignoredProperties) {
|
|
12
17
|
this.properties = combine(properties, defaultProperties);
|
|
@@ -130,8 +135,25 @@ function updateContext(childElement, context) {
|
|
|
130
135
|
function addHandler(element, name, value) {
|
|
131
136
|
let eventType = name.substring(2).toLowerCase(); ///
|
|
132
137
|
|
|
133
|
-
|
|
134
|
-
|
|
138
|
+
switch (eventType) {
|
|
139
|
+
case DOUBLE_CLICK_EVENT_TYPE: {
|
|
140
|
+
eventType = DBLCLICK_EVENT_TYPE;
|
|
141
|
+
|
|
142
|
+
break;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
case SELECTION_CHANGE_EVENT_TYPE: {
|
|
146
|
+
eventType = SELECTIONCHANGE_EVENT_TYPE;
|
|
147
|
+
|
|
148
|
+
break;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
case FULL_SCREEN_CHANGE_EVENT_TYPE: {
|
|
152
|
+
eventType = FULLSCREENCHANGE_EVENT_TYPE;
|
|
153
|
+
|
|
154
|
+
break;
|
|
155
|
+
}
|
|
156
|
+
|
|
135
157
|
}
|
|
136
158
|
|
|
137
159
|
const handler = value; ///
|
package/src/mixins/scroll.js
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
import { SCROLL_EVENT_TYPE } from "../eventTypes";
|
|
4
4
|
|
|
5
|
-
function onScroll(scrollHandler, element) { this.onEvent(SCROLL_EVENT_TYPE, scrollHandler, element); }
|
|
5
|
+
export function onScroll(scrollHandler, element) { this.onEvent(SCROLL_EVENT_TYPE, scrollHandler, element); }
|
|
6
6
|
|
|
7
|
-
function offScroll(scrollHandler, element) { this.offEvent(SCROLL_EVENT_TYPE, scrollHandler, element); }
|
|
7
|
+
export function offScroll(scrollHandler, element) { this.offEvent(SCROLL_EVENT_TYPE, scrollHandler, element); }
|
|
8
8
|
|
|
9
9
|
function scrollTo(scrollTop, scrollLeft) { this.domElement.scrollTo(scrollTop, scrollLeft); }
|
|
10
10
|
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { TOUCHSTART_EVENT_TYPE, TOUCHMOVE_EVENT_TYPE, TOUCHEND_EVENT_TYPE } from "../eventTypes";
|
|
4
|
+
|
|
5
|
+
function onTouchStart(touchStartHandler) { this.onEvent(TOUCHSTART_EVENT_TYPE, touchStartHandler); }
|
|
6
|
+
|
|
7
|
+
function offTouchStart(touchStartHandler) { this.offEvent(TOUCHSTART_EVENT_TYPE, touchStartHandler); }
|
|
8
|
+
|
|
9
|
+
function onTouchMove(touchStartHandler) { this.onEvent(TOUCHMOVE_EVENT_TYPE, touchStartHandler); }
|
|
10
|
+
|
|
11
|
+
function offTouchMove(touchStartHandler) { this.offEvent(TOUCHMOVE_EVENT_TYPE, touchStartHandler); }
|
|
12
|
+
|
|
13
|
+
function onTouchEnd(touchStartHandler) { this.onEvent(TOUCHEND_EVENT_TYPE, touchStartHandler); }
|
|
14
|
+
|
|
15
|
+
function offTouchEnd(touchStartHandler) { this.offEvent(TOUCHEND_EVENT_TYPE, touchStartHandler); }
|
|
16
|
+
|
|
17
|
+
const clickMixins = {
|
|
18
|
+
onTouchStart,
|
|
19
|
+
offTouchStart,
|
|
20
|
+
onTouchMove,
|
|
21
|
+
offTouchMove,
|
|
22
|
+
onTouchEnd,
|
|
23
|
+
offTouchEnd
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
export default clickMixins;
|
package/src/textElement.js
CHANGED
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
import Offset from "./offset";
|
|
4
4
|
import Bounds from "./bounds";
|
|
5
|
-
|
|
5
|
+
|
|
6
|
+
import { getParentElement, getAscendantElements, getNextSiblingElement, getPreviousSiblingElement } from "./mixins/element";
|
|
6
7
|
|
|
7
8
|
export default class TextElement {
|
|
8
9
|
constructor(text) {
|
|
@@ -84,4 +85,9 @@ export default class TextElement {
|
|
|
84
85
|
}
|
|
85
86
|
}
|
|
86
87
|
|
|
87
|
-
Object.assign(TextElement.prototype,
|
|
88
|
+
Object.assign(TextElement.prototype, {
|
|
89
|
+
getParentElement,
|
|
90
|
+
getAscendantElements,
|
|
91
|
+
getNextSiblingElement,
|
|
92
|
+
getPreviousSiblingElement
|
|
93
|
+
});
|
package/src/window.js
CHANGED
|
@@ -5,12 +5,10 @@ import eventMixins from "./mixins/event";
|
|
|
5
5
|
import mouseMixins from "./mixins/mouse";
|
|
6
6
|
import clickMixins from "./mixins/click";
|
|
7
7
|
import focusMixins from "./mixins/focus";
|
|
8
|
-
import scrollMixins from "./mixins/scroll";
|
|
9
8
|
|
|
10
9
|
import { UNDEFINED } from "./constants";
|
|
11
10
|
import { RESIZE_EVENT_TYPE } from "./eventTypes";
|
|
12
|
-
|
|
13
|
-
const { onScroll, offScroll } = scrollMixins;
|
|
11
|
+
import { onScroll, offScroll } from "./mixins/scroll";
|
|
14
12
|
|
|
15
13
|
class Window {
|
|
16
14
|
constructor() {
|
|
@@ -57,6 +55,9 @@ Object.assign(Window.prototype, eventMixins);
|
|
|
57
55
|
Object.assign(Window.prototype, mouseMixins);
|
|
58
56
|
Object.assign(Window.prototype, clickMixins);
|
|
59
57
|
Object.assign(Window.prototype, focusMixins);
|
|
60
|
-
Object.assign(Window.prototype, {
|
|
58
|
+
Object.assign(Window.prototype, {
|
|
59
|
+
onScroll,
|
|
60
|
+
offScroll
|
|
61
|
+
});
|
|
61
62
|
|
|
62
63
|
export default (typeof window === UNDEFINED) ? undefined : new Window(); ///
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "default", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return _default;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
var _element = require("../mixins/element");
|
|
12
|
-
var textElementMixins = {
|
|
13
|
-
getParentElement: _element.getParentElement,
|
|
14
|
-
getAscendantElements: _element.getAscendantElements,
|
|
15
|
-
getNextSiblingElement: _element.getNextSiblingElement,
|
|
16
|
-
getPreviousSiblingElement: _element.getPreviousSiblingElement
|
|
17
|
-
};
|
|
18
|
-
var _default = textElementMixins;
|
|
19
|
-
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvdGV4dEVsZW1lbnQuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB7IGdldFBhcmVudEVsZW1lbnQsIGdldEFzY2VuZGFudEVsZW1lbnRzLCBnZXROZXh0U2libGluZ0VsZW1lbnQsIGdldFByZXZpb3VzU2libGluZ0VsZW1lbnQgfSBmcm9tIFwiLi4vbWl4aW5zL2VsZW1lbnRcIjtcblxuY29uc3QgdGV4dEVsZW1lbnRNaXhpbnMgPSB7XG4gIGdldFBhcmVudEVsZW1lbnQsXG4gIGdldEFzY2VuZGFudEVsZW1lbnRzLFxuICBnZXROZXh0U2libGluZ0VsZW1lbnQsXG4gIGdldFByZXZpb3VzU2libGluZ0VsZW1lbnRcbn07XG5cbmV4cG9ydCBkZWZhdWx0IHRleHRFbGVtZW50TWl4aW5zO1xuIl0sIm5hbWVzIjpbInRleHRFbGVtZW50TWl4aW5zIiwiZ2V0UGFyZW50RWxlbWVudCIsImdldEFzY2VuZGFudEVsZW1lbnRzIiwiZ2V0TmV4dFNpYmxpbmdFbGVtZW50IiwiZ2V0UHJldmlvdXNTaWJsaW5nRWxlbWVudCJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7K0JBV0E7OztlQUFBOzs7dUJBVHlHO0FBRXpHLElBQU1BLG9CQUFvQjtJQUN4QkMsa0JBQUFBLHlCQUFnQjtJQUNoQkMsc0JBQUFBLDZCQUFvQjtJQUNwQkMsdUJBQUFBLDhCQUFxQjtJQUNyQkMsMkJBQUFBLGtDQUF5QjtBQUMzQjtJQUVBLFdBQWVKIn0=
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { getParentElement, getAscendantElements, getNextSiblingElement, getPreviousSiblingElement } from "../mixins/element";
|
|
4
|
-
|
|
5
|
-
const textElementMixins = {
|
|
6
|
-
getParentElement,
|
|
7
|
-
getAscendantElements,
|
|
8
|
-
getNextSiblingElement,
|
|
9
|
-
getPreviousSiblingElement
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export default textElementMixins;
|