38 lines
874 B
TypeScript
38 lines
874 B
TypeScript
import { ElemWrapper } from "./elemwrapper";
|
|
import { SingleTimer } from "./singletimer";
|
|
|
|
export class Highlighter {
|
|
private elem: ElemWrapper;
|
|
private timer: SingleTimer;
|
|
|
|
constructor(elem: ElemWrapper) {
|
|
this.elem = elem;
|
|
this.elem.classList.add("preHighlight");
|
|
|
|
this.timer = new SingleTimer(() => {
|
|
this.elem.classList.remove("highlight");
|
|
}, 1000);
|
|
}
|
|
|
|
public highlight() {
|
|
this.elem.classList.add("highlight");
|
|
this.timer.start();
|
|
}
|
|
}
|
|
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
const sheet = new CSSStyleSheet();
|
|
sheet.replaceSync(`
|
|
.preHighlight {
|
|
transition: color 0.3s ease-out;
|
|
}
|
|
|
|
.highlight {
|
|
color: var(--sl-color-primary-600);
|
|
transition: color 0.1s ease-in;
|
|
}
|
|
`);
|
|
|
|
document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
|
|
});
|