@six-group/ui-library 0.0.0-insider.a358260 → 0.0.0-insider.a7adc6d

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

@@ -16,46 +16,46 @@ import { EmptyPayload } from '../../utils/types';
  * @part content - The details content.
  */
 export declare class SixDetails {
-  readonly host: HTMLSixDetailsElement;
-  animateSummaryIcon: boolean;
-  body: HTMLElement;
-  componentId: string;
-  details: HTMLElement;
-  header: HTMLElement;
-  isVisible: boolean;
-  /** Indicates whether or not the details is open. You can use this in lieu of the show/hide methods. */
-  open: boolean;
-  /** The summary to show in the details header. If you need to display HTML, use the `summary` slot instead. */
-  summary: string;
-  /** The summary icon to show in the details header. If you need to display HTML, use the `summary-icon` slot instead. */
-  summaryIcon: string;
-  /** The icon's size. */
-  summaryIconSize: 'inherit' | 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';
-  /** Set to true to prevent the user from toggling the details. */
-  disabled: boolean;
-  /** Set to true when you want to use six-details inline e.g. in a sidebar */
-  inline: boolean;
-  /** Set to true when you want details without content to be selectable. This is important if you e.g. have a toggled sidebar where some menus have no children  */
-  selectableEmpty: boolean;
-  readonly hasContent: boolean;
-  handleOpenChange(): void;
-  /** Emitted when the details opens. Calling `event.preventDefault()` will prevent it from being opened. */
-  sixShow: EventEmitter<EmptyPayload>;
-  /** Emitted after the details opens and all transitions are complete. */
-  sixAfterShow: EventEmitter<EmptyPayload>;
-  /** Emitted when the details closes. Calling `event.preventDefault()` will prevent it from being closed. */
-  sixHide: EventEmitter<EmptyPayload>;
-  /** Emitted after the details closes and all transitions are complete. */
-  sixAfterHide: EventEmitter<EmptyPayload>;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  /** Shows the detail body */
-  show(): Promise<void>;
-  /** Hides the detail body */
-  hide(): Promise<void>;
-  handleBodyTransitionEnd(event: TransitionEvent): void;
-  handleSummaryClick(): void;
-  handleSummaryKeyDown(event: KeyboardEvent): void;
-  render(): any;
+    readonly host: HTMLSixDetailsElement;
+    animateSummaryIcon: boolean;
+    private body?;
+    private details?;
+    private header?;
+    private componentId;
+    private isVisible;
+    /** Indicates whether the details is open. You can use this in lieu of the show/hide methods. */
+    open: boolean;
+    /** The summary to show in the details header. If you need to display HTML, use the `summary` slot instead. */
+    summary: string;
+    /** The summary icon to show in the details header. If you need to display HTML, use the `summary-icon` slot instead. */
+    summaryIcon?: string;
+    /** The icon's size. */
+    summaryIconSize: 'inherit' | 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';
+    /** Set to true to prevent the user from toggling the details. */
+    disabled: boolean;
+    /** Set to true when you want to use six-details inline e.g. in a sidebar */
+    inline: boolean;
+    /** Set to true when you want details without content to be selectable. This is important if you e.g. have a toggled sidebar where some menus have no children  */
+    selectableEmpty: boolean;
+    /** Set to false when you want to hide the summary icon and disable the open/close mechanism. Usually not needed, but used internally by 'six-sidebar-item-group' */
+    hasContent: boolean;
+    handleOpenChange(): void;
+    /** Emitted when the details opens. Calling `event.preventDefault()` will prevent it from being opened. */
+    sixShow: EventEmitter<EmptyPayload>;
+    /** Emitted after the details opens and all transitions are complete. */
+    sixAfterShow: EventEmitter<EmptyPayload>;
+    /** Emitted when the details closes. Calling `event.preventDefault()` will prevent it from being closed. */
+    sixHide: EventEmitter<EmptyPayload>;
+    /** Emitted after the details closes and all transitions are complete. */
+    sixAfterHide: EventEmitter<EmptyPayload>;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    /** Shows the detail body */
+    show(): Promise<void>;
+    /** Hides the detail body */
+    hide(): Promise<void>;
+    private handleBodyTransitionEnd;
+    private handleSummaryClick;
+    private handleSummaryKeyDown;
+    render(): any;
 }

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

@@ -1,5 +1,4 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import Modal from '../../utils/modal';
 import { EmptyPayload } from '../../utils/types';
 /**
  * @since 1.0
@@ -22,54 +21,55 @@ import { EmptyPayload } from '../../utils/types';
  *
  */
 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;
