@siemens/ix 5.0.0 → 5.1.1

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

@@ -30,6 +30,9 @@ declare const Chip_base: abstract new (...args: any[]) => {
     componentDidUpdate?(): void;
     render?(): any;
 };
+/**
+ * @slot default - Chip label.
+ */
 export declare class Chip extends Chip_base implements InheritAriaAttributesMixinContract {
     hostElement: HTMLIxChipElement;
     /**

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

@@ -1,6 +1,9 @@
 import { Breakpoint } from '../utils/breakpoints';
 import type { ColumnSize } from './col.types';
 type GridBreakpoint = Breakpoint | '';
+/**
+ * @slot default - Column content.
+ */
 export declare class Col {
     static Breakpoints: GridBreakpoint[];
     /**

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

@@ -1,5 +1,6 @@
 /**
  * @slot header - Display content at the top of the content page
+ * @slot default - Main page content.
  */
 export declare class Content {
     hostElement: HTMLIxContentElement;

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

@@ -2,7 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import type { ContentHeaderVariant } from './content-header.types';
 /**
  * @slot header - Content to be placed in the header area next to the title
- * @slot - Default slot for action buttons or other content
+ * @slot default - Default slot for action buttons or other content
  */
 export declare class ContentHeader {
     /**

package/dist/types/components/css-grid/css-grid-item.d.ts

@@ -1,5 +1,6 @@
 /**
  * @internal
+ * @slot default - Grid item content.
  */
 export declare class CssGridItem {
     /**

package/dist/types/components/css-grid/css-grid.d.ts

@@ -1,6 +1,7 @@
 import type { CssGridTemplateType } from './css-grid.types';
 /**
  * @internal
+ * @slot default - Grid items arranged by the configured template.
  */
 export declare class CssGrid {
     /**

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

@@ -1,5 +1,8 @@
 import { FieldWrapperInterface, IxFormValidationState, ValidationResults } from '../utils/input';
 import { IxComponentInterface } from '../utils/internal';
+/**
+ * @slot default - The form control.
+ */
 export declare class CustomField implements FieldWrapperInterface, IxFormValidationState, IxComponentInterface {
     hostElement: HTMLIxCustomFieldElement;
     /**

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

@@ -17,8 +17,7 @@ export interface DropdownItemWrapper {
     getDropdownItemElement(): Promise<HTMLIxDropdownItemElement>;
 }
 declare class DropdownController {
-    private readonly dropdowns;
-    private submenuIds;
+    private readonly stack;
     private isWindowListenerActive;
     connected(dropdown: DropdownInterface): void;
     disconnected(dropdown: DropdownInterface): void;
@@ -33,7 +32,6 @@ declare class DropdownController {
     pathIncludesTrigger(eventTargets: EventTarget[]): HTMLElement | undefined;
     getParentDropdownId(dropdownId: string): string | undefined;
     private pathIncludesDropdown;
-    private buildComposedPath;
     private addOverlayListeners;
 }
 export declare const dropdownController: DropdownController;

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

@@ -16,6 +16,9 @@ declare const Dropdown_base: abstract new (...args: any[]) => {
     componentDidUpdate?(): void;
     render?(): any;
 } & import("../utils/internal/component").StencilLifecycle;
+/**
+ * @slot default - Dropdown items.
+ */
 export declare class Dropdown extends Dropdown_base implements DropdownInterface {
     hostElement: HTMLIxDropdownElement;
     /**

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

@@ -48,6 +48,10 @@ declare const DropdownButton_base: abstract new (...args: any[]) => {
     componentDidUpdate?(): void;
     render?(): any;
 };
+/**
+ * @slot button-label - Custom content displayed next to the button label.
+ * @slot default - Dropdown items.
+ */
 export declare class DropdownButton extends DropdownButton_base implements AriaActiveDescendantMixinContract, ComponentIdMixinContract {
     hostElement: HTMLIxDropdownButtonElement;
     /**

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

@@ -44,6 +44,9 @@ declare const DropdownItem_base: abstract new (...args: any[]) => {
     componentDidUpdate?(): void;
     render?(): any;
 };
+/**
+ * @slot default - Dropdown item content.
+ */
 export declare class DropdownItem extends DropdownItem_base implements DropdownItemWrapper, ComponentIdMixinContract {
     hostElement: HTMLIxDropdownItemElement;
     /**

package/dist/types/components/dropdown-quick-actions/dropdown-quick-actions.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @slot default - Quick action items.
+ */
 export declare class DropdownQuickActions {
     render(): any;
 }

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

@@ -1,3 +1,6 @@
+/**
+ * @slot default - Event list items.
+ */
 export declare class EventList {
     private readonly mutationObserver;
     private static readonly fadeOutDuration;

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

@@ -1,4 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot default - Event list item content.
+ */
 export declare class EventListItem {
     /**
      * Variant of the event list item

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

@@ -1,5 +1,8 @@
 import { IxComponentInterface } from '../utils/internal';
 import { MakeRef } from '../utils/make-ref';
+/**
+ * @slot default - Field label content.
+ */
 export declare class FormFieldLabel implements IxComponentInterface {
     hostElement: HTMLIxFieldLabelElement;
     /**

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

@@ -1,4 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot default - Filter chip label.
+ */
 export declare class FilterChip {
     hostElement: HTMLIxFilterChipElement;
     /**
@@ -9,6 +12,12 @@ export declare class FilterChip {
      * If true the filter chip will be in readonly mode
      */
     readonly: boolean;
+    /**
+     * If true the close button will not be rendered.
+     * Primarily used for overflow chip.
+     *
+     */
+    hideCloseButton: boolean;
     /**
      * ARIA label for the close icon button
      * Will be set as aria-label on the nested HTML button element

package/dist/types/components/flip-tile/flip-tile.d.ts

@@ -1,5 +1,10 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { FlipTileVariant } from './flip-tile.types';
+/**
+ * @slot header - Content displayed in the tile header.
+ * @slot default - Flip tile pages.
+ * @slot footer - Content displayed in the tile footer.
+ */
 export declare class FlipTile {
     hostElement: HTMLIxFlipTileElement;
     /**

package/dist/types/components/flip-tile-content/flip-tile-content.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @slot default - Flip tile body content.
+ */
 export declare class FlipTileContent {
     /**
      * Controls the visibility of the content

package/dist/types/components/group/group-context-menu.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @slot default - Context menu items.
+ */
 export declare class GroupContextMenu {
     hostElement: HTMLIxGroupContextMenuElement;
     showContextMenu: boolean;

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

@@ -1,4 +1,10 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot header - Content displayed in the group header.
+ * @slot dropdown - Dropdown used for the group context menu.
+ * @slot default - Group items.
+ * @slot footer - Content displayed below the group items.
+ */
 export declare class Group {
     hostElement: HTMLIxGroupElement;
     /**

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

@@ -1,4 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot default - Group item content.
+ */
 export declare class GroupItem {
     hostElement: HTMLIxGroupItemElement;
     /**

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

@@ -117,6 +117,7 @@ export declare class Input implements IxInputFieldComponent<string> {
     private readonly inputRef;
     private readonly slotEndRef;
     private readonly slotStartRef;
+    private readonly passwordToggleRef;
     private readonly inputId;
     private touched;
     private disposableChangesAndVisibilityObservers?;

package/dist/types/components/key-value-list/key-value-list.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @slot default - Key-value entries.
+ */
 export declare class KeyValueList {
     /**
      * Optional striped key value list style

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

@@ -1,4 +1,7 @@
 import { IxComponentInterface } from '../utils/internal';
+/**
+ * @slot default - Content arranged by the automatic layout.
+ */
 export declare class LayoutForm implements IxComponentInterface {
     hostElement: HTMLIxLayoutAutoElement;
     /**

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

@@ -1,3 +1,6 @@
+/**
+ * @slot default - Content arranged in the grid.
+ */
 export declare class LayoutGrid {
     /**
      * The grid will not have any horizontal padding

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

@@ -1,3 +1,6 @@
+/**
+ * @slot default - Link button label.
+ */
 export declare class LinkButton {
     /**
      * Disable the link button

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

@@ -2,6 +2,15 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { ApplicationLayoutContext } from '../utils/application-layout/context';
 import { Breakpoint } from '../utils/breakpoints';
 import { ContextType } from '../utils/context';
+import { CustomCloseEvent } from '../utils/menu-tabs/menu-tabs-utils';
+/**
+ * @slot ix-menu-avatar - Avatar displayed at the top of the menu.
+ * @slot home - Home menu item.
+ * @slot default - Main menu items and categories.
+ * @slot bottom - Menu items displayed below the main navigation.
+ * @slot ix-menu-settings - Settings content displayed in the menu overlay.
+ * @slot ix-menu-about - About content displayed in the menu overlay.
+ */
 export declare class Menu {
     hostElement: HTMLIxMenuElement;
     /**
@@ -38,6 +47,18 @@ export declare class Menu {
      */
     pinned: boolean;
     pinnedChange(newPinned: boolean): void;
+    /**
+     * i18n aria-label for menu. Gets read out by screen readers when first focusing the menu
+     *
+     * @since 5.1.0
+     */
+    i18nAriaLabelMenu: string;
+    /**
+     * i18n description for menu keyboard navigation hint, read by screen readers when focusing the menu
+     *
+     * @since 5.1.0
+     */
+    i18nNavigationHint: string;
     /**
      *  i18n label for 'About & legal information' button
      */
@@ -87,14 +108,17 @@ export declare class Menu {
     breakpoint: Breakpoint;
     itemsScrollShadowTop: boolean;
     itemsScrollShadowBottom: boolean;
+    hasBottomSlotItems: boolean;
     applicationLayoutContext?: ContextType<typeof ApplicationLayoutContext>;
     isDarkMode: boolean;
     private isTransitionDisabled;
+    private lastFocusedMenuItem?;
     private themeNameDisposer?;
     private readonly isVisible;
     get popoverArea(): Element | null;
     get menu(): Element | null;
     get menuItemsContainer(): HTMLDivElement;
+    get menuNavigationContainer(): HTMLDivElement;
     get overlayContainer(): HTMLDivElement;
     get menuItems(): Element[];
     get menuBottomItems(): Element[];
@@ -110,10 +134,13 @@ export declare class Menu {
     get about(): HTMLIxMenuAboutElement | null;
     get settings(): HTMLIxMenuSettingsElement | null;
     get isSettingsEmpty(): boolean;
+    get hasUtilityMenuItems(): boolean;
+    get shouldFillMenuNavigation(): boolean;
     get tabsContainer(): HTMLIxMenuElement;
     componentDidLoad(): void;
     componentWillLoad(): void;
     componentDidRender(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     private updateThemeState;
     private setPinned;
@@ -149,11 +176,22 @@ export declare class Menu {
     private resetOverlay;
     private isMenuItemClicked;
     private handleOverflowIndicator;
-    onOverlayClose(): void;
+    onOverlayClose(event?: CustomEvent<CustomCloseEvent>): void;
+    private shouldRestoreMenuFocus;
+    private focusMenuNavigationContainer;
     private animateOverlayFadeIn;
     private animateOverlayFadeOut;
     private onMenuItemsClick;
+    private updateBottomSlotState;
     private isHiddenFromViewport;
+    private updateRovingTabIndex;
+    private resetRovingTabIndex;
+    private updateMenuItemPositionMetadata;
+    private handleMenuFocusIn;
+    private getAllFocusableItems;
+    private suppressAnchorWrapperTabStops;
+    private isEventFromExpandedCategoryItems;
+    private handleMenuKeyDown;
     private showAppSwitch;
     render(): any;
 }

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

@@ -1,5 +1,8 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { CustomCloseEvent } from '../utils/menu-tabs/menu-tabs-utils';
+/**
+ * @slot default - About overlay content.
+ */
 export declare class MenuAbout {
     hostElement: HTMLIxMenuAboutElement;
     /**

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

@@ -17,6 +17,7 @@ declare const MenuAboutItem_base: abstract new (...args: any[]) => {
 } & import("../utils/internal/component").StencilLifecycle;
 /**
  * @deprecated since 5.0.0, use ix-tab-item instead of ix-menu-about-item
+ * @slot default - About menu item content.
  */
 export declare class MenuAboutItem extends MenuAboutItem_base implements BaseTabMixinContract {
     /**

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

@@ -12,6 +12,9 @@ declare const MenuAboutNews_base: abstract new (...args: any[]) => {
     componentDidUpdate?(): void;
     render?(): any;
 } & import("../utils/internal/component").StencilLifecycle;
+/**
+ * @slot default - News content.
+ */
 export declare class MenuAboutNews extends MenuAboutNews_base {
     hostElement: HTMLIxMenuAboutNewsElement;
     /**

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

@@ -1,4 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot default - Avatar dropdown items.
+ */
 export declare class MenuAvatar {
     hostElement: HTMLIxMenuAvatarElement;
     /**

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { IxMenuItemBase } from './../menu-item/menu-item.interface';
+import { InheritAriaAttributesMixinContract } from '../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin';
 declare const MenuCategory_base: abstract new (...args: any[]) => {
     componentDidLoad(): void;
     disconnectedCallback(): void;
@@ -12,8 +13,26 @@ declare const MenuCategory_base: abstract new (...args: any[]) => {
     componentWillUpdate?(): Promise<void> | void;
     componentDidUpdate?(): void;
     render?(): any;
-} & import("../utils/internal/component").StencilLifecycle;
-export declare class MenuCategory extends MenuCategory_base implements IxMenuItemBase {
+} & 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;
+};
+/**
+ * @slot default - Menu items in the category.
+ */
+export declare class MenuCategory extends MenuCategory_base implements IxMenuItemBase, InheritAriaAttributesMixinContract {
     hostElement: HTMLIxMenuCategoryElement;
     /**
      * Display name of the category
@@ -39,23 +58,33 @@ export declare class MenuCategory extends MenuCategory_base implements IxMenuIte
     showItems: boolean;
     showDropdown: boolean;
     nestedItems: HTMLIxMenuItemElement[];
+    /** @internal */
+    setTabIndex(value: number): Promise<void>;
     private observer?;
     private menuItemsContainer?;
     private ixMenu?;
     private readonly dropdownRef;
     private readonly categoryParentRef;
+    private readonly categoryId;
+    private focusFirstItemOnDropdownOpen;
     private isNestedItemActive;
     private getNestedItems;
     private getNestedItemsHeight;
+    private focusFirstItem;
     private onExpandCategory;
     private animateFadeOut;
     private animateFadeIn;
     private showMenuItemDropdown;
     private hideMenuItemDropdown;
     private handleCategoryVisibility;
+    private onDropdownShowChange;
+    private onDropdownShowChanged;
+    private onDropdownFocusOut;
+    private onNestedItemSelect;
     private onCategoryClick;
     private onKeyDown;
     private onMenuItemsKeyDown;
+    private suppressAnchorWrapperTabStops;
     private onNestedItemsChanged;
     private isCategoryItemListVisible;
     componentWillLoad(): void;

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

@@ -1,9 +1,38 @@
 import { AnchorTarget } from '../button/button.interface';
+import { InheritAriaAttributesMixinContract } from '../utils/internal/mixins/accessibility/inherit-aria-attributes.mixin';
 import { IxMenuItemBase } from './menu-item.interface';
+declare const MenuItem_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;
+};
 /**
- * @slot menu-item-label Custom label
+ * @slot default - Custom menu item label.
  */
-export declare class MenuItem implements IxMenuItemBase {
+export declare class MenuItem extends MenuItem_base implements IxMenuItemBase, InheritAriaAttributesMixinContract {
     /**
      * Label of the menu item. Will also be used as tooltip text
      */
@@ -60,10 +89,15 @@ export declare class MenuItem implements IxMenuItemBase {
     rel?: string;
     /** @internal */
     isCategory: boolean;
+    /** @internal */
+    menuCategoryLabel?: string;
     hostElement: HTMLIxMenuItemElement;
     tooltip?: string;
-    ariaHiddenTooltip: boolean;
     menuExpanded: boolean;
+    private isInMenuContext;
+    private hostTabIndex;
+    /** @internal */
+    setTabIndex(value: number): Promise<void>;
     private readonly internalItemId;
     private readonly buttonRef;
     private isHostedInsideCategory;
@@ -76,6 +110,9 @@ export declare class MenuItem implements IxMenuItemBase {
     disconnectedCallback(): void;
     onIconChange(): void;
     private handleCategoryKeyDown;
+    private getAriaLabel;
+    private getEffectiveRole;
     private returnFocusToParentCategoryMenuItem;
     render(): any;
 }
+export {};

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

@@ -1,5 +1,8 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { CustomCloseEvent } from '../utils/menu-tabs/menu-tabs-utils';
+/**
+ * @slot default - Settings overlay content.
+ */
 export declare class MenuSettings {
     hostElement: HTMLIxMenuSettingsElement;
     /**

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

@@ -17,6 +17,7 @@ declare const MenuSettingsItem_base: abstract new (...args: any[]) => {
 } & import("../utils/internal/component").StencilLifecycle;
 /**
  * @deprecated since 5.0.0, use ix-tab-item instead of ix-menu-settings-item
+ * @slot default - Settings menu item content.
  */
 export declare class MenuSettingsItem extends MenuSettingsItem_base implements BaseTabMixinContract {
     /**

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

@@ -1,5 +1,8 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { NotificationColor } from '../utils/notification-color';
+/**
+ * @slot default - Message content.
+ */
 export declare class MessageBar {
     /**
      * Specifies the type of the alert.

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

@@ -1,5 +1,8 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { IxModalSize } from './modal.types';
+/**
+ * @slot default - Modal sections and content.
+ */
 export declare class Modal {
     private ariaAttributes;
     private isMouseDownInsideDialog;

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

@@ -1,3 +1,6 @@
+/**
+ * @slot default - Modal body content.
+ */
 export declare class ModalContent {
     render(): any;
 }

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

@@ -1,3 +1,6 @@
+/**
+ * @slot default - Modal footer actions.
+ */
 export declare class ModalFooter {
     render(): any;
 }

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

@@ -1,4 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot default - Modal header content.
+ */
 export declare class ModalHeader {
     hostElement: HTMLIxModalHeaderElement;
     /**

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

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import type { BorderlessChangedEvent, Composition, ExpandedChangedEvent, HideOnCollapseChangedEvent, SlotChangedEvent, VariantChangedEvent } from './pane.types';
 /**
  * @slot header - Additional slot for the header content
+ * @slot default - Pane body content.
  */
 export declare class Pane {
     hostElement: HTMLIxPaneElement;
@@ -27,6 +28,13 @@ export declare class Pane {
      * Defaults to the borderless attribute of the pane layout. If used standalone it defaults to false.
      */
     borderless: boolean;
+    /**
+     * Remove the padding of the content area.
+     * If set to `true` the left, right and bottom padding of the content area is removed.
+     *
+     * @since 5.1.0
+     */
+    noPadding: boolean;
     /**
      * State of the pane
      */
@@ -95,12 +103,15 @@ export declare class Pane {
     private mutationObserver?;
     private resizeObserver?;
     private disposableWindowClick?;
+    private disposableKeydown?;
+    private focusTrap?;
+    private focusReturnElement?;
     get currentSlot(): string | null;
     get isBottomTopPane(): boolean;
     get isLeftRightPane(): boolean;
     get isMobileTop(): boolean;
     disconnectedCallback(): void;
-    onExpandedChange(): void;
+    onExpandedChange(): Promise<void>;
     componentWillLoad(): void;
     private setPosition;
     private getExpandPaneSize;
@@ -109,6 +120,7 @@ export declare class Pane {
     private getKey;
     private animateVerticalFadeIn;
     private animateHorizontalFadeIn;
+    private onAnimationComplete;
     private removePadding;
     private animateHorizontalPadding;
     private animateVerticalPadding;
@@ -118,6 +130,8 @@ export declare class Pane {
     onHideOnCollapseChange(value: boolean): void;
     onVariantChange(value: 'inline' | 'floating'): void;
     onBorderlessChange(value: boolean): void;
+    private focusFirstSlottedElement;
+    private registerEscapeListener;
     private dispatchExpandedChangedEvent;
     onParentSizeChange(): void;
     onSizeChange(): void;