@siemens/ix 5.2.0 → 5.2.1

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

@@ -14,22 +14,7 @@ declare const Chip_base: abstract new (...args: any[]) => {
     componentWillUpdate?(): Promise<void> | void;
     componentDidUpdate?(): void;
     render?(): any;
-} & import("../utils/internal/component").StencilLifecycle & {
-    inheritAriaAttributes: import("../utils/a11y").A11yAttributes;
-    getIgnoredAriaAttributes(): A11yAttributeName[];
-    componentWillLoad(): Promise<void> | void;
-    ariaAttributeChanged(newValue: string | null, _: string | null, propName: string): void;
-    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
-    connectedCallback?(): void;
-    disconnectedCallback?(): void;
-    componentWillRender?(): Promise<void> | void;
-    componentDidRender?(): void;
-    componentDidLoad?(): void;
-    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
-    componentWillUpdate?(): Promise<void> | void;
-    componentDidUpdate?(): void;
-    render?(): any;
-};
+} & import("../utils/internal/component").StencilLifecycle & InheritAriaAttributesMixinContract & import("../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin").LifecycleWithInheritAriaAttributesMixin;
 /**
  * @slot default - Chip label.
  */

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

@@ -16,5 +16,5 @@ export declare const configureKeyboardInteraction: (getItemsHost: () => HTMLElem
     activeQuerySelector?: string;
     itemTriggerKeys?: string[];
     beforeKeydown?: (ev: KeyboardEvent) => void;
-    onItemActivation?: (event: KeyboardEvent, activeElement: HTMLElement) => void;
+    onItemActivation?: (event: KeyboardEvent, activeElement: HTMLElement | null) => void;
 }) => () => void;

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

