@siemens/ix 3.0.0 → 3.1.0

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

@@ -46,7 +46,7 @@ export declare class Modal {
     dialogDismiss: EventEmitter;
     modalVisible: boolean;
     onKey(e: KeyboardEvent): void;
-    get dialog(): HTMLDialogElement;
+    get dialog(): HTMLDialogElement | null;
     private slideInModal;
     private slideOutModal;
     private onModalClick;

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

@@ -99,7 +99,7 @@ export declare class Pane {
     private animationCounter;
     private mutationObserver?;
     private resizeObserver?;
-    get currentSlot(): string;
+    get currentSlot(): string | null;
     get isBottomTopPane(): boolean;
     get isLeftRightPane(): boolean;
     get isMobileTop(): boolean;

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

@@ -143,7 +143,7 @@ export declare class Select implements IxInputFieldComponent<string | string[]>
     get items(): HTMLIxSelectItemElement[];
     get visibleItems(): HTMLIxSelectItemElement[];
     get selectedItems(): HTMLIxSelectItemElement[];
-    get addItemButton(): Element;
+    get addItemButton(): Element | null;
     get isSingleMode(): boolean;
     get isMultipleMode(): boolean;
     get isEveryDropdownItemHidden(): boolean;

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

@@ -32,7 +32,7 @@ export declare class SelectItem implements DropdownItemWrapper {
      * @param event
      */
     onItemClick(event?: CustomEvent<HTMLIxDropdownItemElement>): Promise<void>;
-    get dropdownItem(): HTMLIxDropdownItemElement;
+    get dropdownItem(): HTMLIxDropdownItemElement | null;
     componentDidRender(): void;
     onValueChange(newValue: string, oldValue: string): void;
     labelChange(newValue: string, oldValue: string): void;

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

@@ -56,8 +56,8 @@ export declare class Slider {
     private a11yAttributes?;
     private readonly thumbRef;
     private readonly tooltipRef;
-    get tooltip(): HTMLIxTooltipElement;
-    get pseudoThumb(): HTMLDivElement;
+    get tooltip(): HTMLIxTooltipElement | null;
+    get pseudoThumb(): HTMLDivElement | null;
     get slider(): HTMLInputElement;
     onShowTooltipChange(): void;
     componentWillLoad(): void;

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

@@ -34,7 +34,7 @@ export declare class Tabs {
     private windowStartSize;
     private resizeObserver?;
     private clickAction;
-    onWindowResize(): number;
+    onWindowResize(): number | undefined;
     private getTabs;
     private getTab;
     private getTabsWrapper;

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

@@ -64,6 +64,6 @@ export declare class TimePicker {
     /**
      * Get the current time based on the wanted format
      */
-    getCurrentTime(): Promise<string>;
+    getCurrentTime(): Promise<string | undefined>;
     render(): any;
 }

package/dist/types/components/utils/application-layout/context.d.ts

@@ -1,5 +1,5 @@
 import { type LiteralStringUnion } from '../type-helper';
-export declare const closestIxMenu: (element: Element) => HTMLIxMenuElement;
+export declare const closestIxMenu: (element: Element) => HTMLIxMenuElement | null;
 export type AppSwitchConfigurationTarget = LiteralStringUnion<'_self' | '_blank' | '_parent' | '_top'>;
 export type AppSwitchConfiguration = {
     currentAppId: string;

package/dist/types/components/utils/application-layout/service.d.ts

@@ -2,7 +2,7 @@ import { Breakpoint } from '../breakpoints';
 import { TypedEvent } from '../typed-event';
 declare class ApplicationLayoutService {
     #private;
-    debouncedOnResize: (...args: unknown[]) => void;
+    debouncedOnResize: () => void;
     constructor();
     get breakpoint(): "sm" | "md" | "lg";
     get onChange(): TypedEvent<"sm" | "md" | "lg">;

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

@@ -35,8 +35,8 @@ export type ContextCallback<ValueType> = (value: ValueType, unsubscribe?: () =>
 export declare class ContextEvent<T extends UnknownContext> extends Event {
     readonly context: T;
     readonly callback: ContextCallback<ContextType<T>>;
-    readonly subscribe?: boolean;
-    constructor(context: T, callback: ContextCallback<ContextType<T>>, subscribe?: boolean);
+    readonly subscribe?: boolean | undefined;
+    constructor(context: T, callback: ContextCallback<ContextType<T>>, subscribe?: boolean | undefined);
 }
 declare global {
     interface HTMLElementEventMap {

package/dist/types/components/utils/find-element.d.ts

@@ -11,7 +11,7 @@ export declare function resolveSelector(selector: string, hostElement?: HTMLElem
  * @param parent This will determine how far up the DOM to travel to find the root
  * @returns The root element
  */
-export declare function getRootFor(element: HTMLElement, parent?: HTMLElement): HTMLElement | ShadowRoot;
+export declare function getRootFor(element: HTMLElement, parent?: HTMLElement): HTMLElement | ShadowRoot | undefined;
 export declare function waitForSelector(selector: string, node?: Document, hostElement?: HTMLElement): Promise<Element>;
 /**
  * Find an element by ID or reference

package/dist/types/components/utils/input/validation.d.ts

@@ -3,7 +3,7 @@ import { IxComponent } from '../internal';
 export type ClassMutationObserver = {
     destroy: () => void;
 };
-export declare function isTouched<T>(host: IxFormComponent<T>): Promise<boolean>;
+export declare function isTouched<T>(host: IxFormComponent<T>): Promise<boolean | undefined>;
 export declare function shouldSuppressInternalValidation<T>(host: IxFormComponent<T>): Promise<boolean>;
 export declare function createClassMutationObserver(element: HTMLElement, callback: () => void, options?: {
     includeChildren?: boolean;

package/dist/types/components/utils/menu-service/menu-service.d.ts

@@ -6,7 +6,7 @@ declare class MenuService {
     open(): Promise<boolean>;
     close(): Promise<boolean>;
     toggle(): Promise<boolean>;
-    get nativeElement(): HTMLIxMenuElement;
+    get nativeElement(): HTMLIxMenuElement | null;
     get expandChange(): TypedEvent<boolean>;
     get isPinned(): boolean;
 }

package/dist/types/components/utils/shadow-dom.d.ts

@@ -2,4 +2,4 @@ export declare function closestElement(selector: string, el: any): null | Elemen
 export declare function getSlottedElements<R = any>(slot: any): R[];
 export declare function hasSlottedElements(slot: any): boolean;
 export declare function containsElement(target: Element, element: Element): boolean;
-export declare function closestPassShadow(node: Node, selector: string): HTMLElement;
+export declare function closestPassShadow(node: Node, selector: string): HTMLElement | null;

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

@@ -30,8 +30,8 @@ export declare class ValidationTooltip {
     private autoUpdateCleanup?;
     private observer?;
     get arrow(): HTMLElement;
-    get inputElement(): HTMLInputElement;
-    get formElement(): HTMLFormElement;
+    get inputElement(): HTMLInputElement | null;
+    get formElement(): HTMLFormElement | null | undefined;
     get tooltipElement(): HTMLElement;
     private destroyAutoUpdate;
     private applyTooltipPosition;

package/dist/types/components.d.ts

@@ -254,6 +254,11 @@ export namespace Components {
           * Disable the button
          */
         "disabled": boolean;
+        /**
+          * Provide a form element ID to automatically submit the from if the button is pressed. Only works in combination with type="submit".
+          * @since 3.1.0
+         */
+        "form"?: string;
         /**
           * Button with no background or outline
          */
@@ -796,7 +801,7 @@ export namespace Components {
         /**
           * Get the currently selected date-range.
          */
-        "getCurrentDate": () => Promise<{ from: string; to: string; }>;
+        "getCurrentDate": () => Promise<{ from: string | undefined; to: string | undefined; }>;
         /**
           * Text of date select button
          */
@@ -1429,6 +1434,11 @@ export namespace Components {
           * Outline button
          */
         "outline": boolean;
+        /**
+          * Button in oval shape
+          * @since 3.1.0
+         */
+        "oval": boolean;
         /**
           * Show button as pressed
          */
@@ -2685,7 +2695,7 @@ export namespace Components {
         /**
           * Get the current time based on the wanted format
          */
-        "getCurrentTime": () => Promise<string>;
+        "getCurrentTime": () => Promise<string | undefined>;
         /**
           * Show hour input
          */
@@ -4987,6 +4997,11 @@ declare namespace LocalJSX {
           * Disable the button
          */
         "disabled"?: boolean;
+        /**
+          * Provide a form element ID to automatically submit the from if the button is pressed. Only works in combination with type="submit".
+          * @since 3.1.0
+         */
+        "form"?: string;
         /**
           * Button with no background or outline
          */
@@ -6227,6 +6242,11 @@ declare namespace LocalJSX {
           * Outline button
          */
         "outline"?: boolean;
+        /**
+          * Button in oval shape
+          * @since 3.1.0
+         */
+        "oval"?: boolean;
         /**
           * Show button as pressed
          */

package/dist/types/tests/utils/test/index.d.ts

@@ -15,4 +15,4 @@ export declare const viewPorts: {
     };
 };
 export declare const preventFormSubmission: (formLocator: Locator) => Promise<void>;
-export declare const getFormValue: (formLocator: Locator, key: string, page: Page) => Promise<string | File>;
+export declare const getFormValue: (formLocator: Locator, key: string, page: Page) => Promise<string | File | null>;