@siemens/ix 0.0.0-pr-2214-20251017134939 → 0.0.0-v4-next-20251103080000

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

@@ -36,11 +36,11 @@ export declare class BreadcrumbItem implements AnchorInterface {
      */
     rel?: string;
     /**@internal */
-    ghost: boolean;
+    subtle: boolean;
     /**@internal */
-    visible: boolean;
+    invisible: boolean;
     /**@internal */
-    showChevron: boolean;
+    hideChevron: boolean;
     /** @internal */
     isDropdownTrigger: boolean;
     /**@internal */

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

@@ -1,5 +1,5 @@
-import { IxButtonComponent } from './button-component';
 import { BaseButtonStyle, BaseButtonVariant } from './base-button.types';
+import { IxButtonComponent } from './button-component';
 import { AnchorTarget } from './button.interface';
 export type ButtonVariant = `${BaseButtonVariant}` | `${BaseButtonStyle}-${BaseButtonVariant}`;
 export declare class Button implements IxButtonComponent {

package/dist/types/components/category-filter/category-filter.d.ts

@@ -81,16 +81,10 @@ export declare class CategoryFilter {
      */
     staticOperator?: LogicalFilterOperator;
     /**
-     * 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
-     */
-    repeatCategories: boolean;
-    /**
-     * @internal For debugging purposes only!
+     * 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.
      */
-    tmpDisableScrollIntoView: boolean;
+    uniqueCategories: boolean;
     /**
      * i18n
      */

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

@@ -6,10 +6,10 @@ export declare class Chip {
      */
     variant: 'primary' | 'alarm' | 'critical' | 'warning' | 'info' | 'neutral' | 'success' | 'custom';
     /**
-     * Determines if the chip is interactive. If false no user input (e.g. mouse states, keyboard navigation)
+     * 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.
      */
-    active: boolean;
+    inactive: boolean;
     /**
      * Show close icon
      */

package/dist/types/components/date-dropdown/date-dropdown.d.ts

@@ -14,9 +14,9 @@ export declare class DateDropdown implements Omit<IxDatePickerComponent, 'corner
      */
     format: string;
     /**
-     * If true a range of dates can be selected.
+     * If true disables date range selection (from/to).
      */
-    range: boolean;
+    singleSelection: boolean;
     /**
      * Picker date. If the picker is in range mode this property is the start date.
      * If set to `null` no default start date will be pre-selected.
@@ -67,11 +67,11 @@ export declare class DateDropdown implements Omit<IxDatePickerComponent, 'corner
     ariaLabelDropdownButton?: string;
     onDateRangeIdChange(): void;
     /**
-     * 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.
+     * 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.
      */
-    customRangeAllowed: boolean;
+    customRangeDisabled: boolean;
     /**
      * An array of predefined date range options for the date picker.
      * Each option is an object with a label describing the range and a function

package/dist/types/components/date-picker/date-picker-component.d.ts

@@ -7,7 +7,7 @@ export interface IxDatePickerComponent {
     /**
      * Annotate with @Prop() decorator
      */
-    range: boolean;
+    singleSelection: boolean;
     /**
      * Annotate with @Prop() decorator
      */

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

@@ -11,9 +11,9 @@ export declare class DatePicker implements IxDatePickerComponent {
      */
     format: string;
     /**
-     * If true a date-range can be selected (from/to).
+     * If true disables date range selection (from/to).
      */
-    range: boolean;
+    singleSelection: boolean;
     /**
      * Corner style
      */
@@ -75,7 +75,7 @@ export declare class DatePicker implements IxDatePickerComponent {
      */
     showWeekNumbers: boolean;
     /** @internal */
-    standaloneAppearance: boolean;
+    embedded: boolean;
     /** @internal */
     today: string;
     /**

package/dist/types/components/date-time-card/date-time-card.d.ts

@@ -4,7 +4,7 @@ import type { DateTimeCardCorners } from './date-time-card.types';
  */
 export declare class DateTimeCard {
     /** @internal */
-    standaloneAppearance?: boolean;
+    embedded?: boolean;
     /** Timepicker specific styling */
     timePickerAppearance: boolean;
     /**
@@ -15,10 +15,6 @@ export declare class DateTimeCard {
      * Display footer
      */
     hasFooter: boolean;
-    /**
-     * set styles
-     */
-    individual: boolean;
     /**
      * Set corners style
      */

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

@@ -3,27 +3,9 @@ import { IxDatePickerComponent } from '../date-picker/date-picker-component';
 import type { DateTimeDateChangeEvent, DateTimeSelectEvent } from './datetime-picker.types';
 export declare class DatetimePicker implements Omit<IxDatePickerComponent, 'corners' | 'format'> {
     /**
-     * If true a date-range can be selected (from/to).
+     * If true disables date range selection (from/to).
      */
-    range: 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;
+    singleSelection: boolean;
     /**
      * The earliest date that can be selected by the date picker.
      * If not set there will be no restriction.

package/dist/types/components/event-list/event-list.d.ts

@@ -15,7 +15,7 @@ export declare class EventList {
      */
     compact: boolean;
     /**
-     * Animate state change transitions. Defaults to 'true'.
+     * Animate state change transitions. Defaults to 'false'.
      */
     animated: boolean;
     /**

package/dist/types/components/event-list-item/event-list-item.d.ts

@@ -11,7 +11,7 @@ export declare class EventListItem {
      * You can find a list of all available colors in our documentation.
      * Example values are `--theme-color-alarm` or `color-alarm`
      *
-     * {@link https://ix.siemens.io/docs/theming/colors/}
+     * {@link https://ix.siemens.io/docs/styles/colors}
      */
     itemColor?: string;
     /**

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

@@ -14,9 +14,9 @@ export declare class Group {
      */
     subHeader?: string;
     /**
-     * Whether the group is collapsed or expanded. Defaults to true.
+     * Whether the group is expanded or collapsed. Defaults to false.
      */
-    collapsed: boolean;
+    expanded: boolean;
     /**
      * Whether the group is selected.
      */
@@ -39,9 +39,9 @@ export declare class Group {
      */
     selectItem: EventEmitter<number>;
     /**
-     * Group collapsed
+     * Group expanded
      */
-    collapsedChanged: EventEmitter<boolean>;
+    expandedChanged: EventEmitter<boolean>;
     itemSelected: boolean;
     slotSize: number;
     footerVisible: boolean;

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

@@ -21,15 +21,22 @@ 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 true tabindex will be 0, -1 otherwise.
+     *
+     * If false tabindex will be 0, -1 otherwise.
      */
-    focusable: boolean;
+    disabled: 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
+     * @deprecated Set the native `aria-label` on the ix-icon-button host element. Will be removed in 5.0.0
      */
     a11yLabel?: string;
     /**

package/dist/types/components/input/input.fc.d.ts

@@ -1,6 +1,6 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
-import { MakeRef } from '../utils/make-ref';
 import { A11yAttributes } from '../utils/a11y';
+import { MakeRef } from '../utils/make-ref';
 export declare function TextareaElement(props: Readonly<{
     resizeBehavior: 'both' | 'horizontal' | 'vertical' | 'none';
     textareaHeight?: string;

package/dist/types/components/input/textarea.d.ts

@@ -107,8 +107,17 @@ export declare class Textarea implements IxInputFieldComponent<string> {
     isInvalidByRequired: boolean;
     private readonly textAreaRef;
     private touched;
+    private resizeObserver?;
+    private isManuallyResized;
+    private manualHeight?;
+    private manualWidth?;
+    private isProgrammaticResize;
     updateClassMappings(result: ValidationResults): void;
+    onDimensionPropsChange(): void;
+    onResizeBehaviorChange(): void;
     componentWillLoad(): void;
+    disconnectedCallback(): void;
+    private initResizeObserver;
     updateFormInternalValue(value: string): void;
     /** @internal */
     getAssociatedFormElement(): Promise<HTMLFormElement | null>;

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

@@ -1,5 +1,6 @@
 /**
- * @deprecated Will be removed with 4.0.0
+ * @deprecated Since 3.0.0. Will be removed with 5.0.0
+ * Not maintained anymore.
  * Use the 'ix-input' component instead
  */
 export declare class InputGroup {

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

@@ -16,10 +16,6 @@ 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-about-news/menu-about-news.d.ts

@@ -16,10 +16,6 @@ export declare class MenuAboutNews {
      * Subtitle of the about news
      */
     aboutItemLabel?: string;
-    /**
-     * Bottom offset
-     */
-    offsetBottom: number;
     /**
      * Show More button is pressed
      */

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
      */
-    showLogoutButton: boolean;
+    hideLogoutButton: boolean;
     /**
      * Control the visibility of the dropdown menu
      */

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

@@ -3,13 +3,12 @@ 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' | 'danger' | 'critical' | 'warning' | 'success' | 'info' | 'neutral' | 'primary';
+    type: 'alarm' | 'critical' | 'warning' | 'success' | 'info' | 'neutral' | 'primary';
     /**
-     * If true, close button is enabled and alert can be dismissed by the user
+     * If true, close button is disabled and alert cannot be dismissed by the user
      */
-    dismissible: boolean;
+    persistent: 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 be animated
+     * Should the modal animation be disabled
      */
-    animation: boolean;
+    disableAnimation: boolean;
     /**
-     * Show a backdrop behind the modal dialog
+     * Hide the backdrop behind the modal dialog
      */
-    backdrop: boolean;
+    hideBackdrop: 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?: any) => boolean | Promise<boolean>;
+    beforeDismiss?: (reason?: unknown) => boolean | Promise<boolean>;
     /**
      * Centered modal
      */
     centered: boolean;
     /**
-     * If set to true the modal can be closed by pressing the Escape key
+     * If set to true the modal cannot be closed by pressing the Escape key
      */
-    closeOnEscape: boolean;
+    disableEscapeClose: boolean;
     /**
      * Dialog close
      */
@@ -58,11 +58,11 @@ export declare class Modal {
     /**
      * Dismiss the dialog
      */
-    dismissModal<T = any>(reason?: T): Promise<void>;
+    dismissModal<T = unknown>(reason?: T): Promise<void>;
     /**
      * Close the dialog
      */
-    closeModal<T = any>(reason: T): Promise<void>;
+    closeModal<T = unknown>(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;
     /**
-     * Show item count in advanced mode
+     * Hide item count in advanced mode
      */
-    showItemCount: boolean;
+    hideItemCount: 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;
     /**
-     * Collapse the card
+     * Expand the card
      */
-    collapse: boolean;
+    expanded: boolean;
     render(): any;
 }

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

@@ -15,31 +15,13 @@ export declare class TimePicker {
      */
     corners: TimePickerCorners;
     /**
-     * Controls the visual presentation and styling of the component when it is displayed as a standalone element
+     * Embedded style (for use in other components)
      */
-    standaloneAppearance: boolean;
+    embedded: 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.
      *
@@ -81,28 +63,10 @@ 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
      */
@@ -181,8 +145,6 @@ 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
      */
-    autoClose: boolean;
+    preventAutoClose: boolean;
     /**
      * Icon of toast
      */

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

@@ -6,7 +6,8 @@ type Position = {
 /**
  * @slot tooltip-message - Custom tooltip message with html support
  *
- * @deprecated Will be removed with 4.0.0
+ * @deprecated Since 3.0.0. Will be removed with 4.0.0
+ * Not maintained anymore.
  */
 export declare class ValidationTooltip {
     hostElement: HTMLIxValidationTooltipElement;