@ethlete/components 1.0.0-next.44 → 1.0.0-next.46

package/fesm2022/ethlete-components.mjs

@@ -4,7 +4,7 @@ import * as i1 from '@ethlete/core';
 import { injectHostElement, RuntimeError, createComponentId, ProvideColorDirective, defineLabels, toProvideFn, toInjectFn, toToken, injectStyleManager, SurfaceInteractiveDirective, createCanAnimateSignal, ColorInteractiveDirective, injectSuccessTheme, injectWarningTheme, injectErrorTheme, injectLocale, defineStaticRootProvider, inferMimeType, injectColorThemes, injectRenderer, ProvideSurfaceDirective, COLOR_PROVIDER, SURFACE_PROVIDER, injectSurfaceThemes, injectSurfaceThemesPrefix, injectSurfaceContextTracker, injectBoundaryElement, ANIMATED_LIFECYCLE_TOKEN, resolveAppRootColorProvider, resolveSurfaceByElevation, createCssSurfaceName, provideBoundaryElement, AnimatedLifecycleDirective, injectBreakpointObserver, isHTMLElement, equal, animationDebugLog, defineRootProvider, injectOverlayRuntime, anchoredOverlayPosition, enableAnchoredOverlayPositionExtras, randomId, forceReflow, nextFrame, elementCanScroll, matchesReducedMotion, createSwipeTracker, ScrollObserverDirective, signalElementScrollState, ScrollObserverStartDirective, ScrollObserverEndDirective, applyHostListener, injectQueryParam, createUnsavedChangesTracker, createDocumentElementSignal, defineProvider, fromNextFrame, injectRoute, AnimatedIfDirective, signalElementDimensions, applyInitialFocus, syncSignal, AutoSurfaceDirective, setInputSignal, injectTemplateRef, signalHostElementScrollState, applyStructuredDataBinding, typedBreakpointTransform, signalElementChildren, signalElementIntersection, signalHostAttributes, signalHostClasses, signalHostStyles, getScrollContainerTarget, getScrollItemTarget, getElementScrollCoordinates, provideBreakpointInstance, signalClasses, useCursorDragScroll, signalStyles, getScrollSnapTarget, injectPrefersReducedMotion, injectIsDocumentVisible, signalHostElementIntersection, clamp as clamp$1, copyToClipboard, injectAnimatedBlockSize, injectObserveBreakpoint, AnimatableDirective, ColorInteractiveContainerDirective, ColorInteractiveExcludeDirective, createFlipAnimation, createObjectUrlHandle, createFlipAnimationGroup, ColorInteractiveHasFocusDirective, dragGestureFrom, injectFocusVisibleTracker, htmlToMarkdown, markdownToHtml, injectHasTouchInput, signalHostElementDimensions, DragHandleDirective, ResizeHandlesComponent, numberBreakpointTransform, applyLinkBinding, applyHeadTitleBinding, injectColorPalette, injectViewportSize, injectFileDownload, getFocusableElements, injectRouterEvent, canUseSessionMemory, createAutoSessionMemoryKey, createSessionMemory } from '@ethlete/core';
 import { NgTemplateOutlet, NgComponentOutlet, Location, DOCUMENT as DOCUMENT$1, isPlatformBrowser } from '@angular/common';
 import { DomSanitizer } from '@angular/platform-browser';
-import { format, startOfWeek, startOfDay, endOfWeek, isBefore, addDays, endOfMonth, startOfMonth, isSameYear, isSameMonth, isSameDay, startOfYear, isAfter, addYears, addMonths, setMonth, setYear, getDate, setDate, lastDayOfMonth, getWeek, endOfYear, parse, isValid, setSeconds, setMinutes, setHours, setMilliseconds, endOfDay, eachDayOfInterval, addMinutes, addHours } from 'date-fns';
+import { format, startOfWeek, startOfDay, endOfWeek, isBefore, addDays, endOfMonth, startOfMonth, isSameYear, isSameMonth, isSameDay, startOfYear, isAfter, addYears, addMonths, setMonth, setYear, getDate, setDate, lastDayOfMonth, getWeek, endOfYear, parse, isValid, setSeconds, setMinutes, setHours, setMilliseconds, endOfDay, eachDayOfInterval, differenceInCalendarDays, addMinutes, differenceInMinutes, addHours } from 'date-fns';
 import { takeUntilDestroyed, toObservable, toSignal, outputFromObservable, outputToObservable, rxResource } from '@angular/core/rxjs-interop';
 import { Subject, take, tap, timer, takeUntil, fromEvent, filter, combineLatest, switchMap, map, distinctUntilChanged, EMPTY, debounceTime, merge, defer, finalize, of, isObservable, from, catchError, firstValueFrom, concat, scan, interval, animationFrameScheduler, EmptyError, exhaustMap, Observable, shareReplay, defaultIfEmpty, expand, toArray, mergeMap } from 'rxjs';
 import * as i1$1 from '@angular/router';
@@ -25574,6 +25574,14 @@ class SelectionListDirective {
         this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.name = input('', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+        /**
+         * `aria-label` / `aria-labelledby` written on the group itself, for a set of options named by
+         * something other than a projected `<et-label>` - a filter toolbar whose caption sits elsewhere, a
+         * segmented control whose name should not be visible. Without them the field's dev-time labelling
+         * guard (ET2201) fires on a group that *is* labelled.
+         */
+        this.ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+        this.ariaLabelledby = input(null, { ...(ngDevMode ? { debugName: "ariaLabelledby" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
         this.multiple = computed(() => this.multipleOverride ?? this.multipleInput(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
         this.selection = createSelectionState({
@@ -25595,8 +25603,13 @@ class SelectionListDirective {
         ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
         this.controlType = signal(FORM_FIELD_CONTROL_TYPES.SELECTION_LIST, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "controlType" }] : /* istanbul ignore next */ []));
-        this.labelId = computed(() => this.formField?.registeredLabel()?.id() ?? null, /* @ts-ignore */
+        this.registeredLabelId = computed(() => this.formField?.registeredLabel()?.id() ?? null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "registeredLabelId" }] : /* istanbul ignore next */ []));
+        /** A consumer-supplied `aria-labelledby` wins over the id of a projected `<et-label>`. */
+        this.labelId = computed(() => this.ariaLabelledby()?.trim() || this.registeredLabelId(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "labelId" }] : /* istanbul ignore next */ []));
+        this.hasCustomAccessibleName = computed(() => !!this.ariaLabel()?.trim() || !!this.ariaLabelledby()?.trim(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasCustomAccessibleName" }] : /* istanbul ignore next */ []));
         this.formField?.registerControl(this);
         this.destroyRef.onDestroy(() => this.formField?.unregisterControl(this));
     }
@@ -25616,7 +25629,7 @@ class SelectionListDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SelectionListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: SelectionListDirective, isStandalone: true, selector: "[etSelectionList]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, mixed: { classPropertyName: "mixed", publicName: "mixed", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, multipleInput: { classPropertyName: "multipleInput", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", mixed: "mixedChange", touched: "touchedChange" }, host: { properties: { "attr.role": "role()", "attr.aria-invalid": "shouldDisplayError() || null", "attr.aria-required": "required() || null", "attr.aria-describedby": "describedBy() || null", "attr.aria-labelledby": "labelId() || null", "attr.data-disabled": "disabled() || null", "attr.data-mixed": "mixed() || null", "attr.aria-readonly": "!multiple() && readonly() || null", "attr.data-readonly": "readonly() || null" } }, providers: [{ provide: SELECTION_LIST_TOKEN, useExisting: SelectionListDirective }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: SelectionListDirective, isStandalone: true, selector: "[etSelectionList]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, mixed: { classPropertyName: "mixed", publicName: "mixed", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, multipleInput: { classPropertyName: "multipleInput", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", mixed: "mixedChange", touched: "touchedChange" }, host: { properties: { "attr.role": "role()", "attr.aria-invalid": "shouldDisplayError() || null", "attr.aria-required": "required() || null", "attr.aria-describedby": "describedBy() || null", "attr.aria-label": "ariaLabel()?.trim() || null", "attr.aria-labelledby": "labelId() || null", "attr.data-disabled": "disabled() || null", "attr.data-mixed": "mixed() || null", "attr.aria-readonly": "!multiple() && readonly() || null", "attr.data-readonly": "readonly() || null" } }, providers: [{ provide: SELECTION_LIST_TOKEN, useExisting: SelectionListDirective }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SelectionListDirective, decorators: [{
             type: Directive,
@@ -25628,6 +25641,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         '[attr.aria-invalid]': 'shouldDisplayError() || null',
                         '[attr.aria-required]': 'required() || null',
                         '[attr.aria-describedby]': 'describedBy() || null',
+                        '[attr.aria-label]': 'ariaLabel()?.trim() || null',
                         '[attr.aria-labelledby]': 'labelId() || null',
                         '[attr.data-disabled]': 'disabled() || null',
                         '[attr.data-mixed]': 'mixed() || null',
@@ -25637,7 +25651,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         '[attr.data-readonly]': 'readonly() || null',
                     },
                 }]
-        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], mixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "mixed", required: false }] }, { type: i0.Output, args: ["mixedChange"] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], multipleInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], mixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "mixed", required: false }] }, { type: i0.Output, args: ["mixedChange"] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], multipleInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }] } });
 
 let uniqueOptionLabelId = 0;
 /**
@@ -25846,7 +25860,7 @@ class SegmentedButtonGroupComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SegmentedButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: SegmentedButtonGroupComponent, isStandalone: true, selector: "et-segmented-button-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.et-tab-scale": "isTabsVariant()", "attr.data-size": "size()", "attr.data-variant": "variant()", "attr.data-can-animate": "canAnimate.state() || null", "attr.data-error": "support.displaysError() || null", "attr.data-warning": "support.displaysWarning() || null" }, classAttribute: "et-segmented-button-group" }, providers: [provideFormSupport()], viewQueries: [{ propertyName: "errorContentRef", first: true, predicate: ["errorContent"], descendants: true, isSignal: true }, { propertyName: "warningContentRef", first: true, predicate: ["warningContent"], descendants: true, isSignal: true }, { propertyName: "hintContentRef", first: true, predicate: ["hintContent"], descendants: true, isSignal: true }, { propertyName: "errorAnimatableRef", first: true, predicate: ["errorAnimatable"], descendants: true, isSignal: true }, { propertyName: "warningAnimatableRef", first: true, predicate: ["warningAnimatable"], descendants: true, isSignal: true }, { propertyName: "hintAnimatableRef", first: true, predicate: ["hintAnimatable"], descendants: true, isSignal: true }], hostDirectives: [{ directive: FormFieldDirective }, { directive: SelectionListDirective, inputs: ["value", "value", "mixed", "mixed", "touched", "touched", "disabled", "disabled", "readonly", "readonly", "invalid", "invalid", "errors", "errors", "required", "required", "name", "name"], outputs: ["valueChange", "valueChange", "mixedChange", "mixedChange", "touchedChange", "touchedChange"] }, { directive: i1.ProvideColorDirective, inputs: ["etProvideColor", "color"] }], ngImport: i0, template: "<ng-content select=\"et-label\" />\n<ng-content select=\".et-segmented-button-group-label\" />\n\n<div class=\"et-segmented-button-group-buttons\">\n  <ng-content />\n</div>\n\n@if (support.shouldRenderSupport()) {\n  <div [style.block-size.px]=\"support.supportHeight()\" class=\"et-segmented-button-group-support\">\n    <div class=\"et-segmented-button-group-support-stack\">\n      @if (support.shouldRenderError()) {\n        <div\n          #errorContent\n          #errorAnimatable=\"etAnimatable\"\n          [attr.aria-atomic]=\"support.errorActive() ? 'true' : null\"\n          [attr.aria-hidden]=\"!support.errorActive() ? 'true' : null\"\n          [attr.aria-live]=\"support.errorActive() ? 'polite' : null\"\n          [attr.data-active]=\"support.errorActive() || null\"\n          [etProvideColor]=\"support.errorColorTheme\"\n          class=\"et-segmented-button-group-support-content et-segmented-button-group-errors\"\n          etAnimatable\n        >\n          @for (error of support.visibleErrors(); track $index) {\n            <et-form-error [error]=\"error\" />\n          }\n        </div>\n      }\n\n      @if (support.shouldRenderWarning()) {\n        <div\n          #warningContent\n          #warningAnimatable=\"etAnimatable\"\n          [attr.aria-atomic]=\"support.warningActive() ? 'true' : null\"\n          [attr.aria-hidden]=\"!support.warningActive() ? 'true' : null\"\n          [attr.aria-live]=\"support.warningActive() ? 'polite' : null\"\n          [attr.data-active]=\"support.warningActive() || null\"\n          [etProvideColor]=\"support.warningColorTheme()\"\n          class=\"et-segmented-button-group-support-content et-segmented-button-group-warnings\"\n          etAnimatable\n        >\n          @for (warning of support.visibleWarnings(); track $index) {\n            <et-form-warning [warning]=\"warning\" />\n          }\n        </div>\n      }\n\n      @if (support.shouldRenderHint()) {\n        <div\n          #hintContent\n          #hintAnimatable=\"etAnimatable\"\n          [attr.aria-hidden]=\"!support.hintActive() ? 'true' : null\"\n          [attr.data-active]=\"support.hintActive() || null\"\n          class=\"et-segmented-button-group-support-content et-segmented-button-group-hint\"\n          etAnimatable\n        >\n          <ng-content select=\"et-hint\" />\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer components{@property --et-segmented-button-group-support-duration{syntax: \"<time>\"; inherits: true; initial-value: .18s;}@property --et-segmented-button-group-support-offset{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-segmented-button-group-error-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-segmented-button-group-warning-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-segmented-button-group-hint-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-segmented-button-group-gap{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-segmented-button-group-label-font-size{syntax: \"<length>\"; inherits: true; initial-value: 13px;}@property --et-segmented-button-group-track-padding{syntax: \"<length>\"; inherits: true; initial-value: 3px;}@property --et-segmented-button-group-track-radius{syntax: \"<length>\"; inherits: true; initial-value: 10px;}et-segmented-button-group{display:flex;flex-direction:column;gap:var(--et-segmented-button-group-gap);color:var(--et-surface-color-solid, currentColor)}et-segmented-button-group>et-label,et-segmented-button-group .et-segmented-button-group-label{font-size:var(--et-segmented-button-group-label-font-size);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--et-surface-color-muted-solid, currentColor);-webkit-user-select:none;user-select:none}et-segmented-button-group:where([data-size=sm]){--et-segmented-button-group-label-font-size: 12px;--et-segmented-button-group-gap: 8px}et-segmented-button-group:where([data-size=sm]) et-segmented-button{--et-segmented-button-padding-x: 10px;--et-segmented-button-padding-y: 4px;font-size:12px}et-segmented-button-group:where([data-size=lg]){--et-segmented-button-group-label-font-size: 14px;--et-segmented-button-group-gap: 12px}et-segmented-button-group:where([data-size=lg]) et-segmented-button{--et-segmented-button-padding-x: 18px;--et-segmented-button-padding-y: 8px;font-size:16px}et-segmented-button-group .et-segmented-button-group-buttons{display:inline-flex;align-self:flex-start;gap:2px;padding:var(--et-segmented-button-group-track-padding);border-radius:var(--et-segmented-button-group-track-radius);background-color:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 8%,transparent)}et-segmented-button-group[data-error] .et-segmented-button-group-buttons{box-shadow:inset 0 0 0 1px var(--et-theme-color-primary-solid)}et-segmented-button-group:where([data-variant=tabs]) .et-segmented-button-group-buttons{gap:0;padding:0;border-radius:0;background-color:transparent;box-shadow:inset 0 calc(var(--et-tab-underline-size) * -1) 0 0 color-mix(in srgb,var(--et-surface-border-solid, currentColor) calc(var(--et-tab-baseline-opacity) * 100%),transparent)}et-segmented-button-group:where([data-variant=tabs])[data-error] .et-segmented-button-group-buttons{box-shadow:inset 0 calc(var(--et-tab-underline-size) * -1) 0 0 var(--et-theme-color-primary-solid)}et-segmented-button-group:where([data-variant=tabs]) et-segmented-button{--et-segmented-button-padding-x: var(--et-tab-padding-inline);--et-segmented-button-padding-y: var(--et-tab-padding-block);--et-segmented-button-tab-underline-size: var(--et-tab-underline-size);--et-segmented-button-tab-underline-radius: var(--et-tab-underline-radius);font-size:var(--et-tab-font-size)}et-segmented-button-group[data-mixed] .et-segmented-button-group-buttons{outline:1px dashed var(--et-theme-color-primary-solid, currentColor);outline-offset:-1px}et-segmented-button-group .et-segmented-button-group-support{overflow:clip;block-size:0}et-segmented-button-group .et-segmented-button-group-support-stack{position:relative;display:grid}et-segmented-button-group .et-segmented-button-group-support-content{grid-area:1 / 1;min-inline-size:0;opacity:0;transform:translateY(0)}et-segmented-button-group .et-segmented-button-group-support-content[data-active]{opacity:1;transform:translateY(0)}et-segmented-button-group .et-segmented-button-group-errors{display:flex;flex-direction:column;gap:2px;padding-block-start:4px;font-size:var(--et-segmented-button-group-error-font-size);color:var(--et-theme-color-primary-solid, currentColor)}et-segmented-button-group .et-segmented-button-group-warnings{display:flex;flex-direction:column;gap:2px;padding-block-start:4px;font-size:var(--et-segmented-button-group-warning-font-size);color:var(--et-theme-color-primary-solid, currentColor)}et-segmented-button-group .et-segmented-button-group-hint{padding-block-start:4px;font-size:var(--et-segmented-button-group-hint-font-size);color:var(--et-surface-color-muted-solid, currentColor)}et-segmented-button-group .et-segmented-button-group-hint:empty{display:none}et-segmented-button-group[data-can-animate] .et-segmented-button-group-support{transition:block-size var(--et-segmented-button-group-support-duration) ease}et-segmented-button-group[data-can-animate] .et-segmented-button-group-support-content{transition:opacity var(--et-segmented-button-group-support-duration) ease,transform var(--et-segmented-button-group-support-duration) ease}@starting-style{et-segmented-button-group[data-can-animate] .et-segmented-button-group-support-content[data-active]{opacity:0;transform:translateY(calc(var(--et-segmented-button-group-support-offset) * -1))}}@media(prefers-reduced-motion:reduce){et-segmented-button-group{--et-segmented-button-group-support-duration: 1ms;--et-segmented-button-group-support-offset: 0px}}}\n"], dependencies: [{ kind: "directive", type: AnimatableDirective, selector: "[etAnimatable]", exportAs: ["etAnimatable"] }, { kind: "component", type: FormErrorComponent, selector: "et-form-error", inputs: ["error"] }, { kind: "component", type: FormWarningComponent, selector: "et-form-warning", inputs: ["warning"] }, { kind: "directive", type: ProvideColorDirective, selector: "[etProvideColor]", inputs: ["etProvideColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: SegmentedButtonGroupComponent, isStandalone: true, selector: "et-segmented-button-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.et-tab-scale": "isTabsVariant()", "attr.data-size": "size()", "attr.data-variant": "variant()", "attr.data-can-animate": "canAnimate.state() || null", "attr.data-error": "support.displaysError() || null", "attr.data-warning": "support.displaysWarning() || null" }, classAttribute: "et-segmented-button-group" }, providers: [provideFormSupport()], viewQueries: [{ propertyName: "errorContentRef", first: true, predicate: ["errorContent"], descendants: true, isSignal: true }, { propertyName: "warningContentRef", first: true, predicate: ["warningContent"], descendants: true, isSignal: true }, { propertyName: "hintContentRef", first: true, predicate: ["hintContent"], descendants: true, isSignal: true }, { propertyName: "errorAnimatableRef", first: true, predicate: ["errorAnimatable"], descendants: true, isSignal: true }, { propertyName: "warningAnimatableRef", first: true, predicate: ["warningAnimatable"], descendants: true, isSignal: true }, { propertyName: "hintAnimatableRef", first: true, predicate: ["hintAnimatable"], descendants: true, isSignal: true }], hostDirectives: [{ directive: FormFieldDirective }, { directive: SelectionListDirective, inputs: ["value", "value", "mixed", "mixed", "touched", "touched", "disabled", "disabled", "readonly", "readonly", "invalid", "invalid", "errors", "errors", "required", "required", "name", "name", "aria-label", "aria-label", "aria-labelledby", "aria-labelledby"], outputs: ["valueChange", "valueChange", "mixedChange", "mixedChange", "touchedChange", "touchedChange"] }, { directive: i1.ProvideColorDirective, inputs: ["etProvideColor", "color"] }], ngImport: i0, template: "<ng-content select=\"et-label\" />\n<ng-content select=\".et-segmented-button-group-label\" />\n\n<div class=\"et-segmented-button-group-buttons\">\n  <ng-content />\n</div>\n\n@if (support.shouldRenderSupport()) {\n  <div [style.block-size.px]=\"support.supportHeight()\" class=\"et-segmented-button-group-support\">\n    <div class=\"et-segmented-button-group-support-stack\">\n      @if (support.shouldRenderError()) {\n        <div\n          #errorContent\n          #errorAnimatable=\"etAnimatable\"\n          [attr.aria-atomic]=\"support.errorActive() ? 'true' : null\"\n          [attr.aria-hidden]=\"!support.errorActive() ? 'true' : null\"\n          [attr.aria-live]=\"support.errorActive() ? 'polite' : null\"\n          [attr.data-active]=\"support.errorActive() || null\"\n          [etProvideColor]=\"support.errorColorTheme\"\n          class=\"et-segmented-button-group-support-content et-segmented-button-group-errors\"\n          etAnimatable\n        >\n          @for (error of support.visibleErrors(); track $index) {\n            <et-form-error [error]=\"error\" />\n          }\n        </div>\n      }\n\n      @if (support.shouldRenderWarning()) {\n        <div\n          #warningContent\n          #warningAnimatable=\"etAnimatable\"\n          [attr.aria-atomic]=\"support.warningActive() ? 'true' : null\"\n          [attr.aria-hidden]=\"!support.warningActive() ? 'true' : null\"\n          [attr.aria-live]=\"support.warningActive() ? 'polite' : null\"\n          [attr.data-active]=\"support.warningActive() || null\"\n          [etProvideColor]=\"support.warningColorTheme()\"\n          class=\"et-segmented-button-group-support-content et-segmented-button-group-warnings\"\n          etAnimatable\n        >\n          @for (warning of support.visibleWarnings(); track $index) {\n            <et-form-warning [warning]=\"warning\" />\n          }\n        </div>\n      }\n\n      @if (support.shouldRenderHint()) {\n        <div\n          #hintContent\n          #hintAnimatable=\"etAnimatable\"\n          [attr.aria-hidden]=\"!support.hintActive() ? 'true' : null\"\n          [attr.data-active]=\"support.hintActive() || null\"\n          class=\"et-segmented-button-group-support-content et-segmented-button-group-hint\"\n          etAnimatable\n        >\n          <ng-content select=\"et-hint\" />\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer components{@property --et-segmented-button-group-support-duration{syntax: \"<time>\"; inherits: true; initial-value: .18s;}@property --et-segmented-button-group-support-offset{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-segmented-button-group-error-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-segmented-button-group-warning-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-segmented-button-group-hint-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-segmented-button-group-gap{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-segmented-button-group-label-font-size{syntax: \"<length>\"; inherits: true; initial-value: 13px;}@property --et-segmented-button-group-track-padding{syntax: \"<length>\"; inherits: true; initial-value: 3px;}@property --et-segmented-button-group-track-radius{syntax: \"<length>\"; inherits: true; initial-value: 10px;}et-segmented-button-group{display:flex;flex-direction:column;gap:var(--et-segmented-button-group-gap);color:var(--et-surface-color-solid, currentColor)}et-segmented-button-group>et-label,et-segmented-button-group .et-segmented-button-group-label{font-size:var(--et-segmented-button-group-label-font-size);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--et-surface-color-muted-solid, currentColor);-webkit-user-select:none;user-select:none}et-segmented-button-group:where([data-size=sm]){--et-segmented-button-group-label-font-size: 12px;--et-segmented-button-group-gap: 8px}et-segmented-button-group:where([data-size=sm]) et-segmented-button{--et-segmented-button-padding-x: 10px;--et-segmented-button-padding-y: 4px;font-size:12px}et-segmented-button-group:where([data-size=lg]){--et-segmented-button-group-label-font-size: 14px;--et-segmented-button-group-gap: 12px}et-segmented-button-group:where([data-size=lg]) et-segmented-button{--et-segmented-button-padding-x: 18px;--et-segmented-button-padding-y: 8px;font-size:16px}et-segmented-button-group .et-segmented-button-group-buttons{display:inline-flex;align-self:flex-start;gap:2px;padding:var(--et-segmented-button-group-track-padding);border-radius:var(--et-segmented-button-group-track-radius);background-color:color-mix(in srgb,var(--et-surface-interaction-solid, currentColor) 8%,transparent)}et-segmented-button-group[data-error] .et-segmented-button-group-buttons{box-shadow:inset 0 0 0 1px var(--et-theme-color-primary-solid)}et-segmented-button-group:where([data-variant=tabs]) .et-segmented-button-group-buttons{gap:0;padding:0;border-radius:0;background-color:transparent;box-shadow:inset 0 calc(var(--et-tab-underline-size) * -1) 0 0 color-mix(in srgb,var(--et-surface-border-solid, currentColor) calc(var(--et-tab-baseline-opacity) * 100%),transparent)}et-segmented-button-group:where([data-variant=tabs])[data-error] .et-segmented-button-group-buttons{box-shadow:inset 0 calc(var(--et-tab-underline-size) * -1) 0 0 var(--et-theme-color-primary-solid)}et-segmented-button-group:where([data-variant=tabs]) et-segmented-button{--et-segmented-button-padding-x: var(--et-tab-padding-inline);--et-segmented-button-padding-y: var(--et-tab-padding-block);--et-segmented-button-tab-underline-size: var(--et-tab-underline-size);--et-segmented-button-tab-underline-radius: var(--et-tab-underline-radius);font-size:var(--et-tab-font-size)}et-segmented-button-group[data-mixed] .et-segmented-button-group-buttons{outline:1px dashed var(--et-theme-color-primary-solid, currentColor);outline-offset:-1px}et-segmented-button-group .et-segmented-button-group-support{overflow:clip;block-size:0}et-segmented-button-group .et-segmented-button-group-support-stack{position:relative;display:grid}et-segmented-button-group .et-segmented-button-group-support-content{grid-area:1 / 1;min-inline-size:0;opacity:0;transform:translateY(0)}et-segmented-button-group .et-segmented-button-group-support-content[data-active]{opacity:1;transform:translateY(0)}et-segmented-button-group .et-segmented-button-group-errors{display:flex;flex-direction:column;gap:2px;padding-block-start:4px;font-size:var(--et-segmented-button-group-error-font-size);color:var(--et-theme-color-primary-solid, currentColor)}et-segmented-button-group .et-segmented-button-group-warnings{display:flex;flex-direction:column;gap:2px;padding-block-start:4px;font-size:var(--et-segmented-button-group-warning-font-size);color:var(--et-theme-color-primary-solid, currentColor)}et-segmented-button-group .et-segmented-button-group-hint{padding-block-start:4px;font-size:var(--et-segmented-button-group-hint-font-size);color:var(--et-surface-color-muted-solid, currentColor)}et-segmented-button-group .et-segmented-button-group-hint:empty{display:none}et-segmented-button-group[data-can-animate] .et-segmented-button-group-support{transition:block-size var(--et-segmented-button-group-support-duration) ease}et-segmented-button-group[data-can-animate] .et-segmented-button-group-support-content{transition:opacity var(--et-segmented-button-group-support-duration) ease,transform var(--et-segmented-button-group-support-duration) ease}@starting-style{et-segmented-button-group[data-can-animate] .et-segmented-button-group-support-content[data-active]{opacity:0;transform:translateY(calc(var(--et-segmented-button-group-support-offset) * -1))}}@media(prefers-reduced-motion:reduce){et-segmented-button-group{--et-segmented-button-group-support-duration: 1ms;--et-segmented-button-group-support-offset: 0px}}}\n"], dependencies: [{ kind: "directive", type: AnimatableDirective, selector: "[etAnimatable]", exportAs: ["etAnimatable"] }, { kind: "component", type: FormErrorComponent, selector: "et-form-error", inputs: ["error"] }, { kind: "component", type: FormWarningComponent, selector: "et-form-warning", inputs: ["warning"] }, { kind: "directive", type: ProvideColorDirective, selector: "[etProvideColor]", inputs: ["etProvideColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SegmentedButtonGroupComponent, decorators: [{
             type: Component,
@@ -25854,7 +25868,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         FormFieldDirective,
                         {
                             directive: SelectionListDirective,
-                            inputs: ['value', 'mixed', 'touched', 'disabled', 'readonly', 'invalid', 'errors', 'required', 'name'],
+                            inputs: [
+                                'value',
+                                'mixed',
+                                'touched',
+                                'disabled',
+                                'readonly',
+                                'invalid',
+                                'errors',
+                                'required',
+                                'name',
+                                'aria-label',
+                                'aria-labelledby',
+                            ],
                             outputs: ['valueChange', 'mixedChange', 'touchedChange'],
                         },
                         { directive: ProvideColorDirective, inputs: ['etProvideColor:color'] },
@@ -42653,7 +42679,7 @@ class CheckboxGroupComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: CheckboxGroupComponent, isStandalone: true, selector: "et-checkbox-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()", "attr.data-orientation": "orientation()", "attr.data-can-animate": "canAnimate.state() || null", "attr.data-error": "support.displaysError() || null", "attr.data-warning": "support.displaysWarning() || null" }, classAttribute: "et-checkbox-group" }, providers: [{ provide: SELECTION_LIST_MULTIPLE, useValue: true }, provideFormSupport()], viewQueries: [{ propertyName: "errorContentRef", first: true, predicate: ["errorContent"], descendants: true, isSignal: true }, { propertyName: "warningContentRef", first: true, predicate: ["warningContent"], descendants: true, isSignal: true }, { propertyName: "hintContentRef", first: true, predicate: ["hintContent"], descendants: true, isSignal: true }, { propertyName: "errorAnimatableRef", first: true, predicate: ["errorAnimatable"], descendants: true, isSignal: true }, { propertyName: "warningAnimatableRef", first: true, predicate: ["warningAnimatable"], descendants: true, isSignal: true }, { propertyName: "hintAnimatableRef", first: true, predicate: ["hintAnimatable"], descendants: true, isSignal: true }], hostDirectives: [{ directive: FormFieldDirective }, { directive: SelectionListDirective, inputs: ["value", "value", "mixed", "mixed", "touched", "touched", "disabled", "disabled", "readonly", "readonly", "invalid", "invalid", "errors", "errors", "required", "required", "name", "name"], outputs: ["valueChange", "valueChange", "mixedChange", "mixedChange", "touchedChange", "touchedChange"] }, { directive: i1.ProvideColorDirective, inputs: ["etProvideColor", "color"] }], ngImport: i0, template: "<ng-content />\n\n@if (support.shouldRenderSupport()) {\n  <div [style.block-size.px]=\"support.supportHeight()\" class=\"et-checkbox-group-support\">\n    <div class=\"et-checkbox-group-support-stack\">\n      @if (support.shouldRenderError()) {\n        <div\n          #errorContent\n          #errorAnimatable=\"etAnimatable\"\n          [attr.aria-atomic]=\"support.errorActive() ? 'true' : null\"\n          [attr.aria-hidden]=\"!support.errorActive() ? 'true' : null\"\n          [attr.aria-live]=\"support.errorActive() ? 'polite' : null\"\n          [attr.data-active]=\"support.errorActive() || null\"\n          [etProvideColor]=\"support.errorColorTheme\"\n          class=\"et-checkbox-group-support-content et-checkbox-group-errors\"\n          etAnimatable\n        >\n          @for (error of support.visibleErrors(); track $index) {\n            <et-form-error [error]=\"error\" />\n          }\n        </div>\n      }\n\n      @if (support.shouldRenderWarning()) {\n        <div\n          #warningContent\n          #warningAnimatable=\"etAnimatable\"\n          [attr.aria-atomic]=\"support.warningActive() ? 'true' : null\"\n          [attr.aria-hidden]=\"!support.warningActive() ? 'true' : null\"\n          [attr.aria-live]=\"support.warningActive() ? 'polite' : null\"\n          [attr.data-active]=\"support.warningActive() || null\"\n          [etProvideColor]=\"support.warningColorTheme()\"\n          class=\"et-checkbox-group-support-content et-checkbox-group-warnings\"\n          etAnimatable\n        >\n          @for (warning of support.visibleWarnings(); track $index) {\n            <et-form-warning [warning]=\"warning\" />\n          }\n        </div>\n      }\n\n      @if (support.shouldRenderHint()) {\n        <div\n          #hintContent\n          #hintAnimatable=\"etAnimatable\"\n          [attr.aria-hidden]=\"!support.hintActive() ? 'true' : null\"\n          [attr.data-active]=\"support.hintActive() || null\"\n          class=\"et-checkbox-group-support-content et-checkbox-group-hint\"\n          etAnimatable\n        >\n          <ng-content select=\"et-hint\" />\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer components{@property --et-checkbox-group-support-duration{syntax: \"<time>\"; inherits: true; initial-value: .18s;}@property --et-checkbox-group-support-offset{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-checkbox-group-error-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-checkbox-group-warning-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-checkbox-group-hint-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-checkbox-group-gap{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-checkbox-group-column-gap{syntax: \"<length>\"; inherits: true; initial-value: 20px;}@property --et-checkbox-group-label-font-size{syntax: \"<length>\"; inherits: true; initial-value: 13px;}et-checkbox-group{display:flex;flex-direction:column;gap:var(--et-checkbox-group-gap);color:var(--et-surface-color-solid, currentColor)}et-checkbox-group>et-label,et-checkbox-group .et-checkbox-group-label{font-size:var(--et-checkbox-group-label-font-size);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--et-surface-color-muted-solid, currentColor);-webkit-user-select:none;user-select:none}et-checkbox-group:where([data-size=sm]){--et-checkbox-group-label-font-size: 12px;--et-checkbox-group-gap: 8px}et-checkbox-group:where([data-size=sm]) et-checkbox-option{--et-checkbox-option-size: 16px;--et-checkbox-option-gap: 8px}et-checkbox-group:where([data-size=sm]) .et-checkbox-option-label{font-size:12px;line-height:16px}et-checkbox-group:where([data-size=sm]) .et-checkbox-option-check{inline-size:10px;block-size:8px}et-checkbox-group:where([data-size=lg]){--et-checkbox-group-label-font-size: 14px;--et-checkbox-group-gap: 12px}et-checkbox-group:where([data-size=lg]) et-checkbox-option{--et-checkbox-option-size: 24px;--et-checkbox-option-gap: 12px}et-checkbox-group:where([data-size=lg]) .et-checkbox-option-label{font-size:16px;line-height:24px}et-checkbox-group:where([data-size=lg]) .et-checkbox-option-check{inline-size:14px;block-size:12px}et-checkbox-group[data-error]{--_et-control-border: var(--et-theme-color-primary-solid)}et-checkbox-group[data-mixed] .et-checkbox-option-box{border-style:dashed;border-color:var(--et-theme-color-primary-solid, currentColor)}et-checkbox-group .et-checkbox-group-support{overflow:clip;block-size:0}et-checkbox-group .et-checkbox-group-support-stack{position:relative;display:grid}et-checkbox-group .et-checkbox-group-support-content{grid-area:1 / 1;min-inline-size:0;opacity:0;transform:translateY(0)}et-checkbox-group .et-checkbox-group-support-content[data-active]{opacity:1;transform:translateY(0)}et-checkbox-group .et-checkbox-group-errors{display:flex;flex-direction:column;gap:2px;padding-block-start:4px;font-size:var(--et-checkbox-group-error-font-size);color:var(--et-theme-color-primary-solid, currentColor)}et-checkbox-group .et-checkbox-group-warnings{display:flex;flex-direction:column;gap:2px;padding-block-start:4px;font-size:var(--et-checkbox-group-warning-font-size);color:var(--et-theme-color-primary-solid, currentColor)}et-checkbox-group .et-checkbox-group-hint{padding-block-start:4px;font-size:var(--et-checkbox-group-hint-font-size);color:var(--et-surface-color-muted-solid, currentColor)}et-checkbox-group .et-checkbox-group-hint:empty{display:none}et-checkbox-group[data-can-animate] .et-checkbox-group-support{transition:block-size var(--et-checkbox-group-support-duration) ease}et-checkbox-group[data-can-animate] .et-checkbox-group-support-content{transition:opacity var(--et-checkbox-group-support-duration) ease,transform var(--et-checkbox-group-support-duration) ease}@starting-style{et-checkbox-group[data-can-animate] .et-checkbox-group-support-content[data-active]{opacity:0;transform:translateY(calc(var(--et-checkbox-group-support-offset) * -1))}}@media(prefers-reduced-motion:reduce){et-checkbox-group{--et-checkbox-group-support-duration: 1ms;--et-checkbox-group-support-offset: 0px}}et-checkbox-group:where([data-orientation=horizontal]){flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:var(--et-checkbox-group-column-gap)}et-checkbox-group:where([data-orientation=horizontal])>et-label,et-checkbox-group:where([data-orientation=horizontal])>.et-checkbox-group-label,et-checkbox-group:where([data-orientation=horizontal])>.et-checkbox-group-support{flex-basis:100%}}\n"], dependencies: [{ kind: "directive", type: AnimatableDirective, selector: "[etAnimatable]", exportAs: ["etAnimatable"] }, { kind: "component", type: FormErrorComponent, selector: "et-form-error", inputs: ["error"] }, { kind: "component", type: FormWarningComponent, selector: "et-form-warning", inputs: ["warning"] }, { kind: "directive", type: ProvideColorDirective, selector: "[etProvideColor]", inputs: ["etProvideColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: CheckboxGroupComponent, isStandalone: true, selector: "et-checkbox-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()", "attr.data-orientation": "orientation()", "attr.data-can-animate": "canAnimate.state() || null", "attr.data-error": "support.displaysError() || null", "attr.data-warning": "support.displaysWarning() || null" }, classAttribute: "et-checkbox-group" }, providers: [{ provide: SELECTION_LIST_MULTIPLE, useValue: true }, provideFormSupport()], viewQueries: [{ propertyName: "errorContentRef", first: true, predicate: ["errorContent"], descendants: true, isSignal: true }, { propertyName: "warningContentRef", first: true, predicate: ["warningContent"], descendants: true, isSignal: true }, { propertyName: "hintContentRef", first: true, predicate: ["hintContent"], descendants: true, isSignal: true }, { propertyName: "errorAnimatableRef", first: true, predicate: ["errorAnimatable"], descendants: true, isSignal: true }, { propertyName: "warningAnimatableRef", first: true, predicate: ["warningAnimatable"], descendants: true, isSignal: true }, { propertyName: "hintAnimatableRef", first: true, predicate: ["hintAnimatable"], descendants: true, isSignal: true }], hostDirectives: [{ directive: FormFieldDirective }, { directive: SelectionListDirective, inputs: ["value", "value", "mixed", "mixed", "touched", "touched", "disabled", "disabled", "readonly", "readonly", "invalid", "invalid", "errors", "errors", "required", "required", "name", "name", "aria-label", "aria-label", "aria-labelledby", "aria-labelledby"], outputs: ["valueChange", "valueChange", "mixedChange", "mixedChange", "touchedChange", "touchedChange"] }, { directive: i1.ProvideColorDirective, inputs: ["etProvideColor", "color"] }], ngImport: i0, template: "<ng-content />\n\n@if (support.shouldRenderSupport()) {\n  <div [style.block-size.px]=\"support.supportHeight()\" class=\"et-checkbox-group-support\">\n    <div class=\"et-checkbox-group-support-stack\">\n      @if (support.shouldRenderError()) {\n        <div\n          #errorContent\n          #errorAnimatable=\"etAnimatable\"\n          [attr.aria-atomic]=\"support.errorActive() ? 'true' : null\"\n          [attr.aria-hidden]=\"!support.errorActive() ? 'true' : null\"\n          [attr.aria-live]=\"support.errorActive() ? 'polite' : null\"\n          [attr.data-active]=\"support.errorActive() || null\"\n          [etProvideColor]=\"support.errorColorTheme\"\n          class=\"et-checkbox-group-support-content et-checkbox-group-errors\"\n          etAnimatable\n        >\n          @for (error of support.visibleErrors(); track $index) {\n            <et-form-error [error]=\"error\" />\n          }\n        </div>\n      }\n\n      @if (support.shouldRenderWarning()) {\n        <div\n          #warningContent\n          #warningAnimatable=\"etAnimatable\"\n          [attr.aria-atomic]=\"support.warningActive() ? 'true' : null\"\n          [attr.aria-hidden]=\"!support.warningActive() ? 'true' : null\"\n          [attr.aria-live]=\"support.warningActive() ? 'polite' : null\"\n          [attr.data-active]=\"support.warningActive() || null\"\n          [etProvideColor]=\"support.warningColorTheme()\"\n          class=\"et-checkbox-group-support-content et-checkbox-group-warnings\"\n          etAnimatable\n        >\n          @for (warning of support.visibleWarnings(); track $index) {\n            <et-form-warning [warning]=\"warning\" />\n          }\n        </div>\n      }\n\n      @if (support.shouldRenderHint()) {\n        <div\n          #hintContent\n          #hintAnimatable=\"etAnimatable\"\n          [attr.aria-hidden]=\"!support.hintActive() ? 'true' : null\"\n          [attr.data-active]=\"support.hintActive() || null\"\n          class=\"et-checkbox-group-support-content et-checkbox-group-hint\"\n          etAnimatable\n        >\n          <ng-content select=\"et-hint\" />\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer components{@property --et-checkbox-group-support-duration{syntax: \"<time>\"; inherits: true; initial-value: .18s;}@property --et-checkbox-group-support-offset{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-checkbox-group-error-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-checkbox-group-warning-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-checkbox-group-hint-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-checkbox-group-gap{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-checkbox-group-column-gap{syntax: \"<length>\"; inherits: true; initial-value: 20px;}@property --et-checkbox-group-label-font-size{syntax: \"<length>\"; inherits: true; initial-value: 13px;}et-checkbox-group{display:flex;flex-direction:column;gap:var(--et-checkbox-group-gap);color:var(--et-surface-color-solid, currentColor)}et-checkbox-group>et-label,et-checkbox-group .et-checkbox-group-label{font-size:var(--et-checkbox-group-label-font-size);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--et-surface-color-muted-solid, currentColor);-webkit-user-select:none;user-select:none}et-checkbox-group:where([data-size=sm]){--et-checkbox-group-label-font-size: 12px;--et-checkbox-group-gap: 8px}et-checkbox-group:where([data-size=sm]) et-checkbox-option{--et-checkbox-option-size: 16px;--et-checkbox-option-gap: 8px}et-checkbox-group:where([data-size=sm]) .et-checkbox-option-label{font-size:12px;line-height:16px}et-checkbox-group:where([data-size=sm]) .et-checkbox-option-check{inline-size:10px;block-size:8px}et-checkbox-group:where([data-size=lg]){--et-checkbox-group-label-font-size: 14px;--et-checkbox-group-gap: 12px}et-checkbox-group:where([data-size=lg]) et-checkbox-option{--et-checkbox-option-size: 24px;--et-checkbox-option-gap: 12px}et-checkbox-group:where([data-size=lg]) .et-checkbox-option-label{font-size:16px;line-height:24px}et-checkbox-group:where([data-size=lg]) .et-checkbox-option-check{inline-size:14px;block-size:12px}et-checkbox-group[data-error]{--_et-control-border: var(--et-theme-color-primary-solid)}et-checkbox-group[data-mixed] .et-checkbox-option-box{border-style:dashed;border-color:var(--et-theme-color-primary-solid, currentColor)}et-checkbox-group .et-checkbox-group-support{overflow:clip;block-size:0}et-checkbox-group .et-checkbox-group-support-stack{position:relative;display:grid}et-checkbox-group .et-checkbox-group-support-content{grid-area:1 / 1;min-inline-size:0;opacity:0;transform:translateY(0)}et-checkbox-group .et-checkbox-group-support-content[data-active]{opacity:1;transform:translateY(0)}et-checkbox-group .et-checkbox-group-errors{display:flex;flex-direction:column;gap:2px;padding-block-start:4px;font-size:var(--et-checkbox-group-error-font-size);color:var(--et-theme-color-primary-solid, currentColor)}et-checkbox-group .et-checkbox-group-warnings{display:flex;flex-direction:column;gap:2px;padding-block-start:4px;font-size:var(--et-checkbox-group-warning-font-size);color:var(--et-theme-color-primary-solid, currentColor)}et-checkbox-group .et-checkbox-group-hint{padding-block-start:4px;font-size:var(--et-checkbox-group-hint-font-size);color:var(--et-surface-color-muted-solid, currentColor)}et-checkbox-group .et-checkbox-group-hint:empty{display:none}et-checkbox-group[data-can-animate] .et-checkbox-group-support{transition:block-size var(--et-checkbox-group-support-duration) ease}et-checkbox-group[data-can-animate] .et-checkbox-group-support-content{transition:opacity var(--et-checkbox-group-support-duration) ease,transform var(--et-checkbox-group-support-duration) ease}@starting-style{et-checkbox-group[data-can-animate] .et-checkbox-group-support-content[data-active]{opacity:0;transform:translateY(calc(var(--et-checkbox-group-support-offset) * -1))}}@media(prefers-reduced-motion:reduce){et-checkbox-group{--et-checkbox-group-support-duration: 1ms;--et-checkbox-group-support-offset: 0px}}et-checkbox-group:where([data-orientation=horizontal]){flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:var(--et-checkbox-group-column-gap)}et-checkbox-group:where([data-orientation=horizontal])>et-label,et-checkbox-group:where([data-orientation=horizontal])>.et-checkbox-group-label,et-checkbox-group:where([data-orientation=horizontal])>.et-checkbox-group-support{flex-basis:100%}}\n"], dependencies: [{ kind: "directive", type: AnimatableDirective, selector: "[etAnimatable]", exportAs: ["etAnimatable"] }, { kind: "component", type: FormErrorComponent, selector: "et-form-error", inputs: ["error"] }, { kind: "component", type: FormWarningComponent, selector: "et-form-warning", inputs: ["warning"] }, { kind: "directive", type: ProvideColorDirective, selector: "[etProvideColor]", inputs: ["etProvideColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
             type: Component,
@@ -42661,7 +42687,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         FormFieldDirective,
                         {
                             directive: SelectionListDirective,
-                            inputs: ['value', 'mixed', 'touched', 'disabled', 'readonly', 'invalid', 'errors', 'required', 'name'],
+                            inputs: [
+                                'value',
+                                'mixed',
+                                'touched',
+                                'disabled',
+                                'readonly',
+                                'invalid',
+                                'errors',
+                                'required',
+                                'name',
+                                'aria-label',
+                                'aria-labelledby',
+                            ],
                             outputs: ['valueChange', 'mixedChange', 'touchedChange'],
                         },
                         { directive: ProvideColorDirective, inputs: ['etProvideColor:color'] },
@@ -42756,7 +42794,7 @@ class RadioGroupComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: RadioGroupComponent, isStandalone: true, selector: "et-radio-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()", "attr.data-orientation": "orientation()", "attr.data-can-animate": "canAnimate.state() || null", "attr.data-error": "support.displaysError() || null", "attr.data-warning": "support.displaysWarning() || null" }, classAttribute: "et-radio-group" }, providers: [provideFormSupport()], viewQueries: [{ propertyName: "errorContentRef", first: true, predicate: ["errorContent"], descendants: true, isSignal: true }, { propertyName: "warningContentRef", first: true, predicate: ["warningContent"], descendants: true, isSignal: true }, { propertyName: "hintContentRef", first: true, predicate: ["hintContent"], descendants: true, isSignal: true }, { propertyName: "errorAnimatableRef", first: true, predicate: ["errorAnimatable"], descendants: true, isSignal: true }, { propertyName: "warningAnimatableRef", first: true, predicate: ["warningAnimatable"], descendants: true, isSignal: true }, { propertyName: "hintAnimatableRef", first: true, predicate: ["hintAnimatable"], descendants: true, isSignal: true }], hostDirectives: [{ directive: FormFieldDirective }, { directive: SelectionListDirective, inputs: ["value", "value", "mixed", "mixed", "touched", "touched", "disabled", "disabled", "readonly", "readonly", "invalid", "invalid", "errors", "errors", "required", "required", "name", "name"], outputs: ["valueChange", "valueChange", "mixedChange", "mixedChange", "touchedChange", "touchedChange"] }, { directive: i1.ProvideColorDirective, inputs: ["etProvideColor", "color"] }], ngImport: i0, template: "<ng-content />\n\n@if (support.shouldRenderSupport()) {\n  <div [style.block-size.px]=\"support.supportHeight()\" class=\"et-radio-group-support\">\n    <div class=\"et-radio-group-support-stack\">\n      @if (support.shouldRenderError()) {\n        <div\n          #errorContent\n          #errorAnimatable=\"etAnimatable\"\n          [attr.aria-atomic]=\"support.errorActive() ? 'true' : null\"\n          [attr.aria-hidden]=\"!support.errorActive() ? 'true' : null\"\n          [attr.aria-live]=\"support.errorActive() ? 'polite' : null\"\n          [attr.data-active]=\"support.errorActive() || null\"\n          [etProvideColor]=\"support.errorColorTheme\"\n          class=\"et-radio-group-support-content et-radio-group-errors\"\n          etAnimatable\n        >\n          @for (error of support.visibleErrors(); track $index) {\n            <et-form-error [error]=\"error\" />\n          }\n        </div>\n      }\n\n      @if (support.shouldRenderWarning()) {\n        <div\n          #warningContent\n          #warningAnimatable=\"etAnimatable\"\n          [attr.aria-atomic]=\"support.warningActive() ? 'true' : null\"\n          [attr.aria-hidden]=\"!support.warningActive() ? 'true' : null\"\n          [attr.aria-live]=\"support.warningActive() ? 'polite' : null\"\n          [attr.data-active]=\"support.warningActive() || null\"\n          [etProvideColor]=\"support.warningColorTheme()\"\n          class=\"et-radio-group-support-content et-radio-group-warnings\"\n          etAnimatable\n        >\n          @for (warning of support.visibleWarnings(); track $index) {\n            <et-form-warning [warning]=\"warning\" />\n          }\n        </div>\n      }\n\n      @if (support.shouldRenderHint()) {\n        <div\n          #hintContent\n          #hintAnimatable=\"etAnimatable\"\n          [attr.aria-hidden]=\"!support.hintActive() ? 'true' : null\"\n          [attr.data-active]=\"support.hintActive() || null\"\n          class=\"et-radio-group-support-content et-radio-group-hint\"\n          etAnimatable\n        >\n          <ng-content select=\"et-hint\" />\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer components{@property --et-radio-group-support-duration{syntax: \"<time>\"; inherits: true; initial-value: .18s;}@property --et-radio-group-support-offset{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-radio-group-error-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-radio-group-warning-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-radio-group-hint-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-radio-group-gap{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-radio-group-column-gap{syntax: \"<length>\"; inherits: true; initial-value: 20px;}@property --et-radio-group-label-font-size{syntax: \"<length>\"; inherits: true; initial-value: 13px;}et-radio-group{display:flex;flex-direction:column;gap:var(--et-radio-group-gap);color:var(--et-surface-color-solid, currentColor)}et-radio-group>et-label,et-radio-group .et-radio-group-label{font-size:var(--et-radio-group-label-font-size);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--et-surface-color-muted-solid, currentColor);-webkit-user-select:none;user-select:none}et-radio-group:where([data-size=sm]){--et-radio-group-label-font-size: 12px;--et-radio-group-gap: 8px}et-radio-group:where([data-size=sm]) et-radio{--et-radio-size: 16px;--et-radio-dot-size: 8px;--et-radio-gap: 8px}et-radio-group:where([data-size=sm]) .et-radio-label{font-size:12px;line-height:16px}et-radio-group:where([data-size=lg]){--et-radio-group-label-font-size: 14px;--et-radio-group-gap: 12px}et-radio-group:where([data-size=lg]) et-radio{--et-radio-size: 24px;--et-radio-dot-size: 12px;--et-radio-gap: 12px}et-radio-group:where([data-size=lg]) .et-radio-label{font-size:16px;line-height:24px}et-radio-group[data-error]{--_et-control-border: var(--et-theme-color-primary-solid)}et-radio-group[data-mixed] .et-radio-circle{border-style:dashed;border-color:var(--et-theme-color-primary-solid, currentColor)}et-radio-group .et-radio-group-support{overflow:clip;block-size:0}et-radio-group .et-radio-group-support-stack{position:relative;display:grid}et-radio-group .et-radio-group-support-content{grid-area:1 / 1;min-inline-size:0;opacity:0;transform:translateY(0)}et-radio-group .et-radio-group-support-content[data-active]{opacity:1;transform:translateY(0)}et-radio-group .et-radio-group-errors{display:flex;flex-direction:column;gap:2px;padding-block-start:4px;font-size:var(--et-radio-group-error-font-size);color:var(--et-theme-color-primary-solid, currentColor)}et-radio-group .et-radio-group-warnings{display:flex;flex-direction:column;gap:2px;padding-block-start:4px;font-size:var(--et-radio-group-warning-font-size);color:var(--et-theme-color-primary-solid, currentColor)}et-radio-group .et-radio-group-hint{padding-block-start:4px;font-size:var(--et-radio-group-hint-font-size);color:var(--et-surface-color-muted-solid, currentColor)}et-radio-group .et-radio-group-hint:empty{display:none}et-radio-group[data-can-animate] .et-radio-group-support{transition:block-size var(--et-radio-group-support-duration) ease}et-radio-group[data-can-animate] .et-radio-group-support-content{transition:opacity var(--et-radio-group-support-duration) ease,transform var(--et-radio-group-support-duration) ease}@starting-style{et-radio-group[data-can-animate] .et-radio-group-support-content[data-active]{opacity:0;transform:translateY(calc(var(--et-radio-group-support-offset) * -1))}}@media(prefers-reduced-motion:reduce){et-radio-group{--et-radio-group-support-duration: 1ms;--et-radio-group-support-offset: 0px}}et-radio-group:where([data-orientation=horizontal]){flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:var(--et-radio-group-column-gap)}et-radio-group:where([data-orientation=horizontal])>et-label,et-radio-group:where([data-orientation=horizontal])>.et-radio-group-label,et-radio-group:where([data-orientation=horizontal])>.et-radio-group-support{flex-basis:100%}}\n"], dependencies: [{ kind: "directive", type: AnimatableDirective, selector: "[etAnimatable]", exportAs: ["etAnimatable"] }, { kind: "component", type: FormErrorComponent, selector: "et-form-error", inputs: ["error"] }, { kind: "component", type: FormWarningComponent, selector: "et-form-warning", inputs: ["warning"] }, { kind: "directive", type: ProvideColorDirective, selector: "[etProvideColor]", inputs: ["etProvideColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: RadioGroupComponent, isStandalone: true, selector: "et-radio-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()", "attr.data-orientation": "orientation()", "attr.data-can-animate": "canAnimate.state() || null", "attr.data-error": "support.displaysError() || null", "attr.data-warning": "support.displaysWarning() || null" }, classAttribute: "et-radio-group" }, providers: [provideFormSupport()], viewQueries: [{ propertyName: "errorContentRef", first: true, predicate: ["errorContent"], descendants: true, isSignal: true }, { propertyName: "warningContentRef", first: true, predicate: ["warningContent"], descendants: true, isSignal: true }, { propertyName: "hintContentRef", first: true, predicate: ["hintContent"], descendants: true, isSignal: true }, { propertyName: "errorAnimatableRef", first: true, predicate: ["errorAnimatable"], descendants: true, isSignal: true }, { propertyName: "warningAnimatableRef", first: true, predicate: ["warningAnimatable"], descendants: true, isSignal: true }, { propertyName: "hintAnimatableRef", first: true, predicate: ["hintAnimatable"], descendants: true, isSignal: true }], hostDirectives: [{ directive: FormFieldDirective }, { directive: SelectionListDirective, inputs: ["value", "value", "mixed", "mixed", "touched", "touched", "disabled", "disabled", "readonly", "readonly", "invalid", "invalid", "errors", "errors", "required", "required", "name", "name", "aria-label", "aria-label", "aria-labelledby", "aria-labelledby"], outputs: ["valueChange", "valueChange", "mixedChange", "mixedChange", "touchedChange", "touchedChange"] }, { directive: i1.ProvideColorDirective, inputs: ["etProvideColor", "color"] }], ngImport: i0, template: "<ng-content />\n\n@if (support.shouldRenderSupport()) {\n  <div [style.block-size.px]=\"support.supportHeight()\" class=\"et-radio-group-support\">\n    <div class=\"et-radio-group-support-stack\">\n      @if (support.shouldRenderError()) {\n        <div\n          #errorContent\n          #errorAnimatable=\"etAnimatable\"\n          [attr.aria-atomic]=\"support.errorActive() ? 'true' : null\"\n          [attr.aria-hidden]=\"!support.errorActive() ? 'true' : null\"\n          [attr.aria-live]=\"support.errorActive() ? 'polite' : null\"\n          [attr.data-active]=\"support.errorActive() || null\"\n          [etProvideColor]=\"support.errorColorTheme\"\n          class=\"et-radio-group-support-content et-radio-group-errors\"\n          etAnimatable\n        >\n          @for (error of support.visibleErrors(); track $index) {\n            <et-form-error [error]=\"error\" />\n          }\n        </div>\n      }\n\n      @if (support.shouldRenderWarning()) {\n        <div\n          #warningContent\n          #warningAnimatable=\"etAnimatable\"\n          [attr.aria-atomic]=\"support.warningActive() ? 'true' : null\"\n          [attr.aria-hidden]=\"!support.warningActive() ? 'true' : null\"\n          [attr.aria-live]=\"support.warningActive() ? 'polite' : null\"\n          [attr.data-active]=\"support.warningActive() || null\"\n          [etProvideColor]=\"support.warningColorTheme()\"\n          class=\"et-radio-group-support-content et-radio-group-warnings\"\n          etAnimatable\n        >\n          @for (warning of support.visibleWarnings(); track $index) {\n            <et-form-warning [warning]=\"warning\" />\n          }\n        </div>\n      }\n\n      @if (support.shouldRenderHint()) {\n        <div\n          #hintContent\n          #hintAnimatable=\"etAnimatable\"\n          [attr.aria-hidden]=\"!support.hintActive() ? 'true' : null\"\n          [attr.data-active]=\"support.hintActive() || null\"\n          class=\"et-radio-group-support-content et-radio-group-hint\"\n          etAnimatable\n        >\n          <ng-content select=\"et-hint\" />\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer components{@property --et-radio-group-support-duration{syntax: \"<time>\"; inherits: true; initial-value: .18s;}@property --et-radio-group-support-offset{syntax: \"<length>\"; inherits: true; initial-value: 4px;}@property --et-radio-group-error-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-radio-group-warning-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-radio-group-hint-font-size{syntax: \"<length>\"; inherits: true; initial-value: 12px;}@property --et-radio-group-gap{syntax: \"<length>\"; inherits: true; initial-value: 10px;}@property --et-radio-group-column-gap{syntax: \"<length>\"; inherits: true; initial-value: 20px;}@property --et-radio-group-label-font-size{syntax: \"<length>\"; inherits: true; initial-value: 13px;}et-radio-group{display:flex;flex-direction:column;gap:var(--et-radio-group-gap);color:var(--et-surface-color-solid, currentColor)}et-radio-group>et-label,et-radio-group .et-radio-group-label{font-size:var(--et-radio-group-label-font-size);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--et-surface-color-muted-solid, currentColor);-webkit-user-select:none;user-select:none}et-radio-group:where([data-size=sm]){--et-radio-group-label-font-size: 12px;--et-radio-group-gap: 8px}et-radio-group:where([data-size=sm]) et-radio{--et-radio-size: 16px;--et-radio-dot-size: 8px;--et-radio-gap: 8px}et-radio-group:where([data-size=sm]) .et-radio-label{font-size:12px;line-height:16px}et-radio-group:where([data-size=lg]){--et-radio-group-label-font-size: 14px;--et-radio-group-gap: 12px}et-radio-group:where([data-size=lg]) et-radio{--et-radio-size: 24px;--et-radio-dot-size: 12px;--et-radio-gap: 12px}et-radio-group:where([data-size=lg]) .et-radio-label{font-size:16px;line-height:24px}et-radio-group[data-error]{--_et-control-border: var(--et-theme-color-primary-solid)}et-radio-group[data-mixed] .et-radio-circle{border-style:dashed;border-color:var(--et-theme-color-primary-solid, currentColor)}et-radio-group .et-radio-group-support{overflow:clip;block-size:0}et-radio-group .et-radio-group-support-stack{position:relative;display:grid}et-radio-group .et-radio-group-support-content{grid-area:1 / 1;min-inline-size:0;opacity:0;transform:translateY(0)}et-radio-group .et-radio-group-support-content[data-active]{opacity:1;transform:translateY(0)}et-radio-group .et-radio-group-errors{display:flex;flex-direction:column;gap:2px;padding-block-start:4px;font-size:var(--et-radio-group-error-font-size);color:var(--et-theme-color-primary-solid, currentColor)}et-radio-group .et-radio-group-warnings{display:flex;flex-direction:column;gap:2px;padding-block-start:4px;font-size:var(--et-radio-group-warning-font-size);color:var(--et-theme-color-primary-solid, currentColor)}et-radio-group .et-radio-group-hint{padding-block-start:4px;font-size:var(--et-radio-group-hint-font-size);color:var(--et-surface-color-muted-solid, currentColor)}et-radio-group .et-radio-group-hint:empty{display:none}et-radio-group[data-can-animate] .et-radio-group-support{transition:block-size var(--et-radio-group-support-duration) ease}et-radio-group[data-can-animate] .et-radio-group-support-content{transition:opacity var(--et-radio-group-support-duration) ease,transform var(--et-radio-group-support-duration) ease}@starting-style{et-radio-group[data-can-animate] .et-radio-group-support-content[data-active]{opacity:0;transform:translateY(calc(var(--et-radio-group-support-offset) * -1))}}@media(prefers-reduced-motion:reduce){et-radio-group{--et-radio-group-support-duration: 1ms;--et-radio-group-support-offset: 0px}}et-radio-group:where([data-orientation=horizontal]){flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:var(--et-radio-group-column-gap)}et-radio-group:where([data-orientation=horizontal])>et-label,et-radio-group:where([data-orientation=horizontal])>.et-radio-group-label,et-radio-group:where([data-orientation=horizontal])>.et-radio-group-support{flex-basis:100%}}\n"], dependencies: [{ kind: "directive", type: AnimatableDirective, selector: "[etAnimatable]", exportAs: ["etAnimatable"] }, { kind: "component", type: FormErrorComponent, selector: "et-form-error", inputs: ["error"] }, { kind: "component", type: FormWarningComponent, selector: "et-form-warning", inputs: ["warning"] }, { kind: "directive", type: ProvideColorDirective, selector: "[etProvideColor]", inputs: ["etProvideColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: RadioGroupComponent, decorators: [{
             type: Component,
@@ -42764,7 +42802,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         FormFieldDirective,
                         {
                             directive: SelectionListDirective,
-                            inputs: ['value', 'mixed', 'touched', 'disabled', 'readonly', 'invalid', 'errors', 'required', 'name'],
+                            inputs: [
+                                'value',
+                                'mixed',
+                                'touched',
+                                'disabled',
+                                'readonly',
+                                'invalid',
+                                'errors',
+                                'required',
+                                'name',
+                                'aria-label',
+                                'aria-labelledby',
+                            ],
                             outputs: ['valueChange', 'mixedChange', 'touchedChange'],
                         },
                         { directive: ProvideColorDirective, inputs: ['etProvideColor:color'] },
@@ -45095,18 +45145,17 @@ class GridDirective {
         this.rowHeight = input(100, { ...(ngDevMode ? { debugName: "rowHeight" } : /* istanbul ignore next */ {}), transform: numberAttribute });
         this.gap = input(16, { ...(ngDevMode ? { debugName: "gap" } : /* istanbul ignore next */ {}), transform: numberAttribute });
         /**
-         * The items to render. Despite the name this is a live input, not a one-shot seed: every change is
-         * reconciled against what the grid holds - added ids are placed, missing ids are removed, an empty
-         * array clears the grid, and the same ids with different positions restore those positions. A host
-         * can therefore keep feeding its own signal in, including a saved snapshot after cancelled edits,
-         * without rebuilding the grid.
+         * The items to render. Every change is reconciled against what the grid holds - added ids are
+         * placed, missing ids are removed, an empty array clears the grid, and the same ids with different
+         * positions restore those positions. A host can therefore keep feeding its own signal in, including
+         * a saved snapshot after cancelled edits, without rebuilding the grid.
          */
