chore(common): rename functions to code

Author: marin-bratanov

_contentTemplates/chart/link-to-basics.md

@@ -24,7 +24,7 @@ Bar and Column charts can take the color of the series item from the `ColorField
 	</TelerikChartLegend>
 </TelerikChart>
 
-@functions {
+@code {
 	public class MyChartDataModel
 	{
 		public string Category { get; set; }

_contentTemplates/common/get-started.md

@@ -101,7 +101,7 @@ To get access to the UI for Blazor components, follow these steps:
 
         @helloString
 
-        @functions {
+        @code {
            MarkupString helloString;
 
            void SayHelloHandler()

common-features/input-validation.md

@@ -68,7 +68,7 @@ Simple textbox-like inputs do not have any special behavior. You need to bind th
 	<button type="submit">Submit</button>
 </EditForm>
 
-@functions {
+@code {
 	// Usually this class would be in a different file
 	public class Person
 	{
@@ -128,7 +128,7 @@ The DropDownList always has an item selected - the first item from its data sour
 	<button type="submit">Submit</button>
 </EditForm>
 
-@functions {
+@code {
 	// Usually the model classes would be in different files
 	public class Person
 	{

components/animationcontainer/overview.md

@@ -27,7 +27,7 @@ To use the animation container, add the `TelerikAnimationContainer` tag.
 
 <TelerikButton OnClick="@ToggleContainer">Toggle Animation Container</TelerikButton>
 
-@functions {
+@code {
 	public bool Shown { get; set; } = false;
 
 	public void ToggleContainer()
@@ -79,7 +79,7 @@ The animation container exposes the following properties:
 
 <TelerikButton OnClick="@ToggleContainer">Toggle Animation Container</TelerikButton>
 
-@functions {
+@code {
 	public bool Shown { get; set; } = false;
 	public AnimationType AnimType { get; set; } = AnimationType.Fade;
 	public void ToggleContainer()

components/button/overview.md

@@ -37,7 +37,7 @@ To add a Telerik Button to your Blazor app, use the `<TelerikButton>` tag:
 
 <TelerikButton ref="@theButton">Hello!</TelerikButton>
 
-@functions{
+@code{
 	Telerik.Blazor.Components.Button.TelerikButton theButton;
 }
 ````
@@ -55,7 +55,7 @@ To attach a click handler, use the `OnClick` attribute and define the method in
 
 @someVariable
 
-@functions {
+@code {
 	MarkupString someVariable;
 
 	void myHandler()

components/calendar/navigation.md

@@ -28,7 +28,7 @@ The user starts in April 2019 and can navigate between January 2019 and July 201
 <br />
 
 <TelerikCalendar Date="@startDate" View="@CalendarView.Month" Min="@minDate" Max="@maxDate"></TelerikCalendar>
-@functions {
+@code {
 	DateTime startDate = new DateTime(2019, 4, 1);
 	DateTime minDate = new DateTime(2019, 1, 1);
 	DateTime maxDate = new DateTime(2019, 7, 31);
@@ -69,7 +69,7 @@ The user starts in the Decade view and can only go down to years.
 
 The selected date is: @selectedDate
 
-@functions {
+@code {
 	private DateTime min = new DateTime(2015, 1, 1);
 	private DateTime max = new DateTime(2025, 12, 31);
 	private string selectedDate = "";
@@ -99,7 +99,7 @@ You can make the Calendar component move to a certain date and view through its
 <TelerikButton OnClick="@NavigateCalendarProgrammatically">Go to new date and view</TelerikButton>
 <TelerikCalendar Date="@startDate" Max="@maxDate" Min="@minDate" View="@Telerik.Blazor.CalendarView.Decade" ref="@theCalendar"></TelerikCalendar>
 
-@functions{
+@code{
 	DateTime startDate = new DateTime(2345, 11, 22);
 	DateTime maxDate = new DateTime(2400, 11, 22);
 	DateTime minDate = new DateTime(1800, 11, 22);

components/calendar/overview.md

@@ -26,7 +26,7 @@ To use a Telerik Calendar for Blazor, add the `TelerikCalendar` tag.
 <br />
 The selected date is: @selectedDate
 
-@functions {
+@code {
 
     private DateTime min = new DateTime(2015, 1, 1);
     private DateTime max = new DateTime(2025, 12, 31);
@@ -53,7 +53,7 @@ The selected date is: @selectedDate
 <TelerikCalendar ref="@myCalendarReference">
 </TelerikCalendar>
 
-@functions {
+@code {
 	Telerik.Blazor.Components.Calendar.TelerikCalendar myCalendarReference;
 }
 ````

components/calendar/selection.md

@@ -71,7 +71,7 @@ The user will not be able to select the first and second of April 2019.
 	</ul>
 }
 
-@functions {
+@code {
 	private DateTime startDate = new DateTime(2019, 4, 1);//set the initial date of the calendar
 
 	//set dates the user can't select

components/chart/data-bind.md

@@ -46,7 +46,7 @@ With this approach, the items in each series are independent from the other seri
 	</TelerikChartCategoryAxes>
 </TelerikChart>
 
-@functions {
+@code {
 	public List<object> data1 = new List<object>() { 1, 2, 3, 4 };
 	public List<object> data2 = new List<object>() { 2, 3, 4, 5 };
 	public string[] xAxisItems = new string[] { "Q1", "Q2", "Q3", "Q4" };
@@ -84,7 +84,7 @@ With this, the items from the series will be matched to the items (categories) o
 	</TelerikChartSeriesItems>
 </TelerikChart>
 
-@functions {
+@code {
 	public class MyDataModel
 	{
 		public string MySharedCategories { get; set; }
@@ -122,7 +122,7 @@ With this, the items from the series will be matched to the items (categories) o
 	</TelerikChartSeriesItems>
 </TelerikChart>
 
-@functions {
+@code {
 	public class MyDataModel
 	{
 		public string FirstSeriesCategories { get; set; }
@@ -163,7 +163,7 @@ With this, the items from the series will be matched to the items (categories) o
 	</TelerikChartSeriesItems>
 </TelerikChart>
 
-@functions {
+@code {
 	public class MyDataModel
 	{
 		public string FirstSeriesCategories { get; set; }
@@ -215,7 +215,7 @@ For example, you can take the data for some series from a complex model, and the
 	</TelerikChartCategoryAxes>
 </TelerikChart>
 
-@functions {
+@code {
 	public List<object> standaloneData = new List<object>() { 3, 4, 5, 6 };
 	public string[] xAxisItems = new string[] { "Q1", "Q2", "Q3", "Q4" };
 
@@ -260,7 +260,7 @@ For example, you can take the data for some series from a complex model, and the
 	</TelerikChartCategoryAxes>
 </TelerikChart>
 
-@functions {
+@code {
 	public List<object> standaloneData = new List<object>() { 3, 4, 5, 6 };
 
 	//the standalone categories will be ignored if they are data bound from a series configuration

components/chart/labels-template-and-format.md

@@ -42,7 +42,7 @@ Where the labels are numerical (series values, the value axis), you can format t
 	</TelerikChartLegend>
 </TelerikChart>
 
-@functions {
+@code {
 	public class MyChartDataModel
 	{
 		public double TheValue { get; set; }
@@ -116,7 +116,7 @@ To add a new line, use the `\n` symbol.
 	</TelerikChartLegend>
 </TelerikChart>
 
-@functions {
+@code {
 	public string MySeriesTemplate = "value: #=value#\nfor category: #=category#\nextra info: #=dataItem.ExtraData#";
 	public string MyCategoryAxisTemplate = "#=value# quarter";
 	public string MyValueAxisTemplate = "#=value# million";