@ethlete/components 1.0.0-next.18 → 1.0.0-next.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # Changelog
2
2
 
3
+ ## 1.0.0-next.19
4
+
5
+ ### Patch Changes
6
+
7
+ - [`09ed801`](https://github.com/ethlete-io/ethdk/commit/09ed8010644643a7f019652f986d8454a4cdbdb3) Thanks [@TomTomB](https://github.com/TomTomB)! - Icon button & FAB: sizes now match the surface button's height at every size (`xs`–`xl`), so they line up in a row.
8
+
9
+ - [#3017](https://github.com/ethlete-io/ethdk/pull/3017) [`4913e22`](https://github.com/ethlete-io/ethdk/commit/4913e226918ab5200b500620bae37c063af0e7ca) Thanks [@github-actions](https://github.com/apps/github-actions)! - Overlay arrows: anchored-overlay arrows (menu, tooltip, toggletip) now take their background and border from the surface theme by default, so the arrow border stays visible and matches the panel under any theme. Override via `--et-overlay-arrow-background` / `--et-overlay-arrow-border`.
10
+
3
11
  ## 1.0.0-next.18
4
12
 
5
13
  ### Major Changes
@@ -709,7 +709,7 @@ class FabComponent {
709
709
  <ng-template #iconTpl>
710
710
  <ng-content select="[etIcon]" />
711
711
  </ng-template>
712
- `, isInline: true, styles: [".et-fab{--_et-fab-expand-duration: .38s;--_et-fab-expand-easing: cubic-bezier(.22, .9, .3, 1);--_et-fab-collapse-duration: .22s;--_et-fab-collapse-easing: cubic-bezier(.4, 0, .2, 1);--_et-fab-label-fade-duration: .18s;--_et-fab-label-fade-expand-delay: 40ms;--_et-fab-contents-padding: 0 var(--_et-fab-contents-gap) 0 0;--et-button-shadow: 0 .3rem .8rem rgb(0 0 0 / .2), 0 .1rem .3rem rgb(0 0 0 / .12);display:inline-flex;position:relative;align-items:center;background:var(--et-theme-color-primary);color:var(--et-theme-color-on-primary);border:none;border-radius:9999px;padding:0;overflow:hidden;height:var(--_et-fab-size, 4rem);font-size:var(--et-button-font-size);font-weight:var(--et-button-font-weight);box-shadow:var(--et-button-shadow);cursor:var(--et-button-cursor);text-decoration:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;line-height:var(--et-button-line-height);white-space:nowrap;flex-shrink:0}.et-fab[data-can-animate]{transition:background .12s ease,color .12s ease,box-shadow .12s ease,outline-color .12s ease}.et-fab:after{content:\"\";position:absolute;inset:0;box-sizing:border-box;border:0 solid transparent;border-radius:inherit;pointer-events:none;transition:background .12s ease}.et-fab:where([data-variant=filled]):hover:after{background:rgb(var(--et-theme-color-on-primary-rgb) / .08)}.et-fab:where([data-variant=filled]):focus-visible:after{background:rgb(var(--et-theme-color-on-primary-rgb) / .12)}.et-fab:where([data-variant=filled]):active:after{background:rgb(var(--et-theme-color-on-primary-rgb) / .16)}.et-fab:where([data-variant=filled]):focus-visible:active:after{background:rgb(var(--et-theme-color-on-primary-rgb) / .16)}.et-fab:where([data-size=xs]){--_et-fab-size: 2.8rem;--_et-fab-label-font-size: 1.2rem;--_et-fab-icon-size: 1.4rem;--_et-fab-contents-gap: .5rem}.et-fab:where([data-size=sm]){--_et-fab-size: 3.6rem;--_et-fab-label-font-size: 1.2rem;--_et-fab-icon-size: 1.8rem;--_et-fab-contents-gap: .6rem}.et-fab:where([data-size=md]){--_et-fab-size: 4rem;--_et-fab-label-font-size: 1.3rem;--_et-fab-icon-size: 2rem;--_et-fab-contents-gap: .8rem}.et-fab:where([data-size=lg]){--_et-fab-size: 4.8rem;--_et-fab-label-font-size: 1.4rem;--_et-fab-icon-size: 2.4rem;--_et-fab-contents-gap: 1rem}.et-fab:where([data-size=xl]){--_et-fab-size: 5.6rem;--_et-fab-label-font-size: 1.6rem;--_et-fab-icon-size: 2.8rem;--_et-fab-contents-gap: 1.2rem}.et-fab:hover{--et-button-shadow: 0 .6rem 1.2rem rgb(0 0 0 / .22), 0 .2rem .4rem rgb(0 0 0 / .14)}.et-fab:active{--et-button-shadow: 0 .2rem .6rem rgb(0 0 0 / .18), 0 .1rem .2rem rgb(0 0 0 / .1)}.et-fab:focus-visible:active{--et-button-shadow: 0 .2rem .6rem rgb(0 0 0 / .18), 0 .1rem .2rem rgb(0 0 0 / .1)}.et-fab:where([disabled]),.et-fab:where([aria-disabled=true]){opacity:var(--et-button-opacity-disabled);cursor:not-allowed;pointer-events:none}.et-fab:where([data-variant=outline]){--et-theme-color-primary-opacity: 0;--et-button-shadow: none;background:var(--et-theme-color-primary);color:var(--et-theme-color-ink-solid)}.et-fab:where([data-variant=outline]):after{border-width:var(--et-button-border-width, .1rem);border-color:var(--et-theme-color-ink-solid)}.et-fab:where([data-variant=outline]):hover{--et-theme-color-primary-opacity: .08;--et-button-shadow: none}.et-fab:where([data-variant=outline]):focus-visible{--et-theme-color-primary-opacity: .12}.et-fab:where([data-variant=outline]):active{--et-theme-color-primary-opacity: .16;--et-button-shadow: none}.et-fab:where([data-variant=outline]):focus-visible:active{--et-button-shadow: none}.et-fab:where([data-variant=tonal]){--et-theme-color-primary-opacity: .16;--et-button-shadow: none;background:var(--et-theme-color-primary);color:var(--et-theme-color-ink-solid)}.et-fab:where([data-variant=tonal]):hover{--et-theme-color-primary-opacity: .24;--et-button-shadow: none}.et-fab:where([data-variant=tonal]):focus-visible{--et-theme-color-primary-opacity: .28}.et-fab:where([data-variant=tonal]):active{--et-theme-color-primary-opacity: .32;--et-button-shadow: none}.et-fab:where([data-variant=tonal]):focus-visible:active{--et-button-shadow: none}.et-fab:where([data-variant=transparent]){--et-theme-color-primary-opacity: 0;--et-button-shadow: none;background:var(--et-theme-color-primary);color:var(--et-theme-color-ink-solid)}.et-fab:where([data-variant=transparent]):hover{--et-theme-color-primary-opacity: .08;--et-button-shadow: none}.et-fab:where([data-variant=transparent]):focus-visible{--et-theme-color-primary-opacity: .12}.et-fab:where([data-variant=transparent]):active{--et-theme-color-primary-opacity: .16;--et-button-shadow: none}.et-fab:where([data-variant=transparent]):focus-visible:active{--et-button-shadow: none}.et-fab[data-icon-alignment=end]{--_et-fab-contents-padding: 0 0 0 var(--_et-fab-contents-gap)}.et-fab .et-fab-icon{display:flex;align-items:center;justify-content:center;width:var(--_et-fab-size, 4rem);height:var(--_et-fab-size, 4rem);transition:opacity .12s ease}.et-fab .et-fab-icon .et-icon{width:var(--_et-fab-icon-size);height:var(--_et-fab-icon-size)}.et-fab .et-fab-contents{display:inline-grid;grid-template-columns:1fr;padding:var(--_et-fab-contents-padding);transition:opacity .12s ease,grid-template-columns var(--_et-fab-expand-duration) var(--_et-fab-expand-easing),padding var(--_et-fab-expand-duration) var(--_et-fab-expand-easing)}.et-fab .et-fab-contents .et-fab-contents-inner{min-width:0;opacity:1;white-space:nowrap;font-size:var(--_et-fab-label-font-size);transition:opacity var(--_et-fab-label-fade-duration) var(--_et-fab-expand-easing)}.et-fab:not([data-expanded=true]) .et-fab-contents{grid-template-columns:0fr;padding:0;pointer-events:none;transition:opacity .12s ease,grid-template-columns var(--_et-fab-collapse-duration) var(--_et-fab-collapse-easing),padding var(--_et-fab-collapse-duration) var(--_et-fab-collapse-easing)}.et-fab:not([data-expanded=true]) .et-fab-contents-inner{opacity:0;transition:opacity var(--_et-fab-label-fade-duration) var(--_et-fab-collapse-easing)}.et-fab[data-loading=true] .et-fab-icon,.et-fab[data-loading=true] .et-fab-contents{opacity:0}.et-fab[data-loading=true] .et-button-loader{opacity:1}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SpinnerComponent, selector: "et-spinner", inputs: ["diameter", "strokeWidth", "track", "value", "determinate"] }], encapsulation: i0.ViewEncapsulation.None }); }
712
+ `, isInline: true, styles: [".et-fab{--_et-fab-expand-duration: .38s;--_et-fab-expand-easing: cubic-bezier(.22, .9, .3, 1);--_et-fab-collapse-duration: .22s;--_et-fab-collapse-easing: cubic-bezier(.4, 0, .2, 1);--_et-fab-label-fade-duration: .18s;--_et-fab-label-fade-expand-delay: 40ms;--_et-fab-contents-padding: 0 var(--_et-fab-contents-gap) 0 0;--et-button-shadow: 0 .3rem .8rem rgb(0 0 0 / .2), 0 .1rem .3rem rgb(0 0 0 / .12);display:inline-flex;position:relative;align-items:center;background:var(--et-theme-color-primary);color:var(--et-theme-color-on-primary);border:none;border-radius:9999px;padding:0;overflow:hidden;height:var(--_et-fab-size, 4rem);font-size:var(--et-button-font-size);font-weight:var(--et-button-font-weight);box-shadow:var(--et-button-shadow);cursor:var(--et-button-cursor);text-decoration:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;line-height:var(--et-button-line-height);white-space:nowrap;flex-shrink:0}.et-fab[data-can-animate]{transition:background .12s ease,color .12s ease,box-shadow .12s ease,outline-color .12s ease}.et-fab:after{content:\"\";position:absolute;inset:0;box-sizing:border-box;border:0 solid transparent;border-radius:inherit;pointer-events:none;transition:background .12s ease}.et-fab:where([data-variant=filled]):hover:after{background:rgb(var(--et-theme-color-on-primary-rgb) / .08)}.et-fab:where([data-variant=filled]):focus-visible:after{background:rgb(var(--et-theme-color-on-primary-rgb) / .12)}.et-fab:where([data-variant=filled]):active:after{background:rgb(var(--et-theme-color-on-primary-rgb) / .16)}.et-fab:where([data-variant=filled]):focus-visible:active:after{background:rgb(var(--et-theme-color-on-primary-rgb) / .16)}.et-fab:where([data-size=xs]){--_et-fab-size: 2.4rem;--_et-fab-label-font-size: 1.2rem;--_et-fab-icon-size: 1.4rem;--_et-fab-contents-gap: .5rem}.et-fab:where([data-size=sm]){--_et-fab-size: 3.1rem;--_et-fab-label-font-size: 1.2rem;--_et-fab-icon-size: 1.8rem;--_et-fab-contents-gap: .6rem}.et-fab:where([data-size=md]){--_et-fab-size: 3.9rem;--_et-fab-label-font-size: 1.3rem;--_et-fab-icon-size: 2rem;--_et-fab-contents-gap: .8rem}.et-fab:where([data-size=lg]){--_et-fab-size: 4.6rem;--_et-fab-label-font-size: 1.4rem;--_et-fab-icon-size: 2.4rem;--_et-fab-contents-gap: 1rem}.et-fab:where([data-size=xl]){--_et-fab-size: 5.7rem;--_et-fab-label-font-size: 1.6rem;--_et-fab-icon-size: 2.8rem;--_et-fab-contents-gap: 1.2rem}.et-fab:hover{--et-button-shadow: 0 .6rem 1.2rem rgb(0 0 0 / .22), 0 .2rem .4rem rgb(0 0 0 / .14)}.et-fab:active{--et-button-shadow: 0 .2rem .6rem rgb(0 0 0 / .18), 0 .1rem .2rem rgb(0 0 0 / .1)}.et-fab:focus-visible:active{--et-button-shadow: 0 .2rem .6rem rgb(0 0 0 / .18), 0 .1rem .2rem rgb(0 0 0 / .1)}.et-fab:where([disabled]),.et-fab:where([aria-disabled=true]){opacity:var(--et-button-opacity-disabled);cursor:not-allowed;pointer-events:none}.et-fab:where([data-variant=outline]){--et-theme-color-primary-opacity: 0;--et-button-shadow: none;background:var(--et-theme-color-primary);color:var(--et-theme-color-ink-solid)}.et-fab:where([data-variant=outline]):after{border-width:var(--et-button-border-width, .1rem);border-color:var(--et-theme-color-ink-solid)}.et-fab:where([data-variant=outline]):hover{--et-theme-color-primary-opacity: .08;--et-button-shadow: none}.et-fab:where([data-variant=outline]):focus-visible{--et-theme-color-primary-opacity: .12}.et-fab:where([data-variant=outline]):active{--et-theme-color-primary-opacity: .16;--et-button-shadow: none}.et-fab:where([data-variant=outline]):focus-visible:active{--et-button-shadow: none}.et-fab:where([data-variant=tonal]){--et-theme-color-primary-opacity: .16;--et-button-shadow: none;background:var(--et-theme-color-primary);color:var(--et-theme-color-ink-solid)}.et-fab:where([data-variant=tonal]):hover{--et-theme-color-primary-opacity: .24;--et-button-shadow: none}.et-fab:where([data-variant=tonal]):focus-visible{--et-theme-color-primary-opacity: .28}.et-fab:where([data-variant=tonal]):active{--et-theme-color-primary-opacity: .32;--et-button-shadow: none}.et-fab:where([data-variant=tonal]):focus-visible:active{--et-button-shadow: none}.et-fab:where([data-variant=transparent]){--et-theme-color-primary-opacity: 0;--et-button-shadow: none;background:var(--et-theme-color-primary);color:var(--et-theme-color-ink-solid)}.et-fab:where([data-variant=transparent]):hover{--et-theme-color-primary-opacity: .08;--et-button-shadow: none}.et-fab:where([data-variant=transparent]):focus-visible{--et-theme-color-primary-opacity: .12}.et-fab:where([data-variant=transparent]):active{--et-theme-color-primary-opacity: .16;--et-button-shadow: none}.et-fab:where([data-variant=transparent]):focus-visible:active{--et-button-shadow: none}.et-fab[data-icon-alignment=end]{--_et-fab-contents-padding: 0 0 0 var(--_et-fab-contents-gap)}.et-fab .et-fab-icon{display:flex;align-items:center;justify-content:center;width:var(--_et-fab-size, 4rem);height:var(--_et-fab-size, 4rem);transition:opacity .12s ease}.et-fab .et-fab-icon .et-icon{width:var(--_et-fab-icon-size);height:var(--_et-fab-icon-size)}.et-fab .et-fab-contents{display:inline-grid;grid-template-columns:1fr;padding:var(--_et-fab-contents-padding);transition:opacity .12s ease,grid-template-columns var(--_et-fab-expand-duration) var(--_et-fab-expand-easing),padding var(--_et-fab-expand-duration) var(--_et-fab-expand-easing)}.et-fab .et-fab-contents .et-fab-contents-inner{min-width:0;opacity:1;white-space:nowrap;font-size:var(--_et-fab-label-font-size);transition:opacity var(--_et-fab-label-fade-duration) var(--_et-fab-expand-easing)}.et-fab:not([data-expanded=true]) .et-fab-contents{grid-template-columns:0fr;padding:0;pointer-events:none;transition:opacity .12s ease,grid-template-columns var(--_et-fab-collapse-duration) var(--_et-fab-collapse-easing),padding var(--_et-fab-collapse-duration) var(--_et-fab-collapse-easing)}.et-fab:not([data-expanded=true]) .et-fab-contents-inner{opacity:0;transition:opacity var(--_et-fab-label-fade-duration) var(--_et-fab-collapse-easing)}.et-fab[data-loading=true] .et-fab-icon,.et-fab[data-loading=true] .et-fab-contents{opacity:0}.et-fab[data-loading=true] .et-button-loader{opacity:1}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SpinnerComponent, selector: "et-spinner", inputs: ["diameter", "strokeWidth", "track", "value", "determinate"] }], encapsulation: i0.ViewEncapsulation.None }); }
713
713
  }
714
714
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FabComponent, decorators: [{
715
715
  type: Component,
@@ -759,7 +759,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
759
759
  '[attr.data-expanded]': 'expandedAttr()',
760
760
  '[attr.data-icon-alignment]': 'iconAlignment()',
761
761
  '[attr.data-can-animate]': 'canAnimate.state() || null',
762
- }, styles: [".et-fab{--_et-fab-expand-duration: .38s;--_et-fab-expand-easing: cubic-bezier(.22, .9, .3, 1);--_et-fab-collapse-duration: .22s;--_et-fab-collapse-easing: cubic-bezier(.4, 0, .2, 1);--_et-fab-label-fade-duration: .18s;--_et-fab-label-fade-expand-delay: 40ms;--_et-fab-contents-padding: 0 var(--_et-fab-contents-gap) 0 0;--et-button-shadow: 0 .3rem .8rem rgb(0 0 0 / .2), 0 .1rem .3rem rgb(0 0 0 / .12);display:inline-flex;position:relative;align-items:center;background:var(--et-theme-color-primary);color:var(--et-theme-color-on-primary);border:none;border-radius:9999px;padding:0;overflow:hidden;height:var(--_et-fab-size, 4rem);font-size:var(--et-button-font-size);font-weight:var(--et-button-font-weight);box-shadow:var(--et-button-shadow);cursor:var(--et-button-cursor);text-decoration:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;line-height:var(--et-button-line-height);white-space:nowrap;flex-shrink:0}.et-fab[data-can-animate]{transition:background .12s ease,color .12s ease,box-shadow .12s ease,outline-color .12s ease}.et-fab:after{content:\"\";position:absolute;inset:0;box-sizing:border-box;border:0 solid transparent;border-radius:inherit;pointer-events:none;transition:background .12s ease}.et-fab:where([data-variant=filled]):hover:after{background:rgb(var(--et-theme-color-on-primary-rgb) / .08)}.et-fab:where([data-variant=filled]):focus-visible:after{background:rgb(var(--et-theme-color-on-primary-rgb) / .12)}.et-fab:where([data-variant=filled]):active:after{background:rgb(var(--et-theme-color-on-primary-rgb) / .16)}.et-fab:where([data-variant=filled]):focus-visible:active:after{background:rgb(var(--et-theme-color-on-primary-rgb) / .16)}.et-fab:where([data-size=xs]){--_et-fab-size: 2.8rem;--_et-fab-label-font-size: 1.2rem;--_et-fab-icon-size: 1.4rem;--_et-fab-contents-gap: .5rem}.et-fab:where([data-size=sm]){--_et-fab-size: 3.6rem;--_et-fab-label-font-size: 1.2rem;--_et-fab-icon-size: 1.8rem;--_et-fab-contents-gap: .6rem}.et-fab:where([data-size=md]){--_et-fab-size: 4rem;--_et-fab-label-font-size: 1.3rem;--_et-fab-icon-size: 2rem;--_et-fab-contents-gap: .8rem}.et-fab:where([data-size=lg]){--_et-fab-size: 4.8rem;--_et-fab-label-font-size: 1.4rem;--_et-fab-icon-size: 2.4rem;--_et-fab-contents-gap: 1rem}.et-fab:where([data-size=xl]){--_et-fab-size: 5.6rem;--_et-fab-label-font-size: 1.6rem;--_et-fab-icon-size: 2.8rem;--_et-fab-contents-gap: 1.2rem}.et-fab:hover{--et-button-shadow: 0 .6rem 1.2rem rgb(0 0 0 / .22), 0 .2rem .4rem rgb(0 0 0 / .14)}.et-fab:active{--et-button-shadow: 0 .2rem .6rem rgb(0 0 0 / .18), 0 .1rem .2rem rgb(0 0 0 / .1)}.et-fab:focus-visible:active{--et-button-shadow: 0 .2rem .6rem rgb(0 0 0 / .18), 0 .1rem .2rem rgb(0 0 0 / .1)}.et-fab:where([disabled]),.et-fab:where([aria-disabled=true]){opacity:var(--et-button-opacity-disabled);cursor:not-allowed;pointer-events:none}.et-fab:where([data-variant=outline]){--et-theme-color-primary-opacity: 0;--et-button-shadow: none;background:var(--et-theme-color-primary);color:var(--et-theme-color-ink-solid)}.et-fab:where([data-variant=outline]):after{border-width:var(--et-button-border-width, .1rem);border-color:var(--et-theme-color-ink-solid)}.et-fab:where([data-variant=outline]):hover{--et-theme-color-primary-opacity: .08;--et-button-shadow: none}.et-fab:where([data-variant=outline]):focus-visible{--et-theme-color-primary-opacity: .12}.et-fab:where([data-variant=outline]):active{--et-theme-color-primary-opacity: .16;--et-button-shadow: none}.et-fab:where([data-variant=outline]):focus-visible:active{--et-button-shadow: none}.et-fab:where([data-variant=tonal]){--et-theme-color-primary-opacity: .16;--et-button-shadow: none;background:var(--et-theme-color-primary);color:var(--et-theme-color-ink-solid)}.et-fab:where([data-variant=tonal]):hover{--et-theme-color-primary-opacity: .24;--et-button-shadow: none}.et-fab:where([data-variant=tonal]):focus-visible{--et-theme-color-primary-opacity: .28}.et-fab:where([data-variant=tonal]):active{--et-theme-color-primary-opacity: .32;--et-button-shadow: none}.et-fab:where([data-variant=tonal]):focus-visible:active{--et-button-shadow: none}.et-fab:where([data-variant=transparent]){--et-theme-color-primary-opacity: 0;--et-button-shadow: none;background:var(--et-theme-color-primary);color:var(--et-theme-color-ink-solid)}.et-fab:where([data-variant=transparent]):hover{--et-theme-color-primary-opacity: .08;--et-button-shadow: none}.et-fab:where([data-variant=transparent]):focus-visible{--et-theme-color-primary-opacity: .12}.et-fab:where([data-variant=transparent]):active{--et-theme-color-primary-opacity: .16;--et-button-shadow: none}.et-fab:where([data-variant=transparent]):focus-visible:active{--et-button-shadow: none}.et-fab[data-icon-alignment=end]{--_et-fab-contents-padding: 0 0 0 var(--_et-fab-contents-gap)}.et-fab .et-fab-icon{display:flex;align-items:center;justify-content:center;width:var(--_et-fab-size, 4rem);height:var(--_et-fab-size, 4rem);transition:opacity .12s ease}.et-fab .et-fab-icon .et-icon{width:var(--_et-fab-icon-size);height:var(--_et-fab-icon-size)}.et-fab .et-fab-contents{display:inline-grid;grid-template-columns:1fr;padding:var(--_et-fab-contents-padding);transition:opacity .12s ease,grid-template-columns var(--_et-fab-expand-duration) var(--_et-fab-expand-easing),padding var(--_et-fab-expand-duration) var(--_et-fab-expand-easing)}.et-fab .et-fab-contents .et-fab-contents-inner{min-width:0;opacity:1;white-space:nowrap;font-size:var(--_et-fab-label-font-size);transition:opacity var(--_et-fab-label-fade-duration) var(--_et-fab-expand-easing)}.et-fab:not([data-expanded=true]) .et-fab-contents{grid-template-columns:0fr;padding:0;pointer-events:none;transition:opacity .12s ease,grid-template-columns var(--_et-fab-collapse-duration) var(--_et-fab-collapse-easing),padding var(--_et-fab-collapse-duration) var(--_et-fab-collapse-easing)}.et-fab:not([data-expanded=true]) .et-fab-contents-inner{opacity:0;transition:opacity var(--_et-fab-label-fade-duration) var(--_et-fab-collapse-easing)}.et-fab[data-loading=true] .et-fab-icon,.et-fab[data-loading=true] .et-fab-contents{opacity:0}.et-fab[data-loading=true] .et-button-loader{opacity:1}\n"] }]
762
+ }, styles: [".et-fab{--_et-fab-expand-duration: .38s;--_et-fab-expand-easing: cubic-bezier(.22, .9, .3, 1);--_et-fab-collapse-duration: .22s;--_et-fab-collapse-easing: cubic-bezier(.4, 0, .2, 1);--_et-fab-label-fade-duration: .18s;--_et-fab-label-fade-expand-delay: 40ms;--_et-fab-contents-padding: 0 var(--_et-fab-contents-gap) 0 0;--et-button-shadow: 0 .3rem .8rem rgb(0 0 0 / .2), 0 .1rem .3rem rgb(0 0 0 / .12);display:inline-flex;position:relative;align-items:center;background:var(--et-theme-color-primary);color:var(--et-theme-color-on-primary);border:none;border-radius:9999px;padding:0;overflow:hidden;height:var(--_et-fab-size, 4rem);font-size:var(--et-button-font-size);font-weight:var(--et-button-font-weight);box-shadow:var(--et-button-shadow);cursor:var(--et-button-cursor);text-decoration:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;line-height:var(--et-button-line-height);white-space:nowrap;flex-shrink:0}.et-fab[data-can-animate]{transition:background .12s ease,color .12s ease,box-shadow .12s ease,outline-color .12s ease}.et-fab:after{content:\"\";position:absolute;inset:0;box-sizing:border-box;border:0 solid transparent;border-radius:inherit;pointer-events:none;transition:background .12s ease}.et-fab:where([data-variant=filled]):hover:after{background:rgb(var(--et-theme-color-on-primary-rgb) / .08)}.et-fab:where([data-variant=filled]):focus-visible:after{background:rgb(var(--et-theme-color-on-primary-rgb) / .12)}.et-fab:where([data-variant=filled]):active:after{background:rgb(var(--et-theme-color-on-primary-rgb) / .16)}.et-fab:where([data-variant=filled]):focus-visible:active:after{background:rgb(var(--et-theme-color-on-primary-rgb) / .16)}.et-fab:where([data-size=xs]){--_et-fab-size: 2.4rem;--_et-fab-label-font-size: 1.2rem;--_et-fab-icon-size: 1.4rem;--_et-fab-contents-gap: .5rem}.et-fab:where([data-size=sm]){--_et-fab-size: 3.1rem;--_et-fab-label-font-size: 1.2rem;--_et-fab-icon-size: 1.8rem;--_et-fab-contents-gap: .6rem}.et-fab:where([data-size=md]){--_et-fab-size: 3.9rem;--_et-fab-label-font-size: 1.3rem;--_et-fab-icon-size: 2rem;--_et-fab-contents-gap: .8rem}.et-fab:where([data-size=lg]){--_et-fab-size: 4.6rem;--_et-fab-label-font-size: 1.4rem;--_et-fab-icon-size: 2.4rem;--_et-fab-contents-gap: 1rem}.et-fab:where([data-size=xl]){--_et-fab-size: 5.7rem;--_et-fab-label-font-size: 1.6rem;--_et-fab-icon-size: 2.8rem;--_et-fab-contents-gap: 1.2rem}.et-fab:hover{--et-button-shadow: 0 .6rem 1.2rem rgb(0 0 0 / .22), 0 .2rem .4rem rgb(0 0 0 / .14)}.et-fab:active{--et-button-shadow: 0 .2rem .6rem rgb(0 0 0 / .18), 0 .1rem .2rem rgb(0 0 0 / .1)}.et-fab:focus-visible:active{--et-button-shadow: 0 .2rem .6rem rgb(0 0 0 / .18), 0 .1rem .2rem rgb(0 0 0 / .1)}.et-fab:where([disabled]),.et-fab:where([aria-disabled=true]){opacity:var(--et-button-opacity-disabled);cursor:not-allowed;pointer-events:none}.et-fab:where([data-variant=outline]){--et-theme-color-primary-opacity: 0;--et-button-shadow: none;background:var(--et-theme-color-primary);color:var(--et-theme-color-ink-solid)}.et-fab:where([data-variant=outline]):after{border-width:var(--et-button-border-width, .1rem);border-color:var(--et-theme-color-ink-solid)}.et-fab:where([data-variant=outline]):hover{--et-theme-color-primary-opacity: .08;--et-button-shadow: none}.et-fab:where([data-variant=outline]):focus-visible{--et-theme-color-primary-opacity: .12}.et-fab:where([data-variant=outline]):active{--et-theme-color-primary-opacity: .16;--et-button-shadow: none}.et-fab:where([data-variant=outline]):focus-visible:active{--et-button-shadow: none}.et-fab:where([data-variant=tonal]){--et-theme-color-primary-opacity: .16;--et-button-shadow: none;background:var(--et-theme-color-primary);color:var(--et-theme-color-ink-solid)}.et-fab:where([data-variant=tonal]):hover{--et-theme-color-primary-opacity: .24;--et-button-shadow: none}.et-fab:where([data-variant=tonal]):focus-visible{--et-theme-color-primary-opacity: .28}.et-fab:where([data-variant=tonal]):active{--et-theme-color-primary-opacity: .32;--et-button-shadow: none}.et-fab:where([data-variant=tonal]):focus-visible:active{--et-button-shadow: none}.et-fab:where([data-variant=transparent]){--et-theme-color-primary-opacity: 0;--et-button-shadow: none;background:var(--et-theme-color-primary);color:var(--et-theme-color-ink-solid)}.et-fab:where([data-variant=transparent]):hover{--et-theme-color-primary-opacity: .08;--et-button-shadow: none}.et-fab:where([data-variant=transparent]):focus-visible{--et-theme-color-primary-opacity: .12}.et-fab:where([data-variant=transparent]):active{--et-theme-color-primary-opacity: .16;--et-button-shadow: none}.et-fab:where([data-variant=transparent]):focus-visible:active{--et-button-shadow: none}.et-fab[data-icon-alignment=end]{--_et-fab-contents-padding: 0 0 0 var(--_et-fab-contents-gap)}.et-fab .et-fab-icon{display:flex;align-items:center;justify-content:center;width:var(--_et-fab-size, 4rem);height:var(--_et-fab-size, 4rem);transition:opacity .12s ease}.et-fab .et-fab-icon .et-icon{width:var(--_et-fab-icon-size);height:var(--_et-fab-icon-size)}.et-fab .et-fab-contents{display:inline-grid;grid-template-columns:1fr;padding:var(--_et-fab-contents-padding);transition:opacity .12s ease,grid-template-columns var(--_et-fab-expand-duration) var(--_et-fab-expand-easing),padding var(--_et-fab-expand-duration) var(--_et-fab-expand-easing)}.et-fab .et-fab-contents .et-fab-contents-inner{min-width:0;opacity:1;white-space:nowrap;font-size:var(--_et-fab-label-font-size);transition:opacity var(--_et-fab-label-fade-duration) var(--_et-fab-expand-easing)}.et-fab:not([data-expanded=true]) .et-fab-contents{grid-template-columns:0fr;padding:0;pointer-events:none;transition:opacity .12s ease,grid-template-columns var(--_et-fab-collapse-duration) var(--_et-fab-collapse-easing),padding var(--_et-fab-collapse-duration) var(--_et-fab-collapse-easing)}.et-fab:not([data-expanded=true]) .et-fab-contents-inner{opacity:0;transition:opacity var(--_et-fab-label-fade-duration) var(--_et-fab-collapse-easing)}.et-fab[data-loading=true] .et-fab-icon,.et-fab[data-loading=true] .et-fab-contents{opacity:0}.et-fab[data-loading=true] .et-button-loader{opacity:1}\n"] }]
763
763
  }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], iconAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconAlignment", required: false }] }] } });