-        this.initialItems = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "initialItems" }] : /* istanbul ignore next */ []));
+        this.items = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
         this.readOnly = input(false, { ...(ngDevMode ? { debugName: "readOnly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * Emitted after the layout changed on this side: a drag, a resize, a keyboard move, `addItem()` or
-         * `removeItem()`. Reconciling `initialItems` does not emit - what the host passed in cannot be news
+         * `removeItem()`. Reconciling `items` does not emit - what the host passed in cannot be news
          * to it - so this output can be read as "the user has unsaved changes".
          */
         this.layoutChange = output();
@@ -45118,7 +45167,7 @@ class GridDirective {
          */
         this.hostItems = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostItems" }] : /* istanbul ignore next */ []));
-        this.incomingItems = computed(() => this.hostItems()?.() ?? this.initialItems(), /* @ts-ignore */
+        this.incomingItems = computed(() => this.hostItems()?.() ?? this.items(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "incomingItems" }] : /* istanbul ignore next */ []));
         this.registrations = computed(() => this.gridConfig.registrations, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "registrations" }] : /* istanbul ignore next */ []));
@@ -45187,8 +45236,12 @@ class GridDirective {
             });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "geometry" }] : /* istanbul ignore next */ []));
-        this.items = computed(() => this.itemConfigs(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        /**
+         * The items the grid currently holds - the `items` input reconciled with everything that happened
+         * since: drags, resizes, `addItem()` and `removeItem()`.
+         */
+        this.currentItems = computed(() => this.itemConfigs(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentItems" }] : /* istanbul ignore next */ []));
         this.baseLayout = computed(() => {
             const breakpoint = this.activeBreakpoint();
             const overrides = this.layoutOverrides();
@@ -45292,12 +45345,14 @@ class GridDirective {
                         // waiting for a breakpoint switch.
                         const visitedBps = Object.keys(this.layoutOverrides());
                         if (visitedBps.length > 0) {
+                            const columnsByBp = new Map(this.breakpoints().map((bp) => [bp.name, bp.columns]));
                             const restored = {};
                             for (const bp of visitedBps) {
-                                restored[bp] = initial.map((item) => ({
-                                    id: item.id,
-                                    position: item.layout[bp] ?? { col: 0, row: 0, colSpan: 1, rowSpan: 1 },
-                                }));
+                                restored[bp] = this.entriesForBreakpoint({
+                                    items: initial,
+                                    breakpoint: bp,
+                                    columns: columnsByBp.get(bp) ?? this.activeColumns(),
+                                });
                             }
                             this.layoutOverrides.set(restored);
                         }
@@ -45337,25 +45392,12 @@ class GridDirective {
                 const existing = overrides[breakpoint];
                 const columns = this.activeColumns();
                 if (!existing || existing.length !== items.length) {
-                    const existingById = existing ? new Map(existing.map((e) => [e.id, e])) : new Map();
-                    const entries = [];
-                    for (const item of items) {
-                        const existingEntry = existingById.get(item.id);
-                        if (existingEntry) {
-                            entries.push(existingEntry);
-                        }
-                        else {
-                            const constraints = this.getConstraints(item.id);
-                            const position = item.layout[breakpoint] ??
-                                autoPlace({
-                                    entries,
-                                    colSpan: constraints.minColSpan,
-                                    rowSpan: constraints.minRowSpan,
-                                    columns,
-                                });
-                            entries.push({ id: item.id, position });
-                        }
-                    }
+                    const entries = this.entriesForBreakpoint({
+                        items,
+                        breakpoint,
+                        columns,
+                        existing: existing ? new Map(existing.map((e) => [e.id, e])) : null,
+                    });
                     const compacted = compactLayout({ entries, columns });
                     this.layoutOverrides.update((prev) => ({ ...prev, [breakpoint]: compacted }));
                 }
@@ -45663,19 +45705,7 @@ class GridDirective {
         this.itemConfigs.set(items);
         const overrides = {};
         for (const [bpName, columns] of Object.entries(state.columns)) {
-            overrides[bpName] = items.map((item) => {
-                const constraints = this.getConstraintsForColumns(item.id, columns);
-                return {
-                    id: item.id,
-                    position: item.layout[bpName] ??
-                        autoPlace({
-                            entries: [],
-                            colSpan: constraints.minColSpan,
-                            rowSpan: constraints.minRowSpan,
-                            columns,
-                        }),
-                };
-            });
+            overrides[bpName] = this.entriesForBreakpoint({ items, breakpoint: bpName, columns });
         }
         this.layoutOverrides.set(overrides);
     }
@@ -45694,17 +45724,18 @@ class GridDirective {
         this.warnAboutUncoveredBreakpoints(items);
     }
     /**
-     * A layout key that is not a configured breakpoint is never read, and a configured breakpoint the
-     * layout omits falls back to a 1x1 item at the grid origin - silently, which reads as the grid
-     * having lost the layout. Neither is fatal (`addItem` auto-places a partial layout on purpose), so
-     * this warns rather than throws.
+     * A layout key that is not a configured breakpoint is never read, and a breakpoint a *partially*
+     * positioned layout omits is auto-placed in item order rather than mirroring the arrangement the
+     * other breakpoints spell out - both read as the grid having lost part of the layout. An entirely
+     * empty layout is the documented "place this for me" input (`addItem` emits exactly that), so it
+     * is not a problem and stays silent.
      */
     warnAboutUncoveredBreakpoints(items) {
         const configured = this.breakpoints().map((b) => b.name);
         const quote = (names) => names.map((name) => `"${name}"`).join(', ');
         for (const item of items) {
             const provided = Object.keys(item.layout);
-            const missing = configured.filter((name) => !provided.includes(name));
+            const missing = provided.length > 0 ? configured.filter((name) => !provided.includes(name)) : [];
             const unknown = provided.filter((name) => !configured.includes(name));
             const problems = [
                 missing.length > 0 ? `has no position for ${quote(missing)}` : null,
@@ -45712,7 +45743,7 @@ class GridDirective {
             ].filter((problem) => problem !== null);
             if (problems.length === 0)
                 continue;
-            console.warn(`[GridDirective] The layout of grid item "${item.id}" ${problems.join(' and ')}. Configured breakpoints are ${quote(configured)}; an omitted one renders as a 1x1 item at the grid origin.`, item);
+            console.warn(`[GridDirective] The layout of grid item "${item.id}" ${problems.join(' and ')}. Configured breakpoints are ${quote(configured)}; an omitted one is auto-placed in item order instead of following the positions the layout does carry.`, item);
         }
     }
     finalizeRemove(id, options) {
@@ -45725,6 +45756,32 @@ class GridDirective {
         if (!options?.silent)
             this.emitLayoutChange();
     }
+    /**
+     * The layout entries of `items` for one breakpoint. An item the breakpoint has no position for is
+     * auto-placed against the entries built before it, so a partial layout spreads out instead of
+     * stacking every unpositioned item on the grid origin.
+     */
+    entriesForBreakpoint(options) {
+        const { items, breakpoint, columns, existing } = options;
+        const entries = [];
+        for (const item of items) {
+            const existingEntry = existing?.get(item.id);
+            if (existingEntry) {
+                entries.push(existingEntry);
+                continue;
+            }
+            const constraints = this.getConstraintsForColumns(item.id, columns);
+            const position = item.layout[breakpoint] ??
+                autoPlace({
+                    entries,
+                    colSpan: constraints.minColSpan,
+                    rowSpan: constraints.minRowSpan,
+                    columns,
+                });
+            entries.push({ id: item.id, position });
+        }
+        return entries;
+    }
     placeItem(config, options) {
         const activeBp = this.activeBreakpoint();
         const columns = this.activeColumns();
@@ -45753,10 +45810,7 @@ class GridDirective {
             // Effective layout for this breakpoint: prefer layoutOverrides (already visited),
             // fall back to itemConfigs.layout[bp] (original API positions).
             const bpEntries = overrides[bp.name] ??
-                existingItems.map((item) => ({
-                    id: item.id,
-                    position: item.layout[bp.name] ?? { col: 0, row: 0, colSpan: 1, rowSpan: 1 },
-                }));
+                this.entriesForBreakpoint({ items: existingItems, breakpoint: bp.name, columns: bp.columns });
             layout[bp.name] = autoPlace({
                 entries: bpEntries,
                 colSpan: this.getConstraintsForColumns(config.id, bp.columns).minColSpan,
@@ -45874,7 +45928,7 @@ class GridDirective {
         this.layoutChange.emit(this.getSerializedState());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: GridDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: GridDirective, isStandalone: true, selector: "[etGrid]", inputs: { breakpoints: { classPropertyName: "breakpoints", publicName: "breakpoints", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, initialItems: { classPropertyName: "initialItems", publicName: "initialItems", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.et-grid--readonly": "readOnly()", "style.height.px": "hostHeight()", "style.transition": "containerTransition()", "style.--et-grid-gap.px": "gap()", "style.--et-grid-anim-duration": "isResizeActive() ? \"160ms\" : null" }, classAttribute: "et-grid" }, providers: [{ provide: GRID_TOKEN, useExisting: GridDirective }], exportAs: ["etGrid"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: GridDirective, isStandalone: true, selector: "[etGrid]", inputs: { breakpoints: { classPropertyName: "breakpoints", publicName: "breakpoints", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "class.et-grid--readonly": "readOnly()", "style.height.px": "hostHeight()", "style.transition": "containerTransition()", "style.--et-grid-gap.px": "gap()", "style.--et-grid-anim-duration": "isResizeActive() ? \"160ms\" : null" }, classAttribute: "et-grid" }, providers: [{ provide: GRID_TOKEN, useExisting: GridDirective }], exportAs: ["etGrid"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: GridDirective, decorators: [{
             type: Directive,
@@ -45891,7 +45945,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         '[style.--et-grid-anim-duration]': 'isResizeActive() ? "160ms" : null',
                     },
                 }]
-        }], ctorParameters: () => [], propDecorators: { breakpoints: [{ type: i0.Input, args: [{ isSignal: true, alias: "breakpoints", required: false }] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], initialItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialItems", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], layoutChange: [{ type: i0.Output, args: ["layoutChange"] }] } });
+        }], ctorParameters: () => [], propDecorators: { breakpoints: [{ type: i0.Input, args: [{ isSignal: true, alias: "breakpoints", required: false }] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], layoutChange: [{ type: i0.Output, args: ["layoutChange"] }] } });
 
 const SETTLE_FALLBACK_MS = 350;
 /** An unset span input stays unset; anything else goes through Angular's own number coercion. */
@@ -46696,12 +46750,11 @@ class GridComponent {
         this.gridConfig = injectGridConfig();
         this.labels = injectGridLabels();
         /**
-         * The items to render. Despite the name this is a live input, not a one-shot seed - see
-         * `GridDirective.initialItems`. Typed in the item payload, so `layoutChange` hands the same
-         * `TData` back instead of `unknown`.
+         * The items to render - a live input reconciled on every change, see `GridDirective.items`. Typed
+         * in the item payload, so `layoutChange` hands the same `TData` back instead of `unknown`.
          */
-        this.initialItems = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "initialItems" }] : /* istanbul ignore next */ []));
+        this.items = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
         /** Emitted after the layout changed on this side - see `GridDirective.layoutChange`. */
         this.layoutChange = output();
         // The one seam where the item type is re-attached: a host directive cannot be parameterized by its
@@ -46715,7 +46768,7 @@ class GridComponent {
         ...(ngDevMode ? [{ debugName: "actionsComponent" }] : /* istanbul ignore next */ []));
         this.registeredItems = computed(() => {
             const registrations = this.gridConfig.registrations;
-            return this.grid.items().flatMap((item) => {
+            return this.grid.currentItems().flatMap((item) => {
                 const reg = registrations.find((r) => r.type === item.type);
                 return reg ? [{ item, reg }] : [];
             });
@@ -46735,13 +46788,13 @@ class GridComponent {
             ? 'translate 200ms cubic-bezier(0.2, 0, 0, 1), width 200ms cubic-bezier(0.2, 0, 0, 1), height 200ms cubic-bezier(0.2, 0, 0, 1)'
             : 'none', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "ghostTransition" }] : /* istanbul ignore next */ []));
-        this.grid.hostItems.set(this.initialItems);
+        this.grid.hostItems.set(this.items);
         outputToObservable(this.grid.layoutChange)
             .pipe(tap((state) => this.layoutChange.emit(state)), takeUntilDestroyed())
             .subscribe();
         if (ngDevMode) {
             effect(() => {
-                const items = this.grid.items();
+                const items = this.grid.currentItems();
                 if (items.length === 0)
                     return;
                 const registrations = this.gridConfig.registrations;
@@ -46758,7 +46811,7 @@ class GridComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: GridComponent, isStandalone: true, selector: "et-grid, [et-grid]", inputs: { initialItems: { classPropertyName: "initialItems", publicName: "initialItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { layoutChange: "layoutChange" }, host: { attributes: { "role": "region" }, properties: { "class.et-grid--readonly": "grid.readOnly()", "attr.aria-label": "ariaLabel()" }, classAttribute: "et-grid" }, hostDirectives: [{ directive: GridDirective, inputs: ["breakpoints", "breakpoints", "rowHeight", "rowHeight", "gap", "gap", "readOnly", "readOnly"] }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: GridComponent, isStandalone: true, selector: "et-grid, [et-grid]", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { layoutChange: "layoutChange" }, host: { attributes: { "role": "region" }, properties: { "class.et-grid--readonly": "grid.readOnly()", "attr.aria-label": "ariaLabel()" }, classAttribute: "et-grid" }, hostDirectives: [{ directive: GridDirective, inputs: ["breakpoints", "breakpoints", "rowHeight", "rowHeight", "gap", "gap", "readOnly", "readOnly"] }], ngImport: i0, template: `
     @if (grid.isReady()) {
       @for (entry of registeredItems(); track entry.item.id) {
         <!-- The registration's constraints reach the item through the grid's own resolver, so
@@ -46837,7 +46890,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         '[class.et-grid--readonly]': 'grid.readOnly()',
                         '[attr.aria-label]': 'ariaLabel()',
                     }, styles: ["@property --et-grid-padding{syntax: \"<length>\"; inherits: false; initial-value: 0px;}.et-grid{display:block;box-sizing:border-box;padding:var(--et-grid-padding);position:relative;min-height:0}.et-grid:has(.et-grid-item--dragging,.et-grid-item--resizing){-webkit-user-select:none;user-select:none;cursor:grabbing}.et-grid:has(.et-grid-item--resizing){cursor:nwse-resize}.et-grid-ghost{position:absolute;top:0;left:0;z-index:0;border-radius:8px;background:rgb(var(--et-surface-color, 23 23 23) / .08);border:2px dashed rgb(var(--et-surface-color, 23 23 23) / .2);box-sizing:border-box;pointer-events:none}.et-grid--readonly .et-grid-item__actions{display:none}.et-grid--readonly .et-grid-item:hover .et-resize-handle--e:after,.et-grid--readonly .et-grid-item:hover .et-resize-handle--s:after,.et-grid--readonly .et-grid-item:hover .et-resize-handle--w:after,.et-grid--readonly .et-grid-item:hover .et-resize-handle--n:after,.et-grid--readonly .et-grid-item:hover .et-resize-handle--se:after,.et-grid--readonly .et-grid-item:hover .et-resize-handle--sw:after,.et-grid--readonly .et-grid-item:hover .et-resize-handle--ne:after,.et-grid--readonly .et-grid-item:hover .et-resize-handle--nw:after{content:unset}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { initialItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialItems", required: false }] }], layoutChange: [{ type: i0.Output, args: ["layoutChange"] }] } });
+        }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], layoutChange: [{ type: i0.Output, args: ["layoutChange"] }] } });
 
 const posEq = (a, b) => {
     if (!a && !b)
@@ -46850,7 +46903,7 @@ const posEq = (a, b) => {
  * Development-only debug overlay for an `et-grid` instance.
  *
  * ```html
- * <et-grid #myGrid [initialItems]="items()" ...></et-grid>
+ * <et-grid #myGrid [items]="items()" ...></et-grid>
  * <et-grid-debug [grid]="myGrid" [externalItems]="items()" />
  * ```
  *
@@ -46871,7 +46924,7 @@ class GridDebugComponent {
         ...(ngDevMode ? [{ debugName: "containerWidth" }] : /* istanbul ignore next */ []));
         this.breakpoints = computed(() => this.grid().grid.breakpoints(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "breakpoints" }] : /* istanbul ignore next */ []));
-        this.items = computed(() => this.grid().grid.items(), /* @ts-ignore */
+        this.items = computed(() => this.grid().grid.currentItems(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
         this.layout = computed(() => this.grid().grid.layout(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
@@ -47043,7 +47096,7 @@ class GridDebugComponent {
 
         @if (hasExternal()) {
           <p style="margin-top: 6px; color: #9ca3af; font-size: 10px">
-            int = grid.items() (internal) &nbsp;·&nbsp; ext = externalItems input &nbsp;·&nbsp;
+            int = grid.currentItems() (internal) &nbsp;·&nbsp; ext = externalItems input &nbsp;·&nbsp;
             <span style="color: #dc2626">red = undefined</span> &nbsp;·&nbsp;
             <span style="color: #d97706">orange = mismatch</span>
           </p>
@@ -47158,7 +47211,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 
         @if (hasExternal()) {
           <p style="margin-top: 6px; color: #9ca3af; font-size: 10px">
-            int = grid.items() (internal) &nbsp;·&nbsp; ext = externalItems input &nbsp;·&nbsp;
+            int = grid.currentItems() (internal) &nbsp;·&nbsp; ext = externalItems input &nbsp;·&nbsp;
             <span style="color: #dc2626">red = undefined</span> &nbsp;·&nbsp;
             <span style="color: #d97706">orange = mismatch</span>
           </p>
@@ -49883,6 +49936,8 @@ const SCHEDULER_ERROR_CODES = {
     EDIT_SURFACE_FEATURE_OUTSIDE_SURFACE: 4502,
     /** `[etSchedulerSwipeNavigation]` was placed on an element that is not an `[etScheduler]`. */
     SWIPE_NAVIGATION_OUTSIDE_SCHEDULER: 4503,
+    /** `[etSchedulerAppointmentDrag]` was placed on an element that is not an `[etScheduler]`. */
+    APPOINTMENT_DRAG_OUTSIDE_SCHEDULER: 4504,
 };
 
 /** The built-in English labels. */
@@ -49990,16 +50045,35 @@ class SchedulerDirective {
         /** Defaults to the locale's week start, else Monday. */
         this.firstDayOfWeek = input(undefined, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "firstDayOfWeek" }] : /* istanbul ignore next */ []));
+        /**
+         * How many days the agenda view lists, counted from {@link focusedDate}'s own day rather than
+         * from its week - the lever an open-ended "load more as you scroll" agenda grows. `null` keeps
+         * the agenda on the week view's window, so switching between the two keeps the same days.
+         */
+        this.agendaDays = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "agendaDays" }] : /* istanbul ignore next */ []));
+        /**
+         * Emits when a move or resize lands the appointment somewhere else - see
+         * {@link commitAppointmentDrag}. `appointments` is yours, so nothing has changed until you apply
+         * it; the preview drops on release, so persisting asynchronously wants an optimistic write.
+         */
+        this.appointmentReschedule = output();
         this.effectiveLocale = computed(() => this.locale() ?? this.defaultLocale, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "effectiveLocale" }] : /* istanbul ignore next */ []));
         this.effectiveFirstDayOfWeek = computed(() => this.firstDayOfWeek() ??
             this.effectiveLocale()?.options?.weekStartsOn ??
             1, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "effectiveFirstDayOfWeek" }] : /* istanbul ignore next */ []));
+        this.effectiveAgendaDays = computed(() => {
+            const dayCount = this.agendaDays();
+            return dayCount === null ? null : Math.max(1, Math.floor(dayCount));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "effectiveAgendaDays" }] : /* istanbul ignore next */ []));
         /**
          * The date span the active view is showing. Month pads out to full weeks, covering the grid's
          * leading/trailing days from adjacent months; week and agenda share one 7-day window, since
-         * agenda is a flat render of the same days the week view lays out on a grid.
+         * agenda is a flat render of the same days the week view lays out on a grid - unless
+         * {@link agendaDays} opts the agenda out of that window.
          */
         this.visibleRange = computed(() => {
             const date = this.focusedDate();
@@ -50007,8 +50081,14 @@ class SchedulerDirective {
             switch (this.view()) {
                 case 'day':
                     return { start: startOfDay(date), end: endOfDay(date) };
+                case 'agenda': {
+                    const dayCount = this.effectiveAgendaDays();
+                    if (dayCount === null) {
+                        return { start: startOfWeek(date, { weekStartsOn }), end: endOfWeek(date, { weekStartsOn }) };
+                    }
+                    return { start: startOfDay(date), end: endOfDay(addDays(date, dayCount - 1)) };
+                }
                 case 'week':
-                case 'agenda':
                     return { start: startOfWeek(date, { weekStartsOn }), end: endOfWeek(date, { weekStartsOn }) };
                 case 'month':
                 default:
@@ -50019,8 +50099,26 @@ class SchedulerDirective {
             }
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "visibleRange" }] : /* istanbul ignore next */ []));
-        /** {@link appointments}, arranged into sub-appointment chains - see `buildAppointmentTree`. */
-        this.appointmentTree = computed(() => buildAppointmentTree(this.appointments()), /* @ts-ignore */
+        /**
+         * The appointment being moved or resized by a drag, or `null` - see {@link beginAppointmentDrag}.
+         * Set only while the pointer is down.
+         */
+        this.appointmentDrag = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "appointmentDrag" }] : /* istanbul ignore next */ []));
+        /**
+         * {@link appointments} with an in-flight {@link appointmentDrag} applied to the one being dragged.
+         * Every layout derives from this, so a drag previews itself in whichever view is on screen.
+         */
+        this.effectiveAppointments = computed(() => {
+            const drag = this.appointmentDrag();
+            const appointments = this.appointments();
+            if (!drag)
+                return appointments;
+            return appointments.map((appointment) => appointment.id === drag.appointment.id ? { ...appointment, start: drag.start, end: drag.end } : appointment);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "effectiveAppointments" }] : /* istanbul ignore next */ []));
+        /** {@link effectiveAppointments}, arranged into sub-appointment chains - see `buildAppointmentTree`. */
+        this.appointmentTree = computed(() => buildAppointmentTree(this.effectiveAppointments()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "appointmentTree" }] : /* istanbul ignore next */ []));
         /** The seven weekday names, starting from {@link effectiveFirstDayOfWeek} - for grid/agenda headers. */
         this.weekdays = computed(() => {
@@ -50033,10 +50131,10 @@ class SchedulerDirective {
             });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "weekdays" }] : /* istanbul ignore next */ []));
