New navigation tree 22.2

api-reference/10 UI Components/BaseChart/7 Interfaces/BaseChartLegendItem/BaseChartLegendItem.md

@@ -0,0 +1,14 @@
+---
+id: BaseChartLegendItem
+type: Object
+inherits: BaseLegendItem
+module: viz/chart_components/base_chart
+export: BaseChartLegendItem
+---
+---
+##### shortDescription
+An object that provides information about a legend item.
+
+---
+#####See Also#####
+- [legend]({basewidgetpath}/Configuration/legend/)

api-reference/10 UI Components/BaseChart/7 Interfaces/Interfaces.md

@@ -0,0 +1,5 @@
+---
+##### shortDescription
+This section describes interfaces that the {WidgetName} component uses.
+
+---

api-reference/10 UI Components/Component/1 Configuration/onInitialized.md

@@ -18,4 +18,4 @@ The UI component's instance.
 
 ---
 #####See Also#####
-- **Get a UI component Instance** in [Angular](/concepts/40%20Angular%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Angular_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [AngularJS](/concepts/Getting%20Started/Widget%20Basics%20-%20AngularJS/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_AngularJS/Get_a_Widget_Instance/') | [Knockout](/concepts/Getting%20Started/Widget%20Basics%20-%20Knockout/03%20Get%20a%20Widget%20Instance.md '/Documentation/Guide/Getting_Started/Widget_Basics_-_Knockout/Get_a_Widget_Instance/') | [Vue](/concepts/55%20Vue%20Components/20%20Component%20Configuration%20Syntax/44%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/Vue_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance') | [React](/concepts/50%20React%20Components/40%20Component%20Configuration%20Syntax/65%20Get%20a%20UI%20Component%20Instance.md '/Documentation/Guide/React_Components/Component_Configuration_Syntax/#Get_a_UI_Component_Instance')
+#include common-link-getinstance

api-reference/10 UI Components/DOMComponent/3 Methods/dispose().md

@@ -6,24 +6,29 @@ id: DOMComponent.dispose()
 Disposes of all the resources allocated to the {WidgetName} instance.
 
 ---
+
+---
+##### jQuery
+
 After calling this method, remove the DOM element associated with the UI component:
 
     <!--JavaScript-->
     $("#my{WidgetName}").dx{WidgetName}("dispose");
     $("#my{WidgetName}").remove();
 
-Use this method only if the UI component was created with jQuery or pure JavaScript. In Angular, Vue, and React, use conditional rendering:
-
----
 ##### Angular
 
+Use <a href="https://angular.io/guide/built-in-directives#adding-or-removing-an-element-with-ngif" target="_blank">conditional rendering</a> instead of this method:
+
     <!-- tab: app.component.html -->
     <dx-{widget-name} ...
         *ngIf="condition">
     </dx-{widget-name}>
 
 ##### Vue
 
+Use <a href="https://v3.vuejs.org/guide/conditional.html" target="_blank">conditional rendering</a> instead of this method:
+
     <!-- tab: App.vue -->
     <template>
         <Dx{WidgetName} ...
@@ -43,6 +48,8 @@ Use this method only if the UI component was created with jQuery or pure JavaScr
 
 ##### React
 
+Use <a href="https://reactjs.org/docs/conditional-rendering.html" target="_blank">conditional rendering</a> instead of this method:
+
     <!-- tab: App.js -->
     import React from 'react';
 
@@ -69,8 +76,3 @@ Use this method only if the UI component was created with jQuery or pure JavaScr
     export default App;
 
 ---
-
-#####See Also#####
-- <a href="https://angular.io/guide/built-in-directives#adding-or-removing-an-element-with-ngif" target="_blank">Conditional Rendering in Angular</a>
-- <a href="https://v3.vuejs.org/guide/conditional.html" target="_blank">Conditional Rendering in Vue</a>
-- <a href="https://reactjs.org/docs/conditional-rendering.html" target="_blank">Conditional Rendering in React</a>

api-reference/10 UI Components/GridBase/1 Configuration/renderAsync.md

@@ -1,7 +1,7 @@
 ---
 id: GridBase.Options.renderAsync
 type: Boolean
-default: false
+default: undefined
 ---
 ---
 ##### shortDescription

api-reference/10 UI Components/GridBase/1 Configuration/twoWayBindingEnabled.md

@@ -8,7 +8,6 @@ default: true
 Specifies whether to enable two-way data binding.
 
 ---
-Two-way data binding ensures that the UI tracks changes made in the data source by a 3rd-party component, and vice versa. This way, the UI component and its data source stay synchronized. 
-If you implement two-way data binding in the UI component on your own using the [cellTemplate](/api-reference/_hidden/dxDataGridColumn/cellTemplate.md '{basewidgetpath}/Configuration/columns/#cellTemplate') and/or [editCellTemplate](/api-reference/_hidden/dxDataGridColumn/editCellTemplate.md '{basewidgetpath}/Configuration/columns/#editCellTemplate') properties, make sure to set the **twoWayBindingEnabled** property to **false**.
+Two-way data binding ensures that the UI tracks changes made in the data source by a 3rd-party component, and vice versa. This way, the UI component and its data source stay synchronized.
 
-[note] The UI component provides two-way data binding through Knockout, Angular or AngularJS resources, so make sure to [add these libraries](/concepts/Common/Distribution%20Channels/05%20CDN '/Documentation/Guide/Common/Distribution_Channels/CDN/') to your app.
+If you implement two-way data binding in the UI component on your own using the [cellTemplate](/api-reference/_hidden/dxDataGridColumn/cellTemplate.md '{basewidgetpath}/Configuration/columns/#cellTemplate') and/or [editCellTemplate](/api-reference/_hidden/dxDataGridColumn/editCellTemplate.md '{basewidgetpath}/Configuration/columns/#editCellTemplate') properties, make sure to set the **twoWayBindingEnabled** property to **false**.

api-reference/10 UI Components/Markup Components/dxItem/dxItem.md

@@ -57,41 +57,6 @@ The dxItem component defines custom markup for items in layout and collection UI
     })
     export class AppModule { }
 
