@ethlete/cdk 4.1.0 → 4.2.1

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

@@ -7,7 +7,7 @@ export declare class PictureComponent {
     protected readonly pictureData: PictureDataDirective;
     protected readonly config: import("./picture.component.types").PictureConfig | null;
     sources: Array<PictureSource | string>;
-    protected trackBySrc: TrackByFunction<PictureSource>;
+    protected trackBySrc: TrackByFunction<PictureSource | string>;
     protected combineWithConfig(src: PictureSource): PictureSource;
     static ɵfac: i0.ɵɵFactoryDeclaration<PictureComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PictureComponent, "et-picture", never, { "sources": { "alias": "sources"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.PictureDataDirective; inputs: { "imgClass": "imgClass"; "hasPriority": "hasPriority"; "figureClass": "figureClass"; "pictureClass": "pictureClass"; "figcaptionClass": "figcaptionClass"; "defaultSrc": "defaultSrc"; "alt": "alt"; "figcaption": "figcaption"; "width": "width"; "height": "height"; "sizes": "sizes"; }; outputs: {}; }]>;

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

@@ -1,37 +1,78 @@
-import { AfterContentInit, ElementRef, EventEmitter, OnInit } from '@angular/core';
-import { IsActiveElementDirective, IsElementDirective, NgClassType, ScrollObserverScrollState, ScrollToElementOptions, TypedQueryList } from '@ethlete/core';
-import { BehaviorSubject } from 'rxjs';
+import { AfterContentInit, ElementRef, EventEmitter } from '@angular/core';
+import { CurrentElementVisibility, IsActiveElementDirective, IsElementDirective, NgClassType, ScrollObserverScrollState, ScrollToElementOptions, TypedQueryList } from '@ethlete/core';
 import { ScrollableIntersectionChange, ScrollableScrollMode } from '../../types';
 import * as i0 from "@angular/core";
-export declare class ScrollableComponent implements OnInit, AfterContentInit {
+export declare class ScrollableComponent implements AfterContentInit {
     private readonly _destroy$;
-    private readonly _renderer;
     private readonly _elementRef;
     private readonly _isCursorDragging$;
     private readonly _latestVisibilityStates$;
-    itemSize: 'auto' | 'same' | 'full';
-    direction: 'horizontal' | 'vertical';
-    scrollableRole?: string;
-    scrollableClass?: NgClassType;
-    renderMasks: boolean;
-    renderButtons: boolean;
-    renderScrollbars: boolean;
-    stickyButtons: boolean;
-    cursorDragScroll: boolean;
-    disableActiveElementScrolling: boolean;
-    scrollMode: ScrollableScrollMode;
-    snap: boolean;
-    scrollMargin: number;
+    set _itemSize(v: 'auto' | 'same' | 'full');
+    readonly itemSize: import("@angular/core").WritableSignal<"auto" | "same" | "full">;
+    set _direction(v: 'horizontal' | 'vertical');
+    readonly direction: import("@angular/core").WritableSignal<"vertical" | "horizontal">;
+    set _scrollableRole(v: string | null);
+    readonly scrollableRole: import("@angular/core").WritableSignal<string | null>;
+    set _scrollableClass(v: NgClassType | null);
+    readonly scrollableClass: import("@angular/core").WritableSignal<NgClassType>;
+    set _renderMasks(v: boolean);
+    readonly renderMasks: import("@angular/core").WritableSignal<boolean>;
+    set _renderButtons(v: boolean);
+    readonly renderButtons: import("@angular/core").WritableSignal<boolean>;
+    set _renderScrollbars(v: boolean);
+    readonly renderScrollbars: import("@angular/core").WritableSignal<boolean>;
+    set _stickyButtons(v: boolean);
+    readonly stickyButtons: import("@angular/core").WritableSignal<boolean>;
+    set _cursorDragScroll(v: boolean);
+    readonly cursorDragScroll: import("@angular/core").WritableSignal<boolean>;
+    set _disableActiveElementScrolling(v: boolean);
+    readonly disableActiveElementScrolling: import("@angular/core").WritableSignal<boolean>;
+    set _scrollMode(v: ScrollableScrollMode);
+    readonly scrollMode: import("@angular/core").WritableSignal<ScrollableScrollMode>;
+    set _snap(v: boolean);
+    readonly snap: import("@angular/core").WritableSignal<boolean>;
+    set _scrollMargin(v: number);
+    readonly scrollMargin: import("@angular/core").WritableSignal<number>;
     readonly scrollStateChange: EventEmitter<ScrollObserverScrollState>;
     readonly intersectionChange: EventEmitter<ScrollableIntersectionChange[]>;
-    scrollable: ElementRef<HTMLElement>;
-    activeElements: TypedQueryList<IsActiveElementDirective> | null;
-    elements: TypedQueryList<IsElementDirective> | null;
+    private set _scrollable(value);
+    readonly scrollable: import("@angular/core").WritableSignal<ElementRef<HTMLElement> | null>;
+    private set _firstElement(value);
+    readonly firstElement: import("@angular/core").WritableSignal<ElementRef<HTMLElement> | null>;
+    private set _lastElement(value);
+    readonly lastElement: import("@angular/core").WritableSignal<ElementRef<HTMLElement> | null>;
+    private set _activeElementList(value);
+    readonly activeElementList: import("@angular/core").WritableSignal<TypedQueryList<IsActiveElementDirective> | null>;
+    private set _elementList(value);
+    readonly elementList: import("@angular/core").WritableSignal<TypedQueryList<IsElementDirective> | null>;
     get highestVisibleIntersection(): ScrollableIntersectionChange | null;
     get nextPartialIntersection(): ScrollableIntersectionChange | null;
     get previousPartialIntersection(): ScrollableIntersectionChange | null;
-    protected readonly scrollState$: BehaviorSubject<ScrollObserverScrollState | null>;
-    ngOnInit(): void;
+    protected readonly containerScrollState: import("@angular/core").Signal<{
+        canScroll: boolean;
+        canScrollHorizontally: boolean;
+        canScrollVertically: boolean;
+        scrollWidth: number | null;
+        scrollHeight: number | null;
+        elementDimensions: import("@ethlete/core").ElementDimensions;
+    }>;
+    protected readonly firstElementIntersection: import("@angular/core").WritableSignal<IntersectionObserverEntry | null>;
+    protected readonly firstElementVisibility: import("@angular/core").WritableSignal<CurrentElementVisibility | null>;
+    protected readonly lastElementIntersection: import("@angular/core").WritableSignal<IntersectionObserverEntry | null>;
+    protected readonly lastElementVisibility: import("@angular/core").WritableSignal<CurrentElementVisibility | null>;
+    protected readonly canScroll: import("@angular/core").Signal<boolean>;
+    protected readonly isAtStart: import("@angular/core").Signal<boolean>;
+    protected readonly isAtEnd: import("@angular/core").Signal<boolean>;
+    protected readonly enableOverlayAnimations: import("@angular/core").WritableSignal<boolean>;
+    protected readonly hostAttributes: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
+    protected readonly hostClasses: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
+    constructor();
     ngAfterContentInit(): void;
     scrollOneContainerSize(direction: 'start' | 'end'): void;
     scrollOneItemSize(direction: 'start' | 'end'): void;
@@ -40,18 +81,17 @@ export declare class ScrollableComponent implements OnInit, AfterContentInit {
         index: number;
     }): void;
     protected setIsCursorDragging(isDragging: boolean): void;
-    protected _scrollStateChanged(scrollState: ScrollObserverScrollState): void;
     protected scrollToStartDirection(): void;
     protected scrollToStartEnd(): void;
     private _setupScrollListening;
     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; }; "disableActiveElementScrolling": { "alias": "disableActiveElementScrolling"; "required": false; }; "scrollMode": { "alias": "scrollMode"; "required": false; }; "snap": { "alias": "snap"; "required": false; }; "scrollMargin": { "alias": "scrollMargin"; "required": false; }; }, { "scrollStateChange": "scrollStateChange"; "intersectionChange": "intersectionChange"; }, ["activeElements", "elements"], ["*"], true, never>;
