Function buildSetGsapTweenSection

packages/sdk-playground/src/main.ts:817–836

()

}

function buildSetGsapTweenSection(): HTMLDivElement {
  const newDur = mkNumInput("new dur", "1.5");
  const update = mkBtn("Update dur", "", () => {
    if (!needTween()) return;
    comp!.setGsapTween(lastTweenId, { duration: numOr(newDur.value, 1) });
    logEntry("op", { setGsapTween: { id: lastTweenId, duration: newDur.value } });
  });
  const remove = mkBtn("Remove", "danger", () => {
    if (!needTween()) return;
    comp!.removeGsapTween(lastTweenId);
    logEntry("op", { removeGsapTween: lastTweenId });
    lastTweenId = "";
    tweenIdDisplay.textContent = "no tween added yet";
  });
  return opSection(
    "setGsapTween / removeGsapTween",
    opRow(mkNote("operates on last added tween")),
    opRow(newDur, update, remove),
  );
}

function buildLabelSection(): HTMLDivElement {
  const name = mkInput("label", "midpoint");