-#####AngularJS
-
-    <!--HTML-->
-    <div dx-list="{ }">
-        <div data-options="dxItem: { text: 'Apples', disabled: true }"></div>
-        <div data-options="dxItem: { text: 'Lemons', visible: false }"></div>
-        <div data-options="dxItem: { }">
-            <!-- Custom markup -->
-        </div>
-    </div>
-
-    <!--JavaScript-->
-    angular.module('DemoApp', ['dx'])
-        .controller('DemoController', function ($scope) {
-            // ...
-        });
-
-#####Knockout
-
-    <!--HTML-->
-    <div data-bind="dxList: { ... }">
-        <div data-options="dxItem: { text: 'Apples', disabled: true }"></div>
-        <div data-options="dxItem: { text: 'Lemons', visible: false }"></div>
-        <div data-options="dxItem: { }">
-            <!-- Custom markup -->
-        </div>
-    </div>
-
-    <!--JavaScript-->
-    var viewModel = {
-        // ...
-    };
-
-    ko.applyBindings(viewModel);
-
 #####React
 
     <!-- tab: App.js -->

api-reference/10 UI Components/UI Events/UI Events.md

@@ -47,39 +47,4 @@ See <a href="http://api.jquery.com/category/events/event-handler-attachment" tar
         }
     }
 
-##### Knockout
-
-    <!--HTML-->
-    <div id="target" data-bind="dxhold: { execute: dxholdHandler, timeout: 1000 }">
-        Target element
-    </div>
-
-    <!--JavaScript-->
-    var viewModel = {
-        dxholdHandler: function(viewModel, jQueryEvent) {
-            alert(`The ${$(jQueryEvent.target).text()} element is being held for ${jQueryEvent.data.timeout} ms.`);
-        }
-    }
-
-[note]Knockout does not provide an API to unsubscribe from an event.
-
-See <a href="http://knockoutjs.com/documentation/event-binding.html" target="_blank">Knockout documentation</a> for details.
-
-##### AngularJS
-
-    <!--HTML-->
-    <div id="target" dx-hold="{ execute: 'dxholdHandler($event)', timeout: 1000 }">
-        Target element
-    </div>
-
-    <!--JavaScript-->
-    angular.module("DemoApp", ["dx"])
-        .controller("DemoController", function DemoController($scope) {
-            $scope.dxholdHandler = function(jQueryEvent) {
-                alert(`The ${$(jQueryEvent.target).text()} element is being held for ${jQueryEvent.data.timeout} ms.`);
-            }
-        });
-
-[note]AngularJS does not provide an API to unsubscribe from an event.
-
 ---

