|
|
@@ -25,7 +25,7 @@ export class Toast {
|
|
|
startTime: number;
|
|
|
startingPosX: number;
|
|
|
|
|
|
- get activationDistance() {
|
|
|
+ get activationDistance(): number {
|
|
|
return this.element.offsetWidth * this.options.activationPercent;
|
|
|
}
|
|
|
constructor(options: Partial<ToastOptions>) {
|
|
|
@@ -96,7 +96,7 @@ export class Toast {
|
|
|
}, 10);
|
|
|
Toast._toasts.push(this);
|
|
|
}
|
|
|
- update() {
|
|
|
+ update(): void {
|
|
|
const ellapsed = Date.now() - this.startTime;
|
|
|
if (this.options && ellapsed < this.options.displayLength) {
|
|
|
this.element.style.setProperty(
|
|
|
@@ -108,14 +108,14 @@ export class Toast {
|
|
|
this.dismiss();
|
|
|
}
|
|
|
}
|
|
|
- _getposX(e: MouseEvent | TouchEvent) {
|
|
|
+ _getposX(e: MouseEvent | TouchEvent): number {
|
|
|
if (e instanceof MouseEvent) {
|
|
|
return e.clientX;
|
|
|
} else {
|
|
|
return e.touches[0].clientX;
|
|
|
}
|
|
|
}
|
|
|
- dismiss() {
|
|
|
+ dismiss(): void {
|
|
|
this.element.style.transition = `all ${this.options.outDuration}ms`;
|
|
|
this.element.style.marginTop = `-${this.element.offsetHeight}px`;
|
|
|
this.element.style.opacity = "0";
|
|
|
@@ -128,7 +128,7 @@ export class Toast {
|
|
|
if (this.options.completeCallback) this.options.completeCallback(this);
|
|
|
}, this.options.outDuration);
|
|
|
}
|
|
|
- static dismissAll() {
|
|
|
+ static dismissAll(): void {
|
|
|
for (const toastIndex in Toast._toasts) {
|
|
|
Toast._toasts[toastIndex].dismiss();
|
|
|
}
|
|
|
@@ -139,7 +139,7 @@ export class Toast {
|
|
|
document.body.appendChild(container);
|
|
|
Toast._container = container;
|
|
|
}
|
|
|
- static _removeContainer() {
|
|
|
+ static _removeContainer(): void {
|
|
|
if (Toast._container) {
|
|
|
document.body.removeChild(Toast._container);
|
|
|
Toast._container = null;
|