@ethlete/components 1.0.0-next.79 → 1.0.0-next.80

package/fesm2022/ethlete-components.mjs

@@ -3287,7 +3287,7 @@ var ButtonPropertiesStylesComponent = class ButtonPropertiesStylesComponent {
 			ngImport: i0,
 			template: "",
 			isInline: true,
-			styles: ["@layer components{@property --et-button-border-radius{syntax: \"<length>\"; inherits: false; initial-value: 4px;}@property --et-button-padding{syntax: \"*\"; inherits: false; initial-value: 8px 16px;}@property --et-button-font-size{syntax: \"<length>\"; inherits: true; initial-value: 14px;}@property --et-button-font-weight{syntax: \"<number>\"; inherits: false; initial-value: 500;}@property --et-button-cursor{syntax: \"*\"; inherits: false; initial-value: pointer;}@property --et-button-opacity-disabled{syntax: \"<number>\"; inherits: false; initial-value: .4;}@property --et-button-variant-opacity-hover-delta{syntax: \"<number>\"; inherits: false; initial-value: .08;}@property --et-button-variant-opacity-focus-delta{syntax: \"<number>\"; inherits: false; initial-value: .12;}@property --et-button-variant-opacity-active-delta{syntax: \"<number>\"; inherits: false; initial-value: .16;}@property --et-button-gap{syntax: \"<length>\"; inherits: false; initial-value: 8px;}@property --et-button-line-height{syntax: \"<number>\"; inherits: false; initial-value: 1.5;}@property --et-button-border-width{syntax: \"<length>\"; inherits: false; initial-value: 1px;}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=outline],[data-variant=transparent]){--et-theme-color-primary-opacity: 0}@media(hover:hover){:is(.et-button,.et-fab,.et-icon-button):where([data-variant=outline],[data-variant=transparent]):hover{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-hover-delta)}}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=outline],[data-variant=transparent]):focus-visible{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-focus-delta)}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=outline],[data-variant=transparent]):active{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-active-delta)}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=tonal]){--et-theme-color-primary-opacity: .16}@media(hover:hover){:is(.et-button,.et-fab,.et-icon-button):where([data-variant=tonal]):hover{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-hover-delta))}}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=tonal]):focus-visible{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-focus-delta))}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=tonal]):active{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-active-delta))}:is(.et-button,.et-icon-button)[data-pressed=true]:where([data-pressed-variant=tonal]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]){--et-theme-color-primary-opacity: .16}@media(hover:hover){:is(:is(.et-button,.et-icon-button)[data-pressed=true]:where([data-pressed-variant=tonal]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent])):hover{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-hover-delta))}}:is(:is(.et-button,.et-icon-button)[data-pressed=true]:where([data-pressed-variant=tonal]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent])):focus-visible{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-focus-delta))}:is(:is(.et-button,.et-icon-button)[data-pressed=true]:where([data-pressed-variant=tonal]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent])):active{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-active-delta))}.et-button-loader{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .12s ease}.et-button-loader .et-button-loader-spinner{--et-spinner-color: currentColor;--et-spinner-duration: .7s}}\n"],
+			styles: ["@layer components{@property --et-button-border-radius{syntax: \"<length>\"; inherits: false; initial-value: 4px;}@property --et-button-padding{syntax: \"*\"; inherits: false; initial-value: 8px 16px;}@property --et-button-font-size{syntax: \"<length>\"; inherits: true; initial-value: 14px;}@property --et-button-font-weight{syntax: \"<number>\"; inherits: false; initial-value: 500;}@property --et-button-cursor{syntax: \"*\"; inherits: false; initial-value: pointer;}@property --et-button-opacity-disabled{syntax: \"<number>\"; inherits: false; initial-value: .4;}@property --et-button-variant-opacity-hover-delta{syntax: \"<number>\"; inherits: false; initial-value: .08;}@property --et-button-variant-opacity-focus-delta{syntax: \"<number>\"; inherits: false; initial-value: .12;}@property --et-button-variant-opacity-active-delta{syntax: \"<number>\"; inherits: false; initial-value: .16;}@property --et-button-gap{syntax: \"<length>\"; inherits: false; initial-value: 8px;}@property --et-button-line-height{syntax: \"<number>\"; inherits: false; initial-value: 1.5;}@property --et-button-border-width{syntax: \"<length>\"; inherits: false; initial-value: 1px;}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=outline],[data-variant=transparent]){--et-theme-color-primary-opacity: 0}@media(hover:hover){:is(.et-button,.et-fab,.et-icon-button):where([data-variant=outline],[data-variant=transparent]):not([disabled],[aria-disabled=true]):hover{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-hover-delta)}}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=outline],[data-variant=transparent]):focus-visible{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-focus-delta)}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=outline],[data-variant=transparent]):not([disabled],[aria-disabled=true]):active{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-active-delta)}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=tonal]){--et-theme-color-primary-opacity: .16}@media(hover:hover){:is(.et-button,.et-fab,.et-icon-button):where([data-variant=tonal]):not([disabled],[aria-disabled=true]):hover{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-hover-delta))}}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=tonal]):focus-visible{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-focus-delta))}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=tonal]):not([disabled],[aria-disabled=true]):active{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-active-delta))}:is(.et-button,.et-icon-button)[data-pressed=true]:where([data-pressed-variant=tonal]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]){--et-theme-color-primary-opacity: .16}@media(hover:hover){:is(:is(.et-button,.et-icon-button)[data-pressed=true]:where([data-pressed-variant=tonal]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent])):not([disabled],[aria-disabled=true]):hover{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-hover-delta))}}:is(:is(.et-button,.et-icon-button)[data-pressed=true]:where([data-pressed-variant=tonal]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent])):focus-visible{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-focus-delta))}:is(:is(.et-button,.et-icon-button)[data-pressed=true]:where([data-pressed-variant=tonal]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent])):not([disabled],[aria-disabled=true]):active{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-active-delta))}.et-button-loader{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .12s ease}.et-button-loader .et-button-loader-spinner{--et-spinner-color: currentColor;--et-spinner-duration: .7s}}\n"],
 			encapsulation: i0.ViewEncapsulation.None
 		});
 	}
@@ -3303,7 +3303,7 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "et-button-properties-styles",
 			template: "",
 			encapsulation: ViewEncapsulation.None,
-			styles: ["@layer components{@property --et-button-border-radius{syntax: \"<length>\"; inherits: false; initial-value: 4px;}@property --et-button-padding{syntax: \"*\"; inherits: false; initial-value: 8px 16px;}@property --et-button-font-size{syntax: \"<length>\"; inherits: true; initial-value: 14px;}@property --et-button-font-weight{syntax: \"<number>\"; inherits: false; initial-value: 500;}@property --et-button-cursor{syntax: \"*\"; inherits: false; initial-value: pointer;}@property --et-button-opacity-disabled{syntax: \"<number>\"; inherits: false; initial-value: .4;}@property --et-button-variant-opacity-hover-delta{syntax: \"<number>\"; inherits: false; initial-value: .08;}@property --et-button-variant-opacity-focus-delta{syntax: \"<number>\"; inherits: false; initial-value: .12;}@property --et-button-variant-opacity-active-delta{syntax: \"<number>\"; inherits: false; initial-value: .16;}@property --et-button-gap{syntax: \"<length>\"; inherits: false; initial-value: 8px;}@property --et-button-line-height{syntax: \"<number>\"; inherits: false; initial-value: 1.5;}@property --et-button-border-width{syntax: \"<length>\"; inherits: false; initial-value: 1px;}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=outline],[data-variant=transparent]){--et-theme-color-primary-opacity: 0}@media(hover:hover){:is(.et-button,.et-fab,.et-icon-button):where([data-variant=outline],[data-variant=transparent]):hover{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-hover-delta)}}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=outline],[data-variant=transparent]):focus-visible{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-focus-delta)}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=outline],[data-variant=transparent]):active{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-active-delta)}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=tonal]){--et-theme-color-primary-opacity: .16}@media(hover:hover){:is(.et-button,.et-fab,.et-icon-button):where([data-variant=tonal]):hover{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-hover-delta))}}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=tonal]):focus-visible{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-focus-delta))}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=tonal]):active{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-active-delta))}:is(.et-button,.et-icon-button)[data-pressed=true]:where([data-pressed-variant=tonal]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]){--et-theme-color-primary-opacity: .16}@media(hover:hover){:is(:is(.et-button,.et-icon-button)[data-pressed=true]:where([data-pressed-variant=tonal]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent])):hover{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-hover-delta))}}:is(:is(.et-button,.et-icon-button)[data-pressed=true]:where([data-pressed-variant=tonal]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent])):focus-visible{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-focus-delta))}:is(:is(.et-button,.et-icon-button)[data-pressed=true]:where([data-pressed-variant=tonal]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent])):active{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-active-delta))}.et-button-loader{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .12s ease}.et-button-loader .et-button-loader-spinner{--et-spinner-color: currentColor;--et-spinner-duration: .7s}}\n"]
+			styles: ["@layer components{@property --et-button-border-radius{syntax: \"<length>\"; inherits: false; initial-value: 4px;}@property --et-button-padding{syntax: \"*\"; inherits: false; initial-value: 8px 16px;}@property --et-button-font-size{syntax: \"<length>\"; inherits: true; initial-value: 14px;}@property --et-button-font-weight{syntax: \"<number>\"; inherits: false; initial-value: 500;}@property --et-button-cursor{syntax: \"*\"; inherits: false; initial-value: pointer;}@property --et-button-opacity-disabled{syntax: \"<number>\"; inherits: false; initial-value: .4;}@property --et-button-variant-opacity-hover-delta{syntax: \"<number>\"; inherits: false; initial-value: .08;}@property --et-button-variant-opacity-focus-delta{syntax: \"<number>\"; inherits: false; initial-value: .12;}@property --et-button-variant-opacity-active-delta{syntax: \"<number>\"; inherits: false; initial-value: .16;}@property --et-button-gap{syntax: \"<length>\"; inherits: false; initial-value: 8px;}@property --et-button-line-height{syntax: \"<number>\"; inherits: false; initial-value: 1.5;}@property --et-button-border-width{syntax: \"<length>\"; inherits: false; initial-value: 1px;}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=outline],[data-variant=transparent]){--et-theme-color-primary-opacity: 0}@media(hover:hover){:is(.et-button,.et-fab,.et-icon-button):where([data-variant=outline],[data-variant=transparent]):not([disabled],[aria-disabled=true]):hover{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-hover-delta)}}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=outline],[data-variant=transparent]):focus-visible{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-focus-delta)}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=outline],[data-variant=transparent]):not([disabled],[aria-disabled=true]):active{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-active-delta)}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=tonal]){--et-theme-color-primary-opacity: .16}@media(hover:hover){:is(.et-button,.et-fab,.et-icon-button):where([data-variant=tonal]):not([disabled],[aria-disabled=true]):hover{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-hover-delta))}}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=tonal]):focus-visible{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-focus-delta))}:is(.et-button,.et-fab,.et-icon-button):where([data-variant=tonal]):not([disabled],[aria-disabled=true]):active{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-active-delta))}:is(.et-button,.et-icon-button)[data-pressed=true]:where([data-pressed-variant=tonal]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent]){--et-theme-color-primary-opacity: .16}@media(hover:hover){:is(:is(.et-button,.et-icon-button)[data-pressed=true]:where([data-pressed-variant=tonal]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent])):not([disabled],[aria-disabled=true]):hover{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-hover-delta))}}:is(:is(.et-button,.et-icon-button)[data-pressed=true]:where([data-pressed-variant=tonal]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent])):focus-visible{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-focus-delta))}:is(:is(.et-button,.et-icon-button)[data-pressed=true]:where([data-pressed-variant=tonal]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=transparent])):not([disabled],[aria-disabled=true]):active{--et-theme-color-primary-opacity: calc(.16 + var(--et-button-variant-opacity-active-delta))}.et-button-loader{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .12s ease}.et-button-loader .et-button-loader-spinner{--et-spinner-color: currentColor;--et-spinner-duration: .7s}}\n"]
 		}]
 	}]
 });
@@ -4098,7 +4098,7 @@ var IconButtonComponent = class IconButtonComponent {
     }
   `,
 			isInline: true,
-			styles: ["@layer components{@property --et-icon-button-size{syntax: \"<length>\"; inherits: true; initial-value: 39px;}@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;width:var(--et-icon-button-size);height:var(--et-icon-button-size);background:var( --_et-icon-button-background, rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity)) );color:var(--et-theme-color-ink-solid);border:none;border-radius:var(--et-icon-button-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;-webkit-tap-highlight-color:transparent;overflow:hidden;flex-shrink: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]){--et-icon-button-size: 2.4rem;--et-icon-button-icon-size: 1.4rem}.et-icon-button:where([data-size=sm]){--et-icon-button-size: 3.1rem;--et-icon-button-icon-size: 1.8rem}.et-icon-button:where([data-size=md]){--et-icon-button-size: 3.9rem;--et-icon-button-icon-size: 2rem}.et-icon-button:where([data-size=lg]){--et-icon-button-size: 4.6rem;--et-icon-button-icon-size: 2.4rem}.et-icon-button:where([data-size=xl]){--et-icon-button-size: 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]):not([data-pressed=true]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]){--et-theme-color-primary-opacity: 1;--et-button-shadow: inset 0 0 0 1px light-dark(var(--et-theme-color-ink-solid), transparent);color:var(--et-theme-color-on-primary);box-shadow:var(--et-button-shadow, none)}@media(hover:hover){:is(.et-icon-button:where([data-variant=filled]):not([data-pressed=true]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled])):hover{--et-theme-color-primary-opacity: 1;--et-theme-color-primary-rgb: var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) )}}:is(.et-icon-button:where([data-variant=filled]):not([data-pressed=true]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled])):focus-visible{--et-theme-color-primary-opacity: calc(1 - var(--et-button-variant-opacity-focus-delta))}:is(.et-icon-button:where([data-variant=filled]):not([data-pressed=true]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled])):active{--_et-icon-button-background: color-mix( in srgb, var(--et-theme-color-primary-solid) 84%, var(--et-theme-color-on-primary-solid) )}.et-icon-button:where([data-variant=outline]){border:var(--et-button-border-width, .1rem) solid var(--et-theme-color-ink-solid)}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]){border:none}.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"],
+			styles: ["@layer components{@property --et-icon-button-size{syntax: \"<length>\"; inherits: true; initial-value: 39px;}@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;width:var(--et-icon-button-size);height:var(--et-icon-button-size);background:var( --_et-icon-button-background, rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity)) );color:var(--et-theme-color-ink-solid);border:none;border-radius:var(--et-icon-button-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;-webkit-tap-highlight-color:transparent;overflow:hidden;flex-shrink: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]){--et-icon-button-size: 2.4rem;--et-icon-button-icon-size: 1.4rem}.et-icon-button:where([data-size=sm]){--et-icon-button-size: 3.1rem;--et-icon-button-icon-size: 1.8rem}.et-icon-button:where([data-size=md]){--et-icon-button-size: 3.9rem;--et-icon-button-icon-size: 2rem}.et-icon-button:where([data-size=lg]){--et-icon-button-size: 4.6rem;--et-icon-button-icon-size: 2.4rem}.et-icon-button:where([data-size=xl]){--et-icon-button-size: 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]):not([data-pressed=true]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]){--et-theme-color-primary-opacity: 1;--et-button-shadow: inset 0 0 0 1px light-dark(var(--et-theme-color-ink-solid), transparent);color:var(--et-theme-color-on-primary);box-shadow:var(--et-button-shadow, none)}@media(hover:hover){:is(.et-icon-button:where([data-variant=filled]):not([data-pressed=true]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled])):not([disabled],[aria-disabled=true]):hover{--et-theme-color-primary-opacity: 1;--et-theme-color-primary-rgb: var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) )}}:is(.et-icon-button:where([data-variant=filled]):not([data-pressed=true]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled])):focus-visible{--et-theme-color-primary-opacity: calc(1 - var(--et-button-variant-opacity-focus-delta))}:is(.et-icon-button:where([data-variant=filled]):not([data-pressed=true]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled])):not([disabled],[aria-disabled=true]):active{--_et-icon-button-background: color-mix( in srgb, var(--et-theme-color-primary-solid) 96%, var(--et-theme-color-on-primary-solid) )}.et-icon-button:where([data-variant=outline]){border:var(--et-button-border-width, .1rem) solid var(--et-theme-color-ink-solid)}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]){border:none}.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,
@@ -4169,7 +4169,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-pressed-variant]": "pressedVariant()",
 				"[attr.data-can-animate]": "canAnimate.state() || null"
 			},
-			styles: ["@layer components{@property --et-icon-button-size{syntax: \"<length>\"; inherits: true; initial-value: 39px;}@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;width:var(--et-icon-button-size);height:var(--et-icon-button-size);background:var( --_et-icon-button-background, rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity)) );color:var(--et-theme-color-ink-solid);border:none;border-radius:var(--et-icon-button-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;-webkit-tap-highlight-color:transparent;overflow:hidden;flex-shrink: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]){--et-icon-button-size: 2.4rem;--et-icon-button-icon-size: 1.4rem}.et-icon-button:where([data-size=sm]){--et-icon-button-size: 3.1rem;--et-icon-button-icon-size: 1.8rem}.et-icon-button:where([data-size=md]){--et-icon-button-size: 3.9rem;--et-icon-button-icon-size: 2rem}.et-icon-button:where([data-size=lg]){--et-icon-button-size: 4.6rem;--et-icon-button-icon-size: 2.4rem}.et-icon-button:where([data-size=xl]){--et-icon-button-size: 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]):not([data-pressed=true]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]){--et-theme-color-primary-opacity: 1;--et-button-shadow: inset 0 0 0 1px light-dark(var(--et-theme-color-ink-solid), transparent);color:var(--et-theme-color-on-primary);box-shadow:var(--et-button-shadow, none)}@media(hover:hover){:is(.et-icon-button:where([data-variant=filled]):not([data-pressed=true]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled])):hover{--et-theme-color-primary-opacity: 1;--et-theme-color-primary-rgb: var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) )}}:is(.et-icon-button:where([data-variant=filled]):not([data-pressed=true]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled])):focus-visible{--et-theme-color-primary-opacity: calc(1 - var(--et-button-variant-opacity-focus-delta))}:is(.et-icon-button:where([data-variant=filled]):not([data-pressed=true]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled])):active{--_et-icon-button-background: color-mix( in srgb, var(--et-theme-color-primary-solid) 84%, var(--et-theme-color-on-primary-solid) )}.et-icon-button:where([data-variant=outline]){border:var(--et-button-border-width, .1rem) solid var(--et-theme-color-ink-solid)}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]){border:none}.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"]
+			styles: ["@layer components{@property --et-icon-button-size{syntax: \"<length>\"; inherits: true; initial-value: 39px;}@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;width:var(--et-icon-button-size);height:var(--et-icon-button-size);background:var( --_et-icon-button-background, rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity)) );color:var(--et-theme-color-ink-solid);border:none;border-radius:var(--et-icon-button-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;-webkit-tap-highlight-color:transparent;overflow:hidden;flex-shrink: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]){--et-icon-button-size: 2.4rem;--et-icon-button-icon-size: 1.4rem}.et-icon-button:where([data-size=sm]){--et-icon-button-size: 3.1rem;--et-icon-button-icon-size: 1.8rem}.et-icon-button:where([data-size=md]){--et-icon-button-size: 3.9rem;--et-icon-button-icon-size: 2rem}.et-icon-button:where([data-size=lg]){--et-icon-button-size: 4.6rem;--et-icon-button-icon-size: 2.4rem}.et-icon-button:where([data-size=xl]){--et-icon-button-size: 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]):not([data-pressed=true]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]){--et-theme-color-primary-opacity: 1;--et-button-shadow: inset 0 0 0 1px light-dark(var(--et-theme-color-ink-solid), transparent);color:var(--et-theme-color-on-primary);box-shadow:var(--et-button-shadow, none)}@media(hover:hover){:is(.et-icon-button:where([data-variant=filled]):not([data-pressed=true]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled])):not([disabled],[aria-disabled=true]):hover{--et-theme-color-primary-opacity: 1;--et-theme-color-primary-rgb: var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) )}}:is(.et-icon-button:where([data-variant=filled]):not([data-pressed=true]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled])):focus-visible{--et-theme-color-primary-opacity: calc(1 - var(--et-button-variant-opacity-focus-delta))}:is(.et-icon-button:where([data-variant=filled]):not([data-pressed=true]),.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled])):not([disabled],[aria-disabled=true]):active{--_et-icon-button-background: color-mix( in srgb, var(--et-theme-color-primary-solid) 96%, var(--et-theme-color-on-primary-solid) )}.et-icon-button:where([data-variant=outline]){border:var(--et-button-border-width, .1rem) solid var(--et-theme-color-ink-solid)}.et-icon-button[data-pressed=true]:where([data-pressed-variant=filled]){border:none}.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"]
 		}]
 	}],
 	propDecorators: {
@@ -6780,6 +6780,10 @@ var ButtonComponent = class ButtonComponent {
 		this.variant = input(BUTTON_VARIANTS.FILLED, ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
 		this.size = input(BUTTON_SIZES.MD, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
 		this.iconAlignment = input(BUTTON_ICON_ALIGNMENTS.START, ...ngDevMode ? [{ debugName: "iconAlignment" }] : /* istanbul ignore next */ []);
+		this.stretchContents = input(false, {
+			...ngDevMode ? { debugName: "stretchContents" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
 		this.canAnimate = createCanAnimateSignal();
 		this.spinnerConfig = computed(() => BUTTON_SPINNER_CONFIG[this.size()], ...ngDevMode ? [{ debugName: "spinnerConfig" }] : /* istanbul ignore next */ []);
 		this.pressedVariant = computed(() => this.buttonDir.pressed() ? PRESSED_VARIANT_MAP[this.variant()] : null, ...ngDevMode ? [{ debugName: "pressedVariant" }] : /* istanbul ignore next */ []);
@@ -6822,6 +6826,13 @@ var ButtonComponent = class ButtonComponent {
 					isSignal: true,
 					isRequired: false,
 					transformFunction: null
+				},
+				stretchContents: {
+					classPropertyName: "stretchContents",
+					publicName: "stretchContents",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
 				}
 			},
 			host: {
@@ -6829,6 +6840,7 @@ var ButtonComponent = class ButtonComponent {
 					"attr.data-icon-alignment": "iconAlignment()",
 					"attr.data-variant": "variant()",
 					"attr.data-size": "size()",
+					"attr.data-stretch-contents": "stretchContents() || null",
 					"attr.data-pressed-variant": "pressedVariant()",
 					"attr.data-can-animate": "canAnimate.state() || null"
 				},
@@ -6900,7 +6912,7 @@ var ButtonComponent = class ButtonComponent {
     </ng-template>
   `,
 			isInline: true,
-			styles: ["@layer components{.et-button{--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-on-primary);--_et-button-border-color: transparent;--_et-button-gap: var(--et-button-gap);display:inline-flex;position:relative;align-items:center;justify-content:center;gap:var(--et-button-gap);background:var(--_et-button-background);color:var(--_et-button-color);border-radius:var(--et-button-border-radius);padding:var(--et-button-padding);font-size:var(--et-button-font-size);font-weight:var(--et-button-font-weight);border:var(--et-button-border-width, .1rem) solid var(--_et-button-border-color);box-shadow:var(--et-button-shadow, 0 0 #0000);cursor:var(--et-button-cursor);text-decoration:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;line-height:var(--et-button-line-height);white-space:nowrap}.et-button[data-can-animate]{transition:background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease,outline-color .12s ease,opacity .12s ease}.et-button:where([data-size=xs]){--et-button-padding: .2rem .8rem;--et-button-font-size: 1.2rem;--et-button-border-radius: .3rem;--et-button-gap: .4rem}.et-button:where([data-size=sm]){--et-button-padding: .4rem 1.2rem;--et-button-font-size: 1.4rem;--et-button-border-radius: .4rem;--et-button-gap: .5rem}.et-button:where([data-size=md]){--et-button-padding: .8rem 1.6rem;--et-button-font-size: 1.4rem;--et-button-border-radius: .4rem;--et-button-gap: .6rem}.et-button:where([data-size=lg]){--et-button-padding: 1rem 2rem;--et-button-font-size: 1.6rem;--et-button-border-radius: .6rem;--et-button-gap: .7rem}.et-button:where([data-size=xl]){--et-button-padding: 1.4rem 2.8rem;--et-button-font-size: 1.8rem;--et-button-border-radius: .8rem;--et-button-gap: .8rem}.et-button:where([disabled]),.et-button:where([aria-disabled=true]){cursor:not-allowed;pointer-events:none}.et-button:where([disabled],[aria-disabled=true]):where([data-variant=outline]),.et-button:where([disabled],[aria-disabled=true]):where([data-variant=tonal]),.et-button:where([disabled],[aria-disabled=true]):where([data-variant=transparent]),.et-button:where([disabled],[aria-disabled=true])[data-pressed=true]{opacity:var(--et-button-opacity-disabled)}.et-button:where([data-variant=outline]){--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-ink-solid);--_et-button-border-color: var(--et-theme-color-ink-solid)}.et-button[data-pressed=true]:where([data-pressed-variant=outline]){--et-theme-color-primary-opacity: 0;--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-ink-solid);--_et-button-border-color: var(--et-theme-color-ink-solid)}@media(hover:hover){.et-button[data-pressed=true]:where([data-pressed-variant=outline]):hover{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-hover-delta)}}.et-button[data-pressed=true]:where([data-pressed-variant=outline]):focus-visible{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-focus-delta)}.et-button[data-pressed=true]:where([data-pressed-variant=outline]):active{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-active-delta)}.et-button[data-pressed=true]:where([data-pressed-variant=outline])[data-loading=true]:not([disabled],[aria-disabled=true]){--_et-button-color: var(--et-theme-color-primary-solid);--_et-button-border-color: var(--et-theme-color-primary-solid)}.et-button:where([data-variant=tonal]),.et-button[data-pressed=true]:where([data-pressed-variant=tonal]){--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-ink-solid);--_et-button-border-color: transparent}.et-button:where([data-variant=transparent]){--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-ink-solid);--_et-button-border-color: transparent}@media(hover:hover){.et-button:where([data-variant=filled]):hover{--et-theme-color-primary-rgb: var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) )}}.et-button:where([data-variant=filled]):active{--_et-button-background: color-mix( in srgb, var(--et-theme-color-primary-solid) 84%, var(--et-theme-color-on-primary-solid) )}.et-button[data-pressed=true]:where([data-pressed-variant=filled]){--et-theme-color-primary-opacity: 1;--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-on-primary);--_et-button-border-color: transparent}@media(hover:hover){.et-button[data-pressed=true]:where([data-pressed-variant=filled]):hover{--et-theme-color-primary-opacity: 1}}.et-button[data-pressed=true]:where([data-pressed-variant=filled]):focus-visible{--et-theme-color-primary-opacity: 1}.et-button[data-pressed=true]:where([data-pressed-variant=filled]):active{--et-theme-color-primary-opacity: 1}.et-button .et-button-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--et-button-icon-size, 1em);transition:opacity .12s ease}.et-button .et-button-icon:empty{display:none}.et-button .et-button-icon .et-icon{width:1em;height:1em}.et-button .et-button-contents{display:inline-flex;align-items:center;gap:var(--_et-button-gap);min-width:0;transition:opacity .12s ease}.et-button[data-loading=true] .et-button-icon,.et-button[data-loading=true] .et-button-contents{opacity:0}.et-button[data-loading=true] .et-button-loader{opacity:1}}\n"],
+			styles: ["@layer components{.et-button{--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-on-primary);--_et-button-border-color: transparent;--_et-button-gap: var(--et-button-gap);display:inline-flex;position:relative;align-items:center;justify-content:center;gap:var(--et-button-gap);background:var(--_et-button-background);color:var(--_et-button-color);border-radius:var(--et-button-border-radius);padding:var(--et-button-padding);font-size:var(--et-button-font-size);font-weight:var(--et-button-font-weight);border:var(--et-button-border-width, .1rem) solid var(--_et-button-border-color);box-shadow:var(--et-button-shadow, 0 0 #0000);cursor:var(--et-button-cursor);text-decoration:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;line-height:var(--et-button-line-height);white-space:nowrap}.et-button[data-can-animate]{transition:background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease,outline-color .12s ease,opacity .12s ease}.et-button:where([data-size=xs]){--et-button-padding: .2rem .8rem;--et-button-font-size: 1.2rem;--et-button-border-radius: .3rem;--et-button-gap: .4rem}.et-button:where([data-size=sm]){--et-button-padding: .4rem 1.2rem;--et-button-font-size: 1.4rem;--et-button-border-radius: .4rem;--et-button-gap: .5rem}.et-button:where([data-size=md]){--et-button-padding: .8rem 1.6rem;--et-button-font-size: 1.4rem;--et-button-border-radius: .4rem;--et-button-gap: .6rem}.et-button:where([data-size=lg]){--et-button-padding: 1rem 2rem;--et-button-font-size: 1.6rem;--et-button-border-radius: .6rem;--et-button-gap: .7rem}.et-button:where([data-size=xl]){--et-button-padding: 1.4rem 2.8rem;--et-button-font-size: 1.8rem;--et-button-border-radius: .8rem;--et-button-gap: .8rem}.et-button:where([disabled]),.et-button:where([aria-disabled=true]){cursor:not-allowed;pointer-events:none}.et-button:where([disabled],[aria-disabled=true]):where([data-variant=outline]),.et-button:where([disabled],[aria-disabled=true]):where([data-variant=tonal]),.et-button:where([disabled],[aria-disabled=true]):where([data-variant=transparent]),.et-button:where([disabled],[aria-disabled=true])[data-pressed=true]{opacity:var(--et-button-opacity-disabled)}.et-button:where([data-variant=outline]){--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-ink-solid);--_et-button-border-color: var(--et-theme-color-ink-solid)}.et-button[data-pressed=true]:where([data-pressed-variant=outline]){--et-theme-color-primary-opacity: 0;--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-ink-solid);--_et-button-border-color: var(--et-theme-color-ink-solid)}@media(hover:hover){.et-button[data-pressed=true]:where([data-pressed-variant=outline]):not([disabled],[aria-disabled=true]):hover{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-hover-delta)}}.et-button[data-pressed=true]:where([data-pressed-variant=outline]):focus-visible{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-focus-delta)}.et-button[data-pressed=true]:where([data-pressed-variant=outline]):not([disabled],[aria-disabled=true]):active{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-active-delta)}.et-button[data-pressed=true]:where([data-pressed-variant=outline])[data-loading=true]:not([disabled],[aria-disabled=true]){--_et-button-color: var(--et-theme-color-primary-solid);--_et-button-border-color: var(--et-theme-color-primary-solid)}.et-button:where([data-variant=tonal]),.et-button[data-pressed=true]:where([data-pressed-variant=tonal]){--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-ink-solid);--_et-button-border-color: transparent}.et-button:where([data-variant=transparent]){--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-ink-solid);--_et-button-border-color: transparent}@media(hover:hover){.et-button:where([data-variant=filled]):not([disabled],[aria-disabled=true]):hover{--et-theme-color-primary-rgb: var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) )}}.et-button:where([data-variant=filled]):not([disabled],[aria-disabled=true]):active{--_et-button-background: color-mix( in srgb, var(--et-theme-color-primary-solid) 96%, var(--et-theme-color-on-primary-solid) )}.et-button[data-pressed=true]:where([data-pressed-variant=filled]){--et-theme-color-primary-opacity: 1;--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-on-primary);--_et-button-border-color: transparent}@media(hover:hover){.et-button[data-pressed=true]:where([data-pressed-variant=filled]):not([disabled],[aria-disabled=true]):hover{--et-theme-color-primary-opacity: 1}}.et-button[data-pressed=true]:where([data-pressed-variant=filled]):focus-visible{--et-theme-color-primary-opacity: 1}.et-button[data-pressed=true]:where([data-pressed-variant=filled]):not([disabled],[aria-disabled=true]):active{--et-theme-color-primary-opacity: 1}.et-button .et-button-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--et-button-icon-size, 1em);transition:opacity .12s ease}.et-button .et-button-icon:empty{display:none}.et-button .et-button-icon .et-icon{width:1em;height:1em}.et-button .et-button-contents{display:inline-flex;align-items:center;gap:var(--_et-button-gap);min-width:0;transition:opacity .12s ease}.et-button:where([data-stretch-contents]) .et-button-contents{flex:1}.et-button[data-loading=true] .et-button-icon,.et-button[data-loading=true] .et-button-contents{opacity:0}.et-button[data-loading=true] .et-button-loader{opacity:1}}\n"],
 			dependencies: [{
 				kind: "directive",
 				type: NgTemplateOutlet,
@@ -6994,10 +7006,11 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-icon-alignment]": "iconAlignment()",
 				"[attr.data-variant]": "variant()",
 				"[attr.data-size]": "size()",
+				"[attr.data-stretch-contents]": "stretchContents() || null",
 				"[attr.data-pressed-variant]": "pressedVariant()",
 				"[attr.data-can-animate]": "canAnimate.state() || null"
 			},
-			styles: ["@layer components{.et-button{--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-on-primary);--_et-button-border-color: transparent;--_et-button-gap: var(--et-button-gap);display:inline-flex;position:relative;align-items:center;justify-content:center;gap:var(--et-button-gap);background:var(--_et-button-background);color:var(--_et-button-color);border-radius:var(--et-button-border-radius);padding:var(--et-button-padding);font-size:var(--et-button-font-size);font-weight:var(--et-button-font-weight);border:var(--et-button-border-width, .1rem) solid var(--_et-button-border-color);box-shadow:var(--et-button-shadow, 0 0 #0000);cursor:var(--et-button-cursor);text-decoration:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;line-height:var(--et-button-line-height);white-space:nowrap}.et-button[data-can-animate]{transition:background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease,outline-color .12s ease,opacity .12s ease}.et-button:where([data-size=xs]){--et-button-padding: .2rem .8rem;--et-button-font-size: 1.2rem;--et-button-border-radius: .3rem;--et-button-gap: .4rem}.et-button:where([data-size=sm]){--et-button-padding: .4rem 1.2rem;--et-button-font-size: 1.4rem;--et-button-border-radius: .4rem;--et-button-gap: .5rem}.et-button:where([data-size=md]){--et-button-padding: .8rem 1.6rem;--et-button-font-size: 1.4rem;--et-button-border-radius: .4rem;--et-button-gap: .6rem}.et-button:where([data-size=lg]){--et-button-padding: 1rem 2rem;--et-button-font-size: 1.6rem;--et-button-border-radius: .6rem;--et-button-gap: .7rem}.et-button:where([data-size=xl]){--et-button-padding: 1.4rem 2.8rem;--et-button-font-size: 1.8rem;--et-button-border-radius: .8rem;--et-button-gap: .8rem}.et-button:where([disabled]),.et-button:where([aria-disabled=true]){cursor:not-allowed;pointer-events:none}.et-button:where([disabled],[aria-disabled=true]):where([data-variant=outline]),.et-button:where([disabled],[aria-disabled=true]):where([data-variant=tonal]),.et-button:where([disabled],[aria-disabled=true]):where([data-variant=transparent]),.et-button:where([disabled],[aria-disabled=true])[data-pressed=true]{opacity:var(--et-button-opacity-disabled)}.et-button:where([data-variant=outline]){--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-ink-solid);--_et-button-border-color: var(--et-theme-color-ink-solid)}.et-button[data-pressed=true]:where([data-pressed-variant=outline]){--et-theme-color-primary-opacity: 0;--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-ink-solid);--_et-button-border-color: var(--et-theme-color-ink-solid)}@media(hover:hover){.et-button[data-pressed=true]:where([data-pressed-variant=outline]):hover{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-hover-delta)}}.et-button[data-pressed=true]:where([data-pressed-variant=outline]):focus-visible{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-focus-delta)}.et-button[data-pressed=true]:where([data-pressed-variant=outline]):active{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-active-delta)}.et-button[data-pressed=true]:where([data-pressed-variant=outline])[data-loading=true]:not([disabled],[aria-disabled=true]){--_et-button-color: var(--et-theme-color-primary-solid);--_et-button-border-color: var(--et-theme-color-primary-solid)}.et-button:where([data-variant=tonal]),.et-button[data-pressed=true]:where([data-pressed-variant=tonal]){--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-ink-solid);--_et-button-border-color: transparent}.et-button:where([data-variant=transparent]){--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-ink-solid);--_et-button-border-color: transparent}@media(hover:hover){.et-button:where([data-variant=filled]):hover{--et-theme-color-primary-rgb: var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) )}}.et-button:where([data-variant=filled]):active{--_et-button-background: color-mix( in srgb, var(--et-theme-color-primary-solid) 84%, var(--et-theme-color-on-primary-solid) )}.et-button[data-pressed=true]:where([data-pressed-variant=filled]){--et-theme-color-primary-opacity: 1;--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-on-primary);--_et-button-border-color: transparent}@media(hover:hover){.et-button[data-pressed=true]:where([data-pressed-variant=filled]):hover{--et-theme-color-primary-opacity: 1}}.et-button[data-pressed=true]:where([data-pressed-variant=filled]):focus-visible{--et-theme-color-primary-opacity: 1}.et-button[data-pressed=true]:where([data-pressed-variant=filled]):active{--et-theme-color-primary-opacity: 1}.et-button .et-button-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--et-button-icon-size, 1em);transition:opacity .12s ease}.et-button .et-button-icon:empty{display:none}.et-button .et-button-icon .et-icon{width:1em;height:1em}.et-button .et-button-contents{display:inline-flex;align-items:center;gap:var(--_et-button-gap);min-width:0;transition:opacity .12s ease}.et-button[data-loading=true] .et-button-icon,.et-button[data-loading=true] .et-button-contents{opacity:0}.et-button[data-loading=true] .et-button-loader{opacity:1}}\n"]
+			styles: ["@layer components{.et-button{--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-on-primary);--_et-button-border-color: transparent;--_et-button-gap: var(--et-button-gap);display:inline-flex;position:relative;align-items:center;justify-content:center;gap:var(--et-button-gap);background:var(--_et-button-background);color:var(--_et-button-color);border-radius:var(--et-button-border-radius);padding:var(--et-button-padding);font-size:var(--et-button-font-size);font-weight:var(--et-button-font-weight);border:var(--et-button-border-width, .1rem) solid var(--_et-button-border-color);box-shadow:var(--et-button-shadow, 0 0 #0000);cursor:var(--et-button-cursor);text-decoration:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;line-height:var(--et-button-line-height);white-space:nowrap}.et-button[data-can-animate]{transition:background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease,outline-color .12s ease,opacity .12s ease}.et-button:where([data-size=xs]){--et-button-padding: .2rem .8rem;--et-button-font-size: 1.2rem;--et-button-border-radius: .3rem;--et-button-gap: .4rem}.et-button:where([data-size=sm]){--et-button-padding: .4rem 1.2rem;--et-button-font-size: 1.4rem;--et-button-border-radius: .4rem;--et-button-gap: .5rem}.et-button:where([data-size=md]){--et-button-padding: .8rem 1.6rem;--et-button-font-size: 1.4rem;--et-button-border-radius: .4rem;--et-button-gap: .6rem}.et-button:where([data-size=lg]){--et-button-padding: 1rem 2rem;--et-button-font-size: 1.6rem;--et-button-border-radius: .6rem;--et-button-gap: .7rem}.et-button:where([data-size=xl]){--et-button-padding: 1.4rem 2.8rem;--et-button-font-size: 1.8rem;--et-button-border-radius: .8rem;--et-button-gap: .8rem}.et-button:where([disabled]),.et-button:where([aria-disabled=true]){cursor:not-allowed;pointer-events:none}.et-button:where([disabled],[aria-disabled=true]):where([data-variant=outline]),.et-button:where([disabled],[aria-disabled=true]):where([data-variant=tonal]),.et-button:where([disabled],[aria-disabled=true]):where([data-variant=transparent]),.et-button:where([disabled],[aria-disabled=true])[data-pressed=true]{opacity:var(--et-button-opacity-disabled)}.et-button:where([data-variant=outline]){--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-ink-solid);--_et-button-border-color: var(--et-theme-color-ink-solid)}.et-button[data-pressed=true]:where([data-pressed-variant=outline]){--et-theme-color-primary-opacity: 0;--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-ink-solid);--_et-button-border-color: var(--et-theme-color-ink-solid)}@media(hover:hover){.et-button[data-pressed=true]:where([data-pressed-variant=outline]):not([disabled],[aria-disabled=true]):hover{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-hover-delta)}}.et-button[data-pressed=true]:where([data-pressed-variant=outline]):focus-visible{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-focus-delta)}.et-button[data-pressed=true]:where([data-pressed-variant=outline]):not([disabled],[aria-disabled=true]):active{--et-theme-color-primary-opacity: var(--et-button-variant-opacity-active-delta)}.et-button[data-pressed=true]:where([data-pressed-variant=outline])[data-loading=true]:not([disabled],[aria-disabled=true]){--_et-button-color: var(--et-theme-color-primary-solid);--_et-button-border-color: var(--et-theme-color-primary-solid)}.et-button:where([data-variant=tonal]),.et-button[data-pressed=true]:where([data-pressed-variant=tonal]){--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-ink-solid);--_et-button-border-color: transparent}.et-button:where([data-variant=transparent]){--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-ink-solid);--_et-button-border-color: transparent}@media(hover:hover){.et-button:where([data-variant=filled]):not([disabled],[aria-disabled=true]):hover{--et-theme-color-primary-rgb: var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) )}}.et-button:where([data-variant=filled]):not([disabled],[aria-disabled=true]):active{--_et-button-background: color-mix( in srgb, var(--et-theme-color-primary-solid) 96%, var(--et-theme-color-on-primary-solid) )}.et-button[data-pressed=true]:where([data-pressed-variant=filled]){--et-theme-color-primary-opacity: 1;--_et-button-background: rgb(var(--et-theme-color-primary-rgb) / var(--et-theme-color-primary-opacity));--_et-button-color: var(--et-theme-color-on-primary);--_et-button-border-color: transparent}@media(hover:hover){.et-button[data-pressed=true]:where([data-pressed-variant=filled]):not([disabled],[aria-disabled=true]):hover{--et-theme-color-primary-opacity: 1}}.et-button[data-pressed=true]:where([data-pressed-variant=filled]):focus-visible{--et-theme-color-primary-opacity: 1}.et-button[data-pressed=true]:where([data-pressed-variant=filled]):not([disabled],[aria-disabled=true]):active{--et-theme-color-primary-opacity: 1}.et-button .et-button-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--et-button-icon-size, 1em);transition:opacity .12s ease}.et-button .et-button-icon:empty{display:none}.et-button .et-button-icon .et-icon{width:1em;height:1em}.et-button .et-button-contents{display:inline-flex;align-items:center;gap:var(--_et-button-gap);min-width:0;transition:opacity .12s ease}.et-button:where([data-stretch-contents]) .et-button-contents{flex:1}.et-button[data-loading=true] .et-button-icon,.et-button[data-loading=true] .et-button-contents{opacity:0}.et-button[data-loading=true] .et-button-loader{opacity:1}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -7024,6 +7037,14 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "iconAlignment",
 				required: false
 			}]
+		}],
+		stretchContents: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "stretchContents",
+				required: false
+			}]
 		}]
 	}
 });
@@ -7100,7 +7121,8 @@ var BracketParticipantsComponent = class BracketParticipantsComponent {
 				inputs: [
 					"variant",
 					"size",
-					"iconAlignment"
+					"iconAlignment",
+					"stretchContents"
 				]
 			}],
 			encapsulation: i0.ViewEncapsulation.None
@@ -10982,6 +11004,10 @@ const WINDOW_CONTROL_BUTTON_KINDS = {
 	DEFAULT: "default",
 	CLOSE: "close"
 };
+const WINDOW_CONTROL_BUTTON_SHAPES = {
+	SQUARE: "square",
+	ROUND: "round"
+};
 const WINDOW_CONTROL_BUTTON_SPINNER_CONFIG = {
 	sm: {
 		diameter: 12,
@@ -11001,6 +11027,7 @@ var WindowControlButtonComponent = class WindowControlButtonComponent {
 		this.buttonDir = inject(ButtonDirective);
 		this.size = input(WINDOW_CONTROL_BUTTON_SIZES.MD, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
 		this.kind = input(WINDOW_CONTROL_BUTTON_KINDS.DEFAULT, ...ngDevMode ? [{ debugName: "kind" }] : /* istanbul ignore next */ []);
+		this.shape = input(WINDOW_CONTROL_BUTTON_SHAPES.SQUARE, ...ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []);
 		this.canAnimate = createCanAnimateSignal();
 		this.spinnerConfig = computed(() => WINDOW_CONTROL_BUTTON_SPINNER_CONFIG[this.size()], ...ngDevMode ? [{ debugName: "spinnerConfig" }] : /* istanbul ignore next */ []);
 	}
@@ -11035,12 +11062,20 @@ var WindowControlButtonComponent = class WindowControlButtonComponent {
 					isSignal: true,
 					isRequired: false,
 					transformFunction: null
+				},
+				shape: {
+					classPropertyName: "shape",
+					publicName: "shape",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
 				}
 			},
 			host: {
 				properties: {
 					"attr.data-kind": "kind()",
 					"attr.data-size": "size()",
+					"attr.data-shape": "shape()",
 					"attr.data-can-animate": "canAnimate.state() || null"
 				},
 				classAttribute: "et-window-control-button"
@@ -11090,7 +11125,7 @@ var WindowControlButtonComponent = class WindowControlButtonComponent {
     }
   `,
 			isInline: true,
-			styles: ["@layer components{@property --_et-window-control-button-size{syntax: \"<length>\"; inherits: false; initial-value: 32px;}@property --_et-window-control-button-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}.et-window-control-button{--et-theme-color-primary-opacity: 0;--_et-window-control-button-fallback-background: transparent;--_et-window-control-button-fallback-color: rgba(255, 255, 255, .92);--_et-window-control-button-border-radius: 4px;display:inline-flex;position:relative;align-items:center;justify-content:center;width:var(--_et-window-control-button-size);height:var(--_et-window-control-button-size);flex-shrink:0;padding:0;border:none;border-radius:var(--_et-window-control-button-border-radius);background:var(--et-theme-color-primary, var(--_et-window-control-button-fallback-background));color:var(--et-theme-color-ink-solid, var(--_et-window-control-button-fallback-color));cursor:var(--et-button-cursor);font-size:var(--_et-window-control-button-icon-size);line-height:1;text-decoration:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.et-window-control-button[data-can-animate]{transition:background .12s ease,color .12s ease,box-shadow .12s ease,outline-color .12s ease,opacity .12s ease}.et-window-control-button:where([data-size=sm]){--_et-window-control-button-size: 2.8rem;--_et-window-control-button-icon-size: 1.4rem}.et-window-control-button:where([data-size=md]){--_et-window-control-button-size: 3.2rem;--_et-window-control-button-icon-size: 1.6rem}.et-window-control-button:where([data-size=lg]){--_et-window-control-button-size: 3.6rem;--_et-window-control-button-icon-size: 1.8rem}@media(hover:hover){.et-window-control-button:hover{--et-theme-color-primary-opacity: .14;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .14)}}.et-window-control-button:focus-visible{--et-theme-color-primary-opacity: .18;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .18)}.et-window-control-button:active{--et-theme-color-primary-opacity: .22;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .22)}.et-window-control-button[data-pressed=true]{--et-theme-color-primary-opacity: .18;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .18)}@media(hover:hover){.et-window-control-button[data-pressed=true]:hover{--et-theme-color-primary-opacity: .24;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .24)}}.et-window-control-button[data-pressed=true]:focus-visible{--et-theme-color-primary-opacity: .28;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .28)}.et-window-control-button[data-pressed=true]:active{--et-theme-color-primary-opacity: .32;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .32)}.et-window-control-button:where([data-kind=close]):focus-visible{background:var(--et-window-control-button-close-background, rgba(232, 17, 35, .92));color:var(--et-window-control-button-close-color, #ffffff)}@media(hover:hover){.et-window-control-button:where([data-kind=close]):hover{background:var(--et-window-control-button-close-background, rgba(232, 17, 35, .92));color:var(--et-window-control-button-close-color, #ffffff)}}.et-window-control-button:where([data-kind=close]):active{background:var(--et-window-control-button-close-background-active, rgba(196, 14, 29, .96));color:var(--et-window-control-button-close-color, #ffffff)}.et-window-control-button:where([disabled]),.et-window-control-button:where([aria-disabled=true]){opacity:var(--et-button-opacity-disabled);cursor:not-allowed;pointer-events:none}.et-window-control-button .et-window-control-button-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .12s ease}.et-window-control-button .et-window-control-button-icon:empty{display:none}.et-window-control-button .et-window-control-button-icon .et-icon{width:var(--_et-window-control-button-icon-size);height:var(--_et-window-control-button-icon-size)}.et-window-control-button[data-loading=true] .et-window-control-button-icon{opacity:0}.et-window-control-button[data-loading=true] .et-button-loader{opacity:1}}\n"],
+			styles: ["@layer components{@property --_et-window-control-button-size{syntax: \"<length>\"; inherits: false; initial-value: 32px;}@property --_et-window-control-button-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}.et-window-control-button{--et-theme-color-primary-opacity: 0;--_et-window-control-button-fallback-background: transparent;--_et-window-control-button-fallback-color: rgba(255, 255, 255, .92);--_et-window-control-button-border-radius: 4px;display:inline-flex;position:relative;align-items:center;justify-content:center;width:var(--_et-window-control-button-size);height:var(--_et-window-control-button-size);flex-shrink:0;padding:0;border:none;border-radius:var(--_et-window-control-button-border-radius);background:var(--et-theme-color-primary, var(--_et-window-control-button-fallback-background));color:var(--et-theme-color-ink-solid, var(--_et-window-control-button-fallback-color));cursor:var(--et-button-cursor);font-size:var(--_et-window-control-button-icon-size);line-height:1;text-decoration:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.et-window-control-button[data-can-animate]{transition:background .12s ease,color .12s ease,box-shadow .12s ease,outline-color .12s ease,opacity .12s ease}.et-window-control-button:where([data-size=sm]){--_et-window-control-button-size: 2.8rem;--_et-window-control-button-icon-size: 1.4rem}.et-window-control-button:where([data-size=md]){--_et-window-control-button-size: 3.2rem;--_et-window-control-button-icon-size: 1.6rem}.et-window-control-button:where([data-size=lg]){--_et-window-control-button-size: 3.6rem;--_et-window-control-button-icon-size: 1.8rem}.et-window-control-button:where([data-shape=round]){--et-theme-color-primary-opacity: .1;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .1);--_et-window-control-button-border-radius: 50%}.et-window-control-button:where([data-shape=round][data-size=sm]){--_et-window-control-button-size: 2rem;--_et-window-control-button-icon-size: 1.2rem}.et-window-control-button:where([data-shape=round][data-size=md]){--_et-window-control-button-size: 2.4rem;--_et-window-control-button-icon-size: 1.6rem}.et-window-control-button:where([data-shape=round][data-size=lg]){--_et-window-control-button-size: 2.8rem;--_et-window-control-button-icon-size: 1.8rem}@media(hover:hover){.et-window-control-button:hover{--et-theme-color-primary-opacity: .14;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .14)}}.et-window-control-button:focus-visible{--et-theme-color-primary-opacity: .18;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .18)}.et-window-control-button:active{--et-theme-color-primary-opacity: .22;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .22)}.et-window-control-button[data-pressed=true]{--et-theme-color-primary-opacity: .18;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .18)}@media(hover:hover){.et-window-control-button[data-pressed=true]:hover{--et-theme-color-primary-opacity: .24;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .24)}}.et-window-control-button[data-pressed=true]:focus-visible{--et-theme-color-primary-opacity: .28;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .28)}.et-window-control-button[data-pressed=true]:active{--et-theme-color-primary-opacity: .32;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .32)}@media(hover:hover){.et-window-control-button:where([data-shape=round]):hover{--et-theme-color-primary-opacity: .15;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .15)}}.et-window-control-button:where([data-shape=round]):focus-visible{--et-theme-color-primary-opacity: .15;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .15)}.et-window-control-button:where([data-shape=round]):active{--et-theme-color-primary-opacity: .3;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .3)}.et-window-control-button:where([data-kind=close]:not([data-shape=round])):focus-visible{background:var(--et-window-control-button-close-background, rgba(232, 17, 35, .92));color:var(--et-window-control-button-close-color, #ffffff)}@media(hover:hover){.et-window-control-button:where([data-kind=close]:not([data-shape=round])):hover{background:var(--et-window-control-button-close-background, rgba(232, 17, 35, .92));color:var(--et-window-control-button-close-color, #ffffff)}}.et-window-control-button:where([data-kind=close]:not([data-shape=round])):active{background:var(--et-window-control-button-close-background-active, rgba(196, 14, 29, .96));color:var(--et-window-control-button-close-color, #ffffff)}.et-window-control-button:where([disabled]),.et-window-control-button:where([aria-disabled=true]){opacity:var(--et-button-opacity-disabled);cursor:not-allowed;pointer-events:none}.et-window-control-button .et-window-control-button-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .12s ease}.et-window-control-button .et-window-control-button-icon:empty{display:none}.et-window-control-button .et-window-control-button-icon .et-icon{width:var(--_et-window-control-button-icon-size);height:var(--_et-window-control-button-icon-size)}.et-window-control-button[data-loading=true] .et-window-control-button-icon{opacity:0}.et-window-control-button[data-loading=true] .et-button-loader{opacity:1}}\n"],
 			dependencies: [{
 				kind: "component",
 				type: SpinnerComponent,
@@ -11158,9 +11193,10 @@ i0.ɵɵngDeclareClassMetadata({
 				class: "et-window-control-button",
 				"[attr.data-kind]": "kind()",
 				"[attr.data-size]": "size()",
+				"[attr.data-shape]": "shape()",
 				"[attr.data-can-animate]": "canAnimate.state() || null"
 			},
-			styles: ["@layer components{@property --_et-window-control-button-size{syntax: \"<length>\"; inherits: false; initial-value: 32px;}@property --_et-window-control-button-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}.et-window-control-button{--et-theme-color-primary-opacity: 0;--_et-window-control-button-fallback-background: transparent;--_et-window-control-button-fallback-color: rgba(255, 255, 255, .92);--_et-window-control-button-border-radius: 4px;display:inline-flex;position:relative;align-items:center;justify-content:center;width:var(--_et-window-control-button-size);height:var(--_et-window-control-button-size);flex-shrink:0;padding:0;border:none;border-radius:var(--_et-window-control-button-border-radius);background:var(--et-theme-color-primary, var(--_et-window-control-button-fallback-background));color:var(--et-theme-color-ink-solid, var(--_et-window-control-button-fallback-color));cursor:var(--et-button-cursor);font-size:var(--_et-window-control-button-icon-size);line-height:1;text-decoration:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.et-window-control-button[data-can-animate]{transition:background .12s ease,color .12s ease,box-shadow .12s ease,outline-color .12s ease,opacity .12s ease}.et-window-control-button:where([data-size=sm]){--_et-window-control-button-size: 2.8rem;--_et-window-control-button-icon-size: 1.4rem}.et-window-control-button:where([data-size=md]){--_et-window-control-button-size: 3.2rem;--_et-window-control-button-icon-size: 1.6rem}.et-window-control-button:where([data-size=lg]){--_et-window-control-button-size: 3.6rem;--_et-window-control-button-icon-size: 1.8rem}@media(hover:hover){.et-window-control-button:hover{--et-theme-color-primary-opacity: .14;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .14)}}.et-window-control-button:focus-visible{--et-theme-color-primary-opacity: .18;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .18)}.et-window-control-button:active{--et-theme-color-primary-opacity: .22;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .22)}.et-window-control-button[data-pressed=true]{--et-theme-color-primary-opacity: .18;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .18)}@media(hover:hover){.et-window-control-button[data-pressed=true]:hover{--et-theme-color-primary-opacity: .24;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .24)}}.et-window-control-button[data-pressed=true]:focus-visible{--et-theme-color-primary-opacity: .28;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .28)}.et-window-control-button[data-pressed=true]:active{--et-theme-color-primary-opacity: .32;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .32)}.et-window-control-button:where([data-kind=close]):focus-visible{background:var(--et-window-control-button-close-background, rgba(232, 17, 35, .92));color:var(--et-window-control-button-close-color, #ffffff)}@media(hover:hover){.et-window-control-button:where([data-kind=close]):hover{background:var(--et-window-control-button-close-background, rgba(232, 17, 35, .92));color:var(--et-window-control-button-close-color, #ffffff)}}.et-window-control-button:where([data-kind=close]):active{background:var(--et-window-control-button-close-background-active, rgba(196, 14, 29, .96));color:var(--et-window-control-button-close-color, #ffffff)}.et-window-control-button:where([disabled]),.et-window-control-button:where([aria-disabled=true]){opacity:var(--et-button-opacity-disabled);cursor:not-allowed;pointer-events:none}.et-window-control-button .et-window-control-button-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .12s ease}.et-window-control-button .et-window-control-button-icon:empty{display:none}.et-window-control-button .et-window-control-button-icon .et-icon{width:var(--_et-window-control-button-icon-size);height:var(--_et-window-control-button-icon-size)}.et-window-control-button[data-loading=true] .et-window-control-button-icon{opacity:0}.et-window-control-button[data-loading=true] .et-button-loader{opacity:1}}\n"]
+			styles: ["@layer components{@property --_et-window-control-button-size{syntax: \"<length>\"; inherits: false; initial-value: 32px;}@property --_et-window-control-button-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}.et-window-control-button{--et-theme-color-primary-opacity: 0;--_et-window-control-button-fallback-background: transparent;--_et-window-control-button-fallback-color: rgba(255, 255, 255, .92);--_et-window-control-button-border-radius: 4px;display:inline-flex;position:relative;align-items:center;justify-content:center;width:var(--_et-window-control-button-size);height:var(--_et-window-control-button-size);flex-shrink:0;padding:0;border:none;border-radius:var(--_et-window-control-button-border-radius);background:var(--et-theme-color-primary, var(--_et-window-control-button-fallback-background));color:var(--et-theme-color-ink-solid, var(--_et-window-control-button-fallback-color));cursor:var(--et-button-cursor);font-size:var(--_et-window-control-button-icon-size);line-height:1;text-decoration:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.et-window-control-button[data-can-animate]{transition:background .12s ease,color .12s ease,box-shadow .12s ease,outline-color .12s ease,opacity .12s ease}.et-window-control-button:where([data-size=sm]){--_et-window-control-button-size: 2.8rem;--_et-window-control-button-icon-size: 1.4rem}.et-window-control-button:where([data-size=md]){--_et-window-control-button-size: 3.2rem;--_et-window-control-button-icon-size: 1.6rem}.et-window-control-button:where([data-size=lg]){--_et-window-control-button-size: 3.6rem;--_et-window-control-button-icon-size: 1.8rem}.et-window-control-button:where([data-shape=round]){--et-theme-color-primary-opacity: .1;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .1);--_et-window-control-button-border-radius: 50%}.et-window-control-button:where([data-shape=round][data-size=sm]){--_et-window-control-button-size: 2rem;--_et-window-control-button-icon-size: 1.2rem}.et-window-control-button:where([data-shape=round][data-size=md]){--_et-window-control-button-size: 2.4rem;--_et-window-control-button-icon-size: 1.6rem}.et-window-control-button:where([data-shape=round][data-size=lg]){--_et-window-control-button-size: 2.8rem;--_et-window-control-button-icon-size: 1.8rem}@media(hover:hover){.et-window-control-button:hover{--et-theme-color-primary-opacity: .14;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .14)}}.et-window-control-button:focus-visible{--et-theme-color-primary-opacity: .18;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .18)}.et-window-control-button:active{--et-theme-color-primary-opacity: .22;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .22)}.et-window-control-button[data-pressed=true]{--et-theme-color-primary-opacity: .18;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .18)}@media(hover:hover){.et-window-control-button[data-pressed=true]:hover{--et-theme-color-primary-opacity: .24;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .24)}}.et-window-control-button[data-pressed=true]:focus-visible{--et-theme-color-primary-opacity: .28;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .28)}.et-window-control-button[data-pressed=true]:active{--et-theme-color-primary-opacity: .32;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .32)}@media(hover:hover){.et-window-control-button:where([data-shape=round]):hover{--et-theme-color-primary-opacity: .15;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .15)}}.et-window-control-button:where([data-shape=round]):focus-visible{--et-theme-color-primary-opacity: .15;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .15)}.et-window-control-button:where([data-shape=round]):active{--et-theme-color-primary-opacity: .3;--_et-window-control-button-fallback-background: rgba(255, 255, 255, .3)}.et-window-control-button:where([data-kind=close]:not([data-shape=round])):focus-visible{background:var(--et-window-control-button-close-background, rgba(232, 17, 35, .92));color:var(--et-window-control-button-close-color, #ffffff)}@media(hover:hover){.et-window-control-button:where([data-kind=close]:not([data-shape=round])):hover{background:var(--et-window-control-button-close-background, rgba(232, 17, 35, .92));color:var(--et-window-control-button-close-color, #ffffff)}}.et-window-control-button:where([data-kind=close]:not([data-shape=round])):active{background:var(--et-window-control-button-close-background-active, rgba(196, 14, 29, .96));color:var(--et-window-control-button-close-color, #ffffff)}.et-window-control-button:where([disabled]),.et-window-control-button:where([aria-disabled=true]){opacity:var(--et-button-opacity-disabled);cursor:not-allowed;pointer-events:none}.et-window-control-button .et-window-control-button-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .12s ease}.et-window-control-button .et-window-control-button-icon:empty{display:none}.et-window-control-button .et-window-control-button-icon .et-icon{width:var(--_et-window-control-button-icon-size);height:var(--_et-window-control-button-icon-size)}.et-window-control-button[data-loading=true] .et-window-control-button-icon{opacity:0}.et-window-control-button[data-loading=true] .et-button-loader{opacity:1}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -11179,6 +11215,14 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "kind",
 				required: false
 			}]
+		}],
+		shape: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "shape",
+				required: false
+			}]
 		}]
 	}
 });
@@ -12429,8 +12473,16 @@ const createQueryParamOverlayOpener = (definition, openerConfig) => {
 			if (keepsOwnership || !replaceUrl && untracked(url) !== urlBefore) ownEntryUrl = untracked(url);
 		});
 	};
+	const pendingNavigationDropsParam = () => {
+		const navigation = router.currentNavigation();
+		return !!navigation && !navigation.extractedUrl.queryParamMap.has(definition.queryParamKey);
+	};
 	const clearQueryParam = () => {
 		if (untracked(queryParamValue) === null) return;
+		if (pendingNavigationDropsParam()) {
+			ownEntryUrl = null;
+			return;
+		}
 		const stepBack = ownsTopEntry();
 		ownEntryUrl = null;
 		if (stepBack) location.back();
@@ -13205,7 +13257,8 @@ var AlertDialogComponent = class AlertDialogComponent {
 					inputs: [
 						"variant",
 						"size",
-						"iconAlignment"
+						"iconAlignment",
+						"stretchContents"
 					]
 				},
 				{
@@ -21907,7 +21960,7 @@ var CalendarComponent = class CalendarComponent {
 			}],
 			ngImport: i0,
 			template: "@if (headerTemplate(); as header) {\n  <ng-container *ngTemplateOutlet=\"header.templateRef; context: { $implicit: calendar }\" />\n} @else {\n  <div class=\"et-calendar-header\">\n    <button\n      [disabled]=\"!calendar.canGoPrev()\"\n      [attr.aria-label]=\"resolvedPreviousLabel()\"\n      (click)=\"calendar.previous()\"\n      class=\"et-calendar-nav-button et-calendar-nav-button--previous\"\n      et-icon-button\n      size=\"sm\"\n      type=\"button\"\n    >\n      <i etIcon=\"et-chevron\"></i>\n    </button>\n\n    <button\n      [attr.aria-label]=\"resolvedZoomLabel()\"\n      (click)=\"calendar.zoomOut()\"\n      class=\"et-calendar-header-label\"\n      type=\"button\"\n    >\n      <span class=\"et-calendar-header-label-text\" aria-live=\"polite\">\n        @if (calendar.transitionParity()) {\n          <ng-container *ngTemplateOutlet=\"headerValue\" />\n        } @else {\n          <ng-container *ngTemplateOutlet=\"headerValue\" />\n        }\n      </span>\n\n      <i class=\"et-calendar-header-label-icon\" etIcon=\"et-chevron\"></i>\n    </button>\n\n    <button\n      [disabled]=\"!calendar.canGoNext()\"\n      [attr.aria-label]=\"resolvedNextLabel()\"\n      (click)=\"calendar.next()\"\n      class=\"et-calendar-nav-button et-calendar-nav-button--next\"\n      et-icon-button\n      size=\"sm\"\n      type=\"button\"\n    >\n      <i etIcon=\"et-chevron\"></i>\n    </button>\n  </div>\n}\n\n<div class=\"et-calendar-grid\" etCalendarGrid>\n  @if (calendar.view() === 'month' && calendar.monthsShown() === 1) {\n    <ng-container *ngTemplateOutlet=\"weekdayRow\" />\n  }\n\n  <div class=\"et-calendar-weeks-viewport\" role=\"presentation\">\n    @if (calendar.transitionParity()) {\n      <ng-container *ngTemplateOutlet=\"weeks\" />\n    } @else {\n      <ng-container *ngTemplateOutlet=\"weeks\" />\n    }\n  </div>\n\n  <!-- Declared inside the grid, not just outlet here: an [etCalendarCell]'s injected\n       CalendarGridDirective resolves through this template's declaration view, which\n       ngTemplateOutlet does not re-parent to wherever it renders. -->\n  <ng-template #weeks>\n    <div\n      [attr.data-nav]=\"calendar.navigationDirection()\"\n      class=\"et-calendar-weeks\"\n      animate.leave=\"et-calendar-weeks--leave\"\n      etCalendarInertOnLeave\n      role=\"rowgroup\"\n    >\n      @switch (calendar.view()) {\n        @case ('year') {\n          @for (row of calendar.monthCells(); track $index) {\n            <div class=\"et-calendar-coarse-row\" role=\"row\">\n              @for (cell of row; track cell.date.getTime()) {\n                <button [cell]=\"cell\" class=\"et-calendar-cell et-calendar-cell--coarse\" etCalendarCell type=\"button\">\n                  <span class=\"et-calendar-cell-content\">{{ cell.label }}</span>\n                </button>\n              }\n            </div>\n          }\n        }\n        @case ('multiYear') {\n          @for (row of calendar.yearCells(); track $index) {\n            <div class=\"et-calendar-coarse-row\" role=\"row\">\n              @for (cell of row; track cell.date.getTime()) {\n                <button [cell]=\"cell\" class=\"et-calendar-cell et-calendar-cell--coarse\" etCalendarCell type=\"button\">\n                  <span class=\"et-calendar-cell-content\">{{ cell.label }}</span>\n                </button>\n              }\n            </div>\n          }\n        }\n        @default {\n          <div class=\"et-calendar-months\" role=\"presentation\">\n            @for (page of calendar.monthPages(); track page.key) {\n              <div class=\"et-calendar-month\" role=\"presentation\">\n                @if (calendar.monthsShown() > 1) {\n                  <div class=\"et-calendar-month-label\">{{ page.label }}</div>\n\n                  <ng-container *ngTemplateOutlet=\"weekdayRow\" />\n                }\n\n                @for (week of page.weeks; track $index) {\n                  <div class=\"et-calendar-week\" role=\"row\">\n                    @if (weekNumbers()) {\n                      <span\n                        [attr.aria-label]=\"weekLabel() + ' ' + page.weekNumbers[$index]\"\n                        class=\"et-calendar-week-number\"\n                        role=\"rowheader\"\n                        >{{ page.weekNumbers[$index] }}</span\n                      >\n                    }\n\n                    @for (cell of week; track cell.date.getTime()) {\n                      @if (cell.outsideMonth && calendar.monthsShown() > 1) {\n                        <span class=\"et-calendar-cell et-calendar-cell--empty\" role=\"gridcell\"></span>\n                      } @else {\n                        <button [cell]=\"cell\" class=\"et-calendar-cell\" etCalendarCell type=\"button\">\n                          <span class=\"et-calendar-cell-content\">{{ cell.label }}</span>\n                        </button>\n                      }\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n      }\n    </div>\n  </ng-template>\n</div>\n\n<ng-template #headerValue>\n  <span\n    [attr.data-nav]=\"calendar.navigationDirection()\"\n    class=\"et-calendar-header-label-value\"\n    animate.leave=\"et-calendar-header-label-value--leave\"\n    etCalendarInertOnLeave\n    >{{ calendar.headerLabel() }}</span\n  >\n</ng-template>\n\n<ng-template #weekdayRow>\n  <div class=\"et-calendar-weekdays\" role=\"row\">\n    @if (weekNumbers()) {\n      <span [attr.aria-label]=\"weekLabel()\" class=\"et-calendar-week-number-heading\" role=\"columnheader\"></span>\n    }\n\n    @for (weekday of calendar.weekdays(); track weekday.long) {\n      <span [attr.aria-label]=\"weekday.long\" class=\"et-calendar-weekday\" role=\"columnheader\">{{ weekday.short }}</span>\n    }\n  </div>\n</ng-template>\n",
-			styles: ["@layer components{@property --et-calendar-cell-size{syntax: \"<length>\"; inherits: true; initial-value: 40px;}.et-calendar{display:inline-flex;flex-direction:column;gap:4px;-webkit-user-select:none;user-select:none;--_et-calendar-week-column: 0px}.et-calendar .et-calendar-header{display:flex;align-items:center;gap:4px}.et-calendar .et-calendar-header-label{position:relative;display:inline-flex;flex:1;align-items:center;justify-content:center;padding:4px 22px;border:none;border-radius:8px;background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--et-surface-color-solid);cursor:pointer;transition:background-color .14s var(--ease-3, ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.et-calendar .et-calendar-header-label:hover{background:color-mix(in srgb,var(--et-surface-interaction-solid) 12%,transparent)}}.et-calendar .et-calendar-header-label:active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 22%,transparent)}.et-calendar .et-calendar-header-label:focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-calendar .et-calendar-header-label-text{position:relative;display:inline-grid;grid-template-areas:\"label\";justify-items:center;white-space:nowrap}.et-calendar .et-calendar-header-label-value{grid-area:label}.et-calendar .et-calendar-header-label-value:where([data-nav=forward]){animation:et-calendar-label-in-forward .2s ease}.et-calendar .et-calendar-header-label-value:where([data-nav=backward]){animation:et-calendar-label-in-backward .2s ease}.et-calendar .et-calendar-header-label-value:where([data-nav=zoomIn],[data-nav=zoomOut]){animation:et-calendar-label-in-zoom .16s ease}.et-calendar .et-calendar-header-label-value--leave{position:absolute;inset-block:0;animation:et-calendar-label-out .14s ease forwards}.et-calendar .et-calendar-header-label-icon{position:absolute;inset-inline-end:6px;inset-block-start:50%;inline-size:12px;block-size:12px;rotate:180deg;translate:0 -50%;transition:rotate .2s var(--ease-3, ease-out);opacity:.7}.et-calendar:where([data-view=multiYear]) .et-calendar-header-label-icon{rotate:0deg}.et-calendar .et-calendar-nav-button--previous .et-icon{rotate:-90deg}.et-calendar .et-calendar-nav-button--next .et-icon{rotate:90deg}.et-calendar .et-calendar-grid{display:flex;flex-direction:column}.et-calendar .et-calendar-weeks-viewport{position:relative;display:grid;flex:1;grid-template-areas:\"weeks\";align-content:start;justify-items:center;min-inline-size:calc((var(--et-calendar-cell-size) * 7 + var(--_et-calendar-week-column)) * var(--_et-calendar-months, 1) + 16px * (var(--_et-calendar-months, 1) - 1))}.et-calendar .et-calendar-weeks{grid-area:weeks}.et-calendar .et-calendar-weekdays,.et-calendar .et-calendar-week{display:grid;grid-template-columns:repeat(7,var(--et-calendar-cell-size))}.et-calendar .et-calendar-months{display:flex;gap:16px}.et-calendar .et-calendar-month-label{padding-block-end:4px;text-align:center;font-size:13px;font-weight:600;color:var(--et-surface-color-solid)}.et-calendar .et-calendar-cell--empty{pointer-events:none}.et-calendar .et-calendar-weeks:where([data-nav=forward]){animation:et-calendar-weeks-in-forward .2s ease}.et-calendar .et-calendar-weeks:where([data-nav=backward]){animation:et-calendar-weeks-in-backward .2s ease}.et-calendar .et-calendar-weeks:where([data-nav=zoomIn],[data-nav=zoomOut]){animation:et-calendar-weeks-in-zoom .16s ease}.et-calendar .et-calendar-weeks--leave{animation:et-calendar-weeks-out .14s ease forwards;pointer-events:none}.et-calendar .et-calendar-weekday{display:inline-flex;align-items:center;justify-content:center;block-size:32px;font-size:12px;color:var(--et-surface-color-muted-solid)}.et-calendar .et-calendar-cell{position:relative;display:inline-flex;align-items:center;justify-content:center;block-size:var(--et-calendar-cell-size);padding:0;border:none;background:transparent;font:inherit;font-size:13px;color:var(--et-surface-color-solid);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.et-calendar .et-calendar-cell:before{content:\"\";position:absolute;inset-block:4px;inset-inline:0;display:none;background:light-dark(color-mix(in srgb,var(--et-theme-color-primary-solid) 32%,transparent),color-mix(in srgb,var(--et-theme-color-primary-solid) 12%,transparent))}.et-calendar .et-calendar-cell:where([data-band]):before{display:block}.et-calendar .et-calendar-cell:where([data-band=start]):before{inset-inline-start:50%}.et-calendar .et-calendar-cell:where([data-band=end]):before{inset-inline-end:50%}.et-calendar .et-calendar-cell .et-calendar-cell-content{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:calc(var(--et-calendar-cell-size) - 6px);block-size:calc(var(--et-calendar-cell-size) - 6px);border-radius:999px;transition:background-color .15s ease,color .15s ease}@media(hover:hover){.et-calendar .et-calendar-cell:where(:not([data-disabled])):hover .et-calendar-cell-content{background:color-mix(in srgb,var(--et-surface-interaction-solid) 12%,transparent)}}.et-calendar .et-calendar-cell:focus-visible{outline:none}.et-calendar .et-calendar-cell:focus-visible .et-calendar-cell-content{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-calendar .et-calendar-cell:where([data-outside-month]){color:var(--et-surface-color-muted-solid)}.et-calendar .et-calendar-cell:where([data-today]) .et-calendar-cell-content{box-shadow:inset 0 0 0 1px var(--et-theme-color-ink-solid)}.et-calendar .et-calendar-cell:where([data-selected],[data-band=start],[data-band=end]):where(:not([data-disabled],[data-today])) .et-calendar-cell-content{box-shadow:inset 0 0 0 1px light-dark(var(--et-theme-color-ink-solid),transparent)}.et-calendar .et-calendar-cell:where([data-band=start],[data-band=end]):where(:not([data-selected])){color:var(--et-theme-color-on-primary)}.et-calendar .et-calendar-cell:where([data-band=start],[data-band=end]):where(:not([data-selected])) .et-calendar-cell-content{background:var(--et-theme-color-primary-solid);font-weight:600}@media(hover:hover){.et-calendar .et-calendar-cell:where([data-band=start],[data-band=end]):where(:not([data-selected])):hover .et-calendar-cell-content{background:var(--et-theme-color-primary-solid)}}.et-calendar .et-calendar-cell:where([data-selected]){color:var(--et-theme-color-on-primary)}.et-calendar .et-calendar-cell:where([data-selected]) .et-calendar-cell-content{background:var(--et-theme-color-primary-solid);font-weight:600}@media(hover:hover){.et-calendar .et-calendar-cell:where([data-selected]):hover .et-calendar-cell-content{background:var(--et-theme-color-primary-solid)}}.et-calendar .et-calendar-cell:where([data-disabled]){color:var(--et-surface-color-subtle-solid);cursor:default}.et-calendar .et-calendar-cell:where([data-disabled]) .et-calendar-cell-content{background:transparent;text-decoration:line-through}@keyframes et-calendar-weeks-in-forward{0%{opacity:0;transform:translate(14px)}}@keyframes et-calendar-weeks-in-backward{0%{opacity:0;transform:translate(-14px)}}@keyframes et-calendar-weeks-in-zoom{0%{opacity:0}}@keyframes et-calendar-weeks-out{to{opacity:0}}@keyframes et-calendar-label-in-forward{0%{opacity:0;transform:translate(6px)}}@keyframes et-calendar-label-in-backward{0%{opacity:0;transform:translate(-6px)}}@keyframes et-calendar-label-in-zoom{0%{opacity:0}}@keyframes et-calendar-label-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.et-calendar .et-calendar-weeks,.et-calendar .et-calendar-weeks--leave,.et-calendar .et-calendar-header-label-value,.et-calendar .et-calendar-header-label-value--leave{animation:none}.et-calendar .et-calendar-header-label-icon{transition:none}}}\n"],
+			styles: ["@layer components{@property --et-calendar-cell-size{syntax: \"<length>\"; inherits: true; initial-value: 40px;}.et-calendar{display:inline-flex;flex-direction:column;gap:4px;-webkit-user-select:none;user-select:none;--_et-calendar-week-column: 0px}.et-calendar .et-calendar-header{display:flex;align-items:center;gap:4px}.et-calendar .et-calendar-header-label{position:relative;display:inline-flex;flex:1;align-items:center;justify-content:center;padding:4px 22px;border:none;border-radius:8px;background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--et-surface-color-solid);cursor:pointer;transition:background-color .14s var(--ease-3, ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.et-calendar .et-calendar-header-label:not([disabled],[aria-disabled=true]):hover{background:color-mix(in srgb,var(--et-surface-interaction-solid) 12%,transparent)}}.et-calendar .et-calendar-header-label:not([disabled],[aria-disabled=true]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 22%,transparent)}.et-calendar .et-calendar-header-label:focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-calendar .et-calendar-header-label-text{position:relative;display:inline-grid;grid-template-areas:\"label\";justify-items:center;white-space:nowrap}.et-calendar .et-calendar-header-label-value{grid-area:label}.et-calendar .et-calendar-header-label-value:where([data-nav=forward]){animation:et-calendar-label-in-forward .2s ease}.et-calendar .et-calendar-header-label-value:where([data-nav=backward]){animation:et-calendar-label-in-backward .2s ease}.et-calendar .et-calendar-header-label-value:where([data-nav=zoomIn],[data-nav=zoomOut]){animation:et-calendar-label-in-zoom .16s ease}.et-calendar .et-calendar-header-label-value--leave{position:absolute;inset-block:0;animation:et-calendar-label-out .14s ease forwards}.et-calendar .et-calendar-header-label-icon{position:absolute;inset-inline-end:6px;inset-block-start:50%;inline-size:12px;block-size:12px;rotate:180deg;translate:0 -50%;transition:rotate .2s var(--ease-3, ease-out);opacity:.7}.et-calendar:where([data-view=multiYear]) .et-calendar-header-label-icon{rotate:0deg}.et-calendar .et-calendar-nav-button--previous .et-icon{rotate:-90deg}.et-calendar .et-calendar-nav-button--next .et-icon{rotate:90deg}.et-calendar .et-calendar-grid{display:flex;flex-direction:column}.et-calendar .et-calendar-weeks-viewport{position:relative;display:grid;flex:1;grid-template-areas:\"weeks\";align-content:start;justify-items:center;min-inline-size:calc((var(--et-calendar-cell-size) * 7 + var(--_et-calendar-week-column)) * var(--_et-calendar-months, 1) + 16px * (var(--_et-calendar-months, 1) - 1))}.et-calendar .et-calendar-weeks{grid-area:weeks}.et-calendar .et-calendar-weekdays,.et-calendar .et-calendar-week{display:grid;grid-template-columns:repeat(7,var(--et-calendar-cell-size))}.et-calendar .et-calendar-months{display:flex;gap:16px}.et-calendar .et-calendar-month-label{padding-block-end:4px;text-align:center;font-size:13px;font-weight:600;color:var(--et-surface-color-solid)}.et-calendar .et-calendar-cell--empty{pointer-events:none}.et-calendar .et-calendar-weeks:where([data-nav=forward]){animation:et-calendar-weeks-in-forward .2s ease}.et-calendar .et-calendar-weeks:where([data-nav=backward]){animation:et-calendar-weeks-in-backward .2s ease}.et-calendar .et-calendar-weeks:where([data-nav=zoomIn],[data-nav=zoomOut]){animation:et-calendar-weeks-in-zoom .16s ease}.et-calendar .et-calendar-weeks--leave{animation:et-calendar-weeks-out .14s ease forwards;pointer-events:none}.et-calendar .et-calendar-weekday{display:inline-flex;align-items:center;justify-content:center;block-size:32px;font-size:12px;color:var(--et-surface-color-muted-solid)}.et-calendar .et-calendar-cell{position:relative;display:inline-flex;align-items:center;justify-content:center;block-size:var(--et-calendar-cell-size);padding:0;border:none;background:transparent;font:inherit;font-size:13px;color:var(--et-surface-color-solid);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.et-calendar .et-calendar-cell:before{content:\"\";position:absolute;inset-block:4px;inset-inline:0;display:none;background:light-dark(color-mix(in srgb,var(--et-theme-color-primary-solid) 32%,transparent),color-mix(in srgb,var(--et-theme-color-primary-solid) 12%,transparent))}.et-calendar .et-calendar-cell:where([data-band]):before{display:block}.et-calendar .et-calendar-cell:where([data-band=start]):before{inset-inline-start:50%}.et-calendar .et-calendar-cell:where([data-band=end]):before{inset-inline-end:50%}.et-calendar .et-calendar-cell .et-calendar-cell-content{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:calc(var(--et-calendar-cell-size) - 6px);block-size:calc(var(--et-calendar-cell-size) - 6px);border-radius:999px;transition:background-color .15s ease,color .15s ease}@media(hover:hover){.et-calendar .et-calendar-cell:where(:not([data-disabled])):hover .et-calendar-cell-content{background:color-mix(in srgb,var(--et-surface-interaction-solid) 12%,transparent)}}.et-calendar .et-calendar-cell:focus-visible{outline:none}.et-calendar .et-calendar-cell:focus-visible .et-calendar-cell-content{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-calendar .et-calendar-cell:where([data-outside-month]){color:var(--et-surface-color-muted-solid)}.et-calendar .et-calendar-cell:where([data-today]) .et-calendar-cell-content{box-shadow:inset 0 0 0 1px var(--et-theme-color-ink-solid)}.et-calendar .et-calendar-cell:where([data-selected],[data-band=start],[data-band=end]):where(:not([data-disabled],[data-today])) .et-calendar-cell-content{box-shadow:inset 0 0 0 1px light-dark(var(--et-theme-color-ink-solid),transparent)}.et-calendar .et-calendar-cell:where([data-band=start],[data-band=end]):where(:not([data-selected])){color:var(--et-theme-color-on-primary)}.et-calendar .et-calendar-cell:where([data-band=start],[data-band=end]):where(:not([data-selected])) .et-calendar-cell-content{background:var(--et-theme-color-primary-solid);font-weight:600}@media(hover:hover){.et-calendar .et-calendar-cell:where([data-band=start],[data-band=end]):where(:not([data-selected])):hover .et-calendar-cell-content{background:var(--et-theme-color-primary-solid)}}.et-calendar .et-calendar-cell:where([data-selected]){color:var(--et-theme-color-on-primary)}.et-calendar .et-calendar-cell:where([data-selected]) .et-calendar-cell-content{background:var(--et-theme-color-primary-solid);font-weight:600}@media(hover:hover){.et-calendar .et-calendar-cell:where([data-selected]):hover .et-calendar-cell-content{background:var(--et-theme-color-primary-solid)}}.et-calendar .et-calendar-cell:where([data-disabled]){color:var(--et-surface-color-subtle-solid);cursor:default}.et-calendar .et-calendar-cell:where([data-disabled]) .et-calendar-cell-content{background:transparent;text-decoration:line-through}@keyframes et-calendar-weeks-in-forward{0%{opacity:0;transform:translate(14px)}}@keyframes et-calendar-weeks-in-backward{0%{opacity:0;transform:translate(-14px)}}@keyframes et-calendar-weeks-in-zoom{0%{opacity:0}}@keyframes et-calendar-weeks-out{to{opacity:0}}@keyframes et-calendar-label-in-forward{0%{opacity:0;transform:translate(6px)}}@keyframes et-calendar-label-in-backward{0%{opacity:0;transform:translate(-6px)}}@keyframes et-calendar-label-in-zoom{0%{opacity:0}}@keyframes et-calendar-label-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.et-calendar .et-calendar-weeks,.et-calendar .et-calendar-weeks--leave,.et-calendar .et-calendar-header-label-value,.et-calendar .et-calendar-header-label-value--leave{animation:none}.et-calendar .et-calendar-header-label-icon{transition:none}}}\n"],
 			dependencies: [
 				{
 					kind: "directive",
@@ -22016,7 +22069,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[style.--_et-calendar-months]": "calendar.monthsShown()"
 			},
 			template: "@if (headerTemplate(); as header) {\n  <ng-container *ngTemplateOutlet=\"header.templateRef; context: { $implicit: calendar }\" />\n} @else {\n  <div class=\"et-calendar-header\">\n    <button\n      [disabled]=\"!calendar.canGoPrev()\"\n      [attr.aria-label]=\"resolvedPreviousLabel()\"\n      (click)=\"calendar.previous()\"\n      class=\"et-calendar-nav-button et-calendar-nav-button--previous\"\n      et-icon-button\n      size=\"sm\"\n      type=\"button\"\n    >\n      <i etIcon=\"et-chevron\"></i>\n    </button>\n\n    <button\n      [attr.aria-label]=\"resolvedZoomLabel()\"\n      (click)=\"calendar.zoomOut()\"\n      class=\"et-calendar-header-label\"\n      type=\"button\"\n    >\n      <span class=\"et-calendar-header-label-text\" aria-live=\"polite\">\n        @if (calendar.transitionParity()) {\n          <ng-container *ngTemplateOutlet=\"headerValue\" />\n        } @else {\n          <ng-container *ngTemplateOutlet=\"headerValue\" />\n        }\n      </span>\n\n      <i class=\"et-calendar-header-label-icon\" etIcon=\"et-chevron\"></i>\n    </button>\n\n    <button\n      [disabled]=\"!calendar.canGoNext()\"\n      [attr.aria-label]=\"resolvedNextLabel()\"\n      (click)=\"calendar.next()\"\n      class=\"et-calendar-nav-button et-calendar-nav-button--next\"\n      et-icon-button\n      size=\"sm\"\n      type=\"button\"\n    >\n      <i etIcon=\"et-chevron\"></i>\n    </button>\n  </div>\n}\n\n<div class=\"et-calendar-grid\" etCalendarGrid>\n  @if (calendar.view() === 'month' && calendar.monthsShown() === 1) {\n    <ng-container *ngTemplateOutlet=\"weekdayRow\" />\n  }\n\n  <div class=\"et-calendar-weeks-viewport\" role=\"presentation\">\n    @if (calendar.transitionParity()) {\n      <ng-container *ngTemplateOutlet=\"weeks\" />\n    } @else {\n      <ng-container *ngTemplateOutlet=\"weeks\" />\n    }\n  </div>\n\n  <!-- Declared inside the grid, not just outlet here: an [etCalendarCell]'s injected\n       CalendarGridDirective resolves through this template's declaration view, which\n       ngTemplateOutlet does not re-parent to wherever it renders. -->\n  <ng-template #weeks>\n    <div\n      [attr.data-nav]=\"calendar.navigationDirection()\"\n      class=\"et-calendar-weeks\"\n      animate.leave=\"et-calendar-weeks--leave\"\n      etCalendarInertOnLeave\n      role=\"rowgroup\"\n    >\n      @switch (calendar.view()) {\n        @case ('year') {\n          @for (row of calendar.monthCells(); track $index) {\n            <div class=\"et-calendar-coarse-row\" role=\"row\">\n              @for (cell of row; track cell.date.getTime()) {\n                <button [cell]=\"cell\" class=\"et-calendar-cell et-calendar-cell--coarse\" etCalendarCell type=\"button\">\n                  <span class=\"et-calendar-cell-content\">{{ cell.label }}</span>\n                </button>\n              }\n            </div>\n          }\n        }\n        @case ('multiYear') {\n          @for (row of calendar.yearCells(); track $index) {\n            <div class=\"et-calendar-coarse-row\" role=\"row\">\n              @for (cell of row; track cell.date.getTime()) {\n                <button [cell]=\"cell\" class=\"et-calendar-cell et-calendar-cell--coarse\" etCalendarCell type=\"button\">\n                  <span class=\"et-calendar-cell-content\">{{ cell.label }}</span>\n                </button>\n              }\n            </div>\n          }\n        }\n        @default {\n          <div class=\"et-calendar-months\" role=\"presentation\">\n            @for (page of calendar.monthPages(); track page.key) {\n              <div class=\"et-calendar-month\" role=\"presentation\">\n                @if (calendar.monthsShown() > 1) {\n                  <div class=\"et-calendar-month-label\">{{ page.label }}</div>\n\n                  <ng-container *ngTemplateOutlet=\"weekdayRow\" />\n                }\n\n                @for (week of page.weeks; track $index) {\n                  <div class=\"et-calendar-week\" role=\"row\">\n                    @if (weekNumbers()) {\n                      <span\n                        [attr.aria-label]=\"weekLabel() + ' ' + page.weekNumbers[$index]\"\n                        class=\"et-calendar-week-number\"\n                        role=\"rowheader\"\n                        >{{ page.weekNumbers[$index] }}</span\n                      >\n                    }\n\n                    @for (cell of week; track cell.date.getTime()) {\n                      @if (cell.outsideMonth && calendar.monthsShown() > 1) {\n                        <span class=\"et-calendar-cell et-calendar-cell--empty\" role=\"gridcell\"></span>\n                      } @else {\n                        <button [cell]=\"cell\" class=\"et-calendar-cell\" etCalendarCell type=\"button\">\n                          <span class=\"et-calendar-cell-content\">{{ cell.label }}</span>\n                        </button>\n                      }\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n      }\n    </div>\n  </ng-template>\n</div>\n\n<ng-template #headerValue>\n  <span\n    [attr.data-nav]=\"calendar.navigationDirection()\"\n    class=\"et-calendar-header-label-value\"\n    animate.leave=\"et-calendar-header-label-value--leave\"\n    etCalendarInertOnLeave\n    >{{ calendar.headerLabel() }}</span\n  >\n</ng-template>\n\n<ng-template #weekdayRow>\n  <div class=\"et-calendar-weekdays\" role=\"row\">\n    @if (weekNumbers()) {\n      <span [attr.aria-label]=\"weekLabel()\" class=\"et-calendar-week-number-heading\" role=\"columnheader\"></span>\n    }\n\n    @for (weekday of calendar.weekdays(); track weekday.long) {\n      <span [attr.aria-label]=\"weekday.long\" class=\"et-calendar-weekday\" role=\"columnheader\">{{ weekday.short }}</span>\n    }\n  </div>\n</ng-template>\n",
-			styles: ["@layer components{@property --et-calendar-cell-size{syntax: \"<length>\"; inherits: true; initial-value: 40px;}.et-calendar{display:inline-flex;flex-direction:column;gap:4px;-webkit-user-select:none;user-select:none;--_et-calendar-week-column: 0px}.et-calendar .et-calendar-header{display:flex;align-items:center;gap:4px}.et-calendar .et-calendar-header-label{position:relative;display:inline-flex;flex:1;align-items:center;justify-content:center;padding:4px 22px;border:none;border-radius:8px;background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--et-surface-color-solid);cursor:pointer;transition:background-color .14s var(--ease-3, ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.et-calendar .et-calendar-header-label:hover{background:color-mix(in srgb,var(--et-surface-interaction-solid) 12%,transparent)}}.et-calendar .et-calendar-header-label:active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 22%,transparent)}.et-calendar .et-calendar-header-label:focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-calendar .et-calendar-header-label-text{position:relative;display:inline-grid;grid-template-areas:\"label\";justify-items:center;white-space:nowrap}.et-calendar .et-calendar-header-label-value{grid-area:label}.et-calendar .et-calendar-header-label-value:where([data-nav=forward]){animation:et-calendar-label-in-forward .2s ease}.et-calendar .et-calendar-header-label-value:where([data-nav=backward]){animation:et-calendar-label-in-backward .2s ease}.et-calendar .et-calendar-header-label-value:where([data-nav=zoomIn],[data-nav=zoomOut]){animation:et-calendar-label-in-zoom .16s ease}.et-calendar .et-calendar-header-label-value--leave{position:absolute;inset-block:0;animation:et-calendar-label-out .14s ease forwards}.et-calendar .et-calendar-header-label-icon{position:absolute;inset-inline-end:6px;inset-block-start:50%;inline-size:12px;block-size:12px;rotate:180deg;translate:0 -50%;transition:rotate .2s var(--ease-3, ease-out);opacity:.7}.et-calendar:where([data-view=multiYear]) .et-calendar-header-label-icon{rotate:0deg}.et-calendar .et-calendar-nav-button--previous .et-icon{rotate:-90deg}.et-calendar .et-calendar-nav-button--next .et-icon{rotate:90deg}.et-calendar .et-calendar-grid{display:flex;flex-direction:column}.et-calendar .et-calendar-weeks-viewport{position:relative;display:grid;flex:1;grid-template-areas:\"weeks\";align-content:start;justify-items:center;min-inline-size:calc((var(--et-calendar-cell-size) * 7 + var(--_et-calendar-week-column)) * var(--_et-calendar-months, 1) + 16px * (var(--_et-calendar-months, 1) - 1))}.et-calendar .et-calendar-weeks{grid-area:weeks}.et-calendar .et-calendar-weekdays,.et-calendar .et-calendar-week{display:grid;grid-template-columns:repeat(7,var(--et-calendar-cell-size))}.et-calendar .et-calendar-months{display:flex;gap:16px}.et-calendar .et-calendar-month-label{padding-block-end:4px;text-align:center;font-size:13px;font-weight:600;color:var(--et-surface-color-solid)}.et-calendar .et-calendar-cell--empty{pointer-events:none}.et-calendar .et-calendar-weeks:where([data-nav=forward]){animation:et-calendar-weeks-in-forward .2s ease}.et-calendar .et-calendar-weeks:where([data-nav=backward]){animation:et-calendar-weeks-in-backward .2s ease}.et-calendar .et-calendar-weeks:where([data-nav=zoomIn],[data-nav=zoomOut]){animation:et-calendar-weeks-in-zoom .16s ease}.et-calendar .et-calendar-weeks--leave{animation:et-calendar-weeks-out .14s ease forwards;pointer-events:none}.et-calendar .et-calendar-weekday{display:inline-flex;align-items:center;justify-content:center;block-size:32px;font-size:12px;color:var(--et-surface-color-muted-solid)}.et-calendar .et-calendar-cell{position:relative;display:inline-flex;align-items:center;justify-content:center;block-size:var(--et-calendar-cell-size);padding:0;border:none;background:transparent;font:inherit;font-size:13px;color:var(--et-surface-color-solid);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.et-calendar .et-calendar-cell:before{content:\"\";position:absolute;inset-block:4px;inset-inline:0;display:none;background:light-dark(color-mix(in srgb,var(--et-theme-color-primary-solid) 32%,transparent),color-mix(in srgb,var(--et-theme-color-primary-solid) 12%,transparent))}.et-calendar .et-calendar-cell:where([data-band]):before{display:block}.et-calendar .et-calendar-cell:where([data-band=start]):before{inset-inline-start:50%}.et-calendar .et-calendar-cell:where([data-band=end]):before{inset-inline-end:50%}.et-calendar .et-calendar-cell .et-calendar-cell-content{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:calc(var(--et-calendar-cell-size) - 6px);block-size:calc(var(--et-calendar-cell-size) - 6px);border-radius:999px;transition:background-color .15s ease,color .15s ease}@media(hover:hover){.et-calendar .et-calendar-cell:where(:not([data-disabled])):hover .et-calendar-cell-content{background:color-mix(in srgb,var(--et-surface-interaction-solid) 12%,transparent)}}.et-calendar .et-calendar-cell:focus-visible{outline:none}.et-calendar .et-calendar-cell:focus-visible .et-calendar-cell-content{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-calendar .et-calendar-cell:where([data-outside-month]){color:var(--et-surface-color-muted-solid)}.et-calendar .et-calendar-cell:where([data-today]) .et-calendar-cell-content{box-shadow:inset 0 0 0 1px var(--et-theme-color-ink-solid)}.et-calendar .et-calendar-cell:where([data-selected],[data-band=start],[data-band=end]):where(:not([data-disabled],[data-today])) .et-calendar-cell-content{box-shadow:inset 0 0 0 1px light-dark(var(--et-theme-color-ink-solid),transparent)}.et-calendar .et-calendar-cell:where([data-band=start],[data-band=end]):where(:not([data-selected])){color:var(--et-theme-color-on-primary)}.et-calendar .et-calendar-cell:where([data-band=start],[data-band=end]):where(:not([data-selected])) .et-calendar-cell-content{background:var(--et-theme-color-primary-solid);font-weight:600}@media(hover:hover){.et-calendar .et-calendar-cell:where([data-band=start],[data-band=end]):where(:not([data-selected])):hover .et-calendar-cell-content{background:var(--et-theme-color-primary-solid)}}.et-calendar .et-calendar-cell:where([data-selected]){color:var(--et-theme-color-on-primary)}.et-calendar .et-calendar-cell:where([data-selected]) .et-calendar-cell-content{background:var(--et-theme-color-primary-solid);font-weight:600}@media(hover:hover){.et-calendar .et-calendar-cell:where([data-selected]):hover .et-calendar-cell-content{background:var(--et-theme-color-primary-solid)}}.et-calendar .et-calendar-cell:where([data-disabled]){color:var(--et-surface-color-subtle-solid);cursor:default}.et-calendar .et-calendar-cell:where([data-disabled]) .et-calendar-cell-content{background:transparent;text-decoration:line-through}@keyframes et-calendar-weeks-in-forward{0%{opacity:0;transform:translate(14px)}}@keyframes et-calendar-weeks-in-backward{0%{opacity:0;transform:translate(-14px)}}@keyframes et-calendar-weeks-in-zoom{0%{opacity:0}}@keyframes et-calendar-weeks-out{to{opacity:0}}@keyframes et-calendar-label-in-forward{0%{opacity:0;transform:translate(6px)}}@keyframes et-calendar-label-in-backward{0%{opacity:0;transform:translate(-6px)}}@keyframes et-calendar-label-in-zoom{0%{opacity:0}}@keyframes et-calendar-label-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.et-calendar .et-calendar-weeks,.et-calendar .et-calendar-weeks--leave,.et-calendar .et-calendar-header-label-value,.et-calendar .et-calendar-header-label-value--leave{animation:none}.et-calendar .et-calendar-header-label-icon{transition:none}}}\n"]
+			styles: ["@layer components{@property --et-calendar-cell-size{syntax: \"<length>\"; inherits: true; initial-value: 40px;}.et-calendar{display:inline-flex;flex-direction:column;gap:4px;-webkit-user-select:none;user-select:none;--_et-calendar-week-column: 0px}.et-calendar .et-calendar-header{display:flex;align-items:center;gap:4px}.et-calendar .et-calendar-header-label{position:relative;display:inline-flex;flex:1;align-items:center;justify-content:center;padding:4px 22px;border:none;border-radius:8px;background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--et-surface-color-solid);cursor:pointer;transition:background-color .14s var(--ease-3, ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.et-calendar .et-calendar-header-label:not([disabled],[aria-disabled=true]):hover{background:color-mix(in srgb,var(--et-surface-interaction-solid) 12%,transparent)}}.et-calendar .et-calendar-header-label:not([disabled],[aria-disabled=true]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid) 22%,transparent)}.et-calendar .et-calendar-header-label:focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-calendar .et-calendar-header-label-text{position:relative;display:inline-grid;grid-template-areas:\"label\";justify-items:center;white-space:nowrap}.et-calendar .et-calendar-header-label-value{grid-area:label}.et-calendar .et-calendar-header-label-value:where([data-nav=forward]){animation:et-calendar-label-in-forward .2s ease}.et-calendar .et-calendar-header-label-value:where([data-nav=backward]){animation:et-calendar-label-in-backward .2s ease}.et-calendar .et-calendar-header-label-value:where([data-nav=zoomIn],[data-nav=zoomOut]){animation:et-calendar-label-in-zoom .16s ease}.et-calendar .et-calendar-header-label-value--leave{position:absolute;inset-block:0;animation:et-calendar-label-out .14s ease forwards}.et-calendar .et-calendar-header-label-icon{position:absolute;inset-inline-end:6px;inset-block-start:50%;inline-size:12px;block-size:12px;rotate:180deg;translate:0 -50%;transition:rotate .2s var(--ease-3, ease-out);opacity:.7}.et-calendar:where([data-view=multiYear]) .et-calendar-header-label-icon{rotate:0deg}.et-calendar .et-calendar-nav-button--previous .et-icon{rotate:-90deg}.et-calendar .et-calendar-nav-button--next .et-icon{rotate:90deg}.et-calendar .et-calendar-grid{display:flex;flex-direction:column}.et-calendar .et-calendar-weeks-viewport{position:relative;display:grid;flex:1;grid-template-areas:\"weeks\";align-content:start;justify-items:center;min-inline-size:calc((var(--et-calendar-cell-size) * 7 + var(--_et-calendar-week-column)) * var(--_et-calendar-months, 1) + 16px * (var(--_et-calendar-months, 1) - 1))}.et-calendar .et-calendar-weeks{grid-area:weeks}.et-calendar .et-calendar-weekdays,.et-calendar .et-calendar-week{display:grid;grid-template-columns:repeat(7,var(--et-calendar-cell-size))}.et-calendar .et-calendar-months{display:flex;gap:16px}.et-calendar .et-calendar-month-label{padding-block-end:4px;text-align:center;font-size:13px;font-weight:600;color:var(--et-surface-color-solid)}.et-calendar .et-calendar-cell--empty{pointer-events:none}.et-calendar .et-calendar-weeks:where([data-nav=forward]){animation:et-calendar-weeks-in-forward .2s ease}.et-calendar .et-calendar-weeks:where([data-nav=backward]){animation:et-calendar-weeks-in-backward .2s ease}.et-calendar .et-calendar-weeks:where([data-nav=zoomIn],[data-nav=zoomOut]){animation:et-calendar-weeks-in-zoom .16s ease}.et-calendar .et-calendar-weeks--leave{animation:et-calendar-weeks-out .14s ease forwards;pointer-events:none}.et-calendar .et-calendar-weekday{display:inline-flex;align-items:center;justify-content:center;block-size:32px;font-size:12px;color:var(--et-surface-color-muted-solid)}.et-calendar .et-calendar-cell{position:relative;display:inline-flex;align-items:center;justify-content:center;block-size:var(--et-calendar-cell-size);padding:0;border:none;background:transparent;font:inherit;font-size:13px;color:var(--et-surface-color-solid);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.et-calendar .et-calendar-cell:before{content:\"\";position:absolute;inset-block:4px;inset-inline:0;display:none;background:light-dark(color-mix(in srgb,var(--et-theme-color-primary-solid) 32%,transparent),color-mix(in srgb,var(--et-theme-color-primary-solid) 12%,transparent))}.et-calendar .et-calendar-cell:where([data-band]):before{display:block}.et-calendar .et-calendar-cell:where([data-band=start]):before{inset-inline-start:50%}.et-calendar .et-calendar-cell:where([data-band=end]):before{inset-inline-end:50%}.et-calendar .et-calendar-cell .et-calendar-cell-content{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:calc(var(--et-calendar-cell-size) - 6px);block-size:calc(var(--et-calendar-cell-size) - 6px);border-radius:999px;transition:background-color .15s ease,color .15s ease}@media(hover:hover){.et-calendar .et-calendar-cell:where(:not([data-disabled])):hover .et-calendar-cell-content{background:color-mix(in srgb,var(--et-surface-interaction-solid) 12%,transparent)}}.et-calendar .et-calendar-cell:focus-visible{outline:none}.et-calendar .et-calendar-cell:focus-visible .et-calendar-cell-content{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-calendar .et-calendar-cell:where([data-outside-month]){color:var(--et-surface-color-muted-solid)}.et-calendar .et-calendar-cell:where([data-today]) .et-calendar-cell-content{box-shadow:inset 0 0 0 1px var(--et-theme-color-ink-solid)}.et-calendar .et-calendar-cell:where([data-selected],[data-band=start],[data-band=end]):where(:not([data-disabled],[data-today])) .et-calendar-cell-content{box-shadow:inset 0 0 0 1px light-dark(var(--et-theme-color-ink-solid),transparent)}.et-calendar .et-calendar-cell:where([data-band=start],[data-band=end]):where(:not([data-selected])){color:var(--et-theme-color-on-primary)}.et-calendar .et-calendar-cell:where([data-band=start],[data-band=end]):where(:not([data-selected])) .et-calendar-cell-content{background:var(--et-theme-color-primary-solid);font-weight:600}@media(hover:hover){.et-calendar .et-calendar-cell:where([data-band=start],[data-band=end]):where(:not([data-selected])):hover .et-calendar-cell-content{background:var(--et-theme-color-primary-solid)}}.et-calendar .et-calendar-cell:where([data-selected]){color:var(--et-theme-color-on-primary)}.et-calendar .et-calendar-cell:where([data-selected]) .et-calendar-cell-content{background:var(--et-theme-color-primary-solid);font-weight:600}@media(hover:hover){.et-calendar .et-calendar-cell:where([data-selected]):hover .et-calendar-cell-content{background:var(--et-theme-color-primary-solid)}}.et-calendar .et-calendar-cell:where([data-disabled]){color:var(--et-surface-color-subtle-solid);cursor:default}.et-calendar .et-calendar-cell:where([data-disabled]) .et-calendar-cell-content{background:transparent;text-decoration:line-through}@keyframes et-calendar-weeks-in-forward{0%{opacity:0;transform:translate(14px)}}@keyframes et-calendar-weeks-in-backward{0%{opacity:0;transform:translate(-14px)}}@keyframes et-calendar-weeks-in-zoom{0%{opacity:0}}@keyframes et-calendar-weeks-out{to{opacity:0}}@keyframes et-calendar-label-in-forward{0%{opacity:0;transform:translate(6px)}}@keyframes et-calendar-label-in-backward{0%{opacity:0;transform:translate(-6px)}}@keyframes et-calendar-label-in-zoom{0%{opacity:0}}@keyframes et-calendar-label-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.et-calendar .et-calendar-weeks,.et-calendar .et-calendar-weeks--leave,.et-calendar .et-calendar-header-label-value,.et-calendar .et-calendar-header-label-value--leave{animation:none}.et-calendar .et-calendar-header-label-icon{transition:none}}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -27448,9 +27501,17 @@ var TooltipDirective = class TooltipDirective {
 		}), takeUntilDestroyed(this.destroyRef)).subscribe();
 	}
 	dismissOnEscape(overlayRef) {
-		fromEvent(this.document, "keydown", { capture: true }).pipe(takeUntil(overlayRef.afterClosed()), filter((event) => event.key === "Escape" && !event.defaultPrevented), tap((event) => {
-			event.preventDefault();
-			this.hide();
+		const root = this.document.documentElement;
+		fromEvent(this.document, "keydown", { capture: true }).pipe(takeUntil(overlayRef.afterClosed()), filter((event) => event.key === "Escape" && !event.defaultPrevented), mergeMap((event) => {
+			if (event.target === this.document) {
+				event.preventDefault();
+				this.hide();
+				return EMPTY;
+			}
+			return merge(fromEvent(root, "keydown").pipe(take(1), filter((rootEvent) => rootEvent === event), tap((rootEvent) => rootEvent.preventDefault())), defer(() => {
+				this.hide();
+				return EMPTY;
+			}));
 		}), takeUntilDestroyed(this.destroyRef)).subscribe();
 	}
 	setupFocusBehavior() {
@@ -31843,7 +31904,7 @@ var ChipComponent = class ChipComponent {
 			}],
 			ngImport: i0,
 			template: "<span [id]=\"labelId\" class=\"et-chip-label\">\n  <ng-content />\n</span>\n\n@if (chip.removable()) {\n  <button [attr.aria-describedby]=\"labelId\" class=\"et-chip-remove-button\" etChipRemove>\n    <i etIcon=\"et-times\"></i>\n  </button>\n}\n",
-			styles: ["@layer components{@property --et-chip-gap{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-chip-padding-inline{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-chip-min-block-size{syntax: \"<length>\"; inherits: true; initial-value: 24px;}@property --et-chip-border-radius{syntax: \"<length>\"; inherits: true; initial-value: 999px;}@property --et-chip-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-chip-remove-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}@property --et-chip-opacity-disabled{syntax: \"<number>\"; inherits: true; initial-value: .4;}.et-chip{display:inline-flex;align-items:center;gap:var(--et-chip-gap);padding-inline:var(--et-chip-padding-inline);min-block-size:var(--et-chip-min-block-size);border-radius:var(--et-chip-border-radius);font-size:var(--et-chip-font-size);line-height:1.4;max-inline-size:100%;box-sizing:border-box;background:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 14%,transparent);color:var(--et-surface-color-solid, currentColor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.et-chip:where([data-disabled]){opacity:var(--et-chip-opacity-disabled);pointer-events:none}.et-chip:where([role=checkbox],[role=radio]){cursor:pointer;transition:background .12s ease,color .12s ease}@media(hover:hover){.et-chip:where([role=checkbox],[role=radio]):hover:not([aria-checked=true]):not([data-readonly]){background:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 22%,transparent)}}.et-chip:where([role=checkbox],[role=radio]):focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-chip:where([role=checkbox],[role=radio]):where([data-readonly]){cursor:default}.et-chip:where([aria-checked=true]){background:color-mix(in srgb,var(--et-theme-color-primary-solid, currentColor) 16%,transparent);color:var(--et-theme-color-ink-solid, currentColor);box-shadow:inset 0 0 0 1px light-dark(var(--et-theme-color-ink-solid),transparent)}@media(hover:hover){.et-chip:where([aria-checked=true]):hover:not([data-readonly]){background:color-mix(in srgb,var(--et-theme-color-primary-solid, currentColor) 24%,transparent)}}.et-chip:where([data-removable]){padding-inline-end:calc(var(--et-chip-padding-inline) / 2)}.et-chip .et-chip-label{overflow:clip;overflow-clip-margin:.3em;text-overflow:ellipsis;text-box:trim-both cap alphabetic;white-space:nowrap;min-inline-size:0}.et-chip .et-chip-remove-button{display:flex;align-items:center;justify-content:center;flex:none;inline-size:var(--et-chip-remove-size);block-size:var(--et-chip-remove-size);border-radius:50%;border:none;padding:0;margin:0;background:transparent;color:var(--et-surface-color-muted-solid, currentColor);cursor:pointer;appearance:none;transition:background .12s ease,color .12s ease}@media(hover:hover){.et-chip .et-chip-remove-button:hover{background:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 20%,transparent);color:var(--et-surface-color-solid, currentColor)}}.et-chip .et-chip-remove-button:active{background:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 28%,transparent)}.et-chip .et-chip-remove-button:focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-chip .et-chip-remove-button .et-icon{inline-size:calc(var(--et-chip-remove-size) - 6px);block-size:calc(var(--et-chip-remove-size) - 6px)}}\n"],
+			styles: ["@layer components{@property --et-chip-gap{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-chip-padding-inline{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-chip-min-block-size{syntax: \"<length>\"; inherits: true; initial-value: 24px;}@property --et-chip-border-radius{syntax: \"<length>\"; inherits: true; initial-value: 999px;}@property --et-chip-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-chip-remove-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}@property --et-chip-opacity-disabled{syntax: \"<number>\"; inherits: true; initial-value: .4;}.et-chip{display:inline-flex;align-items:center;gap:var(--et-chip-gap);padding-inline:var(--et-chip-padding-inline);min-block-size:var(--et-chip-min-block-size);border-radius:var(--et-chip-border-radius);font-size:var(--et-chip-font-size);line-height:1.4;max-inline-size:100%;box-sizing:border-box;background:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 14%,transparent);color:var(--et-surface-color-solid, currentColor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.et-chip:where([data-disabled]){opacity:var(--et-chip-opacity-disabled);pointer-events:none}.et-chip:where([role=checkbox],[role=radio]){cursor:pointer;transition:background .12s ease,color .12s ease}@media(hover:hover){.et-chip:where([role=checkbox],[role=radio]):hover:not([aria-checked=true],[data-readonly],[data-disabled]){background:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 22%,transparent)}}.et-chip:where([role=checkbox],[role=radio]):focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-chip:where([role=checkbox],[role=radio]):where([data-readonly]){cursor:default}.et-chip:where([aria-checked=true]){background:color-mix(in srgb,var(--et-theme-color-primary-solid, currentColor) 16%,transparent);color:var(--et-theme-color-ink-solid, currentColor);box-shadow:inset 0 0 0 1px light-dark(var(--et-theme-color-ink-solid),transparent)}@media(hover:hover){.et-chip:where([aria-checked=true]):hover:not([data-readonly],[data-disabled]){background:color-mix(in srgb,var(--et-theme-color-primary-solid, currentColor) 24%,transparent)}}.et-chip:where([data-removable]){padding-inline-end:calc(var(--et-chip-padding-inline) / 2)}.et-chip .et-chip-label{overflow:clip;overflow-clip-margin:.3em;text-overflow:ellipsis;text-box:trim-both cap alphabetic;white-space:nowrap;min-inline-size:0}.et-chip .et-chip-remove-button{display:flex;align-items:center;justify-content:center;flex:none;inline-size:var(--et-chip-remove-size);block-size:var(--et-chip-remove-size);border-radius:50%;border:none;padding:0;margin:0;background:transparent;color:var(--et-surface-color-muted-solid, currentColor);cursor:pointer;appearance:none;transition:background .12s ease,color .12s ease}@media(hover:hover){.et-chip .et-chip-remove-button:not([disabled]):hover{background:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 20%,transparent);color:var(--et-surface-color-solid, currentColor)}}.et-chip .et-chip-remove-button:not([disabled]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 28%,transparent)}.et-chip .et-chip-remove-button:focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-chip .et-chip-remove-button .et-icon{inline-size:calc(var(--et-chip-remove-size) - 6px);block-size:calc(var(--et-chip-remove-size) - 6px)}}\n"],
 			dependencies: [{
 				kind: "directive",
 				type: ChipRemoveDirective,
@@ -31884,7 +31945,7 @@ i0.ɵɵngDeclareClassMetadata({
 			}],
 			host: { class: "et-chip" },
 			template: "<span [id]=\"labelId\" class=\"et-chip-label\">\n  <ng-content />\n</span>\n\n@if (chip.removable()) {\n  <button [attr.aria-describedby]=\"labelId\" class=\"et-chip-remove-button\" etChipRemove>\n    <i etIcon=\"et-times\"></i>\n  </button>\n}\n",
-			styles: ["@layer components{@property --et-chip-gap{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-chip-padding-inline{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-chip-min-block-size{syntax: \"<length>\"; inherits: true; initial-value: 24px;}@property --et-chip-border-radius{syntax: \"<length>\"; inherits: true; initial-value: 999px;}@property --et-chip-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-chip-remove-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}@property --et-chip-opacity-disabled{syntax: \"<number>\"; inherits: true; initial-value: .4;}.et-chip{display:inline-flex;align-items:center;gap:var(--et-chip-gap);padding-inline:var(--et-chip-padding-inline);min-block-size:var(--et-chip-min-block-size);border-radius:var(--et-chip-border-radius);font-size:var(--et-chip-font-size);line-height:1.4;max-inline-size:100%;box-sizing:border-box;background:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 14%,transparent);color:var(--et-surface-color-solid, currentColor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.et-chip:where([data-disabled]){opacity:var(--et-chip-opacity-disabled);pointer-events:none}.et-chip:where([role=checkbox],[role=radio]){cursor:pointer;transition:background .12s ease,color .12s ease}@media(hover:hover){.et-chip:where([role=checkbox],[role=radio]):hover:not([aria-checked=true]):not([data-readonly]){background:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 22%,transparent)}}.et-chip:where([role=checkbox],[role=radio]):focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-chip:where([role=checkbox],[role=radio]):where([data-readonly]){cursor:default}.et-chip:where([aria-checked=true]){background:color-mix(in srgb,var(--et-theme-color-primary-solid, currentColor) 16%,transparent);color:var(--et-theme-color-ink-solid, currentColor);box-shadow:inset 0 0 0 1px light-dark(var(--et-theme-color-ink-solid),transparent)}@media(hover:hover){.et-chip:where([aria-checked=true]):hover:not([data-readonly]){background:color-mix(in srgb,var(--et-theme-color-primary-solid, currentColor) 24%,transparent)}}.et-chip:where([data-removable]){padding-inline-end:calc(var(--et-chip-padding-inline) / 2)}.et-chip .et-chip-label{overflow:clip;overflow-clip-margin:.3em;text-overflow:ellipsis;text-box:trim-both cap alphabetic;white-space:nowrap;min-inline-size:0}.et-chip .et-chip-remove-button{display:flex;align-items:center;justify-content:center;flex:none;inline-size:var(--et-chip-remove-size);block-size:var(--et-chip-remove-size);border-radius:50%;border:none;padding:0;margin:0;background:transparent;color:var(--et-surface-color-muted-solid, currentColor);cursor:pointer;appearance:none;transition:background .12s ease,color .12s ease}@media(hover:hover){.et-chip .et-chip-remove-button:hover{background:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 20%,transparent);color:var(--et-surface-color-solid, currentColor)}}.et-chip .et-chip-remove-button:active{background:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 28%,transparent)}.et-chip .et-chip-remove-button:focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-chip .et-chip-remove-button .et-icon{inline-size:calc(var(--et-chip-remove-size) - 6px);block-size:calc(var(--et-chip-remove-size) - 6px)}}\n"]
+			styles: ["@layer components{@property --et-chip-gap{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-chip-padding-inline{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-chip-min-block-size{syntax: \"<length>\"; inherits: true; initial-value: 24px;}@property --et-chip-border-radius{syntax: \"<length>\"; inherits: true; initial-value: 999px;}@property --et-chip-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-chip-remove-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}@property --et-chip-opacity-disabled{syntax: \"<number>\"; inherits: true; initial-value: .4;}.et-chip{display:inline-flex;align-items:center;gap:var(--et-chip-gap);padding-inline:var(--et-chip-padding-inline);min-block-size:var(--et-chip-min-block-size);border-radius:var(--et-chip-border-radius);font-size:var(--et-chip-font-size);line-height:1.4;max-inline-size:100%;box-sizing:border-box;background:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 14%,transparent);color:var(--et-surface-color-solid, currentColor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.et-chip:where([data-disabled]){opacity:var(--et-chip-opacity-disabled);pointer-events:none}.et-chip:where([role=checkbox],[role=radio]){cursor:pointer;transition:background .12s ease,color .12s ease}@media(hover:hover){.et-chip:where([role=checkbox],[role=radio]):hover:not([aria-checked=true],[data-readonly],[data-disabled]){background:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 22%,transparent)}}.et-chip:where([role=checkbox],[role=radio]):focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-chip:where([role=checkbox],[role=radio]):where([data-readonly]){cursor:default}.et-chip:where([aria-checked=true]){background:color-mix(in srgb,var(--et-theme-color-primary-solid, currentColor) 16%,transparent);color:var(--et-theme-color-ink-solid, currentColor);box-shadow:inset 0 0 0 1px light-dark(var(--et-theme-color-ink-solid),transparent)}@media(hover:hover){.et-chip:where([aria-checked=true]):hover:not([data-readonly],[data-disabled]){background:color-mix(in srgb,var(--et-theme-color-primary-solid, currentColor) 24%,transparent)}}.et-chip:where([data-removable]){padding-inline-end:calc(var(--et-chip-padding-inline) / 2)}.et-chip .et-chip-label{overflow:clip;overflow-clip-margin:.3em;text-overflow:ellipsis;text-box:trim-both cap alphabetic;white-space:nowrap;min-inline-size:0}.et-chip .et-chip-remove-button{display:flex;align-items:center;justify-content:center;flex:none;inline-size:var(--et-chip-remove-size);block-size:var(--et-chip-remove-size);border-radius:50%;border:none;padding:0;margin:0;background:transparent;color:var(--et-surface-color-muted-solid, currentColor);cursor:pointer;appearance:none;transition:background .12s ease,color .12s ease}@media(hover:hover){.et-chip .et-chip-remove-button:not([disabled]):hover{background:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 20%,transparent);color:var(--et-surface-color-solid, currentColor)}}.et-chip .et-chip-remove-button:not([disabled]):active{background:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 28%,transparent)}.et-chip .et-chip-remove-button:focus-visible{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:1px}.et-chip .et-chip-remove-button .et-icon{inline-size:calc(var(--et-chip-remove-size) - 6px);block-size:calc(var(--et-chip-remove-size) - 6px)}}\n"]
 		}]
 	}]
 });
@@ -32776,7 +32837,7 @@ var KbdComponent = class KbdComponent {
     }
   `,
 			isInline: true,
-			styles: ["@layer components{@property --et-kbd-gap{syntax: \"<length>\"; inherits: true; initial-value: 3px;}@property --et-kbd-key-min-inline-size{syntax: \"<length>\"; inherits: true; initial-value: 18px;}@property --et-kbd-key-padding-inline{syntax: \"<length>\"; inherits: true; initial-value: 5px;}@property --et-kbd-key-border-radius{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-kbd-font-size{syntax: \"<length>\"; inherits: true; initial-value: 11px;}@property --et-kbd-font-weight{syntax: \"<number>\"; inherits: true; initial-value: 500;}.et-kbd{display:inline-flex;align-items:center;gap:var(--et-kbd-gap);vertical-align:middle}.et-kbd-key{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:var(--et-kbd-key-min-inline-size);padding-inline:var(--et-kbd-key-padding-inline);border:1px solid var(--et-surface-border-solid, rgb(255 255 255 / .1));border-radius:var(--et-kbd-key-border-radius);background:color-mix(in srgb,var(--et-surface-interaction-solid, rgb(255 255 255)) 8%,transparent);color:var(--et-surface-color-muted-solid, rgb(255 255 255 / .55));font:inherit;font-size:var(--et-kbd-font-size);font-weight:var(--et-kbd-font-weight);line-height:1.5;white-space:nowrap}}\n"],
+			styles: ["@layer components{@property --et-kbd-gap{syntax: \"<length>\"; inherits: true; initial-value: 3px;}@property --et-kbd-key-min-inline-size{syntax: \"<length>\"; inherits: true; initial-value: 18px;}@property --et-kbd-key-padding-inline{syntax: \"<length>\"; inherits: true; initial-value: 5px;}@property --et-kbd-key-border-radius{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-kbd-font-size{syntax: \"<length>\"; inherits: true; initial-value: 11px;}@property --et-kbd-font-weight{syntax: \"<number>\"; inherits: true; initial-value: 500;}.et-kbd{display:inline-flex;align-items:center;gap:var(--et-kbd-gap);vertical-align:middle}.et-kbd-key{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:var(--et-kbd-key-min-inline-size);padding-inline:var(--et-kbd-key-padding-inline);border:1px solid var(--et-surface-border-solid, rgb(255 255 255 / .1));border-radius:var(--et-kbd-key-border-radius);background:color-mix(in srgb,var(--et-surface-interaction-solid, rgb(255 255 255)) 8%,transparent);color:var(--et-kbd-color, var(--et-surface-color-muted-solid, rgb(255 255 255 / .55)));font:inherit;font-size:var(--et-kbd-font-size);font-weight:var(--et-kbd-font-weight);line-height:1.5;white-space:nowrap}}\n"],
 			encapsulation: i0.ViewEncapsulation.None
 		});
 	}
@@ -32798,7 +32859,7 @@ i0.ɵɵngDeclareClassMetadata({
   `,
 			encapsulation: ViewEncapsulation.None,
 			host: { class: "et-kbd" },
-			styles: ["@layer components{@property --et-kbd-gap{syntax: \"<length>\"; inherits: true; initial-value: 3px;}@property --et-kbd-key-min-inline-size{syntax: \"<length>\"; inherits: true; initial-value: 18px;}@property --et-kbd-key-padding-inline{syntax: \"<length>\"; inherits: true; initial-value: 5px;}@property --et-kbd-key-border-radius{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-kbd-font-size{syntax: \"<length>\"; inherits: true; initial-value: 11px;}@property --et-kbd-font-weight{syntax: \"<number>\"; inherits: true; initial-value: 500;}.et-kbd{display:inline-flex;align-items:center;gap:var(--et-kbd-gap);vertical-align:middle}.et-kbd-key{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:var(--et-kbd-key-min-inline-size);padding-inline:var(--et-kbd-key-padding-inline);border:1px solid var(--et-surface-border-solid, rgb(255 255 255 / .1));border-radius:var(--et-kbd-key-border-radius);background:color-mix(in srgb,var(--et-surface-interaction-solid, rgb(255 255 255)) 8%,transparent);color:var(--et-surface-color-muted-solid, rgb(255 255 255 / .55));font:inherit;font-size:var(--et-kbd-font-size);font-weight:var(--et-kbd-font-weight);line-height:1.5;white-space:nowrap}}\n"]
+			styles: ["@layer components{@property --et-kbd-gap{syntax: \"<length>\"; inherits: true; initial-value: 3px;}@property --et-kbd-key-min-inline-size{syntax: \"<length>\"; inherits: true; initial-value: 18px;}@property --et-kbd-key-padding-inline{syntax: \"<length>\"; inherits: true; initial-value: 5px;}@property --et-kbd-key-border-radius{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-kbd-font-size{syntax: \"<length>\"; inherits: true; initial-value: 11px;}@property --et-kbd-font-weight{syntax: \"<number>\"; inherits: true; initial-value: 500;}.et-kbd{display:inline-flex;align-items:center;gap:var(--et-kbd-gap);vertical-align:middle}.et-kbd-key{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:var(--et-kbd-key-min-inline-size);padding-inline:var(--et-kbd-key-padding-inline);border:1px solid var(--et-surface-border-solid, rgb(255 255 255 / .1));border-radius:var(--et-kbd-key-border-radius);background:color-mix(in srgb,var(--et-surface-interaction-solid, rgb(255 255 255)) 8%,transparent);color:var(--et-kbd-color, var(--et-surface-color-muted-solid, rgb(255 255 255 / .55)));font:inherit;font-size:var(--et-kbd-font-size);font-weight:var(--et-kbd-font-weight);line-height:1.5;white-space:nowrap}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -45188,7 +45249,8 @@ var DateRangePresetsComponent = class DateRangePresetsComponent {
 				inputs: [
 					"variant",
 					"size",
-					"iconAlignment"
+					"iconAlignment",
+					"stretchContents"
 				]
 			}],
 			encapsulation: i0.ViewEncapsulation.None
@@ -59386,7 +59448,8 @@ var RichTextEditorLinkEditorComponent = class RichTextEditorLinkEditorComponent
 					inputs: [
 						"variant",
 						"size",
-						"iconAlignment"
+						"iconAlignment",
+						"stretchContents"
 					]
 				},
 				{
@@ -60462,7 +60525,8 @@ var RichTextEditorImageEditorComponent = class RichTextEditorImageEditorComponen
 					inputs: [
 						"variant",
 						"size",
-						"iconAlignment"
+						"iconAlignment",
+						"stretchContents"
 					]
 				},
 				{
@@ -60676,7 +60740,8 @@ var RichTextEditorTokenPaletteComponent = class RichTextEditorTokenPaletteCompon
 				inputs: [
 					"variant",
 					"size",
-					"iconAlignment"
+					"iconAlignment",
+					"stretchContents"
 				]
 			}],
 			encapsulation: i0.ViewEncapsulation.None
@@ -60850,6 +60915,7 @@ var MenuDirective = class MenuDirective {
 		this.overlayRef = signal(null, ...ngDevMode ? [{ debugName: "overlayRef" }] : /* istanbul ignore next */ []);
 		this.openSubmenu = signal(null, ...ngDevMode ? [{ debugName: "openSubmenu" }] : /* istanbul ignore next */ []);
 		this.activeItem = signal(null, ...ngDevMode ? [{ debugName: "activeItem" }] : /* istanbul ignore next */ []);
+		this.activeItemSource = signal("keyboard", ...ngDevMode ? [{ debugName: "activeItemSource" }] : /* istanbul ignore next */ []);
 		this.holdsActiveHighlight = signal(false, ...ngDevMode ? [{ debugName: "holdsActiveHighlight" }] : /* istanbul ignore next */ []);
 		this.anchorPoint = signal(null, ...ngDevMode ? [{ debugName: "anchorPoint" }] : /* istanbul ignore next */ []);
 		this.items = signal([], ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
@@ -60979,6 +61045,7 @@ var MenuDirective = class MenuDirective {
 	}
 	setActiveItem(item, options) {
 		this.activeItem.set(item);
+		this.activeItemSource.set(options?.source ?? "keyboard");
 		if (options?.focus !== false) item.focus();
 	}
 	handleKeydown(event) {
@@ -61064,7 +61131,10 @@ var MenuDirective = class MenuDirective {
 	notifyItemPointerEnter(item) {
 		if (!item.isDisabled()) {
 			const searchFocused = this.registeredSearch()?.isFocused() ?? false;
-			this.setActiveItem(item, { focus: !searchFocused && this.isFocusInsideTree() });
+			this.setActiveItem(item, {
+				focus: !searchFocused && this.isFocusInsideTree(),
+				source: "pointer"
+			});
 		}
 		this.handleItemHover(item);
 	}
@@ -61095,7 +61165,7 @@ var MenuDirective = class MenuDirective {
 		else this.registeredPanel()?.focus();
 	}
 	holdFocusVisibleHighlights() {
-		if (this.activeItem()?.elementRef.nativeElement.matches(":focus-visible")) this.holdsActiveHighlight.set(true);
+		if (this.activeItemSource() === "keyboard" && this.activeItem()?.elementRef.nativeElement.matches(":focus-visible")) this.holdsActiveHighlight.set(true);
 		this.openSubmenu()?.holdFocusVisibleHighlights();
 	}
 	isFocusInsideTree() {
@@ -61831,6 +61901,7 @@ var MenuItemDirective = class MenuItemDirective {
 		this.pointerInside = false;
 		this.role = computed(() => this.roleOverride()?.() ?? "menuitem", ...ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []);
 		this.isActive = computed(() => this.owner?.activeItem() === this, ...ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []);
+		this.activeSource = computed(() => this.isActive() ? this.owner?.activeItemSource() ?? null : null, ...ngDevMode ? [{ debugName: "activeSource" }] : /* istanbul ignore next */ []);
 		this.isHighlightHeld = computed(() => this.isActive() && !!this.owner?.holdsActiveHighlight(), ...ngDevMode ? [{ debugName: "isHighlightHeld" }] : /* istanbul ignore next */ []);
 		this.isDisabled = computed(() => this.disabled() || (this.disabledOverride()?.() ?? false), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
 		this.tabIndex = computed(() => {
@@ -61890,7 +61961,7 @@ var MenuItemDirective = class MenuItemDirective {
 		event.preventDefault();
 	}
 	handlePointerMove(event) {
-		if (event.pointerType === "touch" || this.pointerInside) return;
+		if (event.pointerType === "touch" || this.pointerInside && !this.keyboardTookOver()) return;
 		this.pointerInside = true;
 		this.owner?.notifyItemPointerEnter(this);
 	}
@@ -61900,6 +61971,9 @@ var MenuItemDirective = class MenuItemDirective {
 	handleFocus() {
 		this.owner?.activeItem.set(this);
 	}
+	keyboardTookOver() {
+		return this.owner?.activeItemSource() === "keyboard" && !this.isDisabled();
+	}
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
@@ -61948,6 +62022,7 @@ var MenuItemDirective = class MenuItemDirective {
 					"attr.tabindex": "tabIndex()",
 					"attr.aria-disabled": "isDisabled() || null",
 					"attr.data-active": "isActive() || null",
+					"attr.data-active-source": "activeSource()",
 					"attr.data-highlight-held": "isHighlightHeld() || null"
 				}
 			},
@@ -61971,6 +62046,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.tabindex]": "tabIndex()",
 				"[attr.aria-disabled]": "isDisabled() || null",
 				"[attr.data-active]": "isActive() || null",
+				"[attr.data-active-source]": "activeSource()",
 				"[attr.data-highlight-held]": "isHighlightHeld() || null",
 				"(click)": "handleClick($event)",
 				"(keydown)": "handleKeydown($event)",
@@ -63994,7 +64070,7 @@ var MenuComponent = class MenuComponent {
 			],
 			ngImport: i0,
 			template: "<div #menuHeader class=\"et-menu-header\">\n  <div class=\"et-menu-search-field\">\n    <ng-content select=\"input[etMenuSearch]\" />\n    <ng-container #menuSearchChrome />\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 class=\"et-menu-body-wrapper\">\n  <div #menuBody class=\"et-menu-body\">\n    <div #menuBodyContent class=\"et-menu-body-content\">\n      <ng-content />\n    </div>\n  </div>\n\n  <ng-container #menuScrollbarChrome />\n</div>\n",
-			styles: ["@layer components{@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-item-submenu-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@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-scroll-fade-size{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --_et-menu-fade-start{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --_et-menu-fade-end{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@keyframes et-menu-scroll-fade-start{to{--_et-menu-fade-start: var(--et-menu-scroll-fade-size)}}@keyframes et-menu-scroll-fade-end{0%{--_et-menu-fade-end: var(--et-menu-scroll-fade-size)}to{--_et-menu-fade-end: 0px}}.et-overlay.et-overlay--menu{overflow:visible;background:transparent;box-shadow:none}.et-menu{--_et-menu-background: var(--et-surface-background-solid, rgb(32 32 32));--_et-menu-color: var(--et-surface-color-solid, rgb(244 244 245));--_et-menu-border: var(--et-surface-border-solid, rgb(255 255 255 / .1));--_et-menu-shadow: var(--et-anchored-panel-shadow, 0 10px 24px rgb(var(--et-shadow-color-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:flex;flex-direction:column;min-inline-size:var(--et-menu-min-width);max-inline-size:min(320px,calc(100vw - 24px));max-block-size:min(var(--et-menu-max-height),var(--et-overlay-max-height, 100vh));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--resizing .et-menu-body{overflow:clip}.et-menu .et-menu-header{flex:none;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-body-wrapper{position:relative;display:flex;flex-direction:column;flex:1;min-block-size:0;margin-block:var(--et-menu-padding-block)}.et-menu .et-menu-body{flex:1;min-block-size:0;padding-inline:var(--et-menu-padding-inline);overflow-y:auto;overscroll-behavior:contain}@supports (animation-timeline: scroll()){.et-menu .et-menu-body{-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--_et-menu-fade-start),black calc(100% - var(--_et-menu-fade-end)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black var(--_et-menu-fade-start),black calc(100% - var(--_et-menu-fade-end)),transparent 100%);animation:et-menu-scroll-fade-start linear both,et-menu-scroll-fade-end linear both;animation-timeline:scroll(self block),scroll(self block);animation-range:0 var(--et-menu-scroll-fade-size),calc(100% - var(--et-menu-scroll-fade-size)) 100%}}.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;-webkit-tap-highlight-color:transparent;transition:background .12s ease,color .12s ease,opacity .12s ease}.et-menu .et-menu-item[data-active]:focus-visible{outline:2px solid var(--et-theme-color-ink-solid);outline-offset:-2px}.et-menu .et-menu-item[data-active]:where(:focus-visible),.et-menu .et-menu-item[data-highlight-held],.et-menu .et-menu-item[data-menu-open]{background:var(--_et-menu-item-active-background)}@media(hover:hover){.et-menu .et-menu-item[data-active]:where(:hover){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-ink-solid, rgb(248 113 113))}.et-menu .et-menu-item .et-menu-item-content{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}\n"],
+			styles: ["@layer components{@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-item-submenu-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@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-scroll-fade-size{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --_et-menu-fade-start{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --_et-menu-fade-end{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@keyframes et-menu-scroll-fade-start{to{--_et-menu-fade-start: var(--et-menu-scroll-fade-size)}}@keyframes et-menu-scroll-fade-end{0%{--_et-menu-fade-end: var(--et-menu-scroll-fade-size)}to{--_et-menu-fade-end: 0px}}.et-overlay.et-overlay--menu{overflow:visible;background:transparent;box-shadow:none}.et-menu{--_et-menu-background: var(--et-surface-background-solid, rgb(32 32 32));--_et-menu-color: var(--et-surface-color-solid, rgb(244 244 245));--_et-menu-border: var(--et-surface-border-solid, rgb(255 255 255 / .1));--_et-menu-shadow: var(--et-anchored-panel-shadow, 0 10px 24px rgb(var(--et-shadow-color-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:flex;flex-direction:column;min-inline-size:var(--et-menu-min-width);max-inline-size:min(320px,calc(100vw - 24px));max-block-size:min(var(--et-menu-max-height),var(--et-overlay-max-height, 100vh));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--resizing .et-menu-body{overflow:clip}.et-menu .et-menu-header{flex:none;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-body-wrapper{position:relative;display:flex;flex-direction:column;flex:1;min-block-size:0;margin-block:var(--et-menu-padding-block)}.et-menu .et-menu-body{flex:1;min-block-size:0;padding-inline:var(--et-menu-padding-inline);overflow-y:auto;overscroll-behavior:contain}@supports (animation-timeline: scroll()){.et-menu .et-menu-body{-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--_et-menu-fade-start),black calc(100% - var(--_et-menu-fade-end)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black var(--_et-menu-fade-start),black calc(100% - var(--_et-menu-fade-end)),transparent 100%);animation:et-menu-scroll-fade-start linear both,et-menu-scroll-fade-end linear both;animation-timeline:scroll(self block),scroll(self block);animation-range:0 var(--et-menu-scroll-fade-size),calc(100% - var(--et-menu-scroll-fade-size)) 100%}}.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;-webkit-tap-highlight-color:transparent;transition:background .12s ease,color .12s ease,opacity .12s ease}.et-menu .et-menu-item[data-active]:where([data-active-source=keyboard]):focus-visible{outline:2px solid var(--et-theme-color-ink-solid);outline-offset:-2px}.et-menu .et-menu-item[data-active]:where([data-active-source=keyboard]:focus-visible),.et-menu .et-menu-item[data-highlight-held],.et-menu .et-menu-item[data-menu-open]{background:var(--_et-menu-item-active-background)}@media(hover:hover){.et-menu .et-menu-item[data-active]:where(:hover){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-ink-solid, rgb(248 113 113))}.et-menu .et-menu-item .et-menu-item-content{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}\n"],
 			dependencies: [{
 				kind: "directive",
 				type: ProvideColorDirective,
@@ -64023,7 +64099,7 @@ i0.ɵɵngDeclareClassMetadata({
 			],
 			host: { class: "et-menu" },
 			template: "<div #menuHeader class=\"et-menu-header\">\n  <div class=\"et-menu-search-field\">\n    <ng-content select=\"input[etMenuSearch]\" />\n    <ng-container #menuSearchChrome />\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 class=\"et-menu-body-wrapper\">\n  <div #menuBody class=\"et-menu-body\">\n    <div #menuBodyContent class=\"et-menu-body-content\">\n      <ng-content />\n    </div>\n  </div>\n\n  <ng-container #menuScrollbarChrome />\n</div>\n",
-			styles: ["@layer components{@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-item-submenu-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@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-scroll-fade-size{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --_et-menu-fade-start{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --_et-menu-fade-end{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@keyframes et-menu-scroll-fade-start{to{--_et-menu-fade-start: var(--et-menu-scroll-fade-size)}}@keyframes et-menu-scroll-fade-end{0%{--_et-menu-fade-end: var(--et-menu-scroll-fade-size)}to{--_et-menu-fade-end: 0px}}.et-overlay.et-overlay--menu{overflow:visible;background:transparent;box-shadow:none}.et-menu{--_et-menu-background: var(--et-surface-background-solid, rgb(32 32 32));--_et-menu-color: var(--et-surface-color-solid, rgb(244 244 245));--_et-menu-border: var(--et-surface-border-solid, rgb(255 255 255 / .1));--_et-menu-shadow: var(--et-anchored-panel-shadow, 0 10px 24px rgb(var(--et-shadow-color-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:flex;flex-direction:column;min-inline-size:var(--et-menu-min-width);max-inline-size:min(320px,calc(100vw - 24px));max-block-size:min(var(--et-menu-max-height),var(--et-overlay-max-height, 100vh));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--resizing .et-menu-body{overflow:clip}.et-menu .et-menu-header{flex:none;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-body-wrapper{position:relative;display:flex;flex-direction:column;flex:1;min-block-size:0;margin-block:var(--et-menu-padding-block)}.et-menu .et-menu-body{flex:1;min-block-size:0;padding-inline:var(--et-menu-padding-inline);overflow-y:auto;overscroll-behavior:contain}@supports (animation-timeline: scroll()){.et-menu .et-menu-body{-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--_et-menu-fade-start),black calc(100% - var(--_et-menu-fade-end)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black var(--_et-menu-fade-start),black calc(100% - var(--_et-menu-fade-end)),transparent 100%);animation:et-menu-scroll-fade-start linear both,et-menu-scroll-fade-end linear both;animation-timeline:scroll(self block),scroll(self block);animation-range:0 var(--et-menu-scroll-fade-size),calc(100% - var(--et-menu-scroll-fade-size)) 100%}}.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;-webkit-tap-highlight-color:transparent;transition:background .12s ease,color .12s ease,opacity .12s ease}.et-menu .et-menu-item[data-active]:focus-visible{outline:2px solid var(--et-theme-color-ink-solid);outline-offset:-2px}.et-menu .et-menu-item[data-active]:where(:focus-visible),.et-menu .et-menu-item[data-highlight-held],.et-menu .et-menu-item[data-menu-open]{background:var(--_et-menu-item-active-background)}@media(hover:hover){.et-menu .et-menu-item[data-active]:where(:hover){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-ink-solid, rgb(248 113 113))}.et-menu .et-menu-item .et-menu-item-content{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}\n"]
+			styles: ["@layer components{@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-item-submenu-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@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-scroll-fade-size{syntax: \"<length>\"; inherits: false; initial-value: 12px;}@property --_et-menu-fade-start{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --_et-menu-fade-end{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@keyframes et-menu-scroll-fade-start{to{--_et-menu-fade-start: var(--et-menu-scroll-fade-size)}}@keyframes et-menu-scroll-fade-end{0%{--_et-menu-fade-end: var(--et-menu-scroll-fade-size)}to{--_et-menu-fade-end: 0px}}.et-overlay.et-overlay--menu{overflow:visible;background:transparent;box-shadow:none}.et-menu{--_et-menu-background: var(--et-surface-background-solid, rgb(32 32 32));--_et-menu-color: var(--et-surface-color-solid, rgb(244 244 245));--_et-menu-border: var(--et-surface-border-solid, rgb(255 255 255 / .1));--_et-menu-shadow: var(--et-anchored-panel-shadow, 0 10px 24px rgb(var(--et-shadow-color-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:flex;flex-direction:column;min-inline-size:var(--et-menu-min-width);max-inline-size:min(320px,calc(100vw - 24px));max-block-size:min(var(--et-menu-max-height),var(--et-overlay-max-height, 100vh));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--resizing .et-menu-body{overflow:clip}.et-menu .et-menu-header{flex:none;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-body-wrapper{position:relative;display:flex;flex-direction:column;flex:1;min-block-size:0;margin-block:var(--et-menu-padding-block)}.et-menu .et-menu-body{flex:1;min-block-size:0;padding-inline:var(--et-menu-padding-inline);overflow-y:auto;overscroll-behavior:contain}@supports (animation-timeline: scroll()){.et-menu .et-menu-body{-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--_et-menu-fade-start),black calc(100% - var(--_et-menu-fade-end)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black var(--_et-menu-fade-start),black calc(100% - var(--_et-menu-fade-end)),transparent 100%);animation:et-menu-scroll-fade-start linear both,et-menu-scroll-fade-end linear both;animation-timeline:scroll(self block),scroll(self block);animation-range:0 var(--et-menu-scroll-fade-size),calc(100% - var(--et-menu-scroll-fade-size)) 100%}}.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;-webkit-tap-highlight-color:transparent;transition:background .12s ease,color .12s ease,opacity .12s ease}.et-menu .et-menu-item[data-active]:where([data-active-source=keyboard]):focus-visible{outline:2px solid var(--et-theme-color-ink-solid);outline-offset:-2px}.et-menu .et-menu-item[data-active]:where([data-active-source=keyboard]:focus-visible),.et-menu .et-menu-item[data-highlight-held],.et-menu .et-menu-item[data-menu-open]{background:var(--_et-menu-item-active-background)}@media(hover:hover){.et-menu .et-menu-item[data-active]:where(:hover){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-ink-solid, rgb(248 113 113))}.et-menu .et-menu-item .et-menu-item-content{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -70065,6 +70141,7 @@ var SelectDirective = class SelectDirective extends FieldStateControlDirective {
 		}, ...ngDevMode ? [{ debugName: "virtualizedItems" }] : /* istanbul ignore next */ []);
 		this.pendingActiveScrollItem = null;
 		this.anchorBoxAtPointerMove = null;
+		this.openSource = "pointer";
 		this.characterSeparators = computed(() => this.separators().filter((separator) => separator.length === 1), ...ngDevMode ? [{ debugName: "characterSeparators" }] : /* istanbul ignore next */ []);
 		this.keySeparators = computed(() => this.separators().filter((separator) => separator.length > 1), ...ngDevMode ? [{ debugName: "keySeparators" }] : /* istanbul ignore next */ []);
 		this.isFull = computed(() => {
@@ -70201,13 +70278,19 @@ var SelectDirective = class SelectDirective extends FieldStateControlDirective {
 				const active = this.activeItem();
 				if (active && navigable.includes(active)) return;
 				const next = this.reconciledActiveItem(enabled, navigable);
-				if (next) this.setActiveItem(next, { scroll: !active });
+				if (next) this.setActiveItem(next, {
+					scroll: !active,
+					source: this.openSource
+				});
 				else this.activeItem.set(null);
 			});
 		});
 		toObservable(computed(() => this.formField?.controlFrameElement() ?? null)).pipe(switchMap((frame) => frame ? fromEvent(frame, "click") : EMPTY), tap((event) => this.handleFrameClick(event)), takeUntilDestroyed()).subscribe();
 		toObservable(this.overlayRef).pipe(tap(() => this.anchorBoxAtPointerMove = null), switchMap((overlayRef) => overlayRef ? fromEvent(this.document, "pointermove") : EMPTY), tap((event) => {
-			if (event.pointerType === "mouse") this.anchorBoxAtPointerMove = this.readAnchorBox();
+			if (event.pointerType === "mouse") {
+				this.anchorBoxAtPointerMove = this.readAnchorBox();
+				this.handleMousePointerMove(event);
+			}
 		}), takeUntilDestroyed()).subscribe();
 		this.destroyRef.onDestroy(() => {
 			this.typeahead.destroy();
@@ -70419,6 +70502,10 @@ var SelectDirective = class SelectDirective extends FieldStateControlDirective {
 		if (committed && !this.multiple()) this.hide();
 		return committed;
 	}
+	showFromKeyboard() {
+		this.show();
+		if (this.open()) this.openSource = "keyboard";
+	}
 	toggleMultiValue(item) {
 		const itemValue = item.value();
 		const current = this.value();
@@ -70545,12 +70632,12 @@ var SelectDirective = class SelectDirective extends FieldStateControlDirective {
 					if (match) this.commitOptionWhileClosed(match);
 					return;
 				}
-				this.show();
+				this.showFromKeyboard();
 				return;
 			case "ArrowDown":
 			case "ArrowUp":
 				event.preventDefault();
-				this.show();
+				this.showFromKeyboard();
 				return;
 			default: {
 				if (event.key.length !== 1 || searchFocused || this.multiple() || this.pickOnly()) return;
@@ -70702,11 +70789,21 @@ var SelectDirective = class SelectDirective extends FieldStateControlDirective {
 			search?.handleOpened();
 			if (this.activeItem()) return;
 			const target = this.selectedItems().find((item) => !item.disabled()) ?? this.enabledItems()[0] ?? null;
-			if (target) this.setActiveItem(target);
+			if (target) this.setActiveItem(target, { source: this.openSource });
+		});
+	}
+	handleMousePointerMove(event) {
+		if (this.activeItemSource() !== "keyboard" || !(event.target instanceof Node)) return;
+		const target = event.target;
+		const item = this.navigableItems().find((candidate) => candidate.element()?.contains(target));
+		if (item) this.setActiveItem(item, {
+			scroll: false,
+			source: "pointer"
 		});
 	}
 	handlePanelBeforeClosed() {
 		this.pendingActiveScrollItem = null;
+		this.openSource = "pointer";
 		if (this.allowCustomValues() && this.commitCustomValueOnClose()) this.applyCustomValue(this.query());
 		const search = this.registeredSearch();
 		if (search && this.query()) search.clear();
@@ -78154,7 +78251,7 @@ var SwitchComponent = class SwitchComponent {
 			}, { directive: i1$1.ColorInteractiveDirective }],
 			ngImport: i0,
 			template: "<div class=\"et-switch-track\">\n  <div class=\"et-switch-thumb\"></div>\n</div>\n",
-			styles: ["@layer components{@property --et-switch-track-width{syntax: \"<length>\"; inherits: true; initial-value: 40px;}@property --et-switch-track-height{syntax: \"<length>\"; inherits: true; initial-value: 22px;}@property --et-switch-thumb-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}@property --et-switch-thumb-offset{syntax: \"<length>\"; inherits: true; initial-value: 3px;}@property --et-switch-transition-duration{syntax: \"<time>\"; inherits: true; initial-value: .15s;}@property --et-switch-opacity-disabled{syntax: \"<number>\"; inherits: true; initial-value: .5;}et-switch{display:inline-flex;align-items:center;cursor:pointer;outline:none}et-switch[data-readonly]{cursor:default}et-switch[aria-disabled=true]{opacity:var(--et-switch-opacity-disabled);pointer-events:none;cursor:default}et-switch .et-switch-track{position:relative;width:var(--et-switch-track-width);height:var(--et-switch-track-height);border-radius:calc(var(--et-switch-track-height) / 2);background-color:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 22%,transparent);box-shadow:inset 0 0 0 1px var(--et-surface-interaction-solid)}@media(hover:hover){et-switch:hover:not([aria-disabled=true]):not([data-readonly]):not([aria-checked=true]):not([data-indeterminate]) .et-switch-track,:where(et-choice-field:has(.et-choice-field-label-area:hover)) et-switch:not([aria-disabled=true]):not([data-readonly]):not([aria-checked=true]):not([data-indeterminate]) .et-switch-track{background-color:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 30%,transparent);box-shadow:inset 0 0 0 1px var(--et-surface-interaction-hover-solid)}}:where(et-choice-field[data-error]) et-switch:not([aria-disabled=true]):not([aria-checked=true]):not([data-indeterminate]) .et-switch-track{background-color:color-mix(in srgb,var(--et-theme-color-primary-solid) 40%,transparent)}@media(hover:hover){:where(et-choice-field[data-error]) et-switch:hover:not([aria-disabled=true]):not([data-readonly]):not([aria-checked=true]):not([data-indeterminate]) .et-switch-track,:where(et-choice-field[data-error]:has(.et-choice-field-label-area:hover)) et-switch:not([aria-disabled=true]):not([data-readonly]):not([aria-checked=true]):not([data-indeterminate]) .et-switch-track{background-color:color-mix(in srgb,light-dark(rgb(var(--et-color-primary-hover, var(--et-color-primary))),rgb(var( --et-color-primary-ink-active, var( --et-color-primary-ink-focus, var( --et-color-primary-ink-hover, var( --et-color-primary-ink, var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) ) ) ) ))) 40%,transparent)}}et-switch:focus-visible .et-switch-track{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:2px}:where(et-choice-field[data-variant=card]) et-switch:focus-visible .et-switch-track{outline:none}et-switch .et-switch-thumb{position:absolute;top:calc((var(--et-switch-track-height) - var(--et-switch-thumb-size) + 4px) / 2);left:calc((var(--et-switch-track-height) - var(--et-switch-thumb-size) + 4px) / 2);width:calc(var(--et-switch-thumb-size) - 4px);height:calc(var(--et-switch-thumb-size) - 4px);border-radius:calc(var(--et-switch-thumb-size) / 2);background-color:var(--et-surface-color-muted-solid, currentColor)}@media(hover:hover){et-switch:hover:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb,:where(et-choice-field:has(.et-choice-field-label-area:hover)) et-switch:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb{background-color:var(--et-surface-color-solid, currentColor)}}et-switch:active:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb{width:var(--et-switch-thumb-size)}et-switch[aria-checked=true] .et-switch-track{background-color:var(--et-theme-color-primary-solid, currentColor);box-shadow:inset 0 0 0 1px light-dark(var(--et-theme-color-ink-solid),transparent)}et-switch[aria-checked=true] .et-switch-thumb{top:calc((var(--et-switch-track-height) - var(--et-switch-thumb-size)) / 2);left:calc(var(--et-switch-track-width) - var(--et-switch-thumb-size) - var(--et-switch-thumb-offset));width:var(--et-switch-thumb-size);height:var(--et-switch-thumb-size);background-color:var(--et-theme-color-on-primary-solid, white)}@media(hover:hover){et-switch[aria-checked=true]:hover:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb,:where(et-choice-field:has(.et-choice-field-label-area:hover)) et-switch[aria-checked=true]:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb{background-color:var(--et-theme-color-on-primary-solid, white)}}et-switch[aria-checked=true]:active:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb{width:calc(var(--et-switch-thumb-size) + 3px);left:calc(var(--et-switch-track-width) - var(--et-switch-thumb-size) - 3px - var(--et-switch-thumb-offset))}et-switch[data-indeterminate] .et-switch-track{background-color:transparent;box-shadow:none}et-switch[data-indeterminate] .et-switch-track:before{content:\"\";position:absolute;inset:0;border-radius:inherit;border:1px dashed var(--et-theme-color-ink-solid, currentColor)}et-switch[data-indeterminate] .et-switch-thumb{left:calc((var(--et-switch-track-width) - (var(--et-switch-thumb-size) - 4px)) / 2);background-color:var(--et-theme-color-ink-solid, currentColor)}et-switch[data-can-animate] .et-switch-track{transition:background-color var(--et-switch-transition-duration) ease,box-shadow var(--et-switch-transition-duration) ease}et-switch[data-can-animate] .et-switch-thumb{transition:top var(--et-switch-transition-duration) ease,left var(--et-switch-transition-duration) ease,width var(--et-switch-transition-duration) ease,height var(--et-switch-transition-duration) ease,background-color var(--et-switch-transition-duration) ease}@media(prefers-reduced-motion:reduce){et-switch{--et-switch-transition-duration: 1ms}}}\n"],
+			styles: ["@layer components{@property --et-switch-track-width{syntax: \"<length>\"; inherits: true; initial-value: 40px;}@property --et-switch-track-height{syntax: \"<length>\"; inherits: true; initial-value: 22px;}@property --et-switch-thumb-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}@property --et-switch-thumb-offset{syntax: \"<length>\"; inherits: true; initial-value: 3px;}@property --et-switch-transition-duration{syntax: \"<time>\"; inherits: true; initial-value: .15s;}@property --et-switch-opacity-disabled{syntax: \"<number>\"; inherits: true; initial-value: .5;}et-switch{display:inline-flex;align-items:center;cursor:pointer;outline:none}et-switch[data-readonly]{cursor:default}et-switch[aria-disabled=true]{opacity:var(--et-switch-opacity-disabled);pointer-events:none;cursor:default}et-switch .et-switch-track{position:relative;width:var(--et-switch-track-width);height:var(--et-switch-track-height);border-radius:calc(var(--et-switch-track-height) / 2);background-color:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 38%,transparent)}:where(et-choice-field[data-error]) et-switch:not([aria-disabled=true]):not([aria-checked=true]):not([data-indeterminate]) .et-switch-track{background-color:color-mix(in srgb,var(--et-theme-color-primary-solid) 40%,transparent)}@media(hover:hover){:where(et-choice-field[data-error]) et-switch:hover:not([aria-disabled=true]):not([data-readonly]):not([aria-checked=true]):not([data-indeterminate]) .et-switch-track,:where(et-choice-field[data-error]:has(.et-choice-field-label-area:hover)) et-switch:not([aria-disabled=true]):not([data-readonly]):not([aria-checked=true]):not([data-indeterminate]) .et-switch-track{background-color:color-mix(in srgb,light-dark(rgb(var(--et-color-primary-hover, var(--et-color-primary))),rgb(var( --et-color-primary-ink-active, var( --et-color-primary-ink-focus, var( --et-color-primary-ink-hover, var( --et-color-primary-ink, var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) ) ) ) ))) 40%,transparent)}}et-switch:focus-visible .et-switch-track{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:2px}:where(et-choice-field[data-variant=card]) et-switch:focus-visible .et-switch-track{outline:none}et-switch .et-switch-thumb{position:absolute;top:calc((var(--et-switch-track-height) - var(--et-switch-thumb-size) + 4px) / 2);left:calc((var(--et-switch-track-height) - var(--et-switch-thumb-size) + 4px) / 2);width:calc(var(--et-switch-thumb-size) - 4px);height:calc(var(--et-switch-thumb-size) - 4px);border-radius:calc(var(--et-switch-thumb-size) / 2);background-color:var(--et-surface-color-muted-solid, currentColor)}@media(hover:hover){et-switch:hover:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb,:where(et-choice-field:has(.et-choice-field-label-area:hover)) et-switch:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb{background-color:var(--et-surface-color-solid, currentColor)}}et-switch:active:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb{width:var(--et-switch-thumb-size)}et-switch[aria-checked=true] .et-switch-track{background-color:var(--et-theme-color-primary-solid, currentColor);box-shadow:inset 0 0 0 1px light-dark(var(--et-theme-color-ink-solid),transparent)}et-switch[aria-checked=true] .et-switch-thumb{top:calc((var(--et-switch-track-height) - var(--et-switch-thumb-size)) / 2);left:calc(var(--et-switch-track-width) - var(--et-switch-thumb-size) - var(--et-switch-thumb-offset));width:var(--et-switch-thumb-size);height:var(--et-switch-thumb-size);background-color:var(--et-theme-color-on-primary-solid, white)}@media(hover:hover){et-switch[aria-checked=true]:hover:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb,:where(et-choice-field:has(.et-choice-field-label-area:hover)) et-switch[aria-checked=true]:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb{background-color:var(--et-theme-color-on-primary-solid, white)}}et-switch[aria-checked=true]:active:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb{width:calc(var(--et-switch-thumb-size) + 3px);left:calc(var(--et-switch-track-width) - var(--et-switch-thumb-size) - 3px - var(--et-switch-thumb-offset))}et-switch[data-indeterminate] .et-switch-track{background-color:transparent;box-shadow:none}et-switch[data-indeterminate] .et-switch-track:before{content:\"\";position:absolute;inset:0;border-radius:inherit;border:1px dashed var(--et-theme-color-ink-solid, currentColor)}et-switch[data-indeterminate] .et-switch-thumb{left:calc((var(--et-switch-track-width) - (var(--et-switch-thumb-size) - 4px)) / 2);background-color:var(--et-theme-color-ink-solid, currentColor)}et-switch[data-can-animate] .et-switch-track{transition:background-color var(--et-switch-transition-duration) ease,box-shadow var(--et-switch-transition-duration) ease}et-switch[data-can-animate] .et-switch-thumb{transition:top var(--et-switch-transition-duration) ease,left var(--et-switch-transition-duration) ease,width var(--et-switch-transition-duration) ease,height var(--et-switch-transition-duration) ease,background-color var(--et-switch-transition-duration) ease}@media(prefers-reduced-motion:reduce){et-switch{--et-switch-transition-duration: 1ms}}}\n"],
 			encapsulation: i0.ViewEncapsulation.None
 		});
 	}
@@ -78196,7 +78293,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-can-animate]": "canAnimate.state() || null"
 			},
 			template: "<div class=\"et-switch-track\">\n  <div class=\"et-switch-thumb\"></div>\n</div>\n",
-			styles: ["@layer components{@property --et-switch-track-width{syntax: \"<length>\"; inherits: true; initial-value: 40px;}@property --et-switch-track-height{syntax: \"<length>\"; inherits: true; initial-value: 22px;}@property --et-switch-thumb-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}@property --et-switch-thumb-offset{syntax: \"<length>\"; inherits: true; initial-value: 3px;}@property --et-switch-transition-duration{syntax: \"<time>\"; inherits: true; initial-value: .15s;}@property --et-switch-opacity-disabled{syntax: \"<number>\"; inherits: true; initial-value: .5;}et-switch{display:inline-flex;align-items:center;cursor:pointer;outline:none}et-switch[data-readonly]{cursor:default}et-switch[aria-disabled=true]{opacity:var(--et-switch-opacity-disabled);pointer-events:none;cursor:default}et-switch .et-switch-track{position:relative;width:var(--et-switch-track-width);height:var(--et-switch-track-height);border-radius:calc(var(--et-switch-track-height) / 2);background-color:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 22%,transparent);box-shadow:inset 0 0 0 1px var(--et-surface-interaction-solid)}@media(hover:hover){et-switch:hover:not([aria-disabled=true]):not([data-readonly]):not([aria-checked=true]):not([data-indeterminate]) .et-switch-track,:where(et-choice-field:has(.et-choice-field-label-area:hover)) et-switch:not([aria-disabled=true]):not([data-readonly]):not([aria-checked=true]):not([data-indeterminate]) .et-switch-track{background-color:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 30%,transparent);box-shadow:inset 0 0 0 1px var(--et-surface-interaction-hover-solid)}}:where(et-choice-field[data-error]) et-switch:not([aria-disabled=true]):not([aria-checked=true]):not([data-indeterminate]) .et-switch-track{background-color:color-mix(in srgb,var(--et-theme-color-primary-solid) 40%,transparent)}@media(hover:hover){:where(et-choice-field[data-error]) et-switch:hover:not([aria-disabled=true]):not([data-readonly]):not([aria-checked=true]):not([data-indeterminate]) .et-switch-track,:where(et-choice-field[data-error]:has(.et-choice-field-label-area:hover)) et-switch:not([aria-disabled=true]):not([data-readonly]):not([aria-checked=true]):not([data-indeterminate]) .et-switch-track{background-color:color-mix(in srgb,light-dark(rgb(var(--et-color-primary-hover, var(--et-color-primary))),rgb(var( --et-color-primary-ink-active, var( --et-color-primary-ink-focus, var( --et-color-primary-ink-hover, var( --et-color-primary-ink, var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) ) ) ) ))) 40%,transparent)}}et-switch:focus-visible .et-switch-track{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:2px}:where(et-choice-field[data-variant=card]) et-switch:focus-visible .et-switch-track{outline:none}et-switch .et-switch-thumb{position:absolute;top:calc((var(--et-switch-track-height) - var(--et-switch-thumb-size) + 4px) / 2);left:calc((var(--et-switch-track-height) - var(--et-switch-thumb-size) + 4px) / 2);width:calc(var(--et-switch-thumb-size) - 4px);height:calc(var(--et-switch-thumb-size) - 4px);border-radius:calc(var(--et-switch-thumb-size) / 2);background-color:var(--et-surface-color-muted-solid, currentColor)}@media(hover:hover){et-switch:hover:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb,:where(et-choice-field:has(.et-choice-field-label-area:hover)) et-switch:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb{background-color:var(--et-surface-color-solid, currentColor)}}et-switch:active:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb{width:var(--et-switch-thumb-size)}et-switch[aria-checked=true] .et-switch-track{background-color:var(--et-theme-color-primary-solid, currentColor);box-shadow:inset 0 0 0 1px light-dark(var(--et-theme-color-ink-solid),transparent)}et-switch[aria-checked=true] .et-switch-thumb{top:calc((var(--et-switch-track-height) - var(--et-switch-thumb-size)) / 2);left:calc(var(--et-switch-track-width) - var(--et-switch-thumb-size) - var(--et-switch-thumb-offset));width:var(--et-switch-thumb-size);height:var(--et-switch-thumb-size);background-color:var(--et-theme-color-on-primary-solid, white)}@media(hover:hover){et-switch[aria-checked=true]:hover:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb,:where(et-choice-field:has(.et-choice-field-label-area:hover)) et-switch[aria-checked=true]:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb{background-color:var(--et-theme-color-on-primary-solid, white)}}et-switch[aria-checked=true]:active:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb{width:calc(var(--et-switch-thumb-size) + 3px);left:calc(var(--et-switch-track-width) - var(--et-switch-thumb-size) - 3px - var(--et-switch-thumb-offset))}et-switch[data-indeterminate] .et-switch-track{background-color:transparent;box-shadow:none}et-switch[data-indeterminate] .et-switch-track:before{content:\"\";position:absolute;inset:0;border-radius:inherit;border:1px dashed var(--et-theme-color-ink-solid, currentColor)}et-switch[data-indeterminate] .et-switch-thumb{left:calc((var(--et-switch-track-width) - (var(--et-switch-thumb-size) - 4px)) / 2);background-color:var(--et-theme-color-ink-solid, currentColor)}et-switch[data-can-animate] .et-switch-track{transition:background-color var(--et-switch-transition-duration) ease,box-shadow var(--et-switch-transition-duration) ease}et-switch[data-can-animate] .et-switch-thumb{transition:top var(--et-switch-transition-duration) ease,left var(--et-switch-transition-duration) ease,width var(--et-switch-transition-duration) ease,height var(--et-switch-transition-duration) ease,background-color var(--et-switch-transition-duration) ease}@media(prefers-reduced-motion:reduce){et-switch{--et-switch-transition-duration: 1ms}}}\n"]
+			styles: ["@layer components{@property --et-switch-track-width{syntax: \"<length>\"; inherits: true; initial-value: 40px;}@property --et-switch-track-height{syntax: \"<length>\"; inherits: true; initial-value: 22px;}@property --et-switch-thumb-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}@property --et-switch-thumb-offset{syntax: \"<length>\"; inherits: true; initial-value: 3px;}@property --et-switch-transition-duration{syntax: \"<time>\"; inherits: true; initial-value: .15s;}@property --et-switch-opacity-disabled{syntax: \"<number>\"; inherits: true; initial-value: .5;}et-switch{display:inline-flex;align-items:center;cursor:pointer;outline:none}et-switch[data-readonly]{cursor:default}et-switch[aria-disabled=true]{opacity:var(--et-switch-opacity-disabled);pointer-events:none;cursor:default}et-switch .et-switch-track{position:relative;width:var(--et-switch-track-width);height:var(--et-switch-track-height);border-radius:calc(var(--et-switch-track-height) / 2);background-color:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 38%,transparent)}:where(et-choice-field[data-error]) et-switch:not([aria-disabled=true]):not([aria-checked=true]):not([data-indeterminate]) .et-switch-track{background-color:color-mix(in srgb,var(--et-theme-color-primary-solid) 40%,transparent)}@media(hover:hover){:where(et-choice-field[data-error]) et-switch:hover:not([aria-disabled=true]):not([data-readonly]):not([aria-checked=true]):not([data-indeterminate]) .et-switch-track,:where(et-choice-field[data-error]:has(.et-choice-field-label-area:hover)) et-switch:not([aria-disabled=true]):not([data-readonly]):not([aria-checked=true]):not([data-indeterminate]) .et-switch-track{background-color:color-mix(in srgb,light-dark(rgb(var(--et-color-primary-hover, var(--et-color-primary))),rgb(var( --et-color-primary-ink-active, var( --et-color-primary-ink-focus, var( --et-color-primary-ink-hover, var( --et-color-primary-ink, var( --et-color-primary-active, var(--et-color-primary-focus, var(--et-color-primary-hover, var(--et-color-primary))) ) ) ) ) ))) 40%,transparent)}}et-switch:focus-visible .et-switch-track{outline:2px solid light-dark(var(--et-theme-color-ink-solid, currentColor),var(--et-theme-color-primary-solid, currentColor));outline-offset:2px}:where(et-choice-field[data-variant=card]) et-switch:focus-visible .et-switch-track{outline:none}et-switch .et-switch-thumb{position:absolute;top:calc((var(--et-switch-track-height) - var(--et-switch-thumb-size) + 4px) / 2);left:calc((var(--et-switch-track-height) - var(--et-switch-thumb-size) + 4px) / 2);width:calc(var(--et-switch-thumb-size) - 4px);height:calc(var(--et-switch-thumb-size) - 4px);border-radius:calc(var(--et-switch-thumb-size) / 2);background-color:var(--et-surface-color-muted-solid, currentColor)}@media(hover:hover){et-switch:hover:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb,:where(et-choice-field:has(.et-choice-field-label-area:hover)) et-switch:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb{background-color:var(--et-surface-color-solid, currentColor)}}et-switch:active:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb{width:var(--et-switch-thumb-size)}et-switch[aria-checked=true] .et-switch-track{background-color:var(--et-theme-color-primary-solid, currentColor);box-shadow:inset 0 0 0 1px light-dark(var(--et-theme-color-ink-solid),transparent)}et-switch[aria-checked=true] .et-switch-thumb{top:calc((var(--et-switch-track-height) - var(--et-switch-thumb-size)) / 2);left:calc(var(--et-switch-track-width) - var(--et-switch-thumb-size) - var(--et-switch-thumb-offset));width:var(--et-switch-thumb-size);height:var(--et-switch-thumb-size);background-color:var(--et-theme-color-on-primary-solid, white)}@media(hover:hover){et-switch[aria-checked=true]:hover:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb,:where(et-choice-field:has(.et-choice-field-label-area:hover)) et-switch[aria-checked=true]:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb{background-color:var(--et-theme-color-on-primary-solid, white)}}et-switch[aria-checked=true]:active:not([aria-disabled=true]):not([data-readonly]) .et-switch-thumb{width:calc(var(--et-switch-thumb-size) + 3px);left:calc(var(--et-switch-track-width) - var(--et-switch-thumb-size) - 3px - var(--et-switch-thumb-offset))}et-switch[data-indeterminate] .et-switch-track{background-color:transparent;box-shadow:none}et-switch[data-indeterminate] .et-switch-track:before{content:\"\";position:absolute;inset:0;border-radius:inherit;border:1px dashed var(--et-theme-color-ink-solid, currentColor)}et-switch[data-indeterminate] .et-switch-thumb{left:calc((var(--et-switch-track-width) - (var(--et-switch-thumb-size) - 4px)) / 2);background-color:var(--et-theme-color-ink-solid, currentColor)}et-switch[data-can-animate] .et-switch-track{transition:background-color var(--et-switch-transition-duration) ease,box-shadow var(--et-switch-transition-duration) ease}et-switch[data-can-animate] .et-switch-thumb{transition:top var(--et-switch-transition-duration) ease,left var(--et-switch-transition-duration) ease,width var(--et-switch-transition-duration) ease,height var(--et-switch-transition-duration) ease,background-color var(--et-switch-transition-duration) ease}@media(prefers-reduced-motion:reduce){et-switch{--et-switch-transition-duration: 1ms}}}\n"]
 		}]
 	}]
 });
@@ -83829,7 +83926,7 @@ var NotificationComponent = class NotificationComponent {
 			],
 			ngImport: i0,
 			template: "<div class=\"et-notification-content\">\n  <div class=\"et-notification-header\">\n    @if (statusIcon(); as icon) {\n      <i [etIcon]=\"icon\" class=\"et-notification-icon\"></i>\n    } @else if (notification.isLoading()) {\n      <et-spinner class=\"et-notification-spinner\" diameter=\"16\" strokeWidth=\"2\" />\n    }\n\n    <span class=\"et-notification-title\">{{ notification.title() }}</span>\n\n    <button\n      [color]=\"controlsColor()\"\n      [attr.aria-label]=\"dismissLabel()\"\n      class=\"et-notification-dismiss-btn\"\n      et-icon-button\n      etNotificationDismiss\n      size=\"xs\"\n      type=\"button\"\n    >\n      <i etIcon=\"et-times\"></i>\n    </button>\n  </div>\n\n  @if (notification.message()) {\n    <p class=\"et-notification-message\">{{ notification.message() }}</p>\n  }\n\n  @if (notification.content(); as content) {\n    <div class=\"et-notification-custom-content\">\n      <ng-container *ngComponentOutlet=\"content.component; inputs: content.inputs\" />\n    </div>\n  }\n\n  @if (notification.progress() !== undefined) {\n    <et-progress-bar [value]=\"notification.progress()\" class=\"et-notification-progress-bar\" />\n  }\n\n  @if (notification.action() || notification.secondaryAction()) {\n    <div class=\"et-notification-footer\">\n      @if (notification.action(); as action) {\n        <button et-text-button etNotificationAction size=\"xs\" type=\"button\">{{ action.label }}</button>\n      }\n\n      @if (notification.secondaryAction(); as secondaryAction) {\n        <button\n          class=\"et-notification-secondary-action\"\n          et-text-button\n          etNotificationAction=\"secondary\"\n          size=\"xs\"\n          type=\"button\"\n        >\n          {{ secondaryAction.label }}\n        </button>\n      }\n    </div>\n  }\n</div>\n",
-			styles: ["@layer components{@property --et-notification-border-radius{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-notification-padding{syntax: \"*\"; inherits: true; initial-value: 12px 12px 12px 14px;}@property --et-notification-min-width{syntax: \"<length>\"; inherits: true; initial-value: 300px;}@property --et-notification-max-width{syntax: \"<length>\"; inherits: true; initial-value: 420px;}@property --et-notification-shadow{syntax: \"*\"; inherits: true; initial-value: 0 4px 16px rgb(var(--et-shadow-color-rgb, 0 0 0) / 10%),0 0 0 1px rgb(var(--et-shadow-color-rgb, 0 0 0) / 5%);}@property --et-notification-border-width{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-notification-font-size{syntax: \"<length>\"; inherits: true; initial-value: 14px;}@property --et-notification-line-height{syntax: \"<length>\"; inherits: true; initial-value: 20px;}@property --et-notification-gap{syntax: \"<length>\"; inherits: true; initial-value: 8px;}@property --et-notification-title-font-weight{syntax: \"<number>\"; inherits: true; initial-value: 600;}@property --et-notification-message-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-notification-message-line-height{syntax: \"<length>\"; inherits: true; initial-value: 16px;}@property --et-notification-message-opacity{syntax: \"<number>\"; inherits: true; initial-value: .65;}@property --et-notification-progress-bar-height{syntax: \"<length>\"; inherits: true; initial-value: 3px;}@property --et-notification-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}.et-notification{display:block;pointer-events:all;opacity:var(--_et-notification-swipe-opacity, 1);background:var(--et-surface-background-solid, #fff);color:var(--et-surface-color-solid, #111);border-radius:var(--et-notification-border-radius);padding:var(--et-notification-padding);box-shadow:var(--et-notification-shadow);min-width:var(--et-notification-min-width);max-width:var(--et-notification-max-width);border-inline-start:var(--et-notification-border-width) solid var(--et-theme-color-primary-solid, #d1d5db);font-family:inherit;font-size:var(--et-notification-font-size);line-height:var(--et-notification-line-height);--_et-notification-slide-x: 1rem;--_et-notification-dir-sign: 1}.et-notification:dir(rtl){--_et-notification-dir-sign: -1}.et-notification.et-animation-enter-from{opacity:0;transform:translate(calc(var(--_et-notification-slide-x) * var(--_et-notification-dir-sign)))}.et-notification.et-animation-enter-active{transition:opacity .2s ease,transform .2s ease}.et-notification.et-animation-leave-active{transition:opacity .2s ease,transform .2s ease}.et-notification.et-animation-leave-to{opacity:0;transform:translate(calc(var(--_et-notification-slide-x) * var(--_et-notification-dir-sign)))}.et-notification[data-swiped-away].et-animation-leave-to{transform:translate(var(--_et-notification-swipe-exit-x, 0px))!important;opacity:0}.et-notification-stack[data-position=bottom-start] .et-notification,.et-notification-stack[data-position=top-start] .et-notification{--_et-notification-slide-x: -1rem}.et-notification-stack[data-position=bottom-center] .et-notification.et-animation-enter-from,.et-notification-stack[data-position=bottom-center] .et-notification.et-animation-leave-to{transform:translateY(1rem)}.et-notification-stack[data-position=top-center] .et-notification.et-animation-enter-from,.et-notification-stack[data-position=top-center] .et-notification.et-animation-leave-to{transform:translateY(-1rem)}.et-notification-header{display:flex;align-items:center;justify-content:space-between;gap:var(--et-notification-gap)}.et-notification-spinner{flex-shrink:0;--et-spinner-color: var(--et-theme-color-primary-solid, currentColor)}.et-notification-icon{flex-shrink:0;width:var(--et-notification-icon-size);height:var(--et-notification-icon-size);color:var(--et-theme-color-primary-solid, currentColor)}.et-notification-title{flex:1;font-weight:var(--et-notification-title-font-weight);font-size:var(--et-notification-font-size);line-height:var(--et-notification-line-height)}.et-notification-dismiss-btn{flex-shrink:0;opacity:.4;transition:opacity .12s ease}@media(hover:hover){.et-notification-dismiss-btn:hover{opacity:.8}}.et-notification-message{margin:.4rem 0 0;color:var(--et-surface-color-muted-solid, inherit);opacity:var(--et-notification-message-opacity);font-size:var(--et-notification-message-font-size);line-height:var(--et-notification-message-line-height)}.et-notification-custom-content{margin-top:var(--et-notification-gap)}.et-notification-progress-bar{margin-top:.8rem;color:var(--et-theme-color-primary-solid, currentColor);--et-progress-bar-height: var(--et-notification-progress-bar-height)}.et-notification-footer{display:flex;align-items:center;gap:1.2rem;margin-top:.8rem}.et-notification .et-notification-secondary-action{color:var(--et-surface-color-muted-solid, inherit)}@media(max-width:480px){.et-notification{min-width:0;max-width:none}}@media(prefers-reduced-motion:reduce){.et-notification.et-animation-enter-from{transform:none}.et-notification.et-animation-enter-active,.et-notification.et-animation-leave-active{transition:opacity .2s ease}.et-notification.et-animation-leave-to{transform:none}}}\n"],
+			styles: ["@layer components{@property --et-notification-border-radius{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-notification-padding{syntax: \"*\"; inherits: true; initial-value: 12px 12px 12px 14px;}@property --et-notification-min-width{syntax: \"<length>\"; inherits: true; initial-value: 300px;}@property --et-notification-max-width{syntax: \"<length>\"; inherits: true; initial-value: 420px;}@property --et-notification-shadow{syntax: \"*\"; inherits: true; initial-value: 0 4px 16px rgb(var(--et-shadow-color-rgb, 0 0 0) / 10%),0 0 0 1px rgb(var(--et-shadow-color-rgb, 0 0 0) / 5%);}@property --et-notification-border-width{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-notification-font-size{syntax: \"<length>\"; inherits: true; initial-value: 14px;}@property --et-notification-line-height{syntax: \"<length>\"; inherits: true; initial-value: 20px;}@property --et-notification-gap{syntax: \"<length>\"; inherits: true; initial-value: 8px;}@property --et-notification-title-font-weight{syntax: \"<number>\"; inherits: true; initial-value: 600;}@property --et-notification-message-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-notification-message-line-height{syntax: \"<length>\"; inherits: true; initial-value: 16px;}@property --et-notification-message-opacity{syntax: \"<number>\"; inherits: true; initial-value: .65;}@property --et-notification-progress-bar-height{syntax: \"<length>\"; inherits: true; initial-value: 3px;}@property --et-notification-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}.et-notification{display:block;pointer-events:all;opacity:var(--_et-notification-swipe-opacity, 1);background:var(--et-surface-background-solid, #fff);color:var(--et-surface-color-solid, #111);border-radius:var(--et-notification-border-radius);padding:var(--et-notification-padding);box-shadow:var(--et-notification-shadow);min-width:var(--et-notification-min-width);max-width:var(--et-notification-max-width);border-inline-start:var(--et-notification-border-width) solid var(--et-theme-color-primary-solid, #d1d5db);font-family:var(--et-font-family, inherit);font-size:var(--et-notification-font-size);line-height:var(--et-notification-line-height);--_et-notification-slide-x: 1rem;--_et-notification-dir-sign: 1}.et-notification:dir(rtl){--_et-notification-dir-sign: -1}.et-notification.et-animation-enter-from{opacity:0;transform:translate(calc(var(--_et-notification-slide-x) * var(--_et-notification-dir-sign)))}.et-notification.et-animation-enter-active{transition:opacity .2s ease,transform .2s ease}.et-notification.et-animation-leave-active{transition:opacity .2s ease,transform .2s ease}.et-notification.et-animation-leave-to{opacity:0;transform:translate(calc(var(--_et-notification-slide-x) * var(--_et-notification-dir-sign)))}.et-notification[data-swiped-away].et-animation-leave-to{transform:translate(var(--_et-notification-swipe-exit-x, 0px))!important;opacity:0}.et-notification-stack[data-position=bottom-start] .et-notification,.et-notification-stack[data-position=top-start] .et-notification{--_et-notification-slide-x: -1rem}.et-notification-stack[data-position=bottom-center] .et-notification.et-animation-enter-from,.et-notification-stack[data-position=bottom-center] .et-notification.et-animation-leave-to{transform:translateY(1rem)}.et-notification-stack[data-position=top-center] .et-notification.et-animation-enter-from,.et-notification-stack[data-position=top-center] .et-notification.et-animation-leave-to{transform:translateY(-1rem)}.et-notification-header{display:flex;align-items:center;justify-content:space-between;gap:var(--et-notification-gap)}.et-notification-spinner{flex-shrink:0;--et-spinner-color: var(--et-theme-color-primary-solid, currentColor)}.et-notification-icon{flex-shrink:0;width:var(--et-notification-icon-size);height:var(--et-notification-icon-size);color:var(--et-theme-color-primary-solid, currentColor)}.et-notification-title{flex:1;font-weight:var(--et-notification-title-font-weight);font-size:var(--et-notification-font-size);line-height:var(--et-notification-line-height)}.et-notification-dismiss-btn{flex-shrink:0;opacity:.75;transition:opacity .12s ease}@media(hover:hover){.et-notification-dismiss-btn:hover{opacity:1}}.et-notification-message{margin:.4rem 0 0;color:var(--et-surface-color-muted-solid, inherit);opacity:var(--et-notification-message-opacity);font-size:var(--et-notification-message-font-size);line-height:var(--et-notification-message-line-height)}.et-notification-custom-content{margin-top:var(--et-notification-gap)}.et-notification-progress-bar{margin-top:.8rem;color:var(--et-theme-color-primary-solid, currentColor);--et-progress-bar-height: var(--et-notification-progress-bar-height)}.et-notification-footer{display:flex;align-items:center;gap:1.2rem;margin-top:.8rem}.et-notification .et-notification-secondary-action{color:var(--et-surface-color-muted-solid, inherit)}@media(max-width:480px){.et-notification{min-width:0;max-width:none}}@media(prefers-reduced-motion:reduce){.et-notification.et-animation-enter-from{transform:none}.et-notification.et-animation-enter-active,.et-notification.et-animation-leave-active{transition:opacity .2s ease}.et-notification.et-animation-leave-to{transform:none}}}\n"],
 			dependencies: [
 				{
 					kind: "directive",
@@ -83949,7 +84046,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"(focusout)": "notification.ref().resumeTimer(\"focus\")"
 			},
 			template: "<div class=\"et-notification-content\">\n  <div class=\"et-notification-header\">\n    @if (statusIcon(); as icon) {\n      <i [etIcon]=\"icon\" class=\"et-notification-icon\"></i>\n    } @else if (notification.isLoading()) {\n      <et-spinner class=\"et-notification-spinner\" diameter=\"16\" strokeWidth=\"2\" />\n    }\n\n    <span class=\"et-notification-title\">{{ notification.title() }}</span>\n\n    <button\n      [color]=\"controlsColor()\"\n      [attr.aria-label]=\"dismissLabel()\"\n      class=\"et-notification-dismiss-btn\"\n      et-icon-button\n      etNotificationDismiss\n      size=\"xs\"\n      type=\"button\"\n    >\n      <i etIcon=\"et-times\"></i>\n    </button>\n  </div>\n\n  @if (notification.message()) {\n    <p class=\"et-notification-message\">{{ notification.message() }}</p>\n  }\n\n  @if (notification.content(); as content) {\n    <div class=\"et-notification-custom-content\">\n      <ng-container *ngComponentOutlet=\"content.component; inputs: content.inputs\" />\n    </div>\n  }\n\n  @if (notification.progress() !== undefined) {\n    <et-progress-bar [value]=\"notification.progress()\" class=\"et-notification-progress-bar\" />\n  }\n\n  @if (notification.action() || notification.secondaryAction()) {\n    <div class=\"et-notification-footer\">\n      @if (notification.action(); as action) {\n        <button et-text-button etNotificationAction size=\"xs\" type=\"button\">{{ action.label }}</button>\n      }\n\n      @if (notification.secondaryAction(); as secondaryAction) {\n        <button\n          class=\"et-notification-secondary-action\"\n          et-text-button\n          etNotificationAction=\"secondary\"\n          size=\"xs\"\n          type=\"button\"\n        >\n          {{ secondaryAction.label }}\n        </button>\n      }\n    </div>\n  }\n</div>\n",
-			styles: ["@layer components{@property --et-notification-border-radius{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-notification-padding{syntax: \"*\"; inherits: true; initial-value: 12px 12px 12px 14px;}@property --et-notification-min-width{syntax: \"<length>\"; inherits: true; initial-value: 300px;}@property --et-notification-max-width{syntax: \"<length>\"; inherits: true; initial-value: 420px;}@property --et-notification-shadow{syntax: \"*\"; inherits: true; initial-value: 0 4px 16px rgb(var(--et-shadow-color-rgb, 0 0 0) / 10%),0 0 0 1px rgb(var(--et-shadow-color-rgb, 0 0 0) / 5%);}@property --et-notification-border-width{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-notification-font-size{syntax: \"<length>\"; inherits: true; initial-value: 14px;}@property --et-notification-line-height{syntax: \"<length>\"; inherits: true; initial-value: 20px;}@property --et-notification-gap{syntax: \"<length>\"; inherits: true; initial-value: 8px;}@property --et-notification-title-font-weight{syntax: \"<number>\"; inherits: true; initial-value: 600;}@property --et-notification-message-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-notification-message-line-height{syntax: \"<length>\"; inherits: true; initial-value: 16px;}@property --et-notification-message-opacity{syntax: \"<number>\"; inherits: true; initial-value: .65;}@property --et-notification-progress-bar-height{syntax: \"<length>\"; inherits: true; initial-value: 3px;}@property --et-notification-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}.et-notification{display:block;pointer-events:all;opacity:var(--_et-notification-swipe-opacity, 1);background:var(--et-surface-background-solid, #fff);color:var(--et-surface-color-solid, #111);border-radius:var(--et-notification-border-radius);padding:var(--et-notification-padding);box-shadow:var(--et-notification-shadow);min-width:var(--et-notification-min-width);max-width:var(--et-notification-max-width);border-inline-start:var(--et-notification-border-width) solid var(--et-theme-color-primary-solid, #d1d5db);font-family:inherit;font-size:var(--et-notification-font-size);line-height:var(--et-notification-line-height);--_et-notification-slide-x: 1rem;--_et-notification-dir-sign: 1}.et-notification:dir(rtl){--_et-notification-dir-sign: -1}.et-notification.et-animation-enter-from{opacity:0;transform:translate(calc(var(--_et-notification-slide-x) * var(--_et-notification-dir-sign)))}.et-notification.et-animation-enter-active{transition:opacity .2s ease,transform .2s ease}.et-notification.et-animation-leave-active{transition:opacity .2s ease,transform .2s ease}.et-notification.et-animation-leave-to{opacity:0;transform:translate(calc(var(--_et-notification-slide-x) * var(--_et-notification-dir-sign)))}.et-notification[data-swiped-away].et-animation-leave-to{transform:translate(var(--_et-notification-swipe-exit-x, 0px))!important;opacity:0}.et-notification-stack[data-position=bottom-start] .et-notification,.et-notification-stack[data-position=top-start] .et-notification{--_et-notification-slide-x: -1rem}.et-notification-stack[data-position=bottom-center] .et-notification.et-animation-enter-from,.et-notification-stack[data-position=bottom-center] .et-notification.et-animation-leave-to{transform:translateY(1rem)}.et-notification-stack[data-position=top-center] .et-notification.et-animation-enter-from,.et-notification-stack[data-position=top-center] .et-notification.et-animation-leave-to{transform:translateY(-1rem)}.et-notification-header{display:flex;align-items:center;justify-content:space-between;gap:var(--et-notification-gap)}.et-notification-spinner{flex-shrink:0;--et-spinner-color: var(--et-theme-color-primary-solid, currentColor)}.et-notification-icon{flex-shrink:0;width:var(--et-notification-icon-size);height:var(--et-notification-icon-size);color:var(--et-theme-color-primary-solid, currentColor)}.et-notification-title{flex:1;font-weight:var(--et-notification-title-font-weight);font-size:var(--et-notification-font-size);line-height:var(--et-notification-line-height)}.et-notification-dismiss-btn{flex-shrink:0;opacity:.4;transition:opacity .12s ease}@media(hover:hover){.et-notification-dismiss-btn:hover{opacity:.8}}.et-notification-message{margin:.4rem 0 0;color:var(--et-surface-color-muted-solid, inherit);opacity:var(--et-notification-message-opacity);font-size:var(--et-notification-message-font-size);line-height:var(--et-notification-message-line-height)}.et-notification-custom-content{margin-top:var(--et-notification-gap)}.et-notification-progress-bar{margin-top:.8rem;color:var(--et-theme-color-primary-solid, currentColor);--et-progress-bar-height: var(--et-notification-progress-bar-height)}.et-notification-footer{display:flex;align-items:center;gap:1.2rem;margin-top:.8rem}.et-notification .et-notification-secondary-action{color:var(--et-surface-color-muted-solid, inherit)}@media(max-width:480px){.et-notification{min-width:0;max-width:none}}@media(prefers-reduced-motion:reduce){.et-notification.et-animation-enter-from{transform:none}.et-notification.et-animation-enter-active,.et-notification.et-animation-leave-active{transition:opacity .2s ease}.et-notification.et-animation-leave-to{transform:none}}}\n"]
+			styles: ["@layer components{@property --et-notification-border-radius{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-notification-padding{syntax: \"*\"; inherits: true; initial-value: 12px 12px 12px 14px;}@property --et-notification-min-width{syntax: \"<length>\"; inherits: true; initial-value: 300px;}@property --et-notification-max-width{syntax: \"<length>\"; inherits: true; initial-value: 420px;}@property --et-notification-shadow{syntax: \"*\"; inherits: true; initial-value: 0 4px 16px rgb(var(--et-shadow-color-rgb, 0 0 0) / 10%),0 0 0 1px rgb(var(--et-shadow-color-rgb, 0 0 0) / 5%);}@property --et-notification-border-width{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-notification-font-size{syntax: \"<length>\"; inherits: true; initial-value: 14px;}@property --et-notification-line-height{syntax: \"<length>\"; inherits: true; initial-value: 20px;}@property --et-notification-gap{syntax: \"<length>\"; inherits: true; initial-value: 8px;}@property --et-notification-title-font-weight{syntax: \"<number>\"; inherits: true; initial-value: 600;}@property --et-notification-message-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-notification-message-line-height{syntax: \"<length>\"; inherits: true; initial-value: 16px;}@property --et-notification-message-opacity{syntax: \"<number>\"; inherits: true; initial-value: .65;}@property --et-notification-progress-bar-height{syntax: \"<length>\"; inherits: true; initial-value: 3px;}@property --et-notification-icon-size{syntax: \"<length>\"; inherits: true; initial-value: 16px;}.et-notification{display:block;pointer-events:all;opacity:var(--_et-notification-swipe-opacity, 1);background:var(--et-surface-background-solid, #fff);color:var(--et-surface-color-solid, #111);border-radius:var(--et-notification-border-radius);padding:var(--et-notification-padding);box-shadow:var(--et-notification-shadow);min-width:var(--et-notification-min-width);max-width:var(--et-notification-max-width);border-inline-start:var(--et-notification-border-width) solid var(--et-theme-color-primary-solid, #d1d5db);font-family:var(--et-font-family, inherit);font-size:var(--et-notification-font-size);line-height:var(--et-notification-line-height);--_et-notification-slide-x: 1rem;--_et-notification-dir-sign: 1}.et-notification:dir(rtl){--_et-notification-dir-sign: -1}.et-notification.et-animation-enter-from{opacity:0;transform:translate(calc(var(--_et-notification-slide-x) * var(--_et-notification-dir-sign)))}.et-notification.et-animation-enter-active{transition:opacity .2s ease,transform .2s ease}.et-notification.et-animation-leave-active{transition:opacity .2s ease,transform .2s ease}.et-notification.et-animation-leave-to{opacity:0;transform:translate(calc(var(--_et-notification-slide-x) * var(--_et-notification-dir-sign)))}.et-notification[data-swiped-away].et-animation-leave-to{transform:translate(var(--_et-notification-swipe-exit-x, 0px))!important;opacity:0}.et-notification-stack[data-position=bottom-start] .et-notification,.et-notification-stack[data-position=top-start] .et-notification{--_et-notification-slide-x: -1rem}.et-notification-stack[data-position=bottom-center] .et-notification.et-animation-enter-from,.et-notification-stack[data-position=bottom-center] .et-notification.et-animation-leave-to{transform:translateY(1rem)}.et-notification-stack[data-position=top-center] .et-notification.et-animation-enter-from,.et-notification-stack[data-position=top-center] .et-notification.et-animation-leave-to{transform:translateY(-1rem)}.et-notification-header{display:flex;align-items:center;justify-content:space-between;gap:var(--et-notification-gap)}.et-notification-spinner{flex-shrink:0;--et-spinner-color: var(--et-theme-color-primary-solid, currentColor)}.et-notification-icon{flex-shrink:0;width:var(--et-notification-icon-size);height:var(--et-notification-icon-size);color:var(--et-theme-color-primary-solid, currentColor)}.et-notification-title{flex:1;font-weight:var(--et-notification-title-font-weight);font-size:var(--et-notification-font-size);line-height:var(--et-notification-line-height)}.et-notification-dismiss-btn{flex-shrink:0;opacity:.75;transition:opacity .12s ease}@media(hover:hover){.et-notification-dismiss-btn:hover{opacity:1}}.et-notification-message{margin:.4rem 0 0;color:var(--et-surface-color-muted-solid, inherit);opacity:var(--et-notification-message-opacity);font-size:var(--et-notification-message-font-size);line-height:var(--et-notification-message-line-height)}.et-notification-custom-content{margin-top:var(--et-notification-gap)}.et-notification-progress-bar{margin-top:.8rem;color:var(--et-theme-color-primary-solid, currentColor);--et-progress-bar-height: var(--et-notification-progress-bar-height)}.et-notification-footer{display:flex;align-items:center;gap:1.2rem;margin-top:.8rem}.et-notification .et-notification-secondary-action{color:var(--et-surface-color-muted-solid, inherit)}@media(max-width:480px){.et-notification{min-width:0;max-width:none}}@media(prefers-reduced-motion:reduce){.et-notification.et-animation-enter-from{transform:none}.et-notification.et-animation-enter-active,.et-notification.et-animation-leave-active{transition:opacity .2s ease}.et-notification.et-animation-leave-to{transform:none}}}\n"]
 		}]
 	}],
 	ctorParameters: () => []
@@ -85153,7 +85250,8 @@ var PaginationComponent = class PaginationComponent {
 					inputs: [
 						"variant",
 						"size",
-						"iconAlignment"
+						"iconAlignment",
+						"stretchContents"
 					]
 				},
 				{
@@ -86078,7 +86176,8 @@ var QueryErrorComponent = class QueryErrorComponent {
 					inputs: [
 						"variant",
 						"size",
-						"iconAlignment"
+						"iconAlignment",
+						"stretchContents"
 					]
 				},
 				{
@@ -89229,7 +89328,8 @@ var SchedulerEditSurfaceFooterComponent = class SchedulerEditSurfaceFooterCompon
 				inputs: [
 					"variant",
 					"size",
-					"iconAlignment"
+					"iconAlignment",
+					"stretchContents"
 				]
 			}, {
 				kind: "directive",
@@ -91293,7 +91393,8 @@ var SchedulerComponent = class SchedulerComponent {
 					inputs: [
 						"variant",
 						"size",
-						"iconAlignment"
+						"iconAlignment",
+						"stretchContents"
 					]
 				},
 				{
@@ -93049,7 +93150,8 @@ var StreamConsentComponent = class StreamConsentComponent {
 					inputs: [
 						"variant",
 						"size",
-						"iconAlignment"
+						"iconAlignment",
+						"stretchContents"
 					]
 				},
 				{
@@ -93212,7 +93314,8 @@ var StreamPlayerErrorComponent = class StreamPlayerErrorComponent {
 				inputs: [
 					"variant",
 					"size",
-					"iconAlignment"
+					"iconAlignment",
+					"stretchContents"
 				]
 			}, {
 				kind: "directive",
@@ -95863,7 +95966,11 @@ var StreamPipChromeComponent = class StreamPipChromeComponent {
 					kind: "component",
 					type: WindowControlButtonComponent,
 					selector: "[et-window-control-button]",
-					inputs: ["size", "kind"]
+					inputs: [
+						"size",
+						"kind",
+						"shape"
+					]
 				}
 			],
 			encapsulation: i0.ViewEncapsulation.None
@@ -96018,7 +96125,8 @@ var PipSlotPlaceholderComponent = class PipSlotPlaceholderComponent {
 					inputs: [
 						"variant",
 						"size",
-						"iconAlignment"
+						"iconAlignment",
+						"stretchContents"
 					]
 				},
 				{
@@ -103281,95 +103389,18 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}] }
 });
-const injectHostTable = (feature) => {
-	const table = inject(TableComponent, { optional: true });
-	if (!table) throw new RuntimeError(TABLE_ERROR_CODES.FEATURE_OUTSIDE_TABLE, `[${feature}] must be used on an <et-table>.`);
-	return table;
-};
-const bodyCellFromEvent = (table, event) => {
-	const cells = table.bodyCellElements();
-	const path = event.composedPath();
-	const index = cells.findIndex((candidate) => path.includes(candidate));
-	const cell = index === -1 ? void 0 : cells[index];
-	if (!cell) return null;
-	const columns = untracked(() => table.visibleColumnsMeta()).length;
-	if (!columns) return null;
-	return {
-		cell,
-		position: {
-			row: table.renderedRowOffset() + Math.floor(index / columns),
-			column: index % columns
-		}
-	};
-};
-var TableCellErrorTooltipDirective = class TableCellErrorTooltipDirective {
-	constructor() {
-		this.table = injectHostTable("etTableCellErrorTooltip");
-		this.config = input({}, {
-			...ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {},
-			alias: "etTableCellErrorTooltip",
-			transform: tableFeatureConfig
-		});
-		injectTableFeatureHost("etTableCellErrorTooltip").registerCellErrorMark({
-			component: TableCellErrorMarkComponent,
-			injector: inject(Injector),
-			enabled: computed(() => this.config().enabled ?? true)
-		});
-	}
-	static {
-		this.ɵfac = i0.ɵɵngDeclareFactory({
-			minVersion: "12.0.0",
-			version: "22.2.3",
-			ngImport: i0,
-			type: TableCellErrorTooltipDirective,
-			deps: [],
-			target: i0.ɵɵFactoryTarget.Directive
-		});
-	}
-	static {
-		this.ɵdir = i0.ɵɵngDeclareDirective({
-			minVersion: "17.1.0",
-			version: "22.2.3",
-			type: TableCellErrorTooltipDirective,
-			isStandalone: true,
-			selector: "[etTableCellErrorTooltip]",
-			inputs: { config: {
-				classPropertyName: "config",
-				publicName: "etTableCellErrorTooltip",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			} },
-			exportAs: ["etTableCellErrorTooltip"],
-			ngImport: i0
-		});
-	}
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: TableCellErrorTooltipDirective,
-	decorators: [{
-		type: Directive,
-		args: [{
-			selector: "[etTableCellErrorTooltip]",
-			exportAs: "etTableCellErrorTooltip"
-		}]
-	}],
-	ctorParameters: () => [],
-	propDecorators: { config: [{
-		type: i0.Input,
-		args: [{
-			isSignal: true,
-			alias: "etTableCellErrorTooltip",
-			required: false
-		}]
-	}] }
-});
+const TABLE_CELL_ERROR_TOOLTIP_TOKEN = new InjectionToken("TABLE_CELL_ERROR_TOOLTIP_TOKEN");
+const TABLE_COLUMN_MENU_TOKEN = new InjectionToken("TABLE_COLUMN_MENU_TOKEN");
+const TABLE_FILTERS_TOKEN = new InjectionToken("TABLE_FILTERS_TOKEN");
+const TABLE_GROUP_HEADERS_TOKEN = new InjectionToken("TABLE_GROUP_HEADERS_TOKEN");
+const TABLE_REORDER_TOKEN = new InjectionToken("TABLE_REORDER_TOKEN");
+const TABLE_RESIZE_TOKEN = new InjectionToken("TABLE_RESIZE_TOKEN");
+const TABLE_ROW_EXPANSION_TOKEN = new InjectionToken("TABLE_ROW_EXPANSION_TOKEN");
+const TABLE_SELECTION_TOKEN = new InjectionToken("TABLE_SELECTION_TOKEN");
+const TABLE_SKELETON_TOKEN = new InjectionToken("TABLE_SKELETON_TOKEN");
 var TableCellErrorMarkComponent = class TableCellErrorMarkComponent {
 	constructor() {
-		this.feature = inject(TableCellErrorTooltipDirective);
+		this.feature = inject(TABLE_CELL_ERROR_TOOLTIP_TOKEN);
 		this.message = input(null, ...ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []);
 	}
 	static {
@@ -103489,6 +103520,100 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}] }
 });
+const injectHostTable = (feature) => {
+	const table = inject(TableComponent, { optional: true });
+	if (!table) throw new RuntimeError(TABLE_ERROR_CODES.FEATURE_OUTSIDE_TABLE, `[${feature}] must be used on an <et-table>.`);
+	return table;
+};
+const bodyCellFromEvent = (table, event) => {
+	const cells = table.bodyCellElements();
+	const path = event.composedPath();
+	const index = cells.findIndex((candidate) => path.includes(candidate));
+	const cell = index === -1 ? void 0 : cells[index];
+	if (!cell) return null;
+	const columns = untracked(() => table.visibleColumnsMeta()).length;
+	if (!columns) return null;
+	return {
+		cell,
+		position: {
+			row: table.renderedRowOffset() + Math.floor(index / columns),
+			column: index % columns
+		}
+	};
+};
+var TableCellErrorTooltipDirective = class TableCellErrorTooltipDirective {
+	constructor() {
+		this.table = injectHostTable("etTableCellErrorTooltip");
+		this.config = input({}, {
+			...ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {},
+			alias: "etTableCellErrorTooltip",
+			transform: tableFeatureConfig
+		});
+		injectTableFeatureHost("etTableCellErrorTooltip").registerCellErrorMark({
+			component: TableCellErrorMarkComponent,
+			injector: inject(Injector),
+			enabled: computed(() => this.config().enabled ?? true)
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TableCellErrorTooltipDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "22.2.3",
+			type: TableCellErrorTooltipDirective,
+			isStandalone: true,
+			selector: "[etTableCellErrorTooltip]",
+			inputs: { config: {
+				classPropertyName: "config",
+				publicName: "etTableCellErrorTooltip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			} },
+			providers: [{
+				provide: TABLE_CELL_ERROR_TOOLTIP_TOKEN,
+				useExisting: TableCellErrorTooltipDirective
+			}],
+			exportAs: ["etTableCellErrorTooltip"],
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TableCellErrorTooltipDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[etTableCellErrorTooltip]",
+			exportAs: "etTableCellErrorTooltip",
+			providers: [{
+				provide: TABLE_CELL_ERROR_TOOLTIP_TOKEN,
+				useExisting: TableCellErrorTooltipDirective
+			}]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { config: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "etTableCellErrorTooltip",
+			required: false
+		}]
+	}] }
+});
 var TableColumnChooserComponent = class TableColumnChooserComponent {
 	constructor() {
 		this.table = input.required(...ngDevMode ? [{ debugName: "table" }] : /* istanbul ignore next */ []);
@@ -103613,7 +103738,8 @@ var TableColumnChooserComponent = class TableColumnChooserComponent {
 					inputs: [
 						"variant",
 						"size",
-						"iconAlignment"
+						"iconAlignment",
+						"stretchContents"
 					]
 				},
 				{
@@ -103685,119 +103811,9 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-var TableColumnMenuDirective = class TableColumnMenuDirective {
-	constructor() {
-		this.table = injectTableFeatureHost("etTableColumnMenu");
-		this.config = input({}, {
-			...ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {},
-			alias: "etTableColumnMenu",
-			transform: tableFeatureConfig
-		});
-		this.table.registerHeaderAdornment({
-			component: TableColumnMenuTriggerComponent,
-			injector: inject(Injector),
-			order: 5,
-			enabled: computed(() => this.config().enabled ?? true)
-		});
-	}
-	directionOf(column) {
-		return this.table.sortDirection(column.key);
-	}
-	sortAscending(column) {
-		this.table.setSort(column.key, "asc");
-	}
-	sortDescending(column) {
-		this.table.setSort(column.key, "desc");
-	}
-	clearSort(column) {
-		this.table.setSort(column.key, null);
-	}
-	canAutosize() {
-		return this.config().autosize ?? true;
-	}
-	autosize(column) {
-		this.table.autosizeColumns([column.key]);
-	}
-	autosizeAll() {
-		this.table.autosizeColumns(this.table.visibleColumnsMeta().map((column) => column.key));
-	}
-	canResetWidth(column) {
-		return (this.config().resetWidth ?? true) && this.table.hasColumnWidthOverride(column.key);
-	}
-	resetWidth(column) {
-		this.table.resetColumnWidth(column.key);
-	}
-	canHide() {
-		return (this.config().hideColumn ?? true) && this.table.visibleColumnsMeta().length > 1;
-	}
-	hide(column) {
-		this.table.setSort(column.key, null);
-		if (this.table.filterValuesFor(column.key).length) this.table.setFilterValues(column.key, []);
-		this.table.setColumnVisible(column.key, false);
-	}
-	canPin() {
-		return (this.config().pinColumn ?? true) && this.table.canPinColumns();
-	}
-	pinOf(column) {
-		return this.table.columnPin(column.key);
-	}
-	pin(column, side) {
-		this.table.pinColumn(column.key, side);
-	}
-	static {
-		this.ɵfac = i0.ɵɵngDeclareFactory({
-			minVersion: "12.0.0",
-			version: "22.2.3",
-			ngImport: i0,
-			type: TableColumnMenuDirective,
-			deps: [],
-			target: i0.ɵɵFactoryTarget.Directive
-		});
-	}
-	static {
-		this.ɵdir = i0.ɵɵngDeclareDirective({
-			minVersion: "17.1.0",
-			version: "22.2.3",
-			type: TableColumnMenuDirective,
-			isStandalone: true,
-			selector: "[etTableColumnMenu]",
-			inputs: { config: {
-				classPropertyName: "config",
-				publicName: "etTableColumnMenu",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			} },
-			exportAs: ["etTableColumnMenu"],
-			ngImport: i0
-		});
-	}
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: TableColumnMenuDirective,
-	decorators: [{
-		type: Directive,
-		args: [{
-			selector: "[etTableColumnMenu]",
-			exportAs: "etTableColumnMenu"
-		}]
-	}],
-	ctorParameters: () => [],
-	propDecorators: { config: [{
-		type: i0.Input,
-		args: [{
-			isSignal: true,
-			alias: "etTableColumnMenu",
-			required: false
-		}]
-	}] }
-});
 var TableColumnMenuTriggerComponent = class TableColumnMenuTriggerComponent {
 	constructor() {
-		this.menu = inject(TableColumnMenuDirective);
+		this.menu = inject(TABLE_COLUMN_MENU_TOKEN);
 		this.column = input.required(...ngDevMode ? [{ debugName: "column" }] : /* istanbul ignore next */ []);
 		this.labels = this.menu.table.resolvedLabels;
 	}
@@ -103936,6 +103952,124 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}] }
 });
+var TableColumnMenuDirective = class TableColumnMenuDirective {
+	constructor() {
+		this.table = injectTableFeatureHost("etTableColumnMenu");
+		this.config = input({}, {
+			...ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {},
+			alias: "etTableColumnMenu",
+			transform: tableFeatureConfig
+		});
+		this.table.registerHeaderAdornment({
+			component: TableColumnMenuTriggerComponent,
+			injector: inject(Injector),
+			order: 5,
+			enabled: computed(() => this.config().enabled ?? true)
+		});
+	}
+	directionOf(column) {
+		return this.table.sortDirection(column.key);
+	}
+	sortAscending(column) {
+		this.table.setSort(column.key, "asc");
+	}
+	sortDescending(column) {
+		this.table.setSort(column.key, "desc");
+	}
+	clearSort(column) {
+		this.table.setSort(column.key, null);
+	}
+	canAutosize() {
+		return this.config().autosize ?? true;
+	}
+	autosize(column) {
+		this.table.autosizeColumns([column.key]);
+	}
+	autosizeAll() {
+		this.table.autosizeColumns(this.table.visibleColumnsMeta().map((column) => column.key));
+	}
+	canResetWidth(column) {
+		return (this.config().resetWidth ?? true) && this.table.hasColumnWidthOverride(column.key);
+	}
+	resetWidth(column) {
+		this.table.resetColumnWidth(column.key);
+	}
+	canHide() {
+		return (this.config().hideColumn ?? true) && this.table.visibleColumnsMeta().length > 1;
+	}
+	hide(column) {
+		this.table.setSort(column.key, null);
+		if (this.table.filterValuesFor(column.key).length) this.table.setFilterValues(column.key, []);
+		this.table.setColumnVisible(column.key, false);
+	}
+	canPin() {
+		return (this.config().pinColumn ?? true) && this.table.canPinColumns();
+	}
+	pinOf(column) {
+		return this.table.columnPin(column.key);
+	}
+	pin(column, side) {
+		this.table.pinColumn(column.key, side);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TableColumnMenuDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "22.2.3",
+			type: TableColumnMenuDirective,
+			isStandalone: true,
+			selector: "[etTableColumnMenu]",
+			inputs: { config: {
+				classPropertyName: "config",
+				publicName: "etTableColumnMenu",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			} },
+			providers: [{
+				provide: TABLE_COLUMN_MENU_TOKEN,
+				useExisting: TableColumnMenuDirective
+			}],
+			exportAs: ["etTableColumnMenu"],
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TableColumnMenuDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[etTableColumnMenu]",
+			exportAs: "etTableColumnMenu",
+			providers: [{
+				provide: TABLE_COLUMN_MENU_TOKEN,
+				useExisting: TableColumnMenuDirective
+			}]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { config: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "etTableColumnMenu",
+			required: false
+		}]
+	}] }
+});
 const csvExportConfig = (value) => value === "" ? {} : value;
 var TableCsvExportDirective = class TableCsvExportDirective {
 	constructor() {
@@ -104494,234 +104628,9 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}] }
 });
-var TableRowDetailComponent = class TableRowDetailComponent {
-	constructor() {
-		this.expansion = inject(TableRowExpansionDirective);
-		this.table = injectTableFeatureHost("etTableRowExpansion");
-		this.row = input.required(...ngDevMode ? [{ debugName: "row" }] : /* istanbul ignore next */ []);
-		this.animated = computed(() => this.expansion.animates(this.row()), ...ngDevMode ? [{ debugName: "animated" }] : /* istanbul ignore next */ []);
-		this.dimensions = signalHostElementDimensions();
-		effect(() => {
-			const height = this.dimensions().offset?.height;
-			const row = this.row();
-			if (height !== void 0) untracked(() => this.table.setDetailRowHeight(row, height));
-		});
-	}
-	static {
-		this.ɵfac = i0.ɵɵngDeclareFactory({
-			minVersion: "12.0.0",
-			version: "22.2.3",
-			ngImport: i0,
-			type: TableRowDetailComponent,
-			deps: [],
-			target: i0.ɵɵFactoryTarget.Component
-		});
-	}
-	static {
-		this.ɵcmp = i0.ɵɵngDeclareComponent({
-			minVersion: "17.1.0",
-			version: "22.2.3",
-			type: TableRowDetailComponent,
-			isStandalone: true,
-			selector: "et-table-row-detail",
-			inputs: { row: {
-				classPropertyName: "row",
-				publicName: "row",
-				isSignal: true,
-				isRequired: true,
-				transformFunction: null
-			} },
-			host: {
-				attributes: { "role": "row" },
-				properties: {
-					"attr.aria-rowindex": "table.detailAriaRowIndex(row())",
-					"animate.enter": "animated() ? 'et-table-detail--enter' : ''",
-					"animate.leave": "animated() ? 'et-table-detail--leave' : ''"
-				},
-				classAttribute: "et-table-detail-row"
-			},
-			ngImport: i0,
-			template: `
-    <!-- The clip window the animating track squeezes to nothing, and the body that carries the padding.
-         Two elements on purpose - see table-detail-styles.component.css. -->
-    <div [attr.role]="table.cellRole()" class="et-table-detail-cell">
-      <div class="et-table-detail-body">
-        <ng-container *ngTemplateOutlet="table.detailTemplate(); context: { $implicit: row() }" />
-      </div>
-    </div>
-  `,
-			isInline: true,
-			dependencies: [{
-				kind: "directive",
-				type: NgTemplateOutlet,
-				selector: "[ngTemplateOutlet]",
-				inputs: [
-					"ngTemplateOutletContext",
-					"ngTemplateOutlet",
-					"ngTemplateOutletInjector"
-				]
-			}],
-			encapsulation: i0.ViewEncapsulation.None
-		});
-	}
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: TableRowDetailComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "et-table-row-detail",
-			template: `
-    <!-- The clip window the animating track squeezes to nothing, and the body that carries the padding.
-         Two elements on purpose - see table-detail-styles.component.css. -->
-    <div [attr.role]="table.cellRole()" class="et-table-detail-cell">
-      <div class="et-table-detail-body">
-        <ng-container *ngTemplateOutlet="table.detailTemplate(); context: { $implicit: row() }" />
-      </div>
-    </div>
-  `,
-			encapsulation: ViewEncapsulation.None,
-			imports: [NgTemplateOutlet],
-			host: {
-				class: "et-table-detail-row",
-				role: "row",
-				"[attr.aria-rowindex]": "table.detailAriaRowIndex(row())",
-				"[animate.enter]": "animated() ? 'et-table-detail--enter' : ''",
-				"[animate.leave]": "animated() ? 'et-table-detail--leave' : ''"
-			}
-		}]
-	}],
-	ctorParameters: () => [],
-	propDecorators: { row: [{
-		type: i0.Input,
-		args: [{
-			isSignal: true,
-			alias: "row",
-			required: true
-		}]
-	}] }
-});
-const DETAIL_ANIMATION_MS = 200;
-var TableRowExpansionDirective = class TableRowExpansionDirective {
-	constructor() {
-		this.table = injectTableFeatureHost("etTableRowExpansion");
-		this.destroyRef = inject(DestroyRef);
-		this.config = input({}, {
-			...ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {},
-			alias: "etTableRowExpansion",
-			transform: tableFeatureConfig
-		});
-		this.ownExpanded = signal(/* @__PURE__ */ new Set(), ...ngDevMode ? [{ debugName: "ownExpanded" }] : /* istanbul ignore next */ []);
-		this.expanded = computed(() => this.config().expanded ?? this.ownExpanded, ...ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []);
-		this.userToggledKey = signal(null, ...ngDevMode ? [{ debugName: "userToggledKey" }] : /* istanbul ignore next */ []);
-		const injector = inject(Injector);
-		this.table.registerLeadColumn({
-			key: "et-table-expander",
-			width: "var(--et-table-expander-width, 32px)",
-			order: 100,
-			cellClass: "et-table-expander-cell",
-			bodyComponent: TableExpanderCellComponent,
-			injector,
-			enabled: computed(() => this.config().enabled ?? true)
-		});
-		this.table.registerRowDetail({
-			component: TableRowDetailComponent,
-			isOpen: (row) => this.canExpand(row) && this.isExpanded(row),
-			injector,
-			enabled: computed(() => this.config().enabled ?? true)
-		});
-		this.table.registerStateSlice({
-			key: "expansion",
-			read: () => {
-				if (!this.table.hasRowKey()) return void 0;
-				const keys = [...this.expanded()()];
-				return keys.length ? keys : void 0;
-			},
-			write: (value) => {
-				if (this.table.hasRowKey() && Array.isArray(value)) this.expanded().set(new Set(value.filter((key) => typeof key === "string" || typeof key === "number")));
-			}
-		});
-		injectStyleManager().mount(TableDetailStylesComponent);
-	}
-	isExpanded(row) {
-		return this.expanded()().has(this.table.rowIdentity(row));
-	}
-	canExpand(row) {
-		return this.config().expandableRow?.(row) ?? true;
-	}
-	animates(row) {
-		return this.userToggledKey() === this.table.rowIdentity(row);
-	}
-	toggle(row) {
-		const key = this.table.rowIdentity(row);
-		const next = new Set(this.expanded()());
-		if (next.has(key)) next.delete(key);
-		else next.add(key);
-		this.markUserToggled(key);
-		this.expanded().set(next);
-	}
-	markUserToggled(key) {
-		this.userToggledKey.set(key);
-		this.userToggleReset?.unsubscribe();
-		this.userToggleReset = timer(DETAIL_ANIMATION_MS).pipe(tap(() => this.userToggledKey.set(null)), takeUntilDestroyed(this.destroyRef)).subscribe();
-	}
-	static {
-		this.ɵfac = i0.ɵɵngDeclareFactory({
-			minVersion: "12.0.0",
-			version: "22.2.3",
-			ngImport: i0,
-			type: TableRowExpansionDirective,
-			deps: [],
-			target: i0.ɵɵFactoryTarget.Directive
-		});
-	}
-	static {
-		this.ɵdir = i0.ɵɵngDeclareDirective({
-			minVersion: "17.1.0",
-			version: "22.2.3",
-			type: TableRowExpansionDirective,
-			isStandalone: true,
-			selector: "[etTableRowExpansion]",
-			inputs: { config: {
-				classPropertyName: "config",
-				publicName: "etTableRowExpansion",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			} },
-			exportAs: ["etTableRowExpansion"],
-			ngImport: i0
-		});
-	}
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: TableRowExpansionDirective,
-	decorators: [{
-		type: Directive,
-		args: [{
-			selector: "[etTableRowExpansion]",
-			exportAs: "etTableRowExpansion"
-		}]
-	}],
-	ctorParameters: () => [],
-	propDecorators: { config: [{
-		type: i0.Input,
-		args: [{
-			isSignal: true,
-			alias: "etTableRowExpansion",
-			required: false
-		}]
-	}] }
-});
 var TableExpanderCellComponent = class TableExpanderCellComponent {
 	constructor() {
-		this.expansion = inject(TableRowExpansionDirective);
+		this.expansion = inject(TABLE_ROW_EXPANSION_TOKEN);
 		this.table = injectTableFeatureHost("etTableRowExpansion");
 		this.row = input.required(...ngDevMode ? [{ debugName: "row" }] : /* istanbul ignore next */ []);
 		this.canExpand = computed(() => this.expansion.canExpand(this.row()), ...ngDevMode ? [{ debugName: "canExpand" }] : /* istanbul ignore next */ []);
@@ -104820,124 +104729,9 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}] }
 });
-var TableFiltersDirective = class TableFiltersDirective {
-	constructor() {
-		this.table = injectTableFeatureHost("etTableFilters");
-		this.config = input({}, {
-			...ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {},
-			alias: "etTableFilters",
-			transform: tableFeatureConfig
-		});
-		this.searchQueries = signal({}, ...ngDevMode ? [{ debugName: "searchQueries" }] : /* istanbul ignore next */ []);
-		this.table.registerHeaderAdornment({
-			component: TableFilterTriggerComponent,
-			injector: inject(Injector),
-			order: 0,
-			columnFlag: "filterable",
-			enabled: computed(() => this.config().enabled ?? true)
-		});
-	}
-	isFiltered(key) {
-		return this.table.filterValuesFor(key).length > 0;
-	}
-	hasSearch(column) {
-		return column.filterSearch === true || this.providerOf(column) !== null;
-	}
-	searchQuery(key) {
-		return this.searchQueries()[key] ?? "";
-	}
-	setSearchQuery(column, query) {
-		this.searchQueries.update((current) => ({
-			...current,
-			[column.key]: query
-		}));
-		this.providerOf(column)?.setQuery?.(query);
-	}
-	optionsFor(column) {
-		const provider = this.providerOf(column);
-		if (provider) return provider.options();
-		const options = column.filterOptions ?? [];
-		if (!column.filterSearch) return options;
-		const query = this.searchQuery(column.key).trim().toLowerCase();
-		return query ? options.filter((option) => option.label.toLowerCase().includes(query)) : options;
-	}
-	loading(column) {
-		return this.providerOf(column)?.loading?.() ?? false;
-	}
-	hasMore(column) {
-		return this.providerOf(column)?.hasMore?.() ?? false;
-	}
-	loadMore(column) {
-		this.providerOf(column)?.loadMore?.();
-	}
-	singleValueFor(key) {
-		return this.table.filterValuesFor(key)[0] ?? null;
-	}
-	toggleSingleValue(key, value) {
-		const current = this.singleValueFor(key);
-		this.table.setFilterValues(key, value === null || value === void 0 || value === current ? [] : [value]);
-	}
-	asArray(value) {
-		return Array.isArray(value) ? value : value === null || value === void 0 ? [] : [value];
-	}
-	providerOf(column) {
-		const options = column.filterOptions;
-		return options && !Array.isArray(options) ? options : null;
-	}
-	static {
-		this.ɵfac = i0.ɵɵngDeclareFactory({
-			minVersion: "12.0.0",
-			version: "22.2.3",
-			ngImport: i0,
-			type: TableFiltersDirective,
-			deps: [],
-			target: i0.ɵɵFactoryTarget.Directive
-		});
-	}
-	static {
-		this.ɵdir = i0.ɵɵngDeclareDirective({
-			minVersion: "17.1.0",
-			version: "22.2.3",
-			type: TableFiltersDirective,
-			isStandalone: true,
-			selector: "[etTableFilters]",
-			inputs: { config: {
-				classPropertyName: "config",
-				publicName: "etTableFilters",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			} },
-			exportAs: ["etTableFilters"],
-			ngImport: i0
-		});
-	}
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: TableFiltersDirective,
-	decorators: [{
-		type: Directive,
-		args: [{
-			selector: "[etTableFilters]",
-			exportAs: "etTableFilters"
-		}]
-	}],
-	ctorParameters: () => [],
-	propDecorators: { config: [{
-		type: i0.Input,
-		args: [{
-			isSignal: true,
-			alias: "etTableFilters",
-			required: false
-		}]
-	}] }
-});
 var TableFilterTriggerComponent = class TableFilterTriggerComponent {
 	constructor() {
-		this.filters = inject(TableFiltersDirective);
+		this.filters = inject(TABLE_FILTERS_TOKEN);
 		this.column = input.required(...ngDevMode ? [{ debugName: "column" }] : /* istanbul ignore next */ []);
 		this.labels = this.filters.table.resolvedLabels;
 		this.selection = computed(() => this.column().filterSelection ?? "multiple", ...ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []);
@@ -105127,94 +104921,9 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}] }
 });
-var TableGroupHeadersDirective = class TableGroupHeadersDirective {
-	constructor() {
-		this.table = injectTableFeatureHost("etTableGroupHeaders");
-		this.config = input({}, {
-			...ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {},
-			alias: "etTableGroupHeaders",
-			transform: tableFeatureConfig
-		});
-		this.rowHeight = signal(null, ...ngDevMode ? [{ debugName: "rowHeight" }] : /* istanbul ignore next */ []);
-		this.enabled = computed(() => this.config().enabled ?? true, ...ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []);
-		this.groupRowHeight = computed(() => this.enabled() ? this.rowHeight()?.() ?? 0 : 0, ...ngDevMode ? [{ debugName: "groupRowHeight" }] : /* istanbul ignore next */ []);
-		this.headerGroups = computed(() => {
-			const runs = [];
-			for (const column of this.table.visibleColumnsMeta()) {
-				const label = column.group ?? null;
-				const last = runs[runs.length - 1];
-				if (last && label !== null && last.label === label) last.span += 1;
-				else runs.push({
-					key: column.key,
-					label,
-					span: 1
-				});
-			}
-			return runs;
-		}, ...ngDevMode ? [{ debugName: "headerGroups" }] : /* istanbul ignore next */ []);
-		this.hasGroups = computed(() => this.table.visibleColumnsMeta().some((column) => !!column.group), ...ngDevMode ? [{ debugName: "hasGroups" }] : /* istanbul ignore next */ []);
-		this.table.registerHeaderRow({
-			component: TableGroupHeaderRowComponent,
-			injector: inject(Injector),
-			enabled: this.enabled
-		});
-	}
-	static {
-		this.ɵfac = i0.ɵɵngDeclareFactory({
-			minVersion: "12.0.0",
-			version: "22.2.3",
-			ngImport: i0,
-			type: TableGroupHeadersDirective,
-			deps: [],
-			target: i0.ɵɵFactoryTarget.Directive
-		});
-	}
-	static {
-		this.ɵdir = i0.ɵɵngDeclareDirective({
-			minVersion: "17.1.0",
-			version: "22.2.3",
-			type: TableGroupHeadersDirective,
-			isStandalone: true,
-			selector: "[etTableGroupHeaders]",
-			inputs: { config: {
-				classPropertyName: "config",
-				publicName: "etTableGroupHeaders",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			} },
-			host: { properties: { "style.--_et-table-group-h": "groupRowHeight() + \"px\"" } },
-			exportAs: ["etTableGroupHeaders"],
-			ngImport: i0
-		});
-	}
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: TableGroupHeadersDirective,
-	decorators: [{
-		type: Directive,
-		args: [{
-			selector: "[etTableGroupHeaders]",
-			exportAs: "etTableGroupHeaders",
-			host: { "[style.--_et-table-group-h]": "groupRowHeight() + \"px\"" }
-		}]
-	}],
-	ctorParameters: () => [],
-	propDecorators: { config: [{
-		type: i0.Input,
-		args: [{
-			isSignal: true,
-			alias: "etTableGroupHeaders",
-			required: false
-		}]
-	}] }
-});
 var TableGroupHeaderRowComponent = class TableGroupHeaderRowComponent {
 	constructor() {
-		this.feature = inject(TableGroupHeadersDirective);
+		this.feature = inject(TABLE_GROUP_HEADERS_TOKEN);
 		this.table = injectTableFeatureHost("etTableGroupHeaders");
 		this.groupCells = viewChildren("groupCell", ...ngDevMode ? [{ debugName: "groupCells" }] : /* istanbul ignore next */ []);
 		this.groupCellDimensions = signalElementDimensions(computed(() => this.groupCells()[0] ?? null));
@@ -105334,6 +105043,99 @@ i0.ɵɵngDeclareClassMetadata({
 		args: ["groupCell", { isSignal: true }]
 	}] }
 });
+var TableGroupHeadersDirective = class TableGroupHeadersDirective {
+	constructor() {
+		this.table = injectTableFeatureHost("etTableGroupHeaders");
+		this.config = input({}, {
+			...ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {},
+			alias: "etTableGroupHeaders",
+			transform: tableFeatureConfig
+		});
+		this.rowHeight = signal(null, ...ngDevMode ? [{ debugName: "rowHeight" }] : /* istanbul ignore next */ []);
+		this.enabled = computed(() => this.config().enabled ?? true, ...ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []);
+		this.groupRowHeight = computed(() => this.enabled() ? this.rowHeight()?.() ?? 0 : 0, ...ngDevMode ? [{ debugName: "groupRowHeight" }] : /* istanbul ignore next */ []);
+		this.headerGroups = computed(() => {
+			const runs = [];
+			for (const column of this.table.visibleColumnsMeta()) {
+				const label = column.group ?? null;
+				const last = runs[runs.length - 1];
+				if (last && label !== null && last.label === label) last.span += 1;
+				else runs.push({
+					key: column.key,
+					label,
+					span: 1
+				});
+			}
+			return runs;
+		}, ...ngDevMode ? [{ debugName: "headerGroups" }] : /* istanbul ignore next */ []);
+		this.hasGroups = computed(() => this.table.visibleColumnsMeta().some((column) => !!column.group), ...ngDevMode ? [{ debugName: "hasGroups" }] : /* istanbul ignore next */ []);
+		this.table.registerHeaderRow({
+			component: TableGroupHeaderRowComponent,
+			injector: inject(Injector),
+			enabled: this.enabled
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TableGroupHeadersDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "22.2.3",
+			type: TableGroupHeadersDirective,
+			isStandalone: true,
+			selector: "[etTableGroupHeaders]",
+			inputs: { config: {
+				classPropertyName: "config",
+				publicName: "etTableGroupHeaders",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			} },
+			host: { properties: { "style.--_et-table-group-h": "groupRowHeight() + \"px\"" } },
+			providers: [{
+				provide: TABLE_GROUP_HEADERS_TOKEN,
+				useExisting: TableGroupHeadersDirective
+			}],
+			exportAs: ["etTableGroupHeaders"],
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TableGroupHeadersDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[etTableGroupHeaders]",
+			exportAs: "etTableGroupHeaders",
+			providers: [{
+				provide: TABLE_GROUP_HEADERS_TOKEN,
+				useExisting: TableGroupHeadersDirective
+			}],
+			host: { "[style.--_et-table-group-h]": "groupRowHeight() + \"px\"" }
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { config: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "etTableGroupHeaders",
+			required: false
+		}]
+	}] }
+});
 var TableInlineEditStylesComponent = class TableInlineEditStylesComponent {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
@@ -105766,6 +105568,191 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}] }
 });
+var TableFiltersDirective = class TableFiltersDirective {
+	constructor() {
+		this.table = injectTableFeatureHost("etTableFilters");
+		this.config = input({}, {
+			...ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {},
+			alias: "etTableFilters",
+			transform: tableFeatureConfig
+		});
+		this.searchQueries = signal({}, ...ngDevMode ? [{ debugName: "searchQueries" }] : /* istanbul ignore next */ []);
+		this.table.registerHeaderAdornment({
+			component: TableFilterTriggerComponent,
+			injector: inject(Injector),
+			order: 0,
+			columnFlag: "filterable",
+			enabled: computed(() => this.config().enabled ?? true)
+		});
+	}
+	isFiltered(key) {
+		return this.table.filterValuesFor(key).length > 0;
+	}
+	hasSearch(column) {
+		return column.filterSearch === true || this.providerOf(column) !== null;
+	}
+	searchQuery(key) {
+		return this.searchQueries()[key] ?? "";
+	}
+	setSearchQuery(column, query) {
+		this.searchQueries.update((current) => ({
+			...current,
+			[column.key]: query
+		}));
+		this.providerOf(column)?.setQuery?.(query);
+	}
+	optionsFor(column) {
+		const provider = this.providerOf(column);
+		if (provider) return provider.options();
+		const options = column.filterOptions ?? [];
+		if (!column.filterSearch) return options;
+		const query = this.searchQuery(column.key).trim().toLowerCase();
+		return query ? options.filter((option) => option.label.toLowerCase().includes(query)) : options;
+	}
+	loading(column) {
+		return this.providerOf(column)?.loading?.() ?? false;
+	}
+	hasMore(column) {
+		return this.providerOf(column)?.hasMore?.() ?? false;
+	}
+	loadMore(column) {
+		this.providerOf(column)?.loadMore?.();
+	}
+	singleValueFor(key) {
+		return this.table.filterValuesFor(key)[0] ?? null;
+	}
+	toggleSingleValue(key, value) {
+		const current = this.singleValueFor(key);
+		this.table.setFilterValues(key, value === null || value === void 0 || value === current ? [] : [value]);
+	}
+	asArray(value) {
+		return Array.isArray(value) ? value : value === null || value === void 0 ? [] : [value];
+	}
+	providerOf(column) {
+		const options = column.filterOptions;
+		return options && !Array.isArray(options) ? options : null;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TableFiltersDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "22.2.3",
+			type: TableFiltersDirective,
+			isStandalone: true,
+			selector: "[etTableFilters]",
+			inputs: { config: {
+				classPropertyName: "config",
+				publicName: "etTableFilters",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			} },
+			providers: [{
+				provide: TABLE_FILTERS_TOKEN,
+				useExisting: TableFiltersDirective
+			}],
+			exportAs: ["etTableFilters"],
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TableFiltersDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[etTableFilters]",
+			exportAs: "etTableFilters",
+			providers: [{
+				provide: TABLE_FILTERS_TOKEN,
+				useExisting: TableFiltersDirective
+			}]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { config: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "etTableFilters",
+			required: false
+		}]
+	}] }
+});
+var TableReorderOverlayComponent = class TableReorderOverlayComponent {
+	constructor() {
+		this.reorder = inject(TABLE_REORDER_TOKEN);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TableReorderOverlayComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.3",
+			type: TableReorderOverlayComponent,
+			isStandalone: true,
+			selector: "et-table-reorder-overlay",
+			ngImport: i0,
+			template: `
+    @if (reorder.dragging(); as drag) {
+      <!-- Floating copy of the dragged header; the table's own markup stays put until drop. -->
+      @if (reorder.pointer(); as position) {
+        <div [style.left.px]="position.x" [style.top.px]="position.y" class="et-table-drag-ghost" aria-hidden="true">
+          {{ drag.header }}
+        </div>
+      }
+    }
+  `,
+			isInline: true,
+			styles: ["@layer components{.et-table-host--reorderable .et-table-header-cell:not(.et-table-sticky-start,.et-table-sticky-end,.et-table-select-cell,.et-table-expander-cell){cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.et-table-header-cell:where(.et-table-header-cell--dragging){cursor:grabbing;opacity:.4}.et-table-drag-ghost{position:fixed;z-index:10;transform:translate(12px,8px);max-inline-size:256px;padding:var(--et-table-cell-padding-block) var(--et-table-cell-padding-inline);overflow:hidden;font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;color:var(--et-surface-color-solid, CanvasText);background:var(--et-surface-background-solid, Canvas);border:1px solid var(--et-surface-border-solid, rgb(128 128 128 / .3));border-radius:6px;box-shadow:0 8px 24px color-mix(in srgb,var(--et-surface-interaction-solid, black) 18%,transparent);pointer-events:none}}\n"],
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TableReorderOverlayComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "et-table-reorder-overlay",
+			template: `
+    @if (reorder.dragging(); as drag) {
+      <!-- Floating copy of the dragged header; the table's own markup stays put until drop. -->
+      @if (reorder.pointer(); as position) {
+        <div [style.left.px]="position.x" [style.top.px]="position.y" class="et-table-drag-ghost" aria-hidden="true">
+          {{ drag.header }}
+        </div>
+      }
+    }
+  `,
+			encapsulation: ViewEncapsulation.None,
+			styles: ["@layer components{.et-table-host--reorderable .et-table-header-cell:not(.et-table-sticky-start,.et-table-sticky-end,.et-table-select-cell,.et-table-expander-cell){cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.et-table-header-cell:where(.et-table-header-cell--dragging){cursor:grabbing;opacity:.4}.et-table-drag-ghost{position:fixed;z-index:10;transform:translate(12px,8px);max-inline-size:256px;padding:var(--et-table-cell-padding-block) var(--et-table-cell-padding-inline);overflow:hidden;font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;color:var(--et-surface-color-solid, CanvasText);background:var(--et-surface-background-solid, Canvas);border:1px solid var(--et-surface-border-solid, rgb(128 128 128 / .3));border-radius:6px;box-shadow:0 8px 24px color-mix(in srgb,var(--et-surface-interaction-solid, black) 18%,transparent);pointer-events:none}}\n"]
+		}]
+	}]
+});
 const INTERACTIVE = "button, a[href], input, select, textarea, [role=\"button\"], [contenteditable=\"true\"]";
 const isOwnSortHeader = (target, cell) => target.parentElement === cell && target.classList.contains("et-table-header-label--sortable");
 const startsOnControl = (path, cell) => {
@@ -106105,6 +106092,10 @@ var TableReorderDirective = class TableReorderDirective {
 				isRequired: false,
 				transformFunction: null
 			} },
+			providers: [{
+				provide: TABLE_REORDER_TOKEN,
+				useExisting: TableReorderDirective
+			}],
 			exportAs: ["etTableReorder"],
 			ngImport: i0
 		});
@@ -106119,7 +106110,11 @@ i0.ɵɵngDeclareClassMetadata({
 		type: Directive,
 		args: [{
 			selector: "[etTableReorder]",
-			exportAs: "etTableReorder"
+			exportAs: "etTableReorder",
+			providers: [{
+				provide: TABLE_REORDER_TOKEN,
+				useExisting: TableReorderDirective
+			}]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -106132,40 +106127,73 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}] }
 });
-var TableReorderOverlayComponent = class TableReorderOverlayComponent {
+var TableRowDetailComponent = class TableRowDetailComponent {
 	constructor() {
-		this.reorder = inject(TableReorderDirective);
+		this.expansion = inject(TABLE_ROW_EXPANSION_TOKEN);
+		this.table = injectTableFeatureHost("etTableRowExpansion");
+		this.row = input.required(...ngDevMode ? [{ debugName: "row" }] : /* istanbul ignore next */ []);
+		this.animated = computed(() => this.expansion.animates(this.row()), ...ngDevMode ? [{ debugName: "animated" }] : /* istanbul ignore next */ []);
+		this.dimensions = signalHostElementDimensions();
+		effect(() => {
+			const height = this.dimensions().offset?.height;
+			const row = this.row();
+			if (height !== void 0) untracked(() => this.table.setDetailRowHeight(row, height));
+		});
 	}
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
 			version: "22.2.3",
 			ngImport: i0,
-			type: TableReorderOverlayComponent,
+			type: TableRowDetailComponent,
 			deps: [],
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
-			minVersion: "17.0.0",
+			minVersion: "17.1.0",
 			version: "22.2.3",
-			type: TableReorderOverlayComponent,
+			type: TableRowDetailComponent,
 			isStandalone: true,
-			selector: "et-table-reorder-overlay",
+			selector: "et-table-row-detail",
+			inputs: { row: {
+				classPropertyName: "row",
+				publicName: "row",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			} },
+			host: {
+				attributes: { "role": "row" },
+				properties: {
+					"attr.aria-rowindex": "table.detailAriaRowIndex(row())",
+					"animate.enter": "animated() ? 'et-table-detail--enter' : ''",
+					"animate.leave": "animated() ? 'et-table-detail--leave' : ''"
+				},
+				classAttribute: "et-table-detail-row"
+			},
 			ngImport: i0,
 			template: `
-    @if (reorder.dragging(); as drag) {
-      <!-- Floating copy of the dragged header; the table's own markup stays put until drop. -->
-      @if (reorder.pointer(); as position) {
-        <div [style.left.px]="position.x" [style.top.px]="position.y" class="et-table-drag-ghost" aria-hidden="true">
-          {{ drag.header }}
-        </div>
-      }
-    }
+    <!-- The clip window the animating track squeezes to nothing, and the body that carries the padding.
+         Two elements on purpose - see table-detail-styles.component.css. -->
+    <div [attr.role]="table.cellRole()" class="et-table-detail-cell">
+      <div class="et-table-detail-body">
+        <ng-container *ngTemplateOutlet="table.detailTemplate(); context: { $implicit: row() }" />
+      </div>
+    </div>
   `,
 			isInline: true,
-			styles: ["@layer components{.et-table-host--reorderable .et-table-header-cell:not(.et-table-sticky-start,.et-table-sticky-end,.et-table-select-cell,.et-table-expander-cell){cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.et-table-header-cell:where(.et-table-header-cell--dragging){cursor:grabbing;opacity:.4}.et-table-drag-ghost{position:fixed;z-index:10;transform:translate(12px,8px);max-inline-size:256px;padding:var(--et-table-cell-padding-block) var(--et-table-cell-padding-inline);overflow:hidden;font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;color:var(--et-surface-color-solid, CanvasText);background:var(--et-surface-background-solid, Canvas);border:1px solid var(--et-surface-border-solid, rgb(128 128 128 / .3));border-radius:6px;box-shadow:0 8px 24px color-mix(in srgb,var(--et-surface-interaction-solid, black) 18%,transparent);pointer-events:none}}\n"],
+			dependencies: [{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			}],
 			encapsulation: i0.ViewEncapsulation.None
 		});
 	}
@@ -106174,60 +106202,111 @@ i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.3",
 	ngImport: i0,
-	type: TableReorderOverlayComponent,
+	type: TableRowDetailComponent,
 	decorators: [{
 		type: Component,
 		args: [{
-			selector: "et-table-reorder-overlay",
+			selector: "et-table-row-detail",
 			template: `
-    @if (reorder.dragging(); as drag) {
-      <!-- Floating copy of the dragged header; the table's own markup stays put until drop. -->
-      @if (reorder.pointer(); as position) {
-        <div [style.left.px]="position.x" [style.top.px]="position.y" class="et-table-drag-ghost" aria-hidden="true">
-          {{ drag.header }}
-        </div>
-      }
-    }
+    <!-- The clip window the animating track squeezes to nothing, and the body that carries the padding.
+         Two elements on purpose - see table-detail-styles.component.css. -->
+    <div [attr.role]="table.cellRole()" class="et-table-detail-cell">
+      <div class="et-table-detail-body">
+        <ng-container *ngTemplateOutlet="table.detailTemplate(); context: { $implicit: row() }" />
+      </div>
+    </div>
   `,
 			encapsulation: ViewEncapsulation.None,
-			styles: ["@layer components{.et-table-host--reorderable .et-table-header-cell:not(.et-table-sticky-start,.et-table-sticky-end,.et-table-select-cell,.et-table-expander-cell){cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.et-table-header-cell:where(.et-table-header-cell--dragging){cursor:grabbing;opacity:.4}.et-table-drag-ghost{position:fixed;z-index:10;transform:translate(12px,8px);max-inline-size:256px;padding:var(--et-table-cell-padding-block) var(--et-table-cell-padding-inline);overflow:hidden;font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;color:var(--et-surface-color-solid, CanvasText);background:var(--et-surface-background-solid, Canvas);border:1px solid var(--et-surface-border-solid, rgb(128 128 128 / .3));border-radius:6px;box-shadow:0 8px 24px color-mix(in srgb,var(--et-surface-interaction-solid, black) 18%,transparent);pointer-events:none}}\n"]
+			imports: [NgTemplateOutlet],
+			host: {
+				class: "et-table-detail-row",
+				role: "row",
+				"[attr.aria-rowindex]": "table.detailAriaRowIndex(row())",
+				"[animate.enter]": "animated() ? 'et-table-detail--enter' : ''",
+				"[animate.leave]": "animated() ? 'et-table-detail--leave' : ''"
+			}
 		}]
-	}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { row: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "row",
+			required: true
+		}]
+	}] }
 });
-const opensElsewhere = (event) => event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey;
-var TableRowRouterLinkDirective = class TableRowRouterLinkDirective {
+const DETAIL_ANIMATION_MS = 200;
+var TableRowExpansionDirective = class TableRowExpansionDirective {
 	constructor() {
-		this.table = injectTableFeatureHost("etTableRowRouterLink");
-		this.router = inject(Router);
-		this.route = inject(ActivatedRoute, { optional: true });
+		this.table = injectTableFeatureHost("etTableRowExpansion");
+		this.destroyRef = inject(DestroyRef);
 		this.config = input({}, {
 			...ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {},
-			alias: "etTableRowRouterLink",
+			alias: "etTableRowExpansion",
 			transform: tableFeatureConfig
 		});
-		this.table.registerRowNavigation({
-			href: (commands) => this.href(commands),
-			navigate: (commands, event) => this.navigate(commands, event),
+		this.ownExpanded = signal(/* @__PURE__ */ new Set(), ...ngDevMode ? [{ debugName: "ownExpanded" }] : /* istanbul ignore next */ []);
+		this.expanded = computed(() => this.config().expanded ?? this.ownExpanded, ...ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []);
+		this.userToggledKey = signal(null, ...ngDevMode ? [{ debugName: "userToggledKey" }] : /* istanbul ignore next */ []);
+		const injector = inject(Injector);
+		this.table.registerLeadColumn({
+			key: "et-table-expander",
+			width: "var(--et-table-expander-width, 32px)",
+			order: 100,
+			cellClass: "et-table-expander-cell",
+			bodyComponent: TableExpanderCellComponent,
+			injector,
+			enabled: computed(() => this.config().enabled ?? true)
+		});
+		this.table.registerRowDetail({
+			component: TableRowDetailComponent,
+			isOpen: (row) => this.canExpand(row) && this.isExpanded(row),
+			injector,
 			enabled: computed(() => this.config().enabled ?? true)
 		});
+		this.table.registerStateSlice({
+			key: "expansion",
+			read: () => {
+				if (!this.table.hasRowKey()) return void 0;
+				const keys = [...this.expanded()()];
+				return keys.length ? keys : void 0;
+			},
+			write: (value) => {
+				if (this.table.hasRowKey() && Array.isArray(value)) this.expanded().set(new Set(value.filter((key) => typeof key === "string" || typeof key === "number")));
+			}
+		});
+		injectStyleManager().mount(TableDetailStylesComponent);
 	}
-	href(commands) {
-		return this.router.serializeUrl(this.urlTree(commands));
+	isExpanded(row) {
+		return this.expanded()().has(this.table.rowIdentity(row));
 	}
-	navigate(commands, event) {
-		if (opensElsewhere(event)) return false;
-		this.router.navigateByUrl(this.urlTree(commands));
-		return true;
+	canExpand(row) {
+		return this.config().expandableRow?.(row) ?? true;
 	}
-	urlTree(commands) {
-		return this.router.createUrlTree([...commands], { relativeTo: this.route });
+	animates(row) {
+		return this.userToggledKey() === this.table.rowIdentity(row);
+	}
+	toggle(row) {
+		const key = this.table.rowIdentity(row);
+		const next = new Set(this.expanded()());
+		if (next.has(key)) next.delete(key);
+		else next.add(key);
+		this.markUserToggled(key);
+		this.expanded().set(next);
+	}
+	markUserToggled(key) {
+		this.userToggledKey.set(key);
+		this.userToggleReset?.unsubscribe();
+		this.userToggleReset = timer(DETAIL_ANIMATION_MS).pipe(tap(() => this.userToggledKey.set(null)), takeUntilDestroyed(this.destroyRef)).subscribe();
 	}
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
 			version: "22.2.3",
 			ngImport: i0,
-			type: TableRowRouterLinkDirective,
+			type: TableRowExpansionDirective,
 			deps: [],
 			target: i0.ɵɵFactoryTarget.Directive
 		});
@@ -106236,17 +106315,21 @@ var TableRowRouterLinkDirective = class TableRowRouterLinkDirective {
 		this.ɵdir = i0.ɵɵngDeclareDirective({
 			minVersion: "17.1.0",
 			version: "22.2.3",
-			type: TableRowRouterLinkDirective,
+			type: TableRowExpansionDirective,
 			isStandalone: true,
-			selector: "[etTableRowRouterLink]",
+			selector: "[etTableRowExpansion]",
 			inputs: { config: {
 				classPropertyName: "config",
-				publicName: "etTableRowRouterLink",
+				publicName: "etTableRowExpansion",
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
 			} },
-			exportAs: ["etTableRowRouterLink"],
+			providers: [{
+				provide: TABLE_ROW_EXPANSION_TOKEN,
+				useExisting: TableRowExpansionDirective
+			}],
+			exportAs: ["etTableRowExpansion"],
 			ngImport: i0
 		});
 	}
@@ -106255,12 +106338,16 @@ i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.3",
 	ngImport: i0,
-	type: TableRowRouterLinkDirective,
+	type: TableRowExpansionDirective,
 	decorators: [{
 		type: Directive,
 		args: [{
-			selector: "[etTableRowRouterLink]",
-			exportAs: "etTableRowRouterLink"
+			selector: "[etTableRowExpansion]",
+			exportAs: "etTableRowExpansion",
+			providers: [{
+				provide: TABLE_ROW_EXPANSION_TOKEN,
+				useExisting: TableRowExpansionDirective
+			}]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -106268,95 +106355,45 @@ i0.ɵɵngDeclareClassMetadata({
 		type: i0.Input,
 		args: [{
 			isSignal: true,
-			alias: "etTableRowRouterLink",
+			alias: "etTableRowExpansion",
 			required: false
 		}]
 	}] }
 });
-const KEYBOARD_STEP = 10;
-const KEYBOARD_LARGE_STEP = 50;
-const keyboardTarget = (key, { now, step, min, max }) => {
-	switch (key) {
-		case "ArrowRight": return now + step;
-		case "ArrowLeft": return now - step;
-		case "Home": return min;
-		case "End": return Number.isFinite(max) ? max : null;
-		default: return null;
-	}
-};
-var TableResizeDirective = class TableResizeDirective {
+const opensElsewhere = (event) => event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey;
+var TableRowRouterLinkDirective = class TableRowRouterLinkDirective {
 	constructor() {
-		this.table = injectTableFeatureHost("etTableResize");
-		this.elementRef = inject(ElementRef);
+		this.table = injectTableFeatureHost("etTableRowRouterLink");
+		this.router = inject(Router);
+		this.route = inject(ActivatedRoute, { optional: true });
 		this.config = input({}, {
 			...ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {},
-			alias: "etTableResize",
+			alias: "etTableRowRouterLink",
 			transform: tableFeatureConfig
 		});
-		this.resizing = signal(null, ...ngDevMode ? [{ debugName: "resizing" }] : /* istanbul ignore next */ []);
-		this.table.registerHeaderAdornment({
-			component: TableResizeGripComponent,
-			injector: inject(Injector),
-			order: 10,
-			enabled: computed(() => (this.config().enabled ?? true) && this.table.visibleColumnsMeta().length > 1)
-		});
-	}
-	start(column) {
-		this.resizing.set({
-			key: column.key,
-			startWidth: this.table.renderedColumnWidth(column.key),
-			hadOverride: this.table.hasColumnWidthOverride(column.key),
-			inlineSign: this.inlineSign()
+		this.table.registerRowNavigation({
+			href: (commands) => this.href(commands),
+			navigate: (commands, event) => this.navigate(commands, event),
+			enabled: computed(() => this.config().enabled ?? true)
 		});
 	}
-	widthOf(column) {
-		const { min, max } = this.table.columnWidthBounds(column.key);
-		return {
-			now: this.table.columnWidths()[column.key] ?? Math.round(this.table.renderedColumnWidth(column.key)),
-			min,
-			max
-		};
+	href(commands) {
+		return this.router.serializeUrl(this.urlTree(commands));
 	}
-	resizeByKey(column, event) {
-		const { now, min, max } = this.widthOf(column);
-		const step = (event.shiftKey ? KEYBOARD_LARGE_STEP : KEYBOARD_STEP) * this.inlineSign();
-		const target = keyboardTarget(event.key, {
-			now,
-			step,
-			min,
-			max
-		});
-		if (target === null) return false;
-		this.table.setColumnWidth(column.key, target);
+	navigate(commands, event) {
+		if (opensElsewhere(event)) return false;
+		this.router.navigateByUrl(this.urlTree(commands));
 		return true;
 	}
-	update(event) {
-		const resizing = this.resizing();
-		if (!resizing) return;
-		this.table.setColumnWidth(resizing.key, Math.round(resizing.startWidth + resizing.inlineSign * event.totalDx));
-	}
-	end() {
-		this.resizing.set(null);
-	}
-	cancel() {
-		const resizing = this.resizing();
-		if (!resizing) return;
-		if (resizing.hadOverride) this.table.setColumnWidth(resizing.key, resizing.startWidth);
-		else this.table.resetColumnWidth(resizing.key);
-		this.resizing.set(null);
-	}
-	reset(column) {
-		this.table.resetColumnWidth(column.key);
-	}
-	inlineSign() {
-		return getComputedStyle(this.elementRef.nativeElement).direction === "rtl" ? -1 : 1;
+	urlTree(commands) {
+		return this.router.createUrlTree([...commands], { relativeTo: this.route });
 	}
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
 			version: "22.2.3",
 			ngImport: i0,
-			type: TableResizeDirective,
+			type: TableRowRouterLinkDirective,
 			deps: [],
 			target: i0.ɵɵFactoryTarget.Directive
 		});
@@ -106365,17 +106402,17 @@ var TableResizeDirective = class TableResizeDirective {
 		this.ɵdir = i0.ɵɵngDeclareDirective({
 			minVersion: "17.1.0",
 			version: "22.2.3",
-			type: TableResizeDirective,
+			type: TableRowRouterLinkDirective,
 			isStandalone: true,
-			selector: "[etTableResize]",
+			selector: "[etTableRowRouterLink]",
 			inputs: { config: {
 				classPropertyName: "config",
-				publicName: "etTableResize",
+				publicName: "etTableRowRouterLink",
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
 			} },
-			exportAs: ["etTableResize"],
+			exportAs: ["etTableRowRouterLink"],
 			ngImport: i0
 		});
 	}
@@ -106384,12 +106421,12 @@ i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.3",
 	ngImport: i0,
-	type: TableResizeDirective,
+	type: TableRowRouterLinkDirective,
 	decorators: [{
 		type: Directive,
 		args: [{
-			selector: "[etTableResize]",
-			exportAs: "etTableResize"
+			selector: "[etTableRowRouterLink]",
+			exportAs: "etTableRowRouterLink"
 		}]
 	}],
 	ctorParameters: () => [],
@@ -106397,14 +106434,14 @@ i0.ɵɵngDeclareClassMetadata({
 		type: i0.Input,
 		args: [{
 			isSignal: true,
-			alias: "etTableResize",
+			alias: "etTableRowRouterLink",
 			required: false
 		}]
 	}] }
 });
 var TableResizeGripComponent = class TableResizeGripComponent {
 	constructor() {
-		this.resize = inject(TableResizeDirective);
+		this.resize = inject(TABLE_RESIZE_TOKEN);
 		this.injector = inject(Injector);
 		this.column = input.required(...ngDevMode ? [{ debugName: "column" }] : /* istanbul ignore next */ []);
 		this.labels = this.resize.table.resolvedLabels;
@@ -106539,89 +106576,90 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}] }
 });
-var TableSelectionDirective = class TableSelectionDirective {
+const KEYBOARD_STEP = 10;
+const KEYBOARD_LARGE_STEP = 50;
+const keyboardTarget = (key, { now, step, min, max }) => {
+	switch (key) {
+		case "ArrowRight": return now + step;
+		case "ArrowLeft": return now - step;
+		case "Home": return min;
+		case "End": return Number.isFinite(max) ? max : null;
+		default: return null;
+	}
+};
+var TableResizeDirective = class TableResizeDirective {
 	constructor() {
-		this.table = injectTableFeatureHost("etTableSelection");
+		this.table = injectTableFeatureHost("etTableResize");
+		this.elementRef = inject(ElementRef);
 		this.config = input({}, {
 			...ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {},
-			alias: "etTableSelection",
+			alias: "etTableResize",
 			transform: tableFeatureConfig
 		});
-		this.ownSelection = signal(/* @__PURE__ */ new Set(), ...ngDevMode ? [{ debugName: "ownSelection" }] : /* istanbul ignore next */ []);
-		this.selection = computed(() => this.config().selection ?? this.ownSelection, ...ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []);
-		this.selectAllLabel = computed(() => this.table.resolvedLabels().selectAllRows, ...ngDevMode ? [{ debugName: "selectAllLabel" }] : /* istanbul ignore next */ []);
-		this.rowLabel = computed(() => this.table.resolvedLabels().selectRow, ...ngDevMode ? [{ debugName: "rowLabel" }] : /* istanbul ignore next */ []);
-		this.selectableRows = computed(() => {
-			const gate = this.config().selectableRow;
-			return gate ? this.rows().filter((row) => gate(row)) : this.rows();
-		}, ...ngDevMode ? [{ debugName: "selectableRows" }] : /* istanbul ignore next */ []);
-		this.selectedRows = computed(() => this.rows().filter((row) => this.isSelected(row)), ...ngDevMode ? [{ debugName: "selectedRows" }] : /* istanbul ignore next */ []);
-		this.isAllSelected = computed(() => {
-			const rows = this.selectableRows();
-			return rows.length > 0 && rows.every((row) => this.isSelected(row));
-		}, ...ngDevMode ? [{ debugName: "isAllSelected" }] : /* istanbul ignore next */ []);
-		this.isPartiallySelected = computed(() => {
-			const rows = this.selectableRows();
-			const selected = rows.filter((row) => this.isSelected(row)).length;
-			return selected > 0 && selected < rows.length;
-		}, ...ngDevMode ? [{ debugName: "isPartiallySelected" }] : /* istanbul ignore next */ []);
-		this.table.registerLeadColumn({
-			key: "et-table-selection",
-			width: "var(--et-table-select-width, 44px)",
-			side: computed(() => this.config().side ?? "start"),
-			order: 0,
-			cellClass: "et-table-select-cell",
-			headerComponent: TableSelectAllCellComponent,
-			bodyComponent: TableSelectCellComponent,
+		this.resizing = signal(null, ...ngDevMode ? [{ debugName: "resizing" }] : /* istanbul ignore next */ []);
+		this.table.registerHeaderAdornment({
+			component: TableResizeGripComponent,
 			injector: inject(Injector),
-			rowClass: (row) => this.isSelected(row) ? "et-table-row--selected" : null,
-			enabled: computed(() => this.config().enabled ?? true)
+			order: 10,
+			enabled: computed(() => (this.config().enabled ?? true) && this.table.visibleColumnsMeta().length > 1)
 		});
-		this.table.registerStateSlice({
-			key: "selection",
-			read: () => {
-				if (!this.table.hasRowKey()) return void 0;
-				const keys = [...this.selection()()];
-				return keys.length ? keys : void 0;
-			},
-			write: (value) => {
-				if (this.table.hasRowKey() && Array.isArray(value)) this.selection().set(new Set(value.filter((key) => typeof key === "string" || typeof key === "number")));
-			}
+	}
+	start(column) {
+		this.resizing.set({
+			key: column.key,
+			startWidth: this.table.renderedColumnWidth(column.key),
+			hadOverride: this.table.hasColumnWidthOverride(column.key),
+			inlineSign: this.inlineSign()
 		});
 	}
-	isSelected(row) {
-		return this.selection()().has(this.table.rowIdentity(row));
+	widthOf(column) {
+		const { min, max } = this.table.columnWidthBounds(column.key);
+		return {
+			now: this.table.columnWidths()[column.key] ?? Math.round(this.table.renderedColumnWidth(column.key)),
+			min,
+			max
+		};
 	}
-	setSelected(row, selected) {
-		const key = this.table.rowIdentity(row);
-		const next = new Set(this.selection()());
-		if (selected) next.add(key);
-		else next.delete(key);
-		this.selection().set(next);
+	resizeByKey(column, event) {
+		const { now, min, max } = this.widthOf(column);
+		const step = (event.shiftKey ? KEYBOARD_LARGE_STEP : KEYBOARD_STEP) * this.inlineSign();
+		const target = keyboardTarget(event.key, {
+			now,
+			step,
+			min,
+			max
+		});
+		if (target === null) return false;
+		this.table.setColumnWidth(column.key, target);
+		return true;
 	}
-	toggleAll() {
-		const rows = this.selectableRows();
-		const next = new Set(this.selection()());
-		const clearing = this.isAllSelected();
-		for (const row of rows) {
-			const key = this.table.rowIdentity(row);
-			if (clearing) next.delete(key);
-			else next.add(key);
-		}
-		this.selection().set(next);
+	update(event) {
+		const resizing = this.resizing();
+		if (!resizing) return;
+		this.table.setColumnWidth(resizing.key, Math.round(resizing.startWidth + resizing.inlineSign * event.totalDx));
 	}
-	canSelect(row) {
-		return this.config().selectableRow?.(row) ?? true;
+	end() {
+		this.resizing.set(null);
 	}
-	rows() {
-		return this.table.rows();
+	cancel() {
+		const resizing = this.resizing();
+		if (!resizing) return;
+		if (resizing.hadOverride) this.table.setColumnWidth(resizing.key, resizing.startWidth);
+		else this.table.resetColumnWidth(resizing.key);
+		this.resizing.set(null);
+	}
+	reset(column) {
+		this.table.resetColumnWidth(column.key);
+	}
+	inlineSign() {
+		return getComputedStyle(this.elementRef.nativeElement).direction === "rtl" ? -1 : 1;
 	}
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
 			version: "22.2.3",
 			ngImport: i0,
-			type: TableSelectionDirective,
+			type: TableResizeDirective,
 			deps: [],
 			target: i0.ɵɵFactoryTarget.Directive
 		});
@@ -106630,17 +106668,21 @@ var TableSelectionDirective = class TableSelectionDirective {
 		this.ɵdir = i0.ɵɵngDeclareDirective({
 			minVersion: "17.1.0",
 			version: "22.2.3",
-			type: TableSelectionDirective,
+			type: TableResizeDirective,
 			isStandalone: true,
-			selector: "[etTableSelection]",
+			selector: "[etTableResize]",
 			inputs: { config: {
 				classPropertyName: "config",
-				publicName: "etTableSelection",
+				publicName: "etTableResize",
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
 			} },
-			exportAs: ["etTableSelection"],
+			providers: [{
+				provide: TABLE_RESIZE_TOKEN,
+				useExisting: TableResizeDirective
+			}],
+			exportAs: ["etTableResize"],
 			ngImport: i0
 		});
 	}
@@ -106649,12 +106691,16 @@ i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.3",
 	ngImport: i0,
-	type: TableSelectionDirective,
+	type: TableResizeDirective,
 	decorators: [{
 		type: Directive,
 		args: [{
-			selector: "[etTableSelection]",
-			exportAs: "etTableSelection"
+			selector: "[etTableResize]",
+			exportAs: "etTableResize",
+			providers: [{
+				provide: TABLE_RESIZE_TOKEN,
+				useExisting: TableResizeDirective
+			}]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -106662,14 +106708,14 @@ i0.ɵɵngDeclareClassMetadata({
 		type: i0.Input,
 		args: [{
 			isSignal: true,
-			alias: "etTableSelection",
+			alias: "etTableResize",
 			required: false
 		}]
 	}] }
 });
 var TableSelectAllCellComponent = class TableSelectAllCellComponent {
 	constructor() {
-		this.selection = inject(TableSelectionDirective);
+		this.selection = inject(TABLE_SELECTION_TOKEN);
 	}
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
@@ -106733,7 +106779,7 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var TableSelectCellComponent = class TableSelectCellComponent {
 	constructor() {
-		this.selection = inject(TableSelectionDirective);
+		this.selection = inject(TABLE_SELECTION_TOKEN);
 		this.row = input.required(...ngDevMode ? [{ debugName: "row" }] : /* istanbul ignore next */ []);
 	}
 	static {
@@ -107070,83 +107116,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}] }
 });
-var TableSkeletonDirective = class TableSkeletonDirective {
-	constructor() {
-		this.table = injectTableFeatureHost("etTableSkeleton");
-		this.config = input({}, {
-			...ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {},
-			alias: "etTableSkeleton",
-			transform: tableFeatureConfig
-		});
-		this.measuredRowHeight = signal(null, ...ngDevMode ? [{ debugName: "measuredRowHeight" }] : /* istanbul ignore next */ []);
-		const enabled = computed(() => this.config().enabled ?? true, ...ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []);
-		this.table.registerBodyPlaceholder({
-			component: TableSkeletonRowsComponent,
-			injector: inject(Injector),
-			enabled
-		});
-		this.table.registerCellPlaceholder({
-			component: SkeletonItemComponent,
-			enabled
-		});
-		afterEveryRender({ read: () => {
-			const cell = this.table.firstBodyCellElement();
-			if (!cell) return;
-			const height = Math.round(cell.getBoundingClientRect().height);
-			if (height > 0 && height !== untracked(this.measuredRowHeight)) this.measuredRowHeight.set(height);
-		} });
-	}
-	static {
-		this.ɵfac = i0.ɵɵngDeclareFactory({
-			minVersion: "12.0.0",
-			version: "22.2.3",
-			ngImport: i0,
-			type: TableSkeletonDirective,
-			deps: [],
-			target: i0.ɵɵFactoryTarget.Directive
-		});
-	}
-	static {
-		this.ɵdir = i0.ɵɵngDeclareDirective({
-			minVersion: "17.1.0",
-			version: "22.2.3",
-			type: TableSkeletonDirective,
-			isStandalone: true,
-			selector: "[etTableSkeleton]",
-			inputs: { config: {
-				classPropertyName: "config",
-				publicName: "etTableSkeleton",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			} },
-			exportAs: ["etTableSkeleton"],
-			ngImport: i0
-		});
-	}
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: TableSkeletonDirective,
-	decorators: [{
-		type: Directive,
-		args: [{
-			selector: "[etTableSkeleton]",
-			exportAs: "etTableSkeleton"
-		}]
-	}],
-	ctorParameters: () => [],
-	propDecorators: { config: [{
-		type: i0.Input,
-		args: [{
-			isSignal: true,
-			alias: "etTableSkeleton",
-			required: false
-		}]
-	}] }
-});
 const PLACEHOLDER_WIDTHS = [
 	72,
 	45,
@@ -107157,7 +107126,7 @@ const PLACEHOLDER_WIDTHS = [
 ];
 var TableSkeletonRowsComponent = class TableSkeletonRowsComponent {
 	constructor() {
-		this.feature = inject(TableSkeletonDirective);
+		this.feature = inject(TABLE_SKELETON_TOKEN);
 		this.table = injectTableFeatureHost("etTableSkeleton");
 		this.rows = computed(() => {
 			const columns = this.table.visibleColumnsMeta();
@@ -107326,6 +107295,227 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
+var TableSkeletonDirective = class TableSkeletonDirective {
+	constructor() {
+		this.table = injectTableFeatureHost("etTableSkeleton");
+		this.config = input({}, {
+			...ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {},
+			alias: "etTableSkeleton",
+			transform: tableFeatureConfig
+		});
+		this.measuredRowHeight = signal(null, ...ngDevMode ? [{ debugName: "measuredRowHeight" }] : /* istanbul ignore next */ []);
+		const enabled = computed(() => this.config().enabled ?? true, ...ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []);
+		this.table.registerBodyPlaceholder({
+			component: TableSkeletonRowsComponent,
+			injector: inject(Injector),
+			enabled
+		});
+		this.table.registerCellPlaceholder({
+			component: SkeletonItemComponent,
+			enabled
+		});
+		afterEveryRender({ read: () => {
+			const cell = this.table.firstBodyCellElement();
+			if (!cell) return;
+			const height = Math.round(cell.getBoundingClientRect().height);
+			if (height > 0 && height !== untracked(this.measuredRowHeight)) this.measuredRowHeight.set(height);
+		} });
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TableSkeletonDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "22.2.3",
+			type: TableSkeletonDirective,
+			isStandalone: true,
+			selector: "[etTableSkeleton]",
+			inputs: { config: {
+				classPropertyName: "config",
+				publicName: "etTableSkeleton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			} },
+			providers: [{
+				provide: TABLE_SKELETON_TOKEN,
+				useExisting: TableSkeletonDirective
+			}],
+			exportAs: ["etTableSkeleton"],
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TableSkeletonDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[etTableSkeleton]",
+			exportAs: "etTableSkeleton",
+			providers: [{
+				provide: TABLE_SKELETON_TOKEN,
+				useExisting: TableSkeletonDirective
+			}]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { config: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "etTableSkeleton",
+			required: false
+		}]
+	}] }
+});
+var TableSelectionDirective = class TableSelectionDirective {
+	constructor() {
+		this.table = injectTableFeatureHost("etTableSelection");
+		this.config = input({}, {
+			...ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {},
+			alias: "etTableSelection",
+			transform: tableFeatureConfig
+		});
+		this.ownSelection = signal(/* @__PURE__ */ new Set(), ...ngDevMode ? [{ debugName: "ownSelection" }] : /* istanbul ignore next */ []);
+		this.selection = computed(() => this.config().selection ?? this.ownSelection, ...ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []);
+		this.selectAllLabel = computed(() => this.table.resolvedLabels().selectAllRows, ...ngDevMode ? [{ debugName: "selectAllLabel" }] : /* istanbul ignore next */ []);
+		this.rowLabel = computed(() => this.table.resolvedLabels().selectRow, ...ngDevMode ? [{ debugName: "rowLabel" }] : /* istanbul ignore next */ []);
+		this.selectableRows = computed(() => {
+			const gate = this.config().selectableRow;
+			return gate ? this.rows().filter((row) => gate(row)) : this.rows();
+		}, ...ngDevMode ? [{ debugName: "selectableRows" }] : /* istanbul ignore next */ []);
+		this.selectedRows = computed(() => this.rows().filter((row) => this.isSelected(row)), ...ngDevMode ? [{ debugName: "selectedRows" }] : /* istanbul ignore next */ []);
+		this.isAllSelected = computed(() => {
+			const rows = this.selectableRows();
+			return rows.length > 0 && rows.every((row) => this.isSelected(row));
+		}, ...ngDevMode ? [{ debugName: "isAllSelected" }] : /* istanbul ignore next */ []);
+		this.isPartiallySelected = computed(() => {
+			const rows = this.selectableRows();
+			const selected = rows.filter((row) => this.isSelected(row)).length;
+			return selected > 0 && selected < rows.length;
+		}, ...ngDevMode ? [{ debugName: "isPartiallySelected" }] : /* istanbul ignore next */ []);
+		this.table.registerLeadColumn({
+			key: "et-table-selection",
+			width: "var(--et-table-select-width, 44px)",
+			side: computed(() => this.config().side ?? "start"),
+			order: 0,
+			cellClass: "et-table-select-cell",
+			headerComponent: TableSelectAllCellComponent,
+			bodyComponent: TableSelectCellComponent,
+			injector: inject(Injector),
+			rowClass: (row) => this.isSelected(row) ? "et-table-row--selected" : null,
+			enabled: computed(() => this.config().enabled ?? true)
+		});
+		this.table.registerStateSlice({
+			key: "selection",
+			read: () => {
+				if (!this.table.hasRowKey()) return void 0;
+				const keys = [...this.selection()()];
+				return keys.length ? keys : void 0;
+			},
+			write: (value) => {
+				if (this.table.hasRowKey() && Array.isArray(value)) this.selection().set(new Set(value.filter((key) => typeof key === "string" || typeof key === "number")));
+			}
+		});
+	}
+	isSelected(row) {
+		return this.selection()().has(this.table.rowIdentity(row));
+	}
+	setSelected(row, selected) {
+		const key = this.table.rowIdentity(row);
+		const next = new Set(this.selection()());
+		if (selected) next.add(key);
+		else next.delete(key);
+		this.selection().set(next);
+	}
+	toggleAll() {
+		const rows = this.selectableRows();
+		const next = new Set(this.selection()());
+		const clearing = this.isAllSelected();
+		for (const row of rows) {
+			const key = this.table.rowIdentity(row);
+			if (clearing) next.delete(key);
+			else next.add(key);
+		}
+		this.selection().set(next);
+	}
+	canSelect(row) {
+		return this.config().selectableRow?.(row) ?? true;
+	}
+	rows() {
+		return this.table.rows();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: TableSelectionDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "22.2.3",
+			type: TableSelectionDirective,
+			isStandalone: true,
+			selector: "[etTableSelection]",
+			inputs: { config: {
+				classPropertyName: "config",
+				publicName: "etTableSelection",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			} },
+			providers: [{
+				provide: TABLE_SELECTION_TOKEN,
+				useExisting: TableSelectionDirective
+			}],
+			exportAs: ["etTableSelection"],
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: TableSelectionDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[etTableSelection]",
+			exportAs: "etTableSelection",
+			providers: [{
+				provide: TABLE_SELECTION_TOKEN,
+				useExisting: TableSelectionDirective
+			}]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { config: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "etTableSelection",
+			required: false
+		}]
+	}] }
+});
 var TableVirtualScrollStylesComponent = class TableVirtualScrollStylesComponent {
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
@@ -110844,7 +111034,7 @@ const provideUnsavedChangesAlertDialog = () => provideUnsavedChangesConfirm(() =
 		});
 	};
 });
-const COMPONENTS_VERSION = "1.0.0-next.79";
-export { ACCESSIBLE_NAME_INPUTS, ACCORDION_ERROR_CODES, ACCORDION_GROUP_TOKEN, ACCORDION_IMPORTS, ACCORDION_TOKEN, ALERT_DIALOG_LABELS, ALIGN_CENTER_ICON, ALIGN_JUSTIFY_ICON, ALIGN_LEFT_ICON, ALIGN_RIGHT_ICON, ARROWS_LEFT_RIGHT_ICON, ARROW_OUT_UP_RIGHT_ICON, ARROW_RIGHT_ICON, ARROW_UP_ICON, AVATAR_IMPORTS, AVATAR_LABELS, AVATAR_SHAPES, AVATAR_SIZES, AccessibleNameControlDirective, AccordionComponent, AccordionContentDirective, AccordionDirective, AccordionGroupComponent, AccordionGroupDirective, AccordionHintDirective, AccordionLabelDirective, AccordionPanelDirective, AccordionTriggerDirective, AvatarComponent, AvatarGroupComponent, BADGE_ICON_ALIGNMENTS, BADGE_IMPORTS, BADGE_SIZES, BADGE_VARIANTS, BANNER_IMPORTS, BANNER_LABELS, BANNER_TYPES, BOLD_ICON, BRACKET_CARD_CONTEXT, BRACKET_DATA_LAYOUT, BRACKET_DEFAULTS, BRACKET_DEFAULT_CARDS, BRACKET_DENSITY, BRACKET_DENSITY_PRESETS, BRACKET_ERROR_CODES, BRACKET_IMPORTS, BRACKET_LABELS, BRACKET_PARTICIPANTS_IMPORTS, BRACKET_PICK_CARD_IMPORTS, BRACKET_PICK_CARD_NOTE_TONE, BRACKET_ROUNDS_LIST_IMPORTS, BRACKET_ROUND_HEADER_ALIGN, BRACKET_ROUND_MIRROR_TYPE, BRACKET_SKELETON_IMPORTS, BRACKET_SWISS_GROUP_COLOR_TYPE, BREADCRUMB_COLLAPSE_IMPORTS, BREADCRUMB_COLLAPSE_TOKEN, BREADCRUMB_ERROR_CODES, BREADCRUMB_IMPORTS, BREADCRUMB_LABELS, BREADCRUMB_SEGMENT_TOKEN, BREADCRUMB_SEO_IMPORTS, BREADCRUMB_TOKEN, BUTTON_ICON_ALIGNMENTS, BUTTON_IMPORTS, BUTTON_SIZES, BUTTON_SPINNER_CONFIG, BUTTON_TYPES, BUTTON_VARIANTS, BadgeComponent, BannerComponent, BarChartComponent, BarChartDirective, BarChartPlotDirective, BracketComponent, BracketDefaultContinueComponent, BracketDefaultFinalMatchComponent, BracketDefaultMatchComponent, BracketDefaultRoundHeaderComponent, BracketMap, BracketParticipantsComponent, BracketPickCardComponent, BracketRoundsListComponent, BracketRuntimeError, BracketSkeletonComponent, BracketSkeletonContinueComponent, BracketSkeletonFinalMatchComponent, BracketSkeletonMatchComponent, BracketSkeletonRoundHeaderComponent, BrandLoaderComponent, BreadcrumbCollapseDirective, BreadcrumbComponent, BreadcrumbDirective, BreadcrumbItemDirective, BreadcrumbItemTemplateDirective, BreadcrumbOutletComponent, BreadcrumbOverflowComponent, BreadcrumbSegmentDirective, BreadcrumbSeoDirective, BreadcrumbSeparatorDirective, ButtonColorDirective, ButtonComponent, ButtonDirective, ButtonStylesDirective, CALENDAR_ERROR_CODES, CALENDAR_ICON, CALENDAR_IMPORTS, CALENDAR_LABELS, CARD_IMPORTS, CARD_VARIANTS, CAROUSEL_AUTOPLAY_TOKEN, CAROUSEL_ERROR_CODES, CAROUSEL_IMPORTS, CAROUSEL_LABELS, CAROUSEL_SLIDE_ALIGNMENTS, CAROUSEL_TOKEN, CAROUSEL_TRANSITIONS, CAROUSEL_TRANSITION_DRIVERS, CASCADER_ERROR_CODES, CASCADER_IMPORTS, CASCADER_LABELS, CASCADER_SELECTABLE_LEVELS, CHART_ERROR_CODES, CHART_IMPORTS, CHART_LABELS, CHART_PLOT_HOST, CHECKBOX_GROUP_IMPORTS, CHECKBOX_IMPORTS, CHECKBOX_OPTION_VARIANTS, CHECK_ICON, CHEVRON_ICON, CHIP_ERROR_CODES, CHIP_IMPORTS, CHIP_LABELS, CHIP_REMOVE_FOCUS_FALLBACK, CHIP_REMOVE_TAB_STOP, CHOICE_FIELD_IMPORTS, CHOICE_FIELD_VARIANTS, CIRCLE_CHECK_ICON, CIRCLE_INFO_ICON, CLIPBOARD_CHECK_ICON, CLOCK_ICON, CODE_BLOCK_ICON, CODE_ICON, COLOR_INPUT_ERROR_CODES, COLOR_INPUT_IMPORTS, COLOR_INPUT_LABELS, COLOR_INPUT_TOKEN, COLOR_NOTATIONS, COLOR_NOTATION_ORDER, COMMAND_PALETTE_ERROR_CODES, COMMAND_PALETTE_IMPORTS, COMMAND_PALETTE_LABELS, COMMAND_PALETTE_OVERLAY, COMMAND_PALETTE_REGISTRY, COMMAND_PALETTE_TOKEN, COMMON_BRACKET_ROUND_TYPE, COMPONENTS_VERSION, COPY_BUTTON_IMPORTS, COPY_BUTTON_LABELS, CalendarCellDirective, CalendarComponent, CalendarDirective, CalendarGridDirective, CalendarHeaderDirective, CardComponent, CarouselAutoplayDirective, CarouselComponent, CarouselDirective, CarouselItemDirective, CarouselNextDirective, CarouselPlayToggleDirective, CarouselPreviousDirective, CarouselSlideDirective, CascaderColumnDirective, CascaderComponent, CascaderDirective, CascaderNodeDirective, CascaderPanelComponent, CascaderSearchDirective, CascaderSearchOptionDirective, CascaderSurfaceDirective, CascaderTriggerDirective, ChartPlotDirective, CheckboxComponent, CheckboxDirective, CheckboxGroupComponent, CheckboxGroupSelectAllComponent, CheckboxOptionComponent, ChipComponent, ChipDirective, ChipRemoveDirective, ChoiceFieldComponent, ColorInputComponent, ColorInputDirective, ColorPickerAreaDirective, ColorPickerChannelDirective, ColorPickerPanelComponent, ColorPickerSurfaceDirective, ColorPickerTriggerDirective, CommandPaletteComponent, CommandPaletteDirective, CommandPaletteItemComponent, CommandPaletteSearchDirective, CommandPaletteShortcutDirective, ControlSuffixDirective, CopyButtonDirective, CounterComponent, DAILYMOTION_PLAYER_TOKEN, DATE_FORMAT, DATE_INPUT_ERROR_CODES, DATE_INPUT_IMPORTS, DATE_LOCALE, DATE_PICKER_HOST, DATE_RANGE_INPUT_ERROR_CODES, DATE_RANGE_INPUT_IMPORTS, DATE_TIME_FORMAT, DATE_TIME_INPUT_ERROR_CODES, DATE_TIME_INPUT_IMPORTS, DATE_TIME_LABELS, DATE_TIME_RANGE_INPUT_ERROR_CODES, DATE_TIME_RANGE_INPUT_IMPORTS, DEFAULT_ALERT_DIALOG_LABELS, DEFAULT_AVATAR_LABELS, DEFAULT_BANNER_LABELS, DEFAULT_BRACKET_LABELS, DEFAULT_BREADCRUMB_LABELS, DEFAULT_BREAKPOINTS, DEFAULT_CALENDAR_LABELS, DEFAULT_CALENDAR_RANGE_STRATEGY, DEFAULT_CAROUSEL_LABELS, DEFAULT_CASCADER_LABELS, DEFAULT_CHART_LABELS, DEFAULT_CHIP_LABELS, DEFAULT_COLOR_INPUT_LABELS, DEFAULT_COMMAND_PALETTE_LABELS, DEFAULT_COPY_BUTTON_LABELS, DEFAULT_DATE_TIME_LABELS, DEFAULT_DROPZONE_LABELS, DEFAULT_DROPZONE_MAX_PREVIEW_FILE_SIZE, DEFAULT_FILTER_OVERLAY_LABELS, DEFAULT_FORM_FIELD_DEFAULTS, DEFAULT_FORM_FIELD_LABELS, DEFAULT_GRID_LABELS, DEFAULT_ICON_VARIANT, DEFAULT_INPUT_LABELS, DEFAULT_KBD_LABELS, DEFAULT_LOADER_LABELS, DEFAULT_MATCH_CARD_START_TIME_FORMAT, DEFAULT_MATCH_LABELS, DEFAULT_NOTIFICATION_LABELS, DEFAULT_NOTIFICATION_MANAGER_CONFIG, DEFAULT_NOTIFICATION_STATUS_ICONS, DEFAULT_PAGINATION_LABELS, DEFAULT_PHONE_INPUT_LABELS, DEFAULT_PROGRESS_STEP_LABELS, DEFAULT_QUERY_ERROR_LABELS, DEFAULT_RICH_TEXT_EDITOR_LABELS, DEFAULT_RICH_TEXT_EDITOR_TOOLS, DEFAULT_SCHEDULER_LABELS, DEFAULT_SELECT_LABELS, DEFAULT_SLIDER_LABELS, DEFAULT_STANDINGS_LABELS, DEFAULT_STAT_TILE_LABELS, DEFAULT_STREAM_LABELS, DEFAULT_STREAM_PLAYER_STATE, DEFAULT_TABLE_LABELS, DEFAULT_TIME_PICKER_LABELS, DEFAULT_TREE_LABELS, DEFAULT_UNSAVED_CHANGES_LABELS, DESCRIPTION_IMPORTS, DESCRIPTION_LIST_IMPORTS, DESCRIPTION_LIST_VARIANTS, DIVIDER_IMPORTS, DOUBLE_ELIMINATION_BRACKET_ROUND_TYPE, DROPZONE_ENTRY_STATUSES, DROPZONE_ERROR_CODES, DROPZONE_FILES_ERROR_KIND, DROPZONE_FILE_CONSTRAINTS, DROPZONE_FILE_REJECTION_REASONS, DROPZONE_IMPORTS, DROPZONE_LABELS, DURATION_INPUT_ERROR_CODES, DURATION_INPUT_IMPORTS, DailymotionPlayerComponent, DailymotionPlayerDirective, DailymotionPlayerParamsDirective, DailymotionPlayerSlotComponent, DateInputComponent, DateInputDirective, DateInputFieldDirective, DatePickerPanelComponent, DatePickerSurfaceDirective, DatePickerTriggerDirective, DateRangeInputComponent, DateRangeInputDirective, DateRangeInputFieldDirective, DateTimeInputComponent, DateTimeInputDirective, DateTimeInputFieldDirective, DateTimeRangeInputComponent, DateTimeRangeInputDirective, DateTimeRangeInputFieldDirective, DescriptionComponent, DescriptionListComponent, DividerComponent, DropzoneComponent, DropzoneDirective, DurationInputComponent, DurationInputDirective, DurationInputFieldDirective, ELLIPSIS_ICON, ELLIPSIS_VERTICAL_ICON, EMPTY_STATE_IMPORTS, ET_BUILT_IN_ICON_NAMES, EYEDROPPER_ICON, EYE_ICON, EYE_SLASH_ICON, EmptyStateComponent, FACEBOOK_PLAYER_TOKEN, FIELD_WARNINGS, FIELD_WARNING_KIND, FILE_ICON, FILTER_ICON, FILTER_OVERLAY_ERROR_CODES, FILTER_OVERLAY_IMPORTS, FILTER_OVERLAY_LABELS, FILTER_OVERLAY_TOKEN, FLOATING_ACTION_ERROR_CODES, FLOATING_ACTION_IMPORTS, FLOATING_ACTION_STATES, FLOATING_ACTION_TOKEN, FLOPPY_DISK_ICON, FOCUS_FRAME_ICON, FORM_ERROR_MESSAGE_RESOLVER, FORM_FIELD_APPEARANCES, FORM_FIELD_CONTROL_TYPES, FORM_FIELD_ERROR_CODES, FORM_FIELD_FILLS, FORM_FIELD_IMPORTS, FORM_FIELD_LABELS, FORM_FIELD_LABEL_MODES, FORM_FIELD_SIZES, FORM_FIELD_TOKEN, FORM_IMPORTS, FORM_WARNING_MESSAGE_RESOLVER, FabComponent, FacebookPlayerComponent, FacebookPlayerDirective, FacebookPlayerParamsDirective, FacebookPlayerSlotComponent, FilterOverlayResetDirective, FilterOverlaySubmitDirective, FloatingActionAnchorDirective, FloatingActionDirective, FloatingActionScopeDirective, FloatingActionTopDirective, FloatingActionTriggerDirective, FocusRingDirective, FormDirective, FormErrorComponent, FormFieldBarrierDirective, FormFieldComponent, FormFieldDirective, FormWarningComponent, GERMAN_ALERT_DIALOG_LABELS, GERMAN_AVATAR_LABELS, GERMAN_BANNER_LABELS, GERMAN_BRACKET_LABELS, GERMAN_BREADCRUMB_LABELS, GERMAN_CALENDAR_LABELS, GERMAN_CAROUSEL_LABELS, GERMAN_CASCADER_LABELS, GERMAN_CHART_LABELS, GERMAN_CHIP_LABELS, GERMAN_COLOR_INPUT_LABELS, GERMAN_COMMAND_PALETTE_LABELS, GERMAN_COPY_BUTTON_LABELS, GERMAN_DATE_TIME_LABELS, GERMAN_DROPZONE_LABELS, GERMAN_FILTER_OVERLAY_LABELS, GERMAN_FORM_FIELD_LABELS, GERMAN_GRID_LABELS, GERMAN_INPUT_LABELS, GERMAN_KBD_LABELS, GERMAN_LOADER_LABELS, GERMAN_MATCH_LABELS, GERMAN_NOTIFICATION_LABELS, GERMAN_PAGINATION_LABELS, GERMAN_PHONE_INPUT_LABELS, GERMAN_PROGRESS_STEP_LABELS, GERMAN_QUERY_ERROR_LABELS, GERMAN_RICH_TEXT_EDITOR_LABELS, GERMAN_SCHEDULER_LABELS, GERMAN_SELECT_LABELS, GERMAN_SLIDER_LABELS, GERMAN_STANDINGS_LABELS, GERMAN_STAT_TILE_LABELS, GERMAN_STREAM_LABELS, GERMAN_TABLE_LABELS, GERMAN_TIME_PICKER_LABELS, GERMAN_TREE_LABELS, GERMAN_UNSAVED_CHANGES_LABELS, GRID_2X2_ICON, GRID_DEBUG_IMPORTS, GRID_ERROR_CODES, GRID_IMPORTS, GRID_LABELS, GRID_TOKEN, GROUP_BRACKET_ROUND_TYPE, GridComponent, GridDebugComponent, GridDirective, GridDragDirective, GridItemComponent, GridItemDefaultActionsComponent, GridItemDirective, GridItemToolbarComponent, GridResizeDirective, HEADING_1_ICON, HEADING_2_ICON, HEADING_3_ICON, HintComponent, ICONS_TOKEN, ICON_DIRECTIVE_TOKEN, ICON_ERROR_CODES, ICON_IMPORTS, ICON_OVERRIDES_TOKEN, IMAGE_ICON, INHERIT_COLOR, INITIAL_SUPPORT_PRESENTATION_STATE, INPUT_IMPORTS, INPUT_LABELS, INPUT_MASK_HOST, INPUT_TEXT_ALIGNMENTS, INPUT_TYPES, INTERACTIVE_TAGS, ITALIC_ICON, IconButtonComponent, IconDirective, InputComponent, InputDirective, InputMaskDirective, InputPrefixDirective, InputSuffixDirective, KBD_IMPORTS, KBD_LABELS, KBD_PLATFORM, KICK_PLAYER_TOKEN, KbdComponent, KickPlayerComponent, KickPlayerDirective, KickPlayerParamsDirective, KickPlayerSlotComponent, LINE_CHART_ERROR_CODES, LINK_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LOADER_IMPORTS, LOADER_LABELS, LOCATION_ICON, LOCK_ICON, LabelDirective, LineChartComponent, LineChartDirective, LineChartSliceDirective, MASKED_INPUT_ERROR_CODES, MASKED_INPUT_IMPORTS, MASK_VALUE_MODES, MASONRY_ERROR_CODES, MASONRY_IMPORTS, MASONRY_TOKEN, MATCH_CARD_IMPORTS, MATCH_CARD_SIZES, MATCH_CARD_TOKEN, MATCH_ERROR_CODES, MATCH_LABELS, MATCH_PARTICIPANT_IMPORTS, MENU_ERROR_CODES, MENU_IMPORTS, MENU_ITEM_VARIANTS, MENU_SEARCH_IMPORTS, MENU_SELECTION_GROUP_MULTIPLE, MENU_SELECTION_GROUP_TOKEN, MENU_SELECTION_ITEM_KIND, MINUS_ICON, MULTI_LANGUAGE_RICH_TEXT_EDITOR_ERROR_CODES, MULTI_LANGUAGE_RICH_TEXT_EDITOR_IMPORTS, MasonryDirective, MasonryItemDirective, MatchCardComponent, MatchCardDirective, MatchCardGameScoresDirective, MatchCardMetaDirective, MatchCardScoreDirective, MatchParticipantComponent, MatchScoreComponent, MenuCheckboxGroupComponent, MenuCheckboxItemComponent, MenuComponent, MenuContextTriggerDirective, MenuDirective, MenuGroupLabelComponent, MenuItemComponent, MenuItemDirective, MenuItemShortcutComponent, MenuItemSubmenuIconComponent, MenuPanelDirective, MenuRadioGroupComponent, MenuRadioItemComponent, MenuSearchDirective, MenuSelectionGroupDirective, MenuSelectionItemDirective, MenuSeparatorComponent, MenuSurfaceDirective, MenuTriggerDirective, MultiLanguageRichTextEditorComponent, MultiLanguageRichTextEditorDirective, MultiLanguageRichTextEditorLanguageToolComponent, NAV_TABS_TOKEN, NAV_TAB_IMPORTS, NOTIFICATION_ACTION_SLOTS, NOTIFICATION_ERROR_CODES, NOTIFICATION_IMPORTS, NOTIFICATION_LABELS, NOTIFICATION_STACK_CONTEXT_TOKEN, NOTIFICATION_STACK_OVERLAY_LAYER, NOTIFICATION_STATUS, NO_STREAM_PLAYER_CAPABILITIES, NUMBER_INPUT_IMPORTS, NavTabLinkComponent, NavTabLinkDirective, NavTabLinkStylesComponent, NavTabsComponent, NavTabsDirective, NavTabsOutletComponent, NavTabsOutletDirective, NotificationActionDirective, NotificationComponent, NotificationDirective, NotificationDismissDirective, NotificationItemDirective, NotificationStackDirective, NotificationSwipeToDismissDirective, NumberInputComponent, NumberInputDirective, OTP_INPUT_IMPORTS, OVERLAY_BACK_OR_CLOSE_TOKEN, OVERLAY_BODY_TOKEN, OVERLAY_CONFIG_CLASS_KEYS, OVERLAY_CONTENT_IMPORTS, OVERLAY_ERROR_CODES, OVERLAY_FOOTER_TOKEN, OVERLAY_HAS_BACKDROP, OVERLAY_HEADER_TEMPLATE_TOKEN, OVERLAY_HEADER_TOKEN, OVERLAY_IMPORTS, OVERLAY_MAIN_TOKEN, OVERLAY_NAV_TAB_IMPORTS, OVERLAY_QUERY_PARAM_INPUT_NAME, OVERLAY_REF, OVERLAY_ROUTER_CONFIG_TOKEN, OVERLAY_ROUTER_LINK_TOKEN, OVERLAY_ROUTER_OUTLET_DISABLED_TEMPLATE_TOKEN, OVERLAY_ROUTER_OUTLET_TOKEN, OVERLAY_ROUTER_TOKEN, OVERLAY_SHARED_ROUTE_TEMPLATE_TOKEN, OtpInputComponent, OtpInputDirective, OverlayAnchorDirective, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseDirective, OverlayContainerComponent, OverlayDirective, OverlayFooterDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayMainDirective, OverlayNavTabLinkComponent, OverlayOriginCloneComponent, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlaySurfaceDirective, OverlayTitleDirective, OverlayTriggerDirective, PAGE_SIZE_SELECT_IMPORTS, PAGINATION_IMPORTS, PAGINATION_LABELS, PAGINATION_SIZES, PARAGRAPH_ICON, PASSWORD_INPUT_IMPORTS, PAUSE_ICON, PENCIL_ICON, PHONE_COUNTRIES, PHONE_INPUT_ERROR_CODES, PHONE_INPUT_IMPORTS, PHONE_INPUT_LABELS, PICTURE_IMPORTS, PICTURE_STATES, PIE_CHART_ERROR_CODES, PIP_CHROME_REF_TOKEN, PIP_ENTRY_TOKEN, PIP_WINDOW_ASPECT_RATIO_TOKEN, PLAY_ICON, PLUS_ICON, PROGRESS_STEPS_IMPORTS, PROGRESS_STEPS_ORIENTATIONS, PROGRESS_STEP_LABELS, PROGRESS_STEP_STATES, PageSizeSelectComponent, PagedQueryTriggerDirective, PaginationComponent, PaginationDirective, PaginationSeoDirective, PasswordInputComponent, PasswordInputDirective, PhoneInputComponent, PhoneInputDirective, PhoneInputFieldDirective, PhoneInputFlagDirective, PictureComponent, PictureErrorDirective, PicturePlaceholderDirective, PieChartComponent, PieChartDirective, PipBackDirective, PipBringBackDirective, PipCellDirective, PipCloseDirective, PipCollapseOverlayDirective, PipGridToggleDirective, PipPlayerComponent, PipSlotPlaceholderComponent, PipStageDirective, PipTitleBarDirective, PipTitleBarTemplateDirective, PipWindowComponent, PipWindowParamsDirective, ProgressBarComponent, ProgressStepComponent, ProgressStepRouterActiveDirective, ProgressStepsComponent, QUERY_ERROR_ERROR_CODES, QUERY_ERROR_IMPORTS, QUERY_ERROR_LABELS, QUERY_ERROR_TOKEN, QUOTE_ICON, QueryButtonDirective, QueryErrorActionsDirective, QueryErrorComponent, QueryErrorDirective, QueryErrorTitleDirective, QueryParamOverlayLinkDirective, RADIO_GROUP_IMPORTS, RADIO_VARIANTS, RATING_ERROR_CODES, RATING_IMPORTS, REDO_ICON, RICH_TEXT_EDITOR_FLOATING_TOOLBAR, RICH_TEXT_EDITOR_HEADING_OPTIONS, RICH_TEXT_EDITOR_IMPORTS, RICH_TEXT_EDITOR_INLINE_TOOLS, RICH_TEXT_EDITOR_LABELS, RICH_TEXT_EDITOR_LANGUAGE_TOOL, RICH_TEXT_EDITOR_LINK_EDITOR, RICH_TEXT_EDITOR_TOKEN_CODEC, RICH_TEXT_EDITOR_TOKEN_PALETTE_IMPORTS, RICH_TEXT_EDITOR_TOOL, RICH_TEXT_EDITOR_TOOLS, RICH_TEXT_EDITOR_TOOL_BUTTONS, RICH_TEXT_EDITOR_TRIGGERS_IMPORTS, ROTATE_RIGHT_ICON, RadioComponent, RadioGroupComponent, RangeSliderComponent, RangeSliderDirective, RatingComponent, RatingDirective, RatingIconDirective, RichTextEditorAlignToolComponent, RichTextEditorComponent, RichTextEditorDirective, RichTextEditorFloatingToolbarComponent, RichTextEditorFloatingToolbarDirective, RichTextEditorHeadingToolComponent, RichTextEditorImageEditorComponent, RichTextEditorImageToolComponent, RichTextEditorLinkEditorComponent, RichTextEditorLinkEditorDirective, RichTextEditorTableToolComponent, RichTextEditorTokenPaletteComponent, RichTextEditorTokenPopupComponent, RichTextEditorTriggersDirective, RichTextViewerComponent, SANKEY_CHART_ERROR_CODES, SCHEDULER_EDIT_SURFACE_IMPORTS, SCHEDULER_ERROR_CODES, SCHEDULER_FEATURE_HOST, SCHEDULER_IMPORTS, SCHEDULER_LABELS, SCROLLABLE_DARKEN_IMPORTS, SCROLLABLE_DRAG_IMPORTS, SCROLLABLE_ERROR_CODES, SCROLLABLE_IMPORTS, SCROLLABLE_NAVIGATION_IMPORTS, SCROLLBAR_ERROR_CODES, SCROLLBAR_IMPORTS, SEGMENTED_BUTTON_GROUP_VARIANTS, SEGMENTED_BUTTON_IMPORTS, SELECTION_CARD_CONTROL_POSITIONS, SELECTION_LIST_ERROR_CODES, SELECTION_LIST_IMPORTS, SELECTION_LIST_MULTIPLE, SELECTION_LIST_TOKEN, SELECT_ERROR_CODES, SELECT_FILTER_MODES, SELECT_IMPORTS, SELECT_LABELS, SIDEBAR_OVERLAY_CONFIG, SIDEBAR_OVERLAY_TOKEN, SINGLE_ELIMINATION_BRACKET_ROUND_TYPE, SKELETON_IMPORTS, SLIDER_ERROR_CODES, SLIDER_IMPORTS, SLIDER_LABELS, SLIDER_MARK_VALUE_ATTRIBUTE, SLIDER_TOKEN, SOOP_PLAYER_TOKEN, SPLIT_BUTTON_ERROR_CODES, STANDINGS_ERROR_CODES, STANDINGS_IMPORTS, STANDINGS_LABELS, STANDINGS_PICK_IMPORTS, STAR_ICON, STAT_TILE_IMPORTS, STAT_TILE_LABELS, STREAM_ALL_IMPORTS, STREAM_CONSENT_TOKEN, STREAM_DAILYMOTION_IMPORTS, STREAM_DEFAULT_COMPONENTS, STREAM_ERROR_CODES, STREAM_FACEBOOK_IMPORTS, STREAM_IMPORTS, STREAM_KICK_IMPORTS, STREAM_LABELS, STREAM_PIP_IMPORTS, STREAM_PLAYER_COMPONENT_TOKEN, STREAM_PLAYER_ERROR_CONTEXT_TOKEN, STREAM_PLAYER_ERROR_TOKEN, STREAM_PLAYER_PARAMS_TOKEN, STREAM_PLAYER_SLOT_TOKEN, STREAM_PLAYER_TOKEN, STREAM_SLOT_PLAYER_ID_TOKEN, STREAM_SOOP_IMPORTS, STREAM_TIKTOK_IMPORTS, STREAM_TWITCH_IMPORTS, STREAM_USER_CONSENT_PROVIDER_TOKEN, STREAM_VIMEO_IMPORTS, STREAM_YOUTUBE_IMPORTS, STRIKETHROUGH_ICON, SUPPORT_CONTENT_STATE, SUPPORT_TRANSITION_DIRECTION, SWISS_BRACKET_ROUND_TYPE, SWITCH_IMPORTS, SankeyChartComponent, SankeyChartDirective, SankeyChartMarkDirective, SchedulerActionAddAppointmentDirective, SchedulerAgendaDirective, SchedulerAgendaViewComponent, SchedulerAppointmentDragDirective, SchedulerBadgeChainCountComponent, SchedulerBadgeChainCountDirective, SchedulerBadgeColorDotComponent, SchedulerBadgeColorDotDirective, SchedulerBadgeLocationComponent, SchedulerBadgeLocationDirective, SchedulerBadgeTimeRangeComponent, SchedulerBadgeTimeRangeDirective, SchedulerBadgeTitleComponent, SchedulerBadgeTitleDirective, SchedulerComponent, SchedulerDirective, SchedulerEditAddSubAppointmentItemComponent, SchedulerEditColorComponent, SchedulerEditDeleteItemComponent, SchedulerEditDescriptionComponent, SchedulerEditLocationComponent, SchedulerEditSurfaceActionsComponent, SchedulerEditSurfaceBreadcrumbComponent, SchedulerEditSurfaceChildrenComponent, SchedulerEditSurfaceComponent, SchedulerEditSurfaceDirective, SchedulerEditSurfaceFieldsComponent, SchedulerEditSurfaceFooterComponent, SchedulerEditSurfaceHeaderComponent, SchedulerEditTimeRangeComponent, SchedulerEditTitleComponent, SchedulerMonthDirective, SchedulerMonthViewComponent, SchedulerSwipeNavigationDirective, SchedulerTimeGridDirective, SchedulerTimeGridViewComponent, ScrollableActiveChildDirective, ScrollableButtonsComponent, ScrollableButtonsDirective, ScrollableComponent, ScrollableDarkenDirective, ScrollableDirective, ScrollableDragDirective, ScrollableIgnoreChildDirective, ScrollableLoadingTemplateDirective, ScrollableMasksComponent, ScrollableNavigationComponent, ScrollableNavigationDirective, ScrollableSnapDirective, ScrollbarComponent, ScrollbarDirective, ScrollbarThumbDirective, SegmentedButtonComponent, SegmentedButtonGroupComponent, SelectAllOptionComponent, SelectAllOptionDirective, SelectComponent, SelectDirective, SelectEmptyDirective, SelectErrorDirective, SelectListboxDirective, SelectLoadingDirective, SelectOptionComponent, SelectOptionDirective, SelectOptionGroupComponent, SelectOptionGroupDirective, SelectOptionTemplateDirective, SelectOptionsDirective, SelectPanelComponent, SelectSearchDirective, SelectSurfaceDirective, SelectTriggerDirective, SelectValueDirective, SelectViewportDirective, SelectVirtualOptionComponent, SelectVirtualOptionDirective, SelectionListControlDirective, SelectionListDirective, SelectionOptionDirective, SkeletonComponent, SkeletonItemComponent, SkeletonTextComponent, SliderComponent, SliderDirective, SliderThumbDirective, SliderThumbLabelDirective, SliderTrackDirective, SoopPlayerComponent, SoopPlayerDirective, SoopPlayerParamsDirective, SoopPlayerSlotComponent, SpinnerComponent, SplitButtonActionDirective, SplitButtonComponent, SplitButtonDirective, SplitButtonTriggerDirective, StandingsComponent, StandingsDirective, StandingsPickComponent, StandingsPickDirective, StandingsPickMarkDirective, StatTileComponent, StatTileSparklineComponent, StreamConsentAcceptDirective, StreamConsentComponent, StreamConsentDirective, StreamPipChromeComponent, StreamPlayerErrorComponent, StreamPlayerErrorDirective, StreamPlayerLoadingComponent, StreamPlayerSlotDirective, SwitchComponent, SwitchDirective, TABLE_CELL_ERROR_TOOLTIP_IMPORTS, TABLE_COLUMN_CHOOSER_IMPORTS, TABLE_COLUMN_MENU_IMPORTS, TABLE_CSV_EXPORT_IMPORTS, TABLE_DRAG_SCROLL_IMPORTS, TABLE_ERROR_CODES, TABLE_FEATURE_HOST, TABLE_FILTER_IMPORTS, TABLE_GROUP_HEADERS_IMPORTS, TABLE_ICON, TABLE_IMPORTS, TABLE_INLINE_EDIT_IMPORTS, TABLE_KEYBOARD_NAV_IMPORTS, TABLE_LABELS, TABLE_PAGE_STICKY_HEADER_IMPORTS, TABLE_REORDER_IMPORTS, TABLE_RESIZE_IMPORTS, TABLE_ROW_EXPANSION_IMPORTS, TABLE_ROW_ROUTER_LINK_IMPORTS, TABLE_SELECTION_IMPORTS, TABLE_SKELETON_IMPORTS, TABLE_STATE_PERSISTENCE_IMPORTS, TABLE_STICKY_COLUMNS_IMPORTS, TABLE_VIRTUAL_SCROLL_IMPORTS, TAB_BAR_FITS, TAB_BAR_ORIENTATIONS, TAB_BAR_TOKEN, TAB_BAR_TRIGGER_TOKEN, TAB_BAR_VARIANTS, TAB_ERROR_CODES, TAB_GROUP_TOKEN, TAB_IMPORTS, TAB_PANEL_TOKEN, TAB_SIZES, TAG_INPUT_ERROR_CODES, TAG_INPUT_IMPORTS, TEXTAREA_IMPORTS, TEXTAREA_RESIZE_MODES, TEXT_ALIGNS, TEXT_FIELD_CONTROL_INPUTS, THUMBTACK_ICON, TIKTOK_PLAYER_TOKEN, TIMELINE_IMPORTS, TIMES_ICON, TIME_FORMAT, TIME_INPUT_ERROR_CODES, TIME_INPUT_IMPORTS, TIME_PICKER_ERROR_CODES, TIME_PICKER_IMPORTS, TIME_PICKER_LABELS, TIME_RANGE_INPUT_ERROR_CODES, TIME_RANGE_INPUT_IMPORTS, TOGGLETIP_ERROR_CODES, TOGGLETIP_IMPORTS, TOOLBAR_IMPORTS, TOOLBAR_ORIENTATIONS, TOOLTIP_ERROR_CODES, TOOLTIP_IMPORTS, TOURNAMENT_MODE, TRASH_ICON, TREE_ERROR_CODES, TREE_IMPORTS, TREE_LABELS, TREE_LEVEL_STATUSES, TREE_MARKERS, TREE_SELECTION_MODES, TRIANGLE_EXCLAMATION_ICON, TROPHY_ICON, TWITCH_PLAYER_TOKEN, TabBarDirective, TabBarTriggerDirective, TabBarUnderlineDirective, TabComponent, TabGroupComponent, TabGroupDirective, TabLabelDirective, TabPanelDirective, TabTriggerDirective, TableCardSurfaceDirective, TableCellDirective, TableCellEditDirective, TableCellErrorMarkComponent, TableCellErrorTooltipDirective, TableCellSkeletonDirective, TableColumnChooserComponent, TableColumnMenuDirective, TableColumnMenuTriggerComponent, TableComponent, TableCsvExportDirective, TableDetailStylesComponent, TableDragScrollDirective, TableDragScrollStylesComponent, TableExpanderCellComponent, TableFilterOptionDirective, TableFilterTriggerComponent, TableFiltersDirective, TableFooterCellDirective, TableFooterDirective, TableGroupHeaderRowComponent, TableGroupHeadersDirective, TableHeaderCellDirective, TableInlineEditDirective, TableInlineEditStylesComponent, TableKeyboardNavDirective, TablePageStickyHeaderDirective, TablePageStickyHeaderStylesComponent, TableReorderDirective, TableReorderOverlayComponent, TableResizeDirective, TableResizeGripComponent, TableRowBoxStylesComponent, TableRowDetailComponent, TableRowExpansionDirective, TableRowRouterLinkDirective, TableSelectAllCellComponent, TableSelectCellComponent, TableSelectionDirective, TableSkeletonDirective, TableSkeletonRowsComponent, TableStatePersistenceDirective, TableStickyColumnsDirective, TableStickyColumnsStylesComponent, TableVirtualScrollDirective, TableVirtualScrollStylesComponent, TagInputComponent, TagInputDirective, TagInputFieldDirective, TextButtonComponent, TextFieldControlDirective, TextareaComponent, TextareaDirective, TikTokPlayerComponent, TikTokPlayerDirective, TikTokPlayerParamsDirective, TikTokPlayerSlotComponent, TimeInputComponent, TimeInputDirective, TimeInputFieldDirective, TimePickerComponent, TimePickerDirective, TimePickerRingDirective, TimePickerRingHandleDirective, TimeRangeInputComponent, TimeRangeInputDirective, TimeRangeInputFieldDirective, TimelineComponent, TimelineItemComponent, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipTriggerDirective, ToolbarComponent, ToolbarDirective, TooltipComponent, TooltipDirective, TreeComponent, TreeDirective, TreeMarkerComponent, TreeNodeDefDirective, TreeNodeDirective, TwitchPlayerComponent, TwitchPlayerDirective, TwitchPlayerParamsDirective, TwitchPlayerSlotComponent, UNDERLINE_ICON, UNDO_ICON, UNSAVED_CHANGES_LABELS, UPLOAD_ICON, VIMEO_PLAYER_TOKEN, VimeoPlayerComponent, VimeoPlayerDirective, VimeoPlayerParamsDirective, VimeoPlayerSlotComponent, WCAG_CONTRAST_RATIOS, WINDOW_CONTROL_BUTTON_KINDS, WINDOW_CONTROL_BUTTON_SIZES, WindowControlButtonComponent, YOUTUBE_PLAYER_TOKEN, YoutubePlayerComponent, YoutubePlayerDirective, YoutubePlayerParamsDirective, YoutubePlayerSlotComponent, alertDialogLabelsForLocale, anchoredDialogOverlayStrategy, anchoredOverlayStrategy, avatarLabelsForLocale, bannerLabelsForLocale, bottomSheetOverlayStrategy, bracketFitsWidth, bracketLabelsForLocale, bracketNaturalWidth, bracketSlot, breadcrumbLabelsForLocale, buildAnchoredRuntimePositionStrategy, calendarLabelsForLocale, canHaveChildren, canonicalKbdKey, carouselLabelsForLocale, cascaderFromQuery, cascaderLabelsForLocale, centeredOverlayStrategy, chartLabelsForLocale, chipLabelsForLocale, clearLeavingSupportStateOnExit, colorContrast, colorInputLabelsForLocale, commandPaletteLabelsForLocale, copyButtonLabelsForLocale, countDescendants, createAlertDialogOpener, createAnchoredPanelController, createBracket, createCardMask, createCommandPaletteOpener, createCurrencyMask, createDefaultDropzoneArgs, createDropzoneUpload, createExistingDropzoneEntry, createFileDropzoneEntry, createFixedLengthRangeStrategy, createGridAdapter, createIbanMask, createNormalizedBracketMatch, createNotificationPromiseFn, createNotificationRef, createOverlayOpener, createOverlaySingleSlot, createOverlayStrategyController, createOverlayUnsavedChangesGuard, createPipChromeAnimations, createPipChromeState, createPlaceholderBracketSource, createRichTextEditorTrigger, createRichTextEditorTriggerWithQuery, createSchedulerRegistry, createStreamConfig, createStreamPlayerSlot, createTableRowsSource, createTableRowsState, createTableStateStorage, createV2DropzoneUpload, createWeekRangeStrategy, dateBounds, dateRangeBounds, dateRangeOrder, dateTimeBounds, dateTimeLabelsForLocale, dateTimeRangeBounds, dateTimeRangeOrder, defaultCompareWith, defaultDropzoneRejectionMessage, defaultSankeyChartLinkKeyHint, defineOverlay, defineQueryParamOverlay, describeBracketSlot, deserializeGridLayout, deserializeTableState, detectKbdPlatform, dialogOverlayStrategy, disposeDropzoneEntry, doubleEliminationBracketLayout, dropzoneFiles, dropzoneLabelsForLocale, enableDragToDismiss, extractFirstImageUrl, filterOverlayLabelsForLocale, filterOverlayPreviewFromQuery, filterRows, filterValues, findNextRelevantHtmlElement, focusFirstInvalidField, formFieldLabelsForLocale, formatFileSize, fromGridPosition, fullScreenDialogOverlayStrategy, generateBracketDataForEthlete, generateRoundTypeFromEthleteRoundType, generateTournamentModeFromEthleteRounds, getClosestOverlay, getColorContrastRatio, getOriginCoordinatesAndDimensions, gridLabelsForLocale, hexColor, hitsInteractiveElement, iconRegistryKey, injectAlertDialogLabels, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectAvatarLabels, injectBannerLabels, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectBracketConfig, injectBracketLabels, injectBreadcrumbLabels, injectBreadcrumbManager, injectCalendarLabels, injectCarouselLabels, injectCascaderLabels, injectChartLabels, injectChipLabels, injectColorInputLabels, injectCommandPalette, injectCommandPaletteLabels, injectCommandPaletteRegistry, injectCopyButtonLabels, injectDateFormat, injectDateLocale, injectDateLocaleSignal, injectDateTimeFormat, injectDateTimeLabels, injectDateTimeZone, injectDialogStrategy, injectDialogStrategyDefaults, injectDropzoneLabels, injectFilterOverlay, injectFilterOverlayLabels, injectFormFieldDefaults, injectFormFieldLabels, injectFormSupport, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectGridConfig, injectGridLabels, injectInputLabels, injectKbdLabels, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectLoaderLabels, injectMatchLabels, injectNotificationLabels, injectNotificationManager, injectNotificationManagerConfig, injectOverlayManager, injectOverlayRouter, injectOverlayScrollBlocker, injectOverlaySurfaceContext, injectPaginationLabels, injectPhoneInputLabels, injectPictureConfig, injectPipChromeManager, injectPipManager, injectPipSlotPlaceholderConfig, injectProgressStepLabels, injectQueryErrorLabels, injectRichTextEditorLabels, injectRichTextEditorTools, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectSchedulerEditSurface, injectSchedulerEditSurfaceOpener, injectSchedulerFeatureHost, injectSchedulerLabels, injectSelectLabels, injectSidebarOverlay, injectSliderLabels, injectStandingsLabels, injectStatTileLabels, injectStreamConfig, injectStreamConsentConfig, injectStreamLabels, injectStreamManager, injectStreamPlayerErrorConfig, injectStreamPlayerLoadingConfig, injectStreamPlayerSlot, injectStreamScriptLoader, injectStreamUserConsentProvider, injectTableCsvExport, injectTableFeatureHost, injectTableLabels, injectTimeFormat, injectTimePickerLabels, injectTopSheetStrategy, injectTopSheetStrategyDefaults, injectTreeLabels, injectUnsavedChangesLabels, inputLabelsForLocale, isBracketSlotPredictable, isFileAccepted, isHtmlElement, isInteractiveElement, isPointerEvent, isRestorableTableState, isTargetInsideOverlayTree, isTouchEvent, kbdKeyLabel, kbdKeyName, kbdLabelsForLocale, lastDaysPreset, lastMonthPreset, lastWeekPreset, leftSheetOverlayStrategy, legacyQueryErrorSource, loaderLabelsForLocale, mapGridLayout, matchCountryByDialCode, matchLabelsForLocale, matchParticipantDisplayName, matchedDialPrefix, matchesKbdChord, mergeOverlayBreakpointConfigs, mergeOverlayConfigs, mergeTableCsvExportOptions, migrateBracketPicks, mirroredDoubleEliminationBracketLayout, mirroredSingleEliminationBracketLayout, missingStreamSourceError, mountNavTabLinkStyles, nextDaysPreset, normalizeEthleteBracketMatch, normalizeEthleteGroupRanking, normalizeEthleteMatch, normalizeEthleteMatchStatus, normalizeEthleteMedia, normalizeEthleteParticipant, normalizeEthletePlacement, normalizePictureSizes, normalizePictureSource, notificationLabelsForLocale, numberInputStepMultiplierFrom, overlayResult, paginate, paginationLabelsForLocale, parseKbdKeys, phoneCountryFlag, phoneCountryName, phoneInputLabelsForLocale, progressStepLabelsForLocale, provideAlertDialogLabels, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideAvatarLabels, provideBannerLabels, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideBracketConfig, provideBracketLabels, provideBreadcrumbLabels, provideBreadcrumbManager, provideCalendarLabels, provideCarouselLabels, provideCascaderLabels, provideChartLabels, provideChipLabels, provideColorInputLabels, provideCommandPaletteLabels, provideCommandPaletteRegistry, provideCopyButtonLabels, provideDateFormat, provideDateLocale, provideDateTimeFormat, provideDateTimeLabels, provideDateTimeZone, provideDialogStrategy, provideDialogStrategyDefaults, provideDropzoneLabels, provideFilterOverlay, provideFilterOverlayLabels, provideFormErrorMessageResolver, provideFormFieldDefaults, provideFormFieldLabels, provideFormSupport, provideFormWarningMessageResolver, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideGridConfig, provideGridLabels, provideIconOverrides, provideIcons, provideInputLabels, provideKbdLabels, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideLoaderLabels, provideMatchLabels, provideNotificationLabels, provideNotificationManager, provideNotificationManagerConfig, provideNotificationManagerInstance, provideOverlay, provideOverlayManager, provideOverlayRouter, provideOverlayRouterConfig, provideOverlayRouterService, provideOverlayScrollBlocker, providePaginationLabels, providePhoneInputLabels, providePictureConfig, providePipChromeManager, providePipManager, providePipSlotPlaceholderConfig, provideProgressStepLabels, provideQueryErrorLabels, provideRichTextEditorAlignmentTool, provideRichTextEditorAutoformat, provideRichTextEditorBlockquoteTool, provideRichTextEditorCodeBlockTool, provideRichTextEditorDefaultTools, provideRichTextEditorFloatingToolbar, provideRichTextEditorHeadingTool, provideRichTextEditorImageTool, provideRichTextEditorLabels, provideRichTextEditorLanguageTool, provideRichTextEditorLinkEditor, provideRichTextEditorLinkTool, provideRichTextEditorTableTool, provideRichTextEditorTokenRendering, provideRichTextEditorTool, provideRichTextEditorTools, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSchedulerEditSurface, provideSchedulerLabels, provideSelectLabels, provideSidebarOverlay, provideSidebarOverlayConfig, provideSidebarOverlayService, provideSliderLabels, provideStandingsLabels, provideStatTileLabels, provideStreamConfig, provideStreamConsentConfig, provideStreamLabels, provideStreamManager, provideStreamPip, provideStreamPlayerErrorConfig, provideStreamPlayerLoadingConfig, provideTableLabels, provideTimeFormat, provideTimePickerLabels, provideTopSheetStrategy, provideTopSheetStrategyDefaults, provideTreeLabels, provideUnsavedChangesAlertDialog, provideUnsavedChangesLabels, queryButtonSourceFromV2Query, queryErrorLabelsForLocale, queryErrorResponseFromLegacyError, quickFilterRows, reconcileColumnOrder, reconcileColumnWidths, reconcileHiddenColumns, reduceSupportPresentation, registerCommands, registerSingleton, rejectionMessage, requiredLanguages, resolveBracketLayout, resolveBracketSlot, resolveClosestOverlay, resolveFilterOverlaySubmitButton, resolveNormalizedMatchSideState, resolveNotificationStatusIcon, resolveOverlayHasBackdrop, resolveTableCsvRows, rgbColor, richTextEditorLabelsForLocale, richTextEditorToolLabel, rightSheetOverlayStrategy, schedulerFeatureConfig, schedulerLabelsForLocale, selectLabelsForLocale, selectOptionsFromQuery, selectOptionsFromV2Query, serializeGridLayout, serializeTableState, singleEliminationBracketLayout, sliderLabelsForLocale, sortRows, standingRankSides, standingsLabelsForLocale, startOfCalendarUnit, statTileLabelsForLocale, streamLabelsForLocale, stripTrunkZero, supportPresentationIncludesState, swapStandingRank, swissBracketLayout, tableCsvRowsFromPages, tableFeatureConfig, tableLabelsForLocale, tableRowsFromQuery, tableRowsFromV2Query, tableToCsv, thisMonthPreset, thisWeekPreset, thisYearPreset, timeBounds, timePickerLabelsForLocale, timeRangeBounds, timeRangeOrder, toFieldWarnings, toGridPosition, toNotificationContent, toPictureDimension, todayPreset, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy, treeLabelsForLocale, unsavedChangesLabelsForLocale, validateBracketSource, warn, wireFormSupport, withPictureBaseUrl, yesterdayPreset };
+const COMPONENTS_VERSION = "1.0.0-next.80";
+export { ACCESSIBLE_NAME_INPUTS, ACCORDION_ERROR_CODES, ACCORDION_GROUP_TOKEN, ACCORDION_IMPORTS, ACCORDION_TOKEN, ALERT_DIALOG_LABELS, ALIGN_CENTER_ICON, ALIGN_JUSTIFY_ICON, ALIGN_LEFT_ICON, ALIGN_RIGHT_ICON, ARROWS_LEFT_RIGHT_ICON, ARROW_OUT_UP_RIGHT_ICON, ARROW_RIGHT_ICON, ARROW_UP_ICON, AVATAR_IMPORTS, AVATAR_LABELS, AVATAR_SHAPES, AVATAR_SIZES, AccessibleNameControlDirective, AccordionComponent, AccordionContentDirective, AccordionDirective, AccordionGroupComponent, AccordionGroupDirective, AccordionHintDirective, AccordionLabelDirective, AccordionPanelDirective, AccordionTriggerDirective, AvatarComponent, AvatarGroupComponent, BADGE_ICON_ALIGNMENTS, BADGE_IMPORTS, BADGE_SIZES, BADGE_VARIANTS, BANNER_IMPORTS, BANNER_LABELS, BANNER_TYPES, BOLD_ICON, BRACKET_CARD_CONTEXT, BRACKET_DATA_LAYOUT, BRACKET_DEFAULTS, BRACKET_DEFAULT_CARDS, BRACKET_DENSITY, BRACKET_DENSITY_PRESETS, BRACKET_ERROR_CODES, BRACKET_IMPORTS, BRACKET_LABELS, BRACKET_PARTICIPANTS_IMPORTS, BRACKET_PICK_CARD_IMPORTS, BRACKET_PICK_CARD_NOTE_TONE, BRACKET_ROUNDS_LIST_IMPORTS, BRACKET_ROUND_HEADER_ALIGN, BRACKET_ROUND_MIRROR_TYPE, BRACKET_SKELETON_IMPORTS, BRACKET_SWISS_GROUP_COLOR_TYPE, BREADCRUMB_COLLAPSE_IMPORTS, BREADCRUMB_COLLAPSE_TOKEN, BREADCRUMB_ERROR_CODES, BREADCRUMB_IMPORTS, BREADCRUMB_LABELS, BREADCRUMB_SEGMENT_TOKEN, BREADCRUMB_SEO_IMPORTS, BREADCRUMB_TOKEN, BUTTON_ICON_ALIGNMENTS, BUTTON_IMPORTS, BUTTON_SIZES, BUTTON_SPINNER_CONFIG, BUTTON_TYPES, BUTTON_VARIANTS, BadgeComponent, BannerComponent, BarChartComponent, BarChartDirective, BarChartPlotDirective, BracketComponent, BracketDefaultContinueComponent, BracketDefaultFinalMatchComponent, BracketDefaultMatchComponent, BracketDefaultRoundHeaderComponent, BracketMap, BracketParticipantsComponent, BracketPickCardComponent, BracketRoundsListComponent, BracketRuntimeError, BracketSkeletonComponent, BracketSkeletonContinueComponent, BracketSkeletonFinalMatchComponent, BracketSkeletonMatchComponent, BracketSkeletonRoundHeaderComponent, BrandLoaderComponent, BreadcrumbCollapseDirective, BreadcrumbComponent, BreadcrumbDirective, BreadcrumbItemDirective, BreadcrumbItemTemplateDirective, BreadcrumbOutletComponent, BreadcrumbOverflowComponent, BreadcrumbSegmentDirective, BreadcrumbSeoDirective, BreadcrumbSeparatorDirective, ButtonColorDirective, ButtonComponent, ButtonDirective, ButtonStylesDirective, CALENDAR_ERROR_CODES, CALENDAR_ICON, CALENDAR_IMPORTS, CALENDAR_LABELS, CARD_IMPORTS, CARD_VARIANTS, CAROUSEL_AUTOPLAY_TOKEN, CAROUSEL_ERROR_CODES, CAROUSEL_IMPORTS, CAROUSEL_LABELS, CAROUSEL_SLIDE_ALIGNMENTS, CAROUSEL_TOKEN, CAROUSEL_TRANSITIONS, CAROUSEL_TRANSITION_DRIVERS, CASCADER_ERROR_CODES, CASCADER_IMPORTS, CASCADER_LABELS, CASCADER_SELECTABLE_LEVELS, CHART_ERROR_CODES, CHART_IMPORTS, CHART_LABELS, CHART_PLOT_HOST, CHECKBOX_GROUP_IMPORTS, CHECKBOX_IMPORTS, CHECKBOX_OPTION_VARIANTS, CHECK_ICON, CHEVRON_ICON, CHIP_ERROR_CODES, CHIP_IMPORTS, CHIP_LABELS, CHIP_REMOVE_FOCUS_FALLBACK, CHIP_REMOVE_TAB_STOP, CHOICE_FIELD_IMPORTS, CHOICE_FIELD_VARIANTS, CIRCLE_CHECK_ICON, CIRCLE_INFO_ICON, CLIPBOARD_CHECK_ICON, CLOCK_ICON, CODE_BLOCK_ICON, CODE_ICON, COLOR_INPUT_ERROR_CODES, COLOR_INPUT_IMPORTS, COLOR_INPUT_LABELS, COLOR_INPUT_TOKEN, COLOR_NOTATIONS, COLOR_NOTATION_ORDER, COMMAND_PALETTE_ERROR_CODES, COMMAND_PALETTE_IMPORTS, COMMAND_PALETTE_LABELS, COMMAND_PALETTE_OVERLAY, COMMAND_PALETTE_REGISTRY, COMMAND_PALETTE_TOKEN, COMMON_BRACKET_ROUND_TYPE, COMPONENTS_VERSION, COPY_BUTTON_IMPORTS, COPY_BUTTON_LABELS, CalendarCellDirective, CalendarComponent, CalendarDirective, CalendarGridDirective, CalendarHeaderDirective, CardComponent, CarouselAutoplayDirective, CarouselComponent, CarouselDirective, CarouselItemDirective, CarouselNextDirective, CarouselPlayToggleDirective, CarouselPreviousDirective, CarouselSlideDirective, CascaderColumnDirective, CascaderComponent, CascaderDirective, CascaderNodeDirective, CascaderPanelComponent, CascaderSearchDirective, CascaderSearchOptionDirective, CascaderSurfaceDirective, CascaderTriggerDirective, ChartPlotDirective, CheckboxComponent, CheckboxDirective, CheckboxGroupComponent, CheckboxGroupSelectAllComponent, CheckboxOptionComponent, ChipComponent, ChipDirective, ChipRemoveDirective, ChoiceFieldComponent, ColorInputComponent, ColorInputDirective, ColorPickerAreaDirective, ColorPickerChannelDirective, ColorPickerPanelComponent, ColorPickerSurfaceDirective, ColorPickerTriggerDirective, CommandPaletteComponent, CommandPaletteDirective, CommandPaletteItemComponent, CommandPaletteSearchDirective, CommandPaletteShortcutDirective, ControlSuffixDirective, CopyButtonDirective, CounterComponent, DAILYMOTION_PLAYER_TOKEN, DATE_FORMAT, DATE_INPUT_ERROR_CODES, DATE_INPUT_IMPORTS, DATE_LOCALE, DATE_PICKER_HOST, DATE_RANGE_INPUT_ERROR_CODES, DATE_RANGE_INPUT_IMPORTS, DATE_TIME_FORMAT, DATE_TIME_INPUT_ERROR_CODES, DATE_TIME_INPUT_IMPORTS, DATE_TIME_LABELS, DATE_TIME_RANGE_INPUT_ERROR_CODES, DATE_TIME_RANGE_INPUT_IMPORTS, DEFAULT_ALERT_DIALOG_LABELS, DEFAULT_AVATAR_LABELS, DEFAULT_BANNER_LABELS, DEFAULT_BRACKET_LABELS, DEFAULT_BREADCRUMB_LABELS, DEFAULT_BREAKPOINTS, DEFAULT_CALENDAR_LABELS, DEFAULT_CALENDAR_RANGE_STRATEGY, DEFAULT_CAROUSEL_LABELS, DEFAULT_CASCADER_LABELS, DEFAULT_CHART_LABELS, DEFAULT_CHIP_LABELS, DEFAULT_COLOR_INPUT_LABELS, DEFAULT_COMMAND_PALETTE_LABELS, DEFAULT_COPY_BUTTON_LABELS, DEFAULT_DATE_TIME_LABELS, DEFAULT_DROPZONE_LABELS, DEFAULT_DROPZONE_MAX_PREVIEW_FILE_SIZE, DEFAULT_FILTER_OVERLAY_LABELS, DEFAULT_FORM_FIELD_DEFAULTS, DEFAULT_FORM_FIELD_LABELS, DEFAULT_GRID_LABELS, DEFAULT_ICON_VARIANT, DEFAULT_INPUT_LABELS, DEFAULT_KBD_LABELS, DEFAULT_LOADER_LABELS, DEFAULT_MATCH_CARD_START_TIME_FORMAT, DEFAULT_MATCH_LABELS, DEFAULT_NOTIFICATION_LABELS, DEFAULT_NOTIFICATION_MANAGER_CONFIG, DEFAULT_NOTIFICATION_STATUS_ICONS, DEFAULT_PAGINATION_LABELS, DEFAULT_PHONE_INPUT_LABELS, DEFAULT_PROGRESS_STEP_LABELS, DEFAULT_QUERY_ERROR_LABELS, DEFAULT_RICH_TEXT_EDITOR_LABELS, DEFAULT_RICH_TEXT_EDITOR_TOOLS, DEFAULT_SCHEDULER_LABELS, DEFAULT_SELECT_LABELS, DEFAULT_SLIDER_LABELS, DEFAULT_STANDINGS_LABELS, DEFAULT_STAT_TILE_LABELS, DEFAULT_STREAM_LABELS, DEFAULT_STREAM_PLAYER_STATE, DEFAULT_TABLE_LABELS, DEFAULT_TIME_PICKER_LABELS, DEFAULT_TREE_LABELS, DEFAULT_UNSAVED_CHANGES_LABELS, DESCRIPTION_IMPORTS, DESCRIPTION_LIST_IMPORTS, DESCRIPTION_LIST_VARIANTS, DIVIDER_IMPORTS, DOUBLE_ELIMINATION_BRACKET_ROUND_TYPE, DROPZONE_ENTRY_STATUSES, DROPZONE_ERROR_CODES, DROPZONE_FILES_ERROR_KIND, DROPZONE_FILE_CONSTRAINTS, DROPZONE_FILE_REJECTION_REASONS, DROPZONE_IMPORTS, DROPZONE_LABELS, DURATION_INPUT_ERROR_CODES, DURATION_INPUT_IMPORTS, DailymotionPlayerComponent, DailymotionPlayerDirective, DailymotionPlayerParamsDirective, DailymotionPlayerSlotComponent, DateInputComponent, DateInputDirective, DateInputFieldDirective, DatePickerPanelComponent, DatePickerSurfaceDirective, DatePickerTriggerDirective, DateRangeInputComponent, DateRangeInputDirective, DateRangeInputFieldDirective, DateTimeInputComponent, DateTimeInputDirective, DateTimeInputFieldDirective, DateTimeRangeInputComponent, DateTimeRangeInputDirective, DateTimeRangeInputFieldDirective, DescriptionComponent, DescriptionListComponent, DividerComponent, DropzoneComponent, DropzoneDirective, DurationInputComponent, DurationInputDirective, DurationInputFieldDirective, ELLIPSIS_ICON, ELLIPSIS_VERTICAL_ICON, EMPTY_STATE_IMPORTS, ET_BUILT_IN_ICON_NAMES, EYEDROPPER_ICON, EYE_ICON, EYE_SLASH_ICON, EmptyStateComponent, FACEBOOK_PLAYER_TOKEN, FIELD_WARNINGS, FIELD_WARNING_KIND, FILE_ICON, FILTER_ICON, FILTER_OVERLAY_ERROR_CODES, FILTER_OVERLAY_IMPORTS, FILTER_OVERLAY_LABELS, FILTER_OVERLAY_TOKEN, FLOATING_ACTION_ERROR_CODES, FLOATING_ACTION_IMPORTS, FLOATING_ACTION_STATES, FLOATING_ACTION_TOKEN, FLOPPY_DISK_ICON, FOCUS_FRAME_ICON, FORM_ERROR_MESSAGE_RESOLVER, FORM_FIELD_APPEARANCES, FORM_FIELD_CONTROL_TYPES, FORM_FIELD_ERROR_CODES, FORM_FIELD_FILLS, FORM_FIELD_IMPORTS, FORM_FIELD_LABELS, FORM_FIELD_LABEL_MODES, FORM_FIELD_SIZES, FORM_FIELD_TOKEN, FORM_IMPORTS, FORM_WARNING_MESSAGE_RESOLVER, FabComponent, FacebookPlayerComponent, FacebookPlayerDirective, FacebookPlayerParamsDirective, FacebookPlayerSlotComponent, FilterOverlayResetDirective, FilterOverlaySubmitDirective, FloatingActionAnchorDirective, FloatingActionDirective, FloatingActionScopeDirective, FloatingActionTopDirective, FloatingActionTriggerDirective, FocusRingDirective, FormDirective, FormErrorComponent, FormFieldBarrierDirective, FormFieldComponent, FormFieldDirective, FormWarningComponent, GERMAN_ALERT_DIALOG_LABELS, GERMAN_AVATAR_LABELS, GERMAN_BANNER_LABELS, GERMAN_BRACKET_LABELS, GERMAN_BREADCRUMB_LABELS, GERMAN_CALENDAR_LABELS, GERMAN_CAROUSEL_LABELS, GERMAN_CASCADER_LABELS, GERMAN_CHART_LABELS, GERMAN_CHIP_LABELS, GERMAN_COLOR_INPUT_LABELS, GERMAN_COMMAND_PALETTE_LABELS, GERMAN_COPY_BUTTON_LABELS, GERMAN_DATE_TIME_LABELS, GERMAN_DROPZONE_LABELS, GERMAN_FILTER_OVERLAY_LABELS, GERMAN_FORM_FIELD_LABELS, GERMAN_GRID_LABELS, GERMAN_INPUT_LABELS, GERMAN_KBD_LABELS, GERMAN_LOADER_LABELS, GERMAN_MATCH_LABELS, GERMAN_NOTIFICATION_LABELS, GERMAN_PAGINATION_LABELS, GERMAN_PHONE_INPUT_LABELS, GERMAN_PROGRESS_STEP_LABELS, GERMAN_QUERY_ERROR_LABELS, GERMAN_RICH_TEXT_EDITOR_LABELS, GERMAN_SCHEDULER_LABELS, GERMAN_SELECT_LABELS, GERMAN_SLIDER_LABELS, GERMAN_STANDINGS_LABELS, GERMAN_STAT_TILE_LABELS, GERMAN_STREAM_LABELS, GERMAN_TABLE_LABELS, GERMAN_TIME_PICKER_LABELS, GERMAN_TREE_LABELS, GERMAN_UNSAVED_CHANGES_LABELS, GRID_2X2_ICON, GRID_DEBUG_IMPORTS, GRID_ERROR_CODES, GRID_IMPORTS, GRID_LABELS, GRID_TOKEN, GROUP_BRACKET_ROUND_TYPE, GridComponent, GridDebugComponent, GridDirective, GridDragDirective, GridItemComponent, GridItemDefaultActionsComponent, GridItemDirective, GridItemToolbarComponent, GridResizeDirective, HEADING_1_ICON, HEADING_2_ICON, HEADING_3_ICON, HintComponent, ICONS_TOKEN, ICON_DIRECTIVE_TOKEN, ICON_ERROR_CODES, ICON_IMPORTS, ICON_OVERRIDES_TOKEN, IMAGE_ICON, INHERIT_COLOR, INITIAL_SUPPORT_PRESENTATION_STATE, INPUT_IMPORTS, INPUT_LABELS, INPUT_MASK_HOST, INPUT_TEXT_ALIGNMENTS, INPUT_TYPES, INTERACTIVE_TAGS, ITALIC_ICON, IconButtonComponent, IconDirective, InputComponent, InputDirective, InputMaskDirective, InputPrefixDirective, InputSuffixDirective, KBD_IMPORTS, KBD_LABELS, KBD_PLATFORM, KICK_PLAYER_TOKEN, KbdComponent, KickPlayerComponent, KickPlayerDirective, KickPlayerParamsDirective, KickPlayerSlotComponent, LINE_CHART_ERROR_CODES, LINK_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LOADER_IMPORTS, LOADER_LABELS, LOCATION_ICON, LOCK_ICON, LabelDirective, LineChartComponent, LineChartDirective, LineChartSliceDirective, MASKED_INPUT_ERROR_CODES, MASKED_INPUT_IMPORTS, MASK_VALUE_MODES, MASONRY_ERROR_CODES, MASONRY_IMPORTS, MASONRY_TOKEN, MATCH_CARD_IMPORTS, MATCH_CARD_SIZES, MATCH_CARD_TOKEN, MATCH_ERROR_CODES, MATCH_LABELS, MATCH_PARTICIPANT_IMPORTS, MENU_ERROR_CODES, MENU_IMPORTS, MENU_ITEM_VARIANTS, MENU_SEARCH_IMPORTS, MENU_SELECTION_GROUP_MULTIPLE, MENU_SELECTION_GROUP_TOKEN, MENU_SELECTION_ITEM_KIND, MINUS_ICON, MULTI_LANGUAGE_RICH_TEXT_EDITOR_ERROR_CODES, MULTI_LANGUAGE_RICH_TEXT_EDITOR_IMPORTS, MasonryDirective, MasonryItemDirective, MatchCardComponent, MatchCardDirective, MatchCardGameScoresDirective, MatchCardMetaDirective, MatchCardScoreDirective, MatchParticipantComponent, MatchScoreComponent, MenuCheckboxGroupComponent, MenuCheckboxItemComponent, MenuComponent, MenuContextTriggerDirective, MenuDirective, MenuGroupLabelComponent, MenuItemComponent, MenuItemDirective, MenuItemShortcutComponent, MenuItemSubmenuIconComponent, MenuPanelDirective, MenuRadioGroupComponent, MenuRadioItemComponent, MenuSearchDirective, MenuSelectionGroupDirective, MenuSelectionItemDirective, MenuSeparatorComponent, MenuSurfaceDirective, MenuTriggerDirective, MultiLanguageRichTextEditorComponent, MultiLanguageRichTextEditorDirective, MultiLanguageRichTextEditorLanguageToolComponent, NAV_TABS_TOKEN, NAV_TAB_IMPORTS, NOTIFICATION_ACTION_SLOTS, NOTIFICATION_ERROR_CODES, NOTIFICATION_IMPORTS, NOTIFICATION_LABELS, NOTIFICATION_STACK_CONTEXT_TOKEN, NOTIFICATION_STACK_OVERLAY_LAYER, NOTIFICATION_STATUS, NO_STREAM_PLAYER_CAPABILITIES, NUMBER_INPUT_IMPORTS, NavTabLinkComponent, NavTabLinkDirective, NavTabLinkStylesComponent, NavTabsComponent, NavTabsDirective, NavTabsOutletComponent, NavTabsOutletDirective, NotificationActionDirective, NotificationComponent, NotificationDirective, NotificationDismissDirective, NotificationItemDirective, NotificationStackDirective, NotificationSwipeToDismissDirective, NumberInputComponent, NumberInputDirective, OTP_INPUT_IMPORTS, OVERLAY_BACK_OR_CLOSE_TOKEN, OVERLAY_BODY_TOKEN, OVERLAY_CONFIG_CLASS_KEYS, OVERLAY_CONTENT_IMPORTS, OVERLAY_ERROR_CODES, OVERLAY_FOOTER_TOKEN, OVERLAY_HAS_BACKDROP, OVERLAY_HEADER_TEMPLATE_TOKEN, OVERLAY_HEADER_TOKEN, OVERLAY_IMPORTS, OVERLAY_MAIN_TOKEN, OVERLAY_NAV_TAB_IMPORTS, OVERLAY_QUERY_PARAM_INPUT_NAME, OVERLAY_REF, OVERLAY_ROUTER_CONFIG_TOKEN, OVERLAY_ROUTER_LINK_TOKEN, OVERLAY_ROUTER_OUTLET_DISABLED_TEMPLATE_TOKEN, OVERLAY_ROUTER_OUTLET_TOKEN, OVERLAY_ROUTER_TOKEN, OVERLAY_SHARED_ROUTE_TEMPLATE_TOKEN, OtpInputComponent, OtpInputDirective, OverlayAnchorDirective, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseDirective, OverlayContainerComponent, OverlayDirective, OverlayFooterDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayMainDirective, OverlayNavTabLinkComponent, OverlayOriginCloneComponent, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlaySurfaceDirective, OverlayTitleDirective, OverlayTriggerDirective, PAGE_SIZE_SELECT_IMPORTS, PAGINATION_IMPORTS, PAGINATION_LABELS, PAGINATION_SIZES, PARAGRAPH_ICON, PASSWORD_INPUT_IMPORTS, PAUSE_ICON, PENCIL_ICON, PHONE_COUNTRIES, PHONE_INPUT_ERROR_CODES, PHONE_INPUT_IMPORTS, PHONE_INPUT_LABELS, PICTURE_IMPORTS, PICTURE_STATES, PIE_CHART_ERROR_CODES, PIP_CHROME_REF_TOKEN, PIP_ENTRY_TOKEN, PIP_WINDOW_ASPECT_RATIO_TOKEN, PLAY_ICON, PLUS_ICON, PROGRESS_STEPS_IMPORTS, PROGRESS_STEPS_ORIENTATIONS, PROGRESS_STEP_LABELS, PROGRESS_STEP_STATES, PageSizeSelectComponent, PagedQueryTriggerDirective, PaginationComponent, PaginationDirective, PaginationSeoDirective, PasswordInputComponent, PasswordInputDirective, PhoneInputComponent, PhoneInputDirective, PhoneInputFieldDirective, PhoneInputFlagDirective, PictureComponent, PictureErrorDirective, PicturePlaceholderDirective, PieChartComponent, PieChartDirective, PipBackDirective, PipBringBackDirective, PipCellDirective, PipCloseDirective, PipCollapseOverlayDirective, PipGridToggleDirective, PipPlayerComponent, PipSlotPlaceholderComponent, PipStageDirective, PipTitleBarDirective, PipTitleBarTemplateDirective, PipWindowComponent, PipWindowParamsDirective, ProgressBarComponent, ProgressStepComponent, ProgressStepRouterActiveDirective, ProgressStepsComponent, QUERY_ERROR_ERROR_CODES, QUERY_ERROR_IMPORTS, QUERY_ERROR_LABELS, QUERY_ERROR_TOKEN, QUOTE_ICON, QueryButtonDirective, QueryErrorActionsDirective, QueryErrorComponent, QueryErrorDirective, QueryErrorTitleDirective, QueryParamOverlayLinkDirective, RADIO_GROUP_IMPORTS, RADIO_VARIANTS, RATING_ERROR_CODES, RATING_IMPORTS, REDO_ICON, RICH_TEXT_EDITOR_FLOATING_TOOLBAR, RICH_TEXT_EDITOR_HEADING_OPTIONS, RICH_TEXT_EDITOR_IMPORTS, RICH_TEXT_EDITOR_INLINE_TOOLS, RICH_TEXT_EDITOR_LABELS, RICH_TEXT_EDITOR_LANGUAGE_TOOL, RICH_TEXT_EDITOR_LINK_EDITOR, RICH_TEXT_EDITOR_TOKEN_CODEC, RICH_TEXT_EDITOR_TOKEN_PALETTE_IMPORTS, RICH_TEXT_EDITOR_TOOL, RICH_TEXT_EDITOR_TOOLS, RICH_TEXT_EDITOR_TOOL_BUTTONS, RICH_TEXT_EDITOR_TRIGGERS_IMPORTS, ROTATE_RIGHT_ICON, RadioComponent, RadioGroupComponent, RangeSliderComponent, RangeSliderDirective, RatingComponent, RatingDirective, RatingIconDirective, RichTextEditorAlignToolComponent, RichTextEditorComponent, RichTextEditorDirective, RichTextEditorFloatingToolbarComponent, RichTextEditorFloatingToolbarDirective, RichTextEditorHeadingToolComponent, RichTextEditorImageEditorComponent, RichTextEditorImageToolComponent, RichTextEditorLinkEditorComponent, RichTextEditorLinkEditorDirective, RichTextEditorTableToolComponent, RichTextEditorTokenPaletteComponent, RichTextEditorTokenPopupComponent, RichTextEditorTriggersDirective, RichTextViewerComponent, SANKEY_CHART_ERROR_CODES, SCHEDULER_EDIT_SURFACE_IMPORTS, SCHEDULER_ERROR_CODES, SCHEDULER_FEATURE_HOST, SCHEDULER_IMPORTS, SCHEDULER_LABELS, SCROLLABLE_DARKEN_IMPORTS, SCROLLABLE_DRAG_IMPORTS, SCROLLABLE_ERROR_CODES, SCROLLABLE_IMPORTS, SCROLLABLE_NAVIGATION_IMPORTS, SCROLLBAR_ERROR_CODES, SCROLLBAR_IMPORTS, SEGMENTED_BUTTON_GROUP_VARIANTS, SEGMENTED_BUTTON_IMPORTS, SELECTION_CARD_CONTROL_POSITIONS, SELECTION_LIST_ERROR_CODES, SELECTION_LIST_IMPORTS, SELECTION_LIST_MULTIPLE, SELECTION_LIST_TOKEN, SELECT_ERROR_CODES, SELECT_FILTER_MODES, SELECT_IMPORTS, SELECT_LABELS, SIDEBAR_OVERLAY_CONFIG, SIDEBAR_OVERLAY_TOKEN, SINGLE_ELIMINATION_BRACKET_ROUND_TYPE, SKELETON_IMPORTS, SLIDER_ERROR_CODES, SLIDER_IMPORTS, SLIDER_LABELS, SLIDER_MARK_VALUE_ATTRIBUTE, SLIDER_TOKEN, SOOP_PLAYER_TOKEN, SPLIT_BUTTON_ERROR_CODES, STANDINGS_ERROR_CODES, STANDINGS_IMPORTS, STANDINGS_LABELS, STANDINGS_PICK_IMPORTS, STAR_ICON, STAT_TILE_IMPORTS, STAT_TILE_LABELS, STREAM_ALL_IMPORTS, STREAM_CONSENT_TOKEN, STREAM_DAILYMOTION_IMPORTS, STREAM_DEFAULT_COMPONENTS, STREAM_ERROR_CODES, STREAM_FACEBOOK_IMPORTS, STREAM_IMPORTS, STREAM_KICK_IMPORTS, STREAM_LABELS, STREAM_PIP_IMPORTS, STREAM_PLAYER_COMPONENT_TOKEN, STREAM_PLAYER_ERROR_CONTEXT_TOKEN, STREAM_PLAYER_ERROR_TOKEN, STREAM_PLAYER_PARAMS_TOKEN, STREAM_PLAYER_SLOT_TOKEN, STREAM_PLAYER_TOKEN, STREAM_SLOT_PLAYER_ID_TOKEN, STREAM_SOOP_IMPORTS, STREAM_TIKTOK_IMPORTS, STREAM_TWITCH_IMPORTS, STREAM_USER_CONSENT_PROVIDER_TOKEN, STREAM_VIMEO_IMPORTS, STREAM_YOUTUBE_IMPORTS, STRIKETHROUGH_ICON, SUPPORT_CONTENT_STATE, SUPPORT_TRANSITION_DIRECTION, SWISS_BRACKET_ROUND_TYPE, SWITCH_IMPORTS, SankeyChartComponent, SankeyChartDirective, SankeyChartMarkDirective, SchedulerActionAddAppointmentDirective, SchedulerAgendaDirective, SchedulerAgendaViewComponent, SchedulerAppointmentDragDirective, SchedulerBadgeChainCountComponent, SchedulerBadgeChainCountDirective, SchedulerBadgeColorDotComponent, SchedulerBadgeColorDotDirective, SchedulerBadgeLocationComponent, SchedulerBadgeLocationDirective, SchedulerBadgeTimeRangeComponent, SchedulerBadgeTimeRangeDirective, SchedulerBadgeTitleComponent, SchedulerBadgeTitleDirective, SchedulerComponent, SchedulerDirective, SchedulerEditAddSubAppointmentItemComponent, SchedulerEditColorComponent, SchedulerEditDeleteItemComponent, SchedulerEditDescriptionComponent, SchedulerEditLocationComponent, SchedulerEditSurfaceActionsComponent, SchedulerEditSurfaceBreadcrumbComponent, SchedulerEditSurfaceChildrenComponent, SchedulerEditSurfaceComponent, SchedulerEditSurfaceDirective, SchedulerEditSurfaceFieldsComponent, SchedulerEditSurfaceFooterComponent, SchedulerEditSurfaceHeaderComponent, SchedulerEditTimeRangeComponent, SchedulerEditTitleComponent, SchedulerMonthDirective, SchedulerMonthViewComponent, SchedulerSwipeNavigationDirective, SchedulerTimeGridDirective, SchedulerTimeGridViewComponent, ScrollableActiveChildDirective, ScrollableButtonsComponent, ScrollableButtonsDirective, ScrollableComponent, ScrollableDarkenDirective, ScrollableDirective, ScrollableDragDirective, ScrollableIgnoreChildDirective, ScrollableLoadingTemplateDirective, ScrollableMasksComponent, ScrollableNavigationComponent, ScrollableNavigationDirective, ScrollableSnapDirective, ScrollbarComponent, ScrollbarDirective, ScrollbarThumbDirective, SegmentedButtonComponent, SegmentedButtonGroupComponent, SelectAllOptionComponent, SelectAllOptionDirective, SelectComponent, SelectDirective, SelectEmptyDirective, SelectErrorDirective, SelectListboxDirective, SelectLoadingDirective, SelectOptionComponent, SelectOptionDirective, SelectOptionGroupComponent, SelectOptionGroupDirective, SelectOptionTemplateDirective, SelectOptionsDirective, SelectPanelComponent, SelectSearchDirective, SelectSurfaceDirective, SelectTriggerDirective, SelectValueDirective, SelectViewportDirective, SelectVirtualOptionComponent, SelectVirtualOptionDirective, SelectionListControlDirective, SelectionListDirective, SelectionOptionDirective, SkeletonComponent, SkeletonItemComponent, SkeletonTextComponent, SliderComponent, SliderDirective, SliderThumbDirective, SliderThumbLabelDirective, SliderTrackDirective, SoopPlayerComponent, SoopPlayerDirective, SoopPlayerParamsDirective, SoopPlayerSlotComponent, SpinnerComponent, SplitButtonActionDirective, SplitButtonComponent, SplitButtonDirective, SplitButtonTriggerDirective, StandingsComponent, StandingsDirective, StandingsPickComponent, StandingsPickDirective, StandingsPickMarkDirective, StatTileComponent, StatTileSparklineComponent, StreamConsentAcceptDirective, StreamConsentComponent, StreamConsentDirective, StreamPipChromeComponent, StreamPlayerErrorComponent, StreamPlayerErrorDirective, StreamPlayerLoadingComponent, StreamPlayerSlotDirective, SwitchComponent, SwitchDirective, TABLE_CELL_ERROR_TOOLTIP_IMPORTS, TABLE_COLUMN_CHOOSER_IMPORTS, TABLE_COLUMN_MENU_IMPORTS, TABLE_CSV_EXPORT_IMPORTS, TABLE_DRAG_SCROLL_IMPORTS, TABLE_ERROR_CODES, TABLE_FEATURE_HOST, TABLE_FILTER_IMPORTS, TABLE_GROUP_HEADERS_IMPORTS, TABLE_ICON, TABLE_IMPORTS, TABLE_INLINE_EDIT_IMPORTS, TABLE_KEYBOARD_NAV_IMPORTS, TABLE_LABELS, TABLE_PAGE_STICKY_HEADER_IMPORTS, TABLE_REORDER_IMPORTS, TABLE_RESIZE_IMPORTS, TABLE_ROW_EXPANSION_IMPORTS, TABLE_ROW_ROUTER_LINK_IMPORTS, TABLE_SELECTION_IMPORTS, TABLE_SKELETON_IMPORTS, TABLE_STATE_PERSISTENCE_IMPORTS, TABLE_STICKY_COLUMNS_IMPORTS, TABLE_VIRTUAL_SCROLL_IMPORTS, TAB_BAR_FITS, TAB_BAR_ORIENTATIONS, TAB_BAR_TOKEN, TAB_BAR_TRIGGER_TOKEN, TAB_BAR_VARIANTS, TAB_ERROR_CODES, TAB_GROUP_TOKEN, TAB_IMPORTS, TAB_PANEL_TOKEN, TAB_SIZES, TAG_INPUT_ERROR_CODES, TAG_INPUT_IMPORTS, TEXTAREA_IMPORTS, TEXTAREA_RESIZE_MODES, TEXT_ALIGNS, TEXT_FIELD_CONTROL_INPUTS, THUMBTACK_ICON, TIKTOK_PLAYER_TOKEN, TIMELINE_IMPORTS, TIMES_ICON, TIME_FORMAT, TIME_INPUT_ERROR_CODES, TIME_INPUT_IMPORTS, TIME_PICKER_ERROR_CODES, TIME_PICKER_IMPORTS, TIME_PICKER_LABELS, TIME_RANGE_INPUT_ERROR_CODES, TIME_RANGE_INPUT_IMPORTS, TOGGLETIP_ERROR_CODES, TOGGLETIP_IMPORTS, TOOLBAR_IMPORTS, TOOLBAR_ORIENTATIONS, TOOLTIP_ERROR_CODES, TOOLTIP_IMPORTS, TOURNAMENT_MODE, TRASH_ICON, TREE_ERROR_CODES, TREE_IMPORTS, TREE_LABELS, TREE_LEVEL_STATUSES, TREE_MARKERS, TREE_SELECTION_MODES, TRIANGLE_EXCLAMATION_ICON, TROPHY_ICON, TWITCH_PLAYER_TOKEN, TabBarDirective, TabBarTriggerDirective, TabBarUnderlineDirective, TabComponent, TabGroupComponent, TabGroupDirective, TabLabelDirective, TabPanelDirective, TabTriggerDirective, TableCardSurfaceDirective, TableCellDirective, TableCellEditDirective, TableCellErrorMarkComponent, TableCellErrorTooltipDirective, TableCellSkeletonDirective, TableColumnChooserComponent, TableColumnMenuDirective, TableColumnMenuTriggerComponent, TableComponent, TableCsvExportDirective, TableDetailStylesComponent, TableDragScrollDirective, TableDragScrollStylesComponent, TableExpanderCellComponent, TableFilterOptionDirective, TableFilterTriggerComponent, TableFiltersDirective, TableFooterCellDirective, TableFooterDirective, TableGroupHeaderRowComponent, TableGroupHeadersDirective, TableHeaderCellDirective, TableInlineEditDirective, TableInlineEditStylesComponent, TableKeyboardNavDirective, TablePageStickyHeaderDirective, TablePageStickyHeaderStylesComponent, TableReorderDirective, TableReorderOverlayComponent, TableResizeDirective, TableResizeGripComponent, TableRowBoxStylesComponent, TableRowDetailComponent, TableRowExpansionDirective, TableRowRouterLinkDirective, TableSelectAllCellComponent, TableSelectCellComponent, TableSelectionDirective, TableSkeletonDirective, TableSkeletonRowsComponent, TableStatePersistenceDirective, TableStickyColumnsDirective, TableStickyColumnsStylesComponent, TableVirtualScrollDirective, TableVirtualScrollStylesComponent, TagInputComponent, TagInputDirective, TagInputFieldDirective, TextButtonComponent, TextFieldControlDirective, TextareaComponent, TextareaDirective, TikTokPlayerComponent, TikTokPlayerDirective, TikTokPlayerParamsDirective, TikTokPlayerSlotComponent, TimeInputComponent, TimeInputDirective, TimeInputFieldDirective, TimePickerComponent, TimePickerDirective, TimePickerRingDirective, TimePickerRingHandleDirective, TimeRangeInputComponent, TimeRangeInputDirective, TimeRangeInputFieldDirective, TimelineComponent, TimelineItemComponent, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipTriggerDirective, ToolbarComponent, ToolbarDirective, TooltipComponent, TooltipDirective, TreeComponent, TreeDirective, TreeMarkerComponent, TreeNodeDefDirective, TreeNodeDirective, TwitchPlayerComponent, TwitchPlayerDirective, TwitchPlayerParamsDirective, TwitchPlayerSlotComponent, UNDERLINE_ICON, UNDO_ICON, UNSAVED_CHANGES_LABELS, UPLOAD_ICON, VIMEO_PLAYER_TOKEN, VimeoPlayerComponent, VimeoPlayerDirective, VimeoPlayerParamsDirective, VimeoPlayerSlotComponent, WCAG_CONTRAST_RATIOS, WINDOW_CONTROL_BUTTON_KINDS, WINDOW_CONTROL_BUTTON_SHAPES, WINDOW_CONTROL_BUTTON_SIZES, WindowControlButtonComponent, YOUTUBE_PLAYER_TOKEN, YoutubePlayerComponent, YoutubePlayerDirective, YoutubePlayerParamsDirective, YoutubePlayerSlotComponent, alertDialogLabelsForLocale, anchoredDialogOverlayStrategy, anchoredOverlayStrategy, avatarLabelsForLocale, bannerLabelsForLocale, bottomSheetOverlayStrategy, bracketFitsWidth, bracketLabelsForLocale, bracketNaturalWidth, bracketSlot, breadcrumbLabelsForLocale, buildAnchoredRuntimePositionStrategy, calendarLabelsForLocale, canHaveChildren, canonicalKbdKey, carouselLabelsForLocale, cascaderFromQuery, cascaderLabelsForLocale, centeredOverlayStrategy, chartLabelsForLocale, chipLabelsForLocale, clearLeavingSupportStateOnExit, colorContrast, colorInputLabelsForLocale, commandPaletteLabelsForLocale, copyButtonLabelsForLocale, countDescendants, createAlertDialogOpener, createAnchoredPanelController, createBracket, createCardMask, createCommandPaletteOpener, createCurrencyMask, createDefaultDropzoneArgs, createDropzoneUpload, createExistingDropzoneEntry, createFileDropzoneEntry, createFixedLengthRangeStrategy, createGridAdapter, createIbanMask, createNormalizedBracketMatch, createNotificationPromiseFn, createNotificationRef, createOverlayOpener, createOverlaySingleSlot, createOverlayStrategyController, createOverlayUnsavedChangesGuard, createPipChromeAnimations, createPipChromeState, createPlaceholderBracketSource, createRichTextEditorTrigger, createRichTextEditorTriggerWithQuery, createSchedulerRegistry, createStreamConfig, createStreamPlayerSlot, createTableRowsSource, createTableRowsState, createTableStateStorage, createV2DropzoneUpload, createWeekRangeStrategy, dateBounds, dateRangeBounds, dateRangeOrder, dateTimeBounds, dateTimeLabelsForLocale, dateTimeRangeBounds, dateTimeRangeOrder, defaultCompareWith, defaultDropzoneRejectionMessage, defaultSankeyChartLinkKeyHint, defineOverlay, defineQueryParamOverlay, describeBracketSlot, deserializeGridLayout, deserializeTableState, detectKbdPlatform, dialogOverlayStrategy, disposeDropzoneEntry, doubleEliminationBracketLayout, dropzoneFiles, dropzoneLabelsForLocale, enableDragToDismiss, extractFirstImageUrl, filterOverlayLabelsForLocale, filterOverlayPreviewFromQuery, filterRows, filterValues, findNextRelevantHtmlElement, focusFirstInvalidField, formFieldLabelsForLocale, formatFileSize, fromGridPosition, fullScreenDialogOverlayStrategy, generateBracketDataForEthlete, generateRoundTypeFromEthleteRoundType, generateTournamentModeFromEthleteRounds, getClosestOverlay, getColorContrastRatio, getOriginCoordinatesAndDimensions, gridLabelsForLocale, hexColor, hitsInteractiveElement, iconRegistryKey, injectAlertDialogLabels, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectAvatarLabels, injectBannerLabels, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectBracketConfig, injectBracketLabels, injectBreadcrumbLabels, injectBreadcrumbManager, injectCalendarLabels, injectCarouselLabels, injectCascaderLabels, injectChartLabels, injectChipLabels, injectColorInputLabels, injectCommandPalette, injectCommandPaletteLabels, injectCommandPaletteRegistry, injectCopyButtonLabels, injectDateFormat, injectDateLocale, injectDateLocaleSignal, injectDateTimeFormat, injectDateTimeLabels, injectDateTimeZone, injectDialogStrategy, injectDialogStrategyDefaults, injectDropzoneLabels, injectFilterOverlay, injectFilterOverlayLabels, injectFormFieldDefaults, injectFormFieldLabels, injectFormSupport, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectGridConfig, injectGridLabels, injectInputLabels, injectKbdLabels, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectLoaderLabels, injectMatchLabels, injectNotificationLabels, injectNotificationManager, injectNotificationManagerConfig, injectOverlayManager, injectOverlayRouter, injectOverlayScrollBlocker, injectOverlaySurfaceContext, injectPaginationLabels, injectPhoneInputLabels, injectPictureConfig, injectPipChromeManager, injectPipManager, injectPipSlotPlaceholderConfig, injectProgressStepLabels, injectQueryErrorLabels, injectRichTextEditorLabels, injectRichTextEditorTools, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectSchedulerEditSurface, injectSchedulerEditSurfaceOpener, injectSchedulerFeatureHost, injectSchedulerLabels, injectSelectLabels, injectSidebarOverlay, injectSliderLabels, injectStandingsLabels, injectStatTileLabels, injectStreamConfig, injectStreamConsentConfig, injectStreamLabels, injectStreamManager, injectStreamPlayerErrorConfig, injectStreamPlayerLoadingConfig, injectStreamPlayerSlot, injectStreamScriptLoader, injectStreamUserConsentProvider, injectTableCsvExport, injectTableFeatureHost, injectTableLabels, injectTimeFormat, injectTimePickerLabels, injectTopSheetStrategy, injectTopSheetStrategyDefaults, injectTreeLabels, injectUnsavedChangesLabels, inputLabelsForLocale, isBracketSlotPredictable, isFileAccepted, isHtmlElement, isInteractiveElement, isPointerEvent, isRestorableTableState, isTargetInsideOverlayTree, isTouchEvent, kbdKeyLabel, kbdKeyName, kbdLabelsForLocale, lastDaysPreset, lastMonthPreset, lastWeekPreset, leftSheetOverlayStrategy, legacyQueryErrorSource, loaderLabelsForLocale, mapGridLayout, matchCountryByDialCode, matchLabelsForLocale, matchParticipantDisplayName, matchedDialPrefix, matchesKbdChord, mergeOverlayBreakpointConfigs, mergeOverlayConfigs, mergeTableCsvExportOptions, migrateBracketPicks, mirroredDoubleEliminationBracketLayout, mirroredSingleEliminationBracketLayout, missingStreamSourceError, mountNavTabLinkStyles, nextDaysPreset, normalizeEthleteBracketMatch, normalizeEthleteGroupRanking, normalizeEthleteMatch, normalizeEthleteMatchStatus, normalizeEthleteMedia, normalizeEthleteParticipant, normalizeEthletePlacement, normalizePictureSizes, normalizePictureSource, notificationLabelsForLocale, numberInputStepMultiplierFrom, overlayResult, paginate, paginationLabelsForLocale, parseKbdKeys, phoneCountryFlag, phoneCountryName, phoneInputLabelsForLocale, progressStepLabelsForLocale, provideAlertDialogLabels, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideAvatarLabels, provideBannerLabels, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideBracketConfig, provideBracketLabels, provideBreadcrumbLabels, provideBreadcrumbManager, provideCalendarLabels, provideCarouselLabels, provideCascaderLabels, provideChartLabels, provideChipLabels, provideColorInputLabels, provideCommandPaletteLabels, provideCommandPaletteRegistry, provideCopyButtonLabels, provideDateFormat, provideDateLocale, provideDateTimeFormat, provideDateTimeLabels, provideDateTimeZone, provideDialogStrategy, provideDialogStrategyDefaults, provideDropzoneLabels, provideFilterOverlay, provideFilterOverlayLabels, provideFormErrorMessageResolver, provideFormFieldDefaults, provideFormFieldLabels, provideFormSupport, provideFormWarningMessageResolver, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideGridConfig, provideGridLabels, provideIconOverrides, provideIcons, provideInputLabels, provideKbdLabels, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideLoaderLabels, provideMatchLabels, provideNotificationLabels, provideNotificationManager, provideNotificationManagerConfig, provideNotificationManagerInstance, provideOverlay, provideOverlayManager, provideOverlayRouter, provideOverlayRouterConfig, provideOverlayRouterService, provideOverlayScrollBlocker, providePaginationLabels, providePhoneInputLabels, providePictureConfig, providePipChromeManager, providePipManager, providePipSlotPlaceholderConfig, provideProgressStepLabels, provideQueryErrorLabels, provideRichTextEditorAlignmentTool, provideRichTextEditorAutoformat, provideRichTextEditorBlockquoteTool, provideRichTextEditorCodeBlockTool, provideRichTextEditorDefaultTools, provideRichTextEditorFloatingToolbar, provideRichTextEditorHeadingTool, provideRichTextEditorImageTool, provideRichTextEditorLabels, provideRichTextEditorLanguageTool, provideRichTextEditorLinkEditor, provideRichTextEditorLinkTool, provideRichTextEditorTableTool, provideRichTextEditorTokenRendering, provideRichTextEditorTool, provideRichTextEditorTools, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSchedulerEditSurface, provideSchedulerLabels, provideSelectLabels, provideSidebarOverlay, provideSidebarOverlayConfig, provideSidebarOverlayService, provideSliderLabels, provideStandingsLabels, provideStatTileLabels, provideStreamConfig, provideStreamConsentConfig, provideStreamLabels, provideStreamManager, provideStreamPip, provideStreamPlayerErrorConfig, provideStreamPlayerLoadingConfig, provideTableLabels, provideTimeFormat, provideTimePickerLabels, provideTopSheetStrategy, provideTopSheetStrategyDefaults, provideTreeLabels, provideUnsavedChangesAlertDialog, provideUnsavedChangesLabels, queryButtonSourceFromV2Query, queryErrorLabelsForLocale, queryErrorResponseFromLegacyError, quickFilterRows, reconcileColumnOrder, reconcileColumnWidths, reconcileHiddenColumns, reduceSupportPresentation, registerCommands, registerSingleton, rejectionMessage, requiredLanguages, resolveBracketLayout, resolveBracketSlot, resolveClosestOverlay, resolveFilterOverlaySubmitButton, resolveNormalizedMatchSideState, resolveNotificationStatusIcon, resolveOverlayHasBackdrop, resolveTableCsvRows, rgbColor, richTextEditorLabelsForLocale, richTextEditorToolLabel, rightSheetOverlayStrategy, schedulerFeatureConfig, schedulerLabelsForLocale, selectLabelsForLocale, selectOptionsFromQuery, selectOptionsFromV2Query, serializeGridLayout, serializeTableState, singleEliminationBracketLayout, sliderLabelsForLocale, sortRows, standingRankSides, standingsLabelsForLocale, startOfCalendarUnit, statTileLabelsForLocale, streamLabelsForLocale, stripTrunkZero, supportPresentationIncludesState, swapStandingRank, swissBracketLayout, tableCsvRowsFromPages, tableFeatureConfig, tableLabelsForLocale, tableRowsFromQuery, tableRowsFromV2Query, tableToCsv, thisMonthPreset, thisWeekPreset, thisYearPreset, timeBounds, timePickerLabelsForLocale, timeRangeBounds, timeRangeOrder, toFieldWarnings, toGridPosition, toNotificationContent, toPictureDimension, todayPreset, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy, treeLabelsForLocale, unsavedChangesLabelsForLocale, validateBracketSource, warn, wireFormSupport, withPictureBaseUrl, yesterdayPreset };
 
 //# sourceMappingURL=ethlete-components.mjs.map