api-reference/10 UI Components/dxBarGauge/7 Interfaces/Interfaces.md

@@ -0,0 +1,5 @@
+---
+##### shortDescription
+This section describes interfaces that the {WidgetName} component uses.
+
+---

api-reference/10 UI Components/dxButton/1 Configuration/validationGroup.md

@@ -8,7 +8,9 @@ default: undefined
 Specifies the name of the [validation group](/api-reference/10%20UI%20Components/dxValidationGroup '/Documentation/ApiReference/UI_Components/dxValidationGroup/') to be accessed in the [click](/api-reference/10%20UI%20Components/dxButton/4%20Events/click.md '/Documentation/ApiReference/UI_Components/dxButton/Events/#click') event handler.
 
 ---
-When using a button to validate several editors on a page, the button must "know" in which validation group these editors are located. If the Knockout or AngularJS approach is used, add the button to the **div** element that represents the target validation group. When using the jQuery approach, specify the **validationGroup** configuration property for the button. Assign the validation group name specified for the **validationGroup** property of the [validators](/api-reference/10%20UI%20Components/dxValidator '/Documentation/ApiReference/UI_Components/dxValidator/') that extend the editors to be validated. 
+When using a button to validate several editors on a page, the button must "know" in which validation group these editors are located. 
+
+Specify the **validationGroup** configuration property for the button. Assign the validation group name specified for the **validationGroup** property of the [validators](/api-reference/10%20UI%20Components/dxValidator '/Documentation/ApiReference/UI_Components/dxValidator/') that extend the editors to be validated. 
 
 #####See Also#####
 - [Validate Several Editor Values](/concepts/05%20UI%20Components/zz%20Common/05%20UI%20Widgets/20%20Data%20Validation/20%20Validate%20Several%20Editor%20Values '/Documentation/Guide/UI_Components/Common/UI_Widgets/Data_Validation/#Validate_Several_Editor_Values')

api-reference/10 UI Components/dxDiagram/1 Configuration/onRequestEditOperation.md

@@ -96,7 +96,7 @@ For more information, refer to the following section: [Prohibit Individual Opera
     url: "https://js.devexpress.com/Demos/WidgetsGallery/Demo/Diagram/OperationRestrictions/jQuery/Light/"
 }
 
-When a user pastes or clones several items in a diagram, the control adds the items to the model one by one. For each added item, the **RequestEditOperation** event fires. In the event handler, you can access the processed item. However, if you call the [getItemById(id)](/api-reference/10%20UI%20Components/dxDiagram/3%20Methods/getItemById(id).md '/Documentation/ApiReference/UI_Components/dxDiagram/Methods/#getItemByIdid') method to access an attached connector (see the [attachedConnectorIds](/api-reference/50%20Common/Object%20Structures/dxDiagramShape/attachedConnectorIds.md '/Documentation/ApiReference/Common/Object_Structures/dxDiagramShape/#attachedConnectorIds') property) or a container's child item (see the [containerChildItemIds](/api-reference/50%20Common/Object%20Structures/dxDiagramShape/containerChildItemIds.md '/Documentation/ApiReference/Common/Object_Structures/dxDiagramShape/#containerChildItemIds') property), you can get the `undefined`result if the item is not added to the model yet.
+When a user pastes or clones several items in a diagram, the control adds the items to the model one by one. For each added item, the **RequestEditOperation** event fires. In the event handler, you can access the processed item. However, if you call the [getItemById(id)](/api-reference/10%20UI%20Components/dxDiagram/3%20Methods/getItemById(id).md '/Documentation/ApiReference/UI_Components/dxDiagram/Methods/#getItemByIdid') method to access an attached connector (see the [attachedConnectorIds](/api-reference/50%20Common/Object%20Structures/dxDiagramShape/attachedConnectorIds.md '/Documentation/ApiReference/UI_Components/dxDiagram/Interfaces/dxDiagramShape/#attachedConnectorIds') property) or a container's child item (see the [containerChildItemIds](/api-reference/50%20Common/Object%20Structures/dxDiagramShape/containerChildItemIds.md '/Documentation/ApiReference/UI_Components/dxDiagram/Interfaces/dxDiagramShape/#containerChildItemIds') property), you can get the `undefined`result if the item is not added to the model yet.
 
 #####See Also#####
 - [Restrict Edit Operations](/concepts/05%20UI%20Components/Diagram/28%20Restrict%20Edit%20Operations '/Documentation/Guide/UI_Components/Diagram/Restrict_Edit_Operations')

