Edit File by line

'use strict';

[0] Fix | Delete

[1] Fix | Delete

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

[2] Fix | Delete

const WPFormsUtils = window.WPFormsUtils || ( function( document, window, $ ) {

[3] Fix | Delete

[4] Fix | Delete

/**

[5] Fix | Delete

* Public functions and properties.

[6] Fix | Delete

[7] Fix | Delete

* @since 1.7.6

[8] Fix | Delete

[9] Fix | Delete

* @type {object}

[10] Fix | Delete

[11] Fix | Delete

const app = {

[12] Fix | Delete

[13] Fix | Delete

/**

[14] Fix | Delete

* Wrapper to trigger a native or custom event and return the event object.

[15] Fix | Delete

[16] Fix | Delete

* @since 1.7.6

[17] Fix | Delete

[18] Fix | Delete

* @param {jQuery} $element Element to trigger event on.

[19] Fix | Delete

* @param {string} eventName Event name to trigger (custom or native).

[20] Fix | Delete

* @param {Array} args Trigger arguments.

[21] Fix | Delete

[22] Fix | Delete

* @returns {Event} Event object.

[23] Fix | Delete

[24] Fix | Delete

triggerEvent: function( $element, eventName, args = [] ) {

[25] Fix | Delete

[26] Fix | Delete

let eventObject = new $.Event( eventName );

[27] Fix | Delete

[28] Fix | Delete

$element.trigger( eventObject, args );

[29] Fix | Delete

[30] Fix | Delete

return eventObject;

[31] Fix | Delete

[32] Fix | Delete

[33] Fix | Delete

/**

[34] Fix | Delete

* Debounce.

[35] Fix | Delete

[36] Fix | Delete

* This function comes directly from underscore.js:

[37] Fix | Delete

[38] Fix | Delete

* Returns a function, that, as long as it continues to be invoked, will not

[39] Fix | Delete

* be triggered. The function will be called after it stops being called for

[40] Fix | Delete

* N milliseconds. If `immediate` is passed, trigger the function on the

[41] Fix | Delete

* leading edge, instead of the trailing.

[42] Fix | Delete

[43] Fix | Delete

* Debouncing is removing unwanted input noise from buttons, switches or other user input.

[44] Fix | Delete

* Debouncing prevents extra activations or slow functions from triggering too often.

[45] Fix | Delete

[46] Fix | Delete

* @param {Function} func The function to be debounced.

[47] Fix | Delete

* @param {int} wait The amount of time to delay calling func.

[48] Fix | Delete

* @param {bool} immediate Whether or not to trigger the function on the leading edge.

[49] Fix | Delete

[50] Fix | Delete

* @returns {Function} Returns a function that, as long as it continues to be invoked, will not be triggered.

[51] Fix | Delete

[52] Fix | Delete

debounce: function( func, wait, immediate ) {

[53] Fix | Delete

[54] Fix | Delete

var timeout;

[55] Fix | Delete

[56] Fix | Delete

return function() {

[57] Fix | Delete

[58] Fix | Delete

var context = this,

[59] Fix | Delete

args = arguments;

[60] Fix | Delete

var later = function() {

[61] Fix | Delete

[62] Fix | Delete

timeout = null;

[63] Fix | Delete

[64] Fix | Delete

if ( ! immediate ) {

[65] Fix | Delete

func.apply( context, args );

[66] Fix | Delete

}

[67] Fix | Delete

};

[68] Fix | Delete

[69] Fix | Delete

var callNow = immediate && ! timeout;

[70] Fix | Delete

[71] Fix | Delete

clearTimeout( timeout );

[72] Fix | Delete

[73] Fix | Delete

timeout = setTimeout( later, wait );

[74] Fix | Delete

[75] Fix | Delete

if ( callNow ) {

[76] Fix | Delete

func.apply( context, args );

[77] Fix | Delete

}

[78] Fix | Delete

};

[79] Fix | Delete

[80] Fix | Delete

[81] Fix | Delete

/**

[82] Fix | Delete

* CSS color operations.

[83] Fix | Delete

[84] Fix | Delete

* @since 1.8.8

[85] Fix | Delete

[86] Fix | Delete

* @type {Object}

[87] Fix | Delete

[88] Fix | Delete

cssColorsUtils: {

[89] Fix | Delete

/**

[90] Fix | Delete

* Checks if the provided color has transparency.

[91] Fix | Delete

[92] Fix | Delete

* @since 1.8.8

[93] Fix | Delete

[94] Fix | Delete

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

[95] Fix | Delete

* @param {number} opacityThreshold The max opacity value of the color that is considered as transparent.

[96] Fix | Delete

[97] Fix | Delete

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

[98] Fix | Delete

[99] Fix | Delete

isTransparentColor( color, opacityThreshold = 0.33 ) {

[100] Fix | Delete

const rgba = app.cssColorsUtils.getColorAsRGBArray( color );

[101] Fix | Delete

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

[102] Fix | Delete

[103] Fix | Delete

// Compare the opacity value with the threshold.

[104] Fix | Delete

return opacity <= opacityThreshold;

[105] Fix | Delete

[106] Fix | Delete

[107] Fix | Delete

/**

[108] Fix | Delete

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

[109] Fix | Delete

[110] Fix | Delete

* @since 1.8.8

[111] Fix | Delete

[112] Fix | Delete

* @param {string} color Color.

[113] Fix | Delete

[114] Fix | Delete

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

[115] Fix | Delete

[116] Fix | Delete

getColorAsRGBArray( color ) {

[117] Fix | Delete

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

[118] Fix | Delete

if ( ! app.cssColorsUtils.isValidColor( color ) ) {

[119] Fix | Delete

return false;

[120] Fix | Delete

}

[121] Fix | Delete

[122] Fix | Delete

// Remove # from the beginning of the string and remove whitespaces.

[123] Fix | Delete

color = color.replace( /^#/, '' ).replaceAll( ' ', '' );

[124] Fix | Delete

color = color === 'transparent' ? 'rgba(0,0,0,0)' : color;

[125] Fix | Delete

[126] Fix | Delete

const rgba = color;

[127] Fix | Delete

let rgbArray;

[128] Fix | Delete

[129] Fix | Delete

// Check if color is in HEX(A) format.

[130] Fix | Delete

const isHex = rgba.match( /[0-9a-f]{6,8}$/ig );

[131] Fix | Delete

[132] Fix | Delete

if ( isHex ) {

[133] Fix | Delete

// Search and split HEX(A) color into an array of couples of chars.

[134] Fix | Delete

rgbArray = rgba.match( /\w\w/g ).map( ( x ) => parseInt( x, 16 ) );

[135] Fix | Delete

rgbArray[ 3 ] = rgbArray[ 3 ] || rgbArray[ 3 ] === 0 ? ( rgbArray[ 3 ] / 255 ).toFixed( 2 ) : 1;

[136] Fix | Delete

} else {

[137] Fix | Delete

rgbArray = rgba.split( '(' )[ 1 ].split( ')' )[ 0 ].split( ',' );

[138] Fix | Delete

}

[139] Fix | Delete

[140] Fix | Delete

return rgbArray;

[141] Fix | Delete

[142] Fix | Delete

[143] Fix | Delete

/**

[144] Fix | Delete

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

[145] Fix | Delete

[146] Fix | Delete

* @since 1.8.8

[147] Fix | Delete

[148] Fix | Delete

* @param {string} color Color.

[149] Fix | Delete

[150] Fix | Delete

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

[151] Fix | Delete

[152] Fix | Delete

isValidColor( color ) {

[153] Fix | Delete

// Create a temporary DOM element and use `style` property.

[154] Fix | Delete

const s = new Option().style;

[155] Fix | Delete

[156] Fix | Delete

s.color = color;

[157] Fix | Delete

[158] Fix | Delete

// Invalid color leads to the empty color property of DOM element style.

[159] Fix | Delete

return s.color !== '';

[160] Fix | Delete

[161] Fix | Delete

[162] Fix | Delete

/**

[163] Fix | Delete

* Get contrast color relative to given color.

[164] Fix | Delete

[165] Fix | Delete

* @since 1.8.8

[166] Fix | Delete

[167] Fix | Delete

* @param {string} color Color.

[168] Fix | Delete

[169] Fix | Delete

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

[170] Fix | Delete

[171] Fix | Delete

getContrastColor( color ) {

[172] Fix | Delete

const rgba = app.cssColorsUtils.getColorAsRGBArray( color );

[173] Fix | Delete

const sum = rgba.reduce( ( a, b ) => a + b, 0 );

[174] Fix | Delete

const avg = Math.round( ( sum / 3 ) * ( rgba[ 3 ] ?? 1 ) );

[175] Fix | Delete

[176] Fix | Delete

return avg < 128 ? '#ffffff' : '#000000';

[177] Fix | Delete

[178] Fix | Delete

[179] Fix | Delete

/**

[180] Fix | Delete

* Add opacity to color string.

[181] Fix | Delete

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

[182] Fix | Delete

[183] Fix | Delete

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

[184] Fix | Delete

[185] Fix | Delete

* @since 1.8.9

[186] Fix | Delete

[187] Fix | Delete

* @param {string} color Color.

[188] Fix | Delete

* @param {string} opacity Opacity.

[189] Fix | Delete

[190] Fix | Delete

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

[191] Fix | Delete

[192] Fix | Delete

getColorWithOpacity( color, opacity ) {

[193] Fix | Delete

color = color.trim();

[194] Fix | Delete

[195] Fix | Delete

const rgbArray = app.cssColorsUtils.getColorAsRGBArray( color );

[196] Fix | Delete

[197] Fix | Delete

if ( ! rgbArray ) {

[198] Fix | Delete

return color;

[199] Fix | Delete

}

[200] Fix | Delete

[201] Fix | Delete

// Default opacity is 1.

[202] Fix | Delete

opacity = ! opacity || opacity.length === 0 ? '1' : opacity.toString();

[203] Fix | Delete

[204] Fix | Delete

const alpha = rgbArray.length === 4 ? parseFloat( rgbArray[ 3 ] ) : 1;

[205] Fix | Delete

[206] Fix | Delete

// Calculate new alpha value.

[207] Fix | Delete

const newAlpha = parseFloat( opacity ) * alpha;

[208] Fix | Delete

[209] Fix | Delete

// Combine and return the RGBA color.

[210] Fix | Delete

return `rgba(${ rgbArray[ 0 ] },${ rgbArray[ 1 ] },${ rgbArray[ 2 ] },${ newAlpha })`.replace( /\s+/g, '' );

[211] Fix | Delete

[212] Fix | Delete

[213] Fix | Delete

};

[214] Fix | Delete

[215] Fix | Delete

// Provide access to public functions/properties.

[216] Fix | Delete

return app;

[217] Fix | Delete

[218] Fix | Delete

}( document, window, jQuery ) );

[219] Fix | Delete

[220] Fix | Delete