@ethlete/cdk 4.23.6 → 4.24.0

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

@@ -12,6 +12,7 @@ export type ScrollableButtonPosition = 'inside' | 'footer';
 export type ScrollableScrollOrigin = 'auto' | 'center' | 'start' | 'end';
 export type ScrollableDirection = 'horizontal' | 'vertical';
 export type ScrollableItemSize = 'auto' | 'same' | 'full';
+export type ScrollableLoadingTemplatePosition = 'start' | 'end';
 export declare class ScrollableComponent {
     private _disableSnapping$;
     private _manualActiveNavigationIndex;
@@ -33,12 +34,15 @@ export declare class ScrollableComponent {
     scrollMargin: import("@angular/core").InputSignalWithTransform<number, unknown>;
     scrollOrigin: import("@angular/core").InputSignal<ScrollableScrollOrigin>;
     darkenNonIntersectingItems: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    showLoadingTemplate: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    loadingTemplatePosition: import("@angular/core").InputSignal<ScrollableLoadingTemplatePosition>;
     scrollable: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     firstElement: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     lastElement: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     activeElementList: import("@angular/core").Signal<readonly ScrollableIsActiveChildDirective[]>;
     navigationDotsContainer: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     firstNavigationDot: import("@angular/core").Signal<ElementRef<HTMLButtonElement> | undefined>;
+    loadingTemplate: import("@angular/core").Signal<import("../../directives/scrollable-loading-template").ScrollableLoadingTemplateDirective | undefined>;
     navigationDotDimensions: import("@angular/core").Signal<import("@ethlete/core").NullableElementDimensions>;
     scrollState: import("@angular/core").Signal<import("@ethlete/core").ElementScrollState>;
     isRendered: {
@@ -135,6 +139,6 @@ export declare class ScrollableComponent {
     private _enableSnapping;
     private _disableSnapping;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollableComponent, "et-scrollable", never, { "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "scrollableRole": { "alias": "scrollableRole"; "required": false; "isSignal": true; }; "scrollableClass": { "alias": "scrollableClass"; "required": false; "isSignal": true; }; "renderNavigation": { "alias": "renderNavigation"; "required": false; "isSignal": true; }; "renderMasks": { "alias": "renderMasks"; "required": false; "isSignal": true; }; "renderButtons": { "alias": "renderButtons"; "required": false; "isSignal": true; }; "buttonPosition": { "alias": "buttonPosition"; "required": false; "isSignal": true; }; "renderScrollbars": { "alias": "renderScrollbars"; "required": false; "isSignal": true; }; "stickyButtons": { "alias": "stickyButtons"; "required": false; "isSignal": true; }; "cursorDragScroll": { "alias": "cursorDragScroll"; "required": false; "isSignal": true; }; "disableActiveElementScrolling": { "alias": "disableActiveElementScrolling"; "required": false; "isSignal": true; }; "scrollMode": { "alias": "scrollMode"; "required": false; "isSignal": true; }; "snap": { "alias": "snap"; "required": false; "isSignal": true; }; "scrollMargin": { "alias": "scrollMargin"; "required": false; "isSignal": true; }; "scrollOrigin": { "alias": "scrollOrigin"; "required": false; "isSignal": true; }; "darkenNonIntersectingItems": { "alias": "darkenNonIntersectingItems"; "required": false; "isSignal": true; }; }, { "intersectionChange": "intersectionChange"; "scrollStateChange": "scrollStateChange"; }, ["activeElementList"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollableComponent, "et-scrollable", never, { "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "scrollableRole": { "alias": "scrollableRole"; "required": false; "isSignal": true; }; "scrollableClass": { "alias": "scrollableClass"; "required": false; "isSignal": true; }; "renderNavigation": { "alias": "renderNavigation"; "required": false; "isSignal": true; }; "renderMasks": { "alias": "renderMasks"; "required": false; "isSignal": true; }; "renderButtons": { "alias": "renderButtons"; "required": false; "isSignal": true; }; "buttonPosition": { "alias": "buttonPosition"; "required": false; "isSignal": true; }; "renderScrollbars": { "alias": "renderScrollbars"; "required": false; "isSignal": true; }; "stickyButtons": { "alias": "stickyButtons"; "required": false; "isSignal": true; }; "cursorDragScroll": { "alias": "cursorDragScroll"; "required": false; "isSignal": true; }; "disableActiveElementScrolling": { "alias": "disableActiveElementScrolling"; "required": false; "isSignal": true; }; "scrollMode": { "alias": "scrollMode"; "required": false; "isSignal": true; }; "snap": { "alias": "snap"; "required": false; "isSignal": true; }; "scrollMargin": { "alias": "scrollMargin"; "required": false; "isSignal": true; }; "scrollOrigin": { "alias": "scrollOrigin"; "required": false; "isSignal": true; }; "darkenNonIntersectingItems": { "alias": "darkenNonIntersectingItems"; "required": false; "isSignal": true; }; "showLoadingTemplate": { "alias": "showLoadingTemplate"; "required": false; "isSignal": true; }; "loadingTemplatePosition": { "alias": "loadingTemplatePosition"; "required": false; "isSignal": true; }; }, { "intersectionChange": "intersectionChange"; "scrollStateChange": "scrollStateChange"; }, ["activeElementList", "loadingTemplate"], ["*"], true, never>;
 }
 export {};

package/lib/components/scrollable/components/scrollable-placeholder/index.d.ts

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

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

@@ -0,0 +1,15 @@
+import { TemplateRef } from '@angular/core';
+import { NgClassType } from '@ethlete/core';
+import * as i0 from "@angular/core";
+export declare class ScrollablePlaceholderComponent {
+    renderMasks: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    renderStartMask: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    renderEndMask: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    repeatContentCount: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    scrollableClass: import("@angular/core").InputSignal<NgClassType>;
+    repeat: import("@angular/core").Signal<unknown[]>;
+    contentTemplate: import("@angular/core").Signal<TemplateRef<any>>;
+    overlayTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollablePlaceholderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollablePlaceholderComponent, "et-scrollable-placeholder", never, { "renderMasks": { "alias": "renderMasks"; "required": false; "isSignal": true; }; "renderStartMask": { "alias": "renderStartMask"; "required": false; "isSignal": true; }; "renderEndMask": { "alias": "renderEndMask"; "required": false; "isSignal": true; }; "repeatContentCount": { "alias": "repeatContentCount"; "required": false; "isSignal": true; }; "scrollableClass": { "alias": "scrollableClass"; "required": false; "isSignal": true; }; }, {}, ["contentTemplate", "overlayTemplate"], ["*"], true, never>;
+}

package/lib/components/scrollable/directives/scrollable-loading-template/index.d.ts

@@ -0,0 +1 @@
+export * from './scrollable-loading-template.directive';

package/lib/components/scrollable/directives/scrollable-loading-template/scrollable-loading-template.directive.d.ts

@@ -0,0 +1,10 @@
+import { InjectionToken, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const SCROLLABLE_LOADING_TEMPLATE_TOKEN: InjectionToken<ScrollableLoadingTemplateDirective>;
+export declare class ScrollableLoadingTemplateDirective {
+    templateRef: TemplateRef<any>;
+    repeatContentCount: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    repeat: import("@angular/core").Signal<unknown[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollableLoadingTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollableLoadingTemplateDirective, "ng-template[etScrollableLoadingTemplate]", never, { "repeatContentCount": { "alias": "repeatContentCount"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/scrollable/directives/scrollable-placeholder-item-template/index.d.ts

@@ -0,0 +1 @@
+export * from './scrollable-placeholder-item-template.directive';

package/lib/components/scrollable/directives/scrollable-placeholder-item-template/scrollable-placeholder-item-template.directive.d.ts

@@ -0,0 +1,7 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const SCROLLABLE_PLACEHOLDER_ITEM_TEMPLATE_TOKEN: InjectionToken<ScrollablePlaceholderItemTemplateDirective>;
+export declare class ScrollablePlaceholderItemTemplateDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollablePlaceholderItemTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollablePlaceholderItemTemplateDirective, "ng-template[etScrollablePlaceholderItemTemplate]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/scrollable/directives/scrollable-placeholder-overlay-template/index.d.ts

@@ -0,0 +1 @@
+export * from './scrollable-placeholder-overlay-template.directive';

package/lib/components/scrollable/directives/scrollable-placeholder-overlay-template/scrollable-placeholder-overlay-template.directive.d.ts

@@ -0,0 +1,7 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const SCROLLABLE_PLACEHOLDER_OVERLAY_TEMPLATE_TOKEN: InjectionToken<ScrollablePlaceholderOverlayTemplateDirective>;
+export declare class ScrollablePlaceholderOverlayTemplateDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollablePlaceholderOverlayTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollablePlaceholderOverlayTemplateDirective, "ng-template[etScrollablePlaceholderOverlayTemplate]", never, {}, {}, never, never, true, never>;
+}

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

@@ -1,5 +1,9 @@
 export * from '../components/scrollable';
+export * from '../components/scrollable-placeholder';
 export * from '../directives/scrollable-ignore-child';
 export * from '../directives/scrollable-is-active-child';
+export * from '../directives/scrollable-loading-template';
+export * from '../directives/scrollable-placeholder-item-template';
+export * from '../directives/scrollable-placeholder-overlay-template';
 export * from '../scrollable.imports';
 export * from '../types';

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

@@ -1,4 +1,8 @@
 import { ScrollableComponent } from './components/scrollable';
+import { ScrollablePlaceholderComponent } from './components/scrollable-placeholder';
 import { ScrollableIgnoreChildDirective } from './directives/scrollable-ignore-child';
 import { ScrollableIsActiveChildDirective } from './directives/scrollable-is-active-child';
-export declare const ScrollableImports: readonly [typeof ScrollableComponent, typeof ScrollableIsActiveChildDirective, typeof ScrollableIgnoreChildDirective];
+import { ScrollableLoadingTemplateDirective } from './directives/scrollable-loading-template';
+import { ScrollablePlaceholderItemTemplateDirective } from './directives/scrollable-placeholder-item-template';
+import { ScrollablePlaceholderOverlayTemplateDirective } from './directives/scrollable-placeholder-overlay-template';
+export declare const ScrollableImports: readonly [typeof ScrollableComponent, typeof ScrollableIsActiveChildDirective, typeof ScrollableIgnoreChildDirective, typeof ScrollableLoadingTemplateDirective, typeof ScrollablePlaceholderItemTemplateDirective, typeof ScrollablePlaceholderOverlayTemplateDirective, typeof ScrollablePlaceholderComponent];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "4.23.6",
+  "version": "4.24.0",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",