easy-richtextarea 4.0.102 → 4.0.104

package/src/richTextarea.js

@@ -3,40 +3,44 @@
 import { Element, document, eventTypes } from "easy";
 
 import Selection from "./selection"
-import eventMixins from "./mixins/event";
+import customEventMixins from "./mixins/customEvent";
+
+import { BLUR_CUSTOM_EVENT_TYPE, FOCUS_CUSTOM_EVENT_TYPE, SCROLL_CUSTOM_EVENT_TYPE, CHANGE_CUSTOM_EVENT_TYPE } from "./customEventTypes";
 
 const { BLUR_EVENT_TYPE,
         FOCUS_EVENT_TYPE,
         INPUT_EVENT_TYPE,
         SCROLL_EVENT_TYPE,
-        CHANGE_EVENT_TYPE,
         SELECTIONCHANGE_EVENT_TYPE } = eventTypes;
 
 export default class RichTextarea extends Element {
   blurHandler = (event, element) => {
-    const eventType = BLUR_EVENT_TYPE,
+    const customEventType = BLUR_CUSTOM_EVENT_TYPE,
           selectionChanged = true;
 
-    this.intermediateHandler(event, element, eventType, selectionChanged);
+    this.customEventHandler(event, element, customEventType, selectionChanged);
   }
 
   focusHandler = (event, element) => {
     defer(() => {
-      const eventType = FOCUS_EVENT_TYPE,
+      const customEventType = FOCUS_CUSTOM_EVENT_TYPE,
             selectionChanged = true;
 
-      this.intermediateHandler(event, element, eventType, selectionChanged);
+      this.customEventHandler(event, element, customEventType, selectionChanged);
     });
   }
 
   inputHandler = (event, element) => {
-    this.intermediateHandler(event, element);
+    const customEventType = CHANGE_CUSTOM_EVENT_TYPE,
+          selectionChanged = this.hasSelectionChanged();
+
+    this.customEventHandler(event, element, customEventType, selectionChanged);
   }
 
   scrollHandler = (event, element) => {
-    const eventType = SCROLL_EVENT_TYPE;
+    const customEventType = SCROLL_CUSTOM_EVENT_TYPE;
 
-    this.callHandlers(eventType, event, element);
+    this.callCustomHandlers(customEventType, event, element); ///
   }
 
   selectChangeHandler = (event, element) => {
@@ -47,17 +51,20 @@ export default class RichTextarea extends Element {
     if (activeElement === domElement) {
       element = this; ///
 
-      this.intermediateHandler(event, element);
+      const customEventType = CHANGE_CUSTOM_EVENT_TYPE,
+            selectionChanged = this.hasSelectionChanged();
+
+      this.customEventHandler(event, element, customEventType, selectionChanged);
     }
   }
 
-  intermediateHandler = (event, element, eventType = CHANGE_EVENT_TYPE, selectionChanged = this.hasSelectionChanged()) => {
+  customEventHandler = (event, element, customEventType, selectionChanged) => {
     const content = this.getContent(),
           selection = this.getSelection(),
           contentChanged = this.hasContentChanged();
 
     if (contentChanged || selectionChanged) {
-      this.callHandlers(eventType, event, element);
+      this.callCustomHandlers(customEventType, event, element);
     }
 
     const previousContent = content,  ///
@@ -68,29 +75,6 @@ export default class RichTextarea extends Element {
     this.setPreviousSelection(previousSelection);
   }
 
-  callHandlers(eventType, ...remainingArguments) {
-    const eventListeners = this.findEventListeners(eventType);
-
-    eventListeners.forEach((eventListener) => {
-      let { element } = eventListener;
-
-      const { handler } = eventListener;
-
-      if ( (handler !== this.blurHandler)
-        && (handler !== this.focusHandler)
-        && (handler !== this.inputHandler)
-        && (handler !== this.scrollHandler)
-        && (handler !== this.selectChangeHandler) ) {
-
-        const handlerElement = element; ///
-
-        element = this; ///
-
-        handler.call(handlerElement, ...remainingArguments, element);
-      }
-    });
-  }
-
   isReadOnly() {
     const domElement = this.getDOMElement(),
           { readOnly } = domElement;
@@ -177,29 +161,29 @@ export default class RichTextarea extends Element {
   }
 
   activate() {
-    this.on(BLUR_EVENT_TYPE, this.blurHandler);
+    this.onEvent(BLUR_EVENT_TYPE, this.blurHandler);
 
-    this.on(FOCUS_EVENT_TYPE, this.focusHandler);
+    this.onEvent(FOCUS_EVENT_TYPE, this.focusHandler);
 
-    this.on(INPUT_EVENT_TYPE, this.inputHandler);
+    this.onEvent(INPUT_EVENT_TYPE, this.inputHandler);
 
-    this.on(SCROLL_EVENT_TYPE, this.scrollHandler);
+    this.onEvent(SCROLL_EVENT_TYPE, this.scrollHandler);
 
-    document.on(SELECTIONCHANGE_EVENT_TYPE, this.selectChangeHandler);
+    document.onEvent(SELECTIONCHANGE_EVENT_TYPE, this.selectChangeHandler);
 
     this.addClass("active");
   }
 
   deactivate() {
-    this.off(BLUR_EVENT_TYPE, this.blurHandler);
+    this.offEvent(BLUR_EVENT_TYPE, this.blurHandler);
 
-    this.off(FOCUS_EVENT_TYPE, this.focusHandler);
+    this.offEvent(FOCUS_EVENT_TYPE, this.focusHandler);
 
-    this.off(INPUT_EVENT_TYPE, this.inputHandler);
+    this.offEvent(INPUT_EVENT_TYPE, this.inputHandler);
 
-    this.off(SCROLL_EVENT_TYPE, this.scrollHandler);
+    this.offEvent(SCROLL_EVENT_TYPE, this.scrollHandler);
 
-    document.off(SELECTIONCHANGE_EVENT_TYPE, this.selectChangeHandler);
+    document.offEvent(SELECTIONCHANGE_EVENT_TYPE, this.selectChangeHandler);
 
     this.removeClass("active");
   }
@@ -237,37 +221,9 @@ export default class RichTextarea extends Element {
     this.setPreviousContent(previousContent);
 
     this.setPreviousSelection(previousSelection);
-
-    const { onBlur, onFocus, onScroll, onChange } = this.properties,
-          blurHandler = onBlur, ///
-          focusHandler = onFocus, ///
-          scrollHandler = onScroll, ///
-          changeHandler = onChange; ///
-
-    blurHandler && this.onBlur(blurHandler, this);
-
-    focusHandler && this.onFocus(focusHandler, this);
-
-    scrollHandler && this.onScroll(scrollHandler, this);
-
-    changeHandler && this.onChange(changeHandler, this);
   }
 
   willUnmount() {
-    const { onBlur, onFocus, onScroll, onChange } = this.properties,
-            blurHandler = onBlur, ///
-            focusHandler = onFocus, ///
-            scrollHandler = onScroll, ///
-            changeHandler = onChange; ///
-
-    blurHandler && this.offBlur(blurHandler, this);
-
-    focusHandler && this.offFocus(focusHandler, this);
-
-    scrollHandler && this.offScroll(scrollHandler, this);
-
-    changeHandler && this.offChange(changeHandler, this);
-
     const active = this.isActive();
 
     if (active) {
@@ -291,13 +247,6 @@ export default class RichTextarea extends Element {
 
   static tagName = "textarea";
 
-  static ignoredProperties = [
-    "onBlur",
-    "onFocus",
-    "onScroll",
-    "onChange"
-  ];
-
   static defaultProperties = {
     className: "rich"
   };
@@ -309,7 +258,7 @@ export default class RichTextarea extends Element {
   }
 }
 
-Object.assign(RichTextarea.prototype, eventMixins);
+Object.assign(RichTextarea.prototype, customEventMixins);
 
 function defer(func) {
   setTimeout(func, 0);

package/lib/mixins/event.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-var _easy = require("easy");
-var BLUR_EVENT_TYPE = _easy.eventTypes.BLUR_EVENT_TYPE, FOCUS_EVENT_TYPE = _easy.eventTypes.FOCUS_EVENT_TYPE, SCROLL_EVENT_TYPE = _easy.eventTypes.SCROLL_EVENT_TYPE, CHANGE_EVENT_TYPE = _easy.eventTypes.CHANGE_EVENT_TYPE;
-function onBlur(blurHandler, element) {
-    var eventType = BLUR_EVENT_TYPE, handler = blurHandler; ///
-    this.addEventListener(eventType, handler, element);
-}
-function onFocus(blurHandler, element) {
-    var eventType = FOCUS_EVENT_TYPE, handler = blurHandler; ///
-    this.addEventListener(eventType, handler, element);
-}
-function onScroll(scrollHandler, element) {
-    var eventType = SCROLL_EVENT_TYPE, handler = scrollHandler; ///
-    this.addEventListener(eventType, handler, element);
-}
-function onChange(changeHandler, element) {
-    var eventType = CHANGE_EVENT_TYPE, handler = changeHandler; ///
-    this.addEventListener(eventType, handler, element);
-}
-function offBlur(blurHandler, element) {
-    var eventType = BLUR_EVENT_TYPE, handler = blurHandler; ///
-    this.removeEventListener(eventType, handler, element);
-}
-function offFocus(blurHandler, element) {
-    var eventType = FOCUS_EVENT_TYPE, handler = blurHandler; ///
-    this.removeEventListener(eventType, handler, element);
-}
-function offScroll(scrollHandler, element) {
-    var eventType = SCROLL_EVENT_TYPE, handler = scrollHandler; ///
-    this.removeEventListener(eventType, handler, element);
-}
-function offChange(changeHandler, element) {
-    var eventType = CHANGE_EVENT_TYPE, handler = changeHandler; ///
-    this.removeEventListener(eventType, handler, element);
-}
-var eventMixins = {
-    onBlur: onBlur,
-    onFocus: onFocus,
-    onScroll: onScroll,
-    onChange: onChange,
-    offBlur: offBlur,
-    offFocus: offFocus,
-    offScroll: offScroll,
-    offChange: offChange
-};
-var _default = eventMixins;
-
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvZXZlbnQuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB7IGV2ZW50VHlwZXMgfSBmcm9tIFwiZWFzeVwiO1xuXG5jb25zdCB7IEJMVVJfRVZFTlRfVFlQRSwgRk9DVVNfRVZFTlRfVFlQRSwgU0NST0xMX0VWRU5UX1RZUEUsIENIQU5HRV9FVkVOVF9UWVBFIH0gPSBldmVudFR5cGVzO1xuXG5mdW5jdGlvbiBvbkJsdXIoYmx1ckhhbmRsZXIsIGVsZW1lbnQpIHtcbiAgY29uc3QgZXZlbnRUeXBlID0gQkxVUl9FVkVOVF9UWVBFLFxuICAgICAgICBoYW5kbGVyID0gYmx1ckhhbmRsZXI7ICAvLy9cblxuICB0aGlzLmFkZEV2ZW50TGlzdGVuZXIoZXZlbnRUeXBlLCBoYW5kbGVyLCBlbGVtZW50KTtcbn1cblxuZnVuY3Rpb24gb25Gb2N1cyhibHVySGFuZGxlciwgZWxlbWVudCkge1xuICBjb25zdCBldmVudFR5cGUgPSBGT0NVU19FVkVOVF9UWVBFLFxuICAgICAgICBoYW5kbGVyID0gYmx1ckhhbmRsZXI7ICAvLy9cblxuICB0aGlzLmFkZEV2ZW50TGlzdGVuZXIoZXZlbnRUeXBlLCBoYW5kbGVyLCBlbGVtZW50KTtcbn1cblxuZnVuY3Rpb24gb25TY3JvbGwoc2Nyb2xsSGFuZGxlciwgZWxlbWVudCkge1xuICBjb25zdCBldmVudFR5cGUgPSBTQ1JPTExfRVZFTlRfVFlQRSxcbiAgICAgICAgaGFuZGxlciA9IHNjcm9sbEhhbmRsZXI7ICAvLy9cblxuICB0aGlzLmFkZEV2ZW50TGlzdGVuZXIoZXZlbnRUeXBlLCBoYW5kbGVyLCBlbGVtZW50KTtcbn1cblxuZnVuY3Rpb24gb25DaGFuZ2UoY2hhbmdlSGFuZGxlciwgZWxlbWVudCkge1xuICBjb25zdCBldmVudFR5cGUgPSBDSEFOR0VfRVZFTlRfVFlQRSxcbiAgICAgICAgaGFuZGxlciA9IGNoYW5nZUhhbmRsZXI7ICAvLy9cblxuICB0aGlzLmFkZEV2ZW50TGlzdGVuZXIoZXZlbnRUeXBlLCBoYW5kbGVyLCBlbGVtZW50KTtcbn1cblxuZnVuY3Rpb24gb2ZmQmx1cihibHVySGFuZGxlciwgZWxlbWVudCkge1xuICBjb25zdCBldmVudFR5cGUgPSBCTFVSX0VWRU5UX1RZUEUsXG4gICAgICAgIGhhbmRsZXIgPSBibHVySGFuZGxlcjsgIC8vL1xuXG4gIHRoaXMucmVtb3ZlRXZlbnRMaXN0ZW5lcihldmVudFR5cGUsIGhhbmRsZXIsIGVsZW1lbnQpO1xufVxuXG5mdW5jdGlvbiBvZmZGb2N1cyhibHVySGFuZGxlciwgZWxlbWVudCkge1xuICBjb25zdCBldmVudFR5cGUgPSBGT0NVU19FVkVOVF9UWVBFLFxuICAgICAgICBoYW5kbGVyID0gYmx1ckhhbmRsZXI7ICAvLy9cblxuICB0aGlzLnJlbW92ZUV2ZW50TGlzdGVuZXIoZXZlbnRUeXBlLCBoYW5kbGVyLCBlbGVtZW50KTtcbn1cblxuZnVuY3Rpb24gb2ZmU2Nyb2xsKHNjcm9sbEhhbmRsZXIsIGVsZW1lbnQpIHtcbiAgY29uc3QgZXZlbnRUeXBlID0gU0NST0xMX0VWRU5UX1RZUEUsXG4gICAgICAgIGhhbmRsZXIgPSBzY3JvbGxIYW5kbGVyOyAgLy8vXG5cbiAgdGhpcy5yZW1vdmVFdmVudExpc3RlbmVyKGV2ZW50VHlwZSwgaGFuZGxlciwgZWxlbWVudCk7XG59XG5cbmZ1bmN0aW9uIG9mZkNoYW5nZShjaGFuZ2VIYW5kbGVyLCBlbGVtZW50KSB7XG4gIGNvbnN0IGV2ZW50VHlwZSA9IENIQU5HRV9FVkVOVF9UWVBFLFxuICAgICAgICBoYW5kbGVyID0gY2hhbmdlSGFuZGxlcjsgIC8vL1xuXG4gIHRoaXMucmVtb3ZlRXZlbnRMaXN0ZW5lcihldmVudFR5cGUsIGhhbmRsZXIsIGVsZW1lbnQpO1xufVxuXG5jb25zdCBldmVudE1peGlucyA9IHtcbiAgb25CbHVyLFxuICBvbkZvY3VzLFxuICBvblNjcm9sbCxcbiAgb25DaGFuZ2UsXG4gIG9mZkJsdXIsXG4gIG9mZkZvY3VzLFxuICBvZmZTY3JvbGwsXG4gIG9mZkNoYW5nZVxufTtcblxuZXhwb3J0IGRlZmF1bHQgZXZlbnRNaXhpbnM7XG4iXSwibmFtZXMiOlsiQkxVUl9FVkVOVF9UWVBFIiwiZXZlbnRUeXBlcyIsIkZPQ1VTX0VWRU5UX1RZUEUiLCJTQ1JPTExfRVZFTlRfVFlQRSIsIkNIQU5HRV9FVkVOVF9UWVBFIiwib25CbHVyIiwiYmx1ckhhbmRsZXIiLCJlbGVtZW50IiwiZXZlbnRUeXBlIiwiaGFuZGxlciIsImFkZEV2ZW50TGlzdGVuZXIiLCJvbkZvY3VzIiwib25TY3JvbGwiLCJzY3JvbGxIYW5kbGVyIiwib25DaGFuZ2UiLCJjaGFuZ2VIYW5kbGVyIiwib2ZmQmx1ciIsInJlbW92ZUV2ZW50TGlzdGVuZXIiLCJvZmZGb2N1cyIsIm9mZlNjcm9sbCIsIm9mZkNoYW5nZSIsImV2ZW50TWl4aW5zIl0sIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkF5RUE7OztlQUFBOzs7b0JBdkUyQjtBQUUzQixJQUFRQSxrQkFBNEVDLGdCQUFVLENBQXRGRCxpQkFBaUJFLG1CQUEyREQsZ0JBQVUsQ0FBckVDLGtCQUFrQkMsb0JBQXlDRixnQkFBVSxDQUFuREUsbUJBQW1CQyxvQkFBc0JILGdCQUFVLENBQWhDRztBQUU5RCxTQUFTQyxPQUFPQyxXQUFXLEVBQUVDLE9BQU87SUFDbEMsSUFBTUMsWUFBWVIsaUJBQ1pTLFVBQVVILGFBQWMsR0FBRztJQUVqQyxJQUFJLENBQUNJLGdCQUFnQixDQUFDRixXQUFXQyxTQUFTRjtBQUM1QztBQUVBLFNBQVNJLFFBQVFMLFdBQVcsRUFBRUMsT0FBTztJQUNuQyxJQUFNQyxZQUFZTixrQkFDWk8sVUFBVUgsYUFBYyxHQUFHO0lBRWpDLElBQUksQ0FBQ0ksZ0JBQWdCLENBQUNGLFdBQVdDLFNBQVNGO0FBQzVDO0FBRUEsU0FBU0ssU0FBU0MsYUFBYSxFQUFFTixPQUFPO0lBQ3RDLElBQU1DLFlBQVlMLG1CQUNaTSxVQUFVSSxlQUFnQixHQUFHO0lBRW5DLElBQUksQ0FBQ0gsZ0JBQWdCLENBQUNGLFdBQVdDLFNBQVNGO0FBQzVDO0FBRUEsU0FBU08sU0FBU0MsYUFBYSxFQUFFUixPQUFPO0lBQ3RDLElBQU1DLFlBQVlKLG1CQUNaSyxVQUFVTSxlQUFnQixHQUFHO0lBRW5DLElBQUksQ0FBQ0wsZ0JBQWdCLENBQUNGLFdBQVdDLFNBQVNGO0FBQzVDO0FBRUEsU0FBU1MsUUFBUVYsV0FBVyxFQUFFQyxPQUFPO0lBQ25DLElBQU1DLFlBQVlSLGlCQUNaUyxVQUFVSCxhQUFjLEdBQUc7SUFFakMsSUFBSSxDQUFDVyxtQkFBbUIsQ0FBQ1QsV0FBV0MsU0FBU0Y7QUFDL0M7QUFFQSxTQUFTVyxTQUFTWixXQUFXLEVBQUVDLE9BQU87SUFDcEMsSUFBTUMsWUFBWU4sa0JBQ1pPLFVBQVVILGFBQWMsR0FBRztJQUVqQyxJQUFJLENBQUNXLG1CQUFtQixDQUFDVCxXQUFXQyxTQUFTRjtBQUMvQztBQUVBLFNBQVNZLFVBQVVOLGFBQWEsRUFBRU4sT0FBTztJQUN2QyxJQUFNQyxZQUFZTCxtQkFDWk0sVUFBVUksZUFBZ0IsR0FBRztJQUVuQyxJQUFJLENBQUNJLG1CQUFtQixDQUFDVCxXQUFXQyxTQUFTRjtBQUMvQztBQUVBLFNBQVNhLFVBQVVMLGFBQWEsRUFBRVIsT0FBTztJQUN2QyxJQUFNQyxZQUFZSixtQkFDWkssVUFBVU0sZUFBZ0IsR0FBRztJQUVuQyxJQUFJLENBQUNFLG1CQUFtQixDQUFDVCxXQUFXQyxTQUFTRjtBQUMvQztBQUVBLElBQU1jLGNBQWM7SUFDbEJoQixRQUFBQTtJQUNBTSxTQUFBQTtJQUNBQyxVQUFBQTtJQUNBRSxVQUFBQTtJQUNBRSxTQUFBQTtJQUNBRSxVQUFBQTtJQUNBQyxXQUFBQTtJQUNBQyxXQUFBQTtBQUNGO0lBRUEsV0FBZUMifQ==

package/src/mixins/event.js

@@ -1,74 +0,0 @@
-"use strict";
-
-import { eventTypes } from "easy";
-
-const { BLUR_EVENT_TYPE, FOCUS_EVENT_TYPE, SCROLL_EVENT_TYPE, CHANGE_EVENT_TYPE } = eventTypes;
-
-function onBlur(blurHandler, element) {
-  const eventType = BLUR_EVENT_TYPE,
-        handler = blurHandler;  ///
-
-  this.addEventListener(eventType, handler, element);
-}
-
-function onFocus(blurHandler, element) {
-  const eventType = FOCUS_EVENT_TYPE,
-        handler = blurHandler;  ///
-
-  this.addEventListener(eventType, handler, element);
-}
-
-function onScroll(scrollHandler, element) {
-  const eventType = SCROLL_EVENT_TYPE,
-        handler = scrollHandler;  ///
-
-  this.addEventListener(eventType, handler, element);
-}
-
-function onChange(changeHandler, element) {
-  const eventType = CHANGE_EVENT_TYPE,
-        handler = changeHandler;  ///
-
-  this.addEventListener(eventType, handler, element);
-}
-
-function offBlur(blurHandler, element) {
-  const eventType = BLUR_EVENT_TYPE,
-        handler = blurHandler;  ///
-
-  this.removeEventListener(eventType, handler, element);
-}
-
-function offFocus(blurHandler, element) {
-  const eventType = FOCUS_EVENT_TYPE,
-        handler = blurHandler;  ///
-
-  this.removeEventListener(eventType, handler, element);
-}
-
-function offScroll(scrollHandler, element) {
-  const eventType = SCROLL_EVENT_TYPE,
-        handler = scrollHandler;  ///
-
-  this.removeEventListener(eventType, handler, element);
-}
-
-function offChange(changeHandler, element) {
-  const eventType = CHANGE_EVENT_TYPE,
-        handler = changeHandler;  ///
-
-  this.removeEventListener(eventType, handler, element);
-}
-
-const eventMixins = {
-  onBlur,
-  onFocus,
-  onScroll,
-  onChange,
-  offBlur,
-  offFocus,
-  offScroll,
-  offChange
-};
-
-export default eventMixins;