@progress/kendo-angular-grid 19.1.2-develop.4 → 19.1.2-develop.6

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

@@ -9,7 +9,33 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**
  * Represents the `GreaterOrEqualTo` (**Is after or equal to**) [date filter](slug:filtering_grid#toc-date-filter) operator.
+ * Use this operator to filter dates after or equal to the specified date.
  * [See example](slug:filter_row#toc-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-grid-column field="FirstOrderedOn">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-after-eq-operator></kendo-filter-after-eq-operator>
+ *      </kendo-grid-date-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-grid-column field="FirstOrderedOn">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-after-eq-operator></kendo-filter-after-eq-operator>
+ *     </kendo-grid-date-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
  */
 export class AfterEqFilterOperatorComponent extends FilterOperatorBase {
     constructor(ctx) { super('after-eq', ctx); }

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

@@ -9,7 +9,33 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**
  * Represents the `Greater` (**Is after**) [date filter](slug:filtering_grid#toc-date-filter) operator.
+ * Use this operator to filter dates after the specified date.
  * [See example](slug:filter_row#toc-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-grid-column field="FirstOrderedOn">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-after-operator></kendo-filter-after-operator>
+ *      </kendo-grid-date-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-grid-column field="FirstOrderedOn">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-after-operator></kendo-filter-after-operator>
+ *     </kendo-grid-date-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
  */
 export class AfterFilterOperatorComponent extends FilterOperatorBase {
     constructor(ctx) { super('after', ctx); }

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

@@ -9,7 +9,33 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**
  * Represents the `LessOrEqualTo` (**Is before or equal to**) [date filter](slug:filtering_grid#toc-date-filter) operator.
+ * Use this operator to filter dates before or equal to the specified date.
  * [See example](slug:filter_row#toc-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-grid-column field="FirstOrderedOn">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-before-eq-operator></kendo-filter-before-eq-operator>
+ *      </kendo-grid-date-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-grid-column field="FirstOrderedOn">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-before-eq-operator></kendo-filter-before-eq-operator>
+ *     </kendo-grid-date-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
  */
 export class BeforeEqFilterOperatorComponent extends FilterOperatorBase {
     constructor(ctx) { super('before-eq', ctx); }

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

@@ -9,7 +9,33 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**
  * Represents the `Less than` (**Is before**) [date filter](slug:filtering_grid#toc-date-filter) operator.
+ * Use this operator to filter dates before the specified date.
  * [See example](slug:filter_row#toc-default-filter-operator).
+ *
+ * @example
+ * ```html Filer Cell
+ * <kendo-grid-column field="FirstOrderedOn">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-before-operator></kendo-filter-before-operator>
+ *      </kendo-grid-date-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-grid-column field="FirstOrderedOn">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-before-operator></kendo-filter-before-operator>
+ *     </kendo-grid-date-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
  */
 export class BeforeFilterOperatorComponent extends FilterOperatorBase {
     constructor(ctx) { super('before', ctx); }

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

@@ -9,7 +9,33 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**
  * Represents the `Contains` (**Contains**) filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
- * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * Use this operator to filter values that contain the specified text.
+ * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-grid-column field="ProductName" title="Product Name">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-contains-operator></kendo-filter-contains-operator>
+ *     </kendo-grid-string-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-grid-column field="ProductName" title="Product Name">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-contains-operator></kendo-filter-contains-operator>
+ *     </kendo-grid-string-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
  */
 export class ContainsFilterOperatorComponent extends FilterOperatorBase {
     constructor(ctx) { super('contains', ctx); }

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

@@ -9,8 +9,33 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**
  * Represents the `EndsWith` (**Ends with**) string filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
+ * Use this operator to filter values that end with the specified text.
+ * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  *
- * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * @example
+ * ```html Filter Cell
+ * <kendo-grid-column field="ProductName" title="Product Name">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-endswith-operator></kendo-filter-endswith-operator>
+ *     </kendo-grid-string-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-grid-column field="ProductName" title="Product Name">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-endswith-operator></kendo-filter-endswith-operator>
+ *     </kendo-grid-string-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
  */
 export class EndsWithFilterOperatorComponent extends FilterOperatorBase {
     constructor(ctx) { super('endswith', ctx); }

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

@@ -9,8 +9,81 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**
  * Represents the `Equal` (**Is equal to**) filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
+ * Use this operator to filter values that are equal to the specified value.
+ * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  *
- * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * @example
+ * ```html String Filter Cell
+ * <kendo-grid-column field="ProductName" title="Product Name">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-eq-operator></kendo-filter-eq-operator>
+ *     </kendo-grid-string-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Numeric Filter Cell
+ * <kendo-grid-column field="UnitPrice" title="Price">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-eq-operator></kendo-filter-eq-operator>
+ *     </kendo-grid-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Date Filter Cell
+ * <kendo-grid-column field="FirstOrderedOn">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-eq-operator></kendo-filter-eq-operator>
+ *      </kendo-grid-date-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ *
+ * @example
+ * ```html String Filter Menu
+ * <kendo-grid-column field="ProductName" title="Product Name">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-eq-operator></kendo-filter-eq-operator>
+ *     </kendo-grid-string-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Numeric Filter Menu
+ * <kendo-grid-column field="UnitPrice" title="Price">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-eq-operator></kendo-filter-eq-operator>
+ *     </kendo-grid-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Date Filter Menu
+ * <kendo-grid-column field="FirstOrderedOn">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-eq-operator></kendo-filter-eq-operator>
+ *      </kendo-grid-date-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
  */
 export class EqualFilterOperatorComponent extends FilterOperatorBase {
     constructor(ctx) { super('eq', ctx); }

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

@@ -9,7 +9,33 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**
  * Represents the `Greater` (**Is greater than**) [numeric filter](slug:filtering_grid#toc-numeric-filter) operator.
+ * Use this operator to filter values greater than the specified number.
  * [See example](slug:filter_row#toc-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-grid-column field="UnitPrice" title="Price">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-gt-operator></kendo-filter-gt-operator>
+ *     </kendo-grid-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-grid-column field="UnitPrice" title="Price">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-gt-operator></kendo-filter-gt-operator>
+ *     </kendo-grid-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
  */
 export class GreaterFilterOperatorComponent extends FilterOperatorBase {
     constructor(ctx) { super('gt', ctx); }

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

@@ -9,7 +9,33 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**
  * Represents the `GreaterOrEqualTo` (**Is greater than or equal to**) [numeric filter](slug:filtering_grid#toc-numeric-filter) operator.
+ * Use this operator to filter values greater than or equal to the specified number.
  * [See example](slug:filter_row#toc-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-grid-column field="UnitPrice" title="Price">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-gte-operator></kendo-filter-gte-operator>
+ *     </kendo-grid-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-grid-column field="UnitPrice" title="Price">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-gte-operator></kendo-filter-gte-operator>
+ *     </kendo-grid-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
  */
 export class GreaterOrEqualToFilterOperatorComponent extends FilterOperatorBase {
     constructor(ctx) { super('gte', ctx); }

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

@@ -9,8 +9,33 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**
  * Represents the `IsEmpty` (**Is empty**) filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
+ * Use this operator to filter out values that are empty strings.
+ * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  *
- * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * @example
+ * ```html Filter Cell
+ * <kendo-grid-column field="ProductName" title="Product Name">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-isempty-operator></kendo-filter-isempty-operator>
+ *     </kendo-grid-string-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-grid-column field="ProductName" title="Product Name">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-isempty-operator></kendo-filter-isempty-operator>
+ *     </kendo-grid-string-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
  */
 export class IsEmptyFilterOperatorComponent extends FilterOperatorBase {
     constructor(ctx) { super('isempty', ctx); }

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

@@ -9,8 +9,33 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**
  * Represents the `IsNotEmpty` (**Is not empty**) filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
+ * Use this operator to filter out values that are not empty strings.
+ * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  *
- * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * @example
+ * ```html Filter Cell
+ * <kendo-grid-column field="ProductName" title="Product Name">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-isnotempty-operator></kendo-filter-isnotempty-operator>
+ *     </kendo-grid-string-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-grid-column field="ProductName" title="Product Name">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-isnotempty-operator></kendo-filter-isnotempty-operator>
+ *     </kendo-grid-string-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
  */
 export class IsNotEmptyFilterOperatorComponent extends FilterOperatorBase {
     constructor(ctx) { super('isnotempty', ctx); }

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

@@ -9,8 +9,80 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**
  * Represents the `IsNotNull` (**Is not null**) filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
+ * Use this operator to filter out values that are not null.
+ * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  *
- * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * @example
+ * ```html String Filter Cell
+ * <kendo-grid-column field="ProductName" title="Product Name">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-isnotnull-operator></kendo-filter-isnotnull-operator>
+ *     </kendo-grid-string-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Numeric Filter Cell
+ * <kendo-grid-column field="UnitPrice" title="Price">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-isnotnull-operator></kendo-filter-isnotnull-operator>
+ *     </kendo-grid-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Date Filter Cell
+ * <kendo-grid-column field="FirstOrderedOn">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-isnotnull-operator></kendo-filter-isnotnull-operator>
+ *      </kendo-grid-date-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * @example
+ * ```html String Filter Menu
+ * <kendo-grid-column field="ProductName" title="Product Name">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-isnotnull-operator></kendo-filter-isnotnull-operator>
+ *     </kendo-grid-string-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Numeric Filter Menu
+ * <kendo-grid-column field="UnitPrice" title="Price">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-isnotnull-operator></kendo-filter-isnotnull-operator>
+ *     </kendo-grid-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Date Filter Menu
+ * <kendo-grid-column field="FirstOrderedOn">
+ *  <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *    <kendo-grid-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-isnotnull-operator></kendo-filter-isnotnull-operator>
+ *     </kendo-grid-date-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
  */
 export class IsNotNullFilterOperatorComponent extends FilterOperatorBase {
     constructor(ctx) { super('isnotnull', ctx); }

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

@@ -9,8 +9,80 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**
  * Represents the `IsNull` (**Is null**) filter operator. [See example](slug:filtering_grid#toc-using-the-built-in-directive).
+ * Use this operator to filter out values that are null.
+ * For more information and examples, see the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  *
- * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
+ * @example
+ * ```html String Filter Cell
+ * <kendo-grid-column field="ProductName" title="Product Name">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-isnull-operator></kendo-filter-isnull-operator>
+ *     </kendo-grid-string-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Numeric Filter Cell
+ * <kendo-grid-column field="UnitPrice" title="Price">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-isnull-operator></kendo-filter-isnull-operator>
+ *     </kendo-grid-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Date Filter Cell
+ * <kendo-grid-column field="FirstOrderedOn">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-isnull-operator></kendo-filter-isnull-operator>
+ *      </kendo-grid-date-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * @example
+ * ```html String Filter Menu
+ * <kendo-grid-column field="ProductName" title="Product Name">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-isnull-operator></kendo-filter-isnull-operator>
+ *     </kendo-grid-string-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Numeric Filter Menu
+ * <kendo-grid-column field="UnitPrice" title="Price">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-isnull-operator></kendo-filter-isnull-operator>
+ *     </kendo-grid-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Date Filter Menu
+ * <kendo-grid-column field="FirstOrderedOn">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-isnull-operator></kendo-filter-isnull-operator>
+ *     </kendo-grid-date-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
  */
 export class IsNullFilterOperatorComponent extends FilterOperatorBase {
     constructor(ctx) { super('isnull', ctx); }

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

@@ -9,8 +9,33 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**
  * Represents the `Less` (**Is less than**) [numeric filter](slug:filtering_grid#toc-numeric-filter) operator.
- *
+ * Use this operator to filter values less than the specified number.
  * [See example](slug:filter_row#toc-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-grid-column field="UnitPrice" title="Price">
+ *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
+ *     <kendo-grid-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-filter-lt-operator></kendo-filter-lt-operator>
+ *     </kendo-grid-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-grid-column field="UnitPrice" title="Price">
+ *   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-grid-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-filter-lt-operator></kendo-filter-lt-operator>
+ *     </kendo-grid-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-grid-column>
+ * ```
  */
 export class LessFilterOperatorComponent extends FilterOperatorBase {
     constructor(ctx) { super('lt', ctx); }