geolba/tethys.backend
geolba/tethys.backend
2
0
Fork 2
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

- npm updates, remove rxjs

Browse source 
- add draw.component.vue
- only load needed leaflet classes into map.component.vue an Submitter/Create.vue
- rename js/store.Map.ts to js/Stores/map.service.ts
-
This commit is contained in:
Kaimbacher 2023-04-06 18:56:41 +02:00
parent cd66f318b6
commit a744ae7e5b
19 changed files with 683 additions and 275 deletions
Download patch file Download diff file Expand all files Collapse all files

232
resources/js/Components/Map/EventEmitter.ts
View file

@ -1,4 +1,4 @@
import {PartialObserver, Subject, Subscription} from 'rxjs';
// import { PartialObserver, Subject, Subscription } from 'rxjs';
/**
* Use in components with the `@Output` directive to emit custom events
@ -51,103 +51,149 @@ import {PartialObserver, Subject, Subscription} from 'rxjs';
* @see [Observables in Angular](guide/observables-in-angular)
* @publicApi
*/
export interface EventEmitter<T> extends Subject<T> {
/**
* @internal
*/
__isAsync: boolean;
// export interface EventEmitter<T> extends Subject<T> {
// /**
// * @internal
// */
// __isAsync: boolean;
/**
* Creates an instance of this class that can
* deliver events synchronously or asynchronously.
*
* @param [isAsync=false] When true, deliver events asynchronously.
*
*/
new(isAsync?: boolean): EventEmitter<T>;
// /**
// * Creates an instance of this class that can
// * deliver events synchronously or asynchronously.
// *
// * @param [isAsync=false] When true, deliver events asynchronously.
// *
// */
// new(isAsync?: boolean): EventEmitter<T>;
/**
* Emits an event containing a given value.
* @param value The value to emit.
*/
emit(value?: T): void;
// /**
// * Emits an event containing a given value.
// * @param value The value to emit.
// */
// emit(value?: T): void;
/**
* Registers handlers for events emitted by this instance.
* @param next When supplied, a custom handler for emitted events.
* @param error When supplied, a custom handler for an error notification from this emitter.
* @param complete When supplied, a custom handler for a completion notification from this
* emitter.
*/
subscribe(next?: (value: T) => void, error?: (error: any) => void, complete?: () => void):
Subscription;
/**
* Registers handlers for events emitted by this instance.
* @param observerOrNext When supplied, a custom handler for emitted events, or an observer
* object.
* @param error When supplied, a custom handler for an error notification from this emitter.
* @param complete When supplied, a custom handler for a completion notification from this
* emitter.
*/
subscribe(observerOrNext?: any, error?: any, complete?: any): Subscription;
// /**
// * Registers handlers for events emitted by this instance.
// * @param next When supplied, a custom handler for emitted events.
// * @param error When supplied, a custom handler for an error notification from this emitter.
// * @param complete When supplied, a custom handler for a completion notification from this
// * emitter.
// */
// subscribe(next?: (value: T) => void, error?: (error: any) => void, complete?: () => void):
// Subscription;
// /**
// * Registers handlers for events emitted by this instance.
// * @param observerOrNext When supplied, a custom handler for emitted events, or an observer
// * object.
// * @param error When supplied, a custom handler for an error notification from this emitter.
// * @param complete When supplied, a custom handler for a completion notification from this
// * emitter.
// */
// subscribe(observerOrNext?: any, error?: any, complete?: any): Subscription;
// }
// class EventEmitter_ extends Subject<any> {
// __isAsync: boolean; // tslint:disable-line
// constructor(isAsync: boolean = false) {
// super();
// this.__isAsync = isAsync;
// }
// emit(value?: any) {
// super.next(value);
// }
// override subscribe(observerOrNext?: any, error?: any, complete?: any): Subscription {
// let nextFn = observerOrNext;
// let errorFn = error || (() => null);
// let completeFn = complete;
// if (observerOrNext && typeof observerOrNext === 'object') {
// const observer = observerOrNext as PartialObserver<unknown>;
// nextFn = observer.next?.bind(observer);
// errorFn = observer.error?.bind(observer);
// completeFn = observer.complete?.bind(observer);
// }
// if (this.__isAsync) {
// errorFn = _wrapInTimeout(errorFn);
// if (nextFn) {
// nextFn = _wrapInTimeout(nextFn);
// }
// if (completeFn) {
// completeFn = _wrapInTimeout(completeFn);
// }
// }
// const sink = super.subscribe({next: nextFn, error: errorFn, complete: completeFn});
// if (observerOrNext instanceof Subscription) {
// observerOrNext.add(sink);
// }
// return sink;
// }
// }
// function _wrapInTimeout(fn: (value: unknown) => any) {
// return (value: unknown) => {
// setTimeout(fn, undefined, value);
// };
// }
// /**
// * @publicApi
// */
// export const EventEmitter: {
// new (isAsync?: boolean): EventEmitter<any>; new<T>(isAsync?: boolean): EventEmitter<T>;
// readonly prototype: EventEmitter<any>;
// } = EventEmitter_ as any;
export interface Listener<T> {
(event: T): any;
}
class EventEmitter_ extends Subject<any> {
__isAsync: boolean; // tslint:disable-line
constructor(isAsync: boolean = false) {
super();
this.__isAsync = isAsync;
}
emit(value?: any) {
super.next(value);
}
override subscribe(observerOrNext?: any, error?: any, complete?: any): Subscription {
let nextFn = observerOrNext;
let errorFn = error || (() => null);
let completeFn = complete;
if (observerOrNext && typeof observerOrNext === 'object') {
const observer = observerOrNext as PartialObserver<unknown>;
nextFn = observer.next?.bind(observer);
errorFn = observer.error?.bind(observer);
completeFn = observer.complete?.bind(observer);
}
if (this.__isAsync) {
errorFn = _wrapInTimeout(errorFn);
if (nextFn) {
nextFn = _wrapInTimeout(nextFn);
}
if (completeFn) {
completeFn = _wrapInTimeout(completeFn);
}
}
const sink = super.subscribe({next: nextFn, error: errorFn, complete: completeFn});
if (observerOrNext instanceof Subscription) {
observerOrNext.add(sink);
}
return sink;
}
export interface Disposable {
dispose();
}
function _wrapInTimeout(fn: (value: unknown) => any) {
return (value: unknown) => {
setTimeout(fn, undefined, value);
};
}
/** passes through events as they happen. You will not get events from before you start listening */
export class EventEmitter<T> {
private listeners: Listener<T>[] = [];
private listenersOncer: Listener<T>[] = [];
/**
* @publicApi
*/
export const EventEmitter: {
new (isAsync?: boolean): EventEmitter<any>; new<T>(isAsync?: boolean): EventEmitter<T>;
readonly prototype: EventEmitter<any>;
} = EventEmitter_ as any;
on = (listener: Listener<T>): Disposable => {
this.listeners.push(listener);
return {
dispose: () => this.off(listener),
};
};
once = (listener: Listener<T>): void => {
this.listenersOncer.push(listener);
};
off = (listener: Listener<T>) => {
var callbackIndex = this.listeners.indexOf(listener);
if (callbackIndex > -1) this.listeners.splice(callbackIndex, 1);
};
emit = (event: T) => {
/** Update any general listeners */
this.listeners.forEach((listener) => listener(event));
/** Clear the `once` queue */
if (this.listenersOncer.length > 0) {
const toCall = this.listenersOncer;
this.listenersOncer = [];
toCall.forEach((listener) => listener(event));
}
};
pipe = (te: EventEmitter<T>): Disposable => {
return this.on((e) => te.emit(e));
};
}