{
    "name": "PivotView",
    "description": "Pivot View Components",
    "blazorType": "native",
    "keywords": {
        "common": [
            "ej2",
            "syncfusion",
            "JavaScript", 
            "TypeScript",
            "BI",
            "business-intelligence",
            "data",
            "db",
            "database",
            "json",
            "web-service",
            "relational",
            "excel",
            "csv",
            "olap",
            "cube",
            "sql",
            "analysis-services",
            "multi-dimension",
            "measure",
            "dimension",
            "pivot",
            "aggregation",
            "grid",
            "table",
            "chart",
            "pivotview",
            "pivotgrid",
            "pivottable",
            "pivot-grid",
            "pivot-table",
            "pivotchart",
            "pivot-chart",
            "field-list",
            "pivot-field-list",
            "pivottable-field-list",
            "pivot-table-field-list",
            "filtering",
            "sorting",
            "expand",
            "collapse",
            "summary",
            "totals",
            "formatting",
            "grouping",
            "calculated-field",
            "drill-through",
            "editing",
            "virtual-scrolling",
            "paging"
        ],
        "angular": [
            "angular",
            "angular-pivotview"
        ],
        "react": [
            "react",
            "reactjs",
            "react-pivotview"
        ],
        "vue": [
            "vue",
            "vuejs",
            "vue-pivotview"
        ]
    },
    "repository": {
        "type": "git",
        "url": "https://github.com/syncfusion/ej2-pivotview"
    },
    "eventInterfaces": [
        "LoadEventArgs",
        "SaveReportArgs",
        "FetchReportArgs",
        "LoadReportArgs",
        "RenameReportArgs",
        "RemoveReportArgs",
        "NewReportArgs",
        "ToolbarArgs",
        "EnginePopulatingEventArgs",
        "EnginePopulatedEventArgs",
        "FieldDroppedEventArgs",
        "BeforeExportEventArgs",
        "PdfCellRenderArgs",
        "CellClickEventArgs",
        "HyperCellClickEventArgs",
        "DrillThroughEventArgs",
        "PivotCellSelectedEventArgs",
        "ColumnRenderEventArgs",
        "BeginDrillThroughEventArgs",
        "ChartSeriesCreatedEventArgs",
        "QueryCellInfoEventArgs",
        "AggregateEventArgs",
        "CellTemplateArgs",
        "PdfBorder",
        "PdfThemeStyle",
        "PdfTheme",
        "SelectionSettings",
        "ExcelRow",
        "ExcelColumn",
        "ExcelStyles",
        "ExcelCell",
        "HeadersSortEventArgs",
        "PivotActionCompleteEventArgs",
        "PivotActionBeginEventArgs",
        "PivotActionFailureEventArgs",
        "BeforeServiceInvokeEventArgs",
        "AfterServiceInvokeEventArgs",
        "FieldRemoveEventArgs",
        "AggregateMenuOpenEventArgs",
        "NumberFormattingEventArgs",
        "CalculatedFieldCreateEventArgs",
        "MemberEditorOpenEventArgs",
        "FieldListRefreshedEventArgs",
        "DrillArgs",
        "EditCompletedEventArgs",
        "CellSelectEventArgs",
        "CellDeselectEventArgs",
        "RowSelectEventArgs",
        "RowDeselectEventArgs",
        "ContextMenuClickEventArgs",
        "BeforeOpenCloseMenuEventArgs",
        "FieldDropEventArgs",
        "FieldDragStartEventArgs",
        "ExportCompleteEventArgs",
        "IConditionalFormatSettings",
        "MemberFilteringEventArgs"
    ],
    "components": [
        {
            "baseClass": "PivotView",
            "directoryName": "pivotview",
            "type": "simple",
            "defaultTag": "<pivotview id='sample'></pivotview>",
            "blazorPlaceholder": "pivotview",
            "blazorType": "native",
            "isGenericClass": true,
            "dynamicModules": [
                "GroupingBar",
                "FieldList",
                "CalculatedField",
                "ConditionalFormatting",
                "VirtualScroll",
                "DrillThrough",
                "Toolbar",
                "PivotChart",
                "PDFExport",
                "ExcelExport",
                "NumberFormatting",
                "Grouping",
                "Pager"
            ],
            "blazorDynamicModules": [
                "VirtualScroll",
                "DrillThrough",
                "PDFExport",
                "ExcelExport"
            ],
            "diModuleFiles": [
                {
                    "fileName": "grouping-bar"
                },
                {
                    "fileName": "field-list"
                },
                {
                    "fileName": "calculated-field"
                },
                {
                    "fileName": "conditional-formatting"
                },
                {
                    "fileName": "virtualscroll"
                },
                {
                    "fileName": "drillthrough"
                },
                {
                    "fileName": "toolbar"
                },
                {
                    "fileName": "pdf-export"
                },
                {
                    "fileName": "excel-export"
                },
                {
                    "fileName": "pivotchart"
                },
                {
                    "fileName": "formatting-dialog"
                },
                {
                    "fileName": "pager"
                }
            ],
            "comment": [
                "/**",
                " * `ej-pivotview` represents the Angular Pivot Table Component.",
                " * ```html",
                " * <ej-pivotview></ej-pivotview>",
                " * ```",
                " */"
            ],
            "reactComment": [
                "/**",
                " * `PivotViewComponent` represents the react Pivot Table.",
                " * ```tsx",
                " * <PivotViewComponent></PivotViewComponent>",
                " * ```",
                " */"
            ],
            "vueComment": [
                "/**",
                " * `ejs-pivotview` represents the VueJS Pivot Table Component.",
                " * ```vue",
                " * <ejs-pivotview></ejs-pivotview>",
                " * ```",
                " */"
            ],
            "complexDirective": [
                {
                    "propertyName": "dataSourceSettings",
                    "baseClass": "DataSourceSettings",
                    "aspSelectorName": "e-datasourcesettings",
                    "twoWays": [
                        "dataSource"
                    ],
                    "isGenericClass": true,
                    "tagDirective": [
                        {
                            "arrayDirectiveClassName": "rows",
                            "directiveClassName": "row",
                            "propertyName": "rows",
                            "arrayDirectiveSelector": "ejs-pivotview>e-rows",
                            "directiveSelector": "ejs-pivotview>e-rows>e-field",
                            "aspArrayDirectiveSelector": "e-rows",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotview",
                            "fileName": "rows",
                            "baseClass": "FieldOptions",
                            "blazorArrayClassName": "PivotViewRows",
                            "blazorClassName": "PivotViewRow",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotView. ",
                                " * It must be contained in a PivotView component(`ej-pivotview`). ",
                                " * ```html",
                                " * <ej-pivotview>",
                                " *   <e-datasource>",
                                " *    <e-rows>",
                                " *     <e-field name='date'></e-field>",
                                " *     <e-field name='product'></e-field>",
                                " *    </e-rows>",
                                " *   </e-datasource>",
                                " * </ej-pivotview>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FieldDirective` represent a row of the react PivotView. ",
                                " * It must be contained in a PivotView component(`PivotViewComponent`). ",
                                " * ```tsx",
                                " * <PivotViewComponent> ",
                                " * <DataSourceDirective>",
                                " * <RowsDirective>",
                                " * <FieldDirective name='date'></FieldDirective>",
                                " * <FieldDirective name='product'></FieldDirective>",
                                " * </RowsDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotViewComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `row` directive represent a row of the VueJS PivotView. ",
                                " * It must be contained in a PivotView component(`ejs-pivotview`). ",
                                " * ```vue",
                                " * <ejs-pivotview : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <rows>",
                                " *     <row field='ID' width='100'/>",
                                " *     <row field='name' headerText='Name' width='100'/>",
                                " *    </rows>",
                                " *   </datasource>",
                                " * </ejs-pivotview>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "rows",
                            "directiveClassName": "row",
                            "propertyName": "columns",
                            "arrayDirectiveSelector": "ejs-pivotview>e-columns",
                            "directiveSelector": "ejs-pivotview>e-columns>e-field",
                            "aspArrayDirectiveSelector": "e-columns",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotview",
                            "baseClass": "FieldOptions",
                            "blazorArrayClassName": "PivotViewColumns",
                            "blazorClassName": "PivotViewColumn",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotView. ",
                                " * It must be contained in a PivotView component(`ej-pivotview`). ",
                                " * ```html",
                                " * <ej-pivotview>",
                                " *   <e-datasource>",
                                " *    <e-columns>",
                                " *     <e-field name='date'></e-field>",
                                " *     <e-field name='product'></e-field>",
                                " *    </e-columns>",
                                " *   </e-datasource>",
                                " * </ej-pivotview>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `ColumnDirective` represent a row of the react PivotView. ",
                                " * It must be contained in a PivotView component(`PivotViewComponent`). ",
                                " * ```tsx",
                                " * <PivotViewComponent> ",
                                " * <DataSourceDirective>",
                                " * <ColumnsDirective>",
                                " * <ColumnDirective name='date'></ColumnDirective>",
                                " * <ColumnDirective name='product'></ColumnDirective>",
                                " * </ColumnsDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotViewComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `column` directive represent a row of the VueJS PivotView. ",
                                " * It must be contained in a PivotView component(`ejs-pivotview`). ",
                                " * ```vue",
                                " * <ejs-pivotview : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <columns>",
                                " *     <column name='date'/>",
                                " *     <column name='product'/>",
                                " *    </columns>",
                                " *   </datasource>",
                                " * </ejs-pivotview>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "rows",
                            "directiveClassName": "row",
                            "propertyName": "values",
                            "arrayDirectiveSelector": "ejs-pivotview>e-values",
                            "directiveSelector": "ejs-pivotview>e-values>e-field",
                            "aspArrayDirectiveSelector": "e-values",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotview",
                            "baseClass": "FieldOptions",
                            "blazorArrayClassName": "PivotViewValues",
                            "blazorClassName": "PivotViewValue",
                            "comment": [
                                "/**",
                                " * `e-value` directive represent a view of the Angular PivotView. ",
                                " * It must be contained in a PivotView component(`ej-pivotview`). ",
                                " * ```html",
                                " * <ej-pivotview>",
                                " *   <e-datasource>",
                                " *    <e-values>",
                                " *     <e-value name='date'></e-value>",
                                " *     <e-value name='product'></e-value>",
                                " *    </e-values>",
                                " *   </e-datasource>",
                                " * </ej-pivotview>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `ValueDirective` represent a row of the react PivotView. ",
                                " * It must be contained in a PivotView component(`PivotViewComponent`). ",
                                " * ```tsx",
                                " * <PivotViewComponent> ",
                                " * <DataSourceDirective>",
                                " * <ValuesDirective>",
                                " * <ValueDirective name='date'></ValueDirective>",
                                " * <ValueDirective name='product'></ValueDirective>",
                                " * </ValuesDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotViewComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `value` directive represent a row of the VueJS PivotView. ",
                                " * It must be contained in a PivotView component(`ejs-pivotview`). ",
                                " * ```vue",
                                " * <ejs-pivotview : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <values>",
                                " *     <value name='date'/>",
                                " *     <value name='product'/>",
                                " *    </values>",
                                " *   </datasource>",
                                " * </ejs-pivotview>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "rows",
                            "directiveClassName": "row",
                            "propertyName": "filters",
                            "arrayDirectiveSelector": "ejs-pivotview>e-filters",
                            "directiveSelector": "ejs-pivotview>e-filters>e-field",
                            "aspArrayDirectiveSelector": "e-filters",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotview",
                            "baseClass": "FieldOptions",
                            "blazorArrayClassName": "PivotViewFilters",
                            "blazorClassName": "PivotViewFilter",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotView. ",
                                " * It must be contained in a PivotView component(`ej-pivotview`). ",
                                " * ```html",
                                " * <ej-pivotview>",
                                " *   <e-datasource>",
                                " *    <e-filters>",
                                " *     <e-field name='date'></e-field>",
                                " *     <e-field name='product'></e-field>",
                                " *    </e-filters>",
                                " *   </e-datasource>",
                                " * </ej-pivotview>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FilterDirective` represent a row of the react PivotView. ",
                                " * It must be contained in a PivotView component(`PivotViewComponent`). ",
                                " * ```tsx",
                                " * <PivotViewComponent> ",
                                " * <DataSourceDirective>",
                                " * <FiltersDirective>",
                                " * <FilterDirective name='date'></FilterDirective>",
                                " * <FilterDirective name='product'></FilterDirective>",
                                " * </FiltersDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotViewComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `filter` directive represent a row of the VueJS PivotView. ",
                                " * It must be contained in a PivotView component(`ejs-pivotview`). ",
                                " * ```vue",
                                " * <ejs-pivotview : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <filters>",
                                " *     <filter name='date'/>",
                                " *     <filter name='product'/>",
                                " *    </filters>",
                                " *   </datasource>",
                                " * </ejs-pivotview>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "rows",
                            "directiveClassName": "row",
                            "propertyName": "fieldMapping",
                            "arrayDirectiveSelector": "ejs-pivotview>e-fieldMapping",
                            "directiveSelector": "ejs-pivotview>e-fieldMapping>e-field",
                            "aspArrayDirectiveSelector": "e-fieldMapping",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotview",
                            "baseClass": "FieldOptions",
                            "blazorArrayClassName": "PivotViewFieldMapping",
                            "blazorClassName": "PivotViewField",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotView. ",
                                " * It must be contained in a PivotView component(`ej-pivotview`). ",
                                " * ```html",
                                " * <ej-pivotview>",
                                " *   <e-datasource>",
                                " *    <e-fieldMapping>",
                                " *     <e-field name='date'></e-field>",
                                " *     <e-field name='product'></e-field>",
                                " *    </e-fieldMapping>",
                                " *   </e-datasource>",
                                " * </ej-pivotview>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FieldDirective` represent a row of the react PivotView. ",
                                " * It must be contained in a PivotView component(`PivotViewComponent`). ",
                                " * ```tsx",
                                " * <PivotViewComponent> ",
                                " * <DataSourceDirective>",
                                " * <FieldMappingDirective>",
                                " * <FieldDirective name='date'></FieldDirective>",
                                " * <FieldDirective name='product'></FieldDirective>",
                                " * </FieldMappingDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotViewComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `field` directive represent a row of the VueJS PivotView. ",
                                " * It must be contained in a PivotView component(`ejs-pivotview`). ",
                                " * ```vue",
                                " * <ejs-pivotview : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <fieldMapping>",
                                " *     <field name='date'/>",
                                " *     <field name='product'/>",
                                " *    </fieldMapping>",
                                " *   </datasource>",
                                " * </ejs-pivotview>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "formatSettings",
                            "directiveClassName": "formatSetting",
                            "propertyName": "formatSettings",
                            "arrayDirectiveSelector": "ejs-pivotview>e-formatsettings",
                            "directiveSelector": "ejs-pivotview>e-formatsettings>e-field",
                            "aspArrayDirectiveSelector": "e-formatsettings",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotview",
                            "baseClass": "FormatSettings",
                            "blazorArrayClassName": "PivotViewFormatSettings",
                            "blazorClassName": "PivotViewFormatSetting",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotView. ",
                                " * It must be contained in a PivotView component(`ej-pivotview`). ",
                                " * ```html",
                                " * <ej-pivotview>",
                                " *   <e-datasource>",
                                " *    <e-formatsettings>",
                                " *     <e-field name='date'></e-field>",
                                " *     <e-field name='product'></e-field>",
                                " *    </e-formatsettings>",
                                " *   </e-datasource>",
                                " * </ej-pivotview>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FieldDirective` represent a row of the react PivotView. ",
                                " * It must be contained in a PivotView component(`PivotViewComponent`). ",
                                " * ```tsx",
                                " * <PivotViewComponent> ",
                                " * <DataSourceDirective>",
                                " * <FormatSettingsDirective>",
                                " * <FieldDirective name='date'></FieldDirective>",
                                " * <FieldDirective name='product'></FieldDirective>",
                                " * </FormatSettingsDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotViewComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `field` directive represent a row of the VueJS PivotView. ",
                                " * It must be contained in a PivotView component(`ejs-pivotview`). ",
                                " * ```vue",
                                " * <ejs-pivotview : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <formatsettings>",
                                " *     <field name='date' order='Descending'/>",
                                " *     <field name='product' order='Ascending'/>",
                                " *    </foratsettings>",
                                " *   </datasource>",
                                " * </ejs-pivotview>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "sortSettings",
                            "directiveClassName": "sortSetting",
                            "propertyName": "sortSettings",
                            "arrayDirectiveSelector": "ejs-pivotview>e-sortsettings",
                            "directiveSelector": "ejs-pivotview>e-sortsettings>e-field",
                            "aspArrayDirectiveSelector": "e-sortsettings",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotview",
                            "baseClass": "Sort",
                            "blazorArrayClassName": "PivotViewSortSettings",
                            "blazorClassName": "PivotViewSortSetting",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotView. ",
                                " * It must be contained in a PivotView component(`ej-pivotview`). ",
                                " * ```html",
                                " * <ej-pivotview>",
                                " *   <e-datasource>",
                                " *    <e-sortsettings>",
                                " *     <e-field name='date' order='Descending'></e-field>",
                                " *     <e-field name='product' order='Ascending'></e-field>",
                                " *    </e-sortsettings>",
                                " *   </e-datasource>",
                                " * </ej-pivotview>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `SortDirective` represent a row of the react PivotView. ",
                                " * It must be contained in a PivotView component(`PivotViewComponent`). ",
                                " * ```tsx",
                                " * <PivotViewComponent> ",
                                " * <DataSourceDirective>",
                                " * <SortSettingsDirective>",
                                " * <SortDirective name='date' order='Descending'></SortDirective>",
                                " * <SortDirective name='product' order='Ascending'></SortDirective>",
                                " * </SortSettingsDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotViewComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `sort` directive represent a row of the VueJS PivotView. ",
                                " * It must be contained in a PivotView component(`ejs-pivotview`). ",
                                " * ```vue",
                                " * <ejs-pivotview : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <sortsettings>",
                                " *     <sort name='date' order='Descending'/>",
                                " *     <sort name='product' order='Ascending'/>",
                                " *    </sortsettings>",
                                " *   </datasource>",
                                " * </ejs-pivotview>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "filterSettings",
                            "directiveClassName": "filterSetting",
                            "propertyName": "filterSettings",
                            "arrayDirectiveSelector": "ejs-pivotview>e-filtersettings",
                            "directiveSelector": "ejs-pivotview>e-filtersettings>e-field",
                            "aspArrayDirectiveSelector": "e-filtersettings",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotview",
                            "baseClass": "Filter",
                            "blazorArrayClassName": "PivotViewFilterSettings",
                            "blazorClassName": "PivotViewFilterSetting",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotView. ",
                                " * It must be contained in a PivotView component(`ej-pivotview`). ",
                                " * ```html",
                                " * <ej-pivotview>",
                                " *   <e-datasource>",
                                " *    <e-filtersettings>",
                                " *     <e-field name='date' type='include'></e-field>",
                                " *     <e-field name='product' type='exclude'></e-field>",
                                " *    </e-filtersettings>",
                                " *   </e-datasource>",
                                " * </ej-pivotview>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FilterDirective` represent a row of the react PivotView. ",
                                " * It must be contained in a PivotView component(`PivotViewComponent`). ",
                                " * ```tsx",
                                " * <PivotViewComponent> ",
                                " * <DataSourceDirective>",
                                " * <FilterSettingsDirective>",
                                " * <FilterDirective name='date' type='include'></FilterDirective>",
                                " * <FilterDirective name='product' type='exclude'></FilterDirective>",
                                " * </FilterSettingsDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotViewComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `filter` directive represent a row of the VueJS PivotView. ",
                                " * It must be contained in a PivotView component(`ejs-pivotview`). ",
                                " * ```vue",
                                " * <ejs-pivotview : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <filtersettings>",
                                " *     <filter name='date' type='include'/>",
                                " *     <filter name='product' type='exclude'/>",
                                " *    </filtersettings>",
                                " *   </datasource>",
                                " * </ejs-pivotview>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "conditionalFormatSettings",
                            "directiveClassName": "conditionalFormatSetting",
                            "propertyName": "conditionalFormatSettings",
                            "arrayDirectiveSelector": "ejs-pivotview>e-conditionalformatsettings",
                            "directiveSelector": "ejs-pivotview>e-conditionalformatsettings>e-format",
                            "aspArrayDirectiveSelector": "e-conditionalformatsettings",
                            "aspDirectiveSelector": "e-format",
                            "directoryName": "pivotview",
                            "baseClass": "ConditionalFormatSettings",
                            "blazorArrayClassName": "PivotViewConditionalFormatSettings",
                            "blazorClassName": "PivotViewConditionalFormatSetting",
                            "complexDirective": [
                                {
                                    "propertyName": "style",
                                    "baseClass": "Style",
                                    "aspSelectorName": "e-fieldlist-style"
                                }
                            ],
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ej-pivotfieldlist`). ",
                                " * ```html",
                                " * <ej-pivotview>",
                                " *   <e-datasource>",
                                " *    <e-conditionalformatsettings>",
                                " *     <e-format value1='total'><e-style backgroundColor='black'></e-style></e-format>",
                                " *    </e-conditionalformatsettings>",
                                " *   </e-datasource>",
                                " * </ej-pivotview>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FieldDirective` represent a row of the react PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`PivotFieldListComponent`). ",
                                " * ```tsx",
                                " * <PivotViewComponent> ",
                                " * <DataSourceDirective>",
                                " * <ConditionalFormatSettingsDirective>",
                                " * <FormatDirective value1='10'><Style backgroundColor='black'></Style></FormatDirective>",
                                " * </ConditionalFormatSettingsDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotViewComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `field` directive represent a row of the VueJS PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ejs-pivotfieldlist`). ",
                                " * ```vue",
                                " * <ejs-pivotview : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <conditionalformatsettings>",
                                " *     <format value1='total'><style backgroundColor='black'></style></format>",
                                " *    </conditionalformatsettings>",
                                " *   </datasource>",
                                " * </ejs-pivotview>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "calculatedFieldSettings",
                            "directiveClassName": "calculatedFieldSetting",
                            "propertyName": "calculatedFieldSettings",
                            "arrayDirectiveSelector": "ejs-pivotview>e-calculatedfieldsettings",
                            "directiveSelector": "ejs-pivotview>e-calculatedfieldsettings>e-field",
                            "aspArrayDirectiveSelector": "e-calculatedfieldsettings",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotview",
                            "baseClass": "CalculatedFieldSettings",
                            "blazorArrayClassName": "PivotViewCalculatedFieldSettings",
                            "blazorClassName": "PivotViewCalculatedFieldSetting",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotView. ",
                                " * It must be contained in a PivotView component(`ej-pivotview`). ",
                                " * ```html",
                                " * <ej-pivotview>",
                                " *   <e-datasource>",
                                " *    <e-calculatedfieldsettings>",
                                " *     <e-field name='total' formula='10+5'></e-field>",
                                " *    </e-calculatedfieldsettings>",
                                " *   </e-datasource>",
                                " * </ej-pivotview>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FieldDirective` represent a row of the react PivotView. ",
                                " * It must be contained in a PivotView component(`PivotViewComponent`). ",
                                " * ```tsx",
                                " * <PivotViewComponent> ",
                                " * <DataSourceDirective>",
                                " * <CalculatedFieldSettingsDirective>",
                                " * <FieldDirective name='total' formula='10+5'></FieldDirective>",
                                " * </CalculatedFieldSettingsDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotViewComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `field` directive represent a row of the VueJS PivotView. ",
                                " * It must be contained in a PivotView component(`ejs-pivotview`). ",
                                " * ```vue",
                                " * <ejs-pivotview : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <calculatedfieldsettings>",
                                " *     <field name='total' formula='10+5'/>",
                                " *    </calculatedfieldsettings>",
                                " *   </datasource>",
                                " * </ejs-pivotview>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "drilledMembers",
                            "directiveClassName": "drilledMember",
                            "propertyName": "drilledMembers",
                            "arrayDirectiveSelector": "ejs-pivotview>e-drilledmembers",
                            "directiveSelector": "ejs-pivotview>e-drilledmembers>e-field",
                            "aspArrayDirectiveSelector": "e-drilledmembers",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotview",
                            "baseClass": "DrillOptions",
                            "blazorArrayClassName": "PivotViewDrilledMembers",
                            "blazorClassName": "PivotViewDrilledMember",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotView. ",
                                " * It must be contained in a PivotView component(`ej-pivotview`). ",
                                " * ```html",
                                " * <ej-pivotview>",
                                " *   <e-datasource>",
                                " *    <e-drilledmembers>",
                                " *     <e-field name='date'></e-field>",
                                " *    </e-drilledmembers>",
                                " *   </e-datasource>",
                                " * </ej-pivotview>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FieldDirective` represent a row of the react PivotView. ",
                                " * It must be contained in a PivotView component(`PivotViewComponent`). ",
                                " * ```tsx",
                                " * <PivotViewComponent> ",
                                " * <DataSourceDirective>",
                                " * <DrilledMembersDirective>",
                                " * <FieldDirective name='date'></FieldDirective>",
                                " * </DrilledMembersDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotViewComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `field` directive represent a row of the VueJS PivotView. ",
                                " * It must be contained in a PivotView component(`ejs-pivotview`). ",
                                " * ```vue",
                                " * <ejs-pivotview : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <drilledmembers>",
                                " *     <field name='date'/>",
                                " *    </drilledmembers>",
                                " *   </datasource>",
                                " * </ejs-pivotview>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "groupSettings",
                            "directiveClassName": "groupSetting",
                            "propertyName": "groupSettings",
                            "arrayDirectiveSelector": "ejs-pivotview>e-groupsettings",
                            "directiveSelector": "ejs-pivotview>e-groupsettings>e-field",
                            "aspArrayDirectiveSelector": "e-groupsettings",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotview",
                            "baseClass": "GroupSettings",
                            "blazorArrayClassName": "PivotViewGroupSettings",
                            "blazorClassName": "PivotViewGroupSetting",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotView. ",
                                " * It must be contained in a PivotView component(`ej-pivotview`). ",
                                " * ```html",
                                " * <ej-pivotview>",
                                " *   <e-datasource>",
                                " *    <e-groupsettings>",
                                " *     <e-field name='date'></e-field>",
                                " *    </e-groupsettings>",
                                " *   </e-datasource>",
                                " * </ej-pivotview>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FieldDirective` represent a row of the react PivotView. ",
                                " * It must be contained in a PivotView component(`PivotViewComponent`). ",
                                " * ```tsx",
                                " * <PivotViewComponent> ",
                                " * <DataSourceDirective>",
                                " * <GroupSettingsDirective>",
                                " * <FieldDirective name='date'></FieldDirective>",
                                " * </GroupSettingsDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotViewComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `field` directive represent a row of the VueJS PivotView. ",
                                " * It must be contained in a PivotView component(`ejs-pivotview`). ",
                                " * ```vue",
                                " * <ejs-pivotview : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <groupsettings>",
                                " *     <field name='date'/>",
                                " *    </groupsettings>",
                                " *   </datasource>",
                                " * </ejs-pivotview>",
                                " * ```",
                                " */"
                            ],
                            "tagDirective": [
                                {
                                    "arrayDirectiveClassName": "customGroups",
                                    "directiveClassName": "customGroup",
                                    "propertyName": "customGroups",
                                    "arrayDirectiveSelector": "ejs-pivotview>e-groupsettings>e-customgroups",
                                    "directiveSelector": "ejs-pivotview>e-groupsettings>e-customgroups>e-group",
                                    "aspArrayDirectiveSelector": "e-customgroups",
                                    "aspDirectiveSelector": "e-group",
                                    "directoryName": "pivotview",
                                    "baseClass": "CustomGroups",
                                    "blazorArrayClassName": "PivotViewCustomGroups",
                                    "blazorClassName": "PivotViewCustomGroup",
                                    "comment": [
                                        "/**",
                                        " * `e-group` directive represent a view of the Angular PivotView. ",
                                        " * It must be contained in a PivotView component(`ej-pivotview`). ",
                                        " * ```html",
                                        " * <ej-pivotview>",
                                        " *   <e-datasource>",
                                        " *    <e-groupsettings>",
                                        " *     <e-field name='date'>",
                                        " *      <e-customgroups>",
                                        " *       <e-group groupName='Group 1'></e-group>",
                                        " *      </e-customgroups>",
                                        " *     </e-field>",
                                        " *    </e-groupsettings>",
                                        " *   </e-datasource>",
                                        " * </ej-pivotview>",
                                        " * ```",
                                        " */"
                                    ],
                                    "reactComment": [
                                        "/**",
                                        " * `CustomGroupDirective` represent a row of the react PivotView. ",
                                        " * It must be contained in a PivotView component(`PivotViewComponent`). ",
                                        " * ```tsx",
                                        " * <PivotViewComponent> ",
                                        " * <DataSourceDirective>",
                                        " * <GroupSettingsDirective>",
                                        " * <FieldDirective name='date'>",
                                        " * <CustomGroupsDirective>",
                                        " * <CustomGroupDirective groupName='Group 1'>",
                                        " * </CustomGroupDirective>",
                                        " * </CustomGroupsDirective",
                                        " * </FieldDirective>",
                                        " * </GroupSettingsDirective>",
                                        " * </DataSourceDirective>",
                                        " * </PivotViewComponent>",
                                        " * ```",
                                        " */"
                                    ],
                                    "vueComment": [
                                        "/**",
                                        " * `customgroup` directive represent a row of the VueJS PivotView. ",
                                        " * It must be contained in a PivotView component(`ejs-pivotview`). ",
                                        " * ```vue",
                                        " * <ejs-pivotview : showGroupingBar='true'> ",
                                        " *   <datasource>",
                                        " *    <groupsettings>",
                                        " *     <field name='date'>",
                                        " *       <customgroups>",
                                        " *        <customgroup groupNamee='Group 1'>",
                                        " *        </customgroup>",
                                        " *       </customgroups>",
                                        " *     </field>",
                                        " *    </groupsettings>",
                                        " *   </datasource>",
                                        " * </ejs-pivotview>",
                                        " * ```",
                                        " */"
                                    ]
                                }
                            ]
                        }
                    ],
                    "complexDirective": [
                        {
                            "propertyName": "valueSortSettings",
                            "baseClass": "ValueSortSettings",
                            "aspSelectorName": "e-valuesortsettings"
                        },
                        {
                            "propertyName": "authentication",
                            "baseClass": "Authentication",
                            "aspSelectorName": "e-authentication",
                            "blazorClassName": "PivotViewAuthentication"
                        }
                    ]
                },
                {
                    "propertyName": "gridSettings",
                    "baseClass": "GridSettings",
                    "aspSelectorName": "e-gridSettings",
                    "complexDirective": [
                        {
                            "propertyName": "selectionSettings",
                            "baseClass": "PivotSelectionSettings",
                            "aspSelectorName": "e-selectionSettings",
                            "blazorClassName": "PivotViewSelectionSettings"
                        }
                    ]
                },
                {
                    "propertyName": "virtualScrollSettings",
                    "baseClass": "VirtualScrollSettings",
                    "aspSelectorName": "e-virtualScrollSettings"
                },
                {
                    "propertyName": "chartSettings",
                    "baseClass": "ChartSettings",
                    "aspSelectorName": "e-chartSettings",
                    "blazorClassName": "PivotChartSettings",
                    "complexDirective": [
                        {
                            "propertyName": "chartSeries",
                            "baseClass": "PivotSeries",
                            "aspSelectorName": "e-chartSeries",
                            "blazorClassName": "PivotChartSeries",
                            "complexDirective": [
                                {
                                    "propertyName": "animation",
                                    "baseClass": "PivotChartSeriesAnimation",
                                    "aspSelectorName": "e-animation",
                                    "blazorClassName": "PivotChartSeriesAnimation"
                                },
                                {
                                    "propertyName": "dataLabel",
                                    "baseClass": "PivotChartDataLabel",
                                    "aspSelectorName": "e-datalabel",
                                    "blazorClassName": "PivotChartDataLabel",
                                    "complexDirective": [
                                        {
                                            "propertyName": "connectorStyle",
                                            "baseClass": "PivotChartConnectorStyle",
                                            "aspSelectorName": "e-connectorstyle",
                                            "blazorClassName": "PivotChartConnectorStyle"
                                        }
                                    ]
                                },
                                {
                                    "propertyName": "border",
                                    "baseClass": "PivotChartSeriesBorder",
                                    "aspSelectorName": "e-border",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartCommonBorder",
                                    "blazorClassName": "PivotChartSeriesBorder"
                                },
                                {
                                    "propertyName": "marker",
                                    "baseClass": "PivotChartSeriesMarkerSettings",
                                    "aspSelectorName": "e-marker",
                                    "blazorClassName": "PivotChartMarkerSettings"
                                },
                                {
                                    "propertyName": "errorBar",
                                    "baseClass": "PivotChartSeriesErrorSettings",
                                    "aspSelectorName": "e-errorbar",
                                    "blazorClassName": "PivotChartErrorSettings"
                                },
                                {
                                    "propertyName": "emptyPointSettings",
                                    "baseClass": "PivotChartSeriesEmptyPointSettings",
                                    "aspSelectorName": "e-emptypointsettings",
                                    "blazorClassName": "PivotChartEmptyPointSettings"
                                },
                                {
                                    "propertyName": "cornerRadius",
                                    "baseClass": "PivotChartSeriesCornerRadius",
                                    "aspSelectorName": "e-cornerradius",
                                    "blazorClassName": "PivotChartCornerRadius"
                                }
                            ],
                            "tagDirective": [
                                {
                                    "arrayDirectiveClassName": "Trendlines",
                                    "directiveClassName": "Trendline",
                                    "arrayDirectiveSelector": "e-chartSeries>e-trendlines",
                                    "directiveSelector": "e-chartSeries>e-trendlines>e-trendline",
                                    "aspDrrayDirectiveSelector": "e-trendlines",
                                    "aspDirectiveSelector": "e-trendline",
                                    "directoryName": "pivotview",
                                    "propertyName": "trendlines",
                                    "baseClass": "PivotChartSeriesTrendline",
                                    "blazorArrayClassName": "PivotChartTrendlines",
                                    "blazorClassName": "PivotChartTrendline",
                                    "comment": [
                                        "/**",
                                        " * ChartSeries Directive",
                                        " * ```html",
                                        " * <e-chartSettings>",
                                        " * <e-chartSeries>",
                                        " * <e-trendlines>",
                                        " * <e-trendline>",
                                        " * </e-trendline>",
                                        " * </e-trendlines>",
                                        " * </e-chartSettings>",
                                        " * ```",
                                        " */"
                                    ],
                                    "reactComment": [
                                        "/**",
                                        " * `TrendlineDirective` directive represent a trendline of the react PivotView. ",
                                        " * It must be contained in a PivotView component(`PivotViewComponent`). ",
                                        " * ```tsx",
                                        " * <PivotViewComponent>",
                                        " * <ChartSettings>",
                                        " * <ChartSeriesDirective>",
                                        " * <TrendlinesDirective>",
                                        " * <TrendlineDirective></TrendlineDirective>",
                                        " * </TrendlinesDirective>",
                                        " * </ChartSeriesDirective>",
                                        " * </ChartSettings>",
                                        " * </PivotViewComponent>",
                                        " * ```",
                                        " */"
                                    ]
                                },
                                {
                                    "arrayDirectiveClassName": "Segments",
                                    "directiveClassName": "Segment",
                                    "arrayDirectiveSelector": "e-chart-series>e-segments",
                                    "directiveSelector": "e-chart-series>e-segments>e-segment",
                                    "aspArrayDirectiveSelector": "e-segments",
                                    "aspDirectiveSelector": "e-segment",
                                    "directoryName": "pivotview",
                                    "propertyName": "segments",
                                    "baseClass": "PivotChartSeriesSegment",
                                    "blazorArrayClassName": "PivotChartSegments",
                                    "blazorClassName": "PivotChartSegment",
                                    "comment": [
                                        "/**",
                                        " * ChartSeries Directive",
                                        " * ```html",
                                        " * <e-chartSettings>",
                                        " * <e-chartSeries>",
                                        " * <e-segments>",
                                        " * <e-segment>",
                                        " * </e-segment>",
                                        " * </e-segments>",
                                        " * </e-chartSettings>",
                                        " * ```",
                                        " */"
                                    ],
                                    "reactComment": [
                                        "/**",
                                        " * `SegmentDirective` directive represent a segment of the react pivotview. ",
                                        " * It must be contained in a PivotView component(`PivotViewComponent`). ",
                                        " * ```tsx",
                                        " * <PivotViewComponent>",
                                        " * <ChartSettingsDirective>",
                                        " * <ChartSeriesDirective>",
                                        " * <SegmentsDirective>",
                                        " * <SegmentDirective></SegmentDirective>",
                                        " * </SegmentsDirective>",
                                        " * </ChartSeriesDirective>",
                                        " * </ChartSettingsDirective>",
                                        " * </PivotViewComponent>",
                                        " * ```",
                                        " */"
                                    ]
                                }
                            ]
                        },
                        {
                            "propertyName": "primaryXAxis",
                            "baseClass": "PivotAxis",
                            "SelectorName": "e-primaryXAxis",
                            "aspSelectorName": "e-primaryXAxis",
                            "blazorClassName": "PivotChartPrimaryXAxis",
                            "complexDirective": [
                                {
                                    "propertyName": "labelStyle",
                                    "baseClass": "PivotChartAxisFont",
                                    "SelectorName": "e-labelstyle",
                                    "aspSelectorName": "e-labelstyle",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartCommonFont",
                                    "blazorClassName": "PivotChartPrimaryXAxisFont"
                                },
                                {
                                    "propertyName": "crosshairTooltip",
                                    "baseClass": "PivotChartAxisCrosshairTooltip",
                                    "SelectorName": "e-crosshairtooltip",
                                    "aspSelectorName": "e-crosshairtooltip",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartCrosshairTooltip",
                                    "blazorClassName": "PivotChartPrimaryXAxisCrosshairTooltip"
                                },
                                {
                                    "propertyName": "majorTickLines",
                                    "baseClass": "PivotChartAxisMajorTickLines",
                                    "SelectorName": "e-majorticklines",
                                    "aspSelectorName": "e-majorticklines",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartMajorTickLines",
                                    "blazorClassName": "PivotChartPrimaryXAxisMajorTickLines"
                                },
                                {
                                    "propertyName": "majorGridLines",
                                    "baseClass": "PivotChartAxisMajorGridLines",
                                    "SelectorName": "e-majorgridlines",
                                    "aspSelectorName": "e-majorgridlines",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartMajorGridLines",
                                    "blazorClassName": "PivotChartPrimaryXAxisMajorGridLines"
                                },
                                {
                                    "propertyName": "minorTickLines",
                                    "baseClass": "PivotChartAxisMinorTickLines",
                                    "SelectorName": "e-minorticklines",
                                    "aspSelectorName": "e-minorticklines",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartMinorTickLines",
                                    "blazorClassName": "PivotChartPrimaryXAxisMinorTickLines"
                                },
                                {
                                    "propertyName": "minorGridLines",
                                    "baseClass": "PivotChartAxisMinorGridLines",
                                    "SelectorName": "e-minorgridlines",
                                    "aspSelectorName": "e-minorgridlines",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartMinorGridLines",
                                    "blazorClassName": "PivotChartPrimaryXAxisMinorGridLines"
                                },
                                {
                                    "propertyName": "lineStyle",
                                    "baseClass": "PivotChartAxisAxisLine",
                                    "SelectorName": "e-linestyle",
                                    "aspSelectorName": "e-linestyle",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartAxisLine",
                                    "blazorClassName": "PivotChartPrimaryXAxisLineStyle"
                                },
                                {
                                    "propertyName": "titleStyle",
                                    "baseClass": "PivotChartAxisFont",
                                    "SelectorName": "e-titlestyle",
                                    "aspSelectorName": "e-titlestyle",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartCommonFont",
                                    "blazorClassName": "PivotChartPrimaryXAxisTitleStyle"
                                },
                                {
                                    "propertyName": "border",
                                    "baseClass": "PivotChartAxisLabelBorder",
                                    "SelectorName": "e-border",
                                    "aspSelectorName": "e-border",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartLabelBorder",
                                    "blazorClassName": "PivotChartPrimaryXAxisBorder"
                                }
                            ],
                            "tagDirective": [
                                {
                                    "arrayDirectiveClassName": "StripLines",
                                    "directiveClassName": "StripLine",
                                    "arrayDirectiveSelector": "e-chartSettings-primaryXaxis>e-striplines",
                                    "directiveSelector": "e-chartSettings-primaryXaxis>e-striplines>e-stripline",
                                    "aspArrayDirectiveSelector": "e-primaryXaxis-striplines",
                                    "aspDirectiveSelector": "e-primaryXaxis-stripline",
                                    "propertyName": "stripLines",
                                    "directoryName": "chart",
                                    "baseClass": "PivotChartAxisStripLineSettings",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartStripLines",
                                    "blazorArrayClassName": "PivotChartPrimaryXAxisStripLineSettings",
                                    "blazorClassName": "PivotChartPrimaryXAxisStripLineSetting",
                                    "complexDirective": [
                                        {
                                            "propertyName": "textStyle",
                                            "baseClass": "PivotChartAxisFont",
                                            "SelectorName": "e-textstyle",
                                            "isCommon": "true",
                                            "blazorCommonClassName": "PivotChartCommonFont",
                                            "blazorClassName": "PivotChartPrimaryXAxisStripFont",
                                            "aspSelectorName": "e-primaryXaxis-textstyle",
                                            "aspClassName": "StripLinesPrimaryXAxisTextStyle",
                                            "aspBuilderName": "PivotViewPivotChartAxisFont"
                                        },
                                        {
                                            "propertyName": "border",
                                            "baseClass": "PivotChartSeriesBorder",
                                            "SelectorName": "e-border",
                                            "isCommon": "true",
                                            "blazorCommonClassName": "PivotChartCommonBorder",
                                            "blazorClassName": "PivotChartPrimaryXAxisStripBorder",
                                            "aspSelectorName": "e-primaryXaxis-border",
                                            "aspClassName": "StripLinesPrimaryXAxisBorder",
                                            "aspBuilderName": "PivotViewPivotChartSeriesBorder"
                                        }
                                    ],
                                    "comment": [
                                        "/**",
                                        " * StripLine Directive",
                                        " * ```html",
                                        " * <e-chartSettings-primaryXaxis>",
                                        " * <e-striplines>",
                                        " * <e-stripline></e-stripline>",
                                        " * </e-striplines>",
                                        " * </e-chartSettings-primaryXaxis>",
                                        " * ```",
                                        " */"
                                    ]
                                }
                            ]
                        },
                        {
                            "propertyName": "primaryYAxis",
                            "baseClass": "PivotAxis",
                            "SelectorName": "e-primaryYAxis",
                            "aspSelectorName": "e-primaryYAxis",
                            "blazorClassName": "PivotChartPrimaryYAxis",
                            "complexDirective": [
                                {
                                    "propertyName": "labelStyle",
                                    "baseClass": "PivotChartAxisFont",
                                    "SelectorName": "e-labelstyle",
                                    "aspSelectorName": "e-labelstyle",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartCommonFont",
                                    "blazorClassName": "PivotChartPrimaryYAxisFont"
                                },
                                {
                                    "propertyName": "crosshairTooltip",
                                    "baseClass": "PivotChartAxisCrosshairTooltip",
                                    "SelectorName": "e-crosshairtooltip",
                                    "aspSelectorName": "e-crosshairtooltip",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartCrosshairTooltip",
                                    "blazorClassName": "PivotChartPrimaryYAxisCrosshairTooltip"
                                },
                                {
                                    "propertyName": "majorTickLines",
                                    "baseClass": "PivotChartAxisMajorTickLines",
                                    "SelectorName": "e-majorticklines",
                                    "aspSelectorName": "e-majorticklines",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartMajorTickLines",
                                    "blazorClassName": "PivotChartPrimaryYAxisMajorTickLines"
                                },
                                {
                                    "propertyName": "majorGridLines",
                                    "baseClass": "PivotChartAxisMajorGridLines",
                                    "SelectorName": "e-majorgridlines",
                                    "aspSelectorName": "e-majorgridlines",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartMajorGridLines",
                                    "blazorClassName": "PivotChartPrimaryYAxisMajorGridLines"
                                },
                                {
                                    "propertyName": "minorTickLines",
                                    "baseClass": "PivotChartAxisMinorTickLines",
                                    "SelectorName": "e-minorticklines",
                                    "aspSelectorName": "e-minorticklines",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartMinorTickLines",
                                    "blazorClassName": "PivotChartPrimaryYAxisMinorTickLines"
                                },
                                {
                                    "propertyName": "minorGridLines",
                                    "baseClass": "PivotChartAxisMinorGridLines",
                                    "SelectorName": "e-minorgridlines",
                                    "aspSelectorName": "e-minorgridlines",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartMinorGridLines",
                                    "blazorClassName": "PivotChartPrimaryYAxisMinorGridLines"
                                },
                                {
                                    "propertyName": "lineStyle",
                                    "baseClass": "PivotChartAxisAxisLine",
                                    "SelectorName": "e-linestyle",
                                    "aspSelectorName": "e-linestyle",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartAxisLine",
                                    "blazorClassName": "PivotChartPrimaryYAxisLineStyle"
                                },
                                {
                                    "propertyName": "titleStyle",
                                    "baseClass": "PivotChartAxisFont",
                                    "SelectorName": "e-titlestyle",
                                    "aspSelectorName": "e-titlestyle",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartCommonFont",
                                    "blazorClassName": "PivotChartPrimaryYAxisTitleStyle"
                                },
                                {
                                    "propertyName": "border",
                                    "baseClass": "PivotChartAxisLabelBorder",
                                    "SelectorName": "e-border",
                                    "aspSelectorName": "e-border",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartLabelBorder",
                                    "blazorClassName": "PivotChartPrimaryYAxisBorder"
                                }
                            ],
                            "tagDirective": [
                                {
                                    "arrayDirectiveClassName": "StripLines",
                                    "directiveClassName": "StripLine",
                                    "arrayDirectiveSelector": "e-chartSettings-primaryYaxis>e-striplines",
                                    "directiveSelector": "e-chartSettings-primaryYaxis>e-striplines>e-stripline",
                                    "aspArrayDirectiveSelector": "e-primaryYaxis-striplines",
                                    "aspDirectiveSelector": "e-primaryYaxis-stripline",
                                    "propertyName": "stripLines",
                                    "directoryName": "chart",
                                    "baseClass": "PivotChartAxisStripLineSettings",
                                    "isCommon": "true",
                                    "blazorCommonClassName": "PivotChartStripLines",
                                    "blazorArrayClassName": "PivotChartPrimaryYAxisStripLineSettings",
                                    "blazorClassName": "PivotChartPrimaryYAxisStripLineSetting",
                                    "complexDirective": [
                                        {
                                            "propertyName": "textStyle",
                                            "baseClass": "PivotChartAxisFont",
                                            "SelectorName": "e-textstyle",
                                            "isCommon": "true",
                                            "blazorCommonClassName": "PivotChartCommonFont",
                                            "blazorClassName": "PivotChartPrimaryYAxisStripFont",
                                            "aspSelectorName": "e-primaryYaxis-textstyle",
                                            "aspClassName": "StripLinesPrimaryYAxisTextStyle",
                                            "aspBuilderName": "PivotViewPivotChartAxisFont"
                                        },
                                        {
                                            "propertyName": "border",
                                            "baseClass": "PivotChartSeriesBorder",
                                            "SelectorName": "e-border",
                                            "isCommon": "true",
                                            "blazorCommonClassName": "PivotChartCommonBorder",
                                            "blazorClassName": "PivotChartPrimaryYAxisStripBorder",
                                            "aspSelectorName": "e-primaryYaxis-border",
                                            "aspClassName": "StripLinesPrimaryYAxisBorder",
                                            "aspBuilderName": "PivotViewPivotChartSeriesBorder"
                                        }
                                    ],
                                    "comment": [
                                        "/**",
                                        " * StripLine Directive",
                                        " * ```html",
                                        " * <e-chartSettings-primaryYaxis>",
                                        " * <e-striplines>",
                                        " * <e-stripline></e-stripline>",
                                        " * </e-striplines>",
                                        " * </e-chartSettings-primaryYaxis>",
                                        " * ```",
                                        " */"
                                    ]
                                }
                            ]
                        },
                        {
                            "propertyName": "zoomSettings",
                            "baseClass": "PivotZoomSettings",
                            "aspSelectorName": "e-zoomSettings",
                            "blazorClassName": "PivotChartZoomSettings"
                        },
                        {
                            "propertyName": "pieCenter",
                            "baseClass": "PivotPieChartCenter",
                            "aspSelectorName": "e-piecenter",
                            "blazorClassName": "PivotPieChartCenter"
                        },
                        {
                            "propertyName": "legendSettings",
                            "baseClass": "PivotChartSettingsLegendSettings",
                            "aspSelectorName": "e-legendSettings",
                            "blazorClassName": "PivotChartLegendSettings"
                        },
                        {
                            "propertyName": "selectedDataIndexes",
                            "baseClass": "PivotChartSettingsIndexes",
                            "aspSelectorName": "e-selectedDataIndexes",
                            "blazorClassName": "PivotChartIndexes"
                        },
                        {
                            "propertyName": "titleStyle",
                            "baseClass": "PivotChartAxisFont",
                            "aspSelectorName": "e-titleStyle",
                            "blazorClassName": "PivotChartTitleStyle"
                        },
                        {
                            "propertyName": "subTitleStyle",
                            "baseClass": "PivotChartAxisFont",
                            "aspSelectorName": "e-subTitleStyle",
                            "blazorClassName": "PivotChartSubTitleStyle"
                        },
                        {
                            "propertyName": "border",
                            "baseClass": "PivotChartSeriesBorder",
                            "aspSelectorName": "e-border",
                            "blazorClassName": "PivotChartBorder"
                        },
                        {
                            "propertyName": "margin",
                            "baseClass": "PivotChartSettingsMargin",
                            "aspSelectorName": "e-margin",
                            "blazorClassName": "PivotChartMarginSettings"
                        },
                        {
                            "propertyName": "chartArea",
                            "baseClass": "PivotChartSettingsChartArea",
                            "aspSelectorName": "e-chartArea",
                            "blazorClassName": "PivotChartAreaSettings"
                        },
                        {
                            "propertyName": "crosshair",
                            "baseClass": "PivotChartSettingsCrosshairSettings",
                            "aspSelectorName": "e-crosshair",
                            "blazorClassName": "PivotChartCrosshairSettings"
                        },
                        {
                            "propertyName": "tooltip",
                            "baseClass": "PivotTooltipSettings",
                            "aspSelectorName": "e-tooltip",
                            "blazorClassName": "PivotChartTooltipSettings",
                            "complexDirective": [
                                {
                                    "propertyName": "textStyle",
                                    "baseClass": "PivotChartAxisFont",
                                    "SelectorName": "e-textstyle",
                                    "aspSelectorName": "e-tooltip-textstyle",
                                    "aspClassName": "TooltipTextStyle",
                                    "aspBuilderName": "PivotViewPivotChartAxisFont",
                                    "blazorClassName": "PivotChartTooltipTextStyle"
                                },
                                {
                                    "propertyName": "border",
                                    "baseClass": "PivotChartSeriesBorder",
                                    "SelectorName": "e-border",
                                    "aspSelectorName": "e-tooltip-border",
                                    "aspClassName": "TooltipBorder",
                                    "aspBuilderName": "PivotViewPivotChartSeriesBorder",
                                    "blazorClassName": "PivotChartTooltipBorder"
                                }
                            ]
                        }
                    ]
                },
                {
                    "propertyName": "displayOption",
                    "baseClass": "DisplayOption",
                    "isPartialClass": true,
                    "aspSelectorName": "e-displayOption"
                },
                {
                    "propertyName": "groupingBarSettings",
                    "baseClass": "GroupingBarSettings",
                    "aspSelectorName": "e-groupingBarSettings"
                },
                {
                    "propertyName": "pagerSettings",
                    "baseClass": "PagerSettings",
                    "aspSelectorName": "e-pagerSettings"
                },
                {
                    "propertyName": "pageSettings",
                    "baseClass": "PageSettings",
                    "aspSelectorName": "e-pageSettings"
                },
                {
                    "propertyName": "editSettings",
                    "baseClass": "CellEditSettings",
                    "aspSelectorName": "e-editSettings"
                },
                {
                    "propertyName": "hyperlinkSettings",
                    "baseClass": "HyperlinkSettings",
                    "aspSelectorName": "e-hyperlinkSettings",
                    "tagDirective": [
                        {
                            "arrayDirectiveClassName": "conditionalSettings",
                            "directiveClassName": "conditionalSetting",
                            "propertyName": "conditionalSettings",
                            "arrayDirectiveSelector": "ejs-pivotview>e-conditionalsettings",
                            "directiveSelector": "ejs-pivotview>e-conditionalsettings>e-format",
                            "aspArrayDirectiveSelector": "e-conditionalsettings",
                            "aspDirectiveSelector": "e-format",
                            "directoryName": "pivotview",
                            "baseClass": "ConditionalSettings",
                            "comment": [
                                "/**",
                                " * `e-format` directive represent a view of the Angular PivotView. ",
                                " * It must be contained in a PivotView component(`ej-pivotview`). ",
                                " * ```html",
                                " * <ej-pivotview>",
                                " *    <e-conditionalsettings>",
                                " *     <e-format value1='total'></e-format>",
                                " *    </e-conditionalsettings>",
                                " * </ej-pivotview>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FormatDirective` represent a row of the react PivotView. ",
                                " * It must be contained in a PivotView component(`PivotViewComponent`). ",
                                " * ```tsx",
                                " * <PivotViewComponent> ",
                                " * <ConditionalSettingsDirective>",
                                " * <FormatDirective value1='10'></FormatDirective>",
                                " * </ConditionalSettingsDirective>",
                                " * </PivotViewComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `format` directive represent a row of the VueJS PivotView. ",
                                " * It must be contained in a PivotView component(`ejs-pivotview`). ",
                                " * ```vue",
                                " * <ejs-pivotview : showGroupingBar='true'> ",
                                " *    <conditionalsettings>",
                                " *     <format value1='total'></format>",
                                " *    </conditionalsettings>",
                                " * </ejs-pivotview>",
                                " * ```",
                                " */"
                            ]
                        }
                    ]
                }
            ],
            "templateProperties": [
                "cellTemplate",
                "tooltipTemplate"
            ],
            "blazorTemplates": [
                "cellTemplate"
            ],
            "blazorTemplateModels": {
                "cellTemplate": "TemplateContext"
            }
        },
        {
            "baseClass": "PivotFieldList",
            "directoryName": "pivotfieldlist",
            "type": "simple",
            "defaultTag": "<pivotfieldlist id='sample'></pivotfieldlist>",
            "blazorType": "native",
            "isGenericClass": true,
            "dynamicModules": [
                "CalculatedField"
            ],
            "diModuleFiles": [
                {
                    "fileName": "calculated-field"
                }
            ],
            "blazorDynamicModules": [],
            "comment": [
                "/**",
                " * `ej-pivotfieldlist` represents the Angular PivotFieldList Component.",
                " * ```html",
                " * <ej-pivotfieldlist></ej-pivotfieldlist>",
                " * ```",
                " */"
            ],
            "reactComment": [
                "/**",
                " * `PivotFieldListComponent` represents the react PivotFieldList.",
                " * ```tsx",
                " * <PivotFieldListComponent/>",
                " * ```",
                " */"
            ],
            "vueComment": [
                "/**",
                " * `ejs-pivotfieldlist` represents the VueJS PivotFieldList Component.",
                " * ```vue",
                " * <ejs-pivotfieldlist></ejs-pivotfieldlist>",
                " * ```",
                " */"
            ],
            "complexDirective": [
                {
                    "propertyName": "dataSourceSettings",
                    "baseClass": "DataSourceSettings",
                    "aspSelectorName": "e-datasourcesettings",
                    "twoWays": [
                        "dataSource"
                    ],
                    "isGenericClass": true,
                    "tagDirective": [
                        {
                            "arrayDirectiveClassName": "rows",
                            "directiveClassName": "row",
                            "propertyName": "rows",
                            "arrayDirectiveSelector": "ejs-pivotfieldlist>e-rows",
                            "directiveSelector": "ejs-pivotfieldlist>e-rows>e-field",
                            "aspArrayDirectiveSelector": "e-fieldlist-rows",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotfieldlist",
                            "fileName": "rows",
                            "baseClass": "FieldListFieldOptions",
                            "blazorArrayClassName": "PivotFieldListRows",
                            "blazorClassName": "PivotFieldListRow",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ej-pivotfieldlist`). ",
                                " * ```html",
                                " * <ej-pivotfieldlist>",
                                " *   <e-datasource>",
                                " *    <e-rows>",
                                " *     <e-field name='date'></e-field>",
                                " *     <e-field name='product'></e-field>",
                                " *    </e-rows>",
                                " *   </e-datasource>",
                                " * </ej-pivotfieldlist>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FieldDirective` represent a row of the react PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`PivotFieldListComponent`). ",
                                " * ```tsx",
                                " * <PivotFieldListComponent> ",
                                " * <DataSourceDirective>",
                                " * <RowsDirective>",
                                " * <FieldDirective name='date'></FieldDirective>",
                                " * <FieldDirective name='product'></FieldDirective>",
                                " * </RowsDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotFieldListComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `row` directive represent a row of the VueJS PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ejs-pivotfieldlist`). ",
                                " * ```vue",
                                " * <ejs-pivotfieldlist : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <rows>",
                                " *     <row field='ID' width='100'/>",
                                " *     <row field='name' headerText='Name' width='100'/>",
                                " *    </rows>",
                                " *   </datasource>",
                                " * </ejs-pivotfieldlist>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "rows",
                            "directiveClassName": "row",
                            "propertyName": "columns",
                            "arrayDirectiveSelector": "ejs-pivotfieldlist>e-columns",
                            "directiveSelector": "ejs-pivotfieldlist>e-columns>e-field",
                            "aspArrayDirectiveSelector": "e-fieldlist-columns",
                            "aspDirectiveSelector": "e-field",
                            "aspArrayClassName": "ColumnFieldListDataSource",
                            "directoryName": "pivotfieldlist",
                            "baseClass": "FieldListFieldOptions",
                            "blazorArrayClassName": "PivotFieldListColumns",
                            "blazorClassName": "PivotFieldListColumn",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ej-pivotfieldlist`). ",
                                " * ```html",
                                " * <ej-pivotfieldlist>",
                                " *   <e-datasource>",
                                " *    <e-columns>",
                                " *     <e-field name='date'></e-field>",
                                " *     <e-field name='product'></e-field>",
                                " *    </e-columns>",
                                " *   </e-datasource>",
                                " * </ej-pivotfieldlist>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `ColumnDirective` represent a row of the react PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`PivotFieldListComponent`). ",
                                " * ```tsx",
                                " * <PivotFieldListComponent> ",
                                " * <DataSourceDirective>",
                                " * <ColumnsDirective>",
                                " * <ColumnDirective name='date'></ColumnDirective>",
                                " * <ColumnDirective name='product'></ColumnDirective>",
                                " * </ColumnsDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotFieldListComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `column` directive represent a row of the VueJS PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ejs-pivotfieldlist`). ",
                                " * ```vue",
                                " * <ejs-pivotfieldlist : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <columns>",
                                " *     <column name='date'/>",
                                " *     <column name='product'/>",
                                " *    </columns>",
                                " *   </datasource>",
                                " * </ejs-pivotfieldlist>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "rows",
                            "directiveClassName": "row",
                            "propertyName": "values",
                            "arrayDirectiveSelector": "ejs-pivotfieldlist>e-values",
                            "directiveSelector": "ejs-pivotfieldlist>e-values>e-field",
                            "aspArrayDirectiveSelector": "e-fieldlist-values",
                            "aspDirectiveSelector": "e-field",
                            "aspArrayClassName": "ValueFieldListDataSource",
                            "directoryName": "pivotfieldlist",
                            "baseClass": "FieldListFieldOptions",
                            "blazorArrayClassName": "PivotFieldListValues",
                            "blazorClassName": "PivotFieldListValue",
                            "comment": [
                                "/**",
                                " * `e-value` directive represent a view of the Angular PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ej-pivotfieldlist`). ",
                                " * ```html",
                                " * <ej-pivotfieldlist>",
                                " *   <e-datasource>",
                                " *    <e-values>",
                                " *     <e-value name='date'></e-value>",
                                " *     <e-value name='product'></e-value>",
                                " *    </e-values>",
                                " *   </e-datasource>",
                                " * </ej-pivotfieldlist>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `ValueDirective` represent a row of the react PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`PivotFieldListComponent`). ",
                                " * ```tsx",
                                " * <PivotFieldListComponent> ",
                                " * <DataSourceDirective>",
                                " * <ValuesDirective>",
                                " * <ValueDirective name='date'></ValueDirective>",
                                " * <ValueDirective name='product'></ValueDirective>",
                                " * </ValuesDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotFieldListComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `value` directive represent a row of the VueJS PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ejs-pivotfieldlist`). ",
                                " * ```vue",
                                " * <ejs-pivotfieldlist : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <values>",
                                " *     <value name='date'/>",
                                " *     <value name='product'/>",
                                " *    </values>",
                                " *   </datasource>",
                                " * </ejs-pivotfieldlist>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "rows",
                            "directiveClassName": "row",
                            "propertyName": "filters",
                            "arrayDirectiveSelector": "ejs-pivotfieldlist>e-filters",
                            "directiveSelector": "ejs-pivotfieldlist>e-filters>e-field",
                            "aspArrayDirectiveSelector": "e-fieldlist-filters",
                            "aspDirectiveSelector": "e-field",
                            "aspArrayClassName": "FilterFieldListDataSource",
                            "directoryName": "pivotfieldlist",
                            "baseClass": "FieldListFieldOptions",
                            "blazorArrayClassName": "PivotFieldListFilters",
                            "blazorClassName": "PivotFieldListFilter",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ej-pivotfieldlist`). ",
                                " * ```html",
                                " * <ej-pivotfieldlist>",
                                " *   <e-datasource>",
                                " *    <e-filters>",
                                " *     <e-field name='date'></e-field>",
                                " *     <e-field name='product'></e-field>",
                                " *    </e-filters>",
                                " *   </e-datasource>",
                                " * </ej-pivotfieldlist>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FilterDirective` represent a row of the react PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`PivotFieldListComponent`). ",
                                " * ```tsx",
                                " * <PivotFieldListComponent> ",
                                " * <DataSourceDirective>",
                                " * <FiltersDirective>",
                                " * <FilterDirective name='date'></FilterDirective>",
                                " * <FilterDirective name='product'></FilterDirective>",
                                " * </FiltersDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotFieldListComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `filter` directive represent a row of the VueJS PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ejs-pivotfieldlist`). ",
                                " * ```vue",
                                " * <ejs-pivotfieldlist : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <filters>",
                                " *     <filter name='date'/>",
                                " *     <filter name='product'/>",
                                " *    </filters>",
                                " *   </datasource>",
                                " * </ejs-pivotfieldlist>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "rows",
                            "directiveClassName": "row",
                            "propertyName": "fieldMapping",
                            "arrayDirectiveSelector": "ejs-pivotfieldlist>e-fieldMapping",
                            "directiveSelector": "ejs-pivotfieldlist>e-fieldMapping>e-field",
                            "aspArrayDirectiveSelector": "e-fieldlist-fieldMapping",
                            "aspDirectiveSelector": "e-field",
                            "aspArrayClassName": "FieldMappingFieldListDataSource",
                            "directoryName": "pivotfieldlist",
                            "baseClass": "FieldListFieldOptions",
                            "blazorArrayClassName": "PivotFieldListFieldMapping",
                            "blazorClassName": "PivotFieldListField",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ej-pivotfieldlist`). ",
                                " * ```html",
                                " * <ej-pivotfieldlist>",
                                " *   <e-datasource>",
                                " *    <e-fieldMapping>",
                                " *     <e-field name='date'></e-field>",
                                " *     <e-field name='product'></e-field>",
                                " *    </e-fieldMapping>",
                                " *   </e-datasource>",
                                " * </ej-pivotfieldlist>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FieldDirective` represent a row of the react PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`PivotFieldListComponent`). ",
                                " * ```tsx",
                                " * <PivotFieldListComponent> ",
                                " * <DataSourceDirective>",
                                " * <FieldMappingDirective>",
                                " * <FieldDirective name='date'></FieldDirective>",
                                " * <FieldDirective name='product'></FieldDirective>",
                                " * </FieldMappingDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotFieldListComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `field` directive represent a row of the VueJS PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ejs-pivotfieldlist`). ",
                                " * ```vue",
                                " * <ejs-pivotfieldlist : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <fieldMapping>",
                                " *     <field name='date'/>",
                                " *     <field name='product'/>",
                                " *    </fieldMapping>",
                                " *   </datasource>",
                                " * </ejs-pivotfieldlist>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "formatSettings",
                            "directiveClassName": "formatSetting",
                            "propertyName": "formatSettings",
                            "arrayDirectiveSelector": "ejs-pivotfieldlist>e-formatsettings",
                            "directiveSelector": "ejs-pivotfieldlist>e-formatsettings>e-field",
                            "aspArrayDirectiveSelector": "e-fieldlist-formatsettings",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotfieldlist",
                            "baseClass": "FormatSettings",
                            "blazorArrayClassName": "PivotFieldListFormatSettings",
                            "blazorClassName": "PivotFieldListFormatSetting",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ej-pivotfieldlist`). ",
                                " * ```html",
                                " * <ej-pivotfieldlist>",
                                " *   <e-datasource>",
                                " *    <e-formatsettings>",
                                " *     <e-field name='date'></e-field>",
                                " *     <e-field name='product'></e-field>",
                                " *    </e-formatsettings>",
                                " *   </e-datasource>",
                                " * </ej-pivotfieldlist>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FieldDirective` represent a row of the react PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`PivotFieldListComponent`). ",
                                " * ```tsx",
                                " * <PivotFieldListComponent> ",
                                " * <DataSourceDirective>",
                                " * <FormatSettingsDirective>",
                                " * <FieldDirective name='date'></FieldDirective>",
                                " * <FieldDirective name='product'></FieldDirective>",
                                " * </FormatSettingsDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotFieldListComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `field` directive represent a row of the VueJS PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ejs-pivotfieldlist`). ",
                                " * ```vue",
                                " * <ejs-pivotfieldlist : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <formatsettings>",
                                " *     <field name='date' order='Descending'/>",
                                " *     <field name='product' order='Ascending'/>",
                                " *    </foratsettings>",
                                " *   </datasource>",
                                " * </ejs-pivotfieldlist>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "sortSettings",
                            "directiveClassName": "sortSetting",
                            "propertyName": "sortSettings",
                            "arrayDirectiveSelector": "ejs-pivotfieldlist>e-sortsettings",
                            "directiveSelector": "ejs-pivotfieldlist>e-sortsettings>e-field",
                            "aspArrayDirectiveSelector": "e-fieldlist-sortsettings",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotfieldlist",
                            "baseClass": "Sort",
                            "blazorArrayClassName": "PivotFieldListSortSettings",
                            "blazorClassName": "PivotFieldListSortSetting",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ej-pivotfieldlist`). ",
                                " * ```html",
                                " * <ej-pivotfieldlist>",
                                " *   <e-datasource>",
                                " *    <e-sortsettings>",
                                " *     <e-field name='date' order='Descending'></e-field>",
                                " *     <e-field name='product' order='Ascending'></e-field>",
                                " *    </e-sortsettings>",
                                " *   </e-datasource>",
                                " * </ej-pivotfieldlist>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `SortDirective` represent a row of the react PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`PivotFieldListComponent`). ",
                                " * ```tsx",
                                " * <PivotFieldListComponent> ",
                                " * <DataSourceDirective>",
                                " * <SortSettingsDirective>",
                                " * <SortDirective name='date' order='Descending'></SortDirective>",
                                " * <SortDirective name='product' order='Ascending'></SortDirective>",
                                " * </SortSettingsDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotFieldListComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `sort` directive represent a row of the VueJS PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ejs-pivotfieldlist`). ",
                                " * ```vue",
                                " * <ejs-pivotfieldlist : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <sortsettings>",
                                " *     <sort name='date' order='Descending'/>",
                                " *     <sort name='product' order='Ascending'/>",
                                " *    </sortsettings>",
                                " *   </datasource>",
                                " * </ejs-pivotfieldlist>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "filterSettings",
                            "directiveClassName": "filterSetting",
                            "propertyName": "filterSettings",
                            "arrayDirectiveSelector": "ejs-pivotfieldlist>e-filtersettings",
                            "directiveSelector": "ejs-pivotfieldlist>e-filtersettings>e-field",
                            "aspArrayDirectiveSelector": "e-fieldlist-filtersettings",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotfieldlist",
                            "baseClass": "Filter",
                            "blazorArrayClassName": "PivotFieldListFilterSettings",
                            "blazorClassName": "PivotFieldListFilterSetting",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ej-pivotfieldlist`). ",
                                " * ```html",
                                " * <ej-pivotfieldlist>",
                                " *   <e-datasource>",
                                " *    <e-filtersettings>",
                                " *     <e-field name='date' type='include'></e-field>",
                                " *     <e-field name='product' type='exclude'></e-field>",
                                " *    </e-filtersettings>",
                                " *   </e-datasource>",
                                " * </ej-pivotfieldlist>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FilterDirective` represent a row of the react PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`PivotFieldListComponent`). ",
                                " * ```tsx",
                                " * <PivotFieldListComponent> ",
                                " * <DataSourceDirective>",
                                " * <FilterSettingsDirective>",
                                " * <FilterDirective name='date' type='include'></FilterDirective>",
                                " * <FilterDirective name='product' type='exclude'></FilterDirective>",
                                " * </FilterSettingsDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotFieldListComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `filter` directive represent a row of the VueJS PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ejs-pivotfieldlist`). ",
                                " * ```vue",
                                " * <ejs-pivotfieldlist : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <filtersettings>",
                                " *     <filter name='date' type='include'/>",
                                " *     <filter name='product' type='exclude'/>",
                                " *    </filtersettings>",
                                " *   </datasource>",
                                " * </ejs-pivotfieldlist>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "conditionalFormatSettings",
                            "directiveClassName": "conditionalFormatSetting",
                            "propertyName": "conditionalFormatSettings",
                            "arrayDirectiveSelector": "ejs-pivotfieldlist>e-conditionalformatsettings",
                            "directiveSelector": "ejs-pivotfieldlist>e-conditionalformatsettings>e-format",
                            "aspArrayDirectiveSelector": "e-fieldlist-conditionalformatsettings",
                            "aspDirectiveSelector": "e-fieldlist-format",
                            "directoryName": "pivotfieldlist",
                            "baseClass": "ConditionalFormatSettings",
                            "blazorArrayClassName": "PivotFieldListConditionalFormatSettings",
                            "blazorClassName": "PivotFieldListConditionalFormatSetting",
                            "complexDirective": [
                                {
                                    "propertyName": "style",
                                    "baseClass": "Style",
                                    "aspSelectorName": "e-fieldlist-style"
                                }
                            ],
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ej-pivotfieldlist`). ",
                                " * ```html",
                                " * <ej-pivotfieldlist>",
                                " *   <e-datasource>",
                                " *    <e-conditionalformatsettings>",
                                " *     <e-fieldlist-format value1='total'><e-fieldlist-style backgroundColor='black'></e-fieldlist-style></e-fieldlist-format>",
                                " *    </e-conditionalformatsettings>",
                                " *   </e-datasource>",
                                " * </ej-pivotfieldlist>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FieldDirective` represent a row of the react PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`PivotFieldListComponent`). ",
                                " * ```tsx",
                                " * <PivotFieldListComponent> ",
                                " * <DataSourceDirective>",
                                " * <ConditionalFormatSettingsDirective>",
                                " * <FormatDirective value1='10'><Style backgroundColor='black'></Style></FormatDirective>",
                                " * </ConditionalFormatSettingsDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotFieldListComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `field` directive represent a row of the VueJS PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ejs-pivotfieldlist`). ",
                                " * ```vue",
                                " * <ejs-pivotfieldlist : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <conditionalformatsettings>",
                                " *     <format value1='total'><style backgroundColor='black'></style></format>",
                                " *    </conditionalformatsettings>",
                                " *   </datasource>",
                                " * </ejs-pivotfieldlist>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "calculatedFieldSettings",
                            "directiveClassName": "calculatedFieldSetting",
                            "propertyName": "calculatedFieldSettings",
                            "arrayDirectiveSelector": "ejs-pivotfieldlist>e-calculatedfieldsettings",
                            "directiveSelector": "ejs-pivotfieldlist>e-calculatedfieldsettings>e-field",
                            "aspArrayDirectiveSelector": "e-fieldlist-calculatedfieldsettings",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotfieldlist",
                            "baseClass": "CalculatedFieldSettings",
                            "blazorArrayClassName": "PivotFieldListCalculatedFieldSettings",
                            "blazorClassName": "PivotFieldListCalculatedFieldSetting",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ej-pivotfieldlist`). ",
                                " * ```html",
                                " * <ej-pivotfieldlist>",
                                " *   <e-datasource>",
                                " *    <e-calculatedfieldsettings>",
                                " *     <e-field name='total' formula='10+5'></e-field>",
                                " *    </e-calculatedfieldsettings>",
                                " *   </e-datasource>",
                                " * </ej-pivotfieldlist>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FieldDirective` represent a row of the react PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`PivotFieldListComponent`). ",
                                " * ```tsx",
                                " * <PivotFieldListComponent> ",
                                " * <DataSourceDirective>",
                                " * <CalculatedFieldSettingsDirective>",
                                " * <FieldDirective name='total' formula='10+5'></FieldDirective>",
                                " * </CalculatedFieldSettingsDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotFieldListComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `field` directive represent a row of the VueJS PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ejs-pivotfieldlist`). ",
                                " * ```vue",
                                " * <ejs-pivotfieldlist : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <calculatedfieldsettings>",
                                " *     <field name='total' formula='10+5'/>",
                                " *    </calculatedfieldsettings>",
                                " *   </datasource>",
                                " * </ejs-pivotfieldlist>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "drilledMembers",
                            "directiveClassName": "drilledMember",
                            "propertyName": "drilledMembers",
                            "arrayDirectiveSelector": "ejs-pivotfieldlist>e-drilledmembers",
                            "directiveSelector": "ejs-pivotfieldlist>e-drilledmembers>e-field",
                            "aspArrayDirectiveSelector": "e-fieldlist-drilledmembers",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotfieldlist",
                            "baseClass": "DrillOptions",
                            "blazorArrayClassName": "PivotFieldListDrilledMembers",
                            "blazorClassName": "PivotFieldListDrilledMember",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ej-pivotfieldlist`). ",
                                " * ```html",
                                " * <ej-pivotfieldlist>",
                                " *   <e-datasource>",
                                " *    <e-drilledmembers>",
                                " *     <e-field name='date'></e-field>",
                                " *    </e-drilledmembers>",
                                " *   </e-datasource>",
                                " * </ej-pivotfieldlist>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FieldDirective` represent a row of the react PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`PivotFieldListComponent`). ",
                                " * ```tsx",
                                " * <PivotFieldListComponent> ",
                                " * <DataSourceDirective>",
                                " * <DrilledMembersDirective>",
                                " * <FieldDirective name='date'></FieldDirective>",
                                " * </DrilledMembersDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotFieldListComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `field` directive represent a row of the VueJS PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ejs-pivotfieldlist`). ",
                                " * ```vue",
                                " * <ejs-pivotfieldlist : showGroupingBar='true'> ",
                                " *   <datasource>",
                                " *    <drilledmembers>",
                                " *     <field name='date'/>",
                                " *    </drilledmembers>",
                                " *   </datasource>",
                                " * </ejs-pivotfieldlist>",
                                " * ```",
                                " */"
                            ]
                        },
                        {
                            "arrayDirectiveClassName": "groupSettings",
                            "directiveClassName": "groupSetting",
                            "propertyName": "groupSettings",
                            "arrayDirectiveSelector": "ejs-pivotfieldlist>e-groupsettings",
                            "directiveSelector": "ejs-pivotfieldlist>e-groupsettings>e-field",
                            "aspArrayDirectiveSelector": "e-fieldlist-groupsettings",
                            "aspDirectiveSelector": "e-field",
                            "directoryName": "pivotfieldlist",
                            "baseClass": "GroupSettings",
                            "blazorArrayClassName": "PivotFieldListGroupSettings",
                            "blazorClassName": "PivotFieldListGroupSetting",
                            "comment": [
                                "/**",
                                " * `e-field` directive represent a view of the Angular PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ej-pivotfieldlist`). ",
                                " * ```html",
                                " * <ej-pivotfieldlist>",
                                " *   <e-datasource>",
                                " *    <e-groupsettings>",
                                " *     <e-field name='date'></e-field>",
                                " *    </e-groupsettings>",
                                " *   </e-datasource>",
                                " * </ej-pivotfieldlist>",
                                " * ```",
                                " */"
                            ],
                            "reactComment": [
                                "/**",
                                " * `FieldDirective` represent a row of the react PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`PivotFieldListComponent`). ",
                                " * ```tsx",
                                " * <PivotFieldListComponent> ",
                                " * <DataSourceDirective>",
                                " * <GroupSettingsDirective>",
                                " * <FieldDirective name='date'></FieldDirective>",
                                " * </GroupSettingsDirective>",
                                " * </DataSourceDirective>",
                                " * </PivotFieldListComponent>",
                                " * ```",
                                " */"
                            ],
                            "vueComment": [
                                "/**",
                                " * `field` directive represent a row of the VueJS PivotFieldList. ",
                                " * It must be contained in a PivotFieldList component(`ejs-pivotfieldlist`). ",
                                " * ```vue",
                                " * <ejs-pivotfieldlist> ",
                                " *   <datasource>",
                                " *    <groupsettings>",
                                " *     <field name='date'/>",
                                " *    </groupsettings>",
                                " *   </datasource>",
                                " * </ejs-pivotfieldlist>",
                                " * ```",
                                " */"
                            ],
                            "tagDirective": [
                                {
                                    "arrayDirectiveClassName": "customGroups",
                                    "directiveClassName": "customGroup",
                                    "propertyName": "customGroups",
                                    "arrayDirectiveSelector": "ejs-pivotfieldlist>e-groupsettings>e-customgroups",
                                    "directiveSelector": "ejs-pivotfieldlist>e-groupsettings>e-customgroups>e-group",
                                    "aspArrayDirectiveSelector": "e-fieldlist-customgroups",
                                    "aspDirectiveSelector": "e-group",
                                    "directoryName": "pivotfieldlist",
                                    "baseClass": "CustomGroups",
                                    "blazorArrayClassName": "PivotFieldListCustomGroups",
                                    "blazorClassName": "PivotFieldListCustomGroup",
                                    "comment": [
                                        "/**",
                                        " * `e-group` directive represent a view of the Angular PivotFieldList. ",
                                        " * It must be contained in a PivotFieldList component(`ej-pivotfieldlist`). ",
                                        " * ```html",
                                        " * <ej-pivotfieldlist>",
                                        " *   <e-datasource>",
                                        " *    <e-groupsettings>",
                                        " *     <e-field name='date'>",
                                        " *      <e-customgroups>",
                                        " *       <e-group groupName='Group 1'></e-group>",
                                        " *      </e-customgroups>",
                                        " *     </e-field>",
                                        " *    </e-groupsettings>",
                                        " *   </e-datasource>",
                                        " * </ej-pivotfieldlist>",
                                        " * ```",
                                        " */"
                                    ],
                                    "reactComment": [
                                        "/**",
                                        " * `CustomGroupDirective` represent a row of the react PivotFieldList. ",
                                        " * It must be contained in a PivotFieldList component(`PivotFieldListComponent`). ",
                                        " * ```tsx",
                                        " * <PivotFieldListComponent> ",
                                        " * <DataSourceDirective>",
                                        " * <GroupSettingsDirective>",
                                        " * <FieldDirective name='date'>",
                                        " * <CustomGroupsDirective>",
                                        " * <CustomGroupDirective groupName='Group 1'>",
                                        " * </CustomGroupDirective>",
                                        " * </CustomGroupsDirective",
                                        " * </FieldDirective>",
                                        " * </GroupSettingsDirective>",
                                        " * </DataSourceDirective>",
                                        " * </PivotFieldListComponent>",
                                        " * ```",
                                        " */"
                                    ],
                                    "vueComment": [
                                        "/**",
                                        " * `customgroup` directive represent a row of the VueJS PivotFieldList. ",
                                        " * It must be contained in a PivotFieldList component(`ejs-pivotfieldlist`). ",
                                        " * ```vue",
                                        " * <ejs-pivotfieldlist : showGroupingBar='true'> ",
                                        " *   <datasource>",
                                        " *    <groupsettings>",
                                        " *     <field name='date'>",
                                        " *       <customgroups>",
                                        " *        <customgroup groupNamee='Group 1'>",
                                        " *        </customgroup>",
                                        " *       </customgroups>",
                                        " *     </field>",
                                        " *    </groupsettings>",
                                        " *   </datasource>",
                                        " * </ejs-pivotfieldlist>",
                                        " * ```",
                                        " */"
                                    ]
                                }
                            ]
                        }
                    ],
                    "complexDirective": [
                        {
                            "propertyName": "valueSortSettings",
                            "baseClass": "ValueSortSettings",
                            "aspSelectorName": "e-fieldlist-valuesortsettings"
                        },
                        {
                            "propertyName": "authentication",
                            "baseClass": "Authentication",
                            "aspSelectorName": "e-fieldlist-authentication",
                            "blazorClassName": "PivotFieldListAuthentication"
                        }
                    ]
                }
            ]
        }
    ]
}