764
764
 
765
765
  const PRESSED_VARIANT_MAP$1 = {
@@ -796,7 +796,7 @@ class IconButtonComponent {
796
796
  />
797
797
  </div>
798
798
  }
799
- `, isInline: true, styles: ["@property --_et-icon-button-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 20px;}.et-icon-button{display:inline-flex;position:relative;align-items:center;justify-content:center;background:var(--et-theme-color-primary);color:var(--et-theme-color-ink-solid);border:none;border-radius:9999px;padding:0;font-size:var(--et-button-font-size);cursor:var(--et-button-cursor);appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden;flex-shrink:0;--et-theme-color-primary-opacity: 0}.et-icon-button[data-can-animate]{transition:background .12s ease,color .12s ease,box-shadow .12s ease,outline-color .12s ease,opacity .12s ease}.et-icon-button:where([data-size=xs]){width:2.8rem;height:2.8rem;--_et-icon-button-icon-size: 1.4rem}.et-icon-button:where([data-size=sm]){width:3.6rem;height:3.6rem;--_et-icon-button-icon-size: 1.8rem}.et-icon-button:where([data-size=md]){width:4rem;height:4rem;--_et-icon-button-icon-size: 2rem}.et-icon-button:where([data-size=lg]){width:4.8rem;height:4.8rem;--_et-icon-button-icon-size: 2.4rem}.et-icon-button:where([data-size=xl]){width:5.6rem;height:5.6rem;--_et-icon-button-icon-size: 2.8rem}.et-icon-button:where([disabled]),.et-icon-button:where([aria-disabled=true]){opacity:var(--et-button-opacity-disabled);cursor:not-allowed;pointer-events:none}.et-icon-button:where([data-variant=filled]){--et-theme-color-primary-opacity: 1;color:var(--et-theme-color-on-primary)}.et-icon-button:where([data-variant=filled]):hover{--et-theme-color-primary-opacity: .92}.et-icon-button:where([data-variant=filled]):focus-visible{--et-theme-color-primary-opacity: .88}.et-icon-button:where([data-variant=filled]):active{--et-theme-color-primary-opacity: .84}.et-icon-button:where([data-variant=outline]){--et-theme-color-primary-opacity: 0;border:var(--et-button-border-width, .1rem) solid var(--et-theme-color-ink-solid)}.et-icon-button:where([data-variant=outline]):hover{--et-theme-color-primary-opacity: .08}.et-icon-button:where([data-variant=outline]):focus-visible{--et-theme-color-primary-opacity: .12}.et-icon-button:where([data-variant=outline]):active{--et-theme-color-primary-opacity: .16}.et-icon-button:where([data-variant=tonal]){--et-theme-color-primary-opacity: .16}.et-icon-button:where([data-variant=tonal]):hover{--et-theme-color-primary-opacity: .24}.et-icon-button:where([data-variant=tonal]):focus-visible{--et-theme-color-primary-opacity: .28}.et-icon-button:where([data-variant=tonal]):active{--et-theme-color-primary-opacity: .32}.et-icon-button:where([data-variant=transparent]){--et-theme-color-primary-opacity: 0}.et-icon-button:where([data-variant=transparent]):hover{--et-theme-color-primary-opacity: .08}.et-icon-button:where([data-variant=transparent]):focus-visible{--et-theme-color-primary-opacity: .12}.et-icon-button:where([data-variant=transparent]):active{--et-theme-color-primary-opacity: .16}.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]){--et-theme-color-primary-opacity: .16}.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]):hover{--et-theme-color-primary-opacity: .24}.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]):focus-visible{--et-theme-color-primary-opacity: .28}.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]):active{--et-theme-color-primary-opacity: .32}.et-icon-button[data-pressed=true]:where([data-pressed-variant=tonal]){--et-theme-color-primary-opacity: .16}.et-icon-button[data-pressed=true]:where([data-pressed-variant=tonal]):hover{--et-theme-color-primary-opacity: .24}.et-icon-button[data-pressed=true]:where([data-pressed-variant=tonal]):focus-visible{--et-theme-color-primary-opacity: .28}.et-icon-button[data-pressed=true]:where([data-pressed-variant=tonal]):active{--et-theme-color-primary-opacity: .32}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]){--et-theme-color-primary-opacity: 1;color:var(--et-theme-color-on-primary)}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]):hover{--et-theme-color-primary-opacity: .92}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]):focus-visible{--et-theme-color-primary-opacity: .88}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]):active{--et-theme-color-primary-opacity: .84}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]){color:currentColor}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=filled]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 32%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=filled]):hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 40%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=filled]):focus-visible{background:color-mix(in srgb,var(--et-surface-interaction-solid) 44%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=filled]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 48%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=outline]){background:transparent;border-color:var(--et-surface-interaction-solid)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=outline]):hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 12%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=outline]):focus-visible{background:color-mix(in srgb,var(--et-surface-interaction-solid) 16%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=outline]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 20%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=tonal]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 16%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=tonal]):hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 24%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=tonal]):focus-visible{background:color-mix(in srgb,var(--et-surface-interaction-solid) 28%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=tonal]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 32%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=transparent]){background:transparent}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=transparent]):hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 12%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=transparent]):focus-visible{background:color-mix(in srgb,var(--et-surface-interaction-solid) 16%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=transparent]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 20%,transparent)}.et-icon-button .et-icon-button-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .12s ease}.et-icon-button .et-icon-button-icon .et-icon{width:var(--_et-icon-button-icon-size);height:var(--_et-icon-button-icon-size)}.et-icon-button[data-loading=true] .et-icon-button-icon{opacity:0}.et-icon-button[data-loading=true] .et-button-loader{opacity:1}\n"], dependencies: [{ kind: "component", type: SpinnerComponent, selector: "et-spinner", inputs: ["diameter", "strokeWidth", "track", "value", "determinate"] }], encapsulation: i0.ViewEncapsulation.None }); }
799
+ `, isInline: true, styles: ["@property --_et-icon-button-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 20px;}.et-icon-button{display:inline-flex;position:relative;align-items:center;justify-content:center;background:var(--et-theme-color-primary);color:var(--et-theme-color-ink-solid);border:none;border-radius:9999px;padding:0;font-size:var(--et-button-font-size);cursor:var(--et-button-cursor);appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden;flex-shrink:0;--et-theme-color-primary-opacity: 0}.et-icon-button[data-can-animate]{transition:background .12s ease,color .12s ease,box-shadow .12s ease,outline-color .12s ease,opacity .12s ease}.et-icon-button:where([data-size=xs]){width:2.4rem;height:2.4rem;--_et-icon-button-icon-size: 1.4rem}.et-icon-button:where([data-size=sm]){width:3.1rem;height:3.1rem;--_et-icon-button-icon-size: 1.8rem}.et-icon-button:where([data-size=md]){width:3.9rem;height:3.9rem;--_et-icon-button-icon-size: 2rem}.et-icon-button:where([data-size=lg]){width:4.6rem;height:4.6rem;--_et-icon-button-icon-size: 2.4rem}.et-icon-button:where([data-size=xl]){width:5.7rem;height:5.7rem;--_et-icon-button-icon-size: 2.8rem}.et-icon-button:where([disabled]),.et-icon-button:where([aria-disabled=true]){opacity:var(--et-button-opacity-disabled);cursor:not-allowed;pointer-events:none}.et-icon-button:where([data-variant=filled]){--et-theme-color-primary-opacity: 1;color:var(--et-theme-color-on-primary)}.et-icon-button:where([data-variant=filled]):hover{--et-theme-color-primary-opacity: .92}.et-icon-button:where([data-variant=filled]):focus-visible{--et-theme-color-primary-opacity: .88}.et-icon-button:where([data-variant=filled]):active{--et-theme-color-primary-opacity: .84}.et-icon-button:where([data-variant=outline]){--et-theme-color-primary-opacity: 0;border:var(--et-button-border-width, .1rem) solid var(--et-theme-color-ink-solid)}.et-icon-button:where([data-variant=outline]):hover{--et-theme-color-primary-opacity: .08}.et-icon-button:where([data-variant=outline]):focus-visible{--et-theme-color-primary-opacity: .12}.et-icon-button:where([data-variant=outline]):active{--et-theme-color-primary-opacity: .16}.et-icon-button:where([data-variant=tonal]){--et-theme-color-primary-opacity: .16}.et-icon-button:where([data-variant=tonal]):hover{--et-theme-color-primary-opacity: .24}.et-icon-button:where([data-variant=tonal]):focus-visible{--et-theme-color-primary-opacity: .28}.et-icon-button:where([data-variant=tonal]):active{--et-theme-color-primary-opacity: .32}.et-icon-button:where([data-variant=transparent]){--et-theme-color-primary-opacity: 0}.et-icon-button:where([data-variant=transparent]):hover{--et-theme-color-primary-opacity: .08}.et-icon-button:where([data-variant=transparent]):focus-visible{--et-theme-color-primary-opacity: .12}.et-icon-button:where([data-variant=transparent]):active{--et-theme-color-primary-opacity: .16}.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]){--et-theme-color-primary-opacity: .16}.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]):hover{--et-theme-color-primary-opacity: .24}.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]):focus-visible{--et-theme-color-primary-opacity: .28}.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]):active{--et-theme-color-primary-opacity: .32}.et-icon-button[data-pressed=true]:where([data-pressed-variant=tonal]){--et-theme-color-primary-opacity: .16}.et-icon-button[data-pressed=true]:where([data-pressed-variant=tonal]):hover{--et-theme-color-primary-opacity: .24}.et-icon-button[data-pressed=true]:where([data-pressed-variant=tonal]):focus-visible{--et-theme-color-primary-opacity: .28}.et-icon-button[data-pressed=true]:where([data-pressed-variant=tonal]):active{--et-theme-color-primary-opacity: .32}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]){--et-theme-color-primary-opacity: 1;color:var(--et-theme-color-on-primary)}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]):hover{--et-theme-color-primary-opacity: .92}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]):focus-visible{--et-theme-color-primary-opacity: .88}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]):active{--et-theme-color-primary-opacity: .84}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]){color:currentColor}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=filled]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 32%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=filled]):hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 40%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=filled]):focus-visible{background:color-mix(in srgb,var(--et-surface-interaction-solid) 44%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=filled]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 48%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=outline]){background:transparent;border-color:var(--et-surface-interaction-solid)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=outline]):hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 12%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=outline]):focus-visible{background:color-mix(in srgb,var(--et-surface-interaction-solid) 16%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=outline]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 20%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=tonal]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 16%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=tonal]):hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 24%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=tonal]):focus-visible{background:color-mix(in srgb,var(--et-surface-interaction-solid) 28%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=tonal]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 32%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=transparent]){background:transparent}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=transparent]):hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 12%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=transparent]):focus-visible{background:color-mix(in srgb,var(--et-surface-interaction-solid) 16%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=transparent]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 20%,transparent)}.et-icon-button .et-icon-button-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .12s ease}.et-icon-button .et-icon-button-icon .et-icon{width:var(--_et-icon-button-icon-size);height:var(--_et-icon-button-icon-size)}.et-icon-button[data-loading=true] .et-icon-button-icon{opacity:0}.et-icon-button[data-loading=true] .et-button-loader{opacity:1}\n"], dependencies: [{ kind: "component", type: SpinnerComponent, selector: "et-spinner", inputs: ["diameter", "strokeWidth", "track", "value", "determinate"] }], encapsulation: i0.ViewEncapsulation.None }); }
800
800
  }
