@tedi-design-system/angular 9.0.0-rc.3 → 9.0.0-rc.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/angular",
-  "version": "9.0.0-rc.3",
+  "version": "9.0.0-rc.5",
   "type": "module",
   "main": "community.mjs",
   "module": "fesm2022/tedi-design-system-angular.mjs",
@@ -8,6 +8,12 @@
     "./index.css": {
       "default": "./index.css"
     },
+    "./index-without-icons.css": {
+      "default": "./index-without-icons.css"
+    },
+    "./icons/*.css": {
+      "default": "./icons/*.css"
+    },
     "./package.json": {
       "default": "./package.json"
     },
@@ -47,7 +53,7 @@
   },
   "dependencies": {
     "@tanstack/angular-table": "^8.21.4",
-    "@tedi-design-system/core": "^6.8.1",
+    "@tedi-design-system/core": "6.11.2",
     "tslib": "^2.3.0"
   },
   "publishConfig": {

package/tedi/index.d.ts

@@ -49,7 +49,8 @@ declare class IconComponent {
     variant: _angular_core.InputSignal<IconVariant>;
     /**
      * Type of Material Symbols icon style.
-     * It is recommended to only use one type throughout your app.
+     * It is recommended to only use one type throughout your app, and to load only that type's font
+     * (`icons/<type>.css` with `index-without-icons.css`) instead of all three via `index.css`.
      * @default outlined
      */
     type: _angular_core.InputSignal<IconType>;
@@ -8593,9 +8594,23 @@ declare class TimePickerComponent implements ControlValueAccessor, AfterViewInit
     private onChange;
     private onTouched;
     private initialized;
+    /**
+     * Held until the programmatic scroll has actually settled, not for a fixed
+     * time: `scrollTo` reports its own events plus the scroll-snap adjustment on
+     * top, and the engine decides when those arrive.
+     */
     private readonly isProgrammaticScroll;
+    private readonly isSmoothProgrammaticScroll;
+    /** Only a scroll with a gesture behind it may change the value. */
+    private readonly hasUserGesture;
+    /** Guards against a correction and the engine trading scrolls indefinitely. */
+    private readonly hasCorrectedScroll;
+    private readonly programmaticScrollTarget;
     private readonly scrollLockTimer;
+    /** Latest moment a programmatic scroll may still own its column. */
+    private readonly scrollLockDeadline;
     private readonly scrollDebounceTimer;
+    private readonly gestureTimer;
     private cachedItemHeight;
     private resizeObserver;
     private readonly hourScrollIndex;
@@ -8629,8 +8644,19 @@ declare class TimePickerComponent implements ControlValueAccessor, AfterViewInit
     onRadioChange(slot: string): void;
     constructor();
     ngAfterViewInit(): void;
+    /**
+     * The height a row is actually rendered at, or 0 when it has no box at all
+     * (the picker is hidden, or has not been laid out yet).
+     */
+    private measureItemBox;
     private measureItemHeight;
     private getItemHeight;
+    /**
+     * Column offsets are derived from the item height, so when the height changes
+     * (a breakpoint switch, or the first real measurement after
+     * `DEFAULT_ITEM_HEIGHT` stood in) they no longer land on the highlighted row.
+     */
+    private syncItemHeight;
     ngOnDestroy(): void;
     writeValue(value: string | null): void;
     registerOnChange(fn: (value: string | null) => void): void;
@@ -8644,7 +8670,31 @@ declare class TimePickerComponent implements ControlValueAccessor, AfterViewInit
     onMinuteClick(minute: string): void;
     onColumnKeydown(event: KeyboardEvent, type: WheelType): void;
     private computeWheelMove;
+    private readonly handleUserGesture;
+    /**
+     * Bounds a gesture that never scrolls. Without it one pointer-down on a
+     * column's padding would leave it marked user-driven forever, and the next
+     * offset the engine handed it would be committed as a value.
+     */
+    private armGestureTimer;
+    private clearGestureTimer;
+    /**
+     * Precedence, highest first: a gesture on this column (the offset is the
+     * user's, and it takes over any animation still running), a programmatic
+     * scroll (its own echo, never re-read as a selection), or neither, which
+     * means the engine moved it and the column goes back on the value's row.
+     */
     onColumnScroll(type: WheelType): void;
+    private indexFromScroll;
+    private setScrollIndex;
+    private scheduleScrollSelection;
+    /**
+     * 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
+     * previous picker's row. Nothing marks that as not-the-user, which is how
+     * `09:30` came to render and report `14:06`.
+     */
+    private restoreColumnPosition;
     /** Roving-tabindex helper for dropdown items: only the selected item (or the first
      * when nothing is selected yet) is in the tab sequence. */
     getDropdownTabIndex(index: number): number;
@@ -8654,7 +8704,11 @@ declare class TimePickerComponent implements ControlValueAccessor, AfterViewInit
     scrollToSelected(): void;
     private getColumnElement;
     private alignScroll;
+    /** Returns whether a scroll was actually issued. */
     private scrollColumnToIndex;
+    private releaseScrollLockAfter;
+    /** 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>;
 }