@ethlete/cdk 4.23.5 → 4.24.0

package/esm2022/lib/components/scrollable/directives/scrollable-loading-template/scrollable-loading-template.directive.mjs

@@ -0,0 +1,31 @@
+import { Directive, InjectionToken, TemplateRef, computed, inject, input, numberAttribute } from '@angular/core';
+import * as i0 from "@angular/core";
+export const SCROLLABLE_LOADING_TEMPLATE_TOKEN = new InjectionToken('SCROLLABLE_LOADING_TEMPLATE_TOKEN');
+export class ScrollableLoadingTemplateDirective {
+    constructor() {
+        this.templateRef = inject(TemplateRef);
+        this.repeatContentCount = input(1, { transform: numberAttribute });
+        this.repeat = computed(() => Array.from({ length: this.repeatContentCount() }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ScrollableLoadingTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.9", type: ScrollableLoadingTemplateDirective, isStandalone: true, selector: "ng-template[etScrollableLoadingTemplate]", inputs: { repeatContentCount: { classPropertyName: "repeatContentCount", publicName: "repeatContentCount", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: SCROLLABLE_LOADING_TEMPLATE_TOKEN,
+                useExisting: ScrollableLoadingTemplateDirective,
+            },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ScrollableLoadingTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[etScrollableLoadingTemplate]',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: SCROLLABLE_LOADING_TEMPLATE_TOKEN,
+                            useExisting: ScrollableLoadingTemplateDirective,
+                        },
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsYWJsZS1sb2FkaW5nLXRlbXBsYXRlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY2RrL3NyYy9saWIvY29tcG9uZW50cy9zY3JvbGxhYmxlL2RpcmVjdGl2ZXMvc2Nyb2xsYWJsZS1sb2FkaW5nLXRlbXBsYXRlL3Njcm9sbGFibGUtbG9hZGluZy10ZW1wbGF0ZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLGVBQWUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFakgsTUFBTSxDQUFDLE1BQU0saUNBQWlDLEdBQUcsSUFBSSxjQUFjLENBQ2pFLG1DQUFtQyxDQUNwQyxDQUFDO0FBWUYsTUFBTSxPQUFPLGtDQUFrQztJQVYvQztRQVdFLGdCQUFXLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRWxDLHVCQUFrQixHQUFHLEtBQUssQ0FBQyxDQUFDLEVBQUUsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLENBQUMsQ0FBQztRQUU5RCxXQUFNLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7S0FDNUU7OEdBTlksa0NBQWtDO2tHQUFsQyxrQ0FBa0Msa1FBUGxDO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlDQUFpQztnQkFDMUMsV0FBVyxFQUFFLGtDQUFrQzthQUNoRDtTQUNGOzsyRkFFVSxrQ0FBa0M7a0JBVjlDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDBDQUEwQztvQkFDcEQsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUNBQWlDOzRCQUMxQyxXQUFXLG9DQUFvQzt5QkFDaEQ7cUJBQ0Y7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEluamVjdGlvblRva2VuLCBUZW1wbGF0ZVJlZiwgY29tcHV0ZWQsIGluamVjdCwgaW5wdXQsIG51bWJlckF0dHJpYnV0ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY29uc3QgU0NST0xMQUJMRV9MT0FESU5HX1RFTVBMQVRFX1RPS0VOID0gbmV3IEluamVjdGlvblRva2VuPFNjcm9sbGFibGVMb2FkaW5nVGVtcGxhdGVEaXJlY3RpdmU+KFxuICAnU0NST0xMQUJMRV9MT0FESU5HX1RFTVBMQVRFX1RPS0VOJyxcbik7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ25nLXRlbXBsYXRlW2V0U2Nyb2xsYWJsZUxvYWRpbmdUZW1wbGF0ZV0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBTQ1JPTExBQkxFX0xPQURJTkdfVEVNUExBVEVfVE9LRU4sXG4gICAgICB1c2VFeGlzdGluZzogU2Nyb2xsYWJsZUxvYWRpbmdUZW1wbGF0ZURpcmVjdGl2ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTY3JvbGxhYmxlTG9hZGluZ1RlbXBsYXRlRGlyZWN0aXZlIHtcbiAgdGVtcGxhdGVSZWYgPSBpbmplY3QoVGVtcGxhdGVSZWYpO1xuXG4gIHJlcGVhdENvbnRlbnRDb3VudCA9IGlucHV0KDEsIHsgdHJhbnNmb3JtOiBudW1iZXJBdHRyaWJ1dGUgfSk7XG5cbiAgcmVwZWF0ID0gY29tcHV0ZWQoKCkgPT4gQXJyYXkuZnJvbSh7IGxlbmd0aDogdGhpcy5yZXBlYXRDb250ZW50Q291bnQoKSB9KSk7XG59XG4iXX0=

package/esm2022/lib/components/scrollable/directives/scrollable-placeholder-item-template/index.mjs

@@ -0,0 +1,2 @@
+export * from './scrollable-placeholder-item-template.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvc2Nyb2xsYWJsZS9kaXJlY3RpdmVzL3Njcm9sbGFibGUtcGxhY2Vob2xkZXItaXRlbS10ZW1wbGF0ZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGtEQUFrRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zY3JvbGxhYmxlLXBsYWNlaG9sZGVyLWl0ZW0tdGVtcGxhdGUuZGlyZWN0aXZlJztcbiJdfQ==

package/esm2022/lib/components/scrollable/directives/scrollable-placeholder-item-template/scrollable-placeholder-item-template.directive.mjs

@@ -0,0 +1,26 @@
+import { Directive, InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export const SCROLLABLE_PLACEHOLDER_ITEM_TEMPLATE_TOKEN = new InjectionToken('SCROLLABLE_PLACEHOLDER_ITEM_TEMPLATE_TOKEN');
+export class ScrollablePlaceholderItemTemplateDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ScrollablePlaceholderItemTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: ScrollablePlaceholderItemTemplateDirective, isStandalone: true, selector: "ng-template[etScrollablePlaceholderItemTemplate]", providers: [
+            {
+                provide: SCROLLABLE_PLACEHOLDER_ITEM_TEMPLATE_TOKEN,
+                useExisting: ScrollablePlaceholderItemTemplateDirective,
+            },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ScrollablePlaceholderItemTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[etScrollablePlaceholderItemTemplate]',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: SCROLLABLE_PLACEHOLDER_ITEM_TEMPLATE_TOKEN,
+                            useExisting: ScrollablePlaceholderItemTemplateDirective,
+                        },
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsYWJsZS1wbGFjZWhvbGRlci1pdGVtLXRlbXBsYXRlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY2RrL3NyYy9saWIvY29tcG9uZW50cy9zY3JvbGxhYmxlL2RpcmVjdGl2ZXMvc2Nyb2xsYWJsZS1wbGFjZWhvbGRlci1pdGVtLXRlbXBsYXRlL3Njcm9sbGFibGUtcGxhY2Vob2xkZXItaXRlbS10ZW1wbGF0ZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTFELE1BQU0sQ0FBQyxNQUFNLDBDQUEwQyxHQUNyRCxJQUFJLGNBQWMsQ0FBNkMsNENBQTRDLENBQUMsQ0FBQztBQVkvRyxNQUFNLE9BQU8sMENBQTBDOzhHQUExQywwQ0FBMEM7a0dBQTFDLDBDQUEwQywrRkFQMUM7WUFDVDtnQkFDRSxPQUFPLEVBQUUsMENBQTBDO2dCQUNuRCxXQUFXLEVBQUUsMENBQTBDO2FBQ3hEO1NBQ0Y7OzJGQUVVLDBDQUEwQztrQkFWdEQsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0RBQWtEO29CQUM1RCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSwwQ0FBMEM7NEJBQ25ELFdBQVcsNENBQTRDO3lCQUN4RDtxQkFDRjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGNvbnN0IFNDUk9MTEFCTEVfUExBQ0VIT0xERVJfSVRFTV9URU1QTEFURV9UT0tFTiA9XG4gIG5ldyBJbmplY3Rpb25Ub2tlbjxTY3JvbGxhYmxlUGxhY2Vob2xkZXJJdGVtVGVtcGxhdGVEaXJlY3RpdmU+KCdTQ1JPTExBQkxFX1BMQUNFSE9MREVSX0lURU1fVEVNUExBVEVfVE9LRU4nKTtcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnbmctdGVtcGxhdGVbZXRTY3JvbGxhYmxlUGxhY2Vob2xkZXJJdGVtVGVtcGxhdGVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogU0NST0xMQUJMRV9QTEFDRUhPTERFUl9JVEVNX1RFTVBMQVRFX1RPS0VOLFxuICAgICAgdXNlRXhpc3Rpbmc6IFNjcm9sbGFibGVQbGFjZWhvbGRlckl0ZW1UZW1wbGF0ZURpcmVjdGl2ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTY3JvbGxhYmxlUGxhY2Vob2xkZXJJdGVtVGVtcGxhdGVEaXJlY3RpdmUge31cbiJdfQ==

package/esm2022/lib/components/scrollable/directives/scrollable-placeholder-overlay-template/index.mjs

@@ -0,0 +1,2 @@
+export * from './scrollable-placeholder-overlay-template.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvc2Nyb2xsYWJsZS9kaXJlY3RpdmVzL3Njcm9sbGFibGUtcGxhY2Vob2xkZXItb3ZlcmxheS10ZW1wbGF0ZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHFEQUFxRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zY3JvbGxhYmxlLXBsYWNlaG9sZGVyLW92ZXJsYXktdGVtcGxhdGUuZGlyZWN0aXZlJztcbiJdfQ==

package/esm2022/lib/components/scrollable/directives/scrollable-placeholder-overlay-template/scrollable-placeholder-overlay-template.directive.mjs

@@ -0,0 +1,26 @@
+import { Directive, InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export const SCROLLABLE_PLACEHOLDER_OVERLAY_TEMPLATE_TOKEN = new InjectionToken('SCROLLABLE_PLACEHOLDER_OVERLAY_TEMPLATE_TOKEN');
+export class ScrollablePlaceholderOverlayTemplateDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ScrollablePlaceholderOverlayTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: ScrollablePlaceholderOverlayTemplateDirective, isStandalone: true, selector: "ng-template[etScrollablePlaceholderOverlayTemplate]", providers: [
+            {
+                provide: SCROLLABLE_PLACEHOLDER_OVERLAY_TEMPLATE_TOKEN,
+                useExisting: ScrollablePlaceholderOverlayTemplateDirective,
+            },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ScrollablePlaceholderOverlayTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[etScrollablePlaceholderOverlayTemplate]',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: SCROLLABLE_PLACEHOLDER_OVERLAY_TEMPLATE_TOKEN,
+                            useExisting: ScrollablePlaceholderOverlayTemplateDirective,
+                        },
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsYWJsZS1wbGFjZWhvbGRlci1vdmVybGF5LXRlbXBsYXRlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY2RrL3NyYy9saWIvY29tcG9uZW50cy9zY3JvbGxhYmxlL2RpcmVjdGl2ZXMvc2Nyb2xsYWJsZS1wbGFjZWhvbGRlci1vdmVybGF5LXRlbXBsYXRlL3Njcm9sbGFibGUtcGxhY2Vob2xkZXItb3ZlcmxheS10ZW1wbGF0ZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTFELE1BQU0sQ0FBQyxNQUFNLDZDQUE2QyxHQUN4RCxJQUFJLGNBQWMsQ0FBZ0QsK0NBQStDLENBQUMsQ0FBQztBQVlySCxNQUFNLE9BQU8sNkNBQTZDOzhHQUE3Qyw2Q0FBNkM7a0dBQTdDLDZDQUE2QyxrR0FQN0M7WUFDVDtnQkFDRSxPQUFPLEVBQUUsNkNBQTZDO2dCQUN0RCxXQUFXLEVBQUUsNkNBQTZDO2FBQzNEO1NBQ0Y7OzJGQUVVLDZDQUE2QztrQkFWekQsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscURBQXFEO29CQUMvRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSw2Q0FBNkM7NEJBQ3RELFdBQVcsK0NBQStDO3lCQUMzRDtxQkFDRjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGNvbnN0IFNDUk9MTEFCTEVfUExBQ0VIT0xERVJfT1ZFUkxBWV9URU1QTEFURV9UT0tFTiA9XG4gIG5ldyBJbmplY3Rpb25Ub2tlbjxTY3JvbGxhYmxlUGxhY2Vob2xkZXJPdmVybGF5VGVtcGxhdGVEaXJlY3RpdmU+KCdTQ1JPTExBQkxFX1BMQUNFSE9MREVSX09WRVJMQVlfVEVNUExBVEVfVE9LRU4nKTtcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnbmctdGVtcGxhdGVbZXRTY3JvbGxhYmxlUGxhY2Vob2xkZXJPdmVybGF5VGVtcGxhdGVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogU0NST0xMQUJMRV9QTEFDRUhPTERFUl9PVkVSTEFZX1RFTVBMQVRFX1RPS0VOLFxuICAgICAgdXNlRXhpc3Rpbmc6IFNjcm9sbGFibGVQbGFjZWhvbGRlck92ZXJsYXlUZW1wbGF0ZURpcmVjdGl2ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTY3JvbGxhYmxlUGxhY2Vob2xkZXJPdmVybGF5VGVtcGxhdGVEaXJlY3RpdmUge31cbiJdfQ==

package/esm2022/lib/components/scrollable/public-api/index.mjs

@@ -1,6 +1,10 @@
 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';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvc2Nyb2xsYWJsZS9wdWJsaWMtYXBpL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxVQUFVLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuLi9jb21wb25lbnRzL3Njcm9sbGFibGUnO1xuZXhwb3J0ICogZnJvbSAnLi4vZGlyZWN0aXZlcy9zY3JvbGxhYmxlLWlnbm9yZS1jaGlsZCc7XG5leHBvcnQgKiBmcm9tICcuLi9kaXJlY3RpdmVzL3Njcm9sbGFibGUtaXMtYWN0aXZlLWNoaWxkJztcbmV4cG9ydCAqIGZyb20gJy4uL3Njcm9sbGFibGUuaW1wb3J0cyc7XG5leHBvcnQgKiBmcm9tICcuLi90eXBlcyc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvc2Nyb2xsYWJsZS9wdWJsaWMtYXBpL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLG9EQUFvRCxDQUFDO0FBQ25FLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLFVBQVUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4uL2NvbXBvbmVudHMvc2Nyb2xsYWJsZSc7XG5leHBvcnQgKiBmcm9tICcuLi9jb21wb25lbnRzL3Njcm9sbGFibGUtcGxhY2Vob2xkZXInO1xuZXhwb3J0ICogZnJvbSAnLi4vZGlyZWN0aXZlcy9zY3JvbGxhYmxlLWlnbm9yZS1jaGlsZCc7XG5leHBvcnQgKiBmcm9tICcuLi9kaXJlY3RpdmVzL3Njcm9sbGFibGUtaXMtYWN0aXZlLWNoaWxkJztcbmV4cG9ydCAqIGZyb20gJy4uL2RpcmVjdGl2ZXMvc2Nyb2xsYWJsZS1sb2FkaW5nLXRlbXBsYXRlJztcbmV4cG9ydCAqIGZyb20gJy4uL2RpcmVjdGl2ZXMvc2Nyb2xsYWJsZS1wbGFjZWhvbGRlci1pdGVtLXRlbXBsYXRlJztcbmV4cG9ydCAqIGZyb20gJy4uL2RpcmVjdGl2ZXMvc2Nyb2xsYWJsZS1wbGFjZWhvbGRlci1vdmVybGF5LXRlbXBsYXRlJztcbmV4cG9ydCAqIGZyb20gJy4uL3Njcm9sbGFibGUuaW1wb3J0cyc7XG5leHBvcnQgKiBmcm9tICcuLi90eXBlcyc7XG4iXX0=

package/esm2022/lib/components/scrollable/scrollable.imports.mjs

@@ -1,9 +1,17 @@
 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';
+import { ScrollableLoadingTemplateDirective } from './directives/scrollable-loading-template';
+import { ScrollablePlaceholderItemTemplateDirective } from './directives/scrollable-placeholder-item-template';
+import { ScrollablePlaceholderOverlayTemplateDirective } from './directives/scrollable-placeholder-overlay-template';
 export const ScrollableImports = [
     ScrollableComponent,
     ScrollableIsActiveChildDirective,
     ScrollableIgnoreChildDirective,
+    ScrollableLoadingTemplateDirective,
+    ScrollablePlaceholderItemTemplateDirective,
+    ScrollablePlaceholderOverlayTemplateDirective,
+    ScrollablePlaceholderComponent,
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsYWJsZS5pbXBvcnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jZGsvc3JjL2xpYi9jb21wb25lbnRzL3Njcm9sbGFibGUvc2Nyb2xsYWJsZS5pbXBvcnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRTNGLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHO0lBQy9CLG1CQUFtQjtJQUNuQixnQ0FBZ0M7SUFDaEMsOEJBQThCO0NBQ3RCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTY3JvbGxhYmxlQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3Njcm9sbGFibGUnO1xuaW1wb3J0IHsgU2Nyb2xsYWJsZUlnbm9yZUNoaWxkRGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzL3Njcm9sbGFibGUtaWdub3JlLWNoaWxkJztcbmltcG9ydCB7IFNjcm9sbGFibGVJc0FjdGl2ZUNoaWxkRGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzL3Njcm9sbGFibGUtaXMtYWN0aXZlLWNoaWxkJztcblxuZXhwb3J0IGNvbnN0IFNjcm9sbGFibGVJbXBvcnRzID0gW1xuICBTY3JvbGxhYmxlQ29tcG9uZW50LFxuICBTY3JvbGxhYmxlSXNBY3RpdmVDaGlsZERpcmVjdGl2ZSxcbiAgU2Nyb2xsYWJsZUlnbm9yZUNoaWxkRGlyZWN0aXZlLFxuXSBhcyBjb25zdDtcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsYWJsZS5pbXBvcnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jZGsvc3JjL2xpYi9jb21wb25lbnRzL3Njcm9sbGFibGUvc2Nyb2xsYWJsZS5pbXBvcnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzNGLE9BQU8sRUFBRSxrQ0FBa0MsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzlGLE9BQU8sRUFBRSwwQ0FBMEMsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQy9HLE9BQU8sRUFBRSw2Q0FBNkMsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBRXJILE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHO0lBQy9CLG1CQUFtQjtJQUNuQixnQ0FBZ0M7SUFDaEMsOEJBQThCO0lBQzlCLGtDQUFrQztJQUNsQywwQ0FBMEM7SUFDMUMsNkNBQTZDO0lBQzdDLDhCQUE4QjtDQUN0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2Nyb2xsYWJsZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zY3JvbGxhYmxlJztcbmltcG9ydCB7IFNjcm9sbGFibGVQbGFjZWhvbGRlckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zY3JvbGxhYmxlLXBsYWNlaG9sZGVyJztcbmltcG9ydCB7IFNjcm9sbGFibGVJZ25vcmVDaGlsZERpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy9zY3JvbGxhYmxlLWlnbm9yZS1jaGlsZCc7XG5pbXBvcnQgeyBTY3JvbGxhYmxlSXNBY3RpdmVDaGlsZERpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy9zY3JvbGxhYmxlLWlzLWFjdGl2ZS1jaGlsZCc7XG5pbXBvcnQgeyBTY3JvbGxhYmxlTG9hZGluZ1RlbXBsYXRlRGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzL3Njcm9sbGFibGUtbG9hZGluZy10ZW1wbGF0ZSc7XG5pbXBvcnQgeyBTY3JvbGxhYmxlUGxhY2Vob2xkZXJJdGVtVGVtcGxhdGVEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvc2Nyb2xsYWJsZS1wbGFjZWhvbGRlci1pdGVtLXRlbXBsYXRlJztcbmltcG9ydCB7IFNjcm9sbGFibGVQbGFjZWhvbGRlck92ZXJsYXlUZW1wbGF0ZURpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy9zY3JvbGxhYmxlLXBsYWNlaG9sZGVyLW92ZXJsYXktdGVtcGxhdGUnO1xuXG5leHBvcnQgY29uc3QgU2Nyb2xsYWJsZUltcG9ydHMgPSBbXG4gIFNjcm9sbGFibGVDb21wb25lbnQsXG4gIFNjcm9sbGFibGVJc0FjdGl2ZUNoaWxkRGlyZWN0aXZlLFxuICBTY3JvbGxhYmxlSWdub3JlQ2hpbGREaXJlY3RpdmUsXG4gIFNjcm9sbGFibGVMb2FkaW5nVGVtcGxhdGVEaXJlY3RpdmUsXG4gIFNjcm9sbGFibGVQbGFjZWhvbGRlckl0ZW1UZW1wbGF0ZURpcmVjdGl2ZSxcbiAgU2Nyb2xsYWJsZVBsYWNlaG9sZGVyT3ZlcmxheVRlbXBsYXRlRGlyZWN0aXZlLFxuICBTY3JvbGxhYmxlUGxhY2Vob2xkZXJDb21wb25lbnQsXG5dIGFzIGNvbnN0O1xuIl19

package/esm2022/lib/components/tabs/components/nav-tabs/nav-tabs.component.mjs

@@ -57,7 +57,7 @@ export class NavTabsComponent extends PaginatedTabHeaderDirective {
         return this.tabOutlet ? 'tablist' : this._elementRef.nativeElement.getAttribute('role');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NavTabsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NavTabsComponent, isStandalone: true, selector: "[et-nav-tabs]", inputs: { tabOutlet: "tabOutlet" }, host: { properties: { "attr.role": "this._attrRole" }, classAttribute: "et-nav-tabs" }, queries: [{ propertyName: "_items", predicate: i0.forwardRef(() => NavTabLinkComponent), descendants: true }, { propertyName: "_inkBars", predicate: i0.forwardRef(() => ActiveTabUnderlineDirective), descendants: true }], viewQueries: [{ propertyName: "_scrollable", first: true, predicate: ScrollableComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<et-scrollable\n  [itemSize]=\"itemSize\"\n  [renderButtons]=\"renderButtons\"\n  [scrollableClass]=\"scrollableClass\"\n  [renderMasks]=\"renderMasks\"\n  [renderScrollbars]=\"renderScrollbars\"\n  (keydown)=\"_handleKeydown($event)\"\n  (contentChanged)=\"_onContentChanges()\"\n>\n  <ng-content />\n</et-scrollable>\n", dependencies: [{ kind: "component", type: ScrollableComponent, selector: "et-scrollable", inputs: ["itemSize", "direction", "scrollableRole", "scrollableClass", "renderNavigation", "renderMasks", "renderButtons", "buttonPosition", "renderScrollbars", "stickyButtons", "cursorDragScroll", "disableActiveElementScrolling", "scrollMode", "snap", "scrollMargin", "scrollOrigin", "darkenNonIntersectingItems"], outputs: ["intersectionChange", "scrollStateChange"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: NavTabsComponent, isStandalone: true, selector: "[et-nav-tabs]", inputs: { tabOutlet: "tabOutlet" }, host: { properties: { "attr.role": "this._attrRole" }, classAttribute: "et-nav-tabs" }, queries: [{ propertyName: "_items", predicate: i0.forwardRef(() => NavTabLinkComponent), descendants: true }, { propertyName: "_inkBars", predicate: i0.forwardRef(() => ActiveTabUnderlineDirective), descendants: true }], viewQueries: [{ propertyName: "_scrollable", first: true, predicate: ScrollableComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<et-scrollable\n  [itemSize]=\"itemSize\"\n  [renderButtons]=\"renderButtons\"\n  [scrollableClass]=\"scrollableClass\"\n  [renderMasks]=\"renderMasks\"\n  [renderScrollbars]=\"renderScrollbars\"\n  (keydown)=\"_handleKeydown($event)\"\n  (contentChanged)=\"_onContentChanges()\"\n>\n  <ng-content />\n</et-scrollable>\n", dependencies: [{ kind: "component", type: ScrollableComponent, selector: "et-scrollable", inputs: ["itemSize", "direction", "scrollableRole", "scrollableClass", "renderNavigation", "renderMasks", "renderButtons", "buttonPosition", "renderScrollbars", "stickyButtons", "cursorDragScroll", "disableActiveElementScrolling", "scrollMode", "snap", "scrollMargin", "scrollOrigin", "darkenNonIntersectingItems", "showLoadingTemplate", "loadingTemplatePosition"], outputs: ["intersectionChange", "scrollStateChange"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NavTabsComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/tabs/partials/inline-tabs/inline-tab-header/inline-tab-header.component.mjs

@@ -14,7 +14,7 @@ export class InlineTabHeaderComponent extends PaginatedTabHeaderDirective {
         event.preventDefault();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: InlineTabHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: InlineTabHeaderComponent, isStandalone: true, selector: "et-inline-tab-header", host: { classAttribute: "et-inline-tab-header" }, queries: [{ propertyName: "_items", predicate: InlineTabLabelWrapperDirective }, { propertyName: "_inkBars", predicate: i0.forwardRef(() => ActiveTabUnderlineDirective), descendants: true }], viewQueries: [{ propertyName: "_scrollable", first: true, predicate: ScrollableComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<et-scrollable\n  [itemSize]=\"itemSize\"\n  [renderButtons]=\"renderButtons\"\n  [scrollableClass]=\"scrollableClass\"\n  [renderMasks]=\"renderMasks\"\n  [renderScrollbars]=\"renderScrollbars\"\n  (keydown)=\"_handleKeydown($event)\"\n  (contentChanged)=\"_onContentChanges()\"\n>\n  <ng-content />\n</et-scrollable>\n", dependencies: [{ kind: "component", type: ScrollableComponent, selector: "et-scrollable", inputs: ["itemSize", "direction", "scrollableRole", "scrollableClass", "renderNavigation", "renderMasks", "renderButtons", "buttonPosition", "renderScrollbars", "stickyButtons", "cursorDragScroll", "disableActiveElementScrolling", "scrollMode", "snap", "scrollMargin", "scrollOrigin", "darkenNonIntersectingItems"], outputs: ["intersectionChange", "scrollStateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: InlineTabHeaderComponent, isStandalone: true, selector: "et-inline-tab-header", host: { classAttribute: "et-inline-tab-header" }, queries: [{ propertyName: "_items", predicate: InlineTabLabelWrapperDirective }, { propertyName: "_inkBars", predicate: i0.forwardRef(() => ActiveTabUnderlineDirective), descendants: true }], viewQueries: [{ propertyName: "_scrollable", first: true, predicate: ScrollableComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<et-scrollable\n  [itemSize]=\"itemSize\"\n  [renderButtons]=\"renderButtons\"\n  [scrollableClass]=\"scrollableClass\"\n  [renderMasks]=\"renderMasks\"\n  [renderScrollbars]=\"renderScrollbars\"\n  (keydown)=\"_handleKeydown($event)\"\n  (contentChanged)=\"_onContentChanges()\"\n>\n  <ng-content />\n</et-scrollable>\n", dependencies: [{ kind: "component", type: ScrollableComponent, selector: "et-scrollable", inputs: ["itemSize", "direction", "scrollableRole", "scrollableClass", "renderNavigation", "renderMasks", "renderButtons", "buttonPosition", "renderScrollbars", "stickyButtons", "cursorDragScroll", "disableActiveElementScrolling", "scrollMode", "snap", "scrollMargin", "scrollOrigin", "darkenNonIntersectingItems", "showLoadingTemplate", "loadingTemplatePosition"], outputs: ["intersectionChange", "scrollStateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: InlineTabHeaderComponent, decorators: [{
             type: Component,