@ethlete/cdk 4.3.0 → 4.3.2

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

@@ -53,7 +53,7 @@ export interface OverlayBreakpointConfig {
     /** Height of the overlay. */
     height?: number | string;
     /** Position strategy to be used for the overlay. */
-    positionStrategy?: PositionStrategy;
+    positionStrategy?: () => PositionStrategy;
     /** Custom class for the overlay container. */
     containerClass?: string | string[];
     /** Custom class for the overlay pane. */

package/lib/components/overlay/components/overlay/utils/overlay-position-builder.d.ts

@@ -16,7 +16,7 @@ export declare class OverlayPositionBuilder {
             minHeight: undefined;
             minWidth: undefined;
             containerClass: string;
-            positionStrategy: import("@angular/cdk/overlay").GlobalPositionStrategy;
+            positionStrategy: () => import("@angular/cdk/overlay").GlobalPositionStrategy;
         };
         fullScreenDialog: {
             width: string;
@@ -26,7 +26,7 @@ export declare class OverlayPositionBuilder {
             minHeight: undefined;
             minWidth: undefined;
             containerClass: string;
-            positionStrategy: import("@angular/cdk/overlay").GlobalPositionStrategy;
+            positionStrategy: () => import("@angular/cdk/overlay").GlobalPositionStrategy;
             documentClass: string;
             applyTransformOrigin: true;
         };
@@ -38,7 +38,7 @@ export declare class OverlayPositionBuilder {
             minHeight: undefined;
             minWidth: undefined;
             containerClass: string;
-            positionStrategy: import("@angular/cdk/overlay").GlobalPositionStrategy;
+            positionStrategy: () => import("@angular/cdk/overlay").GlobalPositionStrategy;
             dragToDismiss: {
                 direction: "to-bottom";
             };
@@ -51,7 +51,7 @@ export declare class OverlayPositionBuilder {
             minHeight: undefined;
             minWidth: undefined;
             containerClass: string;
-            positionStrategy: import("@angular/cdk/overlay").GlobalPositionStrategy;
+            positionStrategy: () => import("@angular/cdk/overlay").GlobalPositionStrategy;
             dragToDismiss: {
                 direction: "to-top";
             };
@@ -64,7 +64,7 @@ export declare class OverlayPositionBuilder {
             minHeight: undefined;
             minWidth: undefined;
             containerClass: string;
-            positionStrategy: import("@angular/cdk/overlay").GlobalPositionStrategy;
+            positionStrategy: () => import("@angular/cdk/overlay").GlobalPositionStrategy;
             dragToDismiss: {
                 direction: "to-left";
             };
@@ -77,7 +77,7 @@ export declare class OverlayPositionBuilder {
             minHeight: undefined;
             minWidth: undefined;
             containerClass: string;
-            positionStrategy: import("@angular/cdk/overlay").GlobalPositionStrategy;
+            positionStrategy: () => import("@angular/cdk/overlay").GlobalPositionStrategy;
             dragToDismiss: {
                 direction: "to-right";
             };

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

@@ -1,5 +1,6 @@
 import { ElementRef, EventEmitter } from '@angular/core';
-import { IsActiveElementDirective, NgClassType, ScrollObserverScrollState, ScrollToElementOptions, TypedQueryList } from '@ethlete/core';
+import { NgClassType, ScrollObserverScrollState, ScrollToElementOptions, TypedQueryList } from '@ethlete/core';
+import { ScrollableIsActiveChildDirective } from '../../directives';
 import { ScrollableIntersectionChange, ScrollableScrollMode } from '../../types';
 import * as i0 from "@angular/core";
 interface ScrollableNavigationItem {
@@ -48,7 +49,7 @@ export declare class ScrollableComponent {
     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>;
+    readonly activeElementList: import("@angular/core").WritableSignal<TypedQueryList<ScrollableIsActiveChildDirective> | null>;
     private readonly containerScrollState;
     private readonly firstElementIntersection;
     private readonly firstElementVisibility;

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

@@ -1 +1,2 @@
 export * from './scrollable-ignore-child/public-api';
+export * from './scrollable-is-active-child/public-api';

package/lib/components/scrollable/directives/scrollable-is-active-child/public-api.d.ts

@@ -0,0 +1 @@
+export * from './scrollable-is-active-child.directive';

package/lib/components/scrollable/directives/scrollable-is-active-child/scrollable-is-active-child.directive.d.ts

@@ -0,0 +1,17 @@
+import { ElementRef, InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const SCROLLABLE_IS_ACTIVE_CHILD_TOKEN: InjectionToken<ScrollableIsActiveChildDirective>;
+export declare const SCROLLABLE_IS_ACTIVE_CHILD_ATTRIBUTE = "etScrollableIsActiveChild";
+export declare const isScrollableChildActive: (e: HTMLElement) => boolean;
+export declare class ScrollableIsActiveChildDirective {
+    readonly elementRef: ElementRef<HTMLElement>;
+    set _isActiveChildEnabled(v: boolean);
+    readonly isActiveChildEnabled: import("@angular/core").WritableSignal<boolean>;
+    readonly hostAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollableIsActiveChildDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollableIsActiveChildDirective, "[etScrollableIsActiveChild]", never, { "_isActiveChildEnabled": { "alias": "etScrollableIsActiveChild"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType__isActiveChildEnabled: unknown;
+}

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "4.3.0",
+  "version": "4.3.2",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",
@@ -15,7 +15,7 @@
   },
   "peerDependencies": {
     "@angular/animations": "17.0.3",
-    "@angular/cdk": "17.0.0",
+    "@angular/cdk": "17.0.1",
     "@angular/common": "17.0.3",
     "@angular/core": "17.0.3",
     "@angular/forms": "17.0.3",