@ethlete/core 0.2.0-next.9 → 1.1.0

package/fesm2020/ethlete-core.mjs

@@ -1,12 +1,47 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, inject, Inject, Optional, ElementRef, EventEmitter, Directive, Output, Input, NgZone, HostBinding, Pipe } from '@angular/core';
+import { inject, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, InjectionToken, Injectable, ElementRef, Inject, Optional, isDevMode, Directive, EventEmitter, Output, NgZone, Pipe, QueryList } from '@angular/core';
+import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
+import { fromEvent, Observable, Subject, startWith, map, takeUntil, distinctUntilChanged, BehaviorSubject, filter, combineLatest, pairwise, debounceTime, shareReplay, tap, merge, skip, switchMap, take } from 'rxjs';
 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 { Router, NavigationEnd } from '@angular/router';
 import { __decorate, __metadata } from 'tslib';
 import * as i1 from '@angular/cdk/layout';
 import { debounceTime as debounceTime$1 } from 'rxjs/operators';
-import { Meta, Title } from '@angular/platform-browser';
+
+class StructuredDataComponent {
+    constructor() {
+        this._sanitizer = inject(DomSanitizer);
+    }
+    set data(currentValue) {
+        this.jsonLD = this.getSafeHTML(currentValue);
+    }
+    getSafeHTML(value) {
+        const json = value ? JSON.stringify(value, null, 2).replace(/<\/script>/g, '<\\/script>') : '';
+        const html = `<script type="application/ld+json">${json}</script>`;
+        return this._sanitizer.bypassSecurityTrustHtml(html);
+    }
+}
+StructuredDataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: StructuredDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StructuredDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: StructuredDataComponent, isStandalone: true, selector: "et-structured-data", inputs: { data: "data" }, host: { properties: { "innerHTML": "this.jsonLD" }, styleAttribute: "display: none" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: StructuredDataComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'et-structured-data',
+                    standalone: true,
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        style: 'display: none',
+                    },
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], jsonLD: [{
+                type: HostBinding,
+                args: ['innerHTML']
+            }] } });
 
 const VIEWPORT_CONFIG = new InjectionToken('ViewportConfig');
 /**
@@ -55,9 +90,9 @@ class ClickObserverFactory {
         return fromEvent(document, 'click');
     }
 }
-ClickObserverFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ClickObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ClickObserverFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ClickObserverFactory, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ClickObserverFactory, decorators: [{
+ClickObserverFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ClickObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ClickObserverFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ClickObserverFactory, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ClickObserverFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -111,9 +146,9 @@ class ClickObserverService {
         }
     }
 }
-ClickObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ClickObserverService, deps: [{ token: ClickObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable });
-ClickObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ClickObserverService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ClickObserverService, decorators: [{
+ClickObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ClickObserverService, deps: [{ token: ClickObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable });
+ClickObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ClickObserverService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ClickObserverService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: ClickObserverFactory }]; } });
@@ -124,9 +159,9 @@ class MutationObserverFactory {
         return typeof MutationObserver === 'undefined' ? null : new MutationObserver(callback);
     }
 }
-MutationObserverFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MutationObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-MutationObserverFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MutationObserverFactory, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MutationObserverFactory, decorators: [{
+MutationObserverFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: MutationObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+MutationObserverFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: MutationObserverFactory, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: MutationObserverFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -186,9 +221,9 @@ class ContentObserverService {
         }
     }
 }
-ContentObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ContentObserverService, deps: [{ token: MutationObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable });
-ContentObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ContentObserverService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ContentObserverService, decorators: [{
+ContentObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ContentObserverService, deps: [{ token: MutationObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable });
+ContentObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ContentObserverService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ContentObserverService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: MutationObserverFactory }]; } });
@@ -203,13 +238,16 @@ class DestroyService {
         this._destroy$.unsubscribe();
     }
 }
-DestroyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: DestroyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DestroyService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: DestroyService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: DestroyService, decorators: [{
+DestroyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: DestroyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DestroyService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: DestroyService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: DestroyService, decorators: [{
             type: Injectable
         }] });
 
 class FocusVisibleService {
+    get isFocusVisible() {
+        return this._hadKeyboardEvent;
+    }
     constructor() {
         this._document = inject(DOCUMENT);
         this._hadKeyboardEvent = false;
@@ -218,9 +256,6 @@ class FocusVisibleService {
         this._document.addEventListener('pointerdown', this.onPointerDown.bind(this), true);
         this._document.addEventListener('touchstart', this.onPointerDown.bind(this), true);
     }
-    get isFocusVisible() {
-        return this._hadKeyboardEvent;
-    }
     onKeyDown(e) {
         if (e.metaKey || e.altKey || e.ctrlKey) {
             return;
@@ -231,9 +266,9 @@ class FocusVisibleService {
         this._hadKeyboardEvent = false;
     }
 }
-FocusVisibleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FocusVisibleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FocusVisibleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FocusVisibleService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FocusVisibleService, decorators: [{
+FocusVisibleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FocusVisibleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+FocusVisibleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FocusVisibleService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: FocusVisibleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -246,9 +281,9 @@ class ResizeObserverFactory {
         return typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(callback);
     }
 }
-ResizeObserverFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizeObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ResizeObserverFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizeObserverFactory, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizeObserverFactory, decorators: [{
+ResizeObserverFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ResizeObserverFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ResizeObserverFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ResizeObserverFactory, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ResizeObserverFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -304,26 +339,523 @@ class ResizeObserverService {
         }
     }
 }
-ResizeObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizeObserverService, deps: [{ token: ResizeObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable });
-ResizeObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizeObserverService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizeObserverService, decorators: [{
+ResizeObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ResizeObserverService, deps: [{ token: ResizeObserverFactory }], target: i0.ɵɵFactoryTarget.Injectable });
+ResizeObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ResizeObserverService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", 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();
+const nextFrame = (cb) => {
+    requestAnimationFrame(() => {
+        requestAnimationFrame(cb);
+    });
+};
+const fromNextFrame = () => {
+    return new Observable((observer) => {
+        nextFrame(() => {
+            observer.next();
+            observer.complete();
+        });
+    });
+};
+const forceReflow = (element = document.body) => {
+    return element.offsetHeight;
+};
+
+const clamp = (value, min = 0, max = 100) => {
+    return Math.max(min, Math.min(max, value));
+};
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable no-var */
+/**
+ * Stolen from klona to avoid adding a dependency
+ * https://github.com/lukeed/klona
+ *
+ * MIT License
+ *
+ * Copyright (c) Luke Edwards <luke.edwards05@gmail.com> (lukeed.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+const set = (obj, key, val) => {
+    if (typeof val.value === 'object')
+        val.value = clone(val.value);
+    if (!val.enumerable || val.get || val.set || !val.configurable || !val.writable || key === '__proto__') {
+        Object.defineProperty(obj, key, val);
+    }
+    else
+        obj[key] = val.value;
+};
+const clone = (original) => {
+    if (typeof original !== 'object')
+        return original;
+    var _og = original;
+    var i = 0, k, list, tmp, str = Object.prototype.toString.call(_og);
+    if (str === '[object Object]') {
+        tmp = Object.create(_og.__proto__ || null);
+    }
+    else if (str === '[object Array]') {
+        tmp = Array(_og.length);
+    }
+    else if (str === '[object Set]') {
+        tmp = new Set();
+        _og.forEach(function (val) {
+            tmp.add(clone(val));
+        });
+    }
+    else if (str === '[object Map]') {
+        tmp = new Map();
+        _og.forEach(function (val, key) {
+            tmp.set(clone(key), clone(val));
+        });
+    }
+    else if (str === '[object Date]') {
+        tmp = new Date(+_og);
+    }
+    else if (str === '[object RegExp]') {
+        tmp = new RegExp(_og.source, _og.flags);
+    }
+    else if (str === '[object DataView]') {
+        tmp = new _og.constructor(clone(_og.buffer));
+    }
+    else if (str === '[object ArrayBuffer]') {
+        tmp = _og.slice(0);
+    }
+    else if (str.slice(-6) === 'Array]') {
+        // ArrayBuffer.isView(x)
+        // ~> `new` bcuz `Buffer.slice` => ref
+        tmp = new _og.constructor(_og);
+    }
+    if (tmp) {
+        for (list = Object.getOwnPropertySymbols(_og); i < list.length; i++) {
+            set(tmp, list[i], Object.getOwnPropertyDescriptor(_og, list[i]));
+        }
+        for (i = 0, list = Object.getOwnPropertyNames(_og); i < list.length; i++) {
+            if (Object.hasOwnProperty.call(tmp, (k = list[i])) && tmp[k] === _og[k])
+                continue;
+            set(tmp, k, Object.getOwnPropertyDescriptor(_og, k));
+        }
+    }
+    return tmp || _og;
+};
+
+const hasCookie = (name) => {
+    if (typeof document === 'undefined') {
+        return false;
+    }
+    return document.cookie.split(';').some((c) => {
+        return c.trim().startsWith(name + '=');
+    });
+};
+const getCookie = (name) => {
+    if (typeof document === 'undefined') {
+        return null;
+    }
+    // From https://stackoverflow.com/questions/10730362/get-cookie-by-name
+    return ('; ' + document.cookie).split(`; ${name}=`).pop()?.split(';')[0];
+};
+const setCookie = (name, data, expiresInDays = 30, domain = getDomain()) => {
+    if (typeof document === 'undefined') {
+        return;
+    }
+    const date = new Date();
+    date.setTime(date.getTime() + expiresInDays * 24 * 60 * 60 * 1000);
+    document.cookie = `${name}=${data}; path=/; expires=${date.toUTCString()}; domain=${domain}; SameSite=Lax;`;
+};
+const deleteCookie = (name, path, domain = getDomain()) => {
+    if (hasCookie(name)) {
+        document.cookie =
+            name +
+                '=' +
+                (path ? ';path=' + path : '') +
+                (domain ? ';domain=' + domain : '') +
+                ';expires=Thu, 01 Jan 1970 00:00:01 GMT';
+    }
+};
+const getDomain = () => {
+    if (typeof navigator === 'undefined') {
+        return null;
+    }
+    const hostname = window.location.hostname;
+    if (hostname.includes('localhost')) {
+        return 'localhost';
+    }
+    const splitHost = hostname.split('.');
+    if (splitHost.length > 2) {
+        return `${splitHost[splitHost.length - 2]}.${splitHost[splitHost.length - 1]}`;
+    }
+    return hostname;
+};
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable no-var */
+/**
+ * Stolen from dequal to avoid adding a dependency
+ * https://github.com/lukeed/dequal
+ *
+ * The MIT License (MIT)
+ *
+ * Copyright (c) Luke Edwards <luke.edwards05@gmail.com> (lukeed.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+const has = Object.prototype.hasOwnProperty;
+function find(iter, tar, key) {
+    for (key of iter.keys()) {
+        if (equal(key, tar))
+            return key;
+    }
+}
+const equal = (foo, bar) => {
+    var ctor, len, tmp;
+    if (foo === bar)
+        return true;
+    if (foo && bar && (ctor = foo.constructor) === bar.constructor) {
+        if (ctor === Date)
+            return foo.getTime() === bar.getTime();
+        if (ctor === RegExp)
+            return foo.toString() === bar.toString();
+        if (ctor === Array) {
+            if ((len = foo.length) === bar.length) {
+                while (len-- && equal(foo[len], bar[len]))
+                    ;
+            }
+            return len === -1;
+        }
+        if (ctor === Set) {
+            if (foo.size !== bar.size) {
+                return false;
+            }
+            for (len of foo) {
+                tmp = len;
+                if (tmp && typeof tmp === 'object') {
+                    tmp = find(bar, tmp);
+                    if (!tmp)
+                        return false;
+                }
+                if (!bar.has(tmp))
+                    return false;
+            }
+            return true;
+        }
+        if (ctor === Map) {
+            if (foo.size !== bar.size) {
+                return false;
+            }
+            for (len of foo) {
+                tmp = len[0];
+                if (tmp && typeof tmp === 'object') {
+                    tmp = find(bar, tmp);
+                    if (!tmp)
+                        return false;
+                }
+                if (!equal(len[1], bar.get(tmp))) {
+                    return false;
+                }
+            }
+            return true;
+        }
+        if (ctor === ArrayBuffer) {
+            foo = new Uint8Array(foo);
+            bar = new Uint8Array(bar);
+        }
+        else if (ctor === DataView) {
+            if ((len = foo.byteLength) === bar.byteLength) {
+                while (len-- && foo.getInt8(len) === bar.getInt8(len))
+                    ;
+            }
+            return len === -1;
+        }
+        if (ArrayBuffer.isView(foo)) {
+            if ((len = foo.byteLength) === bar.byteLength) {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                //@ts-ignore
+                while (len-- && foo[len] === bar[len])
+                    ;
+            }
+            return len === -1;
+        }
+        if (!ctor || typeof foo === 'object') {
+            len = 0;
+            for (ctor in foo) {
+                if (has.call(foo, ctor) && ++len && !has.call(bar, ctor))
+                    return false;
+                if (!(ctor in bar) || !equal(foo[ctor], bar[ctor]))
+                    return false;
+            }
+            return Object.keys(bar).length === len;
+        }
+    }
+    return foo !== foo && bar !== bar;
+};
+
+const createMediaQueryObservable = (query) => {
+    const mq = window.matchMedia(query);
+    const observable = new Observable((observer) => {
+        const eventHandler = (event) => {
+            observer.next(event);
+        };
+        mq.addEventListener('change', eventHandler);
+        return () => {
+            mq.removeEventListener('change', eventHandler);
+        };
+    }).pipe(startWith(mq), map(({ matches }) => ({
+        matches,
+        query,
+    })));
+    return observable;
+};
+
+const isAttributeRenderBinding = (value) => typeof value === 'boolean';
+const isAttributeValueBinding = (value) => typeof value === 'object';
+const createReactiveBindings = (...values) => {
+    const rootElementRef = inject(ElementRef);
+    const destroy$ = inject(DestroyService, { host: true }).destroy$;
+    const subscriptions = [];
+    const pushedAttributes = [];
+    const defaults = {};
+    const push = (value) => {
+        const { attribute, observable, elementRef } = value;
+        const elRef = elementRef || rootElementRef;
+        const attributes = Array.isArray(attribute) ? attribute : [attribute];
+        pushedAttributes.push(attributes);
+        for (const attribute of attributes) {
+            if (!defaults[attribute]) {
+                defaults[attribute] = elRef.nativeElement.getAttribute(attribute) || undefined;
+            }
+        }
+        const subscription = observable
+            .pipe(takeUntil(destroy$), distinctUntilChanged((a, b) => {
+            if (isAttributeRenderBinding(a) && isAttributeRenderBinding(b)) {
+                return a === b;
+            }
+            else if (isAttributeValueBinding(a) && isAttributeValueBinding(b)) {
+                return a.render === b.render && a.value === b.value;
+            }
+            return false;
+        }))
+            .subscribe((value) => {
+            const currentAttributes = pushedAttributes.find((s) => s.some((current) => attributes.includes(current))) || [];
+            for (const attribute of currentAttributes) {
+                const isSingleClassMutation = attribute.startsWith('class.');
+                const isMultipleClassMutation = attribute === 'class';
+                const render = isAttributeRenderBinding(value) ? value : value.render;
+                if (isSingleClassMutation) {
+                    const className = attribute.replace('class.', '');
+                    if (!className) {
+                        continue;
+                    }
+                    if (!render) {
+                        elRef.nativeElement.classList.remove(className);
+                    }
+                    else {
+                        elRef.nativeElement.classList.add(className);
+                    }
+                }
+                else if (isMultipleClassMutation) {
+                    const classes = isAttributeRenderBinding(value) ? '' : `${value.value}`;
+                    if (!classes) {
+                        continue;
+                    }
+                    if (!render) {
+                        elRef.nativeElement.classList.remove(...classes.split(' '));
+                    }
+                    else {
+                        elRef.nativeElement.classList.add(...classes.split(' '));
+                    }
+                }
+                else {
+                    const attributeValue = isAttributeRenderBinding(value) ? true : `${value.value}`;
+                    if (!attribute) {
+                        continue;
+                    }
+                    if (!render) {
+                        elRef.nativeElement.removeAttribute(attribute);
+                    }
+                    else {
+                        elRef.nativeElement.setAttribute(attribute, `${attributeValue}`);
+                    }
+                }
+            }
+        });
+        subscriptions.push({ attributes, subscription });
+    };
+    const remove = (...attributes) => {
+        for (const attribute of attributes) {
+            const sub = subscriptions.find((s) => s.attributes.includes(attribute));
+            const attributeStack = pushedAttributes.find((a) => a.includes(attribute));
+            if (sub) {
+                sub.attributes = sub.attributes.filter((a) => a !== attribute);
+                attributeStack?.splice(attributeStack.indexOf(attribute), 1);
+                if (sub.attributes.length === 0) {
+                    sub.subscription.unsubscribe();
+                    subscriptions.splice(subscriptions.indexOf(sub), 1);
+                }
+            }
+        }
+    };
+    const reset = () => {
+        for (const attribute in defaults) {
+            if (defaults[attribute] === undefined) {
+                rootElementRef.nativeElement.removeAttribute(attribute);
+            }
+            else {
+                rootElementRef.nativeElement.setAttribute(attribute, defaults[attribute]);
+            }
+        }
+    };
+    for (const value of values) {
+        push(value);
+    }
+    return {
+        push,
+        remove,
+        reset,
+    };
+};
+
+const elementCanScroll = (element) => {
+    const { scrollHeight, clientHeight, scrollWidth, clientWidth } = element;
+    return scrollHeight > clientHeight || scrollWidth > clientWidth;
+};
+
+const provideViewportConfig = (viewportConfig) => {
+    return { provide: VIEWPORT_CONFIG, useValue: viewportConfig };
+};
+
+const routerDisableScrollTop = (config = {}) => {
+    if (!config.asReturnRoute) {
+        return {
+            disableScrollTop: true,
+        };
+    }
+    return {
+        disableScrollTopAsReturnRoute: true,
+    };
+};
+class RouterStateService {
+    get route$() {
+        return this._route$.asObservable();
+    }
+    get state$() {
+        return this._state$.asObservable();
+    }
+    constructor() {
+        this._isScrollTopOnNavigationEnabled = false;
+        this._router = inject(Router);
+        this._route$ = new BehaviorSubject('/');
+        this._state$ = new BehaviorSubject({
+            title: null,
+            fragment: null,
+            data: {},
+            pathParams: {},
+            queryParams: {},
+        });
+        this._router.events
+            .pipe(filter((event) => event instanceof NavigationEnd), distinctUntilChanged((a, b) => a.url === b.url), map((event) => {
+            const { url } = event;
+            const urlWithoutQueryParams = url.split('?')[0];
+            const withoutFragment = urlWithoutQueryParams.split('#')[0];
+            return withoutFragment;
+        }))
+            .subscribe(this._route$);
+        this._route$
+            .pipe(map(() => {
+            let route = this._router.routerState.snapshot.root;
+            while (route.firstChild) {
+                route = route.firstChild;
+            }
+            const { data, params, queryParams, title, fragment } = route;
+            return {
+                data,
+                pathParams: params,
+                queryParams,
+                title: title ?? null,
+                fragment,
+            };
+        }))
+            .subscribe(this._state$);
+    }
+    enableScrollEnhancements(config = {}) {
+        if (this._isScrollTopOnNavigationEnabled) {
+            return;
+        }
+        this._isScrollTopOnNavigationEnabled = true;
+        combineLatest([this._state$.pipe(pairwise()), this._route$.pipe(pairwise())])
+            .pipe(debounceTime(1))
+            .subscribe(([[prevState, currState], [prevRoute, currRoute]]) => {
+            const sameUrlNavigation = prevRoute === currRoute && equal(prevState.pathParams, currState.pathParams);
+            const didFragmentChange = prevState.fragment !== currState.fragment;
+            if (sameUrlNavigation) {
+                const allQueryParams = [
+                    ...new Set(Object.keys(prevState.queryParams).concat(Object.keys(currState.queryParams))),
+                ];
+                const changedQueryParams = allQueryParams.filter((key) => currState.queryParams[key] !== prevState.queryParams[key]);
+                if (!config.queryParamTriggerList?.length && !didFragmentChange) {
+                    return;
+                }
+                const caseQueryParams = changedQueryParams.some((key) => config.queryParamTriggerList?.includes(key));
+                const caseFragment = didFragmentChange && config.fragment?.enabled;
+                if (caseQueryParams) {
+                    (config.scrollElement ?? document.documentElement).scrollTop = 0;
+                }
+                else if (caseFragment) {
+                    const fragmentElement = document.getElementById(currState.fragment ?? '');
+                    if (fragmentElement) {
+                        fragmentElement.scrollIntoView({ behavior: config.fragment?.smooth ? 'smooth' : 'auto' });
+                    }
+                }
+            }
+            else {
+                if (!(currState.data['disableScrollTopAsReturnRoute'] && prevState.data['disableScrollTop']) &&
+                    !currState.data['disableScrollTop']) {
+                    (config.scrollElement ?? document.documentElement).scrollTop = 0;
+                }
+            }
+        });
     }
+    selectQueryParam(key) {
+        return this._state$.pipe(map((state) => state.queryParams[key]));
+    }
+    selectPathParam(key) {
+        return this._state$.pipe(map((state) => state.pathParams[key]));
+    }
+    selectData(key) {
+        return this._state$.pipe(map((state) => state.data[key]));
+    }
+}
+RouterStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: RouterStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+RouterStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: RouterStateService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: RouterStateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class ViewportService {
     get isXs$() {
         return this._isXs$.asObservable();
     }
@@ -363,6 +895,18 @@ class ViewportService {
     get currentViewport() {
         return this.getCurrentViewport([this.isXs, this.isSm, this.isMd, this.isLg, this.isXl, this.is2Xl]);
     }
+    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();
+    }
     observe(options) {
         const mediaQuery = this._buildMediaQuery(options);
         return this._breakpointObserver.observe(mediaQuery).pipe(map((x) => x.matches), shareReplay());
@@ -441,8 +985,8 @@ class ViewportService {
         return 'xs';
     }
 }
-ViewportService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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.2", ngImport: i0, type: ViewportService, providedIn: 'root' });
+ViewportService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", 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.1.4", ngImport: i0, type: ViewportService, providedIn: 'root' });
 __decorate([
     Memo(),
     __metadata("design:type", Function),
@@ -459,7 +1003,7 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], ViewportService.prototype, "_buildMediaQuery", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ViewportService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ViewportService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -471,6 +1015,223 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImpor
                     type: Optional
                 }] }, { type: i1.BreakpointObserver }]; }, propDecorators: { _getViewportSize: [], _buildMediaQuery: [] } });
 
+const ANIMATABLE_TOKEN = new InjectionToken('ANIMATABLE_DIRECTIVE_TOKEN');
+class AnimatableDirective {
+    constructor() {
+        this._didEmitStart = false;
+        this._parent = inject(ANIMATABLE_TOKEN, { optional: true, skipSelf: true });
+        this._destroy$ = inject(DestroyService, { host: true }).destroy$;
+        this._elementRef = inject(ElementRef);
+        this._animationStart$ = new Subject();
+        this._animationEnd$ = new Subject();
+        this._animatedElement$ = new BehaviorSubject(this._elementRef.nativeElement);
+        this.animationStart$ = this._animationStart$.asObservable().pipe(debounceTime(0));
+        this.animationEnd$ = this._animationEnd$.asObservable().pipe(debounceTime(0));
+        this._hostActiveAnimationCount$ = new BehaviorSubject(0);
+        this._totalActiveAnimationCount$ = new BehaviorSubject(0);
+        this.isAnimating$ = this._totalActiveAnimationCount$.pipe(map((count) => count > 0), debounceTime(0));
+    }
+    set animatedElement(value) {
+        let newElement = null;
+        if (value === null || value === undefined) {
+            newElement = this._elementRef.nativeElement;
+        }
+        else if (typeof value === 'string') {
+            const el = document.querySelector(value);
+            if (el) {
+                newElement = el;
+            }
+            else {
+                if (isDevMode()) {
+                    console.warn(`Element with selector ${value} not found. Animatable directive will use host element.`);
+                }
+                newElement = this._elementRef.nativeElement;
+            }
+        }
+        else {
+            newElement = value;
+        }
+        if (this._animatedElement$.value !== newElement) {
+            this._animatedElement$.next(newElement);
+        }
+    }
+    ngOnInit() {
+        this._animatedElement$
+            .pipe(tap((el) => {
+            this._totalActiveAnimationCount$.next(this._totalActiveAnimationCount$.value - this._hostActiveAnimationCount$.value);
+            this._hostActiveAnimationCount$.next(0);
+            merge(fromEvent(el, 'animationstart'), fromEvent(el, 'transitionstart'))
+                .pipe(tap(() => {
+                const count = this._hostActiveAnimationCount$.value + 1;
+                this._hostActiveAnimationCount$.next(count);
+                this._totalActiveAnimationCount$.next(count);
+            }), takeUntil(this._destroy$), takeUntil(this._animatedElement$.pipe(skip(1))))
+                .subscribe();
+            merge(fromEvent(el, 'animationend'), fromEvent(el, 'animationcancel'), fromEvent(el, 'transitionend'), fromEvent(el, 'transitioncancel'))
+                .pipe(tap(() => {
+                const count = this._hostActiveAnimationCount$.value - 1;
+                this._hostActiveAnimationCount$.next(count);
+                this._totalActiveAnimationCount$.next(count);
+            }), takeUntil(this._destroy$), takeUntil(this._animatedElement$.pipe(skip(1))))
+                .subscribe();
+        }), takeUntil(this._destroy$))
+            .subscribe();
+        this._totalActiveAnimationCount$
+            .pipe(tap((count) => {
+            if (count > 0 && !this._didEmitStart) {
+                this._animationStart$.next();
+                this._didEmitStart = true;
+            }
+            else if (count === 0) {
+                this._animationEnd$.next();
+                this._didEmitStart = false;
+            }
+        }), takeUntil(this._destroy$))
+            .subscribe();
+        if (this._parent) {
+            this._parent._hostActiveAnimationCount$
+                .pipe(takeUntil(this._destroy$), tap((count) => {
+                this._totalActiveAnimationCount$.next(count + this._hostActiveAnimationCount$.value);
+            }))
+                .subscribe();
+        }
+    }
+}
+AnimatableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AnimatableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AnimatableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: AnimatableDirective, isStandalone: true, selector: "[etAnimatable]", inputs: { animatedElement: ["etAnimatable", "animatedElement"] }, providers: [
+        {
+            provide: ANIMATABLE_TOKEN,
+            useExisting: AnimatableDirective,
+        },
+        DestroyService,
+    ], exportAs: ["etAnimatable"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AnimatableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[etAnimatable]',
+                    exportAs: 'etAnimatable',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: ANIMATABLE_TOKEN,
+                            useExisting: AnimatableDirective,
+                        },
+                        DestroyService,
+                    ],
+                }]
+        }], propDecorators: { animatedElement: [{
+                type: Input,
+                args: ['etAnimatable']
+            }] } });
+
+const ANIMATED_LIFECYCLE_TOKEN = new InjectionToken('ANIMATED_LIFECYCLE_DIRECTIVE_TOKEN');
+const ANIMATION_CLASSES = {
+    enterFrom: 'et-animation-enter-from',
+    enterActive: 'et-animation-enter-active',
+    enterTo: 'et-animation-enter-to',
+    leaveFrom: 'et-animation-leave-from',
+    leaveActive: 'et-animation-leave-active',
+    leaveTo: 'et-animation-leave-to',
+};
+class AnimatedLifecycleDirective {
+    constructor() {
+        this._destroy$ = inject(DestroyService, { host: true }).destroy$;
+        this._elementRef = inject(ElementRef);
+        this._animatable = inject(ANIMATABLE_TOKEN);
+        this._classList = this._elementRef.nativeElement.classList;
+        this._state$ = new BehaviorSubject('init');
+        this.state$ = this._state$.asObservable();
+        this._bindings = createReactiveBindings({
+            attribute: 'class.et-force-invisible',
+            observable: this._state$.pipe(map((state) => state === 'init')),
+        });
+    }
+    get state() {
+        return this._state$.value;
+    }
+    enter(config) {
+        if (this.state !== 'init' && this.state !== 'left' && isDevMode()) {
+            console.warn('Tried to enter but the element is not in the initial state. This may result in unexpected behavior.', this);
+        }
+        this._state$.next('entering');
+        if (!config?.onlyTransition) {
+            this._classList.add(ANIMATION_CLASSES.enterFrom);
+        }
+        forceReflow();
+        this._classList.add(ANIMATION_CLASSES.enterActive);
+        fromNextFrame()
+            .pipe(tap(() => {
+            if (!config?.onlyTransition) {
+                this._classList.remove(ANIMATION_CLASSES.enterFrom);
+                this._classList.add(ANIMATION_CLASSES.enterTo);
+            }
+        }), switchMap(() => this._animatable.animationEnd$), tap(() => {
+            this._state$.next('entered');
+            this._classList.remove(ANIMATION_CLASSES.enterActive);
+            if (!config?.onlyTransition) {
+                this._classList.remove(ANIMATION_CLASSES.enterTo);
+            }
+        }), takeUntil(this._destroy$), take(1))
+            .subscribe();
+    }
+    leave(config) {
+        if (this.state !== 'entered' && this.state !== 'entering' && isDevMode()) {
+            console.warn('Tried to leave while already leaving or left. This may result in unexpected behavior.', this);
+        }
+        if (this._classList.contains(ANIMATION_CLASSES.enterFrom) ||
+            this._classList.contains(ANIMATION_CLASSES.enterActive) ||
+            this._classList.contains(ANIMATION_CLASSES.enterTo)) {
+            this._classList.remove(ANIMATION_CLASSES.enterFrom);
+            this._classList.remove(ANIMATION_CLASSES.enterActive);
+            this._classList.remove(ANIMATION_CLASSES.enterTo);
+        }
+        this._state$.next('leaving');
+        if (!config?.onlyTransition) {
+            this._classList.add(ANIMATION_CLASSES.leaveFrom);
+        }
+        forceReflow();
+        this._classList.add(ANIMATION_CLASSES.leaveActive);
+        fromNextFrame()
+            .pipe(tap(() => {
+            if (!config?.onlyTransition) {
+                this._classList.remove(ANIMATION_CLASSES.leaveFrom);
+                this._classList.add(ANIMATION_CLASSES.leaveTo);
+            }
+        }), switchMap(() => this._animatable.animationEnd$), tap(() => {
+            this._state$.next('left');
+            this._classList.remove(ANIMATION_CLASSES.leaveActive);
+            if (!config?.onlyTransition) {
+                this._classList.remove(ANIMATION_CLASSES.leaveTo);
+            }
+        }), takeUntil(this._destroy$), take(1))
+            .subscribe();
+    }
+}
+AnimatedLifecycleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AnimatedLifecycleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AnimatedLifecycleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: AnimatedLifecycleDirective, isStandalone: true, selector: "[etAnimatedLifecycle]", providers: [
+        {
+            provide: ANIMATED_LIFECYCLE_TOKEN,
+            useExisting: AnimatedLifecycleDirective,
+        },
+        DestroyService,
+    ], exportAs: ["etAnimatedLifecycle"], hostDirectives: [{ directive: AnimatableDirective }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AnimatedLifecycleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[etAnimatedLifecycle]',
+                    exportAs: 'etAnimatedLifecycle',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: ANIMATED_LIFECYCLE_TOKEN,
+                            useExisting: AnimatedLifecycleDirective,
+                        },
+                        DestroyService,
+                    ],
+                    hostDirectives: [AnimatableDirective],
+                }]
+        }] });
+
 class ClickOutsideDirective {
     constructor() {
         this._elementRef = inject(ElementRef);
@@ -493,9 +1254,9 @@ class ClickOutsideDirective {
         this._subscription?.unsubscribe();
     }
 }
-ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: ClickOutsideDirective, isStandalone: true, selector: "[etClickOutside]", outputs: { etClickOutside: "etClickOutside" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ClickOutsideDirective, decorators: [{
+ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: ClickOutsideDirective, isStandalone: true, selector: "[etClickOutside]", outputs: { etClickOutside: "etClickOutside" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ClickOutsideDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etClickOutside]',
@@ -505,26 +1266,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImpor
                 type: Output
             }] } });
 
-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._destroy$ = inject(DestroyService, { host: true }).destroy$;
         this._elementRef = inject(ElementRef);
         this._contentObserverService = inject(ContentObserverService);
         this._resizeObserverService = inject(ResizeObserverService);
@@ -646,9 +1394,9 @@ class CursorDragScrollDirective {
         }
     }
 }
-CursorDragScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: CursorDragScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CursorDragScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", 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.2", ngImport: i0, type: CursorDragScrollDirective, decorators: [{
+CursorDragScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: CursorDragScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CursorDragScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: CursorDragScrollDirective, isStandalone: true, selector: "[etCursorDragScroll]", inputs: { enabled: ["etCursorDragScroll", "enabled"] }, providers: [DestroyService], exportAs: ["etCursorDragScroll"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: CursorDragScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etCursorDragScroll]',
@@ -661,25 +1409,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImpor
                 args: ['etCursorDragScroll']
             }] } });
 
-class DestroyDirective {
-    constructor() {
-        this._destroy$ = new Subject();
-        this.destroy$ = this._destroy$.asObservable();
-    }
-    ngOnDestroy() {
-        this._destroy$.next(true);
-        this._destroy$.unsubscribe();
-    }
-}
-DestroyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: DestroyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DestroyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: DestroyDirective, isStandalone: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: DestroyDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                }]
-        }] });
-
 class LetContext {
     constructor() {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -690,6 +1419,10 @@ class LetContext {
 }
 
 class LetDirective {
+    set etLet(value) {
+        this._context.$implicit = this._context.etLet = value;
+        this._updateView();
+    }
     constructor(_viewContainer, templateRef) {
         this._viewContainer = _viewContainer;
         this._context = new LetContext();
@@ -697,10 +1430,6 @@ class LetDirective {
         this._viewRef = null;
         this._templateRef = templateRef;
     }
-    set etLet(value) {
-        this._context.$implicit = this._context.etLet = value;
-        this._updateView();
-    }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     static ngTemplateContextGuard(dir, ctx) {
         return true;
@@ -714,9 +1443,9 @@ class LetDirective {
         }
     }
 }
-LetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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.2", type: LetDirective, isStandalone: true, selector: "[etLet]", inputs: { etLet: "etLet" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: LetDirective, decorators: [{
+LetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", 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.1.4", type: LetDirective, isStandalone: true, selector: "[etLet]", inputs: { etLet: "etLet" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: LetDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etLet]',
@@ -731,7 +1460,7 @@ class ObserveContentDirective {
         this._contentObserver = inject(ContentObserverService);
         this._elementRef = inject(ElementRef);
         this._ngZone = inject(NgZone);
-        this.event = new EventEmitter();
+        this.valueChange = new EventEmitter();
         this._disabled = false;
         this._debounce = null;
         this._currentSubscription = null;
@@ -762,23 +1491,23 @@ class ObserveContentDirective {
         this._unsubscribe();
         const stream = this._contentObserver.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$1(this.debounce)) : stream).subscribe(this.valueChange);
         });
     }
     _unsubscribe() {
         this._currentSubscription?.unsubscribe();
     }
 }
-ObserveContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ObserveContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ObserveContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", 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.2", ngImport: i0, type: ObserveContentDirective, decorators: [{
+ObserveContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ObserveContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ObserveContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: ObserveContentDirective, isStandalone: true, selector: "[etObserveContent]", inputs: { disabled: ["etObserveContentDisabled", "disabled"], debounce: ["etObserveContentDebounce", "debounce"] }, outputs: { valueChange: "etObserveContent" }, exportAs: ["etObserveContent"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ObserveContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etObserveContent]',
                     exportAs: 'etObserveContent',
                     standalone: true,
                 }]
-        }], propDecorators: { event: [{
+        }], propDecorators: { valueChange: [{
                 type: Output,
                 args: ['etObserveContent']
             }], disabled: [{
@@ -794,7 +1523,7 @@ class ObserveResizeDirective {
         this._resizeObserver = inject(ResizeObserverService);
         this._elementRef = inject(ElementRef);
         this._ngZone = inject(NgZone);
-        this.event = new EventEmitter();
+        this.valueChange = new EventEmitter();
         this._disabled = false;
         this._debounce = null;
         this._currentSubscription = null;
@@ -825,23 +1554,23 @@ class ObserveResizeDirective {
         this._unsubscribe();
         const stream = this._resizeObserver.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(this.debounce)) : stream).subscribe(this.valueChange);
         });
     }
     _unsubscribe() {
         this._currentSubscription?.unsubscribe();
     }
 }
-ObserveResizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ObserveResizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ObserveResizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", 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.2", ngImport: i0, type: ObserveResizeDirective, decorators: [{
+ObserveResizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ObserveResizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ObserveResizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: ObserveResizeDirective, isStandalone: true, selector: "[etObserveResize]", inputs: { disabled: ["etObserveResizeDisabled", "disabled"], debounce: ["etObserveResizeDebounce", "debounce"] }, outputs: { valueChange: "etObserveResize" }, exportAs: ["etObserveResize"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ObserveResizeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etObserveResize]',
                     exportAs: 'etObserveResize',
                     standalone: true,
                 }]
-        }], propDecorators: { event: [{
+        }], propDecorators: { valueChange: [{
                 type: Output,
                 args: ['etObserveResize']
             }], disabled: [{
@@ -864,9 +1593,9 @@ class ScrollObserverFirstElementDirective {
         this._isFirstElement = coerceBooleanProperty(value);
     }
 }
-ScrollObserverFirstElementDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ScrollObserverFirstElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ScrollObserverFirstElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", 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.2", ngImport: i0, type: ScrollObserverFirstElementDirective, decorators: [{
+ScrollObserverFirstElementDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ScrollObserverFirstElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ScrollObserverFirstElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", 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.1.4", ngImport: i0, type: ScrollObserverFirstElementDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etScrollObserverFirstElement]',
@@ -883,9 +1612,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImpor
 const SCROLL_OBSERVER_IGNORE_TARGET_CLASS = 'et-scroll-observer-ignore-target';
 class ScrollObserverIgnoreTargetDirective {
 }
-ScrollObserverIgnoreTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ScrollObserverIgnoreTargetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ScrollObserverIgnoreTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: ScrollObserverIgnoreTargetDirective, isStandalone: true, selector: "[etScrollObserverIgnoreTarget]", host: { classAttribute: "et-scroll-observer-ignore-target" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ScrollObserverIgnoreTargetDirective, decorators: [{
+ScrollObserverIgnoreTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ScrollObserverIgnoreTargetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ScrollObserverIgnoreTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: ScrollObserverIgnoreTargetDirective, isStandalone: true, selector: "[etScrollObserverIgnoreTarget]", host: { classAttribute: "et-scroll-observer-ignore-target" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ScrollObserverIgnoreTargetDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etScrollObserverIgnoreTarget]',
@@ -908,9 +1637,9 @@ class ScrollObserverLastElementDirective {
         this._isLastElement = coerceBooleanProperty(value);
     }
 }
-ScrollObserverLastElementDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ScrollObserverLastElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ScrollObserverLastElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", 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.2", ngImport: i0, type: ScrollObserverLastElementDirective, decorators: [{
+ScrollObserverLastElementDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ScrollObserverLastElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ScrollObserverLastElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", 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.1.4", ngImport: i0, type: ScrollObserverLastElementDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etScrollObserverLastElement]',
@@ -931,7 +1660,7 @@ const OBSERVE_SCROLL_STATE = new InjectionToken('OBSERVE_SCROLL_STATE');
 
 class ObserveScrollStateDirective {
     constructor() {
-        this._destroy$ = inject(DestroyService).destroy$;
+        this._destroy$ = inject(DestroyService, { host: true }).destroy$;
         this._elementRef = inject(ElementRef);
         this._contentObserverService = inject(ContentObserverService);
         this._resizeObserverService = inject(ResizeObserverService);
@@ -942,7 +1671,7 @@ class ObserveScrollStateDirective {
         this._rootMargin = 0;
         this._threshold = 1;
         this._intersectionObserver = null;
-        this.etObserveScrollState = new EventEmitter();
+        this.valueChange = new EventEmitter();
     }
     get _firstCurrentChild() {
         const explicitFirstElement = this._elementRef.nativeElement.querySelector(`.${SCROLL_OBSERVER_FIRST_ELEMENT_CLASS}`);
@@ -999,7 +1728,7 @@ class ObserveScrollStateDirective {
             !elementCanScroll(this._elementRef.nativeElement)) {
             this._unobserveChild('first');
             this._unobserveChild('last');
-            this.etObserveScrollState.emit({
+            this.valueChange.emit({
                 isAtStart: true,
                 isAtEnd: true,
                 canScroll: false,
@@ -1016,7 +1745,7 @@ class ObserveScrollStateDirective {
             const { first, last } = this._observedChildren;
             const isAtStart = entries.find((entry) => entry.target === first)?.isIntersecting ?? false;
             const isAtEnd = entries.find((entry) => entry.target === last)?.isIntersecting ?? false;
-            this.etObserveScrollState.emit({
+            this.valueChange.emit({
                 isAtStart,
                 isAtEnd,
                 canScroll: !isAtStart || !isAtEnd,
@@ -1060,15 +1789,15 @@ class ObserveScrollStateDirective {
         return element;
     }
 }
-ObserveScrollStateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ObserveScrollStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ObserveScrollStateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", 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.1.4", ngImport: i0, type: ObserveScrollStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ObserveScrollStateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: ObserveScrollStateDirective, isStandalone: true, selector: "[etObserveScrollState]", inputs: { observerRootMargin: "observerRootMargin", observerThreshold: "observerThreshold" }, outputs: { valueChange: "etObserveScrollState" }, providers: [
         {
             provide: OBSERVE_SCROLL_STATE,
             useExisting: ObserveScrollStateDirective,
         },
         DestroyService,
     ], exportAs: ["etObserveScrollState"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ObserveScrollStateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ObserveScrollStateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etObserveScrollState]',
@@ -1086,34 +1815,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImpor
                 type: Input
             }], observerThreshold: [{
                 type: Input
-            }], etObserveScrollState: [{
-                type: Output
+            }], valueChange: [{
+                type: Output,
+                args: ['etObserveScrollState']
             }] } });
 
 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();
     }
+    constructor(_mainTemplateRef, _viewContainerRef) {
+        this._mainTemplateRef = _mainTemplateRef;
+        this._viewContainerRef = _viewContainerRef;
+        this._repeatCount = 2;
+    }
     _render() {
+        this._viewContainerRef.clear();
         for (let i = 0; i < this.repeatCount; i++) {
             this._viewContainerRef.createEmbeddedView(this._mainTemplateRef);
         }
     }
 }
-RepeatDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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.2", type: RepeatDirective, isStandalone: true, selector: "[etRepeat]", inputs: { repeatCount: ["etRepeat", "repeatCount"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: RepeatDirective, decorators: [{
+RepeatDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", 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.1.4", type: RepeatDirective, isStandalone: true, selector: "[etRepeat]", inputs: { repeatCount: ["etRepeat", "repeatCount"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: RepeatDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etRepeat]',
@@ -1283,9 +2012,9 @@ class SeoDirective {
         }
     }
 }
-SeoDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SeoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-SeoDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: SeoDirective, isStandalone: true, providers: [{ provide: SEO_DIRECTIVE_TOKEN, useExisting: SeoDirective }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: SeoDirective, decorators: [{
+SeoDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SeoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+SeoDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: SeoDirective, isStandalone: true, providers: [{ provide: SEO_DIRECTIVE_TOKEN, useExisting: SeoDirective }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SeoDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -1332,9 +2061,9 @@ class NormalizeGameResultTypePipe {
         this.transform = normalizeGameResultType;
     }
 }
-NormalizeGameResultTypePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NormalizeGameResultTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-NormalizeGameResultTypePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: NormalizeGameResultTypePipe, isStandalone: true, name: "etNormalizeGameResultType" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NormalizeGameResultTypePipe, decorators: [{
+NormalizeGameResultTypePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: NormalizeGameResultTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+NormalizeGameResultTypePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: NormalizeGameResultTypePipe, isStandalone: true, name: "etNormalizeGameResultType" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: NormalizeGameResultTypePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'etNormalizeGameResultType', standalone: true }]
         }] });
@@ -1363,9 +2092,9 @@ class NormalizeMatchStatePipe {
         this.transform = normalizeMatchState;
     }
 }
-NormalizeMatchStatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NormalizeMatchStatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-NormalizeMatchStatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: NormalizeMatchStatePipe, isStandalone: true, name: "etNormalizeMatchState" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NormalizeMatchStatePipe, decorators: [{
+NormalizeMatchStatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: NormalizeMatchStatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+NormalizeMatchStatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: NormalizeMatchStatePipe, isStandalone: true, name: "etNormalizeMatchState" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: NormalizeMatchStatePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'etNormalizeMatchState', standalone: true }]
         }] });
@@ -1421,9 +2150,9 @@ class NormalizeMatchParticipantsPipe {
         this.transform = normalizeMatchParticipants;
     }
 }
-NormalizeMatchParticipantsPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NormalizeMatchParticipantsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-NormalizeMatchParticipantsPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: NormalizeMatchParticipantsPipe, isStandalone: true, name: "etNormalizeMatchParticipants" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NormalizeMatchParticipantsPipe, decorators: [{
+NormalizeMatchParticipantsPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: NormalizeMatchParticipantsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+NormalizeMatchParticipantsPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: NormalizeMatchParticipantsPipe, isStandalone: true, name: "etNormalizeMatchParticipants" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: NormalizeMatchParticipantsPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'etNormalizeMatchParticipants', standalone: true }]
         }] });
@@ -1558,9 +2287,9 @@ class NormalizeMatchScorePipe {
         this.transform = normalizeMatchScore;
     }
 }
-NormalizeMatchScorePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NormalizeMatchScorePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-NormalizeMatchScorePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: NormalizeMatchScorePipe, isStandalone: true, name: "etNormalizeMatchScore" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NormalizeMatchScorePipe, decorators: [{
+NormalizeMatchScorePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: NormalizeMatchScorePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+NormalizeMatchScorePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: NormalizeMatchScorePipe, isStandalone: true, name: "etNormalizeMatchScore" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: NormalizeMatchScorePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'etNormalizeMatchScore', standalone: true }]
         }] });
@@ -1608,9 +2337,9 @@ class NormalizeMatchTypePipe {
         this.transform = normalizeMatchType;
     }
 }
-NormalizeMatchTypePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NormalizeMatchTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-NormalizeMatchTypePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: NormalizeMatchTypePipe, isStandalone: true, name: "etNormalizeMatchType" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NormalizeMatchTypePipe, decorators: [{
+NormalizeMatchTypePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: NormalizeMatchTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+NormalizeMatchTypePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: NormalizeMatchTypePipe, isStandalone: true, name: "etNormalizeMatchType" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: NormalizeMatchTypePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'etNormalizeMatchType', standalone: true }]
         }] });
@@ -1625,16 +2354,95 @@ class ToArrayPipe {
         this.transform = toArray;
     }
 }
-ToArrayPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ToArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ToArrayPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: ToArrayPipe, isStandalone: true, name: "toArray" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ToArrayPipe, decorators: [{
+ToArrayPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ToArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ToArrayPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: ToArrayPipe, isStandalone: true, name: "toArray" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ToArrayPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'toArray', standalone: true }]
         }] });
 
+var _a;
+class TypedQueryList extends QueryList {
+    constructor() {
+        super(...arguments);
+        this[_a] = () => {
+            return super[Symbol.iterator]();
+        };
+    }
+    get changes() {
+        return super.changes;
+    }
+    toArray() {
+        return super.toArray();
+    }
+    forEach(fn) {
+        super.forEach(fn);
+    }
+    filter(fn) {
+        return super.filter(fn);
+    }
+    map(fn) {
+        return super.map(fn);
+    }
+    reduce(fn, initialValue) {
+        return super.reduce(fn, initialValue);
+    }
+    some(fn) {
+        return super.some(fn);
+    }
+    find(fn) {
+        return super.find(fn);
+    }
+}
+_a = Symbol.iterator;
+
+const IS_ARRAY_NOT_EMPTY = 'isArrayNotEmpty';
+const IsArrayNotEmpty = (control) => {
+    const value = control.value;
+    if (!value) {
+        return null;
+    }
+    return value.length > 0 ? null : { [IS_ARRAY_NOT_EMPTY]: true };
+};
+
+const IS_EMAIL = 'isEmail';
+const IsEmail = (control) => {
+    const value = control.value;
+    if (!value) {
+        return null;
+    }
+    const regex = /^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$/;
+    return regex.test(value) ? null : { [IS_EMAIL]: true };
+};
+
+const MUST_MATCH = 'mustMatch';
+const MustMatch = (controlName, matchingControlName) => {
+    return (formGroup) => {
+        const control = formGroup.controls[controlName];
+        const matchingControl = formGroup.controls[matchingControlName];
+        // set error on matchingControl if validation fails
+        if (matchingControl.errors && !matchingControl.errors[MUST_MATCH]) {
+            return;
+        }
+        // set error on matchingControl if validation fails
+        if (control.value !== matchingControl.value) {
+            matchingControl.setErrors({ [MUST_MATCH]: true });
+        }
+        else {
+            matchingControl.setErrors(null);
+        }
+    };
+};
+
+const Validators = {
+    MustMatch,
+    IsEmail,
+    IsArrayNotEmpty,
+};
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ClickObserverFactory, ClickObserverService, ClickOutsideDirective, ContentObserverService, CursorDragScrollDirective, DEFAULT_VIEWPORT_CONFIG, DestroyDirective, DestroyService, FocusVisibleService, LetContext, LetDirective, Memo, MutationObserverFactory, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, 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, getGroupMatchPoints, getGroupMatchScore, getKnockoutMatchScore, getMatchScoreSubLine, isGroupMatch, isKnockoutMatch, mergeSeoConfig, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, provideViewportConfig, toArray, toArrayTrackByFn };
+export { ANIMATABLE_TOKEN, ANIMATED_LIFECYCLE_TOKEN, AnimatableDirective, AnimatedLifecycleDirective, ClickObserverFactory, ClickObserverService, ClickOutsideDirective, ContentObserverService, CursorDragScrollDirective, DEFAULT_VIEWPORT_CONFIG, DestroyService, FocusVisibleService, IS_ARRAY_NOT_EMPTY, IS_EMAIL, IsArrayNotEmpty, IsEmail, LetContext, LetDirective, MUST_MATCH, Memo, MustMatch, MutationObserverFactory, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, OBSERVE_SCROLL_STATE, ObserveContentDirective, ObserveResizeDirective, ObserveScrollStateDirective, RepeatDirective, ResizeObserverFactory, ResizeObserverService, RouterStateService, SCROLL_OBSERVER_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_IGNORE_TARGET_CLASS, SCROLL_OBSERVER_LAST_ELEMENT_CLASS, SEO_DIRECTIVE_TOKEN, ScrollObserverFirstElementDirective, ScrollObserverIgnoreTargetDirective, ScrollObserverLastElementDirective, SeoDirective, StructuredDataComponent, ToArrayPipe, TypedQueryList, VIEWPORT_CONFIG, Validators, ViewportService, clamp, clone, createMediaQueryObservable, createReactiveBindings, deleteCookie, elementCanScroll, equal, forceReflow, fromNextFrame, getCookie, getDomain, getGroupMatchPoints, getGroupMatchScore, getKnockoutMatchScore, getMatchScoreSubLine, hasCookie, isGroupMatch, isKnockoutMatch, mergeSeoConfig, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, provideViewportConfig, routerDisableScrollTop, setCookie, toArray, toArrayTrackByFn };
 //# sourceMappingURL=ethlete-core.mjs.map