@tedi-design-system/angular 9.0.0 → 9.0.1-rc.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/angular",
-  "version": "9.0.0",
+  "version": "9.0.1-rc.2",
   "license": "MIT",
   "type": "module",
   "main": "community.mjs",

package/tedi/index.d.ts

@@ -7459,7 +7459,6 @@ declare class SearchComponent<T = unknown> implements ControlValueAccessor {
     readonly suggestionTemplate: _angular_core.Signal<SearchSuggestionTemplateDirective<any> | undefined>;
     readonly footerTemplate: _angular_core.Signal<SearchFooterTemplateDirective | undefined>;
     private readonly inputRef;
-    private readonly overlayOrigin;
     private readonly connectedOverlay;
     private readonly suggestionRows;
     private readonly formDisabled;
@@ -7483,17 +7482,17 @@ declare class SearchComponent<T = unknown> implements ControlValueAccessor {
     readonly overlayPositions: ConnectedPosition[];
     readonly panelWidth: _angular_core.WritableSignal<number>;
     /**
-     * True while the panel sits above the field on the fallback position, so the
-     * rounded edge can move to the side that is not joined to the field.
+     * The bordered input box, not the whole form field, so the panel overlays the
+     * hint instead of opening below it.
      */
-    readonly panelAbove: _angular_core.WritableSignal<boolean>;
+    readonly panelOrigin: _angular_core.WritableSignal<Element>;
     readonly isDisabled: _angular_core.Signal<boolean>;
     readonly fieldIcon: _angular_core.Signal<string | FormFieldIcon | undefined>;
     readonly fieldHeight: _angular_core.Signal<"var(--form-field-height-sm)" | "var(--form-field-height-lg)" | "var(--form-field-height)">;
     readonly buttonSize: _angular_core.Signal<"small" | "default">;
     readonly buttonIconSize: _angular_core.Signal<24 | 18>;
     readonly buttonAriaLabel: _angular_core.Signal<string | null>;
-    readonly feedbackId: _angular_core.Signal<string | null>;
+    readonly feedbackId: _angular_core.Signal<string>;
     readonly searchAriaLabel: _angular_core.Signal<string>;
     /**
      * Accessible name for the input itself. A visible `label` already names it
@@ -7527,8 +7526,9 @@ declare class SearchComponent<T = unknown> implements ControlValueAccessor {
     onBlur(): void;
     onInputFocus(): void;
     openPanel(): void;
+    /** The box wrapping input and icons, or the input itself when it owns the surface. */
+    private fieldSurface;
     closePanel(): void;
-    onPositionChange(change: ConnectedOverlayPositionChange): void;
     onOverlayAttach(): void;
     onOverlayDetach(): void;
     /**
@@ -8691,6 +8691,11 @@ declare class TimePickerComponent implements ControlValueAccessor, AfterViewInit
     readonly trapFocus: _angular_core.InputSignal<boolean>;
     /** Emitted when the picker requests to be closed (Tab while `trapFocus` is `true`). */
     readonly closeRequested: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Emitted when the user explicitly picks a value: a minute click or Enter on the minute column (`scroll`),
+     * or a slot/item selection (`slots`/`dropdown`). Scrolling or arrowing the wheels does not emit.
+     */
+    readonly selectionCommitted: _angular_core.OutputEmitterRef<void>;
     private readonly el;
     private readonly uniqueId;
     private readonly formDisabled;
@@ -8791,6 +8796,13 @@ declare class TimePickerComponent implements ControlValueAccessor, AfterViewInit
     private indexFromScroll;
     private setScrollIndex;
     private scheduleScrollSelection;
+    /**
+     * Called before a minute commit, which may close the picker. A debounce left
+     * running would fire on the closed column, read scrollTop 0 and overwrite the
+     * value. The pending hour is applied from its highlighted row; the pending
+     * minute is dropped, as the commit picks the minute itself.
+     */
+    private settlePendingScrollSelection;
     /**
      * Gecko hands a torn-down scroll container's offset to the one replacing it
      * in the same position, so a picker can arrive already scrolled to the
@@ -8813,7 +8825,7 @@ declare class TimePickerComponent implements ControlValueAccessor, AfterViewInit
     /** Drops every trace of a programmatic scroll, target offset included. */
     private clearProgrammaticScroll;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimePickerComponent, "tedi-time-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "timeSlots": { "alias": "timeSlots"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "showSlotIndicator": { "alias": "showSlotIndicator"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "trapFocus": { "alias": "trapFocus"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "closeRequested": "closeRequested"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimePickerComponent, "tedi-time-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "timeSlots": { "alias": "timeSlots"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "showSlotIndicator": { "alias": "showSlotIndicator"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "trapFocus": { "alias": "trapFocus"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "closeRequested": "closeRequested"; "selectionCommitted": "selectionCommitted"; }, never, never, true, never>;
 }
 
 type ModalSize = "default" | "small";
@@ -8885,7 +8897,7 @@ declare class TimeFieldComponent implements OnInit, ControlValueAccessor, FormFi
      * Marks the field as invalid. Sets `aria-invalid` on the input and triggers
      * the error styling. Combines with the state derived from reactive forms.
      */
-    protected readonly invalidInput: _angular_core.InputSignal<boolean>;
+    readonly invalidInput: _angular_core.InputSignal<boolean>;
     /** Disables interaction. Combines with the form-control disabled state. */
     readonly disabledInput: _angular_core.InputSignal<boolean>;
     /**
@@ -8908,7 +8920,10 @@ declare class TimeFieldComponent implements OnInit, ControlValueAccessor, FormFi
     readonly useNativePicker: _angular_core.InputSignal<TimeFieldUseNativePicker>;
     /** What opens the picker: only the icon (`button`) or also clicking the input (`input`). */
     readonly pickerTrigger: _angular_core.InputSignal<TimeFieldPickerTrigger>;
-    /** Close the popover/modal as soon as the user picks a value. */
+    /**
+     * Close the popover as soon as the user picks a value. In the `scroll` variant only a minute click or
+     * Enter in the minute column closes it — scrolling or arrowing the wheels does not.
+     */
     readonly closeOnSelect: _angular_core.InputSignal<boolean>;
     /** Predefined `HH:mm` strings for the `slots` and `dropdown` variants. */
     readonly timeSlots: _angular_core.InputSignal<string[]>;
@@ -8979,6 +8994,7 @@ declare class TimeFieldComponent implements OnInit, ControlValueAccessor, FormFi
     private openMobileModal;
     onPickerOpen(): void;
     onPickerValueChange(newValue: string | null): void;
+    onPickerSelectionCommitted(): void;
     closePopover(notifyTouched?: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimeFieldComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimeFieldComponent, "tedi-time-field", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "pickerVariant": { "alias": "pickerVariant"; "required": false; "isSignal": true; }; "useNativePicker": { "alias": "useNativePicker"; "required": false; "isSignal": true; }; "pickerTrigger": { "alias": "pickerTrigger"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "timeSlots": { "alias": "timeSlots"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "showSlotIndicator": { "alias": "showSlotIndicator"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "fullscreen": { "alias": "fullscreen"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;