var WPForms = window.WPForms || {};
WPForms.FrontendModern = WPForms.FrontendModern || ((i, o) => {
    let a = {
        init() {
            o(a.ready), a.bindOptinMonster()
        },
        ready() {
            a.updateGBBlockAccentColors(), a.initPageBreakButtons(), a.initButtonStyle(), a.events()
        },
        events() {
            o(i).on("wpforms_elementor_form_fields_initialized", a.initPageBreakButtons), o("form.wpforms-form").on("wpformsCombinedUploadsSizeError", a.combinedUploadsSizeError).on("wpformsFormSubmitButtonDisable", a.formSubmitButtonDisable).on("wpformsFormSubmitButtonRestore", a.formSubmitButtonRestore).on("wpformsPageChange", a.pageChange), o("form.wpforms-form .wpforms-submit").on("keydown click", a.disabledButtonPress), o(i).on("focus", ".wpforms-render-modern .wpforms-timepicker", a.updateTimepickerDropdown), o(i).on("focusout", ".wpforms-render-modern .wpforms-timepicker", a.resetTimepickerDropdown)
        },
        bindOptinMonster() {
            i.addEventListener("om.Campaign.load", function() {
                a.ready()
            }), o(i).on("OptinMonsterOnShow", function() {
                a.ready()
            })
        },
        updateTimepickerDropdown() {
            let e = a.getCssVars(o(this));
            setTimeout(function() {
                var r = o(".ui-timepicker-wrapper .ui-timepicker-list");
                r.css("background", e["field-menu-color"]), r.find("li").css("color", e["field-text-color"]), r.find(".ui-timepicker-selected").css("background", e["button-background-color"]).css("color", e["button-text-color"])
            }, 0)
        },
        resetTimepickerDropdown() {
            setTimeout(function() {
                o(".ui-timepicker-wrapper .ui-timepicker-list").find(":not(.ui-timepicker-selected)").attr("style", "")
            }, 0)
        },
        initButtonStyle() {
            o(".wpforms-block.wpforms-container-full, .elementor-widget-wpforms .wpforms-container-full").each(function() {
                var r = o(this),
                    e = getComputedStyle(r.get(0)),
                    e = a.getCssVar(e, "--wpforms-button-background-color-alt");
                a.isTransparentColor(e) && r.find("button.wpforms-submit").addClass("wpforms-opacity-hover")
            })
        },
        isTransparentColor(r) {
            r = a.getColorAsRGBArray(r);
            return Number(r ? .[3]) <= .33
        },
        updateGBBlockAccentColors() {
            o(".wpforms-block.wpforms-container-full, .elementor-widget-wpforms .wpforms-container-full").each(function() {
                var r = o(this);
                a.updateGBBlockPageIndicatorColor(r), a.updateGBBlockIconChoicesColor(r), a.updateGBBlockRatingColor(r)
            })
        },
        updateGBBlockPageIndicatorColor(r) {
            var r = r.find(".wpforms-page-indicator"),
                e = r.find(".wpforms-page-indicator-page-progress, .wpforms-page-indicator-page.active .wpforms-page-indicator-page-number"),
                o = e.find(".wpforms-page-indicator-page-triangle");
            r.data("indicator-color", "var( --wpforms-page-break-color )"), e.css("background-color", "var( --wpforms-page-break-color )"), o.css("border-top-color", "var( --wpforms-page-break-color )")
        },
        updateGBBlockIconChoicesColor(r) {
            r.find(".wpforms-icon-choices").css("--wpforms-icon-choices-color", "var( --wpforms-button-background-color )")
        },
        updateGBBlockRatingColor(r) {
            r.find(".wpforms-field-rating-item svg").css("color", "var( --wpforms-page-break-color, var( --wpforms-button-background-color ) )")
        },
        initPageBreakButtons() {
            o(".wpforms-page-button").removeClass("wpforms-disabled").attr("aria-disabled", "false").attr("aria-describedby", "")
        },
        combinedUploadsSizeError(r, e, o) {
            var t = e.data("formid"),
                s = e.attr("aria-errormessage") || "",
                t = `wpforms-${t}-footer-error`,
                i = e.find(".wpforms-submit");
            e.attr({
                "aria-invalid": "true",
                "aria-errormessage": s + " " + t
            }), o.attr({
                role: "alert",
                id: t
            }), o.find("> .wpforms-hidden:first-child").remove(), o.prepend(`<span class="wpforms-hidden">${wpforms_settings.formErrorMessagePrefix}</span>`), i.attr("aria-describedby", t)
        },
        combinedUploadsSizeOk(r, e, o) {
            console.warn('WARNING! Function "WPForms.FrontendModern( e, $form, $errorCnt )" has been deprecated, please use the new "formSubmitButtonDisable: function( e, $form, $submitBtn )" function instead!'), e.find(".wpforms-submit").removeClass("wpforms-disabled").attr("aria-disabled", "false").attr("aria-describedby", "")
        },
        formSubmitButtonDisable(r, e, o) {
            e = e.attr("id") + "-submit-btn-disabled";
            o.before(`<div class="wpforms-hidden" id="${e}">${wpforms_settings.submitBtnDisabled}</div>`), o.prop("disabled", !1).addClass("wpforms-disabled").attr("aria-disabled", "true").attr("aria-describedby", e)
        },
        formSubmitButtonRestore(r, e, o) {
            var t = e.attr("id") + "-submit-btn-disabled";
            e.find("#" + t).remove(), o.removeClass("wpforms-disabled").attr("aria-disabled", "false").attr("aria-describedby", "")
        },
        disabledButtonPress(r) {
            !o(this).hasClass("wpforms-disabled") || "Enter" !== r.key && "click" !== r.type || (r.preventDefault(), r.stopImmediatePropagation())
        },
        pageChange(r, o, t) {
            var s = t.find(".wpforms-page-indicator");
            if (wpforms_settings.indicatorStepsPattern && s.length) {
                t = t.find(".wpforms-page").length;
                let r = wpforms_settings.indicatorStepsPattern,
                    e;
                r = r.replace("{current}", o).replace("{total}", t), e = s.hasClass("progress") ? s.find(".wpforms-page-indicator-page-title").data(`page-${o}-title`) : s.find(`.wpforms-page-indicator-page-${o} .wpforms-page-indicator-page-title`).text(), r = e ? e + ". " + r : r, s.attr("aria-valuenow", o), a.screenReaderAnnounce(r, "polite")
            }
        },
        screenReaderAnnounce(r, e) {
            var o = i.createElement("div"),
                t = "wpforms-screen-reader-announce-" + Date.now();
            o.setAttribute("id", t), o.setAttribute("aria-live", e || "polite"), o.classList.add("wpforms-screen-reader-announce");
            let s = i.body.appendChild(o);
            setTimeout(function() {
                s.innerHTML = r
            }, 100), setTimeout(function() {
                i.body.removeChild(s)
            }, 1e3)
        },
        getColorWithOpacity(r, e) {
            return WPFormsUtils.cssColorsUtils.getColorWithOpacity(r, e)
        },
        getSolidColor(r) {
            r = r.trim();
            var e = a.getColorAsRGBArray(r);
            return e ? `rgb(${e[0]},${e[1]},${e[2]})` : r
        },
        isValidColor(r) {
            return WPFormsUtils.cssColorsUtils.isValidColor(r)
        },
        getColorAsRGBArray(r) {
            return WPFormsUtils.cssColorsUtils.getColorAsRGBArray(r)
        },
        getCssVar(r, e) {
            if (!r || "function" != typeof r.getPropertyValue) return null;
            let o = r.getPropertyValue(e).trim();
            return o = e.includes("color") ? o.replace(/\s/g, "") : o
        },
        getCssVars(r) {
            if (!r || !r.length) return null;
            var r = r.hasClass("wpforms-container") ? r : r.closest(".wpforms-container"),
                e = getComputedStyle(r.get(0)),
                o = wpforms_settings.css_vars,
                t = {};
            for (let r = 0; r < o.length; r++) t[o[r]] = a.getCssVar(e, "--wpforms-" + o[r]);
            return t
        }
    };
    return a
})(document, (window, jQuery)), WPForms.FrontendModern.init();