@progress/kendo-angular-grid 7.4.0 → 7.4.1-dev.202211081513

package/columns/column-base.d.ts

@@ -188,7 +188,7 @@ export declare class ColumnBase {
     /**
      * Sets the custom styles for the table cells (excluding the footer and header ones) of the column. Under the hood,
      * to apply the property, the `style` option uses the
-     * [NgStyle]({{ site.data.urls.angular['ngstyleapi'] }}) directive.
+     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive.
      *
      * @example
      * ```ts
@@ -230,7 +230,7 @@ export declare class ColumnBase {
     /**
      * Sets the custom styles for the header cell of the column. Under the hood, to apply the property,
      * the `headerStyle` option uses the
-     * [NgStyle]({{ site.data.urls.angular['ngstyleapi'] }}) directive.
+     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive.
      *
      * @example
      * ```ts
@@ -272,7 +272,7 @@ export declare class ColumnBase {
     /**
      * Sets the custom styles for the filter row cell. Under the hood, to apply the property,
      * the `filterStyle` option uses the
-     * [NgStyle]({{ site.data.urls.angular['ngstyleapi'] }}) directive.
+     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive.
      *
      * @example
      * ```ts
@@ -314,7 +314,7 @@ export declare class ColumnBase {
     /**
      * Sets the custom styles for the footer cell of the column. Under the hood, to apply the property,
      * the `footerStyle` option uses the
-     * [NgStyle]({{ site.data.urls.angular['ngstyleapi'] }}) directive.
+     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive.
      *
      * @example
      * ```ts
@@ -358,7 +358,7 @@ export declare class ColumnBase {
     };
     /**
      * Sets the custom CSS classes to the column cells. Under the hood, to apply the property, the `class` option uses the
-     * [NgClass]({{ site.data.urls.angular['ngclassapi'] }}) directive.
+     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive.
      * To customize header and footer column cells, use the [headerClass]({% slug api_grid_columncomponent %}#toc-headerclass)
      * and [footerClass]({% slug api_grid_columncomponent %}#toc-footerclass) inputs.
      *
@@ -410,7 +410,7 @@ export declare class ColumnBase {
     /**
      * Sets the custom CSS classes to the column header cell. Under the hood, to apply the property,
      * the `headerClass` option uses the
-     * [NgClass]({{ site.data.urls.angular['ngclassapi'] }}) directive.
+     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive.
      *
      * @example
      * ```ts
@@ -460,7 +460,7 @@ export declare class ColumnBase {
     /**
      * Sets the custom CSS classes to the filter row cell. Under the hood, to apply the property,
      * the `filterClass` option uses the
-     * [NgClass]({{ site.data.urls.angular['ngclassapi'] }}) directive.
+     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive.
      *
      * @example
      * ```ts
@@ -508,7 +508,7 @@ export declare class ColumnBase {
     /**
      * Sets the custom CSS classes to the column footer cell. Under the hood, to apply the property,
      * the `footerClass` option uses the
-     * [NgClass]({{ site.data.urls.angular['ngclassapi'] }}) directive.
+     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive.
      *
      * @example
      * ```ts

package/editing/cell-close-event.d.ts

@@ -22,7 +22,7 @@ export declare class CellCloseEvent extends PreventableEvent implements EditEven
      */
     column: any;
     /**
-     * The [FormGroup]({{ site.data.urls.angular['formgroupapi'] }}) that is used to edit the cell which will be closed.
+     * The [FormGroup](link:site.data.urls.angular['formgroupapi']) that is used to edit the cell which will be closed.
      */
     formGroup: any;
     /**

package/editing/edit-template.directive.d.ts

@@ -10,9 +10,9 @@ import * as i0 from "@angular/core";
  * tag with the `kendoGridEditTemplate` directive inside a `<kendo-grid-column>` tag.
  *
  * The template context is set to the current form group and the following additional fields are passed:
- * - `formGroup`&mdash;The current [FormGroup]({{ site.data.urls.angular['formgroupapi'] }}).
+ * - `formGroup`&mdash;The current [FormGroup](link:site.data.urls.angular['formgroupapi']).
  * Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-formGroup`.
- * If you use the Grid inside [Template-Driven Forms]({{ site.data.urls.angular['forms'] }}), it will be `undefined`.
+ * If you use the Grid inside [Template-Driven Forms](link:site.data.urls.angular['forms']), it will be `undefined`.
  * - `rowIndex`&mdash;The current data row index. If inside a new item row, `rowIndex` is `-1`. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
  * - `dataItem`&mdash;The current data item. Use it as an alias for a template variable by utilizing the `let-dataItem="dataItem"` syntax.
  * - `column`&mdash;The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.

package/esm2015/editing/edit-template.directive.js

@@ -10,9 +10,9 @@ import * as i0 from "@angular/core";
  * tag with the `kendoGridEditTemplate` directive inside a `<kendo-grid-column>` tag.
  *
  * The template context is set to the current form group and the following additional fields are passed:
- * - `formGroup`&mdash;The current [FormGroup]({{ site.data.urls.angular['formgroupapi'] }}).
+ * - `formGroup`&mdash;The current [FormGroup](link:site.data.urls.angular['formgroupapi']).
  * Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-formGroup`.
- * If you use the Grid inside [Template-Driven Forms]({{ site.data.urls.angular['forms'] }}), it will be `undefined`.
+ * If you use the Grid inside [Template-Driven Forms](link:site.data.urls.angular['forms']), it will be `undefined`.
  * - `rowIndex`&mdash;The current data row index. If inside a new item row, `rowIndex` is `-1`. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
  * - `dataItem`&mdash;The current data item. Use it as an alias for a template variable by utilizing the `let-dataItem="dataItem"` syntax.
  * - `column`&mdash;The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.

package/esm2015/excel/excel.module.js

@@ -9,7 +9,7 @@ import { ExcelExportModule } from '@progress/kendo-angular-excel-export';
 import * as i0 from "@angular/core";
 const declarations = [ExcelComponent, ExcelCommandDirective];
 /**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Excel component of the Grid.
  *
  * @example

package/esm2015/filtering/cell/date-filter-cell.component.js

@@ -85,7 +85,7 @@ DateFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
                 </kendo-datepicker-messages>
             </kendo-datepicker>
         </kendo-grid-filter-wrapper-cell>
-    `, isInline: true, components: [{ type: i3.FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { type: i4.DatePickerComponent, selector: "kendo-datepicker", inputs: ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "focusableId", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { type: i4.DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }], directives: [{ type: i5.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { type: i6.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }] });
+    `, isInline: true, components: [{ type: i3.FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { type: i4.DatePickerComponent, selector: "kendo-datepicker", inputs: ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { type: i4.DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }], directives: [{ type: i5.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { type: i6.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateFilterCellComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/filtering/cell/filter-cell-operators.component.js

@@ -76,7 +76,12 @@ export class FilterCellOperatorsComponent {
         }
     }
     ngOnInit() {
-        this.localization.changes.subscribe(() => this.clearText = this.localization.get("filterClearButton"));
+        this.subscription = this.localization.changes.subscribe(() => this.clearText = this.localization.get("filterClearButton"));
+    }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
     }
 }
 FilterCellOperatorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterCellOperatorsComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });

package/esm2015/filtering/cell/filter-cell-template.directive.js

@@ -5,7 +5,7 @@
 import { Directive, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the filter-cell template ([see example]({% slug builtinfiltertemplate_grid %}#toc-customizing-filter-rows)).
+ * Represents the filter-cell template ([see example]({% slug filter_row %}#toc-custom-filters)).
  */
 export class FilterCellTemplateDirective {
     constructor(templateRef) {

package/esm2015/filtering/cell/string-filter-cell.component.js

@@ -15,7 +15,7 @@ import * as i6 from "../../navigation/focusable.directive";
 import * as i7 from "../filter-input.directive";
 /**
  * Represents a string-filter cell component
- * ([see example]({% slug builtinfiltertemplate_grid %}#toc-configuration-components-for-filter-templates)).
+ * ([see example]({% slug filter_row %}#toc-hiding-filter-operators)).
  *
  * @example
  *

package/esm2015/filtering/menu/date-filter-menu-input.component.js

@@ -75,7 +75,7 @@ DateFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
                 </kendo-datepicker-messages>
             </kendo-datepicker>
         </kendo-grid-filter-menu-input-wrapper>
-    `, isInline: true, components: [{ type: i3.FilterMenuInputWrapperComponent, selector: "kendo-grid-filter-menu-input-wrapper", inputs: ["filterService", "isFirstDropDown", "menuTabbingService", "currentFilter"] }, { type: i4.DatePickerComponent, selector: "kendo-datepicker", inputs: ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "focusableId", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { type: i4.DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }], directives: [{ type: i5.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
+    `, isInline: true, components: [{ type: i3.FilterMenuInputWrapperComponent, selector: "kendo-grid-filter-menu-input-wrapper", inputs: ["filterService", "isFirstDropDown", "menuTabbingService", "currentFilter"] }, { type: i4.DatePickerComponent, selector: "kendo-datepicker", inputs: ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { type: i4.DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }], directives: [{ type: i5.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateFilterMenuInputComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/filtering/menu/filter-menu-template.directive.js

@@ -6,7 +6,7 @@ import { Directive, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Represents the filter-menu template
- * ([see example]({% slug builtinfiltertemplate_grid %}#toc-customizing-filter-menus)).
+ * ([see example]({% slug filter_menu %}#toc-custom-filters)).
  */
 export class FilterMenuTemplateDirective {
     constructor(templateRef) {

package/esm2015/filtering/menu/string-filter-menu.component.js

@@ -14,7 +14,7 @@ import * as i4 from "@angular/common";
 import * as i5 from "./filter-menu-dropdownlist.directive";
 /**
  * Represents a string-filter menu component.
- * ([see example]({% slug builtinfiltertemplate_grid %}#toc-configuration-components-for-filter-templates)).
+ * ([see example]({% slug filter_menu %}#toc-built-in-filter-menu-components)).
  */
 export class StringFilterMenuComponent extends StringFilterComponent {
     constructor(localization) {

package/esm2015/filtering/operators/after-eq-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `GreaterOrEqualTo` (**Is after or equal to**) date filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class AfterEqFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("after-eq", localization); }

package/esm2015/filtering/operators/after-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `Greater` (**Is after**) date filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class AfterFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("after", localization); }

package/esm2015/filtering/operators/before-eq-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `LessOrEqualTo` (**Is before or equal to**) date filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class BeforeEqFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("before-eq", localization); }

package/esm2015/filtering/operators/before-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `Less then` (**Is before**) date filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class BeforeFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("before", localization); }

package/esm2015/filtering/operators/contains-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `Contains` (**Contains**) filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class ContainsFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("contains", localization); }

package/esm2015/filtering/operators/ends-with-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `EndsWith` (**Ends with**) string filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class EndsWithFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("endswith", localization); }

package/esm2015/filtering/operators/eq-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `Equal` (**Is equal to**) filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class EqualFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("eq", localization); }

