@reactivex/rxjs/dist/amd/observable/FromEventObservable.js

Reactive Extensions for modern JavaScript

var __extends = (this && this.__extends) || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
define(["require", "exports", '../Observable', '../util/tryCatch', '../util/errorObject', '../Subscription'], function (require, exports, Observable_1, tryCatch_1, errorObject_1, Subscription_1) {
    "use strict";
    function isNodeStyleEventEmmitter(sourceObj) {
        return !!sourceObj && typeof sourceObj.addListener === 'function' && typeof sourceObj.removeListener === 'function';
    }
    function isJQueryStyleEventEmitter(sourceObj) {
        return !!sourceObj && typeof sourceObj.on === 'function' && typeof sourceObj.off === 'function';
    }
    function isNodeList(sourceObj) {
        return !!sourceObj && sourceObj.toString() === '[object NodeList]';
    }
    function isHTMLCollection(sourceObj) {
        return !!sourceObj && sourceObj.toString() === '[object HTMLCollection]';
    }
    function isEventTarget(sourceObj) {
        return !!sourceObj && typeof sourceObj.addEventListener === 'function' && typeof sourceObj.removeEventListener === 'function';
    }
    /**
     * We need this JSDoc comment for affecting ESDoc.
     * @extends {Ignored}
     * @hide true
     */
    var FromEventObservable = (function (_super) {
        __extends(FromEventObservable, _super);
        function FromEventObservable(sourceObj, eventName, selector) {
            _super.call(this);
            this.sourceObj = sourceObj;
            this.eventName = eventName;
            this.selector = selector;
        }
        /**
         * Creates an Observable that emits events of a specific type coming from the
         * given event target.
         *
         * <span class="informal">Creates an Observable from DOM events, or Node
         * EventEmitter events or others.</span>
         *
         * <img src="./img/fromEvent.png" width="100%">
         *
         * Creates an Observable by attaching an event listener to an "event target",
         * which may be an object with `addEventListener` and `removeEventListener`,
         * a Node.js EventEmitter, a jQuery style EventEmitter, a NodeList from the
         * DOM, or an HTMLCollection from the DOM. The event handler is attached when
         * the output Observable is subscribed, and removed when the Subscription is
         * unsubscribed.
         *
         * @example <caption>Emits clicks happening on the DOM document</caption>
         * var clicks = Rx.Observable.fromEvent(document, 'click');
         * clicks.subscribe(x => console.log(x));
         *
         * @see {@link from}
         * @see {@link fromEventPattern}
         *
         * @param {EventTargetLike} target The DOMElement, event target, Node.js
         * EventEmitter, NodeList or HTMLCollection to attach the event handler to.
         * @param {string} eventName The event name of interest, being emitted by the
         * `target`.
         * @param {function(...args: any): T} [selector] An optional function to
         * post-process results. It takes the arguments from the event handler and
         * should return a single value.
         * @return {Observable<T>}
         * @static true
         * @name fromEvent
         * @owner Observable
         */
        FromEventObservable.create = function (target, eventName, selector) {
            return new FromEventObservable(target, eventName, selector);
        };
        FromEventObservable.setupSubscription = function (sourceObj, eventName, handler, subscriber) {
            var unsubscribe;
            if (isNodeList(sourceObj) || isHTMLCollection(sourceObj)) {
                for (var i = 0, len = sourceObj.length; i < len; i++) {
                    FromEventObservable.setupSubscription(sourceObj[i], eventName, handler, subscriber);
                }
            }
            else if (isEventTarget(sourceObj)) {
                sourceObj.addEventListener(eventName, handler);
                unsubscribe = function () { return sourceObj.removeEventListener(eventName, handler); };
            }
            else if (isJQueryStyleEventEmitter(sourceObj)) {
                sourceObj.on(eventName, handler);
                unsubscribe = function () { return sourceObj.off(eventName, handler); };
            }
            else if (isNodeStyleEventEmmitter(sourceObj)) {
                sourceObj.addListener(eventName, handler);
                unsubscribe = function () { return sourceObj.removeListener(eventName, handler); };
            }
            subscriber.add(new Subscription_1.Subscription(unsubscribe));
        };
        FromEventObservable.prototype._subscribe = function (subscriber) {
            var sourceObj = this.sourceObj;
            var eventName = this.eventName;
            var selector = this.selector;
            var handler = selector ? function () {
                var args = [];
                for (var _i = 0; _i < arguments.length; _i++) {
                    args[_i - 0] = arguments[_i];
                }
                var result = tryCatch_1.tryCatch(selector).apply(void 0, args);
                if (result === errorObject_1.errorObject) {
                    subscriber.error(errorObject_1.errorObject.e);
                }
                else {
                    subscriber.next(result);
                }
            } : function (e) { return subscriber.next(e); };
            FromEventObservable.setupSubscription(sourceObj, eventName, handler, subscriber);
        };
        return FromEventObservable;
    }(Observable_1.Observable));
    exports.FromEventObservable = FromEventObservable;
});
//# sourceMappingURL=FromEventObservable.js.map