-    static ngAcceptInputType_renderMasks: unknown;
-    static ngAcceptInputType_renderButtons: unknown;
-    static ngAcceptInputType_renderScrollbars: unknown;
-    static ngAcceptInputType_stickyButtons: unknown;
-    static ngAcceptInputType_cursorDragScroll: unknown;
-    static ngAcceptInputType_disableActiveElementScrolling: unknown;
-    static ngAcceptInputType_snap: unknown;
-    static ngAcceptInputType_scrollMargin: unknown;
+    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; }; "_disableActiveElementScrolling": { "alias": "disableActiveElementScrolling"; "required": false; }; "_scrollMode": { "alias": "scrollMode"; "required": false; }; "_snap": { "alias": "snap"; "required": false; }; "_scrollMargin": { "alias": "scrollMargin"; "required": false; }; }, { "scrollStateChange": "scrollStateChange"; "intersectionChange": "intersectionChange"; }, ["_activeElementList", "_elementList"], ["*"], true, never>;
+    static ngAcceptInputType__renderMasks: unknown;
+    static ngAcceptInputType__renderButtons: unknown;
+    static ngAcceptInputType__renderScrollbars: unknown;
+    static ngAcceptInputType__stickyButtons: unknown;
+    static ngAcceptInputType__cursorDragScroll: unknown;
+    static ngAcceptInputType__disableActiveElementScrolling: unknown;
+    static ngAcceptInputType__snap: unknown;
+    static ngAcceptInputType__scrollMargin: unknown;
 }

package/lib/components/tabs/utils/paginated-tab-header.directive.d.ts

@@ -57,7 +57,7 @@ export declare abstract class PaginatedTabHeaderDirective implements AfterConten
     _scrollHeader(direction: TabPaginationScrollDirection): {
         maxScrollDistance: number;
         distance: number;
-    };
+    } | undefined;
     _handlePaginatorClick(direction: TabPaginationScrollDirection): void;
     _scrollToLabel(labelIndex: number): void;
     _getMaxScrollDistance(): number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "4.1.0",
+  "version": "4.2.1",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",
@@ -14,13 +14,13 @@
     }
   },
   "peerDependencies": {
-    "@angular/animations": "^16.2.12",
-    "@angular/cdk": "^16.2.11",
-    "@angular/common": "^16.2.12",
-    "@angular/core": "^16.2.12",
-    "@angular/forms": "^16.2.12",
-    "@angular/platform-browser": "^16.2.12",
-    "@angular/router": "^16.2.12",
+    "@angular/animations": "17.0.2",
+    "@angular/cdk": "17.0.0",
+    "@angular/common": "17.0.2",
+    "@angular/core": "17.0.2",
+    "@angular/forms": "17.0.2",
+    "@angular/platform-browser": "17.0.2",
+    "@angular/router": "17.0.2",
     "@ethlete/core": "^4.0.3",
     "@ethlete/query": "^5.0.3",
     "@ethlete/theming": "^2.3.1",