Merge pull request #1584 from NativeScript/tgpetrov/pro-ui-enums-update

style: pro ui enums usage update

Author: tgpetrov

docs/ui/professional-ui-components/AutoCompleteTextView/autocomplete-completion-modes.md

@@ -12,10 +12,10 @@ publish: true
 
 **RadAutoCompleteTextView** has two modes for filtering suggestions. 
 
-- {% typedoc_link enums:CompletionMode,member:StartsWith %}
-- {% typedoc_link enums:CompletionMode,member:Contains %}
+- {% typedoc_link enums:AutoCompleteCompletionMode,member:StartsWith %}
+- {% typedoc_link enums:AutoCompleteCompletionMode,member:Contains %}
 
-The completion mode can be changed with the `completionMode` property of the RadAutoCompleteTextView. The default value is `StartsWith`.
+The completion mode can be changed with the {% typedoc_link classes:RadAutoCompleteTextView,member:completionMode %} property of the RadAutoCompleteTextView. The default value is {% typedoc_link enums:AutoCompleteCompletionMode,member:StartsWith %}.
 
 <snippet id='autocomplete-completion-mode'/>
 
@@ -24,9 +24,9 @@ The completion mode can be changed with the `completionMode` property of the Rad
 In `StartsWith` mode the autocomplete shows only suggestions that start with the typed phrase.
 
 ## Contains Mode
-In `Contains` mode the autocomplete shows only suggestions that contain the typed phrase.
-`Contains` mode is not intended to work with the `Append` and  `SuggestAppend` modes.
- Since both these modes append the rest of the suggestion to the typed text, the combination between them and `Contains` won't be helpful but rather confusing. 
+In `Contains` mode the autocomplete shows the suggestions that contain the typed phrase, but not necessarily in the beginning.
+The completion mode `Contains` is not intended to work with the `Append` and  `SuggestAppend`  suggest modes.
+ Since these suggest modes append the rest of the suggestion to the typed text, the combination between them and `Contains` won't be helpful but rather confusing. 
 
 ## References
 Want to see more examples using **RadAutoCompleteTextView**?
@@ -37,4 +37,4 @@ Check our SDK examples repository on GitHub. You will find this and a lot more p
 Related articles you might find useful:
 
 * [**Display Modes**]({% slug autocomplete-display-modes %})
-* [**Suggest Modes**]({% slug autocomplete-suggest-modes %})
+* [**Suggest Modes**]({% slug autocomplete-suggest-modes %})

docs/ui/professional-ui-components/AutoCompleteTextView/autocomplete-display-modes.md

@@ -12,34 +12,34 @@ publish: true
 
 **RadAutoCompleteTextView** has two predefined display modes.
 
-- {% typedoc_link enums:DisplayMode,member:Plain %}
-- {% typedoc_link enums:DisplayMode,member:Tokens %}
+- {% typedoc_link enums:AutoCompleteDisplayMode,member:Plain %}
+- {% typedoc_link enums:AutoCompleteDisplayMode,member:Tokens %}
 
-Display mode can be changed with the `displayMode` property of the **RadAutoCompleteTextView**. The default value is `Plain`.
+Display mode can be changed with the {% typedoc_link classes:RadAutoCompleteTextView,member:displayMode %} property of the **RadAutoCompleteTextView**. The default value is {% typedoc_link enums:AutoCompleteDisplayMode,member:Plain %}.
 
 <snippet id='autocomplete-display-mode'/>
 
 ## Plain Mode
-In plain mode **RadAutoCompleteTextView** displays chosen item as plain text. When this mode only one item can be chosen.
+In plain mode **RadAutoCompleteTextView** displays chosen item as plain text. With this mode only one item can be chosen.
 
 ## Tokens Mode
 Tokens mode allows multiple choice of items. Chosen items are displayed as tokens which can be modified or completely changed with custom ones.
 
-When **RadAutoCompleteTextView** is working in DisplayMode.Tokens mode, you can apply two different behaviors for token arrangement.
+When **RadAutoCompleteTextView**'s `displayMode` is `Tokens`, you can apply two different behaviors for token arrangement.
 