api-reference/10 UI Components/dxDiagram/1 Configuration/onSelectionChanged.md

@@ -17,7 +17,7 @@ The UI component instance's name.
 #include common-ref-elementparam with { element: "UI component" }
 
 ##### field(e.items): Array<dxDiagramItem>
-An array of selected items ([DiagramShapes](/api-reference/50%20Common/Object%20Structures/dxDiagramShape '/Documentation/ApiReference/Common/Object_Structures/dxDiagramShape/') or [DiagramConnectors](/api-reference/50%20Common/Object%20Structures/dxDiagramConnector '/Documentation/ApiReference/Common/Object_Structures/dxDiagramConnector/')).
+An array of selected items ([DiagramShapes](/api-reference/50%20Common/Object%20Structures/dxDiagramShape '/Documentation/ApiReference/UI_Components/dxDiagram/Interfaces/dxDiagramShape/') or [DiagramConnectors](/api-reference/50%20Common/Object%20Structures/dxDiagramConnector '/Documentation/ApiReference/UI_Components/dxDiagram/Interfaces/dxDiagramConnector/')).
 
 ##### field(e.model): any
 Model data. Available only if you use Knockout.

api-reference/10 UI Components/dxDiagram/3 Methods/getItemById(id).md

@@ -3,7 +3,7 @@ id: dxDiagram.getItemById(id)
 ---
 ---
 ##### shortDescription
-Returns a [shape](/api-reference/50%20Common/Object%20Structures/dxDiagramShape '/Documentation/ApiReference/Common/Object_Structures/dxDiagramShape/') or [connector](/api-reference/50%20Common/Object%20Structures/dxDiagramConnector '/Documentation/ApiReference/Common/Object_Structures/dxDiagramConnector/') object specified by its internal identifier.
+Returns a [shape](/api-reference/50%20Common/Object%20Structures/dxDiagramShape '/Documentation/ApiReference/UI_Components/dxDiagram/Interfaces/dxDiagramShape/') or [connector](/api-reference/50%20Common/Object%20Structures/dxDiagramConnector '/Documentation/ApiReference/UI_Components/dxDiagram/Interfaces/dxDiagramConnector/') object specified by its internal identifier.
 
 ##### return: dxDiagramItem
 A **dxDiagramItem** object descendant (dxDiagramShape or dxDiagramConnector).
@@ -12,4 +12,4 @@ A **dxDiagramItem** object descendant (dxDiagramShape or dxDiagramConnector).
 The item identifier.
 
 ---
-When a user pastes or clones several items in a diagram, the control adds the items to the model one by one. For each added item, the [requestEditOperation](/api-reference/10%20UI%20Components/dxDiagram/4%20Events/requestEditOperation.md '/Documentation/ApiReference/UI_Components/dxDiagram/Events/#requestEditOperation') event fires. In the event handler, you can access the processed item. However, if you call the **getItemById** method to access an attached connector (see the [attachedConnectorIds](/api-reference/50%20Common/Object%20Structures/dxDiagramShape/attachedConnectorIds.md '/Documentation/ApiReference/Common/Object_Structures/dxDiagramShape/#attachedConnectorIds') property) or a container's child item (see the [containerChildItemIds](/api-reference/50%20Common/Object%20Structures/dxDiagramShape/containerChildItemIds.md '/Documentation/ApiReference/Common/Object_Structures/dxDiagramShape/#containerChildItemIds') property), you can get the `undefined`result if the item is not added to the model yet.
+When a user pastes or clones several items in a diagram, the control adds the items to the model one by one. For each added item, the [requestEditOperation](/api-reference/10%20UI%20Components/dxDiagram/4%20Events/requestEditOperation.md '/Documentation/ApiReference/UI_Components/dxDiagram/Events/#requestEditOperation') event fires. In the event handler, you can access the processed item. However, if you call the **getItemById** method to access an attached connector (see the [attachedConnectorIds](/api-reference/50%20Common/Object%20Structures/dxDiagramShape/attachedConnectorIds.md '/Documentation/ApiReference/UI_Components/dxDiagram/Interfaces/dxDiagramShape/#attachedConnectorIds') property) or a container's child item (see the [containerChildItemIds](/api-reference/50%20Common/Object%20Structures/dxDiagramShape/containerChildItemIds.md '/Documentation/ApiReference/UI_Components/dxDiagram/Interfaces/dxDiagramShape/#containerChildItemIds') property), you can get the `undefined`result if the item is not added to the model yet.

