npm - @ethlete/cdk - Versions diffs - 2.5.3 → 2.6.0 - Mend

@@ -1,7 +1,8 @@
 import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
 import { AfterContentInit, ElementRef, OnInit } from '@angular/core';
-import { IsActiveElementDirective, NgClassType, ScrollObserverScrollState, TypedQueryList } from '@ethlete/core';
+import { IsActiveElementDirective, IsElementDirective, NgClassType, ScrollObserverScrollState, TypedQueryList } from '@ethlete/core';
 import { BehaviorSubject } from 'rxjs';
+import { ScrollableScrollMode } from '../../types';
 import * as i0 from "@angular/core";
 export declare class ScrollableComponent implements OnInit, AfterContentInit {
     private readonly _destroy$;
@@ -32,15 +33,18 @@ export declare class ScrollableComponent implements OnInit, AfterContentInit {
     get disableActiveElementScrolling(): boolean;
     set disableActiveElementScrolling(value: BooleanInput);
     private _disableActiveElementScrolling;
+    scrollMode: ScrollableScrollMode;
     scrollable: ElementRef<HTMLElement>;
     activeElements: TypedQueryList<IsActiveElementDirective> | null;
+    elements: TypedQueryList<IsElementDirective> | null;
     protected readonly scrollState$: BehaviorSubject<ScrollObserverScrollState | null>;
     ngOnInit(): void;
     ngAfterContentInit(): void;
     protected _scrollStateChanged(scrollState: ScrollObserverScrollState): void;
-    protected scrollOneContainerSizeToStart(): void;
-    protected scrollOneContainerSizeToEnd(): void;
+    protected scrollToStartDirection(): void;
+    protected scrollToStartEnd(): void;
     scrollOneContainerSize(direction: 'start' | 'end'): void;
+    scrollOneItemSize(direction: 'start' | 'end'): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollableComponent, "et-scrollable", never, { "itemSize": { "alias": "itemSize"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "scrollableRole": { "alias": "scrollableRole"; "required": false; }; "scrollableClass": { "alias": "scrollableClass"; "required": false; }; "renderMasks": { "alias": "renderMasks"; "required": false; }; "renderButtons": { "alias": "renderButtons"; "required": false; }; "renderScrollbars": { "alias": "renderScrollbars"; "required": false; }; "stickyButtons": { "alias": "stickyButtons"; "required": false; }; "cursorDragScroll": { "alias": "cursorDragScroll"; "required": false; }; "activeElementScrollMargin": { "alias": "activeElementScrollMargin"; "required": false; }; "disableActiveElementScrolling": { "alias": "disableActiveElementScrolling"; "required": false; }; }, {}, ["activeElements"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollableComponent, "et-scrollable", never, { "itemSize": { "alias": "itemSize"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "scrollableRole": { "alias": "scrollableRole"; "required": false; }; "scrollableClass": { "alias": "scrollableClass"; "required": false; }; "renderMasks": { "alias": "renderMasks"; "required": false; }; "renderButtons": { "alias": "renderButtons"; "required": false; }; "renderScrollbars": { "alias": "renderScrollbars"; "required": false; }; "stickyButtons": { "alias": "stickyButtons"; "required": false; }; "cursorDragScroll": { "alias": "cursorDragScroll"; "required": false; }; "activeElementScrollMargin": { "alias": "activeElementScrollMargin"; "required": false; }; "disableActiveElementScrolling": { "alias": "disableActiveElementScrolling"; "required": false; }; "scrollMode": { "alias": "scrollMode"; "required": false; }; }, {}, ["activeElements", "elements"], ["*"], true, never>;
 }

@@ -38,6 +38,7 @@ export declare class ComboboxComponent extends DecoratedInputBase implements OnI
     private get _isOpen();
     private readonly _isOpen$;
     private readonly _selectionModel;
+    private readonly _activeSelectionModel;
     readonly selectedOptions$: import("rxjs").Observable<unknown[]>;
     readonly multiple$: import("rxjs").Observable<boolean>;
     readonly options$: import("rxjs").Observable<unknown[]>;
@@ -52,6 +53,7 @@ export declare class ComboboxComponent extends DecoratedInputBase implements OnI
     selectInputAndOpen(): void;
     writeValueFromOption(option: unknown): void;
     isOptionSelected(option: unknown): import("rxjs").Observable<boolean>;
+    isOptionActive(option: unknown): import("rxjs").Observable<boolean>;
     protected processKeydownEvent(event: KeyboardEvent): void;
     protected processInputEvent(event: Event): void;
     protected handleBlurEvent(): void;

@@ -8,9 +8,9 @@ export declare class ComboboxOptionComponent {
     private _option$;
     protected readonly disabled$: import("rxjs").Observable<boolean>;
     protected readonly selected$: import("rxjs").Observable<boolean>;
+    protected readonly active$: import("rxjs").Observable<boolean>;
     readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
-    activateOption(): void;
-    private _isOptionDisabled;
+    protected selectOption(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxOptionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxOptionComponent, "et-combobox-option", never, { "option": { "alias": "option"; "required": true; }; }, {}, never, never, true, never>;
 }

@@ -1,3 +1,4 @@
 export * from './combobox.imports';
 export * from './components/public-api';
 export * from './directives/public-api';
+export * from './utils/public-api';

@@ -1,2 +1,3 @@
 export * from './components/public-api';
 export * from './scrollable.imports';
+export * from './types/public-api';

@@ -1,2 +1,3 @@
+import { IsActiveElementDirective, IsElementDirective, ScrollObserverFirstElementDirective, ScrollObserverIgnoreTargetDirective, ScrollObserverLastElementDirective } from '@ethlete/core';
 import { ScrollableComponent } from './components';
-export declare const ScrollableImports: readonly [typeof ScrollableComponent];
+export declare const ScrollableImports: readonly [typeof ScrollableComponent, typeof IsElementDirective, typeof IsActiveElementDirective, typeof ScrollObserverFirstElementDirective, typeof ScrollObserverLastElementDirective, typeof ScrollObserverIgnoreTargetDirective];

	@@ -0,0 +1 @@
1	+ export declare const isOptionDisabled: (opt: unknown) => boolean;

	@@ -0,0 +1 @@
1	+ export type ScrollableScrollMode = 'container' \| 'element';

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "2.5.3",
+  "version": "2.6.0",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",
@@ -19,9 +19,9 @@
   "peerDependencies": {
     "@angular/common": "^15.2.1 || ^16.0.0",
     "@angular/core": "^15.2.1 || ^16.0.0",
-    "@angular/cdk": "16.0.3",
-    "@ethlete/core": "2.4.3",
-    "@angular/animations": "16.0.4",
+    "@angular/cdk": "16.0.4",
+    "@ethlete/core": "2.6.0",
+    "@angular/animations": "16.0.5",
     "@ethlete/query": "4.3.2"
   },
   "module": "fesm2022/ethlete-cdk.mjs",

@ethlete/cdk 2.5.3 → 2.6.0