@six-group/ui-library 0.0.0-insider.012ddb2

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

@@ -0,0 +1,205 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { EmptyPayload } from '../../utils/types';
+import { SixDateFormats } from './six-date-formats';
+export 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.
+ * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.
+ */
+export declare class SixDatepicker {
+    private eventListeners;
+    private inputElement?;
+    private popup?;
+    private wrapper?;
+    private selectedDate?;
+    host: HTMLSixDatepickerElement;
+    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' | 'es';
+    /** 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;
+    /**
+     * The maximum datetime allowed. Value must be a date object
+     */
+    max?: Date;
+    /**
+     * 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 show an asterisk beneath the label. */
+    required: boolean;
+    /**
+     * The date to defines where the datepicker popup starts. The prop accepts ISO 8601 date strings (YYYY-MM-DD).
+     */
+    defaultDate?: string;
+    /**
+     * The placeholder defines what text to be shown on the input element
+     */
+    placeholder?: string;
+    /**
+     * The value of the form field, which accepts a date object.
+     */
+    value?: Date;
+    /** The label text. */
+    label: string;
+    /** The error message shown, if `invalid` is set to true.  */
+    errorText: string | string[];
+    /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
+    errorTextCount?: number;
+    /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */
+    invalid: boolean;
+    /** 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;
+    /** 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 moveOpenHoistedPopup;
+    get container(): HTMLElement;
+    get firstDateOfBox(): Date;
+    /** Sets focus on the datepickers input. */
+    setFocus(options?: FocusOptions): Promise<void>;
+    get calendarGrid(): CalendarCell[][];
+    private updateDropdownDirection;
+    private getMonthStringForIndex;
+    private previousUnit;
+    private previousYear;
+    private previousYearGroup;
+    private previousMonth;
+    private nextUnit;
+    private nextMonth;
+    private nextYear;
+    private nextYearGroup;
+    private openCalendar;
+    private setupEventListenersForOpenPopup;
+    private handleDocumentKeyDown;
+    private handleDocumentMouseDown;
+    private handleClearClick;
+    private closePopup;
+    private updatePointerDates;
+    private differsFromPointerDate;
+    private getPointerDate;
+    private updateValue;
+    private updateIfChanged;
+    /**
+     * Selects an option
+     */
+    select(datestring?: string): Promise<void>;
+    private onTimepickerChange;
+    private onClickDateCell;
+    private onClickMonthCell;
+    private onClickYearCell;
+    private handleInputChange;
+    private handleOnBlur;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    private renderHeader;
+    private renderBody;
+    private renderCustomIcon;
+    private renderClearable;
+    render(): any;
+    private adjustPopupPosition;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    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;
+    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

@@ -0,0 +1,75 @@
+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 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 {
+    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

@@ -0,0 +1,81 @@
+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 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 {
+    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

@@ -0,0 +1,155 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+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 dropdown-footer - The dropdown's footer area.
+ * @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 {
+    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;
+}

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?: 404 | 403 | 500;
+    /**
+     * 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>;
+    private downloadFile;
+    private removeFile;
+    render(): any;
+}