801
801
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IconButtonComponent, decorators: [{
802
802
  type: Component,
@@ -832,7 +832,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
832
832
  '[attr.data-size]': 'size()',
833
833
  '[attr.data-pressed-variant]': 'pressedVariant()',
834
834
  '[attr.data-can-animate]': 'canAnimate.state() || null',
835
- }, styles: ["@property --_et-icon-button-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 20px;}.et-icon-button{display:inline-flex;position:relative;align-items:center;justify-content:center;background:var(--et-theme-color-primary);color:var(--et-theme-color-ink-solid);border:none;border-radius:9999px;padding:0;font-size:var(--et-button-font-size);cursor:var(--et-button-cursor);appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden;flex-shrink:0;--et-theme-color-primary-opacity: 0}.et-icon-button[data-can-animate]{transition:background .12s ease,color .12s ease,box-shadow .12s ease,outline-color .12s ease,opacity .12s ease}.et-icon-button:where([data-size=xs]){width:2.8rem;height:2.8rem;--_et-icon-button-icon-size: 1.4rem}.et-icon-button:where([data-size=sm]){width:3.6rem;height:3.6rem;--_et-icon-button-icon-size: 1.8rem}.et-icon-button:where([data-size=md]){width:4rem;height:4rem;--_et-icon-button-icon-size: 2rem}.et-icon-button:where([data-size=lg]){width:4.8rem;height:4.8rem;--_et-icon-button-icon-size: 2.4rem}.et-icon-button:where([data-size=xl]){width:5.6rem;height:5.6rem;--_et-icon-button-icon-size: 2.8rem}.et-icon-button:where([disabled]),.et-icon-button:where([aria-disabled=true]){opacity:var(--et-button-opacity-disabled);cursor:not-allowed;pointer-events:none}.et-icon-button:where([data-variant=filled]){--et-theme-color-primary-opacity: 1;color:var(--et-theme-color-on-primary)}.et-icon-button:where([data-variant=filled]):hover{--et-theme-color-primary-opacity: .92}.et-icon-button:where([data-variant=filled]):focus-visible{--et-theme-color-primary-opacity: .88}.et-icon-button:where([data-variant=filled]):active{--et-theme-color-primary-opacity: .84}.et-icon-button:where([data-variant=outline]){--et-theme-color-primary-opacity: 0;border:var(--et-button-border-width, .1rem) solid var(--et-theme-color-ink-solid)}.et-icon-button:where([data-variant=outline]):hover{--et-theme-color-primary-opacity: .08}.et-icon-button:where([data-variant=outline]):focus-visible{--et-theme-color-primary-opacity: .12}.et-icon-button:where([data-variant=outline]):active{--et-theme-color-primary-opacity: .16}.et-icon-button:where([data-variant=tonal]){--et-theme-color-primary-opacity: .16}.et-icon-button:where([data-variant=tonal]):hover{--et-theme-color-primary-opacity: .24}.et-icon-button:where([data-variant=tonal]):focus-visible{--et-theme-color-primary-opacity: .28}.et-icon-button:where([data-variant=tonal]):active{--et-theme-color-primary-opacity: .32}.et-icon-button:where([data-variant=transparent]){--et-theme-color-primary-opacity: 0}.et-icon-button:where([data-variant=transparent]):hover{--et-theme-color-primary-opacity: .08}.et-icon-button:where([data-variant=transparent]):focus-visible{--et-theme-color-primary-opacity: .12}.et-icon-button:where([data-variant=transparent]):active{--et-theme-color-primary-opacity: .16}.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]){--et-theme-color-primary-opacity: .16}.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]):hover{--et-theme-color-primary-opacity: .24}.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]):focus-visible{--et-theme-color-primary-opacity: .28}.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]):active{--et-theme-color-primary-opacity: .32}.et-icon-button[data-pressed=true]:where([data-pressed-variant=tonal]){--et-theme-color-primary-opacity: .16}.et-icon-button[data-pressed=true]:where([data-pressed-variant=tonal]):hover{--et-theme-color-primary-opacity: .24}.et-icon-button[data-pressed=true]:where([data-pressed-variant=tonal]):focus-visible{--et-theme-color-primary-opacity: .28}.et-icon-button[data-pressed=true]:where([data-pressed-variant=tonal]):active{--et-theme-color-primary-opacity: .32}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]){--et-theme-color-primary-opacity: 1;color:var(--et-theme-color-on-primary)}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]):hover{--et-theme-color-primary-opacity: .92}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]):focus-visible{--et-theme-color-primary-opacity: .88}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]):active{--et-theme-color-primary-opacity: .84}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]){color:currentColor}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=filled]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 32%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=filled]):hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 40%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=filled]):focus-visible{background:color-mix(in srgb,var(--et-surface-interaction-solid) 44%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=filled]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 48%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=outline]){background:transparent;border-color:var(--et-surface-interaction-solid)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=outline]):hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 12%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=outline]):focus-visible{background:color-mix(in srgb,var(--et-surface-interaction-solid) 16%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=outline]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 20%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=tonal]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 16%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=tonal]):hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 24%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=tonal]):focus-visible{background:color-mix(in srgb,var(--et-surface-interaction-solid) 28%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=tonal]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 32%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=transparent]){background:transparent}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=transparent]):hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 12%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=transparent]):focus-visible{background:color-mix(in srgb,var(--et-surface-interaction-solid) 16%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=transparent]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 20%,transparent)}.et-icon-button .et-icon-button-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .12s ease}.et-icon-button .et-icon-button-icon .et-icon{width:var(--_et-icon-button-icon-size);height:var(--_et-icon-button-icon-size)}.et-icon-button[data-loading=true] .et-icon-button-icon{opacity:0}.et-icon-button[data-loading=true] .et-button-loader{opacity:1}\n"] }]
835
+ }, styles: ["@property --_et-icon-button-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 20px;}.et-icon-button{display:inline-flex;position:relative;align-items:center;justify-content:center;background:var(--et-theme-color-primary);color:var(--et-theme-color-ink-solid);border:none;border-radius:9999px;padding:0;font-size:var(--et-button-font-size);cursor:var(--et-button-cursor);appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden;flex-shrink:0;--et-theme-color-primary-opacity: 0}.et-icon-button[data-can-animate]{transition:background .12s ease,color .12s ease,box-shadow .12s ease,outline-color .12s ease,opacity .12s ease}.et-icon-button:where([data-size=xs]){width:2.4rem;height:2.4rem;--_et-icon-button-icon-size: 1.4rem}.et-icon-button:where([data-size=sm]){width:3.1rem;height:3.1rem;--_et-icon-button-icon-size: 1.8rem}.et-icon-button:where([data-size=md]){width:3.9rem;height:3.9rem;--_et-icon-button-icon-size: 2rem}.et-icon-button:where([data-size=lg]){width:4.6rem;height:4.6rem;--_et-icon-button-icon-size: 2.4rem}.et-icon-button:where([data-size=xl]){width:5.7rem;height:5.7rem;--_et-icon-button-icon-size: 2.8rem}.et-icon-button:where([disabled]),.et-icon-button:where([aria-disabled=true]){opacity:var(--et-button-opacity-disabled);cursor:not-allowed;pointer-events:none}.et-icon-button:where([data-variant=filled]){--et-theme-color-primary-opacity: 1;color:var(--et-theme-color-on-primary)}.et-icon-button:where([data-variant=filled]):hover{--et-theme-color-primary-opacity: .92}.et-icon-button:where([data-variant=filled]):focus-visible{--et-theme-color-primary-opacity: .88}.et-icon-button:where([data-variant=filled]):active{--et-theme-color-primary-opacity: .84}.et-icon-button:where([data-variant=outline]){--et-theme-color-primary-opacity: 0;border:var(--et-button-border-width, .1rem) solid var(--et-theme-color-ink-solid)}.et-icon-button:where([data-variant=outline]):hover{--et-theme-color-primary-opacity: .08}.et-icon-button:where([data-variant=outline]):focus-visible{--et-theme-color-primary-opacity: .12}.et-icon-button:where([data-variant=outline]):active{--et-theme-color-primary-opacity: .16}.et-icon-button:where([data-variant=tonal]){--et-theme-color-primary-opacity: .16}.et-icon-button:where([data-variant=tonal]):hover{--et-theme-color-primary-opacity: .24}.et-icon-button:where([data-variant=tonal]):focus-visible{--et-theme-color-primary-opacity: .28}.et-icon-button:where([data-variant=tonal]):active{--et-theme-color-primary-opacity: .32}.et-icon-button:where([data-variant=transparent]){--et-theme-color-primary-opacity: 0}.et-icon-button:where([data-variant=transparent]):hover{--et-theme-color-primary-opacity: .08}.et-icon-button:where([data-variant=transparent]):focus-visible{--et-theme-color-primary-opacity: .12}.et-icon-button:where([data-variant=transparent]):active{--et-theme-color-primary-opacity: .16}.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]){--et-theme-color-primary-opacity: .16}.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]):hover{--et-theme-color-primary-opacity: .24}.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]):focus-visible{--et-theme-color-primary-opacity: .28}.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]):active{--et-theme-color-primary-opacity: .32}.et-icon-button[data-pressed=true]:where([data-pressed-variant=tonal]){--et-theme-color-primary-opacity: .16}.et-icon-button[data-pressed=true]:where([data-pressed-variant=tonal]):hover{--et-theme-color-primary-opacity: .24}.et-icon-button[data-pressed=true]:where([data-pressed-variant=tonal]):focus-visible{--et-theme-color-primary-opacity: .28}.et-icon-button[data-pressed=true]:where([data-pressed-variant=tonal]):active{--et-theme-color-primary-opacity: .32}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]){--et-theme-color-primary-opacity: 1;color:var(--et-theme-color-on-primary)}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]):hover{--et-theme-color-primary-opacity: .92}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]):focus-visible{--et-theme-color-primary-opacity: .88}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]):active{--et-theme-color-primary-opacity: .84}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]){color:currentColor}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=filled]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 32%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=filled]):hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 40%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=filled]):focus-visible{background:color-mix(in srgb,var(--et-surface-interaction-solid) 44%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=filled]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 48%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=outline]){background:transparent;border-color:var(--et-surface-interaction-solid)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=outline]):hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 12%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=outline]):focus-visible{background:color-mix(in srgb,var(--et-surface-interaction-solid) 16%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=outline]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 20%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=tonal]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 16%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=tonal]):hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 24%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=tonal]):focus-visible{background:color-mix(in srgb,var(--et-surface-interaction-solid) 28%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=tonal]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 32%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=transparent]){background:transparent}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=transparent]):hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--et-surface-interaction-solid) 12%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=transparent]):focus-visible{background:color-mix(in srgb,var(--et-surface-interaction-solid) 16%,transparent)}.et-icon-button[data-muted-until-pressed]:not([data-pressed=true]):where([data-variant=transparent]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 20%,transparent)}.et-icon-button .et-icon-button-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .12s ease}.et-icon-button .et-icon-button-icon .et-icon{width:var(--_et-icon-button-icon-size);height:var(--_et-icon-button-icon-size)}.et-icon-button[data-loading=true] .et-icon-button-icon{opacity:0}.et-icon-button[data-loading=true] .et-button-loader{opacity:1}\n"] }]
836
836
  }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
