Fixed grammar errors for T4517

Author: gologames

docs/Add-Survey-Creator-into-your-Web-Page.md

@@ -73,7 +73,7 @@ Load Survey from SurveyJS Service
 
 ```javascript
 var options = {
- // show the embeded survey tab. It is hidden by default
+ // show the embedded survey tab. It is hidden by default
  showEmbededSurveyTab : true,
  // hide the test survey tab. It is shown by default
  showTestSurveyTab : false,

docs/Build-Component-Questions.md

@@ -164,7 +164,7 @@ Survey.ComponentCollection.Instance.add({
       category: "general",
     });
   },
-  //SurveyJS calls this function after creating new question and loading it's properties from JSON
+  //SurveyJS calls this function after creating new question and loading it properties from JSON
   //It calls in runtime and at design-time (after loading from JSON) and pass the current component/root question as parameter
   onLoaded(question) {
     this.changeMiddleVisibility(question);
@@ -292,14 +292,14 @@ Survey.ComponentCollection.Instance.add({
     );
     //On changing business address value
     businessAddress.valueChangedCallback = function () {
-      //If shipping address same as business is choosen then
+      //If shipping address same as business is chosen then
       if (shippingSameAsBusiness.value == true) {
         shippingAddress.value = businessAddress.value;
       }
     };
     //On changing address same as business
     shippingSameAsBusiness.valueChangedCallback = function () {
-      //If shipping address same as business is choosen then copy value from business address, otherwise clear the value
+      //If shipping address same as business is chosen then copy value from business address, otherwise clear the value
       shippingAddress.value =
         shippingSameAsBusiness.value == true ? businessAddress.value : "";
     };
@@ -422,14 +422,14 @@ Survey.ComponentCollection.Instance.add({
     );
     //On changing business address value
     businessAddress.valueChangedCallback = function () {
-      //If shipping address same as business is choosen then
+      //If shipping address same as business is chosen then
       if (shippingSameAsBusiness.value == true) {
         shippingAddress.value = businessAddress.value;
       }
     };
     //On changing address same as business
     shippingSameAsBusiness.valueChangedCallback = function () {
-      // //If shipping address same as business is choosen then copy value from business address, otherwise clear the value
+      // //If shipping address same as business is chosen then copy value from business address, otherwise clear the value
       shippingAddress.value =
         shippingSameAsBusiness.value == true ? businessAddress.value : "";
     };
@@ -653,7 +653,7 @@ Go to live [ordertable component](https://surveyjs.io/Examples/Survey-Creator?id
 
 We can solve the previous task by using matrix dynamic question. End-user will have to add/remove rows to add/remove order items.
 
-Unfortunately, end-user could not build this type of survey in SurveyJS Creator. It requries to write JavaScript code and handle several events. The working example you can find [here](https://surveyjs.io/Examples/Library?id=questiontype-matrixdynamic-totals).
+Unfortunately, end-user could not build this type of survey in SurveyJS Creator. It requires to write JavaScript code and handle several events. The working example you can find [here](https://surveyjs.io/Examples/Library?id=questiontype-matrixdynamic-totals).
 
 
 ```javascript
