@ethlete/cdk 5.0.0-next.5 → 5.0.0-next.6

package/fesm2022/ethlete-cdk.mjs

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, TemplateRef, ViewContainerRef, Directive, input, booleanAttribute, computed, isDevMode, model, contentChild, effect, untracked, ChangeDetectionStrategy, ViewEncapsulation, Component, contentChildren, ElementRef, Injector, Input, numberAttribute, DOCUMENT, Injectable, ChangeDetectorRef, signal, forwardRef, ViewChild, ContentChildren, assertInInjectionContext, createComponent, EnvironmentInjector, createEnvironmentInjector, runInInjectionContext, linkedSignal, DestroyRef, isSignal, viewChild, viewChildren, provideEnvironmentInitializer, ApplicationRef, output, ContentChild, ViewChildren, EventEmitter, Output, Optional, SkipSelf, IterableDiffers, ComponentFactoryResolver, NgZone, HostAttributeToken } from '@angular/core';
+import { InjectionToken, inject, TemplateRef, ViewContainerRef, Directive, input, booleanAttribute, computed, isDevMode, model, contentChild, effect, untracked, ChangeDetectionStrategy, ViewEncapsulation, Component, contentChildren, ElementRef, Injector, Input, numberAttribute, DOCUMENT, Injectable, ChangeDetectorRef, signal, forwardRef, ViewChild, ContentChildren, assertInInjectionContext, createComponent, EnvironmentInjector, createEnvironmentInjector, runInInjectionContext, linkedSignal, DestroyRef, isSignal, viewChild, viewChildren, provideEnvironmentInitializer, ApplicationRef, output, ContentChild, ViewChildren, EventEmitter, Output, Optional, SkipSelf, PLATFORM_ID, inputBinding, afterRenderEffect, IterableDiffers, ComponentFactoryResolver, NgZone, HostAttributeToken } from '@angular/core';
 import * as i1 from '@angular/cdk/portal';
 import { CdkPortal, PortalModule, ComponentPortal, CdkPortalOutlet, TemplatePortal } from '@angular/cdk/portal';
 import { DomSanitizer, Title } from '@angular/platform-browser';
 import { trigger, state, style, transition, animate } from '@angular/animations';
-import { toObservable, takeUntilDestroyed, toSignal, outputFromObservable, outputToObservable } from '@angular/core/rxjs-interop';
+import { toObservable, takeUntilDestroyed, toSignal, outputFromObservable, outputToObservable, rxResource } from '@angular/core/rxjs-interop';
 import { map, switchMap, combineLatest, pairwise, tap, BehaviorSubject, filter, Subject, Observable, of, takeUntil, startWith, debounceTime, withLatestFrom, take, merge, skipUntil, fromEvent, timer, distinctUntilChanged, EMPTY, from, finalize, skip, takeWhile, shareReplay, skipWhile, catchError, throwError, Subscription } from 'rxjs';
 import { __decorate, __metadata } from 'tslib';
-import { AsyncPipe, NgComponentOutlet, Location, NgTemplateOutlet, NgClass, DOCUMENT as DOCUMENT$1, NgStyle } from '@angular/common';
+import { AsyncPipe, NgComponentOutlet, Location, NgTemplateOutlet, NgClass, DOCUMENT as DOCUMENT$1, isPlatformBrowser, NgStyle } from '@angular/common';
 import * as i1$1 from '@ethlete/core';
 import { createComponentId, injectRenderer, IS_EMAIL, MUST_MATCH, IS_ARRAY_NOT_EMPTY, AT_LEAST_ONE_REQUIRED, createDestroy, equal, signalHostClasses, signalAttributes, signalHostAttributes, switchQueryListChanges, controlValueSignal, fromNextFrame, elementCanScroll, AnimatedLifecycleDirective, forceReflow, nextFrame, createRootProvider, injectBreakpointObserver, THEME_PROVIDER, ProvideThemeDirective, BOUNDARY_ELEMENT_TOKEN, ScrollObserverDirective, signalElementScrollState, ScrollObserverStartDirective, ScrollObserverEndDirective, provideBoundaryElement, applyHostListener, injectBoundaryElement, ANIMATED_LIFECYCLE_TOKEN, cloneFormGroup, getFormGroupValue, injectQueryParam, injectRoute, AnimatedIfDirective, injectObserveBreakpoint, syncSignal, createDocumentElementSignal, createStaticRootProvider, AnimatedOverlayDirective, setInputSignal, typedBreakpointTransform, boolBreakpointTransform, numberBreakpointTransform, signalElementDimensions, createCanAnimateSignal, useCursorDragScroll, signalElementChildren, signalElementIntersection, signalClasses, signalHostStyles, signalStyles, getScrollSnapTarget, getScrollContainerTarget, getScrollItemTarget, getElementScrollCoordinates, provideBreakpointInstance, injectTemplateRef, signalHostElementScrollState, signalHostElementDimensions, createProvider, previousSignalValue, signalHostElementIntersection, injectHostElement, createFlipAnimation, isObject, getObjectProperty, RuntimeError, KeyPressManager, scrollToElement, ClickOutsideDirective, clamp, injectFocusVisibleTracker, inferMimeType, applyHostListeners, TypedQueryList } from '@ethlete/core';
 import * as i1$5 from '@angular/cdk/a11y';
@@ -19,7 +19,7 @@ import { coerceCssPixelValue, coerceElement, _isNumberValue } from '@angular/cdk
 import { Dialog, DialogConfig, CdkDialogContainer } from '@angular/cdk/dialog';
 import { NoopScrollStrategy, OverlayRef as OverlayRef$1, Overlay } from '@angular/cdk/overlay';
 import * as i1$2 from '@angular/router';
-import { RouterLink, Router, isActive, RouterLinkActive, NavigationEnd } from '@angular/router';
+import { Router, RouterLink, isActive, RouterLinkActive, NavigationEnd } from '@angular/router';
 import { isQueryStateLoading, isQueryStateFailure, queryComputed, switchQueryState, isQueryStateSuccess, extractQuery, QueryDirective, injectInfinityQueryResponseDelay, v2ShouldRetryRequest, parseHttpErrorCodeToTitleEn, parseHttpErrorCodeToTitleDe, parseHttpErrorCodeToMessageEn, parseHttpErrorCodeToMessageDe, isClassValidatorError, isSymfonyFormViolationListError, isSymfonyListError } from '@ethlete/query';
 import { format, parse } from 'date-fns';
 import { Platform } from '@angular/cdk/platform';
@@ -4154,7 +4154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
             }] } });
 
 const INPUT_TOKEN = new InjectionToken('ET_INPUT_DIRECTIVE_TOKEN');
