Function repositionCard

theme.js:3857–3871

()

            } catch {
            }
            document.querySelectorAll("body > .glowifyTooltipPopup, body > .glowifySectionNavScrollBtn").forEach((el) => el.remove());
            overlay.remove();
          }, 400);
        }
        localStorage.setItem("glowify-onboarding-done", "1");
        props.onFinish();
        if (pendingReloadRef.current) {
          setTimeout(() => {
            try {
              window.location.reload();
            } catch {
            }
          }, 250);
        }
      }, EXIT_MS);
    };
    const cardCls = "lqObCard" + (exiting ? " is-out" : "");
    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "lqObBlocker" }), renderStep === 0 && gearRect && /* @__PURE__ */ React.createElement("div", { className: "lqObSpot" + (exiting ? " is-out" : ""), style: spotStyle }), renderStep === 0 && /* @__PURE__ */ React.createElement("div", { className: cardCls, style: { top: cardTop, right: cardRight, width: 280, transformOrigin: "top right" } }, /* @__PURE__ */ React.createElement("div", { className: "lqObArrow" }), /* @__PURE__ */ React.createElement(Dots, { active: 0 }), /* @__PURE__ */ React.createElement("div", { className: "lqObContent" }, /* @__PURE__ */ React.createElement("div", { className: "lqObBrand" }, ob.welcomeTag || "Welcome to", " Glowify V2"), /* @__PURE__ */ React.createElement("div", { className: "lqObTitle" }, /* @__PURE__ */ React.createElement(GearIcon, null), ob.step1Title || "Glowify Settings V3"), /* @__PURE__ */ React.createElement("p", { className: "lqObText" }, ob.step1Text || "This button opens Glowify Settings V3 for Glowify Theme V2. Customize backgrounds, accent colors, the player, animations and much more.")), /* @__PURE__ */ React.createElement("div", { className: "lqObActions" }, /* @__PURE__ */ React.createElement("button", { className: "lqObBtn lqObBtnPrimary", type: "button", onClick: goToLyrics }, ob.nextBtn || "Next", /* @__PURE__ */ React.createElement(ArrowIcon, null)))), renderStep === 1 && /* @__PURE__ */ React.createElement("div", { className: "lqObCenter" }, /* @__PURE__ */ React.createElement("div", { className: cardCls, style: { width: 320 } }, /* @__PURE__ */ React.createElement(Dots, { active: 1 }), /* @__PURE__ */ React.createElement("div", { className: "lqObContent" }, /* @__PURE__ */ React.createElement("div", { className: "lqObTitle" }, /* @__PURE__ */ React.createElement(LyricsIcon, null), ob.lyricsTitle || "Liquid Lyrics"), /* @__PURE__ */ React.createElement("p", { className: "lqObText" }, ob.lyricsText || "Liquid Lyrics is the official lyrics extension for Glowify Theme V2 - it makes the theme feel complete, and it's the only lyrics extension officially supported by the theme. Install it from the Marketplace?"), installState === "done" && /* @__PURE__ */ React.createElement("p", { className: "lqObNote isInfo" }, ob.lyricsReloadNote || "Glowify will reload once you finish to load Liquid Lyrics."), installState === "failed" && /* @__PURE__ */ React.createElement("p", { className: "lqObNote isError" }, ob.lyricsFailed || "Couldn't auto-install \u2014 you can grab Liquid Lyrics from the Marketplace.")), /* @__PURE__ */ React.createElement("div", { className: "lqObActions isSplit" }, /* @__PURE__ */ React.createElement("button", { className: "lqObBtn lqObBtnGhost", type: "button", onClick: goToSettings, disabled: installState === "installing" }, ob.lyricsSkipBtn || "Maybe later"), /* @__PURE__ */ React.createElement("button", { className: "lqObBtn lqObBtnPrimary", type: "button", onClick: handleInstall, disabled: installState === "installing" || installState === "done" }, installState === "installing" ? ob.lyricsInstalling || "Installing\u2026" : installState === "done" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CheckIcon, null), ob.lyricsInstalled || "Installed") : installState === "failed" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DownloadIcon, null), ob.lyricsRetryBtn || "Retry") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DownloadIcon, null), ob.lyricsInstallBtn || "Install"))))), renderStep === 2 && /* @__PURE__ */ React.createElement("div", { className: "lqObCenter" }, /* @__PURE__ */ React.createElement("div", { className: cardCls, style: { width: 320 } }, /* @__PURE__ */ React.createElement(Dots, { active: 2 }), /* @__PURE__ */ React.createElement("div", { className: "lqObContent" }, /* @__PURE__ */ React.createElement("div", { className: "lqObTitle" }, ob.step2Title || "Explore your Settings"), /* @__PURE__ */ React.createElement("p", { className: "lqObText" }, ob.step2Text || "All Glowify Settings V3 options live here, and changes are saved instantly. Close the panel anytime with the close button or by clicking outside.")), /* @__PURE__ */ React.createElement("div", { className: "lqObActions" }, /* @__PURE__ */ React.createElement("button", { className: "lqObBtn lqObBtnPrimary", type: "button", onClick: finish }, /* @__PURE__ */ React.createElement(CheckIcon, null), ob.gotItBtn || "Got it")))));