package/esm2015/filtering/operators/filter-operator.base.js

@@ -43,7 +43,7 @@ export class FilterOperatorBase {
         this.localization = localization;
         this.messages = operatorTexts(this.localization);
         this._text = this.messages[this.operator];
-        this.localization.changes.subscribe(this.refreshText.bind(this));
+        this.subscription = this.localization.changes.subscribe(this.refreshText.bind(this));
     }
     /**
      * The text that will be displayed in the drop-down list.
@@ -57,6 +57,11 @@ export class FilterOperatorBase {
     set text(value) {
         this._text = isNullOrEmptyString(value) ? this.messages[this.operator] : value;
     }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    }
     /**
      * @hidden
      */

package/esm2015/filtering/operators/gt-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `Greater` (**Is greater than**) numeric filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class GreaterFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("gt", localization); }

package/esm2015/filtering/operators/gte-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `GreaterOrEqualTo` (**Is greater than or equal to**) numeric filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class GreaterOrEqualToFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("gte", localization); }

package/esm2015/filtering/operators/is-empty-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `IsEmpty` (**Is empty**) filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class IsEmptyFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("isempty", localization); }

package/esm2015/filtering/operators/is-not-empty-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `IsNotEmpty` (**Is not empty**) filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class IsNotEmptyFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("isnotempty", localization); }

