33 lines
726 B
TypeScript
33 lines
726 B
TypeScript
import { addStyle } from "./document";
|
|
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();
|
|
}
|
|
}
|
|
|
|
addStyle(`
|
|
.preHighlight {
|
|
transition: color 0.3s ease-out;
|
|
}
|
|
|
|
.highlight {
|
|
color: var(--sl-color-primary-600);
|
|
transition: color 0.1s ease-in;
|
|
}
|
|
`); |