@progress/kendo-angular-grid
Version:
Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.
41 lines (40 loc) • 2.01 kB
JavaScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { Injectable, Renderer2 } from '@angular/core';
import * as i0 from "@angular/core";
/**
* @hidden
*/
export class ColumnListKeyboardNavigation {
renderer;
items;
activeIndex = 0;
constructor(renderer) {
this.renderer = renderer;
}
next() {
this.toggle(this.activeIndex, false);
this.activeIndex = Math.min(this.activeIndex + 1, this.items.length - 1);
this.toggle(this.activeIndex, true);
}
prev() {
this.toggle(this.activeIndex, false);
this.activeIndex = Math.max(this.activeIndex - 1, 0);
this.toggle(this.activeIndex, true);
}
toggle(index, active) {
const element = this.items[index]?.hostElement.nativeElement.closest('.k-column-list-item');
element && this.renderer.setAttribute(element, 'tabindex', active ? '0' : '-1');
active && element?.focus({ preventScroll: true });
}
toggleCheckedState() {
this.items[this.activeIndex].hostElement.nativeElement.closest('.k-column-list-item').firstElementChild.click();
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnListKeyboardNavigation, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnListKeyboardNavigation });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnListKeyboardNavigation, decorators: [{
type: Injectable
}], ctorParameters: () => [{ type: i0.Renderer2 }] });