@siemens/ix 4.2.0 → 4.3.0

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

@@ -1,11 +1,49 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { ValidationResults, FieldWrapperInterface, IxFormValidationState } from '../utils/input';
 import type { SliderMarker } from './slider.types';
 /**
+ * @form-ready
  * @slot label-start - Element will be displayed at the start of the slider
  * @slot label-end - Element will be displayed at the end of the slider
  */
-export declare class Slider {
+export declare class Slider implements FieldWrapperInterface, IxFormValidationState {
+    formInternals: ElementInternals;
     hostElement: HTMLIxSliderElement;
+    /**
+     * Show text below the field component
+     * @since 4.3.0
+     */
+    helperText?: string;
+    /**
+     * Label for the field component
+     * @since 4.3.0
+     */
+    label?: string;
+    /**
+     * Error text for the field component
+     * @since 4.3.0
+     */
+    invalidText?: string;
+    /**
+     * Info text for the field component
+     * @since 4.3.0
+     */
+    infoText?: string;
+    /**
+     * Warning text for the field component
+     * @since 4.3.0
+     */
+    warningText?: string;
+    /**
+     * Valid text for the field component
+     * @since 4.3.0
+     */
+    validText?: string;
+    /**
+     * Show helper, info, warning, error and valid text as tooltip
+     * @since 4.3.0
+     */
+    showTextAsTooltip: boolean;
     /**
      * Legal number intervals
      *
@@ -42,10 +80,12 @@ export declare class Slider {
     disabled: boolean;
     /**
      * Show error state and message
+     *
+     * @deprecated Will be removed in 5.0.0. Use invalid class instead.
      */
     error?: boolean | string;
     /**
-     *
+     * Will emit the value when it changes
      */
     valueChange: EventEmitter<number>;
     rangeInput: number;
@@ -53,18 +93,33 @@ export declare class Slider {
     rangeMax: number;
     rangeTraceReference: number;
     showTooltip: boolean;
+    isInvalid: boolean;
+    isValid: boolean;
+    isInfo: boolean;
+    isWarning: boolean;
     private a11yAttributes?;
+    private lastFormValue?;
+    private touched;
+    private readonly controlRef;
     private readonly thumbRef;
     private readonly tooltipRef;
+    private get hasLabels();
     get tooltip(): HTMLIxTooltipElement | null;
     get pseudoThumb(): HTMLDivElement | null;
     get slider(): HTMLInputElement;
     onShowTooltipChange(): void;
+    onClassField({ isInvalid, isInfo, isValid, isWarning, isInvalidByRequired, }: ValidationResults): void;
     componentWillLoad(): void;
     private updateRangeVariables;
+    private updateFormInternalValue;
+    private setFormValueIfChanged;
     private onInput;
     private emitInputEvent;
     private isMarkerActive;
     onPointerUp(): void;
+    /** @internal */
+    hasValidValue(): Promise<boolean>;
+    /** @internal */
+    isTouched(): Promise<boolean>;
     render(): any;
 }

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { AlignedPlacement } from '../dropdown/placement';
 import { CloseBehavior } from '../dropdown/dropdown-controller';
+import { AlignedPlacement } from '../dropdown/placement';
 import type { SplitButtonVariant } from './split-button.types';
 export declare class SplitButton {
     hostElement: HTMLIxSplitButtonElement;
@@ -56,6 +56,13 @@ export declare class SplitButton {
      * Placement of the dropdown
      */
     placement: AlignedPlacement;
+    /**
+     * Enable Popover API rendering for dropdown.
+     *
+     * @default false
+     * @since 4.3.0
+     */
+    enableTopLayer: boolean;
     toggle: boolean;
     /**
      * Button clicked

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

@@ -45,12 +45,24 @@ export declare class Tabs {
     showArrowNext: boolean;
     private windowStartSize;
     private resizeObserver?;
+    private readonly ARROW_WIDTH;
+    private classObserver?;
+    private updateScheduled;
     private clickAction;
     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;

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

@@ -127,6 +127,13 @@ export declare class TimeInput implements IxInputFieldComponent<string> {
      * Text alignment within the time input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input.
      */
     textAlignment: 'start' | 'end';
+    /**
+     * Enable Popover API rendering for dropdown.
+     *
+     * @default false
+     * @since 4.3.0
+     */
+    enableTopLayer: boolean;
     /**
      * Input change event.
      */

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

@@ -34,9 +34,22 @@ export interface ToastConfig {
      * Color of the icon
      */
     iconColor?: string;
+    /**
+     * Allows to hide the icon in the toast
+     */
+    hideIcon?: boolean;
 }
+/**
+ * Gets the toast container.
+ */
 export declare function getToastContainer(): HTMLIxToastContainerElement;
+/**
+ * Sets the position of the toast container
+ */
 export declare function setToastPosition(position: ToastPosition): void;
+/**
+ * Display a toast based on the provided configuration
+ */
 declare function toast(config: ToastConfig): Promise<ShowToastResult>;
 declare namespace toast {
     var info: (config: ToastConfig) => Promise<ShowToastResult>;

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

@@ -25,6 +25,10 @@ export declare class Toast {
      * Icon color of toast
      */
     iconColor?: string;
+    /**
+     * Allows to hide the icon in the toast.
+     */
+    hideIcon: boolean;
     /**
      * ARIA label for the close icon button
      * Will be set as aria-label on the nested HTML button element

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

@@ -29,9 +29,7 @@ export declare class ToggleButton {
      */
     pressed: boolean;
     /**
-     * ARIA label for the button
-     * Will be set as aria-label on the nested HTML button element
-     *
+     * ARIA label that will be set on the native HTML button element
      * @since 3.2.0
      */
     ariaLabelButton?: string;

package/dist/types/components/utils/lazy-list/lazy.d.ts

@@ -20,6 +20,8 @@ export declare class VirtualList {
     _maxElementHeight: number;
     _renderAnimationFrame: number;
     _averageHeight: number;
+    _scrollListener: (() => void) | null;
+    _pendingRender: boolean;
     static readonly defaultConfig: VirtualListConfig;
     _element: any;
     _scroller: any;

package/dist/types/components/utils/modal/loading.d.ts

@@ -2,6 +2,9 @@ export type ModalLoadingContext = {
     update: (text: string) => string;
     finish: (text?: string, timeout?: number) => void;
 };
+/**
+ * Displays a loading modal with a message
+ */
 export declare function showModalLoading(message: string): {
     update: (text: string) => string;
     finish: (text?: string, timeout?: number) => void;

package/dist/types/components/utils/modal/message.d.ts

@@ -16,6 +16,9 @@ export type MessageContent = {
     ariaLabelledby?: string;
     ariaDescribedby?: string;
 };
+/**
+ * Displays a message modal with configurable actions and returns an event emitter for action responses
+ */
 export declare function showMessage<T>(config: MessageConfig<T>): Promise<TypedEvent<{
     actionId: string;
     payload: T;

package/dist/types/components/utils/modal/modal.d.ts

@@ -1,25 +1,88 @@
 import type { IxModalSize } from '../../modal/modal.types';
 import { TypedEvent } from '../typed-event';
+/**
+ * Set accessibility attributes on modal element
+ */
 export declare function setA11yAttributes(element: HTMLElement, config: ModalConfig): void;
 export interface ModalConfig<TReason = any, CONTENT = any> {
+    /**
+     * Enable modal animation
+     */
     animation?: boolean;
+    /**
+     * ID of element describing the modal
+     */
     ariaDescribedby?: string;
+    /**
+     * ID of element labeling the modal
+     */
     ariaLabelledby?: string;
+    /**
+     * Show backdrop behind modal
+     */
     backdrop?: boolean;
+    /**
+     * Dismiss modal on backdrop click
+     */
     closeOnBackdropClick?: boolean;
+    /**
+     * Called before modal is dismissed
+     */
     beforeDismiss?: (reason?: TReason) => boolean | Promise<boolean>;
+    /**
+     * Center modal vertically
+     */
     centered?: boolean;
+    /**
+     * Element to attach modal to
+     *
+     * @deprecated This has no effect anymore and will be removed with 5.0.0
+     */
     container?: string | HTMLElement;
+    /**
+     * Modal content
+     */
     content: CONTENT | string;
+    /**
+     * Allow closing with Escape key
+     *
+     * @deprecated This has no effect anymore and will be removed with 5.0.0
+     */
     keyboard?: boolean;
+    /**
+     * Modal size
+     */
     size?: IxModalSize;
+    /**
+     * Modal title
+     *
+     * @deprecated This has no effect anymore and will be removed with 5.0.0
+     */
     title?: string;
 }
 export interface ModalInstance<TReason = any> {
+    /**
+     * The Modal HTML Element
+     */
     htmlElement: HTMLIxModalElement;
+    /**
+     * Event that fires when closing the modal
+     */
     onClose: TypedEvent<TReason>;
+    /**
+     * Event that fires when dismissing the modal
+     */
     onDismiss: TypedEvent<TReason>;
 }
+/**
+ * Close closest ix-modal relative to a provided element
+ */
 export declare function closeModal<TClose = any>(element: Element, closeResult: TClose): void;
+/**
+ * Dismiss closest ix-modal relative to a provided element
+ */
 export declare function dismissModal(element: Element, dismissResult?: any): void;
+/**
+ * Show modal with given configuration
+ */
 export declare function showModal<T>(config: ModalConfig<T>): Promise<ModalInstance<T>>;