@ethlete/cdk 4.14.5 → 4.15.0

package/index.d.ts

@@ -1,6 +1,7 @@
 export * from './lib/components/accordion/public-api';
 export * from './lib/components/bracket/public-api';
 export * from './lib/components/button/public-api';
+export * from './lib/components/carousel/public-api';
 export * from './lib/components/filter/public-api';
 export * from './lib/components/forms/public-api';
 export * from './lib/components/icons/public-api';

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

@@ -0,0 +1,11 @@
+import { ElementRef } from '@angular/core';
+import { CarouselDirective } from './carousel.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "./carousel.directive";
+export declare class CarouselComponent {
+    carousel: CarouselDirective;
+    carouselItemsWrapper: import("@angular/core").Signal<ElementRef<HTMLElement>>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "et-carousel", never, {}, {}, never, ["et-carousel-item, [etCarouselItem]", "*"], true, [{ directive: typeof i1.CarouselDirective; inputs: { "loop": "loop"; "autoPlay": "autoPlay"; "autoPlayTime": "autoPlayTime"; "pauseAutoPlayOnHover": "pauseAutoPlayOnHover"; "pauseAutoPlayOnFocus": "pauseAutoPlayOnFocus"; "transitionType": "transitionType"; "transitionDuration": "transitionDuration"; }; outputs: {}; }]>;
+}

package/lib/components/carousel/carousel.directive.d.ts