@@ -53,7 +53,7 @@ export declare class Group {
     footerVisible: boolean;
     showExpandCollapsedIcon: boolean;
     hasDropdown: boolean;
-    private observer;
+    private observer?;
     selectedChanged(newSelected: boolean): void;
     get dropdownItems(): Element[];
     get groupItems(): Array<HTMLIxGroupItemElement>;

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

@@ -12,22 +12,7 @@ declare const IconButton_base: abstract new (...args: any[]) => {
     componentWillUpdate?(): Promise<void> | void;
     componentDidUpdate?(): void;
     render?(): any;
-} & import("../utils/internal/component").StencilLifecycle & {
-    inheritAriaAttributes: import("../utils/a11y").A11yAttributes;
-    getIgnoredAriaAttributes(): import("../utils/a11y").A11yAttributeName[];
-    componentWillLoad(): Promise<void> | void;
-    ariaAttributeChanged(newValue: string | null, _: string | null, propName: string): void;
-    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
-    connectedCallback?(): void;
-    disconnectedCallback?(): void;
-    componentWillRender?(): Promise<void> | void;
-    componentDidRender?(): void;
-    componentDidLoad?(): void;
-    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
-    componentWillUpdate?(): Promise<void> | void;
-    componentDidUpdate?(): void;
-    render?(): any;
-};
+} & import("../utils/internal/component").StencilLifecycle & InheritAriaAttributesMixinContract & import("../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin").LifecycleWithInheritAriaAttributesMixin;
 export declare class IconButton extends IconButton_base implements InheritAriaAttributesMixinContract {
     hostElement: HTMLIxIconButtonElement;
     /**
@@ -66,7 +51,7 @@ export declare class IconButton extends IconButton_base implements InheritAriaAt
     /**
      * Temp. workaround until stencil issue is fixed (https://github.com/ionic-team/stencil/issues/2284)
      */
-    submitButtonElement: HTMLButtonElement;
+    submitButtonElement?: HTMLButtonElement;
     componentDidLoad(): void;
     dispatchFormEvents(): void;
     private getIconSizeClass;

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

@@ -13,22 +13,7 @@ declare const IconToggleButton_base: abstract new (...args: any[]) => {
     componentWillUpdate?(): Promise<void> | void;
     componentDidUpdate?(): void;
     render?(): any;
-} & import("../utils/internal/component").StencilLifecycle & {
-    inheritAriaAttributes: import("../utils/a11y").A11yAttributes;
-    getIgnoredAriaAttributes(): import("../utils/a11y").A11yAttributeName[];
-    componentWillLoad(): Promise<void> | void;
-    ariaAttributeChanged(newValue: string | null, _: string | null, propName: string): void;
-    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
-    connectedCallback?(): void;
-    disconnectedCallback?(): void;
-    componentWillRender?(): Promise<void> | void;
-    componentDidRender?(): void;
-    componentDidLoad?(): void;
-    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
-    componentWillUpdate?(): Promise<void> | void;
-    componentDidUpdate?(): void;
-    render?(): any;
-};
+} & import("../utils/internal/component").StencilLifecycle & InheritAriaAttributesMixinContract & import("../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin").LifecycleWithInheritAriaAttributesMixin;
 export declare class IconToggleButton extends IconToggleButton_base implements InheritAriaAttributesMixinContract {
     /**
      * Button variant.

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { A11yAttributes } from '../utils/a11y';
 import { IxFormComponent, IxInputFieldComponent, ValidationResults } from '../utils/input';
 export declare function createIdIfNotExists(element: IxFormComponent, idPrefix?: string): any;
@@ -19,9 +20,7 @@ export declare function onInputFocus<T>(comp: {
 }, currentValue: T): void;
 export declare function onInputBlurWithChange<T>(comp: IxFormComponent<T> & {
     initialValue?: T;
-    ixChange: {
-        emit: (value: T) => void;
-    };
+    ixChange: EventEmitter<T>;
 }, input?: HTMLInputElement | HTMLTextAreaElement | null, currentValue?: T): void;
 export declare function onEnterKeyChangeEmit<T>(event: KeyboardEvent, comp: {
     initialValue?: T;

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

@@ -142,6 +142,7 @@ export declare class NumberInput implements IxInputFieldComponent<number> {
     private formatValue;
     private handleValueChangeEvent;
     updateFormInternalValue(value: number): void;
+    private updateOptionalFormInternalValue;
     private readonly handleInputChange;
     private readonly handleBlur;
     private readonly handleKeyDown;

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

@@ -119,7 +119,7 @@ export declare class Menu {
     get menu(): Element | null;
     get menuItemsContainer(): HTMLDivElement;
     get menuNavigationContainer(): HTMLDivElement;
-    get overlayContainer(): HTMLDivElement;
+    get overlayContainer(): HTMLDivElement | null;
     get menuItems(): Element[];
     get menuBottomItems(): Element[];
     get homeTab(): Element | null;

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

@@ -13,22 +13,7 @@ declare const MenuCategory_base: abstract new (...args: any[]) => {
     componentWillUpdate?(): Promise<void> | void;
     componentDidUpdate?(): void;
     render?(): any;
-} & import("../utils/internal/component").StencilLifecycle & {
-    inheritAriaAttributes: import("../utils/a11y").A11yAttributes;
-    getIgnoredAriaAttributes(): import("../utils/a11y").A11yAttributeName[];
-    componentWillLoad(): Promise<void> | void;
-    ariaAttributeChanged(newValue: string | null, _: string | null, propName: string): void;
-    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
-    connectedCallback?(): void;
-    disconnectedCallback?(): void;
-    componentWillRender?(): Promise<void> | void;
-    componentDidRender?(): void;
-    componentDidLoad?(): void;
-    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
-    componentWillUpdate?(): Promise<void> | void;
-    componentDidUpdate?(): void;
-    render?(): any;
-};
+} & import("../utils/internal/component").StencilLifecycle & InheritAriaAttributesMixinContract & import("../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin").LifecycleWithInheritAriaAttributesMixin;
 /**
  * @slot default - Menu items in the category.
  */
@@ -89,7 +74,7 @@ export declare class MenuCategory extends MenuCategory_base implements IxMenuIte
     private isCategoryItemListVisible;
     componentWillLoad(): void;
     componentDidLoad(): void;
-    clearMenuItemStyles(): void;
+    clearMenuItemsContainerStyles(): void;
     onShowItemsChange(): void;
     disconnectedCallback(): void;
     render(): any;

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

@@ -13,22 +13,7 @@ declare const MenuItem_base: abstract new (...args: any[]) => {
     componentWillUpdate?(): Promise<void> | void;
     componentDidUpdate?(): void;
     render?(): any;
-} & import("../utils/internal/component").StencilLifecycle & {
-    inheritAriaAttributes: import("../utils/a11y").A11yAttributes;
-    getIgnoredAriaAttributes(): import("../utils/a11y").A11yAttributeName[];
-    componentWillLoad(): Promise<void> | void;
-    ariaAttributeChanged(newValue: string | null, _: string | null, propName: string): void;
-    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
-    connectedCallback?(): void;
-    disconnectedCallback?(): void;
-    componentWillRender?(): Promise<void> | void;
-    componentDidRender?(): void;
-    componentDidLoad?(): void;
-    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
-    componentWillUpdate?(): Promise<void> | void;
-    componentDidUpdate?(): void;
-    render?(): any;
-};
+} & import("../utils/internal/component").StencilLifecycle & InheritAriaAttributesMixinContract & import("../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin").LifecycleWithInheritAriaAttributesMixin;
 /**
  * @slot default - Custom menu item label.
  */

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

