@ethlete/components 0.1.0-next.15 → 0.1.0-next.16

package/fesm2022/ethlete-components.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { ViewEncapsulation, Component, Directive, input, booleanAttribute, signal, effect, numberAttribute, computed, inject, ElementRef, InjectionToken, afterNextRender, untracked, DestroyRef, model, viewChild, Renderer2, Injector, output, ViewContainerRef, inputBinding, outputBinding, createEnvironmentInjector, DOCUMENT as DOCUMENT$1, runInInjectionContext, linkedSignal, EnvironmentInjector, createComponent, ApplicationRef, TemplateRef, isSignal, provideEnvironmentInitializer, contentChild, viewChildren, afterRenderEffect, PLATFORM_ID, isDevMode, contentChildren } from '@angular/core';
 import * as i1 from '@ethlete/core';
-import { injectStyleManager, SurfaceInteractiveDirective, createCanAnimateSignal, ColorInteractiveDirective, ProvideColorDirective, RuntimeError, injectErrorTheme, signalElementDimensions, createProvider, AnimatableDirective, ColorInteractiveContainerDirective, ColorInteractiveExcludeDirective, ProvideSurfaceDirective, SURFACE_PROVIDER, injectSurfaceThemes, resolveSurfaceByElevation, ColorInteractiveHasFocusDirective, injectRenderer, htmlToMarkdown, markdownToHtml, createStaticRootProvider, clamp, injectPrefersReducedMotion, signalHostElementDimensions, DragHandleDirective, injectLocale, ResizeHandlesComponent, COLOR_PROVIDER, injectSurfaceContextTracker, injectBoundaryElement, ANIMATED_LIFECYCLE_TOKEN, provideBoundaryElement, AnimatedLifecycleDirective, injectBreakpointObserver, isHTMLElement, equal, animationDebugLog, createRootProvider, injectOverlayRuntime, forceReflow, nextFrame, elementCanScroll, createSwipeTracker, createComponentId, setInputSignal, ScrollObserverDirective, signalElementScrollState, ScrollObserverStartDirective, ScrollObserverEndDirective, applyHostListener, injectQueryParam, createDocumentElementSignal, fromNextFrame, injectRoute, AnimatedIfDirective, syncSignal, typedBreakpointTransform, signalElementChildren, signalElementIntersection, signalHostAttributes, signalHostClasses, signalHostStyles, getScrollContainerTarget, getScrollItemTarget, getElementScrollCoordinates, provideBreakpointInstance, signalClasses, useCursorDragScroll, signalStyles, getScrollSnapTarget, injectViewportSize, createFlipAnimation, signalHostElementIntersection, injectHostElement, injectRouterEvent, canUseSessionMemory, createAutoSessionMemoryKey, createSessionMemory, injectFocusVisibleTracker } from '@ethlete/core';
+import { injectStyleManager, SurfaceInteractiveDirective, createCanAnimateSignal, ColorInteractiveDirective, ProvideColorDirective, RuntimeError, injectErrorTheme, signalElementDimensions, createProvider, AnimatableDirective, ColorInteractiveContainerDirective, ColorInteractiveExcludeDirective, ProvideSurfaceDirective, SURFACE_PROVIDER, injectSurfaceThemes, resolveSurfaceByElevation, ColorInteractiveHasFocusDirective, injectRenderer, htmlToMarkdown, markdownToHtml, createStaticRootProvider, clamp, injectPrefersReducedMotion, signalHostElementDimensions, DragHandleDirective, injectLocale, ResizeHandlesComponent, COLOR_PROVIDER, injectSurfaceContextTracker, injectBoundaryElement, ANIMATED_LIFECYCLE_TOKEN, provideBoundaryElement, AnimatedLifecycleDirective, injectBreakpointObserver, isHTMLElement, equal, animationDebugLog, createRootProvider, injectOverlayRuntime, forceReflow, nextFrame, elementCanScroll, createSwipeTracker, createComponentId, setInputSignal, ScrollObserverDirective, signalElementScrollState, ScrollObserverStartDirective, ScrollObserverEndDirective, applyHostListener, injectQueryParam, createDocumentElementSignal, fromNextFrame, injectRoute, AnimatedIfDirective, applyInitialFocus, syncSignal, typedBreakpointTransform, signalElementChildren, signalElementIntersection, signalHostAttributes, signalHostClasses, signalHostStyles, getScrollContainerTarget, getScrollItemTarget, getElementScrollCoordinates, provideBreakpointInstance, signalClasses, useCursorDragScroll, signalStyles, getScrollSnapTarget, injectViewportSize, createFlipAnimation, signalHostElementIntersection, injectHostElement, injectRouterEvent, canUseSessionMemory, createAutoSessionMemoryKey, createSessionMemory, AutoSurfaceDirective, injectFocusVisibleTracker } from '@ethlete/core';
 import { NgTemplateOutlet, DOCUMENT, NgComponentOutlet, Location, isPlatformBrowser } from '@angular/common';
 import { toObservable, takeUntilDestroyed, outputToObservable, toSignal, outputFromObservable, rxResource } from '@angular/core/rxjs-interop';
 import { switchMap, EMPTY, filter, tap, fromEvent, timer, merge, take, Subject, takeUntil, of, animationFrameScheduler, combineLatest, map, distinctUntilChanged, debounceTime, exhaustMap, finalize, Observable, shareReplay, catchError, interval } from 'rxjs';
@@ -3062,14 +3062,19 @@ const ICON_ERROR_CODES = {
     DUPLICATE_ICON_NAME: 1806,
 };
 