package/esm2015/filtering/operators/is-not-null-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `IsNotNull` (**Is not null**) filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class IsNotNullFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("isnotnull", localization); }

package/esm2015/filtering/operators/isnull-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `IsNull` (**Is null**) filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class IsNullFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("isnull", localization); }

package/esm2015/filtering/operators/lt-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `Less` (**Is less than**) numeric filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class LessFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("lt", localization); }

package/esm2015/filtering/operators/lte-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `LessOrEqualTo` (**Is less than or equal to**) numeric filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class LessOrEqualToFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("lte", localization); }

package/esm2015/filtering/operators/neq-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `NotEqual` (**Is not equal to**) filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class NotEqualFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("neq", localization); }

package/esm2015/filtering/operators/not-contains-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `DoesNotContain` (**Does not contain**) filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class DoesNotContainFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("doesnotcontain", localization); }

package/esm2015/filtering/operators/starts-with-filter-operator.component.js

@@ -10,8 +10,8 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the `StartsWith` (**Starts with**) filter operator.
  *
  * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_grid %}#toc-setting-the-order-of-the-filter-operators)
+ * * [Setting the default filter operators]({% slug filter_menu %}#toc-default-filter-operator)
+ * * [Setting the order of the filter operators]({% slug filter_menu %}#toc-order-of-filter-operators)
  */
 export class StartsWithFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("startswith", localization); }

package/esm2015/grid.component.js

@@ -1155,7 +1155,7 @@ export class GridComponent {
      * Switches the specified table row in the edit mode ([see example]({% slug inline_editing_grid %}#toc-editing-records-1)).
      *
      * @param rowIndex - The data row index that will be switched in the edit mode.
-     * @param group - The [FormGroup]({{ site.data.urls.angular['formgroupapi'] }})
+     * @param group - The [FormGroup](link:site.data.urls.angular['formgroupapi'])
      * that describes the edit form.
      * @param options - Additional options configuring the focus target once the editor opens.
      */
@@ -1181,7 +1181,7 @@ export class GridComponent {
     /**
      * Creates a new row editor ([see example]({% slug inline_editing_grid %}#toc-adding-records-1)).
      *
-     * @param {FormGroup} group - The [FormGroup]({{ site.data.urls.angular['formgroupapi'] }}) that describes
+     * @param {FormGroup} group - The [FormGroup](link:site.data.urls.angular['formgroupapi']) that describes
      * the edit form. If called with a data item, it will build the `FormGroup` from the data item fields.
      */
     addRow(group) {
@@ -1198,7 +1198,7 @@ export class GridComponent {
      *
      * @param {number} rowIndex - The data row index that will be switched in the edit mode.
      * @param {number|string|any} column - The leaf column index, or the field name or the column instance that should be edited.
-     * @param {FormGroup} group - The [FormGroup]({{ site.data.urls.angular['formgroupapi'] }})
+     * @param {FormGroup} group - The [FormGroup](link:site.data.urls.angular['formgroupapi'])
      * that describes the edit form.
      */
     editCell(rowIndex, column, group) {

package/esm2015/grid.module.js

@@ -157,7 +157,7 @@ const declarations = [
     GridSpacerComponent
 ];
 /**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Grid component.
  *
  * @example

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1666094650,
+    publishDate: 1667920261,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2015/pdf/pdf.module.js

@@ -21,7 +21,7 @@ const declarations = [
     PDFTemplateDirective
 ];
 /**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Grid PDF component.
  *
  * @example

package/esm2015/rendering/cell.component.js

@@ -210,7 +210,7 @@ CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
                 </ng-container>
             </ng-container>
         </ng-container>
-    `, isInline: true, components: [{ type: i4.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { type: i5.DatePickerComponent, selector: "kendo-datepicker", inputs: ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "focusableId", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }], directives: [{ type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: i8.SelectionCheckboxDirective, selector: "[kendoGridSelectionCheckbox]", inputs: ["kendoGridSelectionCheckbox"] }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i9.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i6.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }], pipes: { "valueOf": i10.FieldAccessorPipe } });
+    `, isInline: true, components: [{ type: i4.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { type: i5.DatePickerComponent, selector: "kendo-datepicker", inputs: ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }], directives: [{ type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: i8.SelectionCheckboxDirective, selector: "[kendoGridSelectionCheckbox]", inputs: ["kendoGridSelectionCheckbox"] }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i9.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i6.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }], pipes: { "valueOf": i10.FieldAccessorPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CellComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/rendering/table-body.component.js

@@ -207,7 +207,7 @@ export class TableBodyComponent {
             };
         });
         let originalNoRecordText = this.localization.get('noRecords');
-        this.localization.changes.subscribe(() => {
+        this.l10nSubscription = this.localization.changes.subscribe(() => {
             if (this.noRecordsText === originalNoRecordText) {
                 this.noRecordsText = this.localization.get('noRecords');
                 originalNoRecordText = this.noRecordsText;
@@ -221,6 +221,9 @@ export class TableBodyComponent {
         if (this.touchSubscription) {
             this.touchSubscription();
         }
+        if (this.l10nSubscription) {
+            this.l10nSubscription.unsubscribe();
+        }
         this.cellKeydownSubscription.unsubscribe();
         clearTimeout(this.clickTimeout);
     }

package/excel/excel.module.d.ts

@@ -7,7 +7,7 @@ import * as i1 from "./excel.component";
 import * as i2 from "./excel-command.directive";
 import * as i3 from "@progress/kendo-angular-excel-export";
 /**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Excel component of the Grid.
  *
  * @example