easy-richtextarea 4.0.19 → 4.0.21

package/lib/undoBuffer.js

@@ -44,97 +44,102 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
-var push = _necessary.arrayUtilities.push;
+var clear = _necessary.arrayUtilities.clear, filter = _necessary.arrayUtilities.filter, unshift = _necessary.arrayUtilities.unshift;
 var UndoBuffer = /*#__PURE__*/ function() {
-    function UndoBuffer(position, operations) {
+    function UndoBuffer(undoOperations, redoOperations) {
         _classCallCheck(this, UndoBuffer);
-        this.position = position;
-        this.operations = operations;
+        this.undoOperations = undoOperations;
+        this.redoOperations = redoOperations;
     }
     _createClass(UndoBuffer, [
         {
-            key: "getPosition",
-            value: function getPosition() {
-                return this.position;
+            key: "getUndoOperations",
+            value: function getUndoOperations() {
+                return this.undoOperations;
             }
         },
         {
-            key: "getOperations",
-            value: function getOperations() {
-                return this.operations;
+            key: "getRedoOperations",
+            value: function getRedoOperations() {
+                return this.redoOperations;
             }
         },
         {
             key: "undo",
             value: function undo() {
-                var operation = null;
-                if (this.position > 0) {
-                    this.position--;
-                    operation = this.operations[this.position];
-                    var invertedOperation = operation.invert(_insert.default, _delete.default);
-                    operation = invertedOperation; ///
+                var undoOperation = null;
+                var undoOperationsLength = this.undoOperations.length;
+                if (undoOperationsLength > 0) {
+                    undoOperation = this.undoOperations.shift();
+                    var invertedUndoOperation = undoOperation.invert(_insert.default, _delete.default), redoOperation = invertedUndoOperation; ///
+                    this.redoOperations.unshift(redoOperation);
                 }
-                return operation;
+                return undoOperation;
             }
         },
         {
             key: "redo",
             value: function redo() {
-                var operation = null;
-                var operationsLength = this.operations.length;
-                if (this.position < operationsLength) {
-                    operation = this.operations[this.position];
-                    this.position++;
+                var redoOperation = null;
+                var redoOperationsLength = this.redoOperations.length;
+                if (redoOperationsLength > 0) {
+                    redoOperation = this.redoOperations.shift();
+                    var invertedRedoOperation = redoOperation.invert(_insert.default, _delete.default), undoOperation = invertedRedoOperation; ///
+                    this.undoOperations.unshift(undoOperation);
                 }
-                return operation;
+                return redoOperation;
             }
         },
         {
             key: "transform",
             value: function transform(operations) {
-                this.operations = (0, _operations.default)(this.operations, operations);
-                this.filterEmptyOperations();
+                this.undoOperations = (0, _operations.default)(this.undoOperations, operations);
+                this.redoOperations = (0, _operations.default)(this.redoOperations, operations);
+                filterEmptyOperations(this.undoOperations);
+                filterEmptyOperations(this.redoOperations);
             }
         },
         {
             key: "addOperations",
             value: function addOperations(operations) {
-                var start = this.position; ///
-                this.operations.splice(start);
-                push(this.operations, operations);
-                var operationsLength = this.operations.length;
-                this.position = operationsLength; ///
-            }
-        },
-        {
-            key: "filterEmptyOperations",
-            value: function filterEmptyOperations() {
-                var length = this.operations.length, position = 0;
-                while(position < length){
-                    var operation = this.operations[position];
-                    if (_instanceof(operation, _empty.default)) {
-                        var start = position, deleteCount = 1;
-                        this.operations.splice(start, deleteCount);
-                        if (this.position > position) {
-                            this.position--;
-                        }
-                    } else {
-                        position++;
-                    }
-                    length = this.operations.length;
-                }
+                var invertedOperations = invertOperations(operations), reversedInvertedOperations = reverseOperations(invertedOperations), undoOperations = reversedInvertedOperations; ///
+                unshift(this.undoOperations, undoOperations);
+                clear(this.redoOperations);
             }
         }
     ], [
         {
             key: "fromNothing",
             value: function fromNothing() {
-                var position = 0, operations = [], undoBuffer = new UndoBuffer(position, operations);
+                var undoOperations = [], redoOperations = [], undoBuffer = new UndoBuffer(undoOperations, redoOperations);
                 return undoBuffer;
             }
         }
     ]);
     return UndoBuffer;
 }();
+function invertOperations(operations) {
+    var invertedOperations = operations.map(function(operation) {
+        var invertedOperation = operation.invert(_insert.default, _delete.default);
+        return invertedOperation;
+    });
+    return invertedOperations;
+}
+function reverseOperations(operations) {
+    var reversedOperations = operations.reduce(function(reversedOperations, operation) {
+        var reversedOperation = operation; ///
+        reversedOperations.unshift(reversedOperation);
+        return reversedOperations;
+    }, []);
+    return reversedOperations;
+}
+function filterEmptyOperations(operations) {
+    filter(operations, function(operation) {
+        var operationEmptyOperation = _instanceof(operation, _empty.default);
+        if (!operationEmptyOperation) {
+            return true;
+        }
+    });
+}
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy91bmRvQnVmZmVyLmpzIiwiPDxqc3gtY29uZmlnLXByYWdtYS5qcz4+Il0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgeyBhcnJheVV0aWxpdGllcyB9IGZyb20gXCJuZWNlc3NhcnlcIjtcblxuaW1wb3J0IEVtcHR5T3BlcmF0aW9uIGZyb20gXCIuL29wZXJhdGlvbi9lbXB0eVwiO1xuaW1wb3J0IEluc2VydE9wZXJhdGlvbiBmcm9tIFwiLi9vcGVyYXRpb24vaW5zZXJ0XCI7XG5pbXBvcnQgRGVsZXRlT3BlcmF0aW9uIGZyb20gXCIuL29wZXJhdGlvbi9kZWxldGVcIjtcbmltcG9ydCB0cmFuc2Zvcm1PcGVyYXRpb25zIGZyb20gXCIuL3RyYW5zZm9ybS9vcGVyYXRpb25zXCI7XG5cbmNvbnN0IHsgcHVzaCB9ID0gYXJyYXlVdGlsaXRpZXM7XG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIFVuZG9CdWZmZXIge1xuICBjb25zdHJ1Y3Rvcihwb3NpdGlvbiwgb3BlcmF0aW9ucykge1xuICAgIHRoaXMucG9zaXRpb24gPSBwb3NpdGlvbjtcbiAgICB0aGlzLm9wZXJhdGlvbnMgPSBvcGVyYXRpb25zO1xuICB9XG5cbiAgZ2V0UG9zaXRpb24oKSB7XG4gICAgcmV0dXJuIHRoaXMucG9zaXRpb247XG4gIH1cblxuICBnZXRPcGVyYXRpb25zKCkge1xuICAgIHJldHVybiB0aGlzLm9wZXJhdGlvbnM7XG4gIH1cblxuICB1bmRvKCkge1xuICAgIGxldCBvcGVyYXRpb24gPSBudWxsO1xuXG4gICAgaWYgKHRoaXMucG9zaXRpb24gPiAwKSB7XG4gICAgICB0aGlzLnBvc2l0aW9uLS07XG5cbiAgICAgIG9wZXJhdGlvbiA9IHRoaXMub3BlcmF0aW9uc1t0aGlzLnBvc2l0aW9uXTtcblxuICAgICAgY29uc3QgaW52ZXJ0ZWRPcGVyYXRpb24gPSBvcGVyYXRpb24uaW52ZXJ0KEluc2VydE9wZXJhdGlvbiwgRGVsZXRlT3BlcmF0aW9uKTtcblxuICAgICAgb3BlcmF0aW9uID0gaW52ZXJ0ZWRPcGVyYXRpb247ICAvLy9cbiAgICB9XG5cbiAgICByZXR1cm4gb3BlcmF0aW9uO1xuICB9XG5cbiAgcmVkbygpIHtcbiAgICBsZXQgb3BlcmF0aW9uID0gbnVsbDtcblxuICAgIGNvbnN0IG9wZXJhdGlvbnNMZW5ndGggPSB0aGlzLm9wZXJhdGlvbnMubGVuZ3RoO1xuXG4gICAgaWYgKHRoaXMucG9zaXRpb24gPCBvcGVyYXRpb25zTGVuZ3RoKSB7XG4gICAgICBvcGVyYXRpb24gPSB0aGlzLm9wZXJhdGlvbnNbdGhpcy5wb3NpdGlvbl07XG5cbiAgICAgIHRoaXMucG9zaXRpb24rKztcbiAgICB9XG5cbiAgICByZXR1cm4gb3BlcmF0aW9uO1xuICB9XG5cbiAgdHJhbnNmb3JtKG9wZXJhdGlvbnMpIHtcbiAgICB0aGlzLm9wZXJhdGlvbnMgPSB0cmFuc2Zvcm1PcGVyYXRpb25zKHRoaXMub3BlcmF0aW9ucywgb3BlcmF0aW9ucyk7XG5cbiAgICB0aGlzLmZpbHRlckVtcHR5T3BlcmF0aW9ucygpO1xuICB9XG5cbiAgYWRkT3BlcmF0aW9ucyhvcGVyYXRpb25zKSB7XG4gICAgY29uc3Qgc3RhcnQgPSB0aGlzLnBvc2l0aW9uOyAgLy8vXG5cbiAgICB0aGlzLm9wZXJhdGlvbnMuc3BsaWNlKHN0YXJ0KTtcblxuICAgIHB1c2godGhpcy5vcGVyYXRpb25zLCBvcGVyYXRpb25zKTtcblxuICAgIGNvbnN0IG9wZXJhdGlvbnNMZW5ndGggPSB0aGlzLm9wZXJhdGlvbnMubGVuZ3RoO1xuXG4gICAgdGhpcy5wb3NpdGlvbiA9IG9wZXJhdGlvbnNMZW5ndGg7IC8vL1xuICB9XG5cbiAgZmlsdGVyRW1wdHlPcGVyYXRpb25zKCkge1xuICAgIGxldCBsZW5ndGggPSB0aGlzLm9wZXJhdGlvbnMubGVuZ3RoLFxuICAgICAgICAgIHBvc2l0aW9uID0gMDtcblxuICAgIHdoaWxlIChwb3NpdGlvbiA8IGxlbmd0aCkge1xuICAgICAgY29uc3Qgb3BlcmF0aW9uID0gdGhpcy5vcGVyYXRpb25zW3Bvc2l0aW9uXTtcblxuICAgICAgaWYgKG9wZXJhdGlvbiBpbnN0YW5jZW9mIEVtcHR5T3BlcmF0aW9uKSB7XG4gICAgICAgIGNvbnN0IHN0YXJ0ID0gcG9zaXRpb24sIC8vL1xuICAgICAgICAgICAgICBkZWxldGVDb3VudCA9IDE7XG5cbiAgICAgICAgdGhpcy5vcGVyYXRpb25zLnNwbGljZShzdGFydCwgZGVsZXRlQ291bnQpO1xuXG4gICAgICAgIGlmICh0aGlzLnBvc2l0aW9uID4gcG9zaXRpb24pIHtcbiAgICAgICAgICB0aGlzLnBvc2l0aW9uLS07XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHBvc2l0aW9uKys7XG4gICAgICB9XG5cbiAgICAgIGxlbmd0aCA9IHRoaXMub3BlcmF0aW9ucy5sZW5ndGg7XG4gICAgfVxuICB9XG5cbiAgc3RhdGljIGZyb21Ob3RoaW5nKCkge1xuICAgIGNvbnN0IHBvc2l0aW9uID0gMCxcbiAgICAgICAgICBvcGVyYXRpb25zID0gW10sXG4gICAgICAgICAgdW5kb0J1ZmZlciA9IG5ldyBVbmRvQnVmZmVyKHBvc2l0aW9uLCBvcGVyYXRpb25zKTtcblxuICAgIHJldHVybiB1bmRvQnVmZmVyO1xuICB9XG59XG4iLCJSZWFjdC5jcmVhdGVFbGVtZW50Il0sIm5hbWVzIjpbIlVuZG9CdWZmZXIiLCJwdXNoIiwiYXJyYXlVdGlsaXRpZXMiLCJwb3NpdGlvbiIsIm9wZXJhdGlvbnMiLCJnZXRQb3NpdGlvbiIsImdldE9wZXJhdGlvbnMiLCJ1bmRvIiwib3BlcmF0aW9uIiwiaW52ZXJ0ZWRPcGVyYXRpb24iLCJpbnZlcnQiLCJJbnNlcnRPcGVyYXRpb24iLCJEZWxldGVPcGVyYXRpb24iLCJyZWRvIiwib3BlcmF0aW9uc0xlbmd0aCIsImxlbmd0aCIsInRyYW5zZm9ybSIsInRyYW5zZm9ybU9wZXJhdGlvbnMiLCJmaWx0ZXJFbXB0eU9wZXJhdGlvbnMiLCJhZGRPcGVyYXRpb25zIiwic3RhcnQiLCJzcGxpY2UiLCJFbXB0eU9wZXJhdGlvbiIsImRlbGV0ZUNvdW50IiwiZnJvbU5vdGhpbmciLCJ1bmRvQnVmZmVyIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7OztlQVdxQkE7Ozt5QkFUVTswREFFSjsyREFDQzsyREFDQTsrREFDSTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFaEMsSUFBTSxBQUFFQyxPQUFTQyx5QkFBYyxDQUF2QkQ7QUFFTyxJQUFBLEFBQU1ELDJCQUFOO2FBQU1BLFdBQ1BHLFFBQVEsRUFBRUMsVUFBVTs4QkFEYko7UUFFakIsSUFBSSxDQUFDRyxRQUFRLEdBQUdBO1FBQ2hCLElBQUksQ0FBQ0MsVUFBVSxHQUFHQTs7aUJBSERKOztZQU1uQkssS0FBQUE7bUJBQUFBLFNBQUFBLGNBQWM7Z0JBQ1osT0FBTyxJQUFJLENBQUNGLFFBQVE7WUFDdEI7OztZQUVBRyxLQUFBQTttQkFBQUEsU0FBQUEsZ0JBQWdCO2dCQUNkLE9BQU8sSUFBSSxDQUFDRixVQUFVO1lBQ3hCOzs7WUFFQUcsS0FBQUE7bUJBQUFBLFNBQUFBLE9BQU87Z0JBQ0wsSUFBSUMsWUFBWSxJQUFJO2dCQUVwQixJQUFJLElBQUksQ0FBQ0wsUUFBUSxHQUFHLEdBQUc7b0JBQ3JCLElBQUksQ0FBQ0EsUUFBUTtvQkFFYkssWUFBWSxJQUFJLENBQUNKLFVBQVUsQ0FBQyxJQUFJLENBQUNELFFBQVEsQ0FBQztvQkFFMUMsSUFBTU0sb0JBQW9CRCxVQUFVRSxNQUFNLENBQUNDLGVBQWUsRUFBRUMsZUFBZTtvQkFFM0VKLFlBQVlDLG1CQUFvQixHQUFHO2dCQUNyQyxDQUFDO2dCQUVELE9BQU9EO1lBQ1Q7OztZQUVBSyxLQUFBQTttQkFBQUEsU0FBQUEsT0FBTztnQkFDTCxJQUFJTCxZQUFZLElBQUk7Z0JBRXBCLElBQU1NLG1CQUFtQixJQUFJLENBQUNWLFVBQVUsQ0FBQ1csTUFBTTtnQkFFL0MsSUFBSSxJQUFJLENBQUNaLFFBQVEsR0FBR1csa0JBQWtCO29CQUNwQ04sWUFBWSxJQUFJLENBQUNKLFVBQVUsQ0FBQyxJQUFJLENBQUNELFFBQVEsQ0FBQztvQkFFMUMsSUFBSSxDQUFDQSxRQUFRO2dCQUNmLENBQUM7Z0JBRUQsT0FBT0s7WUFDVDs7O1lBRUFRLEtBQUFBO21CQUFBQSxTQUFBQSxVQUFVWixVQUFVLEVBQUU7Z0JBQ3BCLElBQUksQ0FBQ0EsVUFBVSxHQUFHYSxJQUFBQSxtQkFBbUIsRUFBQyxJQUFJLENBQUNiLFVBQVUsRUFBRUE7Z0JBRXZELElBQUksQ0FBQ2MscUJBQXFCO1lBQzVCOzs7WUFFQUMsS0FBQUE7bUJBQUFBLFNBQUFBLGNBQWNmLFVBQVUsRUFBRTtnQkFDeEIsSUFBTWdCLFFBQVEsSUFBSSxDQUFDakIsUUFBUSxFQUFHLEdBQUc7Z0JBRWpDLElBQUksQ0FBQ0MsVUFBVSxDQUFDaUIsTUFBTSxDQUFDRDtnQkFFdkJuQixLQUFLLElBQUksQ0FBQ0csVUFBVSxFQUFFQTtnQkFFdEIsSUFBTVUsbUJBQW1CLElBQUksQ0FBQ1YsVUFBVSxDQUFDVyxNQUFNO2dCQUUvQyxJQUFJLENBQUNaLFFBQVEsR0FBR1csa0JBQWtCLEdBQUc7WUFDdkM7OztZQUVBSSxLQUFBQTttQkFBQUEsU0FBQUEsd0JBQXdCO2dCQUN0QixJQUFJSCxTQUFTLElBQUksQ0FBQ1gsVUFBVSxDQUFDVyxNQUFNLEVBQzdCWixXQUFXO2dCQUVqQixNQUFPQSxXQUFXWSxPQUFRO29CQUN4QixJQUFNUCxZQUFZLElBQUksQ0FBQ0osVUFBVSxDQUFDRCxTQUFTO29CQUUzQyxJQUFJSyxBQUFTLFlBQVRBLFdBQXFCYyxjQUFjLEdBQUU7d0JBQ3ZDLElBQU1GLFFBQVFqQixVQUNSb0IsY0FBYzt3QkFFcEIsSUFBSSxDQUFDbkIsVUFBVSxDQUFDaUIsTUFBTSxDQUFDRCxPQUFPRzt3QkFFOUIsSUFBSSxJQUFJLENBQUNwQixRQUFRLEdBQUdBLFVBQVU7NEJBQzVCLElBQUksQ0FBQ0EsUUFBUTt3QkFDZixDQUFDO29CQUNILE9BQU87d0JBQ0xBO29CQUNGLENBQUM7b0JBRURZLFNBQVMsSUFBSSxDQUFDWCxVQUFVLENBQUNXLE1BQU07Z0JBQ2pDO1lBQ0Y7Ozs7WUFFT1MsS0FBQUE7bUJBQVAsU0FBT0EsY0FBYztnQkFDbkIsSUFBTXJCLFdBQVcsR0FDWEMsYUFBYSxFQUFFLEVBQ2ZxQixhQUFhLElBekZGekIsV0F5RmlCRyxVQUFVQztnQkFFNUMsT0FBT3FCO1lBQ1Q7OztXQTVGbUJ6QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy91bmRvQnVmZmVyLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgeyBhcnJheVV0aWxpdGllcyB9IGZyb20gXCJuZWNlc3NhcnlcIjtcblxuaW1wb3J0IEVtcHR5T3BlcmF0aW9uIGZyb20gXCIuL29wZXJhdGlvbi9lbXB0eVwiO1xuaW1wb3J0IEluc2VydE9wZXJhdGlvbiBmcm9tIFwiLi9vcGVyYXRpb24vaW5zZXJ0XCI7XG5pbXBvcnQgRGVsZXRlT3BlcmF0aW9uIGZyb20gXCIuL29wZXJhdGlvbi9kZWxldGVcIjtcbmltcG9ydCB0cmFuc2Zvcm1PcGVyYXRpb25zIGZyb20gXCIuL3RyYW5zZm9ybS9vcGVyYXRpb25zXCI7XG5cbmNvbnN0IHsgY2xlYXIsIGZpbHRlciwgdW5zaGlmdCB9ID0gYXJyYXlVdGlsaXRpZXM7XG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIFVuZG9CdWZmZXIge1xuICBjb25zdHJ1Y3Rvcih1bmRvT3BlcmF0aW9ucywgcmVkb09wZXJhdGlvbnMpIHtcbiAgICB0aGlzLnVuZG9PcGVyYXRpb25zID0gdW5kb09wZXJhdGlvbnM7XG4gICAgdGhpcy5yZWRvT3BlcmF0aW9ucyA9IHJlZG9PcGVyYXRpb25zO1xuICB9XG5cbiAgZ2V0VW5kb09wZXJhdGlvbnMoKSB7XG4gICAgcmV0dXJuIHRoaXMudW5kb09wZXJhdGlvbnM7XG4gIH1cbiAgXG4gIGdldFJlZG9PcGVyYXRpb25zKCkge1xuICAgIHJldHVybiB0aGlzLnJlZG9PcGVyYXRpb25zO1xuICB9XG5cbiAgdW5kbygpIHtcbiAgICBsZXQgdW5kb09wZXJhdGlvbiA9IG51bGw7XG5cbiAgICBjb25zdCB1bmRvT3BlcmF0aW9uc0xlbmd0aCA9IHRoaXMudW5kb09wZXJhdGlvbnMubGVuZ3RoO1xuXG4gICAgaWYgKHVuZG9PcGVyYXRpb25zTGVuZ3RoID4gMCkge1xuICAgICAgdW5kb09wZXJhdGlvbiA9IHRoaXMudW5kb09wZXJhdGlvbnMuc2hpZnQoKTtcblxuICAgICAgY29uc3QgaW52ZXJ0ZWRVbmRvT3BlcmF0aW9uID0gdW5kb09wZXJhdGlvbi5pbnZlcnQoSW5zZXJ0T3BlcmF0aW9uLCBEZWxldGVPcGVyYXRpb24pLFxuICAgICAgICAgICAgcmVkb09wZXJhdGlvbiA9IGludmVydGVkVW5kb09wZXJhdGlvbjsgIC8vL1xuXG4gICAgICB0aGlzLnJlZG9PcGVyYXRpb25zLnVuc2hpZnQocmVkb09wZXJhdGlvbik7XG4gICAgfVxuXG4gICAgcmV0dXJuIHVuZG9PcGVyYXRpb247XG4gIH1cblxuICByZWRvKCkge1xuICAgIGxldCByZWRvT3BlcmF0aW9uID0gbnVsbDtcblxuICAgIGNvbnN0IHJlZG9PcGVyYXRpb25zTGVuZ3RoID0gdGhpcy5yZWRvT3BlcmF0aW9ucy5sZW5ndGg7XG5cbiAgICBpZiAocmVkb09wZXJhdGlvbnNMZW5ndGggPiAwKSB7XG4gICAgICByZWRvT3BlcmF0aW9uID0gdGhpcy5yZWRvT3BlcmF0aW9ucy5zaGlmdCgpO1xuXG4gICAgICBjb25zdCBpbnZlcnRlZFJlZG9PcGVyYXRpb24gPSByZWRvT3BlcmF0aW9uLmludmVydChJbnNlcnRPcGVyYXRpb24sIERlbGV0ZU9wZXJhdGlvbiksXG4gICAgICAgICAgICB1bmRvT3BlcmF0aW9uID0gaW52ZXJ0ZWRSZWRvT3BlcmF0aW9uOyAgLy8vXG5cbiAgICAgIHRoaXMudW5kb09wZXJhdGlvbnMudW5zaGlmdCh1bmRvT3BlcmF0aW9uKTtcbiAgICB9XG5cbiAgICByZXR1cm4gcmVkb09wZXJhdGlvbjtcbiAgfVxuXG4gIHRyYW5zZm9ybShvcGVyYXRpb25zKSB7XG4gICAgdGhpcy51bmRvT3BlcmF0aW9ucyA9IHRyYW5zZm9ybU9wZXJhdGlvbnModGhpcy51bmRvT3BlcmF0aW9ucywgb3BlcmF0aW9ucyk7XG5cbiAgICB0aGlzLnJlZG9PcGVyYXRpb25zID0gdHJhbnNmb3JtT3BlcmF0aW9ucyh0aGlzLnJlZG9PcGVyYXRpb25zLCBvcGVyYXRpb25zKTtcbiAgICBcbiAgICBmaWx0ZXJFbXB0eU9wZXJhdGlvbnModGhpcy51bmRvT3BlcmF0aW9ucyk7XG5cbiAgICBmaWx0ZXJFbXB0eU9wZXJhdGlvbnModGhpcy5yZWRvT3BlcmF0aW9ucyk7XG4gIH1cblxuICBhZGRPcGVyYXRpb25zKG9wZXJhdGlvbnMpIHtcbiAgICBjb25zdCBpbnZlcnRlZE9wZXJhdGlvbnMgPSBpbnZlcnRPcGVyYXRpb25zKG9wZXJhdGlvbnMpLFxuICAgICAgICAgIHJldmVyc2VkSW52ZXJ0ZWRPcGVyYXRpb25zID0gcmV2ZXJzZU9wZXJhdGlvbnMoaW52ZXJ0ZWRPcGVyYXRpb25zKSxcbiAgICAgICAgICB1bmRvT3BlcmF0aW9ucyA9IHJldmVyc2VkSW52ZXJ0ZWRPcGVyYXRpb25zOyAgLy8vXG5cbiAgICB1bnNoaWZ0KHRoaXMudW5kb09wZXJhdGlvbnMsIHVuZG9PcGVyYXRpb25zKTtcblxuICAgIGNsZWFyKHRoaXMucmVkb09wZXJhdGlvbnMpO1xuICB9XG5cbiAgc3RhdGljIGZyb21Ob3RoaW5nKCkge1xuICAgIGNvbnN0IHVuZG9PcGVyYXRpb25zID0gW10sXG4gICAgICAgICAgcmVkb09wZXJhdGlvbnMgPSBbXSxcbiAgICAgICAgICB1bmRvQnVmZmVyID0gbmV3IFVuZG9CdWZmZXIodW5kb09wZXJhdGlvbnMsIHJlZG9PcGVyYXRpb25zKTtcblxuICAgIHJldHVybiB1bmRvQnVmZmVyO1xuICB9XG59XG5cbmZ1bmN0aW9uIGludmVydE9wZXJhdGlvbnMob3BlcmF0aW9ucykge1xuICBjb25zdCBpbnZlcnRlZE9wZXJhdGlvbnMgPSBvcGVyYXRpb25zLm1hcCgob3BlcmF0aW9uKSA9PiB7XG4gICAgY29uc3QgaW52ZXJ0ZWRPcGVyYXRpb24gPSBvcGVyYXRpb24uaW52ZXJ0KEluc2VydE9wZXJhdGlvbiwgRGVsZXRlT3BlcmF0aW9uKTtcblxuICAgIHJldHVybiBpbnZlcnRlZE9wZXJhdGlvbjtcbiAgfSk7XG5cbiAgcmV0dXJuIGludmVydGVkT3BlcmF0aW9ucztcbn1cblxuZnVuY3Rpb24gcmV2ZXJzZU9wZXJhdGlvbnMob3BlcmF0aW9ucykge1xuICBjb25zdCByZXZlcnNlZE9wZXJhdGlvbnMgPSBvcGVyYXRpb25zLnJlZHVjZSgocmV2ZXJzZWRPcGVyYXRpb25zLCBvcGVyYXRpb24pID0+IHtcbiAgICBjb25zdCByZXZlcnNlZE9wZXJhdGlvbiA9IG9wZXJhdGlvbjsgIC8vL1xuXG4gICAgcmV2ZXJzZWRPcGVyYXRpb25zLnVuc2hpZnQocmV2ZXJzZWRPcGVyYXRpb24pO1xuXG4gICAgcmV0dXJuIHJldmVyc2VkT3BlcmF0aW9ucztcbiAgfSwgW10pO1xuXG4gIHJldHVybiByZXZlcnNlZE9wZXJhdGlvbnM7XG59XG5cbmZ1bmN0aW9uIGZpbHRlckVtcHR5T3BlcmF0aW9ucyhvcGVyYXRpb25zKSB7XG4gIGZpbHRlcihvcGVyYXRpb25zLCAob3BlcmF0aW9uKSA9PiB7XG4gICAgY29uc3Qgb3BlcmF0aW9uRW1wdHlPcGVyYXRpb24gPSAob3BlcmF0aW9uIGluc3RhbmNlb2YgRW1wdHlPcGVyYXRpb24pO1xuXG4gICAgaWYgKCFvcGVyYXRpb25FbXB0eU9wZXJhdGlvbikge1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuICB9KTtcbn1cbiJdLCJuYW1lcyI6WyJVbmRvQnVmZmVyIiwiY2xlYXIiLCJhcnJheVV0aWxpdGllcyIsImZpbHRlciIsInVuc2hpZnQiLCJ1bmRvT3BlcmF0aW9ucyIsInJlZG9PcGVyYXRpb25zIiwiZ2V0VW5kb09wZXJhdGlvbnMiLCJnZXRSZWRvT3BlcmF0aW9ucyIsInVuZG8iLCJ1bmRvT3BlcmF0aW9uIiwidW5kb09wZXJhdGlvbnNMZW5ndGgiLCJsZW5ndGgiLCJzaGlmdCIsImludmVydGVkVW5kb09wZXJhdGlvbiIsImludmVydCIsIkluc2VydE9wZXJhdGlvbiIsIkRlbGV0ZU9wZXJhdGlvbiIsInJlZG9PcGVyYXRpb24iLCJyZWRvIiwicmVkb09wZXJhdGlvbnNMZW5ndGgiLCJpbnZlcnRlZFJlZG9PcGVyYXRpb24iLCJ0cmFuc2Zvcm0iLCJvcGVyYXRpb25zIiwidHJhbnNmb3JtT3BlcmF0aW9ucyIsImZpbHRlckVtcHR5T3BlcmF0aW9ucyIsImFkZE9wZXJhdGlvbnMiLCJpbnZlcnRlZE9wZXJhdGlvbnMiLCJpbnZlcnRPcGVyYXRpb25zIiwicmV2ZXJzZWRJbnZlcnRlZE9wZXJhdGlvbnMiLCJyZXZlcnNlT3BlcmF0aW9ucyIsImZyb21Ob3RoaW5nIiwidW5kb0J1ZmZlciIsIm1hcCIsIm9wZXJhdGlvbiIsImludmVydGVkT3BlcmF0aW9uIiwicmV2ZXJzZWRPcGVyYXRpb25zIiwicmVkdWNlIiwicmV2ZXJzZWRPcGVyYXRpb24iLCJvcGVyYXRpb25FbXB0eU9wZXJhdGlvbiIsIkVtcHR5T3BlcmF0aW9uIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7OztlQVdxQkE7Ozt5QkFUVTswREFFSjsyREFDQzsyREFDQTsrREFDSTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFaEMsSUFBUUMsUUFBMkJDLHlCQUFjLENBQXpDRCxPQUFPRSxTQUFvQkQseUJBQWMsQ0FBbENDLFFBQVFDLFVBQVlGLHlCQUFjLENBQTFCRTtBQUVSLElBQUEsQUFBTUosMkJBNkVsQixBQTdFWTthQUFNQSxXQUNQSyxjQUFjLEVBQUVDLGNBQWM7OEJBRHZCTjtRQUVqQixJQUFJLENBQUNLLGNBQWMsR0FBR0E7UUFDdEIsSUFBSSxDQUFDQyxjQUFjLEdBQUdBOztpQkFITE47O1lBTW5CTyxLQUFBQTttQkFBQUEsU0FBQUEsb0JBQW9CO2dCQUNsQixPQUFPLElBQUksQ0FBQ0YsY0FBYztZQUM1Qjs7O1lBRUFHLEtBQUFBO21CQUFBQSxTQUFBQSxvQkFBb0I7Z0JBQ2xCLE9BQU8sSUFBSSxDQUFDRixjQUFjO1lBQzVCOzs7WUFFQUcsS0FBQUE7bUJBQUFBLFNBQUFBLE9BQU87Z0JBQ0wsSUFBSUMsZ0JBQWdCLElBQUk7Z0JBRXhCLElBQU1DLHVCQUF1QixJQUFJLENBQUNOLGNBQWMsQ0FBQ08sTUFBTTtnQkFFdkQsSUFBSUQsdUJBQXVCLEdBQUc7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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "easy-richtextarea",
   "author": "James Smith",
-  "version": "4.0.19",
+  "version": "4.0.21",
   "license": "MIT, Anti-996",
   "homepage": "https://github.com/djalbat/easy-richtextarea",
   "description": "A textarea element that handles and hands off events well.",

package/src/eventTypes.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { eventTypes } from "easy";
+
+export const { CUT_EVENT_TYPE,
+               COPY_EVENT_TYPE,
+               BLUR_EVENT_TYPE,
+               PASTE_EVENT_TYPE,
+               INPUT_EVENT_TYPE,
+               FOCUS_EVENT_TYPE,
+               CHANGE_EVENT_TYPE,
+               SCROLL_EVENT_TYPE,
+               KEYDOWN_EVENT_TYPE,
+               CONTEXTMENU_EVENT_TYPE,
+               SELECTIONCHANGE_EVENT_TYPE } = eventTypes;
+
+export const FIND_EVENT_TYPE = "find";

package/src/example/richTextarea.js

@@ -6,19 +6,11 @@ import { RichTextarea } from "../browser";  ///
 
 export default withStyle(RichTextarea)`
 
-  color: #eee;
-  width: 64rem;
+  width: 48rem;
+  border: solid 1px black;
   resize: none;
-  height: 64rem;
+  height: 32rem;
   padding: 0.25rem;
-  font-size: 1.6rem;
   font-family: monospace;
-  margin-right: 2rem;
-  background-color: #222;
-    
-  ::selection {
-    color: #fff;
-    background-color: #c80;
-  }
 
 `;

package/src/example/view.js

@@ -3,63 +3,48 @@
 import RichTextarea from "./richTextarea";
 
 const content = "",
-      activeRichTextarea =
+      richTextarea =
 
-        <RichTextarea onChange={changeHandler} onScroll={scrollHandler} onFocus={focusHandler} onBlur={blurHandler} />
-
-      ,
-      inactiveRichTextarea =
-
-        <RichTextarea />
+        <RichTextarea onFind={findHandler} onBlur={blurHandler} onFocus={focusHandler} onChange={changeHandler} onScroll={scrollHandler} />
 
       ;
 
-activeRichTextarea.setContent(content);
+richTextarea.setContent(content);
 
-activeRichTextarea.activate();
+richTextarea.activate();
 
 const View = (properties) =>
 
   <div className="view">
-    {activeRichTextarea}
-    {inactiveRichTextarea}
+    {richTextarea}
   </div>
 
 ;
 
 export default View;
 
-function changeHandler(event, element) {
-  const contentChanged = activeRichTextarea.hasContentChanged(),
-        selectionChanged = activeRichTextarea.hasSelectionChanged();
-
-  console.log(contentChanged, selectionChanged)
-
-  if (contentChanged) {
-    const content = activeRichTextarea.getContent();
-
-    inactiveRichTextarea.setContent(content);
-  }
-
-  if (selectionChanged) {
-    const selection = activeRichTextarea.getSelection();
-
-    inactiveRichTextarea.setSelection(selection);
-  }
+function findHandler(event, element) {
+  console.log("find")
 }
 
-function scrollHandler(event, element) {
-  const scrollTop = activeRichTextarea.getScrollTop(),
-        scrollLeft = activeRichTextarea.getScrollLeft();
-
-  inactiveRichTextarea.setScrollTop(scrollTop);
-  inactiveRichTextarea.setScrollLeft(scrollLeft);
+function blurHandler(event, element) {
+  console.log("blur")
 }
 
 function focusHandler(event, element) {
   console.log("focus")
 }
 
-function blurHandler(event, element) {
-  console.log("blur")
+function changeHandler(event, element) {
+  const contentChanged = richTextarea.hasContentChanged(),
+        selectionChanged = richTextarea.hasSelectionChanged();
+
+  console.log(contentChanged, selectionChanged)
+}
+
+function scrollHandler(event, element) {
+  const scrollTop = richTextarea.getScrollTop(),
+        scrollLeft = richTextarea.getScrollLeft();
+
+  console.log(scrollTop, scrollLeft)
 }

package/src/keyCodes.js

@@ -1,3 +1,4 @@
 "use strict";
 
+export const F_KEY_CODE = 70;
 export const Z_KEY_CODE = 90;

package/src/richTextarea.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { Element, document, eventTypes } from "easy";
+import { Element, document } from "easy";
 
 import Selection from "./selection"
 import UndoBuffer from "./undoBuffer";
@@ -10,20 +10,20 @@ import transformContent from "./transform/content";
 import transformSelection from "./transform/selection";
 import generateOperations from "./operations/generate";
 
-import { Z_KEY_CODE } from "./keyCodes";
 import { TEXT, EMPTY_STRING } from "./constants";
-
-const { CUT_EVENT_TYPE,
-        COPY_EVENT_TYPE,
-        BLUR_EVENT_TYPE,
-        PASTE_EVENT_TYPE,
-        INPUT_EVENT_TYPE,
-        FOCUS_EVENT_TYPE,
-        CHANGE_EVENT_TYPE,
-        SCROLL_EVENT_TYPE,
-        KEYDOWN_EVENT_TYPE,
-        CONTEXTMENU_EVENT_TYPE,
-        SELECTIONCHANGE_EVENT_TYPE } = eventTypes;
+import { F_KEY_CODE, Z_KEY_CODE } from "./keyCodes";
+import { CUT_EVENT_TYPE,
+         COPY_EVENT_TYPE,
+         FIND_EVENT_TYPE,
+         BLUR_EVENT_TYPE,
+         PASTE_EVENT_TYPE,
+         INPUT_EVENT_TYPE,
+         FOCUS_EVENT_TYPE,
+         CHANGE_EVENT_TYPE,
+         SCROLL_EVENT_TYPE,
+         KEYDOWN_EVENT_TYPE,
+         CONTEXTMENU_EVENT_TYPE,
+         SELECTIONCHANGE_EVENT_TYPE } from "./eventTypes";
 
 export default class RichTextarea extends Element {
   constructor(selector, focused, readOnly, undoBuffer, previousContent, previousSelection) {
@@ -132,6 +132,18 @@ export default class RichTextarea extends Element {
       }
     }
 
+    if (keyCode === F_KEY_CODE) {
+      const { ctrlKey, metaKey } = event;
+
+      if (ctrlKey || metaKey) {
+        this.find(event, element);
+
+        event.preventDefault();
+
+        return;
+      }
+    }
+
     defer(() => {
       this.intermediateHandler(event, element);
     });
@@ -313,18 +325,28 @@ export default class RichTextarea extends Element {
     }
   }
 
+  find(event, element) {
+    const eventType = FIND_EVENT_TYPE;
+
+    this.callHandlers(eventType, event, element);
+  }
+
   undo(event, element) {
-    const operation = this.undoBuffer.undo();
+    const undoOperation = this.undoBuffer.undo();
+
+    if (undoOperation !== null) {
+      const operation = undoOperation;  ///
 
-    if (operation !== null) {
       this.revert(event, element, operation);
     }
   }
 
   redo(event, element) {
-    const operation = this.undoBuffer.redo();
+    const redoOperation = this.undoBuffer.redo();
+
+    if (redoOperation !== null) {
+      const operation = redoOperation;  ///
 
-    if (operation !== null) {
       this.revert(event, element, operation);
     }
   }
@@ -433,6 +455,20 @@ export default class RichTextarea extends Element {
     this.removeClass("active");
   }
 
+  onFind(findHandler, element) {
+    const eventType = FIND_EVENT_TYPE,
+          handler = findHandler;  ///
+
+    this.addEventListener(eventType, handler, element);
+  }
+
+  offFind(findHandler, element) {
+    const eventType = FIND_EVENT_TYPE,
+          handler = findHandler;  ///
+
+    this.removeEventListener(eventType, handler, element);
+  }
+
   onBlur(blurHandler, element) {
     const eventType = BLUR_EVENT_TYPE,
           handler = blurHandler;  ///
@@ -490,11 +526,12 @@ export default class RichTextarea extends Element {
   }
 
   didMount() {
-    const { onChange, onScroll, onFocus, onBlur } = this.properties,
-          changeHandler = onChange, ///
-          scrollHandler = onScroll, ///
+    const { onFind, onBlur, onFocus, onChange, onScroll } = this.properties,
+          findHandler = onFind, ///
+          blurHandler = onBlur, ///
           focusHandler = onFocus, ///
-          blurHandler = onBlur; ///
+          changeHandler = onChange, ///
+          scrollHandler = onScroll; ///
 
     const content = this.getContent(),
           selection = this.getSelection();
@@ -503,13 +540,15 @@ export default class RichTextarea extends Element {
 
     this.previousSelection = selection;  ///
 
-    changeHandler && this.onChange(changeHandler, this);
+    findHandler && this.onFind(findHandler, this);
 
-    scrollHandler && this.onScroll(scrollHandler, this);
+    blurHandler && this.onBlur(blurHandler, this);
 
     focusHandler && this.onFocus(focusHandler, this);
 
-    blurHandler && this.onBlur(blurHandler, this);
+    changeHandler && this.onChange(changeHandler, this);
+
+    scrollHandler && this.onScroll(scrollHandler, this);
 
     this.on(CUT_EVENT_TYPE, this.cutHandler);
 
@@ -523,19 +562,22 @@ export default class RichTextarea extends Element {
   }
 
   willUnmount() {
-    const { onChange, onScroll, onFocus, onBlur } = this.properties,
-          changeHandler = onChange, ///
-          scrollHandler = onScroll, ///
-          focusHandler = onFocus, ///
-          blurHandler = onBlur; ///
+    const { onFind, onBlur, onFocus, onChange, onScroll } = this.properties,
+            findHandler = onFind, ///
+            blurHandler = onBlur, ///
+            focusHandler = onFocus, ///
+            changeHandler = onChange, ///
+            scrollHandler = onScroll; ///
 
-    changeHandler && this.offChange(changeHandler, this);
+    findHandler && this.offFind(findHandler, this);
 
-    scrollHandler && this.offScroll(scrollHandler, this);
+    blurHandler && this.offBlur(blurHandler, this);
 
     focusHandler && this.offFocus(focusHandler, this);
 
-    blurHandler && this.offBlur(blurHandler, this);
+    changeHandler && this.offChange(changeHandler, this);
+
+    scrollHandler && this.offScroll(scrollHandler, this);
 
     this.off(CUT_EVENT_TYPE, this.cutHandler);
 
@@ -557,10 +599,11 @@ export default class RichTextarea extends Element {
   static tagName = "textarea";
 
   static ignoredProperties = [
+    "onFind",
+    "onBlur",
+    "onFocus",
     "onChange",
     "onScroll",
-    "onFocus",
-    "onBlur"
   ];
 
   static defaultProperties = {