|
// retoor <retoor@molodetz.nl>
|
|
|
|
import { Component } from "./Component.js";
|
|
|
|
export class AppToast extends Component {
|
|
connectedCallback() {
|
|
this.classList.add("dp-toast-host");
|
|
}
|
|
|
|
show(message, options = {}) {
|
|
const type = options.type || "info";
|
|
const ms = options.ms || 3000;
|
|
const toast = document.createElement("div");
|
|
toast.className = `dp-toast dp-toast-${type}`;
|
|
toast.textContent = message;
|
|
this.appendChild(toast);
|
|
requestAnimationFrame(() => toast.classList.add("visible"));
|
|
setTimeout(() => {
|
|
toast.classList.remove("visible");
|
|
setTimeout(() => toast.remove(), 200);
|
|
}, ms);
|
|
return toast;
|
|
}
|
|
}
|
|
|
|
customElements.define("dp-toast", AppToast);
|