837
837
 
838
838
  class SplitButtonComponent {
@@ -7728,14 +7728,14 @@ class OverlayContainerComponent {
7728
7728
  this.destroyRef.onDestroy(() => this.contentComponentRef()?.destroy());
7729
7729
  }
7730
7730
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: OverlayContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
7731
- 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 }, componentBindings: { classPropertyName: "componentBindings", publicName: "componentBindings", 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-columns:minmax(0,1fr);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) );--_et-overlay-arrow-clip: calc( var(--_et-overlay-arrow-size) - var(--_et-overlay-arrow-overlap) - 2 * var(--_et-overlay-arrow-border-width) );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)}.et-force-invisible .et-overlay-arrow:before{visibility:hidden}[data-overlay-placement^=top]>.et-overlay-arrow{bottom:calc(var(--_et-overlay-arrow-overlap) * -1);left:0;clip-path:inset(var(--_et-overlay-arrow-clip) -100% -100% -100%)}[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;clip-path:inset(-100% var(--_et-overlay-arrow-clip) -100% -100%)}[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;clip-path:inset(-100% -100% var(--_et-overlay-arrow-clip) -100%)}[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;clip-path:inset(-100% -100% -100% var(--_et-overlay-arrow-clip))}[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 }); }
7731
+ 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 }, componentBindings: { classPropertyName: "componentBindings", publicName: "componentBindings", 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-columns:minmax(0,1fr);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, var(--et-surface-border-solid, rgb(255 255 255 / .1))) );--_et-overlay-arrow-clip: calc( var(--_et-overlay-arrow-size) - var(--_et-overlay-arrow-overlap) - 2 * var(--_et-overlay-arrow-border-width) );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, var(--et-surface-background-solid, var(--et-surface-2, rgb(32 32 32))) );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)}.et-force-invisible .et-overlay-arrow:before{visibility:hidden}[data-overlay-placement^=top]>.et-overlay-arrow{bottom:calc(var(--_et-overlay-arrow-overlap) * -1);left:0;clip-path:inset(var(--_et-overlay-arrow-clip) -100% -100% -100%)}[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;clip-path:inset(-100% var(--_et-overlay-arrow-clip) -100% -100%)}[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;clip-path:inset(-100% -100% var(--_et-overlay-arrow-clip) -100%)}[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;clip-path:inset(-100% -100% -100% var(--_et-overlay-arrow-clip))}[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 }); }
7732
7732
  }
