@six-group/ui-library 0.0.0-insider.7c3e3d8 → 0.0.0-insider.7c990f3

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

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

@@ -4,5 +4,5 @@
  *
  */
 export declare class SixFileList {
-  render(): any;
+    render(): any;
 }

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

@@ -1,11 +1,11 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export interface SixFileListDownloadPayload {
-  fileId: string;
-  name: string;
+    fileId: string;
+    name: string;
 }
 export interface SixFileListRemovePayload {
-  fileId: string;
-  name: string;
+    fileId: string;
+    name: string;
 }
 /**
  * @since 2.0.0
@@ -13,23 +13,23 @@ export interface SixFileListRemovePayload {
  *
  */
 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;
+    /** 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;
 }

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

@@ -1,13 +1,13 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 interface ISingleFile {
-  file: File;
+    file: File;
 }
 interface IMultipleFiles {
-  files: FileList;
+    files: FileList;
 }
 export type SixFileUploadSuccessPayload = ISingleFile | IMultipleFiles;
 export interface SixFileUploadFailurePayload {
-  reason: string;
+    reason: string;
 }
 /**
  * @since 2.0.0
@@ -15,35 +15,35 @@ export interface SixFileUploadFailurePayload {
  *
  */
 export declare class SixFileUpload {
-  readonly host: HTMLSixFileUploadElement;
-  fileInput: HTMLInputElement;
-  isOver: boolean;
-  /** Set to true if file control should be small. */
-  readonly compact: boolean;
-  /** Label of the drop area. */
-  readonly label: string;
-  /** Set when button is disabled. */
-  readonly disabled: boolean;
-  /** Accepted MIME-Types. */
-  readonly accept: string;
-  /** More than one file allowed. */
-  readonly multiple: boolean;
-  /** Allowed max file size in bytes. */
-  readonly maxFileSize: number | undefined;
-  /** Triggers when a file is added. */
-  readonly fileUploadSuccessEvent: EventEmitter<SixFileUploadSuccessPayload>;
-  /** Triggers when an uploaded file doesn't match MIME type or max file size. */
-  readonly fileUploadFailureEvent: EventEmitter<SixFileUploadFailurePayload>;
-  dragenterHandler(): void;
-  dragoverHandler(): void;
-  dragleaveHandler(): void;
-  dropHandler({ dataTransfer }: DragEvent): void;
-  handleFiles: (files: FileList) => CustomEvent<SixFileUploadFailurePayload>;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  preventDefaults(e: Event): void;
-  onChange: () => void;
-  private renderLabel;
-  render(): any;
+    readonly host: HTMLSixFileUploadElement;
+    private fileInput?;
+    isOver: boolean;
+    /** Set to true if file control should be small. */
+    readonly compact: boolean;
+    /** Label of the drop area. */
+    readonly label?: string;
+    /** Set when button is disabled. */
+    readonly disabled = false;
+    /** Accepted MIME-Types. */
+    readonly accept?: string;
+    /** More than one file allowed. */
+    readonly multiple = false;
+    /** Allowed max file size in bytes. */
+    readonly maxFileSize?: number;
+    /** Triggers when a file is added. */
+    success: EventEmitter<SixFileUploadSuccessPayload>;
+    /** Triggers when an uploaded file doesn't match MIME type or max file size. */
+    failure: EventEmitter<SixFileUploadFailurePayload>;
+    dragenterHandler(): void;
+    dragoverHandler(): void;
+    dragleaveHandler(): void;
+    dropHandler({ dataTransfer }: DragEvent): void;
+    private handleFiles;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private preventDefaults;
+    private onChange;
+    private renderLabel;
+    render(): any;
 }
 export {};

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

@@ -5,5 +5,5 @@
  * @slot - Used to define the content of the footer.
  */
 export declare class SixFooter {
-  render(): any;
+    render(): any;
 }

package/dist/types/components/six-group-label/six-group-label.d.ts

