@ethlete/cdk 4.23.6 → 4.24.0

package/esm2022/lib/components/scrollable/components/scrollable-placeholder/scrollable-placeholder.component.mjs

@@ -0,0 +1,26 @@
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, TemplateRef, ViewEncapsulation, booleanAttribute, computed, contentChild, input, numberAttribute, } from '@angular/core';
+import { SCROLLABLE_PLACEHOLDER_ITEM_TEMPLATE_TOKEN } from '../../directives/scrollable-placeholder-item-template';
+import { SCROLLABLE_PLACEHOLDER_OVERLAY_TEMPLATE_TOKEN } from '../../directives/scrollable-placeholder-overlay-template';
+import * as i0 from "@angular/core";
+export class ScrollablePlaceholderComponent {
+    constructor() {
+        this.renderMasks = input(true, { transform: booleanAttribute });
+        this.renderStartMask = input(false, { transform: booleanAttribute });
+        this.renderEndMask = input(true, { transform: booleanAttribute });
+        this.repeatContentCount = input(1, { transform: numberAttribute });
+        this.scrollableClass = input();
+        this.repeat = computed(() => Array.from({ length: this.repeatContentCount() }));
+        this.contentTemplate = contentChild.required(SCROLLABLE_PLACEHOLDER_ITEM_TEMPLATE_TOKEN, { read: TemplateRef });
+        this.overlayTemplate = contentChild(SCROLLABLE_PLACEHOLDER_OVERLAY_TEMPLATE_TOKEN, { read: TemplateRef });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ScrollablePlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: ScrollablePlaceholderComponent, isStandalone: true, selector: "et-scrollable-placeholder", inputs: { renderMasks: { classPropertyName: "renderMasks", publicName: "renderMasks", isSignal: true, isRequired: false, transformFunction: null }, renderStartMask: { classPropertyName: "renderStartMask", publicName: "renderStartMask", isSignal: true, isRequired: false, transformFunction: null }, renderEndMask: { classPropertyName: "renderEndMask", publicName: "renderEndMask", isSignal: true, isRequired: false, transformFunction: null }, repeatContentCount: { classPropertyName: "repeatContentCount", publicName: "repeatContentCount", isSignal: true, isRequired: false, transformFunction: null }, scrollableClass: { classPropertyName: "scrollableClass", publicName: "scrollableClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "et-scrollable-placeholder" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: SCROLLABLE_PLACEHOLDER_ITEM_TEMPLATE_TOKEN, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "overlayTemplate", first: true, predicate: SCROLLABLE_PLACEHOLDER_OVERLAY_TEMPLATE_TOKEN, descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<ng-template>\n  <ng-content />\n</ng-template>\n\n<div class=\"et-scrollable-placeholder-wrapper\">\n  <div [ngClass]=\"scrollableClass()\" class=\"et-scrollable-placeholder-container\">\n    <div class=\"et-scroll-observer-first-element\"></div>\n    @for (\n      _ of repeat();\n      track index;\n      let index = $index;\n      let even = $even;\n      let odd = $odd;\n      let first = $first;\n      let last = $last\n    ) {\n      <ng-container *ngTemplateOutlet=\"contentTemplate(); context: { index, even, odd, first, last }\" />\n    }\n    <div class=\"et-scroll-observer-last-element\"></div>\n  </div>\n\n  @if (renderMasks()) {\n    <div class=\"et-scrollable-masks\">\n      @if (renderStartMask()) {\n        <div class=\"et-scrollable-mask et-scrollable-mask--start\"></div>\n      }\n      @if (renderEndMask()) {\n        <div class=\"et-scrollable-mask et-scrollable-mask--end\"></div>\n      }\n    </div>\n  }\n\n  @if (overlayTemplate(); as overlayTemplate) {\n    <div class=\"et-scrollable-placeholder-overlay\">\n      <ng-container *ngTemplateOutlet=\"overlayTemplate\" />\n    </div>\n  }\n</div>\n", styles: [".et-scrollable-placeholder{--mask: #121212 0, transparent 100%;--mask-size: 25px;display:block;position:relative}.et-scrollable-placeholder .et-scroll-observer-first-element,.et-scrollable-placeholder .et-scroll-observer-last-element{position:absolute}.et-scrollable-placeholder .et-scrollable-mask{inline-size:var(--mask-size);block-size:100%;position:absolute}.et-scrollable-placeholder .et-scrollable-mask--start{background:linear-gradient(to right,var(--mask));inset-block-start:0;inset-inline:0 0}.et-scrollable-placeholder .et-scrollable-mask--end{background:linear-gradient(to left,var(--mask));inset-inline:calc(100% - var(--mask-size)) 100%;inset-block-start:0}.et-scrollable-placeholder .et-scrollable-masks{grid-row:1/1;grid-column:1/1;pointer-events:none}.et-scrollable-placeholder-overlay{grid-row:1/1;grid-column:1/1;display:grid}.et-scrollable-placeholder-wrapper{display:grid;block-size:100%;inline-size:100%}.et-scrollable-placeholder-container{position:relative;grid-row:1/1;grid-column:1/1;overflow:hidden;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ScrollablePlaceholderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'et-scrollable-placeholder', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet, NgClass], host: {
+                        class: 'et-scrollable-placeholder',
+                    }, template: "<ng-template>\n  <ng-content />\n</ng-template>\n\n<div class=\"et-scrollable-placeholder-wrapper\">\n  <div [ngClass]=\"scrollableClass()\" class=\"et-scrollable-placeholder-container\">\n    <div class=\"et-scroll-observer-first-element\"></div>\n    @for (\n      _ of repeat();\n      track index;\n      let index = $index;\n      let even = $even;\n      let odd = $odd;\n      let first = $first;\n      let last = $last\n    ) {\n      <ng-container *ngTemplateOutlet=\"contentTemplate(); context: { index, even, odd, first, last }\" />\n    }\n    <div class=\"et-scroll-observer-last-element\"></div>\n  </div>\n\n  @if (renderMasks()) {\n    <div class=\"et-scrollable-masks\">\n      @if (renderStartMask()) {\n        <div class=\"et-scrollable-mask et-scrollable-mask--start\"></div>\n      }\n      @if (renderEndMask()) {\n        <div class=\"et-scrollable-mask et-scrollable-mask--end\"></div>\n      }\n    </div>\n  }\n\n  @if (overlayTemplate(); as overlayTemplate) {\n    <div class=\"et-scrollable-placeholder-overlay\">\n      <ng-container *ngTemplateOutlet=\"overlayTemplate\" />\n    </div>\n  }\n</div>\n", styles: [".et-scrollable-placeholder{--mask: #121212 0, transparent 100%;--mask-size: 25px;display:block;position:relative}.et-scrollable-placeholder .et-scroll-observer-first-element,.et-scrollable-placeholder .et-scroll-observer-last-element{position:absolute}.et-scrollable-placeholder .et-scrollable-mask{inline-size:var(--mask-size);block-size:100%;position:absolute}.et-scrollable-placeholder .et-scrollable-mask--start{background:linear-gradient(to right,var(--mask));inset-block-start:0;inset-inline:0 0}.et-scrollable-placeholder .et-scrollable-mask--end{background:linear-gradient(to left,var(--mask));inset-inline:calc(100% - var(--mask-size)) 100%;inset-block-start:0}.et-scrollable-placeholder .et-scrollable-masks{grid-row:1/1;grid-column:1/1;pointer-events:none}.et-scrollable-placeholder-overlay{grid-row:1/1;grid-column:1/1;display:grid}.et-scrollable-placeholder-wrapper{display:grid;block-size:100%;inline-size:100%}.et-scrollable-placeholder-container{position:relative;grid-row:1/1;grid-column:1/1;overflow:hidden;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsYWJsZS1wbGFjZWhvbGRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvc2Nyb2xsYWJsZS9jb21wb25lbnRzL3Njcm9sbGFibGUtcGxhY2Vob2xkZXIvc2Nyb2xsYWJsZS1wbGFjZWhvbGRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvc2Nyb2xsYWJsZS9jb21wb25lbnRzL3Njcm9sbGFibGUtcGxhY2Vob2xkZXIvc2Nyb2xsYWJsZS1wbGFjZWhvbGRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDNUQsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLGlCQUFpQixFQUNqQixnQkFBZ0IsRUFDaEIsUUFBUSxFQUNSLFlBQVksRUFDWixLQUFLLEVBQ0wsZUFBZSxHQUNoQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsMENBQTBDLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUNuSCxPQUFPLEVBQUUsNkNBQTZDLEVBQUUsTUFBTSwwREFBMEQsQ0FBQzs7QUFjekgsTUFBTSxPQUFPLDhCQUE4QjtJQVozQztRQWFFLGdCQUFXLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7UUFDM0Qsb0JBQWUsR0FBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQztRQUNoRSxrQkFBYSxHQUFHLEtBQUssQ0FBQyxJQUFJLEVBQUUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDO1FBQzdELHVCQUFrQixHQUFHLEtBQUssQ0FBQyxDQUFDLEVBQUUsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLENBQUMsQ0FBQztRQUM5RCxvQkFBZSxHQUFHLEtBQUssRUFBZSxDQUFDO1FBRXZDLFdBQU0sR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUUzRSxvQkFBZSxHQUFHLFlBQVksQ0FBQyxRQUFRLENBQUMsMENBQTBDLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLENBQUMsQ0FBQztRQUMzRyxvQkFBZSxHQUFHLFlBQVksQ0FBQyw2Q0FBNkMsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsQ0FBQyxDQUFDO0tBQ3RHOzhHQVhZLDhCQUE4QjtrR0FBOUIsOEJBQThCLDA2QkFTRCwwQ0FBMEMsMkJBQVUsV0FBVywrRUFDeEUsNkNBQTZDLDJCQUFVLFdBQVcsNkNDdENuRyw4bUNBc0NBLHNuQ0RmWSxnQkFBZ0Isb0pBQUUsT0FBTzs7MkZBS3hCLDhCQUE4QjtrQkFaMUMsU0FBUzsrQkFDRSwyQkFBMkIsY0FHekIsSUFBSSxtQkFDQyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFdBQzVCLENBQUMsZ0JBQWdCLEVBQUUsT0FBTyxDQUFDLFFBQzlCO3dCQUNKLEtBQUssRUFBRSwyQkFBMkI7cUJBQ25DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDbGFzcywgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIGJvb2xlYW5BdHRyaWJ1dGUsXG4gIGNvbXB1dGVkLFxuICBjb250ZW50Q2hpbGQsXG4gIGlucHV0LFxuICBudW1iZXJBdHRyaWJ1dGUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdDbGFzc1R5cGUgfSBmcm9tICdAZXRobGV0ZS9jb3JlJztcbmltcG9ydCB7IFNDUk9MTEFCTEVfUExBQ0VIT0xERVJfSVRFTV9URU1QTEFURV9UT0tFTiB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvc2Nyb2xsYWJsZS1wbGFjZWhvbGRlci1pdGVtLXRlbXBsYXRlJztcbmltcG9ydCB7IFNDUk9MTEFCTEVfUExBQ0VIT0xERVJfT1ZFUkxBWV9URU1QTEFURV9UT0tFTiB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvc2Nyb2xsYWJsZS1wbGFjZWhvbGRlci1vdmVybGF5LXRlbXBsYXRlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZXQtc2Nyb2xsYWJsZS1wbGFjZWhvbGRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zY3JvbGxhYmxlLXBsYWNlaG9sZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3Njcm9sbGFibGUtcGxhY2Vob2xkZXIuY29tcG9uZW50LnNjc3MnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXQsIE5nQ2xhc3NdLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdldC1zY3JvbGxhYmxlLXBsYWNlaG9sZGVyJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgU2Nyb2xsYWJsZVBsYWNlaG9sZGVyQ29tcG9uZW50IHtcbiAgcmVuZGVyTWFza3MgPSBpbnB1dCh0cnVlLCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KTtcbiAgcmVuZGVyU3RhcnRNYXNrID0gaW5wdXQoZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pO1xuICByZW5kZXJFbmRNYXNrID0gaW5wdXQodHJ1ZSwgeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSk7XG4gIHJlcGVhdENvbnRlbnRDb3VudCA9IGlucHV0KDEsIHsgdHJhbnNmb3JtOiBudW1iZXJBdHRyaWJ1dGUgfSk7XG4gIHNjcm9sbGFibGVDbGFzcyA9IGlucHV0PE5nQ2xhc3NUeXBlPigpO1xuXG4gIHJlcGVhdCA9IGNvbXB1dGVkKCgpID0+IEFycmF5LmZyb20oeyBsZW5ndGg6IHRoaXMucmVwZWF0Q29udGVudENvdW50KCkgfSkpO1xuXG4gIGNvbnRlbnRUZW1wbGF0ZSA9IGNvbnRlbnRDaGlsZC5yZXF1aXJlZChTQ1JPTExBQkxFX1BMQUNFSE9MREVSX0lURU1fVEVNUExBVEVfVE9LRU4sIHsgcmVhZDogVGVtcGxhdGVSZWYgfSk7XG4gIG92ZXJsYXlUZW1wbGF0ZSA9IGNvbnRlbnRDaGlsZChTQ1JPTExBQkxFX1BMQUNFSE9MREVSX09WRVJMQVlfVEVNUExBVEVfVE9LRU4sIHsgcmVhZDogVGVtcGxhdGVSZWYgfSk7XG59XG4iLCI8bmctdGVtcGxhdGU+XG4gIDxuZy1jb250ZW50IC8+XG48L25nLXRlbXBsYXRlPlxuXG48ZGl2IGNsYXNzPVwiZXQtc2Nyb2xsYWJsZS1wbGFjZWhvbGRlci13cmFwcGVyXCI+XG4gIDxkaXYgW25nQ2xhc3NdPVwic2Nyb2xsYWJsZUNsYXNzKClcIiBjbGFzcz1cImV0LXNjcm9sbGFibGUtcGxhY2Vob2xkZXItY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImV0LXNjcm9sbC1vYnNlcnZlci1maXJzdC1lbGVtZW50XCI+PC9kaXY+XG4gICAgQGZvciAoXG4gICAgICBfIG9mIHJlcGVhdCgpO1xuICAgICAgdHJhY2sgaW5kZXg7XG4gICAgICBsZXQgaW5kZXggPSAkaW5kZXg7XG4gICAgICBsZXQgZXZlbiA9ICRldmVuO1xuICAgICAgbGV0IG9kZCA9ICRvZGQ7XG4gICAgICBsZXQgZmlyc3QgPSAkZmlyc3Q7XG4gICAgICBsZXQgbGFzdCA9ICRsYXN0XG4gICAgKSB7XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFRlbXBsYXRlKCk7IGNvbnRleHQ6IHsgaW5kZXgsIGV2ZW4sIG9kZCwgZmlyc3QsIGxhc3QgfVwiIC8+XG4gICAgfVxuICAgIDxkaXYgY2xhc3M9XCJldC1zY3JvbGwtb2JzZXJ2ZXItbGFzdC1lbGVtZW50XCI+PC9kaXY+XG4gIDwvZGl2PlxuXG4gIEBpZiAocmVuZGVyTWFza3MoKSkge1xuICAgIDxkaXYgY2xhc3M9XCJldC1zY3JvbGxhYmxlLW1hc2tzXCI+XG4gICAgICBAaWYgKHJlbmRlclN0YXJ0TWFzaygpKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJldC1zY3JvbGxhYmxlLW1hc2sgZXQtc2Nyb2xsYWJsZS1tYXNrLS1zdGFydFwiPjwvZGl2PlxuICAgICAgfVxuICAgICAgQGlmIChyZW5kZXJFbmRNYXNrKCkpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImV0LXNjcm9sbGFibGUtbWFzayBldC1zY3JvbGxhYmxlLW1hc2stLWVuZFwiPjwvZGl2PlxuICAgICAgfVxuICAgIDwvZGl2PlxuICB9XG5cbiAgQGlmIChvdmVybGF5VGVtcGxhdGUoKTsgYXMgb3ZlcmxheVRlbXBsYXRlKSB7XG4gICAgPGRpdiBjbGFzcz1cImV0LXNjcm9sbGFibGUtcGxhY2Vob2xkZXItb3ZlcmxheVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIm92ZXJsYXlUZW1wbGF0ZVwiIC8+XG4gICAgPC9kaXY+XG4gIH1cbjwvZGl2PlxuIl19

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

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

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,