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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tedi-design-system/angular",
3
- "version": "7.1.0-rc.3",
3
+ "version": "7.1.0-rc.5",
4
4
  "type": "module",
5
5
  "main": "community.mjs",
6
6
  "module": "fesm2022/tedi-design-system-angular.mjs",
package/tedi/index.d.ts CHANGED
@@ -358,6 +358,13 @@ declare const translationsMap: {
358
358
  en: string;
359
359
  ru: string;
360
360
  };
361
+ "breadcrumbs.show-more": {
362
+ description: string;
363
+ components: string[];
364
+ et: string;
365
+ en: string;
366
+ ru: string;
367
+ };
361
368
  more: {
362
369
  components: string[];
363
370
  et: string;
@@ -6421,6 +6428,135 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
6421
6428
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any>, "tedi-select", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "dropdownWidthRef": { "alias": "dropdownWidthRef"; "required": false; "isSignal": true; }; "dropdownAlign": { "alias": "dropdownAlign"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "selectableGroups": { "alias": "selectableGroups"; "required": false; "isSignal": true; }; "isTagRemovable": { "alias": "isTagRemovable"; "required": false; "isSignal": true; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "tagEllipsis": { "alias": "tagEllipsis"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "disabledKey": { "alias": "disabledKey"; "required": false; "isSignal": true; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; "isSignal": true; }; "maxDropdownHeight": { "alias": "maxDropdownHeight"; "required": false; "isSignal": true; }; "dropdownType": { "alias": "dropdownType"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchFn": { "alias": "searchFn"; "required": false; "isSignal": true; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "searchChange": "searchChange"; "opened": "opened"; "closed": "closed"; "cleared": "cleared"; }, ["optionTemplate", "valueTemplate"], never, true, never>;
6422
6429
  }
6423
6430
 
6431
+ type SliderHideLabel = boolean | "keep-space";
6432
+ declare class SliderComponent implements ControlValueAccessor, OnDestroy {
6433
+ /**
6434
+ * Unique identifier for the underlying range input, used for label association.
6435
+ */
6436
+ inputId: _angular_core.InputSignal<string>;
6437
+ /**
6438
+ * Name attribute of the underlying input.
6439
+ */
6440
+ name: _angular_core.InputSignal<string | undefined>;
6441
+ /**
6442
+ * Label rendered above the slider.
6443
+ */
6444
+ label: _angular_core.InputSignal<string | undefined>;
6445
+ /**
6446
+ * Hide the label visually while keeping it available to assistive technology, or
6447
+ * `"keep-space"` to also reserve its vertical space.
6448
+ * @default false
6449
+ */
6450
+ hideLabel: _angular_core.InputSignal<SliderHideLabel>;
6451
+ /**
6452
+ * Marks the field as required.
6453
+ * @default false
6454
+ */
6455
+ required: _angular_core.InputSignal<boolean>;
6456
+ /**
6457
+ * Minimum allowed value.
6458
+ * @default 0
6459
+ */
6460
+ min: _angular_core.InputSignal<number>;
6461
+ /**
6462
+ * Maximum allowed value.
6463
+ * @default 100
6464
+ */
6465
+ max: _angular_core.InputSignal<number>;
6466
+ /**
6467
+ * Step size.
6468
+ * @default 1
6469
+ */
6470
+ step: _angular_core.InputSignal<number>;
6471
+ /**
6472
+ * Current value. Supports two-way binding and reactive forms.
6473
+ */
6474
+ value: _angular_core.ModelSignal<number>;
6475
+ /**
6476
+ * Disables the slider.
6477
+ * @default false
6478
+ */
6479
+ disabled: _angular_core.InputSignal<boolean>;
6480
+ /**
6481
+ * Marks the slider as invalid for validation purposes.
6482
+ * @default false
6483
+ */
6484
+ invalid: _angular_core.InputSignal<boolean>;
6485
+ /**
6486
+ * Text rendered to the left of the track (e.g. the minimum value).
6487
+ */
6488
+ minLabel: _angular_core.InputSignal<string | undefined>;
6489
+ /**
6490
+ * Text rendered to the right of the track (e.g. the maximum value).
6491
+ * Ignored when `showCurrentValue` is `true`.
6492
+ */
6493
+ maxLabel: _angular_core.InputSignal<string | undefined>;
6494
+ /**
6495
+ * Render the current value to the right of the track instead of `maxLabel`.
6496
+ * @default false
6497
+ */
6498
+ showCurrentValue: _angular_core.InputSignal<boolean>;
6499
+ /**
6500
+ * Formats the current value for the thumb tooltip and the `showCurrentValue` label.
6501
+ */
6502
+ valueFormatter: _angular_core.InputSignal<((value: number) => string) | undefined>;
6503
+ /**
6504
+ * Show a tooltip with the current value above the thumb while hovered, focused or dragged.
6505
+ * @default true
6506
+ */
6507
+ tooltip: _angular_core.InputSignal<boolean>;
6508
+ /**
6509
+ * FeedbackText component inputs, rendered below the slider.
6510
+ */
6511
+ feedbackText: _angular_core.InputSignal<ComponentInputs<FeedbackTextComponent> | undefined>;
6512
+ /**
6513
+ * Accessible label used when no visible `label` is provided.
6514
+ */
6515
+ ariaLabel: _angular_core.InputSignal<string | undefined>;
6516
+ /**
6517
+ * ID of an element that labels the slider, used when no visible `label` is provided.
6518
+ */
6519
+ ariaLabelledby: _angular_core.InputSignal<string | undefined>;
6520
+ /**
6521
+ * Human-readable text alternative of the current value.
6522
+ */
6523
+ ariaValuetext: _angular_core.InputSignal<string | undefined>;
6524
+ private readonly formDisabled;
6525
+ readonly isHovered: _angular_core.WritableSignal<boolean>;
6526
+ readonly isFocused: _angular_core.WritableSignal<boolean>;
6527
+ readonly isDragging: _angular_core.WritableSignal<boolean>;
6528
+ private onChange;
6529
+ private onTouched;
6530
+ readonly isDisabled: _angular_core.Signal<boolean>;
6531
+ readonly isInvalid: _angular_core.Signal<boolean>;
6532
+ readonly clampedValue: _angular_core.Signal<number>;
6533
+ readonly progress: _angular_core.Signal<number>;
6534
+ readonly progressStyle: _angular_core.Signal<{
6535
+ "--tedi-slider-progress": string;
6536
+ "--tedi-slider-progress-ratio": string;
6537
+ }>;
6538
+ readonly formattedValue: _angular_core.Signal<string>;
6539
+ readonly rightLabel: _angular_core.Signal<string | undefined>;
6540
+ readonly feedbackId: _angular_core.Signal<string | null>;
6541
+ readonly canShowTooltip: _angular_core.Signal<boolean>;
6542
+ readonly tooltipOpen: _angular_core.Signal<boolean>;
6543
+ readonly classes: _angular_core.Signal<string>;
6544
+ writeValue(value?: number): void;
6545
+ registerOnChange(fn: (value: number) => void): void;
6546
+ registerOnTouched(fn: () => void): void;
6547
+ setDisabledState(disabled: boolean): void;
6548
+ handleInput(event: Event): void;
6549
+ handlePointerDown(): void;
6550
+ handleFocus(): void;
6551
+ handleBlur(): void;
6552
+ handleMouseEnter(): void;
6553
+ handleMouseLeave(): void;
6554
+ ngOnDestroy(): void;
6555
+ private endDrag;
6556
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, never>;
6557
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "tedi-slider", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "minLabel": { "alias": "minLabel"; "required": false; "isSignal": true; }; "maxLabel": { "alias": "maxLabel"; "required": false; "isSignal": true; }; "showCurrentValue": { "alias": "showCurrentValue"; "required": false; "isSignal": true; }; "valueFormatter": { "alias": "valueFormatter"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaValuetext": { "alias": "ariaValuetext"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["[sliderAddon]"], true, never>;
6558
+ }
6559
+
6424
6560
  type ToggleVariant = "primary" | "colored";
6425
6561
  type ToggleType = "filled" | "outlined";
6426
6562
  type ToggleSize = "default" | "large";
@@ -8091,6 +8227,92 @@ declare class SpinnerComponent {
8091
8227
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpinnerComponent, "tedi-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
8092
8228
  }
8093
8229
 
8230
+ /**
8231
+ * Marks a projected element as a single breadcrumb. Apply as a structural
8232
+ * directive on the crumb element; `tedi-breadcrumbs` collects each one and
8233
+ * renders it into the trail, inserting separators between them.
8234
+ *
8235
+ * Use a link (e.g. `a tedi-link`) for navigable crumbs and a plain element
8236
+ * (e.g. `span`) for the current page — add `aria-current="page"` to it yourself.
8237
+ */
8238
+ declare class BreadcrumbItemDirective {
8239
+ readonly templateRef: TemplateRef<unknown>;
8240
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbItemDirective, never>;
8241
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BreadcrumbItemDirective, "[tediBreadcrumbItem]", never, {}, {}, never, never, true, never>;
8242
+ }
8243
+
8244
+ /**
8245
+ * Optional custom separator for `tedi-breadcrumbs`. Provide as a template to
8246
+ * render arbitrary content between crumbs; takes precedence over the
8247
+ * `separator` string input and the default chevron icon.
8248
+ */
8249
+ declare class BreadcrumbSeparatorDirective {
8250
+ readonly templateRef: TemplateRef<unknown>;
8251
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbSeparatorDirective, never>;
8252
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BreadcrumbSeparatorDirective, "[tediBreadcrumbSeparator]", never, {}, {}, never, never, true, never>;
8253
+ }
8254
+
8255
+ type BreadcrumbsVariant = "long" | "short";
8256
+ type BreadcrumbsInputs = {
8257
+ variant?: BreadcrumbsVariant;
8258
+ maxItems?: number;
8259
+ itemsBeforeCollapse?: number;
8260
+ itemsAfterCollapse?: number;
8261
+ };
8262
+ type RenderToken = {
8263
+ kind: "item";
8264
+ item: BreadcrumbItemDirective;
8265
+ current: boolean;
8266
+ } | {
8267
+ kind: "ellipsis";
8268
+ hidden: BreadcrumbItemDirective[];
8269
+ };
8270
+ /**
8271
+ * Breadcrumbs show the user's location within the page hierarchy. Each child
8272
+ * marked with `*tediBreadcrumbItem` becomes one crumb, in order from the root
8273
+ * to the current page; chevron separators are inserted between them.
8274
+ *
8275
+ * Use a link (e.g. `a tedi-link`) for navigable crumbs and a plain element for
8276
+ * the current page — add `aria-current="page"` to it yourself.
8277
+ *
8278
+ * Crumb links are underlined by default. Set `[underline]="false"` on the
8279
+ * `tedi-link` for non-underlined crumbs — recommended for the `short` back-link.
8280
+ * Crumbs collapsed into the ellipsis dropdown are always rendered without an
8281
+ * underline, regardless of their `[underline]` setting.
8282
+ */
8283
+ declare class BreadcrumbsComponent implements BreakpointInputs<BreadcrumbsInputs> {
8284
+ private readonly breakpointService;
8285
+ readonly items: _angular_core.Signal<readonly BreadcrumbItemDirective[]>;
8286
+ readonly separatorTemplate: _angular_core.Signal<BreadcrumbSeparatorDirective | undefined>;
8287
+ /** Accessible label for the `nav` landmark. Falls back to the `breadcrumbs` translation. */
8288
+ readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
8289
+ /** Accessible label for the ellipsis button that opens the collapsed-crumbs dropdown. Falls back to the `breadcrumbs.show-more` translation. */
8290
+ readonly showMoreLabel: _angular_core.InputSignal<string | undefined>;
8291
+ /** Separator between crumbs. Defaults to a chevron icon; a `[tediBreadcrumbSeparator]` template overrides this. */
8292
+ readonly separator: _angular_core.InputSignal<string | undefined>;
8293
+ /** `long` shows the full trail; `short` shows only the parent crumb as a back-link. Defaults to `long`. */
8294
+ readonly variant: _angular_core.InputSignal<BreadcrumbsVariant | undefined>;
8295
+ /** Max crumbs before the middle collapses into an ellipsis dropdown. Long variant only; omit to render all. */
8296
+ readonly maxItems: _angular_core.InputSignal<number | undefined>;
8297
+ /** Crumbs kept visible at the start of the trail when collapsed. Defaults to `1`. */
8298
+ readonly itemsBeforeCollapse: _angular_core.InputSignal<number | undefined>;
8299
+ /** Crumbs kept visible at the end of the trail when collapsed. Defaults to `1`. */
8300
+ readonly itemsAfterCollapse: _angular_core.InputSignal<number | undefined>;
8301
+ readonly xs: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
8302
+ readonly sm: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
8303
+ readonly md: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
8304
+ readonly lg: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
8305
+ readonly xl: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
8306
+ readonly xxl: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
8307
+ private readonly resolved;
8308
+ readonly currentVariant: _angular_core.Signal<BreadcrumbsVariant>;
8309
+ readonly parentItem: _angular_core.Signal<BreadcrumbItemDirective | null>;
8310
+ readonly visible: _angular_core.Signal<boolean>;
8311
+ readonly tokens: _angular_core.Signal<RenderToken[]>;
8312
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
8313
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsComponent, "tedi-breadcrumbs", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "showMoreLabel": { "alias": "showMoreLabel"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "itemsBeforeCollapse": { "alias": "itemsBeforeCollapse"; "required": false; "isSignal": true; }; "itemsAfterCollapse": { "alias": "itemsAfterCollapse"; "required": false; "isSignal": true; }; "xs": { "alias": "xs"; "required": false; "isSignal": true; }; "sm": { "alias": "sm"; "required": false; "isSignal": true; }; "md": { "alias": "md"; "required": false; "isSignal": true; }; "lg": { "alias": "lg"; "required": false; "isSignal": true; }; "xl": { "alias": "xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "xxl"; "required": false; "isSignal": true; }; }, {}, ["items", "separatorTemplate"], never, true, never>;
8314
+ }
8315
+
8094
8316
  declare class HorizontalStepperItemComponent {
8095
8317
  label: _angular_core.InputSignal<string>;
8096
8318
  description: _angular_core.InputSignal<string | undefined>;
@@ -8463,6 +8685,14 @@ declare class ModalHeaderComponent {
8463
8685
  }
8464
8686
 
8465
8687
  declare class TooltipTriggerComponent implements AfterContentChecked {
8688
+ /**
8689
+ * When `false`, the trigger is a pure positioning anchor: it skips making its
8690
+ * projected child focusable (no synthesized `tabindex`, focus ring or
8691
+ * `aria-describedby`). Use for decorative or externally-controlled origins where
8692
+ * focus and ARIA live on another element (e.g. a slider's range input).
8693
+ * @default true
8694
+ */
8695
+ readonly interactive: _angular_core.InputSignal<boolean>;
8466
8696
  readonly host: ElementRef<HTMLElement>;
8467
8697
  readonly overlayOrigin: CdkOverlayOrigin;
8468
8698
  private renderer;
@@ -8490,11 +8720,11 @@ declare class TooltipTriggerComponent implements AfterContentChecked {
8490
8720
  private resolveInteractiveElement;
8491
8721
  private isFocusable;
8492
8722
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipTriggerComponent, never>;
8493
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipTriggerComponent, "tedi-tooltip-trigger", never, {}, {}, never, ["*"], true, [{ directive: typeof _angular_cdk_overlay.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
8723
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipTriggerComponent, "tedi-tooltip-trigger", never, { "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof _angular_cdk_overlay.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
8494
8724
  }
8495
8725
 
8496
8726
  type TooltipPosition = OverlayPosition;
8497
- type TooltipOpenWith = "hover" | "click" | "both";
8727
+ type TooltipOpenWith = "hover" | "click" | "both" | "none";
8498
8728
  declare class TooltipComponent implements AfterContentChecked {
8499
8729
  /**
8500
8730
  * The position of the tooltip relative to the trigger element.
@@ -8507,14 +8737,35 @@ declare class TooltipComponent implements AfterContentChecked {
8507
8737
  */
8508
8738
  readonly preventOverflow: _angular_core.InputSignal<boolean>;
8509
8739
  /**
8510
- * How tooltip can opened?
8740
+ * How the tooltip can be opened. Use `none` for full external control via `open`
8741
+ * (e.g. a slider or custom draggable element driving the open state itself).
8511
8742
  * @default both
8512
8743
  */
8513
8744
  readonly openWith: _angular_core.InputSignal<TooltipOpenWith>;
8745
+ /**
8746
+ * Controlled open state. When set (not `undefined`), it overrides the built-in
8747
+ * trigger behavior; typically paired with `openWith="none"`. Leave unset for the
8748
+ * default trigger-driven behavior.
8749
+ */
8750
+ readonly open: _angular_core.ModelSignal<boolean | undefined>;
8751
+ /**
8752
+ * While open, continuously reposition the tooltip so it follows an origin that moves
8753
+ * (e.g. a dragging slider thumb). Uses `requestAnimationFrame`; enable only while the
8754
+ * origin can actually move to avoid needless work.
8755
+ * @default false
8756
+ */
8757
+ readonly trackPosition: _angular_core.InputSignal<boolean>;
8514
8758
  /** Delay time (in ms) for closing tooltip when not hovering trigger or content.
8515
8759
  * @default 100
8516
8760
  */
8517
8761
  readonly timeoutDelay: _angular_core.InputSignal<number>;
8762
+ /**
8763
+ * Extra distance (in px) between the tooltip and its trigger, added on top of the
8764
+ * arrow allowance. Set to `0` to sit the tooltip directly against the trigger
8765
+ * (e.g. a slider thumb).
8766
+ * @default 4
8767
+ */
8768
+ readonly offset: _angular_core.InputSignal<number>;
8518
8769
  /** Dropdown trigger button */
8519
8770
  readonly tooltipTrigger: _angular_core.Signal<TooltipTriggerComponent>;
8520
8771
  /** Tooltip content component */
@@ -8522,7 +8773,8 @@ declare class TooltipComponent implements AfterContentChecked {
8522
8773
  private readonly connectedOverlay;
8523
8774
  readonly descriptionId: string;
8524
8775
  readonly contentText: _angular_core.WritableSignal<string>;
8525
- readonly isOpen: _angular_core.WritableSignal<boolean>;
8776
+ private readonly internalOpen;
8777
+ readonly isOpen: _angular_core.Signal<boolean>;
8526
8778
  readonly currentPlacement: _angular_core.WritableSignal<OverlaySide>;
8527
8779
  readonly arrowLeft: _angular_core.WritableSignal<number | null>;
8528
8780
  readonly arrowTop: _angular_core.WritableSignal<number | null>;
@@ -8530,10 +8782,20 @@ declare class TooltipComponent implements AfterContentChecked {
8530
8782
  readonly overlayOrigin: _angular_core.Signal<_angular_cdk_overlay.CdkOverlayOrigin>;
8531
8783
  readonly isContentHovered: _angular_core.WritableSignal<boolean>;
8532
8784
  hideTimeout?: ReturnType<typeof setTimeout>;
8785
+ private readonly ngZone;
8786
+ private trackRafId;
8533
8787
  private readonly horizontalPush;
8534
8788
  constructor();
8535
8789
  showTooltip(): void;
8536
8790
  hideTooltip(): void;
8791
+ /**
8792
+ * Recomputes the overlay position against its origin. Call this when the origin has
8793
+ * moved without a scroll/resize event (e.g. a dragged element). `trackPosition`
8794
+ * calls it automatically each frame while open.
8795
+ */
8796
+ updatePosition(): void;
8797
+ private startTracking;
8798
+ private stopTracking;
8537
8799
  toggleTooltip(): void;
8538
8800
  onPositionChange(change: ConnectedOverlayPositionChange): void;
8539
8801
  onOverlayAttach(): void;
@@ -8541,7 +8803,7 @@ declare class TooltipComponent implements AfterContentChecked {
8541
8803
  ngAfterContentChecked(): void;
8542
8804
  private syncContentText;
8543
8805
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipComponent, never>;
8544
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "tedi-tooltip", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "preventOverflow": { "alias": "preventOverflow"; "required": false; "isSignal": true; }; "openWith": { "alias": "openWith"; "required": false; "isSignal": true; }; "timeoutDelay": { "alias": "timeoutDelay"; "required": false; "isSignal": true; }; }, {}, ["tooltipTrigger", "tooltipContent"], ["tedi-tooltip-trigger", "tedi-tooltip-content"], true, never>;
8806
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "tedi-tooltip", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "preventOverflow": { "alias": "preventOverflow"; "required": false; "isSignal": true; }; "openWith": { "alias": "openWith"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "trackPosition": { "alias": "trackPosition"; "required": false; "isSignal": true; }; "timeoutDelay": { "alias": "timeoutDelay"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["tooltipTrigger", "tooltipContent"], ["tedi-tooltip-trigger", "tedi-tooltip-content"], true, never>;
8545
8807
  }
8546
8808
 
8547
8809
  type TooltipWidth = "none" | "small" | "medium" | "large";
@@ -8755,6 +9017,6 @@ declare function isValidTime(time: string | null | undefined): boolean;
8755
9017
  */
8756
9018
  declare function normalizeTime(input: string): string | null;
8757
9019
 
8758
- export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, AttachmentActionsComponent, AttachmentComponent, BREAKPOINTS, BaseButtonDirective, BreakpointService, ButtonComponent, ButtonGroupButtonDirective, ButtonGroupComponent, COUNTER_TAG_WIDTH, CalendarComponent, CardButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardIconComponent, CardRowComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DateFieldComponent, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, HeaderActionsComponent, HeaderBottomComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoComponent, HeaderLogoDarkDirective, HeaderLogoutComponent, HeaderMobileButtonComponent, HeaderProfileComponent, HeaderRoleComponent, HeaderRoleContentDirective, HeaderRoleNoResultsDirective, HeaderRoleTitleDirective, HeaderSearchComponent, HeaderTopComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, ProgressBarComponent, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SelectComponent, SelectOptionTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TAG_GAP, TEDI_FORM_FIELD_CONTROL, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, addDays, addMonths, addYears, breakpointInput, buildMonthGrid, calculateArrowOffset, calculateVisibleTagCount, computeGroupSpans, cookieSignal, createTablePersistence, endOfMonth, formatDate, formatLocaleDate, formatLocaleDateHint, formatLocaleDateLong, formatMonthYear, generateUUID, getCardBorderPlacementColor, getDaysInMonth, getFirstDayOfWeek, getFocusableElements, getISOWeek, getMonthNames, getPaddingCssVariables, getPlacementFromPositionChange, getWeekdayNames, groupRowSpan, injectTediTableContext, isAfterDay, isBeforeDay, isDateInRange, isSameDay, isSameMonth, isSameYear, isValidTime, matchAny, matchDate, normalizeTime, parseDate, parseLocaleDate, provideTedi, resolveCardBorderRadius, startOfMonth, startOfWeek, toConnectedPositions, toggleDateInArray, usePagination };
8759
- export type { AccordionInputs, AlertRole, AlertSize, AlertTitleType, AlertType, AlertVariant, AlignItems, AlignSelf, ArrowOffset, ArrowType, AttachmentDirection, Breakpoint, BreakpointFlag, BreakpointInput, BreakpointInputs, BreakpointInputsWithoutSignals, BreakpointObject, BulletColor, ButtonGroupDropdownLabelMode, ButtonSize, ButtonVariant, CalendarView, CardBackground, CardBorderPlacement, CardBorderRadius, CardBorderType, CardContentInputs, CardIconSize, CardIconType, CardInputs, CardPadding, CardPaddingNumber, CardResolvedCorners, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, DateAfter, DateBefore, DateFieldMode, DateInterval, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DateRange, DayOfWeek, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, FilterOption, FilterSize, FilterVariant, FooterSidePlacement, FooterSidePosition, FormFieldControl, FormFieldIcon, Gap, GroupByFn, HeaderContentAlignment, HeaderLanguage, HeaderLanguageLabelPosition, HeaderLoginInputs, HeaderLoginSize, HeaderLogoutInputs, HeaderLogoutSize, HeaderProfileInputs, HeaderProfileSize, HeaderSearchMobileLabels, HeaderSearchMobileVariant, HeaderTopAlignment, HeaderTopInputs, HorizontalStepperBackground, IconBackgroundColor, IconColor, IconSize, IconType, IconVariant, InputSize, InputState, JustifyItems, JustifySelf, LabelColor, LabelSize, Language, LinkInputs, LinkSize, LinkVariant, Matcher, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RepresentativeIcon, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableControlColumn, TableExpandTrigger, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TabsOverflowMode, TagEllipsis, TagOverflowOptions, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, TimelineCardPadding, TimelineVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize };
9020
+ export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, AttachmentActionsComponent, AttachmentComponent, BREAKPOINTS, BaseButtonDirective, BreadcrumbItemDirective, BreadcrumbSeparatorDirective, BreadcrumbsComponent, BreakpointService, ButtonComponent, ButtonGroupButtonDirective, ButtonGroupComponent, COUNTER_TAG_WIDTH, CalendarComponent, CardButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardIconComponent, CardRowComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DateFieldComponent, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, HeaderActionsComponent, HeaderBottomComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoComponent, HeaderLogoDarkDirective, HeaderLogoutComponent, HeaderMobileButtonComponent, HeaderProfileComponent, HeaderRoleComponent, HeaderRoleContentDirective, HeaderRoleNoResultsDirective, HeaderRoleTitleDirective, HeaderSearchComponent, HeaderTopComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, ProgressBarComponent, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SelectComponent, SelectOptionTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SliderComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TAG_GAP, TEDI_FORM_FIELD_CONTROL, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, addDays, addMonths, addYears, breakpointInput, buildMonthGrid, calculateArrowOffset, calculateVisibleTagCount, computeGroupSpans, cookieSignal, createTablePersistence, endOfMonth, formatDate, formatLocaleDate, formatLocaleDateHint, formatLocaleDateLong, formatMonthYear, generateUUID, getCardBorderPlacementColor, getDaysInMonth, getFirstDayOfWeek, getFocusableElements, getISOWeek, getMonthNames, getPaddingCssVariables, getPlacementFromPositionChange, getWeekdayNames, groupRowSpan, injectTediTableContext, isAfterDay, isBeforeDay, isDateInRange, isSameDay, isSameMonth, isSameYear, isValidTime, matchAny, matchDate, normalizeTime, parseDate, parseLocaleDate, provideTedi, resolveCardBorderRadius, startOfMonth, startOfWeek, toConnectedPositions, toggleDateInArray, usePagination };
9021
+ export type { AccordionInputs, AlertRole, AlertSize, AlertTitleType, AlertType, AlertVariant, AlignItems, AlignSelf, ArrowOffset, ArrowType, AttachmentDirection, BreadcrumbsInputs, BreadcrumbsVariant, Breakpoint, BreakpointFlag, BreakpointInput, BreakpointInputs, BreakpointInputsWithoutSignals, BreakpointObject, BulletColor, ButtonGroupDropdownLabelMode, ButtonSize, ButtonVariant, CalendarView, CardBackground, CardBorderPlacement, CardBorderRadius, CardBorderType, CardContentInputs, CardIconSize, CardIconType, CardInputs, CardPadding, CardPaddingNumber, CardResolvedCorners, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, DateAfter, DateBefore, DateFieldMode, DateInterval, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DateRange, DayOfWeek, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, FilterOption, FilterSize, FilterVariant, FooterSidePlacement, FooterSidePosition, FormFieldControl, FormFieldIcon, Gap, GroupByFn, HeaderContentAlignment, HeaderLanguage, HeaderLanguageLabelPosition, HeaderLoginInputs, HeaderLoginSize, HeaderLogoutInputs, HeaderLogoutSize, HeaderProfileInputs, HeaderProfileSize, HeaderSearchMobileLabels, HeaderSearchMobileVariant, HeaderTopAlignment, HeaderTopInputs, HorizontalStepperBackground, IconBackgroundColor, IconColor, IconSize, IconType, IconVariant, InputSize, InputState, JustifyItems, JustifySelf, LabelColor, LabelSize, Language, LinkInputs, LinkSize, LinkVariant, Matcher, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RepresentativeIcon, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SliderHideLabel, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableControlColumn, TableExpandTrigger, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TabsOverflowMode, TagEllipsis, TagOverflowOptions, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, TimelineCardPadding, TimelineVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize };
8760
9022
  //# sourceMappingURL=index.d.ts.map