7733
7733
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: OverlayContainerComponent, decorators: [{
7734
7734
  type: Component,
7735
7735
  args: [{ selector: 'et-overlay-container', encapsulation: ViewEncapsulation.None, providers: [provideBoundaryElement()], hostDirectives: [AnimatedLifecycleDirective, ProvideColorDirective, ProvideSurfaceDirective], host: {
7736
7736
  class: 'et-overlay',
7737
7737
  '[class.et-with-default-animation]': '!overlayRef.config.customAnimated',
7738
- }, 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-columns:minmax(0,1fr);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) );--_et-overlay-arrow-clip: calc( var(--_et-overlay-arrow-size) - var(--_et-overlay-arrow-overlap) - 2 * var(--_et-overlay-arrow-border-width) );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)}.et-force-invisible .et-overlay-arrow:before{visibility:hidden}[data-overlay-placement^=top]>.et-overlay-arrow{bottom:calc(var(--_et-overlay-arrow-overlap) * -1);left:0;clip-path:inset(var(--_et-overlay-arrow-clip) -100% -100% -100%)}[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;clip-path:inset(-100% var(--_et-overlay-arrow-clip) -100% -100%)}[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;clip-path:inset(-100% -100% var(--_et-overlay-arrow-clip) -100%)}[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;clip-path:inset(-100% -100% -100% var(--_et-overlay-arrow-clip))}[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"] }]
7738
+ }, 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-columns:minmax(0,1fr);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, var(--et-surface-border-solid, rgb(255 255 255 / .1))) );--_et-overlay-arrow-clip: calc( var(--_et-overlay-arrow-size) - var(--_et-overlay-arrow-overlap) - 2 * var(--_et-overlay-arrow-border-width) );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, var(--et-surface-background-solid, var(--et-surface-2, rgb(32 32 32))) );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)}.et-force-invisible .et-overlay-arrow:before{visibility:hidden}[data-overlay-placement^=top]>.et-overlay-arrow{bottom:calc(var(--_et-overlay-arrow-overlap) * -1);left:0;clip-path:inset(var(--_et-overlay-arrow-clip) -100% -100% -100%)}[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;clip-path:inset(-100% var(--_et-overlay-arrow-clip) -100% -100%)}[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;clip-path:inset(-100% -100% var(--_et-overlay-arrow-clip) -100%)}[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;clip-path:inset(-100% -100% -100% var(--_et-overlay-arrow-clip))}[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"] }]
7739
7739
  }], ctorParameters: () => [], propDecorators: { component: [{ type: i0.Input, args: [{ isSignal: true, alias: "component", required: true }] }], componentBindings: [{ type: i0.Input, args: [{ isSignal: true, alias: "componentBindings", required: false }] }], renderArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderArrow", required: false }] }], contentOutlet: [{ type: i0.ViewChild, args: ['contentOutlet', { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
7740
7740
 
7741
7741
  const isHtmlElement = (element) => element instanceof HTMLElement;
@@ -11182,13 +11182,13 @@ class MenuComponent {
11182
11182
  this.resizeAnimation = animation;
11183
11183
  }
11184
11184
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
11185
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: MenuComponent, isStandalone: true, selector: "et-menu", host: { classAttribute: "et-menu" }, viewQueries: [{ propertyName: "headerElement", first: true, predicate: ["menuHeader"], descendants: true, isSignal: true }, { propertyName: "bodyElement", first: true, predicate: ["menuBody"], descendants: true, isSignal: true }], hostDirectives: [{ directive: MenuPanelDirective }, { directive: i1.ProvideColorDirective }, { directive: i1.AutoSurfaceDirective }], ngImport: i0, template: "<div #menuHeader class=\"et-menu-header\">\n <div class=\"et-menu-search-field\">\n <ng-content select=\"input[etMenuSearch]\" />\n\n @if (searchLoading()) {\n <et-spinner class=\"et-menu-search-spinner\" diameter=\"16\" />\n }\n </div>\n\n @if (searchError(); as error) {\n <p [id]=\"searchErrorId\" [etProvideColor]=\"errorColorTheme\" class=\"et-menu-search-error\" role=\"alert\">\n {{ error }}\n </p>\n }\n</div>\n\n<div #menuBody class=\"et-menu-body\">\n <ng-content />\n</div>\n", styles: ["@property --et-menu-min-width{syntax: \"<length>\"; inherits: false; initial-value: 180px;}@property --et-menu-max-height{syntax: \"<length-percentage>\"; inherits: false; initial-value: 40vh;}@property --et-menu-padding-block{syntax: \"<length>\"; inherits: false; initial-value: 6px;}@property --et-menu-padding-inline{syntax: \"<length>\"; inherits: false; initial-value: 6px;}@property --et-menu-item-height{syntax: \"<length>\"; inherits: true; initial-value: 36px;}@property --et-menu-item-padding-inline{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-menu-item-gap{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-menu-item-border-radius{syntax: \"<length>\"; inherits: true; initial-value: 6px;}@property --et-menu-item-font-size{syntax: \"<length>\"; inherits: true; initial-value: 14px;}@property --et-menu-item-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}@property --et-menu-separator-margin-block{syntax: \"<length>\"; inherits: false; initial-value: 6px;}@property --et-menu-group-label-font-size{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-menu-search-height{syntax: \"<length>\"; inherits: false; initial-value: 36px;}.et-overlay.et-overlay--menu{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: var(--et-surface-border-solid, rgb(255 255 255 / .1))}.et-menu{--_et-menu-background: var(--et-surface-background-solid, var(--et-surface-2, rgb(32 32 32)));--_et-menu-color: var(--et-surface-color-solid, var(--et-color-main-contrast, rgb(244 244 245)));--_et-menu-border: var(--et-surface-border-solid, rgb(255 255 255 / .1));--_et-menu-shadow: 0 10px 24px rgb(0 0 0 / .16);--_et-menu-radius: 10px;--_et-menu-item-active-background: color-mix( in srgb, var(--et-surface-interaction-solid, rgb(255 255 255)) 12%, transparent );--_et-menu-item-pressed-background: color-mix( in srgb, var(--et-surface-interaction-solid, rgb(255 255 255)) 20%, transparent );--_et-menu-muted-color: var(--et-surface-color-muted-solid, rgb(255 255 255 / .55));--_et-menu-separator-color: var(--et-surface-border-solid, rgb(255 255 255 / .1));display:block;min-inline-size:var(--et-menu-min-width);max-inline-size:min(320px,calc(100vw - 24px));border-radius:var(--_et-menu-radius);border:1px solid var(--_et-menu-border);background:var(--_et-menu-background);color:var(--_et-menu-color);font-family:var(--et-font-family, inherit);font-size:var(--et-menu-item-font-size);box-shadow:var(--_et-menu-shadow);outline:none}.et-menu.et-menu--resizing{overflow:clip}.et-menu .et-menu-header{padding:var(--et-menu-padding-block) var(--et-menu-padding-inline) 0;contain:inline-size}.et-menu .et-menu-header:not(:has(input[etmenusearch])){display:none}.et-menu .et-menu-header .et-menu-search-field{position:relative}.et-menu .et-menu-header .et-menu-search-field:has(.et-menu-search-spinner) input[etmenusearch]{padding-inline-end:calc(var(--et-menu-item-padding-inline) + 22px)}.et-menu .et-menu-header .et-menu-search-spinner{position:absolute;inset-block-start:50%;inset-inline-end:10px;translate:0 -50%;color:var(--_et-menu-muted-color)}.et-menu .et-menu-header .et-menu-search-error{margin:6px 2px 0;font-size:12px;color:var(--et-theme-color-primary-solid, rgb(248 113 113))}.et-menu .et-menu-header input[etmenusearch]{inline-size:100%;block-size:var(--et-menu-search-height);padding-inline:var(--et-menu-item-padding-inline);border-radius:var(--et-menu-item-border-radius);border:1px solid var(--_et-menu-border);background:color-mix(in srgb,var(--et-surface-interaction-solid, rgb(255 255 255)) 6%,transparent);color:inherit;font:inherit;outline:none;box-sizing:border-box;transition:border-color .12s ease,background .12s ease}.et-menu .et-menu-header input[etmenusearch]:focus-visible{border-color:var(--et-theme-color-primary-solid, rgb(255 255 255 / .3))}.et-menu .et-menu-header input[etmenusearch]::placeholder{color:var(--_et-menu-muted-color)}.et-menu .et-menu-body{max-block-size:var(--et-menu-max-height, var(--et-overlay-max-height));padding:var(--et-menu-padding-block) var(--et-menu-padding-inline);overflow-y:auto;overscroll-behavior:contain}.et-menu .et-menu-group{display:block}.et-menu .et-menu-item{display:flex;align-items:center;gap:var(--et-menu-item-gap);inline-size:100%;min-block-size:var(--et-menu-item-height);padding-inline:var(--et-menu-item-padding-inline);border:none;border-radius:var(--et-menu-item-border-radius);background:transparent;color:inherit;font:inherit;text-align:start;text-decoration:none;cursor:pointer;outline:none;box-sizing:border-box;transition:background .12s ease,color .12s ease,opacity .12s ease}.et-menu .et-menu-item[data-active]:where(:hover,:focus-visible),.et-menu .et-menu-item[data-menu-open]{background:var(--_et-menu-item-active-background)}.et-menu .et-menu-item:active:not([aria-disabled=true]){background:var(--_et-menu-item-pressed-background)}.et-menu .et-menu-item[aria-disabled=true]{opacity:.4;cursor:default}.et-menu .et-menu-item[data-variant=destructive]{color:var(--et-theme-color-primary-solid, rgb(248 113 113))}.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-leave-to{opacity:0}.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-enter-active{transition:transform .14s ease,opacity .14s ease}.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-leave-active{transition:transform .1s ease,opacity .1s ease}.et-overlay--menu[data-overlay-placement^=top].et-animation-enter-from,.et-overlay--menu[data-overlay-placement^=top].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(.3rem)!important}.et-overlay--menu[data-overlay-placement^=bottom].et-animation-enter-from,.et-overlay--menu[data-overlay-placement^=bottom].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(-.3rem)!important}.et-overlay--menu[data-overlay-placement^=right].et-animation-enter-from,.et-overlay--menu[data-overlay-placement^=right].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(-.3rem)!important}.et-overlay--menu[data-overlay-placement^=left].et-animation-enter-from,.et-overlay--menu[data-overlay-placement^=left].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(.3rem)!important}@media(prefers-reduced-motion:reduce){.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-enter-active,.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-leave-active{transition-duration:0ms}.et-overlay--menu[data-overlay-placement].et-animation-enter-from,.et-overlay--menu[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: ProvideColorDirective, selector: "[etProvideColor]", inputs: ["etProvideColor"] }, { kind: "component", type: SpinnerComponent, selector: "et-spinner", inputs: ["diameter", "strokeWidth", "track", "value", "determinate"] }], encapsulation: i0.ViewEncapsulation.None }); }
11185
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: MenuComponent, isStandalone: true, selector: "et-menu", host: { classAttribute: "et-menu" }, viewQueries: [{ propertyName: "headerElement", first: true, predicate: ["menuHeader"], descendants: true, isSignal: true }, { propertyName: "bodyElement", first: true, predicate: ["menuBody"], descendants: true, isSignal: true }], hostDirectives: [{ directive: MenuPanelDirective }, { directive: i1.ProvideColorDirective }, { directive: i1.AutoSurfaceDirective }], ngImport: i0, template: "<div #menuHeader class=\"et-menu-header\">\n <div class=\"et-menu-search-field\">\n <ng-content select=\"input[etMenuSearch]\" />\n\n @if (searchLoading()) {\n <et-spinner class=\"et-menu-search-spinner\" diameter=\"16\" />\n }\n </div>\n\n @if (searchError(); as error) {\n <p [id]=\"searchErrorId\" [etProvideColor]=\"errorColorTheme\" class=\"et-menu-search-error\" role=\"alert\">\n {{ error }}\n </p>\n }\n</div>\n\n<div #menuBody class=\"et-menu-body\">\n <ng-content />\n</div>\n", styles: ["@property --et-menu-min-width{syntax: \"<length>\"; inherits: false; initial-value: 180px;}@property --et-menu-max-height{syntax: \"<length-percentage>\"; inherits: false; initial-value: 40vh;}@property --et-menu-padding-block{syntax: \"<length>\"; inherits: false; initial-value: 6px;}@property --et-menu-padding-inline{syntax: \"<length>\"; inherits: false; initial-value: 6px;}@property --et-menu-item-height{syntax: \"<length>\"; inherits: true; initial-value: 36px;}@property --et-menu-item-padding-inline{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-menu-item-gap{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-menu-item-border-radius{syntax: \"<length>\"; inherits: true; initial-value: 6px;}@property --et-menu-item-font-size{syntax: \"<length>\"; inherits: true; initial-value: 14px;}@property --et-menu-item-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}@property --et-menu-separator-margin-block{syntax: \"<length>\"; inherits: false; initial-value: 6px;}@property --et-menu-group-label-font-size{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-menu-search-height{syntax: \"<length>\"; inherits: false; initial-value: 36px;}.et-overlay.et-overlay--menu{overflow:visible;background:transparent;box-shadow:none}.et-menu{--_et-menu-background: var(--et-surface-background-solid, var(--et-surface-2, rgb(32 32 32)));--_et-menu-color: var(--et-surface-color-solid, var(--et-color-main-contrast, rgb(244 244 245)));--_et-menu-border: var(--et-surface-border-solid, rgb(255 255 255 / .1));--_et-menu-shadow: 0 10px 24px rgb(0 0 0 / .16);--_et-menu-radius: 10px;--_et-menu-item-active-background: color-mix( in srgb, var(--et-surface-interaction-solid, rgb(255 255 255)) 12%, transparent );--_et-menu-item-pressed-background: color-mix( in srgb, var(--et-surface-interaction-solid, rgb(255 255 255)) 20%, transparent );--_et-menu-muted-color: var(--et-surface-color-muted-solid, rgb(255 255 255 / .55));--_et-menu-separator-color: var(--et-surface-border-solid, rgb(255 255 255 / .1));display:block;min-inline-size:var(--et-menu-min-width);max-inline-size:min(320px,calc(100vw - 24px));border-radius:var(--_et-menu-radius);border:1px solid var(--_et-menu-border);background:var(--_et-menu-background);color:var(--_et-menu-color);font-family:var(--et-font-family, inherit);font-size:var(--et-menu-item-font-size);box-shadow:var(--_et-menu-shadow);outline:none}.et-menu.et-menu--resizing{overflow:clip}.et-menu .et-menu-header{padding:var(--et-menu-padding-block) var(--et-menu-padding-inline) 0;contain:inline-size}.et-menu .et-menu-header:not(:has(input[etmenusearch])){display:none}.et-menu .et-menu-header .et-menu-search-field{position:relative}.et-menu .et-menu-header .et-menu-search-field:has(.et-menu-search-spinner) input[etmenusearch]{padding-inline-end:calc(var(--et-menu-item-padding-inline) + 22px)}.et-menu .et-menu-header .et-menu-search-spinner{position:absolute;inset-block-start:50%;inset-inline-end:10px;translate:0 -50%;color:var(--_et-menu-muted-color)}.et-menu .et-menu-header .et-menu-search-error{margin:6px 2px 0;font-size:12px;color:var(--et-theme-color-primary-solid, rgb(248 113 113))}.et-menu .et-menu-header input[etmenusearch]{inline-size:100%;block-size:var(--et-menu-search-height);padding-inline:var(--et-menu-item-padding-inline);border-radius:var(--et-menu-item-border-radius);border:1px solid var(--_et-menu-border);background:color-mix(in srgb,var(--et-surface-interaction-solid, rgb(255 255 255)) 6%,transparent);color:inherit;font:inherit;outline:none;box-sizing:border-box;transition:border-color .12s ease,background .12s ease}.et-menu .et-menu-header input[etmenusearch]:focus-visible{border-color:var(--et-theme-color-primary-solid, rgb(255 255 255 / .3))}.et-menu .et-menu-header input[etmenusearch]::placeholder{color:var(--_et-menu-muted-color)}.et-menu .et-menu-body{max-block-size:var(--et-menu-max-height, var(--et-overlay-max-height));padding:var(--et-menu-padding-block) var(--et-menu-padding-inline);overflow-y:auto;overscroll-behavior:contain}.et-menu .et-menu-group{display:block}.et-menu .et-menu-item{display:flex;align-items:center;gap:var(--et-menu-item-gap);inline-size:100%;min-block-size:var(--et-menu-item-height);padding-inline:var(--et-menu-item-padding-inline);border:none;border-radius:var(--et-menu-item-border-radius);background:transparent;color:inherit;font:inherit;text-align:start;text-decoration:none;cursor:pointer;outline:none;box-sizing:border-box;transition:background .12s ease,color .12s ease,opacity .12s ease}.et-menu .et-menu-item[data-active]:where(:hover,:focus-visible),.et-menu .et-menu-item[data-menu-open]{background:var(--_et-menu-item-active-background)}.et-menu .et-menu-item:active:not([aria-disabled=true]){background:var(--_et-menu-item-pressed-background)}.et-menu .et-menu-item[aria-disabled=true]{opacity:.4;cursor:default}.et-menu .et-menu-item[data-variant=destructive]{color:var(--et-theme-color-primary-solid, rgb(248 113 113))}.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-leave-to{opacity:0}.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-enter-active{transition:transform .14s ease,opacity .14s ease}.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-leave-active{transition:transform .1s ease,opacity .1s ease}.et-overlay--menu[data-overlay-placement^=top].et-animation-enter-from,.et-overlay--menu[data-overlay-placement^=top].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(.3rem)!important}.et-overlay--menu[data-overlay-placement^=bottom].et-animation-enter-from,.et-overlay--menu[data-overlay-placement^=bottom].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(-.3rem)!important}.et-overlay--menu[data-overlay-placement^=right].et-animation-enter-from,.et-overlay--menu[data-overlay-placement^=right].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(-.3rem)!important}.et-overlay--menu[data-overlay-placement^=left].et-animation-enter-from,.et-overlay--menu[data-overlay-placement^=left].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(.3rem)!important}@media(prefers-reduced-motion:reduce){.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-enter-active,.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-leave-active{transition-duration:0ms}.et-overlay--menu[data-overlay-placement].et-animation-enter-from,.et-overlay--menu[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: ProvideColorDirective, selector: "[etProvideColor]", inputs: ["etProvideColor"] }, { kind: "component", type: SpinnerComponent, selector: "et-spinner", inputs: ["diameter", "strokeWidth", "track", "value", "determinate"] }], encapsulation: i0.ViewEncapsulation.None }); }
11186
11186
  }
11187
11187
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MenuComponent, decorators: [{
11188
11188
  type: Component,
11189
11189
  args: [{ selector: 'et-menu', encapsulation: ViewEncapsulation.None, imports: [ProvideColorDirective, SpinnerComponent], hostDirectives: [MenuPanelDirective, ProvideColorDirective, AutoSurfaceDirective], host: {
11190
11190
  class: 'et-menu',
11191
- }, template: "<div #menuHeader class=\"et-menu-header\">\n <div class=\"et-menu-search-field\">\n <ng-content select=\"input[etMenuSearch]\" />\n\n @if (searchLoading()) {\n <et-spinner class=\"et-menu-search-spinner\" diameter=\"16\" />\n }\n </div>\n\n @if (searchError(); as error) {\n <p [id]=\"searchErrorId\" [etProvideColor]=\"errorColorTheme\" class=\"et-menu-search-error\" role=\"alert\">\n {{ error }}\n </p>\n }\n</div>\n\n<div #menuBody class=\"et-menu-body\">\n <ng-content />\n</div>\n", styles: ["@property --et-menu-min-width{syntax: \"<length>\"; inherits: false; initial-value: 180px;}@property --et-menu-max-height{syntax: \"<length-percentage>\"; inherits: false; initial-value: 40vh;}@property --et-menu-padding-block{syntax: \"<length>\"; inherits: false; initial-value: 6px;}@property --et-menu-padding-inline{syntax: \"<length>\"; inherits: false; initial-value: 6px;}@property --et-menu-item-height{syntax: \"<length>\"; inherits: true; initial-value: 36px;}@property --et-menu-item-padding-inline{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-menu-item-gap{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-menu-item-border-radius{syntax: \"<length>\"; inherits: true; initial-value: 6px;}@property --et-menu-item-font-size{syntax: \"<length>\"; inherits: true; initial-value: 14px;}@property --et-menu-item-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}@property --et-menu-separator-margin-block{syntax: \"<length>\"; inherits: false; initial-value: 6px;}@property --et-menu-group-label-font-size{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-menu-search-height{syntax: \"<length>\"; inherits: false; initial-value: 36px;}.et-overlay.et-overlay--menu{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: var(--et-surface-border-solid, rgb(255 255 255 / .1))}.et-menu{--_et-menu-background: var(--et-surface-background-solid, var(--et-surface-2, rgb(32 32 32)));--_et-menu-color: var(--et-surface-color-solid, var(--et-color-main-contrast, rgb(244 244 245)));--_et-menu-border: var(--et-surface-border-solid, rgb(255 255 255 / .1));--_et-menu-shadow: 0 10px 24px rgb(0 0 0 / .16);--_et-menu-radius: 10px;--_et-menu-item-active-background: color-mix( in srgb, var(--et-surface-interaction-solid, rgb(255 255 255)) 12%, transparent );--_et-menu-item-pressed-background: color-mix( in srgb, var(--et-surface-interaction-solid, rgb(255 255 255)) 20%, transparent );--_et-menu-muted-color: var(--et-surface-color-muted-solid, rgb(255 255 255 / .55));--_et-menu-separator-color: var(--et-surface-border-solid, rgb(255 255 255 / .1));display:block;min-inline-size:var(--et-menu-min-width);max-inline-size:min(320px,calc(100vw - 24px));border-radius:var(--_et-menu-radius);border:1px solid var(--_et-menu-border);background:var(--_et-menu-background);color:var(--_et-menu-color);font-family:var(--et-font-family, inherit);font-size:var(--et-menu-item-font-size);box-shadow:var(--_et-menu-shadow);outline:none}.et-menu.et-menu--resizing{overflow:clip}.et-menu .et-menu-header{padding:var(--et-menu-padding-block) var(--et-menu-padding-inline) 0;contain:inline-size}.et-menu .et-menu-header:not(:has(input[etmenusearch])){display:none}.et-menu .et-menu-header .et-menu-search-field{position:relative}.et-menu .et-menu-header .et-menu-search-field:has(.et-menu-search-spinner) input[etmenusearch]{padding-inline-end:calc(var(--et-menu-item-padding-inline) + 22px)}.et-menu .et-menu-header .et-menu-search-spinner{position:absolute;inset-block-start:50%;inset-inline-end:10px;translate:0 -50%;color:var(--_et-menu-muted-color)}.et-menu .et-menu-header .et-menu-search-error{margin:6px 2px 0;font-size:12px;color:var(--et-theme-color-primary-solid, rgb(248 113 113))}.et-menu .et-menu-header input[etmenusearch]{inline-size:100%;block-size:var(--et-menu-search-height);padding-inline:var(--et-menu-item-padding-inline);border-radius:var(--et-menu-item-border-radius);border:1px solid var(--_et-menu-border);background:color-mix(in srgb,var(--et-surface-interaction-solid, rgb(255 255 255)) 6%,transparent);color:inherit;font:inherit;outline:none;box-sizing:border-box;transition:border-color .12s ease,background .12s ease}.et-menu .et-menu-header input[etmenusearch]:focus-visible{border-color:var(--et-theme-color-primary-solid, rgb(255 255 255 / .3))}.et-menu .et-menu-header input[etmenusearch]::placeholder{color:var(--_et-menu-muted-color)}.et-menu .et-menu-body{max-block-size:var(--et-menu-max-height, var(--et-overlay-max-height));padding:var(--et-menu-padding-block) var(--et-menu-padding-inline);overflow-y:auto;overscroll-behavior:contain}.et-menu .et-menu-group{display:block}.et-menu .et-menu-item{display:flex;align-items:center;gap:var(--et-menu-item-gap);inline-size:100%;min-block-size:var(--et-menu-item-height);padding-inline:var(--et-menu-item-padding-inline);border:none;border-radius:var(--et-menu-item-border-radius);background:transparent;color:inherit;font:inherit;text-align:start;text-decoration:none;cursor:pointer;outline:none;box-sizing:border-box;transition:background .12s ease,color .12s ease,opacity .12s ease}.et-menu .et-menu-item[data-active]:where(:hover,:focus-visible),.et-menu .et-menu-item[data-menu-open]{background:var(--_et-menu-item-active-background)}.et-menu .et-menu-item:active:not([aria-disabled=true]){background:var(--_et-menu-item-pressed-background)}.et-menu .et-menu-item[aria-disabled=true]{opacity:.4;cursor:default}.et-menu .et-menu-item[data-variant=destructive]{color:var(--et-theme-color-primary-solid, rgb(248 113 113))}.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-leave-to{opacity:0}.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-enter-active{transition:transform .14s ease,opacity .14s ease}.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-leave-active{transition:transform .1s ease,opacity .1s ease}.et-overlay--menu[data-overlay-placement^=top].et-animation-enter-from,.et-overlay--menu[data-overlay-placement^=top].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(.3rem)!important}.et-overlay--menu[data-overlay-placement^=bottom].et-animation-enter-from,.et-overlay--menu[data-overlay-placement^=bottom].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(-.3rem)!important}.et-overlay--menu[data-overlay-placement^=right].et-animation-enter-from,.et-overlay--menu[data-overlay-placement^=right].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(-.3rem)!important}.et-overlay--menu[data-overlay-placement^=left].et-animation-enter-from,.et-overlay--menu[data-overlay-placement^=left].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(.3rem)!important}@media(prefers-reduced-motion:reduce){.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-enter-active,.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-leave-active{transition-duration:0ms}.et-overlay--menu[data-overlay-placement].et-animation-enter-from,.et-overlay--menu[data-overlay-placement].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0)!important}}\n"] }]
11191
+ }, template: "<div #menuHeader class=\"et-menu-header\">\n <div class=\"et-menu-search-field\">\n <ng-content select=\"input[etMenuSearch]\" />\n\n @if (searchLoading()) {\n <et-spinner class=\"et-menu-search-spinner\" diameter=\"16\" />\n }\n </div>\n\n @if (searchError(); as error) {\n <p [id]=\"searchErrorId\" [etProvideColor]=\"errorColorTheme\" class=\"et-menu-search-error\" role=\"alert\">\n {{ error }}\n </p>\n }\n</div>\n\n<div #menuBody class=\"et-menu-body\">\n <ng-content />\n</div>\n", styles: ["@property --et-menu-min-width{syntax: \"<length>\"; inherits: false; initial-value: 180px;}@property --et-menu-max-height{syntax: \"<length-percentage>\"; inherits: false; initial-value: 40vh;}@property --et-menu-padding-block{syntax: \"<length>\"; inherits: false; initial-value: 6px;}@property --et-menu-padding-inline{syntax: \"<length>\"; inherits: false; initial-value: 6px;}@property --et-menu-item-height{syntax: \"<length>\"; inherits: true; initial-value: 36px;}@property --et-menu-item-padding-inline{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-menu-item-gap{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-menu-item-border-radius{syntax: \"<length>\"; inherits: true; initial-value: 6px;}@property --et-menu-item-font-size{syntax: \"<length>\"; inherits: true; initial-value: 14px;}@property --et-menu-item-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}@property --et-menu-separator-margin-block{syntax: \"<length>\"; inherits: false; initial-value: 6px;}@property --et-menu-group-label-font-size{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --et-menu-search-height{syntax: \"<length>\"; inherits: false; initial-value: 36px;}.et-overlay.et-overlay--menu{overflow:visible;background:transparent;box-shadow:none}.et-menu{--_et-menu-background: var(--et-surface-background-solid, var(--et-surface-2, rgb(32 32 32)));--_et-menu-color: var(--et-surface-color-solid, var(--et-color-main-contrast, rgb(244 244 245)));--_et-menu-border: var(--et-surface-border-solid, rgb(255 255 255 / .1));--_et-menu-shadow: 0 10px 24px rgb(0 0 0 / .16);--_et-menu-radius: 10px;--_et-menu-item-active-background: color-mix( in srgb, var(--et-surface-interaction-solid, rgb(255 255 255)) 12%, transparent );--_et-menu-item-pressed-background: color-mix( in srgb, var(--et-surface-interaction-solid, rgb(255 255 255)) 20%, transparent );--_et-menu-muted-color: var(--et-surface-color-muted-solid, rgb(255 255 255 / .55));--_et-menu-separator-color: var(--et-surface-border-solid, rgb(255 255 255 / .1));display:block;min-inline-size:var(--et-menu-min-width);max-inline-size:min(320px,calc(100vw - 24px));border-radius:var(--_et-menu-radius);border:1px solid var(--_et-menu-border);background:var(--_et-menu-background);color:var(--_et-menu-color);font-family:var(--et-font-family, inherit);font-size:var(--et-menu-item-font-size);box-shadow:var(--_et-menu-shadow);outline:none}.et-menu.et-menu--resizing{overflow:clip}.et-menu .et-menu-header{padding:var(--et-menu-padding-block) var(--et-menu-padding-inline) 0;contain:inline-size}.et-menu .et-menu-header:not(:has(input[etmenusearch])){display:none}.et-menu .et-menu-header .et-menu-search-field{position:relative}.et-menu .et-menu-header .et-menu-search-field:has(.et-menu-search-spinner) input[etmenusearch]{padding-inline-end:calc(var(--et-menu-item-padding-inline) + 22px)}.et-menu .et-menu-header .et-menu-search-spinner{position:absolute;inset-block-start:50%;inset-inline-end:10px;translate:0 -50%;color:var(--_et-menu-muted-color)}.et-menu .et-menu-header .et-menu-search-error{margin:6px 2px 0;font-size:12px;color:var(--et-theme-color-primary-solid, rgb(248 113 113))}.et-menu .et-menu-header input[etmenusearch]{inline-size:100%;block-size:var(--et-menu-search-height);padding-inline:var(--et-menu-item-padding-inline);border-radius:var(--et-menu-item-border-radius);border:1px solid var(--_et-menu-border);background:color-mix(in srgb,var(--et-surface-interaction-solid, rgb(255 255 255)) 6%,transparent);color:inherit;font:inherit;outline:none;box-sizing:border-box;transition:border-color .12s ease,background .12s ease}.et-menu .et-menu-header input[etmenusearch]:focus-visible{border-color:var(--et-theme-color-primary-solid, rgb(255 255 255 / .3))}.et-menu .et-menu-header input[etmenusearch]::placeholder{color:var(--_et-menu-muted-color)}.et-menu .et-menu-body{max-block-size:var(--et-menu-max-height, var(--et-overlay-max-height));padding:var(--et-menu-padding-block) var(--et-menu-padding-inline);overflow-y:auto;overscroll-behavior:contain}.et-menu .et-menu-group{display:block}.et-menu .et-menu-item{display:flex;align-items:center;gap:var(--et-menu-item-gap);inline-size:100%;min-block-size:var(--et-menu-item-height);padding-inline:var(--et-menu-item-padding-inline);border:none;border-radius:var(--et-menu-item-border-radius);background:transparent;color:inherit;font:inherit;text-align:start;text-decoration:none;cursor:pointer;outline:none;box-sizing:border-box;transition:background .12s ease,color .12s ease,opacity .12s ease}.et-menu .et-menu-item[data-active]:where(:hover,:focus-visible),.et-menu .et-menu-item[data-menu-open]{background:var(--_et-menu-item-active-background)}.et-menu .et-menu-item:active:not([aria-disabled=true]){background:var(--_et-menu-item-pressed-background)}.et-menu .et-menu-item[aria-disabled=true]{opacity:.4;cursor:default}.et-menu .et-menu-item[data-variant=destructive]{color:var(--et-theme-color-primary-solid, rgb(248 113 113))}.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-leave-to{opacity:0}.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-enter-active{transition:transform .14s ease,opacity .14s ease}.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-leave-active{transition:transform .1s ease,opacity .1s ease}.et-overlay--menu[data-overlay-placement^=top].et-animation-enter-from,.et-overlay--menu[data-overlay-placement^=top].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(.3rem)!important}.et-overlay--menu[data-overlay-placement^=bottom].et-animation-enter-from,.et-overlay--menu[data-overlay-placement^=bottom].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translateY(-.3rem)!important}.et-overlay--menu[data-overlay-placement^=right].et-animation-enter-from,.et-overlay--menu[data-overlay-placement^=right].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(-.3rem)!important}.et-overlay--menu[data-overlay-placement^=left].et-animation-enter-from,.et-overlay--menu[data-overlay-placement^=left].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0) translate(.3rem)!important}@media(prefers-reduced-motion:reduce){.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-enter-active,.et-overlay.et-with-default-animation.et-overlay--menu.et-animation-leave-active{transition-duration:0ms}.et-overlay--menu[data-overlay-placement].et-animation-enter-from,.et-overlay--menu[data-overlay-placement].et-animation-leave-to{transform:translate3d(var(--et-overlay-anchored-x, 0px),var(--et-overlay-anchored-y, 0px),0)!important}}\n"] }]
11192
11192
  }], ctorParameters: () => [], propDecorators: { headerElement: [{ type: i0.ViewChild, args: ['menuHeader', { isSignal: true }] }], bodyElement: [{ type: i0.ViewChild, args: ['menuBody', { isSignal: true }] }] } });
