+// @ts-ignore
+const loaderSVG = `
`;
+const errorSVG = `
`;
+/**
+ * Base template used for all widget states
+ * The reason we use raw string interpolation here is so we don't have to ship something like lit-html.
+ */
+function getTemplate(fieldName, rtl, svgContent, svgAriaHidden, textContent, solutionString, buttonText, progress = false, debugData, additionalContainerClasses) {
+ return `
${svgContent}
${textContent}
${buttonText ? `
${buttonText} ` : ""}
${progress ? `
0% ` : ""}
-
Friendly Captcha ⇗
-${fieldName === "-" ? "" : `
`}`;
-}
-/**
- * Used when the widget is ready to start solving.
- */
-function getReadyHTML(fieldName, l) {
- return getTemplate(fieldName, `
`, true, l.text_ready, ".UNSTARTED", l.button_start, false);
-}
-/**
- * Used when the widget is retrieving a puzzle
- */
-function getFetchingHTML(fieldName, l) {
- return getTemplate(fieldName, loaderSVG, true, l.text_fetching, ".FETCHING", undefined, true);
-}
-/**
- * Used when the solver is running, displays a progress bar.
- */
-function getRunningHTML(fieldName, l) {
- return getTemplate(fieldName, loaderSVG, true, l.text_solving, ".UNFINISHED", undefined, true);
-}
-function getDoneHTML(fieldName, l, solution, data) {
- const timeData = `${data.t.toFixed(0)}s (${((data.h / data.t) * 0.001).toFixed(0)}K/s)${data.solver === SOLVER_TYPE_JS ? " JS Fallback" : ""}`;
- return getTemplate(fieldName, `
${l.text_completed_sr} `, false, l.text_completed, solution, undefined, false, timeData, "frc-success");
-}
-function getExpiredHTML(fieldName, l) {
- return getTemplate(fieldName, errorSVG, true, l.text_expired, ".EXPIRED", l.button_restart);
-}
-function getErrorHTML(fieldName, l, errorDescription, recoverable = true, headless = false) {
- return getTemplate(fieldName, errorSVG, true, `
${l.text_error} ${errorDescription}`, headless ? ".HEADLESS_ERROR" : ".ERROR", recoverable ? l.button_retry : undefined);
-}
-function findCaptchaElements() {
- const elements = document.querySelectorAll(".frc-captcha");
- if (elements.length === 0) {
- console.warn("FriendlyCaptcha: No div was found with .frc-captcha class");
- }
- return elements;
-}
-/**
- * Injects the style if no #frc-style element is already present
- * (to support custom stylesheets)
- */
-function injectStyle() {
- if (!document.querySelector("#frc-style")) {
- const styleSheet = document.createElement("style");
- styleSheet.id = "frc-style";
- styleSheet.innerHTML = css;
- document.head.appendChild(styleSheet);
- }
-}
-/**
- * @param element parent element of friendlycaptcha
- * @param progress value between 0 and 1
- */
-function updateProgressBar(element, data) {
- const p = element.querySelector(".frc-progress");
- const perc = (data.i + 1) / data.n;
- if (p) {
- p.value = perc;
- p.innerText = perc.toFixed(2) + "%";
- p.title = data.i + 1 + "/" + data.n + " (" + ((data.h / data.t) * 0.001).toFixed(0) + "K/s)";
- }
-}
-/**
- * Traverses parent nodes until a