-        /** {@link appointments} that overlap {@link visibleRange} at all - not yet bucketed per view. */
+        /** {@link effectiveAppointments} that overlap {@link visibleRange} at all - not yet bucketed per view. */
         this.visibleAppointments = computed(() => {
             const { start, end } = this.visibleRange();
-            return this.appointments().filter((appointment) => appointment.start <= end && appointment.end >= start);
+            return this.effectiveAppointments().filter((appointment) => appointment.start <= end && appointment.end >= start);
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "visibleAppointments" }] : /* istanbul ignore next */ []));
         /** The selected appointment itself, or `null` - resolved from {@link selectedAppointmentId}. */
@@ -50059,7 +50157,10 @@ class SchedulerDirective {
         /** Where the current drag started, so extending backwards past it flips the range. */
         this.draftAnchor = null;
     }
-    /** Steps {@link focusedDate} forward by the active view's unit - a day, a week, or a month. */
+    /**
+     * Steps {@link focusedDate} forward by the active view's unit - a day, a week, a month, or the
+     * agenda's own {@link agendaDays} span when it has one.
+     */
     next() {
         this.stepBy(1);
     }
@@ -50108,12 +50209,46 @@ class SchedulerDirective {
         this.draftAnchor = null;
         this.draftRange.set(null);
     }
+    /**
+     * Starts moving or resizing an appointment already on the calendar, previewed at its current time
+     * until the first {@link updateAppointmentDrag}. A view calls this once its gesture has committed,
+     * so a press that stays a click never begins one.
+     */
+    beginAppointmentDrag(appointment, mode) {
+        this.appointmentDrag.set({ appointment, mode, start: appointment.start, end: appointment.end });
+    }
+    /**
+     * Previews the dragged appointment at `start`-`end`. Both ends come from the view: only it knows
+     * what a pointer position means on its own geometry, and what its snapping and minimum are.
+     */
+    updateAppointmentDrag(start, end) {
+        this.appointmentDrag.update((drag) => (drag ? { ...drag, start, end } : null));
+    }
+    /**
+     * Releases the drag, emitting {@link appointmentReschedule} when it landed on a different range.
+     * The preview goes with it - the appointment renders from {@link appointments} again.
+     */
+    commitAppointmentDrag() {
+        const drag = this.appointmentDrag();
+        this.appointmentDrag.set(null);
+        if (!drag)
+            return;
+        const { appointment, start, end } = drag;
+        if (start.getTime() === appointment.start.getTime() && end.getTime() === appointment.end.getTime())
+            return;
+        this.appointmentReschedule.emit({ appointment: { ...appointment, start, end }, previous: appointment });
+    }
+    /** Drops the drag without emitting - a gesture the browser took away, so no range was chosen. */
+    clearAppointmentDrag() {
+        this.appointmentDrag.set(null);
+    }
     stepBy(step) {
         switch (this.view()) {
             case 'day':
                 return this.focusedDate.set(addDays(this.focusedDate(), step));
-            case 'week':
             case 'agenda':
+                return this.focusedDate.set(addDays(this.focusedDate(), step * (this.effectiveAgendaDays() ?? 7)));
+            case 'week':
                 return this.focusedDate.set(addDays(this.focusedDate(), step * 7));
             case 'month':
             default:
@@ -50121,7 +50256,7 @@ class SchedulerDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SchedulerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: SchedulerDirective, isStandalone: true, selector: "[etScheduler]", inputs: { appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, focusedDate: { classPropertyName: "focusedDate", publicName: "focusedDate", isSignal: true, isRequired: false, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", focusedDate: "focusedDateChange", selectedAppointmentId: "selectedAppointmentIdChange" }, exportAs: ["etScheduler"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: SchedulerDirective, isStandalone: true, selector: "[etScheduler]", inputs: { appointments: { classPropertyName: "appointments", publicName: "appointments", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, focusedDate: { classPropertyName: "focusedDate", publicName: "focusedDate", isSignal: true, isRequired: false, transformFunction: null }, selectedAppointmentId: { classPropertyName: "selectedAppointmentId", publicName: "selectedAppointmentId", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, agendaDays: { classPropertyName: "agendaDays", publicName: "agendaDays", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", focusedDate: "focusedDateChange", selectedAppointmentId: "selectedAppointmentIdChange", appointmentReschedule: "appointmentReschedule" }, exportAs: ["etScheduler"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SchedulerDirective, decorators: [{
             type: Directive,
@@ -50129,7 +50264,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                     selector: '[etScheduler]',
                     exportAs: 'etScheduler',
                 }]
-        }], propDecorators: { appointments: [{ type: i0.Input, args: [{ isSignal: true, alias: "appointments", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }, { type: i0.Output, args: ["viewChange"] }], focusedDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusedDate", required: false }] }, { type: i0.Output, args: ["focusedDateChange"] }], selectedAppointmentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedAppointmentId", required: false }] }, { type: i0.Output, args: ["selectedAppointmentIdChange"] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }] } });
+        }], propDecorators: { appointments: [{ type: i0.Input, args: [{ isSignal: true, alias: "appointments", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }, { type: i0.Output, args: ["viewChange"] }], focusedDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusedDate", required: false }] }, { type: i0.Output, args: ["focusedDateChange"] }], selectedAppointmentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedAppointmentId", required: false }] }, { type: i0.Output, args: ["selectedAppointmentIdChange"] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], agendaDays: [{ type: i0.Input, args: [{ isSignal: true, alias: "agendaDays", required: false }] }], appointmentReschedule: [{ type: i0.Output, args: ["appointmentReschedule"] }] } });
 
 const appointmentCoversDay$1 = (appointment, day) => appointment.start <= day.end && appointment.end >= day.start;
 /**
@@ -50768,11 +50903,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  */
 class SchedulerAppointmentStylesComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SchedulerAppointmentStylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: SchedulerAppointmentStylesComponent, isStandalone: true, selector: "et-scheduler-appointment-styles", ngImport: i0, template: '', isInline: true, styles: ["@layer components{.et-scheduler-appointment{display:flex;align-items:center;gap:6px;padding:2px 6px;border:none;border-radius:4px;background:color-mix(in srgb,var(--et-theme-color-primary-solid) 14%,transparent);color:var(--et-theme-color-ink-solid);font:inherit;font-size:12px;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.et-scheduler-appointment:hover{background:color-mix(in srgb,var(--et-theme-color-primary-solid) 22%,transparent)}}.et-scheduler-appointment:focus-visible{outline:2px solid var(--et-theme-color-primary-solid);outline-offset:1px}.et-scheduler-appointment:where([data-selected]){background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary)}.et-scheduler-appointment-title{overflow:hidden;min-inline-size:0;flex:1;text-overflow:ellipsis;white-space:nowrap}.et-scheduler-appointment-dot{flex-shrink:0;inline-size:6px;block-size:6px;border-radius:999px;background:var(--et-theme-color-primary-solid)}:where(.et-scheduler-appointment,.et-scheduler-time-grid-block):where([data-selected]) .et-scheduler-appointment-dot{background:var(--et-theme-color-on-primary)}.et-scheduler-appointment-time-range{flex-shrink:0;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.75}.et-scheduler-appointment-location{display:flex;flex-shrink:0;align-items:center;gap:3px;max-inline-size:40%;opacity:.75}.et-scheduler-appointment-location-icon{flex-shrink:0;inline-size:10px;block-size:10px}.et-scheduler-appointment-location-text{overflow:hidden;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.et-scheduler-appointment-chain-count{display:flex;flex-shrink:0;align-items:center;gap:2px;font-variant-numeric:tabular-nums;opacity:.75}.et-scheduler-appointment-chain-count-icon{inline-size:8px;block-size:8px;transform:rotate(90deg)}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: SchedulerAppointmentStylesComponent, isStandalone: true, selector: "et-scheduler-appointment-styles", ngImport: i0, template: '', isInline: true, styles: ["@layer components{.et-scheduler-appointment{display:flex;align-items:center;gap:6px;padding:2px 6px;border:none;border-radius:4px;background:color-mix(in srgb,var(--et-theme-color-primary-solid) 14%,transparent);color:var(--et-theme-color-ink-solid);font:inherit;font-size:12px;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.et-scheduler-appointment:hover{background:color-mix(in srgb,var(--et-theme-color-primary-solid) 22%,transparent)}}.et-scheduler-appointment:focus-visible{outline:2px solid var(--et-theme-color-primary-solid);outline-offset:1px}.et-scheduler-appointment:where([data-selected]){background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary)}.et-scheduler-appointment:where([data-draggable]){cursor:grab;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.et-scheduler-appointment:where([data-dragging]){box-shadow:0 2px 8px #00000040;cursor:grabbing}.et-scheduler-appointment-title{overflow:hidden;min-inline-size:0;flex:1;text-overflow:ellipsis;white-space:nowrap}.et-scheduler-appointment-dot{flex-shrink:0;inline-size:6px;block-size:6px;border-radius:999px;background:var(--et-theme-color-primary-solid)}:where(.et-scheduler-appointment,.et-scheduler-time-grid-block):where([data-selected]) .et-scheduler-appointment-dot{background:var(--et-theme-color-on-primary)}.et-scheduler-appointment-time-range{flex-shrink:0;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.75}.et-scheduler-appointment-location{display:flex;flex-shrink:0;align-items:center;gap:3px;max-inline-size:40%;opacity:.75}.et-scheduler-appointment-location-icon{flex-shrink:0;inline-size:10px;block-size:10px}.et-scheduler-appointment-location-text{overflow:hidden;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.et-scheduler-appointment-chain-count{display:flex;flex-shrink:0;align-items:center;gap:2px;font-variant-numeric:tabular-nums;opacity:.75}.et-scheduler-appointment-chain-count-icon{inline-size:8px;block-size:8px;transform:rotate(90deg)}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SchedulerAppointmentStylesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'et-scheduler-appointment-styles', template: '', encapsulation: ViewEncapsulation.None, styles: ["@layer components{.et-scheduler-appointment{display:flex;align-items:center;gap:6px;padding:2px 6px;border:none;border-radius:4px;background:color-mix(in srgb,var(--et-theme-color-primary-solid) 14%,transparent);color:var(--et-theme-color-ink-solid);font:inherit;font-size:12px;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.et-scheduler-appointment:hover{background:color-mix(in srgb,var(--et-theme-color-primary-solid) 22%,transparent)}}.et-scheduler-appointment:focus-visible{outline:2px solid var(--et-theme-color-primary-solid);outline-offset:1px}.et-scheduler-appointment:where([data-selected]){background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary)}.et-scheduler-appointment-title{overflow:hidden;min-inline-size:0;flex:1;text-overflow:ellipsis;white-space:nowrap}.et-scheduler-appointment-dot{flex-shrink:0;inline-size:6px;block-size:6px;border-radius:999px;background:var(--et-theme-color-primary-solid)}:where(.et-scheduler-appointment,.et-scheduler-time-grid-block):where([data-selected]) .et-scheduler-appointment-dot{background:var(--et-theme-color-on-primary)}.et-scheduler-appointment-time-range{flex-shrink:0;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.75}.et-scheduler-appointment-location{display:flex;flex-shrink:0;align-items:center;gap:3px;max-inline-size:40%;opacity:.75}.et-scheduler-appointment-location-icon{flex-shrink:0;inline-size:10px;block-size:10px}.et-scheduler-appointment-location-text{overflow:hidden;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.et-scheduler-appointment-chain-count{display:flex;flex-shrink:0;align-items:center;gap:2px;font-variant-numeric:tabular-nums;opacity:.75}.et-scheduler-appointment-chain-count-icon{inline-size:8px;block-size:8px;transform:rotate(90deg)}}\n"] }]
+            args: [{ selector: 'et-scheduler-appointment-styles', template: '', encapsulation: ViewEncapsulation.None, styles: ["@layer components{.et-scheduler-appointment{display:flex;align-items:center;gap:6px;padding:2px 6px;border:none;border-radius:4px;background:color-mix(in srgb,var(--et-theme-color-primary-solid) 14%,transparent);color:var(--et-theme-color-ink-solid);font:inherit;font-size:12px;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.et-scheduler-appointment:hover{background:color-mix(in srgb,var(--et-theme-color-primary-solid) 22%,transparent)}}.et-scheduler-appointment:focus-visible{outline:2px solid var(--et-theme-color-primary-solid);outline-offset:1px}.et-scheduler-appointment:where([data-selected]){background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary)}.et-scheduler-appointment:where([data-draggable]){cursor:grab;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.et-scheduler-appointment:where([data-dragging]){box-shadow:0 2px 8px #00000040;cursor:grabbing}.et-scheduler-appointment-title{overflow:hidden;min-inline-size:0;flex:1;text-overflow:ellipsis;white-space:nowrap}.et-scheduler-appointment-dot{flex-shrink:0;inline-size:6px;block-size:6px;border-radius:999px;background:var(--et-theme-color-primary-solid)}:where(.et-scheduler-appointment,.et-scheduler-time-grid-block):where([data-selected]) .et-scheduler-appointment-dot{background:var(--et-theme-color-on-primary)}.et-scheduler-appointment-time-range{flex-shrink:0;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.75}.et-scheduler-appointment-location{display:flex;flex-shrink:0;align-items:center;gap:3px;max-inline-size:40%;opacity:.75}.et-scheduler-appointment-location-icon{flex-shrink:0;inline-size:10px;block-size:10px}.et-scheduler-appointment-location-text{overflow:hidden;min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.et-scheduler-appointment-chain-count{display:flex;flex-shrink:0;align-items:center;gap:2px;font-variant-numeric:tabular-nums;opacity:.75}.et-scheduler-appointment-chain-count-icon{inline-size:8px;block-size:8px;transform:rotate(90deg)}}\n"] }]
         }] });
 
 /** The default agenda list: one section per visible day, appointments as full-width badges indented by chain depth. */
@@ -50781,15 +50916,21 @@ class SchedulerAgendaViewComponent {
         this.scheduler = inject(SchedulerDirective, { optional: true });
         this.agenda = inject(SchedulerAgendaDirective);
         this.featureHost = inject(SCHEDULER_FEATURE_HOST, { optional: true });
-        this.days = computed(() => this.agenda.days().map((day) => {
-            const guides = buildSchedulerAgendaGuides(day.nodes);
-            return {
-                ...day,
-                // deeper chains keep the last four levels rather than indenting off the edge - the elbow is
-                // always the innermost guide, so slicing from the end keeps the row readable
-                rows: day.nodes.map((node, index) => ({ node, guides: (guides[index] ?? []).slice(-4) })),
-            };
-        }), /* @ts-ignore */
+        this.days = computed(() => {
+            const withAppointments = this.agenda.days().filter((day) => day.nodes.length > 0);
+            return withAppointments.map((day, dayIndex) => {
+                const guides = buildSchedulerAgendaGuides(day.nodes);
+                const previous = withAppointments[dayIndex - 1];
+                return {
+                    ...day,
+                    // no heading on the first day: the toolbar's own label already names the period it starts in
+                    month: previous && !isSameMonth(previous.date, day.date) ? this.monthLabel(day.date) : null,
+                    // deeper chains keep the last four levels rather than indenting off the edge - the elbow is
+                    // always the innermost guide, so slicing from the end keeps the row readable
+                    rows: day.nodes.map((node, index) => ({ node, guides: (guides[index] ?? []).slice(-4) })),
+                };
+            });
+        }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "days" }] : /* istanbul ignore next */ []));
         injectStyleManager().mount(SchedulerAppointmentStylesComponent);
     }
@@ -50808,16 +50949,56 @@ class SchedulerAgendaViewComponent {
         this.scheduler?.surfaceAnchor.set(element);
         this.scheduler?.selectedAppointmentId.set(appointment.id);
     }