@@ -12,26 +12,26 @@
  * @part help-text - The help text of the wrapped component.
  */
 export declare class SixGroupLabel {
-  wrapperLabelId: string;
-  labelId: string;
-  helpTextId: string;
-  host: HTMLSixGroupLabelElement;
-  hasHelpTextSlot: boolean;
-  hasLabelSlot: boolean;
-  /** The label's size. */
-  size: 'small' | 'medium' | 'large';
-  /** The wrapper label's label. Alternatively, you can use the label slot. */
-  label: string;
-  /** The wrapper label's help text. Alternatively, you can use the help-text slot. */
-  helpText: string;
-  /** Set to true to disable the label. */
-  disabled: boolean;
-  /** The label's required attribute. */
-  required: boolean;
-  handleLabelChange(): void;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  disconnectedCallback(): void;
-  handleSlotChange(): void;
-  render(): any;
+    private wrapperLabelId;
+    private labelId;
+    private helpTextId;
+    host: HTMLSixGroupLabelElement;
+    hasHelpTextSlot: boolean;
+    hasLabelSlot: boolean;
+    /** The label's size. */
+    size: 'small' | 'medium' | 'large';
+    /** The wrapper label's label. Alternatively, you can use the label slot. */
+    label: string;
+    /** The wrapper label's help text. Alternatively, you can use the help-text slot. */
+    helpText: string;
+    /** Set to true to disable the label. */
+    disabled: boolean;
+    /** Set to true to show an asterisk beneath the label. */
+    required: boolean;
+    handleLabelChange(): void;
+    connectedCallback(): void;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    private handleSlotChange;
+    render(): any;
 }

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

@@ -1,32 +1,23 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { EventListeners } from '../../utils/event-listeners';
 import { EmptyPayload } from '../../utils/types';
 export interface SixHeaderAppSwitcherSelectPayload {
-  selectedLabel: string;
-  name: string;
-  item: HTMLSixMenuItemElement;
+    selectedLabel: string;
+    name: string;
+    item: HTMLSixMenuItemElement;
 }
 export interface SixHeaderProfileSelectPayload {
-  selectedLabel: string;
-  name: string;
-  item: HTMLSixMenuItemElement;
+    selectedLabel: string;
+    name: string;
+    item: HTMLSixMenuItemElement;
 }
 export interface SixHeaderSearchFieldToggle {
-  visible: boolean;
+    visible: boolean;
 }
 declare enum Section {
-  None = 0,
-  Search = 1,
-  Notifications = 2,
-  AppSwitcher = 3,
-  Profile = 4
-}
-declare enum Slot {
-  Search = "search-field",
-  Notifications = "notifications",
-  AppSwitcher = "app-switcher-menu",
-  Profile = "profile-menu",
-  Logo = "logo"
+    None = 0,
+    Search = 1,
+    AppSwitcher = 2,
+    Profile = 3
 }
 /**
  * @since 1.0
@@ -40,51 +31,51 @@ declare enum Slot {
  * @slot profile-avatar - Used to define the avator in the header.
  */
 export declare class SixHeader {
-  /** Indicates if content should be shifted down when search field is visible. */
-  shiftContent: boolean;
-  /** Set the hamburger menu icon to open or closed state */
-  openHamburgerMenu: boolean;
-  /** Set the header search to be in an open or closed state */
-  openSearch: boolean;
-  /** Set whether the logo should be clickable */
-  clickableLogo: boolean;
-  handleOpenSearchChange(): void;
-  /** Sets open state for search */
-  setSearchOpenState(openState: boolean): Promise<void>;
-  /** Get open state for search */
-  getIsSearchOpen(): Promise<boolean>;
-  /** Emitted when the name of the selected app is clicked. */
-  sixAppNameClicked: EventEmitter<EmptyPayload>;
-  /** Emitted when a menu item is in the app switcher menu is selected. */
-  sixAppSwitcherSelect: EventEmitter<SixHeaderAppSwitcherSelectPayload>;
-  /** Emitted when a menu item is in the profile menu is selected. */
-  sixProfileSelect: EventEmitter<SixHeaderProfileSelectPayload>;
-  /** Emitted when the hamburger menu is clicked. */
-  sixHamburgerClick: EventEmitter<EmptyPayload>;
-  /** Emitted when the header logo is clicked. */
-  sixLogoClick: EventEmitter<EmptyPayload>;
-  /** Emitted when search field is toggled. */
-  sixSearchFieldToggle: EventEmitter<SixHeaderSearchFieldToggle>;
-  host: HTMLSixHeaderElement;
-  readonly eventListeners: EventListeners;
-  slots: {
-    readonly [K: string]: boolean;
-  };
-  selectedApp: string;
-  selectedSection: Section;
-  has: (slot: Slot) => boolean;
-  selected: (value: Section) => boolean;
-  select: (value: Section) => () => void;
-  toggleSearch: (value: Section) => () => void;
-  setupMenu: (el: HTMLSixIconButtonElement) => void;
-  setupLogo: (el: HTMLSixIconButtonElement) => void;
-  setupProfile: (el: HTMLSixDropdownElement) => void;
-  setupAppSwitcher: (el: HTMLSixDropdownElement) => void;
-  appNameClicked: () => CustomEvent<undefined>;
-  computeSearchOpenState: () => void;
-  componentWillLoad(): void;
-  private getSelectedApp;
-  disconnectedCallback(): void;
-  render(): any;
+    /** Indicates if content should be shifted down when search field is visible. */
+    shiftContent: boolean;
+    /** Set the hamburger menu icon to open or closed state */
+    openHamburgerMenu: boolean;
+    /** Set the header search to be in an open or closed state */
+    openSearch: boolean;
+    /** Set whether the logo should be clickable */
+    clickableLogo: boolean;
+    handleOpenSearchChange(): void;
+    /** Sets open state for search */
+    setSearchOpenState(openState: boolean): Promise<void>;
+    /** Get open state for search */
+    getIsSearchOpen(): Promise<boolean>;
+    /** Emitted when the name of the selected app is clicked. */
+    sixAppNameClicked: EventEmitter<EmptyPayload>;
+    /** Emitted when a menu item is in the app switcher menu is selected. */
+    sixAppSwitcherSelect: EventEmitter<SixHeaderAppSwitcherSelectPayload>;
+    /** Emitted when a menu item is in the profile menu is selected. */
+    sixProfileSelect: EventEmitter<SixHeaderProfileSelectPayload>;
+    /** Emitted when the hamburger menu is clicked. */
+    sixHamburgerClick: EventEmitter<EmptyPayload>;
+    /** Emitted when the header logo is clicked. */
+    sixLogoClick: EventEmitter<EmptyPayload>;
+    /** Emitted when search field is toggled. */
+    sixSearchFieldToggle: EventEmitter<SixHeaderSearchFieldToggle>;
+    host: HTMLSixHeaderElement;
+    private eventListeners;
+    private slots?;
+    private mutationObserver?;
+    selectedApp?: string;
+    selectedSection?: Section;
+    private hasSlot;
+    private isSectionSelected;
+    private selectSection;
+    private toggleSearch;
+    private setupMenu;
+    private setupLogo;
+    private setupProfile;
+    private setupAppSwitcher;
+    private appNameClicked;
+    private computeSearchOpenState;
+    componentWillLoad(): void;
+    connectedCallback(): void;
+    private updateSelectedApp;
+    disconnectedCallback(): void;
+    render(): any;
 }
 export {};

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

