@six-group/ui-library 3.0.0-beta.1.11

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

@@ -0,0 +1,214 @@
+import { Event, EventEmitter } from '../../stencil-public-runtime';
+import { EmptyPayload } from '../../utils/types';
+import { SixDateFormats } from './six-date-formats';
+import { SixTimepickerChange } from '../six-timepicker/six-timepicker';
+export declare type SixDatepickerSelectPayload = Date | undefined | null;
+export interface CalendarCell {
+  date: Date;
+  dateString: string;
+  display: string;
+  isDisabled: boolean;
+  isOutdated: boolean;
+  isSelected: boolean;
+  isToday: boolean;
+  label: string;
+}
+declare enum SelectionMode {
+  DAY = "day",
+  MONTH = "month",
+  YEAR = "year"
+}
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @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 pointerDate;
+  selectionMode: SelectionMode;
+  isDropDownContentUp: boolean;
+  /**
+   * Set the type.
+   */
+  type: 'date' | 'date-time';
+  /**
+   * The language used to render the weekdays and months.
+   */
+  locale: 'en' | 'de' | 'fr' | 'it';
+  /** Indicates whether or not the calendar dropdown is open on startup. You can use this in lieu of the show/hide methods. */
+  open: boolean;
+  /** Indicates whether or not the calendar should be shown as an inline (always open) component */
+  inline: boolean;
+  /**
+   * If `true` the user can only select a date via the component in the popup, but not directly edit the input field.
+   */
+  readonly: boolean;
+  /**
+   * If `true` the component is disabled.
+   */
+  disabled: boolean;
+  /**
+   * Callback to determine which date in the datepicker should be selectable.
+   * the callback function will get a datestring as an argument, e.g. '2021-07-04'
+   *
+   * Usage e.g.:
+   * const datepicker = document.getElementById('allowed-date-picker');
+   * datepicker.allowedDates = datestring => parseInt(datestring.split('-')[2], 10) % 2 === 0;
+   */
+  allowedDates: (date: Date) => boolean;
+  /**
+   * The minimum datetime allowed. Value must be a date object
+   */
+  min?: Date | null;
+  /**
+   * The maximum datetime allowed. Value must be a date object
+   */
+  max?: Date | null;
+  /**
+   * Closes the datepicker dropdown after selection
+   */
+  closeOnSelect: boolean;
+  /**
+   * The enforced placement of the dropdown panel.
+   */
+  placement: 'top' | 'bottom';
+  /** Datepicker size. */
+  size: 'small' | 'medium' | 'large';
+  /** Set to true to make the input a required field. */
+  required: boolean;
+  /**
+   * The date to defines where the datepicker popup starts. The prop accepts ISO 8601 date strings (YYYY-MM-DD).
+   */
+  defaultDate?: string | null;
+  /**
+   * The placeholder defines what text to be shown on the input element
+   */
+  placeholder?: string | null;
+  /**
+   * The value of the form field, which accepts a date object.
+   */
+  value?: Date | null;
+  /** The dropdown will close when the user interacts outside of this element (e.g. clicking). */
+  containingElement: HTMLElement;
+  /** Define the dateFormat. Valid formats are:
+   * 'dd.mm.yyyy'
+   * 'yyyy-mm-dd'
+   * 'dd-mm-yyyy'
+   * 'dd/mm/yyyy'
+   * 'yyyy/mm/dd'
+   * 'dd.mm.yy'
+   * 'yy-mm-dd'
+   * 'dd-mm-yy'
+   * 'dd/mm/yy'
+   * 'yy/mm/dd'
+   * */
+  dateFormat: SixDateFormats;
+  /**
+   * Set the amount of time, in milliseconds, to wait to trigger the `dateChange` event after each keystroke.
+   */
+  debounce: number;
+  /** Set to display the error text on blur and not when typing */
+  errorOnBlur: boolean;
+  /** The input's error text. Alternatively, you can use the error-text slot. */
+  errorText: string;
+  /** The input's label. Alternatively, you can use the label slot. */
+  label: string;
+  /** The input's name attribute. */
+  name: string;
+  /** Set to true to add a clear button when the input is populated. */
+  clearable: boolean;
+  /** Set the position of the icon */
+  iconPosition: 'left' | 'right';
+  /**
+   * Enable this option to prevent the panel from being clipped when the component is placed inside a container with
+   * `overflow: auto|scroll`.
+   */
+  hoist: boolean;
+  protected debounceChanged(): void;
+  /**
+   * Update the native input element when the value changes
+   */
+  protected valueChanged(): void;
+  /**
+   * Emitted when a option got selected.
+   */
+  sixSelect: EventEmitter<SixDatepickerSelectPayload>;
+  /**
+   * Emitted when the clear button is activated.
+   */
+  sixClear: EventEmitter<EmptyPayload>;
+  /**
+   * Emitted when a option got selected.
+   */
+  sixBlur: EventEmitter<SixDatepickerSelectPayload>;
+  resizeHandler(): Promise<void>;
+  scrollHandler(): Promise<void>;
+  private defaultValue;
+  get container(): HTMLElement;
+  get firstDateOfBox(): Date;
+  /** Checks for validity and shows the browser's validation message if the control is invalid. */
+  reportValidity(): Promise<boolean>;
+  /** 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>;
+  private isValidValue;
+  get calendarGrid(): CalendarCell[][];
+  private calcIsDropDownContentUp;
+  private getMonthStringForIndex;
+  private previousUnit;
+  private previousYear;
+  private previousYearGroup;
+  private previousMonth;
+  private nextUnit;
+  private nextMonth;
+  private nextYear;
+  private nextYearGroup;
+  openCalendar(): void;
+  private setupEventListenersForOpenPopup;
+  handleDocumentKeyDown: (event: KeyboardEvent) => void;
+  handleDocumentMouseDown: (event: MouseEvent) => void;
+  handleClearClick(event: MouseEvent): void;
+  private closePopup;
+  private updatePointerDates;
+  private differsFromPointerDate;
+  private getPointerDate;
+  private updateValue;
+  updateIfChanged(newDate: Date): void;
+  /**
+   * 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;
+  componentWillLoad(): void;
+  private validateProps;
+  componentDidLoad(): void;
+  renderHeader(): any;
+  renderBody(): any;
+  private renderCustomIcon;
+  private renderClearable;
+  render(): any;
+  private adjustPopupPosition;
+  private moveOpenHoistedPopup;
+  private adjustPopupForSmallScreens;
+  private adjustPopupForHoisting;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  private displayCustomMessage;
+  private static getCurrentDateAsPointer;
+}
+export {};

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

@@ -0,0 +1 @@
+export declare const getExpectedMonthString: () => string;

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

@@ -0,0 +1,61 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+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 details' content.
+ * @slot summary - The details' summary. Alternatively, you can use the summary prop.
+ *
+ * @part base - The component's base wrapper.
+ * @part header - The summary header.
+ * @part summary - The details summary.
+ * @part summary-icon - The expand/collapse summary icon.
+ * @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;
+}

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

@@ -0,0 +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;
+}

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

@@ -0,0 +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;
+}

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

@@ -0,0 +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;
+}

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

@@ -0,0 +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;
+}

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

@@ -0,0 +1,8 @@
+/**
+ * @since 2.0.0
+ * @status experimental
+ *
+ */
+export declare class SixFileList {
+  render(): any;
+}

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

@@ -0,0 +1,35 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface SixFileListDownloadPayload {
+  fileId: string;
+  name: string;
+}
+export interface SixFileListRemovePayload {
+  fileId: string;
+  name: string;
+}
+/**
+ * @since 2.0.0
+ * @status experimental
+ *
+ */
+export declare class SixFileListItem {
+  /** An id to clearly identify the file */
+  identifier: string;
+  /** The filename */
+  name: string;
+  /** 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;
+  /** 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 */
+  nodelete: boolean;
+  /** Triggered on file download. */
+  downloadEvent: EventEmitter<SixFileListDownloadPayload>;
+  /** Triggered on file remove. */
+  removeEvent: EventEmitter<SixFileListRemovePayload>;
+  downloadFile: () => void;
+  removeFile: () => void;
+  render(): any;
+}