Merge pull request #509 from Syncfusion-Content/development

DOCINFRA-2341_merged_using_automation

Author: SyncfusionBuild

ej2-vue-toc.html

@@ -176,7 +176,7 @@
         <li><a href="/ej2-vue/ai-assistview/accessibility">Accessibility</a></li>
         <li><a href="/ej2-vue/ai-assistview/methods">Methods</a></li>
         <li><a href="/ej2-vue/ai-assistview/events">Events</a></li>
-        <li><a href="https://ej2.syncfusion.com/vue/documentation/api/ai-assist-view/">API Reference</a></li>
+        <li><a href="https://ej2.syncfusion.com/vue/documentation/api/ai-assistview/">API Reference</a></li>
     </ul>
 </li><li>
 Appbar
@@ -509,6 +509,25 @@
 </li>
 <li><a href="https://ej2.syncfusion.com/vue/documentation/api/chart/">API Reference</a></li>
 </ul>
+</li><li>
+    Chat UI
+    <ul>
+        <li><a href="/ej2-vue/chat-ui/getting-started">Getting Started</a></li>
+        <li><a href="/ej2-vue/chat-ui/vue3-getting-started">Getting Started with Vue 3</a></li>
+        <li><a href="/ej2-vue/chat-ui/messages">Messages</a></li>
+        <li><a href="/ej2-vue/chat-ui/timebreaks">Time break</a></li>
+        <li><a href="/ej2-vue/chat-ui/timestamp">Timestamp</a></li>
+        <li><a href="/ej2-vue/chat-ui/typing-indicator">Typing indicator</a></li>
+        <li><a href="/ej2-vue/chat-ui/load-on-demand">Load on-demand</a></li>
+        <li><a href="/ej2-vue/chat-ui/header">Header</a></li>
+        <li><a href="/ej2-vue/chat-ui/footer">Footer</a></li>
+        <li><a href="/ej2-vue/chat-ui/templates">Templates</a></li>
+        <li><a href="/ej2-vue/chat-ui/appearance">Appearance</a></li>
+        <li><a href="/ej2-vue/chat-ui/globalization">Globalization</a></li>
+        <li><a href="/ej2-vue/chat-ui/accessibility">Accessibility</a></li>
+        <li><a href="/ej2-vue/chat-ui/methods">Methods</a></li>
+        <li><a href="/ej2-vue/chat-ui/events">Events</a></li>
+    </ul>
 </li><li>
 CheckBox
 <ul>
@@ -1977,6 +1996,9 @@
 <li><a href="/ej2-vue/pdfviewer/how-to/export-as-image">Export As Image in Vue Pdfviewer component</a></li>
 <li><a href="/ej2-vue/pdfviewer/how-to/custom-font-signature-field">Custom fonts for Signature and Initial fields</a></li>
 <li><a href="/ej2-vue/pdfviewer/how-to/custom-fonts">Add custom fonts to the PDF Viewer using the PDF document</a></li>
+<li><a href="/ej2-vue/pdfviewer/how-to/configure-annotation-selector-setting">Configure Annotation selector setting</a></li>
+<li><a href="/ej2-vue/pdfviewer/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds">Convert Pdf Library Bounds to Pdf viewer bounds</a></li>
+<li><a href="/ej2-vue/pdfviewer/how-to/show-custom-stamp-item">Display custom stamp items in custom stamp</a></li>
 </ul>
 </li>
 <li>Troubleshooting

ej2-vue/ai-assistview/appearance.md

@@ -12,7 +12,7 @@ domainurl: ##DomainURL##
 
 ## Setting width
 