@@ -839,8 +839,8 @@ Go to live [ordergrid component](https://surveyjs.io/Examples/Survey-Creator?id=
 ## Component registration API
 
 To register a new component, you have to add to into _Survey.ComponentCollection.Instance_ singleton a json with at least two attributes:
-* name - unique name accross all SurveyJS classes.
-* questionJSON or elementsJSON - a wrapper question JSON or the JSON list of elements (questions and panels).
+* name ― unique name across all SurveyJS classes.
+* questionJSON or elementsJSON ― a wrapper question JSON or the JSON list of elements (questions and panels).
 
 ### The full list of parameters
 
@@ -867,7 +867,7 @@ Survey.ComponentCollection.Instance.add({
   iconName: iconName,
   /**
    * This attribute or elementsJSON or createQuestion()/createElements() function should not be empty. 
-   * Please note, only one of these two attributes and two functions is requried and expected.
+   * Please note, only one of these two attributes and two functions is required and expected.
    * You need to use this attribute if you need just one question and you want to set-up it in JSON.
    * This JSON creates dropdown with choices from 2020 till 1970.
    */
@@ -933,14 +933,14 @@ Survey.ComponentCollection.Instance.add({
     var shippingSameAsBusiness = question.contentPanel.getQuestionByName("shippingSameAsBusiness");
     //On changing business address value
     businessAddress.valueChangedCallback = function () {
-      //If shipping address same as business is choosen then
+      //If shipping address same as business is chosen then
       if (shippingSameAsBusiness.value == true) {
         shippingAddress.value = businessAddress.value;
       }
     };
     //On changing address same as business
     shippingSameAsBusiness.valueChangedCallback = function () {
-      //If shipping address same as business is choosen then copy value from business address, otherwise clear the value
+      //If shipping address same as business is chosen then copy value from business address, otherwise clear the value
       shippingAddress.value =
         shippingSameAsBusiness.value == true ? businessAddress.value : "";
     };

docs/Create-Custom-Widget.md

@@ -490,7 +490,7 @@ var customWidgetJSON = {
    */ 
   iconName: iconName,
   /**
-   * This function is requried if you are going to introduce a new question type
+   * This function is required if you are going to introduce a new question type
    * and register it on SurveyJS Creator toolbox.
    * It should return true, when all needed resources (javascript and css files) are loaded
    */
@@ -499,7 +499,7 @@ var customWidgetJSON = {
   },
   /**
    * This function returns true when we decided to apply our widget to the question.
-   * This function is requried.
+   * This function is required.
    * SurveyJS Library allows to apply only one custom widget to a question.
    * If there are several custom widgets that can be applied to the same question,
    * then the first custom widget in the custom widget collection wins.

docs/Survey-Creator-Overview.md

@@ -18,7 +18,7 @@ If you want to get the most from our Survey Creator, then we hope that the follo
 * [Customize SurveyJS Elements Editor](#elementseditor)
 * [Modify new created objects (Questions, Panels, Pages, Columns and Items)](#modifynewobjects)
 * [Accessing Surveys instance: designer and test surveys](#accesssurveys)
-* [Adorners - change element properties on it's designer surface](#adorners)
+* [Adorners ― change element properties on its designer surface](#adorners)
 
 
 <div id="platforms"></div>
@@ -107,7 +107,7 @@ There are several options that you may set to change the Survey Creator behavior
 
 ## Load and Save Survey
 
-To load the Survey Definition into the Survey Creator you have to simply set it's text property. The next line load the Survey Definition from the local storage:
+To load the Survey Definition into the Survey Creator you have to simply set its text property. The next line load the Survey Definition from the local storage:
 ```javascript
 //Load the survey definition from a local storage
 surveyCreator.text = window.localStorage.getItem("YourStorageName") || "";
@@ -121,9 +121,9 @@ surveyCreator.saveSurveyFunc = function(saveNo, callback) {
 };
 ```
 
-The first line in this callback function is obvious. The second one tells Survey Creator that the saving operation **#saveNo** was successfully execuated. Set the last parameter of the callback function to **false**, if an error during saving was happend.
+The first line in this callback function is obvious. The second one tells Survey Creator that the saving operation **#saveNo** was successfully execuated. Set the last parameter of the callback function to **false**, if an error during saving was happened.
 
-The reason it is done as a callback function and we have a **saveNo** parameter (the numeric parameter that increase with every saving operation, starting from 1), because in a real world application, you will likely save the Survey definition into your Storage/Database. You will make an asyn call of your web service. It means that if two saving operations are happened almost at the same time, the last operation may be processed by your server code faster than the previous one. In this case you will have to ignore all saving operations that has the **saveNo** parameter less than you have already proccessed.
+The reason it is done as a callback function and we have a **saveNo** parameter (the numeric parameter that increase with every saving operation, starting from 1), because in a real world application, you will likely save the Survey definition into your Storage/Database. You will make an asyn call of your web service. It means that if two saving operations are happened almost at the same time, the last operation may be processed by your server code faster than the previous one. In this case you will have to ignore all saving operations that has the **saveNo** parameter less than you have already processed.
 
 Here is the example of **saveSurveyFunc** callback implementation (with help of jQuery magic).
 ```javascript
@@ -251,7 +251,7 @@ Here is the list of available default question types.
 |matrixdynamic|Matrix dymanic question. You may use a dropdown, checkbox, radiogroup, text and comment questions as a cell editors. An end-user may dynamically add/remove rows, unlike in matrix dropdown question|
 |multipletext|Multiple text question. Several text inputs in one question can be placed in one or several columns|
 |panel|Container element. It may contain questions and other panels.|
-|paneldynamic|Panel dymanic question. You setup the template panel, but adding elements (any question or a panel) and assign a text to it's title, and this panel will be used as a template on creating dynamic panels. The number of panels is defined by panelCount property. An end-user may dynamically add/remove panels, unless you forbidden this.|
+|paneldynamic|Panel dymanic question. You setup the template panel, but adding elements (any question or a panel) and assign a text to its title, and this panel will be used as a template on creating dynamic panels. The number of panels is defined by panelCount property. An end-user may dynamically add/remove panels, unless you forbidden this.|
 |radiogroup|Radiogroup question. A single choice question.|
 |rating|Rating question|
 |text|Input text question|
@@ -322,7 +322,7 @@ You may change the name of the default (General) category as any other localizab
 SurveyCreator.defaultStrings.ed.toolboxGeneralCategory = "Common";
 ```
 
-To allow expaned more then one category, set the property **allowExpandMultipleCategories** to true.
+To allow expand more than one category, set the property **allowExpandMultipleCategories** to true.
 If you want to keep all your categories always expanded, then set the following property **keepAllCategoriesExpanded** property to true.
 ```javascript
 creator.toolbox.allowExpandMultipleCategories = true;
@@ -547,7 +547,7 @@ The property name. It is the only required property.
 ---
 **type**
 
-The property type. The list of avaiable property types you may in the next.
+The property type. The list of available property types you may in the next.
 
 ---
 **default**
@@ -665,7 +665,7 @@ Survey.Serializer.addProperty("text", {
 ---
 **visibleIndex**
 
-Available since v1.5.4. An optional numeric property. By default, it is -1. Set it to 0 or bigger number to change the the property order inside the category in Element Editor.
+Available since v1.5.4. An optional numeric property. By default, it is -1. Set it to 0 or bigger number to change the property order inside the category in Element Editor.
 
 ```javascript
 //Add description property into survey object and show it in general category as third property editor.
@@ -692,7 +692,7 @@ The following code creates new property and new category "Entity" and make this
 ```javascript
 Survey.Serializer.addProperty("question", {
   name: "targetEntity", category: "Entity", categoryIndex: 1
-  choices: ["", "Account", "Developement"]
+  choices: ["", "Account", "Development"]
 });
 ```
 
@@ -759,7 +759,7 @@ We will create a new "Entity" category and place two properties into it.
 ```javascript
 Survey.Serializer.addProperty("question", {
   name: "targetEntity",
-  choices: ["", "Account", "Developement"],
+  choices: ["", "Account", "Development"],
   category: "Entity",
   categoryIndex: 1
 });
@@ -857,11 +857,11 @@ It is an optional attribute. You may assign a function to set a different object
 ```
 ---
 
-Avaliable property types. Every property type has a correspondet Property Editor.
+Available property types. Every property type has a correspondet Property Editor.
 
 |Name|Description|
 |---|---|
-|string|It is the default value type. Property editor is a text input. "myProperty" and "myProperty:string" - give the same result.|
+|string|It is the default value type. Property editor is a text input. "myProperty" and "myProperty:string" ― give the same result.|
 |boolean|Boolean type. Property editor is a checkbox.|
 |condition|It shows property editor that helps to build a boolean expression for properties like **visibleIf** and **enabledIf**|
 |expression|It shows property editor that helps to build the expression|
@@ -924,7 +924,7 @@ editorDefinition.tabs = editorDefinition.tabs.filter(function (tab) {
 });
 ```
 
-If you want to hide the the same tab for dropdown question Editor only, then you have to add this tab with visible attribute equals to false. The reason you must to do it in this way, beacause the definition for every element type is merging with all its parent types.
+If you want to hide the same tab for dropdown question Editor only, then you have to add this tab with visible attribute equals to false. The reason you must to do it in this way, beacause the definition for every element type is merging with all its parent types.
 ```javascript
 var editorDefinition = SurveyCreator.SurveyQuestionEditorDefinition.definition["dropdown"];
 // The tabs and properties may be empty for an element type.
@@ -1051,7 +1051,7 @@ surveyCreator.onTestSurveyCreated.add(function(sender, options) {
 
 <div id="adorners"></div>
 
-## Adorners - change element properties on it's designer surface
+## Adorners ― change element properties on its designer surface
 
 Working on end-user usability issues, we have introduced adorners concepts in spring 2018. End-users were trying to modify SurveyJS elements (questions and panels) directly in designer surface and do not use Property Grid or Question/Panel Editors.
 
@@ -1083,7 +1083,7 @@ _Dropdown question standard adorners_
 |panel-actions|panel|It has several actions as: showing Panel Editor, delete panel, copy panel and others|
 |rating-item|rating question|It allows to add a new rating item, delete the existing and change rating item text|
 |select-choices|dropdown question|a link that show/hide the choices, so a end-user is able to edit them|
-|item-title|multiple text question|In-place editing a mutliple text item title|
+|item-title|multiple text question|In-place editing a multiple text item title|
 |label|boolean question|In-place editing of boolean question label|
 
 There are a lot of actions in "question-actions" and "panel-actions" adorners. You may additionally control them by removing the functionality for all of them or for an element by using **onElementAllowOperations** event.

src/adorners/image-items.ts

@@ -38,11 +38,11 @@ class ImageItemInplaceEditor {
       "svda-choose-file"
     )[0];
     fileInput.value = "";
-    fileInput.onchange = this.imageChoosen;
+    fileInput.onchange = this.imageChosen;
     fileInput.click();
   }
 
-  imageChoosen = event => {
+  imageChosen = event => {
     var input = this.itemsRoot.getElementsByClassName("svda-choose-file")[0];
     if (!window["FileReader"]) return;
     if (!input || !input.files || input.files.length < 1) return;

src/adorners/image.ts

@@ -1,8 +1,7 @@
 import * as ko from "knockout";
 import * as Survey from "survey-knockout";
-import { registerAdorner, SurveyForDesigner } from "../surveyjsObjects";
+import { registerAdorner } from "../surveyjsObjects";
 import { editorLocalization } from "../editorLocalization";
-import { SurveyCreator } from "../editor";
 
 import "./image.scss";
 import { QuestionImageModel } from "survey-knockout";
@@ -13,15 +12,15 @@ class ImageInplaceEditor {
 
   chooseImage(model, event) {
     model.input.value = "";
-    model.input.onchange = model.imageChoosen;
+    model.input.onchange = model.imageChosen;
     model.input.click();
   }
 
   deleteImage(model, event) {
     model.valueChanged && model.valueChanged(undefined);
   }
 
-  imageChoosen = (event) => {
+  imageChosen = (event) => {
     if (!window["FileReader"]) return;
     if (!this.input || !this.input.files || this.input.files.length < 1) return;
     let files = [];

src/components/toolbox.ts

@@ -12,15 +12,15 @@ var template = require("html-loader?interpolate!val-loader!./toolbox.html");
  */
 export interface IQuestionToolboxItem {
   /**
-   * An unique name
+   * A unique name
    */
   name: string;
   /**
    * Icon name
    */
   iconName: string;
   /**
-   * The JSON that used to create a new question/panel. The 'type' attribute is requried.
+   * The JSON that used to create a new question/panel. The 'type' attribute is required.
    */
   json: any;
   /**
@@ -245,7 +245,7 @@ export class QuestionToolbox {
     return true;
   }
   /**
-   * Remove a toolbox item by it's name
+   * Remove a toolbox item by its name
    * @param name toolbox item name
    * @see IQuestionToolboxItem
    */