@ethlete/cdk 2.5.4 → 2.6.1

package/lib/components/scrollable/components/scrollable/scrollable.component.d.ts

@@ -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 { AfterContentInit, ElementRef, EventEmitter, OnInit } from '@angular/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,19 @@ export declare class ScrollableComponent implements OnInit, AfterContentInit {
     get disableActiveElementScrolling(): boolean;
     set disableActiveElementScrolling(value: BooleanInput);
     private _disableActiveElementScrolling;
+    scrollMode: ScrollableScrollMode;
+    readonly scrollStateChange: EventEmitter<ScrollObserverScrollState>;
     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; }; }, { "scrollStateChange": "scrollStateChange"; }, ["activeElements", "elements"], ["*"], true, never>;
 }

package/lib/components/scrollable/public-api.d.ts

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

package/lib/components/scrollable/scrollable.imports.d.ts

@@ -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];

package/lib/components/scrollable/types/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/lib/components/scrollable/types/public-api.d.ts

@@ -0,0 +1 @@
+export * from './scrollable.types';

package/lib/components/scrollable/types/scrollable.types.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "2.5.4",
+  "version": "2.6.1",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",
@@ -20,8 +20,8 @@
     "@angular/common": "^15.2.1 || ^16.0.0",
     "@angular/core": "^15.2.1 || ^16.0.0",
     "@angular/cdk": "16.0.4",
-    "@ethlete/core": "2.5.0",
-    "@angular/animations": "16.0.4",
+    "@ethlete/core": "2.6.0",
+    "@angular/animations": "16.0.5",
     "@ethlete/query": "4.3.2"
   },
   "module": "fesm2022/ethlete-cdk.mjs",