api-reference/10 UI Components/dxDiagram/3 Methods/getItemByKey(key).md

@@ -3,7 +3,7 @@ id: dxDiagram.getItemByKey(key)
 ---
 ---
 ##### shortDescription
-Returns a [shape](/api-reference/50%20Common/Object%20Structures/dxDiagramShape '/Documentation/ApiReference/Common/Object_Structures/dxDiagramShape/') or [connector](/api-reference/50%20Common/Object%20Structures/dxDiagramConnector '/Documentation/ApiReference/Common/Object_Structures/dxDiagramConnector/') object specified by its key.
+Returns a [shape](/api-reference/50%20Common/Object%20Structures/dxDiagramShape '/Documentation/ApiReference/UI_Components/dxDiagram/Interfaces/dxDiagramShape/') or [connector](/api-reference/50%20Common/Object%20Structures/dxDiagramConnector '/Documentation/ApiReference/UI_Components/dxDiagram/Interfaces/dxDiagramConnector/') object specified by its key.
 
 ##### return: dxDiagramItem
 A **dxDiagramItem** object descendant (dxDiagramShape or dxDiagramConnector).

api-reference/10 UI Components/dxDiagram/7 Interfaces/Interfaces.md

@@ -0,0 +1,5 @@
+---
+##### shortDescription
+This section describes interfaces that the {WidgetName} component uses.
+
+---

api-reference/50 Common/Object Structures/dxDiagramBeforeChangeConnectorTextArgs/index.md → api-reference/10 UI Components/dxDiagram/7 Interfaces/dxDiagramBeforeChangeConnectorTextArgs/index.md

@@ -4,6 +4,6 @@ type: Number
 ---
 ---
 ##### shortDescription
-The index of the processed text in the connector's [texts](/api-reference/50%20Common/Object%20Structures/dxDiagramConnector/texts.md '/Documentation/ApiReference/Common/Object_Structures/dxDiagramConnector/#texts') collection.
+The index of the processed text in the connector's [texts](/api-reference/50%20Common/Object%20Structures/dxDiagramConnector/texts.md '/Documentation/ApiReference/UI_Components/dxDiagram/Interfaces/dxDiagramConnector/#texts') collection.
 
 ---

api-reference/50 Common/Object Structures/dxDiagramChangeConnectorTextArgs/index.md → api-reference/10 UI Components/dxDiagram/7 Interfaces/dxDiagramChangeConnectorTextArgs/index.md

@@ -4,6 +4,6 @@ type: Number
 ---
 ---
 ##### shortDescription
-The index of the processed text in the connector's [texts](/api-reference/50%20Common/Object%20Structures/dxDiagramConnector/texts.md '/Documentation/ApiReference/Common/Object_Structures/dxDiagramConnector/#texts') collection.
+The index of the processed text in the connector's [texts](/api-reference/50%20Common/Object%20Structures/dxDiagramConnector/texts.md '/Documentation/ApiReference/UI_Components/dxDiagram/Interfaces/dxDiagramConnector/#texts') collection.
 
 ---

api-reference/50 Common/Object Structures/dxDiagramShape/containerId.md → api-reference/10 UI Components/dxDiagram/7 Interfaces/dxDiagramShape/containerId.md

@@ -7,4 +7,4 @@ type: String
 Gets the identifier of the container that stores the shape.
 
 ---
-Use the **containerId** property to get the identifier of the container (a shape of the `horizontalContainer` or `verticalContainer` type) that stores the shape. The [containerChildItemIds](/api-reference/50%20Common/Object%20Structures/dxDiagramShape/containerChildItemIds.md '/Documentation/ApiReference/Common/Object_Structures/dxDiagramShape/#containerChildItemIds') property allows you to get identifiers of shapes stored in the container.
+Use the **containerId** property to get the identifier of the container (a shape of the `horizontalContainer` or `verticalContainer` type) that stores the shape. The [containerChildItemIds](/api-reference/50%20Common/Object%20Structures/dxDiagramShape/containerChildItemIds.md '/Documentation/ApiReference/UI_Components/dxDiagram/Interfaces/dxDiagramShape/#containerChildItemIds') property allows you to get identifiers of shapes stored in the container.