@progress/kendo-angular-grid 18.2.1-develop.3 → 18.3.0-develop.1

package/fesm2022/progress-kendo-angular-grid.mjs

@@ -6123,24 +6123,24 @@ const localizeOperators$1 = operators => localization => Object.keys(operators).
     return acc;
 }, {});
 const operatorTexts = localizeOperators$1({
-    "filterEqOperator": "eq",
-    "filterNotEqOperator": "neq",
-    "filterGteOperator": "gte",
-    "filterGtOperator": "gt",
-    "filterLteOperator": "lte",
-    "filterLtOperator": "lt",
-    "filterIsNullOperator": "isnull",
-    "filterIsNotNullOperator": "isnotnull",
-    "filterIsEmptyOperator": "isempty",
-    "filterIsNotEmptyOperator": "isnotempty",
-    "filterContainsOperator": "contains",
-    "filterNotContainsOperator": "doesnotcontain",
-    "filterStartsWithOperator": "startswith",
-    "filterEndsWithOperator": "endswith",
-    "filterAfterOrEqualOperator": "after-eq",
-    "filterAfterOperator": "after",
-    "filterBeforeOrEqualOperator": "before-eq",
-    "filterBeforeOperator": "before"
+    'filterEqOperator': 'eq',
+    'filterNotEqOperator': 'neq',
+    'filterGteOperator': 'gte',
+    'filterGtOperator': 'gt',
+    'filterLteOperator': 'lte',
+    'filterLtOperator': 'lt',
+    'filterIsNullOperator': 'isnull',
+    'filterIsNotNullOperator': 'isnotnull',
+    'filterIsEmptyOperator': 'isempty',
+    'filterIsNotEmptyOperator': 'isnotempty',
+    'filterContainsOperator': 'contains',
+    'filterNotContainsOperator': 'doesnotcontain',
+    'filterStartsWithOperator': 'startswith',
+    'filterEndsWithOperator': 'endswith',
+    'filterAfterOrEqualOperator': 'after-eq',
+    'filterAfterOperator': 'after',
+    'filterBeforeOrEqualOperator': 'before-eq',
+    'filterBeforeOperator': 'before'
 });
 /**
  * @hidden
@@ -6216,7 +6216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  */
 class ContainsFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("contains", ctx); }
