mirror of
https://github.com/codex-team/editor.js
synced 2024-05-19 06:47:16 +02:00
ac93017c70
* 2.16.0 * [Refactor] Separate internal and external settings (#845) * Enable flipping tools via standalone class (#830) * Enable flipping tools via standalone class * use flipper to refactor (#842) * use flipper to refactor * save changes * update * fix flipper on inline toolbar * ready for testing * requested changes * update doc * updates * destroy flippers * some requested changes * update * update * ready * update * last changes * update docs * Hghl active button of CT, simplify activate/deactivate * separate dom iterator * unhardcode directions * fixed a link in readme.md (#856) * Fix Block selection via CMD+A (#829) * Fix Block selection via CMD+A * Delete editor.js.map * update * update * Update CHANGELOG.md * Improve style of selected blocks (#858) * Cross-block-selection style improved * Update CHANGELOG.md * Fix case when property 'observer' in modificationObserver is not defined (#866) * Bump lodash.template from 4.4.0 to 4.5.0 (#885) Bumps [lodash.template](https://github.com/lodash/lodash) from 4.4.0 to 4.5.0. - [Release notes](https://github.com/lodash/lodash/releases) - [Commits](https://github.com/lodash/lodash/compare/4.4.0...4.5.0) Signed-off-by: dependabot[bot] <support@github.com> * Bump eslint-utils from 1.3.1 to 1.4.2 (#886) Bumps [eslint-utils](https://github.com/mysticatea/eslint-utils) from 1.3.1 to 1.4.2. - [Release notes](https://github.com/mysticatea/eslint-utils/releases) - [Commits](https://github.com/mysticatea/eslint-utils/compare/v1.3.1...v1.4.2) Signed-off-by: dependabot[bot] <support@github.com> * Bump mixin-deep from 1.3.1 to 1.3.2 (#887) Bumps [mixin-deep](https://github.com/jonschlinkert/mixin-deep) from 1.3.1 to 1.3.2. - [Release notes](https://github.com/jonschlinkert/mixin-deep/releases) - [Commits](https://github.com/jonschlinkert/mixin-deep/compare/1.3.1...1.3.2) Signed-off-by: dependabot[bot] <support@github.com> * update bundle and readme * Update README.md * upd codeowners, fix funding * Minor Docs Fix according to main Readme (#916) * Inline Toolbar now contains Conversion Toolbar (#932) * Block lifecycle hooks (#906) * [Fix] Arrow selection (#964) * Fix arrow selection * Add docs * [issue-926]: fix dom iterator leafing when items are empty (#958) * [issue-926]: fix dom iterator leafing when items are empty * update Changelog * Issue 869 (#963) * Fix issue 943 (#965) * [Draft] Feature/tooltip enhancements (#907) * initial * update * make module standalone * use tooltips as external module * update * build via prod mode * add tooltips as external module * add declaration file and options param * add api tooltip * update * removed submodule * removed due to the incorrect setip * setup tooltips again * wip * update tooltip module * toolbox, inline toolbar * Tooltips in block tunes not uses shorthand * shorthand in a plus and block settings * fix doc * Update tools-inline.md * Delete tooltip.css * Update CHANGELOG.md * Update codex.tooltips * Update api.md * [issue-779]: Grammarly conflicts (#956) * grammarly conflicts * update * upd bundle * Submodule Header now on master * Submodule Marker now on master * Submodule Paragraph now on master * Submodule InlineCode now on master * Submodule Simple Image now on master * [issue-868]: Deleting multiple blocks triggers back button in Firefox (#967) * Deleting multiple blocks triggers back button in Firefox @evgenusov * Update editor.js * Update CHANGELOG.md * pass options on removeEventListener (#904) * pass options on removeEventListener by removeAll * rebuild * Merge branch 'release/2.16' into pr/904 * Update CHANGELOG.md * Update inline.ts * [Fix] Selection rangecount (#968) * Fix #952 (#969) * Update codex.tooltips * Selection bugfix (#970) * Selection bugfix * fix cross block selection * close inline toolbar when blocks selected via shift * remove inline toolbar closing on cross block selection mouse up due to the bug (#972) * [Feature] Log levels (#971) * Decrease margins (#973) * Decrease margins * Update editor.licenses.txt * Update src/components/domIterator.ts Co-Authored-By: Murod Khaydarov <murod.haydarov@gmail.com> * [Fix] Fix delete blocks api method (#974) * Update docs/usage.md Co-Authored-By: Murod Khaydarov <murod.haydarov@gmail.com> * rm unused * Update yarn.lock file * upd bundle, changelog
193 lines
5 KiB
TypeScript
193 lines
5 KiB
TypeScript
import Module from '../__module';
|
|
|
|
/**
|
|
* Event listener information
|
|
*/
|
|
export interface ListenerData {
|
|
/**
|
|
* Element where to listen to dispatched events
|
|
*/
|
|
element: EventTarget;
|
|
|
|
/**
|
|
* Event to listen
|
|
*/
|
|
eventType: string;
|
|
|
|
/**
|
|
* Event handler
|
|
*
|
|
* @param {Event} event
|
|
*/
|
|
handler: (event: Event) => void;
|
|
|
|
/**
|
|
* @see https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
|
|
*/
|
|
options: boolean | AddEventListenerOptions;
|
|
}
|
|
|
|
/**
|
|
* Editor.js Listeners module
|
|
*
|
|
* @module Listeners
|
|
*
|
|
* Module-decorator for event listeners assignment
|
|
*
|
|
* @author Codex Team
|
|
* @version 2.0.0
|
|
*/
|
|
|
|
/**
|
|
* @typedef {Listeners} Listeners
|
|
* @property {Array} allListeners
|
|
*/
|
|
export default class Listeners extends Module {
|
|
|
|
/**
|
|
* Stores all listeners data to find/remove/process it
|
|
* @type {ListenerData[]}
|
|
*/
|
|
private allListeners: ListenerData[] = [];
|
|
|
|
/**
|
|
* Assigns event listener on element
|
|
*
|
|
* @param {EventTarget} element - DOM element that needs to be listened
|
|
* @param {String} eventType - event type
|
|
* @param {Function} handler - method that will be fired on event
|
|
* @param {Boolean|AddEventListenerOptions} options - useCapture or {capture, passive, once}
|
|
*/
|
|
public on(
|
|
element: EventTarget,
|
|
eventType: string,
|
|
handler: (event: Event) => void,
|
|
options: boolean | AddEventListenerOptions = false,
|
|
): void {
|
|
const assignedEventData = {
|
|
element,
|
|
eventType,
|
|
handler,
|
|
options,
|
|
};
|
|
|
|
const alreadyExist = this.findOne(element, eventType, handler);
|
|
|
|
if (alreadyExist) { return; }
|
|
|
|
this.allListeners.push(assignedEventData);
|
|
element.addEventListener(eventType, handler, options);
|
|
}
|
|
|
|
/**
|
|
* Removes event listener from element
|
|
*
|
|
* @param {EventTarget} element - DOM element that we removing listener
|
|
* @param {String} eventType - event type
|
|
* @param {Function} handler - remove handler, if element listens several handlers on the same event type
|
|
* @param {Boolean|AddEventListenerOptions} options - useCapture or {capture, passive, once}
|
|
*/
|
|
public off(
|
|
element: EventTarget,
|
|
eventType: string,
|
|
handler?: (event: Event) => void,
|
|
options?: boolean | AddEventListenerOptions,
|
|
): void {
|
|
const existingListeners = this.findAll(element, eventType, handler);
|
|
|
|
existingListeners.forEach((listener, i) => {
|
|
const index = this.allListeners.indexOf(existingListeners[i]);
|
|
|
|
if (index > 0) {
|
|
this.allListeners.splice(index, 1);
|
|
|
|
listener.element.removeEventListener(listener.eventType, listener.handler, listener.options);
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
/**
|
|
* @param {EventTarget} element
|
|
* @param {String} eventType
|
|
* @param {Function} handler
|
|
* @return {ListenerData|null}
|
|
*/
|
|
public findOne(element: EventTarget, eventType?: string, handler?: (event: Event) => void): ListenerData {
|
|
const foundListeners = this.findAll(element, eventType, handler);
|
|
|
|
return foundListeners.length > 0 ? foundListeners[0] : null;
|
|
}
|
|
|
|
/**
|
|
* @param {EventTarget} element
|
|
* @param {String} eventType
|
|
* @param {Function} handler
|
|
* @return {ListenerData[]}
|
|
*/
|
|
public findAll(element: EventTarget, eventType?: string, handler?: (event: Event) => void): ListenerData[] {
|
|
let found;
|
|
const foundByEventTargets = element ? this.findByEventTarget(element) : [];
|
|
|
|
if (element && eventType && handler) {
|
|
found = foundByEventTargets.filter( (event) => event.eventType === eventType && event.handler === handler );
|
|
} else if (element && eventType) {
|
|
found = foundByEventTargets.filter( (event) => event.eventType === eventType);
|
|
} else {
|
|
found = foundByEventTargets;
|
|
}
|
|
|
|
return found;
|
|
}
|
|
|
|
/**
|
|
* Removes all listeners
|
|
*/
|
|
public removeAll(): void {
|
|
this.allListeners.map( (current) => {
|
|
current.element.removeEventListener(current.eventType, current.handler, current.options);
|
|
});
|
|
|
|
this.allListeners = [];
|
|
}
|
|
|
|
/**
|
|
* Search method: looks for listener by passed element
|
|
* @param {EventTarget} element - searching element
|
|
* @returns {Array} listeners that found on element
|
|
*/
|
|
private findByEventTarget(element: EventTarget): ListenerData[] {
|
|
return this.allListeners.filter((listener) => {
|
|
if (listener.element === element) {
|
|
return listener;
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Search method: looks for listener by passed event type
|
|
* @param {String} eventType
|
|
* @return {Array} listeners that found on element
|
|
*/
|
|
private findByType(eventType: string): ListenerData[] {
|
|
return this.allListeners.filter((listener) => {
|
|
if (listener.eventType === eventType) {
|
|
return listener;
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Search method: looks for listener by passed handler
|
|
* @param {Function} handler
|
|
* @return {Array} listeners that found on element
|
|
*/
|
|
private findByHandler(handler: (event: Event) => void): ListenerData[] {
|
|
return this.allListeners.filter((listener) => {
|
|
if (listener.handler === handler) {
|
|
return listener;
|
|
}
|
|
});
|
|
}
|
|
}
|