@progress/kendo-angular-treeview 22.1.0-develop.9 → 23.0.0-develop.1

package/filter-state.interface.d.ts

@@ -6,7 +6,7 @@ import { TreeItemFilterState } from "./drag-and-drop/models/tree-item-filter-sta
 import { TreeViewFilterSettings } from "./treeview-filter-settings";
 /**
  * Represents the current filter state of the TreeView.
- * Emitted by the [`filterStateChange`](slug:api_treeview_treeviewcomponent#filterstatechange) event.
+ * Emitted by the [`filterStateChange`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#filterstatechange) event.
  */
 export interface FilterState {
     /**

package/load-more/load-more-button-template.directive.d.ts

@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
  * Represents a directive for customizing the load more button in the TreeView.
  *
  * To define the template, nest an `<ng-template>` tag with the `kendoTreeViewLoadMoreButtonTemplate` directive inside a `<kendo-treeview>` tag
- * ([see example](slug:loadmorebutton_treeview#button-template)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/load-more-button#button-template)).
  *
  * The template context provides the following variable:
  * - `let-index="index"`&mdash;The hierarchical index of the load more button node.

package/load-more/load-more-request-args.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents the arguments that the [`loadMoreNodes`](slug:api_treeview_loadmoredirective#kendotreeviewloadmore) function receives when the load more button is pressed.
+ * Represents the arguments that the [`loadMoreNodes`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/loadmoredirective#kendotreeviewloadmore) function receives when the load more button is pressed.
  */
 export interface LoadMoreRequestArgs {
     /**
@@ -16,8 +16,8 @@ export interface LoadMoreRequestArgs {
     skip: number;
     /**
      * The recommended number of new items to load.
-     * This value matches the [`pageSize`](slug:api_treeview_loadmoredirective#pagesize) set in the [`kendoTreeViewLoadMore`](slug:api_treeview_loadmoredirective) directive.
-     * You can return any number of items—the page size automatically adjusts based on how many items the [`loadMoreNodes`](slug:api_treeview_loadmoredirective#kendotreeviewloadmore) function actually returns.
+     * This value matches the [`pageSize`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/loadmoredirective#pagesize) set in the [`kendoTreeViewLoadMore`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/loadmoredirective) directive.
+     * You can return any number of items—the page size automatically adjusts based on how many items the [`loadMoreNodes`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/loadmoredirective#kendotreeviewloadmore) function actually returns.
      */
     take: number;
 }

package/load-more/load-more.directive.d.ts

@@ -8,7 +8,7 @@ import { LoadMoreRequestArgs } from './load-more-request-args';
 import * as i0 from "@angular/core";
 /**
  * Represents the directive that enables you to display only a limited number of nodes per level
- * ([see example](slug:loadmorebutton_treeview)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/load-more-button)).
  *
  * @example
  * ```html
@@ -29,7 +29,7 @@ export declare class LoadMoreDirective {
     /**
      * Sets the callback function that runs when the load more button is clicked.
      * Provide a function when you fetch additional nodes on demand
-     * ([see example](slug:loadmorebutton_treeview#remote-data)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/load-more-button#remote-data)).
      *
      */
     set loadMoreNodes(loadMoreNodes: ((loadMoreArgs: LoadMoreRequestArgs) => Observable<any[]>) | string);
@@ -41,13 +41,13 @@ export declare class LoadMoreDirective {
     /**
      * Sets the total number of root nodes.
      * Use this property when you fetch additional nodes on demand
-     * ([see example](slug:loadmorebutton_treeview#remote-data)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/load-more-button#remote-data)).
      */
     totalRootNodes: number;
     /**
      * Sets the field that contains the total number of child nodes for the data item.
      * Use this property when you fetch additional nodes on demand
-     * ([see example](slug:loadmorebutton_treeview#remote-data)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/load-more-button#remote-data)).
      */
     totalField: string;
     /**

package/node-template.directive.d.ts

@@ -5,7 +5,7 @@
 import { TemplateRef } from "@angular/core";
 import * as i0 from "@angular/core";
 /**
- * Represents the template for TreeView nodes ([more information and example](slug:nodetemplate_treeview)).
+ * Represents the template for TreeView nodes ([more information and example](https://www.telerik.com/kendo-angular-ui/components/treeview/node-template)).
  *
  * Use this template to customize the content of the nodes. To define the node template, nest an `<ng-template>`
  * tag with the `kendoTreeViewNodeTemplate` directive inside a `<kendo-treeview>` tag.

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1769600023,
-  "version": "22.1.0-develop.9",
+  "publishDate": 1770286932,
+  "version": "23.0.0-develop.1",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treeview",
-  "version": "22.1.0-develop.9",
+  "version": "23.0.0-develop.1",
   "description": "Kendo UI TreeView for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1769600023,
+      "publishDate": 1770286932,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -29,15 +29,15 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-common": "22.1.0-develop.9",
-    "@progress/kendo-angular-inputs": "22.1.0-develop.9",
-    "@progress/kendo-angular-icons": "22.1.0-develop.9",
-    "@progress/kendo-angular-l10n": "22.1.0-develop.9",
+    "@progress/kendo-angular-common": "23.0.0-develop.1",
+    "@progress/kendo-angular-inputs": "23.0.0-develop.1",
+    "@progress/kendo-angular-icons": "23.0.0-develop.1",
+    "@progress/kendo-angular-l10n": "23.0.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "22.1.0-develop.9",
+    "@progress/kendo-angular-schematics": "23.0.0-develop.1",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-draggable": "^3.0.2"
   },

package/schematics/ngAdd/index.js

@@ -9,10 +9,10 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'TreeViewModule', package: 'treeview', peerDependencies: {
             // Peers of kendo-angular-inputs
-            '@progress/kendo-angular-buttons': '22.1.0-develop.9',
-            '@progress/kendo-angular-dialog': '22.1.0-develop.9',
-            '@progress/kendo-angular-intl': '22.1.0-develop.9',
-            '@progress/kendo-angular-popup': '22.1.0-develop.9',
+            '@progress/kendo-angular-buttons': '23.0.0-develop.1',
+            '@progress/kendo-angular-dialog': '23.0.0-develop.1',
+            '@progress/kendo-angular-intl': '23.0.0-develop.1',
+            '@progress/kendo-angular-popup': '23.0.0-develop.1',
             '@progress/kendo-drawing': '^1.9.3',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'

package/selection/select.directive.d.ts

@@ -11,7 +11,7 @@ import { NavigationService } from '../navigation/navigation.service';
 import * as i0 from "@angular/core";
 /**
  * Manages the in-memory selection state of TreeView nodes
- * ([see example](slug:selection_treeview)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/selection)).
  *
  * @example
  * ```html
@@ -40,12 +40,12 @@ export declare class SelectDirective implements OnDestroy, OnChanges {
     selectKey: string | ((context: TreeItem) => any);
     /**
      * Sets the current selection mode
-     * ([see example](slug:selection_treeview)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/selection)).
      */
     selection: boolean | SelectableSettings | string;
     /**
      * Defines the collection that stores the selected keys
-     * ([see example](slug:selection_treeview)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/selection)).
      */
     selectedKeys: any[];
     /**

package/size.d.ts

@@ -5,4 +5,4 @@
 /**
  * Represents the possible size options for the TreeView.
  */
-export type TreeViewSize = 'none' | 'small' | 'medium' | 'large';
+export type TreeViewSize = 'small' | 'medium' | 'large';

package/treeitem-lookup.interface.d.ts

@@ -5,7 +5,7 @@
 import { TreeItem } from './treeitem.interface';
 /**
  * Represents a node-tree lookup structure that stores information about the current node, its parent, and its children
- * ([see example](slug:checkboxes_treeview#toc-modifying-the-checked-state)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes#modifying-the-checked-state)).
  */
 export interface ItemLookup {
     /**
@@ -23,7 +23,7 @@ export interface ItemLookup {
 }
 /**
  * Represents a node-tree lookup structure that stores information about the current node, its parent, and its children.
- * Used in the [`checkedChange`](slug:api_treeview_treeviewcomponent#checkedchange) event of the TreeView ([see example](slug:checkboxes_treeview#toc-modifying-the-checked-state)).
+ * Used in the [`checkedChange`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#checkedchange) event of the TreeView ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes#modifying-the-checked-state)).
  */
 export interface TreeItemLookup {
     /**

package/treeitem.interface.d.ts

@@ -8,12 +8,12 @@
 export interface TreeItem {
     /**
      * The data item associated with the TreeView node
-     * ([see example](slug:selection_treeview#modifying-the-selection-behavior)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/selection#modifying-the-selection-behavior)).
      */
     dataItem: any;
     /**
      * The auto-generated hierarchical index of the TreeView node
-     * ([see example](slug:selection_treeview#modifying-the-selection-behavior)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/selection#modifying-the-selection-behavior)).
      */
     index: string;
 }

package/treeview-group.component.d.ts

@@ -35,15 +35,15 @@ export declare class TreeViewGroupComponent implements OnChanges, OnInit, OnDest
     /**
      * @hidden
      */
-    caretAltDownIcon: SVGIcon;
+    chevronDownIcon: SVGIcon;
     /**
      * @hidden
      */
-    caretAltRightIcon: SVGIcon;
+    chevronRightIcon: SVGIcon;
     /**
      * @hidden
      */
-    caretAltLeftIcon: SVGIcon;
+    chevronLeftIcon: SVGIcon;
     /**
      * @hidden
      */
@@ -70,6 +70,7 @@ export declare class TreeViewGroupComponent implements OnChanges, OnInit, OnDest
     initialNodesLoaded: boolean;
     loadingMoreNodes: boolean;
     isItemExpandable: (node: any, index: any) => boolean;
+    isContentDisabled(node: any, index: any): boolean;
     getFontIcon(node: any, index: any): string;
     getSvgIcon(node: any, index: any): SVGIcon;
     get moreNodesAvailable(): boolean;
@@ -116,10 +117,6 @@ export declare class TreeViewGroupComponent implements OnChanges, OnInit, OnDest
      * @hidden
      */
     isItemDisabled(node: any, index: any): boolean;
-    /**
-     * @hidden
-     */
-    setItemClasses(dataLength: number, index: any): string;
     private loadMoreLocalNodes;
     private fetchMoreNodes;
     private setNodeChildren;

package/{treeview-item-content.directive.d.ts → treeview-item-content-wrapper.directive.d.ts}

@@ -9,9 +9,9 @@ import * as i0 from "@angular/core";
 /**
  * @hidden
  *
- * A directive which manages the expanded state of the TreeView.
+ * A directive which manages the states of the TreeView items.
  */
-export declare class TreeViewItemContentDirective implements OnChanges, OnDestroy {
+export declare class TreeViewItemContentWrapperDirective implements OnChanges, OnDestroy {
     private element;
     private navigationService;
     private selectionService;
@@ -27,6 +27,6 @@ export declare class TreeViewItemContentDirective implements OnChanges, OnDestro
     private updateFocusClass;
     private updateSelectionClass;
     private render;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewItemContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TreeViewItemContentDirective, "[kendoTreeViewItemContent]", never, { "dataItem": { "alias": "dataItem"; "required": false; }; "index": { "alias": "index"; "required": false; }; "initialSelection": { "alias": "initialSelection"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewItemContentWrapperDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TreeViewItemContentWrapperDirective, "[kendoTreeViewItemContentWrapper]", never, { "dataItem": { "alias": "dataItem"; "required": false; }; "index": { "alias": "index"; "required": false; }; "initialSelection": { "alias": "initialSelection"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; }, {}, never, never, true, never>;
 }

package/treeview.component.d.ts

@@ -26,7 +26,7 @@ import { SVGIcon } from '@progress/kendo-svg-icons';
 import { TextBoxComponent } from '@progress/kendo-angular-inputs';
 import * as i0 from "@angular/core";
 /**
- * Represents the [Kendo UI TreeView component for Angular](slug:overview_treeview).
+ * Represents the [Kendo UI TreeView component for Angular](https://www.telerik.com/kendo-angular-ui/components/treeview).
  *
  * @example
  * ```html
@@ -110,12 +110,12 @@ export declare class TreeViewComponent implements OnChanges, OnInit, AfterViewIn
      */
     collapse: EventEmitter<TreeItem>;
     /**
-     * Fires just before node dragging starts ([see example](slug:draganddrop_treeview#setup)). This event is preventable.
+     * Fires just before node dragging starts ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/drag-and-drop#setup)). This event is preventable.
      * Prevent the default event to stop drag hint creation and further drag events.
      */
     nodeDragStart: EventEmitter<TreeItemDragStartEvent>;
     /**
-     * Fires when an item is being dragged ([see example](slug:draganddrop_treeview#setup)).
+     * Fires when an item is being dragged ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/drag-and-drop#setup)).
      */
     nodeDrag: EventEmitter<TreeItemDragEvent>;
     /**
@@ -124,7 +124,7 @@ export declare class TreeViewComponent implements OnChanges, OnInit, AfterViewIn
      */
     filterStateChange: EventEmitter<FilterState>;
     /**
-     * Fires on the target TreeView when a dragged item is dropped ([see example](slug:draganddrop_treeview#setup)).
+     * Fires on the target TreeView when a dragged item is dropped ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/drag-and-drop#setup)).
      *
      * Prevent the default event (`event.preventDefault()`) or set the event as invalid (`event.setValid(false)`) to stop the `addItem` and `removeItem` events from triggering.
      *
@@ -132,23 +132,23 @@ export declare class TreeViewComponent implements OnChanges, OnInit, AfterViewIn
      */
     nodeDrop: EventEmitter<TreeItemDropEvent>;
     /**
-     * Fires on the source TreeView after the dragged item is dropped ([see example](slug:draganddrop_treeview#setup)).
+     * Fires on the source TreeView after the dragged item is dropped ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/drag-and-drop#setup)).
      */
     nodeDragEnd: EventEmitter<TreeItemDragEvent>;
     /**
-     * Fires after a dragged item is dropped ([see example](slug:draganddrop_treeview#setup)). Called on the TreeView where the item is dropped.
+     * Fires after a dragged item is dropped ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/drag-and-drop#setup)). Called on the TreeView where the item is dropped.
      */
     addItem: EventEmitter<TreeItemAddRemoveArgs>;
     /**
-     * Fires after a dragged item is dropped ([see example](slug:draganddrop_treeview#setup)). Called on the TreeView from where the item is dragged.
+     * Fires after a dragged item is dropped ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/drag-and-drop#setup)). Called on the TreeView from where the item is dragged.
      */
     removeItem: EventEmitter<TreeItemAddRemoveArgs>;
     /**
-     * Fires when a TreeView node checkbox is selected ([see example](slug:checkboxes_treeview#toc-modifying-the-checked-state)).
+     * Fires when a TreeView node checkbox is selected ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes#modifying-the-checked-state)).
      */
     checkedChange: EventEmitter<TreeItemLookup>;
     /**
-     * Fires when a TreeView node is selected ([see example](slug:selection_treeview#modifying-the-selection-behavior)).
+     * Fires when a TreeView node is selected ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/selection#modifying-the-selection-behavior)).
      */
     selectionChange: EventEmitter<TreeItem>;
     /**
@@ -199,22 +199,22 @@ export declare class TreeViewComponent implements OnChanges, OnInit, AfterViewIn
      */
     trackBy: TrackByFunction<object>;
     /**
-     * The nodes displayed by the TreeView ([see example](slug:databinding_treeview)).
+     * The nodes displayed by the TreeView ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/data-binding)).
      */
     set nodes(value: any[]);
     get nodes(): any[];
     /**
-     * The fields of the data item that provide the text content of the nodes ([see example](slug:databinding_treeview)).
+     * The fields of the data item that provide the text content of the nodes ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/data-binding)).
      * If set to an array, each level uses the field at the same index or the last item in the array.
      */
     textField: string | string[];
     /**
-     * A function that determines if a node has child nodes ([see example](slug:databinding_treeview)).
+     * A function that determines if a node has child nodes ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/data-binding)).
      */
     get hasChildren(): (item: object) => boolean;
     set hasChildren(callback: (item: object) => boolean);
     /**
-     * A function that determines if a node is checked ([see example](slug:checkboxes_treeview#toc-modifying-the-checked-state)).
+     * A function that determines if a node is checked ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes#modifying-the-checked-state)).
      */
     get isChecked(): (item: object, index: string) => CheckedState;
     set isChecked(callback: (item: object, index: string) => CheckedState);
@@ -232,7 +232,7 @@ export declare class TreeViewComponent implements OnChanges, OnInit, AfterViewIn
     get isExpanded(): (item: object, index: string) => boolean;
     set isExpanded(callback: (item: object, index: string) => boolean);
     /**
-     * A function that determines if a node is selected ([see example](slug:selection_treeview#modifying-the-selection-behavior)).
+     * A function that determines if a node is selected ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/selection#modifying-the-selection-behavior)).
      */
     get isSelected(): (item: object, index: string) => boolean;
     set isSelected(callback: (item: object, index: string) => boolean);
@@ -248,7 +248,7 @@ export declare class TreeViewComponent implements OnChanges, OnInit, AfterViewIn
      */
     navigable: boolean;
     /**
-     * A function that provides the child nodes for a given parent node ([see example](slug:databinding_treeview)).
+     * A function that provides the child nodes for a given parent node ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/data-binding)).
      */
     children: (item: object) => Observable<object[]>;
     /**
@@ -258,8 +258,8 @@ export declare class TreeViewComponent implements OnChanges, OnInit, AfterViewIn
      */
     loadOnDemand: boolean;
     /**
-     * Renders the built-in input element for filtering. If `true`, emits the `filterChange` event that can be handled for [manual filtering](slug:filtering_treeview#toc-manual-filtering).
-     * Built-in filtering is available with [`kendoTreeViewHierarchyBinding`](slug:api_treeview_hierarchybindingdirective) and [`kendoTreeViewFlatDataBinding`](slug:api_treeview_flatdatabindingdirective) directives.
+     * Renders the built-in input element for filtering. If `true`, emits the `filterChange` event that can be handled for [manual filtering](https://www.telerik.com/kendo-angular-ui/components/treeview/filtering#manual-filtering).
+     * Built-in filtering is available with [`kendoTreeViewHierarchyBinding`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/hierarchybindingdirective) and [`kendoTreeViewFlatDataBinding`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/flatdatabindingdirective) directives.
      *
      * @default false
      */
@@ -271,7 +271,7 @@ export declare class TreeViewComponent implements OnChanges, OnInit, AfterViewIn
     /**
      * Sets the size of the component.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size: TreeViewSize);
     get size(): TreeViewSize;
@@ -331,7 +331,7 @@ export declare class TreeViewComponent implements OnChanges, OnInit, AfterViewIn
      */
     itemLookup(index: string): TreeItemLookup;
     /**
-     * Calls the [`children`](slug:api_treeview_treeviewcomponent#children) function for every expanded node and fetches all rendered child nodes again.
+     * Calls the [`children`](https://www.telerik.com/kendo-angular-ui/components/treeview/api/treeviewcomponent#children) function for every expanded node and fetches all rendered child nodes again.
      */
     rebindChildren(): void;
     /**
@@ -343,7 +343,7 @@ export declare class TreeViewComponent implements OnChanges, OnInit, AfterViewIn
      */
     collapseNode(item: any, index: string): void;
     /**
-     * Gets the current page size of the data item's children collection ([see example](slug:loadmorebutton_treeview#managing-page-sizes)).
+     * Gets the current page size of the data item's children collection ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/load-more-button#managing-page-sizes)).
      * Pass `null` as `dataItem` to get the root collection's page size.
      *
      * @param dataItem {any} - The parent data item of the targeted collection.
@@ -351,7 +351,7 @@ export declare class TreeViewComponent implements OnChanges, OnInit, AfterViewIn
      */
     getNodePageSize(dataItem: any): number;
     /**
-     * Sets the page size of the data item's children collection ([see example](slug:loadmorebutton_treeview#managing-page-sizes)).
+     * Sets the page size of the data item's children collection ([see example](https://www.telerik.com/kendo-angular-ui/components/treeview/load-more-button#managing-page-sizes)).
      * Pass `null` as `dataItem` to set the root collection's page size.
      *
      * @param dataItem {any} - The parent data item of the targeted collection.