@@ -5,9 +5,9 @@
  * @slot - Used to define the material icon name.
  */
 export declare class SixIcon {
-  /** The icon's size. */
-  size: 'inherit' | 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';
-  /** If set to true the default material outlined icons are not used. */
-  filled: boolean;
-  render(): any;
+    /** The icon's size. */
+    size: 'inherit' | 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';
+    /** If set to true the default material outlined icons are not used. */
+    filled: boolean;
+    render(): any;
 }

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

@@ -7,22 +7,22 @@
  * @part base - The component's base wrapper.
  */
 export declare class SixIconButton {
-  button: HTMLButtonElement;
-  /** The name of the icon to draw. */
-  name: string;
-  /** The icon's size. */
-  size: 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';
-  /**
-   * A description that gets read by screen readers and other assistive devices. For optimal accessibility, you should
-   * always include a label that describes what the icon button does.
-   */
-  label: string;
-  /** Set to true to disable the button. */
-  disabled: boolean;
-  /** HTML symbol code or entity. */
-  html: string;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  render(): any;
-  private handleClickEvent;
+    private button?;
+    /** The name of the icon to draw. */
+    name?: string;
+    /** The icon's size. */
+    size: 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';
+    /**
+     * A description that gets read by screen readers and other assistive devices. For optimal accessibility, you should
+     * always include a label that describes what the icon button does.
+     */
+    label?: string;
+    /** Set to true to disable the button. */
+    disabled: boolean;
+    /** HTML symbol code or entity. */
+    html?: string;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    render(): any;
+    private handleClickEvent;
 }