diff --git a/ReadMe.md b/ReadMe.md
index a48bfed3..2bd1037c 100644
--- a/ReadMe.md
+++ b/ReadMe.md
@@ -54,7 +54,7 @@ npm run build
### Testing
-To test the source files, use the below command
+To test the source files, use the below command.
```bash
npm run test
@@ -81,8 +81,17 @@ npm run serve
DataGrid
+ This sample illustrates a default bullet chart to compare the feature (value) bar with comparative (target) bar. It includes variety of configurations to change the look and feel of the chart.
+
+
+
+
+ Tooltip is enabled in this example, to see the tooltip in action, hover a feature bar or comparative bar on the bullet chart.
+
+ This sample visualizes the USA Wheat Production data with default line series in the chart.
+ Data points are enhanced with marker and tooltip.
+
+
+
+
+ In this example, you can see how to render and configure the backgroundImage and tooltip template for the charts.
+ You can use backgroundImage, tooltip, fill properties to customize the line.
+ marker is used to represent individual data and its value.
+
+
+ Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch
+ enabled devices.
+
+
+
Injecting Module
+
+ Chart component features are segregated into individual feature-wise modules. To use Tooltip, we need to
+ inject
+ Tooltip module using Chart.Inject(Tooltip) method.
+
Executes the given query with either local or remote data source.\nIt will be executed as asynchronously and returns Promise object which will be resolved or rejected after action completed.
Save bulk changes to the given table name.\nUser can add a new record, edit an existing record, and delete a record at the same time.\nIf the datasource from remote, then updated in a single post.
If match case set to true, then filter records with exact match or else\nfilter records with case insensitive(uppercase and lowercase letters treated as same).
Defines the operator to filter records. The available operators and its supported data types are:\n<table>\n<tr>\n<td colspan=1 rowspan=1>\nOperator<br/></td><td colspan=1 rowspan=1>\nDescription<br/></td><td colspan=1 rowspan=1>\nSupported Types<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nstartswith<br/></td><td colspan=1 rowspan=1>\nChecks whether the value begins with the specified value.<br/></td><td colspan=1 rowspan=1>\nString<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nendswith<br/></td><td colspan=1 rowspan=1>\nChecks whether the value ends with the specified value.<br/><br/></td><td colspan=1 rowspan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\ncontains<br/></td><td colspan=1 rowspan=1>\nChecks whether the value contains the specified value.<br/><br/></td><td colspan=1 rowspan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nequal<br/></td><td colspan=1 rowspan=1>\nChecks whether the value is equal to the specified value.<br/><br/></td><td colspan=1 rowspan=1>\n<br/>String | Number | Boolean | Date<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nnotequal<br/></td><td colspan=1 rowspan=1>\nChecks for values that are not equal to the specified value.<br/><br/></td><td colspan=1 rowspan=1>\n<br/>String | Number | Boolean | Date<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\ngreaterthan<br/></td><td colspan=1 rowspan=1>\nChecks whether the value is greater than the specified value.<br/><br/></td><td colspan=1 rowspan=1>\nNumber | Date<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\ngreaterthanorequal<br/></td><td colspan=1 rowspan=1>\nChecks whether the value is greater than or equal to the specified value.<br/><br/></td><td colspan=1 rowspan=1>\n<br/>Number | Date<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nlessthan<br/></td><td colspan=1 rowspan=1>\nChecks whether the value is less than the specified value.<br/><br/></td><td colspan=1 rowspan=1>\n<br/>Number | Date<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nlessthanorequal<br/></td><td colspan=1 rowspan=1>\nChecks whether the value is less than or equal to the specified value.<br/><br/></td><td colspan=1 rowspan=1>\n<br/>Number | Date<br/></td></tr>\n</table>
Specifies the Toolbar command display area when an element's content is too large to fit available space.\nThis is applicable only to popup mode. Possible values are:
\n
\n
Show: Always shows the item as the primary priority on the Toolbar.
\n
Hide: Always shows the item as the secondary priority on the popup.
\n
None: No priority for display, and as per normal order moves to popup when content exceeds.
Defines single/multiple classes separated by space used to specify an icon for the button.\nThe icon will be positioned before the text content if text is available, otherwise the icon alone will be rendered.
Defines the priority of items to display it in popup always.\nIt allows to maintain toolbar item on popup always but it does not work for toolbar priority items.
Defines single/multiple classes separated by space used to specify an icon for the button.\nThe icon will be positioned after the text content if text is available.
Defines class/multiple classes separated by a space in the DropDownButton element. The\nDropDownButton size and styles can be customized by using this.
Defines class/multiple classes separated by a space for the DropDownButton that is used to\ninclude an icon. DropDownButton can also include font icon and sprite image.
Specifies the animation name that should be applied on open and close the dialog.\nIf user sets Fade animation, the dialog will open with FadeIn effect and close with FadeOut effect.\nThe following are the list of animation effects available to configure to the dialog:
Specifies the root CSS class of the progress button that allows customization of component’s appearance.\nThe progress button types, styles, and size can be achieved by using this property.
Defines class/multiple classes separated by a space for the progress button that is used to include an icon.\nProgress button can also include font icon and sprite image.
Defines class/multiple classes separated by a space for the SplitButton that is used to include an\nicon. SplitButton can also include font icon and sprite image.
Used to format the axis label that accepts any global string format like 'C', 'n1', 'P' etc.\nIt also accepts placeholder like '{value}°C' in which value represent the axis label, e.g, 20°C.
To format the axis label, which accepts any global string format like 'C', 'n1', 'P' etc.\nAlso accepts placeholder like '{value}°C' in which value represent the axis label e.g. 20°C.
The height of the Linear gauge as a string in order to provide input as both like '100px' or '100%'.\nIf specified as '100%, gauge will render to the full height of its parent element.
The width of the Linear gauge as a string in order to provide input as both like '100px' or '100%'.\nIf specified as '100%, gauge will render to the full width of its parent element.
Defines class/multiple classes separated by a space for the Button that is used to include an icon.\nButtons can also include font icon and sprite image.
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
Specifies a value that indicates whether the CheckBox is in indeterminate state or not.\nWhen set to true, the CheckBox will be in indeterminate state.
Event triggers before the dialog is closed.\nIf you cancel this event, the dialog remains opened.\nSet the cancel argument to true to cancel the closure of a dialog.
Event triggers when the dialog is being opened.\nIf you cancel this event, the dialog remains closed.\nSet the cancel argument to true to cancel the open of a dialog.
Specifies the value whether the dialog component can be dragged by the end-user.\nThe dialog allows to drag by selecting the header and dragging it for re-position the dialog.
\n
\n
More information on the draggable behavior can be found on this documentation section.
Configures the action buttons that contains button properties with primary attributes and click events.\nOne or more action buttons can be configured to the dialog.
\n
\n
More information on the button configuration can be found on this\ndocumentation section.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.\n{% codeBlock src="dialog/content-api/index.ts" %}{% endcodeBlock %}
Specifies the value whether the dialog component can be resized by the end-user.\nIf enableResize is true, the dialog component creates grip to resize it diagonal direction.
Specifies the template value that can be displayed with dialog's footer area.\nThis is optional property and can be used only when the footer is occupied with information or custom components.\nBy default, the footer is configured with action buttons.\nIf footer template is configured to dialog, the action buttons property will be disabled.
\n
\n
More information on the footer template configuration can be found on this documentation section.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the Boolean value whether the dialog can be displayed as modal or non-modal.
\n
\n
Modal: It creates overlay that disable interaction with the parent application and user should\nrespond with modal before continuing with other applications.
\n
Modeless: It does not prevent user interaction with parent application.
Specifies the value where the dialog can be positioned within the document or target.\nThe position can be represented with pre-configured positions or specific X and Y values.
specifies the action that should happen when scroll the target-parent container.\nThis property should define either reposition or hide.\nwhen set reposition to this property, the popup position will refresh when scroll any parent container.\nwhen set hide to this property, the popup will be closed when scroll any parent container.
We can trigger beforeOpen event before the Tooltip is displayed over the target element.\nWhen one of its arguments cancel is set to true, the Tooltip display can be prevented.\nThis event is mainly used for the purpose of refreshing the Tooltip positions dynamically or to\nset customized styles in it and so on.
We can trigger beforeRender event before the Tooltip and its contents are added to the DOM.\nWhen one of its arguments cancel is set to true, the Tooltip can be prevented from rendering on the page.\nThis event is mainly used for the purpose of customizing the Tooltip before it shows up on the screen.\nFor example, to load the AJAX content or to set new animation effects on the Tooltip, this event can be opted.\nRefer the documentation\nhere\nto know more about this property with demo.
We can set the same or different animation option to Tooltip while it is in open or close state.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="tooltip/animation-api/index.ts" %}{% endcodeBlock %}
It is used to display the content of Tooltip which can be both string and HTML Elements.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="tooltip/content-api/index.ts" %}{% endcodeBlock %}
It is used to customize the Tooltip which accepts custom CSS class names that\ndefines specific user-defined styles and themes to be applied on the Tooltip element.
It is used to set the height of Tooltip component which accepts both string and number values.\nWhen Tooltip content gets overflow due to height value then the scroll mode will be enabled.\nRefer the documentation here\nto know more about this property with demo.
It is used to display the Tooltip in an open state until closed by manually.\nRefer the documentation here\nto know more about this property with demo.
It allows the Tooltip to follow the mouse pointer movement over the specified target element.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="tooltip/offsetX-api/index.ts" %}{% endcodeBlock %}
It is used to determine the device mode to display the Tooltip content.\nIf it is in desktop, it will show the Tooltip content when hovering on the target element.\nIf it is in touch device, it will show the Tooltip content when tap and holding on the target element.\n{% codeBlock src="tooltip/opensOn-api/index.ts" %}{% endcodeBlock %}
It is used to set the position of Tooltip element, with respect to Target element.\n{% codeBlock src="tooltip/position-api/index.ts" %}{% endcodeBlock %}
It is used to denote the target selector where the Tooltip need to be displayed.\nThe target element is considered as parent container.\n{% codeBlock src="tooltip/target-api/index.ts" %}{% endcodeBlock %}
It is used to set the position of tip pointer on tooltip.\nWhen it sets to auto, the tip pointer auto adjusts within the space of target's length\nand does not point outside.\nRefer the documentation\nhere\nto know more about this property with demo.
It is used to set the width of Tooltip component which accepts both string and number values.\nWhen set to auto, the Tooltip width gets auto adjusted to display its content within the viewable screen.
The height of the heatmap as a string accepts input as both like '100px' or '100%'.\nIf specified as '100%, heatmap renders to the full height of its parent element.
The width of the heatmap as a string accepts input as both like '100px' or '100%'.\nIf specified as '100%, heatmap renders to the full width of its parent element.
Specifies the location of the legend, relative to the chart.\nIf x is 20, legend moves by 20 pixels to the right of the chart. It requires the position to be Custom.
This property is used in financial charts to visualize the price movements in stock.\nIt defines the color of the candle/point, when the opening price is less than the closing price.
This property is used in financial charts to visualize the price movements in stock.\nIt defines the color of the candle/point, when the opening price is higher than the closing price.
Type of series to be drawn in radar or polar series. They are\n'Line'\n'Column'\n'Area'\n'Scatter'\n'Spline'\n'StackingColumn'\n'StackingArea'\n'RangeColumn'\n'SplineArea'
The fill color for the series that accepts value in hex and rgba as a valid CSS color string.\nIt also represents the color of the signal lines in technical indicators.\nFor technical indicators, the default value is 'blue' and for series, it has null.
This property allows grouping series in stacked column / bar charts.\nAny string value can be provided to the stackingGroup property.\nIf any two or above series have the same value, those series will be grouped together.
The stroke width for the series that is applicable only for Line type series.\nIt also represents the stroke width of the signal lines in technical indicators.
Specifies the Toolbar display mode when Toolbar content exceeds the viewing area.\nPossible modes are:
\n
\n
Scrollable: All the elements are displayed in a single line with horizontal scrolling enabled.
\n
Popup: Prioritized elements are displayed on the Toolbar and the rest of elements are moved to the popup.
\n
MultiRow: Displays the overflow toolbar items as an in-line of a toolbar.
\n
Extended: Hide the overflowing toolbar items in the next row. Show the overflowing toolbar items when you click the expand icons.\nIf the popup content overflows the height of the page, the rest of the elements will be hidden.
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
The CSS styles and attributes of the content cells of a particular column can be customized.\n{% codeBlock src="grid/custom-attribute-api/index.ts" %}{% endcodeBlock %}
It is used to change display value with the given format and does not affect the original data.\nGets the format from the user which can be standard or custom\nnumber\nand date formats.
Defines the field name of column which is mapped with mapping name of DataSource.\nThe bounded columns can be sort, filter and group etc.,\nThe field name must be a valid JavaScript identifier,\nthe first character must be an alphabet and should not contain spaces and special characters.
It is used to change display value with the given format and does not affect the original data.\nGets the format from the user which can be standard or custom\nnumber\nand date formats.
Defines the header text of column which is used to display in column header.\nIf headerText is not defined, then field name value will be assigned to header text.
The width of the column as a string accepts input both as like '100px' or '100%'.\nIf specified as '100%, column renders to the full width of its chart.
If allowFiltering set to false, then it disables filtering option and filter bar element of a particular column.\nBy default all columns are filterable.
Defines the method which is used to achieve custom formatting from an external function.\nThis function triggers before rendering of each cell.\n{% codeBlock src="grid/formatter-api/index.ts" %}{% endcodeBlock %}
Defines the custom sort comparer function.\nThe sort comparer function has the same functionality like\nArray.sort sort comparer.\n{% codeBlock src="grid/sort-comparer-api/index.ts" %}{% endcodeBlock %}
Defines the method used to apply custom cell values from external function and display this on each cell rendered.\n{% codeBlock src="grid/value-accessor-api/index.ts" %}{% endcodeBlock %}
If autoFit set to true, then the particular column content width will be\nadjusted based on its content in the initial rendering itself.\nSetting this property as true is equivalent to calling autoFitColumns method in the dataBound event.
If ignoreCase is set to false, searches records that match exactly, else\nsearches records that are case insensitive(uppercase and lowercase letters treated the same).
Defines the search types. The available options are,\nParent: Shows the searched record with parent record.\nChild: Shows the searched record with child record.\nBoth : shows the searched record with both parent and child record.\nNone : Shows only searched record.
Defines the operator to search records. The available operators are:\n<table>\n<tr>\n<td colspan=1 rowspan=1>\nOperator<br/></td><td colspan=1 rowspan=1>\nDescription<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nstartswith<br/></td><td colspan=1 rowspan=1>\nChecks whether the string begins with the specified string.<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nendswith<br/></td><td colspan=1 rowspan=1>\nChecks whether the string ends with the specified string.<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\ncontains<br/></td><td colspan=1 rowspan=1>\nChecks whether the string contains the specified string. <br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nequal<br/></td><td colspan=1 rowspan=1>\nChecks whether the string is equal to the specified string.<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nnotequal<br/></td><td colspan=1 rowspan=1>\nChecks for strings not equal to the specified string. <br/></td></tr>\n</table>
Specifies the extensions of the file types allowed in the file manager component and pass the extensions with comma separators.\nFor example, if you want to upload specific image files, pass allowedExtensions as ".jpg,.png".
By default, the FileManager component initiates automatic upload when the files are added in upload queue.\nIf you want to manipulate the files before uploading to server, disable the autoUpload property.\nThe buttons "upload" and "clear" will be hided from file list when the autoUpload property is true.
Defines options for checkbox selection Mode. They are
\n
\n
Default: This is the default value of the checkboxMode. In this mode, user can select multiple rows by clicking rows one by one.
\n
ResetOnRowClick: In ResetOnRowClick mode, on clicking a row it will reset previously selected row and also multiple\nrows can be selected by using CTRL or SHIFT key.
If 'persistSelection' set to true, then the Grid selection is persisted on all operations.\nFor persisting selection in the Grid, any one of the column should be enabled as a primary key.
It is used to fetch a specified named table data while using serviceUrl of DataManager\nin dataSource property.\nRefer the documentation here\nto know more about this property with demo.
It is used to map keys from the dataSource which extracts the appropriate data from the dataSource\nwith specified mapped with the column fields to render the ListView.\n{% codeBlock src="listview/fields-api/index.ts" %}{% endcodeBlock %}
The ListView has an option to custom design the group header title with the help of groupTemplate property.\nRefer the documentation [here]\n(./listview/customizing-templates#group-template)\nto know more about this property with demo.\n{% codeBlock src="listview/grouptemplate-api/index.ts" %}{% endcodeBlock %}
The ListView has an option to custom design the ListView header title with the help of headerTemplate property.\nRefer the documentation [here]\n(./listview/customizing-templates#header-template)\nto know more about this property with demo.\n{% codeBlock src="listview/headertemplate-api/index.ts" %}{% endcodeBlock %}
It is used to fetch the specific data from dataSource by using where, select key words.\nRefer the documentation [here]\n(./data-binding#bind-to-remote-data)\nto know more about this property with demo.\n{% codeBlock src="listview/query-api/index.ts" %}{% endcodeBlock %}
The ListView supports to customize the content of each list items with the help of template property.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="listview/template-api/index.ts" %}{% endcodeBlock %}
It adds new item(s) to current ListView.\nTo add a new item(s) in the listview, we need to pass data as array of items that needs\nto be added and fields as the target item to which we need to add the given item(s) as its children.\nFor example fields: { text: 'Name', tooltip: 'Name', id:'id'}
Defines the scope value to group sets of sortable libraries.\nMore than one Sortable with same scope allows to transfer elements between different sortable libraries which has same scope value.
The height of the circular gauge as a string in order to provide input as both like '100px' or '100%'.\nIf specified as '100%, gauge will render to the full height of its parent element.
The width of the circular gauge as a string in order to provide input as both like '100px' or '100%'.\nIf specified as '100%, gauge will render to the full width of its parent element.
Triggers when the TreeGrid actions such as Sorting, Paging etc., are done.\nIn this event,the current view data and total record count should be assigned to the dataSource based on the action performed.
Triggered every time a request is made to access cell information, element, or data.\nThis will be triggered before the cell element is appended to the TreeGrid element.
Triggered every time a request is made to access row information, element, or data.\nThis will be triggered before the row element is appended to the TreeGrid element.
If allowReordering is set to true, TreeGrid columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
\n
\n
If TreeGrid is rendered with stacked headers, reordering is allowed only at the same level as the column headers.
If enableVirtualization set to true, then the TreeGrid will render only the rows visible within the view-port\nand load subsequent rows on vertical scrolling. This helps to load large dataset in TreeGrid.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
Updates and refresh the particular row values based on the given primary key value.
\n
\n
Primary key column must be specified using columns.isPrimaryKey property.\n@param {string| number} key - Specifies the PrimaryKey value of dataSource.\n@param {Object} rowData - To update new data for the particular row.
Defines the filter types. The available options are,\nParent: Shows the filtered record with parent record.\nChild: Shows the filtered record with child record.\nBoth : shows the filtered record with both parent and child record.\nNone : Shows only filtered record.
The operators is used to override the default operators in filter menu. This should be defined by type wise\n(string, number, date and boolean). Based on the column type, this customize operator list will render in filter menu.
If enableCaseSensitivity is set to true then searches grid records with exact match based on the filter\noperator. It will have no effect on number, boolean and Date fields.
Defines the column name to display the aggregate value. If columnName is not defined,\nthen field name value will be assigned to the columnName property.
Defines a function to calculate custom aggregate value. The type value should be set to custom.\nTo use custom aggregate value in the template, use the key as ${custom}.\nTotal aggregation: The custom function will be called with the whole data and the current AggregateColumn object.\nGroup aggregation: This will be called with the current group details and the AggregateColumn object.
Defines the footer cell template as a string for the aggregate column.\nThe type name should be used to access aggregate values inside the template.\n{% codeBlock src="grid/footer-template-api/index.ts" %}{% endcodeBlock %}
Format is applied to a calculated value before it is displayed.\nGets the format from the user, which can be standard or custom\nnumber\nand date formats.
Defines the group caption cell template as a string for the aggregate column.\nThe type name should be used to access aggregate values inside the template.\nAdditionally, the following fields can be accessed in the template.
\n
\n
field: The current grouped field name.
\n
key: The current grouped field value.\n{% codeBlock src="grid/group-caption-api/index.ts" %}{% endcodeBlock %}
Defines the group footer cell template as a string for the aggregate column.\nThe type name should be used to access aggregate values inside the template.\nAdditionally, the following fields can be accessed in the template.
\n
\n
field: The current grouped field.
\n
key: The current grouped value.\n{% codeBlock src="grid/group-footer-api/index.ts" %}{% endcodeBlock %}
If allowReordering is set to true, Gantt columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
Defines the tabs and fields to be included in the edit dialog.\nIf the value was empty, then it will be calculated from taskSettings and columns value.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
Triggers while changing the colors. It will be triggered based on the showButtons property.\nIf the property is false, the event will be triggered while selecting the colors.\nIf the property is true, the event will be triggered while apply the selected color.
Sets the collection of values to be mapped for non-mask elements(literals)\nwhich have been set in the mask of MaskedTextBox.
\n
\n
In the below example, non-mask elements "P" accepts values\n"P" , "A" , "p" , "a" and "M" accepts values "M", "m" mentioned in the custom characters collection.\nFor more information on customCharacters, refer to\ncustomCharacters.
Sets a value that enables or disables the persisting state of the MaskedTextBox after reloading the page.\nIf enabled, the 'value' state will be persisted.
The <b><a href="#placeholder" target="_blank">placeholder</a></b> acts as a label\nand floats above the MaskedTextBox based on the below values.\nPossible values are:
\n
\n
Never - The floating label will not be enable when the placeholder is available.
\n
Always - The floating label always floats above the MaskedTextBox.
\n
Auto - The floating label floats above the MaskedTextBox after focusing it or when enters the value in it.
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
Gets or sets the string shown as a hint/placeholder when the MaskedTextBox is empty.\nIt acts as a label and floats above the MaskedTextBox based on the\n<b><a href="#floatlabeltype" target="_blank">floatLabelType.</a></b>
Gets or sets a value that will be shown as a prompting symbol for the masked value.\nThe symbol used to show input positions in the MaskedTextBox.\nFor more information on prompt-character, refer to\nprompt-character.
Gets or sets the value of the MaskedTextBox. It is a raw value of the MaskedTextBox excluding literals\nand prompt characters. By using getMaskedValue property, you can get the value of MaskedTextBox with the masked format.
Gets the value of the MaskedTextBox with the masked format.\nBy using value property, you can get the raw value of maskedtextbox without literals and prompt characters.
Specifies the currency code to use in currency formatting.\nPossible values are the ISO 4217 currency codes, such as 'USD' for the US dollar,'EUR' for the euro.
The <b><a href="#placeholder" target="_blank">placeholder</a></b> acts as a label\nand floats above the NumericTextBox based on the below values.\nPossible values are:
\n
\n
Never - Never floats the label in the NumericTextBox when the placeholder is available.
\n
Always - The floating label always floats above the NumericTextBox.
\n
Auto - The floating label floats above the NumericTextBox after focusing it or when enters the value in it.
Specifies the number format that indicates the display format for the value of the NumericTextBox.\nFor more information on formats, refer to\nformats.
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
Gets or sets the string shown as a hint/placeholder when the NumericTextBox is empty.\nIt acts as a label and floats above the NumericTextBox based on the\n<b><a href="#floatlabeltype" target="_blank">floatLabelType.</a></b>
Specifies a value that indicates whether the NumericTextBox control allows the value for the specified range.
\n
\n
If it is true, the input value will be restricted between the min and max range.\nThe typed value gets modified to fit the range on focused out state.
\n
Else, it allows any value even out of range value,\nAt that time of wrong value entered, the error class will be added to the component to highlight the error.
We can trigger changed event when Slider component action is completed while we change the Slider value.\nIn other term, this event will be triggered, while drag the slider thumb completed.
It is used to denote own array of slider values.\nThe value should be specified in array of number or string.The min,max and step value is not considered
It is used to limit the slider movement within certain limits.\nRefer the documentation here\nto know more about this property with demo\n{% codeBlock src="slider/limits-api/index.ts" %}{% endcodeBlock %}
It is used to show or hide the increase and decrease button of Slider Component,\nwhich is used to change the slider value.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="slider/showButtons-api/index.ts" %}{% endcodeBlock %}
It is used to denote the step value of Slider component which is the amount of Slider value change\nwhen increase / decrease button is clicked or press arrow keys or drag the thumb.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="slider/step-api/index.ts" %}{% endcodeBlock %}
It is used to render the slider ticks options such as placement and step values.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="slider/ticks-api/index.ts" %}{% endcodeBlock %}
It is used to denote the current value of the Slider.\nThe value should be specified in array of number when render Slider type as range.\n{% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
It is used to customize the Tooltip which accepts custom CSS class names that define\nspecific user-defined styles and themes to be applied on the Tooltip element.
It is used to determine the device mode to show the Tooltip.\nIf it is in desktop, it will show the Tooltip content when hovering on the target element.\nIf it is in touch device. It will show the Tooltip content when tap and holding on the target element.
Specifies whether the browser is allow to automatically enter or select a value for the textbox.\nBy default, autocomplete is enabled for textbox.\nPossible values are:\non - Specifies that autocomplete is enabled.\noff - Specifies that autocomplete is disabled.
Specifies the floating label behavior of the TextBox that the placeholder text floats above the TextBox based on the below values.\nPossible values are:
\n
\n
Never - The placeholder text should not be float ever.
\n
Always - The placeholder text floats above the TextBox always.
\n
Auto - The placeholder text floats above the TextBox while focusing or enter a value in Textbox.
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
Specifies a boolean value that enable or disable the multiline on the TextBox.\nThe TextBox changes from single line to multiline when enable this multiline mode.
Specifies the text that is shown as a hint/placeholder until the user focus or enter a value in Textbox.\nThe property is depending on the floatLabelType property.
Specifies the chunk size to split the large file into chunks, and upload it to the server in a sequential order.\nIf the chunk size property has value, the uploader enables the chunk upload by default.\nIt must be specified in bytes value.
\n
\n
For more information, refer to the chunk upload section from the documentation.
Specifies the URL of remove action that receives the file information and handle the remove operation in server.\nThe remove action type must be POST request and define “removeFileNames” attribute to get file information that will be removed.\nThis property is optional.
Specifies the number of retries that the uploader can perform on the file failed to upload.\nBy default, the uploader set 3 as maximum retries. This property must be specified to prevent infinity looping.
Specifies the URL of save action that will receive the upload files and save in the server.\nThe save action type must be POST request and define the argument as same input name used to render the component.\nThe upload operations could not perform without this property.
Triggers when changes occur in uploaded file list by selecting or dropping files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is successfully uploaded to server or removed in server.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n</table>
Fires if the chunk file failed to upload.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nchunkIndex<br/></td><td colSpan=1 rowSpan=1>\nReturns current chunk index.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nchunkSize<br/></td><td colSpan=1 rowSpan=1>\nReturns the size of the chunk file.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploading to server.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\ntotalChunk<br/></td><td colSpan=1 rowSpan=1>\nReturns the total chunk count<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\ncancel<br/></td><td colSpan=1 rowSpan=1>\nPrevent triggering of failure event when we pass true to this attribute<br/></td></tr>\n</table>
Fires when the chunk file uploaded successfully.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nchunkIndex<br/></td><td colSpan=1 rowSpan=1>\nReturns current chunk index.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nchunkSize<br/></td><td colSpan=1 rowSpan=1>\nReturns the size of the chunk file.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploading to server.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n</table>
Triggers when the AJAX request fails on uploading or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is failed from upload/remove.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the failure of the operation whether its upload or remove<br/></td></tr>\n</table>
Triggers when uploading a file to the server using the AJAX request.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploading to server.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n</table>
Triggers when the AJAX request gets success on uploading files or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploaded/removed.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the success of the operation whether its uploaded or removed<br/></td></tr>\n</table>
Specifies the extensions of the file types allowed in the uploader component and pass the extensions\nwith comma separators. For example,\nif you want to upload specific image files, pass allowedExtensions as “.jpg,.png”.
By default, the uploader component initiates automatic upload when the files are added in upload queue.\nIf you want to manipulate the files before uploading to server, disable the autoUpload property.\nThe buttons “upload” and “clear” will be hided from file list when autoUpload property is true.
You can customize the default text of “browse, clear, and upload” buttons with plain text or HTML elements.\nThe buttons’ text can be customized from localization also. If you configured both locale and buttons property,\nthe uploader component considers the buttons property value.
Specifies the drop target to handle the drag-and-drop upload.\nBy default, the component creates wrapper around file input that will act as drop target.
\n
\n
For more information, refer to the drag-and-drop section from the documentation.
Specifies Boolean value that indicates whether the component is enabled or disabled.\nThe uploader component does not allow to interact when this property is disabled.
Specifies the list of files that will be preloaded on rendering of uploader component.\nThe property used to view and remove the uploaded files from server. By default, the files are configured with\nuploaded successfully state. The following properties are mandatory to configure the preload files:
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
By default, the file uploader component is processing the multiple files simultaneously.\nIf sequentialUpload property is enabled, the file upload component performs the upload one after the other.
Specifies a Boolean value that indicates whether the default file list can be rendered.\nThe property used to prevent default file list and design own template for file list.
Remove the uploaded file from server manually by calling the remove URL action.\nIf you pass an empty argument to this method, the complete file list can be cleared,\notherwise remove the specific file based on its argument (“file_data”).
Allows you to call the upload process manually by calling save URL action.\nTo process the selected files (added in upload queue), pass an empty argument otherwise\nupload the specific file based on its argument.
Specifies the callback function to be triggered before sending request to sever.\nThis can be used to modify the XMLHttpRequest object before it is sent.
Sets the maximum level of view such as month, year, and decade in the Calendar.\nDepth view should be smaller than the start view to restrict its view navigation.
Support for allowEdit has been provided from\nv16.2.46.\nSpecifies whether the input textbox is editable or not. Here the user can select the value from the\npopup and cannot edit in the input textbox.
Sets the maximum level of view such as month, year, and decade in the Calendar.\nDepth view should be smaller than the start view to restrict its view navigation.
Specifies the placeholder text to be floated.\nPossible values are:\nNever: The label will never float in the input when the placeholder is available.\nAlways: The floating label will always float above the input.\nAuto: The floating label will float above the input after focusing or entering a value in the input.
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
Customizes the key actions in DatePicker.\nFor example, when using German keyboard, the key actions can be customized using these shortcuts.\nInput Navigation\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nKey action<br/></td><td colSpan=1 rowSpan=1>\nKey<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltUpArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+uparrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltDownArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+downarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nescape<br/></td><td colSpan=1 rowSpan=1>\nescape<br/></td></tr>\n</table>
Specifies the component to act as strict. So that, it allows to enter only a valid date value within a specified range or else it\nwill resets to previous value. By default, strictMode is in false.\nit allows invalid or out-of-range date value with highlighted error class.
Support for allowEdit has been provided from\nv16.2.46.\nSpecifies whether the input textbox is editable or not. Here the user can select the value from the\npopup and cannot edit in the input textbox.
Sets the maximum level of view (month, year, decade) in the Calendar.\nDepth view should be smaller than the start view to restrict its view navigation.
Specifies the placeholder text to be floated.\nPossible values are:\nNever: The label will never float in the input when the placeholder is available.\nAlways: The floating label will always float above the input.\nAuto: The floating label will float above the input after focusing or entering a value in the input.
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
Customizes the key actions in DateRangePicker.\nFor example, when using German keyboard, the key actions can be customized using these shortcuts.\nInput Navigation\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nKey action<br/></td><td colSpan=1 rowSpan=1>\nKey<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltUpArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+uparrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltDownArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+downarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nescape<br/></td><td colSpan=1 rowSpan=1>\nescape<br/></td></tr>\n</table>
Support for allowEdit has been provided from\nv16.2.46.\nSpecifies whether the input textbox is editable or not. Here the user can select the value from the\npopup and cannot edit in the input textbox.
Sets the maximum level of view such as month, year, and decade in the Calendar.\nDepth view should be smaller than the start view to restrict its view navigation.
Specifies the placeholder text to be floated.\nPossible values are:\nNever: The label will never float in the input when the placeholder is available.\nAlways: The floating label will always float above the input.\nAuto: The floating label will float above the input after focusing or entering a value in the input.
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
Customizes the key actions in DateTimePicker.\nFor example, when using German keyboard, the key actions can be customized using these shortcuts.\nInput Navigation\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nKey action<br/></td><td colSpan=1 rowSpan=1>\nKey<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltUpArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+uparrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltDownArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+downarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nescape<br/></td><td colSpan=1 rowSpan=1>\nescape<br/></td></tr>\n</table>
\n
Calendar Navigation (Use the following list of keys to navigate the currently focused Calendar after the popup has opened).\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nKey action<br/></td><td colSpan=1 rowSpan=1>\nKey<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\ncontrolUp<br/></td><td colSpan=1 rowSpan=1>\nctrl+38<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\ncontrolDown<br/></td><td colSpan=1 rowSpan=1>\nctrl+40<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nmoveDown<br/></td><td colSpan=1 rowSpan=1>\ndownarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nmoveUp<br/></td><td colSpan=1 rowSpan=1>\nuparrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nmoveLeft<br/></td><td colSpan=1 rowSpan=1>\nleftarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nmoveRight<br/></td><td colSpan=1 rowSpan=1>\nrightarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nselect<br/></td><td colSpan=1 rowSpan=1>\nenter<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nhome<br/></td><td colSpan=1 rowSpan=1>\nhome<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nend<br/></td><td colSpan=1 rowSpan=1>\nend<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\npageUp<br/></td><td colSpan=1 rowSpan=1>\npageup<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\npageDown<br/></td><td colSpan=1 rowSpan=1>\npagedown<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nshiftPageUp<br/></td><td colSpan=1 rowSpan=1>\nshift+pageup<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nshiftPageDown<br/></td><td colSpan=1 rowSpan=1>\nshift+pagedown<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\ncontrolHome<br/></td><td colSpan=1 rowSpan=1>\nctrl+home<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\ncontrolEnd<br/></td><td colSpan=1 rowSpan=1>\nctrl+end<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltUpArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+uparrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nspacebar<br/></td><td colSpan=1 rowSpan=1>\nspace<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltRightArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+rightarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltLeftArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+leftarrow<br/></td></tr>\n</table>
\n
TimePicker Navigation (Use the below list of shortcut keys to interact with the TimePicker after the TimePicker Popup has opened).\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nKey action<br/></td><td colSpan=1 rowSpan=1>\nKey<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\ndown<br/></td><td colSpan=1 rowSpan=1>\ndownarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nup<br/></td><td colSpan=1 rowSpan=1>\nuparrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nleft<br/></td><td colSpan=1 rowSpan=1>\nleftarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nright<br/></td><td colSpan=1 rowSpan=1>\nrightarrow<br/></td></tr>\n</table>
Specifies the scroll bar position if there is no value is selected in the timepicker popup list or\nthe given value is not present in the timepicker popup list.
Specifies the component to act as strict. So that, it allows to enter only a valid\ndate and time value within a specified range or else it\nwill resets to previous value. By default, strictMode is in false.\nit allows invalid or out-of-range value with highlighted error class.
Support for allowEdit has been provided from\nv16.2.46.\nSpecifies whether the input textbox is editable or not. Here the user can select the value from the\npopup and cannot edit in the input textbox.
Specifies the placeholder text to be floated.\nPossible values are:\nNever: The label will never float in the input when the placeholder is available.\nAlways: The floating label will always float above the input.\nAuto: The floating label will float above the input after focusing or entering a value in the input.
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
Specifies the component to act as strict so that, it allows to enter only a valid time value within a specified range or else\nresets to previous value. By default, strictMode is in false.
\n
\n
For more details refer to\nStrict Mode documentation.
Allows creation and editing of linked appointments assigned to multiple resources. When set to true,\na single appointment object instance will be maintained in schedule dataSource that are created for\nmultiple resources, whereas displayed individually on UI.
Decides whether to allow the resource hierarchy to group by ID. It is set to true by default and when set to false,\nall the resources under child collection will be mapped against each available parent.
Decides whether to display the resource grouping layout in normal or compact mode in mobile devices. When set to false,\nthe default grouping layout on desktop will be displayed on mobile devices with scrolling enabled.
Template option to customize the tooltip that displays over the resource header bar. By default, no tooltip will be\ndisplayed on resource header bar. It accepts either the string or HTMLElement as template design content and\nparse it appropriately before displaying it onto the tooltip. All the resource fields mapped for resource dataSource\ncan be accessed within this template code.
Triggers when the grid actions such as Sorting, Paging, Grouping etc., are done.\nIn this event,the current view data and total record count should be assigned to the dataSource based on the action performed.
Triggered every time a request is made to access cell information, element, or data.\nThis will be triggered before the cell element is appended to the Grid element.
Triggered every time a request is made to access row information, element, or data.\nThis will be triggered before the row element is appended to the Grid element.
If allowFiltering set to true the filter bar will be displayed.\nIf set to false the filter bar will not be displayed.\nFilter bar allows the user to filter grid records with required criteria.
\n
\n
Check the Filtering to customize its default behavior.
If allowGrouping set to true, then it will allow the user to dynamically group or ungroup columns.\nGrouping can be done by drag and drop columns from column header to group drop area.
\n
\n
Check the Grouping to customize its default behavior.
If allowReordering is set to true, Grid columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
\n
\n
If Grid is rendered with stacked headers, reordering is allowed only at the same level as the column headers.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If enableAutoFill is set to true, then the auto fill icon will displayed on cell selection for copy cells.\nIt requires the selection mode to be Cell and cellSelectionMode to be Box.
If enableColumnVirtualization set to true, then the Grid will render only the columns visible within the view-port\nand load subsequent columns on horizontal scrolling. This helps to load large dataset of columns in Grid.
If enableVirtualization set to true, then the Grid will render only the rows visible within the view-port\nand load subsequent rows on vertical scrolling. This helps to load large dataset in Grid.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
Changes the Grid column positions by field index. If you invoke reorderColumnByTargetIndex multiple times,\nthen you will get the same results every time.
Updates and refresh the particular row values based on the given primary key value.
\n
\n
Primary key column must be specified using columns.isPrimaryKey property.\n@param {string| number} key - Specifies the PrimaryKey value of dataSource.\n@param {Object} rowData - To update new data for the particular row.
If disablePageWiseAggregates set to true, then the group aggregate value will\nbe calculated from the whole data instead of paged data and two requests will be made for each page\nwhen Grid bound with remote service.
If showToggleButton set to true, then the toggle button will be showed in the column headers which can be used to group\nor ungroup columns by clicking them.
If showUngroupButton set to false, then ungroup button is hidden in dropped element.\nIt can be used to ungroup the grouped column when click on ungroup button.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Determines on which filter type, the component needs to be considered on search action.\nThe available FilterType\nand its supported data types are\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nFilterType<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td><td colSpan=1 rowSpan=1>\nSupported Types<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nStartsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>\nString<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nEndsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nContains<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n</table>
Specifies whether to display the floating label above the input element.\nPossible values are:
\n
\n
Never: The label will never float in the input when the placeholder is available.
\n
Always: The floating label will always float above the input.
\n
Auto: The floating label will float above the input after focusing or entering a value in the input.\n{% codeBlock src="autocomplete/float-label-type-api/index.ts" %}{% endcodeBlock %}
Allows additional HTML attributes such as title, name, etc., and\naccepts n number of attributes in a key-value pair format.\n{% codeBlock src="autocomplete/html-attributes-api/index.ts" %}{% endcodeBlock %}
Accepts the template design and assigns it to each list item present in the popup.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Allows you to set [`the minimum search character length']\n(../../auto-complete/filtering#limit-the-minimum-filter-character),\nthe search action will perform after typed minimum characters.
Specifies the width of the component. By default, the component width sets based on the width of\nits parent container. You can also set the width in pixel values.
When allowFiltering is set to true, show the filter bar (search box) of the component.\nThe filter action retrieves matched items through the filtering event based on\nthe characters typed in the search TextBox.\nIf no match is found, the value of the noRecordsTemplate property will be displayed.\n{% codeBlock src="combobox/allow-filtering-api/index.ts" %}{% endcodeBlock %}
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Determines on which filter type, the component needs to be considered on search action.\nThe FilterType and its supported data types are\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nFilterType<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td><td colSpan=1 rowSpan=1>\nSupported Types<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nStartsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>\nString<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nEndsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nContains<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n</table>
\n
The default value set to StartsWith, all the suggestion items which contain typed characters to listed in the suggestion popup.
Specifies whether to display the floating label above the input element.\nPossible values are:
\n
\n
Never: The label will never float in the input when the placeholder is available.
\n
Always: The floating label will always float above the input.
\n
Auto: The floating label will float above the input after focusing or entering a value in the input.\n{% codeBlock src="combobox/float-label-type-api/index.ts" %}{% endcodeBlock %}
Allows additional HTML attributes such as title, name, etc., and\naccepts n number of attributes in a key-value pair format.\n{% codeBlock src="combobox/html-attributes-api/index.ts" %}{% endcodeBlock %}
Accepts the template design and assigns it to each list item present in the popup.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Specifies the width of the component. By default, the component width sets based on the width of\nits parent container. You can also set the width in pixel values.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Determines on which filter type, the component needs to be considered on search action.\nThe FilterType and its supported data types are\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nFilterType<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td><td colSpan=1 rowSpan=1>\nSupported Types<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nStartsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>\nString<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nEndsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nContains<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n</table>
\n
The default value set to StartsWith, all the suggestion items which contain typed characters to listed in the suggestion popup.
Accepts the template design and assigns it to each list item present in the popup.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
When allowFiltering is set to true, show the filter bar (search box) of the component.\nThe filter action retrieves matched items through the filtering event based on\nthe characters typed in the search TextBox.\nIf no match is found, the value of the noRecordsTemplate property will be displayed.
\n
\n
For more details about the filtering refer to Filtering documentation.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Determines on which filter type, the component needs to be considered on search action.\nThe FilterType and its supported data types are\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nFilterType<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td><td colSpan=1 rowSpan=1>\nSupported Types<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nStartsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>\nString<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nEndsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nContains<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n</table>
\n
The default value set to StartsWith, all the suggestion items which contain typed characters to listed in the suggestion popup.
Specifies whether to display the floating label above the input element.\nPossible values are:
\n
\n
Never: The label will never float in the input when the placeholder is available.
\n
Always: The floating label will always float above the input.
\n
Auto: The floating label will float above the input after focusing or entering a value in the input.\n{% codeBlock src="dropdownlist/float-label-type-api/index.ts" %}{% endcodeBlock %}
Allows additional HTML attributes such as title, name, etc., and\naccepts n number of attributes in a key-value pair format.\n{% codeBlock src="dropdownlist/html-attributes-api/index.ts" %}{% endcodeBlock %}
Accepts the template design and assigns it to each list item present in the popup.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Accepts the template design and assigns it to the selected list item in the input element of the component.\nFor more details about the available template options refer to\nTemplate documentation.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Specifies the width of the component. By default, the component width sets based on the width of\nits parent container. You can also set the width in pixel values.
If 'allowDragAndDrop' is set to true, then you can perform drag and drop of the list item.\nListBox contains same 'scope' property enables drag and drop between multiple ListBox.
To enable the filtering option in this component.\nFilter action performs when type in search box and collect the matched item through filtering event.\nIf searching character does not match, noRecordsTemplate property value will be shown.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Determines on which filter type, the component needs to be considered on search action.\nThe FilterType and its supported data types are\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nFilterType<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td><td colSpan=1 rowSpan=1>\nSupported Types<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nStartsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>\nString<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nEndsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nContains<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n</table>
\n
The default value set to StartsWith, all the suggestion items which contain typed characters to listed in the suggestion popup.
Accepts the template design and assigns it to each list item present in the popup.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
To enable the filtering option in this component.\nFilter action performs when type in search box and collect the matched item through filtering event.\nIf searching character does not match, noRecordsTemplate property value will be shown.\n{% codeBlock src="multiselect/allow-filtering-api/index.ts" %}{% endcodeBlock %}
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Specifies a Boolean value that indicates the whether the grouped list items are\nallowed to check by checking the group header in checkbox mode.\nBy default, there is no checkbox provided for group headers.\nThis property allows you to render checkbox for group headers and to select\nall the grouped items at once
Determines on which filter type, the component needs to be considered on search action.\nThe FilterType and its supported data types are\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nFilterType<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td><td colSpan=1 rowSpan=1>\nSupported Types<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nStartsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>\nString<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nEndsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nContains<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n</table>
\n
The default value set to StartsWith, all the suggestion items which contain typed characters to listed in the suggestion popup.
Gets or sets the additional attribute to HtmlAttributes property in MultiSelect,\nwhich helps to add attribute like title, name etc, input should be key value pair.\n{% codeBlock src="multiselect/html-attributes-api/index.ts" %}{% endcodeBlock %}
Accepts the template design and assigns it to each list item present in the popup.
\n
\n
For more details about the available template options refer to Template documentation.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Accepts the template design and assigns it to the selected list item in the input element of the component.\nFor more details about the available template options refer to\nTemplate documentation.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Based on the state parameter, entire list item will be selected/deselected.\nparameter\ntrue - Selects entire list items.\nfalse - Un Selects entire list items.
Triggers before command execution using toolbar items or executeCommand method.\nIf you cancel this event, the command cannot be executed.\nSet the cancel argument to true to cancel the command execution.
Event triggers when the dialog is being opened.\nIf you cancel this event, the dialog remains closed.\nSet the cancel argument to true to cancel the open of a dialog.
Enable enableAutoUrl to accept the given URL (relative or absolute) without validating the URL for hyperlinks, otherwise\nthe given URL will automatically convert to absolute path URL by prefixing https:// for hyperlinks.
Enables or disables the resizing option in the editor.\nIf enabled, the RichTextEditor can be resized by dragging the resize icon in the bottom right corner.
enable - set boolean value to enable or disable the inline edit mode.
\n
onSelection - If its set to true, upon selecting the text, the toolbar is opened in inline.\nIf its set to false, upon clicking to the target element, the toolbar is opened.
Specifies the image insert options in RichTextEditor component and control with the following properties.
\n
\n
allowedTypes - Specifies the extensions of the image types allowed to insert on bowering and\npassing the extensions with comma separators. For example, pass allowedTypes as .jpg and .png.
\n
display - Sets the default display for an image when it is inserted in to the RichTextEditor.\nPossible options are: 'inline' and 'block'.
\n
width - Sets the default width of the image when it is inserted in the RichTextEditor.
\n
saveFormat - Specifies the format to store the image in the RichTextEditor (Base64 or Blob).
\n
height - Sets the default height of the image when it is inserted in the RichTextEditor.
\n
saveUrl - Provides URL to map the action result method to save the image.
Specifies the items to be rendered in quick toolbar based on the target element.
\n
\n
It has following fields:
\n
enable - set boolean value to show or hide the quick toolbar
\n
actionOnScroll - it has two possible options\n\n
hide: The quickToolbar is closed when the parent element is scrolled.
\n
none: The quickToolbar cannot be closed even the parent element is scrolled.
\n\n
\n
link - Specifies the items to be rendered in quick toolbar based on link element such as Open, Edit, and UnLink.
\n
image - Specifies the items to be rendered in quick toolbar based on image element such as 'Replace',\n'Align', 'Caption', 'Remove', 'InsertLink', 'Display', 'AltText', 'Dimension'.
\n
text\t - Specifies the items to be rendered in quick toolbar based on text element such as 'Cut', 'Copy', 'Paste'.
Specifies the saveInterval in milliseconds for autosave the value.\nThe change event will be triggered if the content was changed from the last saved interval.
Specifies the table insert options in RichTextEditor component and control with the following properties.
\n
\n
styles - Class name should be appended by default in table element.\nIt helps to design the table in specific CSS styles always when inserting in editor.
\n
width - Sets the default width of the table when it is inserted in the RichTextEditor.
\n
minWidth - Sets the default minWidth of the table when it is inserted in the RichTextEditor.
\n
maxWidth - Sets the default maxWidth of the table when it is inserted in the RichTextEditor.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Specifies the value displayed in the RichTextEditor's content area and it should be string.\nThe content of RichTextEditor can be loaded with dynamic data such as database, AJAX content, and more.
Accepts the template design and assigns it as RichTextEditor’s content.\nThe built-in template engine which provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals
Assigns the resource dataSource\nThe data can be passed either as an array of JavaScript objects,\nor else can create an instance of DataManager\nin case of processing remote data and can be assigned to the dataSource property.\nWith the remote data assigned to dataSource, check the available\nadaptors to customize the data processing.
It maps the expanded field from the dataSource, which is used to specify whether each resource levels\nin timeline view needs to be maintained in an expanded or collapsed state by default.
Sets the text content to be displayed for the Accordion item.\nYou can set the content of the Accordion item using content property.\nIt also supports to include the title as HTML element, string, or query selector.
Sets the header text to be displayed for the Accordion item.\nYou can set the title of the Accordion item using header property.\nIt also supports to include the title as HTML element, string, or query selector.
Defines an icon with the given custom CSS class that is to be rendered before the header text.\nAdd the css classes to the iconCss property and write the css styles to the defined class to set images/icons.\nAdding icon is applicable only to the header.
Defines class/multiple classes separated by a space for the menu Item that is used to include an icon.\nMenu Item can include font icon and sprite image.
Gets or sets the Sidebar component is open or close.
\n
\n
When the Sidebar type is set to Auto,\nthe component will be expanded in the desktop and collapsed in the mobile mode regardless of the isOpen property.
Over - The sidebar floats over the main content area.
\n
Push - The sidebar pushes the main content area to appear side-by-side, and shrinks the main content within the screen width.
\n
Slide - The sidebar translates the x and y positions of main content area based on the sidebar width.\nThe main content area will not be adjusted within the screen width.
\n
Auto - Sidebar with Over type in mobile resolution and Push type in other higher resolutions.
\n
\n
\n
For more details about SidebarType refer to\nSidebarType documentation.
Specifies the width of the Sidebar. By default, the width of the Sidebar sets based on the size of its content.\nWidth can also be set in pixel values.
Specifies the height of the Tab component. By default, Tab height is set based on the height of its parent.\nTo use height property, heightAdjustMode must be set to 'None'.
Specifies the Tab display mode when Tab content exceeds the viewing area.\nThe possible modes are:
\n
\n
Scrollable: All the elements are displayed in a single line with horizontal scrolling enabled.
\n
Popup: Tab container holds the items that can be placed within the available space and rest of the items are moved to the popup.\nIf the popup content overflows the height of the page, the rest of the elements can be viewed by scrolling the popup.
Triggers when data source is changed in the TreeView. The data source will be changed after performing some operation like\ndrag and drop, node editing, adding and removing node.
Indicates whether the TreeView allows drag and drop of nodes. To drag and drop a node in\ndesktop, hold the mouse on the node, drag it to the target node and drop the node by releasing\nthe mouse. For touch devices, drag and drop operation is performed by touch, touch move\nand touch end. For more information on drag and drop nodes concept, refer to\nDrag and Drop.
Enables or disables editing of the text in the TreeView node. When allowEditing property is set\nto true, the TreeView allows you to edit the node by double clicking the node or by navigating to\nthe node and pressing F2 key. For more information on node editing, refer\nto Node Editing.
Enables or disables multi-selection of nodes. To select multiple nodes:
\n
\n
Select the nodes by holding down the CTRL key while clicking on the nodes.
\n
Select consecutive nodes by clicking the first node to select and hold down the SHIFT key\nand click the last node to select.\nFor more information on multi-selection, refer to\nMulti-Selection.
The checkedNodes property is used to set the nodes that need to be checked or\nget the ID of nodes that are currently checked in the TreeView component.\nThe checkedNodes property depends upon the value of showCheckBox property.\nFor more information on checkedNodes, refer to\ncheckedNodes.
Represents the expanded nodes in the TreeView component. We can set the nodes that need to be\nexpanded or get the ID of the nodes that are currently expanded by using this property.
On enabling this property, the entire row of the TreeView node gets selected by clicking a node.\nWhen disabled only the corresponding node's text gets selected.\nFor more information on Fields concept, refer to\nFields.
Specifies a template to render customized content for all the nodes. If the nodeTemplate property\nis set, the template content overrides the displayed node text. The property accepts template string\ntemplate string\nor HTML element ID holding the content. For more information on template concept, refer to\nTemplate.
Represents the selected nodes in the TreeView component. We can set the nodes that need to be\nselected or get the ID of the nodes that are currently selected by using this property.\nOn enabling allowMultiSelection property we can select multiple nodes and on disabling\nit we can select only a single node.\nFor more information on selectedNodes, refer to\nselectedNodes.
Indicates that the nodes will display CheckBoxes in the TreeView.\nThe CheckBox will be displayed next to the expand/collapse icon of the node. For more information on CheckBoxes, refer to\nCheckBox.
Specifies a value that indicates whether the nodes are sorted in the ascending or descending order,\nor are not sorted at all. The available types of sort order are,
\n
\n
None - The nodes are not sorted.
\n
Ascending - The nodes are sorted in the ascending order.
\n
Descending - The nodes are sorted in the ascending order.
Adds the collection of TreeView nodes based on target and index position. If target node is not specified,\nthen the nodes are added as children of the given parentID or in the root level of TreeView.
Instead of clicking on the TreeView node for editing, we can enable it by using\nbeginEdit property. On passing the node ID or element through this property, the edit textBox\nwill be created for the particular node thus allowing us to edit it.
Collapses all the expanded TreeView nodes. You can collapse specific nodes by passing array of nodes as argument to this method.\nYou can also collapse all the nodes excluding the hidden nodes by setting excludeHiddenNodes to true. If you want to collapse\na specific level of nodes, set level as argument to collapseAll method.
Ensures visibility of the TreeView node by using node ID or node element.\nWhen many TreeView nodes are present and we need to find a particular node, ensureVisible property\nhelps bring the node to visibility by expanding the TreeView and scrolling to the specific node.
Expands all the collapsed TreeView nodes. You can expand the specific nodes by passing the array of collapsed nodes\nas argument to this method. You can also expand all the collapsed nodes by excluding the hidden nodes by setting\nexcludeHiddenNodes to true to this method. To expand a specific level of nodes, set level as argument to expandAll method.
To get the updated data source of TreeView after performing some operation like drag and drop, node editing,\nnode selecting/unSelecting, node expanding/collapsing, node checking/unChecking, adding and removing node.
\n
\n
If you pass the ID of TreeView node as arguments for this method then it will return the updated data source\nof the corresponding node otherwise it will return the entire updated data source of TreeView.
\n
The updated data source also contains custom attributes if you specified in data source.
Indicates font embedding licensing rights for the font.\nEmbeddable fonts may be stored in a document.\nWhen a document with embedded fonts is opened on a system that does not have the font installed\n(the remote system), the embedded font may be loaded for temporary (and in some cases, permanent)\nuse on that system by an embedding-aware application.\nEmbedding licensing rights are granted by the vendor of the font.
This 10 byte series of numbers are used to describe the visual characteristics\nof a given typeface. These characteristics are then used to associate the font with\nother fonts of similar appearance having different names. The variables for each digit are listed below.\nThe specifications for each variable can be obtained in the specification\nPANOSE v2.0 Numerical Evaluation from Microsoft Corporation.
The typographic ascender for this font.\nRemember that this is not the same as the Ascender value in the 'h h e a' table,\nwhich Apple defines in a far different manner.\nDEF_TABLE_OFFSET good source for usTypoAscender is the Ascender value from an A F M file.
The typographic descender for this font.\nRemember that this is not the same as the Descender value in the 'h h e a' table,\nwhich Apple defines in a far different manner.\nDEF_TABLE_OFFSET good source for usTypoDescender is the Descender value from an A F M file.
The typographic line gap for this font.\nRemember that this is not the same as the LineGap value in the 'h h e a' table,\nwhich Apple defines in a far different manner.
This field is used to specify the code pages encompassed\nby the font file in the 'cmap' subtable for platform 3, encoding ID 1 (Microsoft platform).\nIf the font file is encoding ID 0, then the Symbol Character Set bit should be set.\nIf the bit is set (1) then the code page is considered functional.\nIf the bit is clear (0) then the code page is not considered functional.\nEach of the bits is treated as an independent flag and the bits can be set in any combination.\nThe determination of "functional" is left up to the font designer,\nalthough character set selection should attempt to be functional by code pages if at all possible.
This field is used to specify the code pages encompassed\nby the font file in the 'cmap' subtable for platform 3, encoding ID 1 (Microsoft platform).\nIf the font file is encoding ID 0, then the Symbol Character Set bit should be set.\nIf the bit is set (1) then the code page is considered functional.\nIf the bit is clear (0) then the code page is not considered functional.\nEach of the bits is treated as an independent flag and the bits can be set in any combination.\nThe determination of "functional" is left up to the font designer,\nalthough character set selection should attempt to be functional by code pages if at all possible.
The minimum Unicode index (character code) in this font,\naccording to the cmap subtable for platform ID 3 and encoding ID 0 or 1.\nFor most fonts supporting Win-ANSI or other character sets, this value would be 0x0020.
usLastCharIndex: The maximum Unicode index (character code) in this font,\naccording to the cmap subtable for platform ID 3 and encoding ID 0 or 1.\nThis value depends on which character sets the font supports.
The ascender metric for Windows.\nThis too is distinct from Apple's Ascender value and from the usTypoAscender values.\nusWinAscent is computed as the yMax for all characters in the Windows ANSI character set.\nusTypoAscent is used to compute the Windows font height and default line spacing.\nFor platform 3 encoding 0 fonts, it is the same as yMax.
The descender metric for Windows.\nThis too is distinct from Apple's Descender value and from the usTypoDescender values.\nusWinDescent is computed as the -yMin for all characters in the Windows ANSI character set.\nusTypoAscent is used to compute the Windows font height and default line spacing.\nFor platform 3 encoding 0 fonts, it is the same as -yMin.
The Average Character Width parameter specifies\nthe arithmetic average of the escapement (width)\nof all of the 26 lowercase letters a through z of the Latin alphabet\nand the space character. If any of the 26 lowercase letters are not present,\nthis parameter should equal the weighted average of all glyphs in the font.\nFor non - U G L (platform 3, encoding 0) fonts, use the unweighted average.
Bit 0 - baseline for font at y=0\nBit 1 - left SideBearing at x=0\nBit 2 - instructions may depend on point size\nBit 3 - force p p e m to integer values for all private scaler math; may use fractional p p e m sizes if this bit is clean\nBit 4 - instructions may alter advance width (the advance widths might not scale linearly)\nNote: All other bits must be zero.
FontDirectionHint:\n0 Fully mixed directional glyphs\n1 Only strongly left to right\n2 Like 1 but also contains neutrals\n-1 Only strongly right to left\n-2 Like -1 but also contains neutrals.
Regular: 0\nBold: 1\nItalic: 2\nBold Italic: 3\nBit 0 - bold (if set to 1)\nBit 1 - italic (if set to 1)\nBits 2-15 - reserved (set to 0)\nNOTE:\nNote that macStyle bits must agree with the 'OS/2' table fsSelection bits.\nThe fsSelection bits are used over the macStyle bits in Microsoft Windows.\nThe PANOSE values and 'post' table values are ignored for determining bold or italic fonts.
Regular: 0\nBold: 1\nItalic: 2\nBold Italic: 3\nBit 0- bold (if set to 1)\nBit 1- italic (if set to 1)\nBits 2-15- reserved (set to 0).\nNOTE:\nNote that macStyle bits must agree with the 'OS/2' table fsSelection bits.\nThe fsSelection bits are used over the macStyle bits in Microsoft Windows.\nThe PANOSE values and 'post' table values are ignored for determining bold or italic fonts.
Sets the number of days to be displayed by default in Agenda View and in case of virtual scrolling,\nthe number of days will be fetched on each scroll-end based on this count.
When set to true, allows the appointments to move over the time slots. When an appointment is dragged, both its start\nand end time tends to change simultaneously allowing it to reschedule the appointment on some other time.
When set to true, allows the resizing of appointments. It allows the rescheduling of appointments either by changing the\nstart or end time by dragging the event resize handlers.
It allows the Scheduler to display in other calendar modes.\nBy default, Scheduler is displayed in Gregorian calendar mode.\nTo change the mode, you can set either Gregorian or Islamic as a value to this calendarMode property.
It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto\nthe month date cells. This template is only applicable for month view day cells.
The template option which is used to render the customized work cells on the Schedule. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the work cells.\nThe fields accessible via template are as follows.
It is used to customize the Schedule which accepts custom CSS class names that defines specific user-defined styles and themes\nto be applied on the Schedule element.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
By default, Schedule follows the date-format as per the default culture assigned to it.\nIt is also possible to manually set specific date format by using the dateFormat property.\nThe format of the date range label in the header bar depends on the dateFormat value or else based on the\nlocale assigned to the Schedule.
It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto\nthe date header cells. The field that can be accessed via this template is date.\n{% codeBlock src="schedule/date-header-api/index.ts" %}{% endcodeBlock %}
The template option to render the customized editor window. The form elements defined within this template should be accompanied\nwith e-field class, so as to fetch and process it from internally.\n{% codeBlock src="schedule/editor-api/index.html" %}{% endcodeBlock %}\n{% codeBlock src="schedule/editor-api/index.ts" %}{% endcodeBlock %}
It enables the external drag and drop support for appointments on scheduler, to be able to move them out of the scheduler layout.\nWhen the drag area is explicitly set with specific DOM element name,\nthe appointments can be dragged anywhere within the specified drag area location.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
This option allows the user to set the first day of a week on Schedule. It should be based on the locale set to it and each culture\ndefines its own first day of week values. If needed, the user can set it manually on his own by defining the value through\nthis property. It usually accepts the integer values, whereby 0 is always denoted as Sunday, 1 as Monday and so on.
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.\n{% codeBlock src="schedule/group-api/index.ts" %}{% endcodeBlock %}
Allows defining the collection of custom header rows to display the year, month, week, date and hour label as an individual row\non the timeline view of the scheduler.\n{% codeBlock src="schedule/header-rows-api/index.ts" %}{% endcodeBlock %}
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
The days which does not has even a single event to display will be hidden from the UI of Agenda View by default.\nWhen this property is set to false, the empty dates will also be displayed on the Schedule.
The template option to customize the quick window. The three sections of the quick popup whereas the header, content,\nand footer can be easily customized with individual template option.\n{% codeBlock src="schedule/quick-info-template-api/index.html" %}{% endcodeBlock %}\n{% codeBlock src="schedule/quick-info-template-api/index.ts" %}{% endcodeBlock %}
Template option to customize the resource header bar. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the resource header cells.\nThe following can be accessible via template.
\n
\n
resource - All the resource fields.
\n
resourceData - object collection of current resource.\n{% codeBlock src="schedule/resource-header-api/index.html" %}{% endcodeBlock %}\n{% codeBlock src="schedule/resource-header-api/index.ts" %}{% endcodeBlock %}
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.\n{% codeBlock src="schedule/resources-api/index.ts" %}{% endcodeBlock %}
When set to false, hides the header bar of the Schedule from UI. By default,\nthe header bar holds the date and view navigation options, to which the user can add their own custom items onto it.
When set to false, hides the current time indicator from the Schedule. Otherwise,\nit visually depicts the live current system time appropriately on the user interface.
When set to false, it hides the weekend days of a week from the Schedule. The days which are not defined in the working days\ncollection are usually treated as weekend days.\nNote: By default, this option is not applicable on Work Week view.\nFor example, if the working days are defined as [1, 2, 3, 4], then the remaining days of that week will be considered as\nthe weekend days and will be hidden on all the views.
It is used to specify the starting hour, from which the Schedule starts to display. It accepts the time string in a short skeleton\nformat and also, hides the time beyond the specified start time.
Allows to set different time duration on Schedule along with the customized grid count. It also has template option to\ncustomize the time slots with required time values in its own format.\n{% codeBlock src="schedule/timescale-api/index.ts" %}{% endcodeBlock %}
Schedule will be assigned with specific timezone, so as to display the events in it accordingly. By default,\nSchedule dates are processed with System timezone, as no timezone will be assigned specifically to the Schedule at the initial time.\nWhenever the Schedule is bound to remote data services, it is always recommended to set specific timezone to Schedule to make the\nevents on it to display on the same time irrespective of the system timezone. It usually accepts\nthe valid IANA timezone names.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
It is used to set the working days on Schedule. The only days that are defined in this collection will be rendered on the workWeek\nview whereas on other views, it will display all the usual days and simply highlights the working days with different shade.
The working hours should be highlighted on Schedule with different color shade and an additional option must be provided to\nhighlight it or not. This functionality is handled through workHours property and the start work hour should be 9 AM by default\nand end work hour should point to 6 PM. The start and end working hours needs to be provided as Time value of short skeleton type.
Allows the Scheduler events data to be exported as an Excel file either in .xlsx or .csv file formats.\nBy default, the whole event collection bound to the Scheduler gets exported as an Excel file.\nTo export only the specific events of Scheduler, you need to pass the custom data collection as\na parameter to this exportToExcel method. This method accepts the export options as arguments such as fileName,\nexportType, fields, customData, and includeOccurrences. The fileName denotes the name to be given for the exported\nfile and the exportType allows you to set the format of an Excel file to be exported either as .xlsx or .csv.\nThe custom or specific field collection of event dataSource to be exported can be provided through fields option\nand the custom data collection can be exported by passing them through the customData option. There also exists\noption to export each individual instances of the recurring events to an Excel file, by setting true or false to the\nincludeOccurrences option, denoting either to include or exclude the occurrences as separate instances on an exported Excel file.
Exports the Scheduler events to a calendar (.ics) file. By default, the calendar is exported with a file name Calendar.ics.\nTo change this file name on export, pass the custom string value as fileName to get the file downloaded with this provided name.
Imports the events from an .ics file downloaded from any of the calendars like Google or Outlook into the Scheduler.\nThis method accepts the blob object of an .ics file to be imported as a mandatory argument.
Removes or resets different working hours on the required working days by accepting the required start and end time as well as the\ndate collection as its parameters.\nif no parameters has been passed to this function, it will remove all the work hours.
Sets different working hours on the required working days by accepting the required start and end time as well as the date collection\nas its parameters.
With this property, the event data will be bound to Schedule.\nThe event data can be passed either as an array of JavaScript objects,\nor else can create an instance of DataManager\nin case of processing remote data and can be assigned to the dataSource property.\nWith the remote data assigned to dataSource, check the available\nadaptors to customize the data processing.
Defines the resource name, to decides the color of which particular resource level is to be applied on appointments, when\ngrouping is enabled on scheduler.\n{% codeBlock src="schedule/resource-color-field-api/index.ts" %}{% endcodeBlock %}
It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying\nit onto the event background. All the event fields mapped to Schedule from dataSource can be accessed within this template code.\n{% codeBlock src="schedule/event-template-api/index.ts" %}{% endcodeBlock %}
It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto tooltip.\nAll the event fields mapped with Schedule dataSource can be accessed within this template code.\n{% codeBlock src="schedule/tooltip-template-api/index.ts" %}{% endcodeBlock %}
Defines the validation rules to be applied on the event fields within the event editor.\n{% codeBlock src="schedule/validation-api/index.ts" %}{% endcodeBlock %}
It maps the endTimezone field from the dataSource and usually accepts the valid IANA timezone names.\nIt is assumed that the value provided for this field is taken into consideration while processing the endTime field.\nWhen this field is not mapped with any timezone names, then the events will be processed based on the timezone assigned\nto the Schedule.
The id field needs to be defined as mandatory, when the Schedule is bound to remote data and\nit is optional, if the same is bound with JSON data. This field usually assigns ID value to each of the events.
The isBlock field allows you to block certain time interval on the Scheduler.\nIt is a boolean type property accepting either true or false values.\nWhen set to true, creates a block range for the specified time interval and disables the event scheduling actions on that time range.
It maps the recurrenceID field from dataSource and usually holds the ID value of the parent\nrecurrence event. It is applicable only for the edited occurrence events.
It maps the startTimezone field from the dataSource and usually accepts the valid IANA timezone names.\nIt is assumed that the value provided for this field is taken into consideration while processing\nthe startTime field. When this field is not mapped with any timezone names,\nthen the events will be processed based on the timezone assigned to the Schedule.
Template option to customize the individual header rows. It accepts either the string or HTMLElement as template design\ncontent and parse it appropriately before displaying it onto the header cells. The field that\ncan be accessed via this template is date.
When set to true, allows the schedule to display the appointments accurately against the exact time duration.\nIf set to false, all the appointments of a day will be displayed one below the other.
The template option to be applied for major time slot. Here, the\ntemplate accepts either the string or HTMLElement as template design and then the parsed design is displayed\nonto the time cells. The time details can be accessed within this template.
The template option to be applied for minor time slot. Here, the\ntemplate accepts either the string or HTMLElement as template design and then the parsed design is displayed\nonto the time cells. The time details can be accessed within this template.\n@default null
It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the\nmonth date cells.\nThis template is only applicable for month view day cells.
The template option which is used to render the customized work cells on the Schedule. Here, the\ntemplate accepts either the string or HTMLElement as template design and then the parsed design is displayed onto the work cells.\nThe field accessible via template is date. It gets applied only to the view objects on which it is defined.
By default, Schedule follows the date-format as per the default culture assigned to it. It is also possible to manually set\nspecific date format by using the dateFormat property. The format of the date range label in the header bar depends on\nthe dateFormat value or else based on the locale assigned to the Schedule.\nIt gets applied only to the view objects on which it is defined.
It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the\ndate header cells. The field that can be accessed via this template is date.\nIt gets applied only to the view objects on which it is defined.
It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto\nthe event background. All the event fields mapped to Schedule from dataSource can be accessed within this template code.\nIt is similar to that of the template option available within the eventSettings property,\nwhereas it will get applied only on the events of the view to which it is currently being defined.
This option allows the user to set the first day of a week on Schedule. It should be based on the locale set to it and each culture\ndefines its own first day of week values. If needed, the user can set it manually on his own by defining the value through\nthis property. It usually accepts the integer values, whereby 0 is always denoted as Sunday, 1 as Monday and so on.
Allows defining the collection of custom header rows to display the year, month, week, date and hour label as an individual row\non the timeline view of the scheduler.
To denote whether the view name given on the option is active or not.\nIt acts similar to the currentView property and defines the active view of Schedule.
When set to true, displays a quick popup with cell or event details on single clicking over the cells or on events.\nBy default, it is set to true. It gets applied only to the view objects on which it is defined.
The template option which is used to render the customized header cells on the schedule. Here, the\ntemplate accepts either the string or HTMLElement as template design and then the parsed design is displayed onto the header cells.\nAll the resource fields mapped within resources can be accessed within this template code.\nIt gets applied only to the view objects on which it is defined.
When set to false, it hides the weekend days of a week from the Schedule.\nThe days which are not defined in the working days collection are usually treated as weekend days.\nNote: By default, this option is not applicable on Work Week view.\nFor example, if the working days are defined as [1, 2, 3, 4], then the remaining days of that week will be considered as the\nweekend days and will be hidden on all the views.
It is used to specify the starting hour, from which the Schedule starts to display.\nIt accepts the time string in a short skeleton format and also, hides the time beyond the specified start time.
It is used to set the working days on schedule. The only days that are defined in this collection will be rendered on the\nworkWeek view whereas on other views, it will display all the usual days and simply highlights the working days with different\nshade.
Defines the tooltip that should be shown when the mouse hovers over a node or connector\nAn object that defines the description, appearance and alignments of tooltip
Defines the type of the UMLActivity flows\nObject - Sets the type of the UMLActivity Flow as Object\nControl - Sets the type of the UMLActivity Flow as Control\nException - Sets the type of the UMLActivity Flow as Exception
Defines the shape of the icon.\nNone\nMinus - sets the icon shape as minus\nPlus - sets the icon shape as Plus\nArrowUp - sets the icon shape as ArrowUp\nArrowDown - sets the icon shape as ArrowDown\nTemplate - sets the icon shape based on the given custom template\nPath - sets the icon shape based on the given custom Path
The height of the chart as a string in order to provide input as both like '100px' or '100%'.\nIf specified as '100%, chart will render to the full height of its parent element.
The width of the chart as a string in order to provide input as both like '100px' or '100%'.\nIf specified as '100%, chart will render to the full width of its parent element.
Options for customize the connector line in series.\nThis property is applicable for Pie, Funnel and Pyramid series.\nThe default connector length for Pie series is '4%'. For other series, it is null.
The height of the chart as a string accepts input both as '100px' or '100%'.\nIf specified as '100%, chart renders to the full height of its parent element.
The width of the chart as a string accepts input as both like '100px' or '100%'.\nIf specified as '100%, chart renders to the full width of its parent element.
The fill color for the series that accepts value in hex and rgba as a valid CSS color string.\nIt also represents the color of the signal lines in technical indicators.\nFor technical indicators, the default value is 'blue' and for series, it has null.
The stroke width for the series that is applicable only for Line type series.\nIt also represents the stroke width of the signal lines in technical indicators.
The fill color for the series that accepts value in hex and rgba as a valid CSS color string.\nIt also represents the color of the signal lines in technical indicators.\nFor technical indicators, the default value is 'blue' and for series, it has null.
The stroke width for the series that is applicable only for Line type series.\nIt also represents the stroke width of the signal lines in technical indicators.
The fill color for the series that accepts value in hex and rgba as a valid CSS color string.\nIt also represents the color of the signal lines in technical indicators.\nFor technical indicators, the default value is 'blue' and for series, it has null.
The stroke width for the series that is applicable only for Line type series.\nIt also represents the stroke width of the signal lines in technical indicators.
The height of the chart as a string accepts input both as '100px' or '100%'.\nIf specified as '100%, range navigator renders to the full height of its parent element.
Used to format the axis label that accepts any global string format like 'C', 'n1', 'P' etc.\nIt also accepts placeholder like '{value}°C' in which value represent the axis label, e.g, 20°C.
The width of the range navigator as a string accepts input as both like '100px' or '100%'.\nIf specified as '100%, range navigator renders to the full width of its parent element.
Used to format the axis label that accepts any global string format like 'C', 'n1', 'P' etc.\nIt also accepts placeholder like '{value}°C' in which value represent the axis label, e.g, 20°C.
The fill color for the series that accepts value in hex and rgba as a valid CSS color string.\nIt also represents the color of the signal lines in technical indicators.\nFor technical indicators, the default value is 'blue' and for series, it has null.
The stroke width for the series that is applicable only for Line type series.\nIt also represents the stroke width of the signal lines in technical indicators.
This property is used in stock charts to visualize the price movements in stock.\nIt defines the color of the candle/point, when the opening price is less than the closing price.
This property is used in financial charts to visualize the price movements in stock.\nIt defines the color of the candle/point, when the opening price is higher than the closing price.
The fill color for the series that accepts value in hex and rgba as a valid CSS color string.\nIt also represents the color of the signal lines in technical indicators.\nFor technical indicators, the default value is 'blue' and for series, it has null.
The stroke width for the series that is applicable only for Line type series.\nIt also represents the stroke width of the signal lines in technical indicators.
The height of the stockChart as a string accepts input both as '100px' or '100%'.\nIf specified as '100%, stockChart renders to the full height of its parent element.
The width of the stockChart as a string accepts input as both like '100px' or '100%'.\nIf specified as '100%, stockChart renders to the full width of its parent element.
Dynamically injects the required modules to the component.
\n","type":"Method","link":"//ej2.syncfusion.com/documentation/api/stock-chart/#inject"}}}
\ No newline at end of file
+{"ChecksumCalculator":{"checksumUpdate":{"name":"checksumUpdate","description":"
Updates checksum by calculating checksum of the\ngiven buffer and adding it to current value.
Executes the given query with either local or remote data source.\nIt will be executed as asynchronously and returns Promise object which will be resolved or rejected after action completed.
Save bulk changes to the given table name.\nUser can add a new record, edit an existing record, and delete a record at the same time.\nIf the datasource from remote, then updated in a single post.
If match case set to true, then filter records with exact match or else\nfilter records with case insensitive(uppercase and lowercase letters treated as same).
Defines the operator to filter records. The available operators and its supported data types are:\n<table>\n<tr>\n<td colspan=1 rowspan=1>\nOperator<br/></td><td colspan=1 rowspan=1>\nDescription<br/></td><td colspan=1 rowspan=1>\nSupported Types<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nstartswith<br/></td><td colspan=1 rowspan=1>\nChecks whether the value begins with the specified value.<br/></td><td colspan=1 rowspan=1>\nString<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nendswith<br/></td><td colspan=1 rowspan=1>\nChecks whether the value ends with the specified value.<br/><br/></td><td colspan=1 rowspan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\ncontains<br/></td><td colspan=1 rowspan=1>\nChecks whether the value contains the specified value.<br/><br/></td><td colspan=1 rowspan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nequal<br/></td><td colspan=1 rowspan=1>\nChecks whether the value is equal to the specified value.<br/><br/></td><td colspan=1 rowspan=1>\n<br/>String | Number | Boolean | Date<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nnotequal<br/></td><td colspan=1 rowspan=1>\nChecks for values that are not equal to the specified value.<br/><br/></td><td colspan=1 rowspan=1>\n<br/>String | Number | Boolean | Date<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\ngreaterthan<br/></td><td colspan=1 rowspan=1>\nChecks whether the value is greater than the specified value.<br/><br/></td><td colspan=1 rowspan=1>\nNumber | Date<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\ngreaterthanorequal<br/></td><td colspan=1 rowspan=1>\nChecks whether the value is greater than or equal to the specified value.<br/><br/></td><td colspan=1 rowspan=1>\n<br/>Number | Date<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nlessthan<br/></td><td colspan=1 rowspan=1>\nChecks whether the value is less than the specified value.<br/><br/></td><td colspan=1 rowspan=1>\n<br/>Number | Date<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nlessthanorequal<br/></td><td colspan=1 rowspan=1>\nChecks whether the value is less than or equal to the specified value.<br/><br/></td><td colspan=1 rowspan=1>\n<br/>Number | Date<br/></td></tr>\n</table>
Specifies the Toolbar command display area when an element's content is too large to fit available space.\nThis is applicable only to popup mode. Possible values are:
\n
\n
Show: Always shows the item as the primary priority on the Toolbar.
\n
Hide: Always shows the item as the secondary priority on the popup.
\n
None: No priority for display, and as per normal order moves to popup when content exceeds.
Defines single/multiple classes separated by space used to specify an icon for the button.\nThe icon will be positioned before the text content if text is available, otherwise the icon alone will be rendered.
Defines the priority of items to display it in popup always.\nIt allows to maintain toolbar item on popup always but it does not work for toolbar priority items.
Defines single/multiple classes separated by space used to specify an icon for the button.\nThe icon will be positioned after the text content if text is available.
Defines class/multiple classes separated by a space in the DropDownButton element. The\nDropDownButton size and styles can be customized by using this.
Defines class/multiple classes separated by a space for the DropDownButton that is used to\ninclude an icon. DropDownButton can also include font icon and sprite image.
Specifies the animation name that should be applied on open and close the dialog.\nIf user sets Fade animation, the dialog will open with FadeIn effect and close with FadeOut effect.\nThe following are the list of animation effects available to configure to the dialog:
Specifies the root CSS class of the progress button that allows customization of component’s appearance.\nThe progress button types, styles, and size can be achieved by using this property.
Defines class/multiple classes separated by a space for the progress button that is used to include an icon.\nProgress button can also include font icon and sprite image.
Defines class/multiple classes separated by a space for the SplitButton that is used to include an\nicon. SplitButton can also include font icon and sprite image.
Defines class/multiple classes separated by a space for the Button that is used to include an icon.\nButtons can also include font icon and sprite image.
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
Specifies a value that indicates whether the CheckBox is in indeterminate state or not.\nWhen set to true, the CheckBox will be in indeterminate state.
Event triggers before the dialog is closed.\nIf you cancel this event, the dialog remains opened.\nSet the cancel argument to true to cancel the closure of a dialog.
Event triggers when the dialog is being opened.\nIf you cancel this event, the dialog remains closed.\nSet the cancel argument to true to cancel the open of a dialog.
Specifies the value whether the dialog component can be dragged by the end-user.\nThe dialog allows to drag by selecting the header and dragging it for re-position the dialog.
\n
\n
More information on the draggable behavior can be found on this documentation section.
Configures the action buttons that contains button properties with primary attributes and click events.\nOne or more action buttons can be configured to the dialog.
\n
\n
More information on the button configuration can be found on this\ndocumentation section.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.
Specifies the value whether the dialog component can be resized by the end-user.\nIf enableResize is true, the dialog component creates grip to resize it diagonal direction.
Specifies the template value that can be displayed with dialog's footer area.\nThis is optional property and can be used only when the footer is occupied with information or custom components.\nBy default, the footer is configured with action buttons.\nIf footer template is configured to dialog, the action buttons property will be disabled.
\n
\n
More information on the footer template configuration can be found on this documentation section.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the Boolean value whether the dialog can be displayed as modal or non-modal.
\n
\n
Modal: It creates overlay that disable interaction with the parent application and user should\nrespond with modal before continuing with other applications.
\n
Modeless: It does not prevent user interaction with parent application.
Specifies the value where the dialog can be positioned within the document or target.\nThe position can be represented with pre-configured positions or specific X and Y values.
specifies the action that should happen when scroll the target-parent container.\nThis property should define either reposition or hide.\nwhen set reposition to this property, the popup position will refresh when scroll any parent container.\nwhen set hide to this property, the popup will be closed when scroll any parent container.
We can trigger beforeOpen event before the Tooltip is displayed over the target element.\nWhen one of its arguments cancel is set to true, the Tooltip display can be prevented.\nThis event is mainly used for the purpose of refreshing the Tooltip positions dynamically or to\nset customized styles in it and so on.
We can trigger beforeRender event before the Tooltip and its contents are added to the DOM.\nWhen one of its arguments cancel is set to true, the Tooltip can be prevented from rendering on the page.\nThis event is mainly used for the purpose of customizing the Tooltip before it shows up on the screen.\nFor example, to load the AJAX content or to set new animation effects on the Tooltip, this event can be opted.\nRefer the documentation\nhere\nto know more about this property with demo.
We can set the same or different animation option to Tooltip while it is in open or close state.\nRefer the documentation here\nto know more about this property with demo.
It is used to display the content of Tooltip which can be both string and HTML Elements.\nRefer the documentation here\nto know more about this property with demo.
It is used to customize the Tooltip which accepts custom CSS class names that\ndefines specific user-defined styles and themes to be applied on the Tooltip element.
It is used to set the height of Tooltip component which accepts both string and number values.\nWhen Tooltip content gets overflow due to height value then the scroll mode will be enabled.\nRefer the documentation here\nto know more about this property with demo.
It is used to display the Tooltip in an open state until closed by manually.\nRefer the documentation here\nto know more about this property with demo.
It allows the Tooltip to follow the mouse pointer movement over the specified target element.\nRefer the documentation here\nto know more about this property with demo.
It is used to determine the device mode to display the Tooltip content.\nIf it is in desktop, it will show the Tooltip content when hovering on the target element.\nIf it is in touch device, it will show the Tooltip content when tap and holding on the target element.
It is used to set the position of tip pointer on tooltip.\nWhen it sets to auto, the tip pointer auto adjusts within the space of target's length\nand does not point outside.\nRefer the documentation\nhere\nto know more about this property with demo.
It is used to set the width of Tooltip component which accepts both string and number values.\nWhen set to auto, the Tooltip width gets auto adjusted to display its content within the viewable screen.
Used to format the axis label that accepts any global string format like 'C', 'n1', 'P' etc.\nIt also accepts placeholder like '{value}°C' in which value represent the axis label, e.g, 20°C.
To format the axis label, which accepts any global string format like 'C', 'n1', 'P' etc.\nAlso accepts placeholder like '{value}°C' in which value represent the axis label e.g. 20°C.
The height of the Linear gauge as a string in order to provide input as both like '100px' or '100%'.\nIf specified as '100%, gauge will render to the full height of its parent element.
The width of the Linear gauge as a string in order to provide input as both like '100px' or '100%'.\nIf specified as '100%, gauge will render to the full width of its parent element.
It is used to fetch a specified named table data while using serviceUrl of DataManager\nin dataSource property.\nRefer the documentation here\nto know more about this property with demo.
It is used to map keys from the dataSource which extracts the appropriate data from the dataSource\nwith specified mapped with the column fields to render the ListView.
The ListView has an option to custom design the group header title with the help of groupTemplate property.\nRefer the documentation [here]\n(./listview/customizing-templates#group-template)\nto know more about this property with demo.
The ListView has an option to custom design the ListView header title with the help of headerTemplate property.\nRefer the documentation [here]\n(./listview/customizing-templates#header-template)\nto know more about this property with demo.
It is used to fetch the specific data from dataSource by using where, select key words.\nRefer the documentation [here]\n(./data-binding#bind-to-remote-data)\nto know more about this property with demo.
The ListView supports to customize the content of each list items with the help of template property.\nRefer the documentation here\nto know more about this property with demo.
It adds new item(s) to current ListView.\nTo add a new item(s) in the listview, we need to pass data as array of items that needs\nto be added and fields as the target item to which we need to add the given item(s) as its children.\nFor example fields: { text: 'Name', tooltip: 'Name', id:'id'}
Defines the scope value to group sets of sortable libraries.\nMore than one Sortable with same scope allows to transfer elements between different sortable libraries which has same scope value.
Specifies the Toolbar display mode when Toolbar content exceeds the viewing area.\nPossible modes are:
\n
\n
Scrollable: All the elements are displayed in a single line with horizontal scrolling enabled.
\n
Popup: Prioritized elements are displayed on the Toolbar and the rest of elements are moved to the popup.
\n
MultiRow: Displays the overflow toolbar items as an in-line of a toolbar.
\n
Extended: Hide the overflowing toolbar items in the next row. Show the overflowing toolbar items when you click the expand icons.\nIf the popup content overflows the height of the page, the rest of the elements will be hidden.
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
It is used to change display value with the given format and does not affect the original data.\nGets the format from the user which can be standard or custom\nnumber\nand date formats.
Defines the field name of column which is mapped with mapping name of DataSource.\nThe bounded columns can be sort, filter and group etc.,\nThe field name must be a valid JavaScript identifier,\nthe first character must be an alphabet and should not contain spaces and special characters.
It is used to change display value with the given format and does not affect the original data.\nGets the format from the user which can be standard or custom\nnumber\nand date formats.
Defines the header text of column which is used to display in column header.\nIf headerText is not defined, then field name value will be assigned to header text.
The width of the column as a string accepts input both as like '100px' or '100%'.\nIf specified as '100%, column renders to the full width of its chart.
If allowFiltering set to false, then it disables filtering option and filter bar element of a particular column.\nBy default all columns are filterable.
If autoFit set to true, then the particular column content width will be\nadjusted based on its content in the initial rendering itself.\nSetting this property as true is equivalent to calling autoFitColumns method in the dataBound event.
If ignoreCase is set to false, searches records that match exactly, else\nsearches records that are case insensitive(uppercase and lowercase letters treated the same).
Defines the search types. The available options are,\nParent: Shows the searched record with parent record.\nChild: Shows the searched record with child record.\nBoth : shows the searched record with both parent and child record.\nNone : Shows only searched record.
Defines the operator to search records. The available operators are:\n<table>\n<tr>\n<td colspan=1 rowspan=1>\nOperator<br/></td><td colspan=1 rowspan=1>\nDescription<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nstartswith<br/></td><td colspan=1 rowspan=1>\nChecks whether the string begins with the specified string.<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nendswith<br/></td><td colspan=1 rowspan=1>\nChecks whether the string ends with the specified string.<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\ncontains<br/></td><td colspan=1 rowspan=1>\nChecks whether the string contains the specified string. <br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nequal<br/></td><td colspan=1 rowspan=1>\nChecks whether the string is equal to the specified string.<br/></td></tr>\n<tr>\n<td colspan=1 rowspan=1>\nnotequal<br/></td><td colspan=1 rowspan=1>\nChecks for strings not equal to the specified string. <br/></td></tr>\n</table>
Specifies the extensions of the file types allowed in the file manager component and pass the extensions with comma separators.\nFor example, if you want to upload specific image files, pass allowedExtensions as ".jpg,.png".
By default, the FileManager component initiates automatic upload when the files are added in upload queue.\nIf you want to manipulate the files before uploading to server, disable the autoUpload property.\nThe buttons "upload" and "clear" will be hided from file list when the autoUpload property is true.
Specifies the location of the legend, relative to the chart.\nIf x is 20, legend moves by 20 pixels to the right of the chart. It requires the position to be Custom.
Defines options for checkbox selection Mode. They are
\n
\n
Default: This is the default value of the checkboxMode. In this mode, user can select multiple rows by clicking rows one by one.
\n
ResetOnRowClick: In ResetOnRowClick mode, on clicking a row it will reset previously selected row and also multiple\nrows can be selected by using CTRL or SHIFT key.
If 'persistSelection' set to true, then the Grid selection is persisted on all operations.\nFor persisting selection in the Grid, any one of the column should be enabled as a primary key.
Triggers when the TreeGrid actions such as Sorting, Paging etc., are done.\nIn this event,the current view data and total record count should be assigned to the dataSource based on the action performed.
Triggered every time a request is made to access cell information, element, or data.\nThis will be triggered before the cell element is appended to the TreeGrid element.
Triggered every time a request is made to access row information, element, or data.\nThis will be triggered before the row element is appended to the TreeGrid element.
If allowReordering is set to true, TreeGrid columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
\n
\n
If TreeGrid is rendered with stacked headers, reordering is allowed only at the same level as the column headers.
If enableAutoFill is set to true, then the auto fill icon will displayed on cell selection for copy cells.\nIt requires the selection mode to be Cell and cellSelectionMode to be Box.
If enableVirtualization set to true, then the TreeGrid will render only the rows visible within the view-port\nand load subsequent rows on vertical scrolling. This helps to load large dataset in TreeGrid.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
Updates and refresh the particular row values based on the given primary key value.
\n
\n
Primary key column must be specified using columns.isPrimaryKey property.\n@param {string| number} key - Specifies the PrimaryKey value of dataSource.\n@param {Object} rowData - To update new data for the particular row.
Defines the filter types. The available options are,\nParent: Shows the filtered record with parent record.\nChild: Shows the filtered record with child record.\nBoth : shows the filtered record with both parent and child record.\nNone : Shows only filtered record.
The operators is used to override the default operators in filter menu. This should be defined by type wise\n(string, number, date and boolean). Based on the column type, this customize operator list will render in filter menu.
If enableCaseSensitivity is set to true then searches grid records with exact match based on the filter\noperator. It will have no effect on number, boolean and Date fields.
Defines the column name to display the aggregate value. If columnName is not defined,\nthen field name value will be assigned to the columnName property.
Defines a function to calculate custom aggregate value. The type value should be set to custom.\nTo use custom aggregate value in the template, use the key as ${custom}.\nTotal aggregation: The custom function will be called with the whole data and the current AggregateColumn object.\nGroup aggregation: This will be called with the current group details and the AggregateColumn object.
Format is applied to a calculated value before it is displayed.\nGets the format from the user, which can be standard or custom\nnumber\nand date formats.
Defines the group caption cell template as a string for the aggregate column.\nThe type name should be used to access aggregate values inside the template.\nAdditionally, the following fields can be accessed in the template.
Defines the group footer cell template as a string for the aggregate column.\nThe type name should be used to access aggregate values inside the template.\nAdditionally, the following fields can be accessed in the template.
The height of the circular gauge as a string in order to provide input as both like '100px' or '100%'.\nIf specified as '100%, gauge will render to the full height of its parent element.
The width of the circular gauge as a string in order to provide input as both like '100px' or '100%'.\nIf specified as '100%, gauge will render to the full width of its parent element.
The height of the heatmap as a string accepts input as both like '100px' or '100%'.\nIf specified as '100%, heatmap renders to the full height of its parent element.
The width of the heatmap as a string accepts input as both like '100px' or '100%'.\nIf specified as '100%, heatmap renders to the full width of its parent element.
This property is used in financial charts to visualize the price movements in stock.\nIt defines the color of the candle/point, when the opening price is less than the closing price.
This property is used in financial charts to visualize the price movements in stock.\nIt defines the color of the candle/point, when the opening price is higher than the closing price.
Type of series to be drawn in radar or polar series. They are\n'Line'\n'Column'\n'Area'\n'Scatter'\n'Spline'\n'StackingColumn'\n'StackingArea'\n'RangeColumn'\n'SplineArea'
The fill color for the series that accepts value in hex and rgba as a valid CSS color string.\nIt also represents the color of the signal lines in technical indicators.\nFor technical indicators, the default value is 'blue' and for series, it has null.
This property allows grouping series in stacked column / bar charts.\nAny string value can be provided to the stackingGroup property.\nIf any two or above series have the same value, those series will be grouped together.
The stroke width for the series that is applicable only for Line type series.\nIt also represents the stroke width of the signal lines in technical indicators.
Triggers while changing the colors. It will be triggered based on the showButtons property.\nIf the property is false, the event will be triggered while selecting the colors.\nIf the property is true, the event will be triggered while apply the selected color.
Sets the collection of values to be mapped for non-mask elements(literals)\nwhich have been set in the mask of MaskedTextBox.
\n
\n
In the below example, non-mask elements "P" accepts values\n"P" , "A" , "p" , "a" and "M" accepts values "M", "m" mentioned in the custom characters collection.\nFor more information on customCharacters, refer to\ncustomCharacters.
Sets a value that enables or disables the persisting state of the MaskedTextBox after reloading the page.\nIf enabled, the 'value' state will be persisted.
The <b><a href="#placeholder" target="_blank">placeholder</a></b> acts as a label\nand floats above the MaskedTextBox based on the below values.\nPossible values are:
\n
\n
Never - The floating label will not be enable when the placeholder is available.
\n
Always - The floating label always floats above the MaskedTextBox.
\n
Auto - The floating label floats above the MaskedTextBox after focusing it or when enters the value in it.
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
Gets or sets the string shown as a hint/placeholder when the MaskedTextBox is empty.\nIt acts as a label and floats above the MaskedTextBox based on the\n<b><a href="#floatlabeltype" target="_blank">floatLabelType.</a></b>
Gets or sets a value that will be shown as a prompting symbol for the masked value.\nThe symbol used to show input positions in the MaskedTextBox.\nFor more information on prompt-character, refer to\nprompt-character.
Gets or sets the value of the MaskedTextBox. It is a raw value of the MaskedTextBox excluding literals\nand prompt characters. By using getMaskedValue property, you can get the value of MaskedTextBox with the masked format.
Gets the value of the MaskedTextBox with the masked format.\nBy using value property, you can get the raw value of maskedtextbox without literals and prompt characters.
Specifies the currency code to use in currency formatting.\nPossible values are the ISO 4217 currency codes, such as 'USD' for the US dollar,'EUR' for the euro.
The <b><a href="#placeholder" target="_blank">placeholder</a></b> acts as a label\nand floats above the NumericTextBox based on the below values.\nPossible values are:
\n
\n
Never - Never floats the label in the NumericTextBox when the placeholder is available.
\n
Always - The floating label always floats above the NumericTextBox.
\n
Auto - The floating label floats above the NumericTextBox after focusing it or when enters the value in it.
Specifies the number format that indicates the display format for the value of the NumericTextBox.\nFor more information on formats, refer to\nformats.
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
Gets or sets the string shown as a hint/placeholder when the NumericTextBox is empty.\nIt acts as a label and floats above the NumericTextBox based on the\n<b><a href="#floatlabeltype" target="_blank">floatLabelType.</a></b>
Specifies a value that indicates whether the NumericTextBox control allows the value for the specified range.
\n
\n
If it is true, the input value will be restricted between the min and max range.\nThe typed value gets modified to fit the range on focused out state.
\n
Else, it allows any value even out of range value,\nAt that time of wrong value entered, the error class will be added to the component to highlight the error.
We can trigger changed event when Slider component action is completed while we change the Slider value.\nIn other term, this event will be triggered, while drag the slider thumb completed.
It is used to denote own array of slider values.\nThe value should be specified in array of number or string.The min,max and step value is not considered
It is used to show or hide the increase and decrease button of Slider Component,\nwhich is used to change the slider value.\nRefer the documentation here\nto know more about this property with demo.
It is used to denote the step value of Slider component which is the amount of Slider value change\nwhen increase / decrease button is clicked or press arrow keys or drag the thumb.\nRefer the documentation here\nto know more about this property with demo.
It is used to render the slider ticks options such as placement and step values.\nRefer the documentation here\nto know more about this property with demo.
It is used to customize the Tooltip which accepts custom CSS class names that define\nspecific user-defined styles and themes to be applied on the Tooltip element.
It is used to determine the device mode to show the Tooltip.\nIf it is in desktop, it will show the Tooltip content when hovering on the target element.\nIf it is in touch device. It will show the Tooltip content when tap and holding on the target element.
Specifies whether the browser is allow to automatically enter or select a value for the textbox.\nBy default, autocomplete is enabled for textbox.\nPossible values are:\non - Specifies that autocomplete is enabled.\noff - Specifies that autocomplete is disabled.
Specifies the floating label behavior of the TextBox that the placeholder text floats above the TextBox based on the below values.\nPossible values are:
\n
\n
Never - The placeholder text should not be float ever.
\n
Always - The placeholder text floats above the TextBox always.
\n
Auto - The placeholder text floats above the TextBox while focusing or enter a value in Textbox.
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
Specifies a boolean value that enable or disable the multiline on the TextBox.\nThe TextBox changes from single line to multiline when enable this multiline mode.
Specifies the text that is shown as a hint/placeholder until the user focus or enter a value in Textbox.\nThe property is depending on the floatLabelType property.
Specifies the chunk size to split the large file into chunks, and upload it to the server in a sequential order.\nIf the chunk size property has value, the uploader enables the chunk upload by default.\nIt must be specified in bytes value.
\n
\n
For more information, refer to the chunk upload section from the documentation.
Specifies the URL of remove action that receives the file information and handle the remove operation in server.\nThe remove action type must be POST request and define “removeFileNames” attribute to get file information that will be removed.\nThis property is optional.
Specifies the number of retries that the uploader can perform on the file failed to upload.\nBy default, the uploader set 3 as maximum retries. This property must be specified to prevent infinity looping.
Specifies the URL of save action that will receive the upload files and save in the server.\nThe save action type must be POST request and define the argument as same input name used to render the component.\nThe upload operations could not perform without this property.
Triggers when changes occur in uploaded file list by selecting or dropping files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is successfully uploaded to server or removed in server.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n</table>
Fires if the chunk file failed to upload.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nchunkIndex<br/></td><td colSpan=1 rowSpan=1>\nReturns current chunk index.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nchunkSize<br/></td><td colSpan=1 rowSpan=1>\nReturns the size of the chunk file.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploading to server.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\ntotalChunk<br/></td><td colSpan=1 rowSpan=1>\nReturns the total chunk count<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\ncancel<br/></td><td colSpan=1 rowSpan=1>\nPrevent triggering of failure event when we pass true to this attribute<br/></td></tr>\n</table>
Fires when the chunk file uploaded successfully.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nchunkIndex<br/></td><td colSpan=1 rowSpan=1>\nReturns current chunk index.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nchunkSize<br/></td><td colSpan=1 rowSpan=1>\nReturns the size of the chunk file.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploading to server.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n</table>
Triggers when the AJAX request fails on uploading or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is failed from upload/remove.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the failure of the operation whether its upload or remove<br/></td></tr>\n</table>
Triggers when uploading a file to the server using the AJAX request.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploading to server.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n</table>
Triggers when the AJAX request gets success on uploading files or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploaded/removed.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the success of the operation whether its uploaded or removed<br/></td></tr>\n</table>
Specifies the extensions of the file types allowed in the uploader component and pass the extensions\nwith comma separators. For example,\nif you want to upload specific image files, pass allowedExtensions as “.jpg,.png”.
By default, the uploader component initiates automatic upload when the files are added in upload queue.\nIf you want to manipulate the files before uploading to server, disable the autoUpload property.\nThe buttons “upload” and “clear” will be hided from file list when autoUpload property is true.
You can customize the default text of “browse, clear, and upload” buttons with plain text or HTML elements.\nThe buttons’ text can be customized from localization also. If you configured both locale and buttons property,\nthe uploader component considers the buttons property value.
Specifies the drop target to handle the drag-and-drop upload.\nBy default, the component creates wrapper around file input that will act as drop target.
\n
\n
For more information, refer to the drag-and-drop section from the documentation.
Specifies Boolean value that indicates whether the component is enabled or disabled.\nThe uploader component does not allow to interact when this property is disabled.
Specifies the list of files that will be preloaded on rendering of uploader component.\nThe property used to view and remove the uploaded files from server. By default, the files are configured with\nuploaded successfully state. The following properties are mandatory to configure the preload files:
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
By default, the file uploader component is processing the multiple files simultaneously.\nIf sequentialUpload property is enabled, the file upload component performs the upload one after the other.
Specifies a Boolean value that indicates whether the default file list can be rendered.\nThe property used to prevent default file list and design own template for file list.
Remove the uploaded file from server manually by calling the remove URL action.\nIf you pass an empty argument to this method, the complete file list can be cleared,\notherwise remove the specific file based on its argument (“file_data”).
Allows you to call the upload process manually by calling save URL action.\nTo process the selected files (added in upload queue), pass an empty argument otherwise\nupload the specific file based on its argument.
Sets the maximum level of view such as month, year, and decade in the Calendar.\nDepth view should be smaller than the start view to restrict its view navigation.
By default, the date value will be processed based on system time zone.\nIf you want to process the initial date value using server time zone\nthen specify the time zone value to serverTimezoneOffset property.
Support for allowEdit has been provided from\nv16.2.46.\nSpecifies whether the input textbox is editable or not. Here the user can select the value from the\npopup and cannot edit in the input textbox.
Sets the maximum level of view such as month, year, and decade in the Calendar.\nDepth view should be smaller than the start view to restrict its view navigation.
Specifies the placeholder text to be floated.\nPossible values are:\nNever: The label will never float in the input when the placeholder is available.\nAlways: The floating label will always float above the input.\nAuto: The floating label will float above the input after focusing or entering a value in the input.
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
Customizes the key actions in DatePicker.\nFor example, when using German keyboard, the key actions can be customized using these shortcuts.\nInput Navigation\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nKey action<br/></td><td colSpan=1 rowSpan=1>\nKey<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltUpArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+uparrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltDownArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+downarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nescape<br/></td><td colSpan=1 rowSpan=1>\nescape<br/></td></tr>\n</table>
By default, the date value will be processed based on system time zone.\nIf you want to process the initial date value using server time zone\nthen specify the time zone value to serverTimezoneOffset property.
Specifies the component to act as strict. So that, it allows to enter only a valid date value within a specified range or else it\nwill resets to previous value. By default, strictMode is in false.\nit allows invalid or out-of-range date value with highlighted error class.
Support for allowEdit has been provided from\nv16.2.46.\nSpecifies whether the input textbox is editable or not. Here the user can select the value from the\npopup and cannot edit in the input textbox.
Sets the maximum level of view (month, year, decade) in the Calendar.\nDepth view should be smaller than the start view to restrict its view navigation.
Specifies the placeholder text to be floated.\nPossible values are:\nNever: The label will never float in the input when the placeholder is available.\nAlways: The floating label will always float above the input.\nAuto: The floating label will float above the input after focusing or entering a value in the input.
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
Customizes the key actions in DateRangePicker.\nFor example, when using German keyboard, the key actions can be customized using these shortcuts.\nInput Navigation\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nKey action<br/></td><td colSpan=1 rowSpan=1>\nKey<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltUpArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+uparrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltDownArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+downarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nescape<br/></td><td colSpan=1 rowSpan=1>\nescape<br/></td></tr>\n</table>
By default, the date value will be processed based on system time zone.\nIf you want to process the initial date value using server time zone\nthen specify the time zone value to serverTimezoneOffset property.
Support for allowEdit has been provided from\nv16.2.46.\nSpecifies whether the input textbox is editable or not. Here the user can select the value from the\npopup and cannot edit in the input textbox.
Sets the maximum level of view such as month, year, and decade in the Calendar.\nDepth view should be smaller than the start view to restrict its view navigation.
Specifies the placeholder text to be floated.\nPossible values are:\nNever: The label will never float in the input when the placeholder is available.\nAlways: The floating label will always float above the input.\nAuto: The floating label will float above the input after focusing or entering a value in the input.
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
Customizes the key actions in DateTimePicker.\nFor example, when using German keyboard, the key actions can be customized using these shortcuts.\nInput Navigation\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nKey action<br/></td><td colSpan=1 rowSpan=1>\nKey<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltUpArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+uparrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltDownArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+downarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nescape<br/></td><td colSpan=1 rowSpan=1>\nescape<br/></td></tr>\n</table>
\n
Calendar Navigation (Use the following list of keys to navigate the currently focused Calendar after the popup has opened).\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nKey action<br/></td><td colSpan=1 rowSpan=1>\nKey<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\ncontrolUp<br/></td><td colSpan=1 rowSpan=1>\nctrl+38<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\ncontrolDown<br/></td><td colSpan=1 rowSpan=1>\nctrl+40<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nmoveDown<br/></td><td colSpan=1 rowSpan=1>\ndownarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nmoveUp<br/></td><td colSpan=1 rowSpan=1>\nuparrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nmoveLeft<br/></td><td colSpan=1 rowSpan=1>\nleftarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nmoveRight<br/></td><td colSpan=1 rowSpan=1>\nrightarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nselect<br/></td><td colSpan=1 rowSpan=1>\nenter<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nhome<br/></td><td colSpan=1 rowSpan=1>\nhome<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nend<br/></td><td colSpan=1 rowSpan=1>\nend<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\npageUp<br/></td><td colSpan=1 rowSpan=1>\npageup<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\npageDown<br/></td><td colSpan=1 rowSpan=1>\npagedown<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nshiftPageUp<br/></td><td colSpan=1 rowSpan=1>\nshift+pageup<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nshiftPageDown<br/></td><td colSpan=1 rowSpan=1>\nshift+pagedown<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\ncontrolHome<br/></td><td colSpan=1 rowSpan=1>\nctrl+home<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\ncontrolEnd<br/></td><td colSpan=1 rowSpan=1>\nctrl+end<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltUpArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+uparrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nspacebar<br/></td><td colSpan=1 rowSpan=1>\nspace<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltRightArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+rightarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\naltLeftArrow<br/></td><td colSpan=1 rowSpan=1>\nalt+leftarrow<br/></td></tr>\n</table>
\n
TimePicker Navigation (Use the below list of shortcut keys to interact with the TimePicker after the TimePicker Popup has opened).\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nKey action<br/></td><td colSpan=1 rowSpan=1>\nKey<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\ndown<br/></td><td colSpan=1 rowSpan=1>\ndownarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nup<br/></td><td colSpan=1 rowSpan=1>\nuparrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nleft<br/></td><td colSpan=1 rowSpan=1>\nleftarrow<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nright<br/></td><td colSpan=1 rowSpan=1>\nrightarrow<br/></td></tr>\n</table>
Specifies the scroll bar position if there is no value is selected in the timepicker popup list or\nthe given value is not present in the timepicker popup list.
By default, the date value will be processed based on system time zone.\nIf you want to process the initial date value using server time zone\nthen specify the time zone value to serverTimezoneOffset property.
Specifies the component to act as strict. So that, it allows to enter only a valid\ndate and time value within a specified range or else it\nwill resets to previous value. By default, strictMode is in false.\nit allows invalid or out-of-range value with highlighted error class.
Support for allowEdit has been provided from\nv16.2.46.\nSpecifies whether the input textbox is editable or not. Here the user can select the value from the\npopup and cannot edit in the input textbox.
Specifies the placeholder text to be floated.\nPossible values are:\nNever: The label will never float in the input when the placeholder is available.\nAlways: The floating label will always float above the input.\nAuto: The floating label will float above the input after focusing or entering a value in the input.
You can add the additional html attributes such as disabled, value etc., to the element.\nIf you configured both property and equivalent html attribute then the component considers the property value.
Specifies the component to act as strict so that, it allows to enter only a valid time value within a specified range or else\nresets to previous value. By default, strictMode is in false.
\n
\n
For more details refer to\nStrict Mode documentation.
If allowReordering is set to true, Gantt columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
Defines the tabs and fields to be included in the edit dialog.\nIf the value was empty, then it will be calculated from taskSettings and columns value.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
Specifies the callback function to be triggered before sending request to sever.\nThis can be used to modify the XMLHttpRequest object before it is sent.
Triggers before command execution using toolbar items or executeCommand method.\nIf you cancel this event, the command cannot be executed.\nSet the cancel argument to true to cancel the command execution.
Event triggers when the dialog is being opened.\nIf you cancel this event, the dialog remains closed.\nSet the cancel argument to true to cancel the open of a dialog.
Enable enableAutoUrl to accept the given URL (relative or absolute) without validating the URL for hyperlinks, otherwise\nthe given URL will automatically convert to absolute path URL by prefixing https:// for hyperlinks.
Enables or disables the resizing option in the editor.\nIf enabled, the RichTextEditor can be resized by dragging the resize icon in the bottom right corner.
enable - set boolean value to enable or disable the inline edit mode.
\n
onSelection - If its set to true, upon selecting the text, the toolbar is opened in inline.\nIf its set to false, upon clicking to the target element, the toolbar is opened.
Specifies the image insert options in RichTextEditor component and control with the following properties.
\n
\n
allowedTypes - Specifies the extensions of the image types allowed to insert on bowering and\npassing the extensions with comma separators. For example, pass allowedTypes as .jpg and .png.
\n
display - Sets the default display for an image when it is inserted in to the RichTextEditor.\nPossible options are: 'inline' and 'block'.
\n
width - Sets the default width of the image when it is inserted in the RichTextEditor.
\n
saveFormat - Specifies the format to store the image in the RichTextEditor (Base64 or Blob).
\n
height - Sets the default height of the image when it is inserted in the RichTextEditor.
\n
saveUrl - Specifies the service URL of save action that will receive the uploaded files and save them in the server.
\n
path - Specifies the path of the location to store the images and refer it to display the images.
Specifies the items to be rendered in quick toolbar based on the target element.
\n
\n
It has following fields:
\n
enable - set boolean value to show or hide the quick toolbar
\n
actionOnScroll - it has two possible options\n\n
hide: The quickToolbar is closed when the parent element is scrolled.
\n
none: The quickToolbar cannot be closed even the parent element is scrolled.
\n\n
\n
link - Specifies the items to be rendered in quick toolbar based on link element such as Open, Edit, and UnLink.
\n
image - Specifies the items to be rendered in quick toolbar based on image element such as 'Replace',\n'Align', 'Caption', 'Remove', 'InsertLink', 'Display', 'AltText', 'Dimension'.
\n
text\t - Specifies the items to be rendered in quick toolbar based on text element such as 'Cut', 'Copy', 'Paste'.
Specifies the saveInterval in milliseconds for autosave the value.\nThe change event will be triggered if the content was changed from the last saved interval.
Specifies the table insert options in RichTextEditor component and control with the following properties.
\n
\n
styles - Class name should be appended by default in table element.\nIt helps to design the table in specific CSS styles always when inserting in editor.
\n
width - Sets the default width of the table when it is inserted in the RichTextEditor.
\n
minWidth - Sets the default minWidth of the table when it is inserted in the RichTextEditor.
\n
maxWidth - Sets the default maxWidth of the table when it is inserted in the RichTextEditor.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Specifies the value displayed in the RichTextEditor's content area and it should be string.\nThe content of RichTextEditor can be loaded with dynamic data such as database, AJAX content, and more.
Accepts the template design and assigns it as RichTextEditor’s content.\nThe built-in template engine which provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals
Assigns the resource dataSource\nThe data can be passed either as an array of JavaScript objects,\nor else can create an instance of DataManager\nin case of processing remote data and can be assigned to the dataSource property.\nWith the remote data assigned to dataSource, check the available\nadaptors to customize the data processing.
It maps the expanded field from the dataSource, which is used to specify whether each resource levels\nin timeline view needs to be maintained in an expanded or collapsed state by default.
Allows creation and editing of linked appointments assigned to multiple resources. When set to true,\na single appointment object instance will be maintained in schedule dataSource that are created for\nmultiple resources, whereas displayed individually on UI.
Decides whether to allow the resource hierarchy to group by ID. It is set to true by default and when set to false,\nall the resources under child collection will be mapped against each available parent.
Decides whether to display the resource grouping layout in normal or compact mode in mobile devices. When set to false,\nthe default grouping layout on desktop will be displayed on mobile devices with scrolling enabled.
Template option to customize the tooltip that displays over the resource header bar. By default, no tooltip will be\ndisplayed on resource header bar. It accepts either the string or HTMLElement as template design content and\nparse it appropriately before displaying it onto the tooltip. All the resource fields mapped for resource dataSource\ncan be accessed within this template code.
Triggers when the grid actions such as Sorting, Paging, Grouping etc., are done.\nIn this event,the current view data and total record count should be assigned to the dataSource based on the action performed.
Triggered every time a request is made to access cell information, element, or data.\nThis will be triggered before the cell element is appended to the Grid element.
Triggered every time a request is made to access row information, element, or data.\nThis will be triggered before the row element is appended to the Grid element.
If allowFiltering set to true the filter bar will be displayed.\nIf set to false the filter bar will not be displayed.\nFilter bar allows the user to filter grid records with required criteria.
\n
\n
Check the Filtering to customize its default behavior.
If allowGrouping set to true, then it will allow the user to dynamically group or ungroup columns.\nGrouping can be done by drag and drop columns from column header to group drop area.
\n
\n
Check the Grouping to customize its default behavior.
If allowReordering is set to true, Grid columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
\n
\n
If Grid is rendered with stacked headers, reordering is allowed only at the same level as the column headers.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If enableAutoFill is set to true, then the auto fill icon will displayed on cell selection for copy cells.\nIt requires the selection mode to be Cell and cellSelectionMode to be Box.
If enableColumnVirtualization set to true, then the Grid will render only the columns visible within the view-port\nand load subsequent columns on horizontal scrolling. This helps to load large dataset of columns in Grid.
If enableVirtualization set to true, then the Grid will render only the rows visible within the view-port\nand load subsequent rows on vertical scrolling. This helps to load large dataset in Grid.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
Changes the Grid column positions by field index. If you invoke reorderColumnByTargetIndex multiple times,\nthen you will get the same results every time.
Updates and refresh the particular row values based on the given primary key value.
\n
\n
Primary key column must be specified using columns.isPrimaryKey property.\n@param {string| number} key - Specifies the PrimaryKey value of dataSource.\n@param {Object} rowData - To update new data for the particular row.
If disablePageWiseAggregates set to true, then the group aggregate value will\nbe calculated from the whole data instead of paged data and two requests will be made for each page\nwhen Grid bound with remote service.
If showToggleButton set to true, then the toggle button will be showed in the column headers which can be used to group\nor ungroup columns by clicking them.
If showUngroupButton set to false, then ungroup button is hidden in dropped element.\nIt can be used to ungroup the grouped column when click on ungroup button.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Determines on which filter type, the component needs to be considered on search action.\nThe available FilterType\nand its supported data types are\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nFilterType<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td><td colSpan=1 rowSpan=1>\nSupported Types<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nStartsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>\nString<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nEndsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nContains<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n</table>
\n
The default value set to Contains, all the suggestion items which contain typed characters to listed in the suggestion popup.
Accepts the template design and assigns it to each list item present in the popup.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Allows you to set [`the minimum search character length']\n(../../auto-complete/filtering#limit-the-minimum-filter-character),\nthe search action will perform after typed minimum characters.
Specifies the width of the component. By default, the component width sets based on the width of\nits parent container. You can also set the width in pixel values.
When allowFiltering is set to true, show the filter bar (search box) of the component.\nThe filter action retrieves matched items through the filtering event based on\nthe characters typed in the search TextBox.\nIf no match is found, the value of the noRecordsTemplate property will be displayed.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Determines on which filter type, the component needs to be considered on search action.\nThe FilterType and its supported data types are\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nFilterType<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td><td colSpan=1 rowSpan=1>\nSupported Types<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nStartsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>\nString<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nEndsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nContains<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n</table>
\n
The default value set to StartsWith, all the suggestion items which contain typed characters to listed in the suggestion popup.
Accepts the template design and assigns it to each list item present in the popup.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Specifies the width of the component. By default, the component width sets based on the width of\nits parent container. You can also set the width in pixel values.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Determines on which filter type, the component needs to be considered on search action.\nThe FilterType and its supported data types are\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nFilterType<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td><td colSpan=1 rowSpan=1>\nSupported Types<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nStartsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>\nString<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nEndsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nContains<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n</table>
\n
The default value set to StartsWith, all the suggestion items which contain typed characters to listed in the suggestion popup.
Accepts the template design and assigns it to each list item present in the popup.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
When allowFiltering is set to true, show the filter bar (search box) of the component.\nThe filter action retrieves matched items through the filtering event based on\nthe characters typed in the search TextBox.\nIf no match is found, the value of the noRecordsTemplate property will be displayed.
\n
\n
For more details about the filtering refer to Filtering documentation.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Determines on which filter type, the component needs to be considered on search action.\nThe FilterType and its supported data types are\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nFilterType<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td><td colSpan=1 rowSpan=1>\nSupported Types<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nStartsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>\nString<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nEndsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nContains<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n</table>
\n
The default value set to StartsWith, all the suggestion items which contain typed characters to listed in the suggestion popup.
Accepts the template design and assigns it to each list item present in the popup.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Accepts the template design and assigns it to the selected list item in the input element of the component.\nFor more details about the available template options refer to\nTemplate documentation.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Specifies the width of the component. By default, the component width sets based on the width of\nits parent container. You can also set the width in pixel values.
If 'allowDragAndDrop' is set to true, then you can perform drag and drop of the list item.\nListBox contains same 'scope' property enables drag and drop between multiple ListBox.
To enable the filtering option in this component.\nFilter action performs when type in search box and collect the matched item through filtering event.\nIf searching character does not match, noRecordsTemplate property value will be shown.
Accepts the list items either through local or remote service and binds it to the ListBox component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Determines on which filter type, the component needs to be considered on search action.\nThe FilterType and its supported data types are\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nFilterType<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td><td colSpan=1 rowSpan=1>\nSupported Types<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nStartsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>\nString<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nEndsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nContains<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n</table>
\n
The default value set to StartsWith, all the suggestion items which contain typed characters to listed in the suggestion popup.
Accepts the template design and assigns it to each list item present in the popup.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
To enable the filtering option in this component.\nFilter action performs when type in search box and collect the matched item through filtering event.\nIf searching character does not match, noRecordsTemplate property value will be shown.
By default, the multiselect component fires the change event while focus out the component.\nIf you want to fires the change event on every value selection and remove, then disable the changeOnBlur property.
Accepts the list items either through local or remote service and binds it to the MultiSelect component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Specifies a Boolean value that indicates the whether the grouped list items are\nallowed to check by checking the group header in checkbox mode.\nBy default, there is no checkbox provided for group headers.\nThis property allows you to render checkbox for group headers and to select\nall the grouped items at once
Determines on which filter type, the MultiSelect component needs to be considered on search action.\nThe FilterType and its supported data types are\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nFilterType<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td><td colSpan=1 rowSpan=1>\nSupported Types<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nStartsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>\nString<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nEndsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nContains<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n</table>
\n
The default value set to StartsWith, all the suggestion items which contain typed characters to listed in the suggestion popup.
Gets or sets the additional attribute to HtmlAttributes property in MultiSelect,\nwhich helps to add attribute like title, name etc, input should be key value pair.
Accepts the template design and assigns it to each list item present in the popup.
\n
\n
For more details about the available template options refer to Template documentation.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Accepts the template design and assigns it to the selected list item in the input element of the component.\nFor more details about the available template options refer to\nTemplate documentation.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Based on the state parameter, entire list item will be selected/deselected.\nparameter\ntrue - Selects entire list items.\nfalse - Un Selects entire list items.
Sets the text content to be displayed for the Accordion item.\nYou can set the content of the Accordion item using content property.\nIt also supports to include the title as HTML element, string, or query selector.
Sets the header text to be displayed for the Accordion item.\nYou can set the title of the Accordion item using header property.\nIt also supports to include the title as HTML element, string, or query selector.
Defines an icon with the given custom CSS class that is to be rendered before the header text.\nAdd the css classes to the iconCss property and write the css styles to the defined class to set images/icons.\nAdding icon is applicable only to the header.
Defines class/multiple classes separated by a space for the menu Item that is used to include an icon.\nMenu Item can include font icon and sprite image.
Gets or sets the Sidebar component is open or close.
\n
\n
When the Sidebar type is set to Auto,\nthe component will be expanded in the desktop and collapsed in the mobile mode regardless of the isOpen property.
Over - The sidebar floats over the main content area.
\n
Push - The sidebar pushes the main content area to appear side-by-side, and shrinks the main content within the screen width.
\n
Slide - The sidebar translates the x and y positions of main content area based on the sidebar width.\nThe main content area will not be adjusted within the screen width.
\n
Auto - Sidebar with Over type in mobile resolution and Push type in other higher resolutions.
\n
\n
\n
For more details about SidebarType refer to\nSidebarType documentation.
Specifies the width of the Sidebar. By default, the width of the Sidebar sets based on the size of its content.\nWidth can also be set in pixel values.
Specifies the height of the Tab component. By default, Tab height is set based on the height of its parent.\nTo use height property, heightAdjustMode must be set to 'None'.
Specifies the Tab display mode when Tab content exceeds the viewing area.\nThe possible modes are:
\n
\n
Scrollable: All the elements are displayed in a single line with horizontal scrolling enabled.
\n
Popup: Tab container holds the items that can be placed within the available space and rest of the items are moved to the popup.\nIf the popup content overflows the height of the page, the rest of the elements can be viewed by scrolling the popup.
Triggers when data source is changed in the TreeView. The data source will be changed after performing some operation like\ndrag and drop, node editing, adding and removing node.
Indicates whether the TreeView allows drag and drop of nodes. To drag and drop a node in\ndesktop, hold the mouse on the node, drag it to the target node and drop the node by releasing\nthe mouse. For touch devices, drag and drop operation is performed by touch, touch move\nand touch end. For more information on drag and drop nodes concept, refer to\nDrag and Drop.
Enables or disables editing of the text in the TreeView node. When allowEditing property is set\nto true, the TreeView allows you to edit the node by double clicking the node or by navigating to\nthe node and pressing F2 key. For more information on node editing, refer\nto Node Editing.
Enables or disables multi-selection of nodes. To select multiple nodes:
\n
\n
Select the nodes by holding down the CTRL key while clicking on the nodes.
\n
Select consecutive nodes by clicking the first node to select and hold down the SHIFT key\nand click the last node to select.\nFor more information on multi-selection, refer to\nMulti-Selection.
The checkedNodes property is used to set the nodes that need to be checked or\nget the ID of nodes that are currently checked in the TreeView component.\nThe checkedNodes property depends upon the value of showCheckBox property.\nFor more information on checkedNodes, refer to\ncheckedNodes.
Represents the expanded nodes in the TreeView component. We can set the nodes that need to be\nexpanded or get the ID of the nodes that are currently expanded by using this property.
On enabling this property, the entire row of the TreeView node gets selected by clicking a node.\nWhen disabled only the corresponding node's text gets selected.\nFor more information on Fields concept, refer to\nFields.
Specifies a template to render customized content for all the nodes. If the nodeTemplate property\nis set, the template content overrides the displayed node text. The property accepts template string\ntemplate string\nor HTML element ID holding the content. For more information on template concept, refer to\nTemplate.
Represents the selected nodes in the TreeView component. We can set the nodes that need to be\nselected or get the ID of the nodes that are currently selected by using this property.\nOn enabling allowMultiSelection property we can select multiple nodes and on disabling\nit we can select only a single node.\nFor more information on selectedNodes, refer to\nselectedNodes.
Indicates that the nodes will display CheckBoxes in the TreeView.\nThe CheckBox will be displayed next to the expand/collapse icon of the node. For more information on CheckBoxes, refer to\nCheckBox.
Specifies a value that indicates whether the nodes are sorted in the ascending or descending order,\nor are not sorted at all. The available types of sort order are,
\n
\n
None - The nodes are not sorted.
\n
Ascending - The nodes are sorted in the ascending order.
\n
Descending - The nodes are sorted in the ascending order.
Adds the collection of TreeView nodes based on target and index position. If target node is not specified,\nthen the nodes are added as children of the given parentID or in the root level of TreeView.
Instead of clicking on the TreeView node for editing, we can enable it by using\nbeginEdit property. On passing the node ID or element through this property, the edit textBox\nwill be created for the particular node thus allowing us to edit it.
Collapses all the expanded TreeView nodes. You can collapse specific nodes by passing array of nodes as argument to this method.\nYou can also collapse all the nodes excluding the hidden nodes by setting excludeHiddenNodes to true. If you want to collapse\na specific level of nodes, set level as argument to collapseAll method.
Ensures visibility of the TreeView node by using node ID or node element.\nWhen many TreeView nodes are present and we need to find a particular node, ensureVisible property\nhelps bring the node to visibility by expanding the TreeView and scrolling to the specific node.
Expands all the collapsed TreeView nodes. You can expand the specific nodes by passing the array of collapsed nodes\nas argument to this method. You can also expand all the collapsed nodes by excluding the hidden nodes by setting\nexcludeHiddenNodes to true to this method. To expand a specific level of nodes, set level as argument to expandAll method.
To get the updated data source of TreeView after performing some operation like drag and drop, node editing,\nnode selecting/unSelecting, node expanding/collapsing, node checking/unChecking, adding and removing node.
\n
\n
If you pass the ID of TreeView node as arguments for this method then it will return the updated data source\nof the corresponding node otherwise it will return the entire updated data source of TreeView.
\n
The updated data source also contains custom attributes if you specified in data source.
Sets the number of days to be displayed by default in Agenda View and in case of virtual scrolling,\nthe number of days will be fetched on each scroll-end based on this count.
When set to true, allows the appointments to move over the time slots. When an appointment is dragged, both its start\nand end time tends to change simultaneously allowing it to reschedule the appointment on some other time.
When set to true, allows the resizing of appointments. It allows the rescheduling of appointments either by changing the\nstart or end time by dragging the event resize handlers.
It allows the Scheduler to display in other calendar modes.\nBy default, Scheduler is displayed in Gregorian calendar mode.\nTo change the mode, you can set either Gregorian or Islamic as a value to this calendarMode property.
It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto\nthe month date cells. This template is only applicable for month view day cells.
The template option which is used to render the customized work cells on the Schedule. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the work cells.\nThe fields accessible via template are as follows.
It is used to customize the Schedule which accepts custom CSS class names that defines specific user-defined styles and themes\nto be applied on the Schedule element.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
By default, Schedule follows the date-format as per the default culture assigned to it.\nIt is also possible to manually set specific date format by using the dateFormat property.\nThe format of the date range label in the header bar depends on the dateFormat value or else based on the\nlocale assigned to the Schedule.
It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto\nthe date header cells. The field that can be accessed via this template is date.
The template option to render the customized editor window. The form elements defined within this template should be accompanied\nwith e-field class, so as to fetch and process it from internally.
It enables the external drag and drop support for appointments on scheduler, to be able to move them out of the scheduler layout.\nWhen the drag area is explicitly set with specific DOM element name,\nthe appointments can be dragged anywhere within the specified drag area location.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
This option allows the user to set the first day of a week on Schedule. It should be based on the locale set to it and each culture\ndefines its own first day of week values. If needed, the user can set it manually on his own by defining the value through\nthis property. It usually accepts the integer values, whereby 0 is always denoted as Sunday, 1 as Monday and so on.
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.
Allows defining the collection of custom header rows to display the year, month, week, date and hour label as an individual row\non the timeline view of the scheduler.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
The days which does not has even a single event to display will be hidden from the UI of Agenda View by default.\nWhen this property is set to false, the empty dates will also be displayed on the Schedule.
The template option to customize the quick window. The three sections of the quick popup whereas the header, content,\nand footer can be easily customized with individual template option.
Template option to customize the resource header bar. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the resource header cells.\nThe following can be accessible via template.
\n
\n
resource - All the resource fields.
\n
resourceData - object collection of current resource.
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.
When set to false, hides the header bar of the Schedule from UI. By default,\nthe header bar holds the date and view navigation options, to which the user can add their own custom items onto it.
When set to false, hides the current time indicator from the Schedule. Otherwise,\nit visually depicts the live current system time appropriately on the user interface.
When set to false, it hides the weekend days of a week from the Schedule. The days which are not defined in the working days\ncollection are usually treated as weekend days.\nNote: By default, this option is not applicable on Work Week view.\nFor example, if the working days are defined as [1, 2, 3, 4], then the remaining days of that week will be considered as\nthe weekend days and will be hidden on all the views.
It is used to specify the starting hour, from which the Schedule starts to display. It accepts the time string in a short skeleton\nformat and also, hides the time beyond the specified start time.
Allows to set different time duration on Schedule along with the customized grid count. It also has template option to\ncustomize the time slots with required time values in its own format.
Schedule will be assigned with specific timezone, so as to display the events in it accordingly. By default,\nSchedule dates are processed with System timezone, as no timezone will be assigned specifically to the Schedule at the initial time.\nWhenever the Schedule is bound to remote data services, it is always recommended to set specific timezone to Schedule to make the\nevents on it to display on the same time irrespective of the system timezone. It usually accepts\nthe valid IANA timezone names.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
It is used to set the working days on Schedule. The only days that are defined in this collection will be rendered on the workWeek\nview whereas on other views, it will display all the usual days and simply highlights the working days with different shade.
The working hours should be highlighted on Schedule with different color shade and an additional option must be provided to\nhighlight it or not. This functionality is handled through workHours property and the start work hour should be 9 AM by default\nand end work hour should point to 6 PM. The start and end working hours needs to be provided as Time value of short skeleton type.
Allows the Scheduler events data to be exported as an Excel file either in .xlsx or .csv file formats.\nBy default, the whole event collection bound to the Scheduler gets exported as an Excel file.\nTo export only the specific events of Scheduler, you need to pass the custom data collection as\na parameter to this exportToExcel method. This method accepts the export options as arguments such as fileName,\nexportType, fields, customData, and includeOccurrences. The fileName denotes the name to be given for the exported\nfile and the exportType allows you to set the format of an Excel file to be exported either as .xlsx or .csv.\nThe custom or specific field collection of event dataSource to be exported can be provided through fields option\nand the custom data collection can be exported by passing them through the customData option. There also exists\noption to export each individual instances of the recurring events to an Excel file, by setting true or false to the\nincludeOccurrences option, denoting either to include or exclude the occurrences as separate instances on an exported Excel file.
Exports the Scheduler events to a calendar (.ics) file. By default, the calendar is exported with a file name Calendar.ics.\nTo change this file name on export, pass the custom string value as fileName to get the file downloaded with this provided name.
Imports the events from an .ics file downloaded from any of the calendars like Google or Outlook into the Scheduler.\nThis method accepts the blob object of an .ics file to be imported as a mandatory argument.
Removes or resets different working hours on the required working days by accepting the required start and end time as well as the\ndate collection as its parameters.\nif no parameters has been passed to this function, it will remove all the work hours.
Sets different working hours on the required working days by accepting the required start and end time as well as the date collection\nas its parameters.
With this property, the event data will be bound to Schedule.\nThe event data can be passed either as an array of JavaScript objects,\nor else can create an instance of DataManager\nin case of processing remote data and can be assigned to the dataSource property.\nWith the remote data assigned to dataSource, check the available\nadaptors to customize the data processing.
Defines the resource name, to decides the color of which particular resource level is to be applied on appointments, when\ngrouping is enabled on scheduler.
It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying\nit onto the event background. All the event fields mapped to Schedule from dataSource can be accessed within this template code.
It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto tooltip.\nAll the event fields mapped with Schedule dataSource can be accessed within this template code.
It maps the endTimezone field from the dataSource and usually accepts the valid IANA timezone names.\nIt is assumed that the value provided for this field is taken into consideration while processing the endTime field.\nWhen this field is not mapped with any timezone names, then the events will be processed based on the timezone assigned\nto the Schedule.
The id field needs to be defined as mandatory, when the Schedule is bound to remote data and\nit is optional, if the same is bound with JSON data. This field usually assigns ID value to each of the events.
The isBlock field allows you to block certain time interval on the Scheduler.\nIt is a boolean type property accepting either true or false values.\nWhen set to true, creates a block range for the specified time interval and disables the event scheduling actions on that time range.
It maps the recurrenceID field from dataSource and usually holds the ID value of the parent\nrecurrence event. It is applicable only for the edited occurrence events.
It maps the startTimezone field from the dataSource and usually accepts the valid IANA timezone names.\nIt is assumed that the value provided for this field is taken into consideration while processing\nthe startTime field. When this field is not mapped with any timezone names,\nthen the events will be processed based on the timezone assigned to the Schedule.
Template option to customize the individual header rows. It accepts either the string or HTMLElement as template design\ncontent and parse it appropriately before displaying it onto the header cells. The field that\ncan be accessed via this template is date.
When set to true, allows the schedule to display the appointments accurately against the exact time duration.\nIf set to false, all the appointments of a day will be displayed one below the other.
The template option to be applied for major time slot. Here, the\ntemplate accepts either the string or HTMLElement as template design and then the parsed design is displayed\nonto the time cells. The time details can be accessed within this template.
The template option to be applied for minor time slot. Here, the\ntemplate accepts either the string or HTMLElement as template design and then the parsed design is displayed\nonto the time cells. The time details can be accessed within this template.\n@default null
It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the\nmonth date cells.\nThis template is only applicable for month view day cells.
The template option which is used to render the customized work cells on the Schedule. Here, the\ntemplate accepts either the string or HTMLElement as template design and then the parsed design is displayed onto the work cells.\nThe field accessible via template is date. It gets applied only to the view objects on which it is defined.
By default, Schedule follows the date-format as per the default culture assigned to it. It is also possible to manually set\nspecific date format by using the dateFormat property. The format of the date range label in the header bar depends on\nthe dateFormat value or else based on the locale assigned to the Schedule.\nIt gets applied only to the view objects on which it is defined.
It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the\ndate header cells. The field that can be accessed via this template is date.\nIt gets applied only to the view objects on which it is defined.
It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto\nthe event background. All the event fields mapped to Schedule from dataSource can be accessed within this template code.\nIt is similar to that of the template option available within the eventSettings property,\nwhereas it will get applied only on the events of the view to which it is currently being defined.
This option allows the user to set the first day of a week on Schedule. It should be based on the locale set to it and each culture\ndefines its own first day of week values. If needed, the user can set it manually on his own by defining the value through\nthis property. It usually accepts the integer values, whereby 0 is always denoted as Sunday, 1 as Monday and so on.
Allows defining the collection of custom header rows to display the year, month, week, date and hour label as an individual row\non the timeline view of the scheduler.
To denote whether the view name given on the option is active or not.\nIt acts similar to the currentView property and defines the active view of Schedule.
When set to true, displays a quick popup with cell or event details on single clicking over the cells or on events.\nBy default, it is set to true. It gets applied only to the view objects on which it is defined.
The template option which is used to render the customized header cells on the schedule. Here, the\ntemplate accepts either the string or HTMLElement as template design and then the parsed design is displayed onto the header cells.\nAll the resource fields mapped within resources can be accessed within this template code.\nIt gets applied only to the view objects on which it is defined.
When set to false, it hides the weekend days of a week from the Schedule.\nThe days which are not defined in the working days collection are usually treated as weekend days.\nNote: By default, this option is not applicable on Work Week view.\nFor example, if the working days are defined as [1, 2, 3, 4], then the remaining days of that week will be considered as the\nweekend days and will be hidden on all the views.
It is used to specify the starting hour, from which the Schedule starts to display.\nIt accepts the time string in a short skeleton format and also, hides the time beyond the specified start time.
It is used to set the working days on schedule. The only days that are defined in this collection will be rendered on the\nworkWeek view whereas on other views, it will display all the usual days and simply highlights the working days with different\nshade.
Indicates font embedding licensing rights for the font.\nEmbeddable fonts may be stored in a document.\nWhen a document with embedded fonts is opened on a system that does not have the font installed\n(the remote system), the embedded font may be loaded for temporary (and in some cases, permanent)\nuse on that system by an embedding-aware application.\nEmbedding licensing rights are granted by the vendor of the font.
This 10 byte series of numbers are used to describe the visual characteristics\nof a given typeface. These characteristics are then used to associate the font with\nother fonts of similar appearance having different names. The variables for each digit are listed below.\nThe specifications for each variable can be obtained in the specification\nPANOSE v2.0 Numerical Evaluation from Microsoft Corporation.
The typographic ascender for this font.\nRemember that this is not the same as the Ascender value in the 'h h e a' table,\nwhich Apple defines in a far different manner.\nDEF_TABLE_OFFSET good source for usTypoAscender is the Ascender value from an A F M file.
The typographic descender for this font.\nRemember that this is not the same as the Descender value in the 'h h e a' table,\nwhich Apple defines in a far different manner.\nDEF_TABLE_OFFSET good source for usTypoDescender is the Descender value from an A F M file.
The typographic line gap for this font.\nRemember that this is not the same as the LineGap value in the 'h h e a' table,\nwhich Apple defines in a far different manner.
This field is used to specify the code pages encompassed\nby the font file in the 'cmap' subtable for platform 3, encoding ID 1 (Microsoft platform).\nIf the font file is encoding ID 0, then the Symbol Character Set bit should be set.\nIf the bit is set (1) then the code page is considered functional.\nIf the bit is clear (0) then the code page is not considered functional.\nEach of the bits is treated as an independent flag and the bits can be set in any combination.\nThe determination of "functional" is left up to the font designer,\nalthough character set selection should attempt to be functional by code pages if at all possible.
This field is used to specify the code pages encompassed\nby the font file in the 'cmap' subtable for platform 3, encoding ID 1 (Microsoft platform).\nIf the font file is encoding ID 0, then the Symbol Character Set bit should be set.\nIf the bit is set (1) then the code page is considered functional.\nIf the bit is clear (0) then the code page is not considered functional.\nEach of the bits is treated as an independent flag and the bits can be set in any combination.\nThe determination of "functional" is left up to the font designer,\nalthough character set selection should attempt to be functional by code pages if at all possible.
The minimum Unicode index (character code) in this font,\naccording to the cmap subtable for platform ID 3 and encoding ID 0 or 1.\nFor most fonts supporting Win-ANSI or other character sets, this value would be 0x0020.
usLastCharIndex: The maximum Unicode index (character code) in this font,\naccording to the cmap subtable for platform ID 3 and encoding ID 0 or 1.\nThis value depends on which character sets the font supports.
The ascender metric for Windows.\nThis too is distinct from Apple's Ascender value and from the usTypoAscender values.\nusWinAscent is computed as the yMax for all characters in the Windows ANSI character set.\nusTypoAscent is used to compute the Windows font height and default line spacing.\nFor platform 3 encoding 0 fonts, it is the same as yMax.
The descender metric for Windows.\nThis too is distinct from Apple's Descender value and from the usTypoDescender values.\nusWinDescent is computed as the -yMin for all characters in the Windows ANSI character set.\nusTypoAscent is used to compute the Windows font height and default line spacing.\nFor platform 3 encoding 0 fonts, it is the same as -yMin.
The Average Character Width parameter specifies\nthe arithmetic average of the escapement (width)\nof all of the 26 lowercase letters a through z of the Latin alphabet\nand the space character. If any of the 26 lowercase letters are not present,\nthis parameter should equal the weighted average of all glyphs in the font.\nFor non - U G L (platform 3, encoding 0) fonts, use the unweighted average.
Bit 0 - baseline for font at y=0\nBit 1 - left SideBearing at x=0\nBit 2 - instructions may depend on point size\nBit 3 - force p p e m to integer values for all private scaler math; may use fractional p p e m sizes if this bit is clean\nBit 4 - instructions may alter advance width (the advance widths might not scale linearly)\nNote: All other bits must be zero.
FontDirectionHint:\n0 Fully mixed directional glyphs\n1 Only strongly left to right\n2 Like 1 but also contains neutrals\n-1 Only strongly right to left\n-2 Like -1 but also contains neutrals.
Regular: 0\nBold: 1\nItalic: 2\nBold Italic: 3\nBit 0 - bold (if set to 1)\nBit 1 - italic (if set to 1)\nBits 2-15 - reserved (set to 0)\nNOTE:\nNote that macStyle bits must agree with the 'OS/2' table fsSelection bits.\nThe fsSelection bits are used over the macStyle bits in Microsoft Windows.\nThe PANOSE values and 'post' table values are ignored for determining bold or italic fonts.
Regular: 0\nBold: 1\nItalic: 2\nBold Italic: 3\nBit 0- bold (if set to 1)\nBit 1- italic (if set to 1)\nBits 2-15- reserved (set to 0).\nNOTE:\nNote that macStyle bits must agree with the 'OS/2' table fsSelection bits.\nThe fsSelection bits are used over the macStyle bits in Microsoft Windows.\nThe PANOSE values and 'post' table values are ignored for determining bold or italic fonts.
Defines the tooltip that should be shown when the mouse hovers over a node or connector\nAn object that defines the description, appearance and alignments of tooltip
Defines the type of the UMLActivity flows\nObject - Sets the type of the UMLActivity Flow as Object\nControl - Sets the type of the UMLActivity Flow as Control\nException - Sets the type of the UMLActivity Flow as Exception
Defines the shape of the icon.\nNone\nMinus - sets the icon shape as minus\nPlus - sets the icon shape as Plus\nArrowUp - sets the icon shape as ArrowUp\nArrowDown - sets the icon shape as ArrowDown\nTemplate - sets the icon shape based on the given custom template\nPath - sets the icon shape based on the given custom Path
The height of the chart as a string in order to provide input as both like '100px' or '100%'.\nIf specified as '100%, chart will render to the full height of its parent element.
The width of the chart as a string in order to provide input as both like '100px' or '100%'.\nIf specified as '100%, chart will render to the full width of its parent element.
Options for customize the connector line in series.\nThis property is applicable for Pie, Funnel and Pyramid series.\nThe default connector length for Pie series is '4%'. For other series, it is null.
The height of the bullet chart as a string accepts input both as '100px' or '100%'.\nIf specified as '100%, bullet chart renders to the full height of its parent element.
The width of the bullet chart as a string accepts input as both like '100px' or '100%'.\nIf specified as '100%, bullet chart renders to the full width of its parent element.
The height of the chart as a string accepts input both as '100px' or '100%'.\nIf specified as '100%, chart renders to the full height of its parent element.
The width of the chart as a string accepts input as both like '100px' or '100%'.\nIf specified as '100%, chart renders to the full width of its parent element.
The fill color for the series that accepts value in hex and rgba as a valid CSS color string.\nIt also represents the color of the signal lines in technical indicators.\nFor technical indicators, the default value is 'blue' and for series, it has null.
The stroke width for the series that is applicable only for Line type series.\nIt also represents the stroke width of the signal lines in technical indicators.
The fill color for the series that accepts value in hex and rgba as a valid CSS color string.\nIt also represents the color of the signal lines in technical indicators.\nFor technical indicators, the default value is 'blue' and for series, it has null.
The stroke width for the series that is applicable only for Line type series.\nIt also represents the stroke width of the signal lines in technical indicators.
The fill color for the series that accepts value in hex and rgba as a valid CSS color string.\nIt also represents the color of the signal lines in technical indicators.\nFor technical indicators, the default value is 'blue' and for series, it has null.
The stroke width for the series that is applicable only for Line type series.\nIt also represents the stroke width of the signal lines in technical indicators.
The height of the chart as a string accepts input both as '100px' or '100%'.\nIf specified as '100%, range navigator renders to the full height of its parent element.
Used to format the axis label that accepts any global string format like 'C', 'n1', 'P' etc.\nIt also accepts placeholder like '{value}°C' in which value represent the axis label, e.g, 20°C.
The width of the range navigator as a string accepts input as both like '100px' or '100%'.\nIf specified as '100%, range navigator renders to the full width of its parent element.
Used to format the axis label that accepts any global string format like 'C', 'n1', 'P' etc.\nIt also accepts placeholder like '{value}°C' in which value represent the axis label, e.g, 20°C.
The fill color for the series that accepts value in hex and rgba as a valid CSS color string.\nIt also represents the color of the signal lines in technical indicators.\nFor technical indicators, the default value is 'blue' and for series, it has null.
The stroke width for the series that is applicable only for Line type series.\nIt also represents the stroke width of the signal lines in technical indicators.
This property is used in stock charts to visualize the price movements in stock.\nIt defines the color of the candle/point, when the opening price is less than the closing price.
This property is used in financial charts to visualize the price movements in stock.\nIt defines the color of the candle/point, when the opening price is higher than the closing price.
The fill color for the series that accepts value in hex and rgba as a valid CSS color string.\nIt also represents the color of the signal lines in technical indicators.\nFor technical indicators, the default value is 'blue' and for series, it has null.
The stroke width for the series that is applicable only for Line type series.\nIt also represents the stroke width of the signal lines in technical indicators.
The height of the stockChart as a string accepts input both as '100px' or '100%'.\nIf specified as '100%, stockChart renders to the full height of its parent element.
The width of the stockChart as a string accepts input as both like '100px' or '100%'.\nIf specified as '100%, stockChart renders to the full width of its parent element.
Dynamically injects the required modules to the component.
\n","type":"Method","link":"//ej2.syncfusion.com/documentation/api/stock-chart/#inject"}}}
\ No newline at end of file
diff --git a/src/common/index.ts b/src/common/index.ts
index 749fea82..4eeb2f40 100644
--- a/src/common/index.ts
+++ b/src/common/index.ts
@@ -229,7 +229,7 @@ function preventTabSwipe(e: any): void {
}
}
function dynamicTab(e: any): void {
- let blockEle: Element = this.element.querySelector('#e-content_' + e.selectedIndex).children[0];
+ let blockEle: Element = this.element.querySelector('#e-content' + this.tabId + '_' + e.selectedIndex).children[0];
blockEle.innerHTML = this.items[e.selectedIndex].data;
blockEle.innerHTML = blockEle.innerHTML.replace(reg,'');
blockEle.classList.add('sb-src-code');
@@ -242,11 +242,11 @@ function dynamicTabCreation(obj: any): void {
if (obj) {
tabObj = obj;
} else { tabObj = this; }
- let contentEle: Element = tabObj.element.querySelector('#e-content_' + tabObj.selectedItem);
+ let contentEle: Element = tabObj.element.querySelector('#e-content' + tabObj.tabId + '_' + tabObj.selectedItem);
if (!contentEle) {
return;
}
- let blockEle: Element = tabObj.element.querySelector('#e-content_' + tabObj.selectedItem).children[0];
+ let blockEle: Element = tabObj.element.querySelector('#e-content' + tabObj.tabId + '_' + tabObj.selectedItem).children[0];
blockEle.innerHTML = tabObj.items[tabObj.selectedItem].data;
blockEle.innerHTML = blockEle.innerHTML.replace(reg,'');
blockEle.classList.add('sb-src-code');
@@ -378,7 +378,6 @@ function renderSbPopups(): void {
// tslint:disable-next-line:align
'#sb-source-tab');
enableRipple(selectedTheme === 'material' || !selectedTheme);
- sourceTab.selectedItem = 1;
/**
* api grid
*/
@@ -861,6 +860,8 @@ function setSbLink(): void {
let ele: HTMLFormElement = select('#' + sb);
if (sb === 'aspnetcore' || sb === 'aspnetmvc') {
ele.href = sb === 'aspnetcore' ? 'https://ej2.syncfusion.com/aspnetcore/' : 'https://ej2.syncfusion.com/aspnetmvc/';
+ } else if (sb === 'blazor') {
+ ele.href = 'https://blazor.syncfusion.com/demos/';
} else {
ele.href = ((link) ? ('http://' + link[1] + '/' + (link[3] ? (link[3] + '/') : '')) : ('https://ej2.syncfusion.com/')) +
sb + '/' + 'demos/#/' + sample + (sb === 'javascript' ? '.html' : '');
@@ -1375,7 +1376,6 @@ function addRoutes(samplesList: Controls[]): void {
/**
* BreadCrumb
*/
- sourceTab.selectedItem = 0;
contentTab.selectedItem = 0;
breadCrumbComponent.innerHTML = node.name;
if (node.name !== subNode.category) {
diff --git a/src/common/locale-string.ts b/src/common/locale-string.ts
index 96e92b2d..e2f8561e 100644
--- a/src/common/locale-string.ts
+++ b/src/common/locale-string.ts
@@ -1 +1 @@
-export let Locale: Object={"de":{"dropdowns":{"noRecordsTemplate":"Keine Aufzeichnungen gefunden","actionFailureTemplate":"Die Anforderung ist fehlgeschlagen","overflowCountTemplate":"+ $ {count} mehr ..","selectAllText":"Selecteer alles","unSelectAllText":"Alles deselecteren"},"calendar":{"today":"heute"},"chart":{"ZoomIn":"Hineinzoomen","ZoomOut":"Rauszoomen","Zoom":"Zoomen","Pan":"Pfanne","Reset":"Zurücksetzen","ResetZoom":"Zoom Zurücksetzen"},"colorpicker":{"Apply":"Anwenden","Cancel":"Abbrechen","ModeSwitcher":"Modus wechseln"},"datepicker":{"placeholder":"Wählen Sie ein Datum","today":"heute"},"daterangepicker":{"placeholder":"Wählen Sie einen Bereich","startLabel":"Anfangsdatum","endLabel":"Enddatum","applyText":"Sich bewerben","cancelText":"Stornieren","selectedDays":"Ausgewählte Tage","days":"Tage","customRange":"benutzerdefinierten Bereich"},"datetimepicker":{"placeholder":"Wählen Sie Datum und Uhrzeit","today":"heute"},"diagram":{"Cut":"Schneiden","Copy":"Kopieren","Paste":"Paste","Undo":"Rückgängig machen","Redo":"Redo","SelectAll":"Alle Auswählen","Grouping":"Gruppierung","Group":"Gruppe","UnGroup":"Gruppierung aufheben","Order":"Auftrag","BringToFront":"In den Vordergrund bewegen","MoveForward":"nach vorne bewegen","SendBackward":"nach hinten bewegen","SendToBack":"In den Hintergrund bewegen"},"dialog":{"close":"schließen"},"filemanager":{"NewFolder":"Neuer Ordner","Upload":"Hochladen","Delete":"Löschen","Rename":"Umbenennen","Download":"Herunterladen","Cut":"Schnitt","Copy":"Kopieren","Paste":"Einfügen","SortBy":"Sortiere nach","Refresh":"Aktualisierung","Item-Selection":"Artikel ausgewählt","Items-Selection":"Elemente ausgewählt","View":"Aussicht","Details":"Einzelheiten","SelectAll":"Wählen Sie Alle","Open":"Öffnen","Tooltip-NewFolder":"Neuer Ordner","Tooltip-Upload":"Hochladen","Tooltip-Delete":"Löschen","Tooltip-Rename":"Umbenennen","Tooltip-Download":"Herunterladen","Tooltip-Cut":"Schnitt","Tooltip-Copy":"Kopieren","Tooltip-Paste":"Einfügen","Tooltip-SortBy":"Sortiere nach","Tooltip-Refresh":"Aktualisierung","Tooltip-Selection":"Auswahl aufheben","Tooltip-View":"Aussicht","Tooltip-Details":"Einzelheiten","Tooltip-SelectAll":"Wählen Sie Alle","Name":"Name","Size":"Größe","DateModified":"Geändert","DateCreated":"Datum erstellt","Path":"Pfad","Modified":"Geändert","Created":"Erstellt","Location":"Ort","Type":"Art","Permission":"Genehmigung","Ascending":"Aufsteigend","Descending":"Absteigend","View-LargeIcons":"Große Icons","View-Details":"Einzelheiten","Search":"Suche","Button-Ok":"OK","Button-Cancel":"Stornieren","Button-Yes":"Ja","Button-No":"Nein","Button-Create":"Erstellen","Button-Save":"Sparen","Header-NewFolder":"Mappe","Content-NewFolder":"Geben Sie Ihren Ordnernamen ein","Header-Rename":"Umbenennen","Content-Rename":"Geben Sie Ihren neuen Namen ein","Header-Rename-Confirmation":"Bestätigung umbenennen","Content-Rename-Confirmation":"Wenn Sie eine Dateinamenerweiterung ändern, wird die Datei möglicherweise instabil. Möchten Sie sie wirklich ändern?","Header-Delete":"Datei löschen","Content-Delete":"Möchten Sie diese Datei wirklich löschen?","Header-Multiple-Delete":"Mehrere Dateien löschen","Content-Multiple-Delete":"Möchten Sie diese {0} Dateien wirklich löschen?","Header-Duplicate":"Datei / Ordner existiert","Content-Duplicate":"{0} existiert bereits. Möchten Sie umbenennen und einfügen?","Header-Upload":"Daten hochladen","Error":"Error","Validation-Empty":"Der Datei - oder Ordnername darf nicht leer sein.","Validation-Invalid":"Der Datei- oder Ordnername {0} enthält ungültige Zeichen. Bitte verwenden Sie einen anderen Namen. Gültige Datei- oder Ordnernamen dürfen nicht mit einem Punkt oder Leerzeichen enden und keines der folgenden Zeichen enthalten: \\ /: *? \" < > | ","Validation-NewFolder-Exists":"Eine Datei oder ein Ordner mit dem Namen {0} existiert bereits.","Validation-Rename-Exists":"{0} kann nicht in {1} umbenannt werden: Ziel existiert bereits.","Folder-Empty":"Dieser Ordner ist leer","File-Upload":"Dateien zum Hochladen hierher ziehen","Search-Empty":"Keine Ergebnisse gefunden","Search-Key":"Versuchen Sie es mit anderen Stichwörtern","Sub-Folder-Error":"Der Zielordner ist der Unterordner des Quellordners.","Access-Denied":"Zugriff verweigert","Access-Details":"Sie haben keine Berechtigung, auf diesen Ordner zuzugreifen.","Header-Retry":"Die Datei existiert bereits","Content-Retry":"In diesem Ordner ist bereits eine Datei mit diesem Namen vorhanden. Was möchten Sie tun?","Button-Keep-Both":"Behalte beides","Button-Replace":"Ersetzen","Button-Skip":"Überspringen","ApplyAll-Label":"Mache das für alle aktuellen Artikel"},"gantt":{"emptyRecord":"Keine Datensätze zum Anzeigen","id":"ICH WÜRDE","name":"Name","startDate":"Anfangsdatum","endDate":"Endtermin","duration":"Dauer","progress":"Fortschritt","dependency":"Abhängigkeit","notes":"Anmerkungen","excelExport":"Excel-export","csvExport":"CSV-export","baselineStartDate":"Basisstartdatum","baselineEndDate":"Baseline-Enddatum","type":"Art","offset":"Offset","resourceName":"Ressourcen","resourceID":"Ressourcen-ID","day":"Tag","hour":"Stunde","minute":"Minute","days":"Tage","hours":"Std","minutes":"Protokoll","generalTab":"Allgemeines","customTab":"Benutzerdefinierte Spalten","writeNotes":"Notizen schreiben","addDialogTitle":"Neue Aufgabe","editDialogTitle":"Aufgabeninformationen","saveButton":"sparen","add":"Hinzufügen","edit":"Bearbeiten","update":"Aktualisieren","delete":"Löschen","cancel":"Stornieren","search":"Suche","addTask":"Aufgabe hinzufügen","editTask":"Aufgabe bearbeiten","deleteTask":"Aufgabe löschen","expandAllTasks":"Erweitern Sie Alle Aufgaben","collapseAllTasks":"Alle Aufgaben reduzieren","expandAll":"Alle erweitern","collapseAll":"Alles schließen","nextTimeSpan":"Nächste Zeitspanne","prevTimeSpan":"Vorherige Zeitspanne","okText":"OK","confirmDelete":"Möchten Sie den Datensatz wirklich löschen?","from":"Von","to":"Zu","taskLink":"Task-Link","lag":"Verzögerung","start":"Start","finish":"Fertig","enterValue":"Geben Sie den Wert ein","taskBeforePredecessor_FS":"Sie haben '{0}' verschoben, um vor dem Ende von '{1}' zu beginnen, und die beiden Aufgaben sind miteinander verknüpft. Infolgedessen können die Links nicht beachtet werden. Wählen Sie unten eine Aktion aus, die ausgeführt werden soll","taskAfterPredecessor_FS":"Sie haben '{0}' von '{1}' entfernt und die beiden Aufgaben sind miteinander verknüpft. Infolgedessen können die Links nicht beachtet werden. Wählen Sie unten eine Aktion aus, die ausgeführt werden soll","taskBeforePredecessor_SS":"Sie haben '{0}' verschoben, um vor dem Start von '{1}' zu beginnen, und die beiden Aufgaben sind miteinander verknüpft. Infolgedessen können die Links nicht beachtet werden. Wählen Sie unten eine Aktion aus, die ausgeführt werden soll","taskAfterPredecessor_SS":"Sie haben '{0}' verschoben, um nach dem Start von '{1}' zu beginnen, und die beiden Aufgaben sind miteinander verknüpft. Infolgedessen können die Links nicht beachtet werden. Wählen Sie unten eine Aktion aus, die ausgeführt werden soll","taskBeforePredecessor_FF":"Sie haben '{0}' verschoben, um den Vorgang zu beenden, bevor '{1}' abgeschlossen ist, und die beiden Aufgaben sind miteinander verknüpft. Infolgedessen können die Links nicht beachtet werden. Wählen Sie unten eine Aktion aus, die ausgeführt werden soll","taskAfterPredecessor_FF":"Sie haben \"{0}\" nach \"{1}\" verschoben und die beiden Aufgaben sind miteinander verknüpft. Infolgedessen können die Links nicht beachtet werden. Wählen Sie unten eine Aktion aus, die ausgeführt werden soll","taskBeforePredecessor_SF":"Sie haben \"{0}\" von \"{1}\" zum Start verschoben und die beiden Aufgaben sind miteinander verknüpft. Infolgedessen können die Links nicht beachtet werden. Wählen Sie unten eine Aktion aus, die ausgeführt werden soll","taskAfterPredecessor_SF":"Sie haben '{0}' nach dem Start von '{1}' verschoben und die beiden Aufgaben sind miteinander verbunden. Infolgedessen können die Links nicht beachtet werden. Wählen Sie unten eine Aktion aus, die ausgeführt werden soll","taskInformation":"Aufgabeninformationen","deleteDependency":"Abhängigkeit löschen","convert":"Konvertieren","save":"sparen","above":"Über","below":"Unten","child":"Kind","milestone":"Meilenstein","toTask":"Zur Aufgabe","toMilestone":"Zum Meilenstein","eventMarkers":"Ereignismarker","leftTaskLabel":"Linke Aufgabenbezeichnung","rightTaskLabel":"Richtige Aufgabenbezeichnung","timelineCell":"Timeline-Zelle"},"grid":{"EmptyRecord":"Keine Datensätze zur Anzeige","True":"wahr","False":"falsch","InvalidFilterMessage":"Ungültige Filterdaten","GroupDropArea":"Ziehen Sie hier eine Spaltenüberschrift, um ihre Spalte zu gruppieren","UnGroup":"Klicken Sie hier, um die Gruppierung aufzuheben","GroupDisable":"Die Gruppierung ist für diese Spalte deaktiviert","FilterbarTitle":"Filterstabzelle","EmptyDataSourceError":"DataSource darf beim erstmaligen Laden nicht leer sein, da Spalten aus dataSource in AutoGenerate Column Grid generiert werden","Add":"Hinzufügen","Edit":"Bearbeiten","Cancel":"Stornieren","Update":"Aktualisieren","Delete":"Löschen","Print":"Drucken","Pdfexport":"PDF-Export","Excelexport":"Excel-Export","Wordexport":"Word-Export","Csvexport":"CSV-Export","Search":"Suche","Columnchooser":"Säulen","Save":"sparen","Item":"Artikel","Items":"Artikel","EditOperationAlert":"Für den Bearbeitungsvorgang wurden keine Datensätze ausgewählt","DeleteOperationAlert":"Für den Löschvorgang wurden keine Datensätze ausgewählt","SaveButton":"sparen","OKButton":"OK","CancelButton":"Stornieren","EditFormTitle":"Details von ","AddFormTitle":"Neuen Datensatz hinzufügen","BatchSaveConfirm":"Möchten Sie die Änderungen wirklich speichern?","BatchSaveLostChanges":"Nicht gespeicherte Änderungen gehen verloren. Bist du dir sicher, dass du weitermachen willst?","ConfirmDelete":"Möchten Sie den Datensatz wirklich löschen?","CancelEdit":"Möchten Sie die Änderungen wirklich abbrechen?","ChooseColumns":"Wählen Sie Spalte","SearchColumns":"Suchspalten","Matchs":"Keine Treffer gefunden","FilterButton":"Filter","ClearButton":"klar","StartsWith":"Beginnt mit","EndsWith":"Endet mit","Contains":"Enthält","Equal":"Gleich","NotEqual":"Nicht gleich","LessThan":"Weniger als","LessThanOrEqual":"Weniger als oder gleich","GreaterThan":"Größer als","GreaterThanOrEqual":"Größer als oder gleich","ChooseDate":"Wählen Sie ein Datum","EnterValue":"Geben Sie den Wert ein","Copy":"Kopieren","Group":"Nach dieser Spalte gruppieren","Ungroup":"Gruppierung durch diese Spalte aufheben","autoFitAll":"Auto Fit für alle Spalten","autoFit":"Passen Sie diese Spalte automatisch an","Export":"Export","FirstPage":"Erste Seite","LastPage":"Letzte Seite","PreviousPage":"Vorherige Seite","NextPage":"Nächste Seite","SortAscending":"Aufsteigend sortieren","SortDescending":"Absteigend sortieren","EditRecord":"Datensatz bearbeiten","DeleteRecord":"Aufzeichnung löschen","FilterMenu":"Filter"},"checkboxFilter":{"Search":"Suche","OK":"OK","Cancel":"stornieren","Filter":"Filter","Clear":"klar","SelectAll":"Wählen Sie Alle","Blanks":"Rohlinge","True":"Wahr","False":"Falsch","NoResult":"Keine Treffer gefunden"},"excelFilter":{"ClearFilter":"Filter löschen","NumberFilter":"Zahlenfilter","TextFilter":"Textfilter","DateFilter":"Datumsfilter","MatchCase":"Matchfall","Equal":"Gleich","NotEqual":"Nicht gleich","LessThan":"Weniger als","LessThanOrEqual":"Weniger als oder gleich","GreaterThan":"Größer als","GreaterThanOrEqual":"Größer als oder gleich","Between":"Zwischen","CustomFilter":"Benutzerdefinierte Filter","StartsWith":"Beginnt mit","EndsWith":"Endet mit","Contains":"Enthält","OK":"OK","Cancel":"Stornieren","CustomFilterPlaceHolder":"Geben Sie den Wert ein","CustomFilterDatePlaceHolder":"Wählen Sie ein Datum","AND":"UND","OR":"ODER","ShowRowsWhere":"Zeige Zeilen wo:"},"pager":{"currentPageInfo":"{0} von {1} Seiten","totalItemsInfo":"({0} Elemente)","firstPageTooltip":"Gehe zur ersten Seite","lastPageTooltip":"Gehe zur letzten Seite","nextPageTooltip":"Gehe zur nächsten Seite","previousPageTooltip":"Zurück zur letzten Seite","nextPagerTooltip":"Gehe zum nächsten Pager","previousPagerTooltip":"Gehe zum vorherigen Pager","pagerDropDown":"Objekte pro Seite"},"numerictextbox":{"incrementTitle":"Wert erhöhen","decrementTitle":"Dekrementwert"},"pivotview":{"all":"alles","multipleItems":"mehrere Artikel","Sum":"Summe","Count":"Anzahl","DistinctCount":"Distinct Count","Product":"Product","Avg":"Durchschn","Min":"Mindest","SampleVar":"Sample Var","PopulationVar":"Bevölkerung Var","RunningTotals":"Laufende Summen","Max":"Max","Index":"Index","SampleStDev":"Sample StDev","PopulationStDev":"Population StDev","PercentageOfRowTotal":"% of Row Total","PercentageOfParentTotal":"% of Parent Total","PercentageOfParentColumnTotal":"% of Parent Column Total","PercentageOfParentRowTotal":"% of Parent Row Total","DifferenceFrom":"Difference From","PercentageOfDifferenceFrom":"% of Difference From","PercentageOfGrandTotal":"% of Grand Total","PercentageOfColumnTotal":"% of Column Total","editorDataLimitMsg":"editorDataLimitMsg","mdxQuery":"MDX Query","qtr":"Qtr","null":"null","undefined":"nicht definiert","groupOutOfRange":"Out of Range","fieldDropErrorAction":"fieldDropErrorAction","MoreOption":"Mehr Option...","aggregate":"Aggregat","drillThrough":"durchbohren","ascending":"aufsteigend","descending":"absteigend","number":"Nummer","currency":"Währung","percentage":"Prozentsatz","formatType":"Format Type","customText":"Currency Symbol","symbolPosition":"Symbol Position","left":"links","right":"Recht","grouping":"Gruppierung","true":"wahr","false":"falsch","decimalPlaces":"Nachkommastellen","numberFormat":"Zahlenformat","memberType":"Field Type","formatString":"Format String","expressionField":"Expression","customFormat":"Enter custom format string","selectedHierarchy":"Parent Hierarchy","olapDropText":"olapDropText","Percent":"Prozent","Currency":"Währung","Custom":"Brauch","Measure":"Messen","Dimension":"Abmessungen","Standard":"Standard","blank":"leer","fieldTooltip":"fieldTooltip","QuarterYear":"Vierteljahr","fieldTitle":"Field Name","drillError":"drillError","grandTotal":"Gesamtsumme","total":"Insgesamt","value":"Wert","noValue":"Kein Wert","row":"Zeile","column":"Spalte","collapse":"Zusammenbruch","expand":"Erweitern","rowAxisPrompt":"Drop Reihe hier","columnAxisPrompt":"Drop column Hier","valueAxisPrompt":"Drop wert hier","filterAxisPrompt":"Drop Filter Hier","filter":"Filter","filtered":"Gefiltert","sort":"Sortieren","filters":"Filter","rows":"Zeilen","columns":"Spalten","values":"Werte","close":"Schließen","cancel":"Abbrechen","delete":"Löschen","calculatedField":"Berechnetes Feld","createCalculatedField":"Berechnetes Feld erstellen","fieldName":"Geben Sie den Feldnamen ein","error":"Fehler","invalidFormula":"Ungültige Formel.","dropText":"Beispiel: ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"Felder und Formel bearbeiten hier hinzufügen.","dropAction":"Berechnetes Feld nicht in jeder anderen Region außer Wert Achse sein.","alert":"Warnung","warning":"Warnung","ok":"OK","search":"Suche","drag":"Ziehen","remove":"Entfernen","sum":"Summe","average":"Durchschnitt","count":"Zählen","min":"Zählen","max":"Max","allFields":"Alle Felder","formula":"Formel","addToRow":"Auf Zeile hinzufügen","addToColumn":"Zu Spalte hinzufügen","addToValue":"Auf Wert hinzufügen","addToFilter":"Zu Filter hinzufügen","emptyData":"Keine Datensätze anzeigen","fieldExist":"Ein Feld existiert bereits in diesem Namen. Bitte geben Sie einen anderen Namen ein.","confirmText":"Ein Formelfeld existiert bereits in diesem Namen. Möchten Sie sie ersetzen?","format":"Zusammenfassungen von","edit":"Bearbeiten","clear":"Klar","noMatches":"Keine Treffer","formulaField":"Drag und Drop die Felder Formel","dragField":"Feld durch Ziehen in die Formel","clearFilter":"Klar","by":"durch","enterValue":"Wert eingeben","chooseDate":"Datum eingeben","Equals":"Gleich","DoesNotEquals":"Ist nicht gleich","BeginWith":"Beginnt mit","DoesNotBeginWith":"Beginnt nicht mit","EndsWith":"Endet mit","DoesNotEndsWith":"Nicht mit enden","Contains":"Enthält","DoesNotContains":"Beinhaltet nicht","GreaterThan":"Größer als","GreaterThanOrEqualTo":"Größer als oder gleich wie","LessThan":"Weniger als","LessThanOrEqualTo":"Gleich oder kleiner als","Between":"Zwischen","NotBetween":"Nicht zwischen","Before":"Vor","BeforeOrEqualTo":"Vor oder gleich","After":"Nach","AfterOrEqualTo":"Nach oder gleich","member":"Mitglied","label":"Etikette","date":"Datum","labelTextContent":"Zeigen Sie die Artikel, für die das Label","dateTextContent":"Zeigen Sie die Artikel an, für die das Datum gilt","valueTextContent":"Zeige die Gegenstände für welche","And":"und","NotEquals":"Nicht gleich","AllValues":"Alle Werte","conditionalFormating":"Bedingte Formatierung","apply":"Sich bewerben","condition":"Bedingung hinzufügen","formatLabel":"Format","valueFieldSettings":"Wertfeldeinstellungen","sourceName":"Feldname :","sourceCaption":"Feldbeschriftung:","summarizeValuesBy":"Werte zusammenfassen nach:","baseField":"Basisfeld:","baseItem":"Basisartikel:","example":"z.B :","details":"Einzelheiten","manageRecords":"Datensätze verwalten","Years":" Jahre","Quarters":"Viertel","Months":"Monate","Days":"Tage","Hours":"Std","Minutes":"Protokoll","Seconds":"Sekunden","save":"Einen Bericht speichern","new":"Erstellen Sie einen neuen Bericht","load":"Belastung","saveAs":"Speichern Sie als aktuellen Bericht","rename":"Benennen Sie einen aktuellen Bericht um","export":"Export","subTotals":"Zwischensummen","grandTotals":"Gesamtsummen","reportName":"Berichtsname:","pdf":"PDF","excel":"Excel","csv":"CSV","showSubTotals":"Zwischensummen anzeigen","doNotShowSubTotals":"Keine Zwischensummen anzeigen","showSubTotalsRowsOnly":"Nur Zwischensummenzeilen anzeigen","showSubTotalsColumnsOnly":"Nur Untersummenspalten anzeigen","showGrandTotals":"Gesamtsummen anzeigen","doNotShowGrandTotals":"Keine Summen anzeigen","showGrandTotalsRowsOnly":"Nur Summenzeilen anzeigen","showGrandTotalsColumnsOnly":"Nur Summenspalten anzeigen","fieldList":"Feldliste anzeigen","grid":"Tabelle anzeigen","toolbarFormatting":"Bedingte Formatierung","chart":"Diagramm","reportMsg":"Bitte geben Sie einen gültigen Berichtsnamen ein!!!","reportList":"Berichtsliste","removeConfirm":"Möchten Sie diesen Bericht wirklich löschen?","emptyReport":"Keine Berichte gefunden!!","bar":"Bar","line":"Linie","area":"Bereich","scatter":"Streuen","polar":"Polar","of":"von","emptyFormat":"Kein Format gefunden!!!","emptyInput":"Geben Sie einen Wert ein","newReportConfirm":"Möchten Sie Änderungen im Bericht speichern?","emptyReportName":"Geben Sie einen Berichtsnamen ein","caption":"Feldbeschriftung","copy":"Kopieren","defaultReport":"Standardbericht","customFormatString":"Benutzerdefiniertes Format","invalidFormat":"Ungültiges Format."},"pivotfieldlist":{"all":"alles","multipleItems":"mehrere Artikel","Sum":"Summe","Count":"Anzahl","DistinctCount":"Distinct Count","Product":"Product","Avg":"Durchschn","Min":"Mindest","SampleVar":"Sample Var","PopulationVar":"Bevölkerung Var","RunningTotals":"Laufende Summen","Max":"Max","Index":"Index","SampleStDev":"Sample StDev","PopulationStDev":"Population StDev","PercentageOfRowTotal":"% of Row Total","PercentageOfParentTotal":"% of Parent Total","PercentageOfParentColumnTotal":"% of Parent Column Total","PercentageOfParentRowTotal":"% of Parent Row Total","DifferenceFrom":"Difference From","PercentageOfDifferenceFrom":"% of Difference From","PercentageOfGrandTotal":"% of Grand Total","PercentageOfColumnTotal":"% of Column Total","Years":"Années","Quarters":"Trimestres","Months":"Mois","Days":"Journées","Hours":"Heures","Minutes":"Minutes","Seconds":"Secondes","apply":"appliquer","editorDataLimitMsg":"editorDataLimitMsg","null":"null","undefined":"nicht definiert","groupOutOfRange":"Out of Range","fieldDropErrorAction":"fieldDropErrorAction","MoreOption":"Mehr Option...","selectedHierarchy":"Parent Hierarchy","memberType":"Field Type","formatString":"Format String","expressionField":"Expression","customFormat":"Enter custom format string","olapDropText":"olapDropText","Percent":"Prozent","Currency":"Währung","Custom":"Brauch","Measure":"Messen","Dimension":"Abmessungen","Standard":"Standard","blank":"leer","fieldTooltip":"fieldTooltip","QuarterYear":"Vierteljahr","fieldTitle":"Field Name","staticFieldList":"Drehpunktfeld Liste","fieldList":"Feld Liste","dropRowPrompt":"Drop Reihe hier","dropColPrompt":"Drop column Hier","dropValPrompt":"Drop wert hier","dropFilterPrompt":"Drop Filter Hier","addPrompt":"Feld hinzufügen","adaptiveFieldHeader":"Feld auswählen","centerHeader":"Ziehen Sie die Felder zwischen den Bereichen unten:","add":"Hinzufügen","drag":"Ziehen","filter":"Filter","filtered":"Gefiltert","sort":"Sortieren","remove":"Entfernen","filters":"Filter","rows":"Zeilen","columns":"Spalten","values":"Werte","calculatedField":"Berechnetes Feld","createCalculatedField":"Berechnetes Feld erstellen","fieldName":"Geben Sie den Feldnamen ein","error":"Fehler","invalidFormula":"Ungültige Formel.","dropText":"Beispiel: ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"Felder und Formel bearbeiten hier hinzufügen.","dropAction":"Berechnetes Feld nicht in jeder anderen Region außer Wert Achse sein.","search":"Suche","close":"Schließen","cancel":"Abbrechen","delete":"Löschen","alert":"Warnung","warning":"Warnung","ok":"OK","sum":"Summe","average":"Durchschnitt","count":"Zählen","min":"Zählen","max":"Max","allFields":"Alle Felder","formula":"Formel","fieldExist":"Ein Feld existiert bereits in diesem Namen. Bitte geben Sie einen anderen Namen ein.","confirmText":"Ein Formelfeld existiert bereits in diesem Namen. Möchten Sie sie ersetzen?","format":"Zusammenfassungen von","edit":"Bearbeiten","clear":"Klar","noMatches":"Keine Treffer","formulaField":"Drag und Drop die Felder Formel","dragField":"Feld durch Ziehen in die Formel","clearFilter":"Klar","by":"durch","enterValue":"Wert eingeben","chooseDate":"Datum eingeben","Equals":"Gleich","DoesNotEquals":"Ist nicht gleich","BeginWith":"Beginnt mit","DoesNotBeginWith":"Beginnt nicht mit","EndsWith":"Endet mit","DoesNotEndsWith":"Nicht mit enden","Contains":"Enthält","DoesNotContains":"Beinhaltet nicht","GreaterThan":"Größer als","GreaterThanOrEqualTo":"Größer als oder gleich wie","LessThan":"Weniger als","LessThanOrEqualTo":"Gleich oder kleiner als","Between":"Zwischen","NotBetween":"Nicht zwischen","Before":"Vor","BeforeOrEqualTo":"Vor oder gleich","After":"Nach","AfterOrEqualTo":"Nach oder gleich","member":"Mitglied","label":"Etikette","date":"Datum","value":"Wert","labelTextContent":"Zeigen Sie die Artikel, für die das Label","dateTextContent":"Zeigen Sie die Artikel an, für die das Datum gilt","valueTextContent":"Zeige die Gegenstände für welche","And":"und","valueFieldSettings":"Wertfeldeinstellungen","sourceName":"Feldname :","sourceCaption":"Feldbeschriftung:","summarizeValuesBy":"Werte zusammenfassen nach:","baseField":"Basisfeld:","baseItem":"Basisartikel:","example":"z.B :","deferLayoutUpdate":"Verschieben Sie das Layout-Update","caption":"Feldbeschriftung","copy":"Kopieren"},"schedule":{"day":"Tag","week":"Woche","workWeek":"Arbeitswoche","month":"Monat","agenda":"Agenda","weekAgenda":"Woche Agenda","workWeekAgenda":"Arbeitswoche Agenda","monthAgenda":"Monatsagenda","today":"Heute","noEvents":"Keine Ereignisse","emptyContainer":"An diesem Tag sind keine Veranstaltungen geplant.","allDay":"Den ganzen Tag","start":"Anfang","end":"Ende","more":"Mehr","close":"Schließen","cancel":"Stornieren","noTitle":"(Kein Titel)","delete":"Löschen","deleteEvent":"Ereignis löschen","deleteMultipleEvent":"Löschen Sie mehrere Ereignisse","selectedItems":"Artikel ausgewählt","deleteSeries":"Reihe löschen","edit":"Bearbeiten","editSeries":"Reihe bearbeiten","editEvent":"Veranstaltung bearbeiten","createEvent":"Erstellen","subject":"Gegenstand","addTitle":"Titel hinzufügen","moreDetails":"Mehr Details","save":"sparen","editContent":"Möchten Sie nur dieses Ereignis oder die gesamte Serie bearbeiten?","deleteRecurrenceContent":"Möchten Sie nur dieses Ereignis oder die ganze Serie löschen?","deleteContent":"Möchten Sie dieses Ereignis wirklich löschen?","deleteMultipleContent":"Möchten Sie die ausgewählten Ereignisse wirklich löschen?","newEvent":"Neues Event","title":"Titel","location":"Ort","description":"Beschreibung","timezone":"Zeitzone","startTimezone":"Startzeitzone","endTimezone":"Endzeitzone","repeat":"Wiederholen","saveButton":"sparen","cancelButton":"Stornieren","deleteButton":"Löschen","recurrence":"Wiederholung","wrongPattern":"Das Wiederholungsmuster ist nicht gültig.","seriesChangeAlert":"Die Änderungen, die an bestimmten Instanzen dieser Serie vorgenommen wurden, werden abgebrochen und diese Ereignisse werden wieder mit der Serie übereinstimmen.","createError":"Die Dauer des Ereignisses muss kürzer sein als die Häufigkeit des Ereignisses. Verkürzen Sie die Dauer oder ändern Sie das Wiederholungsmuster im Wiederholungsereignis-Editor.","recurrenceDateValidation":"Einige Monate haben weniger als das ausgewählte Datum. In diesen Monaten fällt das Vorkommen auf das letzte Datum des Monats.","sameDayAlert":"Zwei Vorkommen desselben Ereignisses können nicht am selben Tag auftreten.","editRecurrence":"Wiederholung bearbeiten","repeats":"Wiederholt","alert":"Aufmerksam","startEndError":"Das ausgewählte Enddatum liegt vor dem Startdatum.","invalidDateError":"Der eingegebene Datumswert ist ungültig.","ok":"OK","occurrence":"Auftreten","series":"Serie","previous":"Bisherige","next":"Nächster","timelineDay":"Timeline-Tag","timelineWeek":"Timeline Woche","timelineWorkWeek":"Timeline-Arbeitswoche","timelineMonth":"Timeline-Monat"},"recurrenceeditor":{"none":"Keiner","daily":"Täglich","weekly":"Wöchentlich","monthly":"Monatlich","month":"Monat","yearly":"Jährlich","never":"noch nie","until":"Bis","count":"Anzahl","first":"Zuerst","second":"Zweite","third":"Dritte","fourth":"Vierte","last":"Letzte","repeat":"Wiederholen","repeatEvery":"Wiederhole jeden","on":"Wiederhole weiter","end":"Ende","onDay":"Tag","days":"Tage","weeks":"Wochen","months":"Monate","years":"Jahre","every":"jeden","summaryTimes":"mal","summaryOn":"auf","summaryUntil":"bis","summaryRepeat":"Wiederholt","summaryDay":"Tage","summaryWeek":"Wochen","summaryMonth":"Monate","summaryYear":"Jahre"},"slider":{"incrementTitle":"ansteigen","decrementTitle":"verringern"},"spreadsheet":{"Cut":"Schneiden","Copy":"Kopieren","Paste":"Paste","PasteSpecial":"paste spezial","All":"Alles","Values":"Werte","Formats":"Formate","Font":"Schriftart","FontSize":"Schriftgröße","Bold":"Fett gedruckt","Italic":"Kursiv","Underline":"Unterstreichen","Strikethrough":"Durchgestrichen","TextColor":"Textfarbe","FillColor":"Füllfarbe","HorizontalAlignment":"Horizontale Ausrichtung","AlignLeft":"Linksbündig ausrichten","AlignCenter":"Center","AlignRight":"Rechtsbündig ausrichten","VerticalAlignment":"Vertikale Ausrichtung","AlignTop":"Oben ausrichten","AlignMiddle":"Mitte ausrichten","AlignBottom":"Unten ausrichten","InsertFunction":"Funktion einfügen","Insert":"Einfügen","Delete":"Löschen","Rename":"Umbenennen","Hide":"verbergen","Unhide":"Sichtbar machen","NameBox":"Namensfeld","ShowHeaders":"Kopfzeilen anzeigen","HideHeaders":"Header ausblenden","ShowGridLines":"Gitternetzlinien anzeigen","HideGridLines":"Gitternetzlinien ausblenden","AddSheet":"Blatt hinzufügen","ListAllSheets":"Alle Blätter auflisten","FullScreen":"Vollbild","CollapseToolbar":"Zusammenbruch symbolleiste","ExpandToolbar":"Erweitern Symbolleiste","CollapseFormulaBar":"Collapse Formelleiste","ExpandFormulaBar":"Expand Formelleiste","File":"Datei","Home":"Huis","Formulas":"Formeln","View":"Aussicht","New":"Neu","Open":"Öffnen","SaveAs":"Speichern als","ExcelXlsx":"Microsoft Excel","ExcelXls":"Microsoft Excel 97-2003","CSV":"Comma-separated values","FormulaBar":"Formelleiste","Ok":"OK","Close":"Schließen","Cancel":"Abbrechen","Apply":"Anwenden","MoreColors":"Mehr Farben","StandardColors":"Standard farben","General":"Allgemeines","Number":"Nummer","Currency":"Währung","Accounting":"Buchhaltung","ShortDate":"Kurzes Date","LongDate":"Langes Datum","Time":"Zeit","Percentage":"Prozentsatz","Fraction":"Fraktion","Scientific":"Wissenschaft","Text":"Text","NumberFormat":"Zahlenformat","MobileFormulaBarPlaceHolder":"Wert oder Formel eingeben","PasteAlert":"Sie können dies hier nicht einfügen, da der Kopierbereich und der Einfügebereich nicht dieselbe Größe haben. Bitte versuchen Sie es in einem anderen Bereich.","DestroyAlert":"Möchten Sie die aktuelle Arbeitsmappe wirklich löschen, ohne sie zu speichern, und eine neue Arbeitsmappe erstellen?","SheetRenameInvalidAlert":"Der Blattname enthält ein ungültiges Zeichen.","SheetRenameEmptyAlert":"Der Blattname darf nicht leer sein.","SheetRenameAlreadyExistsAlert":"Der Blattname ist bereits vorhanden. Bitte geben Sie einen anderen Namen ein.","DeleteSheetAlert":"Möchten Sie dieses Blatt wirklich löschen?","DeleteSingleLastSheetAlert":"Eine Arbeitsmappe muss mindestens ein sichtbares Arbeitsblatt enthalten.","PickACategory":"Wählen Sie eine Kategorie","Description":"Beschreibung","UnsupportedFile":"Nicht unterstützte Datei","InvalidUrl":"Ungültige URL","SUM":"Fügt eine Reihe von Zahlen und / oder Zellen hinzu.","SUMIF":"Fügt die Zellen basierend auf der angegebenen Bedingung hinzu.","SUMIFS":"Fügt die Zellen basierend auf den angegebenen Bedingungen hinzu.","ABS":"Gibt den Wert einer Zahl ohne Vorzeichen zurück.","RAND":"Gibt eine Zufallszahl zwischen 0 und 1 zurück.","RANDBETWEEN":"Gibt eine zufällige Ganzzahl basierend auf angegebenen Werten zurück.","FLOOR":"Rundet eine Zahl auf das nächste Vielfache eines bestimmten Faktors ab.","CEILING":"Rundet eine Zahl auf das nächste Vielfache eines bestimmten Faktors.","PRODUCT":"Multipliziert eine Reihe von Zahlen und / oder Zellen.","AVERAGE":"Berechnen Sie den Durchschnitt für die Reihe von Zahlen und / oder Zellen ohne Text.","AVERAGEIF":"Berechnet den Durchschnitt für die Zellen basierend auf der angegebenen Bedingung.","AVERAGEIFS":"Berechnet den Durchschnitt für die Zellen basierend auf den angegebenen Bedingungen.","AVERAGEA":"Berechnet den Durchschnitt für die Zellen, wobei WAHR als 1, text und FALSCH als 0 ausgewertet werden.","COUNT":"Zählt die Zellen, die numerische Werte in einem Bereich enthalten.","COUNTIF":"Zählt die Zellen basierend auf der angegebenen Bedingung.","COUNTIFS":"Zählt die Zellen basierend auf den angegebenen Bedingungen.","COUNTA":"Zählt die Zellen, die Werte in einem Bereich enthalten.","MIN":"Gibt die kleinste Anzahl der angegebenen Argumente zurück.","MAX":"Gibt die größte Anzahl der angegebenen Argumente zurück.","DATE":"Gibt das Datum basierend auf einem bestimmten Jahr, Monat und Tag zurück.","DAY":"Gibt den Tag ab dem angegebenen Datum zurück.","DAYS":"Gibt die Anzahl der Tage zwischen zwei Daten zurück.","IF":"Gibt einen Wert basierend auf dem angegebenen Ausdruck zurück.","IFS":"Gibt einen Wert zurück, der auf den angegebenen mehreren Ausdrücken basiert.","AND":"Gibt WAHR zurück, wenn alle Argumente WAHR sind, andernfalls wird FALSCH zurückgegeben.","OR":"Gibt WAHR zurück, wenn eines der Argumente WAHR ist, andernfalls wird FALSCH zurückgegeben.","IFERROR":"Gibt einen Wert zurück, wenn kein Fehler gefunden wurde. Andernfalls wird der angegebene Wert zurückgegeben.","CHOOSE":"Gibt einen Wert aus der Werteliste basierend auf der Indexnummer zurück.","INDEX":"Gibt einen Wert der Zelle in einem bestimmten Bereich basierend auf der Zeilen- und Spaltennummer zurück.","FIND":"Gibt die Position eines Strings innerhalb eines anderen Strings zurück, wobei die Groß- und Kleinschreibung beachtet wird.","CONCATENATE":"Kombiniert zwei oder mehr Zeichenfolgen.","CONCAT":"Verkettet eine Liste oder einen Bereich von Textzeichenfolgen.","SUBTOTAL":"Gibt die Zwischensumme für einen Bereich unter Verwendung der angegebenen Funktionsnummer zurück.","RADIANS":"Konvertiert Grad in Bogenmaß.","MATCH":"Gibt die relative Position eines angegebenen Wertes im angegebenen Bereich zurück.","DefineNameExists":"Dieser Name ist bereits vorhanden, versuchen Sie es mit einem anderen Namen.","CircularReference":"Wenn eine Formel auf einen oder mehrere Zirkelverweise verweist, kann dies zu einer falschen Berechnung führen."},"timepicker":{"placeholder":"Wählen Sie eine Uhrzeit aus"},"treegrid":{"EmptyRecord":"Keine Datensätze zur Anzeige","InvalidFilterMessage":"Ungültige Filterdaten","FilterbarTitle":"Filterstabzelle","EmptyDataSourceError":"DataSource darf beim erstmaligen Laden nicht leer sein, da Spalten aus dataSource in AutoGenerate Column TreeGrid generiert werden","Add":"Hinzufügen","Edit":"Bearbeiten","Cancel":"Stornieren","Update":"Aktualisieren","Delete":"Löschen","Print":"Drucken","Pdfexport":"PDF-Export","Excelexport":"Excel-Export","Wordexport":"Word-Export","Csvexport":"CSV-Export","Search":"Suche","Columnchooser":"Säulen","Save":"sparen","EditOperationAlert":"Für den Bearbeitungsvorgang wurden keine Datensätze ausgewählt","DeleteOperationAlert":"Für den Löschvorgang wurden keine Datensätze ausgewählt","SaveButton":"sparen","CancelButton":"Stornieren","EditFormTitle":"Details von ","AddFormTitle":"Neuen Datensatz hinzufügen","ConfirmDelete":"Möchten Sie den Datensatz wirklich löschen?","CancelEdit":"Möchten Sie die Änderungen wirklich abbrechen?","ChooseColumns":"Wählen Sie Spalte","SearchColumns":"Suchspalten","FilterButton":"Filter","ClearButton":"klar","StartsWith":"Beginnt mit","EndsWith":"Endet mit","Contains":"Enthält","Equal":"Gleich","NotEqual":"Nicht gleich","LessThan":"Weniger als","LessThanOrEqual":"Weniger als oder gleich","GreaterThan":"Größer als","GreaterThanOrEqual":"Größer als oder gleich","ChooseDate":"Wählen Sie ein Datum","EnterValue":"Geben Sie den Wert ein","autoFitAll":"Auto Fit für alle Spalten","autoFit":"Passen Sie diese Spalte automatisch an","Export":"Export","FirstPage":"Erste Seite","LastPage":"Letzte Seite","PreviousPage":"Vorherige Seite","NextPage":"Nächste Seite","SortAscending":"Aufsteigend sortieren","SortDescending":"Absteigend sortieren","EditRecord":"Datensatz bearbeiten","DeleteRecord":"Aufzeichnung löschen","FilterMenu":"Filter"},"uploader":{"invalidMinFileSize":"Bestandsgrootte is te klein!","invalidMaxFileSize":"Bestandsgrootte groter dan 28 MB","invalidFileType":"Bestandstype is niet toegestaan","Browse":"Blader","Clear":"Duidelijk","Upload":"Uploaden","dropFilesHint":"of zet hier bestanden neer","uploadFailedMessage":"Bestand kan niet worden geüpload","uploadSuccessMessage":"bestand succesvol geüpload","removedSuccessMessage":"Bestand met succes verwijderd","removedFailedMessage":"Die Datei konnte nicht entfernt werden","inProgress":"uploaden","readyToUploadMessage":"Klaar om te uploaden","remove":"Verwijderen","cancel":"Annuleer","delete":"Verwijder bestand","abort":"Abbrechen","pauseUpload":"Datei-Upload wurde angehalten","pause":"Pausieren","resume":"Fortsetzen","retry":"Wiederholen","fileUploadCancel":"Datei-Upload abgebrochen"}},"ar":{"dropdowns":{"noRecordsTemplate":"لا توجد سجلات","actionFailureTemplate":"أخفق الطلب","overflowCountTemplate":"..مور{كونت}$+","selectAllText":"إلغاء تحديد الكل","unSelectAllText":"اختر الكل"},"calendar":{"today":"اليوم"},"chart":{"ZoomIn":"زومٍي","ZoomOut":"ذوموت","Zoom":"زوم","Pan":"بان","Reset":"رست","ResetZoom":"رست زوم"},"colorpicker":{"Apply":"تطبيق","Cancel":"إلغاء","ModeSwitcher":"مفتاح كهربائي الوضع"},"datepicker":{"placeholder":"اختر تاريخا","today":"اليوم"},"daterangepicker":{"placeholder":"حدد نطاقا","startLabel":"تاريخ البدء","endLabel":"تاريخ الانتهاء","applyText":"تطبيق","cancelText":"إلغاء","selectedDays":"الأيام المحددة","days":"أيام","customRange":"نطاق مخصص"},"datetimepicker":{"placeholder":"حدد التاريخ والوقت","today":"اليوم"},"diagram":{"Cut":"قطع","Copy":"نسخ","Paste":"معجون","Undo":"فك","Redo":"فعل ثانية","SelectAll":"اختر الكل","Grouping":"تجمع","Group":"مجموعة","UnGroup":"فك التجميع","Order":"طلب","BringToFront":"اجلب للمقدمة","MoveForward":"التحرك إلى الأمام","SendBackward":"إرسال إلى الخلف","SendToBack":"إرسال إلى الخلف"},"dialog":{"close":"أغلق"},"filemanager":{"NewFolder":"ملف جديد","Upload":"رفع","Delete":"حذف","Rename":"إعادة تسمية","Download":"تحميل","Cut":"يقطع","Copy":"نسخ","Paste":"معجون","SortBy":"ترتيب حسب","Refresh":"تحديث","Item-Selection":"العنصر المحدد","Items-Selection":"العناصر المحددة","View":"رأي","Details":"تفاصيل","SelectAll":"اختر الكل","Open":"افتح","Tooltip-NewFolder":"ملف جديد","Tooltip-Upload":"رفع","Tooltip-Delete":"حذف","Tooltip-Rename":"إعادة تسمية","Tooltip-Download":"تحميل","Tooltip-Cut":"يقطع","Tooltip-Copy":"نسخ","Tooltip-Paste":"معجون","Tooltip-SortBy":"ترتيب حسب","Tooltip-Refresh":"تحديث","Tooltip-Selection":"اختيار واضح","Tooltip-View":"رأي","Tooltip-Details":"تفاصيل","Tooltip-SelectAll":"اختر الكل","Name":"اسم","Size":"بحجم","DateModified":"تم التعديل","DateCreated":"تاريخ الإنشاء","Path":"مسار","Modified":"تم التعديل","Created":"خلقت","Location":"موقعك","Type":"نوع","Permission":"الإذن","Ascending":"تصاعدي","Descending":"ترتيب تنازلي","View-LargeIcons":"الرموز الكبيرة","View-Details":"تفاصيل","Search":"بحث","Button-Ok":"حسنا","Button-Cancel":"إلغاء","Button-Yes":"نعم فعلا","Button-No":"لا","Button-Create":"خلق","Button-Save":"حفظ","Header-NewFolder":"مجلد","Content-NewFolder":"أدخل اسم المجلد الخاص بك","Header-Rename":"إعادة تسمية","Content-Rename":"أدخل اسمك الجديد","Header-Rename-Confirmation":"إعادة تسمية التأكيد","Content-Rename-Confirmation":"إذا قمت بتغيير ملحق اسم الملف , فقد يصبح الملف غير مستقر. هل تريد بالتأكيد تغييره؟","Header-Delete":"حذف ملف","Content-Delete":"هل أنت متأكد أنك تريد حذف هذا الملف؟","Header-Multiple-Delete":"حذف ملفات متعددة","Content-Multiple-Delete":"هل أنت متأكد من أنك تريد حذف هذه الملفات {0}؟","Header-Duplicate":"الملف / المجلد موجود","Content-Duplicate":"{0} موجود بالفعل. هل تريد إعادة التسمية واللصق؟","Header-Upload":"تحميل الملفات","Error":"خطأ","Validation-Empty":"لا يمكن أن يكون اسم الملف أو المجلد فارغًا.","Validation-Invalid":"اسم الملف أو المجلد {0} يحتوي على أحرف غير صالحة. يرجى استخدام اسم مختلف. لا يمكن أن تنتهي أسماء الملفات أو المجلدات الصالحة بنقطة أو مسافة , ولا يمكن أن تحتوي على أي من الأحرف التالية: \\ /: *؟ \" < > | ","Validation-NewFolder-Exists":"ملف أو مجلد يحمل الاسم {0} موجود بالفعل.","Validation-Rename-Exists":"لا يمكن إعادة تسمية {0} إلى {1}: الوجهة موجودة بالفعل.","Folder-Empty":"هذا المجلد فارغ","File-Upload":"اسحب الملفات هنا للتحميل","Search-Empty":"لا توجد نتائج","Search-Key":"جرب بكلمات رئيسية مختلفة","Sub-Folder-Error":"المجلد الوجهة هو المجلد الفرعي للمجلد المصدر.","Access-Denied":"تم الرفض","Access-Details":"ليس لديك إذن للوصول إلى هذا المجلد.","Header-Retry":"الملف موجود بالفعل","Content-Retry":"يوجد ملف بهذا الاسم بالفعل في هذا المجلد. ماذا تريد أن تفعل؟","Button-Keep-Both":"احتفظ بكليهما","Button-Replace":"يحل محل","Button-Skip":"تخطى","ApplyAll-Label":"القيام بذلك لجميع العناصر الحالية"},"gantt":{"emptyRecord":"لا سجلات لعرضها","id":"هوية شخصية","name":"اسم","startDate":"تاريخ البدء","endDate":"تاريخ الانتهاء","duration":"المدة الزمنية","progress":"تقدم","dependency":"الاعتماد","notes":"ملاحظات","excelExport":"تصدير إكسيل","csvExport":"تصدير كسف","baselineStartDate":"تاريخ البدء الأساسي","baselineEndDate":"تاريخ نهاية خط الأساس","type":"نوع","offset":"الأوفست","resourceName":"مصادر","resourceID":"معرف المورد","day":"يوم","hour":"ساعة","minute":"اللحظة","days":"أيام","hours":"ساعات","minutes":"الدقائق","generalTab":"جنرال لواء","customTab":"أعمدة مخصصة","writeNotes":"اكتب ملاحظات","addDialogTitle":"مهمة جديدة","editDialogTitle":"معلومات المهمة","saveButton":"حفظ","add":"إضافة","edit":"تصحيح","update":"تحديث","delete":"حذف","cancel":"إلغاء","search":"بحث","addTask":"إضافة مهمة","editTask":"تحرير المهمة","deleteTask":"حذف المهمة","expandAllTasks":"توسيع جميع المهام","collapseAllTasks":"طي جميع المهام","expandAll":"توسيع الكل","collapseAll":"انهيار جميع","nextTimeSpan":"Timespan المقبل","prevTimeSpan":"Timespan السابق","okText":"حسنا","confirmDelete":"هل أنت متأكد أنك تريد حذف السجل؟","from":"من عند","to":"إلى","taskLink":"رابط المهمة","lag":"تأخر","start":"بداية","finish":"إنهاء","enterValue":"أدخل القيمة","taskBeforePredecessor_FS":"قمت بنقل '{0}' للبدء قبل انتهاء '{1}' ويتم ربط المهمتين. ونتيجة لذلك ، لا يمكن احترام الروابط. حدد إجراءً واحدًا أدناه للقيام به","taskAfterPredecessor_FS":"قمت بنقل '{0}' بعيدًا عن '{1}' ويتم ربط المهمتين. ونتيجة لذلك ، لا يمكن احترام الروابط. حدد إجراءً واحدًا أدناه للقيام به","taskBeforePredecessor_SS":"قمت بنقل '{0}' للبدء قبل أن يبدأ '{1}' وربط المهمتين. ونتيجة لذلك ، لا يمكن احترام الروابط. حدد إجراءً واحدًا أدناه للقيام به","taskAfterPredecessor_SS":"قمت بنقل '{0}' للبدء بعد بدء '{1}' وربط المهمتين. ونتيجة لذلك ، لا يمكن احترام الروابط. حدد إجراءً واحدًا أدناه للقيام به","taskBeforePredecessor_FF":"قمت بنقل '{0}' للإنهاء قبل انتهاء '{1}' ويتم ربط المهمتين. ونتيجة لذلك ، لا يمكن احترام الروابط. حدد إجراءً واحدًا أدناه للقيام به","taskAfterPredecessor_FF":"قمت بنقل '{0}' للإنهاء بعد انتهاء '{1}' ويتم ربط المهمتين. ونتيجة لذلك ، لا يمكن احترام الروابط. حدد إجراءً واحدًا أدناه للقيام به","taskBeforePredecessor_SF":"قمت بنقل '{0}' بعيدًا عن '{1}' لبدء التشغيل وترتبط المهمتان. ونتيجة لذلك ، لا يمكن احترام الروابط. حدد إجراءً واحدًا أدناه للقيام به","taskAfterPredecessor_SF":"قمت بنقل '{0}' للإنهاء بعد بدء '{1}' وربط المهمتين. ونتيجة لذلك ، لا يمكن احترام الروابط. حدد إجراءً واحدًا أدناه للقيام به","taskInformation":"معلومات المهمة","deleteDependency":"حذف التبعية","convert":"تحول","save":"حفظ","above":"في الاعلى","below":"أدناه","child":"طفل","milestone":"معلما","toTask":"لمهمة","toMilestone":"إلى معلم","eventMarkers":"علامات الحدث","leftTaskLabel":"تسمية المهمة اليسرى","rightTaskLabel":"تسمية المهمة الصحيحة","timelineCell":"خلية الجدول الزمني"},"grid":{"EmptyRecord":"لا سجلات لعرضها","True":"صحيح","False":"خاطئة","InvalidFilterMessage":"بيانات الفلتر غير صالحة","GroupDropArea":"اسحب رأس عمود هنا لتجميع عموده","UnGroup":"انقر هنا لفك تجميع","GroupDisable":"يتم تعطيل التجميع لهذا العمود","FilterbarTitle":"تصفية خلية شريط","EmptyDataSourceError":"داتاسورس يجب أن لا تكون فارغة عند التحميل الأولي منذ يتم إنشاء الأعمدة من داتسورس في أوتوجينيرات العمود شبكة","Add":"إضافة","Edit":"تصحيح","Cancel":"إلغاء","Update":"تحديث","Delete":"حذف","Print":"طباعة","Pdfexport":"تصدير بدف","Excelexport":"تصدير إكسيل","Wordexport":"تصدير ورد","Csvexport":"تصدير كسف","Search":"بحث","Columnchooser":"أعمدة","Save":"حفظ","Item":"بند","Items":"العناصر","EditOperationAlert":"لم يتم تحديد أية سجلات لعملية التعديل","DeleteOperationAlert":"لم يتم تحديد أية سجلات لعملية الحذف ","SaveButton":"حفظ","OKButton":"حسنا","CancelButton":"إلغاء","EditFormTitle":"تفاصيل ","AddFormTitle":"إضافة سجل جديد","BatchSaveConfirm":"هل تريد بالتأكيد حفظ التغييرات؟","BatchSaveLostChanges":"سيتم فقد التغييرات غير المحفوظة. هل تريد بالتأكيد المتابعة؟","ConfirmDelete":"هل تريد بالتأكيد حذف السجل؟","CancelEdit":"هل تريد بالتأكيد إلغاء التغييرات؟","ChooseColumns":"اختر العمود","SearchColumns":"البحث","Matchs":"لم يتم العثور على تطابق","FilterButton":"منقي","ClearButton":"واضح","StartsWith":"ابدا ب","EndsWith":"ينتهي مع","Contains":"يحتوي على","Equal":"مساو","NotEqual":"غير متساوي","LessThan":"أقل من","LessThanOrEqual":"اصغر من او يساوي","GreaterThan":"أكثر من","GreaterThanOrEqual":"أكبر من أو يساوي","ChooseDate":"اختر تاريخا","EnterValue":"أدخل القيمة","Copy":"نسخ","Group":"المجموعة حسب هذا العمود","Ungroup":"إلغاء التجميع حسب هذا العمود","autoFitAll":"تناسب تلقائي جميع الأعمدة","autoFit":"تناسب هذا العمود تلقائيا","Export":"تصدير","FirstPage":"الصفحة الأولى","LastPage":"آخر صفحة","PreviousPage":"الصفحة السابقة","NextPage":"الصفحة التالية","SortAscending":"فرز تصاعدي","SortDescending":"ترتيب تنازلي","EditRecord":"تحرير سجل","DeleteRecord":"حذف سجل","FilterMenu":"منقي"},"checkboxFilter":{"Search":"بحث","OK":"حسنا","Cancel":"إلغاء","Filter":"منقي","Clear":"واضح","SelectAll":"اختر الكل","Blanks":"الفراغات","True":"صحيح","False":"خاطئة","NoResult":"لم يتم العثور على تطابق"},"excelFilter":{"ClearFilter":"مرشح واضح","NumberFilter":"عدد الفلاتر","TextFilter":"فلاتر النصوص","DateFilter":"تاريخ الفلاتر","MatchCase":"حالة مباراة","Equal":"مساو","NotEqual":"غير متساوي","LessThan":"أقل من","LessThanOrEqual":"اصغر من او يساوي","GreaterThan":"أكثر من","GreaterThanOrEqual":"أكبر من أو يساوي","Between":"ما بين","CustomFilter":"تصفية مخصص","StartsWith":"ابدا ب","EndsWith":"ينتهي مع","Contains":"يحتوي على","OK":"حسنا","Cancel":"إلغاء","CustomFilterPlaceHolder":"أدخل القيمة","CustomFilterDatePlaceHolder":"اختر تاريخا","AND":"و","OR":"أو","ShowRowsWhere":"عرض الصفوف حيث:"},"pager":{"currentPageInfo":"{0} من {1} صفحة","totalItemsInfo":"({0})","firstPageTooltip":" انتقل إلى الصفحة الأولى","lastPageTooltip":" انتقل إلى الصفحة الأخيرة","nextPageTooltip":" انتقل إلى الصفحة التالية","previousPageTooltip":"الانتقال إلى الصفحة السابقة","nextPagerTooltip":"انتقل إلى النداء التالي","previousPagerTooltip":"انتقل إلى النداء السابق","pagerDropDown":"مواد لكل صفحة"},"numerictextbox":{"incrementTitle":"قيمة الزيادة","decrementTitle":"انخفاض القيمة"},"pivotview":{"all":"الكل","multipleItems":"عناصر متعددة","Sum":"مجموع","Count":"عد","DistinctCount":"عدد متميز","Product":"المنتج","Avg":"متوسط","Min":"دقيقة","SampleVar":"عينة فا","PopulationVar":"السكان فار","RunningTotals":"تشغيل المجاميع","Max":"ماكس","Index":"فهرس","SampleStDev":"عينة سانت ديف","PopulationStDev":"سكان سانت ديف","PercentageOfRowTotal":"نسبة مجموع الصف","PercentageOfParentTotal":"النسبة المئوية من مجموع الوالدين","PercentageOfParentColumnTotal":"النسبة المئوية لإجمالي العمود الرئيسي","PercentageOfParentRowTotal":"النسبة المئوية لإجمالي صف الأصل","DifferenceFrom":"الفرق من","PercentageOfDifferenceFrom":"نسبة الفرق من","PercentageOfGrandTotal":"نسبة المجموع الكلي","PercentageOfColumnTotal":"النسبة المئوية لإجمالي العمود","editorDataLimitMsg":"محرر الحد البيانات Msg","mdxQuery":"استعلام mdx","qtr":"QTR","null":"لا شيء","undefined":"غير محدد","groupOutOfRange":"مجموعة خارج النطاق","fieldDropErrorAction":"حقل إسقاط خطأ العمل","MoreOption":"المزيد من الخيارات","aggregate":"مجموع","drillThrough":"حفر من خلال","ascending":"تصاعدي","descending":"تنازلي","number":"رقم","currency":"دقة","percentage":"النسبة المئوية","formatType":"نوع التنسيق","customText":"نص مخصص","symbolPosition":"موقف رمز","left":"اليسار","right":"حق","grouping":"تجمع","true":"صحيح","false":"خاطئة","decimalPlaces":"منازل عشرية","numberFormat":"تنسيق الرقم","memberType":"نوع العضو","formatString":"شكل سلسلة","expressionField":"حقل التعبير","customFormat":"تنسيق مخصص","selectedHierarchy":"التسلسل الهرمي المحدد","olapDropText":"olap إسقاط النص","Percent":"نسبه مئويه","Currency":"دقة","Custom":"العادة","Measure":"قياس","Dimension":"البعد","Standard":"اساسي","blank":"فراغ","fieldTooltip":"تلميح الحقل","QuarterYear":"ربع السنة","fieldTitle":"عنوان الحقل","drillError":"خطأ الحفر","grandTotal":"المجموع الكلى","total":"المجموع","value":"القيمة","noValue":"لا قيمة لها","row":"صف","column":"العمود","collapse":"الانهيار","expand":"توسيع","rowAxisPrompt":"تراجع الخلاف هنا","columnAxisPrompt":"انخفاض العمود هنا","valueAxisPrompt":"انخفاض قيمة هنا","filterAxisPrompt":"انخفاض هنا عامل التصفية","filter":"الفلتر","filtered":"تصفية","sort":"النوع","filters":"عوامل التصفية","rows":"الصفوف","columns":"الاعمدة","values":"قيم","close":"قريب","cancel":"الغاء","delete":"احذف","calculatedField":"الحقل المحسوب","createCalculatedField":"إنشاء حقل محتسب","fieldName":"أدخل اسم المجال","error":"خطا","invalidFormula":"صيغة غير صالحة.","dropText":"مثال: ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"اضافة مجالات صيغة وتحريرها.","dropAction":"لا يمكن ان يكون حقل محسوب فى اى منطقة اخرى باستثناء قيمة المحور.","alert":"حالة تاهب قصوى","warning":"تحذير","ok":"موافق","search":"البحث","drag":"اسحب","remove":"قم بازالة","sum":"المبلغ","average":"متوسط","count":"فرز الاصوات","min":"دقيقة","max":"ماكس","allFields":"جميع الحقول","formula":"الفورمولا","addToRow":"اضافة الى الصف","addToColumn":"اضافة الى العمود","addToValue":"اضافة الى القيمة","addToFilter":"اضافة الى عامل التصفية","emptyData":"لعرض سجلات","fieldExist":"حقل موجود بالفعل فى هذا الاسم. يرجى ادخال اسم مختلف.","confirmText":"ميدان الحساب موجود بالفعل فى هذا الاسم. هل تريد استبداله?","format":"ملخصات القيم","edit":"تحرير","clear":"واضح","noMatches":"لا مباريات","formulaField":"الحقول وافلاتها صيغة","dragField":"اسحب حقل صيغة","clearFilter":"واضح","by":"بواسطة","enterValue":"أدخل القيمة","chooseDate":"أدخل التاريخ","Equals":"يساوي","DoesNotEquals":"لا يساوي","BeginWith":"يبدأ ب","DoesNotBeginWith":"لا يبدأ بـ","EndsWith":"ينتهي بـ","DoesNotEndsWith":"لا ينتهي بـ","Contains":"يحتوي على","DoesNotContains":"لا يحتوي","GreaterThan":"أكثر من","GreaterThanOrEqualTo":"أكبر من أو يساوي","LessThan":"أقل من","LessThanOrEqualTo":"اقل او يساوي","Between":"ما بين","NotBetween":"ليس بينهما","Before":"قبل","BeforeOrEqualTo":"قبل أو يساوي","After":"بعد","AfterOrEqualTo":"بعد أو يساوي","member":"الأعضاء","label":"ضع الكلمة المناسبة","date":"تاريخ","labelTextContent":"إظهار العناصر التي لها التسمية","dateTextContent":"إظهار العناصر التي التاريخ","valueTextContent":"إظهار العناصر التي","And":"و","NotEquals":"لا يساوي","AllValues":"كل القيم","conditionalFormating":"تنسيق مشروط","apply":"تطبيق","condition":"اضافة الشرط","formatLabel":"شكل","valueFieldSettings":"إعدادات مجال القيمة","sourceName":"اسم الحقل :","sourceCaption":"التعليق الميداني:","summarizeValuesBy":"تلخيص القيم من خلال:","baseField":"حقل القاعدة:","baseItem":"العنصر الأساسي:","example":"على سبيل المثال:","details":"تفاصيل","manageRecords":"إدارة السجلات","Years":"سنوات","Quarters":"أرباع","Months":"الشهور","Days":"أيام","Hours":"ساعات","Minutes":"الدقائق","Seconds":"ثواني","save":"حفظ التقرير","new":"قم بإنشاء تقرير جديد","load":"حمل","saveAs":"حفظ كتقرير حالي","rename":"إعادة تسمية التقرير الحالي","export":"تصدير","subTotals":"المجاميع الفرعية","grandTotals":"المجاميع الكبرى","reportName":"تقرير اسم :","pdf":"PDF","excel":"Excel","csv":"CSV","showSubTotals":"إظهار المجاميع الفرعية","doNotShowSubTotals":"لا تظهر المجاميع الفرعية","showSubTotalsRowsOnly":"إظهار صفوف المجاميع الفرعية فقط","showSubTotalsColumnsOnly":"إظهار أعمدة المجاميع الفرعية فقط","showGrandTotals":"إظهار المجاميع الكبرى","doNotShowGrandTotals":"لا تظهر المجاميع الكبرى","showGrandTotalsRowsOnly":"إظهار صفوف الإجماليات الكلية فقط","showGrandTotalsColumnsOnly":"إظهار أعمدة الإجماليات الكلية فقط","fieldList":"إظهار قائمة الحقول","grid":"إظهار الجدول","toolbarFormatting":"تنسيق مشروط","chart":"خريطة","reportMsg":"الرجاء إدخال اسم التقرير الصحيح!!!","reportList":"قائمة التقرير","removeConfirm":"هل أنت متأكد من حذف هذا التقرير؟","emptyReport":"لم يتم العثور على تقارير !!","bar":"شريط","line":"خط","area":"منطقة","scatter":"تبعثر","polar":"قطبي","of":"من","emptyFormat":"لا يوجد شكل!","emptyInput":"أدخل قيمة","newReportConfirm":"هل تريد حفظ التغييرات للإبلاغ؟","emptyReportName":"أدخل اسم التقرير","caption":"حقل التسمية التوضيحية","copy":"نسخ","defaultReport":"التقرير الافتراضي","customFormatString":"تنسيق مخصص","invalidFormat":"تنسيق غير صالح."},"pivotfieldlist":{"all":"الكل","multipleItems":"عناصر متعددة","Sum":"مجموع","Count":"عد","DistinctCount":"عدد متميز","Product":"المنتج","Avg":"متوسط","Min":"دقيقة","SampleVar":"عينة فا","PopulationVar":"السكان فار","RunningTotals":"تشغيل المجاميع","Max":"ماكس","Index":"فهرس","SampleStDev":"عينة سانت ديف","PopulationStDev":"سكان سانت ديف","PercentageOfRowTotal":"نسبة مجموع الصف","PercentageOfParentTotal":"النسبة المئوية من مجموع الوالدين","PercentageOfParentColumnTotal":"النسبة المئوية لإجمالي العمود الرئيسي","PercentageOfParentRowTotal":"النسبة المئوية لإجمالي صف الأصل","DifferenceFrom":"الفرق من","PercentageOfDifferenceFrom":"نسبة الفرق من","PercentageOfGrandTotal":"نسبة المجموع الكلي","PercentageOfColumnTotal":"النسبة المئوية لإجمالي العمود","Years":"سنوات","Quarters":"أرباع","Months":"الشهور","Days":"أيام","Hours":" ساعات","Minutes":" الدقائق","Seconds":"ثواني","apply":"تطبيق","editorDataLimitMsg":"محرر الحد البيانات Msg","null":"لا شيء","undefined":"غير محدد","groupOutOfRange":"مجموعة خارج النطاق","fieldDropErrorAction":"حقل إسقاط خطأ العمل","MoreOption":"المزيد من الخيارات","selectedHierarchy":"التسلسل الهرمي المحدد","olapDropText":"olap إسقاط النص","Percent":"نسبه مئويه","Currency":"دقة","Custom":"العادة","Measure":"قياس","Dimension":"البعد","Standard":"اساسي","blank":"فراغ","fieldTooltip":"تلميح الحقل","QuarterYear":"ربع السنة","fieldTitle":"عنوان الحقل","memberType":"Field Type","formatString":"شكل سلسلة","expressionField":"حقل التعبير","customFormat":"تنسيق مخصص","staticFieldList":"قم بتدوير الحقول","fieldList":"قائمة الحقول","dropRowPrompt":"تراجع الخلاف هنا","dropColPrompt":"انخفاض العمود هنا","dropValPrompt":"انخفاض قيمة هنا","dropFilterPrompt":"انخفاض هنا عامل التصفية","addPrompt":"اضافة حقل هنا","adaptiveFieldHeader":"اختر الحقل","centerHeader":"اسحب المجالات بين المناطق الموضحة ادناه:","add":"اضافة","drag":"اسحب","filter":"الفلتر","filtered":"تصفية","sort":"النوع","remove":"قم بازالة","filters":"عوامل التصفية","rows":"الصفوف","columns":"الاعمدة","values":"قيم","calculatedField":"الحقل المحسوب","createCalculatedField":"إنشاء حقل محتسب","fieldName":"أدخل اسم المجال","error":"خطا","invalidFormula":"صيغة غير صالحة.","dropText":"مثال: ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"اضافة مجالات صيغة وتحريرها.","dropAction":"لا يمكن ان يكون حقل محسوب فى اى منطقة اخرى باستثناء قيمة المحور.","search":"البحث","close":"قريب","cancel":"الغاء","delete":"احذف","alert":"حالة تاهب قصوى","warning":"تحذير","ok":"موافق","sum":"المبلغ","average":"متوسط","count":"فرز الاصوات","min":"دقيقة","max":"ماكس","allFields":"جميع الحقول","formula":"الفورمولا","fieldExist":"حقل موجود بالفعل فى هذا الاسم. يرجى ادخال اسم مختلف.","confirmText":"ميدان الحساب موجود بالفعل فى هذا الاسم. هل تريد استبداله?","format":"ملخصات القيم","edit":"تحرير","clear":"واضح","noMatches":"لا مباريات","formulaField":"الحقول وافلاتها صيغة","dragField":"اسحب حقل صيغة","clearFilter":"واضح","by":"بواسطة","enterValue":"أدخل القيمة","chooseDate":"أدخل التاريخ","Equals":"يساوي","DoesNotEquals":"لا يساوي","BeginWith":"يبدأ ب","DoesNotBeginWith":"لا يبدأ بـ","EndsWith":"ينتهي بـ","DoesNotEndsWith":"لا ينتهي بـ","Contains":"يحتوي على","DoesNotContains":"لا يحتوي","GreaterThan":"أكثر من","GreaterThanOrEqualTo":"أكبر من أو يساوي","LessThan":"أقل من","LessThanOrEqualTo":"اقل او يساوي","Between":"ما بين","NotBetween":"ليس بينهما","Before":"قبل","BeforeOrEqualTo":"قبل أو يساوي","After":"بعد","AfterOrEqualTo":"بعد أو يساوي","member":"الأعضاء","label":"ضع الكلمة المناسبة","date":"تاريخ","value":"القيمة","labelTextContent":"إظهار العناصر التي لها التسمية","dateTextContent":"إظهار العناصر التي التاريخ","valueTextContent":"إظهار العناصر التي","And":"و","valueFieldSettings":"إعدادات مجال القيمة","sourceName":"اسم الحقل :","sourceCaption":"التعليق الميداني:","summarizeValuesBy":"تلخيص القيم من خلال:","baseField":"حقل القاعدة:","baseItem":"العنصر الأساسي:","example":"على سبيل المثال:","deferLayoutUpdate":"تأجيل تخطيط التحديث","caption":"حقل التسمية التوضيحية","copy":"نسخ"},"schedule":{"day":"يوم","week":"أسبوع","workWeek":"أسبوع العمل","month":"شهر","agenda":"جدول أعمال","weekAgenda":"الأسبوع جدول الأعمال","workWeekAgenda":"جدول أعمال أسبوع العمل","monthAgenda":"شهر جدول الأعمال","today":"اليوم","noEvents":"لا أحداث","emptyContainer":"لا توجد أحداث مجدولة في هذا اليوم.","allDay":"طوال اليوم","start":"بداية","end":"النهاية","more":"أكثر من","close":"قريب","cancel":"إلغاء","noTitle":"(بلا عنوان)","delete":"حذف","deleteEvent":"حذف الحدث","deleteMultipleEvent":"حذف أحداث متعددة","selectedItems":"العناصر المحددة","deleteSeries":"حذف السلسلة","edit":"تصحيح","editSeries":"تحرير السلسلة","editEvent":"تعديل الحدث","createEvent":"خلق","subject":"موضوع","addTitle":"أضف عنوانا","moreDetails":"المزيد من التفاصيل","save":"حفظ","editContent":"هل تريد تعديل هذا الحدث أو السلسلة بأكملها فقط؟","deleteRecurrenceContent":"هل تريد حذف هذا الحدث فقط أو السلسلة بأكملها؟","deleteContent":"هل أنت متأكد من حذف هذا الحدث؟","deleteMultipleContent":"هل أنت متأكد من أنك تريد حذف الأحداث المختارة؟","newEvent":"حدث جديد","title":"عنوان","location":"موقعك","description":"وصف","timezone":"وحدة زمنية","startTimezone":"بدء المنطقة الزمنية","endTimezone":"نهاية المنطقة الزمنية","repeat":"كرر","saveButton":"حفظ","cancelButton":"إلغاء","deleteButton":"حذف","recurrence":"تكرار","wrongPattern":"نمط التكرار غير صالح.","seriesChangeAlert":"سيتم إلغاء التغييرات التي تم إجراؤها على مثيلات محددة من هذه السلسلة وستتطابق تلك الأحداث مع السلسلة مرة أخرى.","createError":"يجب أن تكون مدة الحدث أقصر من عدد مرات حدوثها. اختصر المدة ، أو غيّر نمط التكرار في محرر حدث التكرار.","recurrenceDateValidation":"بعض الأشهر لديها أقل من التاريخ المحدد. في هذه الأشهر ، سيقع الحدوث في التاريخ الأخير من الشهر.","sameDayAlert":"لا يمكن أن يحدث تواجد الحدثين في نفس اليوم.","editRecurrence":"تحرير تكرار","repeats":"يكرر","alert":"محزر","startEndError":"ويحدث تاريخ الانتهاء المحدد قبل تاريخ البدء.","invalidDateError":"قيمة التاريخ المدخلة غير صالحة.","ok":"حسنا","occurrence":"حادثة","series":"سلسلة","previous":"سابق","next":"التالى","timelineDay":"يوم المخطط الزمني","timelineWeek":"الأسبوع الزمني للأسبوع","timelineWorkWeek":"أسبوع العمل الزمني","timelineMonth":"الشهر الزمني"},"recurrenceeditor":{"none":"لا شيء","daily":"اليومي","weekly":"أسبوعي","monthly":"شهريا","month":"شهر","yearly":"سنوي","never":"أبدا","until":"حتى","count":"عد","first":"أول","second":"ثانيا","third":"الثالث","fourth":"رابع","last":"الاخير","repeat":"كرر","repeatEvery":"تكرار كل","on":"كرر","end":"النهاية","onDay":"يوم","days":"يوم","weeks":"أسبوع","months":"الشهور","years":"سنوات","every":"كل","summaryTimes":"مرات","summaryOn":"على","summaryUntil":"حتى","summayRepeat":"يكرر","summaryDay":"أيام","summaryWeek":"أسابيع","summaryMonth":"الشهور","summaryYear":"سنوات"},"slider":{"incrementTitle":"زيادة","decrementTitle":"تخفيض"},"spreadsheet":{"Cut":"قطع","Copy":"نسخ","Paste":"معجون","PasteSpecial":"لصق خاص","All":"جميع","Values":"القيم","Formats":"شكل","Font":"الخط","FontSize":"حجم الخط","Bold":"جريء","Italic":"مائل","Underline":"أكد","Strikethrough":"يتوسطه","TextColor":"لون الخط","FillColor":"لون التعبئة","HorizontalAlignment":"المحاذاة الأفقية","AlignLeft":"محاذاة إلى اليسار","AlignCenter":"مركز","AlignRight":"محاذاة إلى اليمين","VerticalAlignment":"محاذاة عمودية","AlignTop":"محاذاة أعلى","AlignMiddle":"محاذاة الأوسط","AlignBottom":"أسفل محاذاة","InsertFunction":"إدراج وظيفة","Insert":"إدراج","Delete":"حذف","Rename":"إعادة تسمية","Hide":"إخفاء","Unhide":"ظهار","NameBox":"مربع الاسم","ShowHeaders":"عرض الرؤوس","HideHeaders":"إخفاء الرؤوس","ShowGridLines":"اظهر خطوط الشبكة","HideGridLines":"إخفاء خطوط الشبكة","AddSheet":"إضافة ورقة","ListAllSheets":"قائمة كل ورقة","FullScreen":"تكبير الشاشة","CollapseToolbar":"طي شريط الأدوات","ExpandToolbar":"قم بتوسيع شريط الأدوات","CollapseFormulaBar":"طي شريط الصيغة","ExpandFormulaBar":"قم بتوسيع شريط الصيغة","File":"ملف","Home":"هم","Formulas":"الصيغ","View":"معاينة","New":"جديد","Open":"فتح","SaveAs":"حفظ باسم","ExcelXlsx":"Microsoft Excel","ExcelXls":"Microsoft Excel 97-2003","CSV":"Comma-separated values","FormulaBar":"شريط الصيغة","Ok":"حسنا","Close":"قريب","Cancel":"إلغاء","Apply":"تطبيق","MoreColors":"مزيد من الألوان","StandardColors":"الألوان القياسية","General":"جنرال لواء","Number":"عدد","Currency":"عملة","Accounting":"محاسبة","ShortDate":"التاريخ القصير","LongDate":"تاريخ طويل","Time":"مرة","Percentage":"النسبة المئوية","Fraction":"جزء","Scientific":"علمي","Text":"نص","NumberFormat":"تنسيق رقم","MobileFormulaBarPlaceHolder":"أدخل القيمة أو الصيغة","PasteAlert":"لا يمكنك لصق هذا هنا ، لأن مساحة النسخ واللصق ليست بنفس الحجم. يرجى محاولة لصق في نطاق مختلف.","DestroyAlert":"هل تريد بالتأكيد تدمير المصنف الحالي دون حفظ وإنشاء مصنف جديد؟","SheetRenameInvalidAlert":"اسم الورقة يحتوي على حرف غير صالح.","SheetRenameEmptyAlert":"لا يمكن أن يكون اسم الورقة فارغًا.","SheetRenameAlreadyExistsAlert":"اسم الورقة موجود بالفعل. الرجاء إدخال اسم آخر.","DeleteSheetAlert":"هل أنت متأكد أنك تريد حذف هذه الورقة؟","DeleteSingleLastSheetAlert":"يجب أن يحتوي المصنف على ورقة عمل مرئية واحدة على الأقل.","PickACategory":"اختيار فئة","Description":"وصف","UnsupportedFile":"ملف غير مدعم","InvalidUrl":"عنوان الويب غير صالح","SUM":"يضيف سلسلة من الأرقام و / أو الخلايا.","SUMIF":"يضيف الخلايا بناء على الشرط المحدد.","SUMIFS":"يضيف الخلايا بناءً على الشروط المحددة.","ABS":"تُرجع قيمة الرقم غير الموقع.","RAND":"إرجاع رقم عشوائي بين 0 و 1.","RANDBETWEEN":"إرجاع عدد صحيح عشوائي بناءً على القيم المحددة.","FLOOR":"تقريب رقم لأسفل إلى أقرب مضاعف لعامل معين.","CEILING":"تقريب رقم لأعلى إلى أقرب مضاعف لعامل معين.","PRODUCT":"ضرب سلسلة من الأرقام و / أو الخلايا.","AVERAGE":"حساب المتوسط لسلسلة الأرقام و / أو الخلايا باستثناء النص.","AVERAGEIF":"يحسب المتوسط للخلايا على أساس الشرط المحدد.","AVERAGEIFS":"يحسب المتوسط للخلايا بناءً على الشروط المحددة.","AVERAGEA":"يحسب المتوسط للخلايا تقييم صحيح كـ 1 والنص و خاطئة كـ 0.","COUNT":"يحسب الخلايا التي تحتوي على قيم رقمية في نطاق.","COUNTIF":"يتم حساب الخلايا بناءً على معيار محدد.","COUNTIFS":"تحسب الخلايا بناءً على معايير محددة.","COUNTA":"عد الخلايا التي تحتوي على قيم في نطاق.","MIN":"تُرجع أصغر عدد من الوسائط المعطاة.","MAX":"إرجاع أكبر عدد من الوسائط المعطاة.","DATE":"يُرجع التاريخ بناءً على السنة والشهر واليوم.","DAY":"إرجاع اليوم من التاريخ المحدد.","DAYS":"إرجاع عدد الأيام بين تاريخين.","IF":"إرجاع قيمة بناءً على التعبير المحدد.","IFS":"تُرجع القيمة بناءً على التعبيرات المتعددة المحددة.","AND":"تقوم بإرجاع صحيح إذا كانت جميع الوسائط هي صحيح ، وإلا فإنها ترجع خاطئة.","OR":"تقوم بإرجاع صحيح إذا كانت أي من الوسائط هي صحيح ، وإلا فإنها ترجع خاطئة.","IFERROR":"تُرجع القيمة إذا لم يتم العثور على خطأ ، فسوف تُرجع القيمة المحددة.","CHOOSE":"إرجاع قيمة من قائمة القيم ، بناءً على رقم الفهرس.","INDEX":"تُرجع قيمة الخلية في نطاق محدد استنادًا إلى رقم الصف والعمود.","FIND":"إرجاع موضع سلسلة داخل سلسلة أخرى ، وهو حساس لحالة الأحرف.","CONCATENATE":"يجمع بين سلسلتين أو أكثر معًا.","CONCAT":"يجمع بين قائمة أو مجموعة من سلاسل النص.","SUBTOTAL":"إرجاع المجموع الفرعي لنطاق باستخدام رقم الوظيفة المحدد.","RADIANS":"يحول الدرجات إلى راديان.","MATCH":"إرجاع الموضع النسبي لقيمة محددة في نطاق معين.","DefineNameExists":"هذا الاسم موجود بالفعل ، جرب اسمًا مختلفًا.","CircularReference":"عندما تشير صيغة إلى مرجع دائري واحد أو أكثر ، فقد ينتج عن ذلك حساب غير صحيح."},"timepicker":{"placeholder":"حدد الوقت"},"treegrid":{"EmptyRecord":"لا سجلات لعرضها","InvalidFilterMessage":"بيانات الفلتر غير صالحة","FilterbarTitle":"تصفية خلية شريط","EmptyDataSourceError":"داتاسورس يجب أن لا تكون فارغة عند التحميل الأولي منذ يتم إنشاء الأعمدة من داتسورس في أوتوجينيرات العمود شبكة","Add":"إضافة","Edit":"تصحيح","Cancel":"إلغاء","Update":"تحديث","Delete":"حذف","Print":"طباعة","Pdfexport":"تصدير بدف","Excelexport":"تصدير إكسيل","Wordexport":"تصدير ورد","Csvexport":"تصدير كسف","Search":"بحث","Columnchooser":"أعمدة","Save":"حفظ","EditOperationAlert":"لم يتم تحديد أية سجلات لعملية التعديل","DeleteOperationAlert":"لم يتم تحديد أية سجلات لعملية الحذف ","SaveButton":"حفظ","CancelButton":"إلغاء","EditFormTitle":"تفاصيل ","AddFormTitle":"إضافة سجل جديد","ConfirmDelete":"هل تريد بالتأكيد حذف السجل؟","CancelEdit":"هل تريد بالتأكيد إلغاء التغييرات؟","ChooseColumns":"اختر العمود","SearchColumns":"البحث","FilterButton":"منقي","ClearButton":"واضح","StartsWith":"ابدا ب","EndsWith":"ينتهي مع","Contains":"يحتوي على","Equal":"مساو","NotEqual":"غير متساوي","LessThan":"أقل من","LessThanOrEqual":"اصغر من او يساوي","GreaterThan":"أكثر من","GreaterThanOrEqual":"أكبر من أو يساوي","ChooseDate":"اختر تاريخا","EnterValue":"أدخل القيمة","autoFitAll":"تناسب تلقائي جميع الأعمدة","autoFit":"تناسب هذا العمود تلقائيا","Export":"تصدير","FirstPage":"الصفحة الأولى","LastPage":"آخر صفحة","PreviousPage":"الصفحة السابقة","NextPage":"الصفحة التالية","SortAscending":"فرز تصاعدي","SortDescending":"ترتيب تنازلي","EditRecord":"تحرير سجل","DeleteRecord":"حذف سجل","FilterMenu":"منقي"},"uploader":{"invalidMinFileSize":"حجم الملف صغير جدا!","invalidMaxFileSize":"يتجاوز حجم الملف 28 ميغابايت","invalidFileType":"نوع الملف غير مسموح به","Browse":"تصفح","Clear":"واضح","Upload":"تحميل","dropFilesHint":"أو إسقاط الملفات هنا","uploadFailedMessage":"أخفق تحميل الملف","uploadSuccessMessage":"تم رفع الملف بنجاح","removedSuccessMessage":"تمت إزالة الملف بنجاح","removedFailedMessage":"غير قادر على إزالة الملف","inProgress":"تحميل","readyToUploadMessage":"جاهز للتحميل","remove":"إزالة","cancel":"إلغاء","delete":"حذف ملف","abort":"إحباط","pauseUpload":"تم إيقاف تحميل الملف مؤقتًا","pause":"وقفة","resume":"استئنف","retry":"إعادة المحاولة","fileUploadCancel":"تم إلغاء تحميل الملف"}},"en":{"dropdowns":{"noRecordsTemplate":"No Records Found","actionFailureTemplate":"The Request Failed","overflowCountTemplate":"+${count} more..","selectAllText":"Select All","unSelectAllText":"Unselect All"},"calendar":{"today":"Today"},"chart":{"ZoomIn":"Zoom In","ZoomOut":"Zoom Out","Zoom":"Zoom","Pan":"Pan","Reset":"Reset","ResetZoom":"Reset Zoom"},"colorpicker":{"Apply":"Apply","Cancel":"Cancel","ModeSwitcher":"Switch Mode"},"datepicker":{"placeholder":"Choose a date","today":"Today"},"daterangepicker":{"placeholder":"Select a range","startLabel":"Start Date","endLabel":"End Date","applyText":"Apply","cancelText":"Cancel","selectedDays":"Selected Days","days":"Days","customRange":"Custom Range"},"datetimepicker":{"placeholder":"Select a date and time","today":"Today"},"diagram":{"Copy":"Copy","Cut":"Cut","Paste":"Paste","Undo":"Undo","Redo":"Redo","SelectAll":"Select All","Grouping":"Grouping","Group":"Group","UnGroup":"Ungroup","Order":"Order","BringToFront":"Bring To Front","MoveForward":"Move Forward","SendToBack":"Send To Back","SendBackward":"Send Backward"},"dialog":{"close":"Close"},"filemanager":{"NewFolder":"New folder","Upload":"Upload","Delete":"Delete","Rename":"Rename","Download":"Download","Cut":"Cut","Copy":"Copy","Paste":"Paste","SortBy":"Sort by","Refresh":"Refresh","Item-Selection":"item selected","Items-Selection":"items selected","View":"View","Details":"Details","SelectAll":"Select all","Open":"Open","Tooltip-NewFolder":"New folder","Tooltip-Upload":"Upload","Tooltip-Delete":"Delete","Tooltip-Rename":"Rename","Tooltip-Download":"Download","Tooltip-Cut":"Cut","Tooltip-Copy":"Copy","Tooltip-Paste":"Paste","Tooltip-SortBy":"Sort by","Tooltip-Refresh":"Refresh","Tooltip-Selection":"Clear selection","Tooltip-View":"View","Tooltip-Details":"Details","Tooltip-SelectAll":"Select all","Name":"Name","Size":"Size","DateModified":"Modified","DateCreated":"Date created","Path":"Path","Modified":"Modified","Created":"Created","Location":"Location","Type":"Type","Permission":"Permission","Ascending":"Ascending","Descending":"Descending","View-LargeIcons":"Large icons","View-Details":"Details","Search":"Search","Button-Ok":"OK","Button-Cancel":"Cancel","Button-Yes":"Yes","Button-No":"No","Button-Create":"Create","Button-Save":"Save","Header-NewFolder":"Folder","Content-NewFolder":"Enter your folder name","Header-Rename":"Rename","Content-Rename":"Enter your new name","Header-Rename-Confirmation":"Rename Confirmation","Content-Rename-Confirmation":"If you change a file name extension, the file might become unstable. Are you sure you want to change it?","Header-Delete":"Delete File","Content-Delete":"Are you sure you want to delete this file?","Header-Multiple-Delete":"Delete Multiple Files","Content-Multiple-Delete":"Are you sure you want to delete these {0} files?","Header-Duplicate":"File/Folder exists","Content-Duplicate":"{0} already exists. Do you want to rename and paste?","Header-Upload":"Upload Files","Error":"Error","Validation-Empty":"The file or folder name cannot be empty.","Validation-Invalid":"The file or folder name {0} contains invalid characters. Please use a different name. Valid file or folder names cannot end with a dot or space, and cannot contain any of the following characters: \\/:*?\"<>|","Validation-NewFolder-Exists":"A file or folder with the name {0} already exists.","Validation-Rename-Exists":"Cannot rename {0} to {1}: destination already exists.","Folder-Empty":"This folder is empty","File-Upload":"Drag files here to upload","Search-Empty":"No results found","Search-Key":"Try with different keywords","Sub-Folder-Error":"The destination folder is the subfolder of the source folder.","Access-Denied":"Access Denied","Access-Details":"You don't have permission to access this folder.","Header-Retry":"File Already Exists","Content-Retry":"A file with this name already exists in this folder. What would you like to do?","Button-Keep-Both":"Keep both","Button-Replace":"Replace","Button-Skip":"Skip","ApplyAll-Label":"Do this for all current items"},"gantt":{"emptyRecord":"No records to display","id":"ID","name":"Name","startDate":"Start Date","endDate":"End Date","duration":"Duration","progress":"Progress","dependency":"Dependency","notes":"Notes","excelExport":"Excel export","csvExport":"CSV export","baselineStartDate":"Baseline Start Date","baselineEndDate":"Baseline End Date","type":"Type","offset":"Offset","resourceName":"Resources","resourceID":"Resource ID","day":"day","hour":"hour","minute":"minute","days":"days","hours":"hours","minutes":"minutes","generalTab":"General","customTab":"Custom Columns","writeNotes":"Write Notes","addDialogTitle":"New Task","editDialogTitle":"Task Information","saveButton":"Save","add":"Add","edit":"Edit","update":"Update","delete":"Delete","cancel":"Cancel","search":"Search","addTask":"Add Task","editTask":"Edit Task","deleteTask":"Delete Task","expandAllTasks":"Expand All Tasks","collapseAllTasks":"Collapse All Tasks","expandAll":"Expand All","collapseAll":"Collapse All","nextTimeSpan":"Next Timespan","prevTimeSpan":"Previous Timespan","okText":"Ok","confirmDelete":"Are you sure you want to Delete Record?","from":"From","to":"To","taskLink":"Task Link","lag":"Lag","start":"Start","finish":"Finish","enterValue":"Enter the value","taskBeforePredecessor_FS":"You moved '{0}' to start before '{1}' finishes and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform","taskAfterPredecessor_FS":"You moved '{0}' away from '{1}' and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform","taskBeforePredecessor_SS":"You moved '{0}' to start before '{1}' starts and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform","taskAfterPredecessor_SS":"You moved '{0}' to start after '{1}' starts and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform","taskBeforePredecessor_FF":"You moved '{0}' to finish before '{1}' finishes and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform","taskAfterPredecessor_FF":"You moved '{0}' to finish after '{1}' finishes and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform","taskBeforePredecessor_SF":"You moved '{0}' away from '{1}' to starts and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform","taskAfterPredecessor_SF":"You moved '{0}' to finish after '{1}'starts and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform","taskInformation":"Task Information","deleteDependency":"Delete Dependency","convert":"Convert","save":"Save","above":"Above","below":"Below","child":"Child","milestone":"Milestone","toTask":"To Task","toMilestone":"To Milestone","eventMarkers":"Event markers","leftTaskLabel":"Left task label","rightTaskLabel":"Right task label","timelineCell":"Timeline cell"},"grid":{"EmptyRecord":"No records to display","True":"true","False":"false","InvalidFilterMessage":"Invalid Filter Data","GroupDropArea":"Drag a column header here to group its column","UnGroup":"Click here to ungroup","GroupDisable":"Grouping is disabled for this column","FilterbarTitle":"filter bar cell","EmptyDataSourceError":"DataSource must not be empty at initial load since columns are generated from dataSource in AutoGenerate Column Grid","Add":"Add","Edit":"Edit","Cancel":"Cancel","Update":"Update","Delete":"Delete","Print":"Print","Pdfexport":"PDF Export","Excelexport":"Excel Export","Wordexport":"Word Export","Csvexport":"CSV Export","Search":"Search","Columnchooser":"Columns","Save":"Save","Item":"item","Items":"items","EditOperationAlert":"No records selected for edit operation","DeleteOperationAlert":"No records selected for delete operation","SaveButton":"Save","OKButton":"OK","CancelButton":"Cancel","EditFormTitle":"Details of ","AddFormTitle":"Add New Record","BatchSaveConfirm":"Are you sure you want to save changes?","BatchSaveLostChanges":"Unsaved changes will be lost. Are you sure you want to continue?","ConfirmDelete":"Are you sure you want to Delete Record?","CancelEdit":"Are you sure you want to Cancel the changes?","ChooseColumns":"Choose Column","SearchColumns":"search columns","Matchs":"No Matches Found","FilterButton":"Filter","ClearButton":"Clear","StartsWith":"Starts With","EndsWith":"Ends With","Contains":"Contains","Equal":"Equal","NotEqual":"Not Equal","LessThan":"Less Than","LessThanOrEqual":"Less Than Or Equal","GreaterThan":"Greater Than","GreaterThanOrEqual":"Greater Than Or Equal","ChooseDate":"Choose a Date","EnterValue":"Enter the value","Copy":"Copy","Group":"Group by this column","Ungroup":"Ungroup by this column","autoFitAll":"Auto Fit all columns","autoFit":"Auto Fit this column","Export":"Export","FirstPage":"First Page","LastPage":"Last Page","PreviousPage":"Previous Page","NextPage":"Next Page","SortAscending":"Sort Ascending","SortDescending":"Sort Descending","EditRecord":"Edit Record","DeleteRecord":"Delete Record","FilterMenu":"Filter"},"checkboxFilter":{"Search":"Search","OK":"OK","Cancel":"Cancel","Filter":"Filter","Clear":"Clear","SelectAll":"Select All","Blanks":"Blanks","True":"True","False":"False","NoResult":"No Matches Found"},"excelFilter":{"ClearFilter":"Clear Filter","NumberFilter":"Number Filters","TextFilter":"Text Filters","DateFilter":"Date Filters","MatchCase":"Match Case","Equal":"Equal","NotEqual":"Not Equal","LessThan":"Less Than","LessThanOrEqual":"Less Than Or Equal","GreaterThan":"Greater Than","GreaterThanOrEqual":"Greater Than Or Equal","Between":"Between","CustomFilter":"Custom Filter","StartsWith":"Starts With","EndsWith":"Ends With","Contains":"Contains","OK":"OK","Cancel":"Cancel","CustomFilterPlaceHolder":"Enter the value","CustomFilterDatePlaceHolder":"Choose a date","AND":"AND","OR":"OR","ShowRowsWhere":"Show rows where:"},"pager":{"currentPageInfo":"{0} of {1} pages","totalItemsInfo":"({0} items)","firstPageTooltip":"Go to first page","lastPageTooltip":"Go to last page","nextPageTooltip":"Go to next page","previousPageTooltip":"Go to previous page","nextPagerTooltip":"Go to next pager","previousPagerTooltip":"Go to previous pager","pagerDropDown":"Items per page"},"numerictextbox":{"incrementTitle":"Increment value","decrementTitle":"Decrement value"},"pivotview":{"all":"All","multipleItems":"Multiple items","Sum":"Sum","Count":"Count","DistinctCount":"Distinct Count","Product":"Product","Avg":"Avg","Min":"Min","SampleVar":"Sample Var","PopulationVar":"Population Var","RunningTotals":"Running Totals","Max":"Max","Index":"Index","SampleStDev":"Sample StDev","PopulationStDev":"Population StDev","PercentageOfRowTotal":"% of Row Total","PercentageOfParentTotal":"% of Parent Total","PercentageOfParentColumnTotal":"% of Parent Column Total","PercentageOfParentRowTotal":"% of Parent Row Total","DifferenceFrom":"Difference From","PercentageOfDifferenceFrom":"% of Difference From","PercentageOfGrandTotal":"% of Grand Total","PercentageOfColumnTotal":"% of Column Total","editorDataLimitMsg":" more items. Search to refine further.","mdxQuery":"MDX Query","qtr":"Qtr","null":"null","undefined":"undefined","groupOutOfRange":"Out of Range","fieldDropErrorAction":"The field you are moving cannot be placed in that area of the report","MoreOption":"More...","aggregate":"Aggregate","drillThrough":"Drill Through","ascending":"Ascending","descending":"Descending","number":"Number","currency":"Currency","percentage":"Percentage","formatType":"Format Type","customText":"Currency Symbol","symbolPosition":"Symbol Position","left":"Left","right":"Right","grouping":"Grouping","true":"True","false":"False","decimalPlaces":"Decimal Places","numberFormat":"Number Formatting","memberType":"Field Type","formatString":"Format String","expressionField":"Expression","customFormat":"Enter custom format string","selectedHierarchy":"Parent Hierarchy","olapDropText":"Example: [Measures].[Order Quantity] + ([Measures].[Order Quantity] * 0.10)","Percent":"Percent","Currency":"Currency","Custom":"Custom","Measure":"Measure","Dimension":"Dimension","Standard":"Standard","blank":"(Blank)","fieldTooltip":"Drag and drop fields to create an expression. And, if you want to edit the existing the calculated fields! Then you can achieve it by simply selecting the field under 'Calculated Members'.","QuarterYear":"Quarter Year","fieldTitle":"Field Name","drillError":"Cannot show the raw items of calculated fields.","grandTotal":"Grand Total","total":"Total","value":"Value","noValue":"No value","row":"Row","column":"Column","collapse":"Collapse","expand":"Expand","rowAxisPrompt":"Drop row here","columnAxisPrompt":"Drop column here","valueAxisPrompt":"Drop value here","filterAxisPrompt":"Drop filter here","filter":"Filter","filtered":"Filtered","sort":"Sort","filters":"Filters","rows":"Rows","columns":"Columns","values":"Values","close":"Close","cancel":"Cancel","delete":"Delete","calculatedField":"Calculated Field","createCalculatedField":"Create Calculated Field","fieldName":"Enter the field name","error":"Error","invalidFormula":"Invalid formula.","dropText":"Example: ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"Add fields and edit formula here.","dropAction":"Calculated field cannot be place in any other region except value axis.","alert":"Alert","warning":"Warning","ok":"OK","search":"Search","drag":"Drag","remove":"Remove","sum":"Sum","average":"Average","count":"Count","min":"Min","max":"Max","allFields":"All Fields","formula":"Formula","addToRow":"Add to Row","addToColumn":"Add to Column","addToValue":"Add to Value","addToFilter":"Add to Filter","emptyData":"No records to display","fieldExist":"A field already exists in this name. Please enter a different name.","confirmText":"A calculation field already exists in this name. Do you want to replace it?","noMatches":"No matches","format":"Summaries values by","edit":"Edit","clear":"Clear","formulaField":"Drag and drop fields to formula","dragField":"Drag field to formula","clearFilter":"Clear","by":"by","enterValue":"Enter value","chooseDate":"Enter date","Equals":"Equals","DoesNotEquals":"Does Not Equal","BeginWith":"Begins With","DoesNotBeginWith":"Does Not Begin With","EndsWith":"Ends With","DoesNotEndsWith":"Does Not End With","Contains":"Contains","DoesNotContains":"Does Not Contain","GreaterThan":"Greater Than","GreaterThanOrEqualTo":"Greater Than Or Equal To","LessThan":"Less Than","LessThanOrEqualTo":"Less Than Or Equal To","Between":"Between","NotBetween":"Not Between","Before":"Before","BeforeOrEqualTo":"Before Or Equal To","After":"After","AfterOrEqualTo":"After Or Equal To","member":"Member","label":"Label","date":"Date","labelTextContent":"Show the items for which the label","dateTextContent":"Show the items for which the date","valueTextContent":"Show the items for which","And":"and","NotEquals":"Not Equals","AllValues":"All Values","conditionalFormating":"Conditional Formatting","apply":"APPLY","condition":"Add Condition","formatLabel":"Format","valueFieldSettings":"Value field settings","sourceName":"Field name :","sourceCaption":"Field caption :","summarizeValuesBy":"Summarize values by :","baseField":"Base field :","baseItem":"Base item :","example":"e.g:","details":"Details","manageRecords":"Manage Records","Years":"Years","Quarters":"Quarters","Months":"Months","Days":"Days","Hours":"Hours","Minutes":"Minutes","Seconds":"Seconds","save":"Save a report","new":"Create a new report","load":"Load","saveAs":"Save as current report","rename":"Rename a current report","export":"Export","subTotals":"Sub totals","grandTotals":"Grand totals","reportName":"Report Name :","pdf":"PDF","excel":"Excel","csv":"CSV","showSubTotals":"Show sub totals","doNotShowSubTotals":"Do not show sub totals","showSubTotalsRowsOnly":"Show sub totals rows only","showSubTotalsColumnsOnly":"Show sub totals columns only","showGrandTotals":"Show grand totals","doNotShowGrandTotals":"Do not show grand totals","showGrandTotalsRowsOnly":"Show grand totals rows only","showGrandTotalsColumnsOnly":"Show grand totals columns only","fieldList":"Show fieldlist","grid":"Show table","toolbarFormatting":"Conditional formatting","chart":"Chart","reportMsg":"Please enter vaild report name!!!","reportList":"Report list","removeConfirm":"Are you sure want to delete this report?","emptyReport":"No reports found!!","bar":"Bar","line":"Line","area":"Area","scatter":"Scatter","polar":"Polar","of":"of","emptyFormat":"No format found!!!","emptyInput":"Enter a value","newReportConfirm":"Want to save changes to report?","emptyReportName":"Enter a report name","caption":"Field Caption","copy":"Copy","defaultReport":"Default report","customFormatString":"Custom Format","invalidFormat":"Invalid Format."},"pivotfieldlist":{"all":"All","multipleItems":"Multiple items","Sum":"Sum","Count":"Count","DistinctCount":"Distinct Count","Product":"Product","Avg":"Avg","Min":"Min","Max":"Max","Index":"Index","SampleStDev":"Sample StDev","PopulationStDev":"Population StDev","SampleVar":"Sample Var","PopulationVar":"Population Var","RunningTotals":"Running Totals","DifferenceFrom":"Difference From","PercentageOfDifferenceFrom":"% of Difference From","PercentageOfGrandTotal":"% of Grand Total","PercentageOfColumnTotal":"% of Column Total","PercentageOfRowTotal":"% of Row Total","PercentageOfParentTotal":"% of Parent Total","PercentageOfParentColumnTotal":"% of Parent Column Total","PercentageOfParentRowTotal":"% of Parent Row Total","Years":"Years","Quarters":"Quarters","Months":"Months","Days":"Days","Hours":"Hours","Minutes":"Minutes","Seconds":"Seconds","apply":"APPLY","editorDataLimitMsg":" more items. Search to refine further.","null":"null","undefined":"undefined","groupOutOfRange":"Out of Range","fieldDropErrorAction":"The field you are moving cannot be placed in that area of the report","MoreOption":"More...","memberType":"Field Type","selectedHierarchy":"Parent Hierarchy","formatString":"Format String","expressionField":"Expression","olapDropText":"Example: [Measures].[Order Quantity] + ([Measures].[Order Quantity] * 0.10)","customFormat":"Enter custom format string","Measure":"Measure","Dimension":"Dimension","Standard":"Standard","Currency":"Currency","Percent":"Percent","Custom":"Custom","blank":"(Blank)","fieldTooltip":"Drag and drop fields to create an expression. And, if you want to edit the existing the calculated fields! You can achieve it by simply selecting the field under 'Calculated Members'.","fieldTitle":"Field Name","QuarterYear":"Quarter Year","staticFieldList":"Pivot Field List","fieldList":"Field List","dropFilterPrompt":"Drop filter here","dropColPrompt":"Drop column here","dropRowPrompt":"Drop row here","dropValPrompt":"Drop value here","addPrompt":"Add field here","adaptiveFieldHeader":"Choose field","centerHeader":"Drag fields between axes below:","add":"add","drag":"Drag","filter":"Filter","filtered":"Filtered","sort":"Sort","remove":"Remove","filters":"Filters","rows":"Rows","columns":"Columns","values":"Values","calculatedField":"Calculated Field","createCalculatedField":"Create Calculated Field","fieldName":"Enter the field name","error":"Error","invalidFormula":"Invalid formula.","dropText":"Example: ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"Add fields and edit formula here.","dropAction":"Calculated field cannot be place in any other region except value axis.","search":"Search","close":"Close","cancel":"Cancel","delete":"Delete","alert":"Alert","warning":"Warning","ok":"OK","sum":"Sum","average":"Average","count":"Count","min":"Min","max":"Max","allFields":"All Fields","formula":"Formula","fieldExist":"A field already exists in this name. Please enter a different name.","confirmText":"A calculation field already exists in this name. Do you want to replace it?","noMatches":"No matches","format":"Summaries values by","edit":"Edit","clear":"Clear","formulaField":"Drag and drop fields to formula","dragField":"Drag field to formula","clearFilter":"Clear","by":"by","enterValue":"Enter value","chooseDate":"Enter date","Equals":"Equals","DoesNotEquals":"Does Not Equal","BeginWith":"Begins With","DoesNotBeginWith":"Does Not Begin With","EndsWith":"Ends With","DoesNotEndsWith":"Does Not End With","Contains":"Contains","DoesNotContains":"Does Not Contain","GreaterThan":"Greater Than","GreaterThanOrEqualTo":"Greater Than Or Equal To","LessThan":"Less Than","LessThanOrEqualTo":"Less Than Or Equal To","Between":"Between","NotBetween":"Not Between","Before":"Before","BeforeOrEqualTo":"Before Or Equal To","After":"After","AfterOrEqualTo":"After Or Equal To","member":"Member","label":"Label","date":"Date","value":"Value","labelTextContent":"Show the items for which the label","dateTextContent":"Show the items for which the date","valueTextContent":"Show the items for which","And":"and","valueFieldSettings":"Value field settings","sourceName":"Field name :","sourceCaption":"Field caption :","summarizeValuesBy":"Summarize values by :","baseField":"Base field :","baseItem":"Base item :","example":"e.g:","deferLayoutUpdate":"Defer Layout Update","caption":"Field Caption","copy":"Copy"},"schedule":{"day":"Day","week":"Week","workWeek":"Work Week","month":"Month","agenda":"Agenda","weekAgenda":"Week Agenda","workWeekAgenda":"Work Week Agenda","monthAgenda":"Month Agenda","today":"Today","noEvents":"No events","emptyContainer":"There are no events scheduled on this day.","allDay":"All day","start":"Start","end":"End","more":"more","close":"Close","cancel":"Cancel","noTitle":"(No Title)","delete":"Delete","deleteEvent":"Delete Event","deleteMultipleEvent":"Delete Multiple Events","selectedItems":"Items selected","deleteSeries":"Delete Series","edit":"Edit","editSeries":"Edit Series","editEvent":"Edit Event","createEvent":"Create","subject":"Subject","addTitle":"Add title","moreDetails":"More Details","save":"Save","editContent":"Do you want to edit only this event or entire series?","deleteRecurrenceContent":"Do you want to delete only this event or entire series?","deleteContent":"Are you sure you want to delete this event?","deleteMultipleContent":"Are you sure you want to delete the selected events?","newEvent":"New Event","title":"Title","location":"Location","description":"Description","timezone":"Timezone","startTimezone":"Start Timezone","endTimezone":"End Timezone","repeat":"Repeat","saveButton":"Save","cancelButton":"Cancel","deleteButton":"Delete","recurrence":"Recurrence","wrongPattern":"The recurrence pattern is not valid.","seriesChangeAlert":"The changes made to specific instances of this series will be cancelled and those events will match the series again.","createError":"The duration of the event must be shorter than how frequently it occurs. Shorten the duration, or change the recurrence pattern in the recurrence event editor.","recurrenceDateValidation":"Some months have fewer than the selected date. For these months, the occurrence will fall on the last date of the month.","sameDayAlert":"Two occurrences of the same event cannot occur on the same day.","editRecurrence":"Edit Recurrence","repeats":"Repeats","alert":"Alert","startEndError":"The selected end date occurs before the start date.","invalidDateError":"The entered date value is invalid.","ok":"Ok","occurrence":"Occurrence","series":"Series","previous":"Previous","next":"Next","timelineDay":"Timeline Day","timelineWeek":"Timeline Week","timelineWorkWeek":"Timeline Work Week","timelineMonth":"Timeline Month"},"recurrenceeditor":{"none":"None","daily":"Daily","weekly":"Weekly","monthly":"Monthly","month":"Month","yearly":"Yearly","never":"Never","until":"Until","count":"Count","first":"First","second":"Second","third":"Third","fourth":"Fourth","last":"Last","repeat":"Repeat","repeatEvery":"Repeat Every","on":"Repeat On","end":"End","onDay":"Day","days":"Day(s)","weeks":"Week(s)","months":"Month(s)","years":"Year(s)","every":"every","summaryTimes":"time(s)","summaryOn":"on","summaryUntil":"until","summaryRepeat":"Repeats","summaryDay":"day(s)","summaryWeek":"week(s)","summaryMonth":"month(s)","summaryYear":"year(s)"},"slider":{"incrementTitle":"increase","decrementTitle":"decrease"},"spreadsheet":{"Cut":"Cut","Copy":"Copy","Paste":"Paste","PasteSpecial":"Paste Special","All":"All","Values":"Values","Formats":"Formats","Font":"Font","FontSize":"Font Size","Bold":"Bold","Italic":"Italic","Underline":"Underline","Strikethrough":"Strikethrough","TextColor":"Text Color","FillColor":"Fill Color","HorizontalAlignment":"Horizontal Alignment","AlignLeft":"Align Left","AlignCenter":"Center","AlignRight":"Align Right","VerticalAlignment":"Vertical Alignment","AlignTop":"Align Top","AlignMiddle":"Align Middle","AlignBottom":"Align Bottom","InsertFunction":"Insert Function","Insert":"Insert","Delete":"Delete","Rename":"Rename","Hide":"Hide","Unhide":"Unhide","NameBox":"Name Box","ShowHeaders":"Show Headers","HideHeaders":"Hide Headers","ShowGridLines":"Show Gridlines","HideGridLines":"Hide Gridlines","AddSheet":"Add Sheet","ListAllSheets":"List All Sheets","FullScreen":"Full Screen","CollapseToolbar":"Collapse Toolbar","ExpandToolbar":"Expand Toolbar","CollapseFormulaBar":"Collapse Formula Bar","ExpandFormulaBar":"Expand Formula Bar","File":"File","Home":"Home","Formulas":"Formulas","View":"View","New":"New","Open":"Open","SaveAs":"Save As","ExcelXlsx":"Microsoft Excel","ExcelXls":"Microsoft Excel 97-2003","CSV":"Comma-separated values","FormulaBar":"Formula Bar","Ok":"Ok","Close":"Close","Cancel":"Cancel","Apply":"Apply","MoreColors":"More Colors","StandardColors":"Standard Colors","General":"General","Number":"Number","Currency":"Currency","Accounting":"Accounting","ShortDate":"Short Date","LongDate":"Long Date","Time":"Time","Percentage":"Percentage","Fraction":"Fraction","Scientific":"Scientific","Text":"Text","NumberFormat":"Number Format","MobileFormulaBarPlaceHolder":"Enter value or Formula","PasteAlert":"You can't paste this here, because the copy area and paste area aren't in the same size. Please try pasting in a different range.","DestroyAlert":"Are you sure you want to destroy the current workbook without saving and create a new workbook?","SheetRenameInvalidAlert":"Sheet name contains invalid character.","SheetRenameEmptyAlert":"Sheet name cannot be empty.","SheetRenameAlreadyExistsAlert":"Sheet name already exists. Please enter another name.","DeleteSheetAlert":"Are you sure you want to delete this sheet?","DeleteSingleLastSheetAlert":"A Workbook must contain at least one visible worksheet.","PickACategory":"Pick a category","Description":"Description","UnsupportedFile":"Unsupported File","InvalidUrl":"Invalid Url","SUM":"Adds a series of numbers and/or cells.","SUMIF":"Adds the cells based on specified condition.","SUMIFS":"Adds the cells based on specified conditions.","ABS":"Returns the value of a number without its sign.","RAND":"Returns a random number between 0 and 1.","RANDBETWEEN":"Returns a random integer based on specified values.","FLOOR":"Rounds a number down to the nearest multiple of a given factor.","CEILING":"Rounds a number up to the nearest multiple of a given factor.","PRODUCT":"Multiplies a series of numbers and/or cells.","AVERAGE":"Calculates average for the series of numbers and/or cells excluding text.","AVERAGEIF":"Calculates average for the cells based on specified criterion.","AVERAGEIFS":"Calculates average for the cells based on specified conditions.","AVERAGEA":"Calculates the average for the cells evaluating TRUE as 1, text and FALSE as 0.","COUNT":"Counts the cells that contain numeric values in a range.","COUNTIF":"Counts the cells based on specified condition.","COUNTIFS":"Counts the cells based on specified conditions.","COUNTA":"Counts the cells that contains values in a range.","MIN":"Returns the smallest number of the given arguments.","MAX":"Returns the largest number of the given arguments.","DATE":"Returns the date based on given year, month, and day.","DAY":"Returns the day from the given date.","DAYS":"Returns the number of days between two dates.","IF":"Returns value based on the given expression.","IFS":"Returns value based on the given multiple expressions.","AND":"Returns TRUE if all the arguments are TRUE, otherwise returns FALSE.","OR":"Returns TRUE if any of the arguments are TRUE, otherwise returns FALSE.","IFERROR":"Returns value if no error found else it will return specified value.","CHOOSE":"Returns a value from list of values, based on index number.","INDEX":"Returns a value of the cell in a given range based on row and column number.","FIND":"Returns the position of a string within another string, which is case sensitive","CONCATENATE":"Combines two or more strings together.","CONCAT":"Concatenates a list or a range of text strings.","SUBTOTAL":"Returns subtotal for a range using the given function number.","RADIANS":"Converts degrees into radians.","MATCH":"Returns the relative position of a specified value in given range.","DefineNameExists":"This name already exists, try different name.","CircularReference":"When a formula refers to one or more circular references, this may result in an incorrect calculation."},"timepicker":{"placeholder":"Select a time"},"treegrid":{"EmptyRecord":"No records to display","InvalidFilterMessage":"Invalid Filter Data","FilterbarTitle":"filter bar cell","EmptyDataSourceError":"DataSource must not be empty at initial load since columns are generated from dataSource in AutoGenerate Column TreeGrid","Add":"Add","Edit":"Edit","Cancel":"Cancel","Update":"Update","Delete":"Delete","Print":"Print","Pdfexport":"PDF Export","Excelexport":"Excel Export","Wordexport":"Word Export","Csvexport":"CSV Export","Search":"Search","Columnchooser":"Columns","Save":"Save","EditOperationAlert":"No records selected for edit operation","DeleteOperationAlert":"No records selected for delete operation","SaveButton":"Save","CancelButton":"Cancel","EditFormTitle":"Details of ","AddFormTitle":"Add New Record","ConfirmDelete":"Are you sure you want to Delete Record?","CancelEdit":"Are you sure you want to Cancel the changes?","ChooseColumns":"Choose Column","SearchColumns":"search columns","FilterButton":"Filter","ClearButton":"Clear","StartsWith":"Starts With","EndsWith":"Ends With","Contains":"Contains","Equal":"Equal","NotEqual":"Not Equal","LessThan":"Less Than","LessThanOrEqual":"Less Than Or Equal","GreaterThan":"Greater Than","GreaterThanOrEqual":"Greater Than Or Equal","ChooseDate":"Choose a Date","EnterValue":"Enter the value","autoFitAll":"Auto Fit all columns","autoFit":"Auto Fit this column","Export":"Export","FirstPage":"First Page","LastPage":"Last Page","PreviousPage":"Previous Page","NextPage":"Next Page","SortAscending":"Sort Ascending","SortDescending":"Sort Descending","EditRecord":"Edit Record","DeleteRecord":"Delete Record","FilterMenu":"Filter"},"uploader":{"invalidMinFileSize":"File size is too small!","invalidMaxFileSize":"File size exceeds 28 MB","invalidFileType":"File type is not allowed","Browse":"Browse...","Clear":"Clear","Upload":"Upload","dropFilesHint":"Or drop files here","uploadFailedMessage":"File failed to upload","uploadSuccessMessage":"File uploaded successfully","removedSuccessMessage":"File removed successfully","removedFailedMessage":"Unable to remove file","inProgress":"Uploading","readyToUploadMessage":"Ready to upload","remove":"Remove","cancel":"Cancel","delete":"Delete file","abort":"Abort","pauseUpload":"File upload paused","pause":"Pause","resume":"Resume","retry":"Retry","fileUploadCancel":"File upload canceled"}},"zh":{"dropdowns":{"noRecordsTemplate":"没有找到记录","actionFailureTemplate":"请求失败","overflowCountTemplate":"+$(計數) 更多..","selectAllText":"全選","unSelectAllText":"全部取消選擇"},"calendar":{"today":"今天"},"chart":{"ZoomIn":"放大","ZoomOut":"缩小","Zoom":"放大","Pan":"泛","Reset":"重启","ResetZoom":"重置缩放"},"colorpicker":{"Apply":"应用","Cancel":"取消","ModeSwitcher":"开关 模式"},"datepicker":{"placeholder":"選擇一個日期","today":"今天"},"daterangepicker":{"placeholder":"选择一个范围","startLabel":"开始日期","endLabel":"结束日期","applyText":"应用","cancelText":"取消","selectedDays":"选定日期","days":"天","customRange":"自定义范围"},"datetimepicker":{"placeholder":"选择日期和时间","today":"今天"},"diagram":{"Cut":"切","Copy":"复制","Paste":"糊","Undo":"解开","Redo":"重做","SelectAll":"全选","Grouping":"分组","Group":"组","UnGroup":"取消组合","Order":"订购","BringToFront":"帶到前面","MoveForward":"向前移动","SendBackward":"后移","SendToBack":"发送回"},"dialog":{"close":"關"},"filemanager":{"NewFolder":"新建文件夹","Upload":"上传","Delete":"删除","Rename":"改名","Download":"下载","Cut":"切","Copy":"复制","Paste":"糊","SortBy":"排序方式","Refresh":"刷新","Item-Selection":"项目选择","Items-Selection":"选中的项目","View":"视图","Details":"细节","SelectAll":"全选","Open":"打开","Tooltip-NewFolder":"新建文件夹","Tooltip-Upload":"上传","Tooltip-Delete":"删除","Tooltip-Rename":"改名","Tooltip-Download":"下载","Tooltip-Cut":"切","Tooltip-Copy":"复制","Tooltip-Paste":"糊","Tooltip-SortBy":"排序方式","Tooltip-Refresh":"刷新","Tooltip-Selection":"清空选项","Tooltip-View":"视图","Tooltip-Details":"细节","Tooltip-SelectAll":"全选","Name":"名称","Size":"尺寸","DateModified":"改性","DateCreated":"创建日期","Path":"路径","Modified":"改性","Created":"创建","Location":"地点","Type":"类型","Permission":"允许","Ascending":"上升","Descending":"降序","View-LargeIcons":"大图标","View-Details":"细节","Search":"搜索","Button-Ok":"好","Button-Cancel":"取消","Button-Yes":"是","Button-No":"没有","Button-Create":"创建","Button-Save":"保存","Header-NewFolder":"夹","Content-NewFolder":"输入您的文件夹名称","Header-Rename":"改名","Content-Rename":"输入你的新名字","Header-Rename-Confirmation":"重命名确认","Content-Rename-Confirmation":"如果更改文件扩展名,文件可能会变得不稳定。您确定要更改它吗？","Header-Delete":"删除文件","Content-Delete":"你确定要删除这个文件吗？","Header-Multiple-Delete":"删除多个文件","Content-Multiple-Delete":"您确定要删除这些{0}文件吗？","Header-Duplicate":"文件/文件夹存在","Content-Duplicate":"{0}已经存在。您要重命名和粘贴吗？","Header-Upload":"上传文件","Error":"错误","Validation-Empty":"文件或文件夹名称不能为空。","Validation-Invalid":"文件或文件夹名称{0}包含无效字符。请使用其他名称。有效文件或文件夹名称不能以点或空格结尾,并且不能包含以下任何字符：\\ /：*？\"< > |","Validation-NewFolder-Exists":"名称为{0}的文件或文件夹已存在。","Validation-Rename-Exists":"无法将{0}重命名为{1}：目标已存在。","Folder-Empty":"这个文件夹是空的","File-Upload":"将文件拖到此处上传","Search-Empty":"未找到结果","Search-Key":"尝试使用不同的关键字","Sub-Folder-Error":"目标文件夹是源文件夹的子文件夹。","Access-Denied":"拒绝访问","Access-Details":"您无权访问此文件夹。","Header-Retry":"文件已存在","Content-Retry":"此文件夹中已存在具有此名称的文件。您想要做什么？","Button-Keep-Both":"保留两个","Button-Replace":"更换","Button-Skip":"跳跃","ApplyAll-Label":"为所有当前项目执行此操作"},"gantt":{"emptyRecord":"无记录可显示","id":"ID","name":"名称","startDate":"开始日期","endDate":"结束日期","duration":"持续时间","progress":"进展","dependency":"依赖","notes":"笔记","excelExport":"Excel导出","csvExport":"CSV导出","baselineStartDate":"基准开始日期","baselineEndDate":"基线结束日期","type":"类型","offset":"抵消","resourceName":"资源","resourceID":"资源ID","day":"天","hour":"小时","minute":"分钟","days":"天","hours":"小时","minutes":"分钟","generalTab":"一般","customTab":"自定义列","writeNotes":"写笔记","addDialogTitle":"新任务","editDialogTitle":"任务信息","saveButton":"保存","add":"加","edit":"编辑","update":"更新","delete":"删除","cancel":"取消","search":"搜索","addTask":"添加任务","editTask":"编辑任务","deleteTask":"删除任务","expandAllTasks":"展开所有任务","collapseAllTasks":"折叠所有任务","expandAll":"展开全部","collapseAll":"全部收缩","nextTimeSpan":"下一个Timespan","prevTimeSpan":"以前的Timespan","okText":"好","confirmDelete":"您确定要删除记录吗？","from":"从","to":"至","taskLink":"任务链接","lag":"落后","start":"开始","finish":"完","enterValue":"输入值","taskBeforePredecessor_FS":"您将“{0}”移至“{1}”完成之前，并且两个任务已关联。结果，链接无法兑现。选择下面的一个操作来执行","taskAfterPredecessor_FS":"您将“{0}”移离“{1}”并且两个任务已关联。结果，链接无法兑现。选择下面的一个操作来执行","taskBeforePredecessor_SS":"您已将“{0}”移至“{1}”开始之前启动，并且两个任务已关联。结果，链接无法兑现。选择下面的一个操作来执行","taskAfterPredecessor_SS":"在“{1}”启动后，您将“{0}”移至开始，并且两个任务已关联。结果，链接无法兑现。选择下面的一个操作来执行","taskBeforePredecessor_FF":"在“{1}”完成之前，您已将“{0}”移至完成，并且两个任务已关联。结果，链接无法兑现。选择下面的一个操作来执行","taskAfterPredecessor_FF":"在“{1}”完成后，您将“{0}”移至完成，并且两个任务已关联。结果，链接无法兑现。选择下面的一个操作来执行","taskBeforePredecessor_SF":"您将“{0}”从“{1}”移至“{1}”并启动，并且两个任务已关联。结果，链接无法兑现。选择下面的一个操作来执行","taskAfterPredecessor_SF":"在“{1}”启动并且链接了两个任务后，您将“{0}”移至完成状态。结果，链接无法兑现。选择下面的一个操作来执行","taskInformation":"任务信息","deleteDependency":"删除依赖项","convert":"兑换","save":"保存","above":"以上","below":"下面","child":"儿童","milestone":"里程碑","toTask":"任务","toMilestone":"到里程碑","eventMarkers":"事件标记","leftTaskLabel":"左任务标签","rightTaskLabel":"正确的任务标签","timelineCell":"时间线单元格"},"grid":{"EmptyRecord":"无记录可显示","True":"真正","False":"假","InvalidFilterMessage":"无效的筛选数据","GroupDropArea":"在此处拖动列标题以将其列分组","UnGroup":"点击这里取消组合","GroupDisable":"此列的分组功能已被禁用","FilterbarTitle":"过滤条单元","EmptyDataSourceError":"DataSource在初始加载时不能为空，因为列是从AutoGenerate Column Grid的DataSource中生成的","Add":"加","Edit":"编辑","Cancel":"取消","Update":"更新","Delete":"删除","Print":"打印","Pdfexport":"PDF导出","Excelexport":"Excel导出","Wordexport":"Word导出","Csvexport":"CSV导出","Search":"搜索","Columnchooser":"列","Save":"保存","Item":"项目","Items":"项目","EditOperationAlert":"没有选择编辑操作的记录","DeleteOperationAlert":"没有选择记录进行删除操作","SaveButton":"保存","OKButton":"好","CancelButton":"取消","EditFormTitle":"的详细内容 ","AddFormTitle":"添加新记录","BatchSaveConfirm":"你确定要保存更改吗？","BatchSaveLostChanges":"未保存的更改将会丢失。你确定你要继续吗？","ConfirmDelete":"你确定要删除记录吗？","CancelEdit":"您确定要取消更改吗？","ChooseColumns":"选择列","SearchColumns":"搜索栏","Matchs":"找不到匹配项","FilterButton":"过滤","ClearButton":"明确","StartsWith":"以。。开始","EndsWith":"以。。结束","Contains":"包含","Equal":"等于","NotEqual":"不等于","LessThan":"少于","LessThanOrEqual":"小于或等于","GreaterThan":"比...更棒","GreaterThanOrEqual":"大于或等于","ChooseDate":"选择一个日期","EnterValue":"输入值","Copy":"复制","Group":"按此栏分组","Ungroup":"取消组合","autoFitAll":"自动调整所有列","autoFit":"自动适应此列","Export":"出口","FirstPage":"第一页","LastPage":"最后一页","PreviousPage":"上一页","NextPage":"下一页","SortAscending":"升序","SortDescending":"按降序排序","EditRecord":"编辑记录","DeleteRecord":"删除记录","FilterMenu":"过滤"},"checkboxFilter":{"Search":"搜索","OK":"好","Cancel":"取消","Filter":"过滤","Clear":"明确","SelectAll":"全选","Blanks":"空白","True":"真正","False":"假","NoResult":"找不到匹配项"},"excelFilter":{"ClearFilter":"清除过滤器","NumberFilter":"数字过滤器","TextFilter":"文本过滤器","DateFilter":"日期过滤器","MatchCase":"相符","Equal":"等于","NotEqual":"不等于","LessThan":"少于","LessThanOrEqual":"小于或等于","GreaterThan":"比...更棒","GreaterThanOrEqual":"大于或等于","Between":"之间","CustomFilter":"自定义过滤器","StartsWith":"以。。开始","EndsWith":"以。。结束","Contains":"包含","OK":"好","Cancel":"取消","CustomFilterPlaceHolder":"输入值","CustomFilterDatePlaceHolder":"选择一个日期","AND":"和","OR":"要么","ShowRowsWhere":"显示行在哪里："},"pager":{"currentPageInfo":"{1}页的{0}","totalItemsInfo":"（{0}项）","firstPageTooltip":"转到第一页","lastPageTooltip":"转到最后一页","nextPageTooltip":"转到下一页","previousPageTooltip":"转到上一页","nextPagerTooltip":"转到下一页","previousPagerTooltip":"转到上一页","pagerDropDown":"每页项目"},"numerictextbox":{"incrementTitle":"增值","decrementTitle":"遞減值"},"pivotview":{"all":"所有","multipleItems":"多个项目","Sum":"和","Count":"计数","DistinctCount":"不同的数量","Product":"产品","Avg":"平均","Min":"敏","SampleVar":"样本Var","PopulationVar":"人口变量","RunningTotals":"运行总计","Max":"马克斯","Index":"指数","SampleStDev":"样本St Dev","PopulationStDev":"人口St Dev","PercentageOfRowTotal":"行总数的百分比","PercentageOfParentTotal":"父母总数的百分比","PercentageOfParentColumnTotal":"父列总数的百分比","PercentageOfParentRowTotal":"父行总数的百分比","DifferenceFrom":"与众不同","PercentageOfDifferenceFrom":"差异的百分比","PercentageOfGrandTotal":"总计百分比","PercentageOfColumnTotal":"列总数的百分比","editorDataLimitMsg":"编辑器数据限制消息","mdxQuery":"mdx查询","qtr":"QTR","null":"空值","undefined":"未定义","groupOutOfRange":"组超出范围","fieldDropErrorAction":"字段删除错误操作","MoreOption":"更多选择","aggregate":"骨料","drillThrough":"钻透","ascending":"上升","descending":"降","number":"数","currency":"货币","percentage":"百分比","formatType":"格式类型","customText":"自定义文字","symbolPosition":"符号位置","left":"剩下","right":"对","grouping":"分组","true":"真正","false":"假","decimalPlaces":"小数位数","numberFormat":"数字格式","memberType":"会员类型","formatString":"格式字符串","expressionField":"表达字段","customFormat":"自定义格式","selectedHierarchy":"选定的层次结构","olapDropText":"olapDrop文本","Percent":"百分","Currency":"货币","Custom":"习惯","Measure":"测量","Dimension":"尺寸","Standard":"标准","blank":"空白","fieldTooltip":"字段工具提示","QuarterYear":"四分之一年","fieldTitle":"字段标题","drillError":"钻错误","grandTotal":"總計","total":"總計","value":"值","noValue":"無值","row":"行","column":"列","collapse":"摺疊","expand":"展開","rowAxisPrompt":"下行此處","columnAxisPrompt":"下列的位置","valueAxisPrompt":"這裏的價值下降","filterAxisPrompt":"下過濾此處","filter":"篩選器","filtered":"篩選","sort":"排序","filters":"篩選器","rows":"行","columns":"列","values":"值","close":"關閉","cancel":"取消","delete":"刪除","calculatedField":"經過計算的欄位","createCalculatedField":"創建計算字段","fieldName":"輸入字段名稱","error":"錯誤","invalidFormula":"無效的公式。","dropText":"例： ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"新增欄位和計算公式編輯在這裡。","dropAction":"經過計算的欄位不可以發生在任何其他地區除了數值軸。","alert":"警示","warning":"警告","ok":"[ 確定 ]","search":"搜索","drag":"拖曳","remove":"移除","sum":"總和","average":"平均","count":"計數","min":"最小值","max":"最大值","allFields":"所有欄位","formula":"計算公式","addToRow":"添加到行","addToColumn":"添加到列","addToValue":"新增至值","addToFilter":"新增至篩選","emptyData":"無記錄可顯示","fieldExist":"欄位中已存在該名稱。 請輸入不同的名稱。","confirmText":"計算字段中已存在該名稱。 您要取代它嗎 ?","format":"摘要的價值。","edit":"編輯","clear":"清除","noMatches":"無匹配","formulaField":"拖放欄位到公式","dragField":"拖動欄位來計算公式","clearFilter":"明確","by":"通過","enterValue":"輸入價值","chooseDate":"輸入日期","Equals":"等於","DoesNotEquals":"不相等","BeginWith":"開始於","DoesNotBeginWith":"不會開始","EndsWith":"以。。結束","DoesNotEndsWith":"不會結束","Contains":"包含","DoesNotContains":"不含","GreaterThan":"比...更棒","GreaterThanOrEqualTo":"大於或等於","LessThan":"少於","LessThanOrEqualTo":"小於或等於","Between":"之間","NotBetween":"不介於","Before":"前","BeforeOrEqualTo":"之前或等於","After":"之後","AfterOrEqualTo":"等於或等於","member":"會員","label":"標籤","date":"日期","labelTextContent":"顯示標籤的項目","dateTextContent":"顯示物品的日期","valueTextContent":"顯示項目的哪些","And":"而","NotEquals":"不等於","AllValues":"所有價值觀","conditionalFormating":"條件格式","apply":"應用","condition":"添加條件","formatLabel":"格式","valueFieldSettings":"值字段設置","sourceName":"字段名稱：","sourceCaption":"現場標題：","summarizeValuesBy":"通過以下方式匯總值：","baseField":"基地：","baseItem":"基本項目：","example":"例如：","details":"細節","manageRecords":"管理记录","Years":"年份","Quarters":"住处","Months":"月","Days":"天","Hours":"小时","Minutes":"分钟","Seconds":"秒","save":"保存报告","new":"创建一个新报告","load":"加载","saveAs":"保存为当前报告","rename":"重命名当前报告","export":"出口","subTotals":"小计","grandTotals":"总计","reportName":"报告名称：","pdf":"PDF","excel":"Excel","csv":"CSV","showSubTotals":"显示小计","doNotShowSubTotals":"不要显示小计","showSubTotalsRowsOnly":"仅显示子总计行","showSubTotalsColumnsOnly":"仅显示子总计列","showGrandTotals":"显示总计","doNotShowGrandTotals":"不要显示总计","showGrandTotalsRowsOnly":"仅显示总计行数","showGrandTotalsColumnsOnly":"仅显示总计列","fieldList":"显示字段列表","grid":"显示表格","toolbarFormatting":"条件格式","chart":"图表","reportMsg":"请输入有效的报告名称!!!","reportList":"报告清单","removeConfirm":"您确定要删除此报告吗？","emptyReport":"没有找到报告!!","bar":"酒吧","line":"线","area":"区域","scatter":"分散","polar":"极性","of":"的","emptyFormat":"找不到格式!!!","emptyInput":"输入一个值","newReportConfirm":"想要保存更改报告？","emptyReportName":"输入报告名称","caption":"现场标题","copy":"复制","defaultReport":"默认报告","customFormatString":"自订格式","invalidFormat":"无效的格式。"},"pivotfieldlist":{"all":"所有","multipleItems":"多个项目","Sum":"和","Count":"计数","DistinctCount":"不同的数量","Product":"产品","Avg":"平均","Min":"敏","SampleVar":"样本Var","PopulationVar":"人口变量","RunningTotals":"运行总计","Max":"马克斯","Index":"指数","SampleStDev":"样本St Dev","PopulationStDev":"人口St Dev","PercentageOfRowTotal":"行总数的百分比","PercentageOfParentTotal":"父母总数的百分比","PercentageOfParentColumnTotal":"父列总数的百分比","PercentageOfParentRowTotal":"父行总数的百分比","DifferenceFrom":"与众不同","PercentageOfDifferenceFrom":"差异的百分比","PercentageOfGrandTotal":"总计百分比","PercentageOfColumnTotal":"列总数的百分比","editorDataLimitMsg":"编辑器数据限制消息","Years":"年份","Quarters":"住处","Months":"月","Days":"天","Hours":"小时","Minutes":" 分钟","Seconds":"秒","apply":"应用","null":"空值","undefined":"未定义","groupOutOfRange":"组超出范围","fieldDropErrorAction":"字段删除错误操作","MoreOption":"更多选择","memberType":"会员类型","formatString":"格式字符串","expressionField":"表达字段","customFormat":"自定义格式","selectedHierarchy":"选定的层次结构","olapDropText":"olapDrop文本","Percent":"百分","Currency":"货币","Custom":"习惯","Measure":"测量","Dimension":"尺寸","Standard":"标准","blank":"空白","fieldTooltip":"字段工具提示","QuarterYear":"四分之一年","fieldTitle":"Field Name","staticFieldList":"樞軸欄位清單","fieldList":"欄位清單","dropRowPrompt":"下行此處","dropColPrompt":"下列的位置","dropValPrompt":"這裏的價值下降","dropFilterPrompt":"下過濾此處","addPrompt":"在此處新增欄位","adaptiveFieldHeader":"選擇欄位","centerHeader":"在以下區域之間拖曳欄位 :","add":"新增","drag":"拖曳","filter":"篩選器","filtered":"篩選","sort":"排序","remove":"移除","filters":"篩選器","rows":"行","columns":"列","values":"值","calculatedField":"經過計算的欄位","createCalculatedField":"創建計算字段","fieldName":"輸入字段名稱","error":"錯誤","invalidFormula":"無效的公式。","dropText":"例： ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"新增欄位和計算公式編輯在這裡。","dropAction":"經過計算的欄位不可以發生在任何其他地區除了數值軸。","search":"搜索","close":"關閉","cancel":"取消","delete":"刪除","alert":"警示","warning":"警告","ok":"[ 確定 ]","sum":"總和","average":"平均","count":"計數","min":"最小值","max":"最大值","allFields":"所有欄位","formula":"計算公式","fieldExist":"欄位中已存在該名稱。 請輸入不同的名稱。","confirmText":"計算字段中已存在該名稱。 您要取代它嗎 ?","format":"摘要的價值。","edit":"編輯","clear":"清除","noMatches":"無匹配","formulaField":"拖放欄位到公式","dragField":"拖動欄位來計算公式","clearFilter":"明確","by":"通過","enterValue":"輸入價值","chooseDate":"輸入日期","Equals":"等於","DoesNotEquals":"不相等","BeginWith":"開始於","DoesNotBeginWith":"不會開始","EndsWith":"以。。結束","DoesNotEndsWith":"不會結束","Contains":"包含","DoesNotContains":"不含","GreaterThan":"比...更棒","GreaterThanOrEqualTo":"大於或等於","LessThan":"少於","LessThanOrEqualTo":"小於或等於","Between":"之間","NotBetween":"不介於","Before":"前","BeforeOrEqualTo":"之前或等於","After":"之後","AfterOrEqualTo":"等於或等於","member":"會員","label":"標籤","date":"日期","value":"值","labelTextContent":"顯示標籤的項目","dateTextContent":"顯示物品的日期","valueTextContent":"顯示項目的哪些","And":"而","valueFieldSettings":"值字段設置","sourceName":"字段名稱：","sourceCaption":"現場標題：","summarizeValuesBy":"通過以下方式匯總值：","baseField":"基地：","baseItem":"基本項目：","example":"例如：","deferLayoutUpdate":"延遲佈局更新","caption":"现场标题","copy":"复制"},"schedule":{"day":"天","week":"周","workWeek":"工作周","month":"月","agenda":"议程","weekAgenda":"周议程","workWeekAgenda":"工作周议程","monthAgenda":"月议程","today":"今天","noEvents":"没有事件","emptyContainer":"这一天没有安排任何活动。","allDay":"一整天","start":"开始","end":"结束","more":"更多","close":"关","cancel":"取消","noTitle":"（无题）","delete":"删除","deleteEvent":"删除事件","deleteMultipleEvent":"刪除多個事件","selectedItems":"选择的项目","deleteSeries":"删除系列","edit":"编辑","editSeries":"编辑系列","editEvent":"编辑事件","createEvent":"创建","subject":"学科","addTitle":"添加标题","moreDetails":"更多细节","save":"保存","editContent":"你只想编辑这个事件或整个系列？","deleteRecurrenceContent":"你想只删除这个事件或整个系列？","deleteContent":"你确定要删除这个事件？","deleteMultipleContent":"您確定要刪除所選事件嗎？","newEvent":"新事件","title":"标题","location":"位置","description":"描述","timezone":"时区","startTimezone":"启动时区","endTimezone":"结束时区","repeat":"重复","saveButton":"保存","cancelButton":"取消","deleteButton":"删除","recurrence":"循环","wrongPattern":"重複發生模式無效。","seriesChangeAlert":"對此系列的特定實例所做的更改將被取消，並且這些事件將再次與該系列匹配。","createError":"事件的持續時間必須短於其發生的頻率。縮短持續時間，或更改重複事件編輯器中的重複發生模式。","recurrenceDateValidation":"有些月份比所選日期少。在這幾個月中，事件將發生在該月的最後一個日期。","sameDayAlert":"在同一天不能發生兩次同一事件。","editRecurrence":"编辑重复","repeats":"重复","alert":"警报","startEndError":"选定的结束日期发生在开始日期之前。","invalidDateError":"输入的日期值无效。","ok":"好","occurrence":"發生","series":"系列","previous":"以前","next":"下一個","timelineDay":"時間表日","timelineWeek":"時間軸週","timelineWorkWeek":"時間表工作週","timelineMonth":"時間線月"},"recurrenceeditor":{"none":"没有","daily":"日常","weekly":"每周","monthly":"每月一次","month":"月","yearly":"每年","never":"决不","until":"直到","count":"计数","first":"第一","second":"第二","third":"第三","fourth":"第四","last":"持续","repeat":"重复","repeatEvery":"重复每一个","on":"重复","end":"结束","onDay":"天","days":"天","weeks":"周","months":"月","years":"年份","summaryTimes":"時","summaryOn":"上","summaryUntil":"直到","summaryRepeat":"重复","summaryDay":"天","summaryWeek":"週","summaryMonth":"個月","summaryYear":"年份"},"slider":{"incrementTitle":"减少","decrementTitle":"增加"},"spreadsheet":{"Cut":"切","Copy":"复制","Paste":"糊","PasteSpecial":"特殊黏贴","All":"所有","Values":"值","Formats":"格式","Font":"字形","FontSize":"字体大小","Bold":"胆大","Italic":"斜体","Underline":"强调","Strikethrough":"删除","TextColor":"文字颜色","FillColor":"填色","HorizontalAlignment":"水平对齐","AlignLeft":"左对齐","AlignCenter":"中央","AlignRight":"对齐","VerticalAlignment":"垂直对齐","AlignTop":"顶部对齐","AlignMiddle":"对齐中间","AlignBottom":"对齐底部","InsertFunction":"插入功能","Insert":"插","Delete":"删除","Rename":"改名","Hide":"隐藏","Unhide":"取消隐藏","NameBox":"名称框","ShowHeaders":"显示标题","HideHeaders":"隐藏标题","ShowGridLines":"显示网格线","HideGridLines":"隐藏网格线","AddSheet":"添加表格","ListAllSheets":"列出所有表格","FullScreen":"全屏","CollapseToolbar":"折叠工具栏","ExpandToolbar":"展开工具栏","CollapseFormulaBar":"折叠公式栏","ExpandFormulaBar":"展开公式栏","File":"文件","Home":"家","Formulas":"公式","View":"视图","New":"新","Open":"打开","SaveAs":"另存为","ExcelXlsx":"Microsoft Excel","ExcelXls":"Microsoft Excel 97-2003","CSV":"Comma-separated values","FormulaBar":"公式栏","Ok":"好","Close":"关闭","Cancel":"取消","Apply":"应用","MoreColors":"更多颜色","StandardColors":"标准颜色","General":"一般","Number":"数","Currency":"货币","Accounting":"会计","ShortDate":"短日期","LongDate":"很長的日期","Time":"时间","Percentage":"百分比","Fraction":"分数","Scientific":"科学的","Text":"文本","NumberFormat":"数字格式","MobileFormulaBarPlaceHolder":"输入值或公式","PasteAlert":"您无法在此处粘贴此内容，因为复制区域和粘贴区域的大小不同。请尝试在不同的范围内粘贴。","DestroyAlert":"您确定要在不保存并创建新工作簿的情况下销毁当前工作簿吗？","SheetRenameInvalidAlert":"工作表名称包含无效字符。","SheetRenameEmptyAlert":"工作表名称不能为空。","SheetRenameAlreadyExistsAlert":"工作表名称已存在。请输入其他名称。","DeleteSheetAlert":"您确定要删除此表吗？","DeleteSingleLastSheetAlert":"工作簿必须至少包含一个可见工作表。","PickACategory":"选择一个类别","Description":"描述","UnsupportedFile":"不支持的文件","InvalidUrl":"无效的网址","SUM":"添加一系列数字和/或单元格。","SUMIF":"根据指定的条件添加单元格。","SUMIFS":"根据指定的条件添加单元格。","ABS":"返回无符号数的值。","RAND":"返回0到1之间的随机数。","RANDBETWEEN":"返回基于指定值的随机整数。","FLOOR":"将数字向下舍入到给定因子的最接近倍数。","CEILING":"将数字舍入到给定因子的最接近倍数。","PRODUCT":"将一系列数字和/或单元格相乘。","AVERAGE":"计算除文本之外的一系列数字和/或单元格的平均值。","AVERAGEIF":"根据指定条件计算单元格的平均值。","AVERAGEIFS":"根据指定条件计算单元格的平均值。","AVERAGEA":"计算评估为TRUE为1，text和FALSE为0的单元格的平均值。","COUNT":"计算包含数值范围值的单元格。","COUNTIF":"根据指定的条件计算单元格。","COUNTIFS":"根据指定条件计数细胞。","COUNTA":"计算包含范围中值的单元格。","MIN":"返回给定参数的最小数量。","MAX":"返回给定参数的最大数量。","DATE":"返回基于给定年，月和日的日期。","DAY":"返回给定日期的日期。","DAYS":"返回两个日期之间的天数。","IF":"返回基于给定表达式的值。","IFS":"根据给定的多个表达式返回值。","AND":"如果所有参数都为真正，则返回真正，否则返回假。","OR":"如果任何参数为真正，则返回真正，否则返回假。","IFERROR":"如果没有找到错误则返回值，否则它将返回指定的值。","CHOOSE":"根据索引号从值列表中返回一个值。","INDEX":"根据行号和列号返回给定范围中单元格的值。","FIND":"返回另一个字符串中字符串的位置，该字符串区分大小写。","CONCATENATE":"将两个或多个字符串组合在一起。","CONCAT":"合并一个列表或一组文本字符串。","SUBTOTAL":"使用给定的函数编号返回范围的小计。","RADIANS":"将度数转换为弧度。","MATCH":"返回给定范围内指定值的相对位置。","DefineNameExists":"此名称已存在，请尝试不同的名称。","CircularReference":"如果公式引用一个或多个循环引用，则可能导致计算不正确。"},"timepicker":{"placeholder":"选择一个时间"},"treegrid":{"EmptyRecord":"无记录可显示","InvalidFilterMessage":"无效的筛选数据","FilterbarTitle":"过滤条单元","EmptyDataSourceError":"DataSource在初始加载时不能为空，因为列是从AutoGenerate Column Grid的DataSource中生成的","Add":"加","Edit":"编辑","Cancel":"取消","Update":"更新","Delete":"删除","Print":"打印","Pdfexport":"PDF导出","Excelexport":"Excel导出","Wordexport":"Word导出","Csvexport":"CSV导出","Search":"搜索","Columnchooser":"列","Save":"保存","EditOperationAlert":"没有选择编辑操作的记录","DeleteOperationAlert":"没有选择记录进行删除操作","SaveButton":"保存","CancelButton":"取消","EditFormTitle":"的详细内容 ","AddFormTitle":"添加新记录","ConfirmDelete":"你确定要删除记录吗？","CancelEdit":"您确定要取消更改吗？","ChooseColumns":"选择列","SearchColumns":"搜索栏","FilterButton":"过滤","ClearButton":"明确","StartsWith":"以。。开始","EndsWith":"以。。结束","Contains":"包含","Equal":"等于","NotEqual":"不等于","LessThan":"少于","LessThanOrEqual":"小于或等于","GreaterThan":"比...更棒","GreaterThanOrEqual":"大于或等于","ChooseDate":"选择一个日期","EnterValue":"输入值","autoFitAll":"自动调整所有列","autoFit":"自动适应此列","Export":"出口","FirstPage":"第一页","LastPage":"最后一页","PreviousPage":"上一页","NextPage":"下一页","SortAscending":"升序","SortDescending":"按降序排序","EditRecord":"编辑记录","DeleteRecord":"删除记录","FilterMenu":"过滤"},"uploader":{"invalidMinFileSize":"文件太小","invalidMaxFileSize":"文件大小超過28 MB","invalidFileType":"文件類型是不允許的","Browse":"瀏覽","Clear":"明確","Upload":"上傳","dropFilesHint":"或在這裡刪除文件","uploadFailedMessage":"文件無法上傳","uploadSuccessMessage":"文件上傳成功","removedSuccessMessage":"文件已成功刪除","removedFailedMessage":"无法删除文件","inProgress":"上傳","readyToUploadMessage":"準備上傳","remove":"去掉","cancel":"取消","delete":"刪除文件","abort":"退出","pauseUpload":"文件上传已暂停","pause":"暂停","resume":"恢复","retry":"重试","fileUploadCancel":"文件上傳已取消"}},"fr-CH":{"dropdowns":{"noRecordsTemplate":"Aucun enregistrement trouvé","actionFailureTemplate":"La demande a échoué","overflowCountTemplate":"+ $ {count} plus ..","selectAllText":"Tout sélectionner","unSelectAllText":"tout déselectionner"},"calendar":{"today":"aujourd'hui"},"chart":{"ZoomIn":"Agrandir","ZoomOut":"Dézoomer","Zoom":"Zoom","Pan":"La poêle","Reset":"Réinitialiser","ResetZoom":"Réinitialiser Zoom"},"colorpicker":{"Apply":"s'adresser à","Cancel":"Annuler","ModeSwitcher":"Commutateur Mode"},"datepicker":{"placeholder":"choisissez une date","today":"aujourd'hui"},"daterangepicker":{"placeholder":"Sélectionnez une plage","startLabel":"Date de début","endLabel":"Date de fin","applyText":"Appliquer","cancelText":"Annuler","selectedDays":"Jours sélectionnés","days":"Journées","customRange":"Gamme personnalisée"},"datetimepicker":{"placeholder":"sélectionnez une date et une heure","today":"aujourd'hui"},"diagram":{"Cut":"Coupe","Copy":"Copie","Paste":"Pâte","Undo":"annuler","Redo":"Refaire","SelectAll":"Sélectionner tout","Grouping":"Regroupement","Group":"Groupe","UnGroup":"Dissocier","Order":"Commande","BringToFront":"Mettre au premier plan","MoveForward":"Avance","SendBackward":"Envoyer vers l'arrière","SendToBack":"Envoyer au fond"},"dialog":{"close":"Fermer"},"filemanager":{"NewFolder":"Nouveau dossier","Upload":"Télécharger","Delete":"Effacer","Rename":"Renommer","Download":"Télécharger","Cut":"Couper","Copy":"Copie","Paste":"Coller","SortBy":"Trier par","Refresh":"Rafraîchir","Item-Selection":"article sélectionné","Items-Selection":"articles sélectionnés","View":"Vue","Details":"Détails","SelectAll":"Tout sélectionner","Open":"Ouvrir","Tooltip-NewFolder":"Nouveau dossier","Tooltip-Upload":"Télécharger","Tooltip-Delete":"Effacer","Tooltip-Rename":"Renommer","Tooltip-Download":"Télécharger","Tooltip-Cut":"Couper","Tooltip-Copy":"Copie","Tooltip-Paste":"Coller","Tooltip-SortBy":"Trier par","Tooltip-Refresh":"Rafraîchir","Tooltip-Selection":"Effacer la sélection","Tooltip-View":"Vue","Tooltip-Details":"Détails","Tooltip-SelectAll":"Tout sélectionner","Name":"Prénom","Size":"Taille","DateModified":"Modifié","DateCreated":"Date créée","Path":"Chemin","Modified":"Modifié","Created":"Créé","Location":"Emplacement","Type":"Type","Permission":"Autorisation","Ascending":"Ascendant","Descending":"Descendant","View-LargeIcons":"Grandes icônes","View-Details":"Détails","Search":"Chercher","Button-Ok":"D'ACCORD","Button-Cancel":"Annuler","Button-Yes":"Oui","Button-No":"Non","Button-Create":"Créer","Button-Save":"Sauvegarder","Header-NewFolder":"Dossier","Content-NewFolder":"Entrez votre nom de dossier","Header-Rename":"Renommer","Content-Rename":"Entrez votre nouveau nom","Header-Rename-Confirmation":"Renommer la confirmation","Content-Rename-Confirmation":"Si vous modifiez une extension de nom de fichier, le fichier peut devenir instable. Voulez-vous vraiment le changer?","Header-Delete":"Supprimer le fichier","Content-Delete":"Êtes-vous sûr de vouloir supprimer ce fichier?","Header-Multiple-Delete":"Supprimer plusieurs fichiers","Content-Multiple-Delete":"Êtes-vous sûr de vouloir supprimer ces {0} fichiers?","Header-Duplicate":"Fichier / Dossier existe","Content-Duplicate":"{0} existe déjà. Voulez-vous renommer et coller?","Header-Upload":"Télécharger des fichiers","Error":"Erreur","Validation-Empty":"Le nom du fichier ou du dossier ne peut être vide.","Validation-Invalid":"Le nom du fichier ou du dossier {0} contient des caractères non valides. Veuillez utiliser un nom différent. Les noms de fichiers ou de dossiers valides ne peuvent pas se terminer par un point ou un espace, ni contenir aucun des caractères suivants: \\ /: *? \" < > | ","Validation-NewFolder-Exists":"Un fichier ou un dossier portant le nom {0} existe déjà.","Validation-Rename-Exists":"Impossible de renommer {0} en {1}: la destination existe déjà.","Folder-Empty":"Ce dossier est vide","File-Upload":"Faites glisser les fichiers ici pour les télécharger","Search-Empty":"Aucun résultat trouvé","Search-Key":"Essayez avec des mots clés différents","Sub-Folder-Error":"Le dossier de destination est le sous-dossier du dossier source.","Access-Denied":"Accès refusé","Access-Details":"Vous n'avez pas la permission d'accéder à ce dossier.","Header-Retry":"Le fichier existe déjà","Content-Retry":"Un fichier avec ce nom existe déjà dans ce dossier. Que voudriez-vous faire?","Button-Keep-Both":"Garde les deux","Button-Replace":"Remplacer","Button-Skip":"Sauter","ApplyAll-Label":"Faites ceci pour tous les articles en cours"},"gantt":{"emptyRecord":"Aucun enregistrement à afficher","id":"ID","name":"prénom","startDate":"Date de début","endDate":"Date de fin","duration":"Durée","progress":"Le progrès","dependency":"Dépendance","notes":"Remarques","excelExport":"Export Excel","csvExport":"CSV export","baselineStartDate":"Date de début de référence","baselineEndDate":"Date de fin de référence","type":"Type","offset":"Décalage","resourceName":"Ressources","resourceID":"ID de ressource","day":"journée","hour":"heure","minute":"minute","days":"journées","hours":"heures","minutes":"minutes","generalTab":"Général","customTab":"Colonnes Personnalisées","writeNotes":"Écrire des notes","addDialogTitle":"Nouvelle tâche","editDialogTitle":"Informations sur la tâche","saveButton":"sauvegarder","add":"Ajouter","edit":"modifier","update":"Mettre à jour","delete":"Effacer","cancel":"Annuler","search":"Chercher","addTask":"Ajouter une tâche","editTask":"Modifier la tâche","deleteTask":"Supprimer la tâche","expandAllTasks":"Développer toutes les tâches","collapseAllTasks":"Réduire toutes les tâches","expandAll":"Développer tout","collapseAll":"Réduire tout","nextTimeSpan":"Prochain intervalle","prevTimeSpan":"Période précédente","okText":"D'accord","confirmDelete":"Êtes-vous sûr de vouloir supprimer l'enregistrement?","from":"De","to":"À","taskLink":"Lien de tâche","lag":"Décalage","start":"Début","finish":"terminer","enterValue":"Entrez la valeur","taskBeforePredecessor_FS":"Vous avez déplacé '{0}' avant le '{1}' et les deux tâches sont liées. En conséquence, les liens ne peuvent pas être honorés. Sélectionnez une action ci-dessous pour effectuer","taskAfterPredecessor_FS":"Vous avez déplacé \"{0}\" de \"{1}\" et les deux tâches sont liées. En conséquence, les liens ne peuvent pas être honorés. Sélectionnez une action ci-dessous pour effectuer","taskBeforePredecessor_SS":"Vous avez déplacé '{0}' avant le '{1}' et les deux tâches sont liées. En conséquence, les liens ne peuvent pas être honorés. Sélectionnez une action ci-dessous pour effectuer","taskAfterPredecessor_SS":"Vous avez déplacé '{0}' pour commencer après le '{1}' et les deux tâches sont liées. En conséquence, les liens ne peuvent pas être honorés. Sélectionnez une action ci-dessous pour effectuer","taskBeforePredecessor_FF":"Vous avez déplacé '{0}' pour terminer avant '{1}' et les deux tâches sont liées. En conséquence, les liens ne peuvent pas être honorés. Sélectionnez une action ci-dessous pour effectuer","taskAfterPredecessor_FF":"Vous avez déplacé '{0}' pour terminer après '{1}' et les deux tâches sont liées. En conséquence, les liens ne peuvent pas être honorés. Sélectionnez une action ci-dessous pour effectuer","taskBeforePredecessor_SF":"Vous avez déplacé {0} de {1} vers le début et les deux tâches sont liées. En conséquence, les liens ne peuvent pas être honorés. Sélectionnez une action ci-dessous pour effectuer","taskAfterPredecessor_SF":"Vous avez déplacé '{0}' pour terminer après le début de '{1}' et les deux tâches sont liées. En conséquence, les liens ne peuvent pas être honorés. Sélectionnez une action ci-dessous pour effectuer","taskInformation":"Informations sur la tâche","deleteDependency":"Supprimer la dépendance","convert":"Convertir","save":"sauvegarder","above":"Au dessus de","below":"Au dessous de","child":"Enfant","milestone":"Étape importante","toTask":"À la tâche","toMilestone":"Au jalon","eventMarkers":"Marqueurs d'événement","leftTaskLabel":"Libellé de tâche gauche","rightTaskLabel":"Etiquette de tâche correcte","timelineCell":"Cellule de la timeline"},"grid":{"EmptyRecord":"Aucun enregistrement à afficher","True":"vrai","False":"faux","InvalidFilterMessage":"Données de filtre non valides","GroupDropArea":"Faites glisser un en-tête de colonne ici pour grouper sa colonne","UnGroup":"Cliquez ici pour dissocier","GroupDisable":"Le regroupement est désactivé pour cette colonne","FilterbarTitle":"cellule de barre de filtre","EmptyDataSourceError":"DataSource ne doit pas être vide lors du chargement initial, car les colonnes sont générées à partir de dataSource dans la grille de colonnes AutoGenerate","Add":"Ajouter","Edit":"modifier","Cancel":"Annuler","Update":"Mettre à jour","Delete":"Effacer","Print":"Impression","Pdfexport":"Export PDF","Excelexport":"Export Excel","Wordexport":"Word Export","Csvexport":"CSV Export","Search":"Chercher","Columnchooser":"Colonnes","Save":"sauvegarder","Item":"article","Items":"articles","EditOperationAlert":"Aucun enregistrement sélectionné pour l'opération d'édition","DeleteOperationAlert":"Aucun enregistrement sélectionné pour l'opération de suppression","SaveButton":"sauvegarder","OKButton":"D'accord","CancelButton":"Annuler","EditFormTitle":"Les détails de ","AddFormTitle":"Ajouter un nouvel enregistrement","BatchSaveConfirm":"Êtes-vous sûr de vouloir enregistrer les modifications?","BatchSaveLostChanges":"Les modifications non enregistrées seront perdues. Es-tu sur de vouloir continuer?","ConfirmDelete":"Êtes-vous sûr de vouloir supprimer l'enregistrement?","CancelEdit":"Êtes-vous sûr de vouloir annuler les modifications?","ChooseColumns":"Choisissez la colonne","SearchColumns":"colonnes de recherche","Matchs":"Aucun résultat","FilterButton":"Filtre","ClearButton":"Clair","StartsWith":"Commence avec","EndsWith":"Se termine par","Contains":"Contient","Equal":"Égal","NotEqual":"Inégal","LessThan":"Moins que","LessThanOrEqual":"Moins que ou égal","GreaterThan":"Plus grand que","GreaterThanOrEqual":"Meilleur que ou égal","ChooseDate":"Choisissez une date","EnterValue":"Entrez la valeur","Copy":"Copie","Group":"Grouper par cette colonne","Ungroup":"Dissocier par cette colonne","autoFitAll":"Auto Adapter toutes les colonnes","autoFit":"Auto Fit cette colonne","Export":"Exportation","FirstPage":"Première page","LastPage":"Dernière page","PreviousPage":"Page précédente","NextPage":"Page suivante","SortAscending":"Trier par ordre croissant","SortDescending":"Trier par ordre décroissant","EditRecord":"Modifier l'enregistrement","DeleteRecord":"Supprimer l'enregistrement","FilterMenu":"Filtre"},"checkboxFilter":{"Search":"Chercher","OK":"D'accord","Cancel":"Annuler","Filter":"Filtre","Clear":"Clair","SelectAll":"Tout sélectionner","Blanks":"Blanks","True":"Vrai","False":"Faux","NoResult":"Aucun résultat"},"excelFilter":{"ClearFilter":"Effacer le filtre","NumberFilter":"Filtres numériques","TextFilter":"Filtres de texte","DateFilter":"Filtres de date","MatchCase":"Cas de correspondance","Equal":"Égal","NotEqual":"Inégal","LessThan":"Moins que","LessThanOrEqual":"Moins que ou égal","GreaterThan":"Plus grand que","GreaterThanOrEqual":"Meilleur que ou égal","Between":"Entre","CustomFilter":"Filtre personnalisé","StartsWith":"Commence avec","EndsWith":"Se termine par","Contains":"Contient","OK":"D'accord","Cancel":"Annuler","CustomFilterPlaceHolder":"Entrez la valeur","CustomFilterDatePlaceHolder":"Choisissez une date","AND":"ET","OR":"OU","ShowRowsWhere":"Afficher les lignes où:"},"pager":{"currentPageInfo":"{0} sur {1} pages","totalItemsInfo":"({0} éléments)","firstPageTooltip":"Aller à la première page","lastPageTooltip":"Aller à la dernière page","nextPageTooltip":"Aller à la page suivante","previousPageTooltip":"Aller à la page précédente","nextPagerTooltip":"Aller au pager suivant","previousPagerTooltip":"Aller au pager précédent","pagerDropDown":"objets par page"},"numerictextbox":{"incrementTitle":"Valeur d'incrément","decrementTitle":"Décrémenter la valeur"},"pivotview":{"all":"tout","multipleItems":"plusieurs articles","Sum":"Somme","Count":"Compter","DistinctCount":"Nombre distinct","Product":"Produit","Avg":"Moyen","Min":"Min","SampleVar":"Échantillon de var","PopulationVar":"Population du Var","RunningTotals":"Totaux cumulés","Max":"Max","Index":"Indice","SampleStDev":"Exemple St Dev","PopulationStDev":"Population St Dev","PercentageOfRowTotal":"Pourcentage du total de la ligne","PercentageOfParentTotal":"Pourcentage du parent total","PercentageOfParentColumnTotal":"Pourcentage du total de la colonne parent","PercentageOfParentRowTotal":"Pourcentage du total de la ligne parent","DifferenceFrom":"Différence de","PercentageOfDifferenceFrom":"Pourcentage de différence de","PercentageOfGrandTotal":"Pourcentage du total général","PercentageOfColumnTotal":"Pourcentage du total de la colonne","editorDataLimitMsg":"éditeur Data Limit Msg","mdxQuery":"Requête mdx","qtr":"QTR","null":"null","undefined":"indéfini","groupOutOfRange":"groupe hors de portée","fieldDropErrorAction":"champ Drop Error Action","MoreOption":"Plus d'option","aggregate":"agrégat","drillThrough":"Percer à travers","ascending":"Ascendant","descending":"descendant","number":"nombre","currency":"devise","percentage":"pourcentage","formatType":"formatType","customText":"texte personnalisé","symbolPosition":"position du symbole","left":"la gauche","right":"droite","grouping":"regroupement","true":"vrai","false":"faux","decimalPlaces":"décimalPlaces","numberFormat":"Format de nombre","memberType":"type de membre","formatString":"format String","expressionField":"champ d'expression","customFormat":"format personnalisé","selectedHierarchy":"Hiérarchie sélectionnée","olapDropText":"olapDropText","Percent":"Pour cent","Currency":"Devise","Custom":"Douane","Measure":"Mesure","Dimension":"Dimension","Standard":"la norme","blank":"blanc","fieldTooltip":"info-bulle sur le terrain","QuarterYear":"Trimestre année","fieldTitle":"Titre du champ","drillError":"erreur de forage","grandTotal":"Grand Total","total":"Total","value":"Valeur","noValue":"Pas de valeur","row":"Rangée","column":"La colonne","collapse":"Effondrement","expand":"L'expansion","rowAxisPrompt":"Drop row ici","columnAxisPrompt":"Drop column here","valueAxisPrompt":"Valeur liste déroulante ici","filterAxisPrompt":"Filtre goutte ici","filter":"Filter","filtered":"Filtered","sort":"Trier","filters":"Filters","rows":"Lignes","columns":"Colonnes","values":"Valeurs","close":"Fermer","cancel":"Annuler","delete":"Supprimer","calculatedField":"Champ calculé","createCalculatedField":"Créer un champ calculé","fieldName":"Entrez le nom du champ","error":"Error","invalidFormula":"Formule invalide.","dropText":"Exemple: ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"Ajouter des champs et formula ici.","dropAction":"Champ calculé ne peut pas être place dans toute autre région, à l'exception de l'axe des valeurs.","alert":"Alert","warning":"Attention","ok":"OK","search":"Recherchez","drag":"Faites glisser","remove":"Déposer","sum":"Somme","average":"La moyenne","count":"Count","min":"Min","max":"Max","allFields":"Tous les domaines","formula":"Formule","addToRow":"Ajouter à la rangée","addToColumn":"Ajouter à la colonne","addToValue":"Ajouter à la valeur","addToFilter":"Ajouter au filtre","emptyData":"Pas d'enregistrements à afficher","fieldExist":"Un champ existe déjà dans ce nom. Veuillez entrer un nom différent.","confirmText":"Une rubrique calcul existe déjà dans ce nom. Voulez-vous la remplacer ?","format":"Les valeurs des résumés par","edit":"Modifier","clear":"Effacer","noMatches":"Pas de correspondance","formulaField":"Faites glisser et déposez les champs à formule","dragField":"Faites glisser le champ à la formule","clearFilter":"Clair","by":"par","enterValue":"Entrez une valeur","chooseDate":"Entrez la date","Equals":"Équivaut à","DoesNotEquals":"N'est pas égal","BeginWith":"Commence par","DoesNotBeginWith":"Ne commence pas avec","EndsWith":"Se termine par","DoesNotEndsWith":"Ne se termine pas avec","Contains":"Contient","DoesNotContains":"Ne contient pas","GreaterThan":"Plus grand que","GreaterThanOrEqualTo":"Plus grand ou égal à","LessThan":"Moins que","LessThanOrEqualTo":"Inférieur ou égal à","Between":"Compris entre","NotBetween":"Pas entre","Before":"Avant","BeforeOrEqualTo":"Avant ou égal à","After":"Après","AfterOrEqualTo":"Après ou égal à","member":"Membre","label":"Étiquette","date":"Rendez-vous amoureux","labelTextContent":"Afficher les articles pour lesquels l'étiquette","dateTextContent":"Afficher les articles pour lesquels la date","valueTextContent":"Afficher les articles pour lesquels","And":"et","NotEquals":"Pas égal","AllValues":"Toutes les valeurs","conditionalFormating":"Mise en forme conditionnelle","apply":"Appliquer","condition":"Ajouter une condition","formatLabel":"Format","valueFieldSettings":"Paramètres du champ de valeur","sourceName":"Nom de domaine :","sourceCaption":"Légende du champ:","summarizeValuesBy":"Résumer les valeurs par:","baseField":"Champ de base:","baseItem":"Élément de base:","example":"par exemple :","details":"Détails","manageRecords":"gérer les enregistrements","Years":"Années","Quarters":"Quartiers","Months":"Mois","Days":"Jours","Hours":"Heures","Minutes":"Minutes","Seconds":"Secondes","save":"Sauvegarder un rapport","new":"Créer un nouveau rapport","load":"Charger","saveAs":"Enregistrer comme état actuel","rename":"Renommer un rapport en cours","export":"Exporter","subTotals":"Sous totaux","grandTotals":"Grands totaux","reportName":"Nom du rapport :","pdf":"PDF","excel":"Excel","csv":"CSV","showSubTotals":"Afficher les totaux partiels","doNotShowSubTotals":"Ne pas afficher les sous-totaux","showSubTotalsRowsOnly":"Afficher uniquement les lignes de sous-totaux","showSubTotalsColumnsOnly":"Afficher uniquement les colonnes de totaux partiels","showGrandTotals":"Afficher les totaux généraux","doNotShowGrandTotals":"ne pas montrer les grands totaux","showGrandTotalsRowsOnly":"Afficher uniquement les lignes de totaux généraux","showGrandTotalsColumnsOnly":"Afficher uniquement la colonne des totaux généraux","fieldList":"Afficher la liste des champs","grid":"Afficher la table","toolbarFormatting":"Mise en forme conditionnelle","chart":"Graphique","reportMsg":"S'il vous plaît entrer le nom du rapport vaild !!!","reportList":"Liste de rapport","removeConfirm":"Voulez-vous vraiment supprimer ce rapport?","emptyReport":"Aucun rapport trouvé !!","bar":"Bar","line":"Ligne","area":"Surface","scatter":"Dispersion","polar":"Polaire","of":"de","emptyFormat":"Aucun format trouvé !!!","emptyInput":"Entrez une valeur","newReportConfirm":"Voulez-vous enregistrer les modifications à signaler?","emptyReportName":"Entrez un nom de rapport","caption":"Légende du champ","copy":"Copie","defaultReport":"Rapport par défaut","customFormatString":"Format personnalisé","invalidFormat":"Format invalide."},"pivotfieldlist":{"all":"tout","multipleItems":"plusieurs articles","Sum":"Somme","Count":"Compter","DistinctCount":"Nombre distinct","Product":"Produit","Avg":"Moyen","Min":"Min","SampleVar":"Échantillon de var","PopulationVar":"Population du Var","RunningTotals":"Totaux cumulés","Max":"Max","Index":"Indice","SampleStDev":"Exemple St Dev","PopulationStDev":"Population St Dev","PercentageOfRowTotal":"Pourcentage du total de la ligne","PercentageOfParentTotal":"Pourcentage du parent total","PercentageOfParentColumnTotal":"Pourcentage du total de la colonne parent","PercentageOfParentRowTotal":"Pourcentage du total de la ligne parent","DifferenceFrom":"Différence de","PercentageOfDifferenceFrom":"Pourcentage de différence de","PercentageOfGrandTotal":"Pourcentage du total général","PercentageOfColumnTotal":"Pourcentage du total de la colonne","editorDataLimitMsg":"éditeur Data Limit Msg","Years":"Années","Quarters":"Trimestres","Months":"Mois","Days":"Journées","Hours":"Heures","Minutes":"Miuntes","Seconds":"Secondes","apply":"appliquer","null":"null","undefined":"indéfini","groupOutOfRange":"groupe hors de portée","fieldDropErrorAction":"champ Drop Error Action","MoreOption":"Plus d'option","memberType":"type de membre","formatString":"format String","expressionField":"champ d'expression","customFormat":"format personnalisé","selectedHierarchy":"Hiérarchie sélectionnée","olapDropText":"olapDropText","Percent":"Pour cent","Currency":"Devise","Custom":"Douane","Measure":"Mesure","Dimension":"Dimension","Standard":"la norme","blank":"blanc","fieldTooltip":"info-bulle sur le terrain","QuarterYear":"Trimestre année","fieldTitle":"Field Name","staticFieldList":"Liste des champs de pivot","fieldList":"Field List","dropRowPrompt":"Drop row ici","dropColPrompt":"Drop column here","dropValPrompt":"Valeur liste déroulante ici","dropFilterPrompt":"Filtre goutte ici","addPrompt":"Ajouter un champ ici","adaptiveFieldHeader":"Choisissez Domaine","centerHeader":"Faire glisser les champs entre les zones ci-dessous :","add":"Ajouter","drag":"Faites glisser","filter":"Filter","filtered":"Filtered","sort":"Trier","remove":"Déposer","filters":"Filters","rows":"Lignes","columns":"Colonnes","values":"Valeurs","calculatedField":"Champ calculé","createCalculatedField":"Créer un champ calculé","fieldName":"Entrez le nom du champ","error":"Error","invalidFormula":"Formule invalide.","dropText":"Exemple: ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"Ajouter des champs et formula ici.","dropAction":"Champ calculé ne peut pas être place dans toute autre région, à l'exception de l'axe des valeurs.","search":"Recherchez","close":"Fermer","cancel":"Annuler","delete":"Supprimer","alert":"Alert","warning":"Attention","ok":"OK","sum":"Somme","average":"La moyenne","count":"Count","min":"Min","max":"Max","allFields":"Tous les domaines","formula":"Formule","fieldExist":"Un champ existe déjà dans ce nom. Veuillez entrer un nom différent.","confirmText":"Une rubrique calcul existe déjà dans ce nom. Voulez-vous la remplacer ?","format":"Les valeurs des résumés par","edit":"Modifier","clear":"Effacer","noMatches":"Pas de correspondance","formulaField":"Faites glisser et déposez les champs à formule","dragField":"Faites glisser le champ à la formule","clearFilter":"Clair","by":"par","enterValue":"Entrez une valeur","chooseDate":"Entrez la date","Equals":"Équivaut à","DoesNotEquals":"N'est pas égal","BeginWith":"Commence par","DoesNotBeginWith":"Ne commence pas avec","EndsWith":"Se termine par","DoesNotEndsWith":"Ne se termine pas avec","Contains":"Contient","DoesNotContains":"Ne contient pas","GreaterThan":"Plus grand que","GreaterThanOrEqualTo":"Plus grand ou égal à","LessThan":"Moins que","LessThanOrEqualTo":"Inférieur ou égal à","Between":"Compris entre","NotBetween":"Pas entre","Before":"Avant","BeforeOrEqualTo":"Avant ou égal à","After":"Après","AfterOrEqualTo":"Après ou égal à","member":"Membre","label":"Étiquette","date":"Rendez-vous amoureux","value":"Valeur","labelTextContent":"Afficher les articles pour lesquels l'étiquette","dateTextContent":"Afficher les articles pour lesquels la date","valueTextContent":"Afficher les articles pour lesquels","And":"et","valueFieldSettings":"Paramètres du champ de valeur","sourceName":"Nom de domaine :","sourceCaption":"Légende du champ:","summarizeValuesBy":"Résumer les valeurs par:","baseField":"Champ de base:","baseItem":"Élément de base:","example":"par exemple :","deferLayoutUpdate":"Différer la mise à jour de la mise en page","caption":"Légende du champ","copy":"Copie"},"schedule":{"day":"journée","week":"La semaine","workWeek":"Semaine de travail","month":"Mois","agenda":"Ordre du jour","weekAgenda":"Agenda de la semaine","workWeekAgenda":"Agenda de la semaine de travail","monthAgenda":"Agenda du mois","today":"Aujourd'hui","noEvents":"Pas d'événements","emptyContainer":"Aucun événement n'est prévu ce jour-là.","allDay":"Toute la journée","start":"Début","end":"Fin","more":"plus","close":"Fermer","cancel":"Annuler","noTitle":"(Pas de titre)","delete":"Effacer","deleteEvent":"Supprimer l'événement","deleteMultipleEvent":"Supprimer plusieurs événements","selectedItems":"Items selected","deleteSeries":"Supprimer la série","edit":"modifier","editSeries":"Modifier la série","editEvent":"Modifier l'événement","createEvent":"Créer","subject":"Assujettir","addTitle":"Ajouter un titre","moreDetails":"Plus de détails","save":"sauvegarder","editContent":"Voulez-vous modifier uniquement cet événement ou toute la série?","deleteRecurrenceContent":"Voulez-vous supprimer uniquement cet événement ou toute la série?","deleteContent":"Êtes-vous sûr de vouloir supprimer cet événement?","deleteMultipleContent":"Êtes-vous sûr de vouloir supprimer les événements sélectionnés?","newEvent":"Nouvel évènement","title":"Titre","location":"Emplacement","description":"La description","timezone":"Fuseau horaire","startTimezone":"Démarrer fuseau horaire","endTimezone":"Fin du fuseau horaire","repeat":"Répéter","saveButton":"sauvegarder","cancelButton":"Annuler","deleteButton":"Effacer","recurrence":"Récurrence","wrongPattern":"Le modèle de récurrence n'est pas valide.","seriesChangeAlert":"Les modifications apportées à des instances spécifiques de cette série seront annulées et ces événements correspondront à nouveau à la série.","createError":"La durée de l'événement doit être plus courte que sa fréquence. Raccourcissez la durée ou modifiez le modèle de récurrence dans l'éditeur d'événement de récurrence.","recurrenceDateValidation":"Certains mois ont moins que la date sélectionnée. Pour ces mois, l'événement se produira à la dernière date du mois.","sameDayAlert":"Deux occurrences du même événement ne peuvent pas se produire le même jour.","editRecurrence":"Modifier la récurrence","repeats":"Répétitions","alert":"Alerte","startEndError":"La date de fin sélectionnée se produit avant la date de début.","invalidDateError":"La valeur de date saisie est invalide.","ok":"D'accord","occurrence":"Occurrence","series":"Séries","previous":"précédent","next":"Prochain","timelineDay":"Journée chronologique","timelineWeek":"Semaine chronologique","timelineWorkWeek":"Semaine de travail chronologique","timelineMonth":"Mois de la chronologie"},"recurrenceeditor":{"none":"Aucun","daily":"du quotidien","weekly":"Hebdomadaire","monthly":"Mensuel","month":"Mois","yearly":"Annuel","never":"Jamais","until":"Jusqu'à","count":"Compter","first":"First","second":"Seconde","third":"Troisième","fourth":"Quatrième","last":"Dernier","repeat":"Répéter","repeatEvery":"Répétez chaque","on":"Répéter sur","end":"Fin","onDay":"journée","days":"journées","weeks":"semaines","months":"Mois","years":"Années","every":"chaque","summaryTimes":"fois","summaryOn":"sur","summaryUntil":"jusqu'à","summaryRepeat":"Répétitions","summaryDay":"journées","summaryWeek":"semaines","summaryMonth":"mois","summaryYear":"années"},"slider":{"incrementTitle":"augmenter","decrementTitle":"diminution"},"spreadsheet":{"Cut":"Coupe","Copy":"Copie","Paste":"Pâte","PasteSpecial":"Pâte spéciale","All":"Tous les","Values":"Valeurs","Formats":"Les formats","Font":"fonte","FontSize":"Taille de police","Bold":"Audacieux","Italic":"Italique","Underline":"Souligner","Strikethrough":"Barré","TextColor":"Couleur du texte","FillColor":"La couleur de remplissage","HorizontalAlignment":"Alignement horizontal","AlignLeft":"Alignez à gauche","AlignCenter":"centre","AlignRight":"Aligner à droite","VerticalAlignment":"Alignement vertical","AlignTop":"Aligner en haut","AlignMiddle":"Aligner le milieu","AlignBottom":"Aligner le bas","InsertFunction":"Insérer une fonction","Insert":"Insérer","Delete":"Effacer","Rename":"Rebaptiser","Hide":"Cacher","Unhide":"Démasquer","NameBox":"Nom Box","ShowHeaders":"Afficher les en-têtes","HideHeaders":"Masquer les en-têtes","ShowGridLines":"Afficher les quadrillages","HideGridLines":"Masquer le quadrillage","AddSheet":"Ajouter une feuille","ListAllSheets":"Liste de feuilles","FullScreen":"Plein écran","CollapseToolbar":"Réduire la barre d'outils","ExpandToolbar":"Maximiser la barre d'outils","CollapseFormulaBar":"Réduire la barre de formule","ExpandFormulaBar":"Développer la barre de formule","File":"Fichier","Home":"Accueil","Formulas":"Formules","View":"Vue","New":"Nouveau","Open":"Ouvrir","SaveAs":"Enregistrer sous","ExcelXlsx":"Microsoft Excel","ExcelXls":"Microsoft Excel 97-2003","CSV":"Comma-separated values","FormulaBar":"Barre de formule","Ok":"D'accord","Close":"Fermer","Cancel":"Annuler","Apply":"s'adresser à","MoreColors":"Plus de couleurs","StandardColors":"Couleurs Standard","General":"Général","Number":"Nombre","Currency":"Devise","Accounting":"Comptabilité","ShortDate":"Date courte","LongDate":"Longue date","Time":"Temps","Percentage":"Pourcentage","Fraction":"Fraction","Scientific":"Scientifique","Text":"Texte","NumberFormat":"Nombre Format","MobileFormulaBarPlaceHolder":"Entrer une valeur ou une formule","PasteAlert":"Vous ne pouvez pas coller ceci ici, car les zones de copie et de collage ne sont pas de la même taille. S'il vous plaît essayez de coller dans une plage différente.","DestroyAlert":"Êtes-vous sûr de vouloir détruire le classeur actuel sans enregistrer et créer un nouveau classeur?","SheetRenameInvalidAlert":"Le nom de la feuille contient un caractère invalide.","SheetRenameEmptyAlert":"Le nom de la feuille ne peut pas être vide.","SheetRenameAlreadyExistsAlert":"Le nom de la feuille existe déjà. S'il vous plaît entrer un autre nom.","DeleteSheetAlert":"Êtes-vous sûr de vouloir supprimer cette feuille?","DeleteSingleLastSheetAlert":"Un classeur doit contenir au moins une feuille de calcul visible.","PickACategory":"Choisissez une catégorie","Description":"La description","UnsupportedFile":"Fichier non supporté","InvalidUrl":"URL invalide","SUM":"Ajoute une série de nombres et / ou de cellules.","SUMIF":"Ajoute les cellules en fonction de la condition spécifiée.","SUMIFS":"Ajoute les cellules en fonction de conditions spécifiées.","ABS":"Retourne la valeur d'un nombre sans son signe.","RAND":"Retourne un nombre aléatoire compris entre 0 et 1.","RANDBETWEEN":"Retourne un entier aléatoire basé sur des valeurs spécifiées.","FLOOR":"Arrondit un nombre jusqu'au multiple le plus proche d'un facteur donné.","CEILING":"Arrondit un nombre jusqu'au multiple le plus proche d'un facteur donné.","PRODUCT":"Multiplie une série de nombres et / ou de cellules.","AVERAGE":"Calculez la moyenne pour la série de nombres et / ou de cellules excluant le texte.","AVERAGEIF":"Calcule la moyenne des cellules en fonction de la condition spécifiée.","AVERAGEIFS":"Calcule la moyenne des cellules en fonction de conditions spécifiées.","AVERAGEA":"Calcule la moyenne des cellules évaluant VRAI à 1, texte et FAUX à 0.","COUNT":"Compte les cellules contenant des valeurs numériques dans une plage.","COUNTIF":"Compte les cellules en fonction de la condition spécifiée.","COUNTIFS":"Compte les cellules en fonction de conditions spécifiées.","COUNTA":"Compte les cellules contenant des valeurs dans une plage.","MIN":"Retourne le plus petit nombre d'arguments donnés.","MAX":"Retourne le plus grand nombre d'arguments donnés.","DATE":"Renvoie la date en fonction de l'année, du mois et du jour donnés.","DAY":"Renvoie le jour à partir de la date donnée.","DAYS":"Renvoie le nombre de jours entre deux dates.","IF":"Renvoie la valeur en fonction de l'expression donnée.","IFS":"Retourne une valeur basée sur les expressions multiples données.","AND":"Renvoie VRAI si tous les arguments sont VRAI, sinon renvoie FAUX.","OR":"Renvoie VRAI si l'un des arguments est VRAI, sinon renvoie FAUX.","IFERROR":"Renvoie une valeur si aucune erreur n'est trouvée sinon, la valeur spécifiée sera renvoyée.","CHOOSE":"Retourne une valeur de la liste de valeurs, basée sur le numéro d'index.","INDEX":"Renvoie une valeur de la cellule dans une plage donnée en fonction du numéro de ligne et de colonne.","FIND":"Renvoie la position d'une chaîne dans une autre chaîne, sensible à la casse.","CONCATENATE":"Combine deux ou plusieurs chaînes ensemble.","CONCAT":"Concatène une liste ou une plage de chaînes de texte.","SUBTOTAL":"Retourne le sous-total d'une plage en utilisant le numéro de fonction donné.","RADIANS":"Convertit les degrés en radians.","MATCH":"Renvoie la position relative d'une valeur spécifiée dans une plage donnée.","DefineNameExists":"Ce nom existe déjà, essayez un nom différent.","CircularReference":"Lorsqu'une formule fait référence à une ou plusieurs références circulaires, cela peut entraîner un calcul incorrect."},"timepicker":{"placeholder":"Choisissez une heure"},"treegrid":{"EmptyRecord":"Aucun enregistrement à afficher","InvalidFilterMessage":"Données de filtre non valides","FilterbarTitle":"cellule de barre de filtre","EmptyDataSourceError":"DataSource ne doit pas être vide lors du chargement initial, car les colonnes sont générées à partir de dataSource dans la grille de colonnes AutoGenerate","Add":"Ajouter","Edit":"modifier","Cancel":"Annuler","Update":"Mettre à jour","Delete":"Effacer","Print":"Impression","Pdfexport":"Export PDF","Excelexport":"Export Excel","Wordexport":"Word Export","Csvexport":"CSV Export","Search":"Chercher","Columnchooser":"Colonnes","Save":"sauvegarder","EditOperationAlert":"Aucun enregistrement sélectionné pour l'opération d'édition","DeleteOperationAlert":"Aucun enregistrement sélectionné pour l'opération de suppression","SaveButton":"sauvegarder","CancelButton":"Annuler","EditFormTitle":"Les détails de ","AddFormTitle":"Ajouter un nouvel enregistrement","ConfirmDelete":"Êtes-vous sûr de vouloir supprimer l'enregistrement?","CancelEdit":"Êtes-vous sûr de vouloir annuler les modifications?","ChooseColumns":"Choisissez la colonne","SearchColumns":"colonnes de recherche","FilterButton":"Filtre","ClearButton":"Clair","StartsWith":"Commence avec","EndsWith":"Se termine par","Contains":"Contient","Equal":"Égal","NotEqual":"Inégal","LessThan":"Moins que","LessThanOrEqual":"Moins que ou égal","GreaterThan":"Plus grand que","GreaterThanOrEqual":"Meilleur que ou égal","ChooseDate":"Choisissez une date","EnterValue":"Entrez la valeur","autoFitAll":"Auto Adapter toutes les colonnes","autoFit":"Auto Fit cette colonne","Export":"Exportation","FirstPage":"Première page","LastPage":"Dernière page","PreviousPage":"Page précédente","NextPage":"Page suivante","SortAscending":"Trier par ordre croissant","SortDescending":"Trier par ordre décroissant","EditRecord":"Modifier l'enregistrement","DeleteRecord":"Supprimer l'enregistrement","FilterMenu":"Filtre"},"uploader":{"invalidMinFileSize":"La taille du fichier est trop petite","invalidMaxFileSize":"La taille du fichier dépasse 28 Mo","invalidFileType":"Le type de fichier n'est pas autorisé","Browse":"Feuilleter","Clear":"Clair","Upload":"Télécharger","dropFilesHint":"ou Déposer des fichiers ici","uploadFailedMessage":"Impossible d'importer le fichier","uploadSuccessMessage":"Fichier téléchargé avec succès","removedSuccessMessage":"Fichier supprimé avec succès","removedFailedMessage":"Impossible de supprimer le fichier","inProgress":"Téléchargement","readyToUploadMessage":"Prêt à télécharger","remove":"Retirer","cancel":"Annuler","delete":"Supprimer le fichier","abort":"Avorter","pauseUpload":"Le téléchargement du fichier a été suspendu","pause":"Pause","resume":"Reprendre","retry":"Recommencez","fileUploadCancel":"Téléchargement de fichier annulé"}}};
\ No newline at end of file
+export let Locale: Object={"de":{"dropdowns":{"noRecordsTemplate":"Keine Aufzeichnungen gefunden","actionFailureTemplate":"Die Anforderung ist fehlgeschlagen","overflowCountTemplate":"+ $ {count} mehr ..","selectAllText":"Selecteer alles","unSelectAllText":"Alles deselecteren"},"calendar":{"today":"heute"},"chart":{"ZoomIn":"Hineinzoomen","ZoomOut":"Rauszoomen","Zoom":"Zoomen","Pan":"Pfanne","Reset":"Zurücksetzen","ResetZoom":"Zoom Zurücksetzen"},"colorpicker":{"Apply":"Anwenden","Cancel":"Abbrechen","ModeSwitcher":"Modus wechseln"},"datepicker":{"placeholder":"Wählen Sie ein Datum","today":"heute"},"daterangepicker":{"placeholder":"Wählen Sie einen Bereich","startLabel":"Anfangsdatum","endLabel":"Enddatum","applyText":"Sich bewerben","cancelText":"Stornieren","selectedDays":"Ausgewählte Tage","days":"Tage","customRange":"benutzerdefinierten Bereich"},"datetimepicker":{"placeholder":"Wählen Sie Datum und Uhrzeit","today":"heute"},"diagram":{"Cut":"Schneiden","Copy":"Kopieren","Paste":"Paste","Undo":"Rückgängig machen","Redo":"Redo","SelectAll":"Alle Auswählen","Grouping":"Gruppierung","Group":"Gruppe","UnGroup":"Gruppierung aufheben","Order":"Auftrag","BringToFront":"In den Vordergrund bewegen","MoveForward":"nach vorne bewegen","SendBackward":"nach hinten bewegen","SendToBack":"In den Hintergrund bewegen"},"dialog":{"close":"schließen"},"documenteditor":{"Table":"Tabelle","Row":"Zeile","Cell":"Zelle","Ok":"Okay","Cancel":"Abbrechen","Size":"Größe","Preferred Width":"Bevorzugte Breite","Points":"Punkte","Percent":"Prozent","Measure in":"Maßnahme in","Alignment":"Ausrichtung","Left":"Links","Center":"Center","Right":"Richting","Justify":"Rechtfertigen","Indent from left":"Einzug von links","Borders and Shading":"Grenzen und Schattierung","Options":"Optionen","Specify height":"Angeben der Höhe","At least":"Mindestens","Exactly":"Genau","Row height is":"Die Zeilenhöhe ist","Allow row to break across pages":"Zulassen, dass Zeilen über Seiten hinweg aufbrechen","Repeat as header row at the top of each page":"Wiederholen als Kopfzeile oben auf jeder Seite","Vertical alignment":"Vertikale Ausrichtung","Top":"Nach oben","Bottom":"Unteres","Default cell margins":"Standardzellenränder","Default cell spacing":"Standardzellenabstand","Allow spacing between cells":"Abstand zwischen Zellen zulassen","Cell margins":"Zellränder","Same as the whole table":"Wie die gesamte Tabelle","Borders":"Grenzen","None":"nichts","Style":"Stil","Width":"Breite","Height":"Höhe","Letter":"Brief","Tabloid":"Tabloid","Legal":"Rechtlich","Statement":"Anweisung","Executive":"Executive","A3":"A3","A4":"A4","A5":"A5","B4":"B4","B5":"B5","Custom Size":"Benutzerdefinierte Größe","Different odd and even":"Verschiedene ungerade und gleichmäßige","Different first page":"Verschiedene erste Seite","From edge":"Von der Kante","Header":"Header","Footer":"Fußzeile","Margin":"Ränder","Paper":"Papier","Layout":"Layout","Orientation":"Ausrichtung","Landscape":"Landschaft","Portrait":"Porträt","Show page numbers":"Seitenzahlen anzeigen","Right align page numbers":"Rechte Ausrichtung Seitenzahlen","Nothing":"Nichts","Tab leader":"Tab-Leiter","Show levels":"Ebenen anzeigen","Use hyperlinks instead of page numbers":"Verwenden von Hyperlinks anstelle von Seitenzahlen","Build table of contents from":"Inhaltsverzeichnis erstellen aus","Styles":"Stile","Available styles":"Verfügbare Stile","TOC level":"TOC-Niveau","Heading":"Überschrift","Heading 1":"Rubrik 1","Heading 2":"Rubrik 2","Heading 3":"Rubrik 3","Heading 4":"Rubrik 4","Heading 5":"Rubrik 5","Heading 6":"Rubrik 6","List Paragraph":"Liste Absatz","Normal":"Normalen","Outline levels":"Gliederungsebenen","Table entry fields":"Tabelleneintragsfelder","Modify":"Ändern","Color":"Farbe","Setting":"Einstellung","Box":"Box","All":"Alle","Custom":"Benutzerdefinierte","Preview":"Vorschau","Shading":"Schattierung","Fill":"Füllen","Apply To":"Bewerben Sie sich auf","Table Properties":"Tabelleneigenschaften","Cell Options":"Zellenoptionen","Table Options":"Tabellenoptionen","Insert Table":"Tabelle einfügen","Number of columns":"Anzahl der Spalten","Number of rows":"Anzahl der Zeilen","Text to display":"Anzuzeigenden Text","Address":"Adresse","Insert Hyperlink":"Hyperlink einfügen","Edit Hyperlink":"Bearbeiten von Hyperlink","Insert":"Einfügen","General":"Allgemeine","Indentation":"Einzug","Before text":"Vor Text","Special":"Besondere","First line":"Erste Zeile","Hanging":"Hängen","After text":"Nach Text","By":"Von","Before":"Bevor","Line Spacing":"Zeilenabstand","After":"Nach","At":"Auf","Multiple":"Mehrere","Spacing":"Abstand","Define new Multilevel list":"Definieren einer neuen Multilevel-Liste","List level":"Listenebene","Choose level to modify":"Wählen Sie ebene zu ändern","Level":"Ebene","Number format":"Zahlenformat","Number style for this level":"Zahlenstil für diese Ebene","Enter formatting for number":"Formatierung für Nummer eingeben","Start at":"Beginnen Sie bei","Restart list after":"Neustartliste nach","Position":"Position","Text indent at":"Texteinzug bei","Aligned at":"Ausgerichtet an","Follow number with":"Follow-Nummer mit","Tab character":"Tab-Zeichen","Space":"Raum","Arabic":"Arabisch","UpRoman":"UpRoman","LowRoman":"LowRoman","UpLetter":"UpLetter","LowLetter":"LowLetter","Number":"Anzahl","Leading zero":"Führende Null","Bullet":"Kugel","Ordinal":"Ordnungszahl","Ordinal Text":"Ordinaltext","For East":"Für den Osten","No Restart":"Kein Neustart","Font":"Schriftart","Font style":"Schriftstil","Underline style":"Unterstreichungsstil","Font color":"Schriftfarbe","Effects":"Auswirkungen","Strikethrough":"Durchgestrichen","Superscript":"Hochgestellt","Subscript":"Tiefgestellt","Double strikethrough":"Doppelschlag","Regular":"Regelmäßige","Bold":"kühn","Italic":"Italic","Cut":"Schneiden","Copy":"Kopieren","Paste":"Einfügen","Hyperlink":"Hyperlink","Open Hyperlink":"Öffnen sie Hyperlink","Copy Hyperlink":"Hyperlink kopieren","Remove Hyperlink":"Hyperlink entfernen","Paragraph":"Absatz","Linked(Paragraph and Character)":"Verknüpft (Absatz und Zeichen)","Character":"Charakter","Merge Cells":"Zusammenführen von Zellen","Insert Above":"Einfügen oben","Insert Below":"Einfügen unten","Insert Left":"Einfügen links","Insert Right":"Einfügen rechts","Delete":"Löschen","Delete Table":"Tabelle löschen","Delete Row":"Zeile löschen","Delete Column":"Spalte löschen","File Name":"Dateiname","Format Type":"Formattyp","Save":"Speichern","Navigation":"Navigation","Results":"Ergebnisse","Replace":"Ersetzen","Replace All":"Ersetzen Sie alle","We replaced all":"Wir haben alle","Find":"Finden","No matches":"Kein Treffer","All Done":"Fertig","Result":"Ergebnis","of":"von","instances":"Instanzen","with":"Mit","Click to follow link":"Klicken Sie hier, um dem Link zu folgen","Continue Numbering":"Weiter Nummerierung","Bookmark name":"Lesezeichenname","Close":"Schließen","Restart At":"Neustart bei","Properties":"Eigenschaften","Name":"Namen","Style type":"Stiltyp","Style based on":"Stil basierend auf","Style for following paragraph":"Stil für folgenden Absatz","Formatting":"Formatierung","Numbering and Bullets":"Nummerierung und Aufzählungszeichen","Numbering":"Nummerierung","Update Field":"Update-Feld","Edit Field":"Bearbeitungsfeld","Bookmark":"Lesezeichen","Page Setup":"Seiteneinrichtung","No bookmarks found":"Keine Lesezeichen gefunden","Number format tooltip information":"Einstufiges Zahlenformat: [PREFIX]%[LEVELNUMBER][SUFFIX] Beispielsweise zeigt 'Kapitel %1.' die Nummerierung wieKapitel 1 an. ArtikelKapitel 2. Artikel... Kapitel N. Artikel Mehrstufiges Zahlenformat:[PREFIX]%[LEVELNUMBER][SUFFIX]+[PREFIX]%[LEVELNUMBER][SUFFIX]Zum Beispiel zeigt '%1.%2.' die Nummerierung wie1 an. Artikel1.2. Artikel... 1.N. Artikel","Format":"Format","Create New Style":"Erstellen eines neuen Stils","Modify Style":"Stil ändern","New":"Neu","Bullets":"Kugeln","Use bookmarks":"Verwenden von Lesezeichen","Table of Contents":"Inhaltsverzeichnis","AutoFit":"Autofit","AutoFit to Contents":"AutoFit für Inhalte","AutoFit to Window":"AutoFit zu Fenster","Fixed Column Width":"Feste Spaltenbreite","Reset":"Zurücksetzen","Match case":"Match-Fall","Whole words":"Ganze Wörter","Add":"Hinzufügen","Go To":"Gehe zu","Search for":"Suchen nach","Replace with":"Ersetzen Sie dies durch","TOC 1":"TOC 1","TOC 2":"TOC 2","TOC 3":"TOC 3","TOC 4":"TOC 4","TOC 5":"TOC 5","TOC 6":"TOC 6","TOC 7":"TOC 7","TOC 8":"TOC 8","TOC 9":"TOC 9","Right-to-left":"Von rechts nach links","Left-to-right":"Von links nach rechts","Direction":"Richtung","Table direction":"Tabellenrichtung","Indent from right":"Einzug von rechts","Don't add space between the paragraphs of the same styles":"Fügen Sie keinen Abstand zwischen den Absätzen derselben Stile hinzu.","The password don't match":"Das Kennwort stimmt nicht überein ","Restrict Editing":"Einschränken der Bearbeitung","Formatting restrictions":"Formatierungseinschränkungen","Allow formatting":"Formatierung zulassen","Editing restrictions":"Bearbeitungseinschränkungen","Read only":"Nur lesen","Exceptions (optional)":"Ausnahmen (optional)","Select parts of the document and choose users who are allowed to freely edit them.":"Wählen Sie Teile des Dokuments aus, und wählen Sie Benutzer aus, die sie frei bearbeiten dürfen. ","Everyone":"Jeder","More users":"Mehr Benutzer","Add Users":"Hinzufügen von Benutzern","Yes, Start Enforcing Protection":"Ja, Starten Sie die Durchsetzung des Schutzes","Start Enforcing Protection":"Starten des Erzwingens des Schutzes","Enter User":"Benutzer eingeben","Users":"Benutzer","Enter new password":"Geben Sie ein neues Passwort ein","Reenter new password to confirm":"Geben Sie das neue Kennwort erneut ein, um dies zu bestätigen","Your permissions":"Ihre Berechtigungen","This document is protected from unintentional editing.You may edit in this region.":"Dieses Dokument ist vor unbeabsichtigter Bearbeitung geschützt. Sie können in dieser Region bearbeiten.","You may format text only with certain styles.":"Sie können Text nur mit bestimmten Formatvorlagen formatieren.","Stop Protection":"Stop Protection","Password":"Passwort","Spelling Editor":"Rechtschreib-Editor","Spelling":"Rechtschreibung","Spell Check":"Rechtschreibprüfung","Underline errors":"Unterstreichung von Fehlern","Ignore":"Ignorieren","Ignore all":"Ignorieren Sie alle","Add to Dictionary":"Zum Wörterbuch hinzufügen","Change":"Veränderung","Change All":"Alle ändern","Suggestions":"Vorschläge","The password is incorrect":"Das Kennwort ist falsch","Error in establishing connection with web server":"Fehler beim Herstellen einer Verbindung mit dem Webserver","Highlight the regions I can edit":"Markieren Sie die Bereiche, die ich bearbeiten kann","Show All Regions I Can Edit":"Alle Regionen anzeigen, die ich bearbeiten kann","Find Next Region I Can Edit":"Nächste Region finden, die ich bearbeiten kann","Keep source formatting":"Quellformatierung beibehalten","Match destination formatting":"Übereinstimmung der Zielformatierung","Text only":"Nur Text","Comments":"Kommentare","Type your comment":"Geben Sie Ihren Kommentar ein","Post":"Bereitstellen","Reply":"Antwort","New Comment":"Neuer Kommentar","Edit":"Bearbeiten","Resolve":"Beheben","Reopen":"Öffnen","No comments in this document":"Keine Kommentare in diesem Dokument","more":"Mehr","Type your comment hear":"Geben Sie Ihren Kommentar ein","Next Comment":"Nächster Kommentar","Previous Comment":"Vorheriger Kommentar","Un-posted comments":"Nicht gepostete Kommentare","Added comments not posted. If you continue, that comment will be discarded.":"Kommentare wurden nicht gepostet. Wenn Sie fortfahren, wird dieser Kommentar verworfen."},"documenteditorcontainer":{"New":"Neu","Open":"Öffnen","Undo":"Rückgängig","Redo":"Wiederholen","Image":"Bild","Table":"Tabelle","Link":"verbinden","Bookmark":"Lesezeichen","Table of Contents":"Inhaltsverzeichnis","HEADING - - - - 1":"HEADING - - - - 1","HEADING - - - - 2":"HEADING - - - - 2","HEADING - - - - 3":"HEADING - - - - 3","Header":"Header","Footer":"Fußzeile","Page Setup":"Seiteneinrichtung","Page Number":"Seitenzahl","Break":"Brechen","Find":"Finden","Local Clipboard":"Lokale Zwischenablage","Restrict Editing":"Einschränken der Bearbeitung","Upload from computer":"Hochladen vom Computer","By URL":"Nach URL","Page Break":"Seitenumbruch","Section Break":"Abschnittsunterbrechung","Header & Footer":"Kopfzeile & Fußzeile","Options":"Optionen","Levels":"Ebenen","Different First Page":"Verschiedene erste Seite","Different header and footer for odd and even pages.":"Verschiedene Kopf- und Fußzeile für ungerade und gerade Seiten.","Different Odd & Even Pages":"Verschiedene Odd & Even Seiten","Different header and footer for first page.":"Verschiedene Kopf- und Fußzeile für die erste Seite.","Position":"Position","Header from Top":"Header von oben","Footer from Bottom":"Fußzeile von unten","Distance from top of the page to top of the header.":"Abstand vom oberen Rand der Seite zum oberen Anfang der Kopfzeile.","Distance from bottom of the page to bottom of the footer.":"Abstand vom unteren Rand der Seite bis zum unteren Rand der Fußzeile.","Aspect ratio":"Seitenverhältnis","W":"W","H":"H","Width":"Breite","Height":"Höhe","Text":"Text","Paragraph":"Absatz","Fill":"Füllen","Fill color":"Füllfarbe","Border Style":"Border Style","Outside borders":"Außerhalb der Grenzen","All borders":"Alle Grenzen","Inside borders":"Innere Grenzen","Left border":"Linke Grenze","Inside vertical border":"Innerhalb vertikaler Rahmen","Right border":"Rechte Grenze","Top border":"Obere Grenze","Inside horizontal border":"Innerhalb horizontaler Rahmen","Bottom border":"Unterer Rand","Border color":"Rahmenfarbe","Border width":"Grenzbreite","Cell":"Zelle","Merge cells":"Zusammenführen von Zellen","Insert / Delete":"Einfügen / Löschen","Insert columns to the left":"Einfügen von Spalten nach links","Insert columns to the right":"Einfügen von Spalten auf der rechten Seite","Insert rows above":"Zeilen oben einfügen","Insert rows below":"Zeilen unten einfügen","Delete rows":"Löschen von Zeilen","Delete columns":"Spalten löschen","Cell Margin":"Zell-Rand","Top":"Nach oben","Bottom":"Unteres","Left":"Links","Right":"Richting","Align Text":"Ausrichten von Text","Align top":"Oben ausrichten","Align bottom":"Unten ausrichten","Align center":"Ausrichtung des Zentrums","Number of heading or outline levels to be shown in table of contents.":"Anzahl der Überschriften oder Gliederungsebenen, die im Inhaltsverzeichnis angezeigt werden sollen.","Show page numbers":"Seitenzahlen anzeigen","Show page numbers in table of contents.":"Seitenzahlen im Inhaltsverzeichnis anzeigen.","Right align page numbers":"Rechte Ausrichtung Seitenzahlen","Right align page numbers in table of contents.":"Rechte Seitenzahlen im Inhaltsverzeichnis.","Use hyperlinks":"Verwenden von Hyperlinks","Use hyperlinks instead of page numbers.":"Verwenden Sie Hyperlinks anstelle von Seitenzahlen.","Font":"Schriftart","Font Size":"Schriftgröße","Font color":"Schriftfarbe","Text highlight color":"Texthervorhebungsfarbe","Clear all formatting":"Löschen aller Formatierungen","Bold (Ctrl+B)":"Fett (Strg+B)","Italic (Ctrl+I)":"Kursiv (Strg+I)","Underline (Ctrl+U)":"Unterstreichung (Strg+U)","Strikethrough":"Durchgestrichen","Superscript (Ctrl+Shift++)":"Hochschrift (Strg+Umschalt++)","Subscript (Ctrl+=)":"Subskription (Strg+=)","Align left (Ctrl+L)":"Links ausrichten (Strg+L)","Center (Ctrl+E)":"Mitte (Strg+E)","Align right (Ctrl+R)":"Rechts ausrichten (Strg+R)","Justify (Ctrl+J)":"Justify (Strg+J)","Decrease indent":"Abnahme des Einrückens","Increase indent":"Zunahme des Einrückens","Line spacing":"Zeilenabstand","Bullets":"Kugeln","Numbering":"Nummerierung","Styles":"Stile","Manage Styles":"Verwalten von Stilen","Page":"Seite","of":"von","Fit one page":"Anpassen einer Seite","Spell Check":"Rechtschreibprüfung","Underline errors":"Unterstreichung von Fehlern","Fit page width":"Anpassen der Seitenbreite","Update":"aktualisieren","Cancel":"Abbrechen","Insert":"Einfügen","No Border":"Keine Grenze","Create a new document.":"Erstellen Sie ein neues Dokument.","Open a document.":"Öffnen Sie ein Dokument.","Undo the last operation (Ctrl+Z).":"Rückgängigmachen des letzten Vorgangs (Strg+Z).","Redo the last operation (Ctrl+Y).":"Wiederholen Sie den letzten Vorgang (Strg+Y).","Insert inline picture from a file.":"Einfügen eines Inlinebilds aus einer Datei.","Insert a table into the document":"Einfügen einer Tabelle in das Dokument","Create a link in your document for quick access to web pages and files (Ctrl+K).":"Erstellen Sie einen Link in Ihrem Dokument für den schnellen Zugriff auf Webseiten und Dateien (Strg+K).","Insert a bookmark in a specific place in this document.":"Fügen Sie ein Lesezeichen an einer bestimmten Stelle in diesem Dokument ein.","Provide an overview of your document by adding a table of contents.":"Geben Sie einen Überblick über Ihr Dokument, indem Sie ein Inhaltsverzeichnis hinzufügen.","Add or edit the header.":"Fügen Sie den Header hinzu oder bearbeiten Sie ihn.","Add or edit the footer.":"Fügen Sie die Fußzeile hinzu oder bearbeiten Sie sie.","Open the page setup dialog.":"Öffnen Sie das Dialogfeld für das Seiteneinrichten.","Add page numbers.":"Fügen Sie Seitenzahlen hinzu.","Find text in the document (Ctrl+F).":"Suchen von Text im Dokument (Strg+F).","Toggle between the internal clipboard and system clipboard":"Das Umschalten zwischen der internen Zwischenablage und der System-Zwischenablage.Der Zugriff auf die System-Zwischenablage über skripts wird aufgrund der Sicherheitsrichtlinie des Browsers verweigert. Stattdessen 1. Sie können die interne Zwischenablage zum Ausschneiden, Kopieren und Einfügen innerhalb der Komponente aktivieren. 2. Sie können die Tastenkombinationen (Strg+X, Strg+C und Strg+V) zum Ausschneiden, Kopieren und Einfügen mit der System-Zwischenablage verwenden.","Restrict editing.":"Beschränken Sie die Bearbeitung.","The current page number in the document. Click or tap to navigate specific page.":"Die aktuelle Seitenzahl im Dokument. Klicken oder tippen Sie, um auf einer bestimmten Seite zu navigieren.","Read only":"Nur lesen","Protections":"Schutz","Error in establishing connection with web server":"Fehler beim Herstellen einer Verbindung mit dem Webserver","Single":"Einzelnen","Double":"Doppel","New comment":"Neuer Kommentar","Comments":"Kommentare"},"filemanager":{"NewFolder":"Neuer Ordner","Upload":"Hochladen","Delete":"Löschen","Rename":"Umbenennen","Download":"Herunterladen","Cut":"Schnitt","Copy":"Kopieren","Paste":"Einfügen","SortBy":"Sortiere nach","Refresh":"Aktualisierung","Item-Selection":"Artikel ausgewählt","Items-Selection":"Elemente ausgewählt","View":"Aussicht","Details":"Einzelheiten","SelectAll":"Wählen Sie Alle","Open":"Öffnen","Tooltip-NewFolder":"Neuer Ordner","Tooltip-Upload":"Hochladen","Tooltip-Delete":"Löschen","Tooltip-Rename":"Umbenennen","Tooltip-Download":"Herunterladen","Tooltip-Cut":"Schnitt","Tooltip-Copy":"Kopieren","Tooltip-Paste":"Einfügen","Tooltip-SortBy":"Sortiere nach","Tooltip-Refresh":"Aktualisierung","Tooltip-Selection":"Auswahl aufheben","Tooltip-View":"Aussicht","Tooltip-Details":"Einzelheiten","Tooltip-SelectAll":"Wählen Sie Alle","Name":"Name","Size":"Größe","DateModified":"Geändert","DateCreated":"Datum erstellt","Path":"Pfad","Modified":"Geändert","Created":"Erstellt","Location":"Ort","Type":"Art","Permission":"Genehmigung","Ascending":"Aufsteigend","Descending":"Absteigend","View-LargeIcons":"Große Icons","View-Details":"Einzelheiten","Search":"Suche","Button-Ok":"OK","Button-Cancel":"Stornieren","Button-Yes":"Ja","Button-No":"Nein","Button-Create":"Erstellen","Button-Save":"Sparen","Header-NewFolder":"Mappe","Content-NewFolder":"Geben Sie Ihren Ordnernamen ein","Header-Rename":"Umbenennen","Content-Rename":"Geben Sie Ihren neuen Namen ein","Header-Rename-Confirmation":"Bestätigung umbenennen","Content-Rename-Confirmation":"Wenn Sie eine Dateinamenerweiterung ändern, wird die Datei möglicherweise instabil. Möchten Sie sie wirklich ändern?","Header-Delete":"Datei löschen","Content-Delete":"Möchten Sie diese Datei wirklich löschen?","Header-Multiple-Delete":"Mehrere Dateien löschen","Content-Multiple-Delete":"Möchten Sie diese {0} Dateien wirklich löschen?","Header-Duplicate":"Datei / Ordner existiert","Content-Duplicate":"{0} existiert bereits. Möchten Sie umbenennen und einfügen?","Header-Upload":"Daten hochladen","Error":"Error","Validation-Empty":"Der Datei - oder Ordnername darf nicht leer sein.","Validation-Invalid":"Der Datei- oder Ordnername {0} enthält ungültige Zeichen. Bitte verwenden Sie einen anderen Namen. Gültige Datei- oder Ordnernamen dürfen nicht mit einem Punkt oder Leerzeichen enden und keines der folgenden Zeichen enthalten: \\ /: *? \" < > | ","Validation-NewFolder-Exists":"Eine Datei oder ein Ordner mit dem Namen {0} existiert bereits.","Validation-Rename-Exists":"{0} kann nicht in {1} umbenannt werden: Ziel existiert bereits.","Folder-Empty":"Dieser Ordner ist leer","File-Upload":"Dateien zum Hochladen hierher ziehen","Search-Empty":"Keine Ergebnisse gefunden","Search-Key":"Versuchen Sie es mit anderen Stichwörtern","Sub-Folder-Error":"Der Zielordner ist der Unterordner des Quellordners.","Access-Denied":"Zugriff verweigert","Access-Details":"Sie haben keine Berechtigung, auf diesen Ordner zuzugreifen.","Header-Retry":"Die Datei existiert bereits","Content-Retry":"In diesem Ordner ist bereits eine Datei mit diesem Namen vorhanden. Was möchten Sie tun?","Button-Keep-Both":"Behalte beides","Button-Replace":"Ersetzen","Button-Skip":"Überspringen","ApplyAll-Label":"Mache das für alle aktuellen Artikel"},"gantt":{"emptyRecord":"Keine Datensätze zum Anzeigen","id":"ICH WÜRDE","name":"Name","startDate":"Anfangsdatum","endDate":"Endtermin","duration":"Dauer","progress":"Fortschritt","dependency":"Abhängigkeit","notes":"Anmerkungen","excelExport":"Excel-export","csvExport":"CSV-export","baselineStartDate":"Basisstartdatum","baselineEndDate":"Baseline-Enddatum","type":"Art","offset":"Offset","resourceName":"Ressourcen","resourceID":"Ressourcen-ID","day":"Tag","hour":"Stunde","minute":"Minute","days":"Tage","hours":"Std","minutes":"Protokoll","generalTab":"Allgemeines","customTab":"Benutzerdefinierte Spalten","writeNotes":"Notizen schreiben","addDialogTitle":"Neue Aufgabe","editDialogTitle":"Aufgabeninformationen","saveButton":"sparen","add":"Hinzufügen","edit":"Bearbeiten","update":"Aktualisieren","delete":"Löschen","cancel":"Stornieren","search":"Suche","addTask":"Aufgabe hinzufügen","editTask":"Aufgabe bearbeiten","deleteTask":"Aufgabe löschen","expandAllTasks":"Erweitern Sie Alle Aufgaben","collapseAllTasks":"Alle Aufgaben reduzieren","expandAll":"Alle erweitern","collapseAll":"Alles schließen","nextTimeSpan":"Nächste Zeitspanne","prevTimeSpan":"Vorherige Zeitspanne","okText":"OK","confirmDelete":"Möchten Sie den Datensatz wirklich löschen?","from":"Von","to":"Zu","taskLink":"Task-Link","lag":"Verzögerung","start":"Start","finish":"Fertig","enterValue":"Geben Sie den Wert ein","taskBeforePredecessor_FS":"Sie haben '{0}' verschoben, um vor dem Ende von '{1}' zu beginnen, und die beiden Aufgaben sind miteinander verknüpft. Infolgedessen können die Links nicht beachtet werden. Wählen Sie unten eine Aktion aus, die ausgeführt werden soll","taskAfterPredecessor_FS":"Sie haben '{0}' von '{1}' entfernt und die beiden Aufgaben sind miteinander verknüpft. Infolgedessen können die Links nicht beachtet werden. Wählen Sie unten eine Aktion aus, die ausgeführt werden soll","taskBeforePredecessor_SS":"Sie haben '{0}' verschoben, um vor dem Start von '{1}' zu beginnen, und die beiden Aufgaben sind miteinander verknüpft. Infolgedessen können die Links nicht beachtet werden. Wählen Sie unten eine Aktion aus, die ausgeführt werden soll","taskAfterPredecessor_SS":"Sie haben '{0}' verschoben, um nach dem Start von '{1}' zu beginnen, und die beiden Aufgaben sind miteinander verknüpft. Infolgedessen können die Links nicht beachtet werden. Wählen Sie unten eine Aktion aus, die ausgeführt werden soll","taskBeforePredecessor_FF":"Sie haben '{0}' verschoben, um den Vorgang zu beenden, bevor '{1}' abgeschlossen ist, und die beiden Aufgaben sind miteinander verknüpft. Infolgedessen können die Links nicht beachtet werden. Wählen Sie unten eine Aktion aus, die ausgeführt werden soll","taskAfterPredecessor_FF":"Sie haben \"{0}\" nach \"{1}\" verschoben und die beiden Aufgaben sind miteinander verknüpft. Infolgedessen können die Links nicht beachtet werden. Wählen Sie unten eine Aktion aus, die ausgeführt werden soll","taskBeforePredecessor_SF":"Sie haben \"{0}\" von \"{1}\" zum Start verschoben und die beiden Aufgaben sind miteinander verknüpft. Infolgedessen können die Links nicht beachtet werden. Wählen Sie unten eine Aktion aus, die ausgeführt werden soll","taskAfterPredecessor_SF":"Sie haben '{0}' nach dem Start von '{1}' verschoben und die beiden Aufgaben sind miteinander verbunden. Infolgedessen können die Links nicht beachtet werden. Wählen Sie unten eine Aktion aus, die ausgeführt werden soll","taskInformation":"Aufgabeninformationen","deleteDependency":"Abhängigkeit löschen","convert":"Konvertieren","save":"sparen","above":"Über","below":"Unten","child":"Kind","milestone":"Meilenstein","toTask":"Zur Aufgabe","toMilestone":"Zum Meilenstein","eventMarkers":"Ereignismarker","leftTaskLabel":"Linke Aufgabenbezeichnung","rightTaskLabel":"Richtige Aufgabenbezeichnung","timelineCell":"Timeline-Zelle"},"grid":{"EmptyRecord":"Keine Datensätze zur Anzeige","True":"wahr","False":"falsch","InvalidFilterMessage":"Ungültige Filterdaten","GroupDropArea":"Ziehen Sie hier eine Spaltenüberschrift, um ihre Spalte zu gruppieren","UnGroup":"Klicken Sie hier, um die Gruppierung aufzuheben","GroupDisable":"Die Gruppierung ist für diese Spalte deaktiviert","FilterbarTitle":"Filterstabzelle","EmptyDataSourceError":"DataSource darf beim erstmaligen Laden nicht leer sein, da Spalten aus dataSource in AutoGenerate Column Grid generiert werden","Add":"Hinzufügen","Edit":"Bearbeiten","Cancel":"Stornieren","Update":"Aktualisieren","Delete":"Löschen","Print":"Drucken","Pdfexport":"PDF-Export","Excelexport":"Excel-Export","Wordexport":"Word-Export","Csvexport":"CSV-Export","Search":"Suche","Columnchooser":"Säulen","Save":"sparen","Item":"Artikel","Items":"Artikel","EditOperationAlert":"Für den Bearbeitungsvorgang wurden keine Datensätze ausgewählt","DeleteOperationAlert":"Für den Löschvorgang wurden keine Datensätze ausgewählt","SaveButton":"sparen","OKButton":"OK","CancelButton":"Stornieren","EditFormTitle":"Details von ","AddFormTitle":"Neuen Datensatz hinzufügen","BatchSaveConfirm":"Möchten Sie die Änderungen wirklich speichern?","BatchSaveLostChanges":"Nicht gespeicherte Änderungen gehen verloren. Bist du dir sicher, dass du weitermachen willst?","ConfirmDelete":"Möchten Sie den Datensatz wirklich löschen?","CancelEdit":"Möchten Sie die Änderungen wirklich abbrechen?","ChooseColumns":"Wählen Sie Spalte","SearchColumns":"Suchspalten","Matchs":"Keine Treffer gefunden","FilterButton":"Filter","ClearButton":"klar","StartsWith":"Beginnt mit","EndsWith":"Endet mit","Contains":"Enthält","Equal":"Gleich","NotEqual":"Nicht gleich","LessThan":"Weniger als","LessThanOrEqual":"Weniger als oder gleich","GreaterThan":"Größer als","GreaterThanOrEqual":"Größer als oder gleich","ChooseDate":"Wählen Sie ein Datum","EnterValue":"Geben Sie den Wert ein","Copy":"Kopieren","Group":"Nach dieser Spalte gruppieren","Ungroup":"Gruppierung durch diese Spalte aufheben","autoFitAll":"Auto Fit für alle Spalten","autoFit":"Passen Sie diese Spalte automatisch an","Export":"Export","FirstPage":"Erste Seite","LastPage":"Letzte Seite","PreviousPage":"Vorherige Seite","NextPage":"Nächste Seite","SortAscending":"Aufsteigend sortieren","SortDescending":"Absteigend sortieren","EditRecord":"Datensatz bearbeiten","DeleteRecord":"Aufzeichnung löschen","FilterMenu":"Filter"},"checkboxFilter":{"Search":"Suche","OK":"OK","Cancel":"stornieren","Filter":"Filter","Clear":"klar","SelectAll":"Wählen Sie Alle","Blanks":"Rohlinge","True":"Wahr","False":"Falsch","NoResult":"Keine Treffer gefunden"},"excelFilter":{"ClearFilter":"Filter löschen","NumberFilter":"Zahlenfilter","TextFilter":"Textfilter","DateFilter":"Datumsfilter","MatchCase":"Matchfall","Equal":"Gleich","NotEqual":"Nicht gleich","LessThan":"Weniger als","LessThanOrEqual":"Weniger als oder gleich","GreaterThan":"Größer als","GreaterThanOrEqual":"Größer als oder gleich","Between":"Zwischen","CustomFilter":"Benutzerdefinierte Filter","StartsWith":"Beginnt mit","EndsWith":"Endet mit","Contains":"Enthält","OK":"OK","Cancel":"Stornieren","CustomFilterPlaceHolder":"Geben Sie den Wert ein","CustomFilterDatePlaceHolder":"Wählen Sie ein Datum","AND":"UND","OR":"ODER","ShowRowsWhere":"Zeige Zeilen wo:"},"pager":{"currentPageInfo":"{0} von {1} Seiten","totalItemsInfo":"({0} Elemente)","firstPageTooltip":"Gehe zur ersten Seite","lastPageTooltip":"Gehe zur letzten Seite","nextPageTooltip":"Gehe zur nächsten Seite","previousPageTooltip":"Zurück zur letzten Seite","nextPagerTooltip":"Gehe zum nächsten Pager","previousPagerTooltip":"Gehe zum vorherigen Pager","pagerDropDown":"Objekte pro Seite"},"listbox":{"noRecordsTemplate":"Keine Aufzeichnungen gefunden","selectAllText":"Wählen Sie Alle","unSelectAllText":"alles wiederufen","moveUp":"Aufstieg","moveDown":"sich abwärts bewegen","moveTo":"ziehen nach","moveFrom":"bewegen sich von","moveAllTo":"verschiebe alles nach","moveAllFrom":"bewegen sich alle von"},"maps":{"ZoomIn":"Hineinzoomen","ZoomOut":"Rauszoomen","Zoom":"Zoomen","Pan":"Pfanne","Reset":"Zurücksetzen","ResetZoom":"Zoom Zurücksetzen"},"numerictextbox":{"incrementTitle":"Wert erhöhen","decrementTitle":"Dekrementwert"},"pivotview":{"all":"alles","multipleItems":"mehrere Artikel","Sum":"Summe","Count":"Anzahl","DistinctCount":"Distinct Count","Product":"Product","Avg":"Durchschn","Min":"Mindest","SampleVar":"Sample Var","PopulationVar":"Bevölkerung Var","RunningTotals":"Laufende Summen","Max":"Max","Index":"Index","SampleStDev":"Sample StDev","PopulationStDev":"Population StDev","PercentageOfRowTotal":"% of Row Total","PercentageOfParentTotal":"% of Parent Total","PercentageOfParentColumnTotal":"% of Parent Column Total","PercentageOfParentRowTotal":"% of Parent Row Total","DifferenceFrom":"Difference From","PercentageOfDifferenceFrom":"% of Difference From","PercentageOfGrandTotal":"% of Grand Total","PercentageOfColumnTotal":"% of Column Total","editorDataLimitMsg":"editorDataLimitMsg","mdxQuery":"MDX Query","qtr":"Qtr","null":"null","undefined":"nicht definiert","groupOutOfRange":"Out of Range","fieldDropErrorAction":"fieldDropErrorAction","MoreOption":"Mehr Option...","aggregate":"Aggregat","drillThrough":"durchbohren","ascending":"aufsteigend","descending":"absteigend","number":"Nummer","currency":"Währung","percentage":"Prozentsatz","formatType":"Format Type","customText":"Currency Symbol","symbolPosition":"Symbol Position","left":"links","right":"Recht","grouping":"Gruppierung","true":"wahr","false":"falsch","decimalPlaces":"Nachkommastellen","numberFormat":"Zahlenformat","memberType":"Field Type","formatString":"Format String","expressionField":"Expression","customFormat":"Enter custom format string","selectedHierarchy":"Parent Hierarchy","olapDropText":"olapDropText","Percent":"Prozent","Currency":"Währung","Custom":"Brauch","Measure":"Messen","Dimension":"Abmessungen","Standard":"Standard","blank":"leer","fieldTooltip":"fieldTooltip","QuarterYear":"Vierteljahr","fieldTitle":"Field Name","drillError":"drillError","grandTotal":"Gesamtsumme","total":"Insgesamt","value":"Wert","noValue":"Kein Wert","row":"Zeile","column":"Spalte","collapse":"Zusammenbruch","expand":"Erweitern","rowAxisPrompt":"Drop Reihe hier","columnAxisPrompt":"Drop column Hier","valueAxisPrompt":"Drop wert hier","filterAxisPrompt":"Drop Filter Hier","filter":"Filter","filtered":"Gefiltert","sort":"Sortieren","filters":"Filter","rows":"Zeilen","columns":"Spalten","values":"Werte","close":"Schließen","cancel":"Abbrechen","delete":"Löschen","calculatedField":"Berechnetes Feld","createCalculatedField":"Berechnetes Feld erstellen","fieldName":"Geben Sie den Feldnamen ein","error":"Fehler","invalidFormula":"Ungültige Formel.","dropText":"Beispiel: ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"Felder und Formel bearbeiten hier hinzufügen.","dropAction":"Berechnetes Feld nicht in jeder anderen Region außer Wert Achse sein.","alert":"Warnung","warning":"Warnung","ok":"OK","search":"Suche","drag":"Ziehen","remove":"Entfernen","sum":"Summe","average":"Durchschnitt","count":"Zählen","min":"Zählen","max":"Max","allFields":"Alle Felder","formula":"Formel","addToRow":"Auf Zeile hinzufügen","addToColumn":"Zu Spalte hinzufügen","addToValue":"Auf Wert hinzufügen","addToFilter":"Zu Filter hinzufügen","emptyData":"Keine Datensätze anzeigen","fieldExist":"Ein Feld existiert bereits in diesem Namen. Bitte geben Sie einen anderen Namen ein.","confirmText":"Ein Formelfeld existiert bereits in diesem Namen. Möchten Sie sie ersetzen?","format":"Zusammenfassungen von","edit":"Bearbeiten","clear":"Klar","noMatches":"Keine Treffer","formulaField":"Drag und Drop die Felder Formel","dragField":"Feld durch Ziehen in die Formel","clearFilter":"Klar","by":"durch","enterValue":"Wert eingeben","chooseDate":"Datum eingeben","Equals":"Gleich","DoesNotEquals":"Ist nicht gleich","BeginWith":"Beginnt mit","DoesNotBeginWith":"Beginnt nicht mit","EndsWith":"Endet mit","DoesNotEndsWith":"Nicht mit enden","Contains":"Enthält","DoesNotContains":"Beinhaltet nicht","GreaterThan":"Größer als","GreaterThanOrEqualTo":"Größer als oder gleich wie","LessThan":"Weniger als","LessThanOrEqualTo":"Gleich oder kleiner als","Between":"Zwischen","NotBetween":"Nicht zwischen","Before":"Vor","BeforeOrEqualTo":"Vor oder gleich","After":"Nach","AfterOrEqualTo":"Nach oder gleich","member":"Mitglied","label":"Etikette","date":"Datum","labelTextContent":"Zeigen Sie die Artikel, für die das Label","dateTextContent":"Zeigen Sie die Artikel an, für die das Datum gilt","valueTextContent":"Zeige die Gegenstände für welche","And":"und","NotEquals":"Nicht gleich","AllValues":"Alle Werte","conditionalFormating":"Bedingte Formatierung","apply":"Sich bewerben","condition":"Bedingung hinzufügen","formatLabel":"Format","valueFieldSettings":"Wertfeldeinstellungen","sourceName":"Feldname :","sourceCaption":"Feldbeschriftung:","summarizeValuesBy":"Werte zusammenfassen nach:","baseField":"Basisfeld:","baseItem":"Basisartikel:","example":"z.B :","details":"Einzelheiten","manageRecords":"Datensätze verwalten","Years":" Jahre","Quarters":"Viertel","Months":"Monate","Days":"Tage","Hours":"Std","Minutes":"Protokoll","Seconds":"Sekunden","save":"Einen Bericht speichern","new":"Erstellen Sie einen neuen Bericht","load":"Belastung","saveAs":"Speichern Sie als aktuellen Bericht","rename":"Benennen Sie einen aktuellen Bericht um","export":"Export","subTotals":"Zwischensummen","grandTotals":"Gesamtsummen","reportName":"Berichtsname:","pdf":"PDF","excel":"Excel","csv":"CSV","showSubTotals":"Zwischensummen anzeigen","doNotShowSubTotals":"Keine Zwischensummen anzeigen","showSubTotalsRowsOnly":"Nur Zwischensummenzeilen anzeigen","showSubTotalsColumnsOnly":"Nur Untersummenspalten anzeigen","showGrandTotals":"Gesamtsummen anzeigen","doNotShowGrandTotals":"Keine Summen anzeigen","showGrandTotalsRowsOnly":"Nur Summenzeilen anzeigen","showGrandTotalsColumnsOnly":"Nur Summenspalten anzeigen","fieldList":"Feldliste anzeigen","grid":"Tabelle anzeigen","toolbarFormatting":"Bedingte Formatierung","chart":"Diagramm","reportMsg":"Bitte geben Sie einen gültigen Berichtsnamen ein!!!","reportList":"Berichtsliste","removeConfirm":"Möchten Sie diesen Bericht wirklich löschen?","emptyReport":"Keine Berichte gefunden!!","bar":"Bar","line":"Linie","area":"Bereich","scatter":"Streuen","polar":"Polar","of":"von","emptyFormat":"Kein Format gefunden!!!","emptyInput":"Geben Sie einen Wert ein","newReportConfirm":"Möchten Sie Änderungen im Bericht speichern?","emptyReportName":"Geben Sie einen Berichtsnamen ein","caption":"Feldbeschriftung","copy":"Kopieren","defaultReport":"Standardbericht","customFormatString":"Benutzerdefiniertes Format","invalidFormat":"Ungültiges Format."},"pivotfieldlist":{"all":"alles","multipleItems":"mehrere Artikel","Sum":"Summe","Count":"Anzahl","DistinctCount":"Distinct Count","Product":"Product","Avg":"Durchschn","Min":"Mindest","SampleVar":"Sample Var","PopulationVar":"Bevölkerung Var","RunningTotals":"Laufende Summen","Max":"Max","Index":"Index","SampleStDev":"Sample StDev","PopulationStDev":"Population StDev","PercentageOfRowTotal":"% of Row Total","PercentageOfParentTotal":"% of Parent Total","PercentageOfParentColumnTotal":"% of Parent Column Total","PercentageOfParentRowTotal":"% of Parent Row Total","DifferenceFrom":"Difference From","PercentageOfDifferenceFrom":"% of Difference From","PercentageOfGrandTotal":"% of Grand Total","PercentageOfColumnTotal":"% of Column Total","Years":"Années","Quarters":"Trimestres","Months":"Mois","Days":"Journées","Hours":"Heures","Minutes":"Minutes","Seconds":"Secondes","apply":"appliquer","editorDataLimitMsg":"editorDataLimitMsg","null":"null","undefined":"nicht definiert","groupOutOfRange":"Out of Range","fieldDropErrorAction":"fieldDropErrorAction","MoreOption":"Mehr Option...","selectedHierarchy":"Parent Hierarchy","memberType":"Field Type","formatString":"Format String","expressionField":"Expression","customFormat":"Enter custom format string","olapDropText":"olapDropText","Percent":"Prozent","Currency":"Währung","Custom":"Brauch","Measure":"Messen","Dimension":"Abmessungen","Standard":"Standard","blank":"leer","fieldTooltip":"fieldTooltip","QuarterYear":"Vierteljahr","fieldTitle":"Field Name","staticFieldList":"Drehpunktfeld Liste","fieldList":"Feld Liste","dropRowPrompt":"Drop Reihe hier","dropColPrompt":"Drop column Hier","dropValPrompt":"Drop wert hier","dropFilterPrompt":"Drop Filter Hier","addPrompt":"Feld hinzufügen","adaptiveFieldHeader":"Feld auswählen","centerHeader":"Ziehen Sie die Felder zwischen den Bereichen unten:","add":"Hinzufügen","drag":"Ziehen","filter":"Filter","filtered":"Gefiltert","sort":"Sortieren","remove":"Entfernen","filters":"Filter","rows":"Zeilen","columns":"Spalten","values":"Werte","calculatedField":"Berechnetes Feld","createCalculatedField":"Berechnetes Feld erstellen","fieldName":"Geben Sie den Feldnamen ein","error":"Fehler","invalidFormula":"Ungültige Formel.","dropText":"Beispiel: ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"Felder und Formel bearbeiten hier hinzufügen.","dropAction":"Berechnetes Feld nicht in jeder anderen Region außer Wert Achse sein.","search":"Suche","close":"Schließen","cancel":"Abbrechen","delete":"Löschen","alert":"Warnung","warning":"Warnung","ok":"OK","sum":"Summe","average":"Durchschnitt","count":"Zählen","min":"Zählen","max":"Max","allFields":"Alle Felder","formula":"Formel","fieldExist":"Ein Feld existiert bereits in diesem Namen. Bitte geben Sie einen anderen Namen ein.","confirmText":"Ein Formelfeld existiert bereits in diesem Namen. Möchten Sie sie ersetzen?","format":"Zusammenfassungen von","edit":"Bearbeiten","clear":"Klar","noMatches":"Keine Treffer","formulaField":"Drag und Drop die Felder Formel","dragField":"Feld durch Ziehen in die Formel","clearFilter":"Klar","by":"durch","enterValue":"Wert eingeben","chooseDate":"Datum eingeben","Equals":"Gleich","DoesNotEquals":"Ist nicht gleich","BeginWith":"Beginnt mit","DoesNotBeginWith":"Beginnt nicht mit","EndsWith":"Endet mit","DoesNotEndsWith":"Nicht mit enden","Contains":"Enthält","DoesNotContains":"Beinhaltet nicht","GreaterThan":"Größer als","GreaterThanOrEqualTo":"Größer als oder gleich wie","LessThan":"Weniger als","LessThanOrEqualTo":"Gleich oder kleiner als","Between":"Zwischen","NotBetween":"Nicht zwischen","Before":"Vor","BeforeOrEqualTo":"Vor oder gleich","After":"Nach","AfterOrEqualTo":"Nach oder gleich","member":"Mitglied","label":"Etikette","date":"Datum","value":"Wert","labelTextContent":"Zeigen Sie die Artikel, für die das Label","dateTextContent":"Zeigen Sie die Artikel an, für die das Datum gilt","valueTextContent":"Zeige die Gegenstände für welche","And":"und","valueFieldSettings":"Wertfeldeinstellungen","sourceName":"Feldname :","sourceCaption":"Feldbeschriftung:","summarizeValuesBy":"Werte zusammenfassen nach:","baseField":"Basisfeld:","baseItem":"Basisartikel:","example":"z.B :","deferLayoutUpdate":"Verschieben Sie das Layout-Update","caption":"Feldbeschriftung","copy":"Kopieren"},"query-builder":{"AddGroup":"Gruppe hinzufügen","AddCondition":"Bedingung hinzufügen","DeleteRule":"Entfernen Sie diesen Zustand","DeleteGroup":"Gruppe löschen","Edit":"BEARBEITEN","SelectField":"Wählen Sie ein Feld aus","SelectOperator":"Operator auswählen","StartsWith":"Beginnt mit","EndsWith":"Endet mit","Contains":"Enthält","Equal":"Gleich","NotEqual":"Nicht gleich","LessThan":"Weniger als","LessThanOrEqual":"Weniger als oder gleich","GreaterThan":"Größer als","GreaterThanOrEqual":"Größer als oder gleich","Between":"Zwischen","NotBetween":"Nicht zwischen","In":"Im","NotIn":"Nicht in","Remove":"LÖSCHEN","ValidationMessage":"Dieses Feld wird benötigt","IsNull":"ist null","IsNotNull":"ist nicht null","IsEmpty":"ist leer","IsNotEmpty":"ist nicht leer","AND":"Und","OR":"Oder","NOT":"nicht","NotContains":"nicht enthält","NotStartsWith":"nicht anfangen mit","NotEndsWith":"nicht enden mit"},"schedule":{"day":"Tag","week":"Woche","workWeek":"Arbeitswoche","month":"Monat","agenda":"Agenda","weekAgenda":"Woche Agenda","workWeekAgenda":"Arbeitswoche Agenda","monthAgenda":"Monatsagenda","today":"Heute","noEvents":"Keine Ereignisse","emptyContainer":"An diesem Tag sind keine Veranstaltungen geplant.","allDay":"Den ganzen Tag","start":"Anfang","end":"Ende","more":"Mehr","close":"Schließen","cancel":"Stornieren","noTitle":"(Kein Titel)","delete":"Löschen","deleteEvent":"Ereignis löschen","deleteMultipleEvent":"Löschen Sie mehrere Ereignisse","selectedItems":"Artikel ausgewählt","deleteSeries":"Reihe löschen","edit":"Bearbeiten","editSeries":"Reihe bearbeiten","editEvent":"Veranstaltung bearbeiten","createEvent":"Erstellen","subject":"Gegenstand","addTitle":"Titel hinzufügen","moreDetails":"Mehr Details","save":"sparen","editContent":"Möchten Sie nur dieses Ereignis oder die gesamte Serie bearbeiten?","deleteRecurrenceContent":"Möchten Sie nur dieses Ereignis oder die ganze Serie löschen?","deleteContent":"Möchten Sie dieses Ereignis wirklich löschen?","deleteMultipleContent":"Möchten Sie die ausgewählten Ereignisse wirklich löschen?","newEvent":"Neues Event","title":"Titel","location":"Ort","description":"Beschreibung","timezone":"Zeitzone","startTimezone":"Startzeitzone","endTimezone":"Endzeitzone","repeat":"Wiederholen","saveButton":"sparen","cancelButton":"Stornieren","deleteButton":"Löschen","recurrence":"Wiederholung","wrongPattern":"Das Wiederholungsmuster ist nicht gültig.","seriesChangeAlert":"Die Änderungen, die an bestimmten Instanzen dieser Serie vorgenommen wurden, werden abgebrochen und diese Ereignisse werden wieder mit der Serie übereinstimmen.","createError":"Die Dauer des Ereignisses muss kürzer sein als die Häufigkeit des Ereignisses. Verkürzen Sie die Dauer oder ändern Sie das Wiederholungsmuster im Wiederholungsereignis-Editor.","recurrenceDateValidation":"Einige Monate haben weniger als das ausgewählte Datum. In diesen Monaten fällt das Vorkommen auf das letzte Datum des Monats.","sameDayAlert":"Zwei Vorkommen desselben Ereignisses können nicht am selben Tag auftreten.","editRecurrence":"Wiederholung bearbeiten","repeats":"Wiederholt","alert":"Aufmerksam","startEndError":"Das ausgewählte Enddatum liegt vor dem Startdatum.","invalidDateError":"Der eingegebene Datumswert ist ungültig.","ok":"OK","occurrence":"Auftreten","series":"Serie","previous":"Bisherige","next":"Nächster","timelineDay":"Timeline-Tag","timelineWeek":"Timeline Woche","timelineWorkWeek":"Timeline-Arbeitswoche","timelineMonth":"Timeline-Monat"},"recurrenceeditor":{"none":"Keiner","daily":"Täglich","weekly":"Wöchentlich","monthly":"Monatlich","month":"Monat","yearly":"Jährlich","never":"noch nie","until":"Bis","count":"Anzahl","first":"Zuerst","second":"Zweite","third":"Dritte","fourth":"Vierte","last":"Letzte","repeat":"Wiederholen","repeatEvery":"Wiederhole jeden","on":"Wiederhole weiter","end":"Ende","onDay":"Tag","days":"Tage","weeks":"Wochen","months":"Monate","years":"Jahre","every":"jeden","summaryTimes":"mal","summaryOn":"auf","summaryUntil":"bis","summaryRepeat":"Wiederholt","summaryDay":"Tage","summaryWeek":"Wochen","summaryMonth":"Monate","summaryYear":"Jahre"},"slider":{"incrementTitle":"ansteigen","decrementTitle":"verringern"},"spreadsheet":{"Cut":"Schneiden","Copy":"Kopieren","Paste":"Paste","PasteSpecial":"paste spezial","All":"Alles","Values":"Werte","Formats":"Formate","Font":"Schriftart","FontSize":"Schriftgröße","Bold":"Fett gedruckt","Italic":"Kursiv","Underline":"Unterstreichen","Strikethrough":"Durchgestrichen","TextColor":"Textfarbe","FillColor":"Füllfarbe","HorizontalAlignment":"Horizontale Ausrichtung","AlignLeft":"Linksbündig ausrichten","AlignCenter":"Center","AlignRight":"Rechtsbündig ausrichten","VerticalAlignment":"Vertikale Ausrichtung","AlignTop":"Oben ausrichten","AlignMiddle":"Mitte ausrichten","AlignBottom":"Unten ausrichten","InsertFunction":"Funktion einfügen","Insert":"Einfügen","Delete":"Löschen","Rename":"Umbenennen","Hide":"verbergen","Unhide":"Sichtbar machen","NameBox":"Namensfeld","ShowHeaders":"Kopfzeilen anzeigen","HideHeaders":"Header ausblenden","ShowGridLines":"Gitternetzlinien anzeigen","HideGridLines":"Gitternetzlinien ausblenden","AddSheet":"Blatt hinzufügen","ListAllSheets":"Alle Blätter auflisten","FullScreen":"Vollbild","CollapseToolbar":"Zusammenbruch symbolleiste","ExpandToolbar":"Erweitern Symbolleiste","CollapseFormulaBar":"Collapse Formelleiste","ExpandFormulaBar":"Expand Formelleiste","File":"Datei","Home":"Huis","Formulas":"Formeln","View":"Aussicht","New":"Neu","Open":"Öffnen","SaveAs":"Speichern als","ExcelXlsx":"Microsoft Excel","ExcelXls":"Microsoft Excel 97-2003","CSV":"Comma-separated values","FormulaBar":"Formelleiste","Ok":"OK","Close":"Schließen","Cancel":"Abbrechen","Apply":"Anwenden","MoreColors":"Mehr Farben","StandardColors":"Standard farben","General":"Allgemeines","Number":"Nummer","Currency":"Währung","Accounting":"Buchhaltung","ShortDate":"Kurzes Date","LongDate":"Langes Datum","Time":"Zeit","Percentage":"Prozentsatz","Fraction":"Fraktion","Scientific":"Wissenschaft","Text":"Text","NumberFormat":"Zahlenformat","MobileFormulaBarPlaceHolder":"Wert oder Formel eingeben","PasteAlert":"Sie können dies hier nicht einfügen, da der Kopierbereich und der Einfügebereich nicht dieselbe Größe haben. Bitte versuchen Sie es in einem anderen Bereich.","DestroyAlert":"Möchten Sie die aktuelle Arbeitsmappe wirklich löschen, ohne sie zu speichern, und eine neue Arbeitsmappe erstellen?","SheetRenameInvalidAlert":"Der Blattname enthält ein ungültiges Zeichen.","SheetRenameEmptyAlert":"Der Blattname darf nicht leer sein.","SheetRenameAlreadyExistsAlert":"Der Blattname ist bereits vorhanden. Bitte geben Sie einen anderen Namen ein.","DeleteSheetAlert":"Möchten Sie dieses Blatt wirklich löschen?","DeleteSingleLastSheetAlert":"Eine Arbeitsmappe muss mindestens ein sichtbares Arbeitsblatt enthalten.","PickACategory":"Wählen Sie eine Kategorie","Description":"Beschreibung","UnsupportedFile":"Nicht unterstützte Datei","InvalidUrl":"Ungültige URL","SUM":"Fügt eine Reihe von Zahlen und / oder Zellen hinzu.","SUMIF":"Fügt die Zellen basierend auf der angegebenen Bedingung hinzu.","SUMIFS":"Fügt die Zellen basierend auf den angegebenen Bedingungen hinzu.","ABS":"Gibt den Wert einer Zahl ohne Vorzeichen zurück.","RAND":"Gibt eine Zufallszahl zwischen 0 und 1 zurück.","RANDBETWEEN":"Gibt eine zufällige Ganzzahl basierend auf angegebenen Werten zurück.","FLOOR":"Rundet eine Zahl auf das nächste Vielfache eines bestimmten Faktors ab.","CEILING":"Rundet eine Zahl auf das nächste Vielfache eines bestimmten Faktors.","PRODUCT":"Multipliziert eine Reihe von Zahlen und / oder Zellen.","AVERAGE":"Berechnen Sie den Durchschnitt für die Reihe von Zahlen und / oder Zellen ohne Text.","AVERAGEIF":"Berechnet den Durchschnitt für die Zellen basierend auf der angegebenen Bedingung.","AVERAGEIFS":"Berechnet den Durchschnitt für die Zellen basierend auf den angegebenen Bedingungen.","AVERAGEA":"Berechnet den Durchschnitt für die Zellen, wobei WAHR als 1, text und FALSCH als 0 ausgewertet werden.","COUNT":"Zählt die Zellen, die numerische Werte in einem Bereich enthalten.","COUNTIF":"Zählt die Zellen basierend auf der angegebenen Bedingung.","COUNTIFS":"Zählt die Zellen basierend auf den angegebenen Bedingungen.","COUNTA":"Zählt die Zellen, die Werte in einem Bereich enthalten.","MIN":"Gibt die kleinste Anzahl der angegebenen Argumente zurück.","MAX":"Gibt die größte Anzahl der angegebenen Argumente zurück.","DATE":"Gibt das Datum basierend auf einem bestimmten Jahr, Monat und Tag zurück.","DAY":"Gibt den Tag ab dem angegebenen Datum zurück.","DAYS":"Gibt die Anzahl der Tage zwischen zwei Daten zurück.","IF":"Gibt einen Wert basierend auf dem angegebenen Ausdruck zurück.","IFS":"Gibt einen Wert zurück, der auf den angegebenen mehreren Ausdrücken basiert.","AND":"Gibt WAHR zurück, wenn alle Argumente WAHR sind, andernfalls wird FALSCH zurückgegeben.","OR":"Gibt WAHR zurück, wenn eines der Argumente WAHR ist, andernfalls wird FALSCH zurückgegeben.","IFERROR":"Gibt einen Wert zurück, wenn kein Fehler gefunden wurde. Andernfalls wird der angegebene Wert zurückgegeben.","CHOOSE":"Gibt einen Wert aus der Werteliste basierend auf der Indexnummer zurück.","INDEX":"Gibt einen Wert der Zelle in einem bestimmten Bereich basierend auf der Zeilen- und Spaltennummer zurück.","FIND":"Gibt die Position eines Strings innerhalb eines anderen Strings zurück, wobei die Groß- und Kleinschreibung beachtet wird.","CONCATENATE":"Kombiniert zwei oder mehr Zeichenfolgen.","CONCAT":"Verkettet eine Liste oder einen Bereich von Textzeichenfolgen.","SUBTOTAL":"Gibt die Zwischensumme für einen Bereich unter Verwendung der angegebenen Funktionsnummer zurück.","RADIANS":"Konvertiert Grad in Bogenmaß.","MATCH":"Gibt die relative Position eines angegebenen Wertes im angegebenen Bereich zurück.","DefineNameExists":"Dieser Name ist bereits vorhanden, versuchen Sie es mit einem anderen Namen.","CircularReference":"Wenn eine Formel auf einen oder mehrere Zirkelverweise verweist, kann dies zu einer falschen Berechnung führen."},"timepicker":{"placeholder":"Wählen Sie eine Uhrzeit aus"},"treegrid":{"EmptyRecord":"Keine Datensätze zur Anzeige","InvalidFilterMessage":"Ungültige Filterdaten","FilterbarTitle":"Filterstabzelle","EmptyDataSourceError":"DataSource darf beim erstmaligen Laden nicht leer sein, da Spalten aus dataSource in AutoGenerate Column TreeGrid generiert werden","Add":"Hinzufügen","Edit":"Bearbeiten","Cancel":"Stornieren","Update":"Aktualisieren","Delete":"Löschen","Print":"Drucken","Pdfexport":"PDF-Export","Excelexport":"Excel-Export","Wordexport":"Word-Export","Csvexport":"CSV-Export","Search":"Suche","Columnchooser":"Säulen","Save":"sparen","EditOperationAlert":"Für den Bearbeitungsvorgang wurden keine Datensätze ausgewählt","DeleteOperationAlert":"Für den Löschvorgang wurden keine Datensätze ausgewählt","SaveButton":"sparen","CancelButton":"Stornieren","EditFormTitle":"Details von ","AddFormTitle":"Neuen Datensatz hinzufügen","ConfirmDelete":"Möchten Sie den Datensatz wirklich löschen?","CancelEdit":"Möchten Sie die Änderungen wirklich abbrechen?","ChooseColumns":"Wählen Sie Spalte","SearchColumns":"Suchspalten","FilterButton":"Filter","ClearButton":"klar","StartsWith":"Beginnt mit","EndsWith":"Endet mit","Contains":"Enthält","Equal":"Gleich","NotEqual":"Nicht gleich","LessThan":"Weniger als","LessThanOrEqual":"Weniger als oder gleich","GreaterThan":"Größer als","GreaterThanOrEqual":"Größer als oder gleich","ChooseDate":"Wählen Sie ein Datum","EnterValue":"Geben Sie den Wert ein","autoFitAll":"Auto Fit für alle Spalten","autoFit":"Passen Sie diese Spalte automatisch an","Export":"Export","FirstPage":"Erste Seite","LastPage":"Letzte Seite","PreviousPage":"Vorherige Seite","NextPage":"Nächste Seite","SortAscending":"Aufsteigend sortieren","SortDescending":"Absteigend sortieren","EditRecord":"Datensatz bearbeiten","DeleteRecord":"Aufzeichnung löschen","FilterMenu":"Filter"},"uploader":{"invalidMinFileSize":"Bestandsgrootte is te klein!","invalidMaxFileSize":"Bestandsgrootte groter dan 28 MB","invalidFileType":"Bestandstype is niet toegestaan","Browse":"Blader","Clear":"Duidelijk","Upload":"Uploaden","dropFilesHint":"of zet hier bestanden neer","uploadFailedMessage":"Bestand kan niet worden geüpload","uploadSuccessMessage":"bestand succesvol geüpload","removedSuccessMessage":"Bestand met succes verwijderd","removedFailedMessage":"Die Datei konnte nicht entfernt werden","inProgress":"uploaden","readyToUploadMessage":"Klaar om te uploaden","remove":"Verwijderen","cancel":"Annuleer","delete":"Verwijder bestand","abort":"Abbrechen","pauseUpload":"Datei-Upload wurde angehalten","pause":"Pausieren","resume":"Fortsetzen","retry":"Wiederholen","fileUploadCancel":"Datei-Upload abgebrochen"}},"ar":{"dropdowns":{"noRecordsTemplate":"لا توجد سجلات","actionFailureTemplate":"أخفق الطلب","overflowCountTemplate":"..مور{كونت}$+","selectAllText":"إلغاء تحديد الكل","unSelectAllText":"اختر الكل"},"calendar":{"today":"اليوم"},"chart":{"ZoomIn":"زومٍي","ZoomOut":"ذوموت","Zoom":"زوم","Pan":"بان","Reset":"رست","ResetZoom":"رست زوم"},"colorpicker":{"Apply":"تطبيق","Cancel":"إلغاء","ModeSwitcher":"مفتاح كهربائي الوضع"},"datepicker":{"placeholder":"اختر تاريخا","today":"اليوم"},"daterangepicker":{"placeholder":"حدد نطاقا","startLabel":"تاريخ البدء","endLabel":"تاريخ الانتهاء","applyText":"تطبيق","cancelText":"إلغاء","selectedDays":"الأيام المحددة","days":"أيام","customRange":"نطاق مخصص"},"datetimepicker":{"placeholder":"حدد التاريخ والوقت","today":"اليوم"},"diagram":{"Cut":"قطع","Copy":"نسخ","Paste":"معجون","Undo":"فك","Redo":"فعل ثانية","SelectAll":"اختر الكل","Grouping":"تجمع","Group":"مجموعة","UnGroup":"فك التجميع","Order":"طلب","BringToFront":"اجلب للمقدمة","MoveForward":"التحرك إلى الأمام","SendBackward":"إرسال إلى الخلف","SendToBack":"إرسال إلى الخلف"},"dialog":{"close":"أغلق"},"documenteditor":{"Table":"الجدول","Row":"الصف","Cell":"الخليه","Ok":"موافق","Cancel":"إلغاء الأمر","Size":"حجم","Preferred Width":"العرض المفضل","Points":"نقاط","Percent":"المائه","Measure in":"القياس في","Alignment":"محاذاه","Left":"اليسار","Center":"مركز","Right":"الحق","Justify":"تبرير","Indent from left":"مسافة بادئه من اليسار","Borders and Shading":"الحدود والتظليل","Options":"خيارات","Specify height":"تحديد الارتفاع","At least":"الاقل","Exactly":"تماما","Row height is":"ارتفاع الصف هو","Allow row to break across pages":"السماح للصف بالخروج عبر الصفحات","Repeat as header row at the top of each page":"تكرار كصف راس في اعلي كل صفحه","Vertical alignment":"محاذاة عموديه","Top":"أعلى","Bottom":"اسفل","Default cell margins":"هوامش الخلية الافتراضية","Default cell spacing":"تباعد الخلايا الافتراضي","Allow spacing between cells":"السماح بالتباعد بين الخلايا","Cell margins":"هوامش الخلية","Same as the whole table":"نفس الجدول بأكمله","Borders":"الحدود","None":"اي","Style":"نمط","Width":"عرض","Height":"ارتفاع","Letter":"رساله","Tabloid":"التابلويد","Legal":"القانونيه","Statement":"بيان","Executive":"التنفيذي","A3":"A3","A4":"A4","A5":"A5","B4":"B4","B5":"B5","Custom Size":"حجم مخصص","Different odd and even":"مختلفه غريبه وحتى","Different first page":"صفحه اولي مختلفه","From edge":"من الحافة","Header":"راس","Footer":"تذييل الصفحه","Margin":"الهوامش","Paper":"الورق","Layout":"تخطيط","Orientation":"التوجه","Landscape":"المناظر الطبيعيه","Portrait":"صوره","Show page numbers":"إظهار أرقام الصفحات","Right align page numbers":"محاذاة أرقام الصفحات إلى اليمين","Nothing":"شيء","Tab leader":"قائد علامة التبويب","Show levels":"إظهار المستويات","Use hyperlinks instead of page numbers":"استخدام الارتباطات التشعبية بدلا من أرقام الصفحات","Build table of contents from":"إنشاء جدول محتويات من","Styles":"انماط","Available styles":"الأنماط المتاحة","TOC level":"مستوي جدول المحتويات","Heading":"عنوان","Heading 1":"العنوان 1","Heading 2":"العنوان 2","Heading 3":"العنوان 3","Heading 4":"العنوان 4","Heading 5":"العنوان 5","Heading 6":"العنوان 6","List Paragraph":"قائمه الفقرة","Normal":"العاديه","Outline levels":"مستويات المخطط التفصيلي","Table entry fields":"حقول إدخال الجدول","Modify":"تعديل","Color":"لون","Setting":"اعداد","Box":"مربع","All":"جميع","Custom":"المخصصه","Preview":"معاينه","Shading":"التظليل","Fill":"ملء","Apply To":"تنطبق علي","Table Properties":"خصائص الجدول","Cell Options":"خيارات الخلية","Table Options":"خيارات الجدول","Insert Table":"ادراج جدول","Number of columns":"عدد الاعمده","Number of rows":"عدد الصفوف","Text to display":"النص الذي سيتم عرضه","Address":"عنوان","Insert Hyperlink":"ادراج ارتباط تشعبي","Edit Hyperlink":"تحرير ارتباط تشعبي","Insert":"ادراج","General":"العامه","Indentation":"المسافه البادئه","Before text":"قبل النص","Special":"الخاصه","First line":"السطر الأول","Hanging":"معلقه","After text":"بعد النص","By":"من قبل","Before":"قبل","Line Spacing":"تباعد الأسطر","After":"بعد","At":"في","Multiple":"متعدده","Spacing":"تباعد","Define new Multilevel list":"تعريف قائمه متعددة الاصعده جديده","List level":"مستوي القائمة","Choose level to modify":"اختيار مستوي لتعديل","Level":"مستوي","Number format":"تنسيق الأرقام","Number style for this level":"نمط الرقم لهذا المستوي","Enter formatting for number":"إدخال تنسيق لرقم","Start at":"أبدا في","Restart list after":"أعاده تشغيل القائمة بعد","Position":"موقف","Text indent at":"المسافة البادئة للنص في","Aligned at":"محاذاة في","Follow number with":"اتبع الرقم مع","Tab character":"حرف علامة التبويب","Space":"الفضاء","Arabic":"العربية","UpRoman":"UpRoman","LowRoman":"لورومان","UpLetter":"الوصلة الصاعدة","LowLetter":"الحرف المنخفض","Number":"عدد","Leading zero":"الصفر الرئيسي","Bullet":"رصاصه","Ordinal":"الترتيبيه","Ordinal Text":"النص الترتيبي","For East":"للشرق","No Restart":"لا أعاده تشغيل","Font":"الخط","Font style":"نمط الخط","Underline style":"نمط التسطير","Font color":"لون الخط","Effects":"الاثار","Strikethrough":"يتوسطه","Superscript":"مرتفع","Subscript":"منخفض","Double strikethrough":"يتوسطه خط مزدوج","Regular":"العاديه","Bold":"جريئه","Italic":"مائل","Cut":"قطع","Copy":"نسخ","Paste":"لصق","Hyperlink":"الارتباط التشعبي","Open Hyperlink":"فتح ارتباط تشعبي","Copy Hyperlink":"نسخ ارتباط تشعبي","Remove Hyperlink":"أزاله ارتباط تشعبي","Paragraph":"الفقره","Linked(Paragraph and Character)":"مرتبط (فقره وحرف)","Character":"حرف","Merge Cells":"دمج الخلايا","Insert Above":"ادراج أعلاه","Insert Below":"تدرج أدناه","Insert Left":"ادراج إلى اليسار","Insert Right":"ادراج اليمين","Delete":"حذف","Delete Table":"حذف جدول","Delete Row":"حذف الصف","Delete Column":"حذف العمود","File Name":"اسم الملف","Format Type":"نوع التنسيق","Save":"حفظ","Navigation":"التنقل","Results":"نتائج","Replace":"استبدال","Replace All":"استبدال الكل","We replaced all":"لقد استبدلنا جميع","Find":"العثور","No matches":"لا توجد تطابقات","All Done":"جميع الإنجازات","Result":"نتيجه","of":"من","instances":"الحالات","with":"مع","Click to follow link":"انقر لمتابعه الرابط","Continue Numbering":"متابعه الترقيم","Bookmark name":"اسم الاشاره المرجعية","Close":"اغلاق","Restart At":"أعاده التشغيل في","Properties":"خصائص","Name":"اسم","Style type":"نوع النمط","Style based on":"نمط يستند إلى","Style for following paragraph":"نمط للفقرة التالية","Formatting":"التنسيق","Numbering and Bullets":"الترقيم والتعداد النقطي","Numbering":"ترقيم","Update Field":"حقل التحديث","Edit Field":"تحرير الحقل","Bookmark":"الاشاره المرجعيه","Page Setup":"اعداد الصفحة","No bookmarks found":"لم يتم العثور علي إشارات مرجعيه","Number format tooltip information":"تنسيق الرقم علي مستوي واحد: [البادئة]% [LEVELNUMBER] [اللاحقة] علي سبيل المثال ، سيعرض ' الفصل %1 ' ترقيما مثل الفصل 1. البند الفصل 2. البند ... الفصل نون-البند تنسيق عدد متعدد الاصعده: [بادئه]% [LEVELNUMBER] [لاحقه] + [بادئه]% [LEVELNUMBER] [لاحقه] علي سبيل المثال ، '%1.2. ' سيتم عرض ترقيم مثل 1.1. البند 1.2. البند ... 1. N. البند","Format":"تنسيق","Create New Style":"إنشاء نمط جديد","Modify Style":"تعديل النمط","New":"الجديد","Bullets":"الرصاص","Use bookmarks":"استخدام الإشارات المرجعية","Table of Contents":"جدول المحتويات","AutoFit":"الاحتواء","AutoFit to Contents":"احتواء تلقائي للمحتويات","AutoFit to Window":"احتواء تلقائي إلى اطار","Fixed Column Width":"عرض عمود ثابت","Reset":"اعاده تعيين","Match case":"حاله المباراة","Whole words":"كلمات كامله","Add":"اضافه","Go To":"الانتقال إلى","Search for":"ابحث عن","Replace with":"استبدال ب","TOC 1":"جدول المحتويات 1","TOC 2":"جدول المحتويات 2","TOC 3":"جدول المحتويات 3","TOC 4":"جدول المحتويات 4","TOC 5":"جدول المحتويات 5","TOC 6":"جدول المحتويات 6","TOC 7":"جدول المحتويات 7","TOC 8":"جدول المحتويات 8","TOC 9":"جدول المحتويات 9","Right-to-left":"من اليمين إلى اليسار","Left-to-right":"من اليسار إلى اليمين","Direction":"الاتجاه","Table direction":"اتجاه الجدول","Indent from right":"مسافة بادئه من اليمين","Don't add space between the paragraphs of the same styles":"عدم أضافه مسافة بين فقرات نفس الأنماط","The password don't match":"كلمه المرور لا تتطابق","Restrict Editing":"تقييد التحرير","Formatting restrictions":"قيود التنسيق","Allow formatting":"السماح بالتنسيق","Editing restrictions":"قيود التحرير","Read only":"للقراءة فقط","Exceptions (optional)":"الاستثناءات (اختياري)","Select parts of the document and choose users who are allowed to freely edit them.":"حدد أجزاء من المستند واختر المستخدمين المسموح لهم بتحريرها بحريه.","Everyone":"الجميع","More users":"المزيد من المستخدمين","Add Users":"أضافه مستخدمين","Yes, Start Enforcing Protection":"نعم ، أبدا بفرض الحماية","Start Enforcing Protection":"بدء فرض الحماية","Enter User":"ادخل المستخدم","Users":"المستخدمين","Enter new password":"ادخل كلمه مرور جديده","Reenter new password to confirm":"أعد إدخال كلمه مرور جديده للتاكيد","Your permissions":"الأذونات الخاصة بك","This document is protected from unintentional editing.You may edit in this region.":"هذا المستند محمي من التحرير غير المقصود . يمكنك التحرير في هذه المنطقة.","You may format text only with certain styles.":"يمكنك تنسيق النص فقط مع أنماط معينه.","Stop Protection":"إيقاف الحماية","Password":"كلمه المرور","Spelling Editor":"محرر الإملاء","Spelling":"الاملائي","Spell Check":"التدقيق الإملائي","Underline errors":"أخطاء التسطير","Ignore":"تجاهل","Ignore all":"تجاهل الكل","Add to Dictionary":"أضافه إلى القاموس","Change":"تغيير","Change All":"تغيير الكل","Suggestions":"اقتراحات","The password is incorrect":"كلمه المرور غير صحيحه","Error in establishing connection with web server":"خطا في تاسيس اتصال مع ملقم ويب","Highlight the regions I can edit":"تسليط الضوء علي المناطق يمكنني تحرير","Show All Regions I Can Edit":"إظهار كل المناطق التي يمكنني تحريرها","Find Next Region I Can Edit":"اعثر علي المنطقة التالية التي يمكنني تحريرها","Keep source formatting":"الاحتفاظ بتنسيق المصدر","Match destination formatting":"مطابقه تنسيق الوجهة","Text only":"النص فقط","Comments":"تعليقات","Type your comment":"اكتب تعليقك","Post":"وظيفه","Reply":"الرد","New Comment":"تعليق جديد","Edit":"تحرير","Resolve":"حل","Reopen":"فتح","No comments in this document":"لا توجد تعليقات في هذا المستند","more":"اكثر","Type your comment hear":"اكتب تعليقك الاستماع","Next Comment":"التعليق التالي","Previous Comment":"التعليق السابق","Un-posted comments":"Un-نشر التعليقات","Added comments not posted. If you continue, that comment will be discarded.":"لم يتم نشر التعليقات المضافة. إذا قمت بالمتابعة ، سيتم تجاهل هذا التعليق."},"documenteditorcontainer":{"New":"الجديد","Open":"فتح","Undo":"التراجع عن","Redo":"اعاده","Image":"الصوره","Table":"الجدول","Link":"الارتباط","Bookmark":"الاشاره المرجعيه","Table of Contents":"جدول المحتويات","HEADING - - - - 1":"العنوان----1","HEADING - - - - 2":"العنوان----2","HEADING - - - - 3":"العنوان----3","Header":"راس","Footer":"تذييل الصفحه","Page Setup":"اعداد الصفحة","Page Number":"رقم الصفحة","Break":"كسر","Find":"العثور","Local Clipboard":"الحافظة المحلية","Restrict Editing":"تقييد التحرير","Upload from computer":"التحميل من الكمبيوتر","By URL":"حسب عنوان URL","Page Break":"فاصل الصفحات","Section Break":"فاصل المقطع","Header & Footer":"راس & تذييل","Options":"خيارات","Levels":"مستويات","Different First Page":"الصفحة الاولي المختلفة","Different header and footer for odd and even pages.":"راس وتذييل مختلف للصفحات الفردية والزوجية.","Different Odd & Even Pages":"مختلف الفردية & حتى صفحات","Different header and footer for first page.":"راس وتذييل الصفحة المختلفة للصفحة الاولي.","Position":"موقف","Header from Top":"راس من الأعلى","Footer from Bottom":"تذييل من الأسفل","Distance from top of the page to top of the header.":"المسافة من اعلي الصفحة إلى اعلي الراس.","Distance from bottom of the page to bottom of the footer.":"المسافة من أسفل الصفحة إلى أسفل التذييل.","Aspect ratio":"نسبه العرض إلى الارتفاع","W":"ث","H":"ح","Width":"عرض","Height":"ارتفاع","Text":"النص","Paragraph":"الفقره","Fill":"ملء","Fill color":"لون التعبئة","Border Style":"نمط الحدود","Outside borders":"خارج الحدود","All borders":"جميع الحدود","Inside borders":"داخل الحدود","Left border":"الحد الأيسر","Inside vertical border":"داخل الحدود العمودية","Right border":"الحدود اليمني","Top border":"الحد العلوي","Inside horizontal border":"داخل الحدود الافقيه","Bottom border":"الحد السفلي","Border color":"لون الحدود","Border width":"عرض الحدود","Cell":"الخليه","Merge cells":"دمج الخلايا","Insert / Delete":"ادراج/حذف","Insert columns to the left":"ادراج أعمده إلى اليسار","Insert columns to the right":"ادراج أعمده إلى اليمين","Insert rows above":"ادراج صفوف أعلاه","Insert rows below":"ادراج صفوف أدناه","Delete rows":"حذف الصفوف","Delete columns":"حذف الاعمده","Cell Margin":"هامش الخلية","Top":"أعلى","Bottom":"اسفل","Left":"اليسار","Right":"الحق","Align Text":"محاذاة النص","Align top":"محاذاة لاعلي","Align bottom":"محاذاة إلى الأسفل","Align center":"محاذاة المركز","Number of heading or outline levels to be shown in table of contents.":"عدد مستويات العنوان أو المخطط التفصيلي التي ستظهر في جدول المحتويات.","Show page numbers":"إظهار أرقام الصفحات","Show page numbers in table of contents.":"إظهار أرقام الصفحات في جدول المحتويات.","Right align page numbers":"محاذاة أرقام الصفحات إلى اليمين","Right align page numbers in table of contents.":"محاذاة أرقام الصفحات إلى اليمين في جدول المحتويات.","Use hyperlinks":"استخدام الارتباطات التشعبية","Use hyperlinks instead of page numbers.":"استخدام الارتباطات التشعبية بدلا من أرقام الصفحات.","Font":"الخط","Font Size":"حجم الخط","Font color":"لون الخط","Text highlight color":"لون تمييز النص","Clear all formatting":"مسح كافة التنسيقات","Bold (Ctrl+B)":"غامق (Ctrl + B)","Italic (Ctrl+I)":"مائل (Ctrl + I)","Underline (Ctrl+U)":"تسطير (Ctrl + U)","Strikethrough":"يتوسطه","Superscript (Ctrl+Shift++)":"مرتفع (Ctrl + Shift + +)","Subscript (Ctrl+=)":"منخفض (Ctrl + =)","Align left (Ctrl+L)":"محاذاة إلى اليسار (Ctrl + L)","Center (Ctrl+E)":"المركز (Ctrl + E)","Align right (Ctrl+R)":"محاذاة إلى اليمين (Ctrl + R)","Justify (Ctrl+J)":"ضبط (Ctrl + J)","Decrease indent":"إنقاص المسافة البادئة","Increase indent":"زيادة المسافة البادئة","Line spacing":"تباعد الأسطر","Bullets":"الرصاص","Numbering":"ترقيم","Styles":"انماط","Manage Styles":"أداره الأنماط","Page":"صفحه","of":"من","Fit one page":"احتواء صفحه واحده","Spell Check":"التدقيق الإملائي","Underline errors":"أخطاء التسطير","Fit page width":"احتواء عرض الصفحة","Update":"تحديث","Cancel":"إلغاء الأمر","Insert":"ادراج","No Border":"بلا حدود","Create a new document.":"إنشاء مستند جديد.","Open a document.":"افتح مستندا.","Undo the last operation (Ctrl+Z).":"التراجع عن العملية الاخيره (Ctrl + Z).","Redo the last operation (Ctrl+Y).":"أعاده العملية الاخيره (Ctrl + Y).","Insert inline picture from a file.":"ادراج صوره مضمنه من ملف.","Insert a table into the document":"ادراج جدول في المستند","Create a link in your document for quick access to web pages and files (Ctrl+K).":"إنشاء ارتباط في المستند للوصول السريع إلى صفحات الويب والملفات (Ctrl + K).","Insert a bookmark in a specific place in this document.":"ادراج اشاره مرجعيه في مكان محدد في هذا المستند.","Provide an overview of your document by adding a table of contents.":"توفير نظره عامه حول المستند عن طريق أضافه جدول محتويات.","Add or edit the header.":"أضافه الراس أو تحريره.","Add or edit the footer.":"أضافه تذييل الصفحة أو تحريره.","Open the page setup dialog.":"افتح مربع حوار اعداد الصفحة.","Add page numbers.":"أضافه أرقام الصفحات.","Find text in the document (Ctrl+F).":"البحث عن نص في المستند (Ctrl + F).","Toggle between the internal clipboard and system clipboard":"التبديل بين الحافظة الداخلية وحافظه النظام. تم رفض الوصول إلى حافظه النظام من خلال البرنامج النصي بسبب نهج أمان المستعرضات. بدلا من ذلك ، 1. يمكنك تمكين الحافظة الداخلية للقطع والنسخ واللصق داخل المكون. 2. يمكنك استخدام اختصارات لوحه المفاتيح (Ctrl + X و Ctrl + C و Ctrl + V) للقطع والنسخ واللصق مع حافظه النظام.","Restrict editing.":"تقييد التحرير.","The current page number in the document. Click or tap to navigate specific page.":"رقم الصفحة الحالي في المستند. انقر أو اضغط للانتقال إلى صفحه معينه.","Read only":"للقراءة فقط","Protections":"الحمايه","Error in establishing connection with web server":"خطا في تاسيس اتصال مع ملقم ويب","Single":"واحد","Double":"انقر نقرا مزدوجا","New comment":"تعليق جديد","Comments":"تعليقات"},"filemanager":{"NewFolder":"ملف جديد","Upload":"رفع","Delete":"حذف","Rename":"إعادة تسمية","Download":"تحميل","Cut":"يقطع","Copy":"نسخ","Paste":"معجون","SortBy":"ترتيب حسب","Refresh":"تحديث","Item-Selection":"العنصر المحدد","Items-Selection":"العناصر المحددة","View":"رأي","Details":"تفاصيل","SelectAll":"اختر الكل","Open":"افتح","Tooltip-NewFolder":"ملف جديد","Tooltip-Upload":"رفع","Tooltip-Delete":"حذف","Tooltip-Rename":"إعادة تسمية","Tooltip-Download":"تحميل","Tooltip-Cut":"يقطع","Tooltip-Copy":"نسخ","Tooltip-Paste":"معجون","Tooltip-SortBy":"ترتيب حسب","Tooltip-Refresh":"تحديث","Tooltip-Selection":"اختيار واضح","Tooltip-View":"رأي","Tooltip-Details":"تفاصيل","Tooltip-SelectAll":"اختر الكل","Name":"اسم","Size":"بحجم","DateModified":"تم التعديل","DateCreated":"تاريخ الإنشاء","Path":"مسار","Modified":"تم التعديل","Created":"خلقت","Location":"موقعك","Type":"نوع","Permission":"الإذن","Ascending":"تصاعدي","Descending":"ترتيب تنازلي","View-LargeIcons":"الرموز الكبيرة","View-Details":"تفاصيل","Search":"بحث","Button-Ok":"حسنا","Button-Cancel":"إلغاء","Button-Yes":"نعم فعلا","Button-No":"لا","Button-Create":"خلق","Button-Save":"حفظ","Header-NewFolder":"مجلد","Content-NewFolder":"أدخل اسم المجلد الخاص بك","Header-Rename":"إعادة تسمية","Content-Rename":"أدخل اسمك الجديد","Header-Rename-Confirmation":"إعادة تسمية التأكيد","Content-Rename-Confirmation":"إذا قمت بتغيير ملحق اسم الملف , فقد يصبح الملف غير مستقر. هل تريد بالتأكيد تغييره؟","Header-Delete":"حذف ملف","Content-Delete":"هل أنت متأكد أنك تريد حذف هذا الملف؟","Header-Multiple-Delete":"حذف ملفات متعددة","Content-Multiple-Delete":"هل أنت متأكد من أنك تريد حذف هذه الملفات {0}؟","Header-Duplicate":"الملف / المجلد موجود","Content-Duplicate":"{0} موجود بالفعل. هل تريد إعادة التسمية واللصق؟","Header-Upload":"تحميل الملفات","Error":"خطأ","Validation-Empty":"لا يمكن أن يكون اسم الملف أو المجلد فارغًا.","Validation-Invalid":"اسم الملف أو المجلد {0} يحتوي على أحرف غير صالحة. يرجى استخدام اسم مختلف. لا يمكن أن تنتهي أسماء الملفات أو المجلدات الصالحة بنقطة أو مسافة , ولا يمكن أن تحتوي على أي من الأحرف التالية: \\ /: *؟ \" < > | ","Validation-NewFolder-Exists":"ملف أو مجلد يحمل الاسم {0} موجود بالفعل.","Validation-Rename-Exists":"لا يمكن إعادة تسمية {0} إلى {1}: الوجهة موجودة بالفعل.","Folder-Empty":"هذا المجلد فارغ","File-Upload":"اسحب الملفات هنا للتحميل","Search-Empty":"لا توجد نتائج","Search-Key":"جرب بكلمات رئيسية مختلفة","Sub-Folder-Error":"المجلد الوجهة هو المجلد الفرعي للمجلد المصدر.","Access-Denied":"تم الرفض","Access-Details":"ليس لديك إذن للوصول إلى هذا المجلد.","Header-Retry":"الملف موجود بالفعل","Content-Retry":"يوجد ملف بهذا الاسم بالفعل في هذا المجلد. ماذا تريد أن تفعل؟","Button-Keep-Both":"احتفظ بكليهما","Button-Replace":"يحل محل","Button-Skip":"تخطى","ApplyAll-Label":"القيام بذلك لجميع العناصر الحالية"},"gantt":{"emptyRecord":"لا سجلات لعرضها","id":"هوية شخصية","name":"اسم","startDate":"تاريخ البدء","endDate":"تاريخ الانتهاء","duration":"المدة الزمنية","progress":"تقدم","dependency":"الاعتماد","notes":"ملاحظات","excelExport":"تصدير إكسيل","csvExport":"تصدير كسف","baselineStartDate":"تاريخ البدء الأساسي","baselineEndDate":"تاريخ نهاية خط الأساس","type":"نوع","offset":"الأوفست","resourceName":"مصادر","resourceID":"معرف المورد","day":"يوم","hour":"ساعة","minute":"اللحظة","days":"أيام","hours":"ساعات","minutes":"الدقائق","generalTab":"جنرال لواء","customTab":"أعمدة مخصصة","writeNotes":"اكتب ملاحظات","addDialogTitle":"مهمة جديدة","editDialogTitle":"معلومات المهمة","saveButton":"حفظ","add":"إضافة","edit":"تصحيح","update":"تحديث","delete":"حذف","cancel":"إلغاء","search":"بحث","addTask":"إضافة مهمة","editTask":"تحرير المهمة","deleteTask":"حذف المهمة","expandAllTasks":"توسيع جميع المهام","collapseAllTasks":"طي جميع المهام","expandAll":"توسيع الكل","collapseAll":"انهيار جميع","nextTimeSpan":"Timespan المقبل","prevTimeSpan":"Timespan السابق","okText":"حسنا","confirmDelete":"هل أنت متأكد أنك تريد حذف السجل؟","from":"من عند","to":"إلى","taskLink":"رابط المهمة","lag":"تأخر","start":"بداية","finish":"إنهاء","enterValue":"أدخل القيمة","taskBeforePredecessor_FS":"قمت بنقل '{0}' للبدء قبل انتهاء '{1}' ويتم ربط المهمتين. ونتيجة لذلك ، لا يمكن احترام الروابط. حدد إجراءً واحدًا أدناه للقيام به","taskAfterPredecessor_FS":"قمت بنقل '{0}' بعيدًا عن '{1}' ويتم ربط المهمتين. ونتيجة لذلك ، لا يمكن احترام الروابط. حدد إجراءً واحدًا أدناه للقيام به","taskBeforePredecessor_SS":"قمت بنقل '{0}' للبدء قبل أن يبدأ '{1}' وربط المهمتين. ونتيجة لذلك ، لا يمكن احترام الروابط. حدد إجراءً واحدًا أدناه للقيام به","taskAfterPredecessor_SS":"قمت بنقل '{0}' للبدء بعد بدء '{1}' وربط المهمتين. ونتيجة لذلك ، لا يمكن احترام الروابط. حدد إجراءً واحدًا أدناه للقيام به","taskBeforePredecessor_FF":"قمت بنقل '{0}' للإنهاء قبل انتهاء '{1}' ويتم ربط المهمتين. ونتيجة لذلك ، لا يمكن احترام الروابط. حدد إجراءً واحدًا أدناه للقيام به","taskAfterPredecessor_FF":"قمت بنقل '{0}' للإنهاء بعد انتهاء '{1}' ويتم ربط المهمتين. ونتيجة لذلك ، لا يمكن احترام الروابط. حدد إجراءً واحدًا أدناه للقيام به","taskBeforePredecessor_SF":"قمت بنقل '{0}' بعيدًا عن '{1}' لبدء التشغيل وترتبط المهمتان. ونتيجة لذلك ، لا يمكن احترام الروابط. حدد إجراءً واحدًا أدناه للقيام به","taskAfterPredecessor_SF":"قمت بنقل '{0}' للإنهاء بعد بدء '{1}' وربط المهمتين. ونتيجة لذلك ، لا يمكن احترام الروابط. حدد إجراءً واحدًا أدناه للقيام به","taskInformation":"معلومات المهمة","deleteDependency":"حذف التبعية","convert":"تحول","save":"حفظ","above":"في الاعلى","below":"أدناه","child":"طفل","milestone":"معلما","toTask":"لمهمة","toMilestone":"إلى معلم","eventMarkers":"علامات الحدث","leftTaskLabel":"تسمية المهمة اليسرى","rightTaskLabel":"تسمية المهمة الصحيحة","timelineCell":"خلية الجدول الزمني"},"grid":{"EmptyRecord":"لا سجلات لعرضها","True":"صحيح","False":"خاطئة","InvalidFilterMessage":"بيانات الفلتر غير صالحة","GroupDropArea":"اسحب رأس عمود هنا لتجميع عموده","UnGroup":"انقر هنا لفك تجميع","GroupDisable":"يتم تعطيل التجميع لهذا العمود","FilterbarTitle":"تصفية خلية شريط","EmptyDataSourceError":"داتاسورس يجب أن لا تكون فارغة عند التحميل الأولي منذ يتم إنشاء الأعمدة من داتسورس في أوتوجينيرات العمود شبكة","Add":"إضافة","Edit":"تصحيح","Cancel":"إلغاء","Update":"تحديث","Delete":"حذف","Print":"طباعة","Pdfexport":"تصدير بدف","Excelexport":"تصدير إكسيل","Wordexport":"تصدير ورد","Csvexport":"تصدير كسف","Search":"بحث","Columnchooser":"أعمدة","Save":"حفظ","Item":"بند","Items":"العناصر","EditOperationAlert":"لم يتم تحديد أية سجلات لعملية التعديل","DeleteOperationAlert":"لم يتم تحديد أية سجلات لعملية الحذف ","SaveButton":"حفظ","OKButton":"حسنا","CancelButton":"إلغاء","EditFormTitle":"تفاصيل ","AddFormTitle":"إضافة سجل جديد","BatchSaveConfirm":"هل تريد بالتأكيد حفظ التغييرات؟","BatchSaveLostChanges":"سيتم فقد التغييرات غير المحفوظة. هل تريد بالتأكيد المتابعة؟","ConfirmDelete":"هل تريد بالتأكيد حذف السجل؟","CancelEdit":"هل تريد بالتأكيد إلغاء التغييرات؟","ChooseColumns":"اختر العمود","SearchColumns":"البحث","Matchs":"لم يتم العثور على تطابق","FilterButton":"منقي","ClearButton":"واضح","StartsWith":"ابدا ب","EndsWith":"ينتهي مع","Contains":"يحتوي على","Equal":"مساو","NotEqual":"غير متساوي","LessThan":"أقل من","LessThanOrEqual":"اصغر من او يساوي","GreaterThan":"أكثر من","GreaterThanOrEqual":"أكبر من أو يساوي","ChooseDate":"اختر تاريخا","EnterValue":"أدخل القيمة","Copy":"نسخ","Group":"المجموعة حسب هذا العمود","Ungroup":"إلغاء التجميع حسب هذا العمود","autoFitAll":"تناسب تلقائي جميع الأعمدة","autoFit":"تناسب هذا العمود تلقائيا","Export":"تصدير","FirstPage":"الصفحة الأولى","LastPage":"آخر صفحة","PreviousPage":"الصفحة السابقة","NextPage":"الصفحة التالية","SortAscending":"فرز تصاعدي","SortDescending":"ترتيب تنازلي","EditRecord":"تحرير سجل","DeleteRecord":"حذف سجل","FilterMenu":"منقي"},"checkboxFilter":{"Search":"بحث","OK":"حسنا","Cancel":"إلغاء","Filter":"منقي","Clear":"واضح","SelectAll":"اختر الكل","Blanks":"الفراغات","True":"صحيح","False":"خاطئة","NoResult":"لم يتم العثور على تطابق"},"excelFilter":{"ClearFilter":"مرشح واضح","NumberFilter":"عدد الفلاتر","TextFilter":"فلاتر النصوص","DateFilter":"تاريخ الفلاتر","MatchCase":"حالة مباراة","Equal":"مساو","NotEqual":"غير متساوي","LessThan":"أقل من","LessThanOrEqual":"اصغر من او يساوي","GreaterThan":"أكثر من","GreaterThanOrEqual":"أكبر من أو يساوي","Between":"ما بين","CustomFilter":"تصفية مخصص","StartsWith":"ابدا ب","EndsWith":"ينتهي مع","Contains":"يحتوي على","OK":"حسنا","Cancel":"إلغاء","CustomFilterPlaceHolder":"أدخل القيمة","CustomFilterDatePlaceHolder":"اختر تاريخا","AND":"و","OR":"أو","ShowRowsWhere":"عرض الصفوف حيث:"},"pager":{"currentPageInfo":"{0} من {1} صفحة","totalItemsInfo":"({0})","firstPageTooltip":" انتقل إلى الصفحة الأولى","lastPageTooltip":" انتقل إلى الصفحة الأخيرة","nextPageTooltip":" انتقل إلى الصفحة التالية","previousPageTooltip":"الانتقال إلى الصفحة السابقة","nextPagerTooltip":"انتقل إلى النداء التالي","previousPagerTooltip":"انتقل إلى النداء السابق","pagerDropDown":"مواد لكل صفحة"},"listbox":{"noRecordsTemplate":"لا توجد سجلات","selectAllText":"اختر الكل","unSelectAllText":"إلغاء تحديد الكل","moveUp":"تحرك","moveDown":"تحرك لأسفل","moveTo":"حول إلى","moveFrom":"انتقل من","moveAllTo":"نقل جميع ل","moveAllFrom":"نقل كل من"},"maps":{"ZoomIn":"زومٍي","ZoomOut":"ذوموت","Zoom":"زوم","Pan":"بان","Reset":"رست","ResetZoom":"رست زوم"},"numerictextbox":{"incrementTitle":"قيمة الزيادة","decrementTitle":"انخفاض القيمة"},"pivotview":{"all":"الكل","multipleItems":"عناصر متعددة","Sum":"مجموع","Count":"عد","DistinctCount":"عدد متميز","Product":"المنتج","Avg":"متوسط","Min":"دقيقة","SampleVar":"عينة فا","PopulationVar":"السكان فار","RunningTotals":"تشغيل المجاميع","Max":"ماكس","Index":"فهرس","SampleStDev":"عينة سانت ديف","PopulationStDev":"سكان سانت ديف","PercentageOfRowTotal":"نسبة مجموع الصف","PercentageOfParentTotal":"النسبة المئوية من مجموع الوالدين","PercentageOfParentColumnTotal":"النسبة المئوية لإجمالي العمود الرئيسي","PercentageOfParentRowTotal":"النسبة المئوية لإجمالي صف الأصل","DifferenceFrom":"الفرق من","PercentageOfDifferenceFrom":"نسبة الفرق من","PercentageOfGrandTotal":"نسبة المجموع الكلي","PercentageOfColumnTotal":"النسبة المئوية لإجمالي العمود","editorDataLimitMsg":"محرر الحد البيانات Msg","mdxQuery":"استعلام mdx","qtr":"QTR","null":"لا شيء","undefined":"غير محدد","groupOutOfRange":"مجموعة خارج النطاق","fieldDropErrorAction":"حقل إسقاط خطأ العمل","MoreOption":"المزيد من الخيارات","aggregate":"مجموع","drillThrough":"حفر من خلال","ascending":"تصاعدي","descending":"تنازلي","number":"رقم","currency":"دقة","percentage":"النسبة المئوية","formatType":"نوع التنسيق","customText":"نص مخصص","symbolPosition":"موقف رمز","left":"اليسار","right":"حق","grouping":"تجمع","true":"صحيح","false":"خاطئة","decimalPlaces":"منازل عشرية","numberFormat":"تنسيق الرقم","memberType":"نوع العضو","formatString":"شكل سلسلة","expressionField":"حقل التعبير","customFormat":"تنسيق مخصص","selectedHierarchy":"التسلسل الهرمي المحدد","olapDropText":"olap إسقاط النص","Percent":"نسبه مئويه","Currency":"دقة","Custom":"العادة","Measure":"قياس","Dimension":"البعد","Standard":"اساسي","blank":"فراغ","fieldTooltip":"تلميح الحقل","QuarterYear":"ربع السنة","fieldTitle":"عنوان الحقل","drillError":"خطأ الحفر","grandTotal":"المجموع الكلى","total":"المجموع","value":"القيمة","noValue":"لا قيمة لها","row":"صف","column":"العمود","collapse":"الانهيار","expand":"توسيع","rowAxisPrompt":"تراجع الخلاف هنا","columnAxisPrompt":"انخفاض العمود هنا","valueAxisPrompt":"انخفاض قيمة هنا","filterAxisPrompt":"انخفاض هنا عامل التصفية","filter":"الفلتر","filtered":"تصفية","sort":"النوع","filters":"عوامل التصفية","rows":"الصفوف","columns":"الاعمدة","values":"قيم","close":"قريب","cancel":"الغاء","delete":"احذف","calculatedField":"الحقل المحسوب","createCalculatedField":"إنشاء حقل محتسب","fieldName":"أدخل اسم المجال","error":"خطا","invalidFormula":"صيغة غير صالحة.","dropText":"مثال: ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"اضافة مجالات صيغة وتحريرها.","dropAction":"لا يمكن ان يكون حقل محسوب فى اى منطقة اخرى باستثناء قيمة المحور.","alert":"حالة تاهب قصوى","warning":"تحذير","ok":"موافق","search":"البحث","drag":"اسحب","remove":"قم بازالة","sum":"المبلغ","average":"متوسط","count":"فرز الاصوات","min":"دقيقة","max":"ماكس","allFields":"جميع الحقول","formula":"الفورمولا","addToRow":"اضافة الى الصف","addToColumn":"اضافة الى العمود","addToValue":"اضافة الى القيمة","addToFilter":"اضافة الى عامل التصفية","emptyData":"لعرض سجلات","fieldExist":"حقل موجود بالفعل فى هذا الاسم. يرجى ادخال اسم مختلف.","confirmText":"ميدان الحساب موجود بالفعل فى هذا الاسم. هل تريد استبداله?","format":"ملخصات القيم","edit":"تحرير","clear":"واضح","noMatches":"لا مباريات","formulaField":"الحقول وافلاتها صيغة","dragField":"اسحب حقل صيغة","clearFilter":"واضح","by":"بواسطة","enterValue":"أدخل القيمة","chooseDate":"أدخل التاريخ","Equals":"يساوي","DoesNotEquals":"لا يساوي","BeginWith":"يبدأ ب","DoesNotBeginWith":"لا يبدأ بـ","EndsWith":"ينتهي بـ","DoesNotEndsWith":"لا ينتهي بـ","Contains":"يحتوي على","DoesNotContains":"لا يحتوي","GreaterThan":"أكثر من","GreaterThanOrEqualTo":"أكبر من أو يساوي","LessThan":"أقل من","LessThanOrEqualTo":"اقل او يساوي","Between":"ما بين","NotBetween":"ليس بينهما","Before":"قبل","BeforeOrEqualTo":"قبل أو يساوي","After":"بعد","AfterOrEqualTo":"بعد أو يساوي","member":"الأعضاء","label":"ضع الكلمة المناسبة","date":"تاريخ","labelTextContent":"إظهار العناصر التي لها التسمية","dateTextContent":"إظهار العناصر التي التاريخ","valueTextContent":"إظهار العناصر التي","And":"و","NotEquals":"لا يساوي","AllValues":"كل القيم","conditionalFormating":"تنسيق مشروط","apply":"تطبيق","condition":"اضافة الشرط","formatLabel":"شكل","valueFieldSettings":"إعدادات مجال القيمة","sourceName":"اسم الحقل :","sourceCaption":"التعليق الميداني:","summarizeValuesBy":"تلخيص القيم من خلال:","baseField":"حقل القاعدة:","baseItem":"العنصر الأساسي:","example":"على سبيل المثال:","details":"تفاصيل","manageRecords":"إدارة السجلات","Years":"سنوات","Quarters":"أرباع","Months":"الشهور","Days":"أيام","Hours":"ساعات","Minutes":"الدقائق","Seconds":"ثواني","save":"حفظ التقرير","new":"قم بإنشاء تقرير جديد","load":"حمل","saveAs":"حفظ كتقرير حالي","rename":"إعادة تسمية التقرير الحالي","export":"تصدير","subTotals":"المجاميع الفرعية","grandTotals":"المجاميع الكبرى","reportName":"تقرير اسم :","pdf":"PDF","excel":"Excel","csv":"CSV","showSubTotals":"إظهار المجاميع الفرعية","doNotShowSubTotals":"لا تظهر المجاميع الفرعية","showSubTotalsRowsOnly":"إظهار صفوف المجاميع الفرعية فقط","showSubTotalsColumnsOnly":"إظهار أعمدة المجاميع الفرعية فقط","showGrandTotals":"إظهار المجاميع الكبرى","doNotShowGrandTotals":"لا تظهر المجاميع الكبرى","showGrandTotalsRowsOnly":"إظهار صفوف الإجماليات الكلية فقط","showGrandTotalsColumnsOnly":"إظهار أعمدة الإجماليات الكلية فقط","fieldList":"إظهار قائمة الحقول","grid":"إظهار الجدول","toolbarFormatting":"تنسيق مشروط","chart":"خريطة","reportMsg":"الرجاء إدخال اسم التقرير الصحيح!!!","reportList":"قائمة التقرير","removeConfirm":"هل أنت متأكد من حذف هذا التقرير؟","emptyReport":"لم يتم العثور على تقارير !!","bar":"شريط","line":"خط","area":"منطقة","scatter":"تبعثر","polar":"قطبي","of":"من","emptyFormat":"لا يوجد شكل!","emptyInput":"أدخل قيمة","newReportConfirm":"هل تريد حفظ التغييرات للإبلاغ؟","emptyReportName":"أدخل اسم التقرير","caption":"حقل التسمية التوضيحية","copy":"نسخ","defaultReport":"التقرير الافتراضي","customFormatString":"تنسيق مخصص","invalidFormat":"تنسيق غير صالح."},"pivotfieldlist":{"all":"الكل","multipleItems":"عناصر متعددة","Sum":"مجموع","Count":"عد","DistinctCount":"عدد متميز","Product":"المنتج","Avg":"متوسط","Min":"دقيقة","SampleVar":"عينة فا","PopulationVar":"السكان فار","RunningTotals":"تشغيل المجاميع","Max":"ماكس","Index":"فهرس","SampleStDev":"عينة سانت ديف","PopulationStDev":"سكان سانت ديف","PercentageOfRowTotal":"نسبة مجموع الصف","PercentageOfParentTotal":"النسبة المئوية من مجموع الوالدين","PercentageOfParentColumnTotal":"النسبة المئوية لإجمالي العمود الرئيسي","PercentageOfParentRowTotal":"النسبة المئوية لإجمالي صف الأصل","DifferenceFrom":"الفرق من","PercentageOfDifferenceFrom":"نسبة الفرق من","PercentageOfGrandTotal":"نسبة المجموع الكلي","PercentageOfColumnTotal":"النسبة المئوية لإجمالي العمود","Years":"سنوات","Quarters":"أرباع","Months":"الشهور","Days":"أيام","Hours":" ساعات","Minutes":" الدقائق","Seconds":"ثواني","apply":"تطبيق","editorDataLimitMsg":"محرر الحد البيانات Msg","null":"لا شيء","undefined":"غير محدد","groupOutOfRange":"مجموعة خارج النطاق","fieldDropErrorAction":"حقل إسقاط خطأ العمل","MoreOption":"المزيد من الخيارات","selectedHierarchy":"التسلسل الهرمي المحدد","olapDropText":"olap إسقاط النص","Percent":"نسبه مئويه","Currency":"دقة","Custom":"العادة","Measure":"قياس","Dimension":"البعد","Standard":"اساسي","blank":"فراغ","fieldTooltip":"تلميح الحقل","QuarterYear":"ربع السنة","fieldTitle":"عنوان الحقل","memberType":"Field Type","formatString":"شكل سلسلة","expressionField":"حقل التعبير","customFormat":"تنسيق مخصص","staticFieldList":"قم بتدوير الحقول","fieldList":"قائمة الحقول","dropRowPrompt":"تراجع الخلاف هنا","dropColPrompt":"انخفاض العمود هنا","dropValPrompt":"انخفاض قيمة هنا","dropFilterPrompt":"انخفاض هنا عامل التصفية","addPrompt":"اضافة حقل هنا","adaptiveFieldHeader":"اختر الحقل","centerHeader":"اسحب المجالات بين المناطق الموضحة ادناه:","add":"اضافة","drag":"اسحب","filter":"الفلتر","filtered":"تصفية","sort":"النوع","remove":"قم بازالة","filters":"عوامل التصفية","rows":"الصفوف","columns":"الاعمدة","values":"قيم","calculatedField":"الحقل المحسوب","createCalculatedField":"إنشاء حقل محتسب","fieldName":"أدخل اسم المجال","error":"خطا","invalidFormula":"صيغة غير صالحة.","dropText":"مثال: ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"اضافة مجالات صيغة وتحريرها.","dropAction":"لا يمكن ان يكون حقل محسوب فى اى منطقة اخرى باستثناء قيمة المحور.","search":"البحث","close":"قريب","cancel":"الغاء","delete":"احذف","alert":"حالة تاهب قصوى","warning":"تحذير","ok":"موافق","sum":"المبلغ","average":"متوسط","count":"فرز الاصوات","min":"دقيقة","max":"ماكس","allFields":"جميع الحقول","formula":"الفورمولا","fieldExist":"حقل موجود بالفعل فى هذا الاسم. يرجى ادخال اسم مختلف.","confirmText":"ميدان الحساب موجود بالفعل فى هذا الاسم. هل تريد استبداله?","format":"ملخصات القيم","edit":"تحرير","clear":"واضح","noMatches":"لا مباريات","formulaField":"الحقول وافلاتها صيغة","dragField":"اسحب حقل صيغة","clearFilter":"واضح","by":"بواسطة","enterValue":"أدخل القيمة","chooseDate":"أدخل التاريخ","Equals":"يساوي","DoesNotEquals":"لا يساوي","BeginWith":"يبدأ ب","DoesNotBeginWith":"لا يبدأ بـ","EndsWith":"ينتهي بـ","DoesNotEndsWith":"لا ينتهي بـ","Contains":"يحتوي على","DoesNotContains":"لا يحتوي","GreaterThan":"أكثر من","GreaterThanOrEqualTo":"أكبر من أو يساوي","LessThan":"أقل من","LessThanOrEqualTo":"اقل او يساوي","Between":"ما بين","NotBetween":"ليس بينهما","Before":"قبل","BeforeOrEqualTo":"قبل أو يساوي","After":"بعد","AfterOrEqualTo":"بعد أو يساوي","member":"الأعضاء","label":"ضع الكلمة المناسبة","date":"تاريخ","value":"القيمة","labelTextContent":"إظهار العناصر التي لها التسمية","dateTextContent":"إظهار العناصر التي التاريخ","valueTextContent":"إظهار العناصر التي","And":"و","valueFieldSettings":"إعدادات مجال القيمة","sourceName":"اسم الحقل :","sourceCaption":"التعليق الميداني:","summarizeValuesBy":"تلخيص القيم من خلال:","baseField":"حقل القاعدة:","baseItem":"العنصر الأساسي:","example":"على سبيل المثال:","deferLayoutUpdate":"تأجيل تخطيط التحديث","caption":"حقل التسمية التوضيحية","copy":"نسخ"},"query-builder":{"AddGroup":"إضافة مجموعة","AddCondition":"إضافة شرط","DeleteRule":"حذف القاعدة","DeleteGroup":"حذف المجموعة","Edit":"تصحيح","SelectField":"اختر المجال","SelectOperator":"حدد المشغل","StartsWith":"ابدا ب","EndsWith":"ينتهي مع","Contains":"يحتوي على","Equal":"مساو","NotEqual":"غير متساوي","LessThan":"أقل من","LessThanOrEqual":"اصغر من او يساوي","GreaterThan":"أكثر من","GreaterThanOrEqual":"أكبر من أو يسا","Between":"ما بين","NotBetween":"ليس بينهما","In":"في","NotIn":"ليس في","Remove":"إزالة","ValidationMessage":"رسالة التحقق","AND":"و","OR":"أو","NOT":"ليس","NotContains":"لا يحتوي","NotStartsWith":"لا يبدأ مع","NotEndsWith":"لا ينتهي مع"},"schedule":{"day":"يوم","week":"أسبوع","workWeek":"أسبوع العمل","month":"شهر","agenda":"جدول أعمال","weekAgenda":"الأسبوع جدول الأعمال","workWeekAgenda":"جدول أعمال أسبوع العمل","monthAgenda":"شهر جدول الأعمال","today":"اليوم","noEvents":"لا أحداث","emptyContainer":"لا توجد أحداث مجدولة في هذا اليوم.","allDay":"طوال اليوم","start":"بداية","end":"النهاية","more":"أكثر من","close":"قريب","cancel":"إلغاء","noTitle":"(بلا عنوان)","delete":"حذف","deleteEvent":"حذف الحدث","deleteMultipleEvent":"حذف أحداث متعددة","selectedItems":"العناصر المحددة","deleteSeries":"حذف السلسلة","edit":"تصحيح","editSeries":"تحرير السلسلة","editEvent":"تعديل الحدث","createEvent":"خلق","subject":"موضوع","addTitle":"أضف عنوانا","moreDetails":"المزيد من التفاصيل","save":"حفظ","editContent":"هل تريد تعديل هذا الحدث أو السلسلة بأكملها فقط؟","deleteRecurrenceContent":"هل تريد حذف هذا الحدث فقط أو السلسلة بأكملها؟","deleteContent":"هل أنت متأكد من حذف هذا الحدث؟","deleteMultipleContent":"هل أنت متأكد من أنك تريد حذف الأحداث المختارة؟","newEvent":"حدث جديد","title":"عنوان","location":"موقعك","description":"وصف","timezone":"وحدة زمنية","startTimezone":"بدء المنطقة الزمنية","endTimezone":"نهاية المنطقة الزمنية","repeat":"كرر","saveButton":"حفظ","cancelButton":"إلغاء","deleteButton":"حذف","recurrence":"تكرار","wrongPattern":"نمط التكرار غير صالح.","seriesChangeAlert":"سيتم إلغاء التغييرات التي تم إجراؤها على مثيلات محددة من هذه السلسلة وستتطابق تلك الأحداث مع السلسلة مرة أخرى.","createError":"يجب أن تكون مدة الحدث أقصر من عدد مرات حدوثها. اختصر المدة ، أو غيّر نمط التكرار في محرر حدث التكرار.","recurrenceDateValidation":"بعض الأشهر لديها أقل من التاريخ المحدد. في هذه الأشهر ، سيقع الحدوث في التاريخ الأخير من الشهر.","sameDayAlert":"لا يمكن أن يحدث تواجد الحدثين في نفس اليوم.","editRecurrence":"تحرير تكرار","repeats":"يكرر","alert":"محزر","startEndError":"ويحدث تاريخ الانتهاء المحدد قبل تاريخ البدء.","invalidDateError":"قيمة التاريخ المدخلة غير صالحة.","ok":"حسنا","occurrence":"حادثة","series":"سلسلة","previous":"سابق","next":"التالى","timelineDay":"يوم المخطط الزمني","timelineWeek":"الأسبوع الزمني للأسبوع","timelineWorkWeek":"أسبوع العمل الزمني","timelineMonth":"الشهر الزمني"},"recurrenceeditor":{"none":"لا شيء","daily":"اليومي","weekly":"أسبوعي","monthly":"شهريا","month":"شهر","yearly":"سنوي","never":"أبدا","until":"حتى","count":"عد","first":"أول","second":"ثانيا","third":"الثالث","fourth":"رابع","last":"الاخير","repeat":"كرر","repeatEvery":"تكرار كل","on":"كرر","end":"النهاية","onDay":"يوم","days":"يوم","weeks":"أسبوع","months":"الشهور","years":"سنوات","every":"كل","summaryTimes":"مرات","summaryOn":"على","summaryUntil":"حتى","summayRepeat":"يكرر","summaryDay":"أيام","summaryWeek":"أسابيع","summaryMonth":"الشهور","summaryYear":"سنوات"},"slider":{"incrementTitle":"زيادة","decrementTitle":"تخفيض"},"spreadsheet":{"Cut":"قطع","Copy":"نسخ","Paste":"معجون","PasteSpecial":"لصق خاص","All":"جميع","Values":"القيم","Formats":"شكل","Font":"الخط","FontSize":"حجم الخط","Bold":"جريء","Italic":"مائل","Underline":"أكد","Strikethrough":"يتوسطه","TextColor":"لون الخط","FillColor":"لون التعبئة","HorizontalAlignment":"المحاذاة الأفقية","AlignLeft":"محاذاة إلى اليسار","AlignCenter":"مركز","AlignRight":"محاذاة إلى اليمين","VerticalAlignment":"محاذاة عمودية","AlignTop":"محاذاة أعلى","AlignMiddle":"محاذاة الأوسط","AlignBottom":"أسفل محاذاة","InsertFunction":"إدراج وظيفة","Insert":"إدراج","Delete":"حذف","Rename":"إعادة تسمية","Hide":"إخفاء","Unhide":"ظهار","NameBox":"مربع الاسم","ShowHeaders":"عرض الرؤوس","HideHeaders":"إخفاء الرؤوس","ShowGridLines":"اظهر خطوط الشبكة","HideGridLines":"إخفاء خطوط الشبكة","AddSheet":"إضافة ورقة","ListAllSheets":"قائمة كل ورقة","FullScreen":"تكبير الشاشة","CollapseToolbar":"طي شريط الأدوات","ExpandToolbar":"قم بتوسيع شريط الأدوات","CollapseFormulaBar":"طي شريط الصيغة","ExpandFormulaBar":"قم بتوسيع شريط الصيغة","File":"ملف","Home":"هم","Formulas":"الصيغ","View":"معاينة","New":"جديد","Open":"فتح","SaveAs":"حفظ باسم","ExcelXlsx":"Microsoft Excel","ExcelXls":"Microsoft Excel 97-2003","CSV":"Comma-separated values","FormulaBar":"شريط الصيغة","Ok":"حسنا","Close":"قريب","Cancel":"إلغاء","Apply":"تطبيق","MoreColors":"مزيد من الألوان","StandardColors":"الألوان القياسية","General":"جنرال لواء","Number":"عدد","Currency":"عملة","Accounting":"محاسبة","ShortDate":"التاريخ القصير","LongDate":"تاريخ طويل","Time":"مرة","Percentage":"النسبة المئوية","Fraction":"جزء","Scientific":"علمي","Text":"نص","NumberFormat":"تنسيق رقم","MobileFormulaBarPlaceHolder":"أدخل القيمة أو الصيغة","PasteAlert":"لا يمكنك لصق هذا هنا ، لأن مساحة النسخ واللصق ليست بنفس الحجم. يرجى محاولة لصق في نطاق مختلف.","DestroyAlert":"هل تريد بالتأكيد تدمير المصنف الحالي دون حفظ وإنشاء مصنف جديد؟","SheetRenameInvalidAlert":"اسم الورقة يحتوي على حرف غير صالح.","SheetRenameEmptyAlert":"لا يمكن أن يكون اسم الورقة فارغًا.","SheetRenameAlreadyExistsAlert":"اسم الورقة موجود بالفعل. الرجاء إدخال اسم آخر.","DeleteSheetAlert":"هل أنت متأكد أنك تريد حذف هذه الورقة؟","DeleteSingleLastSheetAlert":"يجب أن يحتوي المصنف على ورقة عمل مرئية واحدة على الأقل.","PickACategory":"اختيار فئة","Description":"وصف","UnsupportedFile":"ملف غير مدعم","InvalidUrl":"عنوان الويب غير صالح","SUM":"يضيف سلسلة من الأرقام و / أو الخلايا.","SUMIF":"يضيف الخلايا بناء على الشرط المحدد.","SUMIFS":"يضيف الخلايا بناءً على الشروط المحددة.","ABS":"تُرجع قيمة الرقم غير الموقع.","RAND":"إرجاع رقم عشوائي بين 0 و 1.","RANDBETWEEN":"إرجاع عدد صحيح عشوائي بناءً على القيم المحددة.","FLOOR":"تقريب رقم لأسفل إلى أقرب مضاعف لعامل معين.","CEILING":"تقريب رقم لأعلى إلى أقرب مضاعف لعامل معين.","PRODUCT":"ضرب سلسلة من الأرقام و / أو الخلايا.","AVERAGE":"حساب المتوسط لسلسلة الأرقام و / أو الخلايا باستثناء النص.","AVERAGEIF":"يحسب المتوسط للخلايا على أساس الشرط المحدد.","AVERAGEIFS":"يحسب المتوسط للخلايا بناءً على الشروط المحددة.","AVERAGEA":"يحسب المتوسط للخلايا تقييم صحيح كـ 1 والنص و خاطئة كـ 0.","COUNT":"يحسب الخلايا التي تحتوي على قيم رقمية في نطاق.","COUNTIF":"يتم حساب الخلايا بناءً على معيار محدد.","COUNTIFS":"تحسب الخلايا بناءً على معايير محددة.","COUNTA":"عد الخلايا التي تحتوي على قيم في نطاق.","MIN":"تُرجع أصغر عدد من الوسائط المعطاة.","MAX":"إرجاع أكبر عدد من الوسائط المعطاة.","DATE":"يُرجع التاريخ بناءً على السنة والشهر واليوم.","DAY":"إرجاع اليوم من التاريخ المحدد.","DAYS":"إرجاع عدد الأيام بين تاريخين.","IF":"إرجاع قيمة بناءً على التعبير المحدد.","IFS":"تُرجع القيمة بناءً على التعبيرات المتعددة المحددة.","AND":"تقوم بإرجاع صحيح إذا كانت جميع الوسائط هي صحيح ، وإلا فإنها ترجع خاطئة.","OR":"تقوم بإرجاع صحيح إذا كانت أي من الوسائط هي صحيح ، وإلا فإنها ترجع خاطئة.","IFERROR":"تُرجع القيمة إذا لم يتم العثور على خطأ ، فسوف تُرجع القيمة المحددة.","CHOOSE":"إرجاع قيمة من قائمة القيم ، بناءً على رقم الفهرس.","INDEX":"تُرجع قيمة الخلية في نطاق محدد استنادًا إلى رقم الصف والعمود.","FIND":"إرجاع موضع سلسلة داخل سلسلة أخرى ، وهو حساس لحالة الأحرف.","CONCATENATE":"يجمع بين سلسلتين أو أكثر معًا.","CONCAT":"يجمع بين قائمة أو مجموعة من سلاسل النص.","SUBTOTAL":"إرجاع المجموع الفرعي لنطاق باستخدام رقم الوظيفة المحدد.","RADIANS":"يحول الدرجات إلى راديان.","MATCH":"إرجاع الموضع النسبي لقيمة محددة في نطاق معين.","DefineNameExists":"هذا الاسم موجود بالفعل ، جرب اسمًا مختلفًا.","CircularReference":"عندما تشير صيغة إلى مرجع دائري واحد أو أكثر ، فقد ينتج عن ذلك حساب غير صحيح."},"timepicker":{"placeholder":"حدد الوقت"},"treegrid":{"EmptyRecord":"لا سجلات لعرضها","InvalidFilterMessage":"بيانات الفلتر غير صالحة","FilterbarTitle":"تصفية خلية شريط","EmptyDataSourceError":"داتاسورس يجب أن لا تكون فارغة عند التحميل الأولي منذ يتم إنشاء الأعمدة من داتسورس في أوتوجينيرات العمود شبكة","Add":"إضافة","Edit":"تصحيح","Cancel":"إلغاء","Update":"تحديث","Delete":"حذف","Print":"طباعة","Pdfexport":"تصدير بدف","Excelexport":"تصدير إكسيل","Wordexport":"تصدير ورد","Csvexport":"تصدير كسف","Search":"بحث","Columnchooser":"أعمدة","Save":"حفظ","EditOperationAlert":"لم يتم تحديد أية سجلات لعملية التعديل","DeleteOperationAlert":"لم يتم تحديد أية سجلات لعملية الحذف ","SaveButton":"حفظ","CancelButton":"إلغاء","EditFormTitle":"تفاصيل ","AddFormTitle":"إضافة سجل جديد","ConfirmDelete":"هل تريد بالتأكيد حذف السجل؟","CancelEdit":"هل تريد بالتأكيد إلغاء التغييرات؟","ChooseColumns":"اختر العمود","SearchColumns":"البحث","FilterButton":"منقي","ClearButton":"واضح","StartsWith":"ابدا ب","EndsWith":"ينتهي مع","Contains":"يحتوي على","Equal":"مساو","NotEqual":"غير متساوي","LessThan":"أقل من","LessThanOrEqual":"اصغر من او يساوي","GreaterThan":"أكثر من","GreaterThanOrEqual":"أكبر من أو يساوي","ChooseDate":"اختر تاريخا","EnterValue":"أدخل القيمة","autoFitAll":"تناسب تلقائي جميع الأعمدة","autoFit":"تناسب هذا العمود تلقائيا","Export":"تصدير","FirstPage":"الصفحة الأولى","LastPage":"آخر صفحة","PreviousPage":"الصفحة السابقة","NextPage":"الصفحة التالية","SortAscending":"فرز تصاعدي","SortDescending":"ترتيب تنازلي","EditRecord":"تحرير سجل","DeleteRecord":"حذف سجل","FilterMenu":"منقي"},"uploader":{"invalidMinFileSize":"حجم الملف صغير جدا!","invalidMaxFileSize":"يتجاوز حجم الملف 28 ميغابايت","invalidFileType":"نوع الملف غير مسموح به","Browse":"تصفح","Clear":"واضح","Upload":"تحميل","dropFilesHint":"أو إسقاط الملفات هنا","uploadFailedMessage":"أخفق تحميل الملف","uploadSuccessMessage":"تم رفع الملف بنجاح","removedSuccessMessage":"تمت إزالة الملف بنجاح","removedFailedMessage":"غير قادر على إزالة الملف","inProgress":"تحميل","readyToUploadMessage":"جاهز للتحميل","remove":"إزالة","cancel":"إلغاء","delete":"حذف ملف","abort":"إحباط","pauseUpload":"تم إيقاف تحميل الملف مؤقتًا","pause":"وقفة","resume":"استئنف","retry":"إعادة المحاولة","fileUploadCancel":"تم إلغاء تحميل الملف"}},"en":{"dropdowns":{"noRecordsTemplate":"No Records Found","actionFailureTemplate":"The Request Failed","overflowCountTemplate":"+${count} more..","selectAllText":"Select All","unSelectAllText":"Unselect All"},"calendar":{"today":"Today"},"chart":{"ZoomIn":"Zoom In","ZoomOut":"Zoom Out","Zoom":"Zoom","Pan":"Pan","Reset":"Reset","ResetZoom":"Reset Zoom"},"colorpicker":{"Apply":"Apply","Cancel":"Cancel","ModeSwitcher":"Switch Mode"},"datepicker":{"placeholder":"Choose a date","today":"Today"},"daterangepicker":{"placeholder":"Select a range","startLabel":"Start Date","endLabel":"End Date","applyText":"Apply","cancelText":"Cancel","selectedDays":"Selected Days","days":"Days","customRange":"Custom Range"},"datetimepicker":{"placeholder":"Select a date and time","today":"Today"},"diagram":{"Copy":"Copy","Cut":"Cut","Paste":"Paste","Undo":"Undo","Redo":"Redo","SelectAll":"Select All","Grouping":"Grouping","Group":"Group","UnGroup":"Ungroup","Order":"Order","BringToFront":"Bring To Front","MoveForward":"Move Forward","SendToBack":"Send To Back","SendBackward":"Send Backward"},"dialog":{"close":"Close"},"documenteditor":{"Table":"Table","Row":"Row","Cell":"Cell","Ok":"Ok","Cancel":"Cancel","Size":"Size","Preferred Width":"Preferred width","Points":"Points","Percent":"Percent","Measure in":"Measure in","Alignment":"Alignment","Left":"Left","Center":"Center","Right":"Right","Justify":"Justify","Indent from left":"Indent from left","Borders and Shading":"Borders and Shading","Options":"Options","Specify height":"Specify height","At least":"At least","Exactly":"Exactly","Row height is":"Row height is","Allow row to break across pages":"Allow row to break across pages","Repeat as header row at the top of each page":"Repeat as header row at the top of each page","Vertical alignment":"Vertical alignment","Top":"Top","Bottom":"Bottom","Default cell margins":"Default cell margins","Default cell spacing":"Default cell spacing","Allow spacing between cells":"Allow spacing between cells","Cell margins":"Cell margins","Same as the whole table":"Same as the whole table","Borders":"Borders","None":"None","Style":"Style","Width":"Width","Height":"Height","Letter":"Letter","Tabloid":"Tabloid","Legal":"Legal","Statement":"Statement","Executive":"Executive","A3":"A3","A4":"A4","A5":"A5","B4":"B4","B5":"B5","Custom Size":"Custom size","Different odd and even":"Different odd and even","Different first page":"Different first page","From edge":"From edge","Header":"Header","Footer":"Footer","Margin":"Margins","Paper":"Paper","Layout":"Layout","Orientation":"Orientation","Landscape":"Landscape","Portrait":"Portrait","Show page numbers":"Show page numbers","Right align page numbers":"Right align page numbers","Nothing":"Nothing","Tab leader":"Tab leader","Show levels":"Show levels","Use hyperlinks instead of page numbers":"Use hyperlinks instead of page numbers","Build table of contents from":"Build table of contents from","Styles":"Styles","Available styles":"Available styles","TOC level":"TOC level","Heading":"Heading","Heading 1":"Heading 1","Heading 2":"Heading 2","Heading 3":"Heading 3","Heading 4":"Heading 4","Heading 5":"Heading 5","Heading 6":"Heading 6","List Paragraph":"List Paragraph","Normal":"Normal","Outline levels":"Outline levels","Table entry fields":"Table entry fields","Modify":"Modify","Color":"Color","Setting":"Setting","Box":"Box","All":"All","Custom":"Custom","Preview":"Preview","Shading":"Shading","Fill":"Fill","Apply To":"Apply to","Table Properties":"Table Properties","Cell Options":"Cell Options","Table Options":"Table Options","Insert Table":"Insert Table","Number of columns":"Number of columns","Number of rows":"Number of rows","Text to display":"Text to display","Address":"Address","Insert Hyperlink":"Insert Hyperlink","Edit Hyperlink":"Edit Hyperlink","Insert":"Insert","General":"General","Indentation":"Indentation","Before text":"Before text","Special":"Special","First line":"First line","Hanging":"Hanging","After text":"After text","By":"By","Before":"Before","Line Spacing":"Line spacing","After":"After","At":"At","Multiple":"Multiple","Spacing":"Spacing","Define new Multilevel list":"Define new Multilevel list","List level":"List level","Choose level to modify":"Choose level to modify","Level":"Level","Number format":"Number format","Number style for this level":"Number style for this level","Enter formatting for number":"Enter formatting for number","Start at":"Start at","Restart list after":"Restart list after","Position":"Position","Text indent at":"Text indent at","Aligned at":"Aligned at","Follow number with":"Follow number with","Tab character":"Tab character","Space":"Space","Arabic":"Arabic","UpRoman":"UpRoman","LowRoman":"LowRoman","UpLetter":"UpLetter","LowLetter":"LowLetter","Number":"Number","Leading zero":"Leading zero","Bullet":"Bullet","Ordinal":"Ordinal","Ordinal Text":"Ordinal Text","For East":"For East","No Restart":"No Restart","Font":"Font","Font style":"Font style","Underline style":"Underline style","Font color":"Font color","Effects":"Effects","Strikethrough":"Strikethrough","Superscript":"Superscript","Subscript":"Subscript","Double strikethrough":"Double strikethrough","Regular":"Regular","Bold":"Bold","Italic":"Italic","Cut":"Cut","Copy":"Copy","Paste":"Paste","Hyperlink":"Hyperlink","Open Hyperlink":"Open Hyperlink","Copy Hyperlink":"Copy Hyperlink","Remove Hyperlink":"Remove Hyperlink","Paragraph":"Paragraph","Linked(Paragraph and Character)":"Linked(Paragraph and Character)","Character":"Character","Merge Cells":"Merge Cells","Insert Above":"Insert Above","Insert Below":"Insert Below","Insert Left":"Insert Left","Insert Right":"Insert Right","Delete":"Delete","Delete Table":"Delete Table","Delete Row":"Delete Row","Delete Column":"Delete Column","File Name":"File Name","Format Type":"Format Type","Save":"Save","Navigation":"Navigation","Results":"Results","Replace":"Replace","Replace All":"Replace All","We replaced all":"We replaced all","Find":"Find","No matches":"No matches","All Done":"All Done","Result":"Result","of":"of","instances":"instances","with":"with","Click to follow link":"Click to follow link","Continue Numbering":"Continue Numbering","Bookmark name":"Bookmark name","Close":"Close","Restart At":"Restart At","Properties":"Properties","Name":"Name","Style type":"Style type","Style based on":"Style based on","Style for following paragraph":"Style for following paragraph","Formatting":"Formatting","Numbering and Bullets":"Numbering and Bullets","Numbering":"Numbering","Update Field":"Update Field","Edit Field":"Edit Field","Bookmark":"Bookmark","Page Setup":"Page Setup","No bookmarks found":"No bookmarks found","Number format tooltip information":"Single-level number format: [PREFIX]%[LEVELNUMBER][SUFFIX] For example, 'Chapter %1.' will display numbering likeChapter 1. ItemChapter 2. Item… Chapter N. Item Multilevel number format:[PREFIX]%[LEVELNUMBER][SUFFIX]+[PREFIX]%[LEVELNUMBER][SUFFIX]For example, '%1.%2.' will display numbering like1.1. Item1.2. Item…1.N. Item","Format":"Format","Create New Style":"Create New Style","Modify Style":"Modify Style","New":"New","Bullets":"Bullets","Use bookmarks":"Use bookmarks","Table of Contents":"Table of Contents","AutoFit":"AutoFit","AutoFit to Contents":"AutoFit to Contents","AutoFit to Window":"AutoFit to Window","Fixed Column Width":"Fixed Column Width","Reset":"Reset","Match case":"Match case","Whole words":"Whole words","Add":"Add","Go To":"Go To","Search for":"Search for","Replace with":"Replace with","TOC 1":"TOC 1","TOC 2":"TOC 2","TOC 3":"TOC 3","TOC 4":"TOC 4","TOC 5":"TOC 5","TOC 6":"TOC 6","TOC 7":"TOC 7","TOC 8":"TOC 8","TOC 9":"TOC 9","Right-to-left":"Right-to-left","Left-to-right":"Left-to-right","Direction":"Direction","Table direction":"Table direction","Indent from right":"Indent from right","Don't add space between the paragraphs of the same styles":"Don't add space between the paragraphs of the same styles","The password don't match":"The password don't match","Restrict Editing":"Restrict Editing","Formatting restrictions":"Formatting restrictions","Allow formatting":"Allow formatting","Editing restrictions":"Editing restrictions","Read only":"Read only","Exceptions (optional)":"Exceptions (optional)","Select parts of the document and choose users who are allowed to freely edit them.":"Select parts of the document and choose users who are allowed to freely edit them.","Everyone":"Everyone","More users":"More users","Add Users":"Add Users","Yes, Start Enforcing Protection":"Yes, Start Enforcing Protection","Start Enforcing Protection":"Start Enforcing Protection","Enter User":"Enter User","Users":"Users","Enter new password":"Enter new password","Reenter new password to confirm":"Reenter new password to confirm","Your permissions":"Your permissions","This document is protected from unintentional editing.You may edit in this region.":"This document is protected from unintentional editing.You may edit in this region.","You may format text only with certain styles.":"You may format text only with certain styles.","Stop Protection":"Stop Protection","Password":"Password","Spelling Editor":"Spelling Editor","Spelling":"Spelling","Spell Check":"Spell Check","Underline errors":"Underline errors","Ignore":"Ignore","Ignore all":"Ignore All","Add to Dictionary":"Add to Dictionary","Change":"Change","Change All":"Change All","Suggestions":"Suggestions","The password is incorrect":"The password is incorrect","Error in establishing connection with web server":"Error in establishing connection with web server","Highlight the regions I can edit":"Highlight the regions I can edit","Show All Regions I Can Edit":"Show All Regions I Can Edit","Find Next Region I Can Edit":"Find Next Region I Can Edit","Keep source formatting":"Keep source formatting","Match destination formatting":"Match destination formatting","Text only":"Text only","Comments":"Comments","Type your comment":"Type your comment","Post":"Post","Reply":"Reply","New Comment":"New Comment","Edit":"Edit","Resolve":"Resolve","Reopen":"Reopen","No comments in this document":"No comments in this document","more":"more","Type your comment hear":"Type your comment hear","Next Comment":"Next Comment","Previous Comment":"Previous Comment","Un-posted comments":"Un-posted comments","Added comments not posted. If you continue, that comment will be discarded.":"Added comments not posted. If you continue, that comment will be discarded."},"documenteditorcontainer":{"New":"New","Open":"Open","Undo":"Undo","Redo":"Redo","Image":"Image","Table":"Table","Link":"Link","Bookmark":"Bookmark","Table of Contents":"Table of Contents","HEADING - - - - 1":"HEADING - - - - 1","HEADING - - - - 2":"HEADING - - - - 2","HEADING - - - - 3":"HEADING - - - - 3","Header":"Header","Footer":"Footer","Page Setup":"Page Setup","Page Number":"Page Number","Break":"Break","Find":"Find","Local Clipboard":"Local Clipboard","Restrict Editing":"Restrict Editing","Upload from computer":"Upload from computer","By URL":"By URL","Page Break":"Page Break","Section Break":"Section Break","Header & Footer":"Header & Footer","Options":"Options","Levels":"Levels","Different First Page":"Different First Page","Different header and footer for odd and even pages.":"Different header and footer for odd and even pages.","Different Odd & Even Pages":"Different Odd & Even Pages","Different header and footer for first page.":"Different header and footer for first page.","Position":"Position","Header from Top":"Header from Top","Footer from Bottom":"Footer from Bottom","Distance from top of the page to top of the header.":"Distance from top of the page to top of the header.","Distance from bottom of the page to bottom of the footer.":"Distance from bottom of the page to bottom of the footer.","Aspect ratio":"Aspect ratio","W":"W","H":"H","Width":"Width","Height":"Height","Text":"Text","Paragraph":"Paragraph","Fill":"Fill","Fill color":"Fill color","Border Style":"Border Style","Outside borders":"Outside borders","All borders":"All borders","Inside borders":"Inside borders","Left border":"Left border","Inside vertical border":"Inside vertical border","Right border":"Right border","Top border":"Top border","Inside horizontal border":"Inside horizontal border","Bottom border":"Bottom border","Border color":"Border color","Border width":"Border width","Cell":"Cell","Merge cells":"Merge cells","Insert / Delete":"Insert / Delete","Insert columns to the left":"Insert columns to the left","Insert columns to the right":"Insert columns to the right","Insert rows above":"Insert rows above","Insert rows below":"Insert rows below","Delete rows":"Delete rows","Delete columns":"Delete columns","Cell Margin":"Cell Margin","Top":"Top","Bottom":"Bottom","Left":"Left","Right":"Right","Align Text":"Align Text","Align top":"Align top","Align bottom":"Align bottom","Align center":"Align center","Number of heading or outline levels to be shown in table of contents.":"Number of heading or outline levels to be shown in table of contents.","Show page numbers":"Show page numbers","Show page numbers in table of contents.":"Show page numbers in table of contents.","Right align page numbers":"Right align page numbers","Right align page numbers in table of contents.":"Right align page numbers in table of contents.","Use hyperlinks":"Use hyperlinks","Use hyperlinks instead of page numbers.":"Use hyperlinks instead of page numbers.","Font":"Font","Font Size":"Font Size","Font color":"Font color","Text highlight color":"Text highlight color","Clear all formatting":"Clear all formatting","Bold (Ctrl+B)":"Bold (Ctrl+B)","Italic (Ctrl+I)":"Italic (Ctrl+I)","Underline (Ctrl+U)":"Underline (Ctrl+U)","Strikethrough":"Strikethrough","Superscript (Ctrl+Shift++)":"Superscript (Ctrl+Shift++)","Subscript (Ctrl+=)":"Subscript (Ctrl+=)","Align left (Ctrl+L)":"Align left (Ctrl+L)","Center (Ctrl+E)":"Center (Ctrl+E)","Align right (Ctrl+R)":"Align right (Ctrl+R)","Justify (Ctrl+J)":"Justify (Ctrl+J)","Decrease indent":"Decrease indent","Increase indent":"Increase indent","Line spacing":"Line spacing","Bullets":"Bullets","Numbering":"Numbering","Styles":"Styles","Manage Styles":"Manage Styles","Page":"Page","of":"of","Fit one page":"Fit one page","Spell Check":"Spell Check","Underline errors":"Underline errors","Fit page width":"Fit page width","Update":"Update","Cancel":"Cancel","Insert":"Insert","No Border":"No Border","Create a new document.":"Create a new document.","Open a document.":"Open a document.","Undo the last operation (Ctrl+Z).":"Undo the last operation (Ctrl+Z).","Redo the last operation (Ctrl+Y).":"Redo the last operation (Ctrl+Y).","Insert inline picture from a file.":"Insert inline picture from a file.","Insert a table into the document":"Insert a table into the document","Create a link in your document for quick access to web pages and files (Ctrl+K).":"Create a link in your document for quick access to web pages and files (Ctrl+K).","Insert a bookmark in a specific place in this document.":"Insert a bookmark in a specific place in this document.","Provide an overview of your document by adding a table of contents.":"Provide an overview of your document by adding a table of contents.","Add or edit the header.":"Add or edit the header.","Add or edit the footer.":"Add or edit the footer.","Open the page setup dialog.":"Open the page setup dialog.","Add page numbers.":"Add page numbers.","Find text in the document (Ctrl+F).":"Find text in the document (Ctrl+F).","Toggle between the internal clipboard and system clipboard":"Toggle between the internal clipboard and system clipboard.Access to system clipboard through script is denied due to browsers security policy. Instead, 1. You can enable internal clipboard to cut, copy and paste within the component. 2. You can use the keyboard shortcuts (Ctrl+X, Ctrl+C and Ctrl+V) to cut, copy and paste with system clipboard.","Restrict editing.":"Restrict editing.","The current page number in the document. Click or tap to navigate specific page.":"The current page number in the document. Click or tap to navigate specific page.","Read only":"Read only","Protections":"Protections","Error in establishing connection with web server":"Error in establishing connection with web server","Single":"Single","Double":"Double","New comment":"New comment","Comments":"Comments"},"filemanager":{"NewFolder":"New folder","Upload":"Upload","Delete":"Delete","Rename":"Rename","Download":"Download","Cut":"Cut","Copy":"Copy","Paste":"Paste","SortBy":"Sort by","Refresh":"Refresh","Item-Selection":"item selected","Items-Selection":"items selected","View":"View","Details":"Details","SelectAll":"Select all","Open":"Open","Tooltip-NewFolder":"New folder","Tooltip-Upload":"Upload","Tooltip-Delete":"Delete","Tooltip-Rename":"Rename","Tooltip-Download":"Download","Tooltip-Cut":"Cut","Tooltip-Copy":"Copy","Tooltip-Paste":"Paste","Tooltip-SortBy":"Sort by","Tooltip-Refresh":"Refresh","Tooltip-Selection":"Clear selection","Tooltip-View":"View","Tooltip-Details":"Details","Tooltip-SelectAll":"Select all","Name":"Name","Size":"Size","DateModified":"Modified","DateCreated":"Date created","Path":"Path","Modified":"Modified","Created":"Created","Location":"Location","Type":"Type","Permission":"Permission","Ascending":"Ascending","Descending":"Descending","View-LargeIcons":"Large icons","View-Details":"Details","Search":"Search","Button-Ok":"OK","Button-Cancel":"Cancel","Button-Yes":"Yes","Button-No":"No","Button-Create":"Create","Button-Save":"Save","Header-NewFolder":"Folder","Content-NewFolder":"Enter your folder name","Header-Rename":"Rename","Content-Rename":"Enter your new name","Header-Rename-Confirmation":"Rename Confirmation","Content-Rename-Confirmation":"If you change a file name extension, the file might become unstable. Are you sure you want to change it?","Header-Delete":"Delete File","Content-Delete":"Are you sure you want to delete this file?","Header-Multiple-Delete":"Delete Multiple Files","Content-Multiple-Delete":"Are you sure you want to delete these {0} files?","Header-Duplicate":"File/Folder exists","Content-Duplicate":"{0} already exists. Do you want to rename and paste?","Header-Upload":"Upload Files","Error":"Error","Validation-Empty":"The file or folder name cannot be empty.","Validation-Invalid":"The file or folder name {0} contains invalid characters. Please use a different name. Valid file or folder names cannot end with a dot or space, and cannot contain any of the following characters: \\/:*?\"<>|","Validation-NewFolder-Exists":"A file or folder with the name {0} already exists.","Validation-Rename-Exists":"Cannot rename {0} to {1}: destination already exists.","Folder-Empty":"This folder is empty","File-Upload":"Drag files here to upload","Search-Empty":"No results found","Search-Key":"Try with different keywords","Sub-Folder-Error":"The destination folder is the subfolder of the source folder.","Access-Denied":"Access Denied","Access-Details":"You don't have permission to access this folder.","Header-Retry":"File Already Exists","Content-Retry":"A file with this name already exists in this folder. What would you like to do?","Button-Keep-Both":"Keep both","Button-Replace":"Replace","Button-Skip":"Skip","ApplyAll-Label":"Do this for all current items"},"gantt":{"emptyRecord":"No records to display","id":"ID","name":"Name","startDate":"Start Date","endDate":"End Date","duration":"Duration","progress":"Progress","dependency":"Dependency","notes":"Notes","excelExport":"Excel export","csvExport":"CSV export","baselineStartDate":"Baseline Start Date","baselineEndDate":"Baseline End Date","type":"Type","offset":"Offset","resourceName":"Resources","resourceID":"Resource ID","day":"day","hour":"hour","minute":"minute","days":"days","hours":"hours","minutes":"minutes","generalTab":"General","customTab":"Custom Columns","writeNotes":"Write Notes","addDialogTitle":"New Task","editDialogTitle":"Task Information","saveButton":"Save","add":"Add","edit":"Edit","update":"Update","delete":"Delete","cancel":"Cancel","search":"Search","addTask":"Add Task","editTask":"Edit Task","deleteTask":"Delete Task","expandAllTasks":"Expand All Tasks","collapseAllTasks":"Collapse All Tasks","expandAll":"Expand All","collapseAll":"Collapse All","nextTimeSpan":"Next Timespan","prevTimeSpan":"Previous Timespan","okText":"Ok","confirmDelete":"Are you sure you want to Delete Record?","from":"From","to":"To","taskLink":"Task Link","lag":"Lag","start":"Start","finish":"Finish","enterValue":"Enter the value","taskBeforePredecessor_FS":"You moved '{0}' to start before '{1}' finishes and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform","taskAfterPredecessor_FS":"You moved '{0}' away from '{1}' and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform","taskBeforePredecessor_SS":"You moved '{0}' to start before '{1}' starts and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform","taskAfterPredecessor_SS":"You moved '{0}' to start after '{1}' starts and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform","taskBeforePredecessor_FF":"You moved '{0}' to finish before '{1}' finishes and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform","taskAfterPredecessor_FF":"You moved '{0}' to finish after '{1}' finishes and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform","taskBeforePredecessor_SF":"You moved '{0}' away from '{1}' to starts and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform","taskAfterPredecessor_SF":"You moved '{0}' to finish after '{1}'starts and the two tasks are linked. As the result, the links cannot be honored. Select one action below to perform","taskInformation":"Task Information","deleteDependency":"Delete Dependency","convert":"Convert","save":"Save","above":"Above","below":"Below","child":"Child","milestone":"Milestone","toTask":"To Task","toMilestone":"To Milestone","eventMarkers":"Event markers","leftTaskLabel":"Left task label","rightTaskLabel":"Right task label","timelineCell":"Timeline cell"},"grid":{"EmptyRecord":"No records to display","True":"true","False":"false","InvalidFilterMessage":"Invalid Filter Data","GroupDropArea":"Drag a column header here to group its column","UnGroup":"Click here to ungroup","GroupDisable":"Grouping is disabled for this column","FilterbarTitle":"filter bar cell","EmptyDataSourceError":"DataSource must not be empty at initial load since columns are generated from dataSource in AutoGenerate Column Grid","Add":"Add","Edit":"Edit","Cancel":"Cancel","Update":"Update","Delete":"Delete","Print":"Print","Pdfexport":"PDF Export","Excelexport":"Excel Export","Wordexport":"Word Export","Csvexport":"CSV Export","Search":"Search","Columnchooser":"Columns","Save":"Save","Item":"item","Items":"items","EditOperationAlert":"No records selected for edit operation","DeleteOperationAlert":"No records selected for delete operation","SaveButton":"Save","OKButton":"OK","CancelButton":"Cancel","EditFormTitle":"Details of ","AddFormTitle":"Add New Record","BatchSaveConfirm":"Are you sure you want to save changes?","BatchSaveLostChanges":"Unsaved changes will be lost. Are you sure you want to continue?","ConfirmDelete":"Are you sure you want to Delete Record?","CancelEdit":"Are you sure you want to Cancel the changes?","ChooseColumns":"Choose Column","SearchColumns":"search columns","Matchs":"No Matches Found","FilterButton":"Filter","ClearButton":"Clear","StartsWith":"Starts With","EndsWith":"Ends With","Contains":"Contains","Equal":"Equal","NotEqual":"Not Equal","LessThan":"Less Than","LessThanOrEqual":"Less Than Or Equal","GreaterThan":"Greater Than","GreaterThanOrEqual":"Greater Than Or Equal","ChooseDate":"Choose a Date","EnterValue":"Enter the value","Copy":"Copy","Group":"Group by this column","Ungroup":"Ungroup by this column","autoFitAll":"Auto Fit all columns","autoFit":"Auto Fit this column","Export":"Export","FirstPage":"First Page","LastPage":"Last Page","PreviousPage":"Previous Page","NextPage":"Next Page","SortAscending":"Sort Ascending","SortDescending":"Sort Descending","EditRecord":"Edit Record","DeleteRecord":"Delete Record","FilterMenu":"Filter"},"checkboxFilter":{"Search":"Search","OK":"OK","Cancel":"Cancel","Filter":"Filter","Clear":"Clear","SelectAll":"Select All","Blanks":"Blanks","True":"True","False":"False","NoResult":"No Matches Found"},"excelFilter":{"ClearFilter":"Clear Filter","NumberFilter":"Number Filters","TextFilter":"Text Filters","DateFilter":"Date Filters","MatchCase":"Match Case","Equal":"Equal","NotEqual":"Not Equal","LessThan":"Less Than","LessThanOrEqual":"Less Than Or Equal","GreaterThan":"Greater Than","GreaterThanOrEqual":"Greater Than Or Equal","Between":"Between","CustomFilter":"Custom Filter","StartsWith":"Starts With","EndsWith":"Ends With","Contains":"Contains","OK":"OK","Cancel":"Cancel","CustomFilterPlaceHolder":"Enter the value","CustomFilterDatePlaceHolder":"Choose a date","AND":"AND","OR":"OR","ShowRowsWhere":"Show rows where:"},"pager":{"currentPageInfo":"{0} of {1} pages","totalItemsInfo":"({0} items)","firstPageTooltip":"Go to first page","lastPageTooltip":"Go to last page","nextPageTooltip":"Go to next page","previousPageTooltip":"Go to previous page","nextPagerTooltip":"Go to next pager","previousPagerTooltip":"Go to previous pager","pagerDropDown":"Items per page"},"listbox":{"noRecordsTemplate":"No Records Found","selectAllText":"Select All","unSelectAllText":"UnSelect All","moveUp":"Move Up","moveDown":"Move Down","moveTo":"Move To","moveFrom":"Move From","moveAllTo":"Move All To","moveAllFrom":"Move All From"},"maps":{"ZoomIn":"Zoom In","ZoomOut":"Zoom Out","Zoom":"Zoom","Pan":"Pan","Reset":"Reset","ResetZoom":"Reset Zoom"},"numerictextbox":{"incrementTitle":"Increment value","decrementTitle":"Decrement value"},"pivotview":{"all":"All","multipleItems":"Multiple items","Sum":"Sum","Count":"Count","DistinctCount":"Distinct Count","Product":"Product","Avg":"Avg","Min":"Min","SampleVar":"Sample Var","PopulationVar":"Population Var","RunningTotals":"Running Totals","Max":"Max","Index":"Index","SampleStDev":"Sample StDev","PopulationStDev":"Population StDev","PercentageOfRowTotal":"% of Row Total","PercentageOfParentTotal":"% of Parent Total","PercentageOfParentColumnTotal":"% of Parent Column Total","PercentageOfParentRowTotal":"% of Parent Row Total","DifferenceFrom":"Difference From","PercentageOfDifferenceFrom":"% of Difference From","PercentageOfGrandTotal":"% of Grand Total","PercentageOfColumnTotal":"% of Column Total","editorDataLimitMsg":" more items. Search to refine further.","mdxQuery":"MDX Query","qtr":"Qtr","null":"null","undefined":"undefined","groupOutOfRange":"Out of Range","fieldDropErrorAction":"The field you are moving cannot be placed in that area of the report","MoreOption":"More...","aggregate":"Aggregate","drillThrough":"Drill Through","ascending":"Ascending","descending":"Descending","number":"Number","currency":"Currency","percentage":"Percentage","formatType":"Format Type","customText":"Currency Symbol","symbolPosition":"Symbol Position","left":"Left","right":"Right","grouping":"Grouping","true":"True","false":"False","decimalPlaces":"Decimal Places","numberFormat":"Number Formatting","memberType":"Field Type","formatString":"Format String","expressionField":"Expression","customFormat":"Enter custom format string","selectedHierarchy":"Parent Hierarchy","olapDropText":"Example: [Measures].[Order Quantity] + ([Measures].[Order Quantity] * 0.10)","Percent":"Percent","Currency":"Currency","Custom":"Custom","Measure":"Measure","Dimension":"Dimension","Standard":"Standard","blank":"(Blank)","fieldTooltip":"Drag and drop fields to create an expression. And, if you want to edit the existing the calculated fields! Then you can achieve it by simply selecting the field under 'Calculated Members'.","QuarterYear":"Quarter Year","fieldTitle":"Field Name","drillError":"Cannot show the raw items of calculated fields.","grandTotal":"Grand Total","total":"Total","value":"Value","noValue":"No value","row":"Row","column":"Column","collapse":"Collapse","expand":"Expand","rowAxisPrompt":"Drop row here","columnAxisPrompt":"Drop column here","valueAxisPrompt":"Drop value here","filterAxisPrompt":"Drop filter here","filter":"Filter","filtered":"Filtered","sort":"Sort","filters":"Filters","rows":"Rows","columns":"Columns","values":"Values","close":"Close","cancel":"Cancel","delete":"Delete","calculatedField":"Calculated Field","createCalculatedField":"Create Calculated Field","fieldName":"Enter the field name","error":"Error","invalidFormula":"Invalid formula.","dropText":"Example: ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"Add fields and edit formula here.","dropAction":"Calculated field cannot be place in any other region except value axis.","alert":"Alert","warning":"Warning","ok":"OK","search":"Search","drag":"Drag","remove":"Remove","sum":"Sum","average":"Average","count":"Count","min":"Min","max":"Max","allFields":"All Fields","formula":"Formula","addToRow":"Add to Row","addToColumn":"Add to Column","addToValue":"Add to Value","addToFilter":"Add to Filter","emptyData":"No records to display","fieldExist":"A field already exists in this name. Please enter a different name.","confirmText":"A calculation field already exists in this name. Do you want to replace it?","noMatches":"No matches","format":"Summaries values by","edit":"Edit","clear":"Clear","formulaField":"Drag and drop fields to formula","dragField":"Drag field to formula","clearFilter":"Clear","by":"by","enterValue":"Enter value","chooseDate":"Enter date","Equals":"Equals","DoesNotEquals":"Does Not Equal","BeginWith":"Begins With","DoesNotBeginWith":"Does Not Begin With","EndsWith":"Ends With","DoesNotEndsWith":"Does Not End With","Contains":"Contains","DoesNotContains":"Does Not Contain","GreaterThan":"Greater Than","GreaterThanOrEqualTo":"Greater Than Or Equal To","LessThan":"Less Than","LessThanOrEqualTo":"Less Than Or Equal To","Between":"Between","NotBetween":"Not Between","Before":"Before","BeforeOrEqualTo":"Before Or Equal To","After":"After","AfterOrEqualTo":"After Or Equal To","member":"Member","label":"Label","date":"Date","labelTextContent":"Show the items for which the label","dateTextContent":"Show the items for which the date","valueTextContent":"Show the items for which","And":"and","NotEquals":"Not Equals","AllValues":"All Values","conditionalFormating":"Conditional Formatting","apply":"APPLY","condition":"Add Condition","formatLabel":"Format","valueFieldSettings":"Value field settings","sourceName":"Field name :","sourceCaption":"Field caption :","summarizeValuesBy":"Summarize values by :","baseField":"Base field :","baseItem":"Base item :","example":"e.g:","details":"Details","manageRecords":"Manage Records","Years":"Years","Quarters":"Quarters","Months":"Months","Days":"Days","Hours":"Hours","Minutes":"Minutes","Seconds":"Seconds","save":"Save a report","new":"Create a new report","load":"Load","saveAs":"Save as current report","rename":"Rename a current report","export":"Export","subTotals":"Sub totals","grandTotals":"Grand totals","reportName":"Report Name :","pdf":"PDF","excel":"Excel","csv":"CSV","showSubTotals":"Show sub totals","doNotShowSubTotals":"Do not show sub totals","showSubTotalsRowsOnly":"Show sub totals rows only","showSubTotalsColumnsOnly":"Show sub totals columns only","showGrandTotals":"Show grand totals","doNotShowGrandTotals":"Do not show grand totals","showGrandTotalsRowsOnly":"Show grand totals rows only","showGrandTotalsColumnsOnly":"Show grand totals columns only","fieldList":"Show fieldlist","grid":"Show table","toolbarFormatting":"Conditional formatting","chart":"Chart","reportMsg":"Please enter vaild report name!!!","reportList":"Report list","removeConfirm":"Are you sure want to delete this report?","emptyReport":"No reports found!!","bar":"Bar","line":"Line","area":"Area","scatter":"Scatter","polar":"Polar","of":"of","emptyFormat":"No format found!!!","emptyInput":"Enter a value","newReportConfirm":"Want to save changes to report?","emptyReportName":"Enter a report name","caption":"Field Caption","copy":"Copy","defaultReport":"Default report","customFormatString":"Custom Format","invalidFormat":"Invalid Format."},"pivotfieldlist":{"all":"All","multipleItems":"Multiple items","Sum":"Sum","Count":"Count","DistinctCount":"Distinct Count","Product":"Product","Avg":"Avg","Min":"Min","Max":"Max","Index":"Index","SampleStDev":"Sample StDev","PopulationStDev":"Population StDev","SampleVar":"Sample Var","PopulationVar":"Population Var","RunningTotals":"Running Totals","DifferenceFrom":"Difference From","PercentageOfDifferenceFrom":"% of Difference From","PercentageOfGrandTotal":"% of Grand Total","PercentageOfColumnTotal":"% of Column Total","PercentageOfRowTotal":"% of Row Total","PercentageOfParentTotal":"% of Parent Total","PercentageOfParentColumnTotal":"% of Parent Column Total","PercentageOfParentRowTotal":"% of Parent Row Total","Years":"Years","Quarters":"Quarters","Months":"Months","Days":"Days","Hours":"Hours","Minutes":"Minutes","Seconds":"Seconds","apply":"APPLY","editorDataLimitMsg":" more items. Search to refine further.","null":"null","undefined":"undefined","groupOutOfRange":"Out of Range","fieldDropErrorAction":"The field you are moving cannot be placed in that area of the report","MoreOption":"More...","memberType":"Field Type","selectedHierarchy":"Parent Hierarchy","formatString":"Format String","expressionField":"Expression","olapDropText":"Example: [Measures].[Order Quantity] + ([Measures].[Order Quantity] * 0.10)","customFormat":"Enter custom format string","Measure":"Measure","Dimension":"Dimension","Standard":"Standard","Currency":"Currency","Percent":"Percent","Custom":"Custom","blank":"(Blank)","fieldTooltip":"Drag and drop fields to create an expression. And, if you want to edit the existing the calculated fields! You can achieve it by simply selecting the field under 'Calculated Members'.","fieldTitle":"Field Name","QuarterYear":"Quarter Year","staticFieldList":"Pivot Field List","fieldList":"Field List","dropFilterPrompt":"Drop filter here","dropColPrompt":"Drop column here","dropRowPrompt":"Drop row here","dropValPrompt":"Drop value here","addPrompt":"Add field here","adaptiveFieldHeader":"Choose field","centerHeader":"Drag fields between axes below:","add":"add","drag":"Drag","filter":"Filter","filtered":"Filtered","sort":"Sort","remove":"Remove","filters":"Filters","rows":"Rows","columns":"Columns","values":"Values","calculatedField":"Calculated Field","createCalculatedField":"Create Calculated Field","fieldName":"Enter the field name","error":"Error","invalidFormula":"Invalid formula.","dropText":"Example: ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"Add fields and edit formula here.","dropAction":"Calculated field cannot be place in any other region except value axis.","search":"Search","close":"Close","cancel":"Cancel","delete":"Delete","alert":"Alert","warning":"Warning","ok":"OK","sum":"Sum","average":"Average","count":"Count","min":"Min","max":"Max","allFields":"All Fields","formula":"Formula","fieldExist":"A field already exists in this name. Please enter a different name.","confirmText":"A calculation field already exists in this name. Do you want to replace it?","noMatches":"No matches","format":"Summaries values by","edit":"Edit","clear":"Clear","formulaField":"Drag and drop fields to formula","dragField":"Drag field to formula","clearFilter":"Clear","by":"by","enterValue":"Enter value","chooseDate":"Enter date","Equals":"Equals","DoesNotEquals":"Does Not Equal","BeginWith":"Begins With","DoesNotBeginWith":"Does Not Begin With","EndsWith":"Ends With","DoesNotEndsWith":"Does Not End With","Contains":"Contains","DoesNotContains":"Does Not Contain","GreaterThan":"Greater Than","GreaterThanOrEqualTo":"Greater Than Or Equal To","LessThan":"Less Than","LessThanOrEqualTo":"Less Than Or Equal To","Between":"Between","NotBetween":"Not Between","Before":"Before","BeforeOrEqualTo":"Before Or Equal To","After":"After","AfterOrEqualTo":"After Or Equal To","member":"Member","label":"Label","date":"Date","value":"Value","labelTextContent":"Show the items for which the label","dateTextContent":"Show the items for which the date","valueTextContent":"Show the items for which","And":"and","valueFieldSettings":"Value field settings","sourceName":"Field name :","sourceCaption":"Field caption :","summarizeValuesBy":"Summarize values by :","baseField":"Base field :","baseItem":"Base item :","example":"e.g:","deferLayoutUpdate":"Defer Layout Update","caption":"Field Caption","copy":"Copy"},"query-builder":{"AddGroup":"Add Group","AddCondition":"Add Condition","DeleteRule":"Delete Rule","DeleteGroup":"Delete Group","Edit":"Edit","SelectField":"Select Field","SelectOperator":"Select Operator","StartsWith":"Starts With","EndsWith":"Ends With","Contains":"Contains","Equal":"Equal","NotEqual":"Not Equal","LessThan":"Less Than","LessThanOrEqual":"Less Than Or Equal","GreaterThan":"Greater Than","GreaterThanOrEqual":"Greater Than Or Equal","Between":"Between","NotBetween":"Not Between","In":"In","NotIn":"Not In","Remove":"Remove","ValidationMessage":"Validation Message","IsNull":"Is Null","IsNotNull":"Is Not Null","IsEmpty":"Is Empty","IsNotEmpty":"Is Not Empty","AND":"AND","OR":"OR","NOT":"NOT","NotContains":"Not Contains","NotStartsWith":"Not Starts With","NotEndsWith":"Not Ends With"},"schedule":{"day":"Day","week":"Week","workWeek":"Work Week","month":"Month","agenda":"Agenda","weekAgenda":"Week Agenda","workWeekAgenda":"Work Week Agenda","monthAgenda":"Month Agenda","today":"Today","noEvents":"No events","emptyContainer":"There are no events scheduled on this day.","allDay":"All day","start":"Start","end":"End","more":"more","close":"Close","cancel":"Cancel","noTitle":"(No Title)","delete":"Delete","deleteEvent":"Delete Event","deleteMultipleEvent":"Delete Multiple Events","selectedItems":"Items selected","deleteSeries":"Delete Series","edit":"Edit","editSeries":"Edit Series","editEvent":"Edit Event","createEvent":"Create","subject":"Subject","addTitle":"Add title","moreDetails":"More Details","save":"Save","editContent":"Do you want to edit only this event or entire series?","deleteRecurrenceContent":"Do you want to delete only this event or entire series?","deleteContent":"Are you sure you want to delete this event?","deleteMultipleContent":"Are you sure you want to delete the selected events?","newEvent":"New Event","title":"Title","location":"Location","description":"Description","timezone":"Timezone","startTimezone":"Start Timezone","endTimezone":"End Timezone","repeat":"Repeat","saveButton":"Save","cancelButton":"Cancel","deleteButton":"Delete","recurrence":"Recurrence","wrongPattern":"The recurrence pattern is not valid.","seriesChangeAlert":"The changes made to specific instances of this series will be cancelled and those events will match the series again.","createError":"The duration of the event must be shorter than how frequently it occurs. Shorten the duration, or change the recurrence pattern in the recurrence event editor.","recurrenceDateValidation":"Some months have fewer than the selected date. For these months, the occurrence will fall on the last date of the month.","sameDayAlert":"Two occurrences of the same event cannot occur on the same day.","editRecurrence":"Edit Recurrence","repeats":"Repeats","alert":"Alert","startEndError":"The selected end date occurs before the start date.","invalidDateError":"The entered date value is invalid.","ok":"Ok","occurrence":"Occurrence","series":"Series","previous":"Previous","next":"Next","timelineDay":"Timeline Day","timelineWeek":"Timeline Week","timelineWorkWeek":"Timeline Work Week","timelineMonth":"Timeline Month"},"recurrenceeditor":{"none":"None","daily":"Daily","weekly":"Weekly","monthly":"Monthly","month":"Month","yearly":"Yearly","never":"Never","until":"Until","count":"Count","first":"First","second":"Second","third":"Third","fourth":"Fourth","last":"Last","repeat":"Repeat","repeatEvery":"Repeat Every","on":"Repeat On","end":"End","onDay":"Day","days":"Day(s)","weeks":"Week(s)","months":"Month(s)","years":"Year(s)","every":"every","summaryTimes":"time(s)","summaryOn":"on","summaryUntil":"until","summaryRepeat":"Repeats","summaryDay":"day(s)","summaryWeek":"week(s)","summaryMonth":"month(s)","summaryYear":"year(s)"},"slider":{"incrementTitle":"increase","decrementTitle":"decrease"},"spreadsheet":{"Cut":"Cut","Copy":"Copy","Paste":"Paste","PasteSpecial":"Paste Special","All":"All","Values":"Values","Formats":"Formats","Font":"Font","FontSize":"Font Size","Bold":"Bold","Italic":"Italic","Underline":"Underline","Strikethrough":"Strikethrough","TextColor":"Text Color","FillColor":"Fill Color","HorizontalAlignment":"Horizontal Alignment","AlignLeft":"Align Left","AlignCenter":"Center","AlignRight":"Align Right","VerticalAlignment":"Vertical Alignment","AlignTop":"Align Top","AlignMiddle":"Align Middle","AlignBottom":"Align Bottom","InsertFunction":"Insert Function","Insert":"Insert","Delete":"Delete","Rename":"Rename","Hide":"Hide","Unhide":"Unhide","NameBox":"Name Box","ShowHeaders":"Show Headers","HideHeaders":"Hide Headers","ShowGridLines":"Show Gridlines","HideGridLines":"Hide Gridlines","AddSheet":"Add Sheet","ListAllSheets":"List All Sheets","FullScreen":"Full Screen","CollapseToolbar":"Collapse Toolbar","ExpandToolbar":"Expand Toolbar","CollapseFormulaBar":"Collapse Formula Bar","ExpandFormulaBar":"Expand Formula Bar","File":"File","Home":"Home","Formulas":"Formulas","View":"View","New":"New","Open":"Open","SaveAs":"Save As","ExcelXlsx":"Microsoft Excel","ExcelXls":"Microsoft Excel 97-2003","CSV":"Comma-separated values","FormulaBar":"Formula Bar","Ok":"Ok","Close":"Close","Cancel":"Cancel","Apply":"Apply","MoreColors":"More Colors","StandardColors":"Standard Colors","General":"General","Number":"Number","Currency":"Currency","Accounting":"Accounting","ShortDate":"Short Date","LongDate":"Long Date","Time":"Time","Percentage":"Percentage","Fraction":"Fraction","Scientific":"Scientific","Text":"Text","NumberFormat":"Number Format","MobileFormulaBarPlaceHolder":"Enter value or Formula","PasteAlert":"You can't paste this here, because the copy area and paste area aren't in the same size. Please try pasting in a different range.","DestroyAlert":"Are you sure you want to destroy the current workbook without saving and create a new workbook?","SheetRenameInvalidAlert":"Sheet name contains invalid character.","SheetRenameEmptyAlert":"Sheet name cannot be empty.","SheetRenameAlreadyExistsAlert":"Sheet name already exists. Please enter another name.","DeleteSheetAlert":"Are you sure you want to delete this sheet?","DeleteSingleLastSheetAlert":"A Workbook must contain at least one visible worksheet.","PickACategory":"Pick a category","Description":"Description","UnsupportedFile":"Unsupported File","InvalidUrl":"Invalid Url","SUM":"Adds a series of numbers and/or cells.","SUMIF":"Adds the cells based on specified condition.","SUMIFS":"Adds the cells based on specified conditions.","ABS":"Returns the value of a number without its sign.","RAND":"Returns a random number between 0 and 1.","RANDBETWEEN":"Returns a random integer based on specified values.","FLOOR":"Rounds a number down to the nearest multiple of a given factor.","CEILING":"Rounds a number up to the nearest multiple of a given factor.","PRODUCT":"Multiplies a series of numbers and/or cells.","AVERAGE":"Calculates average for the series of numbers and/or cells excluding text.","AVERAGEIF":"Calculates average for the cells based on specified criterion.","AVERAGEIFS":"Calculates average for the cells based on specified conditions.","AVERAGEA":"Calculates the average for the cells evaluating TRUE as 1, text and FALSE as 0.","COUNT":"Counts the cells that contain numeric values in a range.","COUNTIF":"Counts the cells based on specified condition.","COUNTIFS":"Counts the cells based on specified conditions.","COUNTA":"Counts the cells that contains values in a range.","MIN":"Returns the smallest number of the given arguments.","MAX":"Returns the largest number of the given arguments.","DATE":"Returns the date based on given year, month, and day.","DAY":"Returns the day from the given date.","DAYS":"Returns the number of days between two dates.","IF":"Returns value based on the given expression.","IFS":"Returns value based on the given multiple expressions.","AND":"Returns TRUE if all the arguments are TRUE, otherwise returns FALSE.","OR":"Returns TRUE if any of the arguments are TRUE, otherwise returns FALSE.","IFERROR":"Returns value if no error found else it will return specified value.","CHOOSE":"Returns a value from list of values, based on index number.","INDEX":"Returns a value of the cell in a given range based on row and column number.","FIND":"Returns the position of a string within another string, which is case sensitive","CONCATENATE":"Combines two or more strings together.","CONCAT":"Concatenates a list or a range of text strings.","SUBTOTAL":"Returns subtotal for a range using the given function number.","RADIANS":"Converts degrees into radians.","MATCH":"Returns the relative position of a specified value in given range.","DefineNameExists":"This name already exists, try different name.","CircularReference":"When a formula refers to one or more circular references, this may result in an incorrect calculation."},"timepicker":{"placeholder":"Select a time"},"treegrid":{"EmptyRecord":"No records to display","InvalidFilterMessage":"Invalid Filter Data","FilterbarTitle":"filter bar cell","EmptyDataSourceError":"DataSource must not be empty at initial load since columns are generated from dataSource in AutoGenerate Column TreeGrid","Add":"Add","Edit":"Edit","Cancel":"Cancel","Update":"Update","Delete":"Delete","Print":"Print","Pdfexport":"PDF Export","Excelexport":"Excel Export","Wordexport":"Word Export","Csvexport":"CSV Export","Search":"Search","Columnchooser":"Columns","Save":"Save","EditOperationAlert":"No records selected for edit operation","DeleteOperationAlert":"No records selected for delete operation","SaveButton":"Save","CancelButton":"Cancel","EditFormTitle":"Details of ","AddFormTitle":"Add New Record","ConfirmDelete":"Are you sure you want to Delete Record?","CancelEdit":"Are you sure you want to Cancel the changes?","ChooseColumns":"Choose Column","SearchColumns":"search columns","FilterButton":"Filter","ClearButton":"Clear","StartsWith":"Starts With","EndsWith":"Ends With","Contains":"Contains","Equal":"Equal","NotEqual":"Not Equal","LessThan":"Less Than","LessThanOrEqual":"Less Than Or Equal","GreaterThan":"Greater Than","GreaterThanOrEqual":"Greater Than Or Equal","ChooseDate":"Choose a Date","EnterValue":"Enter the value","autoFitAll":"Auto Fit all columns","autoFit":"Auto Fit this column","Export":"Export","FirstPage":"First Page","LastPage":"Last Page","PreviousPage":"Previous Page","NextPage":"Next Page","SortAscending":"Sort Ascending","SortDescending":"Sort Descending","EditRecord":"Edit Record","DeleteRecord":"Delete Record","FilterMenu":"Filter"},"uploader":{"invalidMinFileSize":"File size is too small!","invalidMaxFileSize":"File size exceeds 28 MB","invalidFileType":"File type is not allowed","Browse":"Browse...","Clear":"Clear","Upload":"Upload","dropFilesHint":"Or drop files here","uploadFailedMessage":"File failed to upload","uploadSuccessMessage":"File uploaded successfully","removedSuccessMessage":"File removed successfully","removedFailedMessage":"Unable to remove file","inProgress":"Uploading","readyToUploadMessage":"Ready to upload","remove":"Remove","cancel":"Cancel","delete":"Delete file","abort":"Abort","pauseUpload":"File upload paused","pause":"Pause","resume":"Resume","retry":"Retry","fileUploadCancel":"File upload canceled"}},"zh":{"dropdowns":{"noRecordsTemplate":"没有找到记录","actionFailureTemplate":"请求失败","overflowCountTemplate":"+$(計數) 更多..","selectAllText":"全選","unSelectAllText":"全部取消選擇"},"calendar":{"today":"今天"},"chart":{"ZoomIn":"放大","ZoomOut":"缩小","Zoom":"放大","Pan":"泛","Reset":"重启","ResetZoom":"重置缩放"},"colorpicker":{"Apply":"应用","Cancel":"取消","ModeSwitcher":"开关 模式"},"datepicker":{"placeholder":"選擇一個日期","today":"今天"},"daterangepicker":{"placeholder":"选择一个范围","startLabel":"开始日期","endLabel":"结束日期","applyText":"应用","cancelText":"取消","selectedDays":"选定日期","days":"天","customRange":"自定义范围"},"datetimepicker":{"placeholder":"选择日期和时间","today":"今天"},"diagram":{"Cut":"切","Copy":"复制","Paste":"糊","Undo":"解开","Redo":"重做","SelectAll":"全选","Grouping":"分组","Group":"组","UnGroup":"取消组合","Order":"订购","BringToFront":"帶到前面","MoveForward":"向前移动","SendBackward":"后移","SendToBack":"发送回"},"dialog":{"close":"關"},"documenteditor":{"Table":"表","Row":"行","Cell":"細胞","Ok":"還行","Cancel":"取消","Size":"大小","Preferred Width":"首選寬度","Points":"點","Percent":"百分比","Measure in":"測量在","Alignment":"對準","Left":"離開","Center":"中心","Right":"對","Justify":"證明","Indent from left":"從左縮進","Borders and Shading":"邊框和 Shading","Options":"選項","Specify height":"指定高度","At least":"至少","Exactly":"完全","Row height is":"行高度為","Allow row to break across pages":"允許行跨頁中斷","Repeat as header row at the top of each page":"在每個頁面頂部重複作為標題列","Vertical alignment":"垂直對齊","Top":"返回頁首","Bottom":"底部","Default cell margins":"預設儲存格邊距","Default cell spacing":"預設儲存格間距","Allow spacing between cells":"允許儲存格之間的間距","Cell margins":"儲存格邊距","Same as the whole table":"與整個表格相同","Borders":"邊界","None":"沒有","Style":"風格","Width":"寬度","Height":"高度","Letter":"信","Tabloid":"小報","Legal":"法律","Statement":"聲明","Executive":"行政","A3":"A3","A4":"A4","A5":"A5","B4":"B4","B5":"B5","Custom Size":"自訂大小","Different odd and even":"不同的奇數和偶數","Different first page":"不同的第一頁","From edge":"從邊緣","Header":"頭","Footer":"頁腳","Margin":"邊緣","Paper":"紙","Layout":"佈局","Orientation":"取向","Landscape":"景觀","Portrait":"肖像","Show page numbers":"顯示頁碼","Right align page numbers":"右對齊頁碼","Nothing":"什麼","Tab leader":"選項卡引線","Show levels":"顯示級別","Use hyperlinks instead of page numbers":"使用超連結而不是頁碼","Build table of contents from":"組建目錄","Styles":"風格","Available styles":"可用樣式","TOC level":"TOC 級別","Heading":"標題","Heading 1":"標題 1","Heading 2":"標題 2","Heading 3":"標題 3","Heading 4":"標題 4","Heading 5":"標題 5","Heading 6":"標題 6","List Paragraph":"清單段落","Normal":"正常","Outline levels":"大綱級別","Table entry fields":"表條目欄位","Modify":"修改","Color":"顏色","Setting":"設置","Box":"箱","All":"所有","Custom":"自 定義","Preview":"預覽","Shading":"陰影","Fill":"填補","Apply To":"適用于","Table Properties":"表屬性","Cell Options":"儲存格選項","Table Options":"表選項","Insert Table":"插入表","Number of columns":"列數","Number of rows":"行數","Text to display":"要顯示的文本","Address":"位址","Insert Hyperlink":"插入超連結","Edit Hyperlink":"編輯超連結","Insert":"插入","General":"一般","Indentation":"壓 痕","Before text":"文本之前","Special":"特殊","First line":"第一行","Hanging":"掛","After text":"文本後","By":"由","Before":"之前","Line Spacing":"行距","After":"後","At":"在","Multiple":"多個","Spacing":"間距","Define new Multilevel list":"定義新的多級清單","List level":"清單級別","Choose level to modify":"選擇要修改的級別","Level":"水準","Number format":"數位格式","Number style for this level":"此級別的數位樣式","Enter formatting for number":"輸入數位的格式","Start at":"開始于","Restart list after":"重新開機清單後","Position":"位置","Text indent at":"文本縮進處","Aligned at":"對齊于","Follow number with":"跟隨號碼","Tab character":"選項卡字元","Space":"空間","Arabic":"阿拉伯文","UpRoman":"上羅馬","LowRoman":"洛羅曼","UpLetter":"向上字母","LowLetter":"低信","Number":"數量","Leading zero":"前置字元為零","Bullet":"子彈","Ordinal":"序","Ordinal Text":"行文文本","For East":"對於東部","No Restart":"無重新開機","Font":"字體","Font style":"字體樣式","Underline style":"底線樣式","Font color":"字體顏色","Effects":"影響","Strikethrough":"罷工","Superscript":"標","Subscript":"標","Double strikethrough":"雙罷工","Regular":"定期","Bold":"大膽","Italic":"斜","Cut":"削減","Copy":"複製","Paste":"粘貼","Hyperlink":"連結","Open Hyperlink":"打開超連結","Copy Hyperlink":"複製超連結","Remove Hyperlink":"刪除超連結","Paragraph":"段","Linked(Paragraph and Character)":"連結（段落和字元）","Character":"字元","Merge Cells":"合併儲存格","Insert Above":"在上面插入","Insert Below":"插入下方","Insert Left":"向左插入","Insert Right":"向右插入","Delete":"刪除","Delete Table":"刪除表","Delete Row":"刪除行","Delete Column":"刪除列","File Name":"檔案名","Format Type":"格式類型","Save":"救","Navigation":"導航","Results":"結果","Replace":"取代","Replace All":"全部替換","We replaced all":"我們替換了所有","Find":"找到","No matches":"無匹配項","All Done":"全部完成","Result":"結果","of":"的","instances":"實例","with":"與","Click to follow link":"按一下以關注連結","Continue Numbering":"繼續編號","Bookmark name":"書簽名稱","Close":"關閉","Restart At":"重新開機時：","Properties":"性能","Name":"名字","Style type":"風格","Style based on":"樣式基於","Style for following paragraph":"以下段落的樣式","Formatting":"格式","Numbering and Bullets":"編號和專案符號","Numbering":"編號","Update Field":"更新欄位","Edit Field":"編輯","Bookmark":"書簽","Page Setup":"側設置","No bookmarks found":"未找到書簽","Number format tooltip information":"單級數位格式：[首碼]%[級別編號][SUFFIX]例如，第1章\"將編號顯示為第1章。 第2章... 第 N 章 第 n 條多級數位格式：[首碼]%_LEVEL______________________________________________sUFFIX_lt;/br>例如，\"%1.%2\"顯示編號條款1.2. 條款... 1.N.文章","Format":"格式","Create New Style":"創建新樣式","Modify Style":"更改樣式","New":"新增功能","Bullets":"球","Use bookmarks":"使用書簽","Table of Contents":"表","AutoFit":"自動擬合","AutoFit to Contents":"自動適應內容","AutoFit to Window":"自動裝配到視窗","Fixed Column Width":"固定列寬度","Reset":"重 置","Match case":"匹配案例","Whole words":"整字","Add":"添加","Go To":"轉到(G)","Search for":"搜索","Replace with":"將其替換為","TOC 1":"TOC 1","TOC 2":"TOC 2","TOC 3":"TOC 3","TOC 4":"TOC 4","TOC 5":"TOC 5","TOC 6":"TOC 6","TOC 7":"TOC 7","TOC 8":"TOC 8","TOC 9":"TOC 9","Right-to-left":"從右至左","Left-to-right":"從左至右","Direction":"方向","Table direction":"表方向","Indent from right":"從右側進入","Don't add space between the paragraphs of the same styles":"不要在相同樣式的段落之間添加距離。","The password don't match":"密碼不匹配","Restrict Editing":"限制編輯","Formatting restrictions":"格式限制","Allow formatting":"允許格式化","Editing restrictions":"編輯限制","Read only":"唯讀","Exceptions (optional)":"例外情況（可選）","Select parts of the document and choose users who are allowed to freely edit them.":"選擇文檔的某些部分，並選擇可以自由編輯它們的使用者。","Everyone":"每個","More users":"更多使用者","Add Users":"添加使用者","Yes, Start Enforcing Protection":"是，開始實施保護","Start Enforcing Protection":"開始實施保護","Enter User":"輸入使用者","Users":"使用者","Enter new password":"輸入新密碼","Reenter new password to confirm":"請重新輸入新密碼以確認此","Your permissions":"您的許可權","This document is protected from unintentional editing.You may edit in this region.":"本文檔受到保護，不受意外編輯。 您可以在此區域中進行編輯。 ","You may format text only with certain styles.":"只能使用特定樣式設置文本的格式。","Stop Protection":"停止保護","Password":"密碼","Spelling Editor":"拼寫編輯器","Spelling":"拼寫","Spell Check":"拼寫檢查器","Underline errors":"底線錯誤","Ignore":"忽略","Ignore all":"忽略所有","Add to Dictionary":"添加到字典","Change":"改變","Change All":"更改所有","Suggestions":"建議","The password is incorrect":"密碼不正確","Error in establishing connection with web server":"無法連接到 Web 服務器","Highlight the regions I can edit":"選擇可以編輯的區域","Show All Regions I Can Edit":"查看可以編輯的所有區域","Find Next Region I Can Edit":"查找可以編輯的下一個區域","Keep source formatting":"保留源格式","Match destination formatting":"匹配目標格式","Text only":"僅文本","Comments":"評論","Type your comment":"輸入您的評論","Post":"部署","Reply":"回答","New Comment":"新評論","Edit":"編輯","Resolve":"修復","Reopen":"打開","No comments in this document":"本文檔中沒有注釋","more":"更","Type your comment hear":"輸入您的評論","Next Comment":"下一個評論","Previous Comment":"上一條評論","Un-posted comments":"未發佈的注釋","Added comments not posted. If you continue, that comment will be discarded.":"添加了未發佈的注釋。如果繼續，該注釋將被丟棄。"},"documenteditorcontainer":{"New":"新增功能","Open":"打開","Undo":"撤銷","Redo":"重新","Image":"圖像","Table":"表","Link":"連結","Bookmark":"書簽","Table of Contents":"目錄","HEADING - - - - 1":"標題 - - - - 1","HEADING - - - - 2":"標題 - - - - 2","HEADING - - - - 3":"標題 - - - - 3","Header":"頭","Footer":"頁腳","Page Setup":"版面設定","Page Number":"頁碼","Break":"打破","Find":"找到","Local Clipboard":"本地剪貼簿","Restrict Editing":"限制編輯","Upload from computer":"從電腦上傳","By URL":"按 URL","Page Break":"分頁符","Section Break":"截面中斷","Header & Footer":"頁眉和頁腳","Options":"選項","Levels":"水準","Different First Page":"不同的第一頁","Different header and footer for odd and even pages.":"不同的頁眉和頁腳為奇數和偶數頁。","Different Odd & Even Pages":"不同的奇數和偶數頁","Different header and footer for first page.":"第一頁的頁眉和頁腳不同。","Position":"位置","Header from Top":"頂部標題","Footer from Bottom":"從底部的頁腳","Distance from top of the page to top of the header.":"從頁面頂部到標題頂部的距離。","Distance from bottom of the page to bottom of the footer.":"從頁底到頁腳底部的距離。","Aspect ratio":"縱橫比","W":"W","H":"H","Width":"寬度","Height":"高度","Text":"文本","Paragraph":"段","Fill":"填補","Fill color":"填充顏色","Border Style":"邊框樣式","Outside borders":"外部邊界","All borders":"所有邊框","Inside borders":"內部邊界","Left border":"左邊框","Inside vertical border":"內部垂直邊框","Right border":"右邊框","Top border":"頂部邊框","Inside horizontal border":"內部水準邊框","Bottom border":"底部邊框","Border color":"邊框顏色","Border width":"邊框寬度","Cell":"細胞","Merge cells":"合併儲存格","Insert / Delete":"插入/刪除","Insert columns to the left":"向左插入列","Insert columns to the right":"向右插入列","Insert rows above":"在上面插入行","Insert rows below":"在下面插入行","Delete rows":"刪除行","Delete columns":"刪除列","Cell Margin":"儲存格邊距","Top":"返回頁首","Bottom":"底部","Left":"離開","Right":"對","Align Text":"對齊文本","Align top":"對齊頂部","Align bottom":"對齊底部","Align center":"對齊中心","Number of heading or outline levels to be shown in table of contents.":"要在目錄中顯示的標題或大綱級別數。","Show page numbers":"顯示頁碼","Show page numbers in table of contents.":"在目錄中顯示頁碼。","Right align page numbers":"右對齊頁碼","Right align page numbers in table of contents.":"在目錄中右對齊頁碼。","Use hyperlinks":"使用超連結","Use hyperlinks instead of page numbers.":"使用超連結而不是頁碼。","Font":"字體","Font Size":"字體大小","Font color":"字體顏色","Text highlight color":"文本高亮顯示顏色","Clear all formatting":"清除所有格式","Bold (Ctrl+B)":"粗體（Ctrl+B）","Italic (Ctrl+I)":"斜體（Ctrl_I）","Underline (Ctrl+U)":"底線 （Ctrl+U）","Strikethrough":"罷工","Superscript (Ctrl+Shift++)":"上標（Ctrl_Shift_）","Subscript (Ctrl+=)":"下標（Ctrl_）","Align left (Ctrl+L)":"向左對齊（Ctrl+L）","Center (Ctrl+E)":"中心（Ctrl+E）","Align right (Ctrl+R)":"向右對齊（Ctrl+R）","Justify (Ctrl+J)":"對齊 （Ctrl_J）","Decrease indent":"減少縮進","Increase indent":"增加縮進","Line spacing":"行距","Bullets":"子彈","Numbering":"編號","Styles":"風格","Manage Styles":"管理樣式","Page":"網頁","of":"的","Fit one page":"適合一頁","Spell Check":"拼寫檢查","Underline errors":"底線錯誤","Fit page width":"適合頁面寬度","Update":"更新","Cancel":"取消","Insert":"插入","No Border":"無邊框","Create a new document.":"創建新文檔。","Open a document.":"打開文檔。","Undo the last operation (Ctrl+Z).":"撤銷最後一個操作 （Ctrl+Z）。","Redo the last operation (Ctrl+Y).":"重做最後一個操作 （Ctrl+Y）。","Insert inline picture from a file.":"從檔中插入內聯圖片。","Insert a table into the document":"將表插入到文檔中","Create a link in your document for quick access to web pages and files (Ctrl+K).":"在文檔中創建連結以快速訪問網頁和檔 （Ctrl+K）。","Insert a bookmark in a specific place in this document.":"在此文檔中的特定位置插入書簽。","Provide an overview of your document by adding a table of contents.":"通過添加目錄來提供文檔的概述。","Add or edit the header.":"添加或編輯標頭。","Add or edit the footer.":"添加或編輯頁腳。","Open the page setup dialog.":"打開版面設定對話方塊。","Add page numbers.":"添加頁碼。","Find text in the document (Ctrl+F).":"在文檔中查找文本 （Ctrl+F）。","Toggle between the internal clipboard and system clipboard":"由於瀏覽器安全性原則，在內部剪貼簿和系統剪貼簿之間切換將被拒絕通過腳本訪問系統剪貼簿。相反， 1.您可以啟用內部剪貼簿在元件內剪切、複製和粘貼。您可以使用鍵盤快速鍵（Ctrl_X、Ctrl+C 和 Ctrl_V）使用系統剪貼簿剪切、複製和粘貼。","Restrict editing.":"限制編輯。","The current page number in the document. Click or tap to navigate specific page.":"文檔中的當前頁碼。按一下或點擊以導航特定頁面。","Read only":"唯讀","Protections":"保護","Error in establishing connection with web server":"與 Web 服務器建立連接時出錯","Single":"單","Double":"雙","New comment":"新評論","Comments":"評論"},"filemanager":{"NewFolder":"新建文件夹","Upload":"上传","Delete":"删除","Rename":"改名","Download":"下载","Cut":"切","Copy":"复制","Paste":"糊","SortBy":"排序方式","Refresh":"刷新","Item-Selection":"项目选择","Items-Selection":"选中的项目","View":"视图","Details":"细节","SelectAll":"全选","Open":"打开","Tooltip-NewFolder":"新建文件夹","Tooltip-Upload":"上传","Tooltip-Delete":"删除","Tooltip-Rename":"改名","Tooltip-Download":"下载","Tooltip-Cut":"切","Tooltip-Copy":"复制","Tooltip-Paste":"糊","Tooltip-SortBy":"排序方式","Tooltip-Refresh":"刷新","Tooltip-Selection":"清空选项","Tooltip-View":"视图","Tooltip-Details":"细节","Tooltip-SelectAll":"全选","Name":"名称","Size":"尺寸","DateModified":"改性","DateCreated":"创建日期","Path":"路径","Modified":"改性","Created":"创建","Location":"地点","Type":"类型","Permission":"允许","Ascending":"上升","Descending":"降序","View-LargeIcons":"大图标","View-Details":"细节","Search":"搜索","Button-Ok":"好","Button-Cancel":"取消","Button-Yes":"是","Button-No":"没有","Button-Create":"创建","Button-Save":"保存","Header-NewFolder":"夹","Content-NewFolder":"输入您的文件夹名称","Header-Rename":"改名","Content-Rename":"输入你的新名字","Header-Rename-Confirmation":"重命名确认","Content-Rename-Confirmation":"如果更改文件扩展名,文件可能会变得不稳定。您确定要更改它吗？","Header-Delete":"删除文件","Content-Delete":"你确定要删除这个文件吗？","Header-Multiple-Delete":"删除多个文件","Content-Multiple-Delete":"您确定要删除这些{0}文件吗？","Header-Duplicate":"文件/文件夹存在","Content-Duplicate":"{0}已经存在。您要重命名和粘贴吗？","Header-Upload":"上传文件","Error":"错误","Validation-Empty":"文件或文件夹名称不能为空。","Validation-Invalid":"文件或文件夹名称{0}包含无效字符。请使用其他名称。有效文件或文件夹名称不能以点或空格结尾,并且不能包含以下任何字符：\\ /：*？\"< > |","Validation-NewFolder-Exists":"名称为{0}的文件或文件夹已存在。","Validation-Rename-Exists":"无法将{0}重命名为{1}：目标已存在。","Folder-Empty":"这个文件夹是空的","File-Upload":"将文件拖到此处上传","Search-Empty":"未找到结果","Search-Key":"尝试使用不同的关键字","Sub-Folder-Error":"目标文件夹是源文件夹的子文件夹。","Access-Denied":"拒绝访问","Access-Details":"您无权访问此文件夹。","Header-Retry":"文件已存在","Content-Retry":"此文件夹中已存在具有此名称的文件。您想要做什么？","Button-Keep-Both":"保留两个","Button-Replace":"更换","Button-Skip":"跳跃","ApplyAll-Label":"为所有当前项目执行此操作"},"gantt":{"emptyRecord":"无记录可显示","id":"ID","name":"名称","startDate":"开始日期","endDate":"结束日期","duration":"持续时间","progress":"进展","dependency":"依赖","notes":"笔记","excelExport":"Excel导出","csvExport":"CSV导出","baselineStartDate":"基准开始日期","baselineEndDate":"基线结束日期","type":"类型","offset":"抵消","resourceName":"资源","resourceID":"资源ID","day":"天","hour":"小时","minute":"分钟","days":"天","hours":"小时","minutes":"分钟","generalTab":"一般","customTab":"自定义列","writeNotes":"写笔记","addDialogTitle":"新任务","editDialogTitle":"任务信息","saveButton":"保存","add":"加","edit":"编辑","update":"更新","delete":"删除","cancel":"取消","search":"搜索","addTask":"添加任务","editTask":"编辑任务","deleteTask":"删除任务","expandAllTasks":"展开所有任务","collapseAllTasks":"折叠所有任务","expandAll":"展开全部","collapseAll":"全部收缩","nextTimeSpan":"下一个Timespan","prevTimeSpan":"以前的Timespan","okText":"好","confirmDelete":"您确定要删除记录吗？","from":"从","to":"至","taskLink":"任务链接","lag":"落后","start":"开始","finish":"完","enterValue":"输入值","taskBeforePredecessor_FS":"您将“{0}”移至“{1}”完成之前，并且两个任务已关联。结果，链接无法兑现。选择下面的一个操作来执行","taskAfterPredecessor_FS":"您将“{0}”移离“{1}”并且两个任务已关联。结果，链接无法兑现。选择下面的一个操作来执行","taskBeforePredecessor_SS":"您已将“{0}”移至“{1}”开始之前启动，并且两个任务已关联。结果，链接无法兑现。选择下面的一个操作来执行","taskAfterPredecessor_SS":"在“{1}”启动后，您将“{0}”移至开始，并且两个任务已关联。结果，链接无法兑现。选择下面的一个操作来执行","taskBeforePredecessor_FF":"在“{1}”完成之前，您已将“{0}”移至完成，并且两个任务已关联。结果，链接无法兑现。选择下面的一个操作来执行","taskAfterPredecessor_FF":"在“{1}”完成后，您将“{0}”移至完成，并且两个任务已关联。结果，链接无法兑现。选择下面的一个操作来执行","taskBeforePredecessor_SF":"您将“{0}”从“{1}”移至“{1}”并启动，并且两个任务已关联。结果，链接无法兑现。选择下面的一个操作来执行","taskAfterPredecessor_SF":"在“{1}”启动并且链接了两个任务后，您将“{0}”移至完成状态。结果，链接无法兑现。选择下面的一个操作来执行","taskInformation":"任务信息","deleteDependency":"删除依赖项","convert":"兑换","save":"保存","above":"以上","below":"下面","child":"儿童","milestone":"里程碑","toTask":"任务","toMilestone":"到里程碑","eventMarkers":"事件标记","leftTaskLabel":"左任务标签","rightTaskLabel":"正确的任务标签","timelineCell":"时间线单元格"},"grid":{"EmptyRecord":"无记录可显示","True":"真正","False":"假","InvalidFilterMessage":"无效的筛选数据","GroupDropArea":"在此处拖动列标题以将其列分组","UnGroup":"点击这里取消组合","GroupDisable":"此列的分组功能已被禁用","FilterbarTitle":"过滤条单元","EmptyDataSourceError":"DataSource在初始加载时不能为空，因为列是从AutoGenerate Column Grid的DataSource中生成的","Add":"加","Edit":"编辑","Cancel":"取消","Update":"更新","Delete":"删除","Print":"打印","Pdfexport":"PDF导出","Excelexport":"Excel导出","Wordexport":"Word导出","Csvexport":"CSV导出","Search":"搜索","Columnchooser":"列","Save":"保存","Item":"项目","Items":"项目","EditOperationAlert":"没有选择编辑操作的记录","DeleteOperationAlert":"没有选择记录进行删除操作","SaveButton":"保存","OKButton":"好","CancelButton":"取消","EditFormTitle":"的详细内容 ","AddFormTitle":"添加新记录","BatchSaveConfirm":"你确定要保存更改吗？","BatchSaveLostChanges":"未保存的更改将会丢失。你确定你要继续吗？","ConfirmDelete":"你确定要删除记录吗？","CancelEdit":"您确定要取消更改吗？","ChooseColumns":"选择列","SearchColumns":"搜索栏","Matchs":"找不到匹配项","FilterButton":"过滤","ClearButton":"明确","StartsWith":"以。。开始","EndsWith":"以。。结束","Contains":"包含","Equal":"等于","NotEqual":"不等于","LessThan":"少于","LessThanOrEqual":"小于或等于","GreaterThan":"比...更棒","GreaterThanOrEqual":"大于或等于","ChooseDate":"选择一个日期","EnterValue":"输入值","Copy":"复制","Group":"按此栏分组","Ungroup":"取消组合","autoFitAll":"自动调整所有列","autoFit":"自动适应此列","Export":"出口","FirstPage":"第一页","LastPage":"最后一页","PreviousPage":"上一页","NextPage":"下一页","SortAscending":"升序","SortDescending":"按降序排序","EditRecord":"编辑记录","DeleteRecord":"删除记录","FilterMenu":"过滤"},"checkboxFilter":{"Search":"搜索","OK":"好","Cancel":"取消","Filter":"过滤","Clear":"明确","SelectAll":"全选","Blanks":"空白","True":"真正","False":"假","NoResult":"找不到匹配项"},"excelFilter":{"ClearFilter":"清除过滤器","NumberFilter":"数字过滤器","TextFilter":"文本过滤器","DateFilter":"日期过滤器","MatchCase":"相符","Equal":"等于","NotEqual":"不等于","LessThan":"少于","LessThanOrEqual":"小于或等于","GreaterThan":"比...更棒","GreaterThanOrEqual":"大于或等于","Between":"之间","CustomFilter":"自定义过滤器","StartsWith":"以。。开始","EndsWith":"以。。结束","Contains":"包含","OK":"好","Cancel":"取消","CustomFilterPlaceHolder":"输入值","CustomFilterDatePlaceHolder":"选择一个日期","AND":"和","OR":"要么","ShowRowsWhere":"显示行在哪里："},"pager":{"currentPageInfo":"{1}页的{0}","totalItemsInfo":"（{0}项）","firstPageTooltip":"转到第一页","lastPageTooltip":"转到最后一页","nextPageTooltip":"转到下一页","previousPageTooltip":"转到上一页","nextPagerTooltip":"转到下一页","previousPagerTooltip":"转到上一页","pagerDropDown":"每页项目"},"listbox":{"noRecordsTemplate":"没有找到记录","selectAllText":"全选","unSelectAllText":"全部取消选择","moveUp":"提升","moveDown":"下移","moveTo":"搬去","moveFrom":"从","moveAllTo":"全部移到","moveAllFrom":"从所有移动"},"maps":{"ZoomIn":"放大","ZoomOut":"缩小","Zoom":"放大","Pan":"泛","Reset":"重启","ResetZoom":"重置缩放"},"numerictextbox":{"incrementTitle":"增值","decrementTitle":"遞減值"},"pivotview":{"all":"所有","multipleItems":"多个项目","Sum":"和","Count":"计数","DistinctCount":"不同的数量","Product":"产品","Avg":"平均","Min":"敏","SampleVar":"样本Var","PopulationVar":"人口变量","RunningTotals":"运行总计","Max":"马克斯","Index":"指数","SampleStDev":"样本St Dev","PopulationStDev":"人口St Dev","PercentageOfRowTotal":"行总数的百分比","PercentageOfParentTotal":"父母总数的百分比","PercentageOfParentColumnTotal":"父列总数的百分比","PercentageOfParentRowTotal":"父行总数的百分比","DifferenceFrom":"与众不同","PercentageOfDifferenceFrom":"差异的百分比","PercentageOfGrandTotal":"总计百分比","PercentageOfColumnTotal":"列总数的百分比","editorDataLimitMsg":"编辑器数据限制消息","mdxQuery":"mdx查询","qtr":"QTR","null":"空值","undefined":"未定义","groupOutOfRange":"组超出范围","fieldDropErrorAction":"字段删除错误操作","MoreOption":"更多选择","aggregate":"骨料","drillThrough":"钻透","ascending":"上升","descending":"降","number":"数","currency":"货币","percentage":"百分比","formatType":"格式类型","customText":"自定义文字","symbolPosition":"符号位置","left":"剩下","right":"对","grouping":"分组","true":"真正","false":"假","decimalPlaces":"小数位数","numberFormat":"数字格式","memberType":"会员类型","formatString":"格式字符串","expressionField":"表达字段","customFormat":"自定义格式","selectedHierarchy":"选定的层次结构","olapDropText":"olapDrop文本","Percent":"百分","Currency":"货币","Custom":"习惯","Measure":"测量","Dimension":"尺寸","Standard":"标准","blank":"空白","fieldTooltip":"字段工具提示","QuarterYear":"四分之一年","fieldTitle":"字段标题","drillError":"钻错误","grandTotal":"總計","total":"總計","value":"值","noValue":"無值","row":"行","column":"列","collapse":"摺疊","expand":"展開","rowAxisPrompt":"下行此處","columnAxisPrompt":"下列的位置","valueAxisPrompt":"這裏的價值下降","filterAxisPrompt":"下過濾此處","filter":"篩選器","filtered":"篩選","sort":"排序","filters":"篩選器","rows":"行","columns":"列","values":"值","close":"關閉","cancel":"取消","delete":"刪除","calculatedField":"經過計算的欄位","createCalculatedField":"創建計算字段","fieldName":"輸入字段名稱","error":"錯誤","invalidFormula":"無效的公式。","dropText":"例： ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"新增欄位和計算公式編輯在這裡。","dropAction":"經過計算的欄位不可以發生在任何其他地區除了數值軸。","alert":"警示","warning":"警告","ok":"[ 確定 ]","search":"搜索","drag":"拖曳","remove":"移除","sum":"總和","average":"平均","count":"計數","min":"最小值","max":"最大值","allFields":"所有欄位","formula":"計算公式","addToRow":"添加到行","addToColumn":"添加到列","addToValue":"新增至值","addToFilter":"新增至篩選","emptyData":"無記錄可顯示","fieldExist":"欄位中已存在該名稱。 請輸入不同的名稱。","confirmText":"計算字段中已存在該名稱。 您要取代它嗎 ?","format":"摘要的價值。","edit":"編輯","clear":"清除","noMatches":"無匹配","formulaField":"拖放欄位到公式","dragField":"拖動欄位來計算公式","clearFilter":"明確","by":"通過","enterValue":"輸入價值","chooseDate":"輸入日期","Equals":"等於","DoesNotEquals":"不相等","BeginWith":"開始於","DoesNotBeginWith":"不會開始","EndsWith":"以。。結束","DoesNotEndsWith":"不會結束","Contains":"包含","DoesNotContains":"不含","GreaterThan":"比...更棒","GreaterThanOrEqualTo":"大於或等於","LessThan":"少於","LessThanOrEqualTo":"小於或等於","Between":"之間","NotBetween":"不介於","Before":"前","BeforeOrEqualTo":"之前或等於","After":"之後","AfterOrEqualTo":"等於或等於","member":"會員","label":"標籤","date":"日期","labelTextContent":"顯示標籤的項目","dateTextContent":"顯示物品的日期","valueTextContent":"顯示項目的哪些","And":"而","NotEquals":"不等於","AllValues":"所有價值觀","conditionalFormating":"條件格式","apply":"應用","condition":"添加條件","formatLabel":"格式","valueFieldSettings":"值字段設置","sourceName":"字段名稱：","sourceCaption":"現場標題：","summarizeValuesBy":"通過以下方式匯總值：","baseField":"基地：","baseItem":"基本項目：","example":"例如：","details":"細節","manageRecords":"管理记录","Years":"年份","Quarters":"住处","Months":"月","Days":"天","Hours":"小时","Minutes":"分钟","Seconds":"秒","save":"保存报告","new":"创建一个新报告","load":"加载","saveAs":"保存为当前报告","rename":"重命名当前报告","export":"出口","subTotals":"小计","grandTotals":"总计","reportName":"报告名称：","pdf":"PDF","excel":"Excel","csv":"CSV","showSubTotals":"显示小计","doNotShowSubTotals":"不要显示小计","showSubTotalsRowsOnly":"仅显示子总计行","showSubTotalsColumnsOnly":"仅显示子总计列","showGrandTotals":"显示总计","doNotShowGrandTotals":"不要显示总计","showGrandTotalsRowsOnly":"仅显示总计行数","showGrandTotalsColumnsOnly":"仅显示总计列","fieldList":"显示字段列表","grid":"显示表格","toolbarFormatting":"条件格式","chart":"图表","reportMsg":"请输入有效的报告名称!!!","reportList":"报告清单","removeConfirm":"您确定要删除此报告吗？","emptyReport":"没有找到报告!!","bar":"酒吧","line":"线","area":"区域","scatter":"分散","polar":"极性","of":"的","emptyFormat":"找不到格式!!!","emptyInput":"输入一个值","newReportConfirm":"想要保存更改报告？","emptyReportName":"输入报告名称","caption":"现场标题","copy":"复制","defaultReport":"默认报告","customFormatString":"自订格式","invalidFormat":"无效的格式。"},"pivotfieldlist":{"all":"所有","multipleItems":"多个项目","Sum":"和","Count":"计数","DistinctCount":"不同的数量","Product":"产品","Avg":"平均","Min":"敏","SampleVar":"样本Var","PopulationVar":"人口变量","RunningTotals":"运行总计","Max":"马克斯","Index":"指数","SampleStDev":"样本St Dev","PopulationStDev":"人口St Dev","PercentageOfRowTotal":"行总数的百分比","PercentageOfParentTotal":"父母总数的百分比","PercentageOfParentColumnTotal":"父列总数的百分比","PercentageOfParentRowTotal":"父行总数的百分比","DifferenceFrom":"与众不同","PercentageOfDifferenceFrom":"差异的百分比","PercentageOfGrandTotal":"总计百分比","PercentageOfColumnTotal":"列总数的百分比","editorDataLimitMsg":"编辑器数据限制消息","Years":"年份","Quarters":"住处","Months":"月","Days":"天","Hours":"小时","Minutes":" 分钟","Seconds":"秒","apply":"应用","null":"空值","undefined":"未定义","groupOutOfRange":"组超出范围","fieldDropErrorAction":"字段删除错误操作","MoreOption":"更多选择","memberType":"会员类型","formatString":"格式字符串","expressionField":"表达字段","customFormat":"自定义格式","selectedHierarchy":"选定的层次结构","olapDropText":"olapDrop文本","Percent":"百分","Currency":"货币","Custom":"习惯","Measure":"测量","Dimension":"尺寸","Standard":"标准","blank":"空白","fieldTooltip":"字段工具提示","QuarterYear":"四分之一年","fieldTitle":"Field Name","staticFieldList":"樞軸欄位清單","fieldList":"欄位清單","dropRowPrompt":"下行此處","dropColPrompt":"下列的位置","dropValPrompt":"這裏的價值下降","dropFilterPrompt":"下過濾此處","addPrompt":"在此處新增欄位","adaptiveFieldHeader":"選擇欄位","centerHeader":"在以下區域之間拖曳欄位 :","add":"新增","drag":"拖曳","filter":"篩選器","filtered":"篩選","sort":"排序","remove":"移除","filters":"篩選器","rows":"行","columns":"列","values":"值","calculatedField":"經過計算的欄位","createCalculatedField":"創建計算字段","fieldName":"輸入字段名稱","error":"錯誤","invalidFormula":"無效的公式。","dropText":"例： ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"新增欄位和計算公式編輯在這裡。","dropAction":"經過計算的欄位不可以發生在任何其他地區除了數值軸。","search":"搜索","close":"關閉","cancel":"取消","delete":"刪除","alert":"警示","warning":"警告","ok":"[ 確定 ]","sum":"總和","average":"平均","count":"計數","min":"最小值","max":"最大值","allFields":"所有欄位","formula":"計算公式","fieldExist":"欄位中已存在該名稱。 請輸入不同的名稱。","confirmText":"計算字段中已存在該名稱。 您要取代它嗎 ?","format":"摘要的價值。","edit":"編輯","clear":"清除","noMatches":"無匹配","formulaField":"拖放欄位到公式","dragField":"拖動欄位來計算公式","clearFilter":"明確","by":"通過","enterValue":"輸入價值","chooseDate":"輸入日期","Equals":"等於","DoesNotEquals":"不相等","BeginWith":"開始於","DoesNotBeginWith":"不會開始","EndsWith":"以。。結束","DoesNotEndsWith":"不會結束","Contains":"包含","DoesNotContains":"不含","GreaterThan":"比...更棒","GreaterThanOrEqualTo":"大於或等於","LessThan":"少於","LessThanOrEqualTo":"小於或等於","Between":"之間","NotBetween":"不介於","Before":"前","BeforeOrEqualTo":"之前或等於","After":"之後","AfterOrEqualTo":"等於或等於","member":"會員","label":"標籤","date":"日期","value":"值","labelTextContent":"顯示標籤的項目","dateTextContent":"顯示物品的日期","valueTextContent":"顯示項目的哪些","And":"而","valueFieldSettings":"值字段設置","sourceName":"字段名稱：","sourceCaption":"現場標題：","summarizeValuesBy":"通過以下方式匯總值：","baseField":"基地：","baseItem":"基本項目：","example":"例如：","deferLayoutUpdate":"延遲佈局更新","caption":"现场标题","copy":"复制"},"query-builder":{"AddGroup":"添加组","AddCondition":"添加条件","DeleteRule":"删除规则","DeleteGroup":"删除群组","Edit":"编辑","SelectField":"选择栏位","SelectOperator":"选择运算符","Contains":"包含","Equal":"等于","NotEqual":"不等于","LessThan":"少于","LessThanOrEqual":"小于或等于","GreaterThan":"比...更棒","GreaterThanOrEqual":"大于或等于","Between":"之间","CustomFilter":"自定义过滤器","StartsWith":"以。。开始","EndsWith":"以。。结束","NotBetween":"不介于","In":"在","NotIn":"不在","Remove":"去掉","ValidationMessage":"确认信息","IsNull":"一片空白","IsNotNull":"不为空","IsEmpty":"是空的","IsNotEmpty":"不为空","AND":"和","OR":"要么","NOT":"不","NotContains":"不包含","NotStartsWith":"不是从开始","NotEndsWith":"不以...结尾"},"schedule":{"day":"天","week":"周","workWeek":"工作周","month":"月","agenda":"议程","weekAgenda":"周议程","workWeekAgenda":"工作周议程","monthAgenda":"月议程","today":"今天","noEvents":"没有事件","emptyContainer":"这一天没有安排任何活动。","allDay":"一整天","start":"开始","end":"结束","more":"更多","close":"关","cancel":"取消","noTitle":"（无题）","delete":"删除","deleteEvent":"删除事件","deleteMultipleEvent":"刪除多個事件","selectedItems":"选择的项目","deleteSeries":"删除系列","edit":"编辑","editSeries":"编辑系列","editEvent":"编辑事件","createEvent":"创建","subject":"学科","addTitle":"添加标题","moreDetails":"更多细节","save":"保存","editContent":"你只想编辑这个事件或整个系列？","deleteRecurrenceContent":"你想只删除这个事件或整个系列？","deleteContent":"你确定要删除这个事件？","deleteMultipleContent":"您確定要刪除所選事件嗎？","newEvent":"新事件","title":"标题","location":"位置","description":"描述","timezone":"时区","startTimezone":"启动时区","endTimezone":"结束时区","repeat":"重复","saveButton":"保存","cancelButton":"取消","deleteButton":"删除","recurrence":"循环","wrongPattern":"重複發生模式無效。","seriesChangeAlert":"對此系列的特定實例所做的更改將被取消，並且這些事件將再次與該系列匹配。","createError":"事件的持續時間必須短於其發生的頻率。縮短持續時間，或更改重複事件編輯器中的重複發生模式。","recurrenceDateValidation":"有些月份比所選日期少。在這幾個月中，事件將發生在該月的最後一個日期。","sameDayAlert":"在同一天不能發生兩次同一事件。","editRecurrence":"编辑重复","repeats":"重复","alert":"警报","startEndError":"选定的结束日期发生在开始日期之前。","invalidDateError":"输入的日期值无效。","ok":"好","occurrence":"發生","series":"系列","previous":"以前","next":"下一個","timelineDay":"時間表日","timelineWeek":"時間軸週","timelineWorkWeek":"時間表工作週","timelineMonth":"時間線月"},"recurrenceeditor":{"none":"没有","daily":"日常","weekly":"每周","monthly":"每月一次","month":"月","yearly":"每年","never":"决不","until":"直到","count":"计数","first":"第一","second":"第二","third":"第三","fourth":"第四","last":"持续","repeat":"重复","repeatEvery":"重复每一个","on":"重复","end":"结束","onDay":"天","days":"天","weeks":"周","months":"月","years":"年份","summaryTimes":"時","summaryOn":"上","summaryUntil":"直到","summaryRepeat":"重复","summaryDay":"天","summaryWeek":"週","summaryMonth":"個月","summaryYear":"年份"},"slider":{"incrementTitle":"减少","decrementTitle":"增加"},"spreadsheet":{"Cut":"切","Copy":"复制","Paste":"糊","PasteSpecial":"特殊黏贴","All":"所有","Values":"值","Formats":"格式","Font":"字形","FontSize":"字体大小","Bold":"胆大","Italic":"斜体","Underline":"强调","Strikethrough":"删除","TextColor":"文字颜色","FillColor":"填色","HorizontalAlignment":"水平对齐","AlignLeft":"左对齐","AlignCenter":"中央","AlignRight":"对齐","VerticalAlignment":"垂直对齐","AlignTop":"顶部对齐","AlignMiddle":"对齐中间","AlignBottom":"对齐底部","InsertFunction":"插入功能","Insert":"插","Delete":"删除","Rename":"改名","Hide":"隐藏","Unhide":"取消隐藏","NameBox":"名称框","ShowHeaders":"显示标题","HideHeaders":"隐藏标题","ShowGridLines":"显示网格线","HideGridLines":"隐藏网格线","AddSheet":"添加表格","ListAllSheets":"列出所有表格","FullScreen":"全屏","CollapseToolbar":"折叠工具栏","ExpandToolbar":"展开工具栏","CollapseFormulaBar":"折叠公式栏","ExpandFormulaBar":"展开公式栏","File":"文件","Home":"家","Formulas":"公式","View":"视图","New":"新","Open":"打开","SaveAs":"另存为","ExcelXlsx":"Microsoft Excel","ExcelXls":"Microsoft Excel 97-2003","CSV":"Comma-separated values","FormulaBar":"公式栏","Ok":"好","Close":"关闭","Cancel":"取消","Apply":"应用","MoreColors":"更多颜色","StandardColors":"标准颜色","General":"一般","Number":"数","Currency":"货币","Accounting":"会计","ShortDate":"短日期","LongDate":"很長的日期","Time":"时间","Percentage":"百分比","Fraction":"分数","Scientific":"科学的","Text":"文本","NumberFormat":"数字格式","MobileFormulaBarPlaceHolder":"输入值或公式","PasteAlert":"您无法在此处粘贴此内容，因为复制区域和粘贴区域的大小不同。请尝试在不同的范围内粘贴。","DestroyAlert":"您确定要在不保存并创建新工作簿的情况下销毁当前工作簿吗？","SheetRenameInvalidAlert":"工作表名称包含无效字符。","SheetRenameEmptyAlert":"工作表名称不能为空。","SheetRenameAlreadyExistsAlert":"工作表名称已存在。请输入其他名称。","DeleteSheetAlert":"您确定要删除此表吗？","DeleteSingleLastSheetAlert":"工作簿必须至少包含一个可见工作表。","PickACategory":"选择一个类别","Description":"描述","UnsupportedFile":"不支持的文件","InvalidUrl":"无效的网址","SUM":"添加一系列数字和/或单元格。","SUMIF":"根据指定的条件添加单元格。","SUMIFS":"根据指定的条件添加单元格。","ABS":"返回无符号数的值。","RAND":"返回0到1之间的随机数。","RANDBETWEEN":"返回基于指定值的随机整数。","FLOOR":"将数字向下舍入到给定因子的最接近倍数。","CEILING":"将数字舍入到给定因子的最接近倍数。","PRODUCT":"将一系列数字和/或单元格相乘。","AVERAGE":"计算除文本之外的一系列数字和/或单元格的平均值。","AVERAGEIF":"根据指定条件计算单元格的平均值。","AVERAGEIFS":"根据指定条件计算单元格的平均值。","AVERAGEA":"计算评估为TRUE为1，text和FALSE为0的单元格的平均值。","COUNT":"计算包含数值范围值的单元格。","COUNTIF":"根据指定的条件计算单元格。","COUNTIFS":"根据指定条件计数细胞。","COUNTA":"计算包含范围中值的单元格。","MIN":"返回给定参数的最小数量。","MAX":"返回给定参数的最大数量。","DATE":"返回基于给定年，月和日的日期。","DAY":"返回给定日期的日期。","DAYS":"返回两个日期之间的天数。","IF":"返回基于给定表达式的值。","IFS":"根据给定的多个表达式返回值。","AND":"如果所有参数都为真正，则返回真正，否则返回假。","OR":"如果任何参数为真正，则返回真正，否则返回假。","IFERROR":"如果没有找到错误则返回值，否则它将返回指定的值。","CHOOSE":"根据索引号从值列表中返回一个值。","INDEX":"根据行号和列号返回给定范围中单元格的值。","FIND":"返回另一个字符串中字符串的位置，该字符串区分大小写。","CONCATENATE":"将两个或多个字符串组合在一起。","CONCAT":"合并一个列表或一组文本字符串。","SUBTOTAL":"使用给定的函数编号返回范围的小计。","RADIANS":"将度数转换为弧度。","MATCH":"返回给定范围内指定值的相对位置。","DefineNameExists":"此名称已存在，请尝试不同的名称。","CircularReference":"如果公式引用一个或多个循环引用，则可能导致计算不正确。"},"timepicker":{"placeholder":"选择一个时间"},"treegrid":{"EmptyRecord":"无记录可显示","InvalidFilterMessage":"无效的筛选数据","FilterbarTitle":"过滤条单元","EmptyDataSourceError":"DataSource在初始加载时不能为空，因为列是从AutoGenerate Column Grid的DataSource中生成的","Add":"加","Edit":"编辑","Cancel":"取消","Update":"更新","Delete":"删除","Print":"打印","Pdfexport":"PDF导出","Excelexport":"Excel导出","Wordexport":"Word导出","Csvexport":"CSV导出","Search":"搜索","Columnchooser":"列","Save":"保存","EditOperationAlert":"没有选择编辑操作的记录","DeleteOperationAlert":"没有选择记录进行删除操作","SaveButton":"保存","CancelButton":"取消","EditFormTitle":"的详细内容 ","AddFormTitle":"添加新记录","ConfirmDelete":"你确定要删除记录吗？","CancelEdit":"您确定要取消更改吗？","ChooseColumns":"选择列","SearchColumns":"搜索栏","FilterButton":"过滤","ClearButton":"明确","StartsWith":"以。。开始","EndsWith":"以。。结束","Contains":"包含","Equal":"等于","NotEqual":"不等于","LessThan":"少于","LessThanOrEqual":"小于或等于","GreaterThan":"比...更棒","GreaterThanOrEqual":"大于或等于","ChooseDate":"选择一个日期","EnterValue":"输入值","autoFitAll":"自动调整所有列","autoFit":"自动适应此列","Export":"出口","FirstPage":"第一页","LastPage":"最后一页","PreviousPage":"上一页","NextPage":"下一页","SortAscending":"升序","SortDescending":"按降序排序","EditRecord":"编辑记录","DeleteRecord":"删除记录","FilterMenu":"过滤"},"uploader":{"invalidMinFileSize":"文件太小","invalidMaxFileSize":"文件大小超過28 MB","invalidFileType":"文件類型是不允許的","Browse":"瀏覽","Clear":"明確","Upload":"上傳","dropFilesHint":"或在這裡刪除文件","uploadFailedMessage":"文件無法上傳","uploadSuccessMessage":"文件上傳成功","removedSuccessMessage":"文件已成功刪除","removedFailedMessage":"无法删除文件","inProgress":"上傳","readyToUploadMessage":"準備上傳","remove":"去掉","cancel":"取消","delete":"刪除文件","abort":"退出","pauseUpload":"文件上传已暂停","pause":"暂停","resume":"恢复","retry":"重试","fileUploadCancel":"文件上傳已取消"}},"fr-CH":{"dropdowns":{"noRecordsTemplate":"Aucun enregistrement trouvé","actionFailureTemplate":"La demande a échoué","overflowCountTemplate":"+ $ {count} plus ..","selectAllText":"Tout sélectionner","unSelectAllText":"tout déselectionner"},"calendar":{"today":"aujourd'hui"},"chart":{"ZoomIn":"Agrandir","ZoomOut":"Dézoomer","Zoom":"Zoom","Pan":"La poêle","Reset":"Réinitialiser","ResetZoom":"Réinitialiser Zoom"},"colorpicker":{"Apply":"s'adresser à","Cancel":"Annuler","ModeSwitcher":"Commutateur Mode"},"datepicker":{"placeholder":"choisissez une date","today":"aujourd'hui"},"daterangepicker":{"placeholder":"Sélectionnez une plage","startLabel":"Date de début","endLabel":"Date de fin","applyText":"Appliquer","cancelText":"Annuler","selectedDays":"Jours sélectionnés","days":"Journées","customRange":"Gamme personnalisée"},"datetimepicker":{"placeholder":"sélectionnez une date et une heure","today":"aujourd'hui"},"diagram":{"Cut":"Coupe","Copy":"Copie","Paste":"Pâte","Undo":"annuler","Redo":"Refaire","SelectAll":"Sélectionner tout","Grouping":"Regroupement","Group":"Groupe","UnGroup":"Dissocier","Order":"Commande","BringToFront":"Mettre au premier plan","MoveForward":"Avance","SendBackward":"Envoyer vers l'arrière","SendToBack":"Envoyer au fond"},"dialog":{"close":"Fermer"},"documenteditor":{"Table":"Table","Row":"Ligne","Cell":"Cellule","Ok":"D'accord","Cancel":"Annuler","Size":"Taille","Preferred Width":"Largeur privilégiée","Points":"Points","Percent":"Pourcentage","Measure in":"Mesurer en","Alignment":"Alignement","Left":"Gauche","Center":"Centre","Right":"Oui","Justify":"Justifier","Indent from left":"Indent de gauche à gauche","Borders and Shading":"Frontières et ombrage","Options":"Options","Specify height":"Spécifier la hauteur","At least":"Au moins","Exactly":"Exactement","Row height is":"La hauteur de la ligne est","Allow row to break across pages":"Permettre à la ligne de se briser sur les pages","Repeat as header row at the top of each page":"Répéter la ligne d'en-tête en haut de chaque page","Vertical alignment":"Alignement vertical","Top":"Retour au début","Bottom":"Bas","Default cell margins":"Marges cellulaires par défaut","Default cell spacing":"Espacement des cellules par défaut","Allow spacing between cells":"Permettre l'espacement entre les cellules","Cell margins":"Marges cellulaires","Same as the whole table":"Comme toute la table","Borders":"Frontières","None":"Aucun","Style":"Style","Width":"Largeur","Height":"Hauteur","Letter":"Lettre","Tabloid":"Tabloïd","Legal":"Juridique","Statement":"Déclaration","Executive":"Exécutif","A3":"A3 Annonces","A4":"A4 Annonces","A5":"A5 Annonces","B4":"B4 (en)","B5":"B5 (en)","Custom Size":"Taille personnalisée","Different odd and even":"Différents impairs et même","Different first page":"Première page différente","From edge":"Du bord","Header":"En-tête","Footer":"Pied","Margin":"Marges","Paper":"Papier","Layout":"Disposition","Orientation":"Orientation","Landscape":"Paysage","Portrait":"Portrait","Show page numbers":"Afficher les numéros de page","Right align page numbers":"Numéros de page d'alignement droit","Nothing":"Rien","Tab leader":"Chef d'onglet","Show levels":"Afficher les niveaux","Use hyperlinks instead of page numbers":"Utilisez des hyperliens au lieu de numéros de page","Build table of contents from":"Construire la table de contenu à partir de","Styles":"Styles","Available styles":"Styles disponibles","TOC level":"Niveau TOC","Heading":"Rubrique","Heading 1":"En tête 1","Heading 2":"En tête 2","Heading 3":"En tête 3","Heading 4":"En tête 4","Heading 5":"En tête 5","Heading 6":"En tête 6","List Paragraph":"Paragraphe de liste","Normal":"Normal","Outline levels":"Niveaux d'aperçu","Table entry fields":"Champs d'entrée de table","Modify":"Modifier","Color":"Couleur","Setting":"Réglage","Box":"Boîte","All":"Tous","Custom":"Personnalisé","Preview":"Aperçu","Shading":"Ombrage","Fill":"Remplir","Apply To":"Appliquer à","Table Properties":"Propriétés de table","Cell Options":"Options cellulaires","Table Options":"Table Options","Insert Table":"Insérer la table","Number of columns":"Nombre de colonnes","Number of rows":"Nombre de lignes","Text to display":"Texte à afficher","Address":"Adresse","Insert Hyperlink":"Insérer Hyperlink","Edit Hyperlink":"Modifier Hyperlink","Insert":"Insérer","General":"Générales","Indentation":"Indentation","Before text":"Avant le texte","Special":"Spécial","First line":"Première ligne","Hanging":"Suspendus","After text":"Après le texte","By":"Par","Before":"Avant","Line Spacing":"Interligne","After":"Après","At":"À","Multiple":"Plusieurs","Spacing":"Espacement","Define new Multilevel list":"Définir la nouvelle liste multiniveaux","List level":"Niveau de liste","Choose level to modify":"Choisissez le niveau pour modifier","Level":"Niveau","Number format":"Format de nombre","Number style for this level":"Style de nombre pour ce niveau","Enter formatting for number":"Entrez le formatage pour le numéro","Start at":"Commencez par","Restart list after":"Liste de redémarrage après","Position":"Position","Text indent at":"Indent de texte à","Aligned at":"Aligné à","Follow number with":"Suivez le numéro avec","Tab character":"Caractère d'onglet","Space":"Espace","Arabic":"Arabe","UpRoman":"UpRoman (en)","LowRoman":"LowRoman (LowRomain)","UpLetter":"UpLetter (en)","LowLetter":"Lettre basse","Number":"Nombre","Leading zero":"Mener zéro","Bullet":"Balle","Ordinal":"Ordinal","Ordinal Text":"Texte ordinal","For East":"Pour l'Est","No Restart":"Pas de redémarrage","Font":"Polices","Font style":"Style de police","Underline style":"Style de soulignement","Font color":"Couleur de police","Effects":"Effets","Strikethrough":"Barré","Superscript":"Superscript","Subscript":"Indice","Double strikethrough":"Double frappe","Regular":"Régulier","Bold":"Gras","Italic":"Italique","Cut":"Couper","Copy":"Copie","Paste":"Coller","Hyperlink":"Lien hypertexte","Open Hyperlink":"Ouvrez Hyperlink","Copy Hyperlink":"Copier Hyperlink","Remove Hyperlink":"Supprimer Hyperlink","Paragraph":"Paragraphe","Linked(Paragraph and Character)":"Linked (Paragraphe et Caractère)","Character":"personnage","Merge Cells":"Cellules de fusion","Insert Above":"Insérer ci-dessus","Insert Below":"Insérer ci-dessous","Insert Left":"Insérer à gauche","Insert Right":"Insérer à droite","Delete":"Supprimer","Delete Table":"Supprimer la table","Delete Row":"Supprimer la ligne","Delete Column":"Supprimer la colonne","File Name":"Nom du fichier","Format Type":"Format Type","Save":"sauvegarder","Navigation":"Navigation","Results":"Résultats","Replace":"Remplacer","Replace All":"Remplacer tous les","We replaced all":"Nous avons remplacé tous les","Find":"Trouver","No matches":"Pas d'allumettes","All Done":"Tout fait","Result":"Résultat","of":"De","instances":"Cas","with":"Avec","Click to follow link":"Cliquez pour suivre le lien","Continue Numbering":"Continuer la numérotisation","Bookmark name":"Nom de signet","Close":"Proche","Restart At":"Redémarrer à","Properties":"Propriétés","Name":"Nom","Style type":"Type de style","Style based on":"Style basé sur","Style for following paragraph":"Style pour le paragraphe suivant","Formatting":"Formatage","Numbering and Bullets":"Numérotage et balles","Numbering":"Numérotation","Update Field":"Champ de mise à jour","Edit Field":"Champ d'édition","Bookmark":"Signet","Page Setup":"Configuration de la page","No bookmarks found":"Aucun signet trouvé","Number format tooltip information":"Format de nombre à un seul niveau: 'lt;/br'gt;[PREFIX][LEVELNUMBER][SUFFIX] lt;/br'gt; Par exemple, 'Chapitre %1.' affichera la numérotisation comme 'lt;/br'gt;Chapitre 1. Item-lt;/br-gt;Chapitre 2. Item-lt;/br'gt;... Lt;/br 'gt;Chapitre N. Item-lt;/br'gt; 'lt;/br'gt;Multilevel number format: 'lt;/br'gt;[PREFIX]%[LEVELNUMBER][SUFFIX][PREFIX][PREFIX]%[LEVELNUMBER][SUFFIX] Item-lt;/br-gt;1.2. Item-lt;/br'gt;... Article de lt;/br.n.","Format":"Format","Create New Style":"Créer un nouveau style","Modify Style":"Modifier le style","New":"Nouveau","Bullets":"Balles","Use bookmarks":"Utiliser des signets","Table of Contents":"Tableau des contenus","AutoFit":"AutoFit (AutoFit)","AutoFit to Contents":"AutoFit au contenu","AutoFit to Window":"AutoFit à window","Fixed Column Width":"Largeur de colonne fixe","Reset":"Réinitialiser","Match case":"Cas de match","Whole words":"Mots entiers","Add":"Ajouter","Go To":"Atteindre","Search for":"Rechercher","Replace with":"Remplacer par","TOC 1":"TOC 1","TOC 2":"TOC 2 (en)","TOC 3":"TOC 3","TOC 4":"TOC 4","TOC 5":"TOC 5 Annonces","TOC 6":"TOC 6 Annonces","TOC 7":"TOC 7 Annonces","TOC 8":"TOC 8 Annonces","TOC 9":"TOC 9 (en)","Right-to-left":"De droite à gauche","Left-to-right":"De gauche à droite","Direction":"Direction","Table direction":"Direction de la table","Indent from right":"Indent de droite","Don't add space between the paragraphs of the same styles":"N'ajoutez pas d'espace entre les paragraphes des mêmes styles","The password don't match":"Le mot de passe ne correspond pas","Restrict Editing":"Restreindre l'édition","Formatting restrictions":"Restrictions de formatage","Allow formatting":"Autoriser le mise en forme","Editing restrictions":"Restrictions d'édition","Read only":"Lire uniquement","Exceptions (optional)":"Exceptions (facultatif)","Select parts of the document and choose users who are allowed to freely edit them.":"Sélectionnez des parties du document et choisissez les utilisateurs autorisés à les modifier librement.","Everyone":"Chacun","More users":"Plus d'utilisateurs","Add Users":"Ajouter des utilisateurs","Yes, Start Enforcing Protection":"Oui, Commencez à appliquer la protection","Start Enforcing Protection":"Commencer à faire respecter la protection","Enter User":"Entrez l'utilisateur","Users":"Utilisateurs","Enter new password":"Entrez un nouveau mot de passe","Reenter new password to confirm":"Réenter nouveau mot de passe pour confirmer","Your permissions":"Vos autorisations","This document is protected from unintentional editing.You may edit in this region.":"Ce document est protégé contre l'édition involontaire. Vous pouvez modifier dans cette région.","You may format text only with certain styles.":"Vous pouvez formater le texte uniquement avec certains styles.","Stop Protection":"Protection D'arrêt","Password":"mot de passe","Spelling Editor":"Éditeur d'orthographe","Spelling":"Orthographe","Spell Check":"Vérification des sorts","Underline errors":"Souligner les erreurs","Ignore":"Ignorer","Ignore all":"Ignorer tous","Add to Dictionary":"Ajouter au dictionnaire","Change":"changement","Change All":"Changer tous","Suggestions":"Suggestions","The password is incorrect":"Le mot de passe est incorrect","Error in establishing connection with web server":"Erreur dans l'établissement de la connexion avec le serveur web","Highlight the regions I can edit":"Mettre en surbrillance les régions que je peux modifier","Show All Regions I Can Edit":"Afficher toutes les régions que je peux modifier","Find Next Region I Can Edit":"Trouver la prochaine région que je peux modifier","Keep source formatting":"Conserver le formatage des sources","Match destination formatting":"Formatage de destination de correspondance","Text only":"Texte uniquement","Comments":"Commentaires","Type your comment":"Tapez votre commentaire","Post":"Publier","Reply":"Réponse","New Comment":"Nouveau commentaire","Edit":"Modifier","Resolve":"Résoudre","Reopen":"Rouvrir","No comments in this document":"Aucun commentaire dans ce document","more":"Plus","Type your comment hear":"Tapez votre commentaire entendre","Next Comment":"Commentaire suivant","Previous Comment":"Commentaire précédent","Un-posted comments":"Commentaires non publiés","Added comments not posted. If you continue, that comment will be discarded.":"Ajout de commentaires non affichés. Si vous continuez, ce commentaire sera rejeté."},"documenteditorcontainer":{"New":"Nouveau","Open":"Ouvert","Undo":"Annuler","Redo":"Refaire","Image":"Image","Table":"Table","Link":"Lien","Bookmark":"Signet","Table of Contents":"Tableau des contenus","HEADING - - - - 1":"TITRE - - - - 1","HEADING - - - - 2":"TITRE - - - - 2","HEADING - - - - 3":"TITRE - - - - 3","Header":"En-tête","Footer":"Pied","Page Setup":"Configuration de la page","Page Number":"Numéro de page","Break":"Pause","Find":"Trouver","Local Clipboard":"Local Clipboard","Restrict Editing":"Restreindre l'édition","Upload from computer":"Téléchargement à partir d'un ordinateur","By URL":"Par URL","Page Break":"Coupure de page","Section Break":"Pause de section","Header & Footer":"En-tête et Footer","Options":"Options","Levels":"Niveaux","Different First Page":"Première page différente","Different header and footer for odd and even pages.":"En-tête et pied différents pour les pages impaires et uniformes.","Different Odd & Even Pages":"Différentes pages impaires et uniformes","Different header and footer for first page.":"En-tête et pied différents pour la première page.","Position":"Position","Header from Top":"En-tête du haut","Footer from Bottom":"Footer de bas","Distance from top of the page to top of the header.":"Distance du haut de la page au haut de l'en-tête.","Distance from bottom of the page to bottom of the footer.":"Distance du bas de la page au bas du pied.","Aspect ratio":"Ratio Aspect","W":"W","H":"H (en)","Width":"Largeur","Height":"Hauteur","Text":"Texte","Paragraph":"Paragraphe","Fill":"Remplir","Fill color":"Remplir la couleur","Border Style":"Style de frontière","Outside borders":"À l'extérieur des frontières","All borders":"Toutes les frontières","Inside borders":"Frontières intérieures","Left border":"Frontière gauche","Inside vertical border":"Frontière verticale intérieure","Right border":"Bordure droite","Top border":"Bordure supérieure","Inside horizontal border":"Bordure horizontale intérieure","Bottom border":"Bordure inférieure","Border color":"Couleur de frontière","Border width":"Largeur de la frontière","Cell":"Cellule","Merge cells":"Fusionner les cellules","Insert / Delete":"Insérer / Supprimer","Insert columns to the left":"Insérer des colonnes à gauche","Insert columns to the right":"Insérer des colonnes à droite","Insert rows above":"Insérer les lignes ci-dessus","Insert rows below":"Insérer les lignes ci-dessous","Delete rows":"Supprimer les lignes","Delete columns":"Supprimer les colonnes","Cell Margin":"Marge cellulaire","Top":"Retour au début","Bottom":"Bas","Left":"Gauche","Right":"Oui","Align Text":"Alignement du texte","Align top":"Alignement haut","Align bottom":"Aligner le fond","Align center":"Centre d'alignement","Number of heading or outline levels to be shown in table of contents.":"Nombre de niveaux de cap ou de contour à indiquer dans le tableau du contenu.","Show page numbers":"Afficher les numéros de page","Show page numbers in table of contents.":"Afficher les numéros de page dans le tableau des contenus.","Right align page numbers":"Numéros de page d'alignement droit","Right align page numbers in table of contents.":"Droite aligner les numéros de page dans le tableau des contenus.","Use hyperlinks":"Utiliser des hyperliens","Use hyperlinks instead of page numbers.":"Utilisez des hyperliens au lieu de numéros de page.","Font":"Polices","Font Size":"Taille de la police","Font color":"Couleur de police","Text highlight color":"Le texte mettent en évidence la couleur","Clear all formatting":"Effacer tous les formatage","Bold (Ctrl+B)":"Audacieux (Ctrl-B)","Italic (Ctrl+I)":"Italique (Ctrl -I)","Underline (Ctrl+U)":"Underline (Ctrl-U)","Strikethrough":"Barré","Superscript (Ctrl+Shift++)":"Superscript(Ctrl-Shift)","Subscript (Ctrl+=)":"Sous-scripte (CtrlMD)","Align left (Ctrl+L)":"Alignement à gauche (Ctrl-L)","Center (Ctrl+E)":"Centre (Ctrl-E)","Align right (Ctrl+R)":"Alignement à droite (Ctrl -R)","Justify (Ctrl+J)":"Justifier (Ctrl -J)","Decrease indent":"Diminution de l'indent","Increase indent":"Augmentation de l'indent","Line spacing":"Interligne","Bullets":"Balles","Numbering":"Numérotation","Styles":"Styles","Manage Styles":"Gérer les styles","Page":"Page","of":"De","Fit one page":"Ajuster une page","Spell Check":"Vérification des sorts","Underline errors":"Souligner les erreurs","Fit page width":"Largeur de page d'ajustement","Update":"mettre à jour","Cancel":"Annuler","Insert":"Insérer","No Border":"Pas de frontière","Create a new document.":"Créez un nouveau document.","Open a document.":"Ouvrez un document.","Undo the last operation (Ctrl+Z).":"Annuler la dernière opération (Ctrl-Z).","Redo the last operation (Ctrl+Y).":"Refaites la dernière opération (Ctrl-Y).","Insert inline picture from a file.":"Insérez l'image en ligne à partir d'un fichier.","Insert a table into the document":"Insérer une table dans le document","Create a link in your document for quick access to web pages and files (Ctrl+K).":"Créez un lien dans votre document pour un accès rapide aux pages Web et aux fichiers (Ctrl-K).","Insert a bookmark in a specific place in this document.":"Insérez un signet à un endroit précis dans ce document.","Provide an overview of your document by adding a table of contents.":"Fournissez un aperçu de votre document en ajoutant un tableau de contenu.","Add or edit the header.":"Ajouter ou modifier l'en-tête.","Add or edit the footer.":"Ajouter ou modifier le pied.","Open the page setup dialog.":"Ouvrez le dialogue de configuration de page.","Add page numbers.":"Ajouter des numéros de page.","Find text in the document (Ctrl+F).":"Trouver du texte dans le document (Ctrl-F).","Toggle between the internal clipboard and system clipboard":"Basculer entre le presse-papiers interne et le presse-papiers du système. Au lieu de cela, 'lt;/br'gt; 1. Vous pouvez activer le presse-papiers interne pour couper, copier et coller dans le composant. Vous pouvez utiliser les raccourcis clavier(Ctrl-X, Ctrl-C et Ctrl-V) pour couper, copier et coller avec unpresse-papiers système.","Restrict editing.":"Restreindre l'édition.","The current page number in the document. Click or tap to navigate specific page.":"Le numéro de page actuel dans le document. Cliquez ou appuyez sur pour naviguer sur une page spécifique.","Read only":"Lire uniquement","Protections":"Protections","Error in establishing connection with web server":"Erreur dans l'établissement de la connexion avec le serveur web","Single":"Seul","Double":"Double","New comment":"Nouveau commentaire","Comments":"Commentaires"},"filemanager":{"NewFolder":"Nouveau dossier","Upload":"Télécharger","Delete":"Effacer","Rename":"Renommer","Download":"Télécharger","Cut":"Couper","Copy":"Copie","Paste":"Coller","SortBy":"Trier par","Refresh":"Rafraîchir","Item-Selection":"article sélectionné","Items-Selection":"articles sélectionnés","View":"Vue","Details":"Détails","SelectAll":"Tout sélectionner","Open":"Ouvrir","Tooltip-NewFolder":"Nouveau dossier","Tooltip-Upload":"Télécharger","Tooltip-Delete":"Effacer","Tooltip-Rename":"Renommer","Tooltip-Download":"Télécharger","Tooltip-Cut":"Couper","Tooltip-Copy":"Copie","Tooltip-Paste":"Coller","Tooltip-SortBy":"Trier par","Tooltip-Refresh":"Rafraîchir","Tooltip-Selection":"Effacer la sélection","Tooltip-View":"Vue","Tooltip-Details":"Détails","Tooltip-SelectAll":"Tout sélectionner","Name":"Prénom","Size":"Taille","DateModified":"Modifié","DateCreated":"Date créée","Path":"Chemin","Modified":"Modifié","Created":"Créé","Location":"Emplacement","Type":"Type","Permission":"Autorisation","Ascending":"Ascendant","Descending":"Descendant","View-LargeIcons":"Grandes icônes","View-Details":"Détails","Search":"Chercher","Button-Ok":"D'ACCORD","Button-Cancel":"Annuler","Button-Yes":"Oui","Button-No":"Non","Button-Create":"Créer","Button-Save":"Sauvegarder","Header-NewFolder":"Dossier","Content-NewFolder":"Entrez votre nom de dossier","Header-Rename":"Renommer","Content-Rename":"Entrez votre nouveau nom","Header-Rename-Confirmation":"Renommer la confirmation","Content-Rename-Confirmation":"Si vous modifiez une extension de nom de fichier, le fichier peut devenir instable. Voulez-vous vraiment le changer?","Header-Delete":"Supprimer le fichier","Content-Delete":"Êtes-vous sûr de vouloir supprimer ce fichier?","Header-Multiple-Delete":"Supprimer plusieurs fichiers","Content-Multiple-Delete":"Êtes-vous sûr de vouloir supprimer ces {0} fichiers?","Header-Duplicate":"Fichier / Dossier existe","Content-Duplicate":"{0} existe déjà. Voulez-vous renommer et coller?","Header-Upload":"Télécharger des fichiers","Error":"Erreur","Validation-Empty":"Le nom du fichier ou du dossier ne peut être vide.","Validation-Invalid":"Le nom du fichier ou du dossier {0} contient des caractères non valides. Veuillez utiliser un nom différent. Les noms de fichiers ou de dossiers valides ne peuvent pas se terminer par un point ou un espace, ni contenir aucun des caractères suivants: \\ /: *? \" < > | ","Validation-NewFolder-Exists":"Un fichier ou un dossier portant le nom {0} existe déjà.","Validation-Rename-Exists":"Impossible de renommer {0} en {1}: la destination existe déjà.","Folder-Empty":"Ce dossier est vide","File-Upload":"Faites glisser les fichiers ici pour les télécharger","Search-Empty":"Aucun résultat trouvé","Search-Key":"Essayez avec des mots clés différents","Sub-Folder-Error":"Le dossier de destination est le sous-dossier du dossier source.","Access-Denied":"Accès refusé","Access-Details":"Vous n'avez pas la permission d'accéder à ce dossier.","Header-Retry":"Le fichier existe déjà","Content-Retry":"Un fichier avec ce nom existe déjà dans ce dossier. Que voudriez-vous faire?","Button-Keep-Both":"Garde les deux","Button-Replace":"Remplacer","Button-Skip":"Sauter","ApplyAll-Label":"Faites ceci pour tous les articles en cours"},"gantt":{"emptyRecord":"Aucun enregistrement à afficher","id":"ID","name":"prénom","startDate":"Date de début","endDate":"Date de fin","duration":"Durée","progress":"Le progrès","dependency":"Dépendance","notes":"Remarques","excelExport":"Export Excel","csvExport":"CSV export","baselineStartDate":"Date de début de référence","baselineEndDate":"Date de fin de référence","type":"Type","offset":"Décalage","resourceName":"Ressources","resourceID":"ID de ressource","day":"journée","hour":"heure","minute":"minute","days":"journées","hours":"heures","minutes":"minutes","generalTab":"Général","customTab":"Colonnes Personnalisées","writeNotes":"Écrire des notes","addDialogTitle":"Nouvelle tâche","editDialogTitle":"Informations sur la tâche","saveButton":"sauvegarder","add":"Ajouter","edit":"modifier","update":"Mettre à jour","delete":"Effacer","cancel":"Annuler","search":"Chercher","addTask":"Ajouter une tâche","editTask":"Modifier la tâche","deleteTask":"Supprimer la tâche","expandAllTasks":"Développer toutes les tâches","collapseAllTasks":"Réduire toutes les tâches","expandAll":"Développer tout","collapseAll":"Réduire tout","nextTimeSpan":"Prochain intervalle","prevTimeSpan":"Période précédente","okText":"D'accord","confirmDelete":"Êtes-vous sûr de vouloir supprimer l'enregistrement?","from":"De","to":"À","taskLink":"Lien de tâche","lag":"Décalage","start":"Début","finish":"terminer","enterValue":"Entrez la valeur","taskBeforePredecessor_FS":"Vous avez déplacé '{0}' avant le '{1}' et les deux tâches sont liées. En conséquence, les liens ne peuvent pas être honorés. Sélectionnez une action ci-dessous pour effectuer","taskAfterPredecessor_FS":"Vous avez déplacé \"{0}\" de \"{1}\" et les deux tâches sont liées. En conséquence, les liens ne peuvent pas être honorés. Sélectionnez une action ci-dessous pour effectuer","taskBeforePredecessor_SS":"Vous avez déplacé '{0}' avant le '{1}' et les deux tâches sont liées. En conséquence, les liens ne peuvent pas être honorés. Sélectionnez une action ci-dessous pour effectuer","taskAfterPredecessor_SS":"Vous avez déplacé '{0}' pour commencer après le '{1}' et les deux tâches sont liées. En conséquence, les liens ne peuvent pas être honorés. Sélectionnez une action ci-dessous pour effectuer","taskBeforePredecessor_FF":"Vous avez déplacé '{0}' pour terminer avant '{1}' et les deux tâches sont liées. En conséquence, les liens ne peuvent pas être honorés. Sélectionnez une action ci-dessous pour effectuer","taskAfterPredecessor_FF":"Vous avez déplacé '{0}' pour terminer après '{1}' et les deux tâches sont liées. En conséquence, les liens ne peuvent pas être honorés. Sélectionnez une action ci-dessous pour effectuer","taskBeforePredecessor_SF":"Vous avez déplacé {0} de {1} vers le début et les deux tâches sont liées. En conséquence, les liens ne peuvent pas être honorés. Sélectionnez une action ci-dessous pour effectuer","taskAfterPredecessor_SF":"Vous avez déplacé '{0}' pour terminer après le début de '{1}' et les deux tâches sont liées. En conséquence, les liens ne peuvent pas être honorés. Sélectionnez une action ci-dessous pour effectuer","taskInformation":"Informations sur la tâche","deleteDependency":"Supprimer la dépendance","convert":"Convertir","save":"sauvegarder","above":"Au dessus de","below":"Au dessous de","child":"Enfant","milestone":"Étape importante","toTask":"À la tâche","toMilestone":"Au jalon","eventMarkers":"Marqueurs d'événement","leftTaskLabel":"Libellé de tâche gauche","rightTaskLabel":"Etiquette de tâche correcte","timelineCell":"Cellule de la timeline"},"grid":{"EmptyRecord":"Aucun enregistrement à afficher","True":"vrai","False":"faux","InvalidFilterMessage":"Données de filtre non valides","GroupDropArea":"Faites glisser un en-tête de colonne ici pour grouper sa colonne","UnGroup":"Cliquez ici pour dissocier","GroupDisable":"Le regroupement est désactivé pour cette colonne","FilterbarTitle":"cellule de barre de filtre","EmptyDataSourceError":"DataSource ne doit pas être vide lors du chargement initial, car les colonnes sont générées à partir de dataSource dans la grille de colonnes AutoGenerate","Add":"Ajouter","Edit":"modifier","Cancel":"Annuler","Update":"Mettre à jour","Delete":"Effacer","Print":"Impression","Pdfexport":"Export PDF","Excelexport":"Export Excel","Wordexport":"Word Export","Csvexport":"CSV Export","Search":"Chercher","Columnchooser":"Colonnes","Save":"sauvegarder","Item":"article","Items":"articles","EditOperationAlert":"Aucun enregistrement sélectionné pour l'opération d'édition","DeleteOperationAlert":"Aucun enregistrement sélectionné pour l'opération de suppression","SaveButton":"sauvegarder","OKButton":"D'accord","CancelButton":"Annuler","EditFormTitle":"Les détails de ","AddFormTitle":"Ajouter un nouvel enregistrement","BatchSaveConfirm":"Êtes-vous sûr de vouloir enregistrer les modifications?","BatchSaveLostChanges":"Les modifications non enregistrées seront perdues. Es-tu sur de vouloir continuer?","ConfirmDelete":"Êtes-vous sûr de vouloir supprimer l'enregistrement?","CancelEdit":"Êtes-vous sûr de vouloir annuler les modifications?","ChooseColumns":"Choisissez la colonne","SearchColumns":"colonnes de recherche","Matchs":"Aucun résultat","FilterButton":"Filtre","ClearButton":"Clair","StartsWith":"Commence avec","EndsWith":"Se termine par","Contains":"Contient","Equal":"Égal","NotEqual":"Inégal","LessThan":"Moins que","LessThanOrEqual":"Moins que ou égal","GreaterThan":"Plus grand que","GreaterThanOrEqual":"Meilleur que ou égal","ChooseDate":"Choisissez une date","EnterValue":"Entrez la valeur","Copy":"Copie","Group":"Grouper par cette colonne","Ungroup":"Dissocier par cette colonne","autoFitAll":"Auto Adapter toutes les colonnes","autoFit":"Auto Fit cette colonne","Export":"Exportation","FirstPage":"Première page","LastPage":"Dernière page","PreviousPage":"Page précédente","NextPage":"Page suivante","SortAscending":"Trier par ordre croissant","SortDescending":"Trier par ordre décroissant","EditRecord":"Modifier l'enregistrement","DeleteRecord":"Supprimer l'enregistrement","FilterMenu":"Filtre"},"checkboxFilter":{"Search":"Chercher","OK":"D'accord","Cancel":"Annuler","Filter":"Filtre","Clear":"Clair","SelectAll":"Tout sélectionner","Blanks":"Blanks","True":"Vrai","False":"Faux","NoResult":"Aucun résultat"},"excelFilter":{"ClearFilter":"Effacer le filtre","NumberFilter":"Filtres numériques","TextFilter":"Filtres de texte","DateFilter":"Filtres de date","MatchCase":"Cas de correspondance","Equal":"Égal","NotEqual":"Inégal","LessThan":"Moins que","LessThanOrEqual":"Moins que ou égal","GreaterThan":"Plus grand que","GreaterThanOrEqual":"Meilleur que ou égal","Between":"Entre","CustomFilter":"Filtre personnalisé","StartsWith":"Commence avec","EndsWith":"Se termine par","Contains":"Contient","OK":"D'accord","Cancel":"Annuler","CustomFilterPlaceHolder":"Entrez la valeur","CustomFilterDatePlaceHolder":"Choisissez une date","AND":"ET","OR":"OU","ShowRowsWhere":"Afficher les lignes où:"},"pager":{"currentPageInfo":"{0} sur {1} pages","totalItemsInfo":"({0} éléments)","firstPageTooltip":"Aller à la première page","lastPageTooltip":"Aller à la dernière page","nextPageTooltip":"Aller à la page suivante","previousPageTooltip":"Aller à la page précédente","nextPagerTooltip":"Aller au pager suivant","previousPagerTooltip":"Aller au pager précédent","pagerDropDown":"objets par page"},"listbox":{"noRecordsTemplate":"Aucun enregistrement trouvé","selectAllText":"tout sélectionner","unSelectAllText":"tout déselectionner","moveUp":"déplacer vers le haut","moveDown":"descendre","moveTo":"déménager à","moveFrom":"passer de","moveAllTo":"déplacer tout à","moveAllFrom":"déplacer tout de"},"maps":{"ZoomIn":"Agrandir","ZoomOut":"Dézoomer","Zoom":"Zoom","Pan":"La poêle","Reset":"Réinitialiser","ResetZoom":"Réinitialiser Zoom"},"numerictextbox":{"incrementTitle":"Valeur d'incrément","decrementTitle":"Décrémenter la valeur"},"pivotview":{"all":"tout","multipleItems":"plusieurs articles","Sum":"Somme","Count":"Compter","DistinctCount":"Nombre distinct","Product":"Produit","Avg":"Moyen","Min":"Min","SampleVar":"Échantillon de var","PopulationVar":"Population du Var","RunningTotals":"Totaux cumulés","Max":"Max","Index":"Indice","SampleStDev":"Exemple St Dev","PopulationStDev":"Population St Dev","PercentageOfRowTotal":"Pourcentage du total de la ligne","PercentageOfParentTotal":"Pourcentage du parent total","PercentageOfParentColumnTotal":"Pourcentage du total de la colonne parent","PercentageOfParentRowTotal":"Pourcentage du total de la ligne parent","DifferenceFrom":"Différence de","PercentageOfDifferenceFrom":"Pourcentage de différence de","PercentageOfGrandTotal":"Pourcentage du total général","PercentageOfColumnTotal":"Pourcentage du total de la colonne","editorDataLimitMsg":"éditeur Data Limit Msg","mdxQuery":"Requête mdx","qtr":"QTR","null":"null","undefined":"indéfini","groupOutOfRange":"groupe hors de portée","fieldDropErrorAction":"champ Drop Error Action","MoreOption":"Plus d'option","aggregate":"agrégat","drillThrough":"Percer à travers","ascending":"Ascendant","descending":"descendant","number":"nombre","currency":"devise","percentage":"pourcentage","formatType":"formatType","customText":"texte personnalisé","symbolPosition":"position du symbole","left":"la gauche","right":"droite","grouping":"regroupement","true":"vrai","false":"faux","decimalPlaces":"décimalPlaces","numberFormat":"Format de nombre","memberType":"type de membre","formatString":"format String","expressionField":"champ d'expression","customFormat":"format personnalisé","selectedHierarchy":"Hiérarchie sélectionnée","olapDropText":"olapDropText","Percent":"Pour cent","Currency":"Devise","Custom":"Douane","Measure":"Mesure","Dimension":"Dimension","Standard":"la norme","blank":"blanc","fieldTooltip":"info-bulle sur le terrain","QuarterYear":"Trimestre année","fieldTitle":"Titre du champ","drillError":"erreur de forage","grandTotal":"Grand Total","total":"Total","value":"Valeur","noValue":"Pas de valeur","row":"Rangée","column":"La colonne","collapse":"Effondrement","expand":"L'expansion","rowAxisPrompt":"Drop row ici","columnAxisPrompt":"Drop column here","valueAxisPrompt":"Valeur liste déroulante ici","filterAxisPrompt":"Filtre goutte ici","filter":"Filter","filtered":"Filtered","sort":"Trier","filters":"Filters","rows":"Lignes","columns":"Colonnes","values":"Valeurs","close":"Fermer","cancel":"Annuler","delete":"Supprimer","calculatedField":"Champ calculé","createCalculatedField":"Créer un champ calculé","fieldName":"Entrez le nom du champ","error":"Error","invalidFormula":"Formule invalide.","dropText":"Exemple: ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"Ajouter des champs et formula ici.","dropAction":"Champ calculé ne peut pas être place dans toute autre région, à l'exception de l'axe des valeurs.","alert":"Alert","warning":"Attention","ok":"OK","search":"Recherchez","drag":"Faites glisser","remove":"Déposer","sum":"Somme","average":"La moyenne","count":"Count","min":"Min","max":"Max","allFields":"Tous les domaines","formula":"Formule","addToRow":"Ajouter à la rangée","addToColumn":"Ajouter à la colonne","addToValue":"Ajouter à la valeur","addToFilter":"Ajouter au filtre","emptyData":"Pas d'enregistrements à afficher","fieldExist":"Un champ existe déjà dans ce nom. Veuillez entrer un nom différent.","confirmText":"Une rubrique calcul existe déjà dans ce nom. Voulez-vous la remplacer ?","format":"Les valeurs des résumés par","edit":"Modifier","clear":"Effacer","noMatches":"Pas de correspondance","formulaField":"Faites glisser et déposez les champs à formule","dragField":"Faites glisser le champ à la formule","clearFilter":"Clair","by":"par","enterValue":"Entrez une valeur","chooseDate":"Entrez la date","Equals":"Équivaut à","DoesNotEquals":"N'est pas égal","BeginWith":"Commence par","DoesNotBeginWith":"Ne commence pas avec","EndsWith":"Se termine par","DoesNotEndsWith":"Ne se termine pas avec","Contains":"Contient","DoesNotContains":"Ne contient pas","GreaterThan":"Plus grand que","GreaterThanOrEqualTo":"Plus grand ou égal à","LessThan":"Moins que","LessThanOrEqualTo":"Inférieur ou égal à","Between":"Compris entre","NotBetween":"Pas entre","Before":"Avant","BeforeOrEqualTo":"Avant ou égal à","After":"Après","AfterOrEqualTo":"Après ou égal à","member":"Membre","label":"Étiquette","date":"Rendez-vous amoureux","labelTextContent":"Afficher les articles pour lesquels l'étiquette","dateTextContent":"Afficher les articles pour lesquels la date","valueTextContent":"Afficher les articles pour lesquels","And":"et","NotEquals":"Pas égal","AllValues":"Toutes les valeurs","conditionalFormating":"Mise en forme conditionnelle","apply":"Appliquer","condition":"Ajouter une condition","formatLabel":"Format","valueFieldSettings":"Paramètres du champ de valeur","sourceName":"Nom de domaine :","sourceCaption":"Légende du champ:","summarizeValuesBy":"Résumer les valeurs par:","baseField":"Champ de base:","baseItem":"Élément de base:","example":"par exemple :","details":"Détails","manageRecords":"gérer les enregistrements","Years":"Années","Quarters":"Quartiers","Months":"Mois","Days":"Jours","Hours":"Heures","Minutes":"Minutes","Seconds":"Secondes","save":"Sauvegarder un rapport","new":"Créer un nouveau rapport","load":"Charger","saveAs":"Enregistrer comme état actuel","rename":"Renommer un rapport en cours","export":"Exporter","subTotals":"Sous totaux","grandTotals":"Grands totaux","reportName":"Nom du rapport :","pdf":"PDF","excel":"Excel","csv":"CSV","showSubTotals":"Afficher les totaux partiels","doNotShowSubTotals":"Ne pas afficher les sous-totaux","showSubTotalsRowsOnly":"Afficher uniquement les lignes de sous-totaux","showSubTotalsColumnsOnly":"Afficher uniquement les colonnes de totaux partiels","showGrandTotals":"Afficher les totaux généraux","doNotShowGrandTotals":"ne pas montrer les grands totaux","showGrandTotalsRowsOnly":"Afficher uniquement les lignes de totaux généraux","showGrandTotalsColumnsOnly":"Afficher uniquement la colonne des totaux généraux","fieldList":"Afficher la liste des champs","grid":"Afficher la table","toolbarFormatting":"Mise en forme conditionnelle","chart":"Graphique","reportMsg":"S'il vous plaît entrer le nom du rapport vaild !!!","reportList":"Liste de rapport","removeConfirm":"Voulez-vous vraiment supprimer ce rapport?","emptyReport":"Aucun rapport trouvé !!","bar":"Bar","line":"Ligne","area":"Surface","scatter":"Dispersion","polar":"Polaire","of":"de","emptyFormat":"Aucun format trouvé !!!","emptyInput":"Entrez une valeur","newReportConfirm":"Voulez-vous enregistrer les modifications à signaler?","emptyReportName":"Entrez un nom de rapport","caption":"Légende du champ","copy":"Copie","defaultReport":"Rapport par défaut","customFormatString":"Format personnalisé","invalidFormat":"Format invalide."},"pivotfieldlist":{"all":"tout","multipleItems":"plusieurs articles","Sum":"Somme","Count":"Compter","DistinctCount":"Nombre distinct","Product":"Produit","Avg":"Moyen","Min":"Min","SampleVar":"Échantillon de var","PopulationVar":"Population du Var","RunningTotals":"Totaux cumulés","Max":"Max","Index":"Indice","SampleStDev":"Exemple St Dev","PopulationStDev":"Population St Dev","PercentageOfRowTotal":"Pourcentage du total de la ligne","PercentageOfParentTotal":"Pourcentage du parent total","PercentageOfParentColumnTotal":"Pourcentage du total de la colonne parent","PercentageOfParentRowTotal":"Pourcentage du total de la ligne parent","DifferenceFrom":"Différence de","PercentageOfDifferenceFrom":"Pourcentage de différence de","PercentageOfGrandTotal":"Pourcentage du total général","PercentageOfColumnTotal":"Pourcentage du total de la colonne","editorDataLimitMsg":"éditeur Data Limit Msg","Years":"Années","Quarters":"Trimestres","Months":"Mois","Days":"Journées","Hours":"Heures","Minutes":"Miuntes","Seconds":"Secondes","apply":"appliquer","null":"null","undefined":"indéfini","groupOutOfRange":"groupe hors de portée","fieldDropErrorAction":"champ Drop Error Action","MoreOption":"Plus d'option","memberType":"type de membre","formatString":"format String","expressionField":"champ d'expression","customFormat":"format personnalisé","selectedHierarchy":"Hiérarchie sélectionnée","olapDropText":"olapDropText","Percent":"Pour cent","Currency":"Devise","Custom":"Douane","Measure":"Mesure","Dimension":"Dimension","Standard":"la norme","blank":"blanc","fieldTooltip":"info-bulle sur le terrain","QuarterYear":"Trimestre année","fieldTitle":"Field Name","staticFieldList":"Liste des champs de pivot","fieldList":"Field List","dropRowPrompt":"Drop row ici","dropColPrompt":"Drop column here","dropValPrompt":"Valeur liste déroulante ici","dropFilterPrompt":"Filtre goutte ici","addPrompt":"Ajouter un champ ici","adaptiveFieldHeader":"Choisissez Domaine","centerHeader":"Faire glisser les champs entre les zones ci-dessous :","add":"Ajouter","drag":"Faites glisser","filter":"Filter","filtered":"Filtered","sort":"Trier","remove":"Déposer","filters":"Filters","rows":"Lignes","columns":"Colonnes","values":"Valeurs","calculatedField":"Champ calculé","createCalculatedField":"Créer un champ calculé","fieldName":"Entrez le nom du champ","error":"Error","invalidFormula":"Formule invalide.","dropText":"Exemple: ('Sum(Order_Count)' + 'Sum(In_Stock)') * 250","dropTextMobile":"Ajouter des champs et formula ici.","dropAction":"Champ calculé ne peut pas être place dans toute autre région, à l'exception de l'axe des valeurs.","search":"Recherchez","close":"Fermer","cancel":"Annuler","delete":"Supprimer","alert":"Alert","warning":"Attention","ok":"OK","sum":"Somme","average":"La moyenne","count":"Count","min":"Min","max":"Max","allFields":"Tous les domaines","formula":"Formule","fieldExist":"Un champ existe déjà dans ce nom. Veuillez entrer un nom différent.","confirmText":"Une rubrique calcul existe déjà dans ce nom. Voulez-vous la remplacer ?","format":"Les valeurs des résumés par","edit":"Modifier","clear":"Effacer","noMatches":"Pas de correspondance","formulaField":"Faites glisser et déposez les champs à formule","dragField":"Faites glisser le champ à la formule","clearFilter":"Clair","by":"par","enterValue":"Entrez une valeur","chooseDate":"Entrez la date","Equals":"Équivaut à","DoesNotEquals":"N'est pas égal","BeginWith":"Commence par","DoesNotBeginWith":"Ne commence pas avec","EndsWith":"Se termine par","DoesNotEndsWith":"Ne se termine pas avec","Contains":"Contient","DoesNotContains":"Ne contient pas","GreaterThan":"Plus grand que","GreaterThanOrEqualTo":"Plus grand ou égal à","LessThan":"Moins que","LessThanOrEqualTo":"Inférieur ou égal à","Between":"Compris entre","NotBetween":"Pas entre","Before":"Avant","BeforeOrEqualTo":"Avant ou égal à","After":"Après","AfterOrEqualTo":"Après ou égal à","member":"Membre","label":"Étiquette","date":"Rendez-vous amoureux","value":"Valeur","labelTextContent":"Afficher les articles pour lesquels l'étiquette","dateTextContent":"Afficher les articles pour lesquels la date","valueTextContent":"Afficher les articles pour lesquels","And":"et","valueFieldSettings":"Paramètres du champ de valeur","sourceName":"Nom de domaine :","sourceCaption":"Légende du champ:","summarizeValuesBy":"Résumer les valeurs par:","baseField":"Champ de base:","baseItem":"Élément de base:","example":"par exemple :","deferLayoutUpdate":"Différer la mise à jour de la mise en page","caption":"Légende du champ","copy":"Copie"},"query-builder":{"AddGroup":"ajouter un groupe","AddCondition":"ajouter une condition","DeleteRule":"supprimer la règle","DeleteGroup":"supprimer le groupe","Edit":"modifier","SelectField":"Sélectionner un champ","SelectOperator":"sélectionner opérateur","StartsWith":"Commence avec","EndsWith":"Se termine par","Contains":"Contient","Equal":"Égal","NotEqual":"Inégal","LessThan":"Moins que","LessThanOrEqual":"Moins que ou égal","GreaterThan":"Plus grand que","GreaterThanOrEqual":"Meilleur que ou égal","Between":"entre","NotBetween":"pas entre","In":"dans","NotIn":"pas dedans","Remove":"retirer","ValidationMessage":"message de validation","IsNull":"est nul","IsNotNull":"est non nulle","IsEmpty":"est vide","IsNotEmpty":"est pas vide","AND":"ET","OR":"OU","NOT":"ne pas","NotContains":"ne contient pas","NotStartsWith":"ne commence pas avec","NotEndsWith":"ne se termine pas"},"schedule":{"day":"journée","week":"La semaine","workWeek":"Semaine de travail","month":"Mois","agenda":"Ordre du jour","weekAgenda":"Agenda de la semaine","workWeekAgenda":"Agenda de la semaine de travail","monthAgenda":"Agenda du mois","today":"Aujourd'hui","noEvents":"Pas d'événements","emptyContainer":"Aucun événement n'est prévu ce jour-là.","allDay":"Toute la journée","start":"Début","end":"Fin","more":"plus","close":"Fermer","cancel":"Annuler","noTitle":"(Pas de titre)","delete":"Effacer","deleteEvent":"Supprimer l'événement","deleteMultipleEvent":"Supprimer plusieurs événements","selectedItems":"Items selected","deleteSeries":"Supprimer la série","edit":"modifier","editSeries":"Modifier la série","editEvent":"Modifier l'événement","createEvent":"Créer","subject":"Assujettir","addTitle":"Ajouter un titre","moreDetails":"Plus de détails","save":"sauvegarder","editContent":"Voulez-vous modifier uniquement cet événement ou toute la série?","deleteRecurrenceContent":"Voulez-vous supprimer uniquement cet événement ou toute la série?","deleteContent":"Êtes-vous sûr de vouloir supprimer cet événement?","deleteMultipleContent":"Êtes-vous sûr de vouloir supprimer les événements sélectionnés?","newEvent":"Nouvel évènement","title":"Titre","location":"Emplacement","description":"La description","timezone":"Fuseau horaire","startTimezone":"Démarrer fuseau horaire","endTimezone":"Fin du fuseau horaire","repeat":"Répéter","saveButton":"sauvegarder","cancelButton":"Annuler","deleteButton":"Effacer","recurrence":"Récurrence","wrongPattern":"Le modèle de récurrence n'est pas valide.","seriesChangeAlert":"Les modifications apportées à des instances spécifiques de cette série seront annulées et ces événements correspondront à nouveau à la série.","createError":"La durée de l'événement doit être plus courte que sa fréquence. Raccourcissez la durée ou modifiez le modèle de récurrence dans l'éditeur d'événement de récurrence.","recurrenceDateValidation":"Certains mois ont moins que la date sélectionnée. Pour ces mois, l'événement se produira à la dernière date du mois.","sameDayAlert":"Deux occurrences du même événement ne peuvent pas se produire le même jour.","editRecurrence":"Modifier la récurrence","repeats":"Répétitions","alert":"Alerte","startEndError":"La date de fin sélectionnée se produit avant la date de début.","invalidDateError":"La valeur de date saisie est invalide.","ok":"D'accord","occurrence":"Occurrence","series":"Séries","previous":"précédent","next":"Prochain","timelineDay":"Journée chronologique","timelineWeek":"Semaine chronologique","timelineWorkWeek":"Semaine de travail chronologique","timelineMonth":"Mois de la chronologie"},"recurrenceeditor":{"none":"Aucun","daily":"du quotidien","weekly":"Hebdomadaire","monthly":"Mensuel","month":"Mois","yearly":"Annuel","never":"Jamais","until":"Jusqu'à","count":"Compter","first":"First","second":"Seconde","third":"Troisième","fourth":"Quatrième","last":"Dernier","repeat":"Répéter","repeatEvery":"Répétez chaque","on":"Répéter sur","end":"Fin","onDay":"journée","days":"journées","weeks":"semaines","months":"Mois","years":"Années","every":"chaque","summaryTimes":"fois","summaryOn":"sur","summaryUntil":"jusqu'à","summaryRepeat":"Répétitions","summaryDay":"journées","summaryWeek":"semaines","summaryMonth":"mois","summaryYear":"années"},"slider":{"incrementTitle":"augmenter","decrementTitle":"diminution"},"spreadsheet":{"Cut":"Coupe","Copy":"Copie","Paste":"Pâte","PasteSpecial":"Pâte spéciale","All":"Tous les","Values":"Valeurs","Formats":"Les formats","Font":"fonte","FontSize":"Taille de police","Bold":"Audacieux","Italic":"Italique","Underline":"Souligner","Strikethrough":"Barré","TextColor":"Couleur du texte","FillColor":"La couleur de remplissage","HorizontalAlignment":"Alignement horizontal","AlignLeft":"Alignez à gauche","AlignCenter":"centre","AlignRight":"Aligner à droite","VerticalAlignment":"Alignement vertical","AlignTop":"Aligner en haut","AlignMiddle":"Aligner le milieu","AlignBottom":"Aligner le bas","InsertFunction":"Insérer une fonction","Insert":"Insérer","Delete":"Effacer","Rename":"Rebaptiser","Hide":"Cacher","Unhide":"Démasquer","NameBox":"Nom Box","ShowHeaders":"Afficher les en-têtes","HideHeaders":"Masquer les en-têtes","ShowGridLines":"Afficher les quadrillages","HideGridLines":"Masquer le quadrillage","AddSheet":"Ajouter une feuille","ListAllSheets":"Liste de feuilles","FullScreen":"Plein écran","CollapseToolbar":"Réduire la barre d'outils","ExpandToolbar":"Maximiser la barre d'outils","CollapseFormulaBar":"Réduire la barre de formule","ExpandFormulaBar":"Développer la barre de formule","File":"Fichier","Home":"Accueil","Formulas":"Formules","View":"Vue","New":"Nouveau","Open":"Ouvrir","SaveAs":"Enregistrer sous","ExcelXlsx":"Microsoft Excel","ExcelXls":"Microsoft Excel 97-2003","CSV":"Comma-separated values","FormulaBar":"Barre de formule","Ok":"D'accord","Close":"Fermer","Cancel":"Annuler","Apply":"s'adresser à","MoreColors":"Plus de couleurs","StandardColors":"Couleurs Standard","General":"Général","Number":"Nombre","Currency":"Devise","Accounting":"Comptabilité","ShortDate":"Date courte","LongDate":"Longue date","Time":"Temps","Percentage":"Pourcentage","Fraction":"Fraction","Scientific":"Scientifique","Text":"Texte","NumberFormat":"Nombre Format","MobileFormulaBarPlaceHolder":"Entrer une valeur ou une formule","PasteAlert":"Vous ne pouvez pas coller ceci ici, car les zones de copie et de collage ne sont pas de la même taille. S'il vous plaît essayez de coller dans une plage différente.","DestroyAlert":"Êtes-vous sûr de vouloir détruire le classeur actuel sans enregistrer et créer un nouveau classeur?","SheetRenameInvalidAlert":"Le nom de la feuille contient un caractère invalide.","SheetRenameEmptyAlert":"Le nom de la feuille ne peut pas être vide.","SheetRenameAlreadyExistsAlert":"Le nom de la feuille existe déjà. S'il vous plaît entrer un autre nom.","DeleteSheetAlert":"Êtes-vous sûr de vouloir supprimer cette feuille?","DeleteSingleLastSheetAlert":"Un classeur doit contenir au moins une feuille de calcul visible.","PickACategory":"Choisissez une catégorie","Description":"La description","UnsupportedFile":"Fichier non supporté","InvalidUrl":"URL invalide","SUM":"Ajoute une série de nombres et / ou de cellules.","SUMIF":"Ajoute les cellules en fonction de la condition spécifiée.","SUMIFS":"Ajoute les cellules en fonction de conditions spécifiées.","ABS":"Retourne la valeur d'un nombre sans son signe.","RAND":"Retourne un nombre aléatoire compris entre 0 et 1.","RANDBETWEEN":"Retourne un entier aléatoire basé sur des valeurs spécifiées.","FLOOR":"Arrondit un nombre jusqu'au multiple le plus proche d'un facteur donné.","CEILING":"Arrondit un nombre jusqu'au multiple le plus proche d'un facteur donné.","PRODUCT":"Multiplie une série de nombres et / ou de cellules.","AVERAGE":"Calculez la moyenne pour la série de nombres et / ou de cellules excluant le texte.","AVERAGEIF":"Calcule la moyenne des cellules en fonction de la condition spécifiée.","AVERAGEIFS":"Calcule la moyenne des cellules en fonction de conditions spécifiées.","AVERAGEA":"Calcule la moyenne des cellules évaluant VRAI à 1, texte et FAUX à 0.","COUNT":"Compte les cellules contenant des valeurs numériques dans une plage.","COUNTIF":"Compte les cellules en fonction de la condition spécifiée.","COUNTIFS":"Compte les cellules en fonction de conditions spécifiées.","COUNTA":"Compte les cellules contenant des valeurs dans une plage.","MIN":"Retourne le plus petit nombre d'arguments donnés.","MAX":"Retourne le plus grand nombre d'arguments donnés.","DATE":"Renvoie la date en fonction de l'année, du mois et du jour donnés.","DAY":"Renvoie le jour à partir de la date donnée.","DAYS":"Renvoie le nombre de jours entre deux dates.","IF":"Renvoie la valeur en fonction de l'expression donnée.","IFS":"Retourne une valeur basée sur les expressions multiples données.","AND":"Renvoie VRAI si tous les arguments sont VRAI, sinon renvoie FAUX.","OR":"Renvoie VRAI si l'un des arguments est VRAI, sinon renvoie FAUX.","IFERROR":"Renvoie une valeur si aucune erreur n'est trouvée sinon, la valeur spécifiée sera renvoyée.","CHOOSE":"Retourne une valeur de la liste de valeurs, basée sur le numéro d'index.","INDEX":"Renvoie une valeur de la cellule dans une plage donnée en fonction du numéro de ligne et de colonne.","FIND":"Renvoie la position d'une chaîne dans une autre chaîne, sensible à la casse.","CONCATENATE":"Combine deux ou plusieurs chaînes ensemble.","CONCAT":"Concatène une liste ou une plage de chaînes de texte.","SUBTOTAL":"Retourne le sous-total d'une plage en utilisant le numéro de fonction donné.","RADIANS":"Convertit les degrés en radians.","MATCH":"Renvoie la position relative d'une valeur spécifiée dans une plage donnée.","DefineNameExists":"Ce nom existe déjà, essayez un nom différent.","CircularReference":"Lorsqu'une formule fait référence à une ou plusieurs références circulaires, cela peut entraîner un calcul incorrect."},"timepicker":{"placeholder":"Choisissez une heure"},"treegrid":{"EmptyRecord":"Aucun enregistrement à afficher","InvalidFilterMessage":"Données de filtre non valides","FilterbarTitle":"cellule de barre de filtre","EmptyDataSourceError":"DataSource ne doit pas être vide lors du chargement initial, car les colonnes sont générées à partir de dataSource dans la grille de colonnes AutoGenerate","Add":"Ajouter","Edit":"modifier","Cancel":"Annuler","Update":"Mettre à jour","Delete":"Effacer","Print":"Impression","Pdfexport":"Export PDF","Excelexport":"Export Excel","Wordexport":"Word Export","Csvexport":"CSV Export","Search":"Chercher","Columnchooser":"Colonnes","Save":"sauvegarder","EditOperationAlert":"Aucun enregistrement sélectionné pour l'opération d'édition","DeleteOperationAlert":"Aucun enregistrement sélectionné pour l'opération de suppression","SaveButton":"sauvegarder","CancelButton":"Annuler","EditFormTitle":"Les détails de ","AddFormTitle":"Ajouter un nouvel enregistrement","ConfirmDelete":"Êtes-vous sûr de vouloir supprimer l'enregistrement?","CancelEdit":"Êtes-vous sûr de vouloir annuler les modifications?","ChooseColumns":"Choisissez la colonne","SearchColumns":"colonnes de recherche","FilterButton":"Filtre","ClearButton":"Clair","StartsWith":"Commence avec","EndsWith":"Se termine par","Contains":"Contient","Equal":"Égal","NotEqual":"Inégal","LessThan":"Moins que","LessThanOrEqual":"Moins que ou égal","GreaterThan":"Plus grand que","GreaterThanOrEqual":"Meilleur que ou égal","ChooseDate":"Choisissez une date","EnterValue":"Entrez la valeur","autoFitAll":"Auto Adapter toutes les colonnes","autoFit":"Auto Fit cette colonne","Export":"Exportation","FirstPage":"Première page","LastPage":"Dernière page","PreviousPage":"Page précédente","NextPage":"Page suivante","SortAscending":"Trier par ordre croissant","SortDescending":"Trier par ordre décroissant","EditRecord":"Modifier l'enregistrement","DeleteRecord":"Supprimer l'enregistrement","FilterMenu":"Filtre"},"uploader":{"invalidMinFileSize":"La taille du fichier est trop petite","invalidMaxFileSize":"La taille du fichier dépasse 28 Mo","invalidFileType":"Le type de fichier n'est pas autorisé","Browse":"Feuilleter","Clear":"Clair","Upload":"Télécharger","dropFilesHint":"ou Déposer des fichiers ici","uploadFailedMessage":"Impossible d'importer le fichier","uploadSuccessMessage":"Fichier téléchargé avec succès","removedSuccessMessage":"Fichier supprimé avec succès","removedFailedMessage":"Impossible de supprimer le fichier","inProgress":"Téléchargement","readyToUploadMessage":"Prêt à télécharger","remove":"Retirer","cancel":"Annuler","delete":"Supprimer le fichier","abort":"Avorter","pauseUpload":"Le téléchargement du fichier a été suspendu","pause":"Pause","resume":"Reprendre","retry":"Recommencez","fileUploadCancel":"Téléchargement de fichier annulé"}}};
\ No newline at end of file
diff --git a/src/common/pack.json b/src/common/pack.json
index 1a95e534..53097c0b 100644
--- a/src/common/pack.json
+++ b/src/common/pack.json
@@ -1,34 +1,46 @@
-{
- "dependencies": {
- "@syncfusion/ej2": "*",
- "@syncfusion/ej2-base": "*",
- "@syncfusion/ej2-buttons": "*",
- "@syncfusion/ej2-splitbuttons": "*",
- "@syncfusion/ej2-data": "*",
- "@syncfusion/ej2-lists": "*",
- "@syncfusion/ej2-grids": "*",
- "@syncfusion/ej2-schedule": "*",
- "@syncfusion/ej2-dropdowns": "*",
- "@syncfusion/ej2-heatmap": "*",
- "@syncfusion/ej2-calendars": "*",
- "@syncfusion/ej2-inputs": "*",
- "@syncfusion/ej2-popups": "*",
- "@syncfusion/ej2-charts": "*",
- "@syncfusion/ej2-diagrams": "*",
- "@syncfusion/ej2-maps": "*",
- "@syncfusion/ej2-treemap": "*",
- "@syncfusion/ej2-circulargauge": "*",
- "@syncfusion/ej2-lineargauge": "*",
- "@syncfusion/ej2-navigations": "*",
- "@syncfusion/ej2-pdf-export": "*",
- "@syncfusion/ej2-excel-export": "*",
- "@syncfusion/ej2-file-utils": "*",
- "@syncfusion/ej2-compression": "*",
- "@syncfusion/ej2-documenteditor": "*",
- "@syncfusion/ej2-richtexteditor": "*",
- "@syncfusion/ej2-notifications": "*",
- "@syncfusion/ej2-pdfviewer": "*",
- "@types/crossroads": "0.0.28",
+{
+ "dependencies": {
+"@syncfusion/ej2-barcode-generator": "*",
+"@syncfusion/ej2-base": "*",
+"@syncfusion/ej2-buttons": "*",
+"@syncfusion/ej2-calendars": "*",
+"@syncfusion/ej2-charts": "*",
+"@syncfusion/ej2-circulargauge": "*",
+"@syncfusion/ej2-compression": "*",
+"@syncfusion/ej2-data": "*",
+"@syncfusion/ej2-diagrams": "*",
+"@syncfusion/ej2-documenteditor": "*",
+"@syncfusion/ej2-drawings": "*",
+"@syncfusion/ej2-dropdowns": "*",
+"@syncfusion/ej2-excel-export": "*",
+"@syncfusion/ej2-file-utils": "*",
+"@syncfusion/ej2-filemanager": "*",
+"@syncfusion/ej2-gantt": "*",
+"@syncfusion/ej2-grids": "*",
+"@syncfusion/ej2-heatmap": "*",
+"@syncfusion/ej2-icons": "*",
+"@syncfusion/ej2-inplace-editor": "*",
+"@syncfusion/ej2-inputs": "*",
+"@syncfusion/ej2-layouts": "*",
+"@syncfusion/ej2-lineargauge": "*",
+"@syncfusion/ej2-lists": "*",
+"@syncfusion/ej2-maps": "*",
+"@syncfusion/ej2-navigations": "*",
+"@syncfusion/ej2-notifications": "*",
+"@syncfusion/ej2-office-chart": "*",
+"@syncfusion/ej2-pdf-export": "*",
+"@syncfusion/ej2-pdfviewer": "*",
+"@syncfusion/ej2-pivotview": "*",
+"@syncfusion/ej2-popups": "*",
+"@syncfusion/ej2-querybuilder": "*",
+"@syncfusion/ej2-richtexteditor": "*",
+"@syncfusion/ej2-schedule": "*",
+"@syncfusion/ej2-splitbuttons": "*",
+"@syncfusion/ej2-spreadsheet": "*",
+"@syncfusion/ej2-svg-base": "*",
+"@syncfusion/ej2-treegrid": "*",
+"@syncfusion/ej2-treemap": "*",
+"@types/crossroads": "0.0.28",
"@types/signals": "0.0.16",
"@types/moment-timezone": "^0.5.3",
"@types/hasher": "0.0.27",
@@ -40,6 +52,6 @@
"@types/codemirror": "0.0.56",
"@types/es6-promise": "0.0.28",
"hasher": "^1.2.0",
- "moment-timezone": "^0.5.14"
-}
-}
\ No newline at end of file
+ "moment-timezone": "^0.5.14"
+ }
+ }
\ No newline at end of file
diff --git a/src/common/sampleList.ts b/src/common/sampleList.ts
index 542372e6..2980319e 100644
--- a/src/common/sampleList.ts
+++ b/src/common/sampleList.ts
@@ -1,5 +1,5 @@
-export let samplesList : any =[{"name":"Data Grid","directory":"grid","category":"Grids","ftName":"datagrid","samples":[{"url":"grid-overview","name":"Overview","description":"This demo for Essential JS 2 grid control is an overview of how to display and manipulate large data with configuration options.","category":"Data Grid","api":{"Grid":["dataSource","enableVirtualization","allowFiltering","allowSorting","allowSelection","selectionSettings","height","columns","dataBound","actionComplete","load"]},"uid":"00000","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS 2 grid control shows the default rendering of the grid control with minimum configuration.","category":"Data Grid","api":{"Grid":["columns","dataSource"]},"uid":"00001","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"grouping","name":"Grouping","description":"This demo for Essential JS 2 grid control demonstrates the grouping feature of the grid control. The grid control has options to group records based on columns.","category":"Data Grid","api":{"Grid":["dataSource","allowPaging","allowSorting","groupSettings","pageSettings","allowGrouping","height","columns"]},"uid":"00002","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"grid-lines","name":"GridLines","description":"This demo for Essential JS 2 grid control demonstrates the visibility of the grid lines that separate the rows and columns.","category":"Data Grid","api":{"Grid":["dataSource","gridLines","columns"]},"uid":"00003","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"scrolling","name":"Default Scrolling","description":"This demo for Essential JS 2 grid control shows the usage of the horizontal and vertical scrollbars to view grid content that exceeds the grid area.","category":"Scrolling","api":{"Grid":["dataSource","height","width","columns"]},"uid":"00004","order":1,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"virtual-scrolling","name":"Virtual Scrolling","description":"This demo demonstrates how to use Essential JS 2 grid to show a large data view without performance degradation by rendering only the required rows and columns.","category":"Scrolling","api":{"Grid":["dataSource","enableVirtualization","enableColumnVirtualization","dataBound","height","columns"]},"uid":"00005","order":1,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"events","name":"Events","description":"This demo for Essential JS 2 grid control shows the events that have been triggered during the grid operations.","category":"Data Grid","api":{"Grid":["dataSource","allowPaging","pageSettings","allowGrouping","allowReordering","allowSorting","columns","load","created","actionBegin","actionComplete","dataBound","rowSelecting","rowSelected","columnDragStart","columnDrag","columnDrop"]},"uid":"00006","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"hierarchy","name":"Hierarchy Grid","description":"This demo for Essential JS 2 grid control shows the hierarchical binding feature that helps to build multilevel parent-child relationships.","category":"Data Grid","api":{"Grid":["dataSource","allowSorting","columns","detailDataBound","dataBound","created","childGrid"]},"uid":"00007","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"clipboard","name":"Clipboard","description":"This demo for Essential JS 2 grid control shows copy to clipboard functionality of grid. Select rows and click Copy button from toolbar to copy content.","category":"Data Grid","api":{"Grid":["dataSource","allowPaging","toolbar","columns","pageSettings","allowSelection","selectionSettings","toolbarClick"]},"uid":"00008","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"local-data","name":"Local Data","description":"This demo for Essential JS 2 grid control demonstrates the way for binding a grid with a local data source.","category":"Data Binding","api":{"Grid":["dataSource","allowPaging","columns","pageSettings"]},"uid":"00009","order":2,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"remote-data","name":"Remote Data","description":"This demo for Essential JS 2 grid control shows the way of data binding grid with remote service. Grid data source is bound to remote data using DataManager.","category":"Data Binding","api":{"Grid":["dataSource","allowPaging","actionBegin","actionComplete","created","dataBound","columns","pageSettings"]},"uid":"000010","order":2,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"auto-wrap","name":"AutoWrap Column Cells","description":"This demo for Essential JS 2 grid control shows how the grid cell content is autowrapped to show large cell content.","category":"Columns","api":{"Grid":["dataSource","allowPaging","allowTextWrap","columns","pageSettings"]},"uid":"000011","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"show-hide","name":"Show or Hide Column","description":"This demo for Essential JS 2 grid control demonstrates the dynamic show and hide columns feature. Use the properties panel to hide/show the column.","category":"Columns","api":{"Grid":["dataSource","allowPaging","pageSettings","columns"]},"uid":"000012","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"column-template","name":"Column Template","description":"This demo for Essential JS 2 grid control demonstrates usage of template columns in Grid to shown custom images in the Employee Image column.","category":"Columns","api":{"Grid":["dataSource","width","height","columns"]},"uid":"000013","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"stacked-header","name":"Stacked Header","description":"This demo for Essential JS 2 grid control shows the usage of the sorting API in grid. Use the properties panel to sort/unsort columns using API.","category":"Columns","api":{"Grid":["dataSource","allowPaging","pageSettings","columns"]},"uid":"000014","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"reorder","name":"Reorder","description":"This demo for Essential JS 2 grid control shows the reordering columns feature. Select column name and index from properties panel to reorder the columns.","category":"Columns","api":{"Grid":["dataSource","allowReordering","actionComplete","columns"]},"uid":"000015","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"column-chooser","name":"Column Chooser","description":"This demo for Essential JS 2 grid control shows how the column chooser feature can be used to show or hide columns dynamically.","category":"Columns","api":{"Grid":["dataSource","allowPaging","showColumnChooser","columns","toolbar"]},"uid":"000016","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"row-template","name":"Row Template","description":"This demo for Essential JS 2 grid control shows the usage of the row template feature. We have rendered each Grid row using template.","category":"Rows","api":{"Grid":["dataSource","rowTemplate","height","width","columns"]},"uid":"000017","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"detail-template","name":"Detail Template","description":"This demo for Essential JS 2 grid control shows the grid with detail template feature. Click the expand button to show the detailed information about a row.","category":"Rows","api":{"Grid":["dataSource","detailTemplate","height","width","columns"]},"uid":"000018","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"hover","name":"Row Hover","description":"This demo for Essential JS 2 grid control shows the Grid with the row hover feature. Move the mouse over the Grid rows to see the hover effect.","category":"Rows","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowSelection","enableHover"]},"uid":"000019","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"row-height","name":"Row Height","description":"This demo for Essential JS 2 grid control shows the row height feature. Click on the toolbar icons to change row's height.","category":"Rows","api":{"Grid":["dataSource","toolbar","height","columns","rowHeight","toolbarClick"]},"uid":"000020","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"drag-and-drop","name":"Row Drag And Drop","description":"This demo for Essential JS 2 grid control demonstrates how the rows can be dragged between grids using the row drag-and-drop feature.","category":"Rows","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowRowDragAndDrop","selectionSettings","rowDropSettings","width"]},"uid":"000021","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"drag-drop-within-grid","name":"Row Drag And Drop Within Grid","category":"Rows","description":"This demo for Essential JS 2 grid control demonstrates how the rows can be dragged within the grids using the row drag-and-drop feature.","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowRowDragAndDrop","selectionSettings","rowDropSettings","width","persistSelection"]},"uid":"000022","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"sorting","name":"Multi Sorting","description":"This demo for Essential JS 2 grid control shows the grid multisorting feature. Using this feature, grid rows can be sorted by two or more columns.","category":"Sorting","api":{"Grid":["dataSource","allowSelection","selectionSettings","columns","enableHover"]},"uid":"000023","order":5,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"sorting-api","name":"Sorting API","description":"This demo for Essential JS 2 grid control shows the usage of the sorting API in grid. Use the properties panel to sort/unsort columns using API.","category":"Sorting","api":{"Grid":["dataSource","allowPaging","allowSelection","selectionSettings","enableHover","columns","pageSettings"]},"uid":"000024","order":5,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"filter","name":"Default Filtering","description":"This demo for Essential JS 2 grid control shows how to place a filter bar row in the header to filter grid rows.","category":"Filtering","api":{"Grid":["allowFiltering","dataSource","allowPaging","pageSettings","columns"]},"uid":"000025","order":6,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"filter-menu","name":"Filter Menu","description":"This demo for Essential JS 2 grid control demonstrates a way of filtering rows using a menu, check box, and Excel filter UI.","category":"Filtering","api":{"Grid":["allowFiltering","filterSettings","dataSource","allowPaging","pageSettings","columns"]},"uid":"000026","order":6,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"search","name":"Search","description":"This demo for Essential JS 2 grid control shows the content searching feature. Use the search box from toolbar to search for records in grid.","category":"Filtering","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","toolbar"]},"uid":"000027","order":6,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"default-paging","name":"Default Paging","description":"This demo for Essential JS 2 grid control shows how you can display the contents of the grid in page segments using the paging feature.","category":"Paging","api":{"Grid":["dataSource","allowPaging","pageSettings","columns"]},"uid":"000028","order":7,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"paging-api","name":"Paging API","description":"This demo for Essential JS 2 grid control shows the usage of the paging API, use the properties panel to change the pageSize, pageCount and current page.","category":"Paging","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","actionComplete","goToPage"]},"uid":"000029","order":7,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"selection","name":"Default Selection","description":"This demo for Essential JS 2 grid control shows how to select rows or cells through simple mouse down or keyboard interaction using the selection feature.","category":"Selection","api":{"Grid":["dataSource","allowSelection","selectionSettings","enableHover","columns"]},"uid":"000030","order":8,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"selection-api","name":"Selection API","description":"This demo for Essential JS 2 grid control shows the content searching feature. Use the search box from toolbar to search for records in grid.","category":"Selection","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowSelection","selectionSettings","enableHover"]},"uid":"000031","order":8,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"checkbox-selection","name":"Checkbox Selection","description":"This demo for Essential JS 2 grid control shows how the check box selection feature can be used to select grid rows.","category":"Selection","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowSelection","selectionSettings","enableHover"]},"uid":"000032","order":8,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"aggregate-default","name":"Default Aggregate","description":"This demo for Essential JS 2 grid control shows how the row values can be aggregated and shown in a column footer.","category":"Aggregates","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","aggregates"]},"uid":"000033","order":9,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"aggregate-group","name":"Group and Caption Aggregate","description":"This demo for Essential JS 2 grid control shows how the row values can be aggregated for each group of items and shown in a group caption and footer.","category":"Aggregates","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowGrouping","groupSettings","aggregates"]},"uid":"000034","order":9,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"reactive-aggregate-batch-edit","name":"Reactive Aggregate","description":"This demo for Essential JS 2 grid control shows how aggregate values are updated while the row is edited in batch edit mode.","category":"Aggregates","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowGrouping","groupSettings","aggregates","editSettings","toolbar"]},"uid":"000035","order":9,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"normal-editing","name":"Inline Editing","description":"This demo for Essential JS 2 grid control shows the inline editing operation. In the below sample, You can perform CRUD operations in grid.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings","toolbar"]},"uid":"000036","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"dialog-editing","name":"Dialog Editing","description":"This demo for Essential JS 2 grid control shows how to edit grid rows using the Essential JS 2 dialog control.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings","toolbar"]},"uid":"000037","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"dialog-template","name":"Dialog Template","description":"This demo for Essential JS 2 grid control shows how to edit the grid rows using Essential JS 2 dialog-template.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings","toolbar"]},"uid":"000038","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"batch-editing","name":"Batch Editing","description":"This demo for Essential JS 2 grid control shows how to perform bulk changes to the grid content using batch edit mode.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings","toolbar"]},"uid":"000039","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"command-column","name":"Command Column","description":"This demo for Essential JS 2 grid control shows how to edit and delete records using a command column.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings"]},"uid":"000040","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"column-resize","name":"Column Resizing","description":"This demo for Essential JS 2 grid control shows how the column resizing feature can be used to change width dynamically.","category":"Columns","api":{"Grid":["dataSource","allowResizing","height","columns"]},"uid":"000041","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"header-template","name":"Header Template","description":"This demo for Essential JS 2 grid control shows the Grid header template feature, we have shown custom icons in the column headers.","category":"Columns","api":{"Grid":["dataSource","columns"]},"uid":"000042","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"default-exporting","name":"Default Exporting","description":"This demo for Essential JS 2 grid control shows the client-side exporting of grid content to Excel, PDF, and CSV formats.","category":"Exporting","api":{"Grid":["dataSource","allowExcelExport","allowPdfExport","allowPaging","toolbar","pageSettings","columns","groupSettings","allowGrouping"]},"uid":"000043","order":11,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"advanced-exporting","name":"Advanced Exporting","description":"This demo for Essential JS 2 grid control demonstrates how exporting can be customized to add headers and footers in exported documents.","category":"Exporting","api":{"Grid":["dataSource","allowExcelExport","allowPdfExport","toolbar","allowPaging","pageSettings","columns"]},"uid":"000044","order":11,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"master-details-export","name":"Hierarchy Exporting","description":"This demo for Essential JS 2 grid control demonstrates how to export hierarchy grid in exported documents.","category":"Exporting","api":{"Grid":["dataSource","allowExcelExport","allowPdfExport","toolbar","allowPaging","pageSettings","columns","childGrid"]},"uid":"000045","order":11,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"print","name":"Print","description":"This demo for Essential JS 2 grid control shows how to print the grid content. Click the print button from the toolbar item to print Grid.","category":"Exporting","api":{"Grid":["dataSource","allowPaging","toolbar","pageSettings","columns"]},"uid":"000046","order":11,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"column-spanning","name":"Column Spanning","description":"This demo for Essential JS 2 grid control demonstrates the grid with column spanning feature to span multiple adjacent cells together.","category":"Columns","api":{"Grid":["dataSource","allowTextWrap","columns","queryCellInfo","gridLines","width","height"]},"uid":"000047","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"frozen-rows-columns","name":"Frozen Rows And Columns","description":"This demo for Essential JS 2 grid control shows frozen rows/columns feature of grid. Scroll the movable content to view the frozen rows/columns.","category":"Columns","api":{"Grid":["dataSource","allowSelection","columns","frozenColumns","frozenRows","height"]},"uid":"000048","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"context-menu","name":"Context Menu","description":"This demo for Essential JS 2 grid control shows demonstrates the usage of context menu in grid. Right click anywhere on the grid to view context menu.","category":"Data Grid","api":{"Grid":["dataSource","allowSorting","allowGrouping","allowPdfExport","allowExcelExport","editSettings","allowPaging","contextMenuItems","groupSettings","columns"]},"uid":"000049","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"column-menu","name":"Column Menu","description":"This demo for Essential JS 2 grid control shows the usage of the various column functionalities of the column menu feature.","category":"Columns","api":{"Grid":["dataSource","allowSorting","allowGrouping","showColumnMenu","groupSettings","columns","allowSorting"]},"uid":"000050","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"foreign-key","name":"Foreign Key Column","description":"This demo for Essential JS 2 grid control shows the usage of a foreign key column and perform actions like filtering, sorting and editing.","category":"Columns","api":{"Grid":["dataSource","allowSorting","columns","allowFiltering","filterSettings","editSettings"]},"uid":"000051","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"row-spanning","name":"Row Spanning","description":"This demo for Essential JS 2 grid control demonstrates the row spanning feature. In this sample, we have spanned row cells together.","category":"Rows","api":{"Grid":["dataSource","allowTextWrap","columns","queryCellInfo","gridLines","width","height"]},"uid":"000052","order":4,"component":"Data Grid","dir":"grid","parentId":"00"}],"order":0,"uid":"00"},{"name":"Pivot Table","directory":"pivot-table","category":"Grids","type":"update","samples":[{"url":"default","name":"Default Functionalities","category":"Pivot Table","description":"This demo for Essential JS2 Pivot Table control shows the basic rendering of the pivot table with minimum configuration","uid":"00110","order":0,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"local","name":"Local Data","category":"Data Binding","description":"This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table with local JSON data","sourceFiles":[{"displayName":"local.ts","path":"src/pivot-table/local.ts"},{"displayName":"localData.json","path":"src/pivot-table/pivot-data/rData.json"},{"displayName":"local.html","path":"src/pivot-table/local.html"}],"uid":"00111","order":1,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"remote","name":"Remote Data","category":"Data Binding","description":"This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table with remote data or service data","uid":"00112","order":1,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"olap","name":"OLAP","category":"Data Binding","type":"new","description":"This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table with olap datasource","uid":"00113","order":1,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"pivot-chart","name":"Pivot Chart","category":"Integration","description":"This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table data into a simple pivot chart","uid":"00114","order":2,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"external-binding","name":"External Binding","category":"Integration","description":"This demo for Essential JS2 Pivot Table control demonstrate the rendering of heat map with cell selection option.","uid":"00115","order":2,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"field-list","name":"Field List","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the field list feature of the pivot table","uid":"00116","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"grouping-bar","name":"Grouping Bar","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the grouping bar feature of the pivot table","uid":"00117","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"conditional-formatting","name":"Conditional Formatting","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate formatting the appearance of the pivot table cells with values based on the applied conditions","uid":"00118","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"selection","name":"Selection","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the cell selection feature of the pivot table","uid":"00119","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"summary-customization","name":"Show/Hide Totals","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the summary customization feature of the pivot table","uid":"001110","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"grouping","name":"Grouping","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the grouping feature for date and number fields","uid":"001111","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"toolbar","name":"Toolbar","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the toolbar feature with pivot table and pivot chart","uid":"001112","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"calculated-field","name":"Calculated Field","category":"Formula","description":"This demo for Essential JS2 Pivot Table control shows calculated field, and it allows users to add calculated items","uid":"001113","order":4,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"aggregation","name":"Aggregation","category":"Formula","description":"This demo for Essential JS2 Pivot Table control shows different types of aggregation for value fields","uid":"001114","order":4,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"sorting","name":"Default Sorting","category":"Sorting","description":"This demo for Essential JS2 Pivot Table control shows ordering(sorting) of fields either in ascending or descending order","uid":"001115","order":5,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"value-sorting","name":"Value Sorting","category":"Sorting","description":"This demo for Essential JS2 Pivot Table control shows sorting values on column or row wise in ascending or descending order","uid":"001116","order":5,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"filtering","name":"Default Filtering","category":"Filtering","description":"This demo for Essential JS2 Pivot Table control demonstrate member filtering of field headers either by including or excluding them","uid":"001117","order":6,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"label-filtering","name":"Label Filtering","category":"Filtering","description":"This demo for Essential JS2 Pivot Table control demonstrate label filtering of field headers either by including or excluding them","uid":"001118","order":6,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"value-filtering","name":"Value Filtering","category":"Filtering","description":"This demo for Essential JS2 Pivot Table control demonstrate the filtering of field headers based on the grand total (value based)","uid":"001119","order":6,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"virtual-scrolling","name":"Virtual Scrolling","category":"Scrolling","description":"This demo for Essential JS2 Pivot Table control shows virtual scrolling option available vertically and horizontally to load large records with ease","uid":"001120","order":7,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"cell-template","name":"Cell Template","category":"Customization","description":"This demo for Essential JS2 Pivot Table control demonstrate cell template option on cells of the pivot table","uid":"001121","order":8,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"drill-through","name":"Drill Through","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control shows the raw items of any value cells in pivot table","uid":"001122","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"editing","name":"Editing","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control allows to edit, add and delete the value cells in pivot table","uid":"001123","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"hyper-link","name":"Hyperlink","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control shows hyperlink options in row headers, column headers, value cells, and summary cells in the pivot table","uid":"001124","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"defer-update","name":"Defer Layout Update","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control demonstrate defer layout update feature of the pivot table","uid":"001125","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"exporting","name":"Export","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control demonstrate client-side exporting of the pivot table to Excel, CSV and PDF formats","uid":"001126","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"}],"order":0,"uid":"01"},{"name":"Tree Grid","directory":"tree-grid","category":"Grids","ftName":"tree-grid","type":"update","samples":[{"url":"treegrid-overview","name":"Overview","category":"Tree Grid","api":{"TreeGrid":["dataSource","childMapping","height","columns","allowReordering","allowFiltering","allowSorting","filterSettings","queryCellInfo"]},"description":"This sample demonstrates the overview of basic treegrid features such as sorting, filtering, conditional formatting, column template and scrolling.","uid":"00220","order":0,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"default","name":"Default Functionalities","category":"Tree Grid","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","columns"]},"description":"This example shows how the Syncfusion TypeScript TreeGrid control looks with its default configuration.","uid":"00221","order":0,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"localdata","name":"Local Data","category":"Data Binding","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","columns"]},"description":"This example shows the binding of an array of list objects in the Syncfusion TypeScript TreeGrid control.","uid":"00222","order":1,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"remote-data","name":"Remote Data","category":"Data Binding","api":{"TreeGrid":["dataSource","allowPaging","columns","treeColumnIndex","hasChildMapping","parentIdMapping","idMapping","height"]},"description":"This example shows the binding of remote services by using the DataManager in the Syncfusion TypeScript TreeGrid.","uid":"00223","order":1,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"selfreference","name":"Self Reference","category":"Data Binding","api":{"TreeGrid":["dataSource","allowPaging","columns","treeColumnIndex","idMapping","parentIdMapping"]},"description":"This example illustrates binding self-referential flat data with parent ID to a Syncfusion TypeScript TreeGrid control.","uid":"00224","order":1,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"columnformatting","name":"Column Formatting","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex","pageSettings"]},"description":"This demo explains how to display the content of TreeGrid columns based on the specified format in Syncfusion TypeScript TreeGrid.","uid":"00225","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"column-template","name":"Column Template","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","width","height","columns","rowHeight"]},"description":"This demo explains how to define the template in TreeGrid columns of Syncfusion TypeScript TreeGrid control.","uid":"00226","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"reorder","name":"Reorder","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowReordering","actionComplete","columns","allowPaging"]},"description":"This demo explains how to reorder the columns of treegrid by simple drag and drop of columns using Syncfusion TypeScript TreeGrid control.","uid":"00227","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"resizing","name":"Resize","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowResizing","actionComplete","columns","allowPaging"]},"description":"This demo explains how to resize the width of the treegrid columns in Syncfusion TypeScript TreeGrid control.","uid":"00228","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"columnmenu","name":"Column Menu","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns"]},"description":"This demo explains the default functionalities of the Column Menu in Syncfusion TypeScript TreeGrid control.","uid":"00229","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"cellalignment","name":"Cell Alignment","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how to align the content inside the cells of treegrid columns and headers in Syncfusion TypeScript TreeGrid control.","uid":"002210","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"auto-wrap","name":"AutoWrap Column Cells","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","allowTextWrap","columns","pageSettings"]},"description":"This demo explains how to wrap the content of columns within the specified width of treegrid columns in Syncfusion TypeScript TreeGrid control.","uid":"002211","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"showhidecolumn","name":"Show or Hide Column","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how to hide or show the columns of treegrid dynamically using Syncfusion TypeScript TreeGrid methods.","uid":"002212","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"header-template","name":"Header Template","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","columns","height"]},"description":"This demo explains how to customize column headers to show additional HTML elements, such as icons, images, etc. in Syncfusion TypeScript TreeGrid control.","uid":"002213","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"stacked-header","name":"Stacked Header","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","pageSettings","columns"]},"description":"This demo explains how to provide a common header for the group of columns in Syncfusion TypeScript TreeGrid control.","uid":"002214","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"rowhover","name":"Row Hover","category":"Rows","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","columns","enableHover","height"]},"description":"This demo explains how the treegrid row color is changed while move the mouse over a row in Syncfusion TypeScript TreeGrid content.","uid":"002215","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"rowheight","name":"Row Height","category":"Rows","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","rowHeight","allowPaging","toolbarClick","columns","toolbar"]},"description":"This demo shows how to set different row height to the rows of Syncfusion TypeScript TreeGrid control.","uid":"002216","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"row-template","name":"Row Template","category":"Rows","api":{"TreeGrid":["dataSource","rowTemplate","height","width","columns","childMapping","treeColumnIndex"]},"description":"This demo for Essential JS 2 TreeGrid control shows the usage of the row template feature. We have rendered each TreeGrid row using template.","uid":"002217","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"row-reorder","name":"Drag And Drop","category":"Rows","api":{"TreeGrid":["dataSource","rowTemplate","height","width","columns","childMapping","treeColumnIndex"]},"description":"This demo for Essential JS 2 TreeGrid control demonstrates how the rows can be dragged within the treegrid using the row drag-and-drop feature.","type":"new","uid":"002218","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"detail-template","name":"Detail Template","category":"Rows","api":{"TreeGrid":["dataSource","detailTemplate","height","width","columns","childMapping","treeColumnIndex"]},"description":"This demo shows TreeGrid with detail template feature and also each row contains detailed information about a row.","uid":"002219","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"inline-editing","name":"Inline Editing","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","editSettings","toolbar","columns"]},"description":"This example shows how to add and edit row or cell inline on the Syncfusion TypeScript TreeGrid control.","uid":"002220","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"dialog-editing","name":"Dialog Editing","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","toolbar","columns","height"]},"description":"This demo explains how to edit a treegrid record in the Dialog mode using Syncfusion TypeScript TreeGrid control.","uid":"002221","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"lock-row","name":"Lock Row","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","toolbar","columns","allowPaging","pageSettings","rowDataBound","beginEdit","enableHover"]},"description":"This demo explains how to disable editing for specific rows dynamically in Syncfusion TypeScript TreeGrid control.","uid":"002222","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"cell-edit-type","name":"Cell Edit Type","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","toolbar","columns","height"]},"description":"This demo explains how to set different edit types and how to define edit params for the treegrid columns in Syncfusion TypeScript TreeGrid control.","uid":"002223","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"command-column","name":"Command Column","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","columns","height"]},"description":"This demo explains how to include CRUD action buttons as one of the columns in Syncfusion TypeScript TreeGrid control.","uid":"002224","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"edit-template","name":"Edit Template","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","toolbar","columns","height"]},"description":"This demo explains how create a custom editor control for the treegrid cells when a row is edited in Syncfusion TypeScript TreeGrid.","uid":"002225","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"sorting","name":"Multi Sorting","category":"Sorting","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","pageSettings","columns","allowSorting","actionComplete","sortSettings"]},"description":"This demo demonstrates to sort multiple columns of treegrid by hold the CTRL key and click on the column headers of Syncfusion TypeScript TreeGrid control.","uid":"002226","order":5,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"sorting-api","name":"Sorting API","category":"Sorting","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","allowSorting","columns","pageSettings"]},"description":"This demo explains how to sort columns dynamically using methods of Syncfusion TypeScript TreeGrid control.","uid":"002227","order":5,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"filtering","name":"Default Filtering","category":"Filtering","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","allowFiltering","filterSettings","treeColumnIndex"]},"description":"This demo explains the default functionalities of filtering and how to define the template for filter bar in Syncfusion TypeScript TreeGrid.","uid":"002228","order":6,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"filter-menu","name":"Menu Filter","category":"Filtering","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","allowFiltering","treeColumnIndex","filterSettings"]},"description":"This demo explains how to filter the content using menu filter type of Syncfusion TypeScript TreeGrid control.","uid":"002229","order":6,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"search","name":"Search","category":"Filtering","api":{"TreeGrid":["dataSource","allowPaging","pageSettings","columns","childMapping","treeColumnIndex","toolbar"]},"description":"This demo explains how to search the text entered in the search bar in Syncfusion TypeScript TreeGrid content.","uid":"002230","order":6,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"default-paging","name":"Default Paging","category":"Paging","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","pageSettings","treeColumnIndex"]},"description":"This demo explains how to display the records in paginated view in Syncfusion TypeScript TreeGrid control.","uid":"002231","order":7,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"paging-api","name":"Paging API","category":"Paging","api":{"Grid":["dataSource","allowPaging","columns","treeColumnIndex","childMapping"]},"description":"This demo explains how to customize a pager using the APIs that are relevant to paging of Syncfusion TypeScript TreeGrid control.","uid":"002232","order":7,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"default-scrolling","name":"Default Scrolling","description":"This demo for Essential JS 2 TreeGrid control shows the usage of the horizontal and vertical scrollbars to view TreeGrid content that exceeds the TreeGrid area.","category":"Scrolling","api":{"TreeGrid":["dataSource","height","width","columns"]},"uid":"002233","order":8,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"virtual-scrolling","name":"Virtual Scrolling","description":"This demo demonstrates how to use Essential JS 2 TreeGrid to show a large data view without performance degradation by rendering only the required rows.","category":"Scrolling","api":{"TreeGrid":["dataSource","enableVirtualization","dataBound","height","columns"]},"uid":"002234","order":8,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"selection","name":"Default Selection","category":"Selection","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","allowSelection","selectionSettings","treeColumnIndex"]},"description":"This demo explains the customization of selection mode and toggle selection of Syncfusion TypeScript TreeGrid control.","uid":"002235","order":9,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"selection-api","name":"Selection API","category":"Selection","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","allowSelection","selectionSettings","treeColumnIndex"]},"description":"This demo explains how to select and clear multiple rows using methods of Syncfusion TypeScript TreeGrid control.","uid":"002236","order":9,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"checkbox-selection","name":"Checkbox Selection","category":"Selection","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how the check box selection feature can be used to select treegrid rows in Essential TypeScript TreeGrid control.","uid":"002237","order":9,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"checkbox-column","name":"Checkbox Column","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how the hierarchy selection between the records using column checkboxes in Essential TypeScript TreeGrid control.","uid":"002238","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"frozen-column","name":"Frozen Column","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","columns","treeColumnIndex","frozenColumns"]},"description":"This demo for Essential JS 2 treegrid control shows frozen columns feature of treegrid. Scroll the movable content to view the frozen columns.","type":"new","uid":"002239","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"aggregate-default","name":"Default Aggregate","category":"Aggregates","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","columns","aggregates"]},"description":"This demo explains how to display the summary values such as average, minimum, etc., for the columns in Syncfusion TypeScript TreeGrid control.","uid":"002240","order":10,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"custom-aggregate","name":"Custom Aggregate","category":"Aggregates","api":{"TreeGrid":["dataSource","width","childMapping","treeColumnIndex","height","columns","aggregates"]},"description":"This demo explains how to display the custom aggregate for the columns in Syncfusion TypeScript TreeGrid control.","uid":"002241","order":10,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"default-context-menu","name":"Default Context Menu","category":"Context Menu","description":"This demo explains the usage of context menu and the default context menu items in Syncfusion TypeScript TreeGrid control.","api":{"TreeGrid":["dataSource","allowPaging","columns","contextMenu","hasChildMapping","parentIdMapping"]},"uid":"002242","order":11,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"custom-context-menu","name":"Custom Context Menu","category":"Context Menu","description":"This demo explains the usage of custom context menu items in Syncfusion TypeScript TreeGrid control.","api":{"TreeGrid":["dataSource","allowPaging","columns","hasChildMapping","contextMenuItems","parentIdMapping"]},"uid":"002243","order":11,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"default-exporting","name":"Default Exporting","category":"Exporting","api":{"TreeGrid":["dataSource","columns","toolbar","allowExcelExport","allowPdfExport","treeColumnIndex","toolbarClick","childMapping","height"]},"description":"This demo explains how to export the treegrid content to Excel, PDF, and CSV documents using the Syncfusion TypeScript TreeGrid control.","uid":"002244","order":12,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"print","name":"Print","category":"Exporting","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","columns","toolbar"]},"description":"This demo explains how to print the records of the treegrid using the Print feature of Syncfusion TypeScript TreeGrid control.","uid":"002245","order":12,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"conditional-formatting","name":"Conditional Formatting","category":"Miscellaneous","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","columns","height","queryCellInfo"]},"description":"This demo explains how to apply styles to specific cells based on certain conditions in Syncfusion TypeScript TreeGrid control.","uid":"002246","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"toolbar-template","name":"Toolbar Template","category":"Miscellaneous","api":{"TreeGrid":["dataSource","toolbar","toolbarClick","allowFiltering","childMapping","height","treeColumnIndex","filterSettings","columns"]},"description":"This demo explains how to render custom template elements in a toolbar by which any custom operation can be performed in Syncfusion TypeScript TreeGrid.","uid":"002247","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"events","name":"Events","category":"Miscellaneous","api":{"TreeGrid":["dataSource","allowPaging","childMapping","treeColumnIndex","load","created","actionBegin","actionComplete","allowReordering","allowSorting","dataBound","rowSelecting","rowSelected","columnDragStart","columnDrag","columnDrop","columns","pageSettings"]},"description":"This demo explains the basic functionalities of the events that are available in the Syncfusion TypeScript TreeGrid control.","uid":"002248","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"keyboard","name":"Keyboard Interaction","category":"Miscellaneous","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","columns","pageSettings"]},"description":"This demo explains the key combinations used to perform corresponding treegrid actions in Syncfusion TypeScript TreeGrid control.","uid":"002249","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"treegridlines","name":"Grid Lines","category":"Miscellaneous","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how to customize the grid lines in treegrid using Syncfusion TypeScript TreeGrid control.","uid":"002250","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"}],"order":0,"uid":"02"},{"name":"Spreadsheet","directory":"spreadsheet","category":"Grids","ftName":"spreadsheet","type":"preview","hideOnDevice":true,"samples":[{"url":"default","name":"Default Functionalities","category":"Spreadsheet","api":{"Spreadsheet":["height","width","sheets"],"sheets":["columns","rows","name"],"rangeSettings":["dataSource"]},"description":"This example demonstrates the default functionalities of the Syncfusion JS 2 Spreadsheet that includes editing, importing & exporting.","sourceFiles":[{"displayName":"default.ts","path":"src/spreadsheet/default.ts"},{"displayName":"default.html","path":"src/spreadsheet/default.html"},{"displayName":"default-data.json","path":"src/spreadsheet/default-data.json"}],"uid":"00330","order":0,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},{"url":"formula","name":"Formula","category":"Spreadsheet","api":{"Spreadsheet":["height","width","sheets"],"sheets":["columns","rows","selectedRange","name"],"cells":["value","index"],"rangeSettings":["dataSource","startCell"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the way of using basic formulas with minimum configuration.","sourceFiles":[{"displayName":"formula.ts","path":"src/spreadsheet/formula.ts"},{"displayName":"formula.html","path":"src/spreadsheet/formula.html"},{"displayName":"formula-data.json","path":"src/spreadsheet/formula-data.json"}],"uid":"00331","order":0,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},{"url":"cell-data-binding","name":"Cell Data Binding","category":"Data Binding","api":{"sheets":["rows","columns","selectedRange","name"],"rows":["cells","index"],"cells":["value","style"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the cell data binding with minimum configuration.","uid":"00332","order":1,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},{"url":"remote-data-binding","name":"Remote Data Binding","category":"Data Binding","api":{"Spreadsheet":["sheets"],"sheets":["columns","rows","name"],"rangeSettings":["dataSource","query","startCell"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the way of data binding with remote service using DataManager.","uid":"00333","order":1,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},{"url":"cell-formatting","name":"Cell Formatting","category":"Formatting","api":{"sheets":["columns","rows","name"],"rows":["cells","index"],"cells":["value","style"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the way of cell formatting with minimum configuration.","sourceFiles":[{"displayName":"cell-formatting.ts","path":"src/spreadsheet/cell-formatting.ts"},{"displayName":"cell-formatting.html","path":"src/spreadsheet/cell-formatting.html"},{"displayName":"cell-formatting-data.json","path":"src/spreadsheet/cell-formatting-data.json"}],"uid":"00334","order":2,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},{"url":"number-formatting","name":"Number Formatting","category":"Formatting","api":{"sheets":["columns","rows","name","selectedRange"],"rows":["cells"],"cells":["value","formatCode"],"rangeSettings":["dataSource","startCell"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the way of number formatting with minimum configuration.","sourceFiles":[{"displayName":"number-formatting.ts","path":"src/spreadsheet/number-formatting.ts"},{"displayName":"number-formatting.html","path":"src/spreadsheet/number-formatting.html"},{"displayName":"number-formatting-data.json","path":"src/spreadsheet/number-formatting-data.json"}],"uid":"00335","order":2,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true}],"order":0,"uid":"03"},{"name":"Chart","directory":"chart","category":"Data Visualization","ftName":"chart","type":"update","samples":[{"url":"line","name":"Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00440","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"spline","name":"Spline","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the spline series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00441","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"step-line","name":"Step Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the step line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00442","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"dashed-line","name":"Dashed Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the dashed line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00443","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"spline-inversed","name":"Inversed Spline","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the inversed spline series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00444","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"line-segments","name":"Line Zone","description":"This demo for Essential JS2 Chart control shows how to render and configure the points in a particular range using MultiColoredLine series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00445","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"line-multi-color","name":"Multi Colored Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the multi colored line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00446","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stacked-line","name":"Stacked Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stacked line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00447","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stacked-line-100","name":"100% Stacked Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the 100% stacked line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00448","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"area","name":"Area","description":"This demo sample for Essential JS2 Chart control shows how to render and configure the area series chart.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"00449","order":1,"component":"Chart","dir":"chart","parentId":"04"},{"url":"spline-area","name":"Spline Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the spline area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004410","order":1,"component":"Chart","dir":"chart","parentId":"04"},{"url":"step-area","name":"Step Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the step area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004411","order":1,"component":"Chart","dir":"chart","parentId":"04"},{"url":"range-area","name":"Range Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the range area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004412","order":1,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stacked-area","name":"Stacked Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stacking area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004413","order":1,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stacked-area-100","name":"100% Stacked Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the 100 percent stacking area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004414","order":1,"component":"Chart","dir":"chart","parentId":"04"},{"url":"area-empty","name":"Area - Empty Points","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the area series chart with empty points.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004415","order":1,"component":"Chart","dir":"chart","parentId":"04"},{"url":"area-segments","name":"Area Zone","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render the points in a particular range using MultiColoredArea series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004416","order":1,"component":"Chart","dir":"chart","parentId":"04"},{"url":"column","name":"Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004417","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"rounded-column","name":"Rounded Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the rounded column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004418","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"column-placement","name":"Back to Back Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the column charts.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004419","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"range-column","name":"Range Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the range column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004420","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"range-bar","name":"Inversed Range Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the inversed range column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004421","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"bar","name":"Bar","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the bar series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004422","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stacked-column","name":"Stacked Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stacking column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004423","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stacked-column-100","name":"100% Stacked Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the 100 percent stacking column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004424","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stacked-bar","name":"Stacked Bar","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stacking bar series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004425","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stacked-bar-100","name":"100% Stacked Bar","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the 100 percent stacking bar series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004426","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"tornado","name":"Negative Stack","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the bar charts.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004427","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"scatter-plot","name":"Scatter Plot","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the scatter series.","category":"Scatter and Bubble","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004428","order":3,"component":"Chart","dir":"chart","parentId":"04"},{"url":"bubble","name":"Bubble","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the bubble series.","category":"Scatter and Bubble","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","pointRender"]},"uid":"004429","order":3,"component":"Chart","dir":"chart","parentId":"04"},{"url":"waterfall","name":"Waterfall","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the waterfall series.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004430","order":4,"component":"Chart","dir":"chart","parentId":"04"},{"url":"histogram","name":"Histogram","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the histogram series.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004431","order":4,"component":"Chart","dir":"chart","parentId":"04"},{"url":"box-and-whisker","name":"Box and Whisker","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the box and whisker series.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings","pointRender"]},"uid":"004432","order":4,"component":"Chart","dir":"chart","parentId":"04"},{"url":"error-bar","name":"Error Bar","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the error bars in charts.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings","pointRender"]},"uid":"004433","order":4,"component":"Chart","dir":"chart","parentId":"04"},{"url":"trend-lines","name":"Trendlines","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the trend lines in charts.","category":"Other Types","uid":"004434","order":4,"component":"Chart","dir":"chart","parentId":"04"},{"url":"hilo","name":"Hilo","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the hilo series.","category":"Stock Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004435","order":5,"component":"Chart","dir":"chart","parentId":"04"},{"url":"hilo-open-close","name":"Hilo Open Close","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the hilo open close series.","category":"Stock Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004436","order":5,"component":"Chart","dir":"chart","parentId":"04"},{"url":"candle-stick","name":"Candle Stick","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the candle series.","category":"Stock Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004437","order":5,"component":"Chart","dir":"chart","parentId":"04"},{"url":"accumulation-distribution-indicator","name":"Accumulation Distribution","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the accumulation distribution indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004438","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"average-true-range-indicator","name":"ATR","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the average true range indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004439","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"bollinger","name":"Bollinger","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the bollinger band type indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004440","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"exponential-moving-average-indicator","name":"EMA","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the exponential moving average indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004441","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"moving-average-convergence-divergence-indicator","name":"MACD","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the moving average convergence divergence indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004442","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"momentum","name":"Momentum","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the momentum indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004443","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"relative-strength-index-indicator","name":"RSI","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the relative strength index indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004444","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"simple-moving-average-indicator","name":"SMA","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the simple moving average indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004445","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stochastic","name":"Stochastic","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stochastic indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004446","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"triangular-moving-average-indicator","name":"TMA","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the triangular moving average indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004447","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"multi-series-chart","name":"Multi-Series Chart","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to combine different types of charts.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004448","order":4,"component":"Chart","dir":"chart","parentId":"04"},{"url":"pareto","name":"Pareto Chart","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure pareto charts.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004449","order":4,"component":"Chart","dir":"chart","parentId":"04"},{"url":"chart-performance","name":"Chart Performance","description":"This demo for Essential JavaScript2 Chart control shows the performance when plotting large volumes of data and handling high frequency real-time data.","category":"Benchmark","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004450","order":7,"component":"Chart","dir":"chart","parentId":"04"},{"url":"default-pie","name":"Pie","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the pie charts.","category":"Accumulation Charts","type":"update","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004451","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"pie-radius","name":"Pie with Various Radius","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the various radius pie chart.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004452","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"donut","name":"Donut","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the doughnut charts.","category":"Accumulation Charts","type":"update","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004453","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"pyramid","name":"Pyramid","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the pyramid charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004454","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"funnel","name":"Funnel","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the funnel charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004455","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"default-doughnut","name":"Pie with Legend","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the legends in pie charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004456","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"semi-pie","name":"Semi Pie","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render semi-pie and doughnut charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004457","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"smart-labels","name":"Smart Labels","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to arrange the labels smartly without overlapping with each other.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004458","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"drill-down-pie","name":"Drilldown","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to achieve the drill-down concept using pie charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004459","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"grouping","name":"Grouping","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to group points in pie charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004460","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"pie-empty-point","name":"Empty Points","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the empty points.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004461","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"polar-line","name":"Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render line in polar and radar charts.","category":"Polar Radar","uid":"004462","order":9,"component":"Chart","dir":"chart","parentId":"04"},{"url":"polar-spline","name":"Spline","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render spline in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004463","order":9,"component":"Chart","dir":"chart","parentId":"04"},{"url":"polar-area","name":"Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render area in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004464","order":9,"component":"Chart","dir":"chart","parentId":"04"},{"url":"polar-stacking-area","name":"Stacked Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render stacking area in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004465","order":9,"component":"Chart","dir":"chart","parentId":"04"},{"url":"polar-scatter","name":"Scatter","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render scatter in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004466","order":9,"component":"Chart","dir":"chart","parentId":"04"},{"url":"polar-column","name":"Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render column in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004467","order":9,"component":"Chart","dir":"chart","parentId":"04"},{"url":"polar-stacking-column","name":"Wind Rose","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render wind rose using stacking column in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004468","order":9,"component":"Chart","dir":"chart","parentId":"04"},{"url":"polar-range-column","name":"Range Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render range column in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004469","order":9,"component":"Chart","dir":"chart","parentId":"04"},{"url":"local-data","name":"Local Data","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to bind JSON data to chart.","category":"Data Binding","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","crosshair"]},"uid":"004470","order":10,"component":"Chart","dir":"chart","parentId":"04"},{"url":"remote-data","name":"Remote Data","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to consume data from remote data service.","category":"Data Binding","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004471","order":10,"component":"Chart","dir":"chart","parentId":"04"},{"url":"lazy-loading","name":"Lazy Loading","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the Lazy Loading behavior in chart.","category":"Data Binding","api":{"Chart":["primaryXAxis","primaryYAxis","series","scrollbarSettings"]},"uid":"004472","order":10,"component":"Chart","dir":"chart","parentId":"04"},{"url":"numeric","name":"Numeric Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to plot numeric data with the help of numeric axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004473","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"date-time","name":"Datetime Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the date-time axis in charts.","category":"Chart Axes","uid":"004474","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"date-time-category","name":"DateTime Category Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the date-time category axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004475","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"category","name":"Category Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the category axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004476","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"indexed-axis","name":"Indexed Category Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the indexed category axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004477","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"logarithmic-scale","name":"Logarithmic Scale","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the logarithmic axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004478","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"multiple-axis","name":"Multiple Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the mulitple axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004479","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"inversed","name":"Inversed Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to invert the axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004480","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"strip-line","name":"Strip Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the strip lines in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","stripline"]},"uid":"004481","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"strip-line-recurrence","name":"Stripline Recurrence","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the strip line recurrence in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","stripline"]},"uid":"004482","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"smart-axis-labels","name":"Smart Labels","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to arrange the labels smartly without overlapping with each other.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004483","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"multi-level-label","name":"Multi Level Labels","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to group the axis labels .","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004484","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"axes-crossing","name":"Axes Crossing","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the behaviour of the axis crossing in chart.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis"]},"uid":"004485","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"sorting","name":"Sorting","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to sort the series data in chart.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004486","order":12,"component":"Chart","dir":"chart","parentId":"04"},{"url":"marker-chart","name":"Marker Chart","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the marker symbols for data points.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004487","order":12,"component":"Chart","dir":"chart","parentId":"04"},{"url":"pie-annotation","name":"Annotation","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to add more information to the chart using annotation.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","annotations"]},"uid":"004488","order":12,"component":"Chart","dir":"chart","parentId":"04"},{"url":"data-label-template","name":"DataLabel Template","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the data label template.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","textRender"]},"uid":"004489","order":12,"component":"Chart","dir":"chart","parentId":"04"},{"url":"vertical","name":"Vertical Charts","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the vertical type charts.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","isTransposed","loaded","tooltip"]},"uid":"004490","order":12,"component":"Chart","dir":"chart","parentId":"04"},{"url":"empty-point","name":"Empty Points","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the empty points.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","isTransposed","loaded","tooltip"]},"uid":"004491","order":12,"component":"Chart","dir":"chart","parentId":"04"},{"url":"print","name":"Print","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to print the entire chart.","category":"Print and Export","api":{"Chart":["primaryXAxis","primaryYAxis","series","print","chartMouseClick","pointRender"]},"uid":"004492","order":13,"component":"Chart","dir":"chart","parentId":"04"},{"url":"export","name":"Export","description":"This demo for Essential JS2 Chart control shows how to export the charts to Excel, PDF, and image formats such as SVG, JPEG, and PNG at client-side.","category":"Print and Export","api":{"Chart":["primaryXAxis","primaryYAxis","series","export","chartMouseClick","pointRender"]},"uid":"004493","order":13,"component":"Chart","dir":"chart","parentId":"04"},{"url":"selection","name":"Selection","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the selection behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","selectionMode"]},"uid":"004494","order":14,"component":"Chart","dir":"chart","parentId":"04"},{"url":"range-selection","name":"Range Selection","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the range selection in chart .","category":"User Interaction","type":"update","api":{"Chart":["primaryXAxis","primaryYAxis","series","selectionMode"]},"uid":"004495","order":14,"component":"Chart","dir":"chart","parentId":"04"},{"url":"cross-hair","name":"Crosshair","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the crosshair behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","crosshair"]},"uid":"004496","order":14,"component":"Chart","dir":"chart","parentId":"04"},{"url":"trackball","name":"Trackball","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the trackball behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004497","order":14,"component":"Chart","dir":"chart","parentId":"04"},{"url":"zooming","name":"Zooming and Panning","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the zooming and panning behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","zoomSettings"]},"uid":"004498","order":14,"component":"Chart","dir":"chart","parentId":"04"},{"url":"data-editing","name":"Data Editing","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the data editing behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004499","order":14,"component":"Chart","dir":"chart","parentId":"04"}],"order":1,"uid":"04"},{"name":"Stock Chart","directory":"stock-chart","category":"Data Visualization","ftName":"stock-chart","samples":[{"url":"default","name":"Default","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with candle series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00550","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"ohlc","name":"OHLC","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Hilo Open Close series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00551","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"multi-pane","name":"Candlestick and volume","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with candle series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00552","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"multiple-series","name":"Multiple Series","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with candle series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00553","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"spline","name":"Spline","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Spline series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00554","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"area","name":"Area","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Area series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00555","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"spline-area","name":"Spline Area","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Spline Area series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00556","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"inversed-area","name":"Inversed Area","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Area series inverted.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00557","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"plot-line","name":"Plot lines","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Spline Area series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00558","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"strip-line","name":"Plot band","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with strip line.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00559","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"period-customization","name":"Intraday","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with period customization.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"005510","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"disabled-navigator","name":"Hide Range Selector","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with period customization.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"005511","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"disabled-period","name":"Hide Period Selector","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with period customization.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"005512","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"stock-events","name":"Stock Events","description":"This demo for Essential JS2 Stock Chart control with stock events to highlight the special events in stock market.","category":"Stock Chart","api":{"StockChart":["stockEvents"]},"uid":"005513","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"}],"order":1,"uid":"05"},{"name":"Circular Gauge","directory":"circular-gauge","category":"Data Visualization","ftName":"circulargauge","type":"update","samples":[{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS2 Circular Gauge control illustrates the default rendering of circular gauge.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00660","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"range","name":"Range","description":"This demo for Essential JS2 Circular Gauge control illustrates how to highlight specific regions in an axis by using ranges.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00661","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"labels","name":"Tick and Labels","description":"This demo for Essential JS2 Circular Gauge control shows various properties available to customize the ticks and labels of an axis.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00662","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"annotation","name":"Annotation","description":"This demo for Essential JS2 Circular Gauge control illustrates a clock by using annotation feature in the gauge.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00663","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"customization","name":"Gauge Customization","description":"This demo for Essential JS2 Circular Gauge control shows the properties required to customize the pointers.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00664","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"semi-circular-gauge","name":"Semi-circular Gauge","category":"Circular Gauge","type":"update","uid":"00665","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"arc-gauge","name":"Arc Gauge","category":"Circular Gauge","uid":"00666","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"legend","name":"Legend","description":"This demo for Essential JS2 Circular Gauge control illustrates the rendering of legend in circular gauge.","category":"Circular Gauge","api":{"CircularGauge":["legendSettings"]},"type":"new","uid":"00667","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"compass","name":"Direction Compass","description":"This demo for Essential JS2 Circular Gauge control illustrates how to make a direction compass by using the circular gauge.","category":"Circular Gauge","api":{"CircularGauge":["axes","axisLabelRender"]},"uid":"00668","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"pointer-image","name":"Pointer Image","description":"This demo for Essential JS2 Circular Gauge control visualizes the short-put distance covered by the athletes by using the image pointer.","category":"Pointer","api":{"CircularGauge":["axes","centerY"]},"uid":"00669","order":1,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"pointer","name":"Pointer Customization","description":"This demo for Essential JS2 Circular Gauge control visualizes the different types of pointers available in the circular gauge.","category":"Pointer","api":{"CircularGauge":["axes","centerY"]},"uid":"006610","order":1,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"multiple-axis","name":"Multiple Axis","description":"This demo for Essential JS2 Circular Gauge control visualizes the circular gauge with multiple axes.","category":"Axes","api":{"CircularGauge":["axes"]},"uid":"006611","order":2,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"user-interaction","name":"Pointer Drag","description":"This demo for Essential JS2 Circular Gauge control visualizes the pointer drag support and its options.","category":"User Interaction","api":{"CircularGauge":["axes","enablePointerDrag","dragEnd","dragMove"]},"uid":"006612","order":3,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"tooltip","name":"Tooltip","description":"This demo for Essential JS2 Circular Gauge control visualizes the tooltip template for circular gauge pointer.","category":"User Interaction","api":{"CircularGauge":["axes","tooltip","tooltipRender"]},"type":"update","uid":"006613","order":3,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"data-sample","name":"Data Sample","description":"This demo for Essential JS2 Circular Gauge control demonstrates live data, along with the data grid control.","category":"Use Cases","api":{"CircularGauge":["axes"]},"uid":"006614","order":4,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"apple-watch-rings","name":"Apple Watch Rings","description":"This demo for Essential JS2 Circular Gauge control illustrates how to highlight specific regions in an axis by using ranges.","category":"Use Cases","api":{"CircularGauge":["axes"]},"uid":"006615","order":4,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"speedometer","name":"Speedometer","category":"Use Cases","api":{"CircularGauge":["axes"]},"uid":"006616","order":4,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"}],"order":1,"uid":"06"},{"name":"Linear Gauge","directory":"linear-gauge","category":"Data Visualization","ftName":"lineargauge","samples":[{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS2 Linear Gauge control illustrates the default rendering of linear gauge that measures the values of scales.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes"]},"uid":"00770","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},{"url":"container","name":"Container","description":"This demo for Essential JS2 Linear Gauge control demonstrates the various types of containers available in linear gauge.","category":"Linear Gauge","api":{"LinearGauge":["axes","container"]},"uid":"00771","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},{"url":"ranges","name":"Ranges","description":"This demo for Essential JS2 Linear Gauge control illustrates how to highlight specific regions in an axis by using ranges.","category":"Linear Gauge","api":{"LinearGauge":["axes"]},"uid":"00772","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},{"url":"data","name":"Data Sample","description":"This demo for Essential JS2 Linear Gauge control illustrates exercise tracking of an athlete by using ranges, pointers, and annotation features.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes"]},"uid":"00773","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},{"url":"axes","name":"Axes and Pointers","description":"This demo for Essential JS2 Linear Gauge control shows various properties available to customize the axes and pointers.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes"]},"uid":"00774","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},{"url":"annotation","name":"Annotation","description":"This demo for Essential JS2 Linear Gauge control illustrates the CPU Utilization of a resource by using annotation feature.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes","rangePalettes"]},"uid":"00775","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},{"url":"tooltip","name":"Tooltip","description":"This demo for Essential JS2 Linear Gauge control visualizes the tooltip functionality for bar pointer.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes","tooltip","tooltipRender","axisLabelRender"]},"uid":"00776","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},{"url":"style","name":"Styles","description":"This demo for Essential JS2 Linear Gauge control visualizes the available options for customization.","category":"Linear Gauge","api":{"LinearGauge":["orientation","container","axes"]},"uid":"00777","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"}],"order":1,"uid":"07"},{"name":"Diagram","directory":"diagram","category":"Data Visualization","ftName":"diagram","type":"update","samples":[{"url":"default-functionalities","name":"Default Functionalities","description":"This sample visualizes the processing of an order placed using credit card with built-in flow shapes.","category":"Getting Started","uid":"00880","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"shape-gallery","name":"Shapes","description":"This sample illustrates list of built-in shapes available in our JavaScript Diagram Library which includes basic shapes, flow shapes, and BPMN shapes.","category":"Getting Started","uid":"00881","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"getting-started-node","name":"Nodes","description":"This sample visualizes the different stages of a software development life cycle using a circular flow diagram.","category":"Getting Started","uid":"00882","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"connector","name":"Connectors","description":"This sample visualizes the data flow in a marketing process using predefined diagram shapes and connectors.","category":"Getting Started","uid":"00883","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"getting-started-annotation","name":"Annotations","description":"This sample illustrates the competitive environment of a business through five forces chart and its described using nodes and annotations.","category":"Getting Started","uid":"00884","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"port","name":"Ports","description":"This sample visualizes process flow of publishing a book using connection points which are static points over shapes that allow creating connections onto it.","category":"Getting Started","uid":"00885","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"swimlane","name":"Swimlane","description":"This sample Different types of connectors and decorators are used to customize the appearance, path, and direction of the data flow.","category":"Getting Started","uid":"00886","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"custom-shapes","name":"Complex Shapes","description":"This sample demonstrates how to host a HTML elements inside a node. In this example, a Gauge control is hosted inside a HTML Node.","category":"Getting Started","uid":"00887","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"diagram-events","name":"Events","description":"This sample visualizes what are the client side events are available in our JavaScript Diagram Library.","category":"Getting Started","uid":"00888","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"tooltip-Sample","name":"Tooltip","description":"This sample demonstrates how to add the extra information to the nodes and connectors and how to show the information through diagram's tooltip feature.","category":"Getting Started","uid":"00889","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"history-manager","name":"History Manager","description":"This sample Different types of connectors and decorators are used to customize the appearance, path, and direction of the data flow.","category":"Getting Started","uid":"008810","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"flow-execution","name":"Flow Execution","description":"This sample Different types of connectors and decorators are used to customize the appearance, path, and direction of the data flow.","category":"Getting Started","uid":"008811","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"line-routing","name":"Line Routing","type":"new","description":"This sample visualizes the connectors that are automatically re-routing or moving away if any shape found on the connectors path.","category":"Getting Started","uid":"008812","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"bpmn-editor","name":"BPMN Editor","description":"This sample visualizes the hotel booking reservation system and its built with ready made BPMN shapes.","category":"Use Case Diagram","uid":"008813","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"logic-circuit","name":"Logic Circuit Diagram","description":"This sample visualizes implementation of three input Boolean functions using universal logic gates and shape for logic gates designed with diagram's path node.","category":"Use Case Diagram","uid":"008814","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"uml-activity","name":"UML Activity Diagram","description":"This sample visually represents the hotel booking reservation system. It is built with readymade BPMN shapes.","category":"Use Case Diagram","uid":"008815","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"network-diagram","name":"Network Diagram","description":"This sample visualizes graphical layout of a network diagram using diagram's Native(SVG) nodes feature.","category":"Use Case Diagram","uid":"008816","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"uml-class-diagram","name":"UML Class Diagram","description":"This sample represents the hospital management system using diagram's built-in UML class diagram shapes.","category":"Use Case Diagram","uid":"008817","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"hierarchical-model","name":"Hierarchical Tree","description":"This sample illustrates a generating hierarchical tree from right to left orientation with external data source.","category":"Automatic Layouts","uid":"008818","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"organization-model","name":"Organizational Chart","description":"This sample illustrates a simple business management structure that is built from an external data source.","category":"Automatic Layouts","uid":"008819","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"radial-tree","name":"Radial Tree","description":"This sample demonstrates a huge organizational structure using a compact layout model. Radial tree layout algorithm is used to build such a layout.","category":"Automatic Layouts","uid":"008820","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"mind-map","name":"Mind Map","description":"This sample demonstrates the concept of creativity using mind map layout algorithm. User handles are used to extend the mind map interactively.","category":"Automatic Layouts","uid":"008821","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"symmetric-layout","name":"Symmetric Layout","description":"This sample visualizes a simple network template using symmetrical layout algorithm. It uses attractive and repulsive forces.","category":"Automatic Layouts","uid":"008822","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"complex-hierarchical-tree","name":"Complex Hierarchical Tree","description":"This sample demonstrates a complex hierarchical template that is built from an external data source using complex hierarchical tree algorithm.","category":"Automatic Layouts","uid":"008823","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"right-to-left-tree","name":"RTL Tree","description":"This sample visualizes the concept of Artificical Intelligence using hierarchical tree layout algorithm","category":"Automatic Layouts","uid":"008824","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"pert-chart","name":"PERT chart","description":"This sample visualizes a project development process using Program Evaluation Review Technique (PERT).","category":"Automatic Layouts","uid":"008825","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"drawing-tool","name":"Drawing Tools","description":"This sample visualizes how to build a diagram interactively using drawing tools. Continuous draw option, snapping are enabled to easily draw diagrams.","category":"User Interaction","uid":"008826","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"key-board-functions","name":"Keyboard Interaction","description":"This sample illustrates interaction with diagram control using shortcut keys. Command Manager support is used to manage keyboard interactions.","category":"User Interaction","uid":"008827","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"quick-commands","name":"User Handles","description":"This sample visualizes a simple flow diagram along with options to execute the frequently used commands using user handles.","category":"User Interaction","uid":"008828","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"symbol-palette","name":"Symbol Palette","description":"This example illustrates predefining shapes in a palette that can be easily dragged and dropped into the drawing area.","category":"User Interaction","uid":"008829","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"overview","name":"Overview Panel","description":"This sample visualizes an organizational structure along with an overview for easily navigating the large organizational structure using Overview Panel.","category":"User Interaction","uid":"008830","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"serialization","name":"Save and Load","description":"This sample visualizes building diagrams interactively and editing the saved diagrams. Symbol Palette is used to easily build diagrams.","category":"Print and Export","uid":"008831","order":4,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"print-export","name":"Print and Export","description":"This example shows how to print the diagram and how to export the diagram as image (*.jpg, *.png, and *bmp) and SVG format.","category":"Print and Export","uid":"008832","order":4,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"local-data","name":"Local Data","description":"This sample visualizes the classifications of species using hierarchical tree layout algorithm. Data Manager support is used to bind data with the diagram.","category":"Data Binding","uid":"008833","order":5,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"remote-data","name":"Remote Data","description":"This sample demonstrates how to bind an remote data with the diagram using the Data Manager support.","category":"Data Binding","uid":"008834","order":5,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"crud","name":"CRUD","description":"This sample demonstrates generating a diagram by reading data from the database, and updating it with new inserted/updated/deleted objects through web services.","category":"Data Binding","uid":"008835","order":5,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"venn-diagram","name":"Venn Diagram","description":"This sample visually represents the hotel booking reservation system. It is built with readymade BPMN shapes.","category":"Static Diagram","uid":"008836","order":6,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"fishbone-diagram","name":"Fishbone Diagram","description":"This sample visually represents a simple fishbone diagram (Ishikawa). Diagram nodes and annotations are used to define fishbone diagrams.","category":"Static Diagram","uid":"008837","order":6,"component":"Diagram","dir":"diagram","parentId":"08"}],"order":1,"uid":"08"},{"name":"Heatmap Chart","directory":"heatmap","ftName":"heatmap-chart","category":"Data Visualization","samples":[{"url":"default","name":"Default Functionalities","category":"Heatmap Chart","description":"This demo for Essential JS2 Heatmap control shows the heat map control displayed with minimum configuration.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource"]},"uid":"00990","order":0,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"calendar-heatmap","name":"Calendar Heatmap","category":"Heatmap Chart","description":"This demo for Essential JS2 Heatmap control for displays the time series data and displays the axis labels at specific time interval.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00991","order":0,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"bubble-types","name":"Bubble Types","category":"Bubble Heatmap","description":"This demo for Essential JS2 Heatmap control shows Size, Color and SizeAndColor bubble heat map type.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00992","order":1,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"color-and-size-attributes","name":"Color and Size Attributes","category":"Bubble Heatmap","description":"This demo for Essential JS2 Heatmap control shows how to bind the multiple data to bubble type heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00993","order":1,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"array-row","name":"Row","category":"Data Binding","description":"This demo for Essential JS2 Heatmap control demonstrates how to bind the data to heat map with series of array for each columns.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","paletteSettings","legendSettings"]},"uid":"00994","order":2,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"array-cell","name":"Cell","category":"Data Binding","description":"This demo for Essential JS2 Heatmap control demonstrates how to bind the array data with values for each cell to heatmap.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00995","order":2,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"row-json-binding","name":"JSON Row","category":"Data Binding","description":"This demo for Essential JS2 Heatmap control demonstrates how to bind the JSON object with data for each columns to heatmap.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","paletteSettings","cellSettings"]},"uid":"00996","order":2,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"cell-json-binding","name":"JSON Cell","category":"Data Binding","description":"This demo for Essential JS2 Heatmap control demonstrates how to bind the JSON object with data for each cell to heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings"]},"uid":"00997","order":2,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"empty-points","name":"Empty Points","category":"Features","description":"This demo for Essential JS2 Heatmap control shows the usage of empty points or null points in heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00998","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"inversed","name":"Inversed Axis","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to inverse the both x-axis and y-axis in heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00999","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"opposed","name":"Opposed Axis","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to place the axis opposite to the default position in heatmap.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","legendSettings"]},"uid":"009910","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"multi-level-labels","name":"Multi Level Labels","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to group the axis labels with multiple levels.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","legendSettings"]},"uid":"009911","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"cell-selection","name":"Selection","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to select and deselect the heat map cell using mouse and touch action.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","allowSelection"]},"uid":"009912","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"legend","name":"Legend Placement","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to place the heatmap legend in different positions.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"009913","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"large-data","name":"Large Data","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to bind the large data in heat map using canvas rendering mode.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","renderingMode","cellSettings","paletteSettings","legendSettings"]},"uid":"009914","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"palette","name":"Palette Mode","category":"Features","description":"This demo for Essential JS2 Heatmap control demonstrates applying gradient colors or solid colors for the heatmap cells.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"009915","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"render-mode","name":"Rendering mode","category":"Features","description":"This demo for Essential JS2 Heatmap shows switching the rendering mode of the heatmap cells between SVG and canvas rendering logics.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","renderingMode","cellSettings","paletteSettings","legendSettings"]},"uid":"009916","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"tooltip-template","name":"Tooltip Template","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to customize the tool tip text using template support in heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"009917","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"}],"order":1,"uid":"09"},{"name":"Maps","directory":"maps","category":"Data Visualization","ftName":"maps","type":"update","samples":[{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS2 Maps control visualizes the continents in the world by rendering those in a map layer.","category":"Maps","api":{"Maps":["titleSettings","zoomSettings","legendSettings","layers"]},"sourceFiles":[{"displayName":"default.html","path":"src/maps/default.html"},{"displayName":"default.ts","path":"src/maps/default.ts"},{"displayName":"default-datasource.json","path":"src/maps/map-data/default-datasource.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010100","order":0,"component":"Maps","dir":"maps","parentId":"010"},{"url":"projection","name":"Projection","description":"This demo for Essential JS2 Maps control shows the details of permanent and non-permanent countries in the UN Security Council, in 2017.","category":"Features","api":{"Maps":["titleSettings","legendSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"projection.html","path":"src/maps/projection.html"},{"displayName":"projection.ts","path":"src/maps/projection.ts"},{"displayName":"projection-datasource.json","path":"src/maps/map-data/projection-datasource.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010101","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"multilayer","name":"Multi-layers","description":"This demo for Essential JS2 Maps control depicts the layer along with sublayers for California and Texas.","category":"Features","api":{"Maps":["titleSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"multilayer.html","path":"src/maps/multilayer.html"},{"displayName":"multilayer.ts","path":"src/maps/multilayer.ts"},{"displayName":"usa.json","path":"src/maps/map-data/usa.json"},{"displayName":"texas.json","path":"src/maps/map-data/texas.json"},{"displayName":"california.json","path":"src/maps/map-data/california.json"}],"uid":"0010102","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"marker","name":"Marker","description":"This demo for Essential JS2 Maps control shows the top 25 populated cities in the world by displaying the markers in their locations.","category":"Features","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"marker.html","path":"src/maps/marker.html"},{"displayName":"marker.ts","path":"src/maps/marker.ts"},{"displayName":"marker-location.json","path":"src/maps/map-data/top-location.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010103","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"marker-template","name":"Marker template","description":"This demo for Essential JS2 Maps control indicates the temperature of various cities of Australia in marker templates.","category":"Features","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"marker-template.html","path":"src/maps/marker-template.html"},{"displayName":"marker-template.ts","path":"src/maps/marker-template.ts"},{"displayName":"australia.json","path":"src/maps/map-data/australia.json"}],"uid":"0010104","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"marker-cluster","name":"Marker clustering","description":"This demo for Essential JS2 Maps control indicates the create the marker cluster in more than one marker intersect","category":"Features","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"marker-cluster.html","path":"src/maps/marker-cluster.html"},{"displayName":"marker-cluster.ts","path":"src/maps/marker-cluster.ts"},{"displayName":"marker-cluster.json","path":"src/maps/map-data/marker-cluster.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010105","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"data-label","name":"Labels","description":"This demo for Essential JS2 Maps control shows the names of all the states in USA in data label. Intersect action and smart labels mode can be changed.","category":"Features","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"data-label.html","path":"src/maps/data-label.html"},{"displayName":"data-label.ts","path":"src/maps/data-label.ts"},{"displayName":"usa.json","path":"src/maps/map-data/usa.json"}],"uid":"0010106","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"bubble","name":"Bubble","description":"This demo for Essential JS2 Maps control illustrates the top 30 countries which has highest Internet users in bubbles of the year 2016.","category":"Features","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"bubble.html","path":"src/maps/bubble.html"},{"displayName":"bubble.ts","path":"src/maps/bubble.ts"},{"displayName":"population-data.ts","path":"src/maps/map-data/population-data.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010107","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"navigation-line","name":"Navigation Lines","description":"This demo for Essential JS2 Maps control illustrates the sea routes between various cities for shipping.","category":"Features","api":{"Maps":["titleSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"navigation-line.html","path":"src/maps/navigation-line.html"},{"displayName":"navigation-line.ts","path":"src/maps/navigation-line.ts"},{"displayName":"map-location.json","path":"src/maps/map-data/map-location.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010108","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"legend","name":"Legend","description":"This demo for Essential JS2 Maps control visualizes grouping of countries in the legend based on its population density.","category":"Features","type":"update","api":{"Maps":["zoomSettings","titleSettings","legendSettings","layers"]},"sourceFiles":[{"displayName":"legend.html","path":"src/maps/legend.html"},{"displayName":"legend.ts","path":"src/maps/legend.ts"},{"displayName":"legend-datasource.json","path":"src/maps/map-data/legend-datasource.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010109","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"color-mapping","name":"Color Mapping","description":"This sample shows the average amount of rainfall and snowfall in spring season of all the states in US. Color mapping is applied to the shapes.","category":"Features","api":{},"sourceFiles":[{"displayName":"color-mapping.html","path":"src/maps/color-mapping.html"},{"displayName":"color-mapping.ts","path":"src/maps/color-mapping.ts"},{"displayName":"color-mapping.json","path":"src/maps/map-data/color-mapping.json"}],"uid":"00101010","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"annotation","name":"Annotations","description":"This demo for Essential JS2 Maps control depicts the facts about Africa continent and a direction compass in an annotation.","category":"Features","api":{"Maps":["zoomSettings","annotations","layers"]},"sourceFiles":[{"displayName":"annotation.html","path":"src/maps/annotation.html"},{"displayName":"annotation.ts","path":"src/maps/annotation.ts"},{"displayName":"africa-continent.json","path":"src/maps/map-data/africa-continent.json"}],"uid":"00101011","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"osm","name":"OpenStreetMap","category":"Map Providers","sourceFiles":[{"displayName":"osm.html","path":"src/maps/osm.html"},{"displayName":"osm.ts","path":"src/maps/osm.ts"}],"uid":"00101012","order":2,"component":"Maps","dir":"maps","parentId":"010"},{"url":"osm-with-navigation-lines","name":"OSM with Navigation Lines","category":"Map Providers","sourceFiles":[{"displayName":"osm-navigationlines.html","path":"src/maps/osm-with-navigation-lines.html"},{"displayName":"osm-navigationlines.ts","path":"src/maps/osm-with-navigation-lines.ts"}],"uid":"00101013","order":2,"component":"Maps","dir":"maps","parentId":"010"},{"url":"osm-with-sublayers","name":"OSM with Sublayer","category":"Map Providers","sourceFiles":[{"displayName":"osm-sublayers.html","path":"src/maps/osm-with-sublayers.html"},{"displayName":"osm-sublayers.ts","path":"src/maps/osm-with-sublayers.ts"},{"displayName":"africa.json","path":"src/maps/map-data/africa.json"}],"uid":"00101014","order":2,"component":"Maps","dir":"maps","parentId":"010"},{"url":"tooltip","name":"Tooltip","description":"This demo for Essential JS2 Maps control depicts the countries that were appeared in the finals of Cricket World Cup and their counts.","category":"User Interaction","api":{"Maps":["titleSettings","zoomSettings","legendSettings","layers"]},"sourceFiles":[{"displayName":"tooltip-datasource.html","path":"src/maps/tooltip.html"},{"displayName":"tooltip-datasource.ts","path":"src/maps/tooltip.ts"},{"displayName":"tooltip-datasource.json","path":"src/maps/map-data/tooltip-datasource.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101015","order":3,"component":"Maps","dir":"maps","parentId":"010"},{"url":"selection","name":"Selection & Highlight","description":"This demo for Essential JS2 Maps control visualizes USA president election results in the year 2016. Default and interactive are the two types of legend.","category":"User Interaction","api":{"Maps":["titleSettings","legendSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"selection.html","path":"src/maps/selection.html"},{"displayName":"selection.ts","path":"src/maps/selection.ts"},{"displayName":"selection-datasource.json","path":"src/maps/map-data/selection-datasource.json"},{"displayName":"usa.json","path":"src/maps/map-data/usa.json"}],"uid":"00101016","order":3,"component":"Maps","dir":"maps","parentId":"010"},{"url":"zooming","name":"Zooming & Panning","description":"This demo for Essential JS2 Maps control depicts the properties required to zoom and pan the rendered map.","category":"User Interaction","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"zooming.html","path":"src/maps/zooming.html"},{"displayName":"zooming.ts","path":"src/maps/zooming.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"},{"displayName":"zooming-datasource.json","path":"src/maps/map-data/zooming-datasource.json"}],"uid":"00101017","order":3,"component":"Maps","dir":"maps","parentId":"010"},{"url":"drilldown","name":"Drill Down","description":"This demo for Essential JS2 Maps control demonstrates drill down with all the continents in the initial view and countries on drill.","category":"User Interaction","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"drilldown.html","path":"src/maps/drilldown.html"},{"displayName":"drilldown.ts","path":"src/maps/drilldown.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"},{"displayName":"africa.json","path":"src/maps/map-data/africa.json"},{"displayName":"europe.json","path":"src/maps/map-data/europe.json"},{"displayName":"asia.json","path":"src/maps/map-data/asia.json"},{"displayName":"north-america.json","path":"src/maps/map-data/north-america.json"},{"displayName":"south-america.json","path":"src/maps/map-data/south-america.json"},{"displayName":"oceania.json","path":"src/maps/map-data/oceania.json"}],"uid":"00101018","order":3,"component":"Maps","dir":"maps","parentId":"010"},{"url":"print","name":"Print","description":"This demo for Essential JS2 Maps control illustrates the printing functionality in the maps control.","category":"Print and Export","api":{"Maps":["titleSettings","legendSettings","layers"]},"sourceFiles":[{"displayName":"print.html","path":"src/maps/print.html"},{"displayName":"print.ts","path":"src/maps/print.ts"},{"displayName":"print-datasource.json","path":"src/maps/map-data/print-datasource.json"},{"displayName":"usa.json","path":"src/maps/map-data/usa.json"}],"uid":"00101019","order":4,"component":"Maps","dir":"maps","parentId":"010"},{"url":"export","name":"Export","description":"This demo for Essential JS2 Maps control illustrates the exporting functionality in the maps control.","category":"Print and Export","api":{"Maps":["titleSettings","layers"]},"sourceFiles":[{"displayName":"export.html","path":"src/maps/export.html"},{"displayName":"export.ts","path":"src/maps/export.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101020","order":4,"component":"Maps","dir":"maps","parentId":"010"},{"url":"heat-map","name":"Heat Map","description":"This demo for Essential JS2 Maps control visualizes the state wise population of India in the year 2011. Color for states will be applied based on its value.","category":"Use Cases","api":{"Maps":["titleSettings","legendSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"heat-map.html","path":"src/maps/heat-map.html"},{"displayName":"heat-map.ts","path":"src/maps/heat-map.ts"},{"displayName":"heatmap-datasource.json","path":"src/maps/map-data/heatmap-datasource.json"},{"displayName":"india.json","path":"src/maps/map-data/india.json"}],"uid":"00101021","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"curved-lines","name":"Flight routes","description":"This demo for Essential JS2 Maps control demonstrates the flight routes from India to China using navigation lines feature.","category":"Use Cases","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"curved-lines.html","path":"src/maps/curved-lines.html"},{"displayName":"curved-lines.ts","path":"src/maps/curved-lines.ts"},{"displayName":"marker-location.json","path":"src/maps/map-data/marker-location.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101022","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"earthquake","name":"Earthquake indication","description":"This demo for Essential JS2 Maps control demonstrates the earth quack occurred in Sumatra, Indonesia in the year 2009.","category":"Use Cases","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"earthquake.html","path":"src/maps/earthquake.html"},{"displayName":"earthquake.ts","path":"src/maps/earthquake.ts"},{"displayName":"asia.json","path":"src/maps/map-data/asia.json"}],"uid":"00101023","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"highlighted-region","name":"Highlighted region","description":"This demo for Essential JS2 Maps control depicts the ATM populated areas in Oklahoma by highlighting the regions.","category":"Use Cases","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"highlighted-region.html","path":"src/maps/highlighted-region.html"},{"displayName":"highlighted-region.ts","path":"src/maps/highlighted-region.ts"},{"displayName":"oklahoma.json","path":"src/maps/map-data/oklahoma.json"}],"uid":"00101024","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"cyber-attack-map","name":"Cyber Attack Map","description":"This demo for Essential JS2 Maps control visualizes the cyber attack map, which displays the cyber attacks and threats from various countries to USA.","category":"Use Cases","api":{"Maps":["layers"]},"sourceFiles":[{"displayName":"cyber-attack-map.html","path":"src/maps/cyber-attack-map.html"},{"displayName":"cyber-attack-map.ts","path":"src/maps/cyber-attack-map.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101025","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"dynamic-marker","name":"Dynamic markers","description":"This demo for Essential JS2 Maps control visualizes the dynamically added the marker and navigation line.","category":"Use Cases","api":{"Maps":["layers","markerSetting","navigationLineSettings","click"]},"sourceFiles":[{"displayName":"dynamic-marker.html","path":"src/maps/dynamic-marker.html"},{"displayName":"dynamic-marker.ts","path":"src/maps/dynamic-marker.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101026","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"pie","name":"Map with Pie chart","description":"This demo for Essential JS2 Maps control visualizes the placing of pie charts on the maps using marker templates.","category":"Use Cases","api":{"Maps":["titleSettings","legendSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"pie.html","path":"src/maps/pie.html"},{"displayName":"pie.ts","path":"src/maps/pie.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101027","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"map-with-slider","name":"Map with Slider","description":"This demo for Essential JS2 Maps control demonstrates the rendering of normal geometry type shapes on the map.","category":"Use Cases","api":{},"sourceFiles":[{"displayName":"map-with-slider.html","path":"src/maps/map-with-slider.html"},{"displayName":"map-with-slider.ts","path":"src/maps/map-with-slider.ts"},{"displayName":"population-growth.json","path":"src/maps/map-data/population-growth.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101028","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"seat-selection","name":"Bus seat booking","description":"This demo for Essential JS2 Maps control demonstrates the rendering of normal geometry type shapes on the map.","category":"Use Cases","api":{},"sourceFiles":[{"displayName":"seat-selection.html","path":"src/maps/seat-selection.html"},{"displayName":"seat-selection.ts","path":"src/maps/seat-selection.ts"},{"displayName":"seat.json","path":"src/maps/map-data/seat.json"}],"uid":"00101029","order":5,"component":"Maps","dir":"maps","parentId":"010"}],"order":1,"uid":"010"},{"name":"Range Selector","directory":"range-navigator","category":"Data Visualization","ftName":"rangenavigator","samples":[{"url":"default","name":"Default","description":"This demo for Essential JS2 Range Navigator control shows the default rendering of range navigator with range area series.","category":"Range Selector","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"0011110","order":0,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"light-weight","name":"Lightweight","description":"This demo for Essential JS2 Range Navigator control shows the rendering of light-weight range navigator.","category":"Range Selector","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011111","order":0,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"date-time","name":"DateTime","description":"This demo for Essential JS2 Range Navigator control shows how to plot date-time values in range navigator.","category":"Axis","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"0011112","order":1,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"double","name":"Numeric Axis","description":"This demo for Essential JS2 Range Navigator control shows how to plot numeric data values in the range navigator.","category":"Axis","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011113","order":1,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"logarithmic","name":"Logarithmic Axis","description":"This demo for Essential JS2 Range Navigator control shows how to visualize the logarithmic scale when data has wide range of values.","category":"Axis","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011114","order":1,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"multilevel","name":"Multilevel Labels","description":"This demo for Essential JS2 Range Navigator control shows how to display the second level labels in range navigator.","category":"Axis","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011115","order":1,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"period-selector","name":"Default","description":"This demo for Essential JS2 Range Navigator control shows how to display the period selector for a range with specified periods.","category":"Period Selector","api":{"RangeNavigator":["PeriodSelector","series","intervalType"]},"uid":"0011116","order":2,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"period-selector-stocks","name":"Stock Chart","description":"This demo for Essential JS2 Range Navigator control shows how to render the stock charts with specified periods using period selector.","category":"Period Selector","api":{"RangeNavigator":["PeriodSelector","series","intervalType"]},"uid":"0011117","order":2,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"empty-data","name":"Empty Points","description":"This demo for Essential JS2 Range Navigator control shows how to render the empty points in the range navigator.","category":"Customization","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011118","order":3,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"filter","name":"Filter","description":"This demo for Essential JS2 Range Navigator control shows how to bind the filtered values of the range navigator to grid control.","category":"Customization","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"0011119","order":3,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"export","name":"Print and Export","description":"This demo for Essential JS2 Range Navigator control shows how to print the charts and export the chart contents to various formats at client-side.","category":"Export","api":{"RangeNavigator":["valueType","series","export"]},"uid":"00111110","order":4,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"right-to-left","name":"RTL","description":"This demo for Essential JS2 Range Navigator control shows how to invert an axis in the range navigator.","category":"RTL","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"00111111","order":5,"component":"Range Selector","dir":"range-navigator","parentId":"011"}],"order":1,"uid":"011"},{"name":"Smith Chart","directory":"smith-chart","category":"Data Visualization","ftName":"smithchart","samples":[{"url":"default","name":"Default","description":"This demo for Essential JS2 Smith Chart control visualizes two transmissions. Impedance and admittance are the two types of rendering in smith chart.","category":"Smith Chart","api":{},"uid":"0012120","order":0,"component":"Smith Chart","dir":"smith-chart","parentId":"012"},{"url":"custom","name":"Customization","description":"This demo for Essential JS2 Smith Chart control visualizes the properties required to render the smith chart.","category":"Smith Chart","api":{},"uid":"0012121","order":0,"component":"Smith Chart","dir":"smith-chart","parentId":"012"},{"url":"print-export","name":"Print and Export","description":"This demo for Essential JS2 Smith Chart control explores the exporting and printing functionality of smith chart.","category":"Smith Chart","api":{},"uid":"0012122","order":0,"component":"Smith Chart","dir":"smith-chart","parentId":"012"}],"order":1,"uid":"012"},{"name":"Barcode","directory":"barcode","category":"Data Visualization","ftName":"barcode","type":"new","samples":[{"url":"ean8","name":"EAN-8","description":"This sample visualizes the 8-digit Global Trade Identification Numbers. It was introduced for use on small packages where an EAN-8 barcode would be too large.","category":"Getting Started","uid":"0013130","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"code128","name":"Code 128","description":"This sample visualizes a barcode image that presents alphanumeric combinations and it consist of start character, data digits etc.","category":"Getting Started","uid":"0013131","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"code128A","name":"Code 128A","description":"This sample visualizes a barcode image that presents information with a combination of numbers, and control characters such as tab and new line.","category":"Getting Started","uid":"0013132","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"code128B","name":"Code 128B","description":"This sample visualizes a barcode image that presents information with a combination of numbers, and control characters such as tab and new line.","category":"Getting Started","uid":"0013133","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"code128C","name":"Code 128C","description":"This sample visualizes a barcode image that presents information with a combination of numbers, uppercase and lowercase letters, and some additional characters.","category":"Getting Started","uid":"0013134","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"code93","name":"Code 93","description":"This sample has a native character set of 26 uppercase letters, 10 digits, and 7 special characters.","category":"Getting Started","uid":"0013135","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"code32","name":"Code 32","description":"This sample visualizes the pharmaceutical code that encodes numeric data in a compressed format and supports all numeric digits and all uppercase letters","category":"Getting Started","uid":"0013136","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"codabar","name":"Codabar","description":"This sample visualizes a barcode that is designed to be accurately read even when printed with dot matrix printers.","category":"Getting Started","uid":"0013137","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"ean13","name":"EAN-13","description":"This sample visualizes the 13-digit Global Trade Identification Numbers.It comprises of 13 digits such as manufacturer code, product code etc","category":"Getting Started","uid":"0013138","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"upca","name":"UPC-A","description":"A UPC-A barcode consists of four areas: number system, manufacturer code, product code, and check digit","category":"Getting Started","uid":"0013139","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"upce","name":"UPC-E","description":"This sample visualizes a product package identification number consist of 6 digits. It is mainly used for scanning products in small packages","category":"Getting Started","uid":"00131310","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"code39","name":"Code39","description":"visualizes Code 39, a self-checking barcode symbology that consists of uppercase letters, and several special characters.","category":"Getting Started","uid":"00131311","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"code39Extd","name":"Code 39 Extended","description":"This sample visualizes the model number of an item in the automotive industry.It supports both standard and extended Code 39 barcodes","category":"Getting Started","uid":"00131312","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"qrcode","name":"QR Code","description":"This sample displays a machine-readable optical label that contains information about the item to which it is attached.","category":"Getting Started","uid":"00131313","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"datamatrix","name":"Data Matrix","description":"This example shows how to display encoded text or numerical values as the label using the Barcode component","category":"Getting Started","uid":"00131314","order":0,"component":"Barcode","dir":"barcode","parentId":"013"}],"order":1,"uid":"013"},{"name":"Sparkline Charts","directory":"sparkline","category":"Data Visualization","ftName":"sparkline","samples":[{"url":"default","name":"Default","description":"This demo for Essential JS2 Sparkline control visualizes population, population density, population growth rate, and birth rate of various countries.","category":"Sparkline Charts","api":{},"uid":"0014140","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},{"url":"series-types","name":"Series Types","description":"This demo for Essential JS2 Sparkline control depicts the various series types available in the sparkline.","category":"Sparkline Charts","api":{},"uid":"0014141","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},{"url":"axis-types","name":"Axis value types","description":"This demo for Essential JS2 Sparkline control depicts the various axis types available in the sparkline.","category":"Sparkline Charts","api":{},"uid":"0014142","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},{"url":"spark-grid","name":"Sparkline in Grid","description":"This demo for Essential JS2 Sparkline control demonstrates rendering sparklines in the data grid control.","category":"Sparkline Charts","api":{},"uid":"0014143","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},{"url":"customization","name":"Customization","description":"This demo for Essential JS2 Sparkline control depicts the properties required to customize the sparkline.","category":"Sparkline Charts","api":{},"uid":"0014144","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},{"url":"live-update","name":"Live Update","description":"This demo for Essential JS2 Sparkline control depicts the task manager with live data update for sparklines.","category":"Sparkline Charts","api":{},"uid":"0014145","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},{"url":"range-band","name":"Range Band","description":"This demo for Essential JS2 Sparkline control depicts the range band feature and its customization options.","category":"Sparkline Charts","api":{},"uid":"0014146","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"}],"order":1,"uid":"014"},{"name":"TreeMap","directory":"treemap","category":"Data Visualization","samples":[{"url":"default","name":"Default Functionalities","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"default.html","path":"src/treemap/default.html"},{"displayName":"default.ts","path":"src/treemap/default.ts"},{"displayName":"car-sales.json","path":"src/treemap/treemap-data/car-sales.json"}],"uid":"0015150","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"layout","name":"Layout","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"layout.html","path":"src/treemap/layout.html"},{"displayName":"layout.ts","path":"src/treemap/layout.ts"},{"displayName":"econmics.json","path":"src/treemap/treemap-data/econmics.json"}],"uid":"0015151","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"drilldown","name":"Drilldown","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"drilldown.html","path":"src/treemap/drilldown.html"},{"displayName":"drilldown.ts","path":"src/treemap/drilldown.ts"},{"displayName":"drilldown-sample.json","path":"src/treemap/treemap-data/drilldown-sample.json"}],"uid":"0015152","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"customization","name":"Customization","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"customization.html","path":"src/treemap/customization.html"},{"displayName":"customization.ts","path":"src/treemap/customization.ts"},{"displayName":"metal.json","path":"src/treemap/treemap-data/metal.json"}],"uid":"0015153","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"label","name":"Data Label","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"label.html","path":"src/treemap/label.html"},{"displayName":"label.ts","path":"src/treemap/label.ts"},{"displayName":"country-population.json","path":"src/treemap/treemap-data/country-population.json"}],"uid":"0015154","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"tooltip","name":"Tooltip","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"tooltip.html","path":"src/treemap/tooltip.html"},{"displayName":"tooltip.ts","path":"src/treemap/tooltip.ts"},{"displayName":"airport-count.json","path":"src/treemap/treemap-data/airport-count.json"}],"uid":"0015155","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"election","name":"Legend","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"election.html","path":"src/treemap/election.html"},{"displayName":"election.ts","path":"src/treemap/election.ts"},{"displayName":"election-data.json","path":"src/treemap/treemap-data/election-data.json"}],"uid":"0015156","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"color-mapping","name":"Color Mapping","description":"This demo for Essential JS2 TreeMap control visualizes the population level of various continents in 2011 based on the gender and age group.","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"color-mapping.html","path":"src/treemap/color-mapping.html"},{"displayName":"color-mapping.ts","path":"src/treemap/color-mapping.ts"},{"displayName":"largest-population-city.ts","path":"src/treemap/treemap-data/color.json"}],"uid":"0015157","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"selection","name":"Selection & Highlight","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"selection.html","path":"src/treemap/selection.html"},{"displayName":"selection.ts","path":"src/treemap/selection.ts"},{"displayName":"import.json","path":"src/treemap/treemap-data/import.json"}],"uid":"0015158","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"print","name":"Print & Export","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"print.html","path":"src/treemap/print.html"},{"displayName":"print.ts","path":"src/treemap/print.ts"},{"displayName":"product.json","path":"src/treemap/treemap-data/product.json"}],"uid":"0015159","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"pie","name":"TreeMap with Pie","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"pie.html","path":"src/treemap/pie.html"},{"displayName":"pie.ts","path":"src/treemap/pie.ts"},{"displayName":"continent_data.json","path":"src/treemap/treemap-data/continent_data.json"}],"uid":"00151510","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"rtl","name":"RTL","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"rtl.html","path":"src/treemap/rtl.html"},{"displayName":"rtl.ts","path":"src/treemap/rtl.ts"},{"displayName":"rtl-data.json","path":"src/treemap/treemap-data/rtl-data.json"}],"uid":"00151511","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"}],"order":1,"uid":"015"},{"name":"Rich Text Editor","type":"update","directory":"rich-text-editor","category":"Editors","ftName":"wysiwyg-rich-text-editor","samples":[{"url":"tools","name":"Overview","type":"update","description":"This demo shows the overview of an HTML and markdown editor using Syncfusion JavaScript rich text editor control.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","toolbarSettings","showCharCount","actionBegin","actionComplete","maxLength","appendTo"],"ToolbarSettings":["items"]},"uid":"0016160","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"rich-text-editor","name":"Default Functionalities","description":"This demo for Syncfusion JavaScript rich text editor control shows the default rendering with minimum configuration.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","appendTo"]},"uid":"0016161","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"image","name":"Image","type":"update","description":"The demo for Syncfusion JavaScript rich text editor control shows the option to insert images with image caption and link URLs to the images.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","quickToolbarSettings","toolbarClick","appendTo","getRange"],"QuickToolbarSettings":["image"]},"uid":"0016162","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"inline","name":"Inline","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates on how to activate the editor on demand while editing the content.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","inlineMode","toolbarSettings","format","fontFamily","appendTo","dataBind"],"InlineMode":["enable","onSelection"],"ToolbarSettings":["items"],"Format":["width"],"FontFamily":["width"]},"uid":"0016163","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"paste-cleanup","name":"Paste from MS Word","type":"update","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates on paste cleanup feature while pasting the content.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","pasteCleanupSettings","appendTo"],"PasteCleanupSettings":["prompt","plainText","keepFormat","deniedTags","deniedAttrs","allowedStyleProps"]},"uid":"0016164","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"iframe","name":"IFrame","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates the default rendering of the rich text editor in iframe mode.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","height","iframeSettings","toolbarSettings","actionBegin","actionComplete","appendTo"],"IFrameSettings":["enable"],"ToolbarSettings":["items"]},"uid":"0016165","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"print","name":"Print","description":"This demo for Syncfusion JavaScript rich text editor control shows how to print the content of the editor with its styles.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","toolbarSettings","print","appendTo"],"ToolbarSettings":["items"]},"uid":"0016166","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"ajax-load","name":"Ajax Content","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates how to load content to the editor from an external source using Ajax library.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","value","appendTo"]},"uid":"0016167","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"form-validation","name":"Form Validation","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates the HTML forms support on the rich text editor control.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","showCharCount","maxLength","placeholder","appendTo"]},"uid":"0016168","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"resize-editor","name":"Resizable Editor","type":"new","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates the resizable support on the rich text editor control.","category":"Rich Text Editor","api":{"RichTextEditor":["enableResize","appendTo"]},"uid":"0016169","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"api","name":"API","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates the usage of API in rich text editor control.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","showCharCount","maxLength","appendTo","readonly","enabled","enableHtmlEncode","value","getSelection","selectAll"]},"uid":"00161610","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"client-side-events","name":"Events","type":"update","description":"This demo for Syncfusion JavaScript rich text editor control shows the events that have been triggered during the rich text editor operations.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","toolbarSettings","created","actionBegin","actionComplete","focus","blur","change","toolbarClick","appendTo"],"ToolbarSettings":["items"]},"uid":"00161611","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"blog-posting","name":"Use Case","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates how to design forum application using rich text editor.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","placeholder","value","dataBind","refresh","appendTo"]},"uid":"00161612","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"auto-save","name":"Auto Save","type":"new","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates how to design forum application using rich text editor.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","placeholder","enablePersistance","saveInterval","toolbarSettings","appendTo"]},"uid":"00161613","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"types","name":"Type","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates the different behavior of toolbar support in the rich text editor.","category":"Toolbar","api":{"RichTextEditor":["Inject","floatingToolbarOffset","toolbarSettings","actionBegin","actionComplete","dataBind","appendTo"],"ToolbarSettings":["items","type","enableFloating"]},"uid":"00161614","order":1,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"insert-emoticons","name":"Insert Emoticons","description":"This demo for Syncfusion JavaScript rich text editor control shows the users to add their emoticons to the toolbar along with the built-in commands.","category":"Custom Tool","api":{"RichTextEditor":["Inject","toolbarSettings","value","created","appendTo"],"ToolbarSettings":["items"]},"uid":"00161615","order":2,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"insert-special-characters","name":"Insert Special Characters","description":"This demo for Syncfusion JavaScript rich text editor control shows the users to add their commands to the toolbar along with the built-in commands.","category":"Custom Tool","api":{"RichTextEditor":["Inject","toolbarSettings","value","created","appendTo"],"ToolbarSettings":["items"]},"uid":"00161616","order":2,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"markdown-editor","name":"Overview","type":"update","description":"This demo for Syncfusion JavaScript rich text editor control shows the markdown editing in the rich text editor with complete features.","category":"Markdown","api":{"RichTextEditor":["Inject","toolbarSettings","height","created","disableToolbarItem","enableToolbarItem","editorMode","appendTo"],"ToolbarSettings":["items"]},"uid":"00161617","order":3,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"markdown-editor-preview","name":"Preview","description":"This demo for Syncfusion JavaScript rich text editor control shows the users to switch between editing content and its visual preview in Markdown Editor.","category":"Markdown","api":{"RichTextEditor":["Inject","toolbarSettings","height","created","disableToolbarItem","enableToolbarItem","editorMode","actionBegin","appendTo"],"ToolbarSettings":["items"]},"uid":"00161618","order":3,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"markdown-editor-custom-format","name":"Custom Format","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates on how to customize tags of markdown formatting in rich text editor.","category":"Markdown","api":{"RichTextEditor":["Inject","toolbarSettings","height","created","disableToolbarItem","enableToolbarItem","editorMode","formatter","appendTo"],"ToolbarSettings":["items"]},"uid":"00161619","order":3,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},{"url":"tribute","name":"Tribute JS","type":"new","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates the HTML forms support on the rich text editor control.","category":"Third-parties Integration","api":{"RichTextEditor":["placeholder","appendTo"]},"uid":"00161620","order":4,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"}],"order":2,"uid":"016"},{"name":"DocumentEditor","directory":"document-editor","category":"Editors","hideOnDevice":true,"ftName":"document-editor","samples":[{"url":"default","name":"Default Functionalities","category":"DocumentEditor","description":"The Document Editor component in JavaScript platform is used to create, edit, view, and print Word documents in web applications.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017170","order":0,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},{"url":"character-formatting","name":"Character Formatting","category":"Editing Features","description":"The Document Editor supports character formatting such as bold, italic, underline, subscript, superscript, font color, and more in JavaScript platform.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017171","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},{"url":"paragraph-formatting","name":"Paragraph Formatting","category":"Editing Features","description":"The Document Editor supports paragraph formatting such as indentation, paragraph spacing, line spacing, and text alignment in JavaScript platform.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017172","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},{"url":"styles","name":"Styles","category":"Editing Features","description":"The Document Editor supports both built-in and custom styles for character format and paragraph format.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017173","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},{"url":"bullets-and-numbering","name":"Bullets and Numbering","category":"Editing Features","description":"The Document Editor supports bullets and numbering. Both single list and multi-level lists can be added.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017174","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},{"url":"links-and-bookmarks","name":"Hyperlinks and Bookmarks","category":"Editing Features","description":"The Document Editor supports hyperlinks and bookmarks. The link can be a file, mail, webpage, or bookmark.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017175","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},{"url":"table-formatting","name":"Table Formatting","category":"Editing Features","description":"The Document Editor supports table formatting such as cell margins, cell spacing, horizontal merge, vertical merge, border styles, background color, and more.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017176","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},{"url":"section-formatting","name":"Section Formatting","category":"Editing Features","description":"The Document Editor supports section formatting such as page size, page margins, header distance, and footer distance.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017177","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},{"url":"headers-and-footers","name":"Headers and Footers","category":"Editing Features","description":"The Document Editor supports headers and footers. Different headers and footers can be added to the first page, odd pages, and even pages.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017178","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},{"url":"table-of-contents","name":"Table of Contents","category":"Editing Features","description":"The Document Editor supports table of contents with options for including hyperlink, page number, right-aligned tabs, and styles.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017179","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},{"url":"print","name":"Print","category":"Print","description":"The Document Editor component in JavaScript is used to view and print Word documents in web applications by injecting only the modules that are necessary.","api":{"DocumentEditor":["enablePrint","documentName","pageOutline","scrollToPage","viewChange","documentChange","zoomFactorChange"]},"uid":"00171710","order":2,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},{"url":"right-to-left","name":"Right To Left","category":"RTL","description":"The Document Editor supports right to left for users who use right-to-left languages (Arabic, Hebrew, Urdu, etc.).","api":{"DocumentEditor":["enableRtl"]},"uid":"00171711","order":3,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},{"url":"custom-context-menu","name":"Custom Context Menu","category":"Customization","description":"The Document Editor supports custom options for users who use to add custom options in context menu.","api":{"ContextMenu":["addCustomMenu","customContextMenuSelect","customContextMenuBeforeOpen"]},"uid":"00171712","order":4,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},{"url":"auto-save","name":"Auto Save","category":"Customization","description":"The Document Editor supports auto save functionality to let the users for saving the documents automatically at customized time interval.","uid":"00171713","order":4,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},{"url":"chart","name":"Chart Preservation","category":"Charts","description":"The Document Editor supports chart preservation for users who use to view their business reports with intuitive graphical data visualization.","uid":"00171714","order":5,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},{"url":"document-protection","name":"Document Protection","category":"Security","description":"The Document Editor provides document protection supports to restrict the types of changes can be made to the document by a user/user group.","uid":"00171715","order":6,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true}],"order":2,"uid":"017"},{"name":"Chips","directory":"chips","category":"Editors","samples":[{"url":"default","name":"Default Functionalities","category":"Chips","description":"This sample demonstrates functionalities of Chips with different types. Click and interact the chip, to select single or multiple chips from collection.","uid":"0018180","order":0,"component":"Chips","dir":"chips","parentId":"018"},{"url":"api","name":"API","category":"Chips","description":"This sample demonstrates common API of chip control. Select any combination of properties from the property pane to customize the appearance of chip.","uid":"0018181","order":0,"component":"Chips","dir":"chips","parentId":"018"}],"order":2,"uid":"018"},{"name":"Button","directory":"button","category":"Editors","samples":[{"url":"default","name":"Default Functionalities","category":"Button","ftName":"button","api":{"Button":["isPrimary","cssClass","iconCss","isToggle","iconPosition","content"]},"description":"This example demonstrates the types (flat, toogle, outline, round), sizes and styles (primary, success, info, warning) of the Syncfusion Javascript button.","uid":"0019190","order":0,"component":"Button","dir":"button","parentId":"019"},{"url":"button-group","name":"Button Group","category":"Button","ftName":"button-group","description":"This example demonstrates the behaviors (default, checkbox, radio) of the Syncfusion Javascript ButtonGroup.","uid":"0019191","order":0,"component":"Button","dir":"button","parentId":"019"},{"url":"checkbox","name":"Checkbox","category":"Button","ftName":"checkbox","api":{"CheckBox":["label","checked","indeterminate","disabled","change"]},"description":"This example demonstrates the three different states (checked, unchecked, indeterminate) of the Syncfusion Javascript CheckBox.","uid":"0019192","order":0,"component":"Button","dir":"button","parentId":"019"},{"url":"radio-button","name":"Radio Button","category":"Button","ftName":"radio-button","api":{"RadioButton":["label","name","value","checked"]},"description":"This example demonstrates the group functionality of the Syncfusion Javascript RadioButton with checked and unchecked states.","uid":"0019193","order":0,"component":"Button","dir":"button","parentId":"019"},{"url":"dropdown-button","name":"Dropdown Menu","category":"Button","ftName":"dropdown-menu","api":{"DropDownButton":["items","cssClass","iconCss"]},"description":"This example demonstrates the usecases of the Syncfusion Javascript DropDownButton with icons, text and separator in popup action items.","uid":"0019194","order":0,"component":"Button","dir":"button","parentId":"019"},{"url":"split-button","name":"Split Button","category":"Button","ftName":"split-button","api":{"SplitButton":["items","content","iconCss","beforeItemRender"]},"description":"This example demonstrates the usecases of the Syncfusion Javascript SplitButton with icons and text in primary splitbutton.","uid":"0019195","order":0,"component":"Button","dir":"button","parentId":"019"},{"url":"switch","name":"Switch","category":"Button","ftName":"toggle-switch-button","api":{"Switch":["checked","disabled"]},"description":"This example demonstrates the toggle states (checked, unchecked) of the Syncfusion Javascript Switch.","uid":"0019196","order":0,"component":"Button","dir":"button","parentId":"019"},{"url":"progress-button","name":"Progress Button","category":"Button","ftName":"progress-button","api":{"ProgressButton":["content","iconCss","cssClass","duration","disabled","isPrimary","enableProgress","end","begin","spinSettings","animationSettings"]},"description":"This example demonstrates the different functionalities of the Syncfusion Javascript ProgressButton with spinner and progress indicator.","uid":"0019197","order":0,"component":"Button","dir":"button","parentId":"019"}],"order":2,"uid":"019"},{"name":"In-place Editor","directory":"inplace-editor","ftName":"inplace-editor","category":"Editors","samples":[{"url":"default","name":"Overview","category":"In-place Editor","description":"This sample demonstrates the default behavior of the In-place Editor control, which works by editing the values in inline and popup in TypeScript platform.","api":{"In-place Editor":["mode","type","value","showButtons","disabled"]},"uid":"0020200","order":0,"component":"In-place Editor","dir":"inplace-editor","parentId":"020"},{"url":"dropdowns","name":"DropDown Controls","category":"In-place Editor","description":"This sample demonstrates the usage of dropdown controls such as Autocomplete, ComboBox, DropDownList, and MultiSelect in TypeScript platform.","api":{"In-place Editor":["mode","type","value","enableEditMode","model"]},"uid":"0020201","order":0,"component":"In-place Editor","dir":"inplace-editor","parentId":"020"},{"url":"pickers","name":"Date Controls","category":"In-place Editor","description":"This sample demonstrates the usage of picker controls such as Date, Time, DateTime, and DateRange in TypeScript platform.","api":{"In-place Editor":["mode","type","value","enableEditMode","model"]},"uid":"0020202","order":0,"component":"In-place Editor","dir":"inplace-editor","parentId":"020"},{"url":"edit-post","name":"Edit Post","category":"Use Case","description":"This sample demonstrates the usage of In-place Editor control with a form element in TypeScript platform. Edit the values in place to update to the post.","api":{"In-place Editor":["mode","type","value"]},"uid":"0020203","order":1,"component":"In-place Editor","dir":"inplace-editor","parentId":"020"}],"order":2,"uid":"020"},{"name":"Scheduler","directory":"schedule","category":"Calendars","ftName":"scheduler","type":"update","samples":[{"url":"default","name":"Default Functionalities","category":"Scheduler","description":"This example for Essential JS2 Scheduler control shows how the flat Scheduler looks like with its default set of minimal configurations in TypeScript platform.","api":{"Schedule":["height","eventSettings","selectedDate"]},"uid":"0021210","order":0,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"local-data","name":"Local Data","category":"Data Binding","description":"This example for Essential JS2 Scheduler control shows the way of binding an array of JavaScript objects (local JSON datasource) in Typescript platform.","api":{"Schedule":["eventSettings","selectedDate"]},"uid":"0021211","order":1,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"remote-data","name":"Remote Data","category":"Data Binding","description":"This example for Essential JS2 Scheduler control shows the way of binding remote services by using the DataManager in TypeScript platform.","api":{"Schedule":["eventSettings","selectedDate"]},"uid":"0021212","order":1,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"calendar-integration","name":"Sync Google Calendar","category":"Data Binding","description":"This example illustrates how to integrate the Google Calendar events into HTML5 JavaScript Scheduler.","api":{"Schedule":["eventSettings","dataBinding","selectedDate"]},"uid":"0021213","order":1,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"recurrence-events","name":"Recurring Events","category":"Appointments","description":"This example for Essential JS2 Scheduler control shows the scheduler with recurring meetings handled on a regular pattern.","api":{"Schedule":["width","height","currentView","selectedDate","eventSettings"]},"uid":"0021214","order":2,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"block-events","name":"Blocking Dates and Time","category":"Appointments","description":"This example demonstrates how to block specific days or time intervals on HTML5 JavaScript Scheduler.","api":{"Schedule":["width","height","currentView","selectedDate","eventSettings"]},"uid":"0021215","order":2,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"search-events","name":"Search Events","category":"Appointments","description":"This example showcases how to search the events of HTML5 JavaScript Scheduler based on specific field criteria.","api":{"Schedule":["width","height","currentView","selectedDate","eventSettings"]},"uid":"0021216","order":2,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"timezone","name":"Timezone","category":"Appointments","description":"This example for Essential JS2 Scheduler control shows how the events are displayed in different timings as per the selected timezone.","api":{"Schedule":["timezone","selectedDate","eventSettings","eventRendered"]},"uid":"0021217","order":2,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"external-drag-drop","name":"External Drag and Drop","category":"Appointments","description":"This example shows how to drag and drop the events from an external source into HTML5 JavaScript scheduler.","api":{"Schedule":["currentView","eventSettings","resourceHeaderTemplate","cssClass","workHours","views","group","resources","actionBegin"]},"uid":"0021218","order":2,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"virtual-scrolling","name":"Virtual Scrolling ","category":"Scrolling","description":"This example illustrates how to enable the virtual loading of resources and its events in JavaScript Scheduler.","api":{"Schedule":["views","group","resources","eventSettings"]},"uid":"0021219","order":3,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"views","name":"Basic Views","category":"Views","description":"This example for Essential JS2 Scheduler control shows the usage of basic views such as Day, Week, Work Week and Month.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00212110","order":4,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"timeline","name":"Timeline Views","category":"Views","description":"This example for Essential JS2 Scheduler control shows how the timeline scheduler looks like with its default set of configurations.","api":{"Schedule":["height","eventSettings","selectedDate"]},"uid":"00212111","order":4,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"agenda","name":"Agenda View","category":"Views","description":"This example for Essential JS2 Scheduler control shows the agenda view and the configurations available in it.","api":{"Schedule":["agendaDaysCount","hideEmptyAgendaDays","currentView","views","eventSettings","selectedDate"]},"uid":"00212112","order":4,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"month-agenda","name":"Month Agenda View","category":"Views","description":"This example for Essential JS2 Scheduler control shows the layout of Month Agenda view and how it works.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00212113","order":4,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"year","name":"Year View","category":"Views","type":"new","description":"This example for Essential JS2 Scheduler control shows the layout of Horizontal and Vertical Year views and how it works.","api":{"Schedule":["views","eventSettings"]},"uid":"00212114","order":4,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"views-configuration","name":"Individual View Settings","category":"Views","description":"This example for Essential JS2 Scheduler control shows how to customize each of the view with specific configurations.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00212115","order":4,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"extended-views","name":"View Intervals","category":"Views","description":"This example for Essential JS2 Scheduler control shows how to display n number of days, weeks and months on a single view.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00212116","order":4,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"timeline-resources","name":"Room Scheduler","category":"Multiple Resources","description":"This example for Essential JS2 Scheduler control shows how to design the room scheduling calendar and manage the events booked on a particular time interval.","api":{"Schedule":["currentView","views","selectedDate","resourceHeaderTemplate","eventSettings"]},"uid":"00212117","order":5,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"resources","name":"Fare Calendar","category":"Multiple Resources","description":"This example for Essential JS2 Scheduler control shows how to customize the scheduler to showcase it as an Airfare calendar.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00212118","order":5,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"resource","name":"Resources","category":"Multiple Resources","description":"This example depicts how to show or hide the resource events on JavaScript Scheduler based on the resource selection.","api":{"Schedule":["width","height","currentView","selectedDate","eventSettings"]},"uid":"00212119","order":5,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"group-editing","name":"Shared Events","category":"Multiple Resources","description":"This example for Essential JS2 Scheduler control shows the usage of single event that are shared by multiple resources.","api":{"Schedule":["resourceHeaderTemplate","group","resources","eventSettings"]},"uid":"00212120","order":5,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"group-custom-work-days","name":"Different Work Days","category":"Multiple Resources","description":"This example for Essential JS2 Scheduler control shows how to set different working days for each of the resources.","api":{"Schedule":["resourceHeaderTemplate","group","resources","eventSettings"]},"uid":"00212121","order":5,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"add-remove-resources","name":"Show/Hide Resources","category":"Multiple Resources","description":"This example for Essential JS2 Scheduler control shows how to dynamically add or remove the resources to and from the scheduler layout.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00212122","order":5,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"adaptive-rows","name":"Row Auto Height","category":"Multiple Resources","description":"This example showcases how the work cells of Essential JS2 Scheduler auto adjusts its height based on the exceeding appointment count.","api":{"Schedule":["rowAutoHeight","currentView","views","selectedDate","eventSettings"]},"uid":"00212123","order":5,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"resource-grouping","name":"Horizontal Grouping","category":"Resource Grouping","description":"This example for Essential JS2 Scheduler control shows how the calendars of multiple resources are grouped in default view layouts.","api":{"Schedule":["resourceHeaderTemplate","group","resources","eventSettings"]},"uid":"00212124","order":6,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"timeline-resource-grouping","name":"Timeline Grouping","category":"Resource Grouping","description":"This example for Essential JS2 Scheduler control shows how the calendars of multiple resources are grouped in timeline view layouts.","api":{"Schedule":["group","resources","eventSettings"]},"uid":"00212125","order":6,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"group-by-date","name":"Date-wise Grouping ","category":"Resource Grouping","description":"This example demonstrates how the resources of Essential JS2 Scheduler control are grouped based on dates.","api":{"Schedule":["group","resources","eventSettings"]},"uid":"00212126","order":6,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"group-by-child","name":"Hierarchical Grouping ","category":"Resource Grouping","description":"This example for Essential JS2 Scheduler control shows how to group the child level resources against each of the parent level resources.","api":{"Schedule":["startHour","endHour","group","resources","eventSettings"]},"uid":"00212127","order":6,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"cell-template","name":"Cell","category":"Templates","description":"This example for Essential JS2 Scheduler control shows how to customize the background of the specific cells using cell template option.","api":{"Schedule":["width","height","cellTemplate","views","eventSettings","selectedDate"]},"uid":"00212128","order":7,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"date-header-template","name":"Date Header","category":"Templates","description":"This example for Essential JS2 Scheduler control shows how to customize the date header cells using the template option.","api":{"Schedule":["cssClass","dateHeaderTemplate","eventSettings","eventRendered","renderCell"]},"uid":"00212129","order":7,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"event-template","name":"Events","category":"Templates","description":"This example for Essential JS2 Scheduler control shows how to customize the appearance of events using event template option.","api":{"Schedule":["width","height","cellTemplate","views","eventSettings","selectedDate"]},"uid":"00212130","order":7,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"tooltip","name":"Tooltip","category":"Templates","description":"This example for Essential JS2 Scheduler control shows how to display tooltip over events as well as the way to customize it using template option.","api":{"Schedule":["width","height","eventSettings","selectedDate"]},"uid":"00212131","order":7,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"editor-validation","name":"Field Validation","category":"Editor Window","description":"This example for Essential JS2 Scheduler control shows the way of adding default and custom validation rules to the editor fields of scheduler.","api":{"Schedule":["width","height","eventSettings","selectedDate"]},"uid":"00212132","order":8,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"editor-custom-field","name":"Additional Fields","category":"Editor Window","description":"This example for Essential JS2 Scheduler control shows how to add additional fields to the default editor window.","api":{"Schedule":["selectedDate","eventSettings","popupOpen"]},"uid":"00212133","order":8,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"editor-template","name":"Editor Template","category":"Editor Window","description":"This example for Essential JS2 Scheduler control shows the way of customizing the default editor window with custom template design.","api":{"Schedule":["editorTemplate","showQuickInfo","eventRendered","popupOpen","actionBegin"]},"uid":"00212134","order":8,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"header-rows","name":"Header Rows","category":"Customization","description":"This example for Essential JS2 Scheduler control shows how to display the additional header rows on timeline view.","api":{"Schedule":["height","eventSettings","selectedDate","headerRows"]},"uid":"00212135","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"time-scale","name":"Timescale","category":"Customization","description":"This example for Essential JS2 Scheduler control shows how to customize the grid lines of scheduler with different duration and count","api":{"Schedule":["height","width","views","timeScale"]},"uid":"00212136","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"context-menu","name":"Context Menu","category":"Customization","description":"This example shows how to enable the context menu on HTML5 JavaScript Scheduler and perform the related actions using menu options.","api":{"Schedule":["width","height","eventSettings","selectedDate"]},"uid":"00212137","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"header-bar","name":"Header Bar","category":"Customization","description":"This example for Essential JS2 Scheduler control shows the way of adding custom items onto the scheduler header bar.","api":{"Schedule":["width","height","workHours","views","eventSettings","selectedDate"]},"uid":"00212138","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"scroll-to","name":"Scroll Time","category":"Customization","description":"This example for Essential JS2 Scheduler control shows the way of manually scrolling to specific time on scheduler.","api":{"Schedule":["width","height","eventSettings","eventRendered","scrollTo"]},"uid":"00212139","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"work-days","name":"Work Days","category":"Customization","description":"This example for Essential JS2 Scheduler control showcases how to set customized working days as well as first day of a week on scheduler.","api":{"Schedule":["workDays","views","eventSettings","selectedDate"]},"uid":"00212140","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"hide-weekend","name":"Hide Non-Working Days","category":"Customization","description":"This example for Essential JS2 Scheduler control depicts the way to show or hide the non working days of a week.","api":{"Schedule":["showWeekend"]},"uid":"00212141","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"work-hour","name":"Work Hours","category":"Customization","description":"This example for Essential JS2 Scheduler control showcases how to set the work hour range on scheduler.","api":{"Schedule":["workHours","views","eventSettings","selectedDate"]},"uid":"00212142","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"start-end-hour","name":"Day Hour Limit","category":"Customization","description":"This example for Essential JS2 Scheduler control depicts how to restrict the start and end hours on scheduler.","api":{"Schedule":["startHour","endHour","workHours","eventRendered"]},"uid":"00212143","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"cell-dimension","name":"Cell Dimension","category":"Customization","description":"This example for Essential JS2 Scheduler control shows how to set the width and height of the cells by overriding the default CSS classes.","api":{"Schedule":["cssClass","showTimeIndicator","eventRendered","created","actionComplete"]},"uid":"00212144","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"read-only-events","name":"Read-only Events","category":"Customization","description":"This example for Essential JS2 Scheduler control shows how to make specific events on the scheduler to be displayed in a read-only mode.","api":{"Schedule":["eventSettings","eventRendered","eventClick","popupOpen","eventRendered"]},"uid":"00212145","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"excel-export","name":"Excel Exporting","category":"Exporting","description":"This example demonstrates how to export the Essential JS2 Scheduler events to the excel file format at client-side.","api":{"Schedule":["height","eventSettings","selectedDate"]},"uid":"00212146","order":10,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"calendar-export-import","name":"Export and Import ICS","category":"Exporting","description":"This example shows how to export the Scheduler events to a calendar file, and also how to import events from an .ics file into our Essential JS2 Scheduler.","api":{"Schedule":["importICalendar","exportToICalendar"]},"uid":"00212147","order":10,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"print","name":"Print","category":"Exporting","description":"This example demonstrates how to print the Essential JS2 Scheduler element at client-side with themes enabled.","api":{"Schedule":["height","eventSettings","selectedDate"]},"uid":"00212148","order":10,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"recurrence-editor-generate-rule","name":"Rule Generator","category":"Recurrence Editor","description":"This example for Essential JS2 Scheduler control showcases the recurrence rule generation based on the options selected from the recurrence editor.","uid":"00212149","order":11,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"recurrence-editor-populate-rule","name":"Populate Rule","category":"Recurrence Editor","description":"This example for Essential JS2 Scheduler control shows how to fill the recurrence editor fields with values based on the provided recurrence rule string.","uid":"00212150","order":11,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"keyboard-interaction","name":"Keyboard Interaction","category":"Miscellaneous","description":"This example for Essential JS2 Scheduler control showcases the keyboard shortcuts available on scheduler in Typescript platform.","api":{"Schedule":["width","height","eventSettings","selectedDate","allowKeyboardInteraction"]},"uid":"00212151","order":12,"component":"Scheduler","dir":"schedule","parentId":"021"},{"url":"events","name":"Events","category":"Miscellaneous","description":"This example for Essential JS2 Scheduler control shows the client-side events that triggers on respective scheduler actions in Typescript platform.","api":{"Schedule":["width","height","eventSettings","eventRendered","created","actionBegin","actionComplete","actionFailure","cellClick","cellDoubleClick","destroyed","navigating","eventClick","popupOpen"]},"uid":"00212152","order":12,"component":"Scheduler","dir":"schedule","parentId":"021"}],"order":3,"uid":"021"},{"name":"Gantt","directory":"gantt","category":"Calendars","ftName":"gantt","type":"new","samples":[{"url":"default","name":"Default Functionalities","category":"Gantt","api":{"Gantt":["dataSource","taskFields","height","highlightWeekends","eventMarkers","labelSettings"]},"description":"This example demonstrates the simple Gantt chart with summary task, child tasks, milestone tasks, dependencies with event markers of project","uid":"0022220","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},{"url":"remote-data","name":"Remote Data","category":"Gantt","api":{"Gantt":["dataSource","height","taskFields","columns","treeColumnIndex","allowSelection","gridLines","highlightWeekends","timelineSettings","labelSettings","includeWeekend","projectStartDate","projectEndDate"]},"description":"This sample demonstrates the way of binding data to Gantt chart with remote service. The Gantt chart data source is bound to remote data using DataManager.","uid":"0022221","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},{"url":"editing","name":"Editing","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","height","taskFields","editSettings","toolbar","columns","treeColumnIndex","allowSelection","gridLines","resourceNameMapping","resourceIDMapping","resources","highlightWeekends","timelineSettings","labelSettings","labelSettings","projectStartDate","projectEndDate"]},"description":"This example demonstrates the cell editing, dialog editing, taskbar editing and dependency editing support in Gantt","uid":"0022222","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},{"url":"filtering","name":"Filtering","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","taskFields","columns","treeColumnIndex","height","timelineSettings","labelSettings","toolbar","allowFiltering","includeWeekend","timelineSettings","splitterSettings","durationUnit","dayWorkingTime","projectStartDate","projectEndDate"]},"description":"This example demonstrates the filtering support with filter menu option for various types of columns in Gantt","uid":"0022223","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},{"url":"timeline","name":"Timeline","category":"Gantt","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","projectStartDate","projectEndDate","highlightWeekends","resourceNameMapping","resourceIDMapping","resources","timelineSettings","splitterSettings","treeColumnIndex","labelSettings","eventMarkers"]},"description":"This example demonstrates the various timeline mode options and properties available to customize the timeline in Gantt","uid":"0022224","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},{"url":"baseline","name":"Baseline","category":"Gantt","api":{"Gantt":["dataSource","renderBaseline","taskFields","columns","treeColumnIndex","allowSelection","includeWeekend","timelineSettings","tooltipSettings","durationUnit","dateFormat","dayWorkingTime","height","projectStartDate","projectEndDate"]},"description":"Baselines are enabled to view the deviation between the planned dates of tasks and actual progress of task dates","uid":"0022225","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},{"url":"taskbar-template","name":"Taskbar Template","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","taskFields","columns","treeColumnIndex","rowHeight","taskbarHeight","dayWorkingTime","durationUnit","eventMarkers","height","taskbarTemplate","milestoneTemplate","projectStartDate","projectEndDate","timelineSettings","splitterSettings","labelSettings","tooltipSettings"]},"description":"This example demonstrates the taskbar template support with child taskbar template, parent taskbar template and milestone template.","uid":"0022226","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},{"url":"unscheduled-tasks","name":"Unscheduled Tasks","category":"Gantt","api":{"Gantt":["dataSource","taskFields","editSettings","toolbar","height","labelSettings","allowUnscheduledTasks","projectStartDate","projectEndDate","toolbarClick","splitterSettings","columns"]},"description":"This example demonstrates the unscheduled tasks in Gantt with custom toolbar item and dynamic add support.","uid":"0022227","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},{"url":"zooming","name":"Zooming","category":"Gantt","api":{"Gantt":["dataSource","height","taskFields","toolbar","labelSettings","projectStartDate","projectEndDate"]},"description":"This example demonstrates the zooming support of the Gantt chart timeline and ZoomToFit support of the Gantt chart.","uid":"0022228","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},{"url":"contextMenu","name":"Context Menu","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","height","taskFields","editSettings","toolbar","columns","treeColumnIndex","allowSelection","gridLines","resourceNameMapping","resourceIDMapping","resources","highlightWeekends","timelineSettings","labelSettings","labelSettings","projectStartDate","projectEndDate","enableContextMenu","contextMenuItems"]},"description":"This demo explains the usage of context menu and the default context menu items in Syncfusion TypeScript Gantt control.","uid":"0022229","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},{"url":"exporting","name":"Exporting","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","height","taskFields","toolbar","allowExcelExport","treeColumnIndex","allowSelection","gridLines","resourceNameMapping","resourceIDMapping","resources","highlightWeekends","timelineSettings","labelSettings","projectStartDate","projectEndDate","toolbarClick"]},"description":"This demo explains how to export Gantt content to Excel and CSV documents using the Syncfusion TypeScript Gantt control.","uid":"00222210","order":0,"component":"Gantt","dir":"gantt","parentId":"022"}],"order":3,"uid":"022"},{"name":"Calendar","directory":"calendar","category":"Calendars","samples":[{"url":"default","name":"Default Functionalities","category":"Calendar","api":{"Calendar":["change"]},"description":"This example demonstrates a simple, mobile-friendly and responsive JavaScript (TypeScript) Calendar to select a date","uid":"0023230","order":0,"component":"Calendar","dir":"calendar","parentId":"023"},{"url":"disabled","name":"Disabled Dates","category":"Calendar","api":{"Calendar":["renderDayCell","change"]},"description":"This example demonstrates how to disable the dates like weekends, weekdays and specific dates (past , future and current) in a JavaScript (TypeScript) Calendar","uid":"0023231","order":0,"component":"Calendar","dir":"calendar","parentId":"023"},{"url":"date-range","name":"Date Range","category":"Calendar","api":{"Calendar":["min","max","change"]},"description":"This example demonstrates how to disables the specific range of dates (min and max) in a JavaScript (TypeScript) Calendar","uid":"0023232","order":0,"component":"Calendar","dir":"calendar","parentId":"023"},{"url":"special-dates","name":"Special Dates","category":"Calendar","api":{"Calendar":["renderDayCell","change"]},"description":"This example demonstrates how to highlight the specific dates like weekends, holidays and special dates in a JavaScript (TypeScript) Calendar","uid":"0023233","order":0,"component":"Calendar","dir":"calendar","parentId":"023"},{"url":"multi-selection","name":"Multi Selection","category":"Calendar","api":{"Calendar":["isMultiSelection","values"]},"description":"This example demonstrates how to select the multiple dates (more than one date) in a JavaScript (TypeScript) Calendar","uid":"0023234","order":0,"component":"Calendar","dir":"calendar","parentId":"023"},{"url":"month-picker","name":"Month Picker","category":"Calendar","api":{"Calendar":["start","depth"]},"description":"The JavaScript Calendar control can act as a month and year picker. It helps you to select a month or year quickly with all month related properties.","uid":"0023235","order":0,"component":"Calendar","dir":"calendar","parentId":"023"},{"url":"islamic-calendar","name":"Islamic Calendar","category":"Calendar","api":{"Calendar":["isMultiSelection","values"]},"uid":"0023236","order":0,"component":"Calendar","dir":"calendar","parentId":"023"}],"order":3,"uid":"023"},{"name":"DatePicker","directory":"datepicker","category":"Calendars","samples":[{"url":"default","name":"Default Functionalities","category":"DatePicker","api":{"DatePicker":["placeholder"]},"description":"This example demonstrates a simple, mobile-friendly and responsive JavaScript (TypeScript) DatePicker to select a date","uid":"0024240","order":0,"component":"DatePicker","dir":"datepicker","parentId":"024"},{"url":"disabled","name":"Disabled Dates","category":"DatePicker","api":{"DatePicker":["placeholder","renderDayCell"]},"description":"This example demonstrates how to disable the dates like weekends, weekdays and specific dates (past, future and current) in a JavaScript (TypeScript) DatePicker","uid":"0024241","order":0,"component":"DatePicker","dir":"datepicker","parentId":"024"},{"url":"date-range","name":"Date Range","category":"DatePicker","api":{"DatePicker":["min","max","value","placeholder"]},"description":"DatePicker widget with min and max date options that restrict users from selecting dates within a defined range of days like past dates, future dates, etc","uid":"0024242","order":0,"component":"DatePicker","dir":"datepicker","parentId":"024"},{"url":"date-format","name":"Format","category":"DatePicker","api":{"DatePicker":["format","value","placeholder"]},"description":"This example demonstrates how to change the date time format in the input field based on the format in a JavaScript (TypeScript) DatePicker","uid":"0024243","order":0,"component":"DatePicker","dir":"datepicker","parentId":"024"},{"url":"special-dates","name":"Special Dates","category":"DatePicker","api":{"DatePicker":["value","placeholder","renderDayCell"]},"description":"DatePicker for TypeScript that highlights multiple dates like weekends, holidays, and special events with options to add custom styles and descriptions","uid":"0024244","order":0,"component":"DatePicker","dir":"datepicker","parentId":"024"},{"url":"month-picker","name":"Month Picker","category":"DatePicker","api":{"DatePicker":["start","depth"]},"description":"The JavaScript DatePicker control can act as a month and year picker. It helps you to select a month or year quickly with all months related properties.","uid":"0024245","order":0,"component":"DatePicker","dir":"datepicker","parentId":"024"}],"order":3,"uid":"024"},{"name":"DateRangePicker","directory":"daterangepicker","category":"Calendars","samples":[{"url":"default","name":"Default Functionalities","category":"DateRangePicker","api":{"DateRangePicker":["placeholder"]},"description":"A simple and lightweight DateRangePicker control for JavaScript (TypeScript) with a flexible user interface for selecting a range of dates effortlessly","uid":"0025250","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"025"},{"url":"date-range","name":"Date Range","category":"DateRangePicker","api":{"DateRangePicker":["placeholder","min","max"]},"description":"This example demonstrates how to disables the specific range of dates (min and max) in a JavaScript (TypeScript) DateRangePicker","uid":"0025251","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"025"},{"url":"day-span","name":"Day Span","category":"DateRangePicker","api":{"DateRangePicker":["placeholder","minDays","maxDays"]},"description":"This example demonstrates how to restrict the users to select the min and max number of days between the selected range of start and end dates","uid":"0025252","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"025"},{"url":"presets","name":"Preset Ranges","category":"DateRangePicker","api":{"DateRangePicker":["placeholder","presets"]},"description":"This example demonstrates how to change the date time format in the input field based on the format in a JavaScript (TypeScript) DateRangePicker","uid":"0025253","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"025"},{"url":"date-format","name":"Format","category":"DateRangePicker","api":{"DateRangePicker":["format","value"]},"description":"This example demonstrates how to specify the predefined custom date ranges (presets range) like last month, last year and current week in the dropdown popup","uid":"0025254","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"025"},{"url":"month-range-picker","name":"Month Range Picker","category":"DateRangePicker","api":{"DateRangePicker":["start","depth"]},"description":"The JavaScript DateRangePicker control can act as a month and year picker. It helps you to select a month or year quickly with all months related properties.","uid":"0025255","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"025"}],"order":3,"uid":"025"},{"name":"DateTimePicker","directory":"datetimepicker","category":"Calendars","samples":[{"url":"default","name":"Default Functionalities","category":"DateTimePicker","api":{"DateTimePicker":[]},"description":"This example demonstrates a simple, mobile-friendly and responsive JavaScript (TypeScript) DateTimePicker to select both a date and time","uid":"0026260","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"026"},{"url":"disabled","name":"Disabled Dates","category":"DateTimePicker","api":{"DateTimePicker":["renderDayCell"]},"description":"Customizable DateTimePicker widget for JavaScript (TypeScript) with disabled dates and times that restrict selection for specific date and time durations","uid":"0026261","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"026"},{"url":"date-time-range","name":"DateTime Range","category":"DateTimePicker","api":{"DatePicker":["min","max","value"]},"description":"This example demonstrates how to disables the specific range of dates and times (min and max) in a JavaScript (TypeScript) DateTimePicker","uid":"0026262","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"026"},{"url":"date-time-format","name":"Format","category":"DateTimePicker","api":{"DateTimePicker":["format","value"]},"description":"Flexible DateTimePicker for JavaScript (TypeScript) with options to customize date and time formats based on the preferred culture for improved readability","uid":"0026263","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"026"},{"url":"special-dates","name":"Special Dates","category":"DateTimePicker","api":{"DateTimePicker":["renderDayCell","value"]},"description":"This example demonstrates how to highlight the specific dates and times like weekends, holidays and special dates in a JavaScript (TypeScript) DateTimePicker","uid":"0026264","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"026"}],"order":3,"uid":"026"},{"name":"TimePicker","directory":"timepicker","category":"Calendars","samples":[{"url":"default","name":"Default Functionalities","category":"TimePicker","api":{"TimePicker":["placeholder"]},"description":"A simple and lightweight TimePicker component for JavaScript (TypeScript) for selecting times that is customizable to fit large-scale applications","uid":"0027270","order":0,"component":"TimePicker","dir":"timepicker","parentId":"027"},{"url":"time-range","name":"Time Range","category":"TimePicker","api":{"TimePicker":["placeholder","value","readonly","enabled","min","change"]},"description":"This example demonstrates how to disable the specific range of times(min and max) in a JavaScript (TypeScript) TimePicker","uid":"0027271","order":0,"component":"TimePicker","dir":"timepicker","parentId":"027"},{"url":"time-format","name":"Format","category":"TimePicker","api":{"TimePicker":["value","step","format"]},"description":"This example demonstrates how to change the time format in the input field based on the format in a JavaScript (TypeScript) TimePicker","uid":"0027272","order":0,"component":"TimePicker","dir":"timepicker","parentId":"027"},{"url":"list-formatting","name":"Time Duration","category":"TimePicker","api":{"TimePicker":["value","itemRender"]},"description":"A simple TimePicker widget for JavaScript (TypeScript) for highlighting a set of time intervals in a pop-up by adding custom styles based on you needs","uid":"0027273","order":0,"component":"TimePicker","dir":"timepicker","parentId":"027"}],"order":3,"uid":"027"},{"name":"AutoComplete","directory":"auto-complete","category":"Dropdowns","ftName":"autocomplete","samples":[{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of the JavaScript autocomplete control with minimum configuration.","category":"AutoComplete","api":{"AutoComplete":["dataSource","value","placeholder"]},"uid":"0028280","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"028"},{"url":"grouping-icon","name":"Grouping and Icons","description":"This example demonstrates how to group based on the different categories with individual header and icon support using the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["fields","placeholder"]},"uid":"0028281","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"028"},{"url":"data-binding","name":"Data Binding","description":"This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["dataSource","suggestionCount","query","sortOrder","autofill","filterType","change"]},"uid":"0028282","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"028"},{"url":"template","name":"Template","description":"This example demonstrates how to customize the appearance of each item in the JavaScript autocomplete control pop-up list using template.","category":"AutoComplete","api":{"AutoComplete":["dataSource","fields","headerTemplate","itemTemplate","placeholder","popupHeight"]},"uid":"0028283","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"028"},{"url":"highlight","name":"Highlight","description":"This example demonstrates how to highlight the searched characters in the suggested list items of the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["dataSource","fields","highlight","placeholder"]},"uid":"0028284","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"028"},{"url":"custom-filtering","name":"Custom Filtering","description":"This example demonstrates how to achieve the custom filtering functionalities in the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["dataSource","filtering","fields","placeholder"]},"uid":"0028285","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"028"},{"url":"diacritics-filtering","name":"Diacritics Filtering","description":"This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["dataSource","ignoreAccent","placeholder"]},"uid":"0028286","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"028"}],"order":4,"uid":"028"},{"name":"ComboBox","directory":"combo-box","category":"Dropdowns","ftName":"combobox","samples":[{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of the JavaScript combo box control with minimum configuration.","category":"ComboBox","api":{"ComboBox":["popupHeight","index","change","placeholder"]},"uid":"0029290","order":0,"component":"ComboBox","dir":"combo-box","parentId":"029"},{"url":"grouping-icon","name":"Grouping and Icons","description":"This example demonstrates how to group based on the different categories with individual header and icon support using the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","placeholder","popupHeight"]},"uid":"0029291","order":0,"component":"ComboBox","dir":"combo-box","parentId":"029"},{"url":"data-binding","name":"Data Binding","description":"This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","query","sortOrder","autofill","popupHeight","placeholder"]},"uid":"0029292","order":0,"component":"ComboBox","dir":"combo-box","parentId":"029"},{"url":"custom-value","name":"Custom Value","description":"This example demonstrates the addition of a new value that is not present in the predefined list of the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","placeholder","popupHeight","allowFiltering","noRecordsTemplate","filtering","width"]},"uid":"0029293","order":0,"component":"ComboBox","dir":"combo-box","parentId":"029"},{"url":"template","name":"Template","description":"This example demonstrates how to customize the appearance of each item in the JavaScript combo box control pop-up list using the template.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","headerTemplate","itemTemplate","placeholder","popupHeight"]},"uid":"0029294","order":0,"component":"ComboBox","dir":"combo-box","parentId":"029"},{"url":"filtering","name":"Filtering","description":"This example demonstrates how the filtering functionalities works based on the typed characters in the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","allowFiltering","filtering","placeholder","popupHeight"]},"uid":"0029295","order":0,"component":"ComboBox","dir":"combo-box","parentId":"029"},{"url":"cascading","name":"Cascading","description":"This example demonstrates how to create a related combo box (Cascading ComboBox) using the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","allowCustom","fields","change","placeholder","popupHeight","value","enabled"]},"uid":"0029296","order":0,"component":"ComboBox","dir":"combo-box","parentId":"029"},{"url":"diacritics-filtering","name":"Diacritics Filtering","description":"This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","ignoreAccent","placeholder","allowFiltering"]},"uid":"0029297","order":0,"component":"ComboBox","dir":"combo-box","parentId":"029"}],"order":4,"uid":"029"},{"name":"Dropdown List","directory":"drop-down-list","category":"Dropdowns","ftName":"dropdown-list","samples":[{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of the JavaScript drop-down list control with minimum configuration.","category":"Dropdown List","api":{"DropDownList":["popupHeight","placeholder","index","change"]},"uid":"0030300","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"030"},{"url":"grouping-icon","name":"Grouping and Icons","description":"This example demonstrates how to group based on the different categories with individual header and icon support using JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","popupHeight","placeholder"]},"uid":"0030301","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"030"},{"url":"data-binding","name":"Data Binding","description":"This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","query","sortOrder","autofill","popupHeight","placeholder"]},"uid":"0030302","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"030"},{"url":"template","name":"Template","description":"This example demonstrates how to customize the appearance of each item in the JavaScript drop-down list control pop-up list using the template.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","headerTemplate","itemTemplate","valueTemplate","popupHeight","placeholder"]},"uid":"0030303","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"030"},{"url":"filtering","name":"Filtering","description":"This example demonstrates how the filtering functionalities works based on the typed characters in the JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","allowFiltering","filtering","filterBarPlaceholder","popupHeight","placeholder"]},"uid":"0030304","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"030"},{"url":"cascading","name":"Cascading","description":"This example demonstrates how to create a related drop-down list (Cascading DropDownList) using the JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","change","placeholder","popupHeight","value","enabled"]},"uid":"0030305","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"030"},{"url":"inline","name":"Inline","description":"This example demonstrates how to render the JavaScript drop-down list control in line with highlighted contents.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","value"]},"uid":"0030306","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"030"},{"url":"diacritics-filtering","name":"Diacritics Filtering","description":"This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","ignoreAccent","placeholder","allowFiltering"]},"uid":"0030307","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"030"}],"order":4,"uid":"030"},{"name":"MultiSelect Dropdown","directory":"multi-select","category":"Dropdowns","ftName":"multiselect-dropdown","samples":[{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of the JavaScript multiselect control with minimum configuration.","category":"MultiSelect Dropdown","api":{"MultiSelect":["mode","placeholder"]},"uid":"0031310","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},{"url":"data-binding","name":"Data Binding","description":"This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["query","dataSource","fields","sortOrder","placeholder"]},"uid":"0031311","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},{"url":"grouping-icon","name":"Grouping","description":"This example demonstrates how to group based on the different categories with individual header and icon support using the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder"]},"uid":"0031312","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},{"url":"template","name":"Template","description":"This example demonstrates how to customize the appearance of each item in the JavaScript multiselect control pop-up list using the template.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","headerTemplate","itemTemplate","valueTemplate","mode","placeholder"]},"uid":"0031313","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},{"url":"filtering","name":"Filtering","description":"This example demonstrates how the filtering functionalities works based on the typed characters in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["query","dataSource","fields","placeholder","allowFiltering","filtering"]},"uid":"0031314","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},{"url":"custom-value","name":"Custom Value","description":"This example demonstrates the addition of a new value that is not present in the predefined list of the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder","mode","allowCustomValue"]},"uid":"0031315","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},{"url":"chip-customization","name":"Chip Customization","description":"This example demonstrates how to customize the appearance of the selected chip element in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder","mode","tagging"]},"uid":"0031316","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},{"url":"checkbox","name":"CheckBox","description":"This example demonstrates how to select the multiple values through checkbox in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder"]},"uid":"0031317","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},{"url":"grouping-with-checkbox","name":"Grouping with CheckBox","description":"This example demonstrates how to select the grouped list item values through checkbox in the JavaScript MultiSelect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder","mode","enableGroupCheckBox"]},"uid":"0031318","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},{"url":"selection-limit","name":"Selection Limit","description":"This example demonstrates the maximum selection limit functionalities with checkbox of the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder","maximumSelectionLength"]},"uid":"0031319","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},{"url":"diacritics-filtering","name":"Diacritics Filtering","description":"This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","placeholder","ignoreAccent"]},"uid":"00313110","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"}],"order":4,"uid":"031"},{"name":"List Box","directory":"list-box","category":"Dropdowns","ftName":"list-box","samples":[{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of Syncfusion TypeScript ListBox component with minimum configuration.","category":"List Box","api":{"ListBox":["dataSource"]},"uid":"0032320","order":0,"component":"List Box","dir":"list-box","parentId":"032"},{"url":"dual-list-box","name":"Dual ListBox","description":"This example demonstrates how to move items between the two list boxes using dual list box functionality.","category":"List Box","api":{"ListBox":["dataSource","fields","scope","toolbarSettings","height"]},"uid":"0032321","order":0,"component":"List Box","dir":"list-box","parentId":"032"},{"url":"drag-and-drop","name":"Drag And Drop","description":"This example demonstrates how to drag and drop within the Syncfusion TypeScript ListBox and between two list boxes.","category":"List Box","api":{"ListBox":["dataSource","scope","allowDragAndDrop","fields","height"]},"uid":"0032322","order":0,"component":"List Box","dir":"list-box","parentId":"032"},{"url":"checkbox","name":"Checkbox","description":"This example demonstrates how to select multiple items from the Syncfusion TypeScript ListBox using checkbox functionality.","category":"List Box","api":{"ListBox":["dataSource","selectionSettings"]},"uid":"0032323","order":0,"component":"List Box","dir":"list-box","parentId":"032"},{"url":"api","name":"API","description":"This example how to customize the Syncfusion Typescript ListBox component using the available set of APIs.","category":"List Box","api":{"ListBox":["dataSource","fields","sortOrder","selectionSettings"]},"uid":"0032324","order":0,"component":"List Box","dir":"list-box","parentId":"032"}],"order":4,"uid":"032"},{"name":"Accordion","directory":"accordion","category":"Navigation","ftName":"accordion","samples":[{"url":"default","name":"Default Functionalities","category":"Accordion","description":"The sample demonstrates that default functionalities of the Accordion control which works by expand and collapse action in TypeScript platform.","api":{"AccordionItem":["header","content","expanded"],"Accordion":["items"]},"uid":"0033330","order":0,"component":"Accordion","dir":"accordion","parentId":"033"},{"url":"ajax","name":"Ajax Content","category":"Accordion","description":"The sample demonstrates how to load the content to the Accordion control from external sources using Ajax library in TypeScript platform.","api":{"Accordion":["expandMode","expanding"]},"uid":"0033331","order":0,"component":"Accordion","dir":"accordion","parentId":"033"},{"url":"icon","name":"Icons","category":"Accordion","description":"The sample demonstrates how to represent pane headers with an icon in Accordion control which populates from items collection in TypeScript platform.","api":{"AccordionItem":["iconCss"]},"uid":"0033332","order":0,"component":"Accordion","dir":"accordion","parentId":"033"}],"order":5,"uid":"033"},{"name":"Context Menu","directory":"context-menu","category":"Navigation","ftName":"context-menu","samples":[{"url":"default","name":"Default Functionalities","category":"Context Menu","api":{"ContextMenu":["target","items","beforeItemRender","animationSettings"],"MenuItem":["text","iconCss","items","separator"]},"description":"This example demonstrates the Syncfusion Javascript ContextMenu items with icons, text and separator.","uid":"0034340","order":0,"component":"Context Menu","dir":"context-menu","parentId":"034"}],"order":5,"uid":"034"},{"name":"Menu Bar","directory":"menu","category":"Navigation","ftName":"menu-bar","samples":[{"url":"default","name":"Default Functionalities","category":"Menu Bar","api":{"Menu":["items","orientation"],"MenuItem":["text","iconCss","items","separator"]},"description":"This example demonstrates the Syncfusion Javascript Menu items with icons, text, separator and items submenu.","uid":"0035350","order":0,"component":"Menu Bar","dir":"menu","parentId":"035"},{"url":"data-binding","name":"Data Binding","category":"Menu Bar","api":{"Menu":["items"]},"description":"This example demonstrates how to bind the local data source with Syncfusion Javascript Menu component.","uid":"0035351","order":0,"component":"Menu Bar","dir":"menu","parentId":"035"},{"url":"scrollable","name":"Scrollable","category":"Menu Bar","api":{"Menu":["items","enableScrolling","cssClass","beforeOpen"]},"description":"This example demonstrates how to load menu and sub menus with large number of menu items in horizontal / vertical scrollable Syncfusion Javascript menu.","uid":"0035352","order":0,"component":"Menu Bar","dir":"menu","parentId":"035"},{"url":"template","name":"Template","category":"Menu Bar","api":{"Menu":["items","fields","template"],"FieldSettings":["text","children"]},"description":"This example demonstrates how to customize Syncfusion Javascript Menu popup items by using templates.","sourceFiles":[{"displayName":"template.ts","path":"src/menu/template.ts"},{"displayName":"template.html","path":"src/menu/template.html"},{"displayName":"template-data.json","path":"src/menu/template-data.json"}],"uid":"0035353","order":0,"component":"Menu Bar","dir":"menu","parentId":"035"},{"url":"hamburger-mode","name":"Hamburger Mode","category":"Menu Bar","api":{"Menu":["hamburgerMode","title"]},"description":"This example demonstrates the hamburger mode of the Syncfusion Javascript Menu that enables the adaptive view.","uid":"0035354","order":0,"component":"Menu Bar","dir":"menu","parentId":"035"},{"url":"api","name":"API","category":"Menu Bar","api":{"Menu":["orientation","showItemOnClick","enableItems"]},"description":"This example demonstrates the supported API's and its functionalities of the Syncfusion Javascript Menu.","uid":"0035355","order":0,"component":"Menu Bar","dir":"menu","parentId":"035"},{"url":"toolbar-integration","name":"Toolbar Integration","category":"Use Case","api":{"Menu":["items"]},"description":"This example demonstrates the real use case of the Syncfusion Javascript Menu in web application. It is integrated with toolbar component.","uid":"0035356","order":1,"component":"Menu Bar","dir":"menu","parentId":"035"}],"order":5,"uid":"035"},{"name":"Sidebar","directory":"sidebar","category":"Navigation","samples":[{"url":"default","name":"Default Functionalites","category":"Sidebar","api":{"Sidebar":["type","position","showBackdrop","closeOnDocumentClick","change","mediaQuery"]},"description":"It demonstrates a simple, mobile-friendly and responsive Sidebar (Navigation drawer, Side Navigation menu) which navigates various parts of an application.","uid":"0036360","order":0,"component":"Sidebar","dir":"sidebar","parentId":"036"},{"url":"docking-sidebar","name":"Dock","category":"Sidebar","api":{"Sidebar":["enableDock","dockSize","contextTo"]},"description":"This example demonstrates how the JavaScript (TypeScript) Sidebar is docked to the main content when it is in closed state","uid":"0036361","order":0,"component":"Sidebar","dir":"sidebar","parentId":"036"},{"url":"api","name":"API","category":"Sidebar","api":{"Sidebar":["showBackdrop","position","types","closeOnDocumentClick"]},"description":"It demonstrates how to change the behavior and appearance of sidebar in application through user friendly API’s like types, position, auto close and backdrop","uid":"0036362","order":0,"component":"Sidebar","dir":"sidebar","parentId":"036"},{"url":"sidebar-menu","name":"Sidebar Menu","category":"Sidebar","api":{"Sidebar":["mediaQuery","width","target","dockSize","enableDock"]},"description":"This example demonstrates how to render Menu for navigation purpose inside the React Sidebar of an application.","uid":"0036363","order":0,"component":"Sidebar","dir":"sidebar","parentId":"036"},{"url":"responsive-panel","name":"Responsive Panel","category":"Sidebar","api":{"Sidebar":["mediaQuery","width","target"]},"description":"This example demonstrates how to render TreeView for navigation purpose inside the Typescript Sidebar","uid":"0036364","order":0,"component":"Sidebar","dir":"sidebar","parentId":"036"},{"url":"sidebar-list","name":"Sidebar with ListView","category":"Sidebar","api":{"Sidebar":["open","close"]},"description":"This example demonstrates how the JavaScript (TypeScript) Sidebar is integrated with a ListView to display a list of menu items","uid":"0036365","order":0,"component":"Sidebar","dir":"sidebar","parentId":"036"}],"order":5,"uid":"036"},{"name":"Tabs","directory":"tab","category":"Navigation","ftName":"tabs","samples":[{"url":"default","name":"Default Functionalities","category":"Tabs","description":"The sample demonstrates about default functionalities of the Tab control (also known as Tabbed UI) which is navigation component in TypeScript platform.","api":{"Header":["text","iconCss"],"TabItem":["content"],"Tab":["items"]},"uid":"0037370","order":0,"component":"Tabs","dir":"tab","parentId":"037"},{"url":"orientation","name":"Orientation","category":"Tabs","description":"The sample demonstrates how to customize the orientation of Tab control along with feasibility to customize the Tab header styles in TypeScript platform.","api":{"Tab":["headerPlacement","showCloseButton"]},"uid":"0037371","order":0,"component":"Tabs","dir":"tab","parentId":"037"},{"url":"responsive-modes","name":"Responsive Modes","category":"Tabs","description":"The sample illustrates that responsive mode of Tab control that aligns tab items in a scrollable or popup mode in TypeScript platform.","api":{"Tab":["overflowMode"]},"uid":"0037372","order":0,"component":"Tabs","dir":"tab","parentId":"037"},{"url":"wizard","name":"Wizard","category":"Tabs","description":"This sample demonstrates how to design a wizard-like application with the sequential action using the Tab control in TypeScript platform.","api":{"TabItem":["disabled"]},"uid":"0037373","order":0,"component":"Tabs","dir":"tab","parentId":"037"}],"order":5,"uid":"037"},{"name":"Toolbar","directory":"toolbar","category":"Navigation","ftName":"toolbar","samples":[{"url":"default","name":"Default Functionalities","category":"Toolbar","description":"The sample demonstrates the default functionalities of the Toolbar control which place commands with the scrollable mode in TypeScript platform.","api":{"Item":["text","prefixIcon","type","tooltipText"],"Toolbar":["items"]},"uid":"0038380","order":0,"component":"Toolbar","dir":"toolbar","parentId":"038"},{"url":"popup","name":"Popup","category":"Toolbar","description":"The sample exposes popup mode of Toolbar control which configures overflowing toolbar commands inside a popup based on priority in TypeScript platform.","api":{"Item":["showAlwaysInPopup","showTextOn","overflow"],"Toolbar":["overflowMode"]},"uid":"0038381","order":0,"component":"Toolbar","dir":"toolbar","parentId":"038"},{"url":"alignment","name":"Alignment","category":"Toolbar","description":"This sample demonstrates how to align commands in left, right and center position in Toolbar control in TypeScript platform.","api":{"Item":["align","template"]},"uid":"0038382","order":0,"component":"Toolbar","dir":"toolbar","parentId":"038"}],"order":5,"uid":"038"},{"name":"TreeView","directory":"treeview","category":"Navigation","ftName":"treeview","samples":[{"url":"default","name":"Default Functionalities","category":"TreeView","description":"This demo demonstrates the basic JavaScript tree view component that display the data in a hierarchical structure with the configuration options.","api":{"TreeView":["fields"]},"uid":"0039390","order":0,"component":"TreeView","dir":"treeview","parentId":"039"},{"url":"local-data","name":"Local Data","category":"Data Binding","description":"This demo demonstrates the binding of local data to the JavaScript tree view. The local data structure can be hierarchical data or list data.","api":{"TreeView":["fields"]},"uid":"0039391","order":1,"component":"TreeView","dir":"treeview","parentId":"039"},{"url":"remote-data","name":"Remote Data","category":"Data Binding","description":"This demo for Essential JS 2 treeview control shows how to bind the data from a remote data service.","api":{"TreeView":["fields","created","dataBound"]},"uid":"0039392","order":1,"component":"TreeView","dir":"treeview","parentId":"039"},{"url":"icons","name":"Icons and Images","category":"TreeView","description":"The tree view nodes can be rendered with any custom icons. This sample demonstrated like a file system with custom icons and images.","api":{"TreeView":["fields","sortOrder"]},"uid":"0039393","order":0,"component":"TreeView","dir":"treeview","parentId":"039"},{"url":"check-box","name":"CheckBox","category":"TreeView","description":"This demo demonstrates the tree view with checkbox functionality, this allows the user to check more than one tree nodes.","api":{"TreeView":["fields","showCheckBox"]},"uid":"0039394","order":0,"component":"TreeView","dir":"treeview","parentId":"039"},{"url":"node-editing","name":"Node Editing","category":"TreeView","description":"This demo showcases the node editing functionality of tree view, you can edit any node text by double click on it or pressing F2.","api":{"TreeView":["fields","allowEditing"]},"uid":"0039395","order":0,"component":"TreeView","dir":"treeview","parentId":"039"},{"url":"multiple-selection","name":"Multiple Selection","category":"TreeView","description":"The TreeView component allows to select multiple nodes by pressing CTRL key, also can select the range of nodes by pressing SHIFT key.","api":{"TreeView":["fields","allowMultiSelection"]},"uid":"0039396","order":0,"component":"TreeView","dir":"treeview","parentId":"039"},{"url":"drag-and-drop","name":"Drag and Drop","category":"TreeView","description":"The tree view nodes can be drag and drop from one position to another, also the drop can be done to another tree view or other external container.","api":{"TreeView":["fields","allowDragAndDrop","allowMultiSelection","nodeDragStop"]},"uid":"0039397","order":0,"component":"TreeView","dir":"treeview","parentId":"039"},{"url":"template","name":"Template","category":"TreeView","description":"The tree view node can be customized through the template option. In this demo the tree view nodes are templated like an mail system.","api":{"TreeView":["fields","cssClass","nodeTemplate"]},"uid":"0039398","order":0,"component":"TreeView","dir":"treeview","parentId":"039"}],"order":5,"uid":"039"},{"name":"File Manager","directory":"file-manager","category":"Navigation","ftName":"file-manager","type":"update","samples":[{"url":"overview","name":"Overview","category":"File Manager","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates full view of the File Manager like a windows explorer UI in a JavaScript (TypeScript) File Manager.","uid":"0040400","order":0,"component":"File Manager","dir":"file-manager","parentId":"040"},{"url":"custom-thumbnail","name":"Custom Thumbnails","category":"File Manager","api":{"FileManager":["ajaxSettings"]},"description":"This example demonstrates how to use the custom thumbnails in a JavaScript (TypeScript) File Manager.","uid":"0040401","order":0,"component":"File Manager","dir":"file-manager","parentId":"040"},{"url":"default","name":"API","category":"File Manager","api":{"FileManager":["ajaxSettings","view"]},"description":"Example shows the File Manager without the navigation pane and enable or disable toolbar in a JavaScript (TypeScript) File Manager.","uid":"0040402","order":0,"component":"File Manager","dir":"file-manager","parentId":"040"},{"url":"drag-drop","name":"Drag and Drop","category":"File Manager","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates the how to drag and drop the files in a JavaScript (TypeScript) File Manager.","uid":"0040403","order":0,"component":"File Manager","dir":"file-manager","parentId":"040"},{"url":"usecase","name":"File Upload","category":"Use Case","api":{"FileManager":["ajaxSettings","view"]},"description":"Example shows how to render the File Manager component inside the Dialog component in a JavaScript (TypeScript) File Manager.","uid":"0040404","order":1,"component":"File Manager","dir":"file-manager","parentId":"040"},{"url":"azure-service","name":"Azure Blob Provider","category":"Cloud Service Providers","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the azure service in a JavaScript (TypeScript) File Manager.","uid":"0040405","order":2,"component":"File Manager","dir":"file-manager","parentId":"040"},{"url":"sql-server-provider","name":"SQL Database Provider","category":"Cloud Service Providers","type":"new","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the sql server database service in a JavaScript (TypeScript) File Manager.","uid":"0040406","order":2,"component":"File Manager","dir":"file-manager","parentId":"040"},{"url":"nodejs-file-provider","name":"NodeJS File Provider","category":"Cloud Service Providers","type":"new","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the nodejs file provider service in a JavaScript (TypeScript) File Manager.","uid":"0040407","order":2,"component":"File Manager","dir":"file-manager","parentId":"040"},{"url":"amazon-s3-provider","name":"Amazon S3 File Provider","category":"Cloud Service Providers","type":"new","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the Amazon S3 provider service in a JavaScript (TypeScript) File Manager.","uid":"0040408","order":2,"component":"File Manager","dir":"file-manager","parentId":"040"},{"url":"firebase","name":"Firebase Realtime File Provider","category":"Cloud Service Providers","type":"new","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the firebase realtime database service in a JavaScript (TypeScript) File Manager.","uid":"0040409","order":2,"component":"File Manager","dir":"file-manager","parentId":"040"}],"order":5,"uid":"040"},{"name":"Badge","directory":"badge","category":"Notifications","ftName":"badge","samples":[{"url":"default","name":"Default","category":"Badge","description":"Demo of the pure CSS Essential JS 2 Badge component displaying a notification count in a group button.","uid":"0041410","order":0,"component":"Badge","dir":"badge","parentId":"041"},{"url":"types","name":"Types","category":"Badge","description":"Demo of the pure CSS Essential JS 2 Badge component's badge types: primary, secondary, success, danger, warning, info, light, and dark.","uid":"0041411","order":0,"component":"Badge","dir":"badge","parentId":"041"},{"url":"notification","name":"Notification","category":"Badge","description":"Demo of the pure CSS Essential JS 2 Badge component displaying notifications on popular social media logos such as Facebook, WhatsApp, Twitter, and others.","uid":"0041412","order":0,"component":"Badge","dir":"badge","parentId":"041"},{"url":"listview","name":"ListView","category":"Integration","description":"Demo integrating the Essential JS 2 Badge and ListView components to display a notification count in a list item to achieve a Gmail-like user interface.","uid":"0041413","order":1,"component":"Badge","dir":"badge","parentId":"041"},{"url":"accordion","name":"Accordion","category":"Integration","description":"Demo integrating the Essential JS 2 Badge and Accordion components to display an unread notification count in a header to achieve an Outlook-like user interface","uid":"0041414","order":1,"component":"Badge","dir":"badge","parentId":"041"},{"url":"toolbar","name":"Toolbar","category":"Integration","description":"Demo integrating the Essential JS 2 Badge and ToolBar components to display important information in a mobile application header.","uid":"0041415","order":1,"component":"Badge","dir":"badge","parentId":"041"}],"order":6,"uid":"041"},{"name":"Toast","directory":"toast","category":"Notifications","ftName":"toast","samples":[{"url":"default","name":"Default Functionalities","category":"Toast","description":"The sample demonstrates about default functionalities of a Toast control and helps to design reminder like an alert in TypeScript platform.","api":{"Toast":["title","content"]},"uid":"0042420","order":0,"component":"Toast","dir":"toast","parentId":"042"},{"url":"types","name":"Types","category":"Toast","description":"The sample demonstrates how to design success, warning, information, and error messages using Toast control based on CSS classes in TypeScript platform.","api":{"Toast":["cssClass"]},"uid":"0042421","order":0,"component":"Toast","dir":"toast","parentId":"042"},{"url":"template","name":"Template","category":"Toast","description":"The sample demonstrates how to design a reminder application by customizing the content of Toast control using an HTML template in TypeScript platform.","api":{"Toast":["template","target"]},"uid":"0042422","order":0,"component":"Toast","dir":"toast","parentId":"042"},{"url":"positions","name":"Positions","category":"Toast","description":"The sample demonstrates how to display the toast notification with various built-in or custom position based on target or page in TypeScript platform.","api":{"Toast":["position","target"],"ToastPosition":["X","Y"]},"uid":"0042423","order":0,"component":"Toast","dir":"toast","parentId":"042"},{"url":"api","name":"API","category":"Toast","description":"The sample exposes the available properties, methods, and events of Toast control which helps to create flexible toast notification in TypeScript platform.","api":{"Toast":["title","content","newestOnTop","showProgressBar","showCloseButton","animation"]},"uid":"0042424","order":0,"component":"Toast","dir":"toast","parentId":"042"}],"order":6,"uid":"042"},{"name":"Form Validation","directory":"form-validator","category":"Inputs","ftName":"form-validator","samples":[{"url":"default","name":"Default Functionalities","description":"Get started with Obtrusive form validation of Syncfusion Form Validator library and default functionalities.","category":"Form Validation","api":{"FormValidator":["customPlacement","validate","validClass"]},"uid":"0043430","order":0,"component":"Form Validation","dir":"form-validator","parentId":"043"},{"url":"html5","name":"HTML5 Validation","description":"Learn how to use default functionalities form validation of Syncfusion Form Validator library using HTML5 Validation.","category":"Form Validation","api":{"FormValidator":["customPlacement","validate","validClass"]},"uid":"0043431","order":0,"component":"Form Validation","dir":"form-validator","parentId":"043"},{"url":"external-submit","name":"External Submit Form","description":"Get started with form validator library and external form submit to handle the form validation externally.","category":"Form Validation","api":{"FormValidator":["customPlacement","validate","validClass"]},"uid":"0043432","order":0,"component":"Form Validation","dir":"form-validator","parentId":"043"},{"url":"wizard-form","name":"Wizard Form","description":"Learn how to use the form validation of Syncfusion Form Validator library with the Wizard template forms.","category":"Form Validation","api":{"FormValidator":["customPlacement","validate","validClass"]},"uid":"0043433","order":0,"component":"Form Validation","dir":"form-validator","parentId":"043"}],"dataSourcePath":"src/form-validator/datasource.js","order":7,"uid":"043"},{"name":"TextBox","directory":"textbox","category":"Inputs","ftName":"textbox","samples":[{"url":"default","name":"Default Functionalities","category":"TextBox","description":"This example describes key features of JavaScript textbox such as a floating label, input group, placeholder, validation states, sizing, types, and more.","api":{"TextBox":["placeholder","floatLabelType","enableRtl"]},"uid":"0044440","order":0,"component":"TextBox","dir":"textbox","parentId":"044"},{"url":"multiline-textbox","name":"Multiline TextBox","category":"TextBox","description":"The example exposes a JavaScript Multiline TextBox (textarea). It helps to render address, feedback, and more in HTML5 form with customizable rows and columns.","api":{"TextBox":["multiline","value","placeholder","floatLabelType","enabled","enableRtl","readonly"]},"uid":"0044441","order":0,"component":"TextBox","dir":"textbox","parentId":"044"}],"order":7,"uid":"044"},{"name":"Input Mask","directory":"maskedtextbox","category":"Inputs","ftName":"maskedtextbox","samples":[{"url":"default","name":"Default Functionalities","category":"Input Mask","description":"The Masked Textbox allows users to enter only the valid input based on the provided mask format such as Phone number, Country ISO code, Date, Time and so on.","api":{"MaskedTextBox":["mask"]},"uid":"0045450","order":0,"component":"Input Mask","dir":"maskedtextbox","parentId":"045"},{"url":"custom-mask","name":"Custom Mask","category":"Input Mask","description":"The custom mask is done using custom characters as mask elements. Time format and IP address fields are achieved using the custom mask literals and regex.","api":{"MaskedTextBox":["mask","customCharacters","floatLabelType"]},"uid":"0045451","order":0,"component":"Input Mask","dir":"maskedtextbox","parentId":"045"},{"url":"formats","name":"Formats","category":"Input Mask","description":"This sample demonstrates the usage of different mask formats through the properties panel. You can also get the value and raw value of the masked textbox.","api":{"MaskedTextBox":["mask","floatLabelType","change","promptChar","getMaskedValue","value"]},"uid":"0045452","order":0,"component":"Input Mask","dir":"maskedtextbox","parentId":"045"}],"order":7,"uid":"045"},{"name":"Numeric Textbox","directory":"numerictextbox","category":"Inputs","samples":[{"url":"default","name":"Default Functionalities","category":"Numeric Textbox","description":"he NumericTextBox is used to get the numbered inputs from the users and the currency and percentage text boxes to get the currency and percentage inputs.","api":{"NumericTextBox":["value","format","min","max","step"]},"uid":"0046460","order":0,"component":"Numeric Textbox","dir":"numerictextbox","parentId":"046"},{"url":"range-validation","name":"Range Validation","category":"Numeric Textbox","description":"The NumericTextBox has options to restrict the input value between a specific range using min, max, and strictMode properties.","api":{"NumericTextBox":["value","min","max","step"]},"uid":"0046461","order":0,"component":"Numeric Textbox","dir":"numerictextbox","parentId":"046"},{"url":"custom-format","name":"Custom Format","category":"Numeric Textbox","description":"The NumericTextBox provides an option to customize the display format of the numeric value using the format property.","api":{"NumericTextBox":["value","format","min","max"]},"uid":"0046462","order":0,"component":"Numeric Textbox","dir":"numerictextbox","parentId":"046"},{"url":"restrict-decimals","name":"Restrict Decimals","category":"Numeric Textbox","description":"The NumericTextBox provides an option to restrict the number of decimal values, by using the decimals property. So, it can only accept the integer value alone.","api":{"NumericTextBox":["value","format","min","max","step","decimals","validateDecimalOnType"]},"uid":"0046463","order":0,"component":"Numeric Textbox","dir":"numerictextbox","parentId":"046"}],"order":7,"uid":"046"},{"name":"Color Picker","directory":"color-picker","category":"Inputs","ftName":"color-picker","samples":[{"url":"default","name":"Default Functionalities","category":"Color Picker","api":{"ColorPicker":["value"]},"description":"This example demonstrates the default functionalities of the Syncfusion Javascript ColorPicker with RGB, HSV and Hex codes(three, six and eight digit).","uid":"0047470","order":0,"component":"Color Picker","dir":"color-picker","parentId":"047"},{"url":"inline","name":"Inline Mode","category":"Color Picker","api":{"ColorPicker":["inline","value","mode","modeSwitcher","showButtons"]},"description":"This example demonstrates the inline / flat mode rendering of the Syncfusion Javascript ColorPicker with hue and opacity color options.","uid":"0047471","order":0,"component":"Color Picker","dir":"color-picker","parentId":"047"},{"url":"custom","name":"Custom Palettes","category":"Color Picker","api":{"ColorPicker":["cssClass","inline","value","columns","mode","modeSwitcher","showButtons","presetColors"]},"description":"This example demonstrates the Syncfusion Javascript ColorPicker, custom UI of the color palette with different structures and its state.","uid":"0047472","order":0,"component":"Color Picker","dir":"color-picker","parentId":"047"},{"url":"api","name":"API","category":"Color Picker","api":{"ColorPicker":["cssClass","inline","value","columns","showButtons","presetColors"]},"description":"This example demonstrates the supported API's and its functionalities of the Syncfusion Javascript ColorPicker.","uid":"0047473","order":0,"component":"Color Picker","dir":"color-picker","parentId":"047"}],"order":7,"uid":"047"},{"name":"File Upload","directory":"uploader","category":"Inputs","ftName":"file-upload","samples":[{"url":"default","name":"Default Functionalities","description":"This example demonstrates default functionalities of the JavaScript file uploader control, including automatic upload and asynchronous mode options.","category":"File Upload","api":{"Uploader":["autoUpload","asyncSettings","success","dropArea"]},"sourceFiles":[{"displayName":"default.ts","path":"src/uploader/default.ts"},{"displayName":"default.html","path":"src/uploader/default.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0048480","order":0,"component":"File Upload","dir":"uploader","parentId":"048"},{"url":"chunk-upload","name":"Chunk Upload","description":"This example demonstrates how to upload files as chunks in the JavaScript file upload control, which helps when uploading a large file to a server.","category":"File Upload","api":{"Uploader":["autoUpload","asyncSettings","dropArea"]},"sourceFiles":[{"displayName":"chunk-upload.ts","path":"src/uploader/chunk-upload.ts"},{"displayName":"chunk-upload.html","path":"src/uploader/chunk-upload.html"},{"displayName":"save file","path":"src/uploader/chunk-upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/chunk-upload-remove-file.cs"}],"uid":"0048481","order":0,"component":"File Upload","dir":"uploader","parentId":"048"},{"url":"custom-file-list","name":"Template","description":"This example demonstrates how to customize the file list with buttons using a template and upload a file programmatically using the JavaScript file upload.","category":"File Upload","api":{"Uploader":["asyncSettings","dropArea","selected","progress","success","failure"]},"sourceFiles":[{"displayName":"custom-file-list.ts","path":"src/uploader/custom-file-list.ts"},{"displayName":"custom-file-list.html","path":"src/uploader/custom-file-list.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0048482","order":0,"component":"File Upload","dir":"uploader","parentId":"048"},{"url":"preload-files","name":"Preload Files","description":"This example demonstrates how to preload files in the JavaScript file upload control, which helps users view and manipulate server files.","category":"File Upload","api":{"Uploader":["asyncSettings","files","removing","failure","success","dropArea"]},"sourceFiles":[{"displayName":"preload-files.ts","path":"src/uploader/preload-files.ts"},{"displayName":"preload-files.html","path":"src/uploader/preload-files.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0048483","order":0,"component":"File Upload","dir":"uploader","parentId":"048"},{"url":"file-validation","name":"File Validation","description":"The example covers validations in JavaScript file upload such as allowing/denying file extensions, set min/max file size, duplicate file, and more.","category":"File Upload","api":{"Uploader":["autoUpload","minFileSize","maxFileSize","allowedExtensions","asyncSettings","selected","success","dropArea"]},"sourceFiles":[{"displayName":"file-validation.ts","path":"src/uploader/file-validation.ts"},{"displayName":"file-validation.html","path":"src/uploader/file-validation.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0048484","order":0,"component":"File Upload","dir":"uploader","parentId":"048"},{"url":"image-preview","name":"Image Preview","description":"This example demonstrates how to display a preview of an image file before and after uploading it to a server in JavaScript file upload.","category":"File Upload","api":{"Uploader":["asyncSettings","template","success","progress","allowedExtensions"]},"sourceFiles":[{"displayName":"image-preview.ts","path":"src/uploader/image-preview.ts"},{"displayName":"image-preview.html","path":"src/uploader/image-preview.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0048485","order":0,"component":"File Upload","dir":"uploader","parentId":"048"},{"url":"file-upload-with-forms","name":"Form Support","description":"This example demonstrates how to integrate the JavaScript file upload control in an HTML form (synchronous mode) and submit a form with selected files.","category":"File Upload","api":{"Uploader":["asyncSettings","template","success","progress","allowedExtensions"]},"sourceFiles":[{"displayName":"file-upload-with-forms.ts","path":"src/uploader/file-upload-with-forms.ts"},{"displayName":"file-upload-with-forms.html","path":"src/uploader/file-upload-with-forms.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0048486","order":0,"component":"File Upload","dir":"uploader","parentId":"048"},{"url":"custom-drop-area","name":"Custom Drop Area","description":"This example demonstrates how to upload a file using drag and drop and how to configure a custom drop area for the JavaScript file upload control.","category":"File Upload","api":{"Uploader":["asyncSettings","template","success","progress","allowedExtensions"]},"sourceFiles":[{"displayName":"custom-drop-area.ts","path":"src/uploader/custom-drop-area.ts"},{"displayName":"custom-drop-area.html","path":"src/uploader/custom-drop-area.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0048487","order":0,"component":"File Upload","dir":"uploader","parentId":"048"}],"order":7,"uid":"048"},{"name":"Range Slider","directory":"slider","category":"Inputs","ftName":"slider","samples":[{"url":"default","name":"Default Functionalities","category":"Range Slider","description":"Essential JS 2 slider control demo showing the default rendering of default, minimum range, and range sliders. Drag the thumb to interact with the slider.","api":{"Slider":["value","type","appendTo"]},"uid":"0049490","order":0,"component":"Range Slider","dir":"slider","parentId":"049"},{"url":"ticks","name":"Ticks","category":"Range Slider","description":"Essential JS 2 slider control demo of the visual representation of slider values using ticks, which can be placed before, after, or on both sides of the thumbs.","api":{"Slider":["value","type","min","max","step","enabled","appendTo","dragInterval"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"]},"uid":"0049491","order":0,"component":"Range Slider","dir":"slider","parentId":"049"},{"url":"tooltip","name":"Tooltip","category":"Range Slider","description":"Essential JS 2 slider control demo of the visual representation of slider values using tooltips, which can be displayed before or after slider thumbs.","api":{"Slider":["value","type","min","max","showButtons","appendTo","dragInterval"],"TooltipData":["isVisible","placement","showOn"]},"uid":"0049492","order":0,"component":"Range Slider","dir":"slider","parentId":"049"},{"url":"orientation","name":"Vertical Orientation","category":"Range Slider","description":"Essential JS 2 slider control demo showing the vertical and horizontal orientation properties along with ticks and tooltips.","api":{"Slider":["value","type","orientation","appendTo","dragInterval"]},"uid":"0049493","order":0,"component":"Range Slider","dir":"slider","parentId":"049"},{"url":"format","name":"Formatting","category":"Range Slider","description":"Demo of Essential JS 2 slider control value formatting with time, currency, and distance values that are also displayed in ticks and tooltips.","api":{"Slider":["value","type","min","max","appendTo","step","tooltipChange","renderingTicks"],"TicksData":["placement","largeStep","smallStep","showSmallTicks","format"],"TooltipData":["isVisible","placement","format"]},"uid":"0049494","order":0,"component":"Range Slider","dir":"slider","parentId":"049"},{"url":"limits","name":"Limits","category":"Range Slider","description":"Essential JS 2 slider control demo of limiting the minimum, maximum, start, and end values. Also supports restricting handle movements.","api":{"Slider":["value","type","min","max","appendTo","step"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"],"LimitData":["enabled","minStart","minEnd","maxStart","maxEnd","startHandleFixed","endHandleFixed"]},"uid":"0049495","order":0,"component":"Range Slider","dir":"slider","parentId":"049"},{"url":"api","name":"API","category":"Range Slider","description":"Essential JS 2 slider control demo showcasing the most frequently used API combinations, like orientation, minimum, maximum, value, step, and more.","api":{"Slider":["value","type","min","max","step","showButtons","orientation","readOnly","enabled","appendTo"],"TicksData":["placement","largeStep"],"TooltipData":["isVisible","placement","showOn"]},"uid":"0049496","order":0,"component":"Range Slider","dir":"slider","parentId":"049"},{"url":"events","name":"Events","category":"Range Slider","description":"Demo of the Essential JS 2 slider control's created, changing, and changed events. The events are traced in real time in a property panel.","api":{"Slider":["value","type","appendTo","change","created","changed"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"],"TooltipData":["isVisible","placement","showOn"]},"uid":"0049497","order":0,"component":"Range Slider","dir":"slider","parentId":"049"},{"url":"thumb-customization","name":"Thumb","category":"Customization","description":"Demo of the Essential JS 2 slider control slider thumb customization with circle, oval, and custom image shapes.","api":{"Slider":["value","min","max","appendTo"]},"uid":"0049498","order":1,"component":"Range Slider","dir":"slider","parentId":"049"},{"url":"selection-bar-customization","name":"Bar","category":"Customization","description":"This example demonstrates how to highly customize Syncfusion React slider bar with colors and height.","api":{"Slider":["value","type","min","max","appendTo","change","created"]},"uid":"0049499","order":1,"component":"Range Slider","dir":"slider","parentId":"049"},{"url":"ticks-customization","name":"Ticks","category":"Customization","description":"Essential JS 2 slider control demo showing the highly customizable slider values using ticks and a legend.","api":{"Slider":["value","type","min","max","step","appendTo","renderedTicks","renderingTicks"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"]},"uid":"00494910","order":1,"component":"Range Slider","dir":"slider","parentId":"049"},{"url":"tooltip-customization","name":"Tooltip","category":"Customization","description":"Demo of Essential JS 2 slider control customization of slider tooltip text and background color with formatted text values.","api":{"Slider":["value","type","appendTo","min","max","step","tooltipChange","renderingTicks","created"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"],"TooltipData":["isVisible","placement"]},"uid":"00494911","order":1,"component":"Range Slider","dir":"slider","parentId":"049"},{"url":"azure-pricing","name":"Cloud Pricing","category":"Use Case","description":"This example demonstrates the usage of Syncfusion React slider control in real world use case sample azure cloud pricing.","api":{"Slider":["value","appendTo","min","max","change","created"]},"uid":"00494912","order":2,"component":"Range Slider","dir":"slider","parentId":"049"}],"order":7,"uid":"049"},{"name":"Avatar","directory":"avatar","category":"Layout","ftName":"avatar","samples":[{"url":"default","name":"Default","category":"Avatar","description":"Demo of the pure CSS Essential JS 2 Avatar component displaying profile images in different sizes in both default and circle shapes.","uid":"0050500","order":0,"component":"Avatar","dir":"avatar","parentId":"050"},{"url":"types","name":"Types","category":"Avatar","description":"Demo of the pure CSS Essential JS 2 Avatar component's supported media formats for avatar content: images, SVG, initials, font icons, and words.","uid":"0050501","order":0,"component":"Avatar","dir":"avatar","parentId":"050"},{"url":"listview","name":"ListView","category":"Integration","description":"Demo integrating the Essential JS 2 Avatar and ListView components to display profile images or letters in a mobile contact application.","uid":"0050502","order":1,"component":"Avatar","dir":"avatar","parentId":"050"},{"url":"badge","name":"Badge","category":"Integration","description":"Demo integrating the Essential JS 2 Avatar and Badge components to display a notification count on profile images, similar to Gmail.","uid":"0050503","order":1,"component":"Avatar","dir":"avatar","parentId":"050"},{"url":"card","name":"Card","category":"Integration","description":"Demo integrating the Essential JS 2 Avatar and Card components to display business cards for employees with profile images, roles, and responsibilities.","uid":"0050504","order":1,"component":"Avatar","dir":"avatar","parentId":"050"}],"order":8,"uid":"050"},{"name":"Card","directory":"card","category":"Layout","ftName":"card","samples":[{"url":"basic","name":"Basic Card","category":"Card","description":"The sample demonstrates how to design basic card and weather layout card in TypeScript platform. The component is pure CSS component and more flexible.","uid":"0051510","order":0,"component":"Card","dir":"card","parentId":"051"},{"url":"vertical","name":"Vertical Card","category":"Card","description":"The sample demonstrates how to design a business card and profile card using a vertical layout of card component in TypeScript platform.","uid":"0051511","order":0,"component":"Card","dir":"card","parentId":"051"},{"url":"horizontal","name":"Horizontal Card","category":"Card","description":"The sample demonstrates how to design product card with icon and its specification using horizontal layout in card component in TypeScript platform.","uid":"0051512","order":0,"component":"Card","dir":"card","parentId":"051"},{"url":"swipeable","name":"Swipeable Card","category":"Card","description":"The sample demonstrates how to design a stacked card with swipeable action and corresponding images using card component in TypeScript platform.","uid":"0051513","order":0,"component":"Card","dir":"card","parentId":"051"},{"url":"flip","name":"Flip Card","category":"Card","description":"The sample demonstrates how to achieve flip behavior to the card to show hidden information which is on a back side on the card in TypeScript platform.","uid":"0051514","order":0,"component":"Card","dir":"card","parentId":"051"},{"url":"reveal","name":"Reveal Card","category":"Card","description":"The sample demonstrates how to render a card with reveal layouts, hidden information can be revealed while action on “Know more” in TypeScript platform.","uid":"0051515","order":0,"component":"Card","dir":"card","parentId":"051"},{"url":"tile","name":"Tile View","category":"Card","description":"The sample demonstrates how to design tile-view with filtering and searching using a template engine, data manager, and card component in TypeScript platform.","uid":"0051516","order":0,"component":"Card","dir":"card","parentId":"051"}],"order":8,"uid":"051"},{"name":"Dialog","directory":"dialog","category":"Layout","ftName":"modal-dialog","samples":[{"url":"default","name":"Default Functionalities","description":"The example demonstrates the default rendering of the JavaScript dialog, which supports modal and non-modal (modeless), built-in buttons, and more.","category":"Dialog","api":{"Dialog":["header","content","showCloseIcon","buttons","closeOnEscape","target","width","animationSettings","open","close","visible","show","hide"]},"uid":"0052520","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},{"url":"custom-dialog","name":"Custom Dialogs","description":"This example demonstrates how to create custom dialogs such as alert dialogs, confirmation dialogs, and prompt dialogs using the JavaScript dialog control.","category":"Dialog","api":{"Dialog":["header","content","showCloseIcon","buttons","closeOnEscape","target","width","animationSettings","open","close","visible","show","hide"]},"uid":"0052521","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},{"url":"modal-dialog","name":"Modal","description":"This example demonstrates the modal pop-up behavior of the JavaScript dialog control, which helps display critical information such as errors and warnings.","category":"Dialog","api":{"Dialog":["width","header","content","target","isModal","animationSettings","buttons","open","close","show","hide","overlayClick"]},"uid":"0052522","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},{"url":"template","name":"Template","description":"This example demonstrates how to customize user interface elements like the header, footer, and content of the JavaScript dialog control using a template.","category":"Dialog","api":{"Dialog":["width","header","content","target","isModal","animationSettings","buttons","open","close","show","hide"]},"uid":"0052523","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},{"url":"dialog-contents-via-ajax","description":"The example demonstrates how to load the content of the JavaScript dialog control from external sources such as a file or website using Ajax library.","name":"Ajax Content","category":"Dialog","api":{"Dialog":["header","showCloseIcon","width","target","animationSettings","open","close","content","show"]},"uid":"0052524","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},{"url":"draggable","name":"Draggable","description":"This example shows how to enable drag-and-drop actions in the JavaScript dialog control to help reposition the dialog efficiently.","category":"Dialog","api":{"Dialog":["width","header","content","target","allowDragging","animationSettings","open","close","closeOnEscape"]},"uid":"0052525","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},{"url":"resizable","description":"This example shows how to create resizable modal in the JavaScript dialog to change the size of a dialog efficiently and view its content more comfortably.","name":"Resizable","category":"Dialog","api":{"Dialog":["header","showCloseIcon","width","target","animationSettings","open","close","content","show","enableResize"]},"uid":"0052526","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},{"url":"position","name":"Positioning","description":"This example demonstrates how to display the JavaScript dialog control at various built-in and custom positions.","category":"Dialog","api":{"Dialog":["width","header","target","footerTemplate","open","close","closeOnEscape","position","showCloseIcon"]},"uid":"0052527","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},{"url":"animation","name":"Animation","description":"This example demonstrates how to open or close the JavaScript dialog with various animation effects, and how to customize the animation duration and delay.","category":"Dialog","api":{"Dialog":["header","showCloseIcon","width","target","animationSettings","open","content","buttons"]},"uid":"0052528","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},{"url":"multiple-dialogs","name":"Multiple Dialogs","description":"This example shows how to display multiple dialogs sequentially and open multiple dialogs simultaneously for both modal and modeless JavaScript dialogs.","category":"Dialog","api":{"Dialog":["width","header","target","animationSettings","open","close","closeOnEscape","buttons"]},"uid":"0052529","order":0,"component":"Dialog","dir":"dialog","parentId":"052"}],"order":8,"uid":"052"},{"name":"ListView","directory":"listview","category":"Layout","ftName":"listview","samples":[{"url":"default","name":"Default Functionalities","category":"ListView","description":"Demo of Essential JS 2 ListView control default renderings of flat and group list views. Click any list item to select and highlight it.","api":{"ListView":["dataSource","fields","appendTo"],"FieldSettings":["groupBy"]},"uid":"0053530","order":0,"component":"ListView","dir":"listview","parentId":"053"},{"url":"remote-data","name":"Remote Data","category":"ListView","description":"Demo of Essential JS 2 ListView control rendering the list view with remote data, which uses DataManager and query properties to fetch data.","api":{"ListView":["dataSource","fields","query","headerTitle","showHeader","appendTo"],"FieldSettings":["groupBy"]},"uid":"0053531","order":0,"component":"ListView","dir":"listview","parentId":"053"},{"url":"checklist","name":"Checklist","category":"ListView","description":"Essential JS 2 ListView control demo of the checked list view, which supports selecting more than one list item.","api":{"ListView":["dataSource","fields","showCheckBox","appendTo"],"FieldSettings":["groupBy"]},"uid":"0053532","order":0,"component":"ListView","dir":"listview","parentId":"053"},{"url":"nested-list","name":"Nested List","category":"ListView","description":"Demo of Essential JS 2 ListView control showing the visual representation of nested data using the child property.","api":{"ListView":["dataSource","fields","headerTitle","showHeader","showIcon","appendTo"],"FieldSettings":["id","text","icon","child","iconCss","tooltip"]},"uid":"0053533","order":0,"component":"ListView","dir":"listview","parentId":"053"},{"url":"virtualization","name":"Virtualization","category":"ListView","description":"Demo of Essential JS 2 ListView control loading items in the view port with virtualization, which improves performance when loading large amounts of data.","api":{"ListView":["dataSource","headerTitle","showHeader","enableVirtualization","height","template","actionBegin","actionComplete","appendTo"]},"uid":"0053534","order":0,"component":"ListView","dir":"listview","parentId":"053"},{"url":"templates","name":"Templates","category":"Customization","description":"Demo of Essential JS 2 ListView control rendering customized elements inside list items. This sample is a news feed application built using a list view.","api":{"ListView":["dataSource","template","headerTitle","showHeader","appendTo"],"FieldSettings":["id","text","child"]},"uid":"0053535","order":1,"component":"ListView","dir":"listview","parentId":"053"},{"url":"group-template","name":"Group Template","category":"Customization","description":"Essential JS 2 ListView control demo of list item and header customization using a template. The mobile settings showcase built-in CSS.","api":{"ListView":["dataSource","template","groupTemplate","headerTitle","showHeader","appendTo"],"FieldSettings":["text","groupBy"]},"uid":"0053536","order":1,"component":"ListView","dir":"listview","parentId":"053"},{"url":"call-history","name":"Call History","category":"Use Case","description":"Demo of Essential JS 2 ListView control in a real-world use case as a call history app, featuring mobile contacts, mail inbox, and more.","api":{"ListView":["dataSource","fields","showCheckBox","checkBoxPosition","showIcon","select","appendTo"],"FieldSettings":["groupBy","iconCss"]},"uid":"0053537","order":2,"component":"ListView","dir":"listview","parentId":"053"}],"order":8,"uid":"053"},{"name":"Tooltip","directory":"tooltip","category":"Layout","ftName":"tooltip","samples":[{"url":"default","name":"Default Functionalities","category":"Tooltip","description":"Default rendering of the Essential JS 2 Tooltip control, which will open when hovering or tapping and holding, and can be displayed in 12 different positions.","api":{"Tooltip":["content","appendTo","position "]},"uid":"0054540","order":0,"component":"Tooltip","dir":"tooltip","parentId":"054"},{"url":"template","name":"Template","category":"Tooltip","description":"Demo of the Essential JS 2 Tooltip control template functionality, which allows HTML content to be rendered in tooltips.","api":{"Tooltip":["content","target","beforeRender","showTipPointer","offsetX","width","appendTo"]},"uid":"0054541","order":0,"component":"Tooltip","dir":"tooltip","parentId":"054"},{"url":"ajax-content","name":"Ajax Content","category":"Tooltip","description":"Demo of the Essential JS 2 Tooltip control loading dynamic content in tooltips through Ajax from JSON files.","api":{"Tooltip":["content","target","position","beforeRender","dataBind","appendTo"]},"uid":"0054542","order":0,"component":"Tooltip","dir":"tooltip","parentId":"054"},{"url":"smart-position","name":"Smart Positioning","category":"Tooltip","description":"Demo of the Essential JS 2 Tooltip control's smart (flexible) positioning based on the view port's dimensions.","api":{"Tooltip":["content","offsetX","target","animation","open","close","refresh","appendTo"]},"uid":"0054543","order":0,"component":"Tooltip","dir":"tooltip","parentId":"054"},{"url":"menu","name":"Tooltip Menu","category":"Tooltip","description":"Demo of Essential JS 2 Tooltip control customization to look like a menu using toolbar and listview controls.","uid":"0054544","order":0,"component":"Tooltip","dir":"tooltip","parentId":"054"},{"url":"html-template","name":"HTML Template","category":"Tooltip","description":"Demo of Essential JS 2 Tooltip control customization as an HTML page using HTML tags to display a template content.","uid":"0054545","order":0,"component":"Tooltip","dir":"tooltip","parentId":"054"},{"url":"api","name":"API","category":"Tooltip","description":"Essential JS 2 Tooltip control demo showcasing the most frequently used API combinations, like content, height, width, open, sticky mode, and more.","uid":"0054546","order":0,"component":"Tooltip","dir":"tooltip","parentId":"054"}],"order":8,"uid":"054"},{"name":"Splitter","directory":"splitter","category":"Layout","ftName":"splitter","samples":[{"url":"default","name":"Default Functionalities","category":"Splitter","description":"The example explains the default functionalities of the JavaScript splitter with resizable panes, separator, and orientation (horizontal and vertical).","api":{"Splitter":["paneSettings","height","width","orientation"]},"uid":"0055550","order":0,"component":"Splitter","dir":"splitter","parentId":"055"},{"url":"expand-and-collapse","name":"Expand and Collapse","category":"Splitter","description":"The example presents collapsible JavaScript Splitter that exposes expand and collapse action of panes with a different orientation and resizable panes.","api":{"Splitter":["paneSettings","height","width","orientation"]},"uid":"0055551","order":0,"component":"Splitter","dir":"splitter","parentId":"055"},{"url":"accordion-navigation-menu","name":"Accordion Navigation Menu","category":"Use Case","description":"The example shows how to integrate Accordion and load the content from external sources using the Ajax library inside panes of JavaScript Splitter.","api":{"Splitter":["paneSettings","height","width","expanded","expanding","items","datasource","select"]},"uid":"0055552","order":1,"component":"Splitter","dir":"splitter","parentId":"055"},{"url":"details-view","name":"Details View","category":"Use Case","description":"The example demonstrates how to create employee details view layout using panes of JavaScript Splitter and ListView with navigation.","api":{"Splitter":["paneSettings","height","width","enableVirtualization","cssClass","template","actionComplete","datasource","select"]},"uid":"0055553","order":1,"component":"Splitter","dir":"splitter","parentId":"055"},{"url":"outlook-style-layout","name":"Outlook-style Layout","category":"Use Case","description":"The example explains how to construct an outlook style layout using JavaScript Splitter, TreeView, ListView, and Rich Text Editor with multiple panes.","api":{"Splitter":["paneSettings","height","width","fields","nodeTemplate","template","groupTemplate","cssClass","datasource","select"]},"uid":"0055554","order":1,"component":"Splitter","dir":"splitter","parentId":"055"},{"url":"code-editor-layout","name":"Code Editor Layout","category":"Use Case","description":"The example shows how to construct code editor layout (UI) using JavaScript Splitter with multiple, nested, different oriented, and resizable panes.","api":{"Splitter":["paneSettings","height","width","orientation"]},"uid":"0055555","order":1,"component":"Splitter","dir":"splitter","parentId":"055"}],"order":8,"uid":"055"},{"name":"Dashboard Layout","directory":"dashboard-layout","category":"Layout","ftName":"dashboardlayout","samples":[{"url":"default","name":"Default Functionalities","category":"Dashboard Layout","api":{"DashboardLayout":["cellSpacing"]},"description":"This example explains the default functionalities of the JavaScript Dashboard Layout with draggable and resizable panels.","uid":"0056560","order":0,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"056"},{"url":"predefined-layouts","name":"Predefined Layouts","category":"Dashboard Layout","api":{"DashboardLayout":["panels","allowDragging","allowResizing","allowFloating"]},"description":"This sample demonstrates how to change the initially defined panels structure with a set of predefined panel templates dynamically.","uid":"0056561","order":0,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"056"},{"url":"properties","name":"API","category":"Dashboard Layout","api":{"DashboardLayout":["panels","allowDragging","allowResizing","allowFloating"]},"description":"This sample demonstrates the most frequently used API combinations and dynamic addition and removal of panels within the layout.","uid":"0056562","order":0,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"056"},{"url":"dynamic-widget","name":"Editable Dashboard","category":"Dashboard Layout","api":{"DashboardLayout":["panels","allowDragging","allowResizing","allowFloating"]},"description":"This sample demonstrates how to add the data visualization components such as pie, column and spline chart in panels dynamically within the layout.","uid":"0056563","order":0,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"056"},{"url":"analytics-dashboard","name":"SEO Analytics Dashboard","category":"Use Case","api":{"DashboardLayout":["panels","allowDragging","allowResizing","allowFloating"]},"description":"This sample explains about constructing a real time dashboar.d for SEO analysis using data visualizing components like maps, charts, cards etc","uid":"0056564","order":1,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"056"}],"dataSourcePath":"src/dashboard-layout/datasource.js","order":8,"uid":"056"},{"name":"Query Builder","directory":"query-builder","category":"Forms","ftName":"query-builder","samples":[{"url":"default","name":"Default Functionalities","category":"Query Builder","ftName":"query-builder","api":{"QueryBuilder":["width","dataSource","columns","rule","created"]},"description":"This sample demonstrates the default functionalities of the Query Builder component. Click the plus button to add group or conditions.","uid":"0057570","order":0,"component":"Query Builder","dir":"query-builder","parentId":"057"},{"url":"template","name":"Template","category":"Query Builder","ftName":"query-builder","api":{"QueryBuilder":["width","columns","rule","ruleChange"]},"description":"This sample demonstrates the integration of DropdownList, Slider controls as Templates in the Query Builder component.","uid":"0057571","order":0,"component":"Query Builder","dir":"query-builder","parentId":"057"},{"url":"grid","name":"Integration with Data Grid","category":"Query Builder","ftName":"query-builder","api":{"QueryBuilder":["width","dataSource","columns","rule","ruleChange"]},"description":"This sample demonstrates the integration of Grid component to showcase the data population based on the created filters using Query Builder component.","uid":"0057572","order":0,"component":"Query Builder","dir":"query-builder","parentId":"057"}],"order":9,"uid":"057"},{"name":"PDF Viewer","directory":"pdfviewer","category":"Viewer","ftName":"pdfviewer","type":"update","samples":[{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with minimum configuration.","category":"PDF Viewer","type":"update","uid":"0058580","order":0,"component":"PDF Viewer","dir":"pdfviewer","parentId":"058"},{"url":"custom-toolbar","name":"Custom Toolbar","description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with custom toolbar configuration.","category":"PDF Viewer","uid":"0058581","order":0,"component":"PDF Viewer","dir":"pdfviewer","parentId":"058"},{"url":"right-to-left","name":"Right to Left","description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with Right to Left Configuration ","category":"PDF Viewer","uid":"0058582","order":0,"component":"PDF Viewer","dir":"pdfviewer","parentId":"058"},{"url":"form-filling","name":"Form Filling","description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with Form Filling Configuration ","category":"PDF Viewer","type":"new","uid":"0058583","order":0,"component":"PDF Viewer","dir":"pdfviewer","parentId":"058"}],"order":10,"uid":"058"}];
+export let samplesList : any =[{"name":"Data Grid","directory":"grid","category":"Grids","ftName":"datagrid","samples":[{"url":"grid-overview","name":"Overview","description":"This demo for Essential JS 2(ES6) grid control is an overview of how to display and manipulate large data with configuration options.","category":"Data Grid","api":{"Grid":["dataSource","enableVirtualization","allowFiltering","allowSorting","allowSelection","selectionSettings","height","columns","dataBound","actionComplete","load"]},"uid":"00000","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS 2(ES6) grid control shows the default rendering of the grid control with minimum configuration.","category":"Data Grid","api":{"Grid":["columns","dataSource"]},"uid":"00001","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"grouping","name":"Grouping","description":"This demo for Essential JS 2 grid control demonstrates the grouping feature of the grid control. The grid has options to group records based on columns.","category":"Data Grid","api":{"Grid":["dataSource","allowPaging","allowSorting","groupSettings","pageSettings","allowGrouping","height","columns"]},"uid":"00002","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"grid-lines","name":"GridLines","description":"This demo for Essential JS 2 grid control demonstrates the visibility of the grid lines that separate the rows and columns.","category":"Data Grid","api":{"Grid":["dataSource","gridLines","columns"]},"uid":"00003","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"scrolling","name":"Default Scrolling","description":"This demo for Essential JS 2 grid control shows the usage of the horizontal and vertical scrollbars to view grid content that exceeds the grid area.","category":"Scrolling","api":{"Grid":["dataSource","height","width","columns"]},"uid":"00004","order":1,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"virtual-scrolling","name":"Virtual Scrolling","description":"This demo demonstrates how to use Essential JS 2 grid to show a large data view without performance degradation by rendering only the required rows and columns.","category":"Scrolling","api":{"Grid":["dataSource","enableVirtualization","enableColumnVirtualization","dataBound","height","columns"]},"uid":"00005","order":1,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"events","name":"Events","description":"This demo for Essential JS 2 grid control shows the events that have been triggered during the grid operations.","category":"Data Grid","api":{"Grid":["dataSource","allowPaging","pageSettings","allowGrouping","allowReordering","allowSorting","columns","load","created","actionBegin","actionComplete","dataBound","rowSelecting","rowSelected","columnDragStart","columnDrag","columnDrop"]},"uid":"00006","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"hierarchy","name":"Hierarchy Grid","description":"This demo for Essential JS 2 grid control shows the hierarchical binding feature that helps to build multilevel parent-child relationships.","category":"Data Grid","api":{"Grid":["dataSource","allowSorting","columns","detailDataBound","dataBound","created","childGrid"]},"uid":"00007","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"clipboard","name":"Clipboard","description":"This demo for Essential JS 2 grid control shows copy to clipboard functionality of grid. Select rows and click Copy button from toolbar to copy content.","category":"Data Grid","api":{"Grid":["dataSource","allowPaging","toolbar","columns","pageSettings","allowSelection","selectionSettings","toolbarClick"]},"uid":"00008","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"local-data","name":"Local Data","description":"This demo for Essential JS 2 grid control demonstrates the way for binding a grid with a local data source.","category":"Data Binding","api":{"Grid":["dataSource","allowPaging","columns","pageSettings"]},"uid":"00009","order":2,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"remote-data","name":"Remote Data","description":"This demo for Essential JS 2 grid control shows the way of data binding grid with remote service. Grid data source is bound to remote data using DataManager.","category":"Data Binding","api":{"Grid":["dataSource","allowPaging","actionBegin","actionComplete","created","dataBound","columns","pageSettings"]},"uid":"000010","order":2,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"auto-wrap","name":"AutoWrap Column Cells","description":"This demo for Essential JS 2 grid control shows how the grid cell content is autowrapped to show large cell content.","category":"Columns","api":{"Grid":["dataSource","allowPaging","allowTextWrap","columns","pageSettings"]},"uid":"000011","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"show-hide","name":"Show or Hide Column","description":"This demo for Essential JS 2 grid control demonstrates the dynamic show and hide columns feature. Use the properties panel to hide/show the column.","category":"Columns","api":{"Grid":["dataSource","allowPaging","pageSettings","columns"]},"uid":"000012","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"column-template","name":"Column Template","description":"This demo for Essential JS 2 grid control demonstrates usage of template columns in Grid to shown custom images in the Employee Image column.","category":"Columns","api":{"Grid":["dataSource","width","height","columns"]},"uid":"000013","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"stacked-header","name":"Stacked Header","description":"This demo for Essential JS 2 grid control shows the usage of the sorting API in grid. Use the properties panel to sort/unsort columns using API.","category":"Columns","api":{"Grid":["dataSource","allowPaging","pageSettings","columns"]},"uid":"000014","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"reorder","name":"Reorder","description":"This demo for Essential JS 2 grid control shows the reordering columns feature. Select column name and index from properties panel to reorder the columns.","category":"Columns","api":{"Grid":["dataSource","allowReordering","actionComplete","columns"]},"uid":"000015","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"column-chooser","name":"Column Chooser","description":"This demo for Essential JS 2 grid control shows how the column chooser feature can be used to show or hide columns dynamically.","category":"Columns","api":{"Grid":["dataSource","allowPaging","showColumnChooser","columns","toolbar"]},"uid":"000016","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"row-template","name":"Row Template","description":"This demo for Essential JS 2 grid control shows the usage of the row template feature. We have rendered each Grid row using template.","category":"Rows","api":{"Grid":["dataSource","rowTemplate","height","width","columns"]},"uid":"000017","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"detail-template","name":"Detail Template","description":"This demo for Essential JS 2 grid control shows the grid with detail template feature. Click the expand button to show the detailed information about a row.","category":"Rows","api":{"Grid":["dataSource","detailTemplate","height","width","columns"]},"uid":"000018","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"hover","name":"Row Hover","description":"This demo for Essential JS 2 grid control shows the Grid with the row hover feature. Move the mouse over the Grid rows to see the hover effect.","category":"Rows","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowSelection","enableHover"]},"uid":"000019","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"row-height","name":"Row Height","description":"This demo for Essential JS 2 grid control shows the row height feature. Click on the toolbar icons to change row's height.","category":"Rows","api":{"Grid":["dataSource","toolbar","height","columns","rowHeight","toolbarClick"]},"uid":"000020","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"drag-and-drop","name":"Row Drag And Drop","description":"This demo for Essential JS 2 grid control demonstrates how the rows can be dragged between grids using the row drag-and-drop feature.","category":"Rows","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowRowDragAndDrop","selectionSettings","rowDropSettings","width"]},"uid":"000021","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"drag-drop-within-grid","name":"Row Drag And Drop Within Grid","category":"Rows","description":"This demo for Essential JS 2 grid control demonstrates how the rows can be dragged within the grids using the row drag-and-drop feature.","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowRowDragAndDrop","selectionSettings","rowDropSettings","width","persistSelection"]},"uid":"000022","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"sorting","name":"Multi Sorting","description":"This demo for Essential JS 2 grid control shows the grid multisorting feature. Using this feature, grid rows can be sorted by two or more columns.","category":"Sorting","api":{"Grid":["dataSource","allowSelection","selectionSettings","columns","enableHover"]},"uid":"000023","order":5,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"sorting-api","name":"Sorting API","description":"This demo for Essential JS 2 grid control shows the usage of the sorting API in grid. Use the properties panel to sort/unsort columns using API.","category":"Sorting","api":{"Grid":["dataSource","allowPaging","allowSelection","selectionSettings","enableHover","columns","pageSettings"]},"uid":"000024","order":5,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"filter","name":"Default Filtering","description":"This demo for Essential JS 2 grid control shows how to place a filter bar row in the header to filter grid rows.","category":"Filtering","api":{"Grid":["allowFiltering","dataSource","allowPaging","pageSettings","columns"]},"uid":"000025","order":6,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"filter-menu","name":"Filter Menu","description":"This demo for Essential JS 2 grid control demonstrates a way of filtering rows using a menu, check box, and Excel filter UI.","category":"Filtering","api":{"Grid":["allowFiltering","filterSettings","dataSource","allowPaging","pageSettings","columns"]},"uid":"000026","order":6,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"search","name":"Search","description":"This demo for Essential JS 2 grid control shows the content searching feature. Use the search box from toolbar to search for records in grid.","category":"Filtering","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","toolbar"]},"uid":"000027","order":6,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"default-paging","name":"Default Paging","description":"This demo for Essential JS 2 grid control shows how you can display the contents of the grid in page segments using the paging feature.","category":"Paging","api":{"Grid":["dataSource","allowPaging","pageSettings","columns"]},"uid":"000028","order":7,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"paging-api","name":"Paging API","description":"This demo for Essential JS 2 grid control shows the usage of the paging API, use the properties panel to change the pageSize, pageCount and current page.","category":"Paging","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","actionComplete","goToPage"]},"uid":"000029","order":7,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"selection","name":"Default Selection","description":"This demo for Essential JS 2 grid control shows how to select rows or cells through simple mouse down or keyboard interaction using the selection feature.","category":"Selection","api":{"Grid":["dataSource","allowSelection","selectionSettings","enableHover","columns"]},"uid":"000030","order":8,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"selection-api","name":"Selection API","description":"This demo for Essential JS 2 grid control shows the content searching feature. Use the search box from toolbar to search for records in grid.","category":"Selection","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowSelection","selectionSettings","enableHover"]},"uid":"000031","order":8,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"checkbox-selection","name":"Checkbox Selection","description":"This demo for Essential JS 2 grid control shows how the check box selection feature can be used to select grid rows.","category":"Selection","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowSelection","selectionSettings","enableHover"]},"uid":"000032","order":8,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"aggregate-default","name":"Default Aggregate","description":"This demo for Essential JS 2 grid control shows how the row values can be aggregated and shown in a column footer.","category":"Aggregates","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","aggregates"]},"uid":"000033","order":9,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"aggregate-group","name":"Group and Caption Aggregate","description":"This demo for Essential JS 2 grid control shows how the row values can be aggregated for each group of items and shown in a group caption and footer.","category":"Aggregates","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowGrouping","groupSettings","aggregates"]},"uid":"000034","order":9,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"reactive-aggregate-batch-edit","name":"Reactive Aggregate","description":"This demo for Essential JS 2 grid control shows how aggregate values are updated while the row is edited in batch edit mode.","category":"Aggregates","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowGrouping","groupSettings","aggregates","editSettings","toolbar"]},"uid":"000035","order":9,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"normal-editing","name":"Inline Editing","description":"This demo for Essential JS 2 grid control shows the inline editing operation. In the below sample, You can perform CRUD operations in grid.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings","toolbar"]},"uid":"000036","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"dialog-editing","name":"Dialog Editing","description":"This demo for Essential JS 2 grid control shows how to edit grid rows using the Essential JS 2 dialog control.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings","toolbar"]},"uid":"000037","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"dialog-template","name":"Dialog Template","description":"This demo for Essential JS 2 grid control shows how to edit the grid rows using Essential JS 2 dialog-template.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings","toolbar"]},"uid":"000038","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"batch-editing","name":"Batch Editing","description":"This demo for Essential JS 2 grid control shows how to perform bulk changes to the grid content using batch edit mode.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings","toolbar"]},"uid":"000039","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"command-column","name":"Command Column","description":"This demo for Essential JS 2 grid control shows how to edit and delete records using a command column.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings"]},"uid":"000040","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"column-resize","name":"Column Resizing","description":"This demo for Essential JS 2 grid control shows how the column resizing feature can be used to change width dynamically.","category":"Columns","api":{"Grid":["dataSource","allowResizing","height","columns"]},"uid":"000041","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"header-template","name":"Header Template","description":"This demo for Essential JS 2 grid control shows the Grid header template feature, we have shown custom icons in the column headers.","category":"Columns","api":{"Grid":["dataSource","columns"]},"uid":"000042","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"default-exporting","name":"Default Exporting","description":"This demo for Essential JS 2 grid control shows the client-side exporting of grid content to Excel, PDF, and CSV formats.","category":"Exporting","api":{"Grid":["dataSource","allowExcelExport","allowPdfExport","allowPaging","toolbar","pageSettings","columns","groupSettings","allowGrouping"]},"uid":"000043","order":11,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"advanced-exporting","name":"Advanced Exporting","description":"This demo for Essential JS 2 grid control demonstrates how exporting can be customized to add headers and footers in exported documents.","category":"Exporting","api":{"Grid":["dataSource","allowExcelExport","allowPdfExport","toolbar","allowPaging","pageSettings","columns"]},"uid":"000044","order":11,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"master-details-export","name":"Hierarchy Exporting","description":"This demo for Essential JS 2 grid control demonstrates how to export hierarchy grid in exported documents.","category":"Exporting","api":{"Grid":["dataSource","allowExcelExport","allowPdfExport","toolbar","allowPaging","pageSettings","columns","childGrid"]},"uid":"000045","order":11,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"print","name":"Print","description":"This demo for Essential JS 2 grid control shows how to print the grid content. Click the print button from the toolbar item to print Grid.","category":"Exporting","api":{"Grid":["dataSource","allowPaging","toolbar","pageSettings","columns"]},"uid":"000046","order":11,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"column-spanning","name":"Column Spanning","description":"This demo for Essential JS 2 grid control demonstrates the grid with column spanning feature to span multiple adjacent cells together.","category":"Columns","api":{"Grid":["dataSource","allowTextWrap","columns","queryCellInfo","gridLines","width","height"]},"uid":"000047","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"frozen-rows-columns","name":"Frozen Rows And Columns","description":"This demo for Essential JS 2 grid control shows frozen rows/columns feature of grid. Scroll the movable content to view the frozen rows/columns.","category":"Columns","api":{"Grid":["dataSource","allowSelection","columns","frozenColumns","frozenRows","height"]},"uid":"000048","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"context-menu","name":"Context Menu","description":"This demo for Essential JS 2 grid control shows demonstrates the usage of context menu in grid. Right click anywhere on the grid to view context menu.","category":"Data Grid","api":{"Grid":["dataSource","allowSorting","allowGrouping","allowPdfExport","allowExcelExport","editSettings","allowPaging","contextMenuItems","groupSettings","columns"]},"uid":"000049","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"column-menu","name":"Column Menu","description":"This demo for Essential JS 2 grid control shows the usage of the various column functionalities of the column menu feature.","category":"Columns","api":{"Grid":["dataSource","allowSorting","allowGrouping","showColumnMenu","groupSettings","columns","allowSorting"]},"uid":"000050","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"foreign-key","name":"Foreign Key Column","description":"This demo for Essential JS 2 grid control shows the usage of a foreign key column and perform actions like filtering, sorting and editing.","category":"Columns","api":{"Grid":["dataSource","allowSorting","columns","allowFiltering","filterSettings","editSettings"]},"uid":"000051","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},{"url":"row-spanning","name":"Row Spanning","description":"This demo for Essential JS 2 grid control demonstrates the row spanning feature. In this sample, we have spanned row cells together.","category":"Rows","api":{"Grid":["dataSource","allowTextWrap","columns","queryCellInfo","gridLines","width","height"]},"uid":"000052","order":4,"component":"Data Grid","dir":"grid","parentId":"00"}],"order":0,"uid":"00"},{"name":"Pivot Table","directory":"pivot-table","category":"Grids","type":"update","samples":[{"url":"default","name":"Default Functionalities","category":"Pivot Table","description":"This demo for Essential JS2 Pivot Table control shows the basic rendering of the pivot table with minimum configuration","uid":"00110","order":0,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"local","name":"Local Data","category":"Data Binding","description":"This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table with local JSON data","sourceFiles":[{"displayName":"local.ts","path":"src/pivot-table/local.ts"},{"displayName":"localData.json","path":"src/pivot-table/pivot-data/rData.json"},{"displayName":"local.html","path":"src/pivot-table/local.html"}],"uid":"00111","order":1,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"remote","name":"Remote Data","category":"Data Binding","description":"This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table with remote data or service data","uid":"00112","order":1,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"olap","name":"OLAP","category":"Data Binding","description":"This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table with olap datasource","uid":"00113","order":1,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"pivot-chart","name":"Pivot Chart","category":"Integration","description":"This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table data into a simple pivot chart","uid":"00114","order":2,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"external-binding","name":"External Binding","category":"Integration","description":"This demo for Essential JS2 Pivot Table control demonstrate the rendering of heat map with cell selection option.","uid":"00115","order":2,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"field-list","name":"Field List","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the field list feature of the pivot table","uid":"00116","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"grouping-bar","name":"Grouping Bar","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the grouping bar feature of the pivot table","uid":"00117","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"conditional-formatting","name":"Conditional Formatting","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate formatting the appearance of the pivot table cells with values based on the applied conditions","uid":"00118","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"selection","name":"Selection","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the cell selection feature of the pivot table","uid":"00119","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"summary-customization","name":"Show/Hide Totals","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the summary customization feature of the pivot table","uid":"001110","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"grouping","name":"Grouping","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the grouping feature for date and number fields","uid":"001111","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"toolbar","name":"Toolbar","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the toolbar feature with pivot table and pivot chart","uid":"001112","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"calculated-field","name":"Calculated Field","type":"update","category":"Formula","description":"This demo for Essential JS2 Pivot Table control shows calculated field, and it allows users to add calculated items","uid":"001113","order":4,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"aggregation","name":"Aggregation","category":"Formula","description":"This demo for Essential JS2 Pivot Table control shows different types of aggregation for value fields","uid":"001114","order":4,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"sorting","name":"Default Sorting","category":"Sorting","description":"This demo for Essential JS2 Pivot Table control shows ordering(sorting) of fields either in ascending or descending order","uid":"001115","order":5,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"value-sorting","name":"Value Sorting","category":"Sorting","description":"This demo for Essential JS2 Pivot Table control shows sorting values on column or row wise in ascending or descending order","uid":"001116","order":5,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"filtering","name":"Default Filtering","category":"Filtering","description":"This demo for Essential JS2 Pivot Table control demonstrate member filtering of field headers either by including or excluding them","uid":"001117","order":6,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"label-filtering","name":"Label Filtering","category":"Filtering","description":"This demo for Essential JS2 Pivot Table control demonstrate label filtering of field headers either by including or excluding them","uid":"001118","order":6,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"value-filtering","name":"Value Filtering","category":"Filtering","description":"This demo for Essential JS2 Pivot Table control demonstrate the filtering of field headers based on the grand total (value based)","uid":"001119","order":6,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"virtual-scrolling","name":"Virtual Scrolling","category":"Scrolling","description":"This demo for Essential JS2 Pivot Table control shows virtual scrolling option available vertically and horizontally to load large records with ease","uid":"001120","order":7,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"cell-template","name":"Cell Template","category":"Customization","description":"This demo for Essential JS2 Pivot Table control demonstrate cell template option on cells of the pivot table","uid":"001121","order":8,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"drill-through","name":"Drill Through","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control shows the raw items of any value cells in pivot table","uid":"001122","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"editing","name":"Editing","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control allows to edit, add and delete the value cells in pivot table","uid":"001123","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"hyper-link","name":"Hyperlink","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control shows hyperlink options in row headers, column headers, value cells, and summary cells in the pivot table","uid":"001124","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"defer-update","name":"Defer Layout Update","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control demonstrate defer layout update feature of the pivot table","uid":"001125","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},{"url":"exporting","name":"Export","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control demonstrate client-side exporting of the pivot table to Excel, CSV and PDF formats","uid":"001126","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"}],"order":0,"uid":"01"},{"name":"Tree Grid","directory":"tree-grid","category":"Grids","ftName":"tree-grid","samples":[{"url":"treegrid-overview","name":"Overview","category":"Tree Grid","api":{"TreeGrid":["dataSource","childMapping","height","columns","allowReordering","allowFiltering","allowSorting","filterSettings","queryCellInfo"]},"description":"This sample demonstrates the overview of basic treegrid features such as sorting, filtering, conditional formatting, column template and scrolling.","uid":"00220","order":0,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"default","name":"Default Functionalities","category":"Tree Grid","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","columns"]},"description":"This example shows how the Syncfusion TypeScript TreeGrid control looks with its default configuration.","uid":"00221","order":0,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"localdata","name":"Local Data","category":"Data Binding","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","columns"]},"description":"This example shows the binding of an array of list objects in the Syncfusion TypeScript TreeGrid control.","uid":"00222","order":1,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"remote-data","name":"Remote Data","category":"Data Binding","api":{"TreeGrid":["dataSource","allowPaging","columns","treeColumnIndex","hasChildMapping","parentIdMapping","idMapping","height"]},"description":"This example shows the binding of remote services by using the DataManager in the Syncfusion TypeScript TreeGrid.","uid":"00223","order":1,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"selfreference","name":"Self Reference","category":"Data Binding","api":{"TreeGrid":["dataSource","allowPaging","columns","treeColumnIndex","idMapping","parentIdMapping"]},"description":"This example illustrates binding self-referential flat data with parent ID to a Syncfusion TypeScript TreeGrid control.","uid":"00224","order":1,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"columnformatting","name":"Column Formatting","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex","pageSettings"]},"description":"This demo explains how to display the content of TreeGrid columns based on the specified format in Syncfusion TypeScript TreeGrid.","uid":"00225","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"column-template","name":"Column Template","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","width","height","columns","rowHeight"]},"description":"This demo explains how to define the template in TreeGrid columns of Syncfusion TypeScript TreeGrid control.","uid":"00226","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"reorder","name":"Reorder","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowReordering","actionComplete","columns","allowPaging"]},"description":"This demo explains how to reorder the columns of treegrid by simple drag and drop of columns using Syncfusion TypeScript TreeGrid control.","uid":"00227","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"resizing","name":"Resize","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowResizing","actionComplete","columns","allowPaging"]},"description":"This demo explains how to resize the width of the treegrid columns in Syncfusion TypeScript TreeGrid control.","uid":"00228","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"columnmenu","name":"Column Menu","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns"]},"description":"This demo explains the default functionalities of the Column Menu in Syncfusion TypeScript TreeGrid control.","uid":"00229","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"cellalignment","name":"Cell Alignment","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how to align the content inside the cells of treegrid columns and headers in Syncfusion TypeScript TreeGrid control.","uid":"002210","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"auto-wrap","name":"AutoWrap Column Cells","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","allowTextWrap","columns","pageSettings"]},"description":"This demo explains how to wrap the content of columns within the specified width of treegrid columns in Syncfusion TypeScript TreeGrid control.","uid":"002211","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"showhidecolumn","name":"Show or Hide Column","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how to hide or show the columns of treegrid dynamically using Syncfusion TypeScript TreeGrid methods.","uid":"002212","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"header-template","name":"Header Template","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","columns","height"]},"description":"This demo explains how to customize column headers to show additional HTML elements, such as icons, images, etc. in Syncfusion TypeScript TreeGrid control.","uid":"002213","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"stacked-header","name":"Stacked Header","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","pageSettings","columns"]},"description":"This demo explains how to provide a common header for the group of columns in Syncfusion TypeScript TreeGrid control.","uid":"002214","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"rowhover","name":"Row Hover","category":"Rows","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","columns","enableHover","height"]},"description":"This demo explains how the treegrid row color is changed while move the mouse over a row in Syncfusion TypeScript TreeGrid content.","uid":"002215","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"rowheight","name":"Row Height","category":"Rows","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","rowHeight","allowPaging","toolbarClick","columns","toolbar"]},"description":"This demo shows how to set different row height to the rows of Syncfusion TypeScript TreeGrid control.","uid":"002216","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"row-template","name":"Row Template","category":"Rows","api":{"TreeGrid":["dataSource","rowTemplate","height","width","columns","childMapping","treeColumnIndex"]},"description":"This demo for Essential JS 2 TreeGrid control shows the usage of the row template feature. We have rendered each TreeGrid row using template.","uid":"002217","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"row-reorder","name":"Drag And Drop","category":"Rows","api":{"TreeGrid":["dataSource","rowTemplate","height","width","columns","childMapping","treeColumnIndex"]},"description":"This demo for Essential JS 2 TreeGrid control demonstrates how the rows can be dragged within the treegrid using the row drag-and-drop feature.","uid":"002218","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"detail-template","name":"Detail Template","category":"Rows","api":{"TreeGrid":["dataSource","detailTemplate","height","width","columns","childMapping","treeColumnIndex"]},"description":"This demo shows TreeGrid with detail template feature and also each row contains detailed information about a row.","uid":"002219","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"inline-editing","name":"Inline Editing","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","editSettings","toolbar","columns"]},"description":"This example shows how to add and edit row or cell inline on the Syncfusion TypeScript TreeGrid control.","uid":"002220","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"dialog-editing","name":"Dialog Editing","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","toolbar","columns","height"]},"description":"This demo explains how to edit a treegrid record in the Dialog mode using Syncfusion TypeScript TreeGrid control.","uid":"002221","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"lock-row","name":"Lock Row","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","toolbar","columns","allowPaging","pageSettings","rowDataBound","beginEdit","enableHover"]},"description":"This demo explains how to disable editing for specific rows dynamically in Syncfusion TypeScript TreeGrid control.","uid":"002222","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"cell-edit-type","name":"Cell Edit Type","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","toolbar","columns","height"]},"description":"This demo explains how to set different edit types and how to define edit params for the treegrid columns in Syncfusion TypeScript TreeGrid control.","uid":"002223","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"command-column","name":"Command Column","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","columns","height"]},"description":"This demo explains how to include CRUD action buttons as one of the columns in Syncfusion TypeScript TreeGrid control.","uid":"002224","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"edit-template","name":"Edit Template","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","toolbar","columns","height"]},"description":"This demo explains how create a custom editor control for the treegrid cells when a row is edited in Syncfusion TypeScript TreeGrid.","uid":"002225","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"sorting","name":"Multi Sorting","category":"Sorting","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","pageSettings","columns","allowSorting","actionComplete","sortSettings"]},"description":"This demo demonstrates to sort multiple columns of treegrid by hold the CTRL key and click on the column headers of Syncfusion TypeScript TreeGrid control.","uid":"002226","order":5,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"sorting-api","name":"Sorting API","category":"Sorting","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","allowSorting","columns","pageSettings"]},"description":"This demo explains how to sort columns dynamically using methods of Syncfusion TypeScript TreeGrid control.","uid":"002227","order":5,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"filtering","name":"Default Filtering","category":"Filtering","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","allowFiltering","filterSettings","treeColumnIndex"]},"description":"This demo explains the default functionalities of filtering and how to define the template for filter bar in Syncfusion TypeScript TreeGrid.","uid":"002228","order":6,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"filter-menu","name":"Menu Filter","category":"Filtering","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","allowFiltering","treeColumnIndex","filterSettings"]},"description":"This demo explains how to filter the content using menu filter type of Syncfusion TypeScript TreeGrid control.","uid":"002229","order":6,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"search","name":"Search","category":"Filtering","api":{"TreeGrid":["dataSource","allowPaging","pageSettings","columns","childMapping","treeColumnIndex","toolbar"]},"description":"This demo explains how to search the text entered in the search bar in Syncfusion TypeScript TreeGrid content.","uid":"002230","order":6,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"default-paging","name":"Default Paging","category":"Paging","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","pageSettings","treeColumnIndex"]},"description":"This demo explains how to display the records in paginated view in Syncfusion TypeScript TreeGrid control.","uid":"002231","order":7,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"paging-api","name":"Paging API","category":"Paging","api":{"Grid":["dataSource","allowPaging","columns","treeColumnIndex","childMapping"]},"description":"This demo explains how to customize a pager using the APIs that are relevant to paging of Syncfusion TypeScript TreeGrid control.","uid":"002232","order":7,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"default-scrolling","name":"Default Scrolling","description":"This demo for Essential JS 2 TreeGrid control shows the usage of the horizontal and vertical scrollbars to view TreeGrid content that exceeds the TreeGrid area.","category":"Scrolling","api":{"TreeGrid":["dataSource","height","width","columns"]},"uid":"002233","order":8,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"virtual-scrolling","name":"Virtual Scrolling","description":"This demo demonstrates how to use Essential JS 2 TreeGrid to show a large data view without performance degradation by rendering only the required rows.","category":"Scrolling","api":{"TreeGrid":["dataSource","enableVirtualization","dataBound","height","columns"]},"uid":"002234","order":8,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"selection","name":"Default Selection","category":"Selection","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","allowSelection","selectionSettings","treeColumnIndex"]},"description":"This demo explains the customization of selection mode and toggle selection of Syncfusion TypeScript TreeGrid control.","uid":"002235","order":9,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"selection-api","name":"Selection API","category":"Selection","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","allowSelection","selectionSettings","treeColumnIndex"]},"description":"This demo explains how to select and clear multiple rows using methods of Syncfusion TypeScript TreeGrid control.","uid":"002236","order":9,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"checkbox-selection","name":"Checkbox Selection","category":"Selection","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how the check box selection feature can be used to select treegrid rows in Essential TypeScript TreeGrid control.","uid":"002237","order":9,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"checkbox-column","name":"Checkbox Column","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how the hierarchy selection between the records using column checkboxes in Essential TypeScript TreeGrid control.","uid":"002238","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"frozen-column","name":"Frozen Column","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","columns","treeColumnIndex","frozenColumns"]},"description":"This demo for Essential JS 2 treegrid control shows frozen columns feature of treegrid. Scroll the movable content to view the frozen columns.","uid":"002239","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"aggregate-default","name":"Default Aggregate","category":"Aggregates","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","columns","aggregates"]},"description":"This demo explains how to display the summary values such as average, minimum, etc., for the columns in Syncfusion TypeScript TreeGrid control.","uid":"002240","order":10,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"custom-aggregate","name":"Custom Aggregate","category":"Aggregates","api":{"TreeGrid":["dataSource","width","childMapping","treeColumnIndex","height","columns","aggregates"]},"description":"This demo explains how to display the custom aggregate for the columns in Syncfusion TypeScript TreeGrid control.","uid":"002241","order":10,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"default-context-menu","name":"Default Context Menu","category":"Context Menu","description":"This demo explains the usage of context menu and the default context menu items in Syncfusion TypeScript TreeGrid control.","api":{"TreeGrid":["dataSource","allowPaging","columns","contextMenu","hasChildMapping","parentIdMapping"]},"uid":"002242","order":11,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"custom-context-menu","name":"Custom Context Menu","category":"Context Menu","description":"This demo explains the usage of custom context menu items in Syncfusion TypeScript TreeGrid control.","api":{"TreeGrid":["dataSource","allowPaging","columns","hasChildMapping","contextMenuItems","parentIdMapping"]},"uid":"002243","order":11,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"default-exporting","name":"Default Exporting","category":"Exporting","api":{"TreeGrid":["dataSource","columns","toolbar","allowExcelExport","allowPdfExport","treeColumnIndex","toolbarClick","childMapping","height"]},"description":"This demo explains how to export the treegrid content to Excel, PDF, and CSV documents using the Syncfusion TypeScript TreeGrid control.","uid":"002244","order":12,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"print","name":"Print","category":"Exporting","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","columns","toolbar"]},"description":"This demo explains how to print the records of the treegrid using the Print feature of Syncfusion TypeScript TreeGrid control.","uid":"002245","order":12,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"conditional-formatting","name":"Conditional Formatting","category":"Miscellaneous","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","columns","height","queryCellInfo"]},"description":"This demo explains how to apply styles to specific cells based on certain conditions in Syncfusion TypeScript TreeGrid control.","uid":"002246","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"toolbar-template","name":"Toolbar Template","category":"Miscellaneous","api":{"TreeGrid":["dataSource","toolbar","toolbarClick","allowFiltering","childMapping","height","treeColumnIndex","filterSettings","columns"]},"description":"This demo explains how to render custom template elements in a toolbar by which any custom operation can be performed in Syncfusion TypeScript TreeGrid.","uid":"002247","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"events","name":"Events","category":"Miscellaneous","api":{"TreeGrid":["dataSource","allowPaging","childMapping","treeColumnIndex","load","created","actionBegin","actionComplete","allowReordering","allowSorting","dataBound","rowSelecting","rowSelected","columnDragStart","columnDrag","columnDrop","columns","pageSettings"]},"description":"This demo explains the basic functionalities of the events that are available in the Syncfusion TypeScript TreeGrid control.","uid":"002248","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"keyboard","name":"Keyboard Interaction","category":"Miscellaneous","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","columns","pageSettings"]},"description":"This demo explains the key combinations used to perform corresponding treegrid actions in Syncfusion TypeScript TreeGrid control.","uid":"002249","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},{"url":"treegridlines","name":"Grid Lines","category":"Miscellaneous","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how to customize the grid lines in treegrid using Syncfusion TypeScript TreeGrid control.","uid":"002250","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"}],"order":0,"uid":"02"},{"name":"Spreadsheet","directory":"spreadsheet","category":"Grids","ftName":"spreadsheet","type":"preview","hideOnDevice":true,"samples":[{"url":"default","name":"Default Functionalities","category":"Spreadsheet","api":{"Spreadsheet":["height","width","sheets"],"sheets":["columns","rows","name"],"rangeSettings":["dataSource"]},"description":"This example demonstrates the default functionalities of the Syncfusion JS 2 Spreadsheet that includes editing, importing & exporting.","sourceFiles":[{"displayName":"default.ts","path":"src/spreadsheet/default.ts"},{"displayName":"default.html","path":"src/spreadsheet/default.html"},{"displayName":"default-data.json","path":"src/spreadsheet/default-data.json"}],"uid":"00330","order":0,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},{"url":"formula","name":"Formula","category":"Spreadsheet","api":{"Spreadsheet":["height","width","sheets"],"sheets":["columns","rows","selectedRange","name"],"cells":["value","index"],"rangeSettings":["dataSource","startCell"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the way of using basic formulas with minimum configuration.","sourceFiles":[{"displayName":"formula.ts","path":"src/spreadsheet/formula.ts"},{"displayName":"formula.html","path":"src/spreadsheet/formula.html"},{"displayName":"formula-data.json","path":"src/spreadsheet/formula-data.json"}],"uid":"00331","order":0,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},{"url":"cell-data-binding","name":"Cell Data Binding","category":"Data Binding","api":{"sheets":["rows","columns","selectedRange","name"],"rows":["cells","index"],"cells":["value","style"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the cell data binding with minimum configuration.","uid":"00332","order":1,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},{"url":"remote-data-binding","name":"Remote Data Binding","category":"Data Binding","api":{"Spreadsheet":["sheets"],"sheets":["columns","rows","name"],"rangeSettings":["dataSource","query","startCell"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the way of data binding with remote service using DataManager.","uid":"00333","order":1,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},{"url":"cell-formatting","name":"Cell Formatting","category":"Formatting","api":{"sheets":["columns","rows","name"],"rows":["cells","index"],"cells":["value","style"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the way of cell formatting with minimum configuration.","sourceFiles":[{"displayName":"cell-formatting.ts","path":"src/spreadsheet/cell-formatting.ts"},{"displayName":"cell-formatting.html","path":"src/spreadsheet/cell-formatting.html"},{"displayName":"cell-formatting-data.json","path":"src/spreadsheet/cell-formatting-data.json"}],"uid":"00334","order":2,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},{"url":"number-formatting","name":"Number Formatting","category":"Formatting","api":{"sheets":["columns","rows","name","selectedRange"],"rows":["cells"],"cells":["value","formatCode"],"rangeSettings":["dataSource","startCell"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the way of number formatting with minimum configuration.","sourceFiles":[{"displayName":"number-formatting.ts","path":"src/spreadsheet/number-formatting.ts"},{"displayName":"number-formatting.html","path":"src/spreadsheet/number-formatting.html"},{"displayName":"number-formatting-data.json","path":"src/spreadsheet/number-formatting-data.json"}],"uid":"00335","order":2,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true}],"order":0,"uid":"03"},{"name":"Chart","directory":"chart","category":"Data Visualization","ftName":"chart","type":"update","samples":[{"url":"line","name":"Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00440","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"spline","name":"Spline","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the spline series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00441","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"step-line","name":"Step Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the step line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00442","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"dashed-line","name":"Dashed Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the dashed line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00443","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"spline-inversed","name":"Inversed Spline","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the inversed spline series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00444","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"line-segments","name":"Line Zone","description":"This demo for Essential JS2 Chart control shows how to render and configure the points in a particular range using MultiColoredLine series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00445","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"line-multi-color","name":"Multi Colored Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the multi colored line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00446","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stacked-line","name":"Stacked Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stacked line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00447","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stacked-line-100","name":"100% Stacked Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the 100% stacked line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00448","order":0,"component":"Chart","dir":"chart","parentId":"04"},{"url":"area","name":"Area","description":"This demo sample for Essential JS2 Chart control shows how to render and configure the area series chart.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"00449","order":1,"component":"Chart","dir":"chart","parentId":"04"},{"url":"spline-area","name":"Spline Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the spline area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004410","order":1,"component":"Chart","dir":"chart","parentId":"04"},{"url":"step-area","name":"Step Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the step area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004411","order":1,"component":"Chart","dir":"chart","parentId":"04"},{"url":"range-area","name":"Range Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the range area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004412","order":1,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stacked-area","name":"Stacked Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stacking area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004413","order":1,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stacked-area-100","name":"100% Stacked Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the 100 percent stacking area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004414","order":1,"component":"Chart","dir":"chart","parentId":"04"},{"url":"area-empty","name":"Area - Empty Points","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the area series chart with empty points.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004415","order":1,"component":"Chart","dir":"chart","parentId":"04"},{"url":"area-segments","name":"Area Zone","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render the points in a particular range using MultiColoredArea series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004416","order":1,"component":"Chart","dir":"chart","parentId":"04"},{"url":"column","name":"Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004417","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"rounded-column","name":"Rounded Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the rounded column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004418","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"column-placement","name":"Back to Back Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the column charts.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004419","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"range-column","name":"Range Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the range column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004420","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"range-bar","name":"Inversed Range Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the inversed range column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004421","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"bar","name":"Bar","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the bar series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004422","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stacked-column","name":"Stacked Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stacking column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004423","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stacked-column-100","name":"100% Stacked Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the 100 percent stacking column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004424","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stacked-bar","name":"Stacked Bar","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stacking bar series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004425","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stacked-bar-100","name":"100% Stacked Bar","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the 100 percent stacking bar series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004426","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"tornado","name":"Negative Stack","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the bar charts.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004427","order":2,"component":"Chart","dir":"chart","parentId":"04"},{"url":"scatter-plot","name":"Scatter Plot","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the scatter series.","category":"Scatter and Bubble","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004428","order":3,"component":"Chart","dir":"chart","parentId":"04"},{"url":"bubble","name":"Bubble","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the bubble series.","category":"Scatter and Bubble","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","pointRender"]},"uid":"004429","order":3,"component":"Chart","dir":"chart","parentId":"04"},{"url":"waterfall","name":"Waterfall","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the waterfall series.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004430","order":4,"component":"Chart","dir":"chart","parentId":"04"},{"url":"histogram","name":"Histogram","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the histogram series.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004431","order":4,"component":"Chart","dir":"chart","parentId":"04"},{"url":"box-and-whisker","name":"Box and Whisker","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the box and whisker series.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings","pointRender"]},"uid":"004432","order":4,"component":"Chart","dir":"chart","parentId":"04"},{"url":"error-bar","name":"Error Bar","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the error bars in charts.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings","pointRender"]},"uid":"004433","order":4,"component":"Chart","dir":"chart","parentId":"04"},{"url":"trend-lines","name":"Trendlines","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the trend lines in charts.","category":"Other Types","type":"update","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004434","order":4,"component":"Chart","dir":"chart","parentId":"04"},{"url":"hilo","name":"Hilo","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the hilo series.","category":"Stock Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004435","order":5,"component":"Chart","dir":"chart","parentId":"04"},{"url":"hilo-open-close","name":"Hilo Open Close","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the hilo open close series.","category":"Stock Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004436","order":5,"component":"Chart","dir":"chart","parentId":"04"},{"url":"candle-stick","name":"Candle Stick","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the candle series.","category":"Stock Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004437","order":5,"component":"Chart","dir":"chart","parentId":"04"},{"url":"accumulation-distribution-indicator","name":"Accumulation Distribution","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the accumulation distribution indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004438","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"average-true-range-indicator","name":"ATR","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the average true range indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004439","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"bollinger","name":"Bollinger","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the bollinger band type indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004440","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"exponential-moving-average-indicator","name":"EMA","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the exponential moving average indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004441","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"moving-average-convergence-divergence-indicator","name":"MACD","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the moving average convergence divergence indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004442","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"momentum","name":"Momentum","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the momentum indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004443","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"relative-strength-index-indicator","name":"RSI","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the relative strength index indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004444","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"simple-moving-average-indicator","name":"SMA","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the simple moving average indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004445","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"stochastic","name":"Stochastic","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stochastic indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004446","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"triangular-moving-average-indicator","name":"TMA","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the triangular moving average indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004447","order":6,"component":"Chart","dir":"chart","parentId":"04"},{"url":"multi-series-chart","name":"Multi-Series Chart","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to combine different types of charts.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004448","order":4,"component":"Chart","dir":"chart","parentId":"04"},{"url":"pareto","name":"Pareto Chart","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure pareto charts.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004449","order":4,"component":"Chart","dir":"chart","parentId":"04"},{"url":"chart-performance","name":"Chart Performance","description":"This demo for Essential JavaScript2 Chart control shows the performance when plotting large volumes of data and handling high frequency real-time data.","category":"Benchmark","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004450","order":7,"component":"Chart","dir":"chart","parentId":"04"},{"url":"default-pie","name":"Pie","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the pie charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004451","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"pie-radius","name":"Pie with Various Radius","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the various radius pie chart.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004452","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"donut","name":"Donut","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the doughnut charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004453","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"pyramid","name":"Pyramid","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the pyramid charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004454","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"funnel","name":"Funnel","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the funnel charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004455","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"default-doughnut","name":"Pie with Legend","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the legends in pie charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004456","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"semi-pie","name":"Semi Pie","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render semi-pie and doughnut charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004457","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"smart-labels","name":"Smart Labels","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to arrange the labels smartly without overlapping with each other.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004458","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"drill-down-pie","name":"Drilldown","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to achieve the drill-down concept using pie charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004459","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"grouping","name":"Grouping","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to group points in pie charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004460","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"pie-empty-point","name":"Empty Points","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the empty points.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004461","order":8,"component":"Chart","dir":"chart","parentId":"04"},{"url":"polar-line","name":"Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render line in polar and radar charts.","category":"Polar Radar","uid":"004462","order":9,"component":"Chart","dir":"chart","parentId":"04"},{"url":"polar-spline","name":"Spline","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render spline in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004463","order":9,"component":"Chart","dir":"chart","parentId":"04"},{"url":"polar-area","name":"Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render area in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004464","order":9,"component":"Chart","dir":"chart","parentId":"04"},{"url":"polar-stacking-area","name":"Stacked Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render stacking area in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004465","order":9,"component":"Chart","dir":"chart","parentId":"04"},{"url":"polar-scatter","name":"Scatter","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render scatter in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004466","order":9,"component":"Chart","dir":"chart","parentId":"04"},{"url":"polar-column","name":"Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render column in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004467","order":9,"component":"Chart","dir":"chart","parentId":"04"},{"url":"polar-stacking-column","name":"Wind Rose","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render wind rose using stacking column in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004468","order":9,"component":"Chart","dir":"chart","parentId":"04"},{"url":"polar-range-column","name":"Range Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render range column in polar and radar charts.","category":"Polar Radar","type":"update","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004469","order":9,"component":"Chart","dir":"chart","parentId":"04"},{"url":"local-data","name":"Local Data","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to bind JSON data to chart.","category":"Data Binding","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","crosshair"]},"uid":"004470","order":10,"component":"Chart","dir":"chart","parentId":"04"},{"url":"remote-data","name":"Remote Data","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to consume data from remote data service.","category":"Data Binding","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004471","order":10,"component":"Chart","dir":"chart","parentId":"04"},{"url":"lazy-loading","name":"Lazy Loading","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the Lazy Loading behavior in chart.","category":"Data Binding","api":{"Chart":["primaryXAxis","primaryYAxis","series","scrollbarSettings"]},"uid":"004472","order":10,"component":"Chart","dir":"chart","parentId":"04"},{"url":"numeric","name":"Numeric Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to plot numeric data with the help of numeric axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004473","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"date-time","name":"Datetime Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the date-time axis in charts.","category":"Chart Axes","uid":"004474","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"date-time-category","name":"DateTime Category Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the date-time category axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004475","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"category","name":"Category Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the category axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004476","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"indexed-axis","name":"Indexed Category Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the indexed category axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004477","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"logarithmic-scale","name":"Logarithmic Scale","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the logarithmic axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004478","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"multiple-axis","name":"Multiple Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the mulitple axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004479","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"inversed","name":"Inversed Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to invert the axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004480","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"strip-line","name":"Strip Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the strip lines in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","stripline"]},"uid":"004481","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"strip-line-recurrence","name":"Stripline Recurrence","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the strip line recurrence in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","stripline"]},"uid":"004482","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"smart-axis-labels","name":"Smart Labels","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to arrange the labels smartly without overlapping with each other.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004483","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"multi-level-label","name":"Multi Level Labels","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to group the axis labels .","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004484","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"axes-crossing","name":"Axes Crossing","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the behaviour of the axis crossing in chart.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis"]},"uid":"004485","order":11,"component":"Chart","dir":"chart","parentId":"04"},{"url":"sorting","name":"Sorting","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to sort the series data in chart.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004486","order":12,"component":"Chart","dir":"chart","parentId":"04"},{"url":"marker-chart","name":"Marker Chart","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the marker symbols for data points.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004487","order":12,"component":"Chart","dir":"chart","parentId":"04"},{"url":"pie-annotation","name":"Annotation","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to add more information to the chart using annotation.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","annotations"]},"uid":"004488","order":12,"component":"Chart","dir":"chart","parentId":"04"},{"url":"data-label-template","name":"DataLabel Template","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the data label template.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","textRender"]},"uid":"004489","order":12,"component":"Chart","dir":"chart","parentId":"04"},{"url":"tooltip-template","name":"Tooltip Template","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to configure the tooltip template and background for chart.","category":"Chart Customization","type":"new","api":{"Chart":["primaryXAxis","primaryYAxis","backgroundImage","series","tooltip"]},"uid":"004490","order":12,"component":"Chart","dir":"chart","parentId":"04"},{"url":"vertical","name":"Vertical Charts","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the vertical type charts.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","isTransposed","loaded","tooltip"]},"uid":"004491","order":12,"component":"Chart","dir":"chart","parentId":"04"},{"url":"empty-point","name":"Empty Points","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the empty points.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","isTransposed","loaded","tooltip"]},"uid":"004492","order":12,"component":"Chart","dir":"chart","parentId":"04"},{"url":"print","name":"Print","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to print the entire chart.","category":"Print and Export","api":{"Chart":["primaryXAxis","primaryYAxis","series","print","chartMouseClick","pointRender"]},"uid":"004493","order":13,"component":"Chart","dir":"chart","parentId":"04"},{"url":"export","name":"Export","description":"This demo for Essential JS2 Chart control shows how to export the charts to Excel, PDF, and image formats such as SVG, JPEG, and PNG at client-side.","category":"Print and Export","api":{"Chart":["primaryXAxis","primaryYAxis","series","export","chartMouseClick","pointRender"]},"uid":"004494","order":13,"component":"Chart","dir":"chart","parentId":"04"},{"url":"selection","name":"Selection","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the selection behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","selectionMode"]},"uid":"004495","order":14,"component":"Chart","dir":"chart","parentId":"04"},{"url":"range-selection","name":"Range Selection","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the range selection in chart .","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","selectionMode"]},"uid":"004496","order":14,"component":"Chart","dir":"chart","parentId":"04"},{"url":"cross-hair","name":"Crosshair","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the crosshair behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","crosshair"]},"uid":"004497","order":14,"component":"Chart","dir":"chart","parentId":"04"},{"url":"trackball","name":"Trackball","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the trackball behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004498","order":14,"component":"Chart","dir":"chart","parentId":"04"},{"url":"zooming","name":"Zooming and Panning","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the zooming and panning behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","zoomSettings"]},"uid":"004499","order":14,"component":"Chart","dir":"chart","parentId":"04"},{"url":"data-editing","name":"Data Editing","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the data editing behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"0044100","order":14,"component":"Chart","dir":"chart","parentId":"04"}],"order":1,"uid":"04"},{"name":"Stock Chart","directory":"stock-chart","category":"Data Visualization","ftName":"stock-chart","samples":[{"url":"default","name":"Default","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with candle series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00550","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"ohlc","name":"OHLC","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Hilo Open Close series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00551","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"multi-pane","name":"Candlestick and volume","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with candle series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00552","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"multiple-series","name":"Multiple Series","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with candle series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00553","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"spline","name":"Spline","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Spline series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00554","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"area","name":"Area","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Area series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00555","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"spline-area","name":"Spline Area","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Spline Area series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00556","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"inversed-area","name":"Inversed Area","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Area series inverted.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00557","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"plot-line","name":"Plot lines","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Spline Area series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00558","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"strip-line","name":"Plot band","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with strip line.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00559","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"period-customization","name":"Intraday","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with period customization.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"005510","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"disabled-navigator","name":"Hide Range Selector","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with period customization.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"005511","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"disabled-period","name":"Hide Period Selector","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with period customization.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"005512","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},{"url":"stock-events","name":"Stock Events","description":"This demo for Essential JS2 Stock Chart control with stock events to highlight the special events in stock market.","category":"Stock Chart","api":{"StockChart":["stockEvents"]},"uid":"005513","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"}],"order":1,"uid":"05"},{"name":"Circular Gauge","directory":"circular-gauge","category":"Data Visualization","ftName":"circulargauge","samples":[{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS2 Circular Gauge control illustrates the default rendering of circular gauge.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00660","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"range","name":"Range","description":"This demo for Essential JS2 Circular Gauge control illustrates how to highlight specific regions in an axis by using ranges.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00661","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"labels","name":"Tick and Labels","description":"This demo for Essential JS2 Circular Gauge control shows various properties available to customize the ticks and labels of an axis.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00662","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"annotation","name":"Annotation","description":"This demo for Essential JS2 Circular Gauge control illustrates a clock by using annotation feature in the gauge.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00663","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"customization","name":"Gauge Customization","description":"This demo for Essential JS2 Circular Gauge control shows the properties required to customize the pointers.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00664","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"semi-circular-gauge","name":"Semi-circular Gauge","category":"Circular Gauge","uid":"00665","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"arc-gauge","name":"Arc Gauge","category":"Circular Gauge","uid":"00666","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"legend","name":"Legend","description":"This demo for Essential JS2 Circular Gauge control illustrates the rendering of legend in circular gauge.","category":"Circular Gauge","api":{"CircularGauge":["legendSettings"]},"uid":"00667","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"compass","name":"Direction Compass","description":"This demo for Essential JS2 Circular Gauge control illustrates how to make a direction compass by using the circular gauge.","category":"Circular Gauge","api":{"CircularGauge":["axes","axisLabelRender"]},"uid":"00668","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"pointer-image","name":"Pointer Image","description":"This demo for Essential JS2 Circular Gauge control visualizes the short-put distance covered by the athletes by using the image pointer.","category":"Pointer","api":{"CircularGauge":["axes","centerY"]},"uid":"00669","order":1,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"pointer","name":"Pointer Customization","description":"This demo for Essential JS2 Circular Gauge control visualizes the different types of pointers available in the circular gauge.","category":"Pointer","api":{"CircularGauge":["axes","centerY"]},"uid":"006610","order":1,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"multiple-axis","name":"Multiple Axis","description":"This demo for Essential JS2 Circular Gauge control visualizes the circular gauge with multiple axes.","category":"Axes","api":{"CircularGauge":["axes"]},"uid":"006611","order":2,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"user-interaction","name":"Pointer Drag","description":"This demo for Essential JS2 Circular Gauge control visualizes the pointer drag support and its options.","category":"User Interaction","api":{"CircularGauge":["axes","enablePointerDrag","dragEnd","dragMove"]},"uid":"006612","order":3,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"tooltip","name":"Tooltip","description":"This demo for Essential JS2 Circular Gauge control visualizes the tooltip template for circular gauge pointer.","category":"User Interaction","api":{"CircularGauge":["axes","tooltip","tooltipRender"]},"uid":"006613","order":3,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"data-sample","name":"Data Sample","description":"This demo for Essential JS2 Circular Gauge control demonstrates live data, along with the data grid control.","category":"Use Cases","api":{"CircularGauge":["axes"]},"uid":"006614","order":4,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"apple-watch-rings","name":"Apple Watch Rings","description":"This demo for Essential JS2 Circular Gauge control illustrates how to highlight specific regions in an axis by using ranges.","category":"Use Cases","api":{"CircularGauge":["axes"]},"uid":"006615","order":4,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},{"url":"speedometer","name":"Speedometer","category":"Use Cases","api":{"CircularGauge":["axes"]},"uid":"006616","order":4,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"}],"order":1,"uid":"06"},{"name":"Linear Gauge","directory":"linear-gauge","category":"Data Visualization","ftName":"lineargauge","samples":[{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS2 Linear Gauge control illustrates the default rendering of linear gauge that measures the values of scales.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes"]},"uid":"00770","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},{"url":"container","name":"Container","description":"This demo for Essential JS2 Linear Gauge control demonstrates the various types of containers available in linear gauge.","category":"Linear Gauge","api":{"LinearGauge":["axes","container"]},"uid":"00771","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},{"url":"ranges","name":"Ranges","description":"This demo for Essential JS2 Linear Gauge control illustrates how to highlight specific regions in an axis by using ranges.","category":"Linear Gauge","api":{"LinearGauge":["axes"]},"uid":"00772","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},{"url":"data","name":"Data Sample","description":"This demo for Essential JS2 Linear Gauge control illustrates exercise tracking of an athlete by using ranges, pointers, and annotation features.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes"]},"uid":"00773","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},{"url":"axes","name":"Axes and Pointers","description":"This demo for Essential JS2 Linear Gauge control shows various properties available to customize the axes and pointers.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes"]},"uid":"00774","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},{"url":"annotation","name":"Annotation","description":"This demo for Essential JS2 Linear Gauge control illustrates the CPU Utilization of a resource by using annotation feature.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes","rangePalettes"]},"uid":"00775","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},{"url":"tooltip","name":"Tooltip","description":"This demo for Essential JS2 Linear Gauge control visualizes the tooltip functionality for bar pointer.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes","tooltip","tooltipRender","axisLabelRender"]},"uid":"00776","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},{"url":"style","name":"Styles","description":"This demo for Essential JS2 Linear Gauge control visualizes the available options for customization.","category":"Linear Gauge","api":{"LinearGauge":["orientation","container","axes"]},"uid":"00777","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"}],"order":1,"uid":"07"},{"name":"Diagram","directory":"diagram","category":"Data Visualization","ftName":"diagram","samples":[{"url":"default-functionalities","name":"Default Functionalities","description":"This sample visualizes the processing of an order placed using credit card with built-in flow shapes.","category":"Getting Started","uid":"00880","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"shape-gallery","name":"Shapes","description":"This sample illustrates list of built-in shapes available in our JavaScript Diagram Library which includes basic shapes, flow shapes, and BPMN shapes.","category":"Getting Started","uid":"00881","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"getting-started-node","name":"Nodes","description":"This sample visualizes the different stages of a software development life cycle using a circular flow diagram.","category":"Getting Started","uid":"00882","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"connector","name":"Connectors","description":"This sample visualizes the data flow in a marketing process using predefined diagram shapes and connectors.","category":"Getting Started","uid":"00883","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"getting-started-annotation","name":"Annotations","description":"This sample illustrates the competitive environment of a business through five forces chart and its described using nodes and annotations.","category":"Getting Started","uid":"00884","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"port","name":"Ports","description":"This sample visualizes process flow of publishing a book using connection points which are static points over shapes that allow creating connections onto it.","category":"Getting Started","uid":"00885","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"swimlane","name":"Swimlane","description":"This sample Different types of connectors and decorators are used to customize the appearance, path, and direction of the data flow.","category":"Getting Started","uid":"00886","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"custom-shapes","name":"Complex Shapes","description":"This sample demonstrates how to host a HTML elements inside a node. In this example, a Gauge control is hosted inside a HTML Node.","category":"Getting Started","uid":"00887","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"diagram-events","name":"Events","description":"This sample visualizes what are the client side events are available in our JavaScript Diagram Library.","category":"Getting Started","uid":"00888","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"tooltip-Sample","name":"Tooltip","description":"This sample demonstrates how to add the extra information to the nodes and connectors and how to show the information through diagram's tooltip feature.","category":"Getting Started","uid":"00889","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"history-manager","name":"History Manager","description":"This sample Different types of connectors and decorators are used to customize the appearance, path, and direction of the data flow.","category":"Getting Started","uid":"008810","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"flow-execution","name":"Flow Execution","description":"This sample Different types of connectors and decorators are used to customize the appearance, path, and direction of the data flow.","category":"Getting Started","uid":"008811","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"line-routing","name":"Line Routing","description":"This sample visualizes the connectors that are automatically re-routing or moving away if any shape found on the connectors path.","category":"Getting Started","uid":"008812","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"bpmn-editor","name":"BPMN Editor","description":"This sample visualizes the hotel booking reservation system and its built with ready made BPMN shapes.","category":"Use Case Diagram","uid":"008813","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"logic-circuit","name":"Logic Circuit Diagram","description":"This sample visualizes implementation of three input Boolean functions using universal logic gates and shape for logic gates designed with diagram's path node.","category":"Use Case Diagram","uid":"008814","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"uml-activity","name":"UML Activity Diagram","description":"This sample visually represents the hotel booking reservation system. It is built with readymade BPMN shapes.","category":"Use Case Diagram","uid":"008815","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"network-diagram","name":"Network Diagram","description":"This sample visualizes graphical layout of a network diagram using diagram's Native(SVG) nodes feature.","category":"Use Case Diagram","uid":"008816","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"uml-class-diagram","name":"UML Class Diagram","description":"This sample represents the hospital management system using diagram's built-in UML class diagram shapes.","category":"Use Case Diagram","uid":"008817","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"hierarchical-model","name":"Hierarchical Tree","description":"This sample illustrates a generating hierarchical tree from right to left orientation with external data source.","category":"Automatic Layouts","uid":"008818","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"organization-model","name":"Organizational Chart","description":"This sample illustrates a simple business management structure that is built from an external data source.","category":"Automatic Layouts","uid":"008819","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"radial-tree","name":"Radial Tree","description":"This sample demonstrates a huge organizational structure using a compact layout model. Radial tree layout algorithm is used to build such a layout.","category":"Automatic Layouts","uid":"008820","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"mind-map","name":"Mind Map","description":"This sample demonstrates the concept of creativity using mind map layout algorithm. User handles are used to extend the mind map interactively.","category":"Automatic Layouts","uid":"008821","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"symmetric-layout","name":"Symmetric Layout","description":"This sample visualizes a simple network template using symmetrical layout algorithm. It uses attractive and repulsive forces.","category":"Automatic Layouts","uid":"008822","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"complex-hierarchical-tree","name":"Complex Hierarchical Tree","description":"This sample demonstrates a complex hierarchical template that is built from an external data source using complex hierarchical tree algorithm.","category":"Automatic Layouts","uid":"008823","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"right-to-left-tree","name":"RTL Tree","description":"This sample visualizes the concept of Artificical Intelligence using hierarchical tree layout algorithm","category":"Automatic Layouts","uid":"008824","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"pert-chart","name":"PERT chart","description":"This sample visualizes a project development process using Program Evaluation Review Technique (PERT).","category":"Automatic Layouts","uid":"008825","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"drawing-tool","name":"Drawing Tools","description":"This sample visualizes how to build a diagram interactively using drawing tools. Continuous draw option, snapping are enabled to easily draw diagrams.","category":"User Interaction","uid":"008826","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"key-board-functions","name":"Keyboard Interaction","description":"This sample illustrates interaction with diagram control using shortcut keys. Command Manager support is used to manage keyboard interactions.","category":"User Interaction","uid":"008827","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"quick-commands","name":"User Handles","description":"This sample visualizes a simple flow diagram along with options to execute the frequently used commands using user handles.","category":"User Interaction","uid":"008828","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"symbol-palette","name":"Symbol Palette","description":"This example illustrates predefining shapes in a palette that can be easily dragged and dropped into the drawing area.","category":"User Interaction","uid":"008829","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"overview","name":"Overview Panel","description":"This sample visualizes an organizational structure along with an overview for easily navigating the large organizational structure using Overview Panel.","category":"User Interaction","uid":"008830","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"serialization","name":"Save and Load","description":"This sample visualizes building diagrams interactively and editing the saved diagrams. Symbol Palette is used to easily build diagrams.","category":"Print and Export","uid":"008831","order":4,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"print-export","name":"Print and Export","description":"This example shows how to print the diagram and how to export the diagram as image (*.jpg, *.png, and *bmp) and SVG format.","category":"Print and Export","uid":"008832","order":4,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"local-data","name":"Local Data","description":"This sample visualizes the classifications of species using hierarchical tree layout algorithm. Data Manager support is used to bind data with the diagram.","category":"Data Binding","uid":"008833","order":5,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"remote-data","name":"Remote Data","description":"This sample demonstrates how to bind an remote data with the diagram using the Data Manager support.","category":"Data Binding","uid":"008834","order":5,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"crud","name":"CRUD","description":"This sample demonstrates generating a diagram by reading data from the database, and updating it with new inserted/updated/deleted objects through web services.","category":"Data Binding","uid":"008835","order":5,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"venn-diagram","name":"Venn Diagram","description":"This sample visually represents the hotel booking reservation system. It is built with readymade BPMN shapes.","category":"Static Diagram","uid":"008836","order":6,"component":"Diagram","dir":"diagram","parentId":"08"},{"url":"fishbone-diagram","name":"Fishbone Diagram","description":"This sample visually represents a simple fishbone diagram (Ishikawa). Diagram nodes and annotations are used to define fishbone diagrams.","category":"Static Diagram","uid":"008837","order":6,"component":"Diagram","dir":"diagram","parentId":"08"}],"order":1,"uid":"08"},{"name":"Heatmap Chart","directory":"heatmap","type":"update","ftName":"heatmap-chart","category":"Data Visualization","samples":[{"url":"default","name":"Default Functionalities","category":"Heatmap Chart","description":"This demo for Essential JS2 Heatmap control shows the heat map control displayed with minimum configuration.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource"]},"uid":"00990","order":0,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"calendar-heatmap","name":"Calendar Heatmap","category":"Heatmap Chart","description":"This demo for Essential JS2 Heatmap control for displays the time series data and displays the axis labels at specific time interval.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00991","order":0,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"bubble-types","name":"Bubble Types","category":"Bubble Heatmap","description":"This demo for Essential JS2 Heatmap control shows Size, Color and SizeAndColor bubble heat map type.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00992","order":1,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"color-and-size-attributes","name":"Color and Size Attributes","category":"Bubble Heatmap","description":"This demo for Essential JS2 Heatmap control shows how to bind the multiple data to bubble type heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00993","order":1,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"array-row","name":"Row","category":"Data Binding","description":"This demo for Essential JS2 Heatmap control demonstrates how to bind the data to heat map with series of array for each columns.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","paletteSettings","legendSettings"]},"uid":"00994","order":2,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"array-cell","name":"Cell","category":"Data Binding","description":"This demo for Essential JS2 Heatmap control demonstrates how to bind the array data with values for each cell to heatmap.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00995","order":2,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"row-json-binding","name":"JSON Row","category":"Data Binding","description":"This demo for Essential JS2 Heatmap control demonstrates how to bind the JSON object with data for each columns to heatmap.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","paletteSettings","cellSettings"]},"uid":"00996","order":2,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"cell-json-binding","name":"JSON Cell","category":"Data Binding","description":"This demo for Essential JS2 Heatmap control demonstrates how to bind the JSON object with data for each cell to heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings"]},"uid":"00997","order":2,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"empty-points","name":"Empty Points","category":"Features","description":"This demo for Essential JS2 Heatmap control shows the usage of empty points or null points in heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00998","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"inversed","name":"Inversed Axis","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to inverse the both x-axis and y-axis in heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00999","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"opposed","name":"Opposed Axis","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to place the axis opposite to the default position in heatmap.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","legendSettings"]},"uid":"009910","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"multi-level-labels","name":"Multi Level Labels","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to group the axis labels with multiple levels.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","legendSettings"]},"uid":"009911","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"cell-selection","name":"Selection","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to select and deselect the heat map cell using mouse and touch action.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","allowSelection"]},"uid":"009912","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"legend","name":"Legend Placement","type":"update","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to place the heatmap legend in different positions.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"009913","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"large-data","name":"Large Data","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to bind the large data in heat map using canvas rendering mode.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","renderingMode","cellSettings","paletteSettings","legendSettings"]},"uid":"009914","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"palette","name":"Palette Mode","category":"Features","description":"This demo for Essential JS2 Heatmap control demonstrates applying gradient colors or solid colors for the heatmap cells.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"009915","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"render-mode","name":"Rendering mode","category":"Features","description":"This demo for Essential JS2 Heatmap shows switching the rendering mode of the heatmap cells between SVG and canvas rendering logics.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","renderingMode","cellSettings","paletteSettings","legendSettings"]},"uid":"009916","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},{"url":"tooltip-template","name":"Tooltip Template","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to customize the tool tip text using template support in heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"009917","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"}],"order":1,"uid":"09"},{"name":"Maps","directory":"maps","category":"Data Visualization","ftName":"maps","type":"update","samples":[{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS2 Maps control visualizes the continents in the world by rendering those in a map layer.","category":"Maps","api":{"Maps":["titleSettings","zoomSettings","legendSettings","layers"]},"sourceFiles":[{"displayName":"default.html","path":"src/maps/default.html"},{"displayName":"default.ts","path":"src/maps/default.ts"},{"displayName":"default-datasource.json","path":"src/maps/map-data/default-datasource.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010100","order":0,"component":"Maps","dir":"maps","parentId":"010"},{"url":"projection","name":"Projection","description":"This demo for Essential JS2 Maps control shows the details of permanent and non-permanent countries in the UN Security Council, in 2017.","category":"Features","api":{"Maps":["titleSettings","legendSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"projection.html","path":"src/maps/projection.html"},{"displayName":"projection.ts","path":"src/maps/projection.ts"},{"displayName":"projection-datasource.json","path":"src/maps/map-data/projection-datasource.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010101","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"multilayer","name":"Multi-layers","description":"This demo for Essential JS2 Maps control depicts the layer along with sublayers for California and Texas.","category":"Features","api":{"Maps":["titleSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"multilayer.html","path":"src/maps/multilayer.html"},{"displayName":"multilayer.ts","path":"src/maps/multilayer.ts"},{"displayName":"usa.json","path":"src/maps/map-data/usa.json"},{"displayName":"texas.json","path":"src/maps/map-data/texas.json"},{"displayName":"california.json","path":"src/maps/map-data/california.json"}],"uid":"0010102","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"marker","name":"Marker","type":"update","description":"This demo for Essential JS2 Maps control shows the top 25 populated cities in the world by displaying the markers in their locations.","category":"Features","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"marker.html","path":"src/maps/marker.html"},{"displayName":"marker.ts","path":"src/maps/marker.ts"},{"displayName":"marker-location.json","path":"src/maps/map-data/top-location.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010103","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"marker-template","name":"Marker template","description":"This demo for Essential JS2 Maps control indicates the temperature of various cities of Australia in marker templates.","category":"Features","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"marker-template.html","path":"src/maps/marker-template.html"},{"displayName":"marker-template.ts","path":"src/maps/marker-template.ts"},{"displayName":"australia.json","path":"src/maps/map-data/australia.json"}],"uid":"0010104","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"marker-cluster","name":"Marker clustering","description":"This demo for Essential JS2 Maps control indicates the create the marker cluster in more than one marker intersect","category":"Features","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"marker-cluster.html","path":"src/maps/marker-cluster.html"},{"displayName":"marker-cluster.ts","path":"src/maps/marker-cluster.ts"},{"displayName":"marker-cluster.json","path":"src/maps/map-data/marker-cluster.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010105","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"data-label","name":"Labels","description":"This demo for Essential JS2 Maps control shows the names of all the states in USA in data label. Intersect action and smart labels mode can be changed.","category":"Features","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"data-label.html","path":"src/maps/data-label.html"},{"displayName":"data-label.ts","path":"src/maps/data-label.ts"},{"displayName":"usa.json","path":"src/maps/map-data/usa.json"}],"uid":"0010106","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"bubble","name":"Bubble","description":"This demo for Essential JS2 Maps control illustrates the top 30 countries which has highest Internet users in bubbles of the year 2016.","category":"Features","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"bubble.html","path":"src/maps/bubble.html"},{"displayName":"bubble.ts","path":"src/maps/bubble.ts"},{"displayName":"population-data.ts","path":"src/maps/map-data/population-data.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010107","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"navigation-line","name":"Navigation Lines","description":"This demo for Essential JS2 Maps control illustrates the sea routes between various cities for shipping.","category":"Features","api":{"Maps":["titleSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"navigation-line.html","path":"src/maps/navigation-line.html"},{"displayName":"navigation-line.ts","path":"src/maps/navigation-line.ts"},{"displayName":"map-location.json","path":"src/maps/map-data/map-location.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010108","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"legend","name":"Legend","description":"This demo for Essential JS2 Maps control visualizes grouping of countries in the legend based on its population density.","category":"Features","api":{"Maps":["zoomSettings","titleSettings","legendSettings","layers"]},"sourceFiles":[{"displayName":"legend.html","path":"src/maps/legend.html"},{"displayName":"legend.ts","path":"src/maps/legend.ts"},{"displayName":"legend-datasource.json","path":"src/maps/map-data/legend-datasource.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010109","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"color-mapping","name":"Color Mapping","description":"This sample shows the average amount of rainfall and snowfall in spring season of all the states in US. Color mapping is applied to the shapes.","category":"Features","api":{},"sourceFiles":[{"displayName":"color-mapping.html","path":"src/maps/color-mapping.html"},{"displayName":"color-mapping.ts","path":"src/maps/color-mapping.ts"},{"displayName":"color-mapping.json","path":"src/maps/map-data/color-mapping.json"}],"uid":"00101010","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"annotation","name":"Annotations","description":"This demo for Essential JS2 Maps control depicts the facts about Africa continent and a direction compass in an annotation.","category":"Features","api":{"Maps":["zoomSettings","annotations","layers"]},"sourceFiles":[{"displayName":"annotation.html","path":"src/maps/annotation.html"},{"displayName":"annotation.ts","path":"src/maps/annotation.ts"},{"displayName":"africa-continent.json","path":"src/maps/map-data/africa-continent.json"}],"uid":"00101011","order":1,"component":"Maps","dir":"maps","parentId":"010"},{"url":"osm","name":"OpenStreetMap","category":"Map Providers","sourceFiles":[{"displayName":"osm.html","path":"src/maps/osm.html"},{"displayName":"osm.ts","path":"src/maps/osm.ts"}],"uid":"00101012","order":2,"component":"Maps","dir":"maps","parentId":"010"},{"url":"osm-with-navigation-lines","name":"OSM with Navigation Lines","category":"Map Providers","sourceFiles":[{"displayName":"osm-navigationlines.html","path":"src/maps/osm-with-navigation-lines.html"},{"displayName":"osm-navigationlines.ts","path":"src/maps/osm-with-navigation-lines.ts"}],"uid":"00101013","order":2,"component":"Maps","dir":"maps","parentId":"010"},{"url":"osm-with-sublayers","name":"OSM with Sublayer","category":"Map Providers","sourceFiles":[{"displayName":"osm-sublayers.html","path":"src/maps/osm-with-sublayers.html"},{"displayName":"osm-sublayers.ts","path":"src/maps/osm-with-sublayers.ts"},{"displayName":"africa.json","path":"src/maps/map-data/africa.json"}],"uid":"00101014","order":2,"component":"Maps","dir":"maps","parentId":"010"},{"url":"tooltip","name":"Tooltip","description":"This demo for Essential JS2 Maps control depicts the countries that were appeared in the finals of Cricket World Cup and their counts.","category":"User Interaction","api":{"Maps":["titleSettings","zoomSettings","legendSettings","layers"]},"sourceFiles":[{"displayName":"tooltip-datasource.html","path":"src/maps/tooltip.html"},{"displayName":"tooltip-datasource.ts","path":"src/maps/tooltip.ts"},{"displayName":"tooltip-datasource.json","path":"src/maps/map-data/tooltip-datasource.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101015","order":3,"component":"Maps","dir":"maps","parentId":"010"},{"url":"selection","name":"Selection & Highlight","description":"This demo for Essential JS2 Maps control visualizes USA president election results in the year 2016. Default and interactive are the two types of legend.","category":"User Interaction","api":{"Maps":["titleSettings","legendSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"selection.html","path":"src/maps/selection.html"},{"displayName":"selection.ts","path":"src/maps/selection.ts"},{"displayName":"selection-datasource.json","path":"src/maps/map-data/selection-datasource.json"},{"displayName":"usa.json","path":"src/maps/map-data/usa.json"}],"uid":"00101016","order":3,"component":"Maps","dir":"maps","parentId":"010"},{"url":"zooming","name":"Zooming & Panning","description":"This demo for Essential JS2 Maps control depicts the properties required to zoom and pan the rendered map.","category":"User Interaction","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"zooming.html","path":"src/maps/zooming.html"},{"displayName":"zooming.ts","path":"src/maps/zooming.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"},{"displayName":"zooming-datasource.json","path":"src/maps/map-data/zooming-datasource.json"}],"uid":"00101017","order":3,"component":"Maps","dir":"maps","parentId":"010"},{"url":"zoom-marker","name":"Zoom to fit all markers","type":"new","description":"This demo for Essential JS2 Maps control depicts the capitals of all countries in south america using markers and map will zoom based on marker position.","category":"User Interaction","api":{"Maps":["zoomSettings","layers","marker"]},"sourceFiles":[{"displayName":"zoom-marker.html","path":"src/maps/zoom-marker.html"},{"displayName":"zoom-marker.ts","path":"src/maps/zoom-marker.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"},{"displayName":"southamerica-country-capitals.json","path":"src/maps/map-data/southamerica-country-capitals.json"}],"uid":"00101018","order":3,"component":"Maps","dir":"maps","parentId":"010"},{"url":"drilldown","name":"Drill Down","description":"This demo for Essential JS2 Maps control demonstrates drill down with all the continents in the initial view and countries on drill.","category":"User Interaction","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"drilldown.html","path":"src/maps/drilldown.html"},{"displayName":"drilldown.ts","path":"src/maps/drilldown.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"},{"displayName":"africa.json","path":"src/maps/map-data/africa.json"},{"displayName":"europe.json","path":"src/maps/map-data/europe.json"},{"displayName":"asia.json","path":"src/maps/map-data/asia.json"},{"displayName":"north-america.json","path":"src/maps/map-data/north-america.json"},{"displayName":"south-america.json","path":"src/maps/map-data/south-america.json"},{"displayName":"oceania.json","path":"src/maps/map-data/oceania.json"}],"uid":"00101019","order":3,"component":"Maps","dir":"maps","parentId":"010"},{"url":"print","name":"Print","description":"This demo for Essential JS2 Maps control illustrates the printing functionality in the maps control.","category":"Print and Export","api":{"Maps":["titleSettings","legendSettings","layers"]},"sourceFiles":[{"displayName":"print.html","path":"src/maps/print.html"},{"displayName":"print.ts","path":"src/maps/print.ts"},{"displayName":"print-datasource.json","path":"src/maps/map-data/print-datasource.json"},{"displayName":"usa.json","path":"src/maps/map-data/usa.json"}],"uid":"00101020","order":4,"component":"Maps","dir":"maps","parentId":"010"},{"url":"export","name":"Export","description":"This demo for Essential JS2 Maps control illustrates the exporting functionality in the maps control.","category":"Print and Export","api":{"Maps":["titleSettings","layers"]},"sourceFiles":[{"displayName":"export.html","path":"src/maps/export.html"},{"displayName":"export.ts","path":"src/maps/export.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101021","order":4,"component":"Maps","dir":"maps","parentId":"010"},{"url":"heat-map","name":"Heat Map","description":"This demo for Essential JS2 Maps control visualizes the state wise population of India in the year 2011. Color for states will be applied based on its value.","category":"Use Cases","api":{"Maps":["titleSettings","legendSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"heat-map.html","path":"src/maps/heat-map.html"},{"displayName":"heat-map.ts","path":"src/maps/heat-map.ts"},{"displayName":"heatmap-datasource.json","path":"src/maps/map-data/heatmap-datasource.json"},{"displayName":"india.json","path":"src/maps/map-data/india.json"}],"uid":"00101022","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"curved-lines","name":"Flight routes","description":"This demo for Essential JS2 Maps control demonstrates the flight routes from India to China using navigation lines feature.","category":"Use Cases","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"curved-lines.html","path":"src/maps/curved-lines.html"},{"displayName":"curved-lines.ts","path":"src/maps/curved-lines.ts"},{"displayName":"marker-location.json","path":"src/maps/map-data/marker-location.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101023","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"earthquake","name":"Earthquake indication","description":"This demo for Essential JS2 Maps control demonstrates the earth quack occurred in Sumatra, Indonesia in the year 2009.","category":"Use Cases","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"earthquake.html","path":"src/maps/earthquake.html"},{"displayName":"earthquake.ts","path":"src/maps/earthquake.ts"},{"displayName":"asia.json","path":"src/maps/map-data/asia.json"}],"uid":"00101024","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"highlighted-region","name":"Highlighted region","description":"This demo for Essential JS2 Maps control depicts the ATM populated areas in Oklahoma by highlighting the regions.","category":"Use Cases","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"highlighted-region.html","path":"src/maps/highlighted-region.html"},{"displayName":"highlighted-region.ts","path":"src/maps/highlighted-region.ts"},{"displayName":"oklahoma.json","path":"src/maps/map-data/oklahoma.json"}],"uid":"00101025","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"cyber-attack-map","name":"Cyber Attack Map","description":"This demo for Essential JS2 Maps control visualizes the cyber attack map, which displays the cyber attacks and threats from various countries to USA.","category":"Use Cases","api":{"Maps":["layers"]},"sourceFiles":[{"displayName":"cyber-attack-map.html","path":"src/maps/cyber-attack-map.html"},{"displayName":"cyber-attack-map.ts","path":"src/maps/cyber-attack-map.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101026","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"dynamic-marker","name":"Dynamic markers","description":"This demo for Essential JS2 Maps control visualizes the dynamically added the marker and navigation line.","category":"Use Cases","api":{"Maps":["layers","markerSetting","navigationLineSettings","click"]},"sourceFiles":[{"displayName":"dynamic-marker.html","path":"src/maps/dynamic-marker.html"},{"displayName":"dynamic-marker.ts","path":"src/maps/dynamic-marker.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101027","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"pie","name":"Map with Pie chart","description":"This demo for Essential JS2 Maps control visualizes the placing of pie charts on the maps using marker templates.","category":"Use Cases","api":{"Maps":["titleSettings","legendSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"pie.html","path":"src/maps/pie.html"},{"displayName":"pie.ts","path":"src/maps/pie.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101028","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"map-with-slider","name":"Map with Slider","description":"This demo for Essential JS2 Maps control demonstrates the rendering of normal geometry type shapes on the map.","category":"Use Cases","api":{},"sourceFiles":[{"displayName":"map-with-slider.html","path":"src/maps/map-with-slider.html"},{"displayName":"map-with-slider.ts","path":"src/maps/map-with-slider.ts"},{"displayName":"population-growth.json","path":"src/maps/map-data/population-growth.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101029","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"sales-map","name":"Sales map","type":"new","description":"This demo for Essential JS2 Maps control depicts the sales details from all over the world using marker.","category":"Use Cases","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"sales-map.html","path":"src/maps/sales-map.html"},{"displayName":"sales-map.ts","path":"src/maps/sales-map.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"},{"displayName":"seat.json","path":"src/maps/map-data/sales-map.json"}],"uid":"00101030","order":5,"component":"Maps","dir":"maps","parentId":"010"},{"url":"seat-selection","name":"Bus seat booking","description":"This demo for Essential JS2 Maps control demonstrates the rendering of normal geometry type shapes on the map.","category":"Use Cases","api":{},"sourceFiles":[{"displayName":"seat-selection.html","path":"src/maps/seat-selection.html"},{"displayName":"seat-selection.ts","path":"src/maps/seat-selection.ts"},{"displayName":"seat.json","path":"src/maps/map-data/seat.json"}],"uid":"00101031","order":5,"component":"Maps","dir":"maps","parentId":"010"}],"order":1,"uid":"010"},{"name":"Range Selector","directory":"range-navigator","category":"Data Visualization","ftName":"rangenavigator","samples":[{"url":"default","name":"Default","description":"This demo for Essential JS2 Range Navigator control shows the default rendering of range navigator with range area series.","category":"Range Selector","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"0011110","order":0,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"light-weight","name":"Lightweight","description":"This demo for Essential JS2 Range Navigator control shows the rendering of light-weight range navigator.","category":"Range Selector","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011111","order":0,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"date-time","name":"DateTime","description":"This demo for Essential JS2 Range Navigator control shows how to plot date-time values in range navigator.","category":"Axis","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"0011112","order":1,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"double","name":"Numeric Axis","description":"This demo for Essential JS2 Range Navigator control shows how to plot numeric data values in the range navigator.","category":"Axis","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011113","order":1,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"logarithmic","name":"Logarithmic Axis","description":"This demo for Essential JS2 Range Navigator control shows how to visualize the logarithmic scale when data has wide range of values.","category":"Axis","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011114","order":1,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"multilevel","name":"Multilevel Labels","description":"This demo for Essential JS2 Range Navigator control shows how to display the second level labels in range navigator.","category":"Axis","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011115","order":1,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"period-selector","name":"Default","description":"This demo for Essential JS2 Range Navigator control shows how to display the period selector for a range with specified periods.","category":"Period Selector","api":{"RangeNavigator":["PeriodSelector","series","intervalType"]},"uid":"0011116","order":2,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"period-selector-stocks","name":"Stock Chart","description":"This demo for Essential JS2 Range Navigator control shows how to render the stock charts with specified periods using period selector.","category":"Period Selector","api":{"RangeNavigator":["PeriodSelector","series","intervalType"]},"uid":"0011117","order":2,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"empty-data","name":"Empty Points","description":"This demo for Essential JS2 Range Navigator control shows how to render the empty points in the range navigator.","category":"Customization","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011118","order":3,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"filter","name":"Filter","description":"This demo for Essential JS2 Range Navigator control shows how to bind the filtered values of the range navigator to grid control.","category":"Customization","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"0011119","order":3,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"export","name":"Print and Export","description":"This demo for Essential JS2 Range Navigator control shows how to print the charts and export the chart contents to various formats at client-side.","category":"Export","api":{"RangeNavigator":["valueType","series","export"]},"uid":"00111110","order":4,"component":"Range Selector","dir":"range-navigator","parentId":"011"},{"url":"right-to-left","name":"RTL","description":"This demo for Essential JS2 Range Navigator control shows how to invert an axis in the range navigator.","category":"RTL","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"00111111","order":5,"component":"Range Selector","dir":"range-navigator","parentId":"011"}],"order":1,"uid":"011"},{"name":"Smith Chart","directory":"smith-chart","category":"Data Visualization","ftName":"smithchart","samples":[{"url":"default","name":"Default","description":"This demo for Essential JS2 Smith Chart control visualizes two transmissions. Impedance and admittance are the two types of rendering in smith chart.","category":"Smith Chart","api":{},"uid":"0012120","order":0,"component":"Smith Chart","dir":"smith-chart","parentId":"012"},{"url":"custom","name":"Customization","description":"This demo for Essential JS2 Smith Chart control visualizes the properties required to render the smith chart.","category":"Smith Chart","api":{},"uid":"0012121","order":0,"component":"Smith Chart","dir":"smith-chart","parentId":"012"},{"url":"print-export","name":"Print and Export","description":"This demo for Essential JS2 Smith Chart control explores the exporting and printing functionality of smith chart.","category":"Smith Chart","api":{},"uid":"0012122","order":0,"component":"Smith Chart","dir":"smith-chart","parentId":"012"}],"order":1,"uid":"012"},{"name":"Barcode","directory":"barcode","category":"Data Visualization","ftName":"barcode","samples":[{"url":"ean8","name":"EAN-8","description":"This sample visualizes the 8-digit Global Trade Identification Numbers. It was introduced for use on small packages where an EAN-8 barcode would be too large.","category":"Getting Started","uid":"0013130","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"code128","name":"Code 128","description":"This sample visualizes a barcode image that presents alphanumeric combinations and it consist of start character, data digits etc.","category":"Getting Started","uid":"0013131","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"code128A","name":"Code 128A","description":"This sample visualizes a barcode image that presents information with a combination of numbers, and control characters such as tab and new line.","category":"Getting Started","uid":"0013132","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"code128B","name":"Code 128B","description":"This sample visualizes a barcode image that presents information with a combination of numbers, and control characters such as tab and new line.","category":"Getting Started","uid":"0013133","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"code128C","name":"Code 128C","description":"This sample visualizes a barcode image that presents information with a combination of numbers, uppercase and lowercase letters, and some additional characters.","category":"Getting Started","uid":"0013134","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"code93","name":"Code 93","description":"This sample has a native character set of 26 uppercase letters, 10 digits, and 7 special characters.","category":"Getting Started","uid":"0013135","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"code32","name":"Code 32","description":"This sample visualizes the pharmaceutical code that encodes numeric data in a compressed format and supports all numeric digits and all uppercase letters","category":"Getting Started","uid":"0013136","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"codabar","name":"Codabar","description":"This sample visualizes a barcode that is designed to be accurately read even when printed with dot matrix printers.","category":"Getting Started","uid":"0013137","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"ean13","name":"EAN-13","description":"This sample visualizes the 13-digit Global Trade Identification Numbers.It comprises of 13 digits such as manufacturer code, product code etc","category":"Getting Started","uid":"0013138","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"upca","name":"UPC-A","description":"A UPC-A barcode consists of four areas: number system, manufacturer code, product code, and check digit","category":"Getting Started","uid":"0013139","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"upce","name":"UPC-E","description":"This sample visualizes a product package identification number consist of 6 digits. It is mainly used for scanning products in small packages","category":"Getting Started","uid":"00131310","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"code39","name":"Code39","description":"visualizes Code 39, a self-checking barcode symbology that consists of uppercase letters, and several special characters.","category":"Getting Started","uid":"00131311","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"code39Extd","name":"Code 39 Extended","description":"This sample visualizes the model number of an item in the automotive industry.It supports both standard and extended Code 39 barcodes","category":"Getting Started","uid":"00131312","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"qrcode","name":"QR Code","description":"This sample displays a machine-readable optical label that contains information about the item to which it is attached.","category":"Getting Started","uid":"00131313","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},{"url":"datamatrix","name":"Data Matrix","description":"This example shows how to display encoded text or numerical values as the label using the Barcode component","category":"Getting Started","uid":"00131314","order":0,"component":"Barcode","dir":"barcode","parentId":"013"}],"order":1,"uid":"013"},{"name":"Sparkline Charts","directory":"sparkline","category":"Data Visualization","ftName":"sparkline","samples":[{"url":"default","name":"Default","description":"This demo for Essential JS2 Sparkline control visualizes population, population density, population growth rate, and birth rate of various countries.","category":"Sparkline Charts","api":{},"uid":"0014140","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},{"url":"series-types","name":"Series Types","description":"This demo for Essential JS2 Sparkline control depicts the various series types available in the sparkline.","category":"Sparkline Charts","api":{},"uid":"0014141","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},{"url":"axis-types","name":"Axis value types","description":"This demo for Essential JS2 Sparkline control depicts the various axis types available in the sparkline.","category":"Sparkline Charts","api":{},"uid":"0014142","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},{"url":"spark-grid","name":"Sparkline in Grid","description":"This demo for Essential JS2 Sparkline control demonstrates rendering sparklines in the data grid control.","category":"Sparkline Charts","api":{},"uid":"0014143","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},{"url":"customization","name":"Customization","description":"This demo for Essential JS2 Sparkline control depicts the properties required to customize the sparkline.","category":"Sparkline Charts","api":{},"uid":"0014144","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},{"url":"live-update","name":"Live Update","description":"This demo for Essential JS2 Sparkline control depicts the task manager with live data update for sparklines.","category":"Sparkline Charts","api":{},"uid":"0014145","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},{"url":"range-band","name":"Range Band","description":"This demo for Essential JS2 Sparkline control depicts the range band feature and its customization options.","category":"Sparkline Charts","api":{},"uid":"0014146","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"}],"order":1,"uid":"014"},{"name":"TreeMap","directory":"treemap","category":"Data Visualization","samples":[{"url":"default","name":"Default Functionalities","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"default.html","path":"src/treemap/default.html"},{"displayName":"default.ts","path":"src/treemap/default.ts"},{"displayName":"car-sales.json","path":"src/treemap/treemap-data/car-sales.json"}],"uid":"0015150","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"layout","name":"Layout","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"layout.html","path":"src/treemap/layout.html"},{"displayName":"layout.ts","path":"src/treemap/layout.ts"},{"displayName":"econmics.json","path":"src/treemap/treemap-data/econmics.json"}],"uid":"0015151","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"drilldown","name":"Drilldown","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"drilldown.html","path":"src/treemap/drilldown.html"},{"displayName":"drilldown.ts","path":"src/treemap/drilldown.ts"},{"displayName":"drilldown-sample.json","path":"src/treemap/treemap-data/drilldown-sample.json"}],"uid":"0015152","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"customization","name":"Customization","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"customization.html","path":"src/treemap/customization.html"},{"displayName":"customization.ts","path":"src/treemap/customization.ts"},{"displayName":"metal.json","path":"src/treemap/treemap-data/metal.json"}],"uid":"0015153","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"label","name":"Data Label","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"label.html","path":"src/treemap/label.html"},{"displayName":"label.ts","path":"src/treemap/label.ts"},{"displayName":"country-population.json","path":"src/treemap/treemap-data/country-population.json"}],"uid":"0015154","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"tooltip","name":"Tooltip","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"tooltip.html","path":"src/treemap/tooltip.html"},{"displayName":"tooltip.ts","path":"src/treemap/tooltip.ts"},{"displayName":"airport-count.json","path":"src/treemap/treemap-data/airport-count.json"}],"uid":"0015155","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"election","name":"Legend","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"election.html","path":"src/treemap/election.html"},{"displayName":"election.ts","path":"src/treemap/election.ts"},{"displayName":"election-data.json","path":"src/treemap/treemap-data/election-data.json"}],"uid":"0015156","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"color-mapping","name":"Color Mapping","description":"This demo for Essential JS2 TreeMap control visualizes the population level of various continents in 2011 based on the gender and age group.","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"color-mapping.html","path":"src/treemap/color-mapping.html"},{"displayName":"color-mapping.ts","path":"src/treemap/color-mapping.ts"},{"displayName":"largest-population-city.ts","path":"src/treemap/treemap-data/color.json"}],"uid":"0015157","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"selection","name":"Selection & Highlight","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"selection.html","path":"src/treemap/selection.html"},{"displayName":"selection.ts","path":"src/treemap/selection.ts"},{"displayName":"import.json","path":"src/treemap/treemap-data/import.json"}],"uid":"0015158","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"print","name":"Print & Export","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"print.html","path":"src/treemap/print.html"},{"displayName":"print.ts","path":"src/treemap/print.ts"},{"displayName":"product.json","path":"src/treemap/treemap-data/product.json"}],"uid":"0015159","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"pie","name":"TreeMap with Pie","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"pie.html","path":"src/treemap/pie.html"},{"displayName":"pie.ts","path":"src/treemap/pie.ts"},{"displayName":"continent_data.json","path":"src/treemap/treemap-data/continent_data.json"}],"uid":"00151510","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},{"url":"rtl","name":"RTL","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"rtl.html","path":"src/treemap/rtl.html"},{"displayName":"rtl.ts","path":"src/treemap/rtl.ts"},{"displayName":"rtl-data.json","path":"src/treemap/treemap-data/rtl-data.json"}],"uid":"00151511","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"}],"order":1,"uid":"015"},{"name":"Bullet Chart","directory":"bullet-chart","category":"Data Visualization","ftName":"bullet-chart","type":"preview","samples":[{"url":"default","name":"Default","description":"This demo for Essential JS2 Bullet Chart control shows the default rendering of bullet chart with different customized values.","category":"Bullet Chart","api":{"BulletChart":["tooltip","titleStyle","enableGroupSeparator","labelFormat"]},"uid":"0016160","order":0,"component":"Bullet Chart","dir":"bullet-chart","parentId":"016"},{"url":"multiple-data","name":"Multiple Data","description":"This demo for Essential JS2 Bullet Chart control shows the default rendering of bullet chart with multiple data values.","category":"Bullet Chart","api":{"BulletChart":["tooltip","titleStyle","labelFormat","dataSource"]},"uid":"0016161","order":0,"component":"Bullet Chart","dir":"bullet-chart","parentId":"016"},{"url":"right-to-left","name":"RTL","description":"This demo for Essential JS2 Bullet Chart control shows the default rendering of bullet chart with right to left mode.","category":"Bullet Chart","api":{"BulletChart":["tooltip","titleStyle","labelFormat","enableRtl"]},"uid":"0016162","order":0,"component":"Bullet Chart","dir":"bullet-chart","parentId":"016"},{"url":"bar-customization","name":"Feature and Target Bar","description":"This demo for Essential JS2 Bullet Chart control shows the default rendering of bullet chart with different customized bar types.","category":"Bullet Chart","api":{"BulletChart":["tooltip","titleStyle","labelFormat","enableRtl"]},"uid":"0016163","order":0,"component":"Bullet Chart","dir":"bullet-chart","parentId":"016"},{"url":"customization","name":"Range and Label Settings","description":"This demo for Essential JS2 Bullet Chart control shows the default rendering of bullet chart with different customized values.","category":"Bullet Chart","api":{"BulletChart":["tooltip","titleStyle","labelFormat","enableRtl"]},"uid":"0016164","order":0,"component":"Bullet Chart","dir":"bullet-chart","parentId":"016"},{"url":"tooltip","name":"Tooltip Template","description":"This demo for Essential JS2 Bullet Chart control shows the tooltip customization.","category":"Bullet Chart","api":{"BulletChart":["tooltip","titleStyle","orientation"]},"uid":"0016165","order":0,"component":"Bullet Chart","dir":"bullet-chart","parentId":"016"},{"url":"orientation","name":"Orientation","description":"This demo for Essential JS2 Bullet Chart control shows the orientation sample.","category":"Bullet Chart","api":{"BulletChart":["tooltip","titleStyle","orientation"]},"uid":"0016166","order":0,"component":"Bullet Chart","dir":"bullet-chart","parentId":"016"}],"order":1,"uid":"016"},{"name":"Rich Text Editor","type":"update","directory":"rich-text-editor","category":"Editors","ftName":"wysiwyg-rich-text-editor","samples":[{"url":"tools","name":"Overview","type":"update","description":"This demo describes basic and advanced features of the JavaScript rich text editor control (WYSIWYG HTML Editor) with all its tools and functionalities.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","toolbarSettings","showCharCount","actionBegin","actionComplete","maxLength","appendTo"],"ToolbarSettings":["items"]},"uid":"0017170","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"rich-text-editor","name":"Default Functionalities","description":"This demo shows how to render HTML5 JavaScript rich text editor (JavaScript WYSIWYG HTML editor) control with a minimum configuration setting.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","appendTo"]},"uid":"0017171","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"image","name":"Image","description":"This demo explains how to insert images with a blob or base64 format, link to the images, image upload, rotate left/right, and more in JS WYSIWYG HTML Editor.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","quickToolbarSettings","toolbarClick","appendTo","getRange"],"QuickToolbarSettings":["image"]},"uid":"0017172","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"inline","name":"Inline","description":"This demo shows inline WYSIWYG HTML editor that is displayed when selecting the content or simply focusing on the content inside the JS Rich Text Editor.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","inlineMode","toolbarSettings","format","fontFamily","appendTo","dataBind"],"InlineMode":["enable","onSelection"],"ToolbarSettings":["items"],"Format":["width"],"FontFamily":["width"]},"uid":"0017173","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"paste-cleanup","name":"Paste from MS Word","description":"This demo explains how to clean up HTML when pasting a content from Microsoft Word, Visual Studio Code, Visual Studio, or a web page in JS HTML Editor.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","pasteCleanupSettings","appendTo"],"PasteCleanupSettings":["prompt","plainText","keepFormat","deniedTags","deniedAttrs","allowedStyleProps"]},"uid":"0017174","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"iframe","name":"IFrame","description":"This demo shows how to render a JavaScript rich text editor (iframe editor) that was designed by using the iframe element covering all tool functionalities.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","height","iframeSettings","toolbarSettings","actionBegin","actionComplete","appendTo"],"IFrameSettings":["enable"],"ToolbarSettings":["items"]},"uid":"0017175","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"print","name":"Print","description":"This demo sample shows how to print the content of the JavaScript rich text editor (HTML editor) with styles and formatting using the print module.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","toolbarSettings","print","appendTo"],"ToolbarSettings":["items"]},"uid":"0017176","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"ajax-load","name":"Ajax Content","description":"This demo shows how to load the content to the editor from external sources like external pages andfiles using the AJAX library in JavaScript WYSIWYG Editor.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","value","appendTo"]},"uid":"0017177","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"form-validation","name":"Form Validation","description":"This demo shows how to validate the content of the JS WYSIWYG editor using obtrusive validation with the Form validation library.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","showCharCount","maxLength","placeholder","appendTo"]},"uid":"0017178","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"resize-editor","name":"Resizable Editor","description":"This demo explains how to render a resizable JavaScript Editor that allows resizing an editor and viewing its content with an enlarging or shrunk scale.","category":"Rich Text Editor","api":{"RichTextEditor":["enableResize","appendTo"]},"uid":"0017179","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"api","name":"API","description":"This demo covers important APIs of the JavaScript rich text editor such as content length, HTML encoding, read-only, retrieve the selected content, and more.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","showCharCount","maxLength","appendTo","readonly","enabled","enableHtmlEncode","value","getSelection","selectAll"]},"uid":"00171710","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"client-side-events","name":"Events","description":"This demo explains client-side events of JavaScript HTML Text Editor that is triggered on editing and formatting operations with an event tracer.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","toolbarSettings","created","actionBegin","actionComplete","focus","blur","change","toolbarClick","appendTo"],"ToolbarSettings":["items"]},"uid":"00171711","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"blog-posting","name":"Use Case","description":"The Rich Text Editor is used in most real-time applications. The html5 rich text editor example shows how to design a forum application in JS application.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","placeholder","value","dataBind","refresh","appendTo"]},"uid":"00171712","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"auto-save","name":"Auto Save","description":"This demo shows how to autosave the content of the editor with customized time intervals and retrieve the saved content in JS Rich Text Editor.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","placeholder","enablePersistance","saveInterval","toolbarSettings","appendTo"]},"uid":"00171713","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"types","name":"Type","description":"This demo demonstrates different types and behaviors of a toolbar used in the JS HTML Editor such as expand/collapse, multirow, and floating.","category":"Toolbar","api":{"RichTextEditor":["Inject","floatingToolbarOffset","toolbarSettings","actionBegin","actionComplete","dataBind","appendTo"],"ToolbarSettings":["items","type","enableFloating"]},"uid":"00171714","order":1,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"insert-emoticons","name":"Insert Emoticons","description":"This demo demonstrates how to insert emoticons into the rich content in JS WYSIWYG HTML Editor using a custom tool in the editor toolbar.","category":"Custom Tool","api":{"RichTextEditor":["Inject","toolbarSettings","value","created","appendTo"],"ToolbarSettings":["items"]},"uid":"00171715","order":2,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"insert-special-characters","name":"Insert Special Characters","description":"The demo demonstrates how to add special characters or symbols into the rich content in JS Rich Text Editor using a custom toolbar command.","category":"Custom Tool","api":{"RichTextEditor":["Inject","toolbarSettings","value","created","appendTo"],"ToolbarSettings":["items"]},"uid":"00171716","order":2,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"markdown-editor","name":"Overview","description":"This demo for Syncfusion JavaScript rich text editor control shows the markdown editing in the rich text editor with complete features.","category":"Markdown","api":{"RichTextEditor":["Inject","toolbarSettings","height","created","disableToolbarItem","enableToolbarItem","editorMode","appendTo"],"ToolbarSettings":["items"]},"uid":"00171717","order":3,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"markdown-editor-preview","name":"Preview","description":"This demo covers all supported features and functionalities of the JavaScript Markdown editor, which is another mode of the JavaScript Rich Text Editor.","category":"Markdown","api":{"RichTextEditor":["Inject","toolbarSettings","height","created","disableToolbarItem","enableToolbarItem","editorMode","actionBegin","appendTo"],"ToolbarSettings":["items"]},"uid":"00171718","order":3,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"markdown-editor-custom-format","name":"Custom Format","description":"This demo explains how to convert markdown content (with the custom format) to valid HTML markup using Markdown-to-HTML of the markdown parser in JavaScript.","category":"Markdown","api":{"RichTextEditor":["Inject","toolbarSettings","height","created","disableToolbarItem","enableToolbarItem","editorMode","formatter","appendTo"],"ToolbarSettings":["items"]},"uid":"00171719","order":3,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},{"url":"tribute","name":"Tribute JS","description":"This demo shows how to integrate Mention library like Tribute JS within the JavaScript HTML text editor to get the autocomplete popup with a suggestion list.","category":"Third-parties Integration","api":{"RichTextEditor":["placeholder","appendTo"]},"uid":"00171720","order":4,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"}],"order":2,"uid":"017"},{"name":"DocumentEditor","directory":"document-editor","category":"Editors","type":"update","hideOnDevice":true,"ftName":"document-editor","samples":[{"url":"default","name":"Default Functionalities","category":"DocumentEditor","description":"The Document Editor component in JavaScript platform is used to create, edit, view, and print Word documents in web applications.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018180","order":0,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},{"url":"character-formatting","name":"Character Formatting","category":"Editing Features","description":"The Document Editor supports character formatting such as bold, italic, underline, subscript, superscript, font color, and more in JavaScript platform.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018181","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},{"url":"paragraph-formatting","name":"Paragraph Formatting","category":"Editing Features","description":"The Document Editor supports paragraph formatting such as indentation, paragraph spacing, line spacing, and text alignment in JavaScript platform.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018182","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},{"url":"styles","name":"Styles","category":"Editing Features","description":"The Document Editor supports both built-in and custom styles for character format and paragraph format.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018183","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},{"url":"bullets-and-numbering","name":"Bullets and Numbering","category":"Editing Features","description":"The Document Editor supports bullets and numbering. Both single list and multi-level lists can be added.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018184","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},{"url":"links-and-bookmarks","name":"Hyperlinks and Bookmarks","category":"Editing Features","description":"The Document Editor supports hyperlinks and bookmarks. The link can be a file, mail, webpage, or bookmark.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018185","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},{"url":"table-formatting","name":"Table Formatting","category":"Editing Features","description":"The Document Editor supports table formatting such as cell margins, cell spacing, horizontal merge, vertical merge, border styles, background color, and more.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018186","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},{"url":"section-formatting","name":"Section Formatting","category":"Editing Features","description":"The Document Editor supports section formatting such as page size, page margins, header distance, and footer distance.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018187","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},{"url":"headers-and-footers","name":"Headers and Footers","category":"Editing Features","description":"The Document Editor supports headers and footers. Different headers and footers can be added to the first page, odd pages, and even pages.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018188","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},{"url":"table-of-contents","name":"Table of Contents","category":"Editing Features","description":"The Document Editor supports table of contents with options for including hyperlink, page number, right-aligned tabs, and styles.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018189","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},{"url":"print","name":"Print","category":"Print","description":"The Document Editor component in JavaScript is used to view and print Word documents in web applications by injecting only the modules that are necessary.","api":{"DocumentEditor":["enablePrint","documentName","pageOutline","scrollToPage","viewChange","documentChange","zoomFactorChange"]},"uid":"00181810","order":2,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},{"url":"right-to-left","name":"Right To Left","category":"RTL","description":"The Document Editor supports right to left for users who use right-to-left languages (Arabic, Hebrew, Urdu, etc.).","api":{"DocumentEditor":["enableRtl"]},"uid":"00181811","order":3,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},{"url":"custom-context-menu","name":"Custom Context Menu","category":"Customization","description":"The Document Editor supports custom options for users who use to add custom options in context menu.","api":{"ContextMenu":["addCustomMenu","customContextMenuSelect","customContextMenuBeforeOpen"]},"uid":"00181812","order":4,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},{"url":"auto-save","name":"Auto Save","category":"Customization","description":"The Document Editor supports auto save functionality to let the users for saving the documents automatically at customized time interval.","uid":"00181813","order":4,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},{"url":"chart","name":"Chart Preservation","category":"Charts","description":"The Document Editor supports chart preservation for users who use to view their business reports with intuitive graphical data visualization.","uid":"00181814","order":5,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},{"url":"document-protection","name":"Document Protection","category":"Security","description":"The Document Editor provides document protection supports to restrict the types of changes can be made to the document by a user/user group.","uid":"00181815","order":6,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},{"url":"comments","name":"Comments","category":"Review","type":"new","description":"The Document Editor component supports add and edit comments in a Word document for comment discussion.","uid":"00181816","order":7,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true}],"order":2,"uid":"018"},{"name":"Chips","directory":"chips","category":"Editors","samples":[{"url":"default","name":"Default Functionalities","category":"Chips","description":"This sample demonstrates functionalities of Chips with different types. Click and interact the chip, to select single or multiple chips from collection.","uid":"0019190","order":0,"component":"Chips","dir":"chips","parentId":"019"},{"url":"api","name":"API","category":"Chips","description":"This sample demonstrates common API of chip control. Select any combination of properties from the property pane to customize the appearance of chip.","uid":"0019191","order":0,"component":"Chips","dir":"chips","parentId":"019"}],"order":2,"uid":"019"},{"name":"Button","directory":"button","category":"Editors","samples":[{"url":"default","name":"Default Functionalities","category":"Button","ftName":"button","api":{"Button":["isPrimary","cssClass","iconCss","isToggle","iconPosition","content"]},"description":"This example demonstrates the types (flat, toogle, outline, round), sizes and styles (primary, success, info, warning) of the Syncfusion Javascript button.","uid":"0020200","order":0,"component":"Button","dir":"button","parentId":"020"},{"url":"button-group","name":"Button Group","category":"Button","ftName":"button-group","description":"This example demonstrates the behaviors (default, checkbox, radio) of the Syncfusion Javascript ButtonGroup.","uid":"0020201","order":0,"component":"Button","dir":"button","parentId":"020"},{"url":"checkbox","name":"Checkbox","category":"Button","ftName":"checkbox","api":{"CheckBox":["label","checked","indeterminate","disabled","change"]},"description":"This example demonstrates the three different states (checked, unchecked, indeterminate) of the Syncfusion Javascript CheckBox.","uid":"0020202","order":0,"component":"Button","dir":"button","parentId":"020"},{"url":"radio-button","name":"Radio Button","category":"Button","ftName":"radio-button","api":{"RadioButton":["label","name","value","checked"]},"description":"This example demonstrates the group functionality of the Syncfusion Javascript RadioButton with checked and unchecked states.","uid":"0020203","order":0,"component":"Button","dir":"button","parentId":"020"},{"url":"dropdown-button","name":"Dropdown Menu","category":"Button","ftName":"dropdown-menu","api":{"DropDownButton":["items","cssClass","iconCss"]},"description":"This example demonstrates the usecases of the Syncfusion Javascript DropDownButton with icons, text and separator in popup action items.","uid":"0020204","order":0,"component":"Button","dir":"button","parentId":"020"},{"url":"split-button","name":"Split Button","category":"Button","ftName":"split-button","api":{"SplitButton":["items","content","iconCss","beforeItemRender"]},"description":"This example demonstrates the usecases of the Syncfusion Javascript SplitButton with icons and text in primary splitbutton.","uid":"0020205","order":0,"component":"Button","dir":"button","parentId":"020"},{"url":"switch","name":"Switch","category":"Button","ftName":"toggle-switch-button","api":{"Switch":["checked","disabled"]},"description":"This example demonstrates the toggle states (checked, unchecked) of the Syncfusion Javascript Switch.","uid":"0020206","order":0,"component":"Button","dir":"button","parentId":"020"},{"url":"progress-button","name":"Progress Button","category":"Button","ftName":"progress-button","api":{"ProgressButton":["content","iconCss","cssClass","duration","disabled","isPrimary","enableProgress","end","begin","spinSettings","animationSettings"]},"description":"This example demonstrates the different functionalities of the Syncfusion Javascript ProgressButton with spinner and progress indicator.","uid":"0020207","order":0,"component":"Button","dir":"button","parentId":"020"}],"order":2,"uid":"020"},{"name":"In-place Editor","directory":"inplace-editor","ftName":"inplace-editor","category":"Editors","samples":[{"url":"default","name":"Overview","category":"In-place Editor","description":"This sample demonstrates the default behavior of the In-place Editor control, which works by editing the values in inline and popup in TypeScript platform.","api":{"In-place Editor":["mode","type","value","showButtons","disabled"]},"uid":"0021210","order":0,"component":"In-place Editor","dir":"inplace-editor","parentId":"021"},{"url":"dropdowns","name":"DropDown Controls","category":"In-place Editor","description":"This sample demonstrates the usage of dropdown controls such as Autocomplete, ComboBox, DropDownList, and MultiSelect in TypeScript platform.","api":{"In-place Editor":["mode","type","value","enableEditMode","model"]},"uid":"0021211","order":0,"component":"In-place Editor","dir":"inplace-editor","parentId":"021"},{"url":"pickers","name":"Date Controls","category":"In-place Editor","description":"This sample demonstrates the usage of picker controls such as Date, Time, DateTime, and DateRange in TypeScript platform.","api":{"In-place Editor":["mode","type","value","enableEditMode","model"]},"uid":"0021212","order":0,"component":"In-place Editor","dir":"inplace-editor","parentId":"021"},{"url":"edit-post","name":"Edit Post","category":"Use Case","description":"This sample demonstrates the usage of In-place Editor control with a form element in TypeScript platform. Edit the values in place to update to the post.","api":{"In-place Editor":["mode","type","value"]},"uid":"0021213","order":1,"component":"In-place Editor","dir":"inplace-editor","parentId":"021"}],"order":2,"uid":"021"},{"name":"Scheduler","directory":"schedule","category":"Calendars","ftName":"scheduler","samples":[{"url":"default","name":"Default Functionalities","category":"Scheduler","description":"This demo shows how the Scheduler control functionalities work with the default set of minimal configurations in a JavaScript application.","api":{"Schedule":["height","eventSettings","selectedDate"]},"uid":"0022220","order":0,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"local-data","name":"Local Data","category":"Data Binding","description":"This demo shows how to populate appointments in the JavaScript Scheduler through local data sources like JSON data types with the proper date format.","api":{"Schedule":["eventSettings","selectedDate"]},"uid":"0022221","order":1,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"remote-data","name":"Remote Data","category":"Data Binding","description":"This demo shows how to populate appointments or events in the JS Scheduler through remote data sources such as web services, web API, URL, and OData.","api":{"Schedule":["eventSettings","selectedDate"]},"uid":"0022222","order":1,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"calendar-integration","name":"Sync Google Calendar","category":"Data Binding","description":"This example shows how to synchronously work with JavaScript Scheduler and Google Calendar by converting Scheduler events to the required format.","api":{"Schedule":["eventSettings","dataBinding","selectedDate"]},"uid":"0022223","order":1,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"recurrence-events","name":"Recurring Events","category":"Appointments","description":"This demo shows how to define recurring events (appointments) with different patterns and rules that meet iCalendar specifications in the JS Scheduler.","api":{"Schedule":["width","height","currentView","selectedDate","eventSettings"]},"uid":"0022224","order":2,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"block-events","name":"Blocking Dates and Time","category":"Appointments","description":"This example shows how to block specific days or time intervals on the JS Scheduler that helps to mark unavailable time or days in Calendar.","api":{"Schedule":["width","height","currentView","selectedDate","eventSettings"]},"uid":"0022225","order":2,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"search-events","name":"Search Events","category":"Appointments","description":"This example shows how to filter the appointments or events of the JS Scheduler based on a search string in a particular field or all fields.","api":{"Schedule":["width","height","currentView","selectedDate","eventSettings"]},"uid":"0022226","order":2,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"timezone","name":"Timezone","category":"Appointments","description":"This demo shows how the JavaScript Scheduler works with different time zones. The events in the Scheduler automatically adapt to the selected time zone.","api":{"Schedule":["timezone","selectedDate","eventSettings","eventRendered"]},"uid":"0022227","order":2,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"external-drag-drop","name":"External Drag and Drop","category":"Appointments","description":"This demo shows the ability to drag and drop appointments from an external source (such as the DataGrid, ListView, etc.) into the JavaScript Scheduler.","api":{"Schedule":["currentView","eventSettings","resourceHeaderTemplate","cssClass","workHours","views","group","resources","actionBegin"]},"uid":"0022228","order":2,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"virtual-scrolling","name":"Virtual Scrolling ","category":"Scrolling","description":"This example illustrates how to achieve high performance in the JavaScript Scheduler using virtual scrolling to load resources and events on demand.","api":{"Schedule":["views","group","resources","eventSettings"]},"uid":"0022229","order":3,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"views","name":"Basic Views","category":"Views","description":"This example demonstrates the basic views (day, week, workweek, and month) of the JavaScript Scheduler control with their default configurations.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00222210","order":4,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"timeline","name":"Timeline Views","category":"Views","description":"This example presents timeline views (day, week, workweek, and month) of the JavaScript Scheduler with their default configurations.","api":{"Schedule":["height","eventSettings","selectedDate"]},"uid":"00222211","order":4,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"agenda","name":"Agenda View","category":"Views","description":"This demo shows the agenda view of the JS Schedule that displays events as a list with virtual scrolling, with a number of initially loaded days.","api":{"Schedule":["agendaDaysCount","hideEmptyAgendaDays","currentView","views","eventSettings","selectedDate"]},"uid":"00222212","order":4,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"month-agenda","name":"Month Agenda View","category":"Views","description":"This demo presents the JavaScript Scheduler month-agenda view, which follows the month-view layout while displaying events for a selected date.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00222213","order":4,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"year","name":"Year View","category":"Views","description":"This example presents a year view of the JS Scheduler that displays appointments or events for an entire year with a horizontal or vertical layout.","api":{"Schedule":["views","eventSettings"]},"uid":"00222214","order":4,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"views-configuration","name":"Individual View Settings","category":"Views","description":"This demo shows how to configure different settings for each view in the JS Scheduler, like applying event templates to the month view alone.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00222215","order":4,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"extended-views","name":"View Intervals","category":"Views","description":"This demo shows how to design own custom views like 3 days, 2 weeks, 4 months apart from the default day, work week, month in JS Event Scheduler.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00222216","order":4,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"timeline-resources","name":"Room Scheduler","category":"Multiple Resources","description":"This demo shows how to design a meeting room calendar, conference room calendar, and cabin room manager using our JavaScript event calendar control.","api":{"Schedule":["currentView","views","selectedDate","resourceHeaderTemplate","eventSettings"]},"uid":"00222217","order":5,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"resources","name":"Fare Calendar","category":"Multiple Resources","description":"This demo is a real-time airfare calendar showcase application with flight and airfare details using the JavaScript Scheduler control.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00222218","order":5,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"resource","name":"Resources","category":"Multiple Resources","description":"This JavaScript Scheduler control example depicts how to show or hide appointments or events based on selected resources among multiple resources.","api":{"Schedule":["width","height","currentView","selectedDate","eventSettings"]},"uid":"00222219","order":5,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"group-editing","name":"Shared Events","category":"Multiple Resources","description":"This demo presents event (appointment) sharing, which enables a single event to be shared by multiple resources in the JS Scheduler event calendar.","api":{"Schedule":["resourceHeaderTemplate","group","resources","eventSettings"]},"uid":"00222220","order":5,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"group-custom-work-days","name":"Different Work Days","category":"Multiple Resources","description":"This demo shows how to set different workdays for each resource in a group to build a doctor availability application in the JS event calendar.","api":{"Schedule":["resourceHeaderTemplate","group","resources","eventSettings"]},"uid":"00222221","order":5,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"add-remove-resources","name":"Show/Hide Resources","category":"Multiple Resources","description":"This demo shows how to dynamically add or remove resources from the JavaScript Scheduler layout along with their appointments (events).","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00222222","order":5,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"adaptive-rows","name":"Row Auto Height","category":"Multiple Resources","description":"This demo shows how the work cells of the JS Scheduler adjust their height automatically based on the number of events present in those time ranges.","api":{"Schedule":["rowAutoHeight","currentView","views","selectedDate","eventSettings"]},"uid":"00222223","order":5,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"resource-grouping","name":"Horizontal Grouping","category":"Resource Grouping","description":"This demo shows how to group multiple resources (e.g., airlines) in the JS Scheduler. The resource header can be customized using a template.","api":{"Schedule":["resourceHeaderTemplate","group","resources","eventSettings"]},"uid":"00222224","order":6,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"timeline-resource-grouping","name":"Timeline Grouping","category":"Resource Grouping","description":"This demo shows how to group multiple resources with timeline views in the JS Schedule and how to display resources with expanded and collapsed headers.","api":{"Schedule":["group","resources","eventSettings"]},"uid":"00222225","order":6,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"group-by-date","name":"Date-wise Grouping ","category":"Resource Grouping","description":"This demo shows how to group multiple resources by date in the JS Scheduler. The resource row is rendered under each date in the header.","api":{"Schedule":["group","resources","eventSettings"]},"uid":"00222226","order":6,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"group-by-child","name":"Hierarchical Grouping ","category":"Resource Grouping","description":"This demo shows how to group resources in a hierarchical structure for parent-child resources in the JavaScript Scheduler control.","api":{"Schedule":["startHour","endHour","group","resources","eventSettings"]},"uid":"00222227","order":6,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"cell-template","name":"Cell","category":"Templates","description":"This demo shows how to customize the default appearance of work cells with images, links, and coloring styles using cell templates in the JS Scheduler.","api":{"Schedule":["width","height","cellTemplate","views","eventSettings","selectedDate"]},"uid":"00222228","order":7,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"date-header-template","name":"Date Header","category":"Templates","description":"This demo shows how to customize the default appearance of date header cells with images and links using the template option in the JS Scheduler.","api":{"Schedule":["cssClass","dateHeaderTemplate","eventSettings","eventRendered","renderCell"]},"uid":"00222229","order":7,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"event-template","name":"Events","category":"Templates","description":"This demo shows how to customize the look and feel of appointments (events) in the JS Shceduler with images and links by using an event template.","api":{"Schedule":["width","height","cellTemplate","views","eventSettings","selectedDate"]},"uid":"00222230","order":7,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"tooltip","name":"Tooltip","category":"Templates","description":"This demo shows how to enable tooltips (popovers) in JavaScript Scheduler appointments (events) and customize them using a tooltip template.","api":{"Schedule":["width","height","eventSettings","selectedDate"]},"uid":"00222231","order":7,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"editor-validation","name":"Field Validation","category":"Editor Window","description":"This demo covers the Appointment field validation that adds default and custom validation rules to the editor fields of the JavaScript Scheduler.","api":{"Schedule":["width","height","eventSettings","selectedDate"]},"uid":"00222232","order":8,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"editor-custom-field","name":"Additional Fields","category":"Editor Window","description":"This demo shows how to customize appointment editor (event window) with additional fields using pop-up open events in the JavaScript event calendar.","api":{"Schedule":["selectedDate","eventSettings","popupOpen"]},"uid":"00222233","order":8,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"editor-template","name":"Editor Template","category":"Editor Window","description":"This demo shows how to design custom appointment (event) editor windows by adding or removing fields from the JavaScript Scheduler appointment window.","api":{"Schedule":["editorTemplate","showQuickInfo","eventRendered","popupOpen","actionBegin"]},"uid":"00222234","order":8,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"header-rows","name":"Header Rows","category":"Customization","description":"This demo shows how to include additional header rows like week number and month number on the timeline view in the JS event calendar.","api":{"Schedule":["height","eventSettings","selectedDate","headerRows"]},"uid":"00222235","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"time-scale","name":"Timescale","category":"Customization","description":"This demo shows how to customize the default timescale with interval, show/hide gridlines, slots count, and template in JavaScript Scheduler.","api":{"Schedule":["height","width","views","timeScale"]},"uid":"00222236","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"context-menu","name":"Context Menu","category":"Customization","description":"This example shows how to integrate the context menu within the JavaScript Scheduler and control the related functionalities using menu options.","api":{"Schedule":["width","height","eventSettings","selectedDate"]},"uid":"00222237","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"header-bar","name":"Header Bar","category":"Customization","description":"This demo shows how to use templating to customize the header bar of the JavaScript Scheduler with images, links, styles, and other UI controls.","api":{"Schedule":["width","height","workHours","views","eventSettings","selectedDate"]},"uid":"00222238","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"scroll-to","name":"Scroll Time","category":"Customization","description":"This example demonstrates how to scroll to a specific time programmatically based on the selected time in the JavaScript Scheduler control.","api":{"Schedule":["width","height","eventSettings","eventRendered","scrollTo"]},"uid":"00222239","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"work-days","name":"Work Days","category":"Customization","description":"This demo shows how to customize the workdays and the first day of the week to fit different work schedules in the JavaScript Scheduler.","api":{"Schedule":["workDays","views","eventSettings","selectedDate"]},"uid":"00222240","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"hide-weekend","name":"Hide Non-Working Days","category":"Customization","description":"This demo shows how to show or hide weekend days in the JS Scheduler, which is similar to the workweek view, but with customizable workdays.","api":{"Schedule":["showWeekend"]},"uid":"00222241","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"work-hour","name":"Work Hours","category":"Customization","description":"This demo shows how to customize the work hour range on the JS Scheduler calendar, allowing business hours other than 9 AM to 6 PM.","api":{"Schedule":["workHours","views","eventSettings","selectedDate"]},"uid":"00222242","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"start-end-hour","name":"Day Hour Limit","category":"Customization","description":"This demo shows how to limit the start and end hours in the JS Scheduler which is applicable for all views and used here to render business hours only.","api":{"Schedule":["startHour","endHour","workHours","eventRendered"]},"uid":"00222243","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"cell-dimension","name":"Cell Dimension","category":"Customization","description":"This demo shows how to change the default width and height of work cells, allowing the JS Scheduler to be viewable zoomed in or zoomed out.","api":{"Schedule":["cssClass","showTimeIndicator","eventRendered","created","actionComplete"]},"uid":"00222244","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"read-only-events","name":"Read-only Events","category":"Customization","description":"This demo shows how to make specific events in the JavaScript Scheduler read-only, making them viewable but not editable by end users.","api":{"Schedule":["eventSettings","eventRendered","eventClick","popupOpen","eventRendered"]},"uid":"00222245","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"excel-export","name":"Excel Exporting","category":"Exporting","description":"This example demonstrates how to export JavaScript Scheduler events (appointments) to the Microsoft Excel file format on the client side.","api":{"Schedule":["height","eventSettings","selectedDate"]},"uid":"00222246","order":10,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"calendar-export-import","name":"Export and Import ICS","category":"Exporting","description":"This demo shows how to handle exporting to ICS and importing from ICS in the JS Scheduler. The ICS file must come from Google Calendar or MS Outlook.","api":{"Schedule":["importICalendar","exportToICalendar"]},"uid":"00222247","order":10,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"print","name":"Print","category":"Exporting","description":"This sample demonstrates how to print all the appointments (events) in the JavaScript Scheduler on the client side using the Print Library.","api":{"Schedule":["height","eventSettings","selectedDate"]},"uid":"00222248","order":10,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"recurrence-editor-generate-rule","name":"Rule Generator","category":"Recurrence Editor","description":"This demo showcases how to generate various recurrence pattern rules, such as daily, weekly, monthly, and yearly, using the Recurrence Editor.","uid":"00222249","order":11,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"recurrence-editor-populate-rule","name":"Populate Rule","category":"Recurrence Editor","description":"This demo shows how to populate a predefined set of recurrence rules in the Recurrence Editor fields to help users create recurring events.","uid":"00222250","order":11,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"keyboard-interaction","name":"Keyboard Interaction","category":"Miscellaneous","description":"This demo showcases all the available keyboard shortcuts that help users perform actions using only the keyboard in the JavaScript Scheduler control.","api":{"Schedule":["width","height","eventSettings","selectedDate","allowKeyboardInteraction"]},"uid":"00222251","order":12,"component":"Scheduler","dir":"schedule","parentId":"022"},{"url":"events","name":"Events","category":"Miscellaneous","description":"This demo lists the client-side events triggered on JavaScript Scheduler actions in the Event Tracer. The Event Tracer also includes a Clear option.","api":{"Schedule":["width","height","eventSettings","eventRendered","created","actionBegin","actionComplete","actionFailure","cellClick","cellDoubleClick","destroyed","navigating","eventClick","popupOpen"]},"uid":"00222252","order":12,"component":"Scheduler","dir":"schedule","parentId":"022"}],"order":3,"uid":"022"},{"name":"Gantt","directory":"gantt","category":"Calendars","ftName":"gantt","type":"update","samples":[{"url":"default","name":"Default Functionalities","category":"Gantt","api":{"Gantt":["dataSource","taskFields","height","highlightWeekends","eventMarkers","labelSettings"]},"description":"This example demonstrates the simple Gantt chart with summary task, child tasks, milestone tasks, dependencies with event markers of project","uid":"0023230","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"local-data","name":"Local Data","category":"Data Binding","api":{"Gantt":["dataSource","height","taskFields","columns","treeColumnIndex","allowSelection","highlightWeekends","labelSettings","projectStartDate","projectEndDate"]},"description":"This example demonstrates the way of binding local data to Gantt chart with an array of JavaScript objects.","uid":"0023231","order":1,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"remote-data","name":"Remote Data","category":"Data Binding","api":{"Gantt":["dataSource","height","taskFields","columns","treeColumnIndex","allowSelection","gridLines","highlightWeekends","timelineSettings","labelSettings","includeWeekend","projectStartDate","projectEndDate"]},"description":"This sample demonstrates the way of binding data to Gantt chart with remote service. The Gantt chart data source is bound to remote data using DataManager.","uid":"0023232","order":1,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"self-reference-data","name":"Self Reference Data","category":"Data Binding","api":{"Gantt":["dataSource","height","taskFields","columns","treeColumnIndex","allowSelection","highlightWeekends","labelSettings","projectStartDate","projectEndDate"]},"description":"This example demonstrates the way of binding self-referential flat data with parentID to the Gantt chart.","uid":"0023233","order":1,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"work-week","name":"Workweek","category":"Scheduling Concepts","api":{"Gantt":["dataSource","taskFields","height","highlightWeekends","workWeek","labelSettings"]},"description":"This sample demonstrates the way to bind the customizable array of working days in a week for project.","uid":"0023234","order":2,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"working-time-range","name":"Working Time Range","category":"Scheduling Concepts","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","projectStartDate","projectEndDate","highlightWeekends","timelineSettings","dayWorkingTime"]},"description":"This example demonstrates how to customize the working time of a day for the whole project. We can define working time in different intervals.","uid":"0023235","order":2,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"holidays","name":"Holidays","category":"Scheduling Concepts","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","projectStartDate","projectEndDate","holidays"]},"description":"This example demonstrates how to define holidays in the project, which should be considered while calculating the duration and on rendering taskbars.","uid":"0023236","order":2,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"resources","name":"Resource Allocation","category":"Scheduling Concepts","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","projectStartDate","projectEndDate","resourceIDMapping","resourceNameMapping","resources","resourceInfo"]},"description":"This example demonstrates how to allocate available resources to the task based on their skills and availability","uid":"0023237","order":2,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"event-markers","name":"Event Markers","category":"Scheduling Concepts","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","projectStartDate","projectEndDate","eventMarkers"]},"description":"This example demonstrates how to highlight the different stages in the project development cycle just like bookmark.","uid":"0023238","order":2,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"indicators","name":"Indicators","category":"Scheduling Concepts","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","projectStartDate","projectEndDate","indicators"]},"description":"This example demonstrates how to highlight some important details of tasks on specified date in the project with the label and icons.","uid":"0023239","order":2,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"baseline","name":"Baseline","category":"Scheduling Concepts","api":{"Gantt":["dataSource","renderBaseline","taskFields","columns","treeColumnIndex","allowSelection","includeWeekend","timelineSettings","tooltipSettings","durationUnit","dateFormat","dayWorkingTime","height","projectStartDate","projectEndDate"]},"description":"Baselines are enabled to view the deviation between the planned dates of tasks and actual progress of task dates","uid":"00232310","order":2,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"unscheduled-tasks","name":"Unscheduled Tasks","category":"Scheduling Concepts","api":{"Gantt":["dataSource","taskFields","editSettings","toolbar","height","labelSettings","allowUnscheduledTasks","projectStartDate","projectEndDate","toolbarClick","splitterSettings","columns"]},"description":"This example demonstrates the unscheduled tasks in Gantt with custom toolbar item and dynamic add support.","uid":"00232311","order":2,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"timeline","name":"Timeline API","category":"Timeline","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","projectStartDate","projectEndDate","highlightWeekends","resourceNameMapping","resourceIDMapping","resources","timelineSettings","splitterSettings","treeColumnIndex","labelSettings","eventMarkers"]},"description":"This example demonstrates the various timeline mode options and properties available to customize the timeline in Gantt","uid":"00232312","order":3,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"zooming","name":"Zooming","category":"Timeline","api":{"Gantt":["dataSource","taskFields","height","toolbar","labelSettings","projectStartDate","projectEndDate"]},"description":"This example demonstrates the zooming support of the Gantt chart timeline and ZoomToFit support of the Gantt chart.","uid":"00232313","order":3,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"editing","name":"Editing","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","height","taskFields","editSettings","toolbar","columns","treeColumnIndex","allowSelection","gridLines","resourceNameMapping","resourceIDMapping","resources","highlightWeekends","timelineSettings","labelSettings","labelSettings","projectStartDate","projectEndDate"]},"description":"This example demonstrates the cell editing, dialog editing, taskbar editing and dependency editing support in Gantt","uid":"00232314","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"selection","name":"Selection","category":"Gantt","type":"update","api":{"Gantt":["dataSource","height","taskFields","allowSelection","treeColumnIndex","allowSelection","highlightWeekends","labelSettings","projectStartDate","projectEndDate"]},"description":"This example demonstrates the various selection support of row and cell with different type in Syncfusion Essential JS2 Gantt","uid":"00232315","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"filtering","name":"Filtering","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","taskFields","columns","treeColumnIndex","height","timelineSettings","labelSettings","toolbar","allowFiltering","includeWeekend","timelineSettings","splitterSettings","durationUnit","dayWorkingTime","projectStartDate","projectEndDate"]},"description":"This example demonstrates the filtering support with filter menu option for various types of columns in Gantt","uid":"00232316","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"contextMenu","name":"Context Menu","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","height","taskFields","editSettings","toolbar","columns","treeColumnIndex","allowSelection","gridLines","resourceNameMapping","resourceIDMapping","resources","highlightWeekends","timelineSettings","labelSettings","labelSettings","projectStartDate","projectEndDate","enableContextMenu","contextMenuItems"]},"description":"This demo explains the usage of context menu and the default context menu items in Syncfusion Gantt control.","uid":"00232317","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"exporting","name":"Exporting","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","height","taskFields","toolbar","allowExcelExport","treeColumnIndex","allowSelection","gridLines","resourceNameMapping","resourceIDMapping","resources","highlightWeekends","timelineSettings","labelSettings","projectStartDate","projectEndDate","toolbarClick"]},"description":"This demo explains how to export Gantt content to Excel and CSV documents using the Syncfusion TypeScript Gantt control.","uid":"00232318","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"events","name":"Events","category":"Gantt","type":"update","api":{"Gantt":["dataSource","height","taskFields","toolbar","treeColumnIndex","allowSelection","highlightWeekends","labelSettings","projectStartDate","projectEndDate","toolbarClick"]},"description":"This demo demonstrates the basic functionalities of the events that are available in the Syncfusion Essential JS2 Gantt.","uid":"00232319","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"keyboard-interactions","name":"Keyboard Interactions","category":"Gantt","api":{"Gantt":["dataSource","height","taskFields","toolbar","allowKeyboard","columns","editSettings","treeColumnIndex","highlightWeekends","labelSettings","projectStartDate","projectEndDate"]},"description":"This demo demonstrates the key combinations used to perform corresponding Gantt actions in Syncfusion Essential JS2 Gantt.","uid":"00232320","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"column-menu","name":"Column Menu","category":"Columns","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","allowFiltering","allowSorting","showColumnMenu","height","columns","highlightWeekends","labelSettings","splitterSettings","projectStartDate","projectEndDate"]},"description":"This demo explains the default functionalities of the Column Menu in Syncfusion Essential JS2 Gantt.","uid":"00232321","order":4,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"show-hide-column","name":"Show or Hide Column","category":"Columns","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","columns","highlightWeekends","labelSettings","splitterSettings","projectStartDate","projectEndDate"]},"description":"This demo explains how to hide or show the columns of Gantt dynamically using Syncfusion Essential JS2 Gantt methods.","uid":"00232322","order":4,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"reorder","name":"Column Reorder","category":"Columns","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","allowReordering","height","columns","highlightWeekends","labelSettings","splitterSettings","projectStartDate","projectEndDate"]},"description":"This demo explains how to reorder the columns of Gantt by simple drag and drop of columns using Syncfusion Essential JS2 Gantt.","uid":"00232323","order":4,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"resizing","name":"Column Resize","category":"Columns","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","allowResizing","height","columns","highlightWeekends","labelSettings","splitterSettings","projectStartDate","projectEndDate"]},"description":"This demo explains how to resize the width of the Gantt columns in Syncfusion Essential Javascript 2 Gantt control","uid":"00232324","order":4,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"column-template","name":"Column Template","category":"Columns","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","rowHeight","columns","highlightWeekends","labelSettings","resourceNameMapping","resourceIDMapping","resources","splitterSettings","projectStartDate","projectEndDate"]},"description":"This demo explains how to customize column headers to show additional HTML elements, such as icons, images, etc. in Syncfusion Essential JS2 Gantt control.","uid":"00232325","order":4,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"header-template","name":"Header Template","category":"Columns","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","columns","highlightWeekends","labelSettings","resourceNameMapping","resourceIDMapping","resources","splitterSettings","projectStartDate","projectEndDate"]},"description":"This demo explains how to customize column headers to show additional HTML elements, such as icons, images, etc. in Syncfusion Essential JS2 Gantt control.","uid":"00232326","order":4,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"taskbar-template","name":"Taskbar Template","category":"Customization","api":{"Gantt":["dataSource","dateFormat","taskFields","columns","treeColumnIndex","rowHeight","taskbarHeight","dayWorkingTime","durationUnit","eventMarkers","height","taskbarTemplate","milestoneTemplate","projectStartDate","projectEndDate","timelineSettings","splitterSettings","labelSettings","tooltipSettings"]},"description":"This example demonstrates the taskbar template support with child taskbar template, parent taskbar template and milestone template.","uid":"00232327","order":5,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"tasklabel-template","name":"Task Label Template","category":"Customization","api":{"Gantt":["dataSource","taskFields","columns","highlightWeekends","treeColumnIndex","rowHeight","height","resourceNameMapping","resourceIDMapping","resources","projectStartDate","projectEndDate","splitterSettings","labelSettings"]},"description":"This demo explains how to render label template for the left, right, and task labels in Syncfusion Essential JS2 Gantt.","uid":"00232328","order":5,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"tooltip-template","name":"Tooltip Template","category":"Customization","api":{"Gantt":["dataSource","height","taskFields","renderBaseline","treeColumnIndex","columns","resourceNameMapping","resourceIDMapping","resources","highlightWeekends","labelSettings","tooltipSettings","projectStartDate","projectEndDate"]},"description":"This demo explains how to render tooltip template for taskbar and baseline in Syncfusion Essential JS2 Gantt.","uid":"00232329","order":5,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"toolbar-template","name":"Toolbar Template","category":"Customization","api":{"Gantt":["dataSource","height","taskFields","allowFiltering","columns","toolbar","treeColumnIndex","highlightWeekends","labelSettings","projectStartDate","projectEndDate","toolbarClick"]},"description":"This demo explains how to render custom toolbar elements in a toolbar, by which any custom operation can be performed in Syncfusion Essential JS2 Gantt.","uid":"00232330","order":5,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"grid-lines","name":"Grid Lines","category":"Customization","api":{"Gantt":["dataSource","height","taskFields","columns","treeColumnIndex","gridLines","highlightWeekends","labelSettings","projectStartDate","projectEndDate"]},"description":"This demo explains how to customize the grid lines in Gantt by selecting values from dropdown using Syncfusion Essential JS2 Gantt.","uid":"00232331","order":5,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"sorting","name":"Default","category":"Sorting","api":{"Gantt":["dataSource","taskFields","columns","treeColumnIndex","height","labelSettings","splitterSettings","allowSorting","sortSettings","projectStartDate","projectEndDate"]},"description":"This demo demonstrates how to sort multiple columns of Gantt by holding the CTRL key and clicking the column headers of Syncfusion Essential JS2 Gantt.","uid":"00232332","order":6,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"sorting-api","name":"Sorting API","category":"Sorting","api":{"Gantt":["dataSource","taskFields","columns","treeColumnIndex","height","highlightWeekends","allowSorting","labelSettings","projectStartDate","projectEndDate"]},"description":"This demo demonstrates how to sort columns and clear sorted columns dynamically using the sortColumn and clearSorting method of Syncfusion Essential JS2 Gantt.","uid":"00232333","order":6,"component":"Gantt","dir":"gantt","parentId":"023"},{"url":"drag-and-drop","name":"Row Drag And Drop","category":"Gantt","type":"new","api":{"Gantt":["dataSource","taskFields","columns","treeColumnIndex","height","highlightWeekends","allowRowDragAndDrop","splitterSettings","labelSettings","projectStartDate","projectEndDate"]},"description":"This demo for Essential JS 2 Gantt control how the rows can be dragged within the gantt using the row drag-and-drop feature.","uid":"00232334","order":0,"component":"Gantt","dir":"gantt","parentId":"023"}],"order":3,"uid":"023"},{"name":"Calendar","directory":"calendar","category":"Calendars","samples":[{"url":"default","name":"Default Functionalities","category":"Calendar","api":{"Calendar":["change"]},"description":"This example demonstrates a simple, mobile-friendly and responsive JavaScript (TypeScript) Calendar to select a date","uid":"0024240","order":0,"component":"Calendar","dir":"calendar","parentId":"024"},{"url":"disabled","name":"Disabled Dates","category":"Calendar","api":{"Calendar":["renderDayCell","change"]},"description":"This example demonstrates how to disable the dates like weekends, weekdays and specific dates (past , future and current) in a JavaScript (TypeScript) Calendar","uid":"0024241","order":0,"component":"Calendar","dir":"calendar","parentId":"024"},{"url":"date-range","name":"Date Range","category":"Calendar","api":{"Calendar":["min","max","change"]},"description":"This example demonstrates how to disables the specific range of dates (min and max) in a JavaScript (TypeScript) Calendar","uid":"0024242","order":0,"component":"Calendar","dir":"calendar","parentId":"024"},{"url":"special-dates","name":"Special Dates","category":"Calendar","api":{"Calendar":["renderDayCell","change"]},"description":"This example demonstrates how to highlight the specific dates like weekends, holidays and special dates in a JavaScript (TypeScript) Calendar","uid":"0024243","order":0,"component":"Calendar","dir":"calendar","parentId":"024"},{"url":"multi-selection","name":"Multi Selection","category":"Calendar","api":{"Calendar":["isMultiSelection","values"]},"description":"This example demonstrates how to select the multiple dates (more than one date) in a JavaScript (TypeScript) Calendar","uid":"0024244","order":0,"component":"Calendar","dir":"calendar","parentId":"024"},{"url":"month-picker","name":"Month Picker","category":"Calendar","api":{"Calendar":["start","depth"]},"description":"The JavaScript Calendar control can act as a month and year picker. It helps you to select a month or year quickly with all month related properties.","uid":"0024245","order":0,"component":"Calendar","dir":"calendar","parentId":"024"},{"url":"islamic-calendar","name":"Islamic Calendar","category":"Calendar","api":{"Calendar":["isMultiSelection","values"]},"uid":"0024246","order":0,"component":"Calendar","dir":"calendar","parentId":"024"}],"order":3,"uid":"024"},{"name":"DatePicker","directory":"datepicker","category":"Calendars","samples":[{"url":"default","name":"Default Functionalities","category":"DatePicker","api":{"DatePicker":["placeholder"]},"description":"This example demonstrates a simple, mobile-friendly and responsive JavaScript (TypeScript) DatePicker to select a date","uid":"0025250","order":0,"component":"DatePicker","dir":"datepicker","parentId":"025"},{"url":"disabled","name":"Disabled Dates","category":"DatePicker","api":{"DatePicker":["placeholder","renderDayCell"]},"description":"This example demonstrates how to disable the dates like weekends, weekdays and specific dates (past, future and current) in a JavaScript (TypeScript) DatePicker","uid":"0025251","order":0,"component":"DatePicker","dir":"datepicker","parentId":"025"},{"url":"date-range","name":"Date Range","category":"DatePicker","api":{"DatePicker":["min","max","value","placeholder"]},"description":"DatePicker widget with min and max date options that restrict users from selecting dates within a defined range of days like past dates, future dates, etc","uid":"0025252","order":0,"component":"DatePicker","dir":"datepicker","parentId":"025"},{"url":"date-format","name":"Format","category":"DatePicker","api":{"DatePicker":["format","value","placeholder"]},"description":"This example demonstrates how to change the date time format in the input field based on the format in a JavaScript (TypeScript) DatePicker","uid":"0025253","order":0,"component":"DatePicker","dir":"datepicker","parentId":"025"},{"url":"special-dates","name":"Special Dates","category":"DatePicker","api":{"DatePicker":["value","placeholder","renderDayCell"]},"description":"DatePicker for TypeScript that highlights multiple dates like weekends, holidays, and special events with options to add custom styles and descriptions","uid":"0025254","order":0,"component":"DatePicker","dir":"datepicker","parentId":"025"},{"url":"month-picker","name":"Month Picker","category":"DatePicker","api":{"DatePicker":["start","depth"]},"description":"The JavaScript DatePicker control can act as a month and year picker. It helps you to select a month or year quickly with all months related properties.","uid":"0025255","order":0,"component":"DatePicker","dir":"datepicker","parentId":"025"}],"order":3,"uid":"025"},{"name":"DateRangePicker","directory":"daterangepicker","category":"Calendars","samples":[{"url":"default","name":"Default Functionalities","category":"DateRangePicker","api":{"DateRangePicker":["placeholder"]},"description":"A simple and lightweight DateRangePicker control for JavaScript (TypeScript) with a flexible user interface for selecting a range of dates effortlessly","uid":"0026260","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"026"},{"url":"date-range","name":"Date Range","category":"DateRangePicker","api":{"DateRangePicker":["placeholder","min","max"]},"description":"This example demonstrates how to disables the specific range of dates (min and max) in a JavaScript (TypeScript) DateRangePicker","uid":"0026261","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"026"},{"url":"day-span","name":"Day Span","category":"DateRangePicker","api":{"DateRangePicker":["placeholder","minDays","maxDays"]},"description":"This example demonstrates how to restrict the users to select the min and max number of days between the selected range of start and end dates","uid":"0026262","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"026"},{"url":"presets","name":"Preset Ranges","category":"DateRangePicker","api":{"DateRangePicker":["placeholder","presets"]},"description":"This example demonstrates how to change the date time format in the input field based on the format in a JavaScript (TypeScript) DateRangePicker","uid":"0026263","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"026"},{"url":"date-format","name":"Format","category":"DateRangePicker","api":{"DateRangePicker":["format","value"]},"description":"This example demonstrates how to specify the predefined custom date ranges (presets range) like last month, last year and current week in the dropdown popup","uid":"0026264","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"026"},{"url":"month-range-picker","name":"Month Range Picker","category":"DateRangePicker","api":{"DateRangePicker":["start","depth"]},"description":"The JavaScript DateRangePicker control can act as a month and year picker. It helps you to select a month or year quickly with all months related properties.","uid":"0026265","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"026"}],"order":3,"uid":"026"},{"name":"DateTimePicker","directory":"datetimepicker","category":"Calendars","samples":[{"url":"default","name":"Default Functionalities","category":"DateTimePicker","api":{"DateTimePicker":[]},"description":"This example demonstrates a simple, mobile-friendly and responsive JavaScript (TypeScript) DateTimePicker to select both a date and time","uid":"0027270","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"027"},{"url":"disabled","name":"Disabled Dates","category":"DateTimePicker","api":{"DateTimePicker":["renderDayCell"]},"description":"Customizable DateTimePicker widget for JavaScript (TypeScript) with disabled dates and times that restrict selection for specific date and time durations","uid":"0027271","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"027"},{"url":"date-time-range","name":"DateTime Range","category":"DateTimePicker","api":{"DatePicker":["min","max","value"]},"description":"This example demonstrates how to disables the specific range of dates and times (min and max) in a JavaScript (TypeScript) DateTimePicker","uid":"0027272","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"027"},{"url":"date-time-format","name":"Format","category":"DateTimePicker","api":{"DateTimePicker":["format","value"]},"description":"Flexible DateTimePicker for JavaScript (TypeScript) with options to customize date and time formats based on the preferred culture for improved readability","uid":"0027273","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"027"},{"url":"special-dates","name":"Special Dates","category":"DateTimePicker","api":{"DateTimePicker":["renderDayCell","value"]},"description":"This example demonstrates how to highlight the specific dates and times like weekends, holidays and special dates in a JavaScript (TypeScript) DateTimePicker","uid":"0027274","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"027"}],"order":3,"uid":"027"},{"name":"TimePicker","directory":"timepicker","category":"Calendars","samples":[{"url":"default","name":"Default Functionalities","category":"TimePicker","api":{"TimePicker":["placeholder"]},"description":"A simple and lightweight TimePicker component for JavaScript (TypeScript) for selecting times that is customizable to fit large-scale applications","uid":"0028280","order":0,"component":"TimePicker","dir":"timepicker","parentId":"028"},{"url":"time-range","name":"Time Range","category":"TimePicker","api":{"TimePicker":["placeholder","value","readonly","enabled","min","change"]},"description":"This example demonstrates how to disable the specific range of times(min and max) in a JavaScript (TypeScript) TimePicker","uid":"0028281","order":0,"component":"TimePicker","dir":"timepicker","parentId":"028"},{"url":"time-format","name":"Format","category":"TimePicker","api":{"TimePicker":["value","step","format"]},"description":"This example demonstrates how to change the time format in the input field based on the format in a JavaScript (TypeScript) TimePicker","uid":"0028282","order":0,"component":"TimePicker","dir":"timepicker","parentId":"028"},{"url":"list-formatting","name":"Time Duration","category":"TimePicker","api":{"TimePicker":["value","itemRender"]},"description":"A simple TimePicker widget for JavaScript (TypeScript) for highlighting a set of time intervals in a pop-up by adding custom styles based on you needs","uid":"0028283","order":0,"component":"TimePicker","dir":"timepicker","parentId":"028"}],"order":3,"uid":"028"},{"name":"AutoComplete","directory":"auto-complete","category":"Dropdowns","ftName":"autocomplete","samples":[{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of the JavaScript autocomplete control with minimum configuration.","category":"AutoComplete","api":{"AutoComplete":["dataSource","value","placeholder"]},"uid":"0029290","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"029"},{"url":"grouping-icon","name":"Grouping and Icons","description":"This example demonstrates how to group based on the different categories with individual header and icon support using the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["fields","placeholder"]},"uid":"0029291","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"029"},{"url":"data-binding","name":"Data Binding","description":"This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["dataSource","suggestionCount","query","sortOrder","autofill","filterType","change"]},"uid":"0029292","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"029"},{"url":"template","name":"Template","description":"This example demonstrates how to customize the appearance of each item in the JavaScript autocomplete control pop-up list using template.","category":"AutoComplete","api":{"AutoComplete":["dataSource","fields","headerTemplate","itemTemplate","placeholder","popupHeight"]},"uid":"0029293","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"029"},{"url":"highlight","name":"Highlight","description":"This example demonstrates how to highlight the searched characters in the suggested list items of the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["dataSource","fields","highlight","placeholder"]},"uid":"0029294","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"029"},{"url":"custom-filtering","name":"Custom Filtering","description":"This example demonstrates how to achieve the custom filtering functionalities in the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["dataSource","filtering","fields","placeholder"]},"uid":"0029295","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"029"},{"url":"diacritics-filtering","name":"Diacritics Filtering","description":"This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["dataSource","ignoreAccent","placeholder"]},"uid":"0029296","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"029"}],"order":4,"uid":"029"},{"name":"ComboBox","directory":"combo-box","category":"Dropdowns","ftName":"combobox","samples":[{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of the JavaScript combo box control with minimum configuration.","category":"ComboBox","api":{"ComboBox":["popupHeight","index","change","placeholder"]},"uid":"0030300","order":0,"component":"ComboBox","dir":"combo-box","parentId":"030"},{"url":"grouping-icon","name":"Grouping and Icons","description":"This example demonstrates how to group based on the different categories with individual header and icon support using the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","placeholder","popupHeight"]},"uid":"0030301","order":0,"component":"ComboBox","dir":"combo-box","parentId":"030"},{"url":"data-binding","name":"Data Binding","description":"This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","query","sortOrder","autofill","popupHeight","placeholder"]},"uid":"0030302","order":0,"component":"ComboBox","dir":"combo-box","parentId":"030"},{"url":"custom-value","name":"Custom Value","description":"This example demonstrates the addition of a new value that is not present in the predefined list of the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","placeholder","popupHeight","allowFiltering","noRecordsTemplate","filtering","width"]},"uid":"0030303","order":0,"component":"ComboBox","dir":"combo-box","parentId":"030"},{"url":"template","name":"Template","description":"This example demonstrates how to customize the appearance of each item in the JavaScript combo box control pop-up list using the template.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","headerTemplate","itemTemplate","placeholder","popupHeight"]},"uid":"0030304","order":0,"component":"ComboBox","dir":"combo-box","parentId":"030"},{"url":"filtering","name":"Filtering","description":"This example demonstrates how the filtering functionalities works based on the typed characters in the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","allowFiltering","filtering","placeholder","popupHeight"]},"uid":"0030305","order":0,"component":"ComboBox","dir":"combo-box","parentId":"030"},{"url":"cascading","name":"Cascading","description":"This example demonstrates how to create a related combo box (Cascading ComboBox) using the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","allowCustom","fields","change","placeholder","popupHeight","value","enabled"]},"uid":"0030306","order":0,"component":"ComboBox","dir":"combo-box","parentId":"030"},{"url":"diacritics-filtering","name":"Diacritics Filtering","description":"This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","ignoreAccent","placeholder","allowFiltering"]},"uid":"0030307","order":0,"component":"ComboBox","dir":"combo-box","parentId":"030"}],"order":4,"uid":"030"},{"name":"Dropdown List","directory":"drop-down-list","category":"Dropdowns","ftName":"dropdown-list","samples":[{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of the JavaScript drop-down list control with minimum configuration.","category":"Dropdown List","api":{"DropDownList":["popupHeight","placeholder","index","change"]},"uid":"0031310","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"031"},{"url":"grouping-icon","name":"Grouping and Icons","description":"This example demonstrates how to group based on the different categories with individual header and icon support using JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","popupHeight","placeholder"]},"uid":"0031311","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"031"},{"url":"data-binding","name":"Data Binding","description":"This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","query","sortOrder","autofill","popupHeight","placeholder"]},"uid":"0031312","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"031"},{"url":"template","name":"Template","description":"This example demonstrates how to customize the appearance of each item in the JavaScript drop-down list control pop-up list using the template.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","headerTemplate","itemTemplate","valueTemplate","popupHeight","placeholder"]},"uid":"0031313","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"031"},{"url":"filtering","name":"Filtering","description":"This example demonstrates how the filtering functionalities works based on the typed characters in the JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","allowFiltering","filtering","filterBarPlaceholder","popupHeight","placeholder"]},"uid":"0031314","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"031"},{"url":"cascading","name":"Cascading","description":"This example demonstrates how to create a related drop-down list (Cascading DropDownList) using the JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","change","placeholder","popupHeight","value","enabled"]},"uid":"0031315","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"031"},{"url":"inline","name":"Inline","description":"This example demonstrates how to render the JavaScript drop-down list control in line with highlighted contents.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","value"]},"uid":"0031316","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"031"},{"url":"diacritics-filtering","name":"Diacritics Filtering","description":"This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","ignoreAccent","placeholder","allowFiltering"]},"uid":"0031317","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"031"}],"order":4,"uid":"031"},{"name":"MultiSelect Dropdown","directory":"multi-select","category":"Dropdowns","ftName":"multiselect-dropdown","samples":[{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of the JavaScript multiselect control with minimum configuration.","category":"MultiSelect Dropdown","api":{"MultiSelect":["mode","placeholder"]},"uid":"0032320","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},{"url":"data-binding","name":"Data Binding","description":"This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["query","dataSource","fields","sortOrder","placeholder"]},"uid":"0032321","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},{"url":"grouping-icon","name":"Grouping","description":"This example demonstrates how to group based on the different categories with individual header and icon support using the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder"]},"uid":"0032322","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},{"url":"template","name":"Template","description":"This example demonstrates how to customize the appearance of each item in the JavaScript multiselect control pop-up list using the template.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","headerTemplate","itemTemplate","valueTemplate","mode","placeholder"]},"uid":"0032323","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},{"url":"filtering","name":"Filtering","description":"This example demonstrates how the filtering functionalities works based on the typed characters in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["query","dataSource","fields","placeholder","allowFiltering","filtering"]},"uid":"0032324","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},{"url":"custom-value","name":"Custom Value","description":"This example demonstrates the addition of a new value that is not present in the predefined list of the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder","mode","allowCustomValue"]},"uid":"0032325","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},{"url":"chip-customization","name":"Chip Customization","description":"This example demonstrates how to customize the appearance of the selected chip element in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder","mode","tagging"]},"uid":"0032326","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},{"url":"checkbox","name":"CheckBox","description":"This example demonstrates how to select the multiple values through checkbox in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder"]},"uid":"0032327","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},{"url":"grouping-with-checkbox","name":"Grouping with CheckBox","description":"This example demonstrates how to select the grouped list item values through checkbox in the JavaScript MultiSelect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder","mode","enableGroupCheckBox"]},"uid":"0032328","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},{"url":"selection-limit","name":"Selection Limit","description":"This example demonstrates the maximum selection limit functionalities with checkbox of the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder","maximumSelectionLength"]},"uid":"0032329","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},{"url":"diacritics-filtering","name":"Diacritics Filtering","description":"This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","placeholder","ignoreAccent"]},"uid":"00323210","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"}],"order":4,"uid":"032"},{"name":"List Box","directory":"list-box","category":"Dropdowns","ftName":"list-box","samples":[{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of Syncfusion TypeScript ListBox component with minimum configuration.","category":"List Box","api":{"ListBox":["dataSource"]},"uid":"0033330","order":0,"component":"List Box","dir":"list-box","parentId":"033"},{"url":"dual-list-box","name":"Dual ListBox","description":"This example demonstrates how to move items between the two list boxes using dual list box functionality.","category":"List Box","api":{"ListBox":["dataSource","fields","scope","toolbarSettings","height"]},"uid":"0033331","order":0,"component":"List Box","dir":"list-box","parentId":"033"},{"url":"drag-and-drop","name":"Drag And Drop","description":"This example demonstrates how to drag and drop within the Syncfusion TypeScript ListBox and between two list boxes.","category":"List Box","api":{"ListBox":["dataSource","scope","allowDragAndDrop","fields","height"]},"uid":"0033332","order":0,"component":"List Box","dir":"list-box","parentId":"033"},{"url":"checkbox","name":"Checkbox","description":"This example demonstrates how to select multiple items from the Syncfusion TypeScript ListBox using checkbox functionality.","category":"List Box","api":{"ListBox":["dataSource","selectionSettings"]},"uid":"0033333","order":0,"component":"List Box","dir":"list-box","parentId":"033"},{"url":"api","name":"API","description":"This example how to customize the Syncfusion Typescript ListBox component using the available set of APIs.","category":"List Box","api":{"ListBox":["dataSource","fields","sortOrder","selectionSettings"]},"uid":"0033334","order":0,"component":"List Box","dir":"list-box","parentId":"033"}],"order":4,"uid":"033"},{"name":"Accordion","directory":"accordion","category":"Navigation","ftName":"accordion","samples":[{"url":"default","name":"Default Functionalities","category":"Accordion","description":"The sample demonstrates that default functionalities of the Accordion control which works by expand and collapse action in TypeScript platform.","api":{"AccordionItem":["header","content","expanded"],"Accordion":["items"]},"uid":"0034340","order":0,"component":"Accordion","dir":"accordion","parentId":"034"},{"url":"ajax","name":"Ajax Content","category":"Accordion","description":"The sample demonstrates how to load the content to the Accordion control from external sources using Ajax library in TypeScript platform.","api":{"Accordion":["expandMode","expanding"]},"uid":"0034341","order":0,"component":"Accordion","dir":"accordion","parentId":"034"},{"url":"icon","name":"Icons","category":"Accordion","description":"The sample demonstrates how to represent pane headers with an icon in Accordion control which populates from items collection in TypeScript platform.","api":{"AccordionItem":["iconCss"]},"uid":"0034342","order":0,"component":"Accordion","dir":"accordion","parentId":"034"}],"order":5,"uid":"034"},{"name":"Context Menu","directory":"context-menu","category":"Navigation","ftName":"context-menu","samples":[{"url":"default","name":"Default Functionalities","category":"Context Menu","api":{"ContextMenu":["target","items","beforeItemRender","animationSettings"],"MenuItem":["text","iconCss","items","separator"]},"description":"This example demonstrates the Syncfusion Javascript ContextMenu items with icons, text and separator.","uid":"0035350","order":0,"component":"Context Menu","dir":"context-menu","parentId":"035"}],"order":5,"uid":"035"},{"name":"Menu Bar","directory":"menu","category":"Navigation","ftName":"menu-bar","samples":[{"url":"default","name":"Default Functionalities","category":"Menu Bar","api":{"Menu":["items","orientation"],"MenuItem":["text","iconCss","items","separator"]},"description":"This example demonstrates the Syncfusion Javascript Menu items with icons, text, separator and items submenu.","uid":"0036360","order":0,"component":"Menu Bar","dir":"menu","parentId":"036"},{"url":"data-binding","name":"Data Binding","category":"Menu Bar","api":{"Menu":["items"]},"description":"This example demonstrates how to bind the local data source with Syncfusion Javascript Menu component.","uid":"0036361","order":0,"component":"Menu Bar","dir":"menu","parentId":"036"},{"url":"scrollable","name":"Scrollable","category":"Menu Bar","api":{"Menu":["items","enableScrolling","cssClass","beforeOpen"]},"description":"This example demonstrates how to load menu and sub menus with large number of menu items in horizontal / vertical scrollable Syncfusion Javascript menu.","uid":"0036362","order":0,"component":"Menu Bar","dir":"menu","parentId":"036"},{"url":"template","name":"Template","category":"Menu Bar","api":{"Menu":["items","fields","template"],"FieldSettings":["text","children"]},"description":"This example demonstrates how to customize Syncfusion Javascript Menu popup items by using templates.","sourceFiles":[{"displayName":"template.ts","path":"src/menu/template.ts"},{"displayName":"template.html","path":"src/menu/template.html"},{"displayName":"template-data.json","path":"src/menu/template-data.json"}],"uid":"0036363","order":0,"component":"Menu Bar","dir":"menu","parentId":"036"},{"url":"hamburger-mode","name":"Hamburger Mode","category":"Menu Bar","api":{"Menu":["hamburgerMode","title"]},"description":"This example demonstrates the hamburger mode of the Syncfusion Javascript Menu that enables the adaptive view.","uid":"0036364","order":0,"component":"Menu Bar","dir":"menu","parentId":"036"},{"url":"api","name":"API","category":"Menu Bar","api":{"Menu":["orientation","showItemOnClick","enableItems"]},"description":"This example demonstrates the supported API's and its functionalities of the Syncfusion Javascript Menu.","uid":"0036365","order":0,"component":"Menu Bar","dir":"menu","parentId":"036"},{"url":"toolbar-integration","name":"Toolbar Integration","category":"Use Case","api":{"Menu":["items"]},"description":"This example demonstrates the real use case of the Syncfusion Javascript Menu in web application. It is integrated with toolbar component.","uid":"0036366","order":1,"component":"Menu Bar","dir":"menu","parentId":"036"}],"order":5,"uid":"036"},{"name":"Sidebar","directory":"sidebar","category":"Navigation","samples":[{"url":"default","name":"Default Functionalites","category":"Sidebar","api":{"Sidebar":["type","position","showBackdrop","closeOnDocumentClick","change","mediaQuery"]},"description":"It demonstrates a simple, mobile-friendly and responsive Sidebar (Navigation drawer, Side Navigation menu) which navigates various parts of an application.","uid":"0037370","order":0,"component":"Sidebar","dir":"sidebar","parentId":"037"},{"url":"docking-sidebar","name":"Dock","category":"Sidebar","api":{"Sidebar":["enableDock","dockSize","contextTo"]},"description":"This example demonstrates how the JavaScript (TypeScript) Sidebar is docked to the main content when it is in closed state","uid":"0037371","order":0,"component":"Sidebar","dir":"sidebar","parentId":"037"},{"url":"api","name":"API","category":"Sidebar","api":{"Sidebar":["showBackdrop","position","types","closeOnDocumentClick"]},"description":"It demonstrates how to change the behavior and appearance of sidebar in application through user friendly API’s like types, position, auto close and backdrop","uid":"0037372","order":0,"component":"Sidebar","dir":"sidebar","parentId":"037"},{"url":"sidebar-menu","name":"Sidebar Menu","category":"Sidebar","api":{"Sidebar":["mediaQuery","width","target","dockSize","enableDock"]},"description":"This example demonstrates how to render Menu for navigation purpose inside the React Sidebar of an application.","uid":"0037373","order":0,"component":"Sidebar","dir":"sidebar","parentId":"037"},{"url":"responsive-panel","name":"Responsive Panel","category":"Sidebar","api":{"Sidebar":["mediaQuery","width","target"]},"description":"This example demonstrates how to render TreeView for navigation purpose inside the Typescript Sidebar","uid":"0037374","order":0,"component":"Sidebar","dir":"sidebar","parentId":"037"},{"url":"sidebar-list","name":"Sidebar with ListView","category":"Sidebar","api":{"Sidebar":["open","close"]},"description":"This example demonstrates how the JavaScript (TypeScript) Sidebar is integrated with a ListView to display a list of menu items","uid":"0037375","order":0,"component":"Sidebar","dir":"sidebar","parentId":"037"}],"order":5,"uid":"037"},{"name":"Tabs","directory":"tab","category":"Navigation","ftName":"tabs","samples":[{"url":"default","name":"Default Functionalities","category":"Tabs","description":"The sample demonstrates about default functionalities of the Tab control (also known as Tabbed UI) which is navigation component in TypeScript platform.","api":{"Header":["text","iconCss"],"TabItem":["content"],"Tab":["items"]},"uid":"0038380","order":0,"component":"Tabs","dir":"tab","parentId":"038"},{"url":"orientation","name":"Orientation","category":"Tabs","description":"The sample demonstrates how to customize the orientation of Tab control along with feasibility to customize the Tab header styles in TypeScript platform.","api":{"Tab":["headerPlacement","showCloseButton"]},"uid":"0038381","order":0,"component":"Tabs","dir":"tab","parentId":"038"},{"url":"responsive-modes","name":"Responsive Modes","category":"Tabs","description":"The sample illustrates that responsive mode of Tab control that aligns tab items in a scrollable or popup mode in TypeScript platform.","api":{"Tab":["overflowMode"]},"uid":"0038382","order":0,"component":"Tabs","dir":"tab","parentId":"038"},{"url":"wizard","name":"Wizard","category":"Tabs","description":"This sample demonstrates how to design a wizard-like application with the sequential action using the Tab control in TypeScript platform.","api":{"TabItem":["disabled"]},"uid":"0038383","order":0,"component":"Tabs","dir":"tab","parentId":"038"}],"order":5,"uid":"038"},{"name":"Toolbar","directory":"toolbar","category":"Navigation","ftName":"toolbar","samples":[{"url":"default","name":"Default Functionalities","category":"Toolbar","description":"The sample demonstrates the default functionalities of the Toolbar control which place commands with the scrollable mode in TypeScript platform.","api":{"Item":["text","prefixIcon","type","tooltipText"],"Toolbar":["items"]},"uid":"0039390","order":0,"component":"Toolbar","dir":"toolbar","parentId":"039"},{"url":"popup","name":"Popup","category":"Toolbar","description":"The sample exposes popup mode of Toolbar control which configures overflowing toolbar commands inside a popup based on priority in TypeScript platform.","api":{"Item":["showAlwaysInPopup","showTextOn","overflow"],"Toolbar":["overflowMode"]},"uid":"0039391","order":0,"component":"Toolbar","dir":"toolbar","parentId":"039"},{"url":"alignment","name":"Alignment","category":"Toolbar","description":"This sample demonstrates how to align commands in left, right and center position in Toolbar control in TypeScript platform.","api":{"Item":["align","template"]},"uid":"0039392","order":0,"component":"Toolbar","dir":"toolbar","parentId":"039"}],"order":5,"uid":"039"},{"name":"TreeView","directory":"treeview","category":"Navigation","ftName":"treeview","samples":[{"url":"default","name":"Default Functionalities","category":"TreeView","description":"This demo demonstrates the basic JavaScript tree view component that display the data in a hierarchical structure with the configuration options.","api":{"TreeView":["fields"]},"uid":"0040400","order":0,"component":"TreeView","dir":"treeview","parentId":"040"},{"url":"local-data","name":"Local Data","category":"Data Binding","description":"This demo demonstrates the binding of local data to the JavaScript tree view. The local data structure can be hierarchical data or list data.","api":{"TreeView":["fields"]},"uid":"0040401","order":1,"component":"TreeView","dir":"treeview","parentId":"040"},{"url":"remote-data","name":"Remote Data","category":"Data Binding","description":"This demo for Essential JS 2 treeview control shows how to bind the data from a remote data service.","api":{"TreeView":["fields","created","dataBound"]},"uid":"0040402","order":1,"component":"TreeView","dir":"treeview","parentId":"040"},{"url":"icons","name":"Icons and Images","category":"TreeView","description":"The tree view nodes can be rendered with any custom icons. This sample demonstrated like a file system with custom icons and images.","api":{"TreeView":["fields","sortOrder"]},"uid":"0040403","order":0,"component":"TreeView","dir":"treeview","parentId":"040"},{"url":"check-box","name":"CheckBox","category":"TreeView","description":"This demo demonstrates the tree view with checkbox functionality, this allows the user to check more than one tree nodes.","api":{"TreeView":["fields","showCheckBox"]},"uid":"0040404","order":0,"component":"TreeView","dir":"treeview","parentId":"040"},{"url":"node-editing","name":"Node Editing","category":"TreeView","description":"This demo showcases the node editing functionality of tree view, you can edit any node text by double click on it or pressing F2.","api":{"TreeView":["fields","allowEditing"]},"uid":"0040405","order":0,"component":"TreeView","dir":"treeview","parentId":"040"},{"url":"multiple-selection","name":"Multiple Selection","category":"TreeView","description":"The TreeView component allows to select multiple nodes by pressing CTRL key, also can select the range of nodes by pressing SHIFT key.","api":{"TreeView":["fields","allowMultiSelection"]},"uid":"0040406","order":0,"component":"TreeView","dir":"treeview","parentId":"040"},{"url":"drag-and-drop","name":"Drag and Drop","category":"TreeView","description":"The tree view nodes can be drag and drop from one position to another, also the drop can be done to another tree view or other external container.","api":{"TreeView":["fields","allowDragAndDrop","allowMultiSelection","nodeDragStop"]},"uid":"0040407","order":0,"component":"TreeView","dir":"treeview","parentId":"040"},{"url":"template","name":"Template","category":"TreeView","description":"The tree view node can be customized through the template option. In this demo the tree view nodes are templated like an mail system.","api":{"TreeView":["fields","cssClass","nodeTemplate"]},"uid":"0040408","order":0,"component":"TreeView","dir":"treeview","parentId":"040"}],"order":5,"uid":"040"},{"name":"File Manager","directory":"file-manager","category":"Navigation","ftName":"file-manager","type":"update","samples":[{"url":"overview","name":"Overview","category":"File Manager","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates full view of the File Manager like a windows explorer UI in a JavaScript (TypeScript) File Manager.","uid":"0041410","order":0,"component":"File Manager","dir":"file-manager","parentId":"041"},{"url":"custom-thumbnail","name":"Custom Thumbnails","category":"File Manager","api":{"FileManager":["ajaxSettings"]},"description":"This example demonstrates how to use the custom thumbnails in a JavaScript (TypeScript) File Manager.","uid":"0041411","order":0,"component":"File Manager","dir":"file-manager","parentId":"041"},{"url":"default","name":"API","category":"File Manager","api":{"FileManager":["ajaxSettings","view"]},"description":"Example shows the File Manager without the navigation pane and enable or disable toolbar in a JavaScript (TypeScript) File Manager.","uid":"0041412","order":0,"component":"File Manager","dir":"file-manager","parentId":"041"},{"url":"drag-drop","name":"Drag and Drop","category":"File Manager","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates the how to drag and drop the files in a JavaScript (TypeScript) File Manager.","uid":"0041413","order":0,"component":"File Manager","dir":"file-manager","parentId":"041"},{"url":"usecase","name":"File Upload","category":"Use Case","api":{"FileManager":["ajaxSettings","view"]},"description":"Example shows how to render the File Manager component inside the Dialog component in a JavaScript (TypeScript) File Manager.","uid":"0041414","order":1,"component":"File Manager","dir":"file-manager","parentId":"041"},{"url":"azure-service","name":"Azure Blob Provider","category":"Cloud Service Providers","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the azure service in a JavaScript (TypeScript) File Manager.","uid":"0041415","order":2,"component":"File Manager","dir":"file-manager","parentId":"041"},{"url":"sql-server-provider","name":"SQL Database Provider","category":"Cloud Service Providers","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the sql server database service in a JavaScript (TypeScript) File Manager.","uid":"0041416","order":2,"component":"File Manager","dir":"file-manager","parentId":"041"},{"url":"nodejs-file-provider","name":"NodeJS File Provider","category":"Cloud Service Providers","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the nodejs file provider service in a JavaScript (TypeScript) File Manager.","uid":"0041417","order":2,"component":"File Manager","dir":"file-manager","parentId":"041"},{"url":"amazon-s3-provider","name":"Amazon S3 File Provider","category":"Cloud Service Providers","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the Amazon S3 provider service in a JavaScript (TypeScript) File Manager.","uid":"0041418","order":2,"component":"File Manager","dir":"file-manager","parentId":"041"},{"url":"firebase","name":"Firebase Realtime File Provider","category":"Cloud Service Providers","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the firebase realtime database service in a JavaScript (TypeScript) File Manager.","uid":"0041419","order":2,"component":"File Manager","dir":"file-manager","parentId":"041"},{"url":"ftp-file-provider","name":"FTP File Provider","category":"Cloud Service Providers","type":"new","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the File Transfer Protocol in a JavaScript (TypeScript) File Manager.","uid":"00414110","order":2,"component":"File Manager","dir":"file-manager","parentId":"041"}],"order":5,"uid":"041"},{"name":"Badge","directory":"badge","category":"Notifications","ftName":"badge","samples":[{"url":"default","name":"Default","category":"Badge","description":"Demo of the pure CSS Essential JS 2 Badge component displaying a notification count in a group button.","uid":"0042420","order":0,"component":"Badge","dir":"badge","parentId":"042"},{"url":"types","name":"Types","category":"Badge","description":"Demo of the pure CSS Essential JS 2 Badge component's badge types: primary, secondary, success, danger, warning, info, light, and dark.","uid":"0042421","order":0,"component":"Badge","dir":"badge","parentId":"042"},{"url":"notification","name":"Notification","category":"Badge","description":"Demo of the pure CSS Essential JS 2 Badge component displaying notifications on popular social media logos such as Facebook, WhatsApp, Twitter, and others.","uid":"0042422","order":0,"component":"Badge","dir":"badge","parentId":"042"},{"url":"listview","name":"ListView","category":"Integration","description":"Demo integrating the Essential JS 2 Badge and ListView components to display a notification count in a list item to achieve a Gmail-like user interface.","uid":"0042423","order":1,"component":"Badge","dir":"badge","parentId":"042"},{"url":"accordion","name":"Accordion","category":"Integration","description":"Demo integrating the Essential JS 2 Badge and Accordion components to display an unread notification count in a header to achieve an Outlook-like user interface","uid":"0042424","order":1,"component":"Badge","dir":"badge","parentId":"042"},{"url":"toolbar","name":"Toolbar","category":"Integration","description":"Demo integrating the Essential JS 2 Badge and ToolBar components to display important information in a mobile application header.","uid":"0042425","order":1,"component":"Badge","dir":"badge","parentId":"042"}],"order":6,"uid":"042"},{"name":"Toast","directory":"toast","category":"Notifications","ftName":"toast","samples":[{"url":"default","name":"Default Functionalities","category":"Toast","description":"The sample demonstrates about default functionalities of a Toast control and helps to design reminder like an alert in TypeScript platform.","api":{"Toast":["title","content"]},"uid":"0043430","order":0,"component":"Toast","dir":"toast","parentId":"043"},{"url":"types","name":"Types","category":"Toast","description":"The sample demonstrates how to design success, warning, information, and error messages using Toast control based on CSS classes in TypeScript platform.","api":{"Toast":["cssClass"]},"uid":"0043431","order":0,"component":"Toast","dir":"toast","parentId":"043"},{"url":"template","name":"Template","category":"Toast","description":"The sample demonstrates how to design a reminder application by customizing the content of Toast control using an HTML template in TypeScript platform.","api":{"Toast":["template","target"]},"uid":"0043432","order":0,"component":"Toast","dir":"toast","parentId":"043"},{"url":"positions","name":"Positions","category":"Toast","description":"The sample demonstrates how to display the toast notification with various built-in or custom position based on target or page in TypeScript platform.","api":{"Toast":["position","target"],"ToastPosition":["X","Y"]},"uid":"0043433","order":0,"component":"Toast","dir":"toast","parentId":"043"},{"url":"api","name":"API","category":"Toast","description":"The sample exposes the available properties, methods, and events of Toast control which helps to create flexible toast notification in TypeScript platform.","api":{"Toast":["title","content","newestOnTop","showProgressBar","showCloseButton","animation"]},"uid":"0043434","order":0,"component":"Toast","dir":"toast","parentId":"043"}],"order":6,"uid":"043"},{"name":"Form Validation","directory":"form-validator","category":"Inputs","ftName":"form-validator","samples":[{"url":"default","name":"Default Functionalities","description":"Get started with Obtrusive form validation of Syncfusion Form Validator library and default functionalities.","category":"Form Validation","api":{"FormValidator":["customPlacement","validate","validClass"]},"uid":"0044440","order":0,"component":"Form Validation","dir":"form-validator","parentId":"044"},{"url":"html5","name":"HTML5 Validation","description":"Learn how to use default functionalities form validation of Syncfusion Form Validator library using HTML5 Validation.","category":"Form Validation","api":{"FormValidator":["customPlacement","validate","validClass"]},"uid":"0044441","order":0,"component":"Form Validation","dir":"form-validator","parentId":"044"},{"url":"external-submit","name":"External Submit Form","description":"Get started with form validator library and external form submit to handle the form validation externally.","category":"Form Validation","api":{"FormValidator":["customPlacement","validate","validClass"]},"uid":"0044442","order":0,"component":"Form Validation","dir":"form-validator","parentId":"044"},{"url":"wizard-form","name":"Wizard Form","description":"Learn how to use the form validation of Syncfusion Form Validator library with the Wizard template forms.","category":"Form Validation","api":{"FormValidator":["customPlacement","validate","validClass"]},"uid":"0044443","order":0,"component":"Form Validation","dir":"form-validator","parentId":"044"}],"dataSourcePath":"src/form-validator/datasource.js","order":7,"uid":"044"},{"name":"TextBox","directory":"textbox","category":"Inputs","ftName":"textbox","samples":[{"url":"default","name":"Default Functionalities","category":"TextBox","description":"This example describes key features of JavaScript textbox such as a floating label, input group, placeholder, validation states, sizing, types, and more.","api":{"TextBox":["placeholder","floatLabelType","enableRtl"]},"uid":"0045450","order":0,"component":"TextBox","dir":"textbox","parentId":"045"},{"url":"multiline-textbox","name":"Multiline TextBox","category":"TextBox","description":"The example exposes a JavaScript Multiline TextBox (textarea). It helps to render address, feedback, and more in HTML5 form with customizable rows and columns.","api":{"TextBox":["multiline","value","placeholder","floatLabelType","enabled","enableRtl","readonly"]},"uid":"0045451","order":0,"component":"TextBox","dir":"textbox","parentId":"045"}],"order":7,"uid":"045"},{"name":"Input Mask","directory":"maskedtextbox","category":"Inputs","ftName":"maskedtextbox","samples":[{"url":"default","name":"Default Functionalities","category":"Input Mask","description":"The Masked Textbox allows users to enter only the valid input based on the provided mask format such as Phone number, Country ISO code, Date, Time and so on.","api":{"MaskedTextBox":["mask"]},"uid":"0046460","order":0,"component":"Input Mask","dir":"maskedtextbox","parentId":"046"},{"url":"custom-mask","name":"Custom Mask","category":"Input Mask","description":"The custom mask is done using custom characters as mask elements. Time format and IP address fields are achieved using the custom mask literals and regex.","api":{"MaskedTextBox":["mask","customCharacters","floatLabelType"]},"uid":"0046461","order":0,"component":"Input Mask","dir":"maskedtextbox","parentId":"046"},{"url":"formats","name":"Formats","category":"Input Mask","description":"This sample demonstrates the usage of different mask formats through the properties panel. You can also get the value and raw value of the masked textbox.","api":{"MaskedTextBox":["mask","floatLabelType","change","promptChar","getMaskedValue","value"]},"uid":"0046462","order":0,"component":"Input Mask","dir":"maskedtextbox","parentId":"046"}],"order":7,"uid":"046"},{"name":"Numeric Textbox","directory":"numerictextbox","category":"Inputs","samples":[{"url":"default","name":"Default Functionalities","category":"Numeric Textbox","description":"he NumericTextBox is used to get the numbered inputs from the users and the currency and percentage text boxes to get the currency and percentage inputs.","api":{"NumericTextBox":["value","format","min","max","step"]},"uid":"0047470","order":0,"component":"Numeric Textbox","dir":"numerictextbox","parentId":"047"},{"url":"range-validation","name":"Range Validation","category":"Numeric Textbox","description":"The NumericTextBox has options to restrict the input value between a specific range using min, max, and strictMode properties.","api":{"NumericTextBox":["value","min","max","step"]},"uid":"0047471","order":0,"component":"Numeric Textbox","dir":"numerictextbox","parentId":"047"},{"url":"custom-format","name":"Custom Format","category":"Numeric Textbox","description":"The NumericTextBox provides an option to customize the display format of the numeric value using the format property.","api":{"NumericTextBox":["value","format","min","max"]},"uid":"0047472","order":0,"component":"Numeric Textbox","dir":"numerictextbox","parentId":"047"},{"url":"restrict-decimals","name":"Restrict Decimals","category":"Numeric Textbox","description":"The NumericTextBox provides an option to restrict the number of decimal values, by using the decimals property. So, it can only accept the integer value alone.","api":{"NumericTextBox":["value","format","min","max","step","decimals","validateDecimalOnType"]},"uid":"0047473","order":0,"component":"Numeric Textbox","dir":"numerictextbox","parentId":"047"}],"order":7,"uid":"047"},{"name":"Color Picker","directory":"color-picker","category":"Inputs","ftName":"color-picker","samples":[{"url":"default","name":"Default Functionalities","category":"Color Picker","api":{"ColorPicker":["value"]},"description":"This example demonstrates the default functionalities of the Syncfusion Javascript ColorPicker with RGB, HSV and Hex codes(three, six and eight digit).","uid":"0048480","order":0,"component":"Color Picker","dir":"color-picker","parentId":"048"},{"url":"inline","name":"Inline Mode","category":"Color Picker","api":{"ColorPicker":["inline","value","mode","modeSwitcher","showButtons"]},"description":"This example demonstrates the inline / flat mode rendering of the Syncfusion Javascript ColorPicker with hue and opacity color options.","uid":"0048481","order":0,"component":"Color Picker","dir":"color-picker","parentId":"048"},{"url":"custom","name":"Custom Palettes","category":"Color Picker","api":{"ColorPicker":["cssClass","inline","value","columns","mode","modeSwitcher","showButtons","presetColors"]},"description":"This example demonstrates the Syncfusion Javascript ColorPicker, custom UI of the color palette with different structures and its state.","uid":"0048482","order":0,"component":"Color Picker","dir":"color-picker","parentId":"048"},{"url":"api","name":"API","category":"Color Picker","api":{"ColorPicker":["cssClass","inline","value","columns","showButtons","presetColors"]},"description":"This example demonstrates the supported API's and its functionalities of the Syncfusion Javascript ColorPicker.","uid":"0048483","order":0,"component":"Color Picker","dir":"color-picker","parentId":"048"}],"order":7,"uid":"048"},{"name":"File Upload","directory":"uploader","category":"Inputs","ftName":"file-upload","samples":[{"url":"default","name":"Default Functionalities","description":"This example demonstrates default functionalities of the JavaScript file uploader control, including automatic upload and asynchronous mode options.","category":"File Upload","api":{"Uploader":["autoUpload","asyncSettings","success","dropArea"]},"sourceFiles":[{"displayName":"default.ts","path":"src/uploader/default.ts"},{"displayName":"default.html","path":"src/uploader/default.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0049490","order":0,"component":"File Upload","dir":"uploader","parentId":"049"},{"url":"chunk-upload","name":"Chunk Upload","description":"This example demonstrates how to upload files as chunks in the JavaScript file upload control, which helps when uploading a large file to a server.","category":"File Upload","api":{"Uploader":["autoUpload","asyncSettings","dropArea"]},"sourceFiles":[{"displayName":"chunk-upload.ts","path":"src/uploader/chunk-upload.ts"},{"displayName":"chunk-upload.html","path":"src/uploader/chunk-upload.html"},{"displayName":"save file","path":"src/uploader/chunk-upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/chunk-upload-remove-file.cs"}],"uid":"0049491","order":0,"component":"File Upload","dir":"uploader","parentId":"049"},{"url":"custom-file-list","name":"Template","description":"This example demonstrates how to customize the file list with buttons using a template and upload a file programmatically using the JavaScript file upload.","category":"File Upload","api":{"Uploader":["asyncSettings","dropArea","selected","progress","success","failure"]},"sourceFiles":[{"displayName":"custom-file-list.ts","path":"src/uploader/custom-file-list.ts"},{"displayName":"custom-file-list.html","path":"src/uploader/custom-file-list.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0049492","order":0,"component":"File Upload","dir":"uploader","parentId":"049"},{"url":"preload-files","name":"Preload Files","description":"This example demonstrates how to preload files in the JavaScript file upload control, which helps users view and manipulate server files.","category":"File Upload","api":{"Uploader":["asyncSettings","files","removing","failure","success","dropArea"]},"sourceFiles":[{"displayName":"preload-files.ts","path":"src/uploader/preload-files.ts"},{"displayName":"preload-files.html","path":"src/uploader/preload-files.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0049493","order":0,"component":"File Upload","dir":"uploader","parentId":"049"},{"url":"file-validation","name":"File Validation","description":"The example covers validations in JavaScript file upload such as allowing/denying file extensions, set min/max file size, duplicate file, and more.","category":"File Upload","api":{"Uploader":["autoUpload","minFileSize","maxFileSize","allowedExtensions","asyncSettings","selected","success","dropArea"]},"sourceFiles":[{"displayName":"file-validation.ts","path":"src/uploader/file-validation.ts"},{"displayName":"file-validation.html","path":"src/uploader/file-validation.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0049494","order":0,"component":"File Upload","dir":"uploader","parentId":"049"},{"url":"image-preview","name":"Image Preview","description":"This example demonstrates how to display a preview of an image file before and after uploading it to a server in JavaScript file upload.","category":"File Upload","api":{"Uploader":["asyncSettings","template","success","progress","allowedExtensions"]},"sourceFiles":[{"displayName":"image-preview.ts","path":"src/uploader/image-preview.ts"},{"displayName":"image-preview.html","path":"src/uploader/image-preview.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0049495","order":0,"component":"File Upload","dir":"uploader","parentId":"049"},{"url":"file-upload-with-forms","name":"Form Support","description":"This example demonstrates how to integrate the JavaScript file upload control in an HTML form (synchronous mode) and submit a form with selected files.","category":"File Upload","api":{"Uploader":["asyncSettings","template","success","progress","allowedExtensions"]},"sourceFiles":[{"displayName":"file-upload-with-forms.ts","path":"src/uploader/file-upload-with-forms.ts"},{"displayName":"file-upload-with-forms.html","path":"src/uploader/file-upload-with-forms.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0049496","order":0,"component":"File Upload","dir":"uploader","parentId":"049"},{"url":"custom-drop-area","name":"Custom Drop Area","description":"This example demonstrates how to upload a file using drag and drop and how to configure a custom drop area for the JavaScript file upload control.","category":"File Upload","api":{"Uploader":["asyncSettings","template","success","progress","allowedExtensions"]},"sourceFiles":[{"displayName":"custom-drop-area.ts","path":"src/uploader/custom-drop-area.ts"},{"displayName":"custom-drop-area.html","path":"src/uploader/custom-drop-area.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0049497","order":0,"component":"File Upload","dir":"uploader","parentId":"049"}],"order":7,"uid":"049"},{"name":"Range Slider","directory":"slider","category":"Inputs","ftName":"slider","samples":[{"url":"default","name":"Default Functionalities","category":"Range Slider","description":"Essential JS 2 slider control demo showing the default rendering of default, minimum range, and range sliders. Drag the thumb to interact with the slider.","api":{"Slider":["value","type","appendTo"]},"uid":"0050500","order":0,"component":"Range Slider","dir":"slider","parentId":"050"},{"url":"ticks","name":"Ticks","category":"Range Slider","description":"Essential JS 2 slider control demo of the visual representation of slider values using ticks, which can be placed before, after, or on both sides of the thumbs.","api":{"Slider":["value","type","min","max","step","enabled","appendTo","dragInterval"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"]},"uid":"0050501","order":0,"component":"Range Slider","dir":"slider","parentId":"050"},{"url":"tooltip","name":"Tooltip","category":"Range Slider","description":"Essential JS 2 slider control demo of the visual representation of slider values using tooltips, which can be displayed before or after slider thumbs.","api":{"Slider":["value","type","min","max","showButtons","appendTo","dragInterval"],"TooltipData":["isVisible","placement","showOn"]},"uid":"0050502","order":0,"component":"Range Slider","dir":"slider","parentId":"050"},{"url":"orientation","name":"Vertical Orientation","category":"Range Slider","description":"Essential JS 2 slider control demo showing the vertical and horizontal orientation properties along with ticks and tooltips.","api":{"Slider":["value","type","orientation","appendTo","dragInterval"]},"uid":"0050503","order":0,"component":"Range Slider","dir":"slider","parentId":"050"},{"url":"format","name":"Formatting","category":"Range Slider","description":"Demo of Essential JS 2 slider control value formatting with time, currency, and distance values that are also displayed in ticks and tooltips.","api":{"Slider":["value","type","min","max","appendTo","step","tooltipChange","renderingTicks"],"TicksData":["placement","largeStep","smallStep","showSmallTicks","format"],"TooltipData":["isVisible","placement","format"]},"uid":"0050504","order":0,"component":"Range Slider","dir":"slider","parentId":"050"},{"url":"limits","name":"Limits","category":"Range Slider","description":"Essential JS 2 slider control demo of limiting the minimum, maximum, start, and end values. Also supports restricting handle movements.","api":{"Slider":["value","type","min","max","appendTo","step"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"],"LimitData":["enabled","minStart","minEnd","maxStart","maxEnd","startHandleFixed","endHandleFixed"]},"uid":"0050505","order":0,"component":"Range Slider","dir":"slider","parentId":"050"},{"url":"api","name":"API","category":"Range Slider","description":"Essential JS 2 slider control demo showcasing the most frequently used API combinations, like orientation, minimum, maximum, value, step, and more.","api":{"Slider":["value","type","min","max","step","showButtons","orientation","readOnly","enabled","appendTo"],"TicksData":["placement","largeStep"],"TooltipData":["isVisible","placement","showOn"]},"uid":"0050506","order":0,"component":"Range Slider","dir":"slider","parentId":"050"},{"url":"events","name":"Events","category":"Range Slider","description":"Demo of the Essential JS 2 slider control's created, changing, and changed events. The events are traced in real time in a property panel.","api":{"Slider":["value","type","appendTo","change","created","changed"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"],"TooltipData":["isVisible","placement","showOn"]},"uid":"0050507","order":0,"component":"Range Slider","dir":"slider","parentId":"050"},{"url":"thumb-customization","name":"Thumb","category":"Customization","description":"Demo of the Essential JS 2 slider control slider thumb customization with circle, oval, and custom image shapes.","api":{"Slider":["value","min","max","appendTo"]},"uid":"0050508","order":1,"component":"Range Slider","dir":"slider","parentId":"050"},{"url":"selection-bar-customization","name":"Bar","category":"Customization","description":"This example demonstrates how to highly customize Syncfusion React slider bar with colors and height.","api":{"Slider":["value","type","min","max","appendTo","change","created"]},"uid":"0050509","order":1,"component":"Range Slider","dir":"slider","parentId":"050"},{"url":"ticks-customization","name":"Ticks","category":"Customization","description":"Essential JS 2 slider control demo showing the highly customizable slider values using ticks and a legend.","api":{"Slider":["value","type","min","max","step","appendTo","renderedTicks","renderingTicks"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"]},"uid":"00505010","order":1,"component":"Range Slider","dir":"slider","parentId":"050"},{"url":"tooltip-customization","name":"Tooltip","category":"Customization","description":"Demo of Essential JS 2 slider control customization of slider tooltip text and background color with formatted text values.","api":{"Slider":["value","type","appendTo","min","max","step","tooltipChange","renderingTicks","created"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"],"TooltipData":["isVisible","placement"]},"uid":"00505011","order":1,"component":"Range Slider","dir":"slider","parentId":"050"},{"url":"azure-pricing","name":"Cloud Pricing","category":"Use Case","description":"This example demonstrates the usage of Syncfusion React slider control in real world use case sample azure cloud pricing.","api":{"Slider":["value","appendTo","min","max","change","created"]},"uid":"00505012","order":2,"component":"Range Slider","dir":"slider","parentId":"050"}],"order":7,"uid":"050"},{"name":"Avatar","directory":"avatar","category":"Layout","ftName":"avatar","samples":[{"url":"default","name":"Default","category":"Avatar","description":"Demo of the pure CSS Essential JS 2 Avatar component displaying profile images in different sizes in both default and circle shapes.","uid":"0051510","order":0,"component":"Avatar","dir":"avatar","parentId":"051"},{"url":"types","name":"Types","category":"Avatar","description":"Demo of the pure CSS Essential JS 2 Avatar component's supported media formats for avatar content: images, SVG, initials, font icons, and words.","uid":"0051511","order":0,"component":"Avatar","dir":"avatar","parentId":"051"},{"url":"listview","name":"ListView","category":"Integration","description":"Demo integrating the Essential JS 2 Avatar and ListView components to display profile images or letters in a mobile contact application.","uid":"0051512","order":1,"component":"Avatar","dir":"avatar","parentId":"051"},{"url":"badge","name":"Badge","category":"Integration","description":"Demo integrating the Essential JS 2 Avatar and Badge components to display a notification count on profile images, similar to Gmail.","uid":"0051513","order":1,"component":"Avatar","dir":"avatar","parentId":"051"},{"url":"card","name":"Card","category":"Integration","description":"Demo integrating the Essential JS 2 Avatar and Card components to display business cards for employees with profile images, roles, and responsibilities.","uid":"0051514","order":1,"component":"Avatar","dir":"avatar","parentId":"051"}],"order":8,"uid":"051"},{"name":"Card","directory":"card","category":"Layout","ftName":"card","samples":[{"url":"basic","name":"Basic Card","category":"Card","description":"The sample demonstrates how to design basic card and weather layout card in TypeScript platform. The component is pure CSS component and more flexible.","uid":"0052520","order":0,"component":"Card","dir":"card","parentId":"052"},{"url":"vertical","name":"Vertical Card","category":"Card","description":"The sample demonstrates how to design a business card and profile card using a vertical layout of card component in TypeScript platform.","uid":"0052521","order":0,"component":"Card","dir":"card","parentId":"052"},{"url":"horizontal","name":"Horizontal Card","category":"Card","description":"The sample demonstrates how to design product card with icon and its specification using horizontal layout in card component in TypeScript platform.","uid":"0052522","order":0,"component":"Card","dir":"card","parentId":"052"},{"url":"swipeable","name":"Swipeable Card","category":"Card","description":"The sample demonstrates how to design a stacked card with swipeable action and corresponding images using card component in TypeScript platform.","uid":"0052523","order":0,"component":"Card","dir":"card","parentId":"052"},{"url":"flip","name":"Flip Card","category":"Card","description":"The sample demonstrates how to achieve flip behavior to the card to show hidden information which is on a back side on the card in TypeScript platform.","uid":"0052524","order":0,"component":"Card","dir":"card","parentId":"052"},{"url":"reveal","name":"Reveal Card","category":"Card","description":"The sample demonstrates how to render a card with reveal layouts, hidden information can be revealed while action on “Know more” in TypeScript platform.","uid":"0052525","order":0,"component":"Card","dir":"card","parentId":"052"},{"url":"tile","name":"Tile View","category":"Card","description":"The sample demonstrates how to design tile-view with filtering and searching using a template engine, data manager, and card component in TypeScript platform.","uid":"0052526","order":0,"component":"Card","dir":"card","parentId":"052"}],"order":8,"uid":"052"},{"name":"Dialog","directory":"dialog","category":"Layout","type":"update","ftName":"modal-dialog","samples":[{"url":"default","name":"Default Functionalities","description":"The example demonstrates the default rendering of the JavaScript dialog, which supports modal and non-modal (modeless), built-in buttons, and more.","category":"Dialog","api":{"Dialog":["header","content","showCloseIcon","buttons","closeOnEscape","target","width","animationSettings","open","close","visible","show","hide"]},"uid":"0053530","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},{"url":"custom-dialog","name":"Custom Dialogs","description":"This example demonstrates how to create custom dialogs such as alert dialogs, confirmation dialogs, and prompt dialogs using the JavaScript dialog control.","category":"Dialog","api":{"Dialog":["header","content","showCloseIcon","buttons","closeOnEscape","target","width","animationSettings","open","close","visible","show","hide"]},"uid":"0053531","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},{"url":"modal-dialog","name":"Modal","description":"This example demonstrates the modal pop-up behavior of the JavaScript dialog control, which helps display critical information such as errors and warnings.","category":"Dialog","api":{"Dialog":["width","header","content","target","isModal","animationSettings","buttons","open","close","show","hide","overlayClick"]},"uid":"0053532","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},{"url":"template","name":"Template","description":"This example demonstrates how to customize user interface elements like the header, footer, and content of the JavaScript dialog control using a template.","category":"Dialog","api":{"Dialog":["width","header","content","target","isModal","animationSettings","buttons","open","close","show","hide"]},"uid":"0053533","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},{"url":"dialog-contents-via-ajax","description":"The example demonstrates how to load the content of the JavaScript dialog control from external sources such as a file or website using Ajax library.","name":"Ajax Content","category":"Dialog","api":{"Dialog":["header","showCloseIcon","width","target","animationSettings","open","close","content","show"]},"uid":"0053534","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},{"url":"draggable","name":"Draggable","description":"This example shows how to enable drag-and-drop actions in the JavaScript dialog control to help reposition the dialog efficiently.","category":"Dialog","api":{"Dialog":["width","header","content","target","allowDragging","animationSettings","open","close","closeOnEscape"]},"uid":"0053535","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},{"url":"resizable","description":"This example shows how to create resizable modal in the JavaScript dialog to change the size of a dialog efficiently and view its content more comfortably.","name":"Resizable","category":"Dialog","api":{"Dialog":["header","showCloseIcon","width","target","animationSettings","open","close","content","show","enableResize"]},"uid":"0053536","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},{"url":"position","name":"Positioning","description":"This example demonstrates how to display the JavaScript dialog control at various built-in and custom positions.","category":"Dialog","api":{"Dialog":["width","header","target","footerTemplate","open","close","closeOnEscape","position","showCloseIcon"]},"uid":"0053537","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},{"url":"animation","name":"Animation","description":"This example demonstrates how to open or close the JavaScript dialog with various animation effects, and how to customize the animation duration and delay.","category":"Dialog","api":{"Dialog":["header","showCloseIcon","width","target","animationSettings","open","content","buttons"]},"uid":"0053538","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},{"url":"multiple-dialogs","name":"Multiple Dialogs","description":"This example shows how to display multiple dialogs sequentially and open multiple dialogs simultaneously for both modal and modeless JavaScript dialogs.","category":"Dialog","api":{"Dialog":["width","header","target","animationSettings","open","close","closeOnEscape","buttons"]},"uid":"0053539","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},{"url":"components-dialog","name":"Components inside Dialog","type":"new","description":"This example demonstrates how to render other Javascript Syncfusion components inside the dialog component.","category":"Dialog","api":{"Dialog":["header","target","animationSettings","open","close","closeOnEscape","buttons"]},"uid":"00535310","order":0,"component":"Dialog","dir":"dialog","parentId":"053"}],"order":8,"uid":"053"},{"name":"ListView","directory":"listview","category":"Layout","ftName":"listview","samples":[{"url":"default","name":"Default Functionalities","category":"ListView","description":"Demo of Essential JS 2 ListView control default renderings of flat and group list views. Click any list item to select and highlight it.","api":{"ListView":["dataSource","fields","appendTo"],"FieldSettings":["groupBy"]},"uid":"0054540","order":0,"component":"ListView","dir":"listview","parentId":"054"},{"url":"remote-data","name":"Remote Data","category":"ListView","description":"Demo of Essential JS 2 ListView control rendering the list view with remote data, which uses DataManager and query properties to fetch data.","api":{"ListView":["dataSource","fields","query","headerTitle","showHeader","appendTo"],"FieldSettings":["groupBy"]},"uid":"0054541","order":0,"component":"ListView","dir":"listview","parentId":"054"},{"url":"checklist","name":"Checklist","category":"ListView","description":"Essential JS 2 ListView control demo of the checked list view, which supports selecting more than one list item.","api":{"ListView":["dataSource","fields","showCheckBox","appendTo"],"FieldSettings":["groupBy"]},"uid":"0054542","order":0,"component":"ListView","dir":"listview","parentId":"054"},{"url":"nested-list","name":"Nested List","category":"ListView","description":"Demo of Essential JS 2 ListView control showing the visual representation of nested data using the child property.","api":{"ListView":["dataSource","fields","headerTitle","showHeader","showIcon","appendTo"],"FieldSettings":["id","text","icon","child","iconCss","tooltip"]},"uid":"0054543","order":0,"component":"ListView","dir":"listview","parentId":"054"},{"url":"virtualization","name":"Virtualization","category":"ListView","description":"Demo of Essential JS 2 ListView control loading items in the view port with virtualization, which improves performance when loading large amounts of data.","api":{"ListView":["dataSource","headerTitle","showHeader","enableVirtualization","height","template","actionBegin","actionComplete","appendTo"]},"uid":"0054544","order":0,"component":"ListView","dir":"listview","parentId":"054"},{"url":"templates","name":"Templates","category":"Customization","description":"Demo of Essential JS 2 ListView control rendering customized elements inside list items. This sample is a news feed application built using a list view.","api":{"ListView":["dataSource","template","headerTitle","showHeader","appendTo"],"FieldSettings":["id","text","child"]},"uid":"0054545","order":1,"component":"ListView","dir":"listview","parentId":"054"},{"url":"group-template","name":"Group Template","category":"Customization","description":"Essential JS 2 ListView control demo of list item and header customization using a template. The mobile settings showcase built-in CSS.","api":{"ListView":["dataSource","template","groupTemplate","headerTitle","showHeader","appendTo"],"FieldSettings":["text","groupBy"]},"uid":"0054546","order":1,"component":"ListView","dir":"listview","parentId":"054"},{"url":"call-history","name":"Call History","category":"Use Case","description":"Demo of Essential JS 2 ListView control in a real-world use case as a call history app, featuring mobile contacts, mail inbox, and more.","api":{"ListView":["dataSource","fields","showCheckBox","checkBoxPosition","showIcon","select","appendTo"],"FieldSettings":["groupBy","iconCss"]},"uid":"0054547","order":2,"component":"ListView","dir":"listview","parentId":"054"}],"order":8,"uid":"054"},{"name":"Tooltip","directory":"tooltip","category":"Layout","ftName":"tooltip","samples":[{"url":"default","name":"Default Functionalities","category":"Tooltip","description":"Default rendering of the Essential JS 2 Tooltip control, which will open when hovering or tapping and holding, and can be displayed in 12 different positions.","api":{"Tooltip":["content","appendTo","position "]},"uid":"0055550","order":0,"component":"Tooltip","dir":"tooltip","parentId":"055"},{"url":"template","name":"Template","category":"Tooltip","description":"Demo of the Essential JS 2 Tooltip control template functionality, which allows HTML content to be rendered in tooltips.","api":{"Tooltip":["content","target","beforeRender","showTipPointer","offsetX","width","appendTo"]},"uid":"0055551","order":0,"component":"Tooltip","dir":"tooltip","parentId":"055"},{"url":"ajax-content","name":"Ajax Content","category":"Tooltip","description":"Demo of the Essential JS 2 Tooltip control loading dynamic content in tooltips through Ajax from JSON files.","api":{"Tooltip":["content","target","position","beforeRender","dataBind","appendTo"]},"uid":"0055552","order":0,"component":"Tooltip","dir":"tooltip","parentId":"055"},{"url":"smart-position","name":"Smart Positioning","category":"Tooltip","description":"Demo of the Essential JS 2 Tooltip control's smart (flexible) positioning based on the view port's dimensions.","api":{"Tooltip":["content","offsetX","target","animation","open","close","refresh","appendTo"]},"uid":"0055553","order":0,"component":"Tooltip","dir":"tooltip","parentId":"055"},{"url":"menu","name":"Tooltip Menu","category":"Tooltip","description":"Demo of Essential JS 2 Tooltip control customization to look like a menu using toolbar and listview controls.","uid":"0055554","order":0,"component":"Tooltip","dir":"tooltip","parentId":"055"},{"url":"html-template","name":"HTML Template","category":"Tooltip","description":"Demo of Essential JS 2 Tooltip control customization as an HTML page using HTML tags to display a template content.","uid":"0055555","order":0,"component":"Tooltip","dir":"tooltip","parentId":"055"},{"url":"api","name":"API","category":"Tooltip","description":"Essential JS 2 Tooltip control demo showcasing the most frequently used API combinations, like content, height, width, open, sticky mode, and more.","uid":"0055556","order":0,"component":"Tooltip","dir":"tooltip","parentId":"055"}],"order":8,"uid":"055"},{"name":"Splitter","directory":"splitter","category":"Layout","ftName":"splitter","samples":[{"url":"default","name":"Default Functionalities","category":"Splitter","description":"The example explains the default functionalities of the JavaScript splitter with resizable panes, separator, and orientation (horizontal and vertical).","api":{"Splitter":["paneSettings","height","width","orientation"]},"uid":"0056560","order":0,"component":"Splitter","dir":"splitter","parentId":"056"},{"url":"expand-and-collapse","name":"Expand and Collapse","category":"Splitter","description":"The example presents collapsible JavaScript Splitter that exposes expand and collapse action of panes with a different orientation and resizable panes.","api":{"Splitter":["paneSettings","height","width","orientation"]},"uid":"0056561","order":0,"component":"Splitter","dir":"splitter","parentId":"056"},{"url":"accordion-navigation-menu","name":"Accordion Navigation Menu","category":"Use Case","description":"The example shows how to integrate Accordion and load the content from external sources using the Ajax library inside panes of JavaScript Splitter.","api":{"Splitter":["paneSettings","height","width","expanded","expanding","items","datasource","select"]},"uid":"0056562","order":1,"component":"Splitter","dir":"splitter","parentId":"056"},{"url":"details-view","name":"Details View","category":"Use Case","description":"The example demonstrates how to create employee details view layout using panes of JavaScript Splitter and ListView with navigation.","api":{"Splitter":["paneSettings","height","width","enableVirtualization","cssClass","template","actionComplete","datasource","select"]},"uid":"0056563","order":1,"component":"Splitter","dir":"splitter","parentId":"056"},{"url":"outlook-style-layout","name":"Outlook-style Layout","category":"Use Case","description":"The example explains how to construct an outlook style layout using JavaScript Splitter, TreeView, ListView, and Rich Text Editor with multiple panes.","api":{"Splitter":["paneSettings","height","width","fields","nodeTemplate","template","groupTemplate","cssClass","datasource","select"]},"uid":"0056564","order":1,"component":"Splitter","dir":"splitter","parentId":"056"},{"url":"code-editor-layout","name":"Code Editor Layout","category":"Use Case","description":"The example shows how to construct code editor layout (UI) using JavaScript Splitter with multiple, nested, different oriented, and resizable panes.","api":{"Splitter":["paneSettings","height","width","orientation"]},"uid":"0056565","order":1,"component":"Splitter","dir":"splitter","parentId":"056"}],"order":8,"uid":"056"},{"name":"Dashboard Layout","directory":"dashboard-layout","category":"Layout","ftName":"dashboardlayout","samples":[{"url":"default","name":"Default Functionalities","category":"Dashboard Layout","api":{"DashboardLayout":["cellSpacing"]},"description":"This example explains the default functionalities of the JavaScript Dashboard Layout with draggable and resizable panels.","uid":"0057570","order":0,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"057"},{"url":"predefined-layouts","name":"Predefined Layouts","category":"Dashboard Layout","api":{"DashboardLayout":["panels","allowDragging","allowResizing","allowFloating"]},"description":"This sample demonstrates how to change the initially defined panels structure with a set of predefined panel templates dynamically.","uid":"0057571","order":0,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"057"},{"url":"properties","name":"API","category":"Dashboard Layout","api":{"DashboardLayout":["panels","allowDragging","allowResizing","allowFloating"]},"description":"This sample demonstrates the most frequently used API combinations and dynamic addition and removal of panels within the layout.","uid":"0057572","order":0,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"057"},{"url":"dynamic-widget","name":"Editable Dashboard","category":"Dashboard Layout","api":{"DashboardLayout":["panels","allowDragging","allowResizing","allowFloating"]},"description":"This sample demonstrates how to add the data visualization components such as pie, column and spline chart in panels dynamically within the layout.","uid":"0057573","order":0,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"057"},{"url":"analytics-dashboard","name":"SEO Analytics Dashboard","category":"Use Case","api":{"DashboardLayout":["panels","allowDragging","allowResizing","allowFloating"]},"description":"This sample explains about constructing a real time dashboar.d for SEO analysis using data visualizing components like maps, charts, cards etc","uid":"0057574","order":1,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"057"}],"dataSourcePath":"src/dashboard-layout/datasource.js","order":8,"uid":"057"},{"name":"Query Builder","directory":"query-builder","category":"Forms","ftName":"query-builder","samples":[{"url":"default","name":"Default Functionalities","category":"Query Builder","ftName":"query-builder","api":{"QueryBuilder":["width","dataSource","columns","rule","created"]},"description":"This sample demonstrates the default functionalities of the Query Builder component. Click the plus button to add group or conditions.","uid":"0058580","order":0,"component":"Query Builder","dir":"query-builder","parentId":"058"},{"url":"template","name":"Template","category":"Query Builder","ftName":"query-builder","api":{"QueryBuilder":["width","columns","rule","ruleChange"]},"description":"This sample demonstrates the integration of DropdownList, Slider controls as Templates in the Query Builder component.","uid":"0058581","order":0,"component":"Query Builder","dir":"query-builder","parentId":"058"},{"url":"grid","name":"Integration with Data Grid","category":"Query Builder","ftName":"query-builder","api":{"QueryBuilder":["width","dataSource","columns","rule","ruleChange"]},"description":"This sample demonstrates the integration of Grid component to showcase the data population based on the created filters using Query Builder component.","uid":"0058582","order":0,"component":"Query Builder","dir":"query-builder","parentId":"058"}],"order":9,"uid":"058"},{"name":"PDF Viewer","directory":"pdfviewer","category":"Viewer","ftName":"pdfviewer","type":"update","samples":[{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with minimum configuration.","category":"PDF Viewer","type":"update","uid":"0059590","order":0,"component":"PDF Viewer","dir":"pdfviewer","parentId":"059"},{"url":"custom-toolbar","name":"Custom Toolbar","description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with custom toolbar configuration.","category":"PDF Viewer","uid":"0059591","order":0,"component":"PDF Viewer","dir":"pdfviewer","parentId":"059"},{"url":"right-to-left","name":"Right to Left","description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with Right to Left Configuration ","category":"PDF Viewer","uid":"0059592","order":0,"component":"PDF Viewer","dir":"pdfviewer","parentId":"059"},{"url":"form-filling","name":"Form Filling","description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with Form Filling Configuration ","category":"PDF Viewer","uid":"0059593","order":0,"component":"PDF Viewer","dir":"pdfviewer","parentId":"059"}],"order":10,"uid":"059"}];
-export let apiList:any={"grid/grid-overview":[{"name":"dataSource","description":"
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If enableVirtualization set to true, then the Grid will render only the rows visible within the view-port\nand load subsequent rows on vertical scrolling. This helps to load large dataset in Grid.
If allowFiltering set to true the filter bar will be displayed.\nIf set to false the filter bar will not be displayed.\nFilter bar allows the user to filter grid records with required criteria.
\n
\n
Check the Filtering to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowGrouping set to true, then it will allow the user to dynamically group or ungroup columns.\nGrouping can be done by drag and drop columns from column header to group drop area.
\n
\n
Check the Grouping to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If enableVirtualization set to true, then the Grid will render only the rows visible within the view-port\nand load subsequent rows on vertical scrolling. This helps to load large dataset in Grid.
If enableColumnVirtualization set to true, then the Grid will render only the columns visible within the view-port\nand load subsequent columns on horizontal scrolling. This helps to load large dataset of columns in Grid.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowGrouping set to true, then it will allow the user to dynamically group or ungroup columns.\nGrouping can be done by drag and drop columns from column header to group drop area.
\n
\n
Check the Grouping to customize its default behavior.
If allowReordering is set to true, Grid columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
\n
\n
If Grid is rendered with stacked headers, reordering is allowed only at the same level as the column headers.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowReordering is set to true, Grid columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
\n
\n
If Grid is rendered with stacked headers, reordering is allowed only at the same level as the column headers.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowFiltering set to true the filter bar will be displayed.\nIf set to false the filter bar will not be displayed.\nFilter bar allows the user to filter grid records with required criteria.
\n
\n
Check the Filtering to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowFiltering set to true the filter bar will be displayed.\nIf set to false the filter bar will not be displayed.\nFilter bar allows the user to filter grid records with required criteria.
\n
\n
Check the Filtering to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowGrouping set to true, then it will allow the user to dynamically group or ungroup columns.\nGrouping can be done by drag and drop columns from column header to group drop area.
\n
\n
Check the Grouping to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowGrouping set to true, then it will allow the user to dynamically group or ungroup columns.\nGrouping can be done by drag and drop columns from column header to group drop area.
\n
\n
Check the Grouping to customize its default behavior.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
If allowGrouping set to true, then it will allow the user to dynamically group or ungroup columns.\nGrouping can be done by drag and drop columns from column header to group drop area.
\n
\n
Check the Grouping to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
Triggered every time a request is made to access cell information, element, or data.\nThis will be triggered before the cell element is appended to the Grid element.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowGrouping set to true, then it will allow the user to dynamically group or ungroup columns.\nGrouping can be done by drag and drop columns from column header to group drop area.
\n
\n
Check the Grouping to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowGrouping set to true, then it will allow the user to dynamically group or ungroup columns.\nGrouping can be done by drag and drop columns from column header to group drop area.
\n
\n
Check the Grouping to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowFiltering set to true the filter bar will be displayed.\nIf set to false the filter bar will not be displayed.\nFilter bar allows the user to filter grid records with required criteria.
\n
\n
Check the Filtering to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
Triggered every time a request is made to access cell information, element, or data.\nThis will be triggered before the cell element is appended to the Grid element.
If allowReordering is set to true, TreeGrid columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
\n
\n
If TreeGrid is rendered with stacked headers, reordering is allowed only at the same level as the column headers.
Triggered every time a request is made to access cell information, element, or data.\nThis will be triggered before the cell element is appended to the TreeGrid element.
If allowReordering is set to true, TreeGrid columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
\n
\n
If TreeGrid is rendered with stacked headers, reordering is allowed only at the same level as the column headers.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
Triggered every time a request is made to access row information, element, or data.\nThis will be triggered before the row element is appended to the TreeGrid element.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If enableVirtualization set to true, then the TreeGrid will render only the rows visible within the view-port\nand load subsequent rows on vertical scrolling. This helps to load large dataset in TreeGrid.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
Triggered every time a request is made to access cell information, element, or data.\nThis will be triggered before the cell element is appended to the TreeGrid element.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
If allowReordering is set to true, TreeGrid columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
\n
\n
If TreeGrid is rendered with stacked headers, reordering is allowed only at the same level as the column headers.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Triggers before command execution using toolbar items or executeCommand method.\nIf you cancel this event, the command cannot be executed.\nSet the cancel argument to true to cancel the command execution.
Specifies the items to be rendered in quick toolbar based on the target element.
\n
\n
It has following fields:
\n
enable - set boolean value to show or hide the quick toolbar
\n
actionOnScroll - it has two possible options\n\n
hide: The quickToolbar is closed when the parent element is scrolled.
\n
none: The quickToolbar cannot be closed even the parent element is scrolled.
\n\n
\n
link - Specifies the items to be rendered in quick toolbar based on link element such as Open, Edit, and UnLink.
\n
image - Specifies the items to be rendered in quick toolbar based on image element such as 'Replace',\n'Align', 'Caption', 'Remove', 'InsertLink', 'Display', 'AltText', 'Dimension'.
\n
text\t - Specifies the items to be rendered in quick toolbar based on text element such as 'Cut', 'Copy', 'Paste'.
enable - set boolean value to enable or disable the inline edit mode.
\n
onSelection - If its set to true, upon selecting the text, the toolbar is opened in inline.\nIf its set to false, upon clicking to the target element, the toolbar is opened.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Triggers before command execution using toolbar items or executeCommand method.\nIf you cancel this event, the command cannot be executed.\nSet the cancel argument to true to cancel the command execution.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Specifies the value displayed in the RichTextEditor's content area and it should be string.\nThe content of RichTextEditor can be loaded with dynamic data such as database, AJAX content, and more.
Enables or disables the resizing option in the editor.\nIf enabled, the RichTextEditor can be resized by dragging the resize icon in the bottom right corner.
Specifies the value displayed in the RichTextEditor's content area and it should be string.\nThe content of RichTextEditor can be loaded with dynamic data such as database, AJAX content, and more.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Triggers before command execution using toolbar items or executeCommand method.\nIf you cancel this event, the command cannot be executed.\nSet the cancel argument to true to cancel the command execution.
Specifies the value displayed in the RichTextEditor's content area and it should be string.\nThe content of RichTextEditor can be loaded with dynamic data such as database, AJAX content, and more.
Specifies the saveInterval in milliseconds for autosave the value.\nThe change event will be triggered if the content was changed from the last saved interval.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Triggers before command execution using toolbar items or executeCommand method.\nIf you cancel this event, the command cannot be executed.\nSet the cancel argument to true to cancel the command execution.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Specifies the value displayed in the RichTextEditor's content area and it should be string.\nThe content of RichTextEditor can be loaded with dynamic data such as database, AJAX content, and more.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Specifies the value displayed in the RichTextEditor's content area and it should be string.\nThe content of RichTextEditor can be loaded with dynamic data such as database, AJAX content, and more.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Triggers before command execution using toolbar items or executeCommand method.\nIf you cancel this event, the command cannot be executed.\nSet the cancel argument to true to cancel the command execution.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Defines class/multiple classes separated by a space for the Button that is used to include an icon.\nButtons can also include font icon and sprite image.
Specifies a value that indicates whether the CheckBox is in indeterminate state or not.\nWhen set to true, the CheckBox will be in indeterminate state.
Defines class/multiple classes separated by a space in the DropDownButton element. The\nDropDownButton size and styles can be customized by using this.
Defines class/multiple classes separated by a space for the DropDownButton that is used to\ninclude an icon. DropDownButton can also include font icon and sprite image.
Defines class/multiple classes separated by a space for the SplitButton that is used to include an\nicon. SplitButton can also include font icon and sprite image.
Defines class/multiple classes separated by a space for the progress button that is used to include an icon.\nProgress button can also include font icon and sprite image.
Specifies the root CSS class of the progress button that allows customization of component’s appearance.\nThe progress button types, styles, and size can be achieved by using this property.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Schedule will be assigned with specific timezone, so as to display the events in it accordingly. By default,\nSchedule dates are processed with System timezone, as no timezone will be assigned specifically to the Schedule at the initial time.\nWhenever the Schedule is bound to remote data services, it is always recommended to set specific timezone to Schedule to make the\nevents on it to display on the same time irrespective of the system timezone. It usually accepts\nthe valid IANA timezone names.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Template option to customize the resource header bar. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the resource header cells.\nThe following can be accessible via template.
\n
\n
resource - All the resource fields.
\n
resourceData - object collection of current resource.\n{% codeBlock src="schedule/resource-header-api/index.html" %}{% endcodeBlock %}\n{% codeBlock src="schedule/resource-header-api/index.ts" %}{% endcodeBlock %}
It is used to customize the Schedule which accepts custom CSS class names that defines specific user-defined styles and themes\nto be applied on the Schedule element.
The working hours should be highlighted on Schedule with different color shade and an additional option must be provided to\nhighlight it or not. This functionality is handled through workHours property and the start work hour should be 9 AM by default\nand end work hour should point to 6 PM. The start and end working hours needs to be provided as Time value of short skeleton type.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.\n{% codeBlock src="schedule/group-api/index.ts" %}{% endcodeBlock %}
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.\n{% codeBlock src="schedule/resources-api/index.ts" %}{% endcodeBlock %}
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.\n{% codeBlock src="schedule/group-api/index.ts" %}{% endcodeBlock %}
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.\n{% codeBlock src="schedule/resources-api/index.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the number of days to be displayed by default in Agenda View and in case of virtual scrolling,\nthe number of days will be fetched on each scroll-end based on this count.
The days which does not has even a single event to display will be hidden from the UI of Agenda View by default.\nWhen this property is set to false, the empty dates will also be displayed on the Schedule.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Template option to customize the resource header bar. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the resource header cells.\nThe following can be accessible via template.
\n
\n
resource - All the resource fields.
\n
resourceData - object collection of current resource.\n{% codeBlock src="schedule/resource-header-api/index.html" %}{% endcodeBlock %}\n{% codeBlock src="schedule/resource-header-api/index.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Template option to customize the resource header bar. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the resource header cells.\nThe following can be accessible via template.
\n
\n
resource - All the resource fields.
\n
resourceData - object collection of current resource.\n{% codeBlock src="schedule/resource-header-api/index.html" %}{% endcodeBlock %}\n{% codeBlock src="schedule/resource-header-api/index.ts" %}{% endcodeBlock %}
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.\n{% codeBlock src="schedule/group-api/index.ts" %}{% endcodeBlock %}
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.\n{% codeBlock src="schedule/resources-api/index.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Template option to customize the resource header bar. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the resource header cells.\nThe following can be accessible via template.
\n
\n
resource - All the resource fields.
\n
resourceData - object collection of current resource.\n{% codeBlock src="schedule/resource-header-api/index.html" %}{% endcodeBlock %}\n{% codeBlock src="schedule/resource-header-api/index.ts" %}{% endcodeBlock %}
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.\n{% codeBlock src="schedule/group-api/index.ts" %}{% endcodeBlock %}
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.\n{% codeBlock src="schedule/resources-api/index.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Template option to customize the resource header bar. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the resource header cells.\nThe following can be accessible via template.
\n
\n
resource - All the resource fields.
\n
resourceData - object collection of current resource.\n{% codeBlock src="schedule/resource-header-api/index.html" %}{% endcodeBlock %}\n{% codeBlock src="schedule/resource-header-api/index.ts" %}{% endcodeBlock %}
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.\n{% codeBlock src="schedule/group-api/index.ts" %}{% endcodeBlock %}
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.\n{% codeBlock src="schedule/resources-api/index.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.\n{% codeBlock src="schedule/group-api/index.ts" %}{% endcodeBlock %}
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.\n{% codeBlock src="schedule/resources-api/index.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.\n{% codeBlock src="schedule/group-api/index.ts" %}{% endcodeBlock %}
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.\n{% codeBlock src="schedule/resources-api/index.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
It is used to specify the starting hour, from which the Schedule starts to display. It accepts the time string in a short skeleton\nformat and also, hides the time beyond the specified start time.
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.\n{% codeBlock src="schedule/group-api/index.ts" %}{% endcodeBlock %}
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.\n{% codeBlock src="schedule/resources-api/index.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
The template option which is used to render the customized work cells on the Schedule. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the work cells.\nThe fields accessible via template are as follows.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
It is used to customize the Schedule which accepts custom CSS class names that defines specific user-defined styles and themes\nto be applied on the Schedule element.
It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto\nthe date header cells. The field that can be accessed via this template is date.\n{% codeBlock src="schedule/date-header-api/index.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
The template option which is used to render the customized work cells on the Schedule. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the work cells.\nThe fields accessible via template are as follows.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
The template option to render the customized editor window. The form elements defined within this template should be accompanied\nwith e-field class, so as to fetch and process it from internally.\n{% codeBlock src="schedule/editor-api/index.html" %}{% endcodeBlock %}\n{% codeBlock src="schedule/editor-api/index.ts" %}{% endcodeBlock %}
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Allows defining the collection of custom header rows to display the year, month, week, date and hour label as an individual row\non the timeline view of the scheduler.\n{% codeBlock src="schedule/header-rows-api/index.ts" %}{% endcodeBlock %}
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Allows to set different time duration on Schedule along with the customized grid count. It also has template option to\ncustomize the time slots with required time values in its own format.\n{% codeBlock src="schedule/timescale-api/index.ts" %}{% endcodeBlock %}
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
The working hours should be highlighted on Schedule with different color shade and an additional option must be provided to\nhighlight it or not. This functionality is handled through workHours property and the start work hour should be 9 AM by default\nand end work hour should point to 6 PM. The start and end working hours needs to be provided as Time value of short skeleton type.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
It is used to set the working days on Schedule. The only days that are defined in this collection will be rendered on the workWeek\nview whereas on other views, it will display all the usual days and simply highlights the working days with different shade.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
When set to false, it hides the weekend days of a week from the Schedule. The days which are not defined in the working days\ncollection are usually treated as weekend days.\nNote: By default, this option is not applicable on Work Week view.\nFor example, if the working days are defined as [1, 2, 3, 4], then the remaining days of that week will be considered as\nthe weekend days and will be hidden on all the views.
The working hours should be highlighted on Schedule with different color shade and an additional option must be provided to\nhighlight it or not. This functionality is handled through workHours property and the start work hour should be 9 AM by default\nand end work hour should point to 6 PM. The start and end working hours needs to be provided as Time value of short skeleton type.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:\n{% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}\nExample for array of view objects:\n{% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
It is used to specify the starting hour, from which the Schedule starts to display. It accepts the time string in a short skeleton\nformat and also, hides the time beyond the specified start time.
The working hours should be highlighted on Schedule with different color shade and an additional option must be provided to\nhighlight it or not. This functionality is handled through workHours property and the start work hour should be 9 AM by default\nand end work hour should point to 6 PM. The start and end working hours needs to be provided as Time value of short skeleton type.
It is used to customize the Schedule which accepts custom CSS class names that defines specific user-defined styles and themes\nto be applied on the Schedule element.
When set to false, hides the current time indicator from the Schedule. Otherwise,\nit visually depicts the live current system time appropriately on the user interface.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Imports the events from an .ics file downloaded from any of the calendars like Google or Outlook into the Scheduler.\nThis method accepts the blob object of an .ics file to be imported as a mandatory argument.
Exports the Scheduler events to a calendar (.ics) file. By default, the calendar is exported with a file name Calendar.ics.\nTo change this file name on export, pass the custom string value as fileName to get the file downloaded with this provided name.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
Sets the maximum level of view such as month, year, and decade in the Calendar.\nDepth view should be smaller than the start view to restrict its view navigation.
Sets the maximum level of view such as month, year, and decade in the Calendar.\nDepth view should be smaller than the start view to restrict its view navigation.
Sets the maximum level of view (month, year, decade) in the Calendar.\nDepth view should be smaller than the start view to restrict its view navigation.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Determines on which filter type, the component needs to be considered on search action.\nThe available FilterType\nand its supported data types are\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nFilterType<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td><td colSpan=1 rowSpan=1>\nSupported Types<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nStartsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>\nString<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nEndsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nContains<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n</table>
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the template design and assigns it to each list item present in the popup.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
When allowFiltering is set to true, show the filter bar (search box) of the component.\nThe filter action retrieves matched items through the filtering event based on\nthe characters typed in the search TextBox.\nIf no match is found, the value of the noRecordsTemplate property will be displayed.\n{% codeBlock src="combobox/allow-filtering-api/index.ts" %}{% endcodeBlock %}
Specifies the width of the component. By default, the component width sets based on the width of\nits parent container. You can also set the width in pixel values.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the template design and assigns it to each list item present in the popup.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
When allowFiltering is set to true, show the filter bar (search box) of the component.\nThe filter action retrieves matched items through the filtering event based on\nthe characters typed in the search TextBox.\nIf no match is found, the value of the noRecordsTemplate property will be displayed.\n{% codeBlock src="combobox/allow-filtering-api/index.ts" %}{% endcodeBlock %}
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
When allowFiltering is set to true, show the filter bar (search box) of the component.\nThe filter action retrieves matched items through the filtering event based on\nthe characters typed in the search TextBox.\nIf no match is found, the value of the noRecordsTemplate property will be displayed.\n{% codeBlock src="combobox/allow-filtering-api/index.ts" %}{% endcodeBlock %}
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the template design and assigns it to each list item present in the popup.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Accepts the template design and assigns it to the selected list item in the input element of the component.\nFor more details about the available template options refer to\nTemplate documentation.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
When allowFiltering is set to true, show the filter bar (search box) of the component.\nThe filter action retrieves matched items through the filtering event based on\nthe characters typed in the search TextBox.\nIf no match is found, the value of the noRecordsTemplate property will be displayed.
\n
\n
For more details about the filtering refer to Filtering documentation.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
When allowFiltering is set to true, show the filter bar (search box) of the component.\nThe filter action retrieves matched items through the filtering event based on\nthe characters typed in the search TextBox.\nIf no match is found, the value of the noRecordsTemplate property will be displayed.
\n
\n
For more details about the filtering refer to Filtering documentation.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the template design and assigns it to each list item present in the popup.
\n
\n
For more details about the available template options refer to Template documentation.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Accepts the template design and assigns it to the selected list item in the input element of the component.\nFor more details about the available template options refer to\nTemplate documentation.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
To enable the filtering option in this component.\nFilter action performs when type in search box and collect the matched item through filtering event.\nIf searching character does not match, noRecordsTemplate property value will be shown.\n{% codeBlock src="multiselect/allow-filtering-api/index.ts" %}{% endcodeBlock %}
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Specifies a Boolean value that indicates the whether the grouped list items are\nallowed to check by checking the group header in checkbox mode.\nBy default, there is no checkbox provided for group headers.\nThis property allows you to render checkbox for group headers and to select\nall the grouped items at once
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
If 'allowDragAndDrop' is set to true, then you can perform drag and drop of the list item.\nListBox contains same 'scope' property enables drag and drop between multiple ListBox.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Sets the header text to be displayed for the Accordion item.\nYou can set the title of the Accordion item using header property.\nIt also supports to include the title as HTML element, string, or query selector.
Sets the text content to be displayed for the Accordion item.\nYou can set the content of the Accordion item using content property.\nIt also supports to include the title as HTML element, string, or query selector.
Defines an icon with the given custom CSS class that is to be rendered before the header text.\nAdd the css classes to the iconCss property and write the css styles to the defined class to set images/icons.\nAdding icon is applicable only to the header.
Defines class/multiple classes separated by a space for the menu Item that is used to include an icon.\nMenu Item can include font icon and sprite image.
Defines class/multiple classes separated by a space for the menu Item that is used to include an icon.\nMenu Item can include font icon and sprite image.
Over - The sidebar floats over the main content area.
\n
Push - The sidebar pushes the main content area to appear side-by-side, and shrinks the main content within the screen width.
\n
Slide - The sidebar translates the x and y positions of main content area based on the sidebar width.\nThe main content area will not be adjusted within the screen width.
\n
Auto - Sidebar with Over type in mobile resolution and Push type in other higher resolutions.
\n
\n
\n
For more details about SidebarType refer to\nSidebarType documentation.
Specifies the width of the Sidebar. By default, the width of the Sidebar sets based on the size of its content.\nWidth can also be set in pixel values.
Specifies the width of the Sidebar. By default, the width of the Sidebar sets based on the size of its content.\nWidth can also be set in pixel values.
Specifies the Tab display mode when Tab content exceeds the viewing area.\nThe possible modes are:
\n
\n
Scrollable: All the elements are displayed in a single line with horizontal scrolling enabled.
\n
Popup: Tab container holds the items that can be placed within the available space and rest of the items are moved to the popup.\nIf the popup content overflows the height of the page, the rest of the elements can be viewed by scrolling the popup.
Defines single/multiple classes separated by space used to specify an icon for the button.\nThe icon will be positioned before the text content if text is available, otherwise the icon alone will be rendered.
Defines the priority of items to display it in popup always.\nIt allows to maintain toolbar item on popup always but it does not work for toolbar priority items.
Specifies the Toolbar command display area when an element's content is too large to fit available space.\nThis is applicable only to popup mode. Possible values are:
\n
\n
Show: Always shows the item as the primary priority on the Toolbar.
\n
Hide: Always shows the item as the secondary priority on the popup.
\n
None: No priority for display, and as per normal order moves to popup when content exceeds.
Specifies the Toolbar display mode when Toolbar content exceeds the viewing area.\nPossible modes are:
\n
\n
Scrollable: All the elements are displayed in a single line with horizontal scrolling enabled.
\n
Popup: Prioritized elements are displayed on the Toolbar and the rest of elements are moved to the popup.
\n
MultiRow: Displays the overflow toolbar items as an in-line of a toolbar.
\n
Extended: Hide the overflowing toolbar items in the next row. Show the overflowing toolbar items when you click the expand icons.\nIf the popup content overflows the height of the page, the rest of the elements will be hidden.
Specifies a value that indicates whether the nodes are sorted in the ascending or descending order,\nor are not sorted at all. The available types of sort order are,
\n
\n
None - The nodes are not sorted.
\n
Ascending - The nodes are sorted in the ascending order.
\n
Descending - The nodes are sorted in the ascending order.
Indicates that the nodes will display CheckBoxes in the TreeView.\nThe CheckBox will be displayed next to the expand/collapse icon of the node. For more information on CheckBoxes, refer to\nCheckBox.
Enables or disables editing of the text in the TreeView node. When allowEditing property is set\nto true, the TreeView allows you to edit the node by double clicking the node or by navigating to\nthe node and pressing F2 key. For more information on node editing, refer\nto Node Editing.
Enables or disables multi-selection of nodes. To select multiple nodes:
\n
\n
Select the nodes by holding down the CTRL key while clicking on the nodes.
\n
Select consecutive nodes by clicking the first node to select and hold down the SHIFT key\nand click the last node to select.\nFor more information on multi-selection, refer to\nMulti-Selection.
Indicates whether the TreeView allows drag and drop of nodes. To drag and drop a node in\ndesktop, hold the mouse on the node, drag it to the target node and drop the node by releasing\nthe mouse. For touch devices, drag and drop operation is performed by touch, touch move\nand touch end. For more information on drag and drop nodes concept, refer to\nDrag and Drop.
Enables or disables multi-selection of nodes. To select multiple nodes:
\n
\n
Select the nodes by holding down the CTRL key while clicking on the nodes.
\n
Select consecutive nodes by clicking the first node to select and hold down the SHIFT key\nand click the last node to select.\nFor more information on multi-selection, refer to\nMulti-Selection.
Specifies a template to render customized content for all the nodes. If the nodeTemplate property\nis set, the template content overrides the displayed node text. The property accepts template string\ntemplate string\nor HTML element ID holding the content. For more information on template concept, refer to\nTemplate.
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the text that is shown as a hint/placeholder until the user focus or enter a value in Textbox.\nThe property is depending on the floatLabelType property.
Specifies the floating label behavior of the TextBox that the placeholder text floats above the TextBox based on the below values.\nPossible values are:
\n
\n
Never - The placeholder text should not be float ever.
\n
Always - The placeholder text floats above the TextBox always.
\n
Auto - The placeholder text floats above the TextBox while focusing or enter a value in Textbox.
Specifies a boolean value that enable or disable the multiline on the TextBox.\nThe TextBox changes from single line to multiline when enable this multiline mode.
Specifies the text that is shown as a hint/placeholder until the user focus or enter a value in Textbox.\nThe property is depending on the floatLabelType property.
Specifies the floating label behavior of the TextBox that the placeholder text floats above the TextBox based on the below values.\nPossible values are:
\n
\n
Never - The placeholder text should not be float ever.
\n
Always - The placeholder text floats above the TextBox always.
\n
Auto - The placeholder text floats above the TextBox while focusing or enter a value in Textbox.
Sets the collection of values to be mapped for non-mask elements(literals)\nwhich have been set in the mask of MaskedTextBox.
\n
\n
In the below example, non-mask elements "P" accepts values\n"P" , "A" , "p" , "a" and "M" accepts values "M", "m" mentioned in the custom characters collection.\nFor more information on customCharacters, refer to\ncustomCharacters.
The <b><a href="#placeholder" target="_blank">placeholder</a></b> acts as a label\nand floats above the MaskedTextBox based on the below values.\nPossible values are:
\n
\n
Never - The floating label will not be enable when the placeholder is available.
\n
Always - The floating label always floats above the MaskedTextBox.
\n
Auto - The floating label floats above the MaskedTextBox after focusing it or when enters the value in it.
The <b><a href="#placeholder" target="_blank">placeholder</a></b> acts as a label\nand floats above the MaskedTextBox based on the below values.\nPossible values are:
\n
\n
Never - The floating label will not be enable when the placeholder is available.
\n
Always - The floating label always floats above the MaskedTextBox.
\n
Auto - The floating label floats above the MaskedTextBox after focusing it or when enters the value in it.
Gets or sets a value that will be shown as a prompting symbol for the masked value.\nThe symbol used to show input positions in the MaskedTextBox.\nFor more information on prompt-character, refer to\nprompt-character.
Gets the value of the MaskedTextBox with the masked format.\nBy using value property, you can get the raw value of maskedtextbox without literals and prompt characters.
Gets or sets the value of the MaskedTextBox. It is a raw value of the MaskedTextBox excluding literals\nand prompt characters. By using getMaskedValue property, you can get the value of MaskedTextBox with the masked format.
Specifies the number format that indicates the display format for the value of the NumericTextBox.\nFor more information on formats, refer to\nformats.
Specifies the number format that indicates the display format for the value of the NumericTextBox.\nFor more information on formats, refer to\nformats.
Specifies the number format that indicates the display format for the value of the NumericTextBox.\nFor more information on formats, refer to\nformats.
By default, the uploader component initiates automatic upload when the files are added in upload queue.\nIf you want to manipulate the files before uploading to server, disable the autoUpload property.\nThe buttons “upload” and “clear” will be hided from file list when autoUpload property is true.
Triggers when the AJAX request gets success on uploading files or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploaded/removed.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the success of the operation whether its uploaded or removed<br/></td></tr>\n</table>
Specifies the drop target to handle the drag-and-drop upload.\nBy default, the component creates wrapper around file input that will act as drop target.
\n
\n
For more information, refer to the drag-and-drop section from the documentation.
By default, the uploader component initiates automatic upload when the files are added in upload queue.\nIf you want to manipulate the files before uploading to server, disable the autoUpload property.\nThe buttons “upload” and “clear” will be hided from file list when autoUpload property is true.
Specifies the drop target to handle the drag-and-drop upload.\nBy default, the component creates wrapper around file input that will act as drop target.
\n
\n
For more information, refer to the drag-and-drop section from the documentation.
Specifies the drop target to handle the drag-and-drop upload.\nBy default, the component creates wrapper around file input that will act as drop target.
\n
\n
For more information, refer to the drag-and-drop section from the documentation.
Triggers when uploading a file to the server using the AJAX request.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploading to server.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n</table>
Triggers when the AJAX request gets success on uploading files or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploaded/removed.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the success of the operation whether its uploaded or removed<br/></td></tr>\n</table>
Triggers when the AJAX request fails on uploading or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is failed from upload/remove.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the failure of the operation whether its upload or remove<br/></td></tr>\n</table>
Specifies the list of files that will be preloaded on rendering of uploader component.\nThe property used to view and remove the uploaded files from server. By default, the files are configured with\nuploaded successfully state. The following properties are mandatory to configure the preload files:
Triggers when the AJAX request fails on uploading or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is failed from upload/remove.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the failure of the operation whether its upload or remove<br/></td></tr>\n</table>
Triggers when the AJAX request gets success on uploading files or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploaded/removed.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the success of the operation whether its uploaded or removed<br/></td></tr>\n</table>
Specifies the drop target to handle the drag-and-drop upload.\nBy default, the component creates wrapper around file input that will act as drop target.
\n
\n
For more information, refer to the drag-and-drop section from the documentation.
By default, the uploader component initiates automatic upload when the files are added in upload queue.\nIf you want to manipulate the files before uploading to server, disable the autoUpload property.\nThe buttons “upload” and “clear” will be hided from file list when autoUpload property is true.
Specifies the extensions of the file types allowed in the uploader component and pass the extensions\nwith comma separators. For example,\nif you want to upload specific image files, pass allowedExtensions as “.jpg,.png”.
Triggers when the AJAX request gets success on uploading files or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploaded/removed.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the success of the operation whether its uploaded or removed<br/></td></tr>\n</table>
Specifies the drop target to handle the drag-and-drop upload.\nBy default, the component creates wrapper around file input that will act as drop target.
\n
\n
For more information, refer to the drag-and-drop section from the documentation.
Triggers when the AJAX request gets success on uploading files or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploaded/removed.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the success of the operation whether its uploaded or removed<br/></td></tr>\n</table>
Triggers when uploading a file to the server using the AJAX request.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploading to server.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n</table>
Specifies the extensions of the file types allowed in the uploader component and pass the extensions\nwith comma separators. For example,\nif you want to upload specific image files, pass allowedExtensions as “.jpg,.png”.
Triggers when the AJAX request gets success on uploading files or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploaded/removed.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the success of the operation whether its uploaded or removed<br/></td></tr>\n</table>
Triggers when uploading a file to the server using the AJAX request.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploading to server.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n</table>
Specifies the extensions of the file types allowed in the uploader component and pass the extensions\nwith comma separators. For example,\nif you want to upload specific image files, pass allowedExtensions as “.jpg,.png”.
Triggers when the AJAX request gets success on uploading files or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploaded/removed.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the success of the operation whether its uploaded or removed<br/></td></tr>\n</table>
Triggers when uploading a file to the server using the AJAX request.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploading to server.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n</table>
Specifies the extensions of the file types allowed in the uploader component and pass the extensions\nwith comma separators. For example,\nif you want to upload specific image files, pass allowedExtensions as “.jpg,.png”.
It is used to denote the current value of the Slider.\nThe value should be specified in array of number when render Slider type as range.\n{% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
It is used to denote the current value of the Slider.\nThe value should be specified in array of number when render Slider type as range.\n{% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
It is used to denote the step value of Slider component which is the amount of Slider value change\nwhen increase / decrease button is clicked or press arrow keys or drag the thumb.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="slider/step-api/index.ts" %}{% endcodeBlock %}
It is used to denote the current value of the Slider.\nThe value should be specified in array of number when render Slider type as range.\n{% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
It is used to show or hide the increase and decrease button of Slider Component,\nwhich is used to change the slider value.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="slider/showButtons-api/index.ts" %}{% endcodeBlock %}
It is used to determine the device mode to show the Tooltip.\nIf it is in desktop, it will show the Tooltip content when hovering on the target element.\nIf it is in touch device. It will show the Tooltip content when tap and holding on the target element.
It is used to denote the current value of the Slider.\nThe value should be specified in array of number when render Slider type as range.\n{% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
It is used to denote the current value of the Slider.\nThe value should be specified in array of number when render Slider type as range.\n{% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
It is used to denote the step value of Slider component which is the amount of Slider value change\nwhen increase / decrease button is clicked or press arrow keys or drag the thumb.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="slider/step-api/index.ts" %}{% endcodeBlock %}
It is used to denote the current value of the Slider.\nThe value should be specified in array of number when render Slider type as range.\n{% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
It is used to denote the step value of Slider component which is the amount of Slider value change\nwhen increase / decrease button is clicked or press arrow keys or drag the thumb.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="slider/step-api/index.ts" %}{% endcodeBlock %}
It is used to denote the current value of the Slider.\nThe value should be specified in array of number when render Slider type as range.\n{% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
It is used to denote the step value of Slider component which is the amount of Slider value change\nwhen increase / decrease button is clicked or press arrow keys or drag the thumb.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="slider/step-api/index.ts" %}{% endcodeBlock %}
It is used to show or hide the increase and decrease button of Slider Component,\nwhich is used to change the slider value.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="slider/showButtons-api/index.ts" %}{% endcodeBlock %}
It is used to determine the device mode to show the Tooltip.\nIf it is in desktop, it will show the Tooltip content when hovering on the target element.\nIf it is in touch device. It will show the Tooltip content when tap and holding on the target element.
It is used to denote the current value of the Slider.\nThe value should be specified in array of number when render Slider type as range.\n{% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
We can trigger changed event when Slider component action is completed while we change the Slider value.\nIn other term, this event will be triggered, while drag the slider thumb completed.
It is used to determine the device mode to show the Tooltip.\nIf it is in desktop, it will show the Tooltip content when hovering on the target element.\nIf it is in touch device. It will show the Tooltip content when tap and holding on the target element.
It is used to denote the current value of the Slider.\nThe value should be specified in array of number when render Slider type as range.\n{% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
It is used to denote the current value of the Slider.\nThe value should be specified in array of number when render Slider type as range.\n{% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
It is used to denote the current value of the Slider.\nThe value should be specified in array of number when render Slider type as range.\n{% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
It is used to denote the step value of Slider component which is the amount of Slider value change\nwhen increase / decrease button is clicked or press arrow keys or drag the thumb.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="slider/step-api/index.ts" %}{% endcodeBlock %}
It is used to denote the current value of the Slider.\nThe value should be specified in array of number when render Slider type as range.\n{% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
It is used to denote the step value of Slider component which is the amount of Slider value change\nwhen increase / decrease button is clicked or press arrow keys or drag the thumb.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="slider/step-api/index.ts" %}{% endcodeBlock %}
It is used to denote the current value of the Slider.\nThe value should be specified in array of number when render Slider type as range.\n{% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.\n{% codeBlock src="dialog/content-api/index.ts" %}{% endcodeBlock %}
Configures the action buttons that contains button properties with primary attributes and click events.\nOne or more action buttons can be configured to the dialog.
\n
\n
More information on the button configuration can be found on this\ndocumentation section.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.\n{% codeBlock src="dialog/content-api/index.ts" %}{% endcodeBlock %}
Configures the action buttons that contains button properties with primary attributes and click events.\nOne or more action buttons can be configured to the dialog.
\n
\n
More information on the button configuration can be found on this\ndocumentation section.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.\n{% codeBlock src="dialog/content-api/index.ts" %}{% endcodeBlock %}
Specifies the Boolean value whether the dialog can be displayed as modal or non-modal.
\n
\n
Modal: It creates overlay that disable interaction with the parent application and user should\nrespond with modal before continuing with other applications.
\n
Modeless: It does not prevent user interaction with parent application.
Configures the action buttons that contains button properties with primary attributes and click events.\nOne or more action buttons can be configured to the dialog.
\n
\n
More information on the button configuration can be found on this\ndocumentation section.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.\n{% codeBlock src="dialog/content-api/index.ts" %}{% endcodeBlock %}
Specifies the Boolean value whether the dialog can be displayed as modal or non-modal.
\n
\n
Modal: It creates overlay that disable interaction with the parent application and user should\nrespond with modal before continuing with other applications.
\n
Modeless: It does not prevent user interaction with parent application.
Configures the action buttons that contains button properties with primary attributes and click events.\nOne or more action buttons can be configured to the dialog.
\n
\n
More information on the button configuration can be found on this\ndocumentation section.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.\n{% codeBlock src="dialog/content-api/index.ts" %}{% endcodeBlock %}
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.\n{% codeBlock src="dialog/content-api/index.ts" %}{% endcodeBlock %}
Specifies the value whether the dialog component can be dragged by the end-user.\nThe dialog allows to drag by selecting the header and dragging it for re-position the dialog.
\n
\n
More information on the draggable behavior can be found on this documentation section.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.\n{% codeBlock src="dialog/content-api/index.ts" %}{% endcodeBlock %}
Specifies the value whether the dialog component can be resized by the end-user.\nIf enableResize is true, the dialog component creates grip to resize it diagonal direction.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the template value that can be displayed with dialog's footer area.\nThis is optional property and can be used only when the footer is occupied with information or custom components.\nBy default, the footer is configured with action buttons.\nIf footer template is configured to dialog, the action buttons property will be disabled.
\n
\n
More information on the footer template configuration can be found on this documentation section.
Specifies the value where the dialog can be positioned within the document or target.\nThe position can be represented with pre-configured positions or specific X and Y values.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.\n{% codeBlock src="dialog/content-api/index.ts" %}{% endcodeBlock %}
Configures the action buttons that contains button properties with primary attributes and click events.\nOne or more action buttons can be configured to the dialog.
\n
\n
More information on the button configuration can be found on this\ndocumentation section.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Configures the action buttons that contains button properties with primary attributes and click events.\nOne or more action buttons can be configured to the dialog.
\n
\n
More information on the button configuration can be found on this\ndocumentation section.
It is used to map keys from the dataSource which extracts the appropriate data from the dataSource\nwith specified mapped with the column fields to render the ListView.\n{% codeBlock src="listview/fields-api/index.ts" %}{% endcodeBlock %}
It is used to map keys from the dataSource which extracts the appropriate data from the dataSource\nwith specified mapped with the column fields to render the ListView.\n{% codeBlock src="listview/fields-api/index.ts" %}{% endcodeBlock %}
It is used to fetch the specific data from dataSource by using where, select key words.\nRefer the documentation [here]\n(./data-binding#bind-to-remote-data)\nto know more about this property with demo.\n{% codeBlock src="listview/query-api/index.ts" %}{% endcodeBlock %}
It is used to map keys from the dataSource which extracts the appropriate data from the dataSource\nwith specified mapped with the column fields to render the ListView.\n{% codeBlock src="listview/fields-api/index.ts" %}{% endcodeBlock %}
It is used to map keys from the dataSource which extracts the appropriate data from the dataSource\nwith specified mapped with the column fields to render the ListView.\n{% codeBlock src="listview/fields-api/index.ts" %}{% endcodeBlock %}
The ListView supports to customize the content of each list items with the help of template property.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="listview/template-api/index.ts" %}{% endcodeBlock %}
The ListView supports to customize the content of each list items with the help of template property.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="listview/template-api/index.ts" %}{% endcodeBlock %}
The ListView supports to customize the content of each list items with the help of template property.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="listview/template-api/index.ts" %}{% endcodeBlock %}
The ListView has an option to custom design the group header title with the help of groupTemplate property.\nRefer the documentation [here]\n(./listview/customizing-templates#group-template)\nto know more about this property with demo.\n{% codeBlock src="listview/grouptemplate-api/index.ts" %}{% endcodeBlock %}
It is used to map keys from the dataSource which extracts the appropriate data from the dataSource\nwith specified mapped with the column fields to render the ListView.\n{% codeBlock src="listview/fields-api/index.ts" %}{% endcodeBlock %}
It is used to display the content of Tooltip which can be both string and HTML Elements.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="tooltip/content-api/index.ts" %}{% endcodeBlock %}
It is used to display the content of Tooltip which can be both string and HTML Elements.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="tooltip/content-api/index.ts" %}{% endcodeBlock %}
It is used to denote the target selector where the Tooltip need to be displayed.\nThe target element is considered as parent container.\n{% codeBlock src="tooltip/target-api/index.ts" %}{% endcodeBlock %}
We can trigger beforeRender event before the Tooltip and its contents are added to the DOM.\nWhen one of its arguments cancel is set to true, the Tooltip can be prevented from rendering on the page.\nThis event is mainly used for the purpose of customizing the Tooltip before it shows up on the screen.\nFor example, to load the AJAX content or to set new animation effects on the Tooltip, this event can be opted.\nRefer the documentation\nhere\nto know more about this property with demo.
It is used to set the width of Tooltip component which accepts both string and number values.\nWhen set to auto, the Tooltip width gets auto adjusted to display its content within the viewable screen.
It is used to display the content of Tooltip which can be both string and HTML Elements.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="tooltip/content-api/index.ts" %}{% endcodeBlock %}
It is used to denote the target selector where the Tooltip need to be displayed.\nThe target element is considered as parent container.\n{% codeBlock src="tooltip/target-api/index.ts" %}{% endcodeBlock %}
It is used to set the position of Tooltip element, with respect to Target element.\n{% codeBlock src="tooltip/position-api/index.ts" %}{% endcodeBlock %}
We can trigger beforeRender event before the Tooltip and its contents are added to the DOM.\nWhen one of its arguments cancel is set to true, the Tooltip can be prevented from rendering on the page.\nThis event is mainly used for the purpose of customizing the Tooltip before it shows up on the screen.\nFor example, to load the AJAX content or to set new animation effects on the Tooltip, this event can be opted.\nRefer the documentation\nhere\nto know more about this property with demo.
It is used to display the content of Tooltip which can be both string and HTML Elements.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="tooltip/content-api/index.ts" %}{% endcodeBlock %}
It is used to denote the target selector where the Tooltip need to be displayed.\nThe target element is considered as parent container.\n{% codeBlock src="tooltip/target-api/index.ts" %}{% endcodeBlock %}
We can set the same or different animation option to Tooltip while it is in open or close state.\nRefer the documentation here\nto know more about this property with demo.\n{% codeBlock src="tooltip/animation-api/index.ts" %}{% endcodeBlock %}
\n","type":"Method","link":"//ej2.syncfusion.com/documentation/api/tooltip/#appendto"}]}
+export let apiList:any={"grid/grid-overview":[{"name":"dataSource","description":"
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If enableVirtualization set to true, then the Grid will render only the rows visible within the view-port\nand load subsequent rows on vertical scrolling. This helps to load large dataset in Grid.
If allowFiltering set to true the filter bar will be displayed.\nIf set to false the filter bar will not be displayed.\nFilter bar allows the user to filter grid records with required criteria.
\n
\n
Check the Filtering to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowGrouping set to true, then it will allow the user to dynamically group or ungroup columns.\nGrouping can be done by drag and drop columns from column header to group drop area.
\n
\n
Check the Grouping to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If enableVirtualization set to true, then the Grid will render only the rows visible within the view-port\nand load subsequent rows on vertical scrolling. This helps to load large dataset in Grid.
If enableColumnVirtualization set to true, then the Grid will render only the columns visible within the view-port\nand load subsequent columns on horizontal scrolling. This helps to load large dataset of columns in Grid.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowGrouping set to true, then it will allow the user to dynamically group or ungroup columns.\nGrouping can be done by drag and drop columns from column header to group drop area.
\n
\n
Check the Grouping to customize its default behavior.
If allowReordering is set to true, Grid columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
\n
\n
If Grid is rendered with stacked headers, reordering is allowed only at the same level as the column headers.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowReordering is set to true, Grid columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
\n
\n
If Grid is rendered with stacked headers, reordering is allowed only at the same level as the column headers.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowFiltering set to true the filter bar will be displayed.\nIf set to false the filter bar will not be displayed.\nFilter bar allows the user to filter grid records with required criteria.
\n
\n
Check the Filtering to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowFiltering set to true the filter bar will be displayed.\nIf set to false the filter bar will not be displayed.\nFilter bar allows the user to filter grid records with required criteria.
\n
\n
Check the Filtering to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowGrouping set to true, then it will allow the user to dynamically group or ungroup columns.\nGrouping can be done by drag and drop columns from column header to group drop area.
\n
\n
Check the Grouping to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowGrouping set to true, then it will allow the user to dynamically group or ungroup columns.\nGrouping can be done by drag and drop columns from column header to group drop area.
\n
\n
Check the Grouping to customize its default behavior.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
If allowGrouping set to true, then it will allow the user to dynamically group or ungroup columns.\nGrouping can be done by drag and drop columns from column header to group drop area.
\n
\n
Check the Grouping to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
toolbar defines the ToolBar items of the Grid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole Grid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Grid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected record.
\n
Update: Updates the edited record.
\n
Delete: Deletes the selected record.
\n
Cancel: Cancels the edit state.
\n
Search: Searches records by the given key.
\n
Print: Prints the Grid.
\n
ExcelExport - Export the Grid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the Grid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
Triggered every time a request is made to access cell information, element, or data.\nThis will be triggered before the cell element is appended to the Grid element.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowGrouping set to true, then it will allow the user to dynamically group or ungroup columns.\nGrouping can be done by drag and drop columns from column header to group drop area.
\n
\n
Check the Grouping to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowGrouping set to true, then it will allow the user to dynamically group or ungroup columns.\nGrouping can be done by drag and drop columns from column header to group drop area.
\n
\n
Check the Grouping to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If allowFiltering set to true the filter bar will be displayed.\nIf set to false the filter bar will not be displayed.\nFilter bar allows the user to filter grid records with required criteria.
\n
\n
Check the Filtering to customize its default behavior.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
Triggered every time a request is made to access cell information, element, or data.\nThis will be triggered before the cell element is appended to the Grid element.
If allowReordering is set to true, TreeGrid columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
\n
\n
If TreeGrid is rendered with stacked headers, reordering is allowed only at the same level as the column headers.
Triggered every time a request is made to access cell information, element, or data.\nThis will be triggered before the cell element is appended to the TreeGrid element.
If allowReordering is set to true, TreeGrid columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
\n
\n
If TreeGrid is rendered with stacked headers, reordering is allowed only at the same level as the column headers.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
Triggered every time a request is made to access row information, element, or data.\nThis will be triggered before the row element is appended to the TreeGrid element.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
It is used to render grid table rows.\nIf the dataSource is an array of JavaScript objects,\nthen Grid will create instance of DataManager\nfrom this dataSource.\nIf the dataSource is an existing DataManager,\nthe Grid will not initialize a new one.
\n
\n
Check the available Adaptors to customize the data operation.
If enableVirtualization set to true, then the TreeGrid will render only the rows visible within the view-port\nand load subsequent rows on vertical scrolling. This helps to load large dataset in TreeGrid.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
Triggered every time a request is made to access cell information, element, or data.\nThis will be triggered before the cell element is appended to the TreeGrid element.
toolbar defines the ToolBar items of the TreeGrid.\nIt contains built-in and custom toolbar items.\nIf a string value is assigned to the toolbar option, it is considered as the template for the whole TreeGrid ToolBar.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the TreeGrid's Toolbar.\n<br><br>\nThe available built-in ToolBar items are:
\n
\n
Search: Searches records by the given key.
\n
ExpandAll: Expands all the rows in TreeGrid
\n
CollapseAll: Collapses all the rows in TreeGrid
\n
ExcelExport - Export the TreeGrid to Excel(excelExport() method manually to make export.)
\n
PdfExport - Export the TreeGrid to PDF(pdfExport() method manually to make export.)
\n
CsvExport - Export the TreeGrid to CSV(csvExport() method manually to make export.)<br><br>\nThe following code example implements the custom toolbar items.
If allowReordering is set to true, TreeGrid columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
\n
\n
If TreeGrid is rendered with stacked headers, reordering is allowed only at the same level as the column headers.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Triggers before command execution using toolbar items or executeCommand method.\nIf you cancel this event, the command cannot be executed.\nSet the cancel argument to true to cancel the command execution.
Specifies the items to be rendered in quick toolbar based on the target element.
\n
\n
It has following fields:
\n
enable - set boolean value to show or hide the quick toolbar
\n
actionOnScroll - it has two possible options\n\n
hide: The quickToolbar is closed when the parent element is scrolled.
\n
none: The quickToolbar cannot be closed even the parent element is scrolled.
\n\n
\n
link - Specifies the items to be rendered in quick toolbar based on link element such as Open, Edit, and UnLink.
\n
image - Specifies the items to be rendered in quick toolbar based on image element such as 'Replace',\n'Align', 'Caption', 'Remove', 'InsertLink', 'Display', 'AltText', 'Dimension'.
\n
text\t - Specifies the items to be rendered in quick toolbar based on text element such as 'Cut', 'Copy', 'Paste'.
enable - set boolean value to enable or disable the inline edit mode.
\n
onSelection - If its set to true, upon selecting the text, the toolbar is opened in inline.\nIf its set to false, upon clicking to the target element, the toolbar is opened.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Triggers before command execution using toolbar items or executeCommand method.\nIf you cancel this event, the command cannot be executed.\nSet the cancel argument to true to cancel the command execution.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Specifies the value displayed in the RichTextEditor's content area and it should be string.\nThe content of RichTextEditor can be loaded with dynamic data such as database, AJAX content, and more.
Enables or disables the resizing option in the editor.\nIf enabled, the RichTextEditor can be resized by dragging the resize icon in the bottom right corner.
Specifies the value displayed in the RichTextEditor's content area and it should be string.\nThe content of RichTextEditor can be loaded with dynamic data such as database, AJAX content, and more.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Triggers before command execution using toolbar items or executeCommand method.\nIf you cancel this event, the command cannot be executed.\nSet the cancel argument to true to cancel the command execution.
Specifies the value displayed in the RichTextEditor's content area and it should be string.\nThe content of RichTextEditor can be loaded with dynamic data such as database, AJAX content, and more.
Specifies the saveInterval in milliseconds for autosave the value.\nThe change event will be triggered if the content was changed from the last saved interval.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Triggers before command execution using toolbar items or executeCommand method.\nIf you cancel this event, the command cannot be executed.\nSet the cancel argument to true to cancel the command execution.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Specifies the value displayed in the RichTextEditor's content area and it should be string.\nThe content of RichTextEditor can be loaded with dynamic data such as database, AJAX content, and more.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Specifies the value displayed in the RichTextEditor's content area and it should be string.\nThe content of RichTextEditor can be loaded with dynamic data such as database, AJAX content, and more.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Triggers before command execution using toolbar items or executeCommand method.\nIf you cancel this event, the command cannot be executed.\nSet the cancel argument to true to cancel the command execution.
Specifies the group of items aligned horizontally in the toolbar as well as defined the toolbar rendering type.\nBy default, toolbar is float at the top of the RichTextEditor.\nWhen you scroll down, the toolbar will scroll along with the page on RichTextEditor with the specified offset value.
\n
\n
enable: set boolean value to show or hide the toolbar.
\n
enableFloating: Set Boolean value to enable or disable the floating toolbar.\nPreserves the toolbar at top of the RichTextEditor on scrolling.
\n
type: it has two possible options\n\n
Expand: Hide the overflowing toolbar items in the next row. Click the expand arrow to view overflowing toolbar items
\n
MultiRow: The toolbar overflowing items wrapped in the next row.
\n\n
\n
items: Specifies the array of items aligned horizontally in the toolbar.
\n
\n
\n
| and - can insert a vertical and horizontal separator lines in the toolbar.
\n
\n
\n
itemConfigs: Modify the default toolbar item configuration like icon class.
\n
\n
\n
By default, The toolbar is rendered with scrollable in mobile devices and does not support the toolbar type.
Defines class/multiple classes separated by a space for the Button that is used to include an icon.\nButtons can also include font icon and sprite image.
Specifies a value that indicates whether the CheckBox is in indeterminate state or not.\nWhen set to true, the CheckBox will be in indeterminate state.
Defines class/multiple classes separated by a space in the DropDownButton element. The\nDropDownButton size and styles can be customized by using this.
Defines class/multiple classes separated by a space for the DropDownButton that is used to\ninclude an icon. DropDownButton can also include font icon and sprite image.
Defines class/multiple classes separated by a space for the SplitButton that is used to include an\nicon. SplitButton can also include font icon and sprite image.
Defines class/multiple classes separated by a space for the progress button that is used to include an icon.\nProgress button can also include font icon and sprite image.
Specifies the root CSS class of the progress button that allows customization of component’s appearance.\nThe progress button types, styles, and size can be achieved by using this property.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Schedule will be assigned with specific timezone, so as to display the events in it accordingly. By default,\nSchedule dates are processed with System timezone, as no timezone will be assigned specifically to the Schedule at the initial time.\nWhenever the Schedule is bound to remote data services, it is always recommended to set specific timezone to Schedule to make the\nevents on it to display on the same time irrespective of the system timezone. It usually accepts\nthe valid IANA timezone names.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Template option to customize the resource header bar. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the resource header cells.\nThe following can be accessible via template.
\n
\n
resource - All the resource fields.
\n
resourceData - object collection of current resource.
It is used to customize the Schedule which accepts custom CSS class names that defines specific user-defined styles and themes\nto be applied on the Schedule element.
The working hours should be highlighted on Schedule with different color shade and an additional option must be provided to\nhighlight it or not. This functionality is handled through workHours property and the start work hour should be 9 AM by default\nand end work hour should point to 6 PM. The start and end working hours needs to be provided as Time value of short skeleton type.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the number of days to be displayed by default in Agenda View and in case of virtual scrolling,\nthe number of days will be fetched on each scroll-end based on this count.
The days which does not has even a single event to display will be hidden from the UI of Agenda View by default.\nWhen this property is set to false, the empty dates will also be displayed on the Schedule.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Template option to customize the resource header bar. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the resource header cells.\nThe following can be accessible via template.
\n
\n
resource - All the resource fields.
\n
resourceData - object collection of current resource.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Template option to customize the resource header bar. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the resource header cells.\nThe following can be accessible via template.
\n
\n
resource - All the resource fields.
\n
resourceData - object collection of current resource.
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Template option to customize the resource header bar. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the resource header cells.\nThe following can be accessible via template.
\n
\n
resource - All the resource fields.
\n
resourceData - object collection of current resource.
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
To set the active view on scheduler, the currentView property can be used and it usually accepts either of the following available\nview options. The view option specified in this property will be initially loaded on the schedule.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Template option to customize the resource header bar. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the resource header cells.\nThe following can be accessible via template.
\n
\n
resource - All the resource fields.
\n
resourceData - object collection of current resource.
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
It is used to specify the starting hour, from which the Schedule starts to display. It accepts the time string in a short skeleton\nformat and also, hides the time beyond the specified start time.
Allows defining the group related settings of multiple resources. When this property is non-empty, it means\nthat the resources will be grouped on the schedule layout based on the provided resource names.
Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined\nwith unique resource names to identify it along with the respective dataSource and field mapping options.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
The template option which is used to render the customized work cells on the Schedule. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the work cells.\nThe fields accessible via template are as follows.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
It is used to customize the Schedule which accepts custom CSS class names that defines specific user-defined styles and themes\nto be applied on the Schedule element.
It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto\nthe date header cells. The field that can be accessed via this template is date.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
The template option which is used to render the customized work cells on the Schedule. Here, the template accepts either\nthe string or HTMLElement as template design and then the parsed design is displayed onto the work cells.\nThe fields accessible via template are as follows.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
The template option to render the customized editor window. The form elements defined within this template should be accompanied\nwith e-field class, so as to fetch and process it from internally.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Allows defining the collection of custom header rows to display the year, month, week, date and hour label as an individual row\non the timeline view of the scheduler.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Allows to set different time duration on Schedule along with the customized grid count. It also has template option to\ncustomize the time slots with required time values in its own format.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
The working hours should be highlighted on Schedule with different color shade and an additional option must be provided to\nhighlight it or not. This functionality is handled through workHours property and the start work hour should be 9 AM by default\nand end work hour should point to 6 PM. The start and end working hours needs to be provided as Time value of short skeleton type.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
It is used to set the working days on Schedule. The only days that are defined in this collection will be rendered on the workWeek\nview whereas on other views, it will display all the usual days and simply highlights the working days with different shade.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
When set to false, it hides the weekend days of a week from the Schedule. The days which are not defined in the working days\ncollection are usually treated as weekend days.\nNote: By default, this option is not applicable on Work Week view.\nFor example, if the working days are defined as [1, 2, 3, 4], then the remaining days of that week will be considered as\nthe weekend days and will be hidden on all the views.
The working hours should be highlighted on Schedule with different color shade and an additional option must be provided to\nhighlight it or not. This functionality is handled through workHours property and the start work hour should be 9 AM by default\nand end work hour should point to 6 PM. The start and end working hours needs to be provided as Time value of short skeleton type.
This property holds the views collection and its configurations. It accepts either the array of view names or the array of view\nobjects that holds different configurations for each views. By default,\nSchedule displays all the views namely Day, Week, Work Week, Month and Agenda.\nExample for array of views:
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
It is used to specify the starting hour, from which the Schedule starts to display. It accepts the time string in a short skeleton\nformat and also, hides the time beyond the specified start time.
The working hours should be highlighted on Schedule with different color shade and an additional option must be provided to\nhighlight it or not. This functionality is handled through workHours property and the start work hour should be 9 AM by default\nand end work hour should point to 6 PM. The start and end working hours needs to be provided as Time value of short skeleton type.
It is used to customize the Schedule which accepts custom CSS class names that defines specific user-defined styles and themes\nto be applied on the Schedule element.
When set to false, hides the current time indicator from the Schedule. Otherwise,\nit visually depicts the live current system time appropriately on the user interface.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Imports the events from an .ics file downloaded from any of the calendars like Google or Outlook into the Scheduler.\nThis method accepts the blob object of an .ics file to be imported as a mandatory argument.
Exports the Scheduler events to a calendar (.ics) file. By default, the calendar is exported with a file name Calendar.ics.\nTo change this file name on export, pass the custom string value as fileName to get the file downloaded with this provided name.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
Sets the width of the Schedule component, accepting both string and number values.\nThe string value can be either pixel or percentage format.\nWhen set to auto, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
Sets the height of the Schedule component, accepting both string and number values.\nThe string type includes either pixel or percentage values.\nWhen height is set with specific pixel value, then the Schedule will be rendered to that specified space.\nIn case, if auto value is set, then the height of the Schedule gets auto-adjusted within the given container.
Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and\nother validation to be carried out on the available fields.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
If allowReordering is set to true, Gantt columns can be reordered.\nReordering can be done by drag and drop of a particular column from one index to another index.
toolbar defines the toolbar items of the Gantt.\nIt contains built-in and custom toolbar items.\nIf an array value is assigned, it is considered as the list of built-in and custom toolbar items in the Gantt's toolbar.\n<br><br>\nThe available built-in toolbar items are:
\n
\n
Add: Adds a new record.
\n
Edit: Edits the selected task.
\n
Update: Updates the edited task.
\n
Delete: Deletes the selected task.
\n
Cancel: Cancels the edit state.
\n
Search: Searches tasks by the given key.
\n
ExpandAll: Expands all the task of Gantt.
\n
CollapseAll: Collapses all the task of Gantt.
\n
PrevTimeSpan: Extends timeline with one unit before the timeline start date.
\n
NextTimeSpan: Extends timeline with one unit after the timeline finish date.
\n
ZoomIn: ZoomIn the Gantt control.
\n
ZoomOut: ZoomOut the Gantt control.
\n
ZoomToFit: Display the all tasks within the viewable Gantt chart.
Sets the maximum level of view such as month, year, and decade in the Calendar.\nDepth view should be smaller than the start view to restrict its view navigation.
Sets the maximum level of view such as month, year, and decade in the Calendar.\nDepth view should be smaller than the start view to restrict its view navigation.
Sets the maximum level of view (month, year, decade) in the Calendar.\nDepth view should be smaller than the start view to restrict its view navigation.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Determines on which filter type, the component needs to be considered on search action.\nThe available FilterType\nand its supported data types are\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nFilterType<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td><td colSpan=1 rowSpan=1>\nSupported Types<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nStartsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>\nString<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nEndsWith<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nContains<br/></td><td colSpan=1 rowSpan=1>\nChecks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>\n<br/>String<br/></td></tr>\n</table>
\n
The default value set to Contains, all the suggestion items which contain typed characters to listed in the suggestion popup.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the template design and assigns it to each list item present in the popup.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
When allowFiltering is set to true, show the filter bar (search box) of the component.\nThe filter action retrieves matched items through the filtering event based on\nthe characters typed in the search TextBox.\nIf no match is found, the value of the noRecordsTemplate property will be displayed.
Specifies the width of the component. By default, the component width sets based on the width of\nits parent container. You can also set the width in pixel values.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the template design and assigns it to each list item present in the popup.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
When allowFiltering is set to true, show the filter bar (search box) of the component.\nThe filter action retrieves matched items through the filtering event based on\nthe characters typed in the search TextBox.\nIf no match is found, the value of the noRecordsTemplate property will be displayed.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
When allowFiltering is set to true, show the filter bar (search box) of the component.\nThe filter action retrieves matched items through the filtering event based on\nthe characters typed in the search TextBox.\nIf no match is found, the value of the noRecordsTemplate property will be displayed.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the template design and assigns it to each list item present in the popup.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Accepts the template design and assigns it to the selected list item in the input element of the component.\nFor more details about the available template options refer to\nTemplate documentation.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
When allowFiltering is set to true, show the filter bar (search box) of the component.\nThe filter action retrieves matched items through the filtering event based on\nthe characters typed in the search TextBox.\nIf no match is found, the value of the noRecordsTemplate property will be displayed.
\n
\n
For more details about the filtering refer to Filtering documentation.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
When allowFiltering is set to true, show the filter bar (search box) of the component.\nThe filter action retrieves matched items through the filtering event based on\nthe characters typed in the search TextBox.\nIf no match is found, the value of the noRecordsTemplate property will be displayed.
\n
\n
For more details about the filtering refer to Filtering documentation.
Accepts the list items either through local or remote service and binds it to the MultiSelect component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the MultiSelect component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the MultiSelect component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the template design and assigns it to each list item present in the popup.
\n
\n
For more details about the available template options refer to Template documentation.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Accepts the template design and assigns it to the selected list item in the input element of the component.\nFor more details about the available template options refer to\nTemplate documentation.\nWe have built-in template engine\nwhich provides options to compile template string into a executable function.\nFor EX: We have expression evolution as like ES6 expression string literals.
Accepts the list items either through local or remote service and binds it to the MultiSelect component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
To enable the filtering option in this component.\nFilter action performs when type in search box and collect the matched item through filtering event.\nIf searching character does not match, noRecordsTemplate property value will be shown.
Accepts the list items either through local or remote service and binds it to the MultiSelect component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the MultiSelect component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the MultiSelect component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the MultiSelect component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Specifies a Boolean value that indicates the whether the grouped list items are\nallowed to check by checking the group header in checkbox mode.\nBy default, there is no checkbox provided for group headers.\nThis property allows you to render checkbox for group headers and to select\nall the grouped items at once
Accepts the list items either through local or remote service and binds it to the MultiSelect component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the MultiSelect component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the ListBox component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the ListBox component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the ListBox component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
If 'allowDragAndDrop' is set to true, then you can perform drag and drop of the list item.\nListBox contains same 'scope' property enables drag and drop between multiple ListBox.
Accepts the list items either through local or remote service and binds it to the ListBox component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Accepts the list items either through local or remote service and binds it to the ListBox component.\nIt can be an array of JSON Objects or an instance of\nDataManager.
Sets the header text to be displayed for the Accordion item.\nYou can set the title of the Accordion item using header property.\nIt also supports to include the title as HTML element, string, or query selector.
Sets the text content to be displayed for the Accordion item.\nYou can set the content of the Accordion item using content property.\nIt also supports to include the title as HTML element, string, or query selector.
Defines an icon with the given custom CSS class that is to be rendered before the header text.\nAdd the css classes to the iconCss property and write the css styles to the defined class to set images/icons.\nAdding icon is applicable only to the header.
Defines class/multiple classes separated by a space for the menu Item that is used to include an icon.\nMenu Item can include font icon and sprite image.
Defines class/multiple classes separated by a space for the menu Item that is used to include an icon.\nMenu Item can include font icon and sprite image.
Over - The sidebar floats over the main content area.
\n
Push - The sidebar pushes the main content area to appear side-by-side, and shrinks the main content within the screen width.
\n
Slide - The sidebar translates the x and y positions of main content area based on the sidebar width.\nThe main content area will not be adjusted within the screen width.
\n
Auto - Sidebar with Over type in mobile resolution and Push type in other higher resolutions.
\n
\n
\n
For more details about SidebarType refer to\nSidebarType documentation.
Specifies the width of the Sidebar. By default, the width of the Sidebar sets based on the size of its content.\nWidth can also be set in pixel values.
Specifies the width of the Sidebar. By default, the width of the Sidebar sets based on the size of its content.\nWidth can also be set in pixel values.
Specifies the Tab display mode when Tab content exceeds the viewing area.\nThe possible modes are:
\n
\n
Scrollable: All the elements are displayed in a single line with horizontal scrolling enabled.
\n
Popup: Tab container holds the items that can be placed within the available space and rest of the items are moved to the popup.\nIf the popup content overflows the height of the page, the rest of the elements can be viewed by scrolling the popup.
Defines single/multiple classes separated by space used to specify an icon for the button.\nThe icon will be positioned before the text content if text is available, otherwise the icon alone will be rendered.
Defines the priority of items to display it in popup always.\nIt allows to maintain toolbar item on popup always but it does not work for toolbar priority items.
Specifies the Toolbar command display area when an element's content is too large to fit available space.\nThis is applicable only to popup mode. Possible values are:
\n
\n
Show: Always shows the item as the primary priority on the Toolbar.
\n
Hide: Always shows the item as the secondary priority on the popup.
\n
None: No priority for display, and as per normal order moves to popup when content exceeds.
Specifies the Toolbar display mode when Toolbar content exceeds the viewing area.\nPossible modes are:
\n
\n
Scrollable: All the elements are displayed in a single line with horizontal scrolling enabled.
\n
Popup: Prioritized elements are displayed on the Toolbar and the rest of elements are moved to the popup.
\n
MultiRow: Displays the overflow toolbar items as an in-line of a toolbar.
\n
Extended: Hide the overflowing toolbar items in the next row. Show the overflowing toolbar items when you click the expand icons.\nIf the popup content overflows the height of the page, the rest of the elements will be hidden.
Specifies a value that indicates whether the nodes are sorted in the ascending or descending order,\nor are not sorted at all. The available types of sort order are,
\n
\n
None - The nodes are not sorted.
\n
Ascending - The nodes are sorted in the ascending order.
\n
Descending - The nodes are sorted in the ascending order.
Indicates that the nodes will display CheckBoxes in the TreeView.\nThe CheckBox will be displayed next to the expand/collapse icon of the node. For more information on CheckBoxes, refer to\nCheckBox.
Enables or disables editing of the text in the TreeView node. When allowEditing property is set\nto true, the TreeView allows you to edit the node by double clicking the node or by navigating to\nthe node and pressing F2 key. For more information on node editing, refer\nto Node Editing.
Enables or disables multi-selection of nodes. To select multiple nodes:
\n
\n
Select the nodes by holding down the CTRL key while clicking on the nodes.
\n
Select consecutive nodes by clicking the first node to select and hold down the SHIFT key\nand click the last node to select.\nFor more information on multi-selection, refer to\nMulti-Selection.
Indicates whether the TreeView allows drag and drop of nodes. To drag and drop a node in\ndesktop, hold the mouse on the node, drag it to the target node and drop the node by releasing\nthe mouse. For touch devices, drag and drop operation is performed by touch, touch move\nand touch end. For more information on drag and drop nodes concept, refer to\nDrag and Drop.
Enables or disables multi-selection of nodes. To select multiple nodes:
\n
\n
Select the nodes by holding down the CTRL key while clicking on the nodes.
\n
Select consecutive nodes by clicking the first node to select and hold down the SHIFT key\nand click the last node to select.\nFor more information on multi-selection, refer to\nMulti-Selection.
Specifies a template to render customized content for all the nodes. If the nodeTemplate property\nis set, the template content overrides the displayed node text. The property accepts template string\ntemplate string\nor HTML element ID holding the content. For more information on template concept, refer to\nTemplate.
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the initial view of the file manager.\nWith the help of this property, initial view can be changed to details or largeicons view. The available views are:
Specifies the text that is shown as a hint/placeholder until the user focus or enter a value in Textbox.\nThe property is depending on the floatLabelType property.
Specifies the floating label behavior of the TextBox that the placeholder text floats above the TextBox based on the below values.\nPossible values are:
\n
\n
Never - The placeholder text should not be float ever.
\n
Always - The placeholder text floats above the TextBox always.
\n
Auto - The placeholder text floats above the TextBox while focusing or enter a value in Textbox.
Specifies a boolean value that enable or disable the multiline on the TextBox.\nThe TextBox changes from single line to multiline when enable this multiline mode.
Specifies the text that is shown as a hint/placeholder until the user focus or enter a value in Textbox.\nThe property is depending on the floatLabelType property.
Specifies the floating label behavior of the TextBox that the placeholder text floats above the TextBox based on the below values.\nPossible values are:
\n
\n
Never - The placeholder text should not be float ever.
\n
Always - The placeholder text floats above the TextBox always.
\n
Auto - The placeholder text floats above the TextBox while focusing or enter a value in Textbox.
Sets the collection of values to be mapped for non-mask elements(literals)\nwhich have been set in the mask of MaskedTextBox.
\n
\n
In the below example, non-mask elements "P" accepts values\n"P" , "A" , "p" , "a" and "M" accepts values "M", "m" mentioned in the custom characters collection.\nFor more information on customCharacters, refer to\ncustomCharacters.
The <b><a href="#placeholder" target="_blank">placeholder</a></b> acts as a label\nand floats above the MaskedTextBox based on the below values.\nPossible values are:
\n
\n
Never - The floating label will not be enable when the placeholder is available.
\n
Always - The floating label always floats above the MaskedTextBox.
\n
Auto - The floating label floats above the MaskedTextBox after focusing it or when enters the value in it.
The <b><a href="#placeholder" target="_blank">placeholder</a></b> acts as a label\nand floats above the MaskedTextBox based on the below values.\nPossible values are:
\n
\n
Never - The floating label will not be enable when the placeholder is available.
\n
Always - The floating label always floats above the MaskedTextBox.
\n
Auto - The floating label floats above the MaskedTextBox after focusing it or when enters the value in it.
Gets or sets a value that will be shown as a prompting symbol for the masked value.\nThe symbol used to show input positions in the MaskedTextBox.\nFor more information on prompt-character, refer to\nprompt-character.
Gets the value of the MaskedTextBox with the masked format.\nBy using value property, you can get the raw value of maskedtextbox without literals and prompt characters.
Gets or sets the value of the MaskedTextBox. It is a raw value of the MaskedTextBox excluding literals\nand prompt characters. By using getMaskedValue property, you can get the value of MaskedTextBox with the masked format.
Specifies the number format that indicates the display format for the value of the NumericTextBox.\nFor more information on formats, refer to\nformats.
Specifies the number format that indicates the display format for the value of the NumericTextBox.\nFor more information on formats, refer to\nformats.
Specifies the number format that indicates the display format for the value of the NumericTextBox.\nFor more information on formats, refer to\nformats.
By default, the uploader component initiates automatic upload when the files are added in upload queue.\nIf you want to manipulate the files before uploading to server, disable the autoUpload property.\nThe buttons “upload” and “clear” will be hided from file list when autoUpload property is true.
Triggers when the AJAX request gets success on uploading files or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploaded/removed.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the success of the operation whether its uploaded or removed<br/></td></tr>\n</table>
Specifies the drop target to handle the drag-and-drop upload.\nBy default, the component creates wrapper around file input that will act as drop target.
\n
\n
For more information, refer to the drag-and-drop section from the documentation.
By default, the uploader component initiates automatic upload when the files are added in upload queue.\nIf you want to manipulate the files before uploading to server, disable the autoUpload property.\nThe buttons “upload” and “clear” will be hided from file list when autoUpload property is true.
Specifies the drop target to handle the drag-and-drop upload.\nBy default, the component creates wrapper around file input that will act as drop target.
\n
\n
For more information, refer to the drag-and-drop section from the documentation.
Specifies the drop target to handle the drag-and-drop upload.\nBy default, the component creates wrapper around file input that will act as drop target.
\n
\n
For more information, refer to the drag-and-drop section from the documentation.
Triggers when uploading a file to the server using the AJAX request.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploading to server.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n</table>
Triggers when the AJAX request gets success on uploading files or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploaded/removed.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the success of the operation whether its uploaded or removed<br/></td></tr>\n</table>
Triggers when the AJAX request fails on uploading or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is failed from upload/remove.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the failure of the operation whether its upload or remove<br/></td></tr>\n</table>
Specifies the list of files that will be preloaded on rendering of uploader component.\nThe property used to view and remove the uploaded files from server. By default, the files are configured with\nuploaded successfully state. The following properties are mandatory to configure the preload files:
Triggers when the AJAX request fails on uploading or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is failed from upload/remove.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the failure of the operation whether its upload or remove<br/></td></tr>\n</table>
Triggers when the AJAX request gets success on uploading files or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploaded/removed.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the success of the operation whether its uploaded or removed<br/></td></tr>\n</table>
Specifies the drop target to handle the drag-and-drop upload.\nBy default, the component creates wrapper around file input that will act as drop target.
\n
\n
For more information, refer to the drag-and-drop section from the documentation.
By default, the uploader component initiates automatic upload when the files are added in upload queue.\nIf you want to manipulate the files before uploading to server, disable the autoUpload property.\nThe buttons “upload” and “clear” will be hided from file list when autoUpload property is true.
Specifies the extensions of the file types allowed in the uploader component and pass the extensions\nwith comma separators. For example,\nif you want to upload specific image files, pass allowedExtensions as “.jpg,.png”.
Triggers when the AJAX request gets success on uploading files or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploaded/removed.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the success of the operation whether its uploaded or removed<br/></td></tr>\n</table>
Specifies the drop target to handle the drag-and-drop upload.\nBy default, the component creates wrapper around file input that will act as drop target.
\n
\n
For more information, refer to the drag-and-drop section from the documentation.
Triggers when the AJAX request gets success on uploading files or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploaded/removed.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the success of the operation whether its uploaded or removed<br/></td></tr>\n</table>
Triggers when uploading a file to the server using the AJAX request.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploading to server.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n</table>
Specifies the extensions of the file types allowed in the uploader component and pass the extensions\nwith comma separators. For example,\nif you want to upload specific image files, pass allowedExtensions as “.jpg,.png”.
Triggers when the AJAX request gets success on uploading files or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploaded/removed.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the success of the operation whether its uploaded or removed<br/></td></tr>\n</table>
Triggers when uploading a file to the server using the AJAX request.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploading to server.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n</table>
Specifies the extensions of the file types allowed in the uploader component and pass the extensions\nwith comma separators. For example,\nif you want to upload specific image files, pass allowedExtensions as “.jpg,.png”.
Triggers when the AJAX request gets success on uploading files or removing files.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploaded/removed.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\noperation<br/></td><td colSpan=1 rowSpan=1>\nIt indicates the success of the operation whether its uploaded or removed<br/></td></tr>\n</table>
Triggers when uploading a file to the server using the AJAX request.\n<table>\n<tr>\n<td colSpan=1 rowSpan=1>\nEvent arguments<br/></td><td colSpan=1 rowSpan=1>\nDescription<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nevent<br/></td><td colSpan=1 rowSpan=1>\nAjax progress event arguments.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nfile<br/></td><td colSpan=1 rowSpan=1>\nFile information which is uploading to server.<br/></td></tr>\n<tr>\n<td colSpan=1 rowSpan=1>\nname<br/></td><td colSpan=1 rowSpan=1>\nName of the event<br/></td></tr>\n</table>
Specifies the extensions of the file types allowed in the uploader component and pass the extensions\nwith comma separators. For example,\nif you want to upload specific image files, pass allowedExtensions as “.jpg,.png”.
It is used to denote the step value of Slider component which is the amount of Slider value change\nwhen increase / decrease button is clicked or press arrow keys or drag the thumb.\nRefer the documentation here\nto know more about this property with demo.
It is used to show or hide the increase and decrease button of Slider Component,\nwhich is used to change the slider value.\nRefer the documentation here\nto know more about this property with demo.
It is used to determine the device mode to show the Tooltip.\nIf it is in desktop, it will show the Tooltip content when hovering on the target element.\nIf it is in touch device. It will show the Tooltip content when tap and holding on the target element.
It is used to denote the step value of Slider component which is the amount of Slider value change\nwhen increase / decrease button is clicked or press arrow keys or drag the thumb.\nRefer the documentation here\nto know more about this property with demo.
It is used to denote the step value of Slider component which is the amount of Slider value change\nwhen increase / decrease button is clicked or press arrow keys or drag the thumb.\nRefer the documentation here\nto know more about this property with demo.
It is used to denote the step value of Slider component which is the amount of Slider value change\nwhen increase / decrease button is clicked or press arrow keys or drag the thumb.\nRefer the documentation here\nto know more about this property with demo.
It is used to show or hide the increase and decrease button of Slider Component,\nwhich is used to change the slider value.\nRefer the documentation here\nto know more about this property with demo.
It is used to determine the device mode to show the Tooltip.\nIf it is in desktop, it will show the Tooltip content when hovering on the target element.\nIf it is in touch device. It will show the Tooltip content when tap and holding on the target element.
We can trigger changed event when Slider component action is completed while we change the Slider value.\nIn other term, this event will be triggered, while drag the slider thumb completed.
It is used to determine the device mode to show the Tooltip.\nIf it is in desktop, it will show the Tooltip content when hovering on the target element.\nIf it is in touch device. It will show the Tooltip content when tap and holding on the target element.
It is used to denote the step value of Slider component which is the amount of Slider value change\nwhen increase / decrease button is clicked or press arrow keys or drag the thumb.\nRefer the documentation here\nto know more about this property with demo.
It is used to denote the step value of Slider component which is the amount of Slider value change\nwhen increase / decrease button is clicked or press arrow keys or drag the thumb.\nRefer the documentation here\nto know more about this property with demo.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.
Configures the action buttons that contains button properties with primary attributes and click events.\nOne or more action buttons can be configured to the dialog.
\n
\n
More information on the button configuration can be found on this\ndocumentation section.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.
Configures the action buttons that contains button properties with primary attributes and click events.\nOne or more action buttons can be configured to the dialog.
\n
\n
More information on the button configuration can be found on this\ndocumentation section.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.
Specifies the Boolean value whether the dialog can be displayed as modal or non-modal.
\n
\n
Modal: It creates overlay that disable interaction with the parent application and user should\nrespond with modal before continuing with other applications.
\n
Modeless: It does not prevent user interaction with parent application.
Configures the action buttons that contains button properties with primary attributes and click events.\nOne or more action buttons can be configured to the dialog.
\n
\n
More information on the button configuration can be found on this\ndocumentation section.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.
Specifies the Boolean value whether the dialog can be displayed as modal or non-modal.
\n
\n
Modal: It creates overlay that disable interaction with the parent application and user should\nrespond with modal before continuing with other applications.
\n
Modeless: It does not prevent user interaction with parent application.
Configures the action buttons that contains button properties with primary attributes and click events.\nOne or more action buttons can be configured to the dialog.
\n
\n
More information on the button configuration can be found on this\ndocumentation section.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.
Specifies the value whether the dialog component can be dragged by the end-user.\nThe dialog allows to drag by selecting the header and dragging it for re-position the dialog.
\n
\n
More information on the draggable behavior can be found on this documentation section.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.
Specifies the value whether the dialog component can be resized by the end-user.\nIf enableResize is true, the dialog component creates grip to resize it diagonal direction.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the template value that can be displayed with dialog's footer area.\nThis is optional property and can be used only when the footer is occupied with information or custom components.\nBy default, the footer is configured with action buttons.\nIf footer template is configured to dialog, the action buttons property will be disabled.
\n
\n
More information on the footer template configuration can be found on this documentation section.
Specifies the value where the dialog can be positioned within the document or target.\nThe position can be represented with pre-configured positions or specific X and Y values.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Specifies the value that can be displayed in dialog's content area.\nIt can be information, list, or other HTML elements.\nThe content of dialog can be loaded with dynamic data such as database, AJAX content, and more.
Configures the action buttons that contains button properties with primary attributes and click events.\nOne or more action buttons can be configured to the dialog.
\n
\n
More information on the button configuration can be found on this\ndocumentation section.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Configures the action buttons that contains button properties with primary attributes and click events.\nOne or more action buttons can be configured to the dialog.
\n
\n
More information on the button configuration can be found on this\ndocumentation section.
Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.\nThis is optional property and the dialog can be displayed without header, if the header property is null.
Configures the action buttons that contains button properties with primary attributes and click events.\nOne or more action buttons can be configured to the dialog.
\n
\n
More information on the button configuration can be found on this\ndocumentation section.
It is used to map keys from the dataSource which extracts the appropriate data from the dataSource\nwith specified mapped with the column fields to render the ListView.
It is used to map keys from the dataSource which extracts the appropriate data from the dataSource\nwith specified mapped with the column fields to render the ListView.
It is used to fetch the specific data from dataSource by using where, select key words.\nRefer the documentation [here]\n(./data-binding#bind-to-remote-data)\nto know more about this property with demo.
It is used to map keys from the dataSource which extracts the appropriate data from the dataSource\nwith specified mapped with the column fields to render the ListView.
It is used to map keys from the dataSource which extracts the appropriate data from the dataSource\nwith specified mapped with the column fields to render the ListView.
The ListView supports to customize the content of each list items with the help of template property.\nRefer the documentation here\nto know more about this property with demo.
The ListView supports to customize the content of each list items with the help of template property.\nRefer the documentation here\nto know more about this property with demo.
The ListView supports to customize the content of each list items with the help of template property.\nRefer the documentation here\nto know more about this property with demo.
The ListView has an option to custom design the group header title with the help of groupTemplate property.\nRefer the documentation [here]\n(./listview/customizing-templates#group-template)\nto know more about this property with demo.
It is used to map keys from the dataSource which extracts the appropriate data from the dataSource\nwith specified mapped with the column fields to render the ListView.
It is used to display the content of Tooltip which can be both string and HTML Elements.\nRefer the documentation here\nto know more about this property with demo.
It is used to display the content of Tooltip which can be both string and HTML Elements.\nRefer the documentation here\nto know more about this property with demo.
We can trigger beforeRender event before the Tooltip and its contents are added to the DOM.\nWhen one of its arguments cancel is set to true, the Tooltip can be prevented from rendering on the page.\nThis event is mainly used for the purpose of customizing the Tooltip before it shows up on the screen.\nFor example, to load the AJAX content or to set new animation effects on the Tooltip, this event can be opted.\nRefer the documentation\nhere\nto know more about this property with demo.
It is used to set the width of Tooltip component which accepts both string and number values.\nWhen set to auto, the Tooltip width gets auto adjusted to display its content within the viewable screen.
It is used to display the content of Tooltip which can be both string and HTML Elements.\nRefer the documentation here\nto know more about this property with demo.
We can trigger beforeRender event before the Tooltip and its contents are added to the DOM.\nWhen one of its arguments cancel is set to true, the Tooltip can be prevented from rendering on the page.\nThis event is mainly used for the purpose of customizing the Tooltip before it shows up on the screen.\nFor example, to load the AJAX content or to set new animation effects on the Tooltip, this event can be opted.\nRefer the documentation\nhere\nto know more about this property with demo.
It is used to display the content of Tooltip which can be both string and HTML Elements.\nRefer the documentation here\nto know more about this property with demo.
We can set the same or different animation option to Tooltip while it is in open or close state.\nRefer the documentation here\nto know more about this property with demo.
\n","type":"Method","link":"//ej2.syncfusion.com/documentation/api/tooltip/#appendto"}]}
export let skipCommonChunk: string[] = ["card","avatar","badge"];
\ No newline at end of file
diff --git a/src/common/sampleOrder.json b/src/common/sampleOrder.json
index 68b22f28..7c990d51 100644
--- a/src/common/sampleOrder.json
+++ b/src/common/sampleOrder.json
@@ -1,6 +1,6 @@
{
"Grids": ["Data Grid", "Pivot Table", "Tree Grid", "Spreadsheet"],
- "Data Visualization": ["Chart", "Stock Chart", "Circular Gauge", "Linear Gauge", "Diagram", "Heatmap Chart", "Maps", "Range Selector", "Smith Chart","Barcode", "Sparkline Charts", "TreeMap"],
+ "Data Visualization": ["Chart", "Stock Chart", "Circular Gauge", "Linear Gauge", "Diagram", "Heatmap Chart", "Maps", "Range Selector", "Smith Chart","Barcode", "Sparkline Charts", "TreeMap", "Bullet Chart"],
"Editors": ["Rich Text Editor", "DocumentEditor", "Chips", "Button", "In-place Editor"],
"Calendars": ["Scheduler", "Gantt", "Calendar", "DatePicker", "DateRangePicker", "DateTimePicker", "TimePicker"],
"Dropdowns": ["AutoComplete", "ComboBox", "Dropdown List", "MultiSelect Dropdown", "List Box"],
diff --git a/src/common/search-index.json b/src/common/search-index.json
index 6ba29527..84542d6d 100644
--- a/src/common/search-index.json
+++ b/src/common/search-index.json
@@ -1 +1 @@
-{"version":"0.9.5","fields":["component","name"],"ref":"uid","documentStore":{"docs":{"00000":{"url":"grid-overview","name":"Overview","description":"This demo for Essential JS 2 grid control is an overview of how to display and manipulate large data with configuration options.","category":"Data Grid","api":{"Grid":["dataSource","enableVirtualization","allowFiltering","allowSorting","allowSelection","selectionSettings","height","columns","dataBound","actionComplete","load"]},"uid":"00000","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},"00001":{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS 2 grid control shows the default rendering of the grid control with minimum configuration.","category":"Data Grid","api":{"Grid":["columns","dataSource"]},"uid":"00001","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},"00002":{"url":"grouping","name":"Grouping","description":"This demo for Essential JS 2 grid control demonstrates the grouping feature of the grid control. The grid control has options to group records based on columns.","category":"Data Grid","api":{"Grid":["dataSource","allowPaging","allowSorting","groupSettings","pageSettings","allowGrouping","height","columns"]},"uid":"00002","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},"00003":{"url":"grid-lines","name":"GridLines","description":"This demo for Essential JS 2 grid control demonstrates the visibility of the grid lines that separate the rows and columns.","category":"Data Grid","api":{"Grid":["dataSource","gridLines","columns"]},"uid":"00003","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},"00004":{"url":"scrolling","name":"Default Scrolling","description":"This demo for Essential JS 2 grid control shows the usage of the horizontal and vertical scrollbars to view grid content that exceeds the grid area.","category":"Scrolling","api":{"Grid":["dataSource","height","width","columns"]},"uid":"00004","order":1,"component":"Data Grid","dir":"grid","parentId":"00"},"00005":{"url":"virtual-scrolling","name":"Virtual Scrolling","description":"This demo demonstrates how to use Essential JS 2 grid to show a large data view without performance degradation by rendering only the required rows and columns.","category":"Scrolling","api":{"Grid":["dataSource","enableVirtualization","enableColumnVirtualization","dataBound","height","columns"]},"uid":"00005","order":1,"component":"Data Grid","dir":"grid","parentId":"00"},"00006":{"url":"events","name":"Events","description":"This demo for Essential JS 2 grid control shows the events that have been triggered during the grid operations.","category":"Data Grid","api":{"Grid":["dataSource","allowPaging","pageSettings","allowGrouping","allowReordering","allowSorting","columns","load","created","actionBegin","actionComplete","dataBound","rowSelecting","rowSelected","columnDragStart","columnDrag","columnDrop"]},"uid":"00006","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},"00007":{"url":"hierarchy","name":"Hierarchy Grid","description":"This demo for Essential JS 2 grid control shows the hierarchical binding feature that helps to build multilevel parent-child relationships.","category":"Data Grid","api":{"Grid":["dataSource","allowSorting","columns","detailDataBound","dataBound","created","childGrid"]},"uid":"00007","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},"00008":{"url":"clipboard","name":"Clipboard","description":"This demo for Essential JS 2 grid control shows copy to clipboard functionality of grid. Select rows and click Copy button from toolbar to copy content.","category":"Data Grid","api":{"Grid":["dataSource","allowPaging","toolbar","columns","pageSettings","allowSelection","selectionSettings","toolbarClick"]},"uid":"00008","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},"00009":{"url":"local-data","name":"Local Data","description":"This demo for Essential JS 2 grid control demonstrates the way for binding a grid with a local data source.","category":"Data Binding","api":{"Grid":["dataSource","allowPaging","columns","pageSettings"]},"uid":"00009","order":2,"component":"Data Grid","dir":"grid","parentId":"00"},"000010":{"url":"remote-data","name":"Remote Data","description":"This demo for Essential JS 2 grid control shows the way of data binding grid with remote service. Grid data source is bound to remote data using DataManager.","category":"Data Binding","api":{"Grid":["dataSource","allowPaging","actionBegin","actionComplete","created","dataBound","columns","pageSettings"]},"uid":"000010","order":2,"component":"Data Grid","dir":"grid","parentId":"00"},"000011":{"url":"auto-wrap","name":"AutoWrap Column Cells","description":"This demo for Essential JS 2 grid control shows how the grid cell content is autowrapped to show large cell content.","category":"Columns","api":{"Grid":["dataSource","allowPaging","allowTextWrap","columns","pageSettings"]},"uid":"000011","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000012":{"url":"show-hide","name":"Show or Hide Column","description":"This demo for Essential JS 2 grid control demonstrates the dynamic show and hide columns feature. Use the properties panel to hide/show the column.","category":"Columns","api":{"Grid":["dataSource","allowPaging","pageSettings","columns"]},"uid":"000012","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000013":{"url":"column-template","name":"Column Template","description":"This demo for Essential JS 2 grid control demonstrates usage of template columns in Grid to shown custom images in the Employee Image column.","category":"Columns","api":{"Grid":["dataSource","width","height","columns"]},"uid":"000013","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000014":{"url":"stacked-header","name":"Stacked Header","description":"This demo for Essential JS 2 grid control shows the usage of the sorting API in grid. Use the properties panel to sort/unsort columns using API.","category":"Columns","api":{"Grid":["dataSource","allowPaging","pageSettings","columns"]},"uid":"000014","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000015":{"url":"reorder","name":"Reorder","description":"This demo for Essential JS 2 grid control shows the reordering columns feature. Select column name and index from properties panel to reorder the columns.","category":"Columns","api":{"Grid":["dataSource","allowReordering","actionComplete","columns"]},"uid":"000015","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000016":{"url":"column-chooser","name":"Column Chooser","description":"This demo for Essential JS 2 grid control shows how the column chooser feature can be used to show or hide columns dynamically.","category":"Columns","api":{"Grid":["dataSource","allowPaging","showColumnChooser","columns","toolbar"]},"uid":"000016","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000017":{"url":"row-template","name":"Row Template","description":"This demo for Essential JS 2 grid control shows the usage of the row template feature. We have rendered each Grid row using template.","category":"Rows","api":{"Grid":["dataSource","rowTemplate","height","width","columns"]},"uid":"000017","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},"000018":{"url":"detail-template","name":"Detail Template","description":"This demo for Essential JS 2 grid control shows the grid with detail template feature. Click the expand button to show the detailed information about a row.","category":"Rows","api":{"Grid":["dataSource","detailTemplate","height","width","columns"]},"uid":"000018","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},"000019":{"url":"hover","name":"Row Hover","description":"This demo for Essential JS 2 grid control shows the Grid with the row hover feature. Move the mouse over the Grid rows to see the hover effect.","category":"Rows","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowSelection","enableHover"]},"uid":"000019","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},"000020":{"url":"row-height","name":"Row Height","description":"This demo for Essential JS 2 grid control shows the row height feature. Click on the toolbar icons to change row's height.","category":"Rows","api":{"Grid":["dataSource","toolbar","height","columns","rowHeight","toolbarClick"]},"uid":"000020","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},"000021":{"url":"drag-and-drop","name":"Row Drag And Drop","description":"This demo for Essential JS 2 grid control demonstrates how the rows can be dragged between grids using the row drag-and-drop feature.","category":"Rows","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowRowDragAndDrop","selectionSettings","rowDropSettings","width"]},"uid":"000021","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},"000022":{"url":"drag-drop-within-grid","name":"Row Drag And Drop Within Grid","category":"Rows","description":"This demo for Essential JS 2 grid control demonstrates how the rows can be dragged within the grids using the row drag-and-drop feature.","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowRowDragAndDrop","selectionSettings","rowDropSettings","width","persistSelection"]},"uid":"000022","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},"000023":{"url":"sorting","name":"Multi Sorting","description":"This demo for Essential JS 2 grid control shows the grid multisorting feature. Using this feature, grid rows can be sorted by two or more columns.","category":"Sorting","api":{"Grid":["dataSource","allowSelection","selectionSettings","columns","enableHover"]},"uid":"000023","order":5,"component":"Data Grid","dir":"grid","parentId":"00"},"000024":{"url":"sorting-api","name":"Sorting API","description":"This demo for Essential JS 2 grid control shows the usage of the sorting API in grid. Use the properties panel to sort/unsort columns using API.","category":"Sorting","api":{"Grid":["dataSource","allowPaging","allowSelection","selectionSettings","enableHover","columns","pageSettings"]},"uid":"000024","order":5,"component":"Data Grid","dir":"grid","parentId":"00"},"000025":{"url":"filter","name":"Default Filtering","description":"This demo for Essential JS 2 grid control shows how to place a filter bar row in the header to filter grid rows.","category":"Filtering","api":{"Grid":["allowFiltering","dataSource","allowPaging","pageSettings","columns"]},"uid":"000025","order":6,"component":"Data Grid","dir":"grid","parentId":"00"},"000026":{"url":"filter-menu","name":"Filter Menu","description":"This demo for Essential JS 2 grid control demonstrates a way of filtering rows using a menu, check box, and Excel filter UI.","category":"Filtering","api":{"Grid":["allowFiltering","filterSettings","dataSource","allowPaging","pageSettings","columns"]},"uid":"000026","order":6,"component":"Data Grid","dir":"grid","parentId":"00"},"000027":{"url":"search","name":"Search","description":"This demo for Essential JS 2 grid control shows the content searching feature. Use the search box from toolbar to search for records in grid.","category":"Filtering","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","toolbar"]},"uid":"000027","order":6,"component":"Data Grid","dir":"grid","parentId":"00"},"000028":{"url":"default-paging","name":"Default Paging","description":"This demo for Essential JS 2 grid control shows how you can display the contents of the grid in page segments using the paging feature.","category":"Paging","api":{"Grid":["dataSource","allowPaging","pageSettings","columns"]},"uid":"000028","order":7,"component":"Data Grid","dir":"grid","parentId":"00"},"000029":{"url":"paging-api","name":"Paging API","description":"This demo for Essential JS 2 grid control shows the usage of the paging API, use the properties panel to change the pageSize, pageCount and current page.","category":"Paging","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","actionComplete","goToPage"]},"uid":"000029","order":7,"component":"Data Grid","dir":"grid","parentId":"00"},"000030":{"url":"selection","name":"Default Selection","description":"This demo for Essential JS 2 grid control shows how to select rows or cells through simple mouse down or keyboard interaction using the selection feature.","category":"Selection","api":{"Grid":["dataSource","allowSelection","selectionSettings","enableHover","columns"]},"uid":"000030","order":8,"component":"Data Grid","dir":"grid","parentId":"00"},"000031":{"url":"selection-api","name":"Selection API","description":"This demo for Essential JS 2 grid control shows the content searching feature. Use the search box from toolbar to search for records in grid.","category":"Selection","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowSelection","selectionSettings","enableHover"]},"uid":"000031","order":8,"component":"Data Grid","dir":"grid","parentId":"00"},"000032":{"url":"checkbox-selection","name":"Checkbox Selection","description":"This demo for Essential JS 2 grid control shows how the check box selection feature can be used to select grid rows.","category":"Selection","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowSelection","selectionSettings","enableHover"]},"uid":"000032","order":8,"component":"Data Grid","dir":"grid","parentId":"00"},"000033":{"url":"aggregate-default","name":"Default Aggregate","description":"This demo for Essential JS 2 grid control shows how the row values can be aggregated and shown in a column footer.","category":"Aggregates","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","aggregates"]},"uid":"000033","order":9,"component":"Data Grid","dir":"grid","parentId":"00"},"000034":{"url":"aggregate-group","name":"Group and Caption Aggregate","description":"This demo for Essential JS 2 grid control shows how the row values can be aggregated for each group of items and shown in a group caption and footer.","category":"Aggregates","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowGrouping","groupSettings","aggregates"]},"uid":"000034","order":9,"component":"Data Grid","dir":"grid","parentId":"00"},"000035":{"url":"reactive-aggregate-batch-edit","name":"Reactive Aggregate","description":"This demo for Essential JS 2 grid control shows how aggregate values are updated while the row is edited in batch edit mode.","category":"Aggregates","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowGrouping","groupSettings","aggregates","editSettings","toolbar"]},"uid":"000035","order":9,"component":"Data Grid","dir":"grid","parentId":"00"},"000036":{"url":"normal-editing","name":"Inline Editing","description":"This demo for Essential JS 2 grid control shows the inline editing operation. In the below sample, You can perform CRUD operations in grid.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings","toolbar"]},"uid":"000036","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},"000037":{"url":"dialog-editing","name":"Dialog Editing","description":"This demo for Essential JS 2 grid control shows how to edit grid rows using the Essential JS 2 dialog control.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings","toolbar"]},"uid":"000037","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},"000038":{"url":"dialog-template","name":"Dialog Template","description":"This demo for Essential JS 2 grid control shows how to edit the grid rows using Essential JS 2 dialog-template.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings","toolbar"]},"uid":"000038","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},"000039":{"url":"batch-editing","name":"Batch Editing","description":"This demo for Essential JS 2 grid control shows how to perform bulk changes to the grid content using batch edit mode.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings","toolbar"]},"uid":"000039","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},"000040":{"url":"command-column","name":"Command Column","description":"This demo for Essential JS 2 grid control shows how to edit and delete records using a command column.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings"]},"uid":"000040","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},"000041":{"url":"column-resize","name":"Column Resizing","description":"This demo for Essential JS 2 grid control shows how the column resizing feature can be used to change width dynamically.","category":"Columns","api":{"Grid":["dataSource","allowResizing","height","columns"]},"uid":"000041","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000042":{"url":"header-template","name":"Header Template","description":"This demo for Essential JS 2 grid control shows the Grid header template feature, we have shown custom icons in the column headers.","category":"Columns","api":{"Grid":["dataSource","columns"]},"uid":"000042","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000043":{"url":"default-exporting","name":"Default Exporting","description":"This demo for Essential JS 2 grid control shows the client-side exporting of grid content to Excel, PDF, and CSV formats.","category":"Exporting","api":{"Grid":["dataSource","allowExcelExport","allowPdfExport","allowPaging","toolbar","pageSettings","columns","groupSettings","allowGrouping"]},"uid":"000043","order":11,"component":"Data Grid","dir":"grid","parentId":"00"},"000044":{"url":"advanced-exporting","name":"Advanced Exporting","description":"This demo for Essential JS 2 grid control demonstrates how exporting can be customized to add headers and footers in exported documents.","category":"Exporting","api":{"Grid":["dataSource","allowExcelExport","allowPdfExport","toolbar","allowPaging","pageSettings","columns"]},"uid":"000044","order":11,"component":"Data Grid","dir":"grid","parentId":"00"},"000045":{"url":"master-details-export","name":"Hierarchy Exporting","description":"This demo for Essential JS 2 grid control demonstrates how to export hierarchy grid in exported documents.","category":"Exporting","api":{"Grid":["dataSource","allowExcelExport","allowPdfExport","toolbar","allowPaging","pageSettings","columns","childGrid"]},"uid":"000045","order":11,"component":"Data Grid","dir":"grid","parentId":"00"},"000046":{"url":"print","name":"Print","description":"This demo for Essential JS 2 grid control shows how to print the grid content. Click the print button from the toolbar item to print Grid.","category":"Exporting","api":{"Grid":["dataSource","allowPaging","toolbar","pageSettings","columns"]},"uid":"000046","order":11,"component":"Data Grid","dir":"grid","parentId":"00"},"000047":{"url":"column-spanning","name":"Column Spanning","description":"This demo for Essential JS 2 grid control demonstrates the grid with column spanning feature to span multiple adjacent cells together.","category":"Columns","api":{"Grid":["dataSource","allowTextWrap","columns","queryCellInfo","gridLines","width","height"]},"uid":"000047","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000048":{"url":"frozen-rows-columns","name":"Frozen Rows And Columns","description":"This demo for Essential JS 2 grid control shows frozen rows/columns feature of grid. Scroll the movable content to view the frozen rows/columns.","category":"Columns","api":{"Grid":["dataSource","allowSelection","columns","frozenColumns","frozenRows","height"]},"uid":"000048","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000049":{"url":"context-menu","name":"Context Menu","description":"This demo for Essential JS 2 grid control shows demonstrates the usage of context menu in grid. Right click anywhere on the grid to view context menu.","category":"Data Grid","api":{"Grid":["dataSource","allowSorting","allowGrouping","allowPdfExport","allowExcelExport","editSettings","allowPaging","contextMenuItems","groupSettings","columns"]},"uid":"000049","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},"000050":{"url":"column-menu","name":"Column Menu","description":"This demo for Essential JS 2 grid control shows the usage of the various column functionalities of the column menu feature.","category":"Columns","api":{"Grid":["dataSource","allowSorting","allowGrouping","showColumnMenu","groupSettings","columns","allowSorting"]},"uid":"000050","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000051":{"url":"foreign-key","name":"Foreign Key Column","description":"This demo for Essential JS 2 grid control shows the usage of a foreign key column and perform actions like filtering, sorting and editing.","category":"Columns","api":{"Grid":["dataSource","allowSorting","columns","allowFiltering","filterSettings","editSettings"]},"uid":"000051","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000052":{"url":"row-spanning","name":"Row Spanning","description":"This demo for Essential JS 2 grid control demonstrates the row spanning feature. In this sample, we have spanned row cells together.","category":"Rows","api":{"Grid":["dataSource","allowTextWrap","columns","queryCellInfo","gridLines","width","height"]},"uid":"000052","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},"00110":{"url":"default","name":"Default Functionalities","category":"Pivot Table","description":"This demo for Essential JS2 Pivot Table control shows the basic rendering of the pivot table with minimum configuration","uid":"00110","order":0,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00111":{"url":"local","name":"Local Data","category":"Data Binding","description":"This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table with local JSON data","sourceFiles":[{"displayName":"local.ts","path":"src/pivot-table/local.ts"},{"displayName":"localData.json","path":"src/pivot-table/pivot-data/rData.json"},{"displayName":"local.html","path":"src/pivot-table/local.html"}],"uid":"00111","order":1,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00112":{"url":"remote","name":"Remote Data","category":"Data Binding","description":"This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table with remote data or service data","uid":"00112","order":1,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00113":{"url":"olap","name":"OLAP","category":"Data Binding","type":"new","description":"This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table with olap datasource","uid":"00113","order":1,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00114":{"url":"pivot-chart","name":"Pivot Chart","category":"Integration","description":"This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table data into a simple pivot chart","uid":"00114","order":2,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00115":{"url":"external-binding","name":"External Binding","category":"Integration","description":"This demo for Essential JS2 Pivot Table control demonstrate the rendering of heat map with cell selection option.","uid":"00115","order":2,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00116":{"url":"field-list","name":"Field List","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the field list feature of the pivot table","uid":"00116","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00117":{"url":"grouping-bar","name":"Grouping Bar","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the grouping bar feature of the pivot table","uid":"00117","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00118":{"url":"conditional-formatting","name":"Conditional Formatting","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate formatting the appearance of the pivot table cells with values based on the applied conditions","uid":"00118","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00119":{"url":"selection","name":"Selection","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the cell selection feature of the pivot table","uid":"00119","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001110":{"url":"summary-customization","name":"Show/Hide Totals","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the summary customization feature of the pivot table","uid":"001110","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001111":{"url":"grouping","name":"Grouping","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the grouping feature for date and number fields","uid":"001111","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001112":{"url":"toolbar","name":"Toolbar","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the toolbar feature with pivot table and pivot chart","uid":"001112","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001113":{"url":"calculated-field","name":"Calculated Field","category":"Formula","description":"This demo for Essential JS2 Pivot Table control shows calculated field, and it allows users to add calculated items","uid":"001113","order":4,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001114":{"url":"aggregation","name":"Aggregation","category":"Formula","description":"This demo for Essential JS2 Pivot Table control shows different types of aggregation for value fields","uid":"001114","order":4,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001115":{"url":"sorting","name":"Default Sorting","category":"Sorting","description":"This demo for Essential JS2 Pivot Table control shows ordering(sorting) of fields either in ascending or descending order","uid":"001115","order":5,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001116":{"url":"value-sorting","name":"Value Sorting","category":"Sorting","description":"This demo for Essential JS2 Pivot Table control shows sorting values on column or row wise in ascending or descending order","uid":"001116","order":5,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001117":{"url":"filtering","name":"Default Filtering","category":"Filtering","description":"This demo for Essential JS2 Pivot Table control demonstrate member filtering of field headers either by including or excluding them","uid":"001117","order":6,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001118":{"url":"label-filtering","name":"Label Filtering","category":"Filtering","description":"This demo for Essential JS2 Pivot Table control demonstrate label filtering of field headers either by including or excluding them","uid":"001118","order":6,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001119":{"url":"value-filtering","name":"Value Filtering","category":"Filtering","description":"This demo for Essential JS2 Pivot Table control demonstrate the filtering of field headers based on the grand total (value based)","uid":"001119","order":6,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001120":{"url":"virtual-scrolling","name":"Virtual Scrolling","category":"Scrolling","description":"This demo for Essential JS2 Pivot Table control shows virtual scrolling option available vertically and horizontally to load large records with ease","uid":"001120","order":7,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001121":{"url":"cell-template","name":"Cell Template","category":"Customization","description":"This demo for Essential JS2 Pivot Table control demonstrate cell template option on cells of the pivot table","uid":"001121","order":8,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001122":{"url":"drill-through","name":"Drill Through","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control shows the raw items of any value cells in pivot table","uid":"001122","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001123":{"url":"editing","name":"Editing","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control allows to edit, add and delete the value cells in pivot table","uid":"001123","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001124":{"url":"hyper-link","name":"Hyperlink","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control shows hyperlink options in row headers, column headers, value cells, and summary cells in the pivot table","uid":"001124","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001125":{"url":"defer-update","name":"Defer Layout Update","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control demonstrate defer layout update feature of the pivot table","uid":"001125","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001126":{"url":"exporting","name":"Export","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control demonstrate client-side exporting of the pivot table to Excel, CSV and PDF formats","uid":"001126","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00220":{"url":"treegrid-overview","name":"Overview","category":"Tree Grid","api":{"TreeGrid":["dataSource","childMapping","height","columns","allowReordering","allowFiltering","allowSorting","filterSettings","queryCellInfo"]},"description":"This sample demonstrates the overview of basic treegrid features such as sorting, filtering, conditional formatting, column template and scrolling.","uid":"00220","order":0,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00221":{"url":"default","name":"Default Functionalities","category":"Tree Grid","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","columns"]},"description":"This example shows how the Syncfusion TypeScript TreeGrid control looks with its default configuration.","uid":"00221","order":0,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00222":{"url":"localdata","name":"Local Data","category":"Data Binding","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","columns"]},"description":"This example shows the binding of an array of list objects in the Syncfusion TypeScript TreeGrid control.","uid":"00222","order":1,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00223":{"url":"remote-data","name":"Remote Data","category":"Data Binding","api":{"TreeGrid":["dataSource","allowPaging","columns","treeColumnIndex","hasChildMapping","parentIdMapping","idMapping","height"]},"description":"This example shows the binding of remote services by using the DataManager in the Syncfusion TypeScript TreeGrid.","uid":"00223","order":1,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00224":{"url":"selfreference","name":"Self Reference","category":"Data Binding","api":{"TreeGrid":["dataSource","allowPaging","columns","treeColumnIndex","idMapping","parentIdMapping"]},"description":"This example illustrates binding self-referential flat data with parent ID to a Syncfusion TypeScript TreeGrid control.","uid":"00224","order":1,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00225":{"url":"columnformatting","name":"Column Formatting","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex","pageSettings"]},"description":"This demo explains how to display the content of TreeGrid columns based on the specified format in Syncfusion TypeScript TreeGrid.","uid":"00225","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00226":{"url":"column-template","name":"Column Template","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","width","height","columns","rowHeight"]},"description":"This demo explains how to define the template in TreeGrid columns of Syncfusion TypeScript TreeGrid control.","uid":"00226","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00227":{"url":"reorder","name":"Reorder","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowReordering","actionComplete","columns","allowPaging"]},"description":"This demo explains how to reorder the columns of treegrid by simple drag and drop of columns using Syncfusion TypeScript TreeGrid control.","uid":"00227","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00228":{"url":"resizing","name":"Resize","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowResizing","actionComplete","columns","allowPaging"]},"description":"This demo explains how to resize the width of the treegrid columns in Syncfusion TypeScript TreeGrid control.","uid":"00228","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00229":{"url":"columnmenu","name":"Column Menu","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns"]},"description":"This demo explains the default functionalities of the Column Menu in Syncfusion TypeScript TreeGrid control.","uid":"00229","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002210":{"url":"cellalignment","name":"Cell Alignment","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how to align the content inside the cells of treegrid columns and headers in Syncfusion TypeScript TreeGrid control.","uid":"002210","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002211":{"url":"auto-wrap","name":"AutoWrap Column Cells","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","allowTextWrap","columns","pageSettings"]},"description":"This demo explains how to wrap the content of columns within the specified width of treegrid columns in Syncfusion TypeScript TreeGrid control.","uid":"002211","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002212":{"url":"showhidecolumn","name":"Show or Hide Column","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how to hide or show the columns of treegrid dynamically using Syncfusion TypeScript TreeGrid methods.","uid":"002212","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002213":{"url":"header-template","name":"Header Template","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","columns","height"]},"description":"This demo explains how to customize column headers to show additional HTML elements, such as icons, images, etc. in Syncfusion TypeScript TreeGrid control.","uid":"002213","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002214":{"url":"stacked-header","name":"Stacked Header","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","pageSettings","columns"]},"description":"This demo explains how to provide a common header for the group of columns in Syncfusion TypeScript TreeGrid control.","uid":"002214","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002215":{"url":"rowhover","name":"Row Hover","category":"Rows","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","columns","enableHover","height"]},"description":"This demo explains how the treegrid row color is changed while move the mouse over a row in Syncfusion TypeScript TreeGrid content.","uid":"002215","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002216":{"url":"rowheight","name":"Row Height","category":"Rows","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","rowHeight","allowPaging","toolbarClick","columns","toolbar"]},"description":"This demo shows how to set different row height to the rows of Syncfusion TypeScript TreeGrid control.","uid":"002216","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002217":{"url":"row-template","name":"Row Template","category":"Rows","api":{"TreeGrid":["dataSource","rowTemplate","height","width","columns","childMapping","treeColumnIndex"]},"description":"This demo for Essential JS 2 TreeGrid control shows the usage of the row template feature. We have rendered each TreeGrid row using template.","uid":"002217","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002218":{"url":"row-reorder","name":"Drag And Drop","category":"Rows","api":{"TreeGrid":["dataSource","rowTemplate","height","width","columns","childMapping","treeColumnIndex"]},"description":"This demo for Essential JS 2 TreeGrid control demonstrates how the rows can be dragged within the treegrid using the row drag-and-drop feature.","type":"new","uid":"002218","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002219":{"url":"detail-template","name":"Detail Template","category":"Rows","api":{"TreeGrid":["dataSource","detailTemplate","height","width","columns","childMapping","treeColumnIndex"]},"description":"This demo shows TreeGrid with detail template feature and also each row contains detailed information about a row.","uid":"002219","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002220":{"url":"inline-editing","name":"Inline Editing","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","editSettings","toolbar","columns"]},"description":"This example shows how to add and edit row or cell inline on the Syncfusion TypeScript TreeGrid control.","uid":"002220","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002221":{"url":"dialog-editing","name":"Dialog Editing","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","toolbar","columns","height"]},"description":"This demo explains how to edit a treegrid record in the Dialog mode using Syncfusion TypeScript TreeGrid control.","uid":"002221","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002222":{"url":"lock-row","name":"Lock Row","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","toolbar","columns","allowPaging","pageSettings","rowDataBound","beginEdit","enableHover"]},"description":"This demo explains how to disable editing for specific rows dynamically in Syncfusion TypeScript TreeGrid control.","uid":"002222","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002223":{"url":"cell-edit-type","name":"Cell Edit Type","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","toolbar","columns","height"]},"description":"This demo explains how to set different edit types and how to define edit params for the treegrid columns in Syncfusion TypeScript TreeGrid control.","uid":"002223","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002224":{"url":"command-column","name":"Command Column","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","columns","height"]},"description":"This demo explains how to include CRUD action buttons as one of the columns in Syncfusion TypeScript TreeGrid control.","uid":"002224","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002225":{"url":"edit-template","name":"Edit Template","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","toolbar","columns","height"]},"description":"This demo explains how create a custom editor control for the treegrid cells when a row is edited in Syncfusion TypeScript TreeGrid.","uid":"002225","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002226":{"url":"sorting","name":"Multi Sorting","category":"Sorting","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","pageSettings","columns","allowSorting","actionComplete","sortSettings"]},"description":"This demo demonstrates to sort multiple columns of treegrid by hold the CTRL key and click on the column headers of Syncfusion TypeScript TreeGrid control.","uid":"002226","order":5,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002227":{"url":"sorting-api","name":"Sorting API","category":"Sorting","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","allowSorting","columns","pageSettings"]},"description":"This demo explains how to sort columns dynamically using methods of Syncfusion TypeScript TreeGrid control.","uid":"002227","order":5,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002228":{"url":"filtering","name":"Default Filtering","category":"Filtering","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","allowFiltering","filterSettings","treeColumnIndex"]},"description":"This demo explains the default functionalities of filtering and how to define the template for filter bar in Syncfusion TypeScript TreeGrid.","uid":"002228","order":6,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002229":{"url":"filter-menu","name":"Menu Filter","category":"Filtering","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","allowFiltering","treeColumnIndex","filterSettings"]},"description":"This demo explains how to filter the content using menu filter type of Syncfusion TypeScript TreeGrid control.","uid":"002229","order":6,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002230":{"url":"search","name":"Search","category":"Filtering","api":{"TreeGrid":["dataSource","allowPaging","pageSettings","columns","childMapping","treeColumnIndex","toolbar"]},"description":"This demo explains how to search the text entered in the search bar in Syncfusion TypeScript TreeGrid content.","uid":"002230","order":6,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002231":{"url":"default-paging","name":"Default Paging","category":"Paging","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","pageSettings","treeColumnIndex"]},"description":"This demo explains how to display the records in paginated view in Syncfusion TypeScript TreeGrid control.","uid":"002231","order":7,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002232":{"url":"paging-api","name":"Paging API","category":"Paging","api":{"Grid":["dataSource","allowPaging","columns","treeColumnIndex","childMapping"]},"description":"This demo explains how to customize a pager using the APIs that are relevant to paging of Syncfusion TypeScript TreeGrid control.","uid":"002232","order":7,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002233":{"url":"default-scrolling","name":"Default Scrolling","description":"This demo for Essential JS 2 TreeGrid control shows the usage of the horizontal and vertical scrollbars to view TreeGrid content that exceeds the TreeGrid area.","category":"Scrolling","api":{"TreeGrid":["dataSource","height","width","columns"]},"uid":"002233","order":8,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002234":{"url":"virtual-scrolling","name":"Virtual Scrolling","description":"This demo demonstrates how to use Essential JS 2 TreeGrid to show a large data view without performance degradation by rendering only the required rows.","category":"Scrolling","api":{"TreeGrid":["dataSource","enableVirtualization","dataBound","height","columns"]},"uid":"002234","order":8,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002235":{"url":"selection","name":"Default Selection","category":"Selection","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","allowSelection","selectionSettings","treeColumnIndex"]},"description":"This demo explains the customization of selection mode and toggle selection of Syncfusion TypeScript TreeGrid control.","uid":"002235","order":9,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002236":{"url":"selection-api","name":"Selection API","category":"Selection","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","allowSelection","selectionSettings","treeColumnIndex"]},"description":"This demo explains how to select and clear multiple rows using methods of Syncfusion TypeScript TreeGrid control.","uid":"002236","order":9,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002237":{"url":"checkbox-selection","name":"Checkbox Selection","category":"Selection","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how the check box selection feature can be used to select treegrid rows in Essential TypeScript TreeGrid control.","uid":"002237","order":9,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002238":{"url":"checkbox-column","name":"Checkbox Column","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how the hierarchy selection between the records using column checkboxes in Essential TypeScript TreeGrid control.","uid":"002238","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002239":{"url":"frozen-column","name":"Frozen Column","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","columns","treeColumnIndex","frozenColumns"]},"description":"This demo for Essential JS 2 treegrid control shows frozen columns feature of treegrid. Scroll the movable content to view the frozen columns.","type":"new","uid":"002239","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002240":{"url":"aggregate-default","name":"Default Aggregate","category":"Aggregates","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","columns","aggregates"]},"description":"This demo explains how to display the summary values such as average, minimum, etc., for the columns in Syncfusion TypeScript TreeGrid control.","uid":"002240","order":10,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002241":{"url":"custom-aggregate","name":"Custom Aggregate","category":"Aggregates","api":{"TreeGrid":["dataSource","width","childMapping","treeColumnIndex","height","columns","aggregates"]},"description":"This demo explains how to display the custom aggregate for the columns in Syncfusion TypeScript TreeGrid control.","uid":"002241","order":10,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002242":{"url":"default-context-menu","name":"Default Context Menu","category":"Context Menu","description":"This demo explains the usage of context menu and the default context menu items in Syncfusion TypeScript TreeGrid control.","api":{"TreeGrid":["dataSource","allowPaging","columns","contextMenu","hasChildMapping","parentIdMapping"]},"uid":"002242","order":11,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002243":{"url":"custom-context-menu","name":"Custom Context Menu","category":"Context Menu","description":"This demo explains the usage of custom context menu items in Syncfusion TypeScript TreeGrid control.","api":{"TreeGrid":["dataSource","allowPaging","columns","hasChildMapping","contextMenuItems","parentIdMapping"]},"uid":"002243","order":11,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002244":{"url":"default-exporting","name":"Default Exporting","category":"Exporting","api":{"TreeGrid":["dataSource","columns","toolbar","allowExcelExport","allowPdfExport","treeColumnIndex","toolbarClick","childMapping","height"]},"description":"This demo explains how to export the treegrid content to Excel, PDF, and CSV documents using the Syncfusion TypeScript TreeGrid control.","uid":"002244","order":12,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002245":{"url":"print","name":"Print","category":"Exporting","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","columns","toolbar"]},"description":"This demo explains how to print the records of the treegrid using the Print feature of Syncfusion TypeScript TreeGrid control.","uid":"002245","order":12,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002246":{"url":"conditional-formatting","name":"Conditional Formatting","category":"Miscellaneous","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","columns","height","queryCellInfo"]},"description":"This demo explains how to apply styles to specific cells based on certain conditions in Syncfusion TypeScript TreeGrid control.","uid":"002246","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002247":{"url":"toolbar-template","name":"Toolbar Template","category":"Miscellaneous","api":{"TreeGrid":["dataSource","toolbar","toolbarClick","allowFiltering","childMapping","height","treeColumnIndex","filterSettings","columns"]},"description":"This demo explains how to render custom template elements in a toolbar by which any custom operation can be performed in Syncfusion TypeScript TreeGrid.","uid":"002247","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002248":{"url":"events","name":"Events","category":"Miscellaneous","api":{"TreeGrid":["dataSource","allowPaging","childMapping","treeColumnIndex","load","created","actionBegin","actionComplete","allowReordering","allowSorting","dataBound","rowSelecting","rowSelected","columnDragStart","columnDrag","columnDrop","columns","pageSettings"]},"description":"This demo explains the basic functionalities of the events that are available in the Syncfusion TypeScript TreeGrid control.","uid":"002248","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002249":{"url":"keyboard","name":"Keyboard Interaction","category":"Miscellaneous","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","columns","pageSettings"]},"description":"This demo explains the key combinations used to perform corresponding treegrid actions in Syncfusion TypeScript TreeGrid control.","uid":"002249","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002250":{"url":"treegridlines","name":"Grid Lines","category":"Miscellaneous","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how to customize the grid lines in treegrid using Syncfusion TypeScript TreeGrid control.","uid":"002250","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00330":{"url":"default","name":"Default Functionalities","category":"Spreadsheet","api":{"Spreadsheet":["height","width","sheets"],"sheets":["columns","rows","name"],"rangeSettings":["dataSource"]},"description":"This example demonstrates the default functionalities of the Syncfusion JS 2 Spreadsheet that includes editing, importing & exporting.","sourceFiles":[{"displayName":"default.ts","path":"src/spreadsheet/default.ts"},{"displayName":"default.html","path":"src/spreadsheet/default.html"},{"displayName":"default-data.json","path":"src/spreadsheet/default-data.json"}],"uid":"00330","order":0,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},"00331":{"url":"formula","name":"Formula","category":"Spreadsheet","api":{"Spreadsheet":["height","width","sheets"],"sheets":["columns","rows","selectedRange","name"],"cells":["value","index"],"rangeSettings":["dataSource","startCell"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the way of using basic formulas with minimum configuration.","sourceFiles":[{"displayName":"formula.ts","path":"src/spreadsheet/formula.ts"},{"displayName":"formula.html","path":"src/spreadsheet/formula.html"},{"displayName":"formula-data.json","path":"src/spreadsheet/formula-data.json"}],"uid":"00331","order":0,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},"00332":{"url":"cell-data-binding","name":"Cell Data Binding","category":"Data Binding","api":{"sheets":["rows","columns","selectedRange","name"],"rows":["cells","index"],"cells":["value","style"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the cell data binding with minimum configuration.","uid":"00332","order":1,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},"00333":{"url":"remote-data-binding","name":"Remote Data Binding","category":"Data Binding","api":{"Spreadsheet":["sheets"],"sheets":["columns","rows","name"],"rangeSettings":["dataSource","query","startCell"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the way of data binding with remote service using DataManager.","uid":"00333","order":1,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},"00334":{"url":"cell-formatting","name":"Cell Formatting","category":"Formatting","api":{"sheets":["columns","rows","name"],"rows":["cells","index"],"cells":["value","style"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the way of cell formatting with minimum configuration.","sourceFiles":[{"displayName":"cell-formatting.ts","path":"src/spreadsheet/cell-formatting.ts"},{"displayName":"cell-formatting.html","path":"src/spreadsheet/cell-formatting.html"},{"displayName":"cell-formatting-data.json","path":"src/spreadsheet/cell-formatting-data.json"}],"uid":"00334","order":2,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},"00335":{"url":"number-formatting","name":"Number Formatting","category":"Formatting","api":{"sheets":["columns","rows","name","selectedRange"],"rows":["cells"],"cells":["value","formatCode"],"rangeSettings":["dataSource","startCell"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the way of number formatting with minimum configuration.","sourceFiles":[{"displayName":"number-formatting.ts","path":"src/spreadsheet/number-formatting.ts"},{"displayName":"number-formatting.html","path":"src/spreadsheet/number-formatting.html"},{"displayName":"number-formatting-data.json","path":"src/spreadsheet/number-formatting-data.json"}],"uid":"00335","order":2,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},"00440":{"url":"line","name":"Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00440","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00441":{"url":"spline","name":"Spline","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the spline series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00441","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00442":{"url":"step-line","name":"Step Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the step line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00442","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00443":{"url":"dashed-line","name":"Dashed Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the dashed line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00443","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00444":{"url":"spline-inversed","name":"Inversed Spline","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the inversed spline series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00444","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00445":{"url":"line-segments","name":"Line Zone","description":"This demo for Essential JS2 Chart control shows how to render and configure the points in a particular range using MultiColoredLine series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00445","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00446":{"url":"line-multi-color","name":"Multi Colored Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the multi colored line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00446","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00447":{"url":"stacked-line","name":"Stacked Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stacked line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00447","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00448":{"url":"stacked-line-100","name":"100% Stacked Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the 100% stacked line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00448","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00449":{"url":"area","name":"Area","description":"This demo sample for Essential JS2 Chart control shows how to render and configure the area series chart.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"00449","order":1,"component":"Chart","dir":"chart","parentId":"04"},"004410":{"url":"spline-area","name":"Spline Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the spline area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004410","order":1,"component":"Chart","dir":"chart","parentId":"04"},"004411":{"url":"step-area","name":"Step Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the step area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004411","order":1,"component":"Chart","dir":"chart","parentId":"04"},"004412":{"url":"range-area","name":"Range Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the range area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004412","order":1,"component":"Chart","dir":"chart","parentId":"04"},"004413":{"url":"stacked-area","name":"Stacked Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stacking area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004413","order":1,"component":"Chart","dir":"chart","parentId":"04"},"004414":{"url":"stacked-area-100","name":"100% Stacked Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the 100 percent stacking area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004414","order":1,"component":"Chart","dir":"chart","parentId":"04"},"004415":{"url":"area-empty","name":"Area - Empty Points","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the area series chart with empty points.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004415","order":1,"component":"Chart","dir":"chart","parentId":"04"},"004416":{"url":"area-segments","name":"Area Zone","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render the points in a particular range using MultiColoredArea series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004416","order":1,"component":"Chart","dir":"chart","parentId":"04"},"004417":{"url":"column","name":"Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004417","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004418":{"url":"rounded-column","name":"Rounded Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the rounded column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004418","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004419":{"url":"column-placement","name":"Back to Back Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the column charts.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004419","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004420":{"url":"range-column","name":"Range Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the range column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004420","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004421":{"url":"range-bar","name":"Inversed Range Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the inversed range column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004421","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004422":{"url":"bar","name":"Bar","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the bar series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004422","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004423":{"url":"stacked-column","name":"Stacked Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stacking column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004423","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004424":{"url":"stacked-column-100","name":"100% Stacked Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the 100 percent stacking column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004424","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004425":{"url":"stacked-bar","name":"Stacked Bar","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stacking bar series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004425","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004426":{"url":"stacked-bar-100","name":"100% Stacked Bar","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the 100 percent stacking bar series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004426","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004427":{"url":"tornado","name":"Negative Stack","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the bar charts.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004427","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004428":{"url":"scatter-plot","name":"Scatter Plot","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the scatter series.","category":"Scatter and Bubble","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004428","order":3,"component":"Chart","dir":"chart","parentId":"04"},"004429":{"url":"bubble","name":"Bubble","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the bubble series.","category":"Scatter and Bubble","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","pointRender"]},"uid":"004429","order":3,"component":"Chart","dir":"chart","parentId":"04"},"004430":{"url":"waterfall","name":"Waterfall","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the waterfall series.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004430","order":4,"component":"Chart","dir":"chart","parentId":"04"},"004431":{"url":"histogram","name":"Histogram","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the histogram series.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004431","order":4,"component":"Chart","dir":"chart","parentId":"04"},"004432":{"url":"box-and-whisker","name":"Box and Whisker","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the box and whisker series.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings","pointRender"]},"uid":"004432","order":4,"component":"Chart","dir":"chart","parentId":"04"},"004433":{"url":"error-bar","name":"Error Bar","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the error bars in charts.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings","pointRender"]},"uid":"004433","order":4,"component":"Chart","dir":"chart","parentId":"04"},"004434":{"url":"trend-lines","name":"Trendlines","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the trend lines in charts.","category":"Other Types","uid":"004434","order":4,"component":"Chart","dir":"chart","parentId":"04"},"004435":{"url":"hilo","name":"Hilo","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the hilo series.","category":"Stock Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004435","order":5,"component":"Chart","dir":"chart","parentId":"04"},"004436":{"url":"hilo-open-close","name":"Hilo Open Close","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the hilo open close series.","category":"Stock Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004436","order":5,"component":"Chart","dir":"chart","parentId":"04"},"004437":{"url":"candle-stick","name":"Candle Stick","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the candle series.","category":"Stock Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004437","order":5,"component":"Chart","dir":"chart","parentId":"04"},"004438":{"url":"accumulation-distribution-indicator","name":"Accumulation Distribution","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the accumulation distribution indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004438","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004439":{"url":"average-true-range-indicator","name":"ATR","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the average true range indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004439","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004440":{"url":"bollinger","name":"Bollinger","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the bollinger band type indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004440","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004441":{"url":"exponential-moving-average-indicator","name":"EMA","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the exponential moving average indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004441","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004442":{"url":"moving-average-convergence-divergence-indicator","name":"MACD","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the moving average convergence divergence indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004442","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004443":{"url":"momentum","name":"Momentum","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the momentum indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004443","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004444":{"url":"relative-strength-index-indicator","name":"RSI","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the relative strength index indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004444","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004445":{"url":"simple-moving-average-indicator","name":"SMA","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the simple moving average indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004445","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004446":{"url":"stochastic","name":"Stochastic","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stochastic indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004446","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004447":{"url":"triangular-moving-average-indicator","name":"TMA","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the triangular moving average indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004447","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004448":{"url":"multi-series-chart","name":"Multi-Series Chart","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to combine different types of charts.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004448","order":4,"component":"Chart","dir":"chart","parentId":"04"},"004449":{"url":"pareto","name":"Pareto Chart","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure pareto charts.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004449","order":4,"component":"Chart","dir":"chart","parentId":"04"},"004450":{"url":"chart-performance","name":"Chart Performance","description":"This demo for Essential JavaScript2 Chart control shows the performance when plotting large volumes of data and handling high frequency real-time data.","category":"Benchmark","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004450","order":7,"component":"Chart","dir":"chart","parentId":"04"},"004451":{"url":"default-pie","name":"Pie","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the pie charts.","category":"Accumulation Charts","type":"update","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004451","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004452":{"url":"pie-radius","name":"Pie with Various Radius","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the various radius pie chart.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004452","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004453":{"url":"donut","name":"Donut","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the doughnut charts.","category":"Accumulation Charts","type":"update","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004453","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004454":{"url":"pyramid","name":"Pyramid","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the pyramid charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004454","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004455":{"url":"funnel","name":"Funnel","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the funnel charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004455","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004456":{"url":"default-doughnut","name":"Pie with Legend","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the legends in pie charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004456","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004457":{"url":"semi-pie","name":"Semi Pie","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render semi-pie and doughnut charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004457","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004458":{"url":"smart-labels","name":"Smart Labels","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to arrange the labels smartly without overlapping with each other.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004458","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004459":{"url":"drill-down-pie","name":"Drilldown","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to achieve the drill-down concept using pie charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004459","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004460":{"url":"grouping","name":"Grouping","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to group points in pie charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004460","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004461":{"url":"pie-empty-point","name":"Empty Points","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the empty points.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004461","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004462":{"url":"polar-line","name":"Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render line in polar and radar charts.","category":"Polar Radar","uid":"004462","order":9,"component":"Chart","dir":"chart","parentId":"04"},"004463":{"url":"polar-spline","name":"Spline","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render spline in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004463","order":9,"component":"Chart","dir":"chart","parentId":"04"},"004464":{"url":"polar-area","name":"Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render area in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004464","order":9,"component":"Chart","dir":"chart","parentId":"04"},"004465":{"url":"polar-stacking-area","name":"Stacked Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render stacking area in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004465","order":9,"component":"Chart","dir":"chart","parentId":"04"},"004466":{"url":"polar-scatter","name":"Scatter","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render scatter in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004466","order":9,"component":"Chart","dir":"chart","parentId":"04"},"004467":{"url":"polar-column","name":"Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render column in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004467","order":9,"component":"Chart","dir":"chart","parentId":"04"},"004468":{"url":"polar-stacking-column","name":"Wind Rose","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render wind rose using stacking column in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004468","order":9,"component":"Chart","dir":"chart","parentId":"04"},"004469":{"url":"polar-range-column","name":"Range Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render range column in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004469","order":9,"component":"Chart","dir":"chart","parentId":"04"},"004470":{"url":"local-data","name":"Local Data","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to bind JSON data to chart.","category":"Data Binding","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","crosshair"]},"uid":"004470","order":10,"component":"Chart","dir":"chart","parentId":"04"},"004471":{"url":"remote-data","name":"Remote Data","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to consume data from remote data service.","category":"Data Binding","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004471","order":10,"component":"Chart","dir":"chart","parentId":"04"},"004472":{"url":"lazy-loading","name":"Lazy Loading","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the Lazy Loading behavior in chart.","category":"Data Binding","api":{"Chart":["primaryXAxis","primaryYAxis","series","scrollbarSettings"]},"uid":"004472","order":10,"component":"Chart","dir":"chart","parentId":"04"},"004473":{"url":"numeric","name":"Numeric Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to plot numeric data with the help of numeric axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004473","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004474":{"url":"date-time","name":"Datetime Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the date-time axis in charts.","category":"Chart Axes","uid":"004474","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004475":{"url":"date-time-category","name":"DateTime Category Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the date-time category axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004475","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004476":{"url":"category","name":"Category Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the category axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004476","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004477":{"url":"indexed-axis","name":"Indexed Category Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the indexed category axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004477","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004478":{"url":"logarithmic-scale","name":"Logarithmic Scale","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the logarithmic axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004478","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004479":{"url":"multiple-axis","name":"Multiple Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the mulitple axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004479","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004480":{"url":"inversed","name":"Inversed Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to invert the axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004480","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004481":{"url":"strip-line","name":"Strip Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the strip lines in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","stripline"]},"uid":"004481","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004482":{"url":"strip-line-recurrence","name":"Stripline Recurrence","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the strip line recurrence in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","stripline"]},"uid":"004482","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004483":{"url":"smart-axis-labels","name":"Smart Labels","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to arrange the labels smartly without overlapping with each other.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004483","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004484":{"url":"multi-level-label","name":"Multi Level Labels","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to group the axis labels .","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004484","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004485":{"url":"axes-crossing","name":"Axes Crossing","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the behaviour of the axis crossing in chart.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis"]},"uid":"004485","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004486":{"url":"sorting","name":"Sorting","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to sort the series data in chart.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004486","order":12,"component":"Chart","dir":"chart","parentId":"04"},"004487":{"url":"marker-chart","name":"Marker Chart","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the marker symbols for data points.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004487","order":12,"component":"Chart","dir":"chart","parentId":"04"},"004488":{"url":"pie-annotation","name":"Annotation","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to add more information to the chart using annotation.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","annotations"]},"uid":"004488","order":12,"component":"Chart","dir":"chart","parentId":"04"},"004489":{"url":"data-label-template","name":"DataLabel Template","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the data label template.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","textRender"]},"uid":"004489","order":12,"component":"Chart","dir":"chart","parentId":"04"},"004490":{"url":"vertical","name":"Vertical Charts","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the vertical type charts.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","isTransposed","loaded","tooltip"]},"uid":"004490","order":12,"component":"Chart","dir":"chart","parentId":"04"},"004491":{"url":"empty-point","name":"Empty Points","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the empty points.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","isTransposed","loaded","tooltip"]},"uid":"004491","order":12,"component":"Chart","dir":"chart","parentId":"04"},"004492":{"url":"print","name":"Print","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to print the entire chart.","category":"Print and Export","api":{"Chart":["primaryXAxis","primaryYAxis","series","print","chartMouseClick","pointRender"]},"uid":"004492","order":13,"component":"Chart","dir":"chart","parentId":"04"},"004493":{"url":"export","name":"Export","description":"This demo for Essential JS2 Chart control shows how to export the charts to Excel, PDF, and image formats such as SVG, JPEG, and PNG at client-side.","category":"Print and Export","api":{"Chart":["primaryXAxis","primaryYAxis","series","export","chartMouseClick","pointRender"]},"uid":"004493","order":13,"component":"Chart","dir":"chart","parentId":"04"},"004494":{"url":"selection","name":"Selection","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the selection behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","selectionMode"]},"uid":"004494","order":14,"component":"Chart","dir":"chart","parentId":"04"},"004495":{"url":"range-selection","name":"Range Selection","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the range selection in chart .","category":"User Interaction","type":"update","api":{"Chart":["primaryXAxis","primaryYAxis","series","selectionMode"]},"uid":"004495","order":14,"component":"Chart","dir":"chart","parentId":"04"},"004496":{"url":"cross-hair","name":"Crosshair","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the crosshair behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","crosshair"]},"uid":"004496","order":14,"component":"Chart","dir":"chart","parentId":"04"},"004497":{"url":"trackball","name":"Trackball","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the trackball behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004497","order":14,"component":"Chart","dir":"chart","parentId":"04"},"004498":{"url":"zooming","name":"Zooming and Panning","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the zooming and panning behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","zoomSettings"]},"uid":"004498","order":14,"component":"Chart","dir":"chart","parentId":"04"},"004499":{"url":"data-editing","name":"Data Editing","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the data editing behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004499","order":14,"component":"Chart","dir":"chart","parentId":"04"},"00550":{"url":"default","name":"Default","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with candle series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00550","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00551":{"url":"ohlc","name":"OHLC","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Hilo Open Close series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00551","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00552":{"url":"multi-pane","name":"Candlestick and volume","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with candle series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00552","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00553":{"url":"multiple-series","name":"Multiple Series","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with candle series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00553","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00554":{"url":"spline","name":"Spline","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Spline series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00554","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00555":{"url":"area","name":"Area","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Area series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00555","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00556":{"url":"spline-area","name":"Spline Area","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Spline Area series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00556","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00557":{"url":"inversed-area","name":"Inversed Area","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Area series inverted.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00557","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00558":{"url":"plot-line","name":"Plot lines","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Spline Area series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00558","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00559":{"url":"strip-line","name":"Plot band","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with strip line.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00559","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"005510":{"url":"period-customization","name":"Intraday","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with period customization.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"005510","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"005511":{"url":"disabled-navigator","name":"Hide Range Selector","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with period customization.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"005511","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"005512":{"url":"disabled-period","name":"Hide Period Selector","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with period customization.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"005512","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"005513":{"url":"stock-events","name":"Stock Events","description":"This demo for Essential JS2 Stock Chart control with stock events to highlight the special events in stock market.","category":"Stock Chart","api":{"StockChart":["stockEvents"]},"uid":"005513","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00660":{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS2 Circular Gauge control illustrates the default rendering of circular gauge.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00660","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00661":{"url":"range","name":"Range","description":"This demo for Essential JS2 Circular Gauge control illustrates how to highlight specific regions in an axis by using ranges.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00661","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00662":{"url":"labels","name":"Tick and Labels","description":"This demo for Essential JS2 Circular Gauge control shows various properties available to customize the ticks and labels of an axis.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00662","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00663":{"url":"annotation","name":"Annotation","description":"This demo for Essential JS2 Circular Gauge control illustrates a clock by using annotation feature in the gauge.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00663","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00664":{"url":"customization","name":"Gauge Customization","description":"This demo for Essential JS2 Circular Gauge control shows the properties required to customize the pointers.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00664","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00665":{"url":"semi-circular-gauge","name":"Semi-circular Gauge","category":"Circular Gauge","type":"update","uid":"00665","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00666":{"url":"arc-gauge","name":"Arc Gauge","category":"Circular Gauge","uid":"00666","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00667":{"url":"legend","name":"Legend","description":"This demo for Essential JS2 Circular Gauge control illustrates the rendering of legend in circular gauge.","category":"Circular Gauge","api":{"CircularGauge":["legendSettings"]},"type":"new","uid":"00667","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00668":{"url":"compass","name":"Direction Compass","description":"This demo for Essential JS2 Circular Gauge control illustrates how to make a direction compass by using the circular gauge.","category":"Circular Gauge","api":{"CircularGauge":["axes","axisLabelRender"]},"uid":"00668","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00669":{"url":"pointer-image","name":"Pointer Image","description":"This demo for Essential JS2 Circular Gauge control visualizes the short-put distance covered by the athletes by using the image pointer.","category":"Pointer","api":{"CircularGauge":["axes","centerY"]},"uid":"00669","order":1,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"006610":{"url":"pointer","name":"Pointer Customization","description":"This demo for Essential JS2 Circular Gauge control visualizes the different types of pointers available in the circular gauge.","category":"Pointer","api":{"CircularGauge":["axes","centerY"]},"uid":"006610","order":1,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"006611":{"url":"multiple-axis","name":"Multiple Axis","description":"This demo for Essential JS2 Circular Gauge control visualizes the circular gauge with multiple axes.","category":"Axes","api":{"CircularGauge":["axes"]},"uid":"006611","order":2,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"006612":{"url":"user-interaction","name":"Pointer Drag","description":"This demo for Essential JS2 Circular Gauge control visualizes the pointer drag support and its options.","category":"User Interaction","api":{"CircularGauge":["axes","enablePointerDrag","dragEnd","dragMove"]},"uid":"006612","order":3,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"006613":{"url":"tooltip","name":"Tooltip","description":"This demo for Essential JS2 Circular Gauge control visualizes the tooltip template for circular gauge pointer.","category":"User Interaction","api":{"CircularGauge":["axes","tooltip","tooltipRender"]},"type":"update","uid":"006613","order":3,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"006614":{"url":"data-sample","name":"Data Sample","description":"This demo for Essential JS2 Circular Gauge control demonstrates live data, along with the data grid control.","category":"Use Cases","api":{"CircularGauge":["axes"]},"uid":"006614","order":4,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"006615":{"url":"apple-watch-rings","name":"Apple Watch Rings","description":"This demo for Essential JS2 Circular Gauge control illustrates how to highlight specific regions in an axis by using ranges.","category":"Use Cases","api":{"CircularGauge":["axes"]},"uid":"006615","order":4,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"006616":{"url":"speedometer","name":"Speedometer","category":"Use Cases","api":{"CircularGauge":["axes"]},"uid":"006616","order":4,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00770":{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS2 Linear Gauge control illustrates the default rendering of linear gauge that measures the values of scales.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes"]},"uid":"00770","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},"00771":{"url":"container","name":"Container","description":"This demo for Essential JS2 Linear Gauge control demonstrates the various types of containers available in linear gauge.","category":"Linear Gauge","api":{"LinearGauge":["axes","container"]},"uid":"00771","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},"00772":{"url":"ranges","name":"Ranges","description":"This demo for Essential JS2 Linear Gauge control illustrates how to highlight specific regions in an axis by using ranges.","category":"Linear Gauge","api":{"LinearGauge":["axes"]},"uid":"00772","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},"00773":{"url":"data","name":"Data Sample","description":"This demo for Essential JS2 Linear Gauge control illustrates exercise tracking of an athlete by using ranges, pointers, and annotation features.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes"]},"uid":"00773","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},"00774":{"url":"axes","name":"Axes and Pointers","description":"This demo for Essential JS2 Linear Gauge control shows various properties available to customize the axes and pointers.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes"]},"uid":"00774","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},"00775":{"url":"annotation","name":"Annotation","description":"This demo for Essential JS2 Linear Gauge control illustrates the CPU Utilization of a resource by using annotation feature.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes","rangePalettes"]},"uid":"00775","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},"00776":{"url":"tooltip","name":"Tooltip","description":"This demo for Essential JS2 Linear Gauge control visualizes the tooltip functionality for bar pointer.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes","tooltip","tooltipRender","axisLabelRender"]},"uid":"00776","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},"00777":{"url":"style","name":"Styles","description":"This demo for Essential JS2 Linear Gauge control visualizes the available options for customization.","category":"Linear Gauge","api":{"LinearGauge":["orientation","container","axes"]},"uid":"00777","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},"00880":{"url":"default-functionalities","name":"Default Functionalities","description":"This sample visualizes the processing of an order placed using credit card with built-in flow shapes.","category":"Getting Started","uid":"00880","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00881":{"url":"shape-gallery","name":"Shapes","description":"This sample illustrates list of built-in shapes available in our JavaScript Diagram Library which includes basic shapes, flow shapes, and BPMN shapes.","category":"Getting Started","uid":"00881","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00882":{"url":"getting-started-node","name":"Nodes","description":"This sample visualizes the different stages of a software development life cycle using a circular flow diagram.","category":"Getting Started","uid":"00882","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00883":{"url":"connector","name":"Connectors","description":"This sample visualizes the data flow in a marketing process using predefined diagram shapes and connectors.","category":"Getting Started","uid":"00883","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00884":{"url":"getting-started-annotation","name":"Annotations","description":"This sample illustrates the competitive environment of a business through five forces chart and its described using nodes and annotations.","category":"Getting Started","uid":"00884","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00885":{"url":"port","name":"Ports","description":"This sample visualizes process flow of publishing a book using connection points which are static points over shapes that allow creating connections onto it.","category":"Getting Started","uid":"00885","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00886":{"url":"swimlane","name":"Swimlane","description":"This sample Different types of connectors and decorators are used to customize the appearance, path, and direction of the data flow.","category":"Getting Started","uid":"00886","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00887":{"url":"custom-shapes","name":"Complex Shapes","description":"This sample demonstrates how to host a HTML elements inside a node. In this example, a Gauge control is hosted inside a HTML Node.","category":"Getting Started","uid":"00887","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00888":{"url":"diagram-events","name":"Events","description":"This sample visualizes what are the client side events are available in our JavaScript Diagram Library.","category":"Getting Started","uid":"00888","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00889":{"url":"tooltip-Sample","name":"Tooltip","description":"This sample demonstrates how to add the extra information to the nodes and connectors and how to show the information through diagram's tooltip feature.","category":"Getting Started","uid":"00889","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"008810":{"url":"history-manager","name":"History Manager","description":"This sample Different types of connectors and decorators are used to customize the appearance, path, and direction of the data flow.","category":"Getting Started","uid":"008810","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"008811":{"url":"flow-execution","name":"Flow Execution","description":"This sample Different types of connectors and decorators are used to customize the appearance, path, and direction of the data flow.","category":"Getting Started","uid":"008811","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"008812":{"url":"line-routing","name":"Line Routing","type":"new","description":"This sample visualizes the connectors that are automatically re-routing or moving away if any shape found on the connectors path.","category":"Getting Started","uid":"008812","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"008813":{"url":"bpmn-editor","name":"BPMN Editor","description":"This sample visualizes the hotel booking reservation system and its built with ready made BPMN shapes.","category":"Use Case Diagram","uid":"008813","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},"008814":{"url":"logic-circuit","name":"Logic Circuit Diagram","description":"This sample visualizes implementation of three input Boolean functions using universal logic gates and shape for logic gates designed with diagram's path node.","category":"Use Case Diagram","uid":"008814","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},"008815":{"url":"uml-activity","name":"UML Activity Diagram","description":"This sample visually represents the hotel booking reservation system. It is built with readymade BPMN shapes.","category":"Use Case Diagram","uid":"008815","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},"008816":{"url":"network-diagram","name":"Network Diagram","description":"This sample visualizes graphical layout of a network diagram using diagram's Native(SVG) nodes feature.","category":"Use Case Diagram","uid":"008816","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},"008817":{"url":"uml-class-diagram","name":"UML Class Diagram","description":"This sample represents the hospital management system using diagram's built-in UML class diagram shapes.","category":"Use Case Diagram","uid":"008817","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},"008818":{"url":"hierarchical-model","name":"Hierarchical Tree","description":"This sample illustrates a generating hierarchical tree from right to left orientation with external data source.","category":"Automatic Layouts","uid":"008818","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},"008819":{"url":"organization-model","name":"Organizational Chart","description":"This sample illustrates a simple business management structure that is built from an external data source.","category":"Automatic Layouts","uid":"008819","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},"008820":{"url":"radial-tree","name":"Radial Tree","description":"This sample demonstrates a huge organizational structure using a compact layout model. Radial tree layout algorithm is used to build such a layout.","category":"Automatic Layouts","uid":"008820","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},"008821":{"url":"mind-map","name":"Mind Map","description":"This sample demonstrates the concept of creativity using mind map layout algorithm. User handles are used to extend the mind map interactively.","category":"Automatic Layouts","uid":"008821","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},"008822":{"url":"symmetric-layout","name":"Symmetric Layout","description":"This sample visualizes a simple network template using symmetrical layout algorithm. It uses attractive and repulsive forces.","category":"Automatic Layouts","uid":"008822","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},"008823":{"url":"complex-hierarchical-tree","name":"Complex Hierarchical Tree","description":"This sample demonstrates a complex hierarchical template that is built from an external data source using complex hierarchical tree algorithm.","category":"Automatic Layouts","uid":"008823","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},"008824":{"url":"right-to-left-tree","name":"RTL Tree","description":"This sample visualizes the concept of Artificical Intelligence using hierarchical tree layout algorithm","category":"Automatic Layouts","uid":"008824","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},"008825":{"url":"pert-chart","name":"PERT chart","description":"This sample visualizes a project development process using Program Evaluation Review Technique (PERT).","category":"Automatic Layouts","uid":"008825","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},"008826":{"url":"drawing-tool","name":"Drawing Tools","description":"This sample visualizes how to build a diagram interactively using drawing tools. Continuous draw option, snapping are enabled to easily draw diagrams.","category":"User Interaction","uid":"008826","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},"008827":{"url":"key-board-functions","name":"Keyboard Interaction","description":"This sample illustrates interaction with diagram control using shortcut keys. Command Manager support is used to manage keyboard interactions.","category":"User Interaction","uid":"008827","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},"008828":{"url":"quick-commands","name":"User Handles","description":"This sample visualizes a simple flow diagram along with options to execute the frequently used commands using user handles.","category":"User Interaction","uid":"008828","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},"008829":{"url":"symbol-palette","name":"Symbol Palette","description":"This example illustrates predefining shapes in a palette that can be easily dragged and dropped into the drawing area.","category":"User Interaction","uid":"008829","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},"008830":{"url":"overview","name":"Overview Panel","description":"This sample visualizes an organizational structure along with an overview for easily navigating the large organizational structure using Overview Panel.","category":"User Interaction","uid":"008830","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},"008831":{"url":"serialization","name":"Save and Load","description":"This sample visualizes building diagrams interactively and editing the saved diagrams. Symbol Palette is used to easily build diagrams.","category":"Print and Export","uid":"008831","order":4,"component":"Diagram","dir":"diagram","parentId":"08"},"008832":{"url":"print-export","name":"Print and Export","description":"This example shows how to print the diagram and how to export the diagram as image (*.jpg, *.png, and *bmp) and SVG format.","category":"Print and Export","uid":"008832","order":4,"component":"Diagram","dir":"diagram","parentId":"08"},"008833":{"url":"local-data","name":"Local Data","description":"This sample visualizes the classifications of species using hierarchical tree layout algorithm. Data Manager support is used to bind data with the diagram.","category":"Data Binding","uid":"008833","order":5,"component":"Diagram","dir":"diagram","parentId":"08"},"008834":{"url":"remote-data","name":"Remote Data","description":"This sample demonstrates how to bind an remote data with the diagram using the Data Manager support.","category":"Data Binding","uid":"008834","order":5,"component":"Diagram","dir":"diagram","parentId":"08"},"008835":{"url":"crud","name":"CRUD","description":"This sample demonstrates generating a diagram by reading data from the database, and updating it with new inserted/updated/deleted objects through web services.","category":"Data Binding","uid":"008835","order":5,"component":"Diagram","dir":"diagram","parentId":"08"},"008836":{"url":"venn-diagram","name":"Venn Diagram","description":"This sample visually represents the hotel booking reservation system. It is built with readymade BPMN shapes.","category":"Static Diagram","uid":"008836","order":6,"component":"Diagram","dir":"diagram","parentId":"08"},"008837":{"url":"fishbone-diagram","name":"Fishbone Diagram","description":"This sample visually represents a simple fishbone diagram (Ishikawa). Diagram nodes and annotations are used to define fishbone diagrams.","category":"Static Diagram","uid":"008837","order":6,"component":"Diagram","dir":"diagram","parentId":"08"},"00990":{"url":"default","name":"Default Functionalities","category":"Heatmap Chart","description":"This demo for Essential JS2 Heatmap control shows the heat map control displayed with minimum configuration.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource"]},"uid":"00990","order":0,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00991":{"url":"calendar-heatmap","name":"Calendar Heatmap","category":"Heatmap Chart","description":"This demo for Essential JS2 Heatmap control for displays the time series data and displays the axis labels at specific time interval.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00991","order":0,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00992":{"url":"bubble-types","name":"Bubble Types","category":"Bubble Heatmap","description":"This demo for Essential JS2 Heatmap control shows Size, Color and SizeAndColor bubble heat map type.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00992","order":1,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00993":{"url":"color-and-size-attributes","name":"Color and Size Attributes","category":"Bubble Heatmap","description":"This demo for Essential JS2 Heatmap control shows how to bind the multiple data to bubble type heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00993","order":1,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00994":{"url":"array-row","name":"Row","category":"Data Binding","description":"This demo for Essential JS2 Heatmap control demonstrates how to bind the data to heat map with series of array for each columns.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","paletteSettings","legendSettings"]},"uid":"00994","order":2,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00995":{"url":"array-cell","name":"Cell","category":"Data Binding","description":"This demo for Essential JS2 Heatmap control demonstrates how to bind the array data with values for each cell to heatmap.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00995","order":2,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00996":{"url":"row-json-binding","name":"JSON Row","category":"Data Binding","description":"This demo for Essential JS2 Heatmap control demonstrates how to bind the JSON object with data for each columns to heatmap.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","paletteSettings","cellSettings"]},"uid":"00996","order":2,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00997":{"url":"cell-json-binding","name":"JSON Cell","category":"Data Binding","description":"This demo for Essential JS2 Heatmap control demonstrates how to bind the JSON object with data for each cell to heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings"]},"uid":"00997","order":2,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00998":{"url":"empty-points","name":"Empty Points","category":"Features","description":"This demo for Essential JS2 Heatmap control shows the usage of empty points or null points in heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00998","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00999":{"url":"inversed","name":"Inversed Axis","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to inverse the both x-axis and y-axis in heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00999","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"009910":{"url":"opposed","name":"Opposed Axis","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to place the axis opposite to the default position in heatmap.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","legendSettings"]},"uid":"009910","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"009911":{"url":"multi-level-labels","name":"Multi Level Labels","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to group the axis labels with multiple levels.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","legendSettings"]},"uid":"009911","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"009912":{"url":"cell-selection","name":"Selection","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to select and deselect the heat map cell using mouse and touch action.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","allowSelection"]},"uid":"009912","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"009913":{"url":"legend","name":"Legend Placement","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to place the heatmap legend in different positions.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"009913","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"009914":{"url":"large-data","name":"Large Data","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to bind the large data in heat map using canvas rendering mode.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","renderingMode","cellSettings","paletteSettings","legendSettings"]},"uid":"009914","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"009915":{"url":"palette","name":"Palette Mode","category":"Features","description":"This demo for Essential JS2 Heatmap control demonstrates applying gradient colors or solid colors for the heatmap cells.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"009915","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"009916":{"url":"render-mode","name":"Rendering mode","category":"Features","description":"This demo for Essential JS2 Heatmap shows switching the rendering mode of the heatmap cells between SVG and canvas rendering logics.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","renderingMode","cellSettings","paletteSettings","legendSettings"]},"uid":"009916","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"009917":{"url":"tooltip-template","name":"Tooltip Template","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to customize the tool tip text using template support in heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"009917","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"0010100":{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS2 Maps control visualizes the continents in the world by rendering those in a map layer.","category":"Maps","api":{"Maps":["titleSettings","zoomSettings","legendSettings","layers"]},"sourceFiles":[{"displayName":"default.html","path":"src/maps/default.html"},{"displayName":"default.ts","path":"src/maps/default.ts"},{"displayName":"default-datasource.json","path":"src/maps/map-data/default-datasource.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010100","order":0,"component":"Maps","dir":"maps","parentId":"010"},"0010101":{"url":"projection","name":"Projection","description":"This demo for Essential JS2 Maps control shows the details of permanent and non-permanent countries in the UN Security Council, in 2017.","category":"Features","api":{"Maps":["titleSettings","legendSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"projection.html","path":"src/maps/projection.html"},{"displayName":"projection.ts","path":"src/maps/projection.ts"},{"displayName":"projection-datasource.json","path":"src/maps/map-data/projection-datasource.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010101","order":1,"component":"Maps","dir":"maps","parentId":"010"},"0010102":{"url":"multilayer","name":"Multi-layers","description":"This demo for Essential JS2 Maps control depicts the layer along with sublayers for California and Texas.","category":"Features","api":{"Maps":["titleSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"multilayer.html","path":"src/maps/multilayer.html"},{"displayName":"multilayer.ts","path":"src/maps/multilayer.ts"},{"displayName":"usa.json","path":"src/maps/map-data/usa.json"},{"displayName":"texas.json","path":"src/maps/map-data/texas.json"},{"displayName":"california.json","path":"src/maps/map-data/california.json"}],"uid":"0010102","order":1,"component":"Maps","dir":"maps","parentId":"010"},"0010103":{"url":"marker","name":"Marker","description":"This demo for Essential JS2 Maps control shows the top 25 populated cities in the world by displaying the markers in their locations.","category":"Features","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"marker.html","path":"src/maps/marker.html"},{"displayName":"marker.ts","path":"src/maps/marker.ts"},{"displayName":"marker-location.json","path":"src/maps/map-data/top-location.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010103","order":1,"component":"Maps","dir":"maps","parentId":"010"},"0010104":{"url":"marker-template","name":"Marker template","description":"This demo for Essential JS2 Maps control indicates the temperature of various cities of Australia in marker templates.","category":"Features","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"marker-template.html","path":"src/maps/marker-template.html"},{"displayName":"marker-template.ts","path":"src/maps/marker-template.ts"},{"displayName":"australia.json","path":"src/maps/map-data/australia.json"}],"uid":"0010104","order":1,"component":"Maps","dir":"maps","parentId":"010"},"0010105":{"url":"marker-cluster","name":"Marker clustering","description":"This demo for Essential JS2 Maps control indicates the create the marker cluster in more than one marker intersect","category":"Features","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"marker-cluster.html","path":"src/maps/marker-cluster.html"},{"displayName":"marker-cluster.ts","path":"src/maps/marker-cluster.ts"},{"displayName":"marker-cluster.json","path":"src/maps/map-data/marker-cluster.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010105","order":1,"component":"Maps","dir":"maps","parentId":"010"},"0010106":{"url":"data-label","name":"Labels","description":"This demo for Essential JS2 Maps control shows the names of all the states in USA in data label. Intersect action and smart labels mode can be changed.","category":"Features","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"data-label.html","path":"src/maps/data-label.html"},{"displayName":"data-label.ts","path":"src/maps/data-label.ts"},{"displayName":"usa.json","path":"src/maps/map-data/usa.json"}],"uid":"0010106","order":1,"component":"Maps","dir":"maps","parentId":"010"},"0010107":{"url":"bubble","name":"Bubble","description":"This demo for Essential JS2 Maps control illustrates the top 30 countries which has highest Internet users in bubbles of the year 2016.","category":"Features","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"bubble.html","path":"src/maps/bubble.html"},{"displayName":"bubble.ts","path":"src/maps/bubble.ts"},{"displayName":"population-data.ts","path":"src/maps/map-data/population-data.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010107","order":1,"component":"Maps","dir":"maps","parentId":"010"},"0010108":{"url":"navigation-line","name":"Navigation Lines","description":"This demo for Essential JS2 Maps control illustrates the sea routes between various cities for shipping.","category":"Features","api":{"Maps":["titleSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"navigation-line.html","path":"src/maps/navigation-line.html"},{"displayName":"navigation-line.ts","path":"src/maps/navigation-line.ts"},{"displayName":"map-location.json","path":"src/maps/map-data/map-location.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010108","order":1,"component":"Maps","dir":"maps","parentId":"010"},"0010109":{"url":"legend","name":"Legend","description":"This demo for Essential JS2 Maps control visualizes grouping of countries in the legend based on its population density.","category":"Features","type":"update","api":{"Maps":["zoomSettings","titleSettings","legendSettings","layers"]},"sourceFiles":[{"displayName":"legend.html","path":"src/maps/legend.html"},{"displayName":"legend.ts","path":"src/maps/legend.ts"},{"displayName":"legend-datasource.json","path":"src/maps/map-data/legend-datasource.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010109","order":1,"component":"Maps","dir":"maps","parentId":"010"},"00101010":{"url":"color-mapping","name":"Color Mapping","description":"This sample shows the average amount of rainfall and snowfall in spring season of all the states in US. Color mapping is applied to the shapes.","category":"Features","api":{},"sourceFiles":[{"displayName":"color-mapping.html","path":"src/maps/color-mapping.html"},{"displayName":"color-mapping.ts","path":"src/maps/color-mapping.ts"},{"displayName":"color-mapping.json","path":"src/maps/map-data/color-mapping.json"}],"uid":"00101010","order":1,"component":"Maps","dir":"maps","parentId":"010"},"00101011":{"url":"annotation","name":"Annotations","description":"This demo for Essential JS2 Maps control depicts the facts about Africa continent and a direction compass in an annotation.","category":"Features","api":{"Maps":["zoomSettings","annotations","layers"]},"sourceFiles":[{"displayName":"annotation.html","path":"src/maps/annotation.html"},{"displayName":"annotation.ts","path":"src/maps/annotation.ts"},{"displayName":"africa-continent.json","path":"src/maps/map-data/africa-continent.json"}],"uid":"00101011","order":1,"component":"Maps","dir":"maps","parentId":"010"},"00101012":{"url":"osm","name":"OpenStreetMap","category":"Map Providers","sourceFiles":[{"displayName":"osm.html","path":"src/maps/osm.html"},{"displayName":"osm.ts","path":"src/maps/osm.ts"}],"uid":"00101012","order":2,"component":"Maps","dir":"maps","parentId":"010"},"00101013":{"url":"osm-with-navigation-lines","name":"OSM with Navigation Lines","category":"Map Providers","sourceFiles":[{"displayName":"osm-navigationlines.html","path":"src/maps/osm-with-navigation-lines.html"},{"displayName":"osm-navigationlines.ts","path":"src/maps/osm-with-navigation-lines.ts"}],"uid":"00101013","order":2,"component":"Maps","dir":"maps","parentId":"010"},"00101014":{"url":"osm-with-sublayers","name":"OSM with Sublayer","category":"Map Providers","sourceFiles":[{"displayName":"osm-sublayers.html","path":"src/maps/osm-with-sublayers.html"},{"displayName":"osm-sublayers.ts","path":"src/maps/osm-with-sublayers.ts"},{"displayName":"africa.json","path":"src/maps/map-data/africa.json"}],"uid":"00101014","order":2,"component":"Maps","dir":"maps","parentId":"010"},"00101015":{"url":"tooltip","name":"Tooltip","description":"This demo for Essential JS2 Maps control depicts the countries that were appeared in the finals of Cricket World Cup and their counts.","category":"User Interaction","api":{"Maps":["titleSettings","zoomSettings","legendSettings","layers"]},"sourceFiles":[{"displayName":"tooltip-datasource.html","path":"src/maps/tooltip.html"},{"displayName":"tooltip-datasource.ts","path":"src/maps/tooltip.ts"},{"displayName":"tooltip-datasource.json","path":"src/maps/map-data/tooltip-datasource.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101015","order":3,"component":"Maps","dir":"maps","parentId":"010"},"00101016":{"url":"selection","name":"Selection & Highlight","description":"This demo for Essential JS2 Maps control visualizes USA president election results in the year 2016. Default and interactive are the two types of legend.","category":"User Interaction","api":{"Maps":["titleSettings","legendSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"selection.html","path":"src/maps/selection.html"},{"displayName":"selection.ts","path":"src/maps/selection.ts"},{"displayName":"selection-datasource.json","path":"src/maps/map-data/selection-datasource.json"},{"displayName":"usa.json","path":"src/maps/map-data/usa.json"}],"uid":"00101016","order":3,"component":"Maps","dir":"maps","parentId":"010"},"00101017":{"url":"zooming","name":"Zooming & Panning","description":"This demo for Essential JS2 Maps control depicts the properties required to zoom and pan the rendered map.","category":"User Interaction","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"zooming.html","path":"src/maps/zooming.html"},{"displayName":"zooming.ts","path":"src/maps/zooming.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"},{"displayName":"zooming-datasource.json","path":"src/maps/map-data/zooming-datasource.json"}],"uid":"00101017","order":3,"component":"Maps","dir":"maps","parentId":"010"},"00101018":{"url":"drilldown","name":"Drill Down","description":"This demo for Essential JS2 Maps control demonstrates drill down with all the continents in the initial view and countries on drill.","category":"User Interaction","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"drilldown.html","path":"src/maps/drilldown.html"},{"displayName":"drilldown.ts","path":"src/maps/drilldown.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"},{"displayName":"africa.json","path":"src/maps/map-data/africa.json"},{"displayName":"europe.json","path":"src/maps/map-data/europe.json"},{"displayName":"asia.json","path":"src/maps/map-data/asia.json"},{"displayName":"north-america.json","path":"src/maps/map-data/north-america.json"},{"displayName":"south-america.json","path":"src/maps/map-data/south-america.json"},{"displayName":"oceania.json","path":"src/maps/map-data/oceania.json"}],"uid":"00101018","order":3,"component":"Maps","dir":"maps","parentId":"010"},"00101019":{"url":"print","name":"Print","description":"This demo for Essential JS2 Maps control illustrates the printing functionality in the maps control.","category":"Print and Export","api":{"Maps":["titleSettings","legendSettings","layers"]},"sourceFiles":[{"displayName":"print.html","path":"src/maps/print.html"},{"displayName":"print.ts","path":"src/maps/print.ts"},{"displayName":"print-datasource.json","path":"src/maps/map-data/print-datasource.json"},{"displayName":"usa.json","path":"src/maps/map-data/usa.json"}],"uid":"00101019","order":4,"component":"Maps","dir":"maps","parentId":"010"},"00101020":{"url":"export","name":"Export","description":"This demo for Essential JS2 Maps control illustrates the exporting functionality in the maps control.","category":"Print and Export","api":{"Maps":["titleSettings","layers"]},"sourceFiles":[{"displayName":"export.html","path":"src/maps/export.html"},{"displayName":"export.ts","path":"src/maps/export.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101020","order":4,"component":"Maps","dir":"maps","parentId":"010"},"00101021":{"url":"heat-map","name":"Heat Map","description":"This demo for Essential JS2 Maps control visualizes the state wise population of India in the year 2011. Color for states will be applied based on its value.","category":"Use Cases","api":{"Maps":["titleSettings","legendSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"heat-map.html","path":"src/maps/heat-map.html"},{"displayName":"heat-map.ts","path":"src/maps/heat-map.ts"},{"displayName":"heatmap-datasource.json","path":"src/maps/map-data/heatmap-datasource.json"},{"displayName":"india.json","path":"src/maps/map-data/india.json"}],"uid":"00101021","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101022":{"url":"curved-lines","name":"Flight routes","description":"This demo for Essential JS2 Maps control demonstrates the flight routes from India to China using navigation lines feature.","category":"Use Cases","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"curved-lines.html","path":"src/maps/curved-lines.html"},{"displayName":"curved-lines.ts","path":"src/maps/curved-lines.ts"},{"displayName":"marker-location.json","path":"src/maps/map-data/marker-location.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101022","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101023":{"url":"earthquake","name":"Earthquake indication","description":"This demo for Essential JS2 Maps control demonstrates the earth quack occurred in Sumatra, Indonesia in the year 2009.","category":"Use Cases","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"earthquake.html","path":"src/maps/earthquake.html"},{"displayName":"earthquake.ts","path":"src/maps/earthquake.ts"},{"displayName":"asia.json","path":"src/maps/map-data/asia.json"}],"uid":"00101023","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101024":{"url":"highlighted-region","name":"Highlighted region","description":"This demo for Essential JS2 Maps control depicts the ATM populated areas in Oklahoma by highlighting the regions.","category":"Use Cases","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"highlighted-region.html","path":"src/maps/highlighted-region.html"},{"displayName":"highlighted-region.ts","path":"src/maps/highlighted-region.ts"},{"displayName":"oklahoma.json","path":"src/maps/map-data/oklahoma.json"}],"uid":"00101024","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101025":{"url":"cyber-attack-map","name":"Cyber Attack Map","description":"This demo for Essential JS2 Maps control visualizes the cyber attack map, which displays the cyber attacks and threats from various countries to USA.","category":"Use Cases","api":{"Maps":["layers"]},"sourceFiles":[{"displayName":"cyber-attack-map.html","path":"src/maps/cyber-attack-map.html"},{"displayName":"cyber-attack-map.ts","path":"src/maps/cyber-attack-map.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101025","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101026":{"url":"dynamic-marker","name":"Dynamic markers","description":"This demo for Essential JS2 Maps control visualizes the dynamically added the marker and navigation line.","category":"Use Cases","api":{"Maps":["layers","markerSetting","navigationLineSettings","click"]},"sourceFiles":[{"displayName":"dynamic-marker.html","path":"src/maps/dynamic-marker.html"},{"displayName":"dynamic-marker.ts","path":"src/maps/dynamic-marker.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101026","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101027":{"url":"pie","name":"Map with Pie chart","description":"This demo for Essential JS2 Maps control visualizes the placing of pie charts on the maps using marker templates.","category":"Use Cases","api":{"Maps":["titleSettings","legendSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"pie.html","path":"src/maps/pie.html"},{"displayName":"pie.ts","path":"src/maps/pie.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101027","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101028":{"url":"map-with-slider","name":"Map with Slider","description":"This demo for Essential JS2 Maps control demonstrates the rendering of normal geometry type shapes on the map.","category":"Use Cases","api":{},"sourceFiles":[{"displayName":"map-with-slider.html","path":"src/maps/map-with-slider.html"},{"displayName":"map-with-slider.ts","path":"src/maps/map-with-slider.ts"},{"displayName":"population-growth.json","path":"src/maps/map-data/population-growth.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101028","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101029":{"url":"seat-selection","name":"Bus seat booking","description":"This demo for Essential JS2 Maps control demonstrates the rendering of normal geometry type shapes on the map.","category":"Use Cases","api":{},"sourceFiles":[{"displayName":"seat-selection.html","path":"src/maps/seat-selection.html"},{"displayName":"seat-selection.ts","path":"src/maps/seat-selection.ts"},{"displayName":"seat.json","path":"src/maps/map-data/seat.json"}],"uid":"00101029","order":5,"component":"Maps","dir":"maps","parentId":"010"},"0011110":{"url":"default","name":"Default","description":"This demo for Essential JS2 Range Navigator control shows the default rendering of range navigator with range area series.","category":"Range Selector","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"0011110","order":0,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011111":{"url":"light-weight","name":"Lightweight","description":"This demo for Essential JS2 Range Navigator control shows the rendering of light-weight range navigator.","category":"Range Selector","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011111","order":0,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011112":{"url":"date-time","name":"DateTime","description":"This demo for Essential JS2 Range Navigator control shows how to plot date-time values in range navigator.","category":"Axis","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"0011112","order":1,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011113":{"url":"double","name":"Numeric Axis","description":"This demo for Essential JS2 Range Navigator control shows how to plot numeric data values in the range navigator.","category":"Axis","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011113","order":1,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011114":{"url":"logarithmic","name":"Logarithmic Axis","description":"This demo for Essential JS2 Range Navigator control shows how to visualize the logarithmic scale when data has wide range of values.","category":"Axis","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011114","order":1,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011115":{"url":"multilevel","name":"Multilevel Labels","description":"This demo for Essential JS2 Range Navigator control shows how to display the second level labels in range navigator.","category":"Axis","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011115","order":1,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011116":{"url":"period-selector","name":"Default","description":"This demo for Essential JS2 Range Navigator control shows how to display the period selector for a range with specified periods.","category":"Period Selector","api":{"RangeNavigator":["PeriodSelector","series","intervalType"]},"uid":"0011116","order":2,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011117":{"url":"period-selector-stocks","name":"Stock Chart","description":"This demo for Essential JS2 Range Navigator control shows how to render the stock charts with specified periods using period selector.","category":"Period Selector","api":{"RangeNavigator":["PeriodSelector","series","intervalType"]},"uid":"0011117","order":2,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011118":{"url":"empty-data","name":"Empty Points","description":"This demo for Essential JS2 Range Navigator control shows how to render the empty points in the range navigator.","category":"Customization","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011118","order":3,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011119":{"url":"filter","name":"Filter","description":"This demo for Essential JS2 Range Navigator control shows how to bind the filtered values of the range navigator to grid control.","category":"Customization","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"0011119","order":3,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"00111110":{"url":"export","name":"Print and Export","description":"This demo for Essential JS2 Range Navigator control shows how to print the charts and export the chart contents to various formats at client-side.","category":"Export","api":{"RangeNavigator":["valueType","series","export"]},"uid":"00111110","order":4,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"00111111":{"url":"right-to-left","name":"RTL","description":"This demo for Essential JS2 Range Navigator control shows how to invert an axis in the range navigator.","category":"RTL","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"00111111","order":5,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0012120":{"url":"default","name":"Default","description":"This demo for Essential JS2 Smith Chart control visualizes two transmissions. Impedance and admittance are the two types of rendering in smith chart.","category":"Smith Chart","api":{},"uid":"0012120","order":0,"component":"Smith Chart","dir":"smith-chart","parentId":"012"},"0012121":{"url":"custom","name":"Customization","description":"This demo for Essential JS2 Smith Chart control visualizes the properties required to render the smith chart.","category":"Smith Chart","api":{},"uid":"0012121","order":0,"component":"Smith Chart","dir":"smith-chart","parentId":"012"},"0012122":{"url":"print-export","name":"Print and Export","description":"This demo for Essential JS2 Smith Chart control explores the exporting and printing functionality of smith chart.","category":"Smith Chart","api":{},"uid":"0012122","order":0,"component":"Smith Chart","dir":"smith-chart","parentId":"012"},"0013130":{"url":"ean8","name":"EAN-8","description":"This sample visualizes the 8-digit Global Trade Identification Numbers. It was introduced for use on small packages where an EAN-8 barcode would be too large.","category":"Getting Started","uid":"0013130","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013131":{"url":"code128","name":"Code 128","description":"This sample visualizes a barcode image that presents alphanumeric combinations and it consist of start character, data digits etc.","category":"Getting Started","uid":"0013131","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013132":{"url":"code128A","name":"Code 128A","description":"This sample visualizes a barcode image that presents information with a combination of numbers, and control characters such as tab and new line.","category":"Getting Started","uid":"0013132","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013133":{"url":"code128B","name":"Code 128B","description":"This sample visualizes a barcode image that presents information with a combination of numbers, and control characters such as tab and new line.","category":"Getting Started","uid":"0013133","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013134":{"url":"code128C","name":"Code 128C","description":"This sample visualizes a barcode image that presents information with a combination of numbers, uppercase and lowercase letters, and some additional characters.","category":"Getting Started","uid":"0013134","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013135":{"url":"code93","name":"Code 93","description":"This sample has a native character set of 26 uppercase letters, 10 digits, and 7 special characters.","category":"Getting Started","uid":"0013135","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013136":{"url":"code32","name":"Code 32","description":"This sample visualizes the pharmaceutical code that encodes numeric data in a compressed format and supports all numeric digits and all uppercase letters","category":"Getting Started","uid":"0013136","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013137":{"url":"codabar","name":"Codabar","description":"This sample visualizes a barcode that is designed to be accurately read even when printed with dot matrix printers.","category":"Getting Started","uid":"0013137","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013138":{"url":"ean13","name":"EAN-13","description":"This sample visualizes the 13-digit Global Trade Identification Numbers.It comprises of 13 digits such as manufacturer code, product code etc","category":"Getting Started","uid":"0013138","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013139":{"url":"upca","name":"UPC-A","description":"A UPC-A barcode consists of four areas: number system, manufacturer code, product code, and check digit","category":"Getting Started","uid":"0013139","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"00131310":{"url":"upce","name":"UPC-E","description":"This sample visualizes a product package identification number consist of 6 digits. It is mainly used for scanning products in small packages","category":"Getting Started","uid":"00131310","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"00131311":{"url":"code39","name":"Code39","description":"visualizes Code 39, a self-checking barcode symbology that consists of uppercase letters, and several special characters.","category":"Getting Started","uid":"00131311","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"00131312":{"url":"code39Extd","name":"Code 39 Extended","description":"This sample visualizes the model number of an item in the automotive industry.It supports both standard and extended Code 39 barcodes","category":"Getting Started","uid":"00131312","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"00131313":{"url":"qrcode","name":"QR Code","description":"This sample displays a machine-readable optical label that contains information about the item to which it is attached.","category":"Getting Started","uid":"00131313","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"00131314":{"url":"datamatrix","name":"Data Matrix","description":"This example shows how to display encoded text or numerical values as the label using the Barcode component","category":"Getting Started","uid":"00131314","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0014140":{"url":"default","name":"Default","description":"This demo for Essential JS2 Sparkline control visualizes population, population density, population growth rate, and birth rate of various countries.","category":"Sparkline Charts","api":{},"uid":"0014140","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},"0014141":{"url":"series-types","name":"Series Types","description":"This demo for Essential JS2 Sparkline control depicts the various series types available in the sparkline.","category":"Sparkline Charts","api":{},"uid":"0014141","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},"0014142":{"url":"axis-types","name":"Axis value types","description":"This demo for Essential JS2 Sparkline control depicts the various axis types available in the sparkline.","category":"Sparkline Charts","api":{},"uid":"0014142","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},"0014143":{"url":"spark-grid","name":"Sparkline in Grid","description":"This demo for Essential JS2 Sparkline control demonstrates rendering sparklines in the data grid control.","category":"Sparkline Charts","api":{},"uid":"0014143","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},"0014144":{"url":"customization","name":"Customization","description":"This demo for Essential JS2 Sparkline control depicts the properties required to customize the sparkline.","category":"Sparkline Charts","api":{},"uid":"0014144","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},"0014145":{"url":"live-update","name":"Live Update","description":"This demo for Essential JS2 Sparkline control depicts the task manager with live data update for sparklines.","category":"Sparkline Charts","api":{},"uid":"0014145","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},"0014146":{"url":"range-band","name":"Range Band","description":"This demo for Essential JS2 Sparkline control depicts the range band feature and its customization options.","category":"Sparkline Charts","api":{},"uid":"0014146","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},"0015150":{"url":"default","name":"Default Functionalities","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"default.html","path":"src/treemap/default.html"},{"displayName":"default.ts","path":"src/treemap/default.ts"},{"displayName":"car-sales.json","path":"src/treemap/treemap-data/car-sales.json"}],"uid":"0015150","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015151":{"url":"layout","name":"Layout","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"layout.html","path":"src/treemap/layout.html"},{"displayName":"layout.ts","path":"src/treemap/layout.ts"},{"displayName":"econmics.json","path":"src/treemap/treemap-data/econmics.json"}],"uid":"0015151","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015152":{"url":"drilldown","name":"Drilldown","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"drilldown.html","path":"src/treemap/drilldown.html"},{"displayName":"drilldown.ts","path":"src/treemap/drilldown.ts"},{"displayName":"drilldown-sample.json","path":"src/treemap/treemap-data/drilldown-sample.json"}],"uid":"0015152","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015153":{"url":"customization","name":"Customization","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"customization.html","path":"src/treemap/customization.html"},{"displayName":"customization.ts","path":"src/treemap/customization.ts"},{"displayName":"metal.json","path":"src/treemap/treemap-data/metal.json"}],"uid":"0015153","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015154":{"url":"label","name":"Data Label","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"label.html","path":"src/treemap/label.html"},{"displayName":"label.ts","path":"src/treemap/label.ts"},{"displayName":"country-population.json","path":"src/treemap/treemap-data/country-population.json"}],"uid":"0015154","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015155":{"url":"tooltip","name":"Tooltip","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"tooltip.html","path":"src/treemap/tooltip.html"},{"displayName":"tooltip.ts","path":"src/treemap/tooltip.ts"},{"displayName":"airport-count.json","path":"src/treemap/treemap-data/airport-count.json"}],"uid":"0015155","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015156":{"url":"election","name":"Legend","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"election.html","path":"src/treemap/election.html"},{"displayName":"election.ts","path":"src/treemap/election.ts"},{"displayName":"election-data.json","path":"src/treemap/treemap-data/election-data.json"}],"uid":"0015156","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015157":{"url":"color-mapping","name":"Color Mapping","description":"This demo for Essential JS2 TreeMap control visualizes the population level of various continents in 2011 based on the gender and age group.","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"color-mapping.html","path":"src/treemap/color-mapping.html"},{"displayName":"color-mapping.ts","path":"src/treemap/color-mapping.ts"},{"displayName":"largest-population-city.ts","path":"src/treemap/treemap-data/color.json"}],"uid":"0015157","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015158":{"url":"selection","name":"Selection & Highlight","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"selection.html","path":"src/treemap/selection.html"},{"displayName":"selection.ts","path":"src/treemap/selection.ts"},{"displayName":"import.json","path":"src/treemap/treemap-data/import.json"}],"uid":"0015158","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015159":{"url":"print","name":"Print & Export","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"print.html","path":"src/treemap/print.html"},{"displayName":"print.ts","path":"src/treemap/print.ts"},{"displayName":"product.json","path":"src/treemap/treemap-data/product.json"}],"uid":"0015159","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"00151510":{"url":"pie","name":"TreeMap with Pie","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"pie.html","path":"src/treemap/pie.html"},{"displayName":"pie.ts","path":"src/treemap/pie.ts"},{"displayName":"continent_data.json","path":"src/treemap/treemap-data/continent_data.json"}],"uid":"00151510","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"00151511":{"url":"rtl","name":"RTL","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"rtl.html","path":"src/treemap/rtl.html"},{"displayName":"rtl.ts","path":"src/treemap/rtl.ts"},{"displayName":"rtl-data.json","path":"src/treemap/treemap-data/rtl-data.json"}],"uid":"00151511","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0016160":{"url":"tools","name":"Overview","type":"update","description":"This demo shows the overview of an HTML and markdown editor using Syncfusion JavaScript rich text editor control.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","toolbarSettings","showCharCount","actionBegin","actionComplete","maxLength","appendTo"],"ToolbarSettings":["items"]},"uid":"0016160","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"0016161":{"url":"rich-text-editor","name":"Default Functionalities","description":"This demo for Syncfusion JavaScript rich text editor control shows the default rendering with minimum configuration.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","appendTo"]},"uid":"0016161","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"0016162":{"url":"image","name":"Image","type":"update","description":"The demo for Syncfusion JavaScript rich text editor control shows the option to insert images with image caption and link URLs to the images.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","quickToolbarSettings","toolbarClick","appendTo","getRange"],"QuickToolbarSettings":["image"]},"uid":"0016162","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"0016163":{"url":"inline","name":"Inline","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates on how to activate the editor on demand while editing the content.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","inlineMode","toolbarSettings","format","fontFamily","appendTo","dataBind"],"InlineMode":["enable","onSelection"],"ToolbarSettings":["items"],"Format":["width"],"FontFamily":["width"]},"uid":"0016163","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"0016164":{"url":"paste-cleanup","name":"Paste from MS Word","type":"update","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates on paste cleanup feature while pasting the content.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","pasteCleanupSettings","appendTo"],"PasteCleanupSettings":["prompt","plainText","keepFormat","deniedTags","deniedAttrs","allowedStyleProps"]},"uid":"0016164","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"0016165":{"url":"iframe","name":"IFrame","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates the default rendering of the rich text editor in iframe mode.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","height","iframeSettings","toolbarSettings","actionBegin","actionComplete","appendTo"],"IFrameSettings":["enable"],"ToolbarSettings":["items"]},"uid":"0016165","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"0016166":{"url":"print","name":"Print","description":"This demo for Syncfusion JavaScript rich text editor control shows how to print the content of the editor with its styles.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","toolbarSettings","print","appendTo"],"ToolbarSettings":["items"]},"uid":"0016166","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"0016167":{"url":"ajax-load","name":"Ajax Content","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates how to load content to the editor from an external source using Ajax library.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","value","appendTo"]},"uid":"0016167","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"0016168":{"url":"form-validation","name":"Form Validation","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates the HTML forms support on the rich text editor control.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","showCharCount","maxLength","placeholder","appendTo"]},"uid":"0016168","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"0016169":{"url":"resize-editor","name":"Resizable Editor","type":"new","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates the resizable support on the rich text editor control.","category":"Rich Text Editor","api":{"RichTextEditor":["enableResize","appendTo"]},"uid":"0016169","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"00161610":{"url":"api","name":"API","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates the usage of API in rich text editor control.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","showCharCount","maxLength","appendTo","readonly","enabled","enableHtmlEncode","value","getSelection","selectAll"]},"uid":"00161610","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"00161611":{"url":"client-side-events","name":"Events","type":"update","description":"This demo for Syncfusion JavaScript rich text editor control shows the events that have been triggered during the rich text editor operations.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","toolbarSettings","created","actionBegin","actionComplete","focus","blur","change","toolbarClick","appendTo"],"ToolbarSettings":["items"]},"uid":"00161611","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"00161612":{"url":"blog-posting","name":"Use Case","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates how to design forum application using rich text editor.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","placeholder","value","dataBind","refresh","appendTo"]},"uid":"00161612","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"00161613":{"url":"auto-save","name":"Auto Save","type":"new","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates how to design forum application using rich text editor.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","placeholder","enablePersistance","saveInterval","toolbarSettings","appendTo"]},"uid":"00161613","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"00161614":{"url":"types","name":"Type","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates the different behavior of toolbar support in the rich text editor.","category":"Toolbar","api":{"RichTextEditor":["Inject","floatingToolbarOffset","toolbarSettings","actionBegin","actionComplete","dataBind","appendTo"],"ToolbarSettings":["items","type","enableFloating"]},"uid":"00161614","order":1,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"00161615":{"url":"insert-emoticons","name":"Insert Emoticons","description":"This demo for Syncfusion JavaScript rich text editor control shows the users to add their emoticons to the toolbar along with the built-in commands.","category":"Custom Tool","api":{"RichTextEditor":["Inject","toolbarSettings","value","created","appendTo"],"ToolbarSettings":["items"]},"uid":"00161615","order":2,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"00161616":{"url":"insert-special-characters","name":"Insert Special Characters","description":"This demo for Syncfusion JavaScript rich text editor control shows the users to add their commands to the toolbar along with the built-in commands.","category":"Custom Tool","api":{"RichTextEditor":["Inject","toolbarSettings","value","created","appendTo"],"ToolbarSettings":["items"]},"uid":"00161616","order":2,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"00161617":{"url":"markdown-editor","name":"Overview","type":"update","description":"This demo for Syncfusion JavaScript rich text editor control shows the markdown editing in the rich text editor with complete features.","category":"Markdown","api":{"RichTextEditor":["Inject","toolbarSettings","height","created","disableToolbarItem","enableToolbarItem","editorMode","appendTo"],"ToolbarSettings":["items"]},"uid":"00161617","order":3,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"00161618":{"url":"markdown-editor-preview","name":"Preview","description":"This demo for Syncfusion JavaScript rich text editor control shows the users to switch between editing content and its visual preview in Markdown Editor.","category":"Markdown","api":{"RichTextEditor":["Inject","toolbarSettings","height","created","disableToolbarItem","enableToolbarItem","editorMode","actionBegin","appendTo"],"ToolbarSettings":["items"]},"uid":"00161618","order":3,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"00161619":{"url":"markdown-editor-custom-format","name":"Custom Format","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates on how to customize tags of markdown formatting in rich text editor.","category":"Markdown","api":{"RichTextEditor":["Inject","toolbarSettings","height","created","disableToolbarItem","enableToolbarItem","editorMode","formatter","appendTo"],"ToolbarSettings":["items"]},"uid":"00161619","order":3,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"00161620":{"url":"tribute","name":"Tribute JS","type":"new","description":"This demo for Syncfusion JavaScript rich text editor control demonstrates the HTML forms support on the rich text editor control.","category":"Third-parties Integration","api":{"RichTextEditor":["placeholder","appendTo"]},"uid":"00161620","order":4,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"016"},"0017170":{"url":"default","name":"Default Functionalities","category":"DocumentEditor","description":"The Document Editor component in JavaScript platform is used to create, edit, view, and print Word documents in web applications.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017170","order":0,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},"0017171":{"url":"character-formatting","name":"Character Formatting","category":"Editing Features","description":"The Document Editor supports character formatting such as bold, italic, underline, subscript, superscript, font color, and more in JavaScript platform.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017171","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},"0017172":{"url":"paragraph-formatting","name":"Paragraph Formatting","category":"Editing Features","description":"The Document Editor supports paragraph formatting such as indentation, paragraph spacing, line spacing, and text alignment in JavaScript platform.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017172","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},"0017173":{"url":"styles","name":"Styles","category":"Editing Features","description":"The Document Editor supports both built-in and custom styles for character format and paragraph format.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017173","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},"0017174":{"url":"bullets-and-numbering","name":"Bullets and Numbering","category":"Editing Features","description":"The Document Editor supports bullets and numbering. Both single list and multi-level lists can be added.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017174","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},"0017175":{"url":"links-and-bookmarks","name":"Hyperlinks and Bookmarks","category":"Editing Features","description":"The Document Editor supports hyperlinks and bookmarks. The link can be a file, mail, webpage, or bookmark.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017175","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},"0017176":{"url":"table-formatting","name":"Table Formatting","category":"Editing Features","description":"The Document Editor supports table formatting such as cell margins, cell spacing, horizontal merge, vertical merge, border styles, background color, and more.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017176","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},"0017177":{"url":"section-formatting","name":"Section Formatting","category":"Editing Features","description":"The Document Editor supports section formatting such as page size, page margins, header distance, and footer distance.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017177","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},"0017178":{"url":"headers-and-footers","name":"Headers and Footers","category":"Editing Features","description":"The Document Editor supports headers and footers. Different headers and footers can be added to the first page, odd pages, and even pages.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017178","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},"0017179":{"url":"table-of-contents","name":"Table of Contents","category":"Editing Features","description":"The Document Editor supports table of contents with options for including hyperlink, page number, right-aligned tabs, and styles.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0017179","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},"00171710":{"url":"print","name":"Print","category":"Print","description":"The Document Editor component in JavaScript is used to view and print Word documents in web applications by injecting only the modules that are necessary.","api":{"DocumentEditor":["enablePrint","documentName","pageOutline","scrollToPage","viewChange","documentChange","zoomFactorChange"]},"uid":"00171710","order":2,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},"00171711":{"url":"right-to-left","name":"Right To Left","category":"RTL","description":"The Document Editor supports right to left for users who use right-to-left languages (Arabic, Hebrew, Urdu, etc.).","api":{"DocumentEditor":["enableRtl"]},"uid":"00171711","order":3,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},"00171712":{"url":"custom-context-menu","name":"Custom Context Menu","category":"Customization","description":"The Document Editor supports custom options for users who use to add custom options in context menu.","api":{"ContextMenu":["addCustomMenu","customContextMenuSelect","customContextMenuBeforeOpen"]},"uid":"00171712","order":4,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},"00171713":{"url":"auto-save","name":"Auto Save","category":"Customization","description":"The Document Editor supports auto save functionality to let the users for saving the documents automatically at customized time interval.","uid":"00171713","order":4,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},"00171714":{"url":"chart","name":"Chart Preservation","category":"Charts","description":"The Document Editor supports chart preservation for users who use to view their business reports with intuitive graphical data visualization.","uid":"00171714","order":5,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},"00171715":{"url":"document-protection","name":"Document Protection","category":"Security","description":"The Document Editor provides document protection supports to restrict the types of changes can be made to the document by a user/user group.","uid":"00171715","order":6,"component":"DocumentEditor","dir":"document-editor","parentId":"017","hideOnDevice":true},"0018180":{"url":"default","name":"Default Functionalities","category":"Chips","description":"This sample demonstrates functionalities of Chips with different types. Click and interact the chip, to select single or multiple chips from collection.","uid":"0018180","order":0,"component":"Chips","dir":"chips","parentId":"018"},"0018181":{"url":"api","name":"API","category":"Chips","description":"This sample demonstrates common API of chip control. Select any combination of properties from the property pane to customize the appearance of chip.","uid":"0018181","order":0,"component":"Chips","dir":"chips","parentId":"018"},"0019190":{"url":"default","name":"Default Functionalities","category":"Button","ftName":"button","api":{"Button":["isPrimary","cssClass","iconCss","isToggle","iconPosition","content"]},"description":"This example demonstrates the types (flat, toogle, outline, round), sizes and styles (primary, success, info, warning) of the Syncfusion Javascript button.","uid":"0019190","order":0,"component":"Button","dir":"button","parentId":"019"},"0019191":{"url":"button-group","name":"Button Group","category":"Button","ftName":"button-group","description":"This example demonstrates the behaviors (default, checkbox, radio) of the Syncfusion Javascript ButtonGroup.","uid":"0019191","order":0,"component":"Button","dir":"button","parentId":"019"},"0019192":{"url":"checkbox","name":"Checkbox","category":"Button","ftName":"checkbox","api":{"CheckBox":["label","checked","indeterminate","disabled","change"]},"description":"This example demonstrates the three different states (checked, unchecked, indeterminate) of the Syncfusion Javascript CheckBox.","uid":"0019192","order":0,"component":"Button","dir":"button","parentId":"019"},"0019193":{"url":"radio-button","name":"Radio Button","category":"Button","ftName":"radio-button","api":{"RadioButton":["label","name","value","checked"]},"description":"This example demonstrates the group functionality of the Syncfusion Javascript RadioButton with checked and unchecked states.","uid":"0019193","order":0,"component":"Button","dir":"button","parentId":"019"},"0019194":{"url":"dropdown-button","name":"Dropdown Menu","category":"Button","ftName":"dropdown-menu","api":{"DropDownButton":["items","cssClass","iconCss"]},"description":"This example demonstrates the usecases of the Syncfusion Javascript DropDownButton with icons, text and separator in popup action items.","uid":"0019194","order":0,"component":"Button","dir":"button","parentId":"019"},"0019195":{"url":"split-button","name":"Split Button","category":"Button","ftName":"split-button","api":{"SplitButton":["items","content","iconCss","beforeItemRender"]},"description":"This example demonstrates the usecases of the Syncfusion Javascript SplitButton with icons and text in primary splitbutton.","uid":"0019195","order":0,"component":"Button","dir":"button","parentId":"019"},"0019196":{"url":"switch","name":"Switch","category":"Button","ftName":"toggle-switch-button","api":{"Switch":["checked","disabled"]},"description":"This example demonstrates the toggle states (checked, unchecked) of the Syncfusion Javascript Switch.","uid":"0019196","order":0,"component":"Button","dir":"button","parentId":"019"},"0019197":{"url":"progress-button","name":"Progress Button","category":"Button","ftName":"progress-button","api":{"ProgressButton":["content","iconCss","cssClass","duration","disabled","isPrimary","enableProgress","end","begin","spinSettings","animationSettings"]},"description":"This example demonstrates the different functionalities of the Syncfusion Javascript ProgressButton with spinner and progress indicator.","uid":"0019197","order":0,"component":"Button","dir":"button","parentId":"019"},"0020200":{"url":"default","name":"Overview","category":"In-place Editor","description":"This sample demonstrates the default behavior of the In-place Editor control, which works by editing the values in inline and popup in TypeScript platform.","api":{"In-place Editor":["mode","type","value","showButtons","disabled"]},"uid":"0020200","order":0,"component":"In-place Editor","dir":"inplace-editor","parentId":"020"},"0020201":{"url":"dropdowns","name":"DropDown Controls","category":"In-place Editor","description":"This sample demonstrates the usage of dropdown controls such as Autocomplete, ComboBox, DropDownList, and MultiSelect in TypeScript platform.","api":{"In-place Editor":["mode","type","value","enableEditMode","model"]},"uid":"0020201","order":0,"component":"In-place Editor","dir":"inplace-editor","parentId":"020"},"0020202":{"url":"pickers","name":"Date Controls","category":"In-place Editor","description":"This sample demonstrates the usage of picker controls such as Date, Time, DateTime, and DateRange in TypeScript platform.","api":{"In-place Editor":["mode","type","value","enableEditMode","model"]},"uid":"0020202","order":0,"component":"In-place Editor","dir":"inplace-editor","parentId":"020"},"0020203":{"url":"edit-post","name":"Edit Post","category":"Use Case","description":"This sample demonstrates the usage of In-place Editor control with a form element in TypeScript platform. Edit the values in place to update to the post.","api":{"In-place Editor":["mode","type","value"]},"uid":"0020203","order":1,"component":"In-place Editor","dir":"inplace-editor","parentId":"020"},"0021210":{"url":"default","name":"Default Functionalities","category":"Scheduler","description":"This example for Essential JS2 Scheduler control shows how the flat Scheduler looks like with its default set of minimal configurations in TypeScript platform.","api":{"Schedule":["height","eventSettings","selectedDate"]},"uid":"0021210","order":0,"component":"Scheduler","dir":"schedule","parentId":"021"},"0021211":{"url":"local-data","name":"Local Data","category":"Data Binding","description":"This example for Essential JS2 Scheduler control shows the way of binding an array of JavaScript objects (local JSON datasource) in Typescript platform.","api":{"Schedule":["eventSettings","selectedDate"]},"uid":"0021211","order":1,"component":"Scheduler","dir":"schedule","parentId":"021"},"0021212":{"url":"remote-data","name":"Remote Data","category":"Data Binding","description":"This example for Essential JS2 Scheduler control shows the way of binding remote services by using the DataManager in TypeScript platform.","api":{"Schedule":["eventSettings","selectedDate"]},"uid":"0021212","order":1,"component":"Scheduler","dir":"schedule","parentId":"021"},"0021213":{"url":"calendar-integration","name":"Sync Google Calendar","category":"Data Binding","description":"This example illustrates how to integrate the Google Calendar events into HTML5 JavaScript Scheduler.","api":{"Schedule":["eventSettings","dataBinding","selectedDate"]},"uid":"0021213","order":1,"component":"Scheduler","dir":"schedule","parentId":"021"},"0021214":{"url":"recurrence-events","name":"Recurring Events","category":"Appointments","description":"This example for Essential JS2 Scheduler control shows the scheduler with recurring meetings handled on a regular pattern.","api":{"Schedule":["width","height","currentView","selectedDate","eventSettings"]},"uid":"0021214","order":2,"component":"Scheduler","dir":"schedule","parentId":"021"},"0021215":{"url":"block-events","name":"Blocking Dates and Time","category":"Appointments","description":"This example demonstrates how to block specific days or time intervals on HTML5 JavaScript Scheduler.","api":{"Schedule":["width","height","currentView","selectedDate","eventSettings"]},"uid":"0021215","order":2,"component":"Scheduler","dir":"schedule","parentId":"021"},"0021216":{"url":"search-events","name":"Search Events","category":"Appointments","description":"This example showcases how to search the events of HTML5 JavaScript Scheduler based on specific field criteria.","api":{"Schedule":["width","height","currentView","selectedDate","eventSettings"]},"uid":"0021216","order":2,"component":"Scheduler","dir":"schedule","parentId":"021"},"0021217":{"url":"timezone","name":"Timezone","category":"Appointments","description":"This example for Essential JS2 Scheduler control shows how the events are displayed in different timings as per the selected timezone.","api":{"Schedule":["timezone","selectedDate","eventSettings","eventRendered"]},"uid":"0021217","order":2,"component":"Scheduler","dir":"schedule","parentId":"021"},"0021218":{"url":"external-drag-drop","name":"External Drag and Drop","category":"Appointments","description":"This example shows how to drag and drop the events from an external source into HTML5 JavaScript scheduler.","api":{"Schedule":["currentView","eventSettings","resourceHeaderTemplate","cssClass","workHours","views","group","resources","actionBegin"]},"uid":"0021218","order":2,"component":"Scheduler","dir":"schedule","parentId":"021"},"0021219":{"url":"virtual-scrolling","name":"Virtual Scrolling ","category":"Scrolling","description":"This example illustrates how to enable the virtual loading of resources and its events in JavaScript Scheduler.","api":{"Schedule":["views","group","resources","eventSettings"]},"uid":"0021219","order":3,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212110":{"url":"views","name":"Basic Views","category":"Views","description":"This example for Essential JS2 Scheduler control shows the usage of basic views such as Day, Week, Work Week and Month.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00212110","order":4,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212111":{"url":"timeline","name":"Timeline Views","category":"Views","description":"This example for Essential JS2 Scheduler control shows how the timeline scheduler looks like with its default set of configurations.","api":{"Schedule":["height","eventSettings","selectedDate"]},"uid":"00212111","order":4,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212112":{"url":"agenda","name":"Agenda View","category":"Views","description":"This example for Essential JS2 Scheduler control shows the agenda view and the configurations available in it.","api":{"Schedule":["agendaDaysCount","hideEmptyAgendaDays","currentView","views","eventSettings","selectedDate"]},"uid":"00212112","order":4,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212113":{"url":"month-agenda","name":"Month Agenda View","category":"Views","description":"This example for Essential JS2 Scheduler control shows the layout of Month Agenda view and how it works.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00212113","order":4,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212114":{"url":"year","name":"Year View","category":"Views","type":"new","description":"This example for Essential JS2 Scheduler control shows the layout of Horizontal and Vertical Year views and how it works.","api":{"Schedule":["views","eventSettings"]},"uid":"00212114","order":4,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212115":{"url":"views-configuration","name":"Individual View Settings","category":"Views","description":"This example for Essential JS2 Scheduler control shows how to customize each of the view with specific configurations.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00212115","order":4,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212116":{"url":"extended-views","name":"View Intervals","category":"Views","description":"This example for Essential JS2 Scheduler control shows how to display n number of days, weeks and months on a single view.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00212116","order":4,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212117":{"url":"timeline-resources","name":"Room Scheduler","category":"Multiple Resources","description":"This example for Essential JS2 Scheduler control shows how to design the room scheduling calendar and manage the events booked on a particular time interval.","api":{"Schedule":["currentView","views","selectedDate","resourceHeaderTemplate","eventSettings"]},"uid":"00212117","order":5,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212118":{"url":"resources","name":"Fare Calendar","category":"Multiple Resources","description":"This example for Essential JS2 Scheduler control shows how to customize the scheduler to showcase it as an Airfare calendar.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00212118","order":5,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212119":{"url":"resource","name":"Resources","category":"Multiple Resources","description":"This example depicts how to show or hide the resource events on JavaScript Scheduler based on the resource selection.","api":{"Schedule":["width","height","currentView","selectedDate","eventSettings"]},"uid":"00212119","order":5,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212120":{"url":"group-editing","name":"Shared Events","category":"Multiple Resources","description":"This example for Essential JS2 Scheduler control shows the usage of single event that are shared by multiple resources.","api":{"Schedule":["resourceHeaderTemplate","group","resources","eventSettings"]},"uid":"00212120","order":5,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212121":{"url":"group-custom-work-days","name":"Different Work Days","category":"Multiple Resources","description":"This example for Essential JS2 Scheduler control shows how to set different working days for each of the resources.","api":{"Schedule":["resourceHeaderTemplate","group","resources","eventSettings"]},"uid":"00212121","order":5,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212122":{"url":"add-remove-resources","name":"Show/Hide Resources","category":"Multiple Resources","description":"This example for Essential JS2 Scheduler control shows how to dynamically add or remove the resources to and from the scheduler layout.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00212122","order":5,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212123":{"url":"adaptive-rows","name":"Row Auto Height","category":"Multiple Resources","description":"This example showcases how the work cells of Essential JS2 Scheduler auto adjusts its height based on the exceeding appointment count.","api":{"Schedule":["rowAutoHeight","currentView","views","selectedDate","eventSettings"]},"uid":"00212123","order":5,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212124":{"url":"resource-grouping","name":"Horizontal Grouping","category":"Resource Grouping","description":"This example for Essential JS2 Scheduler control shows how the calendars of multiple resources are grouped in default view layouts.","api":{"Schedule":["resourceHeaderTemplate","group","resources","eventSettings"]},"uid":"00212124","order":6,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212125":{"url":"timeline-resource-grouping","name":"Timeline Grouping","category":"Resource Grouping","description":"This example for Essential JS2 Scheduler control shows how the calendars of multiple resources are grouped in timeline view layouts.","api":{"Schedule":["group","resources","eventSettings"]},"uid":"00212125","order":6,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212126":{"url":"group-by-date","name":"Date-wise Grouping ","category":"Resource Grouping","description":"This example demonstrates how the resources of Essential JS2 Scheduler control are grouped based on dates.","api":{"Schedule":["group","resources","eventSettings"]},"uid":"00212126","order":6,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212127":{"url":"group-by-child","name":"Hierarchical Grouping ","category":"Resource Grouping","description":"This example for Essential JS2 Scheduler control shows how to group the child level resources against each of the parent level resources.","api":{"Schedule":["startHour","endHour","group","resources","eventSettings"]},"uid":"00212127","order":6,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212128":{"url":"cell-template","name":"Cell","category":"Templates","description":"This example for Essential JS2 Scheduler control shows how to customize the background of the specific cells using cell template option.","api":{"Schedule":["width","height","cellTemplate","views","eventSettings","selectedDate"]},"uid":"00212128","order":7,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212129":{"url":"date-header-template","name":"Date Header","category":"Templates","description":"This example for Essential JS2 Scheduler control shows how to customize the date header cells using the template option.","api":{"Schedule":["cssClass","dateHeaderTemplate","eventSettings","eventRendered","renderCell"]},"uid":"00212129","order":7,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212130":{"url":"event-template","name":"Events","category":"Templates","description":"This example for Essential JS2 Scheduler control shows how to customize the appearance of events using event template option.","api":{"Schedule":["width","height","cellTemplate","views","eventSettings","selectedDate"]},"uid":"00212130","order":7,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212131":{"url":"tooltip","name":"Tooltip","category":"Templates","description":"This example for Essential JS2 Scheduler control shows how to display tooltip over events as well as the way to customize it using template option.","api":{"Schedule":["width","height","eventSettings","selectedDate"]},"uid":"00212131","order":7,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212132":{"url":"editor-validation","name":"Field Validation","category":"Editor Window","description":"This example for Essential JS2 Scheduler control shows the way of adding default and custom validation rules to the editor fields of scheduler.","api":{"Schedule":["width","height","eventSettings","selectedDate"]},"uid":"00212132","order":8,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212133":{"url":"editor-custom-field","name":"Additional Fields","category":"Editor Window","description":"This example for Essential JS2 Scheduler control shows how to add additional fields to the default editor window.","api":{"Schedule":["selectedDate","eventSettings","popupOpen"]},"uid":"00212133","order":8,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212134":{"url":"editor-template","name":"Editor Template","category":"Editor Window","description":"This example for Essential JS2 Scheduler control shows the way of customizing the default editor window with custom template design.","api":{"Schedule":["editorTemplate","showQuickInfo","eventRendered","popupOpen","actionBegin"]},"uid":"00212134","order":8,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212135":{"url":"header-rows","name":"Header Rows","category":"Customization","description":"This example for Essential JS2 Scheduler control shows how to display the additional header rows on timeline view.","api":{"Schedule":["height","eventSettings","selectedDate","headerRows"]},"uid":"00212135","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212136":{"url":"time-scale","name":"Timescale","category":"Customization","description":"This example for Essential JS2 Scheduler control shows how to customize the grid lines of scheduler with different duration and count","api":{"Schedule":["height","width","views","timeScale"]},"uid":"00212136","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212137":{"url":"context-menu","name":"Context Menu","category":"Customization","description":"This example shows how to enable the context menu on HTML5 JavaScript Scheduler and perform the related actions using menu options.","api":{"Schedule":["width","height","eventSettings","selectedDate"]},"uid":"00212137","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212138":{"url":"header-bar","name":"Header Bar","category":"Customization","description":"This example for Essential JS2 Scheduler control shows the way of adding custom items onto the scheduler header bar.","api":{"Schedule":["width","height","workHours","views","eventSettings","selectedDate"]},"uid":"00212138","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212139":{"url":"scroll-to","name":"Scroll Time","category":"Customization","description":"This example for Essential JS2 Scheduler control shows the way of manually scrolling to specific time on scheduler.","api":{"Schedule":["width","height","eventSettings","eventRendered","scrollTo"]},"uid":"00212139","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212140":{"url":"work-days","name":"Work Days","category":"Customization","description":"This example for Essential JS2 Scheduler control showcases how to set customized working days as well as first day of a week on scheduler.","api":{"Schedule":["workDays","views","eventSettings","selectedDate"]},"uid":"00212140","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212141":{"url":"hide-weekend","name":"Hide Non-Working Days","category":"Customization","description":"This example for Essential JS2 Scheduler control depicts the way to show or hide the non working days of a week.","api":{"Schedule":["showWeekend"]},"uid":"00212141","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212142":{"url":"work-hour","name":"Work Hours","category":"Customization","description":"This example for Essential JS2 Scheduler control showcases how to set the work hour range on scheduler.","api":{"Schedule":["workHours","views","eventSettings","selectedDate"]},"uid":"00212142","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212143":{"url":"start-end-hour","name":"Day Hour Limit","category":"Customization","description":"This example for Essential JS2 Scheduler control depicts how to restrict the start and end hours on scheduler.","api":{"Schedule":["startHour","endHour","workHours","eventRendered"]},"uid":"00212143","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212144":{"url":"cell-dimension","name":"Cell Dimension","category":"Customization","description":"This example for Essential JS2 Scheduler control shows how to set the width and height of the cells by overriding the default CSS classes.","api":{"Schedule":["cssClass","showTimeIndicator","eventRendered","created","actionComplete"]},"uid":"00212144","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212145":{"url":"read-only-events","name":"Read-only Events","category":"Customization","description":"This example for Essential JS2 Scheduler control shows how to make specific events on the scheduler to be displayed in a read-only mode.","api":{"Schedule":["eventSettings","eventRendered","eventClick","popupOpen","eventRendered"]},"uid":"00212145","order":9,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212146":{"url":"excel-export","name":"Excel Exporting","category":"Exporting","description":"This example demonstrates how to export the Essential JS2 Scheduler events to the excel file format at client-side.","api":{"Schedule":["height","eventSettings","selectedDate"]},"uid":"00212146","order":10,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212147":{"url":"calendar-export-import","name":"Export and Import ICS","category":"Exporting","description":"This example shows how to export the Scheduler events to a calendar file, and also how to import events from an .ics file into our Essential JS2 Scheduler.","api":{"Schedule":["importICalendar","exportToICalendar"]},"uid":"00212147","order":10,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212148":{"url":"print","name":"Print","category":"Exporting","description":"This example demonstrates how to print the Essential JS2 Scheduler element at client-side with themes enabled.","api":{"Schedule":["height","eventSettings","selectedDate"]},"uid":"00212148","order":10,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212149":{"url":"recurrence-editor-generate-rule","name":"Rule Generator","category":"Recurrence Editor","description":"This example for Essential JS2 Scheduler control showcases the recurrence rule generation based on the options selected from the recurrence editor.","uid":"00212149","order":11,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212150":{"url":"recurrence-editor-populate-rule","name":"Populate Rule","category":"Recurrence Editor","description":"This example for Essential JS2 Scheduler control shows how to fill the recurrence editor fields with values based on the provided recurrence rule string.","uid":"00212150","order":11,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212151":{"url":"keyboard-interaction","name":"Keyboard Interaction","category":"Miscellaneous","description":"This example for Essential JS2 Scheduler control showcases the keyboard shortcuts available on scheduler in Typescript platform.","api":{"Schedule":["width","height","eventSettings","selectedDate","allowKeyboardInteraction"]},"uid":"00212151","order":12,"component":"Scheduler","dir":"schedule","parentId":"021"},"00212152":{"url":"events","name":"Events","category":"Miscellaneous","description":"This example for Essential JS2 Scheduler control shows the client-side events that triggers on respective scheduler actions in Typescript platform.","api":{"Schedule":["width","height","eventSettings","eventRendered","created","actionBegin","actionComplete","actionFailure","cellClick","cellDoubleClick","destroyed","navigating","eventClick","popupOpen"]},"uid":"00212152","order":12,"component":"Scheduler","dir":"schedule","parentId":"021"},"0022220":{"url":"default","name":"Default Functionalities","category":"Gantt","api":{"Gantt":["dataSource","taskFields","height","highlightWeekends","eventMarkers","labelSettings"]},"description":"This example demonstrates the simple Gantt chart with summary task, child tasks, milestone tasks, dependencies with event markers of project","uid":"0022220","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},"0022221":{"url":"remote-data","name":"Remote Data","category":"Gantt","api":{"Gantt":["dataSource","height","taskFields","columns","treeColumnIndex","allowSelection","gridLines","highlightWeekends","timelineSettings","labelSettings","includeWeekend","projectStartDate","projectEndDate"]},"description":"This sample demonstrates the way of binding data to Gantt chart with remote service. The Gantt chart data source is bound to remote data using DataManager.","uid":"0022221","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},"0022222":{"url":"editing","name":"Editing","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","height","taskFields","editSettings","toolbar","columns","treeColumnIndex","allowSelection","gridLines","resourceNameMapping","resourceIDMapping","resources","highlightWeekends","timelineSettings","labelSettings","labelSettings","projectStartDate","projectEndDate"]},"description":"This example demonstrates the cell editing, dialog editing, taskbar editing and dependency editing support in Gantt","uid":"0022222","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},"0022223":{"url":"filtering","name":"Filtering","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","taskFields","columns","treeColumnIndex","height","timelineSettings","labelSettings","toolbar","allowFiltering","includeWeekend","timelineSettings","splitterSettings","durationUnit","dayWorkingTime","projectStartDate","projectEndDate"]},"description":"This example demonstrates the filtering support with filter menu option for various types of columns in Gantt","uid":"0022223","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},"0022224":{"url":"timeline","name":"Timeline","category":"Gantt","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","projectStartDate","projectEndDate","highlightWeekends","resourceNameMapping","resourceIDMapping","resources","timelineSettings","splitterSettings","treeColumnIndex","labelSettings","eventMarkers"]},"description":"This example demonstrates the various timeline mode options and properties available to customize the timeline in Gantt","uid":"0022224","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},"0022225":{"url":"baseline","name":"Baseline","category":"Gantt","api":{"Gantt":["dataSource","renderBaseline","taskFields","columns","treeColumnIndex","allowSelection","includeWeekend","timelineSettings","tooltipSettings","durationUnit","dateFormat","dayWorkingTime","height","projectStartDate","projectEndDate"]},"description":"Baselines are enabled to view the deviation between the planned dates of tasks and actual progress of task dates","uid":"0022225","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},"0022226":{"url":"taskbar-template","name":"Taskbar Template","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","taskFields","columns","treeColumnIndex","rowHeight","taskbarHeight","dayWorkingTime","durationUnit","eventMarkers","height","taskbarTemplate","milestoneTemplate","projectStartDate","projectEndDate","timelineSettings","splitterSettings","labelSettings","tooltipSettings"]},"description":"This example demonstrates the taskbar template support with child taskbar template, parent taskbar template and milestone template.","uid":"0022226","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},"0022227":{"url":"unscheduled-tasks","name":"Unscheduled Tasks","category":"Gantt","api":{"Gantt":["dataSource","taskFields","editSettings","toolbar","height","labelSettings","allowUnscheduledTasks","projectStartDate","projectEndDate","toolbarClick","splitterSettings","columns"]},"description":"This example demonstrates the unscheduled tasks in Gantt with custom toolbar item and dynamic add support.","uid":"0022227","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},"0022228":{"url":"zooming","name":"Zooming","category":"Gantt","api":{"Gantt":["dataSource","height","taskFields","toolbar","labelSettings","projectStartDate","projectEndDate"]},"description":"This example demonstrates the zooming support of the Gantt chart timeline and ZoomToFit support of the Gantt chart.","uid":"0022228","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},"0022229":{"url":"contextMenu","name":"Context Menu","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","height","taskFields","editSettings","toolbar","columns","treeColumnIndex","allowSelection","gridLines","resourceNameMapping","resourceIDMapping","resources","highlightWeekends","timelineSettings","labelSettings","labelSettings","projectStartDate","projectEndDate","enableContextMenu","contextMenuItems"]},"description":"This demo explains the usage of context menu and the default context menu items in Syncfusion TypeScript Gantt control.","uid":"0022229","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},"00222210":{"url":"exporting","name":"Exporting","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","height","taskFields","toolbar","allowExcelExport","treeColumnIndex","allowSelection","gridLines","resourceNameMapping","resourceIDMapping","resources","highlightWeekends","timelineSettings","labelSettings","projectStartDate","projectEndDate","toolbarClick"]},"description":"This demo explains how to export Gantt content to Excel and CSV documents using the Syncfusion TypeScript Gantt control.","uid":"00222210","order":0,"component":"Gantt","dir":"gantt","parentId":"022"},"0023230":{"url":"default","name":"Default Functionalities","category":"Calendar","api":{"Calendar":["change"]},"description":"This example demonstrates a simple, mobile-friendly and responsive JavaScript (TypeScript) Calendar to select a date","uid":"0023230","order":0,"component":"Calendar","dir":"calendar","parentId":"023"},"0023231":{"url":"disabled","name":"Disabled Dates","category":"Calendar","api":{"Calendar":["renderDayCell","change"]},"description":"This example demonstrates how to disable the dates like weekends, weekdays and specific dates (past , future and current) in a JavaScript (TypeScript) Calendar","uid":"0023231","order":0,"component":"Calendar","dir":"calendar","parentId":"023"},"0023232":{"url":"date-range","name":"Date Range","category":"Calendar","api":{"Calendar":["min","max","change"]},"description":"This example demonstrates how to disables the specific range of dates (min and max) in a JavaScript (TypeScript) Calendar","uid":"0023232","order":0,"component":"Calendar","dir":"calendar","parentId":"023"},"0023233":{"url":"special-dates","name":"Special Dates","category":"Calendar","api":{"Calendar":["renderDayCell","change"]},"description":"This example demonstrates how to highlight the specific dates like weekends, holidays and special dates in a JavaScript (TypeScript) Calendar","uid":"0023233","order":0,"component":"Calendar","dir":"calendar","parentId":"023"},"0023234":{"url":"multi-selection","name":"Multi Selection","category":"Calendar","api":{"Calendar":["isMultiSelection","values"]},"description":"This example demonstrates how to select the multiple dates (more than one date) in a JavaScript (TypeScript) Calendar","uid":"0023234","order":0,"component":"Calendar","dir":"calendar","parentId":"023"},"0023235":{"url":"month-picker","name":"Month Picker","category":"Calendar","api":{"Calendar":["start","depth"]},"description":"The JavaScript Calendar control can act as a month and year picker. It helps you to select a month or year quickly with all month related properties.","uid":"0023235","order":0,"component":"Calendar","dir":"calendar","parentId":"023"},"0023236":{"url":"islamic-calendar","name":"Islamic Calendar","category":"Calendar","api":{"Calendar":["isMultiSelection","values"]},"uid":"0023236","order":0,"component":"Calendar","dir":"calendar","parentId":"023"},"0024240":{"url":"default","name":"Default Functionalities","category":"DatePicker","api":{"DatePicker":["placeholder"]},"description":"This example demonstrates a simple, mobile-friendly and responsive JavaScript (TypeScript) DatePicker to select a date","uid":"0024240","order":0,"component":"DatePicker","dir":"datepicker","parentId":"024"},"0024241":{"url":"disabled","name":"Disabled Dates","category":"DatePicker","api":{"DatePicker":["placeholder","renderDayCell"]},"description":"This example demonstrates how to disable the dates like weekends, weekdays and specific dates (past, future and current) in a JavaScript (TypeScript) DatePicker","uid":"0024241","order":0,"component":"DatePicker","dir":"datepicker","parentId":"024"},"0024242":{"url":"date-range","name":"Date Range","category":"DatePicker","api":{"DatePicker":["min","max","value","placeholder"]},"description":"DatePicker widget with min and max date options that restrict users from selecting dates within a defined range of days like past dates, future dates, etc","uid":"0024242","order":0,"component":"DatePicker","dir":"datepicker","parentId":"024"},"0024243":{"url":"date-format","name":"Format","category":"DatePicker","api":{"DatePicker":["format","value","placeholder"]},"description":"This example demonstrates how to change the date time format in the input field based on the format in a JavaScript (TypeScript) DatePicker","uid":"0024243","order":0,"component":"DatePicker","dir":"datepicker","parentId":"024"},"0024244":{"url":"special-dates","name":"Special Dates","category":"DatePicker","api":{"DatePicker":["value","placeholder","renderDayCell"]},"description":"DatePicker for TypeScript that highlights multiple dates like weekends, holidays, and special events with options to add custom styles and descriptions","uid":"0024244","order":0,"component":"DatePicker","dir":"datepicker","parentId":"024"},"0024245":{"url":"month-picker","name":"Month Picker","category":"DatePicker","api":{"DatePicker":["start","depth"]},"description":"The JavaScript DatePicker control can act as a month and year picker. It helps you to select a month or year quickly with all months related properties.","uid":"0024245","order":0,"component":"DatePicker","dir":"datepicker","parentId":"024"},"0025250":{"url":"default","name":"Default Functionalities","category":"DateRangePicker","api":{"DateRangePicker":["placeholder"]},"description":"A simple and lightweight DateRangePicker control for JavaScript (TypeScript) with a flexible user interface for selecting a range of dates effortlessly","uid":"0025250","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"025"},"0025251":{"url":"date-range","name":"Date Range","category":"DateRangePicker","api":{"DateRangePicker":["placeholder","min","max"]},"description":"This example demonstrates how to disables the specific range of dates (min and max) in a JavaScript (TypeScript) DateRangePicker","uid":"0025251","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"025"},"0025252":{"url":"day-span","name":"Day Span","category":"DateRangePicker","api":{"DateRangePicker":["placeholder","minDays","maxDays"]},"description":"This example demonstrates how to restrict the users to select the min and max number of days between the selected range of start and end dates","uid":"0025252","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"025"},"0025253":{"url":"presets","name":"Preset Ranges","category":"DateRangePicker","api":{"DateRangePicker":["placeholder","presets"]},"description":"This example demonstrates how to change the date time format in the input field based on the format in a JavaScript (TypeScript) DateRangePicker","uid":"0025253","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"025"},"0025254":{"url":"date-format","name":"Format","category":"DateRangePicker","api":{"DateRangePicker":["format","value"]},"description":"This example demonstrates how to specify the predefined custom date ranges (presets range) like last month, last year and current week in the dropdown popup","uid":"0025254","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"025"},"0025255":{"url":"month-range-picker","name":"Month Range Picker","category":"DateRangePicker","api":{"DateRangePicker":["start","depth"]},"description":"The JavaScript DateRangePicker control can act as a month and year picker. It helps you to select a month or year quickly with all months related properties.","uid":"0025255","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"025"},"0026260":{"url":"default","name":"Default Functionalities","category":"DateTimePicker","api":{"DateTimePicker":[]},"description":"This example demonstrates a simple, mobile-friendly and responsive JavaScript (TypeScript) DateTimePicker to select both a date and time","uid":"0026260","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"026"},"0026261":{"url":"disabled","name":"Disabled Dates","category":"DateTimePicker","api":{"DateTimePicker":["renderDayCell"]},"description":"Customizable DateTimePicker widget for JavaScript (TypeScript) with disabled dates and times that restrict selection for specific date and time durations","uid":"0026261","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"026"},"0026262":{"url":"date-time-range","name":"DateTime Range","category":"DateTimePicker","api":{"DatePicker":["min","max","value"]},"description":"This example demonstrates how to disables the specific range of dates and times (min and max) in a JavaScript (TypeScript) DateTimePicker","uid":"0026262","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"026"},"0026263":{"url":"date-time-format","name":"Format","category":"DateTimePicker","api":{"DateTimePicker":["format","value"]},"description":"Flexible DateTimePicker for JavaScript (TypeScript) with options to customize date and time formats based on the preferred culture for improved readability","uid":"0026263","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"026"},"0026264":{"url":"special-dates","name":"Special Dates","category":"DateTimePicker","api":{"DateTimePicker":["renderDayCell","value"]},"description":"This example demonstrates how to highlight the specific dates and times like weekends, holidays and special dates in a JavaScript (TypeScript) DateTimePicker","uid":"0026264","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"026"},"0027270":{"url":"default","name":"Default Functionalities","category":"TimePicker","api":{"TimePicker":["placeholder"]},"description":"A simple and lightweight TimePicker component for JavaScript (TypeScript) for selecting times that is customizable to fit large-scale applications","uid":"0027270","order":0,"component":"TimePicker","dir":"timepicker","parentId":"027"},"0027271":{"url":"time-range","name":"Time Range","category":"TimePicker","api":{"TimePicker":["placeholder","value","readonly","enabled","min","change"]},"description":"This example demonstrates how to disable the specific range of times(min and max) in a JavaScript (TypeScript) TimePicker","uid":"0027271","order":0,"component":"TimePicker","dir":"timepicker","parentId":"027"},"0027272":{"url":"time-format","name":"Format","category":"TimePicker","api":{"TimePicker":["value","step","format"]},"description":"This example demonstrates how to change the time format in the input field based on the format in a JavaScript (TypeScript) TimePicker","uid":"0027272","order":0,"component":"TimePicker","dir":"timepicker","parentId":"027"},"0027273":{"url":"list-formatting","name":"Time Duration","category":"TimePicker","api":{"TimePicker":["value","itemRender"]},"description":"A simple TimePicker widget for JavaScript (TypeScript) for highlighting a set of time intervals in a pop-up by adding custom styles based on you needs","uid":"0027273","order":0,"component":"TimePicker","dir":"timepicker","parentId":"027"},"0028280":{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of the JavaScript autocomplete control with minimum configuration.","category":"AutoComplete","api":{"AutoComplete":["dataSource","value","placeholder"]},"uid":"0028280","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"028"},"0028281":{"url":"grouping-icon","name":"Grouping and Icons","description":"This example demonstrates how to group based on the different categories with individual header and icon support using the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["fields","placeholder"]},"uid":"0028281","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"028"},"0028282":{"url":"data-binding","name":"Data Binding","description":"This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["dataSource","suggestionCount","query","sortOrder","autofill","filterType","change"]},"uid":"0028282","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"028"},"0028283":{"url":"template","name":"Template","description":"This example demonstrates how to customize the appearance of each item in the JavaScript autocomplete control pop-up list using template.","category":"AutoComplete","api":{"AutoComplete":["dataSource","fields","headerTemplate","itemTemplate","placeholder","popupHeight"]},"uid":"0028283","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"028"},"0028284":{"url":"highlight","name":"Highlight","description":"This example demonstrates how to highlight the searched characters in the suggested list items of the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["dataSource","fields","highlight","placeholder"]},"uid":"0028284","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"028"},"0028285":{"url":"custom-filtering","name":"Custom Filtering","description":"This example demonstrates how to achieve the custom filtering functionalities in the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["dataSource","filtering","fields","placeholder"]},"uid":"0028285","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"028"},"0028286":{"url":"diacritics-filtering","name":"Diacritics Filtering","description":"This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["dataSource","ignoreAccent","placeholder"]},"uid":"0028286","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"028"},"0029290":{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of the JavaScript combo box control with minimum configuration.","category":"ComboBox","api":{"ComboBox":["popupHeight","index","change","placeholder"]},"uid":"0029290","order":0,"component":"ComboBox","dir":"combo-box","parentId":"029"},"0029291":{"url":"grouping-icon","name":"Grouping and Icons","description":"This example demonstrates how to group based on the different categories with individual header and icon support using the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","placeholder","popupHeight"]},"uid":"0029291","order":0,"component":"ComboBox","dir":"combo-box","parentId":"029"},"0029292":{"url":"data-binding","name":"Data Binding","description":"This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","query","sortOrder","autofill","popupHeight","placeholder"]},"uid":"0029292","order":0,"component":"ComboBox","dir":"combo-box","parentId":"029"},"0029293":{"url":"custom-value","name":"Custom Value","description":"This example demonstrates the addition of a new value that is not present in the predefined list of the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","placeholder","popupHeight","allowFiltering","noRecordsTemplate","filtering","width"]},"uid":"0029293","order":0,"component":"ComboBox","dir":"combo-box","parentId":"029"},"0029294":{"url":"template","name":"Template","description":"This example demonstrates how to customize the appearance of each item in the JavaScript combo box control pop-up list using the template.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","headerTemplate","itemTemplate","placeholder","popupHeight"]},"uid":"0029294","order":0,"component":"ComboBox","dir":"combo-box","parentId":"029"},"0029295":{"url":"filtering","name":"Filtering","description":"This example demonstrates how the filtering functionalities works based on the typed characters in the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","allowFiltering","filtering","placeholder","popupHeight"]},"uid":"0029295","order":0,"component":"ComboBox","dir":"combo-box","parentId":"029"},"0029296":{"url":"cascading","name":"Cascading","description":"This example demonstrates how to create a related combo box (Cascading ComboBox) using the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","allowCustom","fields","change","placeholder","popupHeight","value","enabled"]},"uid":"0029296","order":0,"component":"ComboBox","dir":"combo-box","parentId":"029"},"0029297":{"url":"diacritics-filtering","name":"Diacritics Filtering","description":"This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","ignoreAccent","placeholder","allowFiltering"]},"uid":"0029297","order":0,"component":"ComboBox","dir":"combo-box","parentId":"029"},"0030300":{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of the JavaScript drop-down list control with minimum configuration.","category":"Dropdown List","api":{"DropDownList":["popupHeight","placeholder","index","change"]},"uid":"0030300","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"030"},"0030301":{"url":"grouping-icon","name":"Grouping and Icons","description":"This example demonstrates how to group based on the different categories with individual header and icon support using JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","popupHeight","placeholder"]},"uid":"0030301","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"030"},"0030302":{"url":"data-binding","name":"Data Binding","description":"This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","query","sortOrder","autofill","popupHeight","placeholder"]},"uid":"0030302","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"030"},"0030303":{"url":"template","name":"Template","description":"This example demonstrates how to customize the appearance of each item in the JavaScript drop-down list control pop-up list using the template.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","headerTemplate","itemTemplate","valueTemplate","popupHeight","placeholder"]},"uid":"0030303","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"030"},"0030304":{"url":"filtering","name":"Filtering","description":"This example demonstrates how the filtering functionalities works based on the typed characters in the JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","allowFiltering","filtering","filterBarPlaceholder","popupHeight","placeholder"]},"uid":"0030304","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"030"},"0030305":{"url":"cascading","name":"Cascading","description":"This example demonstrates how to create a related drop-down list (Cascading DropDownList) using the JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","change","placeholder","popupHeight","value","enabled"]},"uid":"0030305","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"030"},"0030306":{"url":"inline","name":"Inline","description":"This example demonstrates how to render the JavaScript drop-down list control in line with highlighted contents.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","value"]},"uid":"0030306","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"030"},"0030307":{"url":"diacritics-filtering","name":"Diacritics Filtering","description":"This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","ignoreAccent","placeholder","allowFiltering"]},"uid":"0030307","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"030"},"0031310":{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of the JavaScript multiselect control with minimum configuration.","category":"MultiSelect Dropdown","api":{"MultiSelect":["mode","placeholder"]},"uid":"0031310","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},"0031311":{"url":"data-binding","name":"Data Binding","description":"This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["query","dataSource","fields","sortOrder","placeholder"]},"uid":"0031311","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},"0031312":{"url":"grouping-icon","name":"Grouping","description":"This example demonstrates how to group based on the different categories with individual header and icon support using the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder"]},"uid":"0031312","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},"0031313":{"url":"template","name":"Template","description":"This example demonstrates how to customize the appearance of each item in the JavaScript multiselect control pop-up list using the template.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","headerTemplate","itemTemplate","valueTemplate","mode","placeholder"]},"uid":"0031313","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},"0031314":{"url":"filtering","name":"Filtering","description":"This example demonstrates how the filtering functionalities works based on the typed characters in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["query","dataSource","fields","placeholder","allowFiltering","filtering"]},"uid":"0031314","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},"0031315":{"url":"custom-value","name":"Custom Value","description":"This example demonstrates the addition of a new value that is not present in the predefined list of the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder","mode","allowCustomValue"]},"uid":"0031315","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},"0031316":{"url":"chip-customization","name":"Chip Customization","description":"This example demonstrates how to customize the appearance of the selected chip element in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder","mode","tagging"]},"uid":"0031316","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},"0031317":{"url":"checkbox","name":"CheckBox","description":"This example demonstrates how to select the multiple values through checkbox in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder"]},"uid":"0031317","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},"0031318":{"url":"grouping-with-checkbox","name":"Grouping with CheckBox","description":"This example demonstrates how to select the grouped list item values through checkbox in the JavaScript MultiSelect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder","mode","enableGroupCheckBox"]},"uid":"0031318","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},"0031319":{"url":"selection-limit","name":"Selection Limit","description":"This example demonstrates the maximum selection limit functionalities with checkbox of the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder","maximumSelectionLength"]},"uid":"0031319","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},"00313110":{"url":"diacritics-filtering","name":"Diacritics Filtering","description":"This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","placeholder","ignoreAccent"]},"uid":"00313110","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"031"},"0032320":{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of Syncfusion TypeScript ListBox component with minimum configuration.","category":"List Box","api":{"ListBox":["dataSource"]},"uid":"0032320","order":0,"component":"List Box","dir":"list-box","parentId":"032"},"0032321":{"url":"dual-list-box","name":"Dual ListBox","description":"This example demonstrates how to move items between the two list boxes using dual list box functionality.","category":"List Box","api":{"ListBox":["dataSource","fields","scope","toolbarSettings","height"]},"uid":"0032321","order":0,"component":"List Box","dir":"list-box","parentId":"032"},"0032322":{"url":"drag-and-drop","name":"Drag And Drop","description":"This example demonstrates how to drag and drop within the Syncfusion TypeScript ListBox and between two list boxes.","category":"List Box","api":{"ListBox":["dataSource","scope","allowDragAndDrop","fields","height"]},"uid":"0032322","order":0,"component":"List Box","dir":"list-box","parentId":"032"},"0032323":{"url":"checkbox","name":"Checkbox","description":"This example demonstrates how to select multiple items from the Syncfusion TypeScript ListBox using checkbox functionality.","category":"List Box","api":{"ListBox":["dataSource","selectionSettings"]},"uid":"0032323","order":0,"component":"List Box","dir":"list-box","parentId":"032"},"0032324":{"url":"api","name":"API","description":"This example how to customize the Syncfusion Typescript ListBox component using the available set of APIs.","category":"List Box","api":{"ListBox":["dataSource","fields","sortOrder","selectionSettings"]},"uid":"0032324","order":0,"component":"List Box","dir":"list-box","parentId":"032"},"0033330":{"url":"default","name":"Default Functionalities","category":"Accordion","description":"The sample demonstrates that default functionalities of the Accordion control which works by expand and collapse action in TypeScript platform.","api":{"AccordionItem":["header","content","expanded"],"Accordion":["items"]},"uid":"0033330","order":0,"component":"Accordion","dir":"accordion","parentId":"033"},"0033331":{"url":"ajax","name":"Ajax Content","category":"Accordion","description":"The sample demonstrates how to load the content to the Accordion control from external sources using Ajax library in TypeScript platform.","api":{"Accordion":["expandMode","expanding"]},"uid":"0033331","order":0,"component":"Accordion","dir":"accordion","parentId":"033"},"0033332":{"url":"icon","name":"Icons","category":"Accordion","description":"The sample demonstrates how to represent pane headers with an icon in Accordion control which populates from items collection in TypeScript platform.","api":{"AccordionItem":["iconCss"]},"uid":"0033332","order":0,"component":"Accordion","dir":"accordion","parentId":"033"},"0034340":{"url":"default","name":"Default Functionalities","category":"Context Menu","api":{"ContextMenu":["target","items","beforeItemRender","animationSettings"],"MenuItem":["text","iconCss","items","separator"]},"description":"This example demonstrates the Syncfusion Javascript ContextMenu items with icons, text and separator.","uid":"0034340","order":0,"component":"Context Menu","dir":"context-menu","parentId":"034"},"0035350":{"url":"default","name":"Default Functionalities","category":"Menu Bar","api":{"Menu":["items","orientation"],"MenuItem":["text","iconCss","items","separator"]},"description":"This example demonstrates the Syncfusion Javascript Menu items with icons, text, separator and items submenu.","uid":"0035350","order":0,"component":"Menu Bar","dir":"menu","parentId":"035"},"0035351":{"url":"data-binding","name":"Data Binding","category":"Menu Bar","api":{"Menu":["items"]},"description":"This example demonstrates how to bind the local data source with Syncfusion Javascript Menu component.","uid":"0035351","order":0,"component":"Menu Bar","dir":"menu","parentId":"035"},"0035352":{"url":"scrollable","name":"Scrollable","category":"Menu Bar","api":{"Menu":["items","enableScrolling","cssClass","beforeOpen"]},"description":"This example demonstrates how to load menu and sub menus with large number of menu items in horizontal / vertical scrollable Syncfusion Javascript menu.","uid":"0035352","order":0,"component":"Menu Bar","dir":"menu","parentId":"035"},"0035353":{"url":"template","name":"Template","category":"Menu Bar","api":{"Menu":["items","fields","template"],"FieldSettings":["text","children"]},"description":"This example demonstrates how to customize Syncfusion Javascript Menu popup items by using templates.","sourceFiles":[{"displayName":"template.ts","path":"src/menu/template.ts"},{"displayName":"template.html","path":"src/menu/template.html"},{"displayName":"template-data.json","path":"src/menu/template-data.json"}],"uid":"0035353","order":0,"component":"Menu Bar","dir":"menu","parentId":"035"},"0035354":{"url":"hamburger-mode","name":"Hamburger Mode","category":"Menu Bar","api":{"Menu":["hamburgerMode","title"]},"description":"This example demonstrates the hamburger mode of the Syncfusion Javascript Menu that enables the adaptive view.","uid":"0035354","order":0,"component":"Menu Bar","dir":"menu","parentId":"035"},"0035355":{"url":"api","name":"API","category":"Menu Bar","api":{"Menu":["orientation","showItemOnClick","enableItems"]},"description":"This example demonstrates the supported API's and its functionalities of the Syncfusion Javascript Menu.","uid":"0035355","order":0,"component":"Menu Bar","dir":"menu","parentId":"035"},"0035356":{"url":"toolbar-integration","name":"Toolbar Integration","category":"Use Case","api":{"Menu":["items"]},"description":"This example demonstrates the real use case of the Syncfusion Javascript Menu in web application. It is integrated with toolbar component.","uid":"0035356","order":1,"component":"Menu Bar","dir":"menu","parentId":"035"},"0036360":{"url":"default","name":"Default Functionalites","category":"Sidebar","api":{"Sidebar":["type","position","showBackdrop","closeOnDocumentClick","change","mediaQuery"]},"description":"It demonstrates a simple, mobile-friendly and responsive Sidebar (Navigation drawer, Side Navigation menu) which navigates various parts of an application.","uid":"0036360","order":0,"component":"Sidebar","dir":"sidebar","parentId":"036"},"0036361":{"url":"docking-sidebar","name":"Dock","category":"Sidebar","api":{"Sidebar":["enableDock","dockSize","contextTo"]},"description":"This example demonstrates how the JavaScript (TypeScript) Sidebar is docked to the main content when it is in closed state","uid":"0036361","order":0,"component":"Sidebar","dir":"sidebar","parentId":"036"},"0036362":{"url":"api","name":"API","category":"Sidebar","api":{"Sidebar":["showBackdrop","position","types","closeOnDocumentClick"]},"description":"It demonstrates how to change the behavior and appearance of sidebar in application through user friendly API’s like types, position, auto close and backdrop","uid":"0036362","order":0,"component":"Sidebar","dir":"sidebar","parentId":"036"},"0036363":{"url":"sidebar-menu","name":"Sidebar Menu","category":"Sidebar","api":{"Sidebar":["mediaQuery","width","target","dockSize","enableDock"]},"description":"This example demonstrates how to render Menu for navigation purpose inside the React Sidebar of an application.","uid":"0036363","order":0,"component":"Sidebar","dir":"sidebar","parentId":"036"},"0036364":{"url":"responsive-panel","name":"Responsive Panel","category":"Sidebar","api":{"Sidebar":["mediaQuery","width","target"]},"description":"This example demonstrates how to render TreeView for navigation purpose inside the Typescript Sidebar","uid":"0036364","order":0,"component":"Sidebar","dir":"sidebar","parentId":"036"},"0036365":{"url":"sidebar-list","name":"Sidebar with ListView","category":"Sidebar","api":{"Sidebar":["open","close"]},"description":"This example demonstrates how the JavaScript (TypeScript) Sidebar is integrated with a ListView to display a list of menu items","uid":"0036365","order":0,"component":"Sidebar","dir":"sidebar","parentId":"036"},"0037370":{"url":"default","name":"Default Functionalities","category":"Tabs","description":"The sample demonstrates about default functionalities of the Tab control (also known as Tabbed UI) which is navigation component in TypeScript platform.","api":{"Header":["text","iconCss"],"TabItem":["content"],"Tab":["items"]},"uid":"0037370","order":0,"component":"Tabs","dir":"tab","parentId":"037"},"0037371":{"url":"orientation","name":"Orientation","category":"Tabs","description":"The sample demonstrates how to customize the orientation of Tab control along with feasibility to customize the Tab header styles in TypeScript platform.","api":{"Tab":["headerPlacement","showCloseButton"]},"uid":"0037371","order":0,"component":"Tabs","dir":"tab","parentId":"037"},"0037372":{"url":"responsive-modes","name":"Responsive Modes","category":"Tabs","description":"The sample illustrates that responsive mode of Tab control that aligns tab items in a scrollable or popup mode in TypeScript platform.","api":{"Tab":["overflowMode"]},"uid":"0037372","order":0,"component":"Tabs","dir":"tab","parentId":"037"},"0037373":{"url":"wizard","name":"Wizard","category":"Tabs","description":"This sample demonstrates how to design a wizard-like application with the sequential action using the Tab control in TypeScript platform.","api":{"TabItem":["disabled"]},"uid":"0037373","order":0,"component":"Tabs","dir":"tab","parentId":"037"},"0038380":{"url":"default","name":"Default Functionalities","category":"Toolbar","description":"The sample demonstrates the default functionalities of the Toolbar control which place commands with the scrollable mode in TypeScript platform.","api":{"Item":["text","prefixIcon","type","tooltipText"],"Toolbar":["items"]},"uid":"0038380","order":0,"component":"Toolbar","dir":"toolbar","parentId":"038"},"0038381":{"url":"popup","name":"Popup","category":"Toolbar","description":"The sample exposes popup mode of Toolbar control which configures overflowing toolbar commands inside a popup based on priority in TypeScript platform.","api":{"Item":["showAlwaysInPopup","showTextOn","overflow"],"Toolbar":["overflowMode"]},"uid":"0038381","order":0,"component":"Toolbar","dir":"toolbar","parentId":"038"},"0038382":{"url":"alignment","name":"Alignment","category":"Toolbar","description":"This sample demonstrates how to align commands in left, right and center position in Toolbar control in TypeScript platform.","api":{"Item":["align","template"]},"uid":"0038382","order":0,"component":"Toolbar","dir":"toolbar","parentId":"038"},"0039390":{"url":"default","name":"Default Functionalities","category":"TreeView","description":"This demo demonstrates the basic JavaScript tree view component that display the data in a hierarchical structure with the configuration options.","api":{"TreeView":["fields"]},"uid":"0039390","order":0,"component":"TreeView","dir":"treeview","parentId":"039"},"0039391":{"url":"local-data","name":"Local Data","category":"Data Binding","description":"This demo demonstrates the binding of local data to the JavaScript tree view. The local data structure can be hierarchical data or list data.","api":{"TreeView":["fields"]},"uid":"0039391","order":1,"component":"TreeView","dir":"treeview","parentId":"039"},"0039392":{"url":"remote-data","name":"Remote Data","category":"Data Binding","description":"This demo for Essential JS 2 treeview control shows how to bind the data from a remote data service.","api":{"TreeView":["fields","created","dataBound"]},"uid":"0039392","order":1,"component":"TreeView","dir":"treeview","parentId":"039"},"0039393":{"url":"icons","name":"Icons and Images","category":"TreeView","description":"The tree view nodes can be rendered with any custom icons. This sample demonstrated like a file system with custom icons and images.","api":{"TreeView":["fields","sortOrder"]},"uid":"0039393","order":0,"component":"TreeView","dir":"treeview","parentId":"039"},"0039394":{"url":"check-box","name":"CheckBox","category":"TreeView","description":"This demo demonstrates the tree view with checkbox functionality, this allows the user to check more than one tree nodes.","api":{"TreeView":["fields","showCheckBox"]},"uid":"0039394","order":0,"component":"TreeView","dir":"treeview","parentId":"039"},"0039395":{"url":"node-editing","name":"Node Editing","category":"TreeView","description":"This demo showcases the node editing functionality of tree view, you can edit any node text by double click on it or pressing F2.","api":{"TreeView":["fields","allowEditing"]},"uid":"0039395","order":0,"component":"TreeView","dir":"treeview","parentId":"039"},"0039396":{"url":"multiple-selection","name":"Multiple Selection","category":"TreeView","description":"The TreeView component allows to select multiple nodes by pressing CTRL key, also can select the range of nodes by pressing SHIFT key.","api":{"TreeView":["fields","allowMultiSelection"]},"uid":"0039396","order":0,"component":"TreeView","dir":"treeview","parentId":"039"},"0039397":{"url":"drag-and-drop","name":"Drag and Drop","category":"TreeView","description":"The tree view nodes can be drag and drop from one position to another, also the drop can be done to another tree view or other external container.","api":{"TreeView":["fields","allowDragAndDrop","allowMultiSelection","nodeDragStop"]},"uid":"0039397","order":0,"component":"TreeView","dir":"treeview","parentId":"039"},"0039398":{"url":"template","name":"Template","category":"TreeView","description":"The tree view node can be customized through the template option. In this demo the tree view nodes are templated like an mail system.","api":{"TreeView":["fields","cssClass","nodeTemplate"]},"uid":"0039398","order":0,"component":"TreeView","dir":"treeview","parentId":"039"},"0040400":{"url":"overview","name":"Overview","category":"File Manager","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates full view of the File Manager like a windows explorer UI in a JavaScript (TypeScript) File Manager.","uid":"0040400","order":0,"component":"File Manager","dir":"file-manager","parentId":"040"},"0040401":{"url":"custom-thumbnail","name":"Custom Thumbnails","category":"File Manager","api":{"FileManager":["ajaxSettings"]},"description":"This example demonstrates how to use the custom thumbnails in a JavaScript (TypeScript) File Manager.","uid":"0040401","order":0,"component":"File Manager","dir":"file-manager","parentId":"040"},"0040402":{"url":"default","name":"API","category":"File Manager","api":{"FileManager":["ajaxSettings","view"]},"description":"Example shows the File Manager without the navigation pane and enable or disable toolbar in a JavaScript (TypeScript) File Manager.","uid":"0040402","order":0,"component":"File Manager","dir":"file-manager","parentId":"040"},"0040403":{"url":"drag-drop","name":"Drag and Drop","category":"File Manager","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates the how to drag and drop the files in a JavaScript (TypeScript) File Manager.","uid":"0040403","order":0,"component":"File Manager","dir":"file-manager","parentId":"040"},"0040404":{"url":"usecase","name":"File Upload","category":"Use Case","api":{"FileManager":["ajaxSettings","view"]},"description":"Example shows how to render the File Manager component inside the Dialog component in a JavaScript (TypeScript) File Manager.","uid":"0040404","order":1,"component":"File Manager","dir":"file-manager","parentId":"040"},"0040405":{"url":"azure-service","name":"Azure Blob Provider","category":"Cloud Service Providers","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the azure service in a JavaScript (TypeScript) File Manager.","uid":"0040405","order":2,"component":"File Manager","dir":"file-manager","parentId":"040"},"0040406":{"url":"sql-server-provider","name":"SQL Database Provider","category":"Cloud Service Providers","type":"new","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the sql server database service in a JavaScript (TypeScript) File Manager.","uid":"0040406","order":2,"component":"File Manager","dir":"file-manager","parentId":"040"},"0040407":{"url":"nodejs-file-provider","name":"NodeJS File Provider","category":"Cloud Service Providers","type":"new","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the nodejs file provider service in a JavaScript (TypeScript) File Manager.","uid":"0040407","order":2,"component":"File Manager","dir":"file-manager","parentId":"040"},"0040408":{"url":"amazon-s3-provider","name":"Amazon S3 File Provider","category":"Cloud Service Providers","type":"new","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the Amazon S3 provider service in a JavaScript (TypeScript) File Manager.","uid":"0040408","order":2,"component":"File Manager","dir":"file-manager","parentId":"040"},"0040409":{"url":"firebase","name":"Firebase Realtime File Provider","category":"Cloud Service Providers","type":"new","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the firebase realtime database service in a JavaScript (TypeScript) File Manager.","uid":"0040409","order":2,"component":"File Manager","dir":"file-manager","parentId":"040"},"0041410":{"url":"default","name":"Default","category":"Badge","description":"Demo of the pure CSS Essential JS 2 Badge component displaying a notification count in a group button.","uid":"0041410","order":0,"component":"Badge","dir":"badge","parentId":"041"},"0041411":{"url":"types","name":"Types","category":"Badge","description":"Demo of the pure CSS Essential JS 2 Badge component's badge types: primary, secondary, success, danger, warning, info, light, and dark.","uid":"0041411","order":0,"component":"Badge","dir":"badge","parentId":"041"},"0041412":{"url":"notification","name":"Notification","category":"Badge","description":"Demo of the pure CSS Essential JS 2 Badge component displaying notifications on popular social media logos such as Facebook, WhatsApp, Twitter, and others.","uid":"0041412","order":0,"component":"Badge","dir":"badge","parentId":"041"},"0041413":{"url":"listview","name":"ListView","category":"Integration","description":"Demo integrating the Essential JS 2 Badge and ListView components to display a notification count in a list item to achieve a Gmail-like user interface.","uid":"0041413","order":1,"component":"Badge","dir":"badge","parentId":"041"},"0041414":{"url":"accordion","name":"Accordion","category":"Integration","description":"Demo integrating the Essential JS 2 Badge and Accordion components to display an unread notification count in a header to achieve an Outlook-like user interface","uid":"0041414","order":1,"component":"Badge","dir":"badge","parentId":"041"},"0041415":{"url":"toolbar","name":"Toolbar","category":"Integration","description":"Demo integrating the Essential JS 2 Badge and ToolBar components to display important information in a mobile application header.","uid":"0041415","order":1,"component":"Badge","dir":"badge","parentId":"041"},"0042420":{"url":"default","name":"Default Functionalities","category":"Toast","description":"The sample demonstrates about default functionalities of a Toast control and helps to design reminder like an alert in TypeScript platform.","api":{"Toast":["title","content"]},"uid":"0042420","order":0,"component":"Toast","dir":"toast","parentId":"042"},"0042421":{"url":"types","name":"Types","category":"Toast","description":"The sample demonstrates how to design success, warning, information, and error messages using Toast control based on CSS classes in TypeScript platform.","api":{"Toast":["cssClass"]},"uid":"0042421","order":0,"component":"Toast","dir":"toast","parentId":"042"},"0042422":{"url":"template","name":"Template","category":"Toast","description":"The sample demonstrates how to design a reminder application by customizing the content of Toast control using an HTML template in TypeScript platform.","api":{"Toast":["template","target"]},"uid":"0042422","order":0,"component":"Toast","dir":"toast","parentId":"042"},"0042423":{"url":"positions","name":"Positions","category":"Toast","description":"The sample demonstrates how to display the toast notification with various built-in or custom position based on target or page in TypeScript platform.","api":{"Toast":["position","target"],"ToastPosition":["X","Y"]},"uid":"0042423","order":0,"component":"Toast","dir":"toast","parentId":"042"},"0042424":{"url":"api","name":"API","category":"Toast","description":"The sample exposes the available properties, methods, and events of Toast control which helps to create flexible toast notification in TypeScript platform.","api":{"Toast":["title","content","newestOnTop","showProgressBar","showCloseButton","animation"]},"uid":"0042424","order":0,"component":"Toast","dir":"toast","parentId":"042"},"0043430":{"url":"default","name":"Default Functionalities","description":"Get started with Obtrusive form validation of Syncfusion Form Validator library and default functionalities.","category":"Form Validation","api":{"FormValidator":["customPlacement","validate","validClass"]},"uid":"0043430","order":0,"component":"Form Validation","dir":"form-validator","parentId":"043"},"0043431":{"url":"html5","name":"HTML5 Validation","description":"Learn how to use default functionalities form validation of Syncfusion Form Validator library using HTML5 Validation.","category":"Form Validation","api":{"FormValidator":["customPlacement","validate","validClass"]},"uid":"0043431","order":0,"component":"Form Validation","dir":"form-validator","parentId":"043"},"0043432":{"url":"external-submit","name":"External Submit Form","description":"Get started with form validator library and external form submit to handle the form validation externally.","category":"Form Validation","api":{"FormValidator":["customPlacement","validate","validClass"]},"uid":"0043432","order":0,"component":"Form Validation","dir":"form-validator","parentId":"043"},"0043433":{"url":"wizard-form","name":"Wizard Form","description":"Learn how to use the form validation of Syncfusion Form Validator library with the Wizard template forms.","category":"Form Validation","api":{"FormValidator":["customPlacement","validate","validClass"]},"uid":"0043433","order":0,"component":"Form Validation","dir":"form-validator","parentId":"043"},"0044440":{"url":"default","name":"Default Functionalities","category":"TextBox","description":"This example describes key features of JavaScript textbox such as a floating label, input group, placeholder, validation states, sizing, types, and more.","api":{"TextBox":["placeholder","floatLabelType","enableRtl"]},"uid":"0044440","order":0,"component":"TextBox","dir":"textbox","parentId":"044"},"0044441":{"url":"multiline-textbox","name":"Multiline TextBox","category":"TextBox","description":"The example exposes a JavaScript Multiline TextBox (textarea). It helps to render address, feedback, and more in HTML5 form with customizable rows and columns.","api":{"TextBox":["multiline","value","placeholder","floatLabelType","enabled","enableRtl","readonly"]},"uid":"0044441","order":0,"component":"TextBox","dir":"textbox","parentId":"044"},"0045450":{"url":"default","name":"Default Functionalities","category":"Input Mask","description":"The Masked Textbox allows users to enter only the valid input based on the provided mask format such as Phone number, Country ISO code, Date, Time and so on.","api":{"MaskedTextBox":["mask"]},"uid":"0045450","order":0,"component":"Input Mask","dir":"maskedtextbox","parentId":"045"},"0045451":{"url":"custom-mask","name":"Custom Mask","category":"Input Mask","description":"The custom mask is done using custom characters as mask elements. Time format and IP address fields are achieved using the custom mask literals and regex.","api":{"MaskedTextBox":["mask","customCharacters","floatLabelType"]},"uid":"0045451","order":0,"component":"Input Mask","dir":"maskedtextbox","parentId":"045"},"0045452":{"url":"formats","name":"Formats","category":"Input Mask","description":"This sample demonstrates the usage of different mask formats through the properties panel. You can also get the value and raw value of the masked textbox.","api":{"MaskedTextBox":["mask","floatLabelType","change","promptChar","getMaskedValue","value"]},"uid":"0045452","order":0,"component":"Input Mask","dir":"maskedtextbox","parentId":"045"},"0046460":{"url":"default","name":"Default Functionalities","category":"Numeric Textbox","description":"he NumericTextBox is used to get the numbered inputs from the users and the currency and percentage text boxes to get the currency and percentage inputs.","api":{"NumericTextBox":["value","format","min","max","step"]},"uid":"0046460","order":0,"component":"Numeric Textbox","dir":"numerictextbox","parentId":"046"},"0046461":{"url":"range-validation","name":"Range Validation","category":"Numeric Textbox","description":"The NumericTextBox has options to restrict the input value between a specific range using min, max, and strictMode properties.","api":{"NumericTextBox":["value","min","max","step"]},"uid":"0046461","order":0,"component":"Numeric Textbox","dir":"numerictextbox","parentId":"046"},"0046462":{"url":"custom-format","name":"Custom Format","category":"Numeric Textbox","description":"The NumericTextBox provides an option to customize the display format of the numeric value using the format property.","api":{"NumericTextBox":["value","format","min","max"]},"uid":"0046462","order":0,"component":"Numeric Textbox","dir":"numerictextbox","parentId":"046"},"0046463":{"url":"restrict-decimals","name":"Restrict Decimals","category":"Numeric Textbox","description":"The NumericTextBox provides an option to restrict the number of decimal values, by using the decimals property. So, it can only accept the integer value alone.","api":{"NumericTextBox":["value","format","min","max","step","decimals","validateDecimalOnType"]},"uid":"0046463","order":0,"component":"Numeric Textbox","dir":"numerictextbox","parentId":"046"},"0047470":{"url":"default","name":"Default Functionalities","category":"Color Picker","api":{"ColorPicker":["value"]},"description":"This example demonstrates the default functionalities of the Syncfusion Javascript ColorPicker with RGB, HSV and Hex codes(three, six and eight digit).","uid":"0047470","order":0,"component":"Color Picker","dir":"color-picker","parentId":"047"},"0047471":{"url":"inline","name":"Inline Mode","category":"Color Picker","api":{"ColorPicker":["inline","value","mode","modeSwitcher","showButtons"]},"description":"This example demonstrates the inline / flat mode rendering of the Syncfusion Javascript ColorPicker with hue and opacity color options.","uid":"0047471","order":0,"component":"Color Picker","dir":"color-picker","parentId":"047"},"0047472":{"url":"custom","name":"Custom Palettes","category":"Color Picker","api":{"ColorPicker":["cssClass","inline","value","columns","mode","modeSwitcher","showButtons","presetColors"]},"description":"This example demonstrates the Syncfusion Javascript ColorPicker, custom UI of the color palette with different structures and its state.","uid":"0047472","order":0,"component":"Color Picker","dir":"color-picker","parentId":"047"},"0047473":{"url":"api","name":"API","category":"Color Picker","api":{"ColorPicker":["cssClass","inline","value","columns","showButtons","presetColors"]},"description":"This example demonstrates the supported API's and its functionalities of the Syncfusion Javascript ColorPicker.","uid":"0047473","order":0,"component":"Color Picker","dir":"color-picker","parentId":"047"},"0048480":{"url":"default","name":"Default Functionalities","description":"This example demonstrates default functionalities of the JavaScript file uploader control, including automatic upload and asynchronous mode options.","category":"File Upload","api":{"Uploader":["autoUpload","asyncSettings","success","dropArea"]},"sourceFiles":[{"displayName":"default.ts","path":"src/uploader/default.ts"},{"displayName":"default.html","path":"src/uploader/default.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0048480","order":0,"component":"File Upload","dir":"uploader","parentId":"048"},"0048481":{"url":"chunk-upload","name":"Chunk Upload","description":"This example demonstrates how to upload files as chunks in the JavaScript file upload control, which helps when uploading a large file to a server.","category":"File Upload","api":{"Uploader":["autoUpload","asyncSettings","dropArea"]},"sourceFiles":[{"displayName":"chunk-upload.ts","path":"src/uploader/chunk-upload.ts"},{"displayName":"chunk-upload.html","path":"src/uploader/chunk-upload.html"},{"displayName":"save file","path":"src/uploader/chunk-upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/chunk-upload-remove-file.cs"}],"uid":"0048481","order":0,"component":"File Upload","dir":"uploader","parentId":"048"},"0048482":{"url":"custom-file-list","name":"Template","description":"This example demonstrates how to customize the file list with buttons using a template and upload a file programmatically using the JavaScript file upload.","category":"File Upload","api":{"Uploader":["asyncSettings","dropArea","selected","progress","success","failure"]},"sourceFiles":[{"displayName":"custom-file-list.ts","path":"src/uploader/custom-file-list.ts"},{"displayName":"custom-file-list.html","path":"src/uploader/custom-file-list.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0048482","order":0,"component":"File Upload","dir":"uploader","parentId":"048"},"0048483":{"url":"preload-files","name":"Preload Files","description":"This example demonstrates how to preload files in the JavaScript file upload control, which helps users view and manipulate server files.","category":"File Upload","api":{"Uploader":["asyncSettings","files","removing","failure","success","dropArea"]},"sourceFiles":[{"displayName":"preload-files.ts","path":"src/uploader/preload-files.ts"},{"displayName":"preload-files.html","path":"src/uploader/preload-files.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0048483","order":0,"component":"File Upload","dir":"uploader","parentId":"048"},"0048484":{"url":"file-validation","name":"File Validation","description":"The example covers validations in JavaScript file upload such as allowing/denying file extensions, set min/max file size, duplicate file, and more.","category":"File Upload","api":{"Uploader":["autoUpload","minFileSize","maxFileSize","allowedExtensions","asyncSettings","selected","success","dropArea"]},"sourceFiles":[{"displayName":"file-validation.ts","path":"src/uploader/file-validation.ts"},{"displayName":"file-validation.html","path":"src/uploader/file-validation.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0048484","order":0,"component":"File Upload","dir":"uploader","parentId":"048"},"0048485":{"url":"image-preview","name":"Image Preview","description":"This example demonstrates how to display a preview of an image file before and after uploading it to a server in JavaScript file upload.","category":"File Upload","api":{"Uploader":["asyncSettings","template","success","progress","allowedExtensions"]},"sourceFiles":[{"displayName":"image-preview.ts","path":"src/uploader/image-preview.ts"},{"displayName":"image-preview.html","path":"src/uploader/image-preview.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0048485","order":0,"component":"File Upload","dir":"uploader","parentId":"048"},"0048486":{"url":"file-upload-with-forms","name":"Form Support","description":"This example demonstrates how to integrate the JavaScript file upload control in an HTML form (synchronous mode) and submit a form with selected files.","category":"File Upload","api":{"Uploader":["asyncSettings","template","success","progress","allowedExtensions"]},"sourceFiles":[{"displayName":"file-upload-with-forms.ts","path":"src/uploader/file-upload-with-forms.ts"},{"displayName":"file-upload-with-forms.html","path":"src/uploader/file-upload-with-forms.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0048486","order":0,"component":"File Upload","dir":"uploader","parentId":"048"},"0048487":{"url":"custom-drop-area","name":"Custom Drop Area","description":"This example demonstrates how to upload a file using drag and drop and how to configure a custom drop area for the JavaScript file upload control.","category":"File Upload","api":{"Uploader":["asyncSettings","template","success","progress","allowedExtensions"]},"sourceFiles":[{"displayName":"custom-drop-area.ts","path":"src/uploader/custom-drop-area.ts"},{"displayName":"custom-drop-area.html","path":"src/uploader/custom-drop-area.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0048487","order":0,"component":"File Upload","dir":"uploader","parentId":"048"},"0049490":{"url":"default","name":"Default Functionalities","category":"Range Slider","description":"Essential JS 2 slider control demo showing the default rendering of default, minimum range, and range sliders. Drag the thumb to interact with the slider.","api":{"Slider":["value","type","appendTo"]},"uid":"0049490","order":0,"component":"Range Slider","dir":"slider","parentId":"049"},"0049491":{"url":"ticks","name":"Ticks","category":"Range Slider","description":"Essential JS 2 slider control demo of the visual representation of slider values using ticks, which can be placed before, after, or on both sides of the thumbs.","api":{"Slider":["value","type","min","max","step","enabled","appendTo","dragInterval"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"]},"uid":"0049491","order":0,"component":"Range Slider","dir":"slider","parentId":"049"},"0049492":{"url":"tooltip","name":"Tooltip","category":"Range Slider","description":"Essential JS 2 slider control demo of the visual representation of slider values using tooltips, which can be displayed before or after slider thumbs.","api":{"Slider":["value","type","min","max","showButtons","appendTo","dragInterval"],"TooltipData":["isVisible","placement","showOn"]},"uid":"0049492","order":0,"component":"Range Slider","dir":"slider","parentId":"049"},"0049493":{"url":"orientation","name":"Vertical Orientation","category":"Range Slider","description":"Essential JS 2 slider control demo showing the vertical and horizontal orientation properties along with ticks and tooltips.","api":{"Slider":["value","type","orientation","appendTo","dragInterval"]},"uid":"0049493","order":0,"component":"Range Slider","dir":"slider","parentId":"049"},"0049494":{"url":"format","name":"Formatting","category":"Range Slider","description":"Demo of Essential JS 2 slider control value formatting with time, currency, and distance values that are also displayed in ticks and tooltips.","api":{"Slider":["value","type","min","max","appendTo","step","tooltipChange","renderingTicks"],"TicksData":["placement","largeStep","smallStep","showSmallTicks","format"],"TooltipData":["isVisible","placement","format"]},"uid":"0049494","order":0,"component":"Range Slider","dir":"slider","parentId":"049"},"0049495":{"url":"limits","name":"Limits","category":"Range Slider","description":"Essential JS 2 slider control demo of limiting the minimum, maximum, start, and end values. Also supports restricting handle movements.","api":{"Slider":["value","type","min","max","appendTo","step"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"],"LimitData":["enabled","minStart","minEnd","maxStart","maxEnd","startHandleFixed","endHandleFixed"]},"uid":"0049495","order":0,"component":"Range Slider","dir":"slider","parentId":"049"},"0049496":{"url":"api","name":"API","category":"Range Slider","description":"Essential JS 2 slider control demo showcasing the most frequently used API combinations, like orientation, minimum, maximum, value, step, and more.","api":{"Slider":["value","type","min","max","step","showButtons","orientation","readOnly","enabled","appendTo"],"TicksData":["placement","largeStep"],"TooltipData":["isVisible","placement","showOn"]},"uid":"0049496","order":0,"component":"Range Slider","dir":"slider","parentId":"049"},"0049497":{"url":"events","name":"Events","category":"Range Slider","description":"Demo of the Essential JS 2 slider control's created, changing, and changed events. The events are traced in real time in a property panel.","api":{"Slider":["value","type","appendTo","change","created","changed"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"],"TooltipData":["isVisible","placement","showOn"]},"uid":"0049497","order":0,"component":"Range Slider","dir":"slider","parentId":"049"},"0049498":{"url":"thumb-customization","name":"Thumb","category":"Customization","description":"Demo of the Essential JS 2 slider control slider thumb customization with circle, oval, and custom image shapes.","api":{"Slider":["value","min","max","appendTo"]},"uid":"0049498","order":1,"component":"Range Slider","dir":"slider","parentId":"049"},"0049499":{"url":"selection-bar-customization","name":"Bar","category":"Customization","description":"This example demonstrates how to highly customize Syncfusion React slider bar with colors and height.","api":{"Slider":["value","type","min","max","appendTo","change","created"]},"uid":"0049499","order":1,"component":"Range Slider","dir":"slider","parentId":"049"},"00494910":{"url":"ticks-customization","name":"Ticks","category":"Customization","description":"Essential JS 2 slider control demo showing the highly customizable slider values using ticks and a legend.","api":{"Slider":["value","type","min","max","step","appendTo","renderedTicks","renderingTicks"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"]},"uid":"00494910","order":1,"component":"Range Slider","dir":"slider","parentId":"049"},"00494911":{"url":"tooltip-customization","name":"Tooltip","category":"Customization","description":"Demo of Essential JS 2 slider control customization of slider tooltip text and background color with formatted text values.","api":{"Slider":["value","type","appendTo","min","max","step","tooltipChange","renderingTicks","created"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"],"TooltipData":["isVisible","placement"]},"uid":"00494911","order":1,"component":"Range Slider","dir":"slider","parentId":"049"},"00494912":{"url":"azure-pricing","name":"Cloud Pricing","category":"Use Case","description":"This example demonstrates the usage of Syncfusion React slider control in real world use case sample azure cloud pricing.","api":{"Slider":["value","appendTo","min","max","change","created"]},"uid":"00494912","order":2,"component":"Range Slider","dir":"slider","parentId":"049"},"0050500":{"url":"default","name":"Default","category":"Avatar","description":"Demo of the pure CSS Essential JS 2 Avatar component displaying profile images in different sizes in both default and circle shapes.","uid":"0050500","order":0,"component":"Avatar","dir":"avatar","parentId":"050"},"0050501":{"url":"types","name":"Types","category":"Avatar","description":"Demo of the pure CSS Essential JS 2 Avatar component's supported media formats for avatar content: images, SVG, initials, font icons, and words.","uid":"0050501","order":0,"component":"Avatar","dir":"avatar","parentId":"050"},"0050502":{"url":"listview","name":"ListView","category":"Integration","description":"Demo integrating the Essential JS 2 Avatar and ListView components to display profile images or letters in a mobile contact application.","uid":"0050502","order":1,"component":"Avatar","dir":"avatar","parentId":"050"},"0050503":{"url":"badge","name":"Badge","category":"Integration","description":"Demo integrating the Essential JS 2 Avatar and Badge components to display a notification count on profile images, similar to Gmail.","uid":"0050503","order":1,"component":"Avatar","dir":"avatar","parentId":"050"},"0050504":{"url":"card","name":"Card","category":"Integration","description":"Demo integrating the Essential JS 2 Avatar and Card components to display business cards for employees with profile images, roles, and responsibilities.","uid":"0050504","order":1,"component":"Avatar","dir":"avatar","parentId":"050"},"0051510":{"url":"basic","name":"Basic Card","category":"Card","description":"The sample demonstrates how to design basic card and weather layout card in TypeScript platform. The component is pure CSS component and more flexible.","uid":"0051510","order":0,"component":"Card","dir":"card","parentId":"051"},"0051511":{"url":"vertical","name":"Vertical Card","category":"Card","description":"The sample demonstrates how to design a business card and profile card using a vertical layout of card component in TypeScript platform.","uid":"0051511","order":0,"component":"Card","dir":"card","parentId":"051"},"0051512":{"url":"horizontal","name":"Horizontal Card","category":"Card","description":"The sample demonstrates how to design product card with icon and its specification using horizontal layout in card component in TypeScript platform.","uid":"0051512","order":0,"component":"Card","dir":"card","parentId":"051"},"0051513":{"url":"swipeable","name":"Swipeable Card","category":"Card","description":"The sample demonstrates how to design a stacked card with swipeable action and corresponding images using card component in TypeScript platform.","uid":"0051513","order":0,"component":"Card","dir":"card","parentId":"051"},"0051514":{"url":"flip","name":"Flip Card","category":"Card","description":"The sample demonstrates how to achieve flip behavior to the card to show hidden information which is on a back side on the card in TypeScript platform.","uid":"0051514","order":0,"component":"Card","dir":"card","parentId":"051"},"0051515":{"url":"reveal","name":"Reveal Card","category":"Card","description":"The sample demonstrates how to render a card with reveal layouts, hidden information can be revealed while action on “Know more” in TypeScript platform.","uid":"0051515","order":0,"component":"Card","dir":"card","parentId":"051"},"0051516":{"url":"tile","name":"Tile View","category":"Card","description":"The sample demonstrates how to design tile-view with filtering and searching using a template engine, data manager, and card component in TypeScript platform.","uid":"0051516","order":0,"component":"Card","dir":"card","parentId":"051"},"0052520":{"url":"default","name":"Default Functionalities","description":"The example demonstrates the default rendering of the JavaScript dialog, which supports modal and non-modal (modeless), built-in buttons, and more.","category":"Dialog","api":{"Dialog":["header","content","showCloseIcon","buttons","closeOnEscape","target","width","animationSettings","open","close","visible","show","hide"]},"uid":"0052520","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},"0052521":{"url":"custom-dialog","name":"Custom Dialogs","description":"This example demonstrates how to create custom dialogs such as alert dialogs, confirmation dialogs, and prompt dialogs using the JavaScript dialog control.","category":"Dialog","api":{"Dialog":["header","content","showCloseIcon","buttons","closeOnEscape","target","width","animationSettings","open","close","visible","show","hide"]},"uid":"0052521","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},"0052522":{"url":"modal-dialog","name":"Modal","description":"This example demonstrates the modal pop-up behavior of the JavaScript dialog control, which helps display critical information such as errors and warnings.","category":"Dialog","api":{"Dialog":["width","header","content","target","isModal","animationSettings","buttons","open","close","show","hide","overlayClick"]},"uid":"0052522","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},"0052523":{"url":"template","name":"Template","description":"This example demonstrates how to customize user interface elements like the header, footer, and content of the JavaScript dialog control using a template.","category":"Dialog","api":{"Dialog":["width","header","content","target","isModal","animationSettings","buttons","open","close","show","hide"]},"uid":"0052523","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},"0052524":{"url":"dialog-contents-via-ajax","description":"The example demonstrates how to load the content of the JavaScript dialog control from external sources such as a file or website using Ajax library.","name":"Ajax Content","category":"Dialog","api":{"Dialog":["header","showCloseIcon","width","target","animationSettings","open","close","content","show"]},"uid":"0052524","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},"0052525":{"url":"draggable","name":"Draggable","description":"This example shows how to enable drag-and-drop actions in the JavaScript dialog control to help reposition the dialog efficiently.","category":"Dialog","api":{"Dialog":["width","header","content","target","allowDragging","animationSettings","open","close","closeOnEscape"]},"uid":"0052525","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},"0052526":{"url":"resizable","description":"This example shows how to create resizable modal in the JavaScript dialog to change the size of a dialog efficiently and view its content more comfortably.","name":"Resizable","category":"Dialog","api":{"Dialog":["header","showCloseIcon","width","target","animationSettings","open","close","content","show","enableResize"]},"uid":"0052526","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},"0052527":{"url":"position","name":"Positioning","description":"This example demonstrates how to display the JavaScript dialog control at various built-in and custom positions.","category":"Dialog","api":{"Dialog":["width","header","target","footerTemplate","open","close","closeOnEscape","position","showCloseIcon"]},"uid":"0052527","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},"0052528":{"url":"animation","name":"Animation","description":"This example demonstrates how to open or close the JavaScript dialog with various animation effects, and how to customize the animation duration and delay.","category":"Dialog","api":{"Dialog":["header","showCloseIcon","width","target","animationSettings","open","content","buttons"]},"uid":"0052528","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},"0052529":{"url":"multiple-dialogs","name":"Multiple Dialogs","description":"This example shows how to display multiple dialogs sequentially and open multiple dialogs simultaneously for both modal and modeless JavaScript dialogs.","category":"Dialog","api":{"Dialog":["width","header","target","animationSettings","open","close","closeOnEscape","buttons"]},"uid":"0052529","order":0,"component":"Dialog","dir":"dialog","parentId":"052"},"0053530":{"url":"default","name":"Default Functionalities","category":"ListView","description":"Demo of Essential JS 2 ListView control default renderings of flat and group list views. Click any list item to select and highlight it.","api":{"ListView":["dataSource","fields","appendTo"],"FieldSettings":["groupBy"]},"uid":"0053530","order":0,"component":"ListView","dir":"listview","parentId":"053"},"0053531":{"url":"remote-data","name":"Remote Data","category":"ListView","description":"Demo of Essential JS 2 ListView control rendering the list view with remote data, which uses DataManager and query properties to fetch data.","api":{"ListView":["dataSource","fields","query","headerTitle","showHeader","appendTo"],"FieldSettings":["groupBy"]},"uid":"0053531","order":0,"component":"ListView","dir":"listview","parentId":"053"},"0053532":{"url":"checklist","name":"Checklist","category":"ListView","description":"Essential JS 2 ListView control demo of the checked list view, which supports selecting more than one list item.","api":{"ListView":["dataSource","fields","showCheckBox","appendTo"],"FieldSettings":["groupBy"]},"uid":"0053532","order":0,"component":"ListView","dir":"listview","parentId":"053"},"0053533":{"url":"nested-list","name":"Nested List","category":"ListView","description":"Demo of Essential JS 2 ListView control showing the visual representation of nested data using the child property.","api":{"ListView":["dataSource","fields","headerTitle","showHeader","showIcon","appendTo"],"FieldSettings":["id","text","icon","child","iconCss","tooltip"]},"uid":"0053533","order":0,"component":"ListView","dir":"listview","parentId":"053"},"0053534":{"url":"virtualization","name":"Virtualization","category":"ListView","description":"Demo of Essential JS 2 ListView control loading items in the view port with virtualization, which improves performance when loading large amounts of data.","api":{"ListView":["dataSource","headerTitle","showHeader","enableVirtualization","height","template","actionBegin","actionComplete","appendTo"]},"uid":"0053534","order":0,"component":"ListView","dir":"listview","parentId":"053"},"0053535":{"url":"templates","name":"Templates","category":"Customization","description":"Demo of Essential JS 2 ListView control rendering customized elements inside list items. This sample is a news feed application built using a list view.","api":{"ListView":["dataSource","template","headerTitle","showHeader","appendTo"],"FieldSettings":["id","text","child"]},"uid":"0053535","order":1,"component":"ListView","dir":"listview","parentId":"053"},"0053536":{"url":"group-template","name":"Group Template","category":"Customization","description":"Essential JS 2 ListView control demo of list item and header customization using a template. The mobile settings showcase built-in CSS.","api":{"ListView":["dataSource","template","groupTemplate","headerTitle","showHeader","appendTo"],"FieldSettings":["text","groupBy"]},"uid":"0053536","order":1,"component":"ListView","dir":"listview","parentId":"053"},"0053537":{"url":"call-history","name":"Call History","category":"Use Case","description":"Demo of Essential JS 2 ListView control in a real-world use case as a call history app, featuring mobile contacts, mail inbox, and more.","api":{"ListView":["dataSource","fields","showCheckBox","checkBoxPosition","showIcon","select","appendTo"],"FieldSettings":["groupBy","iconCss"]},"uid":"0053537","order":2,"component":"ListView","dir":"listview","parentId":"053"},"0054540":{"url":"default","name":"Default Functionalities","category":"Tooltip","description":"Default rendering of the Essential JS 2 Tooltip control, which will open when hovering or tapping and holding, and can be displayed in 12 different positions.","api":{"Tooltip":["content","appendTo","position "]},"uid":"0054540","order":0,"component":"Tooltip","dir":"tooltip","parentId":"054"},"0054541":{"url":"template","name":"Template","category":"Tooltip","description":"Demo of the Essential JS 2 Tooltip control template functionality, which allows HTML content to be rendered in tooltips.","api":{"Tooltip":["content","target","beforeRender","showTipPointer","offsetX","width","appendTo"]},"uid":"0054541","order":0,"component":"Tooltip","dir":"tooltip","parentId":"054"},"0054542":{"url":"ajax-content","name":"Ajax Content","category":"Tooltip","description":"Demo of the Essential JS 2 Tooltip control loading dynamic content in tooltips through Ajax from JSON files.","api":{"Tooltip":["content","target","position","beforeRender","dataBind","appendTo"]},"uid":"0054542","order":0,"component":"Tooltip","dir":"tooltip","parentId":"054"},"0054543":{"url":"smart-position","name":"Smart Positioning","category":"Tooltip","description":"Demo of the Essential JS 2 Tooltip control's smart (flexible) positioning based on the view port's dimensions.","api":{"Tooltip":["content","offsetX","target","animation","open","close","refresh","appendTo"]},"uid":"0054543","order":0,"component":"Tooltip","dir":"tooltip","parentId":"054"},"0054544":{"url":"menu","name":"Tooltip Menu","category":"Tooltip","description":"Demo of Essential JS 2 Tooltip control customization to look like a menu using toolbar and listview controls.","uid":"0054544","order":0,"component":"Tooltip","dir":"tooltip","parentId":"054"},"0054545":{"url":"html-template","name":"HTML Template","category":"Tooltip","description":"Demo of Essential JS 2 Tooltip control customization as an HTML page using HTML tags to display a template content.","uid":"0054545","order":0,"component":"Tooltip","dir":"tooltip","parentId":"054"},"0054546":{"url":"api","name":"API","category":"Tooltip","description":"Essential JS 2 Tooltip control demo showcasing the most frequently used API combinations, like content, height, width, open, sticky mode, and more.","uid":"0054546","order":0,"component":"Tooltip","dir":"tooltip","parentId":"054"},"0055550":{"url":"default","name":"Default Functionalities","category":"Splitter","description":"The example explains the default functionalities of the JavaScript splitter with resizable panes, separator, and orientation (horizontal and vertical).","api":{"Splitter":["paneSettings","height","width","orientation"]},"uid":"0055550","order":0,"component":"Splitter","dir":"splitter","parentId":"055"},"0055551":{"url":"expand-and-collapse","name":"Expand and Collapse","category":"Splitter","description":"The example presents collapsible JavaScript Splitter that exposes expand and collapse action of panes with a different orientation and resizable panes.","api":{"Splitter":["paneSettings","height","width","orientation"]},"uid":"0055551","order":0,"component":"Splitter","dir":"splitter","parentId":"055"},"0055552":{"url":"accordion-navigation-menu","name":"Accordion Navigation Menu","category":"Use Case","description":"The example shows how to integrate Accordion and load the content from external sources using the Ajax library inside panes of JavaScript Splitter.","api":{"Splitter":["paneSettings","height","width","expanded","expanding","items","datasource","select"]},"uid":"0055552","order":1,"component":"Splitter","dir":"splitter","parentId":"055"},"0055553":{"url":"details-view","name":"Details View","category":"Use Case","description":"The example demonstrates how to create employee details view layout using panes of JavaScript Splitter and ListView with navigation.","api":{"Splitter":["paneSettings","height","width","enableVirtualization","cssClass","template","actionComplete","datasource","select"]},"uid":"0055553","order":1,"component":"Splitter","dir":"splitter","parentId":"055"},"0055554":{"url":"outlook-style-layout","name":"Outlook-style Layout","category":"Use Case","description":"The example explains how to construct an outlook style layout using JavaScript Splitter, TreeView, ListView, and Rich Text Editor with multiple panes.","api":{"Splitter":["paneSettings","height","width","fields","nodeTemplate","template","groupTemplate","cssClass","datasource","select"]},"uid":"0055554","order":1,"component":"Splitter","dir":"splitter","parentId":"055"},"0055555":{"url":"code-editor-layout","name":"Code Editor Layout","category":"Use Case","description":"The example shows how to construct code editor layout (UI) using JavaScript Splitter with multiple, nested, different oriented, and resizable panes.","api":{"Splitter":["paneSettings","height","width","orientation"]},"uid":"0055555","order":1,"component":"Splitter","dir":"splitter","parentId":"055"},"0056560":{"url":"default","name":"Default Functionalities","category":"Dashboard Layout","api":{"DashboardLayout":["cellSpacing"]},"description":"This example explains the default functionalities of the JavaScript Dashboard Layout with draggable and resizable panels.","uid":"0056560","order":0,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"056"},"0056561":{"url":"predefined-layouts","name":"Predefined Layouts","category":"Dashboard Layout","api":{"DashboardLayout":["panels","allowDragging","allowResizing","allowFloating"]},"description":"This sample demonstrates how to change the initially defined panels structure with a set of predefined panel templates dynamically.","uid":"0056561","order":0,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"056"},"0056562":{"url":"properties","name":"API","category":"Dashboard Layout","api":{"DashboardLayout":["panels","allowDragging","allowResizing","allowFloating"]},"description":"This sample demonstrates the most frequently used API combinations and dynamic addition and removal of panels within the layout.","uid":"0056562","order":0,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"056"},"0056563":{"url":"dynamic-widget","name":"Editable Dashboard","category":"Dashboard Layout","api":{"DashboardLayout":["panels","allowDragging","allowResizing","allowFloating"]},"description":"This sample demonstrates how to add the data visualization components such as pie, column and spline chart in panels dynamically within the layout.","uid":"0056563","order":0,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"056"},"0056564":{"url":"analytics-dashboard","name":"SEO Analytics Dashboard","category":"Use Case","api":{"DashboardLayout":["panels","allowDragging","allowResizing","allowFloating"]},"description":"This sample explains about constructing a real time dashboar.d for SEO analysis using data visualizing components like maps, charts, cards etc","uid":"0056564","order":1,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"056"},"0057570":{"url":"default","name":"Default Functionalities","category":"Query Builder","ftName":"query-builder","api":{"QueryBuilder":["width","dataSource","columns","rule","created"]},"description":"This sample demonstrates the default functionalities of the Query Builder component. Click the plus button to add group or conditions.","uid":"0057570","order":0,"component":"Query Builder","dir":"query-builder","parentId":"057"},"0057571":{"url":"template","name":"Template","category":"Query Builder","ftName":"query-builder","api":{"QueryBuilder":["width","columns","rule","ruleChange"]},"description":"This sample demonstrates the integration of DropdownList, Slider controls as Templates in the Query Builder component.","uid":"0057571","order":0,"component":"Query Builder","dir":"query-builder","parentId":"057"},"0057572":{"url":"grid","name":"Integration with Data Grid","category":"Query Builder","ftName":"query-builder","api":{"QueryBuilder":["width","dataSource","columns","rule","ruleChange"]},"description":"This sample demonstrates the integration of Grid component to showcase the data population based on the created filters using Query Builder component.","uid":"0057572","order":0,"component":"Query Builder","dir":"query-builder","parentId":"057"},"0058580":{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with minimum configuration.","category":"PDF Viewer","type":"update","uid":"0058580","order":0,"component":"PDF Viewer","dir":"pdfviewer","parentId":"058"},"0058581":{"url":"custom-toolbar","name":"Custom Toolbar","description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with custom toolbar configuration.","category":"PDF Viewer","uid":"0058581","order":0,"component":"PDF Viewer","dir":"pdfviewer","parentId":"058"},"0058582":{"url":"right-to-left","name":"Right to Left","description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with Right to Left Configuration ","category":"PDF Viewer","uid":"0058582","order":0,"component":"PDF Viewer","dir":"pdfviewer","parentId":"058"},"0058583":{"url":"form-filling","name":"Form Filling","description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with Form Filling Configuration ","category":"PDF Viewer","type":"new","uid":"0058583","order":0,"component":"PDF Viewer","dir":"pdfviewer","parentId":"058"}},"docInfo":{"00000":{"component":2,"name":1},"00001":{"component":2,"name":2},"00002":{"component":2,"name":1},"00003":{"component":2,"name":1},"00004":{"component":2,"name":2},"00005":{"component":2,"name":2},"00006":{"component":2,"name":1},"00007":{"component":2,"name":2},"00008":{"component":2,"name":1},"00009":{"component":2,"name":2},"000010":{"component":2,"name":2},"000011":{"component":2,"name":3},"000012":{"component":2,"name":4},"000013":{"component":2,"name":2},"000014":{"component":2,"name":2},"000015":{"component":2,"name":1},"000016":{"component":2,"name":2},"000017":{"component":2,"name":2},"000018":{"component":2,"name":2},"000019":{"component":2,"name":2},"000020":{"component":2,"name":2},"000021":{"component":2,"name":4},"000022":{"component":2,"name":6},"000023":{"component":2,"name":2},"000024":{"component":2,"name":2},"000025":{"component":2,"name":2},"000026":{"component":2,"name":2},"000027":{"component":2,"name":1},"000028":{"component":2,"name":2},"000029":{"component":2,"name":2},"000030":{"component":2,"name":2},"000031":{"component":2,"name":2},"000032":{"component":2,"name":2},"000033":{"component":2,"name":2},"000034":{"component":2,"name":4},"000035":{"component":2,"name":2},"000036":{"component":2,"name":2},"000037":{"component":2,"name":2},"000038":{"component":2,"name":2},"000039":{"component":2,"name":2},"000040":{"component":2,"name":2},"000041":{"component":2,"name":2},"000042":{"component":2,"name":2},"000043":{"component":2,"name":2},"000044":{"component":2,"name":2},"000045":{"component":2,"name":2},"000046":{"component":2,"name":1},"000047":{"component":2,"name":2},"000048":{"component":2,"name":4},"000049":{"component":2,"name":2},"000050":{"component":2,"name":2},"000051":{"component":2,"name":3},"000052":{"component":2,"name":2},"00110":{"component":2,"name":2},"00111":{"component":2,"name":2},"00112":{"component":2,"name":2},"00113":{"component":2,"name":1},"00114":{"component":2,"name":2},"00115":{"component":2,"name":2},"00116":{"component":2,"name":2},"00117":{"component":2,"name":2},"00118":{"component":2,"name":2},"00119":{"component":2,"name":1},"001110":{"component":2,"name":2},"001111":{"component":2,"name":1},"001112":{"component":2,"name":1},"001113":{"component":2,"name":2},"001114":{"component":2,"name":1},"001115":{"component":2,"name":2},"001116":{"component":2,"name":2},"001117":{"component":2,"name":2},"001118":{"component":2,"name":2},"001119":{"component":2,"name":2},"001120":{"component":2,"name":2},"001121":{"component":2,"name":2},"001122":{"component":2,"name":2},"001123":{"component":2,"name":1},"001124":{"component":2,"name":1},"001125":{"component":2,"name":3},"001126":{"component":2,"name":1},"00220":{"component":2,"name":1},"00221":{"component":2,"name":2},"00222":{"component":2,"name":2},"00223":{"component":2,"name":2},"00224":{"component":2,"name":2},"00225":{"component":2,"name":2},"00226":{"component":2,"name":2},"00227":{"component":2,"name":1},"00228":{"component":2,"name":1},"00229":{"component":2,"name":2},"002210":{"component":2,"name":2},"002211":{"component":2,"name":3},"002212":{"component":2,"name":4},"002213":{"component":2,"name":2},"002214":{"component":2,"name":2},"002215":{"component":2,"name":2},"002216":{"component":2,"name":2},"002217":{"component":2,"name":2},"002218":{"component":2,"name":3},"002219":{"component":2,"name":2},"002220":{"component":2,"name":2},"002221":{"component":2,"name":2},"002222":{"component":2,"name":2},"002223":{"component":2,"name":3},"002224":{"component":2,"name":2},"002225":{"component":2,"name":2},"002226":{"component":2,"name":2},"002227":{"component":2,"name":2},"002228":{"component":2,"name":2},"002229":{"component":2,"name":2},"002230":{"component":2,"name":1},"002231":{"component":2,"name":2},"002232":{"component":2,"name":2},"002233":{"component":2,"name":2},"002234":{"component":2,"name":2},"002235":{"component":2,"name":2},"002236":{"component":2,"name":2},"002237":{"component":2,"name":2},"002238":{"component":2,"name":2},"002239":{"component":2,"name":2},"002240":{"component":2,"name":2},"002241":{"component":2,"name":2},"002242":{"component":2,"name":3},"002243":{"component":2,"name":3},"002244":{"component":2,"name":2},"002245":{"component":2,"name":1},"002246":{"component":2,"name":2},"002247":{"component":2,"name":2},"002248":{"component":2,"name":1},"002249":{"component":2,"name":2},"002250":{"component":2,"name":2},"00330":{"component":1,"name":2},"00331":{"component":1,"name":1},"00332":{"component":1,"name":3},"00333":{"component":1,"name":3},"00334":{"component":1,"name":2},"00335":{"component":1,"name":2},"00440":{"component":1,"name":1},"00441":{"component":1,"name":1},"00442":{"component":1,"name":2},"00443":{"component":1,"name":2},"00444":{"component":1,"name":2},"00445":{"component":1,"name":2},"00446":{"component":1,"name":3},"00447":{"component":1,"name":2},"00448":{"component":1,"name":3},"00449":{"component":1,"name":1},"004410":{"component":1,"name":2},"004411":{"component":1,"name":2},"004412":{"component":1,"name":2},"004413":{"component":1,"name":2},"004414":{"component":1,"name":3},"004415":{"component":1,"name":3},"004416":{"component":1,"name":2},"004417":{"component":1,"name":1},"004418":{"component":1,"name":2},"004419":{"component":1,"name":4},"004420":{"component":1,"name":2},"004421":{"component":1,"name":3},"004422":{"component":1,"name":1},"004423":{"component":1,"name":2},"004424":{"component":1,"name":3},"004425":{"component":1,"name":2},"004426":{"component":1,"name":3},"004427":{"component":1,"name":2},"004428":{"component":1,"name":2},"004429":{"component":1,"name":1},"004430":{"component":1,"name":1},"004431":{"component":1,"name":1},"004432":{"component":1,"name":3},"004433":{"component":1,"name":2},"004434":{"component":1,"name":1},"004435":{"component":1,"name":1},"004436":{"component":1,"name":3},"004437":{"component":1,"name":2},"004438":{"component":1,"name":2},"004439":{"component":1,"name":1},"004440":{"component":1,"name":1},"004441":{"component":1,"name":1},"004442":{"component":1,"name":1},"004443":{"component":1,"name":1},"004444":{"component":1,"name":1},"004445":{"component":1,"name":1},"004446":{"component":1,"name":1},"004447":{"component":1,"name":1},"004448":{"component":1,"name":3},"004449":{"component":1,"name":2},"004450":{"component":1,"name":2},"004451":{"component":1,"name":1},"004452":{"component":1,"name":4},"004453":{"component":1,"name":1},"004454":{"component":1,"name":1},"004455":{"component":1,"name":1},"004456":{"component":1,"name":3},"004457":{"component":1,"name":2},"004458":{"component":1,"name":2},"004459":{"component":1,"name":1},"004460":{"component":1,"name":1},"004461":{"component":1,"name":2},"004462":{"component":1,"name":1},"004463":{"component":1,"name":1},"004464":{"component":1,"name":1},"004465":{"component":1,"name":2},"004466":{"component":1,"name":1},"004467":{"component":1,"name":1},"004468":{"component":1,"name":2},"004469":{"component":1,"name":2},"004470":{"component":1,"name":2},"004471":{"component":1,"name":2},"004472":{"component":1,"name":2},"004473":{"component":1,"name":2},"004474":{"component":1,"name":2},"004475":{"component":1,"name":3},"004476":{"component":1,"name":2},"004477":{"component":1,"name":3},"004478":{"component":1,"name":2},"004479":{"component":1,"name":2},"004480":{"component":1,"name":2},"004481":{"component":1,"name":2},"004482":{"component":1,"name":2},"004483":{"component":1,"name":2},"004484":{"component":1,"name":3},"004485":{"component":1,"name":2},"004486":{"component":1,"name":1},"004487":{"component":1,"name":2},"004488":{"component":1,"name":1},"004489":{"component":1,"name":2},"004490":{"component":1,"name":2},"004491":{"component":1,"name":2},"004492":{"component":1,"name":1},"004493":{"component":1,"name":1},"004494":{"component":1,"name":1},"004495":{"component":1,"name":2},"004496":{"component":1,"name":1},"004497":{"component":1,"name":1},"004498":{"component":1,"name":3},"004499":{"component":1,"name":2},"00550":{"component":2,"name":1},"00551":{"component":2,"name":1},"00552":{"component":2,"name":3},"00553":{"component":2,"name":2},"00554":{"component":2,"name":1},"00555":{"component":2,"name":1},"00556":{"component":2,"name":2},"00557":{"component":2,"name":2},"00558":{"component":2,"name":2},"00559":{"component":2,"name":2},"005510":{"component":2,"name":1},"005511":{"component":2,"name":3},"005512":{"component":2,"name":3},"005513":{"component":2,"name":2},"00660":{"component":2,"name":2},"00661":{"component":2,"name":1},"00662":{"component":2,"name":3},"00663":{"component":2,"name":1},"00664":{"component":2,"name":2},"00665":{"component":2,"name":3},"00666":{"component":2,"name":2},"00667":{"component":2,"name":1},"00668":{"component":2,"name":2},"00669":{"component":2,"name":2},"006610":{"component":2,"name":2},"006611":{"component":2,"name":2},"006612":{"component":2,"name":2},"006613":{"component":2,"name":1},"006614":{"component":2,"name":2},"006615":{"component":2,"name":3},"006616":{"component":2,"name":1},"00770":{"component":2,"name":2},"00771":{"component":2,"name":1},"00772":{"component":2,"name":1},"00773":{"component":2,"name":2},"00774":{"component":2,"name":3},"00775":{"component":2,"name":1},"00776":{"component":2,"name":1},"00777":{"component":2,"name":1},"00880":{"component":1,"name":2},"00881":{"component":1,"name":1},"00882":{"component":1,"name":1},"00883":{"component":1,"name":1},"00884":{"component":1,"name":1},"00885":{"component":1,"name":1},"00886":{"component":1,"name":1},"00887":{"component":1,"name":2},"00888":{"component":1,"name":1},"00889":{"component":1,"name":1},"008810":{"component":1,"name":2},"008811":{"component":1,"name":2},"008812":{"component":1,"name":2},"008813":{"component":1,"name":2},"008814":{"component":1,"name":3},"008815":{"component":1,"name":3},"008816":{"component":1,"name":2},"008817":{"component":1,"name":3},"008818":{"component":1,"name":2},"008819":{"component":1,"name":2},"008820":{"component":1,"name":2},"008821":{"component":1,"name":2},"008822":{"component":1,"name":2},"008823":{"component":1,"name":3},"008824":{"component":1,"name":2},"008825":{"component":1,"name":2},"008826":{"component":1,"name":2},"008827":{"component":1,"name":2},"008828":{"component":1,"name":2},"008829":{"component":1,"name":2},"008830":{"component":1,"name":2},"008831":{"component":1,"name":3},"008832":{"component":1,"name":3},"008833":{"component":1,"name":2},"008834":{"component":1,"name":2},"008835":{"component":1,"name":1},"008836":{"component":1,"name":2},"008837":{"component":1,"name":2},"00990":{"component":2,"name":2},"00991":{"component":2,"name":2},"00992":{"component":2,"name":2},"00993":{"component":2,"name":4},"00994":{"component":2,"name":1},"00995":{"component":2,"name":1},"00996":{"component":2,"name":2},"00997":{"component":2,"name":2},"00998":{"component":2,"name":2},"00999":{"component":2,"name":2},"009910":{"component":2,"name":2},"009911":{"component":2,"name":3},"009912":{"component":2,"name":1},"009913":{"component":2,"name":2},"009914":{"component":2,"name":2},"009915":{"component":2,"name":2},"009916":{"component":2,"name":2},"009917":{"component":2,"name":2},"0010100":{"component":1,"name":2},"0010101":{"component":1,"name":1},"0010102":{"component":1,"name":2},"0010103":{"component":1,"name":1},"0010104":{"component":1,"name":2},"0010105":{"component":1,"name":2},"0010106":{"component":1,"name":1},"0010107":{"component":1,"name":1},"0010108":{"component":1,"name":2},"0010109":{"component":1,"name":1},"00101010":{"component":1,"name":2},"00101011":{"component":1,"name":1},"00101012":{"component":1,"name":1},"00101013":{"component":1,"name":4},"00101014":{"component":1,"name":3},"00101015":{"component":1,"name":1},"00101016":{"component":1,"name":2},"00101017":{"component":1,"name":2},"00101018":{"component":1,"name":2},"00101019":{"component":1,"name":1},"00101020":{"component":1,"name":1},"00101021":{"component":1,"name":2},"00101022":{"component":1,"name":2},"00101023":{"component":1,"name":2},"00101024":{"component":1,"name":2},"00101025":{"component":1,"name":3},"00101026":{"component":1,"name":2},"00101027":{"component":1,"name":4},"00101028":{"component":1,"name":3},"00101029":{"component":1,"name":3},"0011110":{"component":2,"name":1},"0011111":{"component":2,"name":1},"0011112":{"component":2,"name":1},"0011113":{"component":2,"name":2},"0011114":{"component":2,"name":2},"0011115":{"component":2,"name":2},"0011116":{"component":2,"name":1},"0011117":{"component":2,"name":2},"0011118":{"component":2,"name":2},"0011119":{"component":2,"name":1},"00111110":{"component":2,"name":3},"00111111":{"component":2,"name":1},"0012120":{"component":2,"name":1},"0012121":{"component":2,"name":1},"0012122":{"component":2,"name":3},"0013130":{"component":1,"name":2},"0013131":{"component":1,"name":2},"0013132":{"component":1,"name":2},"0013133":{"component":1,"name":2},"0013134":{"component":1,"name":2},"0013135":{"component":1,"name":2},"0013136":{"component":1,"name":2},"0013137":{"component":1,"name":1},"0013138":{"component":1,"name":2},"0013139":{"component":1,"name":2},"00131310":{"component":1,"name":2},"00131311":{"component":1,"name":1},"00131312":{"component":1,"name":3},"00131313":{"component":1,"name":2},"00131314":{"component":1,"name":2},"0014140":{"component":2,"name":1},"0014141":{"component":2,"name":2},"0014142":{"component":2,"name":3},"0014143":{"component":2,"name":3},"0014144":{"component":2,"name":1},"0014145":{"component":2,"name":2},"0014146":{"component":2,"name":2},"0015150":{"component":1,"name":2},"0015151":{"component":1,"name":1},"0015152":{"component":1,"name":1},"0015153":{"component":1,"name":1},"0015154":{"component":1,"name":2},"0015155":{"component":1,"name":1},"0015156":{"component":1,"name":1},"0015157":{"component":1,"name":2},"0015158":{"component":1,"name":2},"0015159":{"component":1,"name":2},"00151510":{"component":1,"name":3},"00151511":{"component":1,"name":1},"0016160":{"component":3,"name":1},"0016161":{"component":3,"name":2},"0016162":{"component":3,"name":1},"0016163":{"component":3,"name":1},"0016164":{"component":3,"name":4},"0016165":{"component":3,"name":1},"0016166":{"component":3,"name":1},"0016167":{"component":3,"name":2},"0016168":{"component":3,"name":2},"0016169":{"component":3,"name":2},"00161610":{"component":3,"name":1},"00161611":{"component":3,"name":1},"00161612":{"component":3,"name":2},"00161613":{"component":3,"name":2},"00161614":{"component":3,"name":1},"00161615":{"component":3,"name":2},"00161616":{"component":3,"name":3},"00161617":{"component":3,"name":1},"00161618":{"component":3,"name":1},"00161619":{"component":3,"name":2},"00161620":{"component":3,"name":2},"0017170":{"component":1,"name":2},"0017171":{"component":1,"name":2},"0017172":{"component":1,"name":2},"0017173":{"component":1,"name":1},"0017174":{"component":1,"name":3},"0017175":{"component":1,"name":3},"0017176":{"component":1,"name":2},"0017177":{"component":1,"name":2},"0017178":{"component":1,"name":3},"0017179":{"component":1,"name":3},"00171710":{"component":1,"name":1},"00171711":{"component":1,"name":3},"00171712":{"component":1,"name":3},"00171713":{"component":1,"name":2},"00171714":{"component":1,"name":2},"00171715":{"component":1,"name":2},"0018180":{"component":1,"name":2},"0018181":{"component":1,"name":1},"0019190":{"component":1,"name":2},"0019191":{"component":1,"name":2},"0019192":{"component":1,"name":1},"0019193":{"component":1,"name":2},"0019194":{"component":1,"name":2},"0019195":{"component":1,"name":2},"0019196":{"component":1,"name":1},"0019197":{"component":1,"name":2},"0020200":{"component":3,"name":1},"0020201":{"component":3,"name":2},"0020202":{"component":3,"name":2},"0020203":{"component":3,"name":2},"0021210":{"component":1,"name":2},"0021211":{"component":1,"name":2},"0021212":{"component":1,"name":2},"0021213":{"component":1,"name":3},"0021214":{"component":1,"name":2},"0021215":{"component":1,"name":4},"0021216":{"component":1,"name":2},"0021217":{"component":1,"name":1},"0021218":{"component":1,"name":4},"0021219":{"component":1,"name":2},"00212110":{"component":1,"name":2},"00212111":{"component":1,"name":2},"00212112":{"component":1,"name":2},"00212113":{"component":1,"name":3},"00212114":{"component":1,"name":2},"00212115":{"component":1,"name":3},"00212116":{"component":1,"name":2},"00212117":{"component":1,"name":2},"00212118":{"component":1,"name":2},"00212119":{"component":1,"name":1},"00212120":{"component":1,"name":2},"00212121":{"component":1,"name":3},"00212122":{"component":1,"name":2},"00212123":{"component":1,"name":3},"00212124":{"component":1,"name":2},"00212125":{"component":1,"name":2},"00212126":{"component":1,"name":3},"00212127":{"component":1,"name":2},"00212128":{"component":1,"name":1},"00212129":{"component":1,"name":2},"00212130":{"component":1,"name":1},"00212131":{"component":1,"name":1},"00212132":{"component":1,"name":2},"00212133":{"component":1,"name":2},"00212134":{"component":1,"name":2},"00212135":{"component":1,"name":2},"00212136":{"component":1,"name":1},"00212137":{"component":1,"name":2},"00212138":{"component":1,"name":2},"00212139":{"component":1,"name":2},"00212140":{"component":1,"name":2},"00212141":{"component":1,"name":4},"00212142":{"component":1,"name":2},"00212143":{"component":1,"name":3},"00212144":{"component":1,"name":2},"00212145":{"component":1,"name":3},"00212146":{"component":1,"name":2},"00212147":{"component":1,"name":4},"00212148":{"component":1,"name":1},"00212149":{"component":1,"name":2},"00212150":{"component":1,"name":2},"00212151":{"component":1,"name":2},"00212152":{"component":1,"name":1},"0022220":{"component":1,"name":2},"0022221":{"component":1,"name":2},"0022222":{"component":1,"name":1},"0022223":{"component":1,"name":1},"0022224":{"component":1,"name":1},"0022225":{"component":1,"name":1},"0022226":{"component":1,"name":2},"0022227":{"component":1,"name":2},"0022228":{"component":1,"name":1},"0022229":{"component":1,"name":2},"00222210":{"component":1,"name":1},"0023230":{"component":1,"name":2},"0023231":{"component":1,"name":2},"0023232":{"component":1,"name":2},"0023233":{"component":1,"name":2},"0023234":{"component":1,"name":2},"0023235":{"component":1,"name":2},"0023236":{"component":1,"name":2},"0024240":{"component":1,"name":2},"0024241":{"component":1,"name":2},"0024242":{"component":1,"name":2},"0024243":{"component":1,"name":1},"0024244":{"component":1,"name":2},"0024245":{"component":1,"name":2},"0025250":{"component":1,"name":2},"0025251":{"component":1,"name":2},"0025252":{"component":1,"name":2},"0025253":{"component":1,"name":2},"0025254":{"component":1,"name":1},"0025255":{"component":1,"name":3},"0026260":{"component":1,"name":2},"0026261":{"component":1,"name":2},"0026262":{"component":1,"name":2},"0026263":{"component":1,"name":1},"0026264":{"component":1,"name":2},"0027270":{"component":1,"name":2},"0027271":{"component":1,"name":2},"0027272":{"component":1,"name":1},"0027273":{"component":1,"name":2},"0028280":{"component":1,"name":2},"0028281":{"component":1,"name":3},"0028282":{"component":1,"name":2},"0028283":{"component":1,"name":1},"0028284":{"component":1,"name":1},"0028285":{"component":1,"name":2},"0028286":{"component":1,"name":2},"0029290":{"component":1,"name":2},"0029291":{"component":1,"name":3},"0029292":{"component":1,"name":2},"0029293":{"component":1,"name":2},"0029294":{"component":1,"name":1},"0029295":{"component":1,"name":1},"0029296":{"component":1,"name":1},"0029297":{"component":1,"name":2},"0030300":{"component":2,"name":2},"0030301":{"component":2,"name":3},"0030302":{"component":2,"name":2},"0030303":{"component":2,"name":1},"0030304":{"component":2,"name":1},"0030305":{"component":2,"name":1},"0030306":{"component":2,"name":1},"0030307":{"component":2,"name":2},"0031310":{"component":2,"name":2},"0031311":{"component":2,"name":2},"0031312":{"component":2,"name":1},"0031313":{"component":2,"name":1},"0031314":{"component":2,"name":1},"0031315":{"component":2,"name":2},"0031316":{"component":2,"name":2},"0031317":{"component":2,"name":1},"0031318":{"component":2,"name":3},"0031319":{"component":2,"name":2},"00313110":{"component":2,"name":2},"0032320":{"component":2,"name":2},"0032321":{"component":2,"name":2},"0032322":{"component":2,"name":3},"0032323":{"component":2,"name":1},"0032324":{"component":2,"name":1},"0033330":{"component":1,"name":2},"0033331":{"component":1,"name":2},"0033332":{"component":1,"name":1},"0034340":{"component":2,"name":2},"0035350":{"component":2,"name":2},"0035351":{"component":2,"name":2},"0035352":{"component":2,"name":1},"0035353":{"component":2,"name":1},"0035354":{"component":2,"name":2},"0035355":{"component":2,"name":1},"0035356":{"component":2,"name":2},"0036360":{"component":1,"name":2},"0036361":{"component":1,"name":1},"0036362":{"component":1,"name":1},"0036363":{"component":1,"name":2},"0036364":{"component":1,"name":2},"0036365":{"component":1,"name":3},"0037370":{"component":1,"name":2},"0037371":{"component":1,"name":1},"0037372":{"component":1,"name":2},"0037373":{"component":1,"name":1},"0038380":{"component":1,"name":2},"0038381":{"component":1,"name":1},"0038382":{"component":1,"name":1},"0039390":{"component":1,"name":2},"0039391":{"component":1,"name":2},"0039392":{"component":1,"name":2},"0039393":{"component":1,"name":3},"0039394":{"component":1,"name":1},"0039395":{"component":1,"name":2},"0039396":{"component":1,"name":2},"0039397":{"component":1,"name":3},"0039398":{"component":1,"name":1},"0040400":{"component":2,"name":1},"0040401":{"component":2,"name":2},"0040402":{"component":2,"name":1},"0040403":{"component":2,"name":3},"0040404":{"component":2,"name":2},"0040405":{"component":2,"name":3},"0040406":{"component":2,"name":3},"0040407":{"component":2,"name":3},"0040408":{"component":2,"name":4},"0040409":{"component":2,"name":4},"0041410":{"component":1,"name":1},"0041411":{"component":1,"name":1},"0041412":{"component":1,"name":1},"0041413":{"component":1,"name":1},"0041414":{"component":1,"name":1},"0041415":{"component":1,"name":1},"0042420":{"component":1,"name":2},"0042421":{"component":1,"name":1},"0042422":{"component":1,"name":1},"0042423":{"component":1,"name":1},"0042424":{"component":1,"name":1},"0043430":{"component":2,"name":2},"0043431":{"component":2,"name":2},"0043432":{"component":2,"name":3},"0043433":{"component":2,"name":2},"0044440":{"component":1,"name":2},"0044441":{"component":1,"name":2},"0045450":{"component":2,"name":2},"0045451":{"component":2,"name":2},"0045452":{"component":2,"name":1},"0046460":{"component":2,"name":2},"0046461":{"component":2,"name":2},"0046462":{"component":2,"name":2},"0046463":{"component":2,"name":2},"0047470":{"component":2,"name":2},"0047471":{"component":2,"name":2},"0047472":{"component":2,"name":2},"0047473":{"component":2,"name":1},"0048480":{"component":2,"name":2},"0048481":{"component":2,"name":2},"0048482":{"component":2,"name":1},"0048483":{"component":2,"name":2},"0048484":{"component":2,"name":2},"0048485":{"component":2,"name":2},"0048486":{"component":2,"name":2},"0048487":{"component":2,"name":3},"0049490":{"component":2,"name":2},"0049491":{"component":2,"name":1},"0049492":{"component":2,"name":1},"0049493":{"component":2,"name":2},"0049494":{"component":2,"name":1},"0049495":{"component":2,"name":1},"0049496":{"component":2,"name":1},"0049497":{"component":2,"name":1},"0049498":{"component":2,"name":1},"0049499":{"component":2,"name":1},"00494910":{"component":2,"name":1},"00494911":{"component":2,"name":1},"00494912":{"component":2,"name":2},"0050500":{"component":1,"name":1},"0050501":{"component":1,"name":1},"0050502":{"component":1,"name":1},"0050503":{"component":1,"name":1},"0050504":{"component":1,"name":1},"0051510":{"component":1,"name":2},"0051511":{"component":1,"name":2},"0051512":{"component":1,"name":2},"0051513":{"component":1,"name":2},"0051514":{"component":1,"name":2},"0051515":{"component":1,"name":2},"0051516":{"component":1,"name":2},"0052520":{"component":1,"name":2},"0052521":{"component":1,"name":2},"0052522":{"component":1,"name":1},"0052523":{"component":1,"name":1},"0052524":{"component":1,"name":2},"0052525":{"component":1,"name":1},"0052526":{"component":1,"name":1},"0052527":{"component":1,"name":1},"0052528":{"component":1,"name":1},"0052529":{"component":1,"name":2},"0053530":{"component":1,"name":2},"0053531":{"component":1,"name":2},"0053532":{"component":1,"name":1},"0053533":{"component":1,"name":2},"0053534":{"component":1,"name":1},"0053535":{"component":1,"name":1},"0053536":{"component":1,"name":2},"0053537":{"component":1,"name":2},"0054540":{"component":1,"name":2},"0054541":{"component":1,"name":1},"0054542":{"component":1,"name":2},"0054543":{"component":1,"name":2},"0054544":{"component":1,"name":2},"0054545":{"component":1,"name":2},"0054546":{"component":1,"name":1},"0055550":{"component":1,"name":2},"0055551":{"component":1,"name":3},"0055552":{"component":1,"name":3},"0055553":{"component":1,"name":2},"0055554":{"component":1,"name":3},"0055555":{"component":1,"name":3},"0056560":{"component":2,"name":2},"0056561":{"component":2,"name":2},"0056562":{"component":2,"name":1},"0056563":{"component":2,"name":2},"0056564":{"component":2,"name":3},"0057570":{"component":2,"name":2},"0057571":{"component":2,"name":1},"0057572":{"component":2,"name":4},"0058580":{"component":2,"name":2},"0058581":{"component":2,"name":2},"0058582":{"component":2,"name":3},"0058583":{"component":2,"name":2}},"length":740,"save":true},"index":{"component":{"root":{"docs":{},"df":0,"d":{"docs":{},"df":0,"a":{"docs":{},"df":0,"t":{"docs":{},"df":0,"a":{"docs":{"00000":{"tf":1},"00001":{"tf":1},"00002":{"tf":1},"00003":{"tf":1},"00004":{"tf":1},"00005":{"tf":1},"00006":{"tf":1},"00007":{"tf":1},"00008":{"tf":1},"00009":{"tf":1},"000010":{"tf":1},"000011":{"tf":1},"000012":{"tf":1},"000013":{"tf":1},"000014":{"tf":1},"000015":{"tf":1},"000016":{"tf":1},"000017":{"tf":1},"000018":{"tf":1},"000019":{"tf":1},"000020":{"tf":1},"000021":{"tf":1},"000022":{"tf":1},"000023":{"tf":1},"000024":{"tf":1},"000025":{"tf":1},"000026":{"tf":1},"000027":{"tf":1},"000028":{"tf":1},"000029":{"tf":1},"000030":{"tf":1},"000031":{"tf":1},"000032":{"tf":1},"000033":{"tf":1},"000034":{"tf":1},"000035":{"tf":1},"000036":{"tf":1},"000037":{"tf":1},"000038":{"tf":1},"000039":{"tf":1},"000040":{"tf":1},"000041":{"tf":1},"000042":{"tf":1},"000043":{"tf":1},"000044":{"tf":1},"000045":{"tf":1},"000046":{"tf":1},"000047":{"tf":1},"000048":{"tf":1},"000049":{"tf":1},"000050":{"tf":1},"000051":{"tf":1},"000052":{"tf":1}},"df":53},"e":{"docs":{},"df":0,"p":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"0024240":{"tf":1},"0024241":{"tf":1},"0024242":{"tf":1},"0024243":{"tf":1},"0024244":{"tf":1},"0024245":{"tf":1}},"df":6}}}},"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"n":{"docs":{},"df":0,"g":{"docs":{},"df":0,"e":{"docs":{},"df":0,"p":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"0025250":{"tf":1},"0025251":{"tf":1},"0025252":{"tf":1},"0025253":{"tf":1},"0025254":{"tf":1},"0025255":{"tf":1}},"df":6}}}}}}}}},"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"p":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"0026260":{"tf":1},"0026261":{"tf":1},"0026262":{"tf":1},"0026263":{"tf":1},"0026264":{"tf":1}},"df":5}}}}}}}}}},"s":{"docs":{},"df":0,"h":{"docs":{},"df":0,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{"0056560":{"tf":1},"0056561":{"tf":1},"0056562":{"tf":1},"0056563":{"tf":1},"0056564":{"tf":1}},"df":5}}}}}}}},"i":{"docs":{},"df":0,"a":{"docs":{},"df":0,"g":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"m":{"docs":{"00880":{"tf":1},"00881":{"tf":1},"00882":{"tf":1},"00883":{"tf":1},"00884":{"tf":1},"00885":{"tf":1},"00886":{"tf":1},"00887":{"tf":1},"00888":{"tf":1},"00889":{"tf":1},"008810":{"tf":1},"008811":{"tf":1},"008812":{"tf":1},"008813":{"tf":1},"008814":{"tf":1},"008815":{"tf":1},"008816":{"tf":1},"008817":{"tf":1},"008818":{"tf":1},"008819":{"tf":1},"008820":{"tf":1},"008821":{"tf":1},"008822":{"tf":1},"008823":{"tf":1},"008824":{"tf":1},"008825":{"tf":1},"008826":{"tf":1},"008827":{"tf":1},"008828":{"tf":1},"008829":{"tf":1},"008830":{"tf":1},"008831":{"tf":1},"008832":{"tf":1},"008833":{"tf":1},"008834":{"tf":1},"008835":{"tf":1},"008836":{"tf":1},"008837":{"tf":1}},"df":38}}}},"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"g":{"docs":{"0052520":{"tf":1},"0052521":{"tf":1},"0052522":{"tf":1},"0052523":{"tf":1},"0052524":{"tf":1},"0052525":{"tf":1},"0052526":{"tf":1},"0052527":{"tf":1},"0052528":{"tf":1},"0052529":{"tf":1}},"df":10}}}}},"o":{"docs":{},"df":0,"c":{"docs":{},"df":0,"u":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"d":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{"0017170":{"tf":1},"0017171":{"tf":1},"0017172":{"tf":1},"0017173":{"tf":1},"0017174":{"tf":1},"0017175":{"tf":1},"0017176":{"tf":1},"0017177":{"tf":1},"0017178":{"tf":1},"0017179":{"tf":1},"00171710":{"tf":1},"00171711":{"tf":1},"00171712":{"tf":1},"00171713":{"tf":1},"00171714":{"tf":1},"00171715":{"tf":1}},"df":16}}}}}}}}}}}}},"r":{"docs":{},"df":0,"o":{"docs":{},"df":0,"p":{"docs":{},"df":0,"d":{"docs":{},"df":0,"o":{"docs":{},"df":0,"w":{"docs":{},"df":0,"n":{"docs":{"0030300":{"tf":1},"0030301":{"tf":1},"0030302":{"tf":1},"0030303":{"tf":1},"0030304":{"tf":1},"0030305":{"tf":1},"0030306":{"tf":1},"0030307":{"tf":1},"0031310":{"tf":1},"0031311":{"tf":1},"0031312":{"tf":1},"0031313":{"tf":1},"0031314":{"tf":1},"0031315":{"tf":1},"0031316":{"tf":1},"0031317":{"tf":1},"0031318":{"tf":1},"0031319":{"tf":1},"00313110":{"tf":1}},"df":19}}}}}}}},"g":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{"00000":{"tf":1},"00001":{"tf":1},"00002":{"tf":1},"00003":{"tf":1},"00004":{"tf":1},"00005":{"tf":1},"00006":{"tf":1},"00007":{"tf":1},"00008":{"tf":1},"00009":{"tf":1},"000010":{"tf":1},"000011":{"tf":1},"000012":{"tf":1},"000013":{"tf":1},"000014":{"tf":1},"000015":{"tf":1},"000016":{"tf":1},"000017":{"tf":1},"000018":{"tf":1},"000019":{"tf":1},"000020":{"tf":1},"000021":{"tf":1},"000022":{"tf":1},"000023":{"tf":1},"000024":{"tf":1},"000025":{"tf":1},"000026":{"tf":1},"000027":{"tf":1},"000028":{"tf":1},"000029":{"tf":1},"000030":{"tf":1},"000031":{"tf":1},"000032":{"tf":1},"000033":{"tf":1},"000034":{"tf":1},"000035":{"tf":1},"000036":{"tf":1},"000037":{"tf":1},"000038":{"tf":1},"000039":{"tf":1},"000040":{"tf":1},"000041":{"tf":1},"000042":{"tf":1},"000043":{"tf":1},"000044":{"tf":1},"000045":{"tf":1},"000046":{"tf":1},"000047":{"tf":1},"000048":{"tf":1},"000049":{"tf":1},"000050":{"tf":1},"000051":{"tf":1},"000052":{"tf":1},"00220":{"tf":1},"00221":{"tf":1},"00222":{"tf":1},"00223":{"tf":1},"00224":{"tf":1},"00225":{"tf":1},"00226":{"tf":1},"00227":{"tf":1},"00228":{"tf":1},"00229":{"tf":1},"002210":{"tf":1},"002211":{"tf":1},"002212":{"tf":1},"002213":{"tf":1},"002214":{"tf":1},"002215":{"tf":1},"002216":{"tf":1},"002217":{"tf":1},"002218":{"tf":1},"002219":{"tf":1},"002220":{"tf":1},"002221":{"tf":1},"002222":{"tf":1},"002223":{"tf":1},"002224":{"tf":1},"002225":{"tf":1},"002226":{"tf":1},"002227":{"tf":1},"002228":{"tf":1},"002229":{"tf":1},"002230":{"tf":1},"002231":{"tf":1},"002232":{"tf":1},"002233":{"tf":1},"002234":{"tf":1},"002235":{"tf":1},"002236":{"tf":1},"002237":{"tf":1},"002238":{"tf":1},"002239":{"tf":1},"002240":{"tf":1},"002241":{"tf":1},"002242":{"tf":1},"002243":{"tf":1},"002244":{"tf":1},"002245":{"tf":1},"002246":{"tf":1},"002247":{"tf":1},"002248":{"tf":1},"002249":{"tf":1},"002250":{"tf":1}},"df":104}}},"a":{"docs":{},"df":0,"u":{"docs":{},"df":0,"g":{"docs":{"00660":{"tf":1},"00661":{"tf":1},"00662":{"tf":1},"00663":{"tf":1},"00664":{"tf":1},"00665":{"tf":1},"00666":{"tf":1},"00667":{"tf":1},"00668":{"tf":1},"00669":{"tf":1},"006610":{"tf":1},"006611":{"tf":1},"006612":{"tf":1},"006613":{"tf":1},"006614":{"tf":1},"006615":{"tf":1},"006616":{"tf":1},"00770":{"tf":1},"00771":{"tf":1},"00772":{"tf":1},"00773":{"tf":1},"00774":{"tf":1},"00775":{"tf":1},"00776":{"tf":1},"00777":{"tf":1}},"df":25}},"n":{"docs":{},"df":0,"t":{"docs":{},"df":0,"t":{"docs":{"0022220":{"tf":1},"0022221":{"tf":1},"0022222":{"tf":1},"0022223":{"tf":1},"0022224":{"tf":1},"0022225":{"tf":1},"0022226":{"tf":1},"0022227":{"tf":1},"0022228":{"tf":1},"0022229":{"tf":1},"00222210":{"tf":1}},"df":11}}}}},"p":{"docs":{},"df":0,"i":{"docs":{},"df":0,"v":{"docs":{},"df":0,"o":{"docs":{},"df":0,"t":{"docs":{"00110":{"tf":1},"00111":{"tf":1},"00112":{"tf":1},"00113":{"tf":1},"00114":{"tf":1},"00115":{"tf":1},"00116":{"tf":1},"00117":{"tf":1},"00118":{"tf":1},"00119":{"tf":1},"001110":{"tf":1},"001111":{"tf":1},"001112":{"tf":1},"001113":{"tf":1},"001114":{"tf":1},"001115":{"tf":1},"001116":{"tf":1},"001117":{"tf":1},"001118":{"tf":1},"001119":{"tf":1},"001120":{"tf":1},"001121":{"tf":1},"001122":{"tf":1},"001123":{"tf":1},"001124":{"tf":1},"001125":{"tf":1},"001126":{"tf":1}},"df":27}}},"c":{"docs":{},"df":0,"k":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0047470":{"tf":1},"0047471":{"tf":1},"0047472":{"tf":1},"0047473":{"tf":1}},"df":4}}}}},"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"e":{"docs":{"0020200":{"tf":1},"0020201":{"tf":1},"0020202":{"tf":1},"0020203":{"tf":1}},"df":4}}}},"d":{"docs":{},"df":0,"f":{"docs":{"0058580":{"tf":1},"0058581":{"tf":1},"0058582":{"tf":1},"0058583":{"tf":1}},"df":4}}},"t":{"docs":{},"df":0,"a":{"docs":{},"df":0,"b":{"docs":{"0037370":{"tf":1},"0037371":{"tf":1},"0037372":{"tf":1},"0037373":{"tf":1}},"df":4,"l":{"docs":{"00110":{"tf":1},"00111":{"tf":1},"00112":{"tf":1},"00113":{"tf":1},"00114":{"tf":1},"00115":{"tf":1},"00116":{"tf":1},"00117":{"tf":1},"00118":{"tf":1},"00119":{"tf":1},"001110":{"tf":1},"001111":{"tf":1},"001112":{"tf":1},"001113":{"tf":1},"001114":{"tf":1},"001115":{"tf":1},"001116":{"tf":1},"001117":{"tf":1},"001118":{"tf":1},"001119":{"tf":1},"001120":{"tf":1},"001121":{"tf":1},"001122":{"tf":1},"001123":{"tf":1},"001124":{"tf":1},"001125":{"tf":1},"001126":{"tf":1}},"df":27}}},"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"e":{"docs":{"00220":{"tf":1},"00221":{"tf":1},"00222":{"tf":1},"00223":{"tf":1},"00224":{"tf":1},"00225":{"tf":1},"00226":{"tf":1},"00227":{"tf":1},"00228":{"tf":1},"00229":{"tf":1},"002210":{"tf":1},"002211":{"tf":1},"002212":{"tf":1},"002213":{"tf":1},"002214":{"tf":1},"002215":{"tf":1},"002216":{"tf":1},"002217":{"tf":1},"002218":{"tf":1},"002219":{"tf":1},"002220":{"tf":1},"002221":{"tf":1},"002222":{"tf":1},"002223":{"tf":1},"002224":{"tf":1},"002225":{"tf":1},"002226":{"tf":1},"002227":{"tf":1},"002228":{"tf":1},"002229":{"tf":1},"002230":{"tf":1},"002231":{"tf":1},"002232":{"tf":1},"002233":{"tf":1},"002234":{"tf":1},"002235":{"tf":1},"002236":{"tf":1},"002237":{"tf":1},"002238":{"tf":1},"002239":{"tf":1},"002240":{"tf":1},"002241":{"tf":1},"002242":{"tf":1},"002243":{"tf":1},"002244":{"tf":1},"002245":{"tf":1},"002246":{"tf":1},"002247":{"tf":1},"002248":{"tf":1},"002249":{"tf":1},"002250":{"tf":1}},"df":51,"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{"0015150":{"tf":1},"0015151":{"tf":1},"0015152":{"tf":1},"0015153":{"tf":1},"0015154":{"tf":1},"0015155":{"tf":1},"0015156":{"tf":1},"0015157":{"tf":1},"0015158":{"tf":1},"0015159":{"tf":1},"00151510":{"tf":1},"00151511":{"tf":1}},"df":12}}},"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"e":{"docs":{},"df":0,"w":{"docs":{"0039390":{"tf":1},"0039391":{"tf":1},"0039392":{"tf":1},"0039393":{"tf":1},"0039394":{"tf":1},"0039395":{"tf":1},"0039396":{"tf":1},"0039397":{"tf":1},"0039398":{"tf":1}},"df":9}}}}}}},"e":{"docs":{},"df":0,"x":{"docs":{},"df":0,"t":{"docs":{"0016160":{"tf":1},"0016161":{"tf":1},"0016162":{"tf":1},"0016163":{"tf":1},"0016164":{"tf":1},"0016165":{"tf":1},"0016166":{"tf":1},"0016167":{"tf":1},"0016168":{"tf":1},"0016169":{"tf":1},"00161610":{"tf":1},"00161611":{"tf":1},"00161612":{"tf":1},"00161613":{"tf":1},"00161614":{"tf":1},"00161615":{"tf":1},"00161616":{"tf":1},"00161617":{"tf":1},"00161618":{"tf":1},"00161619":{"tf":1},"00161620":{"tf":1}},"df":21,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"x":{"docs":{"0044440":{"tf":1},"0044441":{"tf":1},"0046460":{"tf":1},"0046461":{"tf":1},"0046462":{"tf":1},"0046463":{"tf":1}},"df":6}}}}}},"i":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"p":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"0027270":{"tf":1},"0027271":{"tf":1},"0027272":{"tf":1},"0027273":{"tf":1}},"df":4}}}}}}},"o":{"docs":{},"df":0,"o":{"docs":{},"df":0,"l":{"docs":{},"df":0,"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"0038380":{"tf":1},"0038381":{"tf":1},"0038382":{"tf":1}},"df":3}}},"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"p":{"docs":{"0054540":{"tf":1},"0054541":{"tf":1},"0054542":{"tf":1},"0054543":{"tf":1},"0054544":{"tf":1},"0054545":{"tf":1},"0054546":{"tf":1}},"df":7}}}}},"a":{"docs":{},"df":0,"s":{"docs":{},"df":0,"t":{"docs":{"0042420":{"tf":1},"0042421":{"tf":1},"0042422":{"tf":1},"0042423":{"tf":1},"0042424":{"tf":1}},"df":5}}}}},"s":{"docs":{},"df":0,"p":{"docs":{},"df":0,"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"d":{"docs":{},"df":0,"s":{"docs":{},"df":0,"h":{"docs":{},"df":0,"e":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{"00330":{"tf":1},"00331":{"tf":1},"00332":{"tf":1},"00333":{"tf":1},"00334":{"tf":1},"00335":{"tf":1}},"df":6}}}}}}}}},"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"k":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"0014140":{"tf":1},"0014141":{"tf":1},"0014142":{"tf":1},"0014143":{"tf":1},"0014144":{"tf":1},"0014145":{"tf":1},"0014146":{"tf":1}},"df":7}}}}}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0055550":{"tf":1},"0055551":{"tf":1},"0055552":{"tf":1},"0055553":{"tf":1},"0055554":{"tf":1},"0055555":{"tf":1}},"df":6}}}}}}},"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"00550":{"tf":1},"00551":{"tf":1},"00552":{"tf":1},"00553":{"tf":1},"00554":{"tf":1},"00555":{"tf":1},"00556":{"tf":1},"00557":{"tf":1},"00558":{"tf":1},"00559":{"tf":1},"005510":{"tf":1},"005511":{"tf":1},"005512":{"tf":1},"005513":{"tf":1}},"df":14}}}},"e":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{"0011110":{"tf":1},"0011111":{"tf":1},"0011112":{"tf":1},"0011113":{"tf":1},"0011114":{"tf":1},"0011115":{"tf":1},"0011116":{"tf":1},"0011117":{"tf":1},"0011118":{"tf":1},"0011119":{"tf":1},"00111110":{"tf":1},"00111111":{"tf":1}},"df":12}}}}}}},"m":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{},"df":0,"h":{"docs":{"0012120":{"tf":1},"0012121":{"tf":1},"0012122":{"tf":1}},"df":3}}}},"c":{"docs":{},"df":0,"h":{"docs":{},"df":0,"e":{"docs":{},"df":0,"d":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{"0021210":{"tf":1},"0021211":{"tf":1},"0021212":{"tf":1},"0021213":{"tf":1},"0021214":{"tf":1},"0021215":{"tf":1},"0021216":{"tf":1},"0021217":{"tf":1},"0021218":{"tf":1},"0021219":{"tf":1},"00212110":{"tf":1},"00212111":{"tf":1},"00212112":{"tf":1},"00212113":{"tf":1},"00212114":{"tf":1},"00212115":{"tf":1},"00212116":{"tf":1},"00212117":{"tf":1},"00212118":{"tf":1},"00212119":{"tf":1},"00212120":{"tf":1},"00212121":{"tf":1},"00212122":{"tf":1},"00212123":{"tf":1},"00212124":{"tf":1},"00212125":{"tf":1},"00212126":{"tf":1},"00212127":{"tf":1},"00212128":{"tf":1},"00212129":{"tf":1},"00212130":{"tf":1},"00212131":{"tf":1},"00212132":{"tf":1},"00212133":{"tf":1},"00212134":{"tf":1},"00212135":{"tf":1},"00212136":{"tf":1},"00212137":{"tf":1},"00212138":{"tf":1},"00212139":{"tf":1},"00212140":{"tf":1},"00212141":{"tf":1},"00212142":{"tf":1},"00212143":{"tf":1},"00212144":{"tf":1},"00212145":{"tf":1},"00212146":{"tf":1},"00212147":{"tf":1},"00212148":{"tf":1},"00212149":{"tf":1},"00212150":{"tf":1},"00212151":{"tf":1},"00212152":{"tf":1}},"df":53}}}}}},"i":{"docs":{},"df":0,"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"0036360":{"tf":1},"0036361":{"tf":1},"0036362":{"tf":1},"0036363":{"tf":1},"0036364":{"tf":1},"0036365":{"tf":1}},"df":6}}}}}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0049490":{"tf":1},"0049491":{"tf":1},"0049492":{"tf":1},"0049493":{"tf":1},"0049494":{"tf":1},"0049495":{"tf":1},"0049496":{"tf":1},"0049497":{"tf":1},"0049498":{"tf":1},"0049499":{"tf":1},"00494910":{"tf":1},"00494911":{"tf":1},"00494912":{"tf":1}},"df":13}}}}}},"c":{"docs":{},"df":0,"h":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{"00440":{"tf":1},"00441":{"tf":1},"00442":{"tf":1},"00443":{"tf":1},"00444":{"tf":1},"00445":{"tf":1},"00446":{"tf":1},"00447":{"tf":1},"00448":{"tf":1},"00449":{"tf":1},"004410":{"tf":1},"004411":{"tf":1},"004412":{"tf":1},"004413":{"tf":1},"004414":{"tf":1},"004415":{"tf":1},"004416":{"tf":1},"004417":{"tf":1},"004418":{"tf":1},"004419":{"tf":1},"004420":{"tf":1},"004421":{"tf":1},"004422":{"tf":1},"004423":{"tf":1},"004424":{"tf":1},"004425":{"tf":1},"004426":{"tf":1},"004427":{"tf":1},"004428":{"tf":1},"004429":{"tf":1},"004430":{"tf":1},"004431":{"tf":1},"004432":{"tf":1},"004433":{"tf":1},"004434":{"tf":1},"004435":{"tf":1},"004436":{"tf":1},"004437":{"tf":1},"004438":{"tf":1},"004439":{"tf":1},"004440":{"tf":1},"004441":{"tf":1},"004442":{"tf":1},"004443":{"tf":1},"004444":{"tf":1},"004445":{"tf":1},"004446":{"tf":1},"004447":{"tf":1},"004448":{"tf":1},"004449":{"tf":1},"004450":{"tf":1},"004451":{"tf":1},"004452":{"tf":1},"004453":{"tf":1},"004454":{"tf":1},"004455":{"tf":1},"004456":{"tf":1},"004457":{"tf":1},"004458":{"tf":1},"004459":{"tf":1},"004460":{"tf":1},"004461":{"tf":1},"004462":{"tf":1},"004463":{"tf":1},"004464":{"tf":1},"004465":{"tf":1},"004466":{"tf":1},"004467":{"tf":1},"004468":{"tf":1},"004469":{"tf":1},"004470":{"tf":1},"004471":{"tf":1},"004472":{"tf":1},"004473":{"tf":1},"004474":{"tf":1},"004475":{"tf":1},"004476":{"tf":1},"004477":{"tf":1},"004478":{"tf":1},"004479":{"tf":1},"004480":{"tf":1},"004481":{"tf":1},"004482":{"tf":1},"004483":{"tf":1},"004484":{"tf":1},"004485":{"tf":1},"004486":{"tf":1},"004487":{"tf":1},"004488":{"tf":1},"004489":{"tf":1},"004490":{"tf":1},"004491":{"tf":1},"004492":{"tf":1},"004493":{"tf":1},"004494":{"tf":1},"004495":{"tf":1},"004496":{"tf":1},"004497":{"tf":1},"004498":{"tf":1},"004499":{"tf":1},"00550":{"tf":1},"00551":{"tf":1},"00552":{"tf":1},"00553":{"tf":1},"00554":{"tf":1},"00555":{"tf":1},"00556":{"tf":1},"00557":{"tf":1},"00558":{"tf":1},"00559":{"tf":1},"005510":{"tf":1},"005511":{"tf":1},"005512":{"tf":1},"005513":{"tf":1},"00990":{"tf":1},"00991":{"tf":1},"00992":{"tf":1},"00993":{"tf":1},"00994":{"tf":1},"00995":{"tf":1},"00996":{"tf":1},"00997":{"tf":1},"00998":{"tf":1},"00999":{"tf":1},"009910":{"tf":1},"009911":{"tf":1},"009912":{"tf":1},"009913":{"tf":1},"009914":{"tf":1},"009915":{"tf":1},"009916":{"tf":1},"009917":{"tf":1},"0012120":{"tf":1},"0012121":{"tf":1},"0012122":{"tf":1},"0014140":{"tf":1},"0014141":{"tf":1},"0014142":{"tf":1},"0014143":{"tf":1},"0014144":{"tf":1},"0014145":{"tf":1},"0014146":{"tf":1}},"df":142}}},"i":{"docs":{},"df":0,"p":{"docs":{"0018180":{"tf":1},"0018181":{"tf":1}},"df":2}}},"i":{"docs":{},"df":0,"r":{"docs":{},"df":0,"c":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"00660":{"tf":1},"00661":{"tf":1},"00662":{"tf":1},"00663":{"tf":1},"00664":{"tf":1},"00665":{"tf":1},"00666":{"tf":1},"00667":{"tf":1},"00668":{"tf":1},"00669":{"tf":1},"006610":{"tf":1},"006611":{"tf":1},"006612":{"tf":1},"006613":{"tf":1},"006614":{"tf":1},"006615":{"tf":1},"006616":{"tf":1}},"df":17}}}}}}},"a":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"0023230":{"tf":1},"0023231":{"tf":1},"0023232":{"tf":1},"0023233":{"tf":1},"0023234":{"tf":1},"0023235":{"tf":1},"0023236":{"tf":1}},"df":7}}}}}},"r":{"docs":{},"df":0,"d":{"docs":{"0051510":{"tf":1},"0051511":{"tf":1},"0051512":{"tf":1},"0051513":{"tf":1},"0051514":{"tf":1},"0051515":{"tf":1},"0051516":{"tf":1}},"df":7}}},"o":{"docs":{},"df":0,"m":{"docs":{},"df":0,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"x":{"docs":{"0029290":{"tf":1},"0029291":{"tf":1},"0029292":{"tf":1},"0029293":{"tf":1},"0029294":{"tf":1},"0029295":{"tf":1},"0029296":{"tf":1},"0029297":{"tf":1}},"df":8}}}}}},"n":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"x":{"docs":{},"df":0,"t":{"docs":{"0034340":{"tf":1}},"df":1}}}}},"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{"0047470":{"tf":1},"0047471":{"tf":1},"0047472":{"tf":1},"0047473":{"tf":1}},"df":4}}}}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"00770":{"tf":1},"00771":{"tf":1},"00772":{"tf":1},"00773":{"tf":1},"00774":{"tf":1},"00775":{"tf":1},"00776":{"tf":1},"00777":{"tf":1}},"df":8}}}},"s":{"docs":{},"df":0,"t":{"docs":{"0030300":{"tf":1},"0030301":{"tf":1},"0030302":{"tf":1},"0030303":{"tf":1},"0030304":{"tf":1},"0030305":{"tf":1},"0030306":{"tf":1},"0030307":{"tf":1},"0032320":{"tf":1},"0032321":{"tf":1},"0032322":{"tf":1},"0032323":{"tf":1},"0032324":{"tf":1}},"df":13,"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"e":{"docs":{},"df":0,"w":{"docs":{"0053530":{"tf":1},"0053531":{"tf":1},"0053532":{"tf":1},"0053533":{"tf":1},"0053534":{"tf":1},"0053535":{"tf":1},"0053536":{"tf":1},"0053537":{"tf":1}},"df":8}}}}}}},"a":{"docs":{},"df":0,"y":{"docs":{},"df":0,"o":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{"0056560":{"tf":1},"0056561":{"tf":1},"0056562":{"tf":1},"0056563":{"tf":1},"0056564":{"tf":1}},"df":5}}}}}},"h":{"docs":{},"df":0,"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"t":{"docs":{},"df":0,"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{"00990":{"tf":1},"00991":{"tf":1},"00992":{"tf":1},"00993":{"tf":1},"00994":{"tf":1},"00995":{"tf":1},"00996":{"tf":1},"00997":{"tf":1},"00998":{"tf":1},"00999":{"tf":1},"009910":{"tf":1},"009911":{"tf":1},"009912":{"tf":1},"009913":{"tf":1},"009914":{"tf":1},"009915":{"tf":1},"009916":{"tf":1},"009917":{"tf":1}},"df":18}}}}}}},"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{"0010100":{"tf":1},"0010101":{"tf":1},"0010102":{"tf":1},"0010103":{"tf":1},"0010104":{"tf":1},"0010105":{"tf":1},"0010106":{"tf":1},"0010107":{"tf":1},"0010108":{"tf":1},"0010109":{"tf":1},"00101010":{"tf":1},"00101011":{"tf":1},"00101012":{"tf":1},"00101013":{"tf":1},"00101014":{"tf":1},"00101015":{"tf":1},"00101016":{"tf":1},"00101017":{"tf":1},"00101018":{"tf":1},"00101019":{"tf":1},"00101020":{"tf":1},"00101021":{"tf":1},"00101022":{"tf":1},"00101023":{"tf":1},"00101024":{"tf":1},"00101025":{"tf":1},"00101026":{"tf":1},"00101027":{"tf":1},"00101028":{"tf":1},"00101029":{"tf":1}},"df":30},"n":{"docs":{},"df":0,"a":{"docs":{},"df":0,"g":{"docs":{"0040400":{"tf":1},"0040401":{"tf":1},"0040402":{"tf":1},"0040403":{"tf":1},"0040404":{"tf":1},"0040405":{"tf":1},"0040406":{"tf":1},"0040407":{"tf":1},"0040408":{"tf":1},"0040409":{"tf":1}},"df":10}}},"s":{"docs":{},"df":0,"k":{"docs":{"0045450":{"tf":1},"0045451":{"tf":1},"0045452":{"tf":1}},"df":3}}},"u":{"docs":{},"df":0,"l":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"s":{"docs":{},"df":0,"e":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{"0031310":{"tf":1},"0031311":{"tf":1},"0031312":{"tf":1},"0031313":{"tf":1},"0031314":{"tf":1},"0031315":{"tf":1},"0031316":{"tf":1},"0031317":{"tf":1},"0031318":{"tf":1},"0031319":{"tf":1},"00313110":{"tf":1}},"df":11}}}}}}}}}},"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"u":{"docs":{"0034340":{"tf":1},"0035350":{"tf":1},"0035351":{"tf":1},"0035352":{"tf":1},"0035353":{"tf":1},"0035354":{"tf":1},"0035355":{"tf":1},"0035356":{"tf":1}},"df":8}}}},"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"n":{"docs":{},"df":0,"g":{"docs":{"0011110":{"tf":1},"0011111":{"tf":1},"0011112":{"tf":1},"0011113":{"tf":1},"0011114":{"tf":1},"0011115":{"tf":1},"0011116":{"tf":1},"0011117":{"tf":1},"0011118":{"tf":1},"0011119":{"tf":1},"00111110":{"tf":1},"00111111":{"tf":1},"0049490":{"tf":1},"0049491":{"tf":1},"0049492":{"tf":1},"0049493":{"tf":1},"0049494":{"tf":1},"0049495":{"tf":1},"0049496":{"tf":1},"0049497":{"tf":1},"0049498":{"tf":1},"0049499":{"tf":1},"00494910":{"tf":1},"00494911":{"tf":1},"00494912":{"tf":1}},"df":25}}},"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"h":{"docs":{"0016160":{"tf":1},"0016161":{"tf":1},"0016162":{"tf":1},"0016163":{"tf":1},"0016164":{"tf":1},"0016165":{"tf":1},"0016166":{"tf":1},"0016167":{"tf":1},"0016168":{"tf":1},"0016169":{"tf":1},"00161610":{"tf":1},"00161611":{"tf":1},"00161612":{"tf":1},"00161613":{"tf":1},"00161614":{"tf":1},"00161615":{"tf":1},"00161616":{"tf":1},"00161617":{"tf":1},"00161618":{"tf":1},"00161619":{"tf":1},"00161620":{"tf":1}},"df":21}}}},"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"0035350":{"tf":1},"0035351":{"tf":1},"0035352":{"tf":1},"0035353":{"tf":1},"0035354":{"tf":1},"0035355":{"tf":1},"0035356":{"tf":1}},"df":7,"c":{"docs":{},"df":0,"o":{"docs":{},"df":0,"d":{"docs":{"0013130":{"tf":1},"0013131":{"tf":1},"0013132":{"tf":1},"0013133":{"tf":1},"0013134":{"tf":1},"0013135":{"tf":1},"0013136":{"tf":1},"0013137":{"tf":1},"0013138":{"tf":1},"0013139":{"tf":1},"00131310":{"tf":1},"00131311":{"tf":1},"00131312":{"tf":1},"00131313":{"tf":1},"00131314":{"tf":1}},"df":15}}}},"d":{"docs":{},"df":0,"g":{"docs":{"0041410":{"tf":1},"0041411":{"tf":1},"0041412":{"tf":1},"0041413":{"tf":1},"0041414":{"tf":1},"0041415":{"tf":1}},"df":6}}},"u":{"docs":{},"df":0,"t":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"0019190":{"tf":1},"0019191":{"tf":1},"0019192":{"tf":1},"0019193":{"tf":1},"0019194":{"tf":1},"0019195":{"tf":1},"0019196":{"tf":1},"0019197":{"tf":1}},"df":8}}}},"i":{"docs":{},"df":0,"l":{"docs":{},"df":0,"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0057570":{"tf":1},"0057571":{"tf":1},"0057572":{"tf":1}},"df":3}}}}}},"o":{"docs":{},"df":0,"x":{"docs":{"0032320":{"tf":1},"0032321":{"tf":1},"0032322":{"tf":1},"0032323":{"tf":1},"0032324":{"tf":1}},"df":5}}},"e":{"docs":{},"df":0,"d":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{"0016160":{"tf":1},"0016161":{"tf":1},"0016162":{"tf":1},"0016163":{"tf":1},"0016164":{"tf":1},"0016165":{"tf":1},"0016166":{"tf":1},"0016167":{"tf":1},"0016168":{"tf":1},"0016169":{"tf":1},"00161610":{"tf":1},"00161611":{"tf":1},"00161612":{"tf":1},"00161613":{"tf":1},"00161614":{"tf":1},"00161615":{"tf":1},"00161616":{"tf":1},"00161617":{"tf":1},"00161618":{"tf":1},"00161619":{"tf":1},"00161620":{"tf":1},"0020200":{"tf":1},"0020201":{"tf":1},"0020202":{"tf":1},"0020203":{"tf":1}},"df":25}}}}}},"i":{"docs":{},"df":0,"n":{"docs":{"0020200":{"tf":1},"0020201":{"tf":1},"0020202":{"tf":1},"0020203":{"tf":1}},"df":4,"p":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{"0045450":{"tf":1},"0045451":{"tf":1},"0045452":{"tf":1}},"df":3}}}}},"a":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"c":{"docs":{},"df":0,"o":{"docs":{},"df":0,"m":{"docs":{},"df":0,"p":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{"0028280":{"tf":1},"0028281":{"tf":1},"0028282":{"tf":1},"0028283":{"tf":1},"0028284":{"tf":1},"0028285":{"tf":1},"0028286":{"tf":1}},"df":7}}}}}}}}}},"c":{"docs":{},"df":0,"c":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{},"df":0,"i":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"0033330":{"tf":1},"0033331":{"tf":1},"0033332":{"tf":1}},"df":3}}}}}}}},"v":{"docs":{},"df":0,"a":{"docs":{},"df":0,"t":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"0050500":{"tf":1},"0050501":{"tf":1},"0050502":{"tf":1},"0050503":{"tf":1},"0050504":{"tf":1}},"df":5}}}}}},"f":{"docs":{},"df":0,"i":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{"0040400":{"tf":1},"0040401":{"tf":1},"0040402":{"tf":1},"0040403":{"tf":1},"0040404":{"tf":1},"0040405":{"tf":1},"0040406":{"tf":1},"0040407":{"tf":1},"0040408":{"tf":1},"0040409":{"tf":1},"0048480":{"tf":1},"0048481":{"tf":1},"0048482":{"tf":1},"0048483":{"tf":1},"0048484":{"tf":1},"0048485":{"tf":1},"0048486":{"tf":1},"0048487":{"tf":1}},"df":18}}},"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"m":{"docs":{"0043430":{"tf":1},"0043431":{"tf":1},"0043432":{"tf":1},"0043433":{"tf":1}},"df":4}}}},"v":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{"0043430":{"tf":1},"0043431":{"tf":1},"0043432":{"tf":1},"0043433":{"tf":1}},"df":4}}}},"i":{"docs":{},"df":0,"e":{"docs":{},"df":0,"w":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0058580":{"tf":1},"0058581":{"tf":1},"0058582":{"tf":1},"0058583":{"tf":1}},"df":4}}}}}},"n":{"docs":{},"df":0,"u":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0046460":{"tf":1},"0046461":{"tf":1},"0046462":{"tf":1},"0046463":{"tf":1}},"df":4}}}}},"u":{"docs":{},"df":0,"p":{"docs":{},"df":0,"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"a":{"docs":{},"df":0,"d":{"docs":{"0048480":{"tf":1},"0048481":{"tf":1},"0048482":{"tf":1},"0048483":{"tf":1},"0048484":{"tf":1},"0048485":{"tf":1},"0048486":{"tf":1},"0048487":{"tf":1}},"df":8}}}}}},"q":{"docs":{},"df":0,"u":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{"0057570":{"tf":1},"0057571":{"tf":1},"0057572":{"tf":1}},"df":3}}}}}}},"name":{"root":{"1":{"0":{"0":{"docs":{"00448":{"tf":1},"004414":{"tf":1},"004424":{"tf":1},"004426":{"tf":1}},"df":4},"docs":{},"df":0},"2":{"8":{"docs":{"0013131":{"tf":1}},"df":1,"a":{"docs":{"0013132":{"tf":1}},"df":1},"b":{"docs":{"0013133":{"tf":1}},"df":1},"c":{"docs":{"0013134":{"tf":1}},"df":1}},"docs":{},"df":0},"3":{"docs":{"0013138":{"tf":1}},"df":1},"docs":{},"df":0},"3":{"2":{"docs":{"0013136":{"tf":1}},"df":1},"9":{"docs":{"00131312":{"tf":1}},"df":1},"docs":{},"df":0},"8":{"docs":{"0013130":{"tf":1}},"df":1},"9":{"3":{"docs":{"0013135":{"tf":1}},"df":1},"docs":{},"df":0},"docs":{},"df":0,"o":{"docs":{},"df":0,"v":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"e":{"docs":{},"df":0,"w":{"docs":{"00000":{"tf":1},"00220":{"tf":1},"008830":{"tf":1},"0016160":{"tf":1},"00161617":{"tf":1},"0020200":{"tf":1},"0040400":{"tf":1}},"df":7}}}}}}},"r":{"docs":{"000012":{"tf":1},"002212":{"tf":1}},"df":2,"g":{"docs":{},"df":0,"a":{"docs":{},"df":0,"n":{"docs":{},"df":0,"i":{"docs":{},"df":0,"z":{"docs":{"008819":{"tf":1}},"df":1}}}}},"i":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{"0037371":{"tf":1},"0049493":{"tf":1}},"df":2}}}}},"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{"00113":{"tf":1}},"df":1}}},"p":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{"004436":{"tf":1}},"df":1,"s":{"docs":{},"df":0,"t":{"docs":{},"df":0,"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{},"df":0,"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{"00101012":{"tf":1}},"df":1}}}}}}}}}}},"p":{"docs":{},"df":0,"o":{"docs":{},"df":0,"s":{"docs":{"009910":{"tf":1}},"df":1}}}},"h":{"docs":{},"df":0,"l":{"docs":{},"df":0,"c":{"docs":{"00551":{"tf":1}},"df":1}}},"s":{"docs":{},"df":0,"m":{"docs":{"00101013":{"tf":1},"00101014":{"tf":1}},"df":2}},"f":{"docs":{"0017179":{"tf":1}},"df":1},"n":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{"00212145":{"tf":1}},"df":1}}},"u":{"docs":{},"df":0,"t":{"docs":{},"df":0,"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"o":{"docs":{},"df":0,"k":{"docs":{"0055554":{"tf":1}},"df":1}}}}}}},"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"f":{"docs":{},"df":0,"a":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{},"df":0,"t":{"docs":{"00001":{"tf":1},"00004":{"tf":1},"000025":{"tf":1},"000028":{"tf":1},"000030":{"tf":1},"000033":{"tf":1},"000043":{"tf":1},"00110":{"tf":1},"001115":{"tf":1},"001117":{"tf":1},"00221":{"tf":1},"002228":{"tf":1},"002231":{"tf":1},"002233":{"tf":1},"002235":{"tf":1},"002240":{"tf":1},"002242":{"tf":1},"002244":{"tf":1},"00330":{"tf":1},"00550":{"tf":1},"00660":{"tf":1},"00770":{"tf":1},"00880":{"tf":1},"00990":{"tf":1},"0010100":{"tf":1},"0011110":{"tf":1},"0011116":{"tf":1},"0012120":{"tf":1},"0014140":{"tf":1},"0015150":{"tf":1},"0016161":{"tf":1},"0017170":{"tf":1},"0018180":{"tf":1},"0019190":{"tf":1},"0021210":{"tf":1},"0022220":{"tf":1},"0023230":{"tf":1},"0024240":{"tf":1},"0025250":{"tf":1},"0026260":{"tf":1},"0027270":{"tf":1},"0028280":{"tf":1},"0029290":{"tf":1},"0030300":{"tf":1},"0031310":{"tf":1},"0032320":{"tf":1},"0033330":{"tf":1},"0034340":{"tf":1},"0035350":{"tf":1},"0036360":{"tf":1},"0037370":{"tf":1},"0038380":{"tf":1},"0039390":{"tf":1},"0041410":{"tf":1},"0042420":{"tf":1},"0043430":{"tf":1},"0044440":{"tf":1},"0045450":{"tf":1},"0046460":{"tf":1},"0047470":{"tf":1},"0048480":{"tf":1},"0049490":{"tf":1},"0050500":{"tf":1},"0052520":{"tf":1},"0053530":{"tf":1},"0054540":{"tf":1},"0055550":{"tf":1},"0056560":{"tf":1},"0057570":{"tf":1},"0058580":{"tf":1}},"df":70}}}},"e":{"docs":{},"df":0,"r":{"docs":{"001125":{"tf":1}},"df":1}}},"t":{"docs":{},"df":0,"a":{"docs":{},"df":0,"i":{"docs":{},"df":0,"l":{"docs":{"000018":{"tf":1},"002219":{"tf":1},"0055553":{"tf":1}},"df":3}}}},"c":{"docs":{},"df":0,"i":{"docs":{},"df":0,"m":{"docs":{"0046463":{"tf":1}},"df":1}}}},"a":{"docs":{},"df":0,"t":{"docs":{},"df":0,"a":{"docs":{"00009":{"tf":1},"000010":{"tf":1},"00111":{"tf":1},"00112":{"tf":1},"00222":{"tf":1},"00223":{"tf":1},"00332":{"tf":1},"00333":{"tf":1},"004470":{"tf":1},"004471":{"tf":1},"004499":{"tf":1},"006614":{"tf":1},"00773":{"tf":1},"008833":{"tf":1},"008834":{"tf":1},"009914":{"tf":1},"00131314":{"tf":1},"0015154":{"tf":1},"0021211":{"tf":1},"0021212":{"tf":1},"0022221":{"tf":1},"0028282":{"tf":1},"0029292":{"tf":1},"0030302":{"tf":1},"0031311":{"tf":1},"0035351":{"tf":1},"0039391":{"tf":1},"0039392":{"tf":1},"0053531":{"tf":1},"0057572":{"tf":1}},"df":30,"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"b":{"docs":{},"df":0,"e":{"docs":{},"df":0,"l":{"docs":{"004489":{"tf":1}},"df":1}}}}},"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"s":{"docs":{"0040406":{"tf":1}},"df":1}}}},"e":{"docs":{"0020202":{"tf":1},"0021215":{"tf":1},"00212126":{"tf":1},"00212129":{"tf":1},"0023231":{"tf":1},"0023232":{"tf":1},"0023233":{"tf":1},"0024241":{"tf":1},"0024242":{"tf":1},"0024244":{"tf":1},"0025251":{"tf":1},"0026261":{"tf":1},"0026264":{"tf":1}},"df":13,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"m":{"docs":{"004474":{"tf":1},"004475":{"tf":1},"0011112":{"tf":1},"0026262":{"tf":1}},"df":4}}}}},"s":{"docs":{},"df":0,"h":{"docs":{"00443":{"tf":1}},"df":1,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{"0056563":{"tf":1},"0056564":{"tf":1}},"df":2}}}}}}},"y":{"docs":{"00212121":{"tf":1},"00212140":{"tf":1},"00212141":{"tf":1},"00212143":{"tf":1},"0025252":{"tf":1}},"df":5}},"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"g":{"docs":{"000021":{"tf":1},"000022":{"tf":1},"002218":{"tf":1},"006612":{"tf":1},"0021218":{"tf":1},"0032322":{"tf":1},"0039397":{"tf":1},"0040403":{"tf":1}},"df":8,"g":{"docs":{},"df":0,"a":{"docs":{},"df":0,"b":{"docs":{},"df":0,"l":{"docs":{"0052525":{"tf":1}},"df":1}}}}},"w":{"docs":{"008826":{"tf":1}},"df":1}},"o":{"docs":{},"df":0,"p":{"docs":{"000021":{"tf":1},"000022":{"tf":1},"002218":{"tf":1},"0021218":{"tf":1},"0032322":{"tf":1},"0039397":{"tf":1},"0040403":{"tf":1},"0048487":{"tf":1}},"df":8,"d":{"docs":{},"df":0,"o":{"docs":{},"df":0,"w":{"docs":{},"df":0,"n":{"docs":{"0019194":{"tf":1},"0020201":{"tf":1}},"df":2}}}}}},"i":{"docs":{},"df":0,"l":{"docs":{},"df":0,"l":{"docs":{"001122":{"tf":1},"00101018":{"tf":1}},"df":2,"d":{"docs":{},"df":0,"o":{"docs":{},"df":0,"w":{"docs":{},"df":0,"n":{"docs":{"004459":{"tf":1},"0015152":{"tf":1}},"df":2}}}}}}}},"i":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"g":{"docs":{"000037":{"tf":1},"000038":{"tf":1},"002221":{"tf":1},"0052521":{"tf":1},"0052529":{"tf":1}},"df":5}}},"g":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"m":{"docs":{"008814":{"tf":1},"008815":{"tf":1},"008816":{"tf":1},"008817":{"tf":1},"008836":{"tf":1},"008837":{"tf":1}},"df":6}}}},"c":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{"0028286":{"tf":1},"0029297":{"tf":1},"0030307":{"tf":1},"00313110":{"tf":1}},"df":4}}}}},"s":{"docs":{},"df":0,"t":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"b":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{"004438":{"tf":1}},"df":1}}}}}},"a":{"docs":{},"df":0,"b":{"docs":{},"df":0,"l":{"docs":{"0023231":{"tf":1},"0024241":{"tf":1},"0026261":{"tf":1}},"df":3}}}},"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{"00668":{"tf":1}},"df":1}}}},"f":{"docs":{},"df":0,"f":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"00212121":{"tf":1}},"df":1}}}},"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"s":{"docs":{"00212144":{"tf":1}},"df":1}}}}},"o":{"docs":{},"df":0,"n":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{"004453":{"tf":1}},"df":1}}},"w":{"docs":{},"df":0,"n":{"docs":{"00101018":{"tf":1}},"df":1}},"c":{"docs":{},"df":0,"u":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{"00171715":{"tf":1}},"df":1}}}}},"k":{"docs":{"0036361":{"tf":1}},"df":1}}},"y":{"docs":{},"df":0,"n":{"docs":{},"df":0,"a":{"docs":{},"df":0,"m":{"docs":{"00101026":{"tf":1}},"df":1}}}},"u":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"t":{"docs":{"0027273":{"tf":1}},"df":1}}},"a":{"docs":{},"df":0,"l":{"docs":{"0032321":{"tf":1}},"df":1}}}},"f":{"docs":{},"df":0,"u":{"docs":{},"df":0,"n":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"00001":{"tf":1},"00110":{"tf":1},"00221":{"tf":1},"00330":{"tf":1},"00660":{"tf":1},"00770":{"tf":1},"00880":{"tf":1},"00990":{"tf":1},"0010100":{"tf":1},"0015150":{"tf":1},"0016161":{"tf":1},"0017170":{"tf":1},"0018180":{"tf":1},"0019190":{"tf":1},"0021210":{"tf":1},"0022220":{"tf":1},"0023230":{"tf":1},"0024240":{"tf":1},"0025250":{"tf":1},"0026260":{"tf":1},"0027270":{"tf":1},"0028280":{"tf":1},"0029290":{"tf":1},"0030300":{"tf":1},"0031310":{"tf":1},"0032320":{"tf":1},"0033330":{"tf":1},"0034340":{"tf":1},"0035350":{"tf":1},"0037370":{"tf":1},"0038380":{"tf":1},"0039390":{"tf":1},"0042420":{"tf":1},"0043430":{"tf":1},"0044440":{"tf":1},"0045450":{"tf":1},"0046460":{"tf":1},"0047470":{"tf":1},"0048480":{"tf":1},"0049490":{"tf":1},"0052520":{"tf":1},"0053530":{"tf":1},"0054540":{"tf":1},"0055550":{"tf":1},"0056560":{"tf":1},"0057570":{"tf":1},"0058580":{"tf":1}},"df":47,"a":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{"0036360":{"tf":1}},"df":1}}}}}}}}},"n":{"docs":{},"df":0,"e":{"docs":{},"df":0,"l":{"docs":{"004455":{"tf":1}},"df":1}}}}},"i":{"docs":{},"df":0,"l":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"000025":{"tf":1},"000026":{"tf":1},"001117":{"tf":1},"001118":{"tf":1},"001119":{"tf":1},"002228":{"tf":1},"002229":{"tf":1},"0011119":{"tf":1},"0022223":{"tf":1},"0028285":{"tf":1},"0028286":{"tf":1},"0029295":{"tf":1},"0029297":{"tf":1},"0030304":{"tf":1},"0030307":{"tf":1},"0031314":{"tf":1},"00313110":{"tf":1}},"df":17}}},"e":{"docs":{"0040404":{"tf":1},"0040407":{"tf":1},"0040408":{"tf":1},"0040409":{"tf":1},"0048483":{"tf":1},"0048484":{"tf":1}},"df":6},"l":{"docs":{"0058583":{"tf":1}},"df":1}},"e":{"docs":{},"df":0,"l":{"docs":{},"df":0,"d":{"docs":{"00116":{"tf":1},"001113":{"tf":1},"00212132":{"tf":1},"00212133":{"tf":1}},"df":4}}},"s":{"docs":{},"df":0,"h":{"docs":{},"df":0,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"008837":{"tf":1}},"df":1}}}}},"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"s":{"docs":{"0040409":{"tf":1}},"df":1}}}}}},"r":{"docs":{},"df":0,"o":{"docs":{},"df":0,"z":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{"000048":{"tf":1},"002239":{"tf":1}},"df":2}}},"m":{"docs":{"0016164":{"tf":1}},"df":1}}},"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"i":{"docs":{},"df":0,"g":{"docs":{},"df":0,"n":{"docs":{"000051":{"tf":1}},"df":1}}}},"m":{"docs":{"0016168":{"tf":1},"0043432":{"tf":1},"0043433":{"tf":1},"0048486":{"tf":1},"0058583":{"tf":1}},"df":5,"a":{"docs":{},"df":0,"t":{"docs":{"00118":{"tf":1},"00225":{"tf":1},"002246":{"tf":1},"00334":{"tf":1},"00335":{"tf":1},"00161619":{"tf":1},"0017171":{"tf":1},"0017172":{"tf":1},"0017176":{"tf":1},"0017177":{"tf":1},"0024243":{"tf":1},"0025254":{"tf":1},"0026263":{"tf":1},"0027272":{"tf":1},"0045452":{"tf":1},"0046462":{"tf":1},"0049494":{"tf":1}},"df":17}},"u":{"docs":{},"df":0,"l":{"docs":{},"df":0,"a":{"docs":{"00331":{"tf":1}},"df":1}}}}},"o":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0017178":{"tf":1}},"df":1}}}}},"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"w":{"docs":{"008811":{"tf":1}},"df":1}},"i":{"docs":{},"df":0,"g":{"docs":{},"df":0,"h":{"docs":{},"df":0,"t":{"docs":{"00101022":{"tf":1}},"df":1}}},"p":{"docs":{"0051514":{"tf":1}},"df":1}}},"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"e":{"docs":{"00212118":{"tf":1}},"df":1}}}},"g":{"docs":{},"df":0,"r":{"docs":{},"df":0,"o":{"docs":{},"df":0,"u":{"docs":{},"df":0,"p":{"docs":{"00002":{"tf":1},"000034":{"tf":1},"00117":{"tf":1},"001111":{"tf":1},"004460":{"tf":1},"0019191":{"tf":1},"00212124":{"tf":1},"00212125":{"tf":1},"00212126":{"tf":1},"00212127":{"tf":1},"0028281":{"tf":1},"0029291":{"tf":1},"0030301":{"tf":1},"0031312":{"tf":1},"0031318":{"tf":1},"0053536":{"tf":1}},"df":16}}},"i":{"docs":{},"df":0,"d":{"docs":{"00007":{"tf":1},"000022":{"tf":1},"002250":{"tf":1},"0014143":{"tf":1},"0057572":{"tf":1}},"df":5,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"00003":{"tf":1}},"df":1}}}}}},"a":{"docs":{},"df":0,"u":{"docs":{},"df":0,"g":{"docs":{"00664":{"tf":1},"00665":{"tf":1},"00666":{"tf":1}},"df":3}}},"o":{"docs":{},"df":0,"o":{"docs":{},"df":0,"g":{"docs":{},"df":0,"l":{"docs":{"0021213":{"tf":1}},"df":1}}}},"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"00212149":{"tf":1}},"df":1}}}}},"s":{"3":{"docs":{"0040408":{"tf":1}},"df":1},"docs":{},"df":0,"c":{"docs":{},"df":0,"r":{"docs":{},"df":0,"o":{"docs":{},"df":0,"l":{"docs":{},"df":0,"l":{"docs":{"00004":{"tf":1},"00005":{"tf":1},"001120":{"tf":1},"002233":{"tf":1},"002234":{"tf":1},"0021219":{"tf":1},"00212139":{"tf":1}},"df":7,"a":{"docs":{},"df":0,"b":{"docs":{},"df":0,"l":{"docs":{"0035352":{"tf":1}},"df":1}}}}}}},"a":{"docs":{},"df":0,"t":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"004428":{"tf":1},"004466":{"tf":1}},"df":2}}}},"l":{"docs":{},"df":0,"e":{"docs":{"004478":{"tf":1}},"df":1}}},"h":{"docs":{},"df":0,"e":{"docs":{},"df":0,"d":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{"00212117":{"tf":1}},"df":1}}}}}},"h":{"docs":{},"df":0,"o":{"docs":{},"df":0,"w":{"docs":{"000012":{"tf":1},"002212":{"tf":1}},"df":2,"/":{"docs":{},"df":0,"h":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{"001110":{"tf":1},"00212122":{"tf":1}},"df":2}}}}}},"a":{"docs":{},"df":0,"p":{"docs":{},"df":0,"e":{"docs":{"00881":{"tf":1},"00887":{"tf":1}},"df":2}},"r":{"docs":{},"df":0,"e":{"docs":{"00212120":{"tf":1}},"df":1}}}},"t":{"docs":{},"df":0,"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"000014":{"tf":1},"002214":{"tf":1},"00447":{"tf":1},"00448":{"tf":1},"004413":{"tf":1},"004414":{"tf":1},"004423":{"tf":1},"004424":{"tf":1},"004425":{"tf":1},"004426":{"tf":1},"004427":{"tf":1},"004465":{"tf":1}},"df":12}}},"e":{"docs":{},"df":0,"p":{"docs":{"00442":{"tf":1},"004411":{"tf":1}},"df":2}},"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"004437":{"tf":1}},"df":1}}},"o":{"docs":{},"df":0,"c":{"docs":{},"df":0,"h":{"docs":{},"df":0,"a":{"docs":{},"df":0,"s":{"docs":{},"df":0,"t":{"docs":{"004446":{"tf":1}},"df":1}}}},"k":{"docs":{"005513":{"tf":1},"0011117":{"tf":1}},"df":2}}},"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"p":{"docs":{"004481":{"tf":1}},"df":1,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"004482":{"tf":1}},"df":1}}}}}},"y":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{"00777":{"tf":1},"0017173":{"tf":1},"0055554":{"tf":1}},"df":3}}}},"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{"000023":{"tf":1},"000024":{"tf":1},"001115":{"tf":1},"001116":{"tf":1},"002226":{"tf":1},"002227":{"tf":1},"004486":{"tf":1}},"df":7}}},"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"c":{"docs":{},"df":0,"h":{"docs":{"000027":{"tf":1},"002230":{"tf":1},"0021216":{"tf":1}},"df":3}}},"t":{"docs":{"00101029":{"tf":1}},"df":1}},"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{"000030":{"tf":1},"000031":{"tf":1},"000032":{"tf":1},"00119":{"tf":1},"002235":{"tf":1},"002236":{"tf":1},"002237":{"tf":1},"004494":{"tf":1},"004495":{"tf":1},"009912":{"tf":1},"00101016":{"tf":1},"0015158":{"tf":1},"0023234":{"tf":1},"0031319":{"tf":1},"0039396":{"tf":1}},"df":15,"o":{"docs":{},"df":0,"r":{"docs":{"005511":{"tf":1},"005512":{"tf":1}},"df":2}}}}},"f":{"docs":{"00224":{"tf":1}},"df":1}},"r":{"docs":{},"df":0,"i":{"docs":{"004448":{"tf":1},"00553":{"tf":1},"0014141":{"tf":1}},"df":3}},"m":{"docs":{},"df":0,"i":{"docs":{"004457":{"tf":1},"00665":{"tf":1}},"df":2}},"c":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"0017177":{"tf":1}},"df":1}}}}},"t":{"docs":{"00212115":{"tf":1}},"df":1},"o":{"docs":{"0056564":{"tf":1}},"df":1}},"p":{"docs":{},"df":0,"a":{"docs":{},"df":0,"n":{"docs":{"000047":{"tf":1},"000052":{"tf":1},"0025252":{"tf":1}},"df":3},"r":{"docs":{},"df":0,"k":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"0014143":{"tf":1}},"df":1}}}}}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"e":{"docs":{"00441":{"tf":1},"00444":{"tf":1},"004410":{"tf":1},"004463":{"tf":1},"00554":{"tf":1},"00556":{"tf":1}},"df":6}},"t":{"docs":{"0019195":{"tf":1}},"df":1}}},"e":{"docs":{},"df":0,"e":{"docs":{},"df":0,"d":{"docs":{},"df":0,"o":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{"006616":{"tf":1}},"df":1}}}}}},"c":{"docs":{},"df":0,"i":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{"00161616":{"tf":1},"0023233":{"tf":1},"0024244":{"tf":1},"0026264":{"tf":1}},"df":4}}}}}},"m":{"docs":{},"df":0,"a":{"docs":{"004445":{"tf":1}},"df":1,"r":{"docs":{},"df":0,"t":{"docs":{"004458":{"tf":1},"004483":{"tf":1},"0054543":{"tf":1}},"df":3}}}},"a":{"docs":{},"df":0,"m":{"docs":{},"df":0,"p":{"docs":{},"df":0,"l":{"docs":{"006614":{"tf":1},"00773":{"tf":1}},"df":2}}},"v":{"docs":{},"df":0,"e":{"docs":{"008831":{"tf":1},"00161613":{"tf":1},"00171713":{"tf":1}},"df":3}}},"w":{"docs":{},"df":0,"i":{"docs":{},"df":0,"m":{"docs":{},"df":0,"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"n":{"docs":{"00886":{"tf":1}},"df":1}}}},"t":{"docs":{},"df":0,"c":{"docs":{},"df":0,"h":{"docs":{"0019196":{"tf":1}},"df":1}}},"p":{"docs":{},"df":0,"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"b":{"docs":{},"df":0,"l":{"docs":{"0051513":{"tf":1}},"df":1}}}}}}},"y":{"docs":{},"df":0,"m":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{},"df":0,"r":{"docs":{"008822":{"tf":1}},"df":1}}}},"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"l":{"docs":{"008829":{"tf":1}},"df":1}}}},"n":{"docs":{},"df":0,"c":{"docs":{"0021213":{"tf":1}},"df":1}}},"i":{"docs":{},"df":0,"z":{"docs":{},"df":0,"e":{"docs":{"00993":{"tf":1}},"df":1}},"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"0036363":{"tf":1},"0036365":{"tf":1}},"df":2}}}}}},"u":{"docs":{},"df":0,"b":{"docs":{},"df":0,"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"y":{"docs":{"00101014":{"tf":1}},"df":1}}},"m":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{"0043432":{"tf":1}},"df":1}}}},"p":{"docs":{},"df":0,"p":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{"0048486":{"tf":1}},"df":1}}}}}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"00101028":{"tf":1}},"df":1}}}}},"q":{"docs":{},"df":0,"l":{"docs":{"0040406":{"tf":1}},"df":1}}},"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{},"df":0,"u":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{"00005":{"tf":1},"001120":{"tf":1},"002234":{"tf":1},"0021219":{"tf":1},"0053534":{"tf":1}},"df":5}}}}},"e":{"docs":{},"df":0,"w":{"docs":{"00212110":{"tf":1},"00212111":{"tf":1},"00212112":{"tf":1},"00212113":{"tf":1},"00212114":{"tf":1},"00212115":{"tf":1},"00212116":{"tf":1},"0051516":{"tf":1},"0055553":{"tf":1}},"df":9}}},"a":{"docs":{},"df":0,"l":{"docs":{},"df":0,"u":{"docs":{"001116":{"tf":1},"001119":{"tf":1},"0014142":{"tf":1},"0029293":{"tf":1},"0031315":{"tf":1}},"df":5},"i":{"docs":{},"df":0,"d":{"docs":{"0016168":{"tf":1},"00212132":{"tf":1},"0043431":{"tf":1},"0046461":{"tf":1},"0048484":{"tf":1}},"df":5}}},"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"o":{"docs":{},"df":0,"u":{"docs":{"004452":{"tf":1}},"df":1}}}}},"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{"004490":{"tf":1},"0049493":{"tf":1},"0051511":{"tf":1}},"df":3}}}},"n":{"docs":{},"df":0,"n":{"docs":{"008836":{"tf":1}},"df":1}}},"o":{"docs":{},"df":0,"l":{"docs":{},"df":0,"u":{"docs":{},"df":0,"m":{"docs":{"00552":{"tf":1}},"df":1}}}}},"e":{"docs":{"00131310":{"tf":1}},"df":1,"v":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{"00006":{"tf":1},"002248":{"tf":1},"005513":{"tf":1},"00888":{"tf":1},"00161611":{"tf":1},"0021214":{"tf":1},"0021216":{"tf":1},"00212120":{"tf":1},"00212130":{"tf":1},"00212145":{"tf":1},"00212152":{"tf":1},"0049497":{"tf":1}},"df":12}}}},"d":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{"000036":{"tf":1},"000037":{"tf":1},"000039":{"tf":1},"001123":{"tf":1},"002220":{"tf":1},"002221":{"tf":1},"002223":{"tf":1},"002225":{"tf":1},"004499":{"tf":1},"0020203":{"tf":1},"0022222":{"tf":1},"0039395":{"tf":1},"0056563":{"tf":1}},"df":13,"o":{"docs":{},"df":0,"r":{"docs":{"008813":{"tf":1},"0016169":{"tf":1},"00212134":{"tf":1},"0055555":{"tf":1}},"df":4}}}}},"x":{"docs":{},"df":0,"p":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{"000043":{"tf":1},"000044":{"tf":1},"000045":{"tf":1},"001126":{"tf":1},"002244":{"tf":1},"004493":{"tf":1},"008832":{"tf":1},"00101020":{"tf":1},"00111110":{"tf":1},"0012122":{"tf":1},"0015159":{"tf":1},"00212146":{"tf":1},"00212147":{"tf":1},"00222210":{"tf":1}},"df":14}}},"a":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{"0055551":{"tf":1}},"df":1}}}},"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"n":{"docs":{"00115":{"tf":1},"0021218":{"tf":1},"0043432":{"tf":1}},"df":3}},"n":{"docs":{},"df":0,"d":{"docs":{"00131312":{"tf":1}},"df":1}}}},"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{"008811":{"tf":1}},"df":1}}}},"c":{"docs":{},"df":0,"e":{"docs":{},"df":0,"l":{"docs":{"00212146":{"tf":1}},"df":1}}}},"m":{"docs":{},"df":0,"p":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{"004415":{"tf":1},"004461":{"tf":1},"004491":{"tf":1},"00998":{"tf":1},"0011118":{"tf":1}},"df":5}}},"a":{"docs":{"004441":{"tf":1}},"df":1},"o":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"00161615":{"tf":1}},"df":1}}}}}}},"r":{"docs":{},"df":0,"r":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{"004433":{"tf":1}},"df":1}}}},"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{},"df":0,"h":{"docs":{},"df":0,"q":{"docs":{},"df":0,"u":{"docs":{},"df":0,"a":{"docs":{},"df":0,"k":{"docs":{"00101023":{"tf":1}},"df":1}}}}}}},"n":{"docs":{"0013130":{"tf":1},"0013138":{"tf":1}},"df":2}}},"h":{"docs":{},"df":0,"i":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"c":{"docs":{},"df":0,"h":{"docs":{"008818":{"tf":1},"008823":{"tf":1},"00212127":{"tf":1}},"df":3,"i":{"docs":{"00007":{"tf":1},"000045":{"tf":1}},"df":2}}}}}}},"d":{"docs":{},"df":0,"e":{"docs":{"000012":{"tf":1},"002212":{"tf":1},"005511":{"tf":1},"005512":{"tf":1},"00212141":{"tf":1}},"df":5}},"s":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"g":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"m":{"docs":{"004431":{"tf":1}},"df":1}}}},"r":{"docs":{},"df":0,"i":{"docs":{"008810":{"tf":1},"0053537":{"tf":1}},"df":2}}}}},"l":{"docs":{},"df":0,"o":{"docs":{"004435":{"tf":1},"004436":{"tf":1}},"df":2}},"g":{"docs":{},"df":0,"h":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"g":{"docs":{},"df":0,"h":{"docs":{},"df":0,"t":{"docs":{"00101016":{"tf":1},"00101024":{"tf":1},"0015158":{"tf":1},"0028284":{"tf":1}},"df":4}}}}}}}},"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"000014":{"tf":1},"000042":{"tf":1},"002213":{"tf":1},"002214":{"tf":1},"0017178":{"tf":1},"00212129":{"tf":1},"00212135":{"tf":1},"00212138":{"tf":1}},"df":8}}},"t":{"docs":{"00101021":{"tf":1}},"df":1,"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{"00991":{"tf":1}},"df":1}}}}},"i":{"docs":{},"df":0,"g":{"docs":{},"df":0,"h":{"docs":{},"df":0,"t":{"docs":{"000020":{"tf":1},"002216":{"tf":1},"00212123":{"tf":1}},"df":3}}}}},"o":{"docs":{},"df":0,"v":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"000019":{"tf":1},"002215":{"tf":1}},"df":2}}},"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"z":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{"00212124":{"tf":1},"0051512":{"tf":1}},"df":2}}}}}},"u":{"docs":{},"df":0,"r":{"docs":{"00212142":{"tf":1},"00212143":{"tf":1}},"df":2}}},"y":{"docs":{},"df":0,"p":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"k":{"docs":{"001124":{"tf":1},"0017175":{"tf":1}},"df":2}}}}}}}},"a":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{},"df":0,"l":{"docs":{"008828":{"tf":1}},"df":1}}},"m":{"docs":{},"df":0,"b":{"docs":{},"df":0,"u":{"docs":{},"df":0,"r":{"docs":{},"df":0,"g":{"docs":{"0035354":{"tf":1}},"df":1}}}}}},"t":{"docs":{},"df":0,"m":{"docs":{},"df":0,"l":{"5":{"docs":{"0043431":{"tf":1}},"df":1},"docs":{"0054545":{"tf":1}},"df":1}}}},"c":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"p":{"docs":{},"df":0,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{"00008":{"tf":1}},"df":1}}}}}}},"o":{"docs":{},"df":0,"s":{"docs":{},"df":0,"e":{"docs":{"004436":{"tf":1}},"df":1}},"u":{"docs":{},"df":0,"d":{"docs":{"00494912":{"tf":1}},"df":1}}},"a":{"docs":{},"df":0,"s":{"docs":{},"df":0,"s":{"docs":{"008817":{"tf":1}},"df":1}}},"u":{"docs":{},"df":0,"s":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0010105":{"tf":1}},"df":1}}}}}},"o":{"docs":{},"df":0,"l":{"docs":{},"df":0,"u":{"docs":{},"df":0,"m":{"docs":{},"df":0,"n":{"docs":{"000011":{"tf":1},"000012":{"tf":1},"000013":{"tf":1},"000016":{"tf":1},"000040":{"tf":1},"000041":{"tf":1},"000047":{"tf":1},"000048":{"tf":1},"000050":{"tf":1},"000051":{"tf":1},"00225":{"tf":1},"00226":{"tf":1},"00229":{"tf":1},"002211":{"tf":1},"002212":{"tf":1},"002224":{"tf":1},"002238":{"tf":1},"002239":{"tf":1},"004417":{"tf":1},"004418":{"tf":1},"004419":{"tf":1},"004420":{"tf":1},"004421":{"tf":1},"004423":{"tf":1},"004424":{"tf":1},"004467":{"tf":1},"004469":{"tf":1}},"df":27}}},"o":{"docs":{},"df":0,"r":{"docs":{"00446":{"tf":1},"00993":{"tf":1},"00101010":{"tf":1},"0015157":{"tf":1}},"df":4}},"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{},"df":0,"s":{"docs":{"0055551":{"tf":1}},"df":1}}}}},"m":{"docs":{},"df":0,"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{"000040":{"tf":1},"002224":{"tf":1}},"df":2}}}},"p":{"docs":{},"df":0,"a":{"docs":{},"df":0,"s":{"docs":{},"df":0,"s":{"docs":{"00668":{"tf":1}},"df":1}}},"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"x":{"docs":{"00887":{"tf":1},"008823":{"tf":1}},"df":2}}}}},"n":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"x":{"docs":{},"df":0,"t":{"docs":{"000049":{"tf":1},"002242":{"tf":1},"002243":{"tf":1},"00171712":{"tf":1},"00212137":{"tf":1},"0022229":{"tf":1}},"df":6}},"n":{"docs":{},"df":0,"t":{"docs":{"0016167":{"tf":1},"0017179":{"tf":1},"0033331":{"tf":1},"0052524":{"tf":1},"0054542":{"tf":1}},"df":5}}},"a":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"00771":{"tf":1}},"df":1}}},"r":{"docs":{},"df":0,"o":{"docs":{},"df":0,"l":{"docs":{"0020201":{"tf":1},"0020202":{"tf":1}},"df":2}}}},"d":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{"00118":{"tf":1},"002246":{"tf":1}},"df":2}}},"n":{"docs":{},"df":0,"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{"00883":{"tf":1}},"df":1}}}}}}},"d":{"docs":{},"df":0,"e":{"3":{"9":{"docs":{"00131311":{"tf":1}},"df":1},"docs":{},"df":0},"docs":{"0013131":{"tf":1},"0013132":{"tf":1},"0013133":{"tf":1},"0013134":{"tf":1},"0013135":{"tf":1},"0013136":{"tf":1},"00131312":{"tf":1},"00131313":{"tf":1},"0055555":{"tf":1}},"df":9},"a":{"docs":{},"df":0,"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"0013137":{"tf":1}},"df":1}}}}}},"e":{"docs":{},"df":0,"l":{"docs":{},"df":0,"l":{"docs":{"000011":{"tf":1},"001121":{"tf":1},"002210":{"tf":1},"002211":{"tf":1},"002223":{"tf":1},"00332":{"tf":1},"00334":{"tf":1},"00995":{"tf":1},"00997":{"tf":1},"00212128":{"tf":1},"00212144":{"tf":1}},"df":11}}},"h":{"docs":{},"df":0,"o":{"docs":{},"df":0,"o":{"docs":{},"df":0,"s":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"000016":{"tf":1}},"df":1}}}}},"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{},"df":0,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"x":{"docs":{"000032":{"tf":1},"002237":{"tf":1},"002238":{"tf":1},"0019192":{"tf":1},"0031317":{"tf":1},"0031318":{"tf":1},"0032323":{"tf":1},"0039394":{"tf":1}},"df":8}}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"s":{"docs":{},"df":0,"t":{"docs":{"0053532":{"tf":1}},"df":1}}}}}}},"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{"00114":{"tf":1},"004448":{"tf":1},"004449":{"tf":1},"004450":{"tf":1},"004487":{"tf":1},"004490":{"tf":1},"008819":{"tf":1},"008825":{"tf":1},"00101027":{"tf":1},"0011117":{"tf":1},"00171714":{"tf":1}},"df":11},"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{"00161616":{"tf":1},"0017171":{"tf":1}},"df":2}}}}},"i":{"docs":{},"df":0,"p":{"docs":{"0031316":{"tf":1}},"df":1}},"u":{"docs":{},"df":0,"n":{"docs":{},"df":0,"k":{"docs":{"0048481":{"tf":1}},"df":1}}}},"a":{"docs":{},"df":0,"p":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"000034":{"tf":1}},"df":1}}}}},"l":{"docs":{},"df":0,"c":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{"001113":{"tf":1}},"df":1}}},"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"00991":{"tf":1},"0021213":{"tf":1},"00212118":{"tf":1},"0023236":{"tf":1}},"df":4}}}}},"l":{"docs":{"0053537":{"tf":1}},"df":1}},"n":{"docs":{},"df":0,"d":{"docs":{},"df":0,"l":{"docs":{"004437":{"tf":1}},"df":1,"e":{"docs":{},"df":0,"s":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"00552":{"tf":1}},"df":1}}}}}}}}},"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"g":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{"004475":{"tf":1},"004476":{"tf":1},"004477":{"tf":1}},"df":3}}}}}},"s":{"docs":{},"df":0,"e":{"docs":{"00161612":{"tf":1}},"df":1},"c":{"docs":{},"df":0,"a":{"docs":{},"df":0,"d":{"docs":{"0029296":{"tf":1},"0030305":{"tf":1}},"df":2}}}},"r":{"docs":{},"df":0,"d":{"docs":{"0050504":{"tf":1},"0051510":{"tf":1},"0051511":{"tf":1},"0051512":{"tf":1},"0051513":{"tf":1},"0051514":{"tf":1},"0051515":{"tf":1}},"df":7}}},"u":{"docs":{},"df":0,"s":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"m":{"docs":{"002241":{"tf":1},"002243":{"tf":1},"00664":{"tf":1},"006610":{"tf":1},"0012121":{"tf":1},"0014144":{"tf":1},"0015153":{"tf":1},"00161619":{"tf":1},"00171712":{"tf":1},"0028285":{"tf":1},"0029293":{"tf":1},"0031315":{"tf":1},"0031316":{"tf":1},"0040401":{"tf":1},"0045451":{"tf":1},"0046462":{"tf":1},"0047472":{"tf":1},"0048487":{"tf":1},"0052521":{"tf":1},"0058581":{"tf":1}},"df":20}}}}},"r":{"docs":{},"df":0,"o":{"docs":{},"df":0,"s":{"docs":{},"df":0,"s":{"docs":{"004485":{"tf":1}},"df":1,"h":{"docs":{},"df":0,"a":{"docs":{},"df":0,"i":{"docs":{},"df":0,"r":{"docs":{"004496":{"tf":1}},"df":1}}}}}}},"u":{"docs":{},"df":0,"d":{"docs":{"008835":{"tf":1}},"df":1}}},"i":{"docs":{},"df":0,"r":{"docs":{},"df":0,"c":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"00665":{"tf":1}},"df":1}}},"i":{"docs":{},"df":0,"t":{"docs":{"008814":{"tf":1}},"df":1}}}}}},"y":{"docs":{},"df":0,"b":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"00101025":{"tf":1}},"df":1}}}}},"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"c":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{"00009":{"tf":1},"00111":{"tf":1},"00222":{"tf":1},"004470":{"tf":1},"008833":{"tf":1},"0021211":{"tf":1},"0039391":{"tf":1}},"df":7}},"k":{"docs":{"002222":{"tf":1}},"df":1}},"a":{"docs":{},"df":0,"d":{"docs":{"004472":{"tf":1},"008831":{"tf":1}},"df":2}},"g":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{},"df":0,"h":{"docs":{},"df":0,"m":{"docs":{"004478":{"tf":1},"0011114":{"tf":1}},"df":2}}}}}},"i":{"docs":{},"df":0,"c":{"docs":{"008814":{"tf":1}},"df":1}}}},"i":{"docs":{},"df":0,"s":{"docs":{},"df":0,"t":{"docs":{"00116":{"tf":1},"0053533":{"tf":1}},"df":2,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"x":{"docs":{"0032321":{"tf":1}},"df":1}}},"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"e":{"docs":{},"df":0,"w":{"docs":{"0036365":{"tf":1},"0041413":{"tf":1},"0050502":{"tf":1}},"df":3}}}}}},"n":{"docs":{},"df":0,"e":{"docs":{"002250":{"tf":1},"00440":{"tf":1},"00442":{"tf":1},"00443":{"tf":1},"00445":{"tf":1},"00446":{"tf":1},"00447":{"tf":1},"00448":{"tf":1},"004462":{"tf":1},"004481":{"tf":1},"00558":{"tf":1},"008812":{"tf":1},"0010108":{"tf":1},"00101013":{"tf":1}},"df":14}},"g":{"docs":{},"df":0,"h":{"docs":{},"df":0,"t":{"docs":{},"df":0,"w":{"docs":{},"df":0,"e":{"docs":{},"df":0,"i":{"docs":{},"df":0,"g":{"docs":{},"df":0,"h":{"docs":{},"df":0,"t":{"docs":{"0011111":{"tf":1}},"df":1}}}}}}}}},"v":{"docs":{},"df":0,"e":{"docs":{"0014145":{"tf":1}},"df":1}},"m":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{"00212143":{"tf":1},"0031319":{"tf":1},"0049495":{"tf":1}},"df":3}}}},"a":{"docs":{},"df":0,"b":{"docs":{},"df":0,"e":{"docs":{},"df":0,"l":{"docs":{"001118":{"tf":1},"004458":{"tf":1},"004483":{"tf":1},"004484":{"tf":1},"00662":{"tf":1},"009911":{"tf":1},"0010106":{"tf":1},"0011115":{"tf":1},"0015154":{"tf":1}},"df":9}}},"y":{"docs":{},"df":0,"o":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{"001125":{"tf":1},"008822":{"tf":1},"0015151":{"tf":1},"0055554":{"tf":1},"0055555":{"tf":1},"0056561":{"tf":1}},"df":6}}},"e":{"docs":{},"df":0,"r":{"docs":{"0010102":{"tf":1}},"df":1}}},"z":{"docs":{},"df":0,"i":{"docs":{"004472":{"tf":1}},"df":1}},"r":{"docs":{},"df":0,"g":{"docs":{"009914":{"tf":1}},"df":1}}},"e":{"docs":{},"df":0,"g":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{"004456":{"tf":1},"00667":{"tf":1},"009913":{"tf":1},"0010109":{"tf":1},"0015156":{"tf":1}},"df":5}}}},"v":{"docs":{},"df":0,"e":{"docs":{},"df":0,"l":{"docs":{"004484":{"tf":1},"009911":{"tf":1}},"df":2}}},"f":{"docs":{},"df":0,"t":{"docs":{"00171711":{"tf":1},"0058582":{"tf":1}},"df":2}}}},"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"m":{"docs":{},"df":0,"o":{"docs":{},"df":0,"t":{"docs":{"000010":{"tf":1},"00112":{"tf":1},"00223":{"tf":1},"00333":{"tf":1},"004471":{"tf":1},"008834":{"tf":1},"0021212":{"tf":1},"0022221":{"tf":1},"0039392":{"tf":1},"0053531":{"tf":1}},"df":10}}},"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"000015":{"tf":1},"00227":{"tf":1}},"df":2}}}}},"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"v":{"docs":{"000035":{"tf":1}},"df":1}}}},"d":{"docs":{"00212145":{"tf":1}},"df":1},"l":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"m":{"docs":{"0040409":{"tf":1}},"df":1}}}}},"s":{"docs":{},"df":0,"i":{"docs":{},"df":0,"z":{"docs":{"000041":{"tf":1},"00228":{"tf":1},"0016169":{"tf":1},"0052526":{"tf":1}},"df":4}},"o":{"docs":{},"df":0,"u":{"docs":{},"df":0,"r":{"docs":{},"df":0,"c":{"docs":{"00212119":{"tf":1},"00212122":{"tf":1}},"df":2}}}},"p":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{},"df":0,"s":{"docs":{"0036364":{"tf":1},"0037372":{"tf":1}},"df":2}}}},"t":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{"0046463":{"tf":1}},"df":1}}}}}},"f":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"00224":{"tf":1}},"df":1}}},"c":{"docs":{},"df":0,"u":{"docs":{},"df":0,"r":{"docs":{"0021214":{"tf":1}},"df":1,"r":{"docs":{"004482":{"tf":1}},"df":1}}}},"n":{"docs":{},"df":0,"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"009916":{"tf":1}},"df":1}}}},"g":{"docs":{},"df":0,"i":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"00101024":{"tf":1}},"df":1}}}},"v":{"docs":{},"df":0,"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{"0051515":{"tf":1}},"df":1}}}}},"o":{"docs":{},"df":0,"w":{"docs":{"000017":{"tf":1},"000019":{"tf":1},"000020":{"tf":1},"000021":{"tf":1},"000022":{"tf":1},"000048":{"tf":1},"000052":{"tf":1},"002215":{"tf":1},"002216":{"tf":1},"002217":{"tf":1},"002222":{"tf":1},"00994":{"tf":1},"00996":{"tf":1},"00212123":{"tf":1},"00212135":{"tf":1}},"df":15},"u":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{"004418":{"tf":1}},"df":1}},"t":{"docs":{"008812":{"tf":1},"00101022":{"tf":1}},"df":2}},"s":{"docs":{},"df":0,"e":{"docs":{"004468":{"tf":1}},"df":1}},"o":{"docs":{},"df":0,"m":{"docs":{"00212117":{"tf":1}},"df":1}}},"a":{"docs":{},"df":0,"n":{"docs":{},"df":0,"g":{"docs":{"004412":{"tf":1},"004420":{"tf":1},"004421":{"tf":1},"004469":{"tf":1},"004495":{"tf":1},"005511":{"tf":1},"00661":{"tf":1},"00772":{"tf":1},"0014146":{"tf":1},"0023232":{"tf":1},"0024242":{"tf":1},"0025251":{"tf":1},"0025253":{"tf":1},"0025255":{"tf":1},"0026262":{"tf":1},"0027271":{"tf":1},"0046461":{"tf":1}},"df":17}},"d":{"docs":{},"df":0,"i":{"docs":{},"df":0,"u":{"docs":{"004452":{"tf":1}},"df":1},"a":{"docs":{},"df":0,"l":{"docs":{"008820":{"tf":1}},"df":1}},"o":{"docs":{"0019193":{"tf":1}},"df":1}}}},"s":{"docs":{},"df":0,"i":{"docs":{"004444":{"tf":1}},"df":1}},"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"g":{"docs":{"006615":{"tf":1}},"df":1}},"g":{"docs":{},"df":0,"h":{"docs":{},"df":0,"t":{"docs":{"00171711":{"tf":1},"0058582":{"tf":1}},"df":2}}}},"t":{"docs":{},"df":0,"l":{"docs":{"008824":{"tf":1},"00111111":{"tf":1},"00151511":{"tf":1}},"df":3}},"u":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{"00212149":{"tf":1},"00212150":{"tf":1}},"df":2}}}},"a":{"docs":{"0013139":{"tf":1}},"df":1,"u":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{"00161613":{"tf":1},"00171713":{"tf":1},"00212123":{"tf":1}},"df":3,"w":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{"000011":{"tf":1},"002211":{"tf":1}},"df":2}}}}}}},"n":{"docs":{},"df":0,"d":{"docs":{"000021":{"tf":1},"000022":{"tf":1},"000034":{"tf":1},"000048":{"tf":1},"002218":{"tf":1},"004432":{"tf":1},"004498":{"tf":1},"00552":{"tf":1},"00662":{"tf":1},"00774":{"tf":1},"008831":{"tf":1},"008832":{"tf":1},"00993":{"tf":1},"00111110":{"tf":1},"0012122":{"tf":1},"0017174":{"tf":1},"0017175":{"tf":1},"0017178":{"tf":1},"0021215":{"tf":1},"0021218":{"tf":1},"00212147":{"tf":1},"0028281":{"tf":1},"0029291":{"tf":1},"0030301":{"tf":1},"0032322":{"tf":1},"0039393":{"tf":1},"0039397":{"tf":1},"0040403":{"tf":1},"0055551":{"tf":1}},"df":29},"n":{"docs":{},"df":0,"o":{"docs":{},"df":0,"t":{"docs":{"004488":{"tf":1},"00663":{"tf":1},"00775":{"tf":1},"00884":{"tf":1},"00101011":{"tf":1}},"df":5}}},"i":{"docs":{},"df":0,"m":{"docs":{"0052528":{"tf":1}},"df":1}},"a":{"docs":{},"df":0,"l":{"docs":{},"df":0,"y":{"docs":{},"df":0,"t":{"docs":{"0056564":{"tf":1}},"df":1}}}}},"p":{"docs":{},"df":0,"i":{"docs":{"000024":{"tf":1},"000029":{"tf":1},"000031":{"tf":1},"002227":{"tf":1},"002232":{"tf":1},"002236":{"tf":1},"00161610":{"tf":1},"0018181":{"tf":1},"0032324":{"tf":1},"0035355":{"tf":1},"0036362":{"tf":1},"0040402":{"tf":1},"0042424":{"tf":1},"0047473":{"tf":1},"0049496":{"tf":1},"0054546":{"tf":1},"0056562":{"tf":1}},"df":17},"p":{"docs":{},"df":0,"l":{"docs":{"006615":{"tf":1}},"df":1}}},"g":{"docs":{},"df":0,"g":{"docs":{},"df":0,"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"g":{"docs":{"000033":{"tf":1},"000034":{"tf":1},"000035":{"tf":1},"001114":{"tf":1},"002240":{"tf":1},"002241":{"tf":1}},"df":6}}}},"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{},"df":0,"a":{"docs":{"00212112":{"tf":1},"00212113":{"tf":1}},"df":2}}}}},"d":{"docs":{},"df":0,"v":{"docs":{},"df":0,"a":{"docs":{},"df":0,"n":{"docs":{},"df":0,"c":{"docs":{"000044":{"tf":1}},"df":1}}}},"d":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{"00212133":{"tf":1}},"df":1}}}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"g":{"docs":{},"df":0,"n":{"docs":{"002210":{"tf":1},"0038382":{"tf":1}},"df":2}}}},"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"a":{"docs":{"00449":{"tf":1},"004410":{"tf":1},"004411":{"tf":1},"004412":{"tf":1},"004413":{"tf":1},"004414":{"tf":1},"004415":{"tf":1},"004416":{"tf":1},"004464":{"tf":1},"004465":{"tf":1},"00555":{"tf":1},"00556":{"tf":1},"00557":{"tf":1},"0048487":{"tf":1}},"df":14}},"c":{"docs":{"00666":{"tf":1}},"df":1}},"c":{"docs":{},"df":0,"c":{"docs":{},"df":0,"u":{"docs":{},"df":0,"m":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{"004438":{"tf":1}},"df":1}}}},"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{},"df":0,"i":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"0041414":{"tf":1},"0055552":{"tf":1}},"df":2}}}}}}},"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"v":{"docs":{"008815":{"tf":1}},"df":1}}}},"t":{"docs":{},"df":0,"r":{"docs":{"004439":{"tf":1}},"df":1},"t":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"b":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{"00993":{"tf":1}},"df":1}}}}},"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"00101025":{"tf":1}},"df":1}}}}},"x":{"docs":{"004485":{"tf":1},"00774":{"tf":1}},"df":2,"i":{"docs":{"004473":{"tf":1},"004474":{"tf":1},"004475":{"tf":1},"004476":{"tf":1},"004477":{"tf":1},"004479":{"tf":1},"004480":{"tf":1},"006611":{"tf":1},"00999":{"tf":1},"009910":{"tf":1},"0011113":{"tf":1},"0011114":{"tf":1},"0014142":{"tf":1}},"df":13}},"j":{"docs":{},"df":0,"a":{"docs":{},"df":0,"x":{"docs":{"0016167":{"tf":1},"0033331":{"tf":1},"0052524":{"tf":1},"0054542":{"tf":1}},"df":4}}},"z":{"docs":{},"df":0,"u":{"docs":{},"df":0,"r":{"docs":{"0040405":{"tf":1}},"df":1}}},"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"z":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"0040408":{"tf":1}},"df":1}}}}}},"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"m":{"docs":{},"df":0,"p":{"docs":{},"df":0,"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"t":{"docs":{"000013":{"tf":1},"000017":{"tf":1},"000018":{"tf":1},"000038":{"tf":1},"000042":{"tf":1},"001121":{"tf":1},"00226":{"tf":1},"002213":{"tf":1},"002217":{"tf":1},"002219":{"tf":1},"002225":{"tf":1},"002247":{"tf":1},"004489":{"tf":1},"009917":{"tf":1},"0010104":{"tf":1},"00212134":{"tf":1},"0022226":{"tf":1},"0028283":{"tf":1},"0029294":{"tf":1},"0030303":{"tf":1},"0031313":{"tf":1},"0035353":{"tf":1},"0039398":{"tf":1},"0042422":{"tf":1},"0048482":{"tf":1},"0052523":{"tf":1},"0053535":{"tf":1},"0053536":{"tf":1},"0054541":{"tf":1},"0054545":{"tf":1},"0057571":{"tf":1}},"df":31}}}}},"x":{"docs":{},"df":0,"t":{"docs":{},"df":0,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"x":{"docs":{"0044441":{"tf":1}},"df":1}}}}}},"o":{"docs":{"004419":{"tf":1},"00171711":{"tf":1},"0058582":{"tf":1}},"df":3,"t":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{"001110":{"tf":1}},"df":1}}},"o":{"docs":{},"df":0,"l":{"docs":{"008826":{"tf":1}},"df":1,"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"001112":{"tf":1},"002247":{"tf":1},"0035356":{"tf":1},"0041415":{"tf":1},"0058581":{"tf":1}},"df":5}}},"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"p":{"docs":{"006613":{"tf":1},"00776":{"tf":1},"00889":{"tf":1},"009917":{"tf":1},"00101015":{"tf":1},"0015155":{"tf":1},"00212131":{"tf":1},"0049492":{"tf":1},"00494911":{"tf":1},"0054544":{"tf":1}},"df":10}}}}}},"h":{"docs":{},"df":0,"r":{"docs":{},"df":0,"o":{"docs":{},"df":0,"u":{"docs":{},"df":0,"g":{"docs":{},"df":0,"h":{"docs":{"001122":{"tf":1}},"df":1}}}}},"u":{"docs":{},"df":0,"m":{"docs":{},"df":0,"b":{"docs":{"0049498":{"tf":1}},"df":1,"n":{"docs":{},"df":0,"a":{"docs":{},"df":0,"i":{"docs":{},"df":0,"l":{"docs":{"0040401":{"tf":1}},"df":1}}}}}}}},"y":{"docs":{},"df":0,"p":{"docs":{},"df":0,"e":{"docs":{"002223":{"tf":1},"00992":{"tf":1},"0014141":{"tf":1},"0014142":{"tf":1},"00161614":{"tf":1},"0041411":{"tf":1},"0042421":{"tf":1},"0050501":{"tf":1}},"df":8}}},"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"004434":{"tf":1}},"df":1}}}}},"e":{"docs":{"008818":{"tf":1},"008820":{"tf":1},"008823":{"tf":1},"008824":{"tf":1}},"df":4,"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{"00151510":{"tf":1}},"df":1}}}}},"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{},"df":0,"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{"004497":{"tf":1}},"df":1}}}}}},"i":{"docs":{},"df":0,"b":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{"00161620":{"tf":1}},"df":1}}}}},"m":{"docs":{},"df":0,"a":{"docs":{"004447":{"tf":1}},"df":1}},"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"00662":{"tf":1},"0049491":{"tf":1},"00494910":{"tf":1}},"df":3}},"m":{"docs":{},"df":0,"e":{"docs":{"0021215":{"tf":1},"00212139":{"tf":1},"0027271":{"tf":1},"0027273":{"tf":1}},"df":4,"z":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"0021217":{"tf":1}},"df":1}}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"00212111":{"tf":1},"00212125":{"tf":1},"0022224":{"tf":1}},"df":3}}},"s":{"docs":{},"df":0,"c":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{"00212136":{"tf":1}},"df":1}}}}}},"l":{"docs":{},"df":0,"e":{"docs":{"0051516":{"tf":1}},"df":1}}},"a":{"docs":{},"df":0,"b":{"docs":{},"df":0,"l":{"docs":{"0017176":{"tf":1},"0017179":{"tf":1}},"df":2}},"s":{"docs":{},"df":0,"k":{"docs":{"0022227":{"tf":1}},"df":1,"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"0022226":{"tf":1}},"df":1}}}}}}},"w":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{},"df":0,"h":{"docs":{"004452":{"tf":1},"004456":{"tf":1},"00101013":{"tf":1},"00101014":{"tf":1},"00101027":{"tf":1},"00101028":{"tf":1},"00151510":{"tf":1},"0031318":{"tf":1},"0036365":{"tf":1},"0057572":{"tf":1}},"df":10,"i":{"docs":{},"df":0,"n":{"docs":{"000022":{"tf":1}},"df":1}}}},"n":{"docs":{},"df":0,"d":{"docs":{"004468":{"tf":1}},"df":1}},"s":{"docs":{},"df":0,"e":{"docs":{"00212126":{"tf":1}},"df":1}},"z":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{"0037373":{"tf":1},"0043433":{"tf":1}},"df":2}}}}},"a":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"f":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{"004430":{"tf":1}},"df":1}}}}},"c":{"docs":{},"df":0,"h":{"docs":{"006615":{"tf":1}},"df":1}}}},"h":{"docs":{},"df":0,"i":{"docs":{},"df":0,"s":{"docs":{},"df":0,"k":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"004432":{"tf":1}},"df":1}}}}}},"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{"0016164":{"tf":1}},"df":1},"k":{"docs":{"00212121":{"tf":1},"00212140":{"tf":1},"00212141":{"tf":1},"00212142":{"tf":1}},"df":4}}}},"m":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{"000023":{"tf":1},"002226":{"tf":1},"00446":{"tf":1},"004448":{"tf":1},"004484":{"tf":1},"009911":{"tf":1},"0010102":{"tf":1},"0023234":{"tf":1}},"df":8,"p":{"docs":{},"df":0,"l":{"docs":{"004479":{"tf":1},"00553":{"tf":1},"006611":{"tf":1},"0039396":{"tf":1},"0052529":{"tf":1}},"df":5}},"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"v":{"docs":{},"df":0,"e":{"docs":{},"df":0,"l":{"docs":{"0011115":{"tf":1}},"df":1}}}},"i":{"docs":{},"df":0,"n":{"docs":{"0044441":{"tf":1}},"df":1}}}}}}},"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"u":{"docs":{"000026":{"tf":1},"000049":{"tf":1},"000050":{"tf":1},"00229":{"tf":1},"002229":{"tf":1},"002242":{"tf":1},"002243":{"tf":1},"00171712":{"tf":1},"0019194":{"tf":1},"00212137":{"tf":1},"0022229":{"tf":1},"0036363":{"tf":1},"0054544":{"tf":1},"0055552":{"tf":1}},"df":14}}},"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"d":{"docs":{"004442":{"tf":1}},"df":1}},"r":{"docs":{},"df":0,"k":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"004487":{"tf":1},"0010103":{"tf":1},"0010104":{"tf":1},"0010105":{"tf":1},"00101026":{"tf":1}},"df":5}}}},"n":{"docs":{},"df":0,"a":{"docs":{},"df":0,"g":{"docs":{"008810":{"tf":1}},"df":1}}},"p":{"docs":{"008821":{"tf":1},"00101010":{"tf":1},"00101021":{"tf":1},"00101025":{"tf":1},"00101027":{"tf":1},"00101028":{"tf":1},"0015157":{"tf":1}},"df":7},"t":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"x":{"docs":{"00131314":{"tf":1}},"df":1}}}},"s":{"docs":{},"df":0,"k":{"docs":{"0045451":{"tf":1}},"df":1}}},"o":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{},"df":0,"u":{"docs":{},"df":0,"m":{"docs":{"004443":{"tf":1}},"df":1}}}}}},"d":{"docs":{},"df":0,"e":{"docs":{"009915":{"tf":1},"009916":{"tf":1},"0035354":{"tf":1},"0037372":{"tf":1},"0047471":{"tf":1}},"df":5},"a":{"docs":{},"df":0,"l":{"docs":{"0052522":{"tf":1}},"df":1}}},"n":{"docs":{},"df":0,"t":{"docs":{},"df":0,"h":{"docs":{"00212113":{"tf":1},"0023235":{"tf":1},"0024245":{"tf":1},"0025255":{"tf":1}},"df":4}}}},"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{"008821":{"tf":1}},"df":1}}},"s":{"docs":{"0016164":{"tf":1}},"df":1}},"p":{"docs":{},"df":0,"a":{"docs":{},"df":0,"g":{"docs":{},"df":0,"e":{"docs":{"000028":{"tf":1},"000029":{"tf":1},"002231":{"tf":1},"002232":{"tf":1}},"df":4}},"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{"004449":{"tf":1}},"df":1}}},"a":{"docs":{},"df":0,"g":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{},"df":0,"h":{"docs":{"0017172":{"tf":1}},"df":1}}}}}}},"n":{"docs":{"004498":{"tf":1},"00101017":{"tf":1}},"df":2,"e":{"docs":{},"df":0,"l":{"docs":{"008830":{"tf":1},"0036364":{"tf":1}},"df":2}}},"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{},"df":0,"t":{"docs":{"008829":{"tf":1},"009915":{"tf":1},"0047472":{"tf":1}},"df":3}}}},"s":{"docs":{},"df":0,"t":{"docs":{"0016164":{"tf":1}},"df":1}}},"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{"000046":{"tf":1},"002245":{"tf":1},"004492":{"tf":1},"008832":{"tf":1},"00101019":{"tf":1},"00111110":{"tf":1},"0012122":{"tf":1},"0015159":{"tf":1},"0016166":{"tf":1},"00171710":{"tf":1},"00212148":{"tf":1}},"df":11}},"c":{"docs":{},"df":0,"e":{"docs":{"00494912":{"tf":1}},"df":1}}},"o":{"docs":{},"df":0,"j":{"docs":{},"df":0,"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{"0010101":{"tf":1}},"df":1}}}},"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{"00171715":{"tf":1}},"df":1}}}},"g":{"docs":{},"df":0,"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"s":{"docs":{},"df":0,"s":{"docs":{"0019197":{"tf":1}},"df":1}}}}},"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{"0040405":{"tf":1},"0040406":{"tf":1},"0040407":{"tf":1},"0040408":{"tf":1},"0040409":{"tf":1}},"df":5}}}},"e":{"docs":{},"df":0,"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"e":{"docs":{},"df":0,"w":{"docs":{"00161618":{"tf":1},"0048485":{"tf":1}},"df":2}}}},"s":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"v":{"docs":{"00171714":{"tf":1}},"df":1}},"t":{"docs":{"0025253":{"tf":1}},"df":1}}},"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"a":{"docs":{},"df":0,"d":{"docs":{"0048483":{"tf":1}},"df":1}}}},"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"f":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"0056561":{"tf":1}},"df":1}}}}}}},"i":{"docs":{},"df":0,"v":{"docs":{},"df":0,"o":{"docs":{},"df":0,"t":{"docs":{"00114":{"tf":1}},"df":1}}},"e":{"docs":{"004451":{"tf":1},"004452":{"tf":1},"004456":{"tf":1},"004457":{"tf":1},"00101027":{"tf":1},"00151510":{"tf":1}},"df":6},"c":{"docs":{},"df":0,"k":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0023235":{"tf":1},"0024245":{"tf":1},"0025255":{"tf":1}},"df":3}}}}},"o":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{"004415":{"tf":1},"004461":{"tf":1},"004491":{"tf":1},"00998":{"tf":1},"0011118":{"tf":1}},"df":5,"e":{"docs":{},"df":0,"r":{"docs":{"00669":{"tf":1},"006610":{"tf":1},"006612":{"tf":1},"00774":{"tf":1}},"df":4}}}}},"r":{"docs":{},"df":0,"t":{"docs":{"00885":{"tf":1}},"df":1}},"s":{"docs":{},"df":0,"t":{"docs":{"0020203":{"tf":1}},"df":1},"i":{"docs":{},"df":0,"t":{"docs":{"0042423":{"tf":1},"0052527":{"tf":1},"0054543":{"tf":1}},"df":3}}},"p":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{"00212150":{"tf":1}},"df":1},"p":{"docs":{"0038381":{"tf":1}},"df":1}}}},"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"t":{"docs":{"004428":{"tf":1},"00558":{"tf":1},"00559":{"tf":1}},"df":3}},"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"e":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{"009913":{"tf":1}},"df":1}}}}}}}},"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"f":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"m":{"docs":{"004450":{"tf":1}},"df":1}}}},"i":{"docs":{},"df":0,"o":{"docs":{},"df":0,"d":{"docs":{"005512":{"tf":1}},"df":1}}},"t":{"docs":{"008825":{"tf":1}},"df":1}}},"y":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"m":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{"004454":{"tf":1}},"df":1}}}}}}},"i":{"docs":{},"df":0,"n":{"docs":{"0014143":{"tf":1}},"df":1,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"000036":{"tf":1},"002220":{"tf":1},"0016163":{"tf":1},"0030306":{"tf":1},"0047471":{"tf":1}},"df":5}}},"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{"002249":{"tf":1},"008827":{"tf":1},"00212151":{"tf":1}},"df":3}}},"v":{"docs":{"00212116":{"tf":1}},"df":1}},"g":{"docs":{},"df":0,"r":{"docs":{"0035356":{"tf":1},"0057572":{"tf":1}},"df":2}}},"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"d":{"docs":{},"df":0,"a":{"docs":{},"df":0,"y":{"docs":{"005510":{"tf":1}},"df":1}}}}}},"v":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"s":{"docs":{"00444":{"tf":1},"004421":{"tf":1},"004480":{"tf":1},"00557":{"tf":1},"00999":{"tf":1}},"df":5}}}},"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"x":{"docs":{"004477":{"tf":1}},"df":1}},"i":{"docs":{},"df":0,"c":{"docs":{"00101023":{"tf":1}},"df":1},"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{},"df":0,"u":{"docs":{"00212115":{"tf":1}},"df":1}}}}}},"s":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{"00161615":{"tf":1},"00161616":{"tf":1}},"df":2}}}}},"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"g":{"docs":{"00669":{"tf":1},"0016162":{"tf":1},"0039393":{"tf":1},"0048485":{"tf":1}},"df":4}},"p":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{"00212147":{"tf":1}},"df":1}}}}},"f":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"m":{"docs":{"0016165":{"tf":1}},"df":1}}}},"c":{"docs":{"00212147":{"tf":1}},"df":1,"o":{"docs":{},"df":0,"n":{"docs":{"0028281":{"tf":1},"0029291":{"tf":1},"0030301":{"tf":1},"0033332":{"tf":1},"0039393":{"tf":1}},"df":5}}},"s":{"docs":{},"df":0,"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"m":{"docs":{"0023236":{"tf":1}},"df":1}}}}},"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"t":{"docs":{},"df":0,"c":{"docs":{},"df":0,"h":{"docs":{"000039":{"tf":1}},"df":1}}},"r":{"docs":{"00117":{"tf":1},"004422":{"tf":1},"004425":{"tf":1},"004426":{"tf":1},"004433":{"tf":1},"00212138":{"tf":1},"0049499":{"tf":1}},"df":7},"c":{"docs":{},"df":0,"k":{"docs":{"004419":{"tf":1.4142135623730951}},"df":1}},"n":{"docs":{},"df":0,"d":{"docs":{"00559":{"tf":1},"0014146":{"tf":1}},"df":2}},"s":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{"00212110":{"tf":1},"0051510":{"tf":1}},"df":2}},"e":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"0022225":{"tf":1}},"df":1}}}}},"d":{"docs":{},"df":0,"g":{"docs":{"0050503":{"tf":1}},"df":1}}},"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{"00115":{"tf":1},"00332":{"tf":1},"00333":{"tf":1},"0028282":{"tf":1},"0029292":{"tf":1},"0030302":{"tf":1},"0031311":{"tf":1},"0035351":{"tf":1}},"df":8}}},"u":{"docs":{"00101029":{"tf":1}},"df":1,"b":{"docs":{},"df":0,"b":{"docs":{},"df":0,"l":{"docs":{"004429":{"tf":1},"00992":{"tf":1},"0010107":{"tf":1}},"df":3}}},"l":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{"0017174":{"tf":1}},"df":1}}}},"t":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"0019191":{"tf":1},"0019193":{"tf":1},"0019195":{"tf":1},"0019197":{"tf":1}},"df":4}}}}},"o":{"docs":{},"df":0,"x":{"docs":{"004432":{"tf":1}},"df":1},"l":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"g":{"docs":{"004440":{"tf":1}},"df":1}}}}},"o":{"docs":{},"df":0,"k":{"docs":{"00101029":{"tf":1}},"df":1,"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"k":{"docs":{"0017175":{"tf":1}},"df":1}}}}}}},"p":{"docs":{},"df":0,"m":{"docs":{},"df":0,"n":{"docs":{"008813":{"tf":1}},"df":1}}},"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"0021215":{"tf":1}},"df":1}},"b":{"docs":{"0040405":{"tf":1}},"df":1}}}},"k":{"docs":{},"df":0,"e":{"docs":{},"df":0,"y":{"docs":{"000051":{"tf":1}},"df":1,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{"002249":{"tf":1},"008827":{"tf":1},"00212151":{"tf":1}},"df":3}}}}}}}},"u":{"docs":{},"df":0,"p":{"docs":{},"df":0,"d":{"docs":{},"df":0,"a":{"docs":{},"df":0,"t":{"docs":{"001125":{"tf":1},"0014145":{"tf":1}},"df":2}}},"c":{"docs":{"0013139":{"tf":1},"00131310":{"tf":1}},"df":2},"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"a":{"docs":{},"df":0,"d":{"docs":{"0040404":{"tf":1},"0048481":{"tf":1}},"df":2}}}}},"m":{"docs":{},"df":0,"l":{"docs":{"008815":{"tf":1},"008817":{"tf":1}},"df":2}},"s":{"docs":{"00161612":{"tf":1}},"df":1,"e":{"docs":{},"df":0,"r":{"docs":{"008828":{"tf":1}},"df":1}}},"n":{"docs":{},"df":0,"s":{"docs":{},"df":0,"c":{"docs":{},"df":0,"h":{"docs":{},"df":0,"e":{"docs":{},"df":0,"d":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{"0022227":{"tf":1}},"df":1}}}}}}}}},"n":{"docs":{},"df":0,"u":{"docs":{},"df":0,"m":{"docs":{},"df":0,"b":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"00335":{"tf":1},"0017174":{"tf":1}},"df":2}}},"e":{"docs":{},"df":0,"r":{"docs":{"004473":{"tf":1},"0011113":{"tf":1}},"df":2}}}},"e":{"docs":{},"df":0,"g":{"docs":{"004427":{"tf":1}},"df":1},"t":{"docs":{},"df":0,"w":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"k":{"docs":{"008816":{"tf":1}},"df":1}}}}},"s":{"docs":{},"df":0,"t":{"docs":{"0053533":{"tf":1}},"df":1}}},"o":{"docs":{},"df":0,"d":{"docs":{},"df":0,"e":{"docs":{"00882":{"tf":1},"0039395":{"tf":1}},"df":2,"j":{"docs":{"0040407":{"tf":1}},"df":1}}},"n":{"docs":{"00212141":{"tf":1}},"df":1},"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"f":{"docs":{"0041412":{"tf":1}},"df":1}}}},"a":{"docs":{},"df":0,"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"g":{"docs":{"0010108":{"tf":1},"00101013":{"tf":1},"0055552":{"tf":1}},"df":3}}}}},"z":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{},"df":0,"e":{"docs":{"00445":{"tf":1},"004416":{"tf":1}},"df":2}},"o":{"docs":{},"df":0,"m":{"docs":{"004498":{"tf":1},"00101017":{"tf":1},"0022228":{"tf":1}},"df":3}}}},"j":{"docs":{},"df":0,"s":{"docs":{"00161620":{"tf":1}},"df":1,"o":{"docs":{},"df":0,"n":{"docs":{"00996":{"tf":1},"00997":{"tf":1}},"df":2}}}},"q":{"docs":{},"df":0,"r":{"docs":{"00131313":{"tf":1}},"df":1}},"y":{"docs":{},"df":0,"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"00212114":{"tf":1}},"df":1}}}}}}},"pipeline":["trimmer","stopWordFilter","stemmer"]}
\ No newline at end of file
+{"version":"0.9.5","fields":["component","name"],"ref":"uid","documentStore":{"docs":{"00000":{"url":"grid-overview","name":"Overview","description":"This demo for Essential JS 2(ES6) grid control is an overview of how to display and manipulate large data with configuration options.","category":"Data Grid","api":{"Grid":["dataSource","enableVirtualization","allowFiltering","allowSorting","allowSelection","selectionSettings","height","columns","dataBound","actionComplete","load"]},"uid":"00000","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},"00001":{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS 2(ES6) grid control shows the default rendering of the grid control with minimum configuration.","category":"Data Grid","api":{"Grid":["columns","dataSource"]},"uid":"00001","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},"00002":{"url":"grouping","name":"Grouping","description":"This demo for Essential JS 2 grid control demonstrates the grouping feature of the grid control. The grid has options to group records based on columns.","category":"Data Grid","api":{"Grid":["dataSource","allowPaging","allowSorting","groupSettings","pageSettings","allowGrouping","height","columns"]},"uid":"00002","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},"00003":{"url":"grid-lines","name":"GridLines","description":"This demo for Essential JS 2 grid control demonstrates the visibility of the grid lines that separate the rows and columns.","category":"Data Grid","api":{"Grid":["dataSource","gridLines","columns"]},"uid":"00003","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},"00004":{"url":"scrolling","name":"Default Scrolling","description":"This demo for Essential JS 2 grid control shows the usage of the horizontal and vertical scrollbars to view grid content that exceeds the grid area.","category":"Scrolling","api":{"Grid":["dataSource","height","width","columns"]},"uid":"00004","order":1,"component":"Data Grid","dir":"grid","parentId":"00"},"00005":{"url":"virtual-scrolling","name":"Virtual Scrolling","description":"This demo demonstrates how to use Essential JS 2 grid to show a large data view without performance degradation by rendering only the required rows and columns.","category":"Scrolling","api":{"Grid":["dataSource","enableVirtualization","enableColumnVirtualization","dataBound","height","columns"]},"uid":"00005","order":1,"component":"Data Grid","dir":"grid","parentId":"00"},"00006":{"url":"events","name":"Events","description":"This demo for Essential JS 2 grid control shows the events that have been triggered during the grid operations.","category":"Data Grid","api":{"Grid":["dataSource","allowPaging","pageSettings","allowGrouping","allowReordering","allowSorting","columns","load","created","actionBegin","actionComplete","dataBound","rowSelecting","rowSelected","columnDragStart","columnDrag","columnDrop"]},"uid":"00006","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},"00007":{"url":"hierarchy","name":"Hierarchy Grid","description":"This demo for Essential JS 2 grid control shows the hierarchical binding feature that helps to build multilevel parent-child relationships.","category":"Data Grid","api":{"Grid":["dataSource","allowSorting","columns","detailDataBound","dataBound","created","childGrid"]},"uid":"00007","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},"00008":{"url":"clipboard","name":"Clipboard","description":"This demo for Essential JS 2 grid control shows copy to clipboard functionality of grid. Select rows and click Copy button from toolbar to copy content.","category":"Data Grid","api":{"Grid":["dataSource","allowPaging","toolbar","columns","pageSettings","allowSelection","selectionSettings","toolbarClick"]},"uid":"00008","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},"00009":{"url":"local-data","name":"Local Data","description":"This demo for Essential JS 2 grid control demonstrates the way for binding a grid with a local data source.","category":"Data Binding","api":{"Grid":["dataSource","allowPaging","columns","pageSettings"]},"uid":"00009","order":2,"component":"Data Grid","dir":"grid","parentId":"00"},"000010":{"url":"remote-data","name":"Remote Data","description":"This demo for Essential JS 2 grid control shows the way of data binding grid with remote service. Grid data source is bound to remote data using DataManager.","category":"Data Binding","api":{"Grid":["dataSource","allowPaging","actionBegin","actionComplete","created","dataBound","columns","pageSettings"]},"uid":"000010","order":2,"component":"Data Grid","dir":"grid","parentId":"00"},"000011":{"url":"auto-wrap","name":"AutoWrap Column Cells","description":"This demo for Essential JS 2 grid control shows how the grid cell content is autowrapped to show large cell content.","category":"Columns","api":{"Grid":["dataSource","allowPaging","allowTextWrap","columns","pageSettings"]},"uid":"000011","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000012":{"url":"show-hide","name":"Show or Hide Column","description":"This demo for Essential JS 2 grid control demonstrates the dynamic show and hide columns feature. Use the properties panel to hide/show the column.","category":"Columns","api":{"Grid":["dataSource","allowPaging","pageSettings","columns"]},"uid":"000012","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000013":{"url":"column-template","name":"Column Template","description":"This demo for Essential JS 2 grid control demonstrates usage of template columns in Grid to shown custom images in the Employee Image column.","category":"Columns","api":{"Grid":["dataSource","width","height","columns"]},"uid":"000013","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000014":{"url":"stacked-header","name":"Stacked Header","description":"This demo for Essential JS 2 grid control shows the usage of the sorting API in grid. Use the properties panel to sort/unsort columns using API.","category":"Columns","api":{"Grid":["dataSource","allowPaging","pageSettings","columns"]},"uid":"000014","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000015":{"url":"reorder","name":"Reorder","description":"This demo for Essential JS 2 grid control shows the reordering columns feature. Select column name and index from properties panel to reorder the columns.","category":"Columns","api":{"Grid":["dataSource","allowReordering","actionComplete","columns"]},"uid":"000015","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000016":{"url":"column-chooser","name":"Column Chooser","description":"This demo for Essential JS 2 grid control shows how the column chooser feature can be used to show or hide columns dynamically.","category":"Columns","api":{"Grid":["dataSource","allowPaging","showColumnChooser","columns","toolbar"]},"uid":"000016","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000017":{"url":"row-template","name":"Row Template","description":"This demo for Essential JS 2 grid control shows the usage of the row template feature. We have rendered each Grid row using template.","category":"Rows","api":{"Grid":["dataSource","rowTemplate","height","width","columns"]},"uid":"000017","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},"000018":{"url":"detail-template","name":"Detail Template","description":"This demo for Essential JS 2 grid control shows the grid with detail template feature. Click the expand button to show the detailed information about a row.","category":"Rows","api":{"Grid":["dataSource","detailTemplate","height","width","columns"]},"uid":"000018","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},"000019":{"url":"hover","name":"Row Hover","description":"This demo for Essential JS 2 grid control shows the Grid with the row hover feature. Move the mouse over the Grid rows to see the hover effect.","category":"Rows","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowSelection","enableHover"]},"uid":"000019","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},"000020":{"url":"row-height","name":"Row Height","description":"This demo for Essential JS 2 grid control shows the row height feature. Click on the toolbar icons to change row's height.","category":"Rows","api":{"Grid":["dataSource","toolbar","height","columns","rowHeight","toolbarClick"]},"uid":"000020","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},"000021":{"url":"drag-and-drop","name":"Row Drag And Drop","description":"This demo for Essential JS 2 grid control demonstrates how the rows can be dragged between grids using the row drag-and-drop feature.","category":"Rows","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowRowDragAndDrop","selectionSettings","rowDropSettings","width"]},"uid":"000021","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},"000022":{"url":"drag-drop-within-grid","name":"Row Drag And Drop Within Grid","category":"Rows","description":"This demo for Essential JS 2 grid control demonstrates how the rows can be dragged within the grids using the row drag-and-drop feature.","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowRowDragAndDrop","selectionSettings","rowDropSettings","width","persistSelection"]},"uid":"000022","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},"000023":{"url":"sorting","name":"Multi Sorting","description":"This demo for Essential JS 2 grid control shows the grid multisorting feature. Using this feature, grid rows can be sorted by two or more columns.","category":"Sorting","api":{"Grid":["dataSource","allowSelection","selectionSettings","columns","enableHover"]},"uid":"000023","order":5,"component":"Data Grid","dir":"grid","parentId":"00"},"000024":{"url":"sorting-api","name":"Sorting API","description":"This demo for Essential JS 2 grid control shows the usage of the sorting API in grid. Use the properties panel to sort/unsort columns using API.","category":"Sorting","api":{"Grid":["dataSource","allowPaging","allowSelection","selectionSettings","enableHover","columns","pageSettings"]},"uid":"000024","order":5,"component":"Data Grid","dir":"grid","parentId":"00"},"000025":{"url":"filter","name":"Default Filtering","description":"This demo for Essential JS 2 grid control shows how to place a filter bar row in the header to filter grid rows.","category":"Filtering","api":{"Grid":["allowFiltering","dataSource","allowPaging","pageSettings","columns"]},"uid":"000025","order":6,"component":"Data Grid","dir":"grid","parentId":"00"},"000026":{"url":"filter-menu","name":"Filter Menu","description":"This demo for Essential JS 2 grid control demonstrates a way of filtering rows using a menu, check box, and Excel filter UI.","category":"Filtering","api":{"Grid":["allowFiltering","filterSettings","dataSource","allowPaging","pageSettings","columns"]},"uid":"000026","order":6,"component":"Data Grid","dir":"grid","parentId":"00"},"000027":{"url":"search","name":"Search","description":"This demo for Essential JS 2 grid control shows the content searching feature. Use the search box from toolbar to search for records in grid.","category":"Filtering","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","toolbar"]},"uid":"000027","order":6,"component":"Data Grid","dir":"grid","parentId":"00"},"000028":{"url":"default-paging","name":"Default Paging","description":"This demo for Essential JS 2 grid control shows how you can display the contents of the grid in page segments using the paging feature.","category":"Paging","api":{"Grid":["dataSource","allowPaging","pageSettings","columns"]},"uid":"000028","order":7,"component":"Data Grid","dir":"grid","parentId":"00"},"000029":{"url":"paging-api","name":"Paging API","description":"This demo for Essential JS 2 grid control shows the usage of the paging API, use the properties panel to change the pageSize, pageCount and current page.","category":"Paging","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","actionComplete","goToPage"]},"uid":"000029","order":7,"component":"Data Grid","dir":"grid","parentId":"00"},"000030":{"url":"selection","name":"Default Selection","description":"This demo for Essential JS 2 grid control shows how to select rows or cells through simple mouse down or keyboard interaction using the selection feature.","category":"Selection","api":{"Grid":["dataSource","allowSelection","selectionSettings","enableHover","columns"]},"uid":"000030","order":8,"component":"Data Grid","dir":"grid","parentId":"00"},"000031":{"url":"selection-api","name":"Selection API","description":"This demo for Essential JS 2 grid control shows the content searching feature. Use the search box from toolbar to search for records in grid.","category":"Selection","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowSelection","selectionSettings","enableHover"]},"uid":"000031","order":8,"component":"Data Grid","dir":"grid","parentId":"00"},"000032":{"url":"checkbox-selection","name":"Checkbox Selection","description":"This demo for Essential JS 2 grid control shows how the check box selection feature can be used to select grid rows.","category":"Selection","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowSelection","selectionSettings","enableHover"]},"uid":"000032","order":8,"component":"Data Grid","dir":"grid","parentId":"00"},"000033":{"url":"aggregate-default","name":"Default Aggregate","description":"This demo for Essential JS 2 grid control shows how the row values can be aggregated and shown in a column footer.","category":"Aggregates","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","aggregates"]},"uid":"000033","order":9,"component":"Data Grid","dir":"grid","parentId":"00"},"000034":{"url":"aggregate-group","name":"Group and Caption Aggregate","description":"This demo for Essential JS 2 grid control shows how the row values can be aggregated for each group of items and shown in a group caption and footer.","category":"Aggregates","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowGrouping","groupSettings","aggregates"]},"uid":"000034","order":9,"component":"Data Grid","dir":"grid","parentId":"00"},"000035":{"url":"reactive-aggregate-batch-edit","name":"Reactive Aggregate","description":"This demo for Essential JS 2 grid control shows how aggregate values are updated while the row is edited in batch edit mode.","category":"Aggregates","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","allowGrouping","groupSettings","aggregates","editSettings","toolbar"]},"uid":"000035","order":9,"component":"Data Grid","dir":"grid","parentId":"00"},"000036":{"url":"normal-editing","name":"Inline Editing","description":"This demo for Essential JS 2 grid control shows the inline editing operation. In the below sample, You can perform CRUD operations in grid.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings","toolbar"]},"uid":"000036","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},"000037":{"url":"dialog-editing","name":"Dialog Editing","description":"This demo for Essential JS 2 grid control shows how to edit grid rows using the Essential JS 2 dialog control.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings","toolbar"]},"uid":"000037","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},"000038":{"url":"dialog-template","name":"Dialog Template","description":"This demo for Essential JS 2 grid control shows how to edit the grid rows using Essential JS 2 dialog-template.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings","toolbar"]},"uid":"000038","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},"000039":{"url":"batch-editing","name":"Batch Editing","description":"This demo for Essential JS 2 grid control shows how to perform bulk changes to the grid content using batch edit mode.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings","toolbar"]},"uid":"000039","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},"000040":{"url":"command-column","name":"Command Column","description":"This demo for Essential JS 2 grid control shows how to edit and delete records using a command column.","category":"Editing","api":{"Grid":["dataSource","allowPaging","pageSettings","columns","editSettings"]},"uid":"000040","order":10,"component":"Data Grid","dir":"grid","parentId":"00"},"000041":{"url":"column-resize","name":"Column Resizing","description":"This demo for Essential JS 2 grid control shows how the column resizing feature can be used to change width dynamically.","category":"Columns","api":{"Grid":["dataSource","allowResizing","height","columns"]},"uid":"000041","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000042":{"url":"header-template","name":"Header Template","description":"This demo for Essential JS 2 grid control shows the Grid header template feature, we have shown custom icons in the column headers.","category":"Columns","api":{"Grid":["dataSource","columns"]},"uid":"000042","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000043":{"url":"default-exporting","name":"Default Exporting","description":"This demo for Essential JS 2 grid control shows the client-side exporting of grid content to Excel, PDF, and CSV formats.","category":"Exporting","api":{"Grid":["dataSource","allowExcelExport","allowPdfExport","allowPaging","toolbar","pageSettings","columns","groupSettings","allowGrouping"]},"uid":"000043","order":11,"component":"Data Grid","dir":"grid","parentId":"00"},"000044":{"url":"advanced-exporting","name":"Advanced Exporting","description":"This demo for Essential JS 2 grid control demonstrates how exporting can be customized to add headers and footers in exported documents.","category":"Exporting","api":{"Grid":["dataSource","allowExcelExport","allowPdfExport","toolbar","allowPaging","pageSettings","columns"]},"uid":"000044","order":11,"component":"Data Grid","dir":"grid","parentId":"00"},"000045":{"url":"master-details-export","name":"Hierarchy Exporting","description":"This demo for Essential JS 2 grid control demonstrates how to export hierarchy grid in exported documents.","category":"Exporting","api":{"Grid":["dataSource","allowExcelExport","allowPdfExport","toolbar","allowPaging","pageSettings","columns","childGrid"]},"uid":"000045","order":11,"component":"Data Grid","dir":"grid","parentId":"00"},"000046":{"url":"print","name":"Print","description":"This demo for Essential JS 2 grid control shows how to print the grid content. Click the print button from the toolbar item to print Grid.","category":"Exporting","api":{"Grid":["dataSource","allowPaging","toolbar","pageSettings","columns"]},"uid":"000046","order":11,"component":"Data Grid","dir":"grid","parentId":"00"},"000047":{"url":"column-spanning","name":"Column Spanning","description":"This demo for Essential JS 2 grid control demonstrates the grid with column spanning feature to span multiple adjacent cells together.","category":"Columns","api":{"Grid":["dataSource","allowTextWrap","columns","queryCellInfo","gridLines","width","height"]},"uid":"000047","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000048":{"url":"frozen-rows-columns","name":"Frozen Rows And Columns","description":"This demo for Essential JS 2 grid control shows frozen rows/columns feature of grid. Scroll the movable content to view the frozen rows/columns.","category":"Columns","api":{"Grid":["dataSource","allowSelection","columns","frozenColumns","frozenRows","height"]},"uid":"000048","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000049":{"url":"context-menu","name":"Context Menu","description":"This demo for Essential JS 2 grid control shows demonstrates the usage of context menu in grid. Right click anywhere on the grid to view context menu.","category":"Data Grid","api":{"Grid":["dataSource","allowSorting","allowGrouping","allowPdfExport","allowExcelExport","editSettings","allowPaging","contextMenuItems","groupSettings","columns"]},"uid":"000049","order":0,"component":"Data Grid","dir":"grid","parentId":"00"},"000050":{"url":"column-menu","name":"Column Menu","description":"This demo for Essential JS 2 grid control shows the usage of the various column functionalities of the column menu feature.","category":"Columns","api":{"Grid":["dataSource","allowSorting","allowGrouping","showColumnMenu","groupSettings","columns","allowSorting"]},"uid":"000050","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000051":{"url":"foreign-key","name":"Foreign Key Column","description":"This demo for Essential JS 2 grid control shows the usage of a foreign key column and perform actions like filtering, sorting and editing.","category":"Columns","api":{"Grid":["dataSource","allowSorting","columns","allowFiltering","filterSettings","editSettings"]},"uid":"000051","order":3,"component":"Data Grid","dir":"grid","parentId":"00"},"000052":{"url":"row-spanning","name":"Row Spanning","description":"This demo for Essential JS 2 grid control demonstrates the row spanning feature. In this sample, we have spanned row cells together.","category":"Rows","api":{"Grid":["dataSource","allowTextWrap","columns","queryCellInfo","gridLines","width","height"]},"uid":"000052","order":4,"component":"Data Grid","dir":"grid","parentId":"00"},"00110":{"url":"default","name":"Default Functionalities","category":"Pivot Table","description":"This demo for Essential JS2 Pivot Table control shows the basic rendering of the pivot table with minimum configuration","uid":"00110","order":0,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00111":{"url":"local","name":"Local Data","category":"Data Binding","description":"This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table with local JSON data","sourceFiles":[{"displayName":"local.ts","path":"src/pivot-table/local.ts"},{"displayName":"localData.json","path":"src/pivot-table/pivot-data/rData.json"},{"displayName":"local.html","path":"src/pivot-table/local.html"}],"uid":"00111","order":1,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00112":{"url":"remote","name":"Remote Data","category":"Data Binding","description":"This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table with remote data or service data","uid":"00112","order":1,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00113":{"url":"olap","name":"OLAP","category":"Data Binding","description":"This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table with olap datasource","uid":"00113","order":1,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00114":{"url":"pivot-chart","name":"Pivot Chart","category":"Integration","description":"This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table data into a simple pivot chart","uid":"00114","order":2,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00115":{"url":"external-binding","name":"External Binding","category":"Integration","description":"This demo for Essential JS2 Pivot Table control demonstrate the rendering of heat map with cell selection option.","uid":"00115","order":2,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00116":{"url":"field-list","name":"Field List","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the field list feature of the pivot table","uid":"00116","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00117":{"url":"grouping-bar","name":"Grouping Bar","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the grouping bar feature of the pivot table","uid":"00117","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00118":{"url":"conditional-formatting","name":"Conditional Formatting","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate formatting the appearance of the pivot table cells with values based on the applied conditions","uid":"00118","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00119":{"url":"selection","name":"Selection","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the cell selection feature of the pivot table","uid":"00119","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001110":{"url":"summary-customization","name":"Show/Hide Totals","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the summary customization feature of the pivot table","uid":"001110","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001111":{"url":"grouping","name":"Grouping","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the grouping feature for date and number fields","uid":"001111","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001112":{"url":"toolbar","name":"Toolbar","category":"User Interaction","description":"This demo for Essential JS2 Pivot Table control demonstrate the toolbar feature with pivot table and pivot chart","uid":"001112","order":3,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001113":{"url":"calculated-field","name":"Calculated Field","type":"update","category":"Formula","description":"This demo for Essential JS2 Pivot Table control shows calculated field, and it allows users to add calculated items","uid":"001113","order":4,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001114":{"url":"aggregation","name":"Aggregation","category":"Formula","description":"This demo for Essential JS2 Pivot Table control shows different types of aggregation for value fields","uid":"001114","order":4,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001115":{"url":"sorting","name":"Default Sorting","category":"Sorting","description":"This demo for Essential JS2 Pivot Table control shows ordering(sorting) of fields either in ascending or descending order","uid":"001115","order":5,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001116":{"url":"value-sorting","name":"Value Sorting","category":"Sorting","description":"This demo for Essential JS2 Pivot Table control shows sorting values on column or row wise in ascending or descending order","uid":"001116","order":5,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001117":{"url":"filtering","name":"Default Filtering","category":"Filtering","description":"This demo for Essential JS2 Pivot Table control demonstrate member filtering of field headers either by including or excluding them","uid":"001117","order":6,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001118":{"url":"label-filtering","name":"Label Filtering","category":"Filtering","description":"This demo for Essential JS2 Pivot Table control demonstrate label filtering of field headers either by including or excluding them","uid":"001118","order":6,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001119":{"url":"value-filtering","name":"Value Filtering","category":"Filtering","description":"This demo for Essential JS2 Pivot Table control demonstrate the filtering of field headers based on the grand total (value based)","uid":"001119","order":6,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001120":{"url":"virtual-scrolling","name":"Virtual Scrolling","category":"Scrolling","description":"This demo for Essential JS2 Pivot Table control shows virtual scrolling option available vertically and horizontally to load large records with ease","uid":"001120","order":7,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001121":{"url":"cell-template","name":"Cell Template","category":"Customization","description":"This demo for Essential JS2 Pivot Table control demonstrate cell template option on cells of the pivot table","uid":"001121","order":8,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001122":{"url":"drill-through","name":"Drill Through","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control shows the raw items of any value cells in pivot table","uid":"001122","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001123":{"url":"editing","name":"Editing","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control allows to edit, add and delete the value cells in pivot table","uid":"001123","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001124":{"url":"hyper-link","name":"Hyperlink","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control shows hyperlink options in row headers, column headers, value cells, and summary cells in the pivot table","uid":"001124","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001125":{"url":"defer-update","name":"Defer Layout Update","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control demonstrate defer layout update feature of the pivot table","uid":"001125","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"001126":{"url":"exporting","name":"Export","category":"Miscellaneous","description":"This demo for Essential JS2 Pivot Table control demonstrate client-side exporting of the pivot table to Excel, CSV and PDF formats","uid":"001126","order":9,"component":"Pivot Table","dir":"pivot-table","parentId":"01"},"00220":{"url":"treegrid-overview","name":"Overview","category":"Tree Grid","api":{"TreeGrid":["dataSource","childMapping","height","columns","allowReordering","allowFiltering","allowSorting","filterSettings","queryCellInfo"]},"description":"This sample demonstrates the overview of basic treegrid features such as sorting, filtering, conditional formatting, column template and scrolling.","uid":"00220","order":0,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00221":{"url":"default","name":"Default Functionalities","category":"Tree Grid","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","columns"]},"description":"This example shows how the Syncfusion TypeScript TreeGrid control looks with its default configuration.","uid":"00221","order":0,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00222":{"url":"localdata","name":"Local Data","category":"Data Binding","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","columns"]},"description":"This example shows the binding of an array of list objects in the Syncfusion TypeScript TreeGrid control.","uid":"00222","order":1,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00223":{"url":"remote-data","name":"Remote Data","category":"Data Binding","api":{"TreeGrid":["dataSource","allowPaging","columns","treeColumnIndex","hasChildMapping","parentIdMapping","idMapping","height"]},"description":"This example shows the binding of remote services by using the DataManager in the Syncfusion TypeScript TreeGrid.","uid":"00223","order":1,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00224":{"url":"selfreference","name":"Self Reference","category":"Data Binding","api":{"TreeGrid":["dataSource","allowPaging","columns","treeColumnIndex","idMapping","parentIdMapping"]},"description":"This example illustrates binding self-referential flat data with parent ID to a Syncfusion TypeScript TreeGrid control.","uid":"00224","order":1,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00225":{"url":"columnformatting","name":"Column Formatting","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex","pageSettings"]},"description":"This demo explains how to display the content of TreeGrid columns based on the specified format in Syncfusion TypeScript TreeGrid.","uid":"00225","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00226":{"url":"column-template","name":"Column Template","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","width","height","columns","rowHeight"]},"description":"This demo explains how to define the template in TreeGrid columns of Syncfusion TypeScript TreeGrid control.","uid":"00226","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00227":{"url":"reorder","name":"Reorder","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowReordering","actionComplete","columns","allowPaging"]},"description":"This demo explains how to reorder the columns of treegrid by simple drag and drop of columns using Syncfusion TypeScript TreeGrid control.","uid":"00227","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00228":{"url":"resizing","name":"Resize","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowResizing","actionComplete","columns","allowPaging"]},"description":"This demo explains how to resize the width of the treegrid columns in Syncfusion TypeScript TreeGrid control.","uid":"00228","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00229":{"url":"columnmenu","name":"Column Menu","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns"]},"description":"This demo explains the default functionalities of the Column Menu in Syncfusion TypeScript TreeGrid control.","uid":"00229","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002210":{"url":"cellalignment","name":"Cell Alignment","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how to align the content inside the cells of treegrid columns and headers in Syncfusion TypeScript TreeGrid control.","uid":"002210","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002211":{"url":"auto-wrap","name":"AutoWrap Column Cells","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","allowTextWrap","columns","pageSettings"]},"description":"This demo explains how to wrap the content of columns within the specified width of treegrid columns in Syncfusion TypeScript TreeGrid control.","uid":"002211","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002212":{"url":"showhidecolumn","name":"Show or Hide Column","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how to hide or show the columns of treegrid dynamically using Syncfusion TypeScript TreeGrid methods.","uid":"002212","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002213":{"url":"header-template","name":"Header Template","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","columns","height"]},"description":"This demo explains how to customize column headers to show additional HTML elements, such as icons, images, etc. in Syncfusion TypeScript TreeGrid control.","uid":"002213","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002214":{"url":"stacked-header","name":"Stacked Header","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","pageSettings","columns"]},"description":"This demo explains how to provide a common header for the group of columns in Syncfusion TypeScript TreeGrid control.","uid":"002214","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002215":{"url":"rowhover","name":"Row Hover","category":"Rows","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","columns","enableHover","height"]},"description":"This demo explains how the treegrid row color is changed while move the mouse over a row in Syncfusion TypeScript TreeGrid content.","uid":"002215","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002216":{"url":"rowheight","name":"Row Height","category":"Rows","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","rowHeight","allowPaging","toolbarClick","columns","toolbar"]},"description":"This demo shows how to set different row height to the rows of Syncfusion TypeScript TreeGrid control.","uid":"002216","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002217":{"url":"row-template","name":"Row Template","category":"Rows","api":{"TreeGrid":["dataSource","rowTemplate","height","width","columns","childMapping","treeColumnIndex"]},"description":"This demo for Essential JS 2 TreeGrid control shows the usage of the row template feature. We have rendered each TreeGrid row using template.","uid":"002217","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002218":{"url":"row-reorder","name":"Drag And Drop","category":"Rows","api":{"TreeGrid":["dataSource","rowTemplate","height","width","columns","childMapping","treeColumnIndex"]},"description":"This demo for Essential JS 2 TreeGrid control demonstrates how the rows can be dragged within the treegrid using the row drag-and-drop feature.","uid":"002218","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002219":{"url":"detail-template","name":"Detail Template","category":"Rows","api":{"TreeGrid":["dataSource","detailTemplate","height","width","columns","childMapping","treeColumnIndex"]},"description":"This demo shows TreeGrid with detail template feature and also each row contains detailed information about a row.","uid":"002219","order":3,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002220":{"url":"inline-editing","name":"Inline Editing","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","editSettings","toolbar","columns"]},"description":"This example shows how to add and edit row or cell inline on the Syncfusion TypeScript TreeGrid control.","uid":"002220","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002221":{"url":"dialog-editing","name":"Dialog Editing","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","toolbar","columns","height"]},"description":"This demo explains how to edit a treegrid record in the Dialog mode using Syncfusion TypeScript TreeGrid control.","uid":"002221","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002222":{"url":"lock-row","name":"Lock Row","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","toolbar","columns","allowPaging","pageSettings","rowDataBound","beginEdit","enableHover"]},"description":"This demo explains how to disable editing for specific rows dynamically in Syncfusion TypeScript TreeGrid control.","uid":"002222","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002223":{"url":"cell-edit-type","name":"Cell Edit Type","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","toolbar","columns","height"]},"description":"This demo explains how to set different edit types and how to define edit params for the treegrid columns in Syncfusion TypeScript TreeGrid control.","uid":"002223","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002224":{"url":"command-column","name":"Command Column","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","columns","height"]},"description":"This demo explains how to include CRUD action buttons as one of the columns in Syncfusion TypeScript TreeGrid control.","uid":"002224","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002225":{"url":"edit-template","name":"Edit Template","category":"Editing","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","editSettings","toolbar","columns","height"]},"description":"This demo explains how create a custom editor control for the treegrid cells when a row is edited in Syncfusion TypeScript TreeGrid.","uid":"002225","order":4,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002226":{"url":"sorting","name":"Multi Sorting","category":"Sorting","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","pageSettings","columns","allowSorting","actionComplete","sortSettings"]},"description":"This demo demonstrates to sort multiple columns of treegrid by hold the CTRL key and click on the column headers of Syncfusion TypeScript TreeGrid control.","uid":"002226","order":5,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002227":{"url":"sorting-api","name":"Sorting API","category":"Sorting","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","allowSorting","columns","pageSettings"]},"description":"This demo explains how to sort columns dynamically using methods of Syncfusion TypeScript TreeGrid control.","uid":"002227","order":5,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002228":{"url":"filtering","name":"Default Filtering","category":"Filtering","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","allowFiltering","filterSettings","treeColumnIndex"]},"description":"This demo explains the default functionalities of filtering and how to define the template for filter bar in Syncfusion TypeScript TreeGrid.","uid":"002228","order":6,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002229":{"url":"filter-menu","name":"Menu Filter","category":"Filtering","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","allowFiltering","treeColumnIndex","filterSettings"]},"description":"This demo explains how to filter the content using menu filter type of Syncfusion TypeScript TreeGrid control.","uid":"002229","order":6,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002230":{"url":"search","name":"Search","category":"Filtering","api":{"TreeGrid":["dataSource","allowPaging","pageSettings","columns","childMapping","treeColumnIndex","toolbar"]},"description":"This demo explains how to search the text entered in the search bar in Syncfusion TypeScript TreeGrid content.","uid":"002230","order":6,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002231":{"url":"default-paging","name":"Default Paging","category":"Paging","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","pageSettings","treeColumnIndex"]},"description":"This demo explains how to display the records in paginated view in Syncfusion TypeScript TreeGrid control.","uid":"002231","order":7,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002232":{"url":"paging-api","name":"Paging API","category":"Paging","api":{"Grid":["dataSource","allowPaging","columns","treeColumnIndex","childMapping"]},"description":"This demo explains how to customize a pager using the APIs that are relevant to paging of Syncfusion TypeScript TreeGrid control.","uid":"002232","order":7,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002233":{"url":"default-scrolling","name":"Default Scrolling","description":"This demo for Essential JS 2 TreeGrid control shows the usage of the horizontal and vertical scrollbars to view TreeGrid content that exceeds the TreeGrid area.","category":"Scrolling","api":{"TreeGrid":["dataSource","height","width","columns"]},"uid":"002233","order":8,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002234":{"url":"virtual-scrolling","name":"Virtual Scrolling","description":"This demo demonstrates how to use Essential JS 2 TreeGrid to show a large data view without performance degradation by rendering only the required rows.","category":"Scrolling","api":{"TreeGrid":["dataSource","enableVirtualization","dataBound","height","columns"]},"uid":"002234","order":8,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002235":{"url":"selection","name":"Default Selection","category":"Selection","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","allowSelection","selectionSettings","treeColumnIndex"]},"description":"This demo explains the customization of selection mode and toggle selection of Syncfusion TypeScript TreeGrid control.","uid":"002235","order":9,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002236":{"url":"selection-api","name":"Selection API","category":"Selection","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","allowSelection","selectionSettings","treeColumnIndex"]},"description":"This demo explains how to select and clear multiple rows using methods of Syncfusion TypeScript TreeGrid control.","uid":"002236","order":9,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002237":{"url":"checkbox-selection","name":"Checkbox Selection","category":"Selection","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how the check box selection feature can be used to select treegrid rows in Essential TypeScript TreeGrid control.","uid":"002237","order":9,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002238":{"url":"checkbox-column","name":"Checkbox Column","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how the hierarchy selection between the records using column checkboxes in Essential TypeScript TreeGrid control.","uid":"002238","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002239":{"url":"frozen-column","name":"Frozen Column","category":"Columns","api":{"TreeGrid":["dataSource","childMapping","columns","treeColumnIndex","frozenColumns"]},"description":"This demo for Essential JS 2 treegrid control shows frozen columns feature of treegrid. Scroll the movable content to view the frozen columns.","uid":"002239","order":2,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002240":{"url":"aggregate-default","name":"Default Aggregate","category":"Aggregates","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","columns","aggregates"]},"description":"This demo explains how to display the summary values such as average, minimum, etc., for the columns in Syncfusion TypeScript TreeGrid control.","uid":"002240","order":10,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002241":{"url":"custom-aggregate","name":"Custom Aggregate","category":"Aggregates","api":{"TreeGrid":["dataSource","width","childMapping","treeColumnIndex","height","columns","aggregates"]},"description":"This demo explains how to display the custom aggregate for the columns in Syncfusion TypeScript TreeGrid control.","uid":"002241","order":10,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002242":{"url":"default-context-menu","name":"Default Context Menu","category":"Context Menu","description":"This demo explains the usage of context menu and the default context menu items in Syncfusion TypeScript TreeGrid control.","api":{"TreeGrid":["dataSource","allowPaging","columns","contextMenu","hasChildMapping","parentIdMapping"]},"uid":"002242","order":11,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002243":{"url":"custom-context-menu","name":"Custom Context Menu","category":"Context Menu","description":"This demo explains the usage of custom context menu items in Syncfusion TypeScript TreeGrid control.","api":{"TreeGrid":["dataSource","allowPaging","columns","hasChildMapping","contextMenuItems","parentIdMapping"]},"uid":"002243","order":11,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002244":{"url":"default-exporting","name":"Default Exporting","category":"Exporting","api":{"TreeGrid":["dataSource","columns","toolbar","allowExcelExport","allowPdfExport","treeColumnIndex","toolbarClick","childMapping","height"]},"description":"This demo explains how to export the treegrid content to Excel, PDF, and CSV documents using the Syncfusion TypeScript TreeGrid control.","uid":"002244","order":12,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002245":{"url":"print","name":"Print","category":"Exporting","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","allowPaging","columns","toolbar"]},"description":"This demo explains how to print the records of the treegrid using the Print feature of Syncfusion TypeScript TreeGrid control.","uid":"002245","order":12,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002246":{"url":"conditional-formatting","name":"Conditional Formatting","category":"Miscellaneous","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","columns","height","queryCellInfo"]},"description":"This demo explains how to apply styles to specific cells based on certain conditions in Syncfusion TypeScript TreeGrid control.","uid":"002246","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002247":{"url":"toolbar-template","name":"Toolbar Template","category":"Miscellaneous","api":{"TreeGrid":["dataSource","toolbar","toolbarClick","allowFiltering","childMapping","height","treeColumnIndex","filterSettings","columns"]},"description":"This demo explains how to render custom template elements in a toolbar by which any custom operation can be performed in Syncfusion TypeScript TreeGrid.","uid":"002247","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002248":{"url":"events","name":"Events","category":"Miscellaneous","api":{"TreeGrid":["dataSource","allowPaging","childMapping","treeColumnIndex","load","created","actionBegin","actionComplete","allowReordering","allowSorting","dataBound","rowSelecting","rowSelected","columnDragStart","columnDrag","columnDrop","columns","pageSettings"]},"description":"This demo explains the basic functionalities of the events that are available in the Syncfusion TypeScript TreeGrid control.","uid":"002248","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002249":{"url":"keyboard","name":"Keyboard Interaction","category":"Miscellaneous","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","columns","pageSettings"]},"description":"This demo explains the key combinations used to perform corresponding treegrid actions in Syncfusion TypeScript TreeGrid control.","uid":"002249","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"002250":{"url":"treegridlines","name":"Grid Lines","category":"Miscellaneous","api":{"TreeGrid":["dataSource","childMapping","allowPaging","columns","treeColumnIndex"]},"description":"This demo explains how to customize the grid lines in treegrid using Syncfusion TypeScript TreeGrid control.","uid":"002250","order":13,"component":"Tree Grid","dir":"tree-grid","parentId":"02"},"00330":{"url":"default","name":"Default Functionalities","category":"Spreadsheet","api":{"Spreadsheet":["height","width","sheets"],"sheets":["columns","rows","name"],"rangeSettings":["dataSource"]},"description":"This example demonstrates the default functionalities of the Syncfusion JS 2 Spreadsheet that includes editing, importing & exporting.","sourceFiles":[{"displayName":"default.ts","path":"src/spreadsheet/default.ts"},{"displayName":"default.html","path":"src/spreadsheet/default.html"},{"displayName":"default-data.json","path":"src/spreadsheet/default-data.json"}],"uid":"00330","order":0,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},"00331":{"url":"formula","name":"Formula","category":"Spreadsheet","api":{"Spreadsheet":["height","width","sheets"],"sheets":["columns","rows","selectedRange","name"],"cells":["value","index"],"rangeSettings":["dataSource","startCell"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the way of using basic formulas with minimum configuration.","sourceFiles":[{"displayName":"formula.ts","path":"src/spreadsheet/formula.ts"},{"displayName":"formula.html","path":"src/spreadsheet/formula.html"},{"displayName":"formula-data.json","path":"src/spreadsheet/formula-data.json"}],"uid":"00331","order":0,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},"00332":{"url":"cell-data-binding","name":"Cell Data Binding","category":"Data Binding","api":{"sheets":["rows","columns","selectedRange","name"],"rows":["cells","index"],"cells":["value","style"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the cell data binding with minimum configuration.","uid":"00332","order":1,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},"00333":{"url":"remote-data-binding","name":"Remote Data Binding","category":"Data Binding","api":{"Spreadsheet":["sheets"],"sheets":["columns","rows","name"],"rangeSettings":["dataSource","query","startCell"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the way of data binding with remote service using DataManager.","uid":"00333","order":1,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},"00334":{"url":"cell-formatting","name":"Cell Formatting","category":"Formatting","api":{"sheets":["columns","rows","name"],"rows":["cells","index"],"cells":["value","style"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the way of cell formatting with minimum configuration.","sourceFiles":[{"displayName":"cell-formatting.ts","path":"src/spreadsheet/cell-formatting.ts"},{"displayName":"cell-formatting.html","path":"src/spreadsheet/cell-formatting.html"},{"displayName":"cell-formatting-data.json","path":"src/spreadsheet/cell-formatting-data.json"}],"uid":"00334","order":2,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},"00335":{"url":"number-formatting","name":"Number Formatting","category":"Formatting","api":{"sheets":["columns","rows","name","selectedRange"],"rows":["cells"],"cells":["value","formatCode"],"rangeSettings":["dataSource","startCell"]},"description":"This demo for Essential JS 2 Spreadsheet control shows the way of number formatting with minimum configuration.","sourceFiles":[{"displayName":"number-formatting.ts","path":"src/spreadsheet/number-formatting.ts"},{"displayName":"number-formatting.html","path":"src/spreadsheet/number-formatting.html"},{"displayName":"number-formatting-data.json","path":"src/spreadsheet/number-formatting-data.json"}],"uid":"00335","order":2,"component":"Spreadsheet","dir":"spreadsheet","parentId":"03","hideOnDevice":true},"00440":{"url":"line","name":"Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00440","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00441":{"url":"spline","name":"Spline","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the spline series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00441","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00442":{"url":"step-line","name":"Step Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the step line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00442","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00443":{"url":"dashed-line","name":"Dashed Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the dashed line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00443","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00444":{"url":"spline-inversed","name":"Inversed Spline","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the inversed spline series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00444","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00445":{"url":"line-segments","name":"Line Zone","description":"This demo for Essential JS2 Chart control shows how to render and configure the points in a particular range using MultiColoredLine series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00445","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00446":{"url":"line-multi-color","name":"Multi Colored Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the multi colored line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00446","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00447":{"url":"stacked-line","name":"Stacked Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stacked line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00447","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00448":{"url":"stacked-line-100","name":"100% Stacked Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the 100% stacked line series.","category":"Line Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"00448","order":0,"component":"Chart","dir":"chart","parentId":"04"},"00449":{"url":"area","name":"Area","description":"This demo sample for Essential JS2 Chart control shows how to render and configure the area series chart.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"00449","order":1,"component":"Chart","dir":"chart","parentId":"04"},"004410":{"url":"spline-area","name":"Spline Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the spline area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004410","order":1,"component":"Chart","dir":"chart","parentId":"04"},"004411":{"url":"step-area","name":"Step Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the step area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004411","order":1,"component":"Chart","dir":"chart","parentId":"04"},"004412":{"url":"range-area","name":"Range Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the range area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004412","order":1,"component":"Chart","dir":"chart","parentId":"04"},"004413":{"url":"stacked-area","name":"Stacked Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stacking area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004413","order":1,"component":"Chart","dir":"chart","parentId":"04"},"004414":{"url":"stacked-area-100","name":"100% Stacked Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the 100 percent stacking area series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004414","order":1,"component":"Chart","dir":"chart","parentId":"04"},"004415":{"url":"area-empty","name":"Area - Empty Points","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the area series chart with empty points.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004415","order":1,"component":"Chart","dir":"chart","parentId":"04"},"004416":{"url":"area-segments","name":"Area Zone","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render the points in a particular range using MultiColoredArea series.","category":"Area Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004416","order":1,"component":"Chart","dir":"chart","parentId":"04"},"004417":{"url":"column","name":"Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004417","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004418":{"url":"rounded-column","name":"Rounded Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the rounded column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004418","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004419":{"url":"column-placement","name":"Back to Back Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the column charts.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004419","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004420":{"url":"range-column","name":"Range Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the range column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004420","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004421":{"url":"range-bar","name":"Inversed Range Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the inversed range column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004421","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004422":{"url":"bar","name":"Bar","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the bar series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004422","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004423":{"url":"stacked-column","name":"Stacked Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stacking column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004423","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004424":{"url":"stacked-column-100","name":"100% Stacked Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the 100 percent stacking column series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004424","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004425":{"url":"stacked-bar","name":"Stacked Bar","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stacking bar series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004425","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004426":{"url":"stacked-bar-100","name":"100% Stacked Bar","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the 100 percent stacking bar series.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004426","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004427":{"url":"tornado","name":"Negative Stack","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the bar charts.","category":"Bar Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004427","order":2,"component":"Chart","dir":"chart","parentId":"04"},"004428":{"url":"scatter-plot","name":"Scatter Plot","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the scatter series.","category":"Scatter and Bubble","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004428","order":3,"component":"Chart","dir":"chart","parentId":"04"},"004429":{"url":"bubble","name":"Bubble","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the bubble series.","category":"Scatter and Bubble","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","pointRender"]},"uid":"004429","order":3,"component":"Chart","dir":"chart","parentId":"04"},"004430":{"url":"waterfall","name":"Waterfall","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the waterfall series.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004430","order":4,"component":"Chart","dir":"chart","parentId":"04"},"004431":{"url":"histogram","name":"Histogram","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the histogram series.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004431","order":4,"component":"Chart","dir":"chart","parentId":"04"},"004432":{"url":"box-and-whisker","name":"Box and Whisker","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the box and whisker series.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings","pointRender"]},"uid":"004432","order":4,"component":"Chart","dir":"chart","parentId":"04"},"004433":{"url":"error-bar","name":"Error Bar","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the error bars in charts.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings","pointRender"]},"uid":"004433","order":4,"component":"Chart","dir":"chart","parentId":"04"},"004434":{"url":"trend-lines","name":"Trendlines","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the trend lines in charts.","category":"Other Types","type":"update","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004434","order":4,"component":"Chart","dir":"chart","parentId":"04"},"004435":{"url":"hilo","name":"Hilo","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the hilo series.","category":"Stock Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004435","order":5,"component":"Chart","dir":"chart","parentId":"04"},"004436":{"url":"hilo-open-close","name":"Hilo Open Close","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the hilo open close series.","category":"Stock Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004436","order":5,"component":"Chart","dir":"chart","parentId":"04"},"004437":{"url":"candle-stick","name":"Candle Stick","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the candle series.","category":"Stock Charts","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","legendSettings"]},"uid":"004437","order":5,"component":"Chart","dir":"chart","parentId":"04"},"004438":{"url":"accumulation-distribution-indicator","name":"Accumulation Distribution","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the accumulation distribution indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004438","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004439":{"url":"average-true-range-indicator","name":"ATR","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the average true range indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004439","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004440":{"url":"bollinger","name":"Bollinger","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the bollinger band type indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004440","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004441":{"url":"exponential-moving-average-indicator","name":"EMA","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the exponential moving average indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004441","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004442":{"url":"moving-average-convergence-divergence-indicator","name":"MACD","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the moving average convergence divergence indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004442","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004443":{"url":"momentum","name":"Momentum","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the momentum indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004443","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004444":{"url":"relative-strength-index-indicator","name":"RSI","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the relative strength index indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004444","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004445":{"url":"simple-moving-average-indicator","name":"SMA","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the simple moving average indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004445","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004446":{"url":"stochastic","name":"Stochastic","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the stochastic indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004446","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004447":{"url":"triangular-moving-average-indicator","name":"TMA","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the triangular moving average indicator.","category":"Technical Indicators","api":{"Chart":["primaryXAxis","primaryYAxis","series","indicators","zoomSettings"]},"uid":"004447","order":6,"component":"Chart","dir":"chart","parentId":"04"},"004448":{"url":"multi-series-chart","name":"Multi-Series Chart","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to combine different types of charts.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004448","order":4,"component":"Chart","dir":"chart","parentId":"04"},"004449":{"url":"pareto","name":"Pareto Chart","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure pareto charts.","category":"Other Types","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004449","order":4,"component":"Chart","dir":"chart","parentId":"04"},"004450":{"url":"chart-performance","name":"Chart Performance","description":"This demo for Essential JavaScript2 Chart control shows the performance when plotting large volumes of data and handling high frequency real-time data.","category":"Benchmark","api":{"Chart":["primaryXAxis","primaryYAxis","series"]},"uid":"004450","order":7,"component":"Chart","dir":"chart","parentId":"04"},"004451":{"url":"default-pie","name":"Pie","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the pie charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004451","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004452":{"url":"pie-radius","name":"Pie with Various Radius","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the various radius pie chart.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004452","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004453":{"url":"donut","name":"Donut","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the doughnut charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004453","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004454":{"url":"pyramid","name":"Pyramid","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the pyramid charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004454","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004455":{"url":"funnel","name":"Funnel","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the funnel charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004455","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004456":{"url":"default-doughnut","name":"Pie with Legend","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the legends in pie charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004456","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004457":{"url":"semi-pie","name":"Semi Pie","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render semi-pie and doughnut charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004457","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004458":{"url":"smart-labels","name":"Smart Labels","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to arrange the labels smartly without overlapping with each other.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004458","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004459":{"url":"drill-down-pie","name":"Drilldown","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to achieve the drill-down concept using pie charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004459","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004460":{"url":"grouping","name":"Grouping","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to group points in pie charts.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004460","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004461":{"url":"pie-empty-point","name":"Empty Points","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the empty points.","category":"Accumulation Charts","api":{"AccumulationChart":["series","legendSettings","tooltip"]},"uid":"004461","order":8,"component":"Chart","dir":"chart","parentId":"04"},"004462":{"url":"polar-line","name":"Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render line in polar and radar charts.","category":"Polar Radar","uid":"004462","order":9,"component":"Chart","dir":"chart","parentId":"04"},"004463":{"url":"polar-spline","name":"Spline","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render spline in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004463","order":9,"component":"Chart","dir":"chart","parentId":"04"},"004464":{"url":"polar-area","name":"Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render area in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004464","order":9,"component":"Chart","dir":"chart","parentId":"04"},"004465":{"url":"polar-stacking-area","name":"Stacked Area","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render stacking area in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004465","order":9,"component":"Chart","dir":"chart","parentId":"04"},"004466":{"url":"polar-scatter","name":"Scatter","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render scatter in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004466","order":9,"component":"Chart","dir":"chart","parentId":"04"},"004467":{"url":"polar-column","name":"Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render column in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004467","order":9,"component":"Chart","dir":"chart","parentId":"04"},"004468":{"url":"polar-stacking-column","name":"Wind Rose","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render wind rose using stacking column in polar and radar charts.","category":"Polar Radar","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004468","order":9,"component":"Chart","dir":"chart","parentId":"04"},"004469":{"url":"polar-range-column","name":"Range Column","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render range column in polar and radar charts.","category":"Polar Radar","type":"update","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004469","order":9,"component":"Chart","dir":"chart","parentId":"04"},"004470":{"url":"local-data","name":"Local Data","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to bind JSON data to chart.","category":"Data Binding","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","crosshair"]},"uid":"004470","order":10,"component":"Chart","dir":"chart","parentId":"04"},"004471":{"url":"remote-data","name":"Remote Data","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to consume data from remote data service.","category":"Data Binding","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004471","order":10,"component":"Chart","dir":"chart","parentId":"04"},"004472":{"url":"lazy-loading","name":"Lazy Loading","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the Lazy Loading behavior in chart.","category":"Data Binding","api":{"Chart":["primaryXAxis","primaryYAxis","series","scrollbarSettings"]},"uid":"004472","order":10,"component":"Chart","dir":"chart","parentId":"04"},"004473":{"url":"numeric","name":"Numeric Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to plot numeric data with the help of numeric axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004473","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004474":{"url":"date-time","name":"Datetime Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the date-time axis in charts.","category":"Chart Axes","uid":"004474","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004475":{"url":"date-time-category","name":"DateTime Category Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the date-time category axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004475","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004476":{"url":"category","name":"Category Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the category axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004476","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004477":{"url":"indexed-axis","name":"Indexed Category Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the indexed category axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004477","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004478":{"url":"logarithmic-scale","name":"Logarithmic Scale","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the logarithmic axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004478","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004479":{"url":"multiple-axis","name":"Multiple Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the mulitple axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004479","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004480":{"url":"inversed","name":"Inversed Axis","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to invert the axis in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004480","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004481":{"url":"strip-line","name":"Strip Line","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the strip lines in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","stripline"]},"uid":"004481","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004482":{"url":"strip-line-recurrence","name":"Stripline Recurrence","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the strip line recurrence in charts.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","stripline"]},"uid":"004482","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004483":{"url":"smart-axis-labels","name":"Smart Labels","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to arrange the labels smartly without overlapping with each other.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004483","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004484":{"url":"multi-level-label","name":"Multi Level Labels","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to group the axis labels .","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004484","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004485":{"url":"axes-crossing","name":"Axes Crossing","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the behaviour of the axis crossing in chart.","category":"Chart Axes","api":{"Chart":["primaryXAxis","primaryYAxis"]},"uid":"004485","order":11,"component":"Chart","dir":"chart","parentId":"04"},"004486":{"url":"sorting","name":"Sorting","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to sort the series data in chart.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004486","order":12,"component":"Chart","dir":"chart","parentId":"04"},"004487":{"url":"marker-chart","name":"Marker Chart","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the marker symbols for data points.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004487","order":12,"component":"Chart","dir":"chart","parentId":"04"},"004488":{"url":"pie-annotation","name":"Annotation","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to add more information to the chart using annotation.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip","annotations"]},"uid":"004488","order":12,"component":"Chart","dir":"chart","parentId":"04"},"004489":{"url":"data-label-template","name":"DataLabel Template","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the data label template.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","textRender"]},"uid":"004489","order":12,"component":"Chart","dir":"chart","parentId":"04"},"004490":{"url":"tooltip-template","name":"Tooltip Template","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to configure the tooltip template and background for chart.","category":"Chart Customization","type":"new","api":{"Chart":["primaryXAxis","primaryYAxis","backgroundImage","series","tooltip"]},"uid":"004490","order":12,"component":"Chart","dir":"chart","parentId":"04"},"004491":{"url":"vertical","name":"Vertical Charts","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the vertical type charts.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","isTransposed","loaded","tooltip"]},"uid":"004491","order":12,"component":"Chart","dir":"chart","parentId":"04"},"004492":{"url":"empty-point","name":"Empty Points","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to render and configure the empty points.","category":"Chart Customization","api":{"Chart":["primaryXAxis","primaryYAxis","series","isTransposed","loaded","tooltip"]},"uid":"004492","order":12,"component":"Chart","dir":"chart","parentId":"04"},"004493":{"url":"print","name":"Print","description":"This demo sample for Essential JavaScript2 Chart control demonstrates how to print the entire chart.","category":"Print and Export","api":{"Chart":["primaryXAxis","primaryYAxis","series","print","chartMouseClick","pointRender"]},"uid":"004493","order":13,"component":"Chart","dir":"chart","parentId":"04"},"004494":{"url":"export","name":"Export","description":"This demo for Essential JS2 Chart control shows how to export the charts to Excel, PDF, and image formats such as SVG, JPEG, and PNG at client-side.","category":"Print and Export","api":{"Chart":["primaryXAxis","primaryYAxis","series","export","chartMouseClick","pointRender"]},"uid":"004494","order":13,"component":"Chart","dir":"chart","parentId":"04"},"004495":{"url":"selection","name":"Selection","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the selection behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","selectionMode"]},"uid":"004495","order":14,"component":"Chart","dir":"chart","parentId":"04"},"004496":{"url":"range-selection","name":"Range Selection","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the range selection in chart .","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","selectionMode"]},"uid":"004496","order":14,"component":"Chart","dir":"chart","parentId":"04"},"004497":{"url":"cross-hair","name":"Crosshair","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the crosshair behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","crosshair"]},"uid":"004497","order":14,"component":"Chart","dir":"chart","parentId":"04"},"004498":{"url":"trackball","name":"Trackball","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the trackball behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"004498","order":14,"component":"Chart","dir":"chart","parentId":"04"},"004499":{"url":"zooming","name":"Zooming and Panning","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the zooming and panning behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","zoomSettings"]},"uid":"004499","order":14,"component":"Chart","dir":"chart","parentId":"04"},"0044100":{"url":"data-editing","name":"Data Editing","description":"This demo sample for Essential JavaScript2 Chart control demonstrates the data editing behavior in chart.","category":"User Interaction","api":{"Chart":["primaryXAxis","primaryYAxis","series","tooltip"]},"uid":"0044100","order":14,"component":"Chart","dir":"chart","parentId":"04"},"00550":{"url":"default","name":"Default","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with candle series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00550","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00551":{"url":"ohlc","name":"OHLC","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Hilo Open Close series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00551","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00552":{"url":"multi-pane","name":"Candlestick and volume","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with candle series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00552","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00553":{"url":"multiple-series","name":"Multiple Series","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with candle series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00553","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00554":{"url":"spline","name":"Spline","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Spline series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00554","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00555":{"url":"area","name":"Area","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Area series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00555","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00556":{"url":"spline-area","name":"Spline Area","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Spline Area series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00556","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00557":{"url":"inversed-area","name":"Inversed Area","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Area series inverted.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00557","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00558":{"url":"plot-line","name":"Plot lines","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with Spline Area series.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00558","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00559":{"url":"strip-line","name":"Plot band","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with strip line.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"00559","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"005510":{"url":"period-customization","name":"Intraday","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with period customization.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"005510","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"005511":{"url":"disabled-navigator","name":"Hide Range Selector","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with period customization.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"005511","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"005512":{"url":"disabled-period","name":"Hide Period Selector","description":"This demo for Essential JS2 Stock Chart control shows the default rendering of Stock with period customization.","category":"Stock Chart","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"005512","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"005513":{"url":"stock-events","name":"Stock Events","description":"This demo for Essential JS2 Stock Chart control with stock events to highlight the special events in stock market.","category":"Stock Chart","api":{"StockChart":["stockEvents"]},"uid":"005513","order":0,"component":"Stock Chart","dir":"stock-chart","parentId":"05"},"00660":{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS2 Circular Gauge control illustrates the default rendering of circular gauge.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00660","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00661":{"url":"range","name":"Range","description":"This demo for Essential JS2 Circular Gauge control illustrates how to highlight specific regions in an axis by using ranges.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00661","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00662":{"url":"labels","name":"Tick and Labels","description":"This demo for Essential JS2 Circular Gauge control shows various properties available to customize the ticks and labels of an axis.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00662","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00663":{"url":"annotation","name":"Annotation","description":"This demo for Essential JS2 Circular Gauge control illustrates a clock by using annotation feature in the gauge.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00663","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00664":{"url":"customization","name":"Gauge Customization","description":"This demo for Essential JS2 Circular Gauge control shows the properties required to customize the pointers.","category":"Circular Gauge","api":{"CircularGauge":["axes"]},"uid":"00664","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00665":{"url":"semi-circular-gauge","name":"Semi-circular Gauge","category":"Circular Gauge","uid":"00665","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00666":{"url":"arc-gauge","name":"Arc Gauge","category":"Circular Gauge","uid":"00666","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00667":{"url":"legend","name":"Legend","description":"This demo for Essential JS2 Circular Gauge control illustrates the rendering of legend in circular gauge.","category":"Circular Gauge","api":{"CircularGauge":["legendSettings"]},"uid":"00667","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00668":{"url":"compass","name":"Direction Compass","description":"This demo for Essential JS2 Circular Gauge control illustrates how to make a direction compass by using the circular gauge.","category":"Circular Gauge","api":{"CircularGauge":["axes","axisLabelRender"]},"uid":"00668","order":0,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00669":{"url":"pointer-image","name":"Pointer Image","description":"This demo for Essential JS2 Circular Gauge control visualizes the short-put distance covered by the athletes by using the image pointer.","category":"Pointer","api":{"CircularGauge":["axes","centerY"]},"uid":"00669","order":1,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"006610":{"url":"pointer","name":"Pointer Customization","description":"This demo for Essential JS2 Circular Gauge control visualizes the different types of pointers available in the circular gauge.","category":"Pointer","api":{"CircularGauge":["axes","centerY"]},"uid":"006610","order":1,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"006611":{"url":"multiple-axis","name":"Multiple Axis","description":"This demo for Essential JS2 Circular Gauge control visualizes the circular gauge with multiple axes.","category":"Axes","api":{"CircularGauge":["axes"]},"uid":"006611","order":2,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"006612":{"url":"user-interaction","name":"Pointer Drag","description":"This demo for Essential JS2 Circular Gauge control visualizes the pointer drag support and its options.","category":"User Interaction","api":{"CircularGauge":["axes","enablePointerDrag","dragEnd","dragMove"]},"uid":"006612","order":3,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"006613":{"url":"tooltip","name":"Tooltip","description":"This demo for Essential JS2 Circular Gauge control visualizes the tooltip template for circular gauge pointer.","category":"User Interaction","api":{"CircularGauge":["axes","tooltip","tooltipRender"]},"uid":"006613","order":3,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"006614":{"url":"data-sample","name":"Data Sample","description":"This demo for Essential JS2 Circular Gauge control demonstrates live data, along with the data grid control.","category":"Use Cases","api":{"CircularGauge":["axes"]},"uid":"006614","order":4,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"006615":{"url":"apple-watch-rings","name":"Apple Watch Rings","description":"This demo for Essential JS2 Circular Gauge control illustrates how to highlight specific regions in an axis by using ranges.","category":"Use Cases","api":{"CircularGauge":["axes"]},"uid":"006615","order":4,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"006616":{"url":"speedometer","name":"Speedometer","category":"Use Cases","api":{"CircularGauge":["axes"]},"uid":"006616","order":4,"component":"Circular Gauge","dir":"circular-gauge","parentId":"06"},"00770":{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS2 Linear Gauge control illustrates the default rendering of linear gauge that measures the values of scales.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes"]},"uid":"00770","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},"00771":{"url":"container","name":"Container","description":"This demo for Essential JS2 Linear Gauge control demonstrates the various types of containers available in linear gauge.","category":"Linear Gauge","api":{"LinearGauge":["axes","container"]},"uid":"00771","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},"00772":{"url":"ranges","name":"Ranges","description":"This demo for Essential JS2 Linear Gauge control illustrates how to highlight specific regions in an axis by using ranges.","category":"Linear Gauge","api":{"LinearGauge":["axes"]},"uid":"00772","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},"00773":{"url":"data","name":"Data Sample","description":"This demo for Essential JS2 Linear Gauge control illustrates exercise tracking of an athlete by using ranges, pointers, and annotation features.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes"]},"uid":"00773","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},"00774":{"url":"axes","name":"Axes and Pointers","description":"This demo for Essential JS2 Linear Gauge control shows various properties available to customize the axes and pointers.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes"]},"uid":"00774","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},"00775":{"url":"annotation","name":"Annotation","description":"This demo for Essential JS2 Linear Gauge control illustrates the CPU Utilization of a resource by using annotation feature.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes","rangePalettes"]},"uid":"00775","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},"00776":{"url":"tooltip","name":"Tooltip","description":"This demo for Essential JS2 Linear Gauge control visualizes the tooltip functionality for bar pointer.","category":"Linear Gauge","api":{"LinearGauge":["orientation","annotations","axes","tooltip","tooltipRender","axisLabelRender"]},"uid":"00776","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},"00777":{"url":"style","name":"Styles","description":"This demo for Essential JS2 Linear Gauge control visualizes the available options for customization.","category":"Linear Gauge","api":{"LinearGauge":["orientation","container","axes"]},"uid":"00777","order":0,"component":"Linear Gauge","dir":"linear-gauge","parentId":"07"},"00880":{"url":"default-functionalities","name":"Default Functionalities","description":"This sample visualizes the processing of an order placed using credit card with built-in flow shapes.","category":"Getting Started","uid":"00880","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00881":{"url":"shape-gallery","name":"Shapes","description":"This sample illustrates list of built-in shapes available in our JavaScript Diagram Library which includes basic shapes, flow shapes, and BPMN shapes.","category":"Getting Started","uid":"00881","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00882":{"url":"getting-started-node","name":"Nodes","description":"This sample visualizes the different stages of a software development life cycle using a circular flow diagram.","category":"Getting Started","uid":"00882","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00883":{"url":"connector","name":"Connectors","description":"This sample visualizes the data flow in a marketing process using predefined diagram shapes and connectors.","category":"Getting Started","uid":"00883","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00884":{"url":"getting-started-annotation","name":"Annotations","description":"This sample illustrates the competitive environment of a business through five forces chart and its described using nodes and annotations.","category":"Getting Started","uid":"00884","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00885":{"url":"port","name":"Ports","description":"This sample visualizes process flow of publishing a book using connection points which are static points over shapes that allow creating connections onto it.","category":"Getting Started","uid":"00885","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00886":{"url":"swimlane","name":"Swimlane","description":"This sample Different types of connectors and decorators are used to customize the appearance, path, and direction of the data flow.","category":"Getting Started","uid":"00886","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00887":{"url":"custom-shapes","name":"Complex Shapes","description":"This sample demonstrates how to host a HTML elements inside a node. In this example, a Gauge control is hosted inside a HTML Node.","category":"Getting Started","uid":"00887","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00888":{"url":"diagram-events","name":"Events","description":"This sample visualizes what are the client side events are available in our JavaScript Diagram Library.","category":"Getting Started","uid":"00888","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"00889":{"url":"tooltip-Sample","name":"Tooltip","description":"This sample demonstrates how to add the extra information to the nodes and connectors and how to show the information through diagram's tooltip feature.","category":"Getting Started","uid":"00889","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"008810":{"url":"history-manager","name":"History Manager","description":"This sample Different types of connectors and decorators are used to customize the appearance, path, and direction of the data flow.","category":"Getting Started","uid":"008810","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"008811":{"url":"flow-execution","name":"Flow Execution","description":"This sample Different types of connectors and decorators are used to customize the appearance, path, and direction of the data flow.","category":"Getting Started","uid":"008811","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"008812":{"url":"line-routing","name":"Line Routing","description":"This sample visualizes the connectors that are automatically re-routing or moving away if any shape found on the connectors path.","category":"Getting Started","uid":"008812","order":0,"component":"Diagram","dir":"diagram","parentId":"08"},"008813":{"url":"bpmn-editor","name":"BPMN Editor","description":"This sample visualizes the hotel booking reservation system and its built with ready made BPMN shapes.","category":"Use Case Diagram","uid":"008813","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},"008814":{"url":"logic-circuit","name":"Logic Circuit Diagram","description":"This sample visualizes implementation of three input Boolean functions using universal logic gates and shape for logic gates designed with diagram's path node.","category":"Use Case Diagram","uid":"008814","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},"008815":{"url":"uml-activity","name":"UML Activity Diagram","description":"This sample visually represents the hotel booking reservation system. It is built with readymade BPMN shapes.","category":"Use Case Diagram","uid":"008815","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},"008816":{"url":"network-diagram","name":"Network Diagram","description":"This sample visualizes graphical layout of a network diagram using diagram's Native(SVG) nodes feature.","category":"Use Case Diagram","uid":"008816","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},"008817":{"url":"uml-class-diagram","name":"UML Class Diagram","description":"This sample represents the hospital management system using diagram's built-in UML class diagram shapes.","category":"Use Case Diagram","uid":"008817","order":1,"component":"Diagram","dir":"diagram","parentId":"08"},"008818":{"url":"hierarchical-model","name":"Hierarchical Tree","description":"This sample illustrates a generating hierarchical tree from right to left orientation with external data source.","category":"Automatic Layouts","uid":"008818","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},"008819":{"url":"organization-model","name":"Organizational Chart","description":"This sample illustrates a simple business management structure that is built from an external data source.","category":"Automatic Layouts","uid":"008819","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},"008820":{"url":"radial-tree","name":"Radial Tree","description":"This sample demonstrates a huge organizational structure using a compact layout model. Radial tree layout algorithm is used to build such a layout.","category":"Automatic Layouts","uid":"008820","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},"008821":{"url":"mind-map","name":"Mind Map","description":"This sample demonstrates the concept of creativity using mind map layout algorithm. User handles are used to extend the mind map interactively.","category":"Automatic Layouts","uid":"008821","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},"008822":{"url":"symmetric-layout","name":"Symmetric Layout","description":"This sample visualizes a simple network template using symmetrical layout algorithm. It uses attractive and repulsive forces.","category":"Automatic Layouts","uid":"008822","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},"008823":{"url":"complex-hierarchical-tree","name":"Complex Hierarchical Tree","description":"This sample demonstrates a complex hierarchical template that is built from an external data source using complex hierarchical tree algorithm.","category":"Automatic Layouts","uid":"008823","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},"008824":{"url":"right-to-left-tree","name":"RTL Tree","description":"This sample visualizes the concept of Artificical Intelligence using hierarchical tree layout algorithm","category":"Automatic Layouts","uid":"008824","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},"008825":{"url":"pert-chart","name":"PERT chart","description":"This sample visualizes a project development process using Program Evaluation Review Technique (PERT).","category":"Automatic Layouts","uid":"008825","order":2,"component":"Diagram","dir":"diagram","parentId":"08"},"008826":{"url":"drawing-tool","name":"Drawing Tools","description":"This sample visualizes how to build a diagram interactively using drawing tools. Continuous draw option, snapping are enabled to easily draw diagrams.","category":"User Interaction","uid":"008826","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},"008827":{"url":"key-board-functions","name":"Keyboard Interaction","description":"This sample illustrates interaction with diagram control using shortcut keys. Command Manager support is used to manage keyboard interactions.","category":"User Interaction","uid":"008827","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},"008828":{"url":"quick-commands","name":"User Handles","description":"This sample visualizes a simple flow diagram along with options to execute the frequently used commands using user handles.","category":"User Interaction","uid":"008828","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},"008829":{"url":"symbol-palette","name":"Symbol Palette","description":"This example illustrates predefining shapes in a palette that can be easily dragged and dropped into the drawing area.","category":"User Interaction","uid":"008829","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},"008830":{"url":"overview","name":"Overview Panel","description":"This sample visualizes an organizational structure along with an overview for easily navigating the large organizational structure using Overview Panel.","category":"User Interaction","uid":"008830","order":3,"component":"Diagram","dir":"diagram","parentId":"08"},"008831":{"url":"serialization","name":"Save and Load","description":"This sample visualizes building diagrams interactively and editing the saved diagrams. Symbol Palette is used to easily build diagrams.","category":"Print and Export","uid":"008831","order":4,"component":"Diagram","dir":"diagram","parentId":"08"},"008832":{"url":"print-export","name":"Print and Export","description":"This example shows how to print the diagram and how to export the diagram as image (*.jpg, *.png, and *bmp) and SVG format.","category":"Print and Export","uid":"008832","order":4,"component":"Diagram","dir":"diagram","parentId":"08"},"008833":{"url":"local-data","name":"Local Data","description":"This sample visualizes the classifications of species using hierarchical tree layout algorithm. Data Manager support is used to bind data with the diagram.","category":"Data Binding","uid":"008833","order":5,"component":"Diagram","dir":"diagram","parentId":"08"},"008834":{"url":"remote-data","name":"Remote Data","description":"This sample demonstrates how to bind an remote data with the diagram using the Data Manager support.","category":"Data Binding","uid":"008834","order":5,"component":"Diagram","dir":"diagram","parentId":"08"},"008835":{"url":"crud","name":"CRUD","description":"This sample demonstrates generating a diagram by reading data from the database, and updating it with new inserted/updated/deleted objects through web services.","category":"Data Binding","uid":"008835","order":5,"component":"Diagram","dir":"diagram","parentId":"08"},"008836":{"url":"venn-diagram","name":"Venn Diagram","description":"This sample visually represents the hotel booking reservation system. It is built with readymade BPMN shapes.","category":"Static Diagram","uid":"008836","order":6,"component":"Diagram","dir":"diagram","parentId":"08"},"008837":{"url":"fishbone-diagram","name":"Fishbone Diagram","description":"This sample visually represents a simple fishbone diagram (Ishikawa). Diagram nodes and annotations are used to define fishbone diagrams.","category":"Static Diagram","uid":"008837","order":6,"component":"Diagram","dir":"diagram","parentId":"08"},"00990":{"url":"default","name":"Default Functionalities","category":"Heatmap Chart","description":"This demo for Essential JS2 Heatmap control shows the heat map control displayed with minimum configuration.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource"]},"uid":"00990","order":0,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00991":{"url":"calendar-heatmap","name":"Calendar Heatmap","category":"Heatmap Chart","description":"This demo for Essential JS2 Heatmap control for displays the time series data and displays the axis labels at specific time interval.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00991","order":0,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00992":{"url":"bubble-types","name":"Bubble Types","category":"Bubble Heatmap","description":"This demo for Essential JS2 Heatmap control shows Size, Color and SizeAndColor bubble heat map type.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00992","order":1,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00993":{"url":"color-and-size-attributes","name":"Color and Size Attributes","category":"Bubble Heatmap","description":"This demo for Essential JS2 Heatmap control shows how to bind the multiple data to bubble type heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00993","order":1,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00994":{"url":"array-row","name":"Row","category":"Data Binding","description":"This demo for Essential JS2 Heatmap control demonstrates how to bind the data to heat map with series of array for each columns.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","paletteSettings","legendSettings"]},"uid":"00994","order":2,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00995":{"url":"array-cell","name":"Cell","category":"Data Binding","description":"This demo for Essential JS2 Heatmap control demonstrates how to bind the array data with values for each cell to heatmap.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00995","order":2,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00996":{"url":"row-json-binding","name":"JSON Row","category":"Data Binding","description":"This demo for Essential JS2 Heatmap control demonstrates how to bind the JSON object with data for each columns to heatmap.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","paletteSettings","cellSettings"]},"uid":"00996","order":2,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00997":{"url":"cell-json-binding","name":"JSON Cell","category":"Data Binding","description":"This demo for Essential JS2 Heatmap control demonstrates how to bind the JSON object with data for each cell to heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings"]},"uid":"00997","order":2,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00998":{"url":"empty-points","name":"Empty Points","category":"Features","description":"This demo for Essential JS2 Heatmap control shows the usage of empty points or null points in heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00998","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"00999":{"url":"inversed","name":"Inversed Axis","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to inverse the both x-axis and y-axis in heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"00999","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"009910":{"url":"opposed","name":"Opposed Axis","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to place the axis opposite to the default position in heatmap.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","legendSettings"]},"uid":"009910","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"009911":{"url":"multi-level-labels","name":"Multi Level Labels","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to group the axis labels with multiple levels.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","legendSettings"]},"uid":"009911","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"009912":{"url":"cell-selection","name":"Selection","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to select and deselect the heat map cell using mouse and touch action.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","allowSelection"]},"uid":"009912","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"009913":{"url":"legend","name":"Legend Placement","type":"update","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to place the heatmap legend in different positions.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"009913","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"009914":{"url":"large-data","name":"Large Data","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to bind the large data in heat map using canvas rendering mode.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","renderingMode","cellSettings","paletteSettings","legendSettings"]},"uid":"009914","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"009915":{"url":"palette","name":"Palette Mode","category":"Features","description":"This demo for Essential JS2 Heatmap control demonstrates applying gradient colors or solid colors for the heatmap cells.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"009915","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"009916":{"url":"render-mode","name":"Rendering mode","category":"Features","description":"This demo for Essential JS2 Heatmap shows switching the rendering mode of the heatmap cells between SVG and canvas rendering logics.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","renderingMode","cellSettings","paletteSettings","legendSettings"]},"uid":"009916","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"009917":{"url":"tooltip-template","name":"Tooltip Template","category":"Features","description":"This demo for Essential JS2 Heatmap control shows how to customize the tool tip text using template support in heat map.","api":{"HeatMap":["titleSettings","xAxis","yAxis","dataSource","cellSettings","paletteSettings","legendSettings"]},"uid":"009917","order":3,"component":"Heatmap Chart","dir":"heatmap","parentId":"09"},"0010100":{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS2 Maps control visualizes the continents in the world by rendering those in a map layer.","category":"Maps","api":{"Maps":["titleSettings","zoomSettings","legendSettings","layers"]},"sourceFiles":[{"displayName":"default.html","path":"src/maps/default.html"},{"displayName":"default.ts","path":"src/maps/default.ts"},{"displayName":"default-datasource.json","path":"src/maps/map-data/default-datasource.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010100","order":0,"component":"Maps","dir":"maps","parentId":"010"},"0010101":{"url":"projection","name":"Projection","description":"This demo for Essential JS2 Maps control shows the details of permanent and non-permanent countries in the UN Security Council, in 2017.","category":"Features","api":{"Maps":["titleSettings","legendSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"projection.html","path":"src/maps/projection.html"},{"displayName":"projection.ts","path":"src/maps/projection.ts"},{"displayName":"projection-datasource.json","path":"src/maps/map-data/projection-datasource.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010101","order":1,"component":"Maps","dir":"maps","parentId":"010"},"0010102":{"url":"multilayer","name":"Multi-layers","description":"This demo for Essential JS2 Maps control depicts the layer along with sublayers for California and Texas.","category":"Features","api":{"Maps":["titleSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"multilayer.html","path":"src/maps/multilayer.html"},{"displayName":"multilayer.ts","path":"src/maps/multilayer.ts"},{"displayName":"usa.json","path":"src/maps/map-data/usa.json"},{"displayName":"texas.json","path":"src/maps/map-data/texas.json"},{"displayName":"california.json","path":"src/maps/map-data/california.json"}],"uid":"0010102","order":1,"component":"Maps","dir":"maps","parentId":"010"},"0010103":{"url":"marker","name":"Marker","type":"update","description":"This demo for Essential JS2 Maps control shows the top 25 populated cities in the world by displaying the markers in their locations.","category":"Features","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"marker.html","path":"src/maps/marker.html"},{"displayName":"marker.ts","path":"src/maps/marker.ts"},{"displayName":"marker-location.json","path":"src/maps/map-data/top-location.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010103","order":1,"component":"Maps","dir":"maps","parentId":"010"},"0010104":{"url":"marker-template","name":"Marker template","description":"This demo for Essential JS2 Maps control indicates the temperature of various cities of Australia in marker templates.","category":"Features","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"marker-template.html","path":"src/maps/marker-template.html"},{"displayName":"marker-template.ts","path":"src/maps/marker-template.ts"},{"displayName":"australia.json","path":"src/maps/map-data/australia.json"}],"uid":"0010104","order":1,"component":"Maps","dir":"maps","parentId":"010"},"0010105":{"url":"marker-cluster","name":"Marker clustering","description":"This demo for Essential JS2 Maps control indicates the create the marker cluster in more than one marker intersect","category":"Features","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"marker-cluster.html","path":"src/maps/marker-cluster.html"},{"displayName":"marker-cluster.ts","path":"src/maps/marker-cluster.ts"},{"displayName":"marker-cluster.json","path":"src/maps/map-data/marker-cluster.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010105","order":1,"component":"Maps","dir":"maps","parentId":"010"},"0010106":{"url":"data-label","name":"Labels","description":"This demo for Essential JS2 Maps control shows the names of all the states in USA in data label. Intersect action and smart labels mode can be changed.","category":"Features","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"data-label.html","path":"src/maps/data-label.html"},{"displayName":"data-label.ts","path":"src/maps/data-label.ts"},{"displayName":"usa.json","path":"src/maps/map-data/usa.json"}],"uid":"0010106","order":1,"component":"Maps","dir":"maps","parentId":"010"},"0010107":{"url":"bubble","name":"Bubble","description":"This demo for Essential JS2 Maps control illustrates the top 30 countries which has highest Internet users in bubbles of the year 2016.","category":"Features","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"bubble.html","path":"src/maps/bubble.html"},{"displayName":"bubble.ts","path":"src/maps/bubble.ts"},{"displayName":"population-data.ts","path":"src/maps/map-data/population-data.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010107","order":1,"component":"Maps","dir":"maps","parentId":"010"},"0010108":{"url":"navigation-line","name":"Navigation Lines","description":"This demo for Essential JS2 Maps control illustrates the sea routes between various cities for shipping.","category":"Features","api":{"Maps":["titleSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"navigation-line.html","path":"src/maps/navigation-line.html"},{"displayName":"navigation-line.ts","path":"src/maps/navigation-line.ts"},{"displayName":"map-location.json","path":"src/maps/map-data/map-location.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010108","order":1,"component":"Maps","dir":"maps","parentId":"010"},"0010109":{"url":"legend","name":"Legend","description":"This demo for Essential JS2 Maps control visualizes grouping of countries in the legend based on its population density.","category":"Features","api":{"Maps":["zoomSettings","titleSettings","legendSettings","layers"]},"sourceFiles":[{"displayName":"legend.html","path":"src/maps/legend.html"},{"displayName":"legend.ts","path":"src/maps/legend.ts"},{"displayName":"legend-datasource.json","path":"src/maps/map-data/legend-datasource.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"0010109","order":1,"component":"Maps","dir":"maps","parentId":"010"},"00101010":{"url":"color-mapping","name":"Color Mapping","description":"This sample shows the average amount of rainfall and snowfall in spring season of all the states in US. Color mapping is applied to the shapes.","category":"Features","api":{},"sourceFiles":[{"displayName":"color-mapping.html","path":"src/maps/color-mapping.html"},{"displayName":"color-mapping.ts","path":"src/maps/color-mapping.ts"},{"displayName":"color-mapping.json","path":"src/maps/map-data/color-mapping.json"}],"uid":"00101010","order":1,"component":"Maps","dir":"maps","parentId":"010"},"00101011":{"url":"annotation","name":"Annotations","description":"This demo for Essential JS2 Maps control depicts the facts about Africa continent and a direction compass in an annotation.","category":"Features","api":{"Maps":["zoomSettings","annotations","layers"]},"sourceFiles":[{"displayName":"annotation.html","path":"src/maps/annotation.html"},{"displayName":"annotation.ts","path":"src/maps/annotation.ts"},{"displayName":"africa-continent.json","path":"src/maps/map-data/africa-continent.json"}],"uid":"00101011","order":1,"component":"Maps","dir":"maps","parentId":"010"},"00101012":{"url":"osm","name":"OpenStreetMap","category":"Map Providers","sourceFiles":[{"displayName":"osm.html","path":"src/maps/osm.html"},{"displayName":"osm.ts","path":"src/maps/osm.ts"}],"uid":"00101012","order":2,"component":"Maps","dir":"maps","parentId":"010"},"00101013":{"url":"osm-with-navigation-lines","name":"OSM with Navigation Lines","category":"Map Providers","sourceFiles":[{"displayName":"osm-navigationlines.html","path":"src/maps/osm-with-navigation-lines.html"},{"displayName":"osm-navigationlines.ts","path":"src/maps/osm-with-navigation-lines.ts"}],"uid":"00101013","order":2,"component":"Maps","dir":"maps","parentId":"010"},"00101014":{"url":"osm-with-sublayers","name":"OSM with Sublayer","category":"Map Providers","sourceFiles":[{"displayName":"osm-sublayers.html","path":"src/maps/osm-with-sublayers.html"},{"displayName":"osm-sublayers.ts","path":"src/maps/osm-with-sublayers.ts"},{"displayName":"africa.json","path":"src/maps/map-data/africa.json"}],"uid":"00101014","order":2,"component":"Maps","dir":"maps","parentId":"010"},"00101015":{"url":"tooltip","name":"Tooltip","description":"This demo for Essential JS2 Maps control depicts the countries that were appeared in the finals of Cricket World Cup and their counts.","category":"User Interaction","api":{"Maps":["titleSettings","zoomSettings","legendSettings","layers"]},"sourceFiles":[{"displayName":"tooltip-datasource.html","path":"src/maps/tooltip.html"},{"displayName":"tooltip-datasource.ts","path":"src/maps/tooltip.ts"},{"displayName":"tooltip-datasource.json","path":"src/maps/map-data/tooltip-datasource.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101015","order":3,"component":"Maps","dir":"maps","parentId":"010"},"00101016":{"url":"selection","name":"Selection & Highlight","description":"This demo for Essential JS2 Maps control visualizes USA president election results in the year 2016. Default and interactive are the two types of legend.","category":"User Interaction","api":{"Maps":["titleSettings","legendSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"selection.html","path":"src/maps/selection.html"},{"displayName":"selection.ts","path":"src/maps/selection.ts"},{"displayName":"selection-datasource.json","path":"src/maps/map-data/selection-datasource.json"},{"displayName":"usa.json","path":"src/maps/map-data/usa.json"}],"uid":"00101016","order":3,"component":"Maps","dir":"maps","parentId":"010"},"00101017":{"url":"zooming","name":"Zooming & Panning","description":"This demo for Essential JS2 Maps control depicts the properties required to zoom and pan the rendered map.","category":"User Interaction","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"zooming.html","path":"src/maps/zooming.html"},{"displayName":"zooming.ts","path":"src/maps/zooming.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"},{"displayName":"zooming-datasource.json","path":"src/maps/map-data/zooming-datasource.json"}],"uid":"00101017","order":3,"component":"Maps","dir":"maps","parentId":"010"},"00101018":{"url":"zoom-marker","name":"Zoom to fit all markers","type":"new","description":"This demo for Essential JS2 Maps control depicts the capitals of all countries in south america using markers and map will zoom based on marker position.","category":"User Interaction","api":{"Maps":["zoomSettings","layers","marker"]},"sourceFiles":[{"displayName":"zoom-marker.html","path":"src/maps/zoom-marker.html"},{"displayName":"zoom-marker.ts","path":"src/maps/zoom-marker.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"},{"displayName":"southamerica-country-capitals.json","path":"src/maps/map-data/southamerica-country-capitals.json"}],"uid":"00101018","order":3,"component":"Maps","dir":"maps","parentId":"010"},"00101019":{"url":"drilldown","name":"Drill Down","description":"This demo for Essential JS2 Maps control demonstrates drill down with all the continents in the initial view and countries on drill.","category":"User Interaction","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"drilldown.html","path":"src/maps/drilldown.html"},{"displayName":"drilldown.ts","path":"src/maps/drilldown.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"},{"displayName":"africa.json","path":"src/maps/map-data/africa.json"},{"displayName":"europe.json","path":"src/maps/map-data/europe.json"},{"displayName":"asia.json","path":"src/maps/map-data/asia.json"},{"displayName":"north-america.json","path":"src/maps/map-data/north-america.json"},{"displayName":"south-america.json","path":"src/maps/map-data/south-america.json"},{"displayName":"oceania.json","path":"src/maps/map-data/oceania.json"}],"uid":"00101019","order":3,"component":"Maps","dir":"maps","parentId":"010"},"00101020":{"url":"print","name":"Print","description":"This demo for Essential JS2 Maps control illustrates the printing functionality in the maps control.","category":"Print and Export","api":{"Maps":["titleSettings","legendSettings","layers"]},"sourceFiles":[{"displayName":"print.html","path":"src/maps/print.html"},{"displayName":"print.ts","path":"src/maps/print.ts"},{"displayName":"print-datasource.json","path":"src/maps/map-data/print-datasource.json"},{"displayName":"usa.json","path":"src/maps/map-data/usa.json"}],"uid":"00101020","order":4,"component":"Maps","dir":"maps","parentId":"010"},"00101021":{"url":"export","name":"Export","description":"This demo for Essential JS2 Maps control illustrates the exporting functionality in the maps control.","category":"Print and Export","api":{"Maps":["titleSettings","layers"]},"sourceFiles":[{"displayName":"export.html","path":"src/maps/export.html"},{"displayName":"export.ts","path":"src/maps/export.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101021","order":4,"component":"Maps","dir":"maps","parentId":"010"},"00101022":{"url":"heat-map","name":"Heat Map","description":"This demo for Essential JS2 Maps control visualizes the state wise population of India in the year 2011. Color for states will be applied based on its value.","category":"Use Cases","api":{"Maps":["titleSettings","legendSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"heat-map.html","path":"src/maps/heat-map.html"},{"displayName":"heat-map.ts","path":"src/maps/heat-map.ts"},{"displayName":"heatmap-datasource.json","path":"src/maps/map-data/heatmap-datasource.json"},{"displayName":"india.json","path":"src/maps/map-data/india.json"}],"uid":"00101022","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101023":{"url":"curved-lines","name":"Flight routes","description":"This demo for Essential JS2 Maps control demonstrates the flight routes from India to China using navigation lines feature.","category":"Use Cases","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"curved-lines.html","path":"src/maps/curved-lines.html"},{"displayName":"curved-lines.ts","path":"src/maps/curved-lines.ts"},{"displayName":"marker-location.json","path":"src/maps/map-data/marker-location.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101023","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101024":{"url":"earthquake","name":"Earthquake indication","description":"This demo for Essential JS2 Maps control demonstrates the earth quack occurred in Sumatra, Indonesia in the year 2009.","category":"Use Cases","api":{"Maps":["zoomSettings","titleSettings","layers"]},"sourceFiles":[{"displayName":"earthquake.html","path":"src/maps/earthquake.html"},{"displayName":"earthquake.ts","path":"src/maps/earthquake.ts"},{"displayName":"asia.json","path":"src/maps/map-data/asia.json"}],"uid":"00101024","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101025":{"url":"highlighted-region","name":"Highlighted region","description":"This demo for Essential JS2 Maps control depicts the ATM populated areas in Oklahoma by highlighting the regions.","category":"Use Cases","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"highlighted-region.html","path":"src/maps/highlighted-region.html"},{"displayName":"highlighted-region.ts","path":"src/maps/highlighted-region.ts"},{"displayName":"oklahoma.json","path":"src/maps/map-data/oklahoma.json"}],"uid":"00101025","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101026":{"url":"cyber-attack-map","name":"Cyber Attack Map","description":"This demo for Essential JS2 Maps control visualizes the cyber attack map, which displays the cyber attacks and threats from various countries to USA.","category":"Use Cases","api":{"Maps":["layers"]},"sourceFiles":[{"displayName":"cyber-attack-map.html","path":"src/maps/cyber-attack-map.html"},{"displayName":"cyber-attack-map.ts","path":"src/maps/cyber-attack-map.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101026","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101027":{"url":"dynamic-marker","name":"Dynamic markers","description":"This demo for Essential JS2 Maps control visualizes the dynamically added the marker and navigation line.","category":"Use Cases","api":{"Maps":["layers","markerSetting","navigationLineSettings","click"]},"sourceFiles":[{"displayName":"dynamic-marker.html","path":"src/maps/dynamic-marker.html"},{"displayName":"dynamic-marker.ts","path":"src/maps/dynamic-marker.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101027","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101028":{"url":"pie","name":"Map with Pie chart","description":"This demo for Essential JS2 Maps control visualizes the placing of pie charts on the maps using marker templates.","category":"Use Cases","api":{"Maps":["titleSettings","legendSettings","zoomSettings","layers"]},"sourceFiles":[{"displayName":"pie.html","path":"src/maps/pie.html"},{"displayName":"pie.ts","path":"src/maps/pie.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101028","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101029":{"url":"map-with-slider","name":"Map with Slider","description":"This demo for Essential JS2 Maps control demonstrates the rendering of normal geometry type shapes on the map.","category":"Use Cases","api":{},"sourceFiles":[{"displayName":"map-with-slider.html","path":"src/maps/map-with-slider.html"},{"displayName":"map-with-slider.ts","path":"src/maps/map-with-slider.ts"},{"displayName":"population-growth.json","path":"src/maps/map-data/population-growth.json"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"}],"uid":"00101029","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101030":{"url":"sales-map","name":"Sales map","type":"new","description":"This demo for Essential JS2 Maps control depicts the sales details from all over the world using marker.","category":"Use Cases","api":{"Maps":["zoomSettings","layers"]},"sourceFiles":[{"displayName":"sales-map.html","path":"src/maps/sales-map.html"},{"displayName":"sales-map.ts","path":"src/maps/sales-map.ts"},{"displayName":"world-map.json","path":"src/maps/map-data/world-map.json"},{"displayName":"seat.json","path":"src/maps/map-data/sales-map.json"}],"uid":"00101030","order":5,"component":"Maps","dir":"maps","parentId":"010"},"00101031":{"url":"seat-selection","name":"Bus seat booking","description":"This demo for Essential JS2 Maps control demonstrates the rendering of normal geometry type shapes on the map.","category":"Use Cases","api":{},"sourceFiles":[{"displayName":"seat-selection.html","path":"src/maps/seat-selection.html"},{"displayName":"seat-selection.ts","path":"src/maps/seat-selection.ts"},{"displayName":"seat.json","path":"src/maps/map-data/seat.json"}],"uid":"00101031","order":5,"component":"Maps","dir":"maps","parentId":"010"},"0011110":{"url":"default","name":"Default","description":"This demo for Essential JS2 Range Navigator control shows the default rendering of range navigator with range area series.","category":"Range Selector","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"0011110","order":0,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011111":{"url":"light-weight","name":"Lightweight","description":"This demo for Essential JS2 Range Navigator control shows the rendering of light-weight range navigator.","category":"Range Selector","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011111","order":0,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011112":{"url":"date-time","name":"DateTime","description":"This demo for Essential JS2 Range Navigator control shows how to plot date-time values in range navigator.","category":"Axis","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"0011112","order":1,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011113":{"url":"double","name":"Numeric Axis","description":"This demo for Essential JS2 Range Navigator control shows how to plot numeric data values in the range navigator.","category":"Axis","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011113","order":1,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011114":{"url":"logarithmic","name":"Logarithmic Axis","description":"This demo for Essential JS2 Range Navigator control shows how to visualize the logarithmic scale when data has wide range of values.","category":"Axis","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011114","order":1,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011115":{"url":"multilevel","name":"Multilevel Labels","description":"This demo for Essential JS2 Range Navigator control shows how to display the second level labels in range navigator.","category":"Axis","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011115","order":1,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011116":{"url":"period-selector","name":"Default","description":"This demo for Essential JS2 Range Navigator control shows how to display the period selector for a range with specified periods.","category":"Period Selector","api":{"RangeNavigator":["PeriodSelector","series","intervalType"]},"uid":"0011116","order":2,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011117":{"url":"period-selector-stocks","name":"Stock Chart","description":"This demo for Essential JS2 Range Navigator control shows how to render the stock charts with specified periods using period selector.","category":"Period Selector","api":{"RangeNavigator":["PeriodSelector","series","intervalType"]},"uid":"0011117","order":2,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011118":{"url":"empty-data","name":"Empty Points","description":"This demo for Essential JS2 Range Navigator control shows how to render the empty points in the range navigator.","category":"Customization","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"0011118","order":3,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0011119":{"url":"filter","name":"Filter","description":"This demo for Essential JS2 Range Navigator control shows how to bind the filtered values of the range navigator to grid control.","category":"Customization","api":{"RangeNavigator":["valueType","series","intervalType"]},"uid":"0011119","order":3,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"00111110":{"url":"export","name":"Print and Export","description":"This demo for Essential JS2 Range Navigator control shows how to print the charts and export the chart contents to various formats at client-side.","category":"Export","api":{"RangeNavigator":["valueType","series","export"]},"uid":"00111110","order":4,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"00111111":{"url":"right-to-left","name":"RTL","description":"This demo for Essential JS2 Range Navigator control shows how to invert an axis in the range navigator.","category":"RTL","api":{"RangeNavigator":["valueType","series","intervalType","enableGrouping"]},"uid":"00111111","order":5,"component":"Range Selector","dir":"range-navigator","parentId":"011"},"0012120":{"url":"default","name":"Default","description":"This demo for Essential JS2 Smith Chart control visualizes two transmissions. Impedance and admittance are the two types of rendering in smith chart.","category":"Smith Chart","api":{},"uid":"0012120","order":0,"component":"Smith Chart","dir":"smith-chart","parentId":"012"},"0012121":{"url":"custom","name":"Customization","description":"This demo for Essential JS2 Smith Chart control visualizes the properties required to render the smith chart.","category":"Smith Chart","api":{},"uid":"0012121","order":0,"component":"Smith Chart","dir":"smith-chart","parentId":"012"},"0012122":{"url":"print-export","name":"Print and Export","description":"This demo for Essential JS2 Smith Chart control explores the exporting and printing functionality of smith chart.","category":"Smith Chart","api":{},"uid":"0012122","order":0,"component":"Smith Chart","dir":"smith-chart","parentId":"012"},"0013130":{"url":"ean8","name":"EAN-8","description":"This sample visualizes the 8-digit Global Trade Identification Numbers. It was introduced for use on small packages where an EAN-8 barcode would be too large.","category":"Getting Started","uid":"0013130","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013131":{"url":"code128","name":"Code 128","description":"This sample visualizes a barcode image that presents alphanumeric combinations and it consist of start character, data digits etc.","category":"Getting Started","uid":"0013131","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013132":{"url":"code128A","name":"Code 128A","description":"This sample visualizes a barcode image that presents information with a combination of numbers, and control characters such as tab and new line.","category":"Getting Started","uid":"0013132","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013133":{"url":"code128B","name":"Code 128B","description":"This sample visualizes a barcode image that presents information with a combination of numbers, and control characters such as tab and new line.","category":"Getting Started","uid":"0013133","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013134":{"url":"code128C","name":"Code 128C","description":"This sample visualizes a barcode image that presents information with a combination of numbers, uppercase and lowercase letters, and some additional characters.","category":"Getting Started","uid":"0013134","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013135":{"url":"code93","name":"Code 93","description":"This sample has a native character set of 26 uppercase letters, 10 digits, and 7 special characters.","category":"Getting Started","uid":"0013135","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013136":{"url":"code32","name":"Code 32","description":"This sample visualizes the pharmaceutical code that encodes numeric data in a compressed format and supports all numeric digits and all uppercase letters","category":"Getting Started","uid":"0013136","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013137":{"url":"codabar","name":"Codabar","description":"This sample visualizes a barcode that is designed to be accurately read even when printed with dot matrix printers.","category":"Getting Started","uid":"0013137","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013138":{"url":"ean13","name":"EAN-13","description":"This sample visualizes the 13-digit Global Trade Identification Numbers.It comprises of 13 digits such as manufacturer code, product code etc","category":"Getting Started","uid":"0013138","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0013139":{"url":"upca","name":"UPC-A","description":"A UPC-A barcode consists of four areas: number system, manufacturer code, product code, and check digit","category":"Getting Started","uid":"0013139","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"00131310":{"url":"upce","name":"UPC-E","description":"This sample visualizes a product package identification number consist of 6 digits. It is mainly used for scanning products in small packages","category":"Getting Started","uid":"00131310","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"00131311":{"url":"code39","name":"Code39","description":"visualizes Code 39, a self-checking barcode symbology that consists of uppercase letters, and several special characters.","category":"Getting Started","uid":"00131311","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"00131312":{"url":"code39Extd","name":"Code 39 Extended","description":"This sample visualizes the model number of an item in the automotive industry.It supports both standard and extended Code 39 barcodes","category":"Getting Started","uid":"00131312","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"00131313":{"url":"qrcode","name":"QR Code","description":"This sample displays a machine-readable optical label that contains information about the item to which it is attached.","category":"Getting Started","uid":"00131313","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"00131314":{"url":"datamatrix","name":"Data Matrix","description":"This example shows how to display encoded text or numerical values as the label using the Barcode component","category":"Getting Started","uid":"00131314","order":0,"component":"Barcode","dir":"barcode","parentId":"013"},"0014140":{"url":"default","name":"Default","description":"This demo for Essential JS2 Sparkline control visualizes population, population density, population growth rate, and birth rate of various countries.","category":"Sparkline Charts","api":{},"uid":"0014140","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},"0014141":{"url":"series-types","name":"Series Types","description":"This demo for Essential JS2 Sparkline control depicts the various series types available in the sparkline.","category":"Sparkline Charts","api":{},"uid":"0014141","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},"0014142":{"url":"axis-types","name":"Axis value types","description":"This demo for Essential JS2 Sparkline control depicts the various axis types available in the sparkline.","category":"Sparkline Charts","api":{},"uid":"0014142","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},"0014143":{"url":"spark-grid","name":"Sparkline in Grid","description":"This demo for Essential JS2 Sparkline control demonstrates rendering sparklines in the data grid control.","category":"Sparkline Charts","api":{},"uid":"0014143","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},"0014144":{"url":"customization","name":"Customization","description":"This demo for Essential JS2 Sparkline control depicts the properties required to customize the sparkline.","category":"Sparkline Charts","api":{},"uid":"0014144","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},"0014145":{"url":"live-update","name":"Live Update","description":"This demo for Essential JS2 Sparkline control depicts the task manager with live data update for sparklines.","category":"Sparkline Charts","api":{},"uid":"0014145","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},"0014146":{"url":"range-band","name":"Range Band","description":"This demo for Essential JS2 Sparkline control depicts the range band feature and its customization options.","category":"Sparkline Charts","api":{},"uid":"0014146","order":0,"component":"Sparkline Charts","dir":"sparkline","parentId":"014"},"0015150":{"url":"default","name":"Default Functionalities","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"default.html","path":"src/treemap/default.html"},{"displayName":"default.ts","path":"src/treemap/default.ts"},{"displayName":"car-sales.json","path":"src/treemap/treemap-data/car-sales.json"}],"uid":"0015150","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015151":{"url":"layout","name":"Layout","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"layout.html","path":"src/treemap/layout.html"},{"displayName":"layout.ts","path":"src/treemap/layout.ts"},{"displayName":"econmics.json","path":"src/treemap/treemap-data/econmics.json"}],"uid":"0015151","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015152":{"url":"drilldown","name":"Drilldown","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"drilldown.html","path":"src/treemap/drilldown.html"},{"displayName":"drilldown.ts","path":"src/treemap/drilldown.ts"},{"displayName":"drilldown-sample.json","path":"src/treemap/treemap-data/drilldown-sample.json"}],"uid":"0015152","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015153":{"url":"customization","name":"Customization","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"customization.html","path":"src/treemap/customization.html"},{"displayName":"customization.ts","path":"src/treemap/customization.ts"},{"displayName":"metal.json","path":"src/treemap/treemap-data/metal.json"}],"uid":"0015153","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015154":{"url":"label","name":"Data Label","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"label.html","path":"src/treemap/label.html"},{"displayName":"label.ts","path":"src/treemap/label.ts"},{"displayName":"country-population.json","path":"src/treemap/treemap-data/country-population.json"}],"uid":"0015154","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015155":{"url":"tooltip","name":"Tooltip","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"tooltip.html","path":"src/treemap/tooltip.html"},{"displayName":"tooltip.ts","path":"src/treemap/tooltip.ts"},{"displayName":"airport-count.json","path":"src/treemap/treemap-data/airport-count.json"}],"uid":"0015155","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015156":{"url":"election","name":"Legend","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"election.html","path":"src/treemap/election.html"},{"displayName":"election.ts","path":"src/treemap/election.ts"},{"displayName":"election-data.json","path":"src/treemap/treemap-data/election-data.json"}],"uid":"0015156","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015157":{"url":"color-mapping","name":"Color Mapping","description":"This demo for Essential JS2 TreeMap control visualizes the population level of various continents in 2011 based on the gender and age group.","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"color-mapping.html","path":"src/treemap/color-mapping.html"},{"displayName":"color-mapping.ts","path":"src/treemap/color-mapping.ts"},{"displayName":"largest-population-city.ts","path":"src/treemap/treemap-data/color.json"}],"uid":"0015157","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015158":{"url":"selection","name":"Selection & Highlight","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"selection.html","path":"src/treemap/selection.html"},{"displayName":"selection.ts","path":"src/treemap/selection.ts"},{"displayName":"import.json","path":"src/treemap/treemap-data/import.json"}],"uid":"0015158","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0015159":{"url":"print","name":"Print & Export","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"print.html","path":"src/treemap/print.html"},{"displayName":"print.ts","path":"src/treemap/print.ts"},{"displayName":"product.json","path":"src/treemap/treemap-data/product.json"}],"uid":"0015159","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"00151510":{"url":"pie","name":"TreeMap with Pie","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"pie.html","path":"src/treemap/pie.html"},{"displayName":"pie.ts","path":"src/treemap/pie.ts"},{"displayName":"continent_data.json","path":"src/treemap/treemap-data/continent_data.json"}],"uid":"00151510","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"00151511":{"url":"rtl","name":"RTL","category":"TreeMap","api":{},"sourceFiles":[{"displayName":"rtl.html","path":"src/treemap/rtl.html"},{"displayName":"rtl.ts","path":"src/treemap/rtl.ts"},{"displayName":"rtl-data.json","path":"src/treemap/treemap-data/rtl-data.json"}],"uid":"00151511","order":0,"component":"TreeMap","dir":"treemap","parentId":"015"},"0016160":{"url":"default","name":"Default","description":"This demo for Essential JS2 Bullet Chart control shows the default rendering of bullet chart with different customized values.","category":"Bullet Chart","api":{"BulletChart":["tooltip","titleStyle","enableGroupSeparator","labelFormat"]},"uid":"0016160","order":0,"component":"Bullet Chart","dir":"bullet-chart","parentId":"016"},"0016161":{"url":"multiple-data","name":"Multiple Data","description":"This demo for Essential JS2 Bullet Chart control shows the default rendering of bullet chart with multiple data values.","category":"Bullet Chart","api":{"BulletChart":["tooltip","titleStyle","labelFormat","dataSource"]},"uid":"0016161","order":0,"component":"Bullet Chart","dir":"bullet-chart","parentId":"016"},"0016162":{"url":"right-to-left","name":"RTL","description":"This demo for Essential JS2 Bullet Chart control shows the default rendering of bullet chart with right to left mode.","category":"Bullet Chart","api":{"BulletChart":["tooltip","titleStyle","labelFormat","enableRtl"]},"uid":"0016162","order":0,"component":"Bullet Chart","dir":"bullet-chart","parentId":"016"},"0016163":{"url":"bar-customization","name":"Feature and Target Bar","description":"This demo for Essential JS2 Bullet Chart control shows the default rendering of bullet chart with different customized bar types.","category":"Bullet Chart","api":{"BulletChart":["tooltip","titleStyle","labelFormat","enableRtl"]},"uid":"0016163","order":0,"component":"Bullet Chart","dir":"bullet-chart","parentId":"016"},"0016164":{"url":"customization","name":"Range and Label Settings","description":"This demo for Essential JS2 Bullet Chart control shows the default rendering of bullet chart with different customized values.","category":"Bullet Chart","api":{"BulletChart":["tooltip","titleStyle","labelFormat","enableRtl"]},"uid":"0016164","order":0,"component":"Bullet Chart","dir":"bullet-chart","parentId":"016"},"0016165":{"url":"tooltip","name":"Tooltip Template","description":"This demo for Essential JS2 Bullet Chart control shows the tooltip customization.","category":"Bullet Chart","api":{"BulletChart":["tooltip","titleStyle","orientation"]},"uid":"0016165","order":0,"component":"Bullet Chart","dir":"bullet-chart","parentId":"016"},"0016166":{"url":"orientation","name":"Orientation","description":"This demo for Essential JS2 Bullet Chart control shows the orientation sample.","category":"Bullet Chart","api":{"BulletChart":["tooltip","titleStyle","orientation"]},"uid":"0016166","order":0,"component":"Bullet Chart","dir":"bullet-chart","parentId":"016"},"0017170":{"url":"tools","name":"Overview","type":"update","description":"This demo describes basic and advanced features of the JavaScript rich text editor control (WYSIWYG HTML Editor) with all its tools and functionalities.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","toolbarSettings","showCharCount","actionBegin","actionComplete","maxLength","appendTo"],"ToolbarSettings":["items"]},"uid":"0017170","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"0017171":{"url":"rich-text-editor","name":"Default Functionalities","description":"This demo shows how to render HTML5 JavaScript rich text editor (JavaScript WYSIWYG HTML editor) control with a minimum configuration setting.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","appendTo"]},"uid":"0017171","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"0017172":{"url":"image","name":"Image","description":"This demo explains how to insert images with a blob or base64 format, link to the images, image upload, rotate left/right, and more in JS WYSIWYG HTML Editor.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","quickToolbarSettings","toolbarClick","appendTo","getRange"],"QuickToolbarSettings":["image"]},"uid":"0017172","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"0017173":{"url":"inline","name":"Inline","description":"This demo shows inline WYSIWYG HTML editor that is displayed when selecting the content or simply focusing on the content inside the JS Rich Text Editor.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","inlineMode","toolbarSettings","format","fontFamily","appendTo","dataBind"],"InlineMode":["enable","onSelection"],"ToolbarSettings":["items"],"Format":["width"],"FontFamily":["width"]},"uid":"0017173","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"0017174":{"url":"paste-cleanup","name":"Paste from MS Word","description":"This demo explains how to clean up HTML when pasting a content from Microsoft Word, Visual Studio Code, Visual Studio, or a web page in JS HTML Editor.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","pasteCleanupSettings","appendTo"],"PasteCleanupSettings":["prompt","plainText","keepFormat","deniedTags","deniedAttrs","allowedStyleProps"]},"uid":"0017174","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"0017175":{"url":"iframe","name":"IFrame","description":"This demo shows how to render a JavaScript rich text editor (iframe editor) that was designed by using the iframe element covering all tool functionalities.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","height","iframeSettings","toolbarSettings","actionBegin","actionComplete","appendTo"],"IFrameSettings":["enable"],"ToolbarSettings":["items"]},"uid":"0017175","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"0017176":{"url":"print","name":"Print","description":"This demo sample shows how to print the content of the JavaScript rich text editor (HTML editor) with styles and formatting using the print module.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","toolbarSettings","print","appendTo"],"ToolbarSettings":["items"]},"uid":"0017176","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"0017177":{"url":"ajax-load","name":"Ajax Content","description":"This demo shows how to load the content to the editor from external sources like external pages andfiles using the AJAX library in JavaScript WYSIWYG Editor.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","value","appendTo"]},"uid":"0017177","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"0017178":{"url":"form-validation","name":"Form Validation","description":"This demo shows how to validate the content of the JS WYSIWYG editor using obtrusive validation with the Form validation library.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","showCharCount","maxLength","placeholder","appendTo"]},"uid":"0017178","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"0017179":{"url":"resize-editor","name":"Resizable Editor","description":"This demo explains how to render a resizable JavaScript Editor that allows resizing an editor and viewing its content with an enlarging or shrunk scale.","category":"Rich Text Editor","api":{"RichTextEditor":["enableResize","appendTo"]},"uid":"0017179","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"00171710":{"url":"api","name":"API","description":"This demo covers important APIs of the JavaScript rich text editor such as content length, HTML encoding, read-only, retrieve the selected content, and more.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","showCharCount","maxLength","appendTo","readonly","enabled","enableHtmlEncode","value","getSelection","selectAll"]},"uid":"00171710","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"00171711":{"url":"client-side-events","name":"Events","description":"This demo explains client-side events of JavaScript HTML Text Editor that is triggered on editing and formatting operations with an event tracer.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","toolbarSettings","created","actionBegin","actionComplete","focus","blur","change","toolbarClick","appendTo"],"ToolbarSettings":["items"]},"uid":"00171711","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"00171712":{"url":"blog-posting","name":"Use Case","description":"The Rich Text Editor is used in most real-time applications. The html5 rich text editor example shows how to design a forum application in JS application.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","placeholder","value","dataBind","refresh","appendTo"]},"uid":"00171712","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"00171713":{"url":"auto-save","name":"Auto Save","description":"This demo shows how to autosave the content of the editor with customized time intervals and retrieve the saved content in JS Rich Text Editor.","category":"Rich Text Editor","api":{"RichTextEditor":["Inject","placeholder","enablePersistance","saveInterval","toolbarSettings","appendTo"]},"uid":"00171713","order":0,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"00171714":{"url":"types","name":"Type","description":"This demo demonstrates different types and behaviors of a toolbar used in the JS HTML Editor such as expand/collapse, multirow, and floating.","category":"Toolbar","api":{"RichTextEditor":["Inject","floatingToolbarOffset","toolbarSettings","actionBegin","actionComplete","dataBind","appendTo"],"ToolbarSettings":["items","type","enableFloating"]},"uid":"00171714","order":1,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"00171715":{"url":"insert-emoticons","name":"Insert Emoticons","description":"This demo demonstrates how to insert emoticons into the rich content in JS WYSIWYG HTML Editor using a custom tool in the editor toolbar.","category":"Custom Tool","api":{"RichTextEditor":["Inject","toolbarSettings","value","created","appendTo"],"ToolbarSettings":["items"]},"uid":"00171715","order":2,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"00171716":{"url":"insert-special-characters","name":"Insert Special Characters","description":"The demo demonstrates how to add special characters or symbols into the rich content in JS Rich Text Editor using a custom toolbar command.","category":"Custom Tool","api":{"RichTextEditor":["Inject","toolbarSettings","value","created","appendTo"],"ToolbarSettings":["items"]},"uid":"00171716","order":2,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"00171717":{"url":"markdown-editor","name":"Overview","description":"This demo for Syncfusion JavaScript rich text editor control shows the markdown editing in the rich text editor with complete features.","category":"Markdown","api":{"RichTextEditor":["Inject","toolbarSettings","height","created","disableToolbarItem","enableToolbarItem","editorMode","appendTo"],"ToolbarSettings":["items"]},"uid":"00171717","order":3,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"00171718":{"url":"markdown-editor-preview","name":"Preview","description":"This demo covers all supported features and functionalities of the JavaScript Markdown editor, which is another mode of the JavaScript Rich Text Editor.","category":"Markdown","api":{"RichTextEditor":["Inject","toolbarSettings","height","created","disableToolbarItem","enableToolbarItem","editorMode","actionBegin","appendTo"],"ToolbarSettings":["items"]},"uid":"00171718","order":3,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"00171719":{"url":"markdown-editor-custom-format","name":"Custom Format","description":"This demo explains how to convert markdown content (with the custom format) to valid HTML markup using Markdown-to-HTML of the markdown parser in JavaScript.","category":"Markdown","api":{"RichTextEditor":["Inject","toolbarSettings","height","created","disableToolbarItem","enableToolbarItem","editorMode","formatter","appendTo"],"ToolbarSettings":["items"]},"uid":"00171719","order":3,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"00171720":{"url":"tribute","name":"Tribute JS","description":"This demo shows how to integrate Mention library like Tribute JS within the JavaScript HTML text editor to get the autocomplete popup with a suggestion list.","category":"Third-parties Integration","api":{"RichTextEditor":["placeholder","appendTo"]},"uid":"00171720","order":4,"component":"Rich Text Editor","dir":"rich-text-editor","parentId":"017"},"0018180":{"url":"default","name":"Default Functionalities","category":"DocumentEditor","description":"The Document Editor component in JavaScript platform is used to create, edit, view, and print Word documents in web applications.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018180","order":0,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"0018181":{"url":"character-formatting","name":"Character Formatting","category":"Editing Features","description":"The Document Editor supports character formatting such as bold, italic, underline, subscript, superscript, font color, and more in JavaScript platform.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018181","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"0018182":{"url":"paragraph-formatting","name":"Paragraph Formatting","category":"Editing Features","description":"The Document Editor supports paragraph formatting such as indentation, paragraph spacing, line spacing, and text alignment in JavaScript platform.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018182","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"0018183":{"url":"styles","name":"Styles","category":"Editing Features","description":"The Document Editor supports both built-in and custom styles for character format and paragraph format.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018183","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"0018184":{"url":"bullets-and-numbering","name":"Bullets and Numbering","category":"Editing Features","description":"The Document Editor supports bullets and numbering. Both single list and multi-level lists can be added.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018184","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"0018185":{"url":"links-and-bookmarks","name":"Hyperlinks and Bookmarks","category":"Editing Features","description":"The Document Editor supports hyperlinks and bookmarks. The link can be a file, mail, webpage, or bookmark.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018185","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"0018186":{"url":"table-formatting","name":"Table Formatting","category":"Editing Features","description":"The Document Editor supports table formatting such as cell margins, cell spacing, horizontal merge, vertical merge, border styles, background color, and more.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018186","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"0018187":{"url":"section-formatting","name":"Section Formatting","category":"Editing Features","description":"The Document Editor supports section formatting such as page size, page margins, header distance, and footer distance.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018187","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"0018188":{"url":"headers-and-footers","name":"Headers and Footers","category":"Editing Features","description":"The Document Editor supports headers and footers. Different headers and footers can be added to the first page, odd pages, and even pages.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018188","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"0018189":{"url":"table-of-contents","name":"Table of Contents","category":"Editing Features","description":"The Document Editor supports table of contents with options for including hyperlink, page number, right-aligned tabs, and styles.","api":{"DocumentEditor":["isReadOnly","enableAllModules","acceptTab","documentName","pageOutline","selection","editor","editorHistory","enableLocalPaste","pageCount","zoomFactor","documentChange","viewChange","selectionChange","requestNavigate","contentChange","open","print","openBlank","focusIn","save","showDialog","showOptionsPane","fitPage","getStyleNames","resize"],"Selection":["contextType","characterFormat","paragraphFormat","sectionFormat","cellFormat","imageFormat","goToPage","goToHeader","goToFooter","closeHeaderFooter"],"SelectionCharacterFormat":["bold","italic","underline","fontFamily","fontSize","fontColor","highlightColor","strikethrough","baselineAlignment"],"SelectionParagraphFormat":["textAlignment","lineSpacing","styleName"],"SelectionSectionFormat":["differentFirstPage","differentOddAndEvenPages","headerDistance","footerDistance"],"SelectionCellFormat":["topMargin","bottomMargin","leftMargin","rightMargin","verticalAlignment","background"],"SelectionImageFormat":["width","height","resize"],"Editor":["insertImage","toggleBold","toggleItalic","toggleUnderline","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleTextAlignment","increaseIndent","decreaseIndent","applyNumbering","applyBullet","applyStyle","clearList","clearFormatting","canMergeCells","mergeCells","applyBorders","insertPageNumber","insertTableOfContents","insertRow","insertColumn","deleteRow","deleteColumn"],"EditorHistory":["undo","redo","canUndo","canRedo"]},"uid":"0018189","order":1,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"00181810":{"url":"print","name":"Print","category":"Print","description":"The Document Editor component in JavaScript is used to view and print Word documents in web applications by injecting only the modules that are necessary.","api":{"DocumentEditor":["enablePrint","documentName","pageOutline","scrollToPage","viewChange","documentChange","zoomFactorChange"]},"uid":"00181810","order":2,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"00181811":{"url":"right-to-left","name":"Right To Left","category":"RTL","description":"The Document Editor supports right to left for users who use right-to-left languages (Arabic, Hebrew, Urdu, etc.).","api":{"DocumentEditor":["enableRtl"]},"uid":"00181811","order":3,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"00181812":{"url":"custom-context-menu","name":"Custom Context Menu","category":"Customization","description":"The Document Editor supports custom options for users who use to add custom options in context menu.","api":{"ContextMenu":["addCustomMenu","customContextMenuSelect","customContextMenuBeforeOpen"]},"uid":"00181812","order":4,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"00181813":{"url":"auto-save","name":"Auto Save","category":"Customization","description":"The Document Editor supports auto save functionality to let the users for saving the documents automatically at customized time interval.","uid":"00181813","order":4,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"00181814":{"url":"chart","name":"Chart Preservation","category":"Charts","description":"The Document Editor supports chart preservation for users who use to view their business reports with intuitive graphical data visualization.","uid":"00181814","order":5,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"00181815":{"url":"document-protection","name":"Document Protection","category":"Security","description":"The Document Editor provides document protection supports to restrict the types of changes can be made to the document by a user/user group.","uid":"00181815","order":6,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"00181816":{"url":"comments","name":"Comments","category":"Review","type":"new","description":"The Document Editor component supports add and edit comments in a Word document for comment discussion.","uid":"00181816","order":7,"component":"DocumentEditor","dir":"document-editor","parentId":"018","hideOnDevice":true},"0019190":{"url":"default","name":"Default Functionalities","category":"Chips","description":"This sample demonstrates functionalities of Chips with different types. Click and interact the chip, to select single or multiple chips from collection.","uid":"0019190","order":0,"component":"Chips","dir":"chips","parentId":"019"},"0019191":{"url":"api","name":"API","category":"Chips","description":"This sample demonstrates common API of chip control. Select any combination of properties from the property pane to customize the appearance of chip.","uid":"0019191","order":0,"component":"Chips","dir":"chips","parentId":"019"},"0020200":{"url":"default","name":"Default Functionalities","category":"Button","ftName":"button","api":{"Button":["isPrimary","cssClass","iconCss","isToggle","iconPosition","content"]},"description":"This example demonstrates the types (flat, toogle, outline, round), sizes and styles (primary, success, info, warning) of the Syncfusion Javascript button.","uid":"0020200","order":0,"component":"Button","dir":"button","parentId":"020"},"0020201":{"url":"button-group","name":"Button Group","category":"Button","ftName":"button-group","description":"This example demonstrates the behaviors (default, checkbox, radio) of the Syncfusion Javascript ButtonGroup.","uid":"0020201","order":0,"component":"Button","dir":"button","parentId":"020"},"0020202":{"url":"checkbox","name":"Checkbox","category":"Button","ftName":"checkbox","api":{"CheckBox":["label","checked","indeterminate","disabled","change"]},"description":"This example demonstrates the three different states (checked, unchecked, indeterminate) of the Syncfusion Javascript CheckBox.","uid":"0020202","order":0,"component":"Button","dir":"button","parentId":"020"},"0020203":{"url":"radio-button","name":"Radio Button","category":"Button","ftName":"radio-button","api":{"RadioButton":["label","name","value","checked"]},"description":"This example demonstrates the group functionality of the Syncfusion Javascript RadioButton with checked and unchecked states.","uid":"0020203","order":0,"component":"Button","dir":"button","parentId":"020"},"0020204":{"url":"dropdown-button","name":"Dropdown Menu","category":"Button","ftName":"dropdown-menu","api":{"DropDownButton":["items","cssClass","iconCss"]},"description":"This example demonstrates the usecases of the Syncfusion Javascript DropDownButton with icons, text and separator in popup action items.","uid":"0020204","order":0,"component":"Button","dir":"button","parentId":"020"},"0020205":{"url":"split-button","name":"Split Button","category":"Button","ftName":"split-button","api":{"SplitButton":["items","content","iconCss","beforeItemRender"]},"description":"This example demonstrates the usecases of the Syncfusion Javascript SplitButton with icons and text in primary splitbutton.","uid":"0020205","order":0,"component":"Button","dir":"button","parentId":"020"},"0020206":{"url":"switch","name":"Switch","category":"Button","ftName":"toggle-switch-button","api":{"Switch":["checked","disabled"]},"description":"This example demonstrates the toggle states (checked, unchecked) of the Syncfusion Javascript Switch.","uid":"0020206","order":0,"component":"Button","dir":"button","parentId":"020"},"0020207":{"url":"progress-button","name":"Progress Button","category":"Button","ftName":"progress-button","api":{"ProgressButton":["content","iconCss","cssClass","duration","disabled","isPrimary","enableProgress","end","begin","spinSettings","animationSettings"]},"description":"This example demonstrates the different functionalities of the Syncfusion Javascript ProgressButton with spinner and progress indicator.","uid":"0020207","order":0,"component":"Button","dir":"button","parentId":"020"},"0021210":{"url":"default","name":"Overview","category":"In-place Editor","description":"This sample demonstrates the default behavior of the In-place Editor control, which works by editing the values in inline and popup in TypeScript platform.","api":{"In-place Editor":["mode","type","value","showButtons","disabled"]},"uid":"0021210","order":0,"component":"In-place Editor","dir":"inplace-editor","parentId":"021"},"0021211":{"url":"dropdowns","name":"DropDown Controls","category":"In-place Editor","description":"This sample demonstrates the usage of dropdown controls such as Autocomplete, ComboBox, DropDownList, and MultiSelect in TypeScript platform.","api":{"In-place Editor":["mode","type","value","enableEditMode","model"]},"uid":"0021211","order":0,"component":"In-place Editor","dir":"inplace-editor","parentId":"021"},"0021212":{"url":"pickers","name":"Date Controls","category":"In-place Editor","description":"This sample demonstrates the usage of picker controls such as Date, Time, DateTime, and DateRange in TypeScript platform.","api":{"In-place Editor":["mode","type","value","enableEditMode","model"]},"uid":"0021212","order":0,"component":"In-place Editor","dir":"inplace-editor","parentId":"021"},"0021213":{"url":"edit-post","name":"Edit Post","category":"Use Case","description":"This sample demonstrates the usage of In-place Editor control with a form element in TypeScript platform. Edit the values in place to update to the post.","api":{"In-place Editor":["mode","type","value"]},"uid":"0021213","order":1,"component":"In-place Editor","dir":"inplace-editor","parentId":"021"},"0022220":{"url":"default","name":"Default Functionalities","category":"Scheduler","description":"This demo shows how the Scheduler control functionalities work with the default set of minimal configurations in a JavaScript application.","api":{"Schedule":["height","eventSettings","selectedDate"]},"uid":"0022220","order":0,"component":"Scheduler","dir":"schedule","parentId":"022"},"0022221":{"url":"local-data","name":"Local Data","category":"Data Binding","description":"This demo shows how to populate appointments in the JavaScript Scheduler through local data sources like JSON data types with the proper date format.","api":{"Schedule":["eventSettings","selectedDate"]},"uid":"0022221","order":1,"component":"Scheduler","dir":"schedule","parentId":"022"},"0022222":{"url":"remote-data","name":"Remote Data","category":"Data Binding","description":"This demo shows how to populate appointments or events in the JS Scheduler through remote data sources such as web services, web API, URL, and OData.","api":{"Schedule":["eventSettings","selectedDate"]},"uid":"0022222","order":1,"component":"Scheduler","dir":"schedule","parentId":"022"},"0022223":{"url":"calendar-integration","name":"Sync Google Calendar","category":"Data Binding","description":"This example shows how to synchronously work with JavaScript Scheduler and Google Calendar by converting Scheduler events to the required format.","api":{"Schedule":["eventSettings","dataBinding","selectedDate"]},"uid":"0022223","order":1,"component":"Scheduler","dir":"schedule","parentId":"022"},"0022224":{"url":"recurrence-events","name":"Recurring Events","category":"Appointments","description":"This demo shows how to define recurring events (appointments) with different patterns and rules that meet iCalendar specifications in the JS Scheduler.","api":{"Schedule":["width","height","currentView","selectedDate","eventSettings"]},"uid":"0022224","order":2,"component":"Scheduler","dir":"schedule","parentId":"022"},"0022225":{"url":"block-events","name":"Blocking Dates and Time","category":"Appointments","description":"This example shows how to block specific days or time intervals on the JS Scheduler that helps to mark unavailable time or days in Calendar.","api":{"Schedule":["width","height","currentView","selectedDate","eventSettings"]},"uid":"0022225","order":2,"component":"Scheduler","dir":"schedule","parentId":"022"},"0022226":{"url":"search-events","name":"Search Events","category":"Appointments","description":"This example shows how to filter the appointments or events of the JS Scheduler based on a search string in a particular field or all fields.","api":{"Schedule":["width","height","currentView","selectedDate","eventSettings"]},"uid":"0022226","order":2,"component":"Scheduler","dir":"schedule","parentId":"022"},"0022227":{"url":"timezone","name":"Timezone","category":"Appointments","description":"This demo shows how the JavaScript Scheduler works with different time zones. The events in the Scheduler automatically adapt to the selected time zone.","api":{"Schedule":["timezone","selectedDate","eventSettings","eventRendered"]},"uid":"0022227","order":2,"component":"Scheduler","dir":"schedule","parentId":"022"},"0022228":{"url":"external-drag-drop","name":"External Drag and Drop","category":"Appointments","description":"This demo shows the ability to drag and drop appointments from an external source (such as the DataGrid, ListView, etc.) into the JavaScript Scheduler.","api":{"Schedule":["currentView","eventSettings","resourceHeaderTemplate","cssClass","workHours","views","group","resources","actionBegin"]},"uid":"0022228","order":2,"component":"Scheduler","dir":"schedule","parentId":"022"},"0022229":{"url":"virtual-scrolling","name":"Virtual Scrolling ","category":"Scrolling","description":"This example illustrates how to achieve high performance in the JavaScript Scheduler using virtual scrolling to load resources and events on demand.","api":{"Schedule":["views","group","resources","eventSettings"]},"uid":"0022229","order":3,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222210":{"url":"views","name":"Basic Views","category":"Views","description":"This example demonstrates the basic views (day, week, workweek, and month) of the JavaScript Scheduler control with their default configurations.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00222210","order":4,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222211":{"url":"timeline","name":"Timeline Views","category":"Views","description":"This example presents timeline views (day, week, workweek, and month) of the JavaScript Scheduler with their default configurations.","api":{"Schedule":["height","eventSettings","selectedDate"]},"uid":"00222211","order":4,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222212":{"url":"agenda","name":"Agenda View","category":"Views","description":"This demo shows the agenda view of the JS Schedule that displays events as a list with virtual scrolling, with a number of initially loaded days.","api":{"Schedule":["agendaDaysCount","hideEmptyAgendaDays","currentView","views","eventSettings","selectedDate"]},"uid":"00222212","order":4,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222213":{"url":"month-agenda","name":"Month Agenda View","category":"Views","description":"This demo presents the JavaScript Scheduler month-agenda view, which follows the month-view layout while displaying events for a selected date.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00222213","order":4,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222214":{"url":"year","name":"Year View","category":"Views","description":"This example presents a year view of the JS Scheduler that displays appointments or events for an entire year with a horizontal or vertical layout.","api":{"Schedule":["views","eventSettings"]},"uid":"00222214","order":4,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222215":{"url":"views-configuration","name":"Individual View Settings","category":"Views","description":"This demo shows how to configure different settings for each view in the JS Scheduler, like applying event templates to the month view alone.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00222215","order":4,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222216":{"url":"extended-views","name":"View Intervals","category":"Views","description":"This demo shows how to design own custom views like 3 days, 2 weeks, 4 months apart from the default day, work week, month in JS Event Scheduler.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00222216","order":4,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222217":{"url":"timeline-resources","name":"Room Scheduler","category":"Multiple Resources","description":"This demo shows how to design a meeting room calendar, conference room calendar, and cabin room manager using our JavaScript event calendar control.","api":{"Schedule":["currentView","views","selectedDate","resourceHeaderTemplate","eventSettings"]},"uid":"00222217","order":5,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222218":{"url":"resources","name":"Fare Calendar","category":"Multiple Resources","description":"This demo is a real-time airfare calendar showcase application with flight and airfare details using the JavaScript Scheduler control.","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00222218","order":5,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222219":{"url":"resource","name":"Resources","category":"Multiple Resources","description":"This JavaScript Scheduler control example depicts how to show or hide appointments or events based on selected resources among multiple resources.","api":{"Schedule":["width","height","currentView","selectedDate","eventSettings"]},"uid":"00222219","order":5,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222220":{"url":"group-editing","name":"Shared Events","category":"Multiple Resources","description":"This demo presents event (appointment) sharing, which enables a single event to be shared by multiple resources in the JS Scheduler event calendar.","api":{"Schedule":["resourceHeaderTemplate","group","resources","eventSettings"]},"uid":"00222220","order":5,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222221":{"url":"group-custom-work-days","name":"Different Work Days","category":"Multiple Resources","description":"This demo shows how to set different workdays for each resource in a group to build a doctor availability application in the JS event calendar.","api":{"Schedule":["resourceHeaderTemplate","group","resources","eventSettings"]},"uid":"00222221","order":5,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222222":{"url":"add-remove-resources","name":"Show/Hide Resources","category":"Multiple Resources","description":"This demo shows how to dynamically add or remove resources from the JavaScript Scheduler layout along with their appointments (events).","api":{"Schedule":["currentView","views","selectedDate","eventSettings"]},"uid":"00222222","order":5,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222223":{"url":"adaptive-rows","name":"Row Auto Height","category":"Multiple Resources","description":"This demo shows how the work cells of the JS Scheduler adjust their height automatically based on the number of events present in those time ranges.","api":{"Schedule":["rowAutoHeight","currentView","views","selectedDate","eventSettings"]},"uid":"00222223","order":5,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222224":{"url":"resource-grouping","name":"Horizontal Grouping","category":"Resource Grouping","description":"This demo shows how to group multiple resources (e.g., airlines) in the JS Scheduler. The resource header can be customized using a template.","api":{"Schedule":["resourceHeaderTemplate","group","resources","eventSettings"]},"uid":"00222224","order":6,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222225":{"url":"timeline-resource-grouping","name":"Timeline Grouping","category":"Resource Grouping","description":"This demo shows how to group multiple resources with timeline views in the JS Schedule and how to display resources with expanded and collapsed headers.","api":{"Schedule":["group","resources","eventSettings"]},"uid":"00222225","order":6,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222226":{"url":"group-by-date","name":"Date-wise Grouping ","category":"Resource Grouping","description":"This demo shows how to group multiple resources by date in the JS Scheduler. The resource row is rendered under each date in the header.","api":{"Schedule":["group","resources","eventSettings"]},"uid":"00222226","order":6,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222227":{"url":"group-by-child","name":"Hierarchical Grouping ","category":"Resource Grouping","description":"This demo shows how to group resources in a hierarchical structure for parent-child resources in the JavaScript Scheduler control.","api":{"Schedule":["startHour","endHour","group","resources","eventSettings"]},"uid":"00222227","order":6,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222228":{"url":"cell-template","name":"Cell","category":"Templates","description":"This demo shows how to customize the default appearance of work cells with images, links, and coloring styles using cell templates in the JS Scheduler.","api":{"Schedule":["width","height","cellTemplate","views","eventSettings","selectedDate"]},"uid":"00222228","order":7,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222229":{"url":"date-header-template","name":"Date Header","category":"Templates","description":"This demo shows how to customize the default appearance of date header cells with images and links using the template option in the JS Scheduler.","api":{"Schedule":["cssClass","dateHeaderTemplate","eventSettings","eventRendered","renderCell"]},"uid":"00222229","order":7,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222230":{"url":"event-template","name":"Events","category":"Templates","description":"This demo shows how to customize the look and feel of appointments (events) in the JS Shceduler with images and links by using an event template.","api":{"Schedule":["width","height","cellTemplate","views","eventSettings","selectedDate"]},"uid":"00222230","order":7,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222231":{"url":"tooltip","name":"Tooltip","category":"Templates","description":"This demo shows how to enable tooltips (popovers) in JavaScript Scheduler appointments (events) and customize them using a tooltip template.","api":{"Schedule":["width","height","eventSettings","selectedDate"]},"uid":"00222231","order":7,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222232":{"url":"editor-validation","name":"Field Validation","category":"Editor Window","description":"This demo covers the Appointment field validation that adds default and custom validation rules to the editor fields of the JavaScript Scheduler.","api":{"Schedule":["width","height","eventSettings","selectedDate"]},"uid":"00222232","order":8,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222233":{"url":"editor-custom-field","name":"Additional Fields","category":"Editor Window","description":"This demo shows how to customize appointment editor (event window) with additional fields using pop-up open events in the JavaScript event calendar.","api":{"Schedule":["selectedDate","eventSettings","popupOpen"]},"uid":"00222233","order":8,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222234":{"url":"editor-template","name":"Editor Template","category":"Editor Window","description":"This demo shows how to design custom appointment (event) editor windows by adding or removing fields from the JavaScript Scheduler appointment window.","api":{"Schedule":["editorTemplate","showQuickInfo","eventRendered","popupOpen","actionBegin"]},"uid":"00222234","order":8,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222235":{"url":"header-rows","name":"Header Rows","category":"Customization","description":"This demo shows how to include additional header rows like week number and month number on the timeline view in the JS event calendar.","api":{"Schedule":["height","eventSettings","selectedDate","headerRows"]},"uid":"00222235","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222236":{"url":"time-scale","name":"Timescale","category":"Customization","description":"This demo shows how to customize the default timescale with interval, show/hide gridlines, slots count, and template in JavaScript Scheduler.","api":{"Schedule":["height","width","views","timeScale"]},"uid":"00222236","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222237":{"url":"context-menu","name":"Context Menu","category":"Customization","description":"This example shows how to integrate the context menu within the JavaScript Scheduler and control the related functionalities using menu options.","api":{"Schedule":["width","height","eventSettings","selectedDate"]},"uid":"00222237","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222238":{"url":"header-bar","name":"Header Bar","category":"Customization","description":"This demo shows how to use templating to customize the header bar of the JavaScript Scheduler with images, links, styles, and other UI controls.","api":{"Schedule":["width","height","workHours","views","eventSettings","selectedDate"]},"uid":"00222238","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222239":{"url":"scroll-to","name":"Scroll Time","category":"Customization","description":"This example demonstrates how to scroll to a specific time programmatically based on the selected time in the JavaScript Scheduler control.","api":{"Schedule":["width","height","eventSettings","eventRendered","scrollTo"]},"uid":"00222239","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222240":{"url":"work-days","name":"Work Days","category":"Customization","description":"This demo shows how to customize the workdays and the first day of the week to fit different work schedules in the JavaScript Scheduler.","api":{"Schedule":["workDays","views","eventSettings","selectedDate"]},"uid":"00222240","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222241":{"url":"hide-weekend","name":"Hide Non-Working Days","category":"Customization","description":"This demo shows how to show or hide weekend days in the JS Scheduler, which is similar to the workweek view, but with customizable workdays.","api":{"Schedule":["showWeekend"]},"uid":"00222241","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222242":{"url":"work-hour","name":"Work Hours","category":"Customization","description":"This demo shows how to customize the work hour range on the JS Scheduler calendar, allowing business hours other than 9 AM to 6 PM.","api":{"Schedule":["workHours","views","eventSettings","selectedDate"]},"uid":"00222242","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222243":{"url":"start-end-hour","name":"Day Hour Limit","category":"Customization","description":"This demo shows how to limit the start and end hours in the JS Scheduler which is applicable for all views and used here to render business hours only.","api":{"Schedule":["startHour","endHour","workHours","eventRendered"]},"uid":"00222243","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222244":{"url":"cell-dimension","name":"Cell Dimension","category":"Customization","description":"This demo shows how to change the default width and height of work cells, allowing the JS Scheduler to be viewable zoomed in or zoomed out.","api":{"Schedule":["cssClass","showTimeIndicator","eventRendered","created","actionComplete"]},"uid":"00222244","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222245":{"url":"read-only-events","name":"Read-only Events","category":"Customization","description":"This demo shows how to make specific events in the JavaScript Scheduler read-only, making them viewable but not editable by end users.","api":{"Schedule":["eventSettings","eventRendered","eventClick","popupOpen","eventRendered"]},"uid":"00222245","order":9,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222246":{"url":"excel-export","name":"Excel Exporting","category":"Exporting","description":"This example demonstrates how to export JavaScript Scheduler events (appointments) to the Microsoft Excel file format on the client side.","api":{"Schedule":["height","eventSettings","selectedDate"]},"uid":"00222246","order":10,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222247":{"url":"calendar-export-import","name":"Export and Import ICS","category":"Exporting","description":"This demo shows how to handle exporting to ICS and importing from ICS in the JS Scheduler. The ICS file must come from Google Calendar or MS Outlook.","api":{"Schedule":["importICalendar","exportToICalendar"]},"uid":"00222247","order":10,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222248":{"url":"print","name":"Print","category":"Exporting","description":"This sample demonstrates how to print all the appointments (events) in the JavaScript Scheduler on the client side using the Print Library.","api":{"Schedule":["height","eventSettings","selectedDate"]},"uid":"00222248","order":10,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222249":{"url":"recurrence-editor-generate-rule","name":"Rule Generator","category":"Recurrence Editor","description":"This demo showcases how to generate various recurrence pattern rules, such as daily, weekly, monthly, and yearly, using the Recurrence Editor.","uid":"00222249","order":11,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222250":{"url":"recurrence-editor-populate-rule","name":"Populate Rule","category":"Recurrence Editor","description":"This demo shows how to populate a predefined set of recurrence rules in the Recurrence Editor fields to help users create recurring events.","uid":"00222250","order":11,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222251":{"url":"keyboard-interaction","name":"Keyboard Interaction","category":"Miscellaneous","description":"This demo showcases all the available keyboard shortcuts that help users perform actions using only the keyboard in the JavaScript Scheduler control.","api":{"Schedule":["width","height","eventSettings","selectedDate","allowKeyboardInteraction"]},"uid":"00222251","order":12,"component":"Scheduler","dir":"schedule","parentId":"022"},"00222252":{"url":"events","name":"Events","category":"Miscellaneous","description":"This demo lists the client-side events triggered on JavaScript Scheduler actions in the Event Tracer. The Event Tracer also includes a Clear option.","api":{"Schedule":["width","height","eventSettings","eventRendered","created","actionBegin","actionComplete","actionFailure","cellClick","cellDoubleClick","destroyed","navigating","eventClick","popupOpen"]},"uid":"00222252","order":12,"component":"Scheduler","dir":"schedule","parentId":"022"},"0023230":{"url":"default","name":"Default Functionalities","category":"Gantt","api":{"Gantt":["dataSource","taskFields","height","highlightWeekends","eventMarkers","labelSettings"]},"description":"This example demonstrates the simple Gantt chart with summary task, child tasks, milestone tasks, dependencies with event markers of project","uid":"0023230","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},"0023231":{"url":"local-data","name":"Local Data","category":"Data Binding","api":{"Gantt":["dataSource","height","taskFields","columns","treeColumnIndex","allowSelection","highlightWeekends","labelSettings","projectStartDate","projectEndDate"]},"description":"This example demonstrates the way of binding local data to Gantt chart with an array of JavaScript objects.","uid":"0023231","order":1,"component":"Gantt","dir":"gantt","parentId":"023"},"0023232":{"url":"remote-data","name":"Remote Data","category":"Data Binding","api":{"Gantt":["dataSource","height","taskFields","columns","treeColumnIndex","allowSelection","gridLines","highlightWeekends","timelineSettings","labelSettings","includeWeekend","projectStartDate","projectEndDate"]},"description":"This sample demonstrates the way of binding data to Gantt chart with remote service. The Gantt chart data source is bound to remote data using DataManager.","uid":"0023232","order":1,"component":"Gantt","dir":"gantt","parentId":"023"},"0023233":{"url":"self-reference-data","name":"Self Reference Data","category":"Data Binding","api":{"Gantt":["dataSource","height","taskFields","columns","treeColumnIndex","allowSelection","highlightWeekends","labelSettings","projectStartDate","projectEndDate"]},"description":"This example demonstrates the way of binding self-referential flat data with parentID to the Gantt chart.","uid":"0023233","order":1,"component":"Gantt","dir":"gantt","parentId":"023"},"0023234":{"url":"work-week","name":"Workweek","category":"Scheduling Concepts","api":{"Gantt":["dataSource","taskFields","height","highlightWeekends","workWeek","labelSettings"]},"description":"This sample demonstrates the way to bind the customizable array of working days in a week for project.","uid":"0023234","order":2,"component":"Gantt","dir":"gantt","parentId":"023"},"0023235":{"url":"working-time-range","name":"Working Time Range","category":"Scheduling Concepts","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","projectStartDate","projectEndDate","highlightWeekends","timelineSettings","dayWorkingTime"]},"description":"This example demonstrates how to customize the working time of a day for the whole project. We can define working time in different intervals.","uid":"0023235","order":2,"component":"Gantt","dir":"gantt","parentId":"023"},"0023236":{"url":"holidays","name":"Holidays","category":"Scheduling Concepts","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","projectStartDate","projectEndDate","holidays"]},"description":"This example demonstrates how to define holidays in the project, which should be considered while calculating the duration and on rendering taskbars.","uid":"0023236","order":2,"component":"Gantt","dir":"gantt","parentId":"023"},"0023237":{"url":"resources","name":"Resource Allocation","category":"Scheduling Concepts","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","projectStartDate","projectEndDate","resourceIDMapping","resourceNameMapping","resources","resourceInfo"]},"description":"This example demonstrates how to allocate available resources to the task based on their skills and availability","uid":"0023237","order":2,"component":"Gantt","dir":"gantt","parentId":"023"},"0023238":{"url":"event-markers","name":"Event Markers","category":"Scheduling Concepts","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","projectStartDate","projectEndDate","eventMarkers"]},"description":"This example demonstrates how to highlight the different stages in the project development cycle just like bookmark.","uid":"0023238","order":2,"component":"Gantt","dir":"gantt","parentId":"023"},"0023239":{"url":"indicators","name":"Indicators","category":"Scheduling Concepts","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","projectStartDate","projectEndDate","indicators"]},"description":"This example demonstrates how to highlight some important details of tasks on specified date in the project with the label and icons.","uid":"0023239","order":2,"component":"Gantt","dir":"gantt","parentId":"023"},"00232310":{"url":"baseline","name":"Baseline","category":"Scheduling Concepts","api":{"Gantt":["dataSource","renderBaseline","taskFields","columns","treeColumnIndex","allowSelection","includeWeekend","timelineSettings","tooltipSettings","durationUnit","dateFormat","dayWorkingTime","height","projectStartDate","projectEndDate"]},"description":"Baselines are enabled to view the deviation between the planned dates of tasks and actual progress of task dates","uid":"00232310","order":2,"component":"Gantt","dir":"gantt","parentId":"023"},"00232311":{"url":"unscheduled-tasks","name":"Unscheduled Tasks","category":"Scheduling Concepts","api":{"Gantt":["dataSource","taskFields","editSettings","toolbar","height","labelSettings","allowUnscheduledTasks","projectStartDate","projectEndDate","toolbarClick","splitterSettings","columns"]},"description":"This example demonstrates the unscheduled tasks in Gantt with custom toolbar item and dynamic add support.","uid":"00232311","order":2,"component":"Gantt","dir":"gantt","parentId":"023"},"00232312":{"url":"timeline","name":"Timeline API","category":"Timeline","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","projectStartDate","projectEndDate","highlightWeekends","resourceNameMapping","resourceIDMapping","resources","timelineSettings","splitterSettings","treeColumnIndex","labelSettings","eventMarkers"]},"description":"This example demonstrates the various timeline mode options and properties available to customize the timeline in Gantt","uid":"00232312","order":3,"component":"Gantt","dir":"gantt","parentId":"023"},"00232313":{"url":"zooming","name":"Zooming","category":"Timeline","api":{"Gantt":["dataSource","taskFields","height","toolbar","labelSettings","projectStartDate","projectEndDate"]},"description":"This example demonstrates the zooming support of the Gantt chart timeline and ZoomToFit support of the Gantt chart.","uid":"00232313","order":3,"component":"Gantt","dir":"gantt","parentId":"023"},"00232314":{"url":"editing","name":"Editing","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","height","taskFields","editSettings","toolbar","columns","treeColumnIndex","allowSelection","gridLines","resourceNameMapping","resourceIDMapping","resources","highlightWeekends","timelineSettings","labelSettings","labelSettings","projectStartDate","projectEndDate"]},"description":"This example demonstrates the cell editing, dialog editing, taskbar editing and dependency editing support in Gantt","uid":"00232314","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},"00232315":{"url":"selection","name":"Selection","category":"Gantt","type":"update","api":{"Gantt":["dataSource","height","taskFields","allowSelection","treeColumnIndex","allowSelection","highlightWeekends","labelSettings","projectStartDate","projectEndDate"]},"description":"This example demonstrates the various selection support of row and cell with different type in Syncfusion Essential JS2 Gantt","uid":"00232315","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},"00232316":{"url":"filtering","name":"Filtering","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","taskFields","columns","treeColumnIndex","height","timelineSettings","labelSettings","toolbar","allowFiltering","includeWeekend","timelineSettings","splitterSettings","durationUnit","dayWorkingTime","projectStartDate","projectEndDate"]},"description":"This example demonstrates the filtering support with filter menu option for various types of columns in Gantt","uid":"00232316","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},"00232317":{"url":"contextMenu","name":"Context Menu","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","height","taskFields","editSettings","toolbar","columns","treeColumnIndex","allowSelection","gridLines","resourceNameMapping","resourceIDMapping","resources","highlightWeekends","timelineSettings","labelSettings","labelSettings","projectStartDate","projectEndDate","enableContextMenu","contextMenuItems"]},"description":"This demo explains the usage of context menu and the default context menu items in Syncfusion Gantt control.","uid":"00232317","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},"00232318":{"url":"exporting","name":"Exporting","category":"Gantt","api":{"Gantt":["dataSource","dateFormat","height","taskFields","toolbar","allowExcelExport","treeColumnIndex","allowSelection","gridLines","resourceNameMapping","resourceIDMapping","resources","highlightWeekends","timelineSettings","labelSettings","projectStartDate","projectEndDate","toolbarClick"]},"description":"This demo explains how to export Gantt content to Excel and CSV documents using the Syncfusion TypeScript Gantt control.","uid":"00232318","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},"00232319":{"url":"events","name":"Events","category":"Gantt","type":"update","api":{"Gantt":["dataSource","height","taskFields","toolbar","treeColumnIndex","allowSelection","highlightWeekends","labelSettings","projectStartDate","projectEndDate","toolbarClick"]},"description":"This demo demonstrates the basic functionalities of the events that are available in the Syncfusion Essential JS2 Gantt.","uid":"00232319","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},"00232320":{"url":"keyboard-interactions","name":"Keyboard Interactions","category":"Gantt","api":{"Gantt":["dataSource","height","taskFields","toolbar","allowKeyboard","columns","editSettings","treeColumnIndex","highlightWeekends","labelSettings","projectStartDate","projectEndDate"]},"description":"This demo demonstrates the key combinations used to perform corresponding Gantt actions in Syncfusion Essential JS2 Gantt.","uid":"00232320","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},"00232321":{"url":"column-menu","name":"Column Menu","category":"Columns","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","allowFiltering","allowSorting","showColumnMenu","height","columns","highlightWeekends","labelSettings","splitterSettings","projectStartDate","projectEndDate"]},"description":"This demo explains the default functionalities of the Column Menu in Syncfusion Essential JS2 Gantt.","uid":"00232321","order":4,"component":"Gantt","dir":"gantt","parentId":"023"},"00232322":{"url":"show-hide-column","name":"Show or Hide Column","category":"Columns","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","columns","highlightWeekends","labelSettings","splitterSettings","projectStartDate","projectEndDate"]},"description":"This demo explains how to hide or show the columns of Gantt dynamically using Syncfusion Essential JS2 Gantt methods.","uid":"00232322","order":4,"component":"Gantt","dir":"gantt","parentId":"023"},"00232323":{"url":"reorder","name":"Column Reorder","category":"Columns","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","allowReordering","height","columns","highlightWeekends","labelSettings","splitterSettings","projectStartDate","projectEndDate"]},"description":"This demo explains how to reorder the columns of Gantt by simple drag and drop of columns using Syncfusion Essential JS2 Gantt.","uid":"00232323","order":4,"component":"Gantt","dir":"gantt","parentId":"023"},"00232324":{"url":"resizing","name":"Column Resize","category":"Columns","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","allowResizing","height","columns","highlightWeekends","labelSettings","splitterSettings","projectStartDate","projectEndDate"]},"description":"This demo explains how to resize the width of the Gantt columns in Syncfusion Essential Javascript 2 Gantt control","uid":"00232324","order":4,"component":"Gantt","dir":"gantt","parentId":"023"},"00232325":{"url":"column-template","name":"Column Template","category":"Columns","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","rowHeight","columns","highlightWeekends","labelSettings","resourceNameMapping","resourceIDMapping","resources","splitterSettings","projectStartDate","projectEndDate"]},"description":"This demo explains how to customize column headers to show additional HTML elements, such as icons, images, etc. in Syncfusion Essential JS2 Gantt control.","uid":"00232325","order":4,"component":"Gantt","dir":"gantt","parentId":"023"},"00232326":{"url":"header-template","name":"Header Template","category":"Columns","api":{"Gantt":["dataSource","taskFields","treeColumnIndex","height","columns","highlightWeekends","labelSettings","resourceNameMapping","resourceIDMapping","resources","splitterSettings","projectStartDate","projectEndDate"]},"description":"This demo explains how to customize column headers to show additional HTML elements, such as icons, images, etc. in Syncfusion Essential JS2 Gantt control.","uid":"00232326","order":4,"component":"Gantt","dir":"gantt","parentId":"023"},"00232327":{"url":"taskbar-template","name":"Taskbar Template","category":"Customization","api":{"Gantt":["dataSource","dateFormat","taskFields","columns","treeColumnIndex","rowHeight","taskbarHeight","dayWorkingTime","durationUnit","eventMarkers","height","taskbarTemplate","milestoneTemplate","projectStartDate","projectEndDate","timelineSettings","splitterSettings","labelSettings","tooltipSettings"]},"description":"This example demonstrates the taskbar template support with child taskbar template, parent taskbar template and milestone template.","uid":"00232327","order":5,"component":"Gantt","dir":"gantt","parentId":"023"},"00232328":{"url":"tasklabel-template","name":"Task Label Template","category":"Customization","api":{"Gantt":["dataSource","taskFields","columns","highlightWeekends","treeColumnIndex","rowHeight","height","resourceNameMapping","resourceIDMapping","resources","projectStartDate","projectEndDate","splitterSettings","labelSettings"]},"description":"This demo explains how to render label template for the left, right, and task labels in Syncfusion Essential JS2 Gantt.","uid":"00232328","order":5,"component":"Gantt","dir":"gantt","parentId":"023"},"00232329":{"url":"tooltip-template","name":"Tooltip Template","category":"Customization","api":{"Gantt":["dataSource","height","taskFields","renderBaseline","treeColumnIndex","columns","resourceNameMapping","resourceIDMapping","resources","highlightWeekends","labelSettings","tooltipSettings","projectStartDate","projectEndDate"]},"description":"This demo explains how to render tooltip template for taskbar and baseline in Syncfusion Essential JS2 Gantt.","uid":"00232329","order":5,"component":"Gantt","dir":"gantt","parentId":"023"},"00232330":{"url":"toolbar-template","name":"Toolbar Template","category":"Customization","api":{"Gantt":["dataSource","height","taskFields","allowFiltering","columns","toolbar","treeColumnIndex","highlightWeekends","labelSettings","projectStartDate","projectEndDate","toolbarClick"]},"description":"This demo explains how to render custom toolbar elements in a toolbar, by which any custom operation can be performed in Syncfusion Essential JS2 Gantt.","uid":"00232330","order":5,"component":"Gantt","dir":"gantt","parentId":"023"},"00232331":{"url":"grid-lines","name":"Grid Lines","category":"Customization","api":{"Gantt":["dataSource","height","taskFields","columns","treeColumnIndex","gridLines","highlightWeekends","labelSettings","projectStartDate","projectEndDate"]},"description":"This demo explains how to customize the grid lines in Gantt by selecting values from dropdown using Syncfusion Essential JS2 Gantt.","uid":"00232331","order":5,"component":"Gantt","dir":"gantt","parentId":"023"},"00232332":{"url":"sorting","name":"Default","category":"Sorting","api":{"Gantt":["dataSource","taskFields","columns","treeColumnIndex","height","labelSettings","splitterSettings","allowSorting","sortSettings","projectStartDate","projectEndDate"]},"description":"This demo demonstrates how to sort multiple columns of Gantt by holding the CTRL key and clicking the column headers of Syncfusion Essential JS2 Gantt.","uid":"00232332","order":6,"component":"Gantt","dir":"gantt","parentId":"023"},"00232333":{"url":"sorting-api","name":"Sorting API","category":"Sorting","api":{"Gantt":["dataSource","taskFields","columns","treeColumnIndex","height","highlightWeekends","allowSorting","labelSettings","projectStartDate","projectEndDate"]},"description":"This demo demonstrates how to sort columns and clear sorted columns dynamically using the sortColumn and clearSorting method of Syncfusion Essential JS2 Gantt.","uid":"00232333","order":6,"component":"Gantt","dir":"gantt","parentId":"023"},"00232334":{"url":"drag-and-drop","name":"Row Drag And Drop","category":"Gantt","type":"new","api":{"Gantt":["dataSource","taskFields","columns","treeColumnIndex","height","highlightWeekends","allowRowDragAndDrop","splitterSettings","labelSettings","projectStartDate","projectEndDate"]},"description":"This demo for Essential JS 2 Gantt control how the rows can be dragged within the gantt using the row drag-and-drop feature.","uid":"00232334","order":0,"component":"Gantt","dir":"gantt","parentId":"023"},"0024240":{"url":"default","name":"Default Functionalities","category":"Calendar","api":{"Calendar":["change"]},"description":"This example demonstrates a simple, mobile-friendly and responsive JavaScript (TypeScript) Calendar to select a date","uid":"0024240","order":0,"component":"Calendar","dir":"calendar","parentId":"024"},"0024241":{"url":"disabled","name":"Disabled Dates","category":"Calendar","api":{"Calendar":["renderDayCell","change"]},"description":"This example demonstrates how to disable the dates like weekends, weekdays and specific dates (past , future and current) in a JavaScript (TypeScript) Calendar","uid":"0024241","order":0,"component":"Calendar","dir":"calendar","parentId":"024"},"0024242":{"url":"date-range","name":"Date Range","category":"Calendar","api":{"Calendar":["min","max","change"]},"description":"This example demonstrates how to disables the specific range of dates (min and max) in a JavaScript (TypeScript) Calendar","uid":"0024242","order":0,"component":"Calendar","dir":"calendar","parentId":"024"},"0024243":{"url":"special-dates","name":"Special Dates","category":"Calendar","api":{"Calendar":["renderDayCell","change"]},"description":"This example demonstrates how to highlight the specific dates like weekends, holidays and special dates in a JavaScript (TypeScript) Calendar","uid":"0024243","order":0,"component":"Calendar","dir":"calendar","parentId":"024"},"0024244":{"url":"multi-selection","name":"Multi Selection","category":"Calendar","api":{"Calendar":["isMultiSelection","values"]},"description":"This example demonstrates how to select the multiple dates (more than one date) in a JavaScript (TypeScript) Calendar","uid":"0024244","order":0,"component":"Calendar","dir":"calendar","parentId":"024"},"0024245":{"url":"month-picker","name":"Month Picker","category":"Calendar","api":{"Calendar":["start","depth"]},"description":"The JavaScript Calendar control can act as a month and year picker. It helps you to select a month or year quickly with all month related properties.","uid":"0024245","order":0,"component":"Calendar","dir":"calendar","parentId":"024"},"0024246":{"url":"islamic-calendar","name":"Islamic Calendar","category":"Calendar","api":{"Calendar":["isMultiSelection","values"]},"uid":"0024246","order":0,"component":"Calendar","dir":"calendar","parentId":"024"},"0025250":{"url":"default","name":"Default Functionalities","category":"DatePicker","api":{"DatePicker":["placeholder"]},"description":"This example demonstrates a simple, mobile-friendly and responsive JavaScript (TypeScript) DatePicker to select a date","uid":"0025250","order":0,"component":"DatePicker","dir":"datepicker","parentId":"025"},"0025251":{"url":"disabled","name":"Disabled Dates","category":"DatePicker","api":{"DatePicker":["placeholder","renderDayCell"]},"description":"This example demonstrates how to disable the dates like weekends, weekdays and specific dates (past, future and current) in a JavaScript (TypeScript) DatePicker","uid":"0025251","order":0,"component":"DatePicker","dir":"datepicker","parentId":"025"},"0025252":{"url":"date-range","name":"Date Range","category":"DatePicker","api":{"DatePicker":["min","max","value","placeholder"]},"description":"DatePicker widget with min and max date options that restrict users from selecting dates within a defined range of days like past dates, future dates, etc","uid":"0025252","order":0,"component":"DatePicker","dir":"datepicker","parentId":"025"},"0025253":{"url":"date-format","name":"Format","category":"DatePicker","api":{"DatePicker":["format","value","placeholder"]},"description":"This example demonstrates how to change the date time format in the input field based on the format in a JavaScript (TypeScript) DatePicker","uid":"0025253","order":0,"component":"DatePicker","dir":"datepicker","parentId":"025"},"0025254":{"url":"special-dates","name":"Special Dates","category":"DatePicker","api":{"DatePicker":["value","placeholder","renderDayCell"]},"description":"DatePicker for TypeScript that highlights multiple dates like weekends, holidays, and special events with options to add custom styles and descriptions","uid":"0025254","order":0,"component":"DatePicker","dir":"datepicker","parentId":"025"},"0025255":{"url":"month-picker","name":"Month Picker","category":"DatePicker","api":{"DatePicker":["start","depth"]},"description":"The JavaScript DatePicker control can act as a month and year picker. It helps you to select a month or year quickly with all months related properties.","uid":"0025255","order":0,"component":"DatePicker","dir":"datepicker","parentId":"025"},"0026260":{"url":"default","name":"Default Functionalities","category":"DateRangePicker","api":{"DateRangePicker":["placeholder"]},"description":"A simple and lightweight DateRangePicker control for JavaScript (TypeScript) with a flexible user interface for selecting a range of dates effortlessly","uid":"0026260","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"026"},"0026261":{"url":"date-range","name":"Date Range","category":"DateRangePicker","api":{"DateRangePicker":["placeholder","min","max"]},"description":"This example demonstrates how to disables the specific range of dates (min and max) in a JavaScript (TypeScript) DateRangePicker","uid":"0026261","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"026"},"0026262":{"url":"day-span","name":"Day Span","category":"DateRangePicker","api":{"DateRangePicker":["placeholder","minDays","maxDays"]},"description":"This example demonstrates how to restrict the users to select the min and max number of days between the selected range of start and end dates","uid":"0026262","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"026"},"0026263":{"url":"presets","name":"Preset Ranges","category":"DateRangePicker","api":{"DateRangePicker":["placeholder","presets"]},"description":"This example demonstrates how to change the date time format in the input field based on the format in a JavaScript (TypeScript) DateRangePicker","uid":"0026263","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"026"},"0026264":{"url":"date-format","name":"Format","category":"DateRangePicker","api":{"DateRangePicker":["format","value"]},"description":"This example demonstrates how to specify the predefined custom date ranges (presets range) like last month, last year and current week in the dropdown popup","uid":"0026264","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"026"},"0026265":{"url":"month-range-picker","name":"Month Range Picker","category":"DateRangePicker","api":{"DateRangePicker":["start","depth"]},"description":"The JavaScript DateRangePicker control can act as a month and year picker. It helps you to select a month or year quickly with all months related properties.","uid":"0026265","order":0,"component":"DateRangePicker","dir":"daterangepicker","parentId":"026"},"0027270":{"url":"default","name":"Default Functionalities","category":"DateTimePicker","api":{"DateTimePicker":[]},"description":"This example demonstrates a simple, mobile-friendly and responsive JavaScript (TypeScript) DateTimePicker to select both a date and time","uid":"0027270","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"027"},"0027271":{"url":"disabled","name":"Disabled Dates","category":"DateTimePicker","api":{"DateTimePicker":["renderDayCell"]},"description":"Customizable DateTimePicker widget for JavaScript (TypeScript) with disabled dates and times that restrict selection for specific date and time durations","uid":"0027271","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"027"},"0027272":{"url":"date-time-range","name":"DateTime Range","category":"DateTimePicker","api":{"DatePicker":["min","max","value"]},"description":"This example demonstrates how to disables the specific range of dates and times (min and max) in a JavaScript (TypeScript) DateTimePicker","uid":"0027272","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"027"},"0027273":{"url":"date-time-format","name":"Format","category":"DateTimePicker","api":{"DateTimePicker":["format","value"]},"description":"Flexible DateTimePicker for JavaScript (TypeScript) with options to customize date and time formats based on the preferred culture for improved readability","uid":"0027273","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"027"},"0027274":{"url":"special-dates","name":"Special Dates","category":"DateTimePicker","api":{"DateTimePicker":["renderDayCell","value"]},"description":"This example demonstrates how to highlight the specific dates and times like weekends, holidays and special dates in a JavaScript (TypeScript) DateTimePicker","uid":"0027274","order":0,"component":"DateTimePicker","dir":"datetimepicker","parentId":"027"},"0028280":{"url":"default","name":"Default Functionalities","category":"TimePicker","api":{"TimePicker":["placeholder"]},"description":"A simple and lightweight TimePicker component for JavaScript (TypeScript) for selecting times that is customizable to fit large-scale applications","uid":"0028280","order":0,"component":"TimePicker","dir":"timepicker","parentId":"028"},"0028281":{"url":"time-range","name":"Time Range","category":"TimePicker","api":{"TimePicker":["placeholder","value","readonly","enabled","min","change"]},"description":"This example demonstrates how to disable the specific range of times(min and max) in a JavaScript (TypeScript) TimePicker","uid":"0028281","order":0,"component":"TimePicker","dir":"timepicker","parentId":"028"},"0028282":{"url":"time-format","name":"Format","category":"TimePicker","api":{"TimePicker":["value","step","format"]},"description":"This example demonstrates how to change the time format in the input field based on the format in a JavaScript (TypeScript) TimePicker","uid":"0028282","order":0,"component":"TimePicker","dir":"timepicker","parentId":"028"},"0028283":{"url":"list-formatting","name":"Time Duration","category":"TimePicker","api":{"TimePicker":["value","itemRender"]},"description":"A simple TimePicker widget for JavaScript (TypeScript) for highlighting a set of time intervals in a pop-up by adding custom styles based on you needs","uid":"0028283","order":0,"component":"TimePicker","dir":"timepicker","parentId":"028"},"0029290":{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of the JavaScript autocomplete control with minimum configuration.","category":"AutoComplete","api":{"AutoComplete":["dataSource","value","placeholder"]},"uid":"0029290","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"029"},"0029291":{"url":"grouping-icon","name":"Grouping and Icons","description":"This example demonstrates how to group based on the different categories with individual header and icon support using the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["fields","placeholder"]},"uid":"0029291","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"029"},"0029292":{"url":"data-binding","name":"Data Binding","description":"This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["dataSource","suggestionCount","query","sortOrder","autofill","filterType","change"]},"uid":"0029292","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"029"},"0029293":{"url":"template","name":"Template","description":"This example demonstrates how to customize the appearance of each item in the JavaScript autocomplete control pop-up list using template.","category":"AutoComplete","api":{"AutoComplete":["dataSource","fields","headerTemplate","itemTemplate","placeholder","popupHeight"]},"uid":"0029293","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"029"},"0029294":{"url":"highlight","name":"Highlight","description":"This example demonstrates how to highlight the searched characters in the suggested list items of the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["dataSource","fields","highlight","placeholder"]},"uid":"0029294","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"029"},"0029295":{"url":"custom-filtering","name":"Custom Filtering","description":"This example demonstrates how to achieve the custom filtering functionalities in the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["dataSource","filtering","fields","placeholder"]},"uid":"0029295","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"029"},"0029296":{"url":"diacritics-filtering","name":"Diacritics Filtering","description":"This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript autocomplete control.","category":"AutoComplete","api":{"AutoComplete":["dataSource","ignoreAccent","placeholder"]},"uid":"0029296","order":0,"component":"AutoComplete","dir":"auto-complete","parentId":"029"},"0030300":{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of the JavaScript combo box control with minimum configuration.","category":"ComboBox","api":{"ComboBox":["popupHeight","index","change","placeholder"]},"uid":"0030300","order":0,"component":"ComboBox","dir":"combo-box","parentId":"030"},"0030301":{"url":"grouping-icon","name":"Grouping and Icons","description":"This example demonstrates how to group based on the different categories with individual header and icon support using the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","placeholder","popupHeight"]},"uid":"0030301","order":0,"component":"ComboBox","dir":"combo-box","parentId":"030"},"0030302":{"url":"data-binding","name":"Data Binding","description":"This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","query","sortOrder","autofill","popupHeight","placeholder"]},"uid":"0030302","order":0,"component":"ComboBox","dir":"combo-box","parentId":"030"},"0030303":{"url":"custom-value","name":"Custom Value","description":"This example demonstrates the addition of a new value that is not present in the predefined list of the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","placeholder","popupHeight","allowFiltering","noRecordsTemplate","filtering","width"]},"uid":"0030303","order":0,"component":"ComboBox","dir":"combo-box","parentId":"030"},"0030304":{"url":"template","name":"Template","description":"This example demonstrates how to customize the appearance of each item in the JavaScript combo box control pop-up list using the template.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","headerTemplate","itemTemplate","placeholder","popupHeight"]},"uid":"0030304","order":0,"component":"ComboBox","dir":"combo-box","parentId":"030"},"0030305":{"url":"filtering","name":"Filtering","description":"This example demonstrates how the filtering functionalities works based on the typed characters in the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","fields","allowFiltering","filtering","placeholder","popupHeight"]},"uid":"0030305","order":0,"component":"ComboBox","dir":"combo-box","parentId":"030"},"0030306":{"url":"cascading","name":"Cascading","description":"This example demonstrates how to create a related combo box (Cascading ComboBox) using the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","allowCustom","fields","change","placeholder","popupHeight","value","enabled"]},"uid":"0030306","order":0,"component":"ComboBox","dir":"combo-box","parentId":"030"},"0030307":{"url":"diacritics-filtering","name":"Diacritics Filtering","description":"This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript combo box control.","category":"ComboBox","api":{"ComboBox":["dataSource","ignoreAccent","placeholder","allowFiltering"]},"uid":"0030307","order":0,"component":"ComboBox","dir":"combo-box","parentId":"030"},"0031310":{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of the JavaScript drop-down list control with minimum configuration.","category":"Dropdown List","api":{"DropDownList":["popupHeight","placeholder","index","change"]},"uid":"0031310","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"031"},"0031311":{"url":"grouping-icon","name":"Grouping and Icons","description":"This example demonstrates how to group based on the different categories with individual header and icon support using JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","popupHeight","placeholder"]},"uid":"0031311","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"031"},"0031312":{"url":"data-binding","name":"Data Binding","description":"This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","query","sortOrder","autofill","popupHeight","placeholder"]},"uid":"0031312","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"031"},"0031313":{"url":"template","name":"Template","description":"This example demonstrates how to customize the appearance of each item in the JavaScript drop-down list control pop-up list using the template.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","headerTemplate","itemTemplate","valueTemplate","popupHeight","placeholder"]},"uid":"0031313","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"031"},"0031314":{"url":"filtering","name":"Filtering","description":"This example demonstrates how the filtering functionalities works based on the typed characters in the JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","allowFiltering","filtering","filterBarPlaceholder","popupHeight","placeholder"]},"uid":"0031314","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"031"},"0031315":{"url":"cascading","name":"Cascading","description":"This example demonstrates how to create a related drop-down list (Cascading DropDownList) using the JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","change","placeholder","popupHeight","value","enabled"]},"uid":"0031315","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"031"},"0031316":{"url":"inline","name":"Inline","description":"This example demonstrates how to render the JavaScript drop-down list control in line with highlighted contents.","category":"Dropdown List","api":{"DropDownList":["dataSource","fields","value"]},"uid":"0031316","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"031"},"0031317":{"url":"diacritics-filtering","name":"Diacritics Filtering","description":"This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript drop-down list control.","category":"Dropdown List","api":{"DropDownList":["dataSource","ignoreAccent","placeholder","allowFiltering"]},"uid":"0031317","order":0,"component":"Dropdown List","dir":"drop-down-list","parentId":"031"},"0032320":{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of the JavaScript multiselect control with minimum configuration.","category":"MultiSelect Dropdown","api":{"MultiSelect":["mode","placeholder"]},"uid":"0032320","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},"0032321":{"url":"data-binding","name":"Data Binding","description":"This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["query","dataSource","fields","sortOrder","placeholder"]},"uid":"0032321","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},"0032322":{"url":"grouping-icon","name":"Grouping","description":"This example demonstrates how to group based on the different categories with individual header and icon support using the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder"]},"uid":"0032322","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},"0032323":{"url":"template","name":"Template","description":"This example demonstrates how to customize the appearance of each item in the JavaScript multiselect control pop-up list using the template.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","headerTemplate","itemTemplate","valueTemplate","mode","placeholder"]},"uid":"0032323","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},"0032324":{"url":"filtering","name":"Filtering","description":"This example demonstrates how the filtering functionalities works based on the typed characters in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["query","dataSource","fields","placeholder","allowFiltering","filtering"]},"uid":"0032324","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},"0032325":{"url":"custom-value","name":"Custom Value","description":"This example demonstrates the addition of a new value that is not present in the predefined list of the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder","mode","allowCustomValue"]},"uid":"0032325","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},"0032326":{"url":"chip-customization","name":"Chip Customization","description":"This example demonstrates how to customize the appearance of the selected chip element in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder","mode","tagging"]},"uid":"0032326","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},"0032327":{"url":"checkbox","name":"CheckBox","description":"This example demonstrates how to select the multiple values through checkbox in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder"]},"uid":"0032327","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},"0032328":{"url":"grouping-with-checkbox","name":"Grouping with CheckBox","description":"This example demonstrates how to select the grouped list item values through checkbox in the JavaScript MultiSelect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder","mode","enableGroupCheckBox"]},"uid":"0032328","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},"0032329":{"url":"selection-limit","name":"Selection Limit","description":"This example demonstrates the maximum selection limit functionalities with checkbox of the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","fields","placeholder","maximumSelectionLength"]},"uid":"0032329","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},"00323210":{"url":"diacritics-filtering","name":"Diacritics Filtering","description":"This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript multiselect control.","category":"MultiSelect Dropdown","api":{"MultiSelect":["dataSource","placeholder","ignoreAccent"]},"uid":"00323210","order":0,"component":"MultiSelect Dropdown","dir":"multi-select","parentId":"032"},"0033330":{"url":"default","name":"Default Functionalities","description":"This example demonstrates the default functionalities of Syncfusion TypeScript ListBox component with minimum configuration.","category":"List Box","api":{"ListBox":["dataSource"]},"uid":"0033330","order":0,"component":"List Box","dir":"list-box","parentId":"033"},"0033331":{"url":"dual-list-box","name":"Dual ListBox","description":"This example demonstrates how to move items between the two list boxes using dual list box functionality.","category":"List Box","api":{"ListBox":["dataSource","fields","scope","toolbarSettings","height"]},"uid":"0033331","order":0,"component":"List Box","dir":"list-box","parentId":"033"},"0033332":{"url":"drag-and-drop","name":"Drag And Drop","description":"This example demonstrates how to drag and drop within the Syncfusion TypeScript ListBox and between two list boxes.","category":"List Box","api":{"ListBox":["dataSource","scope","allowDragAndDrop","fields","height"]},"uid":"0033332","order":0,"component":"List Box","dir":"list-box","parentId":"033"},"0033333":{"url":"checkbox","name":"Checkbox","description":"This example demonstrates how to select multiple items from the Syncfusion TypeScript ListBox using checkbox functionality.","category":"List Box","api":{"ListBox":["dataSource","selectionSettings"]},"uid":"0033333","order":0,"component":"List Box","dir":"list-box","parentId":"033"},"0033334":{"url":"api","name":"API","description":"This example how to customize the Syncfusion Typescript ListBox component using the available set of APIs.","category":"List Box","api":{"ListBox":["dataSource","fields","sortOrder","selectionSettings"]},"uid":"0033334","order":0,"component":"List Box","dir":"list-box","parentId":"033"},"0034340":{"url":"default","name":"Default Functionalities","category":"Accordion","description":"The sample demonstrates that default functionalities of the Accordion control which works by expand and collapse action in TypeScript platform.","api":{"AccordionItem":["header","content","expanded"],"Accordion":["items"]},"uid":"0034340","order":0,"component":"Accordion","dir":"accordion","parentId":"034"},"0034341":{"url":"ajax","name":"Ajax Content","category":"Accordion","description":"The sample demonstrates how to load the content to the Accordion control from external sources using Ajax library in TypeScript platform.","api":{"Accordion":["expandMode","expanding"]},"uid":"0034341","order":0,"component":"Accordion","dir":"accordion","parentId":"034"},"0034342":{"url":"icon","name":"Icons","category":"Accordion","description":"The sample demonstrates how to represent pane headers with an icon in Accordion control which populates from items collection in TypeScript platform.","api":{"AccordionItem":["iconCss"]},"uid":"0034342","order":0,"component":"Accordion","dir":"accordion","parentId":"034"},"0035350":{"url":"default","name":"Default Functionalities","category":"Context Menu","api":{"ContextMenu":["target","items","beforeItemRender","animationSettings"],"MenuItem":["text","iconCss","items","separator"]},"description":"This example demonstrates the Syncfusion Javascript ContextMenu items with icons, text and separator.","uid":"0035350","order":0,"component":"Context Menu","dir":"context-menu","parentId":"035"},"0036360":{"url":"default","name":"Default Functionalities","category":"Menu Bar","api":{"Menu":["items","orientation"],"MenuItem":["text","iconCss","items","separator"]},"description":"This example demonstrates the Syncfusion Javascript Menu items with icons, text, separator and items submenu.","uid":"0036360","order":0,"component":"Menu Bar","dir":"menu","parentId":"036"},"0036361":{"url":"data-binding","name":"Data Binding","category":"Menu Bar","api":{"Menu":["items"]},"description":"This example demonstrates how to bind the local data source with Syncfusion Javascript Menu component.","uid":"0036361","order":0,"component":"Menu Bar","dir":"menu","parentId":"036"},"0036362":{"url":"scrollable","name":"Scrollable","category":"Menu Bar","api":{"Menu":["items","enableScrolling","cssClass","beforeOpen"]},"description":"This example demonstrates how to load menu and sub menus with large number of menu items in horizontal / vertical scrollable Syncfusion Javascript menu.","uid":"0036362","order":0,"component":"Menu Bar","dir":"menu","parentId":"036"},"0036363":{"url":"template","name":"Template","category":"Menu Bar","api":{"Menu":["items","fields","template"],"FieldSettings":["text","children"]},"description":"This example demonstrates how to customize Syncfusion Javascript Menu popup items by using templates.","sourceFiles":[{"displayName":"template.ts","path":"src/menu/template.ts"},{"displayName":"template.html","path":"src/menu/template.html"},{"displayName":"template-data.json","path":"src/menu/template-data.json"}],"uid":"0036363","order":0,"component":"Menu Bar","dir":"menu","parentId":"036"},"0036364":{"url":"hamburger-mode","name":"Hamburger Mode","category":"Menu Bar","api":{"Menu":["hamburgerMode","title"]},"description":"This example demonstrates the hamburger mode of the Syncfusion Javascript Menu that enables the adaptive view.","uid":"0036364","order":0,"component":"Menu Bar","dir":"menu","parentId":"036"},"0036365":{"url":"api","name":"API","category":"Menu Bar","api":{"Menu":["orientation","showItemOnClick","enableItems"]},"description":"This example demonstrates the supported API's and its functionalities of the Syncfusion Javascript Menu.","uid":"0036365","order":0,"component":"Menu Bar","dir":"menu","parentId":"036"},"0036366":{"url":"toolbar-integration","name":"Toolbar Integration","category":"Use Case","api":{"Menu":["items"]},"description":"This example demonstrates the real use case of the Syncfusion Javascript Menu in web application. It is integrated with toolbar component.","uid":"0036366","order":1,"component":"Menu Bar","dir":"menu","parentId":"036"},"0037370":{"url":"default","name":"Default Functionalites","category":"Sidebar","api":{"Sidebar":["type","position","showBackdrop","closeOnDocumentClick","change","mediaQuery"]},"description":"It demonstrates a simple, mobile-friendly and responsive Sidebar (Navigation drawer, Side Navigation menu) which navigates various parts of an application.","uid":"0037370","order":0,"component":"Sidebar","dir":"sidebar","parentId":"037"},"0037371":{"url":"docking-sidebar","name":"Dock","category":"Sidebar","api":{"Sidebar":["enableDock","dockSize","contextTo"]},"description":"This example demonstrates how the JavaScript (TypeScript) Sidebar is docked to the main content when it is in closed state","uid":"0037371","order":0,"component":"Sidebar","dir":"sidebar","parentId":"037"},"0037372":{"url":"api","name":"API","category":"Sidebar","api":{"Sidebar":["showBackdrop","position","types","closeOnDocumentClick"]},"description":"It demonstrates how to change the behavior and appearance of sidebar in application through user friendly API’s like types, position, auto close and backdrop","uid":"0037372","order":0,"component":"Sidebar","dir":"sidebar","parentId":"037"},"0037373":{"url":"sidebar-menu","name":"Sidebar Menu","category":"Sidebar","api":{"Sidebar":["mediaQuery","width","target","dockSize","enableDock"]},"description":"This example demonstrates how to render Menu for navigation purpose inside the React Sidebar of an application.","uid":"0037373","order":0,"component":"Sidebar","dir":"sidebar","parentId":"037"},"0037374":{"url":"responsive-panel","name":"Responsive Panel","category":"Sidebar","api":{"Sidebar":["mediaQuery","width","target"]},"description":"This example demonstrates how to render TreeView for navigation purpose inside the Typescript Sidebar","uid":"0037374","order":0,"component":"Sidebar","dir":"sidebar","parentId":"037"},"0037375":{"url":"sidebar-list","name":"Sidebar with ListView","category":"Sidebar","api":{"Sidebar":["open","close"]},"description":"This example demonstrates how the JavaScript (TypeScript) Sidebar is integrated with a ListView to display a list of menu items","uid":"0037375","order":0,"component":"Sidebar","dir":"sidebar","parentId":"037"},"0038380":{"url":"default","name":"Default Functionalities","category":"Tabs","description":"The sample demonstrates about default functionalities of the Tab control (also known as Tabbed UI) which is navigation component in TypeScript platform.","api":{"Header":["text","iconCss"],"TabItem":["content"],"Tab":["items"]},"uid":"0038380","order":0,"component":"Tabs","dir":"tab","parentId":"038"},"0038381":{"url":"orientation","name":"Orientation","category":"Tabs","description":"The sample demonstrates how to customize the orientation of Tab control along with feasibility to customize the Tab header styles in TypeScript platform.","api":{"Tab":["headerPlacement","showCloseButton"]},"uid":"0038381","order":0,"component":"Tabs","dir":"tab","parentId":"038"},"0038382":{"url":"responsive-modes","name":"Responsive Modes","category":"Tabs","description":"The sample illustrates that responsive mode of Tab control that aligns tab items in a scrollable or popup mode in TypeScript platform.","api":{"Tab":["overflowMode"]},"uid":"0038382","order":0,"component":"Tabs","dir":"tab","parentId":"038"},"0038383":{"url":"wizard","name":"Wizard","category":"Tabs","description":"This sample demonstrates how to design a wizard-like application with the sequential action using the Tab control in TypeScript platform.","api":{"TabItem":["disabled"]},"uid":"0038383","order":0,"component":"Tabs","dir":"tab","parentId":"038"},"0039390":{"url":"default","name":"Default Functionalities","category":"Toolbar","description":"The sample demonstrates the default functionalities of the Toolbar control which place commands with the scrollable mode in TypeScript platform.","api":{"Item":["text","prefixIcon","type","tooltipText"],"Toolbar":["items"]},"uid":"0039390","order":0,"component":"Toolbar","dir":"toolbar","parentId":"039"},"0039391":{"url":"popup","name":"Popup","category":"Toolbar","description":"The sample exposes popup mode of Toolbar control which configures overflowing toolbar commands inside a popup based on priority in TypeScript platform.","api":{"Item":["showAlwaysInPopup","showTextOn","overflow"],"Toolbar":["overflowMode"]},"uid":"0039391","order":0,"component":"Toolbar","dir":"toolbar","parentId":"039"},"0039392":{"url":"alignment","name":"Alignment","category":"Toolbar","description":"This sample demonstrates how to align commands in left, right and center position in Toolbar control in TypeScript platform.","api":{"Item":["align","template"]},"uid":"0039392","order":0,"component":"Toolbar","dir":"toolbar","parentId":"039"},"0040400":{"url":"default","name":"Default Functionalities","category":"TreeView","description":"This demo demonstrates the basic JavaScript tree view component that display the data in a hierarchical structure with the configuration options.","api":{"TreeView":["fields"]},"uid":"0040400","order":0,"component":"TreeView","dir":"treeview","parentId":"040"},"0040401":{"url":"local-data","name":"Local Data","category":"Data Binding","description":"This demo demonstrates the binding of local data to the JavaScript tree view. The local data structure can be hierarchical data or list data.","api":{"TreeView":["fields"]},"uid":"0040401","order":1,"component":"TreeView","dir":"treeview","parentId":"040"},"0040402":{"url":"remote-data","name":"Remote Data","category":"Data Binding","description":"This demo for Essential JS 2 treeview control shows how to bind the data from a remote data service.","api":{"TreeView":["fields","created","dataBound"]},"uid":"0040402","order":1,"component":"TreeView","dir":"treeview","parentId":"040"},"0040403":{"url":"icons","name":"Icons and Images","category":"TreeView","description":"The tree view nodes can be rendered with any custom icons. This sample demonstrated like a file system with custom icons and images.","api":{"TreeView":["fields","sortOrder"]},"uid":"0040403","order":0,"component":"TreeView","dir":"treeview","parentId":"040"},"0040404":{"url":"check-box","name":"CheckBox","category":"TreeView","description":"This demo demonstrates the tree view with checkbox functionality, this allows the user to check more than one tree nodes.","api":{"TreeView":["fields","showCheckBox"]},"uid":"0040404","order":0,"component":"TreeView","dir":"treeview","parentId":"040"},"0040405":{"url":"node-editing","name":"Node Editing","category":"TreeView","description":"This demo showcases the node editing functionality of tree view, you can edit any node text by double click on it or pressing F2.","api":{"TreeView":["fields","allowEditing"]},"uid":"0040405","order":0,"component":"TreeView","dir":"treeview","parentId":"040"},"0040406":{"url":"multiple-selection","name":"Multiple Selection","category":"TreeView","description":"The TreeView component allows to select multiple nodes by pressing CTRL key, also can select the range of nodes by pressing SHIFT key.","api":{"TreeView":["fields","allowMultiSelection"]},"uid":"0040406","order":0,"component":"TreeView","dir":"treeview","parentId":"040"},"0040407":{"url":"drag-and-drop","name":"Drag and Drop","category":"TreeView","description":"The tree view nodes can be drag and drop from one position to another, also the drop can be done to another tree view or other external container.","api":{"TreeView":["fields","allowDragAndDrop","allowMultiSelection","nodeDragStop"]},"uid":"0040407","order":0,"component":"TreeView","dir":"treeview","parentId":"040"},"0040408":{"url":"template","name":"Template","category":"TreeView","description":"The tree view node can be customized through the template option. In this demo the tree view nodes are templated like an mail system.","api":{"TreeView":["fields","cssClass","nodeTemplate"]},"uid":"0040408","order":0,"component":"TreeView","dir":"treeview","parentId":"040"},"0041410":{"url":"overview","name":"Overview","category":"File Manager","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates full view of the File Manager like a windows explorer UI in a JavaScript (TypeScript) File Manager.","uid":"0041410","order":0,"component":"File Manager","dir":"file-manager","parentId":"041"},"0041411":{"url":"custom-thumbnail","name":"Custom Thumbnails","category":"File Manager","api":{"FileManager":["ajaxSettings"]},"description":"This example demonstrates how to use the custom thumbnails in a JavaScript (TypeScript) File Manager.","uid":"0041411","order":0,"component":"File Manager","dir":"file-manager","parentId":"041"},"0041412":{"url":"default","name":"API","category":"File Manager","api":{"FileManager":["ajaxSettings","view"]},"description":"Example shows the File Manager without the navigation pane and enable or disable toolbar in a JavaScript (TypeScript) File Manager.","uid":"0041412","order":0,"component":"File Manager","dir":"file-manager","parentId":"041"},"0041413":{"url":"drag-drop","name":"Drag and Drop","category":"File Manager","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates the how to drag and drop the files in a JavaScript (TypeScript) File Manager.","uid":"0041413","order":0,"component":"File Manager","dir":"file-manager","parentId":"041"},"0041414":{"url":"usecase","name":"File Upload","category":"Use Case","api":{"FileManager":["ajaxSettings","view"]},"description":"Example shows how to render the File Manager component inside the Dialog component in a JavaScript (TypeScript) File Manager.","uid":"0041414","order":1,"component":"File Manager","dir":"file-manager","parentId":"041"},"0041415":{"url":"azure-service","name":"Azure Blob Provider","category":"Cloud Service Providers","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the azure service in a JavaScript (TypeScript) File Manager.","uid":"0041415","order":2,"component":"File Manager","dir":"file-manager","parentId":"041"},"0041416":{"url":"sql-server-provider","name":"SQL Database Provider","category":"Cloud Service Providers","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the sql server database service in a JavaScript (TypeScript) File Manager.","uid":"0041416","order":2,"component":"File Manager","dir":"file-manager","parentId":"041"},"0041417":{"url":"nodejs-file-provider","name":"NodeJS File Provider","category":"Cloud Service Providers","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the nodejs file provider service in a JavaScript (TypeScript) File Manager.","uid":"0041417","order":2,"component":"File Manager","dir":"file-manager","parentId":"041"},"0041418":{"url":"amazon-s3-provider","name":"Amazon S3 File Provider","category":"Cloud Service Providers","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the Amazon S3 provider service in a JavaScript (TypeScript) File Manager.","uid":"0041418","order":2,"component":"File Manager","dir":"file-manager","parentId":"041"},"0041419":{"url":"firebase","name":"Firebase Realtime File Provider","category":"Cloud Service Providers","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the firebase realtime database service in a JavaScript (TypeScript) File Manager.","uid":"0041419","order":2,"component":"File Manager","dir":"file-manager","parentId":"041"},"00414110":{"url":"ftp-file-provider","name":"FTP File Provider","category":"Cloud Service Providers","type":"new","api":{"FileManager":["ajaxSettings","view"]},"description":"This example demonstrates how to configure and use the File Transfer Protocol in a JavaScript (TypeScript) File Manager.","uid":"00414110","order":2,"component":"File Manager","dir":"file-manager","parentId":"041"},"0042420":{"url":"default","name":"Default","category":"Badge","description":"Demo of the pure CSS Essential JS 2 Badge component displaying a notification count in a group button.","uid":"0042420","order":0,"component":"Badge","dir":"badge","parentId":"042"},"0042421":{"url":"types","name":"Types","category":"Badge","description":"Demo of the pure CSS Essential JS 2 Badge component's badge types: primary, secondary, success, danger, warning, info, light, and dark.","uid":"0042421","order":0,"component":"Badge","dir":"badge","parentId":"042"},"0042422":{"url":"notification","name":"Notification","category":"Badge","description":"Demo of the pure CSS Essential JS 2 Badge component displaying notifications on popular social media logos such as Facebook, WhatsApp, Twitter, and others.","uid":"0042422","order":0,"component":"Badge","dir":"badge","parentId":"042"},"0042423":{"url":"listview","name":"ListView","category":"Integration","description":"Demo integrating the Essential JS 2 Badge and ListView components to display a notification count in a list item to achieve a Gmail-like user interface.","uid":"0042423","order":1,"component":"Badge","dir":"badge","parentId":"042"},"0042424":{"url":"accordion","name":"Accordion","category":"Integration","description":"Demo integrating the Essential JS 2 Badge and Accordion components to display an unread notification count in a header to achieve an Outlook-like user interface","uid":"0042424","order":1,"component":"Badge","dir":"badge","parentId":"042"},"0042425":{"url":"toolbar","name":"Toolbar","category":"Integration","description":"Demo integrating the Essential JS 2 Badge and ToolBar components to display important information in a mobile application header.","uid":"0042425","order":1,"component":"Badge","dir":"badge","parentId":"042"},"0043430":{"url":"default","name":"Default Functionalities","category":"Toast","description":"The sample demonstrates about default functionalities of a Toast control and helps to design reminder like an alert in TypeScript platform.","api":{"Toast":["title","content"]},"uid":"0043430","order":0,"component":"Toast","dir":"toast","parentId":"043"},"0043431":{"url":"types","name":"Types","category":"Toast","description":"The sample demonstrates how to design success, warning, information, and error messages using Toast control based on CSS classes in TypeScript platform.","api":{"Toast":["cssClass"]},"uid":"0043431","order":0,"component":"Toast","dir":"toast","parentId":"043"},"0043432":{"url":"template","name":"Template","category":"Toast","description":"The sample demonstrates how to design a reminder application by customizing the content of Toast control using an HTML template in TypeScript platform.","api":{"Toast":["template","target"]},"uid":"0043432","order":0,"component":"Toast","dir":"toast","parentId":"043"},"0043433":{"url":"positions","name":"Positions","category":"Toast","description":"The sample demonstrates how to display the toast notification with various built-in or custom position based on target or page in TypeScript platform.","api":{"Toast":["position","target"],"ToastPosition":["X","Y"]},"uid":"0043433","order":0,"component":"Toast","dir":"toast","parentId":"043"},"0043434":{"url":"api","name":"API","category":"Toast","description":"The sample exposes the available properties, methods, and events of Toast control which helps to create flexible toast notification in TypeScript platform.","api":{"Toast":["title","content","newestOnTop","showProgressBar","showCloseButton","animation"]},"uid":"0043434","order":0,"component":"Toast","dir":"toast","parentId":"043"},"0044440":{"url":"default","name":"Default Functionalities","description":"Get started with Obtrusive form validation of Syncfusion Form Validator library and default functionalities.","category":"Form Validation","api":{"FormValidator":["customPlacement","validate","validClass"]},"uid":"0044440","order":0,"component":"Form Validation","dir":"form-validator","parentId":"044"},"0044441":{"url":"html5","name":"HTML5 Validation","description":"Learn how to use default functionalities form validation of Syncfusion Form Validator library using HTML5 Validation.","category":"Form Validation","api":{"FormValidator":["customPlacement","validate","validClass"]},"uid":"0044441","order":0,"component":"Form Validation","dir":"form-validator","parentId":"044"},"0044442":{"url":"external-submit","name":"External Submit Form","description":"Get started with form validator library and external form submit to handle the form validation externally.","category":"Form Validation","api":{"FormValidator":["customPlacement","validate","validClass"]},"uid":"0044442","order":0,"component":"Form Validation","dir":"form-validator","parentId":"044"},"0044443":{"url":"wizard-form","name":"Wizard Form","description":"Learn how to use the form validation of Syncfusion Form Validator library with the Wizard template forms.","category":"Form Validation","api":{"FormValidator":["customPlacement","validate","validClass"]},"uid":"0044443","order":0,"component":"Form Validation","dir":"form-validator","parentId":"044"},"0045450":{"url":"default","name":"Default Functionalities","category":"TextBox","description":"This example describes key features of JavaScript textbox such as a floating label, input group, placeholder, validation states, sizing, types, and more.","api":{"TextBox":["placeholder","floatLabelType","enableRtl"]},"uid":"0045450","order":0,"component":"TextBox","dir":"textbox","parentId":"045"},"0045451":{"url":"multiline-textbox","name":"Multiline TextBox","category":"TextBox","description":"The example exposes a JavaScript Multiline TextBox (textarea). It helps to render address, feedback, and more in HTML5 form with customizable rows and columns.","api":{"TextBox":["multiline","value","placeholder","floatLabelType","enabled","enableRtl","readonly"]},"uid":"0045451","order":0,"component":"TextBox","dir":"textbox","parentId":"045"},"0046460":{"url":"default","name":"Default Functionalities","category":"Input Mask","description":"The Masked Textbox allows users to enter only the valid input based on the provided mask format such as Phone number, Country ISO code, Date, Time and so on.","api":{"MaskedTextBox":["mask"]},"uid":"0046460","order":0,"component":"Input Mask","dir":"maskedtextbox","parentId":"046"},"0046461":{"url":"custom-mask","name":"Custom Mask","category":"Input Mask","description":"The custom mask is done using custom characters as mask elements. Time format and IP address fields are achieved using the custom mask literals and regex.","api":{"MaskedTextBox":["mask","customCharacters","floatLabelType"]},"uid":"0046461","order":0,"component":"Input Mask","dir":"maskedtextbox","parentId":"046"},"0046462":{"url":"formats","name":"Formats","category":"Input Mask","description":"This sample demonstrates the usage of different mask formats through the properties panel. You can also get the value and raw value of the masked textbox.","api":{"MaskedTextBox":["mask","floatLabelType","change","promptChar","getMaskedValue","value"]},"uid":"0046462","order":0,"component":"Input Mask","dir":"maskedtextbox","parentId":"046"},"0047470":{"url":"default","name":"Default Functionalities","category":"Numeric Textbox","description":"he NumericTextBox is used to get the numbered inputs from the users and the currency and percentage text boxes to get the currency and percentage inputs.","api":{"NumericTextBox":["value","format","min","max","step"]},"uid":"0047470","order":0,"component":"Numeric Textbox","dir":"numerictextbox","parentId":"047"},"0047471":{"url":"range-validation","name":"Range Validation","category":"Numeric Textbox","description":"The NumericTextBox has options to restrict the input value between a specific range using min, max, and strictMode properties.","api":{"NumericTextBox":["value","min","max","step"]},"uid":"0047471","order":0,"component":"Numeric Textbox","dir":"numerictextbox","parentId":"047"},"0047472":{"url":"custom-format","name":"Custom Format","category":"Numeric Textbox","description":"The NumericTextBox provides an option to customize the display format of the numeric value using the format property.","api":{"NumericTextBox":["value","format","min","max"]},"uid":"0047472","order":0,"component":"Numeric Textbox","dir":"numerictextbox","parentId":"047"},"0047473":{"url":"restrict-decimals","name":"Restrict Decimals","category":"Numeric Textbox","description":"The NumericTextBox provides an option to restrict the number of decimal values, by using the decimals property. So, it can only accept the integer value alone.","api":{"NumericTextBox":["value","format","min","max","step","decimals","validateDecimalOnType"]},"uid":"0047473","order":0,"component":"Numeric Textbox","dir":"numerictextbox","parentId":"047"},"0048480":{"url":"default","name":"Default Functionalities","category":"Color Picker","api":{"ColorPicker":["value"]},"description":"This example demonstrates the default functionalities of the Syncfusion Javascript ColorPicker with RGB, HSV and Hex codes(three, six and eight digit).","uid":"0048480","order":0,"component":"Color Picker","dir":"color-picker","parentId":"048"},"0048481":{"url":"inline","name":"Inline Mode","category":"Color Picker","api":{"ColorPicker":["inline","value","mode","modeSwitcher","showButtons"]},"description":"This example demonstrates the inline / flat mode rendering of the Syncfusion Javascript ColorPicker with hue and opacity color options.","uid":"0048481","order":0,"component":"Color Picker","dir":"color-picker","parentId":"048"},"0048482":{"url":"custom","name":"Custom Palettes","category":"Color Picker","api":{"ColorPicker":["cssClass","inline","value","columns","mode","modeSwitcher","showButtons","presetColors"]},"description":"This example demonstrates the Syncfusion Javascript ColorPicker, custom UI of the color palette with different structures and its state.","uid":"0048482","order":0,"component":"Color Picker","dir":"color-picker","parentId":"048"},"0048483":{"url":"api","name":"API","category":"Color Picker","api":{"ColorPicker":["cssClass","inline","value","columns","showButtons","presetColors"]},"description":"This example demonstrates the supported API's and its functionalities of the Syncfusion Javascript ColorPicker.","uid":"0048483","order":0,"component":"Color Picker","dir":"color-picker","parentId":"048"},"0049490":{"url":"default","name":"Default Functionalities","description":"This example demonstrates default functionalities of the JavaScript file uploader control, including automatic upload and asynchronous mode options.","category":"File Upload","api":{"Uploader":["autoUpload","asyncSettings","success","dropArea"]},"sourceFiles":[{"displayName":"default.ts","path":"src/uploader/default.ts"},{"displayName":"default.html","path":"src/uploader/default.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0049490","order":0,"component":"File Upload","dir":"uploader","parentId":"049"},"0049491":{"url":"chunk-upload","name":"Chunk Upload","description":"This example demonstrates how to upload files as chunks in the JavaScript file upload control, which helps when uploading a large file to a server.","category":"File Upload","api":{"Uploader":["autoUpload","asyncSettings","dropArea"]},"sourceFiles":[{"displayName":"chunk-upload.ts","path":"src/uploader/chunk-upload.ts"},{"displayName":"chunk-upload.html","path":"src/uploader/chunk-upload.html"},{"displayName":"save file","path":"src/uploader/chunk-upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/chunk-upload-remove-file.cs"}],"uid":"0049491","order":0,"component":"File Upload","dir":"uploader","parentId":"049"},"0049492":{"url":"custom-file-list","name":"Template","description":"This example demonstrates how to customize the file list with buttons using a template and upload a file programmatically using the JavaScript file upload.","category":"File Upload","api":{"Uploader":["asyncSettings","dropArea","selected","progress","success","failure"]},"sourceFiles":[{"displayName":"custom-file-list.ts","path":"src/uploader/custom-file-list.ts"},{"displayName":"custom-file-list.html","path":"src/uploader/custom-file-list.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0049492","order":0,"component":"File Upload","dir":"uploader","parentId":"049"},"0049493":{"url":"preload-files","name":"Preload Files","description":"This example demonstrates how to preload files in the JavaScript file upload control, which helps users view and manipulate server files.","category":"File Upload","api":{"Uploader":["asyncSettings","files","removing","failure","success","dropArea"]},"sourceFiles":[{"displayName":"preload-files.ts","path":"src/uploader/preload-files.ts"},{"displayName":"preload-files.html","path":"src/uploader/preload-files.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0049493","order":0,"component":"File Upload","dir":"uploader","parentId":"049"},"0049494":{"url":"file-validation","name":"File Validation","description":"The example covers validations in JavaScript file upload such as allowing/denying file extensions, set min/max file size, duplicate file, and more.","category":"File Upload","api":{"Uploader":["autoUpload","minFileSize","maxFileSize","allowedExtensions","asyncSettings","selected","success","dropArea"]},"sourceFiles":[{"displayName":"file-validation.ts","path":"src/uploader/file-validation.ts"},{"displayName":"file-validation.html","path":"src/uploader/file-validation.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0049494","order":0,"component":"File Upload","dir":"uploader","parentId":"049"},"0049495":{"url":"image-preview","name":"Image Preview","description":"This example demonstrates how to display a preview of an image file before and after uploading it to a server in JavaScript file upload.","category":"File Upload","api":{"Uploader":["asyncSettings","template","success","progress","allowedExtensions"]},"sourceFiles":[{"displayName":"image-preview.ts","path":"src/uploader/image-preview.ts"},{"displayName":"image-preview.html","path":"src/uploader/image-preview.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0049495","order":0,"component":"File Upload","dir":"uploader","parentId":"049"},"0049496":{"url":"file-upload-with-forms","name":"Form Support","description":"This example demonstrates how to integrate the JavaScript file upload control in an HTML form (synchronous mode) and submit a form with selected files.","category":"File Upload","api":{"Uploader":["asyncSettings","template","success","progress","allowedExtensions"]},"sourceFiles":[{"displayName":"file-upload-with-forms.ts","path":"src/uploader/file-upload-with-forms.ts"},{"displayName":"file-upload-with-forms.html","path":"src/uploader/file-upload-with-forms.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0049496","order":0,"component":"File Upload","dir":"uploader","parentId":"049"},"0049497":{"url":"custom-drop-area","name":"Custom Drop Area","description":"This example demonstrates how to upload a file using drag and drop and how to configure a custom drop area for the JavaScript file upload control.","category":"File Upload","api":{"Uploader":["asyncSettings","template","success","progress","allowedExtensions"]},"sourceFiles":[{"displayName":"custom-drop-area.ts","path":"src/uploader/custom-drop-area.ts"},{"displayName":"custom-drop-area.html","path":"src/uploader/custom-drop-area.html"},{"displayName":"save file","path":"src/uploader/upload-save-file.cs"},{"displayName":"remove file","path":"src/uploader/upload-remove-file.cs"}],"uid":"0049497","order":0,"component":"File Upload","dir":"uploader","parentId":"049"},"0050500":{"url":"default","name":"Default Functionalities","category":"Range Slider","description":"Essential JS 2 slider control demo showing the default rendering of default, minimum range, and range sliders. Drag the thumb to interact with the slider.","api":{"Slider":["value","type","appendTo"]},"uid":"0050500","order":0,"component":"Range Slider","dir":"slider","parentId":"050"},"0050501":{"url":"ticks","name":"Ticks","category":"Range Slider","description":"Essential JS 2 slider control demo of the visual representation of slider values using ticks, which can be placed before, after, or on both sides of the thumbs.","api":{"Slider":["value","type","min","max","step","enabled","appendTo","dragInterval"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"]},"uid":"0050501","order":0,"component":"Range Slider","dir":"slider","parentId":"050"},"0050502":{"url":"tooltip","name":"Tooltip","category":"Range Slider","description":"Essential JS 2 slider control demo of the visual representation of slider values using tooltips, which can be displayed before or after slider thumbs.","api":{"Slider":["value","type","min","max","showButtons","appendTo","dragInterval"],"TooltipData":["isVisible","placement","showOn"]},"uid":"0050502","order":0,"component":"Range Slider","dir":"slider","parentId":"050"},"0050503":{"url":"orientation","name":"Vertical Orientation","category":"Range Slider","description":"Essential JS 2 slider control demo showing the vertical and horizontal orientation properties along with ticks and tooltips.","api":{"Slider":["value","type","orientation","appendTo","dragInterval"]},"uid":"0050503","order":0,"component":"Range Slider","dir":"slider","parentId":"050"},"0050504":{"url":"format","name":"Formatting","category":"Range Slider","description":"Demo of Essential JS 2 slider control value formatting with time, currency, and distance values that are also displayed in ticks and tooltips.","api":{"Slider":["value","type","min","max","appendTo","step","tooltipChange","renderingTicks"],"TicksData":["placement","largeStep","smallStep","showSmallTicks","format"],"TooltipData":["isVisible","placement","format"]},"uid":"0050504","order":0,"component":"Range Slider","dir":"slider","parentId":"050"},"0050505":{"url":"limits","name":"Limits","category":"Range Slider","description":"Essential JS 2 slider control demo of limiting the minimum, maximum, start, and end values. Also supports restricting handle movements.","api":{"Slider":["value","type","min","max","appendTo","step"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"],"LimitData":["enabled","minStart","minEnd","maxStart","maxEnd","startHandleFixed","endHandleFixed"]},"uid":"0050505","order":0,"component":"Range Slider","dir":"slider","parentId":"050"},"0050506":{"url":"api","name":"API","category":"Range Slider","description":"Essential JS 2 slider control demo showcasing the most frequently used API combinations, like orientation, minimum, maximum, value, step, and more.","api":{"Slider":["value","type","min","max","step","showButtons","orientation","readOnly","enabled","appendTo"],"TicksData":["placement","largeStep"],"TooltipData":["isVisible","placement","showOn"]},"uid":"0050506","order":0,"component":"Range Slider","dir":"slider","parentId":"050"},"0050507":{"url":"events","name":"Events","category":"Range Slider","description":"Demo of the Essential JS 2 slider control's created, changing, and changed events. The events are traced in real time in a property panel.","api":{"Slider":["value","type","appendTo","change","created","changed"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"],"TooltipData":["isVisible","placement","showOn"]},"uid":"0050507","order":0,"component":"Range Slider","dir":"slider","parentId":"050"},"0050508":{"url":"thumb-customization","name":"Thumb","category":"Customization","description":"Demo of the Essential JS 2 slider control slider thumb customization with circle, oval, and custom image shapes.","api":{"Slider":["value","min","max","appendTo"]},"uid":"0050508","order":1,"component":"Range Slider","dir":"slider","parentId":"050"},"0050509":{"url":"selection-bar-customization","name":"Bar","category":"Customization","description":"This example demonstrates how to highly customize Syncfusion React slider bar with colors and height.","api":{"Slider":["value","type","min","max","appendTo","change","created"]},"uid":"0050509","order":1,"component":"Range Slider","dir":"slider","parentId":"050"},"00505010":{"url":"ticks-customization","name":"Ticks","category":"Customization","description":"Essential JS 2 slider control demo showing the highly customizable slider values using ticks and a legend.","api":{"Slider":["value","type","min","max","step","appendTo","renderedTicks","renderingTicks"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"]},"uid":"00505010","order":1,"component":"Range Slider","dir":"slider","parentId":"050"},"00505011":{"url":"tooltip-customization","name":"Tooltip","category":"Customization","description":"Demo of Essential JS 2 slider control customization of slider tooltip text and background color with formatted text values.","api":{"Slider":["value","type","appendTo","min","max","step","tooltipChange","renderingTicks","created"],"TicksData":["placement","largeStep","smallStep","showSmallTicks"],"TooltipData":["isVisible","placement"]},"uid":"00505011","order":1,"component":"Range Slider","dir":"slider","parentId":"050"},"00505012":{"url":"azure-pricing","name":"Cloud Pricing","category":"Use Case","description":"This example demonstrates the usage of Syncfusion React slider control in real world use case sample azure cloud pricing.","api":{"Slider":["value","appendTo","min","max","change","created"]},"uid":"00505012","order":2,"component":"Range Slider","dir":"slider","parentId":"050"},"0051510":{"url":"default","name":"Default","category":"Avatar","description":"Demo of the pure CSS Essential JS 2 Avatar component displaying profile images in different sizes in both default and circle shapes.","uid":"0051510","order":0,"component":"Avatar","dir":"avatar","parentId":"051"},"0051511":{"url":"types","name":"Types","category":"Avatar","description":"Demo of the pure CSS Essential JS 2 Avatar component's supported media formats for avatar content: images, SVG, initials, font icons, and words.","uid":"0051511","order":0,"component":"Avatar","dir":"avatar","parentId":"051"},"0051512":{"url":"listview","name":"ListView","category":"Integration","description":"Demo integrating the Essential JS 2 Avatar and ListView components to display profile images or letters in a mobile contact application.","uid":"0051512","order":1,"component":"Avatar","dir":"avatar","parentId":"051"},"0051513":{"url":"badge","name":"Badge","category":"Integration","description":"Demo integrating the Essential JS 2 Avatar and Badge components to display a notification count on profile images, similar to Gmail.","uid":"0051513","order":1,"component":"Avatar","dir":"avatar","parentId":"051"},"0051514":{"url":"card","name":"Card","category":"Integration","description":"Demo integrating the Essential JS 2 Avatar and Card components to display business cards for employees with profile images, roles, and responsibilities.","uid":"0051514","order":1,"component":"Avatar","dir":"avatar","parentId":"051"},"0052520":{"url":"basic","name":"Basic Card","category":"Card","description":"The sample demonstrates how to design basic card and weather layout card in TypeScript platform. The component is pure CSS component and more flexible.","uid":"0052520","order":0,"component":"Card","dir":"card","parentId":"052"},"0052521":{"url":"vertical","name":"Vertical Card","category":"Card","description":"The sample demonstrates how to design a business card and profile card using a vertical layout of card component in TypeScript platform.","uid":"0052521","order":0,"component":"Card","dir":"card","parentId":"052"},"0052522":{"url":"horizontal","name":"Horizontal Card","category":"Card","description":"The sample demonstrates how to design product card with icon and its specification using horizontal layout in card component in TypeScript platform.","uid":"0052522","order":0,"component":"Card","dir":"card","parentId":"052"},"0052523":{"url":"swipeable","name":"Swipeable Card","category":"Card","description":"The sample demonstrates how to design a stacked card with swipeable action and corresponding images using card component in TypeScript platform.","uid":"0052523","order":0,"component":"Card","dir":"card","parentId":"052"},"0052524":{"url":"flip","name":"Flip Card","category":"Card","description":"The sample demonstrates how to achieve flip behavior to the card to show hidden information which is on a back side on the card in TypeScript platform.","uid":"0052524","order":0,"component":"Card","dir":"card","parentId":"052"},"0052525":{"url":"reveal","name":"Reveal Card","category":"Card","description":"The sample demonstrates how to render a card with reveal layouts, hidden information can be revealed while action on “Know more” in TypeScript platform.","uid":"0052525","order":0,"component":"Card","dir":"card","parentId":"052"},"0052526":{"url":"tile","name":"Tile View","category":"Card","description":"The sample demonstrates how to design tile-view with filtering and searching using a template engine, data manager, and card component in TypeScript platform.","uid":"0052526","order":0,"component":"Card","dir":"card","parentId":"052"},"0053530":{"url":"default","name":"Default Functionalities","description":"The example demonstrates the default rendering of the JavaScript dialog, which supports modal and non-modal (modeless), built-in buttons, and more.","category":"Dialog","api":{"Dialog":["header","content","showCloseIcon","buttons","closeOnEscape","target","width","animationSettings","open","close","visible","show","hide"]},"uid":"0053530","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},"0053531":{"url":"custom-dialog","name":"Custom Dialogs","description":"This example demonstrates how to create custom dialogs such as alert dialogs, confirmation dialogs, and prompt dialogs using the JavaScript dialog control.","category":"Dialog","api":{"Dialog":["header","content","showCloseIcon","buttons","closeOnEscape","target","width","animationSettings","open","close","visible","show","hide"]},"uid":"0053531","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},"0053532":{"url":"modal-dialog","name":"Modal","description":"This example demonstrates the modal pop-up behavior of the JavaScript dialog control, which helps display critical information such as errors and warnings.","category":"Dialog","api":{"Dialog":["width","header","content","target","isModal","animationSettings","buttons","open","close","show","hide","overlayClick"]},"uid":"0053532","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},"0053533":{"url":"template","name":"Template","description":"This example demonstrates how to customize user interface elements like the header, footer, and content of the JavaScript dialog control using a template.","category":"Dialog","api":{"Dialog":["width","header","content","target","isModal","animationSettings","buttons","open","close","show","hide"]},"uid":"0053533","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},"0053534":{"url":"dialog-contents-via-ajax","description":"The example demonstrates how to load the content of the JavaScript dialog control from external sources such as a file or website using Ajax library.","name":"Ajax Content","category":"Dialog","api":{"Dialog":["header","showCloseIcon","width","target","animationSettings","open","close","content","show"]},"uid":"0053534","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},"0053535":{"url":"draggable","name":"Draggable","description":"This example shows how to enable drag-and-drop actions in the JavaScript dialog control to help reposition the dialog efficiently.","category":"Dialog","api":{"Dialog":["width","header","content","target","allowDragging","animationSettings","open","close","closeOnEscape"]},"uid":"0053535","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},"0053536":{"url":"resizable","description":"This example shows how to create resizable modal in the JavaScript dialog to change the size of a dialog efficiently and view its content more comfortably.","name":"Resizable","category":"Dialog","api":{"Dialog":["header","showCloseIcon","width","target","animationSettings","open","close","content","show","enableResize"]},"uid":"0053536","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},"0053537":{"url":"position","name":"Positioning","description":"This example demonstrates how to display the JavaScript dialog control at various built-in and custom positions.","category":"Dialog","api":{"Dialog":["width","header","target","footerTemplate","open","close","closeOnEscape","position","showCloseIcon"]},"uid":"0053537","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},"0053538":{"url":"animation","name":"Animation","description":"This example demonstrates how to open or close the JavaScript dialog with various animation effects, and how to customize the animation duration and delay.","category":"Dialog","api":{"Dialog":["header","showCloseIcon","width","target","animationSettings","open","content","buttons"]},"uid":"0053538","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},"0053539":{"url":"multiple-dialogs","name":"Multiple Dialogs","description":"This example shows how to display multiple dialogs sequentially and open multiple dialogs simultaneously for both modal and modeless JavaScript dialogs.","category":"Dialog","api":{"Dialog":["width","header","target","animationSettings","open","close","closeOnEscape","buttons"]},"uid":"0053539","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},"00535310":{"url":"components-dialog","name":"Components inside Dialog","type":"new","description":"This example demonstrates how to render other Javascript Syncfusion components inside the dialog component.","category":"Dialog","api":{"Dialog":["header","target","animationSettings","open","close","closeOnEscape","buttons"]},"uid":"00535310","order":0,"component":"Dialog","dir":"dialog","parentId":"053"},"0054540":{"url":"default","name":"Default Functionalities","category":"ListView","description":"Demo of Essential JS 2 ListView control default renderings of flat and group list views. Click any list item to select and highlight it.","api":{"ListView":["dataSource","fields","appendTo"],"FieldSettings":["groupBy"]},"uid":"0054540","order":0,"component":"ListView","dir":"listview","parentId":"054"},"0054541":{"url":"remote-data","name":"Remote Data","category":"ListView","description":"Demo of Essential JS 2 ListView control rendering the list view with remote data, which uses DataManager and query properties to fetch data.","api":{"ListView":["dataSource","fields","query","headerTitle","showHeader","appendTo"],"FieldSettings":["groupBy"]},"uid":"0054541","order":0,"component":"ListView","dir":"listview","parentId":"054"},"0054542":{"url":"checklist","name":"Checklist","category":"ListView","description":"Essential JS 2 ListView control demo of the checked list view, which supports selecting more than one list item.","api":{"ListView":["dataSource","fields","showCheckBox","appendTo"],"FieldSettings":["groupBy"]},"uid":"0054542","order":0,"component":"ListView","dir":"listview","parentId":"054"},"0054543":{"url":"nested-list","name":"Nested List","category":"ListView","description":"Demo of Essential JS 2 ListView control showing the visual representation of nested data using the child property.","api":{"ListView":["dataSource","fields","headerTitle","showHeader","showIcon","appendTo"],"FieldSettings":["id","text","icon","child","iconCss","tooltip"]},"uid":"0054543","order":0,"component":"ListView","dir":"listview","parentId":"054"},"0054544":{"url":"virtualization","name":"Virtualization","category":"ListView","description":"Demo of Essential JS 2 ListView control loading items in the view port with virtualization, which improves performance when loading large amounts of data.","api":{"ListView":["dataSource","headerTitle","showHeader","enableVirtualization","height","template","actionBegin","actionComplete","appendTo"]},"uid":"0054544","order":0,"component":"ListView","dir":"listview","parentId":"054"},"0054545":{"url":"templates","name":"Templates","category":"Customization","description":"Demo of Essential JS 2 ListView control rendering customized elements inside list items. This sample is a news feed application built using a list view.","api":{"ListView":["dataSource","template","headerTitle","showHeader","appendTo"],"FieldSettings":["id","text","child"]},"uid":"0054545","order":1,"component":"ListView","dir":"listview","parentId":"054"},"0054546":{"url":"group-template","name":"Group Template","category":"Customization","description":"Essential JS 2 ListView control demo of list item and header customization using a template. The mobile settings showcase built-in CSS.","api":{"ListView":["dataSource","template","groupTemplate","headerTitle","showHeader","appendTo"],"FieldSettings":["text","groupBy"]},"uid":"0054546","order":1,"component":"ListView","dir":"listview","parentId":"054"},"0054547":{"url":"call-history","name":"Call History","category":"Use Case","description":"Demo of Essential JS 2 ListView control in a real-world use case as a call history app, featuring mobile contacts, mail inbox, and more.","api":{"ListView":["dataSource","fields","showCheckBox","checkBoxPosition","showIcon","select","appendTo"],"FieldSettings":["groupBy","iconCss"]},"uid":"0054547","order":2,"component":"ListView","dir":"listview","parentId":"054"},"0055550":{"url":"default","name":"Default Functionalities","category":"Tooltip","description":"Default rendering of the Essential JS 2 Tooltip control, which will open when hovering or tapping and holding, and can be displayed in 12 different positions.","api":{"Tooltip":["content","appendTo","position "]},"uid":"0055550","order":0,"component":"Tooltip","dir":"tooltip","parentId":"055"},"0055551":{"url":"template","name":"Template","category":"Tooltip","description":"Demo of the Essential JS 2 Tooltip control template functionality, which allows HTML content to be rendered in tooltips.","api":{"Tooltip":["content","target","beforeRender","showTipPointer","offsetX","width","appendTo"]},"uid":"0055551","order":0,"component":"Tooltip","dir":"tooltip","parentId":"055"},"0055552":{"url":"ajax-content","name":"Ajax Content","category":"Tooltip","description":"Demo of the Essential JS 2 Tooltip control loading dynamic content in tooltips through Ajax from JSON files.","api":{"Tooltip":["content","target","position","beforeRender","dataBind","appendTo"]},"uid":"0055552","order":0,"component":"Tooltip","dir":"tooltip","parentId":"055"},"0055553":{"url":"smart-position","name":"Smart Positioning","category":"Tooltip","description":"Demo of the Essential JS 2 Tooltip control's smart (flexible) positioning based on the view port's dimensions.","api":{"Tooltip":["content","offsetX","target","animation","open","close","refresh","appendTo"]},"uid":"0055553","order":0,"component":"Tooltip","dir":"tooltip","parentId":"055"},"0055554":{"url":"menu","name":"Tooltip Menu","category":"Tooltip","description":"Demo of Essential JS 2 Tooltip control customization to look like a menu using toolbar and listview controls.","uid":"0055554","order":0,"component":"Tooltip","dir":"tooltip","parentId":"055"},"0055555":{"url":"html-template","name":"HTML Template","category":"Tooltip","description":"Demo of Essential JS 2 Tooltip control customization as an HTML page using HTML tags to display a template content.","uid":"0055555","order":0,"component":"Tooltip","dir":"tooltip","parentId":"055"},"0055556":{"url":"api","name":"API","category":"Tooltip","description":"Essential JS 2 Tooltip control demo showcasing the most frequently used API combinations, like content, height, width, open, sticky mode, and more.","uid":"0055556","order":0,"component":"Tooltip","dir":"tooltip","parentId":"055"},"0056560":{"url":"default","name":"Default Functionalities","category":"Splitter","description":"The example explains the default functionalities of the JavaScript splitter with resizable panes, separator, and orientation (horizontal and vertical).","api":{"Splitter":["paneSettings","height","width","orientation"]},"uid":"0056560","order":0,"component":"Splitter","dir":"splitter","parentId":"056"},"0056561":{"url":"expand-and-collapse","name":"Expand and Collapse","category":"Splitter","description":"The example presents collapsible JavaScript Splitter that exposes expand and collapse action of panes with a different orientation and resizable panes.","api":{"Splitter":["paneSettings","height","width","orientation"]},"uid":"0056561","order":0,"component":"Splitter","dir":"splitter","parentId":"056"},"0056562":{"url":"accordion-navigation-menu","name":"Accordion Navigation Menu","category":"Use Case","description":"The example shows how to integrate Accordion and load the content from external sources using the Ajax library inside panes of JavaScript Splitter.","api":{"Splitter":["paneSettings","height","width","expanded","expanding","items","datasource","select"]},"uid":"0056562","order":1,"component":"Splitter","dir":"splitter","parentId":"056"},"0056563":{"url":"details-view","name":"Details View","category":"Use Case","description":"The example demonstrates how to create employee details view layout using panes of JavaScript Splitter and ListView with navigation.","api":{"Splitter":["paneSettings","height","width","enableVirtualization","cssClass","template","actionComplete","datasource","select"]},"uid":"0056563","order":1,"component":"Splitter","dir":"splitter","parentId":"056"},"0056564":{"url":"outlook-style-layout","name":"Outlook-style Layout","category":"Use Case","description":"The example explains how to construct an outlook style layout using JavaScript Splitter, TreeView, ListView, and Rich Text Editor with multiple panes.","api":{"Splitter":["paneSettings","height","width","fields","nodeTemplate","template","groupTemplate","cssClass","datasource","select"]},"uid":"0056564","order":1,"component":"Splitter","dir":"splitter","parentId":"056"},"0056565":{"url":"code-editor-layout","name":"Code Editor Layout","category":"Use Case","description":"The example shows how to construct code editor layout (UI) using JavaScript Splitter with multiple, nested, different oriented, and resizable panes.","api":{"Splitter":["paneSettings","height","width","orientation"]},"uid":"0056565","order":1,"component":"Splitter","dir":"splitter","parentId":"056"},"0057570":{"url":"default","name":"Default Functionalities","category":"Dashboard Layout","api":{"DashboardLayout":["cellSpacing"]},"description":"This example explains the default functionalities of the JavaScript Dashboard Layout with draggable and resizable panels.","uid":"0057570","order":0,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"057"},"0057571":{"url":"predefined-layouts","name":"Predefined Layouts","category":"Dashboard Layout","api":{"DashboardLayout":["panels","allowDragging","allowResizing","allowFloating"]},"description":"This sample demonstrates how to change the initially defined panels structure with a set of predefined panel templates dynamically.","uid":"0057571","order":0,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"057"},"0057572":{"url":"properties","name":"API","category":"Dashboard Layout","api":{"DashboardLayout":["panels","allowDragging","allowResizing","allowFloating"]},"description":"This sample demonstrates the most frequently used API combinations and dynamic addition and removal of panels within the layout.","uid":"0057572","order":0,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"057"},"0057573":{"url":"dynamic-widget","name":"Editable Dashboard","category":"Dashboard Layout","api":{"DashboardLayout":["panels","allowDragging","allowResizing","allowFloating"]},"description":"This sample demonstrates how to add the data visualization components such as pie, column and spline chart in panels dynamically within the layout.","uid":"0057573","order":0,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"057"},"0057574":{"url":"analytics-dashboard","name":"SEO Analytics Dashboard","category":"Use Case","api":{"DashboardLayout":["panels","allowDragging","allowResizing","allowFloating"]},"description":"This sample explains about constructing a real time dashboar.d for SEO analysis using data visualizing components like maps, charts, cards etc","uid":"0057574","order":1,"component":"Dashboard Layout","dir":"dashboard-layout","parentId":"057"},"0058580":{"url":"default","name":"Default Functionalities","category":"Query Builder","ftName":"query-builder","api":{"QueryBuilder":["width","dataSource","columns","rule","created"]},"description":"This sample demonstrates the default functionalities of the Query Builder component. Click the plus button to add group or conditions.","uid":"0058580","order":0,"component":"Query Builder","dir":"query-builder","parentId":"058"},"0058581":{"url":"template","name":"Template","category":"Query Builder","ftName":"query-builder","api":{"QueryBuilder":["width","columns","rule","ruleChange"]},"description":"This sample demonstrates the integration of DropdownList, Slider controls as Templates in the Query Builder component.","uid":"0058581","order":0,"component":"Query Builder","dir":"query-builder","parentId":"058"},"0058582":{"url":"grid","name":"Integration with Data Grid","category":"Query Builder","ftName":"query-builder","api":{"QueryBuilder":["width","dataSource","columns","rule","ruleChange"]},"description":"This sample demonstrates the integration of Grid component to showcase the data population based on the created filters using Query Builder component.","uid":"0058582","order":0,"component":"Query Builder","dir":"query-builder","parentId":"058"},"0059590":{"url":"default","name":"Default Functionalities","description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with minimum configuration.","category":"PDF Viewer","type":"update","uid":"0059590","order":0,"component":"PDF Viewer","dir":"pdfviewer","parentId":"059"},"0059591":{"url":"custom-toolbar","name":"Custom Toolbar","description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with custom toolbar configuration.","category":"PDF Viewer","uid":"0059591","order":0,"component":"PDF Viewer","dir":"pdfviewer","parentId":"059"},"0059592":{"url":"right-to-left","name":"Right to Left","description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with Right to Left Configuration ","category":"PDF Viewer","uid":"0059592","order":0,"component":"PDF Viewer","dir":"pdfviewer","parentId":"059"},"0059593":{"url":"form-filling","name":"Form Filling","description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with Form Filling Configuration ","category":"PDF Viewer","uid":"0059593","order":0,"component":"PDF Viewer","dir":"pdfviewer","parentId":"059"}},"docInfo":{"00000":{"component":2,"name":1},"00001":{"component":2,"name":2},"00002":{"component":2,"name":1},"00003":{"component":2,"name":1},"00004":{"component":2,"name":2},"00005":{"component":2,"name":2},"00006":{"component":2,"name":1},"00007":{"component":2,"name":2},"00008":{"component":2,"name":1},"00009":{"component":2,"name":2},"000010":{"component":2,"name":2},"000011":{"component":2,"name":3},"000012":{"component":2,"name":4},"000013":{"component":2,"name":2},"000014":{"component":2,"name":2},"000015":{"component":2,"name":1},"000016":{"component":2,"name":2},"000017":{"component":2,"name":2},"000018":{"component":2,"name":2},"000019":{"component":2,"name":2},"000020":{"component":2,"name":2},"000021":{"component":2,"name":4},"000022":{"component":2,"name":6},"000023":{"component":2,"name":2},"000024":{"component":2,"name":2},"000025":{"component":2,"name":2},"000026":{"component":2,"name":2},"000027":{"component":2,"name":1},"000028":{"component":2,"name":2},"000029":{"component":2,"name":2},"000030":{"component":2,"name":2},"000031":{"component":2,"name":2},"000032":{"component":2,"name":2},"000033":{"component":2,"name":2},"000034":{"component":2,"name":4},"000035":{"component":2,"name":2},"000036":{"component":2,"name":2},"000037":{"component":2,"name":2},"000038":{"component":2,"name":2},"000039":{"component":2,"name":2},"000040":{"component":2,"name":2},"000041":{"component":2,"name":2},"000042":{"component":2,"name":2},"000043":{"component":2,"name":2},"000044":{"component":2,"name":2},"000045":{"component":2,"name":2},"000046":{"component":2,"name":1},"000047":{"component":2,"name":2},"000048":{"component":2,"name":4},"000049":{"component":2,"name":2},"000050":{"component":2,"name":2},"000051":{"component":2,"name":3},"000052":{"component":2,"name":2},"00110":{"component":2,"name":2},"00111":{"component":2,"name":2},"00112":{"component":2,"name":2},"00113":{"component":2,"name":1},"00114":{"component":2,"name":2},"00115":{"component":2,"name":2},"00116":{"component":2,"name":2},"00117":{"component":2,"name":2},"00118":{"component":2,"name":2},"00119":{"component":2,"name":1},"001110":{"component":2,"name":2},"001111":{"component":2,"name":1},"001112":{"component":2,"name":1},"001113":{"component":2,"name":2},"001114":{"component":2,"name":1},"001115":{"component":2,"name":2},"001116":{"component":2,"name":2},"001117":{"component":2,"name":2},"001118":{"component":2,"name":2},"001119":{"component":2,"name":2},"001120":{"component":2,"name":2},"001121":{"component":2,"name":2},"001122":{"component":2,"name":2},"001123":{"component":2,"name":1},"001124":{"component":2,"name":1},"001125":{"component":2,"name":3},"001126":{"component":2,"name":1},"00220":{"component":2,"name":1},"00221":{"component":2,"name":2},"00222":{"component":2,"name":2},"00223":{"component":2,"name":2},"00224":{"component":2,"name":2},"00225":{"component":2,"name":2},"00226":{"component":2,"name":2},"00227":{"component":2,"name":1},"00228":{"component":2,"name":1},"00229":{"component":2,"name":2},"002210":{"component":2,"name":2},"002211":{"component":2,"name":3},"002212":{"component":2,"name":4},"002213":{"component":2,"name":2},"002214":{"component":2,"name":2},"002215":{"component":2,"name":2},"002216":{"component":2,"name":2},"002217":{"component":2,"name":2},"002218":{"component":2,"name":3},"002219":{"component":2,"name":2},"002220":{"component":2,"name":2},"002221":{"component":2,"name":2},"002222":{"component":2,"name":2},"002223":{"component":2,"name":3},"002224":{"component":2,"name":2},"002225":{"component":2,"name":2},"002226":{"component":2,"name":2},"002227":{"component":2,"name":2},"002228":{"component":2,"name":2},"002229":{"component":2,"name":2},"002230":{"component":2,"name":1},"002231":{"component":2,"name":2},"002232":{"component":2,"name":2},"002233":{"component":2,"name":2},"002234":{"component":2,"name":2},"002235":{"component":2,"name":2},"002236":{"component":2,"name":2},"002237":{"component":2,"name":2},"002238":{"component":2,"name":2},"002239":{"component":2,"name":2},"002240":{"component":2,"name":2},"002241":{"component":2,"name":2},"002242":{"component":2,"name":3},"002243":{"component":2,"name":3},"002244":{"component":2,"name":2},"002245":{"component":2,"name":1},"002246":{"component":2,"name":2},"002247":{"component":2,"name":2},"002248":{"component":2,"name":1},"002249":{"component":2,"name":2},"002250":{"component":2,"name":2},"00330":{"component":1,"name":2},"00331":{"component":1,"name":1},"00332":{"component":1,"name":3},"00333":{"component":1,"name":3},"00334":{"component":1,"name":2},"00335":{"component":1,"name":2},"00440":{"component":1,"name":1},"00441":{"component":1,"name":1},"00442":{"component":1,"name":2},"00443":{"component":1,"name":2},"00444":{"component":1,"name":2},"00445":{"component":1,"name":2},"00446":{"component":1,"name":3},"00447":{"component":1,"name":2},"00448":{"component":1,"name":3},"00449":{"component":1,"name":1},"004410":{"component":1,"name":2},"004411":{"component":1,"name":2},"004412":{"component":1,"name":2},"004413":{"component":1,"name":2},"004414":{"component":1,"name":3},"004415":{"component":1,"name":3},"004416":{"component":1,"name":2},"004417":{"component":1,"name":1},"004418":{"component":1,"name":2},"004419":{"component":1,"name":4},"004420":{"component":1,"name":2},"004421":{"component":1,"name":3},"004422":{"component":1,"name":1},"004423":{"component":1,"name":2},"004424":{"component":1,"name":3},"004425":{"component":1,"name":2},"004426":{"component":1,"name":3},"004427":{"component":1,"name":2},"004428":{"component":1,"name":2},"004429":{"component":1,"name":1},"004430":{"component":1,"name":1},"004431":{"component":1,"name":1},"004432":{"component":1,"name":3},"004433":{"component":1,"name":2},"004434":{"component":1,"name":1},"004435":{"component":1,"name":1},"004436":{"component":1,"name":3},"004437":{"component":1,"name":2},"004438":{"component":1,"name":2},"004439":{"component":1,"name":1},"004440":{"component":1,"name":1},"004441":{"component":1,"name":1},"004442":{"component":1,"name":1},"004443":{"component":1,"name":1},"004444":{"component":1,"name":1},"004445":{"component":1,"name":1},"004446":{"component":1,"name":1},"004447":{"component":1,"name":1},"004448":{"component":1,"name":3},"004449":{"component":1,"name":2},"004450":{"component":1,"name":2},"004451":{"component":1,"name":1},"004452":{"component":1,"name":4},"004453":{"component":1,"name":1},"004454":{"component":1,"name":1},"004455":{"component":1,"name":1},"004456":{"component":1,"name":3},"004457":{"component":1,"name":2},"004458":{"component":1,"name":2},"004459":{"component":1,"name":1},"004460":{"component":1,"name":1},"004461":{"component":1,"name":2},"004462":{"component":1,"name":1},"004463":{"component":1,"name":1},"004464":{"component":1,"name":1},"004465":{"component":1,"name":2},"004466":{"component":1,"name":1},"004467":{"component":1,"name":1},"004468":{"component":1,"name":2},"004469":{"component":1,"name":2},"004470":{"component":1,"name":2},"004471":{"component":1,"name":2},"004472":{"component":1,"name":2},"004473":{"component":1,"name":2},"004474":{"component":1,"name":2},"004475":{"component":1,"name":3},"004476":{"component":1,"name":2},"004477":{"component":1,"name":3},"004478":{"component":1,"name":2},"004479":{"component":1,"name":2},"004480":{"component":1,"name":2},"004481":{"component":1,"name":2},"004482":{"component":1,"name":2},"004483":{"component":1,"name":2},"004484":{"component":1,"name":3},"004485":{"component":1,"name":2},"004486":{"component":1,"name":1},"004487":{"component":1,"name":2},"004488":{"component":1,"name":1},"004489":{"component":1,"name":2},"004490":{"component":1,"name":2},"004491":{"component":1,"name":2},"004492":{"component":1,"name":2},"004493":{"component":1,"name":1},"004494":{"component":1,"name":1},"004495":{"component":1,"name":1},"004496":{"component":1,"name":2},"004497":{"component":1,"name":1},"004498":{"component":1,"name":1},"004499":{"component":1,"name":3},"0044100":{"component":1,"name":2},"00550":{"component":2,"name":1},"00551":{"component":2,"name":1},"00552":{"component":2,"name":3},"00553":{"component":2,"name":2},"00554":{"component":2,"name":1},"00555":{"component":2,"name":1},"00556":{"component":2,"name":2},"00557":{"component":2,"name":2},"00558":{"component":2,"name":2},"00559":{"component":2,"name":2},"005510":{"component":2,"name":1},"005511":{"component":2,"name":3},"005512":{"component":2,"name":3},"005513":{"component":2,"name":2},"00660":{"component":2,"name":2},"00661":{"component":2,"name":1},"00662":{"component":2,"name":3},"00663":{"component":2,"name":1},"00664":{"component":2,"name":2},"00665":{"component":2,"name":3},"00666":{"component":2,"name":2},"00667":{"component":2,"name":1},"00668":{"component":2,"name":2},"00669":{"component":2,"name":2},"006610":{"component":2,"name":2},"006611":{"component":2,"name":2},"006612":{"component":2,"name":2},"006613":{"component":2,"name":1},"006614":{"component":2,"name":2},"006615":{"component":2,"name":3},"006616":{"component":2,"name":1},"00770":{"component":2,"name":2},"00771":{"component":2,"name":1},"00772":{"component":2,"name":1},"00773":{"component":2,"name":2},"00774":{"component":2,"name":3},"00775":{"component":2,"name":1},"00776":{"component":2,"name":1},"00777":{"component":2,"name":1},"00880":{"component":1,"name":2},"00881":{"component":1,"name":1},"00882":{"component":1,"name":1},"00883":{"component":1,"name":1},"00884":{"component":1,"name":1},"00885":{"component":1,"name":1},"00886":{"component":1,"name":1},"00887":{"component":1,"name":2},"00888":{"component":1,"name":1},"00889":{"component":1,"name":1},"008810":{"component":1,"name":2},"008811":{"component":1,"name":2},"008812":{"component":1,"name":2},"008813":{"component":1,"name":2},"008814":{"component":1,"name":3},"008815":{"component":1,"name":3},"008816":{"component":1,"name":2},"008817":{"component":1,"name":3},"008818":{"component":1,"name":2},"008819":{"component":1,"name":2},"008820":{"component":1,"name":2},"008821":{"component":1,"name":2},"008822":{"component":1,"name":2},"008823":{"component":1,"name":3},"008824":{"component":1,"name":2},"008825":{"component":1,"name":2},"008826":{"component":1,"name":2},"008827":{"component":1,"name":2},"008828":{"component":1,"name":2},"008829":{"component":1,"name":2},"008830":{"component":1,"name":2},"008831":{"component":1,"name":3},"008832":{"component":1,"name":3},"008833":{"component":1,"name":2},"008834":{"component":1,"name":2},"008835":{"component":1,"name":1},"008836":{"component":1,"name":2},"008837":{"component":1,"name":2},"00990":{"component":2,"name":2},"00991":{"component":2,"name":2},"00992":{"component":2,"name":2},"00993":{"component":2,"name":4},"00994":{"component":2,"name":1},"00995":{"component":2,"name":1},"00996":{"component":2,"name":2},"00997":{"component":2,"name":2},"00998":{"component":2,"name":2},"00999":{"component":2,"name":2},"009910":{"component":2,"name":2},"009911":{"component":2,"name":3},"009912":{"component":2,"name":1},"009913":{"component":2,"name":2},"009914":{"component":2,"name":2},"009915":{"component":2,"name":2},"009916":{"component":2,"name":2},"009917":{"component":2,"name":2},"0010100":{"component":1,"name":2},"0010101":{"component":1,"name":1},"0010102":{"component":1,"name":2},"0010103":{"component":1,"name":1},"0010104":{"component":1,"name":2},"0010105":{"component":1,"name":2},"0010106":{"component":1,"name":1},"0010107":{"component":1,"name":1},"0010108":{"component":1,"name":2},"0010109":{"component":1,"name":1},"00101010":{"component":1,"name":2},"00101011":{"component":1,"name":1},"00101012":{"component":1,"name":1},"00101013":{"component":1,"name":4},"00101014":{"component":1,"name":3},"00101015":{"component":1,"name":1},"00101016":{"component":1,"name":2},"00101017":{"component":1,"name":2},"00101018":{"component":1,"name":5},"00101019":{"component":1,"name":2},"00101020":{"component":1,"name":1},"00101021":{"component":1,"name":1},"00101022":{"component":1,"name":2},"00101023":{"component":1,"name":2},"00101024":{"component":1,"name":2},"00101025":{"component":1,"name":2},"00101026":{"component":1,"name":3},"00101027":{"component":1,"name":2},"00101028":{"component":1,"name":4},"00101029":{"component":1,"name":3},"00101030":{"component":1,"name":2},"00101031":{"component":1,"name":3},"0011110":{"component":2,"name":1},"0011111":{"component":2,"name":1},"0011112":{"component":2,"name":1},"0011113":{"component":2,"name":2},"0011114":{"component":2,"name":2},"0011115":{"component":2,"name":2},"0011116":{"component":2,"name":1},"0011117":{"component":2,"name":2},"0011118":{"component":2,"name":2},"0011119":{"component":2,"name":1},"00111110":{"component":2,"name":3},"00111111":{"component":2,"name":1},"0012120":{"component":2,"name":1},"0012121":{"component":2,"name":1},"0012122":{"component":2,"name":3},"0013130":{"component":1,"name":2},"0013131":{"component":1,"name":2},"0013132":{"component":1,"name":2},"0013133":{"component":1,"name":2},"0013134":{"component":1,"name":2},"0013135":{"component":1,"name":2},"0013136":{"component":1,"name":2},"0013137":{"component":1,"name":1},"0013138":{"component":1,"name":2},"0013139":{"component":1,"name":2},"00131310":{"component":1,"name":2},"00131311":{"component":1,"name":1},"00131312":{"component":1,"name":3},"00131313":{"component":1,"name":2},"00131314":{"component":1,"name":2},"0014140":{"component":2,"name":1},"0014141":{"component":2,"name":2},"0014142":{"component":2,"name":3},"0014143":{"component":2,"name":3},"0014144":{"component":2,"name":1},"0014145":{"component":2,"name":2},"0014146":{"component":2,"name":2},"0015150":{"component":1,"name":2},"0015151":{"component":1,"name":1},"0015152":{"component":1,"name":1},"0015153":{"component":1,"name":1},"0015154":{"component":1,"name":2},"0015155":{"component":1,"name":1},"0015156":{"component":1,"name":1},"0015157":{"component":1,"name":2},"0015158":{"component":1,"name":2},"0015159":{"component":1,"name":2},"00151510":{"component":1,"name":3},"00151511":{"component":1,"name":1},"0016160":{"component":2,"name":1},"0016161":{"component":2,"name":2},"0016162":{"component":2,"name":1},"0016163":{"component":2,"name":4},"0016164":{"component":2,"name":4},"0016165":{"component":2,"name":2},"0016166":{"component":2,"name":1},"0017170":{"component":3,"name":1},"0017171":{"component":3,"name":2},"0017172":{"component":3,"name":1},"0017173":{"component":3,"name":1},"0017174":{"component":3,"name":4},"0017175":{"component":3,"name":1},"0017176":{"component":3,"name":1},"0017177":{"component":3,"name":2},"0017178":{"component":3,"name":2},"0017179":{"component":3,"name":2},"00171710":{"component":3,"name":1},"00171711":{"component":3,"name":1},"00171712":{"component":3,"name":2},"00171713":{"component":3,"name":2},"00171714":{"component":3,"name":1},"00171715":{"component":3,"name":2},"00171716":{"component":3,"name":3},"00171717":{"component":3,"name":1},"00171718":{"component":3,"name":1},"00171719":{"component":3,"name":2},"00171720":{"component":3,"name":2},"0018180":{"component":1,"name":2},"0018181":{"component":1,"name":2},"0018182":{"component":1,"name":2},"0018183":{"component":1,"name":1},"0018184":{"component":1,"name":3},"0018185":{"component":1,"name":3},"0018186":{"component":1,"name":2},"0018187":{"component":1,"name":2},"0018188":{"component":1,"name":3},"0018189":{"component":1,"name":3},"00181810":{"component":1,"name":1},"00181811":{"component":1,"name":3},"00181812":{"component":1,"name":3},"00181813":{"component":1,"name":2},"00181814":{"component":1,"name":2},"00181815":{"component":1,"name":2},"00181816":{"component":1,"name":1},"0019190":{"component":1,"name":2},"0019191":{"component":1,"name":1},"0020200":{"component":1,"name":2},"0020201":{"component":1,"name":2},"0020202":{"component":1,"name":1},"0020203":{"component":1,"name":2},"0020204":{"component":1,"name":2},"0020205":{"component":1,"name":2},"0020206":{"component":1,"name":1},"0020207":{"component":1,"name":2},"0021210":{"component":3,"name":1},"0021211":{"component":3,"name":2},"0021212":{"component":3,"name":2},"0021213":{"component":3,"name":2},"0022220":{"component":1,"name":2},"0022221":{"component":1,"name":2},"0022222":{"component":1,"name":2},"0022223":{"component":1,"name":3},"0022224":{"component":1,"name":2},"0022225":{"component":1,"name":4},"0022226":{"component":1,"name":2},"0022227":{"component":1,"name":1},"0022228":{"component":1,"name":4},"0022229":{"component":1,"name":2},"00222210":{"component":1,"name":2},"00222211":{"component":1,"name":2},"00222212":{"component":1,"name":2},"00222213":{"component":1,"name":3},"00222214":{"component":1,"name":2},"00222215":{"component":1,"name":3},"00222216":{"component":1,"name":2},"00222217":{"component":1,"name":2},"00222218":{"component":1,"name":2},"00222219":{"component":1,"name":1},"00222220":{"component":1,"name":2},"00222221":{"component":1,"name":3},"00222222":{"component":1,"name":2},"00222223":{"component":1,"name":3},"00222224":{"component":1,"name":2},"00222225":{"component":1,"name":2},"00222226":{"component":1,"name":3},"00222227":{"component":1,"name":2},"00222228":{"component":1,"name":1},"00222229":{"component":1,"name":2},"00222230":{"component":1,"name":1},"00222231":{"component":1,"name":1},"00222232":{"component":1,"name":2},"00222233":{"component":1,"name":2},"00222234":{"component":1,"name":2},"00222235":{"component":1,"name":2},"00222236":{"component":1,"name":1},"00222237":{"component":1,"name":2},"00222238":{"component":1,"name":2},"00222239":{"component":1,"name":2},"00222240":{"component":1,"name":2},"00222241":{"component":1,"name":4},"00222242":{"component":1,"name":2},"00222243":{"component":1,"name":3},"00222244":{"component":1,"name":2},"00222245":{"component":1,"name":3},"00222246":{"component":1,"name":2},"00222247":{"component":1,"name":4},"00222248":{"component":1,"name":1},"00222249":{"component":1,"name":2},"00222250":{"component":1,"name":2},"00222251":{"component":1,"name":2},"00222252":{"component":1,"name":1},"0023230":{"component":1,"name":2},"0023231":{"component":1,"name":2},"0023232":{"component":1,"name":2},"0023233":{"component":1,"name":3},"0023234":{"component":1,"name":1},"0023235":{"component":1,"name":3},"0023236":{"component":1,"name":1},"0023237":{"component":1,"name":2},"0023238":{"component":1,"name":2},"0023239":{"component":1,"name":1},"00232310":{"component":1,"name":1},"00232311":{"component":1,"name":2},"00232312":{"component":1,"name":2},"00232313":{"component":1,"name":1},"00232314":{"component":1,"name":1},"00232315":{"component":1,"name":1},"00232316":{"component":1,"name":1},"00232317":{"component":1,"name":2},"00232318":{"component":1,"name":1},"00232319":{"component":1,"name":1},"00232320":{"component":1,"name":2},"00232321":{"component":1,"name":2},"00232322":{"component":1,"name":4},"00232323":{"component":1,"name":2},"00232324":{"component":1,"name":2},"00232325":{"component":1,"name":2},"00232326":{"component":1,"name":2},"00232327":{"component":1,"name":2},"00232328":{"component":1,"name":3},"00232329":{"component":1,"name":2},"00232330":{"component":1,"name":2},"00232331":{"component":1,"name":2},"00232332":{"component":1,"name":1},"00232333":{"component":1,"name":2},"00232334":{"component":1,"name":4},"0024240":{"component":1,"name":2},"0024241":{"component":1,"name":2},"0024242":{"component":1,"name":2},"0024243":{"component":1,"name":2},"0024244":{"component":1,"name":2},"0024245":{"component":1,"name":2},"0024246":{"component":1,"name":2},"0025250":{"component":1,"name":2},"0025251":{"component":1,"name":2},"0025252":{"component":1,"name":2},"0025253":{"component":1,"name":1},"0025254":{"component":1,"name":2},"0025255":{"component":1,"name":2},"0026260":{"component":1,"name":2},"0026261":{"component":1,"name":2},"0026262":{"component":1,"name":2},"0026263":{"component":1,"name":2},"0026264":{"component":1,"name":1},"0026265":{"component":1,"name":3},"0027270":{"component":1,"name":2},"0027271":{"component":1,"name":2},"0027272":{"component":1,"name":2},"0027273":{"component":1,"name":1},"0027274":{"component":1,"name":2},"0028280":{"component":1,"name":2},"0028281":{"component":1,"name":2},"0028282":{"component":1,"name":1},"0028283":{"component":1,"name":2},"0029290":{"component":1,"name":2},"0029291":{"component":1,"name":3},"0029292":{"component":1,"name":2},"0029293":{"component":1,"name":1},"0029294":{"component":1,"name":1},"0029295":{"component":1,"name":2},"0029296":{"component":1,"name":2},"0030300":{"component":1,"name":2},"0030301":{"component":1,"name":3},"0030302":{"component":1,"name":2},"0030303":{"component":1,"name":2},"0030304":{"component":1,"name":1},"0030305":{"component":1,"name":1},"0030306":{"component":1,"name":1},"0030307":{"component":1,"name":2},"0031310":{"component":2,"name":2},"0031311":{"component":2,"name":3},"0031312":{"component":2,"name":2},"0031313":{"component":2,"name":1},"0031314":{"component":2,"name":1},"0031315":{"component":2,"name":1},"0031316":{"component":2,"name":1},"0031317":{"component":2,"name":2},"0032320":{"component":2,"name":2},"0032321":{"component":2,"name":2},"0032322":{"component":2,"name":1},"0032323":{"component":2,"name":1},"0032324":{"component":2,"name":1},"0032325":{"component":2,"name":2},"0032326":{"component":2,"name":2},"0032327":{"component":2,"name":1},"0032328":{"component":2,"name":3},"0032329":{"component":2,"name":2},"00323210":{"component":2,"name":2},"0033330":{"component":2,"name":2},"0033331":{"component":2,"name":2},"0033332":{"component":2,"name":3},"0033333":{"component":2,"name":1},"0033334":{"component":2,"name":1},"0034340":{"component":1,"name":2},"0034341":{"component":1,"name":2},"0034342":{"component":1,"name":1},"0035350":{"component":2,"name":2},"0036360":{"component":2,"name":2},"0036361":{"component":2,"name":2},"0036362":{"component":2,"name":1},"0036363":{"component":2,"name":1},"0036364":{"component":2,"name":2},"0036365":{"component":2,"name":1},"0036366":{"component":2,"name":2},"0037370":{"component":1,"name":2},"0037371":{"component":1,"name":1},"0037372":{"component":1,"name":1},"0037373":{"component":1,"name":2},"0037374":{"component":1,"name":2},"0037375":{"component":1,"name":3},"0038380":{"component":1,"name":2},"0038381":{"component":1,"name":1},"0038382":{"component":1,"name":2},"0038383":{"component":1,"name":1},"0039390":{"component":1,"name":2},"0039391":{"component":1,"name":1},"0039392":{"component":1,"name":1},"0040400":{"component":1,"name":2},"0040401":{"component":1,"name":2},"0040402":{"component":1,"name":2},"0040403":{"component":1,"name":3},"0040404":{"component":1,"name":1},"0040405":{"component":1,"name":2},"0040406":{"component":1,"name":2},"0040407":{"component":1,"name":3},"0040408":{"component":1,"name":1},"0041410":{"component":2,"name":1},"0041411":{"component":2,"name":2},"0041412":{"component":2,"name":1},"0041413":{"component":2,"name":3},"0041414":{"component":2,"name":2},"0041415":{"component":2,"name":3},"0041416":{"component":2,"name":3},"0041417":{"component":2,"name":3},"0041418":{"component":2,"name":4},"0041419":{"component":2,"name":4},"00414110":{"component":2,"name":3},"0042420":{"component":1,"name":1},"0042421":{"component":1,"name":1},"0042422":{"component":1,"name":1},"0042423":{"component":1,"name":1},"0042424":{"component":1,"name":1},"0042425":{"component":1,"name":1},"0043430":{"component":1,"name":2},"0043431":{"component":1,"name":1},"0043432":{"component":1,"name":1},"0043433":{"component":1,"name":1},"0043434":{"component":1,"name":1},"0044440":{"component":2,"name":2},"0044441":{"component":2,"name":2},"0044442":{"component":2,"name":3},"0044443":{"component":2,"name":2},"0045450":{"component":1,"name":2},"0045451":{"component":1,"name":2},"0046460":{"component":2,"name":2},"0046461":{"component":2,"name":2},"0046462":{"component":2,"name":1},"0047470":{"component":2,"name":2},"0047471":{"component":2,"name":2},"0047472":{"component":2,"name":2},"0047473":{"component":2,"name":2},"0048480":{"component":2,"name":2},"0048481":{"component":2,"name":2},"0048482":{"component":2,"name":2},"0048483":{"component":2,"name":1},"0049490":{"component":2,"name":2},"0049491":{"component":2,"name":2},"0049492":{"component":2,"name":1},"0049493":{"component":2,"name":2},"0049494":{"component":2,"name":2},"0049495":{"component":2,"name":2},"0049496":{"component":2,"name":2},"0049497":{"component":2,"name":3},"0050500":{"component":2,"name":2},"0050501":{"component":2,"name":1},"0050502":{"component":2,"name":1},"0050503":{"component":2,"name":2},"0050504":{"component":2,"name":1},"0050505":{"component":2,"name":1},"0050506":{"component":2,"name":1},"0050507":{"component":2,"name":1},"0050508":{"component":2,"name":1},"0050509":{"component":2,"name":1},"00505010":{"component":2,"name":1},"00505011":{"component":2,"name":1},"00505012":{"component":2,"name":2},"0051510":{"component":1,"name":1},"0051511":{"component":1,"name":1},"0051512":{"component":1,"name":1},"0051513":{"component":1,"name":1},"0051514":{"component":1,"name":1},"0052520":{"component":1,"name":2},"0052521":{"component":1,"name":2},"0052522":{"component":1,"name":2},"0052523":{"component":1,"name":2},"0052524":{"component":1,"name":2},"0052525":{"component":1,"name":2},"0052526":{"component":1,"name":2},"0053530":{"component":1,"name":2},"0053531":{"component":1,"name":2},"0053532":{"component":1,"name":1},"0053533":{"component":1,"name":1},"0053534":{"component":1,"name":2},"0053535":{"component":1,"name":1},"0053536":{"component":1,"name":1},"0053537":{"component":1,"name":1},"0053538":{"component":1,"name":1},"0053539":{"component":1,"name":2},"00535310":{"component":1,"name":3},"0054540":{"component":1,"name":2},"0054541":{"component":1,"name":2},"0054542":{"component":1,"name":1},"0054543":{"component":1,"name":2},"0054544":{"component":1,"name":1},"0054545":{"component":1,"name":1},"0054546":{"component":1,"name":2},"0054547":{"component":1,"name":2},"0055550":{"component":1,"name":2},"0055551":{"component":1,"name":1},"0055552":{"component":1,"name":2},"0055553":{"component":1,"name":2},"0055554":{"component":1,"name":2},"0055555":{"component":1,"name":2},"0055556":{"component":1,"name":1},"0056560":{"component":1,"name":2},"0056561":{"component":1,"name":3},"0056562":{"component":1,"name":3},"0056563":{"component":1,"name":2},"0056564":{"component":1,"name":3},"0056565":{"component":1,"name":3},"0057570":{"component":2,"name":2},"0057571":{"component":2,"name":2},"0057572":{"component":2,"name":1},"0057573":{"component":2,"name":2},"0057574":{"component":2,"name":3},"0058580":{"component":2,"name":2},"0058581":{"component":2,"name":1},"0058582":{"component":2,"name":4},"0059590":{"component":2,"name":2},"0059591":{"component":2,"name":2},"0059592":{"component":2,"name":3},"0059593":{"component":2,"name":2}},"length":777,"save":true},"index":{"component":{"root":{"docs":{},"df":0,"d":{"docs":{},"df":0,"a":{"docs":{},"df":0,"t":{"docs":{},"df":0,"a":{"docs":{"00000":{"tf":1},"00001":{"tf":1},"00002":{"tf":1},"00003":{"tf":1},"00004":{"tf":1},"00005":{"tf":1},"00006":{"tf":1},"00007":{"tf":1},"00008":{"tf":1},"00009":{"tf":1},"000010":{"tf":1},"000011":{"tf":1},"000012":{"tf":1},"000013":{"tf":1},"000014":{"tf":1},"000015":{"tf":1},"000016":{"tf":1},"000017":{"tf":1},"000018":{"tf":1},"000019":{"tf":1},"000020":{"tf":1},"000021":{"tf":1},"000022":{"tf":1},"000023":{"tf":1},"000024":{"tf":1},"000025":{"tf":1},"000026":{"tf":1},"000027":{"tf":1},"000028":{"tf":1},"000029":{"tf":1},"000030":{"tf":1},"000031":{"tf":1},"000032":{"tf":1},"000033":{"tf":1},"000034":{"tf":1},"000035":{"tf":1},"000036":{"tf":1},"000037":{"tf":1},"000038":{"tf":1},"000039":{"tf":1},"000040":{"tf":1},"000041":{"tf":1},"000042":{"tf":1},"000043":{"tf":1},"000044":{"tf":1},"000045":{"tf":1},"000046":{"tf":1},"000047":{"tf":1},"000048":{"tf":1},"000049":{"tf":1},"000050":{"tf":1},"000051":{"tf":1},"000052":{"tf":1}},"df":53},"e":{"docs":{},"df":0,"p":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"0025250":{"tf":1},"0025251":{"tf":1},"0025252":{"tf":1},"0025253":{"tf":1},"0025254":{"tf":1},"0025255":{"tf":1}},"df":6}}}},"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"n":{"docs":{},"df":0,"g":{"docs":{},"df":0,"e":{"docs":{},"df":0,"p":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"0026260":{"tf":1},"0026261":{"tf":1},"0026262":{"tf":1},"0026263":{"tf":1},"0026264":{"tf":1},"0026265":{"tf":1}},"df":6}}}}}}}}},"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"p":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"0027270":{"tf":1},"0027271":{"tf":1},"0027272":{"tf":1},"0027273":{"tf":1},"0027274":{"tf":1}},"df":5}}}}}}}}}},"s":{"docs":{},"df":0,"h":{"docs":{},"df":0,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{"0057570":{"tf":1},"0057571":{"tf":1},"0057572":{"tf":1},"0057573":{"tf":1},"0057574":{"tf":1}},"df":5}}}}}}}},"i":{"docs":{},"df":0,"a":{"docs":{},"df":0,"g":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"m":{"docs":{"00880":{"tf":1},"00881":{"tf":1},"00882":{"tf":1},"00883":{"tf":1},"00884":{"tf":1},"00885":{"tf":1},"00886":{"tf":1},"00887":{"tf":1},"00888":{"tf":1},"00889":{"tf":1},"008810":{"tf":1},"008811":{"tf":1},"008812":{"tf":1},"008813":{"tf":1},"008814":{"tf":1},"008815":{"tf":1},"008816":{"tf":1},"008817":{"tf":1},"008818":{"tf":1},"008819":{"tf":1},"008820":{"tf":1},"008821":{"tf":1},"008822":{"tf":1},"008823":{"tf":1},"008824":{"tf":1},"008825":{"tf":1},"008826":{"tf":1},"008827":{"tf":1},"008828":{"tf":1},"008829":{"tf":1},"008830":{"tf":1},"008831":{"tf":1},"008832":{"tf":1},"008833":{"tf":1},"008834":{"tf":1},"008835":{"tf":1},"008836":{"tf":1},"008837":{"tf":1}},"df":38}}}},"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"g":{"docs":{"0053530":{"tf":1},"0053531":{"tf":1},"0053532":{"tf":1},"0053533":{"tf":1},"0053534":{"tf":1},"0053535":{"tf":1},"0053536":{"tf":1},"0053537":{"tf":1},"0053538":{"tf":1},"0053539":{"tf":1},"00535310":{"tf":1}},"df":11}}}}},"o":{"docs":{},"df":0,"c":{"docs":{},"df":0,"u":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"d":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{"0018180":{"tf":1},"0018181":{"tf":1},"0018182":{"tf":1},"0018183":{"tf":1},"0018184":{"tf":1},"0018185":{"tf":1},"0018186":{"tf":1},"0018187":{"tf":1},"0018188":{"tf":1},"0018189":{"tf":1},"00181810":{"tf":1},"00181811":{"tf":1},"00181812":{"tf":1},"00181813":{"tf":1},"00181814":{"tf":1},"00181815":{"tf":1},"00181816":{"tf":1}},"df":17}}}}}}}}}}}}},"r":{"docs":{},"df":0,"o":{"docs":{},"df":0,"p":{"docs":{},"df":0,"d":{"docs":{},"df":0,"o":{"docs":{},"df":0,"w":{"docs":{},"df":0,"n":{"docs":{"0031310":{"tf":1},"0031311":{"tf":1},"0031312":{"tf":1},"0031313":{"tf":1},"0031314":{"tf":1},"0031315":{"tf":1},"0031316":{"tf":1},"0031317":{"tf":1},"0032320":{"tf":1},"0032321":{"tf":1},"0032322":{"tf":1},"0032323":{"tf":1},"0032324":{"tf":1},"0032325":{"tf":1},"0032326":{"tf":1},"0032327":{"tf":1},"0032328":{"tf":1},"0032329":{"tf":1},"00323210":{"tf":1}},"df":19}}}}}}}},"g":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{"00000":{"tf":1},"00001":{"tf":1},"00002":{"tf":1},"00003":{"tf":1},"00004":{"tf":1},"00005":{"tf":1},"00006":{"tf":1},"00007":{"tf":1},"00008":{"tf":1},"00009":{"tf":1},"000010":{"tf":1},"000011":{"tf":1},"000012":{"tf":1},"000013":{"tf":1},"000014":{"tf":1},"000015":{"tf":1},"000016":{"tf":1},"000017":{"tf":1},"000018":{"tf":1},"000019":{"tf":1},"000020":{"tf":1},"000021":{"tf":1},"000022":{"tf":1},"000023":{"tf":1},"000024":{"tf":1},"000025":{"tf":1},"000026":{"tf":1},"000027":{"tf":1},"000028":{"tf":1},"000029":{"tf":1},"000030":{"tf":1},"000031":{"tf":1},"000032":{"tf":1},"000033":{"tf":1},"000034":{"tf":1},"000035":{"tf":1},"000036":{"tf":1},"000037":{"tf":1},"000038":{"tf":1},"000039":{"tf":1},"000040":{"tf":1},"000041":{"tf":1},"000042":{"tf":1},"000043":{"tf":1},"000044":{"tf":1},"000045":{"tf":1},"000046":{"tf":1},"000047":{"tf":1},"000048":{"tf":1},"000049":{"tf":1},"000050":{"tf":1},"000051":{"tf":1},"000052":{"tf":1},"00220":{"tf":1},"00221":{"tf":1},"00222":{"tf":1},"00223":{"tf":1},"00224":{"tf":1},"00225":{"tf":1},"00226":{"tf":1},"00227":{"tf":1},"00228":{"tf":1},"00229":{"tf":1},"002210":{"tf":1},"002211":{"tf":1},"002212":{"tf":1},"002213":{"tf":1},"002214":{"tf":1},"002215":{"tf":1},"002216":{"tf":1},"002217":{"tf":1},"002218":{"tf":1},"002219":{"tf":1},"002220":{"tf":1},"002221":{"tf":1},"002222":{"tf":1},"002223":{"tf":1},"002224":{"tf":1},"002225":{"tf":1},"002226":{"tf":1},"002227":{"tf":1},"002228":{"tf":1},"002229":{"tf":1},"002230":{"tf":1},"002231":{"tf":1},"002232":{"tf":1},"002233":{"tf":1},"002234":{"tf":1},"002235":{"tf":1},"002236":{"tf":1},"002237":{"tf":1},"002238":{"tf":1},"002239":{"tf":1},"002240":{"tf":1},"002241":{"tf":1},"002242":{"tf":1},"002243":{"tf":1},"002244":{"tf":1},"002245":{"tf":1},"002246":{"tf":1},"002247":{"tf":1},"002248":{"tf":1},"002249":{"tf":1},"002250":{"tf":1}},"df":104}}},"a":{"docs":{},"df":0,"u":{"docs":{},"df":0,"g":{"docs":{"00660":{"tf":1},"00661":{"tf":1},"00662":{"tf":1},"00663":{"tf":1},"00664":{"tf":1},"00665":{"tf":1},"00666":{"tf":1},"00667":{"tf":1},"00668":{"tf":1},"00669":{"tf":1},"006610":{"tf":1},"006611":{"tf":1},"006612":{"tf":1},"006613":{"tf":1},"006614":{"tf":1},"006615":{"tf":1},"006616":{"tf":1},"00770":{"tf":1},"00771":{"tf":1},"00772":{"tf":1},"00773":{"tf":1},"00774":{"tf":1},"00775":{"tf":1},"00776":{"tf":1},"00777":{"tf":1}},"df":25}},"n":{"docs":{},"df":0,"t":{"docs":{},"df":0,"t":{"docs":{"0023230":{"tf":1},"0023231":{"tf":1},"0023232":{"tf":1},"0023233":{"tf":1},"0023234":{"tf":1},"0023235":{"tf":1},"0023236":{"tf":1},"0023237":{"tf":1},"0023238":{"tf":1},"0023239":{"tf":1},"00232310":{"tf":1},"00232311":{"tf":1},"00232312":{"tf":1},"00232313":{"tf":1},"00232314":{"tf":1},"00232315":{"tf":1},"00232316":{"tf":1},"00232317":{"tf":1},"00232318":{"tf":1},"00232319":{"tf":1},"00232320":{"tf":1},"00232321":{"tf":1},"00232322":{"tf":1},"00232323":{"tf":1},"00232324":{"tf":1},"00232325":{"tf":1},"00232326":{"tf":1},"00232327":{"tf":1},"00232328":{"tf":1},"00232329":{"tf":1},"00232330":{"tf":1},"00232331":{"tf":1},"00232332":{"tf":1},"00232333":{"tf":1},"00232334":{"tf":1}},"df":35}}}}},"p":{"docs":{},"df":0,"i":{"docs":{},"df":0,"v":{"docs":{},"df":0,"o":{"docs":{},"df":0,"t":{"docs":{"00110":{"tf":1},"00111":{"tf":1},"00112":{"tf":1},"00113":{"tf":1},"00114":{"tf":1},"00115":{"tf":1},"00116":{"tf":1},"00117":{"tf":1},"00118":{"tf":1},"00119":{"tf":1},"001110":{"tf":1},"001111":{"tf":1},"001112":{"tf":1},"001113":{"tf":1},"001114":{"tf":1},"001115":{"tf":1},"001116":{"tf":1},"001117":{"tf":1},"001118":{"tf":1},"001119":{"tf":1},"001120":{"tf":1},"001121":{"tf":1},"001122":{"tf":1},"001123":{"tf":1},"001124":{"tf":1},"001125":{"tf":1},"001126":{"tf":1}},"df":27}}},"c":{"docs":{},"df":0,"k":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0048480":{"tf":1},"0048481":{"tf":1},"0048482":{"tf":1},"0048483":{"tf":1}},"df":4}}}}},"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"e":{"docs":{"0021210":{"tf":1},"0021211":{"tf":1},"0021212":{"tf":1},"0021213":{"tf":1}},"df":4}}}},"d":{"docs":{},"df":0,"f":{"docs":{"0059590":{"tf":1},"0059591":{"tf":1},"0059592":{"tf":1},"0059593":{"tf":1}},"df":4}}},"t":{"docs":{},"df":0,"a":{"docs":{},"df":0,"b":{"docs":{"0038380":{"tf":1},"0038381":{"tf":1},"0038382":{"tf":1},"0038383":{"tf":1}},"df":4,"l":{"docs":{"00110":{"tf":1},"00111":{"tf":1},"00112":{"tf":1},"00113":{"tf":1},"00114":{"tf":1},"00115":{"tf":1},"00116":{"tf":1},"00117":{"tf":1},"00118":{"tf":1},"00119":{"tf":1},"001110":{"tf":1},"001111":{"tf":1},"001112":{"tf":1},"001113":{"tf":1},"001114":{"tf":1},"001115":{"tf":1},"001116":{"tf":1},"001117":{"tf":1},"001118":{"tf":1},"001119":{"tf":1},"001120":{"tf":1},"001121":{"tf":1},"001122":{"tf":1},"001123":{"tf":1},"001124":{"tf":1},"001125":{"tf":1},"001126":{"tf":1}},"df":27}}},"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"e":{"docs":{"00220":{"tf":1},"00221":{"tf":1},"00222":{"tf":1},"00223":{"tf":1},"00224":{"tf":1},"00225":{"tf":1},"00226":{"tf":1},"00227":{"tf":1},"00228":{"tf":1},"00229":{"tf":1},"002210":{"tf":1},"002211":{"tf":1},"002212":{"tf":1},"002213":{"tf":1},"002214":{"tf":1},"002215":{"tf":1},"002216":{"tf":1},"002217":{"tf":1},"002218":{"tf":1},"002219":{"tf":1},"002220":{"tf":1},"002221":{"tf":1},"002222":{"tf":1},"002223":{"tf":1},"002224":{"tf":1},"002225":{"tf":1},"002226":{"tf":1},"002227":{"tf":1},"002228":{"tf":1},"002229":{"tf":1},"002230":{"tf":1},"002231":{"tf":1},"002232":{"tf":1},"002233":{"tf":1},"002234":{"tf":1},"002235":{"tf":1},"002236":{"tf":1},"002237":{"tf":1},"002238":{"tf":1},"002239":{"tf":1},"002240":{"tf":1},"002241":{"tf":1},"002242":{"tf":1},"002243":{"tf":1},"002244":{"tf":1},"002245":{"tf":1},"002246":{"tf":1},"002247":{"tf":1},"002248":{"tf":1},"002249":{"tf":1},"002250":{"tf":1}},"df":51,"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{"0015150":{"tf":1},"0015151":{"tf":1},"0015152":{"tf":1},"0015153":{"tf":1},"0015154":{"tf":1},"0015155":{"tf":1},"0015156":{"tf":1},"0015157":{"tf":1},"0015158":{"tf":1},"0015159":{"tf":1},"00151510":{"tf":1},"00151511":{"tf":1}},"df":12}}},"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"e":{"docs":{},"df":0,"w":{"docs":{"0040400":{"tf":1},"0040401":{"tf":1},"0040402":{"tf":1},"0040403":{"tf":1},"0040404":{"tf":1},"0040405":{"tf":1},"0040406":{"tf":1},"0040407":{"tf":1},"0040408":{"tf":1}},"df":9}}}}}}},"e":{"docs":{},"df":0,"x":{"docs":{},"df":0,"t":{"docs":{"0017170":{"tf":1},"0017171":{"tf":1},"0017172":{"tf":1},"0017173":{"tf":1},"0017174":{"tf":1},"0017175":{"tf":1},"0017176":{"tf":1},"0017177":{"tf":1},"0017178":{"tf":1},"0017179":{"tf":1},"00171710":{"tf":1},"00171711":{"tf":1},"00171712":{"tf":1},"00171713":{"tf":1},"00171714":{"tf":1},"00171715":{"tf":1},"00171716":{"tf":1},"00171717":{"tf":1},"00171718":{"tf":1},"00171719":{"tf":1},"00171720":{"tf":1}},"df":21,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"x":{"docs":{"0045450":{"tf":1},"0045451":{"tf":1},"0047470":{"tf":1},"0047471":{"tf":1},"0047472":{"tf":1},"0047473":{"tf":1}},"df":6}}}}}},"i":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"p":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"0028280":{"tf":1},"0028281":{"tf":1},"0028282":{"tf":1},"0028283":{"tf":1}},"df":4}}}}}}},"o":{"docs":{},"df":0,"o":{"docs":{},"df":0,"l":{"docs":{},"df":0,"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"0039390":{"tf":1},"0039391":{"tf":1},"0039392":{"tf":1}},"df":3}}},"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"p":{"docs":{"0055550":{"tf":1},"0055551":{"tf":1},"0055552":{"tf":1},"0055553":{"tf":1},"0055554":{"tf":1},"0055555":{"tf":1},"0055556":{"tf":1}},"df":7}}}}},"a":{"docs":{},"df":0,"s":{"docs":{},"df":0,"t":{"docs":{"0043430":{"tf":1},"0043431":{"tf":1},"0043432":{"tf":1},"0043433":{"tf":1},"0043434":{"tf":1}},"df":5}}}}},"s":{"docs":{},"df":0,"p":{"docs":{},"df":0,"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"d":{"docs":{},"df":0,"s":{"docs":{},"df":0,"h":{"docs":{},"df":0,"e":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{"00330":{"tf":1},"00331":{"tf":1},"00332":{"tf":1},"00333":{"tf":1},"00334":{"tf":1},"00335":{"tf":1}},"df":6}}}}}}}}},"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"k":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"0014140":{"tf":1},"0014141":{"tf":1},"0014142":{"tf":1},"0014143":{"tf":1},"0014144":{"tf":1},"0014145":{"tf":1},"0014146":{"tf":1}},"df":7}}}}}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0056560":{"tf":1},"0056561":{"tf":1},"0056562":{"tf":1},"0056563":{"tf":1},"0056564":{"tf":1},"0056565":{"tf":1}},"df":6}}}}}}},"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"00550":{"tf":1},"00551":{"tf":1},"00552":{"tf":1},"00553":{"tf":1},"00554":{"tf":1},"00555":{"tf":1},"00556":{"tf":1},"00557":{"tf":1},"00558":{"tf":1},"00559":{"tf":1},"005510":{"tf":1},"005511":{"tf":1},"005512":{"tf":1},"005513":{"tf":1}},"df":14}}}},"e":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{"0011110":{"tf":1},"0011111":{"tf":1},"0011112":{"tf":1},"0011113":{"tf":1},"0011114":{"tf":1},"0011115":{"tf":1},"0011116":{"tf":1},"0011117":{"tf":1},"0011118":{"tf":1},"0011119":{"tf":1},"00111110":{"tf":1},"00111111":{"tf":1}},"df":12}}}}}}},"m":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{},"df":0,"h":{"docs":{"0012120":{"tf":1},"0012121":{"tf":1},"0012122":{"tf":1}},"df":3}}}},"c":{"docs":{},"df":0,"h":{"docs":{},"df":0,"e":{"docs":{},"df":0,"d":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{"0022220":{"tf":1},"0022221":{"tf":1},"0022222":{"tf":1},"0022223":{"tf":1},"0022224":{"tf":1},"0022225":{"tf":1},"0022226":{"tf":1},"0022227":{"tf":1},"0022228":{"tf":1},"0022229":{"tf":1},"00222210":{"tf":1},"00222211":{"tf":1},"00222212":{"tf":1},"00222213":{"tf":1},"00222214":{"tf":1},"00222215":{"tf":1},"00222216":{"tf":1},"00222217":{"tf":1},"00222218":{"tf":1},"00222219":{"tf":1},"00222220":{"tf":1},"00222221":{"tf":1},"00222222":{"tf":1},"00222223":{"tf":1},"00222224":{"tf":1},"00222225":{"tf":1},"00222226":{"tf":1},"00222227":{"tf":1},"00222228":{"tf":1},"00222229":{"tf":1},"00222230":{"tf":1},"00222231":{"tf":1},"00222232":{"tf":1},"00222233":{"tf":1},"00222234":{"tf":1},"00222235":{"tf":1},"00222236":{"tf":1},"00222237":{"tf":1},"00222238":{"tf":1},"00222239":{"tf":1},"00222240":{"tf":1},"00222241":{"tf":1},"00222242":{"tf":1},"00222243":{"tf":1},"00222244":{"tf":1},"00222245":{"tf":1},"00222246":{"tf":1},"00222247":{"tf":1},"00222248":{"tf":1},"00222249":{"tf":1},"00222250":{"tf":1},"00222251":{"tf":1},"00222252":{"tf":1}},"df":53}}}}}},"i":{"docs":{},"df":0,"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"0037370":{"tf":1},"0037371":{"tf":1},"0037372":{"tf":1},"0037373":{"tf":1},"0037374":{"tf":1},"0037375":{"tf":1}},"df":6}}}}}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0050500":{"tf":1},"0050501":{"tf":1},"0050502":{"tf":1},"0050503":{"tf":1},"0050504":{"tf":1},"0050505":{"tf":1},"0050506":{"tf":1},"0050507":{"tf":1},"0050508":{"tf":1},"0050509":{"tf":1},"00505010":{"tf":1},"00505011":{"tf":1},"00505012":{"tf":1}},"df":13}}}}}},"c":{"docs":{},"df":0,"h":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{"00440":{"tf":1},"00441":{"tf":1},"00442":{"tf":1},"00443":{"tf":1},"00444":{"tf":1},"00445":{"tf":1},"00446":{"tf":1},"00447":{"tf":1},"00448":{"tf":1},"00449":{"tf":1},"004410":{"tf":1},"004411":{"tf":1},"004412":{"tf":1},"004413":{"tf":1},"004414":{"tf":1},"004415":{"tf":1},"004416":{"tf":1},"004417":{"tf":1},"004418":{"tf":1},"004419":{"tf":1},"004420":{"tf":1},"004421":{"tf":1},"004422":{"tf":1},"004423":{"tf":1},"004424":{"tf":1},"004425":{"tf":1},"004426":{"tf":1},"004427":{"tf":1},"004428":{"tf":1},"004429":{"tf":1},"004430":{"tf":1},"004431":{"tf":1},"004432":{"tf":1},"004433":{"tf":1},"004434":{"tf":1},"004435":{"tf":1},"004436":{"tf":1},"004437":{"tf":1},"004438":{"tf":1},"004439":{"tf":1},"004440":{"tf":1},"004441":{"tf":1},"004442":{"tf":1},"004443":{"tf":1},"004444":{"tf":1},"004445":{"tf":1},"004446":{"tf":1},"004447":{"tf":1},"004448":{"tf":1},"004449":{"tf":1},"004450":{"tf":1},"004451":{"tf":1},"004452":{"tf":1},"004453":{"tf":1},"004454":{"tf":1},"004455":{"tf":1},"004456":{"tf":1},"004457":{"tf":1},"004458":{"tf":1},"004459":{"tf":1},"004460":{"tf":1},"004461":{"tf":1},"004462":{"tf":1},"004463":{"tf":1},"004464":{"tf":1},"004465":{"tf":1},"004466":{"tf":1},"004467":{"tf":1},"004468":{"tf":1},"004469":{"tf":1},"004470":{"tf":1},"004471":{"tf":1},"004472":{"tf":1},"004473":{"tf":1},"004474":{"tf":1},"004475":{"tf":1},"004476":{"tf":1},"004477":{"tf":1},"004478":{"tf":1},"004479":{"tf":1},"004480":{"tf":1},"004481":{"tf":1},"004482":{"tf":1},"004483":{"tf":1},"004484":{"tf":1},"004485":{"tf":1},"004486":{"tf":1},"004487":{"tf":1},"004488":{"tf":1},"004489":{"tf":1},"004490":{"tf":1},"004491":{"tf":1},"004492":{"tf":1},"004493":{"tf":1},"004494":{"tf":1},"004495":{"tf":1},"004496":{"tf":1},"004497":{"tf":1},"004498":{"tf":1},"004499":{"tf":1},"0044100":{"tf":1},"00550":{"tf":1},"00551":{"tf":1},"00552":{"tf":1},"00553":{"tf":1},"00554":{"tf":1},"00555":{"tf":1},"00556":{"tf":1},"00557":{"tf":1},"00558":{"tf":1},"00559":{"tf":1},"005510":{"tf":1},"005511":{"tf":1},"005512":{"tf":1},"005513":{"tf":1},"00990":{"tf":1},"00991":{"tf":1},"00992":{"tf":1},"00993":{"tf":1},"00994":{"tf":1},"00995":{"tf":1},"00996":{"tf":1},"00997":{"tf":1},"00998":{"tf":1},"00999":{"tf":1},"009910":{"tf":1},"009911":{"tf":1},"009912":{"tf":1},"009913":{"tf":1},"009914":{"tf":1},"009915":{"tf":1},"009916":{"tf":1},"009917":{"tf":1},"0012120":{"tf":1},"0012121":{"tf":1},"0012122":{"tf":1},"0014140":{"tf":1},"0014141":{"tf":1},"0014142":{"tf":1},"0014143":{"tf":1},"0014144":{"tf":1},"0014145":{"tf":1},"0014146":{"tf":1},"0016160":{"tf":1},"0016161":{"tf":1},"0016162":{"tf":1},"0016163":{"tf":1},"0016164":{"tf":1},"0016165":{"tf":1},"0016166":{"tf":1}},"df":150}}},"i":{"docs":{},"df":0,"p":{"docs":{"0019190":{"tf":1},"0019191":{"tf":1}},"df":2}}},"i":{"docs":{},"df":0,"r":{"docs":{},"df":0,"c":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"00660":{"tf":1},"00661":{"tf":1},"00662":{"tf":1},"00663":{"tf":1},"00664":{"tf":1},"00665":{"tf":1},"00666":{"tf":1},"00667":{"tf":1},"00668":{"tf":1},"00669":{"tf":1},"006610":{"tf":1},"006611":{"tf":1},"006612":{"tf":1},"006613":{"tf":1},"006614":{"tf":1},"006615":{"tf":1},"006616":{"tf":1}},"df":17}}}}}}},"a":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"0024240":{"tf":1},"0024241":{"tf":1},"0024242":{"tf":1},"0024243":{"tf":1},"0024244":{"tf":1},"0024245":{"tf":1},"0024246":{"tf":1}},"df":7}}}}}},"r":{"docs":{},"df":0,"d":{"docs":{"0052520":{"tf":1},"0052521":{"tf":1},"0052522":{"tf":1},"0052523":{"tf":1},"0052524":{"tf":1},"0052525":{"tf":1},"0052526":{"tf":1}},"df":7}}},"o":{"docs":{},"df":0,"m":{"docs":{},"df":0,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"x":{"docs":{"0030300":{"tf":1},"0030301":{"tf":1},"0030302":{"tf":1},"0030303":{"tf":1},"0030304":{"tf":1},"0030305":{"tf":1},"0030306":{"tf":1},"0030307":{"tf":1}},"df":8}}}}}},"n":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"x":{"docs":{},"df":0,"t":{"docs":{"0035350":{"tf":1}},"df":1}}}}},"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{"0048480":{"tf":1},"0048481":{"tf":1},"0048482":{"tf":1},"0048483":{"tf":1}},"df":4}}}}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"00770":{"tf":1},"00771":{"tf":1},"00772":{"tf":1},"00773":{"tf":1},"00774":{"tf":1},"00775":{"tf":1},"00776":{"tf":1},"00777":{"tf":1}},"df":8}}}},"s":{"docs":{},"df":0,"t":{"docs":{"0031310":{"tf":1},"0031311":{"tf":1},"0031312":{"tf":1},"0031313":{"tf":1},"0031314":{"tf":1},"0031315":{"tf":1},"0031316":{"tf":1},"0031317":{"tf":1},"0033330":{"tf":1},"0033331":{"tf":1},"0033332":{"tf":1},"0033333":{"tf":1},"0033334":{"tf":1}},"df":13,"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"e":{"docs":{},"df":0,"w":{"docs":{"0054540":{"tf":1},"0054541":{"tf":1},"0054542":{"tf":1},"0054543":{"tf":1},"0054544":{"tf":1},"0054545":{"tf":1},"0054546":{"tf":1},"0054547":{"tf":1}},"df":8}}}}}}},"a":{"docs":{},"df":0,"y":{"docs":{},"df":0,"o":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{"0057570":{"tf":1},"0057571":{"tf":1},"0057572":{"tf":1},"0057573":{"tf":1},"0057574":{"tf":1}},"df":5}}}}}},"h":{"docs":{},"df":0,"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"t":{"docs":{},"df":0,"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{"00990":{"tf":1},"00991":{"tf":1},"00992":{"tf":1},"00993":{"tf":1},"00994":{"tf":1},"00995":{"tf":1},"00996":{"tf":1},"00997":{"tf":1},"00998":{"tf":1},"00999":{"tf":1},"009910":{"tf":1},"009911":{"tf":1},"009912":{"tf":1},"009913":{"tf":1},"009914":{"tf":1},"009915":{"tf":1},"009916":{"tf":1},"009917":{"tf":1}},"df":18}}}}}}},"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{"0010100":{"tf":1},"0010101":{"tf":1},"0010102":{"tf":1},"0010103":{"tf":1},"0010104":{"tf":1},"0010105":{"tf":1},"0010106":{"tf":1},"0010107":{"tf":1},"0010108":{"tf":1},"0010109":{"tf":1},"00101010":{"tf":1},"00101011":{"tf":1},"00101012":{"tf":1},"00101013":{"tf":1},"00101014":{"tf":1},"00101015":{"tf":1},"00101016":{"tf":1},"00101017":{"tf":1},"00101018":{"tf":1},"00101019":{"tf":1},"00101020":{"tf":1},"00101021":{"tf":1},"00101022":{"tf":1},"00101023":{"tf":1},"00101024":{"tf":1},"00101025":{"tf":1},"00101026":{"tf":1},"00101027":{"tf":1},"00101028":{"tf":1},"00101029":{"tf":1},"00101030":{"tf":1},"00101031":{"tf":1}},"df":32},"n":{"docs":{},"df":0,"a":{"docs":{},"df":0,"g":{"docs":{"0041410":{"tf":1},"0041411":{"tf":1},"0041412":{"tf":1},"0041413":{"tf":1},"0041414":{"tf":1},"0041415":{"tf":1},"0041416":{"tf":1},"0041417":{"tf":1},"0041418":{"tf":1},"0041419":{"tf":1},"00414110":{"tf":1}},"df":11}}},"s":{"docs":{},"df":0,"k":{"docs":{"0046460":{"tf":1},"0046461":{"tf":1},"0046462":{"tf":1}},"df":3}}},"u":{"docs":{},"df":0,"l":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"s":{"docs":{},"df":0,"e":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{"0032320":{"tf":1},"0032321":{"tf":1},"0032322":{"tf":1},"0032323":{"tf":1},"0032324":{"tf":1},"0032325":{"tf":1},"0032326":{"tf":1},"0032327":{"tf":1},"0032328":{"tf":1},"0032329":{"tf":1},"00323210":{"tf":1}},"df":11}}}}}}}}}},"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"u":{"docs":{"0035350":{"tf":1},"0036360":{"tf":1},"0036361":{"tf":1},"0036362":{"tf":1},"0036363":{"tf":1},"0036364":{"tf":1},"0036365":{"tf":1},"0036366":{"tf":1}},"df":8}}}},"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"n":{"docs":{},"df":0,"g":{"docs":{"0011110":{"tf":1},"0011111":{"tf":1},"0011112":{"tf":1},"0011113":{"tf":1},"0011114":{"tf":1},"0011115":{"tf":1},"0011116":{"tf":1},"0011117":{"tf":1},"0011118":{"tf":1},"0011119":{"tf":1},"00111110":{"tf":1},"00111111":{"tf":1},"0050500":{"tf":1},"0050501":{"tf":1},"0050502":{"tf":1},"0050503":{"tf":1},"0050504":{"tf":1},"0050505":{"tf":1},"0050506":{"tf":1},"0050507":{"tf":1},"0050508":{"tf":1},"0050509":{"tf":1},"00505010":{"tf":1},"00505011":{"tf":1},"00505012":{"tf":1}},"df":25}}},"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"h":{"docs":{"0017170":{"tf":1},"0017171":{"tf":1},"0017172":{"tf":1},"0017173":{"tf":1},"0017174":{"tf":1},"0017175":{"tf":1},"0017176":{"tf":1},"0017177":{"tf":1},"0017178":{"tf":1},"0017179":{"tf":1},"00171710":{"tf":1},"00171711":{"tf":1},"00171712":{"tf":1},"00171713":{"tf":1},"00171714":{"tf":1},"00171715":{"tf":1},"00171716":{"tf":1},"00171717":{"tf":1},"00171718":{"tf":1},"00171719":{"tf":1},"00171720":{"tf":1}},"df":21}}}},"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"0036360":{"tf":1},"0036361":{"tf":1},"0036362":{"tf":1},"0036363":{"tf":1},"0036364":{"tf":1},"0036365":{"tf":1},"0036366":{"tf":1}},"df":7,"c":{"docs":{},"df":0,"o":{"docs":{},"df":0,"d":{"docs":{"0013130":{"tf":1},"0013131":{"tf":1},"0013132":{"tf":1},"0013133":{"tf":1},"0013134":{"tf":1},"0013135":{"tf":1},"0013136":{"tf":1},"0013137":{"tf":1},"0013138":{"tf":1},"0013139":{"tf":1},"00131310":{"tf":1},"00131311":{"tf":1},"00131312":{"tf":1},"00131313":{"tf":1},"00131314":{"tf":1}},"df":15}}}},"d":{"docs":{},"df":0,"g":{"docs":{"0042420":{"tf":1},"0042421":{"tf":1},"0042422":{"tf":1},"0042423":{"tf":1},"0042424":{"tf":1},"0042425":{"tf":1}},"df":6}}},"u":{"docs":{},"df":0,"l":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{"0016160":{"tf":1},"0016161":{"tf":1},"0016162":{"tf":1},"0016163":{"tf":1},"0016164":{"tf":1},"0016165":{"tf":1},"0016166":{"tf":1}},"df":7}}}},"t":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"0020200":{"tf":1},"0020201":{"tf":1},"0020202":{"tf":1},"0020203":{"tf":1},"0020204":{"tf":1},"0020205":{"tf":1},"0020206":{"tf":1},"0020207":{"tf":1}},"df":8}}}},"i":{"docs":{},"df":0,"l":{"docs":{},"df":0,"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0058580":{"tf":1},"0058581":{"tf":1},"0058582":{"tf":1}},"df":3}}}}}},"o":{"docs":{},"df":0,"x":{"docs":{"0033330":{"tf":1},"0033331":{"tf":1},"0033332":{"tf":1},"0033333":{"tf":1},"0033334":{"tf":1}},"df":5}}},"e":{"docs":{},"df":0,"d":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{"0017170":{"tf":1},"0017171":{"tf":1},"0017172":{"tf":1},"0017173":{"tf":1},"0017174":{"tf":1},"0017175":{"tf":1},"0017176":{"tf":1},"0017177":{"tf":1},"0017178":{"tf":1},"0017179":{"tf":1},"00171710":{"tf":1},"00171711":{"tf":1},"00171712":{"tf":1},"00171713":{"tf":1},"00171714":{"tf":1},"00171715":{"tf":1},"00171716":{"tf":1},"00171717":{"tf":1},"00171718":{"tf":1},"00171719":{"tf":1},"00171720":{"tf":1},"0021210":{"tf":1},"0021211":{"tf":1},"0021212":{"tf":1},"0021213":{"tf":1}},"df":25}}}}}},"i":{"docs":{},"df":0,"n":{"docs":{"0021210":{"tf":1},"0021211":{"tf":1},"0021212":{"tf":1},"0021213":{"tf":1}},"df":4,"p":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{"0046460":{"tf":1},"0046461":{"tf":1},"0046462":{"tf":1}},"df":3}}}}},"a":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"c":{"docs":{},"df":0,"o":{"docs":{},"df":0,"m":{"docs":{},"df":0,"p":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{"0029290":{"tf":1},"0029291":{"tf":1},"0029292":{"tf":1},"0029293":{"tf":1},"0029294":{"tf":1},"0029295":{"tf":1},"0029296":{"tf":1}},"df":7}}}}}}}}}},"c":{"docs":{},"df":0,"c":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{},"df":0,"i":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"0034340":{"tf":1},"0034341":{"tf":1},"0034342":{"tf":1}},"df":3}}}}}}}},"v":{"docs":{},"df":0,"a":{"docs":{},"df":0,"t":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"0051510":{"tf":1},"0051511":{"tf":1},"0051512":{"tf":1},"0051513":{"tf":1},"0051514":{"tf":1}},"df":5}}}}}},"f":{"docs":{},"df":0,"i":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{"0041410":{"tf":1},"0041411":{"tf":1},"0041412":{"tf":1},"0041413":{"tf":1},"0041414":{"tf":1},"0041415":{"tf":1},"0041416":{"tf":1},"0041417":{"tf":1},"0041418":{"tf":1},"0041419":{"tf":1},"00414110":{"tf":1},"0049490":{"tf":1},"0049491":{"tf":1},"0049492":{"tf":1},"0049493":{"tf":1},"0049494":{"tf":1},"0049495":{"tf":1},"0049496":{"tf":1},"0049497":{"tf":1}},"df":19}}},"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"m":{"docs":{"0044440":{"tf":1},"0044441":{"tf":1},"0044442":{"tf":1},"0044443":{"tf":1}},"df":4}}}},"v":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{"0044440":{"tf":1},"0044441":{"tf":1},"0044442":{"tf":1},"0044443":{"tf":1}},"df":4}}}},"i":{"docs":{},"df":0,"e":{"docs":{},"df":0,"w":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0059590":{"tf":1},"0059591":{"tf":1},"0059592":{"tf":1},"0059593":{"tf":1}},"df":4}}}}}},"n":{"docs":{},"df":0,"u":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0047470":{"tf":1},"0047471":{"tf":1},"0047472":{"tf":1},"0047473":{"tf":1}},"df":4}}}}},"u":{"docs":{},"df":0,"p":{"docs":{},"df":0,"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"a":{"docs":{},"df":0,"d":{"docs":{"0049490":{"tf":1},"0049491":{"tf":1},"0049492":{"tf":1},"0049493":{"tf":1},"0049494":{"tf":1},"0049495":{"tf":1},"0049496":{"tf":1},"0049497":{"tf":1}},"df":8}}}}}},"q":{"docs":{},"df":0,"u":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{"0058580":{"tf":1},"0058581":{"tf":1},"0058582":{"tf":1}},"df":3}}}}}}},"name":{"root":{"1":{"0":{"0":{"docs":{"00448":{"tf":1},"004414":{"tf":1},"004424":{"tf":1},"004426":{"tf":1}},"df":4},"docs":{},"df":0},"2":{"8":{"docs":{"0013131":{"tf":1}},"df":1,"a":{"docs":{"0013132":{"tf":1}},"df":1},"b":{"docs":{"0013133":{"tf":1}},"df":1},"c":{"docs":{"0013134":{"tf":1}},"df":1}},"docs":{},"df":0},"3":{"docs":{"0013138":{"tf":1}},"df":1},"docs":{},"df":0},"3":{"2":{"docs":{"0013136":{"tf":1}},"df":1},"9":{"docs":{"00131312":{"tf":1}},"df":1},"docs":{},"df":0},"8":{"docs":{"0013130":{"tf":1}},"df":1},"9":{"3":{"docs":{"0013135":{"tf":1}},"df":1},"docs":{},"df":0},"docs":{},"df":0,"o":{"docs":{},"df":0,"v":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"e":{"docs":{},"df":0,"w":{"docs":{"00000":{"tf":1},"00220":{"tf":1},"008830":{"tf":1},"0017170":{"tf":1},"00171717":{"tf":1},"0021210":{"tf":1},"0041410":{"tf":1}},"df":7}}}}}}},"r":{"docs":{"000012":{"tf":1},"002212":{"tf":1},"00232322":{"tf":1}},"df":3,"g":{"docs":{},"df":0,"a":{"docs":{},"df":0,"n":{"docs":{},"df":0,"i":{"docs":{},"df":0,"z":{"docs":{"008819":{"tf":1}},"df":1}}}}},"i":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{"0016166":{"tf":1},"0038381":{"tf":1},"0050503":{"tf":1}},"df":3}}}}},"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{"00113":{"tf":1}},"df":1}}},"p":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{"004436":{"tf":1}},"df":1,"s":{"docs":{},"df":0,"t":{"docs":{},"df":0,"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{},"df":0,"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{"00101012":{"tf":1}},"df":1}}}}}}}}}}},"p":{"docs":{},"df":0,"o":{"docs":{},"df":0,"s":{"docs":{"009910":{"tf":1}},"df":1}}}},"h":{"docs":{},"df":0,"l":{"docs":{},"df":0,"c":{"docs":{"00551":{"tf":1}},"df":1}}},"s":{"docs":{},"df":0,"m":{"docs":{"00101013":{"tf":1},"00101014":{"tf":1}},"df":2}},"f":{"docs":{"0018189":{"tf":1}},"df":1},"n":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{"00222245":{"tf":1}},"df":1}}},"u":{"docs":{},"df":0,"t":{"docs":{},"df":0,"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"o":{"docs":{},"df":0,"k":{"docs":{"0056564":{"tf":1}},"df":1}}}}}}},"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"f":{"docs":{},"df":0,"a":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{},"df":0,"t":{"docs":{"00001":{"tf":1},"00004":{"tf":1},"000025":{"tf":1},"000028":{"tf":1},"000030":{"tf":1},"000033":{"tf":1},"000043":{"tf":1},"00110":{"tf":1},"001115":{"tf":1},"001117":{"tf":1},"00221":{"tf":1},"002228":{"tf":1},"002231":{"tf":1},"002233":{"tf":1},"002235":{"tf":1},"002240":{"tf":1},"002242":{"tf":1},"002244":{"tf":1},"00330":{"tf":1},"00550":{"tf":1},"00660":{"tf":1},"00770":{"tf":1},"00880":{"tf":1},"00990":{"tf":1},"0010100":{"tf":1},"0011110":{"tf":1},"0011116":{"tf":1},"0012120":{"tf":1},"0014140":{"tf":1},"0015150":{"tf":1},"0016160":{"tf":1},"0017171":{"tf":1},"0018180":{"tf":1},"0019190":{"tf":1},"0020200":{"tf":1},"0022220":{"tf":1},"0023230":{"tf":1},"00232332":{"tf":1},"0024240":{"tf":1},"0025250":{"tf":1},"0026260":{"tf":1},"0027270":{"tf":1},"0028280":{"tf":1},"0029290":{"tf":1},"0030300":{"tf":1},"0031310":{"tf":1},"0032320":{"tf":1},"0033330":{"tf":1},"0034340":{"tf":1},"0035350":{"tf":1},"0036360":{"tf":1},"0037370":{"tf":1},"0038380":{"tf":1},"0039390":{"tf":1},"0040400":{"tf":1},"0042420":{"tf":1},"0043430":{"tf":1},"0044440":{"tf":1},"0045450":{"tf":1},"0046460":{"tf":1},"0047470":{"tf":1},"0048480":{"tf":1},"0049490":{"tf":1},"0050500":{"tf":1},"0051510":{"tf":1},"0053530":{"tf":1},"0054540":{"tf":1},"0055550":{"tf":1},"0056560":{"tf":1},"0057570":{"tf":1},"0058580":{"tf":1},"0059590":{"tf":1}},"df":72}}}},"e":{"docs":{},"df":0,"r":{"docs":{"001125":{"tf":1}},"df":1}}},"t":{"docs":{},"df":0,"a":{"docs":{},"df":0,"i":{"docs":{},"df":0,"l":{"docs":{"000018":{"tf":1},"002219":{"tf":1},"0056563":{"tf":1}},"df":3}}}},"c":{"docs":{},"df":0,"i":{"docs":{},"df":0,"m":{"docs":{"0047473":{"tf":1}},"df":1}}}},"a":{"docs":{},"df":0,"t":{"docs":{},"df":0,"a":{"docs":{"00009":{"tf":1},"000010":{"tf":1},"00111":{"tf":1},"00112":{"tf":1},"00222":{"tf":1},"00223":{"tf":1},"00332":{"tf":1},"00333":{"tf":1},"004470":{"tf":1},"004471":{"tf":1},"0044100":{"tf":1},"006614":{"tf":1},"00773":{"tf":1},"008833":{"tf":1},"008834":{"tf":1},"009914":{"tf":1},"00131314":{"tf":1},"0015154":{"tf":1},"0016161":{"tf":1},"0022221":{"tf":1},"0022222":{"tf":1},"0023231":{"tf":1},"0023232":{"tf":1},"0023233":{"tf":1},"0029292":{"tf":1},"0030302":{"tf":1},"0031312":{"tf":1},"0032321":{"tf":1},"0036361":{"tf":1},"0040401":{"tf":1},"0040402":{"tf":1},"0054541":{"tf":1},"0058582":{"tf":1}},"df":33,"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"b":{"docs":{},"df":0,"e":{"docs":{},"df":0,"l":{"docs":{"004489":{"tf":1}},"df":1}}}}},"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"s":{"docs":{"0041416":{"tf":1}},"df":1}}}},"e":{"docs":{"0021212":{"tf":1},"0022225":{"tf":1},"00222226":{"tf":1},"00222229":{"tf":1},"0024241":{"tf":1},"0024242":{"tf":1},"0024243":{"tf":1},"0025251":{"tf":1},"0025252":{"tf":1},"0025254":{"tf":1},"0026261":{"tf":1},"0027271":{"tf":1},"0027274":{"tf":1}},"df":13,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"m":{"docs":{"004474":{"tf":1},"004475":{"tf":1},"0011112":{"tf":1},"0027272":{"tf":1}},"df":4}}}}},"s":{"docs":{},"df":0,"h":{"docs":{"00443":{"tf":1}},"df":1,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{"0057573":{"tf":1},"0057574":{"tf":1}},"df":2}}}}}}},"y":{"docs":{"00222221":{"tf":1},"00222240":{"tf":1},"00222241":{"tf":1},"00222243":{"tf":1},"0026262":{"tf":1}},"df":5}},"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"g":{"docs":{"000021":{"tf":1},"000022":{"tf":1},"002218":{"tf":1},"006612":{"tf":1},"0022228":{"tf":1},"00232334":{"tf":1},"0033332":{"tf":1},"0040407":{"tf":1},"0041413":{"tf":1}},"df":9,"g":{"docs":{},"df":0,"a":{"docs":{},"df":0,"b":{"docs":{},"df":0,"l":{"docs":{"0053535":{"tf":1}},"df":1}}}}},"w":{"docs":{"008826":{"tf":1}},"df":1}},"o":{"docs":{},"df":0,"p":{"docs":{"000021":{"tf":1},"000022":{"tf":1},"002218":{"tf":1},"0022228":{"tf":1},"00232334":{"tf":1},"0033332":{"tf":1},"0040407":{"tf":1},"0041413":{"tf":1},"0049497":{"tf":1}},"df":9,"d":{"docs":{},"df":0,"o":{"docs":{},"df":0,"w":{"docs":{},"df":0,"n":{"docs":{"0020204":{"tf":1},"0021211":{"tf":1}},"df":2}}}}}},"i":{"docs":{},"df":0,"l":{"docs":{},"df":0,"l":{"docs":{"001122":{"tf":1},"00101019":{"tf":1}},"df":2,"d":{"docs":{},"df":0,"o":{"docs":{},"df":0,"w":{"docs":{},"df":0,"n":{"docs":{"004459":{"tf":1},"0015152":{"tf":1}},"df":2}}}}}}}},"i":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"g":{"docs":{"000037":{"tf":1},"000038":{"tf":1},"002221":{"tf":1},"0053531":{"tf":1},"0053539":{"tf":1},"00535310":{"tf":1}},"df":6}}},"g":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"m":{"docs":{"008814":{"tf":1},"008815":{"tf":1},"008816":{"tf":1},"008817":{"tf":1},"008836":{"tf":1},"008837":{"tf":1}},"df":6}}}},"c":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{"0029296":{"tf":1},"0030307":{"tf":1},"0031317":{"tf":1},"00323210":{"tf":1}},"df":4}}}}},"s":{"docs":{},"df":0,"t":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"b":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{"004438":{"tf":1}},"df":1}}}}}},"a":{"docs":{},"df":0,"b":{"docs":{},"df":0,"l":{"docs":{"0024241":{"tf":1},"0025251":{"tf":1},"0027271":{"tf":1}},"df":3}}}},"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{"00668":{"tf":1}},"df":1}}}},"f":{"docs":{},"df":0,"f":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"00222221":{"tf":1}},"df":1}}}},"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"s":{"docs":{"00222244":{"tf":1}},"df":1}}}}},"o":{"docs":{},"df":0,"n":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{"004453":{"tf":1}},"df":1}}},"w":{"docs":{},"df":0,"n":{"docs":{"00101019":{"tf":1}},"df":1}},"c":{"docs":{},"df":0,"u":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{"00181815":{"tf":1}},"df":1}}}}},"k":{"docs":{"0037371":{"tf":1}},"df":1}}},"y":{"docs":{},"df":0,"n":{"docs":{},"df":0,"a":{"docs":{},"df":0,"m":{"docs":{"00101027":{"tf":1}},"df":1}}}},"u":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"t":{"docs":{"0028283":{"tf":1}},"df":1}}},"a":{"docs":{},"df":0,"l":{"docs":{"0033331":{"tf":1}},"df":1}}}},"f":{"docs":{},"df":0,"u":{"docs":{},"df":0,"n":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"00001":{"tf":1},"00110":{"tf":1},"00221":{"tf":1},"00330":{"tf":1},"00660":{"tf":1},"00770":{"tf":1},"00880":{"tf":1},"00990":{"tf":1},"0010100":{"tf":1},"0015150":{"tf":1},"0017171":{"tf":1},"0018180":{"tf":1},"0019190":{"tf":1},"0020200":{"tf":1},"0022220":{"tf":1},"0023230":{"tf":1},"0024240":{"tf":1},"0025250":{"tf":1},"0026260":{"tf":1},"0027270":{"tf":1},"0028280":{"tf":1},"0029290":{"tf":1},"0030300":{"tf":1},"0031310":{"tf":1},"0032320":{"tf":1},"0033330":{"tf":1},"0034340":{"tf":1},"0035350":{"tf":1},"0036360":{"tf":1},"0038380":{"tf":1},"0039390":{"tf":1},"0040400":{"tf":1},"0043430":{"tf":1},"0044440":{"tf":1},"0045450":{"tf":1},"0046460":{"tf":1},"0047470":{"tf":1},"0048480":{"tf":1},"0049490":{"tf":1},"0050500":{"tf":1},"0053530":{"tf":1},"0054540":{"tf":1},"0055550":{"tf":1},"0056560":{"tf":1},"0057570":{"tf":1},"0058580":{"tf":1},"0059590":{"tf":1}},"df":47,"a":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{"0037370":{"tf":1}},"df":1}}}}}}}}},"n":{"docs":{},"df":0,"e":{"docs":{},"df":0,"l":{"docs":{"004455":{"tf":1}},"df":1}}}}},"i":{"docs":{},"df":0,"l":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"000025":{"tf":1},"000026":{"tf":1},"001117":{"tf":1},"001118":{"tf":1},"001119":{"tf":1},"002228":{"tf":1},"002229":{"tf":1},"0011119":{"tf":1},"00232316":{"tf":1},"0029295":{"tf":1},"0029296":{"tf":1},"0030305":{"tf":1},"0030307":{"tf":1},"0031314":{"tf":1},"0031317":{"tf":1},"0032324":{"tf":1},"00323210":{"tf":1}},"df":17}}},"e":{"docs":{"0041414":{"tf":1},"0041417":{"tf":1},"0041418":{"tf":1},"0041419":{"tf":1},"00414110":{"tf":1},"0049493":{"tf":1},"0049494":{"tf":1}},"df":7},"l":{"docs":{"0059593":{"tf":1}},"df":1}},"e":{"docs":{},"df":0,"l":{"docs":{},"df":0,"d":{"docs":{"00116":{"tf":1},"001113":{"tf":1},"00222232":{"tf":1},"00222233":{"tf":1}},"df":4}}},"s":{"docs":{},"df":0,"h":{"docs":{},"df":0,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"008837":{"tf":1}},"df":1}}}}},"t":{"docs":{"00101018":{"tf":1}},"df":1},"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"s":{"docs":{"0041419":{"tf":1}},"df":1}}}}}},"r":{"docs":{},"df":0,"o":{"docs":{},"df":0,"z":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{"000048":{"tf":1},"002239":{"tf":1}},"df":2}}},"m":{"docs":{"0017174":{"tf":1}},"df":1}}},"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"i":{"docs":{},"df":0,"g":{"docs":{},"df":0,"n":{"docs":{"000051":{"tf":1}},"df":1}}}},"m":{"docs":{"0017178":{"tf":1},"0044442":{"tf":1},"0044443":{"tf":1},"0049496":{"tf":1},"0059593":{"tf":1}},"df":5,"a":{"docs":{},"df":0,"t":{"docs":{"00118":{"tf":1},"00225":{"tf":1},"002246":{"tf":1},"00334":{"tf":1},"00335":{"tf":1},"00171719":{"tf":1},"0018181":{"tf":1},"0018182":{"tf":1},"0018186":{"tf":1},"0018187":{"tf":1},"0025253":{"tf":1},"0026264":{"tf":1},"0027273":{"tf":1},"0028282":{"tf":1},"0046462":{"tf":1},"0047472":{"tf":1},"0050504":{"tf":1}},"df":17}},"u":{"docs":{},"df":0,"l":{"docs":{},"df":0,"a":{"docs":{"00331":{"tf":1}},"df":1}}}}},"o":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0018188":{"tf":1}},"df":1}}}}},"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"w":{"docs":{"008811":{"tf":1}},"df":1}},"i":{"docs":{},"df":0,"g":{"docs":{},"df":0,"h":{"docs":{},"df":0,"t":{"docs":{"00101023":{"tf":1}},"df":1}}},"p":{"docs":{"0052524":{"tf":1}},"df":1}}},"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"t":{"docs":{},"df":0,"u":{"docs":{},"df":0,"r":{"docs":{"0016163":{"tf":1}},"df":1}}}}},"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"e":{"docs":{"00222218":{"tf":1}},"df":1}}},"t":{"docs":{},"df":0,"p":{"docs":{"00414110":{"tf":1}},"df":1}}},"g":{"docs":{},"df":0,"r":{"docs":{},"df":0,"o":{"docs":{},"df":0,"u":{"docs":{},"df":0,"p":{"docs":{"00002":{"tf":1},"000034":{"tf":1},"00117":{"tf":1},"001111":{"tf":1},"004460":{"tf":1},"0020201":{"tf":1},"00222224":{"tf":1},"00222225":{"tf":1},"00222226":{"tf":1},"00222227":{"tf":1},"0029291":{"tf":1},"0030301":{"tf":1},"0031311":{"tf":1},"0032322":{"tf":1},"0032328":{"tf":1},"0054546":{"tf":1}},"df":16}}},"i":{"docs":{},"df":0,"d":{"docs":{"00007":{"tf":1},"000022":{"tf":1},"002250":{"tf":1},"0014143":{"tf":1},"00232331":{"tf":1},"0058582":{"tf":1}},"df":6,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"00003":{"tf":1}},"df":1}}}}}},"a":{"docs":{},"df":0,"u":{"docs":{},"df":0,"g":{"docs":{"00664":{"tf":1},"00665":{"tf":1},"00666":{"tf":1}},"df":3}}},"o":{"docs":{},"df":0,"o":{"docs":{},"df":0,"g":{"docs":{},"df":0,"l":{"docs":{"0022223":{"tf":1}},"df":1}}}},"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"00222249":{"tf":1}},"df":1}}}}},"s":{"3":{"docs":{"0041418":{"tf":1}},"df":1},"docs":{},"df":0,"c":{"docs":{},"df":0,"r":{"docs":{},"df":0,"o":{"docs":{},"df":0,"l":{"docs":{},"df":0,"l":{"docs":{"00004":{"tf":1},"00005":{"tf":1},"001120":{"tf":1},"002233":{"tf":1},"002234":{"tf":1},"0022229":{"tf":1},"00222239":{"tf":1}},"df":7,"a":{"docs":{},"df":0,"b":{"docs":{},"df":0,"l":{"docs":{"0036362":{"tf":1}},"df":1}}}}}}},"a":{"docs":{},"df":0,"t":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"004428":{"tf":1},"004466":{"tf":1}},"df":2}}}},"l":{"docs":{},"df":0,"e":{"docs":{"004478":{"tf":1}},"df":1}}},"h":{"docs":{},"df":0,"e":{"docs":{},"df":0,"d":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{"00222217":{"tf":1}},"df":1}}}}}},"h":{"docs":{},"df":0,"o":{"docs":{},"df":0,"w":{"docs":{"000012":{"tf":1},"002212":{"tf":1},"00232322":{"tf":1}},"df":3,"/":{"docs":{},"df":0,"h":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{"001110":{"tf":1},"00222222":{"tf":1}},"df":2}}}}}},"a":{"docs":{},"df":0,"p":{"docs":{},"df":0,"e":{"docs":{"00881":{"tf":1},"00887":{"tf":1}},"df":2}},"r":{"docs":{},"df":0,"e":{"docs":{"00222220":{"tf":1}},"df":1}}}},"t":{"docs":{},"df":0,"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"000014":{"tf":1},"002214":{"tf":1},"00447":{"tf":1},"00448":{"tf":1},"004413":{"tf":1},"004414":{"tf":1},"004423":{"tf":1},"004424":{"tf":1},"004425":{"tf":1},"004426":{"tf":1},"004427":{"tf":1},"004465":{"tf":1}},"df":12}}},"e":{"docs":{},"df":0,"p":{"docs":{"00442":{"tf":1},"004411":{"tf":1}},"df":2}},"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"004437":{"tf":1}},"df":1}}},"o":{"docs":{},"df":0,"c":{"docs":{},"df":0,"h":{"docs":{},"df":0,"a":{"docs":{},"df":0,"s":{"docs":{},"df":0,"t":{"docs":{"004446":{"tf":1}},"df":1}}}},"k":{"docs":{"005513":{"tf":1},"0011117":{"tf":1}},"df":2}}},"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"p":{"docs":{"004481":{"tf":1}},"df":1,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"004482":{"tf":1}},"df":1}}}}}},"y":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{"00777":{"tf":1},"0018183":{"tf":1},"0056564":{"tf":1}},"df":3}}}},"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{"000023":{"tf":1},"000024":{"tf":1},"001115":{"tf":1},"001116":{"tf":1},"002226":{"tf":1},"002227":{"tf":1},"004486":{"tf":1},"00232333":{"tf":1}},"df":8}}},"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"c":{"docs":{},"df":0,"h":{"docs":{"000027":{"tf":1},"002230":{"tf":1},"0022226":{"tf":1}},"df":3}}},"t":{"docs":{"00101031":{"tf":1}},"df":1}},"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{"000030":{"tf":1},"000031":{"tf":1},"000032":{"tf":1},"00119":{"tf":1},"002235":{"tf":1},"002236":{"tf":1},"002237":{"tf":1},"004495":{"tf":1},"004496":{"tf":1},"009912":{"tf":1},"00101016":{"tf":1},"0015158":{"tf":1},"00232315":{"tf":1},"0024244":{"tf":1},"0032329":{"tf":1},"0040406":{"tf":1}},"df":16,"o":{"docs":{},"df":0,"r":{"docs":{"005511":{"tf":1},"005512":{"tf":1}},"df":2}}}}},"f":{"docs":{"00224":{"tf":1},"0023233":{"tf":1}},"df":2}},"r":{"docs":{},"df":0,"i":{"docs":{"004448":{"tf":1},"00553":{"tf":1},"0014141":{"tf":1}},"df":3}},"m":{"docs":{},"df":0,"i":{"docs":{"004457":{"tf":1},"00665":{"tf":1}},"df":2}},"t":{"docs":{"0016164":{"tf":1},"00222215":{"tf":1}},"df":2},"c":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"0018187":{"tf":1}},"df":1}}}}},"o":{"docs":{"0057574":{"tf":1}},"df":1}},"p":{"docs":{},"df":0,"a":{"docs":{},"df":0,"n":{"docs":{"000047":{"tf":1},"000052":{"tf":1},"0026262":{"tf":1}},"df":3},"r":{"docs":{},"df":0,"k":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"0014143":{"tf":1}},"df":1}}}}}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"e":{"docs":{"00441":{"tf":1},"00444":{"tf":1},"004410":{"tf":1},"004463":{"tf":1},"00554":{"tf":1},"00556":{"tf":1}},"df":6}},"t":{"docs":{"0020205":{"tf":1}},"df":1}}},"e":{"docs":{},"df":0,"e":{"docs":{},"df":0,"d":{"docs":{},"df":0,"o":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{"006616":{"tf":1}},"df":1}}}}}},"c":{"docs":{},"df":0,"i":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{"00171716":{"tf":1},"0024243":{"tf":1},"0025254":{"tf":1},"0027274":{"tf":1}},"df":4}}}}}},"m":{"docs":{},"df":0,"a":{"docs":{"004445":{"tf":1}},"df":1,"r":{"docs":{},"df":0,"t":{"docs":{"004458":{"tf":1},"004483":{"tf":1},"0055553":{"tf":1}},"df":3}}}},"a":{"docs":{},"df":0,"m":{"docs":{},"df":0,"p":{"docs":{},"df":0,"l":{"docs":{"006614":{"tf":1},"00773":{"tf":1}},"df":2}}},"v":{"docs":{},"df":0,"e":{"docs":{"008831":{"tf":1},"00171713":{"tf":1},"00181813":{"tf":1}},"df":3}},"l":{"docs":{},"df":0,"e":{"docs":{"00101030":{"tf":1}},"df":1}}},"w":{"docs":{},"df":0,"i":{"docs":{},"df":0,"m":{"docs":{},"df":0,"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"n":{"docs":{"00886":{"tf":1}},"df":1}}}},"t":{"docs":{},"df":0,"c":{"docs":{},"df":0,"h":{"docs":{"0020206":{"tf":1}},"df":1}}},"p":{"docs":{},"df":0,"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"b":{"docs":{},"df":0,"l":{"docs":{"0052523":{"tf":1}},"df":1}}}}}}},"y":{"docs":{},"df":0,"m":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{},"df":0,"r":{"docs":{"008822":{"tf":1}},"df":1}}}},"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"l":{"docs":{"008829":{"tf":1}},"df":1}}}},"n":{"docs":{},"df":0,"c":{"docs":{"0022223":{"tf":1}},"df":1}}},"i":{"docs":{},"df":0,"z":{"docs":{},"df":0,"e":{"docs":{"00993":{"tf":1}},"df":1}},"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"0037373":{"tf":1},"0037375":{"tf":1}},"df":2}}}}}},"u":{"docs":{},"df":0,"b":{"docs":{},"df":0,"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"y":{"docs":{"00101014":{"tf":1}},"df":1}}},"m":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{"0044442":{"tf":1}},"df":1}}}},"p":{"docs":{},"df":0,"p":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{"0049496":{"tf":1}},"df":1}}}}}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"00101029":{"tf":1}},"df":1}}}}},"q":{"docs":{},"df":0,"l":{"docs":{"0041416":{"tf":1}},"df":1}}},"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{},"df":0,"u":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{"00005":{"tf":1},"001120":{"tf":1},"002234":{"tf":1},"0022229":{"tf":1},"0054544":{"tf":1}},"df":5}}}}},"e":{"docs":{},"df":0,"w":{"docs":{"00222210":{"tf":1},"00222211":{"tf":1},"00222212":{"tf":1},"00222213":{"tf":1},"00222214":{"tf":1},"00222215":{"tf":1},"00222216":{"tf":1},"0052526":{"tf":1},"0056563":{"tf":1}},"df":9}}},"a":{"docs":{},"df":0,"l":{"docs":{},"df":0,"u":{"docs":{"001116":{"tf":1},"001119":{"tf":1},"0014142":{"tf":1},"0030303":{"tf":1},"0032325":{"tf":1}},"df":5},"i":{"docs":{},"df":0,"d":{"docs":{"0017178":{"tf":1},"00222232":{"tf":1},"0044441":{"tf":1},"0047471":{"tf":1},"0049494":{"tf":1}},"df":5}}},"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"o":{"docs":{},"df":0,"u":{"docs":{"004452":{"tf":1}},"df":1}}}}},"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{"004491":{"tf":1},"0050503":{"tf":1},"0052521":{"tf":1}},"df":3}}}},"n":{"docs":{},"df":0,"n":{"docs":{"008836":{"tf":1}},"df":1}}},"o":{"docs":{},"df":0,"l":{"docs":{},"df":0,"u":{"docs":{},"df":0,"m":{"docs":{"00552":{"tf":1}},"df":1}}}}},"e":{"docs":{"00131310":{"tf":1}},"df":1,"v":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{"00006":{"tf":1},"002248":{"tf":1},"005513":{"tf":1},"00888":{"tf":1},"00171711":{"tf":1},"0022224":{"tf":1},"0022226":{"tf":1},"00222220":{"tf":1},"00222230":{"tf":1},"00222245":{"tf":1},"00222252":{"tf":1},"0023238":{"tf":1},"00232319":{"tf":1},"0050507":{"tf":1}},"df":14}}}},"d":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{"000036":{"tf":1},"000037":{"tf":1},"000039":{"tf":1},"001123":{"tf":1},"002220":{"tf":1},"002221":{"tf":1},"002223":{"tf":1},"002225":{"tf":1},"0044100":{"tf":1},"0021213":{"tf":1},"00232314":{"tf":1},"0040405":{"tf":1},"0057573":{"tf":1}},"df":13,"o":{"docs":{},"df":0,"r":{"docs":{"008813":{"tf":1},"0017179":{"tf":1},"00222234":{"tf":1},"0056565":{"tf":1}},"df":4}}}}},"x":{"docs":{},"df":0,"p":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{"000043":{"tf":1},"000044":{"tf":1},"000045":{"tf":1},"001126":{"tf":1},"002244":{"tf":1},"004494":{"tf":1},"008832":{"tf":1},"00101021":{"tf":1},"00111110":{"tf":1},"0012122":{"tf":1},"0015159":{"tf":1},"00222246":{"tf":1},"00222247":{"tf":1},"00232318":{"tf":1}},"df":14}}},"a":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{"0056561":{"tf":1}},"df":1}}}},"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"n":{"docs":{"00115":{"tf":1},"0022228":{"tf":1},"0044442":{"tf":1}},"df":3}},"n":{"docs":{},"df":0,"d":{"docs":{"00131312":{"tf":1}},"df":1}}}},"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{"008811":{"tf":1}},"df":1}}}},"c":{"docs":{},"df":0,"e":{"docs":{},"df":0,"l":{"docs":{"00222246":{"tf":1}},"df":1}}}},"m":{"docs":{},"df":0,"p":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{"004415":{"tf":1},"004461":{"tf":1},"004492":{"tf":1},"00998":{"tf":1},"0011118":{"tf":1}},"df":5}}},"a":{"docs":{"004441":{"tf":1}},"df":1},"o":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"00171715":{"tf":1}},"df":1}}}}}}},"r":{"docs":{},"df":0,"r":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{"004433":{"tf":1}},"df":1}}}},"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{},"df":0,"h":{"docs":{},"df":0,"q":{"docs":{},"df":0,"u":{"docs":{},"df":0,"a":{"docs":{},"df":0,"k":{"docs":{"00101024":{"tf":1}},"df":1}}}}}}},"n":{"docs":{"0013130":{"tf":1},"0013138":{"tf":1}},"df":2}}},"h":{"docs":{},"df":0,"i":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"c":{"docs":{},"df":0,"h":{"docs":{"008818":{"tf":1},"008823":{"tf":1},"00222227":{"tf":1}},"df":3,"i":{"docs":{"00007":{"tf":1},"000045":{"tf":1}},"df":2}}}}}}},"d":{"docs":{},"df":0,"e":{"docs":{"000012":{"tf":1},"002212":{"tf":1},"005511":{"tf":1},"005512":{"tf":1},"00222241":{"tf":1},"00232322":{"tf":1}},"df":6}},"s":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"g":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"m":{"docs":{"004431":{"tf":1}},"df":1}}}},"r":{"docs":{},"df":0,"i":{"docs":{"008810":{"tf":1},"0054547":{"tf":1}},"df":2}}}}},"l":{"docs":{},"df":0,"o":{"docs":{"004435":{"tf":1},"004436":{"tf":1}},"df":2}},"g":{"docs":{},"df":0,"h":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"g":{"docs":{},"df":0,"h":{"docs":{},"df":0,"t":{"docs":{"00101016":{"tf":1},"00101025":{"tf":1},"0015158":{"tf":1},"0029294":{"tf":1}},"df":4}}}}}}}},"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"000014":{"tf":1},"000042":{"tf":1},"002213":{"tf":1},"002214":{"tf":1},"0018188":{"tf":1},"00222229":{"tf":1},"00222235":{"tf":1},"00222238":{"tf":1},"00232326":{"tf":1}},"df":9}}},"t":{"docs":{"00101022":{"tf":1}},"df":1,"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{"00991":{"tf":1}},"df":1}}}}},"i":{"docs":{},"df":0,"g":{"docs":{},"df":0,"h":{"docs":{},"df":0,"t":{"docs":{"000020":{"tf":1},"002216":{"tf":1},"00222223":{"tf":1}},"df":3}}}}},"o":{"docs":{},"df":0,"v":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"000019":{"tf":1},"002215":{"tf":1}},"df":2}}},"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"z":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{"00222224":{"tf":1},"0052522":{"tf":1}},"df":2}}}}}},"u":{"docs":{},"df":0,"r":{"docs":{"00222242":{"tf":1},"00222243":{"tf":1}},"df":2}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{},"df":0,"a":{"docs":{},"df":0,"y":{"docs":{"0023236":{"tf":1}},"df":1}}}}}},"y":{"docs":{},"df":0,"p":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"k":{"docs":{"001124":{"tf":1},"0018185":{"tf":1}},"df":2}}}}}}}},"a":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{},"df":0,"l":{"docs":{"008828":{"tf":1}},"df":1}}},"m":{"docs":{},"df":0,"b":{"docs":{},"df":0,"u":{"docs":{},"df":0,"r":{"docs":{},"df":0,"g":{"docs":{"0036364":{"tf":1}},"df":1}}}}}},"t":{"docs":{},"df":0,"m":{"docs":{},"df":0,"l":{"5":{"docs":{"0044441":{"tf":1}},"df":1},"docs":{"0055555":{"tf":1}},"df":1}}}},"c":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"p":{"docs":{},"df":0,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{"00008":{"tf":1}},"df":1}}}}}}},"o":{"docs":{},"df":0,"s":{"docs":{},"df":0,"e":{"docs":{"004436":{"tf":1}},"df":1}},"u":{"docs":{},"df":0,"d":{"docs":{"00505012":{"tf":1}},"df":1}}},"a":{"docs":{},"df":0,"s":{"docs":{},"df":0,"s":{"docs":{"008817":{"tf":1}},"df":1}}},"u":{"docs":{},"df":0,"s":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0010105":{"tf":1}},"df":1}}}}}},"o":{"docs":{},"df":0,"l":{"docs":{},"df":0,"u":{"docs":{},"df":0,"m":{"docs":{},"df":0,"n":{"docs":{"000011":{"tf":1},"000012":{"tf":1},"000013":{"tf":1},"000016":{"tf":1},"000040":{"tf":1},"000041":{"tf":1},"000047":{"tf":1},"000048":{"tf":1},"000050":{"tf":1},"000051":{"tf":1},"00225":{"tf":1},"00226":{"tf":1},"00229":{"tf":1},"002211":{"tf":1},"002212":{"tf":1},"002224":{"tf":1},"002238":{"tf":1},"002239":{"tf":1},"004417":{"tf":1},"004418":{"tf":1},"004419":{"tf":1},"004420":{"tf":1},"004421":{"tf":1},"004423":{"tf":1},"004424":{"tf":1},"004467":{"tf":1},"004469":{"tf":1},"00232321":{"tf":1},"00232322":{"tf":1},"00232323":{"tf":1},"00232324":{"tf":1},"00232325":{"tf":1}},"df":32}}},"o":{"docs":{},"df":0,"r":{"docs":{"00446":{"tf":1},"00993":{"tf":1},"00101010":{"tf":1},"0015157":{"tf":1}},"df":4}},"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{},"df":0,"s":{"docs":{"0056561":{"tf":1}},"df":1}}}}},"m":{"docs":{},"df":0,"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{"000040":{"tf":1},"002224":{"tf":1}},"df":2}}},"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{"00181816":{"tf":1}},"df":1}}}},"p":{"docs":{},"df":0,"a":{"docs":{},"df":0,"s":{"docs":{},"df":0,"s":{"docs":{"00668":{"tf":1}},"df":1}}},"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"x":{"docs":{"00887":{"tf":1},"008823":{"tf":1}},"df":2}}},"o":{"docs":{},"df":0,"n":{"docs":{"00535310":{"tf":1}},"df":1}}}},"n":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"x":{"docs":{},"df":0,"t":{"docs":{"000049":{"tf":1},"002242":{"tf":1},"002243":{"tf":1},"00181812":{"tf":1},"00222237":{"tf":1},"00232317":{"tf":1}},"df":6}},"n":{"docs":{},"df":0,"t":{"docs":{"0017177":{"tf":1},"0018189":{"tf":1},"0034341":{"tf":1},"0053534":{"tf":1},"0055552":{"tf":1}},"df":5}}},"a":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"00771":{"tf":1}},"df":1}}},"r":{"docs":{},"df":0,"o":{"docs":{},"df":0,"l":{"docs":{"0021211":{"tf":1},"0021212":{"tf":1}},"df":2}}}},"d":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{"00118":{"tf":1},"002246":{"tf":1}},"df":2}}},"n":{"docs":{},"df":0,"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{"00883":{"tf":1}},"df":1}}}}}}},"d":{"docs":{},"df":0,"e":{"3":{"9":{"docs":{"00131311":{"tf":1}},"df":1},"docs":{},"df":0},"docs":{"0013131":{"tf":1},"0013132":{"tf":1},"0013133":{"tf":1},"0013134":{"tf":1},"0013135":{"tf":1},"0013136":{"tf":1},"00131312":{"tf":1},"00131313":{"tf":1},"0056565":{"tf":1}},"df":9},"a":{"docs":{},"df":0,"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"0013137":{"tf":1}},"df":1}}}}}},"e":{"docs":{},"df":0,"l":{"docs":{},"df":0,"l":{"docs":{"000011":{"tf":1},"001121":{"tf":1},"002210":{"tf":1},"002211":{"tf":1},"002223":{"tf":1},"00332":{"tf":1},"00334":{"tf":1},"00995":{"tf":1},"00997":{"tf":1},"00222228":{"tf":1},"00222244":{"tf":1}},"df":11}}},"h":{"docs":{},"df":0,"o":{"docs":{},"df":0,"o":{"docs":{},"df":0,"s":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"000016":{"tf":1}},"df":1}}}}},"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{},"df":0,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"x":{"docs":{"000032":{"tf":1},"002237":{"tf":1},"002238":{"tf":1},"0020202":{"tf":1},"0032327":{"tf":1},"0032328":{"tf":1},"0033333":{"tf":1},"0040404":{"tf":1}},"df":8}}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"s":{"docs":{},"df":0,"t":{"docs":{"0054542":{"tf":1}},"df":1}}}}}}},"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{"00114":{"tf":1},"004448":{"tf":1},"004449":{"tf":1},"004450":{"tf":1},"004487":{"tf":1},"004491":{"tf":1},"008819":{"tf":1},"008825":{"tf":1},"00101028":{"tf":1},"0011117":{"tf":1},"00181814":{"tf":1}},"df":11},"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{"00171716":{"tf":1},"0018181":{"tf":1}},"df":2}}}}},"i":{"docs":{},"df":0,"p":{"docs":{"0032326":{"tf":1}},"df":1}},"u":{"docs":{},"df":0,"n":{"docs":{},"df":0,"k":{"docs":{"0049491":{"tf":1}},"df":1}}}},"a":{"docs":{},"df":0,"p":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"000034":{"tf":1}},"df":1}}}}},"l":{"docs":{},"df":0,"c":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{"001113":{"tf":1}},"df":1}}},"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"00991":{"tf":1},"0022223":{"tf":1},"00222218":{"tf":1},"0024246":{"tf":1}},"df":4}}}}},"l":{"docs":{"0054547":{"tf":1}},"df":1}},"n":{"docs":{},"df":0,"d":{"docs":{},"df":0,"l":{"docs":{"004437":{"tf":1}},"df":1,"e":{"docs":{},"df":0,"s":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"00552":{"tf":1}},"df":1}}}}}}}}},"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"g":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{"004475":{"tf":1},"004476":{"tf":1},"004477":{"tf":1}},"df":3}}}}}},"s":{"docs":{},"df":0,"e":{"docs":{"00171712":{"tf":1}},"df":1},"c":{"docs":{},"df":0,"a":{"docs":{},"df":0,"d":{"docs":{"0030306":{"tf":1},"0031315":{"tf":1}},"df":2}}}},"r":{"docs":{},"df":0,"d":{"docs":{"0051514":{"tf":1},"0052520":{"tf":1},"0052521":{"tf":1},"0052522":{"tf":1},"0052523":{"tf":1},"0052524":{"tf":1},"0052525":{"tf":1}},"df":7}}},"u":{"docs":{},"df":0,"s":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"m":{"docs":{"002241":{"tf":1},"002243":{"tf":1},"00664":{"tf":1},"006610":{"tf":1},"0012121":{"tf":1},"0014144":{"tf":1},"0015153":{"tf":1},"00171719":{"tf":1},"00181812":{"tf":1},"0029295":{"tf":1},"0030303":{"tf":1},"0032325":{"tf":1},"0032326":{"tf":1},"0041411":{"tf":1},"0046461":{"tf":1},"0047472":{"tf":1},"0048482":{"tf":1},"0049497":{"tf":1},"0053531":{"tf":1},"0059591":{"tf":1}},"df":20}}}}},"r":{"docs":{},"df":0,"o":{"docs":{},"df":0,"s":{"docs":{},"df":0,"s":{"docs":{"004485":{"tf":1}},"df":1,"h":{"docs":{},"df":0,"a":{"docs":{},"df":0,"i":{"docs":{},"df":0,"r":{"docs":{"004497":{"tf":1}},"df":1}}}}}}},"u":{"docs":{},"df":0,"d":{"docs":{"008835":{"tf":1}},"df":1}}},"i":{"docs":{},"df":0,"r":{"docs":{},"df":0,"c":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"00665":{"tf":1}},"df":1}}},"i":{"docs":{},"df":0,"t":{"docs":{"008814":{"tf":1}},"df":1}}}}}},"y":{"docs":{},"df":0,"b":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"00101026":{"tf":1}},"df":1}}}}},"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"c":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{"00009":{"tf":1},"00111":{"tf":1},"00222":{"tf":1},"004470":{"tf":1},"008833":{"tf":1},"0022221":{"tf":1},"0023231":{"tf":1},"0040401":{"tf":1}},"df":8}},"k":{"docs":{"002222":{"tf":1}},"df":1}},"a":{"docs":{},"df":0,"d":{"docs":{"004472":{"tf":1},"008831":{"tf":1}},"df":2}},"g":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{},"df":0,"h":{"docs":{},"df":0,"m":{"docs":{"004478":{"tf":1},"0011114":{"tf":1}},"df":2}}}}}},"i":{"docs":{},"df":0,"c":{"docs":{"008814":{"tf":1}},"df":1}}}},"i":{"docs":{},"df":0,"s":{"docs":{},"df":0,"t":{"docs":{"00116":{"tf":1},"0054543":{"tf":1}},"df":2,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"x":{"docs":{"0033331":{"tf":1}},"df":1}}},"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"e":{"docs":{},"df":0,"w":{"docs":{"0037375":{"tf":1},"0042423":{"tf":1},"0051512":{"tf":1}},"df":3}}}}}},"n":{"docs":{},"df":0,"e":{"docs":{"002250":{"tf":1},"00440":{"tf":1},"00442":{"tf":1},"00443":{"tf":1},"00445":{"tf":1},"00446":{"tf":1},"00447":{"tf":1},"00448":{"tf":1},"004462":{"tf":1},"004481":{"tf":1},"00558":{"tf":1},"008812":{"tf":1},"0010108":{"tf":1},"00101013":{"tf":1},"00232331":{"tf":1}},"df":15}},"g":{"docs":{},"df":0,"h":{"docs":{},"df":0,"t":{"docs":{},"df":0,"w":{"docs":{},"df":0,"e":{"docs":{},"df":0,"i":{"docs":{},"df":0,"g":{"docs":{},"df":0,"h":{"docs":{},"df":0,"t":{"docs":{"0011111":{"tf":1}},"df":1}}}}}}}}},"v":{"docs":{},"df":0,"e":{"docs":{"0014145":{"tf":1}},"df":1}},"m":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{"00222243":{"tf":1},"0032329":{"tf":1},"0050505":{"tf":1}},"df":3}}}},"a":{"docs":{},"df":0,"b":{"docs":{},"df":0,"e":{"docs":{},"df":0,"l":{"docs":{"001118":{"tf":1},"004458":{"tf":1},"004483":{"tf":1},"004484":{"tf":1},"00662":{"tf":1},"009911":{"tf":1},"0010106":{"tf":1},"0011115":{"tf":1},"0015154":{"tf":1},"0016164":{"tf":1},"00232328":{"tf":1}},"df":11}}},"y":{"docs":{},"df":0,"o":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{"001125":{"tf":1},"008822":{"tf":1},"0015151":{"tf":1},"0056564":{"tf":1},"0056565":{"tf":1},"0057571":{"tf":1}},"df":6}}},"e":{"docs":{},"df":0,"r":{"docs":{"0010102":{"tf":1}},"df":1}}},"z":{"docs":{},"df":0,"i":{"docs":{"004472":{"tf":1}},"df":1}},"r":{"docs":{},"df":0,"g":{"docs":{"009914":{"tf":1}},"df":1}}},"e":{"docs":{},"df":0,"g":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{"004456":{"tf":1},"00667":{"tf":1},"009913":{"tf":1},"0010109":{"tf":1},"0015156":{"tf":1}},"df":5}}}},"v":{"docs":{},"df":0,"e":{"docs":{},"df":0,"l":{"docs":{"004484":{"tf":1},"009911":{"tf":1}},"df":2}}},"f":{"docs":{},"df":0,"t":{"docs":{"00181811":{"tf":1},"0059592":{"tf":1}},"df":2}}}},"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"m":{"docs":{},"df":0,"o":{"docs":{},"df":0,"t":{"docs":{"000010":{"tf":1},"00112":{"tf":1},"00223":{"tf":1},"00333":{"tf":1},"004471":{"tf":1},"008834":{"tf":1},"0022222":{"tf":1},"0023232":{"tf":1},"0040402":{"tf":1},"0054541":{"tf":1}},"df":10}}},"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"000015":{"tf":1},"00227":{"tf":1},"00232323":{"tf":1}},"df":3}}}}},"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"v":{"docs":{"000035":{"tf":1}},"df":1}}}},"d":{"docs":{"00222245":{"tf":1}},"df":1},"l":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"m":{"docs":{"0041419":{"tf":1}},"df":1}}}}},"s":{"docs":{},"df":0,"i":{"docs":{},"df":0,"z":{"docs":{"000041":{"tf":1},"00228":{"tf":1},"0017179":{"tf":1},"00232324":{"tf":1},"0053536":{"tf":1}},"df":5}},"o":{"docs":{},"df":0,"u":{"docs":{},"df":0,"r":{"docs":{},"df":0,"c":{"docs":{"00222219":{"tf":1},"00222222":{"tf":1},"0023237":{"tf":1}},"df":3}}}},"p":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{},"df":0,"s":{"docs":{"0037374":{"tf":1},"0038382":{"tf":1}},"df":2}}}},"t":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{"0047473":{"tf":1}},"df":1}}}}}},"f":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"00224":{"tf":1},"0023233":{"tf":1}},"df":2}}},"c":{"docs":{},"df":0,"u":{"docs":{},"df":0,"r":{"docs":{"0022224":{"tf":1}},"df":1,"r":{"docs":{"004482":{"tf":1}},"df":1}}}},"n":{"docs":{},"df":0,"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"009916":{"tf":1}},"df":1}}}},"g":{"docs":{},"df":0,"i":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"00101025":{"tf":1}},"df":1}}}},"v":{"docs":{},"df":0,"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{"0052525":{"tf":1}},"df":1}}}}},"o":{"docs":{},"df":0,"w":{"docs":{"000017":{"tf":1},"000019":{"tf":1},"000020":{"tf":1},"000021":{"tf":1},"000022":{"tf":1},"000048":{"tf":1},"000052":{"tf":1},"002215":{"tf":1},"002216":{"tf":1},"002217":{"tf":1},"002222":{"tf":1},"00994":{"tf":1},"00996":{"tf":1},"00222223":{"tf":1},"00222235":{"tf":1},"00232334":{"tf":1}},"df":16},"u":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{"004418":{"tf":1}},"df":1}},"t":{"docs":{"008812":{"tf":1},"00101023":{"tf":1}},"df":2}},"s":{"docs":{},"df":0,"e":{"docs":{"004468":{"tf":1}},"df":1}},"o":{"docs":{},"df":0,"m":{"docs":{"00222217":{"tf":1}},"df":1}}},"a":{"docs":{},"df":0,"n":{"docs":{},"df":0,"g":{"docs":{"004412":{"tf":1},"004420":{"tf":1},"004421":{"tf":1},"004469":{"tf":1},"004496":{"tf":1},"005511":{"tf":1},"00661":{"tf":1},"00772":{"tf":1},"0014146":{"tf":1},"0016164":{"tf":1},"0023235":{"tf":1},"0024242":{"tf":1},"0025252":{"tf":1},"0026261":{"tf":1},"0026263":{"tf":1},"0026265":{"tf":1},"0027272":{"tf":1},"0028281":{"tf":1},"0047471":{"tf":1}},"df":19}},"d":{"docs":{},"df":0,"i":{"docs":{},"df":0,"u":{"docs":{"004452":{"tf":1}},"df":1},"a":{"docs":{},"df":0,"l":{"docs":{"008820":{"tf":1}},"df":1}},"o":{"docs":{"0020203":{"tf":1}},"df":1}}}},"s":{"docs":{},"df":0,"i":{"docs":{"004444":{"tf":1}},"df":1}},"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"g":{"docs":{"006615":{"tf":1}},"df":1}},"g":{"docs":{},"df":0,"h":{"docs":{},"df":0,"t":{"docs":{"00181811":{"tf":1},"0059592":{"tf":1}},"df":2}}}},"t":{"docs":{},"df":0,"l":{"docs":{"008824":{"tf":1},"00111111":{"tf":1},"00151511":{"tf":1},"0016162":{"tf":1}},"df":4}},"u":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{"00222249":{"tf":1},"00222250":{"tf":1}},"df":2}}}},"a":{"docs":{"0013139":{"tf":1}},"df":1,"u":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{"00171713":{"tf":1},"00181813":{"tf":1},"00222223":{"tf":1}},"df":3,"w":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{"000011":{"tf":1},"002211":{"tf":1}},"df":2}}}}}}},"n":{"docs":{},"df":0,"d":{"docs":{"000021":{"tf":1},"000022":{"tf":1},"000034":{"tf":1},"000048":{"tf":1},"002218":{"tf":1},"004432":{"tf":1},"004499":{"tf":1},"00552":{"tf":1},"00662":{"tf":1},"00774":{"tf":1},"008831":{"tf":1},"008832":{"tf":1},"00993":{"tf":1},"00111110":{"tf":1},"0012122":{"tf":1},"0016163":{"tf":1},"0016164":{"tf":1},"0018184":{"tf":1},"0018185":{"tf":1},"0018188":{"tf":1},"0022225":{"tf":1},"0022228":{"tf":1},"00222247":{"tf":1},"00232334":{"tf":1},"0029291":{"tf":1},"0030301":{"tf":1},"0031311":{"tf":1},"0033332":{"tf":1},"0040403":{"tf":1},"0040407":{"tf":1},"0041413":{"tf":1},"0056561":{"tf":1}},"df":32},"n":{"docs":{},"df":0,"o":{"docs":{},"df":0,"t":{"docs":{"004488":{"tf":1},"00663":{"tf":1},"00775":{"tf":1},"00884":{"tf":1},"00101011":{"tf":1}},"df":5}}},"i":{"docs":{},"df":0,"m":{"docs":{"0053538":{"tf":1}},"df":1}},"a":{"docs":{},"df":0,"l":{"docs":{},"df":0,"y":{"docs":{},"df":0,"t":{"docs":{"0057574":{"tf":1}},"df":1}}}}},"p":{"docs":{},"df":0,"i":{"docs":{"000024":{"tf":1},"000029":{"tf":1},"000031":{"tf":1},"002227":{"tf":1},"002232":{"tf":1},"002236":{"tf":1},"00171710":{"tf":1},"0019191":{"tf":1},"00232312":{"tf":1},"00232333":{"tf":1},"0033334":{"tf":1},"0036365":{"tf":1},"0037372":{"tf":1},"0041412":{"tf":1},"0043434":{"tf":1},"0048483":{"tf":1},"0050506":{"tf":1},"0055556":{"tf":1},"0057572":{"tf":1}},"df":19},"p":{"docs":{},"df":0,"l":{"docs":{"006615":{"tf":1}},"df":1}}},"g":{"docs":{},"df":0,"g":{"docs":{},"df":0,"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"g":{"docs":{"000033":{"tf":1},"000034":{"tf":1},"000035":{"tf":1},"001114":{"tf":1},"002240":{"tf":1},"002241":{"tf":1}},"df":6}}}},"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{},"df":0,"a":{"docs":{"00222212":{"tf":1},"00222213":{"tf":1}},"df":2}}}}},"d":{"docs":{},"df":0,"v":{"docs":{},"df":0,"a":{"docs":{},"df":0,"n":{"docs":{},"df":0,"c":{"docs":{"000044":{"tf":1}},"df":1}}}},"d":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{"00222233":{"tf":1}},"df":1}}}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"g":{"docs":{},"df":0,"n":{"docs":{"002210":{"tf":1},"0039392":{"tf":1}},"df":2}}},"l":{"docs":{"00101018":{"tf":1}},"df":1,"o":{"docs":{},"df":0,"c":{"docs":{"0023237":{"tf":1}},"df":1}}}},"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"a":{"docs":{"00449":{"tf":1},"004410":{"tf":1},"004411":{"tf":1},"004412":{"tf":1},"004413":{"tf":1},"004414":{"tf":1},"004415":{"tf":1},"004416":{"tf":1},"004464":{"tf":1},"004465":{"tf":1},"00555":{"tf":1},"00556":{"tf":1},"00557":{"tf":1},"0049497":{"tf":1}},"df":14}},"c":{"docs":{"00666":{"tf":1}},"df":1}},"c":{"docs":{},"df":0,"c":{"docs":{},"df":0,"u":{"docs":{},"df":0,"m":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{"004438":{"tf":1}},"df":1}}}},"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{},"df":0,"i":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"0042424":{"tf":1},"0056562":{"tf":1}},"df":2}}}}}}},"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"v":{"docs":{"008815":{"tf":1}},"df":1}}}},"t":{"docs":{},"df":0,"r":{"docs":{"004439":{"tf":1}},"df":1},"t":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"b":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{"00993":{"tf":1}},"df":1}}}}},"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"00101026":{"tf":1}},"df":1}}}}},"x":{"docs":{"004485":{"tf":1},"00774":{"tf":1}},"df":2,"i":{"docs":{"004473":{"tf":1},"004474":{"tf":1},"004475":{"tf":1},"004476":{"tf":1},"004477":{"tf":1},"004479":{"tf":1},"004480":{"tf":1},"006611":{"tf":1},"00999":{"tf":1},"009910":{"tf":1},"0011113":{"tf":1},"0011114":{"tf":1},"0014142":{"tf":1}},"df":13}},"j":{"docs":{},"df":0,"a":{"docs":{},"df":0,"x":{"docs":{"0017177":{"tf":1},"0034341":{"tf":1},"0053534":{"tf":1},"0055552":{"tf":1}},"df":4}}},"z":{"docs":{},"df":0,"u":{"docs":{},"df":0,"r":{"docs":{"0041415":{"tf":1}},"df":1}}},"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"z":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"0041418":{"tf":1}},"df":1}}}}}},"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"m":{"docs":{},"df":0,"p":{"docs":{},"df":0,"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"t":{"docs":{"000013":{"tf":1},"000017":{"tf":1},"000018":{"tf":1},"000038":{"tf":1},"000042":{"tf":1},"001121":{"tf":1},"00226":{"tf":1},"002213":{"tf":1},"002217":{"tf":1},"002219":{"tf":1},"002225":{"tf":1},"002247":{"tf":1},"004489":{"tf":1},"004490":{"tf":1},"009917":{"tf":1},"0010104":{"tf":1},"0016165":{"tf":1},"00222234":{"tf":1},"00232325":{"tf":1},"00232326":{"tf":1},"00232327":{"tf":1},"00232328":{"tf":1},"00232329":{"tf":1},"00232330":{"tf":1},"0029293":{"tf":1},"0030304":{"tf":1},"0031313":{"tf":1},"0032323":{"tf":1},"0036363":{"tf":1},"0040408":{"tf":1},"0043432":{"tf":1},"0049492":{"tf":1},"0053533":{"tf":1},"0054545":{"tf":1},"0054546":{"tf":1},"0055551":{"tf":1},"0055555":{"tf":1},"0058581":{"tf":1}},"df":38}}}}},"x":{"docs":{},"df":0,"t":{"docs":{},"df":0,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"x":{"docs":{"0045451":{"tf":1}},"df":1}}}}}},"o":{"docs":{"004419":{"tf":1},"00101018":{"tf":1},"00181811":{"tf":1},"0059592":{"tf":1}},"df":4,"t":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{"001110":{"tf":1}},"df":1}}},"o":{"docs":{},"df":0,"l":{"docs":{"008826":{"tf":1}},"df":1,"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"001112":{"tf":1},"002247":{"tf":1},"00232330":{"tf":1},"0036366":{"tf":1},"0042425":{"tf":1},"0059591":{"tf":1}},"df":6}}},"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"p":{"docs":{"004490":{"tf":1},"006613":{"tf":1},"00776":{"tf":1},"00889":{"tf":1},"009917":{"tf":1},"00101015":{"tf":1},"0015155":{"tf":1},"0016165":{"tf":1},"00222231":{"tf":1},"00232329":{"tf":1},"0050502":{"tf":1},"00505011":{"tf":1},"0055554":{"tf":1}},"df":13}}}}}},"h":{"docs":{},"df":0,"r":{"docs":{},"df":0,"o":{"docs":{},"df":0,"u":{"docs":{},"df":0,"g":{"docs":{},"df":0,"h":{"docs":{"001122":{"tf":1}},"df":1}}}}},"u":{"docs":{},"df":0,"m":{"docs":{},"df":0,"b":{"docs":{"0050508":{"tf":1}},"df":1,"n":{"docs":{},"df":0,"a":{"docs":{},"df":0,"i":{"docs":{},"df":0,"l":{"docs":{"0041411":{"tf":1}},"df":1}}}}}}}},"y":{"docs":{},"df":0,"p":{"docs":{},"df":0,"e":{"docs":{"002223":{"tf":1},"00992":{"tf":1},"0014141":{"tf":1},"0014142":{"tf":1},"00171714":{"tf":1},"0042421":{"tf":1},"0043431":{"tf":1},"0051511":{"tf":1}},"df":8}}},"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"004434":{"tf":1}},"df":1}}}}},"e":{"docs":{"008818":{"tf":1},"008820":{"tf":1},"008823":{"tf":1},"008824":{"tf":1}},"df":4,"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{"00151510":{"tf":1}},"df":1}}}}},"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{},"df":0,"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{"004498":{"tf":1}},"df":1}}}}}},"i":{"docs":{},"df":0,"b":{"docs":{},"df":0,"u":{"docs":{},"df":0,"t":{"docs":{"00171720":{"tf":1}},"df":1}}}}},"m":{"docs":{},"df":0,"a":{"docs":{"004447":{"tf":1}},"df":1}},"i":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"00662":{"tf":1},"0050501":{"tf":1},"00505010":{"tf":1}},"df":3}},"m":{"docs":{},"df":0,"e":{"docs":{"0022225":{"tf":1},"00222239":{"tf":1},"0023235":{"tf":1},"0028281":{"tf":1},"0028283":{"tf":1}},"df":5,"z":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"0022227":{"tf":1}},"df":1}}},"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"00222211":{"tf":1},"00222225":{"tf":1},"00232312":{"tf":1}},"df":3}}},"s":{"docs":{},"df":0,"c":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{"00222236":{"tf":1}},"df":1}}}}}},"l":{"docs":{},"df":0,"e":{"docs":{"0052526":{"tf":1}},"df":1}}},"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"g":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{"0016163":{"tf":1}},"df":1}}}},"b":{"docs":{},"df":0,"l":{"docs":{"0018186":{"tf":1},"0018189":{"tf":1}},"df":2}},"s":{"docs":{},"df":0,"k":{"docs":{"00232311":{"tf":1},"00232328":{"tf":1}},"df":2,"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"00232327":{"tf":1}},"df":1}}}}}}},"w":{"docs":{},"df":0,"i":{"docs":{},"df":0,"t":{"docs":{},"df":0,"h":{"docs":{"004452":{"tf":1},"004456":{"tf":1},"00101013":{"tf":1},"00101014":{"tf":1},"00101028":{"tf":1},"00101029":{"tf":1},"00151510":{"tf":1},"0032328":{"tf":1},"0037375":{"tf":1},"0058582":{"tf":1}},"df":10,"i":{"docs":{},"df":0,"n":{"docs":{"000022":{"tf":1}},"df":1}}}},"n":{"docs":{},"df":0,"d":{"docs":{"004468":{"tf":1}},"df":1}},"s":{"docs":{},"df":0,"e":{"docs":{"00222226":{"tf":1}},"df":1}},"z":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{"0038383":{"tf":1},"0044443":{"tf":1}},"df":2}}}}},"a":{"docs":{},"df":0,"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"f":{"docs":{},"df":0,"a":{"docs":{},"df":0,"l":{"docs":{"004430":{"tf":1}},"df":1}}}}},"c":{"docs":{},"df":0,"h":{"docs":{"006615":{"tf":1}},"df":1}}}},"h":{"docs":{},"df":0,"i":{"docs":{},"df":0,"s":{"docs":{},"df":0,"k":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"004432":{"tf":1}},"df":1}}}}}},"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{"0017174":{"tf":1}},"df":1},"k":{"docs":{"00222221":{"tf":1},"00222240":{"tf":1},"00222241":{"tf":1},"00222242":{"tf":1},"0023235":{"tf":1}},"df":5,"w":{"docs":{},"df":0,"e":{"docs":{},"df":0,"e":{"docs":{},"df":0,"k":{"docs":{"0023234":{"tf":1}},"df":1}}}}}}}},"m":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{},"df":0,"t":{"docs":{},"df":0,"i":{"docs":{"000023":{"tf":1},"002226":{"tf":1},"00446":{"tf":1},"004448":{"tf":1},"004484":{"tf":1},"009911":{"tf":1},"0010102":{"tf":1},"0024244":{"tf":1}},"df":8,"p":{"docs":{},"df":0,"l":{"docs":{"004479":{"tf":1},"00553":{"tf":1},"006611":{"tf":1},"0016161":{"tf":1},"0040406":{"tf":1},"0053539":{"tf":1}},"df":6}},"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"v":{"docs":{},"df":0,"e":{"docs":{},"df":0,"l":{"docs":{"0011115":{"tf":1}},"df":1}}}},"i":{"docs":{},"df":0,"n":{"docs":{"0045451":{"tf":1}},"df":1}}}}}}},"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"u":{"docs":{"000026":{"tf":1},"000049":{"tf":1},"000050":{"tf":1},"00229":{"tf":1},"002229":{"tf":1},"002242":{"tf":1},"002243":{"tf":1},"00181812":{"tf":1},"0020204":{"tf":1},"00222237":{"tf":1},"00232317":{"tf":1},"00232321":{"tf":1},"0037373":{"tf":1},"0055554":{"tf":1},"0056562":{"tf":1}},"df":15}}},"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"d":{"docs":{"004442":{"tf":1}},"df":1}},"r":{"docs":{},"df":0,"k":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"004487":{"tf":1},"0010103":{"tf":1},"0010104":{"tf":1},"0010105":{"tf":1},"00101018":{"tf":1},"00101027":{"tf":1},"0023238":{"tf":1}},"df":7}}}},"n":{"docs":{},"df":0,"a":{"docs":{},"df":0,"g":{"docs":{"008810":{"tf":1}},"df":1}}},"p":{"docs":{"008821":{"tf":1},"00101010":{"tf":1},"00101022":{"tf":1},"00101026":{"tf":1},"00101028":{"tf":1},"00101029":{"tf":1},"00101030":{"tf":1},"0015157":{"tf":1}},"df":8},"t":{"docs":{},"df":0,"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"x":{"docs":{"00131314":{"tf":1}},"df":1}}}},"s":{"docs":{},"df":0,"k":{"docs":{"0046461":{"tf":1}},"df":1}}},"o":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{},"df":0,"u":{"docs":{},"df":0,"m":{"docs":{"004443":{"tf":1}},"df":1}}}}}},"d":{"docs":{},"df":0,"e":{"docs":{"009915":{"tf":1},"009916":{"tf":1},"0036364":{"tf":1},"0038382":{"tf":1},"0048481":{"tf":1}},"df":5},"a":{"docs":{},"df":0,"l":{"docs":{"0053532":{"tf":1}},"df":1}}},"n":{"docs":{},"df":0,"t":{"docs":{},"df":0,"h":{"docs":{"00222213":{"tf":1},"0024245":{"tf":1},"0025255":{"tf":1},"0026265":{"tf":1}},"df":4}}}},"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{"008821":{"tf":1}},"df":1}}},"s":{"docs":{"0017174":{"tf":1}},"df":1}},"p":{"docs":{},"df":0,"a":{"docs":{},"df":0,"g":{"docs":{},"df":0,"e":{"docs":{"000028":{"tf":1},"000029":{"tf":1},"002231":{"tf":1},"002232":{"tf":1}},"df":4}},"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{"004449":{"tf":1}},"df":1}}},"a":{"docs":{},"df":0,"g":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"p":{"docs":{},"df":0,"h":{"docs":{"0018182":{"tf":1}},"df":1}}}}}}},"n":{"docs":{"004499":{"tf":1},"00101017":{"tf":1}},"df":2,"e":{"docs":{},"df":0,"l":{"docs":{"008830":{"tf":1},"0037374":{"tf":1}},"df":2}}},"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{},"df":0,"t":{"docs":{"008829":{"tf":1},"009915":{"tf":1},"0048482":{"tf":1}},"df":3}}}},"s":{"docs":{},"df":0,"t":{"docs":{"0017174":{"tf":1}},"df":1}}},"r":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{"000046":{"tf":1},"002245":{"tf":1},"004493":{"tf":1},"008832":{"tf":1},"00101020":{"tf":1},"00111110":{"tf":1},"0012122":{"tf":1},"0015159":{"tf":1},"0017176":{"tf":1},"00181810":{"tf":1},"00222248":{"tf":1}},"df":11}},"c":{"docs":{},"df":0,"e":{"docs":{"00505012":{"tf":1}},"df":1}}},"o":{"docs":{},"df":0,"j":{"docs":{},"df":0,"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{"0010101":{"tf":1}},"df":1}}}},"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{"00181815":{"tf":1}},"df":1}}}},"g":{"docs":{},"df":0,"r":{"docs":{},"df":0,"e":{"docs":{},"df":0,"s":{"docs":{},"df":0,"s":{"docs":{"0020207":{"tf":1}},"df":1}}}}},"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{"0041415":{"tf":1},"0041416":{"tf":1},"0041417":{"tf":1},"0041418":{"tf":1},"0041419":{"tf":1},"00414110":{"tf":1}},"df":6}}}},"e":{"docs":{},"df":0,"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"e":{"docs":{},"df":0,"w":{"docs":{"00171718":{"tf":1},"0049495":{"tf":1}},"df":2}}}},"s":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"v":{"docs":{"00181814":{"tf":1}},"df":1}},"t":{"docs":{"0026263":{"tf":1}},"df":1}}},"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"a":{"docs":{},"df":0,"d":{"docs":{"0049493":{"tf":1}},"df":1}}}},"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"f":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"0057571":{"tf":1}},"df":1}}}}}}},"i":{"docs":{},"df":0,"v":{"docs":{},"df":0,"o":{"docs":{},"df":0,"t":{"docs":{"00114":{"tf":1}},"df":1}}},"e":{"docs":{"004451":{"tf":1},"004452":{"tf":1},"004456":{"tf":1},"004457":{"tf":1},"00101028":{"tf":1},"00151510":{"tf":1}},"df":6},"c":{"docs":{},"df":0,"k":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"0024245":{"tf":1},"0025255":{"tf":1},"0026265":{"tf":1}},"df":3}}}}},"o":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{"004415":{"tf":1},"004461":{"tf":1},"004492":{"tf":1},"00998":{"tf":1},"0011118":{"tf":1}},"df":5,"e":{"docs":{},"df":0,"r":{"docs":{"00669":{"tf":1},"006610":{"tf":1},"006612":{"tf":1},"00774":{"tf":1}},"df":4}}}}},"r":{"docs":{},"df":0,"t":{"docs":{"00885":{"tf":1}},"df":1}},"s":{"docs":{},"df":0,"t":{"docs":{"0021213":{"tf":1}},"df":1},"i":{"docs":{},"df":0,"t":{"docs":{"0043433":{"tf":1},"0053537":{"tf":1},"0055553":{"tf":1}},"df":3}}},"p":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{"00222250":{"tf":1}},"df":1},"p":{"docs":{"0039391":{"tf":1}},"df":1}}}},"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"t":{"docs":{"004428":{"tf":1},"00558":{"tf":1},"00559":{"tf":1}},"df":3}},"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"e":{"docs":{},"df":0,"m":{"docs":{},"df":0,"e":{"docs":{},"df":0,"n":{"docs":{},"df":0,"t":{"docs":{"009913":{"tf":1}},"df":1}}}}}}}},"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"f":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"m":{"docs":{"004450":{"tf":1}},"df":1}}}},"i":{"docs":{},"df":0,"o":{"docs":{},"df":0,"d":{"docs":{"005512":{"tf":1}},"df":1}}},"t":{"docs":{"008825":{"tf":1}},"df":1}}},"y":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"m":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{"004454":{"tf":1}},"df":1}}}}}}},"i":{"docs":{},"df":0,"n":{"docs":{"0014143":{"tf":1}},"df":1,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"000036":{"tf":1},"002220":{"tf":1},"0017173":{"tf":1},"0031316":{"tf":1},"0048481":{"tf":1}},"df":5}}},"t":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"c":{"docs":{},"df":0,"t":{"docs":{"002249":{"tf":1},"008827":{"tf":1},"00222251":{"tf":1},"00232320":{"tf":1}},"df":4}}},"v":{"docs":{"00222216":{"tf":1}},"df":1}},"g":{"docs":{},"df":0,"r":{"docs":{"0036366":{"tf":1},"0058582":{"tf":1}},"df":2}}},"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"d":{"docs":{},"df":0,"a":{"docs":{},"df":0,"y":{"docs":{"005510":{"tf":1}},"df":1}}}}}},"v":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"s":{"docs":{"00444":{"tf":1},"004421":{"tf":1},"004480":{"tf":1},"00557":{"tf":1},"00999":{"tf":1}},"df":5}}}},"d":{"docs":{},"df":0,"e":{"docs":{},"df":0,"x":{"docs":{"004477":{"tf":1}},"df":1}},"i":{"docs":{},"df":0,"c":{"docs":{"00101024":{"tf":1},"0023239":{"tf":1}},"df":2},"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"d":{"docs":{},"df":0,"u":{"docs":{"00222215":{"tf":1}},"df":1}}}}}},"s":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{"00171715":{"tf":1},"00171716":{"tf":1}},"df":2}}},"i":{"docs":{},"df":0,"d":{"docs":{"00535310":{"tf":1}},"df":1}}}},"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"g":{"docs":{"00669":{"tf":1},"0017172":{"tf":1},"0040403":{"tf":1},"0049495":{"tf":1}},"df":4}},"p":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"t":{"docs":{"00222247":{"tf":1}},"df":1}}}}},"f":{"docs":{},"df":0,"r":{"docs":{},"df":0,"a":{"docs":{},"df":0,"m":{"docs":{"0017175":{"tf":1}},"df":1}}}},"c":{"docs":{"00222247":{"tf":1}},"df":1,"o":{"docs":{},"df":0,"n":{"docs":{"0029291":{"tf":1},"0030301":{"tf":1},"0031311":{"tf":1},"0034342":{"tf":1},"0040403":{"tf":1}},"df":5}}},"s":{"docs":{},"df":0,"l":{"docs":{},"df":0,"a":{"docs":{},"df":0,"m":{"docs":{"0024246":{"tf":1}},"df":1}}}}},"b":{"docs":{},"df":0,"a":{"docs":{},"df":0,"t":{"docs":{},"df":0,"c":{"docs":{},"df":0,"h":{"docs":{"000039":{"tf":1}},"df":1}}},"r":{"docs":{"00117":{"tf":1},"004422":{"tf":1},"004425":{"tf":1},"004426":{"tf":1},"004433":{"tf":1},"0016163":{"tf":1},"00222238":{"tf":1},"0050509":{"tf":1}},"df":8},"c":{"docs":{},"df":0,"k":{"docs":{"004419":{"tf":1.4142135623730951}},"df":1}},"n":{"docs":{},"df":0,"d":{"docs":{"00559":{"tf":1},"0014146":{"tf":1}},"df":2}},"s":{"docs":{},"df":0,"i":{"docs":{},"df":0,"c":{"docs":{"00222210":{"tf":1},"0052520":{"tf":1}},"df":2}},"e":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{"00232310":{"tf":1}},"df":1}}}}},"d":{"docs":{},"df":0,"g":{"docs":{"0051513":{"tf":1}},"df":1}}},"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"d":{"docs":{"00115":{"tf":1},"00332":{"tf":1},"00333":{"tf":1},"0029292":{"tf":1},"0030302":{"tf":1},"0031312":{"tf":1},"0032321":{"tf":1},"0036361":{"tf":1}},"df":8}}},"u":{"docs":{"00101031":{"tf":1}},"df":1,"b":{"docs":{},"df":0,"b":{"docs":{},"df":0,"l":{"docs":{"004429":{"tf":1},"00992":{"tf":1},"0010107":{"tf":1}},"df":3}}},"l":{"docs":{},"df":0,"l":{"docs":{},"df":0,"e":{"docs":{},"df":0,"t":{"docs":{"0018184":{"tf":1}},"df":1}}}},"t":{"docs":{},"df":0,"t":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{"0020201":{"tf":1},"0020203":{"tf":1},"0020205":{"tf":1},"0020207":{"tf":1}},"df":4}}}}},"o":{"docs":{},"df":0,"x":{"docs":{"004432":{"tf":1}},"df":1},"l":{"docs":{},"df":0,"l":{"docs":{},"df":0,"i":{"docs":{},"df":0,"n":{"docs":{},"df":0,"g":{"docs":{"004440":{"tf":1}},"df":1}}}}},"o":{"docs":{},"df":0,"k":{"docs":{"00101031":{"tf":1}},"df":1,"m":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"k":{"docs":{"0018185":{"tf":1}},"df":1}}}}}}},"p":{"docs":{},"df":0,"m":{"docs":{},"df":0,"n":{"docs":{"008813":{"tf":1}},"df":1}}},"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"c":{"docs":{},"df":0,"k":{"docs":{"0022225":{"tf":1}},"df":1}},"b":{"docs":{"0041415":{"tf":1}},"df":1}}}},"k":{"docs":{},"df":0,"e":{"docs":{},"df":0,"y":{"docs":{"000051":{"tf":1}},"df":1,"b":{"docs":{},"df":0,"o":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{},"df":0,"d":{"docs":{"002249":{"tf":1},"008827":{"tf":1},"00222251":{"tf":1},"00232320":{"tf":1}},"df":4}}}}}}}},"u":{"docs":{},"df":0,"p":{"docs":{},"df":0,"d":{"docs":{},"df":0,"a":{"docs":{},"df":0,"t":{"docs":{"001125":{"tf":1},"0014145":{"tf":1}},"df":2}}},"c":{"docs":{"0013139":{"tf":1},"00131310":{"tf":1}},"df":2},"l":{"docs":{},"df":0,"o":{"docs":{},"df":0,"a":{"docs":{},"df":0,"d":{"docs":{"0041414":{"tf":1},"0049491":{"tf":1}},"df":2}}}}},"m":{"docs":{},"df":0,"l":{"docs":{"008815":{"tf":1},"008817":{"tf":1}},"df":2}},"s":{"docs":{"00171712":{"tf":1}},"df":1,"e":{"docs":{},"df":0,"r":{"docs":{"008828":{"tf":1}},"df":1}}},"n":{"docs":{},"df":0,"s":{"docs":{},"df":0,"c":{"docs":{},"df":0,"h":{"docs":{},"df":0,"e":{"docs":{},"df":0,"d":{"docs":{},"df":0,"u":{"docs":{},"df":0,"l":{"docs":{"00232311":{"tf":1}},"df":1}}}}}}}}},"n":{"docs":{},"df":0,"u":{"docs":{},"df":0,"m":{"docs":{},"df":0,"b":{"docs":{},"df":0,"e":{"docs":{},"df":0,"r":{"docs":{"00335":{"tf":1},"0018184":{"tf":1}},"df":2}}},"e":{"docs":{},"df":0,"r":{"docs":{"004473":{"tf":1},"0011113":{"tf":1}},"df":2}}}},"e":{"docs":{},"df":0,"g":{"docs":{"004427":{"tf":1}},"df":1},"t":{"docs":{},"df":0,"w":{"docs":{},"df":0,"o":{"docs":{},"df":0,"r":{"docs":{},"df":0,"k":{"docs":{"008816":{"tf":1}},"df":1}}}}},"s":{"docs":{},"df":0,"t":{"docs":{"0054543":{"tf":1}},"df":1}}},"o":{"docs":{},"df":0,"d":{"docs":{},"df":0,"e":{"docs":{"00882":{"tf":1},"0040405":{"tf":1}},"df":2,"j":{"docs":{"0041417":{"tf":1}},"df":1}}},"n":{"docs":{"00222241":{"tf":1}},"df":1},"t":{"docs":{},"df":0,"i":{"docs":{},"df":0,"f":{"docs":{"0042422":{"tf":1}},"df":1}}}},"a":{"docs":{},"df":0,"v":{"docs":{},"df":0,"i":{"docs":{},"df":0,"g":{"docs":{"0010108":{"tf":1},"00101013":{"tf":1},"0056562":{"tf":1}},"df":3}}}}},"z":{"docs":{},"df":0,"o":{"docs":{},"df":0,"n":{"docs":{},"df":0,"e":{"docs":{"00445":{"tf":1},"004416":{"tf":1}},"df":2}},"o":{"docs":{},"df":0,"m":{"docs":{"004499":{"tf":1},"00101017":{"tf":1},"00101018":{"tf":1},"00232313":{"tf":1}},"df":4}}}},"j":{"docs":{},"df":0,"s":{"docs":{"00171720":{"tf":1}},"df":1,"o":{"docs":{},"df":0,"n":{"docs":{"00996":{"tf":1},"00997":{"tf":1}},"df":2}}}},"q":{"docs":{},"df":0,"r":{"docs":{"00131313":{"tf":1}},"df":1}},"y":{"docs":{},"df":0,"e":{"docs":{},"df":0,"a":{"docs":{},"df":0,"r":{"docs":{"00222214":{"tf":1}},"df":1}}}}}}},"pipeline":["trimmer","stopWordFilter","stemmer"]}
\ No newline at end of file
diff --git a/src/diagram/sample.json b/src/diagram/sample.json
index b2e72d12..8a359e93 100644
--- a/src/diagram/sample.json
+++ b/src/diagram/sample.json
@@ -3,7 +3,6 @@
"directory": "diagram",
"category": "Data Visualization",
"ftName": "diagram",
- "type": "update",
"samples": [
{
"url": "default-functionalities",
@@ -80,7 +79,6 @@
{
"url": "line-routing",
"name": "Line Routing",
- "type": "new",
"description": "This sample visualizes the connectors that are automatically re-routing or moving away if any shape found on the connectors path.",
"category": "Getting Started"
},
diff --git a/src/diagram/swimlane.ts b/src/diagram/swimlane.ts
index 98e11c6f..f618acb7 100644
--- a/src/diagram/swimlane.ts
+++ b/src/diagram/swimlane.ts
@@ -78,7 +78,7 @@ function getConnectorDefaults(connector: ConnectorModel): ConnectorModel {
shape: {
type: 'SwimLane',
header: {
- annotation: { content: 'SALES PROCESS FLOW CHART', style: { fill: '#111111' } },
+ annotation: { content: 'SALES PROCESS FLOW CHART', style: { fill: 'transparent' } },
height: 50, style: { fontSize: 11 },
orientation: 'Horizontal',
},
diff --git a/src/dialog/components-dialog.html b/src/dialog/components-dialog.html
new file mode 100644
index 00000000..ff74dea5
--- /dev/null
+++ b/src/dialog/components-dialog.html
@@ -0,0 +1,196 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
The rich text editor component is WYSIWYG ("what you see is what you get") editor that provides the best
+ user experience to create and update the content.
+ Users can format their content using standard toolbar commands.
+
+
Key features:
+
+
+
+
Provides <IFRAME> and <DIV> modes
+
+
+
Capable of handling markdown editing.
+
+
+
Contains a modular library to load the necessary functionality on demand.
+
+
+
Provides a fully customizable toolbar.
+
+
+
Provides HTML view to edit the source directly for developers.
+
+
+
+
+
+
+
Add Customer Details
+
+
+
+
+
+
+
+
+ This example demonstrates how to integrate other JavaScript UI components within the dialog control. In the below example, The dialog component renders with the Grid, Schedule, Chart, Rich Text Editor, Tabs and Form components.
+
+
+
+
+ Since the dialog is container component, you can integrate other JavaScript UI components within the dialog. The dialog can be renders with simple plain-text, HTML string, or JavaScript UI components. In the above sample, used major components such as Grid, Schedule, Chart, and Rich Text Editor inside dialog.
+
","index.ts":"{{ripple}}\r\nimport { Dialog } from '@syncfusion/ej2-popups';\r\nimport { Button } from '@syncfusion/ej2-buttons';\r\n\r\n/**\r\n * Template Dialog sample\r\n *
\r\n */\r\nlet icontemp: string = '';\r\nlet headerimg: string = '';\r\nlet message: string = 'Greetings Nancy! When will you share me the source files of the project?';\r\n\r\n \r\n let sendbutton: Button = new Button();\r\n let proxy: any = this;\r\n let dialog: Dialog = new Dialog({\r\n header: headerimg + '
',\r\n target: document.getElementById('container'),\r\n width: '435px',\r\n open: dialogOpen,\r\n close: dialogClose,\r\n height: '76%',\r\n });\r\n dialog.appendTo('#dialog');\r\n sendbutton.appendTo('#sendButton');\r\n document.getElementById('targetButton').onclick = (): void => {\r\n dialog.show();\r\n };\r\n (document.getElementById('sendButton')as HTMLElement).onkeydown = (e: any) => {\r\n if (e.keyCode === 13) { updateTextValue(); }\r\n };\r\n\r\n (document.getElementById('inVal')as HTMLElement).onkeydown = (e: any) => {\r\n if (e.keyCode === 13) { updateTextValue(); }\r\n };\r\n\r\n document.getElementById('sendButton').onclick = (): void => {\r\n updateTextValue();\r\n };\r\n\r\n function updateTextValue () : void {\r\n let enteredVal: HTMLInputElement = document.getElementById('inVal') as HTMLInputElement;\r\n let dialogTextElement: HTMLElement = document.getElementsByClassName('dialogText')[0] as HTMLElement;\r\n let dialogTextWrap : HTMLElement = document.getElementsByClassName('dialogContent')[0] as HTMLElement;\r\n if (enteredVal.value !== '') {\r\n dialogTextElement.innerHTML = enteredVal.value;\r\n enteredVal.value = '';\r\n }\r\n }\r\n function dialogClose(): void {\r\n document.getElementById('targetButton').style.display = 'block';\r\n }\r\n\r\n function dialogOpen(): void {\r\n document.getElementById('targetButton').style.display = 'none';\r\n }\r\n\r\n"}
\ No newline at end of file
+{"index.html":"\n\n \n\n
\n
\n \n \n
\n\n\n\n\n
","index.ts":"{{ripple}}\r\nimport { Dialog } from '@syncfusion/ej2-popups';\r\nimport { Button } from '@syncfusion/ej2-buttons';\r\n\r\n/**\r\n * Template Dialog sample\r\n *
\r\n */\r\nlet icontemp: string = '';\r\nlet headerimg: string = '';\r\nlet message: string = 'Greetings Nancy! When will you share me the source files of the project?';\r\n\r\n \r\n let sendbutton: Button = new Button();\r\n let proxy: any = this;\r\n let dialog: Dialog = new Dialog({\r\n header: headerimg + '
',
diff --git a/src/document-editor/comments.html b/src/document-editor/comments.html
new file mode 100644
index 00000000..ebc1b382
--- /dev/null
+++ b/src/document-editor/comments.html
@@ -0,0 +1,85 @@
+
+
+
+
+
+
This example demonstrates how to add and edit comments in a Word document using DocumentEditor.
+
+
+
In this example, comments features in the document editor can be found.
+
+
Add a comment.
+
Reply to a comment.
+
Resolving the comment discussion.
+
+
More information about the document editor features can be found in this documentation section.
+
+
+
+
\ No newline at end of file
diff --git a/src/document-editor/comments.ts b/src/document-editor/comments.ts
new file mode 100644
index 00000000..34467816
--- /dev/null
+++ b/src/document-editor/comments.ts
@@ -0,0 +1,30 @@
+import { loadCultureFiles } from '../common/culture-loader';
+import { DocumentEditorContainer, Toolbar } from '@syncfusion/ej2-documenteditor';
+import { TitleBar } from './title-bar';
+import * as data from './data-comments.json';
+
+
+/**
+ * Default document editor sample
+ */
+(window as any).default = (): void => {
+ loadCultureFiles();
+ let hostUrl: string = 'https://ej2services.syncfusion.com/production/web-services/';
+
+ let container: DocumentEditorContainer = new DocumentEditorContainer({ enableToolbar: true });
+ DocumentEditorContainer.Inject(Toolbar);
+ container.serviceUrl = hostUrl + 'api/documenteditor/';
+ container.appendTo('#container');
+ container.showPropertiesPane = false;
+ container.documentEditor.currentUser = 'Nancy Davolio';
+ let titleBar: TitleBar = new TitleBar(document.getElementById('documenteditor_titlebar'), container.documentEditor, true);
+ container.documentEditor.open(JSON.stringify((data)));
+ container.documentEditor.documentName = 'Comments';
+ titleBar.updateDocumentTitle();
+
+ container.documentChange = (): void => {
+ titleBar.updateDocumentTitle();
+ container.documentEditor.focusIn();
+ };
+
+};
\ No newline at end of file
diff --git a/src/document-editor/data-comments.json b/src/document-editor/data-comments.json
new file mode 100644
index 00000000..43f9681b
--- /dev/null
+++ b/src/document-editor/data-comments.json
@@ -0,0 +1,2574 @@
+{
+ "sections": [
+ {
+ "blocks": [
+ {
+ "paragraphFormat": {
+ "styleName": "Title"
+ },
+ "inlines": [
+ {
+ "text": "The Giant Panda"
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "The "
+ },
+ {
+ "commentId": "Comment_e5affde3-0e01-48df-938c-071a057c6f8e",
+ "commentCharacterType": 0
+ },
+ {
+ "text": "giant panda"
+ },
+ {
+ "commentId": "Comment_e5affde3-0e01-48df-938c-071a057c6f8e",
+ "commentCharacterType": 1
+ },
+ {
+ "text": ", which only lives in China outside of captivity, has captured the hearts of people of all ages across the globe. From their furry black and white bodies to their shy and docile nature, they are considered one of the world's most loved animals."
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "imageString": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAFeAm8DASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCkzKc/3qrpI3mZ3AYqwkRcbjjHvUZMML5OM+9bvYz6kkjkpjNUo0RmzklienYU65ImT5JNuaWyhUMSJCR0qOYajqadrKtuuxVG5vXvUF4m9SCOW6dqk3S7DsXd68cioZGXyyshyR2J6VothN+8QWMLB2VzwPxrPvLRxqIcNuYEdq2UaKKLKtnjPXmqUe1rzJHB5yalvSw7a3NywZ7WAyuCuRg+ophPmOcKXDHgnk0+5dGtUjXCZPOBzVS2iuI8gMjAdCW5/KmtdBbEspBAigBGB82Rg1h3yeUzGQnJ4BIPatlZZEJlfBYn+7yajuUju4F2uZH6sT1X2FRVVo3Lp6yscuTO8Eghl2joR3/Csy0nvGulHzyBDjnnn+ldJc6csO4YyxwfxNYKSSxXcqltrkkA4yeKyi76lVFZ2Oj8+RYBESyJjkdz6Vu+DkJ1s5iwBExUkE+1cxFdyrbxMwAOBw4rtPAci3N5cOnRYSF49SOKqT90xlocl4uTy7+Xg4J49q45mzn5u/Su88ceW985OVJ6iuAl2KxAYZ9jTg7ol7kUjlQfeqjvjrUshHY81A3XJHSruCsRn5jSD7vzdaezDO5Rg0mAcY61LNBE5445q2pxHt45qoFIIqyc7B60Etij7gHfNSqSIcjuaiBIJ47VIg3QbfSghluzbEgGe9fQPgWD7T4fhbcM5xivn20O2Rc9hXp/gnxM9q8FtuPlglse54qX5lwPYhpCt16GqraEzA881paVfi9h3jp/kVpcGloanGz6PLGyjB5qo9jMnVTXdtGrdRUb2sbDBUUaDucH5bjqtArs5tMikDfKOaxrzSHiA2DOBzSsNMx8UYqaS3kiOGGKixQh7hilFIBTgKqxIc0tOApcUWAZTgKMUuKVguAFOpKXFTYpMQ00in0nSixVxtIRTsUEYpFXGEUmKdTaLDuIetKRSUU7CbCkxRR9adiLhionAqWmSCiwrkanBp+KhHBqwoyKLAmRsMVGRU7rgVERRYTIjSYp5FJinYkbilpcUmKLCbEIpyjikxTh0oaJI2FNA5qRqj71DREh3tSH3oFB61nYSE6UU7AxSU0WmNIyKYR2qXFNYZpoortwajPSpmFRMMVotSbkZ6VGxqVhxUD9auw+YwZFaGE4yc1mSq0vII4681Yv5pFQ8ED1rMiu8MQRWk1dijoOkkEQ2Jnnqav6TC0r5/SqMkRc7+DmrtskghwnDGoepSLdws0Dna2c/wANV5cswYxkjoc1YgjLMI7gsfwzRcyCEbYwBt9e9aPSOpD1loKkflxglVU9QM1R1G5WQboVCt0IB5pq3kly+zbtA6HqKfa6bLdkyKi/KfmPrUN3WhpHVl/QmleIvP8AOACRlM0kkN0135jyLDCegYcmqSXUlteCEfKg6rjk1duf3wCs+3uo64qaadrjqcqdguJ38sAMSVB4GOPxqOxVYF82eXLyDcAo9fU+tVbpb3cIomQof424IHvUVsWjcrP0xuVuoOPSqlK6IinF3L98onWZVO59uRtrkWhdbxYtpJznBHavQNLns7O1afcDcFS2HyAB6e9c5rOh3dxdf2hZzqxkI/drwR/jUKFrM0lNPcgdPMQuepGcY/Diu5+HUJVL59w27FG3v35/SuJZJwoRv3bgfMMdT7V3Pw7kH2m7Ta2TGpJPQYPT9aVXSJhJ3scx458uS5ZsEMO/rXmso2yHIGM969s8daIZ1eaKNuOflHA+orxq+ieGV1YdD2pUpXQblM5BJ6CombJHc+tIWySDnNOWF5CAATWxIzYTjjqeMU8Rk84OauQWLllz0rWTRpCu5VLEHO09/pUORXM7aHPRIzSbRzVmaFkUZH1roItJBkTK444J7Go9UshGhXbgdcelCZLuc7nnt0qaMrjBxzzULxOSCBz7VoWel3M7Kqxn5sjGO4pjbGRZbOAeBn9a7LwtYSyxyzBCSoXbj1JOKraJ4OvruaaIxlXXacEd89K9e8IeEX02zRZk+csGIPbFS2VBHU+G7ZrfS4Vf7+0ZrdB4qCCERRqo6AVYAxUmotFFFMBaayBuop1FAFO4sIpgcqM+tZFxoe1SUJJ9K6OkIzQBxU9lLbn5lOKr13E1uky4Zc1h6hpAjUyRdB1qkBiinYpMFTginAZp2ATFLinBc0YoATFGKXFHNKw7iUhxTqSiwXExTTmnUEUrDuRmkp5FNIosO43FGKWlwadh8xGeKKUqaTaaLE3CmuOKfg0hHFFhXK2OasRciomWpITyKBEjLUTLirRXIqJ1osMqlaNtSleaQrQSyLFNxU200hSmQ2RYpQOKcVoxxUsRC2abUhFMJqCXqJRzRTgcioEJzR1pwpCKVihOlNNOxTSKtIfMQt1qMip2Wo2WrSJuQMKicZFWCDTCua0sByF6m1GU4JrKjiwSwUD1966DU4QhbjJzxWXHHuzvyPbFO+hpbUh8wNwK0rS5MLhVj3H3rOaJBPvRs1oKyCRCQfmHHHepi7SKteLNRjHtaR/ldh/dxisSWWL7QUzvBOD2q/Kd0W1nfdjjGDXOXUcon2IG65J9BW09TKOhqi3toAXSLP1bJ/Kpl1jZH5ccxXsR6Cs+3tzsJM4zjnmudulmS6OwyOCxwBk81EpWGrs1ZpZrnU28o+YTjg+laMqTzwgbkjKkLu5OKj0m0Edq19KQsp4xjvini9iuY2jcjcvOCepqY7alTaK0sgiUwmTzZAPmfuPatDSojNGWflVwuetZ3kMZOUJJOeR1rqLLTnjsg0ZVGJz8x25qWNLUfM8UTJGbOAbx94tyD647VQ1GMW8HmIApGOrZxzjirV/E+7Y+xHKZy2MEdO3vWReSNJi2ll8mVuS4HTHTH1qm0Llu7sqyyMpUMcNg5wOCa7X4eGRri9kIwHCng8VwTSK7Jt/eIoILA/rXr3wz0qD+yZpwVdmkxuHXGM4P5molHmiRNPZGxdaaNQQxPFnNcdrPwe+3BpbWcK552v8A4164kCRgYUZFOYgCphFQ2KUO58yar8J9d05y/wBm82MfxpgiqVpocsTeXPAUZTjDCvpe7mCqc8rXHa1p1tckyBF3U5vsPkR5raaImQrRgHHGf4hWr/YyhFx0/lW3b2G1gGQlfWtiLSw4x/Ssk2xqNjgXsiYiNhyvcCq76DPqoAhTLjGQeM16vb+HYdoJUEjocf54rQtdBtYWLpGFYjmtE7C5bnk+nfDoi4bzAXHYEfp/9eu90XwbZwRQsYF3KxDHH1/xrr1tE4IH0qzHGqdutF2NRSM+00a2tpmkjjALDDcVqLGBwBSgCnUFCgYpaTNLQAUtJmimAtFJS0ALRiiigBKRkDqQRxTqKAMq50iJwSgwaxJrZoXIYV15FU7yzWdc9CKpPuBzAWl21Zlt2icgjimba0sTch2Ubal20m2lYLkW2m7Kn20uykFytsoKVZ2UhjoGVthpNntVnZSbKAK2znpS7KsGP2pRHTsFyt5ftS+V7VZEdOEdFgKZSmmPirrRe1RlKQGe8eKYgw1X3iqu0eGpNDJl5FNZKkiXIp7rTQimUppFWCKjYYp2EyEikpzHmmE4pMhiMKTHFIWpC1QwuRv1qM05jTSRmobJbCkBxSFqbuqSUyXNKOaiBp6mmWPAo20op4FUkIhKVGyVZIpjDNaJBYqFaaUqwVphWqFscNe34muyuc+mKRUEjFAeT61Q+zvEGZs5z1p1kZpJmKbgB780W1NOYvvpxt2ACgk89KmtI1lmMZALY4Y9qsRyFY8Eh3+nNUmuFimxgKCeo7VpKKWwoy11NKa2434/4HmuduImW7ODhcc981rLK7sds+7dz8uRis+WBXnZjM2/HTrz71N7jY21myGHy4HOCvArNubTz77ILIo67TS6hNPEpTO49itJo0xVxNcglQRnmsqj1sVDqaPkqtrtkkLIOEGf6CqFvaRS3IPky53fePAq/cvAZfNjdjEOiMf5c1c09Tc3S+YuxDySWz/+qqbJUbnR6X4cjnsvNlm8rGCCV4wPrVa7BgG3aXwcKA2FPuTWpNexkLb7n7Hc3K/Un25rD1m9jMqCJ1lRTgswOOe44ocVY0UuVmXJcXEzSKxGDzuc7s1mztHO7l3CyIACFwBgfhW1ImMtgrkc49a5wyyrqU6OgdGPUnrjAFQyVISUZkyGOMdW7ivcfhWqjwsxVgcykkdwcD/61eJxIokToGPG48gCvd/h5am08KROxGZ3aTj8v6U09BfaR1jtiqssowaWZ8jANUysrHGM0iyC4O/OAaprZGVuV4rXSAHhhU6QqnQUmgMyPS4gB8gBq3HZRIPuj8qubR6UhHpSAiWJVHFOC804ZXrSgj0pXGAGKeOcUAA04DkUAKKXFLilxTEJRS4pKACgUYoxQAtFFFMBc0uabRQA6im5ozQAtHWkzRQBWurYTJ71jywGN9uK6Gq1zbCQZA+aqixNGHso8urLxlHINNxVXFYg2UuypttGKm4yHZRsqbFGKLgQbKbsqxik207hYh2UoWpNtAFO4DNlOCU8CnAUrjIWSoylWSKiIoAgZOKrOnNXiOKqyDGaAEiXFSMKjjPNPc8UxMgYVC/SpXaoHaqJZCxqF3p8jYqq7UmSx++gtxUG/mhpOOtQyLjnamFqjZ6YXrNkNkm/mk3VFu5pc0hXJQ1Sqarg1MhxTRadyytPBqJDxT81SKHnpTDRmkzVoGNIzTWFSUx6pMlvQ4G9uYtjII854yO1QaUu+Qjnr07VHfeZkhcL7AVd0q2dohIOoHehyfMjZL3SzdfuyRF8rYwQDWTM7BsyAnHTvmtO4AjbEbZz2HNZWo2TXacOFVT82KcmEYotW2o24h2KcFux659qz9UYS/MsgEhPI5BFMg0iSPa3nxGMdM5z+VF2ImlKzMAoGA2MZos+or22IrSB7gmJWEsh5GeBWysMMEPkKqebt+ZR0/OsKzvVSNoo1KZPEgOSalnjeFGdZ90oGSB/iKLLclNmxpghAlLrmQZCjrW5a6ZFbWpumLMh6tjCrxxz/WuKgvmjgjKk+Y/J9q6q01B/sYX7SWG3JXng1FrmsZWKYmmTJZXVfu43feqMXStdRxpGSh5KyHkflxxmoNRvIDIyGXcwAbjvn/Jq1p7PLbqyo7EjJL9Ripd3oVpe5ZKs0O1mHXI2d/r7Vz/lqZ5AxO0ksD754H8q2QHR2GMA8YIrKQmIsstvtB7kEHnvz+FTJO4Qa5XcqW7ASYzjL9+vWvoPwz/o/huwhGflhH68/wBa8NtLZprm2h8tVHdyMZPvXvekW5Gn24fhhGoOPpVpaGenMXVUv7VMqYpyrgU8CkWMxS4p3akNIBNtNxTiaByKQDfalK45FOxS0rDEC08Ckp1MQtFFFMAooooAKUUUtACUUtFACUlLSH6UAIRTWP50+mlc0AIG7U+omGKFekBLRSA5paYFW5tw4yODWcyFTggituqtzDuGQOaaYGbiinsjIeRTcUmITFFPAoK+tCYyPFGKfxSYFO4DMUU7FNNO4AKcKjpwNACmomqQ1ExoAaarTVYLYqtKaAIkODUjNxVfcA1Kz8VSENkbFVnalkeqzyVRLEkaqztRJLVaSX3pEMkL801nqt5vNL5gqJGZIXppeoWfJphes2QycPmngiqofFSo1ICypqVTVdTUytmmmUtCwrU/dUCnFSCmaIkJo3U2kNUgY/dTGamFsUwvTuQzi7+GONljU7mzzT4ZZ4UCx/d9MUWyrNdK0gUAHB561dubyKzYjy12Hjd3rRK8rm7fumbNKzzMSMHsD2qHeVRsJl8dSa0IooLkNJG4993eiSAglDjJxwOgFJuyuEdXYz7cTmElVGB6Vh6tcSRFoJFO1ug7ZrsokFuSkzuU/ur0/Gs7VdGGoNuhjJcDO7t9PrQ3eNw5NbdTmIIlgt1ZZN5P8I6ZprPmaOFF2u33st2p32CeBz9oYx4PHsasW+mtcyPcF2ZR0OMZNSncTjrYfa26y321k4HA56V1h0wxwKqbV3r904HP1rn7G1mWcsgy7DALHp71u2q7JD5g3tkL8xJxx2qo2sErpnKatp8setxpHllJVsbscemfzrp7O0vtPDK5Uwg/Lhx7/nWT4jt5prmO4gYZHyrzVrT3ufspjvYyFVgI8Z2jPv8A1qFa+hpLYvvjfgHDk8c4x7/WsmVvMtgj4PB2nPT604ectxcu6s0efkYNx06elT2VnPdOiBcKy7c+XTtcjY7PwR4cNu0c8oMnGQeMfSvUYlCKAFwPSuX8KaGdMsEUySMTySxzXVqMDg05vohQXVjgaWmgigtjrWZoOppNJuHrTSaVwFJ4pVpnHelFIY/nNKOaaDTxQAopaSlpgLS0lLmgQUUUUwFFLSCloAKKKKACiiigBDTTTqSgCM89Kj6VORxTGU9qTQCoeKfVcgg8VMp4oQDqa7hRyaGPFcp4o1w6fblEBMjevAA9TTA1LrULbccuMLyeapLqlqxO2QccV41q3i+WeZkikYRk5Jz1NZreILpwcSsq/WqtcR7Ze+JdPskJknX6Dmubu/iFbqWEKFj254ryS51KeVvmcnHqap/aZW7HGaagQ5pHrEfxAO45APNaFv45jlYAryfevG1lckkHBqzBcSI33v8AGq5UPnPerLW4rldzOi+2a1EmWRcqc14Pa6w8B+Vzmu20LxWWCo5yfepcSk7noRNAaqFtfrcICD1qx5npUsonLVEzYphl4qCSYClcCRmqCV+KjaaoJJvemIa74NI0vFVpJhmoDOPWriJk0ktVZJfeopJveqks/WqIuSSTdeapyTc1DNN71UaUk0GbLgm561IJOKoR5LVaI2rUtEu5J5lLuzUKnNPFQ4kD91SRmouDTl4qbCLauMYNSKcVUDVOjVLKiWlbNSKcVWU1KHpXNET7qazVEZOKieQmq5gY93qFpveonkqu7mi5mzj7m7aG7VArbu3FbVlZfa0BYZc/w5/nWPqFqrXmUOWHvmteCZ7S3DZy3TFdS3sbNWLv2e2s3+/uI+8MAj6Cq+8M7MnA64JoEpk5XABOCM/1o2vKSgQggdAetRUNadr3RWldrm6IUdep/wDr1oWc62agKcyj/PNQ26+RHkr8w96jZ5biTCKAmSC3AzRDVWCompcwzXPLnEUkwQOx5CrgGrGnWsJt9scSxqgyxJzurL1K4WZVjRnaUN82RwPTHrW1ZHNip2MhyPmPc/jRHWTsKWybFEJuLkRpFtOOOMfj7VTuI5ITtYjJ5z3z6jHbFaweWK1bcuZD93J7HvWBf6lJHqwSPZI7LyBzjp3pWsNu4SKq2wLyKdr8j61oSfvYkCKYVVdgTv75PcVka41w1tGPKXazggjpwOlaFg80tnHI5CE4Uktgc9ufypLcltpJGewc3k8DtmMgDaP4GI/lXeeDNDuIpvNnQ7R0Oetc5psMsWuuscPnbtoZSM/oa9c01XS3RfLEYA4UYqtlcT1djRiG2MDj8KkzURx0p3brWTNB+RR9KaCO+aC2D0pAL25GKOKaWOaQtxSGPIFH0pgb0pQaAH5xSg803qKAQOvH1oESj1p9Rg0buKYEhNFMBp4oAUUUUtMApaSloAKKKKACikooAWkozRQAhppbin0mKAIjzRnHenkUwj3FIA3cV5v8SYZX053BOzBDNnAxXoUqkjjOK4fx/EJNElBdd6j5VPrTRMtjwJmJnIXBwevapHyMAHJqrN+4uDnk56HvTZJizdQPxrRIyciwZEUEsDkdSTxVSa8y21Rge1QuzNxwOamjVccnJ+lUS0ItwSep/Gp0nwc4OahZSM7T+NR7wTgnJ+lAkmakdx8w3GtzSrsRSqQwNcqjDvV+ymCMPmzSuaxdj17R9T3BRu/M10S3OV4Neb6FdEkc/rXa28+6Mf0qJo1TL73RHeq8l0T3qtLJg1UeU+tQMvG496he596qeZ71DJIaaESyXHXJqubj3qrLIagMpzWkSJMtvNVWWWo2kJqIkmqMwJyeaAvNAFPVaLgTQIKmcYFRw8U6U0mK3QbkCnA1Ep9aUnFFiHEkBp4aoA3FO3YNRIknBqePrVVTmrUVZNDitSwg4p9MBpc1JrYGqF2p5qJqAIWqNgc1IeaNtMykcyyMt1vddo7/AJ1sfa42gWJl3qeoXv7Vm3lx58ZTOHHA4rOs/NhnJST5vQtyK6VK0rHS4tq5rLCIXYCQoP7mOn41dsLqFUZXUvJn0zmsyaFj+/lkJz/Cp4FOtdzkIpbHVgO9VuxfCWbqcvLs3MqNwFIxikjUImS2VXuece1RlkaYmVfnVuCDwKkyZDhnPrycj8sU1ZEybe5U1cROkc8I+cnkYAHHvWnpuXtt8xMiIuBzkCsrVYCtqpbCljkbRjIqPQdXfzxp9yOp+Q5AH15qFpJlvWKN1nufMAS5XP3SuOVz2H41jpCYtbkLsNxUHLHOP8+lbVxbugOJRubkMCOa51ZWj1eQON2T0PHYce1Ke6Kjomy9qUF3dQ/uonby2BBJyMc9u1VVVzbjJ5Y8RpnaMe1dI8TxtHIsqrhPu7yHHXHHesC9vGOryxSgLMiAIckdT1yO9J7hujr/AAaqW8jItzh+N0Ljn8zXpNtL8vJ/DFeQ+GZ9RN6waJngP8ZA2/nnrXqVhcFlAYge9OTVtCI7s1sZ5HIpuxj93imByDjPFSKxPtWZoOCnvTSpzT+o4NNzzikBGcnqDxQMDgVMFDU0xj1NKwxq4PX9KcAB7+9Gz0/OnKPamIPpzSEZFPwo5PAqOW4hj4Zx0zTsAvI6Uqknis8avakkCRSUOWx2HrV6KaKZQ8bhl7EGiwEyDmpFGKYhqQUALRRSZoAWjNJRQAuaCaSigAzRS0lABmkzzS5pPegBaQmjNFADW96bSvnFVyzA8igCSQkrxXFeLLS4ubCVI03FuPn5z9K6+SZUTLGs29uI5YWUPgkcbeTQtxM+XtcspLC8dGDZBweKx/OcNgrjPrXffEC0ggvT5Yn8zqTJJuFedSyNv54xWuxha5ZEjEdeKkJKj72DVFJW65/WmyTOaTKUS21wRlQ1RGYk5qtuJOCPxqVQTyTwKCrWLKuSfer1qW3jpWcrAYFX7aQKw/rTRmzsNHuCjLmu8024EiDBNeY6fdBJB0ruNGvgwAyKJbGsGb87dqps1W7gbowwqjnBrIt7jtxqKRuKlzkVEyU0BTk5NREVZkXBNVm61SM5DCuKQCpwuRQE56VRFiMLzUirUipkU7ZilcBqcUPzUiqBSMKL3J6kFIxqQrSbOaLhJ3I+RSgmn7QKMVDaI2HoatIeKqoOatJUSKTJgaduqOnCpNUhxPFREVKOaaRUXsOViBhjmk6080yncykYVpaG5GS2FBz9ayrlRb6oGLdPQ09tTjhyjNg59az2ZrvURsYqSAc11TSumjohJtNG/I6yIDnIPOKgePyisigvzynr+NWLe3LRcnOP1qu8iPdFJVQRKSCGbAP1FLm94OX3TRhmhmx50CQbR3yxq2lzpgKiWVmB5DKmR+XFUWurOSPETbWBAbCjjHTn0qSSK0jiLTxMT2MXQ/4Vtexja47VYTqVqXhkBtof9XxjP/16w10aQuknlEhT0B5rQS88iKWMOIw4w3Py49TWxbanYwWTIJAXYfKQM/r2rCabmbxcVDUofblgtvsrSNCxB2sx3YHoeOBWBAZrm9uMMhkD556nHpUutI0N5EIJQ/mttkJP5/Srh0xjaSFYzlclSF3DAx1NKTdx043NG0jMkomS486Zhn5R8p47+lc7erJLrqTAOuQOW5JUEjNayg+SzFtu3klRs4A7etUblYWulu5EmZBzt3jaAcZ9xTZKsdh4dlnaJ23ng7cDAwK7DTLoiTbKAR79q4nQ3a4tAEhAQcKFPT61tWskyS7mLAA9T29s0pOxMT0CAIygqMe1TgHutZNhcKUXI29iM1rCRSAN34GkUO6dc0vFN8wD0x60x50QjcRg0DJgfSncGo1lXg54+tSb1AyTQABRnNBwBk0NLGiFiwA964/xX4ti0+2ZISS/8LxsMZ9CDTSAs654wttMDIu1m6Dnv9K851XxrPMxCAqOdv8As57A1y2ravPezvIzZZj6jFYUzXAOWAJ9jWySRlKTOjfxBd8SJOY35IIPrWjpPjq/0ueJg4aPBDITx04P51wa3Zd/LbIPvVlH86PyzwwHX1pN3EmfT3h7WIdb0qG7iP3x8y/3T6Vsg968f+EOqGSCay+b5eRke/NevKeKyZqndD80U3NLnkUhhmlpvelzQAUucUmeaMigAzQSKQmmkjHSgBS3PAo3GmUoORnNADs0u4etNAo/E0AKSD71BIwGT0qUnHaq1wWKHC0AVXKykj5j7VTmgWEE/dHoDU7SNGpyD+NUp5/Nj5nCj9KEJnmHxJjt3tgfmUjO3aRgn3HWvF7gBWwRjmvafHbpHbSK4+YcqQvI/GvF7zmRsc5PetDJPUrDrjNP201egqUCgvcYEGcYqZF5x60qAHrU+wcEGmTJ2GiPmrccW1chiDTIQA3UHnvVwISPlYdKRDYsJk3g5yfrXYaA7F1DZrl7O3LsOld3oOn7dpI5FJsumdXwbUZqiw+ar+0iILVZk5zis0avUiA4prCpDxUbGqAryiqpxmrcnIqqQc00RIenSnBeaRFqTGKdyJPTQWlCk0AZFSqtZuRFxoTApjjFWccVG65ouDK2KUA1IV5pVX1o5ibsh20BMnpU+0UoSlzCsxipipVFOC04ACpuNAFp22lApcGkaXYg96QilwaQiokDdxjYpmMmpduacIwKjmM5HlWpwsbolQOvQnFa+l26x2nmyHMh6EHrUU8KXV2DwxrXs7RET5V+boF9K7oq7Z0vTYfbSMIjntSXFiGUEEtkZODjP41JNEu0qGAI649abBMJ8qzH5fkXHc0mrMqLuRxWEkEZmLII2zn5snHvVYzk/IkrYXjeDk/SrssVxPAyxgFejAmsK8tp7BAI5Rg87AM4rV7XMXvYht3L6lLHNiRWO0knjGK6hLe1mhAt7fG0BWDN8p+lcjoRZrzeSBP5ny7hwfz4rsWnaEmOXMZPOMDbn+Q9aS1Q3dMxNRaJb2CNFKBMhtxyScDn6Vq/bbsWIiE6vFzzHwOaw9bV2vbNt553c7gcjitqyjuJbParMM4QEAZHuKm6V2N3shttaPE2xnWQkDDhTjGewrT+wqSiowVi2doABI/HgVuaVoIto98hLtjln6/iOlMnjhGohz5mUPCjuPfiuOGJVStyR2RHNcuW6T21t5ccQC/xEqD/AJFPEeSHZQGH93gH8KnjvgAqMMj/AGeSKJ4/MXdHhlPXFdE2aRWhrWF2oj2MT+I61qq+9AU59q5ywQvEAX2MvRif51tQM4A3KPqpqE7llgyMAQHwR68VnzaiodkYj0Kt2NRatK0cZkDMrKOBnr+NcJqmveanlXWMg8EcEfjVJAdFf+IHsCxV229GGeR9R3rPfxnJ5W+O52v0KNnBI9PSuJvtUeVyWlLEDbu9R71R88MoZmznjKjitowM5TsdVe+Lb2bcfPO3+5jg1yWpaw7ykE7s/wB6hkdmKsWK1m3NuCOVPHvWjVjPmbNPR4E1C7ImAZFRmI7cAmq+meHLrxBfO2mxyrBkEEnOz8+tXfCt1b299C06sFyUl9Np4z+tF1cat4aubixtZTDHIQyyrxvXsQaqPKleRDvJ+6Y+t6PNpt1JYXW03CjKSofvf/XrItbiURnJxg4PFXE8+8uS80pbMhxuPzMT1/8A10jWpjjlYAYLfrWb8ikrnpXwgu0GrGEqd7xtgj8D/Svc1+7Xk/wd8Oy2NjJqt2MPPxCD2TPX8f6V6sDmspG0NiSjpSL70hPNSWKDlsUZ4zTKOp68UAPzxQfWm565NNMo3daAHM2PrTWz3OKfnI4x+NRyAFTuJx6jigCJirMBvNSCTsMVWVYhkhsk981Kjrj7x/GgCbzPel3Z7j8qZww6D8KZ6jd+dAD2XPQimhW7nFR8o3JY/SnGQEd8+9ADZoFlXD9PWsLUYTBE2zeR1yGxmtxnDcMeazdS8p4Cj5GehFUiWeReMpJntiuSUB6OMkfiK8rvYcs2Bz24r1Pxjbz+a0W75DypxXm2oWzxEgjg+ho6mD0MHBXIP6VKnPFLjBII5pQrA9eKsq44Ic1MoKkd80mAVz0NPi6n+tAm7kiOe1adqgkAGOTVKKNWYbTjPatqws3kcdvoKGJbmlpunFpAdh69xXoOlWSxQg4way9EsSirvX8q6RfkUAVlJm2kUKyVC8XHSrCsDTiuRUjTMqRDVdwa05oupqlKmDVJjKje9RbOasld1N2YNUmRMai04rUiRmnlKlsh7EGKkQUbTUirWbZncMcU1hUuKCKlsTZXIpMVI4qPHNK4mxyipQoxTVXAqVeaLjuIFOKUJk1MF4pwSk5FJEYXFBXjpUuygrS5hldlxTQDmrBXNN2Vm5hYYFp+KcBikJxWTkJo8zsY3hlZyN2DXQQMtwpkVdpPHFYcUgIYKSQO9b1lERY8cbudx6V68Y2eh0dBklttQkks2fXio9PtNz72ZevfpV6JAsRVgCDxk96zpUkdTHEDknAwM0SsEU1qLdxS28uUlBLH7pOBj2NJOjy25coqqByc5z7UW0WxxFcb355HXFSXs7fZjbwGNY1OCo/rV2tEneRjwWkceJT8pJ4rQlnW7thFsb5MZDfwgd6vDStluvmzLHuXgEf1rHj3QTm3a5bDNyACzHH6VktEXJa3K97E0tzZmMsQCQcdjxwK7/Q9NlEUaMSEB3Yx3rI0zQEk1CN1XKdSc9TXfQQCCMY9K8rG4lpunHcwqzWiRFPshgYs2ABnrXKMouL9z9skC7ssFP8API6fStXX7oRxnJ/DOK463mklvSI7pwDywA/qOarLqHs7yfUiOp2EDqu5gsjL03uMH8Kk811bKbm55HeqiNK6qr3akYxhmySPxp8cMoI/iXPQnIP0rumdETc04723pkbvvZ7GughRQm08965zT5oVcMCc459R/jXRRyggFWBU85FEdiirqNss1q6uTgjrXkGvrJa3MkL4mRehcYKj617XKd6EDHIrzXxjocrxvcQqCRy204/If0qkwex50Gy52MV9AaejMHGApbvg4zVB5HimKkFecfN0qxEzFckBW69cg/SumL0OaT1NDznxyjH1GeRRIiyfdXr1z/WqRmwwVjtPTAGM1ZhmLsFCnPbNVcRX+zGNiyqM+ue9dFp+qQTW62Gp26zxD/VseTGfY9cVnKyEZJxj8qsW+n3dwfMgiYjGc7etGw4mrPaaOto/kWMSPgb5F4J9h7dO9YSaXJd30ccS5UybQD069K3k0jVbthbwwkkEdsYrqfCXgy8guS+owBduNjZznmpm1Y01Z2fhm3lh0yGOQYZF2n61vqoFMgi8tAMDPf61PXOzVbDCKaT61J0pmPWkMjbrgdT39KTJA2qM0rYAyxxVaacA4VSQOp7UwHu+EYk8YrOa8jjlAZ/wz0qveXchR+SkSjJJNeda144tLQzLDMpdTg/xGkyXKx6bPqywxmV2Cxjoc1hXPjqzUlVdWPp1rwzVPGOqarKYo5dkI6ep+tJp97K0yo7N1HtmnZkc57Uniw3Dcj5SePmxityy1H7Qo3smPbmvMbFZI0SQK5B6nrmujsppWUGNMOOx4P4VnqnqWnc9AW4QAYI+p6UruGGQAfpXNRXuYwJFdDjGRV22mbflTkfTrTuUaLyEY3ZwfepYmBHJJ/GoQ4dcPgH0I60/91jO0g+xpoAkCFjtYZ9jzVG6+7tkUsD0NXWkB5CBvfIzVS7bgMFUKeoaqRLOE8RWW5sYyD7dK4DX9AmFuZo49y98CvWr+2eacDaNp9BkitG10CC5tjFLGCrDB4pmfLc+W5rdo22sDkdjTliAXnqOa9b8ZfDKW0d7mxUvDjJHUj2rzefSJ4TjYf8ACquJqyM3ywy4z0FPiibjjt1q0NOm3A7DWrY6XM7ruiOD3obElcoWtq7uPk+uBXa6JpkwKtsyKv6b4bieJWZSG966m2tktowoA4HWoctNDSMUtx1vGI4h8uDSs1OZ6iJ71nclu5Ijc1OpyKqr1qZWxU3LjsK4BqpNGatjk0rRZFO49zL8vB5FKI89qutF7U0R4o5hNESRcUjx8VaUCmyLxUuRMloUSCKFOKlZaZ0NQ5GLHDpTGOKfu4qFzSuSNJzTaQmkBzVJEkwOamjqugNWEoZZYUZqQLUSmp1ORWUnYtBtGKYw55qXFMYVjKYyPFIVp1ITWEqgWGkYFMPWnMajY1PtBNHmdlHI6sAOWPbrXWb5bW1RQmQBjOOKydLgaJA3G7GRn9K02ZmC+ednoCa+jSubN2RXub54gzKirnrk9qo2N9MZCUAZtxwWPWpNTa3MRCyfOD93FGmAvAF6J/sjPPvR9olt8ppFlILyBlkfvgUtna2kkxYITKowdw/nVOUtAWRB5hJwCVJNY8utyWssoSLG4YZT7U5yXUUUzsLpluV8tAhC/LvB4Brn7WCS68SKkg4iH3gMipdLvFukV4pd6jnYeMe59a6jRNPjkvjOoyDzkjFceLmqcfaFuq1BwZ0em2KQxKQuKnu5hDGc1aA8uMVjavJuh+8ik9NxrxcLSlWqc7ON6uxx3iG9MrkE/JnqfrXOwXKRTYbycHsJPmA6dq2NYjiklZAyucgMQcqPWqIttPimDKxcg7SwAIzXvqPLojpjG0S/YtauxMc7DP3QWJGK6iymkhVVxn1YVg2pUYC26hcfeWtO2nDvtWSM+1RIqJur85yUG7sRxWrZSsByO/IPBrJtX5CM3OeM1qpJjCv0PQn/ABqUWaS4NQ3ditxE2QDnjkZqaFu2KtpGD24NaoDxTxh4Xe3driKHhsk4H6fT3rg/KkTgrwDj0xX0/faRFeRkOMg9x1HvXHyfDi1bU3fBCPyCuPlPuP8ACtYsznG543AJNu1snPQkZrqtE8GapqkqeVE4jOD5h4GPrXp+nfDjSrSfzZE8xR0Q5xn19q7G1sre1TZBEqD0ApuaWwlT7nF6V8NNOgMct3vlkUcqzfKT68V19tpFlaoyxW8ag9QoxV8UtZObZqopFdLSGNQFjUfhTxGF7CpaSlcY3vS4prHHTrTUfd+FADiab2yafxUchIXPX2oAhdg/TgDvWXd3HlKSCOvcirN3cLBEzvnH04riNZ1zbvMckQx91ckke+B0qkiGzn/iR4tnsdMa3gnVJZTtUKO3c5rxEymaQtISc/qa6Dxlq02pagd8okVOAFGOa5pYJGTewYrnGQOPpmmkZs07V8kYC49zWvazrC4x8pHtkVz0RMYwN3HQir0Nwsnys5Vs8HsapEarY9L8PasGiEUxUpjoB/8AWroYHjV94bCnkDGa4TwkwN0FkbKk4PGfxr0uOz2D9116gEY/LNZzV2awZesblJesat2IOcmtWGMKQ0OAuOVJ5H0rBRCpBZT15AAq9bTxrlcNv7c9fwrM0OhhlBTa2D2wwo8k53EYHs2ayrV9wLJKxH8Ub9atC8WA4YsPryKaAsyQMUyjfQg1nyFo9yzAY7FTnFWlvo3G4MOf7tZ99ciQ/Iehq0S2LbxB5socqO1dFbIoUYXFYmmIWwT1FdFEPlHFNjQs0KSxFXUEEdDXm2v+GLRrtyIgoY9q9N7Vha5DG0RY4GO9Ta6FJHmkfh62QFZEDAdCRV+DS7eBcKoxV2QgMQKaDxUIlMRVEYwBQWyKDSUbidxDTD1p/akC5NJgkKop1AFOArJuxqkOU1OgyKiVanRanmAjZKjZauFcioXSochMrdKazUsnFVy3NHMRewNUDdamJqJutK5jITsajYVJimkVSZJAaFHNPK805VrVCsOWpV60xRUi0pWGiRelTqcCoQeKeprmmyyfPFNPNNDUFq5JyGmMY4FMJpWNRmueUtRsRjTGORSmmk04sTOaJjCjYAAOKY8QJ3GYsuM8dankW2Mfll+c9D0qjDGwmKo5GTgArnFfUwvY2qGdettYKIuvGWOTitXTI3iX5AV3/dIGcVWvLfZcBG5Y8n0q/FerFGsLxbYx1ap+2PaI5A0cm11LE55B5z9Kh1KO1u7QqyoZAeOMMfWmC8KF3UfMflGPSqV5M7uoV8gcZx1qpNOIoPllc0dDsVjdVhPJPzAelek6XZCCJeOa5Twhpj7y7DO7nd6134URR+mBXkYluq1Doc9ad5sp6hcLBFkmuC13UTI4EZHHPJ4Nafi3VvIULuAycVxEc0k7uzHI6jHpXZhqaghQi92QT3i8sFcFmyFHO3H86yr53EJkBJ+cZP3f/wBVa0qROcqpB7kdazdVKJbBEDckEHtWzOpFmzuBK/7udm44wT1rorUSxw/umGT0IHNc3pUfmsGVck4HB4HrXZ2m1ACsOEQYDEZyfQUW0M9bl/Tby5+5Id6+45Fb0DOynaWI7qeornGd1IZyq8dBVyz1BoCG6gdyc4/GsmjROx2Fn5hUFeCPUda6GFNyA4xxzXOaZdecVZGHPOAa6iDlARxWqVkFyRYwBS+WOtPFLQUMHpTsUUCkA6ikooAWkooNADTUBcJwBgdKnNVnQltxPA9+tNADzgEc9ahe7ZwVhUM3Xk0/ymkXGMccHNRrYx2zmVSeR+VNCZTv3UWUn2pk6ckDGK8V8VxTWczNApRHOFJ7j2r2y5DtKVePdGeQRzXGeO9FifRnmRCzIdwP4VasZtHgOrxssSSNkknknvVCFnZQucgc4PSty+SZ13LjC9RWYbdGIOFB75ptGfNbcpncjZQ5wOue9To/7xWHHqKsfZ1ZQM7j04HSrK2IKp0Bz6UrC3R2XhC0klUOoIH8Ljr/APXrv4LqWOMRzuSB36Guf8IabtsQQAQR92t9o5C21iSR1/yaylpqawWhr2+2UKRKTx1/z/jUklr5o3g7cex4rPs/Ll/dkrnuG4qcwXELjypWAHbdnipvc0NS2eLABbcw4Jzu/PvU1xgIWVCcfQVmwxtKQ24GUfwk8/hV9I5gPl49VPFUhEaTKQpCqVPBXPSi5iBPKqVPIOOakS1Utu8sKc8kcVYkjAQADI9+1WiWS6bHgCtkcDis6yTaorRBGKTKQjSYFYmryK0RDsRWpczrChOM1yOra9btIYP3m70C1UY3FJlKRFJJU5qMjHFPiwY93PPqaClYtWZD0IjzSYp5GKSgEyI5zT1FGO5pRUtjjuOxQOtFArCRqTIKsIKgjqylZNgPxUMgqx2qJ+ai5EihMO9U361fnGAaoSHmqRlcQUhWhetSYoJZFtppFT7aYy1okQyHbSgU/bS4rS4hmKeppNppQDmkxkgpwOKYKWueY7ji1JuppzSZ4rlmhpgWppPNBNMJ5rn5SrgTUZNOJzTDVxiS2czJYM5M55A/GrEcnkwZ27W7Edar2k8joS7bh/dNEssrhiFwvoeMCvq0kkayk2Ps7YXd2zsx2YzkjFXXFisbIvEo4G8ZFYMWqeTclEk9MD0rVl01r5UkkO4kcetSlvYblfQq/YmB3kF1JzuXnPtVm0sTdMieWq7jlhnmpYrVrUbXlC7echsgH0ra8NRedcHcoLZ++O9ZVXywZMm1qddotitrbKAMcVLqk4igY56VcLLb2+TgYFcbrmsxlmRX6fjn2rzKUXKRha7scH4tvWlu41wcs2V57VLaQNLbKMbQAG9OfrWRr1xDLeJIqspBGQ3rVixujfMY4y4Ea5JJ4r0YWvY6uW0UjUksWjAY7Wz6Csa+VZIAjAhmcAZOc81r6pdtHat858xdoUg/nmuXur1J9VhjiPC8nB6miVthra5vWPl2QOUUE9F9PrXS2d0TAJJHGScKuMgfhXK2+1mVAwIHLNjp6mtoXsPlfugGPQECmtjJ7m58k6c4AP8AEKhEPkygg7Mj7uetMtp2BC5JcnhQOn1qyIvPkLNKHYnIwvP14qXEtO50ehsPl/djI646H3ruLXBQEHP1rjfD+nyIVLSZT0FdrAuxAKt6IqJMKKKWoLExS0UUAFFGKKADNNJpTSE0AIRnrRtGScc4peOtNL4pgBwBUMhLAjtTJJywwnXr+FMzx1PNMVxQCFwRkVjeIbaO50maFgwVlPTqPpW28mEyenesPVJybKXYRkDOc4xjnrTRLPne6Rra6lifBKtjjofeoBbwvzs9xUviW5Ua1dH5RukJ+WsyK5O7a7cA8EelaqSOeW5eS1jRsgfQYqdVDYxjI61QN0VU7vmA71JHKVIdAdp7jn8DRcXqel+FNWjhtvKmAYZ6/wCFdgYILyMSK+5SfvBga8t0G7jnCxkmOTqGzXodhG+0YYCQj+E43d/xrCV7nRHYdPpzq3mI/wAwwdy8D/6xq7aebIgEpyB03dj9aiS4uInUyJlRwTjGa17dI5Y/MjwG6Y7f/WqLa6FXM9wTOQ2Y5U4PuPX3Fattc+cojkyG7E/41I0ENwoWSPDr3P8AjVRIxauTGWMY+8h7e9VawGntIxzj9aGjOQe36U+3kWZBjpT2TBypq0Jk8CgCpznHFVopOKl80DrSGilenC/PnFcbqtza7y3AXPPHNdbqNwQjLtBU984rzvXVIdpFYge4Ga2gZy3NS0likGIjkVb28VzmhXAZsF811KAOuc1y1NGEysyVGVq26YqNl4rK5mmVSKMVKVNN2Gi5SYzFOA5p2MUdKzkbxQ9OKsoeKrJUymsWBPnioyeaAaRjxU2M2yvcD5TWXJ1Nacx+Q1mPyxrWKM2hEqcVXXg1Op4oZLFNNNPIpppoTG0u2nAU7bVCIiKSpiKjIpNhcbnmjPNIeKZmuebuDY8mkJxTN1JmueV2FxS1NJpCabmpSByFzSHpSbhSFh2q1EXMczahwnzLjb+tWcCaJgQoPbjvUsMkTwh3f5+5x0qOeRI0Yh8+4619HF6HXJanNtbyR6n5gAPPYV09tetaQFWYqXGM9xWRahWuvm5weprXmgt5iqxkI4GfU0oysmyZJIhOJGwwJzzuPJrp/Dk8Mcp2EbAOvrWGLO4giDheQOtMhu3so2YkKx6kVzynGorJhbmR0XirxOlvbmGOQBiK4G1vnviyySny+WJXlqu6kv2wKwk804wXH8q5xbeSDUGgVwqBgGOfz/CopRUHYv2XLDmRBr2fOhdQwU5wSCD9K6Dw7ZrdWu4E4T5uvH61n66ka2kbNIXCMBu9Pam6RdSuyW9t/FyEI61sl7wpaxubF5Yk8Lgs3bHPvXHpYS2mryRvjcGJ46V3jh/KYkqGwF47Z/8Ar1hXcI/tGRu5XAqZ6ahHXQrMLrzTCo2xjDEg8mtq1mghiG8qzDA2ZwB7k+tVHUpaSOq4LdDnJArOEsMchDszAMAQOOlUmZzVjsoZ5LsARtsjwBwPvf8A1q2dOtASAxPYbW71yFrdq7goWCE8BRk4H8q7XTJVdUL52joDyRVJCTO20XYsSgOpPsMCugQ5FczYzxooJYDFbVpepN9wgj1okjSJoUZpobNIWAFQaD80oNV45VLnnpUhkAOMiiwEtJmo/MXPXrTtwpALSH60hOeP0puTu/2RTAQk4xmo2OTj8qkI79KruxBxjp3piM4yGCVAeQeKc93g56ccVS1MH74blTms+K8ckJIQRnAam2SjoWn3Rg9ieoNc5qN/FK0sYBUshU85FXlu1Csmfk6DBri9evInScoQGVid47GpBy0PHfEW3+1p+O/PGKyoWK45yBVvW3k+1ssuSwJwx7g1mQvsfP5g+lWmZ8tzWimAXBA4H51aR1D7Qvytz1rMSZNhAB9eeoqzCQ4CHOf4T3p3It0Og03clwpRgQeeR2r1HQJN1qu4kqOA4G7HtXlGnpIWTsw6N616P4Zv3gG2aJjEfvDriob1NY7HWO8sZV92VYcgHg1ZtriMMELMu7oxA6+9QHyTEzIw2dRnkVUaRMghvLJORzlTU7FG20jAbX49GHRqfAuTyOe3of8ACsuxvElzDKShB4YdvY+1bMYaMFgNwPcVS1AsWsQQEL06ipnYA89aLdgyAgY9qpX85iYEdM1QFuOQbsVPKiuuR1rFS4YncvPcVbivVkO3O1h/CaSQ7mVri3McLNBtx6k/zFcDqmqK4aOZQrdDgYrt/EV5JDbu0TtnHZc/oa8f1S5E12zE/Nnpt21qtEZXuza02dEmBVuPfiu60+4WRANwNeZ2rZjBBzXWaDc4IDMaxnG6LnsdeygjNQOBUyOGQUxx3rkdzArstJtxUpFNxU3KREVppWpSKaaT2NkxFp2aYKN1ZMTZKGpc8VDupwNBBDcNxVA8tV24qmB81apWEGzJpwGOKlVeKQrzUtiewoHFJingcUhFNEMSl6UmcUhOKskUmmMaM01jgVDC4xjULNipDTCvNYyRLYgNLmmE7aYWzWTRPMSMaYx4pN1JSsJyEJxTC1OaoyapIm5y1rKzArIhOe+av7RGAzL06g+lYraosVxhQp56YqcXrXSnHGB3r3Ez0thmo3AVt9uNuT27VpeHJZbicecNxzxxWalg8q+YE+TBJ962/CkTLekE/LngelcmKqOEGwqR9y52E9ofs3QDiuN1l2iJ2k5A7V6LcxZtfwrzTxD5/wBpKIox3Oa8vLK3PJkQWgy0UW8X72QGQ/wr0FcxrN0Yp51iALsQODWkkxET+acOo43VQjije6WWUDaTnJr2Z73OiDvGzKMSXVxbkzFmwQQG6cVPp06JdqFdlOeecYrtLWG0njW3toklVuXY8Yqle6LpzTObYoJFwTgkgt3FNQkveBuElZD2d5XTdvIIAQAZ/wD1VHqkb2txC0yMisnBIrYsJoGghCxxNKR0zjBrG8U3BOqRxzYyAOFNaSiramCfYo3kiJalmJ3MdoYv/IVzs9xEOB5j5PXOMmte+VGgJjBIHcnOK5q5k8tycc1PUjc6LSb1bUhiNi9SM8k+lei6XqbSRRtKCoAA64/+vXisGpC3cE53Z+91wPau40bXjKkZwBGvGGPX61a2JaaPTxMGAZgpz0ANb+iXcrnbgbR7dK4vT7hrkxEqoQ9MjGTW9YTR290sZuArfxc9/SnY0Uro7hJMcZpWlA4zgmqaSblBDfpUF5c7ejEnsBS5SuY57x3rdzouktPbPtkaQKG9KxdD+JsN1bRx3W7z+jsela/jDTjrXhyaJOZgN6georwF/NtrnJyu085GMU7WIk+qPp6016wuCAk6OT0rU+1Kw+Uj6CvnPSdWnsyJ0fK8fKTwceteiaV4qjvYcKyiUYBGOMntT5AU7aM9Jjn3gkdvXipVfeOtc3YakrHDPuzwvPArYF2mAQRgcfWocbGilc0OtRumQaqNfopOWA9OalS7DjGRUlGLquYw21dzAZx7VjW8aPakq5yOcVuaxOodcc54rCdRvfBCgjdgUluJlW8n8lWkWQYbBH1rlr1/NjmYqCGPzHb/AErob+wuJFj8twIT94k9PrWJe2c9nHuhdZE5yA+f0psyZ5/relJcHerH34ziuZk0qZZCFQ4HUjvXohjgaUlg6MfTmmSpADwc+zLis3UBHBQ6ZccEKfoa17LSpMAspFdLDsX+AY9hWhbpBJIFkYRt2YjApKpcprqUrLTyAABu4/GujsF2FSGdO2cZwfelgsvKGTGPwPB+nrWhHFG0ZcDdt+/64oaGmTxXzw5EkYGeGx91vf2NLINuHhIaM9QOo/CnLbxyx/I3OMqw6H61H5YiPkvgK3APXaadmMt2DZkzIPxHcV1VsDtUg5wMcGuSskkE+MYYHn3rrLIYQMOPUVcQL25Y1yP0rMuwJ2BU9an1GXyrdm6YHUdq51L9i5V25zkHtWlibmvD+6ba2AeuD3qxdRxvBvPbuByKw5NZibbG5GRxnNU9Q1yS2hYb+OmaaQpSKOvau0WUYrnoGHf2IrzvUHM9yTjv/nmtfVtSN0cSMA2eu7giszYpIzz79auQoK5Jbny4ufStDTrwpMADVL5Qu3NW9OiRphlsfhWZcnod9ptwHiXJrQJBrK02NVjXDA1rfw1w1LXMXa5GabSt1pM8VmJMY1RE81I3SozzSbNIsKYetKTio2apYNkgNO3VBupwNCZKYkxyKqAfNU8p4qBT81aX0BllBxSnrSIeKfgVAdBp4phpxIzTTzVGbGmm4yafijbVk3GYppGRg1KRUbmoYmyFuKY3Ap7EVCzVnLUzuNam4zTutAFQ0IQLSkUooIpWAjYcVEwqVjiomNIGchNp9t52SDhjnOeaesMFsvAJHqTmqE880kvU/WpvLkMJy/avd0Wx6F7svtqg8vYsgweuBWx4UYyXhPXmvOC8y3GMseeBXpPgyEoA56tXnZh79Fk1NI6nf3RxaE+1eT+Ips3TgHnPJr1S8ObUgeleeXuktc3pO3vXkZVH2bbYoz0Obt0klcOef61P/ZbuBmE4Pau+0rwxAsal1Ga6GPQrcKBtFelPFty91ExxFk0eXRRTWsAgSNkjPJwOT70okeO3lJjcyN8ob09zXqo8P2zclAaH8O2rEExLx7VssVPqiPbPseM2+laih3xS4xyOTWfPYahJer56u7bupPWveU0C1Ax5a/lSP4atG58sZ+lX7dvoP21+h4heWjwWgOcA53A9K5K/AJBHf2r3rXvBiXMREf5V5jrXg+5t3J8tsD0q41E9xwnFvU4XJVwGRWJ7MK1rXULu3VFjgAPrjv8ASoLu0aykO8yAY6bQR+tQwy2wly7nA6/uxW8Xoazv2PSPDOrXCpJdSkM0eBubgAnsPwzXU2+oQZDI3JOQwGTivMbXUYWsliTcsSOXwFAHbH49a3NO1hGIVEwD1LVV9TJOx7LpusRz2ioHJYDHJqdwCCGJBY5NebQXzxOJLbJYDIrqNK1trmPZM2ZMcn0q1qPmtub0NwkbeUAu3v8A414/8QfDy2moy3ERKwTcjjvXp73CqHwQWHvXKavO2pxyW16CVGSDjmqcRc3RnlSXr28RTB4ottYuLedZIpCrA5qfXLJbUiNTyGOT6jtWPFEQ5LHA7GsXdDO5svHs8Cr54JKj7y9zXSWnxBguIx+92nH3c/lXkM7AZw2eKph8EfPj8aXMJJo+gdM8RrfyFXlHynCjt7V1GnXrFCN/GcgmvnLR9ZmsplLSEqeOteq6B4jWWzJyw4yCahyNIs7K8m33mGb5cZ9abFA9zIXfOAcA+oqhpkkl3A0rnOT0HauitFZU4U4PIoiaPUY1uVhKK4GR3FchqqtbyNC+3J+6Mbc/0rtpThOTtH+0M1xviO7QAhnDOvTnFVLYhnHXqmRjsGG9PWqCxOzcg/lUs9350hLdvWnRzjIyc8dfWuR6stbCxQMrAZ4q9EGiG2ePcnrjpUYnTyxuXI65HUVPFcsq7cCSP6f0ppITNSFngtcwyF4hyvqD6GpIdQLFZUADfdZcc/8A1xVa1lSAiSPmNuGXrxU1xZr5nmwfKeuAeorTXoJGp5mcSQAjofdTU87LcWaMEG7qCB0I7VU04sxx37g8GtEW5wQhyp5q1qgJrBN+x1+93HrXSxsI4tx4GOayLCARKHIxik1LVI7eF1LcdDj0rSKBsr+IdUjFu8fmbdwIDgZx9a4S31uWKZ1kZXUEZKn9abrmoOs7FGJifG4dcj1riY72SOd/mzzggccVRnc6XUtSdrhpYnO0n5l/xFQL4km8r7PKRJHnjd1A+tZxuhKgdmzIvGeh+tVZnSaXoMnnNVcViWe5WYEFSCDkZNSWsxAwTkVQltXAypweuKLe4Mb4YH8aTKR0caiRQRzVy0hcSjaAaoWcwKg1qW0uyUHP5UWuU9jstLRxGu6tQ9Ky9NlDxg81p54rzqujMXuMY0wmnN1phrEQ0moyeac1R980FcwNUZHNPNNNJsVxnenjpSUDpU3KTI5TUIPzVJMcCq6nLVsloDZaXpT99MUfLUTsVNSwuT5z0o6dajVsinZpXM2x1LTQaQmtEZNtik1BIaezVExzSYn2Im60wjmnmmGpJYlOxxSU4UmhxsJ0pCeKVqY3Ss2NdiNxmoXqY1C5rO47HJ22nzTSn5eDW3b6DNJHgp+ldLpthbx8tgmtpfJQDGK48bnlSnpCJ163PNpPCE3nFwCB7V1Ghae9pt3jpXQvPbouWIqnLfW8algRxWOFzKtiVyzjuKouYtXNwoj25rnru8jtjuJFULzW99wVDYArC1i9MqY6+9exRw9i6cLRszoY/GMcUioGratPFkTqMsBn3ryQwCMCXzNxzkjHQVetZWaJg77QOnHNdPsIxkHsIctz1weLbZCAX/WrsHiS0nwBIufTNeGiS4+0EtIWFaFpPPDJuEhI9DxirlypHPKi0tGe2Pq8CLuLjFZ8viu0R9okUn615RqHiGaKLBc4A5rH0qe4v71mdm2Hn6UQhzERoyetz1u/8bWsOQSCa5bUvGtrMrDaDXHaqSbhsH5VGBXN3juJMbs8mtPZo0jRSerNDxBrEF0xKAVzcJLuWDIFHJyQKhuWLScntUGcVrFJI7eVWNj7U7YU3BCA9FyRVixu445Qd8jAHPpn/P8AWsSN+MD1qSOQI2FbtxxTM3DQ9N8Na0kzMsnAxk+grrp3IgDW647rj+deN6femM43HYpGST1/+tXo+la/FLbqJGA+UYz69qpNmFrbmrbXlytwIxI2O5PPTvVq81CJlIdDkcZ96ihlgY5IGfamz2wlbrkHk+1L2g+VHLXmkyarcs6L+6Q8D1qvP4ehMbKG2PnHSupSMwSHYfl7ilkt0mPmqRuA5B9KcbMUro8/n8J3LciRSKgXwtKjfO613E8ZyQg28c1F9hLumXJyuTWUovoVGRzEGgxQkFjubriut0XTpnCAcKvaiKyCFSQDjrk1t2K4kG0ZQHHFZpa6lXR0ul4jgRAMEH5q6WJgiA7hj1x0rl7W7jhckMM96rav4gjgQlG2tjGB0NbXQcxpeItdtLeHBlCyA43DkZ/CvMNS1h5ZH/eiQH2PNR6rcSXUxk3lg1ZqpzyDz61z1KjeiKiurFEgcll+UnqP8KmXLpnuOtCQ85xirUcRCkgZ45rJFiQvu+UnitG3t2K5Q5HWqixDcGxjNX7QOsuFOCe3Y1SESokkWCuSPSt61jMsSMoBx0xwarRrlVZlyp4J/un0Na2nKqsAAME9K1ihWJLa2VWGeM8fjWrHGEYFhjPXHrSBETJbgVnX+t29pmN2wcfKfXFdEYkN2NC91BLOFuQARwa8u1jxK7XZMcm0AlSvpUHibxRJIzokjDkFSp4NcS9y0zGQtk85FU30J3OjvdUE0YB684KmsF5lluGZTw2M/Wqk0jqPlPA5qskxEm7t3qeo7aG9CS2ARz/OpnTBHPANVbKUSDrzVwsGfHcdaolMmExeEA9RVEg+dwePSrZT5ciq+wpJnqDQxpmtYkgDNbdty4zWFb/KBWxZSgMM0y3sdppgPlr81bI+71rE0uVGUYrZByBXmV/iMWIaCOKKCeKwuSQvURp8h5qPPNS5AB6U2ndqaOtJsYuKXjFApCeKcRorXB4qrG2Xqe5PFVIj+8rqjsNs00+7UUop6Himyc1mQ2InSn5qJDSk1LM3IfuwaQtTM0macSWwLcU09KOKQ0xIaelMNOY80080gYnendqbjmnVLBDT1pjHinscVExzWbKGMeKgc96mbmoHqbBqZVxrssL/ACP37GpIfEM8gwGJNc9dhSzFjio7efKbV4P869J4Gi90dcldnTXGsSSIQHye4zVSHUJZFKluTWJO0kSllbJ74p1tcBADnnGapYenBWiikkia43rPnPWmzudgJOT6UxjvYtmoJgzcE8elbKKHcjLM7eg9KvRAbQCazyzLwB1qXe6gA5rGcW2RK7RpxRITVxYBtPFVNPt5ZWGAa6SDS5GQfKfyrknJJ7mDk1ocPrcPyEDHXpTdOnltLdtgHJwD3FdZqXhuWYZCGs5vD1xHEQI2yBXRSrR7msZrlOVnvWMjZ5J9ay7kmTn1NdLNoFwAQUOT7Ulv4YuJSAU4JrR1YrqNSXc4K5RvNPp9KhCE9iK9Uj8BmTlutUr7wULdcgjilHE03omdKaZ51jHGPrUiBcA7jnuMVrX+lrak5INYztsbANbqV1oNoleU48scKOoz3rRtb+SGzwD0dT+hrGByck1IJisLx5+8QSfpQmRKJ3OneJiWAJwBzk11tprsbx5ZvmYd68biuWjfduJx0rUsNQuTISGLMeKlozcGtj1wXEZQnePm6VB5hRyVbgfrWVodhfXm0tu28Ak1oawy6dGRu5xmsrtPQzunoy2biNlTzD83zHil8+3wMMM44rhzrTearK/HI5pJNWbcVD4xx171Tk2g2Z36rFICwPTk49KfNqAs5R5bfw5rkdI1hmuny3BjbIzx0qe+vw1sjjjqufbrR0uNG5d3zTMHhLAuMgD+VZNzdySR/Mx465rMi1RzCBu4VuD6VdlZbi3E0eMtwwHY/wCeazk7lRsQxlm6dO4FWVhB6D3+tUoZVWQDPeryTBSMHIrMtSuPEJBBQZFWYkwhOSOMcUQuhUleSOopfNAl+UgiqSC5MEG0hlyODVq3tg7KyGqss4Rh6cZ9qsWl9Cjgb1B6MCatIls6O1iHlYk6n+dTvGICHRsAVSjvohDIWIATqfT3+lZN34lh8wxrIME4Vh3OOlbxiTc6e61dEgLHlSPm9q8w8Y6oyzKyPkHPGeD+vvWq+qGeGWP7rMMg9jXnWuXU0kmxweD+fvWl7ExTkyJr43Z8t84B+Ug0iKQxBOOOai02AvKCRmr19GYiCKnU3asrFWQFXHcdxTPJIY4+uKmD70wetNyQQCfbNMx2LVmSpGDzWm3zYbuRWYgKgMOvWrsEu5OmR3HpVIllyIuuMj5T3FPaPnIqSDaV61MUVl4ptDiRoMLxVy2c7gKrKNhxnNWoAN/FCLOu0SVuA1dQjZWuW0djtXIrpo2GwV5uJ3MpscSfWmO1KxqMnNcbZFxrc02pQMioyMGpsA0ntSZpTxTCaYXH5prNSbqQnAq4iuVblvlNVIW/eVYum+WqcJy9dUV7pRpq2BQzZFIgJWhulZtGd2mNTrTzUaHmnsaRnN2YhphalJzUZahCbHZpC1N3Ug60BcdnNLjpSgcUVLZcUJikYYp5NRsaTY2MY1Gac1JSsCYwjioXFWD0qBxWbKbOB1CUmQxt1zREnlxg7s02+jM0zOo5zTIldV+c4xXtHZYmVhJKE7d+asG3HVRgVBBCCxk3fSrf2tBheM0CJorf5ckcCmShd/AGKSW8Hl7U6n0plupYksBk0BcgnUFlUYDZHSrdtYrJIu48Cs+73LdrkHHXitBJnKjZnpUTXMmkKWx2ulQ2cKKPlzXSwtbBRjFeU/b5YFBDkmtrT9ZleIZY5rxK2Aqc10zCfundT3Vsgw2KzLzU7OOIn5a5K+1SQybQxrH1C5by1Bc7jWtHAyWrY4xbOgudYttxIxVU+IYIVyMda4uSeQsASaz7yeRYic45rsjhI9S1BHZ3XjkRZCkda53UPGctxkbutcXLOzuSTUJYnvW0MPCPQ6lGKRq3eotcnJYcms3OTn1ptJ3rdKw7jgPTqaMZpAPStXSNHm1CdVRM5PpQIrWlhJcuFVSSa9K8IeBnmZJZlO3rzXUeEfh/HFGktxHz7iu7nFpo9pxtXaKxqTeyMKlXojHuo7TQ9NZsKpC4rxfxLrxvbiZQ3A4HPvWp458am8laC3f5QcZHevOZZmdSSfvHNVCL3YU4aXZcW5JQjP40T3Deb1PTI/GqUb7gRnkdBSSSF9gPVRitLGiirmxBqDwRko3JXafpUsmtFrJUydzMc+wwKxEkZSAehHNLLGSodDlAPyoSE4o6GO9AhVQwwOp9atw62IYpIt2Txtx69j/OuREreWRmmLKw79PaocA5DrY9WxJvYgndWwL+PK/OOmD/AI1wAumU5BIOc1L9ukVMKSc+tS6YuRncJq4hZ9xwBwDn2yP5VVt9a2zj5soDn8K45tQlZCCck9frSLcuuMf3ccVSgg5D0C81dS6uGG0jsfQ/zrLvNTaKUOkmc9ifvD2Ncob2QxhCeASRn360xrqR02kk85xVciDkO7g8Vuy7GbLbdu1u/HQ1zl1fF5meIlBkZXPT6VhrKykHNSJIclietVqOMEmen+Fp11AbJOTjAz2qDxZoYhYuq8GsfwhqYtbtdxwAa6bxRrMNxCApB4pW1uXy2d0cnpsSRkk9qZqMqO5UEYqjLetGDs71T+0M75Jp63FJXLaja4bPFPkUfeXmoojvXpzUinH8qaMXoTRMSuB+VSwyeXJzkVHD8r5xxUki5bIpkXRr27/KGzVwuvUHBrNtXAjAJpZJCvAz9KoNC95mR71YtXJkANZcEpzg1q2yF2BUUi0zs9EXKg10ygba5jRXZUCkGuiVvlFefiE+Y56khzHFM601npEOWrk5dTFSJwcLULHk1I52rVdmptGqYjGo880jtTN1TYLokzgVGXzTS9RlqqKsTKRFct8tV7c5f8adcvxUVsfmrrj8JaehroRikkPFRo3FJIxrFvUi4Ifmp7EVXVvmqVjxQZSGs1RE5pzGmUmQOFPXrUeQKcDUXLRMDxSZpm6kzUmiY4000hNNLcU0h3QhPNFNJozVWFcVqgbk1Mx4qBulTYTkefLcHdg+tR3c4K4FW4NOlkY/KafPok5IIU16kppbndFra5Vt3KwgE9qjb7+VqVrV7c/vFI/CnKFcgCmrND5tCSBN4561qWsPykkfmKrwKsdXhOqxnH061SSQrlOW3MkhITPcYqtsfzfL/i9K10dfKbJ2k9KoSSJbzb3bINQ+479CX7AzR/Pjj0p8Km3BBGKJdZtoogqJu96x59bbaRswDRJJoiSuXjIZbogGqmqyKmRnLY/KqdvcsS0rZI9qo3Mz3M55PPejZWC1iVGDqWzkjtWZqEgKbAOma0vs5ji3g8DjnvWRfE7SPyoKjZswm5JpMUN940VRuL2pO9Gaeil2Axk0BYuabZPeTqijqa928BeDo7eFJ5oxnGea4f4f6CLi5SWRflHPIr0/xB4ptvDWmiNCPN28Cpk+hnUbb5Ub2ta9Y6BZEu6ggcCvCfF3jy51ad0jkKxA4ABrD8ReLLvWblmkkYqe2a5kuzcmhRQRpJasfLK0z7mOSfemN1wM46UhJ/ClqjQVG2nPftTnC5DL0Pb0ph74zSg5xQAmcYyOlSxztEcr3GCDyD9aZgYyaaaY7DpHVm3KuPbPFMxSUo7UCAjmndhToYjK+0d66Gz8MXFzFv2npUuSW47WOaxRnB4rW1HRprMncpFZOMNgjpTTvsIUdeTS4GfWm5PpS5x60ALjipNuFxmo1JFSKc8c/nTAntp2gfKtjBq3NfPOAWYkVmEYbOanT5lxQJk24OM0zGCfShR3p45ouSh0bsr8VdjYPg+tUSOhHSpYmwaERJXRopxgelWiM46VTR/lBqwsnAqjOxajO1elK3znOagSTdxU0YIPPNBN0WIV59639MA3qDWIntWrp8hEi03sUtjvbGFfLBArQzgYrM02b9yK0C+RXnVb3OSq9RGNOi61Cx5qSM4GaxS1M4u7JJm4qqxp8j5NQseKbNbiE1ESSaeeajPWoAM00mlJ4pjNR1FYq3HJpkHBFLO3NMhOWroi/dNL6Gkh+WhzxTEbilY8Vk2ZPcYv3qnPSqob56s5ytF9BSRGxqMtmpW6VFiouRYOtKM0mcUbqm40iTOKTNRl6b5mKaLRKTgUwvUZlqIye9aKIJ6ku7Jp+arh+akVqLDfkSN05qFjUjsMVXZqLENnRW/hyKEcqKnOkwAY2it58eVWRPMVk4oqS5kdDg1qjnNY8OpLGzKtcHeWT2chGOlewhvNjII61x/iDT0LM/FYYbFNT5Gbw0RxlrI8j7W5NWWtJFcYbINLDbhZsg96uSsI1zjOK9LmvI2toNaDbECTz2qrPYSS4JHFNGpsZ9u32rXWXzIBkc1s1dGSl72pzslosC45PNZV6qhc+9dHdgbipHPrXPakmMY70raA37xZt0SSBUUDJHrTHt4bXLs3J6VFp8nlRl+pxxVW7naaXmmS2OmnMjkrwB2rKvypTg1oshEW4HjqaybskqaCoq7Mg9TSUNSCqOgWtPSLRrm5UAd6zo03sBXfeF9MQJ5pwSBUydkNHVWOow+HdKLnAk28CvNvEfiCfVrxnZ2IzwKueKb+R7kwgkKDjFV7LQ0ubQys4zjNJWSuxqKirnNtzSCrN7AIJSoNVQasTH8EUDpSdBT413GkAgUmpFj28mrkVuMZqK5IWmkUkVXbBxUeaCctR16UiWFA4oHFFAi9YyIkylvWvWPCupWssSxNt3YrxoMRyDzWvpGpTW06lWPXis6lPnQSXMrHr/iLQ7e8tGeNRnGeBXkGqaY9rO/HAr1rRNVa+tBHIDyKp67oEMyNJkA1lB8nusypNxfKzxsjBNITxWvqmni2lbBFZLcGupM3aAdKcDg5zTR6Uv8AF9KCR/DNx61MCFGO9QqfmzTn+9xQwuWY2BXFKCM4qBc59qcTtIpCZcCZSnRL82OKZCxxj8Kepw1UY3Lqr8hWnRA5xUaNwD7ULKVenYkvImKk3YFQrIWApTyaLEWRegfNbumruda5q2YhxXV6ONxWm9ilodfYLtiFXSaqW52xipC5rzqj1OCrK7H55p27AqLNIzGsHIiI4nJpppAaM5NLc2QHio2608niomanYGwJqJzxTieKhc0JBcrzHmkhOGpspoiNb290q+hfVgBQzZHWoFbNSCsJGLnqMz89WlPy1VYfNmp1Py0i29BWNRkmnE1Ex5xRYyTFJNJuphaoy3NCQ7kheomemu2Ki3ZNaKI1K+hIW96TPNM3UhfmrKSRLnB61IHqsHzTtxp2BssFzUbHNRFjio95FLlIkz//2Q==",
+ "length": 1,
+ "width": 467.45001220703125,
+ "height": 262.75,
+ "isInlineImage": true,
+ "isMetaFile": false
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "afterSpacing": 0.0,
+ "lineSpacing": 1.0,
+ "lineSpacingType": "Multiple",
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "commentId": "Comment_b99ebea3-29b7-4d2c-8410-ce8fecb2c30d",
+ "commentCharacterType": 0
+ },
+ {
+ "commentId": "Comment_dd401ff7-c247-45e8-9d4e-fe9f3fc45603",
+ "commentCharacterType": 0
+ },
+ {
+ "commentId": "Comment_c1623cbf-5221-4da7-9158-539d7748f786",
+ "commentCharacterType": 0
+ },
+ {
+ "text": "Quick Fact",
+ "characterFormat": {
+ "bold": true
+ }
+ },
+ {
+ "commentId": "Comment_b99ebea3-29b7-4d2c-8410-ce8fecb2c30d",
+ "commentCharacterType": 1
+ },
+ {
+ "commentId": "Comment_dd401ff7-c247-45e8-9d4e-fe9f3fc45603",
+ "commentCharacterType": 1
+ },
+ {
+ "commentId": "Comment_c1623cbf-5221-4da7-9158-539d7748f786",
+ "commentCharacterType": 1
+ },
+ {
+ "text": " The estimated number of giant pandas in the wild varies between 1,500 and 3,000."
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Heading 1"
+ },
+ "inlines": [
+ {
+ "text": "Intriguing Giant Panda Mysteries"
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "afterSpacing": 6.0,
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "While most adore their fluffy fur and round heads, which help give them their cuddly bear quality, others are fascinated by the many mysteries of the giant panda. Did you know that the giant panda "
+ },
+ {
+ "commentId": "Comment_875b5153-42a7-4f48-930b-f4d4ab5df625",
+ "commentCharacterType": 0
+ },
+ {
+ "commentId": "Comment_6f94599b-64a1-4652-a3c4-a57d3e13ae88",
+ "commentCharacterType": 0
+ },
+ {
+ "text": "may "
+ },
+ {
+ "text": "actually be"
+ },
+ {
+ "text": " a"
+ },
+ {
+ "commentId": "Comment_875b5153-42a7-4f48-930b-f4d4ab5df625",
+ "commentCharacterType": 1
+ },
+ {
+ "commentId": "Comment_6f94599b-64a1-4652-a3c4-a57d3e13ae88",
+ "commentCharacterType": 1
+ },
+ {
+ "text": " raccoon, they have an opposable pseudo thumb, and that they’re technically a carnivore even though their diet is primarily vegetarian? These things and more have baffled scientists and naturalists for hundreds of years. "
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Heading 2"
+ },
+ "inlines": [
+ {
+ "text": "Opposable Pseudo Thumb"
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "afterSpacing": 6.0,
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "A characteristic of the giant panda that has mystified scientists is their movable, elongated wrist bone that acts like an opposable thumb. This human-like quality that helps give them even more of a cuddly-bear appearance enables the giant panda to pick up objects and even eat sitting up. "
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "afterSpacing": 6.0,
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "Quick Fact",
+ "characterFormat": {
+ "bold": true
+ }
+ },
+ {
+ "text": " Giant pandas have five clawed toes and one pseudo thumb."
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "afterSpacing": 6.0,
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "Their pseudo thumb, along with pads of skin, help the giant panda strip the more nutritious small bamboo shoots and leaves while holding the stalk in their mouth."
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Heading 2"
+ },
+ "inlines": [
+ {
+ "text": "Small Bear or Large Raccoon?"
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "Giant pandas are generally referred to as bears and are typically called panda bears rather than giant pandas. Though we may think they look like bears, there has been a great deal of discussion for decades about where giant pandas fit in the animal kingdom. Much of the debate has been whether they are more closely related to the red panda, once thought to be a member of the raccoon family, than the bear family."
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "While a giant panda has a body that resembles a small bear and climbs trees like a bear, it also has several characteristics in common with the red panda. For example, both giant pandas and red pandas eat bamboo and have the same pseudo thumb. The table below lists the main characteristics the giant panda shares with bears and red pandas."
+ }
+ ]
+ },
+ {
+ "rows": [
+ {
+ "rowFormat": {
+ "allowBreakAcrossPages": true,
+ "isHeader": false,
+ "height": 18.0,
+ "heightType": "AtLeast",
+ "borders": {
+ "left": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "right": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "top": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "bottom": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "vertical": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "horizontal": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "diagonalDown": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalUp": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ }
+ },
+ "leftMargin": 5.75,
+ "rightMargin": 5.75
+ },
+ "cells": [
+ {
+ "blocks": [
+ {
+ "characterFormat": {
+ "bold": true,
+ "fontColor": "#FFFFFFFF"
+ },
+ "paragraphFormat": {
+ "textAlignment": "Center",
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "Bear",
+ "characterFormat": {
+ "bold": true,
+ "fontColor": "#FFFFFFFF"
+ }
+ }
+ ]
+ }
+ ],
+ "cellFormat": {
+ "columnSpan": 1,
+ "rowSpan": 1,
+ "preferredWidth": 50.0,
+ "preferredWidthType": "Percent",
+ "verticalAlignment": "Center",
+ "isSamePaddingAsTable": true,
+ "borders": {
+ "left": {
+ "lineStyle": "Single",
+ "lineWidth": 1.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#00CC66FF"
+ },
+ "right": {
+ "lineStyle": "Single",
+ "lineWidth": 1.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#00CC66FF"
+ },
+ "top": {
+ "lineStyle": "Single",
+ "lineWidth": 1.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#00CC66FF"
+ },
+ "bottom": {
+ "lineStyle": "Single",
+ "lineWidth": 1.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#00CC66FF"
+ },
+ "vertical": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "horizontal": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalDown": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalUp": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ }
+ },
+ "shading": {
+ "texture": "TextureNone",
+ "backgroundColor": "#00CC66FF"
+ }
+ }
+ },
+ {
+ "blocks": [
+ {
+ "characterFormat": {
+ "bold": true,
+ "fontColor": "#FFFFFFFF"
+ },
+ "paragraphFormat": {
+ "textAlignment": "Center",
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "Red Panda",
+ "characterFormat": {
+ "bold": true,
+ "fontColor": "#FFFFFFFF"
+ }
+ }
+ ]
+ }
+ ],
+ "cellFormat": {
+ "columnSpan": 1,
+ "rowSpan": 1,
+ "preferredWidth": 50.0,
+ "preferredWidthType": "Percent",
+ "verticalAlignment": "Center",
+ "isSamePaddingAsTable": true,
+ "borders": {
+ "left": {
+ "lineStyle": "Single",
+ "lineWidth": 1.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#00CC66FF"
+ },
+ "right": {
+ "lineStyle": "Single",
+ "lineWidth": 1.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#00CC66FF"
+ },
+ "top": {
+ "lineStyle": "Single",
+ "lineWidth": 1.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#00CC66FF"
+ },
+ "bottom": {
+ "lineStyle": "Single",
+ "lineWidth": 1.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#00CC66FF"
+ },
+ "vertical": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "horizontal": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalDown": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalUp": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ }
+ },
+ "shading": {
+ "texture": "TextureNone",
+ "backgroundColor": "#00CC66FF"
+ }
+ }
+ }
+ ]
+ },
+ {
+ "rowFormat": {
+ "allowBreakAcrossPages": true,
+ "isHeader": false,
+ "height": 18.0,
+ "heightType": "AtLeast",
+ "borders": {
+ "left": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "right": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "top": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "bottom": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "vertical": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "horizontal": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "diagonalDown": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalUp": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ }
+ },
+ "leftMargin": 5.75,
+ "rightMargin": 5.75
+ },
+ "cells": [
+ {
+ "blocks": [
+ {
+ "paragraphFormat": {
+ "textAlignment": "Center",
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "Shape"
+ }
+ ]
+ }
+ ],
+ "cellFormat": {
+ "columnSpan": 1,
+ "rowSpan": 1,
+ "preferredWidth": 50.0,
+ "preferredWidthType": "Percent",
+ "verticalAlignment": "Center",
+ "isSamePaddingAsTable": true,
+ "borders": {
+ "left": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "right": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "top": {
+ "lineStyle": "Single",
+ "lineWidth": 1.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#00CC66FF"
+ },
+ "bottom": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "vertical": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "horizontal": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalDown": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalUp": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ }
+ },
+ "shading": {
+ "texture": "TextureNone",
+ "backgroundColor": "#FFFFFFFF"
+ }
+ }
+ },
+ {
+ "blocks": [
+ {
+ "paragraphFormat": {
+ "textAlignment": "Center",
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "Diet"
+ }
+ ]
+ }
+ ],
+ "cellFormat": {
+ "columnSpan": 1,
+ "rowSpan": 1,
+ "preferredWidth": 50.0,
+ "preferredWidthType": "Percent",
+ "verticalAlignment": "Center",
+ "isSamePaddingAsTable": true,
+ "borders": {
+ "left": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "right": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "top": {
+ "lineStyle": "Single",
+ "lineWidth": 1.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#00CC66FF"
+ },
+ "bottom": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "vertical": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "horizontal": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalDown": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalUp": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ }
+ },
+ "shading": {
+ "texture": "TextureNone",
+ "backgroundColor": "#FFFFFFFF"
+ }
+ }
+ }
+ ]
+ },
+ {
+ "rowFormat": {
+ "allowBreakAcrossPages": true,
+ "isHeader": false,
+ "height": 18.0,
+ "heightType": "AtLeast",
+ "borders": {
+ "left": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "right": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "top": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "bottom": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "vertical": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "horizontal": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "diagonalDown": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalUp": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ }
+ },
+ "leftMargin": 5.75,
+ "rightMargin": 5.75
+ },
+ "cells": [
+ {
+ "blocks": [
+ {
+ "paragraphFormat": {
+ "textAlignment": "Center",
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "Size"
+ }
+ ]
+ }
+ ],
+ "cellFormat": {
+ "columnSpan": 1,
+ "rowSpan": 1,
+ "preferredWidth": 50.0,
+ "preferredWidthType": "Percent",
+ "verticalAlignment": "Center",
+ "isSamePaddingAsTable": true,
+ "borders": {
+ "left": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "right": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "top": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "bottom": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "vertical": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "horizontal": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalDown": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalUp": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ }
+ },
+ "shading": {
+ "texture": "TextureNone",
+ "backgroundColor": "#FFFFFFFF"
+ }
+ }
+ },
+ {
+ "blocks": [
+ {
+ "paragraphFormat": {
+ "textAlignment": "Center",
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "Paws"
+ }
+ ]
+ }
+ ],
+ "cellFormat": {
+ "columnSpan": 1,
+ "rowSpan": 1,
+ "preferredWidth": 50.0,
+ "preferredWidthType": "Percent",
+ "verticalAlignment": "Center",
+ "isSamePaddingAsTable": true,
+ "borders": {
+ "left": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "right": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "top": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "bottom": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "vertical": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "horizontal": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalDown": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalUp": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ }
+ },
+ "shading": {
+ "texture": "TextureNone",
+ "backgroundColor": "#FFFFFFFF"
+ }
+ }
+ }
+ ]
+ },
+ {
+ "rowFormat": {
+ "allowBreakAcrossPages": true,
+ "isHeader": false,
+ "height": 18.0,
+ "heightType": "AtLeast",
+ "borders": {
+ "left": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "right": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "top": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "bottom": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "vertical": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "horizontal": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "diagonalDown": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalUp": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ }
+ },
+ "leftMargin": 5.75,
+ "rightMargin": 5.75
+ },
+ "cells": [
+ {
+ "blocks": [
+ {
+ "paragraphFormat": {
+ "textAlignment": "Center",
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "Shaggy fur"
+ }
+ ]
+ }
+ ],
+ "cellFormat": {
+ "columnSpan": 1,
+ "rowSpan": 1,
+ "preferredWidth": 50.0,
+ "preferredWidthType": "Percent",
+ "verticalAlignment": "Center",
+ "isSamePaddingAsTable": true,
+ "borders": {
+ "left": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "right": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "top": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "bottom": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "vertical": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "horizontal": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalDown": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalUp": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ }
+ },
+ "shading": {
+ "texture": "TextureNone",
+ "backgroundColor": "#FFFFFFFF"
+ }
+ }
+ },
+ {
+ "blocks": [
+ {
+ "paragraphFormat": {
+ "textAlignment": "Center",
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "Eyes"
+ }
+ ]
+ }
+ ],
+ "cellFormat": {
+ "columnSpan": 1,
+ "rowSpan": 1,
+ "preferredWidth": 50.0,
+ "preferredWidthType": "Percent",
+ "verticalAlignment": "Center",
+ "isSamePaddingAsTable": true,
+ "borders": {
+ "left": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "right": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "top": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "bottom": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "vertical": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "horizontal": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalDown": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalUp": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ }
+ },
+ "shading": {
+ "texture": "TextureNone",
+ "backgroundColor": "#FFFFFFFF"
+ }
+ }
+ }
+ ]
+ },
+ {
+ "rowFormat": {
+ "allowBreakAcrossPages": true,
+ "isHeader": false,
+ "height": 18.0,
+ "heightType": "AtLeast",
+ "borders": {
+ "left": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "right": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "top": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "bottom": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "vertical": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "horizontal": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "diagonalDown": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalUp": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ }
+ },
+ "leftMargin": 5.75,
+ "rightMargin": 5.75
+ },
+ "cells": [
+ {
+ "blocks": [
+ {
+ "paragraphFormat": {
+ "textAlignment": "Center",
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "Gait"
+ }
+ ]
+ }
+ ],
+ "cellFormat": {
+ "columnSpan": 1,
+ "rowSpan": 1,
+ "preferredWidth": 50.0,
+ "preferredWidthType": "Percent",
+ "verticalAlignment": "Center",
+ "isSamePaddingAsTable": true,
+ "borders": {
+ "left": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "right": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "top": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "bottom": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "vertical": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "horizontal": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalDown": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalUp": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ }
+ },
+ "shading": {
+ "texture": "TextureNone",
+ "backgroundColor": "#FFFFFFFF"
+ }
+ }
+ },
+ {
+ "blocks": [
+ {
+ "paragraphFormat": {
+ "textAlignment": "Center",
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "Nose and teeth"
+ }
+ ]
+ }
+ ],
+ "cellFormat": {
+ "columnSpan": 1,
+ "rowSpan": 1,
+ "preferredWidth": 50.0,
+ "preferredWidthType": "Percent",
+ "verticalAlignment": "Center",
+ "isSamePaddingAsTable": true,
+ "borders": {
+ "left": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "right": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "top": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "bottom": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "vertical": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "horizontal": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalDown": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalUp": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ }
+ },
+ "shading": {
+ "texture": "TextureNone",
+ "backgroundColor": "#FFFFFFFF"
+ }
+ }
+ }
+ ]
+ }
+ ],
+ "title": null,
+ "description": null,
+ "tableFormat": {
+ "allowAutoFit": false,
+ "leftMargin": 5.75,
+ "rightMargin": 5.75,
+ "leftIndent": 0.0,
+ "tableAlignment": "Left",
+ "preferredWidth": 100.0,
+ "preferredWidthType": "Percent",
+ "borders": {
+ "left": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "right": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "top": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "bottom": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "vertical": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "horizontal": {
+ "lineStyle": "Single",
+ "lineWidth": 0.75,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false,
+ "color": "#A6A6A6FF"
+ },
+ "diagonalDown": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ },
+ "diagonalUp": {
+ "lineStyle": "None",
+ "lineWidth": 0.0,
+ "shadow": false,
+ "space": 0.0,
+ "hasNoneStyle": false
+ }
+ },
+ "shading": {
+ "texture": "TextureNone",
+ "backgroundColor": "#FFFFFFFF"
+ },
+ "bidi": false
+ }
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Normal"
+ },
+ "inlines": []
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Heading 3"
+ },
+ "inlines": [
+ {
+ "text": "Cat-like features"
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "While the body of a giant panda looks like that of a bear and the dark circles around its eyes resemble those of a red panda or raccoon, its pupils have vertical slits like the eyes of a cat. Because of their unusual eyes, a popular Chinese name for panda is ‘big bear cat’ "
+ },
+ {
+ "text": "or大熊貓"
+ },
+ {
+ "text": " /"
+ },
+ {
+ "text": "dà"
+ },
+ {
+ "text": " "
+ },
+ {
+ "text": "xióng"
+ },
+ {
+ "text": " "
+ },
+ {
+ "text": "māo"
+ },
+ {
+ "text": ", pronounced as dah-"
+ },
+ {
+ "text": "sshyong"
+ },
+ {
+ "text": "-"
+ },
+ {
+ "text": "maow"
+ },
+ {
+ "text": "."
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Heading 3"
+ },
+ "inlines": [
+ {
+ "text": "DNA results"
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "DNA analysis has put one mystery to rest. It has revealed that while the red panda is a distant relation, the giant panda's closest relative is the spectacled bear from South America."
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Heading 2"
+ },
+ "inlines": [
+ {
+ "text": "Mostly Vegetarian Diet"
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "Giant pandas love bamboo! In fact, their diet is 99% bamboo. Along with bamboo, they eat other plants, small rodents, and occasionally fish. The mystery behind their diet is they have the digestive system of a carnivore. "
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "Their ability to digest bamboo is attributed to tiny microbes that live within their digestive system. As they can only digest about 20% of what they eat, the average giant panda consumes around 14 kilograms (30 pounds) of bamboo a day. In comparison, humans eat about 2 kilograms (5 pounds) of food a day. This enormous diet means the giant panda spends more than 12 hours a day eating to stay nourished. "
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "beforeSpacing": 7.0,
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "Quick Fact ",
+ "characterFormat": {
+ "bold": true
+ }
+ },
+ {
+ "text": "As the seasons change, the giant panda prefers different species and parts of bamboo."
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Heading 2"
+ },
+ "inlines": [
+ {
+ "text": "Tiny Cubs"
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Normal"
+ },
+ "inlines": [
+ {
+ "text": "An infant giant panda cub is about the size of a croissant, weighs less than a teacup and is about 900 times smaller than its mother. An average adult mother weighs around 91 kilograms (200 pounds) while newborn weighs only 83 to 190 grams (3 to 4 ounces)."
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "styleName": "Heading 1"
+ },
+ "inlines": [
+ {
+ "text": "Other Fun Giant Panda Facts"
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "leftIndent": 28.799999237060547,
+ "styleName": "List Paragraph",
+ "listFormat": {
+ "listLevelNumber": 0,
+ "listId": 0
+ }
+ },
+ "inlines": [
+ {
+ "text": "Researchers have recently discovered that the gene responsible for tasting savory or umami flavors, such as meat, is inactive in giant pandas."
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "leftIndent": 28.799999237060547,
+ "styleName": "List Paragraph",
+ "listFormat": {
+ "listLevelNumber": 0,
+ "listId": 0
+ }
+ },
+ "inlines": [
+ {
+ "text": "For many centuries, giant pandas were thought to be a mythical creature, like a dragon or unicorn."
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "leftIndent": 28.799999237060547,
+ "styleName": "List Paragraph",
+ "listFormat": {
+ "listLevelNumber": 0,
+ "listId": 0
+ }
+ },
+ "inlines": [
+ {
+ "text": "Unlike other bears in the region, giant pandas don’t hibernate. "
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "leftIndent": 28.799999237060547,
+ "styleName": "List Paragraph",
+ "listFormat": {
+ "listLevelNumber": 0,
+ "listId": 0
+ }
+ },
+ "inlines": [
+ {
+ "text": "Giant pandas can stand erect on their hind legs but rarely walk."
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "leftIndent": 28.799999237060547,
+ "styleName": "List Paragraph",
+ "listFormat": {
+ "listLevelNumber": 0,
+ "listId": 0
+ }
+ },
+ "inlines": [
+ {
+ "text": "The "
+ },
+ {
+ "text": "Qinling"
+ },
+ {
+ "text": " panda, another giant panda species with a dark brown and light brown coat, lives only in the mountains of Shaanxi. "
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "leftIndent": 28.799999237060547,
+ "styleName": "List Paragraph",
+ "listFormat": {
+ "listLevelNumber": 0,
+ "listId": 0
+ }
+ },
+ "inlines": [
+ {
+ "text": "Giant pandas have very sensitive hearing and smell, but they have poor eyesight."
+ }
+ ]
+ },
+ {
+ "paragraphFormat": {
+ "leftIndent": 28.799999237060547,
+ "styleName": "List Paragraph",
+ "listFormat": {
+ "listLevelNumber": 0,
+ "listId": 0
+ }
+ },
+ "inlines": [
+ {
+ "text": "A newborn giant panda is blind and looks like a tiny, pink, hairless mouse."
+ }
+ ]
+ }
+ ],
+ "headersFooters": {
+ "header": {
+ "blocks": [
+ {
+ "paragraphFormat": {
+ "styleName": "Header"
+ },
+ "inlines": []
+ }
+ ]
+ },
+ "footer": {
+ "blocks": [
+ {
+ "paragraphFormat": {
+ "styleName": "Footer"
+ },
+ "inlines": []
+ }
+ ]
+ },
+ "evenHeader": {
+ "blocks": [
+ {
+ "paragraphFormat": {
+ "styleName": "Header"
+ },
+ "inlines": []
+ }
+ ]
+ },
+ "evenFooter": {
+ "blocks": [
+ {
+ "paragraphFormat": {
+ "styleName": "Footer"
+ },
+ "inlines": []
+ }
+ ]
+ },
+ "firstPageHeader": {
+ "blocks": [
+ {
+ "paragraphFormat": {
+ "styleName": "Header"
+ },
+ "inlines": []
+ }
+ ]
+ },
+ "firstPageFooter": {
+ "blocks": [
+ {
+ "paragraphFormat": {
+ "styleName": "Footer"
+ },
+ "inlines": []
+ }
+ ]
+ }
+ },
+ "sectionFormat": {
+ "headerDistance": 36.0,
+ "footerDistance": 36.0,
+ "pageWidth": 612.0,
+ "pageHeight": 792.0,
+ "leftMargin": 72.0,
+ "rightMargin": 72.0,
+ "topMargin": 72.0,
+ "bottomMargin": 72.0,
+ "differentFirstPage": false,
+ "differentOddAndEvenPages": false,
+ "bidi": false,
+ "restartPageNumbering": false,
+ "pageStartingNumber": 0
+ }
+ }
+ ],
+ "characterFormat": {
+ "fontSize": 11.0,
+ "fontFamily": "Calibri",
+ "fontColor": "#000000FF",
+ "fontSizeBidi": 11.0,
+ "fontFamilyBidi": "Calibri"
+ },
+ "paragraphFormat": {
+ "afterSpacing": 10.0,
+ "lineSpacing": 1.149999976158142,
+ "lineSpacingType": "Multiple"
+ },
+ "lists": [
+ {
+ "listId": 0,
+ "abstractListId": 0
+ }
+ ],
+ "abstractLists": [
+ {
+ "abstractListId": 0,
+ "levels": [
+ {
+ "listLevelPattern": "Bullet",
+ "followCharacter": "Tab",
+ "numberFormat": "",
+ "characterFormat": {
+ "fontFamily": "Wingdings"
+ },
+ "paragraphFormat": {
+ "leftIndent": 36.0,
+ "firstLineIndent": -18.0
+ }
+ },
+ {
+ "listLevelPattern": "Bullet",
+ "followCharacter": "Tab",
+ "numberFormat": "o",
+ "characterFormat": {
+ "fontFamily": "Courier New"
+ },
+ "paragraphFormat": {
+ "leftIndent": 72.0,
+ "firstLineIndent": -18.0
+ }
+ },
+ {
+ "listLevelPattern": "Bullet",
+ "followCharacter": "Tab",
+ "numberFormat": "",
+ "characterFormat": {
+ "fontFamily": "Wingdings"
+ },
+ "paragraphFormat": {
+ "leftIndent": 108.0,
+ "firstLineIndent": -18.0
+ }
+ },
+ {
+ "listLevelPattern": "Bullet",
+ "followCharacter": "Tab",
+ "numberFormat": "",
+ "characterFormat": {
+ "fontFamily": "Symbol"
+ },
+ "paragraphFormat": {
+ "leftIndent": 144.0,
+ "firstLineIndent": -18.0
+ }
+ },
+ {
+ "listLevelPattern": "Bullet",
+ "followCharacter": "Tab",
+ "numberFormat": "o",
+ "characterFormat": {
+ "fontFamily": "Courier New"
+ },
+ "paragraphFormat": {
+ "leftIndent": 180.0,
+ "firstLineIndent": -18.0
+ }
+ },
+ {
+ "listLevelPattern": "Bullet",
+ "followCharacter": "Tab",
+ "numberFormat": "",
+ "characterFormat": {
+ "fontFamily": "Wingdings"
+ },
+ "paragraphFormat": {
+ "leftIndent": 216.0,
+ "firstLineIndent": -18.0
+ }
+ },
+ {
+ "listLevelPattern": "Bullet",
+ "followCharacter": "Tab",
+ "numberFormat": "",
+ "characterFormat": {
+ "fontFamily": "Symbol"
+ },
+ "paragraphFormat": {
+ "leftIndent": 252.0,
+ "firstLineIndent": -18.0
+ }
+ },
+ {
+ "listLevelPattern": "Bullet",
+ "followCharacter": "Tab",
+ "numberFormat": "o",
+ "characterFormat": {
+ "fontFamily": "Courier New"
+ },
+ "paragraphFormat": {
+ "leftIndent": 288.0,
+ "firstLineIndent": -18.0
+ }
+ },
+ {
+ "listLevelPattern": "Bullet",
+ "followCharacter": "Tab",
+ "numberFormat": "",
+ "characterFormat": {
+ "fontFamily": "Wingdings"
+ },
+ "paragraphFormat": {
+ "leftIndent": 324.0,
+ "firstLineIndent": -18.0
+ }
+ }
+ ]
+ }
+ ],
+ "background": {
+ "color": "#FFFFFFFF"
+ },
+ "styles": [
+ {
+ "type": "Paragraph",
+ "name": "Normal",
+ "next": "Normal",
+ "characterFormat": {
+ "fontSize": 10.0,
+ "fontColor": "#595959FF"
+ }
+ },
+ {
+ "type": "Paragraph",
+ "name": "Heading 1",
+ "basedOn": "Normal",
+ "next": "Normal",
+ "link": "Heading 1 Char",
+ "characterFormat": {
+ "fontSize": 18.0,
+ "fontFamily": "Segoe UI"
+ },
+ "paragraphFormat": {
+ "beforeSpacing": 24.0,
+ "afterSpacing": 0.0,
+ "outlineLevel": "Level1"
+ }
+ },
+ {
+ "type": "Paragraph",
+ "name": "Heading 2",
+ "basedOn": "Normal",
+ "next": "Normal",
+ "link": "Heading 2 Char",
+ "characterFormat": {
+ "bold": true,
+ "fontSize": 12.0,
+ "fontFamily": "Segoe UI",
+ "fontColor": "#00CC66FF"
+ },
+ "paragraphFormat": {
+ "beforeSpacing": 12.0,
+ "afterSpacing": 0.0,
+ "outlineLevel": "Level2"
+ }
+ },
+ {
+ "type": "Paragraph",
+ "name": "Heading 3",
+ "basedOn": "Normal",
+ "next": "Normal",
+ "link": "Heading 3 Char",
+ "characterFormat": {
+ "bold": true
+ },
+ "paragraphFormat": {
+ "beforeSpacing": 5.0,
+ "afterSpacing": 0.0,
+ "outlineLevel": "Level3"
+ }
+ },
+ {
+ "type": "Paragraph",
+ "name": "Heading 4",
+ "basedOn": "Normal",
+ "next": "Normal",
+ "link": "Heading 4 Char",
+ "characterFormat": {
+ "italic": true,
+ "fontFamily": "Calibri Light",
+ "fontColor": "#2F5496FF"
+ },
+ "paragraphFormat": {
+ "beforeSpacing": 2.0,
+ "afterSpacing": 0.0,
+ "lineSpacing": 1.0791666507720947,
+ "lineSpacingType": "Multiple",
+ "outlineLevel": "Level4"
+ }
+ },
+ {
+ "type": "Paragraph",
+ "name": "Heading 5",
+ "basedOn": "Normal",
+ "next": "Normal",
+ "link": "Heading 5 Char",
+ "characterFormat": {
+ "fontFamily": "Calibri Light",
+ "fontColor": "#2F5496FF"
+ },
+ "paragraphFormat": {
+ "beforeSpacing": 2.0,
+ "afterSpacing": 0.0,
+ "lineSpacing": 1.0791666507720947,
+ "lineSpacingType": "Multiple",
+ "outlineLevel": "Level5"
+ }
+ },
+ {
+ "type": "Paragraph",
+ "name": "Heading 6",
+ "basedOn": "Normal",
+ "next": "Normal",
+ "link": "Heading 6 Char",
+ "characterFormat": {
+ "fontFamily": "Calibri Light",
+ "fontColor": "#1F3763FF"
+ },
+ "paragraphFormat": {
+ "beforeSpacing": 2.0,
+ "afterSpacing": 0.0,
+ "lineSpacing": 1.0791666507720947,
+ "lineSpacingType": "Multiple",
+ "outlineLevel": "Level6"
+ }
+ },
+ {
+ "type": "Character",
+ "name": "Default Paragraph Font"
+ },
+ {
+ "type": "Character",
+ "name": "Heading 1 Char",
+ "basedOn": "Default Paragraph Font",
+ "characterFormat": {
+ "fontSize": 14.0,
+ "fontFamily": "Segoe UI",
+ "fontColor": "#595959FF"
+ }
+ },
+ {
+ "type": "Character",
+ "name": "Heading 2 Char",
+ "basedOn": "Default Paragraph Font",
+ "characterFormat": {
+ "bold": true,
+ "fontSize": 13.0,
+ "fontFamily": "Segoe UI",
+ "fontColor": "#00CC66FF"
+ }
+ },
+ {
+ "type": "Character",
+ "name": "Heading 3 Char",
+ "basedOn": "Default Paragraph Font",
+ "characterFormat": {
+ "bold": true,
+ "fontSize": 10.0,
+ "fontColor": "#595959FF"
+ }
+ },
+ {
+ "type": "Paragraph",
+ "name": "Title",
+ "basedOn": "Normal",
+ "next": "Normal",
+ "link": "Title Char",
+ "characterFormat": {
+ "fontSize": 40.0,
+ "fontFamily": "Segoe UI Light",
+ "fontColor": "#00CC66FF"
+ },
+ "paragraphFormat": {
+ "afterSpacing": 30.0,
+ "lineSpacing": 1.0,
+ "lineSpacingType": "Multiple"
+ }
+ },
+ {
+ "type": "Character",
+ "name": "Title Char",
+ "basedOn": "Default Paragraph Font",
+ "characterFormat": {
+ "fontSize": 40.0,
+ "fontFamily": "Segoe UI Light",
+ "fontColor": "#00CC66FF"
+ }
+ },
+ {
+ "type": "Paragraph",
+ "name": "Quote",
+ "basedOn": "Normal",
+ "next": "Normal",
+ "link": "Quote Char",
+ "characterFormat": {
+ "fontSize": 16.0,
+ "fontFamily": "Segoe UI Light",
+ "fontColor": "#00CC66FF"
+ },
+ "paragraphFormat": {
+ "lineSpacing": 1.0,
+ "lineSpacingType": "Multiple"
+ }
+ },
+ {
+ "type": "Character",
+ "name": "Quote Char",
+ "basedOn": "Default Paragraph Font",
+ "characterFormat": {
+ "fontSize": 16.0,
+ "fontFamily": "Segoe UI Light",
+ "fontColor": "#00CC66FF"
+ }
+ },
+ {
+ "type": "Paragraph",
+ "name": "Balloon Text",
+ "basedOn": "Normal",
+ "link": "Balloon Text Char",
+ "characterFormat": {
+ "fontSize": 8.0,
+ "fontFamily": "Tahoma"
+ },
+ "paragraphFormat": {
+ "afterSpacing": 0.0,
+ "lineSpacing": 1.0,
+ "lineSpacingType": "Multiple"
+ }
+ },
+ {
+ "type": "Character",
+ "name": "Balloon Text Char",
+ "basedOn": "Default Paragraph Font",
+ "characterFormat": {
+ "fontSize": 8.0,
+ "fontFamily": "Tahoma",
+ "fontColor": "#595959FF"
+ }
+ },
+ {
+ "type": "Paragraph",
+ "name": "Quick Fact",
+ "basedOn": "Normal",
+ "characterFormat": {
+ "italic": true,
+ "fontFamily": "Cambria"
+ },
+ "paragraphFormat": {
+ "afterSpacing": 0.0,
+ "lineSpacing": 1.0,
+ "lineSpacingType": "Multiple"
+ }
+ },
+ {
+ "type": "Paragraph",
+ "name": "List Paragraph",
+ "basedOn": "Normal",
+ "next": "List Paragraph",
+ "paragraphFormat": {
+ "leftIndent": 36.0,
+ "beforeSpacing": 10.0
+ }
+ },
+ {
+ "type": "Character",
+ "name": "annotation reference",
+ "basedOn": "Default Paragraph Font",
+ "characterFormat": {
+ "fontSize": 8.0
+ }
+ },
+ {
+ "type": "Paragraph",
+ "name": "annotation text",
+ "basedOn": "Normal",
+ "next": "Normal",
+ "link": "Comment Text Char",
+ "paragraphFormat": {
+ "lineSpacing": 1.0,
+ "lineSpacingType": "Multiple"
+ }
+ },
+ {
+ "type": "Character",
+ "name": "Comment Text Char",
+ "basedOn": "Default Paragraph Font",
+ "characterFormat": {
+ "fontSize": 10.0,
+ "fontColor": "#595959FF"
+ }
+ },
+ {
+ "type": "Paragraph",
+ "name": "annotation subject",
+ "basedOn": "annotation text",
+ "next": "annotation text",
+ "link": "Comment Subject Char",
+ "characterFormat": {
+ "bold": true
+ }
+ },
+ {
+ "type": "Character",
+ "name": "Comment Subject Char",
+ "basedOn": "Comment Text Char",
+ "characterFormat": {
+ "bold": true,
+ "fontSize": 10.0,
+ "fontColor": "#595959FF"
+ }
+ },
+ {
+ "type": "Paragraph",
+ "name": "Header",
+ "basedOn": "Normal",
+ "next": "Normal",
+ "link": "Header Char",
+ "paragraphFormat": {
+ "afterSpacing": 0.0,
+ "lineSpacing": 1.0,
+ "lineSpacingType": "Multiple",
+ "tabs": [
+ {
+ "tabJustification": "Center",
+ "position": 234.0,
+ "tabLeader": "None",
+ "deletePosition": 0.0
+ },
+ {
+ "tabJustification": "Right",
+ "position": 468.0,
+ "tabLeader": "None",
+ "deletePosition": 0.0
+ }
+ ]
+ }
+ },
+ {
+ "type": "Character",
+ "name": "Header Char",
+ "basedOn": "Default Paragraph Font",
+ "characterFormat": {
+ "fontSize": 10.0,
+ "fontColor": "#595959FF"
+ }
+ },
+ {
+ "type": "Paragraph",
+ "name": "Footer",
+ "basedOn": "Normal",
+ "next": "Normal",
+ "link": "Footer Char",
+ "paragraphFormat": {
+ "afterSpacing": 0.0,
+ "lineSpacing": 1.0,
+ "lineSpacingType": "Multiple",
+ "tabs": [
+ {
+ "tabJustification": "Center",
+ "position": 234.0,
+ "tabLeader": "None",
+ "deletePosition": 0.0
+ },
+ {
+ "tabJustification": "Right",
+ "position": 468.0,
+ "tabLeader": "None",
+ "deletePosition": 0.0
+ }
+ ]
+ }
+ },
+ {
+ "type": "Character",
+ "name": "Footer Char",
+ "basedOn": "Default Paragraph Font",
+ "characterFormat": {
+ "fontSize": 10.0,
+ "fontColor": "#595959FF"
+ }
+ },
+ {
+ "type": "Character",
+ "name": "Hyperlink",
+ "basedOn": "Default Paragraph Font",
+ "characterFormat": {
+ "underline": "Single",
+ "fontColor": "#085296FF"
+ }
+ },
+ {
+ "type": "Character",
+ "name": "Heading 4 Char",
+ "basedOn": "Default Paragraph Font",
+ "characterFormat": {
+ "italic": true,
+ "fontFamily": "Calibri Light",
+ "fontColor": "#2F5496FF"
+ }
+ },
+ {
+ "type": "Character",
+ "name": "Heading 5 Char",
+ "basedOn": "Default Paragraph Font",
+ "characterFormat": {
+ "fontFamily": "Calibri Light",
+ "fontColor": "#2F5496FF"
+ }
+ },
+ {
+ "type": "Character",
+ "name": "Heading 6 Char",
+ "basedOn": "Default Paragraph Font",
+ "characterFormat": {
+ "fontFamily": "Calibri Light",
+ "fontColor": "#1F3763FF"
+ }
+ }
+ ],
+ "comments": [
+ {
+ "commentId": "Comment_e5affde3-0e01-48df-938c-071a057c6f8e",
+ "author": "Nancy Davolio",
+ "initial": "ND",
+ "date": "2019-11-14T18:18:00Z",
+ "blocks": [
+ {
+ "inlines": [
+ {
+ "text": "Giant panda also known as panda bear or simply panda,"
+ },
+ {
+ "text": " is a bear native to south central China"
+ },
+ {
+ "text": "."
+ }
+ ]
+ }
+ ],
+ "done": false,
+ "replyComments": []
+ },
+ {
+ "commentId": "Comment_b99ebea3-29b7-4d2c-8410-ce8fecb2c30d",
+ "author": "Nancy Davolio",
+ "initial": "ND",
+ "date": "2019-11-14T18:41:00Z",
+ "blocks": [
+ {
+ "inlines": [
+ {
+ "text": "Please add more facts."
+ }
+ ]
+ }
+ ],
+ "done": true,
+ "replyComments": [
+ {
+ "commentId": "Comment_dd401ff7-c247-45e8-9d4e-fe9f3fc45603",
+ "author": "Andrew Fuller",
+ "initial": "AF",
+ "date": "2019-11-14T18:44:00Z",
+ "blocks": [
+ {
+ "inlines": [
+ {
+ "text": "Giant pandas are good at climbing trees and can also swim."
+ }
+ ]
+ }
+ ],
+ "done": true,
+ "replyComments": []
+ },
+ {
+ "commentId": "Comment_c1623cbf-5221-4da7-9158-539d7748f786",
+ "author": "Andrew Fuller",
+ "initial": "AF",
+ "date": "2019-11-14T18:46:00Z",
+ "blocks": [
+ {
+ "inlines": [
+ {
+ "text": "An adult can eat 12–38 kilos of bamboo per day!"
+ }
+ ]
+ }
+ ],
+ "done": true,
+ "replyComments": []
+ }
+ ]
+ },
+ {
+ "commentId": "Comment_875b5153-42a7-4f48-930b-f4d4ab5df625",
+ "author": "Nancy Davolio",
+ "initial": "ND",
+ "date": "2019-11-14T18:14:00Z",
+ "blocks": [
+ {
+ "inlines": [
+ {
+ "text": "Grammar changes required for “may actually be a” as “may be”"
+ }
+ ]
+ }
+ ],
+ "done": false,
+ "replyComments": [
+ {
+ "commentId": "Comment_6f94599b-64a1-4652-a3c4-a57d3e13ae88",
+ "author": "Andrew Fuller",
+ "initial": "AF",
+ "date": "2019-11-14T18:16:00Z",
+ "blocks": [
+ {
+ "inlines": [
+ {
+ "text": "Thanks for the update. Will correct it."
+ }
+ ]
+ }
+ ],
+ "done": false,
+ "replyComments": []
+ }
+ ]
+ }
+ ],
+ "defaultTabWidth": 36.0,
+ "formatting": false,
+ "protectionType": "NoProtection",
+ "enforcement": false
+}
\ No newline at end of file
diff --git a/src/document-editor/locale.json b/src/document-editor/locale.json
new file mode 100644
index 00000000..ece7dcc0
--- /dev/null
+++ b/src/document-editor/locale.json
@@ -0,0 +1,2197 @@
+{
+ "en": {
+ "documenteditor": {
+ "Table": "Table",
+ "Row": "Row",
+ "Cell": "Cell",
+ "Ok": "Ok",
+ "Cancel": "Cancel",
+ "Size": "Size",
+ "Preferred Width": "Preferred width",
+ "Points": "Points",
+ "Percent": "Percent",
+ "Measure in": "Measure in",
+ "Alignment": "Alignment",
+ "Left": "Left",
+ "Center": "Center",
+ "Right": "Right",
+ "Justify": "Justify",
+ "Indent from left": "Indent from left",
+ "Borders and Shading": "Borders and Shading",
+ "Options": "Options",
+ "Specify height": "Specify height",
+ "At least": "At least",
+ "Exactly": "Exactly",
+ "Row height is": "Row height is",
+ "Allow row to break across pages": "Allow row to break across pages",
+ "Repeat as header row at the top of each page": "Repeat as header row at the top of each page",
+ "Vertical alignment": "Vertical alignment",
+ "Top": "Top",
+ "Bottom": "Bottom",
+ "Default cell margins": "Default cell margins",
+ "Default cell spacing": "Default cell spacing",
+ "Allow spacing between cells": "Allow spacing between cells",
+ "Cell margins": "Cell margins",
+ "Same as the whole table": "Same as the whole table",
+ "Borders": "Borders",
+ "None": "None",
+ "Style": "Style",
+ "Width": "Width",
+ "Height": "Height",
+ "Letter": "Letter",
+ "Tabloid": "Tabloid",
+ "Legal": "Legal",
+ "Statement": "Statement",
+ "Executive": "Executive",
+ "A3": "A3",
+ "A4": "A4",
+ "A5": "A5",
+ "B4": "B4",
+ "B5": "B5",
+ "Custom Size": "Custom size",
+ "Different odd and even": "Different odd and even",
+ "Different first page": "Different first page",
+ "From edge": "From edge",
+ "Header": "Header",
+ "Footer": "Footer",
+ "Margin": "Margins",
+ "Paper": "Paper",
+ "Layout": "Layout",
+ "Orientation": "Orientation",
+ "Landscape": "Landscape",
+ "Portrait": "Portrait",
+ "Show page numbers": "Show page numbers",
+ "Right align page numbers": "Right align page numbers",
+ "Nothing": "Nothing",
+ "Tab leader": "Tab leader",
+ "Show levels": "Show levels",
+ "Use hyperlinks instead of page numbers": "Use hyperlinks instead of page numbers",
+ "Build table of contents from": "Build table of contents from",
+ "Styles": "Styles",
+ "Available styles": "Available styles",
+ "TOC level": "TOC level",
+ "Heading": "Heading",
+ "Heading 1": "Heading 1",
+ "Heading 2": "Heading 2",
+ "Heading 3": "Heading 3",
+ "Heading 4": "Heading 4",
+ "Heading 5": "Heading 5",
+ "Heading 6": "Heading 6",
+ "List Paragraph": "List Paragraph",
+ "Normal": "Normal",
+ "Outline levels": "Outline levels",
+ "Table entry fields": "Table entry fields",
+ "Modify": "Modify",
+ "Color": "Color",
+ "Setting": "Setting",
+ "Box": "Box",
+ "All": "All",
+ "Custom": "Custom",
+ "Preview": "Preview",
+ "Shading": "Shading",
+ "Fill": "Fill",
+ "Apply To": "Apply to",
+ "Table Properties": "Table Properties",
+ "Cell Options": "Cell Options",
+ "Table Options": "Table Options",
+ "Insert Table": "Insert Table",
+ "Number of columns": "Number of columns",
+ "Number of rows": "Number of rows",
+ "Text to display": "Text to display",
+ "Address": "Address",
+ "Insert Hyperlink": "Insert Hyperlink",
+ "Edit Hyperlink": "Edit Hyperlink",
+ "Insert": "Insert",
+ "General": "General",
+ "Indentation": "Indentation",
+ "Before text": "Before text",
+ "Special": "Special",
+ "First line": "First line",
+ "Hanging": "Hanging",
+ "After text": "After text",
+ "By": "By",
+ "Before": "Before",
+ "Line Spacing": "Line spacing",
+ "After": "After",
+ "At": "At",
+ "Multiple": "Multiple",
+ "Spacing": "Spacing",
+ "Define new Multilevel list": "Define new Multilevel list",
+ "List level": "List level",
+ "Choose level to modify": "Choose level to modify",
+ "Level": "Level",
+ "Number format": "Number format",
+ "Number style for this level": "Number style for this level",
+ "Enter formatting for number": "Enter formatting for number",
+ "Start at": "Start at",
+ "Restart list after": "Restart list after",
+ "Position": "Position",
+ "Text indent at": "Text indent at",
+ "Aligned at": "Aligned at",
+ "Follow number with": "Follow number with",
+ "Tab character": "Tab character",
+ "Space": "Space",
+ "Arabic": "Arabic",
+ "UpRoman": "UpRoman",
+ "LowRoman": "LowRoman",
+ "UpLetter": "UpLetter",
+ "LowLetter": "LowLetter",
+ "Number": "Number",
+ "Leading zero": "Leading zero",
+ "Bullet": "Bullet",
+ "Ordinal": "Ordinal",
+ "Ordinal Text": "Ordinal Text",
+ "For East": "For East",
+ "No Restart": "No Restart",
+ "Font": "Font",
+ "Font style": "Font style",
+ "Underline style": "Underline style",
+ "Font color": "Font color",
+ "Effects": "Effects",
+ "Strikethrough": "Strikethrough",
+ "Superscript": "Superscript",
+ "Subscript": "Subscript",
+ "Double strikethrough": "Double strikethrough",
+ "Regular": "Regular",
+ "Bold": "Bold",
+ "Italic": "Italic",
+ "Cut": "Cut",
+ "Copy": "Copy",
+ "Paste": "Paste",
+ "Hyperlink": "Hyperlink",
+ "Open Hyperlink": "Open Hyperlink",
+ "Copy Hyperlink": "Copy Hyperlink",
+ "Remove Hyperlink": "Remove Hyperlink",
+ "Paragraph": "Paragraph",
+ "Linked(Paragraph and Character)": "Linked(Paragraph and Character)",
+ "Character": "Character",
+ "Merge Cells": "Merge Cells",
+ "Insert Above": "Insert Above",
+ "Insert Below": "Insert Below",
+ "Insert Left": "Insert Left",
+ "Insert Right": "Insert Right",
+ "Delete": "Delete",
+ "Delete Table": "Delete Table",
+ "Delete Row": "Delete Row",
+ "Delete Column": "Delete Column",
+ "File Name": "File Name",
+ "Format Type": "Format Type",
+ "Save": "Save",
+ "Navigation": "Navigation",
+ "Results": "Results",
+ "Replace": "Replace",
+ "Replace All": "Replace All",
+ "We replaced all": "We replaced all",
+ "Find": "Find",
+ "No matches": "No matches",
+ "All Done": "All Done",
+ "Result": "Result",
+ "of": "of",
+ "instances": "instances",
+ "with": "with",
+ "Click to follow link": "Click to follow link",
+ "Continue Numbering": "Continue Numbering",
+ "Bookmark name": "Bookmark name",
+ "Close": "Close",
+ "Restart At": "Restart At",
+ "Properties": "Properties",
+ "Name": "Name",
+ "Style type": "Style type",
+ "Style based on": "Style based on",
+ "Style for following paragraph": "Style for following paragraph",
+ "Formatting": "Formatting",
+ "Numbering and Bullets": "Numbering and Bullets",
+ "Numbering": "Numbering",
+ "Update Field": "Update Field",
+ "Edit Field": "Edit Field",
+ "Bookmark": "Bookmark",
+ "Page Setup": "Page Setup",
+ "No bookmarks found": "No bookmarks found",
+ "Number format tooltip information": "Single-level number format: [PREFIX]%[LEVELNUMBER][SUFFIX] For example, 'Chapter %1.' will display numbering likeChapter 1. ItemChapter 2. Item… Chapter N. Item Multilevel number format:[PREFIX]%[LEVELNUMBER][SUFFIX]+[PREFIX]%[LEVELNUMBER][SUFFIX]For example, '%1.%2.' will display numbering like1.1. Item1.2. Item…1.N. Item",
+ "Format": "Format",
+ "Create New Style": "Create New Style",
+ "Modify Style": "Modify Style",
+ "New": "New",
+ "Bullets": "Bullets",
+ "Use bookmarks": "Use bookmarks",
+ "Table of Contents": "Table of Contents",
+ "AutoFit": "AutoFit",
+ "AutoFit to Contents": "AutoFit to Contents",
+ "AutoFit to Window": "AutoFit to Window",
+ "Fixed Column Width": "Fixed Column Width",
+ "Reset": "Reset",
+ "Match case": "Match case",
+ "Whole words": "Whole words",
+ "Add": "Add",
+ "Go To": "Go To",
+ "Search for": "Search for",
+ "Replace with": "Replace with",
+ "TOC 1": "TOC 1",
+ "TOC 2": "TOC 2",
+ "TOC 3": "TOC 3",
+ "TOC 4": "TOC 4",
+ "TOC 5": "TOC 5",
+ "TOC 6": "TOC 6",
+ "TOC 7": "TOC 7",
+ "TOC 8": "TOC 8",
+ "TOC 9": "TOC 9",
+ "Right-to-left": "Right-to-left",
+ "Left-to-right": "Left-to-right",
+ "Direction": "Direction",
+ "Table direction": "Table direction",
+ "Indent from right": "Indent from right",
+ "Don't add space between the paragraphs of the same styles": "Don't add space between the paragraphs of the same styles",
+ "The password don't match": "The password don't match",
+ "Restrict Editing": "Restrict Editing",
+ "Formatting restrictions": "Formatting restrictions",
+ "Allow formatting": "Allow formatting",
+ "Editing restrictions": "Editing restrictions",
+ "Read only": "Read only",
+ "Exceptions (optional)": "Exceptions (optional)",
+ "Select parts of the document and choose users who are allowed to freely edit them.": "Select parts of the document and choose users who are allowed to freely edit them.",
+ "Everyone": "Everyone",
+ "More users": "More users",
+ "Add Users": "Add Users",
+ "Yes, Start Enforcing Protection": "Yes, Start Enforcing Protection",
+ "Start Enforcing Protection": "Start Enforcing Protection",
+ "Enter User": "Enter User",
+ "Users": "Users",
+ "Enter new password": "Enter new password",
+ "Reenter new password to confirm": "Reenter new password to confirm",
+ "Your permissions": "Your permissions",
+ "This document is protected from unintentional editing.You may edit in this region.": "This document is protected from unintentional editing.You may edit in this region.",
+ "You may format text only with certain styles.": "You may format text only with certain styles.",
+ "Stop Protection": "Stop Protection",
+ "Password": "Password",
+ "Spelling Editor": "Spelling Editor",
+ "Spelling": "Spelling",
+ "Spell Check": "Spell Check",
+ "Underline errors": "Underline errors",
+ "Ignore": "Ignore",
+ "Ignore all": "Ignore All",
+ "Add to Dictionary": "Add to Dictionary",
+ "Change": "Change",
+ "Change All": "Change All",
+ "Suggestions": "Suggestions",
+ "The password is incorrect": "The password is incorrect",
+ "Error in establishing connection with web server": "Error in establishing connection with web server",
+ "Highlight the regions I can edit": "Highlight the regions I can edit",
+ "Show All Regions I Can Edit": "Show All Regions I Can Edit",
+ "Find Next Region I Can Edit": "Find Next Region I Can Edit",
+ "Keep source formatting": "Keep source formatting",
+ "Match destination formatting": "Match destination formatting",
+ "Text only": "Text only",
+ "Comments": "Comments",
+ "Type your comment": "Type your comment",
+ "Post": "Post",
+ "Reply": "Reply",
+ "New Comment": "New Comment",
+ "Edit": "Edit",
+ "Resolve": "Resolve",
+ "Reopen": "Reopen",
+ "No comments in this document": "No comments in this document",
+ "more": "more",
+ "Type your comment hear": "Type your comment hear",
+ "Next Comment": "Next Comment",
+ "Previous Comment": "Previous Comment",
+ "Un-posted comments": "Un-posted comments",
+ "Added comments not posted. If you continue, that comment will be discarded.": "Added comments not posted. If you continue, that comment will be discarded."
+ },
+ "documenteditorcontainer": {
+ "New": "New",
+ "Open": "Open",
+ "Undo": "Undo",
+ "Redo": "Redo",
+ "Image": "Image",
+ "Table": "Table",
+ "Link": "Link",
+ "Bookmark": "Bookmark",
+ "Table of Contents": "Table of Contents",
+ "HEADING - - - - 1": "HEADING - - - - 1",
+ "HEADING - - - - 2": "HEADING - - - - 2",
+ "HEADING - - - - 3": "HEADING - - - - 3",
+ "Header": "Header",
+ "Footer": "Footer",
+ "Page Setup": "Page Setup",
+ "Page Number": "Page Number",
+ "Break": "Break",
+ "Find": "Find",
+ "Local Clipboard": "Local Clipboard",
+ "Restrict Editing": "Restrict Editing",
+ "Upload from computer": "Upload from computer",
+ "By URL": "By URL",
+ "Page Break": "Page Break",
+ "Section Break": "Section Break",
+ "Header & Footer": "Header & Footer",
+ "Options": "Options",
+ "Levels": "Levels",
+ "Different First Page": "Different First Page",
+ "Different header and footer for odd and even pages.": "Different header and footer for odd and even pages.",
+ "Different Odd & Even Pages": "Different Odd & Even Pages",
+ "Different header and footer for first page.": "Different header and footer for first page.",
+ "Position": "Position",
+ "Header from Top": "Header from Top",
+ "Footer from Bottom": "Footer from Bottom",
+ "Distance from top of the page to top of the header.": "Distance from top of the page to top of the header.",
+ "Distance from bottom of the page to bottom of the footer.": "Distance from bottom of the page to bottom of the footer.",
+ "Aspect ratio": "Aspect ratio",
+ "W": "W",
+ "H": "H",
+ "Width": "Width",
+ "Height": "Height",
+ "Text": "Text",
+ "Paragraph": "Paragraph",
+ "Fill": "Fill",
+ "Fill color": "Fill color",
+ "Border Style": "Border Style",
+ "Outside borders": "Outside borders",
+ "All borders": "All borders",
+ "Inside borders": "Inside borders",
+ "Left border": "Left border",
+ "Inside vertical border": "Inside vertical border",
+ "Right border": "Right border",
+ "Top border": "Top border",
+ "Inside horizontal border": "Inside horizontal border",
+ "Bottom border": "Bottom border",
+ "Border color": "Border color",
+ "Border width": "Border width",
+ "Cell": "Cell",
+ "Merge cells": "Merge cells",
+ "Insert / Delete": "Insert / Delete",
+ "Insert columns to the left": "Insert columns to the left",
+ "Insert columns to the right": "Insert columns to the right",
+ "Insert rows above": "Insert rows above",
+ "Insert rows below": "Insert rows below",
+ "Delete rows": "Delete rows",
+ "Delete columns": "Delete columns",
+ "Cell Margin": "Cell Margin",
+ "Top": "Top",
+ "Bottom": "Bottom",
+ "Left": "Left",
+ "Right": "Right",
+ "Align Text": "Align Text",
+ "Align top": "Align top",
+ "Align bottom": "Align bottom",
+ "Align center": "Align center",
+ "Number of heading or outline levels to be shown in table of contents.": "Number of heading or outline levels to be shown in table of contents.",
+ "Show page numbers": "Show page numbers",
+ "Show page numbers in table of contents.": "Show page numbers in table of contents.",
+ "Right align page numbers": "Right align page numbers",
+ "Right align page numbers in table of contents.": "Right align page numbers in table of contents.",
+ "Use hyperlinks": "Use hyperlinks",
+ "Use hyperlinks instead of page numbers.": "Use hyperlinks instead of page numbers.",
+ "Font": "Font",
+ "Font Size": "Font Size",
+ "Font color": "Font color",
+ "Text highlight color": "Text highlight color",
+ "Clear all formatting": "Clear all formatting",
+ "Bold (Ctrl+B)": "Bold (Ctrl+B)",
+ "Italic (Ctrl+I)": "Italic (Ctrl+I)",
+ "Underline (Ctrl+U)": "Underline (Ctrl+U)",
+ "Strikethrough": "Strikethrough",
+ "Superscript (Ctrl+Shift++)": "Superscript (Ctrl+Shift++)",
+ "Subscript (Ctrl+=)": "Subscript (Ctrl+=)",
+ "Align left (Ctrl+L)": "Align left (Ctrl+L)",
+ "Center (Ctrl+E)": "Center (Ctrl+E)",
+ "Align right (Ctrl+R)": "Align right (Ctrl+R)",
+ "Justify (Ctrl+J)": "Justify (Ctrl+J)",
+ "Decrease indent": "Decrease indent",
+ "Increase indent": "Increase indent",
+ "Line spacing": "Line spacing",
+ "Bullets": "Bullets",
+ "Numbering": "Numbering",
+ "Styles": "Styles",
+ "Manage Styles": "Manage Styles",
+ "Page": "Page",
+ "of": "of",
+ "Fit one page": "Fit one page",
+ "Spell Check": "Spell Check",
+ "Underline errors": "Underline errors",
+ "Fit page width": "Fit page width",
+ "Update": "Update",
+ "Cancel": "Cancel",
+ "Insert": "Insert",
+ "No Border": "No Border",
+ "Create a new document.": "Create a new document.",
+ "Open a document.": "Open a document.",
+ "Undo the last operation (Ctrl+Z).": "Undo the last operation (Ctrl+Z).",
+ "Redo the last operation (Ctrl+Y).": "Redo the last operation (Ctrl+Y).",
+ "Insert inline picture from a file.": "Insert inline picture from a file.",
+ "Insert a table into the document": "Insert a table into the document",
+ "Create a link in your document for quick access to web pages and files (Ctrl+K).": "Create a link in your document for quick access to web pages and files (Ctrl+K).",
+ "Insert a bookmark in a specific place in this document.": "Insert a bookmark in a specific place in this document.",
+ "Provide an overview of your document by adding a table of contents.": "Provide an overview of your document by adding a table of contents.",
+ "Add or edit the header.": "Add or edit the header.",
+ "Add or edit the footer.": "Add or edit the footer.",
+ "Open the page setup dialog.": "Open the page setup dialog.",
+ "Add page numbers.": "Add page numbers.",
+ "Find text in the document (Ctrl+F).": "Find text in the document (Ctrl+F).",
+ "Toggle between the internal clipboard and system clipboard": "Toggle between the internal clipboard and system clipboard.Access to system clipboard through script is denied due to browsers security policy. Instead, 1. You can enable internal clipboard to cut, copy and paste within the component. 2. You can use the keyboard shortcuts (Ctrl+X, Ctrl+C and Ctrl+V) to cut, copy and paste with system clipboard.",
+ "Restrict editing.": "Restrict editing.",
+ "The current page number in the document. Click or tap to navigate specific page.": "The current page number in the document. Click or tap to navigate specific page.",
+ "Read only": "Read only",
+ "Protections": "Protections",
+ "Error in establishing connection with web server": "Error in establishing connection with web server",
+ "Single": "Single",
+ "Double": "Double",
+ "New comment": "New comment",
+ "Comments": "Comments"
+ }
+ },
+ "de": {
+ "documenteditor": {
+ "Table": "Tabelle",
+ "Row": "Zeile",
+ "Cell": "Zelle",
+ "Ok": "Okay",
+ "Cancel": "Abbrechen",
+ "Size": "Größe",
+ "Preferred Width": "Bevorzugte Breite",
+ "Points": "Punkte",
+ "Percent": "Prozent",
+ "Measure in": "Maßnahme in",
+ "Alignment": "Ausrichtung",
+ "Left": "Links",
+ "Center": "Center",
+ "Right": "Richting",
+ "Justify": "Rechtfertigen",
+ "Indent from left": "Einzug von links",
+ "Borders and Shading": "Grenzen und Schattierung",
+ "Options": "Optionen",
+ "Specify height": "Angeben der Höhe",
+ "At least": "Mindestens",
+ "Exactly": "Genau",
+ "Row height is": "Die Zeilenhöhe ist",
+ "Allow row to break across pages": "Zulassen, dass Zeilen über Seiten hinweg aufbrechen",
+ "Repeat as header row at the top of each page": "Wiederholen als Kopfzeile oben auf jeder Seite",
+ "Vertical alignment": "Vertikale Ausrichtung",
+ "Top": "Nach oben",
+ "Bottom": "Unteres",
+ "Default cell margins": "Standardzellenränder",
+ "Default cell spacing": "Standardzellenabstand",
+ "Allow spacing between cells": "Abstand zwischen Zellen zulassen",
+ "Cell margins": "Zellränder",
+ "Same as the whole table": "Wie die gesamte Tabelle",
+ "Borders": "Grenzen",
+ "None": "nichts",
+ "Style": "Stil",
+ "Width": "Breite",
+ "Height": "Höhe",
+ "Letter": "Brief",
+ "Tabloid": "Tabloid",
+ "Legal": "Rechtlich",
+ "Statement": "Anweisung",
+ "Executive": "Executive",
+ "A3": "A3",
+ "A4": "A4",
+ "A5": "A5",
+ "B4": "B4",
+ "B5": "B5",
+ "Custom Size": "Benutzerdefinierte Größe",
+ "Different odd and even": "Verschiedene ungerade und gleichmäßige",
+ "Different first page": "Verschiedene erste Seite",
+ "From edge": "Von der Kante",
+ "Header": "Header",
+ "Footer": "Fußzeile",
+ "Margin": "Ränder",
+ "Paper": "Papier",
+ "Layout": "Layout",
+ "Orientation": "Ausrichtung",
+ "Landscape": "Landschaft",
+ "Portrait": "Porträt",
+ "Show page numbers": "Seitenzahlen anzeigen",
+ "Right align page numbers": "Rechte Ausrichtung Seitenzahlen",
+ "Nothing": "Nichts",
+ "Tab leader": "Tab-Leiter",
+ "Show levels": "Ebenen anzeigen",
+ "Use hyperlinks instead of page numbers": "Verwenden von Hyperlinks anstelle von Seitenzahlen",
+ "Build table of contents from": "Inhaltsverzeichnis erstellen aus",
+ "Styles": "Stile",
+ "Available styles": "Verfügbare Stile",
+ "TOC level": "TOC-Niveau",
+ "Heading": "Überschrift",
+ "Heading 1": "Rubrik 1",
+ "Heading 2": "Rubrik 2",
+ "Heading 3": "Rubrik 3",
+ "Heading 4": "Rubrik 4",
+ "Heading 5": "Rubrik 5",
+ "Heading 6": "Rubrik 6",
+ "List Paragraph": "Liste Absatz",
+ "Normal": "Normalen",
+ "Outline levels": "Gliederungsebenen",
+ "Table entry fields": "Tabelleneintragsfelder",
+ "Modify": "Ändern",
+ "Color": "Farbe",
+ "Setting": "Einstellung",
+ "Box": "Box",
+ "All": "Alle",
+ "Custom": "Benutzerdefinierte",
+ "Preview": "Vorschau",
+ "Shading": "Schattierung",
+ "Fill": "Füllen",
+ "Apply To": "Bewerben Sie sich auf",
+ "Table Properties": "Tabelleneigenschaften",
+ "Cell Options": "Zellenoptionen",
+ "Table Options": "Tabellenoptionen",
+ "Insert Table": "Tabelle einfügen",
+ "Number of columns": "Anzahl der Spalten",
+ "Number of rows": "Anzahl der Zeilen",
+ "Text to display": "Anzuzeigenden Text",
+ "Address": "Adresse",
+ "Insert Hyperlink": "Hyperlink einfügen",
+ "Edit Hyperlink": "Bearbeiten von Hyperlink",
+ "Insert": "Einfügen",
+ "General": "Allgemeine",
+ "Indentation": "Einzug",
+ "Before text": "Vor Text",
+ "Special": "Besondere",
+ "First line": "Erste Zeile",
+ "Hanging": "Hängen",
+ "After text": "Nach Text",
+ "By": "Von",
+ "Before": "Bevor",
+ "Line Spacing": "Zeilenabstand",
+ "After": "Nach",
+ "At": "Auf",
+ "Multiple": "Mehrere",
+ "Spacing": "Abstand",
+ "Define new Multilevel list": "Definieren einer neuen Multilevel-Liste",
+ "List level": "Listenebene",
+ "Choose level to modify": "Wählen Sie ebene zu ändern",
+ "Level": "Ebene",
+ "Number format": "Zahlenformat",
+ "Number style for this level": "Zahlenstil für diese Ebene",
+ "Enter formatting for number": "Formatierung für Nummer eingeben",
+ "Start at": "Beginnen Sie bei",
+ "Restart list after": "Neustartliste nach",
+ "Position": "Position",
+ "Text indent at": "Texteinzug bei",
+ "Aligned at": "Ausgerichtet an",
+ "Follow number with": "Follow-Nummer mit",
+ "Tab character": "Tab-Zeichen",
+ "Space": "Raum",
+ "Arabic": "Arabisch",
+ "UpRoman": "UpRoman",
+ "LowRoman": "LowRoman",
+ "UpLetter": "UpLetter",
+ "LowLetter": "LowLetter",
+ "Number": "Anzahl",
+ "Leading zero": "Führende Null",
+ "Bullet": "Kugel",
+ "Ordinal": "Ordnungszahl",
+ "Ordinal Text": "Ordinaltext",
+ "For East": "Für den Osten",
+ "No Restart": "Kein Neustart",
+ "Font": "Schriftart",
+ "Font style": "Schriftstil",
+ "Underline style": "Unterstreichungsstil",
+ "Font color": "Schriftfarbe",
+ "Effects": "Auswirkungen",
+ "Strikethrough": "Durchgestrichen",
+ "Superscript": "Hochgestellt",
+ "Subscript": "Tiefgestellt",
+ "Double strikethrough": "Doppelschlag",
+ "Regular": "Regelmäßige",
+ "Bold": "kühn",
+ "Italic": "Italic",
+ "Cut": "Schneiden",
+ "Copy": "Kopieren",
+ "Paste": "Einfügen",
+ "Hyperlink": "Hyperlink",
+ "Open Hyperlink": "Öffnen sie Hyperlink",
+ "Copy Hyperlink": "Hyperlink kopieren",
+ "Remove Hyperlink": "Hyperlink entfernen",
+ "Paragraph": "Absatz",
+ "Linked(Paragraph and Character)": "Verknüpft (Absatz und Zeichen)",
+ "Character": "Charakter",
+ "Merge Cells": "Zusammenführen von Zellen",
+ "Insert Above": "Einfügen oben",
+ "Insert Below": "Einfügen unten",
+ "Insert Left": "Einfügen links",
+ "Insert Right": "Einfügen rechts",
+ "Delete": "Löschen",
+ "Delete Table": "Tabelle löschen",
+ "Delete Row": "Zeile löschen",
+ "Delete Column": "Spalte löschen",
+ "File Name": "Dateiname",
+ "Format Type": "Formattyp",
+ "Save": "Speichern",
+ "Navigation": "Navigation",
+ "Results": "Ergebnisse",
+ "Replace": "Ersetzen",
+ "Replace All": "Ersetzen Sie alle",
+ "We replaced all": "Wir haben alle",
+ "Find": "Finden",
+ "No matches": "Kein Treffer",
+ "All Done": "Fertig",
+ "Result": "Ergebnis",
+ "of": "von",
+ "instances": "Instanzen",
+ "with": "Mit",
+ "Click to follow link": "Klicken Sie hier, um dem Link zu folgen",
+ "Continue Numbering": "Weiter Nummerierung",
+ "Bookmark name": "Lesezeichenname",
+ "Close": "Schließen",
+ "Restart At": "Neustart bei",
+ "Properties": "Eigenschaften",
+ "Name": "Namen",
+ "Style type": "Stiltyp",
+ "Style based on": "Stil basierend auf",
+ "Style for following paragraph": "Stil für folgenden Absatz",
+ "Formatting": "Formatierung",
+ "Numbering and Bullets": "Nummerierung und Aufzählungszeichen",
+ "Numbering": "Nummerierung",
+ "Update Field": "Update-Feld",
+ "Edit Field": "Bearbeitungsfeld",
+ "Bookmark": "Lesezeichen",
+ "Page Setup": "Seiteneinrichtung",
+ "No bookmarks found": "Keine Lesezeichen gefunden",
+ "Number format tooltip information": "Einstufiges Zahlenformat: [PREFIX]%[LEVELNUMBER][SUFFIX] Beispielsweise zeigt 'Kapitel %1.' die Nummerierung wieKapitel 1 an. ArtikelKapitel 2. Artikel... Kapitel N. Artikel Mehrstufiges Zahlenformat:[PREFIX]%[LEVELNUMBER][SUFFIX]+[PREFIX]%[LEVELNUMBER][SUFFIX]Zum Beispiel zeigt '%1.%2.' die Nummerierung wie1 an. Artikel1.2. Artikel... 1.N. Artikel",
+ "Format": "Format",
+ "Create New Style": "Erstellen eines neuen Stils",
+ "Modify Style": "Stil ändern",
+ "New": "Neu",
+ "Bullets": "Kugeln",
+ "Use bookmarks": "Verwenden von Lesezeichen",
+ "Table of Contents": "Inhaltsverzeichnis",
+ "AutoFit": "Autofit",
+ "AutoFit to Contents": "AutoFit für Inhalte",
+ "AutoFit to Window": "AutoFit zu Fenster",
+ "Fixed Column Width": "Feste Spaltenbreite",
+ "Reset": "Zurücksetzen",
+ "Match case": "Match-Fall",
+ "Whole words": "Ganze Wörter",
+ "Add": "Hinzufügen",
+ "Go To": "Gehe zu",
+ "Search for": "Suchen nach",
+ "Replace with": "Ersetzen Sie dies durch",
+ "TOC 1": "TOC 1",
+ "TOC 2": "TOC 2",
+ "TOC 3": "TOC 3",
+ "TOC 4": "TOC 4",
+ "TOC 5": "TOC 5",
+ "TOC 6": "TOC 6",
+ "TOC 7": "TOC 7",
+ "TOC 8": "TOC 8",
+ "TOC 9": "TOC 9",
+ "Right-to-left": "Von rechts nach links",
+ "Left-to-right": "Von links nach rechts",
+ "Direction": "Richtung",
+ "Table direction": "Tabellenrichtung",
+ "Indent from right": "Einzug von rechts",
+ "Don't add space between the paragraphs of the same styles": "Fügen Sie keinen Abstand zwischen den Absätzen derselben Stile hinzu.",
+ "The password don't match": "Das Kennwort stimmt nicht überein ",
+ "Restrict Editing": "Einschränken der Bearbeitung",
+ "Formatting restrictions": "Formatierungseinschränkungen",
+ "Allow formatting": "Formatierung zulassen",
+ "Editing restrictions": "Bearbeitungseinschränkungen",
+ "Read only": "Nur lesen",
+ "Exceptions (optional)": "Ausnahmen (optional)",
+ "Select parts of the document and choose users who are allowed to freely edit them.": "Wählen Sie Teile des Dokuments aus, und wählen Sie Benutzer aus, die sie frei bearbeiten dürfen. ",
+ "Everyone": "Jeder",
+ "More users": "Mehr Benutzer",
+ "Add Users": "Hinzufügen von Benutzern",
+ "Yes, Start Enforcing Protection": "Ja, Starten Sie die Durchsetzung des Schutzes",
+ "Start Enforcing Protection": "Starten des Erzwingens des Schutzes",
+ "Enter User": "Benutzer eingeben",
+ "Users": "Benutzer",
+ "Enter new password": "Geben Sie ein neues Passwort ein",
+ "Reenter new password to confirm": "Geben Sie das neue Kennwort erneut ein, um dies zu bestätigen",
+ "Your permissions": "Ihre Berechtigungen",
+ "This document is protected from unintentional editing.You may edit in this region.": "Dieses Dokument ist vor unbeabsichtigter Bearbeitung geschützt. Sie können in dieser Region bearbeiten.",
+ "You may format text only with certain styles.": "Sie können Text nur mit bestimmten Formatvorlagen formatieren.",
+ "Stop Protection": "Stop Protection",
+ "Password": "Passwort",
+ "Spelling Editor": "Rechtschreib-Editor",
+ "Spelling": "Rechtschreibung",
+ "Spell Check": "Rechtschreibprüfung",
+ "Underline errors": "Unterstreichung von Fehlern",
+ "Ignore": "Ignorieren",
+ "Ignore all": "Ignorieren Sie alle",
+ "Add to Dictionary": "Zum Wörterbuch hinzufügen",
+ "Change": "Veränderung",
+ "Change All": "Alle ändern",
+ "Suggestions": "Vorschläge",
+ "The password is incorrect": "Das Kennwort ist falsch",
+ "Error in establishing connection with web server": "Fehler beim Herstellen einer Verbindung mit dem Webserver",
+ "Highlight the regions I can edit": "Markieren Sie die Bereiche, die ich bearbeiten kann",
+ "Show All Regions I Can Edit": "Alle Regionen anzeigen, die ich bearbeiten kann",
+ "Find Next Region I Can Edit": "Nächste Region finden, die ich bearbeiten kann",
+ "Keep source formatting": "Quellformatierung beibehalten",
+ "Match destination formatting": "Übereinstimmung der Zielformatierung",
+ "Text only": "Nur Text",
+ "Comments": "Kommentare",
+ "Type your comment": "Geben Sie Ihren Kommentar ein",
+ "Post": "Bereitstellen",
+ "Reply": "Antwort",
+ "New Comment": "Neuer Kommentar",
+ "Edit": "Bearbeiten",
+ "Resolve": "Beheben",
+ "Reopen": "Öffnen",
+ "No comments in this document": "Keine Kommentare in diesem Dokument",
+ "more": "Mehr",
+ "Type your comment hear": "Geben Sie Ihren Kommentar ein",
+ "Next Comment": "Nächster Kommentar",
+ "Previous Comment": "Vorheriger Kommentar",
+ "Un-posted comments": "Nicht gepostete Kommentare",
+ "Added comments not posted. If you continue, that comment will be discarded.": "Kommentare wurden nicht gepostet. Wenn Sie fortfahren, wird dieser Kommentar verworfen."
+ },
+ "documenteditorcontainer": {
+ "New": "Neu",
+ "Open": "Öffnen",
+ "Undo": "Rückgängig",
+ "Redo": "Wiederholen",
+ "Image": "Bild",
+ "Table": "Tabelle",
+ "Link": "verbinden",
+ "Bookmark": "Lesezeichen",
+ "Table of Contents": "Inhaltsverzeichnis",
+ "HEADING - - - - 1": "HEADING - - - - 1",
+ "HEADING - - - - 2": "HEADING - - - - 2",
+ "HEADING - - - - 3": "HEADING - - - - 3",
+ "Header": "Header",
+ "Footer": "Fußzeile",
+ "Page Setup": "Seiteneinrichtung",
+ "Page Number": "Seitenzahl",
+ "Break": "Brechen",
+ "Find": "Finden",
+ "Local Clipboard": "Lokale Zwischenablage",
+ "Restrict Editing": "Einschränken der Bearbeitung",
+ "Upload from computer": "Hochladen vom Computer",
+ "By URL": "Nach URL",
+ "Page Break": "Seitenumbruch",
+ "Section Break": "Abschnittsunterbrechung",
+ "Header & Footer": "Kopfzeile & Fußzeile",
+ "Options": "Optionen",
+ "Levels": "Ebenen",
+ "Different First Page": "Verschiedene erste Seite",
+ "Different header and footer for odd and even pages.": "Verschiedene Kopf- und Fußzeile für ungerade und gerade Seiten.",
+ "Different Odd & Even Pages": "Verschiedene Odd & Even Seiten",
+ "Different header and footer for first page.": "Verschiedene Kopf- und Fußzeile für die erste Seite.",
+ "Position": "Position",
+ "Header from Top": "Header von oben",
+ "Footer from Bottom": "Fußzeile von unten",
+ "Distance from top of the page to top of the header.": "Abstand vom oberen Rand der Seite zum oberen Anfang der Kopfzeile.",
+ "Distance from bottom of the page to bottom of the footer.": "Abstand vom unteren Rand der Seite bis zum unteren Rand der Fußzeile.",
+ "Aspect ratio": "Seitenverhältnis",
+ "W": "W",
+ "H": "H",
+ "Width": "Breite",
+ "Height": "Höhe",
+ "Text": "Text",
+ "Paragraph": "Absatz",
+ "Fill": "Füllen",
+ "Fill color": "Füllfarbe",
+ "Border Style": "Border Style",
+ "Outside borders": "Außerhalb der Grenzen",
+ "All borders": "Alle Grenzen",
+ "Inside borders": "Innere Grenzen",
+ "Left border": "Linke Grenze",
+ "Inside vertical border": "Innerhalb vertikaler Rahmen",
+ "Right border": "Rechte Grenze",
+ "Top border": "Obere Grenze",
+ "Inside horizontal border": "Innerhalb horizontaler Rahmen",
+ "Bottom border": "Unterer Rand",
+ "Border color": "Rahmenfarbe",
+ "Border width": "Grenzbreite",
+ "Cell": "Zelle",
+ "Merge cells": "Zusammenführen von Zellen",
+ "Insert / Delete": "Einfügen / Löschen",
+ "Insert columns to the left": "Einfügen von Spalten nach links",
+ "Insert columns to the right": "Einfügen von Spalten auf der rechten Seite",
+ "Insert rows above": "Zeilen oben einfügen",
+ "Insert rows below": "Zeilen unten einfügen",
+ "Delete rows": "Löschen von Zeilen",
+ "Delete columns": "Spalten löschen",
+ "Cell Margin": "Zell-Rand",
+ "Top": "Nach oben",
+ "Bottom": "Unteres",
+ "Left": "Links",
+ "Right": "Richting",
+ "Align Text": "Ausrichten von Text",
+ "Align top": "Oben ausrichten",
+ "Align bottom": "Unten ausrichten",
+ "Align center": "Ausrichtung des Zentrums",
+ "Number of heading or outline levels to be shown in table of contents.": "Anzahl der Überschriften oder Gliederungsebenen, die im Inhaltsverzeichnis angezeigt werden sollen.",
+ "Show page numbers": "Seitenzahlen anzeigen",
+ "Show page numbers in table of contents.": "Seitenzahlen im Inhaltsverzeichnis anzeigen.",
+ "Right align page numbers": "Rechte Ausrichtung Seitenzahlen",
+ "Right align page numbers in table of contents.": "Rechte Seitenzahlen im Inhaltsverzeichnis.",
+ "Use hyperlinks": "Verwenden von Hyperlinks",
+ "Use hyperlinks instead of page numbers.": "Verwenden Sie Hyperlinks anstelle von Seitenzahlen.",
+ "Font": "Schriftart",
+ "Font Size": "Schriftgröße",
+ "Font color": "Schriftfarbe",
+ "Text highlight color": "Texthervorhebungsfarbe",
+ "Clear all formatting": "Löschen aller Formatierungen",
+ "Bold (Ctrl+B)": "Fett (Strg+B)",
+ "Italic (Ctrl+I)": "Kursiv (Strg+I)",
+ "Underline (Ctrl+U)": "Unterstreichung (Strg+U)",
+ "Strikethrough": "Durchgestrichen",
+ "Superscript (Ctrl+Shift++)": "Hochschrift (Strg+Umschalt++)",
+ "Subscript (Ctrl+=)": "Subskription (Strg+=)",
+ "Align left (Ctrl+L)": "Links ausrichten (Strg+L)",
+ "Center (Ctrl+E)": "Mitte (Strg+E)",
+ "Align right (Ctrl+R)": "Rechts ausrichten (Strg+R)",
+ "Justify (Ctrl+J)": "Justify (Strg+J)",
+ "Decrease indent": "Abnahme des Einrückens",
+ "Increase indent": "Zunahme des Einrückens",
+ "Line spacing": "Zeilenabstand",
+ "Bullets": "Kugeln",
+ "Numbering": "Nummerierung",
+ "Styles": "Stile",
+ "Manage Styles": "Verwalten von Stilen",
+ "Page": "Seite",
+ "of": "von",
+ "Fit one page": "Anpassen einer Seite",
+ "Spell Check": "Rechtschreibprüfung",
+ "Underline errors": "Unterstreichung von Fehlern",
+ "Fit page width": "Anpassen der Seitenbreite",
+ "Update": "aktualisieren",
+ "Cancel": "Abbrechen",
+ "Insert": "Einfügen",
+ "No Border": "Keine Grenze",
+ "Create a new document.": "Erstellen Sie ein neues Dokument.",
+ "Open a document.": "Öffnen Sie ein Dokument.",
+ "Undo the last operation (Ctrl+Z).": "Rückgängigmachen des letzten Vorgangs (Strg+Z).",
+ "Redo the last operation (Ctrl+Y).": "Wiederholen Sie den letzten Vorgang (Strg+Y).",
+ "Insert inline picture from a file.": "Einfügen eines Inlinebilds aus einer Datei.",
+ "Insert a table into the document": "Einfügen einer Tabelle in das Dokument",
+ "Create a link in your document for quick access to web pages and files (Ctrl+K).": "Erstellen Sie einen Link in Ihrem Dokument für den schnellen Zugriff auf Webseiten und Dateien (Strg+K).",
+ "Insert a bookmark in a specific place in this document.": "Fügen Sie ein Lesezeichen an einer bestimmten Stelle in diesem Dokument ein.",
+ "Provide an overview of your document by adding a table of contents.": "Geben Sie einen Überblick über Ihr Dokument, indem Sie ein Inhaltsverzeichnis hinzufügen.",
+ "Add or edit the header.": "Fügen Sie den Header hinzu oder bearbeiten Sie ihn.",
+ "Add or edit the footer.": "Fügen Sie die Fußzeile hinzu oder bearbeiten Sie sie.",
+ "Open the page setup dialog.": "Öffnen Sie das Dialogfeld für das Seiteneinrichten.",
+ "Add page numbers.": "Fügen Sie Seitenzahlen hinzu.",
+ "Find text in the document (Ctrl+F).": "Suchen von Text im Dokument (Strg+F).",
+ "Toggle between the internal clipboard and system clipboard": "Das Umschalten zwischen der internen Zwischenablage und der System-Zwischenablage.Der Zugriff auf die System-Zwischenablage über skripts wird aufgrund der Sicherheitsrichtlinie des Browsers verweigert. Stattdessen 1. Sie können die interne Zwischenablage zum Ausschneiden, Kopieren und Einfügen innerhalb der Komponente aktivieren. 2. Sie können die Tastenkombinationen (Strg+X, Strg+C und Strg+V) zum Ausschneiden, Kopieren und Einfügen mit der System-Zwischenablage verwenden.",
+ "Restrict editing.": "Beschränken Sie die Bearbeitung.",
+ "The current page number in the document. Click or tap to navigate specific page.": "Die aktuelle Seitenzahl im Dokument. Klicken oder tippen Sie, um auf einer bestimmten Seite zu navigieren.",
+ "Read only": "Nur lesen",
+ "Protections": "Schutz",
+ "Error in establishing connection with web server": "Fehler beim Herstellen einer Verbindung mit dem Webserver",
+ "Single": "Einzelnen",
+ "Double": "Doppel",
+ "New comment": "Neuer Kommentar",
+ "Comments": "Kommentare"
+ }
+ },
+ "fr-CH": {
+ "documenteditor": {
+ "Table": "Table",
+ "Row": "Ligne",
+ "Cell": "Cellule",
+ "Ok": "D'accord",
+ "Cancel": "Annuler",
+ "Size": "Taille",
+ "Preferred Width": "Largeur privilégiée",
+ "Points": "Points",
+ "Percent": "Pourcentage",
+ "Measure in": "Mesurer en",
+ "Alignment": "Alignement",
+ "Left": "Gauche",
+ "Center": "Centre",
+ "Right": "Oui",
+ "Justify": "Justifier",
+ "Indent from left": "Indent de gauche à gauche",
+ "Borders and Shading": "Frontières et ombrage",
+ "Options": "Options",
+ "Specify height": "Spécifier la hauteur",
+ "At least": "Au moins",
+ "Exactly": "Exactement",
+ "Row height is": "La hauteur de la ligne est",
+ "Allow row to break across pages": "Permettre à la ligne de se briser sur les pages",
+ "Repeat as header row at the top of each page": "Répéter la ligne d'en-tête en haut de chaque page",
+ "Vertical alignment": "Alignement vertical",
+ "Top": "Retour au début",
+ "Bottom": "Bas",
+ "Default cell margins": "Marges cellulaires par défaut",
+ "Default cell spacing": "Espacement des cellules par défaut",
+ "Allow spacing between cells": "Permettre l'espacement entre les cellules",
+ "Cell margins": "Marges cellulaires",
+ "Same as the whole table": "Comme toute la table",
+ "Borders": "Frontières",
+ "None": "Aucun",
+ "Style": "Style",
+ "Width": "Largeur",
+ "Height": "Hauteur",
+ "Letter": "Lettre",
+ "Tabloid": "Tabloïd",
+ "Legal": "Juridique",
+ "Statement": "Déclaration",
+ "Executive": "Exécutif",
+ "A3": "A3 Annonces",
+ "A4": "A4 Annonces",
+ "A5": "A5 Annonces",
+ "B4": "B4 (en)",
+ "B5": "B5 (en)",
+ "Custom Size": "Taille personnalisée",
+ "Different odd and even": "Différents impairs et même",
+ "Different first page": "Première page différente",
+ "From edge": "Du bord",
+ "Header": "En-tête",
+ "Footer": "Pied",
+ "Margin": "Marges",
+ "Paper": "Papier",
+ "Layout": "Disposition",
+ "Orientation": "Orientation",
+ "Landscape": "Paysage",
+ "Portrait": "Portrait",
+ "Show page numbers": "Afficher les numéros de page",
+ "Right align page numbers": "Numéros de page d'alignement droit",
+ "Nothing": "Rien",
+ "Tab leader": "Chef d'onglet",
+ "Show levels": "Afficher les niveaux",
+ "Use hyperlinks instead of page numbers": "Utilisez des hyperliens au lieu de numéros de page",
+ "Build table of contents from": "Construire la table de contenu à partir de",
+ "Styles": "Styles",
+ "Available styles": "Styles disponibles",
+ "TOC level": "Niveau TOC",
+ "Heading": "Rubrique",
+ "Heading 1": "En tête 1",
+ "Heading 2": "En tête 2",
+ "Heading 3": "En tête 3",
+ "Heading 4": "En tête 4",
+ "Heading 5": "En tête 5",
+ "Heading 6": "En tête 6",
+ "List Paragraph": "Paragraphe de liste",
+ "Normal": "Normal",
+ "Outline levels": "Niveaux d'aperçu",
+ "Table entry fields": "Champs d'entrée de table",
+ "Modify": "Modifier",
+ "Color": "Couleur",
+ "Setting": "Réglage",
+ "Box": "Boîte",
+ "All": "Tous",
+ "Custom": "Personnalisé",
+ "Preview": "Aperçu",
+ "Shading": "Ombrage",
+ "Fill": "Remplir",
+ "Apply To": "Appliquer à",
+ "Table Properties": "Propriétés de table",
+ "Cell Options": "Options cellulaires",
+ "Table Options": "Table Options",
+ "Insert Table": "Insérer la table",
+ "Number of columns": "Nombre de colonnes",
+ "Number of rows": "Nombre de lignes",
+ "Text to display": "Texte à afficher",
+ "Address": "Adresse",
+ "Insert Hyperlink": "Insérer Hyperlink",
+ "Edit Hyperlink": "Modifier Hyperlink",
+ "Insert": "Insérer",
+ "General": "Générales",
+ "Indentation": "Indentation",
+ "Before text": "Avant le texte",
+ "Special": "Spécial",
+ "First line": "Première ligne",
+ "Hanging": "Suspendus",
+ "After text": "Après le texte",
+ "By": "Par",
+ "Before": "Avant",
+ "Line Spacing": "Interligne",
+ "After": "Après",
+ "At": "À",
+ "Multiple": "Plusieurs",
+ "Spacing": "Espacement",
+ "Define new Multilevel list": "Définir la nouvelle liste multiniveaux",
+ "List level": "Niveau de liste",
+ "Choose level to modify": "Choisissez le niveau pour modifier",
+ "Level": "Niveau",
+ "Number format": "Format de nombre",
+ "Number style for this level": "Style de nombre pour ce niveau",
+ "Enter formatting for number": "Entrez le formatage pour le numéro",
+ "Start at": "Commencez par",
+ "Restart list after": "Liste de redémarrage après",
+ "Position": "Position",
+ "Text indent at": "Indent de texte à",
+ "Aligned at": "Aligné à",
+ "Follow number with": "Suivez le numéro avec",
+ "Tab character": "Caractère d'onglet",
+ "Space": "Espace",
+ "Arabic": "Arabe",
+ "UpRoman": "UpRoman (en)",
+ "LowRoman": "LowRoman (LowRomain)",
+ "UpLetter": "UpLetter (en)",
+ "LowLetter": "Lettre basse",
+ "Number": "Nombre",
+ "Leading zero": "Mener zéro",
+ "Bullet": "Balle",
+ "Ordinal": "Ordinal",
+ "Ordinal Text": "Texte ordinal",
+ "For East": "Pour l'Est",
+ "No Restart": "Pas de redémarrage",
+ "Font": "Polices",
+ "Font style": "Style de police",
+ "Underline style": "Style de soulignement",
+ "Font color": "Couleur de police",
+ "Effects": "Effets",
+ "Strikethrough": "Barré",
+ "Superscript": "Superscript",
+ "Subscript": "Indice",
+ "Double strikethrough": "Double frappe",
+ "Regular": "Régulier",
+ "Bold": "Gras",
+ "Italic": "Italique",
+ "Cut": "Couper",
+ "Copy": "Copie",
+ "Paste": "Coller",
+ "Hyperlink": "Lien hypertexte",
+ "Open Hyperlink": "Ouvrez Hyperlink",
+ "Copy Hyperlink": "Copier Hyperlink",
+ "Remove Hyperlink": "Supprimer Hyperlink",
+ "Paragraph": "Paragraphe",
+ "Linked(Paragraph and Character)": "Linked (Paragraphe et Caractère)",
+ "Character": "personnage",
+ "Merge Cells": "Cellules de fusion",
+ "Insert Above": "Insérer ci-dessus",
+ "Insert Below": "Insérer ci-dessous",
+ "Insert Left": "Insérer à gauche",
+ "Insert Right": "Insérer à droite",
+ "Delete": "Supprimer",
+ "Delete Table": "Supprimer la table",
+ "Delete Row": "Supprimer la ligne",
+ "Delete Column": "Supprimer la colonne",
+ "File Name": "Nom du fichier",
+ "Format Type": "Format Type",
+ "Save": "sauvegarder",
+ "Navigation": "Navigation",
+ "Results": "Résultats",
+ "Replace": "Remplacer",
+ "Replace All": "Remplacer tous les",
+ "We replaced all": "Nous avons remplacé tous les",
+ "Find": "Trouver",
+ "No matches": "Pas d'allumettes",
+ "All Done": "Tout fait",
+ "Result": "Résultat",
+ "of": "De",
+ "instances": "Cas",
+ "with": "Avec",
+ "Click to follow link": "Cliquez pour suivre le lien",
+ "Continue Numbering": "Continuer la numérotisation",
+ "Bookmark name": "Nom de signet",
+ "Close": "Proche",
+ "Restart At": "Redémarrer à",
+ "Properties": "Propriétés",
+ "Name": "Nom",
+ "Style type": "Type de style",
+ "Style based on": "Style basé sur",
+ "Style for following paragraph": "Style pour le paragraphe suivant",
+ "Formatting": "Formatage",
+ "Numbering and Bullets": "Numérotage et balles",
+ "Numbering": "Numérotation",
+ "Update Field": "Champ de mise à jour",
+ "Edit Field": "Champ d'édition",
+ "Bookmark": "Signet",
+ "Page Setup": "Configuration de la page",
+ "No bookmarks found": "Aucun signet trouvé",
+ "Number format tooltip information": "Format de nombre à un seul niveau: 'lt;/br'gt;[PREFIX][LEVELNUMBER][SUFFIX] lt;/br'gt; Par exemple, 'Chapitre %1.' affichera la numérotisation comme 'lt;/br'gt;Chapitre 1. Item-lt;/br-gt;Chapitre 2. Item-lt;/br'gt;... Lt;/br 'gt;Chapitre N. Item-lt;/br'gt; 'lt;/br'gt;Multilevel number format: 'lt;/br'gt;[PREFIX]%[LEVELNUMBER][SUFFIX][PREFIX][PREFIX]%[LEVELNUMBER][SUFFIX] Item-lt;/br-gt;1.2. Item-lt;/br'gt;... Article de lt;/br.n.",
+ "Format": "Format",
+ "Create New Style": "Créer un nouveau style",
+ "Modify Style": "Modifier le style",
+ "New": "Nouveau",
+ "Bullets": "Balles",
+ "Use bookmarks": "Utiliser des signets",
+ "Table of Contents": "Tableau des contenus",
+ "AutoFit": "AutoFit (AutoFit)",
+ "AutoFit to Contents": "AutoFit au contenu",
+ "AutoFit to Window": "AutoFit à window",
+ "Fixed Column Width": "Largeur de colonne fixe",
+ "Reset": "Réinitialiser",
+ "Match case": "Cas de match",
+ "Whole words": "Mots entiers",
+ "Add": "Ajouter",
+ "Go To": "Atteindre",
+ "Search for": "Rechercher",
+ "Replace with": "Remplacer par",
+ "TOC 1": "TOC 1",
+ "TOC 2": "TOC 2 (en)",
+ "TOC 3": "TOC 3",
+ "TOC 4": "TOC 4",
+ "TOC 5": "TOC 5 Annonces",
+ "TOC 6": "TOC 6 Annonces",
+ "TOC 7": "TOC 7 Annonces",
+ "TOC 8": "TOC 8 Annonces",
+ "TOC 9": "TOC 9 (en)",
+ "Right-to-left": "De droite à gauche",
+ "Left-to-right": "De gauche à droite",
+ "Direction": "Direction",
+ "Table direction": "Direction de la table",
+ "Indent from right": "Indent de droite",
+ "Don't add space between the paragraphs of the same styles": "N'ajoutez pas d'espace entre les paragraphes des mêmes styles",
+ "The password don't match": "Le mot de passe ne correspond pas",
+ "Restrict Editing": "Restreindre l'édition",
+ "Formatting restrictions": "Restrictions de formatage",
+ "Allow formatting": "Autoriser le mise en forme",
+ "Editing restrictions": "Restrictions d'édition",
+ "Read only": "Lire uniquement",
+ "Exceptions (optional)": "Exceptions (facultatif)",
+ "Select parts of the document and choose users who are allowed to freely edit them.": "Sélectionnez des parties du document et choisissez les utilisateurs autorisés à les modifier librement.",
+ "Everyone": "Chacun",
+ "More users": "Plus d'utilisateurs",
+ "Add Users": "Ajouter des utilisateurs",
+ "Yes, Start Enforcing Protection": "Oui, Commencez à appliquer la protection",
+ "Start Enforcing Protection": "Commencer à faire respecter la protection",
+ "Enter User": "Entrez l'utilisateur",
+ "Users": "Utilisateurs",
+ "Enter new password": "Entrez un nouveau mot de passe",
+ "Reenter new password to confirm": "Réenter nouveau mot de passe pour confirmer",
+ "Your permissions": "Vos autorisations",
+ "This document is protected from unintentional editing.You may edit in this region.": "Ce document est protégé contre l'édition involontaire. Vous pouvez modifier dans cette région.",
+ "You may format text only with certain styles.": "Vous pouvez formater le texte uniquement avec certains styles.",
+ "Stop Protection": "Protection D'arrêt",
+ "Password": "mot de passe",
+ "Spelling Editor": "Éditeur d'orthographe",
+ "Spelling": "Orthographe",
+ "Spell Check": "Vérification des sorts",
+ "Underline errors": "Souligner les erreurs",
+ "Ignore": "Ignorer",
+ "Ignore all": "Ignorer tous",
+ "Add to Dictionary": "Ajouter au dictionnaire",
+ "Change": "changement",
+ "Change All": "Changer tous",
+ "Suggestions": "Suggestions",
+ "The password is incorrect": "Le mot de passe est incorrect",
+ "Error in establishing connection with web server": "Erreur dans l'établissement de la connexion avec le serveur web",
+ "Highlight the regions I can edit": "Mettre en surbrillance les régions que je peux modifier",
+ "Show All Regions I Can Edit": "Afficher toutes les régions que je peux modifier",
+ "Find Next Region I Can Edit": "Trouver la prochaine région que je peux modifier",
+ "Keep source formatting": "Conserver le formatage des sources",
+ "Match destination formatting": "Formatage de destination de correspondance",
+ "Text only": "Texte uniquement",
+ "Comments": "Commentaires",
+ "Type your comment": "Tapez votre commentaire",
+ "Post": "Publier",
+ "Reply": "Réponse",
+ "New Comment": "Nouveau commentaire",
+ "Edit": "Modifier",
+ "Resolve": "Résoudre",
+ "Reopen": "Rouvrir",
+ "No comments in this document": "Aucun commentaire dans ce document",
+ "more": "Plus",
+ "Type your comment hear": "Tapez votre commentaire entendre",
+ "Next Comment": "Commentaire suivant",
+ "Previous Comment": "Commentaire précédent",
+ "Un-posted comments": "Commentaires non publiés",
+ "Added comments not posted. If you continue, that comment will be discarded.": "Ajout de commentaires non affichés. Si vous continuez, ce commentaire sera rejeté."
+ },
+ "documenteditorcontainer": {
+ "New": "Nouveau",
+ "Open": "Ouvert",
+ "Undo": "Annuler",
+ "Redo": "Refaire",
+ "Image": "Image",
+ "Table": "Table",
+ "Link": "Lien",
+ "Bookmark": "Signet",
+ "Table of Contents": "Tableau des contenus",
+ "HEADING - - - - 1": "TITRE - - - - 1",
+ "HEADING - - - - 2": "TITRE - - - - 2",
+ "HEADING - - - - 3": "TITRE - - - - 3",
+ "Header": "En-tête",
+ "Footer": "Pied",
+ "Page Setup": "Configuration de la page",
+ "Page Number": "Numéro de page",
+ "Break": "Pause",
+ "Find": "Trouver",
+ "Local Clipboard": "Local Clipboard",
+ "Restrict Editing": "Restreindre l'édition",
+ "Upload from computer": "Téléchargement à partir d'un ordinateur",
+ "By URL": "Par URL",
+ "Page Break": "Coupure de page",
+ "Section Break": "Pause de section",
+ "Header & Footer": "En-tête et Footer",
+ "Options": "Options",
+ "Levels": "Niveaux",
+ "Different First Page": "Première page différente",
+ "Different header and footer for odd and even pages.": "En-tête et pied différents pour les pages impaires et uniformes.",
+ "Different Odd & Even Pages": "Différentes pages impaires et uniformes",
+ "Different header and footer for first page.": "En-tête et pied différents pour la première page.",
+ "Position": "Position",
+ "Header from Top": "En-tête du haut",
+ "Footer from Bottom": "Footer de bas",
+ "Distance from top of the page to top of the header.": "Distance du haut de la page au haut de l'en-tête.",
+ "Distance from bottom of the page to bottom of the footer.": "Distance du bas de la page au bas du pied.",
+ "Aspect ratio": "Ratio Aspect",
+ "W": "W",
+ "H": "H (en)",
+ "Width": "Largeur",
+ "Height": "Hauteur",
+ "Text": "Texte",
+ "Paragraph": "Paragraphe",
+ "Fill": "Remplir",
+ "Fill color": "Remplir la couleur",
+ "Border Style": "Style de frontière",
+ "Outside borders": "À l'extérieur des frontières",
+ "All borders": "Toutes les frontières",
+ "Inside borders": "Frontières intérieures",
+ "Left border": "Frontière gauche",
+ "Inside vertical border": "Frontière verticale intérieure",
+ "Right border": "Bordure droite",
+ "Top border": "Bordure supérieure",
+ "Inside horizontal border": "Bordure horizontale intérieure",
+ "Bottom border": "Bordure inférieure",
+ "Border color": "Couleur de frontière",
+ "Border width": "Largeur de la frontière",
+ "Cell": "Cellule",
+ "Merge cells": "Fusionner les cellules",
+ "Insert / Delete": "Insérer / Supprimer",
+ "Insert columns to the left": "Insérer des colonnes à gauche",
+ "Insert columns to the right": "Insérer des colonnes à droite",
+ "Insert rows above": "Insérer les lignes ci-dessus",
+ "Insert rows below": "Insérer les lignes ci-dessous",
+ "Delete rows": "Supprimer les lignes",
+ "Delete columns": "Supprimer les colonnes",
+ "Cell Margin": "Marge cellulaire",
+ "Top": "Retour au début",
+ "Bottom": "Bas",
+ "Left": "Gauche",
+ "Right": "Oui",
+ "Align Text": "Alignement du texte",
+ "Align top": "Alignement haut",
+ "Align bottom": "Aligner le fond",
+ "Align center": "Centre d'alignement",
+ "Number of heading or outline levels to be shown in table of contents.": "Nombre de niveaux de cap ou de contour à indiquer dans le tableau du contenu.",
+ "Show page numbers": "Afficher les numéros de page",
+ "Show page numbers in table of contents.": "Afficher les numéros de page dans le tableau des contenus.",
+ "Right align page numbers": "Numéros de page d'alignement droit",
+ "Right align page numbers in table of contents.": "Droite aligner les numéros de page dans le tableau des contenus.",
+ "Use hyperlinks": "Utiliser des hyperliens",
+ "Use hyperlinks instead of page numbers.": "Utilisez des hyperliens au lieu de numéros de page.",
+ "Font": "Polices",
+ "Font Size": "Taille de la police",
+ "Font color": "Couleur de police",
+ "Text highlight color": "Le texte mettent en évidence la couleur",
+ "Clear all formatting": "Effacer tous les formatage",
+ "Bold (Ctrl+B)": "Audacieux (Ctrl-B)",
+ "Italic (Ctrl+I)": "Italique (Ctrl -I)",
+ "Underline (Ctrl+U)": "Underline (Ctrl-U)",
+ "Strikethrough": "Barré",
+ "Superscript (Ctrl+Shift++)": "Superscript(Ctrl-Shift)",
+ "Subscript (Ctrl+=)": "Sous-scripte (CtrlMD)",
+ "Align left (Ctrl+L)": "Alignement à gauche (Ctrl-L)",
+ "Center (Ctrl+E)": "Centre (Ctrl-E)",
+ "Align right (Ctrl+R)": "Alignement à droite (Ctrl -R)",
+ "Justify (Ctrl+J)": "Justifier (Ctrl -J)",
+ "Decrease indent": "Diminution de l'indent",
+ "Increase indent": "Augmentation de l'indent",
+ "Line spacing": "Interligne",
+ "Bullets": "Balles",
+ "Numbering": "Numérotation",
+ "Styles": "Styles",
+ "Manage Styles": "Gérer les styles",
+ "Page": "Page",
+ "of": "De",
+ "Fit one page": "Ajuster une page",
+ "Spell Check": "Vérification des sorts",
+ "Underline errors": "Souligner les erreurs",
+ "Fit page width": "Largeur de page d'ajustement",
+ "Update": "mettre à jour",
+ "Cancel": "Annuler",
+ "Insert": "Insérer",
+ "No Border": "Pas de frontière",
+ "Create a new document.": "Créez un nouveau document.",
+ "Open a document.": "Ouvrez un document.",
+ "Undo the last operation (Ctrl+Z).": "Annuler la dernière opération (Ctrl-Z).",
+ "Redo the last operation (Ctrl+Y).": "Refaites la dernière opération (Ctrl-Y).",
+ "Insert inline picture from a file.": "Insérez l'image en ligne à partir d'un fichier.",
+ "Insert a table into the document": "Insérer une table dans le document",
+ "Create a link in your document for quick access to web pages and files (Ctrl+K).": "Créez un lien dans votre document pour un accès rapide aux pages Web et aux fichiers (Ctrl-K).",
+ "Insert a bookmark in a specific place in this document.": "Insérez un signet à un endroit précis dans ce document.",
+ "Provide an overview of your document by adding a table of contents.": "Fournissez un aperçu de votre document en ajoutant un tableau de contenu.",
+ "Add or edit the header.": "Ajouter ou modifier l'en-tête.",
+ "Add or edit the footer.": "Ajouter ou modifier le pied.",
+ "Open the page setup dialog.": "Ouvrez le dialogue de configuration de page.",
+ "Add page numbers.": "Ajouter des numéros de page.",
+ "Find text in the document (Ctrl+F).": "Trouver du texte dans le document (Ctrl-F).",
+ "Toggle between the internal clipboard and system clipboard": "Basculer entre le presse-papiers interne et le presse-papiers du système. Au lieu de cela, 'lt;/br'gt; 1. Vous pouvez activer le presse-papiers interne pour couper, copier et coller dans le composant. Vous pouvez utiliser les raccourcis clavier(Ctrl-X, Ctrl-C et Ctrl-V) pour couper, copier et coller avec unpresse-papiers système.",
+ "Restrict editing.": "Restreindre l'édition.",
+ "The current page number in the document. Click or tap to navigate specific page.": "Le numéro de page actuel dans le document. Cliquez ou appuyez sur pour naviguer sur une page spécifique.",
+ "Read only": "Lire uniquement",
+ "Protections": "Protections",
+ "Error in establishing connection with web server": "Erreur dans l'établissement de la connexion avec le serveur web",
+ "Single": "Seul",
+ "Double": "Double",
+ "New comment": "Nouveau commentaire",
+ "Comments": "Commentaires"
+ }
+ },
+ "ar": {
+ "documenteditor": {
+ "Table": "الجدول",
+ "Row": "الصف",
+ "Cell": "الخليه",
+ "Ok": "موافق",
+ "Cancel": "إلغاء الأمر",
+ "Size": "حجم",
+ "Preferred Width": "العرض المفضل",
+ "Points": "نقاط",
+ "Percent": "المائه",
+ "Measure in": "القياس في",
+ "Alignment": "محاذاه",
+ "Left": "اليسار",
+ "Center": "مركز",
+ "Right": "الحق",
+ "Justify": "تبرير",
+ "Indent from left": "مسافة بادئه من اليسار",
+ "Borders and Shading": "الحدود والتظليل",
+ "Options": "خيارات",
+ "Specify height": "تحديد الارتفاع",
+ "At least": "الاقل",
+ "Exactly": "تماما",
+ "Row height is": "ارتفاع الصف هو",
+ "Allow row to break across pages": "السماح للصف بالخروج عبر الصفحات",
+ "Repeat as header row at the top of each page": "تكرار كصف راس في اعلي كل صفحه",
+ "Vertical alignment": "محاذاة عموديه",
+ "Top": "أعلى",
+ "Bottom": "اسفل",
+ "Default cell margins": "هوامش الخلية الافتراضية",
+ "Default cell spacing": "تباعد الخلايا الافتراضي",
+ "Allow spacing between cells": "السماح بالتباعد بين الخلايا",
+ "Cell margins": "هوامش الخلية",
+ "Same as the whole table": "نفس الجدول بأكمله",
+ "Borders": "الحدود",
+ "None": "اي",
+ "Style": "نمط",
+ "Width": "عرض",
+ "Height": "ارتفاع",
+ "Letter": "رساله",
+ "Tabloid": "التابلويد",
+ "Legal": "القانونيه",
+ "Statement": "بيان",
+ "Executive": "التنفيذي",
+ "A3": "A3",
+ "A4": "A4",
+ "A5": "A5",
+ "B4": "B4",
+ "B5": "B5",
+ "Custom Size": "حجم مخصص",
+ "Different odd and even": "مختلفه غريبه وحتى",
+ "Different first page": "صفحه اولي مختلفه",
+ "From edge": "من الحافة",
+ "Header": "راس",
+ "Footer": "تذييل الصفحه",
+ "Margin": "الهوامش",
+ "Paper": "الورق",
+ "Layout": "تخطيط",
+ "Orientation": "التوجه",
+ "Landscape": "المناظر الطبيعيه",
+ "Portrait": "صوره",
+ "Show page numbers": "إظهار أرقام الصفحات",
+ "Right align page numbers": "محاذاة أرقام الصفحات إلى اليمين",
+ "Nothing": "شيء",
+ "Tab leader": "قائد علامة التبويب",
+ "Show levels": "إظهار المستويات",
+ "Use hyperlinks instead of page numbers": "استخدام الارتباطات التشعبية بدلا من أرقام الصفحات",
+ "Build table of contents from": "إنشاء جدول محتويات من",
+ "Styles": "انماط",
+ "Available styles": "الأنماط المتاحة",
+ "TOC level": "مستوي جدول المحتويات",
+ "Heading": "عنوان",
+ "Heading 1": "العنوان 1",
+ "Heading 2": "العنوان 2",
+ "Heading 3": "العنوان 3",
+ "Heading 4": "العنوان 4",
+ "Heading 5": "العنوان 5",
+ "Heading 6": "العنوان 6",
+ "List Paragraph": "قائمه الفقرة",
+ "Normal": "العاديه",
+ "Outline levels": "مستويات المخطط التفصيلي",
+ "Table entry fields": "حقول إدخال الجدول",
+ "Modify": "تعديل",
+ "Color": "لون",
+ "Setting": "اعداد",
+ "Box": "مربع",
+ "All": "جميع",
+ "Custom": "المخصصه",
+ "Preview": "معاينه",
+ "Shading": "التظليل",
+ "Fill": "ملء",
+ "Apply To": "تنطبق علي",
+ "Table Properties": "خصائص الجدول",
+ "Cell Options": "خيارات الخلية",
+ "Table Options": "خيارات الجدول",
+ "Insert Table": "ادراج جدول",
+ "Number of columns": "عدد الاعمده",
+ "Number of rows": "عدد الصفوف",
+ "Text to display": "النص الذي سيتم عرضه",
+ "Address": "عنوان",
+ "Insert Hyperlink": "ادراج ارتباط تشعبي",
+ "Edit Hyperlink": "تحرير ارتباط تشعبي",
+ "Insert": "ادراج",
+ "General": "العامه",
+ "Indentation": "المسافه البادئه",
+ "Before text": "قبل النص",
+ "Special": "الخاصه",
+ "First line": "السطر الأول",
+ "Hanging": "معلقه",
+ "After text": "بعد النص",
+ "By": "من قبل",
+ "Before": "قبل",
+ "Line Spacing": "تباعد الأسطر",
+ "After": "بعد",
+ "At": "في",
+ "Multiple": "متعدده",
+ "Spacing": "تباعد",
+ "Define new Multilevel list": "تعريف قائمه متعددة الاصعده جديده",
+ "List level": "مستوي القائمة",
+ "Choose level to modify": "اختيار مستوي لتعديل",
+ "Level": "مستوي",
+ "Number format": "تنسيق الأرقام",
+ "Number style for this level": "نمط الرقم لهذا المستوي",
+ "Enter formatting for number": "إدخال تنسيق لرقم",
+ "Start at": "أبدا في",
+ "Restart list after": "أعاده تشغيل القائمة بعد",
+ "Position": "موقف",
+ "Text indent at": "المسافة البادئة للنص في",
+ "Aligned at": "محاذاة في",
+ "Follow number with": "اتبع الرقم مع",
+ "Tab character": "حرف علامة التبويب",
+ "Space": "الفضاء",
+ "Arabic": "العربية",
+ "UpRoman": "UpRoman",
+ "LowRoman": "لورومان",
+ "UpLetter": "الوصلة الصاعدة",
+ "LowLetter": "الحرف المنخفض",
+ "Number": "عدد",
+ "Leading zero": "الصفر الرئيسي",
+ "Bullet": "رصاصه",
+ "Ordinal": "الترتيبيه",
+ "Ordinal Text": "النص الترتيبي",
+ "For East": "للشرق",
+ "No Restart": "لا أعاده تشغيل",
+ "Font": "الخط",
+ "Font style": "نمط الخط",
+ "Underline style": "نمط التسطير",
+ "Font color": "لون الخط",
+ "Effects": "الاثار",
+ "Strikethrough": "يتوسطه",
+ "Superscript": "مرتفع",
+ "Subscript": "منخفض",
+ "Double strikethrough": "يتوسطه خط مزدوج",
+ "Regular": "العاديه",
+ "Bold": "جريئه",
+ "Italic": "مائل",
+ "Cut": "قطع",
+ "Copy": "نسخ",
+ "Paste": "لصق",
+ "Hyperlink": "الارتباط التشعبي",
+ "Open Hyperlink": "فتح ارتباط تشعبي",
+ "Copy Hyperlink": "نسخ ارتباط تشعبي",
+ "Remove Hyperlink": "أزاله ارتباط تشعبي",
+ "Paragraph": "الفقره",
+ "Linked(Paragraph and Character)": "مرتبط (فقره وحرف)",
+ "Character": "حرف",
+ "Merge Cells": "دمج الخلايا",
+ "Insert Above": "ادراج أعلاه",
+ "Insert Below": "تدرج أدناه",
+ "Insert Left": "ادراج إلى اليسار",
+ "Insert Right": "ادراج اليمين",
+ "Delete": "حذف",
+ "Delete Table": "حذف جدول",
+ "Delete Row": "حذف الصف",
+ "Delete Column": "حذف العمود",
+ "File Name": "اسم الملف",
+ "Format Type": "نوع التنسيق",
+ "Save": "حفظ",
+ "Navigation": "التنقل",
+ "Results": "نتائج",
+ "Replace": "استبدال",
+ "Replace All": "استبدال الكل",
+ "We replaced all": "لقد استبدلنا جميع",
+ "Find": "العثور",
+ "No matches": "لا توجد تطابقات",
+ "All Done": "جميع الإنجازات",
+ "Result": "نتيجه",
+ "of": "من",
+ "instances": "الحالات",
+ "with": "مع",
+ "Click to follow link": "انقر لمتابعه الرابط",
+ "Continue Numbering": "متابعه الترقيم",
+ "Bookmark name": "اسم الاشاره المرجعية",
+ "Close": "اغلاق",
+ "Restart At": "أعاده التشغيل في",
+ "Properties": "خصائص",
+ "Name": "اسم",
+ "Style type": "نوع النمط",
+ "Style based on": "نمط يستند إلى",
+ "Style for following paragraph": "نمط للفقرة التالية",
+ "Formatting": "التنسيق",
+ "Numbering and Bullets": "الترقيم والتعداد النقطي",
+ "Numbering": "ترقيم",
+ "Update Field": "حقل التحديث",
+ "Edit Field": "تحرير الحقل",
+ "Bookmark": "الاشاره المرجعيه",
+ "Page Setup": "اعداد الصفحة",
+ "No bookmarks found": "لم يتم العثور علي إشارات مرجعيه",
+ "Number format tooltip information": "تنسيق الرقم علي مستوي واحد: [البادئة]% [LEVELNUMBER] [اللاحقة] علي سبيل المثال ، سيعرض ' الفصل %1 ' ترقيما مثل الفصل 1. البند الفصل 2. البند ... الفصل نون-البند تنسيق عدد متعدد الاصعده: [بادئه]% [LEVELNUMBER] [لاحقه] + [بادئه]% [LEVELNUMBER] [لاحقه] علي سبيل المثال ، '%1.2. ' سيتم عرض ترقيم مثل 1.1. البند 1.2. البند ... 1. N. البند",
+ "Format": "تنسيق",
+ "Create New Style": "إنشاء نمط جديد",
+ "Modify Style": "تعديل النمط",
+ "New": "الجديد",
+ "Bullets": "الرصاص",
+ "Use bookmarks": "استخدام الإشارات المرجعية",
+ "Table of Contents": "جدول المحتويات",
+ "AutoFit": "الاحتواء",
+ "AutoFit to Contents": "احتواء تلقائي للمحتويات",
+ "AutoFit to Window": "احتواء تلقائي إلى اطار",
+ "Fixed Column Width": "عرض عمود ثابت",
+ "Reset": "اعاده تعيين",
+ "Match case": "حاله المباراة",
+ "Whole words": "كلمات كامله",
+ "Add": "اضافه",
+ "Go To": "الانتقال إلى",
+ "Search for": "ابحث عن",
+ "Replace with": "استبدال ب",
+ "TOC 1": "جدول المحتويات 1",
+ "TOC 2": "جدول المحتويات 2",
+ "TOC 3": "جدول المحتويات 3",
+ "TOC 4": "جدول المحتويات 4",
+ "TOC 5": "جدول المحتويات 5",
+ "TOC 6": "جدول المحتويات 6",
+ "TOC 7": "جدول المحتويات 7",
+ "TOC 8": "جدول المحتويات 8",
+ "TOC 9": "جدول المحتويات 9",
+ "Right-to-left": "من اليمين إلى اليسار",
+ "Left-to-right": "من اليسار إلى اليمين",
+ "Direction": "الاتجاه",
+ "Table direction": "اتجاه الجدول",
+ "Indent from right": "مسافة بادئه من اليمين",
+ "Don't add space between the paragraphs of the same styles": "عدم أضافه مسافة بين فقرات نفس الأنماط",
+ "The password don't match": "كلمه المرور لا تتطابق",
+ "Restrict Editing": "تقييد التحرير",
+ "Formatting restrictions": "قيود التنسيق",
+ "Allow formatting": "السماح بالتنسيق",
+ "Editing restrictions": "قيود التحرير",
+ "Read only": "للقراءة فقط",
+ "Exceptions (optional)": "الاستثناءات (اختياري)",
+ "Select parts of the document and choose users who are allowed to freely edit them.": "حدد أجزاء من المستند واختر المستخدمين المسموح لهم بتحريرها بحريه.",
+ "Everyone": "الجميع",
+ "More users": "المزيد من المستخدمين",
+ "Add Users": "أضافه مستخدمين",
+ "Yes, Start Enforcing Protection": "نعم ، أبدا بفرض الحماية",
+ "Start Enforcing Protection": "بدء فرض الحماية",
+ "Enter User": "ادخل المستخدم",
+ "Users": "المستخدمين",
+ "Enter new password": "ادخل كلمه مرور جديده",
+ "Reenter new password to confirm": "أعد إدخال كلمه مرور جديده للتاكيد",
+ "Your permissions": "الأذونات الخاصة بك",
+ "This document is protected from unintentional editing.You may edit in this region.": "هذا المستند محمي من التحرير غير المقصود . يمكنك التحرير في هذه المنطقة.",
+ "You may format text only with certain styles.": "يمكنك تنسيق النص فقط مع أنماط معينه.",
+ "Stop Protection": "إيقاف الحماية",
+ "Password": "كلمه المرور",
+ "Spelling Editor": "محرر الإملاء",
+ "Spelling": "الاملائي",
+ "Spell Check": "التدقيق الإملائي",
+ "Underline errors": "أخطاء التسطير",
+ "Ignore": "تجاهل",
+ "Ignore all": "تجاهل الكل",
+ "Add to Dictionary": "أضافه إلى القاموس",
+ "Change": "تغيير",
+ "Change All": "تغيير الكل",
+ "Suggestions": "اقتراحات",
+ "The password is incorrect": "كلمه المرور غير صحيحه",
+ "Error in establishing connection with web server": "خطا في تاسيس اتصال مع ملقم ويب",
+ "Highlight the regions I can edit": "تسليط الضوء علي المناطق يمكنني تحرير",
+ "Show All Regions I Can Edit": "إظهار كل المناطق التي يمكنني تحريرها",
+ "Find Next Region I Can Edit": "اعثر علي المنطقة التالية التي يمكنني تحريرها",
+ "Keep source formatting": "الاحتفاظ بتنسيق المصدر",
+ "Match destination formatting": "مطابقه تنسيق الوجهة",
+ "Text only": "النص فقط",
+ "Comments": "تعليقات",
+ "Type your comment": "اكتب تعليقك",
+ "Post": "وظيفه",
+ "Reply": "الرد",
+ "New Comment": "تعليق جديد",
+ "Edit": "تحرير",
+ "Resolve": "حل",
+ "Reopen": "فتح",
+ "No comments in this document": "لا توجد تعليقات في هذا المستند",
+ "more": "اكثر",
+ "Type your comment hear": "اكتب تعليقك الاستماع",
+ "Next Comment": "التعليق التالي",
+ "Previous Comment": "التعليق السابق",
+ "Un-posted comments": "Un-نشر التعليقات",
+ "Added comments not posted. If you continue, that comment will be discarded.": "لم يتم نشر التعليقات المضافة. إذا قمت بالمتابعة ، سيتم تجاهل هذا التعليق."
+ },
+ "documenteditorcontainer": {
+ "New": "الجديد",
+ "Open": "فتح",
+ "Undo": "التراجع عن",
+ "Redo": "اعاده",
+ "Image": "الصوره",
+ "Table": "الجدول",
+ "Link": "الارتباط",
+ "Bookmark": "الاشاره المرجعيه",
+ "Table of Contents": "جدول المحتويات",
+ "HEADING - - - - 1": "العنوان----1",
+ "HEADING - - - - 2": "العنوان----2",
+ "HEADING - - - - 3": "العنوان----3",
+ "Header": "راس",
+ "Footer": "تذييل الصفحه",
+ "Page Setup": "اعداد الصفحة",
+ "Page Number": "رقم الصفحة",
+ "Break": "كسر",
+ "Find": "العثور",
+ "Local Clipboard": "الحافظة المحلية",
+ "Restrict Editing": "تقييد التحرير",
+ "Upload from computer": "التحميل من الكمبيوتر",
+ "By URL": "حسب عنوان URL",
+ "Page Break": "فاصل الصفحات",
+ "Section Break": "فاصل المقطع",
+ "Header & Footer": "راس & تذييل",
+ "Options": "خيارات",
+ "Levels": "مستويات",
+ "Different First Page": "الصفحة الاولي المختلفة",
+ "Different header and footer for odd and even pages.": "راس وتذييل مختلف للصفحات الفردية والزوجية.",
+ "Different Odd & Even Pages": "مختلف الفردية & حتى صفحات",
+ "Different header and footer for first page.": "راس وتذييل الصفحة المختلفة للصفحة الاولي.",
+ "Position": "موقف",
+ "Header from Top": "راس من الأعلى",
+ "Footer from Bottom": "تذييل من الأسفل",
+ "Distance from top of the page to top of the header.": "المسافة من اعلي الصفحة إلى اعلي الراس.",
+ "Distance from bottom of the page to bottom of the footer.": "المسافة من أسفل الصفحة إلى أسفل التذييل.",
+ "Aspect ratio": "نسبه العرض إلى الارتفاع",
+ "W": "ث",
+ "H": "ح",
+ "Width": "عرض",
+ "Height": "ارتفاع",
+ "Text": "النص",
+ "Paragraph": "الفقره",
+ "Fill": "ملء",
+ "Fill color": "لون التعبئة",
+ "Border Style": "نمط الحدود",
+ "Outside borders": "خارج الحدود",
+ "All borders": "جميع الحدود",
+ "Inside borders": "داخل الحدود",
+ "Left border": "الحد الأيسر",
+ "Inside vertical border": "داخل الحدود العمودية",
+ "Right border": "الحدود اليمني",
+ "Top border": "الحد العلوي",
+ "Inside horizontal border": "داخل الحدود الافقيه",
+ "Bottom border": "الحد السفلي",
+ "Border color": "لون الحدود",
+ "Border width": "عرض الحدود",
+ "Cell": "الخليه",
+ "Merge cells": "دمج الخلايا",
+ "Insert / Delete": "ادراج/حذف",
+ "Insert columns to the left": "ادراج أعمده إلى اليسار",
+ "Insert columns to the right": "ادراج أعمده إلى اليمين",
+ "Insert rows above": "ادراج صفوف أعلاه",
+ "Insert rows below": "ادراج صفوف أدناه",
+ "Delete rows": "حذف الصفوف",
+ "Delete columns": "حذف الاعمده",
+ "Cell Margin": "هامش الخلية",
+ "Top": "أعلى",
+ "Bottom": "اسفل",
+ "Left": "اليسار",
+ "Right": "الحق",
+ "Align Text": "محاذاة النص",
+ "Align top": "محاذاة لاعلي",
+ "Align bottom": "محاذاة إلى الأسفل",
+ "Align center": "محاذاة المركز",
+ "Number of heading or outline levels to be shown in table of contents.": "عدد مستويات العنوان أو المخطط التفصيلي التي ستظهر في جدول المحتويات.",
+ "Show page numbers": "إظهار أرقام الصفحات",
+ "Show page numbers in table of contents.": "إظهار أرقام الصفحات في جدول المحتويات.",
+ "Right align page numbers": "محاذاة أرقام الصفحات إلى اليمين",
+ "Right align page numbers in table of contents.": "محاذاة أرقام الصفحات إلى اليمين في جدول المحتويات.",
+ "Use hyperlinks": "استخدام الارتباطات التشعبية",
+ "Use hyperlinks instead of page numbers.": "استخدام الارتباطات التشعبية بدلا من أرقام الصفحات.",
+ "Font": "الخط",
+ "Font Size": "حجم الخط",
+ "Font color": "لون الخط",
+ "Text highlight color": "لون تمييز النص",
+ "Clear all formatting": "مسح كافة التنسيقات",
+ "Bold (Ctrl+B)": "غامق (Ctrl + B)",
+ "Italic (Ctrl+I)": "مائل (Ctrl + I)",
+ "Underline (Ctrl+U)": "تسطير (Ctrl + U)",
+ "Strikethrough": "يتوسطه",
+ "Superscript (Ctrl+Shift++)": "مرتفع (Ctrl + Shift + +)",
+ "Subscript (Ctrl+=)": "منخفض (Ctrl + =)",
+ "Align left (Ctrl+L)": "محاذاة إلى اليسار (Ctrl + L)",
+ "Center (Ctrl+E)": "المركز (Ctrl + E)",
+ "Align right (Ctrl+R)": "محاذاة إلى اليمين (Ctrl + R)",
+ "Justify (Ctrl+J)": "ضبط (Ctrl + J)",
+ "Decrease indent": "إنقاص المسافة البادئة",
+ "Increase indent": "زيادة المسافة البادئة",
+ "Line spacing": "تباعد الأسطر",
+ "Bullets": "الرصاص",
+ "Numbering": "ترقيم",
+ "Styles": "انماط",
+ "Manage Styles": "أداره الأنماط",
+ "Page": "صفحه",
+ "of": "من",
+ "Fit one page": "احتواء صفحه واحده",
+ "Spell Check": "التدقيق الإملائي",
+ "Underline errors": "أخطاء التسطير",
+ "Fit page width": "احتواء عرض الصفحة",
+ "Update": "تحديث",
+ "Cancel": "إلغاء الأمر",
+ "Insert": "ادراج",
+ "No Border": "بلا حدود",
+ "Create a new document.": "إنشاء مستند جديد.",
+ "Open a document.": "افتح مستندا.",
+ "Undo the last operation (Ctrl+Z).": "التراجع عن العملية الاخيره (Ctrl + Z).",
+ "Redo the last operation (Ctrl+Y).": "أعاده العملية الاخيره (Ctrl + Y).",
+ "Insert inline picture from a file.": "ادراج صوره مضمنه من ملف.",
+ "Insert a table into the document": "ادراج جدول في المستند",
+ "Create a link in your document for quick access to web pages and files (Ctrl+K).": "إنشاء ارتباط في المستند للوصول السريع إلى صفحات الويب والملفات (Ctrl + K).",
+ "Insert a bookmark in a specific place in this document.": "ادراج اشاره مرجعيه في مكان محدد في هذا المستند.",
+ "Provide an overview of your document by adding a table of contents.": "توفير نظره عامه حول المستند عن طريق أضافه جدول محتويات.",
+ "Add or edit the header.": "أضافه الراس أو تحريره.",
+ "Add or edit the footer.": "أضافه تذييل الصفحة أو تحريره.",
+ "Open the page setup dialog.": "افتح مربع حوار اعداد الصفحة.",
+ "Add page numbers.": "أضافه أرقام الصفحات.",
+ "Find text in the document (Ctrl+F).": "البحث عن نص في المستند (Ctrl + F).",
+ "Toggle between the internal clipboard and system clipboard": "التبديل بين الحافظة الداخلية وحافظه النظام. تم رفض الوصول إلى حافظه النظام من خلال البرنامج النصي بسبب نهج أمان المستعرضات. بدلا من ذلك ، 1. يمكنك تمكين الحافظة الداخلية للقطع والنسخ واللصق داخل المكون. 2. يمكنك استخدام اختصارات لوحه المفاتيح (Ctrl + X و Ctrl + C و Ctrl + V) للقطع والنسخ واللصق مع حافظه النظام.",
+ "Restrict editing.": "تقييد التحرير.",
+ "The current page number in the document. Click or tap to navigate specific page.": "رقم الصفحة الحالي في المستند. انقر أو اضغط للانتقال إلى صفحه معينه.",
+ "Read only": "للقراءة فقط",
+ "Protections": "الحمايه",
+ "Error in establishing connection with web server": "خطا في تاسيس اتصال مع ملقم ويب",
+ "Single": "واحد",
+ "Double": "انقر نقرا مزدوجا",
+ "New comment": "تعليق جديد",
+ "Comments": "تعليقات"
+ }
+ },
+ "zh": {
+ "documenteditor": {
+ "Table": "表",
+ "Row": "行",
+ "Cell": "細胞",
+ "Ok": "還行",
+ "Cancel": "取消",
+ "Size": "大小",
+ "Preferred Width": "首選寬度",
+ "Points": "點",
+ "Percent": "百分比",
+ "Measure in": "測量在",
+ "Alignment": "對準",
+ "Left": "離開",
+ "Center": "中心",
+ "Right": "對",
+ "Justify": "證明",
+ "Indent from left": "從左縮進",
+ "Borders and Shading": "邊框和 Shading",
+ "Options": "選項",
+ "Specify height": "指定高度",
+ "At least": "至少",
+ "Exactly": "完全",
+ "Row height is": "行高度為",
+ "Allow row to break across pages": "允許行跨頁中斷",
+ "Repeat as header row at the top of each page": "在每個頁面頂部重複作為標題列",
+ "Vertical alignment": "垂直對齊",
+ "Top": "返回頁首",
+ "Bottom": "底部",
+ "Default cell margins": "預設儲存格邊距",
+ "Default cell spacing": "預設儲存格間距",
+ "Allow spacing between cells": "允許儲存格之間的間距",
+ "Cell margins": "儲存格邊距",
+ "Same as the whole table": "與整個表格相同",
+ "Borders": "邊界",
+ "None": "沒有",
+ "Style": "風格",
+ "Width": "寬度",
+ "Height": "高度",
+ "Letter": "信",
+ "Tabloid": "小報",
+ "Legal": "法律",
+ "Statement": "聲明",
+ "Executive": "行政",
+ "A3": "A3",
+ "A4": "A4",
+ "A5": "A5",
+ "B4": "B4",
+ "B5": "B5",
+ "Custom Size": "自訂大小",
+ "Different odd and even": "不同的奇數和偶數",
+ "Different first page": "不同的第一頁",
+ "From edge": "從邊緣",
+ "Header": "頭",
+ "Footer": "頁腳",
+ "Margin": "邊緣",
+ "Paper": "紙",
+ "Layout": "佈局",
+ "Orientation": "取向",
+ "Landscape": "景觀",
+ "Portrait": "肖像",
+ "Show page numbers": "顯示頁碼",
+ "Right align page numbers": "右對齊頁碼",
+ "Nothing": "什麼",
+ "Tab leader": "選項卡引線",
+ "Show levels": "顯示級別",
+ "Use hyperlinks instead of page numbers": "使用超連結而不是頁碼",
+ "Build table of contents from": "組建目錄",
+ "Styles": "風格",
+ "Available styles": "可用樣式",
+ "TOC level": "TOC 級別",
+ "Heading": "標題",
+ "Heading 1": "標題 1",
+ "Heading 2": "標題 2",
+ "Heading 3": "標題 3",
+ "Heading 4": "標題 4",
+ "Heading 5": "標題 5",
+ "Heading 6": "標題 6",
+ "List Paragraph": "清單段落",
+ "Normal": "正常",
+ "Outline levels": "大綱級別",
+ "Table entry fields": "表條目欄位",
+ "Modify": "修改",
+ "Color": "顏色",
+ "Setting": "設置",
+ "Box": "箱",
+ "All": "所有",
+ "Custom": "自 定義",
+ "Preview": "預覽",
+ "Shading": "陰影",
+ "Fill": "填補",
+ "Apply To": "適用于",
+ "Table Properties": "表屬性",
+ "Cell Options": "儲存格選項",
+ "Table Options": "表選項",
+ "Insert Table": "插入表",
+ "Number of columns": "列數",
+ "Number of rows": "行數",
+ "Text to display": "要顯示的文本",
+ "Address": "位址",
+ "Insert Hyperlink": "插入超連結",
+ "Edit Hyperlink": "編輯超連結",
+ "Insert": "插入",
+ "General": "一般",
+ "Indentation": "壓 痕",
+ "Before text": "文本之前",
+ "Special": "特殊",
+ "First line": "第一行",
+ "Hanging": "掛",
+ "After text": "文本後",
+ "By": "由",
+ "Before": "之前",
+ "Line Spacing": "行距",
+ "After": "後",
+ "At": "在",
+ "Multiple": "多個",
+ "Spacing": "間距",
+ "Define new Multilevel list": "定義新的多級清單",
+ "List level": "清單級別",
+ "Choose level to modify": "選擇要修改的級別",
+ "Level": "水準",
+ "Number format": "數位格式",
+ "Number style for this level": "此級別的數位樣式",
+ "Enter formatting for number": "輸入數位的格式",
+ "Start at": "開始于",
+ "Restart list after": "重新開機清單後",
+ "Position": "位置",
+ "Text indent at": "文本縮進處",
+ "Aligned at": "對齊于",
+ "Follow number with": "跟隨號碼",
+ "Tab character": "選項卡字元",
+ "Space": "空間",
+ "Arabic": "阿拉伯文",
+ "UpRoman": "上羅馬",
+ "LowRoman": "洛羅曼",
+ "UpLetter": "向上字母",
+ "LowLetter": "低信",
+ "Number": "數量",
+ "Leading zero": "前置字元為零",
+ "Bullet": "子彈",
+ "Ordinal": "序",
+ "Ordinal Text": "行文文本",
+ "For East": "對於東部",
+ "No Restart": "無重新開機",
+ "Font": "字體",
+ "Font style": "字體樣式",
+ "Underline style": "底線樣式",
+ "Font color": "字體顏色",
+ "Effects": "影響",
+ "Strikethrough": "罷工",
+ "Superscript": "標",
+ "Subscript": "標",
+ "Double strikethrough": "雙罷工",
+ "Regular": "定期",
+ "Bold": "大膽",
+ "Italic": "斜",
+ "Cut": "削減",
+ "Copy": "複製",
+ "Paste": "粘貼",
+ "Hyperlink": "連結",
+ "Open Hyperlink": "打開超連結",
+ "Copy Hyperlink": "複製超連結",
+ "Remove Hyperlink": "刪除超連結",
+ "Paragraph": "段",
+ "Linked(Paragraph and Character)": "連結（段落和字元）",
+ "Character": "字元",
+ "Merge Cells": "合併儲存格",
+ "Insert Above": "在上面插入",
+ "Insert Below": "插入下方",
+ "Insert Left": "向左插入",
+ "Insert Right": "向右插入",
+ "Delete": "刪除",
+ "Delete Table": "刪除表",
+ "Delete Row": "刪除行",
+ "Delete Column": "刪除列",
+ "File Name": "檔案名",
+ "Format Type": "格式類型",
+ "Save": "救",
+ "Navigation": "導航",
+ "Results": "結果",
+ "Replace": "取代",
+ "Replace All": "全部替換",
+ "We replaced all": "我們替換了所有",
+ "Find": "找到",
+ "No matches": "無匹配項",
+ "All Done": "全部完成",
+ "Result": "結果",
+ "of": "的",
+ "instances": "實例",
+ "with": "與",
+ "Click to follow link": "按一下以關注連結",
+ "Continue Numbering": "繼續編號",
+ "Bookmark name": "書簽名稱",
+ "Close": "關閉",
+ "Restart At": "重新開機時：",
+ "Properties": "性能",
+ "Name": "名字",
+ "Style type": "風格",
+ "Style based on": "樣式基於",
+ "Style for following paragraph": "以下段落的樣式",
+ "Formatting": "格式",
+ "Numbering and Bullets": "編號和專案符號",
+ "Numbering": "編號",
+ "Update Field": "更新欄位",
+ "Edit Field": "編輯",
+ "Bookmark": "書簽",
+ "Page Setup": "側設置",
+ "No bookmarks found": "未找到書簽",
+ "Number format tooltip information": "單級數位格式：[首碼]%[級別編號][SUFFIX]例如，第1章\"將編號顯示為第1章。 第2章... 第 N 章 第 n 條多級數位格式：[首碼]%_LEVEL______________________________________________sUFFIX_lt;/br>例如，\"%1.%2\"顯示編號條款1.2. 條款... 1.N.文章",
+ "Format": "格式",
+ "Create New Style": "創建新樣式",
+ "Modify Style": "更改樣式",
+ "New": "新增功能",
+ "Bullets": "球",
+ "Use bookmarks": "使用書簽",
+ "Table of Contents": "表",
+ "AutoFit": "自動擬合",
+ "AutoFit to Contents": "自動適應內容",
+ "AutoFit to Window": "自動裝配到視窗",
+ "Fixed Column Width": "固定列寬度",
+ "Reset": "重 置",
+ "Match case": "匹配案例",
+ "Whole words": "整字",
+ "Add": "添加",
+ "Go To": "轉到(G)",
+ "Search for": "搜索",
+ "Replace with": "將其替換為",
+ "TOC 1": "TOC 1",
+ "TOC 2": "TOC 2",
+ "TOC 3": "TOC 3",
+ "TOC 4": "TOC 4",
+ "TOC 5": "TOC 5",
+ "TOC 6": "TOC 6",
+ "TOC 7": "TOC 7",
+ "TOC 8": "TOC 8",
+ "TOC 9": "TOC 9",
+ "Right-to-left": "從右至左",
+ "Left-to-right": "從左至右",
+ "Direction": "方向",
+ "Table direction": "表方向",
+ "Indent from right": "從右側進入",
+ "Don't add space between the paragraphs of the same styles": "不要在相同樣式的段落之間添加距離。",
+ "The password don't match": "密碼不匹配",
+ "Restrict Editing": "限制編輯",
+ "Formatting restrictions": "格式限制",
+ "Allow formatting": "允許格式化",
+ "Editing restrictions": "編輯限制",
+ "Read only": "唯讀",
+ "Exceptions (optional)": "例外情況（可選）",
+ "Select parts of the document and choose users who are allowed to freely edit them.": "選擇文檔的某些部分，並選擇可以自由編輯它們的使用者。",
+ "Everyone": "每個",
+ "More users": "更多使用者",
+ "Add Users": "添加使用者",
+ "Yes, Start Enforcing Protection": "是，開始實施保護",
+ "Start Enforcing Protection": "開始實施保護",
+ "Enter User": "輸入使用者",
+ "Users": "使用者",
+ "Enter new password": "輸入新密碼",
+ "Reenter new password to confirm": "請重新輸入新密碼以確認此",
+ "Your permissions": "您的許可權",
+ "This document is protected from unintentional editing.You may edit in this region.": "本文檔受到保護，不受意外編輯。 您可以在此區域中進行編輯。 ",
+ "You may format text only with certain styles.": "只能使用特定樣式設置文本的格式。",
+ "Stop Protection": "停止保護",
+ "Password": "密碼",
+ "Spelling Editor": "拼寫編輯器",
+ "Spelling": "拼寫",
+ "Spell Check": "拼寫檢查器",
+ "Underline errors": "底線錯誤",
+ "Ignore": "忽略",
+ "Ignore all": "忽略所有",
+ "Add to Dictionary": "添加到字典",
+ "Change": "改變",
+ "Change All": "更改所有",
+ "Suggestions": "建議",
+ "The password is incorrect": "密碼不正確",
+ "Error in establishing connection with web server": "無法連接到 Web 服務器",
+ "Highlight the regions I can edit": "選擇可以編輯的區域",
+ "Show All Regions I Can Edit": "查看可以編輯的所有區域",
+ "Find Next Region I Can Edit": "查找可以編輯的下一個區域",
+ "Keep source formatting": "保留源格式",
+ "Match destination formatting": "匹配目標格式",
+ "Text only": "僅文本",
+ "Comments": "評論",
+ "Type your comment": "輸入您的評論",
+ "Post": "部署",
+ "Reply": "回答",
+ "New Comment": "新評論",
+ "Edit": "編輯",
+ "Resolve": "修復",
+ "Reopen": "打開",
+ "No comments in this document": "本文檔中沒有注釋",
+ "more": "更",
+ "Type your comment hear": "輸入您的評論",
+ "Next Comment": "下一個評論",
+ "Previous Comment": "上一條評論",
+ "Un-posted comments": "未發佈的注釋",
+ "Added comments not posted. If you continue, that comment will be discarded.": "添加了未發佈的注釋。如果繼續，該注釋將被丟棄。"
+ },
+ "documenteditorcontainer": {
+ "New": "新增功能",
+ "Open": "打開",
+ "Undo": "撤銷",
+ "Redo": "重新",
+ "Image": "圖像",
+ "Table": "表",
+ "Link": "連結",
+ "Bookmark": "書簽",
+ "Table of Contents": "目錄",
+ "HEADING - - - - 1": "標題 - - - - 1",
+ "HEADING - - - - 2": "標題 - - - - 2",
+ "HEADING - - - - 3": "標題 - - - - 3",
+ "Header": "頭",
+ "Footer": "頁腳",
+ "Page Setup": "版面設定",
+ "Page Number": "頁碼",
+ "Break": "打破",
+ "Find": "找到",
+ "Local Clipboard": "本地剪貼簿",
+ "Restrict Editing": "限制編輯",
+ "Upload from computer": "從電腦上傳",
+ "By URL": "按 URL",
+ "Page Break": "分頁符",
+ "Section Break": "截面中斷",
+ "Header & Footer": "頁眉和頁腳",
+ "Options": "選項",
+ "Levels": "水準",
+ "Different First Page": "不同的第一頁",
+ "Different header and footer for odd and even pages.": "不同的頁眉和頁腳為奇數和偶數頁。",
+ "Different Odd & Even Pages": "不同的奇數和偶數頁",
+ "Different header and footer for first page.": "第一頁的頁眉和頁腳不同。",
+ "Position": "位置",
+ "Header from Top": "頂部標題",
+ "Footer from Bottom": "從底部的頁腳",
+ "Distance from top of the page to top of the header.": "從頁面頂部到標題頂部的距離。",
+ "Distance from bottom of the page to bottom of the footer.": "從頁底到頁腳底部的距離。",
+ "Aspect ratio": "縱橫比",
+ "W": "W",
+ "H": "H",
+ "Width": "寬度",
+ "Height": "高度",
+ "Text": "文本",
+ "Paragraph": "段",
+ "Fill": "填補",
+ "Fill color": "填充顏色",
+ "Border Style": "邊框樣式",
+ "Outside borders": "外部邊界",
+ "All borders": "所有邊框",
+ "Inside borders": "內部邊界",
+ "Left border": "左邊框",
+ "Inside vertical border": "內部垂直邊框",
+ "Right border": "右邊框",
+ "Top border": "頂部邊框",
+ "Inside horizontal border": "內部水準邊框",
+ "Bottom border": "底部邊框",
+ "Border color": "邊框顏色",
+ "Border width": "邊框寬度",
+ "Cell": "細胞",
+ "Merge cells": "合併儲存格",
+ "Insert / Delete": "插入/刪除",
+ "Insert columns to the left": "向左插入列",
+ "Insert columns to the right": "向右插入列",
+ "Insert rows above": "在上面插入行",
+ "Insert rows below": "在下面插入行",
+ "Delete rows": "刪除行",
+ "Delete columns": "刪除列",
+ "Cell Margin": "儲存格邊距",
+ "Top": "返回頁首",
+ "Bottom": "底部",
+ "Left": "離開",
+ "Right": "對",
+ "Align Text": "對齊文本",
+ "Align top": "對齊頂部",
+ "Align bottom": "對齊底部",
+ "Align center": "對齊中心",
+ "Number of heading or outline levels to be shown in table of contents.": "要在目錄中顯示的標題或大綱級別數。",
+ "Show page numbers": "顯示頁碼",
+ "Show page numbers in table of contents.": "在目錄中顯示頁碼。",
+ "Right align page numbers": "右對齊頁碼",
+ "Right align page numbers in table of contents.": "在目錄中右對齊頁碼。",
+ "Use hyperlinks": "使用超連結",
+ "Use hyperlinks instead of page numbers.": "使用超連結而不是頁碼。",
+ "Font": "字體",
+ "Font Size": "字體大小",
+ "Font color": "字體顏色",
+ "Text highlight color": "文本高亮顯示顏色",
+ "Clear all formatting": "清除所有格式",
+ "Bold (Ctrl+B)": "粗體（Ctrl+B）",
+ "Italic (Ctrl+I)": "斜體（Ctrl_I）",
+ "Underline (Ctrl+U)": "底線 （Ctrl+U）",
+ "Strikethrough": "罷工",
+ "Superscript (Ctrl+Shift++)": "上標（Ctrl_Shift_）",
+ "Subscript (Ctrl+=)": "下標（Ctrl_）",
+ "Align left (Ctrl+L)": "向左對齊（Ctrl+L）",
+ "Center (Ctrl+E)": "中心（Ctrl+E）",
+ "Align right (Ctrl+R)": "向右對齊（Ctrl+R）",
+ "Justify (Ctrl+J)": "對齊 （Ctrl_J）",
+ "Decrease indent": "減少縮進",
+ "Increase indent": "增加縮進",
+ "Line spacing": "行距",
+ "Bullets": "子彈",
+ "Numbering": "編號",
+ "Styles": "風格",
+ "Manage Styles": "管理樣式",
+ "Page": "網頁",
+ "of": "的",
+ "Fit one page": "適合一頁",
+ "Spell Check": "拼寫檢查",
+ "Underline errors": "底線錯誤",
+ "Fit page width": "適合頁面寬度",
+ "Update": "更新",
+ "Cancel": "取消",
+ "Insert": "插入",
+ "No Border": "無邊框",
+ "Create a new document.": "創建新文檔。",
+ "Open a document.": "打開文檔。",
+ "Undo the last operation (Ctrl+Z).": "撤銷最後一個操作 （Ctrl+Z）。",
+ "Redo the last operation (Ctrl+Y).": "重做最後一個操作 （Ctrl+Y）。",
+ "Insert inline picture from a file.": "從檔中插入內聯圖片。",
+ "Insert a table into the document": "將表插入到文檔中",
+ "Create a link in your document for quick access to web pages and files (Ctrl+K).": "在文檔中創建連結以快速訪問網頁和檔 （Ctrl+K）。",
+ "Insert a bookmark in a specific place in this document.": "在此文檔中的特定位置插入書簽。",
+ "Provide an overview of your document by adding a table of contents.": "通過添加目錄來提供文檔的概述。",
+ "Add or edit the header.": "添加或編輯標頭。",
+ "Add or edit the footer.": "添加或編輯頁腳。",
+ "Open the page setup dialog.": "打開版面設定對話方塊。",
+ "Add page numbers.": "添加頁碼。",
+ "Find text in the document (Ctrl+F).": "在文檔中查找文本 （Ctrl+F）。",
+ "Toggle between the internal clipboard and system clipboard": "由於瀏覽器安全性原則，在內部剪貼簿和系統剪貼簿之間切換將被拒絕通過腳本訪問系統剪貼簿。相反， 1.您可以啟用內部剪貼簿在元件內剪切、複製和粘貼。您可以使用鍵盤快速鍵（Ctrl_X、Ctrl+C 和 Ctrl_V）使用系統剪貼簿剪切、複製和粘貼。",
+ "Restrict editing.": "限制編輯。",
+ "The current page number in the document. Click or tap to navigate specific page.": "文檔中的當前頁碼。按一下或點擊以導航特定頁面。",
+ "Read only": "唯讀",
+ "Protections": "保護",
+ "Error in establishing connection with web server": "與 Web 服務器建立連接時出錯",
+ "Single": "單",
+ "Double": "雙",
+ "New comment": "新評論",
+ "Comments": "評論"
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/document-editor/right-to-left.ts b/src/document-editor/right-to-left.ts
index 97972f7d..cdb54000 100644
--- a/src/document-editor/right-to-left.ts
+++ b/src/document-editor/right-to-left.ts
@@ -329,7 +329,26 @@ L10n.load({
'Error in establishing connection with web server': 'خطأ في تأسيس اتصال مع ملقم ويب',
'Highlight the regions I can edit': 'تسليط الضوء على المناطق التي يمكنني تحريرها',
'Show All Regions I Can Edit': 'إظهار كافة المناطق التي يمكنني تحريرها',
- 'Find Next Region I Can Edit': 'البحث عن المنطقة التالية التي يمكنني تحريرها'
+ 'Find Next Region I Can Edit': 'البحث عن المنطقة التالية التي يمكنني تحريرها',
+ 'Keep source formatting': 'الاحتفاظ بتنسيق المصدر',
+ 'Match destination formatting': 'مطابقه تنسيق الوجهة',
+ 'Text only': 'النص فقط',
+ 'Comments': 'تعليقات',
+ 'Type your comment': 'اكتب تعليقك',
+ 'Post': 'وظيفه',
+ 'Reply': 'الرد',
+ 'New Comment': 'تعليق جديد',
+ 'Edit': 'تحرير',
+ 'Resolve': 'حل',
+ 'Reopen': 'فتح',
+ 'No comments in this document': 'لا توجد تعليقات في هذا المستند',
+ 'more': 'اكثر',
+ 'Type your comment hear': 'اكتب تعليقك الاستماع',
+ 'Next Comment': 'التعليق التالي',
+ 'Previous Comment': 'التعليق السابق',
+ 'Un-posted comments': 'Un-نشر التعليقات',
+ // tslint:disable-next-line:max-line-length
+ 'Added comments not posted. If you continue, that comment will be discarded.': 'لم يتم نشر التعليقات المضافة. إذا قمت بالمتابعة ، سيتم تجاهل هذا التعليق.'
},
'documenteditorcontainer': {
'New': 'الجديد',
@@ -488,7 +507,12 @@ L10n.load({
'Stop Protection': 'إيقاف الحماية',
'Unprotect Document': 'إلغاء حماية المستند',
'Password': 'كلمه المرور',
- 'Protections': 'الحمايه'
+ 'Protections': 'الحمايه',
+ 'Error in establishing connection with web server': 'خطا في تاسيس اتصال مع ملقم ويب',
+ 'Single': 'واحد',
+ 'Double': 'انقر نقرا مزدوجا',
+ 'New comment': 'تعليق جديد',
+ 'Comments': 'تعليقات'
},
'colorpicker': {
'Apply': 'تطبيق',
diff --git a/src/document-editor/sample.json b/src/document-editor/sample.json
index 6aa469d5..969fa199 100644
--- a/src/document-editor/sample.json
+++ b/src/document-editor/sample.json
@@ -2,6 +2,7 @@
"name": "DocumentEditor",
"directory": "document-editor",
"category": "Editors",
+ "type": "update",
"hideOnDevice": true,
"ftName": "document-editor",
"samples": [
@@ -1213,6 +1214,14 @@
"name": "Document Protection",
"category": "Security",
"description": "The Document Editor provides document protection supports to restrict the types of changes can be made to the document by a user/user group."
+ },
+ {
+ "url": "comments",
+ "name": "Comments",
+ "category": "Review",
+ "type": "new",
+ "description": "The Document Editor component supports add and edit comments in a Word document for comment discussion."
}
+
]
}
\ No newline at end of file
diff --git a/src/file-manager/azure-service.ts b/src/file-manager/azure-service.ts
index 290982a6..760cd33f 100644
--- a/src/file-manager/azure-service.ts
+++ b/src/file-manager/azure-service.ts
@@ -8,10 +8,10 @@ FileManager.Inject(Toolbar, NavigationPane, DetailsView, ContextMenu);
*/
(window as any).default = (): void => {
loadCultureFiles();
- let hostUrl: string = 'https://ej2services.syncfusion.com/production/web-services/';
+ let hostUrl: string = 'https://ej2-azure-aspcore-service.azurewebsites.net/';
let fileObject: FileManager = new FileManager({
ajaxSettings: {
- url: hostUrl + 'api/AzureFileManager/AzureFileoperations',
+ url: hostUrl + 'api/AzureFileManager/AzureFileOperations',
getImageUrl: hostUrl + 'api/AzureFileManager/AzureGetImage',
uploadUrl: hostUrl + 'api/AzureFileManager/AzureUpload',
downloadUrl: hostUrl + 'api/AzureFileManager/AzureDownload'
diff --git a/src/file-manager/custom-thumbnail.ts b/src/file-manager/custom-thumbnail.ts
index 8cd346bb..0a0055ba 100644
--- a/src/file-manager/custom-thumbnail.ts
+++ b/src/file-manager/custom-thumbnail.ts
@@ -9,7 +9,7 @@ FileManager.Inject(Toolbar, NavigationPane, DetailsView, ContextMenu);
(window as any).default = (): void => {
loadCultureFiles();
- let hostUrl: string = 'https://ej2services.syncfusion.com/production/web-services/';
+ let hostUrl: string = 'https://ej2-aspcore-service.azurewebsites.net/';
let fmObj: FileManager = new FileManager({
ajaxSettings: {
url: hostUrl + 'api/FileManager/FileOperations',
diff --git a/src/file-manager/default.ts b/src/file-manager/default.ts
index 3a9fa94f..0e0fdbb6 100644
--- a/src/file-manager/default.ts
+++ b/src/file-manager/default.ts
@@ -9,7 +9,7 @@ FileManager.Inject(Toolbar, NavigationPane, DetailsView, ContextMenu);
*/
(window as any).default = (): void => {
loadCultureFiles();
- let hostUrl: string = 'https://ej2services.syncfusion.com/production/web-services/';
+ let hostUrl: string = 'https://ej2-aspcore-service.azurewebsites.net/';
let fileObject: FileManager = new FileManager({
ajaxSettings: {
url: hostUrl + 'api/FileManager/FileOperations',
diff --git a/src/file-manager/drag-drop.ts b/src/file-manager/drag-drop.ts
index 92950340..c2294ed5 100644
--- a/src/file-manager/drag-drop.ts
+++ b/src/file-manager/drag-drop.ts
@@ -8,7 +8,7 @@ FileManager.Inject(Toolbar, NavigationPane, DetailsView, ContextMenu);
*/
(window as any).default = (): void => {
loadCultureFiles();
- let hostUrl: string = 'https://ej2services.syncfusion.com/production/web-services/';
+ let hostUrl: string = 'https://ej2-aspcore-service.azurewebsites.net/';
// Initialize the FileManager component
let fileObject: FileManager = new FileManager({
ajaxSettings: {
diff --git a/src/file-manager/ftp-file-provider.html b/src/file-manager/ftp-file-provider.html
new file mode 100644
index 00000000..c2bf32ed
--- /dev/null
+++ b/src/file-manager/ftp-file-provider.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
+
This sample demonstrates how to utilize the File Transfer Protocol file system provider to manage the files in the File Manager component.
+ To run the service, create a FTP connection, and then configure the FTP details such as host name, user name, and password in the SetFTPConnection method to perform the file operations.
+
+
+
+
The File Manager component is used to explore a file system through a web application, similar to the windows explorer for windows. It supports all the basic file operations such as create, rename, delete and so on.
+
+ Note: File Manager's upload functionality is restricted in online demo. To work with upload functionality, please download ej2-ftp-aspcore-file-provider from the GitHub repository.
+
\ No newline at end of file
diff --git a/src/file-manager/ftp-file-provider.ts b/src/file-manager/ftp-file-provider.ts
new file mode 100644
index 00000000..247fd8ea
--- /dev/null
+++ b/src/file-manager/ftp-file-provider.ts
@@ -0,0 +1,21 @@
+import { loadCultureFiles } from '../common/culture-loader';
+import { FileManager, Toolbar, NavigationPane, DetailsView, ContextMenu } from '@syncfusion/ej2-filemanager';
+
+FileManager.Inject(Toolbar, NavigationPane, DetailsView, ContextMenu);
+
+/**
+ * File Manager sample with File Transfer Protocol
+ */
+(window as any).default = (): void => {
+ loadCultureFiles();
+ let hostUrl: string = 'https://ej2-ftp-aspcore-service.azurewebsites.net/';
+ let fileObject: FileManager = new FileManager({
+ ajaxSettings: {
+ url: hostUrl + 'api/FTPProvider/FTPFileOperations',
+ getImageUrl: hostUrl + 'api/FTPProvider/FTPGetImage',
+ uploadUrl: hostUrl + 'api/FTPProvider/FTPUpload',
+ downloadUrl: hostUrl + 'api/FTPProvider/FTPDownload'
+ }
+ });
+ fileObject.appendTo('#ftpFilemanager');
+};
\ No newline at end of file
diff --git a/src/file-manager/overview.ts b/src/file-manager/overview.ts
index 6d737f45..d7bc375d 100644
--- a/src/file-manager/overview.ts
+++ b/src/file-manager/overview.ts
@@ -8,7 +8,7 @@ FileManager.Inject(Toolbar, NavigationPane, DetailsView, ContextMenu);
*/
(window as any).default = (): void => {
loadCultureFiles();
- let hostUrl: string = 'https://ej2services.syncfusion.com/production/web-services/';
+ let hostUrl: string = 'https://ej2-aspcore-service.azurewebsites.net/';
let fileObject: FileManager = new FileManager({
ajaxSettings: {
url: hostUrl + 'api/FileManager/FileOperations',
diff --git a/src/file-manager/sample.json b/src/file-manager/sample.json
index 73b6dba6..eba8a09a 100644
--- a/src/file-manager/sample.json
+++ b/src/file-manager/sample.json
@@ -51,7 +51,6 @@
"url": "sql-server-provider",
"name": "SQL Database Provider",
"category": "Cloud Service Providers",
- "type": "new",
"api": { "FileManager": ["ajaxSettings", "view"] },
"description": "This example demonstrates how to configure and use the sql server database service in a JavaScript (TypeScript) File Manager."
},
@@ -59,7 +58,6 @@
"url": "nodejs-file-provider",
"name": "NodeJS File Provider",
"category": "Cloud Service Providers",
- "type": "new",
"api": { "FileManager": ["ajaxSettings", "view"] },
"description": "This example demonstrates how to configure and use the nodejs file provider service in a JavaScript (TypeScript) File Manager."
},
@@ -67,7 +65,6 @@
"url": "amazon-s3-provider",
"name": "Amazon S3 File Provider",
"category": "Cloud Service Providers",
- "type": "new",
"api": { "FileManager": ["ajaxSettings", "view"] },
"description": "This example demonstrates how to configure and use the Amazon S3 provider service in a JavaScript (TypeScript) File Manager."
},
@@ -75,9 +72,16 @@
"url": "firebase",
"name": "Firebase Realtime File Provider",
"category": "Cloud Service Providers",
- "type": "new",
"api": { "FileManager": ["ajaxSettings", "view"] },
"description": "This example demonstrates how to configure and use the firebase realtime database service in a JavaScript (TypeScript) File Manager."
+ },
+ {
+ "url": "ftp-file-provider",
+ "name": "FTP File Provider",
+ "category": "Cloud Service Providers",
+ "type": "new",
+ "api": { "FileManager": ["ajaxSettings", "view"] },
+ "description": "This example demonstrates how to configure and use the File Transfer Protocol in a JavaScript (TypeScript) File Manager."
}
]
}
\ No newline at end of file
diff --git a/src/file-manager/usecase.ts b/src/file-manager/usecase.ts
index 44ff21ad..5f7264e1 100644
--- a/src/file-manager/usecase.ts
+++ b/src/file-manager/usecase.ts
@@ -35,7 +35,7 @@ FileManager.Inject(Toolbar, NavigationPane, DetailsView);
});
dialogObj.appendTo('#dialog');
- let hostUrl: string = 'https://ej2services.syncfusion.com/production/web-services/';
+ let hostUrl: string = 'https://ej2-aspcore-service.azurewebsites.net/';
let contextmenuItems: string[] = ['Open', '|', 'Cut', 'Copy', 'Delete', 'Rename', '|', 'Details'];
// Initialize the FileManager component
diff --git a/src/form-validator/external-submit.ts b/src/form-validator/external-submit.ts
index 8104afa8..6d9fad35 100644
--- a/src/form-validator/external-submit.ts
+++ b/src/form-validator/external-submit.ts
@@ -44,7 +44,7 @@ import { Uploader, NumericTextBox } from '@syncfusion/ej2-inputs';
let formStatus: Boolean = formObj.validate();
if (formStatus) {
formObj.element.reset();
- resume.remove();
+ resume.clearAll();
confirm.show();
}
};
diff --git a/src/gantt/baseline.html b/src/gantt/baseline.html
index d60dbea1..fd23ad93 100644
--- a/src/gantt/baseline.html
+++ b/src/gantt/baseline.html
@@ -32,23 +32,20 @@
-
This sample visualizes the complete service schedule for a car.
- Baselines are enabled to view the deviation between the planned dates and actual dates
+
This sample visualizes the complete service schedule for a car.Baselines are enabled to view the deviation between the planned dates and actual dates
The baseline feature enables the user to view the deviation between the planned dates and the actual dates of
the tasks in a project. Baselines can be enabled in Gantt chart by enabling the renderBaseline
- property along
- with mapping the data source values for baselineStartDate and baselineEndDate
- properties.
- The baseline will appear for all type of tasks in the project such as child tasks, parent tasks and also for
+ property along with mapping the data source values for baselineStartDate and baselineEndDate
+ properties.The baseline will appear for all type of tasks in the project such as child tasks, parent tasks and also for
milestones. You can change the color for the baselines using baselineColor property.
Injecting Module:
- Gantt component features are segregated into individual feature-wise modules. To use a selection, inject the
+ Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
Selection module using the Gantt.Inject(Selection) method.
diff --git a/src/gantt/column-menu.html b/src/gantt/column-menu.html
new file mode 100644
index 00000000..cecade35
--- /dev/null
+++ b/src/gantt/column-menu.html
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+
+
This sample demonstrates the default functionalities of the column menu. Click on multiple icon of each column to open the column menu.
+
+
+
+
+ Gantt has an option to show column menu while clicking multiple icon of each column. The column menu has an integrated option to interact with the features such as sorting, filtering, column chooser, and autoFit.
+ This feature can be enabled by setting showColumnMenu to true.
+ The default items are,
+
+
+
+
SortAscending - Sorts the current column in ascending order.
+
SortDescending - Sorts the current column in descending order.
+
AutoFit - Auto-fit current column.
+
AutoFitAll - Auto-fit all columns.
+
ColumnChooser - Chooses the column visibility.
+
Filter - Filters the current column.
+
+
+
+
+ In this demo, the column menu feature is enabled by setting showColumnMenu to true with sorting, filtering, column chooser, and autoFit options.
+
+
Injecting Module:
+
+ Gantt features are segregated into individual feature-wise modules. To use Column Menu feature, we need to inject
+ ColumnMenu module using the Gantt.Inject(ColumnMenu) section.
+
+
+
+ More information about column menu can be found in this documentation section.
+
This sample demonstrates the usage of template columns in Gantt.
+ In this sample, we have shown custom images in the Resources column.
+
+
+
+
+
+ The Gantt provides a way to use a custom layout for each cell using the column template feature. The columns -> template property accepts either string or HTML element`s ID value,
+ which will be used as the template for the cell.
+
+
+ In this demo, using column template, resource column has been presented with employee photo,
+ and the columns -> template is assigned with the ID of a SCRIPT element whose content is used as the template.
+
+
The template expression should be provided inside ${...} interpolation syntax
+
+ More information about Column Template can be found in this documentation section.
+
This sample demonstrates the various phases involved in constructing a residential house, from testing
- the soil to handing over the fully constructed property to the owner. This also demonstrates the usage of default and custom context menu in Gantt component.
+ the soil to handing over the fully constructed property to the owner. This also demonstrates the usage of default and custom context menu in Gantt control.
Gantt has an option to show the context menu while performing right click on it. You can configure the default and custom menu items in the context menu using the contextMenuItems property.
- Each menu item will be displayed contextually based on its target. In this demo we have rendered following default and custom menu items
+ Each menu item will be displayed contextually based on its target. In this demo we have rendered following default and custom menu items
Default items:
@@ -30,7 +30,7 @@
SortAscending - Sort the current column in ascending order.
SortDescending - Sort the current column in descending order.
DeleteDependency - Delete the dependency of the current record.
-
Convert - Convert the normal task in to milestone task and vice versa.
+
Convert - Convert the normal task into milestone task and vice versa.
Add
Above - Add a new row above the selected row
diff --git a/src/gantt/contextMenu.ts b/src/gantt/contextMenu.ts
index 4045697a..56c37e83 100644
--- a/src/gantt/contextMenu.ts
+++ b/src/gantt/contextMenu.ts
@@ -3,12 +3,28 @@ import { loadCultureFiles } from '../common/culture-loader';
import { Gantt, Edit, Selection, Toolbar, DayMarkers, ContextMenuItem, ContextMenu, Resize, Sort,
ContextMenuOpenEventArgs, ContextMenuClickEventArgs, IGanttData } from '@syncfusion/ej2-gantt';
import { ItemModel } from '@syncfusion/ej2-navigations';
+import { EmitType } from '@syncfusion/ej2-base';
import { editingData, editingResources } from './data-source';
/**
* Context menu in Gantt sample
*/
Gantt.Inject(Edit, Selection, Toolbar, DayMarkers, ContextMenu, Resize, Sort);
+let contextMenuOpen: EmitType = (args?: ContextMenuOpenEventArgs) => {
+ let record: IGanttData = args.rowData;
+ if (args.type !== 'Header') {
+ if (!record.hasChildRecords) {
+ args.hideItems.push('Collapse the Row');
+ args.hideItems.push('Expand the Row');
+ } else {
+ if (record.expanded) {
+ args.hideItems.push('Expand the Row');
+ } else {
+ args.hideItems.push('Collapse the Row');
+ }
+ }
+ }
+};
(window as any).default = (): void => {
loadCultureFiles();
let contextMenuItems: (string | ItemModel)[] = ['AutoFitAll', 'AutoFit', 'TaskInformation', 'DeleteTask', 'Save', 'Cancel',
@@ -32,6 +48,17 @@ Gantt.Inject(Edit, Selection, Toolbar, DayMarkers, ContextMenu, Resize, Sort);
notes: 'info',
resourceInfo: 'resources'
},
+ columns: [
+ { field: 'TaskID', width: 50 },
+ { field: 'TaskName', headerText: 'Job Name', width: '250', clipMode: 'EllipsisWithTooltip' },
+ { field: 'StartDate' },
+ { field: 'EndDate' },
+ { field: 'Duration' },
+ { field: 'Progress' },
+ { field: 'Predecessor' },
+ { field: 'resources' },
+ { field: 'info' },
+ ],
editSettings: {
allowAdding: true,
allowEditing: true,
@@ -39,6 +66,9 @@ Gantt.Inject(Edit, Selection, Toolbar, DayMarkers, ContextMenu, Resize, Sort);
allowTaskbarEditing: true,
showDeleteConfirmDialog: true
},
+ splitterSettings: {
+ columnIndex: 2
+ },
allowResizing: true,
allowSorting: true,
enableContextMenu: true,
@@ -52,21 +82,7 @@ Gantt.Inject(Edit, Selection, Toolbar, DayMarkers, ContextMenu, Resize, Sort);
gantt.expandByID(Number(record.ganttProperties.taskId));
}
},
- contextMenuOpen: (args?: ContextMenuOpenEventArgs) => {
- let record: IGanttData = args.rowData;
- if (args.type !== 'Header') {
- if (!record.hasChildRecords) {
- args.hideItems.push('Collapse the Row');
- args.hideItems.push('Expand the Row');
- } else {
- if (record.expanded) {
- args.hideItems.push('Expand the Row');
- } else {
- args.hideItems.push('Collapse the Row');
- }
- }
- }
- },
+ contextMenuOpen: contextMenuOpen,
toolbar: ['Add', 'Edit', 'Update', 'Delete', 'Cancel', 'ExpandAll', 'CollapseAll'],
allowSelection: true,
gridLines: 'Both',
diff --git a/src/gantt/data-source.ts b/src/gantt/data-source.ts
index ac66b459..73a1713a 100644
--- a/src/gantt/data-source.ts
+++ b/src/gantt/data-source.ts
@@ -22,10 +22,11 @@ export let projectNewData: Object[] = [
Indicators: [
{
'date': '04/10/2019',
- 'name': '#briefing',
- 'title': 'Product concept breifing',
+ 'name': 'Design Phase',
+ 'tooltip': 'Design phase completed',
+ 'iconClass': 'okIcon e-icons'
}
- ]
+ ],
},
{
TaskID: 6,
@@ -56,10 +57,11 @@ export let projectNewData: Object[] = [
Indicators: [
{
'date': '04/20/2019',
- 'name': '#meeting',
- 'title': '1st board of directors meeting',
+ 'name': 'Research completed',
+ 'tooltip': 'Research completed',
+ 'iconClass': 'description e-icons'
}
- ]
+ ],
}
]
},
@@ -113,19 +115,19 @@ export let projectNewData: Object[] = [
{ TaskID: 26, TaskName: 'CAM computer-aided manufacturing', StartDate: new Date('04/04/2019'), Duration: 3, Predecessor: '25' },
{
TaskID: 27, TaskName: 'Design complete', StartDate: new Date('04/04/2019'), Duration: 0, Predecessor: '26',
- Indicators: [
- {
- 'date': '05/18/2019',
- 'name': '#meeting',
- 'title': '2nd board of directors meeting',
- }
- ]
}
]
},
{ TaskID: 28, TaskName: 'Prototype testing', StartDate: new Date('04/04/2019'), Duration: 4, Progress: 30, Predecessor: '27' },
- { TaskID: 29, TaskName: 'Include feedback', StartDate: new Date('04/04/2019'), Duration: 4, Predecessor: '28ss' },
+ { TaskID: 29, TaskName: 'Include feedback', StartDate: new Date('04/04/2019'), Duration: 4, Predecessor: '28ss', Indicators: [
+ {
+ 'date': '05/24/2019',
+ 'name': 'Production phase',
+ 'tooltip': 'Production phase completed',
+ 'iconClass': 'okIcon e-icons'
+ }
+ ], },
{ TaskID: 30, TaskName: 'Manufacturing', StartDate: new Date('04/04/2019'), Duration: 5, Progress: 30, Predecessor: '28,29' },
{ TaskID: 31, TaskName: 'Assembling materials to finsihed goods', StartDate: new Date('04/04/2019'), Duration: 5, Predecessor: '30' },
{
@@ -156,7 +158,15 @@ export let projectNewData: Object[] = [
},
{
TaskID: 37, TaskName: 'Address any unforeseen issues', StartDate: new Date('04/04/2019'),
- Duration: 4, Progress: 30, Predecessor: '36ss'
+ Duration: 4, Progress: 30, Predecessor: '36ss',
+ Indicators: [
+ {
+ 'date': '06/21/2019',
+ 'name': 'Sales and marketing',
+ 'tooltip': 'Sales and marketing',
+ 'iconClass': 'description e-icons'
+ }
+ ],
}
]
},
@@ -175,6 +185,49 @@ export let projectNewData: Object[] = [
}
];
+export let templateData: Object[] = [
+ {
+ TaskID: 1,
+ TaskName: 'Product concept',
+ StartDate: new Date('04/02/2019'),
+ EndDate: new Date('04/21/2019'),
+ subtasks: [
+ { TaskID: 2, TaskName: 'Defining the product and its usage', StartDate: new Date('04/02/2019'),
+ Duration: 3, Progress: 30, resources: [2] },
+ { TaskID: 3, TaskName: 'Defining target audience', StartDate: new Date('04/02/2019'),
+ Duration: 3, resources: [3]},
+ { TaskID: 4, TaskName: 'Prepare product sketch and notes', StartDate: new Date('04/02/2019'),
+ Duration: 2, Predecessor: '2', Progress: 30, resources: [4] }]
+ },
+ {
+ TaskID: 5, TaskName: 'Concept approval', StartDate: new Date('04/02/2019'), Duration: 0, Predecessor: '3,4', resources: [1]
+ },
+ {
+ TaskID: 6,
+ TaskName: 'Market research',
+ StartDate: new Date('04/02/2019'),
+ EndDate: new Date('04/21/2019'),
+ subtasks: [
+ {
+ TaskID: 7,
+ TaskName: 'Demand analysis',
+ StartDate: new Date('04/04/2019'),
+ EndDate: new Date('04/21/2019'),
+ subtasks: [
+ { TaskID: 8, TaskName: 'Customer strength', StartDate: new Date('04/04/2019'),
+ Duration: 4, Predecessor: '5', Progress: 30, resources: [5] },
+ { TaskID: 9, TaskName: 'Market opportunity analysis', StartDate: new Date('04/04/2019'),
+ Duration: 4, Predecessor: '5', resources: [6] }
+ ]
+ },
+ { TaskID: 10, TaskName: 'Competitor analysis', StartDate: new Date('04/04/2019'),
+ Duration: 4, Predecessor: '7, 8', Progress: 30, resources: [4] },
+ { TaskID: 11, TaskName: 'Product strength analsysis', StartDate: new Date('04/04/2019'),
+ Duration: 4, Predecessor: '9', resources: [8] },
+ ]
+ }
+];
+
export let zoomingData: Object[] = [
{
TaskID: 1,
@@ -1400,3 +1453,271 @@ export let unscheduledData: Object[] = [
TaskId: 4, TaskName: 'Task 4', EndDate: new Date('01/08/2019'), TaskType: 'Task with end date only'
},
];
+
+export let tooltipData: object[] = [
+ {
+ TaskID: 1,
+ TaskName: 'Project initiation',
+ StartDate: new Date('04/02/2019'),
+ EndDate: new Date('04/21/2019'),
+ subtasks: [
+ {
+ TaskID: 2, TaskName: 'Identify site location', StartDate: new Date('04/02/2019'), Duration: 0,
+ Progress: 30, resources: [1], info: 'Measure the total property area alloted for construction',
+ BaselineStartDate: new Date('04/02/2019'), BaselineEndDate: new Date('04/02/2019')
+ },
+ {
+ TaskID: 3, TaskName: 'Perform soil test', StartDate: new Date('04/02/2019'), Duration: 4, Predecessor: '2',
+ resources: [2], info: 'Obtain an engineered soil test of lot where construction is planned.' +
+ 'From an engineer or company specializing in soil testing', BaselineStartDate: new Date('04/01/2019'),
+ BaselineEndDate: new Date('04/04/2019')
+ },
+ {
+ TaskID: 4, TaskName: 'Soil test approval', StartDate: new Date('04/02/2019'), Duration: 0, Predecessor: '3', Progress: 30,
+ BaselineStartDate: new Date('04/06/2019'), BaselineEndDate: new Date('04/06/2019')
+ },
+
+ ]
+ },
+ {
+ TaskID: 5,
+ TaskName: 'Project estimation',
+ StartDate: new Date('04/02/2019'),
+ EndDate: new Date('04/21/2019'),
+ subtasks: [
+ {
+ TaskID: 6, TaskName: 'Develop floor plan for estimation', StartDate: new Date('04/04/2019'),
+ Duration: 3, Predecessor: '4', Progress: 30, resources: 4,
+ info: 'Develop floor plans and obtain a materials list for estimations',
+ BaselineStartDate: new Date('04/05/2019'), BaselineEndDate: new Date('04/07/2019')
+ },
+ {
+ TaskID: 7, TaskName: 'List materials', StartDate: new Date('04/04/2019'),
+ Duration: 3, Predecessor: '6', resources: [4], info: '',
+ BaselineStartDate: new Date('04/09/2019'), BaselineEndDate: new Date('04/12/2019')
+ },
+ {
+ TaskID: 8, TaskName: 'Estimation approval', StartDate: new Date('04/04/2019'),
+ Duration: 0, Predecessor: '7', resources: [12], info: '',
+ BaselineStartDate: new Date('04/16/2019'), BaselineEndDate: new Date('04/16/2019')
+ }
+ ]
+ },
+ {
+ TaskID: 9, TaskName: 'Sign contract', StartDate: new Date('04/04/2019'), Duration: 1,
+ Predecessor: '8', Progress: 30, resources: [12],
+ info: 'If required obtain approval from HOA (homeowners association) or ARC (architectural review committee)',
+ BaselineStartDate: new Date('04/16/2019'), BaselineEndDate: new Date('04/17/2019')
+ },
+ {
+ TaskID: 10,
+ TaskName: 'Project approval and kick off',
+ StartDate: new Date('04/04/2019'),
+ EndDate: new Date('04/21/2019'),
+ Duration: 0,
+ Predecessor: '9',
+ BaselineStartDate: new Date('04/17/2019'), BaselineEndDate: new Date('04/17/2019')
+ },
+ {
+ TaskID: 11,
+ TaskName: 'Site work',
+ StartDate: new Date('04/04/2019'),
+ EndDate: new Date('04/21/2019'),
+ subtasks: [
+ {
+ TaskID: 12, TaskName: 'Clear the building site', StartDate: new Date('04/04/2019'),
+ Duration: 2, Progress: 30, Predecessor: '9',
+ info: 'Clear the building site (demolition of existing home if necessary)',
+ BaselineStartDate: new Date('04/16/2019'), BaselineEndDate: new Date('04/18/2019')
+ },
+ {
+ TaskID: 13, TaskName: 'Install temporary power service', StartDate: new Date('04/04/2019'),
+ Duration: 2, Predecessor: '12', info: '',
+ BaselineStartDate: new Date('04/17/2019'), BaselineEndDate: new Date('04/19/2019')
+ },
+ ]
+ }
+];
+
+export let selfData: object[] = [
+ {
+ taskID: 1,
+ taskName: 'Project Schedule',
+ startDate: new Date('02/04/2019'),
+ endDate: new Date('03/10/2019')
+ },
+ {
+ taskID: 2,
+ taskName: 'Planning',
+ startDate: new Date('02/04/2019'),
+ endDate: new Date('02/10/2019'),
+ parentID: 1
+ },
+ {
+ taskID: 3,
+ taskName: 'Plan timeline',
+ startDate: new Date('02/04/2019'),
+ endDate: new Date('02/10/2019'),
+ duration: 6,
+ progress: '60',
+ parentID: 2
+ },
+ {
+ taskID: 4,
+ taskName: 'Plan budget',
+ startDate: new Date('02/04/2019'),
+ endDate: new Date('02/10/2019'),
+ duration: 6,
+ progress: '90',
+ parentID: 2
+ },
+ {
+ taskID: 5,
+ taskName: 'Allocate resources',
+ startDate: new Date('02/04/2019'),
+ endDate: new Date('02/10/2019'),
+ duration: 6,
+ progress: '75',
+ parentID: 2
+ },
+ {
+ taskID: 6,
+ taskName: 'Planning complete',
+ startDate: new Date('02/06/2019'),
+ endDate: new Date('02/10/2019'),
+ duration: 0,
+ predecessor: '3FS,4FS,5FS',
+ parentID: 2
+ },
+ {
+ taskID: 7,
+ taskName: 'Design',
+ startDate: new Date('02/13/2019'),
+ endDate: new Date('02/17/2019'),
+ parentID: 1,
+ },
+ {
+ taskID: 8,
+ taskName: 'Software Specification',
+ startDate: new Date('02/13/2019'),
+ endDate: new Date('02/15/2019'),
+ duration: 3,
+ progress: '60',
+ predecessor: '6FS',
+ parentID: 7,
+ },
+ {
+ taskID: 9,
+ taskName: 'Develop prototype',
+ startDate: new Date('02/13/2019'),
+ endDate: new Date('02/15/2019'),
+ duration: 3,
+ progress: '100',
+ predecessor: '6FS',
+ parentID: 7,
+ },
+ {
+ taskID: 10,
+ taskName: 'Get approval from customer',
+ startDate: new Date('02/16/2019'),
+ endDate: new Date('02/17/2019'),
+ duration: 2,
+ progress: '100',
+ predecessor: '9FS',
+ parentID: 7,
+ },
+ {
+ taskID: 11,
+ taskName: 'Design complete',
+ startDate: new Date('02/17/2019'),
+ endDate: new Date('02/17/2019'),
+ duration: 0,
+ predecessor: '10FS',
+ parentID: 7,
+ }
+];
+
+export let labelData: object[] = [
+ {
+ TaskID: 1,
+ TaskName: 'Project initiation',
+ StartDate: new Date('04/02/2019'),
+ EndDate: new Date('04/21/2019'),
+ subtasks: [
+ {
+ TaskID: 2, TaskName: 'Identify site location', StartDate: new Date('04/02/2019'), Duration: 0,
+ Progress: 30, resources: [1], info: 'Measure the total property area alloted for construction',
+ BaselineStartDate: new Date('04/02/2019'), BaselineEndDate: new Date('04/02/2019')
+ },
+ {
+ TaskID: 3, TaskName: 'Perform soil test', StartDate: new Date('04/02/2019'), Duration: 4, Predecessor: '2',
+ resources: [2, 3, 5], info: 'Obtain an engineered soil test of lot where construction is planned.' +
+ 'From an engineer or company specializing in soil testing', BaselineStartDate: new Date('04/01/2019'),
+ BaselineEndDate: new Date('04/04/2019')
+ },
+ {
+ TaskID: 4, TaskName: 'Soil test approval', StartDate: new Date('04/02/2019'), Duration: 0, Predecessor: '3', Progress: 30,
+ BaselineStartDate: new Date('04/06/2019'), BaselineEndDate: new Date('04/06/2019')
+ },
+
+ ]
+ },
+ {
+ TaskID: 5,
+ TaskName: 'Project estimation',
+ StartDate: new Date('04/02/2019'),
+ EndDate: new Date('04/21/2019'),
+ subtasks: [
+ {
+ TaskID: 6, TaskName: 'Develop floor plan for estimation', StartDate: new Date('04/04/2019'),
+ Duration: 3, Predecessor: '4', Progress: 30, resources: 4,
+ info: 'Develop floor plans and obtain a materials list for estimations',
+ BaselineStartDate: new Date('04/05/2019'), BaselineEndDate: new Date('04/07/2019')
+ },
+ {
+ TaskID: 7, TaskName: 'List materials', StartDate: new Date('04/04/2019'),
+ Duration: 3, Predecessor: '6', resources: [4, 8], info: '',
+ BaselineStartDate: new Date('04/09/2019'), BaselineEndDate: new Date('04/12/2019')
+ },
+ {
+ TaskID: 8, TaskName: 'Estimation approval', StartDate: new Date('04/04/2019'),
+ Duration: 0, Predecessor: '7', resources: [12, 5], info: '',
+ BaselineStartDate: new Date('04/16/2019'), BaselineEndDate: new Date('04/16/2019')
+ }
+ ]
+ },
+ {
+ TaskID: 9, TaskName: 'Sign contract', StartDate: new Date('04/04/2019'), Duration: 1,
+ Predecessor: '8', Progress: 30, resources: [12],
+ info: 'If required obtain approval from HOA (homeowners association) or ARC (architectural review committee)',
+ BaselineStartDate: new Date('04/16/2019'), BaselineEndDate: new Date('04/17/2019')
+ },
+ {
+ TaskID: 10,
+ TaskName: 'Project approval and kick off',
+ StartDate: new Date('04/04/2019'),
+ EndDate: new Date('04/21/2019'),
+ Duration: 0,
+ Predecessor: '9',
+ BaselineStartDate: new Date('04/17/2019'), BaselineEndDate: new Date('04/17/2019')
+ },
+ {
+ TaskID: 11,
+ TaskName: 'Site work',
+ StartDate: new Date('04/04/2019'),
+ EndDate: new Date('04/21/2019'),
+ subtasks: [
+ {
+ TaskID: 12, TaskName: 'Clear the building site', StartDate: new Date('04/04/2019'),
+ Duration: 2, Progress: 30, Predecessor: '9',
+ info: 'Clear the building site (demolition of existing home if necessary)',
+ BaselineStartDate: new Date('04/16/2019'), BaselineEndDate: new Date('04/18/2019')
+ },
+ {
+ TaskID: 13, TaskName: 'Install temporary power service', StartDate: new Date('04/04/2019'),
+ Duration: 2, Predecessor: '12', info: '',
+ BaselineStartDate: new Date('04/17/2019'), BaselineEndDate: new Date('04/19/2019')
+ },
+ ]
+ },
+];
\ No newline at end of file
diff --git a/src/gantt/default.html b/src/gantt/default.html
index 45e3db89..11894443 100644
--- a/src/gantt/default.html
+++ b/src/gantt/default.html
@@ -6,8 +6,7 @@
-
This sample visualizes the various phases involved in the manufacturing process of a product, which transforms from a
- conceptual model to a sellable product.
+
This sample visualizes the various phases involved in the manufacturing process of a product, which transforms from a conceptual model to a sellable product.
@@ -22,8 +21,7 @@
Injecting Module:
- Gantt component features are segregated into individual feature-wise modules. To use a selection, inject the
- Selection module using the Gantt.Inject(Selection) method. To use markers, inject the
- DayMarkers module using the Gantt.Inject(DayMarkers) method.
+ Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method.
\ No newline at end of file
diff --git a/src/gantt/default.ts b/src/gantt/default.ts
index 85d5b405..f2033fcb 100644
--- a/src/gantt/default.ts
+++ b/src/gantt/default.ts
@@ -1,19 +1,18 @@
import { loadCultureFiles } from '../common/culture-loader';
-import { Gantt, Selection, DayMarkers } from '@syncfusion/ej2-gantt';
+import { Gantt, Selection } from '@syncfusion/ej2-gantt';
import { projectNewData } from './data-source';
/**
* Default Gantt sample
*/
-Gantt.Inject(Selection, DayMarkers);
+Gantt.Inject(Selection);
(window as any).default = (): void => {
loadCultureFiles();
let gantt: Gantt = new Gantt(
{
dataSource: projectNewData,
height: '450px',
- highlightWeekends: true,
taskFields: {
id: 'TaskID',
name: 'TaskName',
@@ -27,21 +26,6 @@ Gantt.Inject(Selection, DayMarkers);
labelSettings: {
leftLabel: 'TaskName'
},
- eventMarkers: [
- {
- day: new Date('04/09/2019'),
- label: 'Research phase'
- }, {
- day: new Date('04/30/2019'),
- label: 'Design phase'
- }, {
- day: new Date('05/23/2019'),
- label: 'Production phase'
- }, {
- day: new Date('06/20/2019'),
- label: 'Sales and marketing phase'
- }
- ],
projectStartDate: new Date('03/24/2019'),
projectEndDate: new Date('07/06/2019')
});
diff --git a/src/gantt/drag-and-drop.html b/src/gantt/drag-and-drop.html
new file mode 100644
index 00000000..d5a88643
--- /dev/null
+++ b/src/gantt/drag-and-drop.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+
This sample demonstrates the Gantt component with the row drag and drop feature. You can rearrange the gantt rows by using drag icon in left side of gantt column. Here you can perform drag and drop the gantt rows in to required position.
+
+
+
+
Row drag and drop feature can be enabled by settting allowRowDragAndDrop property as true.
+
Injecting Module:
+
+ Gantt features are segregated into individual feature-wise modules. To use row, drag and drop feature we need to inject RowDD and Edit modules using the Gantt.Inject(RowDD, Edit) section.
+
+
\ No newline at end of file
diff --git a/src/gantt/drag-and-drop.ts b/src/gantt/drag-and-drop.ts
new file mode 100644
index 00000000..710fd063
--- /dev/null
+++ b/src/gantt/drag-and-drop.ts
@@ -0,0 +1,50 @@
+import { loadCultureFiles } from '../common/culture-loader';
+import { Gantt, Selection, RowDD, Edit } from '@syncfusion/ej2-gantt';
+import { projectNewData } from './data-source';
+
+/**
+ * Drag and Drop Gantt sample
+ */
+
+Gantt.Inject(Selection, RowDD, Edit);
+(window as any).default = (): void => {
+ loadCultureFiles();
+ let gantt: Gantt = new Gantt(
+ {
+ dataSource: projectNewData,
+ height: '450px',
+ allowRowDragAndDrop: true,
+ treeColumnIndex: 1,
+ splitterSettings: {
+ columnIndex: 3
+ },
+ selectionSettings: {
+ type: 'Multiple'
+ },
+ columns: [
+ { field: 'TaskID', headerText: 'ID', width: 80 },
+ { field: 'TaskName', headerText: 'Name', width: 250 },
+ { field: 'StartDate' },
+ { field: 'EndDate' },
+ { field: 'Duration' },
+ { field: 'Progress' },
+ { field: 'Predecessor', headerText: 'Dependency' }
+ ],
+ taskFields: {
+ id: 'TaskID',
+ name: 'TaskName',
+ startDate: 'StartDate',
+ endDate: 'EndDate',
+ duration: 'Duration',
+ progress: 'Progress',
+ dependency: 'Predecessor',
+ child: 'subtasks'
+ },
+ labelSettings: {
+ leftLabel: 'TaskName'
+ },
+ projectStartDate: new Date('03/24/2019'),
+ projectEndDate: new Date('07/06/2019')
+ });
+ gantt.appendTo('#DragAndDrop');
+};
diff --git a/src/gantt/editing.html b/src/gantt/editing.html
index 27cd4c0a..28a9f007 100644
--- a/src/gantt/editing.html
+++ b/src/gantt/editing.html
@@ -13,36 +13,30 @@
handing over the fully constructed property to the owner. This also demonstrates CRUD operations in a Gantt chart.
You can perform CRUD operations as follows,
Add - To add new task, click Add toolbar button
-
Edit - To edit a task, double click a row or double click a taskbar or click toolbar Edit
- button after
- selected a row
+
Edit - To edit a task, double click a row or double click a taskbar or click toolbar Edit button after selected a row
Delete - To delete a task, click toolbar Delete button after selected a row
-
Update,Cancel - You can save or discard changes by click toolbar Update and Cancel button
- respectively
+
Update,Cancel - You can save or discard changes by click toolbar Update and Cancel button respectively
- This CRUD operations can be configured in Gantt chart using editSettings and
- allowTaskbarEditing. Gantt chart
- has two modes to manipulate the datasource
-
Normal
+ This CRUD operations can be configured in Gantt chart using editSettings and allowTaskbarEditing.
+ Gantt chart has two modes to manipulate the datasource
Auto
+
Dialog
In this demo, Auto mode is enabled for editing. On the TreeGrid side, you can start editing any row
- by double
- clicking on it or clicking on toolbar’s Edit button, then the currently selected row will be changed to edited
+ by double clicking on it or clicking on toolbar’s Edit button, then the currently selected row will be changed to edited
state. On the chart side, you can edit the tasks using edit dialog by double clicking on the taskbars and you
can edit the dependency connector lines using drag and drop action with connector line points available on the
either side of taskbar.
Injecting Module:
- Gantt component features are segregated into individual feature-wise modules. To use editing feature, inject the
+ Gantt control features are segregated into individual feature-wise modules. To use editing feature, inject the
Edit module using the Gantt.Inject(Edit) method. To use a selection, inject the
Selection module using the Gantt.Inject(Selection) method, and use a sort by injecting the Sort
- module using
- the Gantt.Inject(Sort) method. To use markers, inject the
+ module using the Gantt.Inject(Sort) method. To use markers, inject the
DayMarkers module using the Gantt.Inject(DayMarkers) method.
\ No newline at end of file
diff --git a/src/gantt/editing.ts b/src/gantt/editing.ts
index ba9c0545..5ddbe426 100644
--- a/src/gantt/editing.ts
+++ b/src/gantt/editing.ts
@@ -74,6 +74,9 @@ Gantt.Inject(Edit, Selection, Toolbar, DayMarkers);
{ type: 'Resources' },
{ type: 'Notes' },
],
+ splitterSettings: {
+ columnIndex: 2
+ },
projectStartDate: new Date('03/25/2019'),
projectEndDate: new Date('07/28/2019')
});
diff --git a/src/gantt/event-markers.html b/src/gantt/event-markers.html
new file mode 100644
index 00000000..ad5ffb10
--- /dev/null
+++ b/src/gantt/event-markers.html
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+
+
+
This sample visualizes how to notify the important dates in the project timeline.
+
+
+
+ In this example, the eventMarkers are used like a bookmark to show the different stages of the project life cycle. You can show the desired text on the date. The Event Markers model has the below properties to customize the marker:
+
cssClass: Used to assign external CSS styles to that particular marker.
+
day: Used to set date of the event marker.
+
label: The desired text can be shown on the vertical line using this property.
+
+
Injecting Module:
+
+ Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method. To use markers, inject the
+ DayMarkers module using the Gantt.Inject(DayMarkers) method.
+
+
\ No newline at end of file
diff --git a/src/gantt/event-markers.ts b/src/gantt/event-markers.ts
new file mode 100644
index 00000000..e49d0c1a
--- /dev/null
+++ b/src/gantt/event-markers.ts
@@ -0,0 +1,51 @@
+import { loadCultureFiles } from '../common/culture-loader';
+import { Gantt, Selection, DayMarkers } from '@syncfusion/ej2-gantt';
+import { projectNewData } from './data-source';
+
+/**
+ * Default Gantt sample
+ */
+
+Gantt.Inject(Selection, DayMarkers);
+(window as any).default = (): void => {
+ loadCultureFiles();
+ let gantt: Gantt = new Gantt(
+ {
+ dataSource: projectNewData,
+ height: '450px',
+ highlightWeekends: true,
+ taskFields: {
+ id: 'TaskID',
+ name: 'TaskName',
+ startDate: 'StartDate',
+ endDate: 'EndDate',
+ duration: 'Duration',
+ progress: 'Progress',
+ dependency: 'Predecessor',
+ child: 'subtasks'
+ },
+ labelSettings: {
+ leftLabel: 'TaskName'
+ },
+ eventMarkers: [
+ {
+ day: new Date('04/02/2019'),
+ }, {
+ day: new Date('04/09/2019'),
+ label: 'Research phase'
+ }, {
+ day: new Date('04/30/2019'),
+ label: 'Design phase'
+ }, {
+ day: new Date('05/23/2019'),
+ label: 'Production phase'
+ }, {
+ day: new Date('06/20/2019'),
+ label: 'Sales and marketing phase'
+ }
+ ],
+ projectStartDate: new Date('03/24/2019'),
+ projectEndDate: new Date('07/06/2019')
+ });
+ gantt.appendTo('#EventMarkers');
+};
diff --git a/src/gantt/events.html b/src/gantt/events.html
new file mode 100644
index 00000000..67d836b8
--- /dev/null
+++ b/src/gantt/events.html
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
This sample demonstrates all the events that occur on all the Gantt operations with the help of Event Trace panel.
+
+
+
+
The Gantt triggers events based on its actions. The events can be used as an extension point to perform custom operations.
+
In this demo, perform Gantt actions such as load, created, dataBound, toolbarClick, beforeTooltipRender, actionBegin, actionComplete, cellEdit,
+ endEdit, taskbarEditing, taskbarEdited, rowSelecting, rowSelected, rowDeselecting, rowDeselected, columnDragStart, columnDrag,
+ columnDrop, expanding, expanded, collapsing, collapsed, columnMenuClick, columnMenuOpen, contextMenuClick, contextMenuOpen, resizeStart,
+ resizing, resizeStop, splitterResizeStart, splitterResizing, splitterResized, recordDoubleClick, onTaskbarClick and
+ see the Event Trace panel for the events emitted.
+
+
Injecting Module:
+
+ Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method.To use a sorting, inject the
+ Sort module using the Gantt.Inject(Sort) method.To reorder column, inject the
+ Reorder module using the Gantt.Inject(Reorder) method.To resize column width, inject the
+ Resize module using the Gantt.Inject(Resize) method.To use a contextmenu, inject the
+ Contextmenu module using the Gantt.Inject(Contextmenu) method.To use a columnmenu, inject the
+ ColumnMenu module using the Gantt.Inject(ColumnMenu) method.To use a toolbar, inject the
+ Toolbar module using the Gantt.Inject(Toolbar) method.To use a edit, inject the
+ Edit module using the Gantt.Inject(Edit) method.To use markers, inject the
+ DayMarkers module using the Gantt.Inject(DayMarkers) method.
+
The filtering feature enables the user to view reduced amount of records based on filter criteria. The column
menu filtering can be enabled by setting allowFiltering property as true and toolbar
- search box can
- be enabled
- by including the search item in the toolbar property.
+ search box can be enabled by including the search item in the toolbar property.
Gantt chart also provides support for a set of filtering modes with hierarchyMode property. The
- below are the
- type of filter mode available in Gantt chart.
-
Parent - This is the default filter hierarchy mode in Gantt chart. The filtered records are
- displayed with its
- parent records, if the filtered records not have any parent record then the filtered record alone will be
- displayed.
-
Child - The filtered records are displayed with its child record, if the filtered records do
- not have any
- child record then only the filtered records are displayed.
-
Both - The filtered records are displayed with its both parent and child record. If the
- filtered records do
- not have any parent and child record then only the filtered records are displayed.
+ below are the type of filter mode available in Gantt chart.
+
Parent - This is the default filter hierarchy mode in Gantt chart. The filtered records are displayed with its parent records, if the filtered records not have any parent record then the filtered record alone will be displayed.
+
Child - The filtered records are displayed with its child record, if the filtered records do not have any child record then only the filtered records are displayed.
+
Both - The filtered records are displayed with its both parent and child record. If the filtered records do not have any parent and child record then only the filtered records are displayed.
None - Only the filtered records are displayed.
Injecting Module:
- Gantt component features are segregated into individual feature-wise modules. To use filtering feature, we need
+ Gantt control features are segregated into individual feature-wise modules. To use filtering feature, we need
to inject Filter using the Gantt.Inject(Filter) method, and use a toolbar by injecting
- the Toolbar
- module using
- the Gantt.Inject(Toolbar) method. To use a selection, inject the
+ the Toolbar module using the Gantt.Inject(Toolbar) method. To use a selection, inject the
Selection module using the Gantt.Inject(Selection) method
\ No newline at end of file
diff --git a/src/gantt/grid-lines.html b/src/gantt/grid-lines.html
new file mode 100644
index 00000000..ff430559
--- /dev/null
+++ b/src/gantt/grid-lines.html
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Grid Lines
+
+
+
+
+
+
+
+
+
+
+
+
+
This sample demonstrates the visibility of Gantt lines that separate the rows and columns.In this sample, you can change the gridlines from the property panel.
+
+
+
+
+ The gridLines property is used to control the visibility of line that separates the rows and columns.
+ Gantt allows us to display the following grid lines:
+
+
+
None - Shows no line.
+
Both - Shows both horizontal and vertical lines.
+
Horizontal - Shows the horizontal line.
+
Vertical - Shows the vertical line.
+
+
In this demo, you can modify the visibility of gridlines by selecting values in dropdown.
+
+
Injecting Module:
+
Gantt control features are segregated into individual feature-wise modules.To use a selection, inject the Selection module using the Gantt.Inject(Selection)
+ method.To use markers, inject the DayMarkers module using the Gantt.Inject(DayMarkers) method.
This sample demonstrates the Gantt header template feature. In this sample, custom icons have been shown in the column headers.
+
+
+
+
+ The Gantt provides a way to define a custom element in header element. The columns -> headerTemplate property accepts either string or HTML element`s ID value,
+ which will be used as the template for the header cell.
+
+
In this demo, we have rendered the customized template for all column headers.
+
More information about the header template can be found in documentation section.
This sample visualizes how to define the holidays in between the project timeline.
+
+
+
+
+ In this example, holidays are displayed with vertical bar with the desired text using the label property. You can also mention the continuous holidays by specifying the from and to range. For single holiday, you can define from value alone. Holidays are defined as an array of object collection, so that we can display more than one holiday in the project.
+
+
+ You can even assign the cssClass to each holiday to change the default color of label and background.
+
+
Injecting Module:
+
+ Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method. To use markers, inject the
+ DayMarkers module using the Gantt.Inject(DayMarkers) method.
+
+
\ No newline at end of file
diff --git a/src/gantt/holidays.ts b/src/gantt/holidays.ts
new file mode 100644
index 00000000..e4e1a93a
--- /dev/null
+++ b/src/gantt/holidays.ts
@@ -0,0 +1,49 @@
+import { loadCultureFiles } from '../common/culture-loader';
+import { Gantt, Selection, DayMarkers } from '@syncfusion/ej2-gantt';
+import { projectNewData } from './data-source';
+
+/**
+ * Default Gantt sample
+ */
+
+Gantt.Inject(Selection, DayMarkers);
+(window as any).default = (): void => {
+ loadCultureFiles();
+ let gantt: Gantt = new Gantt(
+ {
+ dataSource: projectNewData,
+ height: '450px',
+ highlightWeekends: true,
+ taskFields: {
+ id: 'TaskID',
+ name: 'TaskName',
+ startDate: 'StartDate',
+ endDate: 'EndDate',
+ duration: 'Duration',
+ progress: 'Progress',
+ dependency: 'Predecessor',
+ child: 'subtasks'
+ },
+ labelSettings: {
+ leftLabel: 'TaskName'
+ },
+ holidays: [
+ {
+ from: new Date('04/04/2019'),
+ to: new Date('04/04/2019'),
+ label: 'Local Holiday'
+ }, {
+ from: new Date('04/19/2019'),
+ to: new Date('04/19/2019'),
+ label: 'Good Friday'
+ }, {
+ from: new Date('04/30/2019'),
+ to: new Date('04/30/2019'),
+ label: 'Release Holiday'
+ },
+ ],
+ projectStartDate: new Date('03/24/2019'),
+ projectEndDate: new Date('07/06/2019')
+ });
+ gantt.appendTo('#Holidays');
+};
diff --git a/src/gantt/images/Construction Supervisor.png b/src/gantt/images/Construction Supervisor.png
new file mode 100644
index 00000000..10e7eb52
Binary files /dev/null and b/src/gantt/images/Construction Supervisor.png differ
diff --git a/src/gantt/images/Davolio Fuller.png b/src/gantt/images/Davolio Fuller.png
new file mode 100644
index 00000000..fe4423da
Binary files /dev/null and b/src/gantt/images/Davolio Fuller.png differ
diff --git a/src/gantt/images/Duration.png b/src/gantt/images/Duration.png
new file mode 100644
index 00000000..6ca8d2d9
Binary files /dev/null and b/src/gantt/images/Duration.png differ
diff --git a/src/gantt/images/Fuller King.png b/src/gantt/images/Fuller King.png
new file mode 100644
index 00000000..119e48aa
Binary files /dev/null and b/src/gantt/images/Fuller King.png differ
diff --git a/src/gantt/images/Jack Davolio.png b/src/gantt/images/Jack Davolio.png
new file mode 100644
index 00000000..d6cfdb25
Binary files /dev/null and b/src/gantt/images/Jack Davolio.png differ
diff --git a/src/gantt/images/Margaret Buchanan.png b/src/gantt/images/Margaret Buchanan.png
new file mode 100644
index 00000000..b9b01f09
Binary files /dev/null and b/src/gantt/images/Margaret Buchanan.png differ
diff --git a/src/gantt/images/Martin Tamer.png b/src/gantt/images/Martin Tamer.png
new file mode 100644
index 00000000..6022e750
Binary files /dev/null and b/src/gantt/images/Martin Tamer.png differ
diff --git a/src/gantt/images/Progress.png b/src/gantt/images/Progress.png
new file mode 100644
index 00000000..e32ce269
Binary files /dev/null and b/src/gantt/images/Progress.png differ
diff --git a/src/gantt/images/Resources.png b/src/gantt/images/Resources.png
new file mode 100644
index 00000000..243936b5
Binary files /dev/null and b/src/gantt/images/Resources.png differ
diff --git a/src/gantt/images/Rose Fuller.png b/src/gantt/images/Rose Fuller.png
new file mode 100644
index 00000000..c06e9877
Binary files /dev/null and b/src/gantt/images/Rose Fuller.png differ
diff --git a/src/gantt/images/Start date.png b/src/gantt/images/Start date.png
new file mode 100644
index 00000000..def2617b
Binary files /dev/null and b/src/gantt/images/Start date.png differ
diff --git a/src/gantt/images/Task name.png b/src/gantt/images/Task name.png
new file mode 100644
index 00000000..0a6a14f6
Binary files /dev/null and b/src/gantt/images/Task name.png differ
diff --git a/src/gantt/images/Van Jack.png b/src/gantt/images/Van Jack.png
new file mode 100644
index 00000000..10e7eb52
Binary files /dev/null and b/src/gantt/images/Van Jack.png differ
diff --git a/src/gantt/indicators.html b/src/gantt/indicators.html
new file mode 100644
index 00000000..6681a23b
--- /dev/null
+++ b/src/gantt/indicators.html
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+
+
+
This sample visualizes how to mention special moment in any mentioned day for a particular task with different icon and label.
+
+
+
+
+ In this example, indicators are displayed with some custom text in specified day of task, which are defined in dataSource. You can define the indicators with the following properties for tasks:
+
date: Defines the date value to where we want to display the indicators.
+
iconClass : Defines the icon to highlight the indicator.
+
name: Defines text to be displayed in the mentioned date.
+
tooltip: The text to be displayed when hover the mouse over the indicator.
+
+
Injecting Module:
+
+ Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method. To use markers, inject the
+ DayMarkers module using the Gantt.Inject(DayMarkers) method.
+
+
+
\ No newline at end of file
diff --git a/src/gantt/indicators.ts b/src/gantt/indicators.ts
new file mode 100644
index 00000000..18166c8c
--- /dev/null
+++ b/src/gantt/indicators.ts
@@ -0,0 +1,35 @@
+import { loadCultureFiles } from '../common/culture-loader';
+import { Gantt, Selection, DayMarkers } from '@syncfusion/ej2-gantt';
+import { projectNewData } from './data-source';
+
+/**
+ * Default Gantt sample
+ */
+
+Gantt.Inject(Selection, DayMarkers);
+(window as any).default = (): void => {
+ loadCultureFiles();
+ let gantt: Gantt = new Gantt(
+ {
+ dataSource: projectNewData,
+ height: '450px',
+ highlightWeekends: true,
+ taskFields: {
+ id: 'TaskID',
+ name: 'TaskName',
+ startDate: 'StartDate',
+ endDate: 'EndDate',
+ duration: 'Duration',
+ progress: 'Progress',
+ dependency: 'Predecessor',
+ child: 'subtasks',
+ indicators: 'Indicators'
+ },
+ labelSettings: {
+ leftLabel: 'TaskName'
+ },
+ projectStartDate: new Date('03/24/2019'),
+ projectEndDate: new Date('07/06/2019')
+ });
+ gantt.appendTo('#Indicators');
+};
diff --git a/src/gantt/keyboard-interactions.html b/src/gantt/keyboard-interactions.html
new file mode 100644
index 00000000..2f3a9362
--- /dev/null
+++ b/src/gantt/keyboard-interactions.html
@@ -0,0 +1,238 @@
+
+
+
+
+
+
+
+
+
+
+
+ Keys
+
+
+ Description
+
+
+
+
+ Home
+
+
+ First Row Selection
+
+
+
+
+ End
+
+
+ Last Row Selection
+
+
+
+
+ DownArrow
+
+
+ Move Row Selection Down
+
+
+
+
+ UpArrow
+
+
+ Move Row Selection Up
+
+
+
+
+ Ctrl + UpArrow
+
+
+ Collapse All
+
+
+
+
+ Ctrl + DownArrow
+
+
+ Expand All
+
+
+
+
+ Ctrl + Shift + UpArrow
+
+
+ Collapse Row
+
+
+
+
+ Ctrl + Shift + DownArrow
+
+
+ Expand Row
+
+
+
+
+ Enter
+
+
+ Save Request
+
+
+
+
+ Esc
+
+
+ Cancel Request
+
+
+
+
+ Insert
+
+
+ Add Record
+
+
+
+
+ Ctrl + Insert
+
+
+ Add Record By Dialog
+
+
+
+
+ Ctrl + F2
+
+
+ Edit Record By Dialog
+
+
+
+
+ Delete
+
+
+ Delete Row
+
+
+
+
+ Ctrl + Shift + F
+
+
+ Focus Search TextBox
+
+
+
+
+ Shift + F5
+
+
+ Focus Task
+
+
+
+
+
+
+
This demo showcases the keyboard shortcuts applicable on Gantt and also lists out in below descriptions, and this demo also explains how those applicable shortcuts interacts with Gantt actions.
+
+
+
+
+
+ All the Gantt actions can be controlled via keyboard keys and are availed using the allowKeyboard property, which is set to true by default. The applicable key combinations and their relative functionalities are listed below.
+
+
Injecting Module:
+
+ Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method.To use a toolbar, inject
+ the Toolbar module using the Gantt.Inject(Toolbar) method.To use a edit, inject the
+ Edit module using the Gantt.Inject(Edit) method.To use markers, inject the
+ DayMarkers module using the Gantt.Inject(DayMarkers) method.
+
This demo shows the way of binding an array of JavaScript objects (local JSON datasource) to Gantt.
+
+
+
+
Gantt can be bound either to local or remote data services.The dataSource property can be assigned either with the array of JavaScript objects or an instance of DataManager.
+
In this demo, an array of JavaScript objects is assigned as data source to the Gantt.
+
Injecting Module:
+
+ Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method.To use markers, inject the
+ DayMarkers module using the Gantt.Inject(DayMarkers) method.
+
This sample demonstrates the way of binding data to Gantt chart with a remote service. The Gantt chart data source
- is bound to remote data using the DataManager. The data in this sample shows the various phases of barley
- harvesting.
+ is bound to remote data using the DataManager. The data in this sample shows the various phases of barley harvesting.
@@ -23,26 +22,20 @@
The DataManager, which will act as an interface between the service endpoint and the Gantt chart, will require
the below minimal information to interact with service endpoint properly.
DataManager->url - Defines the service endpoint to fetch data
-
DataManager->adaptor - Defines the adaptor option. By default, ODataAdaptor is used for remote
- binding.
+
DataManager->adaptor - Defines the adaptor option. By default, ODataAdaptor is used for remote binding.
Adaptor is responsible for processing response and request from/to the service endpoint.
- @syncfusion/ej2-data
- package provides some predefined adaptors which are designed to interact with particular service endpoints. They
- are,
-
UrlAdaptor - Use this to interact any remote services. This is the base adaptor for all remote
- based adaptors.
+ @syncfusion/ej2-data package provides some predefined adaptors which are designed to interact with particular service endpoints. They are,
+
UrlAdaptor - Use this to interact any remote services. This is the base adaptor for all remote based adaptors.
ODataAdaptor - Use this to interact with OData endpoints.
ODataV4Adaptor - Use this to interact with OData V4 endpoints.
WebApiAdaptor - Use this to interact with Web API created under OData standards.
WebMethodAdaptor - Use this to interact with web methods.
- In this demo, remote data is bound by assigning service data as an instance of DataManager to the
- dataSource
- property.
+ In this demo, remote data is bound by assigning service data as an instance of DataManager to the dataSource property.
More information on the data binding can be found in this documentation section.
Injecting Module:
- Gantt component features are segregated into individual feature-wise modules. To use a selection, inject the
+ Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
Selection module using the Gantt.Inject(Selection) method
\ No newline at end of file
diff --git a/src/gantt/reorder.html b/src/gantt/reorder.html
new file mode 100644
index 00000000..7fde724d
--- /dev/null
+++ b/src/gantt/reorder.html
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+
+
+
+
+
+
Column
+
+
+
+
+
+
+
+
+
+
Column Position
+
+
+
+
+
+
+
+
+
+
+
+
This sample demonstrates the reordering feature of the Gantt columns. Select column name and index from properties panel to reorder the columns.
+ You can also reorder columns by simply dragging and dropping them to the desired position.
+
+
+
+
+
Reordering can be enabled by setting the allowReordering property to true.
+ Reordering can be done by dragging and dropping the column header from one index to another index within the TreeGrid part.
+
The location in which the column to be placed will be indicated by two arrows symbols.
+
In this demo, you can either reorder columns by dragging and dropping or by selecting column name and column index from dropdown to reorder the columns.
+
+
Injecting Module:
+
+ Gantt features are segregated into individual feature-wise modules.
+ To use reordering feature, we need to inject Reorder module using Gantt.Inject(Reorder) method.
+
+
+
+ More information about column reordering can be found in this documentation section.
+
This sample demonstrates the Gantt column resizing feature. Click and drag at the right corner of each column header to resize the column.
+
+
+
+
The Gantt columns can be resized by clicking and dragging at the right corner of columns header. Set the allowResizing property to true to enable column resizing behavior in Gantt.
+ You can also prevent the resize of a particular column
+ by setting columns -> allowResizing to false in columns definition
+
+
+
In this demo, the allowResizing feature has been enabled by setting the allowResizing property to true.
+ Task Name column can be resized between a range of minWidth (120 pixels) and maxWidth (300 pixels).
+ The column resizing has been disabled in the Duration column
+
+
Injecting Module:
+
+ Gantt features are segregated into individual feature-wise modules. To use resize feature, we need to inject
+ Resize module using the Gantt.Inject(Resize) section.
+
+
+
+ More information about Column column Resizing resizing can be found in this documentation section.
+
This sample demonstrates the options to allocate one or more resources to tasks based on the task requirement.
+
+
+
+
+ In this example, you can see how to allocate single or multiple resources for the task. Based on the task complexity and the resource availability, you can plan and allocate the resources to task in the project. In this demo, there is a set of predefined resources and those IDs are assigned to the task. Resource information can be shown in Gantt chart by using the labelSettings property.
+
+
Injecting Module:
+
+ Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method. To use markers, inject the
+ DayMarkers module using the Gantt.Inject(DayMarkers) method.
+
+
\ No newline at end of file
diff --git a/src/gantt/resources.ts b/src/gantt/resources.ts
new file mode 100644
index 00000000..02f50bde
--- /dev/null
+++ b/src/gantt/resources.ts
@@ -0,0 +1,55 @@
+import { loadCultureFiles } from '../common/culture-loader';
+
+import { Gantt, Selection, DayMarkers } from '@syncfusion/ej2-gantt';
+import { editingData, editingResources } from './data-source';
+
+/**
+ * Editing Gantt sample
+ */
+Gantt.Inject(Selection, DayMarkers);
+(window as any).default = (): void => {
+ loadCultureFiles();
+ let gantt: Gantt = new Gantt(
+ {
+ dataSource: editingData,
+ dateFormat: 'MMM dd, y',
+ taskFields: {
+ id: 'TaskID',
+ name: 'TaskName',
+ startDate: 'StartDate',
+ endDate: 'EndDate',
+ duration: 'Duration',
+ progress: 'Progress',
+ dependency: 'Predecessor',
+ child: 'subtasks',
+ notes: 'info',
+ resourceInfo: 'resources'
+ },
+ allowSelection: true,
+ height: '450px',
+ treeColumnIndex: 1,
+ resourceNameMapping: 'resourceName',
+ resourceIDMapping: 'resourceId',
+ resources: editingResources,
+ highlightWeekends: true,
+ columns: [
+ { field: 'TaskID', width: 60 },
+ { field: 'TaskName', headerText: 'Job Name', width: '150', clipMode: 'EllipsisWithTooltip' },
+ { field: 'resources', width: '250' },
+ { field: 'StartDate' },
+ { field: 'Duration' },
+ { field: 'Progress' },
+ { field: 'Predecessor' }
+ ],
+ labelSettings: {
+ leftLabel: 'TaskName',
+ rightLabel: 'resources'
+ },
+ splitterSettings: {
+ columnIndex: 3
+ },
+ projectStartDate: new Date('03/25/2019'),
+ projectEndDate: new Date('07/28/2019')
+ });
+ gantt.appendTo('#resource');
+};
diff --git a/src/gantt/sample.json b/src/gantt/sample.json
index f943ff53..bab268cb 100644
--- a/src/gantt/sample.json
+++ b/src/gantt/sample.json
@@ -3,7 +3,7 @@
"directory": "gantt",
"category": "Calendars",
"ftName": "gantt",
- "type": "new",
+ "type": "update",
"samples": [
{
"url": "default",
@@ -16,15 +16,35 @@
"height",
"highlightWeekends",
"eventMarkers",
- "labelSettings"
- ]
+ "labelSettings"
+ ]
},
"description": "This example demonstrates the simple Gantt chart with summary task, child tasks, milestone tasks, dependencies with event markers of project"
},
+ {
+ "url": "local-data",
+ "name": "Local Data",
+ "category": "Data Binding",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "height",
+ "taskFields",
+ "columns",
+ "treeColumnIndex",
+ "allowSelection",
+ "highlightWeekends",
+ "labelSettings",
+ "projectStartDate",
+ "projectEndDate"
+ ]
+ },
+ "description": "This example demonstrates the way of binding local data to Gantt chart with an array of JavaScript objects."
+ },
{
"url": "remote-data",
"name": "Remote Data",
- "category": "Gantt",
+ "category": "Data Binding",
"api": {
"Gantt": [
"dataSource",
@@ -44,6 +64,222 @@
},
"description": "This sample demonstrates the way of binding data to Gantt chart with remote service. The Gantt chart data source is bound to remote data using DataManager."
},
+ {
+ "url": "self-reference-data",
+ "name": "Self Reference Data",
+ "category": "Data Binding",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "height",
+ "taskFields",
+ "columns",
+ "treeColumnIndex",
+ "allowSelection",
+ "highlightWeekends",
+ "labelSettings",
+ "projectStartDate",
+ "projectEndDate"
+ ]
+ },
+ "description": "This example demonstrates the way of binding self-referential flat data with parentID to the Gantt chart."
+ },
+ {
+ "url": "work-week",
+ "name": "Workweek",
+ "category": "Scheduling Concepts",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "taskFields",
+ "height",
+ "highlightWeekends",
+ "workWeek",
+ "labelSettings"
+ ]
+ },
+ "description": "This sample demonstrates the way to bind the customizable array of working days in a week for project."
+ },
+ {
+ "url": "working-time-range",
+ "name": "Working Time Range",
+ "category": "Scheduling Concepts",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "taskFields",
+ "treeColumnIndex",
+ "height",
+ "projectStartDate",
+ "projectEndDate",
+ "highlightWeekends",
+ "timelineSettings",
+ "dayWorkingTime"
+ ]
+ },
+ "description": "This example demonstrates how to customize the working time of a day for the whole project. We can define working time in different intervals."
+ },
+
+ {
+ "url": "holidays",
+ "name": "Holidays",
+ "category": "Scheduling Concepts",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "taskFields",
+ "treeColumnIndex",
+ "height",
+ "projectStartDate",
+ "projectEndDate",
+ "holidays"
+ ]
+ },
+ "description": "This example demonstrates how to define holidays in the project, which should be considered while calculating the duration and on rendering taskbars."
+ },
+ {
+ "url": "resources",
+ "name": "Resource Allocation",
+ "category": "Scheduling Concepts",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "taskFields",
+ "treeColumnIndex",
+ "height",
+ "projectStartDate",
+ "projectEndDate",
+ "resourceIDMapping",
+ "resourceNameMapping",
+ "resources",
+ "resourceInfo"
+ ]
+ },
+ "description": "This example demonstrates how to allocate available resources to the task based on their skills and availability"
+ },
+ {
+ "url": "event-markers",
+ "name": "Event Markers",
+ "category": "Scheduling Concepts",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "taskFields",
+ "treeColumnIndex",
+ "height",
+ "projectStartDate",
+ "projectEndDate",
+ "eventMarkers"
+ ]
+ },
+ "description": "This example demonstrates how to highlight the different stages in the project development cycle just like bookmark."
+ },
+ {
+ "url": "indicators",
+ "name": "Indicators",
+ "category": "Scheduling Concepts",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "taskFields",
+ "treeColumnIndex",
+ "height",
+ "projectStartDate",
+ "projectEndDate",
+ "indicators"
+ ]
+ },
+ "description": "This example demonstrates how to highlight some important details of tasks on specified date in the project with the label and icons."
+ },
+ {
+ "url": "baseline",
+ "name": "Baseline",
+ "category": "Scheduling Concepts",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "renderBaseline",
+ "taskFields",
+ "columns",
+ "treeColumnIndex",
+ "allowSelection",
+ "includeWeekend",
+ "timelineSettings",
+ "tooltipSettings",
+ "durationUnit",
+ "dateFormat",
+ "dayWorkingTime",
+ "height",
+ "projectStartDate",
+ "projectEndDate"
+ ]
+ },
+ "description": "Baselines are enabled to view the deviation between the planned dates of tasks and actual progress of task dates"
+ },
+ {
+ "url": "unscheduled-tasks",
+ "name": "Unscheduled Tasks",
+ "category": "Scheduling Concepts",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "taskFields",
+ "editSettings",
+ "toolbar",
+ "height",
+ "labelSettings",
+ "allowUnscheduledTasks",
+ "projectStartDate",
+ "projectEndDate",
+ "toolbarClick",
+ "splitterSettings",
+ "columns"
+ ]
+ },
+ "description": "This example demonstrates the unscheduled tasks in Gantt with custom toolbar item and dynamic add support."
+ },
+ {
+ "url": "timeline",
+ "name": "Timeline API",
+ "category": "Timeline",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "taskFields",
+ "treeColumnIndex",
+ "height",
+ "projectStartDate",
+ "projectEndDate",
+ "highlightWeekends",
+ "resourceNameMapping",
+ "resourceIDMapping",
+ "resources",
+ "timelineSettings",
+ "splitterSettings",
+ "treeColumnIndex",
+ "labelSettings",
+ "eventMarkers"
+ ]
+ },
+ "description": "This example demonstrates the various timeline mode options and properties available to customize the timeline in Gantt"
+ },
+ {
+ "url": "zooming",
+ "name": "Zooming",
+ "category": "Timeline",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "taskFields",
+ "height",
+ "toolbar",
+ "labelSettings",
+ "projectStartDate",
+ "projectEndDate"
+ ]
+ },
+ "description": "This example demonstrates the zooming support of the Gantt chart timeline and ZoomToFit support of the Gantt chart."
+ },
{
"url": "editing",
"name": "Editing",
@@ -73,7 +309,27 @@
},
"description": "This example demonstrates the cell editing, dialog editing, taskbar editing and dependency editing support in Gantt"
},
-
+ {
+ "url": "selection",
+ "name": "Selection",
+ "category": "Gantt",
+ "type": "update",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "height",
+ "taskFields",
+ "allowSelection",
+ "treeColumnIndex",
+ "allowSelection",
+ "highlightWeekends",
+ "labelSettings",
+ "projectStartDate",
+ "projectEndDate"
+ ]
+ },
+ "description": "This example demonstrates the various selection support of row and cell with different type in Syncfusion Essential JS2 Gantt"
+ },
{
"url": "filtering",
"name": "Filtering",
@@ -97,64 +353,249 @@
"dayWorkingTime",
"projectStartDate",
"projectEndDate"
- ]
+ ]
},
"description": "This example demonstrates the filtering support with filter menu option for various types of columns in Gantt"
},
{
- "url": "timeline",
- "name": "Timeline",
+ "url": "contextMenu",
+ "name": "Context Menu",
"category": "Gantt",
"api": {
"Gantt": [
"dataSource",
+ "dateFormat",
+ "height",
"taskFields",
+ "editSettings",
+ "toolbar",
+ "columns",
"treeColumnIndex",
- "height",
+ "allowSelection",
+ "gridLines",
+ "resourceNameMapping",
+ "resourceIDMapping",
+ "resources",
+ "highlightWeekends",
+ "timelineSettings",
+ "labelSettings",
+ "labelSettings",
"projectStartDate",
"projectEndDate",
- "highlightWeekends",
+ "enableContextMenu",
+ "contextMenuItems"
+ ]
+ },
+ "description": "This demo explains the usage of context menu and the default context menu items in Syncfusion Gantt control."
+ },
+ {
+ "url": "exporting",
+ "name": "Exporting",
+ "category": "Gantt",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "dateFormat",
+ "height",
+ "taskFields",
+ "toolbar",
+ "allowExcelExport",
+ "treeColumnIndex",
+ "allowSelection",
+ "gridLines",
"resourceNameMapping",
"resourceIDMapping",
"resources",
+ "highlightWeekends",
"timelineSettings",
- "splitterSettings",
+ "labelSettings",
+ "projectStartDate",
+ "projectEndDate",
+ "toolbarClick"
+ ]
+ },
+ "description": "This demo explains how to export Gantt content to Excel and CSV documents using the Syncfusion TypeScript Gantt control."
+ },
+ {
+ "url": "events",
+ "name": "Events",
+ "category": "Gantt",
+ "type": "update",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "height",
+ "taskFields",
+ "toolbar",
"treeColumnIndex",
+ "allowSelection",
+ "highlightWeekends",
"labelSettings",
- "eventMarkers"
+ "projectStartDate",
+ "projectEndDate",
+ "toolbarClick"
]
},
- "description": "This example demonstrates the various timeline mode options and properties available to customize the timeline in Gantt"
+ "description": "This demo demonstrates the basic functionalities of the events that are available in the Syncfusion Essential JS2 Gantt."
},
{
- "url": "baseline",
- "name": "Baseline",
+ "url": "keyboard-interactions",
+ "name": "Keyboard Interactions",
"category": "Gantt",
"api": {
"Gantt": [
"dataSource",
- "renderBaseline",
+ "height",
"taskFields",
+ "toolbar",
+ "allowKeyboard",
"columns",
+ "editSettings",
"treeColumnIndex",
- "allowSelection",
- "includeWeekend",
- "timelineSettings",
- "tooltipSettings",
- "durationUnit",
- "dateFormat",
- "dayWorkingTime",
+ "highlightWeekends",
+ "labelSettings",
+ "projectStartDate",
+ "projectEndDate"
+ ]
+ },
+ "description": "This demo demonstrates the key combinations used to perform corresponding Gantt actions in Syncfusion Essential JS2 Gantt."
+ },
+ {
+ "url": "column-menu",
+ "name": "Column Menu",
+ "category": "Columns",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "taskFields",
+ "treeColumnIndex",
+ "allowFiltering",
+ "allowSorting",
+ "showColumnMenu",
"height",
+ "columns",
+ "highlightWeekends",
+ "labelSettings",
+ "splitterSettings",
"projectStartDate",
"projectEndDate"
]
},
- "description": "Baselines are enabled to view the deviation between the planned dates of tasks and actual progress of task dates"
+ "description": "This demo explains the default functionalities of the Column Menu in Syncfusion Essential JS2 Gantt."
+ },
+ {
+ "url": "show-hide-column",
+ "name": "Show or Hide Column",
+ "category": "Columns",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "taskFields",
+ "treeColumnIndex",
+ "height",
+ "columns",
+ "highlightWeekends",
+ "labelSettings",
+ "splitterSettings",
+ "projectStartDate",
+ "projectEndDate"
+ ]
+ },
+ "description": "This demo explains how to hide or show the columns of Gantt dynamically using Syncfusion Essential JS2 Gantt methods."
+ },
+ {
+ "url": "reorder",
+ "name": "Column Reorder",
+ "category": "Columns",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "taskFields",
+ "treeColumnIndex",
+ "allowReordering",
+ "height",
+ "columns",
+ "highlightWeekends",
+ "labelSettings",
+ "splitterSettings",
+ "projectStartDate",
+ "projectEndDate"
+ ]
+ },
+ "description": "This demo explains how to reorder the columns of Gantt by simple drag and drop of columns using Syncfusion Essential JS2 Gantt."
+ },
+ {
+ "url": "resizing",
+ "name": "Column Resize",
+ "category": "Columns",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "taskFields",
+ "treeColumnIndex",
+ "allowResizing",
+ "height",
+ "columns",
+ "highlightWeekends",
+ "labelSettings",
+ "splitterSettings",
+ "projectStartDate",
+ "projectEndDate"
+ ]
+ },
+ "description": "This demo explains how to resize the width of the Gantt columns in Syncfusion Essential Javascript 2 Gantt control"
+ },
+ {
+ "url": "column-template",
+ "name": "Column Template",
+ "category": "Columns",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "taskFields",
+ "treeColumnIndex",
+ "height",
+ "rowHeight",
+ "columns",
+ "highlightWeekends",
+ "labelSettings",
+ "resourceNameMapping",
+ "resourceIDMapping",
+ "resources",
+ "splitterSettings",
+ "projectStartDate",
+ "projectEndDate"
+ ]
+ },
+ "description": "This demo explains how to customize column headers to show additional HTML elements, such as icons, images, etc. in Syncfusion Essential JS2 Gantt control."
+ },
+ {
+ "url": "header-template",
+ "name": "Header Template",
+ "category": "Columns",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "taskFields",
+ "treeColumnIndex",
+ "height",
+ "columns",
+ "highlightWeekends",
+ "labelSettings",
+ "resourceNameMapping",
+ "resourceIDMapping",
+ "resources",
+ "splitterSettings",
+ "projectStartDate",
+ "projectEndDate"
+ ]
+ },
+ "description": "This demo explains how to customize column headers to show additional HTML elements, such as icons, images, etc. in Syncfusion Essential JS2 Gantt control."
},
{
"url": "taskbar-template",
"name": "Taskbar Template",
- "category": "Gantt",
+ "category": "Customization",
"api": {
"Gantt": [
"dataSource",
@@ -181,102 +622,157 @@
"description": "This example demonstrates the taskbar template support with child taskbar template, parent taskbar template and milestone template."
},
{
- "url": "unscheduled-tasks",
- "name": "Unscheduled Tasks",
- "category": "Gantt",
+ "url": "tasklabel-template",
+ "name": "Task Label Template",
+ "category": "Customization",
"api": {
"Gantt": [
"dataSource",
"taskFields",
- "editSettings",
- "toolbar",
+ "columns",
+ "highlightWeekends",
+ "treeColumnIndex",
+ "rowHeight",
"height",
- "labelSettings",
- "allowUnscheduledTasks",
+ "resourceNameMapping",
+ "resourceIDMapping",
+ "resources",
"projectStartDate",
"projectEndDate",
- "toolbarClick",
"splitterSettings",
- "columns"
+ "labelSettings"
]
},
- "description": "This example demonstrates the unscheduled tasks in Gantt with custom toolbar item and dynamic add support."
+ "description": "This demo explains how to render label template for the left, right, and task labels in Syncfusion Essential JS2 Gantt."
},
{
- "url": "zooming",
- "name": "Zooming",
- "category": "Gantt",
+ "url": "tooltip-template",
+ "name": "Tooltip Template",
+ "category": "Customization",
"api": {
"Gantt": [
"dataSource",
"height",
"taskFields",
- "toolbar",
+ "renderBaseline",
+ "treeColumnIndex",
+ "columns",
+ "resourceNameMapping",
+ "resourceIDMapping",
+ "resources",
+ "highlightWeekends",
"labelSettings",
+ "tooltipSettings",
"projectStartDate",
"projectEndDate"
]
},
- "description": "This example demonstrates the zooming support of the Gantt chart timeline and ZoomToFit support of the Gantt chart."
+ "description": "This demo explains how to render tooltip template for taskbar and baseline in Syncfusion Essential JS2 Gantt."
},
- {
- "url": "contextMenu",
- "name": "Context Menu",
- "category": "Gantt",
+ {
+ "url": "toolbar-template",
+ "name": "Toolbar Template",
+ "category": "Customization",
"api": {
"Gantt": [
"dataSource",
- "dateFormat",
"height",
"taskFields",
- "editSettings",
+ "allowFiltering",
+ "columns",
"toolbar",
+ "treeColumnIndex",
+ "highlightWeekends",
+ "labelSettings",
+ "projectStartDate",
+ "projectEndDate",
+ "toolbarClick"
+ ]
+ },
+ "description": "This demo explains how to render custom toolbar elements in a toolbar, by which any custom operation can be performed in Syncfusion Essential JS2 Gantt."
+ },
+ {
+ "url": "grid-lines",
+ "name": "Grid Lines",
+ "category": "Customization",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "height",
+ "taskFields",
"columns",
"treeColumnIndex",
- "allowSelection",
"gridLines",
- "resourceNameMapping",
- "resourceIDMapping",
- "resources",
"highlightWeekends",
- "timelineSettings",
"labelSettings",
+ "projectStartDate",
+ "projectEndDate"
+ ]
+ },
+ "description": "This demo explains how to customize the grid lines in Gantt by selecting values from dropdown using Syncfusion Essential JS2 Gantt."
+ },
+ {
+ "url": "sorting",
+ "name": "Default",
+ "category": "Sorting",
+ "api": {
+ "Gantt": [
+ "dataSource",
+ "taskFields",
+ "columns",
+ "treeColumnIndex",
+ "height",
"labelSettings",
+ "splitterSettings",
+ "allowSorting",
+ "sortSettings",
"projectStartDate",
- "projectEndDate",
- "enableContextMenu",
- "contextMenuItems"
+ "projectEndDate"
]
},
- "description": "This demo explains the usage of context menu and the default context menu items in Syncfusion TypeScript Gantt control."
+ "description": "This demo demonstrates how to sort multiple columns of Gantt by holding the CTRL key and clicking the column headers of Syncfusion Essential JS2 Gantt."
},
{
- "url": "exporting",
- "name": "Exporting",
- "category": "Gantt",
+ "url": "sorting-api",
+ "name": "Sorting API",
+ "category": "Sorting",
"api": {
"Gantt": [
"dataSource",
- "dateFormat",
+ "taskFields",
+ "columns",
+ "treeColumnIndex",
"height",
+ "highlightWeekends",
+ "allowSorting",
+ "labelSettings",
+ "projectStartDate",
+ "projectEndDate"
+ ]
+ },
+ "description": "This demo demonstrates how to sort columns and clear sorted columns dynamically using the sortColumn and clearSorting method of Syncfusion Essential JS2 Gantt."
+ },
+ {
+ "url": "drag-and-drop",
+ "name": "Row Drag And Drop",
+ "category": "Gantt",
+ "type": "new",
+ "api": {
+ "Gantt": [
+ "dataSource",
"taskFields",
- "toolbar",
- "allowExcelExport",
+ "columns",
"treeColumnIndex",
- "allowSelection",
- "gridLines",
- "resourceNameMapping",
- "resourceIDMapping",
- "resources",
+ "height",
"highlightWeekends",
- "timelineSettings",
+ "allowRowDragAndDrop",
+ "splitterSettings",
"labelSettings",
"projectStartDate",
- "projectEndDate",
- "toolbarClick"
+ "projectEndDate"
]
},
- "description": "This demo explains how to export Gantt content to Excel and CSV documents using the Syncfusion TypeScript Gantt control."
+ "description": "This demo for Essential JS 2 Gantt control how the rows can be dragged within the gantt using the row drag-and-drop feature."
}
]
}
\ No newline at end of file
diff --git a/src/gantt/selection.html b/src/gantt/selection.html
new file mode 100644
index 00000000..124e9550
--- /dev/null
+++ b/src/gantt/selection.html
@@ -0,0 +1,88 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Selection Mode
+
+
+
+
+
+
+
+
+
+
+
+ Selection Type
+
+
+
+
+
+
+
+
+
+
+
+ Toggle Selection
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
The selection feature enables you to highlight row or cell. It can be enabled by setting
+ allowSelection to true.
+
+
+
+
+ The Gantt control supports two types of selection that can be set by using the selectionSettings.type property.
+ They are:
+
+
+
Single - Sets a single value by default and allows only selection of a single row or a cell.
+
Multiple - Allows you to select multiple rows or cells. To perform the multi-selection, press and hold the CTRL key and click the desired rows or cells.
+
+
+ The Gantt control supports three types of selection modes that can be set by using the selectionSettings.mode property.
+ They are:
+
+
+
Row - Allows you to select only rows, and the row value is set by default.
+
Cell - Allows you to select only cells.
+
Both - Allows you to select rows and cells at the same time..
+
+
+ The Gantt control supports toggle selection that can be set by using the selectionSettings.enableToggle property.
+
+
Injecting Module:
+
+ Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method. To use markers, inject the
+ DayMarkers module using the Gantt.Inject(DayMarkers) method.
+
This sample demonstrates the way of binding self-referential flat data to the Gantt control.
+
+
+
+
Gantt can be bound either to local or remote data services.
+ The dataSource property can be assigned either with the array of JavaScript objects or an instance of DataManager.
+
In this demo, the array of self-referential flat data with parentID is assigned as data source to the Gantt.
+
Injecting Module:
+
+ Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method.To use markers, inject the
+ DayMarkers module using the Gantt.Inject(DayMarkers) method.
+
This sample demonstrates dynamic show/hide columns feature of Gantt. Select column name from the properties panel,
+ and then click hide/show to toggle visibility.
+
+
+
+
+
The Gantt column can be shown or hidden dynamically using the showColumn and hideColumn methods of the Gantt.
+
In this demo, the columns can be shown and hidden by selecting the column name in dropdown. Click the Show or Hide button to toggle the visibility.
+ The visibility of column is toggled based on the
+ columns -> headerText value.
+
+
+
The columns -> visible property specifies the visibility of a column.
+ To hide a column at the initial rendering, set the columns -> visible property to false.
+
The sorting feature enables you to order data in a particular direction. It can be enabled by setting allowSorting to true.
+
+
+
+
+ The sorting feature enables you to order data in a particular direction. It can be enabled by setting the allowSorting to true.
+
+
To sort a Gantt column, click the column header. The icons (ascending) and (descending) specify the sort direction of a column.
+
By default, the multi-sorting feature is enabled in Gantt. To sort multiple columns, hold the CTRL key, and then click the column header. To clear sort for a column, hold the SHIFT key, and then click the column header.
+
In this demo, select the column and direction from the properties panel, and then click the Sort button. Use the Clear button to remove sort for the sorted column.
+
+
Injecting Module:
+
+ Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method.To use sort, inject the
+ Sort module using the Gantt.Inject(Sort) method.To use markers, inject the
+ DayMarkers module using the Gantt.Inject(DayMarkers) method.
+
This sample demonstrates the Gantt multi-sorting feature. To sort two or more columns, hold the CTRL key, and click the column header.
+
+
+
+
+ The sorting feature enables you to order data in a particular direction. It can be enabled by setting allowSorting to true.
+
+
To sort a Gantt column, click the column header. The icons (ascending) and (descending) specifies the sort direction of a column.
+
+
+
By default, the multi-sorting feature is enabled in Gantt. To sort multiple columns, hold the CTRL key, and then click the column header. To clear sort for a column, hold the SHIFT key, and then click the column header.
+
In this demo, multiple sorting enabled on load time by assigning multiple columns into sortSettings property.
+
Injecting Module:
+
+ Gantt control features are segregated into individual feature-wise modules.To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method. To use sort, inject the
+ Sort module using the Gantt.Inject(Sort) method.To use markers, inject the
+ DayMarkers module using the Gantt.Inject(DayMarkers) method.
+
- Gantt component features are segregated into individual feature-wise modules. To use markers, inject the
+ Gantt control features are segregated into individual feature-wise modules. To use markers, inject the
DayMarkers module using the Gantt.Inject(DayMarkers) method and use a selection by injecting the Selection
module using the Gantt.Inject(Selection) method.
diff --git a/src/gantt/tasklabel-template.html b/src/gantt/tasklabel-template.html
new file mode 100644
index 00000000..30e6341a
--- /dev/null
+++ b/src/gantt/tasklabel-template.html
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
This sample explains the way of rendering label template for left, right, and task labels by mapping template elements to the leftLabel, rightLabel and taskLabel properties in labelSettings.
+
+
+
+
+ In this demo, the label template is rendered using the leftLabel, rightLabel and taskLabel properties in labelSettings.
+
+
Injecting Module:
+
Gantt control features are segregated into individual feature-wise modules.To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method.To use markers, inject the
+ DayMarkers module using the Gantt.Inject(DayMarkers) method.
+
In this example, you can see how to change the timeline settings in Gantt chart. The top and bottom timeline
- header texts can be customized by using the timelineSettings.topTier and
- timelineSettings.bottomTier properties.
+ header texts can be customized by using the timelineSettings.topTier and timelineSettings.bottomTier properties.
Using these properties, you can change the format, count, and units of the timeline header texts.
Gantt chart has built-in support for many timeline modes such as minutes, hour, day, week, month and year.
-
The
- default timeline headers can also be replaced with custom header texts by using the formatter
- method.
+
The default timeline headers can also be replaced with custom header texts by using the formatter method.
Tooltip is enabled by default for the timeline headers, to see the tooltip in action, hover a point or tap on a
@@ -138,10 +135,7 @@
Injecting Module:
- Gantt component features are segregated into individual feature-wise modules. To use a selection, inject the
- Selection module using the Gantt.Inject(Selection) method, and use a sort by injecting the Sort
- module using
- the Gantt.Inject(Sort) method. To use markers, inject the
- DayMarkers module using the Gantt.Inject(DayMarkers) method.
+ Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method. To use markers, inject the DayMarkers module using the Gantt.Inject(DayMarkers) method.
\ No newline at end of file
diff --git a/src/gantt/timeline.ts b/src/gantt/timeline.ts
index 1e06e23b..2877aa79 100644
--- a/src/gantt/timeline.ts
+++ b/src/gantt/timeline.ts
@@ -81,12 +81,6 @@ Gantt.Inject(Selection, Sort, DayMarkers);
labelSettings: {
rightLabel: 'taskName',
},
- eventMarkers: [
- {
- day: '02/08/2019',
- label: 'Project kick-off'
- }
- ],
});
gantt.appendTo('#Timeline');
diff --git a/src/gantt/toolbar-template.html b/src/gantt/toolbar-template.html
new file mode 100644
index 00000000..781bbb3a
--- /dev/null
+++ b/src/gantt/toolbar-template.html
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
This sample explains the way of rendering built-in and custom toolbar items at the same time.
+
+
+
+
Custom toolbar items can be added by defining the toolbar as a collection of ItemModels.
+ Actions for this customized toolbar items are defined in the toolbarClick event.
+
+
In this sample, the custom toolbar element Quick Filter and Clear Filter is rendered
+ along with predefined toolbar items ExpandAll and CollapseAll.
+ While clicking the Quick Filter toolbar item, the filtering occurs for Task Namecolumn.Filtered column can be cleared using Clear Filter toolbar item.
+
+
Injecting Module:
+
+ Gantt control features are segregated into individual feature-wise modules.To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method.To use a filter, inject the
+ Filter module using the Gantt.Inject(Filter) method.To use a toolbar, inject the
+ Toolbar module using the Gantt.Inject(Toolbar) method.To use markers, inject the
+ DayMarkers module using the Gantt.Inject(DayMarkers) method.
+
This sample explains the way of rendering tooltip template for taskbar and baseline by mapping template
+ elements to the property of taskbar and baseline in tooltipSettings.
+
+
+
+
Tooltip can be enabled or disabled using tooltipSettings.showTooltip property.In this demo, the
+ tooltip template is rendered for taskbar and baseline using the
+ tooltipSettings.taskbar and tooltipSettings.baseline properties.
+
+
+ The baseline feature enables the user to view the deviation between the planned dates and the actual dates of
+ the tasks in a project. Baselines can be enabled in Gantt chart by enabling the renderBaseline
+ property along with mapping the data source values for baselineStartDate and baselineEndDate properties.
+
+
Injecting Module:
+
+ Gantt control features are segregated into individual feature-wise modules.To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method.To use markers, inject the
+ DayMarkers module using the Gantt.Inject(DayMarkers) method.
+
- Gantt component features are segregated into individual feature-wise modules. To use a toolbar and add support, inject the Toolbar and Edit module using the Gantt.Inject(Toolbar, Edit) method
+ Gantt control features are segregated into individual feature-wise modules. To use a toolbar and add support, inject the Toolbar and Edit module using the Gantt.Inject(Toolbar, Edit) method
and use a selection by injecting the Selection module using the Gantt.Inject(Selection) method.
\ No newline at end of file
diff --git a/src/gantt/work-week.html b/src/gantt/work-week.html
new file mode 100644
index 00000000..8f79bf96
--- /dev/null
+++ b/src/gantt/work-week.html
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Working Days
+
+
+
+
+
+
+
+
+
+
+
+
This sample visualizes the support for changing different set of working days in a week. The selected working days in drop down list will be applied to Gantt chart.
+
+
+
+
+ In this example, you can see how to render a Gantt chart with the provided data source and customizable array of working days. These working days alone will be considered for taskbar rendering and duration calculations.
+
+
+ The working days in your project can be customized using the workWeek property and the selected days in the dropdown list available in the property panel will be applied to Gantt chart. You can get to know the working days in the Gantt chart timeline by the highlighted weekend days. This can be enabled by using the highlightWeekends property
+
+
Injecting Module:
+
+ Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method. To use markers, inject the
+ DayMarkers module using the Gantt.Inject(DayMarkers) method.
+
+
\ No newline at end of file
diff --git a/src/gantt/work-week.ts b/src/gantt/work-week.ts
new file mode 100644
index 00000000..6e68670f
--- /dev/null
+++ b/src/gantt/work-week.ts
@@ -0,0 +1,76 @@
+import { loadCultureFiles } from '../common/culture-loader';
+import { Gantt, Selection, DayMarkers } from '@syncfusion/ej2-gantt';
+import { projectNewData } from './data-source';
+import { extend } from '@syncfusion/ej2-base';
+import { MultiSelect, CheckBoxSelection } from '@syncfusion/ej2-dropdowns';
+import { SelectEventArgs, RemoveEventArgs } from '@syncfusion/ej2-dropdowns';
+
+/**
+ * Default Gantt sample
+ */
+
+Gantt.Inject(Selection, DayMarkers);
+MultiSelect.Inject(CheckBoxSelection);
+
+(window as any).default = (): void => {
+ loadCultureFiles();
+ let workDays: any = [
+ { id: 'Sunday', day: 'Sunday' },
+ { id: 'Monday', day: 'Monday' },
+ { id: 'Tuesday', day: 'Tuesday' },
+ { id: 'Wednesday', day: 'Wednesday' },
+ { id: 'Thursday', day: 'Thursday' },
+ { id: 'Friday', day: 'Friday' },
+ { id: 'Saturday', day: 'Saturday' },
+ ];
+ let gantt: Gantt = new Gantt(
+ {
+ dataSource: projectNewData,
+ height: '450px',
+ highlightWeekends: true,
+ taskFields: {
+ id: 'TaskID',
+ name: 'TaskName',
+ startDate: 'StartDate',
+ endDate: 'EndDate',
+ duration: 'Duration',
+ progress: 'Progress',
+ dependency: 'Predecessor',
+ child: 'subtasks'
+ },
+ labelSettings: {
+ leftLabel: 'TaskName'
+ },
+ workWeek: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
+ projectStartDate: new Date('03/24/2019'),
+ projectEndDate: new Date('07/06/2019')
+ });
+ gantt.appendTo('#WorkWeek');
+ const select: any = (args: SelectEventArgs) => {
+ let workingDays: any = Object[7];
+ let fieldInstance: MultiSelect = ((document.getElementById('WorkingDays'))).ej2_instances[0] as MultiSelect;
+ workingDays = extend([], fieldInstance.value, [], true);
+ workingDays.push(args.item.innerText);
+ gantt.workWeek = workingDays;
+ };
+ const removed: any = (args: RemoveEventArgs) => {
+ let index: number = gantt.workWeek.indexOf(args.item.innerText);
+ let fieldInstance: MultiSelect = ((document.getElementById('WorkingDays'))).ej2_instances[0] as MultiSelect;
+ let workingDays: any = Object[7];
+ if (index !== -1) {
+ workingDays = fieldInstance.value;
+ gantt.workWeek = workingDays;
+ }
+ };
+ let checkList: MultiSelect = new MultiSelect({
+ dataSource: workDays,
+ select: select.bind(this),
+ removed: removed.bind(this),
+ value: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
+ fields: { text: 'day', value: 'id' },
+ mode: 'CheckBox',
+ showDropDownIcon: true,
+ popupHeight: '350px'
+ });
+ checkList.appendTo('#WorkingDays');
+};
\ No newline at end of file
diff --git a/src/gantt/working-time-range.html b/src/gantt/working-time-range.html
new file mode 100644
index 00000000..4d551282
--- /dev/null
+++ b/src/gantt/working-time-range.html
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Work Start Time
+
+
+
+
+
+
+
+
+
+
Work End Time
+
+
+
+
+
+
+
+
+
+
+
+
This sample visualizes the support for changing the working hours in a day. The selected start and end hours from the property panel will be applied to each task available in the project.
+
+
+
+
+ In this example, you can see how to render a Gantt chart with the provided data source and customizable working hours in a day. You can split the working hours in a day to one or more range. So, You can also provide the dayWorkingTime property value as array of object collection. Gantt chart also supports different durationUnit values as follows:
+
day
+
hour
+
minute
+
+
+ Given duration in dataSource will be considered with this unit. In this demo, the hour unit is used to render taskbars in day hour timeline mode. Gantt chart supports only 24hours format as of now. The working hours will differ between organizations. This feature will be helpful to keep track of each task and resource task status based on the working time of company.
+
+
Injecting Module:
+
+ Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
+ Selection module using the Gantt.Inject(Selection) method. To use markers, inject the
+ DayMarkers module using the Gantt.Inject(DayMarkers) method.
+
+
\ No newline at end of file
diff --git a/src/gantt/working-time-range.ts b/src/gantt/working-time-range.ts
new file mode 100644
index 00000000..9fbf017c
--- /dev/null
+++ b/src/gantt/working-time-range.ts
@@ -0,0 +1,89 @@
+import { loadCultureFiles } from '../common/culture-loader';
+import { Gantt, Selection, DayMarkers } from '@syncfusion/ej2-gantt';
+import {NumericTextBox} from '@syncfusion/ej2-inputs';
+import { projectNewData } from './data-source';
+
+/**
+ * Default Gantt sample
+ */
+
+Gantt.Inject(Selection, DayMarkers);
+(window as any).default = (): void => {
+ loadCultureFiles();
+ let gantt: Gantt = new Gantt(
+ {
+ dataSource: projectNewData,
+ height: '450px',
+ highlightWeekends: true,
+ taskFields: {
+ id: 'TaskID',
+ name: 'TaskName',
+ startDate: 'StartDate',
+ endDate: 'EndDate',
+ duration: 'Duration',
+ progress: 'Progress',
+ dependency: 'Predecessor',
+ child: 'subtasks'
+ },
+ durationUnit: 'Hour',
+ labelSettings: {
+ leftLabel: 'TaskName'
+ },
+ timelineSettings: {
+ topTier: {
+ unit: 'Day'
+ },
+ bottomTier: {
+ unit: 'Hour'
+ }
+ },
+ projectStartDate: new Date('04/02/2019'),
+ projectEndDate: new Date('07/06/2019')
+ });
+ gantt.appendTo('#WorkTimeRange');
+ let workStartTime: NumericTextBox = new NumericTextBox({
+ min: 0,
+ max: 24,
+ value: 8,
+ change: updateTime,
+ showSpinButton: true,
+ step: 0.5
+ });
+ workStartTime.appendTo('#WorkStartTime');
+
+ let workEndTime: NumericTextBox = new NumericTextBox({
+ min: 0,
+ max: 24,
+ value: 17,
+ change: updateTime,
+ showSpinButton: true,
+ step: 0.5
+ });
+ workEndTime.appendTo('#WorkEndTime');
+
+
+ let isTimeUpdated: boolean = false;
+ function updateTime(): void {
+ let defaultDate: string = '08/08/2016';
+ let startDate: Date = new Date(defaultDate);
+ let endDate: Date = new Date(defaultDate);
+ let decPlace: number = workStartTime.value - Math.floor(workStartTime.value);
+ startDate.setHours(workStartTime.value);
+ startDate.setMinutes(decPlace * 60);
+ decPlace = workEndTime.value - Math.floor(workEndTime.value);
+ endDate.setHours(workEndTime.value);
+ endDate.setMinutes(decPlace * 60);
+ /*Validate time value and update the time range*/
+ if (startDate.getTime() < endDate.getTime() && isTimeUpdated === false) {
+ let workingTime: any = [{ from: workStartTime.value, to: workEndTime.value }];
+ gantt.dayWorkingTime = workingTime;
+ isTimeUpdated = false;
+ } else {
+ isTimeUpdated = true;
+ workStartTime.value = gantt.dayWorkingTime[0].from;
+ workEndTime.value = gantt.dayWorkingTime[gantt.dayWorkingTime.length - 1].to;
+ }
+ isTimeUpdated = false;
+ }
+
+};
diff --git a/src/gantt/zooming.ts b/src/gantt/zooming.ts
index c7996fac..5b772dbd 100644
--- a/src/gantt/zooming.ts
+++ b/src/gantt/zooming.ts
@@ -13,6 +13,7 @@ Gantt.Inject(Toolbar);
{
dataSource: zoomingData,
height: '450px',
+ treeColumnIndex: 1,
taskFields: {
id: 'TaskID',
name: 'TaskName',
@@ -23,10 +24,22 @@ Gantt.Inject(Toolbar);
dependency: 'Predecessor',
child: 'subtasks'
},
+ columns: [
+ { field: 'TaskID', width: 60 },
+ { field: 'TaskName', width: 250 },
+ { field: 'StartDate' },
+ { field: 'EndDate' },
+ { field: 'Duration' },
+ { field: 'Predecessor' },
+ { field: 'Progress' },
+ ],
toolbar: ['ZoomIn', 'ZoomOut', 'ZoomToFit'],
labelSettings: {
leftLabel: 'TaskName'
},
+ splitterSettings: {
+ columnIndex: 2
+ },
projectStartDate: new Date('03/24/2019'),
projectEndDate: new Date('04/28/2019')
});
diff --git a/src/grid/default.html b/src/grid/default.html
index 53fd5892..50f814c8 100644
--- a/src/grid/default.html
+++ b/src/grid/default.html
@@ -18,6 +18,8 @@
href="http://ej2.syncfusion.com/documentation/data/api-dataManager.html">
DataManager binding data fields to columns.
Also, displaying a column header to identify the field with support for grouped records.
+ Not only text data, It can handle images as datasource for columns effectively.
+ The grid with various datasource binding support helps to handle various data.
In this demo, the Grid is populated with its minimum default settings.
@@ -25,7 +27,7 @@
\ No newline at end of file
diff --git a/src/grid/grid-lines.html b/src/grid/grid-lines.html
index c7bd320e..cd9ac633 100644
--- a/src/grid/grid-lines.html
+++ b/src/grid/grid-lines.html
@@ -38,6 +38,7 @@
The
gridLines property is used to control the line visibility that separates the rows and columns.
+ the gridlines can be used accroding to the data we used to make it display with proper structure.
The Grid allow us to display the following grid lines,
The Grid control has options to group the records based on the required column.
- When grouping is applied, grouped records are organized into a hierarchical structure to facilitate
+
+ The Grid control has options to group the records based on the required column.
+ When grouping is applied, grouped records are organized into a hierarchical structure to facilitate
easier expansion and collapse of records. To enable grouping,
+
set
+ href="https://ej2.syncfusion.com/documentation/api/grid/#allowgrouping">
allowGrouping property as true.
+
grouping is a better way to handle data effectivly.In grouping the similar data are group under common data.
+
It is mainly used to handle a large amount of data and group them accroding to columns.
Columns can be grouped by simply dragging the column header and drop on the group drop area.
In this demo, to group a specify column, drag and drop the column in the group drop area.
- This sample visualizes the top 25 populated cities in the world by displaying the markers in their locations.
-
-
-
-
- In this example, you can see how to render the markers in a map. Markers are used to indicate or mark a particular location on the map with desired symbols.
-
-
-
- Tooltip is enabled in this example. To see the tooltip in action, hover the mouse over a marker or tap a marker in touch enabled devices.
-
-
Injecting Module
-
- Maps component features are segregated into individual feature-wise modules. To use a marker, inject the Marker module using the Maps.Inject(Marker) method.
-
-
-
-
-
\ No newline at end of file
+ }
+
\ No newline at end of file
diff --git a/src/maps/marker.ts b/src/maps/marker.ts
index eba7152a..dc9c164f 100644
--- a/src/maps/marker.ts
+++ b/src/maps/marker.ts
@@ -3,6 +3,8 @@
*/
import { Maps, Marker, MapsTooltip, ILoadEventArgs, MapsTheme, MapAjax } from '@syncfusion/ej2-maps';
import * as dataSource from './map-data/top-location.json';
+import { CheckBox, ChangeEventArgs as CheckBoxChangeEvents } from '@syncfusion/ej2-buttons';
+import { EmitType } from '@syncfusion/ej2-base';
let data: any = dataSource as any;
Maps.Inject(Marker, MapsTooltip);
// custom code start
@@ -47,7 +49,7 @@ import { loadCultureFiles } from '../common/culture-loader';
animationDuration: 0,
shape: 'Circle',
fill: 'white',
- width: 3,
+ width: 10,
border: { width: 2, color: '#285255' },
tooltipSettings: {
template: '#template',
@@ -60,4 +62,31 @@ import { loadCultureFiles } from '../common/culture-loader';
]
});
maps.appendTo('#container');
+
+ let markerShape: EmitType;
+ let markerShapeCheckBox: CheckBox = new CheckBox(
+ {
+ change: markerShape, checked: false
+ },
+ '#shape');
+ markerShapeCheckBox.change = markerShape = (e: CheckBoxChangeEvents) => {
+ if (e.checked) {
+ maps.layers[0].markerSettings[0].shapeValuePath = 'shape';
+ } else {
+ maps.layers[0].markerSettings[0].shapeValuePath = null;
+ }
+ };
+ let markerColor: EmitType;
+ let markerColorCheckBox: CheckBox = new CheckBox(
+ {
+ change: markerColor, checked: false
+ },
+ '#color');
+ markerColorCheckBox.change = markerColor = (e: CheckBoxChangeEvents) => {
+ if (e.checked) {
+ maps.layers[0].markerSettings[0].colorValuePath = 'color';
+ } else {
+ maps.layers[0].markerSettings[0].colorValuePath = null;
+ }
+ };
};
\ No newline at end of file
diff --git a/src/maps/osm-with-navigation-lines.ts b/src/maps/osm-with-navigation-lines.ts
index 51090ca9..c71e2e9f 100644
--- a/src/maps/osm-with-navigation-lines.ts
+++ b/src/maps/osm-with-navigation-lines.ts
@@ -66,7 +66,6 @@ export interface Data {
},
{
visible: true,
- offset: { x: 2, y: -7 },
template: '
+ This sample illustrates the sales details of the products and users location by rendering the markers. Marker clustering is also enabled in this sample.
+
+
+
+
+ In this example, you can see how to render cluster for more number of markers if it is at the exact latitude and longitude values. On clicking the cluster, it will gets expanded.
+
+
+ Tooltip is enabled in this example. To see the tooltip in action, click the mouse over the marker or tap a marker in touch-enabled devices.
+
+
+
Injecting Module
+
+ Maps component features are segregated into individual feature-wise modules. To use a marker and cluster, inject the Marker module using the Maps.Inject(Marker) method.
+
+
\ No newline at end of file
diff --git a/src/maps/sales-map.ts b/src/maps/sales-map.ts
new file mode 100644
index 00000000..5bdb987b
--- /dev/null
+++ b/src/maps/sales-map.ts
@@ -0,0 +1,76 @@
+/**
+ * Marker Cluster sample
+ */
+import { Maps, Marker, Zoom, MapsTooltip, ILoadEventArgs, MapsTheme, MapAjax } from '@syncfusion/ej2-maps';
+import * as dataSource from './map-data/sales-map.json';
+let data: any = dataSource as any;
+Maps.Inject(Marker, MapsTooltip, Zoom);
+// custom code start
+import { loadCultureFiles } from '../common/culture-loader';
+// custom code end
+/**
+ * Code for Maps
+ */
+(window as any).default = (): void => {
+ // custom code start
+ loadCultureFiles();
+ // custom code end
+ let maps: Maps = new Maps({
+ // custom code start
+ load: (args: ILoadEventArgs) => {
+ let theme: string = location.hash.split('/')[1];
+ theme = theme ? theme : 'Material';
+ args.maps.theme = (theme.charAt(0).toUpperCase() + theme.slice(1));
+ },
+ // custom code end
+ useGroupingSeparator: true,
+ format: 'n',
+ zoomSettings: {
+ enable: true,
+ mouseWheelZoom: false,
+ pinchZooming: false
+ },
+ titleSettings: {
+ text: 'Sales details of products in various countries',
+ textStyle: {
+ size: '16px'
+ }
+ },
+ tooltipDisplayMode: 'Click',
+ layers: [
+ {
+ shapeData: new MapAjax('./src/maps/map-data/world-map.json'),
+ shapeSettings: {
+ fill: '#C1DFF5'
+ },
+ markerClusterSettings: {
+ allowClustering: true,
+ allowClusterExpand: true,
+ shape: 'Image',
+ height: 40,
+ width: 40,
+ labelStyle : { color: 'white'},
+ imageUrl: 'src/maps/images/cluster.svg'
+ },
+ markerSettings: [
+ {
+ visible: true,
+ dataSource: data.salesmap,
+ shape: 'Image',
+ imageUrl: 'src/maps/images/ballon.png',
+ tooltipSettings: {
+ format: 'Name : ${name} Product : ${product} Total value : ${worth}',
+ visible: true,
+ valuePath: 'area',
+ },
+ height: 15,
+ width: 15,
+ animationDuration: 0
+ },
+
+ ]
+ }
+ ]
+ });
+ maps.appendTo('#container');
+};
\ No newline at end of file
diff --git a/src/maps/sample.json b/src/maps/sample.json
index 5c183401..cffad27d 100644
--- a/src/maps/sample.json
+++ b/src/maps/sample.json
@@ -67,6 +67,7 @@
{
"url": "marker",
"name": "Marker",
+ "type": "update",
"description": "This demo for Essential JS2 Maps control shows the top 25 populated cities in the world by displaying the markers in their locations.",
"category": "Features",
"api": {
@@ -192,7 +193,6 @@
"name": "Legend",
"description": "This demo for Essential JS2 Maps control visualizes grouping of countries in the legend based on its population density.",
"category": "Features",
- "type": "update",
"api": {
"Maps": [
"zoomSettings",
@@ -323,6 +323,26 @@
{ "displayName": "zooming-datasource.json", "path":"src/maps/map-data/zooming-datasource.json" }
]
},
+ {
+ "url": "zoom-marker",
+ "name": "Zoom to fit all markers",
+ "type": "new",
+ "description": "This demo for Essential JS2 Maps control depicts the capitals of all countries in south america using markers and map will zoom based on marker position.",
+ "category": "User Interaction",
+ "api": {
+ "Maps": [
+ "zoomSettings",
+ "layers",
+ "marker"
+ ]
+ },
+ "sourceFiles":[
+ { "displayName": "zoom-marker.html", "path":"src/maps/zoom-marker.html" },
+ { "displayName": "zoom-marker.ts", "path":"src/maps/zoom-marker.ts" },
+ { "displayName": "world-map.json", "path":"src/maps/map-data/world-map.json" },
+ { "displayName": "southamerica-country-capitals.json", "path":"src/maps/map-data/southamerica-country-capitals.json" }
+ ]
+ },
{
"url": "drilldown",
"name": "Drill Down",
@@ -531,6 +551,25 @@
{ "displayName": "population-growth.json", "path":"src/maps/map-data/population-growth.json" },
{ "displayName": "world-map.json", "path":"src/maps/map-data/world-map.json" }
]
+ },
+ {
+ "url": "sales-map",
+ "name": "Sales map",
+ "type": "new",
+ "description": "This demo for Essential JS2 Maps control depicts the sales details from all over the world using marker.",
+ "category": "Use Cases",
+ "api": {
+ "Maps": [
+ "zoomSettings",
+ "layers"
+ ]
+ },
+ "sourceFiles":[
+ { "displayName": "sales-map.html", "path":"src/maps/sales-map.html" },
+ { "displayName": "sales-map.ts", "path":"src/maps/sales-map.ts" },
+ { "displayName": "world-map.json", "path":"src/maps/map-data/world-map.json" },
+ { "displayName": "seat.json", "path":"src/maps/map-data/sales-map.json" }
+ ]
},
{
"url": "seat-selection",
diff --git a/src/maps/zoom-marker.html b/src/maps/zoom-marker.html
new file mode 100644
index 00000000..af22c7bf
--- /dev/null
+++ b/src/maps/zoom-marker.html
@@ -0,0 +1,47 @@
+
+ This sample visualizes the capitals of all the countries in the South America continent by displaying the markers in their locations.
+
+
+
+
+ In this example, you can see how to zoom the maps dynamically based on the location of the markers in the map. The map is scaled and the center position
+ is changed based on the markers location. This is achieved by setting true to the shouldZoomInitially property in zoomSettings.
+
+
+
+ Tooltip is enabled in this example. To see the tooltip in action, hover the mouse over a marker or tap a marker
+ in touch enabled devices.
+
+
Injecting Module
+
+ Maps component features are segregated into individual feature-wise modules. To use a marker, inject the Marker module using the Maps.Inject(Marker) method.
+
+
\ No newline at end of file
diff --git a/src/maps/zoom-marker.ts b/src/maps/zoom-marker.ts
new file mode 100644
index 00000000..b130305d
--- /dev/null
+++ b/src/maps/zoom-marker.ts
@@ -0,0 +1,82 @@
+/**
+ * Marker sample
+ */
+import { Maps, Marker, MapsTooltip, ILoadEventArgs, MapsTheme, MapAjax, Zoom } from '@syncfusion/ej2-maps';
+import * as dataSource from './map-data/southamerica-country-capitals.json';
+import { CheckBox, ChangeEventArgs as CheckBoxChangeEvents } from '@syncfusion/ej2-buttons';
+import { EmitType } from '@syncfusion/ej2-base';
+let data: any = dataSource as any;
+Maps.Inject(Marker, MapsTooltip, Zoom);
+// custom code start
+import { loadCultureFiles } from '../common/culture-loader';
+// custom code end
+/**
+ * Code for Maps
+ */
+(window as any).default = (): void => {
+ // custom code start
+ loadCultureFiles();
+ // custom code end
+ let maps: Maps = new Maps({
+ // custom code start
+ load: (args: ILoadEventArgs) => {
+ let theme: string = location.hash.split('/')[1];
+ theme = theme ? theme : 'Material';
+ args.maps.theme = (theme.charAt(0).toUpperCase() + theme.slice(1));
+ },
+ // custom code end
+ useGroupingSeparator: true,
+ format: 'n',
+ zoomSettings: {
+ enable: true,
+ mouseWheelZoom: false,
+ pinchZooming: false
+ },
+ titleSettings: {
+ text: 'Capitals of South American countries',
+ textStyle: {
+ size: '16px'
+ }
+ },
+ layers: [
+ {
+ shapeData: new MapAjax('./src/maps/map-data/world-map.json'),
+ shapeSettings: {
+ fill: '#C3E6ED',
+ border: {
+ width: 0.3,
+ color: 'black'
+ }
+ },
+
+ markerSettings: [
+ {
+ dataSource: data.southAmericaCountryCapitals,
+ visible: true,
+ animationDuration: 0,
+ height: 20,
+ width: 20,
+ shape: 'Image',
+ imageUrl: 'src/maps/images/ballon.png',
+ tooltipSettings: {
+ format: 'Capital : ${name} Country : ${Country}',
+ visible: true,
+ valuePath: 'name',
+ }
+ },
+ ]
+ }
+ ]
+ });
+ maps.appendTo('#container');
+
+ let zoomIntiatally: EmitType;
+ let zoomIntiatallyCheckBox: CheckBox = new CheckBox(
+ {
+ change: zoomIntiatally, checked: false
+ },
+ '#zoom');
+ zoomIntiatallyCheckBox.change = zoomIntiatally = (e: CheckBoxChangeEvents) => {
+ maps.zoomSettings.shouldZoomInitially = e.checked;
+ };
+};
\ No newline at end of file
diff --git a/src/maps/zooming-stack.json b/src/maps/zooming-stack.json
index 9374b2ff..967cc018 100644
--- a/src/maps/zooming-stack.json
+++ b/src/maps/zooming-stack.json
@@ -1 +1 @@
-{"index.html":"\n\n \n\n
\n\n\n
\n \n \n
\n \n
\n
\n \n
\n
\n
Zooming
\n
\n
\n \n
\n
\n
\n
\n
Mouse wheel zoom
\n
\n
\n \n
\n
\n
\n
\n
Pinch zoom
\n
\n
\n \n
\n
\n
\n
\n
Single click zoom
\n
\n
\n \n
\n
\n
\n
\n
Double click zoom
\n
\n
\n \n
\n
\n
\n
\n
Animation duration 500 ms
\n
\n
\n \n
\n
\n
\n
\n \n \n\n
","index.ts":"{{ripple}}\r\n/**\r\n * Maps zooming sample\r\n */\r\nimport { Maps, Zoom, ILoadEventArgs, MapsTheme, MapAjax } from '@syncfusion/ej2-maps';\r\nimport { Slider, SliderChangeEventArgs } from '@syncfusion/ej2-inputs';\r\nimport { EmitType } from '@syncfusion/ej2-base';\r\nMaps.Inject(Zoom);\r\n\r\n\r\n let maps: Maps = new Maps({\r\n\r\n zoomSettings: {\r\n enable: true,\r\n toolbars: ['Zoom', 'ZoomIn', 'ZoomOut', 'Pan', 'Reset'],\r\n pinchZooming: true\r\n },\r\n layers: [\r\n {\r\n shapeData: new MapAjax('//npmci.syncfusion.com/development/demos/src/maps/map-data/world-map.json'),\r\n shapePropertyPath: 'continent',\r\n shapeDataPath: 'continent',\r\n animationDuration: 500,\r\n shapeSettings: {\r\n autofill: true,\r\n colorValuePath: 'color'\r\n },\r\n dataSource: new MapAjax('//npmci.syncfusion.com/development/demos/src/maps/map-data/zooming-datasource.json')\r\n }\r\n ]\r\n });\r\n maps.appendTo('#mapszooming');\r\n // code for property panel\r\n let sliderChange: EmitType;\r\n let slider: Slider = new Slider(\r\n {\r\n value: 500,\r\n min: 0, max: 1000, step: 250,\r\n change: sliderChange\r\n },\r\n '#range');\r\n slider.change = sliderChange = (e: SliderChangeEventArgs) => {\r\n maps.layers[0].animationDuration = e.value as number;\r\n maps.refresh();\r\n document.getElementById('dur').innerHTML = e.value.toString() + ' ms';\r\n };\r\n document.getElementById('mousewheel').onchange = () => {\r\n let element: HTMLInputElement = (document.getElementById('mousewheel'));\r\n maps.zoomSettings.mouseWheelZoom = element.checked;\r\n maps.refresh();\r\n };\r\n document.getElementById('pinch').onchange = () => {\r\n let element: HTMLInputElement = (document.getElementById('pinch'));\r\n maps.zoomSettings.pinchZooming = element.checked;\r\n maps.refresh();\r\n };\r\n document.getElementById('zoom').onchange = () => {\r\n let element: HTMLInputElement = (document.getElementById('zoom'));\r\n maps.zoomSettings.enable = element.checked;\r\n maps.refresh();\r\n };\r\n document.getElementById('doubletap').onchange = () => {\r\n let element: HTMLInputElement = (document.getElementById('doubletap'));\r\n maps.zoomSettings.doubleClickZoom = element.checked;\r\n maps.zoomSettings.zoomOnClick = (!element.checked);\r\n let ele1: HTMLInputElement = document.getElementById('singletap');\r\n if (element.checked) {\r\n ele1.disabled = true;\r\n } else {\r\n ele1.disabled = false;\r\n }\r\n };\r\n document.getElementById('singletap').onchange = () => {\r\n let element: HTMLInputElement = (document.getElementById('singletap'));\r\n let ele1: HTMLInputElement = document.getElementById('doubletap');\r\n maps.zoomSettings.zoomOnClick = element.checked;\r\n maps.zoomSettings.doubleClickZoom = (!element.checked);\r\n if (element.checked) {\r\n ele1.disabled = true;\r\n } else {\r\n ele1.disabled = false;\r\n }\r\n };\r\n"}
\ No newline at end of file
+{"index.html":"\n\n \n\n
\n\n\n
\n \n \n
\n \n
\n
\n \n
\n
\n
Zooming
\n
\n
\n \n
\n
\n
\n
\n
Mouse wheel zoom
\n
\n
\n \n
\n
\n
\n
\n
Pinch zoom
\n
\n
\n \n
\n
\n
\n
\n
Single click zoom
\n
\n
\n \n
\n
\n
\n
\n
Double click zoom
\n
\n
\n \n
\n
\n
\n
\n
Animation duration 500 ms
\n
\n
\n \n
\n
\n
\n
\n \n \n\n
","index.ts":"{{ripple}}\r\n/**\r\n * Maps zooming sample\r\n */\r\nimport { Maps, Zoom, ILoadEventArgs, MapsTheme, MapAjax } from '@syncfusion/ej2-maps';\r\nimport { Slider, SliderChangeEventArgs } from '@syncfusion/ej2-inputs';\r\nimport { EmitType } from '@syncfusion/ej2-base';\r\nMaps.Inject(Zoom);\r\n\r\n\r\n let maps: Maps = new Maps({\r\n\r\n zoomSettings: {\r\n enable: true,\r\n toolbars: ['Zoom', 'ZoomIn', 'ZoomOut', 'Pan', 'Reset'],\r\n pinchZooming: true\r\n },\r\n layers: [\r\n {\r\n shapeData: new MapAjax('//npmci.syncfusion.com/development/demos/src/maps/map-data/world-map.json'),\r\n shapePropertyPath: 'continent',\r\n shapeDataPath: 'continent',\r\n animationDuration: 500,\r\n shapeSettings: {\r\n autofill: true,\r\n colorValuePath: 'color'\r\n },\r\n dataSource: new MapAjax('//npmci.syncfusion.com/development/demos/src/maps/map-data/zooming-datasource.json')\r\n }\r\n ]\r\n });\r\n maps.appendTo('#mapszooming');\r\n // code for property panel\r\n let sliderChange: EmitType;\r\n let slider: Slider = new Slider(\r\n {\r\n value: 500,\r\n min: 0, max: 1000, step: 250,\r\n change: sliderChange\r\n },\r\n '#range');\r\n slider.change = sliderChange = (e: SliderChangeEventArgs) => {\r\n maps.layers[0].animationDuration = e.value as number;\r\n maps.refresh();\r\n document.getElementById('dur').innerHTML = e.value.toString() + ' ms';\r\n };\r\n document.getElementById('mousewheel').onchange = () => {\r\n let element: HTMLInputElement = (document.getElementById('mousewheel'));\r\n maps.zoomSettings.mouseWheelZoom = element.checked;\r\n maps.refresh();\r\n };\r\n document.getElementById('pinch').onchange = () => {\r\n let element: HTMLInputElement = (document.getElementById('pinch'));\r\n maps.zoomSettings.pinchZooming = element.checked;\r\n maps.refresh();\r\n };\r\n document.getElementById('zoom').onchange = () => {\r\n let element: HTMLInputElement = (document.getElementById('zoom'));\r\n maps.zoomSettings.enable = element.checked;\r\n maps.refresh();\r\n };\r\n document.getElementById('doubletap').onchange = () => {\r\n let element: HTMLInputElement = (document.getElementById('doubletap'));\r\n maps.zoomSettings.doubleClickZoom = element.checked;\r\n let ele1: HTMLInputElement = document.getElementById('singletap');\r\n if (element.checked) {\r\n ele1.disabled = true;\r\n } else {\r\n ele1.disabled = false;\r\n }\r\n };\r\n document.getElementById('singletap').onchange = () => {\r\n let element: HTMLInputElement = (document.getElementById('singletap'));\r\n let ele1: HTMLInputElement = document.getElementById('doubletap');\r\n maps.zoomSettings.zoomOnClick = element.checked;\r\n if (element.checked) {\r\n ele1.disabled = true;\r\n } else {\r\n ele1.disabled = false;\r\n }\r\n };\r\n"}
\ No newline at end of file
diff --git a/src/maps/zooming.ts b/src/maps/zooming.ts
index eda12d25..9ff20d4b 100644
--- a/src/maps/zooming.ts
+++ b/src/maps/zooming.ts
@@ -72,7 +72,6 @@ Maps.Inject(Zoom);
document.getElementById('doubletap').onchange = () => {
let element: HTMLInputElement = (document.getElementById('doubletap'));
maps.zoomSettings.doubleClickZoom = element.checked;
- maps.zoomSettings.zoomOnClick = (!element.checked);
let ele1: HTMLInputElement = document.getElementById('singletap');
if (element.checked) {
ele1.disabled = true;
@@ -84,7 +83,6 @@ Maps.Inject(Zoom);
let element: HTMLInputElement = (document.getElementById('singletap'));
let ele1: HTMLInputElement = document.getElementById('doubletap');
maps.zoomSettings.zoomOnClick = element.checked;
- maps.zoomSettings.doubleClickZoom = (!element.checked);
if (element.checked) {
ele1.disabled = true;
} else {
diff --git a/src/maskedtextbox/custom-mask-stack.json b/src/maskedtextbox/custom-mask-stack.json
index 2bbc13af..f3f4bb70 100644
--- a/src/maskedtextbox/custom-mask-stack.json
+++ b/src/maskedtextbox/custom-mask-stack.json
@@ -1 +1 @@
-{"index.html":"\n\n \n\n
\n
\n
\n
Time (ex: 10:00 PM, 10:00 AM)\n
\n \n \n
IP Address (ex: 212.212.111.222)
\n \n \n
\n
\n\n\n\n
","index.ts":"{{ripple}}/**\r\n * Sample demonstrates custom characters and regular expression support.\r\n */\r\nimport { MaskedTextBox } from '@syncfusion/ej2-inputs';\r\n\r\n\r\n // Render the Masked Textbox\r\n let mask1: MaskedTextBox = new MaskedTextBox({\r\n mask: '00:00 >PM',\r\n // Custom characters to specify time value\r\n customCharacters: {\r\n P: 'P,A,a,p',\r\n M: 'M,m'\r\n },\r\n floatLabelType: 'Never'\r\n });\r\n mask1.appendTo('#mask1');\r\n // Render the Masked Textbox\r\n let mask2: MaskedTextBox = new MaskedTextBox({\r\n // Mask in range format\r\n mask: '[0-2][0-9][0-9].[0-2][0-9][0-9].[0-2][0-9][0-9].[0-2][0-9][0-9]',\r\n floatLabelType: 'Never'\r\n });\r\n mask2.appendTo('#mask2');\r\n\r\n"}
\ No newline at end of file
+{"index.html":"\n\n \n\n
\n
\n
\n
Time (ex: 10:00 PM, 10:00 AM)\n
\n \n \n
IP Address (ex: 212.212.111.222)
\n \n \n
\n
\n\n\n\n
","index.ts":"{{ripple}}\n/**\r\n * Sample demonstrates custom characters and regular expression support.\r\n */\r\nimport { MaskedTextBox } from '@syncfusion/ej2-inputs';\r\n\r\n\n \r\n // Render the Masked Textbox\r\n let mask1: MaskedTextBox = new MaskedTextBox({\r\n mask: '00:00 >PM',\r\n // Custom characters to specify time value\r\n customCharacters: {\r\n P: 'P,A,a,p',\r\n M: 'M,m'\r\n },\r\n floatLabelType: 'Never'\r\n });\r\n mask1.appendTo('#mask1');\r\n // Render the Masked Textbox\r\n let mask2: MaskedTextBox = new MaskedTextBox({\r\n // Mask in range format\r\n mask: '[0-2][0-9][0-9].[0-2][0-9][0-9].[0-2][0-9][0-9].[0-2][0-9][0-9]',\r\n floatLabelType: 'Never'\r\n });\r\n mask2.appendTo('#mask2');\r\n\r\n"}
\ No newline at end of file
diff --git a/src/maskedtextbox/custom-mask.ts b/src/maskedtextbox/custom-mask.ts
index f5030b9e..4136a5d3 100644
--- a/src/maskedtextbox/custom-mask.ts
+++ b/src/maskedtextbox/custom-mask.ts
@@ -1,9 +1,11 @@
+import { loadCultureFiles } from '../common/culture-loader';
/**
* Sample demonstrates custom characters and regular expression support.
*/
import { MaskedTextBox } from '@syncfusion/ej2-inputs';
(window as any).default = (): void => {
+ loadCultureFiles();
// Render the Masked Textbox
let mask1: MaskedTextBox = new MaskedTextBox({
mask: '00:00 >PM',
diff --git a/src/numerictextbox/range-validation-stack.json b/src/numerictextbox/range-validation-stack.json
index eb466aee..957d2d09 100644
--- a/src/numerictextbox/range-validation-stack.json
+++ b/src/numerictextbox/range-validation-stack.json
@@ -1 +1 @@
-{"index.html":"\n\n \n\n
\n
\n
\n
Numeric TextBox\n
\n \n \n
\n
\n\n\n\n\n
\n
\n
\n
\n
Min Value
\n
\n
\n
\n \n \n
\n
\n
\n
\n
\n
Max Value
\n
\n
\n
\n \n \n
\n
\n
\n
\n
\n
Increment Step
\n
\n
\n
\n \n \n
\n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n\n
","index.ts":"{{ripple}}\r\nimport {NumericTextBox} from '@syncfusion/ej2-inputs';\r\nimport { Button } from '@syncfusion/ej2-buttons';\r\n/**\r\n * Min-Max Range NumericTextBox sample\r\n */\r\n\r\n\r\n \r\n\r\n // Render numeric textbox with specific range\r\n let numeric: NumericTextBox = new NumericTextBox({\r\n min: 10,\r\n max: 100,\r\n value: 15\r\n });\r\n numeric.appendTo('#numeric');\r\n\r\n // Render Button control in properties panel\r\n let buttonApply : Button = new Button();\r\n buttonApply.appendTo('#buttonApply');\r\n\r\n // After clicking apply button- 'min', 'max' and 'increment step' details will be received from properties panel\r\n // and set it to Numeric Textbox.\r\n document.getElementById('buttonApply').onclick = (): void => {\r\n let min : number = parseFloat((document.getElementById('min') as HTMLInputElement).value);\r\n let max : number = parseFloat((document.getElementById('max') as HTMLInputElement).value);\r\n let step : number = parseFloat((document.getElementById('step') as HTMLInputElement).value);\r\n\r\n numeric.min = min;\r\n numeric.max = max;\r\n numeric.step = step;\r\n };\r\n\r\n"}
\ No newline at end of file
+{"index.html":"\n\n \n\n
\n
\n
\n
Numeric TextBox\n
\n \n \n
\n
\n\n\n\n\n
\n
\n
\n
\n
Min Value
\n
\n
\n
\n \n \n
\n
\n
\n
\n
\n
Max Value
\n
\n
\n
\n \n \n
\n
\n
\n
\n
\n
Increment Step
\n
\n
\n
\n \n \n
\n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n\n
","index.ts":"{{ripple}}\r\nimport {NumericTextBox} from '@syncfusion/ej2-inputs';\r\nimport { Button } from '@syncfusion/ej2-buttons';\r\n/**\r\n * Min-Max Range NumericTextBox sample\r\n */\r\n\r\n\r\n \r\n\r\n // Render numeric textbox with specific range\r\n let numeric: NumericTextBox = new NumericTextBox({\r\n min: 10,\r\n max: 100,\r\n value: 15\r\n });\r\n numeric.appendTo('#numeric');\r\n\r\n // Render Button control in properties panel\r\n let buttonApply : Button = new Button();\r\n buttonApply.appendTo('#buttonApply');\r\n\r\n // After clicking apply button- 'min', 'max' and 'increment step' details will be received from properties panel\r\n // and set it to Numeric Textbox.\r\n document.getElementById('buttonApply').onclick = (): void => {\r\n\r\n let min: number = parseFloat((document.getElementById('min') as HTMLInputElement).value);\r\n let max: number = parseFloat((document.getElementById('max') as HTMLInputElement).value);\r\n let step: number = parseFloat((document.getElementById('step') as HTMLInputElement).value);\r\n numeric.min = min;\r\n numeric.max = max;\r\n numeric.step = isNaN(step) ? 1 : step;\r\n };\r\n\r\n"}
\ No newline at end of file
diff --git a/src/numerictextbox/range-validation.ts b/src/numerictextbox/range-validation.ts
index d6a080ae..a2548044 100644
--- a/src/numerictextbox/range-validation.ts
+++ b/src/numerictextbox/range-validation.ts
@@ -23,12 +23,12 @@ import { Button } from '@syncfusion/ej2-buttons';
// After clicking apply button- 'min', 'max' and 'increment step' details will be received from properties panel
// and set it to Numeric Textbox.
document.getElementById('buttonApply').onclick = (): void => {
- let min : number = parseFloat((document.getElementById('min') as HTMLInputElement).value);
- let max : number = parseFloat((document.getElementById('max') as HTMLInputElement).value);
- let step : number = parseFloat((document.getElementById('step') as HTMLInputElement).value);
+ let min: number = parseFloat((document.getElementById('min') as HTMLInputElement).value);
+ let max: number = parseFloat((document.getElementById('max') as HTMLInputElement).value);
+ let step: number = parseFloat((document.getElementById('step') as HTMLInputElement).value);
numeric.min = min;
numeric.max = max;
- numeric.step = step;
+ numeric.step = isNaN(step) ? 1 : step;
};
};
diff --git a/src/pdfviewer/custom-toolbar.ts b/src/pdfviewer/custom-toolbar.ts
index dd29535f..e2520859 100644
--- a/src/pdfviewer/custom-toolbar.ts
+++ b/src/pdfviewer/custom-toolbar.ts
@@ -386,7 +386,6 @@ function updateSearchInputIcon(isEnable: boolean): void {
document.getElementById('totalPage').textContent = 'of ' + viewer.pageCount;
updatePageNavigation();
};
-
searchButton = document.getElementById('searchBtn');
searchInput.addEventListener('focus', () => { searchInput.parentElement.classList.add('e-input-focus'); });
searchInput.addEventListener('blur', () => { searchInput.parentElement.classList.remove('e-input-focus'); });
diff --git a/src/pdfviewer/sample.json b/src/pdfviewer/sample.json
index 146d1751..71151e2f 100644
--- a/src/pdfviewer/sample.json
+++ b/src/pdfviewer/sample.json
@@ -15,7 +15,7 @@
"url":"right-to-left", "name": "Right to Left", "description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with Right to Left Configuration ", "category": "PDF Viewer"
},
{
- "url":"form-filling", "name": "Form Filling", "description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with Form Filling Configuration ", "category": "PDF Viewer", "type": "new"
+ "url":"form-filling", "name": "Form Filling", "description":"This demo for Essential JS 2 PdfViewer shows the default rendering of the PdfViewer with Form Filling Configuration ", "category": "PDF Viewer"
}
]
}
\ No newline at end of file
diff --git a/src/pivot-table/sample.json b/src/pivot-table/sample.json
index 7535aff8..225f7902 100644
--- a/src/pivot-table/sample.json
+++ b/src/pivot-table/sample.json
@@ -31,7 +31,6 @@
"url": "olap",
"name": "OLAP",
"category": "Data Binding",
- "type": "new",
"description": "This demo for Essential JS2 Pivot Table control demonstrate the basic rendering of the pivot table with olap datasource"
},
{
@@ -91,6 +90,7 @@
{
"url": "calculated-field",
"name": "Calculated Field",
+ "type": "update",
"category": "Formula",
"description": "This demo for Essential JS2 Pivot Table control shows calculated field, and it allows users to add calculated items"
},
diff --git a/src/query-builder/locale.json b/src/query-builder/locale.json
new file mode 100644
index 00000000..fffda03c
--- /dev/null
+++ b/src/query-builder/locale.json
@@ -0,0 +1,179 @@
+{
+ "de": {
+ "query-builder": {
+ "AddGroup": "Gruppe hinzufügen",
+ "AddCondition": "Bedingung hinzufügen",
+ "DeleteRule": "Entfernen Sie diesen Zustand",
+ "DeleteGroup": "Gruppe löschen",
+ "Edit": "BEARBEITEN",
+ "SelectField": "Wählen Sie ein Feld aus",
+ "SelectOperator": "Operator auswählen",
+ "StartsWith": "Beginnt mit",
+ "EndsWith": "Endet mit",
+ "Contains": "Enthält",
+ "Equal": "Gleich",
+ "NotEqual": "Nicht gleich",
+ "LessThan": "Weniger als",
+ "LessThanOrEqual": "Weniger als oder gleich",
+ "GreaterThan": "Größer als",
+ "GreaterThanOrEqual": "Größer als oder gleich",
+ "Between": "Zwischen",
+ "NotBetween": "Nicht zwischen",
+ "In": "Im",
+ "NotIn": "Nicht in",
+ "Remove": "LÖSCHEN",
+ "ValidationMessage": "Dieses Feld wird benötigt",
+ "IsNull": "ist null",
+ "IsNotNull": "ist nicht null",
+ "IsEmpty": "ist leer",
+ "IsNotEmpty": "ist nicht leer",
+ "AND": "Und",
+ "OR": "Oder",
+ "NOT": "nicht",
+ "NotContains": "nicht enthält",
+ "NotStartsWith": "nicht anfangen mit",
+ "NotEndsWith": "nicht enden mit"
+ }
+ },
+ "ar": {
+ "query-builder": {
+ "AddGroup": "إضافة مجموعة",
+ "AddCondition": "إضافة شرط",
+ "DeleteRule": "حذف القاعدة",
+ "DeleteGroup": "حذف المجموعة",
+ "Edit": "تصحيح",
+ "SelectField": "اختر المجال",
+ "SelectOperator": "حدد المشغل",
+ "StartsWith": "ابدا ب",
+ "EndsWith": "ينتهي مع",
+ "Contains": "يحتوي على",
+ "Equal": "مساو",
+ "NotEqual": "غير متساوي",
+ "LessThan": "أقل من",
+ "LessThanOrEqual": "اصغر من او يساوي",
+ "GreaterThan": "أكثر من",
+ "GreaterThanOrEqual": "أكبر من أو يسا",
+ "Between": "ما بين",
+ "NotBetween": "ليس بينهما",
+ "In": "في",
+ "NotIn": "ليس في",
+ "Remove": "إزالة",
+ "ValidationMessage": "رسالة التحقق",
+ "AND": "و",
+ "OR": "أو",
+ "NOT": "ليس",
+ "NotContains": "لا يحتوي",
+ "NotStartsWith": "لا يبدأ مع",
+ "NotEndsWith": "لا ينتهي مع"
+ }
+ },
+ "en": {
+ "query-builder": {
+ "AddGroup": "Add Group",
+ "AddCondition": "Add Condition",
+ "DeleteRule": "Delete Rule",
+ "DeleteGroup": "Delete Group",
+ "Edit": "Edit",
+ "SelectField": "Select Field",
+ "SelectOperator": "Select Operator",
+ "StartsWith": "Starts With",
+ "EndsWith": "Ends With",
+ "Contains": "Contains",
+ "Equal": "Equal",
+ "NotEqual": "Not Equal",
+ "LessThan": "Less Than",
+ "LessThanOrEqual": "Less Than Or Equal",
+ "GreaterThan": "Greater Than",
+ "GreaterThanOrEqual": "Greater Than Or Equal",
+ "Between": "Between",
+ "NotBetween": "Not Between",
+ "In": "In",
+ "NotIn": "Not In",
+ "Remove": "Remove",
+ "ValidationMessage": "Validation Message",
+ "IsNull": "Is Null",
+ "IsNotNull": "Is Not Null",
+ "IsEmpty": "Is Empty",
+ "IsNotEmpty": "Is Not Empty",
+ "AND": "AND",
+ "OR": "OR",
+ "NOT": "NOT",
+ "NotContains": "Not Contains",
+ "NotStartsWith": "Not Starts With",
+ "NotEndsWith": "Not Ends With"
+ }
+ },
+ "zh": {
+ "query-builder": {
+ "AddGroup": "添加组",
+ "AddCondition": "添加条件",
+ "DeleteRule": "删除规则",
+ "DeleteGroup": "删除群组",
+ "Edit": "编辑",
+ "SelectField": "选择栏位",
+ "SelectOperator": "选择运算符",
+ "Contains": "包含",
+ "Equal": "等于",
+ "NotEqual": "不等于",
+ "LessThan": "少于",
+ "LessThanOrEqual": "小于或等于",
+ "GreaterThan": "比...更棒",
+ "GreaterThanOrEqual": "大于或等于",
+ "Between": "之间",
+ "CustomFilter": "自定义过滤器",
+ "StartsWith": "以。。开始",
+ "EndsWith": "以。。结束",
+ "NotBetween": "不介于",
+ "In": "在",
+ "NotIn": "不在",
+ "Remove": "去掉",
+ "ValidationMessage": "确认信息",
+ "IsNull": "一片空白",
+ "IsNotNull": "不为空",
+ "IsEmpty": "是空的",
+ "IsNotEmpty": "不为空",
+ "AND": "和",
+ "OR": "要么",
+ "NOT": "不",
+ "NotContains": "不包含",
+ "NotStartsWith": "不是从开始",
+ "NotEndsWith": "不以...结尾"
+ }
+ },
+ "fr-CH": {
+ "query-builder": {
+ "AddGroup": "ajouter un groupe",
+ "AddCondition": "ajouter une condition",
+ "DeleteRule": "supprimer la règle",
+ "DeleteGroup": "supprimer le groupe",
+ "Edit": "modifier",
+ "SelectField": "Sélectionner un champ",
+ "SelectOperator": "sélectionner opérateur",
+ "StartsWith": "Commence avec",
+ "EndsWith": "Se termine par",
+ "Contains": "Contient",
+ "Equal": "Égal",
+ "NotEqual": "Inégal",
+ "LessThan": "Moins que",
+ "LessThanOrEqual": "Moins que ou égal",
+ "GreaterThan": "Plus grand que",
+ "GreaterThanOrEqual": "Meilleur que ou égal",
+ "Between": "entre",
+ "NotBetween": "pas entre",
+ "In": "dans",
+ "NotIn": "pas dedans",
+ "Remove": "retirer",
+ "ValidationMessage": "message de validation",
+ "IsNull": "est nul",
+ "IsNotNull": "est non nulle",
+ "IsEmpty": "est vide",
+ "IsNotEmpty": "est pas vide",
+ "AND": "ET",
+ "OR": "OU",
+ "NOT": "ne pas",
+ "NotContains": "ne contient pas",
+ "NotStartsWith": "ne commence pas avec",
+ "NotEndsWith": "ne se termine pas"
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/range-navigator/date-time.ts b/src/range-navigator/date-time.ts
index 2d975937..60d94225 100644
--- a/src/range-navigator/date-time.ts
+++ b/src/range-navigator/date-time.ts
@@ -11,7 +11,8 @@ import { Browser, Ajax } from '@syncfusion/ej2-base';
*/
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
-let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() +
+selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
let themes: string[] = ['Material', 'Fabric', 'Bootstrap', 'Highcontrast'];
let borderColor: string[] = ['#00bdae', '#4472c4', '#a16ee5', '#79ECE4'];
let regionColor: string[] = ['rgba(0, 189, 174, 0.3)', 'rgba(68, 114, 196, 0.3)',
diff --git a/src/range-navigator/default.ts b/src/range-navigator/default.ts
index 2168cc45..c54cc05b 100644
--- a/src/range-navigator/default.ts
+++ b/src/range-navigator/default.ts
@@ -9,7 +9,8 @@ import { Browser, Ajax } from '@syncfusion/ej2-base';
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
-let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() +
+selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
let themes: string[] = ['Material', 'Fabric', 'Bootstrap', 'Highcontrast'];
let borderColor: string[] = ['#00bdae', '#4472c4', '#a16ee5', '#79ECE4'];
let regionColor: string[] = ['rgba(0, 189, 174, 0.3)', 'rgba(68, 114, 196, 0.3)',
diff --git a/src/range-navigator/double.ts b/src/range-navigator/double.ts
index e4edc347..6fb18dea 100644
--- a/src/range-navigator/double.ts
+++ b/src/range-navigator/double.ts
@@ -15,7 +15,8 @@ import { Browser, Ajax } from '@syncfusion/ej2-base';
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
-let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() +
+selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
let chartAnnotation: ChartAnnotationSettingsModel[] = [];
chartAnnotation.push({ content: '', coordinateUnits: 'Pixel', region: 'Chart', x: '85%', y: '15%' });
let backgroundColor: string = 'white';
diff --git a/src/range-navigator/empty-data.ts b/src/range-navigator/empty-data.ts
index b65c6b0d..0dfdcb69 100644
--- a/src/range-navigator/empty-data.ts
+++ b/src/range-navigator/empty-data.ts
@@ -13,7 +13,8 @@ let startDate: Date = new Date(2012, 4, 2);
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
-let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() +
+selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
let themes: string[] = ['Material', 'Fabric', 'Bootstrap', 'Highcontrast'];
let borderColor: string[] = ['#00bdae', '#4472c4', '#a16ee5', '#79ECE4'];
let regionColor: string[] = ['rgba(0, 189, 174, 0.3)', 'rgba(68, 114, 196, 0.3)',
diff --git a/src/range-navigator/export.ts b/src/range-navigator/export.ts
index ec7233f3..5cefe6d1 100644
--- a/src/range-navigator/export.ts
+++ b/src/range-navigator/export.ts
@@ -14,7 +14,8 @@ import { Ajax } from '@syncfusion/ej2-base';
*/
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
-let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() +
+selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
let themes: string[] = ['Material', 'Fabric', 'Bootstrap', 'Highcontrast'];
let borderColor: string[] = ['#FF4081', '#007897', '#428BCA', '#FFD939'];
let regionColor: string[] = ['rgba(255, 64, 129, 0.3)', ' rgba(0, 120, 151, 0.3)',
diff --git a/src/range-navigator/filter.ts b/src/range-navigator/filter.ts
index f9e57d61..3dfded70 100644
--- a/src/range-navigator/filter.ts
+++ b/src/range-navigator/filter.ts
@@ -10,7 +10,8 @@ import { Grid } from '@syncfusion/ej2-grids';
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
-let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() +
+selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
this.renderChart = (datasrc: Object[]): void => {
let grid: Grid = new Grid({
diff --git a/src/range-navigator/light-weight.ts b/src/range-navigator/light-weight.ts
index 469ffd02..b2002f86 100644
--- a/src/range-navigator/light-weight.ts
+++ b/src/range-navigator/light-weight.ts
@@ -14,7 +14,8 @@ import { Browser } from '@syncfusion/ej2-base';
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
- let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+ let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() +
+ selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
let range: RangeNavigator = new RangeNavigator(
{
valueType: 'DateTime',
diff --git a/src/range-navigator/logarithmic.ts b/src/range-navigator/logarithmic.ts
index 0041ba23..382748d1 100644
--- a/src/range-navigator/logarithmic.ts
+++ b/src/range-navigator/logarithmic.ts
@@ -20,7 +20,8 @@ for (let i: number = 0; i < 100; i++) {
}
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
-let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() +
+selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
let themes: string[] = ['Material', 'Fabric', 'Bootstrap', 'Highcontrast'];
let borderColor: string[] = ['#00bdae', '#4472c4', '#a16ee5', '#79ECE4'];
let regionColor: string[] = ['rgba(0, 189, 174, 0.3)', 'rgba(68, 114, 196, 0.3)',
diff --git a/src/range-navigator/multilevel.ts b/src/range-navigator/multilevel.ts
index 808b708b..42f78a37 100644
--- a/src/range-navigator/multilevel.ts
+++ b/src/range-navigator/multilevel.ts
@@ -17,7 +17,8 @@ for (let j: number = 1; j < 1090; j++) {
}
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
-let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() +
+selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
(window as any).default = (): void => {
loadCultureFiles();
let range: RangeNavigator = new RangeNavigator(
diff --git a/src/range-navigator/period-selector-default.ts b/src/range-navigator/period-selector-default.ts
index a82e3ce5..88fb093d 100644
--- a/src/range-navigator/period-selector-default.ts
+++ b/src/range-navigator/period-selector-default.ts
@@ -13,7 +13,8 @@ import { Browser } from '@syncfusion/ej2-base';
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
-let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() +
+selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
(window as any).default = (): void => {
loadCultureFiles();
diff --git a/src/range-navigator/period-selector-stocks.ts b/src/range-navigator/period-selector-stocks.ts
index fd4a0e9e..4577bf99 100644
--- a/src/range-navigator/period-selector-stocks.ts
+++ b/src/range-navigator/period-selector-stocks.ts
@@ -25,7 +25,8 @@ import { chartData } from './stock-chart-data';
let index: number = 0;
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
-let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() +
+selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
let removeSecondaryElement: Function;
let periodsValue: PeriodSelectorSettingsModel = {
position: 'Top',
diff --git a/src/range-navigator/period-selector.ts b/src/range-navigator/period-selector.ts
index 259f1de5..167539ff 100644
--- a/src/range-navigator/period-selector.ts
+++ b/src/range-navigator/period-selector.ts
@@ -14,7 +14,8 @@ import { Browser, remove, Ajax } from '@syncfusion/ej2-base';
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
-let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() +
+selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
// tslint:disable-next-line:max-func-body-length
let removeSecondaryElement: Function;
diff --git a/src/range-navigator/right-to-left.ts b/src/range-navigator/right-to-left.ts
index 11587363..434875de 100644
--- a/src/range-navigator/right-to-left.ts
+++ b/src/range-navigator/right-to-left.ts
@@ -11,7 +11,8 @@ import { Browser, Ajax } from '@syncfusion/ej2-base';
*/
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
-let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+let theme: ChartTheme = (selectedTheme.charAt(0).toUpperCase() +
+selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
let themes: string[] = ['Material', 'Fabric', 'Bootstrap', 'Highcontrast'];
let borderColor: string[] = ['#00bdae', '#4472c4', '#a16ee5', '#79ECE4'];
let regionColor: string[] = ['rgba(0, 189, 174, 0.3)', 'rgba(68, 114, 196, 0.3)',
diff --git a/src/rich-text-editor/blog-posting.ts b/src/rich-text-editor/blog-posting.ts
index a3529a8f..e7ae7805 100644
--- a/src/rich-text-editor/blog-posting.ts
+++ b/src/rich-text-editor/blog-posting.ts
@@ -4,6 +4,7 @@ import { loadCultureFiles } from '../common/culture-loader';
*/
import { RichTextEditor, Link, Image, HtmlEditor, Toolbar, QuickToolbar } from '@syncfusion/ej2-richtexteditor';
import { Button } from '@syncfusion/ej2-buttons';
+import { isNullOrUndefined as isNOU} from '@syncfusion/ej2-base';
RichTextEditor.Inject(Link, Image, HtmlEditor, Toolbar, QuickToolbar);
(window as any).default = (): void => {
@@ -31,7 +32,8 @@ RichTextEditor.Inject(Link, Image, HtmlEditor, Toolbar, QuickToolbar);
let comment: string = answerElement.innerHTML;
let empList: string[] = ['emp1', 'emp2', 'emp3'];
let nameListList: string[] = ['Anne Dodsworth', 'Janet Leverling', 'Laura Callahan'];
- if (comment !== null && comment.trim() !== '' && answerElement.innerText.trim() !== '') {
+ if (comment !== null && comment.trim() !== '' && (answerElement.innerText.trim() !== '' ||
+ !isNOU(answerElement.querySelector('img')) || !isNOU(answerElement.querySelector('table')))) {
let answer: HTMLElement = document.querySelector('.answer');
let cloneAnswer: HTMLElement = answer.cloneNode(true) as HTMLElement;
let authorName: HTMLElement = cloneAnswer.querySelector('.authorname');
diff --git a/src/rich-text-editor/image.ts b/src/rich-text-editor/image.ts
index a9b57eec..6835cb9a 100644
--- a/src/rich-text-editor/image.ts
+++ b/src/rich-text-editor/image.ts
@@ -55,10 +55,14 @@ import { DropDownList } from '@syncfusion/ej2-dropdowns';
let transform: number = (imgEle.style.transform === '') ? 0 :
parseInt(imgEle.style.transform.split('(')[1].split(')')[0], 10);
imgEle.style.transform = 'rotate(' + (transform + 90) + 'deg)';
+ defaultRTE.formatter.saveData();
+ defaultRTE.formatter.enableUndo(defaultRTE);
} else if (e.item.tooltipText === 'Rotate Left') {
let transform: number = (imgEle.style.transform === '') ? 0 :
Math.abs(parseInt(imgEle.style.transform.split('(')[1].split(')')[0], 10));
imgEle.style.transform = 'rotate(-' + (transform + 90) + 'deg)';
+ defaultRTE.formatter.saveData();
+ defaultRTE.formatter.enableUndo(defaultRTE);
}
}
};
diff --git a/src/rich-text-editor/resize-editor.ts b/src/rich-text-editor/resize-editor.ts
index e514920b..a4405a86 100644
--- a/src/rich-text-editor/resize-editor.ts
+++ b/src/rich-text-editor/resize-editor.ts
@@ -9,7 +9,8 @@ RichTextEditor.Inject(Toolbar, Link, Image, HtmlEditor, QuickToolbar, Resize);
loadCultureFiles();
let defaultRTE: RichTextEditor = new RichTextEditor({
- enableResize: true
+ enableResize: true,
+ height: 250
});
defaultRTE.appendTo('#defaultRTE');
};
\ No newline at end of file
diff --git a/src/rich-text-editor/sample.json b/src/rich-text-editor/sample.json
index 4915dc3d..2dd350e6 100644
--- a/src/rich-text-editor/sample.json
+++ b/src/rich-text-editor/sample.json
@@ -8,131 +8,125 @@
"url": "tools",
"name": "Overview",
"type": "update",
- "description": "This demo shows the overview of an HTML and markdown editor using Syncfusion JavaScript rich text editor control.",
+ "description": "This demo describes basic and advanced features of the JavaScript rich text editor control (WYSIWYG HTML Editor) with all its tools and functionalities.",
"category": "Rich Text Editor",
"api": { "RichTextEditor": ["Inject", "toolbarSettings", "showCharCount", "actionBegin", "actionComplete", "maxLength", "appendTo"], "ToolbarSettings": ["items"] }
},
{
"url": "rich-text-editor",
"name": "Default Functionalities",
- "description": "This demo for Syncfusion JavaScript rich text editor control shows the default rendering with minimum configuration.",
+ "description": "This demo shows how to render HTML5 JavaScript rich text editor (JavaScript WYSIWYG HTML editor) control with a minimum configuration setting.",
"category": "Rich Text Editor",
"api": { "RichTextEditor": ["Inject", "appendTo"] }
},
{
"url": "image",
"name": "Image",
- "type": "update",
- "description": "The demo for Syncfusion JavaScript rich text editor control shows the option to insert images with image caption and link URLs to the images.",
+ "description": "This demo explains how to insert images with a blob or base64 format, link to the images, image upload, rotate left/right, and more in JS WYSIWYG HTML Editor.",
"category": "Rich Text Editor",
"api": { "RichTextEditor": ["Inject", "quickToolbarSettings", "toolbarClick", "appendTo", "getRange"], "QuickToolbarSettings": ["image"] }
},
{
"url": "inline",
"name": "Inline",
- "description": "This demo for Syncfusion JavaScript rich text editor control demonstrates on how to activate the editor on demand while editing the content.",
+ "description": "This demo shows inline WYSIWYG HTML editor that is displayed when selecting the content or simply focusing on the content inside the JS Rich Text Editor.",
"category": "Rich Text Editor",
"api": { "RichTextEditor": ["Inject", "inlineMode", "toolbarSettings", "format", "fontFamily", "appendTo", "dataBind"], "InlineMode": ["enable", "onSelection"], "ToolbarSettings": ["items"], "Format": ["width"], "FontFamily": ["width"] }
},
{
"url": "paste-cleanup",
"name": "Paste from MS Word",
- "type": "update",
- "description": "This demo for Syncfusion JavaScript rich text editor control demonstrates on paste cleanup feature while pasting the content.",
+ "description": "This demo explains how to clean up HTML when pasting a content from Microsoft Word, Visual Studio Code, Visual Studio, or a web page in JS HTML Editor.",
"category": "Rich Text Editor",
"api": { "RichTextEditor": ["Inject", "pasteCleanupSettings", "appendTo"], "PasteCleanupSettings": ["prompt", "plainText", "keepFormat", "deniedTags", "deniedAttrs", "allowedStyleProps"] }
},
{
"url": "iframe",
"name": "IFrame",
- "description": "This demo for Syncfusion JavaScript rich text editor control demonstrates the default rendering of the rich text editor in iframe mode.",
+ "description": "This demo shows how to render a JavaScript rich text editor (iframe editor) that was designed by using the iframe element covering all tool functionalities.",
"category": "Rich Text Editor",
"api": { "RichTextEditor": ["Inject", "height", "iframeSettings", "toolbarSettings", "actionBegin", "actionComplete", "appendTo"], "IFrameSettings": ["enable"], "ToolbarSettings": ["items"] }
},
{
"url": "print",
"name": "Print",
- "description": "This demo for Syncfusion JavaScript rich text editor control shows how to print the content of the editor with its styles.",
+ "description": "This demo sample shows how to print the content of the JavaScript rich text editor (HTML editor) with styles and formatting using the print module.",
"category": "Rich Text Editor",
"api": { "RichTextEditor": ["Inject", "toolbarSettings", "print", "appendTo"], "ToolbarSettings": ["items"] }
},
{
"url": "ajax-load",
"name": "Ajax Content",
- "description": "This demo for Syncfusion JavaScript rich text editor control demonstrates how to load content to the editor from an external source using Ajax library.",
+ "description": "This demo shows how to load the content to the editor from external sources like external pages andfiles using the AJAX library in JavaScript WYSIWYG Editor.",
"category": "Rich Text Editor",
"api": { "RichTextEditor": ["Inject", "value", "appendTo"] }
},
{
"url": "form-validation",
"name": "Form Validation",
- "description": "This demo for Syncfusion JavaScript rich text editor control demonstrates the HTML forms support on the rich text editor control.",
+ "description": "This demo shows how to validate the content of the JS WYSIWYG editor using obtrusive validation with the Form validation library.",
"category": "Rich Text Editor",
"api": { "RichTextEditor": ["Inject", "showCharCount", "maxLength", "placeholder", "appendTo"] }
},
{
"url": "resize-editor",
"name": "Resizable Editor",
- "type": "new",
- "description": "This demo for Syncfusion JavaScript rich text editor control demonstrates the resizable support on the rich text editor control.",
+ "description": "This demo explains how to render a resizable JavaScript Editor that allows resizing an editor and viewing its content with an enlarging or shrunk scale.",
"category": "Rich Text Editor",
"api": { "RichTextEditor": ["enableResize", "appendTo"] }
},
{
"url": "api",
"name": "API",
- "description": "This demo for Syncfusion JavaScript rich text editor control demonstrates the usage of API in rich text editor control.",
+ "description": "This demo covers important APIs of the JavaScript rich text editor such as content length, HTML encoding, read-only, retrieve the selected content, and more.",
"category": "Rich Text Editor",
"api": { "RichTextEditor": ["Inject", "showCharCount", "maxLength", "appendTo", "readonly", "enabled", "enableHtmlEncode", "value", "getSelection", "selectAll"] }
},
{
"url": "client-side-events",
"name": "Events",
- "type": "update",
- "description": "This demo for Syncfusion JavaScript rich text editor control shows the events that have been triggered during the rich text editor operations.",
+ "description": "This demo explains client-side events of JavaScript HTML Text Editor that is triggered on editing and formatting operations with an event tracer.",
"category": "Rich Text Editor",
"api": { "RichTextEditor": ["Inject", "toolbarSettings", "created", "actionBegin", "actionComplete", "focus", "blur", "change", "toolbarClick", "appendTo"], "ToolbarSettings": ["items"] }
},
{
"url": "blog-posting",
"name": "Use Case",
- "description": "This demo for Syncfusion JavaScript rich text editor control demonstrates how to design forum application using rich text editor.",
+ "description": "The Rich Text Editor is used in most real-time applications. The html5 rich text editor example shows how to design a forum application in JS application.",
"category": "Rich Text Editor",
"api": { "RichTextEditor": ["Inject", "placeholder", "value", "dataBind", "refresh", "appendTo"] }
},
{
"url": "auto-save",
"name": "Auto Save",
- "type": "new",
- "description": "This demo for Syncfusion JavaScript rich text editor control demonstrates how to design forum application using rich text editor.",
+ "description": "This demo shows how to autosave the content of the editor with customized time intervals and retrieve the saved content in JS Rich Text Editor.",
"category": "Rich Text Editor",
"api": { "RichTextEditor": ["Inject", "placeholder", "enablePersistance", "saveInterval", "toolbarSettings", "appendTo"] }
},
{
"url": "types",
"name": "Type",
- "description": "This demo for Syncfusion JavaScript rich text editor control demonstrates the different behavior of toolbar support in the rich text editor.",
+ "description": "This demo demonstrates different types and behaviors of a toolbar used in the JS HTML Editor such as expand/collapse, multirow, and floating.",
"category": "Toolbar",
"api": { "RichTextEditor": ["Inject", "floatingToolbarOffset", "toolbarSettings", "actionBegin", "actionComplete", "dataBind", "appendTo"], "ToolbarSettings": ["items", "type", "enableFloating"] }
},
{
"url": "insert-emoticons",
"name": "Insert Emoticons",
- "description": "This demo for Syncfusion JavaScript rich text editor control shows the users to add their emoticons to the toolbar along with the built-in commands.",
+ "description": "This demo demonstrates how to insert emoticons into the rich content in JS WYSIWYG HTML Editor using a custom tool in the editor toolbar.",
"category": "Custom Tool",
"api": { "RichTextEditor": ["Inject", "toolbarSettings", "value", "created", "appendTo"], "ToolbarSettings": ["items"] }
},
{
"url": "insert-special-characters",
"name": "Insert Special Characters",
- "description": "This demo for Syncfusion JavaScript rich text editor control shows the users to add their commands to the toolbar along with the built-in commands.",
+ "description": "The demo demonstrates how to add special characters or symbols into the rich content in JS Rich Text Editor using a custom toolbar command.",
"category": "Custom Tool",
"api": { "RichTextEditor": ["Inject", "toolbarSettings", "value", "created", "appendTo"], "ToolbarSettings": ["items"] }
},
{
"url": "markdown-editor",
"name": "Overview",
- "type": "update",
"description": "This demo for Syncfusion JavaScript rich text editor control shows the markdown editing in the rich text editor with complete features.",
"category": "Markdown",
"api": { "RichTextEditor": ["Inject", "toolbarSettings", "height", "created", "disableToolbarItem", "enableToolbarItem", "editorMode", "appendTo"], "ToolbarSettings": ["items"] }
@@ -140,22 +134,21 @@
{
"url": "markdown-editor-preview",
"name": "Preview",
- "description": "This demo for Syncfusion JavaScript rich text editor control shows the users to switch between editing content and its visual preview in Markdown Editor.",
+ "description": "This demo covers all supported features and functionalities of the JavaScript Markdown editor, which is another mode of the JavaScript Rich Text Editor.",
"category": "Markdown",
"api": { "RichTextEditor": ["Inject", "toolbarSettings", "height", "created", "disableToolbarItem", "enableToolbarItem", "editorMode", "actionBegin", "appendTo"], "ToolbarSettings": ["items"] }
},
{
"url": "markdown-editor-custom-format",
"name": "Custom Format",
- "description": "This demo for Syncfusion JavaScript rich text editor control demonstrates on how to customize tags of markdown formatting in rich text editor.",
+ "description": "This demo explains how to convert markdown content (with the custom format) to valid HTML markup using Markdown-to-HTML of the markdown parser in JavaScript.",
"category": "Markdown",
"api": { "RichTextEditor": ["Inject", "toolbarSettings", "height", "created", "disableToolbarItem", "enableToolbarItem", "editorMode", "formatter", "appendTo"], "ToolbarSettings": ["items"] }
},
{
"url": "tribute",
"name": "Tribute JS",
- "type": "new",
- "description": "This demo for Syncfusion JavaScript rich text editor control demonstrates the HTML forms support on the rich text editor control.",
+ "description": "This demo shows how to integrate Mention library like Tribute JS within the JavaScript HTML text editor to get the autocomplete popup with a suggestion list.",
"category": "Third-parties Integration",
"api": { "RichTextEditor": ["placeholder", "appendTo"] }
}
diff --git a/src/rich-text-editor/tools.html b/src/rich-text-editor/tools.html
index e4306194..1ebd17aa 100644
--- a/src/rich-text-editor/tools.html
+++ b/src/rich-text-editor/tools.html
@@ -65,6 +65,7 @@
FullScreen - Stretches the editor to the maximum width and height of the browser window.
Format – Formats the sentence in different ways such as heading level, quotation, and code snippet
Styles – Allows you to apply inline styles to the selected content like bold, italic, and more.
+
Insert Code - Allows you to apply code format to the selected parent nodes. In the above sample, the style for the code format ('pre' tag) is applied by adding the background color.
Injecting Module
The above features built as modules have to be included in your application. For example, to use image and link, inject the specific module using RichTextEditor.Inject (Toolbar, Link, Image, Count, HtmlEditor, QuickToolbar, Table).
@@ -101,4 +102,13 @@
.sb-header.e-view.hide-header {
display: none;
}
+
+ .e-richtexteditor .e-rte-content .e-content pre {
+ padding: 10px;
+ background: #F4F5F7;
+ }
+ .highcontrast .e-richtexteditor .e-rte-content .e-content pre {
+ padding: 10px;
+ background: #303030;
+ }
\ No newline at end of file
diff --git a/src/schedule/sample.json b/src/schedule/sample.json
index bebcf986..4e64f6a2 100644
--- a/src/schedule/sample.json
+++ b/src/schedule/sample.json
@@ -3,12 +3,11 @@
"directory": "schedule",
"category": "Calendars",
"ftName": "scheduler",
- "type": "update",
"samples": [{
"url": "default",
"name": "Default Functionalities",
"category": "Scheduler",
- "description": "This example for Essential JS2 Scheduler control shows how the flat Scheduler looks like with its default set of minimal configurations in TypeScript platform.",
+ "description": "This demo shows how the Scheduler control functionalities work with the default set of minimal configurations in a JavaScript application.",
"api": {
"Schedule": [
"height",
@@ -21,7 +20,7 @@
"url": "local-data",
"name": "Local Data",
"category": "Data Binding",
- "description": "This example for Essential JS2 Scheduler control shows the way of binding an array of JavaScript objects (local JSON datasource) in Typescript platform.",
+ "description": "This demo shows how to populate appointments in the JavaScript Scheduler through local data sources like JSON data types with the proper date format.",
"api": {
"Schedule": [
"eventSettings",
@@ -33,7 +32,7 @@
"url": "remote-data",
"name": "Remote Data",
"category": "Data Binding",
- "description": "This example for Essential JS2 Scheduler control shows the way of binding remote services by using the DataManager in TypeScript platform.",
+ "description": "This demo shows how to populate appointments or events in the JS Scheduler through remote data sources such as web services, web API, URL, and OData.",
"api": {
"Schedule": [
"eventSettings",
@@ -45,7 +44,7 @@
"url": "calendar-integration",
"name": "Sync Google Calendar",
"category": "Data Binding",
- "description": "This example illustrates how to integrate the Google Calendar events into HTML5 JavaScript Scheduler.",
+ "description": "This example shows how to synchronously work with JavaScript Scheduler and Google Calendar by converting Scheduler events to the required format.",
"api": {
"Schedule": [
"eventSettings",
@@ -58,7 +57,7 @@
"url": "recurrence-events",
"name": "Recurring Events",
"category": "Appointments",
- "description": "This example for Essential JS2 Scheduler control shows the scheduler with recurring meetings handled on a regular pattern.",
+ "description": "This demo shows how to define recurring events (appointments) with different patterns and rules that meet iCalendar specifications in the JS Scheduler.",
"api": {
"Schedule": [
"width",
@@ -73,7 +72,7 @@
"url": "block-events",
"name": "Blocking Dates and Time",
"category": "Appointments",
- "description": "This example demonstrates how to block specific days or time intervals on HTML5 JavaScript Scheduler.",
+ "description": "This example shows how to block specific days or time intervals on the JS Scheduler that helps to mark unavailable time or days in Calendar.",
"api": {
"Schedule": [
"width",
@@ -88,7 +87,7 @@
"url": "search-events",
"name": "Search Events",
"category": "Appointments",
- "description": "This example showcases how to search the events of HTML5 JavaScript Scheduler based on specific field criteria.",
+ "description": "This example shows how to filter the appointments or events of the JS Scheduler based on a search string in a particular field or all fields.",
"api": {
"Schedule": [
"width",
@@ -103,7 +102,7 @@
"url": "timezone",
"name": "Timezone",
"category": "Appointments",
- "description": "This example for Essential JS2 Scheduler control shows how the events are displayed in different timings as per the selected timezone.",
+ "description": "This demo shows how the JavaScript Scheduler works with different time zones. The events in the Scheduler automatically adapt to the selected time zone.",
"api": {
"Schedule": [
"timezone",
@@ -117,7 +116,7 @@
"url": "external-drag-drop",
"name": "External Drag and Drop",
"category": "Appointments",
- "description": "This example shows how to drag and drop the events from an external source into HTML5 JavaScript scheduler.",
+ "description": "This demo shows the ability to drag and drop appointments from an external source (such as the DataGrid, ListView, etc.) into the JavaScript Scheduler.",
"api": {
"Schedule": [
"currentView",
@@ -137,7 +136,7 @@
"name": "Virtual Scrolling ",
"category": "Scrolling",
"hideOnDevice": true,
- "description": "This example illustrates how to enable the virtual loading of resources and its events in JavaScript Scheduler.",
+ "description": "This example illustrates how to achieve high performance in the JavaScript Scheduler using virtual scrolling to load resources and events on demand.",
"api": {
"Schedule": [
"views",
@@ -151,7 +150,7 @@
"url": "views",
"name": "Basic Views",
"category": "Views",
- "description": "This example for Essential JS2 Scheduler control shows the usage of basic views such as Day, Week, Work Week and Month.",
+ "description": "This example demonstrates the basic views (day, week, workweek, and month) of the JavaScript Scheduler control with their default configurations.",
"api": {
"Schedule": [
"currentView",
@@ -165,7 +164,7 @@
"url": "timeline",
"name": "Timeline Views",
"category": "Views",
- "description": "This example for Essential JS2 Scheduler control shows how the timeline scheduler looks like with its default set of configurations.",
+ "description": "This example presents timeline views (day, week, workweek, and month) of the JavaScript Scheduler with their default configurations.",
"api": {
"Schedule": [
"height",
@@ -178,7 +177,7 @@
"url": "agenda",
"name": "Agenda View",
"category": "Views",
- "description": "This example for Essential JS2 Scheduler control shows the agenda view and the configurations available in it.",
+ "description": "This demo shows the agenda view of the JS Schedule that displays events as a list with virtual scrolling, with a number of initially loaded days.",
"api": {
"Schedule": [
"agendaDaysCount",
@@ -194,7 +193,7 @@
"url": "month-agenda",
"name": "Month Agenda View",
"category": "Views",
- "description": "This example for Essential JS2 Scheduler control shows the layout of Month Agenda view and how it works.",
+ "description": "This demo presents the JavaScript Scheduler month-agenda view, which follows the month-view layout while displaying events for a selected date.",
"api": {
"Schedule": [
"currentView",
@@ -208,8 +207,7 @@
"url": "year",
"name": "Year View",
"category": "Views",
- "type": "new",
- "description": "This example for Essential JS2 Scheduler control shows the layout of Horizontal and Vertical Year views and how it works.",
+ "description": "This example presents a year view of the JS Scheduler that displays appointments or events for an entire year with a horizontal or vertical layout.",
"api": {
"Schedule": [
"views",
@@ -221,7 +219,7 @@
"url": "views-configuration",
"name": "Individual View Settings",
"category": "Views",
- "description": "This example for Essential JS2 Scheduler control shows how to customize each of the view with specific configurations.",
+ "description": "This demo shows how to configure different settings for each view in the JS Scheduler, like applying event templates to the month view alone.",
"api": {
"Schedule": [
"currentView",
@@ -235,7 +233,7 @@
"url": "extended-views",
"name": "View Intervals",
"category": "Views",
- "description": "This example for Essential JS2 Scheduler control shows how to display n number of days, weeks and months on a single view.",
+ "description": "This demo shows how to design own custom views like 3 days, 2 weeks, 4 months apart from the default day, work week, month in JS Event Scheduler.",
"api": {
"Schedule": [
"currentView",
@@ -249,7 +247,7 @@
"url": "timeline-resources",
"name": "Room Scheduler",
"category": "Multiple Resources",
- "description": "This example for Essential JS2 Scheduler control shows how to design the room scheduling calendar and manage the events booked on a particular time interval.",
+ "description": "This demo shows how to design a meeting room calendar, conference room calendar, and cabin room manager using our JavaScript event calendar control.",
"api": {
"Schedule": [
"currentView",
@@ -264,7 +262,7 @@
"url": "resources",
"name": "Fare Calendar",
"category": "Multiple Resources",
- "description": "This example for Essential JS2 Scheduler control shows how to customize the scheduler to showcase it as an Airfare calendar.",
+ "description": "This demo is a real-time airfare calendar showcase application with flight and airfare details using the JavaScript Scheduler control.",
"api": {
"Schedule": [
"currentView",
@@ -278,7 +276,7 @@
"url": "resource",
"name": "Resources",
"category": "Multiple Resources",
- "description": "This example depicts how to show or hide the resource events on JavaScript Scheduler based on the resource selection.",
+ "description": "This JavaScript Scheduler control example depicts how to show or hide appointments or events based on selected resources among multiple resources.",
"api": {
"Schedule": [
"width",
@@ -293,7 +291,7 @@
"url": "group-editing",
"name": "Shared Events",
"category": "Multiple Resources",
- "description": "This example for Essential JS2 Scheduler control shows the usage of single event that are shared by multiple resources.",
+ "description": "This demo presents event (appointment) sharing, which enables a single event to be shared by multiple resources in the JS Scheduler event calendar.",
"api": {
"Schedule": [
"resourceHeaderTemplate",
@@ -307,7 +305,7 @@
"url": "group-custom-work-days",
"name": "Different Work Days",
"category": "Multiple Resources",
- "description": "This example for Essential JS2 Scheduler control shows how to set different working days for each of the resources.",
+ "description": "This demo shows how to set different workdays for each resource in a group to build a doctor availability application in the JS event calendar.",
"api": {
"Schedule": [
"resourceHeaderTemplate",
@@ -321,7 +319,7 @@
"url": "add-remove-resources",
"name": "Show/Hide Resources",
"category": "Multiple Resources",
- "description": "This example for Essential JS2 Scheduler control shows how to dynamically add or remove the resources to and from the scheduler layout.",
+ "description": "This demo shows how to dynamically add or remove resources from the JavaScript Scheduler layout along with their appointments (events).",
"api": {
"Schedule": [
"currentView",
@@ -335,7 +333,7 @@
"url": "adaptive-rows",
"name": "Row Auto Height",
"category": "Multiple Resources",
- "description": "This example showcases how the work cells of Essential JS2 Scheduler auto adjusts its height based on the exceeding appointment count.",
+ "description": "This demo shows how the work cells of the JS Scheduler adjust their height automatically based on the number of events present in those time ranges.",
"api": {
"Schedule": [
"rowAutoHeight",
@@ -350,7 +348,7 @@
"url": "resource-grouping",
"name": "Horizontal Grouping",
"category": "Resource Grouping",
- "description": "This example for Essential JS2 Scheduler control shows how the calendars of multiple resources are grouped in default view layouts.",
+ "description": "This demo shows how to group multiple resources (e.g., airlines) in the JS Scheduler. The resource header can be customized using a template.",
"api": {
"Schedule": [
"resourceHeaderTemplate",
@@ -364,7 +362,7 @@
"url": "timeline-resource-grouping",
"name": "Timeline Grouping",
"category": "Resource Grouping",
- "description": "This example for Essential JS2 Scheduler control shows how the calendars of multiple resources are grouped in timeline view layouts.",
+ "description": "This demo shows how to group multiple resources with timeline views in the JS Schedule and how to display resources with expanded and collapsed headers.",
"api": {
"Schedule": [
"group",
@@ -377,7 +375,7 @@
"url": "group-by-date",
"name": "Date-wise Grouping ",
"category": "Resource Grouping",
- "description": "This example demonstrates how the resources of Essential JS2 Scheduler control are grouped based on dates.",
+ "description": "This demo shows how to group multiple resources by date in the JS Scheduler. The resource row is rendered under each date in the header.",
"api": {
"Schedule": [
"group",
@@ -390,7 +388,7 @@
"url": "group-by-child",
"name": "Hierarchical Grouping ",
"category": "Resource Grouping",
- "description": "This example for Essential JS2 Scheduler control shows how to group the child level resources against each of the parent level resources.",
+ "description": "This demo shows how to group resources in a hierarchical structure for parent-child resources in the JavaScript Scheduler control.",
"api": {
"Schedule": [
"startHour",
@@ -405,7 +403,7 @@
"url": "cell-template",
"name": "Cell",
"category": "Templates",
- "description": "This example for Essential JS2 Scheduler control shows how to customize the background of the specific cells using cell template option.",
+ "description": "This demo shows how to customize the default appearance of work cells with images, links, and coloring styles using cell templates in the JS Scheduler.",
"api": {
"Schedule": [
"width",
@@ -421,7 +419,7 @@
"url": "date-header-template",
"name": "Date Header",
"category": "Templates",
- "description": "This example for Essential JS2 Scheduler control shows how to customize the date header cells using the template option.",
+ "description": "This demo shows how to customize the default appearance of date header cells with images and links using the template option in the JS Scheduler.",
"api": {
"Schedule": [
"cssClass",
@@ -436,7 +434,7 @@
"url": "event-template",
"name": "Events",
"category": "Templates",
- "description": "This example for Essential JS2 Scheduler control shows how to customize the appearance of events using event template option.",
+ "description": "This demo shows how to customize the look and feel of appointments (events) in the JS Shceduler with images and links by using an event template.",
"api": {
"Schedule": [
"width",
@@ -452,7 +450,7 @@
"url": "tooltip",
"name": "Tooltip",
"category": "Templates",
- "description": "This example for Essential JS2 Scheduler control shows how to display tooltip over events as well as the way to customize it using template option.",
+ "description": "This demo shows how to enable tooltips (popovers) in JavaScript Scheduler appointments (events) and customize them using a tooltip template.",
"api": {
"Schedule": [
"width",
@@ -466,7 +464,7 @@
"url": "editor-validation",
"name": "Field Validation",
"category": "Editor Window",
- "description": "This example for Essential JS2 Scheduler control shows the way of adding default and custom validation rules to the editor fields of scheduler.",
+ "description": "This demo covers the Appointment field validation that adds default and custom validation rules to the editor fields of the JavaScript Scheduler.",
"api": {
"Schedule": [
"width",
@@ -480,7 +478,7 @@
"url": "editor-custom-field",
"name": "Additional Fields",
"category": "Editor Window",
- "description": "This example for Essential JS2 Scheduler control shows how to add additional fields to the default editor window.",
+ "description": "This demo shows how to customize appointment editor (event window) with additional fields using pop-up open events in the JavaScript event calendar.",
"api": {
"Schedule": [
"selectedDate",
@@ -493,7 +491,7 @@
"url": "editor-template",
"name": "Editor Template",
"category": "Editor Window",
- "description": "This example for Essential JS2 Scheduler control shows the way of customizing the default editor window with custom template design.",
+ "description": "This demo shows how to design custom appointment (event) editor windows by adding or removing fields from the JavaScript Scheduler appointment window.",
"api": {
"Schedule": [
"editorTemplate",
@@ -508,7 +506,7 @@
"url": "header-rows",
"name": "Header Rows",
"category": "Customization",
- "description": "This example for Essential JS2 Scheduler control shows how to display the additional header rows on timeline view.",
+ "description": "This demo shows how to include additional header rows like week number and month number on the timeline view in the JS event calendar.",
"api": {
"Schedule": [
"height",
@@ -522,7 +520,7 @@
"url": "time-scale",
"name": "Timescale",
"category": "Customization",
- "description": "This example for Essential JS2 Scheduler control shows how to customize the grid lines of scheduler with different duration and count",
+ "description": "This demo shows how to customize the default timescale with interval, show/hide gridlines, slots count, and template in JavaScript Scheduler.",
"api": {
"Schedule": [
"height",
@@ -536,7 +534,7 @@
"url": "context-menu",
"name": "Context Menu",
"category": "Customization",
- "description": "This example shows how to enable the context menu on HTML5 JavaScript Scheduler and perform the related actions using menu options.",
+ "description": "This example shows how to integrate the context menu within the JavaScript Scheduler and control the related functionalities using menu options.",
"api": {
"Schedule": [
"width",
@@ -550,7 +548,7 @@
"url": "header-bar",
"name": "Header Bar",
"category": "Customization",
- "description": "This example for Essential JS2 Scheduler control shows the way of adding custom items onto the scheduler header bar.",
+ "description": "This demo shows how to use templating to customize the header bar of the JavaScript Scheduler with images, links, styles, and other UI controls.",
"api": {
"Schedule": [
"width",
@@ -566,7 +564,7 @@
"url": "scroll-to",
"name": "Scroll Time",
"category": "Customization",
- "description": "This example for Essential JS2 Scheduler control shows the way of manually scrolling to specific time on scheduler.",
+ "description": "This example demonstrates how to scroll to a specific time programmatically based on the selected time in the JavaScript Scheduler control.",
"api": {
"Schedule": [
"width",
@@ -581,7 +579,7 @@
"url": "work-days",
"name": "Work Days",
"category": "Customization",
- "description": "This example for Essential JS2 Scheduler control showcases how to set customized working days as well as first day of a week on scheduler.",
+ "description": "This demo shows how to customize the workdays and the first day of the week to fit different work schedules in the JavaScript Scheduler.",
"api": {
"Schedule": [
"workDays",
@@ -595,7 +593,7 @@
"url": "hide-weekend",
"name": "Hide Non-Working Days",
"category": "Customization",
- "description": "This example for Essential JS2 Scheduler control depicts the way to show or hide the non working days of a week.",
+ "description": "This demo shows how to show or hide weekend days in the JS Scheduler, which is similar to the workweek view, but with customizable workdays.",
"api": {
"Schedule": [
"showWeekend"
@@ -606,7 +604,7 @@
"url": "work-hour",
"name": "Work Hours",
"category": "Customization",
- "description": "This example for Essential JS2 Scheduler control showcases how to set the work hour range on scheduler.",
+ "description": "This demo shows how to customize the work hour range on the JS Scheduler calendar, allowing business hours other than 9 AM to 6 PM.",
"api": {
"Schedule": [
"workHours",
@@ -620,7 +618,7 @@
"url": "start-end-hour",
"name": "Day Hour Limit",
"category": "Customization",
- "description": "This example for Essential JS2 Scheduler control depicts how to restrict the start and end hours on scheduler.",
+ "description": "This demo shows how to limit the start and end hours in the JS Scheduler which is applicable for all views and used here to render business hours only.",
"api": {
"Schedule": [
"startHour",
@@ -634,7 +632,7 @@
"url": "cell-dimension",
"name": "Cell Dimension",
"category": "Customization",
- "description": "This example for Essential JS2 Scheduler control shows how to set the width and height of the cells by overriding the default CSS classes.",
+ "description": "This demo shows how to change the default width and height of work cells, allowing the JS Scheduler to be viewable zoomed in or zoomed out.",
"api": {
"Schedule": [
"cssClass",
@@ -649,7 +647,7 @@
"url": "read-only-events",
"name": "Read-only Events",
"category": "Customization",
- "description": "This example for Essential JS2 Scheduler control shows how to make specific events on the scheduler to be displayed in a read-only mode.",
+ "description": "This demo shows how to make specific events in the JavaScript Scheduler read-only, making them viewable but not editable by end users.",
"api": {
"Schedule": [
"eventSettings",
@@ -665,7 +663,7 @@
"name": "Excel Exporting",
"category": "Exporting",
"hideOnDevice": false,
- "description": "This example demonstrates how to export the Essential JS2 Scheduler events to the excel file format at client-side.",
+ "description": "This example demonstrates how to export JavaScript Scheduler events (appointments) to the Microsoft Excel file format on the client side.",
"api": {
"Schedule": [
"height",
@@ -678,7 +676,7 @@
"url": "calendar-export-import",
"name": "Export and Import ICS",
"category": "Exporting",
- "description": "This example shows how to export the Scheduler events to a calendar file, and also how to import events from an .ics file into our Essential JS2 Scheduler.",
+ "description": "This demo shows how to handle exporting to ICS and importing from ICS in the JS Scheduler. The ICS file must come from Google Calendar or MS Outlook.",
"api": {
"Schedule": [
"importICalendar",
@@ -691,7 +689,7 @@
"name": "Print",
"category": "Exporting",
"hideOnDevice": false,
- "description": "This example demonstrates how to print the Essential JS2 Scheduler element at client-side with themes enabled.",
+ "description": "This sample demonstrates how to print all the appointments (events) in the JavaScript Scheduler on the client side using the Print Library.",
"api": {
"Schedule": [
"height",
@@ -704,20 +702,20 @@
"url": "recurrence-editor-generate-rule",
"name": "Rule Generator",
"category": "Recurrence Editor",
- "description": "This example for Essential JS2 Scheduler control showcases the recurrence rule generation based on the options selected from the recurrence editor."
+ "description": "This demo showcases how to generate various recurrence pattern rules, such as daily, weekly, monthly, and yearly, using the Recurrence Editor."
},
{
"url": "recurrence-editor-populate-rule",
"name": "Populate Rule",
"category": "Recurrence Editor",
- "description": "This example for Essential JS2 Scheduler control shows how to fill the recurrence editor fields with values based on the provided recurrence rule string."
+ "description": "This demo shows how to populate a predefined set of recurrence rules in the Recurrence Editor fields to help users create recurring events."
},
{
"url": "keyboard-interaction",
"name": "Keyboard Interaction",
"category": "Miscellaneous",
"hideOnDevice": true,
- "description": "This example for Essential JS2 Scheduler control showcases the keyboard shortcuts available on scheduler in Typescript platform.",
+ "description": "This demo showcases all the available keyboard shortcuts that help users perform actions using only the keyboard in the JavaScript Scheduler control.",
"api": {
"Schedule": [
"width",
@@ -732,7 +730,7 @@
"url": "events",
"name": "Events",
"category": "Miscellaneous",
- "description": "This example for Essential JS2 Scheduler control shows the client-side events that triggers on respective scheduler actions in Typescript platform.",
+ "description": "This demo lists the client-side events triggered on JavaScript Scheduler actions in the Event Tracer. The Event Tracer also includes a Clear option.",
"api": {
"Schedule": [
"width",
diff --git a/src/skipChunk.js b/src/skipChunk.js
index e694b0df..08392359 100644
--- a/src/skipChunk.js
+++ b/src/skipChunk.js
@@ -1 +1 @@
-window.sampleSkip = ["accordion","auto-complete","avatar","badge","barcode","button","calendar","card","chart","chips","circular-gauge","color-picker","combo-box","context-menu","dashboard-layout","datepicker","daterangepicker","datetimepicker","diagram","dialog","document-editor","drop-down-list","file-manager","form-validator","gantt","grid","heatmap","images","inplace-editor","linear-gauge","list-box","listview","maps","maskedtextbox","menu","multi-select","numerictextbox","pdfviewer","pivot-table","query-builder","range-navigator","rich-text-editor","schedule","sidebar","slider","smith-chart","sparkline","splitter","spreadsheet","stock-chart","tab","textbox","timepicker","toast","toolbar","tooltip","tree-grid","treemap","treeview","uploader"]
\ No newline at end of file
+window.sampleSkip = ["accordion","auto-complete","avatar","badge","barcode","bullet-chart","button","calendar","card","chart","chips","circular-gauge","color-picker","combo-box","context-menu","dashboard-layout","datepicker","daterangepicker","datetimepicker","diagram","dialog","document-editor","drop-down-list","file-manager","form-validator","gantt","grid","heatmap","images","inplace-editor","linear-gauge","list-box","listview","maps","maskedtextbox","menu","multi-select","numerictextbox","pdfviewer","pivot-table","query-builder","range-navigator","rich-text-editor","schedule","sidebar","slider","smith-chart","sparkline","splitter","spreadsheet","stock-chart","tab","textbox","timepicker","toast","toolbar","tooltip","tree-grid","treemap","treeview","uploader"]
\ No newline at end of file
diff --git a/src/splitter/outlook-style-layout.ts b/src/splitter/outlook-style-layout.ts
index 5d798bd2..83b78dc1 100644
--- a/src/splitter/outlook-style-layout.ts
+++ b/src/splitter/outlook-style-layout.ts
@@ -21,7 +21,7 @@ enableRipple(true);
{ size: '33%', min: '23%' },
{ size: '37%', min: '30%' }
],
- resizeStop: onSplitterResize,
+ resizing: onSplitterResize,
width: '100%'
});
splitObj1.appendTo('#splitter1');
@@ -102,6 +102,6 @@ enableRipple(true);
}
function onSplitterResize(): void {
- rteObj.refresh();
+ rteObj.refreshUI();
}
};
diff --git a/src/stock-chart/area.ts b/src/stock-chart/area.ts
index 28cda81a..2626d927 100644
--- a/src/stock-chart/area.ts
+++ b/src/stock-chart/area.ts
@@ -36,7 +36,7 @@ StockChart.Inject(Trendlines, TmaIndicator, RangeTooltip, Tooltip, Crosshair, Ex
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
args.stockChart.theme = (selectedTheme.charAt(0).toUpperCase() +
- selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+ selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
}
});
stockChart.appendTo('#container');
diff --git a/src/stock-chart/default.ts b/src/stock-chart/default.ts
index efe6a1e6..71dd97f9 100644
--- a/src/stock-chart/default.ts
+++ b/src/stock-chart/default.ts
@@ -47,7 +47,7 @@ StockChart.Inject(Trendlines, TmaIndicator, RangeTooltip, Tooltip, Crosshair, Ex
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
args.stockChart.theme = (selectedTheme.charAt(0).toUpperCase() +
- selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+ selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
}
});
stockChart.appendTo('#container');
diff --git a/src/stock-chart/disabled-navigator.ts b/src/stock-chart/disabled-navigator.ts
index 8dd31b45..eb56839e 100644
--- a/src/stock-chart/disabled-navigator.ts
+++ b/src/stock-chart/disabled-navigator.ts
@@ -34,7 +34,7 @@ StockChart.Inject(Trendlines, TmaIndicator, RangeTooltip, Tooltip, Crosshair, Ex
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
args.stockChart.theme = (selectedTheme.charAt(0).toUpperCase() +
- selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+ selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
}
});
stockChart.appendTo('#container');
diff --git a/src/stock-chart/disabled-period.ts b/src/stock-chart/disabled-period.ts
index b7e4ee74..c97840a9 100644
--- a/src/stock-chart/disabled-period.ts
+++ b/src/stock-chart/disabled-period.ts
@@ -38,7 +38,7 @@ StockChart.Inject(Trendlines, TmaIndicator, RangeTooltip, Tooltip, Crosshair, Ex
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
args.stockChart.theme = (selectedTheme.charAt(0).toUpperCase() +
- selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+ selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
}
});
stockChart.appendTo('#container');
diff --git a/src/stock-chart/inversed-area.ts b/src/stock-chart/inversed-area.ts
index f8c58acb..6591a8de 100644
--- a/src/stock-chart/inversed-area.ts
+++ b/src/stock-chart/inversed-area.ts
@@ -37,7 +37,7 @@ StockChart.Inject(Trendlines, TmaIndicator, RangeTooltip, Tooltip, Crosshair, Ex
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
args.stockChart.theme = (selectedTheme.charAt(0).toUpperCase() +
- selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+ selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
}
});
stockChart.appendTo('#container');
diff --git a/src/stock-chart/multi-pane.ts b/src/stock-chart/multi-pane.ts
index bc6a88a3..db423e4e 100644
--- a/src/stock-chart/multi-pane.ts
+++ b/src/stock-chart/multi-pane.ts
@@ -60,7 +60,7 @@ StockChart.Inject(Trendlines, TmaIndicator, RangeTooltip, Tooltip, Crosshair, Co
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
args.stockChart.theme = (selectedTheme.charAt(0).toUpperCase() +
- selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+ selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
}
});
stockChart.appendTo('#container');
diff --git a/src/stock-chart/multiple-series.ts b/src/stock-chart/multiple-series.ts
index 89ece392..59a197f1 100644
--- a/src/stock-chart/multiple-series.ts
+++ b/src/stock-chart/multiple-series.ts
@@ -41,7 +41,7 @@ StockChart.Inject(Trendlines, TmaIndicator, RangeTooltip, Tooltip, Crosshair, Ex
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
args.stockChart.theme = (selectedTheme.charAt(0).toUpperCase() +
- selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+ selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
}
});
stockChart.appendTo('#container');
diff --git a/src/stock-chart/ohlc.ts b/src/stock-chart/ohlc.ts
index 5e48d239..0cd3499a 100644
--- a/src/stock-chart/ohlc.ts
+++ b/src/stock-chart/ohlc.ts
@@ -53,7 +53,7 @@ StockChart.Inject(Trendlines, TmaIndicator, RangeTooltip, Tooltip, Crosshair, Ex
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
args.stockChart.theme = (selectedTheme.charAt(0).toUpperCase() +
- selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+ selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
}
});
stockChart.appendTo('#container');
diff --git a/src/stock-chart/period-customization.ts b/src/stock-chart/period-customization.ts
index d4b5750c..9ce6e532 100644
--- a/src/stock-chart/period-customization.ts
+++ b/src/stock-chart/period-customization.ts
@@ -60,7 +60,7 @@ StockChart.Inject(Trendlines, TmaIndicator, RangeTooltip, Tooltip, Crosshair, Ex
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
args.stockChart.theme = (selectedTheme.charAt(0).toUpperCase() +
- selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+ selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
}
});
stockChart.appendTo('#container');
diff --git a/src/stock-chart/plot-line.ts b/src/stock-chart/plot-line.ts
index 777caa12..74a9a19f 100644
--- a/src/stock-chart/plot-line.ts
+++ b/src/stock-chart/plot-line.ts
@@ -37,7 +37,7 @@ StockChart.Inject(Trendlines, TmaIndicator, RangeTooltip, Tooltip, Crosshair, St
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
args.stockChart.theme = (selectedTheme.charAt(0).toUpperCase() +
- selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+ selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
}
});
stockChart.appendTo('#container');
diff --git a/src/stock-chart/spline-area.ts b/src/stock-chart/spline-area.ts
index e7e00b5d..961a702c 100644
--- a/src/stock-chart/spline-area.ts
+++ b/src/stock-chart/spline-area.ts
@@ -39,7 +39,7 @@ StockChart.Inject(Trendlines, TmaIndicator, RangeTooltip, Tooltip, Crosshair, Ex
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
args.stockChart.theme = (selectedTheme.charAt(0).toUpperCase() +
- selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+ selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
}
});
stockChart.appendTo('#container');
diff --git a/src/stock-chart/spline.ts b/src/stock-chart/spline.ts
index be918b80..8e7a5933 100644
--- a/src/stock-chart/spline.ts
+++ b/src/stock-chart/spline.ts
@@ -36,7 +36,7 @@ StockChart.Inject(Trendlines, TmaIndicator, RangeTooltip, Tooltip, Crosshair, Ex
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
args.stockChart.theme = (selectedTheme.charAt(0).toUpperCase() +
- selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+ selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
}
});
stockChart.appendTo('#container');
diff --git a/src/stock-chart/stock-events.ts b/src/stock-chart/stock-events.ts
index 03d99b2a..080f1b64 100644
--- a/src/stock-chart/stock-events.ts
+++ b/src/stock-chart/stock-events.ts
@@ -109,7 +109,7 @@ StockChart.Inject(Trendlines, TmaIndicator, RangeTooltip, Tooltip, Crosshair, Ex
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
args.stockChart.theme = (selectedTheme.charAt(0).toUpperCase() +
- selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+ selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
}
});
stockChart.appendTo('#container');
diff --git a/src/stock-chart/strip-line.ts b/src/stock-chart/strip-line.ts
index 5693aa7a..d556a681 100644
--- a/src/stock-chart/strip-line.ts
+++ b/src/stock-chart/strip-line.ts
@@ -35,7 +35,7 @@ StockChart.Inject(Trendlines, TmaIndicator, RangeTooltip, Tooltip, Crosshair, St
let selectedTheme: string = location.hash.split('/')[1];
selectedTheme = selectedTheme ? selectedTheme : 'Material';
args.stockChart.theme = (selectedTheme.charAt(0).toUpperCase() +
- selectedTheme.slice(1)).replace(/-dark/i, 'Dark');
+ selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
}
});
stockChart.appendTo('#container');
diff --git a/src/toolbar/default-stack.json b/src/toolbar/default-stack.json
index 30c52951..03b6f09d 100644
--- a/src/toolbar/default-stack.json
+++ b/src/toolbar/default-stack.json
@@ -1 +1 @@
-{"index.html":"\n\n \n\n
This sample demonstrates the default and template support of filterbar in TreeGrid.
- In this sample, type the value in the filterbar and press enter to filter particular column or select the date value from filterbar template of Start Date column. The filtering is based on hierarchy mode.
+ In this sample, type the value in the filterbar and press enter to filter particular column or select a value from filterbar template of Duration column. The filtering is based on hierarchy mode.
- The freezing feature enables the user to freeze certain columns to scroll remaining movable content. This can be achieved by setting frozenColumns property.
+ The freezing feature enables the user to freeze certain columns to scroll remaining movable content. This can be achieved by setting frozenColumns property.
In this demo sample, the first column is set to frozen by using the
diff --git a/src/tree-grid/sample.json b/src/tree-grid/sample.json
index 816c1d52..f99638d2 100644
--- a/src/tree-grid/sample.json
+++ b/src/tree-grid/sample.json
@@ -3,11 +3,10 @@
"directory": "tree-grid",
"category": "Grids",
"ftName": "tree-grid",
- "type": "update",
"samples": [
{
"url": "treegrid-overview", "name": "Overview", "category": "Tree Grid","api":{"TreeGrid":["dataSource","childMapping","height","columns","allowReordering","allowFiltering","allowSorting","filterSettings","queryCellInfo"] },
- "description": "This sample demonstrates the overview of basic treegrid features such as sorting, filtering, conditional formatting, column template and scrolling."
+ "description": "This sample demonstrates the overview of basic treegrid features such as sorting, filtering, conditional formatting, column template and scrolling."
},
{
"url": "default", "name": "Default Functionalities", "category": "Tree Grid","api":{"TreeGrid":["dataSource","childMapping","treeColumnIndex","height","columns"] },
@@ -78,7 +77,7 @@
},
{
"url": "row-reorder", "name": "Drag And Drop", "category": "Rows", "hideOnDevice":true, "api":{"TreeGrid":["dataSource","rowTemplate","height","width","columns","childMapping","treeColumnIndex"] },
- "description": "This demo for Essential JS 2 TreeGrid control demonstrates how the rows can be dragged within the treegrid using the row drag-and-drop feature.", "type": "new"
+ "description": "This demo for Essential JS 2 TreeGrid control demonstrates how the rows can be dragged within the treegrid using the row drag-and-drop feature."
},
{
"url": "detail-template", "name": "Detail Template", "category": "Rows","api":{"TreeGrid":["dataSource","detailTemplate","height","width","columns","childMapping","treeColumnIndex"] },
@@ -155,7 +154,7 @@
},
{
"url":"frozen-column", "name": "Frozen Column", "category":"Columns","api":{"TreeGrid":["dataSource","childMapping","columns","treeColumnIndex","frozenColumns"] },
- "description": "This demo for Essential JS 2 treegrid control shows frozen columns feature of treegrid. Scroll the movable content to view the frozen columns.", "type": "new"
+ "description": "This demo for Essential JS 2 treegrid control shows frozen columns feature of treegrid. Scroll the movable content to view the frozen columns."
},
{"url":"aggregate-default", "name": "Default Aggregate", "category": "Aggregates","api":{"TreeGrid":["dataSource","childMapping", "treeColumnIndex","height","columns","aggregates"] },
"description": "This demo explains how to display the summary values such as average, minimum, etc., for the columns in Syncfusion TypeScript TreeGrid control."
diff --git a/styles/Grid/Fonts/Grid control Font.svg b/styles/Grid/Fonts/Grid control Font.svg
index d0e80daf..078396dd 100644
--- a/styles/Grid/Fonts/Grid control Font.svg
+++ b/styles/Grid/Fonts/Grid control Font.svg
@@ -1,18 +1,18 @@
-
-
-
+
+
+
diff --git a/styles/Grid/demo.html b/styles/Grid/demo.html
index 6142da88..a7288f43 100644
--- a/styles/Grid/demo.html
+++ b/styles/Grid/demo.html
@@ -1,58 +1,58 @@
-
-
+ ![](\"//npmci.syncfusion.com/development/demos/src/grid/images/')
' + e.Trustworthiness + '';\r\n};\r\n\r\n(<{ratingDetail?: Function}>window).ratingDetail = (e: any): any => {\r\n let grid: any = (