-- {% typedoc_link enums:LayoutMode,member:Horizontal %}
-- {% typedoc_link enums:LayoutMode,member:Wrap %}
+- {% typedoc_link enums:AutoCompleteLayoutMode,member:Horizontal %}
+- {% typedoc_link enums:AutoCompleteLayoutMode,member:Wrap %}
 
-The layout mode of the tokens can be changed with the `layoutMode` property of the **RadAutoCompleteTextView**.
-The default value is `Wrap`.
+The layout mode of the tokens can be changed with the {% typedoc_link enums:RadAutoCompleteTextView,member:layoutMode %} property.
+The default value of this property is {% typedoc_link enums:AutoCompleteLayoutMode,member:Wrap %}.
 
 <snippet id='autocomplete-layout-mode'/>
 
 ## Wrap Layout
 In wrap mode tokens are arranged on multiple lines. Every  time a new line is started the **RadAutoCompleteTextView** is expanding in order to show all tokens.
 
 ## Horizontal Layout
-In horizontal layout tokens are displayed on single line which can be scrolled horizontally in order to display all tokens.
+In horizontal mode tokens are displayed on single line which can be scrolled horizontally in order to display all tokens.
 
 ## References
 Want to see more examples using **RadAutoCompleteTextView**?
@@ -50,4 +50,4 @@ Check our SDK examples repository on GitHub. You will find this and a lot more p
 Related articles you might find useful:
 
 * [**Completion Modes**]({% slug autocomplete-completion-modes %})
-* [**Suggest Modes**]({% slug autocomplete-suggest-modes %})
+* [**Suggest Modes**]({% slug autocomplete-suggest-modes %})

docs/ui/professional-ui-components/AutoCompleteTextView/autocomplete-suggest-modes.md

@@ -12,11 +12,11 @@ publish: true
 
 **RadAutoCompleteTextView** has three different modes for providing suggestions. 
 
-- {% typedoc_link enums:SuggestMode,member:Suggest %}
-- {% typedoc_link enums:SuggestMode,member:Append %}
-- {% typedoc_link enums:SuggestMode,member:SuggestAppend %}
+- {% typedoc_link enums:AutoCompleteSuggestMode,member:Suggest %}
+- {% typedoc_link enums:AutoCompleteSuggestMode,member:Append %}
+- {% typedoc_link enums:AutoCompleteSuggestMode,member:SuggestAppend %}
 
-The suggest mode can be changed with the `suggestionMode` property of the TKAutoCompleteTextView. The default value is `Suggest`.
+The suggest mode can be changed with the {% typedoc_link classes:RadAutoCompleteTextView,member:suggestionMode %} property of the RadAutoCompleteTextView. The default value is {% typedoc_link enums:AutoCompleteSuggestMode,member:Suggest %}.
 
 <snippet id='autocomplete-suggest-mode'/>
 
@@ -39,4 +39,4 @@ Check our SDK examples repository on GitHub. You will find this and a lot more p
 Related articles you might find useful:
 
 * [**Display Modes**]({% slug autocomplete-display-modes %})
-* [**Completion Modes**]({% slug autocomplete-completion-modes %})
+* [**Completion Modes**]({% slug autocomplete-completion-modes %})

docs/ui/professional-ui-components/Calendar/Styling/month-view.md

@@ -20,8 +20,8 @@ There are some properties that change the month view :
 - `showTitle` - determines if title should be shown
 - `showWeekNumbers` - determines if week numbers should be shown
 - `showDayNames` - determines if day names should be shown
-- {% typedoc_link classes:CalendarMonthViewStyle,member:selectionShape %} - defines the decoration shape drawn in the center of a selected cell within the month view. Accepts values from the {% typedoc_link modules:SelectionShape %} module
-- {% typedoc_link classes:CalendarMonthViewStyle,member:selectionShapeSize %} - defines the size of the decoration shape drawn in the center of a selected cell within the month view. In case the shape is {% typedoc_link modules:SelectionShape,member:Square %} the property determines the side of the square draw. If the shape is {% typedoc_link modules:SelectionShape,member:Round %} the size determines the radius of the circle drawn
+- {% typedoc_link classes:CalendarMonthViewStyle,member:selectionShape %} - defines the decoration shape drawn in the center of a selected cell within the month view. Accepts values from the {% typedoc_link enums:CalendarSelectionShape %} enumeration
+- {% typedoc_link classes:CalendarMonthViewStyle,member:selectionShapeSize %} - defines the size of the decoration shape drawn in the center of a selected cell within the month view. In case the shape is {% typedoc_link enums:CalendarSelectionShape,member:Square %} the property determines the side of the square draw. If the shape is {% typedoc_link enums:CalendarSelectionShape,member:Round %} the size determines the radius of the circle drawn
 - {% typedoc_link classes:CalendarMonthViewStyle,member:selectionShapeColor %} - determines the color of the selection shape
 
 In order to style any type of the available cell in calendar you need to initialize the corresponding style property of `CalendarMonthViewStyle` class, that is used for this view mode:

docs/ui/professional-ui-components/Calendar/overview.md

@@ -21,11 +21,11 @@ publish: true
 ### View modes
 {% typedoc_link classes:RadCalendar %} supports four different view modes that are suitable for different application scenarios:
 
-- {% typedoc_link modules:CalendarViewMode,member:Week %} - displays the dates within one week
-- {% typedoc_link modules:CalendarViewMode,member:Month %} - displays the dates within one month
-- {% typedoc_link modules:CalendarViewMode,member:MonthNames %} - displays the months within a year
-- {% typedoc_link modules:CalendarViewMode,member:Year %} - displays a whole year
-- {% typedoc_link modules:CalendarViewMode,member:Day %} - displays a timeline for a day with its events
+- {% typedoc_link enums:CalendarViewMode,member:Week %} - displays the dates within one week
+- {% typedoc_link enums:CalendarViewMode,member:Month %} - displays the dates within one month
+- {% typedoc_link enums:CalendarViewMode,member:MonthNames %} - displays the months within a year
+- {% typedoc_link enums:CalendarViewMode,member:Year %} - displays a whole year
+- {% typedoc_link enums:CalendarViewMode,member:Day %} - displays a timeline for a day with its events
 
 For more information about View Modes take a look at the dedicated article: [Calendar view modes]({% slug calendar-view-modes %} "Read more about view modes of RadCalendar").
 

docs/ui/professional-ui-components/Calendar/populating-with-data.md

@@ -41,9 +41,9 @@ Running the application, the following is shown on iOS and Android:
 ## Event View Modes
 By default, events for each date cell are shown as dots (iOS) or squares with a summary (Android). You can customize this behavior by choosing one of the following event view modes:
 
-- {% typedoc_link modules:CalendarEventsViewMode,member:None %} - the default option
-- {% typedoc_link modules:CalendarEventsViewMode,member:Inline %} - event details are displayed in a list that appears in the calendar
-- {% typedoc_link modules:CalendarEventsViewMode,member:Popover %} - event details are displayed in a popup over the calendar
+- {% typedoc_link enums:CalendarEventsViewMode,member:None %} - the default option
+- {% typedoc_link enums:CalendarEventsViewMode,member:Inline %} - event details are displayed in a list that appears in the calendar
+- {% typedoc_link enums:CalendarEventsViewMode,member:Popover %} - event details are displayed in a popup over the calendar
 
 > All of these values are exposed by the {% typedoc_link enums:CalendarEventsViewMode %} enum defined in the calendar module.
 

docs/ui/professional-ui-components/Calendar/selection-modes.md

@@ -11,10 +11,10 @@ publish: true
 # RadCalendar Selection Modes
 {% typedoc_link classes:RadCalendar %} supports the following selection modes exposed by the {% typedoc_link enums:CalendarSelectionMode %} enum:
 
-- {% typedoc_link modules:CalendarViewMode,member:None %} - disables the selection in {% typedoc_link classes:RadCalendar %}
-- {% typedoc_link modules:CalendarViewMode,member:Single %} - allows selection of single date
-- {% typedoc_link modules:CalendarViewMode,member:Multiple %} - allows selection of several dates
-- {% typedoc_link modules:CalendarViewMode,member:Range %} - allows selection of a date range
+- {% typedoc_link enums:CalendarSelectionMode,member:None %} - disables the selection in {% typedoc_link classes:RadCalendar %}
+- {% typedoc_link enums:CalendarSelectionMode,member:Single %} - allows selection of single date
+- {% typedoc_link enums:CalendarSelectionMode,member:Multiple %} - allows selection of several dates
+- {% typedoc_link enums:CalendarSelectionMode,member:Range %} - allows selection of a date range
 
 To change the selection mode of {% typedoc_link classes:RadCalendar %} you should use the {% typedoc_link classes:RadCalendar,member:selectionMode %} property and set it to one of the aforementioned values.
 

