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

package/dist/types/components.d.ts

@@ -28,7 +28,7 @@ import { DateChangeEvent } from "./components/date-picker/date-picker.events";
 import { DateTimeDateChangeEvent, DateTimeSelectEvent } from "./components/datetime-picker/datetime-picker.types";
 import { ElementReference } from "./components/utils/element-reference";
 import { CloseBehavior } from "./components/dropdown/dropdown-controller";
-import { AlignedPlacement } from "./components/dropdown/placement";
+import { AlignedPlacement, Side } from "./components/dropdown/placement";
 import { DropdownButtonVariant } from "./components/dropdown-button/dropdown-button.types";
 import { EmptyStateLayout } from "./components/empty-state/empty-state.types";
 import { MakeRef } from "./components/utils/make-ref";
@@ -78,7 +78,7 @@ export { DateChangeEvent } from "./components/date-picker/date-picker.events";
 export { DateTimeDateChangeEvent, DateTimeSelectEvent } from "./components/datetime-picker/datetime-picker.types";
 export { ElementReference } from "./components/utils/element-reference";
 export { CloseBehavior } from "./components/dropdown/dropdown-controller";
-export { AlignedPlacement } from "./components/dropdown/placement";
+export { AlignedPlacement, Side } from "./components/dropdown/placement";
 export { DropdownButtonVariant } from "./components/dropdown-button/dropdown-button.types";
 export { EmptyStateLayout } from "./components/empty-state/empty-state.types";
 export { MakeRef } from "./components/utils/make-ref";
