@ethlete/core 0.2.0-next.6 → 0.2.0-next.8

package/fesm2020/ethlete-core.mjs

@@ -1,11 +1,12 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Directive, Input, Injectable, Inject, Optional, inject, ElementRef, NgZone, EventEmitter, Output, Pipe } from '@angular/core';
-import { coerceNumberProperty, coerceElement, coerceBooleanProperty } from '@angular/cdk/coercion';
-import { BehaviorSubject, combineLatest, map, shareReplay, Observable, Subject, fromEvent, debounceTime, tap, takeUntil, take } from 'rxjs';
+import { InjectionToken, Injectable, inject, Inject, Optional, ElementRef, EventEmitter, Directive, Output, Input, NgZone, HostBinding, Pipe } from '@angular/core';
+import { coerceElement, coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
+import { fromEvent, Observable, Subject, BehaviorSubject, combineLatest, map, shareReplay, startWith, debounceTime, tap, takeUntil, take } from 'rxjs';
+import { DOCUMENT } from '@angular/common';
 import { __decorate, __metadata } from 'tslib';
 import * as i1 from '@angular/cdk/layout';
-import { DOCUMENT } from '@angular/common';
 import { debounceTime as debounceTime$1 } from 'rxjs/operators';
+import { Meta, Title } from '@angular/platform-browser';
 
 const VIEWPORT_CONFIG = new InjectionToken('ViewportConfig');
 /**
@@ -48,131 +49,313 @@ const Memo = (config = {}) => (_, __, descriptor) => {
     return descriptor;
 };
 
-class LetContext {
-    constructor() {
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        this.$implicit = null;
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        this.etLet = null;
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+class ClickObserverFactory {
+    create() {
+        return fromEvent(document, 'click');
     }
 }
-
-class LetDirective {
-    constructor(_viewContainer, templateRef) {
-        this._viewContainer = _viewContainer;
-        this._context = new LetContext();
-        this._templateRef = null;
-        this._viewRef = null;
-        this._templateRef = templateRef;
+ClickObserverFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ClickObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ClickObserverFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ClickObserverFactory, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ClickObserverFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+class ClickObserverService {
+    constructor(_clickObserverFactory) {
+        this._clickObserverFactory = _clickObserverFactory;
+        this._observedElements = new Map();
     }
-    set etLet(value) {
-        this._context.$implicit = this._context.etLet = value;
-        this._updateView();
+    ngOnDestroy() {
+        this._observedElements.forEach((_, element) => this._cleanupObserver(element));
     }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    static ngTemplateContextGuard(dir, ctx) {
-        return true;
+    observe(elementOrRef) {
+        const element = coerceElement(elementOrRef);
+        return new Observable((observer) => {
+            const stream = this._observeElement(element);
+            const subscription = stream.subscribe(observer);
+            return () => {
+                subscription.unsubscribe();
+                this._unobserveElement(element);
+            };
+        });
     }
-    _updateView() {
-        if (!this._viewRef) {
-            this._viewContainer.clear();
-            if (this._templateRef) {
-                this._viewRef = this._viewContainer.createEmbeddedView(this._templateRef, this._context);
+    _observeElement(element) {
+        if (!this._observedElements.has(element)) {
+            const stream = new Subject();
+            const observer = this._clickObserverFactory.create();
+            const sub = observer.subscribe((event) => stream.next(event));
+            this._observedElements.set(element, { observer: sub, stream, count: 1 });
+        }
+        else {
+            this._observedElements.get(element).count++;
+        }
+        return this._observedElements.get(element).stream;
+    }
+    _unobserveElement(element) {
+        if (this._observedElements.has(element)) {
+            this._observedElements.get(element).count--;
+            if (!this._observedElements.get(element).count) {
+                this._cleanupObserver(element);
+            }
+        }
+    }
+    _cleanupObserver(element) {
+        if (this._observedElements.has(element)) {
+            const { observer, stream } = this._observedElements.get(element);
+            if (observer) {
+                observer.unsubscribe();
             }
+            stream.complete();
+            this._observedElements.delete(element);
         }
     }
 }
-LetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: LetDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-LetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.9", type: LetDirective, isStandalone: true, selector: "[etLet]", inputs: { etLet: "etLet" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: LetDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[etLet]',
-                    standalone: true,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }]; }, propDecorators: { etLet: [{
-                type: Input
-            }] } });
+ClickObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ClickObserverService, deps: [{ token: ClickObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable });
+ClickObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ClickObserverService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ClickObserverService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: ClickObserverFactory }]; } });
 
-class RepeatDirective {
-    constructor(_mainTemplateRef, _viewContainerRef) {
-        this._mainTemplateRef = _mainTemplateRef;
-        this._viewContainerRef = _viewContainerRef;
-        this._repeatCount = 2;
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+class MutationObserverFactory {
+    create(callback) {
+        return typeof MutationObserver === 'undefined' ? null : new MutationObserver(callback);
     }
-    get repeatCount() {
-        return this._repeatCount;
+}
+MutationObserverFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: MutationObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+MutationObserverFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: MutationObserverFactory, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: MutationObserverFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+class ContentObserverService {
+    constructor(_mutationObserverFactory) {
+        this._mutationObserverFactory = _mutationObserverFactory;
+        this._observedElements = new Map();
     }
-    set repeatCount(value) {
-        this._repeatCount = coerceNumberProperty(value);
+    ngOnDestroy() {
+        this._observedElements.forEach((_, element) => this._cleanupObserver(element));
     }
-    ngOnInit() {
-        this._render();
+    observe(elementOrRef) {
+        const element = coerceElement(elementOrRef);
+        return new Observable((observer) => {
+            const stream = this._observeElement(element);
+            const subscription = stream.subscribe(observer);
+            return () => {
+                subscription.unsubscribe();
+                this._unobserveElement(element);
+            };
+        });
     }
-    _render() {
-        for (let i = 0; i < this.repeatCount; i++) {
-            this._viewContainerRef.createEmbeddedView(this._mainTemplateRef);
+    _observeElement(element) {
+        if (!this._observedElements.has(element)) {
+            const stream = new Subject();
+            const observer = this._mutationObserverFactory.create((mutations) => stream.next(mutations));
+            if (observer) {
+                observer.observe(element, {
+                    characterData: true,
+                    childList: true,
+                    subtree: true,
+                });
+            }
+            this._observedElements.set(element, { observer, stream, count: 1 });
         }
+        else {
+            this._observedElements.get(element).count++;
+        }
+        return this._observedElements.get(element).stream;
     }
-}
-RepeatDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: RepeatDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-RepeatDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.9", type: RepeatDirective, isStandalone: true, selector: "[etRepeat]", inputs: { repeatCount: ["etRepeat", "repeatCount"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: RepeatDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[etRepeat]',
-                    standalone: true,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { repeatCount: [{
-                type: Input,
-                args: ['etRepeat']
-            }] } });
-
-class ViewportService {
-    constructor(_viewportConfig, _breakpointObserver) {
-        this._breakpointObserver = _breakpointObserver;
-        this._isXs$ = new BehaviorSubject(false);
-        this._isSm$ = new BehaviorSubject(false);
-        this._isMd$ = new BehaviorSubject(false);
-        this._isLg$ = new BehaviorSubject(false);
-        this._isXl$ = new BehaviorSubject(false);
-        this._is2Xl$ = new BehaviorSubject(false);
-        this.currentViewport$ = combineLatest([this.isXs$, this.isSm$, this.isMd$, this.isLg$, this.isXl$, this.is2Xl$]).pipe(map((val) => this.getCurrentViewport(val)), shareReplay());
-        this._viewportConfig = _viewportConfig || DEFAULT_VIEWPORT_CONFIG;
-        this._observeDefaultBreakpoints();
-    }
-    get isXs$() {
-        return this._isXs$.asObservable();
+    _unobserveElement(element) {
+        if (this._observedElements.has(element)) {
+            this._observedElements.get(element).count--;
+            if (!this._observedElements.get(element).count) {
+                this._cleanupObserver(element);
+            }
+        }
     }
-    get isXs() {
-        return this._isXs$.value;
+    _cleanupObserver(element) {
+        if (this._observedElements.has(element)) {
+            const { observer, stream } = this._observedElements.get(element);
+            if (observer) {
+                observer.disconnect();
+            }
+            stream.complete();
+            this._observedElements.delete(element);
+        }
     }
-    get isSm$() {
-        return this._isSm$.asObservable();
+}
+ContentObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ContentObserverService, deps: [{ token: MutationObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable });
+ContentObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ContentObserverService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ContentObserverService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: MutationObserverFactory }]; } });
+
+class DestroyService {
+    constructor() {
+        this._destroy$ = new Subject();
+        this.destroy$ = this._destroy$.asObservable();
     }
-    get isSm() {
-        return this._isSm$.value;
+    ngOnDestroy() {
+        this._destroy$.next(true);
+        this._destroy$.unsubscribe();
     }
-    get isMd$() {
-        return this._isMd$.asObservable();
+}
+DestroyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: DestroyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DestroyService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: DestroyService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: DestroyService, decorators: [{
+            type: Injectable
+        }] });
+
+class FocusVisibleService {
+    constructor() {
+        this._document = inject(DOCUMENT);
+        this._hadKeyboardEvent = false;
+        this._document.addEventListener('keydown', this.onKeyDown.bind(this), true);
+        this._document.addEventListener('mousedown', this.onPointerDown.bind(this), true);
+        this._document.addEventListener('pointerdown', this.onPointerDown.bind(this), true);
+        this._document.addEventListener('touchstart', this.onPointerDown.bind(this), true);
     }
-    get isMd() {
-        return this._isMd$.value;
+    get isFocusVisible() {
+        return this._hadKeyboardEvent;
     }
-    get isLg$() {
-        return this._isLg$.asObservable();
+    onKeyDown(e) {
+        if (e.metaKey || e.altKey || e.ctrlKey) {
+            return;
+        }
+        this._hadKeyboardEvent = true;
     }
-    get isLg() {
-        return this._isLg$.value;
+    onPointerDown() {
+        this._hadKeyboardEvent = false;
     }
-    get isXl$() {
-        return this._isXl$.asObservable();
+}
+FocusVisibleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FocusVisibleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+FocusVisibleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FocusVisibleService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: FocusVisibleService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+class ResizeObserverFactory {
+    create(callback) {
+        return typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(callback);
     }
-    get isXl() {
-        return this._isXl$.value;
+}
+ResizeObserverFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ResizeObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ResizeObserverFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ResizeObserverFactory, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ResizeObserverFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+class ResizeObserverService {
+    constructor(_mutationObserverFactory) {
+        this._mutationObserverFactory = _mutationObserverFactory;
+        this._observedElements = new Map();
     }
-    get is2Xl$() {
-        return this._is2Xl$.asObservable();
+    ngOnDestroy() {
+        this._observedElements.forEach((_, element) => this._cleanupObserver(element));
+    }
+    observe(elementOrRef) {
+        const element = coerceElement(elementOrRef);
+        return new Observable((observer) => {
+            const stream = this._observeElement(element);
+            const subscription = stream.subscribe(observer);
+            return () => {
+                subscription.unsubscribe();
+                this._unobserveElement(element);
+            };
+        });
+    }
+    _observeElement(element) {
+        if (!this._observedElements.has(element)) {
+            const stream = new Subject();
+            const observer = this._mutationObserverFactory.create((resizes) => stream.next(resizes));
+            if (observer) {
+                observer.observe(element);
+            }
+            this._observedElements.set(element, { observer, stream, count: 1 });
+        }
+        else {
+            this._observedElements.get(element).count++;
+        }
+        return this._observedElements.get(element).stream;
+    }
+    _unobserveElement(element) {
+        if (this._observedElements.has(element)) {
+            this._observedElements.get(element).count--;
+            if (!this._observedElements.get(element).count) {
+                this._cleanupObserver(element);
+            }
+        }
+    }
+    _cleanupObserver(element) {
+        if (this._observedElements.has(element)) {
+            const { observer, stream } = this._observedElements.get(element);
+            if (observer) {
+                observer.disconnect();
+            }
+            stream.complete();
+            this._observedElements.delete(element);
+        }
+    }
+}
+ResizeObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ResizeObserverService, deps: [{ token: ResizeObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable });
+ResizeObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ResizeObserverService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ResizeObserverService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: ResizeObserverFactory }]; } });
+
+class ViewportService {
+    constructor(_viewportConfig, _breakpointObserver) {
+        this._breakpointObserver = _breakpointObserver;
+        this._isXs$ = new BehaviorSubject(false);
+        this._isSm$ = new BehaviorSubject(false);
+        this._isMd$ = new BehaviorSubject(false);
+        this._isLg$ = new BehaviorSubject(false);
+        this._isXl$ = new BehaviorSubject(false);
+        this._is2Xl$ = new BehaviorSubject(false);
+        this.currentViewport$ = combineLatest([this.isXs$, this.isSm$, this.isMd$, this.isLg$, this.isXl$, this.is2Xl$]).pipe(map((val) => this.getCurrentViewport(val)), shareReplay());
+        this._viewportConfig = _viewportConfig || DEFAULT_VIEWPORT_CONFIG;
+        this._observeDefaultBreakpoints();
+    }
+    get isXs$() {
+        return this._isXs$.asObservable();
+    }
+    get isXs() {
+        return this._isXs$.value;
+    }
+    get isSm$() {
+        return this._isSm$.asObservable();
+    }
+    get isSm() {
+        return this._isSm$.value;
+    }
+    get isMd$() {
+        return this._isMd$.asObservable();
+    }
+    get isMd() {
+        return this._isMd$.value;
+    }
+    get isLg$() {
+        return this._isLg$.asObservable();
+    }
+    get isLg() {
+        return this._isLg$.value;
+    }
+    get isXl$() {
+        return this._isXl$.asObservable();
+    }
+    get isXl() {
+        return this._isXl$.value;
+    }
+    get is2Xl$() {
+        return this._is2Xl$.asObservable();
     }
     get is2Xl() {
         return this._is2Xl$.value;
@@ -258,8 +441,8 @@ class ViewportService {
         return 'xs';
     }
 }
-ViewportService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ViewportService, deps: [{ token: VIEWPORT_CONFIG, optional: true }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
-ViewportService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ViewportService, providedIn: 'root' });
+ViewportService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ViewportService, deps: [{ token: VIEWPORT_CONFIG, optional: true }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
+ViewportService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ViewportService, providedIn: 'root' });
 __decorate([
     Memo(),
     __metadata("design:type", Function),
@@ -276,7 +459,7 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], ViewportService.prototype, "_buildMediaQuery", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ViewportService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ViewportService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -288,276 +471,264 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImpor
                     type: Optional
                 }] }, { type: i1.BreakpointObserver }]; }, propDecorators: { _getViewportSize: [], _buildMediaQuery: [] } });
 
-class FocusVisibleService {
+class ClickOutsideDirective {
     constructor() {
-        this._document = inject(DOCUMENT);
-        this._hadKeyboardEvent = false;
-        this._document.addEventListener('keydown', this.onKeyDown.bind(this), true);
-        this._document.addEventListener('mousedown', this.onPointerDown.bind(this), true);
-        this._document.addEventListener('pointerdown', this.onPointerDown.bind(this), true);
-        this._document.addEventListener('touchstart', this.onPointerDown.bind(this), true);
-    }
-    get isFocusVisible() {
-        return this._hadKeyboardEvent;
+        this._elementRef = inject(ElementRef);
+        this._clickObserverService = inject(ClickObserverService);
+        this._subscription = null;
+        this.etClickOutside = new EventEmitter();
     }
-    onKeyDown(e) {
-        if (e.metaKey || e.altKey || e.ctrlKey) {
-            return;
-        }
-        this._hadKeyboardEvent = true;
+    ngOnInit() {
+        setTimeout(() => {
+            this._subscription = this._clickObserverService.observe(this._elementRef.nativeElement).subscribe((event) => {
+                const activeElement = event.target;
+                const isInside = this._elementRef.nativeElement.contains(activeElement);
+                if (!isInside) {
+                    this.etClickOutside.emit(event);
+                }
+            });
+        });
     }
-    onPointerDown() {
-        this._hadKeyboardEvent = false;
+    ngOnDestroy() {
+        this._subscription?.unsubscribe();
     }
 }
-FocusVisibleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: FocusVisibleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FocusVisibleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: FocusVisibleService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: FocusVisibleService, decorators: [{
-            type: Injectable,
+ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: ClickOutsideDirective, isStandalone: true, selector: "[etClickOutside]", outputs: { etClickOutside: "etClickOutside" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ClickOutsideDirective, decorators: [{
+            type: Directive,
             args: [{
-                    providedIn: 'root',
+                    selector: '[etClickOutside]',
+                    standalone: true,
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], propDecorators: { etClickOutside: [{
+                type: Output
+            }] } });
 
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-class ResizeObserverFactory {
-    create(callback) {
-        return typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(callback);
-    }
-}
-ResizeObserverFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ResizeObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ResizeObserverFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ResizeObserverFactory, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ResizeObserverFactory, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-class ResizeObserverService {
-    constructor(_mutationObserverFactory) {
-        this._mutationObserverFactory = _mutationObserverFactory;
-        this._observedElements = new Map();
-    }
-    ngOnDestroy() {
-        this._observedElements.forEach((_, element) => this._cleanupObserver(element));
+const provideViewportConfig = (viewportConfig) => {
+    return { provide: VIEWPORT_CONFIG, useValue: viewportConfig };
+};
+
+const clamp = (value, min = 0, max = 100) => {
+    return Math.max(min, Math.min(max, value));
+};
+
+const elementCanScroll = (element) => {
+    const { scrollHeight, clientHeight, scrollWidth, clientWidth } = element;
+    return scrollHeight > clientHeight || scrollWidth > clientWidth;
+};
+
+const CURSOR_DRAG_SCROLLING_CLASS = 'et-cursor-drag-scroll--scrolling';
+const CURSOR_DRAG_SCROLLING_PREPARED_CLASS = 'et-cursor-drag-scroll--prepared';
+
+class CursorDragScrollDirective {
+    constructor() {
+        this._subscriptions = [];
+        this._destroy$ = inject(DestroyService).destroy$;
+        this._elementRef = inject(ElementRef);
+        this._contentObserverService = inject(ContentObserverService);
+        this._resizeObserverService = inject(ResizeObserverService);
+        this._bufferUntilScroll = 5;
+        this._mouseUp$ = new Subject();
+        this._isScrolling = false;
+        this._canScroll = false;
+        this._currentScrollState = {
+            top: 0,
+            left: 0,
+            x: 0,
+            y: 0,
+        };
+        this._enabled = false;
     }
-    observe(elementOrRef) {
-        const element = coerceElement(elementOrRef);
-        return new Observable((observer) => {
-            const stream = this._observeElement(element);
-            const subscription = stream.subscribe(observer);
-            return () => {
-                subscription.unsubscribe();
-                this._unobserveElement(element);
-            };
-        });
+    get enabled() {
+        return this._enabled;
     }
-    _observeElement(element) {
-        if (!this._observedElements.has(element)) {
-            const stream = new Subject();
-            const observer = this._mutationObserverFactory.create((resizes) => stream.next(resizes));
-            if (observer) {
-                observer.observe(element);
-            }
-            this._observedElements.set(element, { observer, stream, count: 1 });
+    set enabled(value) {
+        this._enabled = coerceBooleanProperty(value);
+        if (this._enabled) {
+            this._enableCursorDragScroll();
         }
         else {
-            this._observedElements.get(element).count++;
+            this._disableCursorDragScroll();
         }
-        return this._observedElements.get(element).stream;
     }
-    _unobserveElement(element) {
-        if (this._observedElements.has(element)) {
-            this._observedElements.get(element).count--;
-            if (!this._observedElements.get(element).count) {
-                this._cleanupObserver(element);
-            }
+    ngAfterViewInit() {
+        if (this.enabled) {
+            this._enableCursorDragScroll();
         }
-    }
-    _cleanupObserver(element) {
-        if (this._observedElements.has(element)) {
-            const { observer, stream } = this._observedElements.get(element);
-            if (observer) {
-                observer.disconnect();
-            }
-            stream.complete();
-            this._observedElements.delete(element);
+        else {
+            this._disableCursorDragScroll();
         }
     }
-}
-ResizeObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ResizeObserverService, deps: [{ token: ResizeObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable });
-ResizeObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ResizeObserverService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ResizeObserverService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: ResizeObserverFactory }]; } });
-
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-class MutationObserverFactory {
-    create(callback) {
-        return typeof MutationObserver === 'undefined' ? null : new MutationObserver(callback);
-    }
-}
-MutationObserverFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: MutationObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-MutationObserverFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: MutationObserverFactory, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: MutationObserverFactory, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-class ContentObserverService {
-    constructor(_mutationObserverFactory) {
-        this._mutationObserverFactory = _mutationObserverFactory;
-        this._observedElements = new Map();
+    _enableCursorDragScroll() {
+        const contentResizeSub = combineLatest([
+            this._contentObserverService.observe(this._elementRef.nativeElement).pipe(startWith(null)),
+            this._resizeObserverService.observe(this._elementRef.nativeElement).pipe(startWith(null)),
+        ])
+            .pipe(debounceTime(25), tap(() => this._updateCanScrollState()), takeUntil(this._destroy$))
+            .subscribe();
+        const mousedownSub = fromEvent(this._elementRef.nativeElement, 'mousedown')
+            .pipe(tap((e) => this._onMouseDown(e)), takeUntil(this._destroy$))
+            .subscribe();
+        this._subscriptions.push(contentResizeSub, mousedownSub);
+        this._updateCanScrollState();
     }
-    ngOnDestroy() {
-        this._observedElements.forEach((_, element) => this._cleanupObserver(element));
+    _disableCursorDragScroll() {
+        this._subscriptions.forEach((sub) => sub.unsubscribe());
+        this._subscriptions.length = 0;
+        this._elementRef.nativeElement.style.cursor = 'default';
     }
-    observe(elementOrRef) {
-        const element = coerceElement(elementOrRef);
-        return new Observable((observer) => {
-            const stream = this._observeElement(element);
-            const subscription = stream.subscribe(observer);
-            return () => {
-                subscription.unsubscribe();
-                this._unobserveElement(element);
-            };
-        });
+    _onMouseDown(e) {
+        if (!this._elementRef?.nativeElement || !this._canScroll) {
+            return;
+        }
+        const element = this._elementRef.nativeElement;
+        element.classList.add(CURSOR_DRAG_SCROLLING_PREPARED_CLASS);
+        this._elementRef.nativeElement.style.scrollSnapType = 'none';
+        this._elementRef.nativeElement.style.scrollBehavior = 'unset';
+        this._currentScrollState = {
+            left: this._elementRef.nativeElement.scrollLeft,
+            top: this._elementRef.nativeElement.scrollTop,
+            x: e.clientX,
+            y: e.clientY,
+        };
+        fromEvent(document, 'mousemove')
+            .pipe(tap((e) => this._mouseMoveHandler(e)), takeUntil(this._mouseUp$), takeUntil(this._destroy$))
+            .subscribe();
+        fromEvent(document, 'mouseup')
+            .pipe(tap(() => this._mouseUpHandler()), take(1), takeUntil(this._destroy$))
+            .subscribe();
     }
-    _observeElement(element) {
-        if (!this._observedElements.has(element)) {
-            const stream = new Subject();
-            const observer = this._mutationObserverFactory.create((mutations) => stream.next(mutations));
-            if (observer) {
-                observer.observe(element, {
-                    characterData: true,
-                    childList: true,
-                    subtree: true,
+    _mouseMoveHandler(e) {
+        e.preventDefault();
+        if (!this._elementRef?.nativeElement) {
+            return;
+        }
+        const dx = e.clientX - this._currentScrollState.x;
+        const dy = e.clientY - this._currentScrollState.y;
+        if (Math.abs(dx) > this._bufferUntilScroll || Math.abs(dy) > this._bufferUntilScroll) {
+            const element = this._elementRef.nativeElement;
+            if (!this._isScrolling) {
+                this._isScrolling = true;
+                element.style.cursor = 'grabbing';
+                element.classList.add(CURSOR_DRAG_SCROLLING_CLASS);
+                element.scroll({
+                    top: this._currentScrollState.top - dy,
+                    left: this._currentScrollState.left - dx,
+                    behavior: 'smooth',
                 });
             }
-            this._observedElements.set(element, { observer, stream, count: 1 });
-        }
-        else {
-            this._observedElements.get(element).count++;
+            else {
+                element.scrollTop = this._currentScrollState.top - dy;
+                element.scrollLeft = this._currentScrollState.left - dx;
+            }
         }
-        return this._observedElements.get(element).stream;
     }
-    _unobserveElement(element) {
-        if (this._observedElements.has(element)) {
-            this._observedElements.get(element).count--;
-            if (!this._observedElements.get(element).count) {
-                this._cleanupObserver(element);
-            }
+    _mouseUpHandler() {
+        this._mouseUp$.next(true);
+        this._isScrolling = false;
+        if (!this._elementRef?.nativeElement) {
+            return;
         }
+        this._elementRef.nativeElement.style.scrollSnapType = '';
+        this._elementRef.nativeElement.style.scrollBehavior = '';
+        this._elementRef.nativeElement.style.cursor = 'grab';
+        this._elementRef.nativeElement.classList.remove(CURSOR_DRAG_SCROLLING_CLASS);
+        this._elementRef.nativeElement.classList.remove(CURSOR_DRAG_SCROLLING_PREPARED_CLASS);
     }
-    _cleanupObserver(element) {
-        if (this._observedElements.has(element)) {
-            const { observer, stream } = this._observedElements.get(element);
-            if (observer) {
-                observer.disconnect();
-            }
-            stream.complete();
-            this._observedElements.delete(element);
+    _updateCanScrollState() {
+        this._canScroll = elementCanScroll(this._elementRef.nativeElement);
+        if (this._canScroll) {
+            this._elementRef.nativeElement.style.cursor = 'grab';
+        }
+        else {
+            this._elementRef.nativeElement.style.cursor = 'default';
         }
     }
 }
-ContentObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ContentObserverService, deps: [{ token: MutationObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable });
-ContentObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ContentObserverService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ContentObserverService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: MutationObserverFactory }]; } });
+CursorDragScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: CursorDragScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CursorDragScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: CursorDragScrollDirective, isStandalone: true, selector: "[etCursorDragScroll]", inputs: { enabled: ["etCursorDragScroll", "enabled"] }, providers: [DestroyService], exportAs: ["etCursorDragScroll"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: CursorDragScrollDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[etCursorDragScroll]',
+                    exportAs: 'etCursorDragScroll',
+                    standalone: true,
+                    providers: [DestroyService],
+                }]
+        }], propDecorators: { enabled: [{
+                type: Input,
+                args: ['etCursorDragScroll']
+            }] } });
 
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-class ClickObserverFactory {
-    create() {
-        return fromEvent(document, 'click');
-    }
-}
-ClickObserverFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ClickObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ClickObserverFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ClickObserverFactory, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ClickObserverFactory, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-class ClickObserverService {
-    constructor(_clickObserverFactory) {
-        this._clickObserverFactory = _clickObserverFactory;
-        this._observedElements = new Map();
+class DestroyDirective {
+    constructor() {
+        this._destroy$ = new Subject();
+        this.destroy$ = this._destroy$.asObservable();
     }
     ngOnDestroy() {
-        this._observedElements.forEach((_, element) => this._cleanupObserver(element));
-    }
-    observe(elementOrRef) {
-        const element = coerceElement(elementOrRef);
-        return new Observable((observer) => {
-            const stream = this._observeElement(element);
-            const subscription = stream.subscribe(observer);
-            return () => {
-                subscription.unsubscribe();
-                this._unobserveElement(element);
-            };
-        });
-    }
-    _observeElement(element) {
-        if (!this._observedElements.has(element)) {
-            const stream = new Subject();
-            const observer = this._clickObserverFactory.create();
-            const sub = observer.subscribe((event) => stream.next(event));
-            this._observedElements.set(element, { observer: sub, stream, count: 1 });
-        }
-        else {
-            this._observedElements.get(element).count++;
-        }
-        return this._observedElements.get(element).stream;
-    }
-    _unobserveElement(element) {
-        if (this._observedElements.has(element)) {
-            this._observedElements.get(element).count--;
-            if (!this._observedElements.get(element).count) {
-                this._cleanupObserver(element);
-            }
-        }
+        this._destroy$.next(true);
+        this._destroy$.unsubscribe();
     }
-    _cleanupObserver(element) {
-        if (this._observedElements.has(element)) {
-            const { observer, stream } = this._observedElements.get(element);
-            if (observer) {
-                observer.unsubscribe();
-            }
-            stream.complete();
-            this._observedElements.delete(element);
-        }
+}
+DestroyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: DestroyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DestroyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: DestroyDirective, isStandalone: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: DestroyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                }]
+        }] });
+
+class LetContext {
+    constructor() {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        this.$implicit = null;
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        this.etLet = null;
     }
 }
-ClickObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ClickObserverService, deps: [{ token: ClickObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable });
-ClickObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ClickObserverService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ClickObserverService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: ClickObserverFactory }]; } });
 
-class DestroyService {
-    constructor() {
-        this._destroy$ = new Subject();
+class LetDirective {
+    constructor(_viewContainer, templateRef) {
+        this._viewContainer = _viewContainer;
+        this._context = new LetContext();
+        this._templateRef = null;
+        this._viewRef = null;
+        this._templateRef = templateRef;
     }
-    get destroy$() {
-        return this._destroy$.asObservable();
+    set etLet(value) {
+        this._context.$implicit = this._context.etLet = value;
+        this._updateView();
     }
-    ngOnDestroy() {
-        this._destroy$.next(true);
-        this._destroy$.unsubscribe();
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    static ngTemplateContextGuard(dir, ctx) {
+        return true;
+    }
+    _updateView() {
+        if (!this._viewRef) {
+            this._viewContainer.clear();
+            if (this._templateRef) {
+                this._viewRef = this._viewContainer.createEmbeddedView(this._templateRef, this._context);
+            }
+        }
     }
 }
-DestroyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DestroyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DestroyService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DestroyService, providedIn: 'any' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DestroyService, decorators: [{
-            type: Injectable,
+LetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: LetDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+LetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: LetDirective, isStandalone: true, selector: "[etLet]", inputs: { etLet: "etLet" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: LetDirective, decorators: [{
+            type: Directive,
             args: [{
-                    providedIn: 'any',
+                    selector: '[etLet]',
+                    standalone: true,
                 }]
-        }] });
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }]; }, propDecorators: { etLet: [{
+                type: Input
+            }] } });
 
-class ObserveResizeDirective {
+class ObserveContentDirective {
     constructor() {
-        this._resizeObserver = inject(ResizeObserverService);
+        this._contentObserver = inject(ContentObserverService);
         this._elementRef = inject(ElementRef);
         this._ngZone = inject(NgZone);
         this.event = new EventEmitter();
@@ -589,38 +760,38 @@ class ObserveResizeDirective {
     }
     _subscribe() {
         this._unsubscribe();
-        const stream = this._resizeObserver.observe(this._elementRef);
+        const stream = this._contentObserver.observe(this._elementRef);
         this._ngZone.runOutsideAngular(() => {
-            this._currentSubscription = (this.debounce ? stream.pipe(debounceTime(this.debounce)) : stream).subscribe(this.event);
+            this._currentSubscription = (this.debounce ? stream.pipe(debounceTime$1(this.debounce)) : stream).subscribe(this.event);
         });
     }
     _unsubscribe() {
         this._currentSubscription?.unsubscribe();
     }
 }
-ObserveResizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ObserveResizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ObserveResizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.9", type: ObserveResizeDirective, isStandalone: true, selector: "[etObserveResize]", inputs: { disabled: ["etObserveResizeDisabled", "disabled"], debounce: ["etObserveResizeDebounce", "debounce"] }, outputs: { event: "etObserveResize" }, exportAs: ["etObserveResize"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ObserveResizeDirective, decorators: [{
+ObserveContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ObserveContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ObserveContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: ObserveContentDirective, isStandalone: true, selector: "[etObserveContent]", inputs: { disabled: ["etObserveContentDisabled", "disabled"], debounce: ["etObserveContentDebounce", "debounce"] }, outputs: { event: "etObserveContent" }, exportAs: ["etObserveContent"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ObserveContentDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[etObserveResize]',
-                    exportAs: 'etObserveResize',
+                    selector: '[etObserveContent]',
+                    exportAs: 'etObserveContent',
                     standalone: true,
                 }]
         }], propDecorators: { event: [{
                 type: Output,
-                args: ['etObserveResize']
+                args: ['etObserveContent']
             }], disabled: [{
                 type: Input,
-                args: ['etObserveResizeDisabled']
+                args: ['etObserveContentDisabled']
             }], debounce: [{
                 type: Input,
-                args: ['etObserveResizeDebounce']
+                args: ['etObserveContentDebounce']
             }] } });
 
-class ObserveContentDirective {
+class ObserveResizeDirective {
     constructor() {
-        this._contentObserver = inject(ContentObserverService);
+        this._resizeObserver = inject(ResizeObserverService);
         this._elementRef = inject(ElementRef);
         this._ngZone = inject(NgZone);
         this.event = new EventEmitter();
@@ -652,88 +823,69 @@ class ObserveContentDirective {
     }
     _subscribe() {
         this._unsubscribe();
-        const stream = this._contentObserver.observe(this._elementRef);
+        const stream = this._resizeObserver.observe(this._elementRef);
         this._ngZone.runOutsideAngular(() => {
-            this._currentSubscription = (this.debounce ? stream.pipe(debounceTime$1(this.debounce)) : stream).subscribe(this.event);
+            this._currentSubscription = (this.debounce ? stream.pipe(debounceTime(this.debounce)) : stream).subscribe(this.event);
         });
     }
     _unsubscribe() {
         this._currentSubscription?.unsubscribe();
     }
 }
-ObserveContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ObserveContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ObserveContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.9", type: ObserveContentDirective, isStandalone: true, selector: "[etObserveContent]", inputs: { disabled: ["etObserveContentDisabled", "disabled"], debounce: ["etObserveContentDebounce", "debounce"] }, outputs: { event: "etObserveContent" }, exportAs: ["etObserveContent"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ObserveContentDirective, decorators: [{
+ObserveResizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ObserveResizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ObserveResizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: ObserveResizeDirective, isStandalone: true, selector: "[etObserveResize]", inputs: { disabled: ["etObserveResizeDisabled", "disabled"], debounce: ["etObserveResizeDebounce", "debounce"] }, outputs: { event: "etObserveResize" }, exportAs: ["etObserveResize"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ObserveResizeDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[etObserveContent]',
-                    exportAs: 'etObserveContent',
+                    selector: '[etObserveResize]',
+                    exportAs: 'etObserveResize',
                     standalone: true,
                 }]
         }], propDecorators: { event: [{
                 type: Output,
-                args: ['etObserveContent']
+                args: ['etObserveResize']
             }], disabled: [{
                 type: Input,
-                args: ['etObserveContentDisabled']
+                args: ['etObserveResizeDisabled']
             }], debounce: [{
                 type: Input,
-                args: ['etObserveContentDebounce']
+                args: ['etObserveResizeDebounce']
             }] } });
 
-class ClickOutsideDirective {
+const SCROLL_OBSERVER_FIRST_ELEMENT_CLASS = 'et-scroll-observer-first-element';
+class ScrollObserverFirstElementDirective {
     constructor() {
-        this._elementRef = inject(ElementRef);
-        this._clickObserverService = inject(ClickObserverService);
-        this._subscription = null;
-        this.etClickOutside = new EventEmitter();
+        this._isFirstElement = false;
     }
-    ngOnInit() {
-        setTimeout(() => {
-            this._subscription = this._clickObserverService.observe(this._elementRef.nativeElement).subscribe((event) => {
-                const activeElement = event.target;
-                const isInside = this._elementRef.nativeElement.contains(activeElement);
-                if (!isInside) {
-                    this.etClickOutside.emit(event);
-                }
-            });
-        });
+    get isFirstElement() {
+        return this._isFirstElement;
     }
-    ngOnDestroy() {
-        this._subscription?.unsubscribe();
+    set isFirstElement(value) {
+        this._isFirstElement = coerceBooleanProperty(value);
     }
 }
-ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.9", type: ClickOutsideDirective, isStandalone: true, selector: "[etClickOutside]", outputs: { etClickOutside: "etClickOutside" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ClickOutsideDirective, decorators: [{
+ScrollObserverFirstElementDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ScrollObserverFirstElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ScrollObserverFirstElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: ScrollObserverFirstElementDirective, isStandalone: true, selector: "[etScrollObserverFirstElement]", inputs: { isFirstElement: ["etScrollObserverFirstElement", "isFirstElement"] }, host: { properties: { "class.et-scroll-observer-first-element": "this.isFirstElement" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ScrollObserverFirstElementDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[etClickOutside]',
+                    selector: '[etScrollObserverFirstElement]',
                     standalone: true,
                 }]
-        }], propDecorators: { etClickOutside: [{
-                type: Output
+        }], propDecorators: { isFirstElement: [{
+                type: Input,
+                args: ['etScrollObserverFirstElement']
+            }, {
+                type: HostBinding,
+                args: [`class.${SCROLL_OBSERVER_FIRST_ELEMENT_CLASS}`]
             }] } });
 
-const provideViewportConfig = (viewportConfig) => {
-    return { provide: VIEWPORT_CONFIG, useValue: viewportConfig };
-};
-
-const clamp = (value, min = 0, max = 100) => {
-    return Math.max(min, Math.min(max, value));
-};
-
-const elementCanScroll = (element) => {
-    const { scrollHeight, clientHeight, scrollWidth, clientWidth } = element;
-    return scrollHeight > clientHeight || scrollWidth > clientWidth;
-};
-
 const SCROLL_OBSERVER_IGNORE_TARGET_CLASS = 'et-scroll-observer-ignore-target';
 class ScrollObserverIgnoreTargetDirective {
 }
-ScrollObserverIgnoreTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ScrollObserverIgnoreTargetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ScrollObserverIgnoreTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.9", type: ScrollObserverIgnoreTargetDirective, isStandalone: true, selector: "[etScrollObserverIgnoreTarget]", host: { classAttribute: "et-scroll-observer-ignore-target" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ScrollObserverIgnoreTargetDirective, decorators: [{
+ScrollObserverIgnoreTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ScrollObserverIgnoreTargetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ScrollObserverIgnoreTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: ScrollObserverIgnoreTargetDirective, isStandalone: true, selector: "[etScrollObserverIgnoreTarget]", host: { classAttribute: "et-scroll-observer-ignore-target" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ScrollObserverIgnoreTargetDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etScrollObserverIgnoreTarget]',
@@ -744,6 +896,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImpor
                 }]
         }] });
 
+const SCROLL_OBSERVER_LAST_ELEMENT_CLASS = 'et-scroll-observer-last-element';
+class ScrollObserverLastElementDirective {
+    constructor() {
+        this._isLastElement = false;
+    }
+    get isLastElement() {
+        return this._isLastElement;
+    }
+    set isLastElement(value) {
+        this._isLastElement = coerceBooleanProperty(value);
+    }
+}
+ScrollObserverLastElementDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ScrollObserverLastElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ScrollObserverLastElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: ScrollObserverLastElementDirective, isStandalone: true, selector: "[etScrollObserverLastElement]", inputs: { isLastElement: ["etScrollObserverLastElement", "isLastElement"] }, host: { properties: { "class.et-scroll-observer-last-element": "this.isLastElement" }, classAttribute: "et-scroll-observer-last-element" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ScrollObserverLastElementDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[etScrollObserverLastElement]',
+                    standalone: true,
+                    host: {
+                        class: SCROLL_OBSERVER_LAST_ELEMENT_CLASS,
+                    },
+                }]
+        }], propDecorators: { isLastElement: [{
+                type: Input,
+                args: ['etScrollObserverLastElement']
+            }, {
+                type: HostBinding,
+                args: [`class.${SCROLL_OBSERVER_LAST_ELEMENT_CLASS}`]
+            }] } });
+
 const OBSERVE_SCROLL_STATE = new InjectionToken('OBSERVE_SCROLL_STATE');
 
 class ObserveScrollStateDirective {
@@ -762,10 +945,18 @@ class ObserveScrollStateDirective {
         this.etObserveScrollState = new EventEmitter();
     }
     get _firstCurrentChild() {
+        const explicitFirstElement = this._elementRef.nativeElement.querySelector(`.${SCROLL_OBSERVER_FIRST_ELEMENT_CLASS}`);
+        if (explicitFirstElement) {
+            return explicitFirstElement;
+        }
         const element = this._elementRef.nativeElement.children[0];
         return this._getNonIgnoredChild(element, 'next');
     }
     get _lastCurrentChild() {
+        const explicitLastElement = this._elementRef.nativeElement.querySelector(`.${SCROLL_OBSERVER_LAST_ELEMENT_CLASS}`);
+        if (explicitLastElement) {
+            return explicitLastElement;
+        }
         const element = this._elementRef.nativeElement.children[this._elementRef.nativeElement.children.length - 1];
         return this._getNonIgnoredChild(element, 'previous');
     }
@@ -789,7 +980,8 @@ class ObserveScrollStateDirective {
         this._resizeObserverService
             .observe(this._elementRef.nativeElement)
             .pipe(debounceTime(25), tap(() => {
-            if (!this._intersectionObserver && elementCanScroll(this._elementRef.nativeElement)) {
+            const canScroll = elementCanScroll(this._elementRef.nativeElement);
+            if ((!this._intersectionObserver && canScroll) || (this._intersectionObserver && !canScroll)) {
                 this._checkChildren();
             }
         }), takeUntil(this._destroy$))
@@ -839,12 +1031,14 @@ class ObserveScrollStateDirective {
     _observeChild(child, element) {
         this._intersectionObserver?.observe(element);
         this._observedChildren[child] = element;
+        element.classList.add(`et-scroll-observer-observing-${child}-element`);
     }
     _unobserveChild(child) {
         const observedChild = this._observedChildren[child];
         if (!observedChild) {
             return;
         }
+        observedChild.classList.remove('et-scroll-observer-observing-first-element', 'et-scroll-observer-observing-last-element');
         this._intersectionObserver?.unobserve(observedChild);
         this._observedChildren[child] = null;
     }
@@ -866,14 +1060,15 @@ class ObserveScrollStateDirective {
         return element;
     }
 }
-ObserveScrollStateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ObserveScrollStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ObserveScrollStateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.9", type: ObserveScrollStateDirective, isStandalone: true, selector: "[etObserveScrollState]", inputs: { observerRootMargin: "observerRootMargin", observerThreshold: "observerThreshold" }, outputs: { etObserveScrollState: "etObserveScrollState" }, providers: [
+ObserveScrollStateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ObserveScrollStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ObserveScrollStateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: ObserveScrollStateDirective, isStandalone: true, selector: "[etObserveScrollState]", inputs: { observerRootMargin: "observerRootMargin", observerThreshold: "observerThreshold" }, outputs: { etObserveScrollState: "etObserveScrollState" }, providers: [
         {
             provide: OBSERVE_SCROLL_STATE,
             useExisting: ObserveScrollStateDirective,
         },
+        DestroyService,
     ], exportAs: ["etObserveScrollState"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ObserveScrollStateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ObserveScrollStateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etObserveScrollState]',
@@ -884,6 +1079,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImpor
                             provide: OBSERVE_SCROLL_STATE,
                             useExisting: ObserveScrollStateDirective,
                         },
+                        DestroyService,
                     ],
                 }]
         }], propDecorators: { observerRootMargin: [{
@@ -894,123 +1090,202 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImpor
                 type: Output
             }] } });
 
-const CURSOR_DRAG_SCROLLING_CLASS = 'et-cursor-drag-scroll--scrolling';
-const CURSOR_DRAG_SCROLLING_PREPARED_CLASS = 'et-cursor-drag-scroll--prepared';
+class RepeatDirective {
+    constructor(_mainTemplateRef, _viewContainerRef) {
+        this._mainTemplateRef = _mainTemplateRef;
+        this._viewContainerRef = _viewContainerRef;
+        this._repeatCount = 2;
+    }
+    get repeatCount() {
+        return this._repeatCount;
+    }
+    set repeatCount(value) {
+        this._repeatCount = coerceNumberProperty(value);
+    }
+    ngOnInit() {
+        this._render();
+    }
+    _render() {
+        for (let i = 0; i < this.repeatCount; i++) {
+            this._viewContainerRef.createEmbeddedView(this._mainTemplateRef);
+        }
+    }
+}
+RepeatDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: RepeatDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+RepeatDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: RepeatDirective, isStandalone: true, selector: "[etRepeat]", inputs: { repeatCount: ["etRepeat", "repeatCount"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: RepeatDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[etRepeat]',
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { repeatCount: [{
+                type: Input,
+                args: ['etRepeat']
+            }] } });
 
-class CursorDragScrollDirective {
+const SEO_DIRECTIVE_TOKEN = new InjectionToken('SEO_DIRECTIVE_TOKEN');
+
+const mergeSeoConfig = (config, parentConfig) => {
+    return {
+        ...parentConfig,
+        ...config,
+    };
+};
+
+class SeoDirective {
     constructor() {
-        this._destroy$ = inject(DestroyService).destroy$;
-        this._elementRef = inject(ElementRef);
-        this._contentObserverService = inject(ContentObserverService);
-        this._resizeObserverService = inject(ResizeObserverService);
-        this._bufferUntilScroll = 5;
-        this._mouseUp$ = new Subject();
-        this._isScrolling = false;
-        this._canScroll = false;
-        this._currentScrollState = {
-            top: 0,
-            left: 0,
-            x: 0,
-            y: 0,
-        };
+        this._metaService = inject(Meta);
+        this._titleService = inject(Title);
+        this._onDeactivate$ = new Subject();
+        this._isDeactivated = false;
+        this.parent = inject(SEO_DIRECTIVE_TOKEN, { optional: true, skipSelf: true });
+        this._config = {};
     }
-    ngAfterViewInit() {
-        combineLatest([
-            this._contentObserverService.observe(this._elementRef.nativeElement),
-            this._resizeObserverService.observe(this._elementRef.nativeElement),
-        ])
-            .pipe(tap(() => this._updateCanScrollState()), takeUntil(this._destroy$))
-            .subscribe();
-        fromEvent(this._elementRef.nativeElement, 'mousedown')
-            .pipe(tap((e) => this._onMouseDown(e)), takeUntil(this._destroy$))
-            .subscribe();
-        this._updateCanScrollState();
+    get config() {
+        return this._config;
     }
-    _onMouseDown(e) {
-        if (!this._elementRef?.nativeElement || !this._canScroll) {
-            return;
-        }
-        const element = this._elementRef.nativeElement;
-        element.classList.add(CURSOR_DRAG_SCROLLING_PREPARED_CLASS);
-        this._elementRef.nativeElement.style.scrollSnapType = 'none';
-        this._elementRef.nativeElement.style.scrollBehavior = 'unset';
-        this._currentScrollState = {
-            left: this._elementRef.nativeElement.scrollLeft,
-            top: this._elementRef.nativeElement.scrollTop,
-            x: e.clientX,
-            y: e.clientY,
-        };
-        fromEvent(document, 'mousemove')
-            .pipe(tap((e) => this._mouseMoveHandler(e)), takeUntil(this._mouseUp$), takeUntil(this._destroy$))
-            .subscribe();
-        fromEvent(document, 'mouseup')
-            .pipe(tap(() => this._mouseUpHandler()), take(1), takeUntil(this._destroy$))
-            .subscribe();
+    ngOnInit() {
+        this.parent?._deactivate();
     }
-    _mouseMoveHandler(e) {
-        e.preventDefault();
-        if (!this._elementRef?.nativeElement) {
+    ngOnDestroy() {
+        this._deactivate();
+        this._cleanUp();
+        this.parent?._activate();
+    }
+    updateConfig(config) {
+        this._config = mergeSeoConfig(config, this.parent?.config || {});
+        if (this._isDeactivated) {
             return;
         }
-        const dx = e.clientX - this._currentScrollState.x;
-        const dy = e.clientY - this._currentScrollState.y;
-        if (Math.abs(dx) > this._bufferUntilScroll || Math.abs(dy) > this._bufferUntilScroll) {
-            const element = this._elementRef.nativeElement;
-            if (!this._isScrolling) {
-                this._isScrolling = true;
-                element.style.cursor = 'grabbing';
-                element.classList.add(CURSOR_DRAG_SCROLLING_CLASS);
-                element.scroll({
-                    top: this._currentScrollState.top - dy,
-                    left: this._currentScrollState.left - dx,
-                    behavior: 'smooth',
+        this._deactivate();
+        this._activate();
+    }
+    _activate() {
+        this._onDeactivate$.next(false);
+        this._isDeactivated = false;
+        for (const [key, value] of Object.entries(this._config)) {
+            if (value instanceof Observable) {
+                value.pipe(takeUntil(this._onDeactivate$)).subscribe((value) => this._update(key, value));
+            }
+            else if (Array.isArray(value)) {
+                value.forEach((value) => {
+                    if (value instanceof Observable) {
+                        value.pipe(takeUntil(this._onDeactivate$)).subscribe((value) => this._update(key, value));
+                    }
+                    else {
+                        this._update(key, value);
+                    }
                 });
             }
+            else if (typeof value === 'object' && value !== null) {
+                for (const [subKey, subValue] of Object.entries(value)) {
+                    if (subValue instanceof Observable) {
+                        subValue.pipe(takeUntil(this._onDeactivate$)).subscribe((value) => this._update(`${key}:${subKey}`, value));
+                    }
+                    else {
+                        this._update(`${key}:${subKey}`, subValue);
+                    }
+                }
+            }
             else {
-                element.scrollTop = this._currentScrollState.top - dy;
-                element.scrollLeft = this._currentScrollState.left - dx;
+                this._update(key, value);
             }
         }
     }
-    _mouseUpHandler() {
-        this._mouseUp$.next(true);
-        this._isScrolling = false;
-        if (!this._elementRef?.nativeElement) {
-            return;
-        }
-        this._elementRef.nativeElement.style.scrollSnapType = '';
-        this._elementRef.nativeElement.style.scrollBehavior = '';
-        this._elementRef.nativeElement.style.cursor = 'grab';
-        this._elementRef.nativeElement.classList.remove(CURSOR_DRAG_SCROLLING_CLASS);
-        this._elementRef.nativeElement.classList.remove(CURSOR_DRAG_SCROLLING_PREPARED_CLASS);
+    _deactivate() {
+        this._onDeactivate$.next(true);
+        this._isDeactivated = true;
     }
-    _updateCanScrollState() {
-        this._canScroll = elementCanScroll(this._elementRef.nativeElement);
-        if (this._canScroll) {
-            this._elementRef.nativeElement.style.cursor = 'grab';
-        }
-        else {
-            this._elementRef.nativeElement.style.cursor = 'default';
+    _update(key, value) {
+        switch (key) {
+            case 'title':
+                if (value && typeof value === 'string') {
+                    this._titleService.setTitle(value);
+                }
+                break;
+            case 'canonical':
+                {
+                    const link = document.querySelector(`link[rel="${key}"]`);
+                    if (link) {
+                        link.setAttribute('href', value);
+                    }
+                    else {
+                        const newLink = document.createElement('link');
+                        newLink.setAttribute('rel', key);
+                        newLink.setAttribute('href', value);
+                        document.head.appendChild(newLink);
+                    }
+                }
+                break;
+            case 'alternate':
+                {
+                    const link = document.querySelector(`link[rel="${key}"][hreflang="${value.hreflang}"]`);
+                    if (link) {
+                        link.setAttribute('href', value.href);
+                    }
+                    else {
+                        const newLink = document.createElement('link');
+                        newLink.setAttribute('rel', key);
+                        newLink.setAttribute('hreflang', value.hreflang);
+                        newLink.setAttribute('href', value.href);
+                        document.head.appendChild(newLink);
+                    }
+                }
+                break;
+            default:
+                if (value !== undefined && value !== null) {
+                    const val = Array.isArray(value) ? value.join(', ') : value;
+                    this._metaService.updateTag({ name: key, content: val });
+                }
+                else {
+                    this._metaService.removeTag(`name="${key}"`);
+                }
+                break;
         }
     }
-    _checkCanScroll() {
-        if (this._elementRef.nativeElement.scrollWidth > this._elementRef.nativeElement.clientWidth) {
-            return true;
-        }
-        if (this._elementRef.nativeElement.scrollHeight > this._elementRef.nativeElement.clientHeight) {
-            return true;
+    _cleanUp() {
+        for (const key in this._config) {
+            if (key === 'alternate') {
+                const links = document.querySelectorAll(`link[rel="${key}"]`);
+                links.forEach((link) => {
+                    link.remove();
+                });
+                continue;
+            }
+            if (key === 'canonical') {
+                const link = document.querySelector(`link[rel="${key}"]`);
+                if (link) {
+                    link.remove();
+                }
+                continue;
+            }
+            if (typeof this._config[key] === 'object' &&
+                this._config[key] !== null &&
+                !(this._config[key] instanceof Observable)) {
+                for (const subKey in this._config[key]) {
+                    const parentValue = this.parent?.config?.[key]?.[subKey];
+                    if (parentValue === undefined) {
+                        this._update(`${key}:${subKey}`, undefined);
+                    }
+                }
+            }
+            else {
+                const parentValue = this.parent?.config?.[key];
+                if (parentValue === undefined) {
+                    this._update(key, null);
+                }
+            }
         }
-        return false;
     }
 }
-CursorDragScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CursorDragScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CursorDragScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.9", type: CursorDragScrollDirective, isStandalone: true, selector: "[etCursorDragScroll]", exportAs: ["etCursorDragScroll"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CursorDragScrollDirective, decorators: [{
+SeoDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: SeoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+SeoDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: SeoDirective, isStandalone: true, providers: [{ provide: SEO_DIRECTIVE_TOKEN, useExisting: SeoDirective }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: SeoDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[etCursorDragScroll]',
-                    exportAs: 'etCursorDragScroll',
                     standalone: true,
+                    providers: [{ provide: SEO_DIRECTIVE_TOKEN, useExisting: SeoDirective }],
                 }]
         }] });
 
@@ -1024,9 +1299,9 @@ class ToArrayPipe {
         this.transform = toArray;
     }
 }
-ToArrayPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ToArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ToArrayPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: ToArrayPipe, isStandalone: true, name: "toArray" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ToArrayPipe, decorators: [{
+ToArrayPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ToArrayPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: ToArrayPipe, isStandalone: true, name: "toArray" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToArrayPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'toArray', standalone: true }]
         }] });
@@ -1035,5 +1310,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ClickObserverFactory, ClickObserverService, ClickOutsideDirective, ContentObserverService, CursorDragScrollDirective, DEFAULT_VIEWPORT_CONFIG, DestroyService, FocusVisibleService, LetContext, LetDirective, Memo, MutationObserverFactory, OBSERVE_SCROLL_STATE, ObserveContentDirective, ObserveResizeDirective, ObserveScrollStateDirective, RepeatDirective, ResizeObserverFactory, ResizeObserverService, SCROLL_OBSERVER_IGNORE_TARGET_CLASS, ScrollObserverIgnoreTargetDirective, ToArrayPipe, VIEWPORT_CONFIG, ViewportService, clamp, elementCanScroll, provideViewportConfig, toArray, toArrayTrackByFn };
+export { ClickObserverFactory, ClickObserverService, ClickOutsideDirective, ContentObserverService, CursorDragScrollDirective, DEFAULT_VIEWPORT_CONFIG, DestroyDirective, DestroyService, FocusVisibleService, LetContext, LetDirective, Memo, MutationObserverFactory, OBSERVE_SCROLL_STATE, ObserveContentDirective, ObserveResizeDirective, ObserveScrollStateDirective, RepeatDirective, ResizeObserverFactory, ResizeObserverService, SCROLL_OBSERVER_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_IGNORE_TARGET_CLASS, SCROLL_OBSERVER_LAST_ELEMENT_CLASS, SEO_DIRECTIVE_TOKEN, ScrollObserverFirstElementDirective, ScrollObserverIgnoreTargetDirective, ScrollObserverLastElementDirective, SeoDirective, ToArrayPipe, VIEWPORT_CONFIG, ViewportService, clamp, elementCanScroll, mergeSeoConfig, provideViewportConfig, toArray, toArrayTrackByFn };
 //# sourceMappingURL=ethlete-core.mjs.map