@@ -0,0 +1,59 @@
+import { ElementRef, InjectionToken, Injector } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const CAROUSEL_TOKEN: InjectionToken<CarouselDirective>;
+export type CarouselTransitionType = 'mask-slide';
+export type CarouselTransitionDirection = 'left' | 'right';
+export declare class CarouselDirective {
+    injector: Injector;
+    loop: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    autoPlay: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    autoPlayTime: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    pauseAutoPlayOnHover: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    pauseAutoPlayOnFocus: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    transitionType: import("@angular/core").InputSignal<"mask-slide">;
+    transitionDuration: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    activeIndex: import("@angular/core").WritableSignal<number>;
+    previousActiveIndex: import("@angular/core").Signal<number | undefined>;
+    transitionDirection: import("@angular/core").WritableSignal<CarouselTransitionDirection>;
+    carouselItemsWrapper: import("@angular/core").WritableSignal<ElementRef<HTMLDivElement> | null>;
+    isAutoPlayPaused: import("@angular/core").WritableSignal<boolean>;
+    isAutoPlayPausedByInternalHover: import("@angular/core").WritableSignal<boolean>;
+    isAutoPlayPausedByInternalFocus: import("@angular/core").WritableSignal<boolean>;
+    isNavigationLocked: import("@angular/core").Signal<boolean>;
+    items: import("@angular/core").Signal<readonly import("./et-carousel-item.directive").CarouselItemDirective[]>;
+    activeItem: import("@angular/core").Signal<import("./et-carousel-item.directive").CarouselItemDirective | null>;
+    isAtStart: import("@angular/core").Signal<boolean>;
+    isAtEnd: import("@angular/core").Signal<boolean>;
+    hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        removeMany: (tokens: string[]) => void;
+        has: (token: string) => boolean;
+        push: (tokenString: string, signal: import("@angular/core").Signal<unknown>) => void;
+        pushMany: (map: Record<string, import("@angular/core").Signal<unknown>>) => void;
+    };
+    hostAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        removeMany: (tokens: string[]) => void;
+        has: (token: string) => boolean;
+        push: (tokenString: string, signal: import("@angular/core").Signal<unknown>) => void;
+        pushMany: (map: Record<string, import("@angular/core").Signal<unknown>>) => void;
+    };
+    hostStyleBindings: {
+        remove: (...tokens: string[]) => void;
+        removeMany: (tokens: string[]) => void;
+        has: (token: string) => boolean;
+        push: (tokenString: string, signal: import("@angular/core").Signal<unknown>) => void;
+        pushMany: (map: Record<string, import("@angular/core").Signal<unknown>>) => void;
+    };
+    activeItemAutoPlayDuration: import("@angular/core").Signal<number | null>;
+    activeItemAutoPlayProgress: import("@angular/core").Signal<number | null>;
+    shouldPlayNextItem: import("@angular/core").Signal<boolean>;
+    constructor();
+    next(): void;
+    prev(): void;
+    goTo(index: number): void;
+    stopAutoPlay(): void;
+    resumeAutoPlay(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CarouselDirective, never, never, { "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "autoPlayTime": { "alias": "autoPlayTime"; "required": false; "isSignal": true; }; "pauseAutoPlayOnHover": { "alias": "pauseAutoPlayOnHover"; "required": false; "isSignal": true; }; "pauseAutoPlayOnFocus": { "alias": "pauseAutoPlayOnFocus"; "required": false; "isSignal": true; }; "transitionType": { "alias": "transitionType"; "required": false; "isSignal": true; }; "transitionDuration": { "alias": "transitionDuration"; "required": false; "isSignal": true; }; }, {}, ["items"], never, true, never>;
+}

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

@@ -0,0 +1,4 @@
+import { CarouselComponent } from './carousel.component';
+import { CarouselItemNavComponent, CarouselNextButtonDirective, CarouselPreviousButtonDirective, CarouselToggleAutoPlayButtonDirective } from './controls';
+import { CarouselItemComponent } from './et-carousel-item.component';
+export declare const CarouselImports: readonly [typeof CarouselComponent, typeof CarouselItemComponent, typeof CarouselItemNavComponent, typeof CarouselNextButtonDirective, typeof CarouselPreviousButtonDirective, typeof CarouselToggleAutoPlayButtonDirective];

package/lib/components/carousel/controls/carousel-item-nav.component.d.ts

@@ -0,0 +1,8 @@
+import { CarouselItemNavDirective } from './carousel-item-nav.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "./carousel-item-nav.directive";
+export declare class CarouselItemNavComponent {
+    nav: CarouselItemNavDirective;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselItemNavComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselItemNavComponent, "et-carousel-item-nav", never, {}, {}, never, never, true, [{ directive: typeof i1.CarouselItemNavDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/components/carousel/controls/carousel-item-nav.directive.d.ts

@@ -0,0 +1,14 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const CAROUSEL_ITEM_NAV_TOKEN: InjectionToken<CarouselItemNavDirective>;
+export declare class CarouselItemNavDirective {
+    carousel: import("../carousel.directive").CarouselDirective;
+    items: import("@angular/core").Signal<{
+        item: import("@ethlete/cdk").CarouselItemDirective;
+        isActive: boolean;
+    }[]>;
+    autoPlayProgress: import("@angular/core").Signal<number | null>;
+    goTo(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselItemNavDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CarouselItemNavDirective, never, never, {}, {}, never, never, true, never>;
+}

package/lib/components/carousel/controls/carousel-next-button.directive.d.ts

@@ -0,0 +1,18 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const CAROUSEL_NEXT_BUTTON_TOKEN: InjectionToken<CarouselNextButtonDirective>;
+export declare class CarouselNextButtonDirective {
+    carousel: import("../carousel.directive").CarouselDirective;
+    readonly isButton: boolean;
+    canGoNext: import("@angular/core").Signal<boolean>;
+    hostAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        removeMany: (tokens: string[]) => void;
+        has: (token: string) => boolean;
+        push: (tokenString: string, signal: import("@angular/core").Signal<unknown>) => void;
+        pushMany: (map: Record<string, import("@angular/core").Signal<unknown>>) => void;
+    };
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselNextButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CarouselNextButtonDirective, "[etCarouselNextButton]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/carousel/controls/carousel-previous-button.directive.d.ts

@@ -0,0 +1,18 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const CAROUSEL_PREVIOUS_BUTTON_TOKEN: InjectionToken<CarouselPreviousButtonDirective>;
+export declare class CarouselPreviousButtonDirective {
+    carousel: import("../carousel.directive").CarouselDirective;
+    readonly isButton: boolean;
+    canGoPrevious: import("@angular/core").Signal<boolean>;
+    hostAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        removeMany: (tokens: string[]) => void;
+        has: (token: string) => boolean;
+        push: (tokenString: string, signal: import("@angular/core").Signal<unknown>) => void;
+        pushMany: (map: Record<string, import("@angular/core").Signal<unknown>>) => void;
+    };
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselPreviousButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CarouselPreviousButtonDirective, "[etCarouselPreviousButton]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/carousel/controls/carousel-toggle-auto-play-button.directive.d.ts

@@ -0,0 +1,16 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const CAROUSEL_TOGGLE_AUTO_PLAY_BUTTON_TOKEN: InjectionToken<CarouselToggleAutoPlayButtonDirective>;
+export declare class CarouselToggleAutoPlayButtonDirective {
+    carousel: import("../carousel.directive").CarouselDirective;
+    hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        removeMany: (tokens: string[]) => void;
+        has: (token: string) => boolean;
+        push: (tokenString: string, signal: import("@angular/core").Signal<unknown>) => void;
+        pushMany: (map: Record<string, import("@angular/core").Signal<unknown>>) => void;
+    };
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselToggleAutoPlayButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CarouselToggleAutoPlayButtonDirective, "[etCarouselToggleAutoPlayButton]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/carousel/controls/index.d.ts

@@ -0,0 +1,5 @@
+export * from './carousel-item-nav.component';
+export * from './carousel-item-nav.directive';
+export * from './carousel-next-button.directive';
+export * from './carousel-previous-button.directive';
+export * from './carousel-toggle-auto-play-button.directive';

package/lib/components/carousel/et-carousel-item.component.d.ts

@@ -0,0 +1,8 @@
+import { CarouselItemDirective } from './et-carousel-item.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "./et-carousel-item.directive";
+export declare class CarouselItemComponent {
+    carouselItem: CarouselItemDirective;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselItemComponent, "et-carousel-item", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CarouselItemDirective; inputs: { "autoPlayTime": "autoPlayTime"; }; outputs: {}; }]>;
+}

package/lib/components/carousel/et-carousel-item.directive.d.ts

@@ -0,0 +1,25 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const CAROUSEL_ITEM_TOKEN: InjectionToken<CarouselItemDirective>;
+export declare class CarouselItemDirective {
+    autoPlayTime: import("@angular/core").InputSignalWithTransform<number | null, unknown>;
+    carousel: import("./carousel.directive").CarouselDirective;
+    itemIndex: import("@angular/core").Signal<number>;
+    isPreviousActive: import("@angular/core").Signal<boolean>;
+    hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        removeMany: (tokens: string[]) => void;
+        has: (token: string) => boolean;
+        push: (tokenString: string, signal: import("@angular/core").Signal<unknown>) => void;
+        pushMany: (map: Record<string, import("@angular/core").Signal<unknown>>) => void;
+    };
+    hostAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        removeMany: (tokens: string[]) => void;
+        has: (token: string) => boolean;
+        push: (tokenString: string, signal: import("@angular/core").Signal<unknown>) => void;
+        pushMany: (map: Record<string, import("@angular/core").Signal<unknown>>) => void;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CarouselItemDirective, "[etCarouselItem]", never, { "autoPlayTime": { "alias": "autoPlayTime"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/carousel/public-api/index.d.ts

@@ -0,0 +1,6 @@
+export * from '../carousel.component';
+export * from '../carousel.directive';
+export * from '../carousel.imports';
+export * from '../controls';
+export * from '../et-carousel-item.component';
+export * from '../et-carousel-item.directive';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "4.14.5",
+  "version": "4.15.0",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",
@@ -14,13 +14,13 @@
     }
   },
   "peerDependencies": {
-    "@angular/animations": "17.3.1",
-    "@angular/cdk": "17.3.1",
-    "@angular/common": "17.3.1",
-    "@angular/core": "17.3.1",
-    "@angular/forms": "17.3.1",
-    "@angular/platform-browser": "17.3.1",
-    "@angular/router": "17.3.1",
+    "@angular/animations": "17.3.2",
+    "@angular/cdk": "17.3.2",
+    "@angular/common": "17.3.2",
+    "@angular/core": "17.3.2",
+    "@angular/forms": "17.3.2",
+    "@angular/platform-browser": "17.3.2",
+    "@angular/router": "17.3.2",
     "@ethlete/core": "^4.0.3",
     "@ethlete/query": "^5.0.3",
     "@ethlete/theming": "^2.3.1",