@siemens/ix 4.4.0 → 5.0.0

package/dist/types/components/tabs/tabs.d.ts

@@ -1,5 +1,33 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Tabs {
+declare const Tabs_base: abstract new (...args: any[]) => {
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentWillLoad?(): Promise<void> | void;
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    componentWillUpdate?(): Promise<void> | void;
+    componentDidUpdate?(): void;
+    render?(): any;
+} & import("../utils/internal/component").StencilLifecycle & {
+    inheritAriaAttributes: import("../utils/a11y").A11yAttributes;
+    getIgnoredAriaAttributes(): import("../utils/a11y").A11yAttributeName[];
+    componentWillLoad(): Promise<void> | void;
+    ariaAttributeChanged(newValue: string | null, _: string | null, propName: string): void;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    disconnectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentDidLoad?(): void;
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    componentWillUpdate?(): Promise<void> | void;
+    componentDidUpdate?(): void;
+    render?(): any;
+};
+export declare class Tabs extends Tabs_base {
     hostElement: HTMLIxTabsElement;
     /**
      * Set tab items to small size
@@ -9,10 +37,6 @@ export declare class Tabs {
      * Set rounded tabs
      */
     rounded: boolean;
-    /**
-     * Set default selected tab by index
-     */
-    selected: number;
     /**
      * Set layout width style
      */
@@ -22,68 +46,54 @@ export declare class Tabs {
      */
     placement: 'bottom' | 'top';
     /**
-     * ARIA label for the chevron left icon button
+     * Aria label for the overflow menu button.
      *
-     * @since 3.2.0
+     * @since 5.0.0
      */
-    ariaLabelChevronLeftIconButton: string;
+    ariaLabelMoreTabs: string;
     /**
-     * ARIA label for the chevron right icon button
+     * Active tab key.
      *
-     * @since 3.2.0
+     * @since 5.0.0
      */
-    ariaLabelChevronRightIconButton: string;
+    activeTabKey?: string;
     /**
-     * Tab selection event. Event detail is the zero-based tab index. Fires when
-     * the user selects a tab, or when the tab list changes and the selected index
-     * is adjusted. Not emitted when `selected` is set from outside.
+     * Keyboard interaction behavior:
+     * automatic:  A tabs widget where tabs are automatically activated and their panel is displayed when they receive focus.
+     * manual: A tabs widget where users activate a tab and display its panel by pressing Space or Enter.
+     *
+     * @since 5.0.0
      */
-    selectedChange: EventEmitter<number>;
-    totalItems: number;
-    currentScrollAmount: number;
-    scrollAmount: number;
-    scrollActionAmount: number;
-    showArrowPrevious: boolean;
-    showArrowNext: boolean;
-    private windowStartSize;
+    keyboardNavigation: 'automatic' | 'manual';
+    /**
+     * Tab selection event. Event detail contains the new active tab key.
+     *
+     * @since 5.0.0
+     */
+    tabChange: EventEmitter<string | undefined>;
+    /**
+     * Tab close event. Event detail contains the closed tab key.
+     *
+     * @since 5.0.0
+     */
+    tabClose: EventEmitter<string | undefined>;
+    private isTabsOverflow;
+    private overflowMenuItems;
     private resizeObserver?;
-    private readonly ARROW_WIDTH;
-    /** Movement in px beyond which we treat as drag (not tap). */
-    private readonly TAP_THRESHOLD_PX;
-    private classObserver?;
-    private updateScheduled;
-    private readonly clickAction;
-    private isDragging;
-    onWindowResize(): number | undefined;
-    private getTabs;
-    private getTab;
-    private getTabsWrapper;
-    private getTabsContainer;
-    private initResizeObserver;
-    private observeSlotChanges;
-    private scheduleTabUpdate;
-    private setTabAttributes;
-    private applyRequiredClasses;
-    private buildRequiredClasses;
-    private ensureSelectedIndex;
-    private updateSelected;
-    private updateTabAttributes;
-    private showArrows;
-    private showPreviousArrow;
-    private showNextArrow;
-    private move;
-    onSelectedChange(newValue: number): void;
-    private setSelected;
-    private clickTab;
-    private dragStart;
-    private dragMove;
-    private dragStop;
-    componentWillLoad(): void;
-    componentDidRender(): void;
-    componentWillRender(): void;
-    private renderArrows;
+    private itemsObserver?;
+    private readonly tabsContainerRef;
+    private readonly tabsRef;
+    private get tabs();
     componentDidLoad(): void;
+    componentWillLoad(): void;
     disconnectedCallback(): void;
-    onTabClick(event: CustomEvent): void;
+    onActiveTabChange(tabKey: string | undefined, oldTabKey: string | undefined): void;
+    private setTabActive;
+    private onComponentChildrenChange;
+    private onComponentResize;
+    private onTabClick;
+    private emitTabChangeEvent;
+    private onTabsNavigate;
     render(): any;
 }
+export {};

package/dist/types/components/time-input/time-input.d.ts

@@ -1,14 +1,29 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { PickerValidityStateTracker } from '../input/input.util';
 import { IxInputFieldComponent, ValidationResults } from '../utils/input';
+import { InputPickerMixinContract } from '../utils/internal/mixins/input/input-picker.mixin';
+import { MakeRef } from '../utils/make-ref';
 import type { TimeInputValidityState } from './time-input.types';
+declare const TimeInput_base: abstract new (...args: any[]) => {
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentWillLoad?(): Promise<void> | void;
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    componentWillUpdate?(): Promise<void> | void;
+    componentDidUpdate?(): void;
+    render?(): any;
+} & import("../utils/internal/component").StencilLifecycle;
 /**
  * @since 3.2.0
  * @form-ready
  * @slot start - Element will be displayed at the start of the input
  * @slot end - Element will be displayed at the end of the input
  */
-export declare class TimeInput implements IxInputFieldComponent<string> {
+export declare class TimeInput extends TimeInput_base implements IxInputFieldComponent<string>, InputPickerMixinContract {
     hostElement: HTMLIxTimeInputElement;
     formInternals: ElementInternals;
     /**
@@ -29,6 +44,20 @@ export declare class TimeInput implements IxInputFieldComponent<string> {
      * See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.
      */
     format: string;
+    /**
+     * Earliest selectable time (`format` tokens). Invalid non-empty values are ignored.
+     *
+     * @since 5.0.0
+     */
+    minTime?: string;
+    /**
+     * Latest selectable time (`format` tokens). Invalid non-empty values are ignored.
+     *
+     * @since 5.0.0
+     */
+    maxTime?: string;
+    watchMinTimePropHandler(): void;
+    watchMaxTimePropHandler(): void;
     /**
      * Required attribute.
      */
@@ -135,6 +164,13 @@ export declare class TimeInput implements IxInputFieldComponent<string> {
      * @since 4.3.0
      */
     enableTopLayer: boolean;
+    /**
+     * ARIA label for the time picker toggle button
+     * Will be set as aria-label for the nested HTML button element
+     *
+     * @since 5.0.0
+     */
+    ariaLabelTimeToggleButton?: string;
     /**
      * Value change event. Emitted when the input value changes.
      */
@@ -167,13 +203,9 @@ export declare class TimeInput implements IxInputFieldComponent<string> {
     private readonly inputElementRef;
     private readonly dropdownElementRef;
     private classObserver?;
-    /** @internal */
     initialValue?: string;
-    /** @internal */
     invalidReason?: string;
-    /** @internal */
     touched: boolean;
-    /** @internal */
     validityTracker: PickerValidityStateTracker;
     private disposableChangesAndVisibilityObservers?;
     private handleInputKeyDown;
@@ -182,11 +214,14 @@ export declare class TimeInput implements IxInputFieldComponent<string> {
     componentWillLoad(): void;
     private updatePaddings;
     disconnectedCallback(): void;
-    watchValue(): void;
     /** @internal */
     hasValidValue(): Promise<boolean>;
     /** @internal */
     getAssociatedFormElement(): Promise<HTMLFormElement | null>;
+    private isWithinConfiguredBounds;
+    private syncPickerTimeFromValue;
+    private validateNonEmptyValue;
+    private revalidateCurrentValue;
     onInput(value: string): Promise<void>;
     onTimeIconClick(event: Event): void;
     openDropdown(): Promise<void>;
@@ -210,5 +245,7 @@ export declare class TimeInput implements IxInputFieldComponent<string> {
      * @internal
      */
     isTouched(): Promise<boolean>;
+    getPickerElement(): MakeRef<HTMLIxDropdownElement> | null;
     render(): any;
 }
+export {};

package/dist/types/components/time-picker/time-picker-column-values.d.ts

@@ -0,0 +1,15 @@
+export type TimePickerColumnIntervals = {
+    hourInterval: number;
+    minuteInterval: number;
+    secondInterval: number;
+    millisecondInterval: number;
+};
+/**
+ * Builds the discrete values shown in each time-picker column.
+ */
+export declare function buildTimePickerColumnNumberArrays(intervals: TimePickerColumnIntervals, timeRef: 'AM' | 'PM' | undefined): {
+    hourNumbers: number[];
+    minuteNumbers: number[];
+    secondNumbers: number[];
+    millisecondsNumbers: number[];
+};

package/dist/types/components/time-picker/time-picker-compute-time.d.ts

@@ -0,0 +1,6 @@
+import { DateTime } from 'luxon';
+import type { TimePickerDescriptorUnit } from './time-picker.types';
+/**
+ * Applies a raw column value to a base time (including 12h rules).
+ */
+export declare function computeTimeWithRawUnitValue(baseTime: DateTime, unit: TimePickerDescriptorUnit, rawValue: number, timeRef: 'AM' | 'PM' | undefined): DateTime | null;

package/dist/types/components/time-picker/time-picker-constraints.d.ts

@@ -0,0 +1,16 @@
+import { DateTime } from 'luxon';
+/**
+ * Parses a time-of-day string in `format` and applies it to `baseDay` (date part only).
+ */
+export declare function parseTimeOnDay(value: string | undefined, format: string, baseDay: DateTime): DateTime | null;
+export declare function getTimePickerConstraintBounds(minTime: string | undefined, maxTime: string | undefined, format: string, baseDay: DateTime): {
+    min: DateTime | null;
+    max: DateTime | null;
+};
+export declare function isWithinTimePickerConstraints(candidate: DateTime, min: DateTime | null, max: DateTime | null): boolean;
+export declare function hasActiveTimePickerConstraints(min: DateTime | null, max: DateTime | null): boolean;
+/**
+ * Whether the inclusive wall-clock range `[rangeStart, rangeEnd]` can intersect
+ * inclusive constraint bounds `[min, max]` (either bound may be null = unbounded).
+ */
+export declare function timeOfDayRangeIntersectsInclusiveBounds(rangeStart: DateTime, rangeEnd: DateTime, min: DateTime | null, max: DateTime | null): boolean;

package/dist/types/components/time-picker/time-picker-display.d.ts

@@ -0,0 +1,6 @@
+import type { TimePickerDescriptorUnit } from './time-picker.types';
+export declare function formatTimePickerUnitValue(unit: TimePickerDescriptorUnit, value: number): string;
+export type TimePickerColumnSeparatorDescriptor = {
+    unit: TimePickerDescriptorUnit;
+};
+export declare function getTimePickerColumnSeparator(currentIndex: number, descriptors: TimePickerColumnSeparatorDescriptor[]): string;

package/dist/types/components/time-picker/time-picker-format.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Luxon format patterns used to decide which time-picker columns are shown.
+ */
+export declare const LUXON_FORMAT_PATTERNS: {
+    hours: RegExp;
+    minutes: RegExp;
+    seconds: RegExp;
+    milliseconds: RegExp;
+};
+/**
+ * Whether the Luxon format string uses 12-hour clock semantics for the picker.
+ */
+export declare function isFormat12Hour(format: string): boolean;

package/dist/types/components/time-picker/time-picker-range.d.ts

@@ -0,0 +1,11 @@
+import { DateTime } from 'luxon';
+import type { TimePickerDescriptorUnit } from './time-picker.types';
+export type TimePickerCandidateRange = {
+    start: DateTime;
+    end: DateTime;
+};
+export declare function getCandidateRangeForUnit(unit: TimePickerDescriptorUnit, candidate: DateTime): TimePickerCandidateRange | null;
+export declare function isSelectableForUnitWithinBounds(unit: TimePickerDescriptorUnit, candidate: DateTime, bounds: {
+    min: DateTime | null;
+    max: DateTime | null;
+}): boolean;

package/dist/types/components/time-picker/time-picker-step-focus.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Moves one step in a ring over `values`, skipping entries where `canSelect`
+ * is false (same algorithm as {@link TimePicker#stepFocusedValue}).
+ *
+ * @returns the next selectable value, or `null` if `values` is empty or no entry is selectable.
+ */
+export declare function findNextSelectableRingValue(values: number[], currentValue: number, direction: 1 | -1, canSelect: (candidate: number) => boolean): number | null;

package/dist/types/components/time-picker/time-picker.d.ts

@@ -1,7 +1,19 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import type { TimePickerCorners } from './time-picker.types';
-type TimePickerDescriptorUnit = 'hour' | 'minute' | 'second' | 'millisecond';
-export declare class TimePicker {
+import type { TimePickerCorners, TimePickerDescriptorUnit } from './time-picker.types';
+declare const TimePicker_base: abstract new (...args: any[]) => {
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentWillLoad?(): Promise<void> | void;
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    componentWillUpdate?(): Promise<void> | void;
+    componentDidUpdate?(): void;
+    render?(): any;
+} & import("../utils/internal/component").StencilLifecycle;
+export declare class TimePicker extends TimePicker_base {
     hostElement: HTMLIxTimePickerElement;
     /**
      * Format of time string.
@@ -57,12 +69,25 @@ export declare class TimePicker {
     millisecondInterval: number;
     watchMillisecondIntervalPropHandler(newValue: number): void;
     private printIntervalError;
+    private warnIfConstraintTimeInvalid;
+    private warnIfConstraintRangeInverted;
+    private warnConstraintTimesIfInvalid;
     /**
      * Selected time value.
      * Format has to match the `format` property.
      */
     time?: string;
-    watchTimePropHandler(newValue: string): void;
+    watchTimePropHandler(newValue: string | undefined): void;
+    /** Earliest selectable time (`format` tokens). Invalid non-empty values are ignored.
+     *
+     * @since 5.0.0 */
+    minTime?: string;
+    /** Latest selectable time (`format` tokens). Invalid non-empty values are ignored.
+     *
+     * @since 5.0.0 */
+    maxTime?: string;
+    watchMinTimePropHandler(): void;
+    watchMaxTimePropHandler(): void;
     /**
      * Get default time value
      * @returns DateTime.now() for empty state (no selection)
@@ -126,20 +151,38 @@ export declare class TimePicker {
     private getElementContainer;
     private isElementVisible;
     private scrollElementIntoView;
-    private updateFocusedValue;
     private setInitialFocusedValueAndUnit;
     private setupVisibilityObserver;
     private mutationObserverCallback;
     private areElementsRendered;
     private getFormattedTime;
-    private timeUpdate;
     private changeTimeReference;
-    private isFormat12Hour;
+    /** `_time` or “now” (constraints, AM/PM, confirm). */
+    private referenceOrNow;
     private setTimeRef;
-    private getInitialFocusedValueForUnit;
+    private getConstraintBounds;
+    /** Bounds and `selectionBase` from {@link referenceOrNow}. */
+    private getUnitSelectionContext;
+    private isWithinTimeConstraints;
+    private canSelectUnitValue;
+    private isSelectableForUnitWithinBounds;
+    /** Provisional `unit` for cross-column base: roving cell, earlier descriptors, else displayed digits. */
+    private getProvisionalRawValue;
+    /** Base time for `canSelect`/`select` on `targetUnit`: committed hour; mid-columns via {@link getProvisionalRawValue}. */
+    private buildCandidateBaseBeforeUnit;
+    private getConstrainedFocusedValueForUnitWithBase;
+    private getConstrainedFocusedValueForUnit;
+    private resolvePreservedFocusedValueOnColumnBlur;
+    private syncKeyboardFocusWithConstraints;
+    private findFirstSelectableInUnit;
+    private getColumnTabStopValue;
+    private stepFocusedValue;
+    private isConfirmDisabled;
     private setTimePickerDescriptors;
     private getNumberArrayForUnit;
     private isSelected;
+    /** Roving tabindex: one tab stop per column; active column only the focused cell has `tabindex=0`. */
+    private getUnitCellTabIndex;
     private select;
     private updateDescriptorFocusedValue;
     private elementListScrollToTop;
@@ -150,7 +193,6 @@ export declare class TimePicker {
     private updateScrollPositions;
     private formatUnitValue;
     private getColumnSeparator;
-    private getElementContainerTabIndex;
     render(): any;
 }
 export {};

package/dist/types/components/time-picker/time-picker.types.d.ts

@@ -1,2 +1,3 @@
 import type { DateTimeCardCorners } from '../date-time-card/date-time-card.types';
 export type TimePickerCorners = DateTimeCardCorners;
+export type TimePickerDescriptorUnit = 'hour' | 'minute' | 'second' | 'millisecond';

package/dist/types/components/toast/toast-container.d.ts

@@ -1,19 +1,11 @@
-import { ToastConfig } from './toast-utils';
 import type { ShowToastResult } from './toast-container.types';
+import { ToastConfig } from './toast-utils';
 export declare class ToastContainer {
+    hostElement: HTMLIxToastContainerElement;
     /**
-     */
-    containerId: string;
-    /**
-     */
-    containerClass: string;
-    /**
+     * Position of the toast container. Determines where the toasts will be displayed on the screen.
      */
     position: 'bottom-right' | 'top-right';
-    private readonly PREFIX_POSITION_CLASS;
-    get hostContainer(): Promise<HTMLElement>;
-    componentDidLoad(): void;
-    onPositionChange(newPosition: string, oldPosition: string): void;
     /**
      * Display a toast message
      * @param config

package/dist/types/components/toggle/toggle.d.ts

@@ -1,9 +1,38 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { InheritAriaAttributesMixinContract } from '../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin';
 import { IxFormComponent } from '../utils/input';
+declare const Toggle_base: abstract new (...args: any[]) => {
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentWillLoad?(): Promise<void> | void;
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    componentWillUpdate?(): Promise<void> | void;
+    componentDidUpdate?(): void;
+    render?(): any;
+} & import("../utils/internal/component").StencilLifecycle & {
+    inheritAriaAttributes: import("../utils/a11y").A11yAttributes;
+    getIgnoredAriaAttributes(): import("../utils/a11y").A11yAttributeName[];
+    componentWillLoad(): Promise<void> | void;
+    ariaAttributeChanged(newValue: string | null, _: string | null, propName: string): void;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    disconnectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentDidLoad?(): void;
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    componentWillUpdate?(): Promise<void> | void;
+    componentDidUpdate?(): void;
+    render?(): any;
+};
 /**
  * @form-ready
  */
-export declare class Toggle implements IxFormComponent<string> {
+export declare class Toggle extends Toggle_base implements IxFormComponent<string>, InheritAriaAttributesMixinContract {
     formInternals: ElementInternals;
     hostElement: HTMLIxToggleElement;
     /**
@@ -70,5 +99,7 @@ export declare class Toggle implements IxFormComponent<string> {
     /** @internal */
     isTouched(): Promise<boolean>;
     updateClassMappings(): void;
+    private resolveAriaLabel;
     render(): any;
 }
+export {};

package/dist/types/components/toggle-button/toggle-button.d.ts

@@ -1,8 +1,37 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { BaseButtonVariant } from '../button/base-button.types';
 import { ButtonVariant } from '../button/button';
+import { InheritAriaAttributesMixinContract } from '../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin';
 export type ToggleButtonVariant = Exclude<ButtonVariant, `danger-${BaseButtonVariant}`>;
-export declare class ToggleButton {
+declare const ToggleButton_base: abstract new (...args: any[]) => {
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentWillLoad?(): Promise<void> | void;
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    componentWillUpdate?(): Promise<void> | void;
+    componentDidUpdate?(): void;
+    render?(): any;
+} & import("../utils/internal/component").StencilLifecycle & {
+    inheritAriaAttributes: import("../utils/a11y").A11yAttributes;
+    getIgnoredAriaAttributes(): import("../utils/a11y").A11yAttributeName[];
+    componentWillLoad(): Promise<void> | void;
+    ariaAttributeChanged(newValue: string | null, _: string | null, propName: string): void;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    disconnectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentDidLoad?(): void;
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    componentWillUpdate?(): Promise<void> | void;
+    componentDidUpdate?(): void;
+    render?(): any;
+};
+export declare class ToggleButton extends ToggleButton_base implements InheritAriaAttributesMixinContract {
     hostElement: HTMLIxToggleButtonElement;
     /**
      * Button variant.
@@ -29,11 +58,6 @@ export declare class ToggleButton {
      * Show button as pressed
      */
     pressed: boolean;
-    /**
-     * ARIA label that will be set on the native HTML button element
-     * @since 3.2.0
-     */
-    ariaLabelButton?: string;
     /**
      * Pressed change event
      */
@@ -41,3 +65,4 @@ export declare class ToggleButton {
     private dispatchPressedChange;
     render(): any;
 }
+export {};

package/dist/types/components/tooltip/tooltip.d.ts

@@ -1,4 +1,4 @@
-import { ElementReference } from "../../components";
+import { ElementReference } from '../utils/element-reference';
 /**
  * @slot title-icon - Icon displayed next to the tooltip title. The icon will be displayed as 16x16px.
  * @slot title-content - Content of tooltip title

package/dist/types/components/tree/tree-model.d.ts

@@ -7,11 +7,15 @@ export interface TreeItem<T> {
     data: T;
     hasChildren: boolean;
     children: TreeItemId[];
+    disabled?: boolean;
 }
 export interface TreeItemVisual<T> extends TreeItem<T> {
     level: number;
+    posinset?: number;
+    setsize?: number;
 }
 export interface TreeItemContext {
     isExpanded: boolean;
     isSelected: boolean;
+    isDisabled?: boolean;
 }

package/dist/types/components/tree-item/tree-item.d.ts

@@ -13,6 +13,12 @@ export declare class TreeItem {
      * Context
      */
     context?: TreeItemContext;
+    /**
+     * Disable tree item
+     *
+     * @since 5.0.0
+     */
+    disabled: boolean;
     /**
      * ARIA label for the chevron icon
      */

package/dist/types/components/upload/upload.d.ts

@@ -10,6 +10,12 @@ export declare class Upload {
      * If multiple is true the user can drop or select multiple files
      */
     multiple: boolean;
+    /**
+     * If directoryUpload is true the user can drop or select a folder containing one or more files
+     *
+     * @since 5.1.0
+     */
+    directoryUpload: boolean;
     /**
      * Whether the text should wrap to more than one line
      */
@@ -25,11 +31,11 @@ export declare class Upload {
     /**
      * Will be used by state = UploadFileState.SELECT_FILE
      */
-    selectFileText: string;
+    selectFileText?: string;
     /**
      * Will be used by state = UploadFileState.LOADING
      */
-    loadingText: string;
+    loadingText?: string;
     /**
      * Will be used by state = UploadFileState.UPLOAD_FAILED
      */
@@ -39,9 +45,9 @@ export declare class Upload {
      */
     uploadSuccessText: string;
     /**
-     * Label for upload file button
+     * Label for upload file or folder button
      */
-    i18nUploadFile: string;
+    i18nUploadFile?: string;
     /**
      * Text for disabled state
      */