+/** Variant the {@link IconDirective} falls back to when `etIcon` is used without an explicit `variant`. */
+const DEFAULT_ICON_VARIANT = 'solid';
+/** Composite registry key for an icon `name` plus an optional `variant`. */
+const iconRegistryKey = (name, variant) => (variant ? `${name}::${variant}` : name);
 const ICONS_TOKEN = new InjectionToken('ET_ICONS_TOKEN');
 const provideIcons = (...icons) => {
     const map = {};
     for (const def of icons) {
-        if (map[def.name]) {
-            throw new RuntimeError(ICON_ERROR_CODES.DUPLICATE_ICON_NAME, `[provideIcons] Icon with name "${def.name}" already exists. Please provide unique icon names.`);
+        const key = iconRegistryKey(def.name, def.variant);
+        if (map[key]) {
+            throw new RuntimeError(ICON_ERROR_CODES.DUPLICATE_ICON_NAME, `[provideIcons] Icon with name "${def.name}"${def.variant ? ` and variant "${def.variant}"` : ''} already exists. Please provide unique icon name/variant combinations.`);
         }
-        map[def.name] = def;
+        map[key] = def;
     }
     return {
         provide: ICONS_TOKEN,
@@ -3084,30 +3089,56 @@ class IconDirective {
         this.icons = inject(ICONS_TOKEN, { optional: true });
         this.sanitizer = inject(DomSanitizer);
         this.iconNameToUse = input.required({ ...(ngDevMode ? { debugName: "iconNameToUse" } : /* istanbul ignore next */ {}), alias: 'etIcon' });
+        /**
+         * Style variant to resolve (e.g. `'light'`). When omitted, the directive matches a
+         * variant-less registration first, then falls back to the `'solid'` variant — so
+         * `<i etIcon="shield">` resolves the solid style and `<i etIcon="shield" variant="light">`
+         * the light one, without encoding the variant into the name.
+         */
+        this.variant = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
         this.allowHardcodedColor = input(false, { ...(ngDevMode ? { debugName: "allowHardcodedColor" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.iconSrc = computed(() => {
+        this.resolvedIcon = computed(() => {
             if (!this.icons) {
                 return null;
             }
-            const icon = this.icons[this.iconNameToUse()];
+            const name = this.iconNameToUse();
+            const variant = this.variant();
+            // Explicit variant → exact match only. Otherwise prefer a variant-less registration
+            // (the built-in et-* icons) before falling back to the default `solid` variant.
+            const candidateKeys = variant
+                ? [iconRegistryKey(name, variant)]
+                : [iconRegistryKey(name), iconRegistryKey(name, DEFAULT_ICON_VARIANT)];
+            for (const key of candidateKeys) {
+                const icon = this.icons[key];
+                if (icon) {
+                    return icon;
+                }
+            }
+            throw new RuntimeError(ICON_ERROR_CODES.ICON_NOT_FOUND, `[IconDirective] Icon "${name}"${variant ? ` (variant "${variant}")` : ''} not found. Available icons: ${Object.keys(this.icons).join(', ')}.`);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedIcon" }] : /* istanbul ignore next */ []));
+        this.iconSrc = computed(() => {
+            const icon = this.resolvedIcon();
             if (!icon) {
-                throw new RuntimeError(ICON_ERROR_CODES.ICON_NOT_FOUND, `[IconDirective] Icon "${this.iconNameToUse()}" not found. Available icons: ${Object.keys(this.icons).join(', ')}.`);
+                return null;
             }
             const svg = icon.data.trim();
+            const label = iconRegistryKey(icon.name, icon.variant);
             if (ngDevMode) {
                 if (!svg.includes('<svg')) {
-                    throw new RuntimeError(ICON_ERROR_CODES.INVALID_SVG, `[IconDirective] Icon "${this.iconNameToUse()}" is not a valid SVG. The data must contain an <svg> element.`);
+                    throw new RuntimeError(ICON_ERROR_CODES.INVALID_SVG, `[IconDirective] Icon "${label}" is not a valid SVG. The data must contain an <svg> element.`);
                 }
                 if (!svg.includes('xmlns="http://www.w3.org/2000/svg"')) {
-                    throw new RuntimeError(ICON_ERROR_CODES.MISSING_XMLNS, `[IconDirective] Icon "${this.iconNameToUse()}" is missing xmlns="http://www.w3.org/2000/svg". Add the attribute to the <svg> element.`);
+                    throw new RuntimeError(ICON_ERROR_CODES.MISSING_XMLNS, `[IconDirective] Icon "${label}" is missing xmlns="http://www.w3.org/2000/svg". Add the attribute to the <svg> element.`);
                 }
                 if (!svg.includes('width="100%"') || !svg.includes('height="100%"')) {
-                    throw new RuntimeError(ICON_ERROR_CODES.MISSING_DIMENSIONS, `[IconDirective] Icon "${this.iconNameToUse()}" is missing width="100%" and/or height="100%". Add both attributes to the <svg> element.`);
+                    throw new RuntimeError(ICON_ERROR_CODES.MISSING_DIMENSIONS, `[IconDirective] Icon "${label}" is missing width="100%" and/or height="100%". Add both attributes to the <svg> element.`);
                 }
                 if (!this.allowHardcodedColor()) {
                     for (const colorAttribute of SVG_COLOR_ATTRIBUTES) {
                         if (svg.includes(`${colorAttribute}="`) && !svg.includes(`${colorAttribute}="currentColor"`)) {
-                            throw new RuntimeError(ICON_ERROR_CODES.HARDCODED_COLOR, `[IconDirective] Icon "${this.iconNameToUse()}" uses a hardcoded value for "${colorAttribute}". Use currentColor instead, or set [allowHardcodedColor]="true".`);
+                            throw new RuntimeError(ICON_ERROR_CODES.HARDCODED_COLOR, `[IconDirective] Icon "${label}" uses a hardcoded value for "${colorAttribute}". Use currentColor instead, or set [allowHardcodedColor]="true".`);
                         }
                     }
                 }
@@ -3115,14 +3146,19 @@ class IconDirective {
             return this.sanitizer.bypassSecurityTrustHtml(svg);
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "iconSrc" }] : /* istanbul ignore next */ []));
-        this.hostClasses = computed(() => `et-icon et-icon--${this.iconNameToUse()}`, /* @ts-ignore */
+        this.hostClasses = computed(() => {
+            const name = this.iconNameToUse();
+            const variant = this.variant();
+            const base = `et-icon et-icon--${name}`;
+            return variant ? `${base} et-icon--${name}--${variant}` : base;
+        }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
         if (!this.icons) {
             throw new RuntimeError(ICON_ERROR_CODES.NO_ICONS_PROVIDED, '[IconDirective] No icons provided. Register icons via provideIcons() in the component or application providers.');
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: IconDirective, isStandalone: true, selector: "[etIcon]", inputs: { iconNameToUse: { classPropertyName: "iconNameToUse", publicName: "etIcon", isSignal: true, isRequired: true, transformFunction: null }, allowHardcodedColor: { classPropertyName: "allowHardcodedColor", publicName: "allowHardcodedColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "innerHTML": "iconSrc()", "class": "hostClasses()" }, styleAttribute: "display: flex; align-items: center; justify-content: center;" }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: IconDirective, isStandalone: true, selector: "[etIcon]", inputs: { iconNameToUse: { classPropertyName: "iconNameToUse", publicName: "etIcon", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, allowHardcodedColor: { classPropertyName: "allowHardcodedColor", publicName: "allowHardcodedColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "innerHTML": "iconSrc()", "class": "hostClasses()" }, styleAttribute: "display: flex; align-items: center; justify-content: center;" }, providers: [
             {
                 provide: ICON_DIRECTIVE_TOKEN,
                 useExisting: IconDirective,
@@ -3146,7 +3182,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         style: 'display: flex; align-items: center; justify-content: center;',
                     },
                 }]
-        }], ctorParameters: () => [], propDecorators: { iconNameToUse: [{ type: i0.Input, args: [{ isSignal: true, alias: "etIcon", required: true }] }], allowHardcodedColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowHardcodedColor", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { iconNameToUse: [{ type: i0.Input, args: [{ isSignal: true, alias: "etIcon", required: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], allowHardcodedColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowHardcodedColor", required: false }] }] } });
 
 // Custom icon.
 const ITALIC_ICON = {
@@ -3408,7 +3444,7 @@ class RichTextEditorFloatingToolbarComponent {
         this.floatingCleanup = null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RichTextEditorFloatingToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: RichTextEditorFloatingToolbarComponent, isStandalone: true, selector: "et-rich-text-editor-floating-toolbar", host: { attributes: { "role": "toolbar", "aria-label": "Selection formatting" }, listeners: { "mousedown": "$event.preventDefault()" }, properties: { "class.et-rte-floating-toolbar--visible": "visible()", "attr.aria-hidden": "!visible()" }, classAttribute: "et-rte-floating-toolbar" }, providers: [provideIcons(BOLD_ICON, ITALIC_ICON, STRIKETHROUGH_ICON, LINK_ICON)], ngImport: i0, template: "<button\n  [pressed]=\"dir.boldActive()\"\n  (mousedown)=\"$event.preventDefault()\"\n  (click)=\"dir.toggleBold()\"\n  mutedUntilPressed\n  et-icon-button\n  size=\"xs\"\n  type=\"button\"\n  tabindex=\"-1\"\n  aria-label=\"Bold\"\n>\n  <i etIcon=\"et-bold\"></i>\n</button>\n\n<button\n  [pressed]=\"dir.italicActive()\"\n  (mousedown)=\"$event.preventDefault()\"\n  (click)=\"dir.toggleItalic()\"\n  mutedUntilPressed\n  et-icon-button\n  size=\"xs\"\n  type=\"button\"\n  tabindex=\"-1\"\n  aria-label=\"Italic\"\n>\n  <i etIcon=\"et-italic\"></i>\n</button>\n\n<button\n  [pressed]=\"dir.strikeActive()\"\n  (mousedown)=\"$event.preventDefault()\"\n  (click)=\"dir.toggleStrikethrough()\"\n  mutedUntilPressed\n  et-icon-button\n  size=\"xs\"\n  type=\"button\"\n  tabindex=\"-1\"\n  aria-label=\"Strikethrough\"\n>\n  <i etIcon=\"et-strikethrough\"></i>\n</button>\n\n<span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n<button\n  [pressed]=\"dir.linkActive()\"\n  (mousedown)=\"$event.preventDefault()\"\n  (click)=\"dir.promptForLink()\"\n  mutedUntilPressed\n  et-icon-button\n  size=\"xs\"\n  type=\"button\"\n  tabindex=\"-1\"\n  aria-label=\"Link\"\n>\n  <i [allowHardcodedColor]=\"true\" etIcon=\"et-link\"></i>\n</button>\n", styles: ["et-rich-text-editor-floating-toolbar{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:10;display:flex;align-items:center;gap:var(--et-rich-text-editor-toolbar-gap, 2px);padding:var(--et-rich-text-editor-toolbar-padding, 4px);border-radius:10px;border:1px solid rgb(255 255 255 / .1);background:var(--et-surface-background-solid, var(--et-surface-2, rgb(32 32 32)));color:var(--et-color-main-contrast, rgb(244 244 245));box-shadow:0 10px 24px #00000029;scale:.96;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s var(--ease-out-5, ease),scale .12s var(--ease-out-5, ease),visibility .12s var(--ease-out-5, ease)}et-rich-text-editor-floating-toolbar .et-icon-button{border-radius:var(--et-rich-text-editor-button-radius, 4px)}et-rich-text-editor-floating-toolbar .et-rte-toolbar-divider{inline-size:1px;align-self:stretch;margin-block:4px;margin-inline:2px;background:color-mix(in srgb,currentColor 20%,transparent)}et-rich-text-editor-floating-toolbar.et-rte-floating-toolbar--visible{scale:1;opacity:1;visibility:visible;pointer-events:auto}\n"], dependencies: [{ kind: "component", type: IconButtonComponent, selector: "[et-icon-button]", inputs: ["variant", "size"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "allowHardcodedColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: RichTextEditorFloatingToolbarComponent, isStandalone: true, selector: "et-rich-text-editor-floating-toolbar", host: { attributes: { "role": "toolbar", "aria-label": "Selection formatting" }, listeners: { "mousedown": "$event.preventDefault()" }, properties: { "class.et-rte-floating-toolbar--visible": "visible()", "attr.aria-hidden": "!visible()" }, classAttribute: "et-rte-floating-toolbar" }, providers: [provideIcons(BOLD_ICON, ITALIC_ICON, STRIKETHROUGH_ICON, LINK_ICON)], ngImport: i0, template: "<button\n  [pressed]=\"dir.boldActive()\"\n  (mousedown)=\"$event.preventDefault()\"\n  (click)=\"dir.toggleBold()\"\n  mutedUntilPressed\n  et-icon-button\n  size=\"xs\"\n  type=\"button\"\n  tabindex=\"-1\"\n  aria-label=\"Bold\"\n>\n  <i etIcon=\"et-bold\"></i>\n</button>\n\n<button\n  [pressed]=\"dir.italicActive()\"\n  (mousedown)=\"$event.preventDefault()\"\n  (click)=\"dir.toggleItalic()\"\n  mutedUntilPressed\n  et-icon-button\n  size=\"xs\"\n  type=\"button\"\n  tabindex=\"-1\"\n  aria-label=\"Italic\"\n>\n  <i etIcon=\"et-italic\"></i>\n</button>\n\n<button\n  [pressed]=\"dir.strikeActive()\"\n  (mousedown)=\"$event.preventDefault()\"\n  (click)=\"dir.toggleStrikethrough()\"\n  mutedUntilPressed\n  et-icon-button\n  size=\"xs\"\n  type=\"button\"\n  tabindex=\"-1\"\n  aria-label=\"Strikethrough\"\n>\n  <i etIcon=\"et-strikethrough\"></i>\n</button>\n\n<span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n<button\n  [pressed]=\"dir.linkActive()\"\n  (mousedown)=\"$event.preventDefault()\"\n  (click)=\"dir.promptForLink()\"\n  mutedUntilPressed\n  et-icon-button\n  size=\"xs\"\n  type=\"button\"\n  tabindex=\"-1\"\n  aria-label=\"Link\"\n>\n  <i [allowHardcodedColor]=\"true\" etIcon=\"et-link\"></i>\n</button>\n", styles: ["et-rich-text-editor-floating-toolbar{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:10;display:flex;align-items:center;gap:var(--et-rich-text-editor-toolbar-gap, 2px);padding:var(--et-rich-text-editor-toolbar-padding, 4px);border-radius:10px;border:1px solid rgb(255 255 255 / .1);background:var(--et-surface-background-solid, var(--et-surface-2, rgb(32 32 32)));color:var(--et-color-main-contrast, rgb(244 244 245));box-shadow:0 10px 24px #00000029;scale:.96;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s var(--ease-out-5, ease),scale .12s var(--ease-out-5, ease),visibility .12s var(--ease-out-5, ease)}et-rich-text-editor-floating-toolbar .et-icon-button{border-radius:var(--et-rich-text-editor-button-radius, 4px)}et-rich-text-editor-floating-toolbar .et-rte-toolbar-divider{inline-size:1px;align-self:stretch;margin-block:4px;margin-inline:2px;background:color-mix(in srgb,currentColor 20%,transparent)}et-rich-text-editor-floating-toolbar.et-rte-floating-toolbar--visible{scale:1;opacity:1;visibility:visible;pointer-events:auto}\n"], dependencies: [{ kind: "component", type: IconButtonComponent, selector: "[et-icon-button]", inputs: ["variant", "size"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "variant", "allowHardcodedColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RichTextEditorFloatingToolbarComponent, decorators: [{
             type: Component,
@@ -3481,7 +3517,7 @@ class RichTextEditorComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RichTextEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: RichTextEditorComponent, isStandalone: true, selector: "et-rich-text-editor", host: { listeners: { "click": "dir.activate()" }, classAttribute: "et-rich-text-editor" }, providers: [
             provideIcons(BOLD_ICON, ITALIC_ICON, STRIKETHROUGH_ICON, HEADING_1_ICON, HEADING_2_ICON, HEADING_3_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LINK_ICON),
-        ], viewQueries: [{ propertyName: "editable", first: true, predicate: ["editable"], descendants: true, isSignal: true }], hostDirectives: [{ directive: RichTextEditorDirective, inputs: ["value", "value", "disabled", "disabled", "readonly", "readonly", "hidden", "hidden", "invalid", "invalid", "errors", "errors", "required", "required", "name", "name", "placeholder", "placeholder"], outputs: ["valueChange", "valueChange", "touchedChange", "touchedChange"] }], ngImport: i0, template: "<div class=\"et-rte-toolbar\" role=\"toolbar\" aria-label=\"Text formatting\">\n  <button\n    [pressed]=\"dir.boldActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleBold()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Bold\"\n  >\n    <i etIcon=\"et-bold\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.italicActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleItalic()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Italic\"\n  >\n    <i etIcon=\"et-italic\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.strikeActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleStrikethrough()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Strikethrough\"\n  >\n    <i etIcon=\"et-strikethrough\"></i>\n  </button>\n\n  <span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n  <button\n    [pressed]=\"dir.headingLevel() === 1\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleHeading(1)\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Heading 1\"\n  >\n    <i etIcon=\"et-heading-1\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.headingLevel() === 2\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleHeading(2)\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Heading 2\"\n  >\n    <i etIcon=\"et-heading-2\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.headingLevel() === 3\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleHeading(3)\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Heading 3\"\n  >\n    <i etIcon=\"et-heading-3\"></i>\n  </button>\n\n  <span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n  <button\n    [pressed]=\"dir.unorderedListActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleUnorderedList()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Bulleted list\"\n  >\n    <i etIcon=\"et-list-bulleted\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.orderedListActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleOrderedList()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Numbered list\"\n  >\n    <i etIcon=\"et-list-numbered\"></i>\n  </button>\n\n  <span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n  <button\n    [pressed]=\"dir.linkActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.promptForLink()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Link\"\n  >\n    <i [allowHardcodedColor]=\"true\" etIcon=\"et-link\"></i>\n  </button>\n</div>\n\n<div\n  #editable\n  [attr.contenteditable]=\"dir.disabled() || dir.readonly() ? 'false' : 'true'\"\n  [attr.tabindex]=\"dir.disabled() ? -1 : 0\"\n  [attr.data-placeholder]=\"dir.placeholder() || null\"\n  [attr.aria-invalid]=\"dir.shouldDisplayError() || null\"\n  [attr.aria-describedby]=\"dir.describedById() || null\"\n  [attr.aria-labelledby]=\"dir.labelId() || null\"\n  [attr.aria-disabled]=\"dir.disabled() || null\"\n  [attr.aria-readonly]=\"dir.readonly() || null\"\n  (input)=\"syncValueFromDom()\"\n  (beforeinput)=\"interceptFormattingCommand($event)\"\n  (keydown)=\"interceptBackspaceKey($event)\"\n  (focus)=\"dir.focused.set(true)\"\n  (blur)=\"dir.focused.set(false); dir.touched.set(true)\"\n  class=\"et-rte-content\"\n  role=\"textbox\"\n  aria-multiline=\"true\"\n></div>\n\n<et-rich-text-editor-floating-toolbar />\n", styles: ["@property --et-rich-text-editor-toolbar-gap{syntax: \"<length>\"; inherits: true; initial-value: 2px;}@property --et-rich-text-editor-toolbar-padding{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-rich-text-editor-button-radius{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-rich-text-editor-min-height{syntax: \"<length>\"; inherits: true; initial-value: 96px;}@property --et-rich-text-editor-content-gap{syntax: \"<length>\"; inherits: true; initial-value: 8px;}et-rich-text-editor{display:flex;flex:1;flex-direction:column;min-inline-size:0;color:inherit}et-rich-text-editor .et-rte-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--et-rich-text-editor-toolbar-gap);padding:var(--et-rich-text-editor-toolbar-padding);padding-inline:calc(var(--et-form-field-control-padding-inline) - var(--et-rich-text-editor-toolbar-padding));border-block-end:var(--et-form-field-control-border-width, 1px) solid color-mix(in srgb,currentColor 12%,transparent)}et-rich-text-editor .et-rte-toolbar .et-icon-button{border-radius:var(--et-rich-text-editor-button-radius)}et-rich-text-editor .et-rte-toolbar-divider{inline-size:1px;align-self:stretch;margin-block:4px;margin-inline:2px;background:color-mix(in srgb,currentColor 12%,transparent)}et-rich-text-editor .et-rte-content{display:block;flex:1;min-inline-size:0;padding-block:var(--et-form-field-control-padding-block);padding-inline:var(--et-form-field-control-padding-inline);min-block-size:var(--et-rich-text-editor-min-height);outline:none;color:inherit;caret-color:var(--et-theme-color-primary-solid, currentColor);overflow-wrap:anywhere}et-rich-text-editor .et-rte-content:empty:before{content:attr(data-placeholder);color:color-mix(in srgb,currentColor 46%,transparent);pointer-events:none}et-rich-text-editor .et-rte-content>:first-child{margin-block-start:0}et-rich-text-editor .et-rte-content>:last-child{margin-block-end:0}et-rich-text-editor .et-rte-content p{margin-block:0}et-rich-text-editor .et-rte-content p+p,et-rich-text-editor .et-rte-content ul,et-rich-text-editor .et-rte-content ol{margin-block-start:var(--et-rich-text-editor-content-gap)}et-rich-text-editor .et-rte-content h1,et-rich-text-editor .et-rte-content h2,et-rich-text-editor .et-rte-content h3,et-rich-text-editor .et-rte-content h4,et-rich-text-editor .et-rte-content h5,et-rich-text-editor .et-rte-content h6{margin-block:0;font-weight:700;line-height:1.25}et-rich-text-editor .et-rte-content :is(h1,h2,h3,h4,h5,h6)+*,et-rich-text-editor .et-rte-content *+:is(h1,h2,h3,h4,h5,h6){margin-block-start:var(--et-rich-text-editor-content-gap)}et-rich-text-editor .et-rte-content h1{font-size:2.4rem}et-rich-text-editor .et-rte-content h2{font-size:2rem}et-rich-text-editor .et-rte-content h3{font-size:1.6rem}et-rich-text-editor .et-rte-content ul,et-rich-text-editor .et-rte-content ol{margin-block-end:0;padding-inline-start:1.5em;list-style-position:outside}et-rich-text-editor .et-rte-content ul{list-style-type:disc}et-rich-text-editor .et-rte-content ol{list-style-type:decimal}et-rich-text-editor .et-rte-content li{margin-block:0}et-rich-text-editor .et-rte-content li::marker{color:color-mix(in srgb,currentColor 60%,transparent)}et-rich-text-editor .et-rte-content a{color:var(--et-theme-color-primary-solid, currentColor);text-decoration:underline}\n"], dependencies: [{ kind: "component", type: IconButtonComponent, selector: "[et-icon-button]", inputs: ["variant", "size"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "allowHardcodedColor"] }, { kind: "component", type: RichTextEditorFloatingToolbarComponent, selector: "et-rich-text-editor-floating-toolbar" }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "editable", first: true, predicate: ["editable"], descendants: true, isSignal: true }], hostDirectives: [{ directive: RichTextEditorDirective, inputs: ["value", "value", "disabled", "disabled", "readonly", "readonly", "hidden", "hidden", "invalid", "invalid", "errors", "errors", "required", "required", "name", "name", "placeholder", "placeholder"], outputs: ["valueChange", "valueChange", "touchedChange", "touchedChange"] }], ngImport: i0, template: "<div class=\"et-rte-toolbar\" role=\"toolbar\" aria-label=\"Text formatting\">\n  <button\n    [pressed]=\"dir.boldActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleBold()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Bold\"\n  >\n    <i etIcon=\"et-bold\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.italicActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleItalic()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Italic\"\n  >\n    <i etIcon=\"et-italic\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.strikeActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleStrikethrough()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Strikethrough\"\n  >\n    <i etIcon=\"et-strikethrough\"></i>\n  </button>\n\n  <span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n  <button\n    [pressed]=\"dir.headingLevel() === 1\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleHeading(1)\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Heading 1\"\n  >\n    <i etIcon=\"et-heading-1\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.headingLevel() === 2\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleHeading(2)\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Heading 2\"\n  >\n    <i etIcon=\"et-heading-2\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.headingLevel() === 3\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleHeading(3)\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Heading 3\"\n  >\n    <i etIcon=\"et-heading-3\"></i>\n  </button>\n\n  <span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n  <button\n    [pressed]=\"dir.unorderedListActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleUnorderedList()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Bulleted list\"\n  >\n    <i etIcon=\"et-list-bulleted\"></i>\n  </button>\n\n  <button\n    [pressed]=\"dir.orderedListActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.toggleOrderedList()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Numbered list\"\n  >\n    <i etIcon=\"et-list-numbered\"></i>\n  </button>\n\n  <span class=\"et-rte-toolbar-divider\" aria-hidden=\"true\"></span>\n\n  <button\n    [pressed]=\"dir.linkActive()\"\n    [disabled]=\"dir.disabled() || dir.readonly()\"\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"dir.promptForLink()\"\n    mutedUntilPressed\n    et-icon-button\n    size=\"xs\"\n    type=\"button\"\n    aria-label=\"Link\"\n  >\n    <i [allowHardcodedColor]=\"true\" etIcon=\"et-link\"></i>\n  </button>\n</div>\n\n<div\n  #editable\n  [attr.contenteditable]=\"dir.disabled() || dir.readonly() ? 'false' : 'true'\"\n  [attr.tabindex]=\"dir.disabled() ? -1 : 0\"\n  [attr.data-placeholder]=\"dir.placeholder() || null\"\n  [attr.aria-invalid]=\"dir.shouldDisplayError() || null\"\n  [attr.aria-describedby]=\"dir.describedById() || null\"\n  [attr.aria-labelledby]=\"dir.labelId() || null\"\n  [attr.aria-disabled]=\"dir.disabled() || null\"\n  [attr.aria-readonly]=\"dir.readonly() || null\"\n  (input)=\"syncValueFromDom()\"\n  (beforeinput)=\"interceptFormattingCommand($event)\"\n  (keydown)=\"interceptBackspaceKey($event)\"\n  (focus)=\"dir.focused.set(true)\"\n  (blur)=\"dir.focused.set(false); dir.touched.set(true)\"\n  class=\"et-rte-content\"\n  role=\"textbox\"\n  aria-multiline=\"true\"\n></div>\n\n<et-rich-text-editor-floating-toolbar />\n", styles: ["@property --et-rich-text-editor-toolbar-gap{syntax: \"<length>\"; inherits: true; initial-value: 2px;}@property --et-rich-text-editor-toolbar-padding{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-rich-text-editor-button-radius{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-rich-text-editor-min-height{syntax: \"<length>\"; inherits: true; initial-value: 96px;}@property --et-rich-text-editor-content-gap{syntax: \"<length>\"; inherits: true; initial-value: 8px;}et-rich-text-editor{display:flex;flex:1;flex-direction:column;min-inline-size:0;color:inherit}et-rich-text-editor .et-rte-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--et-rich-text-editor-toolbar-gap);padding:var(--et-rich-text-editor-toolbar-padding);padding-inline:calc(var(--et-form-field-control-padding-inline) - var(--et-rich-text-editor-toolbar-padding));border-block-end:var(--et-form-field-control-border-width, 1px) solid color-mix(in srgb,currentColor 12%,transparent)}et-rich-text-editor .et-rte-toolbar .et-icon-button{border-radius:var(--et-rich-text-editor-button-radius)}et-rich-text-editor .et-rte-toolbar-divider{inline-size:1px;align-self:stretch;margin-block:4px;margin-inline:2px;background:color-mix(in srgb,currentColor 12%,transparent)}et-rich-text-editor .et-rte-content{display:block;flex:1;min-inline-size:0;padding-block:var(--et-form-field-control-padding-block);padding-inline:var(--et-form-field-control-padding-inline);min-block-size:var(--et-rich-text-editor-min-height);outline:none;color:inherit;caret-color:var(--et-theme-color-primary-solid, currentColor);overflow-wrap:anywhere}et-rich-text-editor .et-rte-content:empty:before{content:attr(data-placeholder);color:color-mix(in srgb,currentColor 46%,transparent);pointer-events:none}et-rich-text-editor .et-rte-content>:first-child{margin-block-start:0}et-rich-text-editor .et-rte-content>:last-child{margin-block-end:0}et-rich-text-editor .et-rte-content p{margin-block:0}et-rich-text-editor .et-rte-content p+p,et-rich-text-editor .et-rte-content ul,et-rich-text-editor .et-rte-content ol{margin-block-start:var(--et-rich-text-editor-content-gap)}et-rich-text-editor .et-rte-content h1,et-rich-text-editor .et-rte-content h2,et-rich-text-editor .et-rte-content h3,et-rich-text-editor .et-rte-content h4,et-rich-text-editor .et-rte-content h5,et-rich-text-editor .et-rte-content h6{margin-block:0;font-weight:700;line-height:1.25}et-rich-text-editor .et-rte-content :is(h1,h2,h3,h4,h5,h6)+*,et-rich-text-editor .et-rte-content *+:is(h1,h2,h3,h4,h5,h6){margin-block-start:var(--et-rich-text-editor-content-gap)}et-rich-text-editor .et-rte-content h1{font-size:2.4rem}et-rich-text-editor .et-rte-content h2{font-size:2rem}et-rich-text-editor .et-rte-content h3{font-size:1.6rem}et-rich-text-editor .et-rte-content ul,et-rich-text-editor .et-rte-content ol{margin-block-end:0;padding-inline-start:1.5em;list-style-position:outside}et-rich-text-editor .et-rte-content ul{list-style-type:disc}et-rich-text-editor .et-rte-content ol{list-style-type:decimal}et-rich-text-editor .et-rte-content li{margin-block:0}et-rich-text-editor .et-rte-content li::marker{color:color-mix(in srgb,currentColor 60%,transparent)}et-rich-text-editor .et-rte-content a{color:var(--et-theme-color-primary-solid, currentColor);text-decoration:underline}\n"], dependencies: [{ kind: "component", type: IconButtonComponent, selector: "[et-icon-button]", inputs: ["variant", "size"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "variant", "allowHardcodedColor"] }, { kind: "component", type: RichTextEditorFloatingToolbarComponent, selector: "et-rich-text-editor-floating-toolbar" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RichTextEditorComponent, decorators: [{
             type: Component,
@@ -5863,7 +5899,7 @@ class GridItemDefaultActionsComponent {
         <i etIcon="et-times"></i>
       </button>
     </et-grid-item-toolbar>
-  `, isInline: true, styles: ["et-grid-item-default-actions .et-grid-item-default-actions__remove{color:rgb(var(--et-surface-color-muted))}et-grid-item-default-actions .et-grid-item-default-actions__remove:hover{color:rgb(var(--et-surface-color))}\n"], dependencies: [{ kind: "component", type: GridItemToolbarComponent, selector: "et-grid-item-toolbar, [et-grid-item-toolbar]" }, { kind: "component", type: IconButtonComponent, selector: "[et-icon-button]", inputs: ["variant", "size"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "allowHardcodedColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["et-grid-item-default-actions .et-grid-item-default-actions__remove{color:rgb(var(--et-surface-color-muted))}et-grid-item-default-actions .et-grid-item-default-actions__remove:hover{color:rgb(var(--et-surface-color))}\n"], dependencies: [{ kind: "component", type: GridItemToolbarComponent, selector: "et-grid-item-toolbar, [et-grid-item-toolbar]" }, { kind: "component", type: IconButtonComponent, selector: "[et-icon-button]", inputs: ["variant", "size"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "variant", "allowHardcodedColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: GridItemDefaultActionsComponent, decorators: [{
             type: Component,
@@ -5999,7 +6035,7 @@ class GridItemComponent {
     <div (pointerdown)="$event.stopPropagation()" class="et-grid-item__actions">
       <ng-content select="[etGridItemAction]" />
     </div>
-  `, isInline: true, styles: [".et-grid-item{position:absolute;top:0;left:0;box-sizing:border-box;display:flex;flex-direction:column;outline:none;will-change:translate;border-radius:var(--et-grid-item-radius, 0);background:var(--et-grid-item-bg, var(--et-surface-background-solid))}.et-grid-item:is(.et-grid-item--dragging,.et-grid-item--resizing,.et-grid-item--direct,.et-grid-item--settling){z-index:100}.et-grid-item:is(.et-grid-item--dragging){cursor:grabbing;-webkit-user-select:none;user-select:none}.et-grid-item:is(.et-grid-item--resizing){-webkit-user-select:none;user-select:none}.et-grid-item:is(.et-grid-item--entering,.et-grid-item--leaving){scale:.9;opacity:0}.et-grid-item:is(.et-grid-item--leaving){pointer-events:none}.et-grid-item:hover .et-resize-handle--e:after,.et-grid-item:hover .et-resize-handle--s:after,.et-grid-item:hover .et-resize-handle--w:after,.et-grid-item:hover .et-resize-handle--n:after,.et-grid-item:hover .et-resize-handle--se:after,.et-grid-item:hover .et-resize-handle--sw:after,.et-grid-item:hover .et-resize-handle--ne:after,.et-grid-item:hover .et-resize-handle--nw:after,.et-grid-item--resizing .et-resize-handle--e:after,.et-grid-item--resizing .et-resize-handle--s:after,.et-grid-item--resizing .et-resize-handle--w:after,.et-grid-item--resizing .et-resize-handle--n:after,.et-grid-item--resizing .et-resize-handle--se:after,.et-grid-item--resizing .et-resize-handle--sw:after,.et-grid-item--resizing .et-resize-handle--ne:after,.et-grid-item--resizing .et-resize-handle--nw:after{content:\"\";position:absolute;border-radius:2px;background:var(--et-grid-item-resize-handle-color, var(--et-surface-color-solid));opacity:.2}.et-grid-item:hover .et-resize-handle--e:after,.et-grid-item--resizing .et-resize-handle--e:after{right:2px;top:50%;transform:translateY(-50%);width:3px;height:24px}.et-grid-item:hover .et-resize-handle--w:after,.et-grid-item--resizing .et-resize-handle--w:after{left:2px;top:50%;transform:translateY(-50%);width:3px;height:24px}.et-grid-item:hover .et-resize-handle--s:after,.et-grid-item--resizing .et-resize-handle--s:after{bottom:2px;left:50%;transform:translate(-50%);height:3px;width:24px}.et-grid-item:hover .et-resize-handle--n:after,.et-grid-item--resizing .et-resize-handle--n:after{top:2px;left:50%;transform:translate(-50%);height:3px;width:24px}.et-grid-item:hover .et-resize-handle--se:after,.et-grid-item--resizing .et-resize-handle--se:after{bottom:3px;right:3px;width:8px;height:8px;border-radius:1px}.et-grid-item:hover .et-resize-handle--sw:after,.et-grid-item--resizing .et-resize-handle--sw:after{bottom:3px;left:3px;width:8px;height:8px;border-radius:1px}.et-grid-item:hover .et-resize-handle--ne:after,.et-grid-item--resizing .et-resize-handle--ne:after{top:3px;right:3px;width:8px;height:8px;border-radius:1px}.et-grid-item:hover .et-resize-handle--nw:after,.et-grid-item--resizing .et-resize-handle--nw:after{top:3px;left:3px;width:8px;height:8px;border-radius:1px}.et-grid-item__content{flex:1;min-height:0}.et-grid:not(.et-grid--readonly) .et-grid-item__content{cursor:grab}.et-grid-item--dragging .et-grid-item__content{cursor:grabbing}.et-grid-item__actions{position:absolute;top:4px;right:4px;display:flex;gap:4px}\n"], dependencies: [{ kind: "component", type: ResizeHandlesComponent, selector: "et-resize-handles", inputs: ["edges", "disabled"], outputs: ["resizeStarted", "resizeMoved", "resizeEnded"] }], encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".et-grid-item{position:absolute;top:0;left:0;box-sizing:border-box;display:flex;flex-direction:column;outline:none;will-change:translate;border-radius:var(--et-grid-item-radius, 0);background:var(--et-grid-item-bg, var(--et-surface-background-solid))}.et-grid-item:is(.et-grid-item--dragging,.et-grid-item--resizing,.et-grid-item--direct,.et-grid-item--settling){z-index:100}.et-grid-item:is(.et-grid-item--dragging){cursor:grabbing;-webkit-user-select:none;user-select:none}.et-grid-item:is(.et-grid-item--resizing){-webkit-user-select:none;user-select:none}.et-grid-item:is(.et-grid-item--entering,.et-grid-item--leaving){scale:.9;opacity:0}.et-grid-item:is(.et-grid-item--leaving){pointer-events:none}.et-grid-item:hover .et-resize-handle--e:after,.et-grid-item:hover .et-resize-handle--s:after,.et-grid-item:hover .et-resize-handle--w:after,.et-grid-item:hover .et-resize-handle--n:after,.et-grid-item:hover .et-resize-handle--se:after,.et-grid-item:hover .et-resize-handle--sw:after,.et-grid-item:hover .et-resize-handle--ne:after,.et-grid-item:hover .et-resize-handle--nw:after,.et-grid-item--resizing .et-resize-handle--e:after,.et-grid-item--resizing .et-resize-handle--s:after,.et-grid-item--resizing .et-resize-handle--w:after,.et-grid-item--resizing .et-resize-handle--n:after,.et-grid-item--resizing .et-resize-handle--se:after,.et-grid-item--resizing .et-resize-handle--sw:after,.et-grid-item--resizing .et-resize-handle--ne:after,.et-grid-item--resizing .et-resize-handle--nw:after{content:\"\";position:absolute;border-radius:2px;background:var(--et-grid-item-resize-handle-color, var(--et-surface-color-solid));opacity:.2}.et-grid-item:hover .et-resize-handle--e:after,.et-grid-item--resizing .et-resize-handle--e:after{right:2px;top:50%;transform:translateY(-50%);width:3px;height:24px}.et-grid-item:hover .et-resize-handle--w:after,.et-grid-item--resizing .et-resize-handle--w:after{left:2px;top:50%;transform:translateY(-50%);width:3px;height:24px}.et-grid-item:hover .et-resize-handle--s:after,.et-grid-item--resizing .et-resize-handle--s:after{bottom:2px;left:50%;transform:translate(-50%);height:3px;width:24px}.et-grid-item:hover .et-resize-handle--n:after,.et-grid-item--resizing .et-resize-handle--n:after{top:2px;left:50%;transform:translate(-50%);height:3px;width:24px}.et-grid-item:hover .et-resize-handle--se:after,.et-grid-item--resizing .et-resize-handle--se:after{bottom:3px;right:3px;width:8px;height:8px;border-radius:1px}.et-grid-item:hover .et-resize-handle--sw:after,.et-grid-item--resizing .et-resize-handle--sw:after{bottom:3px;left:3px;width:8px;height:8px;border-radius:1px}.et-grid-item:hover .et-resize-handle--ne:after,.et-grid-item--resizing .et-resize-handle--ne:after{top:3px;right:3px;width:8px;height:8px;border-radius:1px}.et-grid-item:hover .et-resize-handle--nw:after,.et-grid-item--resizing .et-resize-handle--nw:after{top:3px;left:3px;width:8px;height:8px;border-radius:1px}.et-grid-item__content{flex:1;min-height:0}.et-grid:not(.et-grid--readonly) .et-grid-item__content{cursor:grab;user-select:none;-webkit-user-select:none}.et-grid-item--dragging .et-grid-item__content{cursor:grabbing}.et-grid-item__actions{position:absolute;top:4px;right:4px;display:flex;gap:4px}\n"], dependencies: [{ kind: "component", type: ResizeHandlesComponent, selector: "et-resize-handles", inputs: ["edges", "disabled"], outputs: ["resizeStarted", "resizeMoved", "resizeEnded"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: GridItemComponent, decorators: [{
             type: Component,
@@ -6036,7 +6072,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         '[attr.aria-label]': 'ariaLabel()',
                         '[attr.tabindex]': '"0"',
                         '(keydown)': 'applyKeyboardShortcut($event)',
-                    }, styles: [".et-grid-item{position:absolute;top:0;left:0;box-sizing:border-box;display:flex;flex-direction:column;outline:none;will-change:translate;border-radius:var(--et-grid-item-radius, 0);background:var(--et-grid-item-bg, var(--et-surface-background-solid))}.et-grid-item:is(.et-grid-item--dragging,.et-grid-item--resizing,.et-grid-item--direct,.et-grid-item--settling){z-index:100}.et-grid-item:is(.et-grid-item--dragging){cursor:grabbing;-webkit-user-select:none;user-select:none}.et-grid-item:is(.et-grid-item--resizing){-webkit-user-select:none;user-select:none}.et-grid-item:is(.et-grid-item--entering,.et-grid-item--leaving){scale:.9;opacity:0}.et-grid-item:is(.et-grid-item--leaving){pointer-events:none}.et-grid-item:hover .et-resize-handle--e:after,.et-grid-item:hover .et-resize-handle--s:after,.et-grid-item:hover .et-resize-handle--w:after,.et-grid-item:hover .et-resize-handle--n:after,.et-grid-item:hover .et-resize-handle--se:after,.et-grid-item:hover .et-resize-handle--sw:after,.et-grid-item:hover .et-resize-handle--ne:after,.et-grid-item:hover .et-resize-handle--nw:after,.et-grid-item--resizing .et-resize-handle--e:after,.et-grid-item--resizing .et-resize-handle--s:after,.et-grid-item--resizing .et-resize-handle--w:after,.et-grid-item--resizing .et-resize-handle--n:after,.et-grid-item--resizing .et-resize-handle--se:after,.et-grid-item--resizing .et-resize-handle--sw:after,.et-grid-item--resizing .et-resize-handle--ne:after,.et-grid-item--resizing .et-resize-handle--nw:after{content:\"\";position:absolute;border-radius:2px;background:var(--et-grid-item-resize-handle-color, var(--et-surface-color-solid));opacity:.2}.et-grid-item:hover .et-resize-handle--e:after,.et-grid-item--resizing .et-resize-handle--e:after{right:2px;top:50%;transform:translateY(-50%);width:3px;height:24px}.et-grid-item:hover .et-resize-handle--w:after,.et-grid-item--resizing .et-resize-handle--w:after{left:2px;top:50%;transform:translateY(-50%);width:3px;height:24px}.et-grid-item:hover .et-resize-handle--s:after,.et-grid-item--resizing .et-resize-handle--s:after{bottom:2px;left:50%;transform:translate(-50%);height:3px;width:24px}.et-grid-item:hover .et-resize-handle--n:after,.et-grid-item--resizing .et-resize-handle--n:after{top:2px;left:50%;transform:translate(-50%);height:3px;width:24px}.et-grid-item:hover .et-resize-handle--se:after,.et-grid-item--resizing .et-resize-handle--se:after{bottom:3px;right:3px;width:8px;height:8px;border-radius:1px}.et-grid-item:hover .et-resize-handle--sw:after,.et-grid-item--resizing .et-resize-handle--sw:after{bottom:3px;left:3px;width:8px;height:8px;border-radius:1px}.et-grid-item:hover .et-resize-handle--ne:after,.et-grid-item--resizing .et-resize-handle--ne:after{top:3px;right:3px;width:8px;height:8px;border-radius:1px}.et-grid-item:hover .et-resize-handle--nw:after,.et-grid-item--resizing .et-resize-handle--nw:after{top:3px;left:3px;width:8px;height:8px;border-radius:1px}.et-grid-item__content{flex:1;min-height:0}.et-grid:not(.et-grid--readonly) .et-grid-item__content{cursor:grab}.et-grid-item--dragging .et-grid-item__content{cursor:grabbing}.et-grid-item__actions{position:absolute;top:4px;right:4px;display:flex;gap:4px}\n"] }]
+                    }, styles: [".et-grid-item{position:absolute;top:0;left:0;box-sizing:border-box;display:flex;flex-direction:column;outline:none;will-change:translate;border-radius:var(--et-grid-item-radius, 0);background:var(--et-grid-item-bg, var(--et-surface-background-solid))}.et-grid-item:is(.et-grid-item--dragging,.et-grid-item--resizing,.et-grid-item--direct,.et-grid-item--settling){z-index:100}.et-grid-item:is(.et-grid-item--dragging){cursor:grabbing;-webkit-user-select:none;user-select:none}.et-grid-item:is(.et-grid-item--resizing){-webkit-user-select:none;user-select:none}.et-grid-item:is(.et-grid-item--entering,.et-grid-item--leaving){scale:.9;opacity:0}.et-grid-item:is(.et-grid-item--leaving){pointer-events:none}.et-grid-item:hover .et-resize-handle--e:after,.et-grid-item:hover .et-resize-handle--s:after,.et-grid-item:hover .et-resize-handle--w:after,.et-grid-item:hover .et-resize-handle--n:after,.et-grid-item:hover .et-resize-handle--se:after,.et-grid-item:hover .et-resize-handle--sw:after,.et-grid-item:hover .et-resize-handle--ne:after,.et-grid-item:hover .et-resize-handle--nw:after,.et-grid-item--resizing .et-resize-handle--e:after,.et-grid-item--resizing .et-resize-handle--s:after,.et-grid-item--resizing .et-resize-handle--w:after,.et-grid-item--resizing .et-resize-handle--n:after,.et-grid-item--resizing .et-resize-handle--se:after,.et-grid-item--resizing .et-resize-handle--sw:after,.et-grid-item--resizing .et-resize-handle--ne:after,.et-grid-item--resizing .et-resize-handle--nw:after{content:\"\";position:absolute;border-radius:2px;background:var(--et-grid-item-resize-handle-color, var(--et-surface-color-solid));opacity:.2}.et-grid-item:hover .et-resize-handle--e:after,.et-grid-item--resizing .et-resize-handle--e:after{right:2px;top:50%;transform:translateY(-50%);width:3px;height:24px}.et-grid-item:hover .et-resize-handle--w:after,.et-grid-item--resizing .et-resize-handle--w:after{left:2px;top:50%;transform:translateY(-50%);width:3px;height:24px}.et-grid-item:hover .et-resize-handle--s:after,.et-grid-item--resizing .et-resize-handle--s:after{bottom:2px;left:50%;transform:translate(-50%);height:3px;width:24px}.et-grid-item:hover .et-resize-handle--n:after,.et-grid-item--resizing .et-resize-handle--n:after{top:2px;left:50%;transform:translate(-50%);height:3px;width:24px}.et-grid-item:hover .et-resize-handle--se:after,.et-grid-item--resizing .et-resize-handle--se:after{bottom:3px;right:3px;width:8px;height:8px;border-radius:1px}.et-grid-item:hover .et-resize-handle--sw:after,.et-grid-item--resizing .et-resize-handle--sw:after{bottom:3px;left:3px;width:8px;height:8px;border-radius:1px}.et-grid-item:hover .et-resize-handle--ne:after,.et-grid-item--resizing .et-resize-handle--ne:after{top:3px;right:3px;width:8px;height:8px;border-radius:1px}.et-grid-item:hover .et-resize-handle--nw:after,.et-grid-item--resizing .et-resize-handle--nw:after{top:3px;left:3px;width:8px;height:8px;border-radius:1px}.et-grid-item__content{flex:1;min-height:0}.et-grid:not(.et-grid--readonly) .et-grid-item__content{cursor:grab;user-select:none;-webkit-user-select:none}.et-grid-item--dragging .et-grid-item__content{cursor:grabbing}.et-grid-item__actions{position:absolute;top:4px;right:4px;display:flex;gap:4px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], removed: [{ type: i0.Output, args: ["removed"] }] } });
 
 class GridComponent {
@@ -6700,14 +6736,14 @@ class OverlayContainerComponent {
         this.destroyRef.onDestroy(() => this.contentComponentRef()?.destroy());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: OverlayContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: OverlayContainerComponent, isStandalone: true, selector: "et-overlay-container", inputs: { component: { classPropertyName: "component", publicName: "component", isSignal: true, isRequired: true, transformFunction: null }, componentInputs: { classPropertyName: "componentInputs", publicName: "componentInputs", isSignal: true, isRequired: false, transformFunction: null }, componentOutputs: { classPropertyName: "componentOutputs", publicName: "componentOutputs", isSignal: true, isRequired: false, transformFunction: null }, renderArrow: { classPropertyName: "renderArrow", publicName: "renderArrow", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.et-with-default-animation": "!overlayRef.config.customAnimated" }, classAttribute: "et-overlay" }, providers: [provideBoundaryElement()], viewQueries: [{ propertyName: "contentOutlet", first: true, predicate: ["contentOutlet"], descendants: true, read: ViewContainerRef, isSignal: true }], hostDirectives: [{ directive: i1.AnimatedLifecycleDirective }, { directive: i1.ProvideColorDirective }, { directive: i1.ProvideSurfaceDirective }], ngImport: i0, template: "<div class=\"et-overlay-container-drag-handle\"></div>\n<ng-container #contentOutlet />\n@if (renderArrow()) {\n  <div class=\"et-overlay-arrow\" et-floating-arrow></div>\n}\n", styles: [".et-overlay{--et-overlay-padding-inline: 16px;--et-overlay-padding-block: 16px;--et-overlay-header-padding-block-end: 16px;--et-overlay-body-padding-block: 0;--et-overlay-footer-padding-block-start: 16px;--et-overlay-body-divider-color: #565656;--et-overlay-body-min-block-size: 100px;--_et-overlay-drag-handle-inline-size: 32px;--_et-overlay-drag-handle-block-size: 4px;--_et-overlay-drag-handle-block-margin: 22px;--_et-overlay-drag-handle-color: #565656;--_et-overlay-drag-handle-radius: 5px;position:relative;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;pointer-events:all;outline:none;box-sizing:border-box}.et-overlay>:nth-child(2){overflow:auto;border-radius:inherit}.et-overlay>:nth-child(2):not(.et-overlay-main){display:grid}.et-overlay.et-overlay--anchored,.et-overlay.et-overlay--centered{overflow:visible;background:transparent}:is(.et-overlay.et-overlay--anchored,.et-overlay.et-overlay--centered)>:nth-child(2){display:block;overflow:visible}.et-overlay:has(>.et-overlay-arrow){overflow:visible}.et-overlay.et-overlay--bottom-sheet .et-overlay-container-drag-handle{grid-template-rows:auto minmax(0,1fr);display:flex}.et-overlay:has(.et-overlay-main){overflow:visible}.et-overlay-arrow{--_et-overlay-arrow-size: 14px;--_et-overlay-arrow-overlap: calc( var(--_et-overlay-arrow-size) / 2 + var(--_et-overlay-arrow-pane-border-width, 0px) );--_et-overlay-arrow-border-width: var(--_et-overlay-arrow-pane-border-width, 1px);--_et-overlay-arrow-border-color: var( --et-overlay-arrow-border, var(--_et-overlay-arrow-pane-border-color, transparent) );position:absolute;z-index:1;inline-size:var(--_et-overlay-arrow-size);block-size:var(--_et-overlay-arrow-size);transform:var(--et-floating-arrow-translate, translate3d(0, 0, 0));visibility:hidden;background-color:var(--et-overlay-arrow-background, inherit);pointer-events:none}.et-overlay-arrow:before{content:\"\";position:absolute;inset:0;box-sizing:border-box;visibility:visible;border-radius:2px;border:0 solid var(--_et-overlay-arrow-border-color);background-color:inherit;box-shadow:var(--et-overlay-arrow-shadow, none);transform:rotate(45deg)}[data-overlay-placement^=top]>.et-overlay-arrow{bottom:calc(var(--_et-overlay-arrow-overlap) * -1);left:0}[data-overlay-placement^=top]>.et-overlay-arrow:before{border-right-width:var(--_et-overlay-arrow-border-width);border-bottom-width:var(--_et-overlay-arrow-border-width)}[data-overlay-placement^=right]>.et-overlay-arrow{left:calc(var(--_et-overlay-arrow-overlap) * -1);top:0}[data-overlay-placement^=right]>.et-overlay-arrow:before{border-bottom-width:var(--_et-overlay-arrow-border-width);border-left-width:var(--_et-overlay-arrow-border-width)}[data-overlay-placement^=bottom]>.et-overlay-arrow{top:calc(var(--_et-overlay-arrow-overlap) * -1);left:0}[data-overlay-placement^=bottom]>.et-overlay-arrow:before{border-top-width:var(--_et-overlay-arrow-border-width);border-left-width:var(--_et-overlay-arrow-border-width)}[data-overlay-placement^=left]>.et-overlay-arrow{right:calc(var(--_et-overlay-arrow-overlap) * -1);top:0}[data-overlay-placement^=left]>.et-overlay-arrow:before{border-top-width:var(--_et-overlay-arrow-border-width);border-right-width:var(--_et-overlay-arrow-border-width)}.et-overlay-main{display:grid;grid-template-rows:minmax(0,1fr);overflow:auto}.et-overlay-main:has(.et-overlay-header):has(.et-overlay-body):has(.et-overlay-footer){grid-template-rows:auto minmax(var(--et-overlay-body-min-block-size),1fr) auto}.et-overlay-main:has(.et-overlay-header):has(.et-overlay-body){grid-template-rows:auto minmax(var(--et-overlay-body-min-block-size),1fr)}.et-overlay-main:has(.et-overlay-body):has(.et-overlay-footer){grid-template-rows:minmax(var(--et-overlay-body-min-block-size),1fr) auto}.et-overlay-main:not(:has(.et-overlay-footer)){grid-template-rows:minmax(var(--et-overlay-body-min-block-size),1fr) auto}.et-overlay-container-drag-handle{block-size:var(--_et-overlay-drag-handle-block-size);margin-block:var(--_et-overlay-drag-handle-block-margin);display:none;justify-content:center}.et-overlay-container-drag-handle:before{content:\"\";position:static;inline-size:var(--_et-overlay-drag-handle-inline-size);block-size:var(--_et-overlay-drag-handle-block-size);background-color:var(--_et-overlay-drag-handle-color);border-radius:var(--_et-overlay-drag-handle-radius)}.et-overlay-body{display:grid;overflow:auto;padding-inline:var(--et-overlay-padding-inline);padding-block:var(--et-overlay-body-padding-block);grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr)}.et-overlay-body.et-overlay-body--enable-divider-animations{transition:border-color .3s var(--ease-1)}.et-overlay-main:has(.et-overlay-header) .et-overlay-body.et-overlay-body--render-dividers{border-block-start:1px solid var(--et-overlay-body-divider-color)}.et-overlay-main:has(.et-overlay-footer) .et-overlay-body.et-overlay-body--render-dividers{border-block-end:1px solid var(--et-overlay-body-divider-color)}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers{border-color:var(--et-overlay-body-divider-color)}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers.et-scrollable-body--is-at-start{border-block-start-color:transparent}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers.et-scrollable-body--is-at-end{border-block-end-color:transparent}.et-overlay-body .et-overlay-body-container{position:relative;min-block-size:min-content}.et-overlay-body .et-overlay-body-container .et-overlay-body-start-element,.et-overlay-body .et-overlay-body-container .et-overlay-body-end-element{position:absolute;block-size:1px;pointer-events:none}.et-overlay-body .et-overlay-body-container .et-overlay-body-start-element{inset-inline:1px;inset-block-start:1px}.et-overlay-body .et-overlay-body-container .et-overlay-body-end-element{inset-inline:1px;inset-block-end:1px}.et-overlay-header{padding-block-start:var(--et-overlay-padding-block);padding-inline:var(--et-overlay-padding-inline);padding-block-end:var(--et-overlay-header-padding-block-end)}.et-overlay-footer{padding-block-end:var(--et-overlay-padding-block);padding-inline:var(--et-overlay-padding-inline);padding-block-start:var(--et-overlay-footer-padding-block-start)}.et-overlay.et-with-default-animation:after{content:\"\";position:absolute;background-color:inherit}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-to{transform:translate(var(--origin-translate-x, 0),var(--origin-translate-y, 0)) scale(var(--origin-scale-x, 0),var(--origin-scale-y, 0))!important;border-radius:min(250px,calc(var(--origin-width, 0px) / 2),calc(var(--origin-height, 0px) / 2));opacity:0}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .4s var(--ease-out-5),border-radius .4s var(--ease-out-5),opacity .15s linear}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .4s var(--ease-spring-1),border-radius .4s var(--ease-spring-1),opacity .15s linear}}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-active{transition:transform .3s var(--ease-in-out-5),border-radius .3s var(--ease-in-out-5),opacity .15s linear .1s}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-overlay--full-screen-dialog--reduced-animation.et-animation-enter-active{transition:transform .3s var(--ease-out-5),border-radius .3s var(--ease-out-5),opacity .15s linear}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-overlay--full-screen-dialog--reduced-animation.et-animation-enter-active{transition:transform .3s var(--ease-spring-2),opacity .3s var(--ease-out-5),border-radius .3s var(--ease-spring-2)}}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-overlay--full-screen-dialog--reduced-animation.et-animation-leave-active{transition:transform .15s var(--ease-in-5),border-radius .15s var(--ease-in-5),opacity .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-to{transform:translateY(100%)!important}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet:after{inset-inline:0;inset-block-end:-50px;block-size:50px}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-to{transform:translateY(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--top-sheet:after{inset-inline:0;inset-block-start:-50px;block-size:50px}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-to{transform:translate(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--left-sheet:after{inset-inline-start:-50px;inset-block:0;inline-size:50px}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-to{transform:translate(100%)!important}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--right-sheet:after{inset-inline-end:-50px;inset-block:0;inline-size:50px}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-from{opacity:0!important;transform:scale(.85)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-to{opacity:0!important;transform:scale(.7)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),opacity .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-2),opacity .3s var(--ease-out-5)}}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-active{transition:transform .15s var(--ease-out-5),opacity .15s var(--ease-out-5)}.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(var(--origin-translate-x, 0),var(--origin-translate-y, 0)) scale(var(--origin-scale-x, .85),var(--origin-scale-y, .85))!important;opacity:0}.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),opacity .15s linear}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-1),opacity .15s linear}}.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-leave-active{transition:transform .15s var(--ease-in-5),opacity .15s linear}.et-overlay-runtime-backdrop{--et-overlay-backdrop-color: rgb(0 0 0 / .32);background-color:var(--et-overlay-backdrop-color);opacity:0;transition:opacity .2s linear}.et-overlay-runtime-backdrop.et-overlay-backdrop--visible{opacity:1}.et-overlay-backdrop--hidden{display:none!important}.et-force-invisible{visibility:hidden!important}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: OverlayContainerComponent, isStandalone: true, selector: "et-overlay-container", inputs: { component: { classPropertyName: "component", publicName: "component", isSignal: true, isRequired: true, transformFunction: null }, componentInputs: { classPropertyName: "componentInputs", publicName: "componentInputs", isSignal: true, isRequired: false, transformFunction: null }, componentOutputs: { classPropertyName: "componentOutputs", publicName: "componentOutputs", isSignal: true, isRequired: false, transformFunction: null }, renderArrow: { classPropertyName: "renderArrow", publicName: "renderArrow", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.et-with-default-animation": "!overlayRef.config.customAnimated" }, classAttribute: "et-overlay" }, providers: [provideBoundaryElement()], viewQueries: [{ propertyName: "contentOutlet", first: true, predicate: ["contentOutlet"], descendants: true, read: ViewContainerRef, isSignal: true }], hostDirectives: [{ directive: i1.AnimatedLifecycleDirective }, { directive: i1.ProvideColorDirective }, { directive: i1.ProvideSurfaceDirective }], ngImport: i0, template: "<div class=\"et-overlay-container-drag-handle\"></div>\n<ng-container #contentOutlet />\n@if (renderArrow()) {\n  <div class=\"et-overlay-arrow\" et-floating-arrow></div>\n}\n", styles: [".et-overlay{--et-overlay-padding-inline: 16px;--et-overlay-padding-block: 16px;--et-overlay-header-padding-block-end: 16px;--et-overlay-body-padding-block: 0;--et-overlay-footer-padding-block-start: 16px;--et-overlay-body-divider-color: #565656;--et-overlay-body-min-block-size: 100px;--_et-overlay-drag-handle-inline-size: 32px;--_et-overlay-drag-handle-block-size: 4px;--_et-overlay-drag-handle-block-margin: 22px;--_et-overlay-drag-handle-color: #565656;--_et-overlay-drag-handle-radius: 5px;position:relative;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;pointer-events:all;outline:none;box-sizing:border-box}.et-overlay>:nth-child(2){overflow:auto;border-radius:inherit}.et-overlay>:nth-child(2):not(.et-overlay-main){display:grid}.et-overlay>:nth-child(2):not(.et-overlay-main):has(.et-overlay-router-outlet-host){grid-template-rows:minmax(0,1fr)}.et-overlay.et-overlay--anchored,.et-overlay.et-overlay--centered{overflow:visible;background:transparent}:is(.et-overlay.et-overlay--anchored,.et-overlay.et-overlay--centered)>:nth-child(2){display:block;overflow:visible}.et-overlay:has(>.et-overlay-arrow){overflow:visible}.et-overlay.et-overlay--bottom-sheet .et-overlay-container-drag-handle{grid-template-rows:auto minmax(0,1fr);display:flex}.et-overlay:has(.et-overlay-main){overflow:visible}.et-overlay-arrow{--_et-overlay-arrow-size: 14px;--_et-overlay-arrow-overlap: calc( var(--_et-overlay-arrow-size) / 2 + var(--_et-overlay-arrow-pane-border-width, 0px) );--_et-overlay-arrow-border-width: var(--_et-overlay-arrow-pane-border-width, 1px);--_et-overlay-arrow-border-color: var( --et-overlay-arrow-border, var(--_et-overlay-arrow-pane-border-color, transparent) );position:absolute;z-index:1;inline-size:var(--_et-overlay-arrow-size);block-size:var(--_et-overlay-arrow-size);transform:var(--et-floating-arrow-translate, translate3d(0, 0, 0));visibility:hidden;background-color:var(--et-overlay-arrow-background, inherit);pointer-events:none}.et-overlay-arrow:before{content:\"\";position:absolute;inset:0;box-sizing:border-box;visibility:visible;border-radius:2px;border:0 solid var(--_et-overlay-arrow-border-color);background-color:inherit;box-shadow:var(--et-overlay-arrow-shadow, none);transform:rotate(45deg)}[data-overlay-placement^=top]>.et-overlay-arrow{bottom:calc(var(--_et-overlay-arrow-overlap) * -1);left:0}[data-overlay-placement^=top]>.et-overlay-arrow:before{border-right-width:var(--_et-overlay-arrow-border-width);border-bottom-width:var(--_et-overlay-arrow-border-width)}[data-overlay-placement^=right]>.et-overlay-arrow{left:calc(var(--_et-overlay-arrow-overlap) * -1);top:0}[data-overlay-placement^=right]>.et-overlay-arrow:before{border-bottom-width:var(--_et-overlay-arrow-border-width);border-left-width:var(--_et-overlay-arrow-border-width)}[data-overlay-placement^=bottom]>.et-overlay-arrow{top:calc(var(--_et-overlay-arrow-overlap) * -1);left:0}[data-overlay-placement^=bottom]>.et-overlay-arrow:before{border-top-width:var(--_et-overlay-arrow-border-width);border-left-width:var(--_et-overlay-arrow-border-width)}[data-overlay-placement^=left]>.et-overlay-arrow{right:calc(var(--_et-overlay-arrow-overlap) * -1);top:0}[data-overlay-placement^=left]>.et-overlay-arrow:before{border-top-width:var(--_et-overlay-arrow-border-width);border-right-width:var(--_et-overlay-arrow-border-width)}.et-overlay-main{display:grid;grid-template-rows:minmax(0,1fr);overflow:auto}.et-overlay-main:has(.et-overlay-header):has(.et-overlay-body):has(.et-overlay-footer){grid-template-rows:auto minmax(var(--et-overlay-body-min-block-size),1fr) auto}.et-overlay-main:has(.et-overlay-header):has(.et-overlay-body){grid-template-rows:auto minmax(var(--et-overlay-body-min-block-size),1fr)}.et-overlay-main:has(.et-overlay-body):has(.et-overlay-footer){grid-template-rows:minmax(var(--et-overlay-body-min-block-size),1fr) auto}.et-overlay-main:not(:has(.et-overlay-footer)){grid-template-rows:minmax(var(--et-overlay-body-min-block-size),1fr) auto}.et-overlay-container-drag-handle{block-size:var(--_et-overlay-drag-handle-block-size);margin-block:var(--_et-overlay-drag-handle-block-margin);display:none;justify-content:center}.et-overlay-container-drag-handle:before{content:\"\";position:static;inline-size:var(--_et-overlay-drag-handle-inline-size);block-size:var(--_et-overlay-drag-handle-block-size);background-color:var(--_et-overlay-drag-handle-color);border-radius:var(--_et-overlay-drag-handle-radius)}.et-overlay-body{display:grid;overflow:auto;padding-inline:var(--et-overlay-padding-inline);padding-block:var(--et-overlay-body-padding-block);grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr)}.et-overlay-body.et-overlay-body--enable-divider-animations{transition:border-color .3s var(--ease-1)}.et-overlay-main:has(.et-overlay-header) .et-overlay-body.et-overlay-body--render-dividers{border-block-start:1px solid var(--et-overlay-body-divider-color)}.et-overlay-main:has(.et-overlay-footer) .et-overlay-body.et-overlay-body--render-dividers{border-block-end:1px solid var(--et-overlay-body-divider-color)}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers{border-color:var(--et-overlay-body-divider-color)}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers.et-scrollable-body--is-at-start{border-block-start-color:transparent}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers.et-scrollable-body--is-at-end{border-block-end-color:transparent}.et-overlay-body .et-overlay-body-container{position:relative;min-block-size:min-content}.et-overlay-body .et-overlay-body-container .et-overlay-body-start-element,.et-overlay-body .et-overlay-body-container .et-overlay-body-end-element{position:absolute;block-size:1px;pointer-events:none}.et-overlay-body .et-overlay-body-container .et-overlay-body-start-element{inset-inline:1px;inset-block-start:1px}.et-overlay-body .et-overlay-body-container .et-overlay-body-end-element{inset-inline:1px;inset-block-end:1px}.et-overlay-header{padding-block-start:var(--et-overlay-padding-block);padding-inline:var(--et-overlay-padding-inline);padding-block-end:var(--et-overlay-header-padding-block-end)}.et-overlay-footer{padding-block-end:var(--et-overlay-padding-block);padding-inline:var(--et-overlay-padding-inline);padding-block-start:var(--et-overlay-footer-padding-block-start)}.et-overlay.et-with-default-animation:after{content:\"\";position:absolute;background-color:inherit}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-to{transform:translate(var(--origin-translate-x, 0),var(--origin-translate-y, 0)) scale(var(--origin-scale-x, 0),var(--origin-scale-y, 0))!important;border-radius:min(250px,calc(var(--origin-width, 0px) / 2),calc(var(--origin-height, 0px) / 2));opacity:0}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .4s var(--ease-out-5),border-radius .4s var(--ease-out-5),opacity .15s linear}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .4s var(--ease-spring-1),border-radius .4s var(--ease-spring-1),opacity .15s linear}}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-active{transition:transform .3s var(--ease-in-out-5),border-radius .3s var(--ease-in-out-5),opacity .15s linear .1s}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-overlay--full-screen-dialog--reduced-animation.et-animation-enter-active{transition:transform .3s var(--ease-out-5),border-radius .3s var(--ease-out-5),opacity .15s linear}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-overlay--full-screen-dialog--reduced-animation.et-animation-enter-active{transition:transform .3s var(--ease-spring-2),opacity .3s var(--ease-out-5),border-radius .3s var(--ease-spring-2)}}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-overlay--full-screen-dialog--reduced-animation.et-animation-leave-active{transition:transform .15s var(--ease-in-5),border-radius .15s var(--ease-in-5),opacity .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-to{transform:translateY(100%)!important}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet:after{inset-inline:0;inset-block-end:-50px;block-size:50px}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-to{transform:translateY(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--top-sheet:after{inset-inline:0;inset-block-start:-50px;block-size:50px}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-to{transform:translate(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--left-sheet:after{inset-inline-start:-50px;inset-block:0;inline-size:50px}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-to{transform:translate(100%)!important}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--right-sheet:after{inset-inline-end:-50px;inset-block:0;inline-size:50px}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-from{opacity:0!important;transform:scale(.85)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-to{opacity:0!important;transform:scale(.7)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),opacity .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-2),opacity .3s var(--ease-out-5)}}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-active{transition:transform .15s var(--ease-out-5),opacity .15s var(--ease-out-5)}.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(var(--origin-translate-x, 0),var(--origin-translate-y, 0)) scale(var(--origin-scale-x, .85),var(--origin-scale-y, .85))!important;opacity:0}.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),opacity .15s linear}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-1),opacity .15s linear}}.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-leave-active{transition:transform .15s var(--ease-in-5),opacity .15s linear}.et-overlay-runtime-backdrop{--et-overlay-backdrop-color: rgb(0 0 0 / .32);background-color:var(--et-overlay-backdrop-color);opacity:0;transition:opacity .2s linear}.et-overlay-runtime-backdrop.et-overlay-backdrop--visible{opacity:1}.et-overlay-backdrop--hidden{display:none!important}.et-force-invisible{visibility:hidden!important}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: OverlayContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-overlay-container', encapsulation: ViewEncapsulation.None, providers: [provideBoundaryElement()], hostDirectives: [AnimatedLifecycleDirective, ProvideColorDirective, ProvideSurfaceDirective], host: {
                         class: 'et-overlay',
                         '[class.et-with-default-animation]': '!overlayRef.config.customAnimated',
-                    }, template: "<div class=\"et-overlay-container-drag-handle\"></div>\n<ng-container #contentOutlet />\n@if (renderArrow()) {\n  <div class=\"et-overlay-arrow\" et-floating-arrow></div>\n}\n", styles: [".et-overlay{--et-overlay-padding-inline: 16px;--et-overlay-padding-block: 16px;--et-overlay-header-padding-block-end: 16px;--et-overlay-body-padding-block: 0;--et-overlay-footer-padding-block-start: 16px;--et-overlay-body-divider-color: #565656;--et-overlay-body-min-block-size: 100px;--_et-overlay-drag-handle-inline-size: 32px;--_et-overlay-drag-handle-block-size: 4px;--_et-overlay-drag-handle-block-margin: 22px;--_et-overlay-drag-handle-color: #565656;--_et-overlay-drag-handle-radius: 5px;position:relative;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;pointer-events:all;outline:none;box-sizing:border-box}.et-overlay>:nth-child(2){overflow:auto;border-radius:inherit}.et-overlay>:nth-child(2):not(.et-overlay-main){display:grid}.et-overlay.et-overlay--anchored,.et-overlay.et-overlay--centered{overflow:visible;background:transparent}:is(.et-overlay.et-overlay--anchored,.et-overlay.et-overlay--centered)>:nth-child(2){display:block;overflow:visible}.et-overlay:has(>.et-overlay-arrow){overflow:visible}.et-overlay.et-overlay--bottom-sheet .et-overlay-container-drag-handle{grid-template-rows:auto minmax(0,1fr);display:flex}.et-overlay:has(.et-overlay-main){overflow:visible}.et-overlay-arrow{--_et-overlay-arrow-size: 14px;--_et-overlay-arrow-overlap: calc( var(--_et-overlay-arrow-size) / 2 + var(--_et-overlay-arrow-pane-border-width, 0px) );--_et-overlay-arrow-border-width: var(--_et-overlay-arrow-pane-border-width, 1px);--_et-overlay-arrow-border-color: var( --et-overlay-arrow-border, var(--_et-overlay-arrow-pane-border-color, transparent) );position:absolute;z-index:1;inline-size:var(--_et-overlay-arrow-size);block-size:var(--_et-overlay-arrow-size);transform:var(--et-floating-arrow-translate, translate3d(0, 0, 0));visibility:hidden;background-color:var(--et-overlay-arrow-background, inherit);pointer-events:none}.et-overlay-arrow:before{content:\"\";position:absolute;inset:0;box-sizing:border-box;visibility:visible;border-radius:2px;border:0 solid var(--_et-overlay-arrow-border-color);background-color:inherit;box-shadow:var(--et-overlay-arrow-shadow, none);transform:rotate(45deg)}[data-overlay-placement^=top]>.et-overlay-arrow{bottom:calc(var(--_et-overlay-arrow-overlap) * -1);left:0}[data-overlay-placement^=top]>.et-overlay-arrow:before{border-right-width:var(--_et-overlay-arrow-border-width);border-bottom-width:var(--_et-overlay-arrow-border-width)}[data-overlay-placement^=right]>.et-overlay-arrow{left:calc(var(--_et-overlay-arrow-overlap) * -1);top:0}[data-overlay-placement^=right]>.et-overlay-arrow:before{border-bottom-width:var(--_et-overlay-arrow-border-width);border-left-width:var(--_et-overlay-arrow-border-width)}[data-overlay-placement^=bottom]>.et-overlay-arrow{top:calc(var(--_et-overlay-arrow-overlap) * -1);left:0}[data-overlay-placement^=bottom]>.et-overlay-arrow:before{border-top-width:var(--_et-overlay-arrow-border-width);border-left-width:var(--_et-overlay-arrow-border-width)}[data-overlay-placement^=left]>.et-overlay-arrow{right:calc(var(--_et-overlay-arrow-overlap) * -1);top:0}[data-overlay-placement^=left]>.et-overlay-arrow:before{border-top-width:var(--_et-overlay-arrow-border-width);border-right-width:var(--_et-overlay-arrow-border-width)}.et-overlay-main{display:grid;grid-template-rows:minmax(0,1fr);overflow:auto}.et-overlay-main:has(.et-overlay-header):has(.et-overlay-body):has(.et-overlay-footer){grid-template-rows:auto minmax(var(--et-overlay-body-min-block-size),1fr) auto}.et-overlay-main:has(.et-overlay-header):has(.et-overlay-body){grid-template-rows:auto minmax(var(--et-overlay-body-min-block-size),1fr)}.et-overlay-main:has(.et-overlay-body):has(.et-overlay-footer){grid-template-rows:minmax(var(--et-overlay-body-min-block-size),1fr) auto}.et-overlay-main:not(:has(.et-overlay-footer)){grid-template-rows:minmax(var(--et-overlay-body-min-block-size),1fr) auto}.et-overlay-container-drag-handle{block-size:var(--_et-overlay-drag-handle-block-size);margin-block:var(--_et-overlay-drag-handle-block-margin);display:none;justify-content:center}.et-overlay-container-drag-handle:before{content:\"\";position:static;inline-size:var(--_et-overlay-drag-handle-inline-size);block-size:var(--_et-overlay-drag-handle-block-size);background-color:var(--_et-overlay-drag-handle-color);border-radius:var(--_et-overlay-drag-handle-radius)}.et-overlay-body{display:grid;overflow:auto;padding-inline:var(--et-overlay-padding-inline);padding-block:var(--et-overlay-body-padding-block);grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr)}.et-overlay-body.et-overlay-body--enable-divider-animations{transition:border-color .3s var(--ease-1)}.et-overlay-main:has(.et-overlay-header) .et-overlay-body.et-overlay-body--render-dividers{border-block-start:1px solid var(--et-overlay-body-divider-color)}.et-overlay-main:has(.et-overlay-footer) .et-overlay-body.et-overlay-body--render-dividers{border-block-end:1px solid var(--et-overlay-body-divider-color)}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers{border-color:var(--et-overlay-body-divider-color)}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers.et-scrollable-body--is-at-start{border-block-start-color:transparent}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers.et-scrollable-body--is-at-end{border-block-end-color:transparent}.et-overlay-body .et-overlay-body-container{position:relative;min-block-size:min-content}.et-overlay-body .et-overlay-body-container .et-overlay-body-start-element,.et-overlay-body .et-overlay-body-container .et-overlay-body-end-element{position:absolute;block-size:1px;pointer-events:none}.et-overlay-body .et-overlay-body-container .et-overlay-body-start-element{inset-inline:1px;inset-block-start:1px}.et-overlay-body .et-overlay-body-container .et-overlay-body-end-element{inset-inline:1px;inset-block-end:1px}.et-overlay-header{padding-block-start:var(--et-overlay-padding-block);padding-inline:var(--et-overlay-padding-inline);padding-block-end:var(--et-overlay-header-padding-block-end)}.et-overlay-footer{padding-block-end:var(--et-overlay-padding-block);padding-inline:var(--et-overlay-padding-inline);padding-block-start:var(--et-overlay-footer-padding-block-start)}.et-overlay.et-with-default-animation:after{content:\"\";position:absolute;background-color:inherit}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-to{transform:translate(var(--origin-translate-x, 0),var(--origin-translate-y, 0)) scale(var(--origin-scale-x, 0),var(--origin-scale-y, 0))!important;border-radius:min(250px,calc(var(--origin-width, 0px) / 2),calc(var(--origin-height, 0px) / 2));opacity:0}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .4s var(--ease-out-5),border-radius .4s var(--ease-out-5),opacity .15s linear}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .4s var(--ease-spring-1),border-radius .4s var(--ease-spring-1),opacity .15s linear}}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-active{transition:transform .3s var(--ease-in-out-5),border-radius .3s var(--ease-in-out-5),opacity .15s linear .1s}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-overlay--full-screen-dialog--reduced-animation.et-animation-enter-active{transition:transform .3s var(--ease-out-5),border-radius .3s var(--ease-out-5),opacity .15s linear}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-overlay--full-screen-dialog--reduced-animation.et-animation-enter-active{transition:transform .3s var(--ease-spring-2),opacity .3s var(--ease-out-5),border-radius .3s var(--ease-spring-2)}}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-overlay--full-screen-dialog--reduced-animation.et-animation-leave-active{transition:transform .15s var(--ease-in-5),border-radius .15s var(--ease-in-5),opacity .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-to{transform:translateY(100%)!important}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet:after{inset-inline:0;inset-block-end:-50px;block-size:50px}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-to{transform:translateY(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--top-sheet:after{inset-inline:0;inset-block-start:-50px;block-size:50px}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-to{transform:translate(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--left-sheet:after{inset-inline-start:-50px;inset-block:0;inline-size:50px}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-to{transform:translate(100%)!important}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--right-sheet:after{inset-inline-end:-50px;inset-block:0;inline-size:50px}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-from{opacity:0!important;transform:scale(.85)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-to{opacity:0!important;transform:scale(.7)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),opacity .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-2),opacity .3s var(--ease-out-5)}}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-active{transition:transform .15s var(--ease-out-5),opacity .15s var(--ease-out-5)}.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(var(--origin-translate-x, 0),var(--origin-translate-y, 0)) scale(var(--origin-scale-x, .85),var(--origin-scale-y, .85))!important;opacity:0}.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),opacity .15s linear}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-1),opacity .15s linear}}.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-leave-active{transition:transform .15s var(--ease-in-5),opacity .15s linear}.et-overlay-runtime-backdrop{--et-overlay-backdrop-color: rgb(0 0 0 / .32);background-color:var(--et-overlay-backdrop-color);opacity:0;transition:opacity .2s linear}.et-overlay-runtime-backdrop.et-overlay-backdrop--visible{opacity:1}.et-overlay-backdrop--hidden{display:none!important}.et-force-invisible{visibility:hidden!important}\n"] }]
+                    }, template: "<div class=\"et-overlay-container-drag-handle\"></div>\n<ng-container #contentOutlet />\n@if (renderArrow()) {\n  <div class=\"et-overlay-arrow\" et-floating-arrow></div>\n}\n", styles: [".et-overlay{--et-overlay-padding-inline: 16px;--et-overlay-padding-block: 16px;--et-overlay-header-padding-block-end: 16px;--et-overlay-body-padding-block: 0;--et-overlay-footer-padding-block-start: 16px;--et-overlay-body-divider-color: #565656;--et-overlay-body-min-block-size: 100px;--_et-overlay-drag-handle-inline-size: 32px;--_et-overlay-drag-handle-block-size: 4px;--_et-overlay-drag-handle-block-margin: 22px;--_et-overlay-drag-handle-color: #565656;--_et-overlay-drag-handle-radius: 5px;position:relative;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;pointer-events:all;outline:none;box-sizing:border-box}.et-overlay>:nth-child(2){overflow:auto;border-radius:inherit}.et-overlay>:nth-child(2):not(.et-overlay-main){display:grid}.et-overlay>:nth-child(2):not(.et-overlay-main):has(.et-overlay-router-outlet-host){grid-template-rows:minmax(0,1fr)}.et-overlay.et-overlay--anchored,.et-overlay.et-overlay--centered{overflow:visible;background:transparent}:is(.et-overlay.et-overlay--anchored,.et-overlay.et-overlay--centered)>:nth-child(2){display:block;overflow:visible}.et-overlay:has(>.et-overlay-arrow){overflow:visible}.et-overlay.et-overlay--bottom-sheet .et-overlay-container-drag-handle{grid-template-rows:auto minmax(0,1fr);display:flex}.et-overlay:has(.et-overlay-main){overflow:visible}.et-overlay-arrow{--_et-overlay-arrow-size: 14px;--_et-overlay-arrow-overlap: calc( var(--_et-overlay-arrow-size) / 2 + var(--_et-overlay-arrow-pane-border-width, 0px) );--_et-overlay-arrow-border-width: var(--_et-overlay-arrow-pane-border-width, 1px);--_et-overlay-arrow-border-color: var( --et-overlay-arrow-border, var(--_et-overlay-arrow-pane-border-color, transparent) );position:absolute;z-index:1;inline-size:var(--_et-overlay-arrow-size);block-size:var(--_et-overlay-arrow-size);transform:var(--et-floating-arrow-translate, translate3d(0, 0, 0));visibility:hidden;background-color:var(--et-overlay-arrow-background, inherit);pointer-events:none}.et-overlay-arrow:before{content:\"\";position:absolute;inset:0;box-sizing:border-box;visibility:visible;border-radius:2px;border:0 solid var(--_et-overlay-arrow-border-color);background-color:inherit;box-shadow:var(--et-overlay-arrow-shadow, none);transform:rotate(45deg)}[data-overlay-placement^=top]>.et-overlay-arrow{bottom:calc(var(--_et-overlay-arrow-overlap) * -1);left:0}[data-overlay-placement^=top]>.et-overlay-arrow:before{border-right-width:var(--_et-overlay-arrow-border-width);border-bottom-width:var(--_et-overlay-arrow-border-width)}[data-overlay-placement^=right]>.et-overlay-arrow{left:calc(var(--_et-overlay-arrow-overlap) * -1);top:0}[data-overlay-placement^=right]>.et-overlay-arrow:before{border-bottom-width:var(--_et-overlay-arrow-border-width);border-left-width:var(--_et-overlay-arrow-border-width)}[data-overlay-placement^=bottom]>.et-overlay-arrow{top:calc(var(--_et-overlay-arrow-overlap) * -1);left:0}[data-overlay-placement^=bottom]>.et-overlay-arrow:before{border-top-width:var(--_et-overlay-arrow-border-width);border-left-width:var(--_et-overlay-arrow-border-width)}[data-overlay-placement^=left]>.et-overlay-arrow{right:calc(var(--_et-overlay-arrow-overlap) * -1);top:0}[data-overlay-placement^=left]>.et-overlay-arrow:before{border-top-width:var(--_et-overlay-arrow-border-width);border-right-width:var(--_et-overlay-arrow-border-width)}.et-overlay-main{display:grid;grid-template-rows:minmax(0,1fr);overflow:auto}.et-overlay-main:has(.et-overlay-header):has(.et-overlay-body):has(.et-overlay-footer){grid-template-rows:auto minmax(var(--et-overlay-body-min-block-size),1fr) auto}.et-overlay-main:has(.et-overlay-header):has(.et-overlay-body){grid-template-rows:auto minmax(var(--et-overlay-body-min-block-size),1fr)}.et-overlay-main:has(.et-overlay-body):has(.et-overlay-footer){grid-template-rows:minmax(var(--et-overlay-body-min-block-size),1fr) auto}.et-overlay-main:not(:has(.et-overlay-footer)){grid-template-rows:minmax(var(--et-overlay-body-min-block-size),1fr) auto}.et-overlay-container-drag-handle{block-size:var(--_et-overlay-drag-handle-block-size);margin-block:var(--_et-overlay-drag-handle-block-margin);display:none;justify-content:center}.et-overlay-container-drag-handle:before{content:\"\";position:static;inline-size:var(--_et-overlay-drag-handle-inline-size);block-size:var(--_et-overlay-drag-handle-block-size);background-color:var(--_et-overlay-drag-handle-color);border-radius:var(--_et-overlay-drag-handle-radius)}.et-overlay-body{display:grid;overflow:auto;padding-inline:var(--et-overlay-padding-inline);padding-block:var(--et-overlay-body-padding-block);grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr)}.et-overlay-body.et-overlay-body--enable-divider-animations{transition:border-color .3s var(--ease-1)}.et-overlay-main:has(.et-overlay-header) .et-overlay-body.et-overlay-body--render-dividers{border-block-start:1px solid var(--et-overlay-body-divider-color)}.et-overlay-main:has(.et-overlay-footer) .et-overlay-body.et-overlay-body--render-dividers{border-block-end:1px solid var(--et-overlay-body-divider-color)}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers{border-color:var(--et-overlay-body-divider-color)}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers.et-scrollable-body--is-at-start{border-block-start-color:transparent}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers.et-scrollable-body--is-at-end{border-block-end-color:transparent}.et-overlay-body .et-overlay-body-container{position:relative;min-block-size:min-content}.et-overlay-body .et-overlay-body-container .et-overlay-body-start-element,.et-overlay-body .et-overlay-body-container .et-overlay-body-end-element{position:absolute;block-size:1px;pointer-events:none}.et-overlay-body .et-overlay-body-container .et-overlay-body-start-element{inset-inline:1px;inset-block-start:1px}.et-overlay-body .et-overlay-body-container .et-overlay-body-end-element{inset-inline:1px;inset-block-end:1px}.et-overlay-header{padding-block-start:var(--et-overlay-padding-block);padding-inline:var(--et-overlay-padding-inline);padding-block-end:var(--et-overlay-header-padding-block-end)}.et-overlay-footer{padding-block-end:var(--et-overlay-padding-block);padding-inline:var(--et-overlay-padding-inline);padding-block-start:var(--et-overlay-footer-padding-block-start)}.et-overlay.et-with-default-animation:after{content:\"\";position:absolute;background-color:inherit}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-to{transform:translate(var(--origin-translate-x, 0),var(--origin-translate-y, 0)) scale(var(--origin-scale-x, 0),var(--origin-scale-y, 0))!important;border-radius:min(250px,calc(var(--origin-width, 0px) / 2),calc(var(--origin-height, 0px) / 2));opacity:0}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .4s var(--ease-out-5),border-radius .4s var(--ease-out-5),opacity .15s linear}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .4s var(--ease-spring-1),border-radius .4s var(--ease-spring-1),opacity .15s linear}}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-active{transition:transform .3s var(--ease-in-out-5),border-radius .3s var(--ease-in-out-5),opacity .15s linear .1s}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-overlay--full-screen-dialog--reduced-animation.et-animation-enter-active{transition:transform .3s var(--ease-out-5),border-radius .3s var(--ease-out-5),opacity .15s linear}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-overlay--full-screen-dialog--reduced-animation.et-animation-enter-active{transition:transform .3s var(--ease-spring-2),opacity .3s var(--ease-out-5),border-radius .3s var(--ease-spring-2)}}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-overlay--full-screen-dialog--reduced-animation.et-animation-leave-active{transition:transform .15s var(--ease-in-5),border-radius .15s var(--ease-in-5),opacity .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-to{transform:translateY(100%)!important}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet:after{inset-inline:0;inset-block-end:-50px;block-size:50px}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-to{transform:translateY(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--top-sheet:after{inset-inline:0;inset-block-start:-50px;block-size:50px}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-to{transform:translate(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--left-sheet:after{inset-inline-start:-50px;inset-block:0;inline-size:50px}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-to{transform:translate(100%)!important}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--right-sheet:after{inset-inline-end:-50px;inset-block:0;inline-size:50px}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-from{opacity:0!important;transform:scale(.85)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-to{opacity:0!important;transform:scale(.7)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),opacity .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-2),opacity .3s var(--ease-out-5)}}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-active{transition:transform .15s var(--ease-out-5),opacity .15s var(--ease-out-5)}.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(var(--origin-translate-x, 0),var(--origin-translate-y, 0)) scale(var(--origin-scale-x, .85),var(--origin-scale-y, .85))!important;opacity:0}.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),opacity .15s linear}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-1),opacity .15s linear}}.et-overlay.et-with-default-animation.et-overlay--anchored-dialog.et-animation-leave-active{transition:transform .15s var(--ease-in-5),opacity .15s linear}.et-overlay-runtime-backdrop{--et-overlay-backdrop-color: rgb(0 0 0 / .32);background-color:var(--et-overlay-backdrop-color);opacity:0;transition:opacity .2s linear}.et-overlay-runtime-backdrop.et-overlay-backdrop--visible{opacity:1}.et-overlay-backdrop--hidden{display:none!important}.et-force-invisible{visibility:hidden!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { component: [{ type: i0.Input, args: [{ isSignal: true, alias: "component", required: true }] }], componentInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "componentInputs", required: false }] }], componentOutputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "componentOutputs", required: false }] }], renderArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderArrow", required: false }] }], contentOutlet: [{ type: i0.ViewChild, args: ['contentOutlet', { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
 
 const isHtmlElement = (element) => element instanceof HTMLElement;
@@ -10582,7 +10618,7 @@ class NotificationComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NotificationComponent, isStandalone: true, selector: "et-notification", host: { listeners: { "keydown.escape": "notification.ref().dismiss()", "mouseenter": "notification.ref().pauseTimer()", "mouseleave": "notification.ref().resumeTimer()", "focusin": "notification.ref().pauseTimer()", "focusout": "notification.ref().resumeTimer()" }, classAttribute: "et-notification" }, providers: [provideIcons(TIMES_ICON)], hostDirectives: [{ directive: NotificationDirective, inputs: ["ref", "ref"] }, { directive: i1.AnimatedLifecycleDirective }, { directive: i1.ProvideColorDirective, inputs: ["etProvideColor", "color"] }, { directive: i1.ProvideSurfaceDirective, inputs: ["etProvideSurface", "surface"] }], ngImport: i0, template: "<div class=\"et-notification-content\">\n  <div class=\"et-notification-header\">\n    @if (notification.isLoading()) {\n      <et-spinner class=\"et-notification-spinner\" diameter=\"16\" strokeWidth=\"2\" />\n    }\n\n    <span class=\"et-notification-title\">{{ notification.title() }}</span>\n\n    <button\n      [color]=\"controlsColor()\"\n      [attr.aria-label]=\"dismissLabel()\"\n      class=\"et-notification-dismiss-btn\"\n      et-icon-button\n      etNotificationDismiss\n      size=\"xs\"\n      type=\"button\"\n    >\n      <i etIcon=\"et-times\"></i>\n    </button>\n  </div>\n\n  @if (notification.message()) {\n    <p class=\"et-notification-message\">{{ notification.message() }}</p>\n  }\n\n  @if (notification.progress() !== undefined) {\n    <et-progress-bar [value]=\"notification.progress()!\" class=\"et-notification-progress-bar\" />\n  }\n\n  @if (notification.action()) {\n    <div class=\"et-notification-footer\">\n      <button et-text-button etNotificationAction size=\"xs\" type=\"button\">\n        {{ notification.action()!.label }}\n      </button>\n    </div>\n  }\n</div>\n", styles: ["@property --et-notification-border-radius{syntax: \"<length>\"; inherits: false; initial-value: 4px;}@property --et-notification-padding{syntax: \"*\"; inherits: false; initial-value: 12px 12px 12px 14px;}@property --et-notification-min-width{syntax: \"<length>\"; inherits: false; initial-value: 300px;}@property --et-notification-max-width{syntax: \"<length>\"; inherits: false; initial-value: 420px;}@property --et-notification-shadow{syntax: \"*\"; inherits: false; initial-value: 0 4px 16px rgb(0 0 0 / 10%),0 0 0 1px rgb(0 0 0 / 5%);}@property --et-notification-border-width{syntax: \"<length>\"; inherits: false; initial-value: 4px;}@property --et-notification-font-size{syntax: \"<length>\"; inherits: false; initial-value: 14px;}@property --et-notification-line-height{syntax: \"<length>\"; inherits: false; initial-value: 20px;}@property --et-notification-gap{syntax: \"<length>\"; inherits: false; initial-value: 8px;}@property --et-notification-title-font-weight{syntax: \"<number>\"; inherits: false; initial-value: 600;}@property --et-notification-message-font-size{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-notification-message-line-height{syntax: \"<length>\"; inherits: false; initial-value: 16px;}@property --et-notification-message-opacity{syntax: \"<number>\"; inherits: false; initial-value: .65;}@property --et-notification-progress-bar-height{syntax: \"<length>\"; inherits: false; initial-value: 3px;}.et-notification{display:block;pointer-events:all;background:var(--et-surface-background-solid, #fff);color:var(--et-surface-color-solid, #111);border-radius:var(--et-notification-border-radius);padding:var(--et-notification-padding);box-shadow:var(--et-notification-shadow);min-width:var(--et-notification-min-width);max-width:var(--et-notification-max-width);border-left:var(--et-notification-border-width) solid var(--et-theme-color-primary-solid, #d1d5db);font-family:inherit;font-size:var(--et-notification-font-size);line-height:var(--et-notification-line-height)}.et-notification.et-animation-enter-from{opacity:0;transform:translate(1rem)}.et-notification.et-animation-enter-active,.et-notification.et-animation-leave-active{transition:opacity .2s ease,transform .2s ease}.et-notification.et-animation-leave-to{opacity:0;transform:translate(1rem)}:is(.et-notification-stack[data-position=bottom-start] .et-notification,.et-notification-stack[data-position=top-start] .et-notification).et-animation-enter-from,:is(.et-notification-stack[data-position=bottom-start] .et-notification,.et-notification-stack[data-position=top-start] .et-notification).et-animation-leave-to{transform:translate(-1rem)}.et-notification-stack[data-position=bottom-center] .et-notification.et-animation-enter-from,.et-notification-stack[data-position=bottom-center] .et-notification.et-animation-leave-to{transform:translateY(1rem)}.et-notification-stack[data-position=top-center] .et-notification.et-animation-enter-from,.et-notification-stack[data-position=top-center] .et-notification.et-animation-leave-to{transform:translateY(-1rem)}.et-notification-header{display:flex;align-items:center;justify-content:space-between;gap:var(--et-notification-gap)}.et-notification-spinner{flex-shrink:0;--et-spinner-color: var(--et-theme-color-primary-solid, currentColor)}.et-notification-title{flex:1;font-weight:var(--et-notification-title-font-weight);font-size:var(--et-notification-font-size);line-height:var(--et-notification-line-height)}.et-notification-dismiss-btn{flex-shrink:0;opacity:.4;transition:opacity .12s ease}.et-notification-dismiss-btn:hover{opacity:.8}.et-notification-message{margin:.4rem 0 0;color:var(--et-surface-color-muted-solid, inherit);opacity:var(--et-notification-message-opacity);font-size:var(--et-notification-message-font-size);line-height:var(--et-notification-message-line-height)}.et-notification-progress-bar{margin-top:.8rem;color:var(--et-theme-color-primary-solid, currentColor);--et-progress-bar-height: var(--et-notification-progress-bar-height)}.et-notification-footer{margin-top:.8rem}@media(prefers-reduced-motion:reduce){.et-notification.et-animation-enter-from{transform:none}.et-notification.et-animation-enter-active,.et-notification.et-animation-leave-active{transition-duration:0ms}.et-notification.et-animation-leave-to{transform:none}}\n"], dependencies: [{ kind: "directive", type: NotificationActionDirective, selector: "[etNotificationAction]", exportAs: ["etNotificationAction"] }, { kind: "directive", type: NotificationDismissDirective, selector: "[etNotificationDismiss]", exportAs: ["etNotificationDismiss"] }, { kind: "component", type: SpinnerComponent, selector: "et-spinner", inputs: ["diameter", "strokeWidth", "track", "value", "determinate"] }, { kind: "component", type: ProgressBarComponent, selector: "et-progress-bar", inputs: ["value", "indeterminate"] }, { kind: "component", type: IconButtonComponent, selector: "[et-icon-button]", inputs: ["variant", "size"] }, { kind: "component", type: TextButtonComponent, selector: "[et-text-button]", inputs: ["size", "iconAlignment"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "allowHardcodedColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NotificationComponent, isStandalone: true, selector: "et-notification", host: { listeners: { "keydown.escape": "notification.ref().dismiss()", "mouseenter": "notification.ref().pauseTimer()", "mouseleave": "notification.ref().resumeTimer()", "focusin": "notification.ref().pauseTimer()", "focusout": "notification.ref().resumeTimer()" }, classAttribute: "et-notification" }, providers: [provideIcons(TIMES_ICON)], hostDirectives: [{ directive: NotificationDirective, inputs: ["ref", "ref"] }, { directive: i1.AnimatedLifecycleDirective }, { directive: i1.ProvideColorDirective, inputs: ["etProvideColor", "color"] }, { directive: i1.ProvideSurfaceDirective, inputs: ["etProvideSurface", "surface"] }], ngImport: i0, template: "<div class=\"et-notification-content\">\n  <div class=\"et-notification-header\">\n    @if (notification.isLoading()) {\n      <et-spinner class=\"et-notification-spinner\" diameter=\"16\" strokeWidth=\"2\" />\n    }\n\n    <span class=\"et-notification-title\">{{ notification.title() }}</span>\n\n    <button\n      [color]=\"controlsColor()\"\n      [attr.aria-label]=\"dismissLabel()\"\n      class=\"et-notification-dismiss-btn\"\n      et-icon-button\n      etNotificationDismiss\n      size=\"xs\"\n      type=\"button\"\n    >\n      <i etIcon=\"et-times\"></i>\n    </button>\n  </div>\n\n  @if (notification.message()) {\n    <p class=\"et-notification-message\">{{ notification.message() }}</p>\n  }\n\n  @if (notification.progress() !== undefined) {\n    <et-progress-bar [value]=\"notification.progress()!\" class=\"et-notification-progress-bar\" />\n  }\n\n  @if (notification.action()) {\n    <div class=\"et-notification-footer\">\n      <button et-text-button etNotificationAction size=\"xs\" type=\"button\">\n        {{ notification.action()!.label }}\n      </button>\n    </div>\n  }\n</div>\n", styles: ["@property --et-notification-border-radius{syntax: \"<length>\"; inherits: false; initial-value: 4px;}@property --et-notification-padding{syntax: \"*\"; inherits: false; initial-value: 12px 12px 12px 14px;}@property --et-notification-min-width{syntax: \"<length>\"; inherits: false; initial-value: 300px;}@property --et-notification-max-width{syntax: \"<length>\"; inherits: false; initial-value: 420px;}@property --et-notification-shadow{syntax: \"*\"; inherits: false; initial-value: 0 4px 16px rgb(0 0 0 / 10%),0 0 0 1px rgb(0 0 0 / 5%);}@property --et-notification-border-width{syntax: \"<length>\"; inherits: false; initial-value: 4px;}@property --et-notification-font-size{syntax: \"<length>\"; inherits: false; initial-value: 14px;}@property --et-notification-line-height{syntax: \"<length>\"; inherits: false; initial-value: 20px;}@property --et-notification-gap{syntax: \"<length>\"; inherits: false; initial-value: 8px;}@property --et-notification-title-font-weight{syntax: \"<number>\"; inherits: false; initial-value: 600;}@property --et-notification-message-font-size{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-notification-message-line-height{syntax: \"<length>\"; inherits: false; initial-value: 16px;}@property --et-notification-message-opacity{syntax: \"<number>\"; inherits: false; initial-value: .65;}@property --et-notification-progress-bar-height{syntax: \"<length>\"; inherits: false; initial-value: 3px;}.et-notification{display:block;pointer-events:all;background:var(--et-surface-background-solid, #fff);color:var(--et-surface-color-solid, #111);border-radius:var(--et-notification-border-radius);padding:var(--et-notification-padding);box-shadow:var(--et-notification-shadow);min-width:var(--et-notification-min-width);max-width:var(--et-notification-max-width);border-left:var(--et-notification-border-width) solid var(--et-theme-color-primary-solid, #d1d5db);font-family:inherit;font-size:var(--et-notification-font-size);line-height:var(--et-notification-line-height)}.et-notification.et-animation-enter-from{opacity:0;transform:translate(1rem)}.et-notification.et-animation-enter-active,.et-notification.et-animation-leave-active{transition:opacity .2s ease,transform .2s ease}.et-notification.et-animation-leave-to{opacity:0;transform:translate(1rem)}:is(.et-notification-stack[data-position=bottom-start] .et-notification,.et-notification-stack[data-position=top-start] .et-notification).et-animation-enter-from,:is(.et-notification-stack[data-position=bottom-start] .et-notification,.et-notification-stack[data-position=top-start] .et-notification).et-animation-leave-to{transform:translate(-1rem)}.et-notification-stack[data-position=bottom-center] .et-notification.et-animation-enter-from,.et-notification-stack[data-position=bottom-center] .et-notification.et-animation-leave-to{transform:translateY(1rem)}.et-notification-stack[data-position=top-center] .et-notification.et-animation-enter-from,.et-notification-stack[data-position=top-center] .et-notification.et-animation-leave-to{transform:translateY(-1rem)}.et-notification-header{display:flex;align-items:center;justify-content:space-between;gap:var(--et-notification-gap)}.et-notification-spinner{flex-shrink:0;--et-spinner-color: var(--et-theme-color-primary-solid, currentColor)}.et-notification-title{flex:1;font-weight:var(--et-notification-title-font-weight);font-size:var(--et-notification-font-size);line-height:var(--et-notification-line-height)}.et-notification-dismiss-btn{flex-shrink:0;opacity:.4;transition:opacity .12s ease}.et-notification-dismiss-btn:hover{opacity:.8}.et-notification-message{margin:.4rem 0 0;color:var(--et-surface-color-muted-solid, inherit);opacity:var(--et-notification-message-opacity);font-size:var(--et-notification-message-font-size);line-height:var(--et-notification-message-line-height)}.et-notification-progress-bar{margin-top:.8rem;color:var(--et-theme-color-primary-solid, currentColor);--et-progress-bar-height: var(--et-notification-progress-bar-height)}.et-notification-footer{margin-top:.8rem}@media(prefers-reduced-motion:reduce){.et-notification.et-animation-enter-from{transform:none}.et-notification.et-animation-enter-active,.et-notification.et-animation-leave-active{transition-duration:0ms}.et-notification.et-animation-leave-to{transform:none}}\n"], dependencies: [{ kind: "directive", type: NotificationActionDirective, selector: "[etNotificationAction]", exportAs: ["etNotificationAction"] }, { kind: "directive", type: NotificationDismissDirective, selector: "[etNotificationDismiss]", exportAs: ["etNotificationDismiss"] }, { kind: "component", type: SpinnerComponent, selector: "et-spinner", inputs: ["diameter", "strokeWidth", "track", "value", "determinate"] }, { kind: "component", type: ProgressBarComponent, selector: "et-progress-bar", inputs: ["value", "indeterminate"] }, { kind: "component", type: IconButtonComponent, selector: "[et-icon-button]", inputs: ["variant", "size"] }, { kind: "component", type: TextButtonComponent, selector: "[et-text-button]", inputs: ["size", "iconAlignment"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "variant", "allowHardcodedColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
@@ -12137,6 +12173,7 @@ class OverlayRouterOutletComponent {
         this.injector = inject(Injector);
         this.overlayRef = inject(OVERLAY_REF, { optional: true });
         this.elementRef = inject(ElementRef);
+        this.document = inject(DOCUMENT);
         this.router = injectOverlayRouter();
         this.renderer = injectRenderer();
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
@@ -12181,7 +12218,7 @@ class OverlayRouterOutletComponent {
                     isFirstNavigation = false;
                     return;
                 }
-                afterNextRender(() => this.activePageElement()?.focus({ preventScroll: true }), {
+                afterNextRender(() => this.focusActivePage(), {
                     injector: this.injector,
                 });
             });
@@ -12198,6 +12235,17 @@ class OverlayRouterOutletComponent {
             this.wasDisabled.set(false);
         }
     }
+    /**
+     * Moves focus into the freshly navigated page, mirroring the overlay's own open-time focus behaviour
+     * (first-tabbable by default, so buttons/inputs win over headings). Falls back to the page wrapper when
+     * the page has nothing tabbable. Respects the overlay's `autoFocus` config, including `false`.
+     */
+    focusActivePage() {
+        const activePage = this.activePageElement();
+        if (!activePage)
+            return;
+        applyInitialFocus(activePage, this.overlayRef?.config.autoFocus ?? 'first-tabbable', this.document);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: OverlayRouterOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: OverlayRouterOutletComponent, isStandalone: true, selector: "et-overlay-router-outlet", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.et-overlay-router-outlet-nav-dir--backward": "router.navigationDirection() === 'backward'", "class.et-overlay-router-outlet-nav-dir--forward": "router.navigationDirection() === 'forward'", "class.et-overlay-router-outlet-transition--slide": "transitionType() === 'slide'", "class.et-overlay-router-outlet-transition--fade": "transitionType() === 'fade'", "class.et-overlay-router-outlet-transition--overlay": "transitionType() === 'overlay'", "class.et-overlay-router-outlet-transition--vertical": "transitionType() === 'vertical'", "class.et-overlay-router-outlet-transition--none": "transitionType() === 'none'", "class.et-overlay-router-outlet--disabled": "disabled()", "class.et-overlay-router-outlet--has-disabled-template": "!!outletDisabledTemplate()", "class.et-overlay-router-outlet--has-shared-route-template": "!!sharedRouteTemplate()" }, classAttribute: "et-overlay-router-outlet-host" }, providers: [
             {
@@ -12236,7 +12284,7 @@ class OverlayRouterOutletComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: [".et-overlay-router-outlet-host{--_et-overlay-router-transition-easing: var(--ease-in-out-4);display:block;block-size:100%}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page.et-animation-enter-from,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page.et-animation-leave-to{opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page.et-animation-leave-active{transition:opacity 0ms linear}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-enter-from,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-leave-to{opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-leave-active{transition:opacity .1s linear}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide{--_et-overlay-router-transform-from: translateX(100%);--_et-overlay-router-transform-to: translateX(-100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateX(-100%);--_et-overlay-router-transform-to: translateX(100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-leave-to{transform:var(--_et-overlay-router-transform-to);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-leave-active{transition:transform .3s var(--_et-overlay-router-transition-easing),opacity .3s var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay{--_et-overlay-router-transform-from: translateX(100%);--_et-overlay-router-transform-to: translateX(-20%);--_et-overlay-router-out-page-brightness: .8}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateX(-20%);--_et-overlay-router-transform-to: translateX(100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-from{filter:brightness(var(--_et-overlay-router-out-page-brightness))}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(1)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-active{z-index:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(var(--_et-overlay-router-out-page-brightness));transform:var(--_et-overlay-router-transform-to)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-leave-active{transition:transform 225ms var(--_et-overlay-router-transition-easing),filter 225ms var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical{--_et-overlay-router-transform-from: translateY(20%);--_et-overlay-router-transform-to: translateY(-20%);--_et-overlay-router-out-page-brightness: .8}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateY(-20%);--_et-overlay-router-transform-to: translateY(20%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-from{filter:brightness(var(--_et-overlay-router-out-page-brightness))}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(1)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-active{z-index:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(var(--_et-overlay-router-out-page-brightness));transform:var(--_et-overlay-router-transform-to);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-enter-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-leave-active{transition:transform 225ms var(--_et-overlay-router-transition-easing),filter 225ms var(--_et-overlay-router-transition-easing),opacity 225ms var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);block-size:100%;overflow:hidden}.et-overlay-router-outlet-page{grid-area:1 / 1 / 2 / 2;pointer-events:none;overflow:hidden auto}.et-overlay-router-outlet-page:not(:empty){background-color:var( --et-overlay-router-outlet-page-background, var(--_et-overlay-router-outlet-page-background, transparent) )}.et-overlay-router-outlet-page>*{pointer-events:auto}.et-overlay-router-outlet-page.et-overlay-router-outlet-page--active:not(:empty){pointer-events:auto}.et-overlay-router-outlet-page>.et-overlay-main{block-size:100%}.et-overlay-router-outlet-disabled-page{position:relative}\n"], dependencies: [{ kind: "directive", type: AnimatedIfDirective, selector: "[etAnimatedIf]", inputs: ["etAnimatedIf"] }, { kind: "directive", type: AnimatedLifecycleDirective, selector: "[etAnimatedLifecycle]", inputs: ["skipNextEnter"], outputs: ["stateChange", "skipNextEnterChange"], exportAs: ["etAnimatedLifecycle"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: OverlayMainDirective, selector: "[etOverlayMain], et-overlay-main", inputs: ["etOverlayMain"] }], encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".et-overlay-router-outlet-host{--_et-overlay-router-transition-easing: var(--ease-in-out-4);display:block;block-size:100%}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page.et-animation-enter-from,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page.et-animation-leave-to{opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page.et-animation-leave-active{transition:opacity 0ms linear}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-enter-from,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-leave-to{opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-leave-active{transition:opacity .1s linear}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide{--_et-overlay-router-transform-from: translateX(100%);--_et-overlay-router-transform-to: translateX(-100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateX(-100%);--_et-overlay-router-transform-to: translateX(100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-leave-to{transform:var(--_et-overlay-router-transform-to);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-leave-active{transition:transform .3s var(--_et-overlay-router-transition-easing),opacity .3s var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay{--_et-overlay-router-transform-from: translateX(100%);--_et-overlay-router-transform-to: translateX(-20%);--_et-overlay-router-out-page-brightness: .8}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateX(-20%);--_et-overlay-router-transform-to: translateX(100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-from{filter:brightness(var(--_et-overlay-router-out-page-brightness))}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(1)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-active{z-index:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(var(--_et-overlay-router-out-page-brightness));transform:var(--_et-overlay-router-transform-to)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-leave-active{transition:transform 225ms var(--_et-overlay-router-transition-easing),filter 225ms var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical{--_et-overlay-router-transform-from: translateY(20%);--_et-overlay-router-transform-to: translateY(-20%);--_et-overlay-router-out-page-brightness: .8}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateY(-20%);--_et-overlay-router-transform-to: translateY(20%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-from{filter:brightness(var(--_et-overlay-router-out-page-brightness))}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(1)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-active{z-index:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(var(--_et-overlay-router-out-page-brightness));transform:var(--_et-overlay-router-transform-to);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-enter-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-leave-active{transition:transform 225ms var(--_et-overlay-router-transition-easing),filter 225ms var(--_et-overlay-router-transition-easing),opacity 225ms var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);block-size:100%;overflow:hidden}.et-overlay-router-outlet-page{grid-area:1 / 1 / 2 / 2;pointer-events:none;overflow:hidden auto;outline:none}.et-overlay-router-outlet-page:not(:empty){background-color:var( --et-overlay-router-outlet-page-background, var(--_et-overlay-router-outlet-page-background, transparent) )}.et-overlay-router-outlet-page>*{pointer-events:auto}.et-overlay-router-outlet-page.et-overlay-router-outlet-page--active:not(:empty){pointer-events:auto}.et-overlay-router-outlet-page>.et-overlay-main{block-size:100%}.et-overlay-router-outlet-disabled-page{position:relative}\n"], dependencies: [{ kind: "directive", type: AnimatedIfDirective, selector: "[etAnimatedIf]", inputs: ["etAnimatedIf"] }, { kind: "directive", type: AnimatedLifecycleDirective, selector: "[etAnimatedLifecycle]", inputs: ["skipNextEnter"], outputs: ["stateChange", "skipNextEnterChange"], exportAs: ["etAnimatedLifecycle"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: OverlayMainDirective, selector: "[etOverlayMain], et-overlay-main", inputs: ["etOverlayMain"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: OverlayRouterOutletComponent, decorators: [{
             type: Component,
@@ -12289,7 +12337,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         '[class.et-overlay-router-outlet--disabled]': 'disabled()',
                         '[class.et-overlay-router-outlet--has-disabled-template]': '!!outletDisabledTemplate()',
                         '[class.et-overlay-router-outlet--has-shared-route-template]': '!!sharedRouteTemplate()',
-                    }, styles: [".et-overlay-router-outlet-host{--_et-overlay-router-transition-easing: var(--ease-in-out-4);display:block;block-size:100%}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page.et-animation-enter-from,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page.et-animation-leave-to{opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page.et-animation-leave-active{transition:opacity 0ms linear}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-enter-from,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-leave-to{opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-leave-active{transition:opacity .1s linear}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide{--_et-overlay-router-transform-from: translateX(100%);--_et-overlay-router-transform-to: translateX(-100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateX(-100%);--_et-overlay-router-transform-to: translateX(100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-leave-to{transform:var(--_et-overlay-router-transform-to);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-leave-active{transition:transform .3s var(--_et-overlay-router-transition-easing),opacity .3s var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay{--_et-overlay-router-transform-from: translateX(100%);--_et-overlay-router-transform-to: translateX(-20%);--_et-overlay-router-out-page-brightness: .8}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateX(-20%);--_et-overlay-router-transform-to: translateX(100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-from{filter:brightness(var(--_et-overlay-router-out-page-brightness))}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(1)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-active{z-index:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(var(--_et-overlay-router-out-page-brightness));transform:var(--_et-overlay-router-transform-to)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-leave-active{transition:transform 225ms var(--_et-overlay-router-transition-easing),filter 225ms var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical{--_et-overlay-router-transform-from: translateY(20%);--_et-overlay-router-transform-to: translateY(-20%);--_et-overlay-router-out-page-brightness: .8}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateY(-20%);--_et-overlay-router-transform-to: translateY(20%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-from{filter:brightness(var(--_et-overlay-router-out-page-brightness))}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(1)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-active{z-index:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(var(--_et-overlay-router-out-page-brightness));transform:var(--_et-overlay-router-transform-to);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-enter-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-leave-active{transition:transform 225ms var(--_et-overlay-router-transition-easing),filter 225ms var(--_et-overlay-router-transition-easing),opacity 225ms var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);block-size:100%;overflow:hidden}.et-overlay-router-outlet-page{grid-area:1 / 1 / 2 / 2;pointer-events:none;overflow:hidden auto}.et-overlay-router-outlet-page:not(:empty){background-color:var( --et-overlay-router-outlet-page-background, var(--_et-overlay-router-outlet-page-background, transparent) )}.et-overlay-router-outlet-page>*{pointer-events:auto}.et-overlay-router-outlet-page.et-overlay-router-outlet-page--active:not(:empty){pointer-events:auto}.et-overlay-router-outlet-page>.et-overlay-main{block-size:100%}.et-overlay-router-outlet-disabled-page{position:relative}\n"] }]
+                    }, styles: [".et-overlay-router-outlet-host{--_et-overlay-router-transition-easing: var(--ease-in-out-4);display:block;block-size:100%}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page.et-animation-enter-from,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page.et-animation-leave-to{opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page.et-animation-leave-active{transition:opacity 0ms linear}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-enter-from,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-leave-to{opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-leave-active{transition:opacity .1s linear}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide{--_et-overlay-router-transform-from: translateX(100%);--_et-overlay-router-transform-to: translateX(-100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateX(-100%);--_et-overlay-router-transform-to: translateX(100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-leave-to{transform:var(--_et-overlay-router-transform-to);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-leave-active{transition:transform .3s var(--_et-overlay-router-transition-easing),opacity .3s var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay{--_et-overlay-router-transform-from: translateX(100%);--_et-overlay-router-transform-to: translateX(-20%);--_et-overlay-router-out-page-brightness: .8}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateX(-20%);--_et-overlay-router-transform-to: translateX(100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-from{filter:brightness(var(--_et-overlay-router-out-page-brightness))}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(1)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-active{z-index:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(var(--_et-overlay-router-out-page-brightness));transform:var(--_et-overlay-router-transform-to)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-leave-active{transition:transform 225ms var(--_et-overlay-router-transition-easing),filter 225ms var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical{--_et-overlay-router-transform-from: translateY(20%);--_et-overlay-router-transform-to: translateY(-20%);--_et-overlay-router-out-page-brightness: .8}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateY(-20%);--_et-overlay-router-transform-to: translateY(20%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-from{filter:brightness(var(--_et-overlay-router-out-page-brightness))}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(1)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-active{z-index:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(var(--_et-overlay-router-out-page-brightness));transform:var(--_et-overlay-router-transform-to);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-enter-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-enter-active,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-leave-active{transition:transform 225ms var(--_et-overlay-router-transition-easing),filter 225ms var(--_et-overlay-router-transition-easing),opacity 225ms var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);block-size:100%;overflow:hidden}.et-overlay-router-outlet-page{grid-area:1 / 1 / 2 / 2;pointer-events:none;overflow:hidden auto;outline:none}.et-overlay-router-outlet-page:not(:empty){background-color:var( --et-overlay-router-outlet-page-background, var(--_et-overlay-router-outlet-page-background, transparent) )}.et-overlay-router-outlet-page>*{pointer-events:auto}.et-overlay-router-outlet-page.et-overlay-router-outlet-page--active:not(:empty){pointer-events:auto}.et-overlay-router-outlet-page>.et-overlay-main{block-size:100%}.et-overlay-router-outlet-disabled-page{position:relative}\n"] }]
         }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], sharedRouteTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => OVERLAY_SHARED_ROUTE_TEMPLATE_TOKEN), { ...{ read: TemplateRef }, isSignal: true }] }], outletDisabledTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => OVERLAY_ROUTER_OUTLET_DISABLED_TEMPLATE_TOKEN), { ...{ read: TemplateRef }, isSignal: true }] }], pageWrappers: [{ type: i0.ViewChildren, args: ['pageWrapper', { isSignal: true }] }] } });
 
 class OverlaySharedRouteTemplateOutletComponent {
@@ -12650,7 +12698,7 @@ class ScrollableButtonsDirective {
     >
       <i etIcon="et-chevron"></i>
     </button>
-  `, isInline: true, styles: [".et-scrollable-buttons{grid-row:1 / 1;grid-column:1 / 1;pointer-events:none}.et-scrollable-buttons .et-scrollable-button{position:absolute;opacity:0}\n"], dependencies: [{ kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "allowHardcodedColor"] }, { kind: "component", type: IconButtonComponent, selector: "[et-icon-button]", inputs: ["variant", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".et-scrollable-buttons{grid-row:1 / 1;grid-column:1 / 1;pointer-events:none}.et-scrollable-buttons .et-scrollable-button{position:absolute;opacity:0}\n"], dependencies: [{ kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "variant", "allowHardcodedColor"] }, { kind: "component", type: IconButtonComponent, selector: "[et-icon-button]", inputs: ["variant", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ScrollableButtonsDirective, decorators: [{
             type: Component,
@@ -13184,7 +13232,7 @@ class StreamConsentComponent {
         {{ acceptLabel() }}
       </button>
     </div>
-  `, isInline: true, styles: ["@property --et-stream-consent-padding{syntax: \"<length>\"; inherits: false; initial-value: 32px;}@property --et-stream-consent-gap{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-stream-consent-icon-size{syntax: \"<length>\"; inherits: false; initial-value: 36px;}@property --et-stream-consent-border-radius{syntax: \"<length>\"; inherits: false; initial-value: 16px;}@property --et-stream-consent-heading-size{syntax: \"<length>\"; inherits: false; initial-value: 16px;}@property --et-stream-consent-heading-weight{syntax: \"<number>\"; inherits: false; initial-value: 600;}@property --et-stream-consent-heading-line-height{syntax: \"<percentage>\"; inherits: false; initial-value: 122%;}@property --et-stream-consent-heading-letter-spacing{syntax: \"<length>\"; inherits: false; initial-value: .2px;}@property --et-stream-consent-description-size{syntax: \"<length>\"; inherits: false; initial-value: 14px;}@property --et-stream-consent-description-weight{syntax: \"<number>\"; inherits: false; initial-value: 400;}@property --et-stream-consent-description-line-height{syntax: \"<percentage>\"; inherits: false; initial-value: 150%;}.et-stream-consent{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--et-surface-background-solid, inherit);color:var(--et-surface-color-solid, inherit)}.et-stream-consent .et-stream-consent-card{display:flex;flex-direction:column;align-items:center;gap:var(--et-stream-consent-gap);padding:var(--et-stream-consent-padding);border-radius:var(--et-stream-consent-border-radius);max-width:36rem;text-align:center;background:var(--et-surface-background-solid, inherit)}.et-stream-consent .et-stream-consent-icon{width:var(--et-stream-consent-icon-size);height:var(--et-stream-consent-icon-size);color:var(--et-surface-color-subtle-solid, currentColor);margin-block-end:.4rem}.et-stream-consent .et-stream-consent-heading{margin:0;font-size:var(--et-stream-consent-heading-size);font-weight:var(--et-stream-consent-heading-weight);line-height:var(--et-stream-consent-heading-line-height);letter-spacing:var(--et-stream-consent-heading-letter-spacing);color:var(--et-surface-color-solid, currentColor)}.et-stream-consent .et-stream-consent-description{margin:0;font-size:var(--et-stream-consent-description-size);font-weight:var(--et-stream-consent-description-weight);line-height:var(--et-stream-consent-description-line-height);color:var(--et-surface-color-muted-solid, currentColor);margin-block-end:.8rem}\n"], dependencies: [{ kind: "directive", type: StreamConsentAcceptDirective, selector: "[etStreamConsentAccept]" }, { kind: "component", type: ButtonComponent, selector: "[et-button]", inputs: ["variant", "size", "iconAlignment"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "allowHardcodedColor"] }, { kind: "directive", type: ProvideSurfaceDirective, selector: "[etProvideSurface]", inputs: ["etProvideSurface"] }], encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["@property --et-stream-consent-padding{syntax: \"<length>\"; inherits: false; initial-value: 32px;}@property --et-stream-consent-gap{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-stream-consent-icon-size{syntax: \"<length>\"; inherits: false; initial-value: 36px;}@property --et-stream-consent-border-radius{syntax: \"<length>\"; inherits: false; initial-value: 16px;}@property --et-stream-consent-heading-size{syntax: \"<length>\"; inherits: false; initial-value: 16px;}@property --et-stream-consent-heading-weight{syntax: \"<number>\"; inherits: false; initial-value: 600;}@property --et-stream-consent-heading-line-height{syntax: \"<percentage>\"; inherits: false; initial-value: 122%;}@property --et-stream-consent-heading-letter-spacing{syntax: \"<length>\"; inherits: false; initial-value: .2px;}@property --et-stream-consent-description-size{syntax: \"<length>\"; inherits: false; initial-value: 14px;}@property --et-stream-consent-description-weight{syntax: \"<number>\"; inherits: false; initial-value: 400;}@property --et-stream-consent-description-line-height{syntax: \"<percentage>\"; inherits: false; initial-value: 150%;}.et-stream-consent{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--et-surface-background-solid, inherit);color:var(--et-surface-color-solid, inherit)}.et-stream-consent .et-stream-consent-card{display:flex;flex-direction:column;align-items:center;gap:var(--et-stream-consent-gap);padding:var(--et-stream-consent-padding);border-radius:var(--et-stream-consent-border-radius);max-width:36rem;text-align:center;background:var(--et-surface-background-solid, inherit)}.et-stream-consent .et-stream-consent-icon{width:var(--et-stream-consent-icon-size);height:var(--et-stream-consent-icon-size);color:var(--et-surface-color-subtle-solid, currentColor);margin-block-end:.4rem}.et-stream-consent .et-stream-consent-heading{margin:0;font-size:var(--et-stream-consent-heading-size);font-weight:var(--et-stream-consent-heading-weight);line-height:var(--et-stream-consent-heading-line-height);letter-spacing:var(--et-stream-consent-heading-letter-spacing);color:var(--et-surface-color-solid, currentColor)}.et-stream-consent .et-stream-consent-description{margin:0;font-size:var(--et-stream-consent-description-size);font-weight:var(--et-stream-consent-description-weight);line-height:var(--et-stream-consent-description-line-height);color:var(--et-surface-color-muted-solid, currentColor);margin-block-end:.8rem}\n"], dependencies: [{ kind: "directive", type: StreamConsentAcceptDirective, selector: "[etStreamConsentAccept]" }, { kind: "component", type: ButtonComponent, selector: "[et-button]", inputs: ["variant", "size", "iconAlignment"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "variant", "allowHardcodedColor"] }, { kind: "directive", type: ProvideSurfaceDirective, selector: "[etProvideSurface]", inputs: ["etProvideSurface"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: StreamConsentComponent, decorators: [{
             type: Component,
@@ -13268,7 +13316,7 @@ class StreamPlayerErrorComponent {
         {{ retryLabel() }}
       </button>
     </div>
-  `, isInline: true, styles: ["@property --et-stream-player-error-gap{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-stream-player-error-padding{syntax: \"<length>\"; inherits: false; initial-value: 32px;}@property --et-stream-player-error-icon-size{syntax: \"<length>\"; inherits: false; initial-value: 36px;}@property --et-stream-player-error-border-radius{syntax: \"<length>\"; inherits: false; initial-value: 16px;}@property --et-stream-player-error-heading-size{syntax: \"<length>\"; inherits: false; initial-value: 16px;}@property --et-stream-player-error-heading-weight{syntax: \"<number>\"; inherits: false; initial-value: 600;}@property --et-stream-player-error-heading-line-height{syntax: \"<percentage>\"; inherits: false; initial-value: 122%;}@property --et-stream-player-error-heading-letter-spacing{syntax: \"<length>\"; inherits: false; initial-value: .2px;}@property --et-stream-player-error-description-size{syntax: \"<length>\"; inherits: false; initial-value: 14px;}@property --et-stream-player-error-description-weight{syntax: \"<number>\"; inherits: false; initial-value: 400;}@property --et-stream-player-error-description-line-height{syntax: \"<percentage>\"; inherits: false; initial-value: 150%;}.et-stream-player-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--et-surface-background-solid, inherit);color:var(--et-surface-color-solid, inherit);z-index:1}.et-stream-player-error .et-stream-player-error-card{display:flex;flex-direction:column;align-items:center;gap:var(--et-stream-player-error-gap);padding:var(--et-stream-player-error-padding);border-radius:var(--et-stream-player-error-border-radius);max-width:36rem;text-align:center;background:var(--et-surface-background-solid, inherit)}.et-stream-player-error .et-stream-player-error-icon{width:var(--et-stream-player-error-icon-size);height:var(--et-stream-player-error-icon-size);color:var(--et-surface-color-subtle-solid, currentColor);margin-block-end:.4rem}.et-stream-player-error .et-stream-player-error-heading{margin:0;font-size:var(--et-stream-player-error-heading-size);font-weight:var(--et-stream-player-error-heading-weight);line-height:var(--et-stream-player-error-heading-line-height);letter-spacing:var(--et-stream-player-error-heading-letter-spacing);color:var(--et-surface-color-solid, currentColor)}.et-stream-player-error .et-stream-player-error-description{margin:0;font-size:var(--et-stream-player-error-description-size);font-weight:var(--et-stream-player-error-description-weight);line-height:var(--et-stream-player-error-description-line-height);color:var(--et-surface-color-muted-solid, currentColor);margin-block-end:.8rem}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "[et-button]", inputs: ["variant", "size", "iconAlignment"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "allowHardcodedColor"] }, { kind: "directive", type: ProvideSurfaceDirective, selector: "[etProvideSurface]", inputs: ["etProvideSurface"] }], encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["@property --et-stream-player-error-gap{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-stream-player-error-padding{syntax: \"<length>\"; inherits: false; initial-value: 32px;}@property --et-stream-player-error-icon-size{syntax: \"<length>\"; inherits: false; initial-value: 36px;}@property --et-stream-player-error-border-radius{syntax: \"<length>\"; inherits: false; initial-value: 16px;}@property --et-stream-player-error-heading-size{syntax: \"<length>\"; inherits: false; initial-value: 16px;}@property --et-stream-player-error-heading-weight{syntax: \"<number>\"; inherits: false; initial-value: 600;}@property --et-stream-player-error-heading-line-height{syntax: \"<percentage>\"; inherits: false; initial-value: 122%;}@property --et-stream-player-error-heading-letter-spacing{syntax: \"<length>\"; inherits: false; initial-value: .2px;}@property --et-stream-player-error-description-size{syntax: \"<length>\"; inherits: false; initial-value: 14px;}@property --et-stream-player-error-description-weight{syntax: \"<number>\"; inherits: false; initial-value: 400;}@property --et-stream-player-error-description-line-height{syntax: \"<percentage>\"; inherits: false; initial-value: 150%;}.et-stream-player-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--et-surface-background-solid, inherit);color:var(--et-surface-color-solid, inherit);z-index:1}.et-stream-player-error .et-stream-player-error-card{display:flex;flex-direction:column;align-items:center;gap:var(--et-stream-player-error-gap);padding:var(--et-stream-player-error-padding);border-radius:var(--et-stream-player-error-border-radius);max-width:36rem;text-align:center;background:var(--et-surface-background-solid, inherit)}.et-stream-player-error .et-stream-player-error-icon{width:var(--et-stream-player-error-icon-size);height:var(--et-stream-player-error-icon-size);color:var(--et-surface-color-subtle-solid, currentColor);margin-block-end:.4rem}.et-stream-player-error .et-stream-player-error-heading{margin:0;font-size:var(--et-stream-player-error-heading-size);font-weight:var(--et-stream-player-error-heading-weight);line-height:var(--et-stream-player-error-heading-line-height);letter-spacing:var(--et-stream-player-error-heading-letter-spacing);color:var(--et-surface-color-solid, currentColor)}.et-stream-player-error .et-stream-player-error-description{margin:0;font-size:var(--et-stream-player-error-description-size);font-weight:var(--et-stream-player-error-description-weight);line-height:var(--et-stream-player-error-description-line-height);color:var(--et-surface-color-muted-solid, currentColor);margin-block-end:.8rem}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "[et-button]", inputs: ["variant", "size", "iconAlignment"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "variant", "allowHardcodedColor"] }, { kind: "directive", type: ProvideSurfaceDirective, selector: "[etProvideSurface]", inputs: ["etProvideSurface"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: StreamPlayerErrorComponent, decorators: [{
             type: Component,
@@ -14400,7 +14448,7 @@ class StreamPipChromeComponent {
                     return chrome.state.windowAspectRatio;
                 },
             },
-        ], viewQueries: [{ propertyName: "stageRef", first: true, predicate: PipStageDirective, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "pipWindowRef", first: true, predicate: PipWindowComponent, descendants: true, isSignal: true }, { propertyName: "gridBtnRef", first: true, predicate: PipGridToggleDirective, descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<et-pip-window>\n  <ng-template etPipTitleBar>\n    @if (state.showBackButton()) {\n      <button [color]=\"controlsColor()\" [size]=\"WINDOW_CONTROL_BUTTON_SIZE\" et-window-control-button etPipBack>\n        <i etIcon=\"et-arrow-out-up-right\"></i>\n      </button>\n    }\n    <span class=\"et-pip-window__title-bar-spacer\"></span>\n    @if (state.hasMultiplePips()) {\n      <button\n        [color]=\"controlsColor()\"\n        [pressed]=\"state.multiView()\"\n        [size]=\"WINDOW_CONTROL_BUTTON_SIZE\"\n        et-window-control-button\n        etPipGridToggle\n      >\n        @if (state.multiView()) {\n          <i etIcon=\"et-focus-frame\"></i>\n        } @else {\n          <i etIcon=\"et-grid-2x2\"></i>\n        }\n      </button>\n    }\n    <button\n      [color]=\"controlsColor()\"\n      [kind]=\"CLOSE_KIND\"\n      [size]=\"WINDOW_CONTROL_BUTTON_SIZE\"\n      et-window-control-button\n      etPipClose\n    >\n      <i etIcon=\"et-times\"></i>\n    </button>\n  </ng-template>\n\n  <div etPipStage>\n    @for (c of state.cells(); track c.playerId) {\n      <div [etPipCell]=\"c\">\n        <et-pip-player />\n      </div>\n    }\n  </div>\n</et-pip-window>\n", styles: ["et-stream-pip-chrome:not(.et-stream-pip-chrome--grid) et-pip-window:not(:has(.et-stream-pip-chrome__cell--featured .et-pip-player--ready)){visibility:hidden;pointer-events:none}et-stream-pip-chrome.et-stream-pip-chrome--grid et-pip-window:not(:has(.et-stream-pip-chrome__cell .et-pip-player--ready)){visibility:hidden;pointer-events:none}@property --et-stream-pip-chrome-featured-ring-color{syntax: \"<color>\"; inherits: false; initial-value: #3b82f6;}.et-stream-pip-chrome__stage{position:absolute;inset:0;overflow:hidden;clip-path:inset(0)}.et-stream-pip-chrome__cell{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 0;will-change:transform;overflow:hidden;transform:translate(calc(((var(--et-cell-col, 1) - 1) + var(--et-cell-exit-h, 0) * var(--et-pip-grid-cols, 1)) / var(--et-pip-grid-cols, 1) * 100%),calc((2 * (var(--et-cell-row, 1) - 1) + var(--et-pip-grid-cols, 1) - var(--et-pip-grid-rows, 1)) / (2 * var(--et-pip-grid-cols, 1)) * 100% + var(--et-cell-exit-v, 0) * 100%)) scale(calc(1 / var(--et-pip-grid-cols, 1)))}et-stream-pip-chrome:not(.et-stream-pip-chrome--grid) .et-stream-pip-chrome__cell--featured{transform:none}et-stream-pip-chrome:not(.et-stream-pip-chrome--grid) .et-stream-pip-chrome__cell:not(.et-stream-pip-chrome__cell--featured){transform:translate(calc(var(--et-cell-exit-h, 0) * 100%),calc(var(--et-cell-exit-v, 0) * 100%))}et-stream-pip-chrome.et-stream-pip-chrome--grid .et-stream-pip-chrome__cell{cursor:pointer}.et-stream-pip-chrome__cell:after{content:\"\";position:absolute;inset:0;z-index:2;box-shadow:inset 0 0 0 5px transparent;transition:box-shadow .15s;pointer-events:none}et-stream-pip-chrome.et-stream-pip-chrome--grid .et-stream-pip-chrome__cell:after{pointer-events:auto}et-stream-pip-chrome.et-stream-pip-chrome--grid .et-stream-pip-chrome__cell:hover:after,et-stream-pip-chrome.et-stream-pip-chrome--grid .et-stream-pip-chrome__cell:focus-visible:after{box-shadow:inset 0 0 0 5px #ffffff59}et-stream-pip-chrome.et-stream-pip-chrome--grid .et-stream-pip-chrome__cell:focus-visible{outline:none}et-stream-pip-chrome.et-stream-pip-chrome--grid .et-stream-pip-chrome__cell--featured:after{box-shadow:inset 0 0 0 5px var(--et-stream-pip-chrome-featured-ring-color)}et-pip-player{display:flex;align-items:center;justify-content:center;width:100%;height:100%;container-type:size}et-pip-player>:not(.et-pip-player__thumb-wrapper){flex:none;display:block!important;width:min(100cqw,100cqh * var(--et-pip-player-ratio, calc(16 / 9)))!important;height:min(100cqh,100cqw / var(--et-pip-player-ratio, calc(16 / 9)))!important}et-pip-player iframe{width:100%!important;height:100%!important;display:block}\n"], dependencies: [{ kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "allowHardcodedColor"] }, { kind: "component", type: PipWindowComponent, selector: "et-pip-window" }, { kind: "component", type: PipPlayerComponent, selector: "et-pip-player", inputs: ["entry", "showThumbnail"] }, { kind: "directive", type: PipBackDirective, selector: "[etPipBack]", inputs: ["entry"] }, { kind: "directive", type: PipGridToggleDirective, selector: "[etPipGridToggle]" }, { kind: "directive", type: PipStageDirective, selector: "[etPipStage]" }, { kind: "directive", type: PipTitleBarTemplateDirective, selector: "ng-template[etPipTitleBar]" }, { kind: "directive", type: PipCellDirective, selector: "[etPipCell]", inputs: ["etPipCell"] }, { kind: "directive", type: PipCloseDirective, selector: "[etPipClose]", inputs: ["entry"] }, { kind: "component", type: WindowControlButtonComponent, selector: "[et-window-control-button]", inputs: ["size", "kind"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "stageRef", first: true, predicate: PipStageDirective, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "pipWindowRef", first: true, predicate: PipWindowComponent, descendants: true, isSignal: true }, { propertyName: "gridBtnRef", first: true, predicate: PipGridToggleDirective, descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<et-pip-window>\n  <ng-template etPipTitleBar>\n    @if (state.showBackButton()) {\n      <button [color]=\"controlsColor()\" [size]=\"WINDOW_CONTROL_BUTTON_SIZE\" et-window-control-button etPipBack>\n        <i etIcon=\"et-arrow-out-up-right\"></i>\n      </button>\n    }\n    <span class=\"et-pip-window__title-bar-spacer\"></span>\n    @if (state.hasMultiplePips()) {\n      <button\n        [color]=\"controlsColor()\"\n        [pressed]=\"state.multiView()\"\n        [size]=\"WINDOW_CONTROL_BUTTON_SIZE\"\n        et-window-control-button\n        etPipGridToggle\n      >\n        @if (state.multiView()) {\n          <i etIcon=\"et-focus-frame\"></i>\n        } @else {\n          <i etIcon=\"et-grid-2x2\"></i>\n        }\n      </button>\n    }\n    <button\n      [color]=\"controlsColor()\"\n      [kind]=\"CLOSE_KIND\"\n      [size]=\"WINDOW_CONTROL_BUTTON_SIZE\"\n      et-window-control-button\n      etPipClose\n    >\n      <i etIcon=\"et-times\"></i>\n    </button>\n  </ng-template>\n\n  <div etPipStage>\n    @for (c of state.cells(); track c.playerId) {\n      <div [etPipCell]=\"c\">\n        <et-pip-player />\n      </div>\n    }\n  </div>\n</et-pip-window>\n", styles: ["et-stream-pip-chrome:not(.et-stream-pip-chrome--grid) et-pip-window:not(:has(.et-stream-pip-chrome__cell--featured .et-pip-player--ready)){visibility:hidden;pointer-events:none}et-stream-pip-chrome.et-stream-pip-chrome--grid et-pip-window:not(:has(.et-stream-pip-chrome__cell .et-pip-player--ready)){visibility:hidden;pointer-events:none}@property --et-stream-pip-chrome-featured-ring-color{syntax: \"<color>\"; inherits: false; initial-value: #3b82f6;}.et-stream-pip-chrome__stage{position:absolute;inset:0;overflow:hidden;clip-path:inset(0)}.et-stream-pip-chrome__cell{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 0;will-change:transform;overflow:hidden;transform:translate(calc(((var(--et-cell-col, 1) - 1) + var(--et-cell-exit-h, 0) * var(--et-pip-grid-cols, 1)) / var(--et-pip-grid-cols, 1) * 100%),calc((2 * (var(--et-cell-row, 1) - 1) + var(--et-pip-grid-cols, 1) - var(--et-pip-grid-rows, 1)) / (2 * var(--et-pip-grid-cols, 1)) * 100% + var(--et-cell-exit-v, 0) * 100%)) scale(calc(1 / var(--et-pip-grid-cols, 1)))}et-stream-pip-chrome:not(.et-stream-pip-chrome--grid) .et-stream-pip-chrome__cell--featured{transform:none}et-stream-pip-chrome:not(.et-stream-pip-chrome--grid) .et-stream-pip-chrome__cell:not(.et-stream-pip-chrome__cell--featured){transform:translate(calc(var(--et-cell-exit-h, 0) * 100%),calc(var(--et-cell-exit-v, 0) * 100%))}et-stream-pip-chrome.et-stream-pip-chrome--grid .et-stream-pip-chrome__cell{cursor:pointer}.et-stream-pip-chrome__cell:after{content:\"\";position:absolute;inset:0;z-index:2;box-shadow:inset 0 0 0 5px transparent;transition:box-shadow .15s;pointer-events:none}et-stream-pip-chrome.et-stream-pip-chrome--grid .et-stream-pip-chrome__cell:after{pointer-events:auto}et-stream-pip-chrome.et-stream-pip-chrome--grid .et-stream-pip-chrome__cell:hover:after,et-stream-pip-chrome.et-stream-pip-chrome--grid .et-stream-pip-chrome__cell:focus-visible:after{box-shadow:inset 0 0 0 5px #ffffff59}et-stream-pip-chrome.et-stream-pip-chrome--grid .et-stream-pip-chrome__cell:focus-visible{outline:none}et-stream-pip-chrome.et-stream-pip-chrome--grid .et-stream-pip-chrome__cell--featured:after{box-shadow:inset 0 0 0 5px var(--et-stream-pip-chrome-featured-ring-color)}et-pip-player{display:flex;align-items:center;justify-content:center;width:100%;height:100%;container-type:size}et-pip-player>:not(.et-pip-player__thumb-wrapper){flex:none;display:block!important;width:min(100cqw,100cqh * var(--et-pip-player-ratio, calc(16 / 9)))!important;height:min(100cqh,100cqw / var(--et-pip-player-ratio, calc(16 / 9)))!important}et-pip-player iframe{width:100%!important;height:100%!important;display:block}\n"], dependencies: [{ kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "variant", "allowHardcodedColor"] }, { kind: "component", type: PipWindowComponent, selector: "et-pip-window" }, { kind: "component", type: PipPlayerComponent, selector: "et-pip-player", inputs: ["entry", "showThumbnail"] }, { kind: "directive", type: PipBackDirective, selector: "[etPipBack]", inputs: ["entry"] }, { kind: "directive", type: PipGridToggleDirective, selector: "[etPipGridToggle]" }, { kind: "directive", type: PipStageDirective, selector: "[etPipStage]" }, { kind: "directive", type: PipTitleBarTemplateDirective, selector: "ng-template[etPipTitleBar]" }, { kind: "directive", type: PipCellDirective, selector: "[etPipCell]", inputs: ["etPipCell"] }, { kind: "directive", type: PipCloseDirective, selector: "[etPipClose]", inputs: ["entry"] }, { kind: "component", type: WindowControlButtonComponent, selector: "[et-window-control-button]", inputs: ["size", "kind"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: StreamPipChromeComponent, decorators: [{
             type: Component,
@@ -15082,7 +15130,7 @@ class PipSlotPlaceholderComponent {
         </div>
       </div>
     }
-  `, isInline: true, styles: ["@property --et-pip-slot-placeholder-gap{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-pip-slot-placeholder-padding{syntax: \"<length>\"; inherits: false; initial-value: 32px;}@property --et-pip-slot-placeholder-icon-size{syntax: \"<length>\"; inherits: false; initial-value: 36px;}@property --et-pip-slot-placeholder-border-radius{syntax: \"<length>\"; inherits: false; initial-value: 16px;}@property --et-pip-slot-placeholder-message-size{syntax: \"<length>\"; inherits: false; initial-value: 14px;}@property --et-pip-slot-placeholder-message-weight{syntax: \"<number>\"; inherits: false; initial-value: 400;}@property --et-pip-slot-placeholder-message-line-height{syntax: \"<percentage>\"; inherits: false; initial-value: 150%;}et-pip-slot-placeholder{display:contents}.et-pip-slot-placeholder-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--et-surface-background-solid, inherit);color:var(--et-surface-color-solid, inherit);z-index:20}.et-pip-slot-placeholder-overlay .et-pip-slot-placeholder-card{display:flex;flex-direction:column;align-items:center;gap:var(--et-pip-slot-placeholder-gap);padding:var(--et-pip-slot-placeholder-padding);border-radius:var(--et-pip-slot-placeholder-border-radius);max-width:36rem;text-align:center;background:var(--et-surface-background-solid, inherit)}.et-pip-slot-placeholder-overlay .et-pip-slot-placeholder-icon{width:var(--et-pip-slot-placeholder-icon-size);height:var(--et-pip-slot-placeholder-icon-size);color:var(--et-surface-color-subtle-solid, currentColor)}.et-pip-slot-placeholder-overlay .et-pip-slot-placeholder-message{margin:0;font-size:var(--et-pip-slot-placeholder-message-size);font-weight:var(--et-pip-slot-placeholder-message-weight);line-height:var(--et-pip-slot-placeholder-message-line-height);color:var(--et-surface-color-muted-solid, currentColor);text-align:center}\n"], dependencies: [{ kind: "directive", type: PipBringBackDirective, selector: "[etPipBringBack]" }, { kind: "component", type: ButtonComponent, selector: "[et-button]", inputs: ["variant", "size", "iconAlignment"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "allowHardcodedColor"] }, { kind: "directive", type: ProvideSurfaceDirective, selector: "[etProvideSurface]", inputs: ["etProvideSurface"] }], encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["@property --et-pip-slot-placeholder-gap{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-pip-slot-placeholder-padding{syntax: \"<length>\"; inherits: false; initial-value: 32px;}@property --et-pip-slot-placeholder-icon-size{syntax: \"<length>\"; inherits: false; initial-value: 36px;}@property --et-pip-slot-placeholder-border-radius{syntax: \"<length>\"; inherits: false; initial-value: 16px;}@property --et-pip-slot-placeholder-message-size{syntax: \"<length>\"; inherits: false; initial-value: 14px;}@property --et-pip-slot-placeholder-message-weight{syntax: \"<number>\"; inherits: false; initial-value: 400;}@property --et-pip-slot-placeholder-message-line-height{syntax: \"<percentage>\"; inherits: false; initial-value: 150%;}et-pip-slot-placeholder{display:contents}.et-pip-slot-placeholder-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--et-surface-background-solid, inherit);color:var(--et-surface-color-solid, inherit);z-index:20}.et-pip-slot-placeholder-overlay .et-pip-slot-placeholder-card{display:flex;flex-direction:column;align-items:center;gap:var(--et-pip-slot-placeholder-gap);padding:var(--et-pip-slot-placeholder-padding);border-radius:var(--et-pip-slot-placeholder-border-radius);max-width:36rem;text-align:center;background:var(--et-surface-background-solid, inherit)}.et-pip-slot-placeholder-overlay .et-pip-slot-placeholder-icon{width:var(--et-pip-slot-placeholder-icon-size);height:var(--et-pip-slot-placeholder-icon-size);color:var(--et-surface-color-subtle-solid, currentColor)}.et-pip-slot-placeholder-overlay .et-pip-slot-placeholder-message{margin:0;font-size:var(--et-pip-slot-placeholder-message-size);font-weight:var(--et-pip-slot-placeholder-message-weight);line-height:var(--et-pip-slot-placeholder-message-line-height);color:var(--et-surface-color-muted-solid, currentColor);text-align:center}\n"], dependencies: [{ kind: "directive", type: PipBringBackDirective, selector: "[etPipBringBack]" }, { kind: "component", type: ButtonComponent, selector: "[et-button]", inputs: ["variant", "size", "iconAlignment"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "variant", "allowHardcodedColor"] }, { kind: "directive", type: ProvideSurfaceDirective, selector: "[etProvideSurface]", inputs: ["etProvideSurface"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PipSlotPlaceholderComponent, decorators: [{
             type: Component,
@@ -18325,7 +18373,7 @@ class TabGroupComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: ["@property --et-tab-group-gap{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --et-tab-group-header-gap{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --et-tab-group-trigger-padding-inline{syntax: \"<length>\"; inherits: false; initial-value: 16px;}@property --et-tab-group-trigger-padding-block{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-tab-group-underline-size{syntax: \"<length>\"; inherits: false; initial-value: 2px;}@property --et-tab-group-underline-radius{syntax: \"<length>\"; inherits: false; initial-value: 1px;}@property --et-tab-group-font-size{syntax: \"<length>\"; inherits: false; initial-value: 1.4rem;}.et-tab-group{display:flex;flex-direction:column;gap:var(--et-tab-group-gap)}.et-tab-group[data-orientation=vertical]{flex-direction:row}.et-tab-group:where([data-size=sm]){--et-tab-group-trigger-padding-inline: 12px;--et-tab-group-trigger-padding-block: 8px;--et-tab-group-font-size: 1.2rem;--et-tab-group-underline-size: 2px}.et-tab-group:where([data-size=md]){--et-tab-group-trigger-padding-inline: 16px;--et-tab-group-trigger-padding-block: 12px;--et-tab-group-font-size: 1.4rem;--et-tab-group-underline-size: 2px}.et-tab-group:where([data-size=lg]){--et-tab-group-trigger-padding-inline: 20px;--et-tab-group-trigger-padding-block: 14px;--et-tab-group-font-size: 1.6rem;--et-tab-group-underline-size: 3px}.et-tab-group:where([data-variant=primary][data-size=sm]){--et-tab-group-underline-size: 3px}.et-tab-group:where([data-variant=primary][data-size=md]){--et-tab-group-underline-size: 3px}.et-tab-group:where([data-variant=primary][data-size=lg]){--et-tab-group-underline-size: 4px}.et-tab-group__header-shell,.et-tab-group__header-scrollable{min-inline-size:0}.et-tab-group__header{position:relative;gap:var(--et-tab-group-header-gap)}.et-tab-group__header:after{content:\"\";position:absolute;background:var(--et-surface-border-solid, currentColor);opacity:.2;pointer-events:none}[data-divider=false] .et-tab-group__header:after{display:none}[data-orientation=horizontal] .et-tab-group__header:after{bottom:0;left:0;right:0;height:var(--et-tab-group-underline-size);border-radius:var(--et-tab-group-underline-radius)}[data-orientation=vertical] .et-tab-group__header{justify-items:start}[data-orientation=vertical] .et-tab-group__header:after{left:0;top:0;bottom:0;width:var(--et-tab-group-underline-size);border-radius:var(--et-tab-group-underline-radius)}.et-tab-group__trigger{display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--et-tab-group-trigger-padding-inline);padding-block:var(--et-tab-group-trigger-padding-block);border:none;background:none;color:var(--et-surface-interaction-solid, inherit);font:inherit;font-size:var(--et-tab-group-font-size);cursor:pointer;position:relative;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color .15s ease,background .15s ease;outline:none;border-radius:.5rem}.et-tab-group__trigger.et-tab-bar-trigger--no-initial-transition{transition:none}.et-tab-group__trigger.et-tab-group__trigger--active:not(.et-tab-bar-trigger--just-activated):hover{background:rgb(var(--et-color-primary, 0 0 0) / .08)}.et-tab-group__trigger.et-tab-group__trigger--active:not(.et-tab-bar-trigger--just-activated):focus-visible{background:rgb(var(--et-color-primary, 0 0 0) / .12)}.et-tab-group__trigger.et-tab-group__trigger--active:not(.et-tab-bar-trigger--just-activated):active{background:rgb(var(--et-color-primary, 0 0 0) / .16)}.et-tab-group__trigger .et-tab-group__trigger-content{display:flex;align-items:center;gap:8px;border-radius:.5rem;padding:4px 8px;margin:-4px -8px}.et-tab-group__trigger:focus-visible .et-tab-group__trigger-content{outline:2px solid var(--et-theme-color-primary-solid, currentColor);outline-offset:2px}.et-tab-group__trigger .et-tab-group__trigger-icon{width:1.2em;height:1.2em}[data-variant=primary] .et-tab-group__trigger .et-tab-group__trigger-content{flex-direction:column;gap:4px}.et-tab-group__trigger .et-tab-bar-underline{position:absolute;z-index:1;background:var(--et-theme-color-ink-solid, currentColor);border-radius:var(--et-tab-group-underline-radius);pointer-events:none;opacity:0}.et-tab-group__trigger .et-tab-bar-underline--active{opacity:1}[data-orientation=horizontal] .et-tab-group__trigger .et-tab-bar-underline{bottom:0;left:0;right:0;height:var(--et-tab-group-underline-size);transform-origin:left}[data-variant=primary][data-orientation=horizontal] .et-tab-group__trigger .et-tab-bar-underline{left:25%;right:25%;height:var(--et-tab-group-underline-size);border-radius:var(--et-tab-group-underline-size) var(--et-tab-group-underline-size) 0 0}[data-orientation=vertical] .et-tab-group__trigger .et-tab-bar-underline{left:0;top:0;bottom:0;width:var(--et-tab-group-underline-size);transform-origin:top}[data-variant=primary][data-orientation=vertical] .et-tab-group__trigger .et-tab-bar-underline{top:25%;bottom:25%;width:var(--et-tab-group-underline-size);border-radius:0 var(--et-tab-group-underline-size) var(--et-tab-group-underline-size) 0}.et-tab-group__trigger.et-tab-group__trigger--active{color:var(--et-surface-color-solid, inherit)}.et-tab-group__trigger:disabled{pointer-events:none;cursor:default}.et-tab-group__body{display:grid}.et-tab-group__panel{grid-area:1 / 1}.et-tab-group__panel[hidden]{display:none}\n"], dependencies: [{ kind: "directive", type: TabBarTriggerDirective, selector: "[etTabBarTrigger]", inputs: ["disabled"] }, { kind: "directive", type: TabBarUnderlineDirective, selector: "[etTabBarUnderline]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "allowHardcodedColor"] }, { kind: "directive", type: FocusRingDirective, selector: "[etFocusRing]", inputs: ["disabled"] }, { kind: "component", type: ScrollableComponent, selector: "et-scrollable", inputs: ["renderMasks", "maskVariant", "renderButtons", "buttonPosition", "renderNavigation", "snap", "cursorDragScroll", "darkenNonIntersectingItems", "stickyButtons", "showLoadingTemplate", "loadingTemplatePosition", "scrollableRole", "scrollableClass"], outputs: ["intersectionChange", "scrollStateChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["@property --et-tab-group-gap{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --et-tab-group-header-gap{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --et-tab-group-trigger-padding-inline{syntax: \"<length>\"; inherits: false; initial-value: 16px;}@property --et-tab-group-trigger-padding-block{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-tab-group-underline-size{syntax: \"<length>\"; inherits: false; initial-value: 2px;}@property --et-tab-group-underline-radius{syntax: \"<length>\"; inherits: false; initial-value: 1px;}@property --et-tab-group-font-size{syntax: \"<length>\"; inherits: false; initial-value: 1.4rem;}.et-tab-group{display:flex;flex-direction:column;gap:var(--et-tab-group-gap)}.et-tab-group[data-orientation=vertical]{flex-direction:row}.et-tab-group:where([data-size=sm]){--et-tab-group-trigger-padding-inline: 12px;--et-tab-group-trigger-padding-block: 8px;--et-tab-group-font-size: 1.2rem;--et-tab-group-underline-size: 2px}.et-tab-group:where([data-size=md]){--et-tab-group-trigger-padding-inline: 16px;--et-tab-group-trigger-padding-block: 12px;--et-tab-group-font-size: 1.4rem;--et-tab-group-underline-size: 2px}.et-tab-group:where([data-size=lg]){--et-tab-group-trigger-padding-inline: 20px;--et-tab-group-trigger-padding-block: 14px;--et-tab-group-font-size: 1.6rem;--et-tab-group-underline-size: 3px}.et-tab-group:where([data-variant=primary][data-size=sm]){--et-tab-group-underline-size: 3px}.et-tab-group:where([data-variant=primary][data-size=md]){--et-tab-group-underline-size: 3px}.et-tab-group:where([data-variant=primary][data-size=lg]){--et-tab-group-underline-size: 4px}.et-tab-group__header-shell,.et-tab-group__header-scrollable{min-inline-size:0}.et-tab-group__header{position:relative;gap:var(--et-tab-group-header-gap)}.et-tab-group__header:after{content:\"\";position:absolute;background:var(--et-surface-border-solid, currentColor);opacity:.2;pointer-events:none}[data-divider=false] .et-tab-group__header:after{display:none}[data-orientation=horizontal] .et-tab-group__header:after{bottom:0;left:0;right:0;height:var(--et-tab-group-underline-size);border-radius:var(--et-tab-group-underline-radius)}[data-orientation=vertical] .et-tab-group__header{justify-items:start}[data-orientation=vertical] .et-tab-group__header:after{left:0;top:0;bottom:0;width:var(--et-tab-group-underline-size);border-radius:var(--et-tab-group-underline-radius)}.et-tab-group__trigger{display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--et-tab-group-trigger-padding-inline);padding-block:var(--et-tab-group-trigger-padding-block);border:none;background:none;color:var(--et-surface-interaction-solid, inherit);font:inherit;font-size:var(--et-tab-group-font-size);cursor:pointer;position:relative;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color .15s ease,background .15s ease;outline:none;border-radius:.5rem}.et-tab-group__trigger.et-tab-bar-trigger--no-initial-transition{transition:none}.et-tab-group__trigger.et-tab-group__trigger--active:not(.et-tab-bar-trigger--just-activated):hover{background:rgb(var(--et-color-primary, 0 0 0) / .08)}.et-tab-group__trigger.et-tab-group__trigger--active:not(.et-tab-bar-trigger--just-activated):focus-visible{background:rgb(var(--et-color-primary, 0 0 0) / .12)}.et-tab-group__trigger.et-tab-group__trigger--active:not(.et-tab-bar-trigger--just-activated):active{background:rgb(var(--et-color-primary, 0 0 0) / .16)}.et-tab-group__trigger .et-tab-group__trigger-content{display:flex;align-items:center;gap:8px;border-radius:.5rem;padding:4px 8px;margin:-4px -8px}.et-tab-group__trigger:focus-visible .et-tab-group__trigger-content{outline:2px solid var(--et-theme-color-primary-solid, currentColor);outline-offset:2px}.et-tab-group__trigger .et-tab-group__trigger-icon{width:1.2em;height:1.2em}[data-variant=primary] .et-tab-group__trigger .et-tab-group__trigger-content{flex-direction:column;gap:4px}.et-tab-group__trigger .et-tab-bar-underline{position:absolute;z-index:1;background:var(--et-theme-color-ink-solid, currentColor);border-radius:var(--et-tab-group-underline-radius);pointer-events:none;opacity:0}.et-tab-group__trigger .et-tab-bar-underline--active{opacity:1}[data-orientation=horizontal] .et-tab-group__trigger .et-tab-bar-underline{bottom:0;left:0;right:0;height:var(--et-tab-group-underline-size);transform-origin:left}[data-variant=primary][data-orientation=horizontal] .et-tab-group__trigger .et-tab-bar-underline{left:25%;right:25%;height:var(--et-tab-group-underline-size);border-radius:var(--et-tab-group-underline-size) var(--et-tab-group-underline-size) 0 0}[data-orientation=vertical] .et-tab-group__trigger .et-tab-bar-underline{left:0;top:0;bottom:0;width:var(--et-tab-group-underline-size);transform-origin:top}[data-variant=primary][data-orientation=vertical] .et-tab-group__trigger .et-tab-bar-underline{top:25%;bottom:25%;width:var(--et-tab-group-underline-size);border-radius:0 var(--et-tab-group-underline-size) var(--et-tab-group-underline-size) 0}.et-tab-group__trigger.et-tab-group__trigger--active{color:var(--et-surface-color-solid, inherit)}.et-tab-group__trigger:disabled{pointer-events:none;cursor:default}.et-tab-group__body{display:grid}.et-tab-group__panel{grid-area:1 / 1}.et-tab-group__panel[hidden]{display:none}\n"], dependencies: [{ kind: "directive", type: TabBarTriggerDirective, selector: "[etTabBarTrigger]", inputs: ["disabled"] }, { kind: "directive", type: TabBarUnderlineDirective, selector: "[etTabBarUnderline]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "variant", "allowHardcodedColor"] }, { kind: "directive", type: FocusRingDirective, selector: "[etFocusRing]", inputs: ["disabled"] }, { kind: "component", type: ScrollableComponent, selector: "et-scrollable", inputs: ["renderMasks", "maskVariant", "renderButtons", "buttonPosition", "renderNavigation", "snap", "cursorDragScroll", "darkenNonIntersectingItems", "stickyButtons", "showLoadingTemplate", "loadingTemplatePosition", "scrollableRole", "scrollableClass"], outputs: ["intersectionChange", "scrollStateChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TabGroupComponent, decorators: [{
             type: Component,
@@ -18447,11 +18495,8 @@ const TOGGLETIP_ERROR_CODES = {
 class ToggletipComponent {
     constructor() {
         this.ownColorProvider = inject(ProvideColorDirective);
-        this.ownSurfaceProvider = inject(ProvideSurfaceDirective);
         this.triggerColorProvider = inject(COLOR_PROVIDER, { optional: true, skipSelf: true });
-        this.triggerSurfaceProvider = inject(SURFACE_PROVIDER, { optional: true, skipSelf: true });
         this.injector = inject(Injector);
-        this.surfaceThemes = injectSurfaceThemes({ optional: true });
         this.toggletipId = input.required(/* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "toggletipId" }] : /* istanbul ignore next */ []));
         this.contentId = input.required(/* @ts-ignore */
@@ -18460,8 +18505,6 @@ class ToggletipComponent {
         ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
         this.colorProvider = input.required(/* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "colorProvider" }] : /* istanbul ignore next */ []));
-        this.surfaceProvider = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "surfaceProvider" }] : /* istanbul ignore next */ []));
         this.hasTemplate = computed(() => this.content() instanceof TemplateRef, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hasTemplate" }] : /* istanbul ignore next */ []));
         this.contentText = computed(() => {
@@ -18474,15 +18517,6 @@ class ToggletipComponent {
             return content instanceof TemplateRef ? content : null;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "contentTemplate" }] : /* istanbul ignore next */ []));
-        this.resolvedSurface = computed(() => {
-            const themes = this.surfaceThemes;
-            const parentSurfaceProvider = this.surfaceProvider() ?? this.triggerSurfaceProvider ?? null;
-            if (!themes || !parentSurfaceProvider) {
-                return null;
-            }
-            return (resolveSurfaceByElevation(themes, parentSurfaceProvider.surfaceType() ?? 'dark', parentSurfaceProvider.elevation() + 1)?.name ?? null);
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "resolvedSurface" }] : /* istanbul ignore next */ []));
         effect(() => {
             const providedColor = this.colorProvider() ?? this.triggerColorProvider ?? null;
             untracked(() => {
@@ -18491,24 +18525,18 @@ class ToggletipComponent {
                 }
             });
         });
-        effect(() => {
-            const surface = this.resolvedSurface();
-            untracked(() => {
-                setInputSignal(this.ownSurfaceProvider.surface, surface);
-            });
-        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToggletipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: ToggletipComponent, isStandalone: true, selector: "et-toggletip", inputs: { toggletipId: { classPropertyName: "toggletipId", publicName: "toggletipId", isSignal: true, isRequired: true, transformFunction: null }, contentId: { classPropertyName: "contentId", publicName: "contentId", isSignal: true, isRequired: true, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, colorProvider: { classPropertyName: "colorProvider", publicName: "colorProvider", isSignal: true, isRequired: true, transformFunction: null }, surfaceProvider: { classPropertyName: "surfaceProvider", publicName: "surfaceProvider", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.id": "toggletipId()", "attr.data-has-template": "hasTemplate() || null" }, classAttribute: "et-toggletip" }, hostDirectives: [{ directive: i1.ProvideColorDirective }, { directive: i1.ProvideSurfaceDirective }], ngImport: i0, template: "<div class=\"et-toggletip__surface\">\n  <div [attr.id]=\"contentId()\" class=\"et-toggletip__content\">\n    @if (contentText(); as text) {\n      <p class=\"et-toggletip__text\">{{ text }}</p>\n    } @else if (contentTemplate()) {\n      <ng-container [ngTemplateOutlet]=\"contentTemplate()\" [ngTemplateOutletInjector]=\"injector\" />\n    }\n  </div>\n</div>\n", styles: ["@property --et-toggletip-font-size{syntax: \"<length>\"; inherits: false; initial-value: 13px;}@property --et-toggletip-line-height{syntax: \"<length>\"; inherits: false; initial-value: 18px;}@property --et-toggletip-padding-inline{syntax: \"<length>\"; inherits: false; initial-value: 14px;}@property --et-toggletip-padding-block{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-toggletip-gap{syntax: \"<length>\"; inherits: false; initial-value: 14px;}.et-overlay.et-overlay--toggletip{overflow:visible;background:transparent;box-shadow:none;--et-overlay-arrow-background: var(--et-surface-background-solid, var(--et-surface-2, rgb(32 32 32)));--et-overlay-arrow-border: rgb(255 255 255 / .1)}.et-overlay--toggletip>:nth-child(2){display:block;overflow:visible}.et-toggletip{--_et-toggletip-background: var(--et-surface-2, rgb(32 32 32));--_et-toggletip-color: var(--et-color-main-contrast, rgb(244 244 245));--_et-toggletip-border: rgb(255 255 255 / .1);--_et-toggletip-shadow: 0 10px 24px rgb(0 0 0 / .16);--_et-toggletip-radius: 16px;--_et-toggletip-max-width: min(34ch, calc(100vw - 24px) );--_et-toggletip-focus-ring: rgb(59 130 246 / .35);position:relative;display:block;inline-size:max-content;max-inline-size:var(--_et-toggletip-max-width);color:var(--_et-toggletip-color);font-family:var(--et-font-family, inherit);font-size:var(--et-toggletip-font-size);font-weight:500;line-height:var(--et-toggletip-line-height);letter-spacing:-.01em}.et-toggletip__surface{position:relative;z-index:1;display:block;min-inline-size:min(272px,calc(100vw - 24px));max-inline-size:var(--_et-toggletip-max-width);padding:calc(var(--et-toggletip-padding-block) + 2px) calc(var(--et-toggletip-padding-inline) + 2px);border-radius:var(--_et-toggletip-radius);border:1px solid var(--_et-toggletip-border);background:var(--et-surface-background-solid, var(--_et-toggletip-background));color:var(--et-surface-color-solid, var(--_et-toggletip-color));box-shadow:var(--_et-toggletip-shadow)}.et-toggletip__content{position:relative;z-index:1;display:grid;gap:var(--et-toggletip-gap)}.et-toggletip__content :where(p){margin:0;opacity:.88}.et-toggletip__content :where(a){color:inherit}.et-toggletip__content :where(strong){display:block;font-size:14px;font-weight:700;line-height:18px;letter-spacing:-.02em;opacity:1}.et-toggletip__content :where([data-toggletip-body]){display:grid;gap:6px}.et-toggletip__content :where([data-toggletip-actions]){display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-top:2px;padding-top:12px;border-top:1px solid rgb(255 255 255 / .08)}.et-toggletip__text{margin:0}.et-overlay--toggletip:focus-visible .et-toggletip__surface,.et-toggletip:focus-visible .et-toggletip__surface{outline:2px solid var(--_et-toggletip-focus-ring);outline-offset:2px}.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-leave-to{opacity:0}.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-enter-active{transition:transform .2s ease,opacity .2s ease}.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-leave-active{transition:transform .14s ease,opacity .14s ease}.et-overlay--toggletip[data-overlay-placement^=top].et-animation-enter-from,.et-overlay--toggletip[data-overlay-placement^=top].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(.45rem)!important}.et-overlay--toggletip[data-overlay-placement^=right].et-animation-enter-from,.et-overlay--toggletip[data-overlay-placement^=right].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(-.45rem)!important}.et-overlay--toggletip[data-overlay-placement^=bottom].et-animation-enter-from,.et-overlay--toggletip[data-overlay-placement^=bottom].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(-.45rem)!important}.et-overlay--toggletip[data-overlay-placement^=left].et-animation-enter-from,.et-overlay--toggletip[data-overlay-placement^=left].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(.45rem)!important}@media(prefers-reduced-motion:reduce){.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-enter-active,.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-leave-active{transition-duration:0ms}.et-overlay--toggletip[data-overlay-placement].et-animation-enter-from,.et-overlay--toggletip[data-overlay-placement].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0)!important}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: ToggletipComponent, isStandalone: true, selector: "et-toggletip", inputs: { toggletipId: { classPropertyName: "toggletipId", publicName: "toggletipId", isSignal: true, isRequired: true, transformFunction: null }, contentId: { classPropertyName: "contentId", publicName: "contentId", isSignal: true, isRequired: true, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, colorProvider: { classPropertyName: "colorProvider", publicName: "colorProvider", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.id": "toggletipId()", "attr.data-has-template": "hasTemplate() || null" }, classAttribute: "et-toggletip" }, hostDirectives: [{ directive: i1.ProvideColorDirective }, { directive: i1.AutoSurfaceDirective, inputs: ["surfaceProvider", "surfaceProvider"] }], ngImport: i0, template: "<div class=\"et-toggletip__surface\">\n  <div [attr.id]=\"contentId()\" class=\"et-toggletip__content\">\n    @if (contentText(); as text) {\n      <p class=\"et-toggletip__text\">{{ text }}</p>\n    } @else if (contentTemplate()) {\n      <ng-container [ngTemplateOutlet]=\"contentTemplate()\" [ngTemplateOutletInjector]=\"injector\" />\n    }\n  </div>\n</div>\n", styles: ["@property --et-toggletip-font-size{syntax: \"<length>\"; inherits: false; initial-value: 13px;}@property --et-toggletip-line-height{syntax: \"<length>\"; inherits: false; initial-value: 18px;}@property --et-toggletip-padding-inline{syntax: \"<length>\"; inherits: false; initial-value: 14px;}@property --et-toggletip-padding-block{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-toggletip-gap{syntax: \"<length>\"; inherits: false; initial-value: 14px;}.et-overlay.et-overlay--toggletip{overflow:visible;background:transparent;box-shadow:none;--et-overlay-arrow-background: var(--et-surface-background-solid, var(--et-surface-2, rgb(32 32 32)));--et-overlay-arrow-border: rgb(255 255 255 / .1)}.et-overlay--toggletip>:nth-child(2){display:block;overflow:visible}.et-toggletip{--_et-toggletip-background: var(--et-surface-2, rgb(32 32 32));--_et-toggletip-color: var(--et-color-main-contrast, rgb(244 244 245));--_et-toggletip-border: rgb(255 255 255 / .1);--_et-toggletip-shadow: 0 10px 24px rgb(0 0 0 / .16);--_et-toggletip-radius: 16px;--_et-toggletip-max-width: min(34ch, calc(100vw - 24px) );--_et-toggletip-focus-ring: rgb(59 130 246 / .35);position:relative;display:block;inline-size:max-content;max-inline-size:var(--_et-toggletip-max-width);color:var(--_et-toggletip-color);font-family:var(--et-font-family, inherit);font-size:var(--et-toggletip-font-size);font-weight:500;line-height:var(--et-toggletip-line-height);letter-spacing:-.01em}.et-toggletip__surface{position:relative;z-index:1;display:block;min-inline-size:min(272px,calc(100vw - 24px));max-inline-size:var(--_et-toggletip-max-width);padding:calc(var(--et-toggletip-padding-block) + 2px) calc(var(--et-toggletip-padding-inline) + 2px);border-radius:var(--_et-toggletip-radius);border:1px solid var(--_et-toggletip-border);background:var(--et-surface-background-solid, var(--_et-toggletip-background));color:var(--et-surface-color-solid, var(--_et-toggletip-color));box-shadow:var(--_et-toggletip-shadow)}.et-toggletip__content{position:relative;z-index:1;display:grid;gap:var(--et-toggletip-gap)}.et-toggletip__content :where(p){margin:0;opacity:.88}.et-toggletip__content :where(a){color:inherit}.et-toggletip__content :where(strong){display:block;font-size:14px;font-weight:700;line-height:18px;letter-spacing:-.02em;opacity:1}.et-toggletip__content :where([data-toggletip-body]){display:grid;gap:6px}.et-toggletip__content :where([data-toggletip-actions]){display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-top:2px;padding-top:12px;border-top:1px solid rgb(255 255 255 / .08)}.et-toggletip__text{margin:0}.et-overlay--toggletip:focus-visible .et-toggletip__surface,.et-toggletip:focus-visible .et-toggletip__surface{outline:2px solid var(--_et-toggletip-focus-ring);outline-offset:2px}.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-leave-to{opacity:0}.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-enter-active{transition:transform .2s ease,opacity .2s ease}.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-leave-active{transition:transform .14s ease,opacity .14s ease}.et-overlay--toggletip[data-overlay-placement^=top].et-animation-enter-from,.et-overlay--toggletip[data-overlay-placement^=top].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(.45rem)!important}.et-overlay--toggletip[data-overlay-placement^=right].et-animation-enter-from,.et-overlay--toggletip[data-overlay-placement^=right].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(-.45rem)!important}.et-overlay--toggletip[data-overlay-placement^=bottom].et-animation-enter-from,.et-overlay--toggletip[data-overlay-placement^=bottom].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(-.45rem)!important}.et-overlay--toggletip[data-overlay-placement^=left].et-animation-enter-from,.et-overlay--toggletip[data-overlay-placement^=left].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(.45rem)!important}@media(prefers-reduced-motion:reduce){.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-enter-active,.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-leave-active{transition-duration:0ms}.et-overlay--toggletip[data-overlay-placement].et-animation-enter-from,.et-overlay--toggletip[data-overlay-placement].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0)!important}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToggletipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'et-toggletip', encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet], hostDirectives: [ProvideColorDirective, ProvideSurfaceDirective], host: {
+            args: [{ selector: 'et-toggletip', encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet], hostDirectives: [ProvideColorDirective, { directive: AutoSurfaceDirective, inputs: ['surfaceProvider'] }], host: {
                         class: 'et-toggletip',
                         '[attr.id]': 'toggletipId()',
                         '[attr.data-has-template]': 'hasTemplate() || null',
                     }, template: "<div class=\"et-toggletip__surface\">\n  <div [attr.id]=\"contentId()\" class=\"et-toggletip__content\">\n    @if (contentText(); as text) {\n      <p class=\"et-toggletip__text\">{{ text }}</p>\n    } @else if (contentTemplate()) {\n      <ng-container [ngTemplateOutlet]=\"contentTemplate()\" [ngTemplateOutletInjector]=\"injector\" />\n    }\n  </div>\n</div>\n", styles: ["@property --et-toggletip-font-size{syntax: \"<length>\"; inherits: false; initial-value: 13px;}@property --et-toggletip-line-height{syntax: \"<length>\"; inherits: false; initial-value: 18px;}@property --et-toggletip-padding-inline{syntax: \"<length>\"; inherits: false; initial-value: 14px;}@property --et-toggletip-padding-block{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-toggletip-gap{syntax: \"<length>\"; inherits: false; initial-value: 14px;}.et-overlay.et-overlay--toggletip{overflow:visible;background:transparent;box-shadow:none;--et-overlay-arrow-background: var(--et-surface-background-solid, var(--et-surface-2, rgb(32 32 32)));--et-overlay-arrow-border: rgb(255 255 255 / .1)}.et-overlay--toggletip>:nth-child(2){display:block;overflow:visible}.et-toggletip{--_et-toggletip-background: var(--et-surface-2, rgb(32 32 32));--_et-toggletip-color: var(--et-color-main-contrast, rgb(244 244 245));--_et-toggletip-border: rgb(255 255 255 / .1);--_et-toggletip-shadow: 0 10px 24px rgb(0 0 0 / .16);--_et-toggletip-radius: 16px;--_et-toggletip-max-width: min(34ch, calc(100vw - 24px) );--_et-toggletip-focus-ring: rgb(59 130 246 / .35);position:relative;display:block;inline-size:max-content;max-inline-size:var(--_et-toggletip-max-width);color:var(--_et-toggletip-color);font-family:var(--et-font-family, inherit);font-size:var(--et-toggletip-font-size);font-weight:500;line-height:var(--et-toggletip-line-height);letter-spacing:-.01em}.et-toggletip__surface{position:relative;z-index:1;display:block;min-inline-size:min(272px,calc(100vw - 24px));max-inline-size:var(--_et-toggletip-max-width);padding:calc(var(--et-toggletip-padding-block) + 2px) calc(var(--et-toggletip-padding-inline) + 2px);border-radius:var(--_et-toggletip-radius);border:1px solid var(--_et-toggletip-border);background:var(--et-surface-background-solid, var(--_et-toggletip-background));color:var(--et-surface-color-solid, var(--_et-toggletip-color));box-shadow:var(--_et-toggletip-shadow)}.et-toggletip__content{position:relative;z-index:1;display:grid;gap:var(--et-toggletip-gap)}.et-toggletip__content :where(p){margin:0;opacity:.88}.et-toggletip__content :where(a){color:inherit}.et-toggletip__content :where(strong){display:block;font-size:14px;font-weight:700;line-height:18px;letter-spacing:-.02em;opacity:1}.et-toggletip__content :where([data-toggletip-body]){display:grid;gap:6px}.et-toggletip__content :where([data-toggletip-actions]){display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-top:2px;padding-top:12px;border-top:1px solid rgb(255 255 255 / .08)}.et-toggletip__text{margin:0}.et-overlay--toggletip:focus-visible .et-toggletip__surface,.et-toggletip:focus-visible .et-toggletip__surface{outline:2px solid var(--_et-toggletip-focus-ring);outline-offset:2px}.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-leave-to{opacity:0}.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-enter-active{transition:transform .2s ease,opacity .2s ease}.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-leave-active{transition:transform .14s ease,opacity .14s ease}.et-overlay--toggletip[data-overlay-placement^=top].et-animation-enter-from,.et-overlay--toggletip[data-overlay-placement^=top].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(.45rem)!important}.et-overlay--toggletip[data-overlay-placement^=right].et-animation-enter-from,.et-overlay--toggletip[data-overlay-placement^=right].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(-.45rem)!important}.et-overlay--toggletip[data-overlay-placement^=bottom].et-animation-enter-from,.et-overlay--toggletip[data-overlay-placement^=bottom].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(-.45rem)!important}.et-overlay--toggletip[data-overlay-placement^=left].et-animation-enter-from,.et-overlay--toggletip[data-overlay-placement^=left].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(.45rem)!important}@media(prefers-reduced-motion:reduce){.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-enter-active,.et-overlay.et-with-default-animation.et-overlay--toggletip.et-animation-leave-active{transition-duration:0ms}.et-overlay--toggletip[data-overlay-placement].et-animation-enter-from,.et-overlay--toggletip[data-overlay-placement].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0)!important}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { toggletipId: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggletipId", required: true }] }], contentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentId", required: true }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], colorProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorProvider", required: true }] }], surfaceProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "surfaceProvider", required: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { toggletipId: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggletipId", required: true }] }], contentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentId", required: true }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], colorProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorProvider", required: true }] }] } });
 
 let nextToggletipId = 0;
 const createToggletipId = (prefix = 'et-toggletip') => {
@@ -18786,18 +18814,13 @@ const TOOLTIP_ERROR_CODES = {
 class TooltipComponent {
     constructor() {
         this.ownColorProvider = inject(ProvideColorDirective);
-        this.ownSurfaceProvider = inject(ProvideSurfaceDirective);
         this.triggerColorProvider = inject(COLOR_PROVIDER, { optional: true, skipSelf: true });
-        this.triggerSurfaceProvider = inject(SURFACE_PROVIDER, { optional: true, skipSelf: true });
-        this.surfaceThemes = injectSurfaceThemes({ optional: true });
         this.tooltipId = input.required(/* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "tooltipId" }] : /* istanbul ignore next */ []));
         this.content = input.required(/* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
         this.colorProvider = input.required(/* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "colorProvider" }] : /* istanbul ignore next */ []));
-        this.surfaceProvider = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "surfaceProvider" }] : /* istanbul ignore next */ []));
         this.hasTemplate = computed(() => this.content() instanceof TemplateRef, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hasTemplate" }] : /* istanbul ignore next */ []));
         this.contentText = computed(() => {
@@ -18810,15 +18833,6 @@ class TooltipComponent {
             return content instanceof TemplateRef ? content : null;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "contentTemplate" }] : /* istanbul ignore next */ []));
-        this.resolvedSurface = computed(() => {
-            const themes = this.surfaceThemes;
-            const parentSurfaceProvider = this.surfaceProvider() ?? this.triggerSurfaceProvider ?? null;
-            if (!themes || !parentSurfaceProvider) {
-                return null;
-            }
-            return (resolveSurfaceByElevation(themes, parentSurfaceProvider.surfaceType() ?? 'dark', parentSurfaceProvider.elevation() + 1)?.name ?? null);
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "resolvedSurface" }] : /* istanbul ignore next */ []));
         effect(() => {
             const providedColor = this.colorProvider() ?? this.triggerColorProvider ?? null;
             untracked(() => {
@@ -18827,25 +18841,19 @@ class TooltipComponent {
                 }
             });
         });
-        effect(() => {
-            const surface = this.resolvedSurface();
-            untracked(() => {
-                setInputSignal(this.ownSurfaceProvider.surface, surface);
-            });
-        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: TooltipComponent, isStandalone: true, selector: "et-tooltip", inputs: { tooltipId: { classPropertyName: "tooltipId", publicName: "tooltipId", isSignal: true, isRequired: true, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, colorProvider: { classPropertyName: "colorProvider", publicName: "colorProvider", isSignal: true, isRequired: true, transformFunction: null }, surfaceProvider: { classPropertyName: "surfaceProvider", publicName: "surfaceProvider", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tooltip" }, properties: { "attr.id": "tooltipId()", "attr.data-has-template": "hasTemplate() || null" }, classAttribute: "et-tooltip" }, hostDirectives: [{ directive: i1.ProvideColorDirective }, { directive: i1.ProvideSurfaceDirective }], ngImport: i0, template: "<div class=\"et-tooltip__surface\">\n  <div class=\"et-tooltip__content\">\n    @if (contentText(); as text) {\n      <p class=\"et-tooltip__text\">{{ text }}</p>\n    } @else if (contentTemplate()) {\n      <ng-container [ngTemplateOutlet]=\"contentTemplate()\" />\n    }\n  </div>\n</div>\n", styles: ["@property --et-tooltip-font-size{syntax: \"<length>\"; inherits: false; initial-value: 13px;}@property --et-tooltip-line-height{syntax: \"<length>\"; inherits: false; initial-value: 18px;}@property --et-tooltip-font-weight{syntax: \"<number>\"; inherits: false; initial-value: 500;}@property --et-tooltip-letter-spacing{syntax: \"<length>\"; inherits: false; initial-value: -.13px;}@property --et-tooltip-padding-inline{syntax: \"<length>\"; inherits: false; initial-value: 14px;}@property --et-tooltip-padding-block{syntax: \"<length>\"; inherits: false; initial-value: 12px;}.et-overlay.et-overlay--tooltip{overflow:visible;pointer-events:none;background:transparent;box-shadow:none;--et-overlay-arrow-background: var(--et-surface-background-solid, var(--et-surface-2, rgb(32 32 32)));--et-overlay-arrow-border: rgb(255 255 255 / .1)}.et-overlay--tooltip>:nth-child(2){display:block;overflow:visible}.et-tooltip{--_et-tooltip-background: var(--et-surface-2, rgb(32 32 32));--_et-tooltip-color: var(--et-color-main-contrast, rgb(244 244 245));--_et-tooltip-border: rgb(255 255 255 / .1);--_et-tooltip-shadow: 0 10px 24px rgb(0 0 0 / .16);--_et-tooltip-radius: 16px;--_et-tooltip-max-width: min(34ch, calc(100vw - 24px) );position:relative;display:block;inline-size:max-content;max-inline-size:var(--_et-tooltip-max-width);pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--_et-tooltip-color);font-family:var(--et-font-family, inherit);font-size:var(--et-tooltip-font-size);font-weight:var(--et-tooltip-font-weight);line-height:var(--et-tooltip-line-height);letter-spacing:var(--et-tooltip-letter-spacing)}.et-tooltip__surface{position:relative;z-index:1;display:block;max-inline-size:var(--_et-tooltip-max-width);padding:calc(var(--et-tooltip-padding-block) + 2px) calc(var(--et-tooltip-padding-inline) + 2px);border-radius:var(--_et-tooltip-radius);border:1px solid var(--_et-tooltip-border);background:var(--et-surface-background-solid, var(--_et-tooltip-background));color:var(--et-surface-color-solid, var(--_et-tooltip-color));box-shadow:var(--_et-tooltip-shadow)}.et-tooltip__content{position:relative;z-index:1;display:grid;gap:6px}.et-tooltip__content :where(p){margin:0;opacity:.88}.et-tooltip__content :where(a){color:inherit}.et-tooltip__content :where(strong){display:block;font-size:14px;font-weight:700;line-height:18px;letter-spacing:-.02em;opacity:1}.et-tooltip__text{margin:0}.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-leave-to{opacity:0}.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-enter-active{transition:transform .2s ease,opacity .2s ease}.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-leave-active{transition:transform .14s ease,opacity .14s ease}.et-overlay--tooltip[data-overlay-placement^=top].et-animation-enter-from,.et-overlay--tooltip[data-overlay-placement^=top].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(.45rem)!important}.et-overlay--tooltip[data-overlay-placement^=right].et-animation-enter-from,.et-overlay--tooltip[data-overlay-placement^=right].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(-.45rem)!important}.et-overlay--tooltip[data-overlay-placement^=bottom].et-animation-enter-from,.et-overlay--tooltip[data-overlay-placement^=bottom].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(-.45rem)!important}.et-overlay--tooltip[data-overlay-placement^=left].et-animation-enter-from,.et-overlay--tooltip[data-overlay-placement^=left].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(.45rem)!important}@media(prefers-reduced-motion:reduce){.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-enter-active,.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-leave-active{transition-duration:0ms}.et-overlay--tooltip[data-overlay-placement].et-animation-enter-from,.et-overlay--tooltip[data-overlay-placement].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0)!important}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: TooltipComponent, isStandalone: true, selector: "et-tooltip", inputs: { tooltipId: { classPropertyName: "tooltipId", publicName: "tooltipId", isSignal: true, isRequired: true, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, colorProvider: { classPropertyName: "colorProvider", publicName: "colorProvider", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tooltip" }, properties: { "attr.id": "tooltipId()", "attr.data-has-template": "hasTemplate() || null" }, classAttribute: "et-tooltip" }, hostDirectives: [{ directive: i1.ProvideColorDirective }, { directive: i1.AutoSurfaceDirective, inputs: ["surfaceProvider", "surfaceProvider"] }], ngImport: i0, template: "<div class=\"et-tooltip__surface\">\n  <div class=\"et-tooltip__content\">\n    @if (contentText(); as text) {\n      <p class=\"et-tooltip__text\">{{ text }}</p>\n    } @else if (contentTemplate()) {\n      <ng-container [ngTemplateOutlet]=\"contentTemplate()\" />\n    }\n  </div>\n</div>\n", styles: ["@property --et-tooltip-font-size{syntax: \"<length>\"; inherits: false; initial-value: 13px;}@property --et-tooltip-line-height{syntax: \"<length>\"; inherits: false; initial-value: 18px;}@property --et-tooltip-font-weight{syntax: \"<number>\"; inherits: false; initial-value: 500;}@property --et-tooltip-letter-spacing{syntax: \"<length>\"; inherits: false; initial-value: -.13px;}@property --et-tooltip-padding-inline{syntax: \"<length>\"; inherits: false; initial-value: 14px;}@property --et-tooltip-padding-block{syntax: \"<length>\"; inherits: false; initial-value: 12px;}.et-overlay.et-overlay--tooltip{overflow:visible;pointer-events:none;background:transparent;box-shadow:none;--et-overlay-arrow-background: var(--et-surface-background-solid, var(--et-surface-2, rgb(32 32 32)));--et-overlay-arrow-border: rgb(255 255 255 / .1)}.et-overlay--tooltip>:nth-child(2){display:block;overflow:visible}.et-tooltip{--_et-tooltip-background: var(--et-surface-2, rgb(32 32 32));--_et-tooltip-color: var(--et-color-main-contrast, rgb(244 244 245));--_et-tooltip-border: rgb(255 255 255 / .1);--_et-tooltip-shadow: 0 10px 24px rgb(0 0 0 / .16);--_et-tooltip-radius: 16px;--_et-tooltip-max-width: min(34ch, calc(100vw - 24px) );position:relative;display:block;inline-size:max-content;max-inline-size:var(--_et-tooltip-max-width);pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--_et-tooltip-color);font-family:var(--et-font-family, inherit);font-size:var(--et-tooltip-font-size);font-weight:var(--et-tooltip-font-weight);line-height:var(--et-tooltip-line-height);letter-spacing:var(--et-tooltip-letter-spacing)}.et-tooltip__surface{position:relative;z-index:1;display:block;max-inline-size:var(--_et-tooltip-max-width);padding:calc(var(--et-tooltip-padding-block) + 2px) calc(var(--et-tooltip-padding-inline) + 2px);border-radius:var(--_et-tooltip-radius);border:1px solid var(--_et-tooltip-border);background:var(--et-surface-background-solid, var(--_et-tooltip-background));color:var(--et-surface-color-solid, var(--_et-tooltip-color));box-shadow:var(--_et-tooltip-shadow)}.et-tooltip__content{position:relative;z-index:1;display:grid;gap:6px}.et-tooltip__content :where(p){margin:0;opacity:.88}.et-tooltip__content :where(a){color:inherit}.et-tooltip__content :where(strong){display:block;font-size:14px;font-weight:700;line-height:18px;letter-spacing:-.02em;opacity:1}.et-tooltip__text{margin:0}.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-leave-to{opacity:0}.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-enter-active{transition:transform .2s ease,opacity .2s ease}.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-leave-active{transition:transform .14s ease,opacity .14s ease}.et-overlay--tooltip[data-overlay-placement^=top].et-animation-enter-from,.et-overlay--tooltip[data-overlay-placement^=top].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(.45rem)!important}.et-overlay--tooltip[data-overlay-placement^=right].et-animation-enter-from,.et-overlay--tooltip[data-overlay-placement^=right].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(-.45rem)!important}.et-overlay--tooltip[data-overlay-placement^=bottom].et-animation-enter-from,.et-overlay--tooltip[data-overlay-placement^=bottom].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(-.45rem)!important}.et-overlay--tooltip[data-overlay-placement^=left].et-animation-enter-from,.et-overlay--tooltip[data-overlay-placement^=left].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(.45rem)!important}@media(prefers-reduced-motion:reduce){.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-enter-active,.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-leave-active{transition-duration:0ms}.et-overlay--tooltip[data-overlay-placement].et-animation-enter-from,.et-overlay--tooltip[data-overlay-placement].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0)!important}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'et-tooltip', encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet], hostDirectives: [ProvideColorDirective, ProvideSurfaceDirective], host: {
+            args: [{ selector: 'et-tooltip', encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet], hostDirectives: [ProvideColorDirective, { directive: AutoSurfaceDirective, inputs: ['surfaceProvider'] }], host: {
                         class: 'et-tooltip',
                         role: 'tooltip',
                         '[attr.id]': 'tooltipId()',
                         '[attr.data-has-template]': 'hasTemplate() || null',
                     }, template: "<div class=\"et-tooltip__surface\">\n  <div class=\"et-tooltip__content\">\n    @if (contentText(); as text) {\n      <p class=\"et-tooltip__text\">{{ text }}</p>\n    } @else if (contentTemplate()) {\n      <ng-container [ngTemplateOutlet]=\"contentTemplate()\" />\n    }\n  </div>\n</div>\n", styles: ["@property --et-tooltip-font-size{syntax: \"<length>\"; inherits: false; initial-value: 13px;}@property --et-tooltip-line-height{syntax: \"<length>\"; inherits: false; initial-value: 18px;}@property --et-tooltip-font-weight{syntax: \"<number>\"; inherits: false; initial-value: 500;}@property --et-tooltip-letter-spacing{syntax: \"<length>\"; inherits: false; initial-value: -.13px;}@property --et-tooltip-padding-inline{syntax: \"<length>\"; inherits: false; initial-value: 14px;}@property --et-tooltip-padding-block{syntax: \"<length>\"; inherits: false; initial-value: 12px;}.et-overlay.et-overlay--tooltip{overflow:visible;pointer-events:none;background:transparent;box-shadow:none;--et-overlay-arrow-background: var(--et-surface-background-solid, var(--et-surface-2, rgb(32 32 32)));--et-overlay-arrow-border: rgb(255 255 255 / .1)}.et-overlay--tooltip>:nth-child(2){display:block;overflow:visible}.et-tooltip{--_et-tooltip-background: var(--et-surface-2, rgb(32 32 32));--_et-tooltip-color: var(--et-color-main-contrast, rgb(244 244 245));--_et-tooltip-border: rgb(255 255 255 / .1);--_et-tooltip-shadow: 0 10px 24px rgb(0 0 0 / .16);--_et-tooltip-radius: 16px;--_et-tooltip-max-width: min(34ch, calc(100vw - 24px) );position:relative;display:block;inline-size:max-content;max-inline-size:var(--_et-tooltip-max-width);pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--_et-tooltip-color);font-family:var(--et-font-family, inherit);font-size:var(--et-tooltip-font-size);font-weight:var(--et-tooltip-font-weight);line-height:var(--et-tooltip-line-height);letter-spacing:var(--et-tooltip-letter-spacing)}.et-tooltip__surface{position:relative;z-index:1;display:block;max-inline-size:var(--_et-tooltip-max-width);padding:calc(var(--et-tooltip-padding-block) + 2px) calc(var(--et-tooltip-padding-inline) + 2px);border-radius:var(--_et-tooltip-radius);border:1px solid var(--_et-tooltip-border);background:var(--et-surface-background-solid, var(--_et-tooltip-background));color:var(--et-surface-color-solid, var(--_et-tooltip-color));box-shadow:var(--_et-tooltip-shadow)}.et-tooltip__content{position:relative;z-index:1;display:grid;gap:6px}.et-tooltip__content :where(p){margin:0;opacity:.88}.et-tooltip__content :where(a){color:inherit}.et-tooltip__content :where(strong){display:block;font-size:14px;font-weight:700;line-height:18px;letter-spacing:-.02em;opacity:1}.et-tooltip__text{margin:0}.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-leave-to{opacity:0}.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-enter-active{transition:transform .2s ease,opacity .2s ease}.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-leave-active{transition:transform .14s ease,opacity .14s ease}.et-overlay--tooltip[data-overlay-placement^=top].et-animation-enter-from,.et-overlay--tooltip[data-overlay-placement^=top].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(.45rem)!important}.et-overlay--tooltip[data-overlay-placement^=right].et-animation-enter-from,.et-overlay--tooltip[data-overlay-placement^=right].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(-.45rem)!important}.et-overlay--tooltip[data-overlay-placement^=bottom].et-animation-enter-from,.et-overlay--tooltip[data-overlay-placement^=bottom].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(-.45rem)!important}.et-overlay--tooltip[data-overlay-placement^=left].et-animation-enter-from,.et-overlay--tooltip[data-overlay-placement^=left].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(.45rem)!important}@media(prefers-reduced-motion:reduce){.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-enter-active,.et-overlay.et-with-default-animation.et-overlay--tooltip.et-animation-leave-active{transition-duration:0ms}.et-overlay--tooltip[data-overlay-placement].et-animation-enter-from,.et-overlay--tooltip[data-overlay-placement].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0)!important}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { tooltipId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipId", required: true }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], colorProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorProvider", required: true }] }], surfaceProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "surfaceProvider", required: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { tooltipId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipId", required: true }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], colorProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorProvider", required: true }] }] } });
 
 let nextTooltipId = 0;
 const createTooltipId = (prefix = 'et-tooltip') => {
@@ -19082,5 +19090,5 @@ const TOOLTIP_IMPORTS = [TooltipDirective, TooltipComponent];
  * Generated bundle index. Do not edit.
  */
 
-export { ARROW_OUT_UP_RIGHT_ICON, ARROW_RIGHT_ICON, BOLD_ICON, BUTTON_ICON_ALIGNMENTS, BUTTON_IMPORTS, BUTTON_SIZES, BUTTON_SPINNER_CONFIG, BUTTON_TYPES, BUTTON_VARIANTS, BrandLoaderComponent, ButtonComponent, ButtonDirective, ButtonStylesDirective, CHECKBOX_IMPORTS, CHEVRON_ICON, CHOICE_FIELD_IMPORTS, CLIPBOARD_CHECK_ICON, CheckboxComponent, CheckboxDirective, CheckboxGroupComponent, CheckboxOptionComponent, ChoiceFieldComponent, DAILYMOTION_PLAYER_TOKEN, DEFAULT_BREAKPOINTS, DEFAULT_NOTIFICATION_MANAGER_CONFIG, DEFAULT_PIP_WINDOW_CONFIG, DEFAULT_STREAM_PLAYER_STATE, DailymotionPlayerComponent, DailymotionPlayerDirective, DailymotionPlayerParamsDirective, DailymotionPlayerSlotComponent, DescriptionComponent, FACEBOOK_PLAYER_TOKEN, FLOPPY_DISK_ICON, FOCUS_FRAME_ICON, FORM_FIELD_APPEARANCES, FORM_FIELD_CONTROL_TYPES, FORM_FIELD_ERROR_CODES, FORM_FIELD_FILLS, FORM_FIELD_IMPORTS, FORM_FIELD_LABEL_MODES, FORM_FIELD_SIZES, FORM_FIELD_TOKEN, FabComponent, FacebookPlayerComponent, FacebookPlayerDirective, FacebookPlayerParamsDirective, FacebookPlayerSlotComponent, FocusRingDirective, FormErrorComponent, FormFieldComponent, FormFieldDirective, GRID_2X2_ICON, GRID_ERROR_CODES, GRID_TOKEN, GridComponent, GridDebugComponent, GridDirective, GridDragDirective, GridImports, GridItemComponent, GridItemDefaultActionsComponent, GridItemDirective, GridItemRef, GridItemToolbarComponent, GridResizeDirective, HEADING_1_ICON, HEADING_2_ICON, HEADING_3_ICON, HintComponent, ICONS_TOKEN, ICON_DIRECTIVE_TOKEN, ICON_ERROR_CODES, ICON_IMPORTS, INPUT_IMPORTS, INPUT_TEXT_ALIGNMENTS, INPUT_TYPES, ITALIC_ICON, IconButtonComponent, IconDirective, InputComponent, InputDirective, InputPrefixDirective, InputSuffixDirective, KICK_PLAYER_TOKEN, KickPlayerComponent, KickPlayerDirective, KickPlayerParamsDirective, KickPlayerSlotComponent, LINK_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LOCK_ICON, LabelDirective, MENU_ERROR_CODES, MENU_IMPORTS, MENU_ITEM_VARIANTS, MENU_SELECTION_GROUP_MULTIPLE, MENU_SELECTION_GROUP_TOKEN, MENU_SELECTION_ITEM_KIND, MenuCheckboxGroupComponent, MenuCheckboxItemComponent, MenuComponent, MenuContextTriggerDirective, MenuDirective, MenuGroupLabelComponent, MenuItemComponent, MenuItemDirective, MenuItemShortcutComponent, MenuPanelDirective, MenuRadioGroupComponent, MenuRadioItemComponent, MenuSearchDirective, MenuSelectionGroupDirective, MenuSelectionItemDirective, MenuSeparatorComponent, MenuSurfaceDirective, MenuTriggerDirective, NAV_TABS_TOKEN, NOTIFICATION_ERROR_CODES, NOTIFICATION_IMPORTS, NOTIFICATION_STACK_CONTEXT_TOKEN, NOTIFICATION_STATUS, NavTabImports, NavTabLinkComponent, NavTabLinkDirective, NavTabsComponent, NavTabsDirective, NavTabsOutletComponent, NavTabsOutletDirective, NotificationActionDirective, NotificationComponent, NotificationDirective, NotificationDismissDirective, NotificationItemDirective, NotificationStackDirective, OVERLAY_BACK_OR_CLOSE_TOKEN, OVERLAY_BODY_TOKEN, OVERLAY_CONFIG_CLASS_KEYS, OVERLAY_CONTENT_IMPORTS, OVERLAY_ERROR_CODES, OVERLAY_FOOTER_TOKEN, OVERLAY_HEADER_TEMPLATE_TOKEN, OVERLAY_HEADER_TOKEN, OVERLAY_IMPORTS, OVERLAY_MAIN_TOKEN, OVERLAY_QUERY_PARAM_INPUT_NAME, OVERLAY_REF, OVERLAY_ROUTER_CONFIG_TOKEN, OVERLAY_ROUTER_LINK_TOKEN, OVERLAY_ROUTER_OUTLET_DISABLED_TEMPLATE_TOKEN, OVERLAY_ROUTER_OUTLET_TOKEN, OVERLAY_ROUTER_TOKEN, OVERLAY_SHARED_ROUTE_TEMPLATE_TOKEN, OverlayAnchorDirective, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseDirective, OverlayContainerComponent, OverlayDirective, OverlayFooterDirective, OverlayHandlerLinkDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayMainDirective, OverlayOriginCloneComponent, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlaySurfaceDirective, OverlayTitleDirective, OverlayTriggerDirective, PENCIL_ICON, PIP_CHROME_REF_TOKEN, PIP_ENTRY_TOKEN, PIP_WINDOW_ASPECT_RATIO_TOKEN, PLUS_ICON, PipBackDirective, PipBringBackDirective, PipCellDirective, PipCloseDirective, PipCollapseOverlayDirective, PipGridToggleDirective, PipPlayerComponent, PipSlotPlaceholderComponent, PipStageDirective, PipTitleBarDirective, PipTitleBarTemplateDirective, PipWindowComponent, PipWindowParamsDirective, ProgressBarComponent, RICH_TEXT_EDITOR_IMPORTS, RadioComponent, RadioGroupComponent, RichTextEditorComponent, RichTextEditorDirective, RichTextEditorFloatingToolbarComponent, SCROLLABLE_IMPORTS, SELECTION_LIST_MULTIPLE, SELECTION_LIST_TOKEN, SIDEBAR_OVERLAY_CONFIG, SIDEBAR_OVERLAY_TOKEN, SNAP_HYSTERESIS, SOOP_PLAYER_TOKEN, STREAM_CONSENT_TOKEN, STREAM_PLAYER_COMPONENT_TOKEN, STREAM_PLAYER_ERROR_CONTEXT_TOKEN, STREAM_PLAYER_ERROR_TOKEN, STREAM_PLAYER_PARAMS_TOKEN, STREAM_PLAYER_SLOT_TOKEN, STREAM_PLAYER_TOKEN, STREAM_SLOT_PLAYER_ID_TOKEN, STREAM_USER_CONSENT_PROVIDER_TOKEN, STRIKETHROUGH_ICON, SWITCH_IMPORTS, ScrollableActiveChildDirective, ScrollableButtonsDirective, ScrollableComponent, ScrollableDarkenDirective, ScrollableDirective, ScrollableDragDirective, ScrollableErrorCode, ScrollableIgnoreChildDirective, ScrollableLoadingTemplateDirective, ScrollableMasksDirective, ScrollableNavigationDirective, ScrollableSnapDirective, SegmentedButtonComponent, SegmentedButtonGroupComponent, SelectionListControlDirective, SelectionListDirective, SelectionOptionDirective, SoopPlayerComponent, SoopPlayerDirective, SoopPlayerParamsDirective, SoopPlayerSlotComponent, SpinnerComponent, StreamConsentAcceptDirective, StreamConsentComponent, StreamConsentDirective, StreamImports, StreamPipChromeComponent, StreamPlayerErrorComponent, StreamPlayerErrorDirective, StreamPlayerLoadingComponent, StreamPlayerSlotDirective, SwitchComponent, SwitchDirective, TAB_BAR_FITS, TAB_BAR_ORIENTATIONS, TAB_BAR_TOKEN, TAB_BAR_TRIGGER_TOKEN, TAB_BAR_VARIANTS, TAB_ERROR_CODES, TAB_GROUP_TOKEN, TAB_PANEL_TOKEN, TAB_SIZES, TIKTOK_PLAYER_TOKEN, TIMES_ICON, TOGGLETIP_ERROR_CODES, TOGGLETIP_IMPORTS, TOOLTIP_ERROR_CODES, TOOLTIP_IMPORTS, TRIANGLE_EXCLAMATION_ICON, TWITCH_PLAYER_TOKEN, TabBarDirective, TabBarTriggerDirective, TabBarUnderlineDirective, TabComponent, TabGroupComponent, TabGroupDirective, TabImports, TabLabelDirective, TabPanelDirective, TabTriggerDirective, TextButtonComponent, TikTokPlayerComponent, TikTokPlayerDirective, TikTokPlayerParamsDirective, TikTokPlayerSlotComponent, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipTriggerDirective, TooltipComponent, TooltipDirective, TwitchPlayerComponent, TwitchPlayerDirective, TwitchPlayerParamsDirective, TwitchPlayerSlotComponent, VIMEO_PLAYER_TOKEN, VimeoPlayerComponent, VimeoPlayerDirective, VimeoPlayerParamsDirective, VimeoPlayerSlotComponent, WINDOW_CONTROL_BUTTON_KINDS, WINDOW_CONTROL_BUTTON_SIZES, WindowControlButtonComponent, YOUTUBE_PLAYER_SLOT_TOKEN, YOUTUBE_PLAYER_TOKEN, YoutubePlayerComponent, YoutubePlayerDirective, YoutubePlayerParamsDirective, YoutubePlayerSlotComponent, YoutubePlayerSlotDirective, abortFullscreenAnimation, anchoredDialogOverlayStrategy, anchoredOverlayStrategy, autoPlace, bottomSheetOverlayStrategy, buildAnchoredRuntimePositionStrategy, centeredOverlayStrategy, clampPosition, clampResizeRect, cleanupFullscreenAnimation, cleanupFullscreenAnimationStyles, compactLayout, computeGeometry, computeGridHeight, createAutoScroller, createGridAdapter, createNotificationRef, createOverlayHandler, createOverlayHandlerWithQueryParamLifecycle, createOverlayRef, createOverlayStrategyController, createPipChromeAnimations, createPipChromeState, createStreamConfig, createStreamPlayerSlot, deserializeGridLayout, dialogOverlayStrategy, enableDragToDismiss, findCollision, findNextRelevantHtmlElement, findScrollableAncestor, fromGridPosition, fullScreenDialogOverlayStrategy, getClosestOverlay, getOriginCoordinatesAndDimensions, hysteresisRound, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectDialogStrategy, injectDialogStrategyDefaults, injectFormSupport, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectGridConfig, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectNotificationManager, injectNotificationManagerConfig, injectOverlayManager, injectOverlayRouter, injectOverlayScrollBlocker, injectPipChromeManager, injectPipManager, injectPipSlotPlaceholderConfig, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectSidebarOverlay, injectStreamConfig, injectStreamConsentConfig, injectStreamManager, injectStreamPlayerErrorConfig, injectStreamPlayerLoadingConfig, injectStreamScriptLoader, injectStreamUserConsentProvider, injectTopSheetStrategy, injectTopSheetStrategyDefaults, isHtmlElement, isPointerEvent, isTouchEvent, itemsCollide, leftSheetOverlayStrategy, mapLayoutToBreakpoint, mergeOverlayBreakpointConfigs, pixelRectsEqual, positionToPixelRect, positionsEqual, projectDragCell, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideDialogStrategy, provideDialogStrategyDefaults, provideFormSupport, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideGridConfig, provideIcons, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideNotificationManager, provideNotificationManagerConfig, provideNotificationManagerInstance, provideOverlay, provideOverlayManager, provideOverlayRouter, provideOverlayRouterConfig, provideOverlayRouterService, provideOverlayScrollBlocker, providePipChromeManager, providePipManager, providePipSlotPlaceholderConfig, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSidebarOverlay, provideSidebarOverlayConfig, provideSidebarOverlayService, provideStreamConfig, provideStreamConsentConfig, provideStreamManager, provideStreamPlayerErrorConfig, provideStreamPlayerLoadingConfig, provideTopSheetStrategy, provideTopSheetStrategyDefaults, resizeSpanBounds, resolveBreakpoint, resolveClosestOverlay, resolveCollisions, rightSheetOverlayStrategy, rowsToPixelHeight, serializeGridLayout, snapResizeSpan, spanHeight, spanWidth, startFullscreenEnterAnimation, startFullscreenLeaveAnimation, toGridPosition, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy };
+export { ARROW_OUT_UP_RIGHT_ICON, ARROW_RIGHT_ICON, BOLD_ICON, BUTTON_ICON_ALIGNMENTS, BUTTON_IMPORTS, BUTTON_SIZES, BUTTON_SPINNER_CONFIG, BUTTON_TYPES, BUTTON_VARIANTS, BrandLoaderComponent, ButtonComponent, ButtonDirective, ButtonStylesDirective, CHECKBOX_IMPORTS, CHEVRON_ICON, CHOICE_FIELD_IMPORTS, CLIPBOARD_CHECK_ICON, CheckboxComponent, CheckboxDirective, CheckboxGroupComponent, CheckboxOptionComponent, ChoiceFieldComponent, DAILYMOTION_PLAYER_TOKEN, DEFAULT_BREAKPOINTS, DEFAULT_ICON_VARIANT, DEFAULT_NOTIFICATION_MANAGER_CONFIG, DEFAULT_PIP_WINDOW_CONFIG, DEFAULT_STREAM_PLAYER_STATE, DailymotionPlayerComponent, DailymotionPlayerDirective, DailymotionPlayerParamsDirective, DailymotionPlayerSlotComponent, DescriptionComponent, FACEBOOK_PLAYER_TOKEN, FLOPPY_DISK_ICON, FOCUS_FRAME_ICON, FORM_FIELD_APPEARANCES, FORM_FIELD_CONTROL_TYPES, FORM_FIELD_ERROR_CODES, FORM_FIELD_FILLS, FORM_FIELD_IMPORTS, FORM_FIELD_LABEL_MODES, FORM_FIELD_SIZES, FORM_FIELD_TOKEN, FabComponent, FacebookPlayerComponent, FacebookPlayerDirective, FacebookPlayerParamsDirective, FacebookPlayerSlotComponent, FocusRingDirective, FormErrorComponent, FormFieldComponent, FormFieldDirective, GRID_2X2_ICON, GRID_ERROR_CODES, GRID_TOKEN, GridComponent, GridDebugComponent, GridDirective, GridDragDirective, GridImports, GridItemComponent, GridItemDefaultActionsComponent, GridItemDirective, GridItemRef, GridItemToolbarComponent, GridResizeDirective, HEADING_1_ICON, HEADING_2_ICON, HEADING_3_ICON, HintComponent, ICONS_TOKEN, ICON_DIRECTIVE_TOKEN, ICON_ERROR_CODES, ICON_IMPORTS, INPUT_IMPORTS, INPUT_TEXT_ALIGNMENTS, INPUT_TYPES, ITALIC_ICON, IconButtonComponent, IconDirective, InputComponent, InputDirective, InputPrefixDirective, InputSuffixDirective, KICK_PLAYER_TOKEN, KickPlayerComponent, KickPlayerDirective, KickPlayerParamsDirective, KickPlayerSlotComponent, LINK_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LOCK_ICON, LabelDirective, MENU_ERROR_CODES, MENU_IMPORTS, MENU_ITEM_VARIANTS, MENU_SELECTION_GROUP_MULTIPLE, MENU_SELECTION_GROUP_TOKEN, MENU_SELECTION_ITEM_KIND, MenuCheckboxGroupComponent, MenuCheckboxItemComponent, MenuComponent, MenuContextTriggerDirective, MenuDirective, MenuGroupLabelComponent, MenuItemComponent, MenuItemDirective, MenuItemShortcutComponent, MenuPanelDirective, MenuRadioGroupComponent, MenuRadioItemComponent, MenuSearchDirective, MenuSelectionGroupDirective, MenuSelectionItemDirective, MenuSeparatorComponent, MenuSurfaceDirective, MenuTriggerDirective, NAV_TABS_TOKEN, NOTIFICATION_ERROR_CODES, NOTIFICATION_IMPORTS, NOTIFICATION_STACK_CONTEXT_TOKEN, NOTIFICATION_STATUS, NavTabImports, NavTabLinkComponent, NavTabLinkDirective, NavTabsComponent, NavTabsDirective, NavTabsOutletComponent, NavTabsOutletDirective, NotificationActionDirective, NotificationComponent, NotificationDirective, NotificationDismissDirective, NotificationItemDirective, NotificationStackDirective, OVERLAY_BACK_OR_CLOSE_TOKEN, OVERLAY_BODY_TOKEN, OVERLAY_CONFIG_CLASS_KEYS, OVERLAY_CONTENT_IMPORTS, OVERLAY_ERROR_CODES, OVERLAY_FOOTER_TOKEN, OVERLAY_HEADER_TEMPLATE_TOKEN, OVERLAY_HEADER_TOKEN, OVERLAY_IMPORTS, OVERLAY_MAIN_TOKEN, OVERLAY_QUERY_PARAM_INPUT_NAME, OVERLAY_REF, OVERLAY_ROUTER_CONFIG_TOKEN, OVERLAY_ROUTER_LINK_TOKEN, OVERLAY_ROUTER_OUTLET_DISABLED_TEMPLATE_TOKEN, OVERLAY_ROUTER_OUTLET_TOKEN, OVERLAY_ROUTER_TOKEN, OVERLAY_SHARED_ROUTE_TEMPLATE_TOKEN, OverlayAnchorDirective, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseDirective, OverlayContainerComponent, OverlayDirective, OverlayFooterDirective, OverlayHandlerLinkDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayMainDirective, OverlayOriginCloneComponent, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlaySurfaceDirective, OverlayTitleDirective, OverlayTriggerDirective, PENCIL_ICON, PIP_CHROME_REF_TOKEN, PIP_ENTRY_TOKEN, PIP_WINDOW_ASPECT_RATIO_TOKEN, PLUS_ICON, PipBackDirective, PipBringBackDirective, PipCellDirective, PipCloseDirective, PipCollapseOverlayDirective, PipGridToggleDirective, PipPlayerComponent, PipSlotPlaceholderComponent, PipStageDirective, PipTitleBarDirective, PipTitleBarTemplateDirective, PipWindowComponent, PipWindowParamsDirective, ProgressBarComponent, RICH_TEXT_EDITOR_IMPORTS, RadioComponent, RadioGroupComponent, RichTextEditorComponent, RichTextEditorDirective, RichTextEditorFloatingToolbarComponent, SCROLLABLE_IMPORTS, SELECTION_LIST_MULTIPLE, SELECTION_LIST_TOKEN, SIDEBAR_OVERLAY_CONFIG, SIDEBAR_OVERLAY_TOKEN, SNAP_HYSTERESIS, SOOP_PLAYER_TOKEN, STREAM_CONSENT_TOKEN, STREAM_PLAYER_COMPONENT_TOKEN, STREAM_PLAYER_ERROR_CONTEXT_TOKEN, STREAM_PLAYER_ERROR_TOKEN, STREAM_PLAYER_PARAMS_TOKEN, STREAM_PLAYER_SLOT_TOKEN, STREAM_PLAYER_TOKEN, STREAM_SLOT_PLAYER_ID_TOKEN, STREAM_USER_CONSENT_PROVIDER_TOKEN, STRIKETHROUGH_ICON, SWITCH_IMPORTS, ScrollableActiveChildDirective, ScrollableButtonsDirective, ScrollableComponent, ScrollableDarkenDirective, ScrollableDirective, ScrollableDragDirective, ScrollableErrorCode, ScrollableIgnoreChildDirective, ScrollableLoadingTemplateDirective, ScrollableMasksDirective, ScrollableNavigationDirective, ScrollableSnapDirective, SegmentedButtonComponent, SegmentedButtonGroupComponent, SelectionListControlDirective, SelectionListDirective, SelectionOptionDirective, SoopPlayerComponent, SoopPlayerDirective, SoopPlayerParamsDirective, SoopPlayerSlotComponent, SpinnerComponent, StreamConsentAcceptDirective, StreamConsentComponent, StreamConsentDirective, StreamImports, StreamPipChromeComponent, StreamPlayerErrorComponent, StreamPlayerErrorDirective, StreamPlayerLoadingComponent, StreamPlayerSlotDirective, SwitchComponent, SwitchDirective, TAB_BAR_FITS, TAB_BAR_ORIENTATIONS, TAB_BAR_TOKEN, TAB_BAR_TRIGGER_TOKEN, TAB_BAR_VARIANTS, TAB_ERROR_CODES, TAB_GROUP_TOKEN, TAB_PANEL_TOKEN, TAB_SIZES, TIKTOK_PLAYER_TOKEN, TIMES_ICON, TOGGLETIP_ERROR_CODES, TOGGLETIP_IMPORTS, TOOLTIP_ERROR_CODES, TOOLTIP_IMPORTS, TRIANGLE_EXCLAMATION_ICON, TWITCH_PLAYER_TOKEN, TabBarDirective, TabBarTriggerDirective, TabBarUnderlineDirective, TabComponent, TabGroupComponent, TabGroupDirective, TabImports, TabLabelDirective, TabPanelDirective, TabTriggerDirective, TextButtonComponent, TikTokPlayerComponent, TikTokPlayerDirective, TikTokPlayerParamsDirective, TikTokPlayerSlotComponent, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipTriggerDirective, TooltipComponent, TooltipDirective, TwitchPlayerComponent, TwitchPlayerDirective, TwitchPlayerParamsDirective, TwitchPlayerSlotComponent, VIMEO_PLAYER_TOKEN, VimeoPlayerComponent, VimeoPlayerDirective, VimeoPlayerParamsDirective, VimeoPlayerSlotComponent, WINDOW_CONTROL_BUTTON_KINDS, WINDOW_CONTROL_BUTTON_SIZES, WindowControlButtonComponent, YOUTUBE_PLAYER_SLOT_TOKEN, YOUTUBE_PLAYER_TOKEN, YoutubePlayerComponent, YoutubePlayerDirective, YoutubePlayerParamsDirective, YoutubePlayerSlotComponent, YoutubePlayerSlotDirective, abortFullscreenAnimation, anchoredDialogOverlayStrategy, anchoredOverlayStrategy, autoPlace, bottomSheetOverlayStrategy, buildAnchoredRuntimePositionStrategy, centeredOverlayStrategy, clampPosition, clampResizeRect, cleanupFullscreenAnimation, cleanupFullscreenAnimationStyles, compactLayout, computeGeometry, computeGridHeight, createAutoScroller, createGridAdapter, createNotificationRef, createOverlayHandler, createOverlayHandlerWithQueryParamLifecycle, createOverlayRef, createOverlayStrategyController, createPipChromeAnimations, createPipChromeState, createStreamConfig, createStreamPlayerSlot, deserializeGridLayout, dialogOverlayStrategy, enableDragToDismiss, findCollision, findNextRelevantHtmlElement, findScrollableAncestor, fromGridPosition, fullScreenDialogOverlayStrategy, getClosestOverlay, getOriginCoordinatesAndDimensions, hysteresisRound, iconRegistryKey, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectDialogStrategy, injectDialogStrategyDefaults, injectFormSupport, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectGridConfig, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectNotificationManager, injectNotificationManagerConfig, injectOverlayManager, injectOverlayRouter, injectOverlayScrollBlocker, injectPipChromeManager, injectPipManager, injectPipSlotPlaceholderConfig, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectSidebarOverlay, injectStreamConfig, injectStreamConsentConfig, injectStreamManager, injectStreamPlayerErrorConfig, injectStreamPlayerLoadingConfig, injectStreamScriptLoader, injectStreamUserConsentProvider, injectTopSheetStrategy, injectTopSheetStrategyDefaults, isHtmlElement, isPointerEvent, isTouchEvent, itemsCollide, leftSheetOverlayStrategy, mapLayoutToBreakpoint, mergeOverlayBreakpointConfigs, pixelRectsEqual, positionToPixelRect, positionsEqual, projectDragCell, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideDialogStrategy, provideDialogStrategyDefaults, provideFormSupport, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideGridConfig, provideIcons, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideNotificationManager, provideNotificationManagerConfig, provideNotificationManagerInstance, provideOverlay, provideOverlayManager, provideOverlayRouter, provideOverlayRouterConfig, provideOverlayRouterService, provideOverlayScrollBlocker, providePipChromeManager, providePipManager, providePipSlotPlaceholderConfig, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSidebarOverlay, provideSidebarOverlayConfig, provideSidebarOverlayService, provideStreamConfig, provideStreamConsentConfig, provideStreamManager, provideStreamPlayerErrorConfig, provideStreamPlayerLoadingConfig, provideTopSheetStrategy, provideTopSheetStrategyDefaults, resizeSpanBounds, resolveBreakpoint, resolveClosestOverlay, resolveCollisions, rightSheetOverlayStrategy, rowsToPixelHeight, serializeGridLayout, snapResizeSpan, spanHeight, spanWidth, startFullscreenEnterAnimation, startFullscreenLeaveAnimation, toGridPosition, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy };
 //# sourceMappingURL=ethlete-components.mjs.map