docs/ui/professional-ui-components/Calendar/transition-modes.md

@@ -12,17 +12,17 @@ publish: true
 - {% typedoc_link classes:RadCalendar %} supports different animations when switching between months, weeks or years. These are also called *transitions*. Defining a transition is done by setting the - {% typedoc_link classes:RadCalendar,member:transitionMode %} property to one of the values enlisted by the `CalendarTransitionModes` enum.
 
 ## Available Transition Modes
-- {% typedoc_link modules:CalendarTransitionMode,member:None %} - Transitions with gestures are disabled and no animation is applied when transitioning programmatically. Available in iOS and Android.
-- {% typedoc_link modules:CalendarTransitionMode,member:Slide %} - Slide animation is applied when transitioning between views in *RadCalendar*. Available in iOS and Android.
-- {% typedoc_link modules:CalendarTransitionMode,member:Stack %} -  Stack animation is applied when transitioning between views in *RadCalendar*. Available in iOS and Android.
-- {% typedoc_link modules:CalendarTransitionMode,member:Flip %} -  Flip animation is applied when transitioning between views in *RadCalendar*. Available only in iOS.
-- {% typedoc_link modules:CalendarTransitionMode,member:Fold %} -  Fold animation is applied when transitioning between views in *RadCalendar*. Available only in iOS.
-- {% typedoc_link modules:CalendarTransitionMode,member:Float %} -  Float animation is applied when transitioning between views in *RadCalendar*. Available only in iOS.
-- {% typedoc_link modules:CalendarTransitionMode,member:Rotate %} -  Rotate animation is applied when transitioning between views in *RadCalendar*. Available only in iOS.
-- {% typedoc_link modules:CalendarTransitionMode,member:Plain %} -  Allows non inertial scrolling between views in *RadCalendar*. Available only in Android.
-- {% typedoc_link modules:CalendarTransitionMode,member:Free %} -  Allows inertial scrolling between views in *RadCalendar*. Available only in Android.
-- {% typedoc_link modules:CalendarTransitionMode,member:Combo %} -  Applies inertial slide animation when transitioning between views in *RadCalendar*. Available only in Android.
-- {% typedoc_link modules:CalendarTransitionMode,member:Overlap %} -  Views overlap when transitioning in *RadCalendar*. Available only in Android.
+- {% typedoc_link enums:CalendarTransitionMode,member:None %} - Transitions with gestures are disabled and no animation is applied when transitioning programmatically. Available in iOS and Android.
+- {% typedoc_link enums:CalendarTransitionMode,member:Slide %} - Slide animation is applied when transitioning between views in *RadCalendar*. Available in iOS and Android.
+- {% typedoc_link enums:CalendarTransitionMode,member:Stack %} -  Stack animation is applied when transitioning between views in *RadCalendar*. Available in iOS and Android.
+- {% typedoc_link enums:CalendarTransitionMode,member:Flip %} -  Flip animation is applied when transitioning between views in *RadCalendar*. Available only in iOS.
+- {% typedoc_link enums:CalendarTransitionMode,member:Fold %} -  Fold animation is applied when transitioning between views in *RadCalendar*. Available only in iOS.
+- {% typedoc_link enums:CalendarTransitionMode,member:Float %} -  Float animation is applied when transitioning between views in *RadCalendar*. Available only in iOS.
+- {% typedoc_link enums:CalendarTransitionMode,member:Rotate %} -  Rotate animation is applied when transitioning between views in *RadCalendar*. Available only in iOS.
+- {% typedoc_link enums:CalendarTransitionMode,member:Plain %} -  Allows non inertial scrolling between views in *RadCalendar*. Available only in Android.
+- {% typedoc_link enums:CalendarTransitionMode,member:Free %} -  Allows inertial scrolling between views in *RadCalendar*. Available only in Android.
+- {% typedoc_link enums:CalendarTransitionMode,member:Combo %} -  Applies inertial slide animation when transitioning between views in *RadCalendar*. Available only in Android.
+- {% typedoc_link enums:CalendarTransitionMode,member:Overlap %} -  Views overlap when transitioning in *RadCalendar*. Available only in Android.
 
 ## References
 Want to see this scenario in action?