+    monthLabel(date) {
+        const locale = this.scheduler?.effectiveLocale();
+        return format(date, 'LLLL yyyy', locale ? { locale } : undefined);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SchedulerAgendaViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: SchedulerAgendaViewComponent, isStandalone: true, selector: "et-scheduler-agenda-view", host: { classAttribute: "et-scheduler-agenda-view" }, hostDirectives: [{ directive: SchedulerAgendaDirective }], ngImport: i0, template: "@for (day of days(); track day.date.getTime()) {\n  @if (day.nodes.length > 0) {\n    <div class=\"et-scheduler-agenda-view-day\">\n      <div [attr.data-today]=\"day.today ? '' : null\" class=\"et-scheduler-agenda-view-day-header\">\n        <span class=\"et-scheduler-agenda-view-day-weekday\">{{ weekdayLabel(day.date) }}</span>\n        <span class=\"et-scheduler-agenda-view-day-date\">{{ day.date.getDate() }}</span>\n      </div>\n\n      <div class=\"et-scheduler-agenda-view-day-appointments\">\n        @for (row of day.rows; track row.node.appointment.id) {\n          <div class=\"et-scheduler-agenda-view-appointment\">\n            @for (guide of row.guides; track $index) {\n              <span [attr.data-guide]=\"guide\" class=\"et-scheduler-agenda-view-guide\" aria-hidden=\"true\"></span>\n            }\n\n            <button\n              #appointmentButton\n              [attr.data-selected]=\"isSelected(row.node.appointment) ? '' : null\"\n              [attr.data-nested]=\"row.node.depth > 0 ? '' : null\"\n              [etProvideColor]=\"row.node.appointment.colorToken ?? null\"\n              (click)=\"select(row.node.appointment, appointmentButton)\"\n              class=\"et-scheduler-appointment\"\n              type=\"button\"\n            >\n              @for (adornment of badgeAdornments(); track $index) {\n                <ng-container\n                  *ngComponentOutlet=\"adornment.component; inputs: { node: row.node }; injector: adornment.injector\"\n                />\n              }\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n}\n", styles: ["@layer components{.et-scheduler-agenda-view{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.et-scheduler-agenda-view-day{display:flex;flex-direction:column;gap:4px}.et-scheduler-agenda-view-day-header{display:flex;align-items:center;gap:8px;padding-block-end:4px;border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-agenda-view-day-weekday{font-size:12px;font-weight:600;color:var(--et-surface-color-muted-solid)}.et-scheduler-agenda-view-day-date{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:999px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-solid)}.et-scheduler-agenda-view-day-header:where([data-today]) .et-scheduler-agenda-view-day-date{background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary);font-weight:600}.et-scheduler-agenda-view-day-appointments{display:flex;flex-direction:column;gap:2px}.et-scheduler-agenda-view-appointment{display:flex;align-items:stretch}.et-scheduler-agenda-view-appointment .et-scheduler-appointment{flex:1;min-inline-size:0}.et-scheduler-agenda-view-guide{position:relative;flex:none;inline-size:14px}.et-scheduler-agenda-view-guide:where([data-guide=trunk],[data-guide=branch],[data-guide=last-branch]):before{content:\"\";position:absolute;inset-block:-1px;inset-inline-start:50%;inline-size:1px;background:var(--et-surface-border-solid, currentColor)}.et-scheduler-agenda-view-guide:where([data-guide=last-branch]):before{inset-block:-1px 50%}.et-scheduler-agenda-view-guide:where([data-guide=branch],[data-guide=last-branch]):after{content:\"\";position:absolute;inset-block-start:50%;inset-inline:50% 0;block-size:1px;background:var(--et-surface-border-solid, currentColor)}}\n"], dependencies: [{ kind: "directive", type: ProvideColorDirective, selector: "[etProvideColor]", inputs: ["etProvideColor"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: SchedulerAgendaViewComponent, isStandalone: true, selector: "et-scheduler-agenda-view", host: { classAttribute: "et-scheduler-agenda-view" }, hostDirectives: [{ directive: SchedulerAgendaDirective }], ngImport: i0, template: "@for (day of days(); track day.date.getTime()) {\n  @if (day.month; as month) {\n    <h3 class=\"et-scheduler-agenda-view-month\">{{ month }}</h3>\n  }\n\n  <div class=\"et-scheduler-agenda-view-day\">\n    <div [attr.data-today]=\"day.today ? '' : null\" class=\"et-scheduler-agenda-view-day-header\">\n      <span class=\"et-scheduler-agenda-view-day-weekday\">{{ weekdayLabel(day.date) }}</span>\n      <span class=\"et-scheduler-agenda-view-day-date\">{{ day.date.getDate() }}</span>\n    </div>\n\n    <div class=\"et-scheduler-agenda-view-day-appointments\">\n      @for (row of day.rows; track row.node.appointment.id) {\n        <div class=\"et-scheduler-agenda-view-appointment\">\n          @for (guide of row.guides; track $index) {\n            <span [attr.data-guide]=\"guide\" class=\"et-scheduler-agenda-view-guide\" aria-hidden=\"true\"></span>\n          }\n\n          <button\n            #appointmentButton\n            [attr.data-selected]=\"isSelected(row.node.appointment) ? '' : null\"\n            [attr.data-nested]=\"row.node.depth > 0 ? '' : null\"\n            [etProvideColor]=\"row.node.appointment.colorToken ?? null\"\n            (click)=\"select(row.node.appointment, appointmentButton)\"\n            class=\"et-scheduler-appointment\"\n            type=\"button\"\n          >\n            @for (adornment of badgeAdornments(); track $index) {\n              <ng-container\n                *ngComponentOutlet=\"adornment.component; inputs: { node: row.node }; injector: adornment.injector\"\n              />\n            }\n          </button>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer components{.et-scheduler-agenda-view{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.et-scheduler-agenda-view-month{margin:8px 0 0;font-size:14px;font-weight:600;color:var(--et-surface-color-solid)}.et-scheduler-agenda-view-day{display:flex;flex-direction:column;gap:4px}.et-scheduler-agenda-view-day-header{display:flex;align-items:center;gap:8px;padding-block-end:4px;border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-agenda-view-day-weekday{font-size:12px;font-weight:600;color:var(--et-surface-color-muted-solid)}.et-scheduler-agenda-view-day-date{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:999px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-solid)}.et-scheduler-agenda-view-day-header:where([data-today]) .et-scheduler-agenda-view-day-date{background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary);font-weight:600}.et-scheduler-agenda-view-day-appointments{display:flex;flex-direction:column;gap:2px}.et-scheduler-agenda-view-appointment{display:flex;align-items:stretch}.et-scheduler-agenda-view-appointment .et-scheduler-appointment{flex:1;min-inline-size:0}.et-scheduler-agenda-view-guide{position:relative;flex:none;inline-size:14px}.et-scheduler-agenda-view-guide:where([data-guide=trunk],[data-guide=branch],[data-guide=last-branch]):before{content:\"\";position:absolute;inset-block:-1px;inset-inline-start:50%;inline-size:1px;background:var(--et-surface-border-solid, currentColor)}.et-scheduler-agenda-view-guide:where([data-guide=last-branch]):before{inset-block:-1px 50%}.et-scheduler-agenda-view-guide:where([data-guide=branch],[data-guide=last-branch]):after{content:\"\";position:absolute;inset-block-start:50%;inset-inline:50% 0;block-size:1px;background:var(--et-surface-border-solid, currentColor)}}\n"], dependencies: [{ kind: "directive", type: ProvideColorDirective, selector: "[etProvideColor]", inputs: ["etProvideColor"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SchedulerAgendaViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-scheduler-agenda-view', encapsulation: ViewEncapsulation.None, imports: [ProvideColorDirective, NgComponentOutlet], hostDirectives: [SchedulerAgendaDirective], host: {
                         class: 'et-scheduler-agenda-view',
-                    }, template: "@for (day of days(); track day.date.getTime()) {\n  @if (day.nodes.length > 0) {\n    <div class=\"et-scheduler-agenda-view-day\">\n      <div [attr.data-today]=\"day.today ? '' : null\" class=\"et-scheduler-agenda-view-day-header\">\n        <span class=\"et-scheduler-agenda-view-day-weekday\">{{ weekdayLabel(day.date) }}</span>\n        <span class=\"et-scheduler-agenda-view-day-date\">{{ day.date.getDate() }}</span>\n      </div>\n\n      <div class=\"et-scheduler-agenda-view-day-appointments\">\n        @for (row of day.rows; track row.node.appointment.id) {\n          <div class=\"et-scheduler-agenda-view-appointment\">\n            @for (guide of row.guides; track $index) {\n              <span [attr.data-guide]=\"guide\" class=\"et-scheduler-agenda-view-guide\" aria-hidden=\"true\"></span>\n            }\n\n            <button\n              #appointmentButton\n              [attr.data-selected]=\"isSelected(row.node.appointment) ? '' : null\"\n              [attr.data-nested]=\"row.node.depth > 0 ? '' : null\"\n              [etProvideColor]=\"row.node.appointment.colorToken ?? null\"\n              (click)=\"select(row.node.appointment, appointmentButton)\"\n              class=\"et-scheduler-appointment\"\n              type=\"button\"\n            >\n              @for (adornment of badgeAdornments(); track $index) {\n                <ng-container\n                  *ngComponentOutlet=\"adornment.component; inputs: { node: row.node }; injector: adornment.injector\"\n                />\n              }\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n}\n", styles: ["@layer components{.et-scheduler-agenda-view{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.et-scheduler-agenda-view-day{display:flex;flex-direction:column;gap:4px}.et-scheduler-agenda-view-day-header{display:flex;align-items:center;gap:8px;padding-block-end:4px;border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-agenda-view-day-weekday{font-size:12px;font-weight:600;color:var(--et-surface-color-muted-solid)}.et-scheduler-agenda-view-day-date{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:999px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-solid)}.et-scheduler-agenda-view-day-header:where([data-today]) .et-scheduler-agenda-view-day-date{background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary);font-weight:600}.et-scheduler-agenda-view-day-appointments{display:flex;flex-direction:column;gap:2px}.et-scheduler-agenda-view-appointment{display:flex;align-items:stretch}.et-scheduler-agenda-view-appointment .et-scheduler-appointment{flex:1;min-inline-size:0}.et-scheduler-agenda-view-guide{position:relative;flex:none;inline-size:14px}.et-scheduler-agenda-view-guide:where([data-guide=trunk],[data-guide=branch],[data-guide=last-branch]):before{content:\"\";position:absolute;inset-block:-1px;inset-inline-start:50%;inline-size:1px;background:var(--et-surface-border-solid, currentColor)}.et-scheduler-agenda-view-guide:where([data-guide=last-branch]):before{inset-block:-1px 50%}.et-scheduler-agenda-view-guide:where([data-guide=branch],[data-guide=last-branch]):after{content:\"\";position:absolute;inset-block-start:50%;inset-inline:50% 0;block-size:1px;background:var(--et-surface-border-solid, currentColor)}}\n"] }]
+                    }, template: "@for (day of days(); track day.date.getTime()) {\n  @if (day.month; as month) {\n    <h3 class=\"et-scheduler-agenda-view-month\">{{ month }}</h3>\n  }\n\n  <div class=\"et-scheduler-agenda-view-day\">\n    <div [attr.data-today]=\"day.today ? '' : null\" class=\"et-scheduler-agenda-view-day-header\">\n      <span class=\"et-scheduler-agenda-view-day-weekday\">{{ weekdayLabel(day.date) }}</span>\n      <span class=\"et-scheduler-agenda-view-day-date\">{{ day.date.getDate() }}</span>\n    </div>\n\n    <div class=\"et-scheduler-agenda-view-day-appointments\">\n      @for (row of day.rows; track row.node.appointment.id) {\n        <div class=\"et-scheduler-agenda-view-appointment\">\n          @for (guide of row.guides; track $index) {\n            <span [attr.data-guide]=\"guide\" class=\"et-scheduler-agenda-view-guide\" aria-hidden=\"true\"></span>\n          }\n\n          <button\n            #appointmentButton\n            [attr.data-selected]=\"isSelected(row.node.appointment) ? '' : null\"\n            [attr.data-nested]=\"row.node.depth > 0 ? '' : null\"\n            [etProvideColor]=\"row.node.appointment.colorToken ?? null\"\n            (click)=\"select(row.node.appointment, appointmentButton)\"\n            class=\"et-scheduler-appointment\"\n            type=\"button\"\n          >\n            @for (adornment of badgeAdornments(); track $index) {\n              <ng-container\n                *ngComponentOutlet=\"adornment.component; inputs: { node: row.node }; injector: adornment.injector\"\n              />\n            }\n          </button>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer components{.et-scheduler-agenda-view{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.et-scheduler-agenda-view-month{margin:8px 0 0;font-size:14px;font-weight:600;color:var(--et-surface-color-solid)}.et-scheduler-agenda-view-day{display:flex;flex-direction:column;gap:4px}.et-scheduler-agenda-view-day-header{display:flex;align-items:center;gap:8px;padding-block-end:4px;border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-agenda-view-day-weekday{font-size:12px;font-weight:600;color:var(--et-surface-color-muted-solid)}.et-scheduler-agenda-view-day-date{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:999px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-solid)}.et-scheduler-agenda-view-day-header:where([data-today]) .et-scheduler-agenda-view-day-date{background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary);font-weight:600}.et-scheduler-agenda-view-day-appointments{display:flex;flex-direction:column;gap:2px}.et-scheduler-agenda-view-appointment{display:flex;align-items:stretch}.et-scheduler-agenda-view-appointment .et-scheduler-appointment{flex:1;min-inline-size:0}.et-scheduler-agenda-view-guide{position:relative;flex:none;inline-size:14px}.et-scheduler-agenda-view-guide:where([data-guide=trunk],[data-guide=branch],[data-guide=last-branch]):before{content:\"\";position:absolute;inset-block:-1px;inset-inline-start:50%;inline-size:1px;background:var(--et-surface-border-solid, currentColor)}.et-scheduler-agenda-view-guide:where([data-guide=last-branch]):before{inset-block:-1px 50%}.et-scheduler-agenda-view-guide:where([data-guide=branch],[data-guide=last-branch]):after{content:\"\";position:absolute;inset-block-start:50%;inset-inline:50% 0;block-size:1px;background:var(--et-surface-border-solid, currentColor)}}\n"] }]
         }], ctorParameters: () => [] });
 
+/**
+ * Lets appointments already on the calendar be dragged to another time: moved on the month, week and
+ * day views, and resized by their edges on the week and day views. A completed drag emits
+ * `appointmentReschedule` rather than writing anything - `appointments` stays yours.
+ *
+ * One of the default pieces `<et-scheduler>` bundles; add it to a bare `[etScheduler]` composition
+ * to give its views the same gesture.
+ *
+ * @example
+ * <et-scheduler [etSchedulerAppointmentDrag]="{ enabled: false }" … />
+ */
+class SchedulerAppointmentDragDirective {
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.scheduler = inject(SchedulerDirective, { optional: true });
+        /** See {@link SchedulerAppointmentDragConfig}. */
+        this.config = input({}, { ...(ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {}), alias: 'etSchedulerAppointmentDrag',
+            transform: (schedulerFeatureConfig) });
+        /** Whether the views should start a drag at all - what each of them checks on `pointerdown`. */
+        this.isEnabled = computed(() => this.config().enabled ?? true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isEnabled" }] : /* istanbul ignore next */ []));
+        if (!this.scheduler) {
+            throw new RuntimeError(SCHEDULER_ERROR_CODES.APPOINTMENT_DRAG_OUTSIDE_SCHEDULER, '[etSchedulerAppointmentDrag] must be used on an <et-scheduler> or an [etScheduler] element.', { element: this.elementRef.nativeElement });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SchedulerAppointmentDragDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: SchedulerAppointmentDragDirective, isStandalone: true, selector: "[etSchedulerAppointmentDrag]", inputs: { config: { classPropertyName: "config", publicName: "etSchedulerAppointmentDrag", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["etSchedulerAppointmentDrag"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SchedulerAppointmentDragDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[etSchedulerAppointmentDrag]',
+                    exportAs: 'etSchedulerAppointmentDrag',
+                }]
+        }], ctorParameters: () => [], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "etSchedulerAppointmentDrag", required: false }] }] } });
+
 /**
  * The sub-appointment chain piece of an appointment badge, stamped by `etSchedulerBadgeChainCount`.
  * Renders a chevron and the total descendant count (every depth, not just direct children); hidden
@@ -51821,8 +52002,9 @@ class SchedulerSwipeNavigationDirective {
         const tracker = this.tracker;
         if (!tracker)
             return;
-        // A long press has armed the view's own drag-to-create, so this finger is drawing a range.
-        if (this.scheduler?.draftRange())
+        // A long press has armed a view's own gesture, so this finger is drawing a range or dragging an
+        // appointment - either way it is not a period step.
+        if (this.scheduler?.draftRange() || this.scheduler?.appointmentDrag())
             return this.forgetGesture();
         const { positiveMovementX, isScrolling } = tracker.update(event);
         if (isScrolling)
@@ -51877,21 +52059,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
         }], ctorParameters: () => [], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "etSchedulerSwipeNavigation", required: false }] }] } });
 
 /**
- * How long a finger has to stay still before it draws instead of scrolls. Long enough that the
+ * How long a finger has to stay still before it drags instead of scrolls. Long enough that the
  * browser has not started panning yet, short enough not to feel stuck.
  */
 const TOUCH_ARM_DELAY = 400;
 /**
- * Draws a range by dragging across a scheduler view, for both pointer kinds.
+ * One drag on a scheduler view, for both pointer kinds - drawing a new range across empty grid, or
+ * moving and resizing an appointment already on it.
  *
- * A mouse draws as soon as the drag passes the gesture's commit threshold, so a click stays a
- * click. A finger cannot: the views scroll vertically, so the browser claims the pan and cancels
- * the gesture. It therefore arms on a long press held still - early enough that panning has not
- * begun - after which `touchmove` is prevented so it never does. That listener has to stay
- * non-passive, which is why this listens through the renderer rather than an event binding.
+ * A mouse drags as soon as it passes the gesture's commit threshold, so a click stays a click. A
+ * finger cannot: the views scroll vertically, so the browser claims the pan and cancels the gesture.
+ * It therefore arms on a long press held still - early enough that panning has not begun - after
+ * which `touchmove` is prevented so it never does. That listener has to stay non-passive, which is
+ * why this listens through the renderer rather than an event binding.
  */
-const startSchedulerDraftGesture = (options) => {
-    const { event, element, renderer, destroyRef, draw, settle, cancel } = options;
+const startSchedulerDragGesture = (options) => {
+    const { event, element, renderer, destroyRef, track, settle, cancel } = options;
     const touch = event.pointerType === 'touch';
     let armed = !touch;
     const stopBlockingScroll = touch
@@ -51902,19 +52085,19 @@ const startSchedulerDraftGesture = (options) => {
         : () => undefined;
     const arm = () => {
         armed = true;
-        draw(event.clientX, event.clientY);
+        track(event.clientX, event.clientY);
     };
     const arming = touch ? timer(TOUCH_ARM_DELAY).pipe(tap(arm), takeUntilDestroyed(destroyRef)).subscribe() : null;
     const apply = (gesture) => {
         switch (gesture.type) {
             case 'start':
-                return armed ? draw(gesture.data.clientX, gesture.data.clientY) : undefined;
+                return armed ? track(gesture.data.clientX, gesture.data.clientY) : undefined;
             case 'move':
-                // a finger that moves before the press arms is scrolling the view, not drawing on it
+                // a finger that moves before the press arms is scrolling the view, not dragging on it
                 if (!armed)
                     return arming?.unsubscribe();
-                return draw(gesture.data.clientX, gesture.data.clientY);
-            // a long press released without moving still drew its first unit, so it settles like a drag
+                return track(gesture.data.clientX, gesture.data.clientY);
+            // a long press released without moving still tracked once, so it settles like a drag
             case 'end':
             case 'tapped':
                 return settle();
@@ -51936,6 +52119,7 @@ class SchedulerMonthViewComponent {
         this.month = inject(SchedulerMonthDirective);
         this.labels = injectSchedulerLabels();
         this.featureHost = inject(SCHEDULER_FEATURE_HOST, { optional: true });
+        this.appointmentDrag = inject(SchedulerAppointmentDragDirective, { optional: true });
         this.destroyRef = inject(DestroyRef);
         this.renderer = injectRenderer();
         this.weekRows = viewChildren('weekRow', /* @ts-ignore */
@@ -51944,6 +52128,11 @@ class SchedulerMonthViewComponent {
         ...(ngDevMode ? [{ debugName: "cells" }] : /* istanbul ignore next */ []));
         this.draftAnchor = viewChild('draftAnchor', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "draftAnchor" }] : /* istanbul ignore next */ []));
+        /** Whether the `etSchedulerAppointmentDrag` feature is present and on - see that directive. */
+        this.canDragAppointments = computed(() => this.appointmentDrag?.isEnabled() ?? false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canDragAppointments" }] : /* istanbul ignore next */ []));
+        /** Whether the press now ending moved a badge, rather than being a click on it - see {@link select}. */
+        this.hasDragged = false;
         injectStyleManager().mount(SchedulerAppointmentStylesComponent);
     }
     /** UI contributed by badge features (title, time range, …) - see `registerBadgeAdornment`. */
@@ -51957,6 +52146,10 @@ class SchedulerMonthViewComponent {
         return this.scheduler?.selectedAppointmentId() === appointment.id;
     }
     select(appointment, element = null) {
+        // only a `pointerdown` sets this, and one always precedes the click it belongs to - which is why
+        // the flag can live here and cannot go stale
+        if (this.hasDragged)
+            return;
         this.scheduler?.surfaceAnchor.set(element);
         this.scheduler?.selectedAppointmentId.set(appointment.id);
     }
@@ -51964,6 +52157,54 @@ class SchedulerMonthViewComponent {
         const draft = this.scheduler?.draftRange();
         return !!draft && date >= startOfDay(draft.start) && date <= draft.end;
     }
+    isDragging(appointment) {
+        return this.scheduler?.appointmentDrag()?.appointment.id === appointment.id;
+    }
+    /**
+     * The cells a dragged appointment would land on. Needed on top of the badge's own preview: a target
+     * cell already at `maxVisiblePerCell` collapses the badge into its overflow menu, leaving the drag
+     * with no feedback at all.
+     */
+    isDropTarget(date) {
+        const drag = this.scheduler?.appointmentDrag();
+        return !!drag && date >= startOfDay(drag.start) && date <= drag.end;
+    }
+    /**
+     * Moves an appointment to another day cell, keeping its time of day and its duration - the month
+     * works in whole days, so a badge has no edge to resize by. Touch arms on a long press, same as
+     * drawing a range does; see `startSchedulerDragGesture`.
+     */
+    startAppointmentDrag(event, target) {
+        // a press on a badge must not also draw a fresh range across the cells underneath it
+        event.stopPropagation();
+        const scheduler = this.scheduler;
+        if (!scheduler || !this.canDragAppointments() || event.button !== 0)
+            return;
+        const { appointment, weeks } = target;
+        const grab = this.dateAt(weeks, event);
+        if (!grab)
+            return;
+        this.hasDragged = false;
+        startSchedulerDragGesture({
+            event,
+            element: weeks,
+            renderer: this.renderer,
+            destroyRef: this.destroyRef,
+            track: (clientX, clientY) => {
+                this.hasDragged = true;
+                if (!scheduler.appointmentDrag())
+                    scheduler.beginAppointmentDrag(appointment, 'move');
+                const to = this.dateAt(weeks, { clientX, clientY });
+                // dragged off the grid: leave it on the last cell it was over rather than snapping home
+                if (!to)
+                    return;
+                const days = differenceInCalendarDays(to, grab);
+                scheduler.updateAppointmentDrag(addDays(appointment.start, days), addDays(appointment.end, days));
+            },
+            settle: () => scheduler.commitAppointmentDrag(),
+            cancel: () => scheduler.clearAppointmentDrag(),
+        });
+    }
     /**
      * Drags an all-day appointment's day span across the month grid. Whole days, so the range covers
      * every cell between the one pressed and the one under the pointer, in either direction.
@@ -51975,12 +52216,12 @@ class SchedulerMonthViewComponent {
         const anchor = this.dateAt(weeks, event);
         if (!anchor)
             return;
-        startSchedulerDraftGesture({
+        startSchedulerDragGesture({
             event,
             element: weeks,
             renderer: this.renderer,
             destroyRef: this.destroyRef,
-            draw: (clientX, clientY) => {
+            track: (clientX, clientY) => {
                 const to = this.dateAt(weeks, { clientX, clientY }) ?? anchor;
                 const [from, until] = to < anchor ? [to, anchor] : [anchor, to];
                 scheduler.setDraftRange({ start: startOfDay(from), end: endOfDay(until), allDay: true });
@@ -52046,19 +52287,20 @@ class SchedulerMonthViewComponent {
         return week[column]?.date ?? null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SchedulerMonthViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: SchedulerMonthViewComponent, isStandalone: true, selector: "et-scheduler-month-view", host: { classAttribute: "et-scheduler-month-view" }, viewQueries: [{ propertyName: "weekRows", predicate: ["weekRow"], descendants: true, isSignal: true }, { propertyName: "cells", predicate: ["cell"], descendants: true, isSignal: true }, { propertyName: "draftAnchor", first: true, predicate: ["draftAnchor"], descendants: true, isSignal: true }], hostDirectives: [{ directive: SchedulerMonthDirective }], ngImport: i0, template: "<div class=\"et-scheduler-month-view-weekdays\" role=\"row\">\n  @for (weekday of weekdays(); track weekday.long) {\n    <span [attr.aria-label]=\"weekday.long\" class=\"et-scheduler-month-view-weekday\" role=\"columnheader\">{{\n      weekday.short\n    }}</span>\n  }\n</div>\n\n<div #weeks (pointerdown)=\"startDraftRange($event, weeks)\" class=\"et-scheduler-month-view-weeks\" role=\"rowgroup\">\n  <!-- stretched over the drawn range on release, so the create surface can anchor to the whole of it -->\n  <div #draftAnchor class=\"et-scheduler-month-view-draft-anchor\" aria-hidden=\"true\"></div>\n\n  @for (week of month.weeks(); track $index) {\n    <div #weekRow class=\"et-scheduler-month-view-week\" role=\"row\">\n      @for (cell of week; track cell.date.getTime()) {\n        <div\n          #cell\n          [attr.data-outside-month]=\"cell.outsideMonth ? '' : null\"\n          [attr.data-today]=\"cell.today ? '' : null\"\n          [attr.data-draft]=\"isDrafted(cell.date) ? '' : null\"\n          class=\"et-scheduler-month-view-cell\"\n          role=\"gridcell\"\n        >\n          <span class=\"et-scheduler-month-view-cell-date\">{{ cell.date.getDate() }}</span>\n\n          <!-- pointerdown is stopped on everything interactive below so a press that starts on an\n               appointment or the overflow trigger does not also draw a range across the grid -->\n          <div class=\"et-scheduler-month-view-cell-appointments\">\n            @for (node of cell.visible; track node.appointment.id) {\n              <button\n                #appointmentButton\n                [attr.data-selected]=\"isSelected(node.appointment) ? '' : null\"\n                [attr.title]=\"node.appointment.title\"\n                [etProvideColor]=\"node.appointment.colorToken ?? null\"\n                (click)=\"select(node.appointment, appointmentButton)\"\n                (pointerdown)=\"$event.stopPropagation()\"\n                class=\"et-scheduler-appointment\"\n                type=\"button\"\n              >\n                @for (adornment of badgeAdornments(); track $index) {\n                  <ng-container\n                    *ngComponentOutlet=\"adornment.component; inputs: { node }; injector: adornment.injector\"\n                  />\n                }\n              </button>\n            }\n\n            @if (cell.overflow.length > 0) {\n              <div class=\"et-scheduler-month-view-overflow\" etMenu>\n                <button\n                  (pointerdown)=\"$event.stopPropagation()\"\n                  class=\"et-scheduler-month-view-overflow-trigger\"\n                  etMenuTrigger\n                  type=\"button\"\n                >\n                  {{ labels().moreAppointments(cell.overflow.length) }}\n                </button>\n\n                <ng-template etMenuSurface>\n                  <et-menu>\n                    @for (node of cell.overflow; track node.appointment.id) {\n                      <button\n                        [attr.data-selected]=\"isSelected(node.appointment) ? '' : null\"\n                        [etProvideColor]=\"node.appointment.colorToken ?? null\"\n                        (click)=\"select(node.appointment)\"\n                        et-menu-item\n                        type=\"button\"\n                      >\n                        {{ node.appointment.title }}\n                      </button>\n                    }\n                  </et-menu>\n                </ng-template>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: ["@layer components{@property --et-scheduler-month-view-cell-min-size{syntax: \"<length>\"; inherits: true; initial-value: 96px;}.et-scheduler-month-view{display:flex;flex-direction:column}.et-scheduler-month-view-weekdays,.et-scheduler-month-view-week{display:grid;grid-template-columns:repeat(7,1fr)}.et-scheduler-month-view-weekday{padding-block:6px;text-align:center;font-size:12px;font-weight:600;color:var(--et-surface-color-muted-solid)}.et-scheduler-month-view-weeks{position:relative;display:flex;flex-direction:column;flex:1;border-inline-start:1px solid var(--et-surface-border-solid);border-block-start:1px solid var(--et-surface-border-solid)}.et-scheduler-month-view-draft-anchor{position:absolute;pointer-events:none}.et-scheduler-month-view-week{flex:1;min-block-size:var(--et-scheduler-month-view-cell-min-size)}.et-scheduler-month-view-cell{display:flex;flex-direction:column;gap:2px;min-inline-size:0;padding:4px;overflow:hidden;border-inline-end:1px solid var(--et-surface-border-solid);border-block-end:1px solid var(--et-surface-border-solid);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.et-scheduler-month-view-cell:where([data-draft]){background:color-mix(in srgb,var(--et-theme-color-primary-solid) 12%,transparent);box-shadow:inset 0 0 0 1px var(--et-theme-color-primary-solid)}.et-scheduler-month-view-cell:where([data-outside-month]){color:var(--et-surface-color-subtle-solid)}.et-scheduler-month-view-cell:where([data-outside-month]) .et-scheduler-month-view-cell-date{color:var(--et-surface-color-subtle-solid)}.et-scheduler-month-view-cell-date{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:999px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-solid)}.et-scheduler-month-view-cell:where([data-today]) .et-scheduler-month-view-cell-date{background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary);font-weight:600}.et-scheduler-month-view-cell-appointments{display:flex;flex-direction:column;min-block-size:0;min-inline-size:0;gap:2px;overflow:hidden}.et-scheduler-month-view-cell-appointments .et-scheduler-appointment{gap:4px;min-inline-size:0;padding:2px 4px}.et-scheduler-month-view-cell-appointments .et-scheduler-appointment .et-scheduler-appointment-dot,.et-scheduler-month-view-cell-appointments .et-scheduler-appointment .et-scheduler-appointment-location{display:none}.et-scheduler-month-view-overflow-trigger{padding:2px 6px;border:none;background:transparent;color:var(--et-surface-color-muted-solid);font:inherit;font-size:12px;font-weight:500;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.et-scheduler-month-view-overflow-trigger:hover{color:var(--et-surface-color-solid)}}.et-scheduler-month-view-overflow-trigger:focus-visible{border-radius:4px;outline:2px solid var(--et-theme-color-primary-solid);outline-offset:1px}}\n"], dependencies: [{ kind: "directive", type: MenuDirective, selector: "[etMenu]", inputs: ["placement", "fallbackPlacements", "offset", "viewportPadding", "arrow", "arrowPadding", "autoFocus", "hoverOpen", "loop", "hoverOpenDelay", "hoverCloseDelay", "disabled", "open"], outputs: ["openChange"], exportAs: ["etMenu"] }, { kind: "directive", type: MenuTriggerDirective, selector: "[etMenuTrigger]", exportAs: ["etMenuTrigger"] }, { kind: "directive", type: MenuSurfaceDirective, selector: "ng-template[etMenuSurface]", exportAs: ["etMenuSurface"] }, { kind: "component", type: MenuComponent, selector: "et-menu" }, { kind: "component", type: MenuItemComponent, selector: "button[et-menu-item], a[et-menu-item]", inputs: ["variant"] }, { kind: "directive", type: ProvideColorDirective, selector: "[etProvideColor]", inputs: ["etProvideColor"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: SchedulerMonthViewComponent, isStandalone: true, selector: "et-scheduler-month-view", host: { classAttribute: "et-scheduler-month-view" }, viewQueries: [{ propertyName: "weekRows", predicate: ["weekRow"], descendants: true, isSignal: true }, { propertyName: "cells", predicate: ["cell"], descendants: true, isSignal: true }, { propertyName: "draftAnchor", first: true, predicate: ["draftAnchor"], descendants: true, isSignal: true }], hostDirectives: [{ directive: SchedulerMonthDirective }], ngImport: i0, template: "<div class=\"et-scheduler-month-view-weekdays\" role=\"row\">\n  @for (weekday of weekdays(); track weekday.long) {\n    <span [attr.aria-label]=\"weekday.long\" class=\"et-scheduler-month-view-weekday\" role=\"columnheader\">{{\n      weekday.short\n    }}</span>\n  }\n</div>\n\n<div #weeks (pointerdown)=\"startDraftRange($event, weeks)\" class=\"et-scheduler-month-view-weeks\" role=\"rowgroup\">\n  <!-- stretched over the drawn range on release, so the create surface can anchor to the whole of it -->\n  <div #draftAnchor class=\"et-scheduler-month-view-draft-anchor\" aria-hidden=\"true\"></div>\n\n  @for (week of month.weeks(); track $index) {\n    <div #weekRow class=\"et-scheduler-month-view-week\" role=\"row\">\n      @for (cell of week; track cell.date.getTime()) {\n        <div\n          #cell\n          [attr.data-outside-month]=\"cell.outsideMonth ? '' : null\"\n          [attr.data-today]=\"cell.today ? '' : null\"\n          [attr.data-draft]=\"isDrafted(cell.date) ? '' : null\"\n          [attr.data-drop-target]=\"isDropTarget(cell.date) ? '' : null\"\n          class=\"et-scheduler-month-view-cell\"\n          role=\"gridcell\"\n        >\n          <span class=\"et-scheduler-month-view-cell-date\">{{ cell.date.getDate() }}</span>\n\n          <!-- pointerdown is stopped on everything interactive below so a press that starts on an\n               appointment or the overflow trigger does not also draw a range across the grid -->\n          <div class=\"et-scheduler-month-view-cell-appointments\">\n            @for (node of cell.visible; track node.appointment.id) {\n              <button\n                #appointmentButton\n                [attr.data-selected]=\"isSelected(node.appointment) ? '' : null\"\n                [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n                [attr.data-dragging]=\"isDragging(node.appointment) ? '' : null\"\n                [attr.title]=\"node.appointment.title\"\n                [etProvideColor]=\"node.appointment.colorToken ?? null\"\n                (click)=\"select(node.appointment, appointmentButton)\"\n                (pointerdown)=\"startAppointmentDrag($event, { appointment: node.appointment, weeks })\"\n                class=\"et-scheduler-appointment\"\n                type=\"button\"\n              >\n                @for (adornment of badgeAdornments(); track $index) {\n                  <ng-container\n                    *ngComponentOutlet=\"adornment.component; inputs: { node }; injector: adornment.injector\"\n                  />\n                }\n              </button>\n            }\n\n            @if (cell.overflow.length > 0) {\n              <div class=\"et-scheduler-month-view-overflow\" etMenu>\n                <button\n                  (pointerdown)=\"$event.stopPropagation()\"\n                  class=\"et-scheduler-month-view-overflow-trigger\"\n                  etMenuTrigger\n                  type=\"button\"\n                >\n                  {{ labels().moreAppointments(cell.overflow.length) }}\n                </button>\n\n                <ng-template etMenuSurface>\n                  <et-menu>\n                    @for (node of cell.overflow; track node.appointment.id) {\n                      <button\n                        [attr.data-selected]=\"isSelected(node.appointment) ? '' : null\"\n                        [etProvideColor]=\"node.appointment.colorToken ?? null\"\n                        (click)=\"select(node.appointment)\"\n                        et-menu-item\n                        type=\"button\"\n                      >\n                        {{ node.appointment.title }}\n                      </button>\n                    }\n                  </et-menu>\n                </ng-template>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: ["@layer components{@property --et-scheduler-month-view-cell-min-size{syntax: \"<length>\"; inherits: true; initial-value: 96px;}.et-scheduler-month-view{display:flex;flex-direction:column}.et-scheduler-month-view-weekdays,.et-scheduler-month-view-week{display:grid;grid-template-columns:repeat(7,1fr)}.et-scheduler-month-view-weekday{padding-block:6px;text-align:center;font-size:12px;font-weight:600;color:var(--et-surface-color-muted-solid)}.et-scheduler-month-view-weeks{position:relative;display:flex;flex-direction:column;flex:1;border-inline-start:1px solid var(--et-surface-border-solid);border-block-start:1px solid var(--et-surface-border-solid)}.et-scheduler-month-view-draft-anchor{position:absolute;pointer-events:none}.et-scheduler-month-view-week{flex:1;min-block-size:var(--et-scheduler-month-view-cell-min-size)}.et-scheduler-month-view-cell{display:flex;flex-direction:column;gap:2px;min-inline-size:0;padding:4px;overflow:hidden;border-inline-end:1px solid var(--et-surface-border-solid);border-block-end:1px solid var(--et-surface-border-solid);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.et-scheduler-month-view-cell:where([data-draft],[data-drop-target]){background:color-mix(in srgb,var(--et-theme-color-primary-solid) 12%,transparent);box-shadow:inset 0 0 0 1px var(--et-theme-color-primary-solid)}.et-scheduler-month-view-cell:where([data-outside-month]){color:var(--et-surface-color-subtle-solid)}.et-scheduler-month-view-cell:where([data-outside-month]) .et-scheduler-month-view-cell-date{color:var(--et-surface-color-subtle-solid)}.et-scheduler-month-view-cell-date{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:999px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-solid)}.et-scheduler-month-view-cell:where([data-today]) .et-scheduler-month-view-cell-date{background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary);font-weight:600}.et-scheduler-month-view-cell-appointments{display:flex;flex-direction:column;min-block-size:0;min-inline-size:0;gap:2px;overflow:hidden}.et-scheduler-month-view-cell-appointments .et-scheduler-appointment{gap:4px;min-inline-size:0;padding:2px 4px}.et-scheduler-month-view-cell-appointments .et-scheduler-appointment .et-scheduler-appointment-dot,.et-scheduler-month-view-cell-appointments .et-scheduler-appointment .et-scheduler-appointment-location{display:none}.et-scheduler-month-view-overflow-trigger{padding:2px 6px;border:none;background:transparent;color:var(--et-surface-color-muted-solid);font:inherit;font-size:12px;font-weight:500;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.et-scheduler-month-view-overflow-trigger:hover{color:var(--et-surface-color-solid)}}.et-scheduler-month-view-overflow-trigger:focus-visible{border-radius:4px;outline:2px solid var(--et-theme-color-primary-solid);outline-offset:1px}}\n"], dependencies: [{ kind: "directive", type: MenuDirective, selector: "[etMenu]", inputs: ["placement", "fallbackPlacements", "offset", "viewportPadding", "arrow", "arrowPadding", "autoFocus", "hoverOpen", "loop", "hoverOpenDelay", "hoverCloseDelay", "disabled", "open"], outputs: ["openChange"], exportAs: ["etMenu"] }, { kind: "directive", type: MenuTriggerDirective, selector: "[etMenuTrigger]", exportAs: ["etMenuTrigger"] }, { kind: "directive", type: MenuSurfaceDirective, selector: "ng-template[etMenuSurface]", exportAs: ["etMenuSurface"] }, { kind: "component", type: MenuComponent, selector: "et-menu" }, { kind: "component", type: MenuItemComponent, selector: "button[et-menu-item], a[et-menu-item]", inputs: ["variant"] }, { kind: "directive", type: ProvideColorDirective, selector: "[etProvideColor]", inputs: ["etProvideColor"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SchedulerMonthViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-scheduler-month-view', encapsulation: ViewEncapsulation.None, imports: [...MENU_IMPORTS, ProvideColorDirective, NgComponentOutlet], hostDirectives: [SchedulerMonthDirective], host: {
                         class: 'et-scheduler-month-view',
-                    }, template: "<div class=\"et-scheduler-month-view-weekdays\" role=\"row\">\n  @for (weekday of weekdays(); track weekday.long) {\n    <span [attr.aria-label]=\"weekday.long\" class=\"et-scheduler-month-view-weekday\" role=\"columnheader\">{{\n      weekday.short\n    }}</span>\n  }\n</div>\n\n<div #weeks (pointerdown)=\"startDraftRange($event, weeks)\" class=\"et-scheduler-month-view-weeks\" role=\"rowgroup\">\n  <!-- stretched over the drawn range on release, so the create surface can anchor to the whole of it -->\n  <div #draftAnchor class=\"et-scheduler-month-view-draft-anchor\" aria-hidden=\"true\"></div>\n\n  @for (week of month.weeks(); track $index) {\n    <div #weekRow class=\"et-scheduler-month-view-week\" role=\"row\">\n      @for (cell of week; track cell.date.getTime()) {\n        <div\n          #cell\n          [attr.data-outside-month]=\"cell.outsideMonth ? '' : null\"\n          [attr.data-today]=\"cell.today ? '' : null\"\n          [attr.data-draft]=\"isDrafted(cell.date) ? '' : null\"\n          class=\"et-scheduler-month-view-cell\"\n          role=\"gridcell\"\n        >\n          <span class=\"et-scheduler-month-view-cell-date\">{{ cell.date.getDate() }}</span>\n\n          <!-- pointerdown is stopped on everything interactive below so a press that starts on an\n               appointment or the overflow trigger does not also draw a range across the grid -->\n          <div class=\"et-scheduler-month-view-cell-appointments\">\n            @for (node of cell.visible; track node.appointment.id) {\n              <button\n                #appointmentButton\n                [attr.data-selected]=\"isSelected(node.appointment) ? '' : null\"\n                [attr.title]=\"node.appointment.title\"\n                [etProvideColor]=\"node.appointment.colorToken ?? null\"\n                (click)=\"select(node.appointment, appointmentButton)\"\n                (pointerdown)=\"$event.stopPropagation()\"\n                class=\"et-scheduler-appointment\"\n                type=\"button\"\n              >\n                @for (adornment of badgeAdornments(); track $index) {\n                  <ng-container\n                    *ngComponentOutlet=\"adornment.component; inputs: { node }; injector: adornment.injector\"\n                  />\n                }\n              </button>\n            }\n\n            @if (cell.overflow.length > 0) {\n              <div class=\"et-scheduler-month-view-overflow\" etMenu>\n                <button\n                  (pointerdown)=\"$event.stopPropagation()\"\n                  class=\"et-scheduler-month-view-overflow-trigger\"\n                  etMenuTrigger\n                  type=\"button\"\n                >\n                  {{ labels().moreAppointments(cell.overflow.length) }}\n                </button>\n\n                <ng-template etMenuSurface>\n                  <et-menu>\n                    @for (node of cell.overflow; track node.appointment.id) {\n                      <button\n                        [attr.data-selected]=\"isSelected(node.appointment) ? '' : null\"\n                        [etProvideColor]=\"node.appointment.colorToken ?? null\"\n                        (click)=\"select(node.appointment)\"\n                        et-menu-item\n                        type=\"button\"\n                      >\n                        {{ node.appointment.title }}\n                      </button>\n                    }\n                  </et-menu>\n                </ng-template>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: ["@layer components{@property --et-scheduler-month-view-cell-min-size{syntax: \"<length>\"; inherits: true; initial-value: 96px;}.et-scheduler-month-view{display:flex;flex-direction:column}.et-scheduler-month-view-weekdays,.et-scheduler-month-view-week{display:grid;grid-template-columns:repeat(7,1fr)}.et-scheduler-month-view-weekday{padding-block:6px;text-align:center;font-size:12px;font-weight:600;color:var(--et-surface-color-muted-solid)}.et-scheduler-month-view-weeks{position:relative;display:flex;flex-direction:column;flex:1;border-inline-start:1px solid var(--et-surface-border-solid);border-block-start:1px solid var(--et-surface-border-solid)}.et-scheduler-month-view-draft-anchor{position:absolute;pointer-events:none}.et-scheduler-month-view-week{flex:1;min-block-size:var(--et-scheduler-month-view-cell-min-size)}.et-scheduler-month-view-cell{display:flex;flex-direction:column;gap:2px;min-inline-size:0;padding:4px;overflow:hidden;border-inline-end:1px solid var(--et-surface-border-solid);border-block-end:1px solid var(--et-surface-border-solid);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.et-scheduler-month-view-cell:where([data-draft]){background:color-mix(in srgb,var(--et-theme-color-primary-solid) 12%,transparent);box-shadow:inset 0 0 0 1px var(--et-theme-color-primary-solid)}.et-scheduler-month-view-cell:where([data-outside-month]){color:var(--et-surface-color-subtle-solid)}.et-scheduler-month-view-cell:where([data-outside-month]) .et-scheduler-month-view-cell-date{color:var(--et-surface-color-subtle-solid)}.et-scheduler-month-view-cell-date{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:999px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-solid)}.et-scheduler-month-view-cell:where([data-today]) .et-scheduler-month-view-cell-date{background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary);font-weight:600}.et-scheduler-month-view-cell-appointments{display:flex;flex-direction:column;min-block-size:0;min-inline-size:0;gap:2px;overflow:hidden}.et-scheduler-month-view-cell-appointments .et-scheduler-appointment{gap:4px;min-inline-size:0;padding:2px 4px}.et-scheduler-month-view-cell-appointments .et-scheduler-appointment .et-scheduler-appointment-dot,.et-scheduler-month-view-cell-appointments .et-scheduler-appointment .et-scheduler-appointment-location{display:none}.et-scheduler-month-view-overflow-trigger{padding:2px 6px;border:none;background:transparent;color:var(--et-surface-color-muted-solid);font:inherit;font-size:12px;font-weight:500;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.et-scheduler-month-view-overflow-trigger:hover{color:var(--et-surface-color-solid)}}.et-scheduler-month-view-overflow-trigger:focus-visible{border-radius:4px;outline:2px solid var(--et-theme-color-primary-solid);outline-offset:1px}}\n"] }]
+                    }, template: "<div class=\"et-scheduler-month-view-weekdays\" role=\"row\">\n  @for (weekday of weekdays(); track weekday.long) {\n    <span [attr.aria-label]=\"weekday.long\" class=\"et-scheduler-month-view-weekday\" role=\"columnheader\">{{\n      weekday.short\n    }}</span>\n  }\n</div>\n\n<div #weeks (pointerdown)=\"startDraftRange($event, weeks)\" class=\"et-scheduler-month-view-weeks\" role=\"rowgroup\">\n  <!-- stretched over the drawn range on release, so the create surface can anchor to the whole of it -->\n  <div #draftAnchor class=\"et-scheduler-month-view-draft-anchor\" aria-hidden=\"true\"></div>\n\n  @for (week of month.weeks(); track $index) {\n    <div #weekRow class=\"et-scheduler-month-view-week\" role=\"row\">\n      @for (cell of week; track cell.date.getTime()) {\n        <div\n          #cell\n          [attr.data-outside-month]=\"cell.outsideMonth ? '' : null\"\n          [attr.data-today]=\"cell.today ? '' : null\"\n          [attr.data-draft]=\"isDrafted(cell.date) ? '' : null\"\n          [attr.data-drop-target]=\"isDropTarget(cell.date) ? '' : null\"\n          class=\"et-scheduler-month-view-cell\"\n          role=\"gridcell\"\n        >\n          <span class=\"et-scheduler-month-view-cell-date\">{{ cell.date.getDate() }}</span>\n\n          <!-- pointerdown is stopped on everything interactive below so a press that starts on an\n               appointment or the overflow trigger does not also draw a range across the grid -->\n          <div class=\"et-scheduler-month-view-cell-appointments\">\n            @for (node of cell.visible; track node.appointment.id) {\n              <button\n                #appointmentButton\n                [attr.data-selected]=\"isSelected(node.appointment) ? '' : null\"\n                [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n                [attr.data-dragging]=\"isDragging(node.appointment) ? '' : null\"\n                [attr.title]=\"node.appointment.title\"\n                [etProvideColor]=\"node.appointment.colorToken ?? null\"\n                (click)=\"select(node.appointment, appointmentButton)\"\n                (pointerdown)=\"startAppointmentDrag($event, { appointment: node.appointment, weeks })\"\n                class=\"et-scheduler-appointment\"\n                type=\"button\"\n              >\n                @for (adornment of badgeAdornments(); track $index) {\n                  <ng-container\n                    *ngComponentOutlet=\"adornment.component; inputs: { node }; injector: adornment.injector\"\n                  />\n                }\n              </button>\n            }\n\n            @if (cell.overflow.length > 0) {\n              <div class=\"et-scheduler-month-view-overflow\" etMenu>\n                <button\n                  (pointerdown)=\"$event.stopPropagation()\"\n                  class=\"et-scheduler-month-view-overflow-trigger\"\n                  etMenuTrigger\n                  type=\"button\"\n                >\n                  {{ labels().moreAppointments(cell.overflow.length) }}\n                </button>\n\n                <ng-template etMenuSurface>\n                  <et-menu>\n                    @for (node of cell.overflow; track node.appointment.id) {\n                      <button\n                        [attr.data-selected]=\"isSelected(node.appointment) ? '' : null\"\n                        [etProvideColor]=\"node.appointment.colorToken ?? null\"\n                        (click)=\"select(node.appointment)\"\n                        et-menu-item\n                        type=\"button\"\n                      >\n                        {{ node.appointment.title }}\n                      </button>\n                    }\n                  </et-menu>\n                </ng-template>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: ["@layer components{@property --et-scheduler-month-view-cell-min-size{syntax: \"<length>\"; inherits: true; initial-value: 96px;}.et-scheduler-month-view{display:flex;flex-direction:column}.et-scheduler-month-view-weekdays,.et-scheduler-month-view-week{display:grid;grid-template-columns:repeat(7,1fr)}.et-scheduler-month-view-weekday{padding-block:6px;text-align:center;font-size:12px;font-weight:600;color:var(--et-surface-color-muted-solid)}.et-scheduler-month-view-weeks{position:relative;display:flex;flex-direction:column;flex:1;border-inline-start:1px solid var(--et-surface-border-solid);border-block-start:1px solid var(--et-surface-border-solid)}.et-scheduler-month-view-draft-anchor{position:absolute;pointer-events:none}.et-scheduler-month-view-week{flex:1;min-block-size:var(--et-scheduler-month-view-cell-min-size)}.et-scheduler-month-view-cell{display:flex;flex-direction:column;gap:2px;min-inline-size:0;padding:4px;overflow:hidden;border-inline-end:1px solid var(--et-surface-border-solid);border-block-end:1px solid var(--et-surface-border-solid);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.et-scheduler-month-view-cell:where([data-draft],[data-drop-target]){background:color-mix(in srgb,var(--et-theme-color-primary-solid) 12%,transparent);box-shadow:inset 0 0 0 1px var(--et-theme-color-primary-solid)}.et-scheduler-month-view-cell:where([data-outside-month]){color:var(--et-surface-color-subtle-solid)}.et-scheduler-month-view-cell:where([data-outside-month]) .et-scheduler-month-view-cell-date{color:var(--et-surface-color-subtle-solid)}.et-scheduler-month-view-cell-date{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:999px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-solid)}.et-scheduler-month-view-cell:where([data-today]) .et-scheduler-month-view-cell-date{background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary);font-weight:600}.et-scheduler-month-view-cell-appointments{display:flex;flex-direction:column;min-block-size:0;min-inline-size:0;gap:2px;overflow:hidden}.et-scheduler-month-view-cell-appointments .et-scheduler-appointment{gap:4px;min-inline-size:0;padding:2px 4px}.et-scheduler-month-view-cell-appointments .et-scheduler-appointment .et-scheduler-appointment-dot,.et-scheduler-month-view-cell-appointments .et-scheduler-appointment .et-scheduler-appointment-location{display:none}.et-scheduler-month-view-overflow-trigger{padding:2px 6px;border:none;background:transparent;color:var(--et-surface-color-muted-solid);font:inherit;font-size:12px;font-weight:500;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.et-scheduler-month-view-overflow-trigger:hover{color:var(--et-surface-color-solid)}}.et-scheduler-month-view-overflow-trigger:focus-visible{border-radius:4px;outline:2px solid var(--et-theme-color-primary-solid);outline-offset:1px}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { weekRows: [{ type: i0.ViewChildren, args: ['weekRow', { isSignal: true }] }], cells: [{ type: i0.ViewChildren, args: ['cell', { isSignal: true }] }], draftAnchor: [{ type: i0.ViewChild, args: ['draftAnchor', { isSignal: true }] }] } });
 
 const HOURS = /* @__PURE__ */ Array.from({ length: 24 }, (_, hour) => hour);
 const MINUTES_PER_DAY = 24 * 60;
-const DRAFT_SLOT_MINUTES = 15;
-const DRAFT_MINIMUM_DURATION = DRAFT_SLOT_MINUTES * 60 * 1000;
+/** What every range on the time axis snaps to, whether it is being drawn, moved or resized. */
+const SLOT_MINUTES = 15;
+const MINIMUM_DURATION = SLOT_MINUTES * 60 * 1000;
 /** What a press that never drags creates - a click, or a long press released where it landed. */
 const DEFAULT_DRAFT_MINUTES = 60;
 const DEFAULT_DRAFT_DURATION = DEFAULT_DRAFT_MINUTES * 60 * 1000;
@@ -52072,6 +52314,7 @@ class SchedulerTimeGridViewComponent {
         this.scheduler = inject(SchedulerDirective, { optional: true });
         this.grid = inject(SchedulerTimeGridDirective);
         this.featureHost = inject(SCHEDULER_FEATURE_HOST, { optional: true });
+        this.appointmentDrag = inject(SchedulerAppointmentDragDirective, { optional: true });
         this.destroyRef = inject(DestroyRef);
         this.hostInjector = inject(Injector);
         this.renderer = injectRenderer();
@@ -52079,8 +52322,15 @@ class SchedulerTimeGridViewComponent {
         ...(ngDevMode ? [{ debugName: "timeGridBody" }] : /* istanbul ignore next */ []));
         this.firstHourRow = viewChild('hourRow', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "firstHourRow" }] : /* istanbul ignore next */ []));
+        this.dayColumns = viewChildren('dayColumn', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dayColumns" }] : /* istanbul ignore next */ []));
         this.draftBlock = viewChild('draftBlock', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "draftBlock" }] : /* istanbul ignore next */ []));
