Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
23 lines
611 B
Plaintext
23 lines
611 B
Plaintext
import { MotionValue } from '../index.mjs';
|
|
import { getWillChangeName } from './get-will-change-name.mjs';
|
|
import { addUniqueItem } from '../../utils/array.mjs';
|
|
|
|
class WillChangeMotionValue extends MotionValue {
|
|
constructor() {
|
|
super(...arguments);
|
|
this.values = [];
|
|
}
|
|
add(name) {
|
|
const styleName = getWillChangeName(name);
|
|
if (styleName) {
|
|
addUniqueItem(this.values, styleName);
|
|
this.update();
|
|
}
|
|
}
|
|
update() {
|
|
this.set(this.values.length ? this.values.join(", ") : "auto");
|
|
}
|
|
}
|
|
|
|
export { WillChangeMotionValue };
|