@siemens/ix 0.0.0-pr-2166-20251001083917 → 0.0.0-pr-2212-20251017115125

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

@@ -21,22 +21,15 @@ export declare class GroupItem {
      * Supress the selection of the group
      */
     suppressSelection: boolean;
-    /**
-     * @internal
-     * Item represents the footer of the group
-     */
-    groupFooter: boolean;
     /**
      * Show selected state
      */
     selected: boolean;
     /**
-     * Disable the group item.
      * The elements tabindex attribute will get set accordingly.
-     *
-     * If false tabindex will be 0, -1 otherwise.
+     * If true tabindex will be 0, -1 otherwise.
      */
-    disabled: boolean;
+    focusable: boolean;
     /**
      * Selection changed
      */

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

@@ -5,7 +5,7 @@ export declare class IconButton {
      * Accessibility label for the icon button
      * Will be set as aria-label on the nested HTML button element
      *
-     * @deprecated Set the native `aria-label` on the ix-icon-button host element. Will be removed in 5.0.0
+     * @deprecated Set the native `aria-label` on the ix-icon-button host element
      */
     a11yLabel?: string;
     /**

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

@@ -0,0 +1,24 @@
+/**
+ * @deprecated Will be removed with 4.0.0
+ * Use the 'ix-input' component instead
+ */
+export declare class InputGroup {
+    hostElement: HTMLIxInputGroupElement;
+    disabled: boolean;
+    inputPaddingLeft: number;
+    inputPaddingRight: number;
+    startSlotRef?: HTMLElement;
+    endSlotRef?: HTMLElement;
+    private get inputElement();
+    private observer?;
+    componentWillLoad(): void;
+    componentDidRender(): void;
+    private onValidInput;
+    private onInvalidInput;
+    private prepareInputElement;
+    private slotChanged;
+    private startSlotChanged;
+    private endSlotChanged;
+    private getChildrenWidth;
+    render(): any;
+}

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

@@ -16,6 +16,10 @@ export declare class Menu {
      * Show toggle between light and dark variant. Only if the provided theme have implemented both!
      */
     enableToggleTheme: boolean;
+    /**
+     * Is settings tab is visible
+     */
+    enableSettings: boolean;
     /** @internal */
     enableMapExpand: boolean;
     /**

package/dist/types/components/menu-avatar/menu-avatar.d.ts

@@ -24,7 +24,7 @@ export declare class MenuAvatar {
     /**
      *  Control the visibility of the logout button
      */
-    hideLogoutButton: boolean;
+    showLogoutButton: boolean;
     /**
      * Control the visibility of the dropdown menu
      */

package/dist/types/components/message-bar/message-bar.d.ts

@@ -3,12 +3,13 @@ import { NotificationColor } from '../utils/notification-color';
 export declare class MessageBar {
     /**
      * Specifies the type of the alert.
+     * @deprecated Type `danger` will be removed in 4.0. Use `alarm` instead.
      */
-    type: 'alarm' | 'critical' | 'warning' | 'success' | 'info' | 'neutral' | 'primary';
+    type: 'alarm' | 'danger' | 'critical' | 'warning' | 'success' | 'info' | 'neutral' | 'primary';
     /**
-     * If true, close button is disabled and alert cannot be dismissed by the user
+     * If true, close button is enabled and alert can be dismissed by the user
      */
-    persistent: boolean;
+    dismissible: boolean;
     /**
      * An event emitted when the close button is clicked
      */

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

@@ -9,13 +9,13 @@ export declare class Modal {
      */
     size: IxModalSize;
     /**
-     * Should the modal animation be disabled
+     * Should the modal be animated
      */
-    disableAnimation: boolean;
+    animation: boolean;
     /**
-     * Hide the backdrop behind the modal dialog
+     * Show a backdrop behind the modal dialog
      */
-    hideBackdrop: boolean;
+    backdrop: boolean;
     /**
      * Dismiss modal on backdrop click
      */
@@ -26,15 +26,15 @@ export declare class Modal {
      * - Return `true` to proceed in dismissing the modal
      * - Return `false` to abort in dismissing the modal
      */
-    beforeDismiss?: (reason?: unknown) => boolean | Promise<boolean>;
+    beforeDismiss?: (reason?: any) => boolean | Promise<boolean>;
     /**
      * Centered modal
      */
     centered: boolean;
     /**
-     * If set to true the modal cannot be closed by pressing the Escape key
+     * If set to true the modal can be closed by pressing the Escape key
      */
-    disableEscapeClose: boolean;
+    closeOnEscape: boolean;
     /**
      * Dialog close
      */
@@ -58,11 +58,11 @@ export declare class Modal {
     /**
      * Dismiss the dialog
      */
-    dismissModal<T = unknown>(reason?: T): Promise<void>;
+    dismissModal<T = any>(reason?: T): Promise<void>;
     /**
      * Close the dialog
      */
-    closeModal<T = unknown>(reason: T): Promise<void>;
+    closeModal<T = any>(reason: T): Promise<void>;
     componentDidLoad(): void;
     componentWillLoad(): void;
     render(): any;

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

@@ -13,9 +13,9 @@ export declare class Pagination {
      */
     itemCount: number;
     /**
-     * Hide item count in advanced mode
+     * Show item count in advanced mode
      */
-    hideItemCount: boolean;
+    showItemCount: boolean;
     /**
      * Total number of pages
      */

package/dist/types/components/push-card/push-card.d.ts

@@ -27,8 +27,8 @@ export declare class PushCard {
      */
     variant: PushCardVariant;
     /**
-     * Expand the card
+     * Collapse the card
      */
-    expanded: boolean;
+    collapse: boolean;
     render(): any;
 }

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

@@ -112,6 +112,12 @@ export declare class TimeInput implements IxInputFieldComponent<string> {
      * Text for time-picker millisecond column header
      */
     i18nMillisecondColumnHeader: string;
+    /**
+     * Hides the header of the picker.
+     *
+     * @since 4.0.0
+     */
+    hideHeader: boolean;
     /**
      * Input change event.
      */

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

@@ -15,13 +15,31 @@ export declare class TimePicker {
      */
     corners: TimePickerCorners;
     /**
-     * Embedded style (for use in other components)
+     * Controls the visual presentation and styling of the component when it is displayed as a standalone element
      */
-    embedded: boolean;
+    standaloneAppearance: boolean;
     /**
      * @internal Temporary prop needed until datetime-picker is reworked for new design
      */
     dateTimePickerAppearance: boolean;
+    /**
+     * Show hour input
+     *
+     * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+     */
+    showHour: boolean;
+    /**
+     * Show minutes input
+     *
+     * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+     */
+    showMinutes: boolean;
+    /**
+     * Show seconds input
+     *
+     * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+     */
+    showSeconds: boolean;
     /**
      * Hides the header of the picker.
      *
@@ -63,10 +81,28 @@ export declare class TimePicker {
      */
     time: string;
     watchTimePropHandler(newValue: string): void;
+    /**
+     * Set time reference
+     *
+     * @deprecated This is determined by the currently set time. Will be removed in 4.0.0.
+     */
+    timeReference: 'AM' | 'PM' | undefined;
+    /**
+     * Text of time select button
+     *
+     * @deprecated Use `i18nConfirmTime` instead. Will be removed in 4.0.0.
+     */
+    textSelectTime: string;
     /**
      * Text of the time confirm button
      */
     i18nConfirmTime: string;
+    /**
+     * Text for top label
+     *
+     * @deprecated Use `i18nHeader` instead. Will be removed in 4.0.0.
+     */
+    textTime: string;
     /**
      * Text for top header
      */
@@ -145,6 +181,8 @@ export declare class TimePicker {
     private formatUnitValue;
     private getColumnSeparator;
     private getElementContainerTabIndex;
+    private getConfirmButtonText;
+    private getHeaderText;
     render(): any;
 }
 export {};

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

@@ -16,7 +16,7 @@ export declare class Toast {
     /**
      * Autoclose behavior
      */
-    preventAutoClose: boolean;
+    autoClose: boolean;
     /**
      * Icon of toast
      */

package/dist/types/components/utils/notification-color.d.ts

@@ -1,4 +1,4 @@
 /**
  * Icon colors representing common notification states (e.g. alarm, info).
  */
-export type NotificationColor = 'color-std-text' | 'color-info' | 'color-critical' | 'color-warning' | 'color-success' | 'color-alarm' | 'color-neutral' | 'color-primary';
+export type NotificationColor = 'color-std-text' | 'color-info' | 'color-critical' | 'color-warning' | 'color-warning-text' | 'color-success' | 'color-alarm' | 'color-neutral' | 'color-primary';

package/dist/types/components/utils/theme-switcher.d.ts

@@ -6,26 +6,19 @@ declare class ThemeSwitcher {
     readonly suffixLight = "-light";
     readonly suffixDark = "-dark";
     readonly defaultTheme = "theme-classic-dark";
-    mutationObserverDocumentElement?: MutationObserver;
-    mutationObserverBody?: MutationObserver;
-    mutationObserverData?: MutationObserver;
+    mutationObserver?: MutationObserver;
     _themeChanged: TypedEvent<string>;
     _schemaChanged: TypedEvent<string>;
     get themeChanged(): TypedEvent<string>;
     get schemaChanged(): TypedEvent<string>;
     hasVariantSuffix(className: string): boolean;
     private isThemeClass;
-    setTheme(themeName: string, systemAppearance?: boolean, 
-    /**
-     * @deprecated In v4 setTheme will always target the document.
-     * TODO: IX-3024
-     */
-    target?: HTMLElement): void;
-    private replaceBodyThemeClass;
+    setTheme(themeName: string, systemAppearance?: boolean): void;
+    private replaceThemeClass;
     toggleMode(): void;
     private getDataColorSchema;
     getCurrentTheme(): string;
-    setVariant(variant?: ThemeVariant, target?: HTMLElement): void;
+    setVariant(variant?: ThemeVariant): void;
     private getOppositeMode;
     private splitMutations;
     private handleClassMutations;

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

@@ -0,0 +1,45 @@
+import { Side } from '../dropdown/placement';
+type Position = {
+    x: number;
+    y: number;
+};
+/**
+ * @slot tooltip-message - Custom tooltip message with html support
+ *
+ * @deprecated Will be removed with 4.0.0
+ */
+export declare class ValidationTooltip {
+    hostElement: HTMLIxValidationTooltipElement;
+    /**
+     * Message of the tooltip
+     */
+    message?: string;
+    /**
+     * Placement of the tooltip
+     */
+    placement: Side;
+    /**
+     * Suppress the automatic placement of the dropdown.
+     */
+    suppressAutomaticPlacement: boolean;
+    isInputValid: boolean;
+    tooltipPosition?: Position;
+    arrowPosition?: Position;
+    private onSubmitBind;
+    private onInputFocusBind;
+    private autoUpdateCleanup?;
+    private observer?;
+    get arrow(): HTMLElement;
+    get inputElement(): HTMLInputElement | null;
+    get formElement(): HTMLFormElement | null | undefined;
+    get tooltipElement(): HTMLElement;
+    private destroyAutoUpdate;
+    private applyTooltipPosition;
+    componentDidLoad(): void;
+    private onInputFocus;
+    private onSubmit;
+    disconnectedCallback(): void;
+    validationChanged(): void;
+    render(): any;
+}
+export {};