+        /** Whether the `etSchedulerAppointmentDrag` feature is present and on - see that directive. */
+        this.canDragAppointments = computed(() => this.appointmentDrag?.isEnabled() ?? false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canDragAppointments" }] : /* istanbul ignore next */ []));
+        /** Whether the press now ending moved a block, rather than being a click on it - see {@link select}. */
+        this.hasDragged = false;
         this.hours = computed(() => {
             const locale = this.scheduler?.effectiveLocale();
             const reference = startOfDay(new Date());
@@ -52113,10 +52363,84 @@ class SchedulerTimeGridViewComponent {
     isSelected(appointment) {
         return this.scheduler?.selectedAppointmentId() === appointment.id;
     }
+    isDragging(appointment) {
+        return this.scheduler?.appointmentDrag()?.appointment.id === appointment.id;
+    }
     select(appointment, element) {
+        // only a `pointerdown` sets this, and one always precedes the click it belongs to - which is why
+        // the flag can live here and cannot go stale
+        if (this.hasDragged)
+            return;
         this.scheduler?.surfaceAnchor.set(element);
         this.scheduler?.selectedAppointmentId.set(appointment.id);
     }
+    /**
+     * Moves a block to another time or day, or drags one of its edges to resize it - the block's own
+     * press moves it, its two edge handles resize it. Touch arms on a long press, same as drawing a
+     * range does; see `startSchedulerDragGesture`.
+     */
+    startAppointmentDrag(event, target) {
+        // a press on a block must not also draw a fresh range down the column underneath it
+        event.stopPropagation();
+        const scheduler = this.scheduler;
+        if (!scheduler || !this.canDragAppointments() || event.button !== 0)
+            return;
+        const { appointment, mode, column } = target;
+        const drag = { ...target, grabMinutes: this.minutesAt(column.element, event.clientY) };
+        this.hasDragged = false;
+        startSchedulerDragGesture({
+            event,
+            element: column.element,
+            renderer: this.renderer,
+            destroyRef: this.destroyRef,
+            track: (clientX, clientY) => {
+                this.hasDragged = true;
+                if (!scheduler.appointmentDrag())
+                    scheduler.beginAppointmentDrag(appointment, mode);
+                const { start, end } = drag.mode === 'move' ? this.movedRange(drag, { clientX, clientY }) : this.resizedRange(drag, clientY);
+                scheduler.updateAppointmentDrag(start, end);
+            },
+            settle: () => scheduler.commitAppointmentDrag(),
+            cancel: () => scheduler.clearAppointmentDrag(),
+        });
+    }
+    /**
+     * Moves an all-day entry to other days, or drags one of its inline edges to change which days it
+     * spans - the strip works in whole days, so both gestures are horizontal and a move keeps the
+     * appointment's own times of day. Touch arms on a long press, same as a timed block does.
+     */
+    startAllDayDrag(event, target) {
+        // a press on an edge handle must not also start the entry moving
+        event.stopPropagation();
+        const scheduler = this.scheduler;
+        if (!scheduler || !this.canDragAppointments() || event.button !== 0)
+            return;
+        const { appointment, mode, lane } = target;
+        const grabDay = this.columnAt(event.clientX)?.day;
+        if (!grabDay)
+            return;
+        const drag = { appointment, mode, grabDay };
+        this.hasDragged = false;
+        startSchedulerDragGesture({
+            event,
+            element: lane,
+            renderer: this.renderer,
+            destroyRef: this.destroyRef,
+            track: (clientX) => {
+                this.hasDragged = true;
+                if (!scheduler.appointmentDrag())
+                    scheduler.beginAppointmentDrag(appointment, mode);
+                const to = this.columnAt(clientX)?.day;
+                // dragged off the strip: leave it on the last day it was over rather than snapping home
+                if (!to)
+                    return;
+                const { start, end } = this.allDayRange(drag, to);
+                scheduler.updateAppointmentDrag(start, end);
+            },
+            settle: () => scheduler.commitAppointmentDrag(),
+            cancel: () => scheduler.clearAppointmentDrag(),
+        });
+    }
     /**
      * Drags a new appointment's time range out of an empty part of a day column. With a mouse the
      * gesture's own commit threshold separates a drag from a click, so a click on empty grid drafts
@@ -52127,17 +52451,17 @@ class SchedulerTimeGridViewComponent {
         const scheduler = this.scheduler;
         if (!scheduler || event.button !== 0)
             return;
-        startSchedulerDraftGesture({
+        startSchedulerDragGesture({
             event,
             element: column.element,
             renderer: this.renderer,
             destroyRef: this.destroyRef,
-            draw: (_, clientY) => {
+            track: (_, clientY) => {
                 const at = this.draftTimeAt(column, clientY);
                 // the first unit is the full default: a long press released without moving has to land on
                 // the same hour a click does, and the first drag move recomputes from the anchor anyway
                 return scheduler.draftRange()
-                    ? scheduler.extendDraftRange(at, DRAFT_MINIMUM_DURATION)
+                    ? scheduler.extendDraftRange(at, MINIMUM_DURATION)
                     : scheduler.beginDraftRange(at, DEFAULT_DRAFT_DURATION);
             },
             settle: () => {
@@ -52153,6 +52477,60 @@ class SchedulerTimeGridViewComponent {
             cancel: () => scheduler.clearDraftRange(),
         });
     }
+    /** The appointment shifted by whole day columns across, and by however far the pointer fell down. */
+    movedRange(drag, at) {
+        const { appointment, column, grabMinutes } = drag;
+        const target = this.columnAt(at.clientX) ?? column;
+        const days = differenceInCalendarDays(target.day, column.day);
+        const minutes = this.minutesAt(target.element, at.clientY) - grabMinutes;
+        const start = this.snapToSlot(addMinutes(addDays(appointment.start, days), minutes));
+        return { start, end: new Date(start.getTime() + (appointment.end.getTime() - appointment.start.getTime())) };
+    }
+    /** One edge dragged to the pointer, stopping a slot short of the other so the block keeps a size. */
+    resizedRange(drag, clientY) {
+        const { appointment, column } = drag;
+        const at = this.snapToSlot(addMinutes(startOfDay(column.day), this.minutesAt(column.element, clientY)));
+        if (drag.mode === 'resize-start') {
+            const latest = new Date(appointment.end.getTime() - MINIMUM_DURATION);
+            return { start: at > latest ? latest : at, end: appointment.end };
+        }
+        const earliest = new Date(appointment.start.getTime() + MINIMUM_DURATION);
+        return { start: appointment.start, end: at < earliest ? earliest : at };
+    }
+    /**
+     * The all-day entry shifted to `to`, or one of its ends dragged there - whole days either way,
+     * applied as a day offset so whatever times of day the appointment carries survive the drag. An
+     * end stops on the other end's day rather than crossing it, leaving a one-day entry.
+     */
+    allDayRange(drag, to) {
+        const { appointment, mode, grabDay } = drag;
+        const span = differenceInCalendarDays(appointment.end, appointment.start);
+        switch (mode) {
+            case 'resize-start': {
+                const days = Math.min(differenceInCalendarDays(to, appointment.start), span);
+                return { start: addDays(appointment.start, days), end: appointment.end };
+            }
+            case 'resize-end': {
+                const days = Math.max(differenceInCalendarDays(to, appointment.end), -span);
+                return { start: appointment.start, end: addDays(appointment.end, days) };
+            }
+            default: {
+                const days = differenceInCalendarDays(to, grabDay);
+                return { start: addDays(appointment.start, days), end: addDays(appointment.end, days) };
+            }
+        }
+    }
+    /** The day column a pointer is over, or `null` past the grid's last column on either side. */
+    columnAt(clientX) {
+        const columns = this.dayColumns();
+        const index = columns.findIndex((column) => {
+            const { left, right } = column.nativeElement.getBoundingClientRect();
+            return clientX >= left && clientX <= right;
+        });
+        const element = columns[index]?.nativeElement;
+        const day = this.grid.days()[index];
+        return element && day ? { element, day: day.date } : null;
+    }
     /** A click on empty grid: an hour starting where it landed, snapped like a drawn range is. */
     draftHourAt(column, clientY) {
         const scheduler = this.scheduler;
@@ -52166,22 +52544,30 @@ class SchedulerTimeGridViewComponent {
             scheduler.commitDraftRange();
         }, { injector: this.hostInjector });
     }
-    /** The time a pointer at `clientY` sits at in `column`, snapped to the draft's slot size. */
+    /** The time a pointer at `clientY` sits at in `column`, snapped to the grid's slot size. */
     draftTimeAt(column, clientY) {
-        const { top, height } = column.element.getBoundingClientRect();
-        const fraction = Math.min(Math.max((clientY - top) / height, 0), 1);
-        const snapped = Math.round((fraction * MINUTES_PER_DAY) / DRAFT_SLOT_MINUTES) * DRAFT_SLOT_MINUTES;
-        return addMinutes(startOfDay(column.day), Math.min(snapped, MINUTES_PER_DAY));
+        return this.snapToSlot(addMinutes(startOfDay(column.day), this.minutesAt(column.element, clientY)));
+    }
+    /** How far into its day a pointer at `clientY` sits, in minutes, within a day column. */
+    minutesAt(element, clientY) {
+        const { top, height } = element.getBoundingClientRect();
+        return Math.min(Math.max((clientY - top) / height, 0), 1) * MINUTES_PER_DAY;
+    }
+    /** `at` on the nearest slot boundary, so every range lands on the same grid the hour rows draw. */
+    snapToSlot(at) {
+        const dayStart = startOfDay(at);
+        const minutes = differenceInMinutes(at, dayStart);
+        return addMinutes(dayStart, Math.round(minutes / SLOT_MINUTES) * SLOT_MINUTES);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SchedulerTimeGridViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: SchedulerTimeGridViewComponent, isStandalone: true, selector: "et-scheduler-time-grid-view", host: { classAttribute: "et-scheduler-time-grid-view" }, viewQueries: [{ propertyName: "timeGridBody", first: true, predicate: ["timeGridBody"], descendants: true, isSignal: true }, { propertyName: "firstHourRow", first: true, predicate: ["hourRow"], descendants: true, isSignal: true }, { propertyName: "draftBlock", first: true, predicate: ["draftBlock"], descendants: true, isSignal: true }], hostDirectives: [{ directive: SchedulerTimeGridDirective }], ngImport: i0, template: "<div class=\"et-scheduler-time-grid-row et-scheduler-time-grid-header\" role=\"row\">\n  <div class=\"et-scheduler-time-grid-gutter\"></div>\n\n  <div class=\"et-scheduler-time-grid-days\">\n    @for (day of grid.days(); track day.date.getTime()) {\n      <div [attr.data-today]=\"day.today ? '' : null\" class=\"et-scheduler-time-grid-header-day\" role=\"columnheader\">\n        <span class=\"et-scheduler-time-grid-header-weekday\">{{ weekdayLabel(day.date) }}</span>\n        <span class=\"et-scheduler-time-grid-header-date\">{{ day.date.getDate() }}</span>\n      </div>\n    }\n  </div>\n</div>\n\n@if (grid.allDayRowCount() > 0) {\n  <div class=\"et-scheduler-time-grid-row et-scheduler-time-grid-all-day\" role=\"row\">\n    <div class=\"et-scheduler-time-grid-gutter\"></div>\n\n    <div\n      [style.--_et-scheduler-time-grid-all-day-row-count]=\"grid.allDayRowCount()\"\n      class=\"et-scheduler-time-grid-all-day-lane\"\n      role=\"gridcell\"\n    >\n      @for (entry of grid.allDay(); track entry.node.appointment.id) {\n        <button\n          #appointmentButton\n          [style.--_et-scheduler-time-grid-all-day-offset]=\"entry.inlineOffset\"\n          [style.--_et-scheduler-time-grid-all-day-size]=\"entry.inlineSize\"\n          [style.--_et-scheduler-time-grid-all-day-row]=\"entry.row\"\n          [attr.data-selected]=\"isSelected(entry.node.appointment) ? '' : null\"\n          [attr.title]=\"entry.node.appointment.title\"\n          [etProvideColor]=\"entry.node.appointment.colorToken ?? null\"\n          (click)=\"select(entry.node.appointment, appointmentButton)\"\n          class=\"et-scheduler-appointment et-scheduler-time-grid-all-day-entry\"\n          type=\"button\"\n        >\n          @for (adornment of badgeAdornments(); track $index) {\n            <ng-container\n              *ngComponentOutlet=\"adornment.component; inputs: { node: entry.node }; injector: adornment.injector\"\n            />\n          }\n        </button>\n      }\n    </div>\n  </div>\n}\n\n<div #timeGridBody class=\"et-scheduler-time-grid-row et-scheduler-time-grid-body\">\n  <div class=\"et-scheduler-time-grid-gutter\" role=\"presentation\">\n    @for (hour of hours(); track hour.hour) {\n      <div #hourRow class=\"et-scheduler-time-grid-hour-row\">\n        <span class=\"et-scheduler-time-grid-hour-label\">{{ hour.label }}</span>\n      </div>\n    }\n  </div>\n\n  <div class=\"et-scheduler-time-grid-days\">\n    @for (day of grid.days(); track day.date.getTime(); let dayIndex = $index) {\n      <div\n        #dayColumn\n        [attr.data-today]=\"day.today ? '' : null\"\n        (pointerdown)=\"startDraftRange($event, { element: dayColumn, day: day.date })\"\n        class=\"et-scheduler-time-grid-day\"\n        role=\"gridcell\"\n      >\n        @for (hour of hours(); track hour.hour) {\n          <div class=\"et-scheduler-time-grid-hour-row\" role=\"presentation\"></div>\n        }\n\n        @if (grid.draftBlock(); as draft) {\n          @if (draft.dayIndex === dayIndex) {\n            <div\n              #draftBlock\n              [style.--_et-scheduler-time-grid-block-offset]=\"draft.offset\"\n              [style.--_et-scheduler-time-grid-block-span]=\"draft.span\"\n              [attr.data-committed]=\"draft.phase === 'committed' ? '' : null\"\n              class=\"et-scheduler-time-grid-draft\"\n              role=\"presentation\"\n            ></div>\n          }\n        }\n\n        <!-- pointerdown is stopped below so a press that starts on an appointment does not reach the\n             column's drag-to-create and lay a new range over the one already there -->\n        @for (block of day.blocks; track block.node.appointment.id) {\n          <button\n            #appointmentButton\n            [style.--_et-scheduler-time-grid-block-offset]=\"block.offset\"\n            [style.--_et-scheduler-time-grid-block-span]=\"block.span\"\n            [style.--_et-scheduler-time-grid-block-inline-offset]=\"block.inlineOffset\"\n            [style.--_et-scheduler-time-grid-block-inline-size]=\"block.inlineSize\"\n            [style.--_et-scheduler-time-grid-block-depth]=\"block.node.depth\"\n            [attr.data-selected]=\"isSelected(block.node.appointment) ? '' : null\"\n            [attr.data-nested]=\"block.node.depth > 0 ? '' : null\"\n            [attr.title]=\"block.node.appointment.title\"\n            [etProvideColor]=\"block.node.appointment.colorToken ?? null\"\n            (click)=\"select(block.node.appointment, appointmentButton)\"\n            (pointerdown)=\"$event.stopPropagation()\"\n            class=\"et-scheduler-time-grid-block\"\n            type=\"button\"\n          >\n            @for (adornment of badgeAdornments(); track $index) {\n              <ng-container\n                *ngComponentOutlet=\"adornment.component; inputs: { node: block.node }; injector: adornment.injector\"\n              />\n            }\n          </button>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: ["@layer components{@property --et-scheduler-time-grid-hour-size{syntax: \"<length>\"; inherits: true; initial-value: 48px;}@property --et-scheduler-time-grid-gutter-size{syntax: \"<length>\"; inherits: true; initial-value: 56px;}@property --et-scheduler-time-grid-all-day-row-size{syntax: \"<length>\"; inherits: true; initial-value: 24px;}@property --et-scheduler-time-grid-body-max-height{syntax: \"<length>\"; inherits: true; initial-value: 600px;}.et-scheduler-time-grid-view{display:flex;flex-direction:column}.et-scheduler-time-grid-row{display:flex}.et-scheduler-time-grid-body{overflow-y:auto;max-block-size:var(--et-scheduler-time-grid-body-max-height)}.et-scheduler-time-grid-gutter{flex-shrink:0;inline-size:var(--et-scheduler-time-grid-gutter-size)}.et-scheduler-time-grid-days{display:grid;flex:1;grid-auto-flow:column;grid-auto-columns:1fr}.et-scheduler-time-grid-header{padding-block-end:6px;border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-header-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding-block:4px}.et-scheduler-time-grid-header-day:where([data-today]) .et-scheduler-time-grid-header-date{background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary)}.et-scheduler-time-grid-header-weekday{font-size:12px;font-weight:600;color:var(--et-surface-color-muted-solid)}.et-scheduler-time-grid-header-date{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:999px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-solid)}.et-scheduler-time-grid-all-day{padding-block:4px;border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-all-day-lane{position:relative;flex:1;min-block-size:calc(var(--_et-scheduler-time-grid-all-day-row-count, 0) * var(--et-scheduler-time-grid-all-day-row-size))}.et-scheduler-time-grid-all-day-entry{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-all-day-row, 0) * var(--et-scheduler-time-grid-all-day-row-size));inset-inline-start:calc(var(--_et-scheduler-time-grid-all-day-offset, 0) * 1%);inline-size:calc(var(--_et-scheduler-time-grid-all-day-size, 100) * 1% - 4px);block-size:calc(var(--et-scheduler-time-grid-all-day-row-size) - 2px)}.et-scheduler-time-grid-hour-row{box-sizing:border-box;block-size:var(--et-scheduler-time-grid-hour-size);border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-body .et-scheduler-time-grid-gutter .et-scheduler-time-grid-hour-row{display:flex;align-items:flex-start;justify-content:flex-end;padding-inline-end:8px;border-block-end:none}.et-scheduler-time-grid-hour-label{inline-size:max-content;transform:translateY(-50%);font-size:11px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-muted-solid)}.et-scheduler-time-grid-body .et-scheduler-time-grid-days{border-inline-start:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-day{position:relative;border-inline-end:1px solid var(--et-surface-border-solid);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.et-scheduler-time-grid-day:where([data-today]){background:color-mix(in srgb,var(--et-theme-color-primary-solid) 6%,transparent)}.et-scheduler-time-grid-draft{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-block-offset, 0) * 1%);inset-inline:0 2px;block-size:calc(var(--_et-scheduler-time-grid-block-span, 0) * 1%);min-block-size:16px;border-radius:4px;border:1px dashed var(--et-theme-color-primary-solid);background:color-mix(in srgb,var(--et-theme-color-primary-solid) 10%,transparent);pointer-events:none}.et-scheduler-time-grid-draft:where([data-committed]){border-style:solid;background:color-mix(in srgb,var(--et-theme-color-primary-solid) 18%,transparent)}.et-scheduler-time-grid-block{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-block-offset, 0) * 1%);inset-inline-start:calc(var(--_et-scheduler-time-grid-block-inline-offset, 0) * 1%);block-size:calc(var(--_et-scheduler-time-grid-block-span, 0) * 1%);inline-size:calc(var(--_et-scheduler-time-grid-block-inline-size, 100) * 1% - 2px);min-block-size:16px;display:flex;align-items:flex-start;gap:6px;overflow:hidden;padding:2px 6px;padding-inline-start:calc(min(var(--_et-scheduler-time-grid-block-depth, 0),4)*6px + 6px);border:none;border-radius:4px;background:color-mix(in srgb,var(--et-theme-color-primary-solid) 14%,transparent);color:var(--et-theme-color-ink-solid);font:inherit;font-size:12px;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.et-scheduler-time-grid-block .et-scheduler-appointment-dot{margin-block-start:4px}@media(hover:hover){.et-scheduler-time-grid-block:hover{background:color-mix(in srgb,var(--et-theme-color-primary-solid) 22%,transparent)}}.et-scheduler-time-grid-block:focus-visible{outline:2px solid var(--et-theme-color-primary-solid);outline-offset:1px}.et-scheduler-time-grid-block:where([data-selected]){background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary)}}\n"], dependencies: [{ kind: "directive", type: ProvideColorDirective, selector: "[etProvideColor]", inputs: ["etProvideColor"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: SchedulerTimeGridViewComponent, isStandalone: true, selector: "et-scheduler-time-grid-view", host: { classAttribute: "et-scheduler-time-grid-view" }, viewQueries: [{ propertyName: "timeGridBody", first: true, predicate: ["timeGridBody"], descendants: true, isSignal: true }, { propertyName: "firstHourRow", first: true, predicate: ["hourRow"], descendants: true, isSignal: true }, { propertyName: "dayColumns", predicate: ["dayColumn"], descendants: true, isSignal: true }, { propertyName: "draftBlock", first: true, predicate: ["draftBlock"], descendants: true, isSignal: true }], hostDirectives: [{ directive: SchedulerTimeGridDirective }], ngImport: i0, template: "<div class=\"et-scheduler-time-grid-row et-scheduler-time-grid-header\" role=\"row\">\n  <div class=\"et-scheduler-time-grid-gutter\"></div>\n\n  <div class=\"et-scheduler-time-grid-days\">\n    @for (day of grid.days(); track day.date.getTime()) {\n      <div [attr.data-today]=\"day.today ? '' : null\" class=\"et-scheduler-time-grid-header-day\" role=\"columnheader\">\n        <span class=\"et-scheduler-time-grid-header-weekday\">{{ weekdayLabel(day.date) }}</span>\n        <span class=\"et-scheduler-time-grid-header-date\">{{ day.date.getDate() }}</span>\n      </div>\n    }\n  </div>\n</div>\n\n@if (grid.allDayRowCount() > 0) {\n  <div class=\"et-scheduler-time-grid-row et-scheduler-time-grid-all-day\" role=\"row\">\n    <div class=\"et-scheduler-time-grid-gutter\"></div>\n\n    <div\n      #allDayLane\n      [style.--_et-scheduler-time-grid-all-day-row-count]=\"grid.allDayRowCount()\"\n      class=\"et-scheduler-time-grid-all-day-lane\"\n      role=\"gridcell\"\n    >\n      @for (entry of grid.allDay(); track entry.node.appointment.id) {\n        <button\n          #appointmentButton\n          [style.--_et-scheduler-time-grid-all-day-offset]=\"entry.inlineOffset\"\n          [style.--_et-scheduler-time-grid-all-day-size]=\"entry.inlineSize\"\n          [style.--_et-scheduler-time-grid-all-day-row]=\"entry.row\"\n          [attr.data-selected]=\"isSelected(entry.node.appointment) ? '' : null\"\n          [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n          [attr.data-dragging]=\"isDragging(entry.node.appointment) ? '' : null\"\n          [attr.title]=\"entry.node.appointment.title\"\n          [etProvideColor]=\"entry.node.appointment.colorToken ?? null\"\n          (click)=\"select(entry.node.appointment, appointmentButton)\"\n          (pointerdown)=\"\n            startAllDayDrag($event, { appointment: entry.node.appointment, mode: 'move', lane: allDayLane })\n          \"\n          class=\"et-scheduler-appointment et-scheduler-time-grid-all-day-entry\"\n          type=\"button\"\n        >\n          @for (adornment of badgeAdornments(); track $index) {\n            <ng-container\n              *ngComponentOutlet=\"adornment.component; inputs: { node: entry.node }; injector: adornment.injector\"\n            />\n          }\n\n          @if (canDragAppointments()) {\n            <span\n              (pointerdown)=\"\n                startAllDayDrag($event, {\n                  appointment: entry.node.appointment,\n                  mode: 'resize-start',\n                  lane: allDayLane,\n                })\n              \"\n              class=\"et-scheduler-time-grid-all-day-resize\"\n              data-edge=\"start\"\n              aria-hidden=\"true\"\n            ></span>\n\n            <span\n              (pointerdown)=\"\n                startAllDayDrag($event, { appointment: entry.node.appointment, mode: 'resize-end', lane: allDayLane })\n              \"\n              class=\"et-scheduler-time-grid-all-day-resize\"\n              data-edge=\"end\"\n              aria-hidden=\"true\"\n            ></span>\n          }\n        </button>\n      }\n    </div>\n  </div>\n}\n\n<div #timeGridBody class=\"et-scheduler-time-grid-row et-scheduler-time-grid-body\">\n  <div class=\"et-scheduler-time-grid-gutter\" role=\"presentation\">\n    @for (hour of hours(); track hour.hour) {\n      <div #hourRow class=\"et-scheduler-time-grid-hour-row\">\n        <span class=\"et-scheduler-time-grid-hour-label\">{{ hour.label }}</span>\n      </div>\n    }\n  </div>\n\n  <div class=\"et-scheduler-time-grid-days\">\n    @for (day of grid.days(); track day.date.getTime(); let dayIndex = $index) {\n      <div\n        #dayColumn\n        [attr.data-today]=\"day.today ? '' : null\"\n        (pointerdown)=\"startDraftRange($event, { element: dayColumn, day: day.date })\"\n        class=\"et-scheduler-time-grid-day\"\n        role=\"gridcell\"\n      >\n        @for (hour of hours(); track hour.hour) {\n          <div class=\"et-scheduler-time-grid-hour-row\" role=\"presentation\"></div>\n        }\n\n        @if (grid.draftBlock(); as draft) {\n          @if (draft.dayIndex === dayIndex) {\n            <div\n              #draftBlock\n              [style.--_et-scheduler-time-grid-block-offset]=\"draft.offset\"\n              [style.--_et-scheduler-time-grid-block-span]=\"draft.span\"\n              [attr.data-committed]=\"draft.phase === 'committed' ? '' : null\"\n              class=\"et-scheduler-time-grid-draft\"\n              role=\"presentation\"\n            ></div>\n          }\n        }\n\n        <!-- a block's own pointerdown moves it and stops there, so a press that starts on an\n             appointment never reaches the column's drag-to-create underneath it -->\n        @for (block of day.blocks; track block.node.appointment.id) {\n          <button\n            #appointmentButton\n            [style.--_et-scheduler-time-grid-block-offset]=\"block.offset\"\n            [style.--_et-scheduler-time-grid-block-span]=\"block.span\"\n            [style.--_et-scheduler-time-grid-block-inline-offset]=\"block.inlineOffset\"\n            [style.--_et-scheduler-time-grid-block-inline-size]=\"block.inlineSize\"\n            [style.--_et-scheduler-time-grid-block-depth]=\"block.node.depth\"\n            [attr.data-selected]=\"isSelected(block.node.appointment) ? '' : null\"\n            [attr.data-nested]=\"block.node.depth > 0 ? '' : null\"\n            [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n            [attr.data-dragging]=\"isDragging(block.node.appointment) ? '' : null\"\n            [attr.title]=\"block.node.appointment.title\"\n            [etProvideColor]=\"block.node.appointment.colorToken ?? null\"\n            (click)=\"select(block.node.appointment, appointmentButton)\"\n            (pointerdown)=\"\n              startAppointmentDrag($event, {\n                appointment: block.node.appointment,\n                mode: 'move',\n                column: { element: dayColumn, day: day.date },\n              })\n            \"\n            class=\"et-scheduler-time-grid-block\"\n            type=\"button\"\n          >\n            @for (adornment of badgeAdornments(); track $index) {\n              <ng-container\n                *ngComponentOutlet=\"adornment.component; inputs: { node: block.node }; injector: adornment.injector\"\n              />\n            }\n\n            @if (canDragAppointments()) {\n              <span\n                (pointerdown)=\"\n                  startAppointmentDrag($event, {\n                    appointment: block.node.appointment,\n                    mode: 'resize-start',\n                    column: { element: dayColumn, day: day.date },\n                  })\n                \"\n                class=\"et-scheduler-time-grid-block-resize\"\n                data-edge=\"start\"\n                aria-hidden=\"true\"\n              ></span>\n\n              <span\n                (pointerdown)=\"\n                  startAppointmentDrag($event, {\n                    appointment: block.node.appointment,\n                    mode: 'resize-end',\n                    column: { element: dayColumn, day: day.date },\n                  })\n                \"\n                class=\"et-scheduler-time-grid-block-resize\"\n                data-edge=\"end\"\n                aria-hidden=\"true\"\n              ></span>\n            }\n          </button>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: ["@layer components{@property --et-scheduler-time-grid-hour-size{syntax: \"<length>\"; inherits: true; initial-value: 48px;}@property --et-scheduler-time-grid-gutter-size{syntax: \"<length>\"; inherits: true; initial-value: 56px;}@property --et-scheduler-time-grid-all-day-row-size{syntax: \"<length>\"; inherits: true; initial-value: 24px;}@property --et-scheduler-time-grid-body-max-height{syntax: \"<length>\"; inherits: true; initial-value: 600px;}.et-scheduler-time-grid-view{display:flex;flex-direction:column}.et-scheduler-time-grid-row{display:flex}.et-scheduler-time-grid-body{overflow-y:auto;max-block-size:var(--et-scheduler-time-grid-body-max-height)}.et-scheduler-time-grid-gutter{flex-shrink:0;inline-size:var(--et-scheduler-time-grid-gutter-size)}.et-scheduler-time-grid-days{display:grid;flex:1;grid-auto-flow:column;grid-auto-columns:1fr}.et-scheduler-time-grid-header{padding-block-end:6px;border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-header-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding-block:4px}.et-scheduler-time-grid-header-day:where([data-today]) .et-scheduler-time-grid-header-date{background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary)}.et-scheduler-time-grid-header-weekday{font-size:12px;font-weight:600;color:var(--et-surface-color-muted-solid)}.et-scheduler-time-grid-header-date{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:999px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-solid)}.et-scheduler-time-grid-all-day{padding-block:4px;border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-all-day-lane{position:relative;flex:1;min-block-size:calc(var(--_et-scheduler-time-grid-all-day-row-count, 0) * var(--et-scheduler-time-grid-all-day-row-size))}.et-scheduler-time-grid-all-day-entry{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-all-day-row, 0) * var(--et-scheduler-time-grid-all-day-row-size));inset-inline-start:calc(var(--_et-scheduler-time-grid-all-day-offset, 0) * 1%);inline-size:calc(var(--_et-scheduler-time-grid-all-day-size, 100) * 1% - 4px);block-size:calc(var(--et-scheduler-time-grid-all-day-row-size) - 2px)}.et-scheduler-time-grid-all-day-resize{position:absolute;inset-block:0;inline-size:min(8px,25%);cursor:ew-resize}.et-scheduler-time-grid-all-day-resize:where([data-edge=start]){inset-inline-start:0}.et-scheduler-time-grid-all-day-resize:where([data-edge=end]){inset-inline-end:0}@media(any-pointer:coarse){.et-scheduler-time-grid-all-day-resize{inline-size:min(14px,25%)}}.et-scheduler-time-grid-hour-row{box-sizing:border-box;block-size:var(--et-scheduler-time-grid-hour-size);border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-body .et-scheduler-time-grid-gutter .et-scheduler-time-grid-hour-row{display:flex;align-items:flex-start;justify-content:flex-end;padding-inline-end:8px;border-block-end:none}.et-scheduler-time-grid-hour-label{inline-size:max-content;transform:translateY(-50%);font-size:11px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-muted-solid)}.et-scheduler-time-grid-body .et-scheduler-time-grid-days{border-inline-start:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-day{position:relative;border-inline-end:1px solid var(--et-surface-border-solid);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.et-scheduler-time-grid-day:where([data-today]){background:color-mix(in srgb,var(--et-theme-color-primary-solid) 6%,transparent)}.et-scheduler-time-grid-draft{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-block-offset, 0) * 1%);inset-inline:0 2px;block-size:calc(var(--_et-scheduler-time-grid-block-span, 0) * 1%);min-block-size:16px;border-radius:4px;border:1px dashed var(--et-theme-color-primary-solid);background:color-mix(in srgb,var(--et-theme-color-primary-solid) 10%,transparent);pointer-events:none}.et-scheduler-time-grid-draft:where([data-committed]){border-style:solid;background:color-mix(in srgb,var(--et-theme-color-primary-solid) 18%,transparent)}.et-scheduler-time-grid-block{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-block-offset, 0) * 1%);inset-inline-start:calc(var(--_et-scheduler-time-grid-block-inline-offset, 0) * 1%);block-size:calc(var(--_et-scheduler-time-grid-block-span, 0) * 1%);inline-size:calc(var(--_et-scheduler-time-grid-block-inline-size, 100) * 1% - 2px);min-block-size:16px;display:flex;align-items:flex-start;gap:6px;overflow:hidden;padding:2px 6px;padding-inline-start:calc(min(var(--_et-scheduler-time-grid-block-depth, 0),4)*6px + 6px);border:none;border-radius:4px;background:color-mix(in srgb,var(--et-theme-color-primary-solid) 14%,transparent);color:var(--et-theme-color-ink-solid);font:inherit;font-size:12px;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.et-scheduler-time-grid-block .et-scheduler-appointment-dot{margin-block-start:4px}@media(hover:hover){.et-scheduler-time-grid-block:hover{background:color-mix(in srgb,var(--et-theme-color-primary-solid) 22%,transparent)}}.et-scheduler-time-grid-block:focus-visible{outline:2px solid var(--et-theme-color-primary-solid);outline-offset:1px}.et-scheduler-time-grid-block:where([data-selected]){background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary)}.et-scheduler-time-grid-block:where([data-draggable]){cursor:grab;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.et-scheduler-time-grid-block:where([data-dragging]){z-index:1;box-shadow:0 2px 8px #00000040;cursor:grabbing}.et-scheduler-time-grid-block-resize{position:absolute;inset-inline:0;block-size:min(8px,25%);cursor:ns-resize}.et-scheduler-time-grid-block-resize:where([data-edge=start]){inset-block-start:0}.et-scheduler-time-grid-block-resize:where([data-edge=end]){inset-block-end:0}@media(any-pointer:coarse){.et-scheduler-time-grid-block-resize{block-size:min(14px,25%)}}}\n"], dependencies: [{ kind: "directive", type: ProvideColorDirective, selector: "[etProvideColor]", inputs: ["etProvideColor"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SchedulerTimeGridViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-scheduler-time-grid-view', encapsulation: ViewEncapsulation.None, imports: [ProvideColorDirective, NgComponentOutlet], hostDirectives: [SchedulerTimeGridDirective], host: {
                         class: 'et-scheduler-time-grid-view',
-                    }, template: "<div class=\"et-scheduler-time-grid-row et-scheduler-time-grid-header\" role=\"row\">\n  <div class=\"et-scheduler-time-grid-gutter\"></div>\n\n  <div class=\"et-scheduler-time-grid-days\">\n    @for (day of grid.days(); track day.date.getTime()) {\n      <div [attr.data-today]=\"day.today ? '' : null\" class=\"et-scheduler-time-grid-header-day\" role=\"columnheader\">\n        <span class=\"et-scheduler-time-grid-header-weekday\">{{ weekdayLabel(day.date) }}</span>\n        <span class=\"et-scheduler-time-grid-header-date\">{{ day.date.getDate() }}</span>\n      </div>\n    }\n  </div>\n</div>\n\n@if (grid.allDayRowCount() > 0) {\n  <div class=\"et-scheduler-time-grid-row et-scheduler-time-grid-all-day\" role=\"row\">\n    <div class=\"et-scheduler-time-grid-gutter\"></div>\n\n    <div\n      [style.--_et-scheduler-time-grid-all-day-row-count]=\"grid.allDayRowCount()\"\n      class=\"et-scheduler-time-grid-all-day-lane\"\n      role=\"gridcell\"\n    >\n      @for (entry of grid.allDay(); track entry.node.appointment.id) {\n        <button\n          #appointmentButton\n          [style.--_et-scheduler-time-grid-all-day-offset]=\"entry.inlineOffset\"\n          [style.--_et-scheduler-time-grid-all-day-size]=\"entry.inlineSize\"\n          [style.--_et-scheduler-time-grid-all-day-row]=\"entry.row\"\n          [attr.data-selected]=\"isSelected(entry.node.appointment) ? '' : null\"\n          [attr.title]=\"entry.node.appointment.title\"\n          [etProvideColor]=\"entry.node.appointment.colorToken ?? null\"\n          (click)=\"select(entry.node.appointment, appointmentButton)\"\n          class=\"et-scheduler-appointment et-scheduler-time-grid-all-day-entry\"\n          type=\"button\"\n        >\n          @for (adornment of badgeAdornments(); track $index) {\n            <ng-container\n              *ngComponentOutlet=\"adornment.component; inputs: { node: entry.node }; injector: adornment.injector\"\n            />\n          }\n        </button>\n      }\n    </div>\n  </div>\n}\n\n<div #timeGridBody class=\"et-scheduler-time-grid-row et-scheduler-time-grid-body\">\n  <div class=\"et-scheduler-time-grid-gutter\" role=\"presentation\">\n    @for (hour of hours(); track hour.hour) {\n      <div #hourRow class=\"et-scheduler-time-grid-hour-row\">\n        <span class=\"et-scheduler-time-grid-hour-label\">{{ hour.label }}</span>\n      </div>\n    }\n  </div>\n\n  <div class=\"et-scheduler-time-grid-days\">\n    @for (day of grid.days(); track day.date.getTime(); let dayIndex = $index) {\n      <div\n        #dayColumn\n        [attr.data-today]=\"day.today ? '' : null\"\n        (pointerdown)=\"startDraftRange($event, { element: dayColumn, day: day.date })\"\n        class=\"et-scheduler-time-grid-day\"\n        role=\"gridcell\"\n      >\n        @for (hour of hours(); track hour.hour) {\n          <div class=\"et-scheduler-time-grid-hour-row\" role=\"presentation\"></div>\n        }\n\n        @if (grid.draftBlock(); as draft) {\n          @if (draft.dayIndex === dayIndex) {\n            <div\n              #draftBlock\n              [style.--_et-scheduler-time-grid-block-offset]=\"draft.offset\"\n              [style.--_et-scheduler-time-grid-block-span]=\"draft.span\"\n              [attr.data-committed]=\"draft.phase === 'committed' ? '' : null\"\n              class=\"et-scheduler-time-grid-draft\"\n              role=\"presentation\"\n            ></div>\n          }\n        }\n\n        <!-- pointerdown is stopped below so a press that starts on an appointment does not reach the\n             column's drag-to-create and lay a new range over the one already there -->\n        @for (block of day.blocks; track block.node.appointment.id) {\n          <button\n            #appointmentButton\n            [style.--_et-scheduler-time-grid-block-offset]=\"block.offset\"\n            [style.--_et-scheduler-time-grid-block-span]=\"block.span\"\n            [style.--_et-scheduler-time-grid-block-inline-offset]=\"block.inlineOffset\"\n            [style.--_et-scheduler-time-grid-block-inline-size]=\"block.inlineSize\"\n            [style.--_et-scheduler-time-grid-block-depth]=\"block.node.depth\"\n            [attr.data-selected]=\"isSelected(block.node.appointment) ? '' : null\"\n            [attr.data-nested]=\"block.node.depth > 0 ? '' : null\"\n            [attr.title]=\"block.node.appointment.title\"\n            [etProvideColor]=\"block.node.appointment.colorToken ?? null\"\n            (click)=\"select(block.node.appointment, appointmentButton)\"\n            (pointerdown)=\"$event.stopPropagation()\"\n            class=\"et-scheduler-time-grid-block\"\n            type=\"button\"\n          >\n            @for (adornment of badgeAdornments(); track $index) {\n              <ng-container\n                *ngComponentOutlet=\"adornment.component; inputs: { node: block.node }; injector: adornment.injector\"\n              />\n            }\n          </button>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: ["@layer components{@property --et-scheduler-time-grid-hour-size{syntax: \"<length>\"; inherits: true; initial-value: 48px;}@property --et-scheduler-time-grid-gutter-size{syntax: \"<length>\"; inherits: true; initial-value: 56px;}@property --et-scheduler-time-grid-all-day-row-size{syntax: \"<length>\"; inherits: true; initial-value: 24px;}@property --et-scheduler-time-grid-body-max-height{syntax: \"<length>\"; inherits: true; initial-value: 600px;}.et-scheduler-time-grid-view{display:flex;flex-direction:column}.et-scheduler-time-grid-row{display:flex}.et-scheduler-time-grid-body{overflow-y:auto;max-block-size:var(--et-scheduler-time-grid-body-max-height)}.et-scheduler-time-grid-gutter{flex-shrink:0;inline-size:var(--et-scheduler-time-grid-gutter-size)}.et-scheduler-time-grid-days{display:grid;flex:1;grid-auto-flow:column;grid-auto-columns:1fr}.et-scheduler-time-grid-header{padding-block-end:6px;border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-header-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding-block:4px}.et-scheduler-time-grid-header-day:where([data-today]) .et-scheduler-time-grid-header-date{background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary)}.et-scheduler-time-grid-header-weekday{font-size:12px;font-weight:600;color:var(--et-surface-color-muted-solid)}.et-scheduler-time-grid-header-date{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:999px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-solid)}.et-scheduler-time-grid-all-day{padding-block:4px;border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-all-day-lane{position:relative;flex:1;min-block-size:calc(var(--_et-scheduler-time-grid-all-day-row-count, 0) * var(--et-scheduler-time-grid-all-day-row-size))}.et-scheduler-time-grid-all-day-entry{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-all-day-row, 0) * var(--et-scheduler-time-grid-all-day-row-size));inset-inline-start:calc(var(--_et-scheduler-time-grid-all-day-offset, 0) * 1%);inline-size:calc(var(--_et-scheduler-time-grid-all-day-size, 100) * 1% - 4px);block-size:calc(var(--et-scheduler-time-grid-all-day-row-size) - 2px)}.et-scheduler-time-grid-hour-row{box-sizing:border-box;block-size:var(--et-scheduler-time-grid-hour-size);border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-body .et-scheduler-time-grid-gutter .et-scheduler-time-grid-hour-row{display:flex;align-items:flex-start;justify-content:flex-end;padding-inline-end:8px;border-block-end:none}.et-scheduler-time-grid-hour-label{inline-size:max-content;transform:translateY(-50%);font-size:11px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-muted-solid)}.et-scheduler-time-grid-body .et-scheduler-time-grid-days{border-inline-start:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-day{position:relative;border-inline-end:1px solid var(--et-surface-border-solid);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.et-scheduler-time-grid-day:where([data-today]){background:color-mix(in srgb,var(--et-theme-color-primary-solid) 6%,transparent)}.et-scheduler-time-grid-draft{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-block-offset, 0) * 1%);inset-inline:0 2px;block-size:calc(var(--_et-scheduler-time-grid-block-span, 0) * 1%);min-block-size:16px;border-radius:4px;border:1px dashed var(--et-theme-color-primary-solid);background:color-mix(in srgb,var(--et-theme-color-primary-solid) 10%,transparent);pointer-events:none}.et-scheduler-time-grid-draft:where([data-committed]){border-style:solid;background:color-mix(in srgb,var(--et-theme-color-primary-solid) 18%,transparent)}.et-scheduler-time-grid-block{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-block-offset, 0) * 1%);inset-inline-start:calc(var(--_et-scheduler-time-grid-block-inline-offset, 0) * 1%);block-size:calc(var(--_et-scheduler-time-grid-block-span, 0) * 1%);inline-size:calc(var(--_et-scheduler-time-grid-block-inline-size, 100) * 1% - 2px);min-block-size:16px;display:flex;align-items:flex-start;gap:6px;overflow:hidden;padding:2px 6px;padding-inline-start:calc(min(var(--_et-scheduler-time-grid-block-depth, 0),4)*6px + 6px);border:none;border-radius:4px;background:color-mix(in srgb,var(--et-theme-color-primary-solid) 14%,transparent);color:var(--et-theme-color-ink-solid);font:inherit;font-size:12px;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.et-scheduler-time-grid-block .et-scheduler-appointment-dot{margin-block-start:4px}@media(hover:hover){.et-scheduler-time-grid-block:hover{background:color-mix(in srgb,var(--et-theme-color-primary-solid) 22%,transparent)}}.et-scheduler-time-grid-block:focus-visible{outline:2px solid var(--et-theme-color-primary-solid);outline-offset:1px}.et-scheduler-time-grid-block:where([data-selected]){background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary)}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { timeGridBody: [{ type: i0.ViewChild, args: ['timeGridBody', { isSignal: true }] }], firstHourRow: [{ type: i0.ViewChild, args: ['hourRow', { isSignal: true }] }], draftBlock: [{ type: i0.ViewChild, args: ['draftBlock', { isSignal: true }] }] } });
+                    }, template: "<div class=\"et-scheduler-time-grid-row et-scheduler-time-grid-header\" role=\"row\">\n  <div class=\"et-scheduler-time-grid-gutter\"></div>\n\n  <div class=\"et-scheduler-time-grid-days\">\n    @for (day of grid.days(); track day.date.getTime()) {\n      <div [attr.data-today]=\"day.today ? '' : null\" class=\"et-scheduler-time-grid-header-day\" role=\"columnheader\">\n        <span class=\"et-scheduler-time-grid-header-weekday\">{{ weekdayLabel(day.date) }}</span>\n        <span class=\"et-scheduler-time-grid-header-date\">{{ day.date.getDate() }}</span>\n      </div>\n    }\n  </div>\n</div>\n\n@if (grid.allDayRowCount() > 0) {\n  <div class=\"et-scheduler-time-grid-row et-scheduler-time-grid-all-day\" role=\"row\">\n    <div class=\"et-scheduler-time-grid-gutter\"></div>\n\n    <div\n      #allDayLane\n      [style.--_et-scheduler-time-grid-all-day-row-count]=\"grid.allDayRowCount()\"\n      class=\"et-scheduler-time-grid-all-day-lane\"\n      role=\"gridcell\"\n    >\n      @for (entry of grid.allDay(); track entry.node.appointment.id) {\n        <button\n          #appointmentButton\n          [style.--_et-scheduler-time-grid-all-day-offset]=\"entry.inlineOffset\"\n          [style.--_et-scheduler-time-grid-all-day-size]=\"entry.inlineSize\"\n          [style.--_et-scheduler-time-grid-all-day-row]=\"entry.row\"\n          [attr.data-selected]=\"isSelected(entry.node.appointment) ? '' : null\"\n          [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n          [attr.data-dragging]=\"isDragging(entry.node.appointment) ? '' : null\"\n          [attr.title]=\"entry.node.appointment.title\"\n          [etProvideColor]=\"entry.node.appointment.colorToken ?? null\"\n          (click)=\"select(entry.node.appointment, appointmentButton)\"\n          (pointerdown)=\"\n            startAllDayDrag($event, { appointment: entry.node.appointment, mode: 'move', lane: allDayLane })\n          \"\n          class=\"et-scheduler-appointment et-scheduler-time-grid-all-day-entry\"\n          type=\"button\"\n        >\n          @for (adornment of badgeAdornments(); track $index) {\n            <ng-container\n              *ngComponentOutlet=\"adornment.component; inputs: { node: entry.node }; injector: adornment.injector\"\n            />\n          }\n\n          @if (canDragAppointments()) {\n            <span\n              (pointerdown)=\"\n                startAllDayDrag($event, {\n                  appointment: entry.node.appointment,\n                  mode: 'resize-start',\n                  lane: allDayLane,\n                })\n              \"\n              class=\"et-scheduler-time-grid-all-day-resize\"\n              data-edge=\"start\"\n              aria-hidden=\"true\"\n            ></span>\n\n            <span\n              (pointerdown)=\"\n                startAllDayDrag($event, { appointment: entry.node.appointment, mode: 'resize-end', lane: allDayLane })\n              \"\n              class=\"et-scheduler-time-grid-all-day-resize\"\n              data-edge=\"end\"\n              aria-hidden=\"true\"\n            ></span>\n          }\n        </button>\n      }\n    </div>\n  </div>\n}\n\n<div #timeGridBody class=\"et-scheduler-time-grid-row et-scheduler-time-grid-body\">\n  <div class=\"et-scheduler-time-grid-gutter\" role=\"presentation\">\n    @for (hour of hours(); track hour.hour) {\n      <div #hourRow class=\"et-scheduler-time-grid-hour-row\">\n        <span class=\"et-scheduler-time-grid-hour-label\">{{ hour.label }}</span>\n      </div>\n    }\n  </div>\n\n  <div class=\"et-scheduler-time-grid-days\">\n    @for (day of grid.days(); track day.date.getTime(); let dayIndex = $index) {\n      <div\n        #dayColumn\n        [attr.data-today]=\"day.today ? '' : null\"\n        (pointerdown)=\"startDraftRange($event, { element: dayColumn, day: day.date })\"\n        class=\"et-scheduler-time-grid-day\"\n        role=\"gridcell\"\n      >\n        @for (hour of hours(); track hour.hour) {\n          <div class=\"et-scheduler-time-grid-hour-row\" role=\"presentation\"></div>\n        }\n\n        @if (grid.draftBlock(); as draft) {\n          @if (draft.dayIndex === dayIndex) {\n            <div\n              #draftBlock\n              [style.--_et-scheduler-time-grid-block-offset]=\"draft.offset\"\n              [style.--_et-scheduler-time-grid-block-span]=\"draft.span\"\n              [attr.data-committed]=\"draft.phase === 'committed' ? '' : null\"\n              class=\"et-scheduler-time-grid-draft\"\n              role=\"presentation\"\n            ></div>\n          }\n        }\n\n        <!-- a block's own pointerdown moves it and stops there, so a press that starts on an\n             appointment never reaches the column's drag-to-create underneath it -->\n        @for (block of day.blocks; track block.node.appointment.id) {\n          <button\n            #appointmentButton\n            [style.--_et-scheduler-time-grid-block-offset]=\"block.offset\"\n            [style.--_et-scheduler-time-grid-block-span]=\"block.span\"\n            [style.--_et-scheduler-time-grid-block-inline-offset]=\"block.inlineOffset\"\n            [style.--_et-scheduler-time-grid-block-inline-size]=\"block.inlineSize\"\n            [style.--_et-scheduler-time-grid-block-depth]=\"block.node.depth\"\n            [attr.data-selected]=\"isSelected(block.node.appointment) ? '' : null\"\n            [attr.data-nested]=\"block.node.depth > 0 ? '' : null\"\n            [attr.data-draggable]=\"canDragAppointments() ? '' : null\"\n            [attr.data-dragging]=\"isDragging(block.node.appointment) ? '' : null\"\n            [attr.title]=\"block.node.appointment.title\"\n            [etProvideColor]=\"block.node.appointment.colorToken ?? null\"\n            (click)=\"select(block.node.appointment, appointmentButton)\"\n            (pointerdown)=\"\n              startAppointmentDrag($event, {\n                appointment: block.node.appointment,\n                mode: 'move',\n                column: { element: dayColumn, day: day.date },\n              })\n            \"\n            class=\"et-scheduler-time-grid-block\"\n            type=\"button\"\n          >\n            @for (adornment of badgeAdornments(); track $index) {\n              <ng-container\n                *ngComponentOutlet=\"adornment.component; inputs: { node: block.node }; injector: adornment.injector\"\n              />\n            }\n\n            @if (canDragAppointments()) {\n              <span\n                (pointerdown)=\"\n                  startAppointmentDrag($event, {\n                    appointment: block.node.appointment,\n                    mode: 'resize-start',\n                    column: { element: dayColumn, day: day.date },\n                  })\n                \"\n                class=\"et-scheduler-time-grid-block-resize\"\n                data-edge=\"start\"\n                aria-hidden=\"true\"\n              ></span>\n\n              <span\n                (pointerdown)=\"\n                  startAppointmentDrag($event, {\n                    appointment: block.node.appointment,\n                    mode: 'resize-end',\n                    column: { element: dayColumn, day: day.date },\n                  })\n                \"\n                class=\"et-scheduler-time-grid-block-resize\"\n                data-edge=\"end\"\n                aria-hidden=\"true\"\n              ></span>\n            }\n          </button>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: ["@layer components{@property --et-scheduler-time-grid-hour-size{syntax: \"<length>\"; inherits: true; initial-value: 48px;}@property --et-scheduler-time-grid-gutter-size{syntax: \"<length>\"; inherits: true; initial-value: 56px;}@property --et-scheduler-time-grid-all-day-row-size{syntax: \"<length>\"; inherits: true; initial-value: 24px;}@property --et-scheduler-time-grid-body-max-height{syntax: \"<length>\"; inherits: true; initial-value: 600px;}.et-scheduler-time-grid-view{display:flex;flex-direction:column}.et-scheduler-time-grid-row{display:flex}.et-scheduler-time-grid-body{overflow-y:auto;max-block-size:var(--et-scheduler-time-grid-body-max-height)}.et-scheduler-time-grid-gutter{flex-shrink:0;inline-size:var(--et-scheduler-time-grid-gutter-size)}.et-scheduler-time-grid-days{display:grid;flex:1;grid-auto-flow:column;grid-auto-columns:1fr}.et-scheduler-time-grid-header{padding-block-end:6px;border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-header-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding-block:4px}.et-scheduler-time-grid-header-day:where([data-today]) .et-scheduler-time-grid-header-date{background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary)}.et-scheduler-time-grid-header-weekday{font-size:12px;font-weight:600;color:var(--et-surface-color-muted-solid)}.et-scheduler-time-grid-header-date{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;border-radius:999px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-solid)}.et-scheduler-time-grid-all-day{padding-block:4px;border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-all-day-lane{position:relative;flex:1;min-block-size:calc(var(--_et-scheduler-time-grid-all-day-row-count, 0) * var(--et-scheduler-time-grid-all-day-row-size))}.et-scheduler-time-grid-all-day-entry{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-all-day-row, 0) * var(--et-scheduler-time-grid-all-day-row-size));inset-inline-start:calc(var(--_et-scheduler-time-grid-all-day-offset, 0) * 1%);inline-size:calc(var(--_et-scheduler-time-grid-all-day-size, 100) * 1% - 4px);block-size:calc(var(--et-scheduler-time-grid-all-day-row-size) - 2px)}.et-scheduler-time-grid-all-day-resize{position:absolute;inset-block:0;inline-size:min(8px,25%);cursor:ew-resize}.et-scheduler-time-grid-all-day-resize:where([data-edge=start]){inset-inline-start:0}.et-scheduler-time-grid-all-day-resize:where([data-edge=end]){inset-inline-end:0}@media(any-pointer:coarse){.et-scheduler-time-grid-all-day-resize{inline-size:min(14px,25%)}}.et-scheduler-time-grid-hour-row{box-sizing:border-box;block-size:var(--et-scheduler-time-grid-hour-size);border-block-end:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-body .et-scheduler-time-grid-gutter .et-scheduler-time-grid-hour-row{display:flex;align-items:flex-start;justify-content:flex-end;padding-inline-end:8px;border-block-end:none}.et-scheduler-time-grid-hour-label{inline-size:max-content;transform:translateY(-50%);font-size:11px;font-variant-numeric:tabular-nums;color:var(--et-surface-color-muted-solid)}.et-scheduler-time-grid-body .et-scheduler-time-grid-days{border-inline-start:1px solid var(--et-surface-border-solid)}.et-scheduler-time-grid-day{position:relative;border-inline-end:1px solid var(--et-surface-border-solid);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.et-scheduler-time-grid-day:where([data-today]){background:color-mix(in srgb,var(--et-theme-color-primary-solid) 6%,transparent)}.et-scheduler-time-grid-draft{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-block-offset, 0) * 1%);inset-inline:0 2px;block-size:calc(var(--_et-scheduler-time-grid-block-span, 0) * 1%);min-block-size:16px;border-radius:4px;border:1px dashed var(--et-theme-color-primary-solid);background:color-mix(in srgb,var(--et-theme-color-primary-solid) 10%,transparent);pointer-events:none}.et-scheduler-time-grid-draft:where([data-committed]){border-style:solid;background:color-mix(in srgb,var(--et-theme-color-primary-solid) 18%,transparent)}.et-scheduler-time-grid-block{position:absolute;inset-block-start:calc(var(--_et-scheduler-time-grid-block-offset, 0) * 1%);inset-inline-start:calc(var(--_et-scheduler-time-grid-block-inline-offset, 0) * 1%);block-size:calc(var(--_et-scheduler-time-grid-block-span, 0) * 1%);inline-size:calc(var(--_et-scheduler-time-grid-block-inline-size, 100) * 1% - 2px);min-block-size:16px;display:flex;align-items:flex-start;gap:6px;overflow:hidden;padding:2px 6px;padding-inline-start:calc(min(var(--_et-scheduler-time-grid-block-depth, 0),4)*6px + 6px);border:none;border-radius:4px;background:color-mix(in srgb,var(--et-theme-color-primary-solid) 14%,transparent);color:var(--et-theme-color-ink-solid);font:inherit;font-size:12px;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.et-scheduler-time-grid-block .et-scheduler-appointment-dot{margin-block-start:4px}@media(hover:hover){.et-scheduler-time-grid-block:hover{background:color-mix(in srgb,var(--et-theme-color-primary-solid) 22%,transparent)}}.et-scheduler-time-grid-block:focus-visible{outline:2px solid var(--et-theme-color-primary-solid);outline-offset:1px}.et-scheduler-time-grid-block:where([data-selected]){background:var(--et-theme-color-primary-solid);color:var(--et-theme-color-on-primary)}.et-scheduler-time-grid-block:where([data-draggable]){cursor:grab;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.et-scheduler-time-grid-block:where([data-dragging]){z-index:1;box-shadow:0 2px 8px #00000040;cursor:grabbing}.et-scheduler-time-grid-block-resize{position:absolute;inset-inline:0;block-size:min(8px,25%);cursor:ns-resize}.et-scheduler-time-grid-block-resize:where([data-edge=start]){inset-block-start:0}.et-scheduler-time-grid-block-resize:where([data-edge=end]){inset-block-end:0}@media(any-pointer:coarse){.et-scheduler-time-grid-block-resize{block-size:min(14px,25%)}}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { timeGridBody: [{ type: i0.ViewChild, args: ['timeGridBody', { isSignal: true }] }], firstHourRow: [{ type: i0.ViewChild, args: ['hourRow', { isSignal: true }] }], dayColumns: [{ type: i0.ViewChildren, args: ['dayColumn', { isSignal: true }] }], draftBlock: [{ type: i0.ViewChild, args: ['draftBlock', { isSignal: true }] }] } });
 
 const NARROW_CONTAINER_WIDTH = 480;
 class SchedulerComponent {
@@ -52390,7 +52776,7 @@ class SchedulerComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: SchedulerComponent, isStandalone: true, selector: "et-scheduler", outputs: { appointmentSave: "appointmentSave", appointmentsDelete: "appointmentsDelete" }, host: { classAttribute: "et-scheduler" }, providers: [
             provideIcons(CALENDAR_ICON, CHEVRON_ICON, PLUS_ICON),
             { provide: SCHEDULER_FEATURE_HOST, useExisting: SchedulerComponent },
-        ], hostDirectives: [{ directive: SchedulerDirective, inputs: ["appointments", "appointments", "view", "view", "focusedDate", "focusedDate", "selectedAppointmentId", "selectedAppointmentId", "locale", "locale", "firstDayOfWeek", "firstDayOfWeek"], outputs: ["viewChange", "viewChange", "focusedDateChange", "focusedDateChange", "selectedAppointmentIdChange", "selectedAppointmentIdChange"] }, { directive: SchedulerBadgeColorDotDirective, inputs: ["etSchedulerBadgeColorDot", "etSchedulerBadgeColorDot"] }, { directive: SchedulerBadgeTitleDirective, inputs: ["etSchedulerBadgeTitle", "etSchedulerBadgeTitle"] }, { directive: SchedulerBadgeTimeRangeDirective, inputs: ["etSchedulerBadgeTimeRange", "etSchedulerBadgeTimeRange"] }, { directive: SchedulerBadgeLocationDirective, inputs: ["etSchedulerBadgeLocation", "etSchedulerBadgeLocation"] }, { directive: SchedulerBadgeChainCountDirective, inputs: ["etSchedulerBadgeChainCount", "etSchedulerBadgeChainCount"] }, { directive: SchedulerActionAddAppointmentDirective, inputs: ["etSchedulerActionAddAppointment", "etSchedulerActionAddAppointment"] }, { directive: SchedulerSwipeNavigationDirective, inputs: ["etSchedulerSwipeNavigation", "etSchedulerSwipeNavigation"] }], ngImport: i0, template: "<div class=\"et-scheduler-header\">\n  <button\n    [attr.aria-label]=\"todayLabel()\"\n    (click)=\"headless.goToToday()\"\n    class=\"et-scheduler-today-button\"\n    et-button\n    size=\"sm\"\n    variant=\"outline\"\n    type=\"button\"\n  >\n    <i etIcon=\"et-calendar\" aria-hidden=\"true\"></i>\n    <span class=\"et-scheduler-today-button-label\">{{ todayLabel() }}</span>\n  </button>\n\n  @if (isNarrow()) {\n    <div class=\"et-scheduler-toolbar-fabs\" etFloatingAction>\n      <div etFloatingActionAnchor>\n        <div class=\"et-scheduler-toolbar-fab-stack\" etFloatingActionTrigger>\n          @for (action of toolbarActions(); track $index) {\n            <!-- The icon has to be a static child of the FAB to reach its icon slot, so the two\n                 shapes are separate elements rather than one with a conditional icon inside. -->\n            @if (action.icon; as icon) {\n              <button\n                [attr.aria-label]=\"action.label()\"\n                (click)=\"action.run()\"\n                class=\"et-scheduler-toolbar-action\"\n                et-fab\n                type=\"button\"\n              >\n                <i [etIcon]=\"icon\" aria-hidden=\"true\"></i>\n              </button>\n            } @else {\n              <button (click)=\"action.run()\" class=\"et-scheduler-toolbar-action\" et-fab expanded type=\"button\">\n                {{ action.label() }}\n              </button>\n            }\n          }\n        </div>\n      </div>\n    </div>\n  } @else {\n    @for (action of toolbarActions(); track $index) {\n      <button (click)=\"action.run()\" class=\"et-scheduler-toolbar-action\" et-button size=\"sm\" type=\"button\">\n        @if (action.icon) {\n          <i [etIcon]=\"action.icon\" aria-hidden=\"true\"></i>\n        }\n        {{ action.label() }}\n      </button>\n    }\n  }\n\n  <div class=\"et-scheduler-nav-buttons\">\n    <button\n      [attr.aria-label]=\"previousLabel()\"\n      (click)=\"headless.previous()\"\n      class=\"et-scheduler-nav-button et-scheduler-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]=\"nextLabel()\"\n      (click)=\"headless.next()\"\n      class=\"et-scheduler-nav-button et-scheduler-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  <span class=\"et-scheduler-header-label\">{{ headerLabel() }}</span>\n\n  <div class=\"et-scheduler-header-spacer\"></div>\n\n  <et-segmented-button-group\n    [value]=\"headless.view()\"\n    (valueChange)=\"setView($event)\"\n    class=\"et-scheduler-view-switch\"\n    size=\"sm\"\n    variant=\"tabs\"\n  >\n    <et-label class=\"et-scheduler-view-switch-label\">{{ switchViewLabel() }}</et-label>\n\n    <et-segmented-button value=\"month\">{{ monthViewLabel() }}</et-segmented-button>\n    <et-segmented-button value=\"week\">{{ weekViewLabel() }}</et-segmented-button>\n    <et-segmented-button value=\"day\">{{ dayViewLabel() }}</et-segmented-button>\n    <et-segmented-button value=\"agenda\">{{ agendaViewLabel() }}</et-segmented-button>\n  </et-segmented-button-group>\n</div>\n\n<div class=\"et-scheduler-body\">\n  @switch (headless.view()) {\n    @case ('week') {\n      <et-scheduler-time-grid-view />\n    }\n    @case ('day') {\n      <et-scheduler-time-grid-view />\n    }\n    @case ('agenda') {\n      <et-scheduler-agenda-view />\n    }\n    @default {\n      <et-scheduler-month-view />\n    }\n  }\n</div>\n", styles: ["@layer components{.et-scheduler{container-type:inline-size;container-name:et-scheduler;display:flex;flex-direction:column;gap:12px}.et-scheduler-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.et-scheduler-view-switch{flex-basis:100%}.et-scheduler-toolbar-fab-stack{display:flex;gap:8px}@container et-scheduler not (min-inline-size: 480px){.et-scheduler .et-scheduler-today-button{--et-button-padding: 0;inline-size:3.1rem;block-size:3.1rem;border-radius:9999px}.et-scheduler .et-scheduler-today-button-label{display:none}}@container et-scheduler (min-inline-size: 480px){.et-scheduler-header-spacer{display:block}.et-scheduler-view-switch{flex-basis:auto}.et-scheduler .et-scheduler-today-button .et-button-icon{display:none}}.et-scheduler-nav-buttons{display:flex;gap:2px}.et-scheduler-nav-button--previous .et-icon{rotate:-90deg}.et-scheduler-nav-button--next .et-icon{rotate:90deg}.et-scheduler-header-label{flex:1 1 auto;min-inline-size:0;overflow:hidden;font-size:15px;font-weight:600;color:var(--et-surface-color-solid);white-space:nowrap;text-overflow:ellipsis}.et-scheduler-header-spacer{display:none;flex:1}.et-scheduler-view-switch-label{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.et-scheduler-body{display:flex;flex:1;flex-direction:column}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "[et-button]", inputs: ["variant", "size", "iconAlignment"] }, { kind: "component", type: FabComponent, selector: "[et-fab]", inputs: ["variant", "size", "expanded", "iconAlignment"] }, { kind: "component", type: IconButtonComponent, selector: "[et-icon-button]", inputs: ["variant", "size"] }, { kind: "directive", type: FloatingActionDirective, selector: "[etFloatingAction]", inputs: ["disabled"], exportAs: ["etFloatingAction"] }, { kind: "directive", type: FloatingActionAnchorDirective, selector: "[etFloatingActionAnchor]", exportAs: ["etFloatingActionAnchor"] }, { kind: "directive", type: FloatingActionTriggerDirective, selector: "[etFloatingActionTrigger]", exportAs: ["etFloatingActionTrigger"] }, { kind: "component", type: SegmentedButtonGroupComponent, selector: "et-segmented-button-group", inputs: ["size", "variant"] }, { kind: "component", type: SegmentedButtonComponent, selector: "et-segmented-button" }, { kind: "component", type: LabelDirective, selector: "et-label" }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "variant", "allowHardcodedColor", "label"] }, { kind: "component", type: SchedulerAgendaViewComponent, selector: "et-scheduler-agenda-view" }, { kind: "component", type: SchedulerMonthViewComponent, selector: "et-scheduler-month-view" }, { kind: "component", type: SchedulerTimeGridViewComponent, selector: "et-scheduler-time-grid-view" }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], hostDirectives: [{ directive: SchedulerDirective, inputs: ["appointments", "appointments", "view", "view", "focusedDate", "focusedDate", "selectedAppointmentId", "selectedAppointmentId", "locale", "locale", "firstDayOfWeek", "firstDayOfWeek", "agendaDays", "agendaDays"], outputs: ["viewChange", "viewChange", "focusedDateChange", "focusedDateChange", "selectedAppointmentIdChange", "selectedAppointmentIdChange", "appointmentReschedule", "appointmentReschedule"] }, { directive: SchedulerBadgeColorDotDirective, inputs: ["etSchedulerBadgeColorDot", "etSchedulerBadgeColorDot"] }, { directive: SchedulerBadgeTitleDirective, inputs: ["etSchedulerBadgeTitle", "etSchedulerBadgeTitle"] }, { directive: SchedulerBadgeTimeRangeDirective, inputs: ["etSchedulerBadgeTimeRange", "etSchedulerBadgeTimeRange"] }, { directive: SchedulerBadgeLocationDirective, inputs: ["etSchedulerBadgeLocation", "etSchedulerBadgeLocation"] }, { directive: SchedulerBadgeChainCountDirective, inputs: ["etSchedulerBadgeChainCount", "etSchedulerBadgeChainCount"] }, { directive: SchedulerActionAddAppointmentDirective, inputs: ["etSchedulerActionAddAppointment", "etSchedulerActionAddAppointment"] }, { directive: SchedulerSwipeNavigationDirective, inputs: ["etSchedulerSwipeNavigation", "etSchedulerSwipeNavigation"] }, { directive: SchedulerAppointmentDragDirective, inputs: ["etSchedulerAppointmentDrag", "etSchedulerAppointmentDrag"] }], ngImport: i0, template: "<div class=\"et-scheduler-header\">\n  <button\n    [attr.aria-label]=\"todayLabel()\"\n    (click)=\"headless.goToToday()\"\n    class=\"et-scheduler-today-button\"\n    et-button\n    size=\"sm\"\n    variant=\"outline\"\n    type=\"button\"\n  >\n    <i etIcon=\"et-calendar\" aria-hidden=\"true\"></i>\n    <span class=\"et-scheduler-today-button-label\">{{ todayLabel() }}</span>\n  </button>\n\n  @if (isNarrow()) {\n    <div class=\"et-scheduler-toolbar-fabs\" etFloatingAction>\n      <div etFloatingActionAnchor>\n        <div class=\"et-scheduler-toolbar-fab-stack\" etFloatingActionTrigger>\n          @for (action of toolbarActions(); track $index) {\n            <!-- The icon has to be a static child of the FAB to reach its icon slot, so the two\n                 shapes are separate elements rather than one with a conditional icon inside. -->\n            @if (action.icon; as icon) {\n              <button\n                [attr.aria-label]=\"action.label()\"\n                (click)=\"action.run()\"\n                class=\"et-scheduler-toolbar-action\"\n                et-fab\n                type=\"button\"\n              >\n                <i [etIcon]=\"icon\" aria-hidden=\"true\"></i>\n              </button>\n            } @else {\n              <button (click)=\"action.run()\" class=\"et-scheduler-toolbar-action\" et-fab expanded type=\"button\">\n                {{ action.label() }}\n              </button>\n            }\n          }\n        </div>\n      </div>\n    </div>\n  } @else {\n    @for (action of toolbarActions(); track $index) {\n      <button (click)=\"action.run()\" class=\"et-scheduler-toolbar-action\" et-button size=\"sm\" type=\"button\">\n        @if (action.icon) {\n          <i [etIcon]=\"action.icon\" aria-hidden=\"true\"></i>\n        }\n        {{ action.label() }}\n      </button>\n    }\n  }\n\n  <div class=\"et-scheduler-nav-buttons\">\n    <button\n      [attr.aria-label]=\"previousLabel()\"\n      (click)=\"headless.previous()\"\n      class=\"et-scheduler-nav-button et-scheduler-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]=\"nextLabel()\"\n      (click)=\"headless.next()\"\n      class=\"et-scheduler-nav-button et-scheduler-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  <span class=\"et-scheduler-header-label\">{{ headerLabel() }}</span>\n\n  <div class=\"et-scheduler-header-spacer\"></div>\n\n  <et-segmented-button-group\n    [value]=\"headless.view()\"\n    (valueChange)=\"setView($event)\"\n    class=\"et-scheduler-view-switch\"\n    size=\"sm\"\n    variant=\"tabs\"\n  >\n    <et-label class=\"et-scheduler-view-switch-label\">{{ switchViewLabel() }}</et-label>\n\n    <et-segmented-button value=\"month\">{{ monthViewLabel() }}</et-segmented-button>\n    <et-segmented-button value=\"week\">{{ weekViewLabel() }}</et-segmented-button>\n    <et-segmented-button value=\"day\">{{ dayViewLabel() }}</et-segmented-button>\n    <et-segmented-button value=\"agenda\">{{ agendaViewLabel() }}</et-segmented-button>\n  </et-segmented-button-group>\n</div>\n\n<div class=\"et-scheduler-body\">\n  @switch (headless.view()) {\n    @case ('week') {\n      <et-scheduler-time-grid-view />\n    }\n    @case ('day') {\n      <et-scheduler-time-grid-view />\n    }\n    @case ('agenda') {\n      <et-scheduler-agenda-view />\n    }\n    @default {\n      <et-scheduler-month-view />\n    }\n  }\n</div>\n", styles: ["@layer components{.et-scheduler{container-type:inline-size;container-name:et-scheduler;display:flex;flex-direction:column;gap:12px}.et-scheduler-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.et-scheduler-view-switch{flex-basis:100%}.et-scheduler-toolbar-fab-stack{display:flex;gap:8px}@container et-scheduler not (min-inline-size: 480px){.et-scheduler .et-scheduler-today-button{--et-button-padding: 0;inline-size:3.1rem;block-size:3.1rem;border-radius:9999px}.et-scheduler .et-scheduler-today-button-label{display:none}}@container et-scheduler (min-inline-size: 480px){.et-scheduler-header-spacer{display:block}.et-scheduler-view-switch{flex-basis:auto}.et-scheduler .et-scheduler-today-button .et-button-icon{display:none}}.et-scheduler-nav-buttons{display:flex;gap:2px}.et-scheduler-nav-button--previous .et-icon{rotate:-90deg}.et-scheduler-nav-button--next .et-icon{rotate:90deg}.et-scheduler-header-label{flex:1 1 auto;min-inline-size:0;overflow:hidden;font-size:15px;font-weight:600;color:var(--et-surface-color-solid);white-space:nowrap;text-overflow:ellipsis}.et-scheduler-header-spacer{display:none;flex:1}.et-scheduler-view-switch-label{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.et-scheduler-body{display:flex;flex:1;flex-direction:column}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "[et-button]", inputs: ["variant", "size", "iconAlignment"] }, { kind: "component", type: FabComponent, selector: "[et-fab]", inputs: ["variant", "size", "expanded", "iconAlignment"] }, { kind: "component", type: IconButtonComponent, selector: "[et-icon-button]", inputs: ["variant", "size"] }, { kind: "directive", type: FloatingActionDirective, selector: "[etFloatingAction]", inputs: ["disabled"], exportAs: ["etFloatingAction"] }, { kind: "directive", type: FloatingActionAnchorDirective, selector: "[etFloatingActionAnchor]", exportAs: ["etFloatingActionAnchor"] }, { kind: "directive", type: FloatingActionTriggerDirective, selector: "[etFloatingActionTrigger]", exportAs: ["etFloatingActionTrigger"] }, { kind: "component", type: SegmentedButtonGroupComponent, selector: "et-segmented-button-group", inputs: ["size", "variant"] }, { kind: "component", type: SegmentedButtonComponent, selector: "et-segmented-button" }, { kind: "component", type: LabelDirective, selector: "et-label" }, { kind: "directive", type: IconDirective, selector: "[etIcon]", inputs: ["etIcon", "variant", "allowHardcodedColor", "label"] }, { kind: "component", type: SchedulerAgendaViewComponent, selector: "et-scheduler-agenda-view" }, { kind: "component", type: SchedulerMonthViewComponent, selector: "et-scheduler-month-view" }, { kind: "component", type: SchedulerTimeGridViewComponent, selector: "et-scheduler-time-grid-view" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SchedulerComponent, decorators: [{
             type: Component,
@@ -52409,8 +52795,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                     ], hostDirectives: [
                         {
                             directive: SchedulerDirective,
-                            inputs: ['appointments', 'view', 'focusedDate', 'selectedAppointmentId', 'locale', 'firstDayOfWeek'],
-                            outputs: ['viewChange', 'focusedDateChange', 'selectedAppointmentIdChange'],
+                            inputs: [
+                                'appointments',
+                                'view',
+                                'focusedDate',
+                                'selectedAppointmentId',
+                                'locale',
+                                'firstDayOfWeek',
+                                'agendaDays',
+                            ],
+                            outputs: ['viewChange', 'focusedDateChange', 'selectedAppointmentIdChange', 'appointmentReschedule'],
                         },
                         // The built-in badge adornments, bundled by default so `<et-scheduler>` renders a full badge
                         // zero-config - each forwards its own config input, so e.g. `[etSchedulerBadgeLocation]="{
@@ -52422,6 +52816,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         { directive: SchedulerBadgeChainCountDirective, inputs: ['etSchedulerBadgeChainCount'] },
                         { directive: SchedulerActionAddAppointmentDirective, inputs: ['etSchedulerActionAddAppointment'] },
                         { directive: SchedulerSwipeNavigationDirective, inputs: ['etSchedulerSwipeNavigation'] },
+                        { directive: SchedulerAppointmentDragDirective, inputs: ['etSchedulerAppointmentDrag'] },
                     ], host: {
                         class: 'et-scheduler',
                     }, template: "<div class=\"et-scheduler-header\">\n  <button\n    [attr.aria-label]=\"todayLabel()\"\n    (click)=\"headless.goToToday()\"\n    class=\"et-scheduler-today-button\"\n    et-button\n    size=\"sm\"\n    variant=\"outline\"\n    type=\"button\"\n  >\n    <i etIcon=\"et-calendar\" aria-hidden=\"true\"></i>\n    <span class=\"et-scheduler-today-button-label\">{{ todayLabel() }}</span>\n  </button>\n\n  @if (isNarrow()) {\n    <div class=\"et-scheduler-toolbar-fabs\" etFloatingAction>\n      <div etFloatingActionAnchor>\n        <div class=\"et-scheduler-toolbar-fab-stack\" etFloatingActionTrigger>\n          @for (action of toolbarActions(); track $index) {\n            <!-- The icon has to be a static child of the FAB to reach its icon slot, so the two\n                 shapes are separate elements rather than one with a conditional icon inside. -->\n            @if (action.icon; as icon) {\n              <button\n                [attr.aria-label]=\"action.label()\"\n                (click)=\"action.run()\"\n                class=\"et-scheduler-toolbar-action\"\n                et-fab\n                type=\"button\"\n              >\n                <i [etIcon]=\"icon\" aria-hidden=\"true\"></i>\n              </button>\n            } @else {\n              <button (click)=\"action.run()\" class=\"et-scheduler-toolbar-action\" et-fab expanded type=\"button\">\n                {{ action.label() }}\n              </button>\n            }\n          }\n        </div>\n      </div>\n    </div>\n  } @else {\n    @for (action of toolbarActions(); track $index) {\n      <button (click)=\"action.run()\" class=\"et-scheduler-toolbar-action\" et-button size=\"sm\" type=\"button\">\n        @if (action.icon) {\n          <i [etIcon]=\"action.icon\" aria-hidden=\"true\"></i>\n        }\n        {{ action.label() }}\n      </button>\n    }\n  }\n\n  <div class=\"et-scheduler-nav-buttons\">\n    <button\n      [attr.aria-label]=\"previousLabel()\"\n      (click)=\"headless.previous()\"\n      class=\"et-scheduler-nav-button et-scheduler-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]=\"nextLabel()\"\n      (click)=\"headless.next()\"\n      class=\"et-scheduler-nav-button et-scheduler-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  <span class=\"et-scheduler-header-label\">{{ headerLabel() }}</span>\n\n  <div class=\"et-scheduler-header-spacer\"></div>\n\n  <et-segmented-button-group\n    [value]=\"headless.view()\"\n    (valueChange)=\"setView($event)\"\n    class=\"et-scheduler-view-switch\"\n    size=\"sm\"\n    variant=\"tabs\"\n  >\n    <et-label class=\"et-scheduler-view-switch-label\">{{ switchViewLabel() }}</et-label>\n\n    <et-segmented-button value=\"month\">{{ monthViewLabel() }}</et-segmented-button>\n    <et-segmented-button value=\"week\">{{ weekViewLabel() }}</et-segmented-button>\n    <et-segmented-button value=\"day\">{{ dayViewLabel() }}</et-segmented-button>\n    <et-segmented-button value=\"agenda\">{{ agendaViewLabel() }}</et-segmented-button>\n  </et-segmented-button-group>\n</div>\n\n<div class=\"et-scheduler-body\">\n  @switch (headless.view()) {\n    @case ('week') {\n      <et-scheduler-time-grid-view />\n    }\n    @case ('day') {\n      <et-scheduler-time-grid-view />\n    }\n    @case ('agenda') {\n      <et-scheduler-agenda-view />\n    }\n    @default {\n      <et-scheduler-month-view />\n    }\n  }\n</div>\n", styles: ["@layer components{.et-scheduler{container-type:inline-size;container-name:et-scheduler;display:flex;flex-direction:column;gap:12px}.et-scheduler-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.et-scheduler-view-switch{flex-basis:100%}.et-scheduler-toolbar-fab-stack{display:flex;gap:8px}@container et-scheduler not (min-inline-size: 480px){.et-scheduler .et-scheduler-today-button{--et-button-padding: 0;inline-size:3.1rem;block-size:3.1rem;border-radius:9999px}.et-scheduler .et-scheduler-today-button-label{display:none}}@container et-scheduler (min-inline-size: 480px){.et-scheduler-header-spacer{display:block}.et-scheduler-view-switch{flex-basis:auto}.et-scheduler .et-scheduler-today-button .et-button-icon{display:none}}.et-scheduler-nav-buttons{display:flex;gap:2px}.et-scheduler-nav-button--previous .et-icon{rotate:-90deg}.et-scheduler-nav-button--next .et-icon{rotate:90deg}.et-scheduler-header-label{flex:1 1 auto;min-inline-size:0;overflow:hidden;font-size:15px;font-weight:600;color:var(--et-surface-color-solid);white-space:nowrap;text-overflow:ellipsis}.et-scheduler-header-spacer{display:none;flex:1}.et-scheduler-view-switch-label{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.et-scheduler-body{display:flex;flex:1;flex-direction:column}}\n"] }]
@@ -52452,6 +52847,7 @@ const SCHEDULER_IMPORTS = [
     SchedulerActionDeleteDirective,
     SchedulerActionAddAppointmentDirective,
     SchedulerSwipeNavigationDirective,
+    SchedulerAppointmentDragDirective,
 ];
 
 /** The built-in English labels. */
@@ -63892,11 +64288,11 @@ const TREE_IMPORTS = [TreeComponent, TreeDirective, TreeNodeDirective, TreeNodeD
 
 // Generated from package.json by tools/scripts/generate-version.js - do not edit.
 /** The version of `@ethlete/components` this build was cut from. */
-const COMPONENTS_VERSION = '1.0.0-next.44';
+const COMPONENTS_VERSION = '1.0.0-next.46';
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ACCORDION_ERROR_CODES, ACCORDION_GROUP_TOKEN, ACCORDION_IMPORTS, ACCORDION_TOKEN, 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_SHAPES, AVATAR_SIZES, 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_DENSITY, BRACKET_DENSITY_PRESETS, BRACKET_ERROR_CODES, BRACKET_IMPORTS, BRACKET_LABELS, BRACKET_ROUND_MIRROR_TYPE, 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, BracketComponent, BracketDefaultContinueComponent, BracketDefaultFinalMatchComponent, BracketDefaultMatchComponent, BracketDefaultRoundHeaderComponent, BracketMap, BracketRoundsListComponent, 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, CHECKBOX_GROUP_IMPORTS, CHECKBOX_IMPORTS, CHECKBOX_OPTION_VARIANTS, CHECK_ICON, CHEVRON_ICON, CHIP_ERROR_CODES, CHIP_IMPORTS, CHIP_LABELS, CHOICE_FIELD_IMPORTS, CHOICE_FIELD_VARIANTS, CIRCLE_CHECK_ICON, CIRCLE_INFO_ICON, CLIPBOARD_CHECK_ICON, CLOCK_ICON, CODE_BLOCK_ICON, CODE_ICON, COLOR_INPUT_IMPORTS, COMMON_BRACKET_ROUND_TYPE, COMPONENTS_VERSION, COPY_BUTTON_IMPORTS, CalendarCellDirective, CalendarComponent, CalendarDirective, CalendarGridDirective, CalendarHeaderDirective, CardComponent, CarouselAutoplayDirective, CarouselComponent, CarouselDirective, CarouselItemDirective, CarouselNextDirective, CarouselPlayToggleDirective, CarouselPreviousDirective, CarouselSlideDirective, CascaderColumnDirective, CascaderComponent, CascaderDirective, CascaderNodeDirective, CascaderPanelComponent, CascaderSearchDirective, CascaderSearchOptionDirective, CascaderSurfaceDirective, CascaderTriggerDirective, CheckboxComponent, CheckboxDirective, CheckboxGroupComponent, CheckboxGroupSelectAllComponent, CheckboxOptionComponent, ChipComponent, ChipDirective, ChipRemoveDirective, ChoiceFieldComponent, ColorInputComponent, ColorInputDirective, 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_INPUT_ERROR_CODES, DATE_TIME_INPUT_IMPORTS, DATE_TIME_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_CHIP_LABELS, DEFAULT_DATE_TIME_LABELS, DEFAULT_DROPZONE_LABELS, DEFAULT_FILTER_OVERLAY_LABELS, DEFAULT_FORM_FIELD_LABELS, DEFAULT_GRID_LABELS, DEFAULT_ICON_VARIANT, DEFAULT_INPUT_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_PIP_WINDOW_CONFIG, 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_STREAM_LABELS, DEFAULT_STREAM_PLAYER_STATE, DEFAULT_TABLE_LABELS, DEFAULT_TIME_PICKER_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, DescriptionComponent, DescriptionListComponent, DividerComponent, DropzoneComponent, DropzoneDirective, DurationInputComponent, DurationInputDirective, DurationInputFieldDirective, ELLIPSIS_ICON, ELLIPSIS_VERTICAL_ICON, EMPTY_STATE_IMPORTS, ET_BUILT_IN_ICON_NAMES, 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_WARNING_MESSAGE_RESOLVER, FabComponent, FacebookPlayerComponent, FacebookPlayerDirective, FacebookPlayerParamsDirective, FacebookPlayerSlotComponent, FilterOverlayResetDirective, FilterOverlaySubmitDirective, FloatingActionAnchorDirective, FloatingActionDirective, FloatingActionScopeDirective, FloatingActionTopDirective, FloatingActionTriggerDirective, FocusRingDirective, FormErrorComponent, FormFieldBarrierDirective, FormFieldComponent, FormFieldDirective, FormWarningComponent, GERMAN_FILTER_OVERLAY_LABELS, GERMAN_QUERY_ERROR_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, GridItemRef, 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_PLATFORM, KICK_PLAYER_TOKEN, KbdComponent, KickPlayerComponent, KickPlayerDirective, KickPlayerParamsDirective, KickPlayerSlotComponent, LINK_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LOADER_LABELS, LOCATION_ICON, LOCK_ICON, LabelDirective, 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_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, 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_STATUS, NUMBER_INPUT_IMPORTS, NavTabLinkComponent, NavTabLinkDirective, 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_HEADER_TEMPLATE_TOKEN, OVERLAY_HEADER_TOKEN, OVERLAY_IMPORTS, OVERLAY_MAIN_TOKEN, OVERLAY_QUERY_PARAM_INPUT_NAME, OVERLAY_REF, OVERLAY_ROUTER_CONFIG_TOKEN, OVERLAY_ROUTER_LINK_TOKEN, OVERLAY_ROUTER_OUTLET_DISABLED_TEMPLATE_TOKEN, OVERLAY_ROUTER_OUTLET_TOKEN, OVERLAY_ROUTER_TOKEN, OVERLAY_SHARED_ROUTE_TEMPLATE_TOKEN, OtpInputComponent, OtpInputDirective, OverlayAnchorDirective, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseDirective, OverlayContainerComponent, OverlayDirective, OverlayFooterDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayMainDirective, OverlayOriginCloneComponent, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlaySurfaceDirective, OverlayTitleDirective, OverlayTriggerDirective, PAGE_SIZE_SELECT_IMPORTS, PAGINATION_IMPORTS, PAGINATION_LABELS, 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, PIP_CHROME_REF_TOKEN, PIP_ENTRY_TOKEN, PIP_WINDOW_ASPECT_RATIO_TOKEN, PLAY_ICON, PLUS_ICON, PROGRESS_STEPS_IMPORTS, PROGRESS_STEPS_ORIENTATIONS, PROGRESS_STEP_STATES, PageSizeSelectComponent, PaginationComponent, PaginationDirective, PaginationSeoDirective, PasswordInputComponent, PasswordInputDirective, PhoneInputComponent, PhoneInputDirective, PhoneInputFieldDirective, PhoneInputFlagDirective, PictureComponent, PictureErrorDirective, PicturePlaceholderDirective, PipBackDirective, PipBringBackDirective, PipCellDirective, PipCloseDirective, PipCollapseOverlayDirective, PipGridToggleDirective, PipPlayerComponent, PipSlotPlaceholderComponent, PipStageDirective, PipTitleBarDirective, PipTitleBarTemplateDirective, PipWindowComponent, PipWindowParamsDirective, ProgressBarComponent, ProgressStepComponent, ProgressStepsComponent, QUERY_ERROR_ERROR_CODES, QUERY_ERROR_IMPORTS, QUERY_ERROR_LABELS, QUERY_ERROR_TOKEN, QUOTE_ICON, QueryErrorActionsDirective, QueryErrorComponent, QueryErrorDirective, QueryErrorTitleDirective, QueryParamOverlayLinkDirective, RADIO_GROUP_IMPORTS, RADIO_VARIANTS, 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, RichTextEditorImageStylesComponent, RichTextEditorImageToolComponent, RichTextEditorLinkEditorComponent, RichTextEditorLinkEditorDirective, RichTextEditorTableStylesComponent, RichTextEditorTableToolComponent, RichTextEditorTokenPaletteComponent, RichTextEditorTokenPopupComponent, RichTextEditorTriggersDirective, SCHEDULER_ADD_SURFACE_OVERLAY, SCHEDULER_EDIT_SURFACE_HOST, SCHEDULER_EDIT_SURFACE_OVERLAY, SCHEDULER_ERROR_CODES, SCHEDULER_FEATURE_HOST, SCHEDULER_IMPORTS, SCHEDULER_LABELS, SCROLLABLE_DARKEN_IMPORTS, SCROLLABLE_DRAG_IMPORTS, SCROLLABLE_ERROR_CODES, SCROLLABLE_IMPORTS, SCROLLABLE_NAVIGATION_IMPORTS, SEGMENTED_BUTTON_GROUP_VARIANTS, SEGMENTED_BUTTON_IMPORTS, 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, SNAP_HYSTERESIS, SOOP_PLAYER_TOKEN, SPLIT_BUTTON_ERROR_CODES, STANDINGS_ERROR_CODES, STANDINGS_IMPORTS, STANDINGS_LABELS, STAR_ICON, STREAM_ALL_IMPORTS, STREAM_CONSENT_TOKEN, STREAM_DAILYMOTION_IMPORTS, 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, SchedulerActionAddAppointmentDirective, SchedulerActionAddSubAppointmentDirective, SchedulerActionDeleteDirective, SchedulerAgendaDirective, SchedulerAgendaViewComponent, SchedulerBadgeChainCountComponent, SchedulerBadgeChainCountDirective, SchedulerBadgeColorDotComponent, SchedulerBadgeColorDotDirective, SchedulerBadgeLocationComponent, SchedulerBadgeLocationDirective, SchedulerBadgeTimeRangeComponent, SchedulerBadgeTimeRangeDirective, SchedulerBadgeTitleComponent, SchedulerBadgeTitleDirective, SchedulerComponent, SchedulerDirective, SchedulerEditColorComponent, SchedulerEditColorDirective, SchedulerEditDescriptionComponent, SchedulerEditDescriptionDirective, SchedulerEditLocationComponent, SchedulerEditLocationDirective, SchedulerEditSurfaceComponent, SchedulerEditSurfaceDirective, SchedulerEditTimeRangeComponent, SchedulerEditTimeRangeDirective, SchedulerEditTitleComponent, SchedulerEditTitleDirective, SchedulerMonthDirective, SchedulerMonthViewComponent, SchedulerSwipeNavigationDirective, SchedulerTimeGridDirective, SchedulerTimeGridViewComponent, ScrollableActiveChildDirective, ScrollableButtonsComponent, ScrollableButtonsDirective, ScrollableComponent, ScrollableDarkenDirective, ScrollableDirective, ScrollableDragDirective, ScrollableIgnoreChildDirective, ScrollableLoadingTemplateDirective, ScrollableMasksComponent, ScrollableNavigationComponent, ScrollableNavigationDirective, ScrollableSnapDirective, SegmentedButtonComponent, SegmentedButtonGroupComponent, 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, 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_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_REORDER_IMPORTS, TABLE_RESIZE_IMPORTS, TABLE_ROW_EXPANSION_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, 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, TOGGLETIP_ERROR_CODES, TOGGLETIP_IMPORTS, TOOLBAR_IMPORTS, TOOLBAR_ORIENTATIONS, TOOLTIP_ERROR_CODES, TOOLTIP_IMPORTS, TOURNAMENT_MODE, TRASH_ICON, TREE_ERROR_CODES, TREE_IMPORTS, 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, TableCellDirective, TableCellEditDirective, TableCellErrorMarkComponent, TableCellErrorTooltipDirective, TableCellSkeletonDirective, TableColumnChooserComponent, TableColumnMenuDirective, TableColumnMenuTriggerComponent, TableComponent, TableCsvExportDirective, TableDetailStylesComponent, TableExpanderCellComponent, TableFilterOptionDirective, TableFilterTriggerComponent, TableFiltersDirective, TableFooterCellDirective, TableFooterDirective, TableGroupHeaderRowComponent, TableGroupHeadersDirective, TableHeaderCellDirective, TableInlineEditDirective, TableInlineEditStylesComponent, TableKeyboardNavDirective, TableReorderDirective, TableReorderOverlayComponent, TableResizeDirective, TableResizeGripComponent, TableRowDetailComponent, TableRowExpansionDirective, TableSelectAllCellComponent, TableSelectCellComponent, TableSelectionDirective, TableSkeletonDirective, TableSkeletonRowsComponent, TableStatePersistenceDirective, TableStickyColumnsDirective, TableVirtualScrollDirective, TableVirtualScrollStylesComponent, TagInputComponent, TagInputDirective, TagInputFieldDirective, TextButtonComponent, TextFieldControlDirective, TextareaComponent, TextareaDirective, TikTokPlayerComponent, TikTokPlayerDirective, TikTokPlayerParamsDirective, TikTokPlayerSlotComponent, TimeInputComponent, TimeInputDirective, TimeInputFieldDirective, TimePickerColumnDirective, TimePickerComponent, TimePickerDirective, TimePickerOptionDirective, TimelineComponent, TimelineItemComponent, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipTriggerDirective, ToolbarComponent, ToolbarDirective, TooltipComponent, TooltipDirective, TreeComponent, TreeDirective, TreeMarkerComponent, TreeNodeDefDirective, TreeNodeDirective, TwitchPlayerComponent, TwitchPlayerDirective, TwitchPlayerParamsDirective, TwitchPlayerSlotComponent, UNDERLINE_ICON, UNDO_ICON, UNIT_MS, UPLOAD_ICON, VIMEO_PLAYER_TOKEN, VimeoPlayerComponent, VimeoPlayerDirective, VimeoPlayerParamsDirective, VimeoPlayerSlotComponent, WINDOW_CONTROL_BUTTON_KINDS, WINDOW_CONTROL_BUTTON_SIZES, WindowControlButtonComponent, YOUTUBE_PLAYER_SLOT_TOKEN, YOUTUBE_PLAYER_TOKEN, YoutubePlayerComponent, YoutubePlayerDirective, YoutubePlayerParamsDirective, YoutubePlayerSlotComponent, YoutubePlayerSlotDirective, abortFullscreenAnimation, anchoredDialogOverlayStrategy, anchoredOverlayStrategy, autoPlace, bottomSheetOverlayStrategy, bracketFitsWidth, bracketNaturalWidth, buildAnchoredRuntimePositionStrategy, canHaveChildren, cascaderFromQuery, centeredOverlayStrategy, clampPosition, clampResizeRect, cleanupFullscreenAnimation, cleanupFullscreenAnimationStyles, clearLeavingSupportStateOnExit, compactLayout, computeGeometry, computeGridHeight, countDescendants, createAnchoredPanelController, createAutoScroller, createCardMask, createCurrencyMask, createDefaultDropzoneArgs, createDropzoneUpload, createExistingDropzoneEntry, createFileDropzoneEntry, createFixedLengthRangeStrategy, createGridAdapter, createIbanMask, createNormalizedBracketMatch, createNotificationPromiseFn, createNotificationRef, createOverlayOpener, createOverlayRef, createOverlayStrategyController, createOverlayUnsavedChangesGuard, createPipChromeAnimations, createPipChromeState, createRichTextEditorTrigger, createRichTextEditorTriggerWithQuery, createStreamConfig, createStreamPlayerSlot, createTableRowsSource, createTableStateStorage, createV2DropzoneUpload, createWeekRangeStrategy, defaultCompareWith$1 as defaultCompareWith, defaultDropzoneRejectionMessage, defineOverlay, defineQueryParamOverlay, deriveDurationFormatSpec, deserializeGridLayout, deserializeTableState, detectKbdPlatform, dialogOverlayStrategy, disposeDropzoneEntry, doubleEliminationBracketLayout, dropzoneFiles, enableDragToDismiss, extractFirstImageUrl, filterOverlayLabelsForLocale, filterOverlayPreviewFromQuery, filterRows, findCollision, findNextRelevantHtmlElement, findScrollableAncestor, formatDuration, formatFileSize, fromGridPosition, fullScreenDialogOverlayStrategy, generateBracketDataForEthlete, generateRoundTypeFromEthleteRoundType, generateTournamentModeFormEthleteRounds, getClosestOverlay, getOriginCoordinatesAndDimensions, hexColor, hysteresisRound, iconRegistryKey, indexOfNode, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectBannerLabels, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectBracketConfig, injectBracketLabels, injectBreadcrumbLabels, injectBreadcrumbManager, injectCalendarLabels, injectCarouselLabels, injectCascaderLabels, injectChipLabels, injectDateFormat, injectDateLocale, injectDateTimeLabels, injectDialogStrategy, injectDialogStrategyDefaults, injectDropzoneLabels, injectFilterOverlay, injectFilterOverlayLabels, injectFormFieldLabels, injectFormSupport, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectGridConfig, injectGridLabels, injectInputLabels, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectLoaderLabels, injectMatchLabels, injectNotificationLabels, injectNotificationManager, injectNotificationManagerConfig, injectOverlayManager, injectOverlayRouter, injectOverlayScrollBlocker, injectOverlaySurfaceContext, injectPaginationLabels, injectPhoneInputLabels, injectPictureConfig, injectPipChromeManager, injectPipManager, injectPipSlotPlaceholderConfig, injectQueryErrorLabels, injectRichTextEditorLabels, injectRichTextEditorTools, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectSchedulerEditSurfaceHost, injectSchedulerFeatureHost, injectSchedulerLabels, injectSelectLabels, injectSidebarOverlay, injectSliderLabels, injectStandingsLabels, injectStreamConfig, injectStreamConsentConfig, injectStreamLabels, injectStreamManager, injectStreamPlayerErrorConfig, injectStreamPlayerLoadingConfig, injectStreamScriptLoader, injectStreamUserConsentProvider, injectTableCsvExport, injectTableFeatureHost, injectTableLabels, injectTimeFormat, injectTimePickerLabels, injectTopSheetStrategy, injectTopSheetStrategyDefaults, isFileAccepted, isHtmlElement, isInteractiveElement, isPointerEvent, isTargetInsideOverlayTree, isTouchEvent, itemsCollide, kbdKeyLabel, kbdKeyName, leftSheetOverlayStrategy, legacyQueryErrorSource, mapLayoutToBreakpoint, matchCountryByDialCode, matchParticipantDisplayName, mergeOverlayBreakpointConfigs, mergeOverlayConfigs, mirroredDoubleEliminationBracketLayout, mirroredSingleEliminationBracketLayout, mountRichTextEditorImageStyles, mountRichTextEditorTableStyles, nodesEqual$1 as nodesEqual, normalizeEthleteBracketMatch, normalizeEthleteGroupRanking, normalizeEthleteMatch, normalizeEthleteMatchStatus, normalizeEthleteMedia, normalizeEthleteParticipant, normalizeEthletePlacement, normalizePictureSizes, normalizePictureSource, numberInputStepMultiplierFrom, paginate, parseDuration, parseKbdKeys, phoneCountryFlag, phoneCountryName, pixelRectsEqual, positionToPixelRect, positionsEqual, projectDragCell, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideBannerLabels, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideBracketConfig, provideBracketLabels, provideBreadcrumbLabels, provideBreadcrumbManager, provideCalendarLabels, provideCarouselLabels, provideCascaderLabels, provideChipLabels, provideDateFormat, provideDateLocale, provideDateTimeLabels, provideDialogStrategy, provideDialogStrategyDefaults, provideDropzoneLabels, provideFilterOverlay, provideFilterOverlayLabels, provideFormErrorMessageResolver, provideFormFieldLabels, provideFormSupport, provideFormWarningMessageResolver, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideGridConfig, provideGridLabels, provideIconOverrides, provideIcons, provideInputLabels, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideLoaderLabels, provideMatchLabels, provideNotificationLabels, provideNotificationManager, provideNotificationManagerConfig, provideNotificationManagerInstance, provideOverlay, provideOverlayManager, provideOverlayRouter, provideOverlayRouterConfig, provideOverlayRouterService, provideOverlayScrollBlocker, providePaginationLabels, providePhoneInputLabels, providePictureConfig, providePipChromeManager, providePipManager, providePipSlotPlaceholderConfig, provideQueryErrorLabels, provideRichTextEditorAlignmentTool, provideRichTextEditorAutoformat, provideRichTextEditorBlockquoteTool, provideRichTextEditorCodeBlockTool, provideRichTextEditorDefaultTools, provideRichTextEditorFloatingToolbar, provideRichTextEditorHeadingTool, provideRichTextEditorImageTool, provideRichTextEditorLabels, provideRichTextEditorLanguageTool, provideRichTextEditorLinkEditor, provideRichTextEditorLinkTool, provideRichTextEditorTableTool, provideRichTextEditorTokenRendering, provideRichTextEditorTools, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSchedulerLabels, provideSelectLabels, provideSidebarOverlay, provideSidebarOverlayConfig, provideSidebarOverlayService, provideSliderLabels, provideStandingsLabels, provideStreamConfig, provideStreamConsentConfig, provideStreamLabels, provideStreamManager, provideStreamPlayerErrorConfig, provideStreamPlayerLoadingConfig, provideTableLabels, provideTimeFormat, provideTimePickerLabels, provideTopSheetStrategy, provideTopSheetStrategyDefaults, queryErrorLabelsForLocale, queryErrorResponseFromLegacyError, reconcileColumnOrder, reconcileColumnWidths, reconcileHiddenColumns, reduceSupportPresentation, registerSingleton, requiredLanguages, resizeSpanBounds, resolveBracketLayout, resolveBreakpoint, resolveClosestOverlay, resolveCollisions, resolveFilterOverlaySubmitButton, resolveNotificationStatusIcon, resolveTableCsvRows, rgbColor, richTextEditorToolLabel, rightSheetOverlayStrategy, rowsToPixelHeight, schedulerFeatureConfig, selectOptionsFromQuery, selectOptionsFromV2Query, serializeGridLayout, serializeTableState, setupRichTextEditorFloatingToolbar, setupRichTextEditorLinkEditor, singleEliminationBracketLayout, snapResizeSpan, sortRows, spanHeight, spanWidth, startFullscreenEnterAnimation, startFullscreenLeaveAnimation, startImageUpload, startOfCalendarUnit, stripTrunkZero, supportPresentationIncludesState, swissBracketLayout, tableCsvRowsFromPages, tableFeatureConfig, tableRowsFromQuery, tableRowsFromV2Query, tableToCsv, toChildrenObservable$1 as toChildrenObservable, toGridPosition, toNotificationContent, toPathObservable, toSearchObservable, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy, warn, wireFormSupport, withPictureBaseUrl };
+export { ACCORDION_ERROR_CODES, ACCORDION_GROUP_TOKEN, ACCORDION_IMPORTS, ACCORDION_TOKEN, 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_SHAPES, AVATAR_SIZES, 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_DENSITY, BRACKET_DENSITY_PRESETS, BRACKET_ERROR_CODES, BRACKET_IMPORTS, BRACKET_LABELS, BRACKET_ROUND_MIRROR_TYPE, 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, BracketComponent, BracketDefaultContinueComponent, BracketDefaultFinalMatchComponent, BracketDefaultMatchComponent, BracketDefaultRoundHeaderComponent, BracketMap, BracketRoundsListComponent, 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, CHECKBOX_GROUP_IMPORTS, CHECKBOX_IMPORTS, CHECKBOX_OPTION_VARIANTS, CHECK_ICON, CHEVRON_ICON, CHIP_ERROR_CODES, CHIP_IMPORTS, CHIP_LABELS, CHOICE_FIELD_IMPORTS, CHOICE_FIELD_VARIANTS, CIRCLE_CHECK_ICON, CIRCLE_INFO_ICON, CLIPBOARD_CHECK_ICON, CLOCK_ICON, CODE_BLOCK_ICON, CODE_ICON, COLOR_INPUT_IMPORTS, COMMON_BRACKET_ROUND_TYPE, COMPONENTS_VERSION, COPY_BUTTON_IMPORTS, CalendarCellDirective, CalendarComponent, CalendarDirective, CalendarGridDirective, CalendarHeaderDirective, CardComponent, CarouselAutoplayDirective, CarouselComponent, CarouselDirective, CarouselItemDirective, CarouselNextDirective, CarouselPlayToggleDirective, CarouselPreviousDirective, CarouselSlideDirective, CascaderColumnDirective, CascaderComponent, CascaderDirective, CascaderNodeDirective, CascaderPanelComponent, CascaderSearchDirective, CascaderSearchOptionDirective, CascaderSurfaceDirective, CascaderTriggerDirective, CheckboxComponent, CheckboxDirective, CheckboxGroupComponent, CheckboxGroupSelectAllComponent, CheckboxOptionComponent, ChipComponent, ChipDirective, ChipRemoveDirective, ChoiceFieldComponent, ColorInputComponent, ColorInputDirective, 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_INPUT_ERROR_CODES, DATE_TIME_INPUT_IMPORTS, DATE_TIME_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_CHIP_LABELS, DEFAULT_DATE_TIME_LABELS, DEFAULT_DROPZONE_LABELS, DEFAULT_FILTER_OVERLAY_LABELS, DEFAULT_FORM_FIELD_LABELS, DEFAULT_GRID_LABELS, DEFAULT_ICON_VARIANT, DEFAULT_INPUT_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_PIP_WINDOW_CONFIG, 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_STREAM_LABELS, DEFAULT_STREAM_PLAYER_STATE, DEFAULT_TABLE_LABELS, DEFAULT_TIME_PICKER_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, DescriptionComponent, DescriptionListComponent, DividerComponent, DropzoneComponent, DropzoneDirective, DurationInputComponent, DurationInputDirective, DurationInputFieldDirective, ELLIPSIS_ICON, ELLIPSIS_VERTICAL_ICON, EMPTY_STATE_IMPORTS, ET_BUILT_IN_ICON_NAMES, 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_WARNING_MESSAGE_RESOLVER, FabComponent, FacebookPlayerComponent, FacebookPlayerDirective, FacebookPlayerParamsDirective, FacebookPlayerSlotComponent, FilterOverlayResetDirective, FilterOverlaySubmitDirective, FloatingActionAnchorDirective, FloatingActionDirective, FloatingActionScopeDirective, FloatingActionTopDirective, FloatingActionTriggerDirective, FocusRingDirective, FormErrorComponent, FormFieldBarrierDirective, FormFieldComponent, FormFieldDirective, FormWarningComponent, GERMAN_FILTER_OVERLAY_LABELS, GERMAN_QUERY_ERROR_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, GridItemRef, 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_PLATFORM, KICK_PLAYER_TOKEN, KbdComponent, KickPlayerComponent, KickPlayerDirective, KickPlayerParamsDirective, KickPlayerSlotComponent, LINK_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LOADER_LABELS, LOCATION_ICON, LOCK_ICON, LabelDirective, 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_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, 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_STATUS, NUMBER_INPUT_IMPORTS, NavTabLinkComponent, NavTabLinkDirective, 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_HEADER_TEMPLATE_TOKEN, OVERLAY_HEADER_TOKEN, OVERLAY_IMPORTS, OVERLAY_MAIN_TOKEN, OVERLAY_QUERY_PARAM_INPUT_NAME, OVERLAY_REF, OVERLAY_ROUTER_CONFIG_TOKEN, OVERLAY_ROUTER_LINK_TOKEN, OVERLAY_ROUTER_OUTLET_DISABLED_TEMPLATE_TOKEN, OVERLAY_ROUTER_OUTLET_TOKEN, OVERLAY_ROUTER_TOKEN, OVERLAY_SHARED_ROUTE_TEMPLATE_TOKEN, OtpInputComponent, OtpInputDirective, OverlayAnchorDirective, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseDirective, OverlayContainerComponent, OverlayDirective, OverlayFooterDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayMainDirective, OverlayOriginCloneComponent, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlaySurfaceDirective, OverlayTitleDirective, OverlayTriggerDirective, PAGE_SIZE_SELECT_IMPORTS, PAGINATION_IMPORTS, PAGINATION_LABELS, 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, PIP_CHROME_REF_TOKEN, PIP_ENTRY_TOKEN, PIP_WINDOW_ASPECT_RATIO_TOKEN, PLAY_ICON, PLUS_ICON, PROGRESS_STEPS_IMPORTS, PROGRESS_STEPS_ORIENTATIONS, PROGRESS_STEP_STATES, PageSizeSelectComponent, PaginationComponent, PaginationDirective, PaginationSeoDirective, PasswordInputComponent, PasswordInputDirective, PhoneInputComponent, PhoneInputDirective, PhoneInputFieldDirective, PhoneInputFlagDirective, PictureComponent, PictureErrorDirective, PicturePlaceholderDirective, PipBackDirective, PipBringBackDirective, PipCellDirective, PipCloseDirective, PipCollapseOverlayDirective, PipGridToggleDirective, PipPlayerComponent, PipSlotPlaceholderComponent, PipStageDirective, PipTitleBarDirective, PipTitleBarTemplateDirective, PipWindowComponent, PipWindowParamsDirective, ProgressBarComponent, ProgressStepComponent, ProgressStepsComponent, QUERY_ERROR_ERROR_CODES, QUERY_ERROR_IMPORTS, QUERY_ERROR_LABELS, QUERY_ERROR_TOKEN, QUOTE_ICON, QueryErrorActionsDirective, QueryErrorComponent, QueryErrorDirective, QueryErrorTitleDirective, QueryParamOverlayLinkDirective, RADIO_GROUP_IMPORTS, RADIO_VARIANTS, 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, RichTextEditorImageStylesComponent, RichTextEditorImageToolComponent, RichTextEditorLinkEditorComponent, RichTextEditorLinkEditorDirective, RichTextEditorTableStylesComponent, RichTextEditorTableToolComponent, RichTextEditorTokenPaletteComponent, RichTextEditorTokenPopupComponent, RichTextEditorTriggersDirective, SCHEDULER_ADD_SURFACE_OVERLAY, SCHEDULER_EDIT_SURFACE_HOST, SCHEDULER_EDIT_SURFACE_OVERLAY, SCHEDULER_ERROR_CODES, SCHEDULER_FEATURE_HOST, SCHEDULER_IMPORTS, SCHEDULER_LABELS, SCROLLABLE_DARKEN_IMPORTS, SCROLLABLE_DRAG_IMPORTS, SCROLLABLE_ERROR_CODES, SCROLLABLE_IMPORTS, SCROLLABLE_NAVIGATION_IMPORTS, SEGMENTED_BUTTON_GROUP_VARIANTS, SEGMENTED_BUTTON_IMPORTS, 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, SNAP_HYSTERESIS, SOOP_PLAYER_TOKEN, SPLIT_BUTTON_ERROR_CODES, STANDINGS_ERROR_CODES, STANDINGS_IMPORTS, STANDINGS_LABELS, STAR_ICON, STREAM_ALL_IMPORTS, STREAM_CONSENT_TOKEN, STREAM_DAILYMOTION_IMPORTS, 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, SchedulerActionAddAppointmentDirective, SchedulerActionAddSubAppointmentDirective, SchedulerActionDeleteDirective, SchedulerAgendaDirective, SchedulerAgendaViewComponent, SchedulerAppointmentDragDirective, SchedulerBadgeChainCountComponent, SchedulerBadgeChainCountDirective, SchedulerBadgeColorDotComponent, SchedulerBadgeColorDotDirective, SchedulerBadgeLocationComponent, SchedulerBadgeLocationDirective, SchedulerBadgeTimeRangeComponent, SchedulerBadgeTimeRangeDirective, SchedulerBadgeTitleComponent, SchedulerBadgeTitleDirective, SchedulerComponent, SchedulerDirective, SchedulerEditColorComponent, SchedulerEditColorDirective, SchedulerEditDescriptionComponent, SchedulerEditDescriptionDirective, SchedulerEditLocationComponent, SchedulerEditLocationDirective, SchedulerEditSurfaceComponent, SchedulerEditSurfaceDirective, SchedulerEditTimeRangeComponent, SchedulerEditTimeRangeDirective, SchedulerEditTitleComponent, SchedulerEditTitleDirective, SchedulerMonthDirective, SchedulerMonthViewComponent, SchedulerSwipeNavigationDirective, SchedulerTimeGridDirective, SchedulerTimeGridViewComponent, ScrollableActiveChildDirective, ScrollableButtonsComponent, ScrollableButtonsDirective, ScrollableComponent, ScrollableDarkenDirective, ScrollableDirective, ScrollableDragDirective, ScrollableIgnoreChildDirective, ScrollableLoadingTemplateDirective, ScrollableMasksComponent, ScrollableNavigationComponent, ScrollableNavigationDirective, ScrollableSnapDirective, SegmentedButtonComponent, SegmentedButtonGroupComponent, 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, 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_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_REORDER_IMPORTS, TABLE_RESIZE_IMPORTS, TABLE_ROW_EXPANSION_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, 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, TOGGLETIP_ERROR_CODES, TOGGLETIP_IMPORTS, TOOLBAR_IMPORTS, TOOLBAR_ORIENTATIONS, TOOLTIP_ERROR_CODES, TOOLTIP_IMPORTS, TOURNAMENT_MODE, TRASH_ICON, TREE_ERROR_CODES, TREE_IMPORTS, 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, TableCellDirective, TableCellEditDirective, TableCellErrorMarkComponent, TableCellErrorTooltipDirective, TableCellSkeletonDirective, TableColumnChooserComponent, TableColumnMenuDirective, TableColumnMenuTriggerComponent, TableComponent, TableCsvExportDirective, TableDetailStylesComponent, TableExpanderCellComponent, TableFilterOptionDirective, TableFilterTriggerComponent, TableFiltersDirective, TableFooterCellDirective, TableFooterDirective, TableGroupHeaderRowComponent, TableGroupHeadersDirective, TableHeaderCellDirective, TableInlineEditDirective, TableInlineEditStylesComponent, TableKeyboardNavDirective, TableReorderDirective, TableReorderOverlayComponent, TableResizeDirective, TableResizeGripComponent, TableRowDetailComponent, TableRowExpansionDirective, TableSelectAllCellComponent, TableSelectCellComponent, TableSelectionDirective, TableSkeletonDirective, TableSkeletonRowsComponent, TableStatePersistenceDirective, TableStickyColumnsDirective, TableVirtualScrollDirective, TableVirtualScrollStylesComponent, TagInputComponent, TagInputDirective, TagInputFieldDirective, TextButtonComponent, TextFieldControlDirective, TextareaComponent, TextareaDirective, TikTokPlayerComponent, TikTokPlayerDirective, TikTokPlayerParamsDirective, TikTokPlayerSlotComponent, TimeInputComponent, TimeInputDirective, TimeInputFieldDirective, TimePickerColumnDirective, TimePickerComponent, TimePickerDirective, TimePickerOptionDirective, TimelineComponent, TimelineItemComponent, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipTriggerDirective, ToolbarComponent, ToolbarDirective, TooltipComponent, TooltipDirective, TreeComponent, TreeDirective, TreeMarkerComponent, TreeNodeDefDirective, TreeNodeDirective, TwitchPlayerComponent, TwitchPlayerDirective, TwitchPlayerParamsDirective, TwitchPlayerSlotComponent, UNDERLINE_ICON, UNDO_ICON, UNIT_MS, UPLOAD_ICON, VIMEO_PLAYER_TOKEN, VimeoPlayerComponent, VimeoPlayerDirective, VimeoPlayerParamsDirective, VimeoPlayerSlotComponent, WINDOW_CONTROL_BUTTON_KINDS, WINDOW_CONTROL_BUTTON_SIZES, WindowControlButtonComponent, YOUTUBE_PLAYER_SLOT_TOKEN, YOUTUBE_PLAYER_TOKEN, YoutubePlayerComponent, YoutubePlayerDirective, YoutubePlayerParamsDirective, YoutubePlayerSlotComponent, YoutubePlayerSlotDirective, abortFullscreenAnimation, anchoredDialogOverlayStrategy, anchoredOverlayStrategy, autoPlace, bottomSheetOverlayStrategy, bracketFitsWidth, bracketNaturalWidth, buildAnchoredRuntimePositionStrategy, canHaveChildren, cascaderFromQuery, centeredOverlayStrategy, clampPosition, clampResizeRect, cleanupFullscreenAnimation, cleanupFullscreenAnimationStyles, clearLeavingSupportStateOnExit, compactLayout, computeGeometry, computeGridHeight, countDescendants, createAnchoredPanelController, createAutoScroller, createCardMask, createCurrencyMask, createDefaultDropzoneArgs, createDropzoneUpload, createExistingDropzoneEntry, createFileDropzoneEntry, createFixedLengthRangeStrategy, createGridAdapter, createIbanMask, createNormalizedBracketMatch, createNotificationPromiseFn, createNotificationRef, createOverlayOpener, createOverlayRef, createOverlayStrategyController, createOverlayUnsavedChangesGuard, createPipChromeAnimations, createPipChromeState, createRichTextEditorTrigger, createRichTextEditorTriggerWithQuery, createStreamConfig, createStreamPlayerSlot, createTableRowsSource, createTableStateStorage, createV2DropzoneUpload, createWeekRangeStrategy, defaultCompareWith$1 as defaultCompareWith, defaultDropzoneRejectionMessage, defineOverlay, defineQueryParamOverlay, deriveDurationFormatSpec, deserializeGridLayout, deserializeTableState, detectKbdPlatform, dialogOverlayStrategy, disposeDropzoneEntry, doubleEliminationBracketLayout, dropzoneFiles, enableDragToDismiss, extractFirstImageUrl, filterOverlayLabelsForLocale, filterOverlayPreviewFromQuery, filterRows, findCollision, findNextRelevantHtmlElement, findScrollableAncestor, formatDuration, formatFileSize, fromGridPosition, fullScreenDialogOverlayStrategy, generateBracketDataForEthlete, generateRoundTypeFromEthleteRoundType, generateTournamentModeFormEthleteRounds, getClosestOverlay, getOriginCoordinatesAndDimensions, hexColor, hysteresisRound, iconRegistryKey, indexOfNode, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectBannerLabels, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectBracketConfig, injectBracketLabels, injectBreadcrumbLabels, injectBreadcrumbManager, injectCalendarLabels, injectCarouselLabels, injectCascaderLabels, injectChipLabels, injectDateFormat, injectDateLocale, injectDateTimeLabels, injectDialogStrategy, injectDialogStrategyDefaults, injectDropzoneLabels, injectFilterOverlay, injectFilterOverlayLabels, injectFormFieldLabels, injectFormSupport, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectGridConfig, injectGridLabels, injectInputLabels, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectLoaderLabels, injectMatchLabels, injectNotificationLabels, injectNotificationManager, injectNotificationManagerConfig, injectOverlayManager, injectOverlayRouter, injectOverlayScrollBlocker, injectOverlaySurfaceContext, injectPaginationLabels, injectPhoneInputLabels, injectPictureConfig, injectPipChromeManager, injectPipManager, injectPipSlotPlaceholderConfig, injectQueryErrorLabels, injectRichTextEditorLabels, injectRichTextEditorTools, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectSchedulerEditSurfaceHost, injectSchedulerFeatureHost, injectSchedulerLabels, injectSelectLabels, injectSidebarOverlay, injectSliderLabels, injectStandingsLabels, injectStreamConfig, injectStreamConsentConfig, injectStreamLabels, injectStreamManager, injectStreamPlayerErrorConfig, injectStreamPlayerLoadingConfig, injectStreamScriptLoader, injectStreamUserConsentProvider, injectTableCsvExport, injectTableFeatureHost, injectTableLabels, injectTimeFormat, injectTimePickerLabels, injectTopSheetStrategy, injectTopSheetStrategyDefaults, isFileAccepted, isHtmlElement, isInteractiveElement, isPointerEvent, isTargetInsideOverlayTree, isTouchEvent, itemsCollide, kbdKeyLabel, kbdKeyName, leftSheetOverlayStrategy, legacyQueryErrorSource, mapLayoutToBreakpoint, matchCountryByDialCode, matchParticipantDisplayName, mergeOverlayBreakpointConfigs, mergeOverlayConfigs, mirroredDoubleEliminationBracketLayout, mirroredSingleEliminationBracketLayout, mountRichTextEditorImageStyles, mountRichTextEditorTableStyles, nodesEqual$1 as nodesEqual, normalizeEthleteBracketMatch, normalizeEthleteGroupRanking, normalizeEthleteMatch, normalizeEthleteMatchStatus, normalizeEthleteMedia, normalizeEthleteParticipant, normalizeEthletePlacement, normalizePictureSizes, normalizePictureSource, numberInputStepMultiplierFrom, paginate, parseDuration, parseKbdKeys, phoneCountryFlag, phoneCountryName, pixelRectsEqual, positionToPixelRect, positionsEqual, projectDragCell, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideBannerLabels, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideBracketConfig, provideBracketLabels, provideBreadcrumbLabels, provideBreadcrumbManager, provideCalendarLabels, provideCarouselLabels, provideCascaderLabels, provideChipLabels, provideDateFormat, provideDateLocale, provideDateTimeLabels, provideDialogStrategy, provideDialogStrategyDefaults, provideDropzoneLabels, provideFilterOverlay, provideFilterOverlayLabels, provideFormErrorMessageResolver, provideFormFieldLabels, provideFormSupport, provideFormWarningMessageResolver, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideGridConfig, provideGridLabels, provideIconOverrides, provideIcons, provideInputLabels, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideLoaderLabels, provideMatchLabels, provideNotificationLabels, provideNotificationManager, provideNotificationManagerConfig, provideNotificationManagerInstance, provideOverlay, provideOverlayManager, provideOverlayRouter, provideOverlayRouterConfig, provideOverlayRouterService, provideOverlayScrollBlocker, providePaginationLabels, providePhoneInputLabels, providePictureConfig, providePipChromeManager, providePipManager, providePipSlotPlaceholderConfig, provideQueryErrorLabels, provideRichTextEditorAlignmentTool, provideRichTextEditorAutoformat, provideRichTextEditorBlockquoteTool, provideRichTextEditorCodeBlockTool, provideRichTextEditorDefaultTools, provideRichTextEditorFloatingToolbar, provideRichTextEditorHeadingTool, provideRichTextEditorImageTool, provideRichTextEditorLabels, provideRichTextEditorLanguageTool, provideRichTextEditorLinkEditor, provideRichTextEditorLinkTool, provideRichTextEditorTableTool, provideRichTextEditorTokenRendering, provideRichTextEditorTools, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSchedulerLabels, provideSelectLabels, provideSidebarOverlay, provideSidebarOverlayConfig, provideSidebarOverlayService, provideSliderLabels, provideStandingsLabels, provideStreamConfig, provideStreamConsentConfig, provideStreamLabels, provideStreamManager, provideStreamPlayerErrorConfig, provideStreamPlayerLoadingConfig, provideTableLabels, provideTimeFormat, provideTimePickerLabels, provideTopSheetStrategy, provideTopSheetStrategyDefaults, queryErrorLabelsForLocale, queryErrorResponseFromLegacyError, reconcileColumnOrder, reconcileColumnWidths, reconcileHiddenColumns, reduceSupportPresentation, registerSingleton, requiredLanguages, resizeSpanBounds, resolveBracketLayout, resolveBreakpoint, resolveClosestOverlay, resolveCollisions, resolveFilterOverlaySubmitButton, resolveNotificationStatusIcon, resolveTableCsvRows, rgbColor, richTextEditorToolLabel, rightSheetOverlayStrategy, rowsToPixelHeight, schedulerFeatureConfig, selectOptionsFromQuery, selectOptionsFromV2Query, serializeGridLayout, serializeTableState, setupRichTextEditorFloatingToolbar, setupRichTextEditorLinkEditor, singleEliminationBracketLayout, snapResizeSpan, sortRows, spanHeight, spanWidth, startFullscreenEnterAnimation, startFullscreenLeaveAnimation, startImageUpload, startOfCalendarUnit, stripTrunkZero, supportPresentationIncludesState, swissBracketLayout, tableCsvRowsFromPages, tableFeatureConfig, tableRowsFromQuery, tableRowsFromV2Query, tableToCsv, toChildrenObservable$1 as toChildrenObservable, toGridPosition, toNotificationContent, toPathObservable, toSearchObservable, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy, warn, wireFormSupport, withPictureBaseUrl };
 //# sourceMappingURL=ethlete-components.mjs.map