@clr/angular 13.3.2 → 13.4.0

package/package.json

@@ -45,5 +45,5 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "version": "13.3.2"
+  "version": "13.4.0"
 }

package/utils/index.d.ts

@@ -9,3 +9,4 @@ export * from './focus/focus-on-view-init/index';
 export * from './focus-trap/index';
 export * from './destroy';
 export * from './for-type-ahead/index';
+export * from './list-key-navigation/index';

package/utils/list-key-navigation/index.d.ts

@@ -0,0 +1,4 @@
+export * from './key-navigation-list';
+export * from './key-navigation-list.module';
+export * from './providers/focusable-items';
+export * from './providers/key-navigation-list.config';

package/utils/list-key-navigation/key-navigation-list.d.ts

@@ -0,0 +1,30 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface KeyNavigationListConfig {
+    keyListItems: string;
+    layout: 'both' | 'horizontal' | 'vertical';
+    manageFocus: boolean;
+    manageTabindex: boolean;
+    loop: boolean;
+    dir: string | null;
+}
+export declare class ClrKeyNavigationList implements AfterViewInit {
+    private host;
+    private defaultConfig;
+    private focusableElementSelectors;
+    private config;
+    set configuration(config: Partial<KeyNavigationListConfig>);
+    constructor(host: ElementRef<HTMLElement>, defaultConfig: KeyNavigationListConfig, focusableElementSelectors: string[]);
+    ngAfterViewInit(): void;
+    onClick(e: Event): void;
+    onKeyDown(e: KeyboardEvent): void;
+    private initializeTabIndex;
+    private clickItem;
+    private focusItem;
+    private getActiveItem;
+    private setActiveItem;
+    private getListItems;
+    private getClosestDirAttribute;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrKeyNavigationList, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrKeyNavigationList, "[clrKeyNavigationList]", never, { "configuration": "configuration"; }, {}, never>;
+}

package/utils/list-key-navigation/key-navigation-list.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./key-navigation-list";
+export declare class ClrKeyNavigationListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrKeyNavigationListModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrKeyNavigationListModule, [typeof i1.ClrKeyNavigationList], never, [typeof i1.ClrKeyNavigationList]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ClrKeyNavigationListModule>;
+}

package/utils/list-key-navigation/providers/focusable-items.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken, ValueProvider } from '@angular/core';
+export declare const FOCUSABLE_ELEMENT_SELECTORS: InjectionToken<unknown>;
+export declare const FOCUSABLE_ELEMENT_SELECTORS_PROVIDER: ValueProvider;

package/utils/list-key-navigation/providers/key-navigation-list.config.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken, ValueProvider } from '@angular/core';
+export declare const CLR_LIST_KEY_NAVIGATION_CONFIG: InjectionToken<unknown>;
+export declare const CLR_LIST_KEY_NAVIGATION_COFNIG_PROVIDER: ValueProvider;

package/utils/list-key-navigation/utils.d.ts

@@ -0,0 +1,11 @@
+import { KeyNavigationCode } from '@cds/core/internal';
+export interface KeyListConfig {
+    code: KeyNavigationCode;
+    loop?: boolean;
+    layout?: 'horizontal' | 'vertical' | 'both';
+    dir: string | null | undefined;
+}
+export declare function getNextKeyListItem(item: HTMLElement, items: HTMLElement[], config: KeyListConfig): {
+    next: number;
+    previous: number;
+};