docs/ui/professional-ui-components/Calendar/view-modes.md

@@ -9,13 +9,13 @@ publish: true
 ---
 
 # RadCalendar View Modes
-{% typedoc_link classes:RadCalendar %} supports four view mode types that are useful in different application scenarios. Setting a view mode is done via the {% typedoc_link classes:RadCalendar,member:viewMode %} property. This property accepts values defined in the {% typedoc_link modules:CalendarViewMode %} enum. The following view modes are available:
+{% typedoc_link classes:RadCalendar %} supports view mode types that can be useful in different application scenarios. Setting a view mode is done via the {% typedoc_link classes:RadCalendar,member:viewMode %} property. This property accepts values defined in the {% typedoc_link enums:CalendarViewMode %} enum. The following view modes are available:
 
-- {% typedoc_link modules:CalendarViewMode,member:Week %} - displays the dates within one week
-- {% typedoc_link modules:CalendarViewMode,member:Month %} - displays the dates within one month
-- {% typedoc_link modules:CalendarViewMode,member:MonthNames %} - displays the months within a year
-- {% typedoc_link modules:CalendarViewMode,member:Year %} - displays a whole year
-- {% typedoc_link modules:CalendarViewMode,member:Day %} - displays a timeline for a day with its events
+- {% typedoc_link enums:CalendarViewMode,member:Week %} - displays the dates within one week
+- {% typedoc_link enums:CalendarViewMode,member:Month %} - displays the dates within one month
+- {% typedoc_link enums:CalendarViewMode,member:MonthNames %} - displays the months within a year
+- {% typedoc_link enums:CalendarViewMode,member:Year %} - displays a whole year
+- {% typedoc_link enums:CalendarViewMode,member:Day %} - displays a timeline for a day with its events
 
 #### Figure 1: RadCalendar when its viewMode is set to Day on Android (left) and iOS (right)
 

docs/ui/professional-ui-components/Chart/Axes/categorical.md

@@ -20,8 +20,8 @@ When [RadCartesianChart]({% slug chart-types-cartesian %} "Read more about RadCa
 
 The {% typedoc_link classes:CategoricalAxis %} allows you to define how exactly the axis will be plotted on the viewport of the chart. The possible values are:
 
-* {% typedoc_link modules:AxisPlotMode,member:BetweenTicks%}: Points are plotted in the middle of the range, defined between each two ticks.
-* {% typedoc_link modules:AxisPlotMode,member:OnTicks%}: Points are plotted over each tick.
+* {% typedoc_link enums:ChartAxisPlotMode,member:BetweenTicks%}: Points are plotted in the middle of the range, defined between each two ticks.
+* {% typedoc_link enums:ChartAxisPlotMode,member:OnTicks%}: Points are plotted over each tick.
 
 You can get and set the current value with the {% typedoc_link classes:CategoricalAxis,member:plotMode%} property.
 

docs/ui/professional-ui-components/Chart/Axes/datetimecategorical.md

@@ -20,7 +20,7 @@ The {% typedoc_link classes:DateTimeCategoricalAxis %} extends {% typedoc_link c
 
 ### Date Time Component
 
-Defines the component of each Calendar structure that participates in the grouping process. The possible values: Second, Minute, Hour, Day, Week, Month, Year. To get or set the component use the {% typedoc_link classes:DateTimeCategoricalAxis,member:dateTimeComponent%} property.
+Defines the component of each Calendar structure that participates in the grouping process. The possible values are from the {% typedoc_link enums:ChartAxisDateTimeComponent %} enumeration. To get or set the component use the {% typedoc_link classes:DateTimeCategoricalAxis,member:dateTimeComponent%} property.
 
 ### Date Time Format
 
@@ -38,4 +38,4 @@ Related articles you might find useful:
 * [**Logarithmic Axis**]({% slug chart-features-logarithmic %})
 * [**Negative Values Axis**]({% slug chart-features-negative-value %})
 * [**Categorical Axis**]({% slug chart-features-categorical %})
-* [**DateTime Continuous Axis**]({% slug chart-features-datetimecontinuous %})
+* [**DateTime Continuous Axis**]({% slug chart-features-datetimecontinuous %})