-let nextUniqueId$6 = 0;
+let nextUniqueId$5 = 0;
 class InputDirective {
     get control() {
         if (!this._ngControl) {
@@ -4282,7 +4282,7 @@ class InputDirective {
         this._focusMonitor = inject(FocusMonitor);
         this._elementRef = inject(ElementRef);
         this._neverEmptyInputs = ['date', 'datetime', 'datetime-local', 'month', 'time', 'week'];
-        this._id = `et-input-${++nextUniqueId$6}`;
+        this._id = `et-input-${++nextUniqueId$5}`;
         this.autocomplete = input(null, ...(ngDevMode ? [{ debugName: "autocomplete" }] : []));
         this.placeholder = input(null, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
         this.min = input(null, ...(ngDevMode ? [{ debugName: "min" }] : []));
@@ -4699,11 +4699,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
         }] });
 
 const LABEL_TOKEN = new InjectionToken('ET_LABEL_COMPONENT_TOKEN');
-let nextUniqueId$5 = 0;
+let nextUniqueId$4 = 0;
 class LabelComponent {
     constructor() {
         this.formFieldStateService = inject(FormFieldStateService);
-        this.id = `et-label-${++nextUniqueId$5}`;
+        this.id = `et-label-${++nextUniqueId$4}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: LabelComponent, isStandalone: true, selector: "et-label", host: { classAttribute: "et-label" }, providers: [{ provide: LABEL_TOKEN, useExisting: LabelComponent }], exportAs: ["etLabel"], ngImport: i0, template: `
@@ -5265,7 +5265,131 @@ const mergeOverlayBreakpointConfigs = (...configs) => {
     return combinedConfig;
 };
 
-const isTouchEvent$3 = (event) => {
+const FLOATING_UI_PLACEMENTS = [
+    'top',
+    'left',
+    'bottom',
+    'right',
+    'top-start',
+    'top-end',
+    'right-start',
+    'right-end',
+    'bottom-start',
+    'bottom-end',
+    'left-start',
+    'left-end',
+];
+
+/**
+ * A utility function to enhance the ux of views containing forms.
+ * It helps to prevent the user from accidentally losing unsaved form changes.
+ */
+const createNavigationDismissChecker = (config) => {
+    assertInInjectionContext(createNavigationDismissChecker);
+    const { form, compareFn, dismissCheckFn } = config;
+    const currentFormValue = controlValueSignal(form);
+    const hasChanges = computed(() => {
+        const formValue = currentFormValue();
+        if (!formValue)
+            return false;
+        return !(compareFn ? compareFn(formValue, defaultFormValue()) : equal(formValue, defaultFormValue()));
+    }, ...(ngDevMode ? [{ debugName: "hasChanges" }] : []));
+    const defaultFormValue = signal(config.defaultValue ?? form.getRawValue(), ...(ngDevMode ? [{ debugName: "defaultFormValue" }] : []));
+    const runCheck = () => {
+        const isDefaultFormValue = !hasChanges();
+        if (isDefaultFormValue)
+            return of(true);
+        return dismissCheckFn(form.getRawValue());
+    };
+    const refreshDefaultFormValue = () => {
+        defaultFormValue.set(form.getRawValue());
+    };
+    const restoreDefaultFormValue = () => {
+        form.setValue(defaultFormValue());
+        refreshDefaultFormValue();
+    };
+    return {
+        runCheck,
+        refreshDefaultFormValue,
+        restoreDefaultFormValue,
+        hasChanges,
+        defaultFormValue: defaultFormValue.asReadonly(),
+    };
+};
+
+const injectRouterNavigationState = () => {
+    const router = inject(Router);
+    const navState = router.getCurrentNavigation()?.extras.state;
+    return (navState || null);
+};
+
+const getClientXY = (event) => {
+    if (event.type[0] === 't') {
+        const touch = event.targetTouches[0] ?? event.changedTouches[0];
+        return touch ? { clientX: touch.clientX, clientY: touch.clientY } : { clientX: 0, clientY: 0 };
+    }
+    return { clientX: event.clientX, clientY: event.clientY };
+};
+const createSwipeTracker = (startEvent) => {
+    const { clientX: originClientX, clientY: originClientY } = getClientXY(startEvent);
+    const startTime = Date.now();
+    let movementX = 0;
+    let movementY = 0;
+    let isSwiping = false;
+    let isScrolling = false;
+    const update = (event) => {
+        const { clientX, clientY } = getClientXY(event);
+        movementX = clientX - originClientX;
+        movementY = clientY - originClientY;
+        const positiveMovementX = Math.abs(movementX);
+        const positiveMovementY = Math.abs(movementY);
+        if (!isSwiping && !isScrolling) {
+            if (positiveMovementY > positiveMovementX) {
+                isScrolling = true;
+            }
+            else {
+                isSwiping = true;
+            }
+        }
+        return {
+            originClientX,
+            originClientY,
+            timestamp: startTime,
+            movementX,
+            movementY,
+            positiveMovementX,
+            positiveMovementY,
+            isScrolling,
+            isSwiping,
+        };
+    };
+    const end = () => {
+        const swipeTime = Math.max(1, Date.now() - startTime);
+        const positiveMovementX = Math.abs(movementX);
+        const positiveMovementY = Math.abs(movementY);
+        const pixelPerSecondX = (movementX / swipeTime) * 1000;
+        const pixelPerSecondY = (movementY / swipeTime) * 1000;
+        return {
+            movementX,
+            movementY,
+            positiveMovementX,
+            positiveMovementY,
+            pixelPerSecondX,
+            pixelPerSecondY,
+            positivePixelPerSecondX: Math.abs(pixelPerSecondX),
+            positivePixelPerSecondY: Math.abs(pixelPerSecondY),
+            originClientX,
+            originClientY,
+        };
+    };
+    const cancel = () => {
+        movementX = 0;
+        movementY = 0;
+    };
+    return { update, end, cancel };
+};
+
+const isTouchEvent$2 = (event) => {
     return event.type[0] === 't';
 };
 const defaultSwipeMoveStyleInterpolator = (event, config) => {
@@ -5384,15 +5508,29 @@ const shouldCancelDragForScrollableElement = (scrollableElement, direction) => {
  * Returns a cleanup function to disable the feature.
  */
 const enableDragToDismiss = (context) => {
-    const { element: el, overlayRef, swipeHandlerService, config } = context;
+    const { element: el, overlayRef, config } = context;
     const stop$ = new Subject();
-    let swipeId = null;
+    let tracker = null;
     let isSelectionActive = false;
+    let savedUserSelect = null;
+    const unlockSelection = () => {
+        if (savedUserSelect === null)
+            return;
+        document.body.style.userSelect = savedUserSelect;
+        savedUserSelect = null;
+    };
+    const lockSelection = () => {
+        if (savedUserSelect !== null)
+            return;
+        savedUserSelect = document.body.style.userSelect ?? '';
+        document.body.style.userSelect = 'none';
+    };
     const cancelDrag = () => {
+        unlockSelection();
         el.style.setProperty('transition', 'transform 100ms var(--ease-out-1)');
         el.style.transform =
             config.direction === 'to-bottom' || config.direction === 'to-top' ? 'translateY(0)' : 'translateX(0)';
-        swipeId = null;
+        tracker = null;
         setTimeout(() => {
             el.style.removeProperty('transition');
             el.style.removeProperty('transform');
@@ -5406,7 +5544,7 @@ const enableDragToDismiss = (context) => {
         const tag = target.tagName.toLowerCase();
         if (tag === 'input' || tag === 'textarea' || tag === 'select' || tag === 'button' || tag === 'a')
             return;
-        swipeId = swipeHandlerService.startSwipe(event);
+        tracker = createSwipeTracker(event);
     }))
         .subscribe();
     fromEvent(document, 'selectionchange')
@@ -5420,21 +5558,35 @@ const enableDragToDismiss = (context) => {
         isSelectionActive = true;
         cancelDrag();
     });
-    merge(fromEvent(el, 'touchmove'), fromEvent(el, 'mousemove'))
+    merge(fromEvent(el, 'touchmove', { passive: false }), fromEvent(el, 'mousemove'))
         .pipe(takeUntil(stop$), takeUntil(overlayRef.afterClosed()), tap((event) => {
-        if (swipeId === null || isSelectionActive)
+        if (tracker === null || isSelectionActive)
             return;
-        if (isTouchEvent$3(event)) {
+        if (isTouchEvent$2(event)) {
             const target = event.target;
             const scrollableElement = recursiveFindScrollableParent(target, config.direction);
             if (scrollableElement && shouldCancelDragForScrollableElement(scrollableElement, config.direction)) {
                 cancelDrag();
                 return;
             }
+            event.preventDefault();
+        }
+        const swipeData = tracker.update(event);
+        if (!isTouchEvent$2(event)) {
+            if (savedUserSelect === null) {
+                const { movementX, movementY } = swipeData;
+                const committed = config.direction === 'to-bottom'
+                    ? movementY >= 8
+                    : config.direction === 'to-top'
+                        ? movementY <= -8
+                        : config.direction === 'to-left'
+                            ? movementX <= -8
+                            : movementX >= 8;
+                if (!committed)
+                    return;
+                lockSelection();
+            }
         }
-        const swipeData = swipeHandlerService.updateSwipe(swipeId, event);
-        if (!swipeData)
-            return;
         const css = defaultSwipeMoveStyleInterpolator(swipeData, config);
         Object.entries(css).forEach(([key, value]) => {
             el.style.setProperty(key, value);
@@ -5442,13 +5594,17 @@ const enableDragToDismiss = (context) => {
     }))
         .subscribe();
     merge(fromEvent(el, 'touchend'), fromEvent(el, 'mouseup'))
-        .pipe(takeUntil(stop$), takeUntil(overlayRef.afterClosed()), tap(() => {
-        if (swipeId === null || isSelectionActive)
+        .pipe(takeUntil(stop$), takeUntil(overlayRef.afterClosed()), tap((event) => {
+        const wasMouseDrag = !isTouchEvent$2(event) && savedUserSelect !== null;
+        unlockSelection();
+        if (tracker === null || isSelectionActive)
             return;
-        const swipeData = swipeHandlerService.endSwipe(swipeId);
-        swipeId = null;
-        if (!swipeData)
+        if (!isTouchEvent$2(event) && !wasMouseDrag) {
+            tracker = null;
             return;
+        }
+        const swipeData = tracker.end();
+        tracker = null;
         const css = defaultSwipeEndStyleInterpolator(swipeData, config);
         if (!css) {
             overlayRef._closeOverlayVia('touch');
@@ -5469,6 +5625,7 @@ const enableDragToDismiss = (context) => {
         .subscribe();
     return {
         unsubscribe: () => {
+            unlockSelection();
             stop$.next();
             stop$.complete();
         },
@@ -5476,7 +5633,7 @@ const enableDragToDismiss = (context) => {
 };
 
 const isHtmlElement = (element) => element instanceof HTMLElement;
-const isTouchEvent$2 = (event) => event.type[0] === 't';
+const isTouchEvent$1 = (event) => event.type[0] === 't';
 const isPointerEvent = (event) => event.type[0] === 'c';
 const findNextRelevantHtmlElement = (element, depth = 0) => {
     if (!element || depth === 10)
@@ -5499,7 +5656,7 @@ const getOriginCoordinatesAndDimensions = (origin) => {
             element: origin,
         };
     }
-    if (isTouchEvent$2(origin) || isPointerEvent(origin)) {
+    if (isTouchEvent$1(origin) || isPointerEvent(origin)) {
         const target = origin.target;
         const relevantElement = findNextRelevantHtmlElement(target) ?? target;
         const rect = relevantElement.getBoundingClientRect();
@@ -7890,106 +8047,6 @@ const anchoredDialogOverlayStrategy = (config = {}) => {
     };
 };
 
-let nextUniqueId$4 = 0;
-const isTouchEvent$1 = (event) => {
-    return event.type[0] === 't';
-};
-class SwipeHandlerService {
-    constructor() {
-        this._handlerMap = {};
-    }
-    startSwipe(event) {
-        const handlerId = nextUniqueId$4++;
-        const originClientX = isTouchEvent$1(event) ? event.targetTouches[0].clientX : event.clientX;
-        const originClientY = isTouchEvent$1(event) ? event.targetTouches[0].clientY : event.clientY;
-        const timestamp = Date.now();
-        this._handlerMap[handlerId] = {
-            originClientX,
-            originClientY,
-            timestamp,
-            movementX: 0,
-            movementY: 0,
-            positiveMovementX: 0,
-            positiveMovementY: 0,
-            isScrolling: false,
-            isSwiping: false,
-        };
-        return handlerId;
-    }
-    updateSwipe(handlerId, event) {
-        const handler = this._getSwipeHandler(handlerId);
-        if (!handler)
-            return null;
-        const { originClientX, originClientY, isSwiping, isScrolling } = handler;
-        const currentClientX = isTouchEvent$1(event) ? event.targetTouches[0].clientX : event.clientX;
-        const currentClientY = isTouchEvent$1(event) ? event.targetTouches[0].clientY : event.clientY;
-        const movementX = (originClientX - currentClientX) * -1;
-        const movementY = (originClientY - currentClientY) * -1;
-        const positiveMovementX = Math.abs(movementX);
-        const positiveMovementY = Math.abs(movementY);
-        if (!isSwiping && !isScrolling) {
-            if (positiveMovementY > positiveMovementX) {
-                handler.isScrolling = true;
-            }
-            else {
-                handler.isSwiping = true;
-            }
-        }
-        handler.movementX = movementX;
-        handler.movementY = movementY;
-        handler.positiveMovementX = positiveMovementX;
-        handler.positiveMovementY = positiveMovementY;
-        return handler;
-    }
-    endSwipe(handlerId) {
-        const handler = this._getSwipeHandler(handlerId);
-        if (!handler)
-            return null;
-        const { movementX, movementY, timestamp, originClientX, originClientY, positiveMovementX, positiveMovementY } = handler;
-        const timestampStart = timestamp;
-        const timestampEnd = Date.now();
-        const swipeTime = timestampEnd - timestampStart;
-        const pixelPerMillisecondX = movementX ? movementX / swipeTime : 0;
-        const pixelPerSecondX = pixelPerMillisecondX * 1000;
-        const positivePixelPerSecondX = Math.abs(pixelPerSecondX);
-        const pixelPerMillisecondY = movementY ? movementY / swipeTime : 0;
-        const pixelPerSecondY = pixelPerMillisecondY * 1000;
-        const positivePixelPerSecondY = Math.abs(pixelPerSecondY);
-        delete this._handlerMap[handlerId];
-        const swipeEnd = {
-            positivePixelPerSecondX,
-            positivePixelPerSecondY,
-            pixelPerSecondX,
-            pixelPerSecondY,
-            movementX,
-            movementY,
-            originClientX,
-            originClientY,
-            positiveMovementX,
-            positiveMovementY,
-        };
-        return swipeEnd;
-    }
-    cancelSwipe(handlerId) {
-        delete this._handlerMap[handlerId];
-    }
-    _getSwipeHandler(handlerId) {
-        const handler = this._handlerMap[handlerId];
-        if (!handler) {
-            return null;
-        }
-        return handler;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SwipeHandlerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SwipeHandlerService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SwipeHandlerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
 const [provideBottomSheetStrategyDefaults, injectBottomSheetStrategyDefaults] = createStaticRootProvider({
     width: '100%',
     height: undefined,
@@ -8007,7 +8064,6 @@ const [provideBottomSheetStrategyDefaults, injectBottomSheetStrategyDefaults] =
 });
 const [provideBottomSheetStrategy, injectBottomSheetStrategy] = createRootProvider(() => {
     const defaults = injectBottomSheetStrategyDefaults();
-    const swipeHandlerService = inject(SwipeHandlerService);
     const build = (config = {}) => {
         const cfg = mergeOverlayBreakpointConfigs(defaults, config);
         let dragToDismissRef;
@@ -8018,7 +8074,6 @@ const [provideBottomSheetStrategy, injectBottomSheetStrategy] = createRootProvid
                 config: cfg.dragToDismiss,
                 element: context.containerEl,
                 overlayRef: context.overlayRef,
-                swipeHandlerService,
             });
         };
         const detachDragToDismiss = () => {
@@ -8186,7 +8241,6 @@ const [provideLeftSheetStrategyDefaults, injectLeftSheetStrategyDefaults] = crea
 });
 const [provideLeftSheetStrategy, injectLeftSheetStrategy] = createRootProvider(() => {
     const defaults = injectLeftSheetStrategyDefaults();
-    const swipeHandlerService = inject(SwipeHandlerService);
     const build = (config = {}) => {
         const cfg = mergeOverlayBreakpointConfigs(defaults, config);
         let dragToDismissRef;
@@ -8197,7 +8251,6 @@ const [provideLeftSheetStrategy, injectLeftSheetStrategy] = createRootProvider((
                 config: cfg.dragToDismiss,
                 element: context.containerEl,
                 overlayRef: context.overlayRef,
-                swipeHandlerService,
             });
         };
         const detachDragToDismiss = () => {
@@ -8252,7 +8305,6 @@ const [provideRightSheetStrategyDefaults, injectRightSheetStrategyDefaults] = cr
 });
 const [provideRightSheetStrategy, injectRightSheetStrategy] = createRootProvider(() => {
     const defaults = injectRightSheetStrategyDefaults();
-    const swipeHandlerService = inject(SwipeHandlerService);
     const build = (config = {}) => {
         const cfg = mergeOverlayBreakpointConfigs(defaults, config);
         let dragToDismissRef;
@@ -8263,7 +8315,6 @@ const [provideRightSheetStrategy, injectRightSheetStrategy] = createRootProvider
                 config: cfg.dragToDismiss,
                 element: context.containerEl,
                 overlayRef: context.overlayRef,
-                swipeHandlerService,
             });
         };
         const detachDragToDismiss = () => {
@@ -8364,7 +8415,6 @@ const [provideTopSheetStrategyDefaults, injectTopSheetStrategyDefaults] = create
 });
 const [provideTopSheetStrategy, injectTopSheetStrategy] = createRootProvider(() => {
     const defaults = injectTopSheetStrategyDefaults();
-    const swipeHandlerService = inject(SwipeHandlerService);
     const build = (config = {}) => {
         const cfg = mergeOverlayBreakpointConfigs(defaults, config);
         let dragToDismissRef;
@@ -8375,7 +8425,6 @@ const [provideTopSheetStrategy, injectTopSheetStrategy] = createRootProvider(()
                 config: cfg.dragToDismiss,
                 element: context.containerEl,
                 overlayRef: context.overlayRef,
-                swipeHandlerService,
             });
         };
         const detachDragToDismiss = () => {
@@ -14682,6 +14731,7 @@ class SelectDirective {
     }
     removeOptionFromSelection(option) {
         this._selectionModel.removeSelectedOption(option);
+        this.input._markAsTouched();
     }
     _controlTouched() {
         this.input._markAsTouched();
@@ -17527,82 +17577,1994 @@ const provideSort = () => {
     return [SORT_HEADER_INTL_PROVIDER];
 };
 
-class TableBusyDirective {
+const STREAM_CONSENT_TOKEN = new InjectionToken('STREAM_CONSENT_TOKEN');
+const STREAM_USER_CONSENT_PROVIDER_TOKEN = new InjectionToken('STREAM_USER_CONSENT_PROVIDER_TOKEN');
+const injectStreamUserConsentProvider = () => inject(STREAM_USER_CONSENT_PROVIDER_TOKEN, { optional: true });
+class StreamConsentDirective {
+    constructor() {
+        this._handler = injectStreamUserConsentProvider();
+        this._localGranted = signal(false, ...(ngDevMode ? [{ debugName: "_localGranted" }] : []));
+        this.isGranted = this._handler
+            ? computed(() => this._handler.isGranted())
+            : this._localGranted;
+    }
+    grant() {
+        if (this._handler) {
+            this._handler.grant();
+        }
+        else {
+            this._localGranted.set(true);
+        }
+    }
+    revoke() {
+        if (this._handler) {
+            this._handler.revoke?.();
+        }
+        else {
+            this._localGranted.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: StreamConsentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: StreamConsentDirective, isStandalone: true, providers: [{ provide: STREAM_CONSENT_TOKEN, useExisting: StreamConsentDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: StreamConsentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [{ provide: STREAM_CONSENT_TOKEN, useExisting: StreamConsentDirective }],
+                }]
+        }] });
+
+class StreamConsentAcceptDirective {
+    constructor() {
+        this.consent = inject(STREAM_CONSENT_TOKEN);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: StreamConsentAcceptDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: StreamConsentAcceptDirective, isStandalone: true, selector: "[etStreamConsentAccept]", host: { listeners: { "click": "consent.grant()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: StreamConsentAcceptDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[etStreamConsentAccept]',
+                    host: {
+                        '(click)': 'consent.grant()',
+                    },
+                }]
+        }] });
+
+const STREAM_CONSENT_CONTENT_TOKEN = new InjectionToken('STREAM_CONSENT_CONTENT_TOKEN');
+class StreamConsentContentDirective {
     constructor() {
         this.templateRef = inject(TemplateRef);
-        this._contentClassName = 'et-table-busy';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TableBusyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: TableBusyDirective, isStandalone: true, selector: "ng-template[etTableBusy]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: StreamConsentContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: StreamConsentContentDirective, isStandalone: true, selector: "[etStreamConsentContent]", providers: [{ provide: STREAM_CONSENT_CONTENT_TOKEN, useExisting: StreamConsentContentDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TableBusyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: StreamConsentContentDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'ng-template[etTableBusy]',
+                    selector: '[etStreamConsentContent]',
+                    providers: [{ provide: STREAM_CONSENT_CONTENT_TOKEN, useExisting: StreamConsentContentDirective }],
                 }]
         }] });
 
-// eslint-disable-next-line @angular-eslint/directive-selector
-class TableBusyOutletDirective {
+const STREAM_CONSENT_PLACEHOLDER_TOKEN = new InjectionToken('STREAM_CONSENT_PLACEHOLDER_TOKEN');
+class StreamConsentPlaceholderDirective {
     constructor() {
-        this.viewContainer = inject(ViewContainerRef);
-        this.elementRef = inject(ElementRef);
+        this.templateRef = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TableBusyOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: TableBusyOutletDirective, isStandalone: true, selector: "[tableBusyOutlet]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: StreamConsentPlaceholderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: StreamConsentPlaceholderDirective, isStandalone: true, selector: "[etStreamConsentPlaceholder]", providers: [{ provide: STREAM_CONSENT_PLACEHOLDER_TOKEN, useExisting: StreamConsentPlaceholderDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TableBusyOutletDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: StreamConsentPlaceholderDirective, decorators: [{
             type: Directive,
-            args: [{ selector: '[tableBusyOutlet]' }]
+            args: [{
+                    selector: '[etStreamConsentPlaceholder]',
+                    providers: [{ provide: STREAM_CONSENT_PLACEHOLDER_TOKEN, useExisting: StreamConsentPlaceholderDirective }],
+                }]
         }] });
 
-class TableComponent extends CdkTable {
+class StreamConsentComponent {
     constructor() {
-        super(...arguments);
-        this._cdr = inject(ChangeDetectorRef);
-        this.stickyCssClass = 'et-table-sticky';
-        this.needsPositionStickyOnElement = false;
-        this._tableBusyOutlet = viewChild(TableBusyOutletDirective, ...(ngDevMode ? [{ debugName: "_tableBusyOutlet" }] : []));
-        this._tableBusyComponent = contentChild(TableBusyDirective, ...(ngDevMode ? [{ debugName: "_tableBusyComponent" }] : []));
-        this._busy = false;
-        this._isShowingTableBusy = false;
+        this.consent = inject(STREAM_CONSENT_TOKEN);
+        this.contentSlot = contentChild(StreamConsentContentDirective, ...(ngDevMode ? [{ debugName: "contentSlot" }] : []));
+        this.placeholderSlot = contentChild(StreamConsentPlaceholderDirective, ...(ngDevMode ? [{ debugName: "placeholderSlot" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: StreamConsentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: StreamConsentComponent, isStandalone: true, selector: "et-stream-consent", host: { classAttribute: "et-stream-consent" }, queries: [{ propertyName: "contentSlot", first: true, predicate: StreamConsentContentDirective, descendants: true, isSignal: true }, { propertyName: "placeholderSlot", first: true, predicate: StreamConsentPlaceholderDirective, descendants: true, isSignal: true }], hostDirectives: [{ directive: StreamConsentDirective }], ngImport: i0, template: `
+    @if (consent.isGranted()) {
+      <ng-container [ngTemplateOutlet]="contentSlot()?.templateRef ?? null" />
+    } @else {
+      <ng-container [ngTemplateOutlet]="placeholderSlot()?.templateRef ?? null" />
     }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
-    get busy() {
-        return this._busy;
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: StreamConsentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'et-stream-consent',
+                    template: `
+    @if (consent.isGranted()) {
+      <ng-container [ngTemplateOutlet]="contentSlot()?.templateRef ?? null" />
+    } @else {
+      <ng-container [ngTemplateOutlet]="placeholderSlot()?.templateRef ?? null" />
     }
-    set busy(value) {
-        this._busy = booleanAttribute(value);
-        this._updateTableBusy();
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    hostDirectives: [{ directive: StreamConsentDirective }],
+                    imports: [NgTemplateOutlet],
+                    host: {
+                        class: 'et-stream-consent',
+                    },
+                }]
+        }], propDecorators: { contentSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => StreamConsentContentDirective), { isSignal: true }] }], placeholderSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => StreamConsentPlaceholderDirective), { isSignal: true }] }] } });
+
+const STREAM_PLAYER_TOKEN = new InjectionToken('STREAM_PLAYER_TOKEN');
+
+const DAILYMOTION_PLAYER_TOKEN = new InjectionToken('DAILYMOTION_PLAYER_TOKEN');
+const DEFAULT_STATE$7 = {
+    isReady: false,
+    isPlaying: false,
+    isMuted: false,
+    isEnded: false,
+    duration: null,
+    currentTime: null,
+};
+class DailymotionPlayerDirective {
+    constructor() {
+        this.el = injectHostElement();
+        this.platformId = inject(PLATFORM_ID);
+        this.CAPABILITIES = {
+            canPlay: false,
+            canPause: false,
+            canMute: false,
+            canSeek: false,
+            canGetDuration: false,
+            isLiveCapable: true,
+        };
+        this.state = signal({ ...DEFAULT_STATE$7 }, ...(ngDevMode ? [{ debugName: "state" }] : []));
+        this.videoId = input.required(...(ngDevMode ? [{ debugName: "videoId" }] : []));
+        this.startTime = input(0, { ...(ngDevMode ? { debugName: "startTime" } : {}), transform: numberAttribute });
+        this.width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
+        this.height = input('100%', ...(ngDevMode ? [{ debugName: "height" }] : []));
+        this.playerResource = rxResource({
+            params: () => (isPlatformBrowser(this.platformId) ? this.videoId() : null),
+            stream: ({ params: videoId }) => {
+                if (!videoId)
+                    return EMPTY;
+                return new Observable((subscriber) => {
+                    const iframe = document.createElement('iframe');
+                    const qs = new URLSearchParams({ autoplay: '0' });
+                    const startTime = this.startTime();
+                    if (startTime > 0)
+                        qs.set('start', String(startTime));
+                    const w = this.width();
+                    const h = this.height();
+                    iframe.src = `https://www.dailymotion.com/embed/video/${videoId}?${qs}`;
+                    iframe.width = typeof w === 'number' ? String(w) : w;
+                    iframe.height = typeof h === 'number' ? String(h) : h;
+                    iframe.style.border = 'none';
+                    iframe.allow = 'autoplay; encrypted-media';
+                    iframe.allowFullscreen = true;
+                    iframe.scrolling = 'no';
+                    iframe.addEventListener('load', () => {
+                        this.state.set({ ...DEFAULT_STATE$7, isReady: true });
+                        subscriber.next();
+                    });
+                    this.el.appendChild(iframe);
+                    return () => {
+                        if (this.el.contains(iframe))
+                            this.el.removeChild(iframe);
+                        this.state.set({ ...DEFAULT_STATE$7 });
+                    };
+                });
+            },
+        });
+        this.error = computed(() => (this.playerResource.isLoading() ? undefined : this.playerResource.error()), ...(ngDevMode ? [{ debugName: "error" }] : []));
     }
-    ngAfterContentInit() {
-        super.ngAfterContentInit();
-        this._updateTableBusy();
+    // Dailymotion embeds have no programmatic control API without a dashboard-created player ID
+    play() {
+        // no-op
     }
-    _updateTableBusy() {
-        const tableBusyComponent = this._tableBusyComponent();
-        if (!tableBusyComponent) {
-            return;
-        }
-        const shouldShow = this.busy;
-        if (shouldShow === this._isShowingTableBusy) {
-            return;
-        }
-        const container = this._tableBusyOutlet()?.viewContainer;
-        if (!container) {
-            return;
-        }
-        if (shouldShow) {
-            const view = container.createEmbeddedView(tableBusyComponent.templateRef);
-            const rootNode = view.rootNodes[0];
-            if (view.rootNodes.length === 1 && rootNode?.nodeType === document.ELEMENT_NODE) {
-                rootNode.classList.add(tableBusyComponent._contentClassName);
-            }
-        }
-        else {
-            container.clear();
-        }
+    pause() {
+        // no-op
+    }
+    mute() {
+        // no-op
+    }
+    unmute() {
+        // no-op
+    }
+    seek() {
+        // no-op
+    }
+    retry() {
+        this.playerResource.reload();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: DailymotionPlayerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: DailymotionPlayerDirective, isStandalone: true, inputs: { videoId: { classPropertyName: "videoId", publicName: "videoId", isSignal: true, isRequired: true, transformFunction: null }, startTime: { classPropertyName: "startTime", publicName: "startTime", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            { provide: DAILYMOTION_PLAYER_TOKEN, useExisting: DailymotionPlayerDirective },
+            { provide: STREAM_PLAYER_TOKEN, useExisting: DailymotionPlayerDirective },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: DailymotionPlayerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        { provide: DAILYMOTION_PLAYER_TOKEN, useExisting: DailymotionPlayerDirective },
+                        { provide: STREAM_PLAYER_TOKEN, useExisting: DailymotionPlayerDirective },
+                    ],
+                }]
+        }], propDecorators: { videoId: [{ type: i0.Input, args: [{ isSignal: true, alias: "videoId", required: true }] }], startTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "startTime", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }] } });
+
+class DailymotionPlayerComponent {
+    constructor() {
+        this.player = inject(DAILYMOTION_PLAYER_TOKEN);
+        this.state = this.player.state;
+        this.error = this.player.error;
+    }
+    retry() {
+        this.player.retry();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: DailymotionPlayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: DailymotionPlayerComponent, isStandalone: true, selector: "et-dailymotion-player", host: { classAttribute: "et-dailymotion-player" }, hostDirectives: [{ directive: DailymotionPlayerDirective, inputs: ["videoId", "videoId", "startTime", "startTime", "width", "width", "height", "height"] }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: DailymotionPlayerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'et-dailymotion-player',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    hostDirectives: [
+                        {
+                            directive: DailymotionPlayerDirective,
+                            inputs: ['videoId', 'startTime', 'width', 'height'],
+                        },
+                    ],
+                    host: {
+                        class: 'et-dailymotion-player',
+                    },
+                }]
+        }] });
+
+const [, injectStreamScriptLoader] = createRootProvider(() => {
+    const document = inject(DOCUMENT);
+    const cache = new Map();
+    const mountedScripts = new Set();
+    const renderer = injectRenderer();
+    const load = (src) => {
+        const cached = cache.get(src);
+        if (cached)
+            return cached;
+        const obs = new Observable((subscriber) => {
+            const isMounted = mountedScripts.has(src);
+            if (isMounted) {
+                subscriber.next();
+                subscriber.complete();
+                return;
+            }
+            const script = renderer.createElement('script');
+            script.src = src;
+            script.async = true;
+            renderer.listen(script, 'load', () => {
+                subscriber.next();
+                subscriber.complete();
+                mountedScripts.add(src);
+            });
+            renderer.listen(script, 'error', () => {
+                cache.delete(src);
+                script.remove();
+                mountedScripts.delete(src);
+                subscriber.error(new Error(`Failed to load script: ${src}`));
+            });
+            renderer.appendChild(document.head, script);
+        }).pipe(shareReplay(1));
+        cache.set(src, obs);
+        return obs;
+    };
+    return { load };
+}, { name: 'Stream Script Loader' });
+
+const FB_SDK_URL = 'https://connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v3.2';
+const FACEBOOK_PLAYER_TOKEN = new InjectionToken('FACEBOOK_PLAYER_TOKEN');
+const DEFAULT_STATE$6 = {
+    isReady: false,
+    isPlaying: false,
+    isMuted: false,
+    isEnded: false,
+    duration: null,
+    currentTime: null,
+};
+class FacebookPlayerDirective {
+    constructor() {
+        this.el = injectHostElement();
+        this.scriptLoader = injectStreamScriptLoader();
+        this.platformId = inject(PLATFORM_ID);
+        this.CAPABILITIES = {
+            canPlay: true,
+            canPause: true,
+            canMute: true,
+            canSeek: true,
+            canGetDuration: true,
+            isLiveCapable: false,
+        };
+        this.state = signal({ ...DEFAULT_STATE$6 }, ...(ngDevMode ? [{ debugName: "state" }] : []));
+        /** Numeric Facebook video ID from the video URL. */
+        this.videoId = input.required(...(ngDevMode ? [{ debugName: "videoId" }] : []));
+        this.width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
+        this.height = input('100%', ...(ngDevMode ? [{ debugName: "height" }] : []));
+        this.playerResource = rxResource({
+            params: () => (isPlatformBrowser(this.platformId) ? this.videoId() : null),
+            stream: ({ params: videoId }) => {
+                if (!videoId)
+                    return EMPTY;
+                const videoUrl = `https://www.facebook.com/video/${videoId}`;
+                return new Observable((subscriber) => {
+                    const win = window;
+                    const playerSubscriptions = [];
+                    let active = true;
+                    let loaderSub = null;
+                    let xfbmlReadyHandler = null;
+                    const createEmbed = () => {
+                        if (!active)
+                            return;
+                        const containerId = `et-fb-${Math.random().toString(36).slice(2)}`;
+                        xfbmlReadyHandler = (rawMsg) => {
+                            const msg = rawMsg;
+                            if (msg.type !== 'video' || msg.id !== containerId)
+                                return;
+                            const player = msg.instance;
+                            this.state.update((s) => ({ ...s, isReady: true }));
+                            subscriber.next(player);
+                            playerSubscriptions.push(player.subscribe('startedPlaying', () => {
+                                this.state.update((s) => ({ ...s, isPlaying: true, isEnded: false }));
+                            }));
+                            playerSubscriptions.push(player.subscribe('paused', () => {
+                                this.state.update((s) => ({ ...s, isPlaying: false }));
+                            }));
+                            playerSubscriptions.push(player.subscribe('finishedPlaying', () => {
+                                this.state.update((s) => ({ ...s, isPlaying: false, isEnded: true }));
+                            }));
+                        };
+                        win.FB.Event.subscribe('xfbml.ready', xfbmlReadyHandler);
+                        const w = this.width();
+                        const h = this.height();
+                        const container = document.createElement('div');
+                        container.id = containerId;
+                        container.className = 'fb-video';
+                        container.dataset['href'] = videoUrl;
+                        container.dataset['width'] = typeof w === 'number' ? String(w) : 'auto';
+                        container.dataset['showText'] = 'false';
+                        this.el.style.display = 'block';
+                        this.el.style.width = typeof w === 'number' ? `${w}px` : w;
+                        if (typeof h === 'number')
+                            this.el.style.height = `${h}px`;
+                        this.el.appendChild(container);
+                        win.FB.XFBML.parse(this.el);
+                    };
+                    if (win.FB) {
+                        createEmbed();
+                    }
+                    else {
+                        const prev = win.fbAsyncInit;
+                        win.fbAsyncInit = () => {
+                            prev?.();
+                            createEmbed();
+                        };
+                        loaderSub = this.scriptLoader.load(FB_SDK_URL).subscribe({
+                            error: (e) => subscriber.error(e),
+                        });
+                    }
+                    return () => {
+                        active = false;
+                        loaderSub?.unsubscribe();
+                        if (xfbmlReadyHandler)
+                            win.FB?.Event.unsubscribe('xfbml.ready', xfbmlReadyHandler);
+                        for (const sub of playerSubscriptions)
+                            sub.release();
+                        this.el.innerHTML = '';
+                        this.state.set({ ...DEFAULT_STATE$6 });
+                    };
+                });
+            },
+        });
+        this.error = computed(() => (this.playerResource.isLoading() ? undefined : this.playerResource.error()), ...(ngDevMode ? [{ debugName: "error" }] : []));
+    }
+    play() {
+        this.playerResource.value()?.play();
+    }
+    pause() {
+        this.playerResource.value()?.pause();
+    }
+    mute() {
+        this.playerResource.value()?.mute();
+        this.state.update((s) => ({ ...s, isMuted: true }));
+    }
+    unmute() {
+        this.playerResource.value()?.unmute();
+        this.state.update((s) => ({ ...s, isMuted: false }));
+    }
+    seek(seconds) {
+        this.playerResource.value()?.seek(seconds);
+    }
+    retry() {
+        this.playerResource.reload();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FacebookPlayerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: FacebookPlayerDirective, isStandalone: true, inputs: { videoId: { classPropertyName: "videoId", publicName: "videoId", isSignal: true, isRequired: true, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            { provide: FACEBOOK_PLAYER_TOKEN, useExisting: FacebookPlayerDirective },
+            { provide: STREAM_PLAYER_TOKEN, useExisting: FacebookPlayerDirective },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FacebookPlayerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        { provide: FACEBOOK_PLAYER_TOKEN, useExisting: FacebookPlayerDirective },
+                        { provide: STREAM_PLAYER_TOKEN, useExisting: FacebookPlayerDirective },
+                    ],
+                }]
+        }], propDecorators: { videoId: [{ type: i0.Input, args: [{ isSignal: true, alias: "videoId", required: true }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }] } });
+
+class FacebookPlayerComponent {
+    constructor() {
+        this.player = inject(FACEBOOK_PLAYER_TOKEN);
+        this.state = this.player.state;
+        this.error = this.player.error;
+    }
+    retry() {
+        this.player.retry();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FacebookPlayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: FacebookPlayerComponent, isStandalone: true, selector: "et-facebook-player", host: { classAttribute: "et-facebook-player" }, hostDirectives: [{ directive: FacebookPlayerDirective, inputs: ["videoId", "videoId", "width", "width", "height", "height"] }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FacebookPlayerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'et-facebook-player',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    hostDirectives: [
+                        {
+                            directive: FacebookPlayerDirective,
+                            inputs: ['videoId', 'width', 'height'],
+                        },
+                    ],
+                    host: {
+                        class: 'et-facebook-player',
+                    },
+                }]
+        }] });
+
+const KICK_PLAYER_TOKEN = new InjectionToken('KICK_PLAYER_TOKEN');
+const DEFAULT_STATE$5 = {
+    isReady: false,
+    isPlaying: false,
+    isMuted: false,
+    isEnded: false,
+    duration: null,
+    currentTime: null,
+};
+class KickPlayerDirective {
+    constructor() {
+        this.el = injectHostElement();
+        this.platformId = inject(PLATFORM_ID);
+        this.CAPABILITIES = {
+            canPlay: false,
+            canPause: false,
+            canMute: false,
+            canSeek: false,
+            canGetDuration: false,
+            isLiveCapable: true,
+        };
+        this.state = signal({ ...DEFAULT_STATE$5 }, ...(ngDevMode ? [{ debugName: "state" }] : []));
+        this.channel = input.required(...(ngDevMode ? [{ debugName: "channel" }] : []));
+        this.width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
+        this.height = input('100%', ...(ngDevMode ? [{ debugName: "height" }] : []));
+        this.muted = input(false, { ...(ngDevMode ? { debugName: "muted" } : {}), transform: booleanAttribute });
+        this.playerResource = rxResource({
+            params: () => (isPlatformBrowser(this.platformId) ? this.channel() : null),
+            stream: ({ params: channel }) => {
+                if (!channel)
+                    return EMPTY;
+                return new Observable((subscriber) => {
+                    const iframe = document.createElement('iframe');
+                    const qs = new URLSearchParams({ parent: window.location.hostname });
+                    if (this.muted())
+                        qs.set('muted', 'true');
+                    iframe.src = `https://player.kick.com/${channel}?${qs}`;
+                    iframe.width = String(this.width());
+                    iframe.height = String(this.height());
+                    iframe.style.border = 'none';
+                    iframe.scrolling = 'no';
+                    iframe.allowFullscreen = true;
+                    iframe.allow = 'autoplay; encrypted-media';
+                    iframe.addEventListener('load', () => {
+                        this.state.set({ ...DEFAULT_STATE$5, isReady: true });
+                        subscriber.next();
+                    });
+                    this.el.appendChild(iframe);
+                    return () => {
+                        if (this.el.contains(iframe)) {
+                            this.el.removeChild(iframe);
+                        }
+                        this.state.set({ ...DEFAULT_STATE$5 });
+                    };
+                });
+            },
+        });
+        this.error = computed(() => (this.playerResource.isLoading() ? undefined : this.playerResource.error()), ...(ngDevMode ? [{ debugName: "error" }] : []));
+    }
+    // Kick embeds have no programmatic control API — these are intentional no-ops.
+    play() {
+        // no-op
+    }
+    pause() {
+        // no-op
+    }
+    mute() {
+        // no-op
+    }
+    unmute() {
+        // no-op
+    }
+    seek() {
+        // no-op
+    }
+    retry() {
+        this.playerResource.reload();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: KickPlayerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: KickPlayerDirective, isStandalone: true, inputs: { channel: { classPropertyName: "channel", publicName: "channel", isSignal: true, isRequired: true, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, muted: { classPropertyName: "muted", publicName: "muted", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            { provide: KICK_PLAYER_TOKEN, useExisting: KickPlayerDirective },
+            { provide: STREAM_PLAYER_TOKEN, useExisting: KickPlayerDirective },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: KickPlayerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        { provide: KICK_PLAYER_TOKEN, useExisting: KickPlayerDirective },
+                        { provide: STREAM_PLAYER_TOKEN, useExisting: KickPlayerDirective },
+                    ],
+                }]
+        }], propDecorators: { channel: [{ type: i0.Input, args: [{ isSignal: true, alias: "channel", required: true }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], muted: [{ type: i0.Input, args: [{ isSignal: true, alias: "muted", required: false }] }] } });
+
+class KickPlayerComponent {
+    constructor() {
+        this.player = inject(KICK_PLAYER_TOKEN);
+        this.state = this.player.state;
+        this.error = this.player.error;
+    }
+    retry() {
+        this.player.retry();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: KickPlayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: KickPlayerComponent, isStandalone: true, selector: "et-kick-player", host: { classAttribute: "et-kick-player" }, hostDirectives: [{ directive: KickPlayerDirective, inputs: ["channel", "channel", "width", "width", "height", "height", "muted", "muted"] }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: KickPlayerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'et-kick-player',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    hostDirectives: [
+                        {
+                            directive: KickPlayerDirective,
+                            inputs: ['channel', 'width', 'height', 'muted'],
+                        },
+                    ],
+                    host: {
+                        class: 'et-kick-player',
+                    },
+                }]
+        }] });
+
+const SOOP_PLAYER_TOKEN = new InjectionToken('SOOP_PLAYER_TOKEN');
+const DEFAULT_STATE$4 = {
+    isReady: false,
+    isPlaying: false,
+    isMuted: false,
+    isEnded: false,
+    duration: null,
+    currentTime: null,
+};
+class SoopPlayerDirective {
+    constructor() {
+        this.el = injectHostElement();
+        this.platformId = inject(PLATFORM_ID);
+        this.CAPABILITIES = {
+            canPlay: false,
+            canPause: false,
+            canMute: false,
+            canSeek: false,
+            canGetDuration: false,
+            isLiveCapable: true,
+        };
+        this.state = signal({ ...DEFAULT_STATE$4 }, ...(ngDevMode ? [{ debugName: "state" }] : []));
+        /** Streamer user ID — used for live streams (play.afreecatv.com/{userId}/embed). */
+        this.userId = input(null, ...(ngDevMode ? [{ debugName: "userId" }] : []));
+        /** VOD number — used for recorded broadcasts (vod.afreecatv.com/player/{videoId}). */
+        this.videoId = input(null, ...(ngDevMode ? [{ debugName: "videoId" }] : []));
+        this.width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
+        this.height = input('100%', ...(ngDevMode ? [{ debugName: "height" }] : []));
+        this.playerResource = rxResource({
+            params: () => {
+                if (!isPlatformBrowser(this.platformId))
+                    return null;
+                const userId = this.userId();
+                const videoId = this.videoId();
+                if (!userId && !videoId)
+                    return null;
+                return { userId, videoId };
+            },
+            stream: ({ params }) => {
+                if (!params)
+                    return EMPTY;
+                return new Observable((subscriber) => {
+                    const iframe = document.createElement('iframe');
+                    const w = this.width();
+                    const h = this.height();
+                    if (params.userId) {
+                        iframe.src = `https://play.afreecatv.com/${params.userId}/embed`;
+                    }
+                    else {
+                        iframe.src = `https://vod.afreecatv.com/player/${params.videoId}`;
+                    }
+                    iframe.width = typeof w === 'number' ? String(w) : w;
+                    iframe.height = typeof h === 'number' ? String(h) : h;
+                    iframe.style.border = 'none';
+                    iframe.scrolling = 'no';
+                    iframe.allowFullscreen = true;
+                    iframe.allow = 'autoplay; encrypted-media';
+                    iframe.addEventListener('load', () => {
+                        this.state.set({ ...DEFAULT_STATE$4, isReady: true });
+                        subscriber.next();
+                    });
+                    this.el.appendChild(iframe);
+                    return () => {
+                        if (this.el.contains(iframe)) {
+                            this.el.removeChild(iframe);
+                        }
+                        this.state.set({ ...DEFAULT_STATE$4 });
+                    };
+                });
+            },
+        });
+        this.error = computed(() => (this.playerResource.isLoading() ? undefined : this.playerResource.error()), ...(ngDevMode ? [{ debugName: "error" }] : []));
+    }
+    // SOOP embeds have no programmatic control API — these are intentional no-ops.
+    play() {
+        // no-op
+    }
+    pause() {
+        // no-op
+    }
+    mute() {
+        // no-op
+    }
+    unmute() {
+        // no-op
+    }
+    seek() {
+        // no-op
+    }
+    retry() {
+        this.playerResource.reload();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SoopPlayerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: SoopPlayerDirective, isStandalone: true, inputs: { userId: { classPropertyName: "userId", publicName: "userId", isSignal: true, isRequired: false, transformFunction: null }, videoId: { classPropertyName: "videoId", publicName: "videoId", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            { provide: SOOP_PLAYER_TOKEN, useExisting: SoopPlayerDirective },
+            { provide: STREAM_PLAYER_TOKEN, useExisting: SoopPlayerDirective },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SoopPlayerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        { provide: SOOP_PLAYER_TOKEN, useExisting: SoopPlayerDirective },
+                        { provide: STREAM_PLAYER_TOKEN, useExisting: SoopPlayerDirective },
+                    ],
+                }]
+        }], propDecorators: { userId: [{ type: i0.Input, args: [{ isSignal: true, alias: "userId", required: false }] }], videoId: [{ type: i0.Input, args: [{ isSignal: true, alias: "videoId", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }] } });
+
+class SoopPlayerComponent {
+    constructor() {
+        this.player = inject(SOOP_PLAYER_TOKEN);
+        this.state = this.player.state;
+        this.error = this.player.error;
+    }
+    retry() {
+        this.player.retry();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SoopPlayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: SoopPlayerComponent, isStandalone: true, selector: "et-soop-player", host: { classAttribute: "et-soop-player" }, hostDirectives: [{ directive: SoopPlayerDirective, inputs: ["userId", "userId", "videoId", "videoId", "width", "width", "height", "height"] }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SoopPlayerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'et-soop-player',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    hostDirectives: [
+                        {
+                            directive: SoopPlayerDirective,
+                            inputs: ['userId', 'videoId', 'width', 'height'],
+                        },
+                    ],
+                    host: {
+                        class: 'et-soop-player',
+                    },
+                }]
+        }] });
+
+const TIKTOK_PLAYER_TOKEN = new InjectionToken('TIKTOK_PLAYER_TOKEN');
+const DEFAULT_STATE$3 = {
+    isReady: false,
+    isPlaying: false,
+    isMuted: false,
+    isEnded: false,
+    duration: null,
+    currentTime: null,
+};
+class TikTokPlayerDirective {
+    constructor() {
+        this.el = injectHostElement();
+        this.platformId = inject(PLATFORM_ID);
+        this.CAPABILITIES = {
+            canPlay: false,
+            canPause: false,
+            canMute: false,
+            canSeek: false,
+            canGetDuration: false,
+            isLiveCapable: false,
+        };
+        this.state = signal({ ...DEFAULT_STATE$3 }, ...(ngDevMode ? [{ debugName: "state" }] : []));
+        /** Numeric TikTok video ID from the post URL. */
+        this.videoId = input.required(...(ngDevMode ? [{ debugName: "videoId" }] : []));
+        this.width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
+        this.height = input('100%', ...(ngDevMode ? [{ debugName: "height" }] : []));
+        this.playerResource = rxResource({
+            params: () => (isPlatformBrowser(this.platformId) ? this.videoId() : null),
+            stream: ({ params: videoId }) => {
+                if (!videoId)
+                    return EMPTY;
+                return new Observable((subscriber) => {
+                    const iframe = document.createElement('iframe');
+                    const w = this.width();
+                    const h = this.height();
+                    iframe.src = `https://www.tiktok.com/embed/v2/${videoId}`;
+                    iframe.width = typeof w === 'number' ? String(w) : w;
+                    iframe.height = typeof h === 'number' ? String(h) : h;
+                    iframe.style.border = 'none';
+                    iframe.scrolling = 'no';
+                    iframe.allowFullscreen = true;
+                    iframe.allow = 'autoplay; encrypted-media';
+                    iframe.addEventListener('load', () => {
+                        this.state.set({ ...DEFAULT_STATE$3, isReady: true });
+                        subscriber.next();
+                    });
+                    this.el.appendChild(iframe);
+                    return () => {
+                        if (this.el.contains(iframe)) {
+                            this.el.removeChild(iframe);
+                        }
+                        this.state.set({ ...DEFAULT_STATE$3 });
+                    };
+                });
+            },
+        });
+        this.error = computed(() => (this.playerResource.isLoading() ? undefined : this.playerResource.error()), ...(ngDevMode ? [{ debugName: "error" }] : []));
+    }
+    // TikTok embeds have no programmatic control API — these are intentional no-ops.
+    play() {
+        // no-op
+    }
+    pause() {
+        // no-op
+    }
+    mute() {
+        // no-op
+    }
+    unmute() {
+        // no-op
+    }
+    seek() {
+        // no-op
+    }
+    retry() {
+        this.playerResource.reload();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TikTokPlayerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: TikTokPlayerDirective, isStandalone: true, inputs: { videoId: { classPropertyName: "videoId", publicName: "videoId", isSignal: true, isRequired: true, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            { provide: TIKTOK_PLAYER_TOKEN, useExisting: TikTokPlayerDirective },
+            { provide: STREAM_PLAYER_TOKEN, useExisting: TikTokPlayerDirective },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TikTokPlayerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        { provide: TIKTOK_PLAYER_TOKEN, useExisting: TikTokPlayerDirective },
+                        { provide: STREAM_PLAYER_TOKEN, useExisting: TikTokPlayerDirective },
+                    ],
+                }]
+        }], propDecorators: { videoId: [{ type: i0.Input, args: [{ isSignal: true, alias: "videoId", required: true }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }] } });
+
+class TikTokPlayerComponent {
+    constructor() {
+        this.player = inject(TIKTOK_PLAYER_TOKEN);
+        this.state = this.player.state;
+        this.error = this.player.error;
+    }
+    retry() {
+        this.player.retry();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TikTokPlayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: TikTokPlayerComponent, isStandalone: true, selector: "et-tiktok-player", host: { classAttribute: "et-tiktok-player" }, hostDirectives: [{ directive: TikTokPlayerDirective, inputs: ["videoId", "videoId", "width", "width", "height", "height"] }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TikTokPlayerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'et-tiktok-player',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    hostDirectives: [
+                        {
+                            directive: TikTokPlayerDirective,
+                            inputs: ['videoId', 'width', 'height'],
+                        },
+                    ],
+                    host: {
+                        class: 'et-tiktok-player',
+                    },
+                }]
+        }] });
+
+const TWITCH_EMBED_URL = 'https://embed.twitch.tv/embed/v1.js';
+const TWITCH_PLAYER_TOKEN = new InjectionToken('TWITCH_PLAYER_TOKEN');
+const DEFAULT_STATE$2 = {
+    isReady: false,
+    isPlaying: false,
+    isMuted: false,
+    isEnded: false,
+    duration: null,
+    currentTime: null,
+};
+class TwitchPlayerDirective {
+    constructor() {
+        this.el = injectHostElement();
+        this.scriptLoader = injectStreamScriptLoader();
+        this.platformId = inject(PLATFORM_ID);
+        this.CAPABILITIES = {
+            canPlay: true,
+            canPause: true,
+            canMute: true,
+            canSeek: true,
+            canGetDuration: true,
+            isLiveCapable: true,
+        };
+        this.state = signal({ ...DEFAULT_STATE$2 }, ...(ngDevMode ? [{ debugName: "state" }] : []));
+        /** Live channel name. Use either `channel` (live) or `video` (VOD), not both. */
+        this.channel = input(null, ...(ngDevMode ? [{ debugName: "channel" }] : []));
+        /** VOD video ID. Use either `channel` (live) or `video` (VOD), not both. */
+        this.video = input(null, ...(ngDevMode ? [{ debugName: "video" }] : []));
+        this.width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
+        this.height = input('100%', ...(ngDevMode ? [{ debugName: "height" }] : []));
+        this.autoplay = input(false, { ...(ngDevMode ? { debugName: "autoplay" } : {}), transform: booleanAttribute });
+        this.startTime = input(0, { ...(ngDevMode ? { debugName: "startTime" } : {}), transform: numberAttribute });
+        this.playerResource = rxResource({
+            params: () => {
+                if (!isPlatformBrowser(this.platformId))
+                    return null;
+                const channel = this.channel();
+                const video = this.video();
+                if (!channel && !video) {
+                    if (isDevMode())
+                        console.warn('[et-twitch-player] Either `channel` or `video` input is required.');
+                    return null;
+                }
+                return { channel, video };
+            },
+            stream: ({ params }) => {
+                if (!params)
+                    return EMPTY;
+                return this.scriptLoader.load(TWITCH_EMBED_URL).pipe(switchMap(() => new Observable((subscriber) => {
+                    const win = window;
+                    const TwitchEmbed = win.Twitch?.Embed;
+                    if (!TwitchEmbed) {
+                        if (isDevMode())
+                            console.error('[et-twitch-player] Twitch Embed SDK not available after script load.');
+                        subscriber.error(new Error('Twitch Embed SDK not available'));
+                        return;
+                    }
+                    let active = true;
+                    const startSeconds = this.startTime();
+                    const embed = new TwitchEmbed(this.el, {
+                        width: this.width(),
+                        height: this.height(),
+                        parent: [window.location.hostname],
+                        autoplay: this.autoplay(),
+                        ...(params.channel ? { channel: params.channel } : {}),
+                        ...(params.video ? { video: params.video } : {}),
+                        ...(startSeconds ? { time: secondsToTimestamp(startSeconds) } : {}),
+                    });
+                    embed.addEventListener(TwitchEmbed.READY, () => {
+                        if (!active)
+                            return;
+                        const player = embed.getPlayer();
+                        this.state.set({ ...DEFAULT_STATE$2, isReady: true });
+                        subscriber.next(player);
+                    });
+                    embed.addEventListener(TwitchEmbed.PLAY, () => {
+                        if (!active)
+                            return;
+                        const player = embed.getPlayer();
+                        this.state.update((s) => ({
+                            ...s,
+                            isPlaying: true,
+                            isEnded: false,
+                            duration: player.getDuration(),
+                            currentTime: player.getCurrentTime(),
+                        }));
+                    });
+                    embed.addEventListener(TwitchEmbed.PAUSE, () => {
+                        if (!active)
+                            return;
+                        this.state.update((s) => ({ ...s, isPlaying: false }));
+                    });
+                    embed.addEventListener(TwitchEmbed.ENDED, () => {
+                        if (!active)
+                            return;
+                        this.state.update((s) => ({ ...s, isPlaying: false, isEnded: true }));
+                    });
+                    return () => {
+                        active = false;
+                        this.el.innerHTML = '';
+                        this.state.set({ ...DEFAULT_STATE$2 });
+                    };
+                })));
+            },
+        });
+        this.error = computed(() => (this.playerResource.isLoading() ? undefined : this.playerResource.error()), ...(ngDevMode ? [{ debugName: "error" }] : []));
+    }
+    play() {
+        this.playerResource.value()?.play();
+    }
+    pause() {
+        this.playerResource.value()?.pause();
+    }
+    mute() {
+        this.playerResource.value()?.setMuted(true);
+        this.state.update((s) => ({ ...s, isMuted: true }));
+    }
+    unmute() {
+        this.playerResource.value()?.setMuted(false);
+        this.state.update((s) => ({ ...s, isMuted: false }));
+    }
+    seek(seconds) {
+        this.playerResource.value()?.seek(seconds);
+    }
+    retry() {
+        this.playerResource.reload();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TwitchPlayerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: TwitchPlayerDirective, isStandalone: true, inputs: { channel: { classPropertyName: "channel", publicName: "channel", isSignal: true, isRequired: false, transformFunction: null }, video: { classPropertyName: "video", publicName: "video", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, autoplay: { classPropertyName: "autoplay", publicName: "autoplay", isSignal: true, isRequired: false, transformFunction: null }, startTime: { classPropertyName: "startTime", publicName: "startTime", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            { provide: TWITCH_PLAYER_TOKEN, useExisting: TwitchPlayerDirective },
+            { provide: STREAM_PLAYER_TOKEN, useExisting: TwitchPlayerDirective },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TwitchPlayerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        { provide: TWITCH_PLAYER_TOKEN, useExisting: TwitchPlayerDirective },
+                        { provide: STREAM_PLAYER_TOKEN, useExisting: TwitchPlayerDirective },
+                    ],
+                }]
+        }], propDecorators: { channel: [{ type: i0.Input, args: [{ isSignal: true, alias: "channel", required: false }] }], video: [{ type: i0.Input, args: [{ isSignal: true, alias: "video", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], autoplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoplay", required: false }] }], startTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "startTime", required: false }] }] } });
+const secondsToTimestamp = (seconds) => {
+    const h = Math.floor(seconds / 3600);
+    const m = Math.floor((seconds % 3600) / 60);
+    const s = Math.floor(seconds % 60);
+    return `${h}h${m}m${s}s`;
+};
+
+class TwitchPlayerComponent {
+    constructor() {
+        this.player = inject(TWITCH_PLAYER_TOKEN);
+        this.state = this.player.state;
+        this.error = this.player.error;
+    }
+    retry() {
+        this.player.retry();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TwitchPlayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: TwitchPlayerComponent, isStandalone: true, selector: "et-twitch-player", host: { classAttribute: "et-twitch-player" }, hostDirectives: [{ directive: TwitchPlayerDirective, inputs: ["channel", "channel", "video", "video", "width", "width", "height", "height", "autoplay", "autoplay", "startTime", "startTime"] }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TwitchPlayerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'et-twitch-player',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    hostDirectives: [
+                        {
+                            directive: TwitchPlayerDirective,
+                            inputs: ['channel', 'video', 'width', 'height', 'autoplay', 'startTime'],
+                        },
+                    ],
+                    host: {
+                        class: 'et-twitch-player',
+                    },
+                }]
+        }] });
+
+const VIMEO_SDK_URL = 'https://player.vimeo.com/api/player.js';
+const VIMEO_PLAYER_TOKEN = new InjectionToken('VIMEO_PLAYER_TOKEN');
+const DEFAULT_STATE$1 = {
+    isReady: false,
+    isPlaying: false,
+    isMuted: false,
+    isEnded: false,
+    duration: null,
+    currentTime: null,
+};
+class VimeoPlayerDirective {
+    constructor() {
+        this.el = injectHostElement();
+        this.scriptLoader = injectStreamScriptLoader();
+        this.platformId = inject(PLATFORM_ID);
+        this.CAPABILITIES = {
+            canPlay: true,
+            canPause: true,
+            canMute: true,
+            canSeek: true,
+            canGetDuration: true,
+            isLiveCapable: true,
+        };
+        this.state = signal({ ...DEFAULT_STATE$1 }, ...(ngDevMode ? [{ debugName: "state" }] : []));
+        this.videoId = input.required(...(ngDevMode ? [{ debugName: "videoId" }] : []));
+        this.startTime = input(0, { ...(ngDevMode ? { debugName: "startTime" } : {}), transform: numberAttribute });
+        this.width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
+        this.height = input('100%', ...(ngDevMode ? [{ debugName: "height" }] : []));
+        this.playerResource = rxResource({
+            params: () => (isPlatformBrowser(this.platformId) ? this.videoId() : null),
+            stream: ({ params: videoId }) => {
+                if (!videoId)
+                    return EMPTY;
+                return this.scriptLoader.load(VIMEO_SDK_URL).pipe(switchMap(() => new Observable((subscriber) => {
+                    const win = window;
+                    const startTime = this.startTime();
+                    let active = true;
+                    // Vimeo width/height options only accept numbers (pixels).
+                    // Apply %/px sizing to the host element and let the iframe fill it.
+                    const w = this.width();
+                    const h = this.height();
+                    this.el.style.display = 'block';
+                    this.el.style.width = typeof w === 'number' ? `${w}px` : w;
+                    this.el.style.height = typeof h === 'number' ? `${h}px` : h;
+                    // responsive: true makes the iframe fill 100% of the host element.
+                    // Dimensions are applied to the host element via CSS above.
+                    const player = new win.Vimeo.Player(this.el, { id: videoId, responsive: true });
+                    const onPlay = (data) => {
+                        const e = data;
+                        this.state.update((s) => ({
+                            ...s,
+                            isPlaying: true,
+                            isEnded: false,
+                            duration: e.duration,
+                            currentTime: e.seconds,
+                        }));
+                    };
+                    const onPause = (data) => {
+                        const e = data;
+                        this.state.update((s) => ({ ...s, isPlaying: false, currentTime: e.seconds }));
+                    };
+                    const onEnded = (data) => {
+                        const e = data;
+                        this.state.update((s) => ({ ...s, isPlaying: false, isEnded: true, currentTime: e.seconds }));
+                    };
+                    const onTimeUpdate = (data) => {
+                        const e = data;
+                        this.state.update((s) => ({ ...s, duration: e.duration, currentTime: e.seconds }));
+                    };
+                    player.on('play', onPlay);
+                    player.on('pause', onPause);
+                    player.on('ended', onEnded);
+                    player.on('timeupdate', onTimeUpdate);
+                    player
+                        .ready()
+                        .then(() => player.getMuted())
+                        .then((isMuted) => {
+                        if (!active)
+                            return;
+                        this.state.set({ ...DEFAULT_STATE$1, isReady: true, isMuted });
+                        if (startTime > 0)
+                            player.setCurrentTime(startTime);
+                        subscriber.next(player);
+                    });
+                    return () => {
+                        active = false;
+                        player.off('play', onPlay);
+                        player.off('pause', onPause);
+                        player.off('ended', onEnded);
+                        player.off('timeupdate', onTimeUpdate);
+                        player.destroy();
+                        this.state.set({ ...DEFAULT_STATE$1 });
+                    };
+                })));
+            },
+        });
+        this.error = computed(() => (this.playerResource.isLoading() ? undefined : this.playerResource.error()), ...(ngDevMode ? [{ debugName: "error" }] : []));
+    }
+    play() {
+        this.playerResource.value()?.play();
+    }
+    pause() {
+        this.playerResource.value()?.pause();
+    }
+    mute() {
+        this.playerResource
+            .value()
+            ?.setMuted(true)
+            .then(() => this.state.update((s) => ({ ...s, isMuted: true })));
+    }
+    unmute() {
+        this.playerResource
+            .value()
+            ?.setMuted(false)
+            .then(() => this.state.update((s) => ({ ...s, isMuted: false })));
+    }
+    seek(seconds) {
+        this.playerResource.value()?.setCurrentTime(seconds);
+    }
+    retry() {
+        this.playerResource.reload();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: VimeoPlayerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: VimeoPlayerDirective, isStandalone: true, inputs: { videoId: { classPropertyName: "videoId", publicName: "videoId", isSignal: true, isRequired: true, transformFunction: null }, startTime: { classPropertyName: "startTime", publicName: "startTime", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            { provide: VIMEO_PLAYER_TOKEN, useExisting: VimeoPlayerDirective },
+            { provide: STREAM_PLAYER_TOKEN, useExisting: VimeoPlayerDirective },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: VimeoPlayerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        { provide: VIMEO_PLAYER_TOKEN, useExisting: VimeoPlayerDirective },
+                        { provide: STREAM_PLAYER_TOKEN, useExisting: VimeoPlayerDirective },
+                    ],
+                }]
+        }], propDecorators: { videoId: [{ type: i0.Input, args: [{ isSignal: true, alias: "videoId", required: true }] }], startTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "startTime", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }] } });
+
+class VimeoPlayerComponent {
+    constructor() {
+        this.player = inject(VIMEO_PLAYER_TOKEN);
+        this.state = this.player.state;
+        this.error = this.player.error;
+    }
+    retry() {
+        this.player.retry();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: VimeoPlayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: VimeoPlayerComponent, isStandalone: true, selector: "et-vimeo-player", host: { classAttribute: "et-vimeo-player" }, hostDirectives: [{ directive: VimeoPlayerDirective, inputs: ["videoId", "videoId", "startTime", "startTime", "width", "width", "height", "height"] }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: VimeoPlayerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'et-vimeo-player',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    hostDirectives: [
+                        {
+                            directive: VimeoPlayerDirective,
+                            inputs: ['videoId', 'startTime', 'width', 'height'],
+                        },
+                    ],
+                    host: {
+                        class: 'et-vimeo-player',
+                    },
+                }]
+        }] });
+
+class YoutubePlayerParamsDirective {
+    constructor() {
+        this.videoId = input.required(...(ngDevMode ? [{ debugName: "videoId" }] : []));
+        this.startTime = input(0, { ...(ngDevMode ? { debugName: "startTime" } : {}), transform: numberAttribute });
+        this.width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
+        this.height = input('100%', ...(ngDevMode ? [{ debugName: "height" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: YoutubePlayerParamsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: YoutubePlayerParamsDirective, isStandalone: true, inputs: { videoId: { classPropertyName: "videoId", publicName: "videoId", isSignal: true, isRequired: true, transformFunction: null }, startTime: { classPropertyName: "startTime", publicName: "startTime", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: YoutubePlayerParamsDirective, decorators: [{
+            type: Directive,
+            args: [{}]
+        }], propDecorators: { videoId: [{ type: i0.Input, args: [{ isSignal: true, alias: "videoId", required: true }] }], startTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "startTime", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }] } });
+
+const pipMoveBefore = (newParent, child, before = null) => {
+    if ('moveBefore' in newParent) {
+        try {
+            newParent.moveBefore(child, before);
+        }
+        catch {
+            newParent.insertBefore(child, before);
+        }
+    }
+    else {
+        newParent.insertBefore(child, before);
+    }
+};
+const animateWithFixedWrapper = (config) => {
+    const { playerEl, fromRect, toRect, document, onFinish, duration = 250, easing = 'cubic-bezier(0.4, 0, 0.2, 1)', } = config;
+    const wrapper = document.createElement('div');
+    wrapper.style.cssText = `
+    position: fixed;
+    left: ${fromRect.left}px;
+    top: ${fromRect.top}px;
+    width: ${fromRect.width}px;
+    height: ${fromRect.height}px;
+    overflow: visible;
+    pointer-events: none;
+    z-index: 2147483647;
+  `;
+    document.body.appendChild(wrapper);
+    pipMoveBefore(wrapper, playerEl);
+    const dx = toRect.left - fromRect.left;
+    const dy = toRect.top - fromRect.top;
+    const sx = fromRect.width > 0 ? toRect.width / fromRect.width : 1;
+    const sy = fromRect.height > 0 ? toRect.height / fromRect.height : 1;
+    const anim = wrapper.animate([
+        { transformOrigin: 'top left', transform: 'none' },
+        { transformOrigin: 'top left', transform: `translate(${dx}px, ${dy}px) scale(${sx}, ${sy})` },
+    ], { duration, easing, fill: 'both' });
+    const cleanup = () => {
+        onFinish();
+        wrapper.remove();
+    };
+    anim.addEventListener('finish', cleanup, { once: true });
+    anim.addEventListener('cancel', cleanup, { once: true });
+};
+const [provideStreamPipManager, injectStreamPipManager] = createRootProvider(() => {
+    const document = inject(DOCUMENT);
+    const container = document.createElement('div');
+    container.className = 'et-stream-pip';
+    document.body.appendChild(container);
+    const _entry = signal(null, ...(ngDevMode ? [{ debugName: "_entry" }] : []));
+    const isActive = computed(() => _entry() !== null, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
+    const activate = (element) => {
+        if (_entry())
+            return;
+        const originalParent = element.parentElement;
+        if (!originalParent) {
+            console.warn('[StreamPipManager] activate() called on a detached element.');
+            return;
+        }
+        const originalNextSibling = element.nextSibling;
+        pipMoveBefore(container, element);
+        _entry.set({ element, originalParent, originalNextSibling });
+    };
+    const deactivate = () => {
+        const entry = _entry();
+        if (!entry)
+            return;
+        const { element, originalParent, originalNextSibling } = entry;
+        if (originalParent.isConnected) {
+            pipMoveBefore(originalParent, element, originalNextSibling);
+        }
+        else {
+            element.remove();
+        }
+        _entry.set(null);
+    };
+    return { activate, deactivate, isActive, container };
+}, { name: 'Stream PIP Manager' });
+
+const [provideStreamManager, injectStreamManager] = createRootProvider(() => {
+    const document = inject(DOCUMENT);
+    const renderer = injectRenderer();
+    const container = renderer.createElement('div');
+    renderer.addClass(container, 'et-stream-manager');
+    renderer.appendChild(document.body, container);
+    const players = new Map();
+    const slots = new Map();
+    const pips = signal([], ...(ngDevMode ? [{ debugName: "pips" }] : []));
+    const pipInitialRects = new Map();
+    const resolveBestSlot = (playerId) => {
+        let best = null;
+        for (const slot of slots.values()) {
+            if (slot.playerId !== playerId)
+                continue;
+            if (!best) {
+                best = slot;
+                continue;
+            }
+            if (!best.priority) {
+                best = slot;
+                continue;
+            }
+            if (slot.priority) {
+                best = slot;
+            }
+        }
+        return best;
+    };
+    const moveWithFlip = (element, targetParent) => {
+        const initialRect = element.getBoundingClientRect();
+        if (initialRect.width === 0 && initialRect.height === 0) {
+            pipMoveBefore(targetParent, element);
+            return;
+        }
+        const flip = createFlipAnimation({ element });
+        flip.updateInit();
+        pipMoveBefore(targetParent, element);
+        flip.play();
+    };
+    const hasSlotFor = (playerId) => {
+        for (const slot of slots.values()) {
+            if (slot.playerId === playerId)
+                return true;
+        }
+        return false;
+    };
+    const isInPip = (playerId) => pips().some((p) => p.playerId === playerId);
+    const reassignPlayer = (playerId) => {
+        const player = players.get(playerId);
+        if (!player || isInPip(playerId))
+            return;
+        const bestSlot = resolveBestSlot(playerId);
+        const targetParent = bestSlot?.element ?? container;
+        if (player.element.parentElement !== targetParent) {
+            moveWithFlip(player.element, targetParent);
+            player.currentSlotElement = bestSlot?.element ?? null;
+        }
+    };
+    const registerPlayer = (entry) => {
+        const internal = {
+            ...entry,
+            currentSlotElement: null,
+            isOrphaned: false,
+            isAnimatingOut: false,
+        };
+        players.set(entry.id, internal);
+        renderer.appendChild(container, entry.element);
+        reassignPlayer(entry.id);
+    };
+    const unregisterPlayer = (playerId) => {
+        const entry = players.get(playerId);
+        if (!entry)
+            return;
+        entry.element.remove();
+        players.delete(playerId);
+        pips.update((pips) => pips.filter((p) => p.playerId !== playerId));
+        entry.onDestroy?.();
+    };
+    const registerSlot = (entry) => {
+        slots.set(entry.element, entry);
+        const player = players.get(entry.playerId);
+        if (player?.isOrphaned)
+            player.isOrphaned = false;
+        reassignPlayer(entry.playerId);
+    };
+    const unregisterSlot = (element) => {
+        const slot = slots.get(element);
+        if (!slot)
+            return;
+        slots.delete(element);
+        const player = players.get(slot.playerId);
+        if (!player)
+            return;
+        const hasOtherSlot = hasSlotFor(slot.playerId);
+        if (isInPip(slot.playerId)) {
+            if (!hasOtherSlot)
+                player.isOrphaned = true;
+            return;
+        }
+        if (player.currentSlotElement === element) {
+            if (hasOtherSlot) {
+                reassignPlayer(slot.playerId);
+            }
+            else {
+                unregisterPlayer(slot.playerId);
+            }
+        }
+    };
+    const pipActivate = (element, onBack) => {
+        const slot = slots.get(element);
+        if (!slot)
+            return;
+        const player = players.get(slot.playerId);
+        if (!player || isInPip(slot.playerId))
+            return;
+        const initialRect = player.element.getBoundingClientRect();
+        if (initialRect.width > 0 || initialRect.height > 0) {
+            pipInitialRects.set(slot.playerId, initialRect);
+        }
+        pipMoveBefore(container, player.element);
+        player.currentSlotElement = null;
+        pips.update((pips) => [...pips, { playerId: slot.playerId, onBack: onBack ?? slot.onPipBack }]);
+    };
+    const pipDeactivate = (playerId) => {
+        if (!isInPip(playerId))
+            return;
+        pipInitialRects.delete(playerId);
+        const player = players.get(playerId);
+        if (!player) {
+            pips.update((pips) => pips.filter((p) => p.playerId !== playerId));
+            return;
+        }
+        if (player.isOrphaned) {
+            pips.update((pips) => pips.filter((p) => p.playerId !== playerId));
+            unregisterPlayer(playerId);
+            return;
+        }
+        const fromRect = player.element.getBoundingClientRect();
+        const bestSlot = resolveBestSlot(playerId);
+        const targetParent = bestSlot?.element ?? container;
+        const toRect = targetParent.getBoundingClientRect();
+        if (fromRect.width > 0 && fromRect.height > 0 && toRect.width > 0 && toRect.height > 0) {
+            player.isAnimatingOut = true;
+            animateWithFixedWrapper({
+                playerEl: player.element,
+                fromRect,
+                toRect,
+                document,
+                onFinish: () => {
+                    player.isAnimatingOut = false;
+                    pipMoveBefore(targetParent, player.element);
+                    player.currentSlotElement = bestSlot?.element ?? null;
+                },
+            });
+        }
+        else {
+            pipMoveBefore(targetParent, player.element);
+            player.currentSlotElement = bestSlot?.element ?? null;
+        }
+        pips.update((pips) => pips.filter((p) => p.playerId !== playerId));
+    };
+    const transferPlayer = (oldId, newId) => {
+        const entry = players.get(oldId);
+        if (!entry || oldId === newId)
+            return;
+        players.delete(oldId);
+        players.set(newId, { ...entry, id: newId });
+        pips.update((pips) => pips.map((p) => (p.playerId === oldId ? { ...p, playerId: newId } : p)));
+    };
+    const getPlayerElement = (playerId) => players.get(playerId)?.element ?? null;
+    const getInitialRect = (playerId) => {
+        const rect = pipInitialRects.get(playerId) ?? null;
+        pipInitialRects.delete(playerId);
+        return rect;
+    };
+    const parkPlayerElement = (playerId) => {
+        const player = players.get(playerId);
+        if (!player)
+            return;
+        if (player.isAnimatingOut)
+            return;
+        if (player.element.parentElement === container)
+            return;
+        pipMoveBefore(container, player.element);
+    };
+    return {
+        pips: pips.asReadonly(),
+        registerPlayer,
+        unregisterPlayer,
+        registerSlot,
+        unregisterSlot,
+        pipActivate,
+        pipDeactivate,
+        transferPlayer,
+        getPlayerElement,
+        getInitialRect,
+        parkPlayerElement,
+    };
+}, { name: 'Stream Manager' });
+
+const YT_API_URL = 'https://www.youtube.com/iframe_api';
+const YOUTUBE_PLAYER_TOKEN = new InjectionToken('YOUTUBE_PLAYER_TOKEN');
+const DEFAULT_STATE = {
+    isReady: false,
+    isPlaying: false,
+    isMuted: false,
+    isEnded: false,
+    duration: null,
+    currentTime: null,
+};
+const waitForYtReady = () => {
+    const win = window;
+    if (win.YT?.Player)
+        return of(undefined);
+    return new Observable((subscriber) => {
+        const prev = win.onYouTubeIframeAPIReady;
+        win.onYouTubeIframeAPIReady = () => {
+            prev?.();
+            subscriber.next();
+            subscriber.complete();
+        };
+    });
+};
+class YoutubePlayerDirective {
+    constructor() {
+        this.el = injectHostElement();
+        this.scriptLoader = injectStreamScriptLoader();
+        this.platformId = inject(PLATFORM_ID);
+        this.renderer = injectRenderer();
+        this.params = inject(YoutubePlayerParamsDirective);
+        this.CAPABILITIES = {
+            canPlay: true,
+            canPause: true,
+            canMute: true,
+            canSeek: true,
+            canGetDuration: true,
+            isLiveCapable: true,
+        };
+        this.state = signal({ ...DEFAULT_STATE }, ...(ngDevMode ? [{ debugName: "state" }] : []));
+        this.playerResource = rxResource({
+            params: () => (isPlatformBrowser(this.platformId) ? this.params.videoId() : null),
+            stream: ({ params: videoId }) => {
+                if (!videoId)
+                    return EMPTY;
+                return this.scriptLoader.load(YT_API_URL).pipe(switchMap(() => waitForYtReady()), switchMap(() => new Observable((subscriber) => {
+                    const win = window;
+                    if (isDevMode() && !win.YT?.Player) {
+                        console.error('[et-youtube-player] YT.Player not available after SDK load.');
+                    }
+                    let currentTimeInterval = null;
+                    const clearCurrentTimeInterval = () => {
+                        if (currentTimeInterval !== null) {
+                            clearInterval(currentTimeInterval);
+                            currentTimeInterval = null;
+                        }
+                    };
+                    const placeholder = this.renderer.createElement('div');
+                    this.renderer.appendChild(this.el, placeholder);
+                    const player = new win.YT.Player(placeholder, {
+                        videoId,
+                        width: this.params.width(),
+                        height: this.params.height(),
+                        playerVars: {
+                            enablejsapi: 1,
+                            origin: window.location.origin,
+                            start: this.params.startTime() || undefined,
+                            rel: 0,
+                        },
+                        events: {
+                            onReady: () => {
+                                this.state.set({ ...DEFAULT_STATE, isReady: true });
+                                subscriber.next(player);
+                            },
+                            onStateChange: (event) => {
+                                const YT = win.YT;
+                                const s = event.data;
+                                const isPlaying = s === YT.PlayerState.PLAYING;
+                                clearCurrentTimeInterval();
+                                if (isPlaying) {
+                                    currentTimeInterval = setInterval(() => {
+                                        this.state.update((prev) => ({
+                                            ...prev,
+                                            currentTime: player.getCurrentTime() ?? null,
+                                        }));
+                                    }, 250);
+                                }
+                                this.state.update((prev) => ({
+                                    ...prev,
+                                    isPlaying,
+                                    isEnded: s === YT.PlayerState.ENDED,
+                                    duration: player.getDuration() ?? null,
+                                    currentTime: player.getCurrentTime() ?? null,
+                                    isMuted: player.isMuted(),
+                                }));
+                            },
+                        },
+                    });
+                    return () => {
+                        clearCurrentTimeInterval();
+                        player.destroy();
+                        this.state.set({ ...DEFAULT_STATE });
+                    };
+                })));
+            },
+        });
+        this.error = computed(() => (this.playerResource.isLoading() ? undefined : this.playerResource.error()), ...(ngDevMode ? [{ debugName: "error" }] : []));
+    }
+    play() {
+        this.playerResource.value()?.playVideo();
+    }
+    pause() {
+        this.playerResource.value()?.pauseVideo();
+    }
+    mute() {
+        this.playerResource.value()?.mute();
+        this.state.update((s) => ({ ...s, isMuted: true }));
+    }
+    unmute() {
+        this.playerResource.value()?.unMute();
+        this.state.update((s) => ({ ...s, isMuted: false }));
+    }
+    seek(seconds) {
+        this.playerResource.value()?.seekTo(seconds, true);
+    }
+    retry() {
+        this.playerResource.reload();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: YoutubePlayerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: YoutubePlayerDirective, isStandalone: true, providers: [
+            { provide: YOUTUBE_PLAYER_TOKEN, useExisting: YoutubePlayerDirective },
+            { provide: STREAM_PLAYER_TOKEN, useExisting: YoutubePlayerDirective },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: YoutubePlayerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        { provide: YOUTUBE_PLAYER_TOKEN, useExisting: YoutubePlayerDirective },
+                        { provide: STREAM_PLAYER_TOKEN, useExisting: YoutubePlayerDirective },
+                    ],
+                }]
+        }] });
+
+class YoutubePlayerComponent {
+    constructor() {
+        this.player = inject(YOUTUBE_PLAYER_TOKEN);
+        this.state = this.player.state;
+        this.error = this.player.error;
+    }
+    retry() {
+        this.player.retry();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: YoutubePlayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: YoutubePlayerComponent, isStandalone: true, selector: "et-youtube-player", host: { styleAttribute: "display: block; width: 100%; height: 100%", classAttribute: "et-youtube-player" }, hostDirectives: [{ directive: YoutubePlayerParamsDirective, inputs: ["videoId", "videoId", "startTime", "startTime", "width", "width", "height", "height"] }, { directive: YoutubePlayerDirective }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: YoutubePlayerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'et-youtube-player',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    hostDirectives: [
+                        {
+                            directive: YoutubePlayerParamsDirective,
+                            inputs: ['videoId', 'startTime', 'width', 'height'],
+                        },
+                        YoutubePlayerDirective,
+                    ],
+                    host: {
+                        class: 'et-youtube-player',
+                        style: 'display: block; width: 100%; height: 100%',
+                    },
+                }]
+        }] });
+
+const YOUTUBE_PLAYER_SLOT_TOKEN = new InjectionToken('YOUTUBE_PLAYER_SLOT_TOKEN');
+class YoutubePlayerSlotDirective {
+    constructor() {
+        this.manager = injectStreamManager();
+        this.el = injectHostElement();
+        this.appRef = inject(ApplicationRef);
+        this.envInjector = inject(EnvironmentInjector);
+        this.params = inject(YoutubePlayerParamsDirective);
+        this.streamSlotPriority = input(false, { ...(ngDevMode ? { debugName: "streamSlotPriority" } : {}), transform: booleanAttribute });
+        this.streamSlotOnPipBack = input(...(ngDevMode ? [undefined, { debugName: "streamSlotOnPipBack" }] : []));
+        this.currentPlayerId = null;
+        effect(() => {
+            const newPlayerId = `youtube-${this.params.videoId()}`;
+            const oldPlayerId = this.currentPlayerId;
+            if (!oldPlayerId || oldPlayerId === newPlayerId)
+                return;
+            this.manager.transferPlayer(oldPlayerId, newPlayerId);
+            this.manager.unregisterSlot(this.el);
+            this.manager.registerSlot({
+                playerId: newPlayerId,
+                priority: this.streamSlotPriority(),
+                element: this.el,
+                onPipBack: this.streamSlotOnPipBack(),
+            });
+            this.currentPlayerId = newPlayerId;
+        });
+    }
+    ngOnInit() {
+        const videoId = this.params.videoId();
+        this.currentPlayerId = `youtube-${videoId}`;
+        if (this.manager.getPlayerElement(this.currentPlayerId)) {
+            this.manager.registerSlot({
+                playerId: this.currentPlayerId,
+                priority: this.streamSlotPriority(),
+                element: this.el,
+                onPipBack: this.streamSlotOnPipBack(),
+            });
+            return;
+        }
+        const componentRef = createComponent(YoutubePlayerComponent, {
+            environmentInjector: this.envInjector,
+            bindings: [
+                inputBinding('videoId', () => this.params.videoId()),
+                inputBinding('startTime', () => this.params.startTime()),
+                inputBinding('width', () => this.params.width()),
+                inputBinding('height', () => this.params.height()),
+            ],
+        });
+        this.appRef.attachView(componentRef.hostView);
+        const playerElement = componentRef.location.nativeElement;
+        this.manager.registerPlayer({
+            id: this.currentPlayerId,
+            element: playerElement,
+            onDestroy: () => {
+                this.appRef.detachView(componentRef.hostView);
+                componentRef.destroy();
+            },
+        });
+        this.manager.registerSlot({
+            playerId: this.currentPlayerId,
+            priority: this.streamSlotPriority(),
+            element: this.el,
+            onPipBack: this.streamSlotOnPipBack(),
+        });
+    }
+    ngOnDestroy() {
+        if (this.currentPlayerId) {
+            this.manager.unregisterSlot(this.el);
+        }
+    }
+    pipActivate(onBack) {
+        this.manager.pipActivate(this.el, onBack);
+    }
+    pipDeactivate() {
+        if (this.currentPlayerId) {
+            this.manager.pipDeactivate(this.currentPlayerId);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: YoutubePlayerSlotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: YoutubePlayerSlotDirective, isStandalone: true, inputs: { streamSlotPriority: { classPropertyName: "streamSlotPriority", publicName: "streamSlotPriority", isSignal: true, isRequired: false, transformFunction: null }, streamSlotOnPipBack: { classPropertyName: "streamSlotOnPipBack", publicName: "streamSlotOnPipBack", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: YOUTUBE_PLAYER_SLOT_TOKEN, useExisting: YoutubePlayerSlotDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: YoutubePlayerSlotDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [{ provide: YOUTUBE_PLAYER_SLOT_TOKEN, useExisting: YoutubePlayerSlotDirective }],
+                }]
+        }], ctorParameters: () => [], propDecorators: { streamSlotPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "streamSlotPriority", required: false }] }], streamSlotOnPipBack: [{ type: i0.Input, args: [{ isSignal: true, alias: "streamSlotOnPipBack", required: false }] }] } });
+
+class YoutubePlayerSlotComponent {
+    constructor() {
+        this.slot = inject(YOUTUBE_PLAYER_SLOT_TOKEN);
+    }
+    pipActivate(onBack) {
+        this.slot.pipActivate(onBack);
+    }
+    pipDeactivate() {
+        this.slot.pipDeactivate();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: YoutubePlayerSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: YoutubePlayerSlotComponent, isStandalone: true, selector: "et-youtube-player-slot", host: { classAttribute: "et-youtube-player-slot" }, hostDirectives: [{ directive: YoutubePlayerParamsDirective, inputs: ["videoId", "videoId", "startTime", "startTime", "width", "width", "height", "height"] }, { directive: YoutubePlayerSlotDirective, inputs: ["streamSlotPriority", "streamSlotPriority", "streamSlotOnPipBack", "streamSlotOnPipBack"] }], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: YoutubePlayerSlotComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'et-youtube-player-slot',
+                    template: '<ng-content />',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    hostDirectives: [
+                        {
+                            directive: YoutubePlayerParamsDirective,
+                            inputs: ['videoId', 'startTime', 'width', 'height'],
+                        },
+                        {
+                            directive: YoutubePlayerSlotDirective,
+                            inputs: ['streamSlotPriority', 'streamSlotOnPipBack'],
+                        },
+                    ],
+                    host: {
+                        class: 'et-youtube-player-slot',
+                    },
+                }]
+        }] });
+
+class StreamPipChromeComponent {
+    constructor() {
+        this.document = inject(DOCUMENT);
+        this.pipEntries = viewChildren('pipEntry', ...(ngDevMode ? [{ debugName: "pipEntries" }] : []));
+        this.manager = injectStreamManager();
+        afterRenderEffect(() => {
+            for (const { nativeElement: entryEl } of this.pipEntries()) {
+                const playerId = entryEl.dataset['playerId'];
+                if (!playerId)
+                    continue;
+                const playerEl = this.manager.getPlayerElement(playerId);
+                if (!playerEl || playerEl.parentElement === entryEl)
+                    continue;
+                const controlsEl = entryEl.querySelector('.et-stream-pip-chrome__controls');
+                const fromRect = this.manager.getInitialRect(playerId);
+                const toRect = entryEl.getBoundingClientRect();
+                if (fromRect && fromRect.width > 0 && fromRect.height > 0 && toRect.width > 0 && toRect.height > 0) {
+                    entryEl.style.visibility = 'hidden';
+                    animateWithFixedWrapper({
+                        playerEl,
+                        fromRect,
+                        toRect,
+                        document: this.document,
+                        onFinish: () => {
+                            pipMoveBefore(entryEl, playerEl, controlsEl);
+                            entryEl.style.visibility = '';
+                        },
+                    });
+                }
+                else {
+                    pipMoveBefore(entryEl, playerEl, controlsEl);
+                }
+            }
+        });
+    }
+    onBack(pip) {
+        pip.onBack?.();
+    }
+    onClose(pip) {
+        this.manager.pipDeactivate(pip.playerId);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: StreamPipChromeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: StreamPipChromeComponent, isStandalone: true, selector: "et-stream-pip-chrome", host: { classAttribute: "et-stream-pip-chrome" }, viewQueries: [{ propertyName: "pipEntries", predicate: ["pipEntry"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    @for (pip of manager.pips(); track pip.playerId) {
+      <div #pipEntry [attr.data-player-id]="pip.playerId" class="et-stream-pip-chrome__entry">
+        <div class="et-stream-pip-chrome__controls">
+          @if (pip.onBack) {
+            <button (click)="onBack(pip)" class="et-stream-pip-chrome__back" type="button" aria-label="Back">‹</button>
+          }
+          <button
+            (click)="onClose(pip)"
+            class="et-stream-pip-chrome__close"
+            type="button"
+            aria-label="Close picture-in-picture"
+          >
+            ✕
+          </button>
+        </div>
+      </div>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: StreamPipChromeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'et-stream-pip-chrome',
+                    template: `
+    @for (pip of manager.pips(); track pip.playerId) {
+      <div #pipEntry [attr.data-player-id]="pip.playerId" class="et-stream-pip-chrome__entry">
+        <div class="et-stream-pip-chrome__controls">
+          @if (pip.onBack) {
+            <button (click)="onBack(pip)" class="et-stream-pip-chrome__back" type="button" aria-label="Back">‹</button>
+          }
+          <button
+            (click)="onClose(pip)"
+            class="et-stream-pip-chrome__close"
+            type="button"
+            aria-label="Close picture-in-picture"
+          >
+            ✕
+          </button>
+        </div>
+      </div>
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        class: 'et-stream-pip-chrome',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { pipEntries: [{ type: i0.ViewChildren, args: ['pipEntry', { isSignal: true }] }] } });
+
+const StreamImports = [
+    StreamConsentComponent,
+    StreamConsentContentDirective,
+    StreamConsentPlaceholderDirective,
+    StreamConsentAcceptDirective,
+    YoutubePlayerComponent,
+    YoutubePlayerDirective,
+    YoutubePlayerParamsDirective,
+    YoutubePlayerSlotComponent,
+    YoutubePlayerSlotDirective,
+    TwitchPlayerComponent,
+    TwitchPlayerDirective,
+    VimeoPlayerComponent,
+    VimeoPlayerDirective,
+    DailymotionPlayerComponent,
+    DailymotionPlayerDirective,
+    KickPlayerComponent,
+    KickPlayerDirective,
+    FacebookPlayerComponent,
+    FacebookPlayerDirective,
+    TikTokPlayerComponent,
+    TikTokPlayerDirective,
+    SoopPlayerComponent,
+    SoopPlayerDirective,
+    StreamPipChromeComponent,
+];
+
+class TableBusyDirective {
+    constructor() {
+        this.templateRef = inject(TemplateRef);
+        this._contentClassName = 'et-table-busy';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TableBusyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: TableBusyDirective, isStandalone: true, selector: "ng-template[etTableBusy]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TableBusyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[etTableBusy]',
+                }]
+        }] });
+
+// eslint-disable-next-line @angular-eslint/directive-selector
+class TableBusyOutletDirective {
+    constructor() {
+        this.viewContainer = inject(ViewContainerRef);
+        this.elementRef = inject(ElementRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TableBusyOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: TableBusyOutletDirective, isStandalone: true, selector: "[tableBusyOutlet]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TableBusyOutletDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[tableBusyOutlet]' }]
+        }] });
+
+class TableComponent extends CdkTable {
+    constructor() {
+        super(...arguments);
+        this._cdr = inject(ChangeDetectorRef);
+        this.stickyCssClass = 'et-table-sticky';
+        this.needsPositionStickyOnElement = false;
+        this._tableBusyOutlet = viewChild(TableBusyOutletDirective, ...(ngDevMode ? [{ debugName: "_tableBusyOutlet" }] : []));
+        this._tableBusyComponent = contentChild(TableBusyDirective, ...(ngDevMode ? [{ debugName: "_tableBusyComponent" }] : []));
+        this._busy = false;
+        this._isShowingTableBusy = false;
+    }
+    // TODO: Skipped for migration because:
+    //  Accessor inputs cannot be migrated as they are too complex.
+    get busy() {
+        return this._busy;
+    }
+    set busy(value) {
+        this._busy = booleanAttribute(value);
+        this._updateTableBusy();
+    }
+    ngAfterContentInit() {
+        super.ngAfterContentInit();
+        this._updateTableBusy();
+    }
+    _updateTableBusy() {
+        const tableBusyComponent = this._tableBusyComponent();
+        if (!tableBusyComponent) {
+            return;
+        }
+        const shouldShow = this.busy;
+        if (shouldShow === this._isShowingTableBusy) {
+            return;
+        }
+        const container = this._tableBusyOutlet()?.viewContainer;
+        if (!container) {
+            return;
+        }
+        if (shouldShow) {
+            const view = container.createEmbeddedView(tableBusyComponent.templateRef);
+            const rootNode = view.rootNodes[0];
+            if (view.rootNodes.length === 1 && rootNode?.nodeType === document.ELEMENT_NODE) {
+                rootNode.classList.add(tableBusyComponent._contentClassName);
+            }
+        }
+        else {
+            container.clear();
+        }
         this._isShowingTableBusy = shouldShow;
         this._cdr.markForCheck();
     }
@@ -19348,69 +21310,9 @@ const TabImports = [
 
 const TABS_CONFIG = new InjectionToken('TABS_CONFIG');
 
-const FLOATING_UI_PLACEMENTS = [
-    'top',
-    'left',
-    'bottom',
-    'right',
-    'top-start',
-    'top-end',
-    'right-start',
-    'right-end',
-    'bottom-start',
-    'bottom-end',
-    'left-start',
-    'left-end',
-];
-
-/**
- * A utility function to enhance the ux of views containing forms.
- * It helps to prevent the user from accidentally losing unsaved form changes.
- */
-const createNavigationDismissChecker = (config) => {
-    assertInInjectionContext(createNavigationDismissChecker);
-    const { form, compareFn, dismissCheckFn } = config;
-    const currentFormValue = controlValueSignal(form);
-    const hasChanges = computed(() => {
-        const formValue = currentFormValue();
-        if (!formValue)
-            return false;
-        return !(compareFn ? compareFn(formValue, defaultFormValue()) : equal(formValue, defaultFormValue()));
-    }, ...(ngDevMode ? [{ debugName: "hasChanges" }] : []));
-    const defaultFormValue = signal(config.defaultValue ?? form.getRawValue(), ...(ngDevMode ? [{ debugName: "defaultFormValue" }] : []));
-    const runCheck = () => {
-        const isDefaultFormValue = !hasChanges();
-        if (isDefaultFormValue)
-            return of(true);
-        return dismissCheckFn(form.getRawValue());
-    };
-    const refreshDefaultFormValue = () => {
-        defaultFormValue.set(form.getRawValue());
-    };
-    const restoreDefaultFormValue = () => {
-        form.setValue(defaultFormValue());
-        refreshDefaultFormValue();
-    };
-    return {
-        runCheck,
-        refreshDefaultFormValue,
-        restoreDefaultFormValue,
-        hasChanges,
-        defaultFormValue: defaultFormValue.asReadonly(),
-    };
-};
-
-const injectRouterNavigationState = () => {
-    const router = inject(Router);
-    const navState = router.getCurrentNavigation()?.extras.state;
-    return (navState || null);
-};
-
-// Burst cache
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ACCORDION_COMPONENT, ACCORDION_HINT_WRAPPER_DIRECTIVE, ACCORDION_LABEL_WRAPPER_DIRECTIVE, AccordionComponent, AccordionGroupComponent, AccordionHintDirective, AccordionHintWrapperDirective, AccordionImports, AccordionLabelDirective, AccordionLabelWrapperDirective, ActiveTabUnderlineBarManager, ActiveTabUnderlineDirective, AutosizeTextareaDirective, BRACKET_CONFIG_TOKEN, BRACKET_DEFAULT_CONFIG, BRACKET_MATCH_ID_TOKEN, BRACKET_ROUND_ID_TOKEN, BRACKET_TOKEN, Bracket, BracketComponent, BracketImports, BracketMatchComponent, BracketMatchDirective, index as BracketNew, BracketRoundDirective, BracketRoundHeaderComponent, BreadcrumbComponent, BreadcrumbImports, BreadcrumbItemDirective, BreadcrumbItemTemplateDirective, BreadcrumbOutletComponent, BreadcrumbTemplateDirective, ButtonComponent, ButtonDirective, ButtonImports, CAROUSEL_ITEM_NAV_TOKEN, CAROUSEL_ITEM_TOKEN, CAROUSEL_NEXT_BUTTON_TOKEN, CAROUSEL_PREVIOUS_BUTTON_TOKEN, CAROUSEL_TOGGLE_AUTO_PLAY_BUTTON_TOKEN, CAROUSEL_TOKEN, CHECKBOX_FIELD_TOKEN, CHECKBOX_GROUP_CONTROL_TOKEN, CHECKBOX_GROUP_TOKEN, CHECKBOX_TOKEN, CHEVRON_ICON, COLOR_INPUT_TOKEN, COMBOBOX_BODY_EMPTY_TEMPLATE_TOKEN, COMBOBOX_BODY_ERROR_TEMPLATE_TOKEN, COMBOBOX_BODY_LOADING_TEMPLATE_TOKEN, COMBOBOX_BODY_MORE_ITEMS_HINT_TEMPLATE_TOKEN, COMBOBOX_BODY_TOKEN, COMBOBOX_CONFIG_TOKEN, COMBOBOX_DEFAULT_CONFIG, COMBOBOX_OPTION_TEMPLATE_TOKEN, COMBOBOX_OPTION_TOKEN, COMBOBOX_SELECTED_OPTION_TEMPLATE_TOKEN, COMBOBOX_TOKEN, CarouselComponent, CarouselDirective, CarouselImports, CarouselItemComponent, CarouselItemDirective, CarouselItemNavComponent, CarouselItemNavDirective, CarouselNextButtonDirective, CarouselPreviousButtonDirective, CarouselToggleAutoPlayButtonDirective, CellDefDirective, CellDirective, CheckboxComponent, CheckboxDirective, CheckboxFieldComponent, CheckboxFieldDirective, CheckboxGroupComponent, CheckboxGroupControlDirective, CheckboxGroupDirective, CheckboxImports, ColorInputComponent, ColorInputDirective, ColumnDefDirective, ComboboxBodyComponent, ComboboxBodyEmptyTemplateDirective, ComboboxBodyErrorTemplateDirective, ComboboxBodyLoadingTemplateDirective, ComboboxBodyMoreItemsHintTemplateDirective, ComboboxComponent, ComboboxDirective, ComboboxImports, ComboboxOptionComponent, ComboboxOptionTemplateDirective, ComboboxSelectedOptionTemplateDirective, DATE_INPUT_FORMAT_TOKEN, DATE_INPUT_TOKEN, DATE_TIME_INPUT_FORMAT_TOKEN, DATE_TIME_INPUT_TOKEN, DEFAULT_DATE_INPUT_FORMAT, DEFAULT_DATE_TIME_INPUT_FORMAT, DEFAULT_TIME_INPUT_FORMAT, DYNAMIC_FORM_FIELD_TOKEN, DYNAMIC_FORM_GROUP_TOKEN, DateInputComponent, DateInputDirective, DateTimeInputComponent, DateTimeInputDirective, DecoratedFormFieldBase, DecoratedInputBase, DefaultValidatorErrorsService, DynamicFormFieldDirective, DynamicFormGroupDirective, EMAIL_INPUT_TOKEN, ET_OVERLAY_CONFIG_CLASS_KEYS, EXPOSE_INPUT_VARS_TOKEN, EmailInputComponent, EmailInputDirective, ErrorComponent, ExposeInputVarsDirective, FILTER_OVERLAY_CONFIG, FLOATING_UI_PLACEMENTS, FilterOverlayService, FooterCellDefDirective, FooterCellDirective, FooterRowComponent, FooterRowDefDirective, FormFieldStateService, FormGroupStateService, HeaderCellDefDirective, HeaderCellDirective, HeaderRowComponent, HeaderRowDefDirective, ICONS_TOKEN, ICON_DIRECTIVE_TOKEN, IMAGE_CONFIG_TOKEN, INPUT_PREFIX_TOKEN, INPUT_SUFFIX_TOKEN, INPUT_TOKEN, IconDirective, IconImports, IfInputEmptyDirective, IfInputFilledDirective, IfSupportsShowPickerDirective, InlineTabBodyComponent, InlineTabBodyHostDirective, InlineTabChangeEvent, InlineTabComponent, InlineTabContentDirective, InlineTabHeaderComponent, InlineTabLabelDirective, InlineTabLabelWrapperDirective, InlineTabsComponent, InputBase, InputDirective, InputFieldComponent, InputImports, InputPrefixDirective, InputStateService, InputSuffixDirective, LABEL_TOKEN, LabelComponent, LabelImports, LabelSuffixDirective, MASONRY_ITEM_TOKEN, MAX_SAFE_INTEGER, MENU, MENU_CHECKBOX_GROUP_TOKEN, MENU_CONTAINER, MENU_GROUP_TITLE_TOKEN, MENU_GROUP_TOKEN, MENU_ITEM_TOKEN, MENU_RADIO_GROUP_TOKEN, MENU_SEARCH_TEMPLATE_TOKEN, MENU_TEMPLATE, MENU_TRIGGER_TOKEN, MasonryComponent, MasonryImports, MasonryItemComponent, MenuCheckboxGroupDirective, MenuCheckboxItemComponent, MenuComponent, MenuContainerComponent, MenuGroupDirective, MenuGroupTitleDirective, MenuImports, MenuItemDirective, MenuRadioGroupDirective, MenuRadioItemComponent, MenuSearchTemplateDirective, MenuTriggerDirective, NATIVE_INPUT_REF_TOKEN, NATIVE_SELECT_INPUT_TOKEN, NATIVE_SELECT_OPTION_TOKEN, NUMBER_INPUT_TOKEN, NativeInputRefDirective, NativeSelectImports, NativeSelectInputComponent, NativeSelectInputDirective, NativeSelectOptionComponent, NativeSelectOptionDirective, NavTabLinkComponent, NavTabsComponent, NavTabsOutletComponent, NewBracketComponent, NewBracketDefaultMatchComponent, NewBracketDefaultRoundHeaderComponent, NoDataRowDirective, NumberInputComponent, NumberInputDirective, OVERLAY_BACK_OR_CLOSE_TOKEN, OVERLAY_BODY_TOKEN, OVERLAY_CLOSE_BLOCKER_TOKEN, OVERLAY_CONFIG, OVERLAY_DATA, OVERLAY_FOOTER_TOKEN, OVERLAY_HEADER_TEMPLATE_TOKEN, OVERLAY_HEADER_TOKEN, OVERLAY_MAIN_TOKEN, OVERLAY_QUERY_PARAM_INPUT_NAME, OVERLAY_ROUTER_CONFIG_TOKEN, OVERLAY_ROUTER_LINK_TOKEN, OVERLAY_ROUTER_OUTLET_DISABLED_TEMPLATE_TOKEN, OVERLAY_ROUTER_OUTLET_TOKEN, OVERLAY_SHARED_ROUTE_TEMPLATE_TOKEN, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseBlockerDirective, OverlayCloseDirective, OverlayContainerComponent, OverlayFooterDirective, OverlayHandlerLinkDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayImports, OverlayMainDirective, OverlayOriginCloneComponent, OverlayRef, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlayRouterService, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlayTitleDirective, OverlayWithRoutingImports, OverlayWithSidebarImports, PASSWORD_INPUT_TOKEN, PROGRESS_SPINNER_DEFAULT_OPTIONS, PROGRESS_SPINNER_DEFAULT_OPTIONS_FACTORY, PaginatedTabHeaderDirective, PaginationComponent, PaginationHeadService, PaginationImports, PaginationLinkDirective, PasswordInputComponent, PasswordInputDirective, PasswordInputToggleComponent, PictureComponent, ProgressSpinnerComponent, QUERY_ERROR_TOKEN, QueryButtonComponent, QueryButtonDirective, QueryErrorComponent, QueryErrorDirective, RADIO_FIELD_TOKEN, RADIO_GROUP_TOKEN, RADIO_TOKEN, RICH_FILTER_BUTTON_SLOT_TOKEN, RICH_FILTER_BUTTON_TOKEN, RICH_FILTER_CONTENT_TOKEN, RICH_FILTER_TOP_TOKEN, RadioComponent, RadioDirective, RadioFieldComponent, RadioFieldDirective, RadioGroupComponent, RadioGroupDirective, RadioImports, RichFilterButtonDirective, RichFilterButtonSlotDirective, RichFilterContentDirective, RichFilterHostComponent, RichFilterImports, RichFilterTopDirective, RowComponent, RowDefDirective, SCROLLABLE_IGNORE_CHILD_ATTRIBUTE, SCROLLABLE_IGNORE_CHILD_TOKEN, SCROLLABLE_IS_ACTIVE_CHILD_ATTRIBUTE, SCROLLABLE_IS_ACTIVE_CHILD_TOKEN, SCROLLABLE_LOADING_TEMPLATE_TOKEN, SCROLLABLE_PLACEHOLDER_ITEM_TEMPLATE_TOKEN, SCROLLABLE_PLACEHOLDER_OVERLAY_TEMPLATE_TOKEN, SEARCH_INPUT_TOKEN, SEGMENTED_BUTTON_FIELD_TOKEN, SEGMENTED_BUTTON_GROUP_TOKEN, SEGMENTED_BUTTON_TOKEN, SELECTION_LIST_FIELD, SELECTION_LIST_OPTION, SELECT_BODY_TOKEN, SELECT_FIELD_TOKEN, SELECT_OPTION_TOKEN, SELECT_TOKEN, SHOW_PICKER_TRIGGER_TOKEN, SIDEBAR_OVERLAY_CONFIG, SLIDER_THUMB_CONTENT_TEMPLATE_TOKEN, SLIDE_TOGGLE_TOKEN, SORT_DEFAULT_OPTIONS, SORT_HEADER_COLUMN_DEF, SORT_HEADER_INTL_PROVIDER, SORT_HEADER_INTL_PROVIDER_FACTORY, STATIC_FORM_FIELD_TOKEN, STATIC_FORM_GROUP_TOKEN, ScrollableComponent, ScrollableIgnoreChildDirective, ScrollableImports, ScrollableIsActiveChildDirective, ScrollableLoadingTemplateDirective, ScrollablePlaceholderComponent, ScrollablePlaceholderItemTemplateDirective, ScrollablePlaceholderOverlayTemplateDirective, SearchInputClearComponent, SearchInputComponent, SearchInputDirective, SegmentedButtonComponent, SegmentedButtonDirective, SegmentedButtonFieldComponent, SegmentedButtonFieldDirective, SegmentedButtonGroupComponent, SegmentedButtonGroupDirective, SegmentedButtonImports, SelectBodyComponent, SelectBodyDirective, SelectComponent, SelectDirective, SelectFieldComponent, SelectFieldDirective, SelectImports, SelectOptionComponent, SelectOptionDirective, SelectionListFieldComponent, SelectionListFieldDirective, SelectionListImports, SelectionListOptionComponent, SelectionListOptionDirective, ShowPickerTriggerDirective, SidebarOverlayService, SkeletonComponent, SkeletonImports, SkeletonItemComponent, SlideToggleComponent, SlideToggleDirective, SlideToggleFieldComponent, SlideToggleImports, SliderComponent, SliderFieldComponent, SliderImports, SliderThumbContentTemplateDirective, SortDirective, SortHeaderComponent, SortHeaderIntl, SortImports, StaticFormFieldDirective, StaticFormGroupDirective, SwipeHandlerService, TAB, TABS_CONFIG, TAB_CONTENT, TAB_GROUP, TAB_LABEL, TEL_INPUT_TOKEN, TEXTAREA_INPUT_TOKEN, TEXT_INPUT_TOKEN, TIMES_ICON, TIME_INPUT_FORMAT_TOKEN, TIME_INPUT_TOKEN, TOGGLETIP, TOGGLETIP_CONFIG, TOGGLETIP_DEFAULT_CONFIG, TOGGLETIP_DIRECTIVE, TOGGLETIP_TEMPLATE, TOGGLETIP_TEXT, TOOLTIP, TOOLTIP_CONFIG, TOOLTIP_DEFAULT_CONFIG, TOOLTIP_DIRECTIVE, TOOLTIP_TEMPLATE, TOOLTIP_TEXT, TabImports, TableBusyDirective, TableBusyOutletDirective, TableComponent, TableDataSource, TableImports, TelInputComponent, TelInputDirective, TextColumnComponent, TextInputComponent, TextInputDirective, TextareaInputComponent, TextareaInputDirective, TimeInputComponent, TimeInputDirective, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipImports, TooltipComponent, TooltipDirective, TooltipImports, VALIDATOR_ERROR_SERVICE_TOKEN, WRITEABLE_INPUT_TOKEN, WRITEABLE_INPUT_VALUE_ACCESSOR, WriteableInputDirective, _MAT_INK_BAR_POSITIONER, _MAT_INK_BAR_POSITIONER_FACTORY, abortFullscreenAnimation, accordionAnimations, anchoredDialogOverlayStrategy, bottomSheetOverlayStrategy, cleanupFullscreenAnimation, cleanupFullscreenAnimationStyles, createBracketConfig, createComboboxConfig, createFormChangesTracker, createNavigationDismissChecker, createOverlayDismissChecker, createOverlayHandler, createOverlayHandlerWithQueryParamLifecycle, createToggletipConfig, createTooltipConfig, defaultSubmitButtonConfigFn, dialogOverlayStrategy, enableDragToDismiss, exactMatchOptions, extractFirstImageUrl, findNextRelevantHtmlElement, fullScreenDialogOverlayStrategy, getClosestOverlay, getOriginCoordinatesAndDimensions, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectBreadcrumbManager, injectDialogStrategy, injectDialogStrategyDefaults, injectFocusRegistry, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectOverlayManager, injectOverlayScrollBlocker, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectRouterNavigationState, injectTopSheetStrategy, injectTopSheetStrategyDefaults, isEmptyArray, isHtmlElement, isObjectArray, isPointerEvent, isPrimitiveArray, isScrollableChildActive, isScrollableChildIgnored, isTouchEvent$2 as isTouchEvent, isUpperBracketMatch, leftSheetOverlayStrategy, mergeOverlayBreakpointConfigs, normalizePictureSizes, normalizePictureSource, normalizeRoundType, orderRounds, orderRoundsByRoundNumber, paginate, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideBracketConfig, provideBreadcrumbManager, provideComboboxConfig, provideDateFormat, provideDateTimeFormat, provideDialogStrategy, provideDialogStrategyDefaults, provideFilterOverlayConfig, provideFocusRegistry, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideIcons, provideImageConfig, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideOverlay, provideOverlayManager, provideOverlayRouterConfig, provideOverlayScrollBlocker, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSidebarOverlayConfig, provideSort, provideTimeFormat, provideToggletipConfig, provideTooltipConfig, provideTopSheetStrategy, provideTopSheetStrategyDefaults, provideValidatorErrorsService, rightSheetOverlayStrategy, signalVisibilityChangeClasses, startFullscreenEnterAnimation, startFullscreenLeaveAnimation, subsetMatchOptions, tabAnimations, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy };
+export { ACCORDION_COMPONENT, ACCORDION_HINT_WRAPPER_DIRECTIVE, ACCORDION_LABEL_WRAPPER_DIRECTIVE, AccordionComponent, AccordionGroupComponent, AccordionHintDirective, AccordionHintWrapperDirective, AccordionImports, AccordionLabelDirective, AccordionLabelWrapperDirective, ActiveTabUnderlineBarManager, ActiveTabUnderlineDirective, AutosizeTextareaDirective, BRACKET_CONFIG_TOKEN, BRACKET_DEFAULT_CONFIG, BRACKET_MATCH_ID_TOKEN, BRACKET_ROUND_ID_TOKEN, BRACKET_TOKEN, Bracket, BracketComponent, BracketImports, BracketMatchComponent, BracketMatchDirective, index as BracketNew, BracketRoundDirective, BracketRoundHeaderComponent, BreadcrumbComponent, BreadcrumbImports, BreadcrumbItemDirective, BreadcrumbItemTemplateDirective, BreadcrumbOutletComponent, BreadcrumbTemplateDirective, ButtonComponent, ButtonDirective, ButtonImports, CAROUSEL_ITEM_NAV_TOKEN, CAROUSEL_ITEM_TOKEN, CAROUSEL_NEXT_BUTTON_TOKEN, CAROUSEL_PREVIOUS_BUTTON_TOKEN, CAROUSEL_TOGGLE_AUTO_PLAY_BUTTON_TOKEN, CAROUSEL_TOKEN, CHECKBOX_FIELD_TOKEN, CHECKBOX_GROUP_CONTROL_TOKEN, CHECKBOX_GROUP_TOKEN, CHECKBOX_TOKEN, CHEVRON_ICON, COLOR_INPUT_TOKEN, COMBOBOX_BODY_EMPTY_TEMPLATE_TOKEN, COMBOBOX_BODY_ERROR_TEMPLATE_TOKEN, COMBOBOX_BODY_LOADING_TEMPLATE_TOKEN, COMBOBOX_BODY_MORE_ITEMS_HINT_TEMPLATE_TOKEN, COMBOBOX_BODY_TOKEN, COMBOBOX_CONFIG_TOKEN, COMBOBOX_DEFAULT_CONFIG, COMBOBOX_OPTION_TEMPLATE_TOKEN, COMBOBOX_OPTION_TOKEN, COMBOBOX_SELECTED_OPTION_TEMPLATE_TOKEN, COMBOBOX_TOKEN, CarouselComponent, CarouselDirective, CarouselImports, CarouselItemComponent, CarouselItemDirective, CarouselItemNavComponent, CarouselItemNavDirective, CarouselNextButtonDirective, CarouselPreviousButtonDirective, CarouselToggleAutoPlayButtonDirective, CellDefDirective, CellDirective, CheckboxComponent, CheckboxDirective, CheckboxFieldComponent, CheckboxFieldDirective, CheckboxGroupComponent, CheckboxGroupControlDirective, CheckboxGroupDirective, CheckboxImports, ColorInputComponent, ColorInputDirective, ColumnDefDirective, ComboboxBodyComponent, ComboboxBodyEmptyTemplateDirective, ComboboxBodyErrorTemplateDirective, ComboboxBodyLoadingTemplateDirective, ComboboxBodyMoreItemsHintTemplateDirective, ComboboxComponent, ComboboxDirective, ComboboxImports, ComboboxOptionComponent, ComboboxOptionTemplateDirective, ComboboxSelectedOptionTemplateDirective, DAILYMOTION_PLAYER_TOKEN, DATE_INPUT_FORMAT_TOKEN, DATE_INPUT_TOKEN, DATE_TIME_INPUT_FORMAT_TOKEN, DATE_TIME_INPUT_TOKEN, DEFAULT_DATE_INPUT_FORMAT, DEFAULT_DATE_TIME_INPUT_FORMAT, DEFAULT_TIME_INPUT_FORMAT, DYNAMIC_FORM_FIELD_TOKEN, DYNAMIC_FORM_GROUP_TOKEN, DailymotionPlayerComponent, DailymotionPlayerDirective, DateInputComponent, DateInputDirective, DateTimeInputComponent, DateTimeInputDirective, DecoratedFormFieldBase, DecoratedInputBase, DefaultValidatorErrorsService, DynamicFormFieldDirective, DynamicFormGroupDirective, EMAIL_INPUT_TOKEN, ET_OVERLAY_CONFIG_CLASS_KEYS, EXPOSE_INPUT_VARS_TOKEN, EmailInputComponent, EmailInputDirective, ErrorComponent, ExposeInputVarsDirective, FACEBOOK_PLAYER_TOKEN, FILTER_OVERLAY_CONFIG, FLOATING_UI_PLACEMENTS, FacebookPlayerComponent, FacebookPlayerDirective, FilterOverlayService, FooterCellDefDirective, FooterCellDirective, FooterRowComponent, FooterRowDefDirective, FormFieldStateService, FormGroupStateService, HeaderCellDefDirective, HeaderCellDirective, HeaderRowComponent, HeaderRowDefDirective, ICONS_TOKEN, ICON_DIRECTIVE_TOKEN, IMAGE_CONFIG_TOKEN, INPUT_PREFIX_TOKEN, INPUT_SUFFIX_TOKEN, INPUT_TOKEN, IconDirective, IconImports, IfInputEmptyDirective, IfInputFilledDirective, IfSupportsShowPickerDirective, InlineTabBodyComponent, InlineTabBodyHostDirective, InlineTabChangeEvent, InlineTabComponent, InlineTabContentDirective, InlineTabHeaderComponent, InlineTabLabelDirective, InlineTabLabelWrapperDirective, InlineTabsComponent, InputBase, InputDirective, InputFieldComponent, InputImports, InputPrefixDirective, InputStateService, InputSuffixDirective, KICK_PLAYER_TOKEN, KickPlayerComponent, KickPlayerDirective, LABEL_TOKEN, LabelComponent, LabelImports, LabelSuffixDirective, MASONRY_ITEM_TOKEN, MAX_SAFE_INTEGER, MENU, MENU_CHECKBOX_GROUP_TOKEN, MENU_CONTAINER, MENU_GROUP_TITLE_TOKEN, MENU_GROUP_TOKEN, MENU_ITEM_TOKEN, MENU_RADIO_GROUP_TOKEN, MENU_SEARCH_TEMPLATE_TOKEN, MENU_TEMPLATE, MENU_TRIGGER_TOKEN, MasonryComponent, MasonryImports, MasonryItemComponent, MenuCheckboxGroupDirective, MenuCheckboxItemComponent, MenuComponent, MenuContainerComponent, MenuGroupDirective, MenuGroupTitleDirective, MenuImports, MenuItemDirective, MenuRadioGroupDirective, MenuRadioItemComponent, MenuSearchTemplateDirective, MenuTriggerDirective, NATIVE_INPUT_REF_TOKEN, NATIVE_SELECT_INPUT_TOKEN, NATIVE_SELECT_OPTION_TOKEN, NUMBER_INPUT_TOKEN, NativeInputRefDirective, NativeSelectImports, NativeSelectInputComponent, NativeSelectInputDirective, NativeSelectOptionComponent, NativeSelectOptionDirective, NavTabLinkComponent, NavTabsComponent, NavTabsOutletComponent, NewBracketComponent, NewBracketDefaultMatchComponent, NewBracketDefaultRoundHeaderComponent, NoDataRowDirective, NumberInputComponent, NumberInputDirective, OVERLAY_BACK_OR_CLOSE_TOKEN, OVERLAY_BODY_TOKEN, OVERLAY_CLOSE_BLOCKER_TOKEN, OVERLAY_CONFIG, OVERLAY_DATA, OVERLAY_FOOTER_TOKEN, OVERLAY_HEADER_TEMPLATE_TOKEN, OVERLAY_HEADER_TOKEN, OVERLAY_MAIN_TOKEN, OVERLAY_QUERY_PARAM_INPUT_NAME, OVERLAY_ROUTER_CONFIG_TOKEN, OVERLAY_ROUTER_LINK_TOKEN, OVERLAY_ROUTER_OUTLET_DISABLED_TEMPLATE_TOKEN, OVERLAY_ROUTER_OUTLET_TOKEN, OVERLAY_SHARED_ROUTE_TEMPLATE_TOKEN, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseBlockerDirective, OverlayCloseDirective, OverlayContainerComponent, OverlayFooterDirective, OverlayHandlerLinkDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayImports, OverlayMainDirective, OverlayOriginCloneComponent, OverlayRef, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlayRouterService, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlayTitleDirective, OverlayWithRoutingImports, OverlayWithSidebarImports, PASSWORD_INPUT_TOKEN, PROGRESS_SPINNER_DEFAULT_OPTIONS, PROGRESS_SPINNER_DEFAULT_OPTIONS_FACTORY, PaginatedTabHeaderDirective, PaginationComponent, PaginationHeadService, PaginationImports, PaginationLinkDirective, PasswordInputComponent, PasswordInputDirective, PasswordInputToggleComponent, PictureComponent, ProgressSpinnerComponent, QUERY_ERROR_TOKEN, QueryButtonComponent, QueryButtonDirective, QueryErrorComponent, QueryErrorDirective, RADIO_FIELD_TOKEN, RADIO_GROUP_TOKEN, RADIO_TOKEN, RICH_FILTER_BUTTON_SLOT_TOKEN, RICH_FILTER_BUTTON_TOKEN, RICH_FILTER_CONTENT_TOKEN, RICH_FILTER_TOP_TOKEN, RadioComponent, RadioDirective, RadioFieldComponent, RadioFieldDirective, RadioGroupComponent, RadioGroupDirective, RadioImports, RichFilterButtonDirective, RichFilterButtonSlotDirective, RichFilterContentDirective, RichFilterHostComponent, RichFilterImports, RichFilterTopDirective, RowComponent, RowDefDirective, SCROLLABLE_IGNORE_CHILD_ATTRIBUTE, SCROLLABLE_IGNORE_CHILD_TOKEN, SCROLLABLE_IS_ACTIVE_CHILD_ATTRIBUTE, SCROLLABLE_IS_ACTIVE_CHILD_TOKEN, SCROLLABLE_LOADING_TEMPLATE_TOKEN, SCROLLABLE_PLACEHOLDER_ITEM_TEMPLATE_TOKEN, SCROLLABLE_PLACEHOLDER_OVERLAY_TEMPLATE_TOKEN, SEARCH_INPUT_TOKEN, SEGMENTED_BUTTON_FIELD_TOKEN, SEGMENTED_BUTTON_GROUP_TOKEN, SEGMENTED_BUTTON_TOKEN, SELECTION_LIST_FIELD, SELECTION_LIST_OPTION, SELECT_BODY_TOKEN, SELECT_FIELD_TOKEN, SELECT_OPTION_TOKEN, SELECT_TOKEN, SHOW_PICKER_TRIGGER_TOKEN, SIDEBAR_OVERLAY_CONFIG, SLIDER_THUMB_CONTENT_TEMPLATE_TOKEN, SLIDE_TOGGLE_TOKEN, SOOP_PLAYER_TOKEN, SORT_DEFAULT_OPTIONS, SORT_HEADER_COLUMN_DEF, SORT_HEADER_INTL_PROVIDER, SORT_HEADER_INTL_PROVIDER_FACTORY, STATIC_FORM_FIELD_TOKEN, STATIC_FORM_GROUP_TOKEN, STREAM_CONSENT_CONTENT_TOKEN, STREAM_CONSENT_PLACEHOLDER_TOKEN, STREAM_CONSENT_TOKEN, STREAM_PLAYER_TOKEN, STREAM_USER_CONSENT_PROVIDER_TOKEN, ScrollableComponent, ScrollableIgnoreChildDirective, ScrollableImports, ScrollableIsActiveChildDirective, ScrollableLoadingTemplateDirective, ScrollablePlaceholderComponent, ScrollablePlaceholderItemTemplateDirective, ScrollablePlaceholderOverlayTemplateDirective, SearchInputClearComponent, SearchInputComponent, SearchInputDirective, SegmentedButtonComponent, SegmentedButtonDirective, SegmentedButtonFieldComponent, SegmentedButtonFieldDirective, SegmentedButtonGroupComponent, SegmentedButtonGroupDirective, SegmentedButtonImports, SelectBodyComponent, SelectBodyDirective, SelectComponent, SelectDirective, SelectFieldComponent, SelectFieldDirective, SelectImports, SelectOptionComponent, SelectOptionDirective, SelectionListFieldComponent, SelectionListFieldDirective, SelectionListImports, SelectionListOptionComponent, SelectionListOptionDirective, ShowPickerTriggerDirective, SidebarOverlayService, SkeletonComponent, SkeletonImports, SkeletonItemComponent, SlideToggleComponent, SlideToggleDirective, SlideToggleFieldComponent, SlideToggleImports, SliderComponent, SliderFieldComponent, SliderImports, SliderThumbContentTemplateDirective, SoopPlayerComponent, SoopPlayerDirective, SortDirective, SortHeaderComponent, SortHeaderIntl, SortImports, StaticFormFieldDirective, StaticFormGroupDirective, StreamConsentAcceptDirective, StreamConsentComponent, StreamConsentContentDirective, StreamConsentDirective, StreamConsentPlaceholderDirective, StreamImports, StreamPipChromeComponent, TAB, TABS_CONFIG, TAB_CONTENT, TAB_GROUP, TAB_LABEL, TEL_INPUT_TOKEN, TEXTAREA_INPUT_TOKEN, TEXT_INPUT_TOKEN, TIKTOK_PLAYER_TOKEN, TIMES_ICON, TIME_INPUT_FORMAT_TOKEN, TIME_INPUT_TOKEN, TOGGLETIP, TOGGLETIP_CONFIG, TOGGLETIP_DEFAULT_CONFIG, TOGGLETIP_DIRECTIVE, TOGGLETIP_TEMPLATE, TOGGLETIP_TEXT, TOOLTIP, TOOLTIP_CONFIG, TOOLTIP_DEFAULT_CONFIG, TOOLTIP_DIRECTIVE, TOOLTIP_TEMPLATE, TOOLTIP_TEXT, TWITCH_PLAYER_TOKEN, TabImports, TableBusyDirective, TableBusyOutletDirective, TableComponent, TableDataSource, TableImports, TelInputComponent, TelInputDirective, TextColumnComponent, TextInputComponent, TextInputDirective, TextareaInputComponent, TextareaInputDirective, TikTokPlayerComponent, TikTokPlayerDirective, TimeInputComponent, TimeInputDirective, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipImports, TooltipComponent, TooltipDirective, TooltipImports, TwitchPlayerComponent, TwitchPlayerDirective, VALIDATOR_ERROR_SERVICE_TOKEN, VIMEO_PLAYER_TOKEN, VimeoPlayerComponent, VimeoPlayerDirective, WRITEABLE_INPUT_TOKEN, WRITEABLE_INPUT_VALUE_ACCESSOR, WriteableInputDirective, YOUTUBE_PLAYER_SLOT_TOKEN, YOUTUBE_PLAYER_TOKEN, YoutubePlayerComponent, YoutubePlayerDirective, YoutubePlayerParamsDirective, YoutubePlayerSlotComponent, YoutubePlayerSlotDirective, _MAT_INK_BAR_POSITIONER, _MAT_INK_BAR_POSITIONER_FACTORY, abortFullscreenAnimation, accordionAnimations, anchoredDialogOverlayStrategy, animateWithFixedWrapper, bottomSheetOverlayStrategy, cleanupFullscreenAnimation, cleanupFullscreenAnimationStyles, createBracketConfig, createComboboxConfig, createFormChangesTracker, createNavigationDismissChecker, createOverlayDismissChecker, createOverlayHandler, createOverlayHandlerWithQueryParamLifecycle, createSwipeTracker, createToggletipConfig, createTooltipConfig, defaultSubmitButtonConfigFn, dialogOverlayStrategy, enableDragToDismiss, exactMatchOptions, extractFirstImageUrl, findNextRelevantHtmlElement, fullScreenDialogOverlayStrategy, getClosestOverlay, getOriginCoordinatesAndDimensions, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectBreadcrumbManager, injectDialogStrategy, injectDialogStrategyDefaults, injectFocusRegistry, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectOverlayManager, injectOverlayScrollBlocker, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectRouterNavigationState, injectStreamManager, injectStreamPipManager, injectStreamScriptLoader, injectStreamUserConsentProvider, injectTopSheetStrategy, injectTopSheetStrategyDefaults, isEmptyArray, isHtmlElement, isObjectArray, isPointerEvent, isPrimitiveArray, isScrollableChildActive, isScrollableChildIgnored, isTouchEvent$1 as isTouchEvent, isUpperBracketMatch, leftSheetOverlayStrategy, mergeOverlayBreakpointConfigs, normalizePictureSizes, normalizePictureSource, normalizeRoundType, orderRounds, orderRoundsByRoundNumber, paginate, pipMoveBefore, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideBracketConfig, provideBreadcrumbManager, provideComboboxConfig, provideDateFormat, provideDateTimeFormat, provideDialogStrategy, provideDialogStrategyDefaults, provideFilterOverlayConfig, provideFocusRegistry, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideIcons, provideImageConfig, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideOverlay, provideOverlayManager, provideOverlayRouterConfig, provideOverlayScrollBlocker, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSidebarOverlayConfig, provideSort, provideStreamManager, provideStreamPipManager, provideTimeFormat, provideToggletipConfig, provideTooltipConfig, provideTopSheetStrategy, provideTopSheetStrategyDefaults, provideValidatorErrorsService, rightSheetOverlayStrategy, signalVisibilityChangeClasses, startFullscreenEnterAnimation, startFullscreenLeaveAnimation, subsetMatchOptions, tabAnimations, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy };
 //# sourceMappingURL=ethlete-cdk.mjs.map