R@ÀÞcï µ¹(X`™Òq¹Hœø‹)ù=-i
¤JM$Ôá#Y.‘c4ï-Aõ[ÖÆ
¹‚‹S·â×ÛæôÎ›yˆÓ®/™ÓUK ö¸!V™œ„7¯•-ð|ÐÇFOa™Dm4 *:Ü]<oÐo/°Í;¾ö»%3jU3j»ÜøéÄXŸIºÑ5'òõEãodc'¹mÚŽefˆó›-»âðëùøŠ2£m&Yr
§Øå§øL+»ç™7ùõû¼¬‰¢ ÓÁ@ó/Íô¿¹þwÒE AI÷TÐ[M#ç‹¯Å|Û|ù–Šú9÷Ù*ŠDé”{Ö½¦fÞ‹[1ØÛC/žû÷×¶Û|Ð´7ŸžÍ÷
T¶Œ§TœÑ–mÎ(ô¥è÷G¹;Hn$-lR	È–L—ºó×GÌ¡êçªÒéëÎñN×<ÆUÚšWÔGtÏÿç9¬êïYUÙh&ö‘%ÐÖOÐÉ0ïU¥Î,À}ê_ô1`µôÍÿÅ”¶‚Uâ7¦î"ÿãqDWNŠëû2{Ž;SPÅÕ‹€ÒÀ;žcœuv[§î¹öŸ|ha’Š”E’§âAéF×Û’‘dÅNžâšBªMbnÞn"h’oo*#•e~ÌH3«+±¤¶^çŸpkôîbÁÜó÷ú:¬­„G]V‰¬J>Y1ÊÉ,ÑÀ‰*h%…L0™ƒ€)®?UÖšÝŒ¤+¶¯ÃitöÀìÉJN$ËÀæŽ«Üqsr]2Û©¼jÇÛNM"RP’oîfüÇ‘§Ã1üº®K©÷éy7„"¡ªHË¤¸Oyp_È<Û‰Ë¨+°œ—{îÌú¬¶8—
^õÕÑ°jõ©¾>;«.y‘8Y2nŒ0×€‡›å}¯„StÑß+NõïD¤H|óŽéàuA˜ÛZèe\Ï
ožóôwÎºÂážmyD}Ñãlö‚¡\hÄžïŒPgö…XInB\ß ÉøªÃzRW_h£Æ,î”8[p\÷€Ã‡)-Ql­«ø$ˆ]"B©Š-wÜ8úŠ6¾0®§—"-Ô'ÁÚÝÛå`Ñ¬f/¤ÊÇÀšé^]µ%Ó× XÇ´á[Pë¦ÙbaºèƒÝÒcJ®­«¸-çZfÆ@žñä¯*ËA{n&!ylø#H`ŒA@­¢Üï3W¸¬ÌSG|AÂµ˜`’©×bäÍ“ÓMÀµ‘ËGRPí?w”×
Z† Î;Ïï‘1"ìG6J¿J¹Å„å¦½ñ¦H	Ãé•°êdì(†C¸0èÅ˜$9	Œk
‰h~ƒð"ù[„ó‘ÑùNòùè‘(ÙÜû•w&ÈÅþ*Ì •‰,ÜJ-t¸ú(‚pø€ú‹Ï[0aŸ¼òfÇÜ–
z*‘(@½s8ú ÄÚEDÈstQ­®v 3QuÞÝ³/™éI|ê`ð~Qj•ðÒÓ—“žÿQôüRŠIíûo2w.Èç8´BÍ€»€8ç)2†»}5µe£Xre—cB¯ ‰y76¯8FWÇÖÍ¢æ4ÀìUTrîe¾eŸYá·¯N‹6ÊGñ 75ƒ[ú
òµÛã;L¯ V®êÆß°{Ö(Ø”§Bù*{~É	ÕnR-GUó}:šçk•E“ÎxRž•àMoF©ÚÑ8˜
6nu:ÕÉ4ÖZ¼ëÏ0[cPÎ|Sæ2„	V[Á…mÐ#?“5h<ÃÛ€ \þŒ†¶h&T£«"ƒt5û—lm‡S§çŠ}ª#×rf¢½¤åñDd®ÝA{Ûbñû+pj–Ë]>EMç‡+õ`*–bGCç4>y%‡DgðO.Ÿóg\ü©,Å÷‹î­1„oKÍ¸”¶¦DÈstQ­®v 3QuÞÝ³/ i¶dÍÉ›,Ll²jÁÚ`â÷›e—(6¤_Î(Kz0Ï0[cPÎ|Sæ2„	V[p@²M‚ÄVÀNNë·î¼ÑØ»£úEX=¿Ð+;7™È€Ûôò8ý†Ág™qù7¯mçú
q®ú[kñø}·±3:âUùi@‘àû‡öPQ/¹€Ýÿñ¡@¬Q¢z¦¥ë„Ê½Âï¯F7(ËÁ_+6"Ê»5‚pkV!ÑÌÅÈ­µÀ¸ÈóÍéjb¶Î)ž¼™Y3Š¤5‰êq¦W¸¯´,ù<ÛpÃ¢V”úãÒÕžÜ·&*ûKžI{ È#= e+Ø˜žß4L®Nc*º0cß ³~Êºâu]ûÐ‹aÎKaFù¸*¿Æ&%ÙgnŸ DfIß;ðv—Öj.“Aß(	†‰É…rÙìcþÓô.ÒõýõŒÙ‚£¶ùxMœOÓ)+¼ŠèBhí?½S‡¡ò8ÂÕåËænÈÞ¯ƒ#Rë‘ÈÝ-Í`ÉXªU±jCICCC&Œ2Ly1?ãHŽ`Ë«®Ffâÿ´¦æ8Çk\ØœÎròã¨æM<Óm ›£wŽWb¢ó_„¥U}„t'@×kŠÃ&¹#ƒ…ÜQ¥÷ÁŒM€X?Ï·‚tî—HXûä{™µ.ßoäËCšo´F]­ÝñTBéYqñ6‘‚p›p?Z#}]› ÎÊæï;ÈoNõ,Ô›Í¶ú9ÄŽ÷É•p¥ŸXgÇD#Ÿ¬™«¤äôšÂ)›PD;æÍ²€òð;9cö:Ž/–› Rÿd5C‚ÛÖª…Ð'd4–²””R{ÖÕfûñ´7×–äõKŽ½žlœxú>c8 Ëi¹5ýOÚ£ŒûÃQ€Ô™>œyíYAÚ$äŽåzÐT) !þwx’žÏt&•.•žk‚v¤Y¹€u,½*#œOÖ¦°ûžŒöóÐá<³™|Ô]‚][h»Õè FÁcå¾mƒÁ r¶Ãñm ‹’yÓwˆ”oîM@²vx¢ñû÷wÅŠ>Êå°
euYgb.È©Q}¾ºÏgE¸§Ü1&AŠœ‰7eÉÅ“ýÌ9@JÄøšˆÐüœªì„²¹qÓ‘éß'ˆI-‡Ú?bIÀ“ ‘Í/Æ®ÒÃjvUUÙ@âÊEÔIÓ7Ë7ÿó¬GX¥ÎAB4.r¨OÊz@ÅEF<nÒeø·Wå\üÃªHsÍ ÷ƒÍ2äë…ú<ì!×ªì(°üb_m#ÂÂÜLŒÆd›&u¯ž$k#„Lz³uýŠ™;
lÀïÕ)þŽ­?Gûg%ˆuÁY¹€u,½*#œOÖ¦°ûžŒ–S\&à"… ÊÏÖˆ*‰€“!~ðit)gèG¶T¨ÍñS`ØÞc”œx„Ÿþ¶å¾Fdí¤mÛãs¾ø“TdG«ý%Kkú0n€¼ÜÕ&1Ûïcûv“aÆDÈW¡Ì£+^>wVy<­Aßƒht8Yþ¾zÃgx±KAnÂq~Î#§~¢ù*ðgŸè4³,äÝ£+‘^çÑˆÍ{¯ZÙ¾¶Þˆ’O=¥Ãèî®,]fZbcÎŸaEnr‘âB{ºÚ4²eÊW'òd…Ð@ãHôwm+ ¸VµH:|S3Œl<¿vP1ãC…þjç9C4ÕÿØØ¥ÛËÙÙ¢i~áÌÁ8Û·eKnBDŽpÆªÐœ<¨`˜5’ˆ¥g0Jf³DêÒí7‡³qà˜åFgæmdôûÐü7KùÓè¸
S“_¯ÅæÚúEë”
J@Ž~ùDÞÖŽ;º5¹“ñÏùì÷%&Æ0 ³<bª²ì|£ö	J›_›dEa|‰¢ßs¼µõ(µQ¯‹ÔÆç”âRfnuX¶©]-Í¬9\††ÀY§	õµ"Ð€¹û`ÂÚž(ÓëœÄ#=e—ÞÕ1jt@éÝ—{‰Ò ¡<ñbË¡§×_MÑÒJ›“ë8tEŸÃ½òá¡éñD¬aãWtfõœÉöèaDŽœ<ò¿:¥$ÿRXódôE:¹öü±Xçü­3ÍÉ©õ»b#ZVOìY)ãåíÐµ‚EÍ”`ATƒ®Ý‹W0äVŒàÛ¨<ˆ€°Õg©â¡® ËòZiGì%¶*ð‹<ÅˆX,0yå\f…bÙâ¡® ËòZiGì%¶*ð‹áO„ué-ðùX©ÃL¿ÿJ.%¬DÔt_ªÏ*K(…üŸ•]qQaVÚqËúwç0¿li&‡,
¼Øú¸M{„]}å=£<Ý…¬ÇJÊ¹hÕ(Ù¡`I[¸ÓèBYGëÐóÄ'ÒÈK\¶‘W¯zÚ²”å4P Ÿž×þ^œ8«g±lŽÇ Ý¹Ív¥.‘øm49*öÝh³ÿ-Z94†Ñ“.`:½¬Q¢z¦¥ë„Ê½Âï¯F7øžo‚O‰9H²Ã?nU/³aéEúBt‹6¨þÂ\±4p„¸ìä¤xdVªFdíVùy{‰œ´ŸÇ¹HŠ‹k÷æ>mÃùeZ‚‚Þp‡°ˆL•õmÏ2C.C/û#B’H‡FÂÇW`›x>ôµ#|«ß…j§Ô³¾|Ï¡,°iÆ¿ÓÖL›Á’@XÙ¹PdBÂ´LF’?Í37Œ}Q*ôÅÞ2—ÁO3øbLÂÕPµª,áb’Z Øœ¹O’6Ô	¡!€ŠëÑÀÞã`6OüNd¾È~ qÂ­p8#Ñ?‹Bß¨…^ƒÁäåð@œƒåù¶Ãñm ‹’yÓwˆ”oîM@Ltè€(w&"œ¾P•ŒdÊ¢ÏÙ°L­à?a‘íÿh3VÓ–t?ÛÌ6Å/ø€ú‹Ï[0aŸ¼òfÇÜtâã XM^³RÄËøÞ…ßÅïa-hf80àªjÖƒ>©C´©Ø?Ý
¾õ+?#Pµq¼h¡®Ÿ	­œŠº,ÆøßÈõvºÁ2«ÁG+¹»äm
Kû“^F²’w}]NÁÊ_sµ(r(QÅE…Àb¢‰å¿Œatœê…!Âöœ#Ã¨Òg!Rd (¡ÕÜ>LàÅy÷)çk¶2œÿ@sRÌ%²À§yâ>ùà¢Âh­=Ýžƒ
,©öáà†ˆÀ%£Â!Úö9U#Ë³{ÒïèÆMôÝÊ)4eL:Rìt¦{ÍœhHafŠW…X…–=Ûç2o±-4[pŸBOHË#ô(EQ|ðK‡søº®$´ë.t[_ÔpËõÈæ#-IÆ†:ðuÒi÷’RóI™,È¿Ó,T™ŒÇTÿ”œ
r¡o¼óÐY·;KÅŒÜo7xe©”)VŸ~Þ·¤–°ûÎFKQøÞö}`×}k>õM$#Hòô;˜“òU›g‹V-Àé*}Û!XSáÝç…Ô4˜ŸºO‚WÝ%Z›aêïÂ!~¼fµêB½?
qÿÜÔ%)¨ªS¾c/ÎÒŽ€1&äFÒ^•ôAN?ŒkZßJig.js"><code>config.js</code></a> file with the generated configuration. If you already set some configuration options you will need to merge both configurations.</p>
						</div>
						<div class="grid-width-50">
							<p>Read more about different ways of <a href="https://ckeditor.com/docs/ckeditor4/latest/guide/dev_configuration.html">setting configuration</a> and do not forget about <strong>clearing browser cache</strong>.</p>
							<p>Arranging toolbar groups is the recommended way of configuring the toolbar, but if you need more freedom you can use the <a href="#advanced">advanced configurator</a>.</p>
						</div>
					</div>
					<div class="advanced" style="display: none;">
						<div class="grid-width-50">
							<p>With this code editor you can edit your <a href="https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-toolbar">toolbar configuration</a> live.</p>
							<p>You can replace the content of the <a href="../../config.js"><code>config.js</code></a> file with the generated configuration. If you already set some configuration options you will need to merge both configurations.</p>
						</div>
						<div class="grid-width-50">
							<p>Read more about different ways of <a href="https://ckeditor.com/docs/ckeditor4/latest/guide/dev_configuration.html">setting configuration</a> and do not forget about <strong>clearing browser cache</strong>.</p>
						</div>
					</div>
				</div>

				<p class="grid-container grid-container-nested">
					<button type="button" class="help-content-close grid-width-100 button-a button-a-background">Got it. Let's play!</button>
				</p>
			</div>
		</div>
	</div>
</main>

<footer class="footer-a grid-container">
	<p class="grid-width-100">
		CKEditor &ndash; The text editor for the Internet &ndash; <a class="samples" href="https://ckeditor.com/">https://ckeditor.com</a>
	</p>
	<p class="grid-width-100" id="copy">
		Copyright &copy; 2003-2021, <a class="samples" href="https://cksource.com/">CKSource</a> &ndash; Frederico Knabben. All rights reserved.
	</p>
</footer>

<script src="lib/codemirror/codemirror.js"></script>
<script src="lib/codemirror/javascript.js"></script>
<script src="lib/codemirror/show-hint.js"></script>

<script src="js/fulltoolbareditor.js"></script>
<script src="js/abstracttoolbarmodifier.js"></script>
<script src="js/toolbarmodifier.js"></script>
<script src="js/toolbartextmodifier.js"></script>
<script src="../js/sf.js"></script>

<script>
	( function() {
		'use strict';

		var mode = ( window.location.hash.substr( 1 ) === 'advanced' ) ? 'advanced' : 'basic',
			configuratorSection = CKEDITOR.document.findOne( 'main > .grid-container.configurator' ),
			basicInstruction = CKEDITOR.document.findOne( '#help-content .basic' ),
			advancedInstruction = CKEDITOR.document.findOne( '#help-content .advanced' ),

			// Configurator mode switcher.
			modeSwitchBasic = CKEDITOR.document.getById( 'radio-basic' ),
			modeSwitchAdvanced = CKEDITOR.document.getById( 'radio-advanced' );

		// Initial setup
		function updateSwitcher() {
			if ( mode === 'advanced' ) {
				modeSwitchAdvanced.$.checked = true;
			} else {
				modeSwitchBasic.$.checked = true;
			}
		}

		updateSwitcher();

		CKEDITOR.document.getWindow().on( 'hashchange', function( e ) {
			var hash = window.location.hash.substr( 1 );
			if ( !( hash === 'advanced' || hash === 'basic' ) ) {
				return;
			}
			mode = hash;
			onToolbarsDone( mode );
		} );

		CKEDITOR.document.getWindow().on( 'resize', function() {
			updateToolbar( ( mode === 'basic' ? toolbarModifier : toolbarTextModifier )[ 'editorInstance' ] );
		} );

		function onRefresh( modifier ) {
			modifier = modifier || this;

			if ( mode === 'basic' && modifier instanceof ToolbarConfigurator.ToolbarTextModifier ) {
				return;
			}

			// CodeMirror container becomes visible, so we need to refresh and to avoid rendering problems.
			if ( mode === 'advanced' && modifier instanceof ToolbarConfigurator.ToolbarTextModifier ) {
				modifier.codeContainer.refresh();
			}

			updateToolbar( modifier.editorInstance );
		}

		function updateToolbar( editor ) {
			var editorContainer = editor.container;

			// Not always editor is loaded.
			if ( !editorContainer ) {
				return;
			}

			var displayStyle = editorContainer.getStyle( 'display' );

			editorContainer.setStyle( 'display', 'block' );

			var newHeight = editorContainer.getSize( 'height' );

			var newMarginTop = parseInt( editorContainer.getComputedStyle( 'margin-top' ), 10 );
			newMarginTop = ( isNaN( newMarginTop ) ? 0 : Number( newMarginTop ) );

			var newMarginBottom = parseInt( editorContainer.getComputedStyle( 'margin-bottom' ), 10 );
			newMarginBottom = ( isNaN( newMarginBottom ) ? 0 : Number( newMarginBottom ) );

			var result = newHeight + newMarginTop + newMarginBottom;

			editorContainer.setStyle( 'display', displayStyle );

			editor.container.getAscendant( 'div' ).setStyle( 'height', result + 'px' );
		}

		var toolbarModifier = new ToolbarConfigurator.ToolbarModifier( 'editor-basic' );

		var done = 0;
		toolbarModifier.init( onToolbarInit );
		toolbarModifier.onRefresh = onRefresh;

		CKEDITOR.document.getById( 'toolbarModifierWrapper' ).append( toolbarModifier.mainContainer );

		var toolbarTextModifier = new ToolbarConfigurator.ToolbarTextModifier( 'editor-advanced' );
		toolbarTextModifier.init( onToolbarInit );
		toolbarTextModifier.onRefresh = onRefresh;

		function onToolbarInit() {
			if ( ++done === 2 ) {
				onToolbarsDone();

				positionSticky.watch( CKEDITOR.document.findOne( '.toolbar' ), function() {
					return mode === 'advanced';
				} );
			}
		}

		function onToolbarsDone() {
			if ( mode === 'basic' ) {
				toggleModeBasic( false );
			} else {
				toggleModeAdvanced( false );
			}

			updateSwitcher();

			setTimeout( function() {
				CKEDITOR.document.findOne( '.editors-container' ).addClass( 'active' );
				CKEDITOR.document.findOne( '#toolbarModifierWrapper' ).addClass( 'active' );
			}, 200 );
		}

		CKEDITOR.document.getById( 'toolbarModifierWrapper' ).append( toolbarTextModifier.mainContainer );

		function toogleModeSwitch( onElement, offElement, onModifier, offModifier ) {
			onElement.addClass( 'fancy-button-active' );
			offElement.removeClass( 'fancy-button-active' );

			onModifier.showUI();
			offModifier.hideUI();
		}

		function toggleModeBasic( callOnRefresh ) {
			callOnRefresh = ( callOnRefresh !== false );
			mode = 'basic';
			window.location.hash = '#basic';
			toogleModeSwitch( modeSwitchBasic, modeSwitchAdvanced, toolbarModifier, toolbarTextModifier );

			configuratorSection.removeClass( 'freed-width' );
			basicInstruction.show();
			advancedInstruction.hide();

			callOnRefresh && onRefresh( toolbarModifier );
		}

		function toggleModeAdvanced( callOnRefresh ) {
			callOnRefresh = ( callOnRefresh !== false );
			mode = 'advanced';
			window.location.hash = '#advanced';
			toogleModeSwitch( modeSwitchAdvanced, modeSwitchBasic, toolbarTextModifier, toolbarModifier );

			configuratorSection.addClass( 'freed-width' );
			advancedInstruction.show();
			basicInstruction.hide();

			callOnRefresh && onRefresh( toolbarTextModifier );
		}

		modeSwitchBasic.on( 'click', toggleModeBasic );
		modeSwitchAdvanced.on( 'click', toggleModeAdvanced );

		//
		// Position:sticky for the toolbar.
		//

		// Will make elements behave like they were styled with position:sticky.
		var positionSticky = {
			// Store object: {
			// 		element: CKEDITOR.dom.element, // Element which will float.
			// 		placeholder: CKEDITOR.dom.element, // Placeholder which is place to prevent page bounce.
			// 		isFixed: boolean // Whether element float now.
			// }
			watched: [],

			active: [],

			staticContainer: null,

			init: function() {
				var element = CKEDITOR.dom.element.createFromHtml(
					'<div class="staticContainer">' +
						'<div class="grid-container" >' +
							'<div class="grid-width-100">' +
								'<div class="inner"></div>' +
							'</div>' +
						'</div>' +
					'</div>' );

				this.staticContainer = element.findOne( '.inner' );

				CKEDITOR.document.getBody().append( element );
			},

			watch: function( element, preventFunc ) {
				this.watched.push( {
					element: element,
					placeholder: new CKEDITOR.dom.element( 'div' ),
					isFixed: false,
					preventFunc: preventFunc
				} );
			},

			checkAll: function() {
				for ( var i = 0; i < this.watched.length; i++ ) {
					this.check( this.watched[ i ] );
				}
			},

			check: function( element ) {
				var isFixed = element.isFixed;
				var shouldBeFixed = this.shouldBeFixed( element );

				// Nothing to be done.
				if ( isFixed === shouldBeFixed ) {
					return;
				}

				var placeholder = element.placeholder;

				if ( isFixed ) {
					// Unfixing.

					element.element.insertBefore( placeholder );
					placeholder.remove();

					element.element.removeStyle( 'margin' );

					this.active.splice( CKEDITOR.tools.indexOf( this.active, element ), 1 );

				} else {
					// Fixing.
					placeholder.setStyle( 'width', element.element.getSize( 'width' ) + 'px' );
					placeholder.setStyle( 'height', element.element.getSize( 'height' ) + 'px' );
					placeholder.setStyle( 'margin-bottom', element.element.getComputedStyle( 'margin-bottom' ) );
					placeholder.setStyle( 'display', element.element.getComputedStyle( 'display' ) );
					placeholder.insertAfter( element.element );

					this.staticContainer.append( element.element );

					this.active.push( element );
				}

				element.isFixed = !element.isFixed;
			},

			shouldBeFixed: function( element ) {
				if ( element.preventFunc && element.preventFunc() ) {
					return false;
				}

				// If element is already fixed we are checking it's placeholder.
				var related = ( element.isFixed ? element.placeholder : element.element ),
					clientRect = related.$.getBoundingClientRect(),
					staticHeight = this.staticContainer.getSize('height' ),
					elemHeight = element.element.getSize( 'height' );

				if ( element.isFixed ) {
					return ( clientRect.top + elemHeight < staticHeight );
				} else {
					return ( clientRect.top < staticHeight );
				}
			}
		};

		positionSticky.init();

		CKEDITOR.document.getWindow().on( 'scroll',
			CKEDITOR.tools.eventsBuffer( 100, positionSticky.checkAll, positionSticky ).input
		);

		// Make the toolbar sticky.
		positionSticky.watch( CKEDITOR.document.findOne( '.editors-container' ) );

		// Help button and help-content.
		( function() {
			var helpButton = CKEDITOR.document.getById( 'help' ),
				helpContent = CKEDITOR.document.getById( 'help-content' );

			// Don't show help button on IE8 because it's unsupported by Pico Modal.
			if ( CKEDITOR.env.ie && CKEDITOR.env.version == 8 ) {
				helpButton.hide();
			} else {
				// Display help modal when the button is clicked.
				helpButton.on( 'click', function( evt ) {
					SF.modal( {
						// Clone modal content from DOM.
						content: helpContent.getHtml(),

						afterCreate: function( modal ) {
							// Enable modal content button to close the modal.
							new CKEDITOR.dom.element( modal.modalElem() ).findOne( '.help-content-close' ).once( 'click', modal.close );
						}
					} ).show();
				} );
			}
		} )();
	} )();
</script>
</body>
</html>