/* global wpforms_settings, WPFormsUtils */

[0] Fix | Delete

[1] Fix | Delete

/**

[2] Fix | Delete

* @param wpforms_settings.css_vars

[3] Fix | Delete

* @param wpforms_settings.formErrorMessagePrefix

[4] Fix | Delete

* @param wpforms_settings.indicatorStepsPattern

[5] Fix | Delete

* @param wpforms_settings.submitBtnDisabled

[6] Fix | Delete

*/

[7] Fix | Delete

[8] Fix | Delete

// noinspection ES6ConvertVarToLetConst

[9] Fix | Delete

/**

[10] Fix | Delete

* Modern Frontend.

[11] Fix | Delete

*

[12] Fix | Delete

* @since 1.8.1

[13] Fix | Delete

*/

[14] Fix | Delete

// eslint-disable-next-line no-var

[15] Fix | Delete

var WPForms = window.WPForms || {};

[16] Fix | Delete

[17] Fix | Delete

WPForms.FrontendModern = WPForms.FrontendModern || ( function( document, window, $ ) {

[18] Fix | Delete

// noinspection JSUnusedLocalSymbols,JSUnusedGlobalSymbols

[19] Fix | Delete

const app = {

[20] Fix | Delete

[21] Fix | Delete

/**

[22] Fix | Delete

* Start the engine.

[23] Fix | Delete

*

[24] Fix | Delete

* @since 1.8.1

[25] Fix | Delete

*/

[26] Fix | Delete

init() {

[27] Fix | Delete

// Document ready.

[28] Fix | Delete

$( app.ready );

[29] Fix | Delete

},

[30] Fix | Delete

[31] Fix | Delete

/**

[32] Fix | Delete

* Document ready.

[33] Fix | Delete

*

[34] Fix | Delete

* @since 1.8.1

[35] Fix | Delete

*/

[36] Fix | Delete

ready() {

[37] Fix | Delete

app.updateGBBlockAccentColors();

[38] Fix | Delete

app.initPageBreakButtons();

[39] Fix | Delete

app.initButtonStyle();

[40] Fix | Delete

app.events();

[41] Fix | Delete

},

[42] Fix | Delete

[43] Fix | Delete

/**

[44] Fix | Delete

* Events.

[45] Fix | Delete

*

[46] Fix | Delete

* @since 1.8.1

[47] Fix | Delete

*/

[48] Fix | Delete

events() {

[49] Fix | Delete

$( document )

[50] Fix | Delete

.on( 'wpforms_elementor_form_fields_initialized', app.initPageBreakButtons );

[51] Fix | Delete

[52] Fix | Delete

$( 'form.wpforms-form' )

[53] Fix | Delete

.on( 'wpformsCombinedUploadsSizeError', app.combinedUploadsSizeError )

[54] Fix | Delete

.on( 'wpformsFormSubmitButtonDisable', app.formSubmitButtonDisable )

[55] Fix | Delete

.on( 'wpformsFormSubmitButtonRestore', app.formSubmitButtonRestore )

[56] Fix | Delete

.on( 'wpformsPageChange', app.pageChange );

[57] Fix | Delete

[58] Fix | Delete

$( 'form.wpforms-form .wpforms-submit' )

[59] Fix | Delete

.on( 'keydown click', app.disabledButtonPress );

[60] Fix | Delete

[61] Fix | Delete

// Add styling to timepicker dropdown.

[62] Fix | Delete

$( document )

[63] Fix | Delete

.on( 'focus', '.wpforms-render-modern .wpforms-timepicker', app.updateTimepickerDropdown );

[64] Fix | Delete

[65] Fix | Delete

// Reset timepicker dropdown styles.

[66] Fix | Delete

$( document )

[67] Fix | Delete

.on( 'focusout', '.wpforms-render-modern .wpforms-timepicker', app.resetTimepickerDropdown );

[68] Fix | Delete

},

[69] Fix | Delete

[70] Fix | Delete

/**

[71] Fix | Delete

* Add styling to timepicker dropdown.

[72] Fix | Delete

*

[73] Fix | Delete

* @since 1.8.8

[74] Fix | Delete

*/

[75] Fix | Delete

updateTimepickerDropdown() {

[76] Fix | Delete

const cssVars = app.getCssVars( $( this ) );

[77] Fix | Delete

[78] Fix | Delete

setTimeout(

[79] Fix | Delete

function() {

[80] Fix | Delete

const $list = $( '.ui-timepicker-wrapper .ui-timepicker-list' );

[81] Fix | Delete

[82] Fix | Delete

$list.css( 'background', cssVars[ 'field-menu-color' ] );

[83] Fix | Delete

$list.find( 'li' ).css( 'color', cssVars[ 'field-text-color' ] );

[84] Fix | Delete

$list.find( '.ui-timepicker-selected' )

[85] Fix | Delete

.css( 'background', cssVars[ 'button-background-color' ] )

[86] Fix | Delete

.css( 'color', cssVars[ 'button-text-color' ] );

[87] Fix | Delete

},

[88] Fix | Delete

0

[89] Fix | Delete

);

[90] Fix | Delete

},

[91] Fix | Delete

[92] Fix | Delete

/**

[93] Fix | Delete

* Reset timepicker dropdown styles.

[94] Fix | Delete

*

[95] Fix | Delete

* @since 1.8.9.5

[96] Fix | Delete

*/

[97] Fix | Delete

resetTimepickerDropdown() {

[98] Fix | Delete

setTimeout(

[99] Fix | Delete

function() {

[100] Fix | Delete

const $list = $( '.ui-timepicker-wrapper .ui-timepicker-list' );

[101] Fix | Delete

[102] Fix | Delete

$list.find( ':not(.ui-timepicker-selected)' ).attr( 'style', '' );

[103] Fix | Delete

},

[104] Fix | Delete

0

[105] Fix | Delete

);

[106] Fix | Delete

},

[107] Fix | Delete

[108] Fix | Delete

/**

[109] Fix | Delete

* Update accent colors of some fields in GB block in Modern Markup mode.

[110] Fix | Delete

*

[111] Fix | Delete

* @since 1.8.8

[112] Fix | Delete

*/

[113] Fix | Delete

initButtonStyle() {

[114] Fix | Delete

// Loop through all the GB blocks on the page.

[115] Fix | Delete

$( '.wpforms-block.wpforms-container-full, .elementor-widget-wpforms .wpforms-container-full' ).each( function() {

[116] Fix | Delete

const $form = $( this );

[117] Fix | Delete

const contStyle = getComputedStyle( $form.get( 0 ) );

[118] Fix | Delete

const btnBgColor = app.getCssVar( contStyle, '--wpforms-button-background-color-alt' );

[119] Fix | Delete

[120] Fix | Delete

if ( app.isTransparentColor( btnBgColor ) ) {

[121] Fix | Delete

$form.find( 'button.wpforms-submit' ).addClass( 'wpforms-opacity-hover' );

[122] Fix | Delete

}

[123] Fix | Delete

} );

[124] Fix | Delete

},

[125] Fix | Delete

[126] Fix | Delete

/**

[127] Fix | Delete

* Checks if the provided color has transparency.

[128] Fix | Delete

*

[129] Fix | Delete

* @since 1.8.8

[130] Fix | Delete

*

[131] Fix | Delete

* @param {string} color The color to check.

[132] Fix | Delete

*

[133] Fix | Delete

* @return {boolean} Returns true if the color is transparent.

[134] Fix | Delete

*/

[135] Fix | Delete

isTransparentColor( color ) {

[136] Fix | Delete

const rgba = app.getColorAsRGBArray( color );

[137] Fix | Delete

[138] Fix | Delete

// The max opacity value of the color that is considered as transparent.

[139] Fix | Delete

const opacityThreshold = 0.33;

[140] Fix | Delete

const opacity = Number( rgba?.[ 3 ] );

[141] Fix | Delete

[142] Fix | Delete

// Compare the opacity value with the threshold.

[143] Fix | Delete

return opacity <= opacityThreshold;

[144] Fix | Delete

},

[145] Fix | Delete

[146] Fix | Delete

/**

[147] Fix | Delete

* Update accent colors of some fields in GB block in Modern Markup mode.

[148] Fix | Delete

*

[149] Fix | Delete

* @since 1.8.1

[150] Fix | Delete

*/

[151] Fix | Delete

updateGBBlockAccentColors() {

[152] Fix | Delete

// Loop through all the GB blocks on the page.

[153] Fix | Delete

$( '.wpforms-block.wpforms-container-full, .elementor-widget-wpforms .wpforms-container-full' ).each( function() {

[154] Fix | Delete

const $form = $( this );

[155] Fix | Delete

[156] Fix | Delete

app.updateGBBlockPageIndicatorColor( $form );

[157] Fix | Delete

app.updateGBBlockIconChoicesColor( $form );

[158] Fix | Delete

app.updateGBBlockRatingColor( $form );

[159] Fix | Delete

} );

[160] Fix | Delete

},

[161] Fix | Delete

[162] Fix | Delete

/**

[163] Fix | Delete

* Update accent color of Page Indicator.

[164] Fix | Delete

*

[165] Fix | Delete

* @since 1.8.1

[166] Fix | Delete

*

[167] Fix | Delete

* @param {jQuery} $form Form container.

[168] Fix | Delete

*/

[169] Fix | Delete

updateGBBlockPageIndicatorColor( $form ) {

[170] Fix | Delete

const $indicator = $form.find( '.wpforms-page-indicator' ),

[171] Fix | Delete

$indicatorPage = $indicator.find( '.wpforms-page-indicator-page-progress, .wpforms-page-indicator-page.active .wpforms-page-indicator-page-number' ),

[172] Fix | Delete

$indicatorTriangle = $indicatorPage.find( '.wpforms-page-indicator-page-triangle' );

[173] Fix | Delete

[174] Fix | Delete

$indicator.data( 'indicator-color', 'var( --wpforms-page-break-color )' );

[175] Fix | Delete

$indicatorPage.css( 'background-color', 'var( --wpforms-page-break-color )' );

[176] Fix | Delete

$indicatorTriangle.css( 'border-top-color', 'var( --wpforms-page-break-color )' );

[177] Fix | Delete

},

[178] Fix | Delete

/**

[179] Fix | Delete

* Update accent color of Icon Choices.

[180] Fix | Delete

*

[181] Fix | Delete

* @since 1.8.1

[182] Fix | Delete

*

[183] Fix | Delete

* @param {jQuery} $form Form container.

[184] Fix | Delete

*/

[185] Fix | Delete

updateGBBlockIconChoicesColor( $form ) {

[186] Fix | Delete

$form

[187] Fix | Delete

.find( '.wpforms-icon-choices' )

[188] Fix | Delete

.css( '--wpforms-icon-choices-color', 'var( --wpforms-button-background-color )' );

[189] Fix | Delete

},

[190] Fix | Delete

[191] Fix | Delete

/**

[192] Fix | Delete

* Update accent color of Rating field.

[193] Fix | Delete

*

[194] Fix | Delete

* @since 1.8.1

[195] Fix | Delete

*

[196] Fix | Delete

* @param {jQuery} $form Form container.

[197] Fix | Delete

*/

[198] Fix | Delete

updateGBBlockRatingColor( $form ) {

[199] Fix | Delete

$form

[200] Fix | Delete

.find( '.wpforms-field-rating-item svg' )

[201] Fix | Delete

.css( 'color', 'var( --wpforms-page-break-color, var( --wpforms-button-background-color ) )' );

[202] Fix | Delete

},

[203] Fix | Delete

[204] Fix | Delete

/**

[205] Fix | Delete

* Init Page Break fields.

[206] Fix | Delete

*

[207] Fix | Delete

* @since 1.8.1

[208] Fix | Delete

*/

[209] Fix | Delete

initPageBreakButtons() {

[210] Fix | Delete

$( '.wpforms-page-button' )

[211] Fix | Delete

.removeClass( 'wpforms-disabled' )

[212] Fix | Delete

.attr( 'aria-disabled', 'false' )

[213] Fix | Delete

.attr( 'aria-describedby', '' );

[214] Fix | Delete

},

[215] Fix | Delete

[216] Fix | Delete

/**

[217] Fix | Delete

* Handler for `wpformsCombinedUploadsSizeError` event.

[218] Fix | Delete

* Accessibility enhancements to error container and submit button.

[219] Fix | Delete

*

[220] Fix | Delete

* @since 1.8.1

[221] Fix | Delete

*

[222] Fix | Delete

* @param {Object} e Event object.

[223] Fix | Delete

* @param {jQuery} $form Form object.

[224] Fix | Delete

* @param {jQuery} $errorCnt Error container object.

[225] Fix | Delete

*/

[226] Fix | Delete

combinedUploadsSizeError( e, $form, $errorCnt ) {

[227] Fix | Delete

const formId = $form.data( 'formid' ),

[228] Fix | Delete

errormessage = $form.attr( 'aria-errormessage' ) || '',

[229] Fix | Delete

errorCntId = `wpforms-${ formId }-footer-error`,

[230] Fix | Delete

$submitBtn = $form.find( '.wpforms-submit' );

[231] Fix | Delete

[232] Fix | Delete

$form.attr( {

[233] Fix | Delete

'aria-invalid': 'true',

[234] Fix | Delete

'aria-errormessage': `${ errormessage } ${ errorCntId }`,

[235] Fix | Delete

} );

[236] Fix | Delete

[237] Fix | Delete

$errorCnt.attr( {

[238] Fix | Delete

role: 'alert',

[239] Fix | Delete

id: errorCntId,

[240] Fix | Delete

} );

[241] Fix | Delete

[242] Fix | Delete

// Add error message prefix.

[243] Fix | Delete

$errorCnt.find( '> .wpforms-hidden:first-child' ).remove();

[244] Fix | Delete

$errorCnt.prepend( `<span class="wpforms-hidden">${ wpforms_settings.formErrorMessagePrefix }</span>` );

[245] Fix | Delete

[246] Fix | Delete

// Instead of set the `disabled` property,

[247] Fix | Delete

// we must use `aria-disabled` and `aria-describedby` attributes in conduction with `wpforms-disabled` class.

[248] Fix | Delete

$submitBtn.attr( 'aria-describedby', errorCntId );

[249] Fix | Delete

},

[250] Fix | Delete

[251] Fix | Delete

/**

[252] Fix | Delete

* Handler for `wpformsCombinedUploadsSizeOk` event.

[253] Fix | Delete

*

[254] Fix | Delete

* @since 1.8.1

[255] Fix | Delete

* @deprecated 1.8.3

[256] Fix | Delete

*

[257] Fix | Delete

* @param {Object} e Event object.

[258] Fix | Delete

* @param {jQuery} $form Form object.

[259] Fix | Delete

* @param {jQuery} $errorCnt Error container object.

[260] Fix | Delete

*/

[261] Fix | Delete

// eslint-disable-next-line no-unused-vars

[262] Fix | Delete

combinedUploadsSizeOk( e, $form, $errorCnt ) {

[263] Fix | Delete

// eslint-disable-next-line no-console

[264] Fix | Delete

console.warn( 'WARNING! Function "WPForms.FrontendModern( e, $form, $errorCnt )" has been deprecated, please use the new "formSubmitButtonDisable: function( e, $form, $submitBtn )" function instead!' );

[265] Fix | Delete

[266] Fix | Delete

const $submitBtn = $form.find( '.wpforms-submit' );

[267] Fix | Delete

[268] Fix | Delete

// Revert aria-* attributes to the normal state.

[269] Fix | Delete

$submitBtn

[270] Fix | Delete

.removeClass( 'wpforms-disabled' )

[271] Fix | Delete

.attr( 'aria-disabled', 'false' )

[272] Fix | Delete

.attr( 'aria-describedby', '' );

[273] Fix | Delete

},

[274] Fix | Delete

[275] Fix | Delete

/**

[276] Fix | Delete

* Handler for `wpformsFormSubmitButtonDisable` event.

[277] Fix | Delete

*

[278] Fix | Delete

* @since 1.8.1

[279] Fix | Delete

*

[280] Fix | Delete

* @param {Object} e Event object.

[281] Fix | Delete

* @param {jQuery} $form Form object.

[282] Fix | Delete

* @param {jQuery} $submitBtn Submit a button object.

[283] Fix | Delete

*/

[284] Fix | Delete

formSubmitButtonDisable( e, $form, $submitBtn ) {

[285] Fix | Delete

const disabledBtnDescId = $form.attr( 'id' ) + '-submit-btn-disabled';

[286] Fix | Delete

[287] Fix | Delete

$submitBtn.before( `<div class="wpforms-hidden" id="${ disabledBtnDescId }">${ wpforms_settings.submitBtnDisabled }</div>` );

[288] Fix | Delete

[289] Fix | Delete

$submitBtn

[290] Fix | Delete

.prop( 'disabled', false )

[291] Fix | Delete

.addClass( 'wpforms-disabled' )

[292] Fix | Delete

.attr( 'aria-disabled', 'true' )

[293] Fix | Delete

.attr( 'aria-describedby', disabledBtnDescId );

[294] Fix | Delete

},

[295] Fix | Delete

[296] Fix | Delete

/**

[297] Fix | Delete

* Handler for `wpformsFormSubmitButtonRestore` event.

[298] Fix | Delete

*

[299] Fix | Delete

* @since 1.8.1

[300] Fix | Delete

*

[301] Fix | Delete

* @param {Object} e Event object.

[302] Fix | Delete

* @param {jQuery} $form Form object.

[303] Fix | Delete

* @param {jQuery} $submitBtn Submit a button object.

[304] Fix | Delete

*/

[305] Fix | Delete

formSubmitButtonRestore( e, $form, $submitBtn ) {

[306] Fix | Delete

const disabledBtnDescId = $form.attr( 'id' ) + '-submit-btn-disabled';

[307] Fix | Delete

[308] Fix | Delete

$form.find( '#' + disabledBtnDescId ).remove();

[309] Fix | Delete

[310] Fix | Delete

$submitBtn

[311] Fix | Delete

.removeClass( 'wpforms-disabled' )

[312] Fix | Delete

.attr( 'aria-disabled', 'false' )

[313] Fix | Delete

.attr( 'aria-describedby', '' );

[314] Fix | Delete

},

[315] Fix | Delete

[316] Fix | Delete

/**

[317] Fix | Delete

* Disabled button click/keydown event handler.

[318] Fix | Delete

*

[319] Fix | Delete

* @since 1.8.1

[320] Fix | Delete

*

[321] Fix | Delete

* @param {Object} e Event object.

[322] Fix | Delete

*/

[323] Fix | Delete

disabledButtonPress( e ) {

[324] Fix | Delete

const $submitBtn = $( this );

[325] Fix | Delete

[326] Fix | Delete

if ( ! $submitBtn.hasClass( 'wpforms-disabled' ) ) {

[327] Fix | Delete

return;

[328] Fix | Delete

}

[329] Fix | Delete

[330] Fix | Delete

if ( e.key === 'Enter' || e.type === 'click' ) {

[331] Fix | Delete

e.preventDefault();

[332] Fix | Delete

e.stopPropagation();

[333] Fix | Delete

}

[334] Fix | Delete

},

[335] Fix | Delete

[336] Fix | Delete

/**

[337] Fix | Delete

* Page change event handler.

[338] Fix | Delete

*

[339] Fix | Delete

* @since 1.8.1

[340] Fix | Delete

*

[341] Fix | Delete

* @param {Object} e Event object.

[342] Fix | Delete

* @param {number} nextPage The next page number.

[343] Fix | Delete

* @param {jQuery} $form Current form.

[344] Fix | Delete

*/

[345] Fix | Delete

pageChange( e, nextPage, $form ) {

[346] Fix | Delete

const $pageIndicator = $form.find( '.wpforms-page-indicator' );

[347] Fix | Delete

[348] Fix | Delete

if ( ! wpforms_settings.indicatorStepsPattern || ! $pageIndicator.length ) {

[349] Fix | Delete

return;

[350] Fix | Delete

}

[351] Fix | Delete

[352] Fix | Delete

const totalPages = $form.find( '.wpforms-page' ).length;

[353] Fix | Delete

let msg = wpforms_settings.indicatorStepsPattern;

[354] Fix | Delete

let pageTitle;

[355] Fix | Delete

[356] Fix | Delete

msg = msg.replace( '{current}', nextPage ).replace( '{total}', totalPages );

[357] Fix | Delete

[358] Fix | Delete

if ( $pageIndicator.hasClass( 'progress' ) ) {

[359] Fix | Delete

pageTitle = $pageIndicator.find( '.wpforms-page-indicator-page-title' ).data( `page-${ nextPage }-title` );

[360] Fix | Delete

} else {

[361] Fix | Delete

pageTitle = $pageIndicator.find( `.wpforms-page-indicator-page-${ nextPage } .wpforms-page-indicator-page-title` ).text();

[362] Fix | Delete

}

[363] Fix | Delete

[364] Fix | Delete

msg = pageTitle ? pageTitle + '. ' + msg : msg;

[365] Fix | Delete

[366] Fix | Delete

$pageIndicator.attr( 'aria-valuenow', nextPage );

[367] Fix | Delete

app.screenReaderAnnounce( msg, 'polite' );

[368] Fix | Delete

},

[369] Fix | Delete

[370] Fix | Delete

/**

[371] Fix | Delete

* Allows the screen reader to talk directly through the use of JS.

[372] Fix | Delete

*

[373] Fix | Delete

* @since 1.8.1

[374] Fix | Delete

*

[375] Fix | Delete

* @param {string} text The message to be vocalised

[376] Fix | Delete

* @param {string} priority Aria-live priority. "polite" (by default) or "assertive".

[377] Fix | Delete

*/

[378] Fix | Delete

screenReaderAnnounce( text, priority ) {

[379] Fix | Delete

const el = document.createElement( 'div' );

[380] Fix | Delete

const id = 'wpforms-screen-reader-announce-' + Date.now();

[381] Fix | Delete

[382] Fix | Delete

el.setAttribute( 'id', id );

[383] Fix | Delete

el.setAttribute( 'aria-live', priority || 'polite' );

[384] Fix | Delete

el.classList.add( 'wpforms-screen-reader-announce' );

[385] Fix | Delete

[386] Fix | Delete

const node = document.body.appendChild( el );

[387] Fix | Delete

[388] Fix | Delete

setTimeout( function() {

[389] Fix | Delete

node.innerHTML = text;

[390] Fix | Delete

}, 100 );

[391] Fix | Delete

[392] Fix | Delete

setTimeout( function() {

[393] Fix | Delete

document.body.removeChild( node );

[394] Fix | Delete

}, 1000 );

[395] Fix | Delete

},

[396] Fix | Delete

[397] Fix | Delete

/**

[398] Fix | Delete

* Add opacity to color string.

[399] Fix | Delete

* Supports formats: RGB, RGBA, HEX, HEXA.

[400] Fix | Delete

*

[401] Fix | Delete

* If the given color has an alpha channel, the new alpha channel will be calculated according to the given opacity.

[402] Fix | Delete

*

[403] Fix | Delete

* @since 1.8.1

[404] Fix | Delete

*

[405] Fix | Delete

* @param {string} color Color.

[406] Fix | Delete

* @param {string} opacity Opacity.

[407] Fix | Delete

*

[408] Fix | Delete

* @return {string} Color in RGBA format with an added alpha channel according to given opacity.

[409] Fix | Delete

*/

[410] Fix | Delete

getColorWithOpacity( color, opacity ) {

[411] Fix | Delete

// Moved to ../share/utils.js

[412] Fix | Delete

return WPFormsUtils.cssColorsUtils.getColorWithOpacity( color, opacity );

[413] Fix | Delete

},

[414] Fix | Delete

[415] Fix | Delete

/**

[416] Fix | Delete

* Remove opacity from the color value.

[417] Fix | Delete

* Supports formats: RGB, RGBA, HEX, HEXA.

[418] Fix | Delete

*

[419] Fix | Delete

* @since 1.8.1

[420] Fix | Delete

*

[421] Fix | Delete

* @param {string} color Color.

[422] Fix | Delete

*

[423] Fix | Delete

* @return {string} Color in RGB format.

[424] Fix | Delete

*/

[425] Fix | Delete

getSolidColor( color ) {

[426] Fix | Delete

color = color.trim();

[427] Fix | Delete

[428] Fix | Delete

const rgbArray = app.getColorAsRGBArray( color );

[429] Fix | Delete

[430] Fix | Delete

if ( ! rgbArray ) {

[431] Fix | Delete

return color;

[432] Fix | Delete

}

[433] Fix | Delete

[434] Fix | Delete

// Combine and return the RGB color.

[435] Fix | Delete

return `rgb(${ rgbArray[ 0 ] },${ rgbArray[ 1 ] },${ rgbArray[ 2 ] })`;

[436] Fix | Delete

},

[437] Fix | Delete

[438] Fix | Delete

/**

[439] Fix | Delete

* Check if the given color is a valid CSS color.

[440] Fix | Delete

*

[441] Fix | Delete

* @since 1.8.1

[442] Fix | Delete

*

[443] Fix | Delete

* @param {string} color Color.

[444] Fix | Delete

*

[445] Fix | Delete

* @return {boolean} True if the given color is a valid CSS color.

[446] Fix | Delete

*/

[447] Fix | Delete

isValidColor( color ) {

[448] Fix | Delete

// Moved to ../share/utils.js

[449] Fix | Delete

return WPFormsUtils.cssColorsUtils.isValidColor( color );

[450] Fix | Delete

},

[451] Fix | Delete

[452] Fix | Delete

/**

[453] Fix | Delete

* Get color as an array of RGB(A) values.

[454] Fix | Delete

*

[455] Fix | Delete

* @since 1.8.1

[456] Fix | Delete

*

[457] Fix | Delete

* @param {string} color Color.

[458] Fix | Delete

*

[459] Fix | Delete

* @return {Array|boolean} Color as an array of RGBA values. False on error.

[460] Fix | Delete

*/

[461] Fix | Delete

getColorAsRGBArray( color ) {

[462] Fix | Delete

// Moved to ../share/utils.js

[463] Fix | Delete

return WPFormsUtils.cssColorsUtils.getColorAsRGBArray( color );

[464] Fix | Delete

},

[465] Fix | Delete

[466] Fix | Delete

/**

[467] Fix | Delete

* Get CSS variable value.

[468] Fix | Delete

*

[469] Fix | Delete

* @since 1.8.1

[470] Fix | Delete

*

[471] Fix | Delete

* @param {Object} style Computed style object.

[472] Fix | Delete

* @param {string} varName Style custom property name.

[473] Fix | Delete

*

[474] Fix | Delete

* @return {string|null} CSS variable value;

[475] Fix | Delete

*/

[476] Fix | Delete

getCssVar( style, varName ) {

[477] Fix | Delete

if ( ! style || typeof style.getPropertyValue !== 'function' ) {

[478] Fix | Delete

return null;

[479] Fix | Delete

}

[480] Fix | Delete

[481] Fix | Delete

let value = style.getPropertyValue( varName ).trim();

[482] Fix | Delete

[483] Fix | Delete

if ( varName.includes( 'color' ) ) {

[484] Fix | Delete

value = value.replace( /\s/g, '' );

[485] Fix | Delete

}

[486] Fix | Delete

[487] Fix | Delete

return value;

[488] Fix | Delete

},

[489] Fix | Delete

[490] Fix | Delete

/**

[491] Fix | Delete

* Get all CSS variables.

[492] Fix | Delete

*

[493] Fix | Delete

* @since 1.8.1

[494] Fix | Delete

*

[495] Fix | Delete

* @param {jQuery} $form Form OR any element inside the form.

[496] Fix | Delete

*

[497] Fix | Delete

* @return {Object} CSS variables;

[498] Fix | Delete

*/

[499] Fix | Delete