-You can use the [width](../api/ai-assist-view#width) property to set the width of the AI AssistView. The default value is `100%`.
+You can use the [width](../api/ai-assistview#width) property to set the width of the AI AssistView. The default value is `100%`.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -27,7 +27,7 @@ You can use the [width](../api/ai-assist-view#width) property to set the width o
 
 ## Setting height
 
-You can use the [height](../api/ai-assist-view#height) property to set the height of the AI AssistView. The default value is `100%`.
+You can use the [height](../api/ai-assistview#height) property to set the height of the AI AssistView. The default value is `100%`.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -42,7 +42,7 @@ You can use the [height](../api/ai-assist-view#height) property to set the heigh
 
 ## cssClass
 
-You can customize the appearance of the AI AssistView component by using the [cssClass](../api/ai-assist-view#cssclass) property.
+You can customize the appearance of the AI AssistView component by using the [cssClass](../api/ai-assistview#cssclass) property.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}

ej2-vue/ai-assistview/assist-view.md

@@ -12,7 +12,7 @@ domainurl: ##DomainURL##
 
 ## Setting prompt text
 
-You can use the [prompt](../api/ai-assist-view#prompt) property to define the prompt text for the AI AssistView component.
+You can use the [prompt](../api/ai-assistview#prompt) property to define the prompt text for the AI AssistView component.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -27,7 +27,7 @@ You can use the [prompt](../api/ai-assist-view#prompt) property to define the pr
 
 ## Setting prompt placeholder
 
-You can use the [promptPlaceholder](../api/ai-assist-view#promptplaceholder) property to set the placeholder text for the prompt textarea. The default value is `Type prompt for assistance...`.
+You can use the [promptPlaceholder](../api/ai-assistview#promptplaceholder) property to set the placeholder text for the prompt textarea. The default value is `Type prompt for assistance...`.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -42,9 +42,9 @@ You can use the [promptPlaceholder](../api/ai-assist-view#promptplaceholder) pro
 
 ## Prompt-response collection
 
-You can use the [prompts](../api/ai-assist-view#prompts) property to initialize the component with the configured data as a collection of prompts and responses or individual entries.
+You can use the [prompts](../api/ai-assistview#prompts) property to initialize the component with the configured data as a collection of prompts and responses or individual entries.
 
-> The [prompts](../api/ai-assist-view#prompts) collection stores all the prompts and responses generated.
+> The [prompts](../api/ai-assistview#prompts) collection stores all the prompts and responses generated.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -59,7 +59,7 @@ You can use the [prompts](../api/ai-assist-view#prompts) property to initialize
 
 ## Adding prompt suggestions
 
-You can use the [promptSuggestions](../api/ai-assist-view#promptsuggestions) property, to add the suggestions in both initial and on-demand which help users to refine their prompts. Additionally, custom header can be set for suggestions further enhancing the user experience.
+You can use the [promptSuggestions](../api/ai-assistview#promptsuggestions) property, to add the suggestions in both initial and on-demand which help users to refine their prompts. Additionally, custom header can be set for suggestions further enhancing the user experience.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -74,7 +74,7 @@ You can use the [promptSuggestions](../api/ai-assist-view#promptsuggestions) pro
 
 ### Adding suggestions header
 
-You can use the [promptSuggestionsHeader](../api/ai-assist-view#promptsuggestionsheader) property to set the header text for the prompt suggestions in the AI AssistView.
+You can use the [promptSuggestionsHeader](../api/ai-assistview#promptsuggestionsheader) property to set the header text for the prompt suggestions in the AI AssistView.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -89,7 +89,7 @@ You can use the [promptSuggestionsHeader](../api/ai-assist-view#promptsuggestion
 
 ## Adding prompt iconCss
 
-You can customize the appearance of the prompter avatar by using the [promptIconCss](../api/ai-assist-view#prompticoncss) property.
+You can customize the appearance of the prompter avatar by using the [promptIconCss](../api/ai-assistview#prompticoncss) property.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -104,7 +104,7 @@ You can customize the appearance of the prompter avatar by using the [promptIcon
 
 ## Adding response iconCss
 
-You can use the [responseIconCss](../api/ai-assist-view#responseiconcss) property to customize the appearance of the responder avatar. By default, the `e-assistview-icon` class is added as the built-in AI AssistView response icon.
+You can use the [responseIconCss](../api/ai-assistview#responseiconcss) property to customize the appearance of the responder avatar. By default, the `e-assistview-icon` class is added as the built-in AI AssistView response icon.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -119,7 +119,7 @@ You can use the [responseIconCss](../api/ai-assist-view#responseiconcss) propert
 
 ## Show or hide clear button
 
-You can use the [showClearButton](../api/ai-assist-view#showclearbutton) property to show or hide the clear button. By default, its value is `false`, when the clear button is clicked, the prompt text entered will be cleared.
+You can use the [showClearButton](../api/ai-assistview#showclearbutton) property to show or hide the clear button. By default, its value is `false`, when the clear button is clicked, the prompt text entered will be cleared.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}

ej2-vue/ai-assistview/custom-view.md

@@ -16,7 +16,7 @@ By using the `e-views` tag directive you can define the collection of different
 
 ### Setting view type
 
-You can set the type of view by using the [type](../api/ai-assist-view/assistViewType) property within the `e-view` tag directive. It accepts two values such as `Assist`, and `Custom`.
+You can set the type of view by using the [type](../api/ai-assistview/assistViewType) property within the `e-view` tag directive. It accepts two values such as `Assist`, and `Custom`.
 
 ```html
 
@@ -67,7 +67,7 @@ export default {
 
 ### Setting name
 
-You can use the [name](../api/ai-assist-view/assistViewModel/#name) property to specifies the header name of the `Assist` or `Custom` views in the AI AssistView.
+You can use the [name](../api/ai-assistview/assistViewModel/#name) property to specifies the header name of the `Assist` or `Custom` views in the AI AssistView.
 
 ```html
 
@@ -118,7 +118,7 @@ export default {
 
 ### Setting iconCss
 
-You can customize the view icons by using the [iconCss](../api/ai-assist-view/assistViewModel/#iconcss) property. By default the `e-assistview-icon` class is added as built-in header icon for the AI AssistView.
+You can customize the view icons by using the [iconCss](../api/ai-assistview/assistViewModel/#iconcss) property. By default the `e-assistview-icon` class is added as built-in header icon for the AI AssistView.
 
 ```html
 
@@ -182,7 +182,7 @@ The following example illustrates how types, name, and iconCss are used in a AI
 
 ### Setting view template 
 
-You can use the [viewTemplate](../api/ai-assist-view/assistViewModel/#viewtemplate) property to add the view content of the multiple views added in the AI AssistView.
+You can use the [viewTemplate](../api/ai-assistview/assistViewModel/#viewtemplate) property to add the view content of the multiple views added in the AI AssistView.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -197,7 +197,7 @@ You can use the [viewTemplate](../api/ai-assist-view/assistViewModel/#viewtempla
 
 ## Setting active view
 
-You can use the [activeView](../api/ai-assist-view#activeview) property to set the active view in the AI AssistView. By default, the value is `0`.
+You can use the [activeView](../api/ai-assistview#activeview) property to set the active view in the AI AssistView. By default, the value is `0`.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}

ej2-vue/ai-assistview/events.md

@@ -14,7 +14,7 @@ This section describes the AI AssistView events that will be triggered when appr
 
 ## created
 
-The AI AssistView component triggers the [created](../api/ai-assist-view#created) event when the component rendering is completed.
+The AI AssistView component triggers the [created](../api/ai-assistview#created) event when the component rendering is completed.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -27,7 +27,7 @@ The AI AssistView component triggers the [created](../api/ai-assist-view#created
 
 ## promptRequest
 
-The [promptRequest](../api/ai-assist-view#promptrequest) event is triggered when the prompt request is made in the AI AssistView component.
+The [promptRequest](../api/ai-assistview#promptrequest) event is triggered when the prompt request is made in the AI AssistView component.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -40,7 +40,7 @@ The [promptRequest](../api/ai-assist-view#promptrequest) event is triggered when
 
 ## promptChanged
 
-The [promptChanged](../api/ai-assist-view#promptchanged) event is triggered when the prompt text is changed in the AI AssistView component.
+The [promptChanged](../api/ai-assistview#promptchanged) event is triggered when the prompt text is changed in the AI AssistView component.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}

ej2-vue/ai-assistview/getting-started.md

@@ -145,7 +145,7 @@ yarn run serve
 
 ## Configure suggestions and responses
 
-You can use the [promptSuggestions](../api/ai-assist-view#promptsuggestions) property to add prompt suggestions and the [promptRequest](../api/ai-assist-view#promptrequest) event to add responses when the prompt matches the specified prompts data otherwise, the default response will be displayed.
+You can use the [promptSuggestions](../api/ai-assistview#promptsuggestions) property to add prompt suggestions and the [promptRequest](../api/ai-assistview#promptrequest) event to add responses when the prompt matches the specified prompts data otherwise, the default response will be displayed.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}

ej2-vue/ai-assistview/methods.md

@@ -12,7 +12,7 @@ domainurl: ##DomainURL##
 
 ## Adding prompt response
 
-You can use the [addPromptResponse](../api/ai-assist-view#addpromptresponse) public method to add the prompts and responses to the AI AssistView. You can add the it either as a `string` or `object` collection.
+You can use the [addPromptResponse](../api/ai-assistview#addpromptresponse) public method to add the prompts and responses to the AI AssistView. You can add the it either as a `string` or `object` collection.
 
 ### Adding responses as string.
 
@@ -46,7 +46,7 @@ You can add object response, by passing the prompt and response as a collection
 
 ## Executing prompt
 
-You can use the [executePrompt](../api/ai-assist-view#executeprompt) method to execute the prompts dynamically in the AI AssistView. It accepts prompts as string values, which triggers the [promptRequest](../api/ai-assist-view#promptrequest) event and performs the callback actions.
+You can use the [executePrompt](../api/ai-assistview#executeprompt) method to execute the prompts dynamically in the AI AssistView. It accepts prompts as string values, which triggers the [promptRequest](../api/ai-assistview#promptrequest) event and performs the callback actions.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}

ej2-vue/ai-assistview/templates.md

@@ -14,7 +14,7 @@ The AI AssistView provides several template options to customize the banner, pro
 
 ## Banner template
 
-You can use the [bannerTemplate](../api/ai-assist-view#bannertemplate) property to display additional information, such as a welcome note, and more in the AI AssistView. This banner is positioned at the top of the prompt and response conversation area within the AI AssistView.
+You can use the [bannerTemplate](../api/ai-assistview#bannertemplate) property to display additional information, such as a welcome note, and more in the AI AssistView. This banner is positioned at the top of the prompt and response conversation area within the AI AssistView.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -29,7 +29,7 @@ You can use the [bannerTemplate](../api/ai-assist-view#bannertemplate) property
 
 ## Prompt item template
 
-You can use the [promptItemTemplate](../api/ai-assist-view#promptitemtemplate) property to customize the prompt items in the AI AssistView. The template context includes `prompt`, `toolbarItems` and `index` items.
+You can use the [promptItemTemplate](../api/ai-assistview#promptitemtemplate) property to customize the prompt items in the AI AssistView. The template context includes `prompt`, `toolbarItems` and `index` items.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -44,7 +44,7 @@ You can use the [promptItemTemplate](../api/ai-assist-view#promptitemtemplate) p
 
 ## Response item template
 
-You can use the [responseItemTemplate](../api/ai-assist-view#responseitemtemplate) property to customize response items within the AI AssistView. The template context includes the `prompt`, `response`, `index`, `toolbarItems` and `output` items.
+You can use the [responseItemTemplate](../api/ai-assistview#responseitemtemplate) property to customize response items within the AI AssistView. The template context includes the `prompt`, `response`, `index`, `toolbarItems` and `output` items.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -59,7 +59,7 @@ You can use the [responseItemTemplate](../api/ai-assist-view#responseitemtemplat
 
 ## Prompt suggestion item template
 
-You can use the [promptSuggestionItemTemplate](../api/ai-assist-view#promptsuggestionitemtemplate) property to customize the prompt suggestion items in the AI AssistView. The template context includes the `index` and `promptSuggestion`.
+You can use the [promptSuggestionItemTemplate](../api/ai-assistview#promptsuggestionitemtemplate) property to customize the prompt suggestion items in the AI AssistView. The template context includes the `index` and `promptSuggestion`.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -74,7 +74,7 @@ You can use the [promptSuggestionItemTemplate](../api/ai-assist-view#promptsugge
 
 ## Footer template
 
-You can use the [footerTemplate](../api/ai-assist-view#footertemplate) property to customize the default footer area and manage prompt request actions in the AI AssistView. This allows users to create unique footers that meet their specific needs.
+You can use the [footerTemplate](../api/ai-assistview#footertemplate) property to customize the default footer area and manage prompt request actions in the AI AssistView. This allows users to create unique footers that meet their specific needs.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}