@progress/kendo-angular-treelist 19.1.2-develop.4 → 19.1.2-develop.5

package/esm2022/filtering/menu/boolean-filter-menu.component.mjs

@@ -15,7 +15,7 @@ import { MenuTabbingService } from './menu-tabbing.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
- * Represents a Boolean-filter menu component. [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
+ * Represents the Kendo UI Boolean-filter menu component for Angular TreeList. Use this component to filter boolean fields in the TreeList. [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
  *
  * @example
  * ```html
@@ -28,7 +28,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
  *     </kendo-treelist-boolean-filter-menu>
  *   </ng-template>
  * </kendo-treelist-column>
- *   ```
+ * ```
  */
 export class BooleanFilterMenuComponent extends BooleanFilterComponent {
     /**
@@ -44,7 +44,7 @@ export class BooleanFilterMenuComponent extends BooleanFilterComponent {
      */
     filter = { filters: [], logic: "and" };
     /**
-     * The `FilterService` instance which is responsible for handling the changes in the filter descriptor.
+     * The `FilterService` instance that handles changes in the filter descriptor.
      */
     filterService;
     /**

package/esm2022/filtering/menu/date-filter-menu.component.mjs

@@ -16,7 +16,7 @@ import { replaceMessagePlaceholder } from '../../utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
- * Represents a date-filter menu component. [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
+ * Represents the Kendo UI date-filter menu component for Angular TreeList. Use this component to filter date fields in the TreeList. [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
  *
  * @example
  * ```html
@@ -30,6 +30,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  *   </ng-template>
  * </kendo-treelist-column>
  * ```
+ * @remarks
+ * Supported children components are: {@link EqualFilterOperatorComponent}, {@link NotEqualFilterOperatorComponent}, {@link AfterEqFilterOperatorComponent}, {@link AfterFilterOperatorComponent}, {@link BeforeEqFilterOperatorComponent}, {@link BeforeFilterOperatorComponent}, {@link IsNullFilterOperatorComponent}, {@link IsNotNullFilterOperatorComponent}.
  */
 export class DateFilterMenuComponent extends DateFilterComponent {
     logicOperators = logicOperators(this.localization);
@@ -45,12 +47,13 @@ export class DateFilterMenuComponent extends DateFilterComponent {
      */
     filter = { filters: [], logic: "and" };
     /**
-     * Determines if the inputs of second criteria will be displayed.
+     * Determines if the inputs of second criteria are displayed.
+     * @type {boolean}
      * @default true
      */
     extra = true;
     /**
-     * The `FilterService` instance which is responsible for handling the changes in the filter descriptor.
+     * The `FilterService` instance that handles changes in the filter descriptor.
      */
     filterService;
     /**

package/esm2022/filtering/menu/filter-menu-template.directive.mjs

@@ -5,8 +5,24 @@
 import { Directive, TemplateRef, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the filter-menu template
- * ([see example](slug:filter_menu_treelist#toc-custom-filter-menu-components).
+ * Represents the filter-menu template for the TreeList filter menu.
+ *
+ * Use this directive to provide a custom template for the filter menu in a TreeList column
+ * ([see example](slug:filter_menu_treelist#toc-custom-filter-menu-components)).
+ *
+ * @example
+ * ```html
+ * <kendo-treelist-column field="title" title="Title" [width]="180">
+ *  <ng-template kendoTreeListFilterMenuTemplate
+ *    let-filter="filter"
+ *    let-filterService="filterService">
+ *      <my-custom-filter-menu-component
+ *          [currentFilter]="filter"
+ *          [filterService]="filterService">
+ *      </my-custom-filter-menu-component>
+ *  </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 export class FilterMenuTemplateDirective {
     templateRef;

package/esm2022/filtering/menu/numeric-filter-menu.component.mjs

@@ -16,10 +16,11 @@ import { FilterMenuDropDownListDirective } from './filter-menu-dropdownlist.dire
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
- * Represents a numeric-filter menu component. [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
+ * Represents the Kendo UI numeric-filter menu component for the TreeList. Use this component to filter numeric values using a filter menu popup.
+ * [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
  *
  * @example
- *  ```html
+ * ```html
  * <kendo-treelist-column field="UnitPrice">
  *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
  *     <kendo-treelist-numeric-filter-menu
@@ -30,6 +31,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  *   </ng-template>
  * </kendo-treelist-column>
  * ```
+ * @remarks
+ * Supported children components are: {@link EqualFilterOperatorComponent}, {@link NotEqualFilterOperatorComponent}, {@link GreaterFilterOperatorComponent}, {@link GreaterOrEqualToFilterOperatorComponent}, {@link LessFilterOperatorComponent}, {@link LessOrEqualToFilterOperatorComponent}, {@link IsNullFilterOperatorComponent}, {@link IsNotNullFilterOperatorComponent}.
  */
 export class NumericFilterMenuComponent extends NumericFilterComponent {
     logicOperators = logicOperators(this.localization);
@@ -45,7 +48,7 @@ export class NumericFilterMenuComponent extends NumericFilterComponent {
      */
     filter = { filters: [], logic: "and" };
     /**
-     * Determines if the inputs of second criteria will displayed.
+     * Determines if the inputs of second criteria are displayed.
      * @default true
      */
     extra = true;
@@ -54,19 +57,20 @@ export class NumericFilterMenuComponent extends NumericFilterComponent {
      */
     filterService;
     /**
-     * Determines the delay (in milliseconds) before creating a filter descriptor based on the value. A value of 0 indicates no delay. The default value is 500.
-     *
+     * Determines the delay (in milliseconds) before creating a filter descriptor based on the value. A value of 0 indicates no delay.
      * @default 500
      */
     filterDelay = 500;
     /**
      * The placeholder text for the filter input.
      * @type {string}
+     * @default ''
      */
     placeholder = '';
     /**
      * The placeholder text for the extra filter input. Applies when `extra` is set to `true`.
      * @type {string}
+     * @default ''
      */
     extraPlaceholder = '';
     /**

package/esm2022/filtering/menu/string-filter-menu.component.mjs

@@ -15,7 +15,7 @@ import { replaceMessagePlaceholder } from '../../utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
- * Represents a string-filter menu component.
+ * Represents the Kendo UI string-filter menu component for the TreeList. Use this component to filter string values using a filter menu popup.
  * [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
  *
  * @example
@@ -30,7 +30,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  *   </ng-template>
  * </kendo-treelist-column>
  * ```
- *
+ * @remarks
+ * Supported children components are: {@link EqualFilterOperatorComponent}, {@link NotEqualFilterOperatorComponent}, {@link ContainsFilterOperatorComponent}, {@link DoesNotContainFilterOperatorComponent}, {@link StartsWithFilterOperatorComponent}, {@link EndsWithFilterOperatorComponent}, {@link IsNullFilterOperatorComponent}, {@link IsNotNullFilterOperatorComponent}, {@link IsEmptyFilterOperatorComponent}, {@link IsNotEmptyFilterOperatorComponent}.
  */
 export class StringFilterMenuComponent extends StringFilterComponent {
     logicOperators = logicOperators(this.localization);
@@ -46,12 +47,13 @@ export class StringFilterMenuComponent extends StringFilterComponent {
      */
     filter = { filters: [], logic: "and" };
     /**
-     * Determines if the inputs of second criteria will displayed.
+     * Determines if the inputs for a second criteria are displayed.
+     * @type {boolean}
      * @default true
      */
     extra = true;
     /**
-     * The `FilterService` instance which is responsible for handling the changes in the filter descriptor.
+     * The `FilterService` instance responsible for handling changes in the filter descriptor.
      */
     filterService;
     /**

package/esm2022/filtering/numeric-filter.component.mjs

@@ -23,7 +23,7 @@ const numericOperators = localizeOperators({
     "filterIsNotNullOperator": "isnotnull"
 });
 /**
- * Represents a base numeric filter component.
+ * Represents a base numeric filter component for the TreeList.
  */
 export class NumericFilterComponent extends BaseFilterCellComponent {
     localization;
@@ -40,7 +40,7 @@ export class NumericFilterComponent extends BaseFilterCellComponent {
     operator = "eq";
     /**
      * Specifies the value that is used to increment or decrement the component value.
-     * @type {numeric}
+     * @type {number}
      * @default 1
      */
     step = 1;
@@ -63,13 +63,13 @@ export class NumericFilterComponent extends BaseFilterCellComponent {
     /**
      * Specifies the number precision applied to the component value when it is focused.
      * If the user enters a number with a greater precision than is currently configured, the component value is rounded.
-     *
      * @type {number}
      */
     decimals;
     /**
      * Specifies the number format used when the component is not focused.
      * By default, the `column.format` value is used (if set).
+     * @type {string}
      */
     get format() {
         return !isNullOrEmptyString(this._format) ? this._format : this.columnFormat;

package/esm2022/filtering/operators/after-eq-filter-operator.component.mjs

@@ -8,8 +8,34 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
- * Represents the `GreaterOrEqualTo` (**Is after or equal to**) [date filter](slug:filtering_treelist#toc-date-filter) operator.
+ * Represents the `GreaterOrEqualTo` (**Is after or equal to**) [date filter operator](slug:filtering_treelist#toc-date-filter) for the TreeList.
+ * Use this operator to filter dates that are after or equal to a specific value.
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-after-eq-operator></kendo-treelist-filter-after-eq-operator>
+ *      </kendo-treelist-date-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-after-eq-operator></kendo-treelist-filter-after-eq-operator>
+ *     </kendo-treelist-date-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 export class AfterEqFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('after-eq', localization); }

package/esm2022/filtering/operators/after-filter-operator.component.mjs

@@ -8,8 +8,34 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
- * Represents the `Greater` (**Is after**) [date filter](slug:filtering_treelist#toc-date-filter) operator.
+ * Represents the `Greater` (**Is after**) [date filter operator](slug:filtering_treelist#toc-date-filter) for the TreeList.
+ * Use this operator to filter dates that are after a specific value.
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-after-operator></kendo-treelist-filter-after-operator>
+ *      </kendo-treelist-date-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-after-operator></kendo-treelist-filter-after-operator>
+ *     </kendo-treelist-date-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 export class AfterFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('after', localization); }

package/esm2022/filtering/operators/before-eq-filter-operator.component.mjs

@@ -8,8 +8,34 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
- * Represents the `LessOrEqualTo` (**Is before or equal to**) [date filter](slug:filtering_treelist#toc-date-filter) operator.
+ * Represents the `LessOrEqualTo` (**Is before or equal to**) [date filter operator](slug:filtering_treelist#toc-date-filter) for the TreeList.
+ * Use this operator to filter dates that are before or equal to a specific value.
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-before-eq-operator></kendo-treelist-filter-before-eq-operator>
+ *      </kendo-treelist-date-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-before-eq-operator></kendo-treelist-filter-before-eq-operator>
+ *     </kendo-treelist-date-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 export class BeforeEqFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('before-eq', localization); }

package/esm2022/filtering/operators/before-filter-operator.component.mjs

@@ -8,8 +8,34 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
- * Represents the `Less than` (**Is before**) [date filter](slug:filtering_treelist#toc-date-filter) operator.
+ * Represents the `Less than` (**Is before**) [date filter operator](slug:filtering_treelist#toc-date-filter) for the TreeList.
+ * Use this operator to filter dates that are before a specific value.
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filer Cell
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-before-operator></kendo-treelist-filter-before-operator>
+ *      </kendo-treelist-date-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-before-operator></kendo-treelist-filter-before-operator>
+ *     </kendo-treelist-date-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 export class BeforeFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('before', localization); }

package/esm2022/filtering/operators/contains-filter-operator.component.mjs

@@ -8,8 +8,35 @@ import { FilterOperatorBase } from './filter-operator.base';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
- * Represents the `Contains` (**Contains**) filter operator. [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
+ * Represents the `Contains` (**Contains**) filter operator for the TreeList.
+ * Use this operator to filter values that contain a specific substring.
+ * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-contains-operator></kendo-treelist-filter-contains-operator>
+ *     </kendo-treelist-string-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-contains-operator></kendo-treelist-filter-contains-operator>
+ *     </kendo-treelist-string-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 export class ContainsFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('contains', localization); }

package/esm2022/filtering/operators/ends-with-filter-operator.component.mjs

@@ -8,8 +8,35 @@ import { FilterOperatorBase } from './filter-operator.base';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
- * Represents the `EndsWith` (**Ends with**) string filter operator. [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
+ * Represents the `EndsWith` (**Ends with**) string filter operator for the TreeList.
+ * Use this operator to filter values that end with a specific substring.
+ * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-endswith-operator></kendo-treelist-filter-endswith-operator>
+ *     </kendo-treelist-string-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-endswith-operator></kendo-treelist-filter-endswith-operator>
+ *     </kendo-treelist-string-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 export class EndsWithFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('endswith', localization); }

package/esm2022/filtering/operators/eq-filter-operator.component.mjs

@@ -8,8 +8,83 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
- * Represents the `Equal` (**Is equal to**) filter operator. [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
+ * Represents the `Equal` (**Is equal to**) filter operator for the TreeList.
+ * Use this operator to filter values that are equal to a specific value.
+ * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html String Filter Cell
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-eq-operator></kendo-treelist-filter-eq-operator>
+ *     </kendo-treelist-string-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Numeric Filter Cell
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-eq-operator></kendo-treelist-filter-eq-operator>
+ *     </kendo-treelist-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Date Filter Cell
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-eq-operator></kendo-treelist-filter-eq-operator>
+ *      </kendo-treelist-date-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ *
+ * @example
+ * ```html String Filter Menu
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-eq-operator></kendo-treelist-filter-eq-operator>
+ *     </kendo-treelist-string-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Numeric Filter Menu
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-eq-operator></kendo-treelist-filter-eq-operator>
+ *     </kendo-treelist-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Date Filter Menu
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-eq-operator></kendo-treelist-filter-eq-operator>
+ *      </kendo-treelist-date-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 export class EqualFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('eq', localization); }

package/esm2022/filtering/operators/filter-operator.base.mjs

@@ -42,7 +42,7 @@ export class FilterOperatorBase {
     operator;
     localization;
     /**
-     * The text that will be displayed in the drop-down list.
+     * The text displayed in the drop-down list for the filter operator.
      * @readonly
      * @type {string}
      * @memberOf FilterOperatorBase

package/esm2022/filtering/operators/gt-filter-operator.component.mjs

@@ -7,9 +7,35 @@ import { FilterOperatorBase } from './filter-operator.base';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
-/*
- * Represents the `Greater` (**Is greater than**) [numeric filter](slug:filtering_treelist#toc-numeric-filter) operator.
+/**
+ * Represents the `Greater` (**Is greater than**) [numeric filter operator](slug:filtering_treelist#toc-numeric-filter) for the TreeList.
+ * Use this operator to filter values that are greater than a specific value.
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-gt-operator></kendo-treelist-filter-gt-operator>
+ *     </kendo-treelist-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-gt-operator></kendo-treelist-filter-gt-operator>
+ *     </kendo-treelist-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 export class GreaterFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('gt', localization); }

package/esm2022/filtering/operators/gte-filter-operator.component.mjs

@@ -8,8 +8,34 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
- * Represents the `GreaterOrEqualTo` (**Is greater than or equal to**) [numeric filter](slug:filtering_treelist#toc-numeric-filter) operator.
+ * Represents the `GreaterOrEqualTo` (**Is greater than or equal to**) [numeric filter operator](slug:filtering_treelist#toc-numeric-filter) for the TreeList.
+ * Use this operator to filter values that are greater than or equal to a specific value.
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-gte-operator></kendo-treelist-filter-gte-operator>
+ *     </kendo-treelist-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-gte-operator></kendo-treelist-filter-gte-operator>
+ *     </kendo-treelist-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 export class GreaterOrEqualToFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('gte', localization); }

package/esm2022/filtering/operators/is-empty-filter-operator.component.mjs

@@ -8,8 +8,35 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
- * Represents the `IsEmpty` (**Is empty**) filter operator. [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
+ * Represents the `IsEmpty` (**Is empty**) filter operator for the TreeList.
+ * Use this operator to filter values that are empty.
+ * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-isempty-operator></kendo-treelist-filter-isempty-operator>
+ *     </kendo-treelist-string-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-isempty-operator></kendo-treelist-filter-isempty-operator>
+ *     </kendo-treelist-string-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 export class IsEmptyFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('isempty', localization); }