123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862 |
- /**
- * @author Toru Nagashima <https://github.com/mysticatea>
- * @copyright 2015 Toru Nagashima. All rights reserved.
- * See LICENSE file in root directory for full license.
- */
- /**
- * @typedef {object} PrivateData
- * @property {EventTarget} eventTarget The event target.
- * @property {{type:string}} event The original event object.
- * @property {number} eventPhase The current event phase.
- * @property {EventTarget|null} currentTarget The current event target.
- * @property {boolean} canceled The flag to prevent default.
- * @property {boolean} stopped The flag to stop propagation.
- * @property {boolean} immediateStopped The flag to stop propagation immediately.
- * @property {Function|null} passiveListener The listener if the current listener is passive. Otherwise this is null.
- * @property {number} timeStamp The unix time.
- * @private
- */
- /**
- * Private data for event wrappers.
- * @type {WeakMap<Event, PrivateData>}
- * @private
- */
- const privateData = new WeakMap();
- /**
- * Cache for wrapper classes.
- * @type {WeakMap<Object, Function>}
- * @private
- */
- const wrappers = new WeakMap();
- /**
- * Get private data.
- * @param {Event} event The event object to get private data.
- * @returns {PrivateData} The private data of the event.
- * @private
- */
- function pd(event) {
- const retv = privateData.get(event);
- console.assert(
- retv != null,
- "'this' is expected an Event object, but got",
- event
- );
- return retv
- }
- /**
- * https://dom.spec.whatwg.org/#set-the-canceled-flag
- * @param data {PrivateData} private data.
- */
- function setCancelFlag(data) {
- if (data.passiveListener != null) {
- if (
- typeof console !== "undefined" &&
- typeof console.error === "function"
- ) {
- console.error(
- "Unable to preventDefault inside passive event listener invocation.",
- data.passiveListener
- );
- }
- return
- }
- if (!data.event.cancelable) {
- return
- }
- data.canceled = true;
- if (typeof data.event.preventDefault === "function") {
- data.event.preventDefault();
- }
- }
- /**
- * @see https://dom.spec.whatwg.org/#interface-event
- * @private
- */
- /**
- * The event wrapper.
- * @constructor
- * @param {EventTarget} eventTarget The event target of this dispatching.
- * @param {Event|{type:string}} event The original event to wrap.
- */
- function Event(eventTarget, event) {
- privateData.set(this, {
- eventTarget,
- event,
- eventPhase: 2,
- currentTarget: eventTarget,
- canceled: false,
- stopped: false,
- immediateStopped: false,
- passiveListener: null,
- timeStamp: event.timeStamp || Date.now(),
- });
- // https://heycam.github.io/webidl/#Unforgeable
- Object.defineProperty(this, "isTrusted", { value: false, enumerable: true });
- // Define accessors
- const keys = Object.keys(event);
- for (let i = 0; i < keys.length; ++i) {
- const key = keys[i];
- if (!(key in this)) {
- Object.defineProperty(this, key, defineRedirectDescriptor(key));
- }
- }
- }
- // Should be enumerable, but class methods are not enumerable.
- Event.prototype = {
- /**
- * The type of this event.
- * @type {string}
- */
- get type() {
- return pd(this).event.type
- },
- /**
- * The target of this event.
- * @type {EventTarget}
- */
- get target() {
- return pd(this).eventTarget
- },
- /**
- * The target of this event.
- * @type {EventTarget}
- */
- get currentTarget() {
- return pd(this).currentTarget
- },
- /**
- * @returns {EventTarget[]} The composed path of this event.
- */
- composedPath() {
- const currentTarget = pd(this).currentTarget;
- if (currentTarget == null) {
- return []
- }
- return [currentTarget]
- },
- /**
- * Constant of NONE.
- * @type {number}
- */
- get NONE() {
- return 0
- },
- /**
- * Constant of CAPTURING_PHASE.
- * @type {number}
- */
- get CAPTURING_PHASE() {
- return 1
- },
- /**
- * Constant of AT_TARGET.
- * @type {number}
- */
- get AT_TARGET() {
- return 2
- },
- /**
- * Constant of BUBBLING_PHASE.
- * @type {number}
- */
- get BUBBLING_PHASE() {
- return 3
- },
- /**
- * The target of this event.
- * @type {number}
- */
- get eventPhase() {
- return pd(this).eventPhase
- },
- /**
- * Stop event bubbling.
- * @returns {void}
- */
- stopPropagation() {
- const data = pd(this);
- data.stopped = true;
- if (typeof data.event.stopPropagation === "function") {
- data.event.stopPropagation();
- }
- },
- /**
- * Stop event bubbling.
- * @returns {void}
- */
- stopImmediatePropagation() {
- const data = pd(this);
- data.stopped = true;
- data.immediateStopped = true;
- if (typeof data.event.stopImmediatePropagation === "function") {
- data.event.stopImmediatePropagation();
- }
- },
- /**
- * The flag to be bubbling.
- * @type {boolean}
- */
- get bubbles() {
- return Boolean(pd(this).event.bubbles)
- },
- /**
- * The flag to be cancelable.
- * @type {boolean}
- */
- get cancelable() {
- return Boolean(pd(this).event.cancelable)
- },
- /**
- * Cancel this event.
- * @returns {void}
- */
- preventDefault() {
- setCancelFlag(pd(this));
- },
- /**
- * The flag to indicate cancellation state.
- * @type {boolean}
- */
- get defaultPrevented() {
- return pd(this).canceled
- },
- /**
- * The flag to be composed.
- * @type {boolean}
- */
- get composed() {
- return Boolean(pd(this).event.composed)
- },
- /**
- * The unix time of this event.
- * @type {number}
- */
- get timeStamp() {
- return pd(this).timeStamp
- },
- /**
- * The target of this event.
- * @type {EventTarget}
- * @deprecated
- */
- get srcElement() {
- return pd(this).eventTarget
- },
- /**
- * The flag to stop event bubbling.
- * @type {boolean}
- * @deprecated
- */
- get cancelBubble() {
- return pd(this).stopped
- },
- set cancelBubble(value) {
- if (!value) {
- return
- }
- const data = pd(this);
- data.stopped = true;
- if (typeof data.event.cancelBubble === "boolean") {
- data.event.cancelBubble = true;
- }
- },
- /**
- * The flag to indicate cancellation state.
- * @type {boolean}
- * @deprecated
- */
- get returnValue() {
- return !pd(this).canceled
- },
- set returnValue(value) {
- if (!value) {
- setCancelFlag(pd(this));
- }
- },
- /**
- * Initialize this event object. But do nothing under event dispatching.
- * @param {string} type The event type.
- * @param {boolean} [bubbles=false] The flag to be possible to bubble up.
- * @param {boolean} [cancelable=false] The flag to be possible to cancel.
- * @deprecated
- */
- initEvent() {
- // Do nothing.
- },
- };
- // `constructor` is not enumerable.
- Object.defineProperty(Event.prototype, "constructor", {
- value: Event,
- configurable: true,
- writable: true,
- });
- // Ensure `event instanceof window.Event` is `true`.
- if (typeof window !== "undefined" && typeof window.Event !== "undefined") {
- Object.setPrototypeOf(Event.prototype, window.Event.prototype);
- // Make association for wrappers.
- wrappers.set(window.Event.prototype, Event);
- }
- /**
- * Get the property descriptor to redirect a given property.
- * @param {string} key Property name to define property descriptor.
- * @returns {PropertyDescriptor} The property descriptor to redirect the property.
- * @private
- */
- function defineRedirectDescriptor(key) {
- return {
- get() {
- return pd(this).event[key]
- },
- set(value) {
- pd(this).event[key] = value;
- },
- configurable: true,
- enumerable: true,
- }
- }
- /**
- * Get the property descriptor to call a given method property.
- * @param {string} key Property name to define property descriptor.
- * @returns {PropertyDescriptor} The property descriptor to call the method property.
- * @private
- */
- function defineCallDescriptor(key) {
- return {
- value() {
- const event = pd(this).event;
- return event[key].apply(event, arguments)
- },
- configurable: true,
- enumerable: true,
- }
- }
- /**
- * Define new wrapper class.
- * @param {Function} BaseEvent The base wrapper class.
- * @param {Object} proto The prototype of the original event.
- * @returns {Function} The defined wrapper class.
- * @private
- */
- function defineWrapper(BaseEvent, proto) {
- const keys = Object.keys(proto);
- if (keys.length === 0) {
- return BaseEvent
- }
- /** CustomEvent */
- function CustomEvent(eventTarget, event) {
- BaseEvent.call(this, eventTarget, event);
- }
- CustomEvent.prototype = Object.create(BaseEvent.prototype, {
- constructor: { value: CustomEvent, configurable: true, writable: true },
- });
- // Define accessors.
- for (let i = 0; i < keys.length; ++i) {
- const key = keys[i];
- if (!(key in BaseEvent.prototype)) {
- const descriptor = Object.getOwnPropertyDescriptor(proto, key);
- const isFunc = typeof descriptor.value === "function";
- Object.defineProperty(
- CustomEvent.prototype,
- key,
- isFunc
- ? defineCallDescriptor(key)
- : defineRedirectDescriptor(key)
- );
- }
- }
- return CustomEvent
- }
- /**
- * Get the wrapper class of a given prototype.
- * @param {Object} proto The prototype of the original event to get its wrapper.
- * @returns {Function} The wrapper class.
- * @private
- */
- function getWrapper(proto) {
- if (proto == null || proto === Object.prototype) {
- return Event
- }
- let wrapper = wrappers.get(proto);
- if (wrapper == null) {
- wrapper = defineWrapper(getWrapper(Object.getPrototypeOf(proto)), proto);
- wrappers.set(proto, wrapper);
- }
- return wrapper
- }
- /**
- * Wrap a given event to management a dispatching.
- * @param {EventTarget} eventTarget The event target of this dispatching.
- * @param {Object} event The event to wrap.
- * @returns {Event} The wrapper instance.
- * @private
- */
- function wrapEvent(eventTarget, event) {
- const Wrapper = getWrapper(Object.getPrototypeOf(event));
- return new Wrapper(eventTarget, event)
- }
- /**
- * Get the immediateStopped flag of a given event.
- * @param {Event} event The event to get.
- * @returns {boolean} The flag to stop propagation immediately.
- * @private
- */
- function isStopped(event) {
- return pd(event).immediateStopped
- }
- /**
- * Set the current event phase of a given event.
- * @param {Event} event The event to set current target.
- * @param {number} eventPhase New event phase.
- * @returns {void}
- * @private
- */
- function setEventPhase(event, eventPhase) {
- pd(event).eventPhase = eventPhase;
- }
- /**
- * Set the current target of a given event.
- * @param {Event} event The event to set current target.
- * @param {EventTarget|null} currentTarget New current target.
- * @returns {void}
- * @private
- */
- function setCurrentTarget(event, currentTarget) {
- pd(event).currentTarget = currentTarget;
- }
- /**
- * Set a passive listener of a given event.
- * @param {Event} event The event to set current target.
- * @param {Function|null} passiveListener New passive listener.
- * @returns {void}
- * @private
- */
- function setPassiveListener(event, passiveListener) {
- pd(event).passiveListener = passiveListener;
- }
- /**
- * @typedef {object} ListenerNode
- * @property {Function} listener
- * @property {1|2|3} listenerType
- * @property {boolean} passive
- * @property {boolean} once
- * @property {ListenerNode|null} next
- * @private
- */
- /**
- * @type {WeakMap<object, Map<string, ListenerNode>>}
- * @private
- */
- const listenersMap = new WeakMap();
- // Listener types
- const CAPTURE = 1;
- const BUBBLE = 2;
- const ATTRIBUTE = 3;
- /**
- * Check whether a given value is an object or not.
- * @param {any} x The value to check.
- * @returns {boolean} `true` if the value is an object.
- */
- function isObject(x) {
- return x !== null && typeof x === "object" //eslint-disable-line no-restricted-syntax
- }
- /**
- * Get listeners.
- * @param {EventTarget} eventTarget The event target to get.
- * @returns {Map<string, ListenerNode>} The listeners.
- * @private
- */
- function getListeners(eventTarget) {
- const listeners = listenersMap.get(eventTarget);
- if (listeners == null) {
- throw new TypeError(
- "'this' is expected an EventTarget object, but got another value."
- )
- }
- return listeners
- }
- /**
- * Get the property descriptor for the event attribute of a given event.
- * @param {string} eventName The event name to get property descriptor.
- * @returns {PropertyDescriptor} The property descriptor.
- * @private
- */
- function defineEventAttributeDescriptor(eventName) {
- return {
- get() {
- const listeners = getListeners(this);
- let node = listeners.get(eventName);
- while (node != null) {
- if (node.listenerType === ATTRIBUTE) {
- return node.listener
- }
- node = node.next;
- }
- return null
- },
- set(listener) {
- if (typeof listener !== "function" && !isObject(listener)) {
- listener = null; // eslint-disable-line no-param-reassign
- }
- const listeners = getListeners(this);
- // Traverse to the tail while removing old value.
- let prev = null;
- let node = listeners.get(eventName);
- while (node != null) {
- if (node.listenerType === ATTRIBUTE) {
- // Remove old value.
- if (prev !== null) {
- prev.next = node.next;
- } else if (node.next !== null) {
- listeners.set(eventName, node.next);
- } else {
- listeners.delete(eventName);
- }
- } else {
- prev = node;
- }
- node = node.next;
- }
- // Add new value.
- if (listener !== null) {
- const newNode = {
- listener,
- listenerType: ATTRIBUTE,
- passive: false,
- once: false,
- next: null,
- };
- if (prev === null) {
- listeners.set(eventName, newNode);
- } else {
- prev.next = newNode;
- }
- }
- },
- configurable: true,
- enumerable: true,
- }
- }
- /**
- * Define an event attribute (e.g. `eventTarget.onclick`).
- * @param {Object} eventTargetPrototype The event target prototype to define an event attrbite.
- * @param {string} eventName The event name to define.
- * @returns {void}
- */
- function defineEventAttribute(eventTargetPrototype, eventName) {
- Object.defineProperty(
- eventTargetPrototype,
- `on${eventName}`,
- defineEventAttributeDescriptor(eventName)
- );
- }
- /**
- * Define a custom EventTarget with event attributes.
- * @param {string[]} eventNames Event names for event attributes.
- * @returns {EventTarget} The custom EventTarget.
- * @private
- */
- function defineCustomEventTarget(eventNames) {
- /** CustomEventTarget */
- function CustomEventTarget() {
- EventTarget.call(this);
- }
- CustomEventTarget.prototype = Object.create(EventTarget.prototype, {
- constructor: {
- value: CustomEventTarget,
- configurable: true,
- writable: true,
- },
- });
- for (let i = 0; i < eventNames.length; ++i) {
- defineEventAttribute(CustomEventTarget.prototype, eventNames[i]);
- }
- return CustomEventTarget
- }
- /**
- * EventTarget.
- *
- * - This is constructor if no arguments.
- * - This is a function which returns a CustomEventTarget constructor if there are arguments.
- *
- * For example:
- *
- * class A extends EventTarget {}
- * class B extends EventTarget("message") {}
- * class C extends EventTarget("message", "error") {}
- * class D extends EventTarget(["message", "error"]) {}
- */
- function EventTarget() {
- /*eslint-disable consistent-return */
- if (this instanceof EventTarget) {
- listenersMap.set(this, new Map());
- return
- }
- if (arguments.length === 1 && Array.isArray(arguments[0])) {
- return defineCustomEventTarget(arguments[0])
- }
- if (arguments.length > 0) {
- const types = new Array(arguments.length);
- for (let i = 0; i < arguments.length; ++i) {
- types[i] = arguments[i];
- }
- return defineCustomEventTarget(types)
- }
- throw new TypeError("Cannot call a class as a function")
- /*eslint-enable consistent-return */
- }
- // Should be enumerable, but class methods are not enumerable.
- EventTarget.prototype = {
- /**
- * Add a given listener to this event target.
- * @param {string} eventName The event name to add.
- * @param {Function} listener The listener to add.
- * @param {boolean|{capture?:boolean,passive?:boolean,once?:boolean}} [options] The options for this listener.
- * @returns {void}
- */
- addEventListener(eventName, listener, options) {
- if (listener == null) {
- return
- }
- if (typeof listener !== "function" && !isObject(listener)) {
- throw new TypeError("'listener' should be a function or an object.")
- }
- const listeners = getListeners(this);
- const optionsIsObj = isObject(options);
- const capture = optionsIsObj
- ? Boolean(options.capture)
- : Boolean(options);
- const listenerType = capture ? CAPTURE : BUBBLE;
- const newNode = {
- listener,
- listenerType,
- passive: optionsIsObj && Boolean(options.passive),
- once: optionsIsObj && Boolean(options.once),
- next: null,
- };
- // Set it as the first node if the first node is null.
- let node = listeners.get(eventName);
- if (node === undefined) {
- listeners.set(eventName, newNode);
- return
- }
- // Traverse to the tail while checking duplication..
- let prev = null;
- while (node != null) {
- if (
- node.listener === listener &&
- node.listenerType === listenerType
- ) {
- // Should ignore duplication.
- return
- }
- prev = node;
- node = node.next;
- }
- // Add it.
- prev.next = newNode;
- },
- /**
- * Remove a given listener from this event target.
- * @param {string} eventName The event name to remove.
- * @param {Function} listener The listener to remove.
- * @param {boolean|{capture?:boolean,passive?:boolean,once?:boolean}} [options] The options for this listener.
- * @returns {void}
- */
- removeEventListener(eventName, listener, options) {
- if (listener == null) {
- return
- }
- const listeners = getListeners(this);
- const capture = isObject(options)
- ? Boolean(options.capture)
- : Boolean(options);
- const listenerType = capture ? CAPTURE : BUBBLE;
- let prev = null;
- let node = listeners.get(eventName);
- while (node != null) {
- if (
- node.listener === listener &&
- node.listenerType === listenerType
- ) {
- if (prev !== null) {
- prev.next = node.next;
- } else if (node.next !== null) {
- listeners.set(eventName, node.next);
- } else {
- listeners.delete(eventName);
- }
- return
- }
- prev = node;
- node = node.next;
- }
- },
- /**
- * Dispatch a given event.
- * @param {Event|{type:string}} event The event to dispatch.
- * @returns {boolean} `false` if canceled.
- */
- dispatchEvent(event) {
- if (event == null || typeof event.type !== "string") {
- throw new TypeError('"event.type" should be a string.')
- }
- // If listeners aren't registered, terminate.
- const listeners = getListeners(this);
- const eventName = event.type;
- let node = listeners.get(eventName);
- if (node == null) {
- return true
- }
- // Since we cannot rewrite several properties, so wrap object.
- const wrappedEvent = wrapEvent(this, event);
- // This doesn't process capturing phase and bubbling phase.
- // This isn't participating in a tree.
- let prev = null;
- while (node != null) {
- // Remove this listener if it's once
- if (node.once) {
- if (prev !== null) {
- prev.next = node.next;
- } else if (node.next !== null) {
- listeners.set(eventName, node.next);
- } else {
- listeners.delete(eventName);
- }
- } else {
- prev = node;
- }
- // Call this listener
- setPassiveListener(
- wrappedEvent,
- node.passive ? node.listener : null
- );
- if (typeof node.listener === "function") {
- try {
- node.listener.call(this, wrappedEvent);
- } catch (err) {
- if (
- typeof console !== "undefined" &&
- typeof console.error === "function"
- ) {
- console.error(err);
- }
- }
- } else if (
- node.listenerType !== ATTRIBUTE &&
- typeof node.listener.handleEvent === "function"
- ) {
- node.listener.handleEvent(wrappedEvent);
- }
- // Break if `event.stopImmediatePropagation` was called.
- if (isStopped(wrappedEvent)) {
- break
- }
- node = node.next;
- }
- setPassiveListener(wrappedEvent, null);
- setEventPhase(wrappedEvent, 0);
- setCurrentTarget(wrappedEvent, null);
- return !wrappedEvent.defaultPrevented
- },
- };
- // `constructor` is not enumerable.
- Object.defineProperty(EventTarget.prototype, "constructor", {
- value: EventTarget,
- configurable: true,
- writable: true,
- });
- // Ensure `eventTarget instanceof window.EventTarget` is `true`.
- if (
- typeof window !== "undefined" &&
- typeof window.EventTarget !== "undefined"
- ) {
- Object.setPrototypeOf(EventTarget.prototype, window.EventTarget.prototype);
- }
- export default EventTarget;
- export { defineEventAttribute, EventTarget };
- //# sourceMappingURL=event-target-shim.mjs.map
|