11193
11193
 
11194
11194
  const MENU_IMPORTS = [
@@ -19824,7 +19824,7 @@ class ToggletipComponent {
19824
19824
  });
19825
19825
  }
19826
19826
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToggletipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19827
- 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 }); }
19827
+ 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--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: var(--et-surface-border-solid, 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 }); }
19828
19828
  }
19829
19829
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToggletipComponent, decorators: [{
19830
19830
  type: Component,
@@ -19832,7 +19832,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
19832
19832
  class: 'et-toggletip',
19833
19833
  '[attr.id]': 'toggletipId()',
19834
19834
  '[attr.data-has-template]': 'hasTemplate() || null',
19835
- }, 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"] }]
19835
+ }, 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--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: var(--et-surface-border-solid, 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"] }]
19836
19836
  }], 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 }] }] } });
19837
19837
 
19838
19838
  let nextToggletipId = 0;
@@ -20141,7 +20141,7 @@ class TooltipComponent {
20141
20141
  });
20142
20142
  }
20143
20143
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
20144
- 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 }); }
20144
+ 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--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: var(--et-surface-border-solid, 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 }); }
20145
20145
  }
20146
20146
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TooltipComponent, decorators: [{
20147
20147
  type: Component,
@@ -20150,7 +20150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
20150
20150
  role: 'tooltip',
20151
20151
  '[attr.id]': 'tooltipId()',
20152
20152
  '[attr.data-has-template]': 'hasTemplate() || null',
20153
- }, 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"] }]
20153
+ }, 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--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: var(--et-surface-border-solid, 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"] }]
20154
20154
  }], 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 }] }] } });
20155
20155
 
20156
20156
  let nextTooltipId = 0;