@siemens/ix 4.4.0 → 5.0.0

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

@@ -0,0 +1 @@
+export type IxDropdownItemRole = 'menuitem' | 'option';

package/dist/types/components/field-label/field-label.d.ts

@@ -1,6 +1,6 @@
-import { IxComponent } from '../utils/internal';
+import { IxComponentInterface } from '../utils/internal';
 import { MakeRef } from '../utils/make-ref';
-export declare class FormFieldLabel implements IxComponent {
+export declare class FormFieldLabel implements IxComponentInterface {
     hostElement: HTMLIxFieldLabelElement;
     /**
      * A value is required or must be checked for the form to be submittable
@@ -14,6 +14,7 @@ export declare class FormFieldLabel implements IxComponent {
     controlRef?: MakeRef<HTMLElement> | MakeRef<HTMLInputElement> | MakeRef<HTMLTextAreaElement>;
     /** @internal */
     isInvalid: boolean;
+    textOverflow: 'wrap' | 'no-wrap';
     private explicitIsInvalid;
     isInvalidChanged(newValue: boolean): void;
     private readonly htmlForObserver;

package/dist/types/components/field-wrapper/field-wrapper.d.ts

@@ -1,7 +1,35 @@
 import { FieldWrapperInterface } from '../utils/input';
 import { MakeRef } from '../utils/make-ref';
+import { ComponentIdMixinContract } from '../utils/internal/mixins/id.mixin';
+declare const FieldWrapper_base: abstract new (...args: any[]) => {
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentWillLoad?(): Promise<void> | void;
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    componentWillUpdate?(): Promise<void> | void;
+    componentDidUpdate?(): void;
+    render?(): any;
+} & import("../utils/internal/component").StencilLifecycle & {
+    $internal_id: number;
+    getHostElementId(): string;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    disconnectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentWillLoad?(): Promise<void> | void;
+    componentDidLoad?(): void;
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    componentWillUpdate?(): Promise<void> | void;
+    componentDidUpdate?(): void;
+    render?(): any;
+};
 /** @internal */
-export declare class FieldWrapper implements FieldWrapperInterface {
+export declare class FieldWrapper extends FieldWrapper_base implements FieldWrapperInterface, ComponentIdMixinContract {
     hostElement: HTMLIxFieldWrapperElement;
     /**
      * Show text below the field component
@@ -51,14 +79,20 @@ export declare class FieldWrapper implements FieldWrapperInterface {
      * Show label as required
      */
     required: boolean;
-    /**
-     * The id of the form element that the label is associated with
-     */
-    htmlForLabel?: string;
     /**
      * The control element that the label is associated with
      */
     controlRef?: MakeRef<HTMLElement> | MakeRef<HTMLInputElement> | MakeRef<HTMLTextAreaElement>;
     private readonly slotRef;
+    private hasExplicitAriaLabel;
+    componentDidLoad(): void;
+    syncAriaLabel(initialSync?: boolean): void;
+    componentWillLoad(): Promise<void> | void;
+    componentWillRender(): void;
+    /** @internal */
+    getAriaErrorMessageElement(): Promise<HTMLElement | null>;
+    /** @internal */
+    getAriaHelperMessageElement(): Promise<HTMLElement | null>;
     render(): any;
 }
+export {};

package/dist/types/components/field-wrapper/helper-text-util.d.ts

@@ -9,6 +9,17 @@ export declare function hasAnyText({ invalidText, isInvalid, warningText, isWarn
     isValid?: boolean;
     helperText?: string;
 }): boolean;
+export declare function resolveTextFromValidationState(props: Readonly<{
+    isInvalid: boolean;
+    invalidText?: string;
+    isWarning: boolean;
+    warningText?: string;
+    isInfo: boolean;
+    infoText?: string;
+    isValid: boolean;
+    validText?: string;
+    helperText?: string;
+}>): string;
 export declare function HelperText(props: Readonly<{
     isInvalid: boolean;
     invalidText?: string;

package/dist/types/components/helper-text/helper-text.d.ts

@@ -1,6 +1,6 @@
 import { ValidationResults } from '../utils/input';
-import { IxComponent } from '../utils/internal';
-export declare class HelperText implements IxComponent {
+import { IxComponentInterface } from '../utils/internal';
+export declare class HelperText implements IxComponentInterface {
     hostElement: HTMLIxHelperTextElement;
     /**
      * The id of the form element that the label is associated with

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

@@ -1,13 +1,35 @@
+import { InheritAriaAttributesMixinContract } from '../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin';
 import type { IconButtonVariant } from './icon-button.types';
-export declare class IconButton {
+declare const IconButton_base: abstract new (...args: any[]) => {
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentWillLoad?(): Promise<void> | void;
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    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;
+};
+export declare class IconButton extends IconButton_base implements InheritAriaAttributesMixinContract {
     hostElement: HTMLIxIconButtonElement;
-    /**
-     * 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
-     */
-    a11yLabel?: string;
     /**
      * Variant of button
      */
@@ -50,3 +72,4 @@ export declare class IconButton {
     private getIconSizeClass;
     render(): any;
 }
+export {};

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

@@ -1,6 +1,35 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ButtonVariant } from '../button/button';
-export declare class IconToggleButton {
+import { InheritAriaAttributesMixinContract } from '../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin';
+declare const IconToggleButton_base: abstract new (...args: any[]) => {
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentWillLoad?(): Promise<void> | void;
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    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;
+};
+export declare class IconToggleButton extends IconToggleButton_base implements InheritAriaAttributesMixinContract {
     /**
      * Button variant.
      */
@@ -40,13 +69,6 @@ export declare class IconToggleButton {
      * Loading button
      */
     loading: boolean;
-    /**
-     * ARIA label for the icon button
-     * Will be set for the native HTML button element
-     *
-     * @since 3.2.0
-     */
-    ariaLabelIconButton?: string;
     /**
      * Pressed change event
      */
@@ -56,3 +78,4 @@ export declare class IconToggleButton {
     private getIconSizeClass;
     render(): any;
 }
+export {};

package/dist/types/components/layout-auto/layout-auto.d.ts

@@ -1,5 +1,5 @@
-import { IxComponent } from '../utils/internal';
-export declare class LayoutForm implements IxComponent {
+import { IxComponentInterface } from '../utils/internal';
+export declare class LayoutForm implements IxComponentInterface {
     hostElement: HTMLIxLayoutAutoElement;
     /**
      * Defines the layout of the form.

package/dist/types/components/menu/menu-expand-icon.d.ts

@@ -3,17 +3,16 @@ import { Breakpoint } from '../utils/breakpoints';
  * @internal
  */
 export declare class MenuExpandIcon {
+    /** i18n label for 'Expand' button */
+    i18nExpand: string;
+    /** i18n label for 'Collapse' button */
+    i18nCollapse: string;
     /** Whether the menu expand icon displays the expanded state or not */
     expanded: boolean;
     /** Controls which icon is displayed */
     breakpoint?: Breakpoint;
     /** Display as pinned */
     pinned: boolean;
-    /**
-     * Accessibility label for the menu expand icon
-     * @deprecated This prop is no longer used as the component is hidden from screen readers (aria-hidden="true"). Will be removed in 5.0.0
-     */
-    ixAriaLabel?: string;
     getSmallScreenIcon(): any;
     getLargeScreenIcon(): any;
     getMenuIcon(): any;

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

@@ -16,8 +16,6 @@ export declare class Menu {
      * Show toggle between light and dark variant. Only if the provided theme have implemented both!
      */
     enableToggleTheme: boolean;
-    /** @internal */
-    enableMapExpand: boolean;
     /**
      * Should only be set if you use ix-menu standalone
      */
@@ -26,11 +24,6 @@ export declare class Menu {
      * Should only be set if you use ix-menu standalone
      */
     applicationDescription: string;
-    /**
-     * Accessibility i18n label for the burger menu of the sidebar
-     * @deprecated Since 4.2.0. Will be removed in 5.0.0. The expand button is now hidden from screen readers with aria-hidden="true".
-     */
-    i18nExpandSidebar: string;
     /**
      *  Toggle the expand state of the menu
      */
@@ -97,7 +90,6 @@ export declare class Menu {
     applicationLayoutContext?: ContextType<typeof ApplicationLayoutContext>;
     isDarkMode: boolean;
     private isTransitionDisabled;
-    private themeDisposer?;
     private themeNameDisposer?;
     private readonly isVisible;
     get popoverArea(): Element | null;
@@ -155,8 +147,6 @@ export declare class Menu {
      */
     toggleAbout(show: boolean): Promise<void>;
     private resetOverlay;
-    private getCollapseText;
-    private getCollapseIcon;
     private isMenuItemClicked;
     private handleOverflowIndicator;
     onOverlayClose(): void;
@@ -164,7 +154,6 @@ export declare class Menu {
     private animateOverlayFadeOut;
     private onMenuItemsClick;
     private isHiddenFromViewport;
-    private sidebarToggle;
     private showAppSwitch;
     render(): any;
 }

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

@@ -1,11 +1,22 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { CustomCloseEvent } from '../utils/menu-tabs/menu-tabs-utils';
 export declare class MenuAbout {
-    el: HTMLIxMenuAboutElement;
+    hostElement: HTMLIxMenuAboutElement;
     /**
-     * Active tab
+     * Whether to suppress legacy tabs (ix-menu-about-item) and use slotted tabs
+     * (ix-tab-item) instead
+     *
+     * @since 5.0.0
      */
-    activeTabLabel?: string;
+    suppressLegacyTabs: boolean;
+    /**
+     * Active tab used for legacy ix-menu-about-item integrations
+     *
+     * @deprecated since 5.0.0, only used for legacy ix-menu-about-item
+     * integrations
+     * @since 5.0.0
+     */
+    activeTabKey?: string;
     /**
      * Content of the header
      */
@@ -25,9 +36,11 @@ export declare class MenuAbout {
      * About and Legal closed
      */
     close: EventEmitter<CustomCloseEvent>;
-    items: HTMLIxMenuAboutItemElement[];
-    updateTab(newLabel: string, oldLabel: string): void;
+    private itemsObserver?;
+    private get items();
     componentWillLoad(): void;
-    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private onItemsChange;
+    handleLabelChange(): void;
     render(): any;
 }

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

@@ -1,6 +1,24 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { BaseTabMixinContract } from '../tab-item/tab.mixin';
 import { CustomLabelChangeEvent } from '../utils/menu-tabs/menu-tabs-utils';
-export declare class MenuAboutItem {
+declare const MenuAboutItem_base: abstract new (...args: any[]) => {
+    tabKey: string;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    disconnectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentWillLoad?(): Promise<void> | 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;
+/**
+ * @deprecated since 5.0.0, use ix-tab-item instead of ix-menu-about-item
+ */
+export declare class MenuAboutItem extends MenuAboutItem_base implements BaseTabMixinContract {
     /**
      * About Item label
      */
@@ -12,3 +30,4 @@ export declare class MenuAboutItem {
     watchLabel(newValue: string, oldValue: string): void;
     render(): any;
 }
+export {};

package/dist/types/components/menu-about-news/menu-about-news.d.ts

@@ -1,5 +1,19 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class MenuAboutNews {
+declare const MenuAboutNews_base: abstract new (...args: any[]) => {
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentWillLoad?(): Promise<void> | void;
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    componentWillUpdate?(): Promise<void> | void;
+    componentDidUpdate?(): void;
+    render?(): any;
+} & import("../utils/internal/component").StencilLifecycle;
+export declare class MenuAboutNews extends MenuAboutNews_base {
+    hostElement: HTMLIxMenuAboutNewsElement;
     /**
      * Show about news
      */
@@ -16,6 +30,12 @@ export declare class MenuAboutNews {
      * Subtitle of the about news
      */
     aboutItemLabel?: string;
+    /**
+     * Defines which tab should be active, used when the about news is used in combination with ix-menu-about
+     *
+     * @since 5.0.0
+     */
+    activeAboutTabKey?: string;
     /**
      * Show More button is pressed
      */
@@ -28,3 +48,4 @@ export declare class MenuAboutNews {
     expanded: boolean;
     render(): any;
 }
+export {};

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

@@ -1,6 +1,19 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { IxMenuItemBase } from './../menu-item/menu-item.interface';
-export declare class MenuCategory implements IxMenuItemBase {
+declare const MenuCategory_base: abstract new (...args: any[]) => {
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentWillLoad?(): Promise<void> | void;
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    componentWillUpdate?(): Promise<void> | void;
+    componentDidUpdate?(): void;
+    render?(): any;
+} & import("../utils/internal/component").StencilLifecycle;
+export declare class MenuCategory extends MenuCategory_base implements IxMenuItemBase {
     hostElement: HTMLIxMenuCategoryElement;
     /**
      * Display name of the category
@@ -29,21 +42,27 @@ export declare class MenuCategory implements IxMenuItemBase {
     private observer?;
     private menuItemsContainer?;
     private ixMenu?;
-    private enterLeaveDebounce;
+    private readonly dropdownRef;
+    private readonly categoryParentRef;
     private isNestedItemActive;
     private getNestedItems;
     private getNestedItemsHeight;
     private onExpandCategory;
     private animateFadeOut;
     private animateFadeIn;
-    private onPointerEnter;
-    private onPointerLeave;
+    private showMenuItemDropdown;
+    private hideMenuItemDropdown;
+    private handleCategoryVisibility;
     private onCategoryClick;
+    private onKeyDown;
+    private onMenuItemsKeyDown;
     private onNestedItemsChanged;
     private isCategoryItemListVisible;
     componentWillLoad(): void;
     componentDidLoad(): void;
     clearMenuItemStyles(): void;
+    onShowItemsChange(): void;
     disconnectedCallback(): void;
     render(): any;
 }
+export {};

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

@@ -75,5 +75,7 @@ export declare class MenuItem implements IxMenuItemBase {
     connectedCallback(): void;
     disconnectedCallback(): void;
     onIconChange(): void;
+    private handleCategoryKeyDown;
+    private returnFocusToParentCategoryMenuItem;
     render(): any;
 }

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

@@ -1,11 +1,22 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { CustomCloseEvent } from '../utils/menu-tabs/menu-tabs-utils';
 export declare class MenuSettings {
-    el: HTMLIxMenuSettingsElement;
+    hostElement: HTMLIxMenuSettingsElement;
     /**
-     * Active tab
+     * Whether to suppress legacy tabs (ix-menu-settings-item) and use slotted
+     * tabs (ix-tab-item) instead
+     *
+     * @since 5.0.0
      */
-    activeTabLabel?: string;
+    suppressLegacyTabs: boolean;
+    /**
+     * Active tab used for legacy ix-menu-settings-item integrations
+     *
+     * @deprecated since 5.0.0, only used for legacy ix-menu-settings-item
+     * integrations
+     * @since 5.0.0
+     */
+    activeTabKey?: string;
     /**
      * Label of first tab
      */
@@ -25,9 +36,11 @@ export declare class MenuSettings {
      * Popover closed
      */
     close: EventEmitter<CustomCloseEvent>;
-    items: HTMLIxMenuSettingsItemElement[];
-    updateTab(newLabel: string, oldLabel: string): void;
+    private itemsObserver?;
+    private get items();
     componentWillLoad(): void;
-    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private onItemsChange;
+    handleLabelChange(): void;
     render(): any;
 }

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

@@ -1,14 +1,33 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { BaseTabMixinContract } from '../tab-item/tab.mixin';
 import { CustomLabelChangeEvent } from '../utils/menu-tabs/menu-tabs-utils';
-export declare class MenuSettingsItem {
+declare const MenuSettingsItem_base: abstract new (...args: any[]) => {
+    tabKey: string;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    disconnectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentWillLoad?(): Promise<void> | 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;
+/**
+ * @deprecated since 5.0.0, use ix-tab-item instead of ix-menu-settings-item
+ */
+export declare class MenuSettingsItem extends MenuSettingsItem_base implements BaseTabMixinContract {
     /**
      * Settings Item label
      */
     label?: string;
     /**
-     * Label changed
+     * @internal
      */
     labelChange: EventEmitter<CustomLabelChangeEvent>;
     watchLabel(newValue: string, oldValue: string): void;
     render(): any;
 }
+export {};

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

@@ -17,7 +17,8 @@ export declare class Modal {
      */
     hideBackdrop: boolean;
     /**
-     * Dismiss modal on backdrop click
+     * Dismiss modal on backdrop click (outside the dialog panel).
+     * Ignored when **isNonBlocking** is `true`.
      */
     closeOnBackdropClick: boolean;
     /**
@@ -32,9 +33,10 @@ export declare class Modal {
      */
     centered: boolean;
     /**
-     * If set to true the modal cannot be closed by pressing the Escape key
+     * Non-modal dialog: page stays interactive, no lightbox or focus trap; `aria-modal` is `false`.
+     * Set before calling `showModal()`; changing while open is unsupported.
      */
-    disableEscapeClose: boolean;
+    isNonBlocking: boolean;
     /**
      * Dialog close
      */
@@ -44,7 +46,6 @@ export declare class Modal {
      */
     dialogDismiss: EventEmitter;
     modalVisible: boolean;
-    onKey(e: KeyboardEvent): void;
     get dialog(): HTMLDialogElement | null;
     private slideInModal;
     private slideOutModal;
@@ -52,6 +53,7 @@ export declare class Modal {
     private isInsideDialog;
     private onMouseDown;
     private onMouseUp;
+    private scheduleInitialAutofocus;
     /**
      * Show the dialog
      */

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

@@ -6,7 +6,7 @@ export declare class ModalHeader {
      */
     hideClose: boolean;
     /**
-     * Icon of the Header
+     * Icon of the header
      */
     icon?: string;
     /**
@@ -26,7 +26,7 @@ export declare class ModalHeader {
      */
     iconColor?: string;
     /**
-     * Emits when close icon is clicked and closes the modal
+     * Emits when the close icon is clicked and closes the modal
      * Can be prevented, in which case only the event is triggered, and the modal remains open
      */
     closeClick: EventEmitter<MouseEvent>;

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

@@ -1,5 +1,18 @@
-import { IxComponent } from '../utils/internal';
-export declare class Pill implements IxComponent {
+import { IxComponentInterface } from '../utils/internal';
+declare const Pill_base: abstract new (...args: any[]) => {
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentWillLoad?(): Promise<void> | void;
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    componentWillUpdate?(): Promise<void> | void;
+    componentDidUpdate?(): void;
+    render?(): any;
+} & import("../utils/internal/component").StencilLifecycle;
+export declare class Pill extends Pill_base implements IxComponentInterface {
     hostElement: HTMLIxPillElement;
     /**
      * Pill variant
@@ -44,3 +57,4 @@ export declare class Pill implements IxComponent {
     private getTooltip;
     render(): any;
 }
+export {};

package/dist/types/components/range-field/range-field.d.ts

@@ -0,0 +1,34 @@
+declare const RangeField_base: abstract new (...args: any[]) => {
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
+    connectedCallback?(): void;
+    componentWillRender?(): Promise<void> | void;
+    componentDidRender?(): void;
+    componentWillLoad?(): Promise<void> | void;
+    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
+    componentWillUpdate?(): Promise<void> | void;
+    componentDidUpdate?(): void;
+    render?(): any;
+} & import("../utils/internal/component").StencilLifecycle;
+export declare class RangeField extends RangeField_base {
+    hostElement: HTMLIxRangeFieldElement;
+    /**
+     * The type of the input range. If set to "time-range", the input range will be displayed as a time range.
+     */
+    type?: 'time-range' | 'date-range' | 'datetime-range';
+    /**
+     * Hides the arrow icon between the two input fields. This can be used when the input range is used in a context where the arrow icon is not desired, such as in a form field with a custom label.
+     */
+    hideArrow: boolean;
+    private observeElements?;
+    hasLabel: boolean;
+    private elements?;
+    private warnInDev;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    private validateRangeElements;
+    onValueChange(evt: CustomEvent): Promise<void>;
+    render(): any;
+}
+export {};