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

package/types/ethlete-components.d.ts

@@ -3930,6 +3930,8 @@ export declare class ButtonComponent {
   variant: import("@angular/core").InputSignal<ButtonVariant>;
   size: import("@angular/core").InputSignal<ButtonSize>;
   iconAlignment: import("@angular/core").InputSignal<ButtonIconAlignment>;
+  /** Lets the projected contents fill the space beside the icon, e.g. to push a trailing element to the far edge. */
+  stretchContents: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   canAnimate: {
     state: import("@angular/core").Signal<boolean>;
   };
@@ -3955,6 +3957,11 @@ export declare class ButtonComponent {
       "required": false;
       "isSignal": true;
     };
+    "stretchContents": {
+      "alias": "stretchContents";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, ["*", "[etIcon]"], true, [{
     directive: typeof ButtonDirective;
     inputs: {
@@ -4175,10 +4182,17 @@ export declare const WINDOW_CONTROL_BUTTON_KINDS: {
   readonly CLOSE: "close";
 };
 export type WindowControlButtonKind = (typeof WINDOW_CONTROL_BUTTON_KINDS)[keyof typeof WINDOW_CONTROL_BUTTON_KINDS];
+export declare const WINDOW_CONTROL_BUTTON_SHAPES: {
+  readonly SQUARE: "square";
+  readonly ROUND: "round";
+};
+export type WindowControlButtonShape = (typeof WINDOW_CONTROL_BUTTON_SHAPES)[keyof typeof WINDOW_CONTROL_BUTTON_SHAPES];
 export declare class WindowControlButtonComponent {
   protected buttonDir: ButtonDirective;
   size: import("@angular/core").InputSignal<WindowControlButtonSize>;
   kind: import("@angular/core").InputSignal<WindowControlButtonKind>;
+  /** `square` is a Windows-style tile with a red close hover; `round` is a GNOME (Adwaita) style circle. */
+  shape: import("@angular/core").InputSignal<WindowControlButtonShape>;
   canAnimate: {
     state: import("@angular/core").Signal<boolean>;
   };
@@ -4198,6 +4212,11 @@ export declare class WindowControlButtonComponent {
       "required": false;
       "isSignal": true;
     };
+    "shape": {
+      "alias": "shape";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, ["*"], true, [{
     directive: typeof ButtonDirective;
     inputs: {
@@ -6427,11 +6446,6 @@ export declare class TooltipDirective {
    * leave. A press anywhere else is unambiguous, so treat it as a dismissal.
    */
   private dismissOnOutsidePointer;
-  /**
-   * Escape is consumed here rather than left to the runtime: a shown tooltip counts as the topmost
-   * overlay, so a dialog beneath it would otherwise ignore the key - and a hover-shown tooltip has no
-   * focused host for a host listener to catch it on.
-   */
   private dismissOnEscape;
   private setupFocusBehavior;
   private syncHostDescription;
@@ -7045,6 +7059,8 @@ export declare class PieChartComponent {
     outputs: {};
   }]>;
 }
+/** Which way the flow runs: left to right in columns, or top to bottom in rows. */
+export type SankeyChartDirection = 'horizontal' | 'vertical';
 /** Where a keyboard-focused link sits among its source's outgoing links. `position` counts from 1. */
 export type SankeyChartLinkKeyHintContext = {
   position: number;
@@ -7127,8 +7143,6 @@ export type SankeyChartLinkInput = {
 };
 /** Formats a value for the tooltips and the table. */
 export type SankeyChartValueFormatter = ChartValueFormatter;
-/** Which way the flow runs: left to right in columns, or top to bottom in rows. */
-export type SankeyChartDirection = 'horizontal' | 'vertical';
 /** Where a node's label sits along the flow: before the node (first column), after it, or on a chip centred on it (large middle-column nodes). */
 export type SankeyChartLabelSide = 'start' | 'end' | 'center';
 /** A node with its geometry in plot pixels, ready to render. */
@@ -17350,6 +17364,7 @@ export declare class MenuItemDirective {
   private pointerInside;
   protected role: Signal<string>;
   protected isActive: Signal<boolean>;
+  protected activeSource: Signal<"pointer" | "keyboard" | null>;
   protected isHighlightHeld: Signal<boolean>;
   protected tabIndex: Signal<-1 | 0>;
   constructor();
@@ -17359,6 +17374,7 @@ export declare class MenuItemDirective {
   protected handlePointerMove(event: PointerEvent): void;
   protected handlePointerLeave(): void;
   protected handleFocus(): void;
+  private keyboardTookOver;
   static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemDirective, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<MenuItemDirective, "[etMenuItem]", ["etMenuItem"], {
     "disabled": {
@@ -19320,6 +19336,7 @@ export declare class SelectDirective<TValue = unknown> extends FieldStateControl
   virtualizedItems: Signal<SelectItem[]>;
   private pendingActiveScrollItem;
   private anchorBoxAtPointerMove;
+  private openSource;
   /** True once `maxSelection` is reached (multi select) - further adds are ignored. */
   isFull: Signal<boolean>;
   /**
@@ -19380,6 +19397,7 @@ export declare class SelectDirective<TValue = unknown> extends FieldStateControl
    * single mode. Returns whether the value was committed.
    */
   commitCustomValue(raw: string): boolean;
+  private showFromKeyboard;
   private toggleMultiValue;
   private handleMultiSelectShortcut;
   private toggleVisibleSelection;
@@ -19406,6 +19424,7 @@ export declare class SelectDirective<TValue = unknown> extends FieldStateControl
   private resolveAnchorElement;
   private handleFrameClick;
   private handlePanelMounted;
+  private handleMousePointerMove;
   private handlePanelBeforeClosed;
   private handlePanelKeydown;
   static ɵfac: i0.ɵɵFactoryDeclaration<SelectDirective<any>, never>;
@@ -19727,34 +19746,6 @@ export declare class SelectOptionDirective {
     };
   }, {}, never, never, true, never>;
 }
-/** Config for {@link selectOptionsFromQuery}. */
-export type SelectOptionsFromQueryConfig<TCreator extends AnyQueryCreator, TOption> = {
-  /**
-   * The query creator to run (e.g. from `createGetQuery`). Its pages run on a paged query stack that
-   * restarts when the debounced search query changes - never per keystroke.
-   */
-  queryCreator: TCreator;
-  /**
-   * Builds the request args from the debounced search query and the current `page`. Return `null`
-   * to skip a request (e.g. for an empty query) - `options` is empty while skipped.
-   */
-  args: (query: Signal<string>, page: Signal<number>) => RequestArgs<QueryArgsOf<TCreator>> | null;
-  /**
-   * Maps a successful response to the option slice for the **current page**. The factory appends
-   * each page's slice to the accumulated `options` (and resets when the query changes).
-   */
-  toOptions: (response: ResponseType<QueryArgsOf<TCreator>>) => TOption[];
-  /** Derives whether more pages exist from the latest page's response - drives `hasMoreItems` and gates `loadMore()`. */
-  toHasMore?: (response: ResponseType<QueryArgsOf<TCreator>>) => boolean;
-  /** Turns a query failure into the select's error text. Defaults to the first error message, else `SELECT_LABELS.error`. */
-  toErrorMessage?: (error: QueryErrorResponse) => string;
-  /** Minimum query length before requests run. @default 0 */
-  minQueryLength?: number;
-  /** Debounce applied to the query before it reaches `args`, in ms. @default 300 */
-  debounceTime?: number;
-  /** The page `args` receives on first load and after each query change. @default 1 */
-  initialPage?: number;
-};
 export type SelectOptionsFromQuery<TOption> = {
   /** The mapped options - render them with an `@for` of `et-select-option`s (`filterMode="external"`). */
   options: Signal<TOption[]>;
@@ -19774,38 +19765,6 @@ export type SelectOptionsFromQuery<TOption> = {
    */
   loadMore: () => void;
 };
-/**
- * Feeds a select's options from an `@ethlete/query` query as the user searches. It takes the
- * `queryCreator` plus a reactive `args` builder and runs them on a `createPagedQueryStack`: the stack
- * restarts at `initialPage` as the (debounced) search query changes. Bind the returned bundle with
- * `[etSelectOptions]` - it wires the async state and the query/load-more plumbing - and render
- * `options` yourself:
- *
- * ```ts
- * users = selectOptionsFromQuery({
- *   queryCreator: searchUsers,
- *   args: (query, page) => (query() ? { queryParams: { q: query(), page: page() } } : null),
- *   toOptions: (res) => res.items,
- *   toHasMore: (res) => res.page < res.totalPages,
- * });
- * ```
- *
- * ```html
- * <et-select [formField]="form.assignee" [etSelectOptions]="users">
- *   <input etSelectSearch placeholder="Search users" />
- *   @for (user of users.options(); track user.id) {
- *     <et-select-option [value]="user.id">{{ user.name }}</et-select-option>
- *   }
- * </et-select>
- * ```
- *
- * To intercept a single binding, wire `loading`, `loadError`, `hasMoreItems`, `queryChange`, `loadMore` and
- * `filterMode="external"` by hand instead - see the select guide's async options section.
- *
- * Call it from a field initializer / constructor (injection context), the same place you'd create
- * a query or a query stack.
- */
-export declare const selectOptionsFromQuery: <TCreator extends AnyQueryCreator, TOption>(config: SelectOptionsFromQueryConfig<TCreator, TOption>) => SelectOptionsFromQuery<TOption>;
 /**
  * Wires an async options bundle - the return value of `selectOptionsFromQuery` or
  * `selectOptionsFromV2Query` - into a select with a single binding, replacing the manual
@@ -20095,6 +20054,66 @@ export declare class SelectOptionComponent {
     outputs: {};
   }]>;
 }
+/** Config for {@link selectOptionsFromQuery}. */
+export type SelectOptionsFromQueryConfig<TCreator extends AnyQueryCreator, TOption> = {
+  /**
+   * The query creator to run (e.g. from `createGetQuery`). Its pages run on a paged query stack that
+   * restarts when the debounced search query changes - never per keystroke.
+   */
+  queryCreator: TCreator;
+  /**
+   * Builds the request args from the debounced search query and the current `page`. Return `null`
+   * to skip a request (e.g. for an empty query) - `options` is empty while skipped.
+   */
+  args: (query: Signal<string>, page: Signal<number>) => RequestArgs<QueryArgsOf<TCreator>> | null;
+  /**
+   * Maps a successful response to the option slice for the **current page**. The factory appends
+   * each page's slice to the accumulated `options` (and resets when the query changes).
+   */
+  toOptions: (response: ResponseType<QueryArgsOf<TCreator>>) => TOption[];
+  /** Derives whether more pages exist from the latest page's response - drives `hasMoreItems` and gates `loadMore()`. */
+  toHasMore?: (response: ResponseType<QueryArgsOf<TCreator>>) => boolean;
+  /** Turns a query failure into the select's error text. Defaults to the first error message, else `SELECT_LABELS.error`. */
+  toErrorMessage?: (error: QueryErrorResponse) => string;
+  /** Minimum query length before requests run. @default 0 */
+  minQueryLength?: number;
+  /** Debounce applied to the query before it reaches `args`, in ms. @default 300 */
+  debounceTime?: number;
+  /** The page `args` receives on first load and after each query change. @default 1 */
+  initialPage?: number;
+};
+/**
+ * Feeds a select's options from an `@ethlete/query` query as the user searches. It takes the
+ * `queryCreator` plus a reactive `args` builder and runs them on a `createPagedQueryStack`: the stack
+ * restarts at `initialPage` as the (debounced) search query changes. Bind the returned bundle with
+ * `[etSelectOptions]` - it wires the async state and the query/load-more plumbing - and render
+ * `options` yourself:
+ *
+ * ```ts
+ * users = selectOptionsFromQuery({
+ *   queryCreator: searchUsers,
+ *   args: (query, page) => (query() ? { queryParams: { q: query(), page: page() } } : null),
+ *   toOptions: (res) => res.items,
+ *   toHasMore: (res) => res.page < res.totalPages,
+ * });
+ * ```
+ *
+ * ```html
+ * <et-select [formField]="form.assignee" [etSelectOptions]="users">
+ *   <input etSelectSearch placeholder="Search users" />
+ *   @for (user of users.options(); track user.id) {
+ *     <et-select-option [value]="user.id">{{ user.name }}</et-select-option>
+ *   }
+ * </et-select>
+ * ```
+ *
+ * To intercept a single binding, wire `loading`, `loadError`, `hasMoreItems`, `queryChange`, `loadMore` and
+ * `filterMode="external"` by hand instead - see the select guide's async options section.
+ *
+ * Call it from a field initializer / constructor (injection context), the same place you'd create
+ * a query or a query stack.
+ */
+export declare const selectOptionsFromQuery: <TCreator extends AnyQueryCreator, TOption>(config: SelectOptionsFromQueryConfig<TCreator, TOption>) => SelectOptionsFromQuery<TOption>;
 /** The args accepted by the creator's `prepare()` - includes `mock`/`config` extras. */
 export type V2PrepareArgsOf<TCreator extends AnyV2QueryCreator | AnyLegacyQueryCreator> = Parameters<TCreator['prepare']>[0];
 /** Config for {@link selectOptionsFromV2Query}. */
@@ -35055,6 +35074,65 @@ export declare class TimelineComponent {
 }
 export declare const TIMELINE_IMPORTS: readonly [typeof TimelineComponent, typeof TimelineItemComponent];
 export type ToggletipContent = string | TemplateRef<unknown>;
+export declare class ToggletipComponent {
+  private ownColorProvider;
+  private triggerColorProvider;
+  protected injector: Injector;
+  toggletipId: import("@angular/core").InputSignal<string>;
+  protected contentId: import("@angular/core").InputSignal<string>;
+  content: import("@angular/core").InputSignal<ToggletipContent>;
+  colorProvider: import("@angular/core").InputSignal<ProvideColorDirective | null>;
+  hasTemplate: import("@angular/core").Signal<boolean>;
+  contentText: import("@angular/core").Signal<string | null>;
+  contentTemplate: import("@angular/core").Signal<TemplateRef<unknown> | null>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<ToggletipComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ToggletipComponent, "et-toggletip", never, {
+    "toggletipId": {
+      "alias": "toggletipId";
+      "required": true;
+      "isSignal": true;
+    };
+    "contentId": {
+      "alias": "contentId";
+      "required": true;
+      "isSignal": true;
+    };
+    "content": {
+      "alias": "content";
+      "required": true;
+      "isSignal": true;
+    };
+    "colorProvider": {
+      "alias": "colorProvider";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1$1.ProvideColorDirective;
+    inputs: {};
+    outputs: {};
+  }, {
+    directive: typeof i1$1.AutoSurfaceDirective;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class ToggletipCloseDirective {
+  protected overlayRef: OverlayRef<ToggletipComponent, unknown>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ToggletipCloseDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<ToggletipCloseDirective, "[etToggletipClose]", never, {}, {}, never, never, true, never>;
+}
+export declare class ToggletipTriggerDirective {
+  private button;
+  private destroyRef;
+  private elementRef;
+  private toggletip;
+  constructor();
+  isOpen(): boolean;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ToggletipTriggerDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<ToggletipTriggerDirective, "[etToggletipTrigger]", ["etToggletipTrigger"], {}, {}, never, never, true, never>;
+}
 export declare class ToggletipDirective {
   private destroyRef;
   private reportError;
@@ -35150,65 +35228,6 @@ export declare class ToggletipDirective {
     "open": "etToggletipOpenChange";
   }, never, never, true, never>;
 }
-export declare class ToggletipComponent {
-  private ownColorProvider;
-  private triggerColorProvider;
-  protected injector: Injector;
-  toggletipId: import("@angular/core").InputSignal<string>;
-  protected contentId: import("@angular/core").InputSignal<string>;
-  content: import("@angular/core").InputSignal<ToggletipContent>;
-  colorProvider: import("@angular/core").InputSignal<ProvideColorDirective | null>;
-  hasTemplate: import("@angular/core").Signal<boolean>;
-  contentText: import("@angular/core").Signal<string | null>;
-  contentTemplate: import("@angular/core").Signal<TemplateRef<unknown> | null>;
-  constructor();
-  static ɵfac: i0.ɵɵFactoryDeclaration<ToggletipComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<ToggletipComponent, "et-toggletip", never, {
-    "toggletipId": {
-      "alias": "toggletipId";
-      "required": true;
-      "isSignal": true;
-    };
-    "contentId": {
-      "alias": "contentId";
-      "required": true;
-      "isSignal": true;
-    };
-    "content": {
-      "alias": "content";
-      "required": true;
-      "isSignal": true;
-    };
-    "colorProvider": {
-      "alias": "colorProvider";
-      "required": true;
-      "isSignal": true;
-    };
-  }, {}, never, never, true, [{
-    directive: typeof i1$1.ProvideColorDirective;
-    inputs: {};
-    outputs: {};
-  }, {
-    directive: typeof i1$1.AutoSurfaceDirective;
-    inputs: {};
-    outputs: {};
-  }]>;
-}
-export declare class ToggletipCloseDirective {
-  protected overlayRef: OverlayRef<ToggletipComponent, unknown>;
-  static ɵfac: i0.ɵɵFactoryDeclaration<ToggletipCloseDirective, never>;
-  static ɵdir: i0.ɵɵDirectiveDeclaration<ToggletipCloseDirective, "[etToggletipClose]", never, {}, {}, never, never, true, never>;
-}
-export declare class ToggletipTriggerDirective {
-  private button;
-  private destroyRef;
-  private elementRef;
-  private toggletip;
-  constructor();
-  isOpen(): boolean;
-  static ɵfac: i0.ɵɵFactoryDeclaration<ToggletipTriggerDirective, never>;
-  static ɵdir: i0.ɵɵDirectiveDeclaration<ToggletipTriggerDirective, "[etToggletipTrigger]", ["etToggletipTrigger"], {}, {}, never, never, true, never>;
-}
 export declare const TOGGLETIP_ERROR_CODES: {
   readonly TEMPLATE_TOGGLETIP_REQUIRES_LABEL: 1500;
   readonly TRIGGER_REQUIRES_BUTTON: 1501;
@@ -35788,5 +35807,5 @@ export declare const provideUnsavedChangesLabels: (labels: import("@ethlete/core
 export declare const injectUnsavedChangesLabels: () => import("@angular/core").Signal<UnsavedChangesLabels>;
 export declare const UNSAVED_CHANGES_LABELS: import("@angular/core").InjectionToken<import("@ethlete/core").LabelsSource<UnsavedChangesLabels>>;
 /** The version of `@ethlete/components` this build was cut from. */
-export declare const COMPONENTS_VERSION = "1.0.0-next.79";
+export declare const COMPONENTS_VERSION = "1.0.0-next.80";
 export { type AppointmentTreeNode, BRACKET_DATA_LAYOUT, BRACKET_ERROR_CODES, BRACKET_ROUND_MIRROR_TYPE, BRACKET_SWISS_GROUP_COLOR_TYPE, type Bracket, type BracketByeSlotSource, type BracketComponents, type BracketContinueComponent, type BracketDataLayout, type BracketDataSource, type BracketDrawing, type BracketEdge, type BracketExternalSlotSource, type BracketGradient, type BracketGradientStop, BracketMap, type BracketMatch, type BracketMatchComponent, type BracketMatchFactor, type BracketMatchId, type BracketMatchOutcomeSlotSource, type BracketMatchParticipant, type BracketMatchPosition, type BracketMatchRelation, type BracketMatchRelationNone, type BracketMatchRelationNothingToOne, type BracketMatchRelationOneToNothing, type BracketMatchRelationOneToOne, type BracketMatchRelationTwoToNothing, type BracketMatchRelationTwoToOne, type BracketMatchShortId, type BracketMatchSlot, type BracketMatchSource, type BracketMatchStatus, type BracketParticipant, type BracketParticipantMatch, type BracketPickMigration, type BracketPickMigrationOptions, type BracketPickSet, type BracketRect, type BracketRound, type BracketRoundHeaderComponent, type BracketRoundId, type BracketRoundMapWithSwissData, type BracketRoundMirrorType, type BracketRoundPosition, type BracketRoundRelation, type BracketRoundRelationNone, type BracketRoundRelationNothingToOne, type BracketRoundRelationOneToNothing, type BracketRoundRelationOneToOne, type BracketRoundRelationTwoToNothing, type BracketRoundRelationTwoToOne, type BracketRoundShortId, type BracketRoundSource, type BracketRoundSwissData, type BracketRoundSwissGroup, type BracketRoundSwissGroupId, type BracketRoundSwissGroupMap, type BracketRoundType, BracketRuntimeError, type BracketSeedSlotSource, type BracketSlotResolutionPolicy, type BracketSlotSource, type BracketSlotSourceKind, type BracketStandingRankSide, type BracketStandingRankSlotSource, type BracketSwissBucketSlotSource, type BracketSwissColors, type BracketSwissGroupColorType, type BracketWarning, COMMON_BRACKET_ROUND_TYPE, type CalendarBandPosition, type CalendarInterval, type CalendarPrecision, type CalendarSelectionFlags, type CalendarView, type CalendarWeekStartsOn, type CascaderCompareWith, type CascaderDataSource, type CascaderNode, type CommonBracketRoundType, type ComputedBracketGrid, type CreateBracketGridConfig, type CreateBracketOptions, type CreateGridAdapterOptions, DOUBLE_ELIMINATION_BRACKET_ROUND_TYPE, type DateRangeSide, type DateRangeSide as TimeRangeInputSide, type DateRangeValue, type DateRangeValue as DateTimeRangeValue, type DateRangeValue as TimeRangeValue, type DoubleEliminationBracketRoundType, type DurationFormatSpec, type DurationSegment, type DurationUnit, GROUP_BRACKET_ROUND_TYPE, type GridAdapter, type GridAdapterBreakpoints, type GridConfig, type GroupBracketRoundType, type MatchParticipantId, type MatchParticipantShortId, type MatchParticipantSide, type ParticipantMatchResult, type PlaceholderBracketShape, type RichTextEditorHeadingLevel, type RichTextEditorImageFailure, type RichTextEditorImageFailureReason, type RichTextEditorImageUpload, type RichTextEditorImageUploadContext, type RichTextEditorImageUploadFn, type RichTextEditorTokenChip, type RichTextEditorTokenCodec, SINGLE_ELIMINATION_BRACKET_ROUND_TYPE, SWISS_BRACKET_ROUND_TYPE, type SchedulerAgendaDay, type SchedulerMonthDayCell, type SchedulerTimeGridAllDayEntry, type SchedulerTimeGridBlock, type SchedulerTimeGridDay, type SchedulerTimeGridSegment, type ScrollableActiveChildRef, type ScrollableButtonPosition, type ScrollableButtonsConfig, type ScrollableChrome, type ScrollableChromeSlot, type ScrollableDirection, type ScrollableIntersectionChange, type ScrollableItemSize, type ScrollableLoadingTemplatePosition, type ScrollableLoadingTemplateRef, type ScrollableMaskVariant, type ScrollableNavigation, type ScrollableNavigationConfig, type ScrollableNavigationItem, type ScrollableScrollMode, type ScrollableScrollOrigin, type ScrollableScrollState, type ScrollbarGeometry, type ScrollbarOrientation, type ScrollbarTarget, type SerializeOptions, type SingleEliminationBracketRoundType, type StandingPick, type StandingPickOutcome, type SwissBracketRoundType, TOURNAMENT_MODE, type TournamentMode, bracketSlot, createBracket, createPlaceholderBracketSource, injectRichTextEditorTools, isBracketSlotPredictable, migrateBracketPicks, resolveBracketSlot, standingRankSides, swapStandingRank, validateBracketSource };