Content - chore: typo cleanup in meli-melo (#2509)

Author: nschonni

méli-mélo/2021-04-gcaem/combobox-en.html

@@ -1,6 +1,6 @@
 ---
 {
-	"title": "Canabis & Report a problem test page",
+	"title": "Cannabis & Report a problem test page",
 	"language": "en",
 	"dateModified": "2021-04-13",
 	"script": [
@@ -74,7 +74,7 @@
       <p>If you have questions about, ask away!</p>
       <ul>
 			<li data-wb-fieldflow='{"action":"redir", "url": "http://wet-boew.github.io/v4.0-ci/demos/data-ajax/data-ajax-en.html"}'>Inserting content</li>
-			<li data-wb-fieldflow='{"action":"redir", "url": "http://wet-boew.github.io/v4.0-ci/demos/lightbox/lightbox-en.html"}'>Photo galery</li>
+			<li data-wb-fieldflow='{"action":"redir", "url": "http://wet-boew.github.io/v4.0-ci/demos/lightbox/lightbox-en.html"}'>Photo gallery</li>
 			<li data-wb-fieldflow='{"action":"redir", "url": "http://wet-boew.github.io/v4.0-ci/demos/charts/charts-en.html"}'>Draw charts</li>
 			<li data-wb-fieldflow='{"action":"redir", "url": "http://wet-boew.github.io/v4.0-ci/demos/details/details-en.html"}'>Expand and collapse content</li>
 			<li data-wb-fieldflow='{"action":"redir", "url": "http://wet-boew.github.io/v4.0-ci/demos/equalheight/equalheight-en.html"}'>Set a consistant height</li>

méli-mélo/2021-04-gcaem/index.html

@@ -10,7 +10,7 @@
 	<li><a href="combobox-en.html">Combobox</a></li>
 </ul>
 
-<p>This méli-mélo project can be called throught the following attribute:</p>
+<p>This méli-mélo project can be called through the following attribute:</p>
 
 
 <pre><code>data-wb5-bind
@@ -85,4 +85,4 @@
 
 combobox-wrapper
 
-</code></pre>
+</code></pre>

méli-mélo/2021-04-gcaem/js/x-combobox.js

@@ -145,7 +145,7 @@ var componentName = "wb-combobox",
 				return ( matchChars / maxChars ) * 100;
 			}
 
-			// Check agains the pass Ratio
+			// Check against the pass Ratio
 			var result = similartextCheck( str1, str2 );
 			passRatio = parseInt( passRatio );
 			if ( result >= passRatio ) {
@@ -474,7 +474,7 @@ var componentName = "wb-combobox",
 
 			if ( typeof replacementValue === "object" ) {
 
-				// Stringfy the value
+				// Stringify the value
 				replacementValue = JSON.stringify( replacementValue );
 			}
 
@@ -526,7 +526,7 @@ var componentName = "wb-combobox",
 		el.ifConditions.push( condition );
 	},
 
-	// @tmplId going to be replated by the Real DOM template
+	// @tmplId going to be replaced by the Real DOM template
 	renderTemplate = function( dataObj, settings ) {
 
 		// Prepare the template
@@ -553,7 +553,7 @@ var componentName = "wb-combobox",
 
 		// Template cheat sheet
 		// 		Document.querySelector()
-		//		It only take the first occurence
+		//		It only take the first occurrence
 		//var cssSelectorsMapping = {
 		//	"CSS selector": "Property Name in the dataObj" // Need a modifier (like TextContent, ....)
 		//}
@@ -725,7 +725,7 @@ var componentName = "wb-combobox",
 				virtualLinearDOM[ frgItemId ] = dataObject;
 
 				// Add a class || data attribute to note it is a component
-				// - This is to be able to retreive the associated data on a event
+				// - This is to be able to retrieve the associated data on a event
 				i_cache.classList.add( "wb5React" );
 			}
 
@@ -739,7 +739,7 @@ var componentName = "wb-combobox",
 			// The fragment would replace the current element
 			elm.parentNode.insertBefore( tmpl, elm );
 
-			// Detach the current element - Eventually they could be completly removed
+			// Detach the current element - Eventually they could be completely removed
 			if ( !settings.hideSourceUI ) {
 				elm.id = wb.getId();
 				docFragmentSourceUI.appendChild( elm );
@@ -866,7 +866,7 @@ var componentName = "wb-combobox",
 
 		if ( idxOpen !== -1 && idxClose !== -1 && idxOpen + 1 !== idxClose ) {
 
-			// We have an internal functin
+			// We have an internal function
 
 			// Extract in between and re-process
 			var newPointer = pointer.substring( 0, idxOpen ),
@@ -1205,7 +1205,7 @@ var componentName = "wb-combobox",
 			if ( Array.isArray( val ) ) {
 
 				// Just make reactive those special properties
-				val.wbLen = parseInt( val.length ); // Length of the array (Updated before an iteration happend on it)
+				val.wbLen = parseInt( val.length ); // Length of the array (Updated before an iteration happened on it)
 				val.wbActive = 0; // Number of items that was identified being "True"
 
 				makeReactive( val, "wbLen", key );
@@ -1456,7 +1456,7 @@ $document.on( "keydown", "[role=combobox] input", function( evt ) {
 			$( options[ activeIndex ] ).trigger( "wb.select" );
 
 			hideListbox();
-			evt.preventDefault(); // Need to prevent default here because when the combobox is within a form, the form are submited
+			evt.preventDefault(); // Need to prevent default here because when the combobox is within a form, the form are submitted
 			return;
 		case KeyCode.TAB:
 

méli-mélo/2021-04-gcaem/js/x-core-wb5.js

@@ -1,6 +1,6 @@
 /*
  WET 5.0 (early bird)
- @author: Goverment of Canada
+ @author: Government of Canada
  ======================================================== */
 ( function( $, document ) {
 "use strict";
@@ -90,7 +90,7 @@ $.fn.extend( {
 
 	/* ---------------------------------
 	@extension: rand
-	@returns: [collection] of randoms elements
+	@returns: [collection] of random elements
 	-------------------------------- */
 	rand: function( k ) {
 		var b = this,
@@ -151,7 +151,7 @@ $.fn.extend( {
 
 /* ---------------------------------
     Bind
-    @description: creates a referencable set of elements to a node
+    @description: creates a referenceable set of elements to a node
     @api
       - elements are extended with related function
         $elm.related( nodelist )

méli-mélo/2021-04-gcaem/js/x-wb5-charts.js

@@ -59,7 +59,7 @@ $( document ).on( "wb-ready.wb-charts", "[data-wb-charts-interactive]", function
 		tooltipid =  wb.getId().replace( /-/g, "" ),
 		template = $( action.selector ).html(),
 		decimals = ( action.options ) ? action.options : 1,
-		$chart = $table.prev(); // Because the charts is inserted immediatly before the table when it is not inside an expand collapse.
+		$chart = $table.prev(); // Because the charts is inserted immediately before the table when it is not inside an expand collapse.
 
 	$( "<div id='" + tooltipid + "' class='wbchrt-tpl'></div>" ).css( {
 		position: "absolute",

méli-mélo/2021-04-gcaem/js/x-wb5-datatable.js

@@ -6,7 +6,7 @@
 
 /*
  Global Helper functions
- @author: Goverment of Canada
+ @author: Government of Canada
  ======================================================== */
 
 /* ---------------------------------
@@ -70,7 +70,7 @@ $( document ).on( "draw.dt", ".wb-tables", function( evnt ) {
 } );
 
 /* Workaround for IE and Edge, which need the details polyfills
- * The source of the issue are unknow.
+ * The source of the issue are unknown.
  * Hypothesis: Is the polyfill get executed and then the datatable do a DOM mutation which remove the event handler previously added by the polyfill?
  */
 if ( !Modernizr.details ) {
@@ -307,7 +307,7 @@ $( document ).on( "keypress click", "[data-wbtbl-tagcloud] li button", function(
 } );
 
 /*
- * External event to refresh the table controler
+ * External event to refresh the table controller
  *
  * @param: isSelected Define if the search trigger a selection or not, undefined means true
  *
@@ -444,7 +444,7 @@ function applySearchFilter() {
  * data-wbtbl-post
  * @description post to a datable search columns via form elements
  * @param  {[event]}     evt
- * @return {[boolean]}     proceed to submite
+ * @return {[boolean]}     proceed to submit
  */
 $( document ).on( "submit", "[data-wbtbl-post]", function( ) {
 
@@ -461,7 +461,7 @@ $( document ).on( "submit", "[data-wbtbl-post]", function( ) {
  * data-wbtbl-post
  * @description post to a datable search columns via form elements
  * @param  {[event]}     evt
- * @return {[boolean]}     proceed to submite
+ * @return {[boolean]}     proceed to submit
  */
 $( document ).on( "reset", "[data-wbtbl-post]", function( ) {
 

méli-mélo/2021-04-gcaem/meta.md

@@ -14,7 +14,7 @@
 	},
 	"description": {
 		"en": "Isolation of custom CSS and JS code that was in the GCWeb version published on AEM",
-		"fr": "Isolation du code CSS et JS personalisé qui était inclus dans la version de GCWeb publié sur AEM"
+		"fr": "Isolation du code CSS et JS personnalisé qui était inclus dans la version de GCWeb publié sur AEM"
 	},
 	"modified": "2021-04-17",
 	"componentName": "2021-04-gcaem",

méli-mélo/2021-05-conjunction/a11y-1-conjunction.json

@@ -26,7 +26,7 @@
             "foaf:Organization"
         ],
         "earl:mainAssertor": {
-            "foaf:name": "Oakes Christopher (Github: @Christopher-O)",
+            "foaf:name": "Oakes Christopher (GitHub: @Christopher-O)",
             "foaf:homepage": "https://github.com/Christopher-O",
             "@type": [
                 "earl:Assertor",

méli-mélo/2021-05-conjunction/conjunction-doc-en.html

@@ -19,7 +19,7 @@ <h3 id="h-1-1" class="mrgn-tp-md">"Or" design</h3>
         <ul class="fa-ul">
           <li><span class="fa-li fas fa-check text-success"></span>Use to clearly demonstrate there are options</li>
           <li><span class="fa-li fas fa-check text-success"></span>Use to make the options, and number of options, easily scannable</li>
-          <li><span class="fa-li fas fa-check text-success"></span>Use to ensure a user can easily identify which block of content applies to them so they don't spend time reading unneccessary content, before they see the next option (which is the default experience when content is stacked vertically)</li>
+          <li><span class="fa-li fas fa-check text-success"></span>Use to ensure a user can easily identify which block of content applies to them so they don't spend time reading unnecessary content, before they see the next option (which is the default experience when content is stacked vertically)</li>
         </ul>
       </div>
       <div class=" col-sm-6">

méli-mélo/2021-05-conjunction/index.html

@@ -6,7 +6,7 @@
 css:
 - and-or.css
 ---
-<p>Providing a more visual seperation between two decision points by a visual cue (or) based on user testing.  Also provide a connecting conjunction to show two parts are connected (and).</p>
+<p>Providing a more visual separation between two decision points by a visual cue (or) based on user testing.  Also provide a connecting conjunction to show two parts are connected (and).</p>
 
 <nav>
 	<h2 class="h5">Table of content</h2>