@six-group/ui-library 0.0.0-insider.9277796 → 0.0.0-insider.d16ec8e

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

@@ -15,8 +15,7 @@ import { EmptyPayload } from '../../utils/types';
  * @part close-button - The close button.
  */
 export declare class SixAlert {
-  alert: HTMLElement;
-  autoHideTimeout: any;
+  private autoHideTimeout?;
   host: HTMLSixAlertElement;
   isVisible: boolean;
   /** Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. */
@@ -40,7 +39,6 @@ export declare class SixAlert {
   sixHide: EventEmitter<EmptyPayload>;
   /** Emitted after the alert closes and all transitions are complete. */
   sixAfterHide: EventEmitter<EmptyPayload>;
-  connectedCallback(): void;
   componentWillLoad(): void;
   /** Shows the alert. */
   show(): Promise<void>;
@@ -52,9 +50,9 @@ export declare class SixAlert {
    * calling this method again. The returned promise will resolve after the alert is hidden.
    */
   toast(): Promise<void>;
-  handleCloseClick(): void;
-  handleMouseMove(): void;
-  handleTransitionEnd(event: TransitionEvent): void;
-  restartAutoHide(): void;
+  private handleCloseClick;
+  private handleMouseMove;
+  private handleTransitionEnd;
+  private restartAutoHide;
   render(): any;
 }

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

@@ -21,7 +21,6 @@ export declare class SixAvatar {
   initials: string;
   /** The shape of the avatar. */
   shape: 'circle' | 'square' | 'rounded';
-  connectedCallback(): void;
-  handleImageError(): void;
+  private handleImageError;
   render(): any;
 }

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

@@ -9,7 +9,6 @@
  * @part base - The base wrapper
  */
 export declare class SixBadge {
-  badge: HTMLElement;
   /** The badge's type. */
   type: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'action';
   /** Set to true to draw a pill-style badge with rounded edges. */

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

@@ -17,7 +17,7 @@ import { EmptyPayload } from '../../utils/types';
  * @part caret - The button's caret.
  */
 export declare class SixButton {
-  button: HTMLButtonElement;
+  private nativeButton?;
   host: HTMLSixButtonElement;
   hasFocus: boolean;
   hasLabel: boolean;
@@ -46,24 +46,23 @@ export declare class SixButton {
   /** An optional value for the button. Ignored when `href` is set. */
   value: string;
   /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */
-  href: string;
+  href?: string;
   /** Tells the browser where to open the link. Only used when `href` is set. */
-  target: '_blank' | '_parent' | '_self' | '_top';
+  target?: '_blank' | '_parent' | '_self' | '_top';
   /** Tells the browser to download the linked file as this filename. Only used when `href` is set. */
-  download: string;
+  download?: string;
   /** Emitted when the button loses focus. */
   sixBlur: EventEmitter<EmptyPayload>;
   /** Emitted when the button gains focus. */
   sixFocus: EventEmitter<EmptyPayload>;
-  connectedCallback(): void;
   componentWillLoad(): void;
   /** Sets focus on the button. */
   setFocus(options?: FocusOptions): Promise<void>;
   /** Removes focus from the button. */
   removeFocus(): Promise<void>;
-  handleSlotChange(): void;
-  handleBlur(): void;
-  handleFocus(): void;
-  handleClick(event: MouseEvent): void;
+  private handleSlotChange;
+  private handleBlur;
+  private handleFocus;
+  private handleClick;
   render(): any;
 }

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

@@ -1,6 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { EmptyPayload } from '../../utils/types';
-import { EventListeners } from '../../utils/event-listeners';
 /**
  * @since 1.0
  * @status stable
@@ -17,21 +16,27 @@ import { EventListeners } from '../../utils/event-listeners';
  * @part text - The checkbox text rendered to the right.
  */
 export declare class SixCheckbox {
-  inputId: string;
-  labelId: string;
-  textId: string;
-  errorTextId: string;
-  input: HTMLInputElement;
-  customErrorText: string;
-  customValidation: boolean;
-  readonly eventListeners: EventListeners;
+  private inputId;
+  private labelId;
+  private textId;
+  private errorTextId;
+  private nativeInput?;
+  private customErrorText;
+  private customValidation;
+  private eventListeners;
   host: HTMLSixCheckboxElement;
   hasFocus: boolean;
   hasLabelSlot: boolean;
   hasErrorTextSlot: boolean;
   /** The checkbox's name attribute. */
   name: string;
-  /** The checkbox's value attribute. */
+  /**
+   * The value of the checkbox does not mean if it's checked or not, use the `checked`
+   * property for that.
+   *
+   * The value of a checkbox is analogous to the value of an `<input type="checkbox">`,
+   * it's only used when the checkbox participates in a native `<form>`.
+   */
   value: string;
   /** Set to true to disable the checkbox. */
   disabled: boolean;
@@ -68,19 +73,18 @@ export declare class SixCheckbox {
   /** Removes focus from the checkbox. */
   removeFocus(): Promise<void>;
   /** Checks for validity and shows the browser's validation message if the control is invalid. */
-  reportValidity(): Promise<boolean>;
+  reportValidity(): Promise<boolean | undefined>;
   /** Checks for validity. */
   checkValidity(): Promise<boolean>;
   /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */
   setCustomValidity(message: string): Promise<void>;
   /** Resets the formcontrol */
   reset(): Promise<void>;
-  handleChange(): void;
-  handleBlur(): void;
-  handleFocus(): void;
-  handleMouseDown(event: MouseEvent): void;
-  handleInvalid(): void;
-  handleSlotChange(): void;
-  displayError(): boolean;
+  private handleChange;
+  private handleBlur;
+  private handleFocus;
+  private handleMouseDown;
+  private handleSlotChange;
+  private displayError;
   render(): any;
 }

package/dist/types/components/six-datepicker/components/day-selection.d.ts

@@ -1,5 +1,9 @@
-export declare const DaySelection: ({ locale, calendarGrid, onClickDateCell }: {
-  locale: any;
-  calendarGrid: any;
-  onClickDateCell: any;
-}) => any;
+import { DateLocale } from '../../../utils/date-util';
+import { CalendarCell } from '../six-datepicker';
+interface DaySelectionParams {
+  locale: DateLocale;
+  calendarGrid: CalendarCell[][];
+  onClickDateCell: (cell: CalendarCell) => void;
+}
+export declare const DaySelection: (daySelectionParams: DaySelectionParams) => any;
+export {};

package/dist/types/components/six-datepicker/components/month-selection.d.ts

@@ -1,5 +1,8 @@
-export declare const MonthSelection: ({ locale, selectedDate, onClickMonthCell }: {
-  locale: any;
-  selectedDate: any;
-  onClickMonthCell: any;
-}) => any;
+import { DateLocale } from '../../../utils/date-util';
+interface MonthSelectionParams {
+  locale: DateLocale;
+  selectedDate?: Date;
+  onClickMonthCell: (month: string) => void;
+}
+export declare const MonthSelection: (monthSelectionParams: MonthSelectionParams) => any;
+export {};

package/dist/types/components/six-datepicker/components/year-selection.d.ts

@@ -1,5 +1,7 @@
-export declare const YearSelection: ({ selectedDate, yearSelection, onClickYearCell }: {
-  selectedDate: any;
-  yearSelection: any;
-  onClickYearCell: any;
-}) => any;
+interface YearSelectionParams {
+  selectedDate?: Date;
+  yearSelection: number[][];
+  onClickYearCell: (year: number) => void;
+}
+export declare const YearSelection: (yearSelectionParams: YearSelectionParams) => any;
+export {};

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

@@ -1,7 +1,6 @@
-import { Event, EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from '../../stencil-public-runtime';
 import { EmptyPayload } from '../../utils/types';
 import { SixDateFormats } from './six-date-formats';
-import { SixTimepickerChange } from '../six-timepicker/six-timepicker';
 export type SixDatepickerSelectPayload = Date | undefined | null;
 export interface CalendarCell {
   date: Date;
@@ -25,12 +24,12 @@ declare enum SelectionMode {
  * @slot - Used to define a footer for the date picker.
  */
 export declare class SixDatepicker {
-  private readonly eventListeners;
-  private inputElement;
-  private popup;
-  private wrapper;
-  readonly host: HTMLSixDatepickerElement;
-  private selectedDate;
+  private eventListeners;
+  private inputElement?;
+  private popup?;
+  private wrapper?;
+  private selectedDate?;
+  host: HTMLSixDatepickerElement;
   private pointerDate;
   selectionMode: SelectionMode;
   isDropDownContentUp: boolean;
@@ -66,11 +65,11 @@ export declare class SixDatepicker {
   /**
    * The minimum datetime allowed. Value must be a date object
    */
-  min?: Date | null;
+  min?: Date;
   /**
    * The maximum datetime allowed. Value must be a date object
    */
-  max?: Date | null;
+  max?: Date;
   /**
    * Closes the datepicker dropdown after selection
    */
@@ -78,7 +77,7 @@ export declare class SixDatepicker {
   /**
    * The enforced placement of the dropdown panel.
    */
-  placement: 'top' | 'bottom';
+  placement?: 'top' | 'bottom';
   /** Datepicker size. */
   size: 'small' | 'medium' | 'large';
   /** Set to true to make the input a required field. */
@@ -86,17 +85,17 @@ export declare class SixDatepicker {
   /**
    * The date to defines where the datepicker popup starts. The prop accepts ISO 8601 date strings (YYYY-MM-DD).
    */
-  defaultDate?: string | null;
+  defaultDate?: string;
   /**
    * The placeholder defines what text to be shown on the input element
    */
-  placeholder?: string | null;
+  placeholder?: string;
   /**
    * The value of the form field, which accepts a date object.
    */
-  value?: Date | null;
+  value?: Date;
   /** The dropdown will close when the user interacts outside of this element (e.g. clicking). */
-  containingElement: HTMLElement;
+  containingElement?: HTMLElement;
   /** Define the dateFormat. Valid formats are:
    * 'dd.mm.yyyy'
    * 'yyyy-mm-dd'
@@ -150,20 +149,20 @@ export declare class SixDatepicker {
   sixBlur: EventEmitter<SixDatepickerSelectPayload>;
   resizeHandler(): Promise<void>;
   scrollHandler(): Promise<void>;
-  private defaultValue;
+  private defaultValue?;
+  private moveOpenHoistedPopup;
   get container(): HTMLElement;
   get firstDateOfBox(): Date;
   /** Checks for validity and shows the browser's validation message if the control is invalid. */
-  reportValidity(): Promise<boolean>;
+  reportValidity(): Promise<boolean | undefined>;
   /** Checks for validity. */
-  checkValidity(): Promise<boolean>;
+  checkValidity(): Promise<boolean | undefined>;
   /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */
   setCustomValidity(message: string): Promise<void>;
   /** Resets the formcontrol */
   reset(): Promise<void>;
-  private isValidValue;
   get calendarGrid(): CalendarCell[][];
-  private calcIsDropDownContentUp;
+  private updateDropdownDirection;
   private getMonthStringForIndex;
   private previousUnit;
   private previousYear;
@@ -173,40 +172,36 @@ export declare class SixDatepicker {
   private nextMonth;
   private nextYear;
   private nextYearGroup;
-  openCalendar(): void;
+  private openCalendar;
   private setupEventListenersForOpenPopup;
-  handleDocumentKeyDown: (event: KeyboardEvent) => void;
-  handleDocumentMouseDown: (event: MouseEvent) => void;
-  handleClearClick(event: MouseEvent): void;
+  private handleDocumentKeyDown;
+  private handleDocumentMouseDown;
+  private handleClearClick;
   private closePopup;
   private updatePointerDates;
   private differsFromPointerDate;
   private getPointerDate;
   private updateValue;
-  updateIfChanged(newDate: Date): void;
+  private updateIfChanged;
   /**
    * Selects an option
    */
-  select(datestring: string): Promise<void>;
-  onTimepickerChange: (sixTimepickerChange: CustomEvent<SixTimepickerChange>) => void;
-  onClickDateCell: (cell: CalendarCell) => void;
-  onClickMonthCell: (selectedMonth: string) => void;
-  onClickYearCell: (year: number) => void;
-  handleInputChange: (event: Event) => void;
-  handleOnBlur: (event: Event) => void;
+  select(datestring?: string): Promise<void>;
+  private onTimepickerChange;
+  private onClickDateCell;
+  private onClickMonthCell;
+  private onClickYearCell;
+  private handleInputChange;
+  private handleOnBlur;
   componentWillLoad(): void;
-  private validateProps;
   componentDidLoad(): void;
-  renderHeader(): any;
-  renderBody(): any;
+  componentDidRender(): void;
+  private renderHeader;
+  private renderBody;
   private renderCustomIcon;
   private renderClearable;
   render(): any;
   private adjustPopupPosition;
-  private moveOpenHoistedPopup;
-  private adjustPopupForSmallScreens;
-  private adjustPopupForHoisting;
-  connectedCallback(): void;
   disconnectedCallback(): void;
   private displayCustomMessage;
   private static getCurrentDateAsPointer;

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

@@ -18,17 +18,17 @@ import { EmptyPayload } from '../../utils/types';
 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. */
+  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;
+  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. */
@@ -37,7 +37,8 @@ export declare class SixDetails {
   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;
+  /** 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>;
@@ -47,15 +48,14 @@ export declare class SixDetails {
   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;
+  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,16 +21,16 @@ import { EmptyPayload } from '../../utils/types';
  *
  */
 export declare class SixDialog {
-  componentId: string;
-  dialog: HTMLElement;
-  modal: Modal;
-  panel: HTMLElement;
-  willShow: boolean;
-  willHide: boolean;
+  private componentId;
+  private dialog?;
+  private modal?;
+  private panel?;
+  private willShow;
+  private willHide;
   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. */
+  /** 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
@@ -66,10 +65,10 @@ export declare class SixDialog {
   show(): Promise<void>;
   /** Hides the dialog */
   hide(): Promise<void>;
-  handleCloseClick(): void;
-  handleKeyDown(event: KeyboardEvent): void;
-  handleOverlayClick(): void;
-  handleSlotChange(): void;
-  handleTransitionEnd(event: TransitionEvent): 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,16 +20,16 @@ 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;
+  private componentId;
+  private drawer?;
+  private modal?;
+  private panel?;
+  private willShow;
+  private willHide;
   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. */
+  /** 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
@@ -72,11 +71,11 @@ export declare class SixDrawer {
   show(): Promise<void>;
   /** Hides the drawer */
   hide(): Promise<void>;
-  handleCloseClick(): void;
-  handleKeyDown(event: KeyboardEvent): void;
-  handleOverlayClick(): void;
-  handleSlotChange(): void;
-  handleTransitionEnd(event: TransitionEvent): 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,6 +1,4 @@
 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 {
@@ -29,21 +27,20 @@ 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;
+  private componentId;
+  private isVisible;
+  private panel?;
+  private positioner?;
+  private popover?;
+  private trigger?;
+  private hasBeenInitialized;
+  private filterInputElement?;
   host: HTMLSixDropdownElement;
-  /** Indicates whether or not the dropdown is open. You can use this in lieu of the show/hide methods. */
+  /** 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 of the viewport.
+   * 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. */
@@ -58,7 +55,7 @@ export declare class SixDropdown {
    */
   hoist: boolean;
   /** The dropdown will close when the user interacts outside of this element (e.g. clicking). */
-  containingElement: HTMLElement;
+  containingElement?: HTMLElement;
   /**
    * Set to true to allow auto filtering for entries in the dropdown.
    * With this flag the dropdown will automatically filter itsel.
@@ -82,7 +79,7 @@ export declare class SixDropdown {
   /** 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;
+  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;
@@ -96,13 +93,13 @@ export declare class SixDropdown {
   /** Emitted after the dropdown closes and all transitions are complete. */
   sixAfterHide: EventEmitter<EmptyPayload>;
   /** Emitted when the auto filter is triggered */
-  sixAutoFilterFired: EventEmitter<SixDropdownAutoFilterPayload>;
+  sixAutoFilter: 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[];
+  private eventListeners;
+  filteredOptions: SixMenuItemData[];
   handleOpenChange(): void;
   handlePopoverOptionsChange(): void;
   handleOptionsChange(): void;
@@ -110,8 +107,8 @@ export declare class SixDropdown {
   componentDidLoad(): void;
   private initializePopover;
   private setupFiltering;
-  getMenuItems: () => HTMLSixMenuItemElement[];
-  handleFilterInputChange: () => void;
+  private getMenuItems;
+  private handleFilterInputChange;
   private handleFilteringForAttributeItems;
   private handleFilteringForSlotItems;
   disconnectedCallback(): void;
@@ -119,22 +116,21 @@ export declare class SixDropdown {
   show(): Promise<void>;
   /** Hides the dropdown panel */
   hide(): Promise<void>;
-  focusOnTrigger(): void;
-  getMenu(): HTMLSixMenuElement;
+  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.
    */
   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;
+  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-page/six-error-page.d.ts

@@ -2,7 +2,7 @@ export declare class SixErrorPage {
   /**
    * Defines error Code and thus displays the proper error page.
    */
-  errorCode: number;
+  errorCode?: 404 | 403 | 500;
   /**
    * Defines language and thus displays the proper error page in the selected language.
    */

package/dist/types/components/six-file-list-item/six-file-list-item.d.ts

@@ -20,7 +20,7 @@ export declare class SixFileListItem {
   /** The date when the file was uploaded */
   date: string;
   /** The file size. This number will be divided by 1024 to show the filesize in KB */
-  size: number;
+  size?: number;
   /** Set to true if you don't want to allow to download this file */
   nodownload: boolean;
   /** Set to true if you don't want to allow to delete this file */
@@ -29,7 +29,7 @@ export declare class SixFileListItem {
   downloadEvent: EventEmitter<SixFileListDownloadPayload>;
   /** Triggered on file remove. */
   removeEvent: EventEmitter<SixFileListRemovePayload>;
-  downloadFile: () => void;
-  removeFile: () => void;
+  private downloadFile;
+  private removeFile;
   render(): any;
 }