@@ -236,7 +236,7 @@ export namespace Components {
     interface IxAvatar {
         /**
           * Accessibility label for the image Will be set as aria-label on the nested HTML img element
-          * @deprecated Set the native `aria-label` on the ix-avatar host element. Will be removed in 5.0.0
+          * @deprecated Set the native `aria-label` on the ix-avatar host element
          */
         "a11yLabel"?: string;
         /**
@@ -317,16 +317,16 @@ export namespace Components {
           * @default 'previous'
          */
         "ariaLabelPreviousButton": string;
+        /**
+          * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover)
+          * @default true
+         */
+        "ghost": boolean;
         /**
           * Items will be accessible through a dropdown
           * @default []
          */
         "nextItems": string[];
-        /**
-          * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover)
-          * @default false
-         */
-        "subtle": boolean;
         /**
           * Excess items will get hidden inside of dropdown
           * @default 9
@@ -340,9 +340,9 @@ export namespace Components {
          */
         "ariaLabelButton"?: string;
         /**
-          * @default false
+          * @default true
          */
-        "hideChevron": boolean;
+        "ghost": boolean;
         /**
           * URL for the button link. When provided, the button will render as an anchor tag.
           * @since 4.0.0
@@ -352,10 +352,6 @@ export namespace Components {
           * Icon to be displayed next ot the label
          */
         "icon"?: string;
-        /**
-          * @default false
-         */
-        "invisible": boolean;
         /**
           * @default false
          */
@@ -370,15 +366,19 @@ export namespace Components {
          */
         "rel"?: string;
         /**
-          * @default false
+          * @default true
          */
-        "subtle": boolean;
+        "showChevron": boolean;
         /**
           * Specifies where to open the linked document when href is provided.
           * @since 4.0.0
           * @default '_self'
          */
         "target"?: AnchorTarget;
+        /**
+          * @default true
+         */
+        "visible": boolean;
     }
     interface IxButton {
         /**
@@ -598,6 +598,11 @@ export namespace Components {
           * @default false
          */
         "readonly": boolean;
+        /**
+          * If set to true, allows that a single category can be set more than once. An already set category will not appear in the category dropdown if set to false.  Defaults to true
+          * @default true
+         */
+        "repeatCategories": boolean;
         /**
           * If set categories will always be filtered via the respective logical operator. Toggling of the operator will not be available to the user.
          */
@@ -607,10 +612,9 @@ export namespace Components {
          */
         "suggestions"?: string[];
         /**
-          * If set to true, prevents that a single category can be set more than once. An already set category will not appear in the category dropdown if set to true.
-          * @default false
+          * @default true
          */
-        "uniqueCategories": boolean;
+        "tmpDisableScrollIntoView": boolean;
     }
     /**
      * @form-ready 
@@ -699,6 +703,11 @@ export namespace Components {
         "warningText"?: string;
     }
     interface IxChip {
+        /**
+          * Determines if the chip is interactive. If false no user input (e.g. mouse states, keyboard navigation) will be possible and also the close button will not be present.
+          * @default true
+         */
+        "active": boolean;
         /**
           * ARIA label for the close button Will be set as aria-label on the nested HTML button element
          */
@@ -726,11 +735,6 @@ export namespace Components {
           * Show icon
          */
         "icon"?: string;
-        /**
-          * Determines if the chip is interactive. If true no user input (e.g. mouse states, keyboard navigation) will be possible and also the close button will not be present.
-          * @default false
-         */
-        "inactive": boolean;
         /**
           * Show chip with outline style
           * @default false
@@ -849,10 +853,10 @@ export namespace Components {
          */
         "ariaLabelDropdownButton"?: string;
         /**
-          * Controls whether custom date range selection is disabled in the component. When set to 'false', the user can select a custom date range using the date picker. When set to 'true', only predefined time date ranges are available for selection.
-          * @default false
+          * Controls whether the user is allowed to pick custom date ranges in the component. When set to 'true', the user can select a custom date range using the date picker. When set to 'false', only predefined time date ranges are available for selection.
+          * @default true
          */
-        "customRangeDisabled": boolean;
+        "customRangeAllowed": boolean;
         /**
           * Used to set the initial select date range as well as the button name, if not set or no according date range label is found, nothing will be selected
           * @default 'custom'
@@ -916,17 +920,17 @@ export namespace Components {
           * @default ''
          */
         "minDate": string;
+        /**
+          * If true a range of dates can be selected.
+          * @default true
+         */
+        "range": boolean;
         /**
           * Shows week numbers displayed on the left side of the date picker
           * @since 3.0.0
           * @default false
          */
         "showWeekNumbers": boolean;
-        /**
-          * If true disables date range selection (from/to).
-          * @default false
-         */
-        "singleSelection": boolean;
         /**
           * Picker date. If the picker is in range mode this property is the end date. If the picker is not in range mode leave this value `null`  Format is based on `format`
           * @default ''
@@ -1011,7 +1015,7 @@ export namespace Components {
          */
         "label"?: string;
         /**
-          * Locale identifier (e.g. 'en' or 'de').
+          * Locale identifier (e.g. 'en' or 'de'). The locale is used to translate the labels for weekdays and months. It also determines the default order of weekdays based on the locale's conventions. When the locale changes, the weekday labels are rotated according to the `weekStartIndex`. It does not affect the values returned by methods and events.
          */
         "locale"?: string;
         /**
@@ -1084,10 +1088,6 @@ export namespace Components {
           * @default 'rounded'
          */
         "corners": DateTimeCardCorners;
-        /**
-          * @default false
-         */
-        "embedded": boolean;
         /**
           * Date format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.
           * @default 'yyyy/LL/dd'
@@ -1100,14 +1100,14 @@ export namespace Components {
         /**
           * Get the currently selected date or range. The object returned contains `from` and `to` properties. The property strings are formatted according to the `format` property and not affected by the `locale` property. The locale applied is always `en-US`.
          */
-        "getCurrentDate": () => Promise<{ from: string | undefined; to: string | undefined; }>;
+        "getCurrentDate": () => Promise<DateChangeEvent>;
         /**
           * Text of date select button
           * @default 'Done'
          */
         "i18nDone": string;
         /**
-          * Locale identifier (e.g. 'en' or 'de'). The locale is used to translate the labels for weekdays and months. When the locale changes, the weekday labels are rotated according to the `weekStartIndex`. It does not affect the values returned by methods and events.
+          * Locale identifier (e.g. 'en' or 'de'). The locale is used to translate the labels for weekdays and months. It also determines the default order of weekdays based on the locale's conventions. When the locale changes, the weekday labels are rotated according to the `weekStartIndex`. It does not affect the values returned by methods and events.
          */
         "locale"?: string;
         /**
@@ -1120,6 +1120,11 @@ export namespace Components {
           * @default ''
          */
         "minDate": string;
+        /**
+          * If true a date-range can be selected (from/to).
+          * @default true
+         */
+        "range": boolean;
         /**
           * Shows week numbers displayed on the left side of the date picker
           * @since 3.0.0
@@ -1127,10 +1132,9 @@ export namespace Components {
          */
         "showWeekNumbers": boolean;
         /**
-          * If true disables date range selection (from/to).
-          * @default false
+          * @default true
          */
-        "singleSelection": boolean;
+        "standaloneAppearance": boolean;
         /**
           * The selected end date. If the the date-picker-rework is not in range mode this property has no impact. Format has to match the `format` property.
          */
@@ -1151,7 +1155,6 @@ export namespace Components {
           * @default 'rounded'
          */
         "corners": DateTimeCardCorners;
-        "embedded"?: boolean;
         /**
           * Display footer
           * @default false
@@ -1162,6 +1165,12 @@ export namespace Components {
           * @default false
          */
         "hideHeader": boolean;
+        /**
+          * set styles
+          * @default true
+         */
+        "individual": boolean;
+        "standaloneAppearance"?: boolean;
         /**
           * Timepicker specific styling
           * @default false
@@ -1209,6 +1218,29 @@ export namespace Components {
           * The earliest date that can be selected by the date picker. If not set there will be no restriction.
          */
         "minDate"?: string;
+        /**
+          * If true a date-range can be selected (from/to).
+          * @default true
+         */
+        "range": boolean;
+        /**
+          * Show hour input
+          * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+          * @default true
+         */
+        "showHour": boolean;
+        /**
+          * Show minutes input
+          * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+          * @default true
+         */
+        "showMinutes": boolean;
+        /**
+          * Show seconds input
+          * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+          * @default true
+         */
+        "showSeconds": boolean;
         /**
           * Show time reference input Time reference is default aligned with
           * @see { this.timeFormat}
@@ -1221,11 +1253,6 @@ export namespace Components {
           * @default false
          */
         "showWeekNumbers": boolean;
-        /**
-          * If true disables date range selection (from/to).
-          * @default false
-         */
-        "singleSelection": boolean;
         /**
           * Select time with format string
          */
@@ -1480,8 +1507,8 @@ export namespace Components {
     }
     interface IxEventList {
         /**
-          * Animate state change transitions. Defaults to 'false'.
-          * @default false
+          * Animate state change transitions. Defaults to 'true'.
+          * @default true
          */
         "animated": boolean;
         /**
@@ -1705,15 +1732,15 @@ export namespace Components {
     }
     interface IxGroup {
         /**
-          * Expand the group if the header is clicked
-          * @default false
+          * Whether the group is collapsed or expanded. Defaults to true.
+          * @default true
          */
-        "expandOnHeaderClick": boolean;
+        "collapsed": boolean;
         /**
-          * Whether the group is expanded or collapsed. Defaults to false.
+          * Expand the group if the header is clicked
           * @default false
          */
-        "expanded": boolean;
+        "expandOnHeaderClick": boolean;
         /**
           * Group header
          */
@@ -1745,14 +1772,10 @@ export namespace Components {
          */
         "ariaLabelIcon"?: string;
         /**
-          * Disable the group item. The elements tabindex attribute will get set accordingly.  If false tabindex will be 0, -1 otherwise.
-          * @default false
-         */
-        "disabled": boolean;
-        /**
-          * @default false
+          * The elements tabindex attribute will get set accordingly. If true tabindex will be 0, -1 otherwise.
+          * @default true
          */
-        "groupFooter": boolean;
+        "focusable": boolean;
         /**
           * Group item icon
          */
@@ -1809,7 +1832,7 @@ export namespace Components {
     interface IxIconButton {
         /**
           * 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;
         /**
@@ -2003,6 +2026,12 @@ export namespace Components {
          */
         "warningText"?: string;
     }
+    /**
+     * @deprecated Will be removed with 4.0.0
+     * Use the 'ix-input' component instead
+     */
+    interface IxInputGroup {
+    }
     interface IxKeyValue {
         /**
           * ARIA label for the icon
@@ -2182,6 +2211,11 @@ export namespace Components {
           * @default false
          */
         "enableMapExpand": boolean;
+        /**
+          * Is settings tab is visible
+          * @default true
+         */
+        "enableSettings": boolean;
         /**
           * Show toggle between light and dark variant. Only if the provided theme have implemented both!
           * @default false
@@ -2318,11 +2352,6 @@ export namespace Components {
           * Second line of text
          */
         "bottom"?: string;
-        /**
-          * Control the visibility of the logout button
-          * @default false
-         */
-        "hideLogoutButton": boolean;
         /**
           * i18n label for 'Logout' button
           * @default 'Logout'
@@ -2336,6 +2365,11 @@ export namespace Components {
           * Display the initials of the user. Will be overwritten by image
          */
         "initials"?: string;
+        /**
+          * Control the visibility of the logout button
+          * @default true
+         */
+        "showLogoutButton": boolean;
         /**
           * First line of text
          */
@@ -2474,15 +2508,17 @@ export namespace Components {
     }
     interface IxMessageBar {
         /**
-          * If true, close button is disabled and alert cannot be dismissed by the user
-          * @default false
+          * If true, close button is enabled and alert can be dismissed by the user
+          * @default true
          */
-        "persistent": boolean;
+        "dismissible": boolean;
         /**
           * Specifies the type of the alert.
+          * @deprecated Type `danger` will be removed in 4.0. Use `alarm` instead.
           * @default 'info'
          */
         "type": | 'alarm'
+    | 'danger'
     | 'critical'
     | 'warning'
     | 'success'
@@ -2491,10 +2527,20 @@ export namespace Components {
     | 'primary';
     }
     interface IxModal {
+        /**
+          * Should the modal be animated
+          * @default true
+         */
+        "animation": boolean;
+        /**
+          * Show a backdrop behind the modal dialog
+          * @default true
+         */
+        "backdrop": boolean;
         /**
           * Is called before the modal is dismissed.  - 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
           * @default false
@@ -2503,31 +2549,21 @@ export namespace Components {
         /**
           * Close the dialog
          */
-        "closeModal": <T = unknown>(reason: T) => Promise<void>;
+        "closeModal": <T = any>(reason: T) => Promise<void>;
         /**
           * Dismiss modal on backdrop click
           * @default false
          */
         "closeOnBackdropClick": boolean;
         /**
-          * Should the modal animation be disabled
-          * @default false
-         */
-        "disableAnimation": boolean;
-        /**
-          * If set to true the modal cannot be closed by pressing the Escape key
-          * @default false
+          * If set to true the modal can be closed by pressing the Escape key
+          * @default true
          */
-        "disableEscapeClose": boolean;
+        "closeOnEscape": boolean;
         /**
           * Dismiss the dialog
          */
-        "dismissModal": <T = unknown>(reason?: T) => Promise<void>;
-        /**
-          * Hide the backdrop behind the modal dialog
-          * @default false
-         */
-        "hideBackdrop": boolean;
+        "dismissModal": <T = any>(reason?: T) => Promise<void>;
         /**
           * Show the dialog
          */
@@ -2689,11 +2725,6 @@ export namespace Components {
           * @default 0
          */
         "count": number;
-        /**
-          * Hide item count in advanced mode
-          * @default false
-         */
-        "hideItemCount": boolean;
         /**
           * i18n label for 'Items'
           * @default 'Items'
@@ -2719,6 +2750,11 @@ export namespace Components {
           * @default 0
          */
         "selectedPage": number;
+        /**
+          * Show item count in advanced mode
+          * @default true
+         */
+        "showItemCount": boolean;
     }
     interface IxPane {
         /**
@@ -2911,10 +2947,10 @@ export namespace Components {
          */
         "ariaLabelIcon"?: string;
         /**
-          * Expand the card
-          * @default false
+          * Collapse the card
+          * @default true
          */
-        "expanded": boolean;
+        "collapse": boolean;
         /**
           * Card heading
          */
@@ -3500,6 +3536,12 @@ export namespace Components {
           * Helper text below the input field
          */
         "helperText"?: string;
+        /**
+          * Hides the header of the picker.
+          * @since 4.0.0
+          * @default false
+         */
+        "hideHeader": boolean;
         /**
           * Interval for hour selection
           * @default 1
@@ -3616,11 +3658,6 @@ export namespace Components {
           * @default false
          */
         "dateTimePickerAppearance": boolean;
-        /**
-          * Embedded style (for use in other components)
-          * @default false
-         */
-        "embedded": boolean;
         /**
           * Format of time string See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. Note: Formats that combine date and time (like f or F) are not supported. Timestamp tokens x and X are not supported either.
           * @default 'TT'
@@ -3690,11 +3727,51 @@ export namespace Components {
           * @default SECOND_INTERVAL_DEFAULT
          */
         "secondInterval": number;
+        /**
+          * Show hour input
+          * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+          * @default true
+         */
+        "showHour": boolean;
+        /**
+          * Show minutes input
+          * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+          * @default true
+         */
+        "showMinutes": boolean;
+        /**
+          * Show seconds input
+          * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+          * @default true
+         */
+        "showSeconds": boolean;
+        /**
+          * Controls the visual presentation and styling of the component when it is displayed as a standalone element
+          * @default true
+         */
+        "standaloneAppearance": boolean;
+        /**
+          * Text of time select button
+          * @deprecated Use `i18nConfirmTime` instead. Will be removed in 4.0.0.
+          * @default CONFIRM_BUTTON_DEFAULT
+         */
+        "textSelectTime": string;
+        /**
+          * Text for top label
+          * @deprecated Use `i18nHeader` instead. Will be removed in 4.0.0.
+          * @default HEADER_DEFAULT
+         */
+        "textTime": string;
         /**
           * Select time with format string Format has to match the `format` property.
           * @default DateTime.now().toFormat(this.format)
          */
         "time": string;
+        /**
+          * Set time reference
+          * @deprecated This is determined by the currently set time. Will be removed in 4.0.0.
+         */
+        "timeReference": 'AM' | 'PM' | undefined;
     }
     interface IxToast {
         /**
@@ -3702,6 +3779,11 @@ export namespace Components {
           * @since 3.2.0
          */
         "ariaLabelCloseIconButton"?: string;
+        /**
+          * Autoclose behavior
+          * @default true
+         */
+        "autoClose": boolean;
         /**
           * Autoclose title after delay
           * @default 5000
@@ -3723,11 +3805,6 @@ export namespace Components {
           * Pause the toast's auto-close progress bar and timer.
          */
         "pause": () => Promise<void>;
-        /**
-          * Autoclose behavior
-          * @default false
-         */
-        "preventAutoClose": boolean;
         /**
           * Resume the toast's auto-close progress bar and timer if previously paused.
          */
@@ -4028,6 +4105,25 @@ export namespace Components {
          */
         "uploadSuccessText": string;
     }
+    /**
+     * @deprecated Will be removed with 4.0.0
+     */
+    interface IxValidationTooltip {
+        /**
+          * Message of the tooltip
+         */
+        "message"?: string;
+        /**
+          * Placement of the tooltip
+          * @default 'top'
+         */
+        "placement": Side;
+        /**
+          * Suppress the automatic placement of the dropdown.
+          * @default false
+         */
+        "suppressAutomaticPlacement": boolean;
+    }
     interface IxWorkflowStep {
         /**
           * Activate navigation click
@@ -4887,7 +4983,7 @@ declare global {
     interface HTMLIxGroupElementEventMap {
         "selectGroup": boolean;
         "selectItem": number;
-        "expandedChanged": boolean;
+        "collapsedChanged": boolean;
     }
     interface HTMLIxGroupElement extends Components.IxGroup, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIxGroupElementEventMap>(type: K, listener: (this: HTMLIxGroupElement, ev: IxGroupCustomEvent<HTMLIxGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4977,6 +5073,16 @@ declare global {
         prototype: HTMLIxInputElement;
         new (): HTMLIxInputElement;
     };
+    /**
+     * @deprecated Will be removed with 4.0.0
+     * Use the 'ix-input' component instead
+     */
+    interface HTMLIxInputGroupElement extends Components.IxInputGroup, HTMLStencilElement {
+    }
+    var HTMLIxInputGroupElement: {
+        prototype: HTMLIxInputGroupElement;
+        new (): HTMLIxInputGroupElement;
+    };
     interface HTMLIxKeyValueElement extends Components.IxKeyValue, HTMLStencilElement {
     }
     var HTMLIxKeyValueElement: {
@@ -5740,6 +5846,15 @@ declare global {
         prototype: HTMLIxUploadElement;
         new (): HTMLIxUploadElement;
     };
+    /**
+     * @deprecated Will be removed with 4.0.0
+     */
+    interface HTMLIxValidationTooltipElement extends Components.IxValidationTooltip, HTMLStencilElement {
+    }
+    var HTMLIxValidationTooltipElement: {
+        prototype: HTMLIxValidationTooltipElement;
+        new (): HTMLIxValidationTooltipElement;
+    };
     interface HTMLIxWorkflowStepElementEventMap {
         "selectedChanged": HTMLIxWorkflowStepElement;
     }
@@ -5829,6 +5944,7 @@ declare global {
         "ix-icon-button": HTMLIxIconButtonElement;
         "ix-icon-toggle-button": HTMLIxIconToggleButtonElement;
         "ix-input": HTMLIxInputElement;
+        "ix-input-group": HTMLIxInputGroupElement;
         "ix-key-value": HTMLIxKeyValueElement;
         "ix-key-value-list": HTMLIxKeyValueListElement;
         "ix-kpi": HTMLIxKpiElement;
@@ -5884,6 +6000,7 @@ declare global {
         "ix-tree-item": HTMLIxTreeItemElement;
         "ix-typography": HTMLIxTypographyElement;
         "ix-upload": HTMLIxUploadElement;
+        "ix-validation-tooltip": HTMLIxValidationTooltipElement;
         "ix-workflow-step": HTMLIxWorkflowStepElement;
         "ix-workflow-steps": HTMLIxWorkflowStepsElement;
     }
@@ -6027,7 +6144,7 @@ declare namespace LocalJSX {
     interface IxAvatar {
         /**
           * Accessibility label for the image Will be set as aria-label on the nested HTML img element
-          * @deprecated Set the native `aria-label` on the ix-avatar host element. Will be removed in 5.0.0
+          * @deprecated Set the native `aria-label` on the ix-avatar host element
          */
         "a11yLabel"?: string;
         /**
@@ -6112,6 +6229,11 @@ declare namespace LocalJSX {
           * @default 'previous'
          */
         "ariaLabelPreviousButton"?: string;
+        /**
+          * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover)
+          * @default true
+         */
+        "ghost"?: boolean;
         /**
           * Items will be accessible through a dropdown
           * @default []
@@ -6125,11 +6247,6 @@ declare namespace LocalJSX {
           * Next item clicked event
          */
         "onNextClick"?: (event: IxBreadcrumbCustomEvent<{ event: UIEvent; item: string }>) => void;
-        /**
-          * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover)
-          * @default false
-         */
-        "subtle"?: boolean;
         /**
           * Excess items will get hidden inside of dropdown
           * @default 9
@@ -6404,6 +6521,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "readonly"?: boolean;
+        /**
+          * If set to true, allows that a single category can be set more than once. An already set category will not appear in the category dropdown if set to false.  Defaults to true
+          * @default true
+         */
+        "repeatCategories"?: boolean;
         /**
           * If set categories will always be filtered via the respective logical operator. Toggling of the operator will not be available to the user.
          */
@@ -6412,11 +6534,6 @@ declare namespace LocalJSX {
           * A list of strings that will be supplied as type-ahead suggestions not tied to any categories.
          */
         "suggestions"?: string[];
-        /**
-          * If set to true, prevents that a single category can be set more than once. An already set category will not appear in the category dropdown if set to true.
-          * @default false
-         */
-        "uniqueCategories"?: boolean;
     }
     /**
      * @form-ready 
@@ -6508,6 +6625,11 @@ declare namespace LocalJSX {
         "warningText"?: string;
     }
     interface IxChip {
+        /**
+          * Determines if the chip is interactive. If false no user input (e.g. mouse states, keyboard navigation) will be possible and also the close button will not be present.
+          * @default true
+         */
+        "active"?: boolean;
         /**
           * ARIA label for the close button Will be set as aria-label on the nested HTML button element
          */
@@ -6535,11 +6657,6 @@ declare namespace LocalJSX {
           * Show icon
          */
         "icon"?: string;
-        /**
-          * Determines if the chip is interactive. If true no user input (e.g. mouse states, keyboard navigation) will be possible and also the close button will not be present.
-          * @default false
-         */
-        "inactive"?: boolean;
         /**
           * Fire event if close button is clicked
          */
@@ -6666,10 +6783,10 @@ declare namespace LocalJSX {
          */
         "ariaLabelDropdownButton"?: string;
         /**
-          * Controls whether custom date range selection is disabled in the component. When set to 'false', the user can select a custom date range using the date picker. When set to 'true', only predefined time date ranges are available for selection.
-          * @default false
+          * Controls whether the user is allowed to pick custom date ranges in the component. When set to 'true', the user can select a custom date range using the date picker. When set to 'false', only predefined time date ranges are available for selection.
+          * @default true
          */
-        "customRangeDisabled"?: boolean;
+        "customRangeAllowed"?: boolean;
         /**
           * Used to set the initial select date range as well as the button name, if not set or no according date range label is found, nothing will be selected
           * @default 'custom'
@@ -6733,17 +6850,17 @@ declare namespace LocalJSX {
           * EventEmitter for date range change events.  This event is emitted when the date range changes within the component. The event payload contains information about the selected date range.
          */
         "onDateRangeChange"?: (event: IxDateDropdownCustomEvent<DateRangeChangeEvent>) => void;
+        /**
+          * If true a range of dates can be selected.
+          * @default true
+         */
+        "range"?: boolean;
         /**
           * Shows week numbers displayed on the left side of the date picker
           * @since 3.0.0
           * @default false
          */
         "showWeekNumbers"?: boolean;
-        /**
-          * If true disables date range selection (from/to).
-          * @default false
-         */
-        "singleSelection"?: boolean;
         /**
           * Picker date. If the picker is in range mode this property is the end date. If the picker is not in range mode leave this value `null`  Format is based on `format`
           * @default ''
@@ -6809,7 +6926,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * Locale identifier (e.g. 'en' or 'de').
+          * Locale identifier (e.g. 'en' or 'de'). The locale is used to translate the labels for weekdays and months. It also determines the default order of weekdays based on the locale's conventions. When the locale changes, the weekday labels are rotated according to the `weekStartIndex`. It does not affect the values returned by methods and events.
          */
         "locale"?: string;
         /**
@@ -6905,7 +7022,7 @@ declare namespace LocalJSX {
          */
         "i18nDone"?: string;
         /**
-          * Locale identifier (e.g. 'en' or 'de'). The locale is used to translate the labels for weekdays and months. When the locale changes, the weekday labels are rotated according to the `weekStartIndex`. It does not affect the values returned by methods and events.
+          * Locale identifier (e.g. 'en' or 'de'). The locale is used to translate the labels for weekdays and months. It also determines the default order of weekdays based on the locale's conventions. When the locale changes, the weekday labels are rotated according to the `weekStartIndex`. It does not affect the values returned by methods and events.
          */
         "locale"?: string;
         /**
@@ -6930,17 +7047,17 @@ declare namespace LocalJSX {
           * Emitted when the selection is confirmed via the date select button. The `DateChangeEvent` contains `from` and `to` properties. The property strings are formatted according to the `format` property and not affected by the `locale` property. The locale applied is always `en-US`.
          */
         "onDateSelect"?: (event: IxDatePickerCustomEvent<DateChangeEvent>) => void;
+        /**
+          * If true a date-range can be selected (from/to).
+          * @default true
+         */
+        "range"?: boolean;
         /**
           * Shows week numbers displayed on the left side of the date picker
           * @since 3.0.0
           * @default false
          */
         "showWeekNumbers"?: boolean;
-        /**
-          * If true disables date range selection (from/to).
-          * @default false
-         */
-        "singleSelection"?: boolean;
         /**
           * The selected end date. If the the date-picker-rework is not in range mode this property has no impact. Format has to match the `format` property.
          */
@@ -6967,6 +7084,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "hideHeader"?: boolean;
+        /**
+          * set styles
+          * @default true
+         */
+        "individual"?: boolean;
         /**
           * Timepicker specific styling
           * @default false
@@ -7026,6 +7148,29 @@ declare namespace LocalJSX {
           * Time change
          */
         "onTimeChange"?: (event: IxDatetimePickerCustomEvent<string>) => void;
+        /**
+          * If true a date-range can be selected (from/to).
+          * @default true
+         */
+        "range"?: boolean;
+        /**
+          * Show hour input
+          * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+          * @default true
+         */
+        "showHour"?: boolean;
+        /**
+          * Show minutes input
+          * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+          * @default true
+         */
+        "showMinutes"?: boolean;
+        /**
+          * Show seconds input
+          * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+          * @default true
+         */
+        "showSeconds"?: boolean;
         /**
           * Show time reference input Time reference is default aligned with
           * @see { this.timeFormat}
@@ -7038,11 +7183,6 @@ declare namespace LocalJSX {
           * @default false
          */
         "showWeekNumbers"?: boolean;
-        /**
-          * If true disables date range selection (from/to).
-          * @default false
-         */
-        "singleSelection"?: boolean;
         /**
           * Select time with format string
          */
@@ -7269,8 +7409,8 @@ declare namespace LocalJSX {
     }
     interface IxEventList {
         /**
-          * Animate state change transitions. Defaults to 'false'.
-          * @default false
+          * Animate state change transitions. Defaults to 'true'.
+          * @default true
          */
         "animated"?: boolean;
         /**
@@ -7499,15 +7639,15 @@ declare namespace LocalJSX {
     }
     interface IxGroup {
         /**
-          * Expand the group if the header is clicked
-          * @default false
+          * Whether the group is collapsed or expanded. Defaults to true.
+          * @default true
          */
-        "expandOnHeaderClick"?: boolean;
+        "collapsed"?: boolean;
         /**
-          * Whether the group is expanded or collapsed. Defaults to false.
+          * Expand the group if the header is clicked
           * @default false
          */
-        "expanded"?: boolean;
+        "expandOnHeaderClick"?: boolean;
         /**
           * Group header
          */
@@ -7517,9 +7657,9 @@ declare namespace LocalJSX {
          */
         "index"?: number;
         /**
-          * Group expanded
+          * Group collapsed
          */
-        "onExpandedChanged"?: (event: IxGroupCustomEvent<boolean>) => void;
+        "onCollapsedChanged"?: (event: IxGroupCustomEvent<boolean>) => void;
         /**
           * Emits when whole group gets selected.
          */
@@ -7551,10 +7691,10 @@ declare namespace LocalJSX {
          */
         "ariaLabelIcon"?: string;
         /**
-          * Disable the group item. The elements tabindex attribute will get set accordingly.  If false tabindex will be 0, -1 otherwise.
-          * @default false
+          * The elements tabindex attribute will get set accordingly. If true tabindex will be 0, -1 otherwise.
+          * @default true
          */
-        "disabled"?: boolean;
+        "focusable"?: boolean;
         /**
           * Group item icon
          */
@@ -7615,7 +7755,7 @@ declare namespace LocalJSX {
     interface IxIconButton {
         /**
           * 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;
         /**
@@ -7807,6 +7947,12 @@ declare namespace LocalJSX {
          */
         "warningText"?: string;
     }
+    /**
+     * @deprecated Will be removed with 4.0.0
+     * Use the 'ix-input' component instead
+     */
+    interface IxInputGroup {
+    }
     interface IxKeyValue {
         /**
           * ARIA label for the icon
@@ -7975,6 +8121,11 @@ declare namespace LocalJSX {
           * Should only be set if you use ix-menu standalone
          */
         "applicationName"?: string;
+        /**
+          * Is settings tab is visible
+          * @default true
+         */
+        "enableSettings"?: boolean;
         /**
           * Show toggle between light and dark variant. Only if the provided theme have implemented both!
           * @default false
@@ -8127,11 +8278,6 @@ declare namespace LocalJSX {
           * Second line of text
          */
         "bottom"?: string;
-        /**
-          * Control the visibility of the logout button
-          * @default false
-         */
-        "hideLogoutButton"?: boolean;
         /**
           * i18n label for 'Logout' button
           * @default 'Logout'
@@ -8149,6 +8295,11 @@ declare namespace LocalJSX {
           * Logout click
          */
         "onLogoutClick"?: (event: IxMenuAvatarCustomEvent<any>) => void;
+        /**
+          * Control the visibility of the logout button
+          * @default true
+         */
+        "showLogoutButton"?: boolean;
         /**
           * First line of text
          */
@@ -8294,6 +8445,11 @@ declare namespace LocalJSX {
         "onLabelChange"?: (event: IxMenuSettingsItemCustomEvent<CustomLabelChangeEvent>) => void;
     }
     interface IxMessageBar {
+        /**
+          * If true, close button is enabled and alert can be dismissed by the user
+          * @default true
+         */
+        "dismissible"?: boolean;
         /**
           * An event emitted when the close animation is completed
          */
@@ -8302,16 +8458,13 @@ declare namespace LocalJSX {
           * An event emitted when the close button is clicked
          */
         "onClosedChange"?: (event: IxMessageBarCustomEvent<any>) => void;
-        /**
-          * If true, close button is disabled and alert cannot be dismissed by the user
-          * @default false
-         */
-        "persistent"?: boolean;
         /**
           * Specifies the type of the alert.
+          * @deprecated Type `danger` will be removed in 4.0. Use `alarm` instead.
           * @default 'info'
          */
         "type"?: | 'alarm'
+    | 'danger'
     | 'critical'
     | 'warning'
     | 'success'
@@ -8320,10 +8473,20 @@ declare namespace LocalJSX {
     | 'primary';
     }
     interface IxModal {
+        /**
+          * Should the modal be animated
+          * @default true
+         */
+        "animation"?: boolean;
+        /**
+          * Show a backdrop behind the modal dialog
+          * @default true
+         */
+        "backdrop"?: boolean;
         /**
           * Is called before the modal is dismissed.  - 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
           * @default false
@@ -8335,20 +8498,10 @@ declare namespace LocalJSX {
          */
         "closeOnBackdropClick"?: boolean;
         /**
-          * Should the modal animation be disabled
-          * @default false
-         */
-        "disableAnimation"?: boolean;
-        /**
-          * If set to true the modal cannot be closed by pressing the Escape key
-          * @default false
-         */
-        "disableEscapeClose"?: boolean;
-        /**
-          * Hide the backdrop behind the modal dialog
-          * @default false
+          * If set to true the modal can be closed by pressing the Escape key
+          * @default true
          */
-        "hideBackdrop"?: boolean;
+        "closeOnEscape"?: boolean;
         /**
           * Dialog close
          */
@@ -8516,11 +8669,6 @@ declare namespace LocalJSX {
           * @default 0
          */
         "count"?: number;
-        /**
-          * Hide item count in advanced mode
-          * @default false
-         */
-        "hideItemCount"?: boolean;
         /**
           * i18n label for 'Items'
           * @default 'Items'
@@ -8554,6 +8702,11 @@ declare namespace LocalJSX {
           * @default 0
          */
         "selectedPage"?: number;
+        /**
+          * Show item count in advanced mode
+          * @default true
+         */
+        "showItemCount"?: boolean;
     }
     interface IxPane {
         /**
@@ -8750,10 +8903,10 @@ declare namespace LocalJSX {
          */
         "ariaLabelIcon"?: string;
         /**
-          * Expand the card
-          * @default false
+          * Collapse the card
+          * @default true
          */
-        "expanded"?: boolean;
+        "collapse"?: boolean;
         /**
           * Card heading
          */
@@ -9339,6 +9492,12 @@ declare namespace LocalJSX {
           * Helper text below the input field
          */
         "helperText"?: string;
+        /**
+          * Hides the header of the picker.
+          * @since 4.0.0
+          * @default false
+         */
+        "hideHeader"?: boolean;
         /**
           * Interval for hour selection
           * @default 1
@@ -9455,11 +9614,6 @@ declare namespace LocalJSX {
           * @default 'rounded'
          */
         "corners"?: TimePickerCorners;
-        /**
-          * Embedded style (for use in other components)
-          * @default false
-         */
-        "embedded"?: boolean;
         /**
           * Format of time string See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. Note: Formats that combine date and time (like f or F) are not supported. Timestamp tokens x and X are not supported either.
           * @default 'TT'
@@ -9533,11 +9687,51 @@ declare namespace LocalJSX {
           * @default SECOND_INTERVAL_DEFAULT
          */
         "secondInterval"?: number;
+        /**
+          * Show hour input
+          * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+          * @default true
+         */
+        "showHour"?: boolean;
+        /**
+          * Show minutes input
+          * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+          * @default true
+         */
+        "showMinutes"?: boolean;
+        /**
+          * Show seconds input
+          * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
+          * @default true
+         */
+        "showSeconds"?: boolean;
+        /**
+          * Controls the visual presentation and styling of the component when it is displayed as a standalone element
+          * @default true
+         */
+        "standaloneAppearance"?: boolean;
+        /**
+          * Text of time select button
+          * @deprecated Use `i18nConfirmTime` instead. Will be removed in 4.0.0.
+          * @default CONFIRM_BUTTON_DEFAULT
+         */
+        "textSelectTime"?: string;
+        /**
+          * Text for top label
+          * @deprecated Use `i18nHeader` instead. Will be removed in 4.0.0.
+          * @default HEADER_DEFAULT
+         */
+        "textTime"?: string;
         /**
           * Select time with format string Format has to match the `format` property.
           * @default DateTime.now().toFormat(this.format)
          */
         "time"?: string;
+        /**
+          * Set time reference
+          * @deprecated This is determined by the currently set time. Will be removed in 4.0.0.
+         */
+        "timeReference"?: 'AM' | 'PM' | undefined;
     }
     interface IxToast {
         /**
@@ -9545,6 +9739,11 @@ declare namespace LocalJSX {
           * @since 3.2.0
          */
         "ariaLabelCloseIconButton"?: string;
+        /**
+          * Autoclose behavior
+          * @default true
+         */
+        "autoClose"?: boolean;
         /**
           * Autoclose title after delay
           * @default 5000
@@ -9562,11 +9761,6 @@ declare namespace LocalJSX {
           * Toast closed
          */
         "onCloseToast"?: (event: IxToastCustomEvent<any>) => void;
-        /**
-          * Autoclose behavior
-          * @default false
-         */
-        "preventAutoClose"?: boolean;
         /**
           * Toast title
          */
@@ -9868,6 +10062,25 @@ declare namespace LocalJSX {
          */
         "uploadSuccessText"?: string;
     }
+    /**
+     * @deprecated Will be removed with 4.0.0
+     */
+    interface IxValidationTooltip {
+        /**
+          * Message of the tooltip
+         */
+        "message"?: string;
+        /**
+          * Placement of the tooltip
+          * @default 'top'
+         */
+        "placement"?: Side;
+        /**
+          * Suppress the automatic placement of the dropdown.
+          * @default false
+         */
+        "suppressAutomaticPlacement"?: boolean;
+    }
     interface IxWorkflowStep {
         /**
           * Activate navigation click
@@ -9971,6 +10184,7 @@ declare namespace LocalJSX {
         "ix-icon-button": IxIconButton;
         "ix-icon-toggle-button": IxIconToggleButton;
         "ix-input": IxInput;
+        "ix-input-group": IxInputGroup;
         "ix-key-value": IxKeyValue;
         "ix-key-value-list": IxKeyValueList;
         "ix-kpi": IxKpi;
@@ -10026,6 +10240,7 @@ declare namespace LocalJSX {
         "ix-tree-item": IxTreeItem;
         "ix-typography": IxTypography;
         "ix-upload": IxUpload;
+        "ix-validation-tooltip": IxValidationTooltip;
         "ix-workflow-step": IxWorkflowStep;
         "ix-workflow-steps": IxWorkflowSteps;
     }
@@ -10103,6 +10318,11 @@ declare module "@stencil/core" {
              * @form-ready 
              */
             "ix-input": LocalJSX.IxInput & JSXBase.HTMLAttributes<HTMLIxInputElement>;
+            /**
+             * @deprecated Will be removed with 4.0.0
+             * Use the 'ix-input' component instead
+             */
+            "ix-input-group": LocalJSX.IxInputGroup & JSXBase.HTMLAttributes<HTMLIxInputGroupElement>;
             "ix-key-value": LocalJSX.IxKeyValue & JSXBase.HTMLAttributes<HTMLIxKeyValueElement>;
             "ix-key-value-list": LocalJSX.IxKeyValueList & JSXBase.HTMLAttributes<HTMLIxKeyValueListElement>;
             "ix-kpi": LocalJSX.IxKpi & JSXBase.HTMLAttributes<HTMLIxKpiElement>;
@@ -10183,6 +10403,10 @@ declare module "@stencil/core" {
             "ix-tree-item": LocalJSX.IxTreeItem & JSXBase.HTMLAttributes<HTMLIxTreeItemElement>;
             "ix-typography": LocalJSX.IxTypography & JSXBase.HTMLAttributes<HTMLIxTypographyElement>;
             "ix-upload": LocalJSX.IxUpload & JSXBase.HTMLAttributes<HTMLIxUploadElement>;
+            /**
+             * @deprecated Will be removed with 4.0.0
+             */
+            "ix-validation-tooltip": LocalJSX.IxValidationTooltip & JSXBase.HTMLAttributes<HTMLIxValidationTooltipElement>;
             "ix-workflow-step": LocalJSX.IxWorkflowStep & JSXBase.HTMLAttributes<HTMLIxWorkflowStepElement>;
             "ix-workflow-steps": LocalJSX.IxWorkflowSteps & JSXBase.HTMLAttributes<HTMLIxWorkflowStepsElement>;
         }