@six-group/ui-library 3.0.0-beta.1.7 → 4.0.0-beta.0

package/dist/types/components/six-dialog/six-dialog.d.ts

@@ -1,75 +1,75 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import Modal from '../../utils/modal';
-import { EmptyPayload } from '../../utils/types';
-/**
- * @since 1.0
- * @status stable
- *
- * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
- *
- * @slot - The dialog's content.
- * @slot label - The dialog's label. Alternatively, you can use the label prop.
- * @slot footer - The dialog's footer, usually one or more buttons representing various options.
- *
- * @part base - The component's base wrapper.
- * @part overlay - The overlay.
- * @part panel - The dialog panel (where the dialog and its content is rendered).
- * @part header - The dialog header.
- * @part title - The dialog title.
- * @part close-button - The close button.
- * @part body - The dialog body.
- * @part footer - The dialog footer.
- *
- */
-export declare class SixDialog {
-  componentId: string;
-  dialog: HTMLElement;
-  modal: Modal;
-  panel: HTMLElement;
-  willShow: boolean;
-  willHide: boolean;
-  host: HTMLSixDialogElement;
-  hasFooter: boolean;
-  isVisible: boolean;
-  /** Indicates whether or not the dialog is open. You can use this in lieu of the show/hide methods. */
-  open: boolean;
-  /**
-   * The dialog's label as displayed in the header. You should always include a relevant label even when using
-   * `no-header`, as it is required for proper accessibility.
-   */
-  label: string;
-  /**
-   * Set to true to disable the header. This will also remove the default close button, so please ensure you provide an
-   * easy, accessible way for users to dismiss the dialog.
-   */
-  noHeader: boolean;
-  handleOpenChange(): void;
-  /** Emitted when the dialog opens. Calling `event.preventDefault()` will prevent it from being opened. */
-  sixShow: EventEmitter<EmptyPayload>;
-  /** Emitted after the dialog opens and all transitions are complete. */
-  sixAfterShow: EventEmitter<EmptyPayload>;
-  /** Emitted when the dialog closes. Calling `event.preventDefault()` will prevent it from being closed. */
-  sixHide: EventEmitter<EmptyPayload>;
-  /** Emitted after the dialog closes and all transitions are complete. */
-  sixAfterHide: EventEmitter<EmptyPayload>;
-  /**
-   * Emitted when the dialog opens and the panel gains focus. Calling `event.preventDefault()` will prevent focus and
-   * allow you to set it on a different element in the dialog, such as an input or button.
-   */
-  sixInitialFocus: EventEmitter<EmptyPayload>;
-  /** Emitted when the overlay is clicked. Calling `event.preventDefault()` will prevent the dialog from closing. */
-  sixOverlayDismiss: EventEmitter<EmptyPayload>;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  disconnectedCallback(): void;
-  /** Shows the dialog */
-  show(): Promise<void>;
-  /** Hides the dialog */
-  hide(): Promise<void>;
-  handleCloseClick(): void;
-  handleKeyDown(event: KeyboardEvent): void;
-  handleOverlayClick(): void;
-  handleSlotChange(): void;
-  handleTransitionEnd(event: TransitionEvent): void;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+import Modal from '../../utils/modal';
+import { EmptyPayload } from '../../utils/types';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The dialog's content.
+ * @slot label - The dialog's label. Alternatively, you can use the label prop.
+ * @slot footer - The dialog's footer, usually one or more buttons representing various options.
+ *
+ * @part base - The component's base wrapper.
+ * @part overlay - The overlay.
+ * @part panel - The dialog panel (where the dialog and its content is rendered).
+ * @part header - The dialog header.
+ * @part title - The dialog title.
+ * @part close-button - The close button.
+ * @part body - The dialog body.
+ * @part footer - The dialog footer.
+ *
+ */
+export declare class SixDialog {
+  componentId: string;
+  dialog: HTMLElement;
+  modal: Modal;
+  panel: HTMLElement;
+  willShow: boolean;
+  willHide: boolean;
+  host: HTMLSixDialogElement;
+  hasFooter: boolean;
+  isVisible: boolean;
+  /** Indicates whether or not the dialog is open. You can use this in lieu of the show/hide methods. */
+  open: boolean;
+  /**
+   * The dialog's label as displayed in the header. You should always include a relevant label even when using
+   * `no-header`, as it is required for proper accessibility.
+   */
+  label: string;
+  /**
+   * Set to true to disable the header. This will also remove the default close button, so please ensure you provide an
+   * easy, accessible way for users to dismiss the dialog.
+   */
+  noHeader: boolean;
+  handleOpenChange(): void;
+  /** Emitted when the dialog opens. Calling `event.preventDefault()` will prevent it from being opened. */
+  sixShow: EventEmitter<EmptyPayload>;
+  /** Emitted after the dialog opens and all transitions are complete. */
+  sixAfterShow: EventEmitter<EmptyPayload>;
+  /** Emitted when the dialog closes. Calling `event.preventDefault()` will prevent it from being closed. */
+  sixHide: EventEmitter<EmptyPayload>;
+  /** Emitted after the dialog closes and all transitions are complete. */
+  sixAfterHide: EventEmitter<EmptyPayload>;
+  /**
+   * Emitted when the dialog opens and the panel gains focus. Calling `event.preventDefault()` will prevent focus and
+   * allow you to set it on a different element in the dialog, such as an input or button.
+   */
+  sixInitialFocus: EventEmitter<EmptyPayload>;
+  /** Emitted when the overlay is clicked. Calling `event.preventDefault()` will prevent the dialog from closing. */
+  sixOverlayDismiss: EventEmitter<EmptyPayload>;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  disconnectedCallback(): void;
+  /** Shows the dialog */
+  show(): Promise<void>;
+  /** Hides the dialog */
+  hide(): Promise<void>;
+  handleCloseClick(): void;
+  handleKeyDown(event: KeyboardEvent): void;
+  handleOverlayClick(): void;
+  handleSlotChange(): void;
+  handleTransitionEnd(event: TransitionEvent): void;
+  render(): any;
+}

package/dist/types/components/six-drawer/six-drawer.d.ts

@@ -1,82 +1,82 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import Modal from '../../utils/modal';
-import { EmptyPayload } from '../../utils/types';
-/**
- * @since 1.0
- * @status stable
- *
- * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
- *
- * @slot - The drawer's content.
- * @slot label - The drawer's label. Alternatively, you can use the label prop.
- * @slot footer - The drawer's footer, usually one or more buttons representing various options.
- *
- * @part base - The component's base wrapper.
- * @part overlay - The overlay.
- * @part panel - The drawer panel (where the drawer and its content is rendered).
- * @part header - The drawer header.
- * @part title - The drawer title.
- * @part close-button - The close button.
- * @part body - The drawer body.
- * @part footer - The drawer footer.
- */
-export declare class SixDrawer {
-  componentId: string;
-  drawer: HTMLElement;
-  modal: Modal;
-  panel: HTMLElement;
-  willShow: boolean;
-  willHide: boolean;
-  host: HTMLSixDrawerElement;
-  hasFooter: boolean;
-  isVisible: boolean;
-  /** Indicates whether or not the drawer is open. You can use this in lieu of the show/hide methods. */
-  open: boolean;
-  /**
-   * The drawer's label as displayed in the header. You should always include a relevant label even when using
-   * `no-header`, as it is required for proper accessibility.
-   */
-  label: string;
-  /** The direction from which the drawer will open. */
-  placement: 'top' | 'right' | 'bottom' | 'left';
-  /**
-   * By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of
-   * its parent element, set this prop and add `position: relative` to the parent.
-   */
-  contained: boolean;
-  /**
-   * Removes the header. This will also remove the default close button, so please ensure you provide an easy,
-   * accessible way for users to dismiss the drawer.
-   */
-  noHeader: boolean;
-  handleOpenChange(): void;
-  /** Emitted when the drawer opens. Calling `event.preventDefault()` will prevent it from being opened. */
-  sixShow: EventEmitter<EmptyPayload>;
-  /** Emitted after the drawer opens and all transitions are complete. */
-  sixAfterShow: EventEmitter<EmptyPayload>;
-  /** Emitted when the drawer closes. Calling `event.preventDefault()` will prevent it from being closed. */
-  sixHide: EventEmitter<EmptyPayload>;
-  /** Emitted after the drawer closes and all transitions are complete. */
-  sixAfterHide: EventEmitter<EmptyPayload>;
-  /**
-   * Emitted when the drawer opens and the panel gains focus. Calling `event.preventDefault()` will prevent focus and
-   * allow you to set it on a different element in the drawer, such as an input or button.
-   */
-  sixInitialFocus: EventEmitter<EmptyPayload>;
-  /** Emitted when the overlay is clicked. Calling `event.preventDefault()` will prevent the drawer from closing. */
-  sixOverlayDismiss: EventEmitter<EmptyPayload>;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  disconnectedCallback(): void;
-  /** Shows the drawer */
-  show(): Promise<void>;
-  /** Hides the drawer */
-  hide(): Promise<void>;
-  handleCloseClick(): void;
-  handleKeyDown(event: KeyboardEvent): void;
-  handleOverlayClick(): void;
-  handleSlotChange(): void;
-  handleTransitionEnd(event: TransitionEvent): void;
-  private resetTransitionVariables;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+import Modal from '../../utils/modal';
+import { EmptyPayload } from '../../utils/types';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The drawer's content.
+ * @slot label - The drawer's label. Alternatively, you can use the label prop.
+ * @slot footer - The drawer's footer, usually one or more buttons representing various options.
+ *
+ * @part base - The component's base wrapper.
+ * @part overlay - The overlay.
+ * @part panel - The drawer panel (where the drawer and its content is rendered).
+ * @part header - The drawer header.
+ * @part title - The drawer title.
+ * @part close-button - The close button.
+ * @part body - The drawer body.
+ * @part footer - The drawer footer.
+ */
+export declare class SixDrawer {
+  componentId: string;
+  drawer: HTMLElement;
+  modal: Modal;
+  panel: HTMLElement;
+  willShow: boolean;
+  willHide: boolean;
+  host: HTMLSixDrawerElement;
+  hasFooter: boolean;
+  isVisible: boolean;
+  /** Indicates whether or not the drawer is open. You can use this in lieu of the show/hide methods. */
+  open: boolean;
+  /**
+   * The drawer's label as displayed in the header. You should always include a relevant label even when using
+   * `no-header`, as it is required for proper accessibility.
+   */
+  label: string;
+  /** The direction from which the drawer will open. */
+  placement: 'top' | 'right' | 'bottom' | 'left';
+  /**
+   * By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of
+   * its parent element, set this prop and add `position: relative` to the parent.
+   */
+  contained: boolean;
+  /**
+   * Removes the header. This will also remove the default close button, so please ensure you provide an easy,
+   * accessible way for users to dismiss the drawer.
+   */
+  noHeader: boolean;
+  handleOpenChange(): void;
+  /** Emitted when the drawer opens. Calling `event.preventDefault()` will prevent it from being opened. */
+  sixShow: EventEmitter<EmptyPayload>;
+  /** Emitted after the drawer opens and all transitions are complete. */
+  sixAfterShow: EventEmitter<EmptyPayload>;
+  /** Emitted when the drawer closes. Calling `event.preventDefault()` will prevent it from being closed. */
+  sixHide: EventEmitter<EmptyPayload>;
+  /** Emitted after the drawer closes and all transitions are complete. */
+  sixAfterHide: EventEmitter<EmptyPayload>;
+  /**
+   * Emitted when the drawer opens and the panel gains focus. Calling `event.preventDefault()` will prevent focus and
+   * allow you to set it on a different element in the drawer, such as an input or button.
+   */
+  sixInitialFocus: EventEmitter<EmptyPayload>;
+  /** Emitted when the overlay is clicked. Calling `event.preventDefault()` will prevent the drawer from closing. */
+  sixOverlayDismiss: EventEmitter<EmptyPayload>;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  disconnectedCallback(): void;
+  /** Shows the drawer */
+  show(): Promise<void>;
+  /** Hides the drawer */
+  hide(): Promise<void>;
+  handleCloseClick(): void;
+  handleKeyDown(event: KeyboardEvent): void;
+  handleOverlayClick(): void;
+  handleSlotChange(): void;
+  handleTransitionEnd(event: TransitionEvent): void;
+  private resetTransitionVariables;
+  render(): any;
+}

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

@@ -1,140 +1,140 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import Popover from '../../utils/popover';
-import { EventListeners } from '../../utils/event-listeners';
-import { EmptyPayload } from '../../utils/types';
-import { SixMenuItemData } from '../six-menu/six-menu';
-export interface SixDropdownAutoFilterPayload {
-  filterValue: string;
-}
-export interface SixDropdownAsyncFilterPayload {
-  filterValue: string;
-}
-export interface SixDropdownScrollPayload {
-  scrollHeight: number;
-  scrollTop: number;
-  scrollbarHeight: number;
-  scrollRatio: number;
-}
-/**
- * @since 1.0
- * @status stable
- *
- * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
- *
- * @slot trigger - The dropdown's trigger, usually a `<six-button>` element.
- * @slot - The dropdown's content.
- *
- * @part base - The component's base wrapper.
- * @part trigger - The container that wraps the trigger.
- * @part panel - The panel that gets shown when the dropdown is open.
- */
-export declare class SixDropdown {
-  accessibleTrigger: HTMLElement;
-  componentId: string;
-  isVisible: boolean;
-  panel: HTMLElement;
-  positioner: HTMLElement;
-  popover: Popover;
-  trigger: HTMLElement;
-  hasBeenInitialized: boolean;
-  filterInputElement: HTMLSixInputElement;
-  host: HTMLSixDropdownElement;
-  /** Indicates whether or not the dropdown is open. You can use this in lieu of the show/hide methods. */
-  open: boolean;
-  /**
-   * The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel
-   * inside of the viewport.
-   */
-  placement: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
-  /** Determines whether the dropdown should hide when a menu item is selected. */
-  closeOnSelect: boolean;
-  /** The distance in pixels from which to offset the panel away from its trigger. */
-  distance: number;
-  /** The distance in pixels from which to offset the panel along its trigger. */
-  skidding: number;
-  /**
-   * Enable this option to prevent the panel from being clipped when the component is placed inside a container with
-   * `overflow: auto|scroll`.
-   */
-  hoist: boolean;
-  /** The dropdown will close when the user interacts outside of this element (e.g. clicking). */
-  containingElement: HTMLElement;
-  /**
-   * Set to true to allow auto filtering for entries in the dropdown.
-   * With this flag the dropdown will automatically filter itsel.
-   * If you need to coordinate the shown elements yourself,
-   * e.g. because you need to call an endpoint use asyncFilter instead
-   */
-  filter: boolean;
-  /**
-   * Set to true to allow async filtering.
-   * When you enter something in the search field the component will only emit an event but not filter any elements itself.
-   * You can then simply listen to the 'six-async-filter-fired' event to manage the shown menu-items yourself
-   */
-  asyncFilter: boolean;
-  /** The filter's placeholder text. */
-  filterPlaceholder: string;
-  /** By default the search field will be focused when opening a dropdown with filtering enabled. */
-  autofocusFilter: boolean;
-  get hasFilterEnabled(): boolean;
-  /** The debounce for the filter callbacks. */
-  filterDebounce: number;
-  /** The panel can be opend/closed by pressing the spacebar or the enter key. In some cases you might want to avoid this */
-  disableHideOnEnterAndSpace: boolean;
-  /** Set the options to be shown in the dropdown (alternative to setting the elements via html)*/
-  options: SixMenuItemData[] | null;
-  /** Defines whether the menu list will be rendered virtually i.e. only the elements actually shown (and a couple around)
-   *  are actually rendered in the DOM. If you use virtual scrolling pass the elements via prop instead of via slot. */
-  virtualScroll: boolean;
-  get container(): HTMLElement;
-  /** Emitted when the dropdown opens. Calling `event.preventDefault()` will prevent it from being opened. */
-  sixShow: EventEmitter<EmptyPayload>;
-  /** Emitted after the dropdown opens and all transitions are complete. */
-  sixAfterShow: EventEmitter<EmptyPayload>;
-  /** Emitted when the dropdown closes. Calling `event.preventDefault()` will prevent it from being closed. */
-  sixHide: EventEmitter<EmptyPayload>;
-  /** Emitted after the dropdown closes and all transitions are complete. */
-  sixAfterHide: EventEmitter<EmptyPayload>;
-  /** Emitted when the auto filter is triggered */
-  sixAutoFilterFired: EventEmitter<SixDropdownAutoFilterPayload>;
-  /** Emitted when the async filter is triggered */
-  sixAsyncFilterFired: EventEmitter<SixDropdownAsyncFilterPayload>;
-  /** Emitted when the user scrolls inside dropdown panel.*/
-  sixScroll: EventEmitter<SixDropdownScrollPayload>;
-  readonly eventListeners: EventListeners;
-  _options: SixMenuItemData[];
-  handleOpenChange(): void;
-  handlePopoverOptionsChange(): void;
-  handleOptionsChange(): void;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  private initializePopover;
-  private setupFiltering;
-  getMenuItems: () => HTMLSixMenuItemElement[];
-  handleFilterInputChange: () => void;
-  private handleFilteringForAttributeItems;
-  private handleFilteringForSlotItems;
-  disconnectedCallback(): void;
-  /** Shows the dropdown panel */
-  show(): Promise<void>;
-  /** Hides the dropdown panel */
-  hide(): Promise<void>;
-  focusOnTrigger(): void;
-  getMenu(): HTMLSixMenuElement;
-  /**
-   * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu
-   * is activated.
-   */
-  reposition(): Promise<void>;
-  handleDocumentKeyDown(event: KeyboardEvent): void;
-  handleDocumentMouseDown(event: MouseEvent): void;
-  handleMenuItemActivate(event: CustomEvent): void;
-  handlePanelSelect(event: CustomEvent): void;
-  handleTriggerClick(): void;
-  handleTriggerKeyDown(event: KeyboardEvent): void;
-  handleTriggerKeyUp(event: KeyboardEvent): void;
-  handleTriggerSlotChange(): void;
-  handleDropdownScroll(): void;
-  updateAccessibleTrigger(): void;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+import Popover from '../../utils/popover';
+import { EventListeners } from '../../utils/event-listeners';
+import { EmptyPayload } from '../../utils/types';
+import { SixMenuItemData } from '../six-menu/six-menu';
+export interface SixDropdownAutoFilterPayload {
+  filterValue: string;
+}
+export interface SixDropdownAsyncFilterPayload {
+  filterValue: string;
+}
+export interface SixDropdownScrollPayload {
+  scrollHeight: number;
+  scrollTop: number;
+  scrollbarHeight: number;
+  scrollRatio: number;
+}
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot trigger - The dropdown's trigger, usually a `<six-button>` element.
+ * @slot - The dropdown's content.
+ *
+ * @part base - The component's base wrapper.
+ * @part trigger - The container that wraps the trigger.
+ * @part panel - The panel that gets shown when the dropdown is open.
+ */
+export declare class SixDropdown {
+  accessibleTrigger: HTMLElement;
+  componentId: string;
+  isVisible: boolean;
+  panel: HTMLElement;
+  positioner: HTMLElement;
+  popover: Popover;
+  trigger: HTMLElement;
+  hasBeenInitialized: boolean;
+  filterInputElement: HTMLSixInputElement;
+  host: HTMLSixDropdownElement;
+  /** Indicates whether or not the dropdown is open. You can use this in lieu of the show/hide methods. */
+  open: boolean;
+  /**
+   * The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel
+   * inside of the viewport.
+   */
+  placement: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+  /** Determines whether the dropdown should hide when a menu item is selected. */
+  closeOnSelect: boolean;
+  /** The distance in pixels from which to offset the panel away from its trigger. */
+  distance: number;
+  /** The distance in pixels from which to offset the panel along its trigger. */
+  skidding: number;
+  /**
+   * Enable this option to prevent the panel from being clipped when the component is placed inside a container with
+   * `overflow: auto|scroll`.
+   */
+  hoist: boolean;
+  /** The dropdown will close when the user interacts outside of this element (e.g. clicking). */
+  containingElement: HTMLElement;
+  /**
+   * Set to true to allow auto filtering for entries in the dropdown.
+   * With this flag the dropdown will automatically filter itsel.
+   * If you need to coordinate the shown elements yourself,
+   * e.g. because you need to call an endpoint use asyncFilter instead
+   */
+  filter: boolean;
+  /**
+   * Set to true to allow async filtering.
+   * When you enter something in the search field the component will only emit an event but not filter any elements itself.
+   * You can then simply listen to the 'six-async-filter-fired' event to manage the shown menu-items yourself
+   */
+  asyncFilter: boolean;
+  /** The filter's placeholder text. */
+  filterPlaceholder: string;
+  /** By default the search field will be focused when opening a dropdown with filtering enabled. */
+  autofocusFilter: boolean;
+  get hasFilterEnabled(): boolean;
+  /** The debounce for the filter callbacks. */
+  filterDebounce: number;
+  /** The panel can be opend/closed by pressing the spacebar or the enter key. In some cases you might want to avoid this */
+  disableHideOnEnterAndSpace: boolean;
+  /** Set the options to be shown in the dropdown (alternative to setting the elements via html)*/
+  options: SixMenuItemData[] | null;
+  /** Defines whether the menu list will be rendered virtually i.e. only the elements actually shown (and a couple around)
+   *  are actually rendered in the DOM. If you use virtual scrolling pass the elements via prop instead of via slot. */
+  virtualScroll: boolean;
+  get container(): HTMLElement;
+  /** Emitted when the dropdown opens. Calling `event.preventDefault()` will prevent it from being opened. */
+  sixShow: EventEmitter<EmptyPayload>;
+  /** Emitted after the dropdown opens and all transitions are complete. */
+  sixAfterShow: EventEmitter<EmptyPayload>;
+  /** Emitted when the dropdown closes. Calling `event.preventDefault()` will prevent it from being closed. */
+  sixHide: EventEmitter<EmptyPayload>;
+  /** Emitted after the dropdown closes and all transitions are complete. */
+  sixAfterHide: EventEmitter<EmptyPayload>;
+  /** Emitted when the auto filter is triggered */
+  sixAutoFilterFired: EventEmitter<SixDropdownAutoFilterPayload>;
+  /** Emitted when the async filter is triggered */
+  sixAsyncFilterFired: EventEmitter<SixDropdownAsyncFilterPayload>;
+  /** Emitted when the user scrolls inside dropdown panel.*/
+  sixScroll: EventEmitter<SixDropdownScrollPayload>;
+  readonly eventListeners: EventListeners;
+  _options: SixMenuItemData[];
+  handleOpenChange(): void;
+  handlePopoverOptionsChange(): void;
+  handleOptionsChange(): void;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  private initializePopover;
+  private setupFiltering;
+  getMenuItems: () => HTMLSixMenuItemElement[];
+  handleFilterInputChange: () => void;
+  private handleFilteringForAttributeItems;
+  private handleFilteringForSlotItems;
+  disconnectedCallback(): void;
+  /** Shows the dropdown panel */
+  show(): Promise<void>;
+  /** Hides the dropdown panel */
+  hide(): Promise<void>;
+  focusOnTrigger(): void;
+  getMenu(): HTMLSixMenuElement;
+  /**
+   * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu
+   * is activated.
+   */
+  reposition(): Promise<void>;
+  handleDocumentKeyDown(event: KeyboardEvent): void;
+  handleDocumentMouseDown(event: MouseEvent): void;
+  handleMenuItemActivate(event: CustomEvent): void;
+  handlePanelSelect(event: CustomEvent): void;
+  handleTriggerClick(): void;
+  handleTriggerKeyDown(event: KeyboardEvent): void;
+  handleTriggerKeyUp(event: KeyboardEvent): void;
+  handleTriggerSlotChange(): void;
+  handleDropdownScroll(): void;
+  updateAccessibleTrigger(): void;
+  render(): any;
+}

package/dist/types/components/six-error-page/six-error-page.d.ts

@@ -1,27 +1,27 @@
-export declare class SixErrorPage {
-  /**
-   * Defines error Code and thus displays the proper error page.
-   */
-  errorCode: number;
-  /**
-   * Defines language and thus displays the proper error page in the selected language.
-   */
-  language: 'en' | 'de';
-  /**
-   * Defines a custom title.
-   */
-  customTitle?: string;
-  /**
-   * Defines a custom description.
-   */
-  customDescription?: string[];
-  /**
-   * Defines a custom icon.
-   */
-  customIcon?: string;
-  private getIconName;
-  private getErrorTitle;
-  private getErrorDescription;
-  private getDescriptions;
-  render(): any;
-}
+export declare class SixErrorPage {
+  /**
+   * Defines error Code and thus displays the proper error page.
+   */
+  errorCode: number;
+  /**
+   * Defines language and thus displays the proper error page in the selected language.
+   */
+  language: 'en' | 'de';
+  /**
+   * Defines a custom title.
+   */
+  customTitle?: string;
+  /**
+   * Defines a custom description.
+   */
+  customDescription?: string[];
+  /**
+   * Defines a custom icon.
+   */
+  customIcon?: string;
+  private getIconName;
+  private getErrorTitle;
+  private getErrorDescription;
+  private getDescriptions;
+  render(): any;
+}