+    private componentId;
+    private dialog?;
+    private modal?;
+    private panel?;
+    private willShow;
+    private willHide;
+    host: HTMLSixDialogElement;
+    hasFooter: boolean;
+    isVisible: boolean;
+    /** Indicates whether 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;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    /** Shows the dialog */
+    show(): Promise<void>;
+    /** Hides the dialog */
+    hide(): Promise<void>;
+    private handleCloseClick;
+    private handleKeyDown;
+    private handleOverlayClick;
+    private handleSlotChange;
+    private handleTransitionEnd;
+    render(): any;
 }

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

@@ -1,5 +1,4 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import Modal from '../../utils/modal';
 import { EmptyPayload } from '../../utils/types';
 /**
  * @since 1.0
@@ -21,62 +20,62 @@ import { EmptyPayload } from '../../utils/types';
  * @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;
+    private componentId;
+    private drawer?;
+    private modal?;
+    private panel?;
+    private willShow;
+    private willHide;
+    host: HTMLSixDrawerElement;
+    hasFooter: boolean;
+    isVisible: boolean;
+    /** Indicates whether 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>;
+    private handleCloseClick;
+    private handleKeyDown;
+    private handleOverlayClick;
+    private handleSlotChange;
+    private handleTransitionEnd;
+    private resetTransitionVariables;
+    render(): any;
 }

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

@@ -1,19 +1,17 @@
 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;
+    filterValue: string;
 }
 export interface SixDropdownAsyncFilterPayload {
-  filterValue: string;
+    filterValue: string;
 }
 export interface SixDropdownScrollPayload {
-  scrollHeight: number;
-  scrollTop: number;
-  scrollbarHeight: number;
-  scrollRatio: number;
+    scrollHeight: number;
+    scrollTop: number;
+    scrollbarHeight: number;
+    scrollRatio: number;
 }
 /**
  * @since 1.0
@@ -22,6 +20,7 @@ export interface SixDropdownScrollPayload {
  * 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 dropdown-footer - The dropdown's footer area.
  * @slot - The dropdown's content.
  *
  * @part base - The component's base wrapper.
@@ -29,112 +28,128 @@ export interface SixDropdownScrollPayload {
  * @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;
+    private componentId;
+    private isVisible;
+    private panel?;
+    private scrollPanel?;
+    private panelSlot?;
+    private positioner?;
+    private popover?;
+    private trigger?;
+    private triggerSlot?;
+    private resizeObserver;
+    private filterInputElement?;
+    host: HTMLSixDropdownElement;
+    /** Indicates whether 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 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 filterEnabled(): 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[];
+    /** 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;
+    /**
+     * Determines if the dropdown panel's width should match the width of the trigger element.
+     *
+     * If set to `true`, the panel will resize its width to align with the trigger's width.
+     * If `false` or omitted, the panel will maintain its default width.
+     */
+    matchTriggerWidth: 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 */
+    sixAutoFilter: EventEmitter<SixDropdownAutoFilterPayload>;
+    /** Emitted when the async filter is triggered */
+    sixAsyncFilterFired: EventEmitter<SixDropdownAsyncFilterPayload>;
+    /** Emitted when the user scrolls inside dropdown panel.*/
+    sixScroll: EventEmitter<SixDropdownScrollPayload>;
+    private eventListeners;
+    renderedOptions: SixMenuItemData[];
+    handleOpenChange(): void;
+    handlePopoverOptionsChange(): void;
+    handleOptionsChange(): void;
+    private validateOptions;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    connectedCallback(): void;
+    private init;
+    private applyFilter;
+    private resetFilter;
+    private emitFilterEvents;
+    private initPopover;
+    private getMenuItems;
+    disconnectedCallback(): void;
+    /** Shows the dropdown panel */
+    show(): Promise<void>;
+    /**
+     * Set min width of dropdown panel to the width of the trigger element
+     */
+    private updatePanelPosition;
+    /** Hides the dropdown panel */
+    hide(): Promise<void>;
+    private focusOnTrigger;
+    private getMenu;
+    /**
+     * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu
+     * is activated.
+     *
+     * @deprecated: use the property `matchTriggerWidth` instead.
+     */
+    reposition(): Promise<void>;
+    private handleDocumentKeyDown;
+    private handleDocumentMouseDown;
+    private handlePanelSelect;
+    private handleTriggerClick;
+    private handleTriggerKeyDown;
+    private handleTriggerKeyUp;
+    private handleTriggerSlotChange;
+    private handleDropdownScroll;
+    private updateAccessibleTrigger;
+    render(): any;
 }

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

@@ -0,0 +1,9 @@
+/**
+ * @since 4.0
+ * @status beta
+ *
+ * @slot default - The error's message content
+ */
+export declare class SixError {
+    render(): any;
+}