+    constructor(ctx) { super('contains', ctx); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContainsFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContainsFilterOperatorComponent, isStandalone: true, selector: "kendo-filter-contains-operator", providers: [
             {
@@ -6246,7 +6246,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  */
 class DoesNotContainFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("doesnotcontain", ctx); }
+    constructor(ctx) { super('doesnotcontain', ctx); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DoesNotContainFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DoesNotContainFilterOperatorComponent, isStandalone: true, selector: "kendo-filter-not-contains-operator", providers: [
             {
@@ -6276,7 +6276,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  */
 class EndsWithFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("endswith", ctx); }
+    constructor(ctx) { super('endswith', ctx); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EndsWithFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EndsWithFilterOperatorComponent, isStandalone: true, selector: "kendo-filter-endswith-operator", providers: [
             {
@@ -6306,7 +6306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  */
 class EqualFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("eq", ctx); }
+    constructor(ctx) { super('eq', ctx); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EqualFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EqualFilterOperatorComponent, isStandalone: true, selector: "kendo-filter-eq-operator", providers: [
             {
@@ -6336,7 +6336,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  */
 class IsEmptyFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("isempty", ctx); }
+    constructor(ctx) { super('isempty', ctx); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IsEmptyFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IsEmptyFilterOperatorComponent, isStandalone: true, selector: "kendo-filter-isempty-operator", providers: [
             {
@@ -6366,7 +6366,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  */
 class IsNotEmptyFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("isnotempty", ctx); }
+    constructor(ctx) { super('isnotempty', ctx); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IsNotEmptyFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IsNotEmptyFilterOperatorComponent, isStandalone: true, selector: "kendo-filter-isnotempty-operator", providers: [
             {
@@ -6396,7 +6396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  */
 class IsNotNullFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("isnotnull", ctx); }
+    constructor(ctx) { super('isnotnull', ctx); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IsNotNullFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IsNotNullFilterOperatorComponent, isStandalone: true, selector: "kendo-filter-isnotnull-operator", providers: [
             {
@@ -6426,7 +6426,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  */
 class IsNullFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("isnull", ctx); }
+    constructor(ctx) { super('isnull', ctx); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IsNullFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IsNullFilterOperatorComponent, isStandalone: true, selector: "kendo-filter-isnull-operator", providers: [
             {
@@ -6456,7 +6456,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  */
 class NotEqualFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("neq", ctx); }
+    constructor(ctx) { super('neq', ctx); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotEqualFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NotEqualFilterOperatorComponent, isStandalone: true, selector: "kendo-filter-neq-operator", providers: [
             {
@@ -6486,7 +6486,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row#toc-default-filter-operator).
  */
 class StartsWithFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("startswith", ctx); }
+    constructor(ctx) { super('startswith', ctx); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StartsWithFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StartsWithFilterOperatorComponent, isStandalone: true, selector: "kendo-filter-startswith-operator", providers: [
             {
@@ -6515,7 +6515,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * [See example](slug:filter_row#toc-default-filter-operator).
  */
 class GreaterFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("gt", ctx); }
+    constructor(ctx) { super('gt', ctx); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GreaterFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GreaterFilterOperatorComponent, isStandalone: true, selector: "kendo-filter-gt-operator", providers: [
             {
@@ -6544,7 +6544,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * [See example](slug:filter_row#toc-default-filter-operator).
  */
 class GreaterOrEqualToFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("gte", ctx); }
+    constructor(ctx) { super('gte', ctx); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GreaterOrEqualToFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GreaterOrEqualToFilterOperatorComponent, isStandalone: true, selector: "kendo-filter-gte-operator", providers: [
             {
@@ -6574,7 +6574,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * [See example](slug:filter_row#toc-default-filter-operator).
  */
 class LessFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("lt", ctx); }
+    constructor(ctx) { super('lt', ctx); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LessFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LessFilterOperatorComponent, isStandalone: true, selector: "kendo-filter-lt-operator", providers: [
             {
@@ -6604,7 +6604,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * [See example](slug:filter_row#toc-default-filter-operator).
  */
 class LessOrEqualToFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("lte", ctx); }
+    constructor(ctx) { super('lte', ctx); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LessOrEqualToFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LessOrEqualToFilterOperatorComponent, isStandalone: true, selector: "kendo-filter-lte-operator", providers: [
             {
@@ -6633,14 +6633,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * [See example](slug:filter_row#toc-default-filter-operator).
  */
 class AfterFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("after", ctx); }
+    constructor(ctx) { super('after', ctx); }
     /**
      * @hidden
      */
     toJSON() {
         return {
             text: this.text,
-            value: "gt"
+            value: 'gt'
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AfterFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
@@ -6671,14 +6671,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * [See example](slug:filter_row#toc-default-filter-operator).
  */
 class AfterEqFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("after-eq", ctx); }
+    constructor(ctx) { super('after-eq', ctx); }
     /**
      * @hidden
      */
     toJSON() {
         return {
             text: this.text,
-            value: "gte"
+            value: 'gte'
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AfterEqFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
@@ -6709,14 +6709,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * [See example](slug:filter_row#toc-default-filter-operator).
  */
 class BeforeEqFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("before-eq", ctx); }
+    constructor(ctx) { super('before-eq', ctx); }
     /**
      * @hidden
      */
     toJSON() {
         return {
             text: this.text,
-            value: "lte"
+            value: 'lte'
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeforeEqFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
@@ -6747,14 +6747,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * [See example](slug:filter_row#toc-default-filter-operator).
  */
 class BeforeFilterOperatorComponent extends FilterOperatorBase {
-    constructor(ctx) { super("before", ctx); }
+    constructor(ctx) { super('before', ctx); }
     /**
      * @hidden
      */
     toJSON() {
         return {
             text: this.text,
-            value: "lt"
+            value: 'lt'
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeforeFilterOperatorComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
@@ -7893,7 +7893,7 @@ class FilterMenuInputWrapperComponent extends FilterInputWrapperComponent {
         this.ctx = ctx;
     }
     ngAfterViewInit() {
-        const shouldFocusFirstFocusable = this.isFirstDropDown && this.filterService && this.filterService.menuTabbingService;
+        const shouldFocusFirstFocusable = this.isFirstDropDown && this.filterService?.menuTabbingService;
         const isTabbedInterface = this.menuTabbingService?.isTabbedInterface;
         if (shouldFocusFirstFocusable && !isTabbedInterface) {
             this.filterService.menuTabbingService.firstFocusable = this.firstOperatorDropDown;
@@ -7935,7 +7935,7 @@ class FilterMenuInputWrapperComponent extends FilterInputWrapperComponent {
     }
     onShiftTab(e) {
         e.stopImmediatePropagation();
-        if ((!this.menuTabbingService || !this.menuTabbingService.isColumnMenu) && this.isFirstDropDown && this.filterService.menuTabbingService.lastFocusable) {
+        if (!this.menuTabbingService?.isColumnMenu && this.isFirstDropDown && this.filterService.menuTabbingService.lastFocusable) {
             e.preventDefault();
             this.filterService.menuTabbingService.lastFocusable.focus();
         }
@@ -8027,8 +8027,7 @@ class StringFilterMenuInputComponent {
             [currentFilter]="currentFilter"
             [filterService]="filterService"
             [isFirstDropDown]="isFirstDropDown"
-            [menuTabbingService]="menuTabbingService"
-            >
+            [menuTabbingService]="menuTabbingService">
             <kendo-textbox
                 kendoFilterInput
                 [columnLabel]="columnLabel"
@@ -8052,8 +8051,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [currentFilter]="currentFilter"
             [filterService]="filterService"
             [isFirstDropDown]="isFirstDropDown"
-            [menuTabbingService]="menuTabbingService"
-            >
+            [menuTabbingService]="menuTabbingService">
             <kendo-textbox
                 kendoFilterInput
                 [columnLabel]="columnLabel"
@@ -8458,8 +8456,7 @@ class NumericFilterMenuInputComponent {
             [currentFilter]="currentFilter"
             [filterService]="filterService"
             [isFirstDropDown]="isFirstDropDown"
-            [menuTabbingService]="menuTabbingService"
-        >
+            [menuTabbingService]="menuTabbingService">
             <kendo-numerictextbox
                 kendoFilterInput
                 [columnLabel]="columnLabel"
@@ -8472,13 +8469,11 @@ class NumericFilterMenuInputComponent {
                 [min]="min"
                 [max]="max"
                 [step]="step"
-                [placeholder]="placeholder"
-            >
+                [placeholder]="placeholder">
                 <kendo-numerictextbox-messages
                     [increment]="messageFor('filterNumericIncrement')"
                     [decrement]="messageFor('filterNumericDecrement')"
-                >
-                </kendo-numerictextbox-messages>
+                ></kendo-numerictextbox-messages>
             </kendo-numerictextbox>
         </kendo-grid-filter-menu-input-wrapper>
     `, isInline: true, dependencies: [{ kind: "component", type: FilterMenuInputWrapperComponent, selector: "kendo-grid-filter-menu-input-wrapper", inputs: ["filterService", "isFirstDropDown", "menuTabbingService", "currentFilter"] }, { kind: "component", type: 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", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "component", type: NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }] });
@@ -8496,8 +8491,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [currentFilter]="currentFilter"
             [filterService]="filterService"
             [isFirstDropDown]="isFirstDropDown"
-            [menuTabbingService]="menuTabbingService"
-        >
+            [menuTabbingService]="menuTabbingService">
             <kendo-numerictextbox
                 kendoFilterInput
                 [columnLabel]="columnLabel"
@@ -8510,13 +8504,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [min]="min"
                 [max]="max"
                 [step]="step"
-                [placeholder]="placeholder"
-            >
+                [placeholder]="placeholder">
                 <kendo-numerictextbox-messages
                     [increment]="messageFor('filterNumericIncrement')"
                     [decrement]="messageFor('filterNumericDecrement')"
-                >
-                </kendo-numerictextbox-messages>
+                ></kendo-numerictextbox-messages>
             </kendo-numerictextbox>
         </kendo-grid-filter-menu-input-wrapper>
     `,
@@ -8653,8 +8645,7 @@ class NumericFilterMenuComponent extends NumericFilterComponent {
             [step]="step"
             [menuTabbingService]="menuTabbingService"
             [isFirstDropDown]="true"
-            [placeholder]="placeholder"
-            >
+            [placeholder]="placeholder">
         </kendo-grid-numeric-filter-menu-input>
         <kendo-dropdownlist
             *ngIf="extra"
@@ -8682,8 +8673,7 @@ class NumericFilterMenuComponent extends NumericFilterComponent {
             [max]="max"
             [step]="step"
             [menuTabbingService]="menuTabbingService"
-            [placeholder]="extraPlaceholder"
-            >
+            [placeholder]="extraPlaceholder">
         </kendo-grid-numeric-filter-menu-input>
     `, isInline: true, dependencies: [{ kind: "component", type: NumericFilterMenuInputComponent, selector: "kendo-grid-numeric-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "filterDelay", "isFirstDropDown", "menuTabbingService", "step", "min", "max", "spinners", "decimals", "format", "placeholder"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: FilterMenuDropDownListDirective, selector: "[kendoFilterMenuDropDown]", inputs: ["filterMenuDropDownLabel"] }] });
 }
@@ -8707,8 +8697,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [step]="step"
             [menuTabbingService]="menuTabbingService"
             [isFirstDropDown]="true"
-            [placeholder]="placeholder"
-            >
+            [placeholder]="placeholder">
         </kendo-grid-numeric-filter-menu-input>
         <kendo-dropdownlist
             *ngIf="extra"
@@ -8736,8 +8725,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [max]="max"
             [step]="step"
             [menuTabbingService]="menuTabbingService"
-            [placeholder]="extraPlaceholder"
-            >
+            [placeholder]="extraPlaceholder">
         </kendo-grid-numeric-filter-menu-input>
     `,
                     standalone: true,
@@ -8979,8 +8967,7 @@ class DateFilterMenuInputComponent {
             [currentFilter]="currentFilter"
             [filterService]="filterService"
             [isFirstDropDown]="isFirstDropDown"
-            [menuTabbingService]="menuTabbingService"
-        >
+            [menuTabbingService]="menuTabbingService">
             <kendo-datepicker
                 #picker
                 kendoFilterInput
@@ -8996,13 +8983,11 @@ class DateFilterMenuInputComponent {
                 [activeView]="activeView"
                 [bottomView]="bottomView"
                 [topView]="topView"
-                [weekNumber]="weekNumber"
-            >
+                [weekNumber]="weekNumber">
                 <kendo-datepicker-messages
                     [toggle]="messageFor('filterDateToggle')"
                     [today]="messageFor('filterDateToday')"
-                >
-                </kendo-datepicker-messages>
+                ></kendo-datepicker-messages>
             </kendo-datepicker>
         </kendo-grid-filter-menu-input-wrapper>
     `, isInline: true, dependencies: [{ kind: "component", type: FilterMenuInputWrapperComponent, selector: "kendo-grid-filter-menu-input-wrapper", inputs: ["filterService", "isFirstDropDown", "menuTabbingService", "currentFilter"] }, { kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }] });
@@ -9020,8 +9005,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [currentFilter]="currentFilter"
             [filterService]="filterService"
             [isFirstDropDown]="isFirstDropDown"
-            [menuTabbingService]="menuTabbingService"
-        >
+            [menuTabbingService]="menuTabbingService">
             <kendo-datepicker
                 #picker
                 kendoFilterInput
@@ -9037,13 +9021,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [activeView]="activeView"
                 [bottomView]="bottomView"
                 [topView]="topView"
-                [weekNumber]="weekNumber"
-            >
+                [weekNumber]="weekNumber">
                 <kendo-datepicker-messages
                     [toggle]="messageFor('filterDateToggle')"
                     [today]="messageFor('filterDateToday')"
-                >
-                </kendo-datepicker-messages>
+                ></kendo-datepicker-messages>
             </kendo-datepicker>
         </kendo-grid-filter-menu-input-wrapper>
     `,
@@ -9167,8 +9149,7 @@ class DateFilterMenuComponent extends DateFilterComponent {
             [max]="max"
             [weekNumber]="weekNumber"
             [isFirstDropDown]="true"
-            [menuTabbingService]="menuTabbingService"
-            >
+            [menuTabbingService]="menuTabbingService">
         </kendo-grid-date-filter-menu-input>
         <kendo-dropdownlist
             *ngIf="extra"
@@ -9198,8 +9179,7 @@ class DateFilterMenuComponent extends DateFilterComponent {
             [min]="min"
             [max]="max"
             [weekNumber]="weekNumber"
-            [menuTabbingService]="menuTabbingService"
-            >
+            [menuTabbingService]="menuTabbingService">
         </kendo-grid-date-filter-menu-input>
     `, isInline: true, dependencies: [{ kind: "component", type: DateFilterMenuInputComponent, selector: "kendo-grid-date-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "menuTabbingService", "format", "formatPlaceholder", "placeholder", "min", "max", "activeView", "bottomView", "topView", "weekNumber", "isFirstDropDown"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: FilterMenuDropDownListDirective, selector: "[kendoFilterMenuDropDown]", inputs: ["filterMenuDropDownLabel"] }] });
 }
@@ -9224,8 +9204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [max]="max"
             [weekNumber]="weekNumber"
             [isFirstDropDown]="true"
-            [menuTabbingService]="menuTabbingService"
-            >
+            [menuTabbingService]="menuTabbingService">
         </kendo-grid-date-filter-menu-input>
         <kendo-dropdownlist
             *ngIf="extra"
@@ -9255,8 +9234,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [min]="min"
             [max]="max"
             [weekNumber]="weekNumber"
-            [menuTabbingService]="menuTabbingService"
-            >
+            [menuTabbingService]="menuTabbingService">
         </kendo-grid-date-filter-menu-input>
     `,
                     standalone: true,
@@ -9454,7 +9432,7 @@ class BooleanFilterMenuComponent extends BooleanFilterComponent {
      * @hidden
      */
     onShiftTab(e) {
-        if ((!this.menuTabbingService || !this.menuTabbingService.isColumnMenu) && this.filterService.menuTabbingService.lastFocusable) {
+        if (!this.menuTabbingService?.isColumnMenu && this.filterService.menuTabbingService.lastFocusable) {
             e.preventDefault();
             this.filterService.menuTabbingService.lastFocusable.focus();
         }
@@ -9666,8 +9644,7 @@ class FilterMenuContainerComponent {
     }
     ngAfterViewChecked() {
         if (!this.menuTabbingService.isColumnMenu || (this.isLast && this.isExpanded)) {
-            this.menuTabbingService.lastFocusable = this.disabled ?
-                this.resetButton.nativeElement : this.filterButton.nativeElement;
+            this.menuTabbingService.lastFocusable = this.resetButton.nativeElement;
         }
     }
     ngOnDestroy() {
@@ -9716,7 +9693,6 @@ class FilterMenuContainerComponent {
         if (this.menuTabbingService.firstFocusable && (!this.menuTabbingService.isColumnMenu || this.isLast)) {
             e.preventDefault();
             if (buttonType === 'reset') {
-                // eslint-disable-next-line no-unused-expressions
                 this.menuTabbingService.firstFocusable.focus();
             }
             else {
@@ -9915,7 +9891,7 @@ class FilterMenuComponent {
                 this.close();
                 this.updateAria(ariaRoot);
             });
-            this.popupSubs.add(this.popupRef.popup.instance.close.subscribe(() => {
+            this.popupSubs.add(() => this.popupRef.popup.instance.close.subscribe(() => {
                 this.popupRef = null;
                 this.updateAria(ariaRoot);
             }));
@@ -9930,23 +9906,13 @@ class FilterMenuComponent {
             }
         }
         else {
-            if (this.navigationService.tableEnabled) {
-                this.navigationService.focusCell(0, this.column.leafIndex);
-            }
-            else {
-                this.anchor.nativeElement.focus();
-            }
+            this.focusRoot();
         }
         return false;
     }
     close() {
         this.cleanUp();
-        if (this.navigationService.tableEnabled) {
-            this.navigationService.focusCell(0, this.column.leafIndex);
-        }
-        else {
-            this.anchor.nativeElement.focus();
-        }
+        this.focusRoot();
     }
     updateAria(ariaRoot) {
         ariaRoot && this.renderer.removeAttribute(ariaRoot, 'aria-controls');
@@ -9959,6 +9925,9 @@ class FilterMenuComponent {
         this.popupSubs = null;
         this.cdr.markForCheck();
     }
+    focusRoot() {
+        this.isNavigable ? this.navigationService.focusCell(0, this.column.leafIndex) : this.anchor.nativeElement.focus();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuComponent, deps: [{ token: FilterService }, { token: SinglePopupService }, { token: ContextService }, { token: NavigationService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterMenuComponent, isStandalone: true, selector: "kendo-grid-filter-menu", inputs: { column: "column", filter: "filter", tabIndex: "tabIndex" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `
         <a #anchor
@@ -9981,8 +9950,7 @@ class FilterMenuComponent {
                 [filter]="filter"
                 (close)="close()"
                 (keydown.escape)="close()"
-                (keydown.enter)="$event.stopImmediatePropagation()"
-                >
+                (keydown.enter)="$event.stopImmediatePropagation()">
             </kendo-grid-filter-menu-container>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }] });
@@ -10012,8 +9980,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [filter]="filter"
                 (close)="close()"
                 (keydown.escape)="close()"
-                (keydown.enter)="$event.stopImmediatePropagation()"
-                >
+                (keydown.enter)="$event.stopImmediatePropagation()">
             </kendo-grid-filter-menu-container>
         </ng-template>
     `,
@@ -10314,20 +10281,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class DateFilterCellComponent extends DateFilterComponent {
     ctx;
     /**
-     *  Represents a [DatePicker](slug:overview_datepicker) filter-cell component.
-     * [See example](slug:filter_row#toc-built-in-filter-row-components).
-     * @example
-     *
-     * ```html
-     * <kendo-grid-column field="Discontinued">
-     *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
-     *     <kendo-grid-date-filter-cell
-     *       [column]="column"
-     *       [filter]="filter">
-     *     </kendo-grid-date-filter-cell>
-     *   </ng-template>
-     * </kendo-grid-column>
-     * ```
+     * Determines if the drop-down filter operators will be displayed. The default value is `true`.
      * @type {boolean}
      * @default true
      */
@@ -10378,13 +10332,11 @@ class DateFilterCellComponent extends DateFilterComponent {
                 [topView]="topView"
                 [min]="min"
                 [max]="max"
-                [weekNumber]="weekNumber"
-            >
+                [weekNumber]="weekNumber">
                 <kendo-datepicker-messages
                     [toggle]="messageFor('filterDateToggle')"
                     [today]="messageFor('filterDateToday')"
-                >
-                </kendo-datepicker-messages>
+                ></kendo-datepicker-messages>
             </kendo-datepicker>
         </kendo-grid-filter-wrapper-cell>
     `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }] });
@@ -10415,13 +10367,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [topView]="topView"
                 [min]="min"
                 [max]="max"
-                [weekNumber]="weekNumber"
-            >
+                [weekNumber]="weekNumber">
                 <kendo-datepicker-messages
                     [toggle]="messageFor('filterDateToggle')"
                     [today]="messageFor('filterDateToday')"
-                >
-                </kendo-datepicker-messages>
+                ></kendo-datepicker-messages>
             </kendo-datepicker>
         </kendo-grid-filter-wrapper-cell>
     `,
@@ -10494,7 +10444,6 @@ class StringFilterCellComponent extends StringFilterComponent {
             [defaultOperator]="operator"
             [showOperators]="showOperators">
             <kendo-textbox
-                kendoTextBox
                 [size]="size"
                 kendoGridFocusable
                 kendoFilterInput
@@ -10518,7 +10467,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [defaultOperator]="operator"
             [showOperators]="showOperators">
             <kendo-textbox
-                kendoTextBox
                 [size]="size"
                 kendoGridFocusable
                 kendoFilterInput
@@ -10623,13 +10571,11 @@ class NumericFilterCellComponent extends NumericFilterComponent {
                 [max]="max"
                 [size]="size"
                 [step]="step"
-                [placeholder]="placeholder"
-            >
+                [placeholder]="placeholder">
                 <kendo-numerictextbox-messages
                     [increment]="messageFor('filterNumericIncrement')"
                     [decrement]="messageFor('filterNumericDecrement')"
-                >
-                </kendo-numerictextbox-messages>
+                ></kendo-numerictextbox-messages>
             </kendo-numerictextbox>
         </kendo-grid-filter-wrapper-cell>
     `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { kind: "component", type: 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", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "component", type: NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }] });
@@ -10660,13 +10606,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [max]="max"
                 [size]="size"
                 [step]="step"
-                [placeholder]="placeholder"
-            >
+                [placeholder]="placeholder">
                 <kendo-numerictextbox-messages
                     [increment]="messageFor('filterNumericIncrement')"
                     [decrement]="messageFor('filterNumericDecrement')"
-                >
-                </kendo-numerictextbox-messages>
+                ></kendo-numerictextbox-messages>
             </kendo-numerictextbox>
         </kendo-grid-filter-wrapper-cell>
     `,
@@ -10982,12 +10926,6 @@ class ColumnMenuService {
      * @hidden
      */
     sortable;
-    /**
-     * Closes the column menu.
-     */
-    close() {
-        this.closeMenu.emit();
-    }
     /**
      * @hidden
      */
@@ -10998,6 +10936,12 @@ class ColumnMenuService {
     constructor(menuTabbingService) {
         this.menuTabbingService = menuTabbingService;
     }
+    /**
+     * Closes the column menu.
+     */
+    close() {
+        this.closeMenu.emit();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuService, deps: [{ token: MenuTabbingService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuService });
 }
@@ -11028,7 +10972,7 @@ class ColumnListKeyboardNavigation {
     toggle(index, active) {
         const element = this.items[index]?.host.nativeElement;
         element && this.renderer.setAttribute(this.items[index].host.nativeElement, 'tabindex', active ? '0' : '-1');
-        active && element && element.focus();
+        active && element?.focus();
     }
     toggleCheckedState() {
         this.items[this.activeIndex].host.nativeElement.firstElementChild.click();
@@ -11048,12 +10992,7 @@ class ColumnListComponent {
     ngZone;
     renderer;
     listNavigationService;
-    get className() {
-        return true;
-    }
-    isChecked(checkbox) {
-        return checkbox.checked;
-    }
+    className = true;
     reset = new EventEmitter();
     apply = new EventEmitter();
     columnChange = new EventEmitter();
@@ -11224,6 +11163,20 @@ class ColumnListComponent {
             const checkboxElement = closestItem.querySelector('.k-checkbox-wrap');
             const checkbox = this.checkboxes.find(checkBox => checkBox.hostElement.nativeElement === checkboxElement);
             const index = parseInt(checkboxElement.firstElementChild.getAttribute('data-index'), 10);
+            if (index !== this.listNavigationService.activeIndex) {
+                this.listNavigationService.toggle(this.listNavigationService.activeIndex, false);
+                this.listNavigationService.activeIndex = index;
+                this.listNavigationService.toggle(index, true);
+            }
+            if (checkboxElement.contains(e.target)) {
+                const checkboxInputElement = checkboxElement.firstElementChild;
+                checkboxInputElement.blur();
+                checkboxInputElement.classList.remove('k-focus');
+            }
+            else {
+                this.listNavigationService.toggleCheckedState();
+            }
+            closestItem.focus();
             if (this.autoSync) {
                 if (!this.columns[index]) {
                     return;
@@ -11240,11 +11193,6 @@ class ColumnListComponent {
             else {
                 this.updateDisabled();
             }
-            if (index !== this.listNavigationService.activeIndex) {
-                this.listNavigationService.toggle(this.listNavigationService.activeIndex, false);
-                this.listNavigationService.activeIndex = index;
-                this.listNavigationService.toggle(index, true);
-            }
         }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnListComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: ColumnListKeyboardNavigation }], target: i0.ɵɵFactoryTarget.Component });
@@ -11263,6 +11211,7 @@ class ColumnListComponent {
                     [inputAttributes]="{'data-index': index.toString()}"
                     [checkedState]="!column.hidden"
                     [disabled]="isDisabled(column)"
+                    [tabindex]="-1"
                 ></kendo-checkbox>
                 <span class="k-checkbox-label">{{ column.displayTitle }}</span>
             </label>
@@ -11273,16 +11222,16 @@ class ColumnListComponent {
                 type="button"
                 class="k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle"
                 (click)="applyChanges()"
-                (keydown.enter)="$event.preventDefault(); $event.stopPropagation; applyChanges();"
-                (keydown.space)="$event.preventDefault(); $event.stopPropagation; applyChanges();">{{ applyText }}</button>
+                (keydown.enter)="$event.preventDefault(); $event.stopPropagation(); applyChanges();"
+                (keydown.space)="$event.preventDefault(); $event.stopPropagation(); applyChanges();">{{ applyText }}</button>
             <button
                 #resetButton
                 type="button"
                 (keydown.tab)="onTab($event)"
                 class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle"
                 (click)="cancelChanges()"
-                (keydown.enter)="$event.preventDefault(); $event.stopPropagation; cancelChanges();"
-                (keydown.space)="$event.preventDefault(); $event.stopPropagation; cancelChanges();">{{ resetText }}</button>
+                (keydown.enter)="$event.preventDefault(); $event.stopPropagation(); cancelChanges();"
+                (keydown.space)="$event.preventDefault(); $event.stopPropagation(); cancelChanges();">{{ resetText }}</button>
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: ColumnMenuChooserItemCheckedDirective, selector: "[kendoColumnMenuChooserItemChecked]", inputs: ["kendoColumnMenuChooserItemChecked"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }] });
 }
@@ -11306,6 +11255,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     [inputAttributes]="{'data-index': index.toString()}"
                     [checkedState]="!column.hidden"
                     [disabled]="isDisabled(column)"
+                    [tabindex]="-1"
                 ></kendo-checkbox>
                 <span class="k-checkbox-label">{{ column.displayTitle }}</span>
             </label>
@@ -11316,16 +11266,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type="button"
                 class="k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle"
                 (click)="applyChanges()"
-                (keydown.enter)="$event.preventDefault(); $event.stopPropagation; applyChanges();"
-                (keydown.space)="$event.preventDefault(); $event.stopPropagation; applyChanges();">{{ applyText }}</button>
+                (keydown.enter)="$event.preventDefault(); $event.stopPropagation(); applyChanges();"
+                (keydown.space)="$event.preventDefault(); $event.stopPropagation(); applyChanges();">{{ applyText }}</button>
             <button
                 #resetButton
                 type="button"
                 (keydown.tab)="onTab($event)"
                 class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle"
                 (click)="cancelChanges()"
-                (keydown.enter)="$event.preventDefault(); $event.stopPropagation; cancelChanges();"
-                (keydown.space)="$event.preventDefault(); $event.stopPropagation; cancelChanges();">{{ resetText }}</button>
+                (keydown.enter)="$event.preventDefault(); $event.stopPropagation(); cancelChanges();"
+                (keydown.space)="$event.preventDefault(); $event.stopPropagation(); cancelChanges();">{{ resetText }}</button>
         </div>
     `,
                     standalone: true,
@@ -11396,10 +11346,6 @@ class ColumnChooserComponent {
     ngZone;
     renderer;
     changeDetector;
-    /**
-     * @hidden
-     */
-    columnsIcon = columnsIcon;
     /**
      * Specifies if the changes in the visibility of the column will be immediately applied.
      *
@@ -11417,6 +11363,7 @@ class ColumnChooserComponent {
     get columns() {
         return this.columnInfoService.leafNamedColumns;
     }
+    columnsIcon = columnsIcon;
     popupRef;
     popupId;
     closeClick;
@@ -11507,7 +11454,7 @@ class ColumnChooserComponent {
             this.popupRef.close();
             this.popupRef = null;
             this.changeDetector.markForCheck();
-            this.escapeListener && this.escapeListener();
+            this.escapeListener?.();
         }
         this.detachClose();
         focusAnchor && this.anchor.element.focus();
@@ -11663,14 +11610,13 @@ const hasColumnChooser = (settings) => settings.columnChooser !== false;
  */
 const hasAutoSizeColumn = (settings) => settings.autoSizeColumn;
 /**
-* @hidden
-*/
+ * @hidden
+ */
 const hasAutoSizeAllColumns = (settings) => settings.autoSizeAllColumns;
 /**
  * @hidden
  */
 const autoSizeColumn = (grid, service, column) => {
-    // eslint-disable-next-line no-unused-expressions
     column ? grid.autoFitColumn(column) : grid.autoFitColumns();
     service.close();
 };
@@ -13289,7 +13235,7 @@ class ColumnMenuComponent {
                 this.close(true);
                 this.updateAria(ariaRoot);
             });
-            this.popupSubs.add(this.popupRef.popup.instance.close.subscribe(() => {
+            this.popupSubs.add(() => this.popupRef.popup.instance.close.subscribe(() => {
                 this.popupSubs?.unsubscribe();
                 this.popupSubs = this.popupRef = null;
                 this.updateAria(ariaRoot);
@@ -13311,12 +13257,7 @@ class ColumnMenuComponent {
             }
         }
         else {
-            if (this.navigationService.tableEnabled) {
-                this.navigationService.focusCell(0, this.column.leafIndex);
-            }
-            else {
-                this.anchor.nativeElement.focus();
-            }
+            this.focusRoot();
         }
     }
     /**
@@ -13329,12 +13270,7 @@ class ColumnMenuComponent {
         if (!triggerFocus) {
             return;
         }
-        if (this.navigationService.tableEnabled) {
-            this.navigationService.focusCell(0, this.column.leafIndex);
-        }
-        else {
-            this.anchor.nativeElement.focus();
-        }
+        this.focusRoot();
     }
     /**
      * @hidden
@@ -13351,6 +13287,9 @@ class ColumnMenuComponent {
         ariaRoot && this.renderer.removeAttribute(ariaRoot, 'aria-controls');
         ariaRoot && this.renderer.setAttribute(ariaRoot, 'aria-expanded', 'false');
     }
+    focusRoot() {
+        this.isNavigable ? this.navigationService.focusCell(0, this.column.leafIndex) : this.anchor.nativeElement.focus();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuComponent, deps: [{ token: NavigationService }, { token: SinglePopupService }, { token: ColumnMenuService }, { token: ContextService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: ColumnInfoService }, { token: IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuComponent, isStandalone: true, selector: "kendo-grid-column-menu", inputs: { standalone: "standalone", column: "column", settings: "settings", sort: "sort", filter: "filter", sortable: "sortable", columnMenuTemplate: "columnMenuTemplate", tabIndex: "tabIndex" }, host: { properties: { "class.k-grid-column-menu-standalone": "this.standalone" } }, providers: [
             ColumnMenuService,
@@ -13364,7 +13303,7 @@ class ColumnMenuComponent {
             href="#"
             [tabindex]="tabIndex"
             [attr.title]="columnMenuTitle"
-            [attr.aria-expanded]="isNavigable ? undefined: false"
+            [attr.aria-expanded]="isNavigable ? undefined : false"
             [attr.aria-haspopup]="isNavigable ? undefined : 'dialog'">
             <kendo-icon-wrapper
                 name="more-vertical"
@@ -13375,7 +13314,7 @@ class ColumnMenuComponent {
                 (keydown.escape)="close(true)"
                 (keydown.enter)="$event.stopImmediatePropagation()">
                 <ng-container
-                    [ngTemplateOutlet]="this.column.columnMenuTemplateRef || this.columnMenuTemplate || (this.settings.view === 'tabbed' ? this.tabbedInterfaceTemplate : this.defaultTemplate)"
+                    [ngTemplateOutlet]="column.columnMenuTemplateRef || columnMenuTemplate || (settings.view === 'tabbed' ? tabbedInterfaceTemplate : defaultTemplate)"
                     [ngTemplateOutletContext]="{ service: service, column: column }">
                 </ng-container>
             </kendo-grid-columnmenu-container>
@@ -13541,7 +13480,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             href="#"
             [tabindex]="tabIndex"
             [attr.title]="columnMenuTitle"
-            [attr.aria-expanded]="isNavigable ? undefined: false"
+            [attr.aria-expanded]="isNavigable ? undefined : false"
             [attr.aria-haspopup]="isNavigable ? undefined : 'dialog'">
             <kendo-icon-wrapper
                 name="more-vertical"
@@ -13552,7 +13491,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 (keydown.escape)="close(true)"
                 (keydown.enter)="$event.stopImmediatePropagation()">
                 <ng-container
-                    [ngTemplateOutlet]="this.column.columnMenuTemplateRef || this.columnMenuTemplate || (this.settings.view === 'tabbed' ? this.tabbedInterfaceTemplate : this.defaultTemplate)"
+                    [ngTemplateOutlet]="column.columnMenuTemplateRef || columnMenuTemplate || (settings.view === 'tabbed' ? tabbedInterfaceTemplate : defaultTemplate)"
                     [ngTemplateOutletContext]="{ service: service, column: column }">
                 </ng-container>
             </kendo-grid-columnmenu-container>
@@ -16719,7 +16658,6 @@ class HeaderComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderComponent, deps: [{ token: SinglePopupService }, { token: DragHintService }, { token: DropCueService }, { token: ColumnReorderService }, { token: IdService }, { token: SortService }, { token: ColumnInfoService }, { token: i0.ChangeDetectorRef }, { token: ContextService }, { token: NavigationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HeaderComponent, isStandalone: true, selector: "[kendoGridHeader]", inputs: { totalColumnLevels: "totalColumnLevels", columns: "columns", groups: "groups", detailTemplate: "detailTemplate", scrollable: "scrollable", filterable: "filterable", sort: "sort", filter: "filter", sortable: "sortable", groupable: "groupable", lockedColumnsCount: "lockedColumnsCount", resizable: "resizable", reorderable: "reorderable", columnMenu: "columnMenu", columnMenuTemplate: "columnMenuTemplate", totalColumnsCount: "totalColumnsCount", totalColumns: "totalColumns", tabIndex: "tabIndex", size: "size" }, host: { properties: { "class.k-table-thead": "this.hostClass" } }, viewQueries: [{ propertyName: "dropTargets", predicate: DropTargetDirective, descendants: true }, { propertyName: "filterMenus", predicate: FilterMenuComponent, descendants: true }, { propertyName: "columnMenus", predicate: ColumnMenuComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
-    <ng-container>
         <tr *ngFor="let i of columnLevels; let levelIndex = index"
             kendoGridLogicalRow
                 [logicalRowIndex]="levelIndex"
@@ -16771,8 +16709,7 @@ class HeaderComponent {
                     [attr.colspan]="column.colspan"
                     [attr.aria-haspopup]="isNavigable && (showFilterMenu || showColumnMenu(column)) ? 'dialog' : undefined"
                     [attr.aria-expanded]="isNavigable && (showFilterMenu || showColumnMenu(column)) ? false : undefined"
-                    [attr.aria-keyshortcuts]="isNavigable ? 'Alt + ArrowDown' : undefined">
-
+                    [attr.aria-keyshortcuts]="isNavigable && (showFilterMenu || showColumnMenu(column)) ? 'Alt + ArrowDown' : undefined">
                     <ng-container *ngIf="!isInteractive(getColumnComponent(column), 'sortable')">
                         <span class="k-cell-inner">
                             <span class="k-link" [class.!k-cursor-default]="!isInteractive(getColumnComponent(column), 'groupable') && !isInteractive(getColumnComponent(column), 'reorderable')">
@@ -16806,7 +16743,6 @@ class HeaderComponent {
                             </kendo-grid-column-menu>
                         </span>
                     </ng-container>
-
                     <ng-container *ngIf="isInteractive(getColumnComponent(column), 'sortable')">
                         <span class="k-cell-inner">
                             <span #link class="k-link" (click)="onSortClick(getColumnComponent(column), $event, link)">
@@ -16849,7 +16785,6 @@ class HeaderComponent {
                             </kendo-grid-column-menu>
                         </span>
                     </ng-container>
-
                     <ng-container *ngIf="isCheckboxColumn(column) && !column.headerTemplateRef && $any(column).showSelectAll">
                         <kendo-checkbox
                             [attr.id]="selectAllCheckboxId()"
@@ -16890,10 +16825,13 @@ class HeaderComponent {
                     [class.k-grid-content-sticky]="column.sticky"
                     [ngClass]="column.headerClass"
                     [ngStyle]="column.headerStyle"
+                    [attr.aria-haspopup]="(isNavigable && showColumnMenu(column)) ? 'dialog' : undefined"
+                    [attr.aria-expanded]="(isNavigable && showColumnMenu(column)) ? false : undefined"
+                    [attr.aria-keyshortcuts]="isNavigable && showColumnMenu(column) ? 'Alt + ArrowDown' : undefined"
                     [attr.rowspan]="column.rowspan(totalColumnLevels)"
                     [attr.colspan]="column.colspan">
                     <span class="k-cell-inner">
-                        <span class="k-link">
+                        <span class="k-link" [class.!k-cursor-default]="!isInteractive(getColumnComponent(column), 'reorderable')">
                             <ng-template
                                 [templateContext]="{
                                     templateRef: column.headerTemplateRef,
@@ -16936,9 +16874,7 @@ class HeaderComponent {
                 [logicalSlaveRow]="lockedColumnsCount > 0"
                 [logicalCellsCount]="columns.length"
                 [logicalSlaveCellsCount]="unlockedColumnsCount"
-                [totalColumns]="totalColumns"
-        ></tr>
-    </ng-container>
+                [totalColumns]="totalColumns"></tr>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "totalColumns"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "directive", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["context"], outputs: ["enter", "leave", "drop"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: DraggableColumnDirective, selector: "[kendoDraggableColumn]", inputs: ["context", "enableDrag"], outputs: ["drag"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: FilterMenuComponent, selector: "kendo-grid-filter-menu", inputs: ["column", "filter", "tabIndex"] }, { kind: "component", type: ColumnMenuComponent, selector: "kendo-grid-column-menu", inputs: ["standalone", "column", "settings", "sort", "filter", "sortable", "columnMenuTemplate", "tabIndex"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: SelectAllCheckboxDirective, selector: "[kendoGridSelectAllCheckbox]", inputs: ["state"], outputs: ["selectAllChange"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: ColumnHandleDirective, selector: "[kendoGridColumnHandle]", inputs: ["isLast", "columns", "column"] }, { kind: "component", type: FilterRowComponent, selector: "[kendoGridFilterRow]", inputs: ["columns", "filter", "groups", "detailTemplate", "logicalRowIndex", "lockedColumnsCount"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderComponent, decorators: [{
@@ -16946,7 +16882,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{
                     selector: '[kendoGridHeader]',
                     template: `
-    <ng-container>
         <tr *ngFor="let i of columnLevels; let levelIndex = index"
             kendoGridLogicalRow
                 [logicalRowIndex]="levelIndex"
@@ -16998,8 +16933,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     [attr.colspan]="column.colspan"
                     [attr.aria-haspopup]="isNavigable && (showFilterMenu || showColumnMenu(column)) ? 'dialog' : undefined"
                     [attr.aria-expanded]="isNavigable && (showFilterMenu || showColumnMenu(column)) ? false : undefined"
-                    [attr.aria-keyshortcuts]="isNavigable ? 'Alt + ArrowDown' : undefined">
-
+                    [attr.aria-keyshortcuts]="isNavigable && (showFilterMenu || showColumnMenu(column)) ? 'Alt + ArrowDown' : undefined">
                     <ng-container *ngIf="!isInteractive(getColumnComponent(column), 'sortable')">
                         <span class="k-cell-inner">
                             <span class="k-link" [class.!k-cursor-default]="!isInteractive(getColumnComponent(column), 'groupable') && !isInteractive(getColumnComponent(column), 'reorderable')">
@@ -17033,7 +16967,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             </kendo-grid-column-menu>
                         </span>
                     </ng-container>
-
                     <ng-container *ngIf="isInteractive(getColumnComponent(column), 'sortable')">
                         <span class="k-cell-inner">
                             <span #link class="k-link" (click)="onSortClick(getColumnComponent(column), $event, link)">
@@ -17076,7 +17009,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             </kendo-grid-column-menu>
                         </span>
                     </ng-container>
-
                     <ng-container *ngIf="isCheckboxColumn(column) && !column.headerTemplateRef && $any(column).showSelectAll">
                         <kendo-checkbox
                             [attr.id]="selectAllCheckboxId()"
@@ -17117,10 +17049,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     [class.k-grid-content-sticky]="column.sticky"
                     [ngClass]="column.headerClass"
                     [ngStyle]="column.headerStyle"
+                    [attr.aria-haspopup]="(isNavigable && showColumnMenu(column)) ? 'dialog' : undefined"
+                    [attr.aria-expanded]="(isNavigable && showColumnMenu(column)) ? false : undefined"
+                    [attr.aria-keyshortcuts]="isNavigable && showColumnMenu(column) ? 'Alt + ArrowDown' : undefined"
                     [attr.rowspan]="column.rowspan(totalColumnLevels)"
                     [attr.colspan]="column.colspan">
                     <span class="k-cell-inner">
-                        <span class="k-link">
+                        <span class="k-link" [class.!k-cursor-default]="!isInteractive(getColumnComponent(column), 'reorderable')">
                             <ng-template
                                 [templateContext]="{
                                     templateRef: column.headerTemplateRef,
@@ -17163,9 +17098,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [logicalSlaveRow]="lockedColumnsCount > 0"
                 [logicalCellsCount]="columns.length"
                 [logicalSlaveCellsCount]="unlockedColumnsCount"
-                [totalColumns]="totalColumns"
-        ></tr>
-    </ng-container>
+                [totalColumns]="totalColumns"></tr>
     `,
                     standalone: true,
                     imports: [
@@ -19828,8 +19761,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1742998819,
-    version: '18.2.1-develop.3',
+    publishDate: 1743106180,
+    version: '18.3.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -26179,6 +26112,7 @@ class GridComponent {
                     </colgroup>
                     <thead kendoGridHeader
                         *ngIf="!hideHeader"
+                        role="rowgroup"
                         [resizable]="resizable"
                         [scrollable]="false"
                         [columns]="$any(visibleColumns)"
@@ -26889,6 +26823,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     </colgroup>
                     <thead kendoGridHeader
                         *ngIf="!hideHeader"
+                        role="rowgroup"
                         [resizable]="resizable"
                         [scrollable]="false"
                         [columns]="$any(visibleColumns)"