@@ -50,6 +50,7 @@ export declare class Modal {
     dialogDismiss: EventEmitter;
     modalVisible: boolean;
     get dialog(): HTMLDialogElement | null;
+    private getDialogElement;
     private slideInModal;
     private slideOutModal;
     private closeDialog;

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

@@ -33,7 +33,7 @@ export declare class ModalHeader {
      * Can be prevented, in which case only the event is triggered, and the modal remains open
      */
     closeClick: EventEmitter<MouseEvent>;
-    private parentDialog;
+    private parentDialog?;
     componentDidLoad(): void;
     private onCloseClick;
     render(): any;

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

@@ -15,22 +15,7 @@ declare const Popover_base: abstract new (...args: any[]) => {
     componentWillUpdate?(): Promise<void> | void;
     componentDidUpdate?(): void;
     render?(): any;
-} & import("../utils/internal/component").StencilLifecycle & {
-    inheritAriaAttributes: import("../utils/a11y").A11yAttributes;
-    getIgnoredAriaAttributes(): import("../utils/a11y").A11yAttributeName[];
-    componentWillLoad(): Promise<void> | void;
-    ariaAttributeChanged(newValue: string | null, _: string | null, propName: string): void;
-    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
-    connectedCallback?(): void;
-    disconnectedCallback?(): void;
-    componentWillRender?(): Promise<void> | void;
-    componentDidRender?(): void;
-    componentDidLoad?(): void;
-    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
-    componentWillUpdate?(): Promise<void> | void;
-    componentDidUpdate?(): void;
-    render?(): any;
-} & {
+} & import("../utils/internal/component").StencilLifecycle & InheritAriaAttributesMixinContract & import("../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin").LifecycleWithInheritAriaAttributesMixin & {
     $internal_id: number;
     getHostElementId(): string;
     hostElement?: import("@stencil/core/internal").HTMLStencilElement;

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { A11yAttributeName } from '../utils/a11y';
 declare const Tabs_base: abstract new (...args: any[]) => {
     componentDidLoad(): void;
     disconnectedCallback(): void;
@@ -11,27 +12,13 @@ declare const Tabs_base: abstract new (...args: any[]) => {
     componentWillUpdate?(): Promise<void> | void;
     componentDidUpdate?(): void;
     render?(): any;
-} & import("../utils/internal/component").StencilLifecycle & {
-    inheritAriaAttributes: import("../utils/a11y").A11yAttributes;
-    getIgnoredAriaAttributes(): import("../utils/a11y").A11yAttributeName[];
-    componentWillLoad(): Promise<void> | void;
-    ariaAttributeChanged(newValue: string | null, _: string | null, propName: string): void;
-    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
-    connectedCallback?(): void;
-    disconnectedCallback?(): void;
-    componentWillRender?(): Promise<void> | void;
-    componentDidRender?(): void;
-    componentDidLoad?(): void;
-    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
-    componentWillUpdate?(): Promise<void> | void;
-    componentDidUpdate?(): void;
-    render?(): any;
-};
+} & import("../utils/internal/component").StencilLifecycle & import("../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin").InheritAriaAttributesMixinContract & import("../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin").LifecycleWithInheritAriaAttributesMixin;
 /**
  * @slot default - Tab items.
  */
 export declare class Tabs extends Tabs_base {
     hostElement: HTMLIxTabsElement;
+    getIgnoredAriaAttributes(): A11yAttributeName[];
     /**
      * Set tab items to small size
      */

package/dist/types/components/time-picker/test/expect-defined.d.ts

@@ -0,0 +1 @@
+export declare function expectDefined<T>(value: T | null | undefined): T;

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

@@ -13,22 +13,7 @@ declare const Toggle_base: abstract new (...args: any[]) => {
     componentWillUpdate?(): Promise<void> | void;
     componentDidUpdate?(): void;
     render?(): any;
-} & import("../utils/internal/component").StencilLifecycle & {
-    inheritAriaAttributes: import("../utils/a11y").A11yAttributes;
-    getIgnoredAriaAttributes(): import("../utils/a11y").A11yAttributeName[];
-    componentWillLoad(): Promise<void> | void;
-    ariaAttributeChanged(newValue: string | null, _: string | null, propName: string): void;
-    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
-    connectedCallback?(): void;
-    disconnectedCallback?(): void;
-    componentWillRender?(): Promise<void> | void;
-    componentDidRender?(): void;
-    componentDidLoad?(): void;
-    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
-    componentWillUpdate?(): Promise<void> | void;
-    componentDidUpdate?(): void;
-    render?(): any;
-};
+} & import("../utils/internal/component").StencilLifecycle & InheritAriaAttributesMixinContract & import("../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin").LifecycleWithInheritAriaAttributesMixin;
 /**
  * @form-ready
  */

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

@@ -15,22 +15,7 @@ declare const ToggleButton_base: abstract new (...args: any[]) => {
     componentWillUpdate?(): Promise<void> | void;
     componentDidUpdate?(): void;
     render?(): any;
-} & import("../utils/internal/component").StencilLifecycle & {
-    inheritAriaAttributes: import("../utils/a11y").A11yAttributes;
-    getIgnoredAriaAttributes(): import("../utils/a11y").A11yAttributeName[];
-    componentWillLoad(): Promise<void> | void;
-    ariaAttributeChanged(newValue: string | null, _: string | null, propName: string): void;
-    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
-    connectedCallback?(): void;
-    disconnectedCallback?(): void;
-    componentWillRender?(): Promise<void> | void;
-    componentDidRender?(): void;
-    componentDidLoad?(): void;
-    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
-    componentWillUpdate?(): Promise<void> | void;
-    componentDidUpdate?(): void;
-    render?(): any;
-};
+} & import("../utils/internal/component").StencilLifecycle & InheritAriaAttributesMixinContract & import("../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin").LifecycleWithInheritAriaAttributesMixin;
 /**
  * @slot default - Toggle button label.
  */

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

@@ -48,7 +48,7 @@ export declare class Tree {
     nodeRemoved: EventEmitter<any>;
     private hyperlist?;
     private readonly updates;
-    private observer;
+    private observer?;
     private hasFirstRender;
     private readonly dirtyItems;
     private updatePadding;

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

@@ -2,6 +2,7 @@ export declare const a11yBoolean: (value: boolean | undefined) => "true" | "fals
 export declare const getFallbackLabelFromIconName: (iconName?: string) => string;
 export declare const a11yHostAttributes: (hostElement: HTMLElement, ignoreAttributes?: A11yAttributeName[]) => Record<A11yAttributeName, string>;
 export type A11yAttributeName = 'role' | 'aria-activedescendant' | 'aria-atomic' | 'aria-autocomplete' | 'aria-braillelabel' | 'aria-brailleroledescription' | 'aria-busy' | 'aria-checked' | 'aria-colcount' | 'aria-colindex' | 'aria-colindextext' | 'aria-colspan' | 'aria-controls' | 'aria-current' | 'aria-describedby' | 'aria-description' | 'aria-details' | 'aria-disabled' | 'aria-errormessage' | 'aria-expanded' | 'aria-flowto' | 'aria-haspopup' | 'aria-hidden' | 'aria-invalid' | 'aria-keyshortcuts' | 'aria-label' | 'aria-labelledby' | 'aria-level' | 'aria-live' | 'aria-multiline' | 'aria-multiselectable' | 'aria-orientation' | 'aria-owns' | 'aria-placeholder' | 'aria-posinset' | 'aria-pressed' | 'aria-readonly' | 'aria-relevant' | 'aria-required' | 'aria-roledescription' | 'aria-rowcount' | 'aria-rowindex' | 'aria-rowindextext' | 'aria-rowspan' | 'aria-selected' | 'aria-setsize' | 'aria-sort' | 'aria-valuemax' | 'aria-valuemin' | 'aria-valuenow' | 'aria-valuetext';
+export declare const a11yAttributes: A11yAttributeName[];
 type PartialRecord<K extends A11yAttributeName, T> = {
     [P in K]?: T;
 };

package/dist/types/components/utils/internal/mixins/accessibility/aria-attribute-observer.d.ts

@@ -0,0 +1,7 @@
+import { A11yAttributeName } from './../../../a11y';
+type AriaMutationHandler = (attributeNames: ReadonlySet<A11yAttributeName>) => void;
+export declare const observeAriaAttributes: (hostElement: HTMLElement, handler: AriaMutationHandler) => boolean;
+export declare const unobserveAriaAttributes: (hostElement: HTMLElement) => void;
+export declare const runWithoutAriaAttributeObservation: <T>(hostElement: HTMLElement, callback: () => T) => T;
+export declare const flushAriaAttributeMutations: () => void;
+export {};

package/dist/types/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.d.ts

@@ -4,22 +4,11 @@ import { A11yAttributeName, A11yAttributes } from './../../../a11y';
 export interface InheritAriaAttributesMixinContract {
     inheritAriaAttributes: A11yAttributes;
     getIgnoredAriaAttributes?(): A11yAttributeName[];
+    readAriaAttributesFromHost(): A11yAttributes;
 }
-export declare const InheritAriaAttributesMixin: <B extends MixedInCtor<StencilLifecycle>>(Base: B) => {
-    new (...args: any[]): {
-        inheritAriaAttributes: A11yAttributes;
-        getIgnoredAriaAttributes(): A11yAttributeName[];
-        componentWillLoad(): Promise<void> | void;
-        ariaAttributeChanged(newValue: string | null, _: string | null, propName: string): void;
-        hostElement?: import("@stencil/core/internal").HTMLStencilElement;
-        connectedCallback?(): void;
-        disconnectedCallback?(): void;
-        componentWillRender?(): Promise<void> | void;
-        componentDidRender?(): void;
-        componentDidLoad?(): void;
-        componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
-        componentWillUpdate?(): Promise<void> | void;
-        componentDidUpdate?(): void;
-        render?(): any;
-    };
-} & B;
+export interface LifecycleWithInheritAriaAttributesMixin {
+    connectedCallback(): void;
+    componentWillLoad(): Promise<void> | void;
+    disconnectedCallback(): void;
+}
+export declare const InheritAriaAttributesMixin: <B extends MixedInCtor<StencilLifecycle>>(Base: B) => B & MixedInCtor<InheritAriaAttributesMixinContract & LifecycleWithInheritAriaAttributesMixin>;

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

@@ -3,7 +3,7 @@ export declare function getSlottedElements<R = any>(slot: any): R[];
 export declare function hasSlottedElements(slot: any): boolean;
 export declare function hasSlottedContent(slot?: HTMLSlotElement | null): boolean;
 export declare function containsElement(target: Element, element: Element): boolean;
-export declare function closestPassShadow(node: Node, selector: string): HTMLElement | null;
+export declare function closestPassShadow(node: Node | null, selector: string): HTMLElement | null;
 /**
  * Returns an array of elements representing the path from the given element
  * to the document root, similar to Event.composedPath().

package/dist/types/components/workflow-step/workflow-step.d.ts

@@ -43,6 +43,7 @@ export declare class WorkflowStep {
     setWorkflowStepStyles(): void;
     componentWillLoad(): void;
     onStepClick(): void;
+    onKeyDown(event: KeyboardEvent): void;
     getIconAriaLabel(): "Done" | "Circle" | "Circle dot" | "Error" | "